@charset "utf-8";body{font-family:"Source Sans Pro", sans-serif, "微軟正黑體", "MS PGothic";line-height:1.43;color:#333333;letter-spacing:1px;}
ul{list-style:none;}
img{width:100%;}
font{font-size:larger;}
input{font-family:"Source Sans Pro", sans-serif, "微軟正黑體", "MS PGothic";}
.mobile{display:none;}
.container{width:1000px;margin:0 auto;}
a{text-decoration:none;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;}
a:hover{text-decoration:none;}
.btn{display:block;color:#fff;font-size:18px;letter-spacing:5px;text-decoration:none;margin:0 auto;border-radius:2px;background:#f52122;}
.btn:hover{background:#de0607;}
.clear{clear:both;}
h2{text-align:center;color:#333333;font-size:35px;font-weight:bold;letter-spacing:8px;padding-top:60px;}
header{z-index: 999;}
.kv i,.registration i{-webkit-animation:lr 0.5s infinite linear;animation:lr 0.5s infinite linear;margin-left:10px;}
.kv{position:relative;width:100%;height:642px;text-align:center;overflow:hidden;background:url(../images/kv_bg.jpg) no-repeat center top;}
.kv_title{position:relative;width:662px;margin:95px auto 40px auto;z-index:2;}
.kv_title .bg{position:absolute;top:0;left:0;}
.kv_title .logo{position:absolute;width:30%;top:45px;left:50px;}
.kv_title .img{position:absolute;width:80%;top:90px;left:50px;}
.kv_title .text{position:absolute;width:85%;font-size:20px;margin-top:32%;left:50px;}
.kv .text_1{font-size:16px;margin-top:420px;}
.kv .text_1 p{margin-bottom:10px;z-index:2;}
.kv .text_2{display:none;}
.kv .btn{width:230px;height:45px;line-height:45px;margin-top:28px;cursor: pointer;}

.step_bg{background: url(../images/step_bg.jpg) no-repeat center bottom;background-size: cover;}

.awards .content{position: relative;width: 90%;margin: 40px auto 0 auto;padding: 30px; text-align: center; border: 1px solid #dcdcdc;}
.awards .content .title{position: absolute; display: inline-block;top: -15px;left: 50%; line-height: 1em; padding: 0 15px;font-size: 20px; background: #fff;transform: translate(-50%, 0);white-space: nowrap;}
.awards .content .title span{font-size: 34px;color: #e4007f;margin-left: 5px;}
.awards .content .title span font{font-size: 44px;}
.awards .content .text {font-size: 31px;color: #e4007f;}
.awards .content .text span{padding: 2px 10px;margin-left: 5px; font-size: 24px;color: #fff;vertical-align: text-top;background: #e4007f;border-radius: 10px;white-space: nowrap;}


.step{padding-top:20px;padding-bottom: 50px; }
.step .container > ul{width:67%;margin:0 auto;margin-top: 15px; font-size:24px;}
.step .container > ul > li > font{line-height: 1em;font-size: 26px;}
.step .container > ul > li{display:block;margin-bottom:15px;}
.step .container > ul > li > span{color:#ff9000;font-weight:bold;margin-right:15px;float: left;}
.step .container > ul > li > ul{display: inline-block;width:82%;}
.step .container > ul > li > ul > li{display:block;margin-bottom:22px;}
.step .container > ul > li > ul > li > span{display: block;margin-bottom: 3px; font-size:24px;font-weight:bold;white-space:nowrap;}
.step .container > ul > li > ul > li > span > span{font-size:17px;margin-right: 3px;}
.step .container > ul > li > ul > li img{width:25px;vertical-align: text-top;margin-left:5px;}
.step .container > ul > li > ul > li > div{font-size:17px;border-left: 1px solid #b6b6b6;margin-left: 5px;padding-left: 10px;}
.step .container > ul > li > ul > li > div b{padding: 0 3px;margin-left: 3px; color: #fff; background: #333;}


.score{background:url(../images/score_bg.jpg) no-repeat center top;font-size: 17px;padding-bottom: 28px;}
.score .content{position:relative;width:90%;;margin:20px auto 30px auto;padding: 30px 13% 40px 13%; background: #fff;}
.score ul li{margin-bottom: 5px;}
.score ul li .title{color:#e4007f;font-size:27px;font-weight:bold;margin-right: 10px;vertical-align: sub;}
.score .text{margin-top:20px;color: #000;padding-left: 20px;background: url(../images/arrow.png) no-repeat 0px 5px;background-size: 10px;}
.score .text span{background: url(../images/line.png) no-repeat 0 19px;}
.score .text i{font-size:14px;margin-right:8px;}
.score .freeback{width: 84%; margin:0 auto;text-align: center;}
.score .freeback a{display: inline-block;padding:2px 5px;margin:0 5px;white-space:nowrap;color: #333;border: 1px solid #5f5f5f;border-radius: 2px;}
.score .freeback a:hover{color: #fff;border: 1px solid #3753df;background: #3753df;}


.registration{margin-top: 30px;color:#fff;text-align:center;}
.registration .btn{width:530px;height:55px;margin-bottom:40px;font-size:25px;line-height:55px;cursor:pointer;}
.registration .link a{color:#3753df;padding:5px 15px;margin:0 30px;border:1px solid #3753df;border-radius:2px;white-space:nowrap;}
.registration .link a:hover{color:#fff;background:#3753df;}

.precautions{font-size:13px;}
.precautions .container{width:860px;}
.precautions h2{font-size:25px;}
.precautions > .container > ul{margin:0 auto;margin-top:10px;padding-left:25px;list-style:decimal-leading-zero;}
.precautions > .container > ul > li{line-height:1.3em;margin-bottom:8px;}
.precautions > .container > p{color:#b20000;}

.organizer{padding-bottom:2%;}
.organizer > .container > ul{width:680px;margin:0 auto;margin-top:1%;}
.organizer > .container > ul > li{display:inline-block;width:4.5%;margin-right:3.2%;}
.organizer > .container > ul > li:first-child{width:38%;margin-right:4%;vertical-align:sub;}
.organizer > .container > ul > li:last-child{margin-right:0%;}

footer{padding:0.5% 0;color:#fff;font-size:17px;text-align:center;background:#333;}

@-webkit-keyframes lr{0%,50%, 100%{-webkit-opacity-origin:top center;}
0%{-webkit-transform:translatex(0px);}
50%{-webkit-transform:translatex(3px);}
100%{-webkit-transform:translatex(0px);}
}
@-moz-keyframes lr{0%{-moz-transform:translatex(0px);}
50%{-moz-transform:translatex(3px);}
100%{-moz-transform:translatex(0px);}
}
@-o-keyframes lr{0%{-o-transform:translatex(0px);}
50%{-o-transform:translatex(3px);}
100%{-o-transform:translatex(0px);}
}
@keyframes lr{0%{transform:translatex(0px);}
50%{transform:translatex(3px);}
100%{transform:translatex(0px);}
}
#animate-balloon .balloon-01{position:absolute;background-image:url(../images/balloon_01.png);background-repeat:no-repeat;left:12%;width:146px;height:179px;-webkit-animation:flutter_01 120s linear infinite;-moz-animation:flutter_01 120s linear infinite;-o-animation:flutter_01 120s linear infinite;-ms-animation:flutter_01 60s linear infinite;animation:flutter_01 20s linear infinite;z-index:2;}
@-webkit-keyframes flutter_01{0%{top:40%;}
50%{top:60%;}
100%{top:70%;}
}
@-moz-keyframes flutter_01{0%{top:70%;}
50%{top:60%;}
100%{top:70%;}
}
@-o-keyframes flutter_01{0%{top:70%;}
50%{top:60%;}
100%{top:70%;}
}
@-ms-keyframes flutter_01{0%{top:70%;}
50%{top:60%;}
100%{top:70%;}
}
@keyframes flutter_01{0%{top:580px;}
50%{top:530px;}
100%{top:580px;}
}
#animate-layer .balloon{background-repeat:no-repeat;position:absolute;-webkit-animation:flutter 10s linear infinite;-webkit-animation-fill-mode:backwards;-moz-animation:flutter 10s linear infinite;-moz-animation-fill-mode:backwards;-o-animation:flutter 10s linear infinite;-o-animation-fill-mode:backwards;-ms-animation:flutter 10s linear infinite;-ms-animation-fill-mode:backwards;animation:flutter 10s linear infinite;animation-fill-mode:backwards;}
#animate-layer .balloon-02{background-image:url(../images/balloon_02.png);top:48%;left:65.5%;width:63px;height:82px;z-index:3;-webkit-animation:flutter_02 10s linear infinite;-webkit-animation-fill-mode:backwards;-moz-animation:flutter_02 10s linear infinite;-moz-animation-fill-mode:backwards;-o-animation:flutter_02 10s linear infinite;-o-animation-fill-mode:backwards;-ms-animation:flutter_02 10s linear infinite;-ms-animation-fill-mode:backwards;animation:flutter_02 10s linear infinite;animation-fill-mode:backwards;-webkit-animation-duration:60s,10s;-webkit-animation-delay:-200s;-moz-animation-duration:60s,10s;-moz-animation-delay:-200s;-o-animation-duration:60s,10s;-o-animation-delay:-200s;-ms-animation-duration:60s,10s;-ms-animation-delay:-200s;animation-duration:10s,10s;animation-delay:-100s;}
@-webkit-keyframes flutter_02{0%{top:40%;}
50%{top:60%;}
100%{top:70%;}
}
@-moz-keyframes flutter_02{0%{top:0%;}
50%{top:60%;}
100%{top:70%;}
}
@-o-keyframes flutter_02{0%{top:70%;}
50%{top:60%;}
100%{top:70%;}
}
@-ms-keyframes flutter_02{0%{top:70%;}
50%{top:60%;}
100%{top:70%;}
}
@keyframes flutter_02{0%{top:15%;}
50%{top:23%;}
100%{top:15%;}
}
#animate-layer .balloon-03{background-image:url(../images/balloon_03.png);top:75%;left:29%;width:73px;height:92px;-webkit-animation-duration:50s,50s;-moz-animation-duration:50s,50s;-o-animation-duration:50s,50s;-ms-animation-duration:50s,50s;animation-duration:50s,50s;animation-delay:-140s;}
#animate-layer .balloon-04{background-image:url(../images/balloon_04.png);top:35%;left:24.5%;width:69px;height:82px;-webkit-animation-duration:80s,50s;-moz-animation-duration:80s,50s;-o-animation-duration:80s,50s;-ms-animation-duration:80s,50s;animation-duration:80s,50s;animation-delay:-120s;}
#animate-layer .balloon-05{background-image:url(../images/balloon_05.png);top:45%;left:20.5%;width:34px;height:42px;-webkit-animation:flutter 40s linear infinite;-moz-animation:flutter 40s linear infinite;-o-animation:flutter 40s linear infinite;-ms-animation:flutter 40s linear infinite;animation:flutter 40s linear infinite;animation-delay:-53s;}
#animate-layer .balloon-06{background-image:url(../images/balloon_06.png);top:25%;left:80%;width:57px;height:68px;-webkit-animation:flutter 80s linear infinite;-moz-animation:flutter 80s linear infinite;-o-animation:flutter 80s linear infinite;-ms-animation:flutter 80s linear infinite;animation:flutter 80s linear infinite;animation-delay:-145s;}
#animate-layer .balloon-07{background-image:url(../images/balloon_07.png);top:25%;left:88.5%;width:28px;height:45px;-webkit-animation:flutter 100s linear infinite;-moz-animation:flutter 100s linear infinite;-o-animation:flutter 100s linear infinite;-ms-animation:flutter 100s linear infinite;animation:flutter 100s linear infinite;animation-delay:-160s;}
#animate-layer .balloon-08{background-image:url(../images/balloon_08.png);top:25%;left:73%;width:60px;height:81px;-webkit-animation:flutter 90s linear infinite;-moz-animation:flutter 90s linear infinite;-o-animation:flutter 90s linear infinite;-ms-animation:flutter 90s linear infinite;animation:flutter 90s linear infinite;animation-delay:-135s;}
#animate-layer .balloon-09{background-image:url(../images/balloon_09.png);top:25%;left:84%;width:45px;height:53px;-webkit-animation:flutter 120s linear infinite;-moz-animation:flutter 120s linear infinite;-o-animation:flutter 120s linear infinite;-ms-animation:flutter 120s linear infinite;animation:flutter 120s linear infinite;animation-delay:-155s;}
#animate-layer .balloon-10{background-image:url(../images/balloon_10.png);top:25%;left:81%;width:69px;height:88px;-webkit-animation:flutter 70s linear infinite;-moz-animation:flutter 70s linear infinite;-o-animation:flutter 70s linear infinite;-ms-animation:flutter 70s linear infinite;animation:flutter 70s linear infinite;animation-delay:-150s;}
@-webkit-keyframes flutter{0%{top:100%;}
50%{top:5%;}
00%{top:-5%;}
}
@-moz-keyframes flutter{0%{top:100%;}
00%{top:-5%;}
}
@-o-keyframes flutter{0%{top:100%;}
00%{top:-5%;}
}
@-ms-keyframes flutter{0%{top:100%;}
00%{top:-5%;}
}
@keyframes flutter{0%{top:100%;}
100%{top:-5%;}
}
@-webkit-keyframes shake{0{-webkit-transform:translate(0, 0);}
50%{-webkit-transform:translate(0, -50%);}
100%{-webkit-transform:translate(0, 0);}
}
@-moz-keyframes shake{0{-moz-transform:translate(0, 0);}
50%{-moz-transform:translate(0, -50%);}
100%{-moz-transform:translate(0, 0);}
}
@-o-keyframes shake{0{-o-transform:translate(0, 0);}
50%{-o-transform:translate(0, -50%);}
100%{-o-transform:translate(0, 0);}
}
@-ms-keyframes shake{0{-ms-transform:translate(0, 0);}
50%{-ms-transform:translate(0, -50%);}
100%{-ms-transform:translate(0, 0);}
}
@keyframes shake{0{transform:translate(0, 0);}
50%{transform:translate(0, -50%);}
100%{transform:translate(0, 0);}
}
@media screen and (max-width:1550px){#animate-balloon .balloon-01{left:8%;}
#animate-layer .balloon-02{left:67%;}
#animate-layer .balloon-03{left:20%;}
#animate-layer .balloon-04{left:14%;}
#animate-layer .balloon-05{left:8%;}
#animate-layer .balloon-06{left:85%;}
#animate-layer .balloon-07{left:96%;}
#animate-layer .balloon-08{left:79%;}
#animate-layer .balloon-09{left:92%;}
#animate-layer .balloon-10{left:88%;}
}
@media screen and (max-width:1250px){#animate-balloon .balloon-01{left:2%;}
#animate-layer .balloon-02{left:72%;}
#animate-layer .balloon-03{left:12%;}
#animate-layer .balloon-04{left:10%;}
#animate-layer .balloon-05{left:3%;}
#animate-layer .balloon-06{left:88%;}
#animate-layer .balloon-07{left:97%;}
#animate-layer .balloon-08{left:82%;}
#animate-layer .balloon-09{left:94%;}
#animate-layer .balloon-10{left:90%;}
}
@media screen and (max-width:1100px){#animate-balloon .balloon-01{left:1%;width:130px;background-size:contain;}
#animate-layer .balloon-02{left:78%;}
#animate-layer .balloon-03{left:2%;}
#animate-layer .balloon-04{left:1.5%;}
#animate-layer .balloon-05{left:1%;}
#animate-layer .balloon-06{left:92%;}
#animate-layer .balloon-07{left:98%;}
#animate-layer .balloon-08{display:none;}
#animate-layer .balloon-09{left:94%;}
#animate-layer .balloon-10{display:none;}
}
@media screen and (max-width:850px){#animate-balloon .balloon-01{left:1%;width:130px;background-size:contain;}
#animate-layer .balloon-02{left:82%;}
#animate-layer .balloon-03{left:1%;}
#animate-layer .balloon-04{display:none;}
#animate-layer .balloon-05{left:0.5%;}
#animate-layer .balloon-06{display:none;}
#animate-layer .balloon-07{left:98%;}
}
@media screen and (max-width:769px){#animate-balloon .balloon-01{left:3%;width:120px;}
#animate-layer .balloon-02{left:90%;}
#animate-layer .balloon-03{left:10%;}
#animate-layer .balloon-04{display:block;left:3%;}
#animate-layer .balloon-05{left:0.5%;}
#animate-layer .balloon-06{display:inline-block;left:78%;}
#animate-layer .balloon-07{left:94%;}
#animate-layer .balloon-09{left:87%;}
}
@media screen and (max-width:560px){#animate-balloon .balloon-01{left:3%;width:120px;}
#animate-layer .balloon-02{left:91%;}
#animate-layer .balloon-03{left:1%;}
#animate-layer .balloon-04{display:none;}
#animate-layer .balloon-05{left:0.5%;}
#animate-layer .balloon-06{left:88%;}
}
@media screen and (max-width:480px){#animate-balloon .balloon-01{left:3%;width:90px;}
#animate-layer .balloon-02{left:91%;width:50px;background-size:contain}
#animate-layer .balloon-03{left:1%;width:50px;background-size:contain}
#animate-layer .balloon-04{display:none;}
#animate-layer .balloon-05{left:0.5%;}
#animate-layer .balloon-06{left:88%;}
}
@media screen and (max-width:360px){#animate-balloon .balloon-01{left:3%;width:70px;}
#animate-layer .balloon-02{left:91%;width:40px;}
#animate-layer .balloon-03{left:1%;width:40px;}
#animate-layer .balloon-04{display:none;}
#animate-layer .balloon-05{left:0.5%;}
#animate-layer .balloon-06{left:88%;}
}