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


/*隱鑶*/
.for_pc { display:block !important;}
.for_mobile { display: none !important;}

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

/*滑鼠hover 顯示動畫*/
.hover{
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;}
.hover:hover{transform:scale(0.95); 
	-webkit-transform:scale(0.95);
    -moz-transform:scale(0.95);
    -ms-transform:scale(0.95);
    -o-transform:scale(0.95);
	filter:brightness(115%);
}


/*全BOX版面*/
.WRAPPER { position:relative;margin: 0 auto;padding:0;width:100%; min-width:1220px; max-width:2000px;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; overflow:hidden;overflow:hidden;background:#e83d94; }
.WRAPPER img {border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;display:block;}
.WRAPPER .Area{ width:100%; 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 .mainArea { display:block; margin:0 auto; padding: 0; position:relative;}
@media screen and (min-width:767px) and (max-width:1220px){	
	.WRAPPER .Area{ width:100%; 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;box-shadow:none;background-size:100%;background:#dc2a85; }
	.WRAPPER .Area .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;}
}


	
/***********************topHader*******************************************************************/

.headerBox{ width:1220px; height:70px; position:absolute; top:0px; left:50%; margin-left:-610px; z-index:4;overflow:hidden;}
.headerBox .logoBox{width:330px; position:relative;float:left;margin-left:20px;margin-top:20px;}
.headerBox .momologo{width:100%;display:block;}	
.headerBox .goHome{width:60%;height:37px; position:absolute;top:0px; left:5px;}
.headerBox .goTv{width:35%;height:34px; position:absolute;top:0px; right:0px;}
	

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

.cut99 {width:685px; position: fixed;bottom:-10%;z-index:99;left:50%; margin-left:-342.5px; opacity:0;}
.cut99.scroll{ width:685px; position: fixed;bottom: -150%;z-index: 99;transition:all 0.3s;}
.cut99.scroll2{ width:685px; position: fixed;bottom:-150%;z-index: 99;transition:all 0.3s;}
.cut99 .page{ display: block;position: absolute;width:33%; height:100%;top:0%;z-index: 6; /*background:#000; opacity:0.5;*/}
.cut99 .page.link01{left:0%;}
.cut99 .page.link02{left:33.5%;}
.cut99 .page.link03{right:0%;}

@media screen and (max-width:767px){
	
	.cut99 {width:100%; position: fixed;bottom:-100px;left: 0px;z-index: 99;margin-left:0px;  opacity:1;}
	.cut99.scroll{ width:100%;bottom: -0%;}
	.cut99.scroll2{ width:100%;bottom:-10%;}

}

/*****************************************************************************************************/	
	
.Area.cut00{overflow:hidden;width:2000px; height:550px;z-index:3;position:relative; left:50%; margin-left:-1000px;top:0px; background:url(bk.jpg?t=1753959925970) top center no-repeat; background-size:2000px;}
.Area.cut00 .mainArea {overflow:hidden;position:relative;  width:960px; margin:0 auto;  height:550px;z-index:2;}
.Area.cut00 .mainArea .theme_box{position:relative; width:750px; margin:-1% auto 0 auto; z-index:3;}
.Area.cut00 .mainArea .theme_box img{width:100%;}
.Area.cut00 .mainArea  .live{width:800px; position:absolute;opacity:0; top:40px; left:50px;animation: slideUp4  0.6s ease , slideUp3  1.4s 0.6s linear infinite; animation-delay:0.5s; animation-fill-mode:forwards;}
.Area.cut00 .mainArea  .live img{width:100%;}
@keyframes slideUp4 {
	0% {opacity:0;transform: translateY(10%);}
	50%{opacity:1;transform: translateY(-6%);}
	65%{opacity:1;transform: translateY(3%);}
	80%{opacity:1;transform: translateY(-3%);}
	95%{opacity:1;transform: translateY(1%);}			
	100% {opacity:1;transform: translateY(0%);}	
}
.Area.cut00 .mainArea .pic2{width:100%; position:absolute; top:-7px; left:0px; animation: floa2 2.5s linear infinite;}
.Area.cut00 .mainArea .pic2 img{width:100%;}
@keyframes floa2 {
	0% { transform: translate(0%,0%); }
	50%{ transform: translate(0%,2%);}
	100%{transform: translate(0%,0%); }		
}
.Area.cut00 .mainArea .pic3{width:90%; position:absolute; top:-71px; left:5%;opacity:0; animation: floa3 1s linear both;}
.Area.cut00 .mainArea .pic3 img{width:100%;}
@keyframes floa3 {
	0% { transform: translate(0%,0%) ;opacity:0; }
	100%{transform: translate(0%,0%) ;opacity:1; }		
}
/*閃光*/				  
.brightness-play { -webkit-animation:brightness-play 4s 1s ease both infinite; animation:brightness-play 4s 1s ease both infinite;}
@keyframes brightness-play {
  0% { filter:brightness(100%);}
  5% { filter:brightness(100%);}
 10% { filter:brightness(140%);}
 11% { filter:brightness(100%);}
 18% { filter:brightness(140%);}
 20% { filter:brightness(100%); }
 70%{ filter:brightness(100%);}
 100% { filter:brightness(100%);}
}


/******明星倫波*******/
.Area.cut00  .item_title_box{position:absolute;width:690px;height: 770px; margin: 0 auto;left:135px;overflow:hidden; top:0px;z-index:1;}
.Area.cut00  .item_title_box img{width: 100%;}
.Area.cut00  .item_title_box .swiper-wrapper{width:100%;overflow:hidden;}
.Area.cut00  .item_title_box .swiper-slide{width:100%; display:block;overflow:hidden;}
.Area.cut00  .item_title_box .swiper-slide img{width:100%;}


@media screen and (max-width:767px){
	
	.Area.cut00{position:relative;width:100%; height:71vw;top:0px; left:auto;margin-left:auto;overflow:hidden; pointer-events:none; background:#dc2a85;}
	.Area.cut00 .mainArea {overflow:hidden; width:100%;  height:114vw;position:relative;}
	.Area.cut00 .mainArea .bk_m{ width:100%; }
	.Area.cut00 .mainArea .theme_box{width:102%; margin: -5px auto 0px -1.5%; position:absolute;top:0px; left:0px;}
	.Area.cut00 .mainArea .theme_box .title_01{width:100%;}	
	.Area.cut00 .mainArea .star_box{overflow:hidden; width:100%;position:absolute; top:0vw; right:0px; }
	.Area.cut00 .mainArea .star_box img{width:100%;}
	.Area.cut00 .mainArea .pic2{width:100%; position:absolute; top:-7px; left:0px; animation: floa2 2.5s linear infinite;}
    .Area.cut00 .mainArea .pic3{width:100%; position:absolute; top:-1%; left:0%;opacity:0; animation: floa3 1s 0.5s linear both;}
	.Area.cut00 .mainArea  .live{width:100%;left:0px; top:0px;}
	
	.Area.cut00 .item_title_box{width:102%;left:-2%; top:-1%; height:auto;}
	
}
	




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

.bbbbox{width:100%;position:relative;margin:25px auto 0 auto;padding:0px 0px 15vw 0px ;overflow: hidden;z-index:3;
	/*background:-webkit-linear-gradient(rgba(232,61,148,1) 0% , rgba(245,98,176,1) 50% ); 
	background:-moz-linear-gradient(top , rgba(232,61,148,1) 0% , rgba(245,98,176,1) 50%); 
	background:linear-gradient(top , rgba(232,61,148,1) 0% , rgba(245,98,176,1) 50% ); */
	
}
@media screen and (max-width:767px){
	
	.bbbbox{width:100%;position:relative;margin:0% auto 0 auto;padding:0px 0px 50vw 0px ;overflow: hidden;
	background:-webkit-linear-gradient(rgba(221,42,134,1) 0% , rgba(240,84,167,1) 70% ); 
	background:-moz-linear-gradient(top , rgba(221,42,134,1) 0% , rgba(240,84,167,1) 70%); 
	background:linear-gradient(top , rgba(221,42,134,1) 0% , rgba(240,84,167,1) 70% ); 
	/*background:#dc2a85;*/
	
	}
	.bbbbox::after{content:""; display:block;width:100%; height:42vw; position:absolute; bottom:0px; left:0px;background:url(footer.jpg?t=1753959925970) 50% 0% no-repeat;background-size:120%;}

}

/********滾動背景********************************/

.fixed_bg{width:2000px; position:fixed;top:0px; left:50%; margin-left:-1000px; pointer-events:none; z-index:2;opacity:0.8;transition:all 1s;}
.fixed_bg .fixed_pic{ width:2000px;position:fixed; top:0px; left:50%; margin-left:-1000px;opacity:0; transition:all 1s;}
.fixed_bg .fixed_pic.fixedScroll{ opacity:0.8; top:0px; left:50%;width:2000px;  position:fixed;margin-left:-1000px;transition:all 1s;}


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

.Area.cut11 , .Area.cut01 , .Area.cut02 , .Area.cut03 , .Area.cut04 , .Area.cut05 , .Area.cut06{ display:block; height: auto; margin:0.5% auto 1.5% auto; padding:0px 0px 0px 0px; position:relative;}
@media screen and (max-width:767px){
	.Area.cut11 , .Area.cut02 , .Area.cut03 , .Area.cut04 , .Area.cut05 , .Area.cut06{ display:block; margin:0 auto; padding:0px 0px; position:relative;}

}

/***********簡單生活★精選好物****************************************************************************/

.Area.cut_a{display:block; height: auto; padding:0px;margin:0% auto; overflow:hidden;position:relative; }
.Area.cut_a .mainArea{width: 800px;display: block; margin:0px auto; padding: 0; position: relative;}
.Area.cut_a .mainArea .bg_title_01{width:100%;}
.Area.cut_a .mainArea .bg_bottom_01{width:100%;}
.cut_a .box{width:100%;list-style: none; min-height:100px;text-align:center;vertical-align:middle;overflow:hidden;margin:-1px auto -1px auto;padding:5px 0px 35px 0px;background:url(bg_center_a.png?t=1753959925970) repeat;background-size:100%;}
.cut_a .box .swiperBox{width:90%; margin: 0px auto 0px auto; padding:0px 0px 0px 0px; }
.cut_a .box .swiperBox ul.swiper-wrapper{width:100%; margin:0px 0px 3px 0px; padding:0px 0px 0px 0px;list-style:none;text-align:center;vertical-align:middle;}
.cut_a .box .swiperBox ul li.listPD.prep{width:100%;position:relative; text-align:center;margin:0 auto; padding:0; list-style:none; border-radius:7px;}

.cut_a .listPD div{ overflow:hidden;}
.cut_a .listPD .LinkRoom{width:100%;overflow:hidden; position:relative; clear:both; padding:5px 1px 40px 1px; margin:0 auto; /*border:0.1vw solid #36a2d3;*/ background:#fff;border-radius:7px;}
/*.cut_a .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%;}*/

.cut_a .listPD .LinkRoom .goHref_PDPD{width:100%; height:100%; position:absolute; bottom:2px; left:0px;z-index:2; }
.cut_a .listPD .LinkRoom .goHref_PDPD::after{content:"看商品 →";  display:block;width:92%; height:30px; background:#fff4c6;border-radius:0px 0px 0px 0px;border:0.1vw solid #d8006d;border-radius:50px; color:#d8006d; 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%;}

.cut_a .listPD .LinkRoom .goHref_live{width:100%; height:100%; position:absolute; bottom:2px; left:0px;z-index:2;}
.cut_a .listPD .LinkRoom .goHref_live::after{content:"LIVE直播中 →";  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%;}

.cut_a .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;}
.cut_a .listPD .LinkRoom .PD_img{width:100%;overflow:hidden; background:#b8b8b8;}
.cut_a .listPD .LinkRoom .PD_box .PD_img img{ width:100%; opacity:1;}
.cut_a .listPD .LinkRoom .text_box{width:95%;padding:7px 0% 0.5% 0%; margin:0 auto;float:none;overflow:hidden; }
.cut_a .listPD .LinkRoom .text_box {  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;  color:#591100;}
.cut_a .listPD .LinkRoom .text_box .date_box{width:96%;overflow:hidden; margin:0 auto 6px auto;font-weight:bold;  border:1px solid #e24080;  }
.cut_a .listPD .LinkRoom .text_box .date_box .date{width:100%; font-size:14px; line-height:25px; color:#fff;background:#e24080; letter-spacing:0px;}
.cut_a .listPD .LinkRoom .text_box .date_box .time{width:100%; font-size:14px; line-height:25px; color:#e24080;}
.cut_a .listPD .LinkRoom .text_box .PDtxt{width:100%;max-height:57px;min-height:57px;text-align:left;font-size:15px; line-height:19px; overflow:hidden; margin-bottom:9px; background:#fff;}
.cut_a .listPD .LinkRoom .text_box .PDtxt p{margin:0px; padding:0px;font-weight:normal; color:#323232; letter-spacing:0px; }
.cut_a .listPD .LinkRoom .text_box .PDtxt p:nth-of-type(2){display:none !important;}
.cut_a .listPD .LinkRoom .text_box .PDtxt p:nth-of-type(3){display:none !important;}
.cut_a .listPD .LinkRoom .text_box .act {width:100%; max-height:30px; overflow:hidden;}
.cut_a .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: 4.5%; left: 0; width: 100%;}


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

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

/***********五感沉浸★療癒推薦****************************************************************************/

.Area.cut_b{display:block; height: auto; padding:0px;margin:0% auto; overflow:hidden;position:relative; }
.Area.cut_b .mainArea{width: 800px;display: block; margin:0px auto; padding: 0; position: relative;}
.Area.cut_b .mainArea .bg_title_01{width:100%;}
.Area.cut_b .mainArea .bg_bottom_01{width:100%;}
.cut_b .box{width:100%;list-style: none; min-height:100px;text-align:center;vertical-align:middle;overflow:hidden;margin:-1px auto -1px auto;padding:5px 0px 35px 0px;background:url(bg_center_b.png?t=1753959925970) repeat;background-size:100%;}
.cut_b .box .swiperBox{width:90%; margin: 0px auto 0px auto; padding:0px 0px 0px 0px; }
.cut_b .box .swiperBox ul.swiper-wrapper{width:100%; margin:0px 0px 3px 0px; padding:0px 0px 0px 0px;list-style:none;text-align:center;vertical-align:middle;}
.cut_b .box .swiperBox ul li.listPD.prep{width:100%;position:relative; text-align:center;margin:0 auto; padding:0; list-style:none; border-radius:7px;}

.cut_b .listPD div{ overflow:hidden;}
.cut_b .listPD .LinkRoom{width:100%;overflow:hidden; position:relative; clear:both; padding:5px 1px 40px 1px; margin:0 auto; /*border:0.1vw solid #36a2d3;*/ background:#fff;border-radius:7px;}
/*.cut_b .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%;}*/

.cut_b .listPD .LinkRoom .goHref_PDPD{width:100%; height:100%; position:absolute; bottom:2px; left:0px;z-index:2; }
.cut_b .listPD .LinkRoom .goHref_PDPD::after{content:"看商品 →";  display:block;width:92%; height:30px; background:#fff4c6;border-radius:0px 0px 0px 0px;border:0.1vw solid #d8006d;border-radius:50px; color:#d8006d; 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%;}

.cut_b .listPD .LinkRoom .goHref_live{width:100%; height:100%; position:absolute; bottom:2px; left:0px;z-index:2;}
.cut_b .listPD .LinkRoom .goHref_live::after{content:"LIVE直播中 →";  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%;}

.cut_b .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;}
.cut_b .listPD .LinkRoom .PD_img{width:100%;overflow:hidden; background:#b8b8b8;}
.cut_b .listPD .LinkRoom .PD_box .PD_img img{ width:100%; opacity:1;}
.cut_b .listPD .LinkRoom .text_box{width:95%;padding:7px 0% 0.5% 0%; margin:0 auto;float:none;overflow:hidden; }
.cut_b .listPD .LinkRoom .text_box {  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;  color:#591100;}
.cut_b .listPD .LinkRoom .text_box .date_box{width:96%;overflow:hidden; margin:0 auto 6px auto;font-weight:bold;  border:1px solid #e24080;  }
.cut_b .listPD .LinkRoom .text_box .date_box .date{width:40%; font-size:14px; line-height:25px; color:#fff;background:#e24080; letter-spacing:0px; float:left; }
.cut_b .listPD .LinkRoom .text_box .date_box .time{width:60%; font-size:14px; line-height:25px; color:#e24080; float:left;}
.cut_b .listPD .LinkRoom .text_box .PDtxt{width:100%;max-height:57px;min-height:57px;text-align:left;font-size:15px; line-height:19px; overflow:hidden; margin-bottom:9px; background:#fff;}
.cut_b .listPD .LinkRoom .text_box .PDtxt p{margin:0px; padding:0px;font-weight:normal; color:#323232; letter-spacing:0px; }
.cut_b .listPD .LinkRoom .text_box .PDtxt p:nth-of-type(2){display:none !important;}
.cut_b .listPD .LinkRoom .text_box .PDtxt p:nth-of-type(3){display:none !important;}
.cut_b .listPD .LinkRoom .text_box .act {width:100%; max-height:30px; overflow:hidden;}
.cut_b .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: 4.5%; left: 0; width: 100%;}


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

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

/***********好康寵粉標****************************************************************************/

.Area.cut01{ padding:0px 0px 0% 0px;margin: 30px auto;overflow:hidden; }
.Area.cut01 .mainArea{width: 800px;display: block; margin: 30px auto 0px auto; padding: 0; position: relative;}
.Area.cut01 .mainArea .bg_title_01{width:100%;}
.Area.cut01 .mainArea .bg_bottom_01{width:100%;}
.cut01 .box{width:100%;list-style: none; min-height:100px;text-align:center;vertical-align:middle;overflow:hidden;margin:-1px auto -1px auto;padding:5px 0px 35px 0px;background:url(bg_center_01.png?t=1753959925970) repeat;background-size:100%;}
.cut01 .box .swiperBox{width:90%; margin: 0px auto 0px auto; padding:0px 0px 0px 0px; }
.cut01 .box .swiperBox ul.swiper-wrapper{width:100%; margin:0px 0px 3px 0px; padding:0px 0px 0px 0px;list-style:none;text-align:center;vertical-align:middle;}
.cut01 .box .swiperBox ul li.listPD.prep{width:100%;position:relative; text-align:center;margin:0 auto; padding:0; list-style:none; border-radius:7px;}

.cut01 .listPD div{ overflow:hidden;}
.cut01 .listPD .LinkRoom{width:100%;overflow:hidden; position:relative; clear:both; padding:5px 1px 40px 1px; margin:0 auto; /*border:0.1vw solid #36a2d3;*/ background:#fff;border-radius:7px;}
/*.cut01 .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%;}*/

.cut01 .listPD .LinkRoom .goHref_PDPD{width:100%; height:100%; position:absolute; bottom:2px; left:0px;z-index:2; }
.cut01 .listPD .LinkRoom .goHref_PDPD::after{content:"看商品 →";  display:block;width:92%; height:30px; background:#fff4c6;border-radius:0px 0px 0px 0px;border:0.1vw solid #d8006d;border-radius:50px; color:#d8006d; 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%;}

.cut01 .listPD .LinkRoom .goHref_live{width:100%; height:100%; position:absolute; bottom:2px; left:0px;z-index:2;}
.cut01 .listPD .LinkRoom .goHref_live::after{content:"LIVE直播中 →";  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%;}

.cut01 .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;}
.cut01 .listPD .LinkRoom .PD_img{width:100%;overflow:hidden; background:#b8b8b8;}
.cut01 .listPD .LinkRoom .PD_box .PD_img img{ width:100%; opacity:1;}
.cut01 .listPD .LinkRoom .text_box{width:95%;padding:7px 0% 0.5% 0%; margin:0 auto;float:none;overflow:hidden; }
.cut01 .listPD .LinkRoom .text_box {  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;  color:#591100;}
.cut01 .listPD .LinkRoom .text_box .date_box{width:96%;overflow:hidden; margin:0 auto 6px auto;font-weight:bold;  border:1px solid #e24080;  }
.cut01 .listPD .LinkRoom .text_box .date_box .date{width:100%; font-size:14px; line-height:25px; color:#fff;background:#e24080; letter-spacing:0px; }
.cut01 .listPD .LinkRoom .text_box .date_box .time{width:100%; font-size:14px; line-height:25px; color:#e24080;}
.cut01 .listPD .LinkRoom .text_box .PDtxt{width:100%;max-height:57px;min-height:57px;text-align:left;font-size:15px; line-height:19px; overflow:hidden; margin-bottom:9px; background:#fff;}
.cut01 .listPD .LinkRoom .text_box .PDtxt p{margin:0px; padding:0px;font-weight:normal; color:#323232; letter-spacing:0px; }
.cut01 .listPD .LinkRoom .text_box .PDtxt p:nth-of-type(2){display:none !important;}
.cut01 .listPD .LinkRoom .text_box .PDtxt p:nth-of-type(3){display:none !important;}
.cut01 .listPD .LinkRoom .text_box .act {width:100%; max-height:30px; overflow:hidden;}
.cut01 .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: 7.5%; left: 0; width: 100%;}


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

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

.Area.cut02{ padding:0px 0px 0px 0px;margin: 0px auto 0px auto; position:relative;overflow:hidden;  }
.Area.cut02 .mainArea { width:800px;display:block; margin:0 auto; padding: 0 0;}
.Area.cut02 .mainArea .box{width:100%; position:relative; background:url(time_box.png?t=1753959925970) 50% 50%;background-size: 100%; height: 408px; margin-top:0px;}
.Area.cut02 .mainArea .box img{width:100%;}
.Area.cut02 .mainArea .box .box_live{position: absolute;width:32%;margin: 0px; padding: 0px;}
.Area.cut02 .mainArea .box .xy_01{top: 1.3%;left: 1%}
.Area.cut02 .mainArea .box .xy_02{top: 50.3%;left: 3.1%}
.Area.cut02 .mainArea .box .xy_03{top: 1.3%;left: 33%}
.Area.cut02 .mainArea .box .xy_04{top: 50.3%;left: 35%}
.Area.cut02 .mainArea .box .xy_05{top: 1.3%;left: 64.8%}
.Area.cut02 .mainArea .box .xy_06{top: 50.3%;left: 67%}
.Area.cut02 .mainArea .box .contrast{filter: brightness(60%);}
.Area.cut02 .mainArea .box .page_a{position:absolute; z-index:3; background-image:url(star_btn.png?t=1753959925970); background-color:rgba(0,0,0,0);animation:pagego 1.5s infinite ease;height:48%;background-position:right top ; background-repeat:no-repeat;background-size:28%;}
.Area.cut02 .mainArea .box .page_a2{position:absolute; z-index:3; background-image:url(star_btn02.png?t=1753959925970); background-color:rgba(0,0,0,0);animation:pagego 1.5s infinite ease;height:48%;background-position:right top ; background-repeat:no-repeat;background-size:28%;}
.Area.cut02 .mainArea .box .page_b{position:absolute; z-index:3; background-image:url(star_btn.png?t=1753959925970); background-color:rgba(0,0,0,0);animation:pagego 1.5s infinite ease;height:48%;background-position:right 20%; background-repeat:no-repeat;background-size:28%;}
@keyframes pagego{
	0%{opacity:0; filter:brightness(100%) ;}
	50%{opacity:1; filter:brightness(100%) ;}
	100%{opacity:0; filter:brightness(100%) ;}
}


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

	.Area.cut02{ padding:0px 0px 0px 0px; overflow:hidden;  margin:0% auto 0% auto; }
	.Area.cut02 .mainArea { width:100%;display:block;padding: 0 0;position:relative;}
    .Area.cut02 .mainArea .box{width:100%; position:relative;background-size: 100%; height: 51vw; margin-top:0px;}
}



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

.Area.cut03{ padding:0px 0px 20px 0px; overflow:hidden;margin: 0px; }
.Area.cut03 .mainArea { width:800px;display:block; margin:10px auto 0px auto; padding: 0;position:relative;}
.Area.cut03 .mainArea  img{ display:block;width:100%; margin-left:0%;}
.Area.cut03 .mainArea .box{width:100%; position:relative; }
.Area.cut03 .mainArea .box .btn.one{position:absolute; width:31%; height:6.1%; top:25.7%;left:8.5%;background:url(cut_02btn.png?t=1753959925970) top center no-repeat;background-size: 100%;animation: btn 1.2s linear infinite; /*background:#000; opacity:0.5;*/}
.Area.cut03 .mainArea .box .btn.two{position:absolute; width:13%; height:11%; bottom:2%;right:30px;/*background:#000; opacity:0.5;*/}

@keyframes btn {
	0% { transform: translate(0%,0%) scale(1);}
	50%{ transform: translate(0%,0%) scale(1.1);}
	100%{transform: translate(0%,0%) scale(1);}		
}

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

}

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

.Area.cut04{ padding:0px 0px 10px 0px; overflow:hidden;margin: 0px; }
.Area.cut04 .mainArea {  width:800px;display:block; margin:0% auto 0% auto; padding: 0;position:relative;}

.Area.cut04 .mainArea .box{width:100%; position:relative; }
.Area.cut04 .mainArea img{ display:block;width:100%;}
.Area.cut04 .mainArea .box .btn.one{position:absolute; width:40%; height:25%;top:43%; left:9%;}
.Area.cut04 .mainArea .box .btn.two{position:absolute; width:47%; height:19%;top:78%; left:3%;}
.Area.cut04 .mainArea .box .btn.three{position:absolute; width: 47%; height: 19%; top:78%; left:50%; }
.Area.cut04 .mainArea .box .gift_01{width:36%; position:absolute; top:59%; right:7.5%;}
@media screen and (max-width:767px){
		
	.Area.cut04{ padding:4vw 0px 0px 0px; overflow:hidden; }
	.Area.cut04 .mainArea {  width:100%;display:block; margin:0% auto 0% auto; padding: 0;position:relative;}
    
	
}

/*******11號 超級直播日*加價購**************************/

.Area.cut05{ padding:0px 0px 0px 0px; overflow:hidden;margin: 0; }
.Area.cut05 .mainArea {  width:800px; display:block; margin:20px auto 0% auto; padding: 0;position:relative;}
.Area.cut05 .mainArea  img{ display:block;width:100%;}
.Area.cut05 .mainArea .box{width:100%; position:relative;margin-bottom:0px; }
.Area.cut05 .mainArea .box .btn{position:absolute; /*background:#000; opacity:0.5;*/}
.Area.cut05 .mainArea .box .btn.one{position:absolute; width:38%; height:16%;top:59%; left:53%;}
.Area.cut05 .mainArea .box .btn.two{position:absolute; width:45%; height:16%;top:63%; left:49%;}
.Area.cut05 .mainArea .box .btn.three{left:2%; width: 32%; height: 13%;  bottom: 3%;}
.Area.cut05 .mainArea .box .btn.four{ right:2%;width: 32%; height: 13%;  bottom: 3%;}
.Area.cut05 .mainArea .box .btn.five{ left:34%;width: 32%; height: 13%;  bottom: 3%;}



.Area.cut05 .mainArea .count{position:absolute;width:25%; text-align:center; height:22px; font:13px "Century Gothic", Arial, "Microsoft JhengHei";letter-spacing:-0.5px;font-weight:bold; color:#fff;}
.Area.cut05 .mainArea .count.gift01{top:76%; right:16%;}
.Area.cut05 .mainArea .count.gift02{top:79%; right:66%;}

.Area.cut05 .mainArea .gift_01{width:33%; position:absolute; top:9.5%; right:5.5%;}

@media screen and (max-width:767px){
	.Area.cut05{ padding:5vw 0px 0px 0px;}
	.Area.cut05 .mainArea { width:100%;display:block; margin:0% auto 1% auto; padding: 0;position:relative;}
	.Area.cut05 .mainArea .count{ font:3vw "Century Gothic", Arial, "Microsoft JhengHei";letter-spacing:-0.5px;}
}

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

.Area.cut06{ padding:30px 0px 0px 0px; overflow:hidden;margin: 0px; }
.Area.cut06 .mainArea {  width:800px; display:block; margin:0% auto 0% auto; padding: 0;position:relative;}
.Area.cut06 .mainArea  img{ display:block;width:100%;}
.Area.cut06 .mainArea .box{width:100%; position:relative;margin-bottom:0px; }
.Area.cut06 .mainArea .btn{position:absolute; /*background:#000; opacity:0.5;*/}
.Area.cut06 .mainArea .btn.one{position:absolute; width:47%; height:auto;top:55%; left:7%;}
.Area.cut06 .mainArea .btn.one img{width:100%;}
.Area.cut06 .mainArea .btn.three{left:5%; width: 29%; height: 16%;  bottom: 0%;}
.Area.cut06 .mainArea .btn.four{ right:5%;width: 29%; height: 16%;  bottom: 0%;}
.Area.cut06 .mainArea .btn.five{ right:35%;width: 29%; height: 16%;  bottom: 0%;}

.Area.cut06 .mainArea .count{position:absolute;width:25%; text-align:center; height:22px; font:13px "Century Gothic", Arial, "Microsoft JhengHei";letter-spacing:-0.5px;font-weight:bold; color:#960000;}
.Area.cut06 .mainArea .count.gift01{top:77%; left:18%;}

.Area.cut06 .mainArea .gift_01{width:33%; position:absolute; top:9%; right:5%;}

@media screen and (max-width:767px){
    .Area.cut06{ padding:7vw 0px 0px 0px; overflow:hidden;margin: 0px; }
	.Area.cut06 .mainArea { width:100%;display:block; margin:0vw auto 0% auto; padding: 0;position:relative;}
	.Area.cut06 .mainArea .count{ font:3vw "Century Gothic", Arial, "Microsoft JhengHei";letter-spacing:-0.5px;}
    .Area.cut06 .mainArea .count.gift01{top:73.4%; left:18%;}
}






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

.Area.cut11{ padding:0px 0px 0% 0px; overflow:hidden;margin:5% auto 0% auto; }
.Area.cut11 .mainArea { width:965px;display:block; margin:0% auto 0% auto; padding: 10px 0px 10px 4px; position:relative; background:;}
.cut11 .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; }
.cut11 .box .title{width:100%;padding:10px 0px 10px 0px; }
.cut11 .box  ul{width:100%; margin: 0 0 0 0%; padding:0px 0px 0px 0px;list-style:none;text-align:center;vertical-align:middle;  overflow:hidden; background:url(watermark.png?t=1753959925970) no-repeat 96% 92%; background-size:25%;}
.cut11 .box  li.listPD{ width:310px;position:relative; float:left; text-align:center;background:;margin:0.6% 0.6%; padding:20px 0px 10px 0px; list-style:none; border-radius:0px;overflow:hidden;}
.cut11 .box  li.listPD .people{ width:100%;}
.cut11 .listPD .LinkRoom{width:100%;overflow:hidden; position:absolute; width:98.5%; height:99.4%; top:0px; left:0px;z-index:1; background:; }
.cut11 .listPD .LinkRoom::after{content:"";background:url(star_btn2.png?t=1753959925970) top left no-repeat; width:70px; height:45px; position:absolute;top:5%; left:5px; background-size:100%;z-index:2;animation:pagego 1.5s infinite ease;}
@media screen and (max-width:767px){

	.Area.cut11{ padding:0px 0px 0% 0px; overflow:hidden;}
	.Area.cut11 .mainArea { width:98%;display:block; margin:0% auto 0% auto; padding: 0px 0px 0px 0px; position:relative; background:;}
	.cut11 .box  ul{width:100%; margin: 0 0 0 0%; padding:0px 0px 0px 0px;background:url(watermark.png?t=1753959925970) no-repeat 98% 98%; background-size:46%;}
	.cut11 .box  li.listPD{ width:48.5%;margin:1% 0% 1% 1%; padding:0px 0px 0px 0px; }
	.cut11 .listPD .LinkRoom{width:100%;overflow:hidden; position:absolute; width:98.5%; height:99.4%; top:0px; left:0px; z-index:1; }
	.cut11 .listPD .LinkRoom::after{content:"";background:url(star_btn2.png?t=1753959925970) top left no-repeat; width:26%; height:35px; position:absolute; top:1%; left:4%; background-size:100%;z-index:2;animation:pagego 1.5s infinite ease;}

}



/*******全域設定 警語******/
.warningBox{display:block;width:95%; overflow:hidden;position:relative; margin:0px auto 15px auto; padding:0px 5px 0px 0px; }
.warningBox ul{ display:block;width: 100%; margin:0px auto; padding:0px; padding-left:12px;list-style-type:disc;}
.warningBox ul li{width:96%; margin:0px auto 3px auto; padding:0px;font-size:18px; letter-spacing:0.5px;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 #b0063f;}
.warningBox span{color:#fffdaf;/*padding:1px 5px; background:#aed0ff; border-radius:5px; text-decoration:underline;*/}

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

}





	
/************浮層******浮層************************/
	
.blackBox.agree_more .box .content {width:100%;display:block;/*overflow-y:scroll;overflow-x:hidden; */max-height:600px;}/*max-height要設定-給抽mo幣查詢用*/
.blackBox.agree_more .box ul{padding: 0; margin: 0;text-align: center; width:100%; overflow:hidden;}
.blackBox.agree_more .box img{ display:block;  width: 70%;margin:10px auto; float:none;}


.blackBox.agree_more  .box .content .page{display:none; width:100%; box-sizing: border-box; text-align: left; }
.blackBox.agree_more  .box .content  .imgArea{float:left; width:100%; display:block;}
.blackBox.agree_more  .box .content  {float:left; width:100%; display:block; /* overflow-y:scroll;overflow-x:hidden; eight:600px !important;*/}

.blackBox.agree_more  .box   ul{ width: 100%;list-style: none; overflow: hidden; padding: 0; margin:0; background-color: #eee;}
.blackBox.agree_more  .box   ul  li{width: calc(100%/3); float: left; text-align: center; font-size:24px; font-family:"微軟正黑體"; color: #333; padding:10px 0px;cursor:pointer;}
#agree_more4  .box   ul  li{width: calc(100%/2);}
.blackBox.agree_more  .box   ul  li.click{background:#f51490; color:#fff;}

.blackBox.agree_more .txtArea  {
	/*height: 600px !important;*/
}


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

	.blackBox.agree_more .box img{ display:block;  width: 100%;margin:10px auto; float:none;}


	.blackBox.agree_more  .box   ul  li{width: calc(100%/3); float: left; text-align: center; font-size:16px;padding:2.5vw 0px; font-weight:800;}
	#agree_more4  .box   ul  li{width: calc(100%/2);}

}
	
