@charset "utf-8";

body {margin: 0; padding:0; background:#ffd5e1; background:url("bgg2.png?t=1750667902212") top center fixed; background-size:cover; }
@media screen and (max-width:767px){
	
	body { width:100%;background:url("m_bgg.png?t=1750667902212") top center no-repeat; background-size:cover; background-color: #ffd5e1; }
	
}
	
/*隱藏*/

.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: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    -ms-transition: transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
	transition: all 0.2s ease;}
.hover:hover{transform:scale(0.97); 
	-webkit-transform:scale(0.97);
    -moz-transform:scale(0.97);
    -ms-transform:scale(0.97);
    -o-transform:scale(0.97);
	filter:brightness(115%);
}


/*全BOX版面*/
.WRAPPER { position: relative;margin: 0 auto;	padding: 0;	width:100%; max-width:1220px; overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; }
.WRAPPER img {display:;border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;  display:block;}
.WRAPPER .Area{ max-width:960px;  margin:0 auto; position:relative;}
.WRAPPER .mainArea { display:block; margin:0 auto; padding: 0;  max-width:750px;position:relative;}
@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;}
	.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;}
}
		
.Area.cut0{position:relative; z-index:2; overflow:hidden;}	
.Area.cut0 .momologo{width:100%; display:block; padding:20px 0px 15px 0px; background:#7b0742;overflow:hidden;}	
.Area.cut0 .momologo img{ width:210px; margin-left:25px; float:left;}	


	
/*****************************************************************************************************/	
	
.Area.cut01{position:relative; z-index:1;max-width:1220px;}
.Area.cut01 .mainArea {position:relative;max-width:960px;}
.Area.cut01 .mainArea .bk_fly{display:block;width:100%; top:30%;animation: float 4.5s ease infinite , float 3s ease infinite;z-index:1; }
.Area.cut01 .mainArea .bk_momoko{display:block;width:110%; position:absolute;top:-5%;left:4%; animation: bk_light 2.0s ease infinite ;z-index:3; }
.Area.cut01 .mainArea .bk_TV{display:block;width:105%; position:absolute;top:0;left:1%; z-index:4; }
.Area.cut01 .mainArea .bk_coin{display:block;width:100%; position:absolute;top:0;left:4.5%; animation: float 4s ease infinite , float 3s ease infinite;z-index:1; }
.Area.cut01 .mainArea .bk_title{display:block;width:100%; position:absolute;top:0;margin:0px auto; padding-top: 20px; animation:title_opacity2 1.2s linear;z-index:5;}



@keyframes float {
	0% { transform: translate(0%,0%) scale(0.98); }
	50%{ transform: translate(0%,-4%) scale(0.99); }
	100%{transform: translate(0%,0%) scale(0.98);}		
}
@keyframes float2 {
	0% { filter:brightness(100%) ;}
	50%{ filter:brightness(150%) ;}
	100%{filter:brightness(100%) ;}		
}
@keyframes bk_light{
	0%{opacity:1;filter:brightness(98%) ;}
	69%{opacity:1;filter:brightness(98%) ;}
	75%{opacity:1;filter:brightness(130%) ;}
	80%{opacity:1;filter:brightness(98%) ;}
	100% {opacity:1;filter:brightness(98%) ;}
}

/*重磅登場*/
.bangIn {-webkit-animation-duration: 0.8s;  animation-duration: 0.8s;  -webkit-animation-name: bangIn;  animation-name: bangIn;   animation-timing-function:linear; }

	@keyframes bangIn { 
		0%   { -webkit-transform: scale(1.4); transform: scale(1.4); filter:brightness(120%);opacity:0;} 
		40%  { -webkit-transform: scale(0.95); transform: scale(0.95); filter:brightness(120%);} 
		60%  { -webkit-transform: scale(1.05); transform: scale(1.05); filter:brightness(120%);} 
		80%  { -webkit-transform: scale(1); transform: scale(1); filter:brightness(100%);}
	}
	@-webkit-keyframes bangIn {   
		0%   { -webkit-transform: scale(1.4); transform: scale(1.4); filter:brightness(120%);opacity:0;} 
		40%  { -webkit-transform: scale(0.95); transform: scale(0.95); filter:brightness(120%);} 
		60%  { -webkit-transform: scale(1.05); transform: scale(1.05); filter:brightness(120%);} 
		80%  { -webkit-transform: scale(1); transform: scale(1); filter:brightness(100%);}
	}

@media screen and (max-width:767px){
	
	.Area.cut01{margin-bottom:0vw;max-width:100%;}
	.Area.cut01 .mainArea {max-width:100%;}
	.Area.cut01 .mainArea .bk_title{width: 120%; margin: 0 -10%; top: -10vw;}
	.Area.cut01 .mainArea .bk_red{display:block;width:100%; position:absolute;top:0px;left:0; overflow:hidden;}
	.Area.cut01 .mainArea .bk_coin{display:block;width:100%; position:absolute;top:0%;left:0; overflow:hidden;z-index:1;}
	
	
	
	
}	
	
/*****************************************************************************************/

.Area.cut02{ padding-bottom:0px;margin-top:90px;z-index:3;}
.Area.cut02 .mainArea img{ display:block;}
.cut02 .for_pc{display:block;width:100%;}
.cut02 .for_mobile{display:none;}
.cut02  .box{overflow:hidden; position:relative;}
.cut02  .box .bg_02{width:100%; margin:0 auto 0 auto; }

.cut02  .box .btn ,.linkPage{position:absolute;display:block ; /**background:#000; opacity:0;*/ }
.cut02  .box .btn.one{width: 40%; height: 35%; bottom: 18%; left: 10%;}
.cut02  .box .btn.two{width: 40%; height: 35%; bottom: 18%; left: 50%;}
.cut02  .box .btn.golive{width: 66%;  margin: 0 auto;  height: 80%;  top: 15%;  left: 17%;}
.cut02  .box .count{position:absolute;width:60%; font: bold 20px "Century Gothic", Arial, "Microsoft JhengHei";overflow:hidden;color:#59062b; background:; border-radius:100px; 
left:20%;bottom:7%; text-align:center; letter-spacing:0.5px;}



@media screen and (max-width:767px){
	.Area.cut02{ padding-bottom:0vw;margin-top:12vw;}	
	.cut02 .for_pc{display:none;}
	.cut02 .for_mobile{display:block;}
	.cut02  .box{width:100%;position:relative;overflow:hidden;}
	.cut02  .box .bg_02{width:100%; }
	.cut02  .box .count{font: bold 3.3vw  "Century Gothic", Arial, "Microsoft JhengHei"; letter-spacing:0.5px;padding:0vw 0vw;left:20%;bottom:7%;}
	

}


/*************活動說明/登記查詢*****************************************/

.searchBoxBtn{display:block;width:88%; margin:10px auto 15px auto; position:relative;}
.searchBoxBtn .bg_04{display:block;width:100%;}
.searchBoxBtn .linkPage{width:40%;height:82%;bottom:9%;}
.searchBoxBtn .linkPage.AA { left:9%;}
.searchBoxBtn .linkPage.CC { right:9%;}


/**警語**/
.warningBox{display:block;width:100%; overflow:hidden;position:relative;margin:0px auto 20px auto; }
.warningBox span{color:#ed026f; font-weight:bold;}
.warningBox p{ margin:0px; padding:0px ;font-size:20px; letter-spacing:1px; line-height:1.5em; text-align:center; font-weight:800;color:#3d0006;}
.warningBox a{ display:inline-block;text-decoration:underline;color:#81030f;font-weight:800;letter-spacing:1px;}
.warningBox h5{display: block; width: 54%; margin:2vw auto; padding: 4px; font-size: 16pt; background-color:#ffffef;text-align: center; line-height: 1.5em; border-radius: 60px;border-bottom:3px solid #ff47a8;}


@media screen and (max-width:767px){
	
	.searchBoxBtn{display:block;width:100%; margin:2vw auto 2vw auto; position:relative;}
	.searchBoxBtn .bg_04{display:block;width:100%;}
	.warningBox{width:91%;padding-bottom:2.5vw;margin:0px auto  0 auto;}
	.warningBox p{width:100%;margin:1px auto 0px auto; font-size:3.1vw;letter-spacing:0px;line-height:5vw; text-align:center;}
	.warningBox h5{display: block; width: 65%; margin:2vw auto; padding: 6px 3px; color: #311b1b; background-color:#fffff6;text-align: center; line-height: 1.5em; border-radius: 60px;border-bottom:3px solid #ff47a8;border-top:1px solid #ffafd9;font: bold 0.95em "Century Gothic", Arial, "Microsoft JhengHei";}	
	
	
}



/****************************精選活動  輪播**************************/

.Area.cut03{ padding-bottom:30px; padding-top:10px; overflow:hidden;position:relative;}
.activeOut{width:92%; position:relative;margin:10px auto 0 auto;z-index:2; overflow:hidden;padding-bottom:30px; background:; padding-left:7px; }

.activeOut .active_box{width:100%;position:relative;}
.activeOut .box_acty{overflow:hidden;border:2px solid #92114c;border-radius:30px;background:#92114c; }
.activeOut .box_acty .swiper-wrapper{width:100%;} 
.activeOut .box_acty .swiper-wrapper  .swiper-slide{display:block; margin:0vw 0vw 0vw 0vw ;} 
.activeOut .box_acty .swiper-wrapper  .swiper-slide  img{width:100%;display:block;} 

.activeOut .button { background-color:rgba(255,255,255,0.9); box-shadow:0 0 0 10px rgba(255,255,255,0.9), 0 0 15px 10px rgba(0,0,0,0.1); position:absolute;top:135px;}
.activeOut .swiper-button-next, 
.activeOut .swiper-button-prev {display:block;opacity:0;}
.activeOut .swiper-button-next,
.activeOut .swiper-button-prev {}
.activeOut:hover .swiper-button-next, 
.activeOut:hover .swiper-button-prev { display: block;opacity:1;}

.activeOut .swiper-button-next{
     right: 12px !important; 
}
.activeOut .swiper-button-prev  {
    left: 12px !important; 
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 18px !important;
    width: 100%;
}

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

	.Area.cut03{ padding-bottom:4.5vw;padding-top:3vw;}
	.activeOut{width:91%;margin:0vw auto 0 auto;z-index:1; overflow:hidden;padding-bottom:1vw;padding-left:0px;}
	.activeOut .active_box{width:100%;overflow:hidden;}
	.activeOut .box_acty{border-width:1px;border-radius:3vw;}
	.activeOut .box_acty .swiper-wrapper{width:100%;border-width:0.3vw;border-radius:1vw;} 
	.activeOut .box_acty .swiper-wrapper  .swiper-slide{display:block; margin:0vw 0vw 0vw 0vw ;} 
	.activeOut .box_acty .swiper-wrapper  .swiper-slide  img{width:100%;display:block;} 

	

	.activeOut .swiper-button-next, 
	.activeOut .swiper-button-prev {display:none;opacity:0;}
	.activeOut .swiper-button-next,
	.activeOut .swiper-button-prev {}
	.activeOut:hover .swiper-button-next, 
	.activeOut:hover .swiper-button-prev {display:none;opacity:0;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 18px !important;
		width: 100%;
	}

	.swiper-pagination-bullet { width: 6px; height: 6px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 3px}	
	.Area.cut03 .brightnessbg{display:block;height:35vw;z-index:0;}

}




/*****************精選分館**********************/


.Area.kind_area{position:relative;z-index:9; height:150px;margin:20px auto 0px auto;}
.Area .kind_box{width:760px;position:relative;margin:0px auto 0px auto; padding:10px 0px;border-radius:100px; overflow:hidden;background:rgba(229,35,53,0.8);border:3px solid #870310; transition:0.3s;}
.Area .kind_box.fixed{ position:fixed;margin:0px auto 0px auto;padding:15px 0px; top:-2px; left:50%; margin-left:-381px;background:rgba(229,35,53,0.95);border-radius:0px 0px 15px 15px; transition:0.3s;}

.Area .kind_box ul{list-style:none;overflow:hidden; padding:0px; margin:0px auto 0 auto;padding-bottom:0px; text-align:center; }
.Area .kind_box li{list-style:none; padding:5px 17px;display:inline-block;border-left:0px solid #fee8b2;text-align:center; }
.Area .kind_box li:nth-of-type(1){border-left:0px solid #8fa4ab;padding-left:0px; }
.Area .kind_box li:last-child{padding-right:0px; }
.Area .kind_box li a{display:block;color:#fff; font-size:20px;text-align:center;font-weight:;}
.Area .kind_box li a:hover{color:#fbffbe;}





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

.apple_txt{text-align:center; width:100%; padding:20px 0px; color:#870310;font-size:14px; background:;  }
.apple_txt p{width:90%;display:block;margin:0 auto;}
		
@media screen and (max-width:767px){
	
	.apple_txt{padding:5vw 0vw; font-size:12px;}
	
}	
	
	
.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;}


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

	.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);}
	/*.blackBox.agree_more  .box .content{max-height:390px  !important;}*/
	.blackBox.agree_more .box img{ display:block;  width: 100%;margin:2vw auto; float:none;}
	
	
}