body {margin: 0; padding:0;background:#1d1d1d;}
@media screen and (max-width:767px){
	body { width:100%;background:#1d1d1d;}
	
}


/*全域 套用 */
.for_pc { display:block !important; }
.for_phone { display:none !important; }
.for_mobile { display:none !important;}
.for_mobile2 { display:none !important;}
.for_pc2 , .for_mobile2{display:inline-block !important;}


@media screen and (max-width:767px){
	.for_pc { display:none !important;}
	.for_phone { display:block !important; }
	.for_mobile { display: block !important;}
	.for_mobile2 { display: inline-block !important;}
	.for_pc2{display:none !important;}
}

/*全BOX版面*/
.WRAPPER { position: relative;margin: 0 auto;	padding: 0;	width:100%; max-width:685px; overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;border-left:3px solid #C59900; border-right:3px solid #C59900;background:#1d1d1d;/* background:#a9cd56 url(bgbg1.jpg?t=1764321974859); background-size:100%;*/ }
.WRAPPER img {display:block;border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;display:block;}
.WRAPPER .Area{ max-width:685px;  margin:0 auto; /*overflow:hidden;*/position:relative; z-index:6;}
.WRAPPER .Area p{font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei","Helvetica";font-weight:800;}
.WRAPPER .Area li{font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei","Helvetica";}
.WRAPPER .Area .mainArea { display:block; margin:0 auto; padding: 0;  max-width:685px;position:relative;overflow: hidden;}

@media screen and (max-width:767px){
	
	.WRAPPER { padding-bottom:0px; margin:0 auto; display: block; min-width:100%; max-width:100%;border-left:none;border-right:none;}
	.WRAPPER .Area .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;max-width:100%;}
}

/*******************手機版下方直播間選單**********************************************************************/

.cut99 {width:685px; position: fixed;bottom:-15%;z-index:99;left:50%; margin-left:-342.5px;}
.cut99.scroll{ width:685px; position: fixed;bottom: -0%;z-index: 99;transition:all 0.3s;}
.cut99.scroll2{ width:685px; position: fixed;bottom:-15%;z-index: 99;transition:all 0.3s;}
.cut99 .page{ display: block;position: absolute;width:100%; height:100%;top:0%;}
.cut99 .page.link06{left:0%;background:url(page_footer_go.png?t=1764321974859) left top no-repeat;background-size: 100%; animation:pagego 1.5s ease infinite ;}/****直播開寶箱******/
@keyframes pagego{
	0%{opacity:0; }
	50%{opacity:1; }
	100%{opacity:0;}
}
@media screen and (max-width:767px){
	
	.cut99 {width:100%; position: fixed;bottom:-100px;left: 0px;z-index: 99;margin-left:0px;}
	.cut99.scroll{ width:100%;bottom: -0%;}
	.cut99.scroll2{ width:100%;bottom:-10%;}
	.cut99 .page.link06{width:100%;left:0%;top:0%;background:url(page_footer_go.png?t=1764321974859) left top no-repeat;background-size: 100%; animation:pagego 1.5s ease infinite ;}/****直播開寶箱******/
	
}


/*****************************************************************************************************/	
	
.Area.cut00{position:relative;overflow:hidden; margin-bottom:0vw; margin-top:0px;}
.Area.cut00 .mainArea {overflow:hidden; width:100%;height:auto;position:relative;z-index:1;  background-image: url(bk_1.jpg?t=1764321974859);background-repeat:no-repeat; background-size:100%; background-color:#1d1d1d;}
.Area.cut00 .mainArea .bk_bg{width:100%;}
.Area.cut00 .mainArea .title_box{width:100%;position:absolute; left:0%;top:0%; z-index:2;}
.Area.cut00 .mainArea .title_box .title{width:100%;animation:brightness-play 3s 1.5s linear infinite;}
.Area.cut00 .mainArea .title_box .pic3{width:7%;position:absolute;top:15.5%;right:22%; z-index:4;animation:shiny 1.5s linear infinite;}
.Area.cut00 .mainArea .page{width:32%;height:14%;position:absolute;top:0px;right:0% ; z-index:5;/*background:url(logo.png?t=1764321974859) left top no-repeat ;background-size: 100%; */}
.Area.cut00 .mainArea .pic1a{width:100%;position:absolute;top:0%;left:0%; z-index:3;animation: floa1 4s  infinite ease;}
.Area.cut00 .mainArea .pic1b{width:100%;position:absolute;top:0%;left:0%; z-index:3;animation: floa2 4s  infinite ease;}
.Area.cut00 .mainArea .pic1c{width:12%;position:absolute;top:36%;right:-1%; z-index:3;animation: fire 25s infinite linear;}
.Area.cut00 .mainArea .pic1d{width:12%;position:absolute;top:20%;left:-1%; z-index:3;animation: fire 25s infinite linear;}
.Area.cut00 .mainArea .pic1e{width:100%;position:absolute;top:0%;left:0%; z-index:3;animation:shiny 3s linear infinite;}
.Area.cut00 .mainArea .pic2{width:18.23%;position:absolute;top:70%;left:66%; z-index:3; animation:momo_2 3s -1.5s infinite ease;transform-origin:bottom center;}
.Area.cut00 .mainArea .pic4{width:22%;position:absolute;top:69%;left:17.1%; z-index:3; animation: momo_2 3s  infinite ease; transform-origin:bottom center;}
.Area.cut00 .mainArea .pic5{width:100%;position:absolute; left:0%;top:0%; z-index:5;}
@keyframes shiny{
	0%{opacity:1; filter:brightness(100%) ;}
	50%{opacity:0.2; filter:brightness(100%) ;}
	100%{opacity:1; filter:brightness(100%) ;}
}
@keyframes fire{	
	0%,100% {transform: rotate(0deg);}
	50% {transform: rotate(360deg);}
}
@keyframes bounce2 {
	 
	0% {transform: translateY(0%) scaleY(1);}
	5%{transform: translateY(-40%) scaleY(1.05);}
	8%{transform: translateY(-0%) scaleY(1);}
	11%{transform: translateY(-10%) scaleY(1);}
	18%{transform: translateY(0%) scaleY(1) ;}	
	90%{transform: translateY(0%) scaleY(1);}	
	100%{transform: translateY(0%) scaleY(1);}	
}

@keyframes shiny2{
	0%{opacity:1; filter:brightness(100%) ;}
	50%{opacity:1; filter:brightness(200%) ;}
	100%{opacity:1; filter:brightness(100%) ;}
}

@keyframes momo_2 {
	0% { transform: translate(0%,0%) rotate(-5deg);}
	50%{ transform: translate(0%,0%) rotate(1deg);}
	100%{transform: translate(0%,0%) rotate(-5deg);}		

}
@keyframes floa1 {
	0% { transform: translate(0%,0%);}
	50%{ transform: translate(0%,4%);}
	100%{transform: translate(0%,0%);}		
}
@keyframes floa2 {
	0% { transform: translate(0%,0%);}
	50%{ transform: translate(0%,-4%);}
	100%{transform: translate(0%,0%);}		
}



@media screen and (max-width:767px){}


/*****************************************************************************************/

.bbbbox{width:100%;position:relative;margin:-50px auto 0 auto;padding:0px 0px 0px 0px ;overflow: hidden;}
.bbbbox::after{content:""; display:block;width:100%; height:250px; position:relative;  /*background:url(bgggg.jpg?t=1764321974859) no-repeat; background-size:100%; background-position: left top;*/}
@media screen and (max-width:767px){
	
	.bbbbox{margin:-14vw auto 0 auto; background-size:100%;}
	.bbbbox::after{content:"";display:block;width:100%; margin-top:0px; position:relative; height:35vw; /*background:url(bgggg.jpg?t=1764321974859) no-repeat; background-size:100%; background-position: left top;*/}
}
.Area.act{ z-index:50;display:block; position:relative; width:100%; margin:3% auto 3% auto; padding:0px 0px; }

.btn{position:absolute;z-index: 4; /*background:#000; opacity:0.5;*/}

/**********直播買 享回饋********************/

.Area.cut02{ padding:0px 0px 0px 0px; overflow:hidden; }
.Area.cut02 .mainArea { display:block; margin:0% auto 0% auto; padding: 0;position:relative;}
.Area.cut02 .mainArea  img{ display:block;width:100%;vertical-align:top;}
.Area.cut02 .mainArea .box{padding:1.5% 0%; margin:-1px 0px;  width:100%; position:relative; background:url(cut_02b.png?t=1764321974859) repeat-y;background-size: 100%;}
.Area.cut02 .mainArea .box ul.btnBox{ display:block;width:85%; padding:0px;margin:0px auto -25px auto; overflow:hidden; list-style:none; text-align:left; vertical-align:middle;/*background:url(watermark.jpg?t=1764321974859) no-repeat 100% 97% */;  background-size:50%; padding-left:1%;}
.Area.cut02 .mainArea .box ul.btnBox li{ display:inline-block;width:48.3%;margin:1% 0.9% 1% 0%; padding:0px; overflow:hidden;text-align:center;}
.Area.cut02 .mainArea .box ul.btnBox li.long{display:inline-block;width:99.3%;margin:3% 0%;overflow:hidden;text-align:center;}
.Area.cut02 .mainArea .box ul.btnBox a{width:100%;display:block;}
.Area.cut02 .mainArea .box ul.btnBox a img{width:100%;}

/*****新客資格顯示***************************************************************************/

.Area.cut03{ padding:0px 0px 0px 0px; overflow:hidden; margin: 10px auto 20px auto;  }
.Area.cut03 .mainArea { display:block; margin:0% auto 0px auto; padding: 0;position:relative;}
.Area.cut03 .mainArea img{width:100%;}
.Area.cut03 .mainArea .box{width:100%;display:block;overflow:hidden;}
.Area.cut03 .mainArea .box .member{position:absolute; width:26%; bottom:28.5%;}
.Area.cut03 .mainArea .box .member img{width:100%;}
.Area.cut03 .mainArea .box .member.new{left:52.3%;}
.Area.cut03 .mainArea .box .member.first{left:55%;}
.Area.cut03 .mainArea .box .member.xx{}
.Area.cut03 .mainArea .box .member.vv{}
.Area.cut03 .mainArea .member_what{width:30%; height:45%;position:absolute; left:18%; bottom:7%;}

/*****誰是直播新客*******/

.Area.cut03 .mainArea .btn.one{width:50%; height:100%;position:absolute; left:0%; bottom:0%;}
.Area.cut03 .mainArea .btn.two{width:50%; height:100%;position:absolute; right:0%; bottom:0%;}


@media screen and (max-width:767px){
	
	.Area.cut03{margin: 5.5vw auto 0vw auto;}
    .Area.cut03 .mainArea { display:block; margin:0% auto 0vw auto; padding: 0;position:relative;}
	
 }

/******首單新客限定***********************/

.Area.cut04{ padding:0px 0px 5px 0px; overflow:hidden; }
.Area.cut04 .mainArea { display:block; margin:0% auto 0% auto; padding: 0;position:relative;}
.Area.cut04 .mainArea  img{ display:block;width:100%;}
.Area.cut04 .mainArea .box{width:100%; overflow:hidden;position:relative;margin-bottom:0px; }
.Area.cut04 .mainArea .btn{position:absolute;width:30%; /*background:#000; opacity:0.5;*/ }
.Area.cut04 .mainArea .btn.one{width:53%; bottom: 5%; height:18%;left:42%;}
.Area.cut04 .mainArea .btn.two{width:36%; bottom: 5%; height:18%; right:60%;}

/******momo粉絲團***********************/

.Area.cut05{ padding:0px 0px 5px 0px; overflow:hidden;margin: -7% auto -8% auto;}
.Area.cut05 .mainArea { display:block; margin:10% auto 0% auto; padding: 0;position:relative;}
.Area.cut05 .mainArea  img{ display:block;width:100%;}
.Area.cut05 .mainArea .box{width:100%; overflow:hidden;position:relative;margin-bottom:19px; }
.Area.cut05 .mainArea .btn{position:absolute;width:80%; /*background:#000; opacity:0.5;*/ }
.Area.cut05 .mainArea .btn.one{width:90%; bottom: 5%; height:90%;left:5%;}

.Area.cut05 .mainArea .box{padding:0% 0%; margin:-1px 0px;  width:100%; position:relative; }
.Area.cut05 .mainArea .box .btnBox{ display:block;width:97%; padding:0px;margin:0px auto 0px auto;padding-bottom: 20px; overflow:hidden;}


/*******全域設定 警語******/
.warningBox{display:block;width:100%; overflow:hidden;position:relative; margin:-12px auto -6px auto; padding:0px 0px 0px 0px; }
.warningBox ul{ display:block;width: 90%; margin:5px auto 10px auto; padding:0px; padding-left:0px;list-style-type:disc;}
.warningBox ul li{width:100%; margin:0px auto 2px 3.5%; padding:0px;font-size:18px; letter-spacing:0.3px;line-height:26px; text-align:left; font-weight:bold;color:#fff; }
.warningBox a{text-decoration:underline; display:inline-block;}
.warningBox mark{background-color:#e9647f; border-radius:15px; padding:1px 8px; color:#ffffff;border:1px solid #0d6bf2;}
.warningBox span{color:#ffde00;/*padding:1px 5px; background:#aed0ff; border-radius:5px; text-decoration:underline;*/}

@media screen and (max-width:767px){
	
	/***警語***/
	.warningBox{padding-bottom:0vw;  margin:-5px auto -8px -4px;}
	.warningBox ul li{font-size:3vw;line-height:4vw; padding-inline-start:0px;}
	.warningBox ul li::marker{font-size:3vw;vertical-align:middle;}

}


/*********浮層框***********************/		
.blackBox.agree_more .box .menuBox2{ width: 100%;list-style: none; overflow: hidden; padding: 0; margin:0; background-color: #eee; }
.blackBox.agree_more .box .content p{text-align:center;font-size:15px; margin:5px 0px 10px 0px;}
.blackBox.agree_more .box .menuBox2 li{width: calc(100%/2);float:left; text-align: center; font-size:19px; font-family:"微軟正黑體";color: #333;padding:7px 0px;cursor:pointer; font-weight:bold;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.blackBox.agree_more .box .menuBox2 li p{margin:5px 0px;}
.blackBox.agree_more .box .menuBox2 li span{display:inline-block;color: #333; }
.blackBox.agree_more .box .menuBox2 li.click{background:#f51490; color:#fff;}
.blackBox.agree_more .box .menuBox2 li.click span{color: #fff;}


.blackBox.agree_more .txtArea .pic{width:95%;}


@media screen and (max-width:767px){

	.blackBox.agree_more .box .menuBox2 li{text-align: center; font-size:1.05em;padding:2.5vw 0px;letter-spacing:-0px;font-weight:bold;vertical-align:middle; height:auto;}
	.blackBox.agree_more .box .menuBox2 li p{margin:0px 0px;}
	.blackBox.agree_more .box .menuBox2 li span{display:block; margin-bottom:-1px;}

}