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


/*全域 套用 */
.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 #708a34; border-right:3px solid #708a34;background:#a9cd56 url(bgbg1.jpg?t=1757661941644); 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=1757661941644) 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=1757661941645) 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(bgbg1.jpg?t=1757661941645);background-repeat:repeat; background-size:100%;}
.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%;}
.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=1757661941645) left top no-repeat ;background-size: 100%; */}
.Area.cut00 .mainArea .pic1{width:100%;position:absolute;top:-7%;left:0%; z-index:3;animation: floa1 4.5s  infinite linear;}
.Area.cut00 .mainArea .pic2{width:12%;position:absolute;bottom:31%;left:61%; z-index:3;  
	animation:bounce2 3.8s infinite;	
	animation-delay:1s;
 -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
	
}

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

.Area.cut00 .mainArea .pic4{width:7%;position:absolute;top:52.3%;left:18.8%; z-index:3; animation: momo_2 1.7s  infinite ease; transform-origin:bottom left;}

@keyframes shiny{
	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(0deg);}
	50%{ transform: translate(0%,0%) rotate(-10deg);}
	100%{transform: translate(0%,0%) rotate(0deg);}		

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


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


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

.bbbbox{width:100%;position:relative;margin:-165px auto 0 auto;padding:0px 0px 0px 0px ;overflow: hidden;}
.bbbbox::after{content:""; display:block;width:100%; height:200px; position:relative;  background:#b3d369 url(bgggg.jpg?t=1757661941645) no-repeat; background-size:100%; background-position: left bottom;}
@media screen and (max-width:767px){
	
	.bbbbox{margin:-24.5vw auto 0 auto; background-size:100%;}
	.bbbbox::after{content:"";display:block;width:100%; margin-top:0px; position:relative; height:30vw; background:#b3d369 url(bgggg.jpg?t=1757661941645) no-repeat; background-size:100%; background-position: left bottom;}
}
.Area.act{ z-index:50;display:block; position:relative; width:100%; margin:2.2% auto 2.2% auto; padding:0px 0px; }

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

/*******11超級直播日*5%**************************/

.Area.cut01{ padding:0px 0px 0px 0px; overflow:hidden; }
.Area.cut01 .mainArea { display:block; margin:0% auto 0% auto; padding: 0;position:relative;}
.Area.cut01 .mainArea  img{ display:block;width:100%;}
.Area.cut01 .mainArea .btn.aa{width:28%; height:24%;top:3%;right:9%; }
.Area.cut01 .mainArea .btn.bb{width: 35%;height: 27%;top: 57%;right: 10%;}


/*******每日必搶momoco御守***********************/

.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%;}
.Area.cut02 .mainArea .box{width:100%; position:relative;margin-bottom:-0px; }
.Area.cut02 .mainArea .btn.aa{width: 35%;height: 19%;top: 49%;right: 10%;}
.Area.cut02 .mainArea .btn.bb_1{width: 29%; height:15%; bottom:4%;left:5%;}
.Area.cut02 .mainArea .btn.bb_2{width: 29%; height:15%; bottom:4%;left:35.5%;}
.Area.cut02 .mainArea .btn.bb_3{width: 29%; height:15%; bottom:4%;right:5%;}

/*** 登記/剩餘數****/
.Area.cut02 .box .count{position:absolute;width:25%; height:22px; right:15%;bottom:23.5%;   font: bold 15px "Century Gothic", Arial, "Microsoft JhengHei";overflow:hidden;
text-align:center;color:#701904; }

@media screen and (max-width:767px){
	
	.Area.cut02 .box .count{position:absolute;width:28vw; height:17px;right:14.5%;bottom:22.5%;  font: bold 3vw "Century Gothic", Arial, "Microsoft JhengHei";}
	
 }
 
 
/*******每日必搶momoco御守***********************/

.Area.bn{ padding:0px 0px 0px 0px; overflow:hidden; }
.Area.bn .mainArea { display:block; margin:0% auto 0% auto; padding: 0;position:relative;}
.Area.bn .mainArea .box{width:100%; position:relative;margin-bottom:0px; }
.Area.bn .mainArea img{ display:block;width:100%;}
.Area.bn .mainArea img.gif{width:100%; position:absolute; top:0px; left:0px; }

@media screen and (max-width:767px){
	
	
	
 }
 
 
/***********直播看三標****************************************************************************/

.Area.cut07{ padding:15px 0px 0% 0px; overflow:hidden; }
.Area.cut07 .mainArea{width: 800px;display: block; margin: 0px auto 0px auto; padding: 0; position: relative;background:url(bg_center_01.png?t=1757661941645) repeat;background-size:100%; overflow:hidden;}
.Area.cut07 .bg_title_01{width:100%;}

.cut07 .box{width:100%;list-style: none; min-height:150px;text-align:center;vertical-align:middle;overflow:hidden;margin:-1px auto -1px auto;padding:15px 0px 15px 0px;}
.cut07 .box .swiperBox{width:82%; margin: 0px auto 0px auto; padding:0px 0px 0px 0px; }
.cut07 .box .swiperBox ul.swiper-wrapper{width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;list-style:none;text-align:center;vertical-align:middle;}
.cut07 .box .swiperBox ul li.listPD.prep{width:100%;position:relative; text-align:center;margin:0 auto; padding:0; list-style:none; border-radius:7px;}

.cut07 .listPD div{ overflow:hidden;}
.cut07 .listPD .LinkRoom{width:100%;overflow:hidden; position:relative; clear:both; padding:5px 1px 40px 1px; margin:0 auto; border:0.1vw solid #b28f33; background:#fff;border-radius:7px;}
/*.cut07 .listPD .LinkRoom::after{content:"點我看直播 →"; display:block;width:92%; height:30px; background:#d8006d;border-radius:0px 0px 0px 0px;border:0.1vw solid #d8006d;border-radius:50px; color:#fff; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:0.5px;font-size:15px; font-weight:bold; line-height:30px;  text-indent:15px; box-shadow:inset 0px 0px 6px 3px #d8006d; position:absolute; bottom:2.5%; left:3.5%;}*/

.cut07 .listPD .LinkRoom .goHref_PDPD{width:100%; height:100%; position:absolute; bottom:2px; left:0px;z-index:2; }
.cut07 .listPD .LinkRoom .goHref_PDPD::after{content:"看商品 →";  display:block;width:92%; height:30px; background:#f56068;border-radius:0px 0px 0px 0px;border:0vw solid #d8006d;border-radius:50px; color:#fff; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:0.5px;font-size:15px; font-weight:bold; line-height:30px;  text-indent:15px; position:absolute; bottom:2.5%; left:3.5%;}

.cut07 .listPD .LinkRoom .goHref_live{width:100%; height:100%; position:absolute; bottom:2px; left:0px;z-index:2;}
.cut07 .listPD .LinkRoom .goHref_live::after{content:"參加活動 →";  display:block;width:92%; height:26px; background:#d8006d;border-radius:0px 0px 0px 0px;border:0.1vw solid #d8006d;border-radius:50px; color:#fff; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:0.5px;font-size:15px; font-weight:bold; line-height:26px;  text-indent:15px; box-shadow:inset 0px 0px 6px 3px #d8006d; position:absolute; bottom:2.5%; left:3.5%;}

.cut07 .listPD .LinkRoom .PD_box{width:93%;padding:0% 0% 0% 0%; margin:0 auto;overflow:hidden; position:relative;float:none;border-radius:5px;/*border:0.1vw solid #a6a6a6;*/}
.cut07 .listPD .LinkRoom .PD_img{width:100%;overflow:hidden; background:#b8b8b8;}
.cut07 .listPD .LinkRoom .PD_box .PD_img img{ width:100%; opacity:1;}
.cut07 .listPD .LinkRoom .text_box{width:95%;padding:7px 0% 0.5% 0%; margin:0 auto;float:none;overflow:hidden; }
.cut07 .listPD .LinkRoom .text_box {  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;  color:#591100;}
.cut07 .listPD .LinkRoom .text_box .date_box{width:96%;overflow:hidden; margin:0 auto 6px auto;font-weight:bold;  border:1px solid #e24080;  }
.cut07 .listPD .LinkRoom .text_box .date_box .date{width:40%; font-size:14px; line-height:25px; color:#fff;background:#e24080; letter-spacing:0px; float:left; }
.cut07 .listPD .LinkRoom .text_box .date_box .time{width:60%; font-size:14px; line-height:25px; color:#e24080; float:left;}
.cut07 .listPD .LinkRoom .text_box .PDtxt{width:100%;max-height:57px;min-height:57px;text-align:left;font-size:14px; line-height:18px; overflow:hidden; margin-bottom:7px; background:#fff;}
.cut07 .listPD .LinkRoom .text_box .PDtxt p{margin:0px; padding:0px;font-weight:normal; color:#323232; letter-spacing:0px; }
.cut07 .listPD .LinkRoom .text_box .PDtxt p:nth-of-type(2){display:none !important;}
.cut07 .listPD .LinkRoom .text_box .PDtxt p:nth-of-type(3){display:none !important;}
.cut07 .listPD .LinkRoom .text_box .act {width:100%; max-height:30px; overflow:hidden;}
.cut07 .listPD .LinkRoom .text_box .act p{margin:0px; padding:0px;font-size:24px; text-align:left; color:#dc2178; font-weight:bold; font-style:italic; }

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:3%; left: 0; width: 100%;}

.Area.cut07 .searchBox{width:100%; position: relative;overflow:hidden;}
.Area.cut07 .searchBox .bg_bottom_01{width:100%;}
.Area.cut07 .searchBox .btn.bb_1{width: 29%; height:80%; bottom:15%;left:5%;}
.Area.cut07 .searchBox .btn.bb_2{width: 29%; height:80%; bottom:15%;left:35.5%;}
.Area.cut07 .searchBox .btn.bb_3{width: 29%; height:80%; bottom:15%;right:5%;}

@media screen and (max-width:767px){
	
.Area.cut07{ padding:10px 0px 0% 0px;}
.Area.cut07 .mainArea { width: 100%;margin: 0vw auto 0vw auto; padding:0vw 0px 2vw 0px;}
.Area.cut07 .box{text-align:center;vertical-align:middle;overflow:hidden;padding: 8px 0px 6.5vw 0px;}

}

/******看專場享好康1***********************/

.Area.cut04{ padding:0px 0px 0px 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%; position:relative;margin-bottom:-1px; }
.Area.cut04 .mainArea .btn.aa{width: 18%; height: 31%;top: 46%; left: 38%; border-radius:500px;}
.Area.cut04 .mainArea .btn.bb_1{width: 29%; height:15%; bottom:4%;left:5%;}
.Area.cut04 .mainArea .btn.bb_2{width: 29%; height:15%; bottom:4%;left:35.5%;}
.Area.cut04 .mainArea .btn.bb_3{width: 29%; height:15%; bottom:4%;right:5%;}


.Area.cut04.two .mainArea .btn.one{height:27%;}
.Area.cut04.two .mainArea .btn.two{width:19%; height:46%;top:44%;left:69%;}


/*******看專場享好康2**********************/

.Area.cut08{ padding:0px 0px 0px 0px; overflow:hidden; }
.Area.cut08 .mainArea { display:block; margin:0% auto 0% auto; padding: 0;position:relative;}
.Area.cut08 .mainArea  img{ display:block;width:100%;}
.Area.cut08 .mainArea .box{width:100%; position:relative;margin-bottom:0px; }
.Area.cut08 .mainArea .btn.aa{width: 28%;height: 24%;top: 5%;right: 11%;}
.Area.cut08 .mainArea .btn.bb{width: 35%;height: 27%;top: 47%;right: 7%;}


/**********嚴選品登記送50****************************/

.Area.cut05{ padding:0px 0px 0% 0px; overflow:hidden; }
.Area.cut05 .mainArea { display:block; margin:0% auto 0% auto; padding: 0px 0px 0px 0px; position:relative; }
.Area.cut05 .mainArea .box{width:100%;list-style: none; min-height:100px;text-align:center;vertical-align:middle;overflow:hidden;margin:0% auto 0% auto; padding:0px 0px 0px 0px; }
.Area.cut05 .mainArea .box img{width:100%;}
.Area.cut05 .mainArea .btn.aa{width: 28%;height: 24%;top: 5%;right: 11%;}
.Area.cut05 .mainArea .btn.bb{width: 35%;height: 27%;top: 56%;right: 10%;}


/**********好禮天天抽****************************/

.Area.cut09{ padding:10px 0px 0% 0px; overflow:hidden; }
.Area.cut09 .mainArea { display:block; margin:0% auto 0% auto; padding: 0px 0px 0px 0px; position:relative; }
.Area.cut09 .mainArea .box{width:100%;list-style: none; min-height:100px;text-align:center;vertical-align:middle;overflow:hidden;margin:0% auto 0% auto; padding:0px 0px 0px 0px; }
.Area.cut09 .mainArea .box img{width:100%;}
.Area.cut09 .mainArea .btn.aa{width: 40%; height:11%;bottom:2%;left: 30%;}


/*********消費查詢消費查詢******************************/

.Area.search{padding:15px 0px 15px 0px; overflow:hidden; }
.Area.search img{width:100%;}
.Area.search .mainArea { display:block; width:100%;position:relative;  }
.Area.search .mainArea .btn.one{ width:33%; height:90%; top:5%;left:26.5%;}
.Area.search .mainArea .btn.two{ width:33%; height:90%; top:5%;right:5%;}


/****************QA表格********************/
.Area.cut06 {margin:5% auto 10% auto; padding:10px 0px 20px 0px; background:rgba(56,79,2,0.55);border-radius:25px; }
.Area.cut06 h2{ padding: 0;margin:10px auto 10px auto;width: 94%; line-height:2.7rem; color: #fff; text-align: center; font-size:25px; font-weight:bold;  border-radius:15px;border:0vw solid #f73a4e; }
.Area.cut06 .box{ width:94%;padding: 0;margin: 0vw auto 5px auto;border-radius: 15px;background-color: #fff; overflow:hidden; border:0vw solid #fff; }
.cut06 .box table{width:100%;margin: 0% auto 0% auto; /*border-collapse:collapse;*/ padding:5px;  }
.cut06 .box td { padding:5px; font-size:14px; line-height:18px; vertical-align:middle;  letter-spacing:0px;}

.cut06 .tab{}
.cut06 .tab01{width:10%;font-weight:bold;color:#2f4200;text-align: center;border-bottom:1px #9b9b9b dotted;}
.cut06 .tab02 {width:90%;font-weight:bold;color:#2f4200;text-align:left;border-bottom:1px #9b9b9b dotted;}
.cut06 .tab03 {width:10%;font-weight:bold;color:#2f4200;text-align: center;}
.cut06 .tab04 {width:90%;font-weight:bold;color:#444;text-align:left;}

@media screen and (max-width:767px){
	
	.Area.cut06 {margin:6% auto 12% auto; padding:0.5vw 0px 3.5vw 0px; }
	.Area.cut06 h2{margin:1vw auto 1vw auto;}

}

/*******全域設定 警語******/
.warningBox{display:block;width:100%; overflow:hidden;position:relative; margin:0px auto 12px auto; padding:0px 0px 0px 0px; }
.warningBox ul{ display:block;width: 90%; margin:0px 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:#192300; }
.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:#741700;/*padding:1px 5px; background:#aed0ff; border-radius:5px; text-decoration:underline;*/}

@media screen and (max-width:767px){
	
	/***警語***/
	.warningBox{padding-bottom:0vw;  margin:0px auto 0px -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;}

}