@charset "utf-8";
/* CSS Document */
/* 2012, November */
/*
#0085c0藍字
*/
a:link,
a:visited{
	text-decoration:none; 
}
a:hover {
	text-decoration:underline; 
}
/* 輸入欄位焦點框顏色
---------------------------------------------------------------------------------------------------- */
.idle{
	border:1px solid #ffffff;
	background:#ffffff;
}
.focus{
	border:1px solid #eab03f;
	background:#ffffff;
}

/* 輸入欄位提示字顏色
---------------------------------------------------------------------------------------------------- */
::-webkit-input-placeholder {color:#000000;}
::-webkit-textarea-placeholder {color:#000000;}
:-moz-placeholder {color:#000000;}

.placeholder {color:#959595;}

/* 搜尋欄位
---------------------------------------------------------------------------------------------------- */
.psearch {
	float:right;
	width___:205px;
	height:24px;
	text-align:right;
	border:1px solid #8d99a3;
}
.psearch input {
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	font-size:1em;
	height:18px;
	padding:2px 3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ .psearch input {
	width:170px;
} }  /*chrome and safari*/

.psearch a img {
	border-left:1px solid #8d99a3;
}
.psearch input,
.psearch img {
	vertical-align:middle;
}


/* Header
---------------------------------------------------------------------------------------------------- */

#header {
	color:#ffffff;
	width:1128px;
	height:43px;
	background:url(../images/headbg.png) no-repeat;
	margin:0 auto;
	position:relative;
}

.dlogo {
	float:left;
	width:90px;
	height:19px;
	margin:8px 0 0 40px;
}

.datainfo {
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	float:right;
	text-align:right;
	margin-right:33px;
	margin-top:8px;
}
.datainfo img {
	margin-right:5px;
}
.datainfo img,
.datainfo span,
.datainfo a {
	vertical-align:middle;
}
.datainfo a:link,
.datainfo a:visited{
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	font-size_:1em;
	display: -webkit-inline-box;
	display: inline-block;
	padding:0 3px;
	color_:#003143;
	color:#ffffff;
	text-decoration:underline; 
}
.datainfo a:hover {
	text-decoration:none;
}

.regionstyle {
	padding-left:28px;
}




/* Button Style
---------------------------------------------------------------------------------------------------- */

.but-blue a:link,
.but-blue a:visited {
	display: -webkit-inline-box;
	display: inline-block;
	padding:6px 0 8px 0;
	font-family:"myriad-pro-n6","myriad-pro",sans-serif;font-style: normal;font-weight: 600;
	font-size:1em;
	color:#ffffff;
	border:1px solid #ffffff;
	text-align:center;
	text-decoration:none;
	background:url(../images/butbg-blue.png);
}

.but-red a:link,
.but-red a:visited{
	display: -webkit-inline-box;
	display: inline-block;
	padding:6px 0 8px 0;
	font-family:"myriad-pro-n6","myriad-pro",sans-serif;font-style: normal;font-weight: 600;
	font-size:1em;
	color:#ffffff;
	border:1px solid #ffffff;
	text-align:center;
	text-decoration:none;
	background:url(../images/butbg-red.png);
}

.but-loginblue a:link,
.but-loginblue a:visited {
	display: -webkit-inline-box;
	display: inline-block;
	width:138px;
	padding:8px 0 8px 0;
	font-family:"myriad-pro-n6","myriad-pro",sans-serif;font-style: normal;font-weight: 600;
	font-size:1em;
	color:#ffffff;
	border:1px solid #ffffff;
	text-align:center;
	text-decoration:none;
	background:url(../images/butbg-blue.png);
}
.but-loginred a:link,
.but-loginred a:visited{
	display: -webkit-inline-box;
	display: inline-block;
	width:138px;
	padding:8px 0 8px 0;
	font-family:"myriad-pro-n6","myriad-pro",sans-serif;font-style: normal;font-weight: 600;
	font-size:1em;
	color:#ffffff;
	border:1px solid #ffffff;
	text-align:center;
	text-decoration:none;
	background:url(../images/butbg-red.png);
}


.but-blues a:link,
.but-blues a:visited {
	display: -webkit-inline-box;
	display: inline-block;
	padding:6px 0 6px 0;
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	font-size:0.8em;
	color:#ffffff;
	border:1px solid #ffffff;
	text-align:center;
	text-decoration:none;
	background:url(../images/butbg-blue.png);
}
.but-reds a:link,
.but-reds a:visited{
	display: -webkit-inline-box;
	display: inline-block;
	width:110px;
	padding:8px 0 8px 0;
	font-family:"myriad-pro-n6","myriad-pro",sans-serif;font-style: normal;font-weight: 600;
	font-size:1em;
	color:#ffffff;
	border:1px solid #ffffff;
	text-align:center;
	text-decoration:none;
	background:url(../images/butbg-red.png);
}

.but-blue-ws a:link,
.but-blue-ws a:visited {
	display: -webkit-inline-box;
	display: inline-block;
	padding:6px 25px 6px 25px;
	font-family:"myriad-pro-n6","myriad-pro",sans-serif;font-style: normal;font-weight: 600;
	font-size:1em;
	color:#ffffff;
	border:1px solid #ffffff;
	text-align:center;
	text-decoration:none;
	background:url(../images/butbg-blue.png);
}

.but-gray-ws a:link,
.but-gray-ws a:visited {
	display: -webkit-inline-box;
	display: inline-block;
	padding:6px 25px 6px 25px;
	font-family:"myriad-pro-n6","myriad-pro",sans-serif;font-style: normal;font-weight: 600;
	font-size:1em;
	color:#ffffff;
	border:1px solid #ffffff;
	text-align:center;
	text-decoration:none;
	background:url(../images/butbg-gray.png);
}

.but-signblues {
	width__:130px;
	background:url(../images/butbg-blue.png);
	border__:1px solid #005c85;
}
.but-signblues a:link,
.but-signblues a:visited {
	width:107px;
	display: -webkit-inline-box;
	display: inline-block;
	padding:5px 10px 5px 10px;
	font-family:"myriad-pro-n6","myriad-pro",sans-serif;font-style: normal;font-weight: 600;
	font-size:1em;
	color:#ffffff;
	border:1px solid #ffffff;
	text-decoration:none;
	background:url(../images/sign-arrow.png) no-repeat 107px 10px;
}


.but-reg {
	position:absolute;
	bottom:0;
	right:0;
	background:url(../images/butbg-blue.png);
	text-align:center;
}

.but-reg a:link,
.but-reg a:visited {
	display: -webkit-inline-box;
	display: inline-block;
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	font-size:0.8em;
	padding:6px 0 8px 0;
	color:#ffffff;
	border:1px solid #ffffff;
	text-align:center;
	text-decoration:none;
	line-height:1em;
}

.but-formblue {
	width:276px;
	padding-left:204px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:100px;
	text-align:left;
}
.but-formblue a:link,
.but-formblue a:visited {
	font-family:"myriad-pro-n3","myriad-pro",sans-serif;font-style: normal;font-weight: 300;
	font-size:0.9em;
	width__:180px;
	display: -webkit-inline-box;
	display: inline-block;
	padding:9px 25px;
	color:#ffffff;
	border:1px solid #ffffff;
	text-decoration:none;
	background:url(../images/butbg1.png);
}
.but-formblues {
	padding-left:373px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:20px;
	text-align:left;
}
.but-formblues a:link,
.but-formblues a:visited {
	font-family:"myriad-pro-n3","myriad-pro",sans-serif;font-style: normal;font-weight: 300;
	font-size:0.9em;
	display: -webkit-inline-box;
	display: inline-block;
	padding:6px 35px;
	color:#ffffff;
	border:1px solid #005c85;
	text-decoration:none;
	background:url(../images/butbg2.png);
}
.but-formblue a:hover,
.but-formblues a:hover,
.but-blue-ws a:hover,
.but-reg a:hover,
.but-signblues a:hover,
.but-loginblue a:hover,
.but-blue a:hover,
.but-blues a:hover {
	border:1px solid #005c85;
	text-decoration:none;
}
.but-loginred a:hover,
.but-red a:hover,
.but-reds a:hover {
	border:1px solid #ac0000;
	text-decoration:none;
}

.but-gray-ws a:hover {
	border:1px solid #5e5e5e;
	text-decoration:none;
}
.but-formblue a:hover,
.but-formblues a:hover,
.but-blue-ws a:hover,
.but-gray-ws a:hover,
.but-loginred a:hover,
.but-red a:hover,
.but-reds a:hover,
.but-reg a:hover,
.but-signblues a:hover,
.but-loginblue a:hover,
.but-blue a:hover,
.but-blues a:hover{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.bw138 {
	width:138px;
}
.bw100 {
	width:100px;
}

.bw80 {
	width:80px;
}

.but-more {
	float:right;
}
.but-more a:link,
.but-more a:visited{
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	color:#0085c0;
	display: -webkit-inline-box;
	display: inline-block;
	padding:0 18px 0 0;
	background:url(../images/more-arrow.png) no-repeat right 2px;
	text-decoration:underline;
}
.but-more a:hover {
	text-decoration:none;
}

/* NEW 圓角按鈕圖
---------------------------------------------------------------------------------------------------- */
.but-res-g a:link,
.but-res-g a:visited{
	display: -webkit-inline-box;
	display: inline-block;
}

.but-res-g a:link span,
.but-res-g a:visited span{
	display: -webkit-inline-box;
	display: inline-block;
	padding:6px 20px 6px 20px;
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	color:#7d7d7d;
	text-align:center;
	text-decoration:none;
}
.but-res-g a:hover {
	display: -webkit-inline-box;
	display: inline-block;
	text-decoration:none;
	background:url(../images/but-rgl.png) no-repeat top left;
}
.but-res-g a:hover span {
	text-decoration:none;
	background:url(../images/but-rgr.png) no-repeat right top;
}

.but-res-b a:link,
.but-res-b a:visited{
	display: -webkit-inline-box;
	display: inline-block;
	background:url(../images/but-rbl.png) no-repeat top left;
}
.but-res-b a:link span,
.but-res-b a:visited span{
	display: -webkit-inline-box;
	display: inline-block;
	padding:6px 20px 6px 20px;
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	background:url(../images/but-rbr.png) no-repeat right top;
}
.but-res-b a:hover {
	display: -webkit-inline-box;
	display: inline-block;
	text-decoration:none;
	background:url(../images/but-rbl.png) no-repeat top left;
}
.but-res-b a:hover span {
	text-decoration:none;
	background:url(../images/but-rbr.png) no-repeat right top;
}



/* login
---------------------------------------------------------------------------------------------------- */
#logincontainer {
	width:1120px;
	text-align:left;
	margin:0 auto;
	margin-bottom:30px;
	min-height:500px;
}

.loginform {
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	width:500px;
	border:1px solid #003143;
	padding:30px 34px;
	margin:100px auto;
	background:#eaebeb;
}

.loginform h1 {
	font-size:1.5em;
	margin-bottom:25px;
}
.loginform h2 {
	font-size:1em;
	margin-bottom:25px;
	line-height:1.4em;
}

.loginform p {
	text-align:right;
	margin-right:15px;
	line-height:1.3em;
}

.loginform p a:link ,
.loginform p a:visited {
	font-size:0.9em;
	color:#0085c0;
	text-decoration:none; 
}
.loginform p a:hover  {
	text-decoration:underline; 
}

.loginform label{
	display: -webkit-inline-box;
	display: inline-block;
	color:#64666a;
	width:100px;
	padding:5px 0 5px 0;
	margin:12px 0 12px 15px;
}

.loginform span {
	display: -webkit-inline-box;
	display: inline-block;
	color:#64666a;
	padding:0;
}

.loginform span.fontred {
	display: -webkit-inline-box;
	display: inline-block;
	color:#b30000;
	margin-left:117px;
	margin-bottom:10px;
}

.loginform input[type="text"],
.loginform input[type="password"] {
	padding:5px 5px 5px 30px;
	background:#dcdddd;
	border:1px solid #8d99a3;
	margin:0;
}

.loginform input[type="text"] {
	background:#dcdddd url(../images/icon_user.png) no-repeat 3px 3px;
}
.loginform input[type="password"] {
	background:#dcdddd url(../images/icon_lock.png) no-repeat 3px 3px;
}
.loginform input.email {
	background:#dcdddd url(../images/icon_mail.png) no-repeat 3px 3px;
}

.loginform label,
.loginform span {
	vertical-align:middle;
}

.line410 {
	width:470px;
	margin-left:13px;
	margin-top:20px;
	border-bottom:1px dashed #bfc0c0;
}
.line330 {
	width:330px;
	margin-top:20px;
	border-bottom:1px dashed #bfc0c0;
}
.loginform .loginalert {
	color:#b30000;
	line-height:1.5em;
	margin-left:117px;
	margin-bottom:10px;
}


.loginform a:link.fp ,
.loginform a:visited.fp {
	color:#0085c0;
	text-decoration:none; 
}
.loginform a:hover.fp  {
	text-decoration:underline; 
}
.login0 {
	width:352px;
	height:20px;
	background:#ffffff;
	margin:15px 0;
}
.loginsign {
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	color:#64666a;
	width:266px;
	border:1px solid #8d99a3;
	padding:25px 27px 25px 27px;
	margin-left:15px;
	background:#ffffff;
}
.loginsign h2 {
	font-size:1em;
	margin-bottom:15px;
}
.loginbox-r {
	float:left;
	width:652px;
	text-align:center;
	padding:50px 0 0 0;
}

.loginbox-r h1 {
	font-family:"myriad-pro-n3","myriad-pro",sans-serif;font-style: normal;font-weight: 300;
	font-size:2.2em;
	margin-bottom:10px;
	color:#323131;
}
.loginbox-r span {
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	color:#a8a8a8;
	line-height:1.3em;
}

.fpbox {
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	width:440px;
	padding:30px 30px 15px 30px;
	margin:50px auto;
	background:#eaebeb;
}
.fpbox h1 {
	font-family:"myriad-pro-n6","myriad-pro",sans-serif;font-style: normal;font-weight: 600;
	font-size:1.5em;
	margin-bottom:10px;
}
.fpform {
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	color:#64666a;
	width:400px;
	border:1px solid #8d99a3;
	padding:20px ;
	background:#ffffff;
	margin:20px 0;
}
.fpform input[type="text"] {
	width:390px;
	padding:5px;
	background:#dcdddd;
}
.fpleft {
	float:left;
}




/* form
---------------------------------------------------------------------------------------------------- */

.formhead {
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	font-size:1em;
	width:860px;
	padding:40px 0 0 0;
	margin:0 auto;
	color:#898989;
	line-height:1.5em;
}
.formh1 {
	width:730px; /* width:758px; */
	font-family:"myriad-pro-n3","myriad-pro",sans-serif;font-style: normal;font-weight: 300;
	font-size:2em;
	color:#000000;
	padding:0;
	margin-bottom:25px;
	position:relative;
}

.formtxt {
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	margin:15px 0 0 0;
	line-height:1.5em;
}
.form-h1 {
	font-family:"myriad-pro-n6","myriad-pro",sans-serif;font-style: normal;font-weight: 600;
	font-size:1.4em;
	width:860px;
	margin:0 auto;
	margin-top:43px;
	margin-bottom:10px;
	color:#0085c0;
}
.formbox {
	font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-style: normal;font-weight: 400;
	font-size:1em;
	width:780px;
	margin:0 auto;
}
.formbox div {
	width:780px;
	border-bottom__:1px dashed #e1e1e1;
	background___:url(../images/signline.png) no-repeat left bottom;
}
.red {
	display: -webkit-inline-box;
	display: inline-block;
	color:#b30000;
	padding-top:10px;
}

.formbox label,
.formbox span {
	vertical-align:middle;
}

.formbox label{
	display: -webkit-inline-box;
	display: inline-block;
	color:#64666a;
	width:220px;
	padding:9px 0 9px 0;
	margin:10px 0 10px 0;
}
.formbox h2 {
	margin-top:15px;
	margin-bottom:10px;
	line-height:1.4em;
}

.formbox label font {
	font-size:0.8em;
}
.formbox span {
	display: -webkit-inline-box;
	display: inline-block;
	color:#64666a;
}

.formbox input[type="text"],
.formbox input[type="password"],
.formbox textarea {
	padding:5px;
	border__:1px solid #8d99a3;
	background:#dcdddd;
	margin:10px 0 10px 0;
}
.formbox select {
	border:1px solid #8d99a3;
	margin:20px 0 15px 0;
}

.formbox .fontred {
	color:#b30000;
	margin-left:220px;
	margin-bottom:25px;
}
.formbox .border-red {
	color:#b30000;
	border:1px solid #b30000;
}

.iwd270 {
	width:270px;
}
.iwd150 {
	width:150px;
}
.iwd100 {
	width:100px;
}
.iwd290s {
	width:280px;
}

.formbox .l2{
	display: -webkit-inline-box;
	display: inline-block;
	width:75px;
	padding:9px 0 9px 0;
	margin:5px 0;
	color:#b5b5b6;
}

.formbox .s2 {
	padding:0;
	margin:0 40px 0 0;
}

.formbox .s2 input {
	margin:5px 0;
}
.formbox .s2 select {
	margin:10px 0 5px 0;
}

.formbox .l3{
	display: -webkit-inline-box;
	display: inline-block;
	width:150px;
	padding:9px 0 9px 0;
	margin:5px 0;
	color:#b5b5b6;
}
.formbox .l21{
	display: -webkit-inline-box;
	display: inline-block;
	width:107px;
	padding:4px 0 9px 0;
	margin:10px 0;
	color:#b5b5b6;
}
.formbox .l22{
	display: -webkit-inline-box;
	display: inline-block;
	width:120px;
	padding:4px 0 9px 0;
	margin:10px 0;
	color:#b5b5b6;
}

/* Tools
---------------------------------------------------------------------------------------------------- */

#toolcontainer {
    width: 1128px;
    min-height: 500px;
    text-align: left;
    margin: 25px auto;
}

.container-tool {
    width: 1000px;
    text-align: left;
    margin: 0px auto;
    padding: 25px 0px 100px;
    font-family: "myriad-pro-n4","myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5em;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
}

.conth1 {
    font-family: "myriad-pro-n3","myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 2em;
    color: rgb(0, 133, 192);
    padding: 0px;
    margin-top: -4px;
    margin-bottom: 30px;
}

.toolconttxt {
    font-family: "myriad-pro-n4","myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    color: rgb(113, 113, 113);
    line-height: 1.5em;
}