.inner_page{height:100%}.inner_page main{flex-grow:1;height:100%}@supports not (background:paint(something)){.media-object:before{background-image:conic-gradient(#381d6a 80%,#e0d1ff 88% 92%,#381d6a 100%)}}@property --angle{syntax:"<angle>";inherits:true;initial-value:0turn}:root{--bg:#080b12;--text:#cfb3e6;--border-grd1:#6c6499;--border-grd2:#111222;--card-grd1:#1f193d;--card-grd2:#05060d;--radial-center:#ad9bff4d;--radial-edge:#0b0c164d;--shadow:#ad9bff80;--body-color:#393937;--accent-color:#fbb608;--white-color:#fff;--box-shadow:0 0 5px #f4bc03b7,0 0 15px #f4c803a0,0 0 30px #f4a4039e,0 0 80px #f4c8038b}@keyframes textColor{0%{color:#7e0fff}50%{color:#0fffc1}to{color:#7e0fff}}.page-sub .block_login{z-index:1;justify-content:center;align-items:center;height:100%;padding:16px;display:flex;position:relative}.page-sub .block_login .form_login{background-color:#0009;border:2px solid #ffffff4d;border-radius:24px;width:100%;max-width:460px;min-height:300px;padding:30px 20px}@media (min-width:992px){.page-sub .block_login .form_login{padding:32px}}.page-sub .block_login .form_login .logo{max-width:180px;margin:auto}.page-sub .btn_play{border-radius:20px;padding:6px 16px;text-decoration:none;transition:all .5s;animation:1s infinite glow}.page-sub .game_heading{z-index:999;background-image:url(/images/header_bg.png);background-size:100% 100%;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;height:30px;padding:0 4.16667%;display:flex;position:sticky;top:0}@media (min-width:1024px),(min-width:768px) and (orientation:portrait){.page-sub .game_heading{height:45px}}@media (min-width:1241px){.page-sub .game_heading{height:50px}}@media (min-width:1801px){.page-sub .game_heading{height:60px}}@media (min-width:320px) and (orientation:portrait),(max-width:1023px) and (orientation:landscape){.page-sub .game_heading .btn_demo{border-radius:4px;height:18px;line-height:18px;font-size:9px!important}}.page-sub .game_heading .logo{z-index:9;display:block;position:relative}.page-sub .game_heading .logo img{width:auto;height:50px}@media (max-width:991px){.page-sub .game_heading .logo img{height:34px}}.page-sub .game_heading .toolbar{height:100%}.page-sub .game_heading .toolbar .line{border-left:1px solid #fff3;width:1px;height:30px}@media (min-width:320px) and (orientation:portrait),(max-width:1023px) and (orientation:landscape){.page-sub .game_heading .toolbar .line{display:none}}.page-sub .game_heading .toolbar .item{color:#fff;cursor:pointer;border:1px solid #0000;font-size:75%;font-weight:500;line-height:18px;transition:all .3s}.page-sub .game_heading .toolbar .item_rule{border-left:1px solid #ffffff1a;min-width:60px;height:100%;margin-left:16px}.page-sub .game_heading .toolbar .item_rule:hover{background-color:#ffffff1a}.page-sub .game_heading .toolbar .item_account{cursor:pointer;height:100%;position:relative}@media (max-width:991px){.page-sub .game_heading .toolbar .item_account>.content,.page-sub .game_heading .toolbar .item_account>span.icon{display:none}}@media (min-width:992px){.page-sub .game_heading .toolbar .item_account{border-left:1px solid #ffffff1a;min-width:220px;padding:0 16px}}.page-sub .game_heading .toolbar .item_account .dropdown_content{opacity:0;pointer-events:none;background:#00152d;min-width:100%;margin:0;transition:all .3s;position:absolute;top:100%;right:0}@media (max-width:991px){.page-sub .game_heading .toolbar .item_account .dropdown_content{opacity:1;pointer-events:all;padding:48px 16px 16px;position:fixed;inset:0;transform:translate(-100%)}.page-sub .game_heading .toolbar .item_account .dropdown_content .list_menu{margin-top:24px;font-size:14px}}@media (min-width:992px){.page-sub .game_heading .toolbar .item_account .dropdown_content .list_menu{margin:0;font-size:12px}}.page-sub .game_heading .toolbar .item_account .dropdown_content .list_menu ul{margin-bottom:0}@media (min-width:992px){.page-sub .game_heading .toolbar .item_account .dropdown_content .list_menu ul li a{padding:10px 16px}.page-sub .game_heading .toolbar .item_account .dropdown_content .info_profile{display:none}.page-sub .game_heading .toolbar .item_account:hover{background-color:#ffffff1a}}.page-sub .game_heading .toolbar .item_account:hover .dropdown_content{opacity:1;pointer-events:all}.page-sub .game_heading .btn_hamburger{justify-content:center;align-items:center;width:32px;height:100%;margin-left:12px;display:flex}@media (min-width:992px){.page-sub .game_heading .btn_hamburger{display:none}}.page-sub .game_heading .btn_hamburger span{background-color:#ddd;width:100%;height:3px;transition:all .3s;display:block;position:relative}.page-sub .game_heading .btn_hamburger span:before,.page-sub .game_heading .btn_hamburger span:after{content:"";background-color:#ddd;width:100%;height:100%;transition:all .3s;position:absolute}.page-sub .game_heading .btn_hamburger span:before{top:-9px}.page-sub .game_heading .btn_hamburger span:after{bottom:-9px}.page-sub .game_heading .btn_hamburger.active span{background-color:#fff0}.page-sub .game_heading .btn_hamburger.active span:before{top:0;transform:rotate(45deg)}.page-sub .game_heading .btn_hamburger.active span:after{bottom:0;transform:rotate(-45deg)}.page-sub .game_heading .btn_cash{background:#ef6c00;border:1px solid #ffffff80;border-radius:12px;margin-left:10px;padding:0 12px 2px;font-size:12px;line-height:18px}.page-sub .game_heading .dropdown_cash{background-color:#00152d;border:1px solid #ffffff1a;border-top:none;border-radius:0 0 8px 8px;width:340px;height:160px;margin-top:2px;padding:8px 24px;position:absolute;top:100%;right:0}.page-sub .game_heading .dropdown_cash .btn_submit{background-color:#fa0;border:none;border-radius:4px;width:100%;font-size:14px;font-weight:500;display:block;height:40px!important}.page-sub .game_heading .dropdown_cash .btn_submit span{border-radius:4px;height:38px;line-height:38px}.page-sub .game_heading .dropdown_cash .row>*{padding:0 4px!important}.page-sub .game_heading .dropdown_cash .input-group{padding-bottom:8px}.page-sub .game_heading .dropdown_cash .input-group label{font-weight:400}.page-sub .game_heading .dropdown_cash .input-group .form-control{border:none;height:40px}.page-sub .game_heading .dropdown_cash .input-group .form-control:required:invalid:not(:-ms-placeholder-shown)~label{top:2px}.page-sub .game_heading .dropdown_cash .input-group .form-control:required:invalid:not(:-moz-placeholder-shown)~label{top:2px}.page-sub .game_heading .dropdown_cash .input-group .form-control:-moz-read-only~label{top:2px}.page-sub .game_heading .dropdown_cash .input-group .form-control:focus~label,.page-sub .game_heading .dropdown_cash .input-group .form-control:read-only~label,.page-sub .game_heading .dropdown_cash .input-group .form-control:required:invalid:not(:placeholder-shown)~label,.page-sub .game_heading .dropdown_cash .input-group .form-control:valid~label{top:2px}.page-sub .game_heading .dropdown_cash .input-group .form-control:focus{background-color:#ffffff0d;border:none;outline:none}.page-sub .game_heading .block_light{background-color:#ffffff1a;border-radius:30px;min-width:150px;height:22px;overflow:hidden}@media (min-width:1024px),(min-width:768px) and (orientation:portrait){.page-sub .game_heading .block_light{height:36px}}.page-sub .game_heading .block_light .light{justify-content:center;align-items:center;width:33.33%;transition:all .3s;display:flex}.page-sub .game_heading .block_light .light+.light{border-left:1px solid #ffffff1a}.page-sub .game_heading .block_light .light:hover{background-color:#ffffff14}.page-sub .game_heading .block_light .light2 .icon{position:relative}.page-sub .game_heading .block_light .light2 .icon:before{content:"";background-image:url(/images/icon/icon_light2.png);background-position:100%;background-size:auto 100%;position:absolute;inset:0 0 0 50%}@media (min-width:320px) and (orientation:portrait),(max-width:1023px) and (orientation:landscape){.page-sub .game_heading .block_light .light .icon{width:16px;height:16px}}.page-sub .game_heading .block_light .light.active{background-color:#ffffff1a}.page-sub .game_heading .block_switch{display:inline-block}.page-sub .game_heading .block_switch input{display:none}.page-sub .game_heading .block_switch input~label{background-color:#6f6f6f66}.page-sub .game_heading .block_switch input~label:after{background-color:#ffffff80}.page-sub .game_heading .block_switch input~label:before{opacity:.5;background-image:url(/images/icon/icon_mute.png);margin-left:0;left:8px;transform:translate(0)}.page-sub .game_heading .block_switch input:checked~label{background:#0062a8;border-color:#fff}.page-sub .game_heading .block_switch input:checked~label:before{opacity:1;background-image:url(/images/icon/icon_volume.png);margin-left:-8px;left:100%;transform:translate(-100%)}.page-sub .game_heading .block_switch input:checked~label:after{opacity:0;background:#fa0;translate:30px}.page-sub .game_heading .block_switch label{cursor:pointer;border-radius:15px;width:60px;height:22px;padding:3px;transition:all .3s;display:block}@media (min-width:1024px),(min-width:768px) and (orientation:portrait){.page-sub .game_heading .block_switch label{height:28px}}.page-sub .game_heading .block_switch label:before{background-position:50%;background-repeat:no-repeat;background-size:12px;border:none;width:14px;height:14px;transition:all .3s}@media (min-width:1024px),(min-width:768px) and (orientation:portrait){.page-sub .game_heading .block_switch label:before{background-size:16px;width:20px;height:20px}}.page-sub .game_heading .block_switch label:after{content:"";display:inherit;opacity:0;background:#fff;border-radius:12px;width:20px;height:20px;transition:all .3s;position:static}.page-sub body.open_nav{overflow:hidden}.page-sub body.open_nav .item_account>.avatar{opacity:0}.page-sub body.open_nav .item_account .dropdown_content{transform:translate(0)!important}@keyframes glow{0%{box-shadow:1px 1px 10px #5d34a8,-1px -1px 10px #5d34a8}50%{box-shadow:1px 1px 10px #51e0d2,-1px -1px 10px #51e0d2}to{box-shadow:1px 1px 10px #5d34a8,-1px -1px 10px #5d34a8}}.page-sub body:not(.game) .game_heading{height:56px;padding:0 16px}.page-sub .avatar{background-image:url(/images/avt_bg2.png);background-repeat:no-repeat;background-size:100%;justify-content:center;align-items:center;max-width:380px;margin:auto;display:flex;position:relative}.page-sub .avatar:before{content:"";width:100%;padding-top:100%;display:block}.page-sub .avatar .images{align-items:center;width:72%;margin:auto;display:flex;position:absolute;inset:0}.page-sub .avatar .imgDrop{z-index:1;background-image:linear-gradient(234.96deg,#fff -58.26%,#2e5381 -27.18%,#0a4991 8.63%,#fff 47.14%,#517197 76.87%);border:4px solid #0000;border-radius:50%;width:100%;padding-top:100%;box-shadow:0 0 20px #020d2f}.page-sub .avatar .imgDrop:before{content:"";z-index:1;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 5px #020d2f}.page-sub .avatar.sz-36 .imgDrop{border-width:1px}.page-sub .loading{z-index:9999;opacity:0;pointer-events:none;background:linear-gradient(90deg,#243342,#261e3e);justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:absolute;top:0;left:0}.page-sub .loading.show{opacity:1;pointer-events:all}.page-sub .loading .wrap{text-align:center;width:15%;min-width:100px;margin:auto}@media (min-width:320px) and (orientation:portrait),(max-width:1023px) and (orientation:landscape){.page-sub .loading .wrap{transform:scale(.5)}}.page-sub .loading-text{font-size:112.5%;font-weight:500;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}@media (min-width:320px) and (orientation:portrait),(max-width:1023px) and (orientation:landscape){.page-sub .loading-text{font-size:100%}}.page-sub .loading-content{border:3px solid #4d658d;border-color:#4d658d #0000;border-radius:50%;width:100%;padding-top:100%;animation:2s linear infinite loader}.page-sub .loading-content:after{content:"";border:3px solid #84417c;border-color:#84417c #0000;border-radius:50%;animation:1.5s linear infinite loader;position:absolute;inset:15px}.page-sub .loading-content:before{content:"";border:3px solid #d4cc6a;border-color:#d4cc6a #0000;border-radius:50%;animation:3s linear infinite loader;position:absolute;inset:5px}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-sub main{flex-direction:column;display:flex}.page-sub .boding_main{color:#fff;flex-grow:1;display:flex}.page-sub .boding_main .sidebar_left,.page-sub .boding_main .sidebar_right{background-color:#000c;flex-shrink:0;width:320px;height:100%;padding:16px}@media (max-width:991px){.page-sub .boding_main .sidebar_left{display:none!important}}.page-sub .boding_main .content_main{background-color:#151313e6;flex-grow:1;padding:32px 12px 12px;position:relative}@media (min-width:992px){.page-sub .boding_main .content_main{padding:24px 16px 16px}}.page-sub .boding_main .content_main .inner{height:100%;position:relative}.page-sub .boding_main .content_main .form_custom{border:2px solid #3a3467;flex-direction:column;justify-content:space-between;min-height:100%;padding-bottom:16px;display:flex}.page-sub .boding_main .content_main .ttl_main{position:absolute;top:-20px;left:40px;right:0}.page-sub .boding_main .content_main .ttl_main span{z-index:1;background-color:#392a94;justify-content:center;align-items:center;gap:12px;height:40px;padding:0 16px;display:inline-flex;position:relative}.page-sub .boding_main .content_main .ttl_main span:before,.page-sub .boding_main .content_main .ttl_main span:after{content:"";z-index:-1;border-top:20px solid #0000;border-bottom:20px solid #0000;position:absolute;top:0}.page-sub .boding_main .content_main .ttl_main span:before{border-right:20px solid #392a94;left:0;transform:translate(-100%)}.page-sub .boding_main .content_main .ttl_main span:after{border-left:20px solid #392a94;right:0;transform:translate(100%)}@media (max-width:991px){.page-sub .form_content{flex-direction:column;padding-left:0;display:flex}.page-sub .group_select_avater{order:-1;margin-bottom:16px}}.page-sub .group_select_avater .label_select_avt{color:#ffffff80;border-bottom:1px solid #fff3;padding-bottom:4px;font-size:14px;display:block}@media (max-width:991px){.page-sub .group_select_avater .select_avt{margin-top:8px}}.page-sub .group_select_avater .select_avt .group_item{width:20%;padding:4px}@media (min-width:992px){.page-sub .group_select_avater .select_avt .group_item{width:80px;padding:8px}}.page-sub .group_select_avater .select_avt .group_item label{background-image:linear-gradient(234.96deg,#fff -58.26%,#2e5381 -27.18%,#0a4991 8.63%,#fff 47.14%,#517197 76.87%);border-radius:50%;padding:2px;transition:all .3s;display:block}.page-sub .group_select_avater .select_avt .group_item label:hover{box-shadow:0 0 15px #737b96}.page-sub .group_select_avater .select_avt .group_item label:before,.page-sub .group_select_avater .select_avt .group_item label:after{display:none}.page-sub .group_select_avater .select_avt .group_item label .imgDrop{border-radius:50%}.page-sub .group_select_avater .select_avt .group_item label .imgDrop:before{content:"";z-index:1;pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 10px #020d2f}.page-sub .group_select_avater .select_avt .group_item input:checked+label{background-image:linear-gradient(236.68deg,#ceb900 13.29%,#fafbc0 30.82%,#feffdc 43.82%,#ffec42 59.09%,#c4ff9f 69.83%);box-shadow:0 0 15px #cddb2e}.page-sub .list_menu{margin-left:-16px;margin-right:-16px}.page-sub .list_menu ul li.active,.page-sub .list_menu ul li:hover{color:#fff}.page-sub .list_menu ul li.active .icon,.page-sub .list_menu ul li:hover .icon{opacity:1}.page-sub .list_menu ul li.active{background-color:#ffffff0d}.page-sub .list_menu ul li.active a{color:#fff}.page-sub .list_menu ul li .icon{opacity:.5}.page-sub .list_menu ul li+li{border-top:1px solid #ffffff1a;position:relative}.page-sub .list_menu ul li a{cursor:pointer;color:#ffffff80;align-items:center;gap:12px;padding:12px 32px;text-decoration:none;transition:all .3s;display:flex}.page-sub .ttl_head{background-color:#000c;align-items:center;height:50px;display:flex}.page-sub .ttl_sub{color:#ceb900}.page-sub .filter_history{border-bottom:1px solid #fff3}@media (max-width:1240px){.page-sub .col-history{order:9}}.page-sub .table_history .tables{font-size:12px}.page-sub .table_history .tables_head{background-color:#2e538166;font-weight:500}.page-sub .table_history .tables_head,.page-sub .table_history .tables_tr{display:flex}.page-sub .table_history .tables_head .tables_td,.page-sub .table_history .tables_tr .tables_td{flex-grow:1;width:25%;padding:6px 12px}.page-sub .table_history .tables_tr:nth-child(2n){background-color:#ffffff0d}.page-sub .form_room{background-color:var(--bg);flex-direction:column;display:flex;position:relative}.page-sub .form_room.new-version{background:linear-gradient(135deg,#171a33,#0b1020)}@media (max-width:991px){.page-sub .form_room{padding-top:32px}}.page-sub .form_room .ttl_main{flex-shrink:0}.page-sub .form_room>.row{flex-grow:1;position:relative}.page-sub .form_room>.row:before,.page-sub .form_room>.row:after{content:"";filter:blur(150px);background-color:#ad9bff;border-radius:100px;width:150px;height:150px;position:absolute}.page-sub .form_room>.row:before{top:0;left:0}.page-sub .form_room>.row:after{bottom:0;right:0}.page-sub .form_room>.row>.col-12{flex-direction:column;display:flex}.page-sub .form_room>.row>.col-12 .row{flex-grow:1}.page-sub .form_room>.row>.col-12 .row .col-6{padding:8px}@media (min-width:992px){.page-sub .form_room>.row>.col-12 .row .col-6{max-height:50%}}.page-sub .form_room>.row>.col-12 .pagination{flex-shrink:0}.page-sub .form_room svg{display:none}.page-sub .room{background:linear-gradient(135deg,var(--card-grd1),var(--card-grd2));filter:drop-shadow(0 0 #ad9bff00);z-index:1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:16px 8px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 #ad9bff00}@media (min-width:992px){.page-sub .room{height:100%}}.page-sub .room>.icon{z-index:9;width:40px;margin-bottom:-8px;position:relative}.page-sub .room:before,.page-sub .room:after{content:"";border-radius:12px;position:absolute;inset:0}.page-sub .room:before{background:linear-gradient(135deg,var(--border-grd1),var(--border-grd2))border-box;-webkit-mask-composite:xor;border:1px solid #0000;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.page-sub .room:after{z-index:2;filter:url(#noiseFilter2);opacity:.16;clip-path:url(#rounded-clip);mix-blend-mode:hard-light;background:#000;transition:all .3s}.page-sub .room:hover{background:radial-gradient(50% 90% at top,var(--radial-center),var(--radial-edge)),linear-gradient(135deg,var(--card-grd1),var(--card-grd2));z-index:3;box-shadow:0 2px 20px 10px #ad9bff18}.page-sub .room:hover:after{opacity:.22;mix-blend-mode:hard-light}.page-sub .room_name{text-align:center;color:#f9dd06;background-image:linear-gradient(90deg,#0000,#fbfbf72b,#0000);width:100%;padding:10px 0}.page-sub .room .info{color:#ffffffb3}.page-sub .room .info dl{flex-grow:1;gap:8px;margin:0;display:flex}.page-sub .room .info dl dt,.page-sub .room .info dl dd{margin-bottom:0;font-weight:400}.page-sub .room .info dl .icon{opacity:.5}.page-sub .room .info dl+dl{margin-top:4px}.page-sub .info_profile{--border-width:1px;--radius:8px;border-radius:8px;border-radius:var(--radius);border:var(--border-width)solid transparent;background-color:#0e063a;background-image:linear-gradient(221.05deg,#0e063aa2 -1.65%,#3821c78c 63.25% 63.91%,#1e06baa2 130.8%);padding:16px;position:relative}.page-sub .info_profile:before{content:" ";inset:calc(var(--border-width)*-1);border:inherit;border-radius:inherit;background-image:conic-gradient(from var(--angle),#381d6a 80%,#e0d1ff 88%,#e0d1ff 92%,#381d6a 100%);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask:linear-gradient(#000,#000),linear-gradient(#000,#000);mask:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-composite:xor;pointer-events:none;background-origin:border-box;animation:3s linear infinite spin;position:absolute;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}.page-sub .info_profile .avatar{width:100px;margin-top:-30px}.page-sub .info_profile .avatar .images .imgDrop{border-width:2px;box-shadow:0 0 8px #000}.page-sub .info_profile .rank{color:#ffffff80}.page-sub .info_profile .rank_gold{color:#ffec42}.page-sub .info_profile .rank_daimond{color:#0abafa}.page-sub .info_profile .money{background-color:#0000004d;border-radius:30px;padding:8px 16px;box-shadow:inset 4px 4px 8px #00000052,inset -4px -5px 8px #ffffff1c}.page-sub .info_profile .money .number{background:linear-gradient(236.68deg,#ceb900 13.29%,#fafbc0 30.82%,#feffdc 43.82%,#ffec42 59.09%,#c4ff9f 69.83%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.page-sub .info_profile .info_more{margin-left:-4px;margin-right:-4px}.page-sub .info_profile .info_more .col-4{padding:0 4px}.page-sub .info_profile .info_more dl{text-align:center;background-color:#ffffff1a;border-radius:4px;margin:0;padding:8px 4px}.page-sub .info_profile .info_more .icon{opacity:.5;margin-bottom:4px}.page-sub .info_profile .info_more dt,.page-sub .info_profile .info_more dd{color:#ffffff80;margin:0;font-weight:400}.page-sub .info_profile .info_more dd{color:#ffffffb3;margin-top:4px}@keyframes spin{to{--angle:1turn}}.page-sub .home .boding_main{background-color:#00000080}.page-sub .ttl_sub{color:#fa0;text-transform:uppercase;letter-spacing:1.3px;padding:0 40px 4px 0;font-size:13px;font-weight:500;display:inline-block;position:relative}.page-sub .ttl_sub:before{content:"";background-color:#fa0;width:40px;height:2px;position:absolute;bottom:0;left:0}.page-sub .banner_play{position:relative}.page-sub .banner_play svg{display:none}.page-sub .banner_play .context{z-index:99;text-align:center;position:relative}.page-sub .banner_play .context p{text-transform:uppercase;letter-spacing:.5em;display:inline-block}.page-sub .banner_play .context p span{letter-spacing:0;text-shadow:0 0 80px #ffffff80;background:url(/images/animated-text-fill.png) repeat-y;-webkit-text-fill-color:transparent;-webkit-backface-visibility:hidden;-webkit-background-clip:text;background-clip:text;margin:0 auto;padding:.25em 0 .325em;font-size:4.5em;font-weight:700;line-height:10vh;-webkit-animation:80s linear infinite aitf;display:block;-webkit-transform:translate(0,0)}.page-sub .banner_play .context .text_typed{font-size:1em;font-weight:500}.page-sub .banner_play .context .text_typed .typed-text{color:#fa0;font-size:1.4em;font-weight:700}.page-sub .banner_play .context .cursor.blink{animation:.8s ease-in-out infinite blink}@keyframes blink{0%,to{background:var(--teal)}40%,50%{background:0 0}}.page-sub .banner_play .area{background:radial-gradient(50% 90% at top,var(--radial-center),var(--radial-edge)),linear-gradient(135deg,var(--card-grd1),var(--card-grd2));filter:drop-shadow(0 0 #ad9bff00);z-index:1;border-radius:8px;justify-content:center;align-items:center;width:100%;height:450px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 #ad9bff00}.page-sub .banner_play .area:before,.page-sub .banner_play .area:after{content:"";border-radius:12px;position:absolute;inset:0}.page-sub .banner_play .area:before{background:linear-gradient(135deg,var(--border-grd1),var(--border-grd2))border-box;-webkit-mask-composite:xor;border:1px solid #0000;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.page-sub .banner_play .area:after{z-index:2;filter:url(#noiseFilter2);clip-path:url(#rounded-clip);opacity:.22;mix-blend-mode:hard-light;background:#000;transition:all .3s}.page-sub .banner_play .circles{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.page-sub .banner_play .circles li{width:80px;height:110px;list-style:none;animation:25s linear infinite animate;display:block;position:absolute;bottom:-50px}@media (min-width:992px){.page-sub .banner_play .circles li{width:120px;height:165px}}.page-sub .banner_play .circles li span{background:#fff3 url(/images/cards/backcard.webp) 0 0/100%;border-radius:8px;width:100%;height:100%;display:block}.page-sub .banner_play .circles li:first-child{animation-delay:0s;left:25%}.page-sub .banner_play .circles li:first-child span{opacity:.1;transform:scale(.8)}.page-sub .banner_play .circles li:nth-child(2){animation-duration:12s;animation-delay:2s;left:10%}.page-sub .banner_play .circles li:nth-child(2) span{opacity:.2;transform:scale(.7)}.page-sub .banner_play .circles li:nth-child(3){animation-delay:4s;left:70%}.page-sub .banner_play .circles li:nth-child(3) span{opacity:.15;transform:scale(.9)}.page-sub .banner_play .circles li:nth-child(4){animation-duration:18s;animation-delay:0s;left:40%}.page-sub .banner_play .circles li:nth-child(4) span{opacity:.05;transform:scale(.6)}.page-sub .banner_play .circles li:nth-child(5){animation-delay:0s;left:65%}.page-sub .banner_play .circles li:nth-child(5) span{opacity:.1;transform:scale(1)}.page-sub .banner_play .circles li:nth-child(6){animation-delay:3s;left:75%}.page-sub .banner_play .circles li:nth-child(6) span{opacity:.12;transform:scale(1.1)}.page-sub .banner_play .circles li:nth-child(7){animation-delay:7s;left:35%}.page-sub .banner_play .circles li:nth-child(7) span{opacity:.15;transform:scale(1.2)}.page-sub .banner_play .circles li:nth-child(8){animation-duration:45s;animation-delay:15s;left:50%}.page-sub .banner_play .circles li:nth-child(8) span{opacity:.08;transform:scale(.7)}.page-sub .banner_play .circles li:nth-child(9){animation-duration:35s;animation-delay:2s;left:20%}.page-sub .banner_play .circles li:nth-child(9) span{opacity:.05;transform:scale(.5)}.page-sub .banner_play .circles li:nth-child(10){animation-duration:11s;animation-delay:0s;left:85%}.page-sub .banner_play .circles li:nth-child(10) span{opacity:.12;transform:scale(1.3)}@keyframes animate{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-1000px)rotate(720deg)}}.page-sub .banner_play .btn_play{background-color:#0000004d;border-radius:40px;padding:12px 32px;font-weight:500}.page-sub .h-full{height:100%}@media (max-width:991px){.page-sub .block_contact{order:9;padding-top:0}}.page-sub .block_noti,.page-sub .block_support,.page-sub .block_points{background-color:#ffffff1a;border-radius:8px;padding:16px}.page-sub .block_noti{position:relative}.page-sub .block_noti .text_wrapper{padding-top:.2em;padding-bottom:.1em;padding-right:.05em;display:inline-block;position:relative;overflow:hidden}.page-sub .block_noti .text_wrapper .letter{transform-origin:50% 100%;line-height:1em;display:inline-block}.page-sub .block_noti .frame{margin:auto;display:inline-flex;position:relative}.page-sub .block_noti .frame .number_count{text-align:center;color:#fff;z-index:9;background-color:#b90d0d;border:1px solid #ffffff80;border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:500;line-height:18px;position:absolute;top:0;right:0;transform:translate(5%,-25%)}.page-sub .block_noti .frame .bell{fill:#fff;transform-origin:50% 0;animation:2.5s infinite shake;top:173px;left:175px}.page-sub .block_noti .line-1{animation:2.5s ease-out infinite both line-1}.page-sub .block_noti .line-2{animation:2.5s ease-out infinite both line-2}.page-sub .block_noti .line-3{animation:2.5s ease-out infinite both line-3}.page-sub .block_noti .line-4{animation:2.5s ease-out infinite both line-4}.page-sub .block_noti .line-5{animation:2.5s ease-out infinite both line-5}.page-sub .block_noti .line-6{animation:2.5s ease-out infinite both line-6}@keyframes line-1{0%{opacity:1;transform:translate(0,0)scale(1)}50%,to{opacity:0;transform:translate(60px)scale(2)}}@keyframes line-2{0%,19%{opacity:0}20%{opacity:1;transform:translate(0,0)scale(1)}70%,to{opacity:0;transform:translate(60px)scale(2)}}@keyframes line-3{0%,39%{opacity:0}40%{opacity:1;transform:translate(0,0)scale(1)}90%,to{opacity:0;transform:translate(60px)scale(2)}}@keyframes line-4{0%{opacity:1;transform:translate(0,0)scale(1)}50%,to{opacity:0;transform:translate(-60px)scale(2)}}@keyframes line-5{0%,19%{opacity:0}20%{opacity:1;transform:translate(0,0)scale(1)}70%,to{opacity:0;transform:translate(-60px)scale(2)}}@keyframes line-6{0%,39%{opacity:0}40%{opacity:1;transform:translate(0,0)scale(1)}90%,to{opacity:0;transform:translate(-60px)scale(2)}}@keyframes shake{0%,50%,to{transform:rotate(0)}5%,10%,15%,20%,25%,30%,35%,40%{transform:rotate(6deg)}45%{transform:rotate(4deg)}7.5%,12.5%,17.5%,22.5%,27.5%,32.5%,37.5%,42.5%{transform:rotate(-6deg)}47.5%{transform:rotate(-2deg)}}.page-sub .block_footer{background-color:#111;width:100%;min-height:200px}.page-sub .block_footer .list_btn li a{color:#fff;padding:4px 20px;font-size:12px;font-weight:400;text-decoration:none;display:inline-block;position:relative}.page-sub .block_footer .list_btn li a>.text{z-index:100;transition:transform .25s ease-in-out;display:block;position:relative}.page-sub .block_footer .list_btn li a>.arrow{content:"";z-index:50;will-transform:translate;background-color:#0000;border-style:solid;border-width:1px;width:100%;height:100%;transition:transform .32s ease-in,right .32s ease-in-out,width .28s .25s,height .25s .25s,border-width .28s ease-in-out,background-color .2s ease-in,border-color .28s ease-in-out;display:block;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}.page-sub .block_footer .list_btn li a>.arrow:before,.page-sub .block_footer .list_btn li a>.arrow:after{content:"";height:1px;transition:all .2s;transition-delay:0;background-color:#0000;display:block;position:absolute;top:0;right:0}.page-sub .block_footer .list_btn li a>.arrow:before{transform-origin:100% 0}.page-sub .block_footer .list_btn li a>.arrow:after{transform-origin:100% 100%}.page-sub .block_footer .list_btn li a:hover>.arrow{background-color:#fff;border-width:0;border-color:#0000;width:30px;height:1px;transition:transform .32s ease-in,right .32s .2s,width .28s,height .25s ease-in-out,border-width .25s ease-in-out,background-color .2s ease-in .25s,border-color .25s ease-in-out;right:0;transform:translate(50%,-50%)}.page-sub .block_footer .list_btn li a:hover>.arrow:before,.page-sub .block_footer .list_btn li a:hover>.arrow:after{background-color:#fff;width:8px;transition-delay:.28s}.page-sub .block_footer .list_btn li a:hover>.arrow:before{transform:rotate(20deg)}.page-sub .block_footer .list_btn li a:hover>.arrow:after{transform:rotate(-20deg)}.page-sub .block_footer .list_btn li a:hover>.text{transition:transform .28s ease-in-out .2s;transform:translate(-12px)}.page-sub .block_footer .list_btn li+li{margin-top:12px}.page-sub .block_footer .bnr_link{text-shadow:0 0 10px #0000007a;color:#ffffff80;cursor:pointer;background-size:110%;border-radius:4px;outline:none;align-items:center;gap:12px;width:100%;height:80px;padding:0 20px;font-size:16px;text-decoration:none;transition:background-position .7s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.page-sub .block_footer .bnr_link b{color:#fff;font-weight:500}.page-sub .block_footer .bnr_link:before,.page-sub .block_footer .bnr_link:after{content:"";background-repeat:no-repeat;background-size:100%;position:absolute}.page-sub .block_footer .bnr_link:before{width:40px;height:40px;transition:all 1s;position:relative}.page-sub .block_footer .bnr_link:after{opacity:.2;width:100px;height:100px;margin:auto;font-size:100px;transition:right .4s,transform .2s;top:0;bottom:0;right:-120px}.page-sub .block_footer .bnr_link:hover{background-position:0 30%;box-shadow:inset 0 0 0 2px #ffffff29,0 0 20px #e4f8f844}.page-sub .block_footer .bnr_link:hover:after{transition:right .4s,transform 30s linear .2s;right:0}.page-sub .block_footer .bnr_link:hover:before{transform:rotate(360deg)}.page-sub .block_footer .bnr_link:hover:after{transform:rotate(3000deg)}.page-sub .block_footer .bnr_link.bnr_download{background-image:linear-gradient(#4a48cb,#5688ca2e),url(http://blog.teamthinklabs.com/wp-content/uploads/2012/09/codepen-460x253.png)}.page-sub .block_footer .bnr_link.bnr_download:before,.page-sub .block_footer .bnr_link.bnr_download:after{background-image:url(/images/icon_dowload.png)}.page-sub .block_footer .bnr_link.bnr_points{background-image:linear-gradient(221.05deg,#0e063aa2 -1.65%,#3821c78c 63.25% 63.91%,#1e06baa2 130.8%)}.page-sub .block_footer .bnr_link.bnr_points:before,.page-sub .block_footer .bnr_link.bnr_points:after{background-image:url(/images/icon_point.png)}.page-sub .block_footer address{color:#ffffff80;text-align:center;background-color:#000;border-top:1px solid #ffffff1a;margin-bottom:0;padding:8px;font-size:12px;font-style:normal;display:block}@media (max-width:991px){.page-sub .block_points{min-height:300px}}.page-sub .block_points:before{content:"";z-index:1;pointer-events:none;background-image:linear-gradient(#0000,#00000080);position:absolute;inset:0}.page-sub .block_points .box__link{width:120px;margin:auto;position:absolute;bottom:32px;left:0;right:0}.page-sub .block_support li{cursor:pointer;background-color:#ffffff1a;border:1px solid #fff3;transition:all .3s}.page-sub .block_support li:hover{background-color:#fff3}.page-sub .button-animation{color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;z-index:99;padding:10px 16px;font-size:12px;font-weight:500;text-decoration:none;transition:all .5s;display:inline-block;position:relative;overflow:hidden}.page-sub .button-animation span{display:block;position:absolute}.page-sub .button-animation span:first-child{background:linear-gradient(90deg,transparent,var(--accent-color));width:100%;height:1px;animation:1s linear infinite btn-anim1;top:0;left:-100%}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.page-sub .button-animation span:nth-child(2){background:linear-gradient(180deg,transparent,var(--accent-color));width:1px;height:100%;animation:1s linear .25s infinite btn-anim2;top:-100%;right:0}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.page-sub .button-animation span:nth-child(3){background:linear-gradient(270deg,transparent,var(--accent-color));width:100%;height:1px;animation:1s linear .5s infinite btn-anim3;bottom:0;right:-100%}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.page-sub .button-animation span:nth-child(4){background:linear-gradient(360deg,transparent,var(--accent-color));width:1px;height:100%;animation:1s linear .75s infinite btn-anim4;bottom:-100%;left:0}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}.page-sub .button-animation:hover{box-shadow:var(--box-shadow);border-radius:5px}