@charset "utf-8";


/* login */
#login{position:fixed; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center}
#login .cont{width:100%; padding-bottom:20px}
#login h1{display:block; margin-bottom:40px; text-align:center}
#login .ipt{width:100%; height:340px; background:url(/images/login_bg.jpg) center no-repeat #000}
#login .ipt > div{width:386px; margin:0 auto; padding-top:115px}
#login .ipt ul{position:relative; width:100%}
#login .ipt ul li{margin-top:5px}
#login .ipt ul li:first-child{margin-top:0}
#login .ipt input[type=text],
#login .ipt input[type=password]{width:250px; height:35px; font-size:15px}
#login .ipt button{position:absolute; right:0; top:0; width:130px; height:75px; background:#e6002d; font-size:22px; color:#fff; cursor:pointer}
#login .ipt p{font-size:15px; text-align:center; color:#fff; opacity:0.5; margin-top:10px}
#login .copy{font-size:14px; text-align:center; color:#83868f; margin-top:40px}
#login input::placeholder{color:#787777; font-size:15px; line-height:100%;}
#login input:-ms-input-placeholder{color:#787777; font-size:15px; line-height:100%;}
#login input::-ms-input-placeholder{color:#787777; font-size:15px; line-height:100%;}


/*********************************************************************************************************************************************************/


body{background:#f7f9fa}
body.w{background:#fff}
#wrap{width:100%}
#header{position:fixed; left:0; top:0; width:210px; height:100%; background:#282c37; z-index:9000}
#container{position:relative; width:calc(100% - 210px); margin-left:210px}


/* align */
.align:after{content:""; display:block; clear:both}
.align.left > div .btn{margin-right:3px}
.align.right > div{float:right}
.align.right > div .btn{margin-left:3px}
.align.center{text-align:center}
.align.center .btn{margin:0 2.5px}
.align.justify > div:first-child{float: left;}
.align.justify > div:first-child .btn,
.align.justify > div:first-child select{margin-right:3px}
.align.justify > div:last-child{float:right;}
.align.justify > div:last-child .btn{margin-left:3px}


/* button */
.btns{text-align:center; margin-top:20px}
.btn{display:inline-block; text-align:center; line-height:29px; color:#fff; background:#b5b7bc; padding:0 10px; vertical-align:middle; cursor:pointer}
.btn.r{font-size:14px; color:#000; height:34px; line-height:32px; border:1px solid #dae1e6; background:#fff; border-radius:20px; padding:0 13px}
.btn.r.black{background:#282c37; color:#fff; border-color:#282c37}
.btn.r.user:before{content:url(/images/ico_user.png); margin-right:6px; vertical-align:middle}
.btn.black{background:#282c37}
.btn.w80{width:80px}
.btn.w100{width:100px}
.btn.gray{background:#91939a}
.btn.red{background:#ff3300}
.btn.blue{background:#3366ff}
.btn.big{font-size:15px; line-height:35px; padding:0 15px}

.btnsmall{display:inline-block; text-align:center; line-height:18px; color:#fff; background:#b5b7bc; padding:0 5px; vertical-align:middle; cursor:pointer}
.btnsmall.black{background:#282c37}

/* sch_box */
.sch_box{width:100%; height:45px; border:1px solid #323744}
.sch_box:after{content:''; display:block; clear:both}
.sch_box strong.tit{float:left; width:119px; font-weight:400; line-height:43px; color:#000; padding-left:20px; border-right:1px solid #dfdfdf; background:#eff0f2}
.sch_box .align{float:right; width:869px; padding:7px 10px}
.sch_box select{min-width:120px}
.sch_box input[type=text]{width:200px}
.sch_box.type2 strong.tit{width:150px}
.sch_box.type2 .align{width:838px}


/* board_info */
.board_info{margin-bottom:12px}
.board_info p{font-size:15px}
.board_info p span{display:inline-block; margin-right:15px}
.board_info p span strong{font-weight:400; color:#e6002d}


/* table */
.tbl{width:100%; border-top:1px solid #dfdfdf}
.tbl thead th{height:53px; font-weight:700; background:#eff0f2; padding:7px 0; border-left:1px solid #dfdfdf; border-bottom:1px solid #323744}
.tbl tbody th,
.tbl tbody td{text-align:center; height:29px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:12px 10px; background:#fff}
.tbl tbody th{background:#eff0f2}
.tbl th:first-child,
.tbl td:first-child{border-left:0}
.tbl tbody td.bt{padding:7px 0}
.tbl tbody td.bt .btn{margin:0 1px}
.tbl tbody tr.bg td{background:#f7ecee}
.tbl.ov tbody tr:hover td{background:#f5f5f5}
.tbl.row{border-top:1px solid #323744}
.tbl.row th,
.tbl.row td{text-align:left; padding-left:10px; padding-right:10px}
.tbl.row th{padding-left:20px}
.tbl.row th span{color:#e6002d}
.tbl.ipt select{min-width:90px}
.tbl .t_l{text-align:left}


/* paginate */
.paginate{width:100%; text-align:center; margin-top:20px}
.paginate a{display:inline-block; width:29px; line-height:27px; background:#fff; margin:0 2.5px; border:1px solid #dfdfdf}
.paginate a.curr{background:#e6002d; color:#fff; border-color:#e6002d}
.paginate a.first{width:29px; text-indent:-9999em; background:url(/images/ico_paginate_first.png) center no-repeat #fff}
.paginate a.prev{width:29px; text-indent:-9999em; background:url(/images/ico_paginate_prev.png) center no-repeat #fff}
.paginate a.next{width:29px; text-indent:-9999em; background:url(/images/ico_paginate_next.png) center no-repeat #fff}
.paginate a.last{width:29px; text-indent:-9999em; background:url(/images/ico_paginate_last.png) center no-repeat #fff}


/* nav */
.nav{padding:21px 0 21px 45px; background:#323744}
.nav > li{position:relative; margin-top:11px}
.nav > li:first-child{margin-top:0}
.nav > li:before{position:absolute; left:-24px; top:4px; content:url(/images/ico_nav.png)}
.nav > li:after{display:none; position:absolute; right:20px; top:2px; content:url(/images/ico_nav_arw.png); transform:rotate(180deg)}
.nav > li > a{position:relative; display:block; font-size:15px; font-weight:700; color:#fff; z-index:10}
.nav > li > a:hover{text-decoration:underline}
.nav > li .dpt2{display:none; margin-top:11px}
.nav > li .dpt2 li a{display:block; font-size:13px; line-height:25px; color:#888d99}
.nav > li .dpt2 li a:hover{text-decoration:underline; color:#fff}
.nav > li .dpt2 li.on a{color:#fff}
.nav > li.on:after{display:block}
.nav > li.on .dpt2{display:block}


/* hd */
.hd{position:fixed; left:210px; top:0; width:calc(100% - 210px); height:70px; background:#fff; border-bottom:1px solid #dae1e6; padding:18px 30px 0 30px}
.hd h2{display:block; font-size:20px; font-weight:800; color:#282c37; line-height:34px}
.hd h2 span{color:#e6002d}


/* content */
.content{width:1100px; margin:120px auto}
.h3{font-size:20px; color:#282c37; font-weight:700; line-height:1}
.h3 + .sch_box{margin-top:15px}
.h3 + .tbl{margin-top:15px}
.sch_box + .board_info{margin-top:25px}
.sch_box + textarea{height:900px; margin-top:20px}
.sch_box + .tbl{margin-top:20px}
label{display:inline-block; padding-left:5px; margin-right:10px}
select + input[type=radio],
select + input[type=checkbox]{margin-left:10px}


/* footer */
#footer{position:fixed; left:210px; bottom:0; width:calc(100% - 210px); height:61px; background:#f5f6fa; border-top:1px solid #dae1e6}
#footer p{font-size:14px; text-align:center; color:#83868f; line-height:60px}