@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
html{-ms-touch-action:none;}
img{ border:0; vertical-align:middle;}
input{font:14px/24px "微软雅黑", Arial, "Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; -webkit-appearance:none;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}
input[type="radio"], input[type="checkbox"]{ vertical-align:-2px; margin-right:5px;}
input:focus { outline: none;}
body{font:14px/24px "微软雅黑", Arial, "Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; color:#fff; background:#3e7e58 url(../images/loginBg.jpg) center top no-repeat;}

/*global*/
.left{float:left;}
.right{float:right;}
.clearfix:after{display:block; clear:both; content:""; visibility:hidden; height:0;}
.clearfix{zoom:1;}
.pos{ position: relative;}

/* 链接 */
a{text-decoration:none;color:#fff;}
a:hover{ color:#78ab44;}
a:hover img{ opacity:0.85; filter:alpha(opacity=85);}

/* 这是低端浏览器下placeholder的字体颜色 */
placeholder{color: #9ca4a2;}
::-moz-placeholder {color: #9ca4a2;}
::-webkit-input-placeholder {color: #9ca4a2;}
.textbox{position: relative;*zoom: 1;}
/*
 *    满足这两个条件，该js能工作的更好，更智能
 *    1.文本框的父定位元素需加入*zoom: 1
 *    2.文本框或其父元素的position，不能同时为static
 */

/*=================== 网站整体布局 =====================*/
.login-con p, .checkbox-list em { background: url(../images/loginIcon.png) no-repeat;}

/* transition */
.btn-submit { transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -wibkit-moz-transition:all 0.3s ease-out; -o-moz-transition:all 0.3s ease-out;}

/*============================================= 登录页 =============================================*/
.login-warp{ min-height: 540px; position: relative;}
.login-warp .bg{ background: url(../images/loginBg2.jpg) left top no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.login-warp .copyright{ width: 100%; overflow: hidden; padding: 24px 0; text-align: center; color: #aec0c6; position: absolute; bottom: 0; left: 0;}
.login-warp .copyright span{ padding: 0 10px;}
.login-warp .copyright a{color: #aec0c6;margin: 0 10px;}
.login-warp .copyright a:hover{ color: #fff; text-decoration: underline;}

/* login-con */
.login-con{ width: 100%; height: 422px; overflow: hidden; padding: 50px 0 72px; position: absolute; top: 50%; left: 0; margin-top: -300px;}
.login-con h1{ text-align: center; margin: 0 0 50px; position: relative;}
.login-con h1 .txt{ font-size: 18px; color: #fff; font-weight: normal; position: absolute; bottom: 13px; left: 50%; margin-left: -52px;}
.login-con .mod{ width: 362px; overflow: hidden; margin: 0 auto;}
.login-con .box-con{ background: rgba(0, 0, 0, 0.1); border-radius: 5.5px; padding: 1px; margin-bottom: 16px;}
.login-con .box{ background: url(../images/rgba_255_255_255_0.8.png) 0 0 repeat; box-shadow: 0 0 3px #a9a9a9 inset; border-radius: 5.5px; padding: 0 1px;}
.login-con p{ padding-left: 39px; border-bottom: 1px solid #ccd4cc; margin: 0;}
.login-con .user{ background-position: 8px 20px;}
.login-con .password{ background-position: 8px -80px;}
.login-con .code{ background-position: 8px -180px; padding-right: 112px;}
.login-con .code .img{ display: inline-block; width: 94px; height: 43px; overflow: hidden; cursor: pointer; border: 1px solid #a6aaa8; margin: 7px -104px 0 0;}
.login-con .code .img img{ width: 94px; height: 43px;}
.login-con .language{ background: none; border-bottom: none; padding: 0;}
.login-con .in-text{ width: 100%; height: 59px; line-height: 59px; overflow: hidden; background: none; border: none; font-size: 18px; color: #555;}
.login-con .btn-submit{ display: block; width: 100%; height: 45px; line-height: 45px; overflow: hidden; background: #8bc34a; border: none; border-radius: 5px; cursor: pointer; font-size: 18px; color: #fff; margin-top: 32px;}
.login-con .btn-submit:hover{ opacity:0.8; filter:alpha(opacity=80);}
.error{ line-height: 24px; color: #f44336; position: absolute; top: -24px; left: 0;}

/* checkbox-list */
.checkbox-list{ display:inline-block; vertical-align:middle; height:26px; line-height:26px; overflow:hidden; cursor:pointer; font-size: 18px; margin-right:30px;}
.checkbox-list em{ width:26px; height:26px; display:inline-block; overflow:hidden; vertical-align:top; margin-right:8px; cursor:pointer;}
.checkbox-list em.checkbox-box{ background-position: 0 -300px;}
.checkbox-list em.checkbox-cur{ background-position: 0 -340px;}

/*--- 下拉组件样式重定义 ---*/
.selectMainCon{ display: block !important; height:auto !important; line-height:59px !important; background:none !important; border:none !important; vertical-align:top !important; position: relative; z-index: 500 !important;}
.selectbox{ display: block; width: auto !important; height:59px !important; line-height:59px !important; padding:0 30px 0 39px !important; background:none !important; font-size:18px !important; color:#555;}
.selBtn{ background:url("../images/selBtn0.png") center right no-repeat !important; width:100% !important; height:59px !important; border:none !important; position: absolute; right: 0; top: 0;}
div.selectbox-wrapper{ width:100% !important; height: auto !important; background: none !important; border: none !important; left:0 !important; top:54px !important;}
div.selectbox-wrapper ul{ max-height: 200px; overflow: auto; background: #fff; box-shadow: 0 -1px 3px #a9a9a9 inset; border-radius: 0 0 5.5px 5.5px; padding: 0 1px;}
div.selectbox-wrapper ul li{ padding: 10px 39px !important; font-size:14px; color:#616161 !important; word-break: break-all;}
div.selectbox-wrapper ul li.current{ background:none !important; color:#689f38 !important;}
div.selectbox-wrapper ul li.selected{ background:#8bc34a !important; color:#fff !important;}

@media screen and (max-width: 800px) {
	.login-warp{ height: auto !important; min-height: auto;}
	.login-warp .bg{ display: none;}
	.login-warp .copyright{ width: 90%; line-height: 20px; position: static; padding: 60px 5% 24px;}
	.login-warp .copyright span{ display: block;}
	.login-con{ width: 90%; height: auto; position: static; margin: 0; padding: 50px 5% 0;}
	.login-con .mod{ width: 100%;}
	.login-con h1 img{ width: 250px;}
}

.ivc_lang_zh .login-con h1 .txt{margin-left: -45px;font-size: 20px;font-weight: bold;}
.ivc_lang_en .login-con h1 .txt{margin-left: -78px;font-size: 16px;}
.ivc_lang_id .login-con h1 .txt{margin-left: -93px;font-size: 12px;}