@charset "utf-8";

/* import */
@import url("common.css");
/*-------layout--------------------------------------------------------*/
body {width:100%; font-family:'Noto',Dotum,Helvetica,"Apple SD Gothic Neo",Sans-serif;font-size:13px; line-height:1.6; background:#eee; color: #222;height:100%;}

#wrap,
#header,
#container,
#content,
#footer {width:100%;position:relative;}
#header,
#container {max-width:1400px; width:100%; margin:0 auto;}

#wrap {background:#eee; min-width:320px;}
.m-main {max-width:1300px; width:100%; margin:0 auto;}
.col-wrap:after,
.after:after {content:""; display:block; height:0; visibility: hidden; clear: both;}
.col-50 {width:50%;float:left;}
.pc_hide {display:none;}

input,
select,
textarea {font-family:'Noto',Dotum,Helvetica,"Apple SD Gothic Neo",Sans-serif; font-size:inherit;}

@media (max-width: 1320px) {
    .m-main {padding:0 1%}
}
@media (max-width: 767px) {
    .pc_hide {display:block;}
    .m_hide {display:none;}
}
/*------- header --------------------------------------------------------*/
#header {background:#242424; margin-top:20px; z-index:100;}
#header:after {content:""; display:block; height:0; visibility: hidden; clear: both;}
#header #logo {float:left; line-height:85px;margin-left:34px;}
#header #logo img {vertical-align: middle;}
/*#header .nav-main li >a {display:inline-block; height:85px; line-height:85px; padding:0 25px; color:#a3a3a3; font-size:16px; font-weight:700;}*/
#header .nav-main li >a {display:inline-block; padding:0 25px; color:#a3a3a3; font-size:16px; font-weight:700; position:relative}
#header .nav-main li > a:hover,
#header .nav-main li > a.active
/*,#header .nav-main .login-wrap li > a */ { color:#fff; }
#header .nav-main ol {float:right;}
#header .nav-main ol li{float:left;}
#header .nav-main ol li.nav-li { padding:30px 0; }
#header .nav-main ol li.login-li { padding:30px 0; background: #aacae6 ; }
#header .nav-li ._open-menu,
#header .login-li ._open-menu{display:none;}

#header .nav-main .nav-wrap li > a {margin:0 25px; padding:0;}
/*#header .nav-main .nav-wrap li > a:before,*/
/*#header .nav-main .nav-wrap li > a:after {*/
    /*content:"";transition: 0.3s ease;  width:100%; height:4px; background:#242424; position:absolute; left:50%;*/
    /*-webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);*/
/*}*/
/*#header .nav-main .nav-wrap li > a:before {top:-20px}*/
/*#header .nav-main .nav-wrap li > a:after {bottom:-20px;}*/
/*#header .nav-main .nav-wrap li > a:hover:before {top:-6px; background:#fff}*/
/*#header .nav-main .nav-wrap li > a:hover:after {bottom:-6px; background:#fff}*/

#header .nav-main .login-wrap {background:#aacae6; /* padding:0 10px; */ }
/*#header .nav-main .login-wrap li > a {margin:0 25px; padding:0;}*/
/*#header .nav-main .login-wrap li > a:before,*/
/*#header .nav-main .login-wrap li > a:after {*/
    /*content:"";transition: 0.3s ease;  width:100%; height:4px; background:#d31411; position:absolute; left:50%;*/
    /*-webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);*/
/*}*/
/*#header .nav-main .login-wrap li > a:before {top:-20px}*/
/*#header .nav-main .login-wrap li > a:after {bottom:-20px;}*/
/*#header .nav-main .login-wrap li > a:hover:before {top:-6px; background:#fff}*/
/*#header .nav-main .login-wrap li > a:hover:after {bottom:-6px; background:#fff}*/

@media (max-width: 1250px) {
    #header #logo {margin-left:1%;}
    #header .nav-main li >a {padding:0 15px;font-size:15px;}
    #header .nav-main .nav-wrap li > a {margin:0 15px;}
    /*#header .nav-main .login-wrap li > a {margin:0 15px;}*/
    #header .nav-main .login-wrap li > a { padding: 0px; line-height: 85px; width: 85px; text-align: center; }
}
@media (max-width: 1000px) {
    #header .nav-li {width:85px; height:85px;}
    #header .login-li {width:85px; height:85px; background:#aacae6 ;}
    #header .nav-main ol li.nav-li,
    #header .nav-main ol li.login-li { padding:0; }
    #header .nav-li ._open-menu {background:#000; width:100%; height:100%; display:block;float:left; position:relative; text-align: center;}
    #header .nav-li ._open-menu .btn-menu,
    #header .nav-li ._open-menu .btn-menu:before,
    #header .nav-li ._open-menu .btn-menu:after {
        content:"";display:inline-block; height:4px; width:50px; background:#fff; border-radius:2px; position:absolute;top:50%; left:50%;
        -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
    }
    #header .nav-li ._open-menu .btn-menu:before {margin-top:-12px;}
    #header .nav-li ._open-menu .btn-menu:after {margin-top:12px;}
    #header .login-li ._open-menu {height: 85px; width: 85px; text-align: center; background: #aacae6; color: #fff; display: block;}
    #header .login-li ._open-menu .fa {display:block; line-height:85px; font-size:30px;}
    /*#header .nav-wrap,*/
    /*#header .login-wrap {display:none;}*/
    #header .nav-wrap {display:none;}
    #header .nav-main .active .nav-wrap,
    #header .nav-main .active .login-wrap {display:block; position: absolute; top: 100%; background: #000; right: 0; width:250px; box-shadow: -2px 2px 5px rgba(0,0,0,0.8)}
    #header .nav-main .active .login-wrap {background:#aacae6;}
    #header .nav-main .active .nav-wrap li,
    #header .nav-main .active .login-wrap  li {width:100%;}
    #header .nav-main .active .nav-wrap li a,
    #header .nav-main .active .login-wrap  li a {height:40px; line-height:40px;}
    #header .nav-main .nav-wrap li > a:before,
    #header .nav-main .nav-wrap li > a:after,
    #header .nav-main .login-wrap li > a:before,
    #header .nav-main .login-wrap li > a:after {display:none;}
}
@media (max-width: 767px) {
    #header {padding:0 60px; margin-top:0;}
    #header #logo {line-height:60px; width:100%; text-align: center;}
    #header #logo img {height:40px;}
    #header .nav-li,
    #header .login-li {width:60px; height:60px;}
    #header .nav-li ._open-menu .btn-menu,
    #header .nav-li ._open-menu .btn-menu:before,
    #header .nav-li ._open-menu .btn-menu:after {width:40px;}
    #header .nav-main .nav-li,
    #header .nav-main .login-li {position:absolute;top:0;}
    #header .nav-main .nav-li {left:0;}
    #header .nav-main .login-li {right:0;}
    #header .nav-main .login-wrap li >a {height:100%; line-height:60px; width: 60px; text-align: center; font-size: 10px; }

    #header .login-li ._open-menu {width:60px; height:60px;}
    #header .login-li ._open-menu .fa {line-height:60px; font-size:30px;}
    #header .nav-main .active .nav-wrap {right:auto; left:0;}
}
/*------- footer --------------------------------------------------------*/
#footer {background:#242424; color:#e3e3e3; padding-top:50px; padding-bottom:30px;}
#footer .foot1 {padding-bottom:30px;}
#footer .foot1 .foot-right {color:#fff;}
#footer .foot1 .foot-right .tit-foot {color:#fff; font-weight:900; line-height:1; display:block;}
#footer .foot1 .foot-right dl {margin-top:25px;}
#footer .foot1 .foot-right dl dt,
#footer .foot1 .foot-right dl dd {line-height:1; display:block;font-size:14px;}
#footer .foot1 .foot-right dl dt {margin-bottom:10px;}
#footer .foot1 .foot-right dl dd {margin-bottom:20px;}
#footer .foot1 .foot-right dl dd:last-child {margin-bottom:0;}
#footer .foot1 .foot-right .partner-wrap {margin-top:25px;}

#footer .foot2 {border-top:1px solid #626262;padding-top:17px;font-size:13px;}
#footer .foot2 .copy {float:left;}
#footer .foot2 .foot-nav {float:right; color:#6d6d6d}
#footer .foot2 .foot-nav ul li {margin-left:30px;}
#footer .foot2 .foot-nav ul li:first-child {margin-left:0;}

@media (max-width: 1000px) {
    #footer .foot1 .foot-logo,
    #footer .foot1 .foot-right {width:100%;}
    #footer .foot1 .foot-right {margin-top:20px;}
    #footer .foot2 .foot-nav {float:left; width:100%; margin-top:10px;}
    #footer .foot2 .foot-nav ul,
    #footer .foot2 .foot-nav ul li {float:left !important;}
}
@media (max-width: 767px) {
    #footer {padding-top:20px;}
    #footer .foot2 .copy {width:100%; text-align: center;}
    #footer .foot2 .foot-nav ul {width:100%; text-align: center}
    #footer .foot2 .foot-nav ul li {float:none !important; display:inline-block; margin:0 10px !important;}
}
@media (max-width: 500px) {
    #footer .foot1 .foot-right .col-50 {width:100%;margin-bottom:20px;}
    #footer .foot1 .foot-right .col-50:last-child {margin-bottom:0;}
}

#back-top { position: fixed; bottom: 30px; right:15px; z-index:50}
#back-top a {
    width: 40px; height: 50px;display: block;text-align: center;background:url(../../_img/move_top.png) no-repeat center; background-size:cover;opacity: 0.6;
    -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;
    -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
}
#back-top a:hover {opacity: 1;}

/*------- container --------------------------------------------------------*/
#container {margin:20px auto; padding:50px 0; background:#fff;}

.tit-wrap:after {content:""; visibility: hidden; clear: both; height:0; display:block;}
.section-tit {font-size:33px; font-weight:700; line-height:1; display:block;}
.article-tit {line-height:1; font-size:24px; color:#434343; display: inline-block; padding-bottom: 15px; width: 100%;}
.article-tit.bd {border-bottom:1px solid #bfbfbf; padding-bottom:18px; margin-top:100px;}

@media (max-width: 767px) {
    #container {padding:50px 0;}
    #content .m-main {padding:0 10px;}
    .section-tit {font-size:25px;}
    .article-tit {font-size:20px;}
}
@media (max-width: 500px) {
    #container {padding:20px 0;}
}

/* common */
.dropdown.select .btn {width:100%; background:#f8f8f8 !important; border-radius:0; border:0; line-height:50px; height:50px; text-align:left;padding:0;padding-left:25px; font-size:18px; color:#747474;}
.dropdown.select .dropdown-menu {width:100%;background:#fff; border:0;top:100%; box-shadow: none; padding-top:20px;}
.dropdown.select .dropdown-menu:before {content:""; display:block; width:23px; height:12px; background:url(../../_img/dropdown_h.png) no-repeat; position:absolute; top:8px; left:28px;}
.dropdown.select .dropdown-menu > ul {width:100%;background:#f8f8f8; max-height:125px; overflow:hidden; overflow-y:auto;    box-shadow: 0 6px 12px rgba(0,0,0,.175)}
.dropdown.select .dropdown-menu li {width:100%;}
.dropdown.select .dropdown-menu li a {font-size:18px; color:#747474;padding:10px 25px; display:block; line-height:1;}
.dropdown.select .btn .caret {
    position:absolute; right:20px; top:50%;
    -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%);
}

a._btn {display:inline-block; height:36px ;line-height:36px ;font-size:16px; color:#fff; padding:0 20px; background:#242424;text-align: center;}
a.btn-down {font-size:16px; color:#fff; padding:0 18px 0 54px; display:inline-block; background: #212121 url(../../_img/ico_down.png) no-repeat; background-position:16px center; height:36px; line-height:36px;float:left; }
a.btn-down.t2 {background-image:url(../../_img/ico_plus.png); padding-left:40px;}

.btn-wrap {margin-top:20px; width:100%;}
.btn-wrap.right {text-align: right}

/* page-league */
.type-league .section-league {padding-bottom:130px;}
.type-league .section-league .col-wrap {margin-top:15px;}
.type-league .section-league .col-wrap .select-ui {width:100%; }
.type-league .section-league .col-wrap .select-ui > li {padding:10px 0; width:50%; padding-right:25px;}

.tit-wrap.t1 {border-bottom:1px solid #bfbfbf; padding-bottom:10px; line-height:1.2;}
.tit-wrap.t1 em {display:block; color:#434343; font-size:24px; line-height:1; margin-top:10px;}
.type-league .section-ladder .col-wrap .col-left,
.type-league .section-ladder .col-wrap .col-right {padding:35px 0; float:left;}
.type-league .section-ladder .col-wrap .col-left {width:70%;padding-right:10%;}
.type-league .section-ladder .col-wrap .col-right {width:30%;}
.type-league .section-ladder .col-wrap .col-left .img-wrap {padding-top:50px;}
.type-league .section-ladder .col-wrap .col-left .circuit-tit .tit {display:inline-block; font-size:30px; color:#000; margin-right:30px; font-weight:400;}
.type-league .section-ladder .col-wrap .col-left .circuit-tit .status {display:inline-block; font-size:25px; color:#fff; background:#d31411 url(../../_img/btn_onair.png) center no-repeat; background-position:left 20px center;padding:0 20px 0 45px; border-radius:6px; line-height:36px;}

.type-league .section-ladder .col-wrap .col-right {padding-top:75px;}
.type-league .section-ladder .col-wrap .col-right article {margin-bottom:35px;}
.type-league .section-ladder .col-wrap .col-right article .tit,
.type-league .section-ladder .col-wrap .col-right article .name {line-height:1; color:#242424; display:block;}
.type-league .section-ladder .col-wrap .col-right article .tit {font-size:14px; margin-bottom:10px; }
.type-league .section-ladder .col-wrap .col-right article .name {font-size:20px; font-weight:700; margin-bottom:20px;}
.type-league .section-ladder .col-wrap .col-right .schedule-wrap dl {position:relative; padding-left:120px; color:#343434; font-size:18px;}
.type-league .section-ladder .col-wrap .col-right .schedule-wrap dl dt {position:absolute; left:0; font-weight:700;}
.type-league .section-ladder .col-wrap .col-right .schedule-wrap dl dd {display:block; width:100%; }
.type-league .section-ladder .col-wrap .col-right .spon-wrap ul li {margin-right:25px;}

@media (max-width: 767px) {
    .type-league .section-league {padding-bottom:30px;}
    .type-league .section-league .col-wrap .col-50 {width:100%;}
    .type-league .section-ladder .col-wrap .col-left .circuit-tit .tit {font-size:22px;}
    .type-league .section-ladder .col-wrap .col-left .circuit-tit .status {display:inline-block; font-size:18px;line-height:25px;background-position:left 10px center;background-size:auto 18px; padding:0 10px 0 30px;}
    .type-league .section-ladder .col-wrap .col-left,
    .type-league .section-ladder .col-wrap .col-right {width:100%;}
    .type-league .section-ladder .col-wrap .col-left {padding-right:0;}
    .type-league .section-ladder .col-wrap .col-right {padding-top:0}
}
@media (max-width: 500px) {
    .type-league .section-league .col-wrap .select-ui li {width:100%; padding-right:0;}
}

/* page-result */
.page-result .section-result .tit-wrap { margin: 0 -15px;}
.page-result .section-result .tit-wrap .section-tit { float: left; line-height: 36px; margin-right: 30px;}
/*.page-result .section-ladder .tit-wrap .section-tit { margin: 0 -15px; float:left; }*/
.page-result .section-ladder .tit-wrap .section-tit { float:left; }
.page-result .section-league {padding-bottom:65px;}
.page-result .section-league .col-wrap .select-ui > li {width:20%}
a.more-option {float:right; color:#d31411; font-size:18px; margin-top:10px;}
.list-wrap {width:100%; overflow: hidden; overflow-x:auto;}
.list-wrap table.list {min-width:850px;}

table {width:100%;}
table.list {margin-top:40px; width:100%;}
table.list th,
table.list td {padding:15px 0; padding-left:25px; text-align: left; font-size:12px; color:#747474; font-weight:400;}
table.list tbody td {background:#f4f4f4; font-size:14px; color:#242424;}
table.list tbody tr:nth-child(2n+0) td {background:#fff}

table.form th,
table.form td {font-size:16px;}
table.form th {color:#010101;}
table.form td {color:#747474;}
table.form td > * {height:42px; margin:4px 0;}
table.form td p {display:block; line-height:36px; padding:0 15px; font-size:16px;}
table.form td input[type=text],
table.form td input[type=password] {border:0; background:#f8f8f8; padding:0 15px; font-size:16px;}
table.form td input[type=text],
table.form td input[type=number],
table.form td input[type=password],
table.form td .dropdown.select {width:100%; max-width:350px; margin-right:14px;font-size:16px;}
table.form td input[type=number] {padding-left:14px;}
table.form td .dropdown.select .btn {height:36px;line-height:36px;padding:0 15px; }
label {font-weight:400;}
table.form td label {color:#010101;line-height:36px; height:36px;}

table.form td .label-ul li  {float:left; margin-right:23px;}
table.form td .label-ul li label {font-size:16px; color:#747474;}

@media (max-width: 1000px) {
    .page-result .section-league .col-wrap .select-ui > li {width:33.33%}
}
@media (max-width: 767px) {
    .page-result .section-league .col-wrap .select-ui > li {width:50%}
}
@media (max-width: 500px) {
    .page-result .section-league .col-wrap .select-ui > li {width:100%}
}

/* page-live */
.page-live .tit-wrap .section-tit {float:left; line-height:36px;margin-right:30px;}
.page-live .player-wrap h3.article-tit {border-bottom:1px solid #bfbfbf; padding-bottom:18px; margin-top:100px;}

/* page-mypage */
.page-mypage .col-wrap {margin-top:80px;}
.page-mypage .col-wrap .col-left {width:25%;float:left;}
.page-mypage .col-wrap .col-right {width:75%;float:left;}
.page-mypage .col-wrap .col-left .left-nav {margin-top:25px;}
.page-mypage .col-wrap .col-left .left-nav a {color:#434343; font-size:18px; padding:8px 0;}
.page-mypage .col-wrap .col-right .article-tit {border-bottom:1px solid #bfbfbf; padding-bottom:10px;}
.page-mypage .col-wrap .col-right .form-wrap {border-bottom:1px solid #bfbfbf; padding:50px 0;}
.page-mypage .col-wrap .col-right .step-wrap:after {content:""; display:block; height:0; visibility: hidden;clear: both;}
/*.page-mypage .col-wrap .col-right .step-wrap._s2 {display:none;}*/
.page-mypage .col-wrap ._step .step-wrap._s1 .form-wrap{border-bottom:0;}
/*.page-mypage .col-wrap ._step.active .step-wrap._s1 .form-wrap{border-bottom:0;}*/
/*.page-mypage .col-wrap ._step.active .step-wrap._s1 .more-option {display:none;}*/
/*.page-mypage .col-wrap ._step.active .step-wrap._s2 {display:block;}*/

@media (max-width: 767px) {
    .page-mypage .col-wrap {margin-top:30px;}
    .page-mypage .col-wrap .col-left,
    .page-mypage .col-wrap .col-right {width:100%;}
    .page-mypage .col-wrap .col-left .left-nav {margin-top:0; margin-bottom:30px;border-bottom:1px solid #242424;}
    .page-mypage .col-wrap .col-left .left-nav:after {content:""; display:block; height:0; visibility: hidden;clear: both;}
    .page-mypage .col-wrap .col-left .left-nav > li {float:left;}
    /*.page-mypage .col-wrap .col-left .left-nav > li a {display:inline-block; line-height:40px; height:40px;padding:0 20px; border:1px solid #242424; border-bottom:0;}*/
    .page-mypage .col-wrap .col-left .left-nav > li a {display:inline-block; line-height:40px; height:40px;padding:0 15px; border:1px solid #242424; }
    .page-mypage .col-wrap .col-left .left-nav > li.active a {background:#242424; color:#fff;}
}

/* page-online */
.page-online .section-tit { float: left; line-height: 36px; margin-right: 30px;}
.page-online .col-left,
.page-online .col-right {float:left; padding-top:40px;}
.page-online .col-left {width:30%;}
.page-online .col-right {width:70%;}
.page-online .col-left dl {display: block; width:100%; max-width:285px;}
.page-online .col-left dl dt,
.page-online .col-left dl dd {display:block; width:100%; height:36px;}
.page-online .col-left dl dt {font-size:16px; color:#010101; padding-left:15px;}
.page-online .col-left dl dd {margin-bottom:35px;}
.page-online .col-left dl dd .btn {height:36px; line-height:36px; padding:0 15px;}

.page-online .col-right .group {margin-bottom:40px;}
.page-online .col-right .group:after {content:""; clear: both; visibility: hidden; height:0; display:block;}
.page-online .col-right .group .top,
.page-online .col-right .group .btt {display:block; width:100%; position:relative}
.page-online .col-right .group .top:after,
.page-online .col-right .group .btt:after,
.page-online .col-right .group dl:after {content:""; clear: both; visibility: hidden; height:0; display:block;}
.page-online .col-right .group dl dt,
.page-online .col-right .group dl dd {float:left; display:block;}

.page-online .col-right .group .top dt,
.page-online .col-right .group .top .l3 {background:#242424; color:#fff;}
.page-online .col-right .group .top .inner {position:relative; padding-left:50px;}
.page-online .col-right .group .top .inner > dt {position:absolute; left:0; top:0; background-image:url(../../_img/ico_user.png); background-repeat:no-repeat; background-position:top center; width:50px; height:100%;}
.page-online .col-right .group.lock .top .inner > dt {background-image:url(../../_img/ico_user_lock.png);}
.page-online .col-right .group .top .inner > dt .cnt {position:absolute; width:100%; left:0; bottom:0; color:#fff; text-align:center; padding-bottom:15px;}
.page-online .col-right .group .top .inner > dt .cnt span {display:block; width:100%; color:#fffefe; font-size:16px; text-align:center; position:relative}
.page-online .col-right .group .top .inner > dt .cnt span:first-child:after {
    content:""; width:25px; height:1px; background:#fff; display:inline-block; position:absolute; left:50%; top:100%;
    -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);
}

.page-online .col-right .group .top .inner > dd {min-height:130px;}
.page-online .col-right .group .top .inner > dd.l2 {width:47%;border-top: 1px solid #242424;}
.page-online .col-right .group .top .inner > dd.l2 .box {border-right:1px solid #242424; width:33.333%;min-height:130px; float:left;text-align: center; display:table;}
.page-online .col-right .group .top .inner > dd.l2 .box:last-child {border-right:0;}
.page-online .col-right .group .top .inner > dd.l2 .box .txt {display:table-cell; vertical-align: middle; width:100%; color:#010101;}
.page-online .col-right .group .top .inner > dd.l2 .box .txt p,
.page-online .col-right .group .top .inner > dd.l2 .box .txt small {display:inline-block; line-height:1; width:100%; text-align: center;}
.page-online .col-right .group .top .inner > dd.l2 .box .txt p {font-weight:700;font-size:54px; }
.page-online .col-right .group .top .inner > dd.l2 .box .txt small {font-size:14px;}

.page-online .col-right .group .top .inner > dd.l3 {width:53%;}
.page-online .col-right .group .top .inner > dd.l3 dl {width:100%;}
.page-online .col-right .group .top .inner > dd.l3 dl dt,
.page-online .col-right .group .top .inner > dd.l3 dl dd {display:table; height:50%; font-size:16px; font-weight:400;}
.page-online .col-right .group .top .inner > dd.l3 dl dt {width:100%; border-bottom:1px solid #fff;}
.page-online .col-right .group .top .inner > dd.l3 dl dd {width:33.333%;}
.page-online .col-right .group .top .inner > dd.l3 dl .txt {display:table-cell; width:100%; vertical-align: middle; padding-left:20px;border-right:1px solid #fff; white-space: nowrap}
.page-online .col-right .group .top .inner > dd.l3 dl dt .txt,
.page-online .col-right .group .top .inner > dd.l3 dl dd:last-child .txt{border-right:0;}

.page-online .col-right .group .btt {background:#eee;}
.page-online .col-right .group .btt .inner > dt,
.page-online .col-right .group .btt .inner > dd {display:table; border-right:1px solid #fff; width:50%;}
.page-online .col-right .group .btt .inner .box {width:100%; display:table-cell; min-height:60px; vertical-align: middle;}
.page-online .col-right .group .btt .inner > dd .box {float:left; width:33.333%; border-left:1px solid #fff; }
.page-online .col-right .group .btt .inner .box.b1 {font-size:14px; padding-left:14px;}
.page-online .col-right .group .btt .inner .box.b2 {padding-left:12px;padding-top:10px;font-size:14px; position:relative}
.page-online .col-right .group .btt .inner .box .txt {display:inline-block; width:100%; line-height:1;padding-bottom:4px;}
.page-online .col-right .group .btt .inner .box .ico {display:inline-block; background-repeat: no-repeat; background-position: center;}
.page-online .col-right .group .btt .inner .box .ico.set1 {width:22px; height:20px; background-image: url(../../_img/ico_set1.png); margin-right:8px}
.page-online .col-right .group .btt .inner .box .ico.set2 {width:22px; height:20px; background-image: url(../../_img/ico_set2.png);}
.page-online .col-right .group .btt .inner .box .ico.signal {width:51px; height:40px; background-image: url(../../_img/ico_signal.png); position:absolute; right:25px; bottom:10px;}
.page-online .col-right .group .btt .inner .box .ico.signal .signal_h {display: block; width:100%; height:100%;background:url(../../_img/ico_signal_h.png) left center no-repeat ; }

@media (max-width: 1000px) {
    .page-online .col-left {padding-right:20px}
    .page-online .col-right .group .top .inner > dd.l2,
    .page-online .col-right .group .top .inner > dd.l3,
    .page-online .col-right .group .btt .inner > dt,
    .page-online .col-right .group .btt .inner > dd  {width:100%;}
    .page-online .col-right .group .top .inner > dd.l3 {border-left:1px solid #fff;}
    .page-online .col-right .group .top .inner > dd.l2 {border-right:1px solid #242424;}

    .page-online .col-right .group .btt .inner > dt,
    .page-online .col-right .group .btt .inner > dd {border-right:0;}
    .page-online .col-right .group .btt .inner > dd  {border-top:1px solid #fff;}
}
@media (max-width: 767px) {
    .page-online .col-left,
    .page-online .col-right {padding-right:0; width:100%}
    .page-online .col-left dl dd {margin-bottom:10px;}
    .page-online .col-left dl {max-width:100%;}
}
@media (max-width: 500px) {
    .page-online .col-right .group .top .inner > dd.l3 dl dt,
    .page-online .col-right .group .top .inner > dd.l3 dl dd {height:25%;}
    .page-online .col-right .group .top .inner > dd.l3 dl dd {width:100%; border-right:0; border-bottom:1px solid #fff;}
    .page-online .col-right .group .top .inner > dd.l3 dl dd:last-child {border-bottom:0;}
    .page-online .col-right .group .top .inner > dd.l3 dl .txt {border-right:0;}
}

.modal-wrap,
#login-wrap,
.ft {position:fixed; left:0; right:0; top:0; bottom:0; z-index:100;}
.modal-wrap,
#login-wrap {display:none;}
.modal-wrap.active,
#login-wrap.active {display:block;}
.ft {background:rgba(0,0,0,0.6)}

.create-wrap {
    z-index:100;background:#242424; max-height:80%; overflow-y:auto; position:absolute; left:50%; top:50%; width:100%; max-width:600px;
    -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.create-wrap .col-front {width:100%; float:left;padding:30px 35px; }
.create-wrap .article-tit {margin-top:0; color:#fff;}
/*.create-wrap .form {margin-top:18px;}*/
.create-wrap .form th,
.create-wrap .form td {padding:8px 0;}
.create-wrap .form th {font-size:18px; color:#fff; font-weight:400;}
.create-wrap table.form td input[type=text],
.create-wrap table.form td input[type=number],
.create-wrap table.form td input[type=password],
.create-wrap table.form td .dropdown.select {max-width:300px;}
.create-wrap .dropdown.select .dropdown-menu {background:transparent}
.create-wrap .form td .more {color:#fff; border-bottom:1px solid #aaa9a9; font-size:16px; padding-bottom:3px;}
.create-wrap .btn-ul {text-align:center;margin-top:30px; width:100%;}
.create-wrap .btn-ul li {float:left; width:30%; padding:0 6px;}
.create-wrap .btn-ul li:first-child {width:40%; padding-left:0;}
.create-wrap .btn-ul li:last-child {padding-right:0;}
.create-wrap .btn-ul li ._btn {width:100%;padding:0; text-decoration:none;}
.create-wrap .btn-ul li ._btn.red {background:#d31411}
.create-wrap .btn-ul li ._btn.gray {background:#aaa}
.create-wrap .btn-ul li ._btn.dark {background:#585858;padding-right:30px; position:relative}
.create-wrap .btn-ul li ._btn.dark:after {
    content:""; display:block; width:11px; height:17px;background:url(../../_img/arrow_right.png) center no-repeat; position:absolute; right:15px; top:50%;
    -webkit-transform: translate(0, -50%) rotate(90deg);
    -moz-transform: translate(0, -50%) rotate(90deg);
    -ms-transform: translate(0, -50%) rotate(90deg);
    -o-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg);
}
.create-wrap._advanced .btn-ul li ._btn.dark:after {
    -webkit-transform: translate(0, -50%) rotate(-90deg);
    -moz-transform: translate(0, -50%) rotate(-90deg);
    -ms-transform: translate(0, -50%) rotate(-90deg);
    -o-transform: translate(0, -50%) rotate(-90deg);
    transform: translate(0, -50%) rotate(-90deg);
}

.create-wrap .col-map {display:none; float:left; width:36%; }
.create-wrap._map {max-width:600px;}
.create-wrap._map .col-front {width:100%;}
.create-wrap._map .col-map {display:block; padding:113px 20px 0 25px; color:#fff;}
.create-wrap._map .col-map ._map {display:none;}
.create-wrap._map .col-map .tit {font-size:18px; line-height:17px; display:block; font-weight:400;}
.create-wrap._map .col-map .tit:before {content:""; display:inline-block; width:11px; height:17px; background:url(../../_img/arrow_right.png) center no-repeat; vertical-align: middle; margin-right:10px;}

/*.create-wrap .form._f2 {display:none;}
.create-wrap._advanced .form._f2 {display:table;}*/

#login-wrap .login-wrap {
    height:90%; max-height:550px; width:95%; max-width: 1000px;min-height:480px; z-index:100; background: #eee;position:absolute; left:50%; top:50%;
    -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
#login-wrap .login-wrap .col-left,
#login-wrap .login-wrap .col-right {float:left; width:50%; height:100%; position:relative}
#login-wrap .login-wrap .col-left {background:url(../../_img/welcom.png) center no-repeat;background-size:cover;}
#login-wrap .login-wrap .col-right .form-wrap {
    width:90%; max-width:370px; position:absolute; left:50%; bottom:8%; display:none;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
#login-wrap .login-wrap .col-right .form-wrap.active {display:block;}
#login-wrap .login-wrap .col-right .form-wrap dl dt,
#login-wrap .login-wrap .col-right .form-wrap dl dd {width:100%;}
#login-wrap .login-wrap .col-right .form-wrap dl dt {font-size:12px;color:#747474; font-weight:700; margin-bottom:10px; line-height:1; margin-top:30px;}
#login-wrap .login-wrap .col-right .form-wrap dl dd input {width:100%; background:transparent; border:0; border-bottom:1px solid #b5b5b5; height:30px; color:#242424; font-size:14px;  }
#login-wrap .login-wrap .col-right .form-wrap .find-wrap {margin-top:10px;}
#login-wrap .login-wrap .col-right .form-wrap .find-wrap a {color:#d31411; font-size:11px;}
#login-wrap .login-wrap .col-right .form-wrap .btn-submit {color:#fff; background:#d31411; padding:0 45px; float:right; }

@media (max-width: 767px) {
    #login-wrap .login-wrap .col-left,
    #login-wrap .login-wrap .col-right {width:100%;}
    #login-wrap .login-wrap .col-left {position:absolute; left:0; top:0;}
    #login-wrap .login-wrap .col-right {background:rgba(238, 238, 238, 0.9)}
}

/*page-calendar*/
.page-calendar .select-ui {width:100%;margin-top:35px}
.page-calendar .select-ui li{width:50%;padding-left:15px;}
.page-calendar .gallery-wrap {margin-top:50px; width:100%; margin-bottom:100px;}
.page-calendar .gallery-wrap:after {content:""; display:block; height:0; visibility: hidden; clear: both;}
.page-calendar .gallery-wrap li {float:left; width:33.333%; padding:0 5px; margin-bottom:10px;}
.page-calendar .gallery-wrap li .img-wrap {background-size:cover; background-position:center; background-repeat:no-repeat; display:block; width:100%; padding-top:58%; position:relative;}
.page-calendar .gallery-wrap li .img-wrap:before {content:""; display:block; width:100%; height:100%; left:0; top:0; position:absolute;}
.page-calendar .gallery-wrap li .img-wrap._ing:before {background:rgba(211, 20, 17, 0.6)}
.page-calendar .gallery-wrap li .img-wrap._new:before {background:rgba(255, 255, 255, 0.4)}
.page-calendar .gallery-wrap li .txt {position:absolute; padding:0 25px; left:0; width:100%; bottom:10%; color:#fff;}
.page-calendar .gallery-wrap li .txt strong,
.page-calendar .gallery-wrap li .txt small {display:block; line-height:1;}
.page-calendar .gallery-wrap li .txt strong {font-size:28px; }
.page-calendar .gallery-wrap li .txt small {font-size:20px; margin-top:8px;}

@media (max-width: 767px) {
    .page-calendar .gallery-wrap li {width:50%;}
    .page-calendar .gallery-wrap {margin-bottom:30px;}
    .page-calendar .gallery-wrap li .txt {padding:0 10px;}
    .page-calendar .gallery-wrap li .txt strong {font-size:25px; }
    .page-calendar .gallery-wrap li .txt small {font-size:16px; margin-top:8px;}
    .page-calendar .section-list .col-wrap .col-50 {width:100%;}
}
@media (max-width: 500px) {
    .page-calendar .gallery-wrap li {width:100%; padding:0; }
    .page-calendar .select-ui li {width:100%; padding-left:0; margin-bottom:10px;}
}