@import url('./fontawesome-all.css');
@import url('./font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Sans:wght@400;700&display=swap');

*: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; }

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; }

/* headervue */
#headervue { position: fixed; width: 100%; background: url(../images/img_header_background.jpg) no-repeat 50%; top: 0; left: 0; z-index: 999; }
#headervue header { position: relative; margin: auto; padding: 10px 0; width: 90%; 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; padding-top: 50px; z-index: 50; }

/* wrap */
#wrap { overflow: hidden; position: relative; background: url(../images/img_body_background_top.png) #e9e9e9 no-repeat 50% 0; }
#wrap:before { position: absolute; width: 100%; height: 100%; background: url(../images/img_body_background_bottom.png) no-repeat 50% bottom; top: 0; left: 0; z-index: 1; content: ""; }
#wrap .content_box { position: relative; margin-bottom: 70px; padding: 70px 0; z-index: 3; }
#wrap .content_box .content_box_bg { position: absolute; width: 98%; height: 100%; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: .7; }
#wrap .content_box .content_box_bg:before { position: absolute; width: 100%; height: calc(100% - 180px); background: #fff; top: 0; left: 0; content: ""; }
#wrap .content_box .content_box_bg:after { position: absolute; width: 100%; height: 370px; background: #fff; border-radius: 50%; display: block; bottom: 0; left: 0; content: ""; }
#wrap .content_box section { overflow: hidden; position: relative; margin: 0 auto; width: 960px; z-index: 10; }

/* fiximgvue */
#fiximgvue .fix01 { position: absolute; width: 8vw; top: 82vh; left: 1vw; z-index: 2; }
#fiximgvue .fix02 { position: absolute; width: 10.5vw; top: 20vh; right: -1vw; z-index: 2; }
#fiximgvue .fix03 { position: absolute; width: 19.5vw; bottom: 58vh; left: -5vw; z-index: 2; }
#fiximgvue .fix04 { position: absolute; width: 18vw; bottom: 85vh; right: -2vw; z-index: 2; }
#fiximgvue .fix05 { position: absolute; width: 12vw; bottom: 125vh; right: -1vw; z-index: 2; }

/* submenuvue */
#submenuvue { margin-bottom: 4vw; }
#submenuvue ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 25px 20px; }
#submenuvue ul li { overflow: hidden; position: relative; border-radius: .5em; }
#submenuvue ul li:after { position: absolute; width: 130%; height: 50px; background: #c7221f; border-radius: 50%; display: block; bottom: -28px; left: 50%; z-index: 3; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); content: ""; pointer-events: none; }
#submenuvue ul li a { position: relative; margin-top: 1em; padding: 1.5em 1em; background: #fe0000; background: -moz-linear-gradient(left,  #fe0000 0%, #920104 100%); background: -webkit-linear-gradient(left,  #fe0000 0%,#920104 100%); background: linear-gradient(to right,  #fe0000 0%,#920104 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0000', endColorstr='#920104',GradientType=1 ); border-radius: .5em; display: block; }
#submenuvue ul li a:before , #submenuvue ul li a:after { position: absolute; width: 0; height: 0; border-style: solid; border-width: 1.8em 0 0 7em; border-color: transparent transparent transparent #ad0408; display: block; left: 0; bottom: 0; z-index: 2; content: ""; }
#submenuvue ul li a:after { right: 0; left: auto; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
#submenuvue ul li a b { position: absolute; padding: .4em 1em 1em; width: 80%; background: #faebd4; background: -moz-linear-gradient(left,  #faebd4 0%, #dcbb9c 100%); background: -webkit-linear-gradient(left,  #faebd4 0%,#dcbb9c 100%); background: linear-gradient(to right,  #faebd4 0%,#dcbb9c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faebd4', endColorstr='#dcbb9c',GradientType=1 ); border-radius: .5em; box-shadow: 0 0 .3em rgb(0 0 0 / 20%); display: block; text-align: center; font-size: 18px; color: #775d44; top: 0; left: 50%; -webkit-transform: translate(-50%, -.7em); transform: translate(-50%, -.7em); }
#submenuvue ul li.action:after { background: #e7b72e; }
#submenuvue ul li.action a { background: #ffd768; background: -moz-linear-gradient(left,  #ffd768 0%, #daa510 100%); background: -webkit-linear-gradient(left,  #ffd768 0%,#daa510 100%); background: linear-gradient(to right,  #ffd768 0%,#daa510 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd768', endColorstr='#daa510',GradientType=1 ); }
#submenuvue ul li.action a:before , #submenuvue ul li.action a:after { border-left-color: #cb9a10; }
#submenuvue ul li.action a b { background: #fff7bb; background: -moz-linear-gradient(left,  #fff7bb 0%, #ffda66 100%); background: -webkit-linear-gradient(left,  #fff7bb 0%,#ffda66 100%); background: linear-gradient(to right,  #fff7bb 0%,#ffda66 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7bb', endColorstr='#ffda66',GradientType=1 ); text-shadow: 0 0 5px rgb(72 72 72 / 10%), 0 0 10px rgb(72 72 72 / 10%), 0 0 15px rgb(72 72 72 / 10%), 0 0 20px rgb(72 72 72 / 10%); color: #e00c0c; }

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

/* 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; margin: 4vw auto 0; padding: 20px 10px; width: 420px; height: 290px; background: url(../images/img_welcome_bg.png) no-repeat 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.welcome_txt h4 { font-size: 22px; color: #b17717; }
.welcome_txt font { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; font-weight: 500; color: #504539; }
.welcome_txt font b { margin: 0 4px; display: inline-block; color: #b17717; }
.welcome_txt font b.large { font-weight: 500; line-height: 1.3; font-size: 1.6em; }
.welcome_txt .exchange { margin-top: .8em; }
.welcome_txt #okBtn { display: inline-block; }
.welcome_txt .txt { margin-top: .3em; }
.welcome_txt .txt * { line-height: 1.5; font-weight: 400; font-size: 16px; }

/* table_box */
.table_box { margin: 30px 0; width: 100%; border-spacing: 3px; border-collapse: separate; }
.table_box td { padding: 8px .5em; min-width: 100px; background: #f3f3f3; text-align: center; font-weight: 500; }
.table_box thead td , .table_box td.red_bg { background: #c7221f; 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.ticket_show tbody td { padding: 20px 25px; text-align: left; }

/* game_info */
.game_info .row { margin: 5vmax 0; }
.game_info .row.s_box { margin: 2vmax 0; }
.game_info .title_box { margin-bottom: 30px; }
.game_info .s_box .title_box { margin-bottom: 15px; }
.game_info .title_box h3 { display: flex; justify-content: center; align-items: center; }
.game_info .title_box h3 img:last-child { -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.game_info .title_box h3 b { margin: 0 15px; font-size: 30px; color: #ad0408; }
.game_info .title_box p { margin-top: 10px; font-weight: 600; font-size: 20px; color: #ad0408; }
.game_info .title_box article { margin-top: 10px; font-size: 20px; }

/* 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: #504539; }

/* note_box */
.note_box { margin-top: 40px; display: flex; align-items: center; }
.note_box:before , .note_box:after { width: 1%; height: 1px; background: #c7221f; display: block; flex: 1 auto; content: ""; }
.note_box b { padding: 0 3%; display: block; font-size: 18px; color: #c7221f; }

/* 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; }

/* prizerecord_table_box */
.prizerecord_table_box { margin: 30px auto 0; width: 700px; }

/* 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 article { position: relative; padding: 0 20px 30px; width: 536px; height: 430px; background: url(../images/img_win_bg.png) no-repeat 50% 0 / cover; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.win_box article * { position: relative; z-index: 10; color: #fff; }
.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: 15%; right: 15%; z-index: 20; }
.win_box .close_win_box svg { width: 55%; height: 55%; }
.win_box article h3 { font-weight: 500; font-size: 22px; }
.win_box article h2 { font-size: 42px; }
.win_box article h2 b { display: inline-block; font-size: 42px; }
.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; }
.win_box.win_fix { position: fixed; padding-bottom: 10vh; width: 100vw; height: 100vh; z-index: 9999; }
.win_box.win_fix article h2 { display: flex; justify-content: center; align-items: baseline; font-size: 26px; }
.win_box.win_fix article h2 b { margin: 0 .2em; }
.win_box.win_fix article .btns { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.win_box.win_fix article .btns a { margin: 10px 5px; 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 i{ font-size: 40px; color: #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 * { font-size: 20px; color: #e21415; }
.join_content a font { font-weight: 400; font-size: 15px; }

@-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: 1501px){
	#headervue header { width: 1480px; }
	#fiximgvue .fix01 { top: 73vh; left: 10vw; z-index: 4; }
	#fiximgvue .fix02 { right: 8vw; z-index: 5; }
	#fiximgvue .fix03 { left: 1vw; z-index: 5; }
	#fiximgvue .fix04 { right: 1vw; z-index: 4; }
	#fiximgvue .fix05 { right: 8vw; }
}
@media screen and (min-width: 1281px){
	#wrap .content_box .content_box_bg { width: 1280px; }
	#wrap .content_box section { width: 1000px; }
}
@media screen and (min-width: 1025px){
	#headervue header #top_menu ul li:hover a { background: #fff7bb; background: -moz-linear-gradient(left,  #fff7bb 0%, #ffda66 100%); background: -webkit-linear-gradient(left,  #fff7bb 0%,#ffda66 100%); background: linear-gradient(to right,  #fff7bb 0%,#ffda66 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7bb', endColorstr='#ffda66',GradientType=1 ); border-color: #fff7bb; }
	#headervue header #top_menu ul li:hover a b { text-shadow: 0 0 5px rgb(72 72 72 / 10%), 0 0 10px rgb(72 72 72 / 10%), 0 0 15px rgb(72 72 72 / 10%), 0 0 20px rgb(72 72 72 / 10%); color: #e00c0c; }
	#submenuvue ul li:hover:after { background: #e7b72e; }
	#submenuvue ul li:hover a { background: #ffd768; background: -moz-linear-gradient(left,  #ffd768 0%, #daa510 100%); background: -webkit-linear-gradient(left,  #ffd768 0%,#daa510 100%); background: linear-gradient(to right,  #ffd768 0%,#daa510 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd768', endColorstr='#daa510',GradientType=1 ); }
	#submenuvue ul li:hover a:before , #submenuvue ul li:hover a:after { border-left-color: #cb9a10; }
	#submenuvue ul li:hover a b { background: #fff7bb; background: -moz-linear-gradient(left,  #fff7bb 0%, #ffda66 100%); background: -webkit-linear-gradient(left,  #fff7bb 0%,#ffda66 100%); background: linear-gradient(to right,  #fff7bb 0%,#ffda66 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7bb', endColorstr='#ffda66',GradientType=1 ); text-shadow: 0 0 5px rgb(72 72 72 / 10%), 0 0 10px rgb(72 72 72 / 10%), 0 0 15px rgb(72 72 72 / 10%), 0 0 20px rgb(72 72 72 / 10%); color: #e00c0c; }
}
@media screen and (max-width: 1024px){
	#wrap:before { opacity: .6; }
	#wrap #fiximgvue { opacity: .2; }
	#wrap .content_box { margin-bottom: 30px; padding: 50px 0 0; }
	#wrap .content_box .content_box_bg { display: none; }
	#wrap .content_box section { width: 90%; }
}
@media screen and (max-width: 800px) {
	.prizerecord_table_box { width: 95%; }
	#betrecord table td { min-width: auto; }
}
@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; }
	#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%); }
	#table_row { position: relative; display: flex; justify-content: center; align-items: stretch; }
	#table_row table { background: none; }
	#table_row table td { border: transparent solid; border-width: 0 2px 2px 0; }
	#table_row table .set_height { height: 48.59px; }
	#table_row table:first-child { margin-right: -1.5px; }
	#table_row table:first-child thead td { position: absolute; width: 100%; height: 49.59px; }
	#table_row table:first-child tr td:first-child { border-width: 0 2px 2px; }
	#table_row table:nth-child(2) { margin-left: -1.5px; }
	#table_row table:nth-child(2) thead { opacity: 0; }
	.join_content { display: none; }
}
@media screen and (max-width: 768px){
	#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; }
	#bannervue { padding-top: 30px; }
	#menu_btn { display: block; }
	#wrap .content_box { padding-bottom: 20px; }
	#submenuvue ul { grid-template-columns: repeat(3, 1fr); grid-gap: 18px 12px; }
	#submenuvue ul li a b { padding: .4em .2em 1em; width: 85%; }
	.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; }
	.game_info .title_box h3 b { font-size: 25px; }
	.game_info .title_box h3 img { width: 30px; }
	.game_info .title_box h3 svg { height: 34px; }
	.game_info .title_box p { font-size: 18px; }
	.game_info .title_box article { font-weight: 500; font-size: 17px; }
	.side_nav { display: none; }
}
@media screen and (max-width: 640px){
	#fiximgvue .fix04 { z-index: 1; }
	#submenuvue ul { grid-gap: 18px 10px; }
	#submenuvue ul li a b { width: 93%; font-size: 15px; }
	.table_box { border-spacing: 2px; }
	.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; }
}
@media screen and (max-width: 550px){
	#wrap:before { background-size: 190% auto; }
	#bannervue { padding-top: 30px; }
	#wrap .content_box { padding: 20px 0; }
	#wrap .content_box section { width: 99%; }
	#submenuvue ul { margin: 0 5px; grid-gap: 8px 5px; }
	#submenuvue ul li a b { font-size: 14px; }
	#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; }
}
@media screen and (max-width: 450px){
	#submenuvue ul { margin: 0 2px; }
	.welcome_txt { width: 96%; background-size: 100% auto; }
}
@media screen and (max-width: 400px){
	#submenuvue ul li a { margin-top: .7em; }
	#submenuvue ul li a b { font-size: 13px; -webkit-transform: translate(-50%, -.5em); transform: translate(-50%, -.5em); }
}
@media screen and (max-width: 330px){
	#submenuvue ul { grid-template-columns: repeat(2, 1fr); }
}