@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap);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}}body{background:#fff;background-size:cover;color:#000;font-family:'Noto Serif TC','Microsoft JhengHei',Verdana,Geneva,sans-serif;font-weight:600;line-height:36px;font-size:16px}@media only screen and (max-width:768px){body{background:#060232}}h1{position:relative;margin-bottom:15px;font-size:24px}h2{margin:80px 0 15px 0;font-size:20px}@media only screen and (max-width:480px){h2{font-size:15px}}p{margin-bottom:0;font-size:16px;line-height:24px}@media only screen and (max-width:480px){p{font-size:12px;line-height:16px}}#particles-js{position:fixed;width:100vw;top:0;left:0;z-index:999;pointer-events:none}@media only screen and (max-width:1200px){#particles-js{display:none}}main{position:relative;background:url(../images/main_bg0.jpg) no-repeat 50% 0;height:100vh;padding-top:50px;z-index:1;background-size:cover;animation:lightbg 6s infinite ease-in-out alternate;-webkit-animation:lightbg 6s infinite ease-in-out alternate}@media only screen and (max-width:768px){main{background:url(../images/main_bg_mob.jpg) no-repeat 50% 0;background-size:cover;height:calc(100vh - 92px);padding-top:10px;overflow:hidden;-webkit-animation:unset;animation:unset}}@media only screen and (max-width:480px){main{background-position-x:19.5%;height:calc(100vh - 50px)}}@media only screen and (max-width:350px){main{height:calc(100vh - 40px)}}main .logo{margin-left:2vw;display:inline-block}@media only screen and (max-width:480px){main .logo img{width:30vw}}main .gamelogo{max-width:300px;display:inline-block;position:absolute;right:1vw}@media only screen and (max-width:1024px){main .gamelogo{max-width:260px}}@media only screen and (max-width:768px){main .gamelogo{max-width:220px}}@media only screen and (max-width:480px){main .gamelogo{max-width:150px}}main .title{position:absolute;z-index:1;text-align:center;left:0;right:0;top:5%;margin:auto;background:url(../images/titlebg.png) center center;background-size:contain;pointer-events:none}@media only screen and (max-width:1440px){main .title{top:13%;max-width:780px}}@media only screen and (min-width:1024px) and (max-width:1200px){main .title{top:17%;max-width:770px}}@media only screen and (max-width:1024px){main .title{top:16%;max-width:640px}}@media only screen and (max-width:768px){main .title{max-width:550px;right:0;left:0;margin:0 auto;top:15%}}@media only screen and (max-width:480px){main .title{max-width:350px;top:13%}}main .btnMB,main .btnPC{display:flex;flex-direction:column;align-items:flex-end;margin-right:60px;position:absolute;bottom:10vh;right:0;z-index:5}@media only screen and (max-width:1200px){main .btnMB,main .btnPC{margin-right:0}}@media only screen and (max-width:768px){main .btnMB,main .btnPC{margin-top:-10.156vw;flex-direction:row;align-items:center;justify-content:center;left:0;bottom:4vh;margin:auto}}@media only screen and (max-width:480px){main .btnMB,main .btnPC{bottom:0}}main .btnMB li,main .btnPC li{margin:3px 10px}@media only screen and (max-width:480px){main .btnMB li,main .btnPC li{margin:0 3px}}main .btnMB li:nth-of-type(1) a,main .btnPC li:nth-of-type(1) a{display:inline-block;background:url(../images/btn_download_off.png) no-repeat;width:155px;height:125px}main .btnMB li:nth-of-type(1) a:hover,main .btnPC li:nth-of-type(1) a:hover{background:url(../images/btn_download_on.png) no-repeat;filter:drop-shadow(0 4px 10px #fff)}@media only screen and (max-width:480px){main .btnMB li:nth-of-type(1) a:hover,main .btnPC li:nth-of-type(1) a:hover{background-size:100%}}@media only screen and (max-width:480px){main .btnMB li:nth-of-type(1) a,main .btnPC li:nth-of-type(1) a{display:none;background-size:100%;width:120px}}@media only screen and (max-width:350px){main .btnMB li:nth-of-type(1) a,main .btnPC li:nth-of-type(1) a{width:90px}}main .btnMB li:nth-of-type(2) a,main .btnPC li:nth-of-type(2) a{display:inline-block;background:url(../images/btn_log_off.png) no-repeat;width:155px;height:125px}main .btnMB li:nth-of-type(2) a:hover,main .btnPC li:nth-of-type(2) a:hover{background:url(../images/btn_log_on.png) no-repeat;filter:drop-shadow(0 4px 10px #fff)}@media only screen and (max-width:480px){main .btnMB li:nth-of-type(2) a:hover,main .btnPC li:nth-of-type(2) a:hover{background-size:100%}}@media only screen and (max-width:480px){main .btnMB li:nth-of-type(2) a,main .btnPC li:nth-of-type(2) a{background-size:100%;width:120px}}@media only screen and (max-width:350px){main .btnMB li:nth-of-type(2) a,main .btnPC li:nth-of-type(2) a{width:90px}}main .btnMB li:nth-of-type(3) a,main .btnPC li:nth-of-type(3) a{display:inline-block;background:url(../images/btn_signup_off.png) no-repeat;width:155px;height:125px}main .btnMB li:nth-of-type(3) a:hover,main .btnPC li:nth-of-type(3) a:hover{background:url(../images/btn_signup_on.png) no-repeat;filter:drop-shadow(0 4px 10px #fff)}@media only screen and (max-width:480px){main .btnMB li:nth-of-type(3) a:hover,main .btnPC li:nth-of-type(3) a:hover{background-size:100%}}@media only screen and (max-width:480px){main .btnMB li:nth-of-type(3) a,main .btnPC li:nth-of-type(3) a{background-size:100%;width:120px}}@media only screen and (max-width:350px){main .btnMB li:nth-of-type(3) a,main .btnPC li:nth-of-type(3) a{width:90px}}aside{position:absolute;margin:0;left:0;right:0;bottom:6%;z-index:2}@media only screen and (max-width:768px){aside{min-height:auto;bottom:16%}}@media only screen and (max-width:480px){aside{bottom:36%}}aside ul.nav{align-items:center;justify-content:center;margin:10px auto;padding:0;max-width:1200px}aside ul.nav li{text-align:center;max-width:100%;flex:1 0 25%;line-height:1}aside ul.nav .pass{display:inline-block;position:absolute;left:21%;bottom:70px;margin:auto;width:25%;animation:move 5.5s infinite;-webkit-animation:move 5.5s infinite}@media only screen and (max-width:1024px){aside ul.nav .pass{left:16%;width:30%}}@media only screen and (max-width:768px){aside ul.nav .pass{left:0;width:42%}}@media only screen and (max-width:480px){aside ul.nav .pass{width:60%;left:-8%;bottom:-440%;-webkit-animation:unset;animation:unset}}aside ul.nav .benefits{display:inline-block;position:absolute;left:44%;bottom:120px;width:22%;animation:move2 4s infinite;-webkit-animation:move2 4s infinite}@media only screen and (max-width:1024px){aside ul.nav .benefits{left:41%;bottom:90px;width:25%}}@media only screen and (max-width:768px){aside ul.nav .benefits{width:35%;left:37%;bottom:50px}}@media only screen and (max-width:480px){aside ul.nav .benefits{left:30%;width:47%;bottom:65px;-webkit-animation:unset;animation:unset}}aside ul.nav .challenge{display:inline-block;position:absolute;right:16%;bottom:70px;width:20%;animation:move3 4s infinite;-webkit-animation:move3 4s infinite cubic-bezier(.6,.3,.5,.94)}@media only screen and (max-width:1024px){aside ul.nav .challenge{right:16%;bottom:70px;width:21%}}@media only screen and (max-width:768px){aside ul.nav .challenge{right:6%;width:28%}}@media only screen and (max-width:480px){aside ul.nav .challenge{bottom:-180%;width:36%;right:-4%;-webkit-animation:unset;animation:unset}}aside.fixed{width:100%;position:fixed;top:0;z-index:9}section{position:relative;background:url(../images/content_bg1.jpg) repeat-y 50% 0;text-align:center;overflow:hidden;background-size:cover}@media only screen and (max-width:768px){section{background-size:contain}}section button:hover{filter:drop-shadow(0 0 10px #5e6fd6)}section::before{content:"";background:url(../images/content_bg2.png) no-repeat;background-size:100%;position:absolute;top:0;left:0;width:100%;height:130vh}section .range{background:url(../images/flybg_blue.png) no-repeat 50% 0;background-position-y:180px;max-width:1433px;margin:auto;padding:310px 0 320px}@media only screen and (max-width:768px){section .range{background-position-y:unset;padding:150px 0 0}}@media only screen and (max-width:480px){section .range{margin:100px 0;padding:70px 0 50px}}section .range li,section .range p{font-family:'Noto Serif TC',serif;font-weight:400}section .range::before{content:"";position:absolute;top:0;z-index:0}section .mt-15{margin-top:-15px}section .mt-30{margin-top:-30px}@media only screen and (max-width:768px){section .mt-30{margin-top:0}}section .mt40{margin-top:40px}@media only screen and (max-width:480px){section .mt40{margin-top:0}}section .mb30{margin-bottom:30px}#tab1,#tab4,#tab5,#tab6,#tab7,#tab8{position:relative}#tab1::after,#tab1::before,#tab4::after,#tab4::before,#tab5::after,#tab5::before,#tab6::after,#tab6::before,#tab7::after,#tab7::before,#tab8::after,#tab8::before{content:"";position:absolute;z-index:0}#tab1::before,#tab4::before,#tab5::before,#tab6::before,#tab7::before,#tab8::before{right:50%}#tab1::after,#tab4::after,#tab5::after,#tab6::after,#tab7::after,#tab8::after{left:50%}#tab1{overflow:hidden}#tab1 .range{padding-bottom:23%;background-size:auto}#tab1 .range::before{background:url(../images/deco_1.png) no-repeat 0 0;width:461px;height:683px;right:0}@media only screen and (max-width:1200px){#tab1 .range::before{background-size:100%;width:280px;height:416px}}@media only screen and (max-width:768px){#tab1 .range::before{width:250px;height:372px}}@media only screen and (max-width:480px){#tab1 .range::before{display:none}}#tab1 .range::after{content:"";width:432px;height:610px;position:absolute;right:0;bottom:-45px;background:url(../images/deco_5.png) no-repeat center bottom;background-size:contain;z-index:4;pointer-events:none}@media only screen and (max-width:1200px){#tab1 .range::after{background-size:100%;width:292px;height:351px}}@media only screen and (max-width:768px){#tab1 .range::after{width:250px;height:300px;z-index:1}}@media only screen and (max-width:480px){#tab1 .range::after{width:160px;height:192px}}@media only screen and (max-width:768px){#tab1 .range .mobilebg{display:inline-block}}@media only screen and (max-width:768px){#tab1 .range h1{margin:15% 0}}#tab1 .range .SignIn{margin-top:80px}#tab1 .range .event{margin-top:80px}#tab1 .range .event::after{content:"";background:url(../images/deco_2.png) no-repeat 0 0;width:461px;height:683px;position:absolute;left:12%;top:17%}@media only screen and (max-width:1440px){#tab1 .range .event::after{background-size:100%;width:351px;height:489px;left:6%;top:18%}}@media only screen and (max-width:1200px){#tab1 .range .event::after{width:271px;height:378px;left:-4%;top:21%}}@media only screen and (max-width:768px){#tab1 .range .event::after{display:none}}#tab1 .range .bonustime{position:relative}@media only screen and (max-width:768px){#tab1 .range .bonustime{margin:40px 0}}#tab1 .range .bonustime::before{content:"";background:url(../images/deco_3.png) no-repeat 0 0;background-size:100%;width:426px;height:848px;position:absolute;left:-20%;top:35%}@media only screen and (max-width:1200px){#tab1 .range .bonustime::before{width:176px;height:343px;left:0;top:47%}}@media only screen and (max-width:768px){#tab1 .range .bonustime::before{display:none}}#tab1 .range .bonustime .click{background:url(../images/c1_click.png) no-repeat;width:18px;height:18px;position:absolute;right:45%;bottom:44%}@media only screen and (max-width:768px){#tab1 .range .bonustime .click{right:41%;bottom:44%}}@media only screen and (max-width:480px){#tab1 .range .bonustime .click{right:39%}}@media only screen and (max-width:350px){#tab1 .range .bonustime .click{right:39%;bottom:43%}}#tab1 .range .bonustime .click .open{display:none}#tab1 .range .bonustime .click:hover .open{display:inline-block;width:200px;transform:translate(0,14px)}@media only screen and (max-width:480px){#tab1 .range .bonustime .click:hover .open{transform:translate(-25px,16px)}}#tab1 .range .bonustime .click .open img{width:200px}@media only screen and (max-width:768px){#tab1 .range .bonustime .click .open{width:140px}}@media only screen and (max-width:480px){#tab1 .range .bonustime .click .open{width:120px}}#tab1 .second_range{width:100%;max-width:1433px;background:url(../images/flybg_blue.png) no-repeat;background-size:auto;background-position:top center;margin:100px auto 0 auto;padding:50px 0 32%;position:relative}@media only screen and (max-width:480px){#tab1 .second_range{padding:40px 0 100px}}#tab1 .second_range::after{content:"";background:url(../images/deco_4.png) no-repeat 0 0;width:403px;height:292px;position:absolute;right:-240px;top:5%}@media only screen and (max-width:1200px){#tab1 .second_range::after{background-size:100%;width:313px;height:224px;right:0;top:59%}}@media only screen and (max-width:768px){#tab1 .second_range::after{display:none}}#tab1 .second_range h2{margin:50px 0}#tab1 .second_range p{font-size:20px;font-weight:900;line-height:1.5;margin-top:100px}#tab1 .second_range .ycircle{margin-top:10px}#tab1 .second_range .ycircle ol{padding-bottom:10px}#tab1 .second_range .ycircle ol li{line-height:1.5}#tab1 .second_range .thrlevel{display:flex;flex-wrap:wrap;justify-content:center;margin:3vh 0}#tab1 .second_range .thrlevel button{margin:0 1vw}@media only screen and (max-width:480px){#tab1 .second_range .thrlevel .popbtn{filter:drop-shadow(0 0 10px #5e6fd6)}}#tab1 .second_range img{position:relative;z-index:3;padding-bottom:10px}@media only screen and (max-width:480px){#tab4{padding-top:50%}}#tab4::before{background:url(../images/deco_7.png) no-repeat center center;background-size:100%;width:290px;height:386px;left:13%;top:13%;z-index:4}@media only screen and (max-width:1200px){#tab4::before{width:233px;height:311px;left:0;top:6%}}@media only screen and (max-width:768px){#tab4::before{width:166px;height:218px;right:0;top:7%}}@media only screen and (max-width:480px){#tab4::before{width:130px;height:183px;top:2%}}#tab4 .range::before{background:url(../images/deco_6.png) no-repeat 0 0;width:1010px;height:526px;left:50px;bottom:107px;background-size:100%}@media only screen and (max-width:1440px){#tab4 .range::before{width:640px;height:332px;left:10px}}@media only screen and (max-width:768px){#tab4 .range::before{width:546px;height:282px}}@media only screen and (max-width:480px){#tab4 .range::before{width:326px;height:170px;left:30px}}#tab4 .second_area{background:url(../images/flybg_red.png) no-repeat 50% 0;background-position-y:180px;max-width:1433px;margin:auto;padding:280px 0 230px}@media only screen and (max-width:768px){#tab4 .second_area{padding:270px 0 40px}}@media only screen and (max-width:480px){#tab4 .second_area{padding:90px 0 40%;background-position:top;background-size:cover}}#tab4 .second_area .mobilebg{display:none}#tab4 .second_area h1{margin-bottom:75px}#tab4 .second_area .bonus,#tab4 .second_area .process,#tab4 .second_area .recruit,#tab4 .second_area .tip{padding-bottom:35px}#tab4 .second_area .process::before{content:"";background:url(../images/deco_8.png) no-repeat 0 0;background-size:100%;position:absolute;width:215px;height:195px;top:24%;right:17%;z-index:4}@media only screen and (max-width:1440px){#tab4 .second_area .process::before{right:7%}}@media only screen and (max-width:1024px){#tab4 .second_area .process::before{width:193px;height:175px;right:0;top:25%}}@media only screen and (max-width:768px){#tab4 .second_area .process::before{display:none}}#tab4 .second_area .tip::before{content:"";background:url(../images/deco_9.png) no-repeat 0 0;background-size:100%;position:absolute;width:484px;height:413px;top:33%;right:0;z-index:4}@media only screen and (max-width:1440px){#tab4 .second_area .tip::before{width:314px;height:264px}}@media only screen and (max-width:1024px){#tab4 .second_area .tip::before{width:193px;height:175px;top:34%}}@media only screen and (max-width:480px){#tab4 .second_area .tip::before{display:none}}#tab4 .recruit_range{background:url(../images/flybg_red.png) no-repeat 50% 0;background-position-y:180px;max-width:1433px;margin:auto;padding:280px 0 340px}@media only screen and (max-width:768px){#tab4 .recruit_range{padding:280px 0 40px}}#tab4 .recruit_range::before{content:"";background:url(../images/deco_10.png) no-repeat 0 0;background-size:100%;position:absolute;width:314px;height:241px;top:59%;left:15%;z-index:4}@media only screen and (max-width:1440px){#tab4 .recruit_range::before{width:250px;height:193px;top:59.5%;left:9%}}@media only screen and (max-width:1024px){#tab4 .recruit_range::before{width:213px;height:164px;top:59.5%;left:-30px}}@media only screen and (max-width:768px){#tab4 .recruit_range::before{top:58%;left:-20px}}@media only screen and (max-width:480px){#tab4 .recruit_range::before{display:none}}#tab4 .recruit_range::after{content:"";background:url(../images/deco_11.png) no-repeat 0 0;background-size:100%;position:absolute;width:350px;height:417px;top:84%;left:0;z-index:4}@media only screen and (max-width:1440px){#tab4 .recruit_range::after{width:314px;height:372px;left:-50px}}@media only screen and (max-width:1024px){#tab4 .recruit_range::after{width:193px;height:235px;top:82%;left:-80px}}@media only screen and (max-width:480px){#tab4 .recruit_range::after{display:none}}#tab4 .recruit_range .mobilebg{display:none}#tab4 .recruit_range .title{padding-bottom:25px;margin-bottom:unset}#tab4 .recruit_range .welfare{padding:65px 0}#tab4 .recruit_range .double{padding-bottom:25px}#tab4 .recruit_range .double::before{content:"";background:url(../images/deco_12.png) no-repeat 0 0;background-size:100%;position:absolute;width:494px;height:601px;bottom:17%;right:5%;z-index:4}@media only screen and (max-width:1440px){#tab4 .recruit_range .double::before{width:400px;height:493px;bottom:15%;right:0}}@media only screen and (max-width:1024px){#tab4 .recruit_range .double::before{width:303px;height:379px;bottom:23%;right:-6%}}@media only screen and (max-width:768px){#tab4 .recruit_range .double::before{width:260px;height:346px;bottom:15%;right:-8%}}@media only screen and (max-width:480px){#tab4 .recruit_range .double::before{display:none}}#tab5{overflow:hidden}#tab5::before{background:url(../images/deco_13.png) no-repeat center center;width:821px;height:582px;background-size:100%;top:0;left:0}@media only screen and (max-width:1440px){#tab5::before{width:541px;height:382px}}@media only screen and (max-width:768px){#tab5::before{width:371px;height:262px}}@media only screen and (max-width:480px){#tab5::before{display:none}}#tab5::after{content:"";position:absolute;background:url(../images/deco_20.png) no-repeat 0 0;background-size:100%;width:1920px;height:919px;left:0;bottom:0;z-index:1}@media only screen and (max-width:1440px){#tab5::after{width:1480px;height:707px}}@media only screen and (max-width:1024px){#tab5::after{width:1180px;height:565px}}@media only screen and (max-width:768px){#tab5::after{width:780px;height:372px}}@media only screen and (max-width:480px){#tab5::after{display:none}}#tab5 .range{background:url(../images/flybg_green1.png) no-repeat;background-size:75%;background-position:center 180px;max-width:1538px;margin:auto;padding:250px 0 350px;position:relative}@media only screen and (max-width:1024px){#tab5 .range{background-size:cover}}@media only screen and (max-width:768px){#tab5 .range{padding:215px 0 40px}}@media only screen and (max-width:480px){#tab5 .range{padding:245px 0 40%;background-size:231%}}#tab5 .range::before{background:url(../images/deco_14.png) no-repeat 0 0;background-size:100%;width:378px;height:288px;left:7%;top:28%}@media only screen and (max-width:1024px){#tab5 .range::before{width:319px;height:260px;left:0;top:24%}}@media only screen and (max-width:768px){#tab5 .range::before{width:259px;height:198px;left:-6%;top:23%;z-index:4}}@media only screen and (max-width:480px){#tab5 .range::before{display:none}}#tab5 .range::after{content:"";position:absolute;background:url(../images/deco_16.png) no-repeat 0 0;background-size:100%;width:239px;height:475px;right:0;bottom:0;transform:translateX(77%)}@media only screen and (max-width:1440px){#tab5 .range::after{transform:translateX(7%)}}@media only screen and (max-width:1024px){#tab5 .range::after{width:199px;height:385px;right:0;bottom:-10%}}@media only screen and (max-width:768px){#tab5 .range::after{width:139px;height:268px}}@media only screen and (max-width:480px){#tab5 .range::after{display:none}}#tab5 .range .mobilebg{display:none}#tab5 .range h1{margin-bottom:75px}#tab5 .range .treasure::after{content:"";position:absolute;background:url(../images/deco_15.png) no-repeat 0 0;background-size:100%;width:292px;height:452px;right:13%;bottom:15%}@media only screen and (max-width:1440px){#tab5 .range .treasure::after{width:252px;height:392px;right:18%}}@media only screen and (max-width:1024px){#tab5 .range .treasure::after{right:5%}}@media only screen and (max-width:768px){#tab5 .range .treasure::after{width:147px;height:227px;right:10%;bottom:13%;z-index:3}}@media only screen and (max-width:480px){#tab5 .range .treasure::after{display:none}}#tab5 .farm{background:url(../images/flybg_green2.png) no-repeat;background-size:auto;background-position:top;min-height:2258px;padding:3% 0 32%;max-width:1385px;margin:auto;position:relative}@media only screen and (max-width:1024px){#tab5 .farm{background-size:cover;padding:220px 0 300px}}@media only screen and (max-width:768px){#tab5 .farm{padding:280px 0 100px}}@media only screen and (max-width:480px){#tab5 .farm{margin:15% auto;min-height:unset;padding:50px 0 170px}}#tab5 .farm::before{content:"";background:url(../images/deco_17.png) no-repeat 0 0;background-size:100%;width:477px;height:437px;position:absolute;left:-1%;top:25%}@media only screen and (max-width:1440px){#tab5 .farm::before{width:417px;height:382px;left:-3%;top:26%}}@media only screen and (max-width:1024px){#tab5 .farm::before{width:327px;height:321px;left:-5%}}@media only screen and (max-width:768px){#tab5 .farm::before{display:none}}#tab5 .farm::after{content:"";background:url(../images/deco_18.png) no-repeat 0 0;background-size:100%;width:456px;height:585px;position:absolute;right:-3%;bottom:45%}@media only screen and (max-width:1440px){#tab5 .farm::after{width:456px;height:585px;right:-3%;bottom:45%}}@media only screen and (max-width:1024px){#tab5 .farm::after{width:366px;height:471px;right:-3%;bottom:35%}}@media only screen and (max-width:768px){#tab5 .farm::after{display:none}}#tab5 .farm .mobilebg{display:none}#tab5 .farm .title{margin-bottom:75px}#tab5 .farm .method_1,#tab5 .farm .method_2,#tab5 .farm .method_3{max-width:50%;margin:auto;padding-bottom:40px}@media only screen and (max-width:768px){#tab5 .farm .method_1,#tab5 .farm .method_2,#tab5 .farm .method_3{max-width:100%}}#tab5 .challenge{background:url(../images/flybg_green.png) no-repeat;background-size:contain;background-position:top;max-width:1385px;max-height:2323px;margin:3% auto;padding:3% 0 340px;position:relative;z-index:2}@media only screen and (max-width:1024px){#tab5 .challenge{background-size:cover;padding:190px 0 340px}}@media only screen and (max-width:768px){#tab5 .challenge{padding:150px 0 80px}}@media only screen and (max-width:480px){#tab5 .challenge{padding:10% 0 50%}}#tab5 .challenge::before{content:"";background:url(../images/deco_19.png) no-repeat 0 0;background-size:100%;width:333px;height:431px;position:absolute;left:-20%;top:0}@media only screen and (max-width:1440px){#tab5 .challenge::before{left:-1%}}@media only screen and (max-width:768px){#tab5 .challenge::before{display:none}}#tab5 .challenge .mobilebg{display:none}#tab5 .challenge .mobilebg img{max-width:106%}#tab5 .challenge .station,#tab5 .challenge .tunnel{max-width:55%;margin:auto}@media only screen and (max-width:768px){#tab5 .challenge .station,#tab5 .challenge .tunnel{max-width:100%}}#tab5 .challenge .station{padding:40px 0}#tab5 .challenge .tunnel{position:relative}#tab5 .challenge .tunnel::before{content:"";background:url(../images/deco_2.png) no-repeat 0 0;background-size:100%;width:351px;height:489px;position:absolute;right:-50%;top:-19%}@media only screen and (max-width:768px){#tab5 .challenge .tunnel::before{display:none}}.navbar-toggler-icon{background-image:url(../images/hamburger.svg)}.navbar-toggler-icon:focus{outline:unset}.navbar-toggler-icon .fas.fa-bars{color:#fff}.navbar{padding:0;background-color:#000}.navbar .navbar-nav{align-items:center}@media only screen and (max-width:768px){.navbar li.nav-item{width:100%;display:inline-block;margin:auto;text-align:center}}.navbar a.nav-link{color:#fff;padding:.8rem 1.5rem;padding-right:1rem;padding-left:1rem}.navbar a.nav-link:hover{background-color:#484848}footer{font-family:'微軟正黑體','Malgun Gothic',Dotum,Tahoma,sans-serif}footer .copyright ul.clearfix{text-align:center}@media only screen and (max-width:480px){footer .copyright ul.clearfix{display:flex;justify-content:center;align-items:center;flex-direction:column}}footer .copyright ul.clearfix li{margin-bottom:12px}@media only screen and (max-width:480px){footer .copyright ul.clearfix li:last-child img{margin-bottom:8px}}footer .copyright ul.clearfix li span{line-height:1.6}@media only screen and (max-width:480px){footer .copyright ul.clearfix li span{width:100%;text-align:center}}footer .copyright ul.clearfix li p{line-height:1.4}@media only screen and (max-width:480px){footer .copyright ul.clearfix li p{font-size:12px}}