@charset "utf-8";
/*RESET v3*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, cite, img, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font: inherit;
    margin: 0;
    padding: 0;
    font-weight: normal;
    vertical-align: baseline;
}
html,body{
    height:100%
}
body {
    font-family: Microsoft YaHei, Helvetica;
    font-size: 14px;
    background: #fff;
	width:expression(document.body.clientWidth <= 1280? "1280px": "auto"); min-width:1280px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
button {
    outline: none;
}
ol, ul {
    margin: 0;
    padding: 0;
}
ol, ul, li {
    list-style: none;
}
i, em {
    font-style: normal;
}
blockquote {
    quotes: none;
}
blockquote:before, blockquote:after {
    content: '';
    content: none;
}
a, .tran {
    outline: none;
    text-decoration: none;
    text-decoration:none;
    text-decoration: none;
    transition: background-color .5s ease 0s,color .5s ease 0s,width .5s ease 0s,border-width .5s ease 0s,border-color .5s ease 0s;
    -webkit-transition: background-color .5s ease 0s,color .5s ease 0s,width .5s ease 0s,border-width .5s ease 0s,border-color .5s ease 0s;
    -moz-transition: background-color .5s ease 0s,color .5s ease 0s,width .5s ease 0s,border-width .5s ease 0s,border-color .5s ease 0s;
    -ms-transition: background-color .5s ease 0s,color .5s ease 0s,width .5s ease 0s,border-width .5s ease 0s,border-color .5s ease 0s;
    -o-transition: background-color .5s ease 0s,color .5s ease 0s,width .5s ease 0s,border-width .5s ease 0s,border-color .5s ease 0s
}
input, textarea{
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    outline: none;
    border: 0;
    margin: 0;
    padding: 0;
}
select, option{
    font-family: inherit;
}
.noselect{
    -webkit-user-select: none;
    user-select: none;
}
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{
    clear:both;
}
.clearfix{
    *zoom:1;
}

.fl {
    float: left;
}
.fr {
    float: right;
}

@font-face {
    font-family: 'geosanslightregular';
    src: url('../font/geosanslight-webfont.woff2') format('woff2'),
         url('../font/geosanslight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neuebook';
    src: url('../font/bebasneue_book-webfont.woff2') format('woff2'),
         url('../font/bebasneue_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.top {
	background:url(../images/bg-top.png) left top repeat;
	height:40px;
	padding:15px 10%;
	text-transform:uppercase;
	color:#fff;
	position:fixed;
	top:0;
	left:0;
	right:0;
}
.menu { text-align:center; font-size:16px}
.menu ul li { display:inline-block}
.menu ul li:last-child a { border:1px solid #fff; border-radius:50%; font-size:12px; width:22px; height:22px; line-height:22px; padding:0; margin:0 14px;}
.menu li a { color:#fff; padding:13px 5px 19px; margin:0 25px; display:inline-block}
.page_EN .menu li a { margin:0 15px }
.menu li a:hover, .menu li a.active { color:#21a9e2; border-bottom:2px solid #21a9e2}
.menu .btn { background:#90c31f; padding:10px 40px; margin-left:20px; color:#fff; border:none; font-size:18px; border-radius:20px; cursor:pointer; text-transform:uppercase}
.menu .btn:hover { background:#a4d636} 

.banner { text-align:center; color:#fff; background:url(../images/bg-banner.png) no-repeat top center; background-size:100% 100%; height:500px; 
	font-family: 'geosanslightregular'; margin-top:70px;
}
.banner.home { height:610px;}

.banner-about { background:url(../images/bg-about.png); background-size:100% 100%}
.banner h1 { font-size:70px; padding:6% 0 10px; width:36%; margin:0 auto }
.banner h1 img { width:100%} 
.page_EN .banner h1 { padding:4% 0 10px; width:520px; margin:0 auto }
.page_EN .banner h1 img { width:100%}
.banner hr { width:420px; margin:0 auto; border:none; height:1px; background:#fff;}
.banner h4 { font-size:38px; letter-spacing:7px; padding-top:10px;text-transform:uppercase;}
.banner h3 { font-size:50px; letter-spacing:2px;text-transform:uppercase;}
.banner h5 { font-size:23px; font-family:Arial}

.page_EN .banner hr { width:520px; margin:0 auto; border:none; height:1px; background:#fff;}
.page_EN .banner h4 { font-size:58px; letter-spacing:7px; padding-top:10px;text-transform:uppercase;}
.page_EN .banner h3 { font-size:70px; letter-spacing:2px;text-transform:uppercase;}

.main-contents { text-align:center; width:80%; margin:0 auto; padding:50px 0}
.main-contents dl { width:30.333%; margin:0 1.5%; display:inline-block; float:left;}
.main-contents dl dd { font-size:30px; color:#21a9e2; padding-top:10px; text-transform:uppercase}
.main-contents dl dd:last-child { font-size:16px; color:#9c9c9c; line-height:26px; text-transform:inherit}
.main-contents dl dd b { color:#333c79}

.container { width:84%; margin:0 auto; padding:50px 0;}

.submissions { background:#3c4fa8; color:#fff;font-size:32px;}
.submissions a { color:#fff}
.submissions span { float:left; width:60%; padding-right:30px}
.submissions span img { width:100%} 
.submissions ul li {text-transform: uppercase; }
.submissions ul li:first-child { letter-spacing:23px}
.page_EN .submissions ul li:first-child { letter-spacing: inherit}
.submissions ul li:nth-child(2) { font-family: 'bebas_neuebook'; font-size:58px}
.submissions ul li:last-child { font-size:16px;} 
.submissions ul li hr { border:none; height:3px; background:#fff;}

.about { padding:100px 0; width:84%; margin:0 auto; background:url(../images/pic-pathway.png) no-repeat right 150px;}
.about h2 { text-transform:uppercase; font-size:50px; color:#21a9e2; padding-bottom:20px;}
.about p { width:60%; float:left; clear:both; color:#9c9c9c; line-height:24px; padding:10px 0;}

.time-line { text-align:center; padding:50px 0; color:#fff; font-size:50px; height:220px; background:#3c4fa8 url(../images/bg-timeLine.png) bottom center no-repeat; 
	background-size: contain;
}
.time-line span { width:60%; margin:0 auto; padding:20px 0; text-align:center; display:block;}
.time-line span img { width:100%; max-width:1100px;}

.judges {
	padding:50px 0;
}
.judges h2 {
	 font-size:50px; color:#00d1ea; text-align: center; padding-bottom:20px;
}
.judge-detail { width:20.33%; margin:0 1.5% 20px; background:#f7f7f7; padding:30px 5%; text-align:center; height:500px;}
.page_EN .judge-detail { height:590px; width:26.33%; padding:30px 2% }
.judge-detail b { width:180px; height:180px; overflow:hidden; text-align:center; border-radius:50%; margin:0 auto 20px; background:#ccc; display:block}
.judge-detail b img { width:100%;}
.judge-detail strong { font-size:20px; padding-bottom:4px; display:block;}
.judge-detail span {
	display:block; text-align:left; line-height:22px; padding-top:30px;
}

.partners { text-transform:uppercase; border-top:1px solid #d2d2d2;}
.partners .title { padding:30px 30px 0 9%; color:#7e7e7e; font-size:20px; }
.partners li { display:block; padding:30px 0;}

.partners .logos { border-left:1px solid #d2d2d2; padding:30px 0 80px 5%;}
.partners .logos li { padding-bottom:0}
.partners .logos li b { display:block; padding-top:14px; float:left} 
.partners .logos li b img { width:120px; margin-right:20px;}

.contact-us { background:#363e54; text-align:left; padding:60px 0 80px}
.contact-us h2 { font-size:50px; color:#fff;}
.contact-us ul { color:#00d1ea; font-size:18px; border-left:2px solid #00d1ea; padding:0 120px 0 20px; margin-top:30px;}
.contact-us ul span { padding-bottom:10px; display:block; width:200px; text-transform:uppercase }
.contact-us ul li { font-style:oblique}

.contents-about {padding:100px 0;}
.contents-about span { width:370px; color:#21a9e2; font-size:50px;}
.contents-about .detail {
	width:calc(100% - 420px);
	color:#1d1d1d;
	line-height:24px;
} 
.contents-about .detail p {
	padding-bottom:20px;
	font-size:16px;
	line-height:28px
}
.contents-about .detail p b { display:block; margin:60px 0 10px;}
.contents-about .detail p:first-child b { margin-top:0}
.contents-about .detail p img { width:200px;}