/* tmp */
.s5{width:100%;margin:10px 0px -10px 0px;}
.s5 .ttl{width:100%;}
.s5 h2{position:relative;overflow:hidden;margin:14px 0px;font:22px f4;;color:#000;text-shadow:1px 1px rgba(255,255,255,0.99),-1px -1px rgba(0,0,0,0.22);}
.s5 h3{min-width:94px;font:16px f5;margin:7px 0px 0px 0px;color:#fe702c;text-shadow:1px 1px rgba(255,255,255,0.99),-1px -1px rgba(0,0,0,0.22);}
.s5 a{display:none;width:0px;}

ul.s4{background:#d7fbf4;width:100%;border-top:3px solid#5ad20b;border-bottom:1px solid#dae4e3;border-radius:6px 6px 0px 0px;box-sizing:border-box;position:relative;}
ul.s4 li{height:40px;color:#305570;}
ul.s4 li p{float:left;padding:15px 0px 15px 4%;font:20px f4;line-height:22px;text-shadow:1px 1px rgba(255,255,255,0.99),-1px -1px rgba(0,0,0,0.28);}
ul.s4 li h3{float:right;font:16px f5;margin:18px 0px 0px 0px;color:#fe702c;text-shadow:1px 1px rgba(255,255,255,0.99),-1px -1px rgba(0,0,0,0.22);display:none;}
ul.s4 a{float:right;margin:15px 4%;box-shadow:1px 2px 2px #cfd3d8;}

#pn_1{background:#f7f8fb;width:24%;float:right;border:1px solid#dae4e3;border-top:none;border-radius:6px;}
#pn_2{position:relative;background:#f7f8fb;width:74.50%;float:left;border:1px solid#dae4e3;border-top:3px solid#5ad20b;border-radius:6px;}
#grd{height:578px;border-top:1px solid#fff;}
#dtl{height:687px;}
#mmb{display:none;}
/* grd */
ul.br{width:92%;margin-top:8px;}
ul.br li{padding:4px;border-radius:4px;margin-bottom:8px;cursor:pointer;}
ul.br li.inc{background:#fff;display:block;border:1px solid#dae4e3;border-left:2px solid#b5c6d6;}
ul.br li.inc:hover{background:#fffdf0;border:1px solid#f2bf7b;border-left:2px solid#eda33f;}
ul.br li.ac{display:block;background:#fff;border:1px solid#d6f0b9;border-left:2px solid#5ad20b;box-shadow:1px 2px 3px #cfd3d8;}
ul.br li .bic{width:17%;float:left;}
ul.br li .ic{width:40px;height:40px;border-left:1px solid#4fadf2;border-right:1px solid#03bc97;border-top:1px solid#c796f3;border-bottom:1px solid#f2b860; padding:3px;border-radius:25px;margin:3px;box-shadow:1px 2px 3px #cfd3d8;}
ul.br li .bit{width:83%;float:left;padding:3px 5px 3px 10px;}
ul.br li h3{font:14px f3;line-height:16px;}
ul.br li span{color:#fe7523;font:13px f5;}
/* dtl */

.bx_dtl{width:97%;text-align:left;margin:0% auto; padding:0px;}
.bx_dtl h2{margin:7px 10px;font:20px f4;color:#0f4610;text-align:center;text-shadow:-1px -1px rgba(255,255,255,0.99),1px 1px rgba(0,0,0,0.10);}
.bx_dtl p{font:14px f3;margin-top:5px;}
.bx_dtl .ctt{width:100%;margin:0px auto;padding:8px 0px;color:#f56403;font:14px f5;}
.lf{float:left;width:60%;text-align:left;text-shadow:-1px -1px rgba(255,255,255,0.99),1px 1px rgba(0,0,0,0.10);}
.lf h3{width:80%;font:17px f3;line-height:17px;color:#305570;text-shadow:-1px -1px rgba(255,255,255,0.99),1px 1px rgba(0,0,0,0.10);}
.lf span{font:12px f3;line-height:14px;color:#753db4;text-shadow:-1px -1px rgba(255,255,255,0.99),1px 1px rgba(0,0,0,0.10);}
.lf img{float:left;width:35px;height:35px;margin-right:5px;padding:4px;border-left:1px solid#4fadf2;border-right:1px solid#03bc97;border-top:1px solid#c796f3;border-bottom:1px solid#f2b860;border-radius:30px;}
.rg{float:right;width:40%;text-align:right;padding-top:12px;}
.rg label{font:12px f1;text-shadow:-1px -1px rgba(255,255,255,0.99),1px 1px rgba(0,0,0,0.10);}

.tm1{background:url(../../../img/bs/16.png)no-repeat 0 50%;padding-left:16px;}
.vw1{background:url(../../../img/bs/10.png)no-repeat 0 50%;padding-left:16px;}
.usr{background:url(../../../img/bs/17.png)no-repeat 0 50%;padding-left:16px;}
.smb{background:url(../../../img/bs/20.png)no-repeat 0 50%;padding-left:16px;}

.lpg{background:url(../../../img/ic/re.gif) no-repeat 50% 50%;height:35px;display:none;}
.lm{background:linear-gradient(90deg,#03af77 36%, #97c218 100%);width:92%;border:none;cursor:pointer;padding:3px;margin:5px auto;font:17px f4;color:#fff;border-radius:25px;}
.lm:hover{background:#97c218;box-shadow:1px 2px 3px #cfd3d8;}
#wsp{background:#fafcfe url(../../../img/ic/ld.svg)no-repeat center 45%;position:absolute;width:100%;height:100%;background-size:65px 65px;left:0px;top:0px;display:none;z-index:80;border:1px solid#e4ecf3;}
#empt{background:rgba(0,0,0,0.10);position:absolute;left:0px;top:0px;width:100%;height:100%;display:none;}
#bmt{background:#fff;position:absolute;left:35%;top:28%;width:30%;text-align:center;color:#787287;padding:15px;border:1px solid#fbb533;border-radius:8px;box-shadow:1px 1px 1px#7f7f7f;}
#bmt h2{font:25px f1;color:#e48b05;}

@media only screen and (max-width:1150px){
.s5{margin:15px 0px 0px 0px;}
.s5 .ttl{width:95%; margin:13px 0px;}
.s5 h2{margin:14px 0px;font:20px f4;;}
.s5 h3{font:14px f4;margin:2px 7px 0px 0px;}


ul.s4 li h3{display:inline;}
ul.s4 li h3{margin:16px 4px 0px 0px;}
ul.s4 a{margin:10px 4% 0px 0px;}

ul.br li .bic{width:13%;}
ul.br li .bit{width:87%;}

#pn_1{display:none;position:fixed;right:0px;top:0px;width:100%;height:100%;z-index:100;}
#pn_2{width:100%;float:left;} 
.bx_dtl{padding:8px;}
.bx_dtl h2{font:17px f3;}
#mmb{float:right;background:url(../../../img/bb/m.svg)no-repeat 50% 50%;background-size:12px 16px;width:27px;height:27px;border-radius:35px;margin:0px 0px;cursor:pointer;display:inline;border-left:1px solid#4fadf2;border-right:1px solid#03bc97;border-top:1px solid#c796f3;border-bottom:1px solid#f2b860;box-shadow:1px 1px 2px #cfd3d8;}
#mmb:hover{background:#f0ab2b url(../../../img/bb/m.svg)no-repeat 50% 50%;background-size:20px 20px;}
.ttp{background:#fff url(../../../img/bb/cls.svg)no-repeat 50% 50%;float:right;width:26px;height:26px;cursor:pointer;border-left:1px solid#4fadf2;border-right:1px solid#03bc97;border-top:1px solid#c796f3;border-bottom:1px solid#f2b860;margin-top:6px;border-radius:35px;}
.ttp:hover{background:#fab44b url(../../../img/bb/cls.svg)no-repeat 50% 50%;}
#bmt{left:20%;top:26%;width:60%;}
}

.wl-bx,#cpt{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s;} @-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}} @keyframes zoom{from{transform: scale(0.1)}to{transform: scale(1)}}