.slick-slider{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;display:block;position:relative}.slick-list{margin:0;padding:0;display:block;position:relative;overflow:hidden}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate(0,0)}.slick-track{margin-left:auto;margin-right:auto;display:block;position:relative;top:0;left:0}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid #0000;height:auto;display:block}.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(../media/ajax-loader.2df4ohj-z-7_l.gif) 50% no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../media/slick.2mbnnj2ldqw9v.eot);src:url(../media/slick.2mbnnj2ldqw9v.eot)format("embedded-opentype"),url(../media/slick.1vsdartgie2p6.woff)format("woff"),url(../media/slick.31nmwotl_nifp.ttf)format("truetype"),url(../media/slick.396jm6rswume_.svg)format("svg")}.slick-prev,.slick-next{cursor:pointer;color:#0000;background:0 0;border:none;outline:none;width:20px;height:20px;padding:0;font-size:0;line-height:0;display:block;position:absolute;top:50%;transform:translateY(-50%)}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:#0000;background:0 0;outline:none}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:slick;font-size:20px;line-height:1}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{text-align:center;width:100%;margin:0;padding:0;list-style:none;display:block;position:absolute;bottom:-25px}.slick-dots li{cursor:pointer;width:20px;height:20px;margin:0 5px;padding:0;display:inline-block;position:relative}.slick-dots li button{cursor:pointer;color:#0000;background:0 0;border:0;outline:none;width:20px;height:20px;padding:5px;font-size:0;line-height:0;display:block}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
@font-face{font-family:ContextBlackCondensedSSiBlackCondensed;src:url(/static/fonts/ContextBlackCondensedSSiBlackCondensed.eot);src:url(/static/fonts/ContextBlackCondensedSSiBlackCondensed.eot?#iefix)format("embedded-opentype"),url(/static/fonts/ContextBlackCondensedSSiBlackCondensed.woff)format("woff"),url(/static/fonts/ContextBlackCondensedSSiBlackCondensed.ttf)format("truetype"),url(/static/fonts/ContextBlackCondensedSSiBlackCondensed.svg#ContextBlackCondensedSSiBlackCondensed)format("svg")}@font-face{font-family:BrowalliaNew;src:url(/static/fonts/BrowalliaNew.eot);src:url(/static/fonts/BrowalliaNew.eot?#iefix)format("embedded-opentype"),url(/static/fonts/BrowalliaNew.woff)format("woff"),url(/static/fonts/BrowalliaNew.ttf)format("truetype"),url(/static/fonts/BrowalliaNew.svg#BrowalliaNew)format("svg")}@font-face{font-family:EASansCurves;src:url(/static/fonts/EASansCurves.eot);src:url(/static/fonts/EASansCurves.eot?#iefix)format("embedded-opentype"),url(/static/fonts/EASansCurves.woff)format("woff"),url(/static/fonts/EASansCurves.ttf)format("truetype"),url(/static/fonts/EASansCurves.svg#EASansCurves)format("svg")}@font-face{font-family:Flama-ExtraboldItalic;src:url(/static/fonts/Flama-ExtraboldItalic.eot);src:url(/static/fonts/Flama-ExtraboldItalic.eot?#iefix)format("embedded-opentype"),url(/static/fonts/Flama-ExtraboldItalic.woff)format("woff"),url(/static/fonts/Flama-ExtraboldItalic.ttf)format("truetype"),url(/static/fonts/Flama-ExtraboldItalic.svg#Flama-ExtraboldItalic)format("svg")}@font-face{font-family:PSLKittithadaPro;src:url(https://cdn-webth.garenanow.com/webth/fonts/PSLKittithadaPro/PSLKittithadaPro/PSLKittithadaPro.eot?#iefix)format("embedded-opentype"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLKittithadaPro/PSLKittithadaPro/PSLKittithadaPro.woff2)format("woff2"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLKittithadaPro/PSLKittithadaPro/PSLKittithadaPro.woff)format("woff"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLKittithadaPro/PSLKittithadaPro/PSLKittithadaPro.ttf)format("truetype");font-display:swap}@font-face{font-family:PSLDisplayPro;src:url(https://cdn-webth.garenanow.com/webth/fonts/PSLDisplayPro/PSLDisplayPro/PSLDisplayPro.eot?#iefix)format("embedded-opentype"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLDisplayPro/PSLDisplayPro/PSLDisplayPro.woff2)format("woff2"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLDisplayPro/PSLDisplayPro/PSLDisplayPro.woff)format("woff"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLDisplayPro/PSLDisplayPro/PSLDisplayPro.ttf)format("truetype");font-display:swap}@font-face{font-family:PSLSimilanya-Bold;src:url(https://cdn-webth.garenanow.com/webth/fonts/PSLSimilanya/PSLSimilanya-Bold/PSLSimilanya-Bold.eot?#iefix)format("embedded-opentype"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLSimilanya/PSLSimilanya-Bold/PSLSimilanya-Bold.woff2)format("woff2"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLSimilanya/PSLSimilanya-Bold/PSLSimilanya-Bold.woff)format("woff"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLSimilanya/PSLSimilanya-Bold/PSLSimilanya-Bold.ttf)format("truetype");font-display:swap}@font-face{font-family:PSLSimilanyaExtraPro;src:url(https://cdn-webth.garenanow.com/webth/fonts/PSLSimilanyaExtraPro/PSLSimilanyaExtraPro/PSLSimilanyaExtraPro.eot?#iefix)format("embedded-opentype"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLSimilanyaExtraPro/PSLSimilanyaExtraPro/PSLSimilanyaExtraPro.woff2)format("woff2"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLSimilanyaExtraPro/PSLSimilanyaExtraPro/PSLSimilanyaExtraPro.woff)format("woff"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLSimilanyaExtraPro/PSLSimilanyaExtraPro/PSLSimilanyaExtraPro.ttf)format("truetype");font-display:swap}@font-face{font-family:PSLKandaModernExtraSP;src:url(https://cdn-webth.garenanow.com/webth/fonts/PSLKandaModernExtraSP/PSLKandaModernExtraSP/PSLKandaModernExtraSP.eot?#iefix)format("embedded-opentype"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLKandaModernExtraSP/PSLKandaModernExtraSP/PSLKandaModernExtraSP.woff2)format("woff2"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLKandaModernExtraSP/PSLKandaModernExtraSP/PSLKandaModernExtraSP.woff)format("woff"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLKandaModernExtraSP/PSLKandaModernExtraSP/PSLKandaModernExtraSP.ttf)format("truetype");font-display:swap}@font-face{font-family:PSLEmpirePro;src:url(https://cdn-webth.garenanow.com/webth/fonts/PSLEmpirePro/PSLEmpirePro/PSLEmpirePro.eot?#iefix)format("embedded-opentype"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLEmpirePro/PSLEmpirePro/PSLEmpirePro.woff2)format("woff2"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLEmpirePro/PSLEmpirePro/PSLEmpirePro.woff)format("woff"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLEmpirePro/PSLEmpirePro/PSLEmpirePro.ttf)format("truetype");font-display:swap}@font-face{font-family:PSLEmpirePro-Bold;src:url(https://cdn-webth.garenanow.com/webth/fonts/PSLEmpirePro/PSLEmpirePro-Bold/PSLEmpirePro-Bold.eot?#iefix)format("embedded-opentype"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLEmpirePro/PSLEmpirePro-Bold/PSLEmpirePro-Bold.woff2)format("woff2"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLEmpirePro/PSLEmpirePro-Bold/PSLEmpirePro-Bold.woff)format("woff"),url(https://cdn-webth.garenanow.com/webth/fonts/PSLEmpirePro/PSLEmpirePro-Bold/PSLEmpirePro-Bold.ttf)format("truetype");font-display:swap}@font-face{font-family:DBHelvethaicaX-83BlkExt;src:url(https://cdn-webth.garenanow.com/webth/fonts/DBHelvethaicaX/DBHelvethaicaX-83BlkExt/DBHelvethaicaX-83BlkExt.eot?#iefix)format("embedded-opentype"),url(https://cdn-webth.garenanow.com/webth/fonts/DBHelvethaicaX/DBHelvethaicaX-83BlkExt/DBHelvethaicaX-83BlkExt.woff2)format("woff2"),url(https://cdn-webth.garenanow.com/webth/fonts/DBHelvethaicaX/DBHelvethaicaX-83BlkExt/DBHelvethaicaX-83BlkExt.woff)format("woff"),url(https://cdn-webth.garenanow.com/webth/fonts/DBHelvethaicaX/DBHelvethaicaX-83BlkExt/DBHelvethaicaX-83BlkExt.ttf)format("truetype");font-display:swap}@font-face{font-family:DBHelvethaicaX-53Ext;src:url(https://cdn-webth.garenanow.com/webth/fonts/DBHelvethaicaX/DBHelvethaicaX-53Ext/DBHelvethaicaX-53Ext.eot?#iefix)format("embedded-opentype"),url(https://cdn-webth.garenanow.com/webth/fonts/DBHelvethaicaX/DBHelvethaicaX-53Ext/DBHelvethaicaX-53Ext.woff2)format("woff2"),url(https://cdn-webth.garenanow.com/webth/fonts/DBHelvethaicaX/DBHelvethaicaX-53Ext/DBHelvethaicaX-53Ext.woff)format("woff"),url(https://cdn-webth.garenanow.com/webth/fonts/DBHelvethaicaX/DBHelvethaicaX-53Ext/DBHelvethaicaX-53Ext.ttf)format("truetype");font-display:swap}@font-face{font-family:DBHelvethaicaX-55Regular;src:url(https://cdn-webth.garenanow.com/webth/fonts/DBHelvethaicaX/DBHelvethaicaX-55Regular/DBHelvethaicaX-55Regular.eot?#iefix)format("embedded-opentype"),url(https://cdn-webth.garenanow.com/webth/fonts/DBHelvethaicaX/DBHelvethaicaX-55Regular/DBHelvethaicaX-55Regular.woff2)format("woff2"),url(https://cdn-webth.garenanow.com/webth/fonts/DBHelvethaicaX/DBHelvethaicaX-55Regular/DBHelvethaicaX-55Regular.woff)format("woff"),url(https://cdn-webth.garenanow.com/webth/fonts/DBHelvethaicaX/DBHelvethaicaX-55Regular/DBHelvethaicaX-55Regular.ttf)format("truetype");font-display:swap}html{font-family:DBHelvethaicaX-55Regular,Roboto,sans-serif;font-size:20px}@media (max-width:1366px){html{font-size:20px}}@media (max-width:991px){html{font-size:20px}}@media (max-width:768px){html{font-size:12px}}body{cursor:default;box-sizing:border-box;background-color:#fff;margin:0;padding:0;font-family:DBHelvethaicaX-83BlkExt,DBHelvethaicaX-55Regular,Roboto,sans-serif;font-size:20px}@media (max-width:1366px){body{font-size:20px}}@media (max-width:991px){body{font-size:20px}}@media (max-width:768px){body{font-size:40px}}a,button{cursor:pointer;border:none}a:active,a:focus,button:active,button:focus{outline:none}p{margin:0}h1,h2,h3,h4{font-weight:400}source{font-family:DBHelvethaicaX-83BlkExt,DBHelvethaicaX-55Regular,Roboto,sans-serif}.text--large{font-size:50px;line-height:105px}@media (max-width:1366px){.text--large{font-size:20px;line-height:20px}}@media (max-width:991px){.text--large{font-size:20px;line-height:20px}}@media (max-width:768px){.text--large{font-size:40px;line-height:40px}}.text--middle{font-size:20px}@media (max-width:991px){.text--middle{font-size:12px}}.text--bold{font-weight:700}.text--left{text-align:left}.text--right{text-align:right}.text--green{color:#6acb31}.text--green2{color:#a3e90c}.text--font{font-family:DBHelvethaicaX-83BlkExt}.text--white{color:#fff}.text--newslist{-webkit-line-clamp:2;white-space:nowrap;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:20px;overflow:hidden}.text--newsdetail{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}@media screen and (max-width:991px){.text--newsdetail{margin-top:3%}}.text--center{text-align:center}.text--subtitle{margin-left:10px;font-size:20px;position:absolute}@media (max-width:991px){.text--subtitle{margin-left:0;display:block;position:relative}}.text--tm{margin-left:-5px;margin-right:3px;font-size:14px;position:relative;top:-9px}.text--small2,.text--small{font-size:12px}.text--grey{color:#c9c9c9}.text--block{margin:0;display:block;position:relative}.text--underline{text-decoration:underline}.text--brandtitle,.text--medium{font-size:20px}.text--linewhite{border-bottom:1px solid #fff;display:inline}.text--linegreen{border-bottom:1px solid #a3e90c;display:inline}.text--lineblue{border-bottom:1px solid #509dc4;display:inline}.text--blue{color:#509dc4}.text--blue2{color:#a5c6ed}.text--medium1{font-size:20px}.text--justify{text-align:justify}.text--footer{font-size:13px;line-height:13px}.text--red{color:red}.tag{vertical-align:middle;color:#000;border:1px solid #000;padding:0 10px;display:inline-block}@media (max-width:480px){.tag{font-size:12px}}.tag--event{color:#ae0100;border:1px solid #ae0100}.line--black{border-color:#000;margin:0}.content{background:#fff;width:100%}.content--grey{background:#ebebeb}.content--white{background:#fff}.content--grey2{background:#252525}.content__wrapper{order:1;width:48%;position:relative}@media (max-width:991px){.content__wrapper{width:85%;margin:0 auto}}.content__line-right{border-left:1px solid #ccc;border-right:1px solid #ccc;padding:0 2%}@media (max-width:991px){.content__line-right{border:0;padding:0}}.content__right{order:2;width:20%;margin-left:1%;margin-right:2%}@media (max-width:991px){.content__right{width:85%;margin:0 auto}}.content__left{z-index:5;order:1;width:23%;margin:0 1% 0 0;position:relative}@media (max-width:991px){.content__left{z-index:1;order:3;width:85%;margin:0 auto}}.content__padding{padding:20px 0}.content__padding--inner{padding:30px}.content__padding--inner>.blog-content{padding:20px}@media (max-width:991px){.content__padding--inner{margin:30px auto;padding:0}}.content__margin{margin:20px 0}.content__brandsite{color:#fff;width:95%;margin:80px auto;font-size:26px;overflow:hidden}.content__ab{text-align:center;width:100%}.content__ab img{max-width:100%}.flex__center{justify-content:center;align-items:center;display:flex}.flex__center--height{flex-direction:column;height:100%}.flex__end{justify-content:flex-end;align-items:flex-start;display:flex}@media (max-width:991px){.flex__end{flex-flow:column}}.flex__end--guide{justify-content:flex-end;align-items:flex-start;display:flex}.flex__end--guide .content__wrapper{order:1}.flex__end--guide .content__right{order:2}@media (max-width:991px){.flex__end--guide{flex-flow:column}.flex__end--guide .content__right{order:1}.flex__end--guide .content__wrapper{order:2}}.flex__end--footer{justify-content:center;align-items:flex-end;display:flex}@media (max-width:991px){.flex__end--footer{align-items:center}}.flex__between{justify-content:space-between;align-items:center;display:flex}.flex__between-top{align-items:top;justify-content:space-between;display:flex}@media (max-width:991px){.flex__between-top{flex-flow:column}}.table{width:100%}.accordion{cursor:pointer;transition:all .4s}.panel{max-height:0;transition:max-height .2s ease-out;overflow:hidden}.lds-ellipsis{width:64px;height:64px;display:inline-block;position:relative}.lds-ellipsis div{background:#a2e90b;border-radius:50%;width:11px;height:11px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:27px}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:6px}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:6px}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:26px}.lds-ellipsis div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:45px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(19px)}}.lockscroll{position:fixed}.fconline.ingame .newhomepage,.fconline.ingame .blog,.fconline.ingame .news{margin:0 auto}.fconline.ingame .breadcrumb{margin:0 auto;display:none}
.menubar{z-index:99;z-index:9;background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/navbar/bg_navbar.jpg) top/100% 100% no-repeat;justify-content:space-around;align-items:center;width:100%;height:85px;display:flex;position:fixed;top:0}@media (max-width:1440px){.menubar{height:100px;line-height:100px}}@media (max-width:991px){.menubar{height:auto;line-height:initial;padding:10px 0}}@media (max-width:480px){.menubar{padding:15px 0}}.menubar__expand{background:#fff;display:none}.menubar__list{text-align:center;margin:0;padding:0;line-height:84px;position:relative}.menubar__list>li{vertical-align:middle;text-align:center;border-bottom:4px solid #0000;width:14%;transition:border-bottom .4s;display:inline-block}.menubar__list>li a{color:#000;cursor:pointer;font-family:PSLKittithadaPro;font-size:34px;text-decoration:none;display:block}.menubar__list>li a img{display:block}.menubar__list>li a:focus{outline:0}@media (max-width:1280px){.menubar__list>li a{font-size:28px}}.menubar__list>li:hover,.menubar__list>li:focus{border-bottom:4px solid #07f468;outline:0}@media (max-width:991px){.menubar__list>li,.menubar__list>li:hover,.menubar__list>li:focus{border-bottom:0}}@media (max-width:1440px){.menubar__list{line-height:100px}}@media (max-width:991px){.menubar__list{display:none}}.menubar__list--mobile{display:none}@media (max-width:991px){.menubar__list--mobile.active{display:block}}.menubar__list.active li a{color:#07f468}.menubar__center-wrapper{width:55%}@media (max-width:1440px){.menubar__center-wrapper{width:65%}}.menubar__center{width:55%;height:119px;transition:height .5s ease-in-out;position:absolute;top:0}@media (max-width:1440px){.menubar__center{width:65%}}.menubar__center:hover{z-index:10001;background:#fff;width:55%;height:165px;position:absolute}@media (max-width:1440px){.menubar__center:hover{width:65%;height:175px}}.menubar__center:hover .menubar__list{border-bottom:1px solid #fcfcf7}.menubar__center:hover .menubar__expand{line-height:initial;text-align:center;margin:0;padding:0;display:block}.menubar__center:hover .menubar__expand>li{text-align:center;line-height:initial;vertical-align:middle;width:14%;display:inline-block}.menubar__center:hover .menubar__expand>li ul.menubar__expand-inner{margin:0;padding:0;list-style:none}.menubar__center:hover .menubar__expand>li ul.menubar__expand-inner li{display:block}.menubar__center:hover .menubar__expand>li ul.menubar__expand-inner li a{text-align:left;color:#000;cursor:pointer;font-size:24px;line-height:28px;text-decoration:none}.menubar__center:hover .menubar__expand>li ul.menubar__expand-inner li a:hover{color:#07f468}@media (max-width:991px){.menubar__center{pointer-events:none;display:none}}.menubar__link{color:#000;width:15%;font-family:PSLKittithadaPro;font-size:55px;text-decoration:none;display:block}.menubar__link--register{text-align:right}.menubar__link--register:hover{opacity:.7}@media (max-width:991px){.menubar__link--register{display:none}}.menubar__link img{max-width:100%;margin:0 auto;display:block}@media (max-width:1280px){.menubar__link{font-size:28px}}@media (max-width:991px){.menubar__link{width:50%;padding-left:10px}}.menubar__mobile{display:none}@media (max-width:991px){.menubar__mobile{text-align:right;float:right;width:50px;height:35px;transition:height .5s ease-in-out;display:block;position:relative;top:0;right:0}}.menubar__inline{vertical-align:middle;margin:0 10px;display:inline-block!important}.menubar__mobile-list{color:#000;background:#fff;justify-content:center;align-items:center;width:100%;height:100vh;transition:height .5s ease-in-out;display:flex;position:absolute;top:0}@media (max-width:991px){.menubar__mobile-list .menubar__list{width:100%;display:block}.menubar__mobile-list .menubar__list li{width:auto;line-height:50px;display:block}.menubar__mobile-list .menubar__list li a{text-align:left;width:40%;margin:0 auto}.menubar__mobile-list .menubar__list li ul.menubar__expand{margin:0;padding:0;display:none}.menubar__mobile-list .menubar__list li ul.menubar__expand li{width:initial}.menubar__mobile-list .menubar__list li ul.menubar__expand li a{font-size:24px;line-height:30px}.menubar__mobile-list .menubar__list li.active a{color:#5b5b5b;font-weight:700}.menubar__mobile-list .menubar__list li.active a img{transform:rotate(180deg)}.menubar__mobile-list .menubar__list li.active ul.menubar__expand{background:#5b5b5b;display:block}.menubar__mobile-list .menubar__list li.active ul.menubar__expand li a{color:#fff;font-weight:400}}.menubar__btns-mobile{display:none}@media (max-width:991px){.menubar__btns-mobile{z-index:555;width:50px;height:50px;transition:opacity .25s;display:block;position:fixed}.menubar__btns-mobile img{max-width:100%}.menubar__btns-mobile.active .top{background:#07f468;transform:translateY(10px)translate(0)rotate(45deg)}.menubar__btns-mobile.active .middle{opacity:0;background:#07f468}.menubar__btns-mobile.active .bottom{background:#07f468;transform:translateY(-10px)translate(0)rotate(-45deg)}.menubar__btns-mobile span{cursor:pointer;background:#07f468;border:none;width:70%;height:4px;transition:all .35s;position:absolute;top:5px;left:5px}.menubar__btns-mobile span:nth-of-type(2){top:15px}.menubar__btns-mobile span:nth-of-type(3){top:25px}}.menubar.active{display:block}.news-menu__list{margin:0;padding:0}.news-menu__list li{vertical-align:middle;background:#fff;border:1px solid #07f468;border-bottom:#0000;padding:0 1vw;display:inline-block}.news-menu__list li a{cursor:pointer;color:#000;text-align:center;font-size:28px;font-weight:700;display:block}.news-menu__list li:first-child{margin-right:10px}.news-menu__list li.active{background:#000}.news-menu__list li.active>a{color:#07f468}@media (max-width:991px){.news-menu__list li{width:50%;display:block}.news-menu__list li:first-child{margin:0}}.guide-menu__title{background:#fff;border-bottom:2px solid #000;width:100%;padding:5px 0;font-size:24px}.guide-menu__list{z-index:1;min-width:20%;margin:0;padding:0;position:absolute}.guide-menu__list--fixed{position:fixed;top:150px}.guide-menu__list>li{z-index:2;background:#fff;border-bottom:2px solid #000;width:100%;transition:all .4s;display:block;position:relative}.guide-menu__list>li a{cursor:pointer;padding:5px 40px;font-size:28px;display:block}.guide-menu__list>li a:hover,.guide-menu__list>li a:focus{color:#07f468}@media screen and (max-width:480px){.guide-menu__list>li a{font-size:24px}}.guide-menu__list>li .guide-menu__inner{z-index:1;background:#5b5b5b}.guide-menu__list>li .guide-menu__inner li{display:block}.guide-menu__list>li .guide-menu__inner li a{color:#fff;padding:0;font-size:24px;text-decoration:none}.guide-menu__list>li .guide-menu__inner li a:hover,.guide-menu__list>li .guide-menu__inner li a:focus{color:#07f468;outline:0}@media (max-width:991px){.guide-menu__list{width:auto;position:relative}}@-webkit-keyframes moveFromTop{0%{opacity:0;-webkit-transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0%)}}.newnav{z-index:9;background:#000;width:100%;transition:top .5s ease-in-out;position:fixed;top:0;box-shadow:0 3px 5px #000000bf}.newnav__social{justify-content:flex-end;align-items:center;display:flex}.newnav__social a{transition:all .5s ease-in-out}.newnav__social a:hover{transform:scale(1.1)}.newnav__social img{margin:0 .3vw}@media (max-width:991px){.newnav__social{justify-content:flex-start}}@media (max-width:480px){.newnav__social a{width:100%}.newnav__social a img{max-width:100%;margin:0}}.newnav__button{color:#000;background:#c8f818;margin:0 .5vw;padding:0 .5vw;font-size:1.5vw;display:inline-block}.newnav__wrapper{justify-content:space-around;align-items:center;height:5.6vw;padding:0 2vw;line-height:5.6vw;display:flex}@media (max-width:991px){.newnav__wrapper{height:auto;margin:7vw 0 0;padding:2vw}}@media (max-width:480px){.newnav__wrapper{margin:10vw 0 0;padding:3vw 0}}.newnav__logo{text-align:center;width:25%;transition:all .5s ease-in-out;position:relative;left:0;right:0}.newnav__logo img{z-index:5;max-width:100%;margin:0 auto;padding:1vw 0 .5vw;display:block;position:relative}.newnav__logo:hover{transform:scale(1.1)}@media (max-width:1900px){.newnav__logo img{padding:.7vw 0}}@media (max-width:991px){.newnav__logo{margin-top:-5vw}.newnav__logo:before,.newnav__logo:after{height:3.5vw}}@media (max-width:640px){.newnav__logo{width:20%;margin-top:-7vw;padding:2vw 0}.newnav__logo img{max-width:100%}.newnav__logo:before,.newnav__logo:after{height:7vw}}@media (max-width:480px){.newnav__logo{margin-top:-10vw}.newnav__logo:before,.newnav__logo:after{height:8vw}}.newnav__listinner{margin:0;padding:0;display:none}.newnav__pc{padding:.3vw 1vw}@media (max-width:991px){.newnav__pc{display:none}}.newnav__mobile{pointer-events:none;display:none}@media (max-width:991px){.newnav__mobile{z-index:1;pointer-events:visible;width:35%;display:block;position:absolute}.newnav__mobile--left{left:1vw}.newnav__mobile--right{right:1vw;transform:translateY(-50%)}.newnav__mobile .social{align-items:center;margin:0 .5vw;display:flex}}.newnav__list{z-index:2;text-align:left;width:57%;height:100%;margin:0 auto;padding:0;position:relative}.newnav__list .arrow{margin:0 5%}.newnav__list>li{vertical-align:middle;text-align:center;height:100%;list-style:none;display:inline-block;position:relative}.newnav__list>li a{color:#fff;text-align:center;width:100%;padding:0 1vw;font-size:1em;text-decoration:none;display:block}.newnav__list>li:hover a{color:#07f468}.newnav__list>li:hover a p{font-weight:700}.newnav__list>li:hover .newnav__listinner{z-index:2;background:#000;width:120%;margin:0;padding:1vw .5vw;line-height:1;display:block;position:absolute;overflow:visible}.newnav__list>li:hover .newnav__listinner>li{padding:0 .2vw;line-height:1.5;display:block}.newnav__list>li:hover .newnav__listinner>li a{text-align:left;color:#fff;background:0 0;padding:0;font-size:1em}.newnav__list>li:hover .newnav__listinner>li:hover a{color:#07f468}.newnav__list--right{justify-content:flex-end;align-items:center;width:43%;display:flex}.newnav__list--right>.navdownload{width:40%}.newnav__list--right>.navdownload>a{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.newnav__list--right>.navdownload>a img{width:100%;display:block}.newnav__list--right .navsearch{justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex}@media (max-width:991px){.newnav__list{display:none}}.newnav__expand{background:#07f468;margin:0;padding:0}.newnav__mobile-list{pointer-events:none}@media (min-width:991px){.newnav__mobile-list{visibility:hidden;z-index:-1}}.newnav__mobile-list{opacity:0;color:#000;background:#000;border:1px solid #276c12;width:40%;height:48vh;padding:3vw 0;transition:all .5s ease-in-out;position:absolute;top:100%;overflow:auto;transform:translate(-60%)}.newnav__mobile-list img{max-width:80%;margin:1vw auto;display:block}.newnav__mobile-list.active{opacity:1;pointer-events:visible;transform:translate(0%)}@media (max-width:991px){.newnav__mobile-list .newnav__list{width:100%;display:block}.newnav__mobile-list .newnav__list li{width:auto;height:initial;border-bottom:1px solid #5b5b5b;margin:0 1.5vw;display:block}.newnav__mobile-list .newnav__list li a{text-align:center;margin:0 auto;font-size:3vw;text-decoration:none}.newnav__mobile-list .newnav__list li:hover{background:#a0e419}.newnav__mobile-list .newnav__list li:hover a{color:#000;background:0 0;transform:skew(0deg)}.newnav__mobile-list .newnav__list li:hover a p{transform:skew(0deg)}.newnav__mobile-list .newnav__list li.active a{color:#fff;background:gray;font-weight:700}.newnav__mobile-list .newnav__list li.active a img{transform:rotate(180deg)}.newnav__mobile-list .newnav__list li.active ul.newnav__expand{background:#5b5b5b;padding:0;display:block}.newnav__mobile-list .newnav__list li.active ul.newnav__expand li{border-bottom:0;margin:0 0 .8vw}.newnav__mobile-list .newnav__list li.active ul.newnav__expand li a{color:#fff;background:0 0;font-size:18px;font-weight:400;line-height:4vw}.newnav__mobile-list .newnav__list li:last-child{border-bottom:0}}@media (max-width:480px){.newnav__mobile-list .newnav__list li a{font-size:6vw}}.newnav__icon{position:absolute;top:5px;right:5px;max-width:10%!important;margin:0!important}.newnav__login{display:none}@media (max-width:991px){.newnav__login{text-align:center;background:#000;width:100%;padding:2vw 0;display:block}.newnav__login a{margin:0 1vw}}.newmodal__content{text-align:center;margin:0 auto}.newmodal__content img{width:100%}.newmodal__flex{justify-content:center;align-items:center;height:100%;display:flex}.newmodal__comingsoon{margin:0 auto}.modal-close{z-index:2;background:0 0;border:none;width:35px;height:35px;display:inline-block;position:absolute;top:20%;right:20%}.modal-close:before,.modal-close:after{content:"";background:#07f468;border-radius:5px;width:100%;height:2px;margin-top:-6px;position:absolute;top:50%;left:0}.modal-close:before{transform:rotate(45deg)}.modal-close:after{transform:rotate(-45deg)}@media (max-width:480px){.modal-close{top:20%;right:5%}}
.modal__content{text-align:center;margin:0 auto}.modal__content img{width:100%}.modal__flex{justify-content:center;align-items:center;height:100%;display:flex}.modal__comingsoon{margin:0 auto}.modal__secondpass{color:#fff;background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reset2pass/bg_modal.jpg) 100% 0/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;width:100%;height:600px;font-size:2rem;display:flex}.modal__secondpass .modal-close-btn:before,.modal__secondpass .modal-close-btn:after{background:#f73631}.modal__secondpass h2{margin:0}@media (max-width:991px){.modal__secondpass{background-size:cover;height:325px;font-size:1.3rem}.modal__secondpass h2{font-size:1.8rem}}.modal__secondpass-inner{padding:1em}.modal__fo4m-content{text-align:center;margin:0 auto}.modal__fo4m-content img{max-width:100%}.modal-close-btn{z-index:2;background:0 0;border:none;width:35px;height:35px;display:inline-block;position:absolute;top:-35px;right:-35px}.modal-close-btn:before,.modal-close-btn:after{content:"";background:#fff;border-radius:5px;width:100%;height:2px;margin-top:-6px;position:absolute;top:50%;left:0}.modal-close-btn:before{transform:rotate(45deg)}.modal-close-btn:after{transform:rotate(-45deg)}@media (max-width:480px){.modal-close-btn{top:-20px}}
.section__layout1{text-align:center;background:#000;justify-content:center;align-items:center;width:100%;min-height:55vw;padding:80px 0 0;display:flex}.section__layout1 img{max-width:100%}@media (max-width:991px){.section__layout1{min-height:auto;margin-bottom:-5px;padding:0}}.section__layout{clear:both;text-align:center;background:#000;width:100%;margin-bottom:-5px;padding:130px 0 0;position:relative}@media (max-width:768px){.section__layout{padding:45vw 0 0}}.section__layout--index{padding:130px 0 50px}@media (max-width:768px){.section__layout--index{padding:80px 0 50px}}.section__flex{justify-content:flex-end;align-items:center;width:85%;padding-left:10%;display:flex}@media (max-width:768px){.section__flex{margin:0 auto;padding-left:0;display:block}}.section__flex--right{flex-direction:row-reverse}.section__content{width:100%}.section__content--margin{margin-left:-400px}@media (max-width:768px){.section__content--margin{margin-left:0}}@media (max-width:1440px){.section__img img{max-width:100%}}.section__img-class img{margin-bottom:-6px;margin-left:-120px}@media (max-width:768px){.section__img-class img{margin-left:0}}.section__center{word-break:break-word;width:80%;position:relative}.section__mobile{display:none}@media (max-width:991px){.section__mobile{padding:47px 0 0;display:block}.section__mobile img{max-width:100%}}@media (max-width:768px){.section__mobile{padding:65px 0 0}}.section__layout4{text-align:center;background:#000;width:100%;min-height:960px;padding:50px 0 0;position:relative}@media (max-width:991px){.section__layout4{min-height:auto;padding:0}}.section__vdo{opacity:1;width:100%;height:auto;position:absolute}@media (max-width:991px){.section__vdo{display:none}}.section-center{height:calc(100vh - 169px);padding:7em 0 0}@media (max-width:991px){.section-center{height:auto;padding:8em .8em 0}}.brandsite__bottom{text-align:left;width:50%;margin:50px 0;padding:10px;position:relative}@media (max-width:768px){.brandsite__bottom{width:100%}}.brandsite__list{margin:0;padding:0}.brandsite__list li{vertical-align:middle;border:1px solid #a3e90c;width:25%;margin:10px;display:inline-block}.brandsite__list li img{max-width:100%}.newhomepage{background:#07f468 0 0/100%;width:100%;max-width:252.3vh;height:100vh;max-height:39.6354vw;margin:5.6% auto 0;position:relative;overflow:hidden}@media (max-width:991px) and (orientation:portrait){.newhomepage{background:#fff url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/section1_mobile.jpg) bottom/100% no-repeat;min-height:auto;padding:92vw 0 0}}@media (max-width:991px) and (orientation:landscape){.newhomepage{background:#fff url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/section1_mobile.jpg) bottom/100% no-repeat;min-height:auto;padding:92vw 0 0}}@media (max-width:640px){.newhomepage{background:#fff url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/section1_mobile.jpg) bottom/100% no-repeat}}@media (max-device-width:640px) and (orientation:portrait){.newhomepage{padding:93vw 0 0}}.newhomepage__logowrap{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0 auto;display:flex;position:absolute}@media (max-width:991px) and (orientation:portrait){.newhomepage__logowrap{width:100%;bottom:unset}}.newhomepage__img{opacity:0;width:100%;margin:0 auto 1%;transition:all 1s ease-in-out 1s;display:block;transform:scale(1.6)}@media (max-width:991px){.newhomepage__img{width:100%;margin:0 auto}}.newhomepage__fade{z-index:2;background-image:linear-gradient(#0000,#0000,#dcddde);width:100%;height:100%;position:absolute;left:0}@media (max-width:991px) and (orientation:portrait){.newhomepage__fade{background-image:linear-gradient(#0000 35%,#dcddde 60%)}}@media (max-width:768px){.newhomepage__fade{background-image:linear-gradient(#0000 5%,#dcddde 100%);height:15%;bottom:0}}@media (max-width:450px){.newhomepage__fade img{width:100%}}.newhomepage__character{width:100%;height:100%;display:none;position:relative}@media (max-width:991px) and (orientation:portrait){.newhomepage__character{height:71vh;display:block}}@media (max-width:991px) and (orientation:landscape){.newhomepage__character{display:block}}.newhomepage__character img{z-index:1;opacity:0;max-width:100%;margin:0 auto;transition:opacity .6s ease-in-out .5s;display:block;position:relative}@media (max-width:991px){.newhomepage__character{padding:40vw 0 0}.newhomepage__character img{width:100%;position:absolute;bottom:0}}@media (max-width:768px){.newhomepage__character{padding:20vw 0 0}}@media (max-width:560px){.newhomepage__character{padding:0}}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (orientation:portrait){.newhomepage__character{padding:0}}.newhomepage__btn-blog{justify-content:center;align-items:center;height:30%;margin-top:3%;display:flex}.newhomepage__btn{vertical-align:middle;opacity:0;width:42%;min-width:249px;height:73%;min-height:66px;margin:0 2%;transition:opacity 3.5s ease-in-out 1s}@media (min-aspect-ratio:17/10){.newhomepage__btn{width:249px;height:66px}}.newhomepage__btn img{max-width:100%;max-height:100%;display:block}@media (max-width:991px) and (orientation:landscape){.newhomepage__btn{width:184px;height:60px}}.newhomepage__btn--download{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/btn_fconline.png) top/100% 200% no-repeat}.newhomepage__btn--download:hover,.newhomepage__btn--download:focus,.newhomepage__btn--download:active{background-position:bottom}@media (max-width:991px){.newhomepage__btn--download{display:none}}.newhomepage__btn--book{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/btn_mobile.png) top/100% 200% no-repeat;display:none}.newhomepage__btn--book:hover,.newhomepage__btn--book:focus,.newhomepage__btn--book:active{background-position:bottom}@media (max-width:991px){.newhomepage__btn--book{display:none}}.newhomepage__btn--fo4m{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/btn_mobile.png) top/100% 200% no-repeat}.newhomepage__btn--fo4m:hover,.newhomepage__btn--fo4m:focus,.newhomepage__btn--fo4m:active{background-position:bottom}@media (max-width:991px){.newhomepage__btn--fo4m{display:none}}.newhomepage__btn--mobile{z-index:1;width:50%;margin:0 auto;position:absolute;bottom:10%;left:0;right:0}@media (min-width:991px){.newhomepage__btn--mobile{display:none}}@media (max-width:991px){.newhomepage__btn--mobile{flex-direction:column;justify-content:center;align-items:center;gap:4%;width:90%;height:100%;display:flex}.newhomepage__btn--mobile .newhomepage__btn--fo4m{margin:0 auto;display:block}}@media (max-width:480px){.newhomepage__btn{min-width:180px;min-height:50px}.newhomepage__btn--download{background-size:100% 200%}.newhomepage__btn--download:hover{background-position:bottom}.newhomepage__btn--book{background-size:100% 200%}.newhomepage__btn--book:hover{background-position:bottom}}.newhomepage__title{z-index:2;position:relative;overflow:hidden}.newhomepage__title img{opacity:0;max-width:100%;transition:all .5s ease-in-out;display:block}.newhomepage__title:before{content:"";opacity:0;-webkit-font-smoothing:antialiased;background:linear-gradient(90deg,#9ee3191a 0%,#d9ba4a 100%);width:47%;height:2.8vw;transition:all 1s ease-in-out;display:block;position:absolute;top:10%;left:-1.5%;transform:skew(-31deg)translate(-47%)}@media (max-width:480px){.newhomepage__title:before{background:#d9ba4a;width:40%;height:8vw;left:-2.5%}}.newhomepage__title:after{content:"";-webkit-font-smoothing:antialiased;background:linear-gradient(-90deg,#9ee3191a 0%,#d9ba4a 100%);width:47%;height:2.8vw;transition:all 1s ease-in-out;display:block;position:absolute;bottom:10%;right:-2%;transform:skew(-30deg)translate(100%)}@media (max-width:480px){.newhomepage__title:after{background:#d9ba4a;width:40%;height:8vw;bottom:5%;right:-4%}}.newhomepage__content{z-index:2;text-align:center;justify-content:stretch;align-items:stretch;width:80%;height:100%;margin:13% auto 7.5%;display:flex;position:relative}@media (max-width:991px){.newhomepage__content{width:85%}}@media (max-width:640px){.newhomepage__content{flex-direction:column}}.newhomepage__slide{vertical-align:middle;width:70%;display:inline-block}@media (max-width:640px){.newhomepage__slide{width:100%}}.newhomepage__bgfade{opacity:0;background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/section/bg_fade.png) top/cover no-repeat;width:100%;height:100%;transition:all .5s ease-in-out;position:absolute;top:0;left:0;transform:translate(-150px)}.newhomepage__bgfade img{max-width:100%}.newhomepage__bgfade.active{opacity:1;transform:translate(50px)}.newhomepage__banner{flex-direction:column;justify-content:space-between;align-items:center;width:27%;display:flex}.newhomepage__banner img{max-width:100%}@media (max-width:640px){.newhomepage__banner{flex-direction:row;width:100%;margin:50px auto}}.newhomepage__scroll{z-index:3;animation:.3s infinite alternate arrow;position:absolute;bottom:3vw;right:5%}.newhomepage__scroll img{margin:0 auto;display:block}.newhomepage__scroll p{color:#fff;text-align:center;font-size:1.5vw;line-height:1.2vw}@media (max-width:991px){.newhomepage__scroll{display:none}}.newhomepage__manager_book{z-index:2;cursor:pointer;width:5%;margin:0 auto;display:block;position:absolute;bottom:10vw;right:5%}@media (max-width:991px){.newhomepage__manager_book{display:none}}.newhomepage__slider img :hover{transform:scale(1.1)}.newhomepage__event{opacity:0;cursor:pointer;transition:transform 1s ease-in-out,opacity .9s ease-in-out;transform:translateY(-20%)scale(1.4)}@media (max-width:640px){.newhomepage__event{vertical-align:middle;width:48.5%;display:inline-block}}.newhomepage__eventlist{opacity:0;cursor:pointer;margin:0 auto;transition:transform .7s ease-in-out,opacity .6s ease-in-out;display:block;transform:translateY(-20%)scale(1.4)}.newhomepage__eventlist:hover{transform:scale(1.1)}.newhomepage__eventlist img{max-width:95%;margin:0 auto;display:block}.newhomepage__eventlist:focus{outline:0}.newhomepage__title-banner{color:#000;background:#a3e90c;padding:0 2vw;font-size:1.5vw;position:absolute;top:10px;right:-10px}.newhomepage__title-banner:before{transform-origin:0 100%;content:"";z-index:1;background:#a3e90c;width:100%;height:100%;display:block;position:absolute;left:-15px;transform:skew(-20deg)}.newhomepage__title-banner span{z-index:2;position:relative}.newhomepage__active .newhomepage__character img{animation:1.4s ease-out alternate forwards animationsection}.newhomepage__active .newhomepage__bgfade{opacity:1;transition:transform .4s ease-in-out .3s,opacity .4s ease-in-out .3s;transform:translate(50px)}.newhomepage__active .newhomepage__img{opacity:1;transform:scale(1)}.newhomepage__active .newhomepage__btn,.newhomepage__eventactive .newhomepage__title img{opacity:1}.newhomepage__eventactive .newhomepage__title:before{opacity:1;transform:skew(-31deg)translate(0)}.newhomepage__eventactive .newhomepage__title:after{opacity:1;transform:skew(-30deg)translate(0)}.newhomepage__eventactive .newhomepage__eventlist{opacity:1;transition:transform .6s ease-in-out .3s,opacity .6s ease-in-out .3s;transform:translate(0,0)scale(1)}.newhomepage__eventactive .newhomepage__event{opacity:1;transition:transform .8s ease-in-out .5s,opacity .8s ease-in-out .5s;transform:translate(0,0)scale(1)}@keyframes arrow{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.video-wrapper{z-index:1;width:100vw;max-width:100vw;height:100vh;position:absolute;inset:0}@media (max-width:991px){.video-wrapper{display:none}}.video-wrapper.landing{display:block!important}@media (max-width:800px){.video-wrapper.landing{display:none!important}}.video-wrapper__vdo{display:none;position:absolute;top:0;left:0}.video-mobile{z-index:1;width:100vw;max-width:100vw;height:100vh;position:absolute;inset:0}@media (min-width:991px){.video-mobile{display:none}}@media screen and (min-width:480px) and (max-width:991px){.video-mobile>video{width:100%}}.video-mobile__vdo{display:none;position:absolute;top:0;left:0}@media (max-width:991px){.video-mobile__vdo{z-index:2000;min-width:100vw;min-height:100vh;display:block}}@keyframes animationsection{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}.setImageManagerBook{width:100%}
a{text-decoration:none}.btns__default{color:#6acb31;text-align:center;cursor:pointer;z-index:1;border:1px solid #6acb31;border-radius:10px;margin:10px 0 0;padding:10px 50px;font-size:30px;transition:all .2s ease-in-out;display:inline-block;position:relative}@media (max-width:991px){.btns__default{padding:10px 20px;font-size:24px}}@media (max-width:480px){.btns__default{margin:15px auto;padding:10px;display:block}}.btns__default--verify{color:#000;background:#a3e90c;margin:30px 15px 0}.btns__default--logout{color:#000;background:#a3e90c;margin:0;position:absolute;top:20%;right:1em}@media (max-width:991px){.btns__default--logout{margin:0;padding:5px 10px;top:4em;right:.5em}}@media (max-width:480px){.btns__default--logout{top:3em}}.btns__default--back{color:#000;background:#a3e90c;margin:0;position:absolute;top:3.5em;left:1em}@media (max-width:991px){.btns__default--back{margin:0;padding:5px 10px;top:4em;left:.5em}}@media (max-width:480px){.btns__default--back{top:3em}}.btns__default--left{color:#6acb31;text-align:center;border:1px solid #6acb31;border-radius:10px;width:35%;margin:10px auto;padding:15px 0;font-size:30px;display:block}@media (max-width:991px){.btns__default--left{width:60%;padding:5px 0;font-size:24px}}@media (max-width:480px){.btns__default--left{width:100%}}.btns__default--account{color:#000;text-align:center;background:#a3e90c;width:15%;margin:30px auto;display:block}@media (max-width:991px){.btns__default--account{width:90%;padding:10px 0}}.btns__default--reset2ndpass{color:#000;text-align:center;background:#a3e90c;max-width:90%;margin:30px auto;display:block}@media (max-width:991px){.btns__default--reset2ndpass{width:90%;padding:10px 0}}.btns__default:hover{transform:scale(1.1)}.btns__readmore{color:#fff;text-align:center;float:right;border:1px solid #fff;padding:5px 10px;font-size:22px;display:inline-block}@media (max-width:480px){.btns__readmore{float:initial;display:block}}.btns__download{color:#000;text-align:center;background:#a3e90c;border-radius:10px;width:80%;margin:20px auto;padding:10px 0;font-size:50px;font-weight:700;transition:all .2s ease-in-out;display:block}@media (max-width:991px){.btns__download{padding:5px 0;font-size:40px}}.btns__download:hover{transform:scale(1.1)}.btns__download--image{color:#0000;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;width:80%;max-width:300px;height:100px;padding:0;font-size:0}@media (max-width:991px){.btns__download--image{max-width:240px;height:80px}}
.blog{width:100%;margin:5.5vw 0 0}@media (max-width:1200px){.blog{margin:5.6vw 0 0}}@media (max-width:991px){.blog{margin:11vw 0 0}}@media (max-width:730px){.blog{margin:11vw 0 0}}@media (max-width:640px){.blog{margin:24vw 0 0}}@media (max-width:550px){.blog{margin:16vw 0 0}}@media (max-width:280px){.blog{margin:16vw 0 0}}.blog .flex__end{justify-content:center}.blog .content__wrapper{width:60%}.blog .posted{font-size:.9em}.blog__banner{background-color:#fff;background-image:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/banner_news.jpg);background-position:100% 100%;background-repeat:no-repeat;background-size:cover}.blog__details{word-break:break-word;min-height:49vh;font-family:PSLDisplayPro;font-size:30px}.blog__details img{max-width:100%}.blog__details:after{content:"";float:none;padding:20px 0;display:block;clear:both!important}.blog__details>p{font-size:30px}.blog__details h1{font-size:34px}.blog__details h2,.blog__details h3,.blog__details h4{font-size:30px}@media screen and (max-width:991px){.blog__details,.blog__details>p,.blog__details h1,.blog__details h2,.blog__details h3,.blog__details h4{font-size:30px}}@media screen and (max-width:480px){.blog__details,.blog__details>p,.blog__details h1,.blog__details h2,.blog__details h3,.blog__details h4{font-size:20px}}.blog__clear{content:"";float:none;clear:both!important}.blog-title{text-align:center;font-family:Flama-ExtraboldItalic;font-size:5vw}@media (max-width:991px){.blog-title{text-align:center}}.blog-title .text--green{color:#000}.blog-title .text--subtitle{margin-top:2%;font-size:1.5vw}.blog .content{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/content_bg.jpg) top/cover no-repeat;padding-bottom:5vw}@media (max-width:991px){.blog .content{background:#fff}}.blog .content__line-right{background:#fff}.banner__text{color:#fff;font-size:30px}@media (max-width:1024px){.banner__text{font-size:24px}}.breadcrumb{margin:20px 0 10px;padding:0;font-family:DBHelvethaicaX-53Ext,sans-serif;font-size:18px}.breadcrumb li{vertical-align:middle;margin-right:10px;display:inline-block}.breadcrumb li a{color:#000;font-size:30px;text-decoration:none}.breadcrumb li a:hover{color:#6acb31}@media (max-width:480px){.breadcrumb li a{font-size:18px}}.breadcrumb--line{border-bottom:1px solid #000;margin:0 0 10px;padding:0 0 15px}@media screen and (max-width:480px){.breadcrumb--line{line-height:.7}}
.news{width:100%;min-height:55vh;margin:5.5vw 0 0}@media (max-width:1200px){.news{margin:6vw 0 0}}@media (max-width:991px){.news{margin:11vw 0 10vw}}@media (max-width:730px){.news{margin:11vw 0 10vw}}@media (max-width:640px){.news{margin:24vw 0 10vw}}@media (max-width:550px){.news{margin:16vw 0 10vw}}@media (max-width:280px){.news{margin:16vw 0 10vw}}.news .flex__end{justify-content:center}.news .content__wrapper{width:60%}.news__banner{background-color:#fff;background-image:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/banner_news.jpg);background-position:100% 100%;background-repeat:no-repeat;background-size:cover}@media (max-width:991px){.news__banner{background-image:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/banner_news_mobile.jpg);background-position:40% 0}}.news__main{text-align:left;width:60%;margin:0 auto;display:block}@media (max-width:991px){.news__main{width:80%}}.news__title{font-size:50px;position:relative}.news__inline{vertical-align:middle;margin:0 10px;display:inline-block}@media (max-width:480px){.news__inline{margin:0;display:block}}.news .blog-title{text-align:center;margin:1vw auto;font-family:Flama-ExtraboldItalic;font-size:80px}@media (max-width:991px){.news .blog-title{text-align:right}}.news .blog-title .text--green{color:#000}.news .content{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/content_bg.jpg) top/cover no-repeat;min-height:55vh;padding-bottom:5vw}@media (max-width:991px){.news .content{background:#fff}}.news .content__line-right{background:#fff}.news .banner__text{color:#fff}.news-header{color:#000;margin:0 auto;font-size:26px}.news-header__title{flex-direction:column;justify-content:space-between;align-items:flex-start;margin:20px auto;font-size:34px;display:flex}.news-header__title .date{text-align:right;width:100%}@media (max-width:1024px){.news-header__title{font-size:26px}}@media (max-width:991px){.news-header__title{display:block}}.news-list{min-height:35vh;margin:0;padding:0}.news-list li{vertical-align:top;text-align:left;width:30%;margin:25px 0;display:inline-block}.news-list li a{color:#a5c6ed;word-wrap:break-word;text-align:left;font-size:26px;display:block}.news-list li a img{text-align:left;width:100%}.news-list li a:hover,.news-list li a:focus{outline:0}.news-list li:nth-child(2),.news-list li:nth-child(5){margin:25px}@media (max-width:1280px){.news-list li a{font-size:22px}}@media (max-width:991px){.news-list li{width:45%}.news-list li:nth-child(n){margin-left:0;margin-right:10px}.news-list li:nth-child(2n){margin-left:10px;margin-right:0}}@media (max-width:480px){.news-list li{width:100%;margin:20px auto}.news-list li:nth-child(n),.news-list li:nth-child(2n){margin-left:auto;margin-right:auto}.news-list li a{font-size:18px}}.news-list--row li{border-bottom:1px solid #e1e1e1;width:100%;margin:0;transition:all .2s ease-in-out;display:block;position:relative}.news-list--row li a{color:#000;padding:15px 0}.news-list--row li a>span{vertical-align:top;width:30%;margin-right:3%;display:inline-block}@media (max-width:480px){.news-list--row li a>span{width:100%;display:block}}.news-list--row li a img{max-width:100%;display:block}.news-list--row li a:hover{opacity:.8}.news-list--row li:nth-child(2),.news-list--row li:nth-child(5){margin:initial}.news-list__detail{vertical-align:middle;word-wrap:break-word;width:67%;display:inline-block}@media (max-width:480px){.news-list__detail{width:100%}}.news-list__detail .text--newsdetail,.news-list__view{font-family:DBHelvethaicaX-53Ext,sans-serif}.news-list__subtitle{justify-content:space-between;align-items:center;margin:0 auto 15px;font-weight:400;display:flex}.news-list__subtitle>p{font-family:DBHelvethaicaX-53Ext,sans-serif}.news-list__index{color:#a5c6ed;word-wrap:break-word;text-align:left;vertical-align:top;outline:0;margin:20px 0;font-size:26px;display:block}.news-list__index a{padding:0 10px;display:block}.news-list__index a img{max-width:100%}@media (max-width:991px){.news-list__index{width:50%!important}}@media (max-width:480px){.news-list__index{width:100%!important}}.news-filter{border-bottom:1px solid #000;justify-content:center;align-items:center;padding:15px 0;font-family:DBHelvethaicaX-53Ext,sans-serif;display:flex}@media screen and (max-width:480px){.news-filter{flex-direction:column}}.news-filter__btns{color:#000;vertical-align:middle;text-align:center;cursor:pointer;border-right:1px solid #b7b7b7;width:40%;font-size:26px;font-weight:700;display:inline-block;position:relative}.news-filter__btns img{vertical-align:middle;display:inline-block}@media (max-width:480px){.news-filter__btns{text-align:center;border-right:0;width:100%;margin:10px auto;padding:0;display:block}}.news-filter__search{vertical-align:middle;text-align:left;width:60%;display:inline-block}.news-filter__search input{text-align:center;border:1px solid #b7b7b7;width:79%;margin:0 15px;padding:0 10px;font-family:DBHelvethaicaX-53Ext,sans-serif;font-size:1.5rem}.news-filter__search input:focus{outline:0}@media (max-width:480px){.news-filter__search{text-align:center;width:100%;display:block}.news-filter__search input{width:80%;margin:0 auto;padding:0 5px;font-size:22px}}.news-filter__search-btns{vertical-align:middle;cursor:pointer;margin:0 5px;display:inline-block}.news-filter__cate{z-index:1;background:#fff;border:1px solid #b7b7b7;width:100%;margin:0;padding:0;position:absolute;top:40px;left:0}.news-filter__cate li{text-align:left;border-bottom:1px solid #b7b7b7;display:block}.news-filter__cate li a{text-align:center;padding:5px 15px;font-size:22px;display:block}.news-filter__cate li:hover,.news-filter__cate li:focus{color:#000;background:#b7b7b7}.news-filter__cate li:last-child{border-bottom:0}
.pagination__list{text-align:center;border-top:1px solid #000;margin:0 auto;padding:0}.pagination__list li{vertical-align:middle;text-align:center;margin:0 3%;padding:10px 0;display:inline-block}.pagination__list li a{color:#626262;font-size:22px}.pagination__list li.active a{color:#000;font-weight:700}
.slider__center{justify-content:center;align-items:center;display:flex}.slider__center img{text-align:center;max-width:80%;margin:0 auto;display:block}@media (max-width:480px){.slider__center img{max-width:90%}}.slider__center:focus{outline:0}.slider__res img{text-align:center;width:100%;max-width:100%;margin:0 auto;display:block}.slider__ad{width:100%;display:block}.slider__ad img{width:100%;max-width:100%}.slider__ad:focus{outline:0}.slider__arrow{cursor:pointer;width:73px;height:73px;position:absolute;top:50%;transform:translateY(-50%)}.slider__arrow--next{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/icon/nav_next.png) top no-repeat;right:-10%}@media (max-width:991px){.slider__arrow--next{background-size:contain;width:35px;height:35px}}@media (max-width:480px){.slider__arrow--next{background-size:contain;width:30px;height:30px}}.slider__arrow--prev{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/icon/nav_prev.png) top no-repeat;left:-10%}@media (max-width:991px){.slider__arrow--prev{background-size:contain;width:35px;height:35px}}@media (max-width:480px){.slider__arrow--prev{background-size:contain;width:30px;height:30px}}.slider__dots{top:-30px}.slider__dots--right{padding:0;position:absolute;top:-25px;right:0}.slider__dots--right li{margin:0 2px;display:inline-block}.slider__dots--right li button{color:#4f4f4f;background:#ccc;border:0;outline:0}.slider__dots--right li.slick-active button{color:#fff;background:#000}.slider__dotindex li{display:inline-block}.slider__dotindex li button:before{content:"•";opacity:1;color:#555;font-size:15px}.slider__dotindex li.slick-active button:before{color:#1cf3c3}.slider__dotindex2 li{margin:0 5px;display:inline-block}.slider__dotindex2 li button:before{content:"";opacity:1;color:#555;background:#030718;border-radius:5px;width:100%;height:6px}.slider__dotindex2 li.slick-active{width:30px}.slider__dotindex2 li.slick-active button:before{color:#1cf3c3;background:#1cf3c3;width:100%}.slider__index{width:60%;margin:0 auto}@media (max-width:480px){.slider__index{width:80%}}.slider__fo4m{height:100%;margin:0 auto}.slider__fo4m-img{justify-content:center;align-items:center;height:100%;display:flex}.slider__fo4m-img img{text-align:center;width:100%;max-width:100%;height:100%;margin:0 auto;display:block}@media (max-width:480px){.slider__fo4m-img img{max-width:100%}}.slider__fo4m-img:focus{outline:0}.banner{width:20%;min-height:400px;position:absolute}@media (max-width:991px){.banner{width:100%;min-height:auto;position:relative!important;top:0!important}}.banner--fixed{position:fixed;top:85px}
.wrapper{background:#fff;display:block}.wrapper>.video__mainwrapper:first-child{margin:0 auto}.video__mainwrapper{box-sizing:border-box;cursor:pointer;color:#000;border:1px solid #0000;justify-content:space-between;align-items:flex-start;margin:5% auto;padding:2%;text-decoration:none;display:flex}.video__mainwrapper:hover{border:1px solid #a3e90c}.video__thumbnail{width:50%}.video__thumbnail>img{max-width:100%;max-height:100%;margin:0 auto;display:block}.video__detail{box-sizing:border-box;width:50%;height:100%;padding:0 2%}@media (min-width:1800px){.video__detail{font-size:24px}}.video__title{color:#000;font-size:1.2em;font-weight:700}@media (min-width:1024px){.video__title{text-align:left;max-height:2em;margin-right:0;padding-right:1em;line-height:1em;position:relative;overflow:hidden}.video__title:before{content:"...";position:absolute;bottom:0;right:.8em}.video__title:after{content:"";background:#fff;width:1em;height:1em;margin-top:.2em;position:absolute;right:0}}@media (max-width:768px){.video__title{text-align:left;max-height:2em;margin-right:0;padding-right:1em;line-height:1em;position:relative;overflow:hidden}.video__title:before{content:"...";position:absolute;bottom:0;right:.8em}.video__title:after{content:"";background:#fff;width:1em;height:1em;margin-top:.2em;position:absolute;right:0}}.video__sub{color:#676363;font-size:1em;overflow:hidden}@media (min-width:1024px){.video__sub{text-align:left;max-height:2em;margin-right:0;padding-right:1em;line-height:1em;position:relative;overflow:hidden}.video__sub:before{content:"...";position:absolute;bottom:0;right:.8em}.video__sub:after{content:"";background:#fff;width:1em;height:1em;margin-top:.2em;position:absolute;right:0}}@media (max-width:1024px){.video__sub{text-align:left;max-height:2em;margin-right:0;padding-right:1em;line-height:1em;position:relative;overflow:hidden}.video__sub:before{content:"...";position:absolute;bottom:0;right:.8em}.video__sub:after{content:"";background:#fff;width:1em;height:1em;margin-top:.2em;position:absolute;right:0}}
.download{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/section/bg_download.jpg) top/cover no-repeat;width:100%;padding:10vw 0 0}@media (max-width:991px){.download{padding:45vw 0 10vw}}.download__table{border:1px solid #fff}.download__table table{padding-top:0}.download-spec{color:#fff;border-spacing:0;width:100%;padding:30px 0 10px}.download-spec thead tr{color:#000;text-align:center;background:linear-gradient(#69f8a0 0%,#22f574 50%,#0ada5b 100%);height:60px;font-size:30px}.download-spec thead tr th{border:0;border-right:2px solid #464646;border-radius:10px;width:33.3333%}.download-spec thead tr th:last-child{border:none}@media (max-width:991px){.download-spec thead tr{font-size:17px}}.download-spec tbody tr{font-size:22px}.download-spec tbody tr td{border-right:2px solid #464646;padding:10px 25px}.download-spec tbody tr td:last-child{border:none}@media (max-width:991px){.download-spec tbody tr{font-size:17px}.download-spec tbody tr td{padding:5px 10px}}.download-direct__title{text-align:center;background:linear-gradient(#69f8a0 0%,#22f574 50%,#0ada5b 100%);border-radius:10px;font-size:30px}.download-direct__list{margin:20px auto;padding:0}.download-direct__list li{vertical-align:middle;text-align:center;width:25%;display:inline-block}.download-direct__list li a{border-radius:6px;width:100%;max-width:100px;height:34px;transition:all .2s ease-in-out;display:inline-block}@media (max-width:991px){.download-direct__list li a{max-width:80px;height:28px}}.download-direct__list li a:hover{transform:scale(1.1)}.download-direct__list li .download-direct__link{text-indent:-9999px;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;overflow:hidden}.download-direct__list li .download-direct__link--text{color:#fff;text-indent:0;border:1px solid #fff;width:auto;max-width:none;height:auto;padding:0 10px;font-size:20px;line-height:1.4}@media (max-width:991px){.download-direct__list li .download-direct__link--text{font-size:15px}}.download-list{text-align:center;vertical-align:top;width:25%;margin:0 auto;padding:15px 0;display:inline-block}.download-list img{vertical-align:middle;display:inline-block}@media (max-width:991px){.download-list{width:100%;display:block}}

.playerclass{width:100%;padding-top:8%}@media (max-width:1024px) and (orientation:portrait){.playerclass{height:auto;padding-top:10%}}@media (max-width:768px) and (orientation:portrait){.playerclass{padding-top:20%}}@media (max-width:600px) and (orientation:portrait){.playerclass{padding-top:33%}}@media (max-width:900px) and (orientation:landscape){.playerclass{padding-top:23%}}.playerclass__titlebox{z-index:5;background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/class_banner.png) bottom no-repeat;justify-content:center;align-items:center;height:50vh;display:flex;position:relative}@media (max-width:1024px){.playerclass__titlebox{height:200px}}@media (max-width:1024px) and (orientation:landscape){.playerclass__titlebox{height:65vh}}.playerclass__titlebox>img{max-width:44%;max-height:100%;margin:0 auto;display:block}@media (max-width:1024px){.playerclass__titlebox>img{max-width:70%}}.playerclass__box{background:#1e2127 url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/class_bg.jpg) top no-repeat;margin-top:-4%;padding-bottom:3%}@media (max-width:600px){.playerclass__box{margin-top:-9%}}.playerclass__box--wrapper{box-sizing:border-box;background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/class_content.png) top/100% 100% no-repeat;width:40%;height:100%;margin:0 auto;padding:5% 2%}@media (max-width:1024px){.playerclass__box--wrapper{width:90%;padding:5%}}.playerclass__box--title{color:#000;font-family:PSLKandaModernExtraSP;font-size:2em}.playerclass__teamlist{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.playerclass__teamlist>a{width:14%;margin:2%}.playerclass__teamlist>a>img{max-width:100%;max-height:100%;margin:0 auto;display:block}.playerclass__teamlist>a:hover{transform:scale(1.2)}@media (max-width:1024px){.playerclass__teamlist>a{width:18%}}.teamclass{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/class/class_bg.jpg) top/cover no-repeat;padding-top:8%;position:relative}@media (max-width:1024px) and (orientation:portrait){.teamclass{padding-top:40%}}@media (max-width:1024px) and (orientation:landscape){.teamclass{padding-top:23%}}.teamclass__backbtn{display:block;position:absolute;top:8%;left:2%}.teamclass__backbtn>img{max-width:100%;max-height:100%;display:block}@media (max-width:1024px){.teamclass__backbtn{width:18%;left:1%}}.teamclass__headlogo{padding:3.6% 0;position:relative}@media (max-width:1024px){.teamclass__headlogo{padding:6% 0}}.teamclass__headlogo>img{max-width:43%;max-height:100%;margin:0 auto;display:block}@media (max-width:1024px){.teamclass__headlogo>img{max-width:60%}}.teamclass__playercard{padding:5% 2%}.teamclass__playercard>img{max-width:100%;max-height:100%;margin:0 auto;display:block}.teamclass__detailbox{padding:3% 0}.teamclass__detailbox--content{color:#fff;text-align:center;width:70%;margin:auto}@media (max-width:1024px){.teamclass__detailbox--content{width:85%}}.teamclass__detailbox h1{font-family:ContextBlackCondensedSSiBlackCondensed;font-size:1.5em;font-weight:700}.teamclass__detailbox div{font-family:PSLKandaModernExtraSP;font-size:1.3em}
a{text-decoration:none}.text--purple{color:#8b21ba!important}.bg--purple{background:#8b21ba!important;border:1px solid #8b21ba!important}.btns--purple{color:#8b21ba!important;border:1px solid #8b21ba!important}.btns__default{text-align:center;color:#f73631;cursor:pointer;z-index:1;border:1px solid #f73631;border-radius:7px;margin:10px 0 0;padding:10px 50px;font-size:30px;transition:all .2s ease-in-out;display:inline-block;position:relative}@media (max-width:991px){.btns__default{padding:10px 20px;font-size:24px}}@media (max-width:480px){.btns__default{margin:15px auto;padding:10px;display:block}}.btns__default--verify{margin:30px 15px 0}.btns__default--logout{margin:0;position:absolute;top:20%;right:1em}@media (max-device-width:1024px) and (orientation:portrait){.btns__default--logout{top:10%}}@media (max-width:991px){.btns__default--logout{margin:0;padding:5px 10px;top:25%;right:.5em}}@media (max-device-width:991px) and (orientation:landscape){.btns__default--logout{top:50%}}@media (max-device-width:768px) and (orientation:portrait){.btns__default--logout{top:20%}}@media (max-device-width:600px) and (orientation:portrait){.btns__default--logout{top:25%}}@media (max-width:600px) and (orientation:landscape){.btns__default--logout{top:65%}}@media (max-width:450px){.btns__default--logout{top:24%}}@media (max-width:350px){.btns__default--logout{top:22%}}@media (max-device-width:350px) and (orientation:portrait){.btns__default--logout{top:30%}}.btns__default--back{margin:0;position:absolute;top:20%;left:1em}@media (max-device-width:1024px) and (orientation:portrait){.btns__default--back{top:10%}}@media (max-width:991px){.btns__default--back{margin:0;padding:5px 10px;top:25%}}@media (max-device-width:991px) and (orientation:landscape){.btns__default--back{top:50%}}@media (max-device-width:768px) and (orientation:portrait){.btns__default--back{top:20%}}@media (max-width:600px) and (orientation:landscape){.btns__default--back{top:65%}}@media (max-device-width:600px) and (orientation:portrait){.btns__default--back{top:25%}}@media (max-width:450px){.btns__default--back{top:24%}}@media (max-width:350px){.btns__default--back{top:22%}}@media (max-device-width:350px) and (orientation:portrait){.btns__default--back{top:30%}}.btns__default--account{width:30%;margin:30px auto;padding:5px 50px;display:block}@media (max-width:991px){.btns__default--account{width:90%;padding:10px 0}}.btns__default--reset{width:auto;margin:30px auto;padding:5px 10px;display:block}@media (max-width:991px){.btns__default--reset{padding:10px}}.btns__default--reset2ndpass{max-width:90%;margin:30px auto;display:block}@media (max-width:991px){.btns__default--reset2ndpass{width:90%;padding:10px 0}}.btns__default--sendmail{color:#fff;background:#f73631;max-width:90%;margin:30px auto;display:block}@media (max-width:991px){.btns__default--sendmail{width:90%;padding:10px 0}}.btns__default:hover{transform:scale(1.1)}.section-secondpass .btns__default{background-color:#0000}.section-secondpass{color:#f73631}@media (max-device-width:1024px) and (orientation:portrait){.section-secondpass{background-position:top!important}}@media (max-width:991px){.section-secondpass{height:calc(100vh - 370px);background:#fff url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/reskin/section1_mobile.jpg) 0 0/cover no-repeat!important}}@media (max-width:991px) and (orientation:landscape){.section-secondpass{height:auto}}@media screen and (min-width:768px) and (max-width:991px){.section-secondpass{height:calc(100vh - 370px);padding:11.5em .8em 0}}@media screen and (max-width:768px){.section-secondpass{height:calc(100vh - 370px);padding:5.5em .8em 0}}@media screen and (max-width:480px){.section-secondpass{height:auto;padding:8em .8em 0}}@media (max-device-width:350px){.section-secondpass{height:auto}}.section-secondpass h2{margin:0;font-size:3rem;font-weight:700}@media (max-width:991px){.section-secondpass h2{font-size:2.3rem}}@media (max-width:480px){.section-secondpass h2{font-size:1.8rem}}.section-secondpass__content{text-align:center;font-size:2rem}@media (max-width:991px){.section-secondpass__content{font-size:1.3rem}}.section-secondpass__bottom{color:#fff;text-align:left;margin:1em auto 2em;font-size:1.5rem;display:block}@media (max-width:991px){.section-secondpass__bottom{padding:1em;font-size:1.3rem}}.section-secondpass__list{white-space:nowrap;margin:0}@media (max-width:991px){.section-secondpass__list{white-space:inherit}}.section-secondpass__input input{width:90%;margin:1em auto;padding:.5em 1em;font-size:1.8rem}.section-secondpass__input input:focus{outline:0}@media (max-width:991px){.section-secondpass__input input{padding:.2em .04em;font-size:1.3rem}}.section-secondpass .reset{display:none}.section-secondpass .reset--active{display:block}.section-secondpass .reset h6{color:#fff;margin:0}.section-secondpass .reset--play h2{color:#8b21ba}.modal__secondpass .btns__default{background-color:#0000}.comment--mobile{display:none}@media screen and (max-width:500px){.comment--pc{display:none}.comment--mobile{display:block}}
.landingmask{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/landingmask/harzard_landing.jpg) top/cover no-repeat;justify-content:center;align-items:flex-end;width:100%;height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.landingmask{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/landingmask/harzard_landing.jpg) top/cover no-repeat}}.landingmask__logo{z-index:5;max-width:47%;position:absolute;top:19.1%;left:11%}.landingmask__btnbox{z-index:5;justify-content:space-around;align-items:center;width:80%;height:25%;margin:0 auto;display:flex;position:relative}@media (max-width:800px){.landingmask__btnbox{display:none}}.landingmask__btnbox.mobile{display:none}@media (max-width:1024px){.landingmask__btnbox.mobile{flex-flow:column;width:90%;height:30%;margin:0 auto;display:flex}.landingmask__btnbox.mobile img{max-width:100%;max-height:100%;display:block}}@media (min-height:1024px){.landingmask__btnbox.mobile{height:40%}}.landingmask__btnbox a{display:block}.landingmask__btnbox--btn{cursor:pointer;width:27.2%;min-width:281px;max-width:365px;height:53%;min-height:110px;max-height:143px}.landingmask__btnbox--btn.home{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/landingmask/btn_home.png) top/100% 200% no-repeat}.landingmask__btnbox--btn.event{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/landingmask/btn_event.png) top/100% 200% no-repeat}.landingmask__btnbox--btn.download{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/landingmask/btn_download.png) top/100% 200% no-repeat}.landingmask__btnbox--btn.dlm{background:url(https://cdn-webth.garenanow.com/webth/cdn/fconline/mainsite/section/btn_new_download_mobile.png) top/100% 300% no-repeat;width:70%;height:40%;margin:0 auto}.landingmask__btnbox--btn:hover{background-position:bottom}.landingpage.hide{display:none}
@keyframes modal-video{0%{opacity:0}to{opacity:1}}@keyframes modal-video-inner{0%{transform:translateY(100px)}to{transform:translate(0)}}.modal-video{z-index:1000000;cursor:pointer;opacity:1;-o-transition:opacity .3s ease-out;background-color:#00000080;width:100%;height:100%;transition:opacity .3s ease-out;animation-name:modal-video;animation-duration:.3s;animation-timing-function:ease-out;position:fixed;top:0;left:0}.modal-video-effect-exit{opacity:0}.modal-video-effect-exit .modal-video-movie-wrap{transform:translateY(100px)}.modal-video-body{width:100%;max-width:940px;height:100%;margin:0 auto;display:table}.modal-video-inner{vertical-align:middle;width:100%;height:100%;display:table-cell}.modal-video-movie-wrap{-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;background-color:#333;width:100%;height:0;padding-bottom:56.25%;transition:transform .3s ease-out;animation-name:modal-video-inner;animation-duration:.3s;animation-timing-function:ease-out;position:relative;transform:translate(0)}.modal-video-movie-wrap iframe{width:100%;height:100%;position:absolute;top:0;left:0}.modal-video-close-btn{z-index:2;background:0 0;border:none;width:35px;height:35px;display:inline-block;position:absolute;top:-35px;right:-35px;overflow:hidden}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:"";background:#fff;border-radius:5px;width:100%;height:2px;margin-top:-6px;position:absolute;top:50%;left:0}
.footer{text-transform:uppercase;color:#fff;background:#0b0b0b;font-size:20px}.footer--white{color:#000;background:#fff}.footer__main{text-align:center;width:65%;margin:0 auto;padding:20px 0;display:block}@media (max-width:991px){.footer__main{width:90%}}.footer__list{text-align:left;margin:20px 0 15px;padding:0}.footer__list li{vertical-align:middle;margin-right:15px;display:inline-block}.footer__list li a{color:#fff;font-size:20px;text-decoration:none}.footer__list li a:hover,.footer__list li a:focus{color:#6acb31}@media (max-width:991px){.footer__list{text-align:center}.footer__list li{margin:0 5px}}@media (max-width:320px){.footer__list li{margin:0 2px}.footer__list li a{font-size:14px}}.footer__inner img{max-width:212px}.footer__img{margin-bottom:10px}@media (max-width:768px){.footer__img{justify-content:space-between}}.footer__img>img{margin:0 2%}.footer__img--garena{width:170px}@media (max-width:768px){.footer__img--garena{width:30%}}.footer__img--ea{width:55px}@media (max-width:768px){.footer__img--ea{width:13%}}.footer__img--fifa{width:220px}@media (max-width:768px){.footer__img--fifa{width:40%}}.tospp{color:#fff;justify-content:center;align-items:center;font-size:14px;display:flex}.tospp a{color:#fff}.tospp__line{padding:0 1ch}