@charset "utf-8";
/* CSS Document */
* { margin:0px; padding:0px; font:12px/180% "Century Gothic", "Lucida Grande", Helvetica, "Microsoft YaHei", "Microsoft JhengHei", Arial, "SimSun";}
html,body { overflow:hidden; height:100%; min-height:100%; }
*+html,
*+body{ overflow:hidden; }
*html,
*body { overflow-x:hidden; }
/*body { font:12px/180% "Century Gothic", "Lucida Grande", Helvetica, "Microsoft YaHei", "Microsoft JhengHei", Arial, "SimSun"; }*/
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body.min1036 { min-width:1036px; }
body{ background:url(../images/bj.jpg) repeat-x #fff;}
input[type=submit],
input[type=reset],
input[type=button]{
filter:chroma(color=#000000);
}
p { text-indent:0em; }
.p2em { text-indent:2em; }
ul,
li,
ol { list-style:none; list-style-position:outside; }
img,
a:link,
a:visited,
a:hover { text-decoration:none; }
a:link,
a:visited { color:#777; }
a:hover { color:#d80050; }
a.underline { text-decoration:underline !important; }
a.whiteA:link,
a.whiteA:hover,
a.whiteA:visited { color:#fff !important; }
a.whiteA:hover { text-decoration:underline !important; }
img { border:none; }
input[type="button"],
input[type="submit"],
select,
option { cursor:pointer; }
input,
textarea,
select { font-size:12px; color:#666; }
/*input[type="radio"],
input[type="checkbox"] { position:relative; top:3px; }*/
.floatL { float:left; display:inline; }
.floatR { float:right; display:inline; }
.push { clear:both; }
.cleardiv { width:100%; height:1px; clear:both; overflow:hidden; margin:0px; padding:0px; }
.bold { font-weight:bold !important; }
.Fnormal { font-weight:normal; }
.dBlock { display:block; }
.dInB { display:inline-block !important; }
.none { display:none; }
.taCenter { text-align:center; }
.taRight { text-align:right; }
.rela { position:relative; }
.font11 { font-size:11px !important; }
.font12 { font-size:12px !important; }
.font13 { font-size:13px !important; }
.font14 { font-size:14px !important; }
.font15 { font-size:15px !important; }
.font16 { font-size:16px !important; }
.font17 { font-size:17px !important; }
.font18 { font-size:18px !important; }
.font19 { font-size:19px !important; }
.font20 { font-size:20px !important; }
.bn { border:none; }
.con1000 { width:1000px; margin:0px auto; }
.mar0 { margin:0px !important; }
.mar0A { margin:0px auto; }
.marB0 { margin-bottom:0px !important; }
.marB5 { margin-bottom:5px; }
.marB10 { margin-bottom:10px; }
.marB15 { margin-bottom:15px; }
.marB20 { margin-bottom:20px; }
.marB40 { margin-bottom:40px; }
.marR10 { margin-right:10px; }
.marR15 { margin-right:15px; }
.marR20 { margin-right:20px; }
.marT10 { margin-top:10px; }
.pad0 { padding:0px !important; }
.padT0 { padding-top:0px !important; }
.pad5 { padding:5px; }
.pad105 { padding:10px 5px; }
.padB10 { padding-bottom:10px; }
.pad10EL { padding:10px; padding-left:0px; }
.pad10 { padding:10px !important; }
.padT10 { padding-top:10px; }
.pad0T15 { padding:0px 15px 15px; }
.pad15 { padding:15px !important; }
.padL15 { padding-left:15px; }
.padR15 { padding-right:15px; }
.pad20 { padding:20px !important; }
.padT20 { padding-top:20px; }
.padL10 { padding-left:10px; }
.padLR10 { padding-left:10px; padding-right:10px; }
.padR10 { padding-right:10px; }
.padR15 { padding-right:15px; }
.padB15 .padB22 { padding-bottom:22px; }
.BGwhite { background:#fff; }
.BGgray { background:#fbfbfb; }
.BGblack { background:#18242d; }
.black { color:#000; }
.white { color:#fff; }
.red { color:#c24c4c !important; }
.red1 { color:red !important; }
.green { color:#6c9790; }
.green2 { color:#70b459; }
.green3 { color:#24b06d; }
.gray { color:#c5ccd6; }
.blue1,
.blue1 a { color:#27a9e3; }
.blue2,
.blue2 a { color:#2255a4; }
.blue3 { color:#23a0e0; }
.yellow1 { color:#ffb141; }
.orange1 { color:#de6b37; }
.black1 { color:#050a0d; }
.textClass { color:#DD3242; }
.height70 { height:70px !important; }
.height280 { height:280px !important; }
.input20,
.input30,
.input50,
.input60,
.input100,
.input160,
.input220,
.input240,
.input250,
.input260,
.input330,
.input480,
.input500,
.inputdf,
.inputdf90,
.inputdf95,
.inputdf96,
.inputdf98 { height:22px; line-height:22px; color:#777; border:1px solid #c8d2dc/*c5ccd6*/; background:#fff; padding:0px 3px; border-radius:3px; }
.input20 { width:17px; }
.input30 { width:30px; }
.input50 { width:50px; }
.input60 { width:60px; }
.input100 { width:100px; }
.input160 { width:160px; }
.input220 { width:220px; }
.input240 { width:240px; }
.input250 { width:250px; }
.input260 { width:260px; }
.input330 { width:330px; }
.input480 { width:480px; }
.input500 { width:500px; }
.inputdf,
.textareadf { width:100%; }
.inputdf90,
.textareadf90 { width:90%; }
.inputdf95,
.textareadf95 { width:95%; }
.inputdf96,
.textareadf96 { width:96%; }
.inputdf98,
.textareadf98 { width:98%; }
select.inputdf90 { width:92%; }
.searchBox select.inputdf90 { width:94%; }
select.inputdf90,
select.inputdf95,
select.inputdf96,
select.inputdf98 { color:#777; border:1px solid #cbcbcb; background:#fff; }
select.input222 { width:226px; height:24px; line-height:24px; }
.textareadf,
.textareadf90,
.textareadf95,
.textareadf96,
.textareadf98 { color:#777; border:1px solid #cbcbcb; background:#fff; padding:2px 3px;
outline:0; outline:thin dotted \9; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6)}
.widthAuto { width:auto !important; }
table { border-collapse:collapse; border:none; font-size:12px;}
.inputGray { background:url(../images/repeat-x.jpg) 0px -208px repeat-x; padding:0px 5px; border:none; color:#668bbf; }

.LogRegBG img{display:block; position:absolute; bottom:0px; left:0px; z-index:1; width:100%;}
.LogRegBox{ position:absolute;top:0px; left:0px; right:0px;bottom:0px; width:100%; height:100%; z-index:2;}
.topBox{padding:0px 80px; background:#3373da;position: relative; z-index: 4;}
.topBox table th,.topBox table td{ height:70px; line-height:70px;}
.topBox table th{ font-size:21px; color:#3c5b9c; color:#fff;}
.topBox table td{color:/*#8ca8d5*/#35a4ff;}

.textBox{ position:absolute;left:0; top:0; width:50%; height:100%; font-size:15px; color:#fff;}
/*#pv1{ position:absolute;left:50%; top:50%; width:63%;}*/
 #pv1{ position: absolute; left: 50%; top: 50%; width: 60%; margin-top: -50px; height: 100px; margin-left: -30%; display:none;}/*左边放文字的话*/
.textBox p{ font-size:14px;text-shadow: 1px 1px 1px #3373da;}
.logoBox{ position:absolute;bottom:60px;left:80px; z-index:3;}
.LogRegConBox{ position:absolute; top:/*50px*/50%; /* right:13%;bottom:0px;*/ z-index:2; width:34%;min-width:300px;background:url(../images/75white.png) 0px 0px repeat;height: 430px;margin-top: -190px; border-radius:4px; max-width:430px;left:50%; margin-left:-215px;}

.LRtable h3{ font-size:21px; color:#464646/*#3373da*/; height:28px; line-height:28px;}
.LRtable h6{ font-size:14px; color:/*#919191*/#3373da; height:21px; line-height:21px;margin-bottom: 6px;}
.LogRegCon{ padding: 45px 30px; /*position:absolute;top:50%;left:0;right:0;*/}
.LRinputBox{ padding:12px 0; position:relative;*display:table;overflow:hidden;}
.LRinputBox i{position: absolute;left: 0;z-index:5;margin-top: 8px;background:url(../images/logoIcon.png) no-repeat; width: 40px; /*设置图片显示的宽*/height: 35px; /*图片显示的高*/}
.LRinputBox .user-icon{background-position: 10px -8px; /*图片显示的位置*/}
.LRinputBox .password-icon{background-position: 10px -60px; /*图片显示的位置*/}
.LRinputBox .code-icon{background-position: 10px -113px; /*图片显示的位置*/}

.LRspan,.LRinput{}
.LRspan{ display:block;width:100%; height:45px;line-height:45px;*height:42px;*line-height:42px;  padding-left:48px;/*border:1px solid #ddd;*/ border-radius:3px;/* box-shadow:1px 1px 3px #eee inset;*/ background:#fff;}
.LRinput{ width:100%; height:43px;line-height:43px;*height:40px;*line-height:40px; border:none; background:transparent; font-size:14px; color:#888; /*-webkit-box-shadow: 0 0 0px 1000px white inset !important;*/}
@media all and (min-width:0px){ .LRinput {position:relative;top:-1px;} }
.yzm{ display:block; width:100px; height:37px; position:absolute;top:16px; right:5px; z-index:4; cursor:pointer; }
#iPwd{ background-position: 14px -54px;}
#iPwd .LRinput{ color:#97b0db;}
#iCode{ background-position: 14px -106px;}
.btnLogin {
    height: 43px;
    color: #fff;
    font-size: 16px;
    width: 120px;
    border-radius: 3px;
	border:1px solid #8ea2ce;
	background-color: #9bb3dc;
    background-image: linear-gradient(to bottom, #9bb3dc, #93adda);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	*border:none;
}
.btnLogin:hover{background-color: #8ba6d3;border-color:#8196c4;
    background-image: linear-gradient(to bottom, #8da7d4, #85a1d2);}
.LRinputBox label{ cursor:pointer;}
.LRinputBox label input[type="radio"]{margin-right:15px;}


.LogRegBG img{ opacity:0.2;-khtml-opacity: 0.2;  filter:alpha(opacity=20);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);}
.btn{width:/*120px */100%;height:44px; background:#25ade4; border-radius:3px; font-size:16px;font-weight:bold;color:#fff; cursor:pointer; border:none}
.btn:hover{ background:#05a7dd; text-decoration:none}

@media screen and (max-width: 1024px) {
	.LogRegBG img{ width:auto;height:100%;}
	/*.LogRegConBox{ width:50%; right:0px;}*/
}
@media screen and (max-width: 640px) {
	.topBox table td{display:none;}
	.textBox p{display:none;}
	.LogRegConBox{ width:100%; right:0px;   max-width:100%; border-radius:0; bottom:0;height:100%; top:0; margin:0; padding-top:150px;}
	.topBox table th{text-align:center;}
	.logoBox{left:30px;}
	.btnLogin,.btn{ width:100%;}
}
@media screen and (max-height: 400px) {
	html,body { overflow-y:auto;}
	*+html,
	*+body{ overflow-y:auto;}
}
@media screen and (max-height: 300px) {
	.LogRegBG img{ width:auto;height:auto;}
}
@media screen and (min-width: 1440px) {
.LogRegConBox{/*right:17%;*/}
}