﻿/*通用样式*/
body,table{ font-size:12px; font-family:Arial,Verdana,  Helvetica, sans-serif,"宋体"; color:#7A797A;}
img{ vertical-align:middle; border:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
body,html,ul,li{ margin:0; padding:0;}

/*布局样式*/
body,html{height:100%; overflow:hidden;}
#wrapper-div{ padding:51px 0 21px; height:100%; background: url(../images/login-header-bg.gif) repeat-x;}
html>body #wrapper-div{ position:absolute; width:auto; height:auto; top:0; left:0; bottom:0; right:0; background: url(../images/login-header-bg.gif) repeat-x;}
#header-div{ position:absolute; top:0; height:51px; width:100%; background: url(../images/login-header-wrap-bg.jpg) no-repeat;text-align: right; }
#header-div a {color: white;}
#main-div{ position:relative; height:100%; background:#f5f3f5; }
html>body #main-div{ position:absolute; top:51px; bottom:21px; height:auto; width:100%;}
#footer-div{ position:absolute; bottom:0; height:26px; width:100%; background:url(../images/footer-bg.gif);}
#footer-div .copyrights{ float:right; padding-right:10px; height:33px; text-align:center; font:11px/33px Arial;color:#999999 }
#footer-div .copyrights b{ font-weight:normal; color:#ffffff;}

#topGradient,#bottomGradient{ position:absolute; height:200px; width:100%;}
#topGradient{ background:#f5f3f5 url(../images/login-body-bg.gif) repeat-x;}
#bottomGradient{ bottom:0; background:#f5f3f5;}

#welcome,#content{ position:absolute; top:45%; left:50%;}
#welcome{ background:url(../images/login-welcome.png) no-repeat; width:220px; height:52px; margin:105px 0 0 200px; display:none;}
#content{z-index:100; width:700px; height:210px; margin:-105px 0 0 -305px; background:url(../images/login-body-wrap-bg.jpg) no-repeat center center #f5f3f5;}
#msg{text-align:center;font-size:16px; font-family:Arial,Verdana,  Helvetica, sans-serif,"宋体"; color:#7A797A;}
.conpart{ float:left; width:50%;}
.conpart ul{ list-style:none; margin:10px 0 18px 10px; width:280px;}
.conpart li{padding: 0 2px 0 8px; background:url(../images/icons/login-li-icon.gif) no-repeat 0 8px; line-height:20px;}
.conpart .links{ margin-left:31px;}
.conpart .links img{ margin-right:3px;}
.conpart .links a{ color:#A08DAE; font-weight:bold; margin-right:4px;}
.conpart h2{ margin:45px 0 10px 17px; font-size:14px; color:#000;}
.conpart table{ margin-left:17px;}
.conpart td{ line-height:34px; color:#777777;}
.conpart a{ color:#0000FF;}
.conpart .txt-input{ width:150px; height:17px; _height:21px; padding:2px; background:#ffffff; border:1px solid #c7b9c8; -background-attachment:fixed;}
.login-btn{ width:69px; height:23px; cursor:pointer; background:url(../images/login-btn.gif) no-repeat; border:0; line-height:23px; color:#e9daed;}
.login-btn-dis{ width:69px; height:23px;cursor:pointer; background:url(../images/login-btn.gif) no-repeat; border:0; line-height:23px; color:#e9daed;}
.loginLogo-div{height:180px;}
.loginLogo-div .logo_top{ height:80px;}
.loginLogo-div .logo_top .lflogo{ float:left; padding:5px 3px 0 3px;}
.loginLogo-div .logo_top .risystem{ float:left; font:26px/28px Arial; color:#000; width:258px; padding-top:20px;}
.loginLogo-div .logo_top .risystem b{ color:#7F168A; font-weight:normal;}
.loginLogo-div .logo_top .risystem span{ color:#848484; font:8px/20px Verdana; display:block;}
.glink{list-style-type:none;margin:0;width:330px;}
.glink li{background:none;}
.glink .mark,.glink .link{line-height:18px;padding:0;text-align:center;width:60px;margin:0px;overflow:hidden;height:20px;float:left;white-space:nowrap;}
.glink .mark{width:7px;}
.glink .link a{color:#49494B;}
.popup{ position:absolute;  z-index:100;background:url(../images/widget/pop_bg.png) repeat; padding:0px 1px 1px 0px;}
.popup_width{ width:250px;}

.popup_top_left{ background:url(../images/widget/pop_top.gif) no-repeat; height:29px;}
.popup_top_right{ background:url(../images/widget/pop_top.gif) no-repeat -2px; height:29px;}
.popup_top_left{ padding-left:2px; background-position:left 0px;}
.popup_top_left h2 { color:#333333;font-weight: bold;line-height:29px; margin:0px; padding-left: 10px;text-align: left;font-size:12px}
.popup_top_right{ padding-right:2px; background-position:right 0px;}

.pop_close {position: absolute;right: 10px;top: 8px;}
.pop_close a {text-decoration:none;}
.pop_close a:hover.pop_hint_close{ background-position:0px -35px;} 
.pop_hint_close { background-image:url(../images/widget/pop_close.gif); background-position: 0px 0px; background-repeat: no-repeat; display: inline-block; width:15px; height:15px; overflow: hidden;}


.popup_btm_left, .popup_btm_right{ background:url(../images/widget/pop_btm.gif) no-repeat; }
.popup_btm_left{height:2px; line-height:2px; padding-left:2px; background-position:left 0px;}
.popup_btm_right{ padding-right:2px; background-position:right 0px;}

.popup_main_left{ background:#f6edf9 url(../images/widget/pop_left.gif) repeat-y left;}
.popup_main_right{ background:url(../images/widget/pop_right.gif) repeat-y right;padding-left:3px;padding-right:3px; }
.popup_main_content{ padding-left:7px; padding-right:7px;padding-top:5px;padding-bottom:5px;background:#ffffff; font:12px/24px "宋体";color:#000000;overflow:auto;}
.win-btn-panel{padding:0 0 8px; text-align:center;background:#ffffff;}
.btn_short{ border:0; background:url(../images/btn_n.gif) no-repeat; color:#525252; width:49px; height:25px; line-height:25px; display:inline-block; text-align:center; font-size:12px; cursor:pointer; font-family:"宋体";}
.btn_short:hover{ background-position:0 -25px; color:#e9daed; text-decoration:none; font-family:"宋体";}
.masker{background:#2A212E;filter:alpha(opacity=30);opacity: 0.3; position:absolute;width: 100%;height: 100%;z-index:101;top: 0px;left: 0px;}
.iframe-masker{top:0; left:0;position:absolute; height:100%; width:100%;filter:alpha(opacity=0); border:0; z-index:102}
