@charset "utf-8";

.swiper-pagination-bullet-active { background-color:#F4C117; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:60px; }



body{ color:#333; font-size:14px; line-height:2; }

a { text-decoration:none; color:#333; blr:expression(this.onFocus=this.blur()); outline: none; }

a:focus { outline: none; -moz-outline:none; }

a:hover { color:#0583F2; }

a:hover { text-decoration:none; -moz-transition-duration: all 0.3s;-webkit-transition-duration: all 0.3s;-o-transition-duration: all 0.3s; transition-duration: all 0.3s;  -webkit-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-moz-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity; -o-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;  transition-property:color, background-color, background, width, height, top, left, bottom, right, display, border,opacity; }

.full { width:expression(document.body.clientWidth <= 1200? "1200px": "auto");;min-width:1200px; }

.clear { clear:both; }

.red { color:#CB1500; }

.yellow { color:#F0FF00; }

.gray { color:#999; }

.space10 { clear:both; height:10px; overflow:hidden; }

.space20 { clear:both; height:20px; overflow:hidden; }

.f20 { font-size:20px; }

.f16 { font-size:16px; }







/* head ,footer */

html { height:100%; }
.log-box { position:fixed; top:20px; right:10%; width:80%; height:100%; /*background:url('../images/bg2.jpg') no-repeat center center;*/ background-size:cover; padding:20px 20px 0; text-align:center; }

	.log-box h1 { color:#FFF; font-weight:700; font-size:22px; text-align:center; margin:0; padding:0; letter-spacing:4px; display:inline-block; margin:0 auto 40px; text-align:center; }

	.log-box-line { margin-bottom:30px; text-align:left; font-size:16px; color:#FFF;}

	.log-box-input-username { width:100%; height:61px; background:#DBF5FF; border:none; border-radius:3px; padding-left:60px; position:relative; margin-bottom:30px; }

	.log-box-input-username:before { content:''; display:block; width:16px; height:18px; position:absolute; left:20px; top:20px; background:#DBF5FF url('../images/icon-logu.png') no-repeat center center; }

	.log-box-input-password { width:100%; height:61px; background:#DBF5FF; border:none; border-radius:3px; padding-left:60px; position:relative; margin-bottom:30px; }

	.log-box-input-password:before { content:''; display:block; width:16px; height:18px; position:absolute; left:20px; top:20px; background:#DBF5FF url('../images/icon-logp.png') no-repeat center center; }

	

	.input-t { width:100%; height:100%; border:none; line-height:100%; font-size:14px; outline:none; background:none; }

	.input-t::placeholder { color:#9C9C9C; }

	.log-checkbox { color:#9C9C9C; font-size:18px; font-weight:normal; }

	.log-checkbox input { width:21px; height:21px; border:none; float:left; margin:8px 5px 0 0; background:#DBF5FF; }

	.btn-login { width:100%; height:55px; background:#47899B; border:none; text-align:center; font-size:18px; color:#FFF; letter-spacing:2px; border-radius:27px; }

@media screen and (min-width: 768px) {
	.log-box { width:60%; top:0px; right:0px; padding:50px 50px 0; }
	.log-box h1 { font-size:28px; margin-bottom:30px; }
}
@media screen and (min-width: 900px) {
	.log-box { width:50%; top:0px; right:0px; padding:80px 80px 0; }
	.log-box h1 { margin-bottom:50px; }
}
@media screen and (min-width: 1200px) {
	.log-box { width:44%; top:0px; right:0px; padding:100px 120px 0; }
	.log-box h1 { margin-bottom:120px; }
}
@media screen and (min-width: 1800px) {
	.log-box { width:44%; top:0px; right:0px; padding:100px 180px 0; }
	.log-box h1 { margin-bottom:150px; }
}