a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden;font-family:'微軟正黑體','Malgun Gothic',Dotum,Tahoma,sans-serif}button,ol,ul{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}button{background:0 0;border:none}img{max-width:100%;height:auto}.modal-modal,a,button{background-color:transparent;border:none;cursor:pointer}button.close{width:54px;height:54px;background:url(//landing.mangot5.com/template/la/event/nav/images/close.png) no-repeat 0 0;background-size:contain;overflow:hidden;text-indent:-10000em;cursor:pointer;border:0;opacity:1;position:absolute;right:1rem;top:-54px;z-index:999}.modal-dialog{width:100%;max-width:1400px;margin:8vh auto 0 auto;text-align:center;pointer-events:auto}@media only screen and (max-width:480px){.modal-dialog{margin:40% auto}}.modal-dialog iframe{max-width:100%}@media only screen and (max-width:350px){.modal-dialog iframe{max-height:60vh}}@media (min-width:1200px){.custom-container{max-width:1310px}}body{background:#18100f;background-size:cover;color:#ffb0ad;font-family:"Microsoft JhengHei",sans-serif,Arial;font-weight:400;line-height:1.4;font-size:18px}body.mask{position:relative;display:block}body.mask:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:#18100f;z-index:10000}body p{margin:35px 0 0;font-size:20px;color:#fff;line-height:inherit;font-weight:inherit}@media only screen and (max-width:480px){body p{font-size:14px;margin-top:20px}}body h1{position:relative;margin-bottom:15px;font-size:24px;margin:0 auto}body h2{margin:15px 0 0;font-size:20px;color:#ffb0ad;line-height:inherit}@media only screen and (max-width:480px){body h2{font-size:15px}}body h3{margin:35px 0 10px;font-size:20px;color:#ffb0ad;line-height:inherit}@media only screen and (max-width:480px){body h3{font-size:14px;margin-top:20px}}.note{color:#ff01e4;vertical-align:top}@media only screen and (max-width:480px){.note{margin-top:5px}}#head{background:url(../images/header_bg.jpg) no-repeat 50% 0;background-size:cover;height:992px;position:relative;max-width:1920px;left:50%;transform:translateX(-50%);overflow:hidden}@media only screen and (max-width:1300px){#head{height:100%;padding:100px 10px}}#head .tit{position:absolute;margin:0 auto;max-width:987px;width:100%;top:117px;left:50%;transform:translateX(-50%);margin-left:23px}#head .tit::after,#head .tit::before{background:url(../images/title.png) no-repeat 0 0;content:'';background-size:contain;position:absolute;left:0;top:0;width:100%;height:100%}#head .tit::after{animation:glitch3 2.5s infinite}#head .tit::before{animation:glitch2 2.5s infinite}@media only screen and (max-width:1300px){#head .tit{top:auto;left:auto;transform:none;position:relative;margin:0 auto}}@media only screen and (max-width:769px){#head .tit{margin-bottom:0}}#head .tit .sub{position:absolute;right:-68px;top:60px;width:426px}@media only screen and (max-width:991px){#head .tit .sub{right:-2.8617vw;width:42.986vw;top:6.0544vw}}.kols{position:absolute;max-width:784px;width:100%;left:50%;transform:translateX(-50%);margin-left:-270px;top:267px;z-index:1}@media only screen and (max-width:1300px){.kols{position:relative;margin:30px auto;left:auto;transform:none;top:auto}}.moco-dj{position:absolute;top:387px;max-width:531px;width:100%;right:50%;transform:translateX(50%);margin-right:-448px;z-index:0}@media only screen and (max-width:1300px){.moco-dj{position:relative;margin:0 auto;right:auto;transform:none;top:auto;width:50%}}.moco-dj .time{font-size:24px;font-weight:700;color:#c3acaa;margin:30px 0 50px;line-height:1.2}@media only screen and (max-width:769px){.moco-dj .time{margin:5px 0 10px}}@media only screen and (min-width:768px) and (max-width:1300px){.moco-dj .time{font-size:18px;line-height:1.4}}@media only screen and (max-width:480px){.moco-dj .time{font-size:16px}}.moco-dj .time ul{display:flex;justify-content:center;margin-top:-70px}@media only screen and (max-width:1300px){.moco-dj .time ul{margin-top:-5.83333vw}}.moco-dj .time ul li .form_download,.moco-dj .time ul li .form_signup{width:210px;height:auto;display:block;transition:all .25s ease-in-out;margin:0 17px}@media only screen and (max-width:480px){.moco-dj .time ul li .form_download,.moco-dj .time ul li .form_signup{width:70%;margin:0 auto}}.moco-dj .time ul li .form_download:hover,.moco-dj .time ul li .form_signup:hover{filter:brightness(130%)}@media only screen and (max-width:991px){.moco-dj .time ul li .form_download{display:none}}@media only screen and (min-width:768px) and (max-width:1300px){.moco-dj .time ul li .form_signup.reg{display:none}}.moco-dj .time ul li .form_signup.reg_m{display:none}@media only screen and (min-width:768px) and (max-width:1300px){.moco-dj .time ul li .form_signup.reg_m{display:block}}.main-nav{position:absolute;margin:-55px auto 0;left:0;right:0;z-index:3}.main-nav::after,.main-nav::before{background:url(../images/tab-line-lf.png) no-repeat 0 0;width:340px;height:39px;content:'';position:absolute;left:0;top:50%;z-index:-1;transform:translateY(-50%)}@media only screen and (max-width:769px){.main-nav::after,.main-nav::before{display:none}}.main-nav::after{background:url(../images/tab-line-rt.png) no-repeat 0 0;left:auto;right:0}@media only screen and (max-width:769px){.main-nav::after{display:none}}@media only screen and (max-width:480px){.main-nav{min-height:auto}}.main-nav ul.nav{align-items:center;justify-content:center;margin:0 auto;max-width:1200px;padding:0;display:flex}.main-nav ul.nav li{margin:0 10px;text-align:center;max-width:280px;flex:1 0 25%;position:relative}@media only screen and (max-width:1300px){.main-nav ul.nav li{flex:1 0 50%;padding:0 10px;margin:0 auto}}.main-nav ul.nav li a{display:block;position:relative;width:100%;height:100%;align-items:center;justify-content:center;display:flex;text-decoration:none;text-indent:-99999em}.main-nav ul.nav li a.active,.main-nav ul.nav li a:hover{background:url(../images/tab-1_hover.png) no-repeat 0 0;background-size:contain}.main-nav ul.nav li a.active img,.main-nav ul.nav li a:hover img{opacity:0}.main-nav ul.nav li:nth-of-type(2) a.active,.main-nav ul.nav li:nth-of-type(2) a:hover{background:url(../images/tab-2_hover.png) no-repeat 0 0;background-size:contain}.main-nav ul.nav li:nth-of-type(3) a.active,.main-nav ul.nav li:nth-of-type(3) a:hover{background:url(../images/tab-3_hover.png) no-repeat 0 0;background-size:contain}.main-nav ul.nav li:nth-of-type(4) a.active,.main-nav ul.nav li:nth-of-type(4) a:hover{background:url(../images/tab-4_hover.png) no-repeat 0 0;background-size:contain}@media only screen and (max-width:769px){.main-nav ul.nav li:nth-of-type(4){font-size:16px}}@media only screen and (max-width:480px){.main-nav ul.nav li:nth-of-type(4){font-size:12px}}.main-nav ul.nav a.active img,.main-nav ul.nav li:hover img{opacity:0}.main-nav.fixed{width:100%;position:fixed;top:0;z-index:9}section{position:relative;background:url(../images/con_bg.jpg) no-repeat 50%;background-size:cover;background-attachment:fixed;text-align:center;overflow:hidden;padding-top:100px}@media only screen and (max-width:1300px){section{padding-top:150px}}@media only screen and (max-width:480px){section{padding-top:80px}}section.tab-content{position:relative}section.tab-content::before{content:'';background:url(../images/moco-lf.png) no-repeat 0 0;width:369px;height:194px;position:absolute;left:0;bottom:30vh;z-index:0}@media only screen and (max-width:1300px){section.tab-content::before{display:none}}section.tab-content::after{content:'';background:url(../images/moco-rt.png) no-repeat 0 0;width:555px;height:304px;position:absolute;right:0;top:21vh;z-index:0}@media only screen and (max-width:1300px){section.tab-content::after{display:none}}section.tab-content .tab-pane{position:relative;z-index:1;padding:0 5px}section #tab1 h1,section #tab2 h1{width:45%}section #tab3 h1{width:68%}section #tab4 h1{width:57%}section #tab4 .select-tab{margin:30px auto 60px}section #tab4 .select-tab ul li{margin:0 17px}@media only screen and (max-width:1300px){section #tab4 .select-tab ul li{flex:1 0 50%;margin:0 auto;padding:0 15px}}section #tab4 .select-tab ul li a{display:block}section #tab4 .select-tab ul li a.active,section #tab4 .select-tab ul li a:hover{background:url(../images/twitch-btn_hover.png) no-repeat 0 0;background-size:contain}section #tab4 .select-tab ul li a.active img,section #tab4 .select-tab ul li a:hover img{opacity:0}section #tab4 .select-tab ul li:last-child a.active,section #tab4 .select-tab ul li:last-child a:hover{background:url(../images/yt-btn_hover.png) no-repeat 0 0;background-size:contain}section #tab5 h1{width:58%}section #tab7 h1{width:93%}section p{font-size:20px}@media only screen and (max-width:480px){section p{font-size:13px}}section button:hover{filter:drop-shadow(0 0 10px #fff8e5)}section .ycircle{margin:25px auto}section .ycircle li{color:#ffb0ad;line-height:24px;font-size:16px}@media only screen and (max-width:480px){section .ycircle li{font-size:12px;line-height:16px}}section .ycircle li::before{content:"※";margin-right:4px}section .range{margin:0 auto;padding:0 0 250px}@media only screen and (max-width:769px){section .range{padding-bottom:100px}}@media only screen and (max-width:480px){section .range{padding-left:10px;padding-right:10px;line-height:24px}}section .range .pic{margin:30px 0 0}section .range .predictbtn{background:url(../images/predict-btn_hover.png) no-repeat 0 0;background-size:contain;display:inline-block;margin:50px auto 0}@media only screen and (max-width:480px){section .range .predictbtn{width:50%;margin-top:50px}}section .range .predictbtn:hover img{opacity:0}section .range h2.rule{margin:70px 0 25px}section .range img{position:relative;z-index:3}section .range::before{content:"";position:absolute;left:50%;bottom:0;z-index:0}section .range::after{content:"";width:100%;position:absolute;right:0;bottom:0;background-position:50% 0;background-repeat:no-repeat;z-index:1;pointer-events:none}@media only screen and (max-width:769px){section .range::after{background-size:cover;background-position-x:77%}}section .range #serialNum{font-size:48px;color:#d9c494;font-weight:700;margin-bottom:10px;transition:all .25s ease-in-out}@media only screen and (max-width:480px){section .range #serialNum{font-size:20px}}section .range .info-list{max-width:900px;margin:0 auto;position:relative}section .range .info-list .table{border-collapse:separate}section .range .info-list .table .icon{display:inline-block;margin-right:5px;width:40px;height:40px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}@media only screen and (max-width:769px){section .range .info-list .table .icon{display:none}}section .range .info-list .table.table-bordered thead tr th{font-size:22px;text-wrap:nowrap}@media only screen and (max-width:480px){section .range .info-list .table.table-bordered thead tr th{font-size:15px}}section .range .info-list .table.table-bordered tr th{color:#d55;background-color:#370f0f;font-size:18px;font-weight:700;padding:15px 0;vertical-align:middle;border-color:#571b18;border-bottom-width:1px;font-size:18px}@media only screen and (max-width:480px){section .range .info-list .table.table-bordered tr th{font-size:13px;padding:5px}}section .range .info-list .table.table-bordered tr td{color:#c3acaa;background-color:#370f0f;padding:15px 0;vertical-align:middle;border-color:#571b18;border-bottom-width:1px;font-weight:700;position:relative}@media only screen and (max-width:480px){section .range .info-list .table.table-bordered tr td{padding:5px;font-size:13px}}section .range .info-list .table.table-bordered tr td .note{margin:0;font-size:13px}section .range.tab2 .container{display:flex;flex-wrap:wrap;justify-content:center}section .range.tab2 .container .title{padding-bottom:30px}section .range.tab2 .container .box{padding-bottom:80px}section .range.tab2 .container .box img{display:block}section .range.tab4 .container{display:flex;flex-wrap:wrap;justify-content:center}section .range.tab4 .container .row{justify-content:center}section .range.tab4 .container .box{padding-bottom:40px;display:flex;justify-content:center}section .range.tab4 .container .box img{display:block}.notice{padding:35px 0;position:relative}.notice ul{padding-left:20px}.notice ul li{font-size:16px;position:relative;line-height:1.8;color:#a1a2ba;font-weight:400;list-style:none}@media only screen and (max-width:480px){.notice ul li{font-size:14px}}thead tr:first-child th:first-child{border-top-left-radius:5px}.br{border-bottom-left-radius:5px}tr:first-child th:last-child{border-top-right-radius:5px}tr:last-child td:last-child{border-bottom-right-radius:5px}