@font-face{font-family:"play";src:url("../font/play.woff2") format("woff2")}@font-face{font-family:"play-bold";src:url("../font/play-bold.woff2") format("woff2")}*{box-sizing:border-box;margin:0;padding:0;font-family:"play",Arial,sans-serif}html{scroll-behavior:smooth;font-size:18px}@media only screen and (max-width: 1024px){html{font-size:16px}}@media only screen and (max-width: 500px){html{font-size:15px}}body{color:#fff;text-align:justify}body::after{content:"";z-index:-100;width:100%;height:100vh;position:fixed;top:0;left:0;background-image:url("../img/body_bg.jpg");background-repeat:no-repeat;background-size:cover;background-position:50%}img{display:block;width:100%}.f-center{display:flex;justify-content:center;align-items:center}.text-link{color:#ff0031}a{font-size:1.2rem;text-decoration:none;color:#fff}p,span{font-size:1.2rem;line-height:36px;text-align:left}h1,h2,h3,h4{color:#fff;font-family:"play-bold",Arial,sans-serif}h1{font-size:2rem;color:orange;text-align:left}h2{text-align:center;font-size:1.6rem;color:orange}h3{font-size:1.4rem;color:#f5d16e;padding:15px 0}h4{text-align:center;font-size:1.3rem;color:#f5d16e}.layout-padding{padding:2.5% 10%}@media only screen and (max-width: 1024px){.layout-padding{padding:3% 6%}}@media only screen and (max-width: 500px){.layout-padding{padding:3% 4%}}.common-btn{color:#505050;padding:12px 35px;font-weight:800;border-radius:12px;background:linear-gradient(0deg, #ff9c19 40%, #ffdd2d 110%);box-shadow:-3.828px -3.828px 6px 0px rgba(255,200,39,.4),3px 5px 8px 0px rgba(255,82,1,.2)}@media only screen and (max-width: 500px){.common-btn{padding:10px 24px}}#up{display:none;background-color:#dbb96d;width:50px;height:50px;font-weight:bolder;border-radius:50%;position:fixed;right:2%;bottom:2%;justify-content:center;align-items:center;box-shadow:.5px 1px 5px 5px rgba(0,0,0,.5);transition:.3s ease-out;cursor:pointer;opacity:.7}#up:hover{opacity:1}@media only screen and (max-width: 1024px){#up{width:45px;height:45px}}#up p{font-size:1.5rem;font-weight:bolder;position:absolute;top:45%;left:50%;transform:translate(-50%, -50%)}#luckywheel{z-index:300;position:fixed;left:0;bottom:18%}@media only screen and (max-width: 500px){#luckywheel{bottom:8%}}#luckywheel img{width:auto;animation:game 1.5s ease-out infinite}@keyframes game{0%{filter:drop-shadow(0px 0px 2px #fff)}50%{filter:drop-shadow(0px 0px 6px #fff)}100%{filter:drop-shadow(0px 0px 2px #fff)}}@media only screen and (max-width: 1024px){#luckywheel img{width:120px}}@media only screen and (max-width: 500px){#luckywheel img{width:80px}}.navbar{z-index:100;width:100%;position:sticky;top:0;background:linear-gradient(180deg, #000000 0%, #303030 100%);height:80px;padding:0 8%;display:grid;grid-template-columns:1fr 6fr 1fr 1fr;align-items:center;overflow:hidden}@media only screen and (max-width: 1024px){.navbar{height:70px;padding:0 6%;grid-template-columns:1fr 3fr}}.navbar .logo-img{height:100%;justify-self:start;display:flex;align-items:center}.navbar .logo-img img{min-width:120px;max-height:50px}.navbar .menu-toggle{display:none;justify-self:end}.navbar .menu-toggle:hover{cursor:pointer}@media only screen and (max-width: 1024px){.navbar .menu-toggle{display:block}}.navbar .menu-toggle .bar{width:25px;height:3px;background-color:#fff;margin:5px auto;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media only screen and (max-width: 1024px){.navbar .menu-toggle .bar{display:block}}.navbar .nav{list-style:none;display:grid;grid-template-columns:repeat(6, 1fr);justify-items:center;justify-self:center}@media only screen and (max-width: 1024px){.navbar .nav{width:100%;background-color:#3f3f3f;display:flex;justify-content:start;flex-direction:column;position:fixed;top:70px;right:0;transform:translate(-101%);text-align:center;overflow:hidden;border-top:2px solid #f1c670;border-bottom:2px solid #f1c670}}@media only screen and (max-width: 1024px){.navbar .nav li{padding:12px 0}.navbar .nav li:hover{background-color:#707070}}.navbar .nav li a{color:#fff;font-size:1rem;padding:18px 15px;transition:color .2s ease-out}@media only screen and (max-width: 1024px){.navbar .nav li a{font-size:1.5rem}}.navbar .head-button{width:120px;height:35px;font-size:.9rem;border-radius:6px;margin:auto;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 1024px){.navbar .head-button{display:none}}.navbar .head-login{border:1px solid #fff}.navbar .head-register{margin-left:10px;background:linear-gradient(180deg, #fc8e1e, #ffd85d)}#mobile-menu.is-active .bar:nth-child(1){-webkit-transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);-o-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);-ms-transform:translateY(-8px) rotate(-45deg);-o-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}.overlay::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:80;pointer-events:none}@media only screen and (max-width: 1024px){.mobile-nav{transition:color .8s ease-out;transform:translate(0%) !important}}footer{display:flex;justify-content:space-between;flex-wrap:wrap;margin:3% 0 0;padding:0 10%}@media only screen and (max-width: 1024px){footer{padding:0 6%}}@media only screen and (max-width: 500px){footer{padding:0 4%}}footer .footer-logoarea{width:35%}@media only screen and (max-width: 800px){footer .footer-logoarea{width:45%}}@media only screen and (max-width: 500px){footer .footer-logoarea{width:100%}}footer .footer-logoarea img{max-width:220px}@media only screen and (max-width: 500px){footer .footer-logoarea img{max-width:180px}}footer .footer-logoarea p{font-size:.8rem;line-height:24px}footer .footer-download{width:40%;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 800px){footer .footer-download{width:45%}}@media only screen and (max-width: 500px){footer .footer-download{width:100%;margin:25px 0}}footer .footer-download a{width:48%}footer .copyright{width:100%;border-top:1px solid #fff;margin-top:1%;padding:2.5% 0;text-align:center}ol,ul{margin-left:15px;padding:10px}@media only screen and (max-width: 500px){ol,ul{margin-left:10px}}ol li,ul li{margin:10px 0}#blog-area{padding:8% 15%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}@media only screen and (max-width: 1024px){#blog-area{padding:6% 10%}}@media only screen and (max-width: 500px){#blog-area{padding:6% 4%}}#blog-area .blog-card{width:45%}@media only screen and (max-width: 500px){#blog-area .blog-card{width:100%}}#blog-area .blog-card a:hover h2{color:#f08a00}#blog-area .blog-card img{border-radius:12px}#blog-area .blog-card h2{margin-top:15px}#article-area{padding:6% 15%}@media only screen and (max-width: 1024px){#article-area{padding:6% 12%}}@media only screen and (max-width: 500px){#article-area{padding:6% 4%}}#article-area .link-color{color:#fff}#article-area .link-color:hover{color:#f08a00}#article-area .publish-text{color:#979797;font-size:.8rem;line-height:1.5rem}#article-area img{width:auto;max-width:800px;margin:30px auto}@media only screen and (max-width: 800px){#article-area img{max-width:100%}}#article-area .img-border{border:1px solid #ff9c19;border-radius:12px}#article-area nav{margin:30px 0 15px}#article-area h2{margin:30px 0}@media only screen and (max-width: 500px){#article-area h2{margin:20px 0}}#article-area p{padding:10px 0}#article-area .text-margin{margin:20px 0}@media only screen and (max-width: 500px){#article-area .text-margin{margin:12px 0}}.compare-table{--bd: #111;--bg: #fff;--head-bg: #f3f3f3;--stub-bg: #f7f7f7;--text: #111;--accent: #f08a00;--btn: #d90000;color:var(--text)}.compare-table__scroll{width:100%;overflow:visible}@media only screen and (max-width: 1024px){.compare-table__scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:6px}}.c-table{width:100%;border-collapse:collapse;table-layout:fixed;background:var(--bg);border:1px solid var(--bd);font-size:1rem}@media only screen and (max-width: 1024px){.c-table{width:auto;min-width:780px}}@media only screen and (max-width: 500px){.c-table{min-width:720px}}@media only screen and (max-width: 359px){.c-table{min-width:680px}}.c-table th,.c-table td{border:1px solid var(--bd);padding:.4rem .6rem;text-align:center;vertical-align:middle;line-height:1.25;word-break:break-word}.c-table thead th{background:var(--head-bg);font-weight:700}.c-table__stub{width:18%;background:var(--head-bg)}.c-table__rowhead{background:var(--stub-bg);text-align:left;font-weight:700;width:18%}.c-table__rowhead--blank{background:var(--stub-bg)}.is-accent{color:var(--accent);font-weight:700}.c-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.6rem 1.1rem;border:2px solid var(--btn);color:var(--btn);background:rgba(0,0,0,0);font-weight:700;font-size:1rem;text-decoration:none;white-space:nowrap;transition:transform .08s ease,background-color .15s ease,color .15s ease}.c-btn:hover,.c-btn:focus-visible{background:var(--btn);color:#fff}.c-btn:active{transform:translateY(1px)}@media only screen and (max-width: 500px){.c-btn{font-size:.95rem;min-height:2.6rem;padding:.55rem 1rem}}.center-btn{width:250px;margin:auto;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 500px){.center-btn{width:180px}}.center-img{margin:auto}