@charset "utf-8";
/* CSS Document */
@font-face { font-family: "微軟正黑體";  font-weight: normal; font-style: normal; }
html { -webkit-text-size-adjust: none; /* overflow-x: hidden; */ padding-top: 112px; overflow-x: hidden; }
html.htmlhidden { overflow: hidden; position: fixed; width: 100%; height: 100%; }
body { -webkit-text-size-adjust: none; width: 100%; min-width: 320px; overflow-x: hidden; }
* { font-size: 16px;  margin: 0; padding: 0; font-family: "Microsoft JhengHei","微軟正黑體","Arial"; }
#LRdiv0,#LRdiv1,#LRdiv2,#LRfloater0,#LRdiv3{ display: none;}
ul, ol, li { margin: 0; padding: 0; list-style-type: none; /* list-style-position: inside; */ }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 50px; }
h2 { font-size: 40px; }
h3 { font-size: 35px; font-weight: 700; }
h4 { font-size: 25px; color: #3f6aa1; font-weight: 700; padding-top: 30px;padding-bottom: 10px; }
h5 { font-size: 20px; font-weight: 700; padding-bottom: 5px; padding-top: 10px; }
h6 { font-size: 18px; font-weight: 700; }
div, form, span, dl, dt, dd { border: 0; margin: 0; padding: 0; list-style-type: none; font-size: 17px; /* letter-spacing: 1px; */ line-height: 1.6em;}
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; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
p { padding: 0; margin: 0; }
a { color: #131313; }
a,a:hover,a:active,a:visited,a:link,a:focus{
	-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	-webkit-outline: none; 
	-moz-outline: none;
	outline: none;
	text-decoration: none;
}
/* :focus, :focus > img { outline: -webkit-focus-ring-color auto 1px !important; } */
.fn { float: none!important; }
.fl { float: left; }
.fr { float: right; }
.tar { text-align: right; }
.tal { text-align: left !important; }
.tac { text-align: center; }
.dn { display: none; }
.db { display: block; }
.dib { display: inline-block; }
.df { display: flex; }
.dt { display: table; }
.dtc { display: table-cell; }
.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: 1280px; 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; }









/* 列表 */
.list_none, .list_disc, .list_circle, .list_square, .list_decimal, .list_decimal_zero, .list_lower_roman, .list_upper_roman, .list_lower_alpha, .list_upper_alpha, .list_lower_greek, .list_lower_latin, .list_upper_latin, .list_hebrew, .list_armenian, .list_georgian, .list_cjk_ideographic, .list_hiragana, .list_katakana, .list_hiragana_iroha, .list_katakana_iroha { padding-left: 20px; } 
.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; }






/********************************************/
/* 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; }
}





/*********** 美化滚动条 ***********/
/* x */
.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); }

/* y */
.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,
.hidden { 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: #fff; 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: 20px; font-weight: 700; color: #131313; line-height: 1.8em; }
.fadeInDown span a { font-size: 16px; color: #131313; cursor: pointer; text-decoration: underline; }
.fadeInDown button { background-color: transparent; color: #131313; 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);}

.fadeInDown:after { content: ""; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -2; background-color: rgba(0,0,0,.6); }
.fadeInDown:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-color: #fff; border-radius: 6px; }

@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; margin: 20px auto 66px; }
.crumbs2:after { content: ""; clear: both; display: block; height: 0; }
.crumbs2 a { float: left; font-size: 16px; font-weight: 700; /*font-style: italic;*/ display: block; position: relative; line-height: 1em; padding-right: 16px; margin-right: 2px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.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: 100px; 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; border-radius: 10px; }
.gotop i:hover { color: #fff; background-color: #3F6AA1; }






/* 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 36px; line-height: 60px; background-color: #D5E7FF; color: #486283; font-size: 18px; font-weight: 700; text-align: center; display: inline-block; cursor: pointer; border-radius: 14px; } 
.common_btn:hover { opacity: .7; filter: alpha(opacity=70); }
.common_btn:after { content: "\e631"; font-family: "iconfont" !important; font-size: 18px; font-weight: normal; display: inline-block; line-height: 1em; margin-left: 6px; }

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

.common_btn3 { color: #131313; font-size: 18px; font-weight: 700; display: inline-block; line-height: 1em; }
.common_btn3:after { content: "\e631"; font-family: "iconfont" !important; font-size: 18px; font-weight: normal; display: inline-block; line-height: 1em; margin-left: 6px; }
.common_btn3:hover { color: #7299CA; opacity: .8; }

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; }

.home_one .bx-controls-direction a,
.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; 
}
.home_one .bx-controls-direction a.disabled,
.commbanner .bx-wrapper .bx-controls-direction a.disabled { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.home_one .bx-controls-direction a:hover,
.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; 
}
.home_one .bx-controls-direction a:before,
.commbanner .bx-wrapper .bx-controls-direction a:before { font-family: "iconfont"!important; color: #131313; font-size: 20px; display: inline-block; text-align: center; vertical-align: top;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.home_one .bx-controls-direction a:hover:before,
.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;
}
.home_one .bx-wrapper .bx-prev { left: -66px; }
.commbanner .bx-wrapper .bx-prev { left: 36px; }
.home_one .bx-wrapper .bx-next { right: -66px; }
.commbanner .bx-wrapper .bx-next { right: 36px; }
.home_one .bx-wrapper .bx-prev:before,
.commbanner .bx-wrapper .bx-prev:before { content: "\e730"; }
.home_one .bx-wrapper .bx-next:before,
.commbanner .bx-wrapper .bx-next:before { content: "\e72f"; }

.commbanner .bx-pager { position: absolute; left: 50%; bottom: 44px; z-index: 9; line-height: 10px;
	-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 6px; }
.commbanner .bx-pager > div a { font-size: 0; width: 10px; height: 10px; background-color: #fff; opacity: .5; filter: alpha(opacity=50); 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 { opacity: 1; filter: alpha(opacity=100);
	-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.active { background-color: #fff; opacity: 1; filter: alpha(opacity=100);
	-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; }






/*********** page ***********/
/* 1 */
.page a {  font-family: "Arial";
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: 2px solid #293C6B;
    border-radius: 4px;
    display: inline-block;
    margin: 0 2px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-width: 1px;
    color: #293C6B; vertical-align: middle;
}

.page a.prev { margin: 0 16px 0 0; background-color: #edeef0; border-color: transparent; }
.page a.next { margin: 0 0 0 16px; background-color: #edeef0; border-color: transparent; }
.page a.prev1 { margin-right: 2px; }
.page a.next1 { margin-left: 2px; }

.page a.prev:before,
.page a.next:before { font-family: "iconfont"!important; color: #293C6B; font-size: 12px; }
.page a.prev:before { content: "\e730"; }
.page a.next:before { content: "\e72f"; }

.page a:hover,
.page a.active { border-color: #293C6B; background-color: #293C6B; color: #fff; }

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





select option { background-color: #fff; }



.title_h3 { font-size: 36px; font-weight: 700; line-height: 1.2em; margin-bottom: 20px; }


/*  */
.common_title1 h2 { font-size: 36px; font-weight: 700; line-height: 1em; text-align: center; }
.common_title1 h2:after { content: ""; display: block; width: 66px; height: 3px; background-color: #131313; margin: 16px auto 36px; }

.common_title2 { position: relative; margin-bottom: 50px; }
.common_title2 h2 { font-size: 36px; font-weight: 700; line-height: 1em; position: relative; padding-left: 19px; }
.common_title2 h2:before { content: ""; display: block; width: 3px; height: 30px; background-color: #000; position: absolute; top: 50%; left: 0; margin-top: -15px; }

.common_title2 .common_btn3 { position: absolute; top: 50%; right: 0; margin-top: -9px; }

.side_buttons { position: fixed; bottom: 0; right: 50px; z-index: 990; }
.side_buttons ul li { float: left; margin-left: 14px; }
.side_buttons ul li a { display: block; background-color: #3F6AA1; border-radius: 10px 10px 0 0; padding: 15px 0; width: 80px; text-align: center; box-shadow: 0 -1px 7px rgba(0,0,0,.4); }
.side_buttons ul li a img { display: block; margin: 0 auto 8px;  width: 26px;height: 26px;}
.side_buttons ul li a span { font-size: 14px; font-weight: 700; line-height: 1em; color: #fff; display: block; }
.side_buttons ul li a:hover img {
	-webkit-transform: scale(.9); 
	-moz-transform: scale(.9); 
	-ms-transform: scale(.9); 
	-o-transform: scale(.9); 
	transform: scale(.9);
}


.common_toolbar .df { margin: 0 -10px; }
.common_toolbar .common_select,
.common_toolbar .common_search { width: 33.33%; padding: 0 10px; }

.common_select .form_input select { background-position: top 18px right 16px; background-color: #D5E7FF; border-radius: 10px; border-color: #3F6AA1; height: 50px; font-weight: 700; font-size: 16px; padding: 0 20px; }

.common_search_box { background-color: #D5E7FF; border-radius: 10px; border: 1px solid #3F6AA1; overflow: hidden; height: 50px; position: relative; }
.common_search_box input { height: 100%; border: 0; padding: 0 50px 0 20px; font-weight: 700; }
.common_search_box button { position: absolute; top: 0; right: 0; z-index: 2; width: 50px; height: 50px; text-align: center; background-color: transparent; cursor: pointer;  }

.common_search_box input::-webkit-input-placeholder { color: #131313; }
.common_search_box input:-moz-placeholder { color: #131313; opacity: 1; }  /* Mozilla Firefox 4 to 18 */
.common_search_box input::-moz-placeholder { color: #131313; opacity: 1; }  /* Mozilla Firefox 19+ */
.common_search_box input:-ms-input-placeholder { color: #131313; }  /* Internet Explorer 10+ */

.common_search_box input[type="text"]:focus { box-shadow: none!important; }



.list_square2 li { font-size: 20px; font-weight: 700; position: relative; padding-left: 20px; line-height: 1.4em; }
.list_square2 li:before { content: ""; background-color: #82A2C3; display: block; width: 6px; height: 6px; position: absolute; top: 11px; left: 0; }

.tac .list_square2 { display: inline-block; }


.medical_icon { display: block; margin: 0 auto 10px; background-color: #D5E7FF; border-radius: 100px; width: 80px; height: 80px; position: relative; }
.medical_icon img { 
	display: block; width: 36px; height: 36px; position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%); 
	transform: translate(-50%,-50%);  
}




/*  */
.m_bottom150 { margin-bottom: 120px; }



/*  */
.contact_time { /* display: flex; flex-wrap: wrap; */ }
.contact_time div span { font-size: 16px; font-weight: 700; /* padding-top: 8px; */ display: inline-block; }
.contact_time div span:nth-child(odd) { text-align: right; /* width: 86px; padding-right: 6px; */ }
/* .contact_time span:nth-child(even) { width: 64%; } */
.contact_time div:nth-child(3) span:first-child { display: none; }





/*  */
.details_main { padding-bottom: 80px; }
.details_main img { display: block; margin-bottom: 50px; border-radius: 20px; }
.details_main p { font-size: 20px; line-height: 1.8em; margin-bottom: 36px; }
.details_main div > span { margin-bottom: 12px; display: block; }
.details_main h3 { font-size: 30px; line-height: 1.2em; margin-bottom: 16px; font-weight: 700; color: #7299CA; }

.details_main p:last-of-type { margin-bottom: 0; }

.details_main .common_title2 { margin-bottom: 16px; }
.details_main .common_title2 h2 { font-size: 24px; }
.details_main .common_title2 h2:before { height: 16px; width: 2px; margin-top: -8px; }






/*  */
.faq_list > ul > li { margin-bottom: 20px; }  
.faq_list_title { background-color: #82A2C3; border-radius: 10px; padding: 20px; position: relative; cursor: pointer; }
.faq_list_title h3 { color: #fff; font-size: 20px; font-weight: 700; line-height: 1.2em; margin: 0 20px 0 52px; }
.faq_list_title:before { content: ""; width: 36px; height: 36px; display: block; position: absolute; top: 50%; left: 20px; background: url(../images/faq-icon1.png) no-repeat; background-size: 20px 20px; background-position: 8px 8px; background-color: #fff; border-radius: 100px; margin-top: -18px; }
.faq_list_title:after { 
	content: "\e732"; font-family: "iconfont" !important; position: absolute; top: 50%; right: 20px; color: #fff; margin-top: -8px;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;  
}
.faq_list_title.active:after { 
	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); 
	-o-transform: rotate(180deg); 
	transform: rotate(180deg); 
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;  
}

.faq_list_content { border-radius: 10px; background-color: #fff; box-shadow: 0px 2px 6px rgba(0,0,0,.2); margin-top: 10px; padding: 24px; display: none; }
.faq_list_content p { margin-bottom: 10px; font-weight: 700; }
.faq_list_content ul { margin-bottom: 16px; }
.faq_list_content ul li { padding-bottom: 10px; font-weight: 700; color: #555; }
.faq_list_content ul li:last-child { margin-bottom: 0; }
.faq_list_content ul li::marker { font-size: 14px; }

.faq_list_btn a { display: inline-block; vertical-align: top; background-color: #D5E7FF; border-radius: 8px; line-height: 36px; padding: 0 20px; font-weight: 700; font-size: 14px; color: #486283; }
.faq_list_btn a:hover { background-color: #82A2C3; color: #fff; }






/*  */
.common_service_scope { margin-top: 30px; }
.common_service_scope > div { align-items: center; }
.common_service_scope_l { position: relative; }
.common_service_scope_l img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 10px; margin-bottom: 0; }
.common_service_scope_l:after { content: ""; width: 100%; display: block; position: absolute; top: 16px; bottom: 16px; right: -44px; z-index: -1; background: url(../images/service-scope-font.png) no-repeat; background-size: auto 100%; background-position: top 0 right 0; }

.common_service_scope_r { padding-left: 130px; }
.common_service_scope_r h2 { font-size: 50px; font-weight: 700; color: #7299CA; line-height: 1.2em; margin-bottom: 36px; }

.common_service_scope_r .list_square2 li { margin-bottom: 16px; }






/*  */
.common_line { width: 100%; height: 1px; position: relative; }
.common_line:after { content: ""; display: block; height: 50px; background-color: #fff; box-shadow: 0 15px 15px rgba(0,0,0,.1); position: absolute; left: -400px; right: -400px; bottom: 0; z-index: -1; }




/*  */
.details_h2 { font-size: 50px; line-height: 1.2em; margin-bottom: 44px; text-align: center; }
html[lang="en-US"] .details_h2 { font-size: 36px; }




/*  */
/* .common_change h2 { font-size: 50px; line-height: 1.2em; margin-bottom: 44px; text-align: center; } */
.common_change .common_line { margin: 36px 0 50px; }


.common_change .common_tt { display: flex; justify-content: center; }
.common_change .common_tt a { display: block; min-width: 230px; text-align: center; font-size: 20px; border: 2px solid #7299CA; border-left-width: 1px; border-right-width: 1px; background-color: #F7F7F7; line-height: 1.2em; font-weight: 700; padding: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.common_change .common_tt a:first-child { border-left-width: 2px; border-radius: 10px 0 0 10px; }
.common_change .common_tt a:last-child { border-right-width: 2px; border-radius: 0 10px 10px 0; }
.common_change .common_tt a.active { background-color: #7299CA; color: #fff; }

.common_change .common_tt a i { font-size: 30px; display: inline-block; vertical-align: middle; line-height: 1em; margin-right: 6px; font-weight: normal; }
.common_change .common_tt a.active i { color: #fff; }

html[lang="en-US"] .common_change .common_tt a { font-size: 16px; }

.common_change_c { display: none; }
.common_change_text { display: inline-block; vertical-align: top; text-align: left; margin-bottom: 50px; }
.common_change_text h3 { font-size: 20px; font-weight: 700; color: #666; }
.common_change_text h3:after { content: ""; display: block; width: 50px; height: 1px; background-color: #999; margin: 10px 0 24px; }
.common_change_text .list_square2 { margin-bottom: 44px; }










/*  */
.table_style1 table { width: 100%; margin-bottom: 36px; table-layout: fixed; border-collapse: collapse; }
.table_style1 table tr td { text-align: center; font-size: 18px; font-weight: 700; }
.table_style1 table tr td a { font-size: 18px; font-weight: 700; }
.table_style1 table tr td a:hover { color: #7299CA; }
.table_style1 table tr:nth-child(even) td { background-color: #F6F6F6; }
.table_style1 table tr:first-child td { background-color: #7299CA; color: #fff; padding: 10px 20px; font-weight: 700; line-height: 1.2em;font-size: 22px;}

.table_style1 table tr:nth-child(n+2) td { border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; padding: 30px 20px; font-weight: 700; line-height: 1.2em; }
.table_style1 table tr:nth-child(n+2) td:first-child { border-left: 1px solid #D8D8D8; }

.table_style1 table tr td p { margin-bottom: 6px; }
.table_style1 table tr td ul { margin-bottom: 6px; }


.table_style1 table ul, .table_style1 table li { list-style-type: revert; }


.table_style2 table { width: 100%; margin-bottom: 36px; table-layout: fixed; border-collapse: collapse; }
.table_style2 table tr td { font-size: 18px; font-weight: 700; }
.table_style2 table tr td a { font-size: 18px; font-weight: 700; }
.table_style2 table tr td a:hover { color: #7299CA; }
.table_style2 table tr:nth-child(even) td { background-color: #F6F6F6; }
.table_style2 table tr:first-child td { background-color: #7299CA; color: #fff; padding: 10px 20px; font-weight: 700; line-height: 1.2em; font-size: 22px;}

.table_style2 table tr:nth-child(n+2) td { border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; padding: 30px 20px; font-weight: 700; line-height: 1.2em; }
.table_style2 table tr:nth-child(n+2) td:first-child { border-left: 1px solid #D8D8D8; }

.table_style2 table tr td p { margin-bottom: 6px; }
.table_style2 table tr td p { margin-bottom: 6px; }
.table_style2 table tr td ul { margin-bottom: 6px; }


.table_style2 table ul, .table_style2 table li { list-style-type: revert; }
.table_style2 h5 { margin: 16px 0 6px; font-weight: 700; }



.comprehensive_inspection_submenu + .details_main { padding-bottom: 0; }


.vaccine_other td:nth-child(2) { width: 30%; }





/*  */
.small_tip p { font-weight: 700; line-height: 1.8em; color: #3D3D3D; }



/*  */
.common_menu { padding-bottom: 34px; border-bottom: 1px solid #D8D8D8; }
.common_menu ul { margin: 0 -8px; }
.common_menu ul li { float: left; min-width: 172px; }
.common_menu ul li a { display: block; background-color: #E7E7E7; border-radius: 10px; margin: 0 8px 16px; text-align: center; font-size: 14px; font-weight: 700; line-height: 50px; padding: 0 6px; }
.common_menu ul li a:hover,
.common_menu ul li a.active { background-color: #7299CA; color: #fff; }










/*  */
.booking_and_inquiry { margin-top: 150px; }
.booking_and_inquiry .df { align-items: center; padding: 100px 66px; background: url(../images/booking-and-inquiry-img.jpg) no-repeat; background-size: 100% 100%; border-radius: 30px; position: relative; overflow: hidden; }
.booking_and_inquiry .df:after { 
	content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; right: 0;
	background: -webkit-linear-gradient(left, #3F6AA1, rgba(63,106,161,0));  
    background: -moz-linear-gradient(left, #3F6AA1, rgba(63,106,161,0)); 
    background: -o-linear-gradient(left, #3F6AA1, rgba(63,106,161,0)); 
    background: linear-gradient(to right, #3F6AA1, rgba(63,106,161,0)); 
 }


.booking_and_inquiry .bai_l { position: relative; z-index: 2; }
.booking_and_inquiry .bai_l > div { position: relative; padding: 20px 0 0 26px; }
.booking_and_inquiry .bai_l > div:before { content: ""; width: 66px; height: 66px; display: block; border-left: 3px solid #fff; border-top: 3px solid #fff; position: absolute; top: 0; left: 0; }
.booking_and_inquiry .bai_l h2 { font-size: 36px; font-weight: 700; line-height: 1.2em; color: #fff; }
.booking_and_inquiry .bai_l p { font-size: 24px; font-weight: 700; line-height: 1.2em; color: #fff; margin-bottom: 6px; }

.booking_and_inquiry .bai_r { margin-left: auto; position: relative; z-index: 2; }
.booking_and_inquiry .bai_r a { display: block; width: 390px; line-height: 66px; text-align: center; position: relative; padding: 0 30px; border-radius: 10px; color: #fff; background-color: #7299CA; margin-bottom: 16px; font-size: 20px; font-weight: 700; box-shadow: 0 4px 6px rgba(0, 0, 0, .3); }  
.booking_and_inquiry .bai_r a:last-child { margin-bottom: 0; }
.booking_and_inquiry .bai_r a:before { content: "\e7aa"; font-family: "iconfont" !important; font-size: 20px; color: #fff; display: block; line-height: 1em; position: absolute; top: 50%; left: 30px; margin-top: -10px; font-weight: normal; }
.booking_and_inquiry .bai_r a.bai_whatsapp { background-color: #075E54; }
.booking_and_inquiry .bai_r a.bai_whatsapp:before { content: "\e746"; }










/* inspect_btn */
.inspect_btn { margin: 0 -25px; }
.inspect_btn > div { width: 50%; } 
.inspect_btn a { font-size: 24px; display: block; margin: 0 auto; background-color: #D5E7FF; height: 80px; line-height: 80px; border-radius: 14px; font-weight: 700; color: #486283; cursor: pointer; text-align: center; margin: 0 25px; } 
.inspect_btn a:after { content: "\e631"; font-family: "iconfont" !important; font-weight: normal; margin-left: 6px; }
.inspect_btn a:hover { background-color: #82A2C3; color: #fff; }
.inspect_btn a:hover:after { color: #fff; }
















/* correlation_main */
.correlation_main .common_title2 { border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 30px; }
.correlation_main > div { padding-top: 100px; }
.correlation_main > div:first-child .common_title2:after { display: none; }
.correlation_main .common_title2 { position: relative; }

.correlation_main > div.WebEditorWidget { padding-top: 0 !important; }


/* doctor */
.doctor_main > div:first-child { padding-top: 0; }
.doctor_main .common_title2 { cursor: pointer; }
.doctor_main .common_title2:after { 
	content: "\e731"; font-family: "iconfont" !important; position: absolute; top: 50%; right: 0; margin-top: -8px;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;  
}
.doctor_main .common_title2.active:after { 
	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); 
	-o-transform: rotate(180deg); 
	transform: rotate(180deg); 
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;  
}

/*  */
.correlation_main_business .common_title2 { pointer-events: none; }
.correlation_main_business .correlation_main_box { width: 550px; max-width: 100%; margin: 0 auto; display: block !important; }
.correlation_main_business .list_square2 { padding-bottom: 36px; }
.correlation_main_business .list_square2 li { margin-bottom: 14px; }
.correlation_main_business .common_btn { line-height: 1.2em; min-width: 240px; position: relative; text-align: left; padding: 16px 56px 16px 20px; margin: 0 6px 6px 0; }
.correlation_main_business .common_btn img { width: 24px; height: 24px; margin-right: 6px; display: inline-block; vertical-align: middle; margin-top: -5px; } 
.correlation_main_business .common_btn:after { content: "\e6ed"; font-size: 30px; position: absolute; top: 50%; right: 20px; margin-top: -15px; }

/*  */
/* .doctor_main_hospital .list_square2 li { margin-bottom: 14px; min-width: 230px; } */

/* .doctor_main_hospital .correlation_main_box { display: inline-block; vertical-align: top; text-align: left; } */
.doctor_main_hospital .correlation_main_box { width: 550px; max-width: 100%; margin: 0 auto; text-align: left; }
.doctor_main_hospital .correlation_main_box ul { display: inline-block; vertical-align: top; text-align: left; }


/*  */
.correlation_main_inspect .correlation_main_box ul { display: flex; margin: 0 -25px; }
.correlation_main_inspect .correlation_main_box ul li { width: 33.33%; text-align: center; }
.correlation_main_inspect .correlation_main_box ul li h3 { font-size: 24px; font-weight: 700; line-height: 1.2em; color: #3A6192; margin-bottom: 12px; }
.correlation_main_inspect .correlation_main_box ul li span { font-size: 50px; font-weight: 700; line-height: 1.2em; color: #3A6192; display: block; }
.correlation_main_inspect .correlation_main_box ul li > div { 
	margin: 0 25px; border-radius: 30px; padding: 66px 30px;
	background: -webkit-linear-gradient(top, #CFE1F1, #FCFDFE);
    background: -moz-linear-gradient(top, #CFE1F1, #FCFDFE);
    background: -o-linear-gradient(top, #CFE1F1, #FCFDFE);
    background: linear-gradient(to bottom, #CFE1F1, #FCFDFE);
 }
 .correlation_main_inspect .correlation_main_box a { background-color: #fff; border-radius: 14px; width: 130px; line-height: 50px; text-align: center; color: #3A6192; font-weight: 700; display: block; margin: 30px auto 0; }
 .correlation_main_inspect .correlation_main_box a:hover { background-color: #D5E7FF; }



/*  */
/* .correlation_main_column .visit_list { margin: 0 -25px; }
.correlation_main_column .visit_list li { width: 50%; }
.correlation_main_column .visit_list li > div { margin: 0 25px; border-radius: 20px; }
.correlation_main_column .visit_list_text { padding: 36px 36px 0; }
.correlation_main_column .visit_list_doctor a { padding-top: 24px; padding-bottom: 24px; }
.correlation_main_column .visit_list_text h3 a { font-size: 22px; }
.correlation_main_column .visit_list_text p { font-size: 16px; }
.correlation_main_column .common_btn { margin-top: 50px; } */

/*  */
/* .correlation_main_visit .health_column_list { margin: 0 -25px 50px; }  
.correlation_main_visit .health_column_list li { width: 50%; }
.correlation_main_visit .health_column_list li > div { margin: 0 25px; border-radius: 20px; }
.correlation_main_visit .health_column_list_img a img { height: 200px; }
.correlation_main_visit .health_column_list_text { padding: 36px 30px 50px; text-align: right; }
.correlation_main_visit .health_column_list_text p { font-size: 18px; line-height: 32px; font-weight: normal; height: 96px; text-align: left; }
.correlation_main_visit .visit_list_time { display: none; } 
.correlation_main_visit .health_column_list_text a { display: block; margin-top: 30px; }  */

.correlation_main_visit .correlation_main_box > .tac { margin-bottom: 50px; }





/* select_chiron */

.select_chiron { margin-top: 150px; }

.select_chiron > div { align-items: center; }
.select_chiron > div > div { width: 50%; }
.select_chiron_l {
	position: relative; padding: 50px 36px; border-radius: 30px;
	background: -webkit-linear-gradient(top, #CFE1F1, #FCFDFE);
    background: -moz-linear-gradient(top, #CFE1F1, #FCFDFE);
    background: -o-linear-gradient(top, #CFE1F1, #FCFDFE);
    background: linear-gradient(to bottom, #CFE1F1, #FCFDFE);
 }
.select_chiron_l img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 10px; }
.select_chiron_l:after { content: ""; width: 100%; display: block; position: absolute; top: 16px; bottom: 16px; right: -44px; z-index: -1; background: url(../images/service-scope-font.png) no-repeat; background-size: auto 100%; background-position: top 0 right 0; }

.select_chiron_l h3 { font-size: 24px; font-weight: 700; line-height: 1.2em; margin-bottom: 10px; padding-top: 10px; }
.select_chiron_l p { font-weight: 700; line-height: 1.2em; padding-top: 10px; color: rgba(6,37,61,.7); }

.select_chiron_l ul li { padding-left: 74px; position: relative; margin-bottom: 30px; }
.select_chiron_l ul li:last-child { margin-bottom: 0; }
.select_chiron_l ul li:before { content: "\e7ac"; font-family: "iconfont" !important; font-size: 24px; color: #fff; position: absolute; top: 0; left: 0; z-index: 1; margin: 13px; }
.select_chiron_l ul li:after { content: ""; display: block; background-color: #5C8AC5; width: 50px; height: 50px; border-radius: 100px; position: absolute; top: 0; left: 0; }

.select_chiron_l ul li:nth-child(2):before { content: "\e7a3"; }
.select_chiron_l ul li:nth-child(3):before { content: "\e7a5"; }



.select_chiron_r { padding-left: 100px; }
.select_chiron_r h2 { font-size: 50px; font-weight: 700; color: #7299CA; line-height: 1.2em; margin-bottom: 36px; }
.select_chiron_r .list_square2 li { margin-bottom: 16px; border-bottom: 1px dashed #D8D8D8; }
.select_chiron_r .list_square2 li h3 { font-size: 22px; font-weight: 700; margin-bottom: 12px; }
.select_chiron_r .list_square2 li p { font-size: 15px; font-weight: 700; margin-bottom: 12px; color: #999; line-height: 1.2em; }


/*  */
.list_square_ul.list_square2 { margin: 20px 0 50px; }
.list_square_ul.list_square2 li { margin-bottom: 16px; border-bottom: 1px dashed #D8D8D8; }
.list_square_ul.list_square2 li h3 { font-size: 22px; font-weight: 700; margin-bottom: 12px; }
.list_square_ul.list_square2 li p { font-size: 15px; font-weight: 700; margin-bottom: 12px; color: #999; line-height: 1.2em; }










/* details_slider */
.details_slider { margin-bottom: 100px; }
.details_slider .tabbox:after { content: ""; clear: both; height: 0; display: block; }
.details_slider .tabbox > div { float: left; width: 50%; }



.details_slider .tabbox .tab { overflow: hidden; padding-left: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.details_slider .tabbox .tab a { display: flex; align-items: center; padding: 22px 30px 22px 20px; border-bottom: 1px solid #D8D8D8; }
/* .details_slider .tabbox .tab a:hover, */
.details_slider .tabbox .tab a.on { background:#F1F1F1; color:#fff; text-decoration: none; border-radius: 10px; border-color: transparent; }


.details_slider .tabbox .tab a .dst_l { color: #8CAECE; text-align: center; font-size: 18px; font-weight: 700; line-height: 1em; }
.details_slider .tabbox .tab a .dst_l span { color: #8CAECE; display: block; line-height: 1em; font-size: 50px; font-weight: 700; margin-bottom: 6px; }
.details_slider .tabbox .tab a .dst_r { padding-left: 16px; display: grid; }
.details_slider .tabbox .tab a .dst_r h3 { line-height: 1.2em; font-size: 18px; font-weight: 700; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.details_slider .tabbox .tab a .dst_r p { 
	color: #999; line-height: 1.2em; font-size: 14px; font-weight: 700;
	overflow: hidden; text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; 
}



.details_slider .tabbox .content { overflow: hidden; }
.details_slider .tabbox .content li { display: none; position: relative; border-radius: 20px; overflow: hidden; }
.details_slider .tabbox .content li .details_slider_doctor { display: inline-block; position: absolute; left: 30px; top: 30px; z-index: 2; padding-left: 66px; height: 50px; }
.details_slider .tabbox .content li .details_slider_doctor:hover { opacity: .6; }
.details_slider .tabbox .content li .details_slider_doctor img { display: block; width: 50px; height: 50px; border-radius: 100px; position: absolute; top: 0; left: 0; background-color: #F5F5F5; }
.details_slider .tabbox .content li .details_slider_doctor h3 { font-size: 16px; font-weight: 700; color: #fff; line-height: 1em; padding: 7px 0 6px; }
.details_slider .tabbox .content li .details_slider_doctor p { font-size: 14px; font-weight: 700; color: #fff; line-height: 1em; }


.details_slider .tabbox .content li .details_slider_box img { display: block; width: 100%; height: 354px; object-fit: cover; object-position: center center; }
.details_slider .tabbox .content li .details_slider_box { display: block; position: relative; }
.details_slider .tabbox .content li .details_slider_box:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, .2); }
.details_slider .tabbox .content li .details_slider_box:after { 
	content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 190px;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0), #05213B);
    background: -moz-linear-gradient(top, rgba(0,0,0,0), #05213B);
    background: -o-linear-gradient(top, rgba(0,0,0,0), #05213B);
    background: linear-gradient(to bottom, rgba(0,0,0,0), #05213B);
}

.details_slider .tabbox .content li .details_slider_text { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 0 30px 30px; display: flex; align-items: center; }
.details_slider .tabbox .content li .details_slider_text .dst_l { color: #8CAECE; text-align: center; font-size: 18px; font-weight: 700; line-height: 1em; }
.details_slider .tabbox .content li .details_slider_text .dst_l span { color: #8CAECE; display: block; line-height: 1em; font-size: 50px; font-weight: 700; margin-bottom: 6px; }

.details_slider .tabbox .content li .details_slider_text .dst_r { padding-left: 20px; display: grid; }
.details_slider .tabbox .content li .details_slider_text .dst_r h3 { color: #fff; line-height: 1.2em; font-size: 18px; font-weight: 700; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.details_slider .tabbox .content li .details_slider_text .dst_r p { 
	color: rgba(255,255,255,.6); line-height: 1.2em; font-size: 14px; font-weight: 700;
	overflow: hidden; text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; 
}




/*  */
.common_tc .common_btn { padding: 0 24px; line-height: 50px; font-size: 16px; border-radius: 10px; }
.common_tc .common_btn:after { font-size: 16px; }