@charset "utf-8";
/*初始設定*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding: 0;margin: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;font-style: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
q:before, q:after { content :''; }
abbr, acronym { border: 0; }

/*all*/
body{line-height:160%; font-size:18px; font-family:"微軟正黑體", Arial;}
.detail{ width:1000px; margin:0 auto;}
a{ text-decoration:none;}
.content .detail img.mobileweb_title, .header .detail a.mobileweb_invoice{ display:none;}

/*web*/
/*header*/
.header{background:#FFF; border-top:4px solid #2c3087; border-bottom:1px solid #c9c9c9;}
.header .detail{ height:50px; position:relative; padding-top:10px; padding-bottom:10px;}
.header .detail img{ vertical-align:middle;}
.header .detail a.logo img{ height:50px; width:auto;}
.header .detail a.web_invoice{ background:url(../img/icon_code_a.jpg) no-repeat 10px 4px; color:#351c89; vertical-align:bottom; padding-left:45px; border-left:1px solid #351c89; margin-left:10px;}
.header .detail a.web_invoice:hover{  background:url(../img/icon_code_b.jpg) no-repeat 0px 4px; color:#00b7ee;}

/*content_index*/
.index .btn_main{ background:url(../img/img_btn_main_bg.png) repeat-x; height:108px; width:100%; line-height:100px; z-index:1; margin-top:-5px;}
.index .btn_main li{ display:inline-block; width:33.3%; text-align:center; font-size:30px; font-weight:bold; margin-right:-4px;}
.index .btn_main a{ color:#FFF; display:block; height:108px;}
.index .btn_main img{ margin-right:20px; vertical-align:middle;}
.index .btn_main a:hover{ background:url(../img/icon_btn_hover_bg.png) no-repeat 0 0px; background-size:100% 90%;}
.index img.banner_web, .index img.banner_mobileweb{ width:100%;}

/*content_signin*/
.signin{background:#FFF; padding:45px 50px;}
.signin .main{background:#FFF; padding:35px 80px; border:#bcd6f6 solid 3px; margin:auto 45px; position:relative; overflow:hidden;}
.signin .title{border-bottom:1px #c9c9c9 solid; padding-bottom:10px;width:550px; float:right;}
.signin .title li{ display:inline-block; font-size:20px; }
.signin .title li.forget{ float:right;padding-top:8px;}
.signin .title li a{ color:#2d3188;}
.signin .text a{ color:#FFF;}
.signin .title li:first-child{ padding-right:15px; border-right:2px solid #2d3188; margin-right:15px; margin-bottom:15px;}
.signin .title li:first-child, .content .detail.signin .title li.signup{height:30px; line-height:30px; font-size:30px; color:#2d3188;}
.signin .text{font-size:22px; color:#FFF; margin-top:25px; position:relative; width:550px; float:right;}
.signin .text li{ margin-bottom:25px; color:#3b3b3b; font-weight:bold;}
.signin .text span{ margin-left:23px;}
.signin .text input{ width:280px; height:40px; margin-left:15px; border-radius:10px; padding-left:15px; border:1px solid #a0a0a0;}
.signin .text li:last-child a{ display:block; width:150px; height:100px; background:#00a0e9; color:#FFF; line-height:45px; text-align:center; font-weight:bold; position:absolute; right:0; top:0; border-radius:10px; box-shadow:1px 1px 0px rgba(255,255,255,1); padding-top:15px;}
.signin .text li:last-child a img{ margin-left:50px; margin-right:50px}
.signin .text img{ vertical-align:middle; margin-left:20px;}
.signin li.code_img{ position:absolute; right:0; bottom:37px;}
.signin li.code_text{ margin-bottom:5px;}
.signin li.code_notice{ padding-left:65px;}
.signin li.code_notice{ font-size:18px; color:#eb6100; font-weight:lighter;}
.signin img{ vertical-align:middle;}
img.member{ position:absolute; top:100px; left:70px;}

/*content_question */
.question{ background-color:#FFF; height:auto;}
.question .title{height:60px; padding:10px 0px 20px 25px; font-size:30px; color:#2d3188; line-height:60px; background:#eeeeee;}
.question .title img{ margin-right:15px; vertical-align:middle;}
.question .text{padding:0 25px 30px 25px; }
.question .text ul{padding-bottom:25px; text-align:justify; border-bottom:1px solid #a0a0a0; margin-top:25px;}
.question .text li:first-child{ font-weight:bold;  margin-bottom:15px;}

/*footer*/
.footer{background:#FFF;border-top:1px solid #c9c9c9;  border-bottom:1px solid #c9c9c9;}
.footer ul{ font-size:14px; color:#313131; padding-top:20px; padding-left:20px; padding-bottom:20px;}

br, .index img.banner_mobileweb{ display:none;}


/*pad*/
@media screen and (max-width: 768px) {
	.detail, .signin, .index{ width:100%; margin:0;}
	.header .detail a.logo{ margin-left:15px;}
	img.member{ position:absolute; top:100px; left:20px;}
	.signin{padding:45px 0px;}
	.signin .main{padding:35px 30px;}
	.signin .text input{ width:180px;}
	.signin .title, .content .detail.signin .text{ width:450px;}
	.footer ul{ padding-left:0; margin-left:15px; margin-right:15px;}
	.index .btn_main{ margin:-5px 0 0 0; padding:0;}
	.index .btn_main li{ font-size:24px;}
	.index .btn_main img{ margin-right:10px;}
	
	}

/*mobile*/
@media screen and (max-width: 480px) {
	.header .detail a.logo img{ height:45px; width:auto;}
	.web_invoice, .index img.banner_web{ display:none;}
	.header .detail a.mobileweb_invoice{ display:block; position:absolute; right:20px; bottom:20px; background:url(../img/icon_code_a.jpg) no-repeat; width:26px; height:20px; }
	img.member, .content .detail.signin .text li:last-child a, .content .detail.signin li.code_img{ position:static;}
	img.member{ margin-bottom:20px;}
	.signin{padding: 25px 0;}
	.signin .main{ margin: auto 20px; text-align:center;}
	.signin .title, .content .detail.signin .text{ width:100%;}
	.signin li.code_img{ margin-bottom:10px; margin-top:15px; padding-left:45px;}
	.signin .text li:last-child a{ width:100%; height:auto; padding-top:5px; padding-bottom:5px}
	.signin .text li:last-child a img{ margin-right:10px; margin-left:0;}
	br{ display:block;}
	.index .btn_main img{ padding-top:15px; width:50px; margin-right: 0px;}
	.index .btn_main li{ font-size:18px; line-height:30px;}
	.index .btn_main a:hover{background-size:100% 92%;}
	.footer .detail span{ display:none;}
	.footer .detail{ text-align:center;}
	.index img.banner_mobileweb{ display:block; width:100%;}
	 



}
@media screen and (max-width: 360px) {
	.header .detail a.logo img{ height:34px; width:auto;}
	.content .detail.signin .title li:first-child, .content .detail.signin .title li.signup{ font-size:27px; margin-bottom:0;}
	.content .detail.signin li.forget{ padding-top:0px;}
	.content .detail.signin .text{ text-align:left;}
	.content .detail.signin .text input{ width:100%; margin-left:0; margin-top:5px;}
	.content .detail.signin li.code_img, .content .detail.signin li.code_notice{ padding-left:0;}
	}
@media screen and (max-width: 320px) {
	.content .detail.signin .title li:first-child, .content .detail.signin .title li.signup{ font-size:22px;}
	.header .detail{ padding-bottom:0;}
	}