@charset "utf-8";

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*
 *------------------------------
 * U I K I T
 *------------------------------
*/

/* uikit background color */
.uk-background-default {background-color:#aaa;}
.uk-background-muted {background-color:#eee;}
.uk-background-primary {background-color:#333;}
.uk-background-secondary {background-color:#999;}

/* uikit font color */

.width_space {width: 20px;}
.label {height: 21px;}
body:not(.home) {background: #f9f9f9;}


.uk-navbar-nav>li>a, .uk-navbar-toggle{
    min-height: 65px;
    display: inline-block;
}

/*
 *------------------------------
 * L A Y O U T
 *------------------------------
*/

/* Layout - header */
.dc-header-bgc {background-color: #111;}

/* Layout - hot */
.dc-hot-style {background-color: transparent;}
.dc-hot-style .uk-button-small {font-size: .825rem; color: #999;}

/* Layout - nav */
.dc-nav-bgc {}

/* Layout - visual */
.dc-visual-bgc-home {background-color: #aaa;}
.dc-visual-bgc-sub {background-color: #ccc;}

/* Layout - content */
.dc-content-bgc {}

/* Layout - footer */
.dc-footer-bgc {background-color: #eee; border-top: 0px solid #ddd;}
body:not(.home) .dc-footer-bgc {background-color: #eee;}


.uk-sticky-placeholder{display: none; height: 0px;}



/*
 *------------------------------
 * U I - E L E M E N T
 *------------------------------
*/

/* button */

.cb_logo {margin-top: -30px; width: 100px;}


.footerInfo {color: #555; font-size: 14px;}
.footerInfo h3 {color: #333;}
.footerInfo hr {border-top: 1px solid #888;}
body:not(.home) .footerInfo {}
body:not(.home) .footerInfo h3 {}
body:not(.home) .footerInfo h3 img {width: 120px; margin-right: 10px;}
@media (max-width: 640px){
    .footerInfo {font-size: 11px;}
    .footerInfo h3 {font-size: 1.1rem;}
    .ft .footerInfo .footer_logo {width: 100px; margin-right: 10px;}
}


.sub1 {
    background-color: #837b8e;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2334264b' fill-opacity='0.5' fill-rule='nonzero'%3E%3Cpath d='M29 58.58l7.38-7.39A30.95 30.95 0 0 1 29 37.84a30.95 30.95 0 0 1-7.38 13.36l7.37 7.38zm1.4 1.41l.01.01h-2.84l-7.37-7.38A30.95 30.95 0 0 1 6.84 60H0v-1.02a28.9 28.9 0 0 0 18.79-7.78L0 32.41v-4.84L18.78 8.79A28.9 28.9 0 0 0 0 1.02V0h6.84a30.95 30.95 0 0 1 13.35 7.38L27.57 0h2.84l7.39 7.38A30.95 30.95 0 0 1 51.16 0H60v27.58-.01V60h-8.84a30.95 30.95 0 0 1-13.37-7.4L30.4 60zM29 1.41l-7.4 7.38A30.95 30.95 0 0 1 29 22.16 30.95 30.95 0 0 1 36.38 8.8L29 1.4zM58 1A28.9 28.9 0 0 0 39.2 8.8L58 27.58V1.02zm-20.2 9.2A28.9 28.9 0 0 0 30.02 29h26.56L37.8 10.21zM30.02 31a28.9 28.9 0 0 0 7.77 18.79l18.79-18.79H30.02zm9.18 20.2A28.9 28.9 0 0 0 58 59V32.4L39.2 51.19zm-19-1.4a28.9 28.9 0 0 0 7.78-18.8H1.41l18.8 18.8zm7.78-20.8A28.9 28.9 0 0 0 20.2 10.2L1.41 29h26.57z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");   
}









.cb_border {
    border: 1px solid #ebebeb;
}

.uk-text-warning {
    color: #3e85ad !important;
}

.cb_guideline {
    font-size: 16px;
}

.cb_reg {
    font-size: 18px;
}

.uk-label-jury{
    background: #c95c47;
}
.uk-label-jury1{
    background: #a3766d;
}

ul li {line-height: 2;}
.schedule ul li {line-height: 2.5;}



 
/* 		B A N N E R
 ********** ********** ********** ********** */

.sub .banner_bg {
    position: relative;
    
    box-shadow: 0px -5px 15px #556974 inset;
}

.sub .sub_top {
    position: relative; width: 1200px; height: 269px; margin: 0 auto;
    /*background: url("/static/images/some.png");
    background-repeat: no-repeat;*/
}
.sub .sub_top_cha {
    position: absolute;
    top: 139px; left: 86px;
}
.sub .sub_top_copy {
    position: absolute;
    top: 168px; left: 833px;
}


.cb_space_bg {
    position: absolute;
    padding: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}
.space_text {
    margin-top: 70px;
    text-align: center;
}
.space_text .tit {
    font-size: 38px;
    line-height: 38px;
    color: #fff;
}
.space_text .txt {
    font-size: 22px;
    color: #fff;
    margin-bottom: 15px;
}
.uk-button-primary, .uk-button-primary:link, .uk-button-primary:visited, .uk-button-primary:active {
    background-color: #635448;
    color: #fff;
    border: 1px solid transparent;
}
.uk-button-primary:hover {

}

.page_tit {
    border-bottom: 1px solid #c95c47;
    margin-bottom: 30px;
}

.cb_cont {
    padding: 40px 20px 20px;
}

@media (max-width: 639px) {
    .cb_cont {
        padding: 20px 0px;
        margin-left:0;
        margin-right:0;
    }
    .cb_cont .uk-margin {
        padding-left:0;
    }
}

.dnld {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.uk-card-primary.uk-card-body .uk-button-default, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-default {
    border-color: rgba(200,200,200,.3);
}

.home .uk-button-large {
    padding: 1rem 1.5rem;
    line-height: 2rem;
}

#dupl_msg {display: none;}

.cont_tit {color: #52421c;}



/*.district {border-top: 2px solid #ccc; width: 820px; height: 250px;}*/
.district {border-top: 2px solid #ccc; height: 250px;}
.district h3 {font-weight: 500;}
.district h3 span {font-weight: 300;}
.district1 {border-top-color: #4d599f;}
.district2 {border-top-color: #fb9a00;}
.district3 {border-top-color: #a5d200;}
.district4 {border-top-color: #b83992;}
@media (max-width: 640px){
    .district {border-top: 2px solid #ccc; width: 90%; height: auto;}
    .district h3 {font-size: 18px;}
}


h2.uk-margin-remove-bottom {
    margin-bottom: 5px !important;
    text-align: left;
}
@media (max-width: 640px) {
    h2.uk-margin-remove-bottom {
        font-size: 1.5rem;
        margin-top: 10px;
        margin-left: 0px!important;
    }
}
.uk-tab>*>a {
    display: block;
    text-align: center;
    padding: 5px 66px;
    color: #777;
    border-bottom: 3px solid transparent;
    font-size: 1.5rem;
    text-transform: uppercase;
    transition: color .1s ease-in-out;
}
.uk-tab>*>a.muted {
    color: #aaa;
}
.tabs {}
.tab {display: none; padding-top: 30px;}
.winners .tab {display: none; padding-top: 0px;}







@media (max-width: 640px){
    body.site .uk-card-body.card_tab {
        padding: 10px 0px;
    }

    .card_tab .uk-tab>*>a {
        display: block;
        text-align: center;
        padding: 5px 0px;
        color: #999;
        border-bottom: 3px solid transparent;
        font-size: .8rem;
        text-transform: uppercase;
        transition: color .1s ease-in-out;
    }
}


.uk-tab>.uk-active>a#tab_menu0 {border-color: #4d599f;}
.uk-tab>.uk-active>a#tab_menu1 {border-color: #fb9a00;}
.uk-tab>.uk-active>a#tab_menu2 {border-color: #a5d200;}
.uk-tab>.uk-active>a#tab_menu3 {border-color: #b83992;}

.district_table {border-top: 2px solid #333; border-bottom: 1px solid #cecece;}
.tab .uk-placeholder {border: 1px dashed #b3a11b; background: #f6f6f6;}
.tab .uk-placeholder-gallery {border: 0px dashed #b3a11b; background: transparent; margin-top: 2px; margin-bottom: 80px;}

body.winners .tab .uk-placeholder-gallery img {border: 1px solid #eee;}

.winners .tab .uk-placeholder {border: 0px dashed #b3a11b; background: #f6f6f6; font-size: 15px; color: #333;}

.dc-padding-bottom {text-align: left; padding-left: 33px;}

@media (max-width: 640px) {
    .dc-padding-bottom {padding-left: 10px;}
}

/*
body.competition #mn0 .d1_a {color: #2a6281;}
body.site #mn1 .d1_a {color: #2a6281;}
body.entrants #mn2 .d1_a {color: #2a6281;}
body.qna #mn3 .d1_a {color: #2a6281;}
body.winners #mn4 .d1_a {color: #2a6281;}
*/




.menubar .d1_m .d1_a:hover {color: #c1c1c1;}



hr {border-top: 1px solid #f1f1f1;}

body.competition .uk-placeholder {background: #f8f8f8; margin-top: 5px;}
body.competition .uk-placeholder dl dd span {display: inline-block; border-bottom: 2px solid #ccc; margin-right: 10px; padding: 2px 10px;}
body.competition .uk-placeholder dl dd span.d1 {border-color: #4d599f;}
body.competition .uk-placeholder dl dd span.d2 {border-color: #fb9a00;}
body.competition .uk-placeholder dl dd span.d3 {border-color: #a5d200;}
body.competition .uk-placeholder dl dd span.d4 {border-color: #b83992;}


.dst_A {color: #4d599f;}
.dst_B {color: #fb9a00;}
.dst_C {color: #a5d200;}
.dst_D {color: #b83992;}

.uk-heading span {font-size: 28px;}

.cont.uk-card {border-top: 5px solid #fff;}
.cont.uk-card.top_A {border-color: #4d599f;}
.cont.uk-card.top_B {border-color: #fb9a00;}
.cont.uk-card.top_C {border-color: #a5d200;}
.cont.uk-card.top_D {border-color: #b83992;}




.progress {
    position: absolute;
    top: 10px;
    left: 0;
    height: 100%;
    width: 100%;
}

.progress-container {
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: calc(100% - 20px);
    color: #fff;
    padding: 0px;
    text-align: center;
}

.progress-container label {
    font-size: 40px;
    opacity: 0;
    display:inline-block;
    letter-spacing: -5px;
}

@media (max-width: 640px){
    .progress-container label {
        font-size: 29px;
    }
}

@keyframes anim {
    10% {
        opacity: 0;
        transform: translateX(-200px);
    }
    20% {
        opacity: 1;
        transform: translateX(0px);
    }
    80% {
        opacity: 1;
        transform: translateX(0px);
    }
    90% {
        opacity: 0;
        transform: translateX(200px);
    }
}

@-webkit-keyframes anim {
    10% {
        opacity: 0;
        -webkit-transform: translateX(-200px);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    80% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    90% {
        opacity: 0;
        -webkit-transform: translateX(200px);
    }
}

Resources 1×0.5×0.25× Rerun