@charset "UTF-8";


a:active,a:hover {outline: 0;}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* 0626_2025_Arthur */
#root > section > div.box > ul { width: 95%; margin: auto;}
#topNavi > li:nth-child(2) > ul { display:none !important;}
#root > section > div.box > p:nth-child(1) { padding: 20px 0 10px 0 !important; border-top: 1px solid gray;}
#root > section > div.box > p:nth-child(5) { padding: 10px 0 20px 0 !important; border-bottom: 1px solid gray;margin-bottom: 30px;}

#root > section > div.contentWrap > div > h2 { margin-left: 0;}
#root > section > div.contentWrap > div { width: 100%;margin-bottom: 3%; padding-bottom: 3%;}
#girls > div { bottom: 95% !important;}
#root > section > div.contentWrap { float: left; width: 45%;padding-left: 5%;}
/* 0626_2025_Arthur */


/* 0618_2025_Arthur */
#intro { width: 48% !important;margin-left: 2%;}

#location > div.threatre2 > img,
#location > div.threatre1 > img { width: 100%;}
#location > div.threatre2 { margin-right: 1.5%;margin-left: 1%; }
#location > div.threatre1 { margin-left: 1.5%; }
#location > div.threatre2,
#location > div.threatre1 { width: 48%; float: left;}
#location > div.seats { width: 69%; margin: auto;}
#location > div.seats > img { width: 100%;}

/*#root > section > div.banner { display:none;}*/

html > body > div#root > section.controlCell > blockquote.performer > div.video { width: 50% !important;margin-left: 50%;}

#root > section > blockquote > div.infoPhoto { float: left;width: 50%;}
#girls {position: relative;width: 100% !important;}
#root > section > blockquote > div.infoPhoto > div.slidePhotoWrap > .slideHolder { float: left; position: relative; overflow: hidden;}
#root > section > blockquote > div.infoPhoto > div.slidePhotoWrap > .slideHolder ul {float: left; width: 100%; height: inherit; position: absolute; padding: 0; margin: 0px; list-styl: none;}
#root > section > blockquote > div.infoPhoto > div.slidePhotoWrap > .slideHolder ul li.active { z-index: 3; opacity: 1.0;}
#root > section > blockquote > div.infoPhoto > div.slidePhotoWrap > .slideHolder ul li { float: left; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; opacity: 0.0; text-align: center; padding: 0px; margin: 0px; list-styl: none;}
#girls > img { width: 100%; height: auto;}
#girls > div.btnCell { float: left; position: absolute; right: 12px; bottom: 16px; z-index: 30;}
#root > section > blockquote > div.infoPhoto > div.slidePhotoWrap > #girls > div { bottom: 95%;}


#root > section > blockquote > #slideshow {position: relative;width:48%;}
#root > section > blockquote > #slideshow > div {position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; }


#root > section > div.box.breakLine > p:nth-child(3) > a,
#root > section > div.box.breakLine > p:nth-child(6) > a { color: #ee398a; text-decoration: none; font-weight: bold;}


#root > section > blockquote > div:nth-child(4) > p { font-size: 1em; line-height: 150% !important;}
#root > section > blockquote > div:nth-child(4)) > div {position: relative;width: 100%;overflow: hidden;}
#root > section > blockquote > div:nth-child(4) > iframe { top: 0;left: 0;bottom: 0;right: 0;width: 99%;border: none;float:left;padding: 0.5%;}

#root > section > blockquote > div:nth-child(3) { width: 100%; }
#root > section > blockquote > div.photoDetail > div > img { width: 100%;}
#root > section > blockquote > div.photoDetail { width: 48%;}

/*0618_2025_Arthur */

/* ------------------------------------------
  BASE STYLES
--------------------------------------------- */
*{ list-style:none;margin:0; padding:0;}
img{ border:none;}

body{width:100%;height:100%;margin:0 0 0;background:url(/pics/body.jpg) no-repeat;background-attachment:fixed;font-family:"microsoft YaHei",Arial, Helvetica, sans-serif;}
		
#root { max-width: 1200px; margin: 0 auto; width:100%; padding:0;}
section {
			/*border-bottom: 1px solid #999;*/
			display:flex; width:96%;
			flex-wrap:wrap;justify-content:flex-start;
			padding:2%;
			position:relative;
			margin:auto;
}

#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 8px 10px;line-height:1em;cursor:pointer;position:absolute;right:0px;bottom:0px;transition:all .15s ease-in-out;transition-delay:.3s;box-sizing:border-box;margin:0px;}
#scaleContBtns>figure:before{content:'+';display:block;position:absolute;font-size:70%;right:4px;top:12%;line-height:1em;}
#scaleContBtns>figure:after{content:'-';display:block;position:absolute;font-size:120%;right:4px;top:21%;line-height:1em;font-weight:200;}
#scaleContBtns:hover>figure,#scaleContBtns.open>figure{opacity:0;visibility:hidden;transition-delay:0s;}
#scaleContBtns>div{display:flex;flex-direction:column;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;}


.topheader{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;box-sizing:border-box;background-color:#fff;padding:0 30px 30px;}

.topheader article{width:100%;padding:0px;margin:0px;display:flex;flex-wrap:wrap;margin-bottom:30px;}
.topheader article h4{flex:0 0 240px;margin:0px;}
.topheader article p{flex:1;margin:0px;}
.topheader article ul{flex:1;padding-left:1.2em;margin:0px;}
.topheader article li{margin-bottom:10px;}

.topheader small{width:100%; text-align: center; font-size: 15px;padding:10px 0;}
.topheader h5 a{font-size:18px; color: #069; font-weight: bold;}
.topheader h5{width:100%; text-align: center;}
.topheader ol li{margin-bottom:10px;}
.topheader ol{padding:0 0 0 1.2em;}

div.flexCetner{width:100%;display: flex; justify-content: center;}
div.flexCetner img{width:60%;height:auto}
div.flexCetner img.slogo{width:40%;height:auto}

ul.mcList{list-style: none; padding:0;margin:0;width:100%;display: flex; flex-wrap:wrap;}
ul.mcList li{list-style: none;display: flex; flex-wrap:nowrap; justify-content: flex-start; align-items: flex-start; gap:20px; width:100%; margin-bottom: 25px;}
ul.mcList p span{font-weight: bold; font-size: 1.2em; color: #600; display: block;width:100%; clear: both;}
ul.mcList img{width:300px;height:auto;}


.radiu3{-moz-border-radius:3px; border-radius:3px;-webkit-border-radius:3px;}
b{color:#006600;}

#root { max-width: 1200px; margin: 0 auto; width:100%; padding:0;}
#pageWrap{max-width: 1200px; margin: 0 auto;width:100%;}

p strong{color:#8e0177; font-weight:bold!important;}
p.date{font-size:0.9em; padding-bottom:0!important;}

p iframe{width: 100% !important;}



.performerLink{float:left; margin:20px 0;}
.performerLink img{width:150px!important; height:auto!important; float:left; margin-right:20px;}
.performerLink p span{color:#666;}
.performerLink p a{color:#600; text-decoration:none; padding-top:10px; float:left;}

section {
  /*border-bottom: 1px solid #999;*/
  display:flex; width:96%;
  flex-wrap:wrap;justify-content:flex-start;
  padding:2%;
  position:relative;
  margin:auto;
}

.clear{ clear:both; height:0px !important; width:100% !important;}

/*heading*/
h1,h2{ font-size:1.8em; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; color:#b30059; padding:5px 0; margin-top:20px; display:block;width:96%; margin-bottom:20px;margin-left:20px;}
h2{margin-top:0; margin-bottom:10px;}

h3{color:#b30059; padding:5px 0; margin:10px 0; display:block; width:100%; font-size:1.4em; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; }

h4.title2{padding:30px 0; float:left;width:100%; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; }


.banner {width:100%; margin-bottom:10px;}
.banner img{width:100%; height:auto;}

img.full{width:100%; height:auto; margin:10px 0;}

div.imgWrap3{width:100%;display:flex;flex-wrap:nowrap;gap:10px; margin-top:25px;}
div.imgWrap3 img{width:100%; height:auto;}


/* ------------------------------------------
  NAVIGATION STYLES
  (+ responsive-nav.css file is loaded in the <head>)
--------------------------------------------- */
.hidden-desktop{ display:none;}
.visible-desktop{ display:block;}


.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

/*header nav setting*/
.nav-collapse{list-style: none;width: 100%;position:relative;display:flex;}
#topNavi{ z-index:10; display:flex; flex-wrap:nowrap;justify-content:flex-start;width:100%;background:#000;}
#topNavi li {background:#222; text-align:center;line-height:55px; width:14%; margin:6px 6px 6px 0; border-radius:3px;
font-size:14px;}
#topNavi > li:first-child{margin-left:6px;}
#topNavi li{position:relative;}
#topNavi li ul{position:absolute; z-index:100;left:0px;top:55px;width:100%;display:none; padding:0; margin:0;} /*if fix the width, then width:100%*/
#topNavi li.mouseOver ul{display:block;}
#topNavi li ul li{float:none;display:block;clear:both;width:100%; margin:1px 0;}
#topNavi li ul li a,#topNavi li.mouseOver ul li a{float:none;display:block;color:#fff;white-space:nowrap;}
#topNavi li a:hover{background:rgb(77, 7, 112);color:#fff;text-decoration:none;}


.nav-collapse a {text-decoration:none; color:#fff;display:block; width:100%;border-radius:6px;} 
#navBtn{ display:none;}
a#cur{ background:#06C;}

/* content*/
ul.list-txt{ padding-left:0px;}
ul.list-txt li{ margin-left:20px; list-style:disc;padding-bottom:10px;font-size: 1.2em;}
ul.list-txt strong{color:#b30059;font-size: 1.4em; line-height: 200%;}

.galleryWrap{display:flex;width:100%; flex-wrap:wrap;justify-content:flex-start;}
.galleryWrap li{width:18%; margin:1%; margin-bottom:20px; }
.galleryWrap li:nth-child(5n+1){margin-left:0; clear:left;}
.galleryWrap li img{width:100%; height:auto; margin-bottom:5px;}
.galleryWrap p{ font-size:1em; line-height:150%;width:100%;}
.galleryWrap a{ text-decoration:none;}
.galleryWrap p.date{padding:3px 5px; background:#333; color:#fff; clear:both; display:inline; margin-bottom:5px; text-align:center;}
.galleryWrap p a{color:#000; text-decoration:none; width:100%;overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.galleryWrap p a:hover{color:#006600; text-decoration:underline;}
#media .galleryWrap li{border:1px solid #666; max-height:300px; margin-bottom:20px; overflow:hidden;}


blockquote{padding:1.5%; width:97%; display:flex; margin:0;flex-wrap:wrap;justify-content:flex-start;}


p{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:150%; padding:10px 0; width:97%; text-align:left;margin:auto;}
p.note{ font-size:0.9em; clear:both;}

#root > section > blockquote > footer,
#root > section > footer{padding:20px 0;display:flex;width:100%; margin:0;flex-wrap:wrap;justify-content:flex-start;margin-top: 2%;border-top: 1px solid gray;}
footer{padding:20px 0;display:flex;width:75%; margin:auto;flex-wrap:wrap;justify-content:flex-start;margin-top: 2%;border-top: 1px solid gray;}
footer .wrapper{display:flex;width:100%; margin:0;flex-wrap:nowrap!important;justify-content: center!important; align-items: center; gap:60px;}

footer .box2 img{margin:0 20px 0 0;}
footer .box2 h3{width:100%;clear:both;text-transform:uppercase;color:#c30;}

footer p{font-size:0.9em;background:#f5f6fa}
footer p.box3 { text-align:right;}
p.footertext{margin:25px 0; background:none; font-size: 1em;}



 p.newsDate{ font-size:0.9em;}

 p.title{font-size:1.2em; font-weight: bold; color:#8e0177; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #999;}

blockquote.newsDetail{display:flex;width:100%!important; padding:0!important;}
blockquote.newsDetail div{padding:10px 0; width:100%;}
blockquote.newsDetail table{ max-width:100%!important;}
blockquote.newsDetail img{ max-width:100%!important; height:auto!important;}

blockquote.performer{display:flex; width:100%; padding:0;}
blockquote.performer h1{font-size:1.6em;}
blockquote.performer p{color:#000; font-size:1.1em; line-height:150%!important;}
blockquote.performer .box2 img{width:100%; height:auto;}
blockquote.performer .box2 .box1 img{width:50%; height:auto;}

.newsDetail p{color:#000; font-size:1.2em; line-height:180%!important;}

h2{font-size:1.6em; padding:30px 0 10px 0;color:#8e0177; display:flex; border-bottom:1px solid #ddd; margin-bottom:20px;margin-top: 20px;}


	ul.clipWrap{ list-style:none; display:flex; width:100%;flex-wrap:wrap;justify-content:flex-start;}
	ul.clipWrap li{ list-style:none; width:23%; padding:1%; text-align:center;}
	ul.clipWrap li:nth-child(4n+1){margin:0 0 0 0; clear:left;}
	ul.clipWrap li img{width:99%; height:inherit; padding:1%; border:1px solid #ddd; margin-bottom:2%;}
	ul.clipWrap li p{ font-size:1em;}
	
ul.vplayList{list-style:none; display:flex; width:27%;}
ul.vplayList li{width:98%; padding:1%; list-style:none; margin-bottom:20px;}	

/*voting page*/
ul.votingList{display:flex; width:100%; margin-bottom:20px; border-bottom:1px solid #CCCCCC; flex-wrap:wrap;justify-content:flex-start;}
ul.votingList li.radio{width:10%; padding-top:30px; text-align:center;}
ul.votingList li.radio input{width:30px; height:30px;}
ul.votingList li.cont{width:90%;}

.faq_plus{background: url(../pics/i_plus.png) 0 2px no-repeat;cursor: pointer;margin:10px 0;padding: 0 0 3px 20px; font-size:1em;}
.faq_minus{background: url(../pics/i_minus.png) 0 2px no-repeat;}
.faq_plus a{color: #000;text-decoration: none;}
.faq_plus a:hover{color: #c00;text-decoration: underline;}
.faq_answer h3:first-child{margin-top: 0 !important;}
.faq_answer{background: #f6f6f6;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #ccc;display: none;margin: 0 0 15px 0;overflow: hidden;padding: 10px;position: relative;zoom: 1; font-size:1em; color:#666;}
.faq_close{color: #c00;display: block;float: right;font-size: 12px;margin: 5px 0 0 0;position: relative;}
.faq_close:hover{color: #b30059;}

blockquote.formInfo{border:1px solid #ddd; display:flex; width:100%; padding:20px; align-items: center; justify-content: center; margin: 30px 0; box-sizing: border-box; float:left;}
blockquote.formInfo p{padding:15px;width:100%; display:flex;align-items: center; justify-content: center; font-size: 1em;}
blockquote.formInfo h3{color:#000; padding:20px 20px; margin:0;width:100%; text-align: center;}
blockquote.formInfo label{width:100px;}
blockquote.formInfo input{border-radius: 5px;padding:8px 10px;}
div.audiojs{width:350px;}
div.button span{line-height:110%!important;}



div.gameCD{display:flex;width:100%;}
div.gameCD img{width:40%}
div.gameCD p{width:55%;}

ul.mediaWrap{display:flex; width:100%;flex-wrap:wrap;justify-content:flex-start;}
ul.mediaWrap li{width:23%; padding:1%; text-align:center; margin-bottom:20px;}
ul.mediaWrap li.first{clear:left;}
ul.mediaWrap h4{ display:block; padding:20px 0 0;width:100%;}
ul.mediaWrap p{ font-size:1em; text-align:center;}

ul.wrap3{display:flex; width:100%;flex-wrap:wrap;justify-content:flex-start;}
ul.wrap3 li{width:31.333%; padding:1%; text-align:center; margin-bottom:20px; font-size:1em; text-align:center; line-height:180%;}
ul.wrap3 li img{float:left;width:100%; height:auto;}

.finalist-front{display: flex;width: 100%;flex-wrap: wrap;}
.finalist-front a{width: calc(33% - 5px);padding:0;height:auto;margin-right: 0.5%;}
.finalist-front a img{width:100%;height:auto;}
.finalist-front a img:hover{filter: saturate(2);}

.conLink{display: flex;width: 100%;flex-wrap: nowrap;}
.conLink a{width:12%;}
.conLink a.img{width:100%;height:auto;}
.infoPhoto{width:40%;margin-top: 20px;}
.infoPhoto img{width:100%;height:auto;border:1px solid #ccc;}

.finalistInfo{display: flex;width: 100%;flex-wrap: nowrap;gap:20px;}
.contentWrap{width:60%;position: relative;}
.contentWrap audio{position: absolute;right:0;top:30px;}

/*voting*/
.voteItem{box-sizing:border-box;width:calc(33% - 5px);padding:0; float:left;margin-right: 5px;}
.voteItem>figure{float:left;width:100%;position:relative;}
.voteItem>figure:before{content:'';display:block;width:100%;height:100%;background:transparent url(../pics/selected.png) no-repeat center top;background-size:cover;position:absolute;left:0px;top:0px;z-index:1;opacity:0;transition:all 0.3s ease-out;}
.voteItem.active>figure:before{opacity:1;}

.voteItem img{display:block;max-width:100%;}
.voteItem span{float:left;width:98%;margin:10px 1%;cursor:pointer;height:34px;color:#555;text-align:center;font-size:1em;font-weight:bold;line-height:34px;transition:all 0.3s ease-out;background:#eee;}
.voteItem span:hover{color:#fff;background: #8e0177;}
.voteItem span.playBtn{margin-left:0%;}
.voteItem span:hover:before{width:120%;}

#playerCell{float:left;width:100%;background:#333;text-align:center;display:none;position:relative;}
#playerCell span{float:left;width:30px;height:30px;position:absolute;right:3px;top:3px;color:#fff;cursor:pointer;text-align:center;line-height:30px;font-size:1.6em;}
#playerCell>div{display:block;width:720px;margin:0 auto;}
/*#playerCell>div div{float:left;width:100%;padding-top:60%;position:relative;} if player is youtube iframe*/
#playerCell>div div{float:left;width:100%;padding-top:10px;position:relative; height:500px;}
#playerCell>div iframe{width:100%;height:100%;position:absolute;left:0px;top:0px;}



	/*contestant slide banner*/
.photoFrame{width:45%;display:flex;flex-wrap:wrap;justify-content:flex-start;}
.infoCon{width:50%;}
#girls{position:relative; width:100%;}
#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; border:1px solid #ddd;}
#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:50%; bottom:10px;}
#bannerBtn span{float:left;margin:0;padding:0 2px;display:inline;cursor:pointer; color:#fff;}
#bannerBtn span.active{color:#8e0177;}

.performerPhotoWrap a{float:left; width:48%; padding:1%; color:#000;}
.performerPhotoWrap a img{width:100%; height:auto; float:left; border:0;}
.performerPhotoWrap a p{ float:left; width:100%; text-align:center; font-size:1em; background:#000; color:#fff; margin-top:-30px; line-height:30px;}

.finalVideo{float:left;width:48.25%;margin:3.5% 0 0 3.5%;padding-top:27%;position:relative;}
.finalVideo.first{margin-left:0%;}
.finalVideo iframe{float:left;width:100%;height:100%;position:absolute;left:0px;top:0px;}



/*home*/
.wrapper {
			display: flex;
			flex-flow: row wrap;
			width: 95%;
			margin: auto;
		}
		
.info{flex-wrap: nowrap; gap:30px; align-items: flex-start;}
.info ul{width:100%;}
.info ul.unList li{list-style: none;}
.info ul.unList li ul.list-txt{list-style: disc;}


		
		.m1{
			margin:10px;
		}
		.m2{
			margin:20px;
		}
		.mb1{
			margin-bottom:10px;
		}
		.mb2{
			margin-bottom:20px;
		}
		.mt1{
			margin-top:10px;
		}
		.mt2{
			margin-top:20px;
		}
		

footer img{width:auto; height:auto; max-width:100%!important;}


.photoList{float:left; width:100%}
.photoList a{width:23%; padding:1%; float:left;}
.photoList a img{float:left;width:100%; height:auto;}

.conLink{float:left;width:100%;}
.conLink a{float:left; width:12%;padding:0.25%;}
.conLink a img{float:left;width:100%; height:auto;}
.photoDetail{display:flex; flex-wrap:nowrap;gap:20px; width:100%;}
.photoDetail img{width:50%; height:auto;}
.photoDetail span{width:48%; padding:1%;}
.photoDetail span img{width:100%;height:auto;}
.photoDetail span.small{width:33%;}

@media (max-width: 1200px) {
#root > section > div.box {width: 95%; margin:auto;}
}


/* 寬度小於 768*/
@media (max-width: 1024px) {
	
.nav-collapse{display:none; position:fixed; z-index:10;}
#topNavi{flex-wrap:wrap;}
#topNavi li {float: left;width:100%;text-align:left; text-indent:20px;}
#topNavi li.longtxt{width:100%; }
#topNavi li.subNav ul{ display:none;}
#topNavi li.subNav ul{position:absolute; left:0; top:55px; width:100%;} /*if fix the width, then width:100%*/
#topNavi li li{ display:block;clear:both;width:100%; background:#555}
#topNavi li li a{background:#555; border-bottom:0;}
#navBtn{ display:block;position:fixed; height:30px; background:url(../pics/select-icons.png) no-repeat center 5px #000;width:32px !important; 
right:20px; top:0; margin:5px 0;border-radius:3px;z-index:100;}



.hidden-desktop{ display:block;}
.visible-desktop{display:none;}

}

@media(max-width: 800px) {
#root > section > div.conLink > a { width: calc(33% - 15px);}
#location > div.threatre2 > img,
#location > div.threatre1 > img { width: 100%;}
#location > div.threatre2 { margin: 1% 0 0 0;}
#location > div.threatre1 { margin-left: 0 }
#location > div.threatre2,
#location > div.threatre1 { width: 100%; float: none;}
#location > div.seats { width: 69%; margin: auto;}
#location > div.seats > img { width: 100%;}	

	.finalist-front{display: flex;width: 100%;flex-wrap: wrap;}
.finalist-front a{/*width:50%;*/padding:0;height:auto}
.finalist-front a img{width:100%;height:auto;}

.conLink{display: flex;width: 100%;flex-wrap:wrap;}
.conLink a{calc(33% - 15px);padding:1%;}
.conLink a.img{width:100%;height:auto;}
.infoPhoto{width:100%;margin-top: 20px;}
.finalistInfo{display: flex;width: 100%;flex-wrap: wrap;gap:0;}
.contentWrap{width:100%;position: relative;}
.contentWrap audio{display: block; clear:both;position: static; margin: 20px 0;}

.info{flex-wrap: wrap; gap:0px;}

.box2{width:98%;padding:0 1%;}
.box2 iframe{width:100%!important;}
.left{width:100%}
.right{width:100%}
.info h3, .info ul, .info p{width:100%;padding-left:0;}
.info h3{padding-bottom:0; margin-bottom:0; font-size:1.4em;}
.info ul li{margin-left:20px;}

/*footer div.cor{width:100%;}*/
	}

@media(max-width: 640px) {
#root > section > blockquote > h1 { margin-bottom: 0 !important;}
#girls { height:900px !important;}
#intro > iframe { width: 100%;}
#root > section > blockquote > div.infoPhoto { float: none; width: 100%;}
#intro > p { font-size: 1em !important;}
#intro { width: 96% !important;margin-top: -20px;padding: 0 2%;}

}

@media(max-width: 480px) {
#root > section > div.contentWrap {
    float: left;
    width: 100%;
    padding-left: 5%;}
#root > section > div.banner { margin-bottom: 0;}
#root > section > h1 { margin-top: 0;}
#root > section > div.box > ul > li, 
#root > section > div.box > p { font-size: 1em !important;}
#root > section > div:nth-child(4) > div > ul.list-txt { margin-left: 20px;}
footer { width: 80%; margin: auto;}

body{width:100%;padding:0; margin:0;}
* p{font-size:1.2em;width: 94%; margin: 0 3%;}
.galleryWrap p{font-size:18px;}
h4{font-size:24px;}
#root{width:100%;}
.box{ display:block; width:100%;}
footer .box2, footer .box3 {width:100%; padding:0;}
footer p{ padding:0 10px;}
footer .box3 p{ text-align:left;}

.newsDate{text-align:center;width:96%; padding:2%;}
blockquote.newsDetail{width:100%!important; float:left;}

blockquote.newsDetail div{width:96%; padding:2%;}
blockquote.newsDetail h2{ text-align:center;}

ul.clipWrap{display:flex;flex-wrap:wrap;justify-content:flex-start;width:96%;}
ul.clipWrap li{float:left; width:100%; margin-bottom:5%;}
ul.clipWrap li img{width:100%; height:auto;}
.galleryWrap li{width:45%; margin:1%; height:200px;border:0}
.galleryWrap li img{width:100%; height:auto;}
#media .galleryWrap li{width:100%; margin:0 0 1% 0; padding:0; height:auto;}

ul.vplayList{width:100%;}
ul.vplayList li{float:left;width:98%; padding:1%; list-style:none; margin-bottom:20px;}

blockquote.performer{width:100%;}
blockquote.formInfo{width:100%;}
blockquote.formInfo p{width:90%; padding:5%;}
div.audiojs{width:100%;}
blockquote.formInfo h3{padding:20px 0;}


div.gameCD img{float:left; width:100%}
div.gameCD p{float:right; width:100%;}
ul.mediaWrap li, .galleryWrap li{width:98%; padding:1%; height:auto;}

/*.voteItem{width:100%;}*/

#playerCell{float:left;width:100%;background:#333;text-align:left;display:none;position:fixed; left:0; bottom:20px; z-index:100;}
#playerCell span{float:left;width:20px;height:20px;position:absolute;right:10px;top:3px;color:#fff;cursor:pointer;text-align:center;line-height:20px;font-size:18px;}
#playerCell>div{display:block;width:100%;margin:0 auto;}
#playerCell>div div{float:left;width:100%;padding-top:10px;position:relative;}
#playerCell>div iframe{width:100%;height:100%;position:absolute;left:0px;top:0px;}


.finalVideo{ display:flex;width:100%;margin:3.5% 0 0 0%;padding-top:56%;}

footer h3{font-size:12px;}
footer .span1{display:none;}
footer .span2{width:30%;}


.left{width:100%}
.right{width:100%}
.info h3, .info ul, .info p{width: 94% !important;padding-left:0;margin: 0 3%;}
.info h3{padding-bottom:0; margin-bottom:0; font-size:1.4em;}
.info ul li{margin-left:20px;}
/*.info ul{width: 100% !important;}*/

ul.wrap3 li{width:100%;}

footer .wrapper{align-items: center!important;justify-content: center!important; flex-wrap:wrap!important;}
footer .wrapper img{width:auto; height:auto; max-width:100%;}

.photoList a{width:98%;}

.conLink a{float:left; width:calc(33% - 5px) !important;padding:0.5%;}

.photoDetail{flex-wrap:wrap;}
.photoDetail img{width:100%; padding:10px 0;}
.photoDetail iframe{width:100%;height:400px;}

ul.mcList{list-style: none; padding:0;margin:0;width:100%;display: flex; flex-wrap:wrap;}
ul.mcList li{list-style: none;display: flex; flex-wrap:wrap; justify-content: flex-start; align-items: flex-start; gap:20px; width:100%;}
ul.mcList p span{font-weight: bold; font-size: 1.2em; color: #600; display: block;width:100%; clear: both;}
ul.mcList img{width:100%;height:auto;}
	
}


@media(max-width: 430px) {
.finalist-front a{width:48%;padding:0;height:auto; margin-right: 1%;}
#girls { height:620px !important;}
}