/*  Reset.Css */
body {font-family: Open Sans; font-weight:400; font-size:14px; color:#000; height:100%; background:#01022B; line-height:1; margin:0px; padding:0px; position:relative; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, p, form, input, select, textarea, button, img {font-size:100%; font:inherit;  vertical-align: baseline; padding: 0; margin: 0; border: 0; list-style: none}

/* reset */
.container {padding-left:10px; padding-right:10px;}
.row {margin-left:-10px; margin-right:-10px;}
[class*="col-"] { padding-left:10px; padding-right:10px}

::-webkit-input-placeholder { color:inherit}
::-moz-placeholder { color:inherit } /* firefox 19+ */
:-ms-input-placeholder { color:inherit } /* ie */
input:-moz-placeholder { color:inherit }

a:focus,
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="submit"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color:inherit;
    box-shadow:inset;
    outline: 0 none;
    text-decoration:none;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
/* reset */

/* other reset */
.hw { -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.fw {width:100%; display:inline-block;}
a {-webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:hover {text-decoration:none;}
.cover {background-size:cover; background-repeat:no-repeat; background-position:center center;}
.hidden { display: none; }
/* other reset */

/* eventPageTopAll */
.eventPageTopAll{padding-top:75px;padding-bottom:75px}
.eventPageTop ul{width:100%;max-width:760px;margin-top:0px}
.eventPageTop ul li{width:100%;display:inline-block;}
.eventPageTop ul li.title{font-weight:700;font-size:48px;color:#fff;line-height:64px;text-shadow:1px 1px 0 rgba(0,0,0,.5);margin-bottom:15px}
.eventPageTop ul li.desc{font-weight:600;font-size:18px;color:#fff;line-height:24px;margin-bottom:20px;border-left:5px #fff solid;padding-left:10px}
.eventPageTop ul li.desc strong{color:#ffc526}
.eventPageTop ul li.link a:first-child{background:#ffc526}
.eventPageTop ul li.link .join{line-height:40px;color:#000;font-size:14px;font-weight:700;display:inline-block;padding-left:35px;padding-right:35px;border-radius:4px}
.eventPageTop ul li.link .login{background-color:transparent !important; border:1px #F7B500 solid; line-height:40px;color:#F7B500;font-size:14px;font-weight:700;display:inline-block;padding-left:35px;padding-right:35px;border-radius:4px;}
.eventPageTop ul li.link .adjoined{border:1px #30C279 solid; color:#30C279;}
.eventPageTop ul li.link img{position: relative; top: 8px;}
.eventPageTop ul li.link strong{text-decoration: underline;}
.eventPageTop .chooses{margin-bottom:15px}
.eventPageTop .chooses ul{margin-top:0!important}
.eventPageTop .chooses li{color:#fff;width:40%!important}
.eventPageTop .chooses li input{margin-right:10px}
.eventPageTop .chooses li .radio{position:relative;cursor:pointer;line-height:20px;font-size:14px}
.eventPageTop .chooses li .radio .label{position:relative;display:block;float:left;margin-right:10px;width:20px;height:20px;border:2px solid #c8ccd4;border-radius:100%;-webkit-tap-highlight-color:transparent}
.eventPageTop .chooses li .radio .label:after{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:100%;background:#ffc526;transform:scale(0);transition:all .2s ease;opacity:.08;pointer-events:none}
.eventPageTop .chooses li .radio:hover .label:after{transform:scale(3.6)}
.eventPageTop .chooses li input[type=radio]:checked+.label{border-color:#ffc526}
.eventPageTop .chooses li input[type=radio]:checked+.label:after{transform:scale(1);transition:all .2s cubic-bezier(.35,.9,.4,.9);opacity:1}
.eventPageTop .rule{color:#fff;margin-top:20px}
.eventPageTop .rule input,.eventPageTop .rule p{display:inline-block}
.eventPageTop .rule .label_text{display:block;min-width:400px;margin-left:15px;position:relative;top:10px}
.eventPageTop .rule .label_text span{font-size:12px;top:5px;position:relative;font-weight:500}
.label-cbx{user-select:none;cursor:pointer;margin-bottom:0;display:inline-block}
.label-cbx input:checked+.checkbox svg polyline{stroke-dashoffset:0}
.label-cbx:hover .checkbox svg path{stroke-dashoffset:0}
.label-cbx .checkbox{position:relative;top:2px;float:left;margin-right:8px;padding:12px;border:2px solid #c8ccd4;border-radius:3px}
.label-cbx .checkbox svg{position:absolute;top:1px;left:2px}
.label-cbx .checkbox svg polyline{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:18px;stroke-dashoffset:18px;transition:all .3s ease}
.label-cbx>span{pointer-events:none;vertical-align:middle}
.cntr{position:absolute;top:45%;left:0;width:100%;text-align:center}
.invisible{position:absolute;z-index:-1;width:0;height:0;opacity:0}
.event{height:166px;padding:10px;background:#fff;-webkit-box-shadow:10px 10px 29px 0 rgba(0,0,0,.75);-moz-box-shadow:10px 10px 29px 0 rgba(0,0,0,.75);box-shadow:10px 10px 29px 0 rgba(0,0,0,.75);margin-bottom:20px;}
.event .left{width:50%;position:relative;top:25px;height: 52px;}
.event .right{width:50%;float:right;text-align:center}
.event .left .logos{float:left}
.event .left img{display:inline-block;max-height:110px;margin-right:5px}
.event .left p{position:relative;top:35px;left:20px;font-size:18px;color:#000;font-weight:700}
.event .left p span{display:block;font-size:14px;font-weight:500;margin-top:10px}
.clock{margin:0!important;zoom:.7;-moz-transform:scale(.7);left:13%}
.event .right p{position:relative;top:-25px;color:#000;font-weight:700}
.flip-clock-wrapper ul li a div div.inn{background-color:#000!important;color:#fff!important}
.tab-section{margin-bottom:50px}
.tabs{position:relative;overflow:hidden;margin:0 auto;width:100%;font-weight:300;font-size:1.25em}
.tabs nav{text-align:center}
.tabs nav ul{position:relative;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;margin:0 auto;padding:0;max-width:1200px;list-style:none;-ms-box-orient:horizontal;-ms-box-pack:center;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center}
.tabs nav ul li{position:relative;z-index:1;display:block;margin:0;text-align:center;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;margin-left:25px}
.tabs nav ul li:first-child{margin-left:0!important}
.tabs nav a{position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:2.5}
.tabs nav a span{vertical-align:middle;font-size:.75em}
.tabs nav li.tab-current a{color:#01022b}
.tabs nav a:focus{outline:0}
.tabs-style-iconbox nav ul li a{overflow:visible;height:69px;line-height:65px;-webkit-transition:color .2s;transition:color .2s;border-radius:5px;background:#02073b;border:1px #343862 solid;color:#fff;font-size:19px}
.tabs-style-iconbox nav ul li a span{font-weight:700;font-size:.7em}
.tabs-style-iconbox nav ul li.tab-current{z-index:100}
.tabs-style-iconbox nav ul li.tab-current a{background:#fff}
.tabs-style-iconbox nav ul li.tab-current a::after{position:absolute;top:100%;left:50%;margin-left:-10px;width:0;height:0;border:solid transparent;border-width:10px;border-top-color:#fff;content:'';pointer-events:none}
.tabs-style-iconbox nav ul li::after,.tabs-style-iconbox nav ul li:first-child::before{position:absolute;top:20%;right:0;z-index:-1;width:1px;height:60%;background:rgba(0,0,0,.07);content:''}
.tabs-style-iconbox nav ul li:first-child::before{right:auto;left:0}
.content-wrap{position:relative}
.content-wrap section{display:none;margin:0 auto;margin-top:20px;max-width:1200px;color:#fff;font-size:15px}
.content-wrap section.content-current{display:block}
.content-wrap section p{line-height:24px;font-weight:500}
.tab-section .table .item{width:100%;height:80px;padding:15px;background:#02073b;border:1px solid rgba(255,255,255,.2);border-radius:5px;margin-bottom:10px}
.tab-section .table .item div{float:left;height:49px;border-left:1px #343862 solid;padding-left:20px;line-height:20px;margin-right:20px}
.tab-section .table .item div p{font-size:16px;font-weight:700}
.tab-section .table .item div span{font-size:11px;font-weight:500;color:#c3c3c3}
.tab-section .table .item div strong{color:#ffc526}
.tab-section .table .item div:first-child{border:none!important}
.tab-section .item .number{width:7%;font-size:36px;font-weight:700;position:relative;top:12px;color:#343862}
.tab-section .item .event_detail{width:45%}
.tab-section .item .event_date{width:16%}
.tab-section .item .join{width:10%}
.tab-section .item .won{width:10%}
.tab-section .item .result{width: 3%;border: none !important;margin:0 !important; padding:0 !important;}
.tab-section .item .result img{position: relative; top: 12px; text-align: center;}

@media (min-width:1150px) {
    /*.container {width:1190px;}*/
}

@media (max-width:1200px) {
    .tab-section .item .event_detail {width: 40%;}
    .tab-section .item .number {width: 8%;}
}

@media (max-width:992px) {
    /*.container {overflow-x:hidden}*/
    .eventPageTopAll {padding-top:30px; padding-bottom:80px;}
    .eventPageTop ul li.title {font-size:30px; line-height:40px}
    .eventPageTop ul li.desc {margin-bottom:15px;}
    .tab-section .table .item {height: 125px !important;}
    .tab-section .table .item div {padding-left: 5px;}
    .tab-section .table .item .event_detail {width: 76% !important; margin-left: 20px !important; padding-left: 15px !important; margin-right: 0 !important;}
    .tab-section .table .item .event_detail:before{clear: both !important;}
    .tab-section .table .item .event_date {border: none !important;}
    .tab-section .table .item .event_date, .tab-section .table .item .join, .tab-section .table .item .won
    {width: 30%;padding-left: 10px !important;margin-right: 5px !important;margin-top: 5px;line-height: 22px !important;}
    .tab-section .table .item div p {font-size: 14px;}
    .tab-section .table .item .event_date p, .tab-section .table .item .join p, .tab-section .table .item .won p
    {font-size: 10px;}
    .tab-section .table .item .result img {max-width: 20px;}
    .event {height: 330px;}
    .event .left {width: 100%;float: none !important;display: block;margin-bottom: 20px;top:10px; height: auto;}
    .event .right {width: 100%; float: none !important;display: block;margin-top: 50px;}
    .event .left .logos{float: none; text-align: center; margin-bottom: 20px;}
    .event .left p {position:inherit; top: 0; left: 0;text-align: center;}
    .clock{left: 15%;}
}

@media (min-width:765px) and (max-width:992px) {
    .eventPageTopAll {padding-top:60px; padding-bottom:80px;}
    .container {overflow-x:hidden}
}

@media (max-width:500px) {
    .eventPageTop ul li.link span {margin-left:10px; margin-right:10px; margin-bottom:10px}
    .container {overflow-x:hidden}
    .cover{background-position: left !important;}
    .eventPageTopAll {padding-top: 10px;}
    .eventPageTop .chooses li {width: 100% !important;}
    .eventPageTop .chooses li .radio {text-align: left;}
    .eventPageTop .rule {text-align: left;}
    .eventPageTop .rule .label_text span {font-size: 10px;}
    .event {height: 310px;}
    .clock{left: 4%; zoom: 0.5;}
    .tab-section .item .number { width: 1%; font-size: 13px;}
}


[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.width50 {
    width: 50% !important;
}

.clearfix {clear: both;}