@charset "utf-8";
/* CSS Document */
@font-face { font-family: "微軟正黑體"; src: url("../fonts/MSJH.TTF"); font-weight: normal; font-style: normal; }
html { -webkit-text-size-adjust: none; /*overflow-x: hidden;*/ }
html.htmloverflow2 { overflow: hidden; position: fixed; width: 100%; height: 100%; }
body { -webkit-text-size-adjust: none; width: 100%; min-width: 320px; overflow-x: hidden; background-color: #F2F3F5; }
* { font-size: 16px; color: #131313; margin: 0; padding: 0; font-family: "Microsoft JhengHei","微軟正黑體","Arial"; }
ul, ol, li { margin: 0; padding: 0; list-style-type: none; /*list-style-position: inside;*/ }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
div, form, span, dl, dt, dd { border: 0; margin: 0; padding: 0; list-style-type: none; }
img { border: 0; padding: 0; margin: 0; max-width: 100%; height: auto; }
table { border-collapse: collapse; width: 100%; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; -webkit-text-fill-color: #333; }
input[type="reset"], 
input[type="button"], 
input[type="submit"] { -webkit-appearance: none; }
input, button, a { outline: 0 none!important; blr: expression(this.onFocus=this.blur()); }
input:focus, 
textarea:focus { -webkit-outline: none; -moz-outline: none; outline: none; }
textarea { -webkit-appearance: none; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-outline: none; -moz-outline: none; outline: none; }
select::-ms-expand { display: none; }
button { border: 0; }
p { padding: 0; margin: 0; }
a { -webkit-outline: none; -moz-outline: none; outline: none; color: #131313; text-decoration: none; }
a:hover { color: #131313; text-decoration: none; }
/*a:link { color: #131313; text-decoration: none; }
a:visited { color: #131313; text-decoration: none; }
a:active { color: #131313; text-decoration: none; }*/
.fn { float: none!important; }
.fl { float: left; }
.fr { float: right; }
.tar { text-align: right; }
.tal { text-align: left; }
.tac { text-align: center; }
.dn { display: none; }
.db { display: block; }
.dib { display: inline-block; }
.df { display: flex; }
.dt { display: table; }
.dtc { display: table-cell; }
.list_none li { list-style-type: none; }  
.list_disc li { list-style-type: disc; }
.list_circle li { list-style-type: circle; }
.list_square li { list-style-type: square; }
.list_decimal li { list-style-type: decimal; }
.list_decimal_zero li { list-style-type: decimal-leading-zero; }
.list_lower_roman li { list-style-type: lower-roman; }
.list_upper_roman li { list-style-type: upper-roman; }
.list_lower_alpha li { list-style-type: lower-alpha; }
.list_upper_alpha li { list-style-type: upper-alpha; }
.list_lower_greek li { list-style-type: lower-greek; }
.list_lower_latin li { list-style-type: lower-latin; }
.list_upper_latin li { list-style-type: upper-latin; }
.list_hebrew li { list-style-type: hebrew; }
.list_armenian li { list-style-type: armenian; }
.list_georgian li { list-style-type: georgian; }
.list_cjk_ideographic li { list-style-type: cjk-ideographic; }
.list_hiragana li { list-style-type: hiragana; }
.list_katakana li { list-style-type: katakana; }
.list_hiragana_iroha li { list-style-type: hiragana-iroha; }
.list_katakana_iroha li { list-style-type: katakana-iroha; }
.w10 { width: 10%; } .w15 { width: 15%; } .w16 { width: 16.66%; } 
.w20 { width: 20%; } .w25 { width: 25%; } 
.w30 { width: 30%; } .w35 { width: 35%; } .w33 { width: 33.33%; }
.w40 { width: 40%; } .w45 { width: 45%; } 
.w50 { width: 50%; } .w55 { width: 55%; } 
.w60 { width: 60%; } .w65 { width: 65%; } 
.w70 { width: 70%; } .w75 { width: 75%; } 
.w80 { width: 80%; } .w85 { width: 85%; } 
.w90 { width: 90%; } .w95 { width: 95%; }
.w100 { width: 100%; margin: 0 auto; }
.w750 { width: 750px; margin: 0 auto; }
.w960 { width: 960px; margin: 0 auto; }
.w1070 { width: 1070px; margin: 0 auto; }
.w1136 { width: 1136px; margin: 0 auto; }
.w1170 { width: 1170px; margin: 0 auto; }
.w1180 { width: 1180px; margin: 0 auto; }
.w1200 { width: 1200px; margin: 0 auto; }
.w1280 { width: 900px; margin: 0 auto; }
.w1366 { width: 1366px; margin: 0 auto; }
.w1440 { width: 1440px; margin: 0 auto; }
.w1560 { width: 1560px; margin: 0 auto; }
.clear:after { content: ""; display: block; height: 0; clear: both; }
.boxsizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ts01 { -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; }
.ts02 { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.ts03 { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.ts04 { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.ts05 { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

.grid2 { display: grid; display: -ms-grid; -ms-grid-columns: repeat(2, 50%); grid-template-columns: repeat(2, 50%); }
.grid3 { display: grid; display: -ms-grid; -ms-grid-columns: repeat(3, 33.33%); grid-template-columns: repeat(3, 33.33%); }
.grid4 { display: grid; display: -ms-grid; -ms-grid-columns: repeat(4, 25%); grid-template-columns: repeat(4, 25%); }
.grid5 { display: grid; display: -ms-grid; -ms-grid-columns: repeat(5, 20%); grid-template-columns: repeat(5, 20%); }
.grid6 { display: grid; display: -ms-grid; -ms-grid-columns: repeat(6, 16.66%); grid-template-columns: repeat(6, 16.66%); }
.grid7 { display: grid; display: -ms-grid; -ms-grid-columns: repeat(7, 14.28%); grid-template-columns: repeat(7, 14.28%); }
.grid8 { display: grid; display: -ms-grid; -ms-grid-columns: repeat(8, 12.5%); grid-template-columns: repeat(8, 12.5%); }
.grid9 { display: grid; display: -ms-grid; -ms-grid-columns: repeat(9, 11.11%); grid-template-columns: repeat(9, 11.11%); }
.grid10 { display: grid; display: -ms-grid; -ms-grid-columns: repeat(10, 10%); grid-template-columns: repeat(10, 10%); }
.grid10 { display: grid; display: -ms-grid; -ms-grid-columns: repeat(10, 10%); grid-template-columns: repeat(10, 10%); grid-gap: 24px 16px; }









/********************************************/
/*404*/
.site-error { text-align: center; background-color: #131313; border-color: #131313; padding: 80px 16px; border: 1px solid transparent; border-radius: 4px; width: 800px; max-width: 90%; margin: 180px auto 200px; }
.site-error h1 { font-size: 30px; color: #fff; margin-bottom: 24px; }
.site-error p { font-size: 16px; color: #fff; }

@media screen and ( max-width:1024px ){ 
	.site-error { margin: 80px auto 200px; }
}
@media screen and ( max-width:996px ){ 
	.site-error { margin: 66px auto 120px; }
}
@media screen and ( max-width:768px ){ 
	.site-error { margin: 36px auto 54px; }
}





/***********美化滾動條***********/
/*1*/
.scroll_bar::-webkit-scrollbar { width: 8px; }
.scroll_bar::-webkit-scrollbar-track { /*margin: 2px 0;*/ background-color: #e0e0e0;
	/*-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;*/
}
.scroll_bar::-webkit-scrollbar-thumb { background-color: rgba(50,70,90,1);
	/*-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;*/
}
.scroll_bar::-webkit-scrollbar-thumb:hover { background-color: rgba(50,70,90,.9); }

/*2*/
.scroll_bar2::-webkit-scrollbar { width: 6px; height: 6px; }
.scroll_bar2::-webkit-scrollbar-track-piece { background-color: #e0e0e0; }
.scroll_bar2::-webkit-scrollbar-thumb { background-color: rgba(50,70,90,1); background-clip: padding-box; min-height: 28px; }
.scroll_bar2::-webkit-scrollbar-thumb:hover { background-color: rgba(50,70,90,.9); }



/***********顯示隱藏***********/
#panel { display: none; }



/*pay-qrcode*/
.pay-qrcode-box { width: 350px; margin: 80px auto 180px; background-color: #fff; padding: 30px 16px; border-radius: 10px; box-shadow: 0 1px 10px rgba(0,0,0,.05); max-width: 86%; position: relative; z-index: 2; overflow: hidden; }
.pay-qrcode-box > img,
.pay-qrcode-box > canvas { margin: 12px auto; display: block; width: 60%; }
.pay-qrcode-box p { text-align: center; padding-bottom: 0; }
.pay-qrcode-box:before { 
	content: ""; width: 1000px; height: 1000px; display: block; background-color: #cae6da; position: absolute; top: 28px; right: 0; z-index: -1;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg); 
	-ms-transform: rotate(45deg); 
	-o-transform: rotate(45deg); 
	transform: rotate(45deg);
}
@media screen and ( max-width:580px ){ 
	.pay-qrcode-box { margin: 54px auto 80px; }
	.pay-qrcode-box img,
	.pay-qrcode-box canvas { margin: 12px auto; display: block; width: 60%; }
	
}





/*fadeInDown*/
/*.fadeInDown { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; }
.fadeInDown > div { position: fixed; top: 50%!important; left: 50%!important; right: auto!important; padding: 36px 24px 54px; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.2); width: 380px; max-width: 92%; border: 1px solid #07456c;
	-webkit-transform: translate(-50%,-50%)!important; 
	-moz-transform: translate(-50%,-50%)!important; 
	-ms-transform: translate(-50%,-50%)!important; 
	transform: translate(-50%,-50%)!important;
}
.fadeInDown button.close { position: absolute; top: 10px; right: 16px; font-size: 24px; font-weight: 700; background-color: transparent; height: auto; width: 20px; line-height: 20px; text-align: center; cursor: pointer; }
.fadeInDown span:nth-of-type(3) { font-size: 18px; display: block; text-align: center; padding: 0 30px; }*/
.fadeInDown { top: 50%!important; left: 50%!important; right: auto!important; width: 500px!important; background-color: #131313; padding: 44px 24px; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,.2); margin: -55px 0 0 -274px!important; border-radius: 6px;
	-webkit-animation-fill-mode: none!important;
    animation-fill-mode: none!important;
}
.fadeInDown span { font-size: 16px; color: #fff; line-height: 1.8em; }
.fadeInDown span a { font-size: 16px; color: #fff; cursor: pointer; text-decoration: underline; }
.fadeInDown button { background-color: transparent; color: #fff; font-size: 24px; text-align: center; width: 16px; height: 16px; line-height: 16px; border: 0; vertical-align: middle; position: absolute; top: 10px; right: 10px; cursor: pointer; }
.fadeInDown button:hover { opacity: .5; filter: alpha(opacity=50);}
@media screen and ( max-width:767px ){ 
	.fadeInDown { width: 400px!important; margin-left: -224px!important; }

}
@media screen and ( max-width:480px ){ 
	.fadeInDown { width: 300px!important; padding: 36px 16px!important; margin-left: -166px!important; }

}





/*crumbs*/
.crumbs { line-height: 1em; }
.crumbs:after { content: ""; clear: both; display: block; height: 0; }
.crumbs a { float: left; font-size: 14px; /*font-style: italic;*/ display: block; position: relative; line-height: 1em; padding-right: 10px; margin-right: 5px; }
.crumbs a:after { content: "/"; margin-left: 5px; display: block; position: absolute; top: 0; right: 0; }
.crumbs a:hover { opacity: .5; }
.crumbs a:last-child { padding-right: 0; margin-right: 0; }
.crumbs a:last-child:after { display: none; }

.crumbs2 { line-height: 1em; }
.crumbs2:after { content: ""; clear: both; display: block; height: 0; }
.crumbs2 a { float: left; font-size: 14px; /*font-style: italic;*/ display: block; position: relative; line-height: 1em; padding-right: 16px; margin-right: 2px; }
.crumbs2 a:after { content: "\e72f"; font-family: "iconfont"!important; margin-left: 5px; display: block; position: absolute; top: 0; right: 0;
	-webkit-transform: scale(.7); 
	-moz-transform: scale(.7); 
	-ms-transform: scale(.7); 
	-o-transform: scale(.7); 
	transform: scale(.7);
}
.crumbs2 a:hover { opacity: .5; }
.crumbs2 a:last-child { padding-right: 0; margin-right: 0; }
.crumbs2 a:last-child:after { display: none; }






/*gotop*/
.gotop { position: fixed; bottom: 50px; right: 50px; z-index: 990; }
.gotop i { width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; background-color: #fff; color: #131313; display: block; cursor: pointer; }
.gotop i:hover { color: #fff; background-color: #131313; }






/*commonpopup*/
.commonpopup { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.commonpopup.active { opacity: 1; filter: alpha(opacity=100); visibility: visible; } 
.commonpopup_box { position: fixed; top: 50%; left: 50%; z-index: 9; width: 550px; max-width: 90%; height: auto; background-color: #fff;
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform:translate(-50%,-50%); 
	-ms-transform:translate(-50%,-50%); 
	transform: translate(-50%,-50%);
}
/*.commonpopup_bg { position: relative; padding: 24px 44px; background-color: #fff; }*/
.commonpopup_off { position: absolute; top: 24px; right: 24px; z-index: 9; cursor: pointer; } 
.commonpopup_off:before { content: "\e612"; font-family: "iconfont"!important; font-size: 18px; color: #9ca0a6;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;  
}
.commonpopup_off:hover:before { color: #131313;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}






/***********數量***********/
.indexnumber { position: relative; width: 94px; height: 38px; }
.indexnumber input { width: 40px; height: 36px; background: transparent; text-align: center; border: 0; font-size: 18px; font-weight: 700; color: #131313; }
.indexnumber > div { height: 100%; border: 1px solid #131313; border-radius: 4px;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}
.indexnumber > div:hover { border-color: #131313;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}
.indexnumber > div > div { 
	width: 26px; height: 36px; line-height: 36px; border-radius: 50%; color: #131313; top: 1px; cursor: pointer; font-size: 18px; font-weight: 700; text-align: right;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}
.indexnumber > div > div:last-child { text-align: left; }
.indexnumber > div > div:hover { color: #cdcdcd;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}






/***********表單***********/
.form_row:after,
.form_item:after,
.form_item2:after,
.form_input:after { content: ""; clear: both; height: 0; display: block; }

/**/
.form_row { /*padding: 0 12px;*/ margin-bottom: 24px; position: relative; z-index: 2; text-align: left;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
} 
.form_row > .form_row { padding: 0 5px; margin-bottom: 0; }
.form_row > .form_row:first-child { padding-left: 0; }
.form_row > .form_row:last-child { padding-right: 0; }
.form_input { position: relative; }

/**/
.form_input select,
.form_input textarea,
input[type="text"],
input[type="password"] { 
	display: inline-block; border: 1px solid #131313; padding: 0 12px; width: 100%; height: 36px; position: relative; background-color: transparent; vertical-align: top;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
.form_input select:disabled,
.form_input textarea:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled { background-color: #f4f5f6; }
.form_input textarea { padding: 12px; height: 120px; }
.form_input select { background: url(../images/form-icon1-1.png) no-repeat; background-position: top 12px right 12px; background-size: 12px 12px; }

/*.form_row i.iconfont { position: absolute; top: 0; right: 22px; z-index: -1; font-size: 12px; height: 36px; line-height: 36px; display: block; }*/
.form_row .w100 { float: left; margin: 0 3px;
    width: -webkit-calc(100% - 6px);
	width: -moz-calc(100% - 6px); 
	width: calc(100% - 6px);
}
.form_row .w50 { float: left; margin: 0 3px;
    width: -webkit-calc(50% - 6px);
	width: -moz-calc(50% - 6px); 
	width: calc(50% - 6px);
}
.form_row .w33 { float: left; margin: 0 3px;
    width: -webkit-calc(33% - 6px);
	width: -moz-calc(33% - 6px); 
	width: calc(33% - 6px);
}
.form_row .w25 { float: left; margin: 0 3px;
    width: -webkit-calc(25% - 6px);
	width: -moz-calc(25% - 6px); 
	width: calc(25% - 6px);
}
.form_row .w20 { float: left; margin: 0 3px;
    width: -webkit-calc(20% - 6px);
	width: -moz-calc(20% - 6px); 
	width: calc(20% - 6px);
}


/**/
.form_code {
	width: -webkit-calc(100% - 100px)!important;
	width: -moz-calc(100% - 100px)!important; 
	width: calc(100% - 100px)!important;
}
.form_code_img { position: absolute; top: 0; right: 0; width: 94px; height: 36px; background-color: #fff; }
.form_code_img img { width: auto; height: 100%; display: block; margin: 0 auto; }
.form_btn { }


/*1*/
.form_item {  }
.form_item .form_row > label { line-height: 1em; display: block; font-size: 14px; font-weight: 700; margin-bottom: 6px; }
.form_item .form_row > label i { font-size: 14px; font-weight: 700; font-style: normal; color: #d0021b; margin-right: 2px; }


/*2*/
.form_item2 { margin: 0 -3px; }
.form_item2 > .form_row { padding-left: 120px; }
.form_item2 .form_row > label { position: absolute; top: 0; left: 3px; line-height: 36px; display: block; font-size: 14px; font-weight: 700; }
.form_item2 .form_row > label i { font-size: 14px; font-weight: 700; font-style: normal; color: #d0021b; margin-right: 2px; }
.form_item2 .form_choice,
.form_item2 .form_choice2 { padding: 0 3px; }


/**/
.form_choice,
.form_choice2 { padding-bottom: 12px; }


/******/
input[type='radio'], 
input[type='checkbox'] { 
	width: 16px; height: 16px; position: relative; background: transparent; border: 0; outline: none; vertical-align: middle; cursor: pointer; margin-right: 8px; margin-top: -2px; display: inline-block;
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none;
}
input[type='radio']:checked:after,
input[type='checkbox']:checked:after { 
	content: ""; position: absolute; top: 2px; left: 5px; border-right: 2px solid transparent; border-bottom: 2px solid transparent; width: 4px; height: 8px; border-color: #fff;
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);
}
input[type='radio']:before,
input[type='checkbox']:before { 
	content: ""; position: absolute; width: 100%; height: 100%; background: #fff; border: 1px solid #131313; border-radius: 3px; box-sizing: border-box;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
input[type='radio']:hover:before,
input[type='checkbox']:hover:before { 
	background-color: #f4f5f6;
	-webkit-transform: scale(1.2); 
	-moz-transform: scale(1.2); 
	-ms-transform: scale(1.2); 
	-o-transform: scale(1.2); 
	transform: scale(1.2);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
input[type='radio']:checked:before,
input[type='checkbox']:checked:before { 
	background-color: #131313!important; border-color: #131313!important;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
input[type='radio']:disabled,
input[type='checkbox']:disabled { cursor: default; }
input[type='radio']:disabled:before,
input[type='checkbox']:disabled:before { background-color: #dbdde1; border-color: #9ca0a6; }
input[type='radio']:disabled:hover:before,
input[type='checkbox']:disabled:hover:before { 
	background-color: #dbdde1;
	 -webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1);
}
.form_input label,
.form_choice label,
.form_choice2 label { cursor: pointer; line-height: 36px; display: inline-block; margin-right: 16px; vertical-align: top; }
.form_choice label input[type="text"],
.form_choice2 label input[type="text"] { margin-left: 10px; display: inline-block; width: auto; vertical-align: top; }
.form_choice2 input[type='radio']:before { border-radius: 100%; }
.form_choice2 input[type='radio']:checked:before { background-color: #fff!important; }
.form_choice2 input[type='radio']:checked:after { border: 0; width: 8px; height: 8px; background: #131313; border-radius: 100%; top: 50%; left: 50%; margin: -4px 0 0 -4px; }

/*input[type='checkbox'], input[type='radio'] { width: 20px; height: 20px; position: relative; background: transparent; border: 0; outline: none; vertical-align: middle; cursor: pointer; margin-right: 8px;
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none;
}
input[type='checkbox']:focus, input[type='radio']:focus { border: 0!important; }
input[type='checkbox']:before, input[type='radio']:before { content: ""; position: absolute; width: 100%; height: 100%; background: #fff; border: 1px solid #131313; border-radius: 100%; box-sizing: border-box; }
input[type='checkbox']:checked:after, input[type='radio']:checked:after { content: ""; position: absolute; top: 50%; left: 50%; border: 0; width: 14px; height: 14px; background: #131313; border-radius: 100%; margin: -7px 0 0 -7px; }*/


/**/
.form_pay label { position: relative; z-index: 9; height: 44px; padding: 10px 16px; margin-right: 20px; overflow: hidden; border-radius: 6px; }
.form_pay label img { height: 100%; display: block; }
.form_pay label input[type='radio'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; }
.form_pay input[type='radio']:before { width: 100%; height: 100%; border: 2px solid #cecfd3; border-radius: 6px; z-index: -1; }
.form_pay input[type='radio']:hover:before { width: 100%; height: 100%; background-color: #fff; border-color: #d1ef7b!important;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1);
}
.form_pay input[type='radio']:checked:before { border-color: #d1ef7b!important; background-color: #fff!important; }
.form_pay input[type='radio']:checked:after { border: 0; width: 44px; height: 44px; background: url(../images/gou.png) no-repeat; background-size: 100% 100%;  top: 2px; right: 2px; bottom: auto; left: auto;
	-webkit-transform:rotate(0deg); 
	-moz-transform:rotate(0deg); 
	-ms-transform:rotate(0deg); 
	-o-transform:rotate(0deg); 
	transform:rotate(0deg);
}






/***********按鈕***********/
.common_btn { padding: 0 24px; line-height: 44px; background-color: #131313; color: #fff; font-weight: 700; text-align: center; display: inline-block; cursor: pointer; } 
.common_btn:hover { opacity: .7; filter: alpha(opacity=70); }

.common_btn2 { padding: 0 24px; line-height: 42px; background-color: transparent; color: #131313; font-weight: 700; text-align: center; border: 1px solid #131313; display: inline-block; cursor: pointer; }
.common_btn2:hover { background-color: #131313; color: #fff; border-color: #131313; }

button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
.common_btn:disabled { background-color: #9ca0a6; }
.common_btn2:disabled { background-color: #9ca0a6; border-color: #9ca0a6; }






/***********banner***********/
.commbanner .bx-wrapper { position: relative; }

.commbanner .bx-wrapper .bx-controls-direction a { 
	font-size: 0; position: absolute; top: 50%; margin-top: -25px; z-index: 9; background-color: #fff; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; text-align: center; display: block;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.commbanner .bx-wrapper .bx-controls-direction a.disabled { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.commbanner .bx-wrapper .bx-controls-direction a:hover { background-color: #131313;
	-webkit-transform: scale(0.85); 
	-moz-transform: scale(0.85); 
	-ms-transform: scale(0.85); 
	-o-transform: scale(0.85); 
	transform: scale(0.85);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.commbanner .bx-wrapper .bx-controls-direction a:before { font-family: "iconfont"!important; color: #131313; font-size: 20px; display: inline-block; text-align: center;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.commbanner .bx-wrapper .bx-controls-direction a:hover:before { color: #fff;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;
}
.commbanner .bx-wrapper .bx-prev { left: 36px; }
.commbanner .bx-wrapper .bx-next { right: 36px; }
.commbanner .bx-wrapper .bx-prev:before { content: "\e632"; }
.commbanner .bx-wrapper .bx-next:before { content: "\e631"; }

.commbanner .bx-pager { position: absolute; left: 50%; bottom: 44px; z-index: 9; line-height: 8px;
	-webkit-transform: translateX(-50%);  
	-moz-transform: translateX(-50%); 
	-ms-transform: translateX(-50%); 
	transform: translateX(-50%); 
}
.commbanner .bx-pager > div { display: inline-block; vertical-align: top; margin: 0 5px; }
.commbanner .bx-pager > div a { font-size: 0; width: 8px; height: 8px; background-color: #ACAEB1; border-radius: 100px; display: block; 
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.commbanner .bx-pager > div a:hover,
.commbanner .bx-pager > div a.active { background-color: #00519C; 
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}






/***********放大***********/
#zoom { position: fixed; top: 0; left: 0; z-index: 99990; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content { position: absolute; top: 50%; left: 50%; z-index: 99991; width: 200px; height: 200px; background: #ffffff no-repeat 50% 50%; padding: 0; margin: -100px 0 0 -100px; box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3); border-radius: 4px; }
#zoom .content.loading { background-image: url('../images/loading.gif'); }

#zoom img { display: block; max-width: none; background: #ececec; box-shadow: 0 1px 3px rgba(0,0,0,0.25); border-radius: 4px; }

#zoom .close { position: absolute; top: 0; right: 0; z-index: 99993; width: 49px; height: 49px; cursor: pointer; background: transparent url('../images/close.png') no-repeat 50% 50%; opacity: 1; filter: alpha(opacity=100); border-radius: 0 0 0 4px; }
#zoom .close:hover { background-color: #da4f49; }

#zoom .next,
#zoom .previous  { position: absolute; top: 50%; z-index: 99992; overflow: hidden; display: block; width: 49px; height: 49px; margin-top: -25px; }
#zoom .previous { left: 0; background: url('../images/arrows.png') no-repeat 0 0; border-radius: 0 4px 4px 0; }
#zoom .next { right: 0; background: url('../images/arrows.png') no-repeat 100% 0; border-radius: 4px 0 0 4px; }

#zoom .next:hover,
#zoom .previous:hover { background-color: #0088cc; }






/***********turn_pages***********/
/*1*/
.turn_pages a { font-family: "Arial"; font-size: 14px; color: #131313; width: 44px; height: 44px; line-height: 44px; text-align: center; border: 2px solid #131313; border-radius: 4px; display: inline-block; vertical-align: top; margin: 0 2px; }

.turn_pages a.prev { margin: 0 16px 0 0; }
.turn_pages a.next { margin: 0 0 0 16px; }

.turn_pages a.prev:before,
.turn_pages a.next:before { font-family: "iconfont"!important; font-weight: 700; color: #131313; font-size: 12px; }
.turn_pages a.prev:before { content: "\e730"; }
.turn_pages a.next:before { content: "\e72f"; }

.turn_pages a:hover,
.turn_pages a.active { border-color: #131313; background-color: #131313; color: #fff; }

.turn_pages a.prev:hover:before,
.turn_pages a.next:hover:before { color: #fff; }


















/********************************************/

/*insidebanner*/
.insidebanner { position: relative; overflow: hidden; }
.insidebanner_box h3 { 
	position: absolute; top: 50%; left: 50%; color: #fff; line-height: 1em; font-size: 36px; font-weight: 700; text-align: center;
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%); 
	transform: translate(-50%,-50%);
}
.insidebanner_box h3:after { content: ""; width: 44px; height: 2px; display: block; background-color: #fff; margin: 18px auto 0; }
.insidebanner_box img { display: block; width: 100%; height: auto; }
.insidebanner .crumbs { position: absolute; top: 24px; left: 50%; margin-left: -600px; }
.insidebanner .crumbs a { color: #9ca0a6; }