@charset "utf-8";
a,img,input{outline: none;selector-dummy:ｅxpression(this.hideFocus=true);}

.login{ background: #f3f3f3; text-align: center; position: relative; min-width: 680px; min-height: 690px;}
.loginbg{ position: absolute; bottom: 0; left: 0; height: 55%; width: 100%; background: #059a59; z-index: -1;}
.loginw{ position: absolute; top:50%; left:50%; width: 580px; margin:-350px 0 0 -290px; }
.loginw h1{ height: 80px; padding-top:50px;}
.loginw .login_box{ background: #fff; border-radius: 5px; padding: 50px 100px; box-shadow: 0 0 3px #999; text-align: center;}
.loginw .login_box dl dt{ font-size: 2.2em; display: block; padding: 10px 0;}
.loginw .login_box dl dd{ padding: 8px 0;}
.loginw .login_box .input{ border: 2px solid #059a59; display: block; padding: 15px 0 13px 0; font-size: 1.5em; color: #444; border-radius: 5px; width: 380px; text-align: center; height: 30px; margin-bottom: 5px;}
.loginw .login_box .b{ border: 2px solid #087155; background: #087155; padding: 15px 0; text-align: center; width: 384px; border-radius: 5px; color: #fff; font-size: 2em; cursor: pointer; }
.loginw .login_box .b:hover{ background: #05533e; border: 2px solid #05533e; transition:all 0.5s ease;}
.loginw .login_box .input:hover, .loginw .login_box .input:focus{border: 2px solid #05533e; transition:all 0.5s ease;}
.loginw .login_box dl dd p *{ vertical-align: middle;}
.loginw .login_box dl dd p input[type="checkbox"]{display:inline;}
.loginw .login_box dl dd p input[type="checkbox"] + label{font-size:1.2em;; color:#666666; font-weight:normal; cursor:pointer}
.loginw .login_box dl dd p input[type="checkbox"] + label span{text-indent:-9999px; display:inline-block; width:21px; height:21px; vertical-align:middle; background:url(../images/login/login_img_pwsave.png) left top no-repeat; cursor:pointer; margin-top: 3px;}
.loginw .login_box dl dd p input[type="checkbox"]:checked + label span{background:url(../images/login/login_img_pwsave_on.png) left top no-repeat;}
.loginw .login_box dl dd p input[id="ck"] { display: none;}

.login_foot{ padding: 25px 0;}
.login_foot p a{ display: inline-block; background: url(../images/login/foot_blt.png) no-repeat 0 11px; padding: 5px 10px 12px 16px; font-size: 1.2em; color: #fff; opacity: 0.65;}
.login_foot p a:first-child{ background: none;}
.login_foot p a span{ display: inline-block;}
.login_foot p a strong{ display: inline-block;}
.login_foot address{ font-style: normal; text-transform:uppercase; color: #fff; letter-spacing: 0.05em;  opacity: 0.5;}
.online_foot{ margin-top: -90px;}
.online_foot p a, .online_foot address{ color: #222;}

.la_pop{ background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 100;}
.la_pop .la_w{ background: #fff; border-radius: 10px; box-shadow: 0 0 5px #444; margin: 150px auto; width: auto; max-width: 700px; text-align: left; padding: 30px 40px; position: relative;}
.la_pop .la_w a.x{ position: absolute; top: 10px; right: 10px; display: inline-block; padding: 10px;}
.la_pop .la_w h2{ overflow: hidden; padding: 0 0 10px 0;}
.la_pop .la_w h2 strong{ display: block; color: #222; font-size: 2em; padding: 10px 0;}
.la_pop .la_w h2 span{ display: block; color: #777; font-size: 1.1em; font-weight: normal;}
.la_pop .tbl-type02{ margin: 0;}
.la_pop .tbl-type02 select{ width: auto;}
.la_pop table .cm{ display: inline-block; background: url(../images/login/icon_cm.gif) no-repeat 0 -1px; padding-left: 16px;}
.la_pop .tbl-btn{ text-align: center; padding: 15px 0; overflow: hidden;}
.la_pop .tbl-btn a{ display: inline-block; margin: 2px 0; padding: 10px 40px 8px 40px; font-size: 1.2em; background: #888b8e url(../images/login/btn_bg.png) repeat-x 0 0; position: relative;}
.la_pop .tbl-btn a.b{ background-color: #353a3f;}
.la_pop .tbl-btn a img{ position: absolute; top: 12px; right: 10px;}
.la_pop a.btns{ background: #60768e url(../images/login/btn_bg.png) repeat-x 0 0; border-radius: 2px; color: #fff; padding:7px 15px 6px 15px; display: inline-block; font-size: 12px; font-weight: bold;}
.la_pop a.btns:hover, .la_pop .tbl-btn a:hover{ background-color: #111;}
.la_pop input[type="radio"] + label{font-size:1em;; color:#666666; font-weight:normal; cursor:pointer; margin: 0 15px 0 5px;}
.la_pop input[type="radio"] + label span{text-indent:-9999px; display:inline-block; width:21px; height:21px; vertical-align:middle; background:url(../images/login/img-radio-chk.png) left top no-repeat; cursor:pointer; margin-top: 3px; font-weight: bold;}
.la_pop input[type="radio"]:checked + label span{background:url(../images/login/img-radio-chk-ov.png) left top no-repeat;}
.la_pop input[type="radio"] { display: none;}

.online{background: #f3f3f3; text-align: center; position: relative;}
.online h1{ text-align: center; padding: 60px 0 20px 0;}
.online h2{ font-size: 2.2em; font-weight: normal; padding: 0 0 20px 0; color: #ef492f;}
.online_w{ background: url(../images/login/online_bg.gif) no-repeat 0 0; width: 1105px; height: 630px; margin: 0 auto; overflow: hidden;}
.online_w dl{ float: right; width: 410px; margin: 90px 95px 0px 0px;}
.online_w dl dt strong{ display: block; font-size: 2.2em; font-weight: normal;}
.online_w dl dt span{ display: block; font-size: 1.2em; opacity: 0.8; padding: 20px 0; line-height: 1.6em;}
.online_w dl dd{ padding: 30px 0 40px 0;}
.online_w dl dd div{ border-top: 1px dotted #666; display: inline-block; width: 240px; padding: 20px 0;}
.online_w dl dd div *{ vertical-align: middle;}
.online_w dl dd div input[type="radio"]{display:inline;}
.online_w dl dd div input[type="radio"] + label{font-size:1.2em;; color:#666666; font-weight:normal; cursor:pointer; margin: 0 15px;}
.online_w dl dd div input[type="radio"] + label span{text-indent:-9999px; display:inline-block; width:21px; height:21px; vertical-align:middle; background:url(../images/login/img-radio-chk.png) left top no-repeat; cursor:pointer; margin-top: 3px; font-weight: bold;}
.online_w dl dd div input[type="radio"]:checked + label span{background:url(../images/login/img-radio-chk-ov.png) left top no-repeat;}
.online_w dl dd div input[type="radio"] { display: none;}
.online_w dl dd > span{ display: block; color: #ef492f; font-weight: bold; padding: 20px 0 10px 0; font-size: 1.2em;}
.online_w dl dd.box{ background: #e8e8e8; border-radius: 5px; padding: 15px 0; font-size: 1.1em; line-height: 1.6em; letter-spacing: -0.05em; color: #666;}

.online_w2{ width: 500px; height: 400px; margin: 0 auto; overflow: hidden;}
.online_w2 dl{ float: align; width: 410px; margin: 90px 95px 0px 0px;}
.online_w2 dl dt strong{ display: block; font-size: 2.2em; font-weight: normal;}
.online_w2 dl dt span{ display: block; font-size: 1.2em; opacity: 0.8; padding: 20px 0; line-height: 1.6em;}
.online_w2 dl dd{ padding: 30px 0 40px 0;}
.online_w2 dl dd div{ border-top: 1px dotted #666; display: inline-block; width: 240px; padding: 20px 0;}
.online_w2 dl dd div *{ vertical-align: middle;}
.online_w2 dl dd div input[type="radio"]{display:inline;}
.online_w2 dl dd div input[type="radio"] + label{font-size:1.2em;; color:#666666; font-weight:normal; cursor:pointer; margin: 0 15px;}
.online_w2 dl dd div input[type="radio"] + label span{text-indent:-9999px; display:inline-block; width:21px; height:21px; vertical-align:middle; background:url(images/login/img-radio-chk.png) left top no-repeat; cursor:pointer; margin-top: 3px; font-weight: bold;}
.online_w2 dl dd div input[type="radio"]:checked + label span{background:url(images/login/img-radio-chk-ov.png) left top no-repeat;}
.online_w2 dl dd div input[type="radio"] { display: none;}
.online_w2 dl dd > span{ display: block; color: #ef492f; font-weight: bold; padding: 20px 0 10px 0; font-size: 1.2em;}
.online_w2 dl dd.box{ background: #e8e8e8; border-radius: 5px; padding: 15px 0; font-size: 1.1em; line-height: 1.6em; letter-spacing: -0.05em; color: #666;}

/* submain */
.today_info{ overflow: hidden; padding: 40px 0 0 50px; max-width: 750px; max-width: 1000px;}
.today_info *{ vertical-align: middle;}
.today_info .info{ float: left; width: 55%; height: 160px; background: url(../images/login/corrective_info.png) no-repeat 25px 10px;}
.today_info .info dt{ padding: 45px 0 0 160px; position: relative;}
.today_info .info dt img{ position: absolute; top: 0px; left: 60px;}
.today_info .info dt strong{ display: inline-block; font-size: 20px; line-height: 24px; padding-right: 10px;}
.today_info .info dt span{ display:block; color: #848484; font-size: 14px; line-height: 24px;}
.today_info .info dd{ padding: 10px 0 0 193px; background: url(../images/login/corrective_info2.png) no-repeat 160px 0; font-size: 16px; color: #444;}
.today_info .info dd strong{ display: inline-block; font-size: 30px; line-height: 30px; color: #444;}
.today_info .info dd span{ color: #ef412e; font-weight: bold; display: inline-block; font-size: 1.4em; padding: 0 10px;}
.today_info .info2{background: url(../images/login/election_info.png) no-repeat 15px 10px; overflow: hidden; }
.today_info .info2 dt{ padding: 105px 0 0 0; width: 35%; height: 150px; background: url(../images/login/election_info5.png) no-repeat right 0; float: left;}
.today_info .info2 dt strong{ display: block;}
.today_info .info2 dt span{ display: block; padding: 7px 0 0 0;}
.today_info .info2 dd{ width: 20%; padding: 35px 0 0 0; position: relative; text-align: center; float: left; background: url(../images/login/election_info6.png) no-repeat right 115px;}
.today_info .info2 dd:last-child{ background: none;}
.today_info .info2 dd img.new{ position: absolute; top: 20px; left: 50%; margin-left: 20px;}
.today_info .info2 dd strong{ display: block; font-weight: normal; font-size: 16px; color: #444; padding: 3px 0 8px 0;}
.today_info .info2 dd span{ display: block; font-weight: bold; font-size: 50px; color: #444;}
.today_info .meet{ float: right; background: #fff; border: 2px solid #e3e3e3; width: 43%; margin-right: 0.5%;}
.today_info .meet dt{ color: #ef412e; font-size: 16px; padding: 25px 30px 10px 30px;}
.today_info .meet dd{ padding: 0 30px 20px 30px; text-align: center;}
.today_info .meet dd a{ display: block;}
.today_info .meet dd a strong{ display: block; font-size: 18px; text-decoration: underline; color: #444; font-weight: normal; padding-bottom: 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align: left;}
.today_info .meet dd a:hover strong{ color: #f1602e;}
.today_info .meet dd a span{ display: block; font-size: 14px; color: #777; padding: 3px 0; text-align: left;}
.today_info .meet dd a.down{ display: inline-block; margin: 0 auto; background: #60768e url(../images/theme/blue/icon_down.png) no-repeat 20px center; border-radius: 100px; font-size: 12px; padding: 4px 20px 4px 40px; color: #fff; line-height: 16px; margin-top: 15px;}
.today_info .meet dd a.down:hover, .today_bbs dl.meeting dd a.down:hover{ background-color: #444;}
.today_info2{ background: url(../images/login/corrective_info3.png) no-repeat 50px bottom; padding-bottom: 30px;}
.today_info2 .info{ background: none; padding-left: 0;}
.today_info2 .info dt{ padding-left: 240px;}
.today_info2 .info dd{ padding-left: 240px; vertical-align: middle;}

.today_list{ overflow: hidden; padding: 0 0 0 50px; max-width: 750px; max-width: 1000px;}
.today_list h4{ font-size: 20px; color: #222; padding: 20px 0 10px 2px; line-height: 26px;}
.today_list ul li{ float: left; width: 33%; border: 2px solid #e3e3e3; background: #fff; margin: -3px 0 0 -3px; z-index: 0;}
.today_list ul li:nth-child(1), .today_list ul li:nth-child(4){ margin-left: 0;}
.today_list ul li a{ display: block; padding: 20px 25px;}
.today_list ul li a span{ display: block; color: #777; font-size: 14px; line-height: 20px; padding-bottom: 5px;}
.today_list ul li a strong{ display: block; font-size: 18px; color: #444; font-weight: normal; line-height: 24px; height: 50px; overflow: hidden;}
.today_list ul li a span.red{ color: #f1602e;}
.today_list ul li:hover a strong{ color: #f1602e;}
.today_bbs *{ vertical-align: middle;}
.today_bbs{ overflow: hidden; padding: 40px 0 30px 50px; max-width: 750px; max-width: 1000px;}
.today_bbs dl{ float: left; width: 46%; margin-right: 5%;}
.today_bbs dl dt{ overflow: hidden; padding-bottom: 7px;}
.today_bbs dl dt strong{float: left; font-size: 20px; color: #222; line-height: 26px; padding-left: 2px;}
.today_bbs dl dt a{ float: left; padding: 5px 10px;}
.today_bbs dl dd{ background: url(../images/theme/blue/icon_blt.png) no-repeat 3px 9px; overflow: hidden; position: relative;}
.today_bbs dl dd a{ display: block; font-size: 14px; padding: 7px 110px 7px 15px; display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color: #777;}
.today_bbs dl dd a:hover { color: #f1602e;}
.today_bbs dl dd span{  width: 90px; color: #777; font-size: 14px;  padding: 7px 0; text-align: center; position: absolute; top: 0; right: 20px;}
.today_bbs dl.meeting{ margin-right: 0;}
.today_bbs dl.meeting dd a{ display: block; padding-right: 220px;}
.today_bbs dl.meeting dd a.down{ width: auto; display: inline-block; margin: 0 auto; background: #9d9d9d url(../images/theme/blue/icon_down.png) no-repeat 15px center; border-radius: 100px; font-size: 12px; padding: 4px 15px 4px 33px; color: #fff; line-height: 16px; margin-top: 1px; position: absolute; top: 0; right: 0;}
.today_bbs dl.meeting dd span{ right: 130px;}
.today_bbs2{ padding-top: 20px;}
.today_bbs2 dl.meeting{ padding-top: 50px; width: 46%; margin-right: 6%; background: url(../images/login/corrective_info4.png) no-repeat 95% 0;}
.today_bbs2 dl.meeting:last-child{ margin-right: 0; background: url(../images/login/corrective_info5.png) no-repeat 92% 0;}
.today_bbs2 dl.meeting dd span{ right: 90px;}
.today_bbs2 dl.meeting dd a{ padding-right: 180px;}