.loginSize{
    font-size:16px;
    padding:5% 10%;
    border-radius:0px;
    font-weight: 800;
}

/*鍚庡彴鐧婚檰鎸夐挳*/
.btn-cce,a.btn-cce{
    color:#0d765c;
    background-color:#cce198;
    border-color:#cce198;
}
.btn-cce:focus,
.btn-cce.focus {
    color:#0d765c;
    background-color:#cce198;
    border-color:#cce198;
}
.btn-cce:hover {
    color:#0d765c;
    background-color:#cce198;
    border-color:#cce198;
}
.btn-cce:active,
.btn-cce.active,
.open > .dropdown-toggle.btn-cce {
    color:#0d765c;
    background-color:#cce198;
    border-color:#cce198;
}
/*鍚庡彴鎸夐挳缁撴潫*/
.color-022,a.color-022{
    color:#02237C;
}
.color-556,a.color-556{
    color: #556FB5
}
.color-red,a.color-red{
    color:red;
}
.color-32b,a.color-32b{
    color:#32b16c
}

.btn.cceSize1{
	padding:12px 0px!important;
}
.bg-556{
    background-color:#556FB5;
}
.bg-B8C{
    background-color:#B8C9ED!important;
}

 html,body{
     height:100%;
 }
 body{
    /* overflow: hidden; */
    /* min-width:1000px;
    min-height:600px;  */
 }
.contentBox{
     min-height:310px; 
}

 /*鐧诲綍鍖鸿儗鏅�*/
.camaBg{
	background: url(../images/jiandingBg.png) no-repeat left top;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/jiandingBg.png',  sizingMethod='scale');
    background-size:100% 100%;
    background-repeat: no-repeat;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-size:100% 100%;
    background-repeat: no-repeat;
    /* background-attachment:fixed; */
    z-index: -1;
}
.cover{
    position: absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:-1;
}
/*鐧诲綍鍖烘帶浠�*/
.wBox {
    height:80%;
    width:90%;
    padding-left:10%;
    padding-right:10%;
    padding-top:5%;
    max-width:350px;
    max-height:350px;
    min-width:290px;
    min-height:290px;
   /*  background: url(../images/loginArea.png) no-repeat left top;
    background-size:100% 100%;
    background-repeat: no-repeat; */
    z-index: 1;
    margin: auto;
  	position: absolute;
	top: 0; 
	left: 0;
	bottom: 0; 
	right: 0;
	border-top:solid 2px #84c8a9;
	margin-left:12%
}
 .wBoxBg{
	z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-color: rgb(255, 255, 255);
	opacity: 0.4;
	filter:alpha(opacity=40);  
	-moz-opacity:0.4;
	 -khtml-opacity:0.4;
	 opacity: 0.4;
	 box-shadow: 0px 10px 15.48px 2.52px rgba(35, 24, 21, 0.3);
} 
.usualRow{
    margin-top:6%;
    /* min-height:15px; */
    overflow: hidden;
    /*border: solid 1px red;*/
}
.wBox label{
    background:#F1F0F0;
    height:40px;
    text-align: center;
}
.wBox .ico{
    position: absolute;
    width:35px;
    height:40px;
    line-height:40px;
}

/*璁剧疆鏂囨湰妗嗗瘑鐮佹榛樿鏍峰紡寮�濮�*/
input[type=text],input[type=password]{
    width:100%;
    text-indent:45px;
    height:40px;
    outline: none;
    line-height:40px;
    border-style:none;
}
input[type=text]:focus,input[type=password]:focus{
	outline:none;
	border:none
}
/*璁剧疆鏂囨湰妗嗗瘑鐮佹榛樿鏍峰紡缁撴潫*/
/*鐧诲綍鍖烘帶浠�*/

/*璁剧疆鏂囨湰妗嗗瘑鐮佹榛樿鏍峰紡寮�濮�*/
input[type=text]:focus,input[type=password]:focus{
    /*border:solid 1px #66AFE9;*/
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
}

/*璁剧疆鏂囨湰妗嗗瘑鐮佹榛樿鏍峰紡缁撴潫*/

/*澶撮儴*/
.headerBox{
    width:70%;
    margin:0px auto;
    height:22%;
    overflow:hidden;
    max-width:100%;
}
.headerBox .logo{
    max-width:750px;
}

.headerBox .btnlogo{
     max-width:250px;
 }
/*涓讳綋*/
.contentBoxBg{
    background-image: url('../images/gradMiddle.png');
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gradMiddle.png',  sizingMethod='scale');
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-size:100% 95%;
    background-position:left center;
    background-repeat: no-repeat;
    position:absolute;
    width:100%;
    height: 100%;
    z-index:1;
}
.contentBox{
    height:55%;
    width:100%;
    position: relative;
   /* z-index: 2;*/
}

.boxContain{
    display: table
}
.boxContainItem{
    display: table-cell
}
.verticalMiddle{
    vertical-align: middle;
}
 .verticalTop{
     vertical-align: top;
 }
 .verticalBottom{
     vertical-align: bottom;
 }
 .relativeBox{
     position: relative;
 }
 .leftArea{
     width:65%;
     float:left;
     position: relative;
 }
 .rightArea{
     width:35%;
     float:right;
     position: relative;
 }
 .leftAreaInner{
	width:100%;
	height:100%;
	position: absolute;
    left:0px;
    background-image: url('../images/leftArea.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-ms-behavior: url(../images/backgroundsize.min.htc);
	behavior: url(../images/backgroundsize.min.htc);
    z-index: 1;
 }
 .leftAreaInnerBg{
     position:absolute;
     width:100%;
     height: 100%;
     z-index:0;
     left:0px;
     top:0px;
 }
.leftAreaInnerBg::before{
    content: '';
    width: 0;
    height: 0;
     border-width: 0 24px 24px 0;
    border-style: solid;
    border-color: transparent transparent #03372a transparent;
    margin: 40px auto;
    position: absolute;
    right: -24px;
    top: -39px;
    z-index: 0;
}
 .leftAreaInnerBg::after {
     content: '';
     width: 0;
     height: 0;
     border-width: 37px 37px 0 0;
     border-style: solid;
     border-color: #03372a transparent transparent transparent;
     margin: 40px auto;
     position: absolute;
     right: -37px;
     bottom: -40px;
     z-index:0;
 }
 .footerBox{
             height:23%;
             overflow:hidden;
             vertical-align: middle;
             display: table;
             width: 100%;
         }
        .footerBoxCell{
            display: table-cell;
            vertical-align: middle;
        }
        .footerBox span{
            text-align: center;
            /* font-size: 18px; */
        }


.contentRow{
    width:75%;
    margin:0px auto;
    height:100%;

}
.height100{
    height:100%;
}
 @media screen and (min-width:1281px) {
   .usualRow{
    margin-top:6%;
    overflow: hidden;
	}
} 