@charset "utf-8";

/* for stage 2: 
background: rgb(91,144,231);
background: linear-gradient(180deg, rgba(91,144,231,1) 0%, rgba(186,210,236,1) 50%, rgba(212,169,238,1) 100%) ; 
*/
body > header { /* display:none; */}
body > div.cWrap > div.vflex.performervflex > h1 { font-size: 2.5em;}

#gameFrm2 > div.checkbox > p { width: auto; font-size: 1.3em;}
body > div:nth-child(5) { position: absolute; z-index: 9;}

#gameFrm2 > div.checkbox { width: 40%;}
body > section.contCell.innerLayout > article > blockquote > div > h1:nth-child(4),
body > section.contCell.innerLayout > article > blockquote > div > h1:nth-child(2) { margin-top: 30px;}

body > div.cWrap > div.contentWrap { width: 48%; float:right; padding-right: 18%;}
#contestants { margin-bottom; 20px;}
body > div.cWrap > div.contentWrap > div > p { width: 100%; font-size: 1.2em;}

body > section.contCell.innerLayout > article > blockquote > div > h1:nth-child(6),
#gameFrm2 > p,
body > section.contCell.innerLayout > article > blockquote > div > p:nth-child(10),
#hyundai,
body > section.contCell.innerLayout > article > blockquote > div > a,
#blockform { display:none !important;}

body > section.contCell.innerLayout > article > blockquote > div > h1:nth-child(5),
body > section.contCell.innerLayout > article > blockquote > div > a { display:none;}

body > div.cWrap > div.vflex > div.contentWrap > div { padding-top: 0;}
#contestantFrm > div.checkbox > p { padding-top: 0;}
#contestantFrm > div.checkbox > p > a > strong { color: red;}
#contestantFrm > blockquote:nth-child(24) > p:nth-child(1) { color: red; font-weight: bold;}
#contestantFrm > blockquote:nth-child(24) > p:nth-child(2) { padding-top: 0;}
#contestantFrm > blockquote.agree.note > ol { margin: 0; padding: 10px;}
#contestantFrm > div:nth-child(16) > span { width: 100%;}
#contestantFrm > blockquote.agree.note > p:nth-child(2) { display:none;}
#contestantFrm > blockquote.agree.note > ol > li:nth-child(2),
#contestantFrm > blockquote.agree.note > ol > li:nth-child(1) { margin-bottom: 5px;}

/* 0320_2026_Arthur*/
#contestantFrm > blockquote:nth-child(31) > p:nth-child(1) { padding-top: 15px;}
#contestantFrm > blockquote:nth-child(31) > p:nth-child(3) { padding-bottom: 0;}
#contestantFrm > div.checkbox { font-size: 1.3em;}
#contestantFrm > blockquote:nth-child(21) > ol { padding-left: 3%;}
#contestantFrm > blockquote:nth-child(21) { border-radius: 10px;}

#mainBG > div > div.contBoxWrap > div.contBox > p { color: red;}
#contestantFrm > div:nth-child(4) > span:nth-child(1) > select { width: 70px;}
#age { width: 60px;}
#contestantFrm > div:nth-child(4) > span:nth-child(3) > div { width: 150px;}
/* 0320_2026_Arthur*/

/* 0319_2026_Arthur*/
#contestantFrm > blockquote:nth-child(26) { padding-bottom: 1.5%;padding-top: 1.5%;}
/* 0319_2026_Arthur*/

/* 0310_2026_Arthur*/
#mainWhite > div.cWrap > div.recap > h2 { width: 70%; margin: auto; font-size: 2.4em; font-weight: bold !important;text-align:center;}
#mainWhite > div.cWrap > div.recap { width: 80%; margin:auto;}
#mainWhite > div.cWrap > div.recap > div.recapVideo > iframe { border-radius: 30px; width: 100%;}
#mainWhite > div.cWrap > div.recap > div.recapVideo { width: 50%; margin: auto;}
#mainWhite > div.cWrap > p:nth-child(5) { width: 70%; margin:auto;}
/* 0310_2026_Arthur*/

#row { width: 70% !important;margin:auto;}
#row > div.column { float: left; width: 33.33%; padding: 3px;}
#row > div.column > img { width: 100%;}
#row > p.after { display:none;}


#result {  display: grid; align-items: baseline; align-content: center; justify-content: center; justify-items: start;width: 70% !important; margin: auto !important;}
#result > img { width: 100%;}
#result > p { margin-top: 10px; font-size: 1.5em;margin-bottom: 30px;}

body > section.contCell.innerLayout > article > div.press-content > p { font-size: 1.5em;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > h2,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc1 > h2,
body > div.cWrap.contestants > div.vflex > section > div > h2,
body > section.contCell.innerLayout > article > div > h1,
body > div.cWrap > div.vflex.performervflex > h1,
body > div.cWrap > div.vflex > section > article > h2,
body > section.contCell.innerLayout > article > h2,
body > section.contCell.innerLayout > article > h2 { font-weight: bold !important;}
body > section.contCell.innerLayout > article > div > div:nth-child(3) { float:none !important;}

body > section.contCell.innerLayout > article > div > div:nth-child(3) > #myIframe3 { width: 70%;height: 550px;margin: 20px 15% 0 15%;border-radius: 30px;}
#mainWhite > div.cWrap > div:nth-child(6) { margin-top: 20px; object-fit: contain;}
#myIframe3,
#myIframe2 { width: 50%;height: 550px;margin: 20px 25% 0 25%;border-radius: 30px;}

#mainWhite > div.cWrap > div.promo2 > p:nth-child(7),
#mainWhite > div.cWrap > p:nth-child(11),
#mainWhite > div.cWrap > p { font-size: 1.5em;}
#mainWhite > div.cWrap > p:nth-child(10),
#mainWhite > div.cWrap > p:nth-child(11) { width: 70%; margin: auto;}
#videoContainer3 > div > iframe { width: 60% !important; margin: 20px 20% 0 20% !important; border-radius: 30px;}
#videoContainer3 { width: 80%; margin:auto;}
#mainWhite > div > div.promo2 > div.promo2 > h2 { width: 80%; margin:auto; font-size: 2.5em; font-weight: bold !important;}
#mainWhite > div > div.promo2 > div.promo2 > p:nth-child(7) { width: 80%; margin:auto;}
#mainWhite.fullWhite.control.promo > p:nth-child(5)
#mainWhite > h2 { font-size: 2.5em !important; font-weight: bold !important;}

#blockform { display:flex; align-items: flex-start; margin-top: 0 !important;}
#gameFrm2 > p { text-align:center;}
#gameFrm2 > div.colm3 { width: 100% !important;}

/* sponsor page */
#goldenD > div > div.golden { width: 23%;}
#bronze > div > div.bronze { width: 25%;}
#serve > div > div.serve > p,
#bronze > div > div.bronze > p,
#silver > div > div.silver > p { font-size: 0.9em;}
#dimond > div > div.dimond02,
#dimond > div > div.dimond01 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 30%;}
#designation > div.designation01 > a { width: 15%; margin: auto; display:block;}
#goldenD > div > div.golden.casa > p > span { font-weight: 600;}
#goldenD > div > div.golden.casa > a { width: 100%;}
#designation > div.designation01 > a > img,
#goldenD > div.group > div.golden > a > img,
#Supreme > .Supreme01 > a > img { /*width: 100%;*/}
#goldenD > div > div.golden > p { text-align:center; font-size: 0.9em !important;}
/*#goldenD > div > div.golden.ford > p { margin-top: 7px;}*/
#diamond > div > div.diamond { width: 30%;}
#goldenD > div > div.golden { display: flex; flex-wrap: wrap; align-content: center; justify-items: center;}
/*#goldenD > div.group { display:flex; flex-wrap: nowrap;justify-content: center;margin-top: 20px;}*/

.sponsorWrap > div > div > p > span,
.sponsorWrap > div > p > span { font-weight: 600;}
.sponsorWrap > div > div > a > img { /*width: 100%;*/}
#serve > div > div.serve,
#silver > div > div.silver { width: 25%;}
.silver > a { width: 100%;}
.sponsorWrap > div > div { display: flex; flex-wrap: wrap;align-items: center; justify-content: space-around;align-items: end;/*width: 30%;*/}
.sponsorWrap > div > div > p,
.sponsorWrap > div > p { text-align:center;}
.sponsorWrap > div.alone {margin-top: 20px;} 
.sponsorWrap > h2 { width: 90%;text-align: center;margin: auto; padding: 10px 0; border-bottom: 4px solid red; color:#b4201c; font-weight: bold !important;}
#designation > div.designation,
.sponsorWrap > div.group { display:flex; flex-wrap: wrap;justify-content: center;margin-top: 20px;align-items: baseline;}
.sponsorWrap { margin-bottom: 20px;}
#aircanada > div > a  > img,
#Supreme > div.Supreme > a > img { width: 100%;}
#aircanada > div > a  { display:block; width: 15%;margin:10px auto;}
#Supreme > div > a { display:block; width: 50%;margin:auto;}
#Supreme > div.Supreme {width: 100%;}
/* sponsor page */

/* Judge page */
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > div > a:nth-child(2) > p > span > span,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > div > a:nth-child(1) > p > span > span,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc1 > a > p > span > span,
#button5 > p > span > span,#button4 > p > span > span,#button3 > p > span > span,#button2 > p > span > span,#button1 > p > span > span { font-size: 0.9em; margin-left: 5px;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > div > a,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc1 > a { pointer-events: none;text-decoration: none;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > div > a:nth-child(1) { margin-right: 2%;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > div > a:nth-child(2) > p,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > div > a:nth-child(1) > p,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc1 > a > p { width: 100%; font-size: 1.2em;16px; line-height: 150%;color: black;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc1 > a > p > span,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > div > a:nth-child(2) > p > span,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > div > a:nth-child(1) > p > span { font-weight: 600 !important; font-size: 1.2em !important;color: black;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > h2,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc1 > h2 { font-size: 2.1em;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > div > a:nth-child(2) > img,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > div > a:nth-child(1) > img { width: 100%; border-radius: 15px;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > div > a:nth-child(2),
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > div > a:nth-child(1) { display:block; width: 49%;float:left;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc1 > a { display:block; width: 100%;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 { width: 50%;float:left;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc1 { width: 24.5%;float:left;margin-right: 15%; margin-left: 5%;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc1 > a > img { width: 100%;border-radius: 15px;}
#button1 > p { letter-spacing: -1px;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > a > p { font-size: 1em;}
body > div.cWrap.contestants > div.vflex > section > div > div.judges { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%;margin: auto;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > a:nth-child(5) > p > span,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > a:nth-child(4) > p > span,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > a:nth-child(2) > p > span { font-size: 1.2em !important; font-weight: bold;}
body > div.cWrap.contestants > div.vflex > section > div > h2 { text-align:center; font-size: 2.5em !important;}
#tag1 > h2,#tag2 > h2,#tag3 > h2,#tag4 > h2,#tag5 > h2 { margin:0; padding:0;}
#tag1 > span,#tag2 > span,#tag3 > span,#tag4 > span,#tag5 > span { font-size: 1.2em; font-weight: bold;}
.judge-tag-content { width: 70%; margin: auto; font-size: 1.1em; padding: 5%; background-color: white;border-radius: 15px;}

#tag1,#tag2,#tag3,#tag4,#tag5 { display:none;}
body > div.cWrap > div.vflex > section.fullWidth.controlCell.Judgepage > div > div.judges > button > p > span { font-weight: 600 !important; font-size: 1.1em !important;}
body > div.cWrap > div.vflex > section.fullWidth.controlCell.Judgepage > div > div.judges > button > p { text-align:center;}
#button5 { margin-right: 0 !important;}
body > div.cWrap > div.vflex > section.fullWidth.controlCell.Judgepage > div > div.judges > button { width: calc(19% ); padding: 0;vertical-align: top;border: none; background:none;margin: 0 5px;cursor: pointer;}
body > div.cWrap > div.vflex > section.fullWidth.controlCell.Judgepage > div > div.judges > button > img { width: 100%; border-radius: 15px;}

body > div.cWrap > div.vflex > section.fullWidth.controlCell.Judgepage > div > div.accoutmc > h2 { width: 50%;text-align:center; float:left;clear:unset;}
body > div.cWrap > div.vflex > section.fullWidth.controlCell.Judgepage > div > div.accoutmc > a > img { width: 100%; border-radius: 15px;}
body > div.cWrap > div.vflex > section.fullWidth.controlCell.Judgepage > div > div.accoutmc > a { width: 20%; display:block;  pointer-events: none; cursor: default;text-decoration: none; color: black;}
body > div.cWrap > div.vflex > section.fullWidth.controlCell.Judgepage > div > div.accoutmc { width: 90%;display:block; gap: 20px;margin: 50px auto 0 auto; text-align:center;}

/* Judge page */

#mainWhite > div.cWrap > div.promo2 > div:nth-child(9) { margin-top: 20px; object-fit:contain;}
#myIframe { width: 50%; height: 320px; margin: 20px 25% 0 25%; border-radius: 30px;}
body > section.contCell.innerLayout > article > blockquote.gameWinner > div > p:nth-child(9) { display:none;}
#mainWhite > div.cWrap > p:nth-child(4) { padding-bottom: 0;}
#mainWhite > div.cWrap > div.promo2 > p:nth-child(7) { width: 80%; margin:auto;}
#mainWhite > div.cWrap > p:nth-child(4) { width: 70%; margin:auto;}
#mainWhite > div.cWrap > h2 { width: 70%; margin: auto; font-size: 2.4em; font-weight: bold !important;text-align:left;}
#mainWhite > div.cWrap > div.promo1 > p:nth-child(3) {width: 80%;margin: auto;font-size: 1.4em;line-height: 1.5em;}
#mainWhite > div > div.promo1 > h2 {width: 80%;margin: auto;font-size: 2.5em;font-weight: bold !important;}
#mainWhite > div > div.promo1 {width: 90%;margin: 50px 5%;}

section#mainWhite.fullWidth.controlCell.promo > div.cWrap > div.promo2 > div.wrapper > #videoContainer2 > iframe,
section#mainWhite.fullWidth.controlCell.promo > div.cWrap > div.promo2 > div.wrapper > #videoContainer2 > div.promo > iframe { width: 60% !important; height: 400px;float: left !important; margin: 0 20% !important;}
section#mainWhite.fullWidth.controlCell.promo > div.cWrap > div.promo2 > div.wrapper > #videoContainer2 > iframe:nth-child(2),
section#mainWhite.fullWidth.controlCell.promo > div.cWrap > div.promo2 > div.wrapper > #videoContainer2 > div:nth-child(2) > iframe { width: 45% !important; float: left !important; margin-left: 10% !important;}
body > div.cWrap > div.vflex > section > article > h5 { font-size: 1.3em; margin-bottom: 30px;text-align:center;}

#videoContainer2 > div > iframe {     margin-top: 20px !important;margin-bottom: 30px !important;}
body > section.contCell.innerLayout > article.cWrap.game > blockquote.gameWinner > #bg2 > button { font-size: 0.8em !important;}

body > section.contCell.innerLayout > article.cWrap.game > blockquote.gameWinner > div.wrapper > #videoContainer2 > div > iframe,
body > section.contCell.innerLayout > article.cWrap.game > blockquote.gameWinner > div > div.wrapper > #videoContainer2 > div > iframe { width: 90% !important;margin: 20px 5% 30px 5% !important;height: 480px !important;}
body > section.contCell.innerLayout > article.cWrap.game > blockquote.gameWinner > div > #bg2 > button { font-size: 1em !important;}
body > section.contCell.innerLayout > article.cWrap.game > blockquote.gameWinner > div > div.wrapper > #videoContainer2 > iframe:nth-child(1) {
 width: 90% !important;margin: 20px 5% 30px 5% !important;height: 480px !important;
    border-radius: 30px;}
body > section.contCell.innerLayout > article.cWrap.game > blockquote.gameWinner > div.wrapper > #videoContainer2,
body > section.contCell.innerLayout > article.cWrap.game > blockquote.gameWinner > div > div.wrapper > #videoContainer2 { width: 90%; margin:auto;}


body > section.contCell.innerLayout > article > blockquote > a > figure > figcaption { font-weight: bold;}
#mainNav > aside > div > a { font-weight: bold;}
#mainWhite > div.cWrap > div.promo2 > div.wrapper > #videoContainer2 { margin-top: 20px;object-fit:contain;margin-bottom; 30px;}
body > div.cWrap > div.vflex > div.conLink > a:hover {transform: scale(1.1);}
body > div.cWrap > div.vflex > div.conLink > a { transition: transform .5s ease; overflow:hidden;}
#mainWhite > div.homeContestants > a:hover > img {transform: scale(1.1);}
#mainWhite > div.homeContestants > a > img { width: 100%; border-radius: 15px;transition: transform .5s ease;}
#mainWhite > div.homeContestants > p { padding-top: 70px; margin-top: 70px; border-top: 4px solid black;}
#mainWhite > div.homeContestants > a { width: 23%;float:left;overflow:hidden;display: flex; flex-wrap: wrap; margin: 0.5%;}
#mainWhite > div.homeContestants { width: 80%; margin:auto;display:flex;flex-wrap: wrap;gap: 0 10px;}
#videoContainer2 { width: 80%; margin:auto;}
#videoContainer2 > div:nth-child(1) > iframe { width: 60% !important;margin: 20px 20% 0  20% !important;}
#mainWhite > div > div.promo2 > p:nth-child(3) { width: 80%; margin: auto; font-size: 1.4em;line-height: 1.5em;}
#mainWhite > div > div.promo2 > p:nth-child(3) > span{ width: 80%; margin: auto; font-size: 1.1em; font-weight: bold !important;}
#mainWhite > div > div.promo2 > h2 { width: 80%; margin: auto; font-size: 2.5em; font-weight: bold !important;}
body > header { background-color: #313789 !important; color:white !important; border-bottom: 4px solid #d63729;}

/*#performervideoContainer > iframe { width: 100%; border-radius: 30px;}*/
/*
#mainWhite > div > div.promo > div.wrapper > #videoContainer > div:nth-child(2) > iframe { width: 100%;}
#mainWhite > div > div.promo > div.wrapper > #videoContainer { width: 48%; margin:auto;}
#mainWhite > div > div.promo > div.wrapper > #videoContainer > div:nth-child(1) > iframe { display:none;}*/
body > section.contCell.innerLayout > article > blockquote > div > div > a > img { width: 100%;}
body > section.contCell.innerLayout > article > blockquote > div > div > a { width: 23%; display: block; margin: auto;}

/*#performervideoContainer > div > iframe { width: 100%; border-radius: 30px;}*/
#intro\ performer > div > div.wrapper > div:nth-child(5),
#intro\ performer > div > div.wrapper > div:nth-child(4) { display:none;}
body > div.cWrap > div.vflex.performervflex > div.infoPhoto.performerPhoto > div > div > iframe { width: 100%; border-radius: 30px;}
#gameFrm > p,
#gameFrm > div.colm3 > span > label{ font-weight: bold !important;}
#gameFrm > div.checkbox  { font-size: 1.2em;}
body > section.contCell.innerLayout > article > blockquote > div:nth-child(1) > p:nth-child(4) {text-align:center;}
#agree { width: 30px; height: 30px;}
#gameFrm > div.checkbox > a:hover { color: #b4201c; text-decoration-color: #b4201c;cursor: pointer;}
#gameFrm > div.checkbox > a { color: black;display:block;text-decoration-color: black; }
#gameC > div > label { cursor:pointer;}

body > section.contCell.innerLayout > article > blockquote.gameWinner > div { font-size: 1.2em;font-weight: 400; text-align: center;}
#gameFrm { padding-bottom: 30px;}
#gameFrm > div.colm3 > span:nth-child(3) { width:40%;}
#gameFrm > div.colm3 > span:nth-child(2) { width:20%;}
#name { letter-spacing: -0.05em;}
#gameFrm > div.colm3 > span:nth-child(1) { width:40%;}

body > section.contCell.innerLayout > article > blockquote > div:nth-child(1) > p:nth-child(6) { font-size: 1.5em; font-weight: bold; text-align: center;}
body > section.contCell.innerLayout > article > blockquote > div { width: 100%;}
#gameFrm > div.colm3 { width: 80%;}
#bg2 { margin-top: 30px;}
#videoContainer2 > iframe:nth-child(1) { width: 60%;float: left;margin: 20px 20% 0 20%;border-radius: 30px;}
#gameFrm > div.checkbox { margin-top: 30px;}
#gameFrm > ol.rules { width: 80%; padding-bottom: 30px; border-bottom: 4px solid gray;}
#gameFrm > h2.rules { font-size: 2em !important; font-weight: bold !important; text-align:center; width: 80%; margin-bottom: 30px; border-bottom: 4px solid gray;margin-top: 0;}
body > section.contCell.innerLayout > article > blockquote.gameWinner { width: 70%; margin:auto; display:block;}
#gameFrm > p {width: 80%; margin:auto;font-size: 1.3em; text-align:center;}
body > section.contCell.innerLayout > article > blockquote > p:nth-child(6) { font-size: 1em;}
body > section.contCell.innerLayout > article > blockquote > h1 { padding: 10px 0 20px 0;}
body > section.contCell.innerLayout > article > blockquote > div > a,
body > section.contCell.innerLayout > article > blockquote > a { margin: auto; width: 30%; display: block;}
body > section.contCell.innerLayout > article > h1.gametextCenter { font-size: 2.5em !important; font-weight: bold !important;}
body > section.contCell.innerLayout > article > blockquote > p:nth-child(2){ text-align:center; font-size: 2em !important;font-weight: bold;}
#hyundai > div.btnCell { float: left; position: relative;left:20px; top:20px; z-index: 4;}
#hyundai { width: 100%  !important; height: 63vh !important;margin-bottom: 20px;}
#hyundai > ul { width: 100%; height: 100%; margin: 0; padding: 0;position:absolute;list-style: none;}
#hyundai > ul > li { width: 100%;height: 100%;}
#hyundai > ul > li::marker { list-style-type:none;}
#hyundai > ul > li > img { max-width: 100% !important; height: auto !important; object-fit: contain !important;border-radius: 30px;}
body > section.contCell.innerLayout > article > ul.clipWrap2,
/*body > section.contCell.innerLayout > article > blockquote.gameWinner { display:none;}*/
#gameC > div.gameImg > span { display:none !important;}
body > section.contCell.innerLayout > article.game { width: 100%;margin-top: 30px;border-radius: 30px;}
body > div.cWrap > div.vflex > div.infoPhoto.performerPhoto { width: 48%; float:left;}

#updatesWrap > iframe { border-radius: 30px;}
body > div.cWrap > div.vflex > section > article > div.gallery { height: max-content;}

#intro\ performer > p:nth-child(5) > span > img { width: 60%; margin-top: 10px;}
#intro\ performer > p:nth-child(5) > span { display: grid; justify-content: center; justify-items: center; width: 100%; margin: 30px auto 20px auto; font-weight: 600;}
#intro\ performer > h2.name.en { letter-spacing: 0;}
#intro\ performer > div:nth-child(9) > iframe,
#intro\ performer > div:nth-child(10) > iframe,
#intro\ performer > div:nth-child(6)> iframe,
#intro\ performer > div:nth-child(8) > iframe { width: 100%; border-radius: 30px;}
#intro\ performer > div:nth-child(6) > p,
#intro\ performer > div:nth-child(8) > p { padding-bottom: 10px; text-align:center; font-size: 1.2em; font-weight:bold;color: #4d333c;}
body > div.performer > div.vflex > blockquote > #intro > iframe { width: 100%;}
body > div.performer > div.vflex { width: 90%; margin:auto;}
#intro\ performer > p { font-size: 1.1em !important;}
#intro\ performer > h2:nth-child(2) { font-size: 2.5em !important; font-weight: bold !important;padding:10px 0 20px 0 !important;margin-top: 0;letter-spacing: 5px;color: black;}
#intro\ performer > h2:nth-child(1) { margin: 0;font-size: 1.3em !important; padding:0; background-color: #b4201c; padding: 5px 0 5px 10px; color: white; border-radius: 5px;
}
body > div.performer > div.vflex > blockquote > #intro { width: 48%; margin-left: 2%; float:left;}
body > div.performer > div.vflex > blockquote > div.infoPhoto { width: 50%;float:left;}
#performer { width: 100% !important; height: 904px;}
#performer > div { float: left; position: absolute; right: 12px; bottom: 95%; z-index: 2;}
#performer > ul {float: left;width: 100%;height: inherit;position: absolute;padding: 0;margin: 0px;}
#performer > ul > li { float: left; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; text-align: center; padding: 0px; margin: 0px;list-style-type:none;}
#performer > ul > li > img { width: 100%; height: auto;object-fit:cover; border-radius: 30px;}
body > section.contCell.innerLayout > article > div > div:nth-child(8) > p,
body > section.contCell.innerLayout > article > div > div:nth-child(7) > p { text-align:center; font-weight: bold; padding-bottom: 10px;}
body > section.contCell.innerLayout > article > div > div:nth-child(8) > iframe,
body > section.contCell.innerLayout > article > div > div:nth-child(7) > iframe { width: 100%; border-radius: 30px;}
body > section.contCell.innerLayout > article > div > div:nth-child(8) { width: 48%; float: left; border-radius: 30px;margin-right: 0;}
body > section.contCell.innerLayout > article > div > div:nth-child(7) { width: 48%; float: left; border-radius: 30px;margin-right: 2%;}
body > div.cWrap.contestans { margin-top: -20px !important;}
body > div.cWrap > div.homeBanner.contestants > img { margin-top: -21px;}
body > div.cWrap > div.vflex > section > article > div.albums > a > p { line-height: 1.2em;}
body > div.cWrap > div.vflex > div.contentWrap > div > button.qa.active > p { font-weight: 400;}
body > footer > p { font-weight: 400;}
body > header > aside > div { display:none;}
body > div.cWrap > div.vflex > div.infoPhoto > div.infoVideo2 > iframe,
body > div.cWrap > div.vflex > div.infoPhoto > div.infoVideo > iframe { width: 100%; border-radius: 30px;}
body > div.cWrap > div.vflex > div.infoPhoto > div.infoVideo2 > p { text-align:center; font-size: 1.3em;font-weight: bold;padding-bottom: 0;margin-top: 10px;}
body > div.cWrap > div.vflex > div.infoPhoto > div.infoVideo > p { text-align:center; font-size: 1.3em;font-weight: bold;padding-bottom: 0;margin-top: 10px;}

#mainWhite > div > div.promo > div.promo3,
#mainWhite > div > div.promo > div.promo2 { width: 80%; margin: 20px auto 20px auto; height: auto;}
#bg3,
#bg2 { width: 100% !important; display: flex; flex-wrap: nowrap; gap: 25px; justify-content: center; background-color: unset !important;}
#bg3 > button:hover,
#bg2 > button:hover { background-color: white; color: black;}
#bg3 > button,
#bg2 > button { width: 120px; padding: 10px; font-size: 1.2em; border-radius: 10px; border: none; background-color: #b4201c;color: white;}
#mainWhite > div > div.promo > div.wrapper { margin-bottom: 30px !important;}
#videoContainer2 > iframe:nth-child(4),
#videoContainer2 > div:nth-child(4) > iframe { width: 48%; float: left; border-radius: 30px;margin-top: 30px;}
#videoContainer2 > iframe:nth-child(5),
#videoContainer2 > div:nth-child(5) > iframe,
#videoContainer2 > iframe:nth-child(3),
#videoContainer2 > div:nth-child(3) > iframe { width: 48%; float: left; margin-left: 4%; border-radius: 30px;margin-top: 30px;}
#videoContainer2 > iframe:nth-child(2),
#videoContainer2 > div:nth-child(2) > iframe { width: 48%; float: left; border-radius: 30px;margin-top: 30px;}

#videoContainer2 > div:nth-child(1) > iframe { width: 90%;float: left;margin: 20px 5% 0 5%;border-radius: 30px;}
#mainWhite > div > div.promo2 { width: 90%; margin: 0 5%;}
#tsvideoContainer > div:nth-child(2) > p,
#tsvideoContainer > div:nth-child(1) > p { width: 30%; margin:auto;background-color: #f0d5c0; border-radius: 10px;padding: 10px 0 !important;margin-bottom: 10px;}
#tsvideoContainer > div:nth-child(2) > iframe { width: 100% !important;border-radius: 30px;}
#tsvideoContainer > div:nth-child(1) > iframe { width: 100% !important;border-radius: 30px;}
#tsvideoContainer > div:nth-child(2) { width: 48%;float:left;text-align:center;}
#tsvideoContainer > div:nth-child(1) { width: 48%;float:left;margin-right: 4%;text-align:center;}
#contestants > article > h2 { letter-spacing: 0; font-size: 2.5em;}
body > div.cWrap > div.vflex > section > article > h2,
#news13,
#news15,
#news17,
#news20,
#news21 { letter-spacing: 0 !important;}

/*  Prevent the screen from jumping back to the top when changing photos*/
#contestants > ul > li { list-style-type: none;}

body > div.cWrap > div.contentWrap > div > button.qa.active > span:nth-child(2),
body > div.cWrap > div.vflex > div.contentWrap > div > button.qa.active > span:nth-child(2) {display:block;width: 4%; float:right; margin-right: 0;color: white;}
body > div.cWrap > div.contentWrap > div > button.qa.active > span:nth-child(1),
body > div.cWrap > div.vflex > div.contentWrap > div > button.qa.active > span:nth-child(1) { display:none;}
body > div.cWrap > div.contentWrap > div > button.qa > span:nth-child(2),
body > div.cWrap > div.vflex > div.contentWrap > div > button.qa > span:nth-child(2) { display:none; }
body > div.cWrap > div.contentWrap > div > button > span:nth-child(1),
body > div.cWrap > div.vflex > div.contentWrap > div > button.qa > span:nth-child(1) { float:right; margin-right: 0;width: 4%;color: white;}
#contestants > div.btnCell > span.actItem { color: white; background: #b4201c;}
#contestants > article > div.contestants > a > p { display:none;}
body > div.cWrap > div.vflex > div.contentWrap > div > p { width: 100% !important;}
body > footer { margin-top: 50px;}

body > div.cWrap > div.contentWrap > div > p > strong > span,
body > div.cWrap > div.vflex > div.contentWrap > div > p> strong > span { color: #910516; font-weight: bold;}
body > div.cWrap > div.vflex > div.contentWrap > div > button.qa > p.answer { padding: 10px 20px;}
/*.qa:hover { background-color: #febfb3;}*/
.qa { font-size: 1.2em; text-align: left;  margin-top: 15px;cursor: pointer; padding: 5px; border: none; background-color: #b4201c;width: 100%; border-radius: 5px;color: white;}
body > div.cWrap > div.vflex > div.contentWrap > div { font-size: 1.2em;}
.qa.active .answer { display:block;background-color: #ddd;color: black;}
.answer { display:none;}
/*
#collapseDL dt{background:#f0f1fa;line-height:1em;padding:22px 60px 20px 20px;position:relative;margin-bottom:2px;font-size:1.4em;font-weight:500;cursor:pointer;}
#collapseDL dt:before{content:'';display:block;width:14px;height:2px;background:#005595;position:absolute;right:30px;top:50%;margin:-1px 0 0;transition:all .2s linear;}
#collapseDL dt:after{content:'';display:block;width:2px;height:14px;background:#005595;position:absolute;right:30px;top:50%;margin:-7px 6px 0 0;transition:all .2s linear;}
#collapseDL dt.open:after{opacity:0;}
#collapseDL dd{max-height:0px;overflow:hidden;position:relative;}
#collapseDL dt.open+dd{padding-top:20px;max-height:none;}
#collapseDL dd figure{cursor:pointer;color:#005599;background:#e0e1ea;float:left;position:relative;left:90%;line-height:40px;padding:0 20px;text-transform:uppercase;font-size:1.1em;font-weight:500;margin-bottom:50px;margin-top:20px;}
#collapseDL dd input[type="submit"]{position:absolute;bottom:50px;display:block;height:40px;padding:0 20px;background-color:#005bcc;color:#fff;right:10%;margin-right:20px;}
*/
body > div.cWrap > div.vflex > div.infoPhoto > div.slidePhotoWrap > #contestants.sliderCell.slideHolder > ul > li > img { width: 100% !important; height: 100% !important;
object-fit: contain !important;border-radius: 20px;}
body > div.cWrap > div.vflex > div.contentWrap { width:48%; float:right;}
body > div.cWrap > div.vflex { display:block;}
body > div.cWrap > div.vflex > div.infoPhoto > div.slidePhotoWrap > #contestants.sliderCell.slideHolder > ul > li.active.last-active > img { float: left;}
body > div.cWrap > div.vflex > div.infoPhoto > div.slidePhotoWrap > #contestants.sliderCell.slideHolder { width: 100% !important; height: 902px !important;}

body > section.contCell.innerLayout > article > div > div.press-content > p:nth-child(3) > img:nth-child(1) { margin-right: 2%;}
body > section.contCell.innerLayout > article.pressEn  > div > div.press-content > p:nth-child(3) > img { width:49% !important; float: left;border-radius: 10px;}
body > section.contCell.innerLayout > article.pressEn > div > div.press-content > p:nth-child(3) { width: 100%;}
body > section.contCell.innerLayout > article.pressEn  > div > div.press-content > p:nth-child(4) { float:none;clear:both;width: 100%;padding-top: 20px;}
/*body > section.contCell.innerLayout > div {margin-top: 80px;}	*/

body > section.contCell.innerLayout > article > div > div { margin-bottom:20px !important;}
body > section.contCell.innerLayout > article.pressEn { max-width: 1200px; /*background-color: #eee;*/ padding: 0 40px 40px 40px; margin-top: 30px !important; border-radius: 30px; margin:auto;}
body > section.contCell.innerLayout > article.press > div > div.press-content > p > img { width: 100% !important; border-radius: 10px;}
body > section.contCell.innerLayout > article.press > div > div.press-content > p:nth-child(3) {margin-right: 2%;}
/*body > section.contCell.innerLayout > article.press > div > div.press-content > p:nth-child(4),*/
/*body > section.contCell.innerLayout > article.press > div > div.press-content > p:nth-child(3) { width: 49%; float:left;}*/
body > section.contCell.innerLayout > article > div.pressbackend > h1 { font-size: 2.5em;padding-bottom: 30px !important;padding-top: 10px;letter-spacing: 0px;}
#news1 { font-size: 2.5em;padding-bottom: 30px !important;padding-top: 10px;letter-spacing: 3px;}
body > section.contCell.innerLayout > article.press { max-width: 1200px; /*background-color:*/ #eee; padding: 0 40px 40px 40px; margin-top: 30px !important; border-radius: 30px; margin:auto;}

body > div.cWrap > div.vflex { max-width: 1200px; width: 100%; margin: 0 auto;padding:0;}

body > div.cWrap > div.vflex > section > article > div.albums > a > p { letter-spacing: 0 !important; font-weight: bold !important;color: #b4201c;}

/** dont remove for displaying images input by html editor  **/
body > section.contCell.innerLayout > article > div > div.imageWrap > p { display:none;}
body > section.contCell.innerLayout > article > div > div > figure { width: 100%; margin-bottom: 10px;}
.press-content .imageWrap{display:flex;gap:10px;/*flex-wrap: wrap;margin:30px 0 0;*/justify-content:center;}
.press-content .imageWrap img{display:block;width:auto !important;height:auto !important;max-width:100%;}

#mainWhite > div > div.promo > footer { margin-top: 0; padding-top: 40px;}

#updates > footer > div.cWrap.flex > div.coOrg.flex > a:nth-child(2),
#mainWhite > div > div.promo > footer > div.cWrap.flex > div.coOrg.flex > a:nth-child(2),
#mainWhite > div > footer > div.cWrap.flex > div.coOrg.flex > a:nth-child(2) { width: 15%;}

/*#homeHead { display:none !important;}*/
#contestants > ul > li.active > img { width: 100%;}
#contestants > div.btnCell > span {float: left;font-size: 11px;font-family: Tahoma, Arial;padding: 2px 6px;margin: 0 6px 0 0;background: black;color: #fff;cursor: pointer;font-weight: bold;}
#contestants > div.btnCell { left: 20px;margin-top:20px; z-index: 4;position:relative !important;}
#contestants { /*width: 100% !important; height: 960px !important; */position: relative;float: left: overflow:hidden;}
body > div.cWrap > div.vflex > div.infoPhoto { float: left; width: 50%;}
/*body > div.cWrap > div.homeBanner.about { margin-top: -21px;}*/

body > section.contCell.innerLayout > article > .en { letter-spacing: 0;}
#news9 { padding-bottom: 30px !important; padding-top: 10px; letter-spacing: 0;}
/*body > section.contCell.innerLayout > article > div > div > figure:nth-child(1) { margin-right: 2%;}*/
body > section.contCell.innerLayout > article.en > div.press-content > div.en > figure { width: 49%;float: left;}
body > section.contCell.innerLayout > article.en > div.press-content > div.en {width: 100% !important;}
#news10 { padding-bottom: 30px !important; padding-top: 10px;}
body > section.contCell.innerLayout > article > a > span { font-size: 1.3em; font-weight: 800;}
body > section.contCell.innerLayout > article > a {display: none; text-decoration: none; font-size: 1.2em; font-weight: bolder; padding-top: 10px;}
body > section.contCell.innerLayout > article > div > div:nth-child(3) { margin-right: 2%; float:left;}
body > section.contCell.innerLayout > article > div > div:nth-child(4) { float:left;}
body > section.contCell.innerLayout > article > div.press-content > div.imageWrap > figure > img { width: 100% !important; height: 100% !important; border-radius: 10px;}

/*body > section.contCell.innerLayout > article > div.press-content > div.imageWrap { width: 49%;}*/

body > section.contCell.innerLayout > article.newsContent { max-width: 1200px; display:grid;b/*ackground-color: #eee;*/ padding: 0 40px 40px 40px; margin-top: 30px; border-radius: 30px;}

html { height: 100vh;}

/* 2025_0926_Arthur */
body > div.cWrap > div.vflex > section > article > p.content-text { text-align:center;}


#contestants > article > h2.en { letter-spacing: 0 !important;}
#contestants > article > div.contestants > a > p.en { letter-spacing: 0 !important;}
#contestants > article > div.contestants > a:hover > img {transform: scale(1.05);}
#contestants > article > div.contestants > a > img { border-radius: 8px; cursor: pointer;transition: transform 0.3s ease; width: 95%;}
#contestants > article > div.contestants > a > p { font-weight: 400; text-align:center;letter-spacing: 3px;}
#contestants > article > div.contestants > a { display:block; text-decoration: none;margin:auto;border-radius: 10px;float:left;}
#contestants > article > div.contestants  { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; max-width: 1200px; margin: 0 auto;}
/* 2025_0926_Arthur */

/* 2025_0925_Arthur */
body > div.cWrap > div.vflex > section > article > h2.en { letter-spacing: 0 !important;}
body > div.cWrap > div.vflex > section > article > div.albums > a > p.en { letter-spacing: 0 !important;}
#latest-update > article > div.latestUpdate > a:hover > img {transform: scale(1.05);}
#latest-update > article > div.latestUpdate > a > img { border-radius: 10px; border-radius: 8px; cursor: pointer;transition: transform 0.3s ease;}
#latest-update > article > div.latestUpdate > a > p { font-weight: 400; text-align:center;letter-spacing: 3px;}
#latest-update > article > div.latestUpdate > a { display:block; text-decoration: none;margin:auto;border-radius: 10px;float:left;}
#latest-update > article > div.latestUpdate  { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 10px; max-width: 1200px; margin: 0 auto;}
article > h2 { text-align: center; margin-top: 0; font-size: 2.5em; font-weight: normal; letter-spacing: 3px;}

body > div.cWrap > div.vflex > footer > div.cWrap.flex > div.coOrg.flex > a:nth-child(1) { width: 80px;}
#news > div > div:nth-child(1) > div.press-content > p:nth-child(3) > span > img { border-radius: 10px;}
#news > div > div:nth-child(1) > div.press-content > p:nth-child(3) > span { display:grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 10px; max-width: 1200px; margin: 0 auto;}
#news22 { letter-spacing: 3px;text-align:center;}

#news > div.newsWrap { padding: 0 40px; margin-top: 30px;max-width: 1200px;margin-top: 30px !important;}
/* 2025_0925_Arthur */

/* 2025_0924_Arthur */
/*body > div.cWrap { background: url(../images/bg-flow.jpg) ;background-position: center top; background-repeat:no-repeat;}*/
body > div.cWrap > div.vflex > section > article > div.albums > a:hover > img {transform: scale(1.05);}
body > div.cWrap > div.vflex > section > article > div.albums > a > img { border-radius: 10px; border-radius: 8px; cursor: pointer;transition: transform 0.3s ease;max-width: 100%; height: 100%;width: 100%; object-fit: cover;}
body > div.cWrap > div.vflex > section > article > div.albums > a > p { font-weight: 400; text-align:center;letter-spacing: 3px;}
body > div.cWrap > div.vflex > section > article > div.albums > a { display:block; text-decoration: none;margin:auto;border-radius: 10px;float:left;width: 250px; height: 200px;}
body > div.cWrap > div.vflex > section > article > div.albums { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 80px 10px; max-width: 1200px; margin: 0 auto;}
/*body > section.contCell.innerLayout { height: 70vh;}*/
body > section.contCell.innerLayout > article > div.gallery { width: 288px;}
body > section.contCell.innerLayout > article > div.gallery > div.album-01 > a { display:block;width: 288px;height: 360px;}
body > section.contCell.innerLayout > article > div.gallery > div.album-01 > h3 { text-align:center; font-size: 1.2em; font-weight: 600;margin-top: 10px;}
body > section.contCell.innerLayout > article > div.gallery > div.album-01 { background: url(../images/album-01.jpg);background-position: center top; background-repeat:no-repeat;width: 288px;height: 360px;}
body > div.cWrap > div.vflex > section > article > h2,
body > div.cWrap > div.vflex > section > article > h2.blockTitle { letter-spacing: 3px;}
body > section.contCell.innerLayout > article > h2 { margin-top: 0;text-align:center;}

body {
    font-family: sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #f0f0f0;
}

h1 {
    text-align: center;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

.gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.gallery img:hover {
    transform: scale(1.05);
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none; /* Initially hidden */
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.overlay.visible {
    display: flex; /* Display when active */
}

.full-img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 8px;
}

.close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

@media (max-width: 600px) {
    .gallery {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/

.video-grid {
    display: grid;
    /* Sets up a responsive grid with a minimum column width of 300px */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px; /* Spacing between grid items */
    padding: 20px;
    max-width: 1200px;
    margin: auto;
}

.video-container {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.video-wrapper {
    position: relative;
    /* This padding-top hack creates a 16:9 aspect ratio container */
    padding-top: 56.25%; 
    height: 0;
    overflow: hidden;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container h3 {
    margin: 15px;
    font-size: 1.2em;
    color: #333;
}
/* 2025_0924_Arthur */
body > div.cWrap > div.vflex > section > article > h2 { text-align: center; margin-top: 0; font-size: 2.5em;}
body > div.cWrap > div.vflex > p { display:none;}

#videoContainer {position: relative;height: 260px;}
#videoContainer > iframe:nth-child(2),
#videoContainer > div:nth-child(2) > iframe { width:48%; float:left;border-radius: 30px;}
#videoContainer > iframe:nth-child(1),
#videoContainer > div:nth-child(1) > iframe { width:48%; float:left; margin-right:4%;border-radius: 30px;}
#videoContainer > iframe { border-radius: 30px;}

#mainWhite > div > div.promo > div.wrapper{ width: 80% !important;margin:0 10%;padding-bottom: 50px;background-color: unset !important;border-bottom: 1px solid black;border-radius: unset !important;}

#videoContainer { position:relative; /*padding-bottom: 56.25%; height: 0;*/height: 330px;}

#videoContainer > iframe {position: relative;top:0; left:0;height: 100%;width: 48%;}

#bg { width: 100% !important; display:flex; flex-wrap:nowrap;gap:25px; justify-content:center;margin-bottom: 30px;background-color:unset !important; margin-right: 0;}
#bg > button{ /*width: 130px*/;padding: 10px;font-size: 1.5em;border-radius: 10px;border: none;background-color: #b4201c;color:white; width: 15%;}
#bg > button:hover { background-color: #fc827f;color: white; }
#bg > button.active { background-color: #fc2e29; color: yellow; font-weight: bold !important;}

/* 0730_2025_Arthur */
#signup { width: 100%;}
#signup > a { clear:both; width: 40%; margin: 30px auto 0 auto; height: 50px; display: block; background-color: coral; text-align: center; padding-top: 10px; font-size: 1.3em; text-decoration: none; font-weight: bold; color: white; border-radius: 20px;}


#updates { border-bottom: 1px solid black;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

#mainWhite > div > div.promo > div:nth-child(2) > h2,
#mainWhite > div > div.promo > div:nth-child(3) > h2 { text-align:center; padding: 0 0 10px 0 !important; margin:0 !important;padding-top: 10px !important;
    color: white;}
#mainWhite > div > div.promo > div:nth-child(3) > iframe,
#mainWhite > div > div.promo > div:nth-child(2) > iframe { width: 100%;height: 500px;padding: 0 15px 10px 15px;}
#mainWhite > div > div.promo > div:nth-child(3) { width: 49%; float: left; background-color: coral;border-radius: 30px 20px;}
#mainWhite > div > div.promo > div:nth-child(2) {float: left; width: 49%; margin-right: 2%; background-color: coral;border-radius: 30px 20px;}
#mainWhite > div > div.promo { width: 90%; margin: 20px auto 20px auto; height: auto;}
/* 0730_2025_Arthur */


/* 0708_2025_Arthur */
#contestantFrm > blockquote:nth-child(43) > p:nth-child(1) { border-bottom: 1px solid black;}
#contestantFrm > blockquote:nth-child(43) > ol { margin-bottom: 20px;}
#contestantFrm > blockquote:nth-child(36),
#contestantFrm > blockquote:nth-child(27),
#contestantFrm > blockquote:nth-child(43) { width: 90%;}
#contestantFrm > blockquote:nth-child(43) > p:nth-child(3),
#contestantFrm > blockquote:nth-child(27) > ol > p { display:none;}
#contestantFrm > p { padding: 0; margin-top: 10px;font-size: 100%;color: red; font-weight: bold;}

#contestantFrm > div.checkbox > a:hover { color: coral !important;}
#contestantFrm > div.checkbox > a > strong { font-weight: 800; color: red;}

#contestantFrm > blockquote:nth-child(26) > ol { margin-top: 10px;margin-bottom: 0;}
#contestantFrm > blockquote:nth-child(26) > p { padding: 10px 0;border-bottom: 1px solid black;}
#contestantFrm > blockquote:nth-child(26) { width: 90%;}
#contestantFrm > blockquote:nth-child(42) > p:nth-child(1) { border-bottom: 1px solid black;}
#contestantFrm > blockquote:nth-child(44) > p:nth-child(1) { border-bottom: 1px solid black;}
#contestantFrm > blockquote:nth-child(42) > ol { padding-left: 20px;margin-bottom: 0;}
#contestantFrm > blockquote:nth-child(44) > ol { margin: 10px; margin-bottom: 0;padding-left: 10px;}
#contestantFrm > blockquote:nth-child(28) > ol { margin: 0; padding: 10px;}
#contestantFrm > blockquote:nth-child(28) > p:nth-child(2) { padding-bottom: 10px;}
#contestantFrm > blockquote:nth-child(28) > p:nth-child(1) { padding-bottom: 10px;padding-top: 10px;}
#contestantFrm > blockquote:nth-child(28) { width: 90%;}

#contestantFrm > blockquote:nth-child(44) > p { padding: 10px 0;}
#contestantFrm > blockquote:nth-child(44) { width: 90%; border-radius: 10px;}
#contestantFrm > blockquote.agree.note > ol { padding-left: 20px;margin-bottom: 0;}
#contestantFrm > blockquote.agree.note > h2 { margin-top: 0; padding: 10px 0; color: white;}
#contestantFrm > blockquote.agree.note { width: 90%;}

#contestantFrm > blockquote:nth-child(42) > p { padding: 10px 0;}
#contestantFrm > blockquote:nth-child(42) { width: 90%; border-radius: 10px;}
#contestantFrm > blockquote:nth-child(36) { padding-top: 10px; padding-bottom: 10px;border-radius: 10px;}
#contestantFrm > blockquote:nth-child(27) { border-radius: 30px;}
#contestantFrm > blockquote:nth-child(27) > ol { margin-top: 10px;margin-bottom: 10px;}
#contestantFrm > blockquote:nth-child(27) > p:nth-child(1) { padding-bottom: 10px;padding-top: 10px;border-bottom: 1px solid black;}
#contestantFrm > blockquote:nth-child(27) > p:nth-child(2) { padding: 10px 0;}

#contestantFrm > blockquote:nth-child(27) > ol,
#tc > ol:nth-child(6) > li:nth-child(7) > ol,
#tc > ol:nth-child(12) > li:nth-child(3) > ol,
#tc > ol:nth-child(18) > ol { padding-left: 20px;}

#tc > ol:nth-child(12) > li:nth-child(3) > ol { margin-top: 10px;}
#tc > ol:nth-child(18) > ol > li { margin-bottom: 10px !important;}
#tc > ol:nth-child(24),
#tc > ol:nth-child(20),
#tc > ol:nth-child(12),
#tc > ol:nth-child(14),
#tc > ol:nth-child(9),
#tc > ol:nth-child(6),
#tc > ol:nth-child(3),
#tc > ol:nth-child(18) { margin-top: 0;}
#tc > p:nth-child(11) > span:nth-child(5) > strong { font-size: 1.3em;margin-top: 10px;}
#tc > p > span { font-weight: 800;}
#tc > ol  > li { margin-bottom: 10px;}
#tc > ol { font-size: 1.2em;}
#tc > h2 { margin-top: 0; padding-bottom: 10px;}
#tc > h1 { text-align: center;border-bottom: 1px solid gray;}
#tc { width: 80%; margin: 0 auto 50px auto;padding-bottom: 50px; border-bottom: 1px solid gray;}

#mainBG > div > div.contBoxWrap > div.contBox > a:hover { background-color: #fdbb9c; color: black;font-weight: bold;}
#mainBG > div > div.contBoxWrap > div.contBox > a { margin-left: 40%; text-decoration: none; font-size: 1.2em; color: white; background-color: #04a44f; padding: 20px 20px; border-radius: 20px;font-weight: 400;position:absolute;margin-top: -10px;}

/*#mainBG > div > div.contBoxWrap > div.contBox > a > button{ width: 100%;font-size: 1.3em;padding: 10px 20px;margin-top: -10px;border-radius: 10px;border: none;color: white; background-color: coral}*/
#mainBG > div > div.contBoxWrap > div.contBox > p { float:left;} 
#contestantFrm > h2,
#mainBG > div > div.contBoxWrap > h1 { color: white;}
#contestantFrm > blockquote:nth-child(43),
#contestantFrm > blockquote:nth-child(41) { background-color:transparent !important;}
#mainBG > div > div.contBoxWrap > div.contBox > p { padding: 0 10px 40px 10px;font-weight: bold;}
#mainBG > div > div.contBoxWrap > h1{ border-radius: 30px 30px 0 0;}
#mainBG > div > div.contBoxWrap > div.contBox { border-radius: 0 0 30px 30px;}

#mainNav { margin-left: 35%;}
#contestantFrm > blockquote:nth-child(45) > p { padding-bottom: 0;}
#contestantFrm > blockquote:nth-child(45),
#contestantFrm > blockquote:nth-child(34) { padding: 10px 20px ;}
#contestantFrm > blockquote:nth-child(45),
#contestantFrm > blockquote:nth-child(17),
#contestantFrm > blockquote:nth-child(25),
#contestantFrm > blockquote:nth-child(34),
#contestantFrm > blockquote:nth-child(41),
#contestantFrm > blockquote:nth-child(35),
#contestantFrm > blockquote:nth-child(26),
#contestantFrm > blockquote:nth-child(18),
#contestantFrm > blockquote:nth-child(43),
#contestantFrm > blockquote:nth-child(37),
#contestantFrm > blockquote:nth-child(28) { background-color: #f8f0d8;border-radius: 10px;}

#contestantFrm > blockquote:nth-child(35) { padding-top: 10px;padding-bottom: 10px;width: 90%}
#contestantFrm > div.sign { padding-left: 10px;}
#contestantFrm > h5 { padding-left: 10px;}
#contestantFrm > div:nth-child(45) > span { margin-left: 0;}
#contestantFrm > div.sign > label { margin-top: 10px;}
#contestantFrm > div.sign > input[type=text] { padding: 0 5px 5px 5px;}
#contestantFrm > blockquote:nth-child(28) > p:nth-child(3) { padding-bottom: 10px;}
#contestantFrm > blockquote:nth-child(18) > p { padding: 10px 0;}
#contestantFrm > blockquote:nth-child(37) > p { padding: 10px 0;}
#contestantFrm > div.button > input[type=submit] { font-weight: 400;background-color: #c4dfb8;}
#contestantFrm > h4 { margin-top: 20px; font-weight: bold; color: red;}
#contestantFrm > div.checkbox > input[type=checkbox] { width: 30px;height: 30px;margin-top: -4px;}
blockquote.agree { border: 4px solid coral !important; border-radius: 10px;}
#contestantFrm > blockquote:nth-child(26),
#contestantFrm > blockquote:nth-child(41) { border-radius: 20px;}


#contestantFrm > div:nth-child(8) > span > select { width: 20%; border: 1px solid #666;}


#contestantFrm > h2 { padding-left: 30px;border-radius: 10px;}


#contestantFrm > h2,
#mainBG > div > div > h1{/*background-color: #04a44f;*/ background: url(../images/formhead-bg.jpg);background-position: center; background-size: cover;}
#mainWhite > div > div.vflex { width: 70%; margin:30px auto 0 auto;}
#mainWhite > div > div { width: 100%;margin:auto;}

#mainWhite { overflow:hidden;z-index:1; position: relative;}
#contestantFrm > blockquote:nth-child(25) > p:nth-child(2) { padding-bottom: 5px;}
#contestantFrm > blockquote:nth-child(43) > p ,
#contestantFrm > blockquote:nth-child(17) > p { padding: 10px 0;}
#updatesBg > div:nth-child(4) { clear:both;}
#updatesBg > div:nth-child(5),#updatesBg > div:nth-child(6){margin-right: 0 !important;width: 50% !important;overflow: hidden;}
#updatesBg > div:nth-child(3) { width: 50% !important; margin-right: 0 !important;}
#updatesBg > div.photo_b > img:hover { transform: scale(1.2);}
#updatesBg > div.photo_b > img { width: 100%;margin-bottom: 5px;border-radius: 30px;transition: transform .2s;}
#updatesBg > div.photo_b { width: 45%;margin-right: 5%;float: left;margin-top: 2%;text-align:center;overflow:hidden;border-radius: 30px;}
#updatesBg > div.photo_a > img:hover { transform: scale(1.2);}
#updatesBg > div.photo_a > img { width: 100%;margin-bottom: 5px;border-radius: 30px;transition: transform .2s;}
#updatesBg > div.photo_a { width: 100%;text-align:center;overflow:hidden;border-radius: 30px;}
#updatesBg {width: 90%; height: 230vh;margin: auto;background-color: #facac5;padding: 2% 5%;border-radius: 30px;}
/*#updatesWrap { width: 90%; margin: 0 5% 0 5%; background-color: #ecdbc4; padding:2% 0;border-radius: 30px;}*/
#updatesWrap > iframe { width: 50%; margin-left: 25%; margin-right: 25%;}
#updatesWrap { width: 100%;}
#updates { margin-top: 2%;padding-bottom: 3%;}
/*#mainNav > div.m:nth-child(7) { display:none;}*/
/*
#mainNav > div.m:nth-child(13),
#mainNav > div.m:nth-child(10),
#mainNav > div.m:nth-child(9),
#mainNav > div.m:nth-child(8),
#mainNav > div.m:nth-child(7),
#mainNav > div.m:nth-child(6),
#mainNav > div.m:nth-child(5),
#mainNav > div.m:nth-child(4),
#mainNav > div.m:nth-child(3),
#mainNav > div.m:nth-child(2),
#mainNav > div.m:nth-child(1){display:none !important;}
*/
#socialIcons { align-items:center; margin-top: 30px;}
#socialIcons > a:nth-child(4) > img { width: 35px;}
#socialIcons > a:nth-child(3) > img { width: 100px;}
body > div.cWrap > footer > div.cWrap.flex > div.org.flex,
body > div.cWrap > footer > div.cWrap.flex > div.coOrg.flex { align-items:center;}
body > div.cWrap > footer > div.cWrap.flex > div.coOrg.flex  > a:nth-child(2) { margin-right: -30px;}
body > section.contCell.innerLayout > footer > div.cWrap.flex > div.coOrg.flex > a:nth-child(2) { margin-right: -30px;}
body > #mainWhite > footer > div.cWrap.flex > div.coOrg.flex > a:nth-child(2) { margin-right: -30px;}
body > #mainWhite > footer > div.cWrap.flex > div.coOrg.flex:before {content:"協辦機構"; margin-top: 20px; margin-right: -20px;}
body > section.contCell.innerLayout > footer > div.cWrap.flex > div.coOrg.flex:before {content:"協辦機構"; padding-top: 20px; margin-right: -20px;}
#mainWhite > div > footer > div.cWrap.flex > div.coOrg.flex:before {content:"協辦機構"; padding-top: 20px; margin-right: -20px;}
#mainWhite > div > div.promo > footer > div.cWrap.flex > div.coOrg.flex:before {content:"協辦機構"; padding-top: 20px; margin-right: -20px;}
#updates > footer > div.cWrap.flex > div.coOrg.flex:before {content:"協辦機構"; padding-top: 20px; margin-right: -20px;}
body > div.cWrap > div.vflex > footer > div.cWrap.flex > div.coOrg.flex:before {content:"協辦機構"; padding-top: 20px; margin-right: -20px;}
body > div.cWrap > footer > div.cWrap.flex > div.coOrg.flex:before,
body > section.contCell.innerLayout > footer > div.cWrap.flex > div.coOrg.flex:before {content:"協辦機構";margin-right: -20px;}
body > footer > div.cWrap.flex > div.coOrg.flex:before {content:"協辦機構";margin-top: -20px;}

body > footer > div.cWrap.flex > div.coOrg.flex > a:nth-child(3),body > footer > div.cWrap.flex > div.coOrg.flex > a:nth-child(1),
body > footer > div.cWrap.flex > div.org.flex > a { margin-left: -25px;}
body > footer > div.cWrap.flex > div.coOrg.flex, body > footer > div.cWrap.flex > div.org.flex {align-items:center;}
#mainWhite > footer > div.cWrap.flex > div.org.flex:before {content:"主辦機構"; margin-top: 20px; margin-right: -20px;}
body > section.contCell.innerLayout > footer > div.cWrap.flex > div.org.flex:before {content:"主辦機構"; padding-top: 20px; margin-right: -20px;}
#mainWhite > div > footer > div.cWrap.flex > div.org.flex:before {content:"主辦機構"; padding-top: 20px; margin-right: -20px;}
#mainWhite > div > div.promo > footer > div.cWrap.flex > div.org.flex:before {content:"主辦機構"; padding-top: 20px; margin-right: -20px;}
#updates > footer > div.cWrap.flex > div.org.flex:before {content:"主辦機構"; padding-top: 20px; margin-right: -20px;}
html > body > footer.fullWidth > div.cWrap.flex > div.org.flex:before {content:"主辦機構"; margin-top: -20px !important; margin-right: 10px;}
body > div.cWrap > div.vflex > footer > div.cWrap.flex > div.org.flex:before {content:"主辦機構"; padding-top: 20px; margin-right: -20px;}

body > div.cWrap > footer > div.cWrap.flex > div.org.flex:before,
body > section.contCell.innerLayout > footer > div.cWrap.flex > div.org.flex:before {content:"主辦機構";margin-right: -20px;}


body > footer > div.cWrap.flex > div.org.flex:before {content:"主辦機構";}
nav#mainNav > .m:hover > a { color: white;}
nav#mainNav > .m:hover { background-color: #b4201c;}
#\  > a:hover {color: white; font-weight: 400;}
#\  > a { text-decoration: none; display: block;height: 80px;color: black; padding-top: 30px;}
#\:hover { background-color: #c0c5db !important;font-weight: 600;}
#\ { display:block;height: 80px !important; padding-bottom: 0 !important;}
nav#mainNav .m1:hover {background: #f7c19f !important;color: #5c2a47 !important;font-weight: 400;}
nav#mainNav .m1{ height: 80px !important; padding-top: 0 !important;padding-bottom: 0 !important;}
#homeFrame,
#mainWhite > div > div > p:nth-child(1) { display:none;}
#mainNav > aside > div > a:hover { background-color:white;color: #b4201c;font-weight: 600;}
#mainNav > aside > div > a { float: left;margin-right: 5%;background-color: #b4201c;color: white;border: none;}
#mainNav > aside > div { position: relative; top: 25%;width: 200%;}
#mainNav > aside { width: 10%;margin-left: 5%;}
nav#mainNav .m1,#cur > a,nav#mainNav .m1:hover { background: #f7c19f !important;color: white !important;}
#cur > a,nav#mainNav .m1, #\  > a { border: none !important; background:none !important; font-weight: 400;border-radius: 0 !important;}
#mainNav { margin-top: 0 !important; margin-bottom: 0;/*justify-content: unset !important;*/}
body > header > a { display:none;}
body > header { margin-top: 0;backdrop-filter: blur(20px);color: var(--swatch--dark);background-color: #e2e8f0d9;/*padding: 0 1.5rem 0 2rem;*/position: fixed;inset: 0% 0% auto;box-shadow: 0 2px 11px -6px #0003;z-index: 9;background: #eedebc;}

/* 0708_2025_Arthur aside*/

/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,  tt, var, b, u,  center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,input,textarea,*:before,*:after,ul.unstyle,ul.unstyle li{margin:0;padding:0;border:0;font:inherit;font-size:100%;box-sizing:border-box; font-weight:100;}
/*body{background: url(../images/bg-flow.jpg);background-position: center top; background-repeat: repeat-y; background-color: #eee;}*/
#mainBG{/*background-image:url(/images/stage2.jpg);background-image:url(/images/BG.jpg);*/ background-size: cover; background-position: bottom center;/*padding-bottom:24.5%;padding-bottom:25px;*/}
.cWrap{/*width:1440px;*/ margin: auto;}

.contBoxWrap{padding-top:0;width:1140px; margin: 30px auto 0 auto; }
.contBoxWrap.ends{position:relative;}
.contBoxWrap.ends:before{content:'';display:block;width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,0.4);background-image:url(/images/app_ends.png);background-repeat:no-repeat;background-position:center 10%;z-index:4;border-radius:30px;}
.contBox{display: flex; flex-wrap:wrap; background: #fff; border-radius: 10px; padding:35px; margin-bottom: 35px;}480
.homeBanner{display: block;width:100%; /*justify-content: center;display:none;*/}
.homeBanner img{/*max-width:1900px;*/width: 100%;height:auto;padding: 0;}

.listtext ol{font-size: 1em;}
.listtext li{font-size: 1.2em; line-height: 150%;padding-bottom: 10px;}
.listtext li li{font-size: 1em;}

/*#logoAdvMbtn a img{display: none;}*/

#scaleContBtns{position:fixed;right:0px;bottom:36%;width:50px;height:50px;border-radius:4px 0 0 4px;background:#25262a;transition:height .15s ease-in-out;overflow:hidden;transition-delay:.2s;z-index:9;}
#scaleContBtns:hover,#scaleContBtns.open{height:150px;transition-delay:0s;}
#scaleContBtns>figure{color:#fff;display:block;width:50px;height:50px;font-size:2em;padding:8px 10px 10px;line-height:1em;cursor:pointer;position:absolute;right:0px;bottom:0px;transition:all .15s ease-in-out;transition-delay:.3s;}
#scaleContBtns>figure:before{content:'+';display:block;position:absolute;font-size:70%;right:9px;top:11%;line-height:1em;}
#scaleContBtns>figure:after{content:'-';display:block;position:absolute;font-size:120%;right:8px;top:10%;line-height:1em;font-weight:200;}
#scaleContBtns:hover>figure,#scaleContBtns.open>figure{opacity:0;visibility:hidden;transition-delay:0s;}
#scaleContBtns>div{padding:6px 3px;gap:3px;opacity:0;visibility:hidden;-ms-transform:translateX(30%);-webkit-transform:translateX(30%);transform:translateX(30%);transition:all .15s ease-in-out;transition-delay:0s;}
#scaleContBtns:hover>div{opacity:1;visibility:visible;-ms-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%);transition-delay:.2s;}
#scaleContBtns>div a{display:block;width:44px;height:44px;background:#fff;border-radius:20%;text-align:center;line-height:44px;text-decoration:none;color:#000;font-size:24px;}

.fullWidth{width:100%;clear:both;}
.halfWidth{width:48.25%;margin:0 0 0 3.5%;}
.three-blocks{width:31%;margin:0 0 0 3.5%;}
.four-blocks{width:22.375%;margin:0 0 0 3.5%;}
.two-third{;width:66%;clear:left;}
.flex{display:flex;}
.vflex{display:flex;flex-direction:column;}
.fWrap{flex-wrap:wrap;}
.spaceBetween{justify-content:space-between;}
.three-elements{gap:2%;}
.three-elements>*{width:32%;height:auto;}
.boxCenter{width:100%; display: flex; justify-content: center; margin-top: 30px; flex-wrap: wrap;}

p{width:100%;font-size:1.2em;line-height: 180%;}
.textCenter{text-align: center;}
form label{font-size:1.5em; font-weight: 600;}

p.space{padding:0 0 0 0;width:100%;}
a.btnLarge{font-size: 2em; color:#222E47;text-decoration:none; border:1px solid #636262; padding:10px 50px; border-radius:30px; align-items: center; width:auto; display: inline-block;line-height: 100%; margin-top: 30px;}
a.btnLarge:hover{background: rgb(185,188,196)!important;background: linear-gradient(180deg, rgba(185,188,196,1) 0%, rgba(249,249,252,1) 47%, rgba(197,200,207,1) 100%)!important;border:1px solid #EEEAE7;}

html,body{width:100%;font-weight:300;font-family:"Microsoft Yahei",  Arial, Helvetica, sans-serif;}
header{position:fixed;width:100%;left:0px;top:0px;z-index:9;}
#homeHead{height:80px;}
#homeHead div a img{margin-top: 14px;margin-left:40px;}
header .cWrap{width:1440px;margin:auto;}
header .cWrap #mainVav{display: flex; justify-content: right;}
header>a{position:absolute;left:10px;padding-top:15px;}
header>a img{display:block;width:auto;max-width:100%;max-height:100%;margin-left: 100px;}
header.fixed{height:80px;background:rgba(197,204,220,1);border-bottom:rgba(255,255,255,.4) 1px solid;z-index:5;transition:all .2s linear;}
header.fixed .cWrap{float:none;margin:auto;}
header.fixed>a{opacity:1;padding:14px 0 10px;transition:opacity .25s linear;}
nav#mainNav{display:flex;flex-wrap:nowrap;gap:0;justify-content: center;margin-left: 0;margin-right: -5%;}
nav#mainNav .m{display:block;/*font-family: "Arial Narrow", sans-serif;*/ font-weight: 600; font-size: 1.1em;}
nav#mainNav .m1{display:block;position:relative;line-height:100%;font-size:1em;cursor:pointer;border:1px solid #636262; padding:8px 15px 6px;border-radius: 20px; background:rgba(255,255,255,.2);height:36px;color:#636262;}
nav#mainNav .m a{color: white;/*color:#636262;*/text-decoration: none;line-height:100%;font-size:1em;cursor:pointer;border:1px solid #636262; padding:30px 15px 6px;border-radius: 20px; background:rgba(255,255,255,.2);height:80px; display: block;}
/*nav#mainNav .m a:hover{background: rgb(185,188,196)!important;background: linear-gradient(180deg, rgba(185,188,196,1) 0%, rgba(249,249,252,1) 47%, rgba(197,200,207,1) 100%)!important;border:1px solid #EEEAE7;color:#636262;}*/
/*english*/
#en nav#mainNav .m1{font-size:1em;}
/*english end*/
.fixed nav#mainNav .m1{transition:line-height .2s linear; }
nav#mainNav .m2{display:block;position:absolute;line-height:40px;font-size:1em;left:0px;top:100%;background:#DB7A72;white-space:nowrap;text-indent:10px;opacity:0;visibility:hidden;border-radius: 8px;}
nav#mainNav .m1:hover .m2{opacity:1;visibility:visible;transition:all .25s linear;}
nav#mainNav .m2 a{display:block;text-decoration:none;color:#fff;padding:0 10px;text-indent:0px;}
div#cur a{background:  #b4201c !important;border:1px solid #EEEAE7;color: white !important;}
div#cur a:visited{color: #fff !important;}

nav aside{float:right;padding-right:0; display: block; align-items: center;}
nav aside div{ gap:16px;display: block;float:left;}
nav aside>div a{font-size:1em;line-height:38px;border-radius: 100%;border:1px solid #636262;color:#636262; text-decoration: none; width:38px;height:38px; display: block; text-align: center;}
/*nav aside div a:hover{background: rgb(185,188,196)!important;background: linear-gradient(180deg, rgba(185,188,196,1) 0%, rgba(249,249,252,1) 47%, rgba(197,200,207,1) 100%)!important;border:1px solid #EEEAE7;}*/

.press-content span{text-align:left !important;}


#logoAdvMbtn{justify-content:space-between;align-items:center;}

#mNav{display:none;}


h1, h2, h3, h4,h5{width:100%; clear:both; display:block; font-family:"Microsoft Yahei", "HanHei SC", "PingFang SC", "SimHei", Arial, Helvetica, sans-serif; color:#222E47}
.lg-sub-html h4{color: #fff !important;}
h1{font-weight: bolder!important; font-size: 2em; padding:0; margin: 0 0 0 0 ;}
h1.newsTitle, h5.date{padding:30px 0;box-sizing: border-box;}
p{font-family:"Microsoft Yahei",  Arial, Helvetica, sans-serif; padding:15px 0; box-sizing: border-box;}
.boxCenter h5{font-size:1.42em; margin-bottom:20px;font-weight: bolder!important;}
div.error{font-size: 2em; color:red;}

h2{font-weight: bold !important; font-size: 1.6em; padding:30px 0; /*margin: 30px 0 0 0; */color: #222E47;}
.alignLeft{text-align: left;}

.clipWrap{padding:0;margin:0;list-style: none; display: flex; flex-wrap: wrap;width:100%; justify-content: center;}
.clipWrap li{width:30.333%;margin:1%;}
.clipWrap li img{width:100%;height:auto;}

.clipWrap2{padding:0;margin:0;list-style: none; display: flex; flex-wrap: wrap;width:100%; justify-content: center;}
.clipWrap2 li{width:48%;margin:1%;}
.clipWrap2 li img{width:100%;height:auto;}

.ytList li{list-style: none; width:23%;padding:0;margin:1%;position: relative; padding-top:200px; overflow: hidden; display: block;}
.ytList li iframe{width:100%;height:100%;position: absolute;left:0;top:0;}

div.button{width:100%;display: flex; flex-wrap: nowrap; gap:25px;font-size: 1.2em; justify-content: center; margin-top: 30px;}
div.button a{color:#25262a; text-decoration: none;border-radius:100px;border: 1px solid #25262a;display: inline-block;padding:8px 30px;}
div.button a.active{background:#b7625a;border-color: #d9d9d9;color:#fff; cursor:none;}
div.button a:hover{background:#b7625a;border-color: #d9d9d9;color:#fff;}

/*promo video*/
.videoWrap{background:#ddd;border-radius:20px;padding-bottom:20px;}
.videoWrap a.btn-can{background:#DB7A72;color:#fff;}
.videoWrap a:hover{background: rgb(185,188,196)!important;background: linear-gradient(180deg, rgba(185,188,196,1) 0%, rgba(249,249,252,1) 47%, rgba(197,200,207,1) 100%)!important; border:1px solid #C0C0C0!important; color:#111!important;}
.videoWrap .man{display:none;}
.videoWrap.man .man{display:flex;justify-content:center;}
.videoWrap.man .can{display:none;}
.videoWrap.man a.btn-man{background:#DB7A72; color:#fff;}
.videoWrap.can a.btn-can{background:#DB7A72;color:#fff;}

.videoWrap.man a.btn-can{background:none; color:#25262a;}
.videoWrap.man a.btn-can:hover{background: rgb(185,188,196)!important;background: linear-gradient(180deg, rgba(185,188,196,1) 0%, rgba(249,249,252,1) 47%, rgba(197,200,207,1) 100%)!important; border:1px solid #C0C0C0!important; color:#111!important;}



#news p img{width:100%;padding:0 1% 1% 1%;}
#news p{justify-content: center; flex-wrap: wrap; flex-direction:row;}

.imgList{display: flex; flex-wrap: wrap; flex-direction:row;width:100%;gap:20px; justify-content: center;}
.imgList a{width:23%;display: flex; flex-wrap: wrap; }
.imgList figure{width:100%;border-radius: 10px;overflow: hidden;background: #b4201c; }
.imgList figure img{width: 100% !important;height:84%; object-fit:cover; float:left; transition:transform .5s ease;}
.imgList figure figcaption{width:100%; text-align: center;padding:10px 0; float:left;}
.imgList a figcaption{color: #fff; text-decoration: none; padding:20px 0;}
.imgList img:hover{transform: scale(1.1);}

.vidoWrap{margin-top: 25px; border-radius: 20px; background: #ddd; padding-bottom:20px;}
.newsWrap{margin-top: 25px; border-radius: 20px; background: white; padding:0 20px 30px 20px;}

/*contestant slide banner*/

.photoFrame{width:35%;}

.photoFrame #mc{float:left;width:100%;}
.photoFrame #mc img{width:100%; height:auto;}
#slide-girls{position:relative; width:100%; float:left;}
#slide-girls img{width:100%; height:auto;}



#bannerSlide{float:left;list-style:none;margin:0;padding:0;position:relative; width:100%;}
#bannerSlide li{float:left;list-style:none;margin:0;padding:0;position:absolute;left:0;top:0;z-index:1;clear:both; display:block;}
#bannerSlide li{float:left;list-style:none;margin:0;padding:0;position:absolute;left:0;top:0;z-index:1; width:100%;}
#bannerSlide li img{ width:inherit; display:block;}
#bannerSlide li.active{z-index:3}
#bannerSlide li.lastAct{z-index:2}


#bannerBtn{z-index:10;font-size:66px;font-family:Georgia, "Times New Roman", Times, serif; position:absolute;left:0; bottom:10px;width:100%; display: flex; justify-content: center;}
#bannerBtn span{float:left;margin:0;padding:0 2px;display:inline;cursor:pointer; color:#fff;}
#bannerBtn span.active{color:#8e0177;}


/************************ contestant info *****************************************/
.conBlk{width:100%;display: flex; gap:20px; padding:0 50px;}



.conFront{width:80%; list-style:none;padding:0;margin: 0; display: flex;flex-wrap: wrap;justify-content: space-between; padding:0 10%;}
.conFront li{width:23%; list-style:none; text-align:center;}
.conFront li img{width:100%; height:auto;border-radius: 10px;}
.conFront p{float:left;width:100%; text-align:center;}
.conFront a{ color:#000; text-decoration:none;}

.infoCon{/*width:65%;*/background-color: #eee; border-radius: 20px; padding:25px; display: flex; flex-wrap: wrap; flex-direction: row;}
.infoCon_performer{width:62%; margin-left:3%;display: flex;flex-wrap: wrap;align-items:flex-start; justify-content: right;}

.infoCon_performer .photoWrap{display: flex; justify-content: center; margin-top:45px; flex-wrap: nowrap; gap: 10px; align-content: flex-start; width:100%;}
.infoCon_performer .photoWrap a{width:23%;}
.infoCon_performer .photoWrap a img{width:100%;height: auto;}
.infoCon_performer .press{padding: 0 !important; border-radius:0!important; background: none!important;}

.vlogLink {width:100%;display: flex; justify-content: right; margin-bottom: 20px;gap:10px;}
.vlogLink a img:hover{ filter: saturate(45%); filter: sepia(50%);}

.infoCon h1{width:100%; text-align: center; font-size:2em; padding:0;margin:0;}
.infoCon p{font-size:1em;}

.buttonBox{display: flex;width:100%;justify-content: center; font-size: 1.6em; gap:40px;margin: 60px 0 100px 0;}
.buttonBox span, .buttonBox a{display: block;width:300px; text-align: center; line-height: 150%; border: 1px solid #636262; border-radius: 25px;}
.buttonBox a:hover{background: rgb(185,188,196)!important;background: linear-gradient(180deg, rgba(185,188,196,1) 0%, rgba(249,249,252,1) 47%, rgba(197,200,207,1) 100%)!important; border:1px solid #C0C0C0!important; color:#111!important;}
.buttonBox a{background:#fff;text-decoration: none; color: #25262a;}
.buttonBox span{background:#DB7A72;color:#fff; }


.conLink{width:100%; margin-bottom:20px; display: flex; flex-wrap: nowrap; justify-items: center;padding:0;}
.conLink a{width:20%; padding:0.5%;}
.conLink a img{border:1px solid #ddd; width:100%;border-radius: 10px;}
.round a img{ border-radius:10px;}
.conLink a{border-bottom: 6px solid rgba(190, 138, 200, 0);}
.conLink a:hover{/*border-bottom: 6px solid rgba(190, 138, 200, 1);*/ transition: .5s ease;}
.conLink a.girl-active{border-bottom: 6px solid rgba(190, 138, 200, 1);}

/*contestent front*/
.conFront li{position:relative; margin-bottom:20px;}
.conFront li:before
{content:attr(data-before);display:block;font-size:3em;color:#D188C7; font-style:italic;font-weight:700;position:absolute;bottom:6px;z-index:100;left:30px;opacity:0;transition:all .25s ease-in-out;text-shadow: 2px 2px #666;}
.conFront a span{display:block;width:auto;position:absolute;line-height:180%;bottom:10px;color:#fff;font-weight:600;padding-left:50px;padding-right:20px;opacity:0; white-space:nowrap;left:30%;transition:all .25s ease-in-out; background-color: #504f62; text-decoration:none;z-index:50;} 
.conFront a:hover{left:30%;}
.conFront a:hover span{left:0%;opacity:1;}
.conFront li:hover:before{opacity:1;left:10px;}




.infoCon .photoWrap{width:100%;}
.infoCon .photoWrap img{width:48%;padding:1%;}
.infoCon dt strong{color:#990066; font-weight:normal;}
.infoCon p{width:96%; padding:10px 10px 10px 10px; margin: 0 auto;}
.infoCon p strong{font-weight:600;}
.infoCon iframe{width: 48% !important;height: 200px!important;margin: 1%;}

details strong{ display:block;}
div.number{position:absolute; z-index:100; right:0; top:0;}

.eng dl .full{width:100%!important; padding-left:0!important;}

.conMediaList li{ list-style:none;}
div.block{ display:block; float:left; width:100%; border-bottom:1px solid #ddd; margin:30px 0; height:10px; clear:both;}
blockquote.performerVideo{width:100%;display: flex; flex-wrap: wrap; justify-content: center;}
blockquote.performerVideo h2{ width:100%; padding:10px 0; font-size:1.2em; color: #f7cdfa; font-weight: 400; margin: 30px 0 20px; text-align: center;}
blockquote.performerVideo div{width:33.33333%;padding:0.5%; box-sizing: border-box;}
blockquote.performerVideo p{text-align: center; color:#fff}

.profileLink{float:left; width:100%; margin:20px 0;}
.profileLink a{float:left; margin-right:20px;}
.profileLink a.clipp{ background:url(../images/icon_video.png) no-repeat center top;}
.profileLink a.album{ background:url(../images/icon_album.png) no-repeat center top;}
.profileLink a span{float:left;width:100%; text-align:center; padding-top:45px;}

.profileLink a.button{display:block;width: auto;clear:both;float:left;}
.profileLink a.button:after{content: url(../images/icon_back.png);}
.profileLink a.button:hover{filter: saturate(45%); filter: sepia(50%);}


details{width:100%; float:left;}

summary{float:left; width:98%; font-size:16px; line-height:200%; color:#990033; margin-top:20px; cursor:pointer; padding-left:2%;}



.content p img{ width:48%; padding:1%;}
.content #blog p img{ width:auto !important; padding:0 !important; height:auto !important;}

div.youtube{width:100%; display:block; margin:20px 0;}
div.youtube img{width:100%; height:auto;}
div.showReelVideo{width:100%; height:360px;}

.conVideo{background: #333 !important;justify-content: center; border-radius: 8px 8px 0 0; }

.conMediaList{ list-style:none; float:left;width:100%}
.conMediaList video{width: 100% !important; height: 100%!important;}
.conMediaList li{float:left;width:30%; margin:1.5%;}
.conMediaList li div.conPhoto{width:96%;float:left; padding:10px 2% 5px;}
.conMediaList li div.conPhoto img{width:15%; height:auto; border-radius:100%;}
.conMediaList li div.conPhoto p{width:80%; height:auto; float:right; font-size:14px;}
.conMediaList li p.conCaption{float:left;width:100%;font-weight:normal; font-size:1em; text-align: center; background:rgba(157, 70, 168, 0.6); border-radius:0 0 8px 8px; margin-top:-5px; padding:20px 2%;}
.conMediaList li div.conMedia{float:left;width:100%; overflow:hidden;border-radius:8px 8px 0 0;}
.conMediaList li div.conMedia img{width:100%; height:auto;border-radius:8px 8px 0 0;transition: transform .5s ease;}
.conMediaList li div.conMedia a:hover img{transform: scale(1.1);}

.conMediaList li:nth-child(3n+1){clear:left;}

/*gameform*/

.gameLogo{display:flex;align-items:flex-start; justify-content: right;flex-wrap: nowrap;gap: 10px; font-size: 11px;width:100%; margin-bottom: 20px; }
.gameLogo img{height: 50px;width:auto;}

.gameCont {width:100%;}
.gameCont p{padding:8px 0;}
.gameCont h3{font-weight: bold;color:#222E47; font-size:1.2em;padding-bottom: 20px;}
.gametxt{font-size:1.1em;}
.gametxt p{padding-top:0;font-size:1.1em;}
.gametxt strong{color:#222E47; width:157px; font-weight: bold;}
.txt2col{display:flex;flex-wrap:nowrap;}
.txt2col-bold{width:157px;font-weight: bold;color:#222E47;}
.gameCont ul{margin-top:0;padding-top:0;font-size:1.1em;}



dl.gameDD{padding:0;margin:0;width:100%;font-size:1.1em; display: flex; flex-wrap: nowrap;}
dl.gameDD dt{width:157px;font-weight: bold;}
dl.gameDD dd{width:1000px;}


form.applicationForm{width:90%; display: flex; justify-content: center; flex-wrap: wrap;margin:auto;}
	form.applicationForm div{width:100%; display:flex; flex-wrap:nowrap; margin:10px 0;align-items: center; justify-content: center;}
   
	div.colm2 span{width:48%; margin:1%;}
    div.colm3 span{width:31.3333%; margin:1%;}
	div.colm2 span select{margin:0 5px;}
	div.colmFull{width:100%; justify-content: center;}
    div.checkbox{width:100%; display:flex; flex-wrap:nowrap; margin:10px 0;align-items: center;justify-content: center;}
    div.checkbox input{width:auto;}
    div.checkbox label{width:auto;padding-left:10px;}

    div.colm2 span.phone div{display: flex; flex-wrap: nowrap;width:100%;margin:0;}
    div.colm2 span.phone input{width:auto;}
    
	form.applicationForm div span{display:flex; flex-wrap:wrap; align-items: center; }
	form.applicationForm span label{width:100%; text-indent: 5px; margin-bottom: 5px;}
	input{font-size:1.8em; padding:5px; margin:0 3px; width:100%; border:1px solid #eee; border-radius:5px; background:rgb(255,255,255,1); color:#000;}
	div.radio input{width:auto!important; margin-top:3px;}
	form.applicationForm select{/*padding:10px 5px;*/ border:1px solid #666; border-radius:5px; background:rgb(255,255,255,0.4); color:#000; font-size: 1em;width:100%;}
    form.applicationForm option{padding:10px 5px; border:1px solid #eee; border-radius:5px; background:rgb(255,255,255,0.4); color:#000; font-size: 1em;}
    

div.error{ width:100%; display:flex; flex-wrap:nowrap; margin:10px 0;align-items: center;justify-content: center; font-size:28px; padding:25px 0;font-weight: bold;}
div.msg{ width:100%; display:flex; flex-wrap:nowrap; margin:10px 0;align-items: center;justify-content: center; font-size:28px; padding:25px 0; border:1px solid #fff;
background-color:rgba(255,255,255,0.3)}
div.msg h2{color:#006600!important; margin:25px 0;}
div.error h2{color:#990033}
div.success{color:#006600;width:100%; display:flex; flex-wrap:nowrap; margin:10px 0;align-items: center;justify-content: center; font-size:28px; padding:25px 0; border:1px solid #fff;
    background-color:rgba(255,255,255,0.3)}

#lightgallery {width:100%;padding: 0; display: flex; flex-wrap: wrap;}
#lightgallery li{width:23%; margin: 1%;}

footer{padding-top: 40px;}
footer .cWrap{justify-content: center;}
footer img {max-height: 80px;}
footer div{gap:30px;}
img.ttv{margin-right:-30px;}
#socialIcons{display: flex; flex-wrap: nowrap; gap:25px; justify-content: center;width:100%; padding-bottom:20px;}
#socialIcons img{width:30px;height:auto;}
footer p{width:100%; text-align: center; font-size:14px; margin-bottom: 25px;}


/*home fun30*/
ol.fun30 li {list-style: none;padding: 0;} 
#engtxt p{font-size: 95%;}

.funBox{width:100%; position: relative; scroll-behavior: auto; height:500px; scrollbar-color: #111; overflow-x: scroll; scroll-behavior: auto;}
ol.fun30{position:absolute;padding0;margin:0; float: left; display: flex; flex-wrap: nowrap; list-style: none;}
ol.fun30 li{width:450px; float:left; margin-right:10px;display: flex; position: relative;}
ol.fun30 li p{padding:20px 20px 20px 70px;margin-top:10px; margin-bottom:20px; border-left: dashed 4px #636262;border-bottom: solid 4px #636262;}
ol.fun30 li p.num2 img{padding-left:50px;}
ol.fun30 li p img{width:100%;height：auto; max-width: 200px; clear: both; display: flex; float:left;padding-right:20px;}
ol.fun30 li span {color: #DB7A72;font-size: 90px;font-family: "Cinzel", serif; display: inline-block; position: absolute; left:10px; top:0; height:100%;}
ol.fun30 li span:after{content:""; width:20px;height:20px; display: block;background:#636262;border-radius: 50%; position: absolute; left:-18px; top:0}
ol.fun30 li span:before{content:""; width:40px;height:40px; display: block;background:#fff;border-radius: 50%; position: absolute; left:-27px; bottom:0;border:5px solid #636262}

/*scroll bar style*/
/* width */
.funBox ::-webkit-scrollbar {    width: 6px;background: #DB7A72;}
/* Track */
.funBox::-webkit-scrollbar-track {    background: #DB7A72;max-height: 20%; height: 20%;}
/* Handle */
  ::-webkit-scrollbar-thumb {    background: #888; border-radius: 10px;  }
/* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {    background: #555;  }




  /*game page beauty*/
.gameWrap{background:#ddd;border-radius: 20px; padding:30px; box-sizing: border-box; margin-top: 30px;}
.gameWrap h1{padding-top:0;}
.gameWinner{display:block;width:100%; margin-bottom: 30px;}
.gameWinner div.content{width:80%;margin:auto;}
.gameWinner span{display: flex; flex-wrap: wrap; text-decoration: none; color: #111;justify-content:left; align-content: flex-start; }
.gameWinner span strong{font-size: 14px;display: block;padding-bottom: 15px;}
.gameWinner img{width: 100%; height: auto; }

.gameField{margin-bottom:10px;}

#gameB {width:80%;padding:0; margin:30px 0; list-style: none;display: flex; flex-wrap: wrap;}
#gameB div.gameImg{width:23%;margin:1%;position: relative;}

#gameB div.gameImg img{width:100%;height:auto;}
#gameB input.radio{ opacity: 0;position:absolute;top;right:0; }
#gameB div.gameImg span{display:block;width:auto; position:absolute; line-height:180%;bottom:10px;color:#fff;font-weight:600;padding-left:20px;padding-right:20px;background-color: #504f62; text-decoration:none;z-index:2;left:0%;}

#gameB div.gameImg span strong{font-size:3em;color:#D188C7; font-style:italic;font-weight:700;text-shadow: 2px 2px #666;}
#gameB div.gameImg:hover span{left:0%;opacity:1;}
#gameB div.gameImg:hover strong{opacity:1;}
#gameB div.gameImg img:hover{filter:brightness(1)}

#gameB div.gameImg.active span{left:0%;opacity:1;}
#gameB div.gameImg.active span strong{opacity:1;}

#gameB div.gameImg img{filter:brightness(1) ; transition:all .25s ease-in-out; }
#gameB div.gameImg.inactive img{filter:brightness(0.4)}
#gameB div.gameImg.inactive img:hover{filter:brightness(1) ; }

/*game 誰是冠軍競猜遊戲*/
#gameC { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; max-width: 1200px; margin: 0 auto;}
/*#gameC {width:80%;padding:0; margin:30px 0; list-style: none;display: flex; flex-wrap: wrap;}
#gameC div.gameImg{width:23%;margin:1%;position: relative;}*/

#gameC div.gameImg img{width:100%;height:auto;}
#gameC input.radio{ opacity: 0;position:absolute;top;right:0; }
#gameC div.gameImg span{display:block;width:auto; position:absolute; line-height:180%;bottom:10px;color:#fff;font-weight:600;padding-left:20px;padding-right:20px;background-color: #DB7A72; text-decoration:none;z-index:2;left:0%;}

#gameC div.gameImg span strong{font-size:3em;color:#fff; font-style:italic;font-weight:700;text-shadow: 2px 2px #633523;}
#gameC div.gameImg:hover span{left:0%;opacity:1;}
#gameC div.gameImg:hover strong{opacity:1;}
#gameC div.gameImg img:hover{filter:brightness(1)}

#gameC div.gameImg.active span{left:0%;opacity:1;}
#gameC div.gameImg.active span strong{opacity:1;}

#gameB div.gameImg img{filter:brightness(1) ;}
#gameC div.gameImg img:hover { transform: scale(1.1); transition:all .25s ease-in-out; }
#gameC div.gameImg img{filter:brightness(1) ; transition:all .25s ease-in-out; border-radius: 15px;transition: transform 0.1s ease-in-out;}

#gameC div.gameImg.inactive img{filter:brightness(0.4)}
#gameC div.gameImg.inactive img:hover{filter:brightness(1) ; }



ol.rules{padding-top:0;margin-top:0;}
ol.rules li{padding:8px 0; font-size: 1em;}
h2.rules{font-size: 1.2em; text-align: left; text-indent: 30px;}

.submitBox {display:flex;width:100%; margin: 20px 0; justify-content:center;}
.submitBox input.button{width:auto; font-size:1.8em; font-weight: bold; background:#4d475f; padding:20px 60px; color:#fff;border-radius: 30px;}
*::-webkit-input-placeholder {color: #fff;}


#gameFrm .colm3{display: flex; gap:10px;}
#gameFrm .colm3 span{display: flex; flex-wrap: wrap;}
#gameFrm .colm3 span label{display: block; padding-bottom: 8px;}

::placeholder {
    color: #a13939;
    opacity: 1; /* Firefox */
    font-size: 0.8em;
  }

input#countrycode{width:200px;}

form.applicationForm .colm2 div{width:100%;display: flex; flex-wrap: nowrap; align-items: baseline; gap:10px;}
form.applicationForm .colm2 div span.code{width:30%;}
form.applicationForm .colm2 div span.code input{width: 100% !important;}
form.applicationForm .colm2 div span.number{width:70%;}

.photowinner{display: flex; flex-wrap: wrap; justify-content: center;}
.photowinner h3{font-size: 1.8em; margin:20px 0 10px; text-align: center;}
.photowinner h2{font-size: 2.4em; margin:20px 0 10px; text-align: center;}
.photowinner img{width:70%;height:auto; margin: 5px 0; padding:3px; border: 1px solid #888;}
.photowinner p{margin-bottom: 20px; text-align: center!important;}

.gameResult{display: flex; width: 100%; flex-wrap: wrap; justify-content: center;}
.gameResult img{width:70%;height:auto;}
.gameResult p{text-align: center;}



/*sponsor*/
.sponsorWrap{width:100%; background: #fff; border-radius: 10px;padding:20px;}
.sponsorWrap .toprow{width:100%; display: flex; flex-wrap: nowrap;justify-content: center;}
.sponsorWrap .toprow a{width:100%;}

.sponsorBox{width:98%;padding:1%; display: flex; flex-wrap: nowrap;justify-content:center; gap:100px; align-items: center;}
.sponsorBox span{display:flex;flex-wrap: wrap; justify-content: center; padding: 0 10px;}
.sponsorWrap a{text-decoration: none; text-align: center;}
.sponsorWrap a p{font-size:1.6em; line-height:150%; display:block; color:#000;font-weight:bolder;text-decoration:none; width:100%;  padding:20px 0 20px; text-align:center;color:#222E47;}

.sponsorBox h5{ font-size:1em; float:left;width:100%; margin:20px 0;}

/*performer*/
.performerPage{width:100%; display: flex; flex-wrap: nowrap;gap:20px;}
.performerPage .photoFrame_performer{width:40%; margin-top: 60px;}
.vlogLink{width:100%;display: flex; flex-wrap: nowrap; gap:20px; margin-top: -40px;}
.vlogLink a img{width:40px;height:auto;}
.performerPage h1 span{font-size: 2em; color: #a13939; margin-top: 20px;}

@media (max-width: 1660px){
#hyundai { width: 100%  !important; height: 55vh !important;margin-bottom: 20px;}
body > div.cWrap > div.contentWrap { width: 48%; float:right; padding-right: 11%;}
}

@media (max-width: 1600px){
#hyundai { width: 100%  !important; height: 53vh !important;margin-bottom: 20px;}
}

@media (max-width: 1500px){
#hyundai { width: 100%  !important; height: 50vh !important;margin-bottom: 20px;}
}

@media (max-width: 1440px){
	#hyundai { width: 100%  !important; height: 45vh !important;margin-bottom: 20px;}
#mNav{position:relative;width:50px;height:50px;right:15px;top:15px;display:none;z-index:11;float:right;}
	/*#mainWhite > div > div.homeBanner > img { padding-bottom: 40px;}*/
	#updatesBg { height: 180vh;}
	html,body{height:100%;font-size:100%;}
    .cWrap{box-sizing: border-box;width:100%;}
    header.fixed .cWrap{box-sizing: border-box;}
    header .cWrap{padding:0 30px;width:100%;box-sizing: border-box;}
 /*   .homeBanner img{width:70%;height:auto; margin-top: 80px;} */
    .contBoxWrap{width:90%;padding-top: 0;margin-top: 30px;}
}


@media (max-width: 1400px){
    body > header > div.cWrap > #mainNav > .m:nth-child(3) > a { height: 35px !important;}
	body > header > aside > div > a { font-weight: bold; font-size: 1.2em !important;}
	#mNav{position:relative;width:50px;height:50px;right:15px;top:15px;display:flex;z-index:11;float:right;flex-direction: column;}
	body > div.cWrap.contestans { margin-top: -20px !important;}
	body > header > aside > div { display:block;}
	body > header > aside { display: block;width: 15%;float:right;align-items:center;top: 25%;position: relative;cursor: pointer;}

body > header > aside >div { display: flex; width: 100%; padding: 0px;position:relative; top:25%;}

body > header > aside > div > a {float: left;margin-right:5%;background-color: #b4201c;color: white;border: none;font-size: 1em;
    line-height: 38px;
    border-radius: 100%;
    text-decoration: none;
    width: 38px;
    height: 38px;
    display: block;
    text-align: center;}
	
	body > section.contCell.innerLayout > div {margin-top: 0px;}	
	#tc { margin-top: 80px;}
/*.homeBanner img {padding: 80px 0 0 0;}*/
#\ { height: 40px !important;margin-bottom: 10px;}
    #mainNav > aside > div {top: 25%;}
	html,body{height:100%;font-size:90%;}
    header{position:fixed;left:0px;top:0px;background:#636262;height:80px;border:none !important;}
    header>a{opacity:1;padding:14px 0 8px !important;left:30px;}
    header>.cWrap{display:block;width:25%;height:30vh;overflow:hidden;position:fixed;right:-160%;top:0px;z-index:10;background-color: black;padding:0;margin-left:0px !important;transition:right .25s ease-in-out;max-width:none;margin-top: 80px;}
	header >.cWrap{right:-30%;transition:right .5s ease-in-out; border-radius: 30px 0 0 30px;height: 20vh;margin-top: 80px;background-color: black;}
    header.open>.cWrap{right:-3%;transition:right .5s ease-in-out; border-radius: 30px 0 0 30px;height: 20vh;margin-top: 80px;background-color: black;}
    nav#mainNav{display:flex;width:100%;max-height:100%;overflow:hidden;flex-direction:row;padding: 15px 0;flex-wrap:wrap}
    nav#mainNav aside{display:flex;width:100%;justify-content:center; padding:0; margin: 0; gap:0;}
    nav#mainNav aside>div{display:flex;width:100%;padding:0px; justify-content: center;}
    nav#mainNav aside>div:before{display:none;}
   
    
    nav#mainNav .m1{display:block;position:static;font-size:150%;width:50%;margin-bottom:0;color:#636262;}
    nav#mainNav .m2{display:block;position:static;opacity:1;visibility:visible;font-size:80%;margin-top:0px;}
    nav#mainNav .m3{float:left;clear:both;position:relative;padding-right:0;text-indent:0px;}
    nav#mainNav .m3>div{display:flex;position:static;line-height:30px;opacity:1;visibility:visible;padding-left:1em;flex-wrap:wrap;gap:20px;}
    nav#mainNav .m2>a{padding:0px;text-indent:0px;}
    nav#mainNav .m3 a{margin-top:0px;padding:0px;}
    nav#mainNav .m3:hover>div{opacity:1;visibility:visible;transition:all .25s linear;}
    nav#mainNav .m3:hover,nav#mainNav a:hover{background:rgba(255,255,255,0.1);}
    nav#mainNav .m1 a{position:relative;padding-right:16px; clear:both;}
    nav#mainNav .m1 a:after{content:'';display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #636262;position:absolute;top:50%;right:0px;margin-top:-6px;}
    
    #homeHead{position: relative;width:100%;left:0px;bottom:0px;background:#25262a;padding:0px;z-index:2;height: 80px;}
    #logoAdvMbtn a:first-child{display:none;}
    #homeHead a img{display:block;max-width:100%;}
   
    
    
    #mNav>figure{position:absolute;width:100%;height:60%;border-top:white 4px solid;border-bottom:white 4px solid;top:20%;-ms-transform:scale(80%,80%);-webkit-transform:scale(80%,80%);transform:scale(80%,80%);transition:opacity .2s linear;transition-delay:.2s;}
    #mNav>figure:before{content:'';display:block;position:absolute;width:100%;height:4px;background:white;left:0px;top:50%;margin-top:-1px;}
    #mNav>span{position:absolute;width:100%;height:100%;-ms-transform:scale(80%,80%);-webkit-transform:scale(80%,80%);transform:scale(80%,80%);opacity:0;transition:opacity .2s linear;transition-delay:0s;}
    #mNav>span:before{content:'';display:block;width:100%;height:4px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#111;position:absolute;left:0px;top:24px;background:#b4201c;}
    #mNav>span:after{content:'';display:block;width:100%;height:4px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#111;position:absolute;left:0px;top:24px;background: #b4201c;}
    .open #mNav>figure{opacity:0;transition-delay:0s;}
    .open #mNav>span{opacity:1;transition-delay:.2s;}

    nav#mainNav{flex-direction:column;flex-wrap:nowrap; height:400px;margin-left: 0;}
    nav#mainNav aside{display:none;width:100%;}
    
    nav#mainNav .m1{width:100%; height:auto; float:left; clear:both;}
    nav#mainNav .m1 .m2{width:100%; height:auto; float:left; clear:both; background-color:transparent; display: flex; flex-wrap: wrap; font-size: 100%;flex-direction: column;}
    nav#mainNav .m1 .m2 a{color:#636262; display:block;clear:both;width:fit-content;}

    nav#mainNav .m{display: block; font-size: 1em; margin-bottom: 0;;}
    nav#mainNav .m a{height:30px;padding-top: 10px;font-size: 1.5em !important;}


   .boxCenter img{width:90%;height:auto;}

   .conBlk{width:100%;display: flex; gap:20px; padding:0;}
   .infoCon h1{font-size: 1.5em; margin-top: 0;}
    h1.contestName{font-size: 1.5em; margin-top: 0;}
}

@media screen and (max-width:1366px){
	body > div.cWrap > div.contentWrap { width: 48%; float:right; padding-right: 5%;}
    #mainWhite > div > div.promo > div:nth-child(3) > iframe,
    #mainWhite > div > div.promo > div:nth-child(2) > iframe { width: 100%;height: 450px;}
    #updatesBg { height: 165vh;}
}

 @media screen and (max-width:1280px){
	 #myIframe3,
	 #myIframe2,
	 #myIframe { width: 70%; height: 400px; margin: 20px 15% 0 15%; border-radius: 30px;}
	 section#mainWhite.fullWidth.controlCell.promo > div.cWrap > div.promo2 > div.wrapper > #videoContainer2 > div.promo > iframe { width: 100% !important; height: 400px;float: left !important; margin: 0 auto !important;}
	#hyundai { width: 100%  !important; height: 42vh !important;margin-bottom: 20px;}	#mainBG{/*padding-bottom:40%;*/}	
	    #updatesBg { height: 155vh;}
		#mainBG > div > div.homeBanner > img,
		/*#mainWhite > div > div.homeBanner > img { width: 1280px;}*/
		/*#updatesWrap > iframe { width: 60%; margin-left: 20%; margin-right: 20%;}*/
}

 @media screen and (max-width:1280px){
	 body > div.cWrap.contestants > div.vflex > section > div > div.judges { width: 95%;}
	 #mainWhite > div.cWrap > div.promo2 > div.wrapper > #videoContainer2 { width: 70%;margin-top: 20px;}
body > div.cWrap > div.vflex > div.infoPhoto {float: left;width: 48%;margin-left: 1%;}
body > div.cWrap > div.vflex > div.contentWrap {width: 48%;float: right;margin-right: 1%;}
 }
 
 @media screen and (max-width:1200px){
	#hyundai { width: 100%  !important; height: 39vh !important;margin-bottom: 20px;}	#mainBG{/*padding-bottom:40%;*/}
 }
 
 @media screen and (max-width:1100px){
	#hyundai { width: 100%  !important; height: 36vh !important;margin-bottom: 20px;}	#mainBG{/*padding-bottom:40%;*/}
 }
 
  @media screen and (max-width:1080px){
	  section#mainWhite.fullWidth.controlCell.promo > div.cWrap > div.promo2 > div.wrapper > #videoContainer2 > iframe,
	  section#mainWhite.fullWidth.controlCell.promo > div.cWrap > div.promo2 > div.wrapper > #videoContainer2 > div.promo > iframe { width: 100% !important; float: left !important; margin: auto !important;}
	  #myIframe { width: 70%; height: 350px; margin: 0 15%; border-radius: 30px;}
	 section#mainWhite.fullWidth.controlCell.promo > div.cWrap > div.promo2 > div.wrapper > #videoContainer2 > div.promo > iframe { width: 100% !important; float: left !important; margin: 0 auto !important;}
section#mainWhite.fullWidth.controlCell.promo > div.cWrap > div.promo2 > div.wrapper > #videoContainer2 > div:nth-child(2) > iframe { width: 100% !important; float: left !important; margin: auto!important;}
body > div.cWrap > div.vflex > div.infoPhoto > div.slidePhotoWrap > #contestants.sliderCell.slideHolder{ width: 100% !important; height: 800px !important;}
body > div.cWrap > div.vflex > div.infoPhoto > div.slidePhotoWrap > #contestants.sliderCell.slideHolder{ width: 100% !important; height: 650px !important;}
	#mainWhite > div.homeContestants > a { width: 48%;float:left;}
  }
  
  @media (max-width: 1054px){
#contestants > article > div.contestants  { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; max-width: 1200px; margin: 0 auto;}
}
  
 @media screen and (max-width:1024px){
	body > div.cWrap > div.contentWrap { width: 48%; float:right; padding-right: 2%;}
#row { width: 70% !important;}
#row > div.column { float: left; width: 100%; padding: 0px;}
#row > div.column > img { width: 100%;}
#row > p.after { display:block;}
#row > p.before { display:none;}

	 #hyundai { width: 100%  !important; height: 33vh !important;margin-bottom: 20px;}
	 body > div.cWrap > div.vflex.performervflex > div.contentWrap { width: 48%; margin-right: 0;}
body > div.cWrap > div.vflex.performervflex > div.infoPhoto.performerPhoto { margin-left: 0;}
body > div.cWrap > div.vflex.performervflex { max-width: 1200px;width: 90%;margin: 0 auto;padding: 0;}
body > div.cWrap > div.vflex > div.infoPhoto {float: left;width: 45%;margin-left: 4%;}
body > div.cWrap > div.vflex > div.contentWrap{ width: 45%; float: right; margin-right: 4%;}
body > div.cWrap > div.vflex > div.infoPhoto > div.slidePhotoWrap > #contestants.sliderCell.slideHolder { width: 100% !important; }
.conLink > a { display:inline-block; width: 19.5%;padding: 0;}
.conLink {margin-bottom: 0; display:block !important; width: 90%; margin:auto;}
#mainWhite > div > div.promo > div.promo2 { width: 100%; margin: 20px auto 20px auto; height: auto;}
#mainWhite > div > div.promo > div.wrapper{ width: 100% !important;margin:0;}
#mainBG > div > div.contBoxWrap > div.contBox > a { margin-left: 35%; text-decoration: none; font-size: 1.2em; color: white; background-color: #04a44f; padding: 20px 20px; border-radius: 20px;font-weight: 400;}
	    #updatesBg { height: 125vh;}
		#updatesWrap > iframe { width: 70%; margin-left: 15%; margin-right: 15%;}
}

 @media screen and (max-width:960px) {
	 body > div.cWrap > div.vflex > section.fullWidth.controlCell.Judgepage > div > div.judges > button {width: calc(18%);}
 	 #hyundai { width: 100%  !important; height: 31vh !important;margin-bottom: 20px;}
 }
 
   @media (max-width: 904px){
#contestants > article > div.contestants  { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; max-width: 1200px; margin: 0 auto;}
}

 @media screen and (max-width:900px) {
#gameFrm2 > div.checkbox { width: 100%;display:grid; grid-auto-flow: column;}
	 
	 		#gameFrm > div.colm3 > span { width: 100% !important;}
	 	 #hyundai { width: 100%  !important; height: 29vh !important;margin-bottom: 20px;}
	 	 body > div.cWrap > div.vflex > div.infoPhoto > div.slidePhotoWrap > #contestants.sliderCell.slideHolder { width: 100% !important; height: 650px !important;}
#mainWhite > div > div.promo > div:nth-child(3) { width: 100%; float: left;}
#mainWhite > div > div.promo > div:nth-child(2) {float: left; width: 100%; margin-right: 0;}

#mainBG > div > div.homeBanner { overflow: hidden;}
	 	#updatesWrap > iframe { width: 80%; margin-left: 10%; margin-right: 10%;}
		#mainBG > div > div.homeBanner > img,

.homeBanner img{width: 100%;}
body > header > div.cWrap{ width: 35% !important;}
	 #updatesBg { height: 270vh;}
	 #updatesBg > div:nth-child(5), #updatesBg > div:nth-child(6),
	 #updatesBg > div:nth-child(3) { width: 100% !important;}
	 #updatesBg > div { width: 100% !important;}
	 
    .cWrap{width:100%;padding:0;}
    nav#mainNav{flex-direction:column;flex-wrap:nowrap; height:100%;}
    nav#mainNav aside{display:none;width:100%;}
    
    nav#mainNav .m1{width:100%; height:auto; float:left; clear:both;}
    nav#mainNav .m1 .m2{width:100%; height:auto; float:left; clear:both; background-color:transparent; display: flex; flex-wrap: wrap; font-size: 100%;flex-direction: column;}
    nav#mainNav .m1 .m2 a{color:#636262; display:block;clear:both;width:fit-content;}

    /*nav#mainNav .m{display: block; font-size: 1.2em; margin-bottom: 10px;;}*/
    nav#mainNav .m a{height:auto;}
	/*#mainBG{padding-bottom:50%;}*/

    /*home fun30*/
ol.fun30 li {list-style: none;padding: 0;} 

.funBox{width:100%;height: 400px; scroll-behavior: inherit; padding-left: 0;overflow-x:hidden;}
ol.fun30{float:none; display: flex; flex-wrap:wrap; list-style: none; flex-direction: row;padding-left:0;}
ol.fun30 li{width:100%;margin-left:20px; box-sizing: border-box;}
ol.fun30 li span:before{display: none;}

.clipWrap{padding:0;margin:0;list-style: none; display: flex; flex-wrap: wrap;width:100%;margin-top: 25px;}
.clipWrap li{width:98%;margin:1%;}
.clipWrap2{padding:0;margin:0;list-style: none; display: flex; flex-wrap: wrap;width:100%;margin-top: 25px;}
.clipWrap2 li{width:98%;margin:1%;}
.clipWrap2 iframe{height:300px;}


#homeFrame{background: #ccc;border-radius:20px; padding-bottom: 30px;background-image: url(../images/BG.jpg); background-size: cover; background-position: bottom center;}
h1.fun30{margin-top: 0;}

blockquote.gameWinner{flex-wrap: wrap; flex-direction: column-reverse; justify-content: center;}
blockquote.gameWinner div{width:100%;}
blockquote.gameWinner span img{max-width: 100px;}
blockquote.gameWinner span{ margin:10px 0; justify-content: center;}
form.applicationForm div{flex-wrap: wrap;}
div.colm2 span{width:98%;}
div.colm3 span{width:98%;}
form.applicationForm .colm2 div{width:98%;display: flex; flex-wrap: nowrap; gap:10px;}
#gameB{width:90%;}

#lightgallery li{width:98%;}
.buttonBox{margin:30px 0 0;}

	}

@media screen and (max-width:858px) {
/* sponsor page */
#goldenD > div.group {  gap: 2%;}
#goldenD > div > div.golden{ width: 48%;}
#bronze > div > div.bronze,#serve > div > div.serve, #silver > div > div.silver { width: 30%;}
/* sponsor page */

body > div.cWrap > div.vflex > section.fullWidth.controlCell.Judgepage > div > div.accoutmc {width: 90%;margin: 50px auto 0 auto;display: flex;gap: 20px;align-items: flex-start;}
body > div.cWrap > div.vflex > section.fullWidth.controlCell.Judgepage > div > div.accoutmc > h2 {width: 5%;font-size: 1.5em;writing-mode: vertical-lr;margin-left: 50px;font-weight: bold !important;}
body > div.cWrap.contestants > div.vflex > section > div > div.judges { display: flex; justify-content: center;}
body > div.cWrap > div.vflex > section.fullWidth.controlCell.Judgepage > div > div.judges > button {width: calc(30%);}
}

   @media (max-width: 854px){
#contestants > article > div.contestants  { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; max-width: 1200px; margin: 0 auto;}
}

@media screen and (max-width:800px) {
/* sponsor page */
#Supreme > div > a { width: 60%;}
#Supreme > div > p { width: 100%; text-align:center;}
/* sponsor page */

	#myIframe { width: 80%; height: 350px; margin: 0 10%; border-radius: 30px;}
	#mainWhite > div.cWrap > div.promo2 > div.wrapper > #videoContainer2 { width: 80%;margin-top: 20px;}
body > section.contCell.innerLayout > article > blockquote > a { margin: auto; width: 40%; display: block;}
#hyundai { width: 100%  !important; height: 26vh !important;margin-bottom: 20px;}
body > div.cWrap > div.vflex > div.infoPhoto > div.slidePhotoWrap > #contestants.sliderCell.slideHolder { width: 100% !important; height: 550px !important;}
body > section.contCell.innerLayout > article.newsContent { width: 90%;margin: 30px auto;padding: 0 20px 30px 20px;}
body > section.contCell.innerLayout > article > div > div:nth-child(8),
body > section.contCell.innerLayout > article > div > div:nth-child(7) { width: 100%; float: margin: 0 5%;}
#tsvideoContainer > div:nth-child(2) { width: 100%;float:left;text-align:center;}
#tsvideoContainer > div:nth-child(1) { width: 100%;float:left;margin-right: 0;margin-bottom: 30px;text-align:center;}
.conLink > a { display:inline-block; width: 19.5%;padding: 0;}
.conLink {margin-bottom: 0; display:block !important; width: 90%; margin:auto;}

#mainWhite > div > div.homeBanner { display:flex; justify-content:center;}
#updatesWrap > iframe { height: 300px;}
	 
	 #updatesBg { height: 245vh;}
	 body > header > div.cWrap{ width: 40% !important;}
	 /*#mNav{right:100px;top:5px;}*/
}

@media screen and (max-width:768px) {
div.radio input { width: auto !important;margin-top: 10px;}
	body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > h2,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc1 > h2 { font-size: 1.8em;}
		 	 #hyundai { width: 100%  !important; height: 25vh !important;margin-bottom: 20px;}
	#mainBG > div > div.contBoxWrap > div.contBox > a { margin-left: 40%;font-size: 1.5em;}
#mainBG > div > div.homeBanner > img {padding: 57px 0 40px 0;}

   @media (max-width: 754px){
#contestants > article > div.contestants  { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; max-width: 1200px; margin: 0 auto;}
}

@media screen and (max-width:720px) {
/* sponsor page */
#diamond > div.group { gap: 5%;}
#goldenD > div.group {  gap: 0%;}
#goldenD > div > div.golden{ width: 100%;}
#bronze > div > div.bronze,#serve > div > div.serve, #silver > div > div.silver { width: 50%;}
/* sponsor page */

#hyundai { width: 100%  !important; height: 24vh !important;margin-bottom: 20px;}
#videoContainer2 > iframe:nth-child(5),
#videoContainer2 > div:nth-child(5) > iframe { width: 100%;  height: 360px; margin-left: 0;}
#videoContainer2 > iframe:nth-child(4),
#videoContainer2 > div:nth-child(4) > iframe { width: 100%; height: 360px; float: left; border-radius: 30px;margin-top: 30px;}
#videoContainer2 > iframe:nth-child(3),
#videoContainer2 > div:nth-child(3) > iframe { width: 100%; height: 360px; float: left; margin-left: 0; border-radius: 30px;margin-top: 30px;}
#videoContainer2 > iframe:nth-child(2),
#videoContainer2 > div:nth-child(2) > iframe { width: 100%; height: 360px; float: left; border-radius: 30px;margin-top: 30px;}
#videoContainer2 > iframe:nth-child(1),
#videoContainer2 > div:nth-child(1) > iframe { width: 100%; height: 360px; float: left; margin: 0; border-radius: 30px;margin-top: 30px;}

#videoContainer {position: relative;height: 70vh;}
#videoContainer > iframe:nth-child(2),
#videoContainer > div:nth-child(2) > iframe { width:100%; height: 360px; float:left;border-radius: 30px;}
#videoContainer > iframe:nth-child(1),
#videoContainer > div:nth-child(1) > iframe { width:100%; height: 360px; float:left; margin-right:4%;border-radius: 30px;margin-bottom: 30px;}

	 #updatesBg { height: 225vh;}
	 nav#mainNav .m a { font-size: 1em !important;}
	 #mainBG > div > div.homeBanner > img,

}

@media screen and (max-width:694px) {
.conLink > a { display:inline-block; width: 19.2%;padding: 0;}
}

   @media (max-width: 654px){
#contestants > article > div.contestants  { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 10px; max-width: 1200px; margin: 0 auto;}
}

@media screen and (max-width:640px) {
#mainWhite > div.homeContestants > a { width: 45%; float: left;}
				 	 #hyundai { width: 100%  !important; height: 21vh !important;margin-bottom: 20px;}
					 #hyundai > div.btnCell { display:none;}
		 body > div.performer > div.vflex > blockquote > div.infoPhoto { height: 850px;}
	body > div.performer > div.vflex > blockquote > #intro { width: 100%; margin-left: 0; float:left;}
	body > div.performer > div.vflex > blockquote > div.infoPhoto { width: 100%;float:left;}
#videoContainer {position: relative;height: 65vh;}
#videoContainer > iframe:nth-child(2),
#videoContainer > div:nth-child(2) > iframe { width:100%; height: 320px; float:left;border-radius: 30px;}
#videoContainer > iframe:nth-child(1),
#videoContainer > div:nth-child(1) > iframe { width:100%; height: 320px; float:left; margin-right:4%;border-radius: 30px;margin-bottom: 30px;}

	 #updatesWrap > iframe { width: 90%; margin-left: 5%; margin-right: 5%;}
	 #updatesBg { height: 200vh;}
	 #mainBG > div > div.homeBanner > img,

}

@media (max-width: 600px) {
	
	body > section.contCell.innerLayout > article { margin-bottom: 0 !important;}
body > section.contCell.innerLayout > article > div > div:nth-child(3) > #myIframe3 { width: 100%;height: 300px;margin: 20px 0;border-radius: 30px;}
		#myIframe2 { width: 80%; height: 300px;margin: 20px 10% 0 10%; border-radius: 30px;}
		#myIframe3 { width: 100%; height: 350px; margin: 0 ; border-radius: 30px;}
		#myIframe { width: 90%; height: 350px; margin: 0 5%; border-radius: 30px;}
					 	 #hyundai { width: 100%  !important; height: 20vh !important;margin-bottom: 20px;}
		#mainWhite > div.cWrap > div.promo2 > div.wrapper > #videoContainer2 { width: 90%;margin-top: 20px;}
    #gameFrm > h2 { margin-top: 0; padding-top: 0;padding-bottom: 20px; font-size: 2em; font-weight: bold;}
	#gameC { width: 100%;}
	body > section.contCell.innerLayout > div.homeBanner { display:flex; justify-content: center;}
	.homeBanner img { width: 100%;}
	.gallery {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

@media screen and (max-width:600px) {

#blockform > h1 > img { width: 80% !important;}

/* sponsor page */
#goldenD > div > div.golden { width: 48%;}
#diamond > div > div.diamond {width: 100%;}
#Supreme > div > div.Supreme02 > a > img { width: 50%;}
#Supreme > div > div.Supreme02, #Supreme > div > div.Supreme01{ width: 80%;}
#diamond > div.group { flex-direction: column; align-items: center;}
#aircanada > div > a { width: 35%;}
#Supreme > div > a { width: 80%;}
#Supreme > .Supreme01 > p  { width: 100%;}
/* sponsor page */
	
	nav#mainNav { font-size: 1.2em;}
	    body > header > aside { width: 20%;}
#videoContainer {position: relative;height: 60vh;}
#videoContainer > iframe:nth-child(2),
#videoContainer > div:nth-child(2) > iframe { width:100%; height: 300px; float:left;border-radius: 30px;}
#videoContainer > iframe:nth-child(1),
#videoContainer > div:nth-child(1) > iframe { width:100%; height: 300px; float:left; margin-right:4%;border-radius: 30px;margin-bottom: 30px;}

	#mainWhite > div > div.promo > div.wrapper { width: 100% !important; margin:auto;}
	#mainBG > div > div.contBoxWrap > div.contBox > a { margin-left: 0 !important;position: relative;width: 100%;text-align: center;padding: 15px;}
	#mainBG > div > div.contBoxWrap > div.contBox > p { width: 100% !important; padding: 0 0 20px 0;text-align: center;}
	#updatesBg { height: 190vh;}
	body > header > div.cWrap{ width: 50% !important;}
}

   @media (max-width: 554px){
#contestants > article > div.contestants  { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 10px; max-width: 1200px; margin: 0 auto;}
}

@media screen and (max-width:520px) {
					 	 #hyundai { width: 100%  !important; height: 14vh !important;margin-bottom: 20px;}
#videoContainer {position: relative;height: 50vh;}
#videoContainer > iframe:nth-child(2),
#videoContainer > div:nth-child(2) > iframe { width:100%; height: 250px; float:left;border-radius: 30px;}
#videoContainer > iframe:nth-child(1),
#videoContainer > div:nth-child(1) > iframe { width:100%; height: 250px; float:left; margin-right:4%;border-radius: 30px;margin-bottom: 30px;}
}

   @media (max-width: 504px){
#contestants > article > div.contestants  { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; max-width: 1200px; margin: 0 auto;}
}

@media (max-width: 500px){
#gameC { display:flex;}
#gameFrm2 > div.checkbox { width: 100%;display:grid; grid-auto-flow: column;}
/* sponsor page */
.sponsorWrap > div > div > a > img { width: 95%;}
#bronze > div > div.bronze, #serve > div > div.serve, #silver > div > div.silver { width: 45%;}
#goldenD > div > div.golden { width: 100%;}
#diamond > div > div.diamond {width: 100%;}
#Supreme > div > div.Supreme02 > a > img { width: 50%;}
#Supreme > div > div.Supreme02, #Supreme > div > div.Supreme01{ width: 80%;}
#diamond > div.group,
#Supreme > div.group { flex-direction: column; align-items: center;}
#Supreme > div > a { width: 80%;}
#Supreme > .Supreme01 > p  { width: 100%;}
/* sponsor page */

/* Judge page */
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > h2,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc1 > h2 { font-size: 2.5em;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > div > a { width: 48%;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 > div {width: 90%; margin: auto;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2 { width: 90%; margin: auto;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc1 > a { display: block; width: 45%; margin: auto; }
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc2,
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc > div.accoutmc1 { width: 100%; margin: 0; float: none;}
body > div.cWrap.contestants > div.vflex > section > div > div.accoutmc { flex-direction: column; flex-wrap: nowrap; gap: 0 !important; margin-top: 0 !important;}
/* Judge page */	
	
	body > div.cWrap > div.vflex > section.fullWidth.controlCell.Judgepage > div > div.accoutmc > h2 {width: 5%;font-size: 1.5em;writing-mode: vertical-rl;margin-left: 10px;font-weight: bold !important;}
	body > div.cWrap > div.vflex > section.fullWidth.controlCell.Judgepage > div > div.judges > button { margin: 0 5px;}
body > div.cWrap.contestants > div.vflex > section > div > div.judges { width: 90% !important; margin:auto;}
	#mainWhite > div > div.promo2 > h2 {
    width: 80%;
    margin: auto;
    font-size: 2.2em;
    font-weight: bold !important;
}
	body > section.contCell.innerLayout > article > blockquote > div > a, body > section.contCell.innerLayout > article > blockquote > a { margin: auto; width: 50%; display: block;}
	body > section.contCell.innerLayout > article.cWrap.game > blockquote.gameWinner> div >div.wrapper > #videoContainer2 { width: 100%;}
	body > section.contCell.innerLayout > article.cWrap.game > blockquote.gameWinner> div >div.wrapper > #videoContainer2 > iframe:nth-child(1),
	body > section.contCell.innerLayout > article.cWrap.game > blockquote.gameWinner> div >div.wrapper > #videoContainer2 > div > iframe { width: 100% !important;
    margin: 20px 0 30px 0 !important; height: 250px !important;}
	body > section.contCell.innerLayout > article > blockquote.gameWinner { width: 80%; margin:auto; display:block;}
	#homeHead { height: 60px;}
	body > div.cWrap.contestants > div.homeBanner.contestants > img {margin-top: -17px;}
	#mainWhite > div > div.homeBanner.about > img { margin-top: 0;}
	body > div.cWrap > div.vflex.performervflex > h1 { padding: 20px 0;}
	body > div.cWrap > div.vflex.performervflex > div.infoPhoto.performerPhoto { height: 60vh;}
    .homeBanner img { padding: 0;}
	    body > header > aside { top: 18%;}
header.open>.cWrap { margin-top: 60px;}
#updates > footer > div.cWrap.flex > div.coOrg.flex > a:nth-child(2),
#mainWhite > div > div.promo > footer > div.cWrap.flex > div.coOrg.flex > a:nth-child(2),
#mainWhite > div > footer > div.cWrap.flex > div.coOrg.flex > a:nth-child(2) { width: 10%;}

	    #mNav {
        right: 0 !important;
        top: 5px;
    }
	#mainNav > m { font-size: 1.1em;}
	#mainBG > div > div.homeBanner > img { padding-top: 0;}
	#mainBG > div > div.homeBanner > img,
	#mainWhite > div > div.homeBanner > img { width: 100%;}
	 #updatesBg { height: 160vh;}
   
    .cWrap{padding:0;}
    header{height:60px !important;}
    header>a{padding:6px 0 2px !important;left:10px;height:60px;}
    /*nav#mainNav{font-size:1.2em;}*/
    nav#mainNav .m1{margin-bottom:20px;}
    nav#mainNav .m2>a,nav#mainNav .m3{margin-top:4px;}
    nav#mainNav .m2,nav#mainNav .m3,nav#mainNav .m3>div{line-height:1.4em;}
    /*#mainWhite > div > div.homeBanner > img { margin-top: -20px;}*/
    nav#mainNav .m3>div{gap:4px;}
    nav#mainNav .m3>div a{margin-right:16px;}

    nav#mainNav .m2 a{font-size: 0.7em;}
    
    #mNav{right:100px;top:5px;}
    #mNav>figure,#mNav>span{-ms-transform:scale(70%,70%);-webkit-transform:scale(70%,70%);transform:scale(70%,70%);}

    nav#mainNav{gap:0;}
    header>a img{margin-left:10px;}

    #mainBG{min-height: fit-content;}

    footer .cWrap{justify-content: center; flex-wrap: wrap; gap:10px;}
footer img {max-height: 50px;}

ol.fun30 li p img{max-width: 100%!important; margin-bottom: 20px;padding: left 0 !important;}

.imgList a{width:100%;display: flex; flex-wrap: wrap; overflow: hidden;}

#gameB div.gameImg{width:48%;}
#gameC div.gameImg{width:48%;}
.gameWrap h1{padding-top:20px;}

.conBlk{flex-wrap:wrap;}
.photoFrame{width:100%}
.infoCon{width:100%}
.gameLogo{display:flex;align-items:flex-start; justify-content: center;flex-wrap: nowrap;gap: 10px; font-size: 11px;width:100%; margin-bottom: 20px; }

.conFront li{width:48%;}
.buttonBox{margin-bottom: 30px;}


.sponsorBox{width:98%;padding:1%; display: flex; flex-wrap: wrap; gap:20px;}
.toprow img{max-width: 90%; height:auto;}
.sponsorBox img{max-width: 90%; height:auto;}
.sponsorBox span{display:flex;flex-wrap: wrap; justify-content: center; padding: 0 10%; width:80%;}
.sponsorWrap a{text-decoration: none; text-align: center;}

/*performer*/
.performerPage{width:100%; display: flex; flex-wrap: wrap;gap:0;}
.performerPage .photoFrame_performer{width:100%; margin-top: 20px;}
.infoCon_performer{width:100%;margin: 0;}
.vlogLink{margin-top: 0px; justify-content: center;}
 
	#mainBG{padding-bottom:3%;margin-top:60px;}
#news p img{width:100% !important;height:auto !important;padding:0px;}

.infoCon iframe{width: 98% !important;height: 360px!important;margin: 1%;}

.photowinner img{width:98%;height:auto;}
	 
}

@media screen and (max-width:480px) {
	body > div.cWrap > div.contentWrap > div > p { padding-right: 0;}
body > div.cWrap > div.vflex > div.infoPhoto { float: left; width: 80%; margin: 0 10%;}
	body > div.cWrap > div.contentWrap { width: 90%; float:right; padding-right: 0;  margin: 0 5%;}
	    .cWrap { width: 100%; margin: 0 0 0 0; }
	#mainBG > div > div.homeBanner > img { padding-bottom: 0;}
	#mainBG { margin-top: 0;}
	#contestantFrm > div.checkbox > p { padding: 0; font-size: 1em;}
	#contestantFrm > div.sign > label { margin: 0 0 10px 0;}
#contestantFrm > div:nth-child(32) { display:none;}
.contBox{display: flex; flex-wrap:wrap; background: #fff; border-radius: 10px; padding:0; margin-bottom: 35px;}

body > section.contCell.innerLayout > article > h1 { width: 90%; margin:auto;}
body > section.contCell.innerLayout > article > h1.gametextCenter { font-size: 2em !important; font-weight: bold !important;}
		body > section.contCell.innerLayout > article > blockquote.imgList > a  { margin: auto; width: 45%; display: block;}
		body > section.contCell.innerLayout > article > blockquote.imgList { width: 100%; margin: auto;display: flex;flex-wrap: wrap;}
body > section.contCell.innerLayout > article > blockquote > a { margin: auto; width: 75%; display: block;}
#hyundai { width: 100%  !important; height: 17vh !important;margin-bottom: 20px;}
#bg { margin-bottom: 15px;}
#intro\ performer > div > div.wrapper > div:nth-child(5) > iframe,
#intro\ performer > div > div.wrapper > div:nth-child(4)	 > iframe { width: 100%; border-radius: 30px;}

#intro\ performer > div > div.wrapper > div:nth-child(5),
#intro\ performer > div > div.wrapper > div:nth-child(4) { display:block;width: 100%;}
body > div.cWrap > div.vflex.performervflex > div.infoPhoto.performerPhoto > div > div:nth-child(3) > iframe,
body > div.cWrap > div.vflex.performervflex > div.infoPhoto.performerPhoto > div > div:nth-child(2) > iframe  { display:none;}

body > div.cWrap > div.vflex.performervflex > div.contentWrap { width: 100%; margin-right: 0;}
	body > div.cWrap > div.vflex > div.infoPhoto.performerPhoto { width: 100%; float:left;}
	header.open>.cWrap { margin-top: 60px !important;}
    header>.cWrap{display:block;width:100% !important;height:40vh;overflow:hidden;position:fixed;right:-100%;top:0px;z-index:10;background-color: white;padding:0;margin-left:0px !important;transition:right .25s ease-in-out;max-width:none;margin-top: 20px;font-size: 1.6em;}
    header.open>.cWrap{right:0%;transition:right .5s ease-in-out; border-radius: 30px 0 0 30px;height: 30vh;margin-top: 20px;width:100%;font-size: 1.6em;}	

#videoContainer {position: relative;height: 50vh;}
#videoContainer > iframe:nth-child(2),
#videoContainer > div:nth-child(2) > iframe { width:100%; height: 225px; float:left;border-radius: 30px;}
#videoContainer > iframe:nth-child(1),
#videoContainer > div:nth-child(1) > iframe { width:100%; height: 225px; float:left; margin-right:4%;border-radius: 30px;margin-bottom: 30px;}

	 #updatesWrap > iframe { width: 100%; margin-left: 0; margin-right: 0;}
	 #updatesBg { height: 155vh;}
	 nav#mainNav .m a {font-size: .9em !important;}
	 body > header > div.cWrap{ width: 50% !important;}
}

 @media screen and (max-width:448px) {
	 .conLink > a { display:inline-block; width: 19%;padding: 0;}
 }

 @media screen and (max-width:430px) {
	 body > div.performer > div.vflex > blockquote > div.infoPhoto { height: 580px;}
	 body > div.cWrap > div.vflex > div.infoPhoto > div.infoVideo2,
	 body > div.cWrap > div.vflex > div.infoPhoto > div.infoVideo { width: 90%; margin:auto;}
	 body > div.cWrap > div.vflex > div.infoPhoto { margin-left: 0;}
	body > header > aside {margin-right: 20px;}
	.conLink > a { display:inline-block; width: 19%;padding: 0;}
	.conLink {margin-bottom: 0; display:block !important; width: 90%; margin:auto;}
	.homeBanner img {padding: 0;}
	body > div.cWrap > div.vflex > div.contentWrap { width:90% !important; float:none !important; margin: 0 auto !important;}
	body > div.cWrap > div.vflex > div.infoPhoto { float: left; width: 100%;}
	body > div.cWrap > div.vflex > div.infoPhoto > div.slidePhotoWrap > #contestants.sliderCell.slideHolder { width: 90% !important; height: 550px !important; margin: 0 5% 20px 5% !important; } 
	 
	 #contestantFrm { color: black !important;}
	#mainWhite > div > div.promo > div:nth-child(3) > iframe,
    #mainWhite > div > div.promo > div:nth-child(2) > iframe { width: 100%;height: 300px;}
	 #mNav { right: 10px !important;}
	 #mainBG > div { padding-top: 0;}
	 #mainBG > div > div.contBoxWrap > div.contBox { padding-top: 20px;}
	 #mainBG > div > div.contBoxWrap > div.contBox > a { margin-left: 0 !important;position: relative;width: 100%;text-align: center;padding: 15px;}
	 #mainBG > div > div.contBoxWrap > div.contBox > p { width: 100% !important; padding: 0 0 20px 0;text-align: center;}
	 
	 #mainBG > div > div.homeBanner > img,
	 #mainWhite > div > div.homeBanner > img { width: 100%;}
	 .contBoxWrap { padding-top: 0;}
	 #updatesBg { height: 170vh;}	
	 nav#mainNav .m a {font-size: .8em !important;}
	 body > header > div.cWrap{ width: 100% !important;}
	 #mainWhite > div > div.vflex > p:nth-child(5),
	 #mainWhite > div > div.vflex > p:nth-child(6) { display:none;}
	 #mainWhite > div > div { width: 100%; margin: auto;}

	 /*#mainWhite > div > div.homeBanner.about > img { width: 180%; margin-left: -40%;}*/

#news p img{width:48%;height:auto;padding:0 1% 1% 1%;}
	}
	
@media screen and (max-width:375px) {
		#mainWhite > div > div.homeBanner.about > img { margin-top: 0;}
#mainWhite > div > div.homeBanner > img { width: 140%;}
#mainWhite > div > div.homeBanner { display:flex; justify-content:center;}
#updatesWrap > iframe { height: 300px;}
}