@font-face { font-family: 'Freshman'; font-style: normal; font-weight: normal; font-display: swap; src: url(../fonts/Freshman.woff) format('woff'); }

*:focus { outline: none; }
*, ::after, ::before { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; }

:root{--wrap-bg-h:583px}
header, footer, div, nav, article, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, ul, li, img, svg, span, font, strong, b, a, i { text-align: left; vertical-align: middle; word-wrap: break-word; word-break: break-word; line-height: 170%; border-width: 0; font-family: 'Noto Sans TC', 'Noto Sans SC', sans-serif; font-size: 16px; color: #111; }

ul , ol { list-style: none; }

/* img */
img { max-width: 100%; }
.img_cover { object-fit: cover; }
.img_contain { object-fit: contain; }

a , a:link , a:visited , a:hover { text-decoration: none; white-space: pre-wrap; }

.left_txt { text-align: left; }
.center_txt { text-align: center; }
.center_txt  a{ font-size: 22px; color: #ff0000; }


/* headervue */
#headervue { position: sticky; width: 100%; background: url(../images/img_header_background.webp) no-repeat 50%; top: 0; left: 0; z-index: 999; }
#headervue header { position: relative; margin: auto; padding: 10px 0; width: min(90%, 1480px); display: flex; align-items: center; justify-content: space-between; }
#headervue header #logo a { display: block; }
#headervue header #logo a svg { width: 130px; height: 60px; fill: #fff; }
#headervue header .btns_box { display: flex; justify-content: flex-end; align-items: center; }
#headervue header .btns_box >li { margin-left: 10px; display: block; }
#headervue header #top_menu { position: fixed; top: 0; right: 276px; opacity: 0; pointer-events: none; }
#headervue header #top_menu.open { position: fixed; opacity: 1; z-index: 99; pointer-events: auto; z-index: 99; }
#headervue header #top_menu ul { width: 226px; }
#headervue header #top_menu ul li { border-bottom: 1px #707070 solid; }
#headervue header #top_menu ul li:last-child { padding-bottom: 1px; border-bottom: 0; }
#headervue header #top_menu ul li a { overflow: hidden; position: relative; margin: 1px; padding: 5px 10px; border: 1px transparent solid; border-radius: 5px; display: block; text-align: center; }
#headervue header #top_menu ul li a b { position: relative; font-size: 17px; color: #fff; z-index: 2; }

/* menu_btn */
#menu_btn { position: absolute; width: 30px; height: 22px; display: none; top: 50%; right: 15px; z-index: 100; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#menu_btn span { position: absolute; width: 100%; height: 2px; background: #fff; display: block; top: 0; right: 0; transition: transform .4s cubic-bezier(.215,.61,.355,1),opacity .4s cubic-bezier(.215,.61,.355,1), -webkit-transform .4s cubic-bezier(.215,.61,.355,1); }
#menu_btn span:nth-child(2) { top: calc((100% - 2px) / 2); }
#menu_btn span:nth-child(3) { top: calc(100% - 2px); }
#menu_btn.open span { transition: .4s cubic-bezier(.645,.045,.355,1); }
#menu_btn.open span:nth-child(1) { top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#menu_btn.open span:nth-child(2) { opacity: 0; }
#menu_btn.open span:nth-child(3) { top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* bannervue */
#bannervue { position: relative; z-index: 50; }

/* wrap */
#wrap {overflow: hidden;position: relative;background: url(../images/img_body_background_top.webp);}
#wrap:before { position: absolute; width: 100vw; height: 100%; background: url(../images/img_body_background_top.webp) no-repeat 50% 0; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; }
#wrap .content_box {position: relative;padding-top: 30px;z-index: 3;}
#wrap .content_box:before , #wrap .content_box:after {position: relative;width: 100vw;height: var(--wrap-bg-h);background: url(../images/img_wrap_bottom_background.webp) no-repeat  50% 20%;display: block;z-index: 1;content: "";pointer-events: none;}
#wrap .content_box:before {position: absolute;background-image: url(../images/img_wrap_bottom.webp);bottom: -10px;left: 0;z-index: 6;}
#wrap .content_box .content_box_bg {overflow: hidden;position: absolute;width: min(108%, 1280px);height: calc(100% - (var(--wrap-bg-h) / 3.9));filter: drop-shadow(-1px 0 1.5em rgba(0, 0, 0, .4));top: 0;left: 50%;z-index: 5;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
#wrap .content_box .content_box_bg:before , #wrap .content_box .content_box_bg:after { position: absolute; width: 100%; height: calc(100% - 330px); background: #fff; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; }
#wrap .content_box .content_box_bg:after { width: 100%; height: 600px; top: auto; bottom: 0; clip-path: polygon(0 0, 100% 0, 100% 76%, 50% 100%, 0 78%); }
#wrap .content_box section { overflow: hidden; position: relative; margin: 0 auto; width: min(95%, 1000px); z-index: 10; }

/* fiximgvue */
#fiximgvue img.fix01 { position: absolute; width: 340px; aspect-ratio: 170/243; top: 20%; left: -1vw; }
#fiximgvue img.fix02 { position: absolute; width: 356px; aspect-ratio: 178/233; top: 8%; right: 2vw; }
#fiximgvue img.fix03 { position: absolute; width: 356px; aspect-ratio: 178/233; bottom: 20%; left: -2vw; }
#fiximgvue img.fix04 { position: absolute; width: 340px; aspect-ratio: 170/243; top: 38%; right: 0; }

/* submenuvue */
#submenuvue {margin-bottom: 1.2vw;}
#submenuvue ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1em;padding-top:1em;padding-bottom:1em}
#submenuvue ul li {overflow: hidden;position: relative;}
#submenuvue ul li a {min-width: min(29vw, 245px);aspect-ratio: 30/7;background: url(../images/img_submenu.webp) no-repeat 50% / 100% auto;display: flex;justify-content: center;align-items: center;line-height: 1;}
#submenuvue ul li a b {line-height: 1.3;background-image: linear-gradient(to bottom, #ffffff 0%, #aeaeae 100%);background-clip: text;color: transparent;font-size: 1.2rem;}
#submenuvue ul li a.action { background-image: url(../images/img_submenu_hover.webp); }
#submenuvue ul li a.action b {background-image: linear-gradient(to bottom, #ffffff 0%, #cab092 100%);}
#submenuvue ul li .inpage-nav {position: fixed;top: 0;opacity: 0;pointer-events: none;z-index: 999;}
#submenuvue ul li .inpage-nav ul { background: rgb(17 17 17 / 85%); }


/* login_btn */
#login_btn { margin: 2vw 0; }

/* info_box */
.info_box .item_box { position: relative; margin: 40px 70px 40px 50px; padding: 15px 0 15px 50px; width: 270px; border: 4px #900707 solid; border-right-width: 0; border-radius: .2rem; display: inline-block; }
.info_box .item_box:before { position: absolute; width: 75px; height: 75px; border: #900707 solid; border-width: 0 4px 4px 0; border-radius: 0.2rem; top: 11px; right: -36px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; }
.info_box .item_box img { position: absolute; top: -17px; left: 20px; }
.info_box .item_box h3 { position: relative; font-size: 21px; color: #9c1616; z-index: 3; }
.info_box .item_box p { position: relative; z-index: 3; }

/* welcome_txt */
.welcome_txt { position: relative; padding: 1.5em 1em; margin: 3vw auto 2vw; width: min(90%, 500px); aspect-ratio: 105/53; background: url("../images/img_welcome_background.webp") no-repeat 50% / cover; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .5em; }
.welcome_txt h4 { font-weight: 500; font-size: 1.3em; color: #ff000b; }
.welcome_txt font { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; color: #c0c0c0; }
.welcome_txt font b { margin: 0 4px; display: inline-block; color: #ffb122; font-weight: 400; }
.welcome_txt font.account { margin-bottom: .8em; width: 170px; aspect-ratio: 111/29; background: url("../images/img_welcome_account.webp") no-repeat 50% / cover; align-items: center; }

/* table_box */
.table_box { margin: 1.5em auto; width: 100%; border-spacing: 1px; border-collapse: separate; }
.table_box td {padding: .3em .2em;min-width: 100px;height: 2.5em;background: #f4f4f4;text-align: center;font-weight: 500;}
.table_box thead td , .table_box td.red_bg {background: linear-gradient(to bottom, #1b253e 13%, #485376 66%, #8390b2 100%);color: #fff;}
.table_box thead td * , .table_box td.red_bg * { color: #fff; }
.table_box tbody td.small_row { padding: 10px; text-align: left; line-height: 1.7; font-size: 16px; vertical-align: text-top; }
.table_box td p { margin: 0 auto .5em; width: 90%; }
.table_box td p:last-child { margin-bottom: 0; }
.table_box.table_small { width: min(100%, 500px); }
.table_box.ticket_show tbody td { padding: 20px 25px; text-align: left; }

/* game_info */
.game_info .row {margin: 1.2vmax 0;}
.game_info .row:last-child { margin-bottom: 0; }
.game_info .row.s_box { margin: 2vmax 0; }
.game_info .title_box {margin-top: 50px;}
.game_info .s_box .title_box { margin-bottom: 15px; }
.game_info .title_box h3 {margin-bottom: 30px;display: flex;justify-content: center;align-items: center;font-size: 30px;gap: 1em;}
.game_info .title_box h3 b {line-height: 1;font-size: 1em;color: #354161;}
.game_info .title_box h3 img {width: 3.4em;aspect-ratio: 24/19;}
.game_info .title_box h3 img:last-child { -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.game_info .title_box p { margin-top: 10px; font-weight: 600; font-size: 20px; color: #a01e25; }
.game_info .title_box p.blue { color: #212d8b; }
.game_info .title_box article {margin: 10px 0 20px;font-size: 20px;}
.game_info .table_box.table_small{margin:2em auto;width:100%;border-collapse:collapse;box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.game_info .table_box.table_small thead{background-color:#333;color:#fff;font-weight:bold}
.game_info .table_box.table_small th,.game_info .table_box.table_small td{padding:0.8em 0.5em;text-align:center;border-bottom:1px solid #ddd;font-size:16px}
.game_info .table_box.table_small td img{margin-left: 10px;transform: translateY(-10%) rotate(-10deg);}
.game_info .table_box.table_small th{font-size:18px}
.game_info .table_box.table_small tbody tr:nth-child(even){background-color:#f9f9f9}
.game_info .table_box.table_small tbody tr:last-child td{border-bottom:none}
.game_info #awards_table{margin:2em auto;width:100%;border-collapse:collapse;box-shadow:0 2px 5px rgba(0,0,0,0.1);border-radius:0.5em;overflow:hidden}
.game_info #awards_table thead{background-color:#c01928;color:#fff;font-weight:bold}
.game_info #awards_table th,.game_info #awards_table td{padding:0.8em 0.5em;text-align:center;border-bottom:1px solid #ddd;font-size:16px}
.game_info #awards_table th{font-size:18px}
.game_info #awards_table tbody tr:nth-child(even){background-color:#f9f9f9}
.game_info #awards_table tbody tr:last-child td{border-bottom:none}
.game_info #awards_table tbody td a img{width:80px;vertical-align:middle}
.game_info #awards_table tbody td img{max-width:80px;vertical-align:middle}
.game_info .usdt-compare-table tbody tr td:nth-child(2),.game_info .usdt-compare-table thead tr th:nth-child(2){background-color: #fff6ea;font-weight:bold;color: #ab833f;}
.game_info .table_box.table_small thead tr td{font-size: 1.2rem;position: relative;}
.game_info .table_box.table_small thead tr td .iconcrowns{position:absolute;left:80px;top:-10px;margin-left:0;aspect-ratio:1 / 1;object-fit:contain;width:60px}
.game_info .usdt-compare-table thead td:nth-child(1){width:40%;}
.game_info .usdt-compare-table thead td:nth-child(2){width:20%}
.game_info .usdt-compare-table thead td:nth-child(3){width:40%}
.game_info #awards_table thead tr td:nth-child(1){width:60%}
.game_info #awards_table thead tr td:nth-child(2){width:20%}
.game_info #awards_table thead tr td:nth-child(3){width:20%}

/* panel */
.panel .pagination { display: flex; justify-content: center; align-items: stretch; }
.panel ul.pagination li.page { margin: 0 3px; }
.panel ul.pagination li.page a { width: 24px; height: 24px; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.panel ul.pagination li.page.active a { color: #111; }
.panel ul.pagination li.prev , .panel ul.pagination li.next { margin: 0 5px; line-height: 1; }
.panel ul.pagination li.prev a , .panel ul.pagination li.next a { display: flex; align-items: center; font-size: 25px; color: #838383; line-height: .75; }

/* rulelist */
ol.rulelist { margin-left: 1.5rem; list-style: decimal; }
ol.rulelist li { margin: 2px 0; font-weight: 400; color: #111; }

/* note_box */
.note_box { margin-top: 2em; font-size: 18px; color: #212d8b; }
.note_box * { color: currentColor; }

/* maskBg */
#maskBg { display: none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 98; background: rgba(0,0,0,0.5); }
#maskBg.open { display: block; }

/* gotop */
.gotop { position: fixed; z-index: 97; right: 20px; bottom: 70px; background-color: #7a7a7a; cursor: pointer; }
.gotop a { display: block; }
.gotop svg { padding: 10px; width: 40px; height: 40px; fill: #fff; }

/*home and 客服*/
.side_nav { position: fixed; z-index: 50; top: 460px; right: 0; }
.side_nav li a { display: block; margin: 4px 0; padding: 10px; border-radius: 5px; background: rgba(122,122,122,1); background: -moz-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(18,3,3,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(122,122,122,1)), color-stop(100%, rgba(18,3,3,1))); background: -webkit-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(18,3,3,1) 100%); background: -o-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(18,3,3,1) 100%); background: -ms-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(18,3,3,1) 100%); background: linear-gradient(to bottom, rgba(122,122,122,1) 0%, rgba(18,3,3,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#120303', GradientType=0 ); }
.side_nav svg { width: 45px; aspect-ratio: 1/1; fill: #fff; }

/* join_content */
.join_content { position: fixed; width: 100%; background: #ddd; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1px; box-shadow: 0 0 20px rgb(0 0 0 / 20%); bottom: 0; left: 0; z-index: 80; }
.join_content a { padding: 10px 5px 5px; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.join_content a * { color: #e21415; }
.join_content a font { font-weight: 400; font-size: 15px; }
.join_content a svg { width: 22px; aspect-ratio: 1/1; fill: #e21415; }


/* win_box */
#win_box { position: absolute; width: 100%; height: 100%; background: rgb(0 0 0 / 70%); display: flex; justify-content: center; align-items: center; top: 0; left: 0; z-index: 10; }
#win_box:before { position: absolute; width: 100%; height: 100%; background: url(../images/img_win2_bg.png) no-repeat 50% 40%; top: 0; left: 0; z-index: 2; -webkit-animation: winBg2 1.5s infinite alternate ease-in-out; animation: winBg2 1.5s infinite alternate ease-in-out; content: ""; }
#win_box article { position: relative; padding: 50px 20px 30px; width: 386px; background: url(../images/img_win_bg.png) #fff no-repeat 50% 0 / 120% auto; border-radius: 10px; text-align: center; -webkit-animation: winBg 1.5s infinite alternate ease-in-out; animation: winBg 1.5s infinite alternate ease-in-out; }
#win_box article * { position: relative; z-index: 10; }
#win_box .close_win_box { position: absolute; width: 30px; height: 30px; background: #000; border: 2px #fff solid; border-radius: 50%; display: flex; justify-content: center; align-items: center; top: -10px; right: -10px; }
#win_box .close_win_box svg { width: 55%; height: 55%; }
#win_box article h3 { font-size: 22px; }
#win_box article h2 { font-size: 42px; color: #901a1a; }
#win_box article h2 b { display: inline-block; font-size: 42px; color: #901a1a; }
#win_box article h2 span { margin: 4px 10px 0; display: inline-block; font-size: 25px; }
#win_box article a.ok_btn { margin-top: 10px; display: inline-block; }
#allmyplayer{width:100%;height:600px;border:none}
.inpage-nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap}
.inpage-nav li{margin: 0;flex-basis:calc(33.33% - 20px);min-width:150px;max-width:250px}
.inpage-nav a{display:block;padding: 0;background-color:#e0e0e0;color:#333;text-decoration:none;border-radius:5px;transition:background-color 0.3s ease;text-align:center;height:100%;box-sizing:border-box}



/* linear_svg */
#linear_svg { position: absolute; width: 0; height: 0; }

@-webkit-keyframes winBg { 0% , 100% { background-size: 120% auto; } 50% { background-size: 100% auto; } }
@keyframes winBg { 0% , 100% { background-size: 120% auto; } 50% { background-size: 100% auto; } }
@-webkit-keyframes winBg2 { 0% , 100% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(.8); } }
@keyframes winBg2 { 0% , 100% { transform: scale(1); } 50% { transform: scale(.8); } }

@media screen and (min-width: 1025px){
	#headervue header #top_menu ul li:hover a { background: linear-gradient(to right,  #4e050a 8%,#bd2630 50%,#4e050a 100%); }
	#submenuvue ul li:hover a{background-image: url(../images/img_submenu_hover.webp);}
	#submenuvue ul li:hover a b {background-image: linear-gradient(to bottom, #ffffff 0%, #cab092 100%);}
	#submenuvue ul li.menu_box .inpage-nav li a{background-image: none;min-width: 100%;}
    #submenuvue ul li.menu_box .inpage-nav ul{gap:0;padding:0}
    #submenuvue ul li.menu_box .inpage-nav li{margin:0;width:100%;flex-basis:100%;border-bottom:1px #707070 solid}
	#submenuvue ul li:hover a b {background-image: linear-gradient(to bottom, #ffffff 0%, #cab092 100%);}

}
@media screen and (max-width: 1024px){
	#wrap .content_box {padding-top: 20px;}
	.game_info .table_box.table_small thead tr td .iconcrowns{left: 20px;width: 50px;}
}
@media screen and (min-width: 769px){
	header, footer, div, nav, article, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, ul, li, img, svg, span, font, strong, b, a, i {font-size: 18px;}
	#submenuvue ul li .inpage-nav {position: absolute;top: 57px;}
	#submenuvue ul li.menu_box:hover{overflow: inherit;}
	#submenuvue ul li.menu_box:hover .inpage-nav {opacity: 1;pointer-events: auto;position: absolute;top: 57px;}
	#headervue header #top_menu { position: absolute; top: 63px; }
	#headervue header .menu_box:hover #top_menu { padding-top: 17px; opacity: 1; pointer-events: auto; }
	#headervue header #top_menu ul { background: rgb(17 17 17 / 85%); }
	.join_content { display: none; }
}
@media (max-width:768px){
	:root { --wrap-bg-h: 60vw; }
	#wrap .content_box .content_box_bg {height: calc(100% - (var(--wrap-bg-h) / 3));}
	#wrap .content_box:before , #wrap .content_box:after {background-size: auto 100%;bottom: 0;}
	#wrap .content_box:before{bottom: 25px;}
    #headervue header #logo a svg { width: 90px; height: 40px; }
	#headervue header .btns_box li >a { display: none; }
	#headervue header #top_menu { width: 100vw; height: 100vh; background: rgb(0 0 0 / 35%); right: 0; }
	#headervue header #top_menu ul { position: fixed; height: calc(100vh - 60px); background: rgb(0 0 0 / 80%); box-shadow: 0 5px 20px rgb(255 255 255 / 40%); border-left: 1px rgb(255 255 255 / 20%) solid; top: 60px; right: -300px; }
	#headervue header #top_menu.open ul { right: 0; }
	#headervue header #top_menu ul li a { padding: 10px; }
	#menu_btn { display: block; }
	#submenuvue ul li a b { font-size: 17px; }
	#wrap .content_box { padding-bottom: 20px; }
	.info_box .item_box { margin: 20px 50px 20px 10px; }
	.info_box .item_box:before { width: 73px; height: 73px; top: 10px; }
	.table_box td { font-weight: 500; font-size: 14px; }
	.game_info .title_box { margin-bottom: 15px; text-align: center;}
	.game_info .title_box h3 {font-size: 25px;gap: .5em;}
	.game_info .title_box h3 img { width: 3.2em; }
	.game_info .title_box p { font-size: 18px; }
	.game_info .title_box article { font-weight: 500; font-size: 17px; }
	.side_nav { display: none; }
	#allmyplayer{height:600px}
	.inpage-nav li{flex-basis:calc(50% - 20px);margin:0 10px 10px 10px}
	#submenuvue ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2px 6px;}
	#submenuvue ul li .inpage-nav{position:static !important;opacity:0;pointer-events:none;max-height:0;overflow:hidden;transition:max-height 0.3s ease,opacity 0.3s ease;background:rgb(17 17 17 / 85%);margin-top:0}
	#submenuvue ul li.menu_box.open .inpage-nav{opacity:1;pointer-events:auto;max-height:1000px;overflow:visible}
	#submenuvue ul li.menu_box .inpage-nav ul{gap:0;display:flex;padding:0}
	#submenuvue ul li.menu_box .inpage-nav li{margin:0;width:100%;flex-basis:100%;border-bottom:1px solid #707070}
	#submenuvue ul li.menu_box .inpage-nav li a{min-width:100%;padding:0.5em 1em;background-image:none !important}
	#submenuvue ul li.menu_box > a,#submenuvue ul li.menu_box > a.action{position:relative;cursor:pointer}
	#submenuvue ul li.menu_box > a .arrow{position:absolute;right:14px;top:50%;width:10px;height:10px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:translateY(-50%) rotate(-45deg);transition:transform 0.3s ease;pointer-events:none}
	#submenuvue ul li.menu_box.open > a .arrow{transform:translateY(-10%) rotate(135deg)}
    .game_info .table_box.table_small thead tr td{font-size: 1rem;}
}

@media screen and (max-width: 640px){
	#submenuvue ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: 2px 6px;}
	#submenuvue ul li a {min-width: 29vw;aspect-ratio: 26/7;-webkit-mask: url("../images/menu_mask_mb.svg") no-repeat 50% / cover;mask: url("../images/menu_mask_mb.svg") no-repeat 50% / cover;}
	.win_box article { padding: 0 20px 25px; width: 80vw; height: 63vw; }
	.win_box article a.ok_btn { width: 170px; }
	#bonustable table td { min-width: auto; }
    .game_info .table_box.table_small td img{aspect-ratio: 1/ 1;width: 38px;margin-left: 6px;}
}
@media screen and (max-width: 550px){
	#wrap:before { background-size: 190% auto; }
	#wrap .content_box {padding: 5px 0;}
	#wrap .content_box section { width: 95%; }
	#wrap .content_box .content_box_bg:after { clip-path: polygon(0 0, 100% 0, 100% 84%, 50% 100%, 0 86%); }
	#login_btn { margin: 10vw auto; width: 60%; }
	.join_content a font { line-height: 1.5; }
	.win_box article { width: 90vw; height: 71vw; }
	.win_box article h3 { font-size: 19px; }
	.win_box article h2 , .win_box article h2 b { font-size: 35px; line-height: 1.4; }
	.win_box article h2 span { font-size: 20px; }
	.win_box article p { font-size: 15px; }
	.table_box td {font-weight: 500;font-size: 14px;min-width: 100px;}
}
@media screen and (max-width: 480px){
	#submenuvue ul li a b { width: 10em; text-align: center; font-size: 16px; }
	.inpage-nav li{flex-basis:calc(100% - 20px);margin:0 10px 10px 10px}
.game_info .table_box.table_small thead tr td .iconcrowns{left: 2px;width: 45px;top: -14px;}
}
@media screen and (max-width: 450px){
	#submenuvue ul li a b {font-size: 15px;}
	.welcome_txt { width: 100%; background-size: 100% auto; }
	.welcome_txt font.account { margin-bottom: 0; }
}