.clear1{ clear: both; overflow: hidden; height: 1px; line-height: 1px;}
.blank{ clear: both; height: 10px;}

.login_outside_box{ height: 100%; width: 100%; position: relative; background-color: #95D5DF; overflow-y:scroll;}
.login_outside_box.agent_login_outside_box{ background-color: #CEE7C9;}
.login_outside_box.admin_login_outside_box{ background: url(../images/nc_bg.jpg) no-repeat center; background-size: cover;}
.login_inside_box{ width: 800px; margin: 0 auto; position: relative; height: 100%; z-index: 2;}
.login_inside_box.agent_login_inside_box{ width: 260px; margin: 0 auto; position: relative; padding-top: 50px; box-sizing: border-box;}
.login_banner{ width: 400px; float: left; position: relative;}
.login_banner_1{ width: 320px; position: absolute; z-index: 1; top: 40px; }
.login_banner_2{ width: 360px; position: absolute; z-index: 2; left: 20px; }
.login_banner_3{ width: 340px; position: absolute; z-index: 3; top: 220px; left: 40px; }
.login_banner_4{ width: 500px; position: absolute; z-index: 1; left: 350px; bottom: 50px; }
.login_banner_5{ width: 120px; position: absolute; z-index: 1; float: right; right: 60px; }
.login_banner_6{ width: 600px; position: absolute; z-index: 3; left: 0; bottom: 0; }
.login_banner_7{ width: 160px; position: absolute; z-index: 3; right: 0; bottom: 0; }
.login_box{ width: 260px; float: right; position: relative; margin-right: 40px; z-index: 2; }
.login_box.agent_login_box{float: none; margin: 0; }
.logo_icon{ position: absolute; top: 55px; width: 80px; height: 80px; left: 90px; }
.bottom_banner_icon{ width: 480px; position: absolute; bottom: 10px; z-index: 1; left: -230px; margin-left: 50%;}
.login_box_main{ margin-top:100px; background-color: #fff; border-radius: 3px; box-shadow:0px 2px 4px #999; z-index: 4; width: 100%; position: relative;}
.login_box_main .login_title{ padding:10px; height: 40px; line-height: 40px; font-size: 20px; color: #30C6E1; font-weight: bold; text-align: center;}
.login_title.agent_login_title{color: #90c434;}
.login_title.admin_login_title{color: #3585c7;}
.paddgin_box{ padding: 0 15px 12px 15px; overflow: hidden;}
.paddgin_box .login_input{ height: 37px; line-height: 16px; padding: 10px; border: 1px solid #ddd; border-radius: 3px; box-sizing: border-box; width: 100%; _height:17px; +height:17px; _width:78%; +width:78%; }
.paddgin_box .login_input.user_input{ padding-left: 40px; background: url(../images/user_login_icon.png) no-repeat 15px center; background-size: 14px; background-color: #F7F7F7; }
.paddgin_box .login_input.password_input{ padding-left: 40px; background: url(../images/password_login_icon.png) no-repeat 15px center; background-size: 14px; background-color: #F7F7F7;}
.paddgin_box .login_input.verification_input{ width: 58%; background-color: #F7F7F7; padding-left: 18px; _width:42%; +width:42%; float:left; }
.paddgin_box .verification_box{ width: 35%; height: 37px; background-color: #ff0; float: right; }
.paddgin_box .v_fresh_btn{ width: 35%; height: 18px; float: right; color: #666; text-align: center; line-height: 18px; font-size: 12px;  margin:10px 0;}
.paddgin_box .submit_btn{  height: 37px; line-height: 16px; padding: 10px; background-color: #30C6E1; border-radius: 3px; box-sizing: border-box; width: 100%; text-align: center; color: #fff; _height:17px; +height:17px; _width:92%; +width:92%; }
.submit_btn.agent_submit_btn{background-color:#90c434;}
.submit_btn.admin_submit_btn{background-color:#3585c7;}
.paddgin_box .remember_checkbox{ width: 17px; height: 17px; margin:10px 6px; background: url(../images/radio_icon_remember.png) no-repeat center; background-size: 16px; -webkit-appearance:none; -moz-appearance:none; appearance: none; float: left; border:0; -moz-box-shadow:inset 0 0px 0px rgba(0,0,0,0); box-shadow:inset 0 0px 0px rgba(0,0,0,0);}
.paddgin_box .remember_checkbox.check{ width: 17px; height: 17px; background: url(../images/radio_icon_remember2.png) no-repeat center; background-size: 16px;}
.paddgin_box .remember_checkbox_label{ height: 17px; line-height: 17px; font-size: 12px; color: #666; margin:10px; float: left; display: inline-block; margin-top:12px\0;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .paddgin_box .remember_checkbox_label{ margin-top:12px;}
    .navagation_icon_list li{ float: left;}
}
    .other_tips{ border-top: 1px solid #ddd; font-size: 12px; color: #333; line-height: 37px; height: 37px; text-align: center;}
.navagation_icon_list{ display: box; display:-webkit-box; display:-moz-box; margin: 0; padding: 0; list-style-type: none; width: 100%; }
.navagation_icon_list li{-moz-box-flex:1; -webkit-box-flex:1; box-flex:1; width:25%; height: 40px; _float:left; +float:left; float:left\0;}
.navagation_icon_list li:nth-child(2){_margin-left:25%; +margin-left:25%; _margin-top:-40px; +margin-top:-40px;}
.navagation_icon_list li:nth-child(3){_margin-left:50%; +margin-left:50%; _margin-top:-40px; +margin-top:-40px;}
.navagation_icon_list li:nth-child(4){_margin-left:75%; +margin-left:75%; _margin-top:-40px; +margin-top:-40px;}
.navagation_icon_list li a{ display: block; width: 100%; height: 40px;}
.v_firfox{ background: url(../images/navigation_icon1.png) no-repeat center; background-size: 30px; }
.v_ie{ background: url(../images/navigation_icon2.png) no-repeat center; background-size: 30px; }
.v_google{ background: url(../images/navigation_icon3.png) no-repeat center; background-size: 30px; }
.v_opera{ background: url(../images/navigation_icon4.png) no-repeat center; background-size: 30px; }

@media only screen and (min-width: 600px) and (max-width: 800px) {
    .login_inside_box{ width: 600px; margin: 0 auto; position: relative; height: 100%;}
    .login_banner{ width: 300px; float: left; position: relative;}
    .login_banner_1{ width: 240px; position: absolute; z-index: 1; top: 40px; }
    .login_banner_2{ width: 270px; position: absolute; z-index: 2; left: 15px; }
    .login_banner_3{ width: 255px; position: absolute; z-index: 3; top: 220px; left: 30px; }
    .login_banner_4{ width: 375px; position: absolute; z-index: 1; left: 260px; bottom: 50px; }
    .login_banner_5{ width: 120px; position: absolute; z-index: 1; float: right; right: 60px; }
    .login_banner_6{ width: 450px; position: absolute; z-index: 3; left: 0; bottom: 0; }
    .login_banner_7{ width: 120px; position: absolute; z-index: 3; right: 0; bottom: 0; }
}


@media only screen and (min-width: 400px) and (max-width: 600px) {
    .login_inside_box{ width: 400px; margin: 0 auto; position: relative; height: 100%;}
    .login_banner{ width: 200px; float: left; position: relative;}
    .login_banner_1{ width: 160px; position: absolute; z-index: 1; top: 40px; }
    .login_banner_2{ width: 180px; position: absolute; z-index: 2; left: 0px; }
    .login_banner_3{ width: 170px; position: absolute; z-index: 3; top: 30px; left: 180px; }
    .login_banner_4{ width: 250px; position: absolute; z-index: 1; left: 175px; bottom: 50px; }
    .login_banner_5{ width: 120px; position: absolute; z-index: 1; float: right; right: 60px; }
    .login_banner_6{ width: 350px; position: absolute; z-index: 3; left: 0; bottom: 0; }
    .login_banner_7{ width: 80px; position: absolute; z-index: 3; right: 0; bottom: 0; }
    .login_box{ width: 260px; float: right; position: relative; margin-right: 10px; }
    .login_box_main{ margin-top:80px; background-color: #fff; border-radius: 3px; box-shadow:0px 2px 4px #999; z-index: 4; width: 100%; position: relative;}
}

@media only screen and (max-width: 400px) {
    .login_inside_box{ width: 300px; margin: 0 auto; position: relative; height: 100%;}
    .login_banner{ width: 200px; float: left; position: relative;}
    .login_banner_1{ width: 160px; position: absolute; z-index: 1; top: 40px; }
    .login_banner_2{ width: 180px; position: absolute; z-index: 2; left: 0px; }
    .login_banner_3{ width: 170px; position: absolute; z-index: 3; top: 70px; left: 130px; }
    .login_banner_4{ width: 250px; position: absolute; z-index: 1; left: 175px; bottom: 50px; }
    .login_banner_5{ width: 120px; position: absolute; z-index: 1; float: right; right: 60px; }
    .login_banner_6{ width: 175px; position: absolute; z-index: 3; left: 0; bottom: 0; }
    .login_banner_7{ width: 40px; position: absolute; z-index: 3; right: 0; bottom: 0; }
    .login_box{ width: 260px; float: right; position: relative; margin-right: 10px; }
    .login_box_main{ margin-top:110px; background-color: #fff; border-radius: 3px; box-shadow:0px 2px 4px #999; z-index: 4; width: 100%; position: relative;}
}