@charset "utf-8";
#blind2, #closeonf {display:none;}
@media all and (min-width:1180px) {
	#onlineform{position:relative;padding:30px 0;background:#fff;box-shadow: 3px 3px 3px 3px grey;}
	#onlineform .phone div{padding:0 0 0 0px;font-size:20px;color:#2c2c2c}
	#onlineform .phone i{font-size:24px;color:#f8af00}
	#onlineform .phone h3{font-size:48px;font-weight:600;color:#fff}
	#onlineform .phone h3 a {color:#0d2ea0}
	#onlineform .phone p {font-size:14px; letter-spacing:-0.5px; color:#2c2c2c; line-height:1.5; margin-top:3px;}
	#onlineform .eventbt {position:absolute; top:15px; left:300px;}
	#onlineform .form{position:absolute;top:15px;right:0px}
	#onlineform .form fieldset{width:600px}
	#onlineform .inpm{position:relative;padding:0 240px 5px 100px;overflow:hidden}
	#onlineform .inpm label{position:absolute;top:0;left:0;display:block;line-height:30px;color:#2c2c2c}
	#onlineform .wname{width:100%}
	#onlineform .agree{padding:5px 0 0 0;overflow:hidden}
	#onlineform .agree:after{clear:both;display:table;content:"";line-height:0}
	#onlineform .agree strong{float:left;font-size:14px;font-weight:400;color:#2c2c2c}
	#onlineform .agree strong em{position:relative;top:3px;padding-right:5px; display:inline-block;}
	#onlineform .agree span{float:left;font-size:13px;color:#fff; margin-right:10px; margin-top:3px;}
	#onlineform .agree span input.ag_check{border:1px solid #fff !important;background:#fff;outline:none; width:18px; height:18px;}
	#onlineform .textarea,
	#onlineform .input{float:left;padding:0 5px;height:30px;font-size:14px;color:#373964;border:0px solid #fff;background:#f0f0f0;box-sizing:border-box}
	#onlineform .w33p{margin-right:0.33%}
	#onlineform .bt{position:absolute;top:0;right:0;display:block;width:220px;line-height:64px;font-size:17px;font-weight:500;text-align:center;transition:all 0.3s}
	#onlineform .bt:hover{color:#fff;border:1px solid #777;background:#777}
	#onlineform .bt_adm{color:#fff;border:0px solid #fff;background:#0d2ea0}
	#onlineform .bt_adm:hover{color:#fff;border:0px solid #0089ce;background:rgba(0,0,0,0.3)}
	#onlineform .bt_adm i{font-size:24px}

	#bestreview{padding:40px 0;position:relative;background:#f3f3f3}
	#bestreview h3{padding-bottom:20px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px}
	#bestreview .review{padding:0 320px 0 0;min-height:200px}
	#bestreview .review ul{overflow:hidden}
	#bestreview .review li{float:left;position:relative;width:33.33%;min-height:140px}
	#bestreview .review li a{display:block;padding:5px 20px 0 120px}
	#bestreview .review li div{position:absolute;top:0;left:0;display:block;width:110px;height:110px;background:#fff;border-radius:50%;overflow:hidden}
	#bestreview .review li div img{width:auto; max-width:100%; height:auto;transition:transform 0.5s}
	#bestreview .review li div img:hover{transform:scale(1.1)}
	#bestreview .review li strong{display:block;height:60px;line-height:20px;font-size:14px;font-weight:500;overflow:hidden}
	#bestreview .review li strong em{display:block;}
	#bestreview .review li strong .model {font-weight:500; font-size:13px;line-height:20px;color:#2946aa;}
	#bestreview .review li strong .name {font-weight:500;font-size:13px; color:#555;line-height:16px; }
	#bestreview .review li strong .sbj {font-weight:500; margin-top:4px;}
	#bestreview .review li span{display:block;padding:3px 0;font-size:12px; color:#666;}
	#bestreview .review li em{display:block}
	#bestreview .review .star{width:100px}

	#bestreview .realtime{position:absolute;top:0;right:0;width:300px}
	#bestreview .realtime li{line-height:25px}
	#bestreview .realtime li strong{padding:0 10px 0 0;font-weight:400}
	#bestreview .realtime li strong:before{content:'ㆍ'}
	#bestreview .realtime li span{padding:0 5px}
	#bestreview .realtime li em{padding:0 0 0 10px;font-size:11px}
	#bestreview .realtime .tel{font-size:11px}
	#bestreview .realtime .co{font-size:13px}
	#bestreview .realtime .bx-controls{display:none}

	#bt_agview {display:inline-block; cursor:pointer; margin-left:5px; font-size:0.9em;padding:0px 6px; background:#373964; color:#fff;}
	#agreeviewA {display:none; margin-top:25px; background:#fff; padding:10px 0px;}
	#agreeviewA:after{clear:both;display:table;content:"";line-height:0}
	#agreeviewA .po1 {float:left; width:50%; color:#595959; padding:10px 20px;}
}

@media all and (min-width:749px) and (max-width:1179px) {
	#onlineform{position:relative;padding:40px 0;background:#fff;box-shadow: 3px 3px 3px 3px grey;}
	#onlineform .phone{font-size:24px;color:rgba(255,255,255,0.8)}
	#onlineform .phone i{font-size:24px;color:#f8af00}
	#onlineform .phone h3{font-size:36px;font-weight:600;color:#fff}
	#onlineform .phone h3 a {color:#0d2ea0}
	#onlineform .phone p {font-size:14px; letter-spacing:-0.5px; color:#2c2c2c; line-height:1.5; margin-top:3px;}
	#onlineform .form{position:absolute;top:0;right:20px}
	#onlineform .form fieldset{width:410px}
	#onlineform .inpm{position:relative;padding:0 168px 6px 50px;overflow:hidden}
	#onlineform .inpm label{position:absolute;top:0;left:0;display:block;line-height:30px; color:#2c2c2c;}
	#onlineform .wname{width:100%}
	#onlineform .agree{padding:5px 0 0 0;overflow:hidden}
	#onlineform .agree:after{clear:both;display:table;content:"";line-height:0}
	#onlineform .agree strong{float:left;font-size:14px;font-weight:400;color:#2c2c2c}
	#onlineform .agree strong em{position:relative;top:3px;padding-right:5px; display:inline-block;}
	#onlineform .agree span{float:left;font-size:13px;color:#fff; margin-left:5px; margin-top:3px;}
	#onlineform .agree span input.ag_check{border:1px solid #fff !important;background:#fff;outline:none; width:18px; height:18px;}
	#onlineform .textarea,
	#onlineform .input{float:left;padding:0 5px;height:30px;font-size:14px;color:#373964;border:none;background:#f0f0f0;box-sizing:border-box}
	#onlineform .w33p{margin-right:0.33%}
	#onlineform .bt{position:absolute;top:0;right:0;display:block;width:160px;line-height:63px;font-size:17px;font-weight:500;text-align:center}
	#onlineform .bt:hover{color:#fff;border:1px solid #777;background:#777}
	#onlineform .bt_adm{color:#fff;border:0px solid #fff;background:#0d2ea0}
	#onlineform .bt_adm:hover{color:#fff;border:0px solid #0089ce;background:rgba(0,0,0,0.3)}

	#bestreview{padding:40px 0;position:relative;background:#eee}
	#bestreview h3{padding-bottom:20px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px}
	#bestreview .review{padding:0 320px 0 0;min-height:350px}
	#bestreview .review ul{overflow:hidden}
	#bestreview .review li{float:left;position:relative;width:100%;min-height:140px}
	#bestreview .review li a{display:block;padding:0px 20px 0 120px}
	#bestreview .review li div{position:absolute;top:0;left:0;display:block;width:110px;height:110px;background:#fff;border-radius:50%;overflow:hidden}
	#bestreview .review li div img{width:auto; max-width:100%; height:auto;transition:transform 0.5s}
	#bestreview .review li div img:hover{transform:scale(1.1)}
	#bestreview .review li strong{display:block;height:60px;line-height:20px;font-size:14px;font-weight:500;overflow:hidden}
	#bestreview .review li strong em{display:block;}
	#bestreview .review li strong .model {font-weight:500; font-size:13px;line-height:20px;color:#2946aa;}
	#bestreview .review li strong .name {font-weight:500;font-size:13px; color:#555;line-height:16px; }
	#bestreview .review li strong .sbj {font-weight:500; margin-top:4px;}

	#bestreview .review li span{display:block;padding:3px 0;font-size:12px}
	#bestreview .review li em{display:block}




	#bestreview .review .star{width:100px}
	#bestreview .realtime{position:absolute;top:0;right:0;width:300px}
	#bestreview .realtime li{line-height:25px}
	#bestreview .realtime li strong{padding:0 10px 0 0;font-weight:400}
	#bestreview .realtime li strong:before{content:'ㆍ'}
	#bestreview .realtime li span{padding:0 5px}
	#bestreview .realtime li em{padding:0 0 0 10px;font-size:11px}
	#bestreview .realtime .tel{font-size:11px}
	#bestreview .realtime .co{font-size:13px}
	#bestreview .realtime .bx-controls{display:none}

	#bt_agview {display:inline-block; cursor:pointer; margin-left:5px; font-size:0.9em;padding:0px 6px; background:#373964; color:#fff;}
	#agreeviewA {display:none; margin-top:25px; background:#fff; padding:10px 0px;}
	#agreeviewA:after{clear:both;display:table;content:"";line-height:0}
	#agreeviewA .po1 {float:left; width:50%; color:#595959; padding:10px 20px;}


}

@media all and (max-width:748px) {
	#onlineform{padding:15px 10px;background:#fff;}
	#onlineform .phone{padding:0 0 10px 0}
	#onlineform .phone div{font-size:18px;color:#2c2c2c}
	#onlineform .phone i{font-size:24px;color:#f8af00}
	#onlineform .phone h3{display:inline-block;font-size:18px;font-weight:600;color:#fff}
	#onlineform .phone h3 a {color:#0d2ea0}
	#onlineform .phone p {font-size:13px; letter-spacing:-0.5px; color:#2c2c2c; line-height:1.4; margin:8px 0;}
	#onlineform .form{position:relative}
	#onlineform .form fieldset{}
	#onlineform .inpm{position:relative;padding:0 85px 6px 0;overflow:hidden}
	#onlineform .inpm label{position:absolute;top:0;left:0;display:none;line-height:30px}
	#onlineform .wname{width:100%}
	#onlineform .agree{padding:5px 0 0 0;overflow:hidden}
	#onlineform .agree:after{clear:both;display:table;content:"";line-height:0}
	#onlineform .agree strong{float:left;font-size:14px;font-weight:400;color:#2c2c2c}
	#onlineform .agree strong em{position:relative;top:3px;padding-right:5px; display:inline-block;}
	#onlineform .agree span{float:left;font-size:13px;color:#fff; margin-left:5px; margin-top:3px;}
	#onlineform .agree span input.ag_check{border:1px solid #fff !important;background:#fff;outline:none; width:18px; height:18px;}

	#onlineform .textarea,
	#onlineform .input{float:left;padding:0 5px;height:30px;font-size:14px;color:#373964;border:none;background:#f0f0f0;box-sizing:border-box}
	#onlineform .w33p{margin-right:0.33%}
	#onlineform .bt{position:absolute;top:0;right:0;display:block;width:80px;line-height:65px;font-size:12px;font-weight:500;text-align:center}
	#onlineform .bt i{display:none}
	#onlineform .bt:hover{color:#fff;border:1px solid #777;background:#777}
	#onlineform .bt_adm{color:#fff; letter-spacing:-1px; font-weight:600;border:0px solid #fff;background:#0d2ea0;}
	#onlineform .bt_adm:hover{color:#fff;border:0px solid #0089ce;background:rgba(0,0,0,0.3)}

	#bestreview{padding:20px 0;position:relative;background:#eee}
	#bestreview h3{padding:10px 15px;line-height:48px;font-size:18px;font-weight:500;letter-spacing:-1px}
	#bestreview .review ul{overflow:hidden; margin:0px 15px;}
	#bestreview .review li{float:left;position:relative;width:100%;min-height:120px;}
	#bestreview .review li a{display:block;padding:5px 0px 0 120px}
	#bestreview .review li div{position:absolute;top:0;left:0;display:block;width:110px;height:110px;background:#fff;border-radius:50%;overflow:hidden}
	#bestreview .review li div img{width:auto; max-width:100%; height:auto;transition:transform 0.5s}
	#bestreview .review li div img:hover{transform:scale(1.1)}
	#bestreview .review li strong{display:block;height:60px;line-height:20px;font-size:14px;font-weight:500;overflow:hidden}
	#bestreview .review li strong em{display:block;}
	#bestreview .review li strong .model {font-weight:500; font-size:13px;line-height:20px;color:#2946aa;}
	#bestreview .review li strong .name {font-weight:500;font-size:13px; color:#555;line-height:16px; }
	#bestreview .review li strong .sbj {font-weight:500; margin-top:4px;}

	#bestreview .review li span{display:block;padding:3px 0;font-size:12px}
	#bestreview .review li em{display:block}
	#bestreview .review .star{width:100px}
	#bestreview .realtime{padding:0 0 20px 0}
	#bestreview .realtime li{line-height:25px}
	#bestreview .realtime li strong{padding:0 10px 0 0;font-weight:400}
	#bestreview .realtime li strong:before{content:'ㆍ'}
	#bestreview .realtime li span{padding:0 5px}
	#bestreview .realtime li em{padding:0 0 0 10px;font-size:11px}
	#bestreview .realtime .tel{font-size:11px}
	#bestreview .realtime .co{font-size:13px}
	#bestreview .realtime .bx-controls{display:none}

	#bt_agview {display:inline-block; cursor:pointer; margin-left:5px; font-size:0.85em;padding:0px 6px; background:#373964; color:#fff;}
	#agreeviewA {display:none; margin-top:15px; background:#fff; padding:10px 0px;}
	#agreeviewA:after{clear:both;display:table;content:"";line-height:0}
	#agreeviewA .po1 {float:left; width:100; color:#595959; padding:10px 20px;}


	.mquifon {position:fixed !important; bottom:50px !important; left:0px !important; z-index:9999999999 !important; width:100%;}
	.mquifon .wrap{position:relative;}
	#blind2{position:fixed;z-index:99998;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.5)}

	.mquifon #closeonf{position:absolute;z-index:9999999999999999999999;right:0px;top:-10px;display:block;width:40px;height:40px;}
	.mquifon #closeonf:before{content:"\e9af";font-family:xeicon;display:block;width:40px;line-height:40px;font-size:24px;color:#fff;text-align:center;transform:rotate(180deg);transition:all 0.2s}
	.mquifon #closeonf:before:hover{transform:rotate(-180deg)}
}
/*	.mquifon {background:#323c91 !important;box-shadow:0px 0px 7px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 7px  rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 7px  rgba(0,0,0,0.5); } */