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


/*隱鑶*/
.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;}
}

/*全BOX版面*/
.WRAPPER { position: relative;margin: 0 auto;	padding: 0;	width:100%; max-width:685px; overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; background:#8440d8; 
border-left:0px solid #c39dff; border-right:0px solid #c39dff;}
.WRAPPER img {display:block;border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;display:block;font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei","Helvetica";font-weight:800;}
.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 .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;box-shadow:none;background-size:100%;}
	.WRAPPER .Area .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;}
}


	

/*****************************************************************************************************/	
	
.Area.cut00{position:relative;overflow:hidden; padding-bottom:0px; margin-bottom:0px;}
.Area.cut00 .mainArea {overflow:hidden; width:100%; height:auto;position:relative;}
.Area.cut00 .mainArea .bk{width:100%;position:relative; margin:0% auto 0% auto;}
.Area.cut00 .mainArea .bk_01{width:100%;position: absolute;left:0%;top:0%; opacity:0; animation: slideUp4  0.6s ease , slideUp3  1.4s 0.6s linear infinite; animation-delay:0.6s; animation-fill-mode:forwards;}
@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%);}	
}
@keyframes slideUp3 {
	0% {filter:brightness(100%) ;}
	50%{filter:brightness(100%) ;}	
	100% {filter:brightness(100%);}	
}

.Area.cut00 .mainArea .theme_box{display: block;width:100%;position: absolute;left:0%;top:-2%;}
.Area.cut00 .mainArea .theme_box .swiper-wrapper{width:100%;overflow:hidden;position: absolute;left:0%;top:71%; height:auto !important; }
.Area.cut00 .mainArea .theme_box .swiper-slide{width:100%; display:block;overflow:hidden;}
.Area.cut00 .mainArea .theme_box .swiper-slide img{width:100%;}


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

.href_page{position:fixed;overflow:hidden;bottom:-30%;left:50%; margin-left:-342.5px; width:685px; z-index:99;}
.href_page.scroll{ position: fixed;bottom: -1%;z-index: 99;pointer-events:auto; transition:all 0.4s;}
.href_page.scroll2{ position: fixed;bottom:-30%;z-index: 99;pointer-events:auto; transition:all 0.4s;}
.href_page .btn{position:absolute; width:50%; height:100%;top:0px; }
.href_page .btn.one{left:0%;}
.href_page .btn.two{right:0%;}

@media screen and (max-width:767px){
	
	.href_page{bottom:-30%;left:0px; margin-left:0px; width:100%;}
	.href_page.scroll{ bottom: 0%;}
	.href_page.scroll2{ bottom:-30%;}
	.href_page .btn{position:absolute; width:50%; height:100%;top:0px; }
	.href_page .btn.one{left:0%;}
	.href_page .btn.two{right:0%;}
	
	
}



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

.bbbbox{width:100%;position:relative;margin:0% auto 0 auto;padding:0px 0px 15vw 0px ;overflow: hidden;
	/*background:-webkit-linear-gradient(rgba(220,42,133,1) 0% , rgba(238,84,165,1) 50% ); 
	background:-moz-linear-gradient(top , rgba(220,42,133,1) 0% , rgba(238,84,165,1) 50%); 
	background:linear-gradient(top , rgba(220,42,133,1) 0% , rgba(238,84,165,1) 50% ); */

	 /*background:url(footer.jpg?t=1753263549594) bottom left no-repeat;background-size:100%;*/
	}

@media screen and (max-width:767px){
	
	.bbbbox{width:100%;position:relative;padding:0px 0px 27vw 0px ;overflow: hidden;}
	
}


/*****************************************************************************************/
.Area.calendar{ padding:0px 0px 1% 0px; overflow:hidden; }
.Area.calendar .mainArea { display:block; margin:0% auto 0% auto;padding:0px 0px 0px 0px; position:relative; }
.Area.calendar .mainArea .bg_bottom{width:100%;}
.Area.calendar .mainArea img{width:100%;}
.Area.calendar .mainArea .btn.one{position:absolute; width: 18%;height: 80px;top:0%;right:25%; z-index: 9; /*background:#000; opacity:0.5;*/}
.Area.calendar .mainArea .btn.two{position:absolute; width: 32%;height: 80px;top:0%;right:0%; z-index: 9; /*background:#000; opacity:0.5;*/}
.Area.calendar .mainArea .box{width:100%;margin-top:-2px; min-height:100px;overflow:hidden;/*background:url(bg_center.jpg?t=1753263549594); background-size:100%; */}
.Area.calendar .mainArea .box img{width:100%;}
.Area.calendar .mainArea .box .table{width:100%;margin:-1% auto 3% auto; padding:5px 0px 10px 0px;overflow:hidden;list-style: none;background:#c5a0ff; border-radius:0px 0px 16px 16px; box-shadow:0px 3px 0px #651ac3;text-align:center;vertical-align:middle;}
.Area.calendar .mainArea .box ul {width:98%;vertical-align:top;  letter-spacing:0px; position:relative; list-style:none; padding:0px; margin:3px auto 5px auto;display:inline-block;border-radius:7px; padding-left:0.4%; }
.Area.calendar .mainArea .box ul.week02 li{width:24.5%;text-align: center;padding:0px 0px 5px 0px; border-radius:5px; overflow:hidden; font-weight:bold;height:100%; display:inline-block; word-wrap:break-word; background:#fff; float:left; margin-right:0.5%;}
.Area.calendar .mainArea .box ul.week01 li{width:32.8%;text-align: center;padding:0px 0px 5px 0px; border-radius:5px; overflow:hidden; font-weight:bold;height:100%; display:inline-block; word-wrap:break-word; background:#fff; float:left; margin-right:0.5%;}
.Area.calendar .mainArea .box ul li{width:19.5%;text-align: center;padding:0px 0px 5px 0px; border-radius:5px; overflow:hidden; font-weight:bold;height:100%; display:inline-block; word-wrap:break-word; background:#fff; float:left; margin-right:0.5%;}
.Area.calendar .mainArea .box ul li:last-of-type{margin-right:0vw;}
.Area.calendar .mainArea .box ul li h3{width:100%;padding:5px 0px; margin:0px 0px 5px 0px; background:#ecdfff;font-size:16px;color:#43008f; letter-spacing:1px;}
.Area.calendar .mainArea .box ul li a{ display:block;width:96%;padding:2px 0px; margin:2px auto;font-size:12px;  color:#171717; line-height:15px; letter-spacing:0px;word-wrap:break-word;}
.Area.calendar .mainArea .box ul li a:nth-child(odd){color:#e1015b; }
.Area.calendar .mainArea .box ul li a:nth-child(even){color:#5503d5; }
.Area.calendar .mainArea .box ul li a span{display:block; width:100%; overflow:hidden; margin:0 auto;}
.Area.calendar .mainArea .box ul li a.comeing_soon{ color:#fff;background:#9c9c9c;padding:0px 0px;  border-radius:5px; width:94%; margin:0 auto; height:30px; line-height:30px; 
position:absolute;top:50%;  left:3%;}


@media screen and (max-width:767px){
	
	.Area.calendar .mainArea .btn.one{height:40px;}
	.Area.calendar .mainArea .btn.two{height:40px;}
	.Area.calendar .mainArea .box ul li{margin-right:0.5%;}
}



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

.Area.band{ display:block; margin:1% auto 1% auto;padding:10px 0px 10px 0px; overflow:hidden;  position:relative;}
.Area.band .mainArea { display:block; margin:0% auto 0% auto; padding: 0px 0px 0px 0px; position:relative; }
.Area.band .mainArea .bg_bottom{width:100%;}
.Area.band .mainArea .band_box{width:100%;display:block; margin:0% auto 0% auto;  position:relative;}
.Area.band .mainArea .band_box img{width:100%;}

/*****強牌/直播時間資訊********/
.Area.band .mainArea .band_Time{width:100%; position:absolute;top:-5%;left:0px;color:#fff999;}
.Area.band .mainArea .band_Time h3{ font-size:30px;text-align:center; font-weight:bold; letter-spacing:0.5px; }
.Area.band .mainArea .band_Time h3 span{ padding:2px 15px 3px 15px; margin:0px 5px; background:#300575; border-radius:100px;}
.Area.band .mainArea .band_Title{width:100%; position:absolute;top:51%;left:0px; font-size:30px; text-align:center; /*font-style:italic; */ color:#2d065d; font-weight:bold; letter-spacing:-0.5px; }
@media screen and (max-width:767px){
	.Area.band .mainArea .band_Time{top:-11%;}
	.Area.band .mainArea .band_Time h3{ font-size:5vw;text-align:center; font-weight:bold;  }
	.Area.band .mainArea .band_Title{top:49%;left:0px; font-size:5.2vw; }
	
}


.Area.band .box{width:100%; min-height:100px;text-align:center;vertical-align:middle;overflow:hidden;margin:0px auto 0px auto; padding:0px 0px 5px 0px; background-size:100%; }
.Area.band .box img{width:100%;}
/*****按鈕狀態********/
.Area.band .box .btn_box{width:60%; margin:5px auto 20px auto; position:relative; overflow:hidden; }
.Area.band .box .btn_box .btn.btn1{width:49%; height:60px; float:left; background:url(btn1-1.png?t=1753263549594) no-repeat; background-size:100%;overflow:hidden;}
.Area.band .box .btn_box .btn.btn2{width:49%; height:60px; float:right; background:url(btn2-1.png?t=1753263549594) no-repeat; background-size:100%;overflow:hidden;}
.Area.band .box .btn_box .btn a{width:100%;overflow:hidden;}
.Area.band .box .btn_box .btn a img{width:100%;}
@media screen and (max-width:767px){
	.Area.band .box .btn_box{width:80%; }
	.Area.band .box .btn_box .btn.btn1{width:49%; height:46px;}
	.Area.band .box .btn_box .btn.btn2{width:49%; height:46px;}
}



/**************/
.Area.band .box .swiperBox{width:95%; margin: 12px auto 0px auto; padding:0px 0px 0px 0px; overflow:hidden;}
.Area.band .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;}
.Area.band .box .swiperBox ul li.listPD.prep{width:100%;position:relative; text-align:center;margin:0 auto; padding:0; list-style:none; border-radius:7px;}

/*****強牌/banner*********/
.Area.band .box .swiperBox2{width:94%; margin: 12px auto 20px auto; padding:0px 0px 0px 0px; overflow:hidden; border-radius:7px;}
.Area.band .box .swiperBox2 ul.swiper-wrapper{width:100%; margin: 0 0 0 0; padding:0px 0px 0px 0px;list-style:none;text-align:center;vertical-align:middle;}
.Area.band .box .swiperBox2 ul li{width:100%;position:relative; text-align:center;margin:0 auto; padding:0; list-style:none;}
.Area.band .box .swiperBox2 ul li a{width:100%; height:100%; position:absolute;top:0px;}
.Area.band .box .swiperBox2 ul li img{width:100%; border-radius:7px;}


/*****強牌/入搞商品*********/
.Area.band .listPD div{ overflow:hidden;}
.Area.band .listPD .LinkRoom .goHref_PDPD{width:100%; height:100%; position:absolute; top:0px; left:0px;z-index:2;}
.Area.band .listPD .LinkRoom .goHref_live{width:100%; height:100%; position:absolute; top:0px; left:0px;z-index:3;}
.Area.band .listPD .LinkRoom {width:91%; margin:0px auto;overflow:hidden; position:relative; clear:both; padding-bottom:10px;background:#fff;border-radius:7px;padding:4px;}
.Area.band .listPD .LinkRoom .PD_box{width:98%;padding:0% 0% 0% 0%; margin:0 auto;overflow:hidden; position:relative;float:none;border-radius:5px;border:0.1vw solid #a6a6a6;}
.Area.band .listPD .LinkRoom .PD_img{width:100%;overflow:hidden; background:#b8b8b8;}
.Area.band .listPD .LinkRoom .PD_box .PD_img img{ width:100%; opacity:1;}
.Area.band .listPD .LinkRoom .text_box{width:95%;padding:7px 0% 0% 0%; margin:0 auto;float:none;overflow:hidden; }
.Area.band .listPD .LinkRoom .text_box {  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;  color:#591100;}
.Area.band .listPD .LinkRoom .text_box .date_box{width:97%;overflow:hidden; margin-bottom:10px;font-weight:bold;  border:0.1vw solid #e24080; display:none !important; }
.Area.band .listPD .LinkRoom .text_box .date_box .date{width:40%; font-size:16px; line-height:27px; color:#fff;background:#e24080; letter-spacing:0px; float:left; }
.Area.band .listPD .LinkRoom .text_box .date_box .time{width:60%; font-size:16px; line-height:27px; color:#e24080; float:left;}
.Area.band .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;}
.Area.band .listPD .LinkRoom .text_box .PDtxt p{margin:0px; padding:0px;font-weight:normal; color:#323232; letter-spacing:0px; }
.Area.band .listPD .LinkRoom .text_box .PDtxt p:nth-of-type(2){display:none !important;}
.Area.band .listPD .LinkRoom .text_box .act {width:100%; max-height:30px; overflow:hidden;}
.Area.band .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-pagination {
    position: relative;
	margin-top:0px;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0%;left: 0;width: 100%;}


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


/***全域設定 警語***/
.warningBox{display:block;width:100%; overflow:hidden;position:relative; margin:0px auto 0px auto; padding:10px 0px 10px 0px;color:#fff; }
.warningBox p{ display:block;width: 95%; margin:0px auto 0px auto; font-size:18px; letter-spacing:0.5px;line-height:26px; text-align:center; font-weight:bold;}
.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;}


@media screen and (max-width:767px){
	
	/***警語***/
	.warningBox{padding-bottom:0vw;padding:5px 0px 0px 0px;margin:1vw 0vw 1vw 0vw;}
	.warningBox p{margin:0px auto 0px auto;font-size:3.4vw;letter-spacing:0.5px;line-height:4.8vw;text-align:center;font-weight:bold;}
	

}


/*********浮層框***********************/		

.blackBox.agree_more .box .menuBox2{ width: 100%;list-style: none; overflow: hidden; padding: 0; margin:0; background-color: #eee; }
.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;}


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

}		
	


/*******top 按鈕*************/
.liveGotop {
    position: fixed;
    right: 0%;
    bottom: 12%;
    background: rgba(212, 185, 255, 0.9);
    color: #000;
    border-radius: 50% 0% 0% 50%;
    width: 45px;
    height: 45px;
    z-index: 10;
	line-height:53px;
	text-align:center;
	text-indent:5px;
	transition:all 0.2s;
	z-index:99;
}

.liveGotop i {
    width: 0;
    height: 0;
	position: absolute;
	top:7px;
	left:19px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #000 transparent;
}