@charset "utf-8";

body {width:100%;margin: 0; padding:0;overflow-x:hidden; overflow-y:scroll; position:relative;background:#083679;}	
	
@media screen and (max-width:767px){
	
	body {background:#0448ad; background-size:16%;}	
	
}

/*全域 套用 */
.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;}
}

/*滑鼠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(100%);
}

/*滑鼠hover 顯示動畫2*/
.hover2{
	-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;}
.hover2:hover{transform:scale(1.08); 
	-webkit-transform:scale(1.08);
    -moz-transform:scale(1.08);
    -ms-transform:scale(1.08);
    -o-transform:scale(1.08);
}


/***透明度動畫 ******/
.opacity{animation:opacity 3s ease;}
.opacity2{animation:opacity 0.2s ease;}
@keyframes opacity{
	0%{opacity:0;}
	100%{opacity:1;}	
}

/*全BOX版面*/
.WRAPPER { position:relative;margin: 0 auto;padding:0;width:100%; min-width:1220px; max-width:2000px;font-family:Century Gothic,"微軟正黑體","Microsoft JhengHei",Helvetica;overflow:hidden; background:url(bgbg.png?t=1754878106738) center top;}
.WRAPPER img {display:block;border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;  display:block;}
.WRAPPER .Area{ position:relative;z-index:3;width:100%; }
.WRAPPER .mainArea { display:block; margin:0 auto; padding: 0; width:1220px; position:relative;}
@media screen and (min-width:767px) and (max-width:1220px){	
	.WRAPPER .Area{ width:100%;}
}
@media screen and (max-width:767px){
	
	.WRAPPER { background-size:209%;padding-bottom:0px; margin:0px auto 0 auto; display: block; min-width:100%; overflow:hidden; }
	.WRAPPER .Area{ width:100%; }
	.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;}
	
}

/********header logo***************************/			
.Area.logoBox{width:100%;margin:0 auto; padding:5px 0px 12px 0px;overflow:hidden;background:none; z-index:9; position:absolute;  }	
.logoBox .momologo{width:330px;height:42px; display:block;overflow:hidden;margin-left:445px;float:left;}	
.logoBox .momologo .Home{width:70%;float:left;height:100%;background: url(logo_mo.png?t=1754878106738) left center no-repeat;}	
.logoBox .momologo .Page{width:30%;float:left;height:100%;background: url(logo_tv.png?t=1754878106738) left center no-repeat; }

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

.fixed_bg{width:2000px; height:100%; position:fixed;top:900px; left:50%; margin-left:-1000px;  z-index:2;pointer-events:none; }
.fixed_bg .fixed_pic{ width:2000px;position:fixed; bottom:-30px; left:50%; margin-left:-1000px;opacity:0; transition:all 1s;}
.fixed_bg .fixed_pic.fixedScroll{ opacity:1; }
.fixed_bg .fixed_pic.fixedScroll2{ opacity:0;}
.fixed_bg .fixed_pic img.pic{width:100%;}
.float_bg{width:100%;height:120%;position:absolute;top:420px; left:0%; background-size:auto; opacity:1; background-position:top center; pointer-events:none;z-index:6;}


/***********方框內背景*********************/
.Area.cut00{width:2000px;position:absolute;height:800px;top:0px;left:50%;margin-left:-1000px;z-index:1;  overflow:hidden;pointer-events:none;}
.Area.cut00 .bk_bg1{width:100%;height:790px;position:relative; overflow:hidden; background:url(bk_bg1.jpg?t=1754878106738) center top; top:0px;left:0px;opacity:1;} 
.Area.cut00 .bk_bg2{width:100%;height:790px;position:absolute; overflow:hidden; background:url(bk_bg2.jpg?t=1754878106738) center top; top:0px;left:0px;opacity:1;} 
.Area.cut00 .bk_bg3{width:100%;height:790px;position:absolute; overflow:hidden; background:url(bk_bg3.png?t=1754878106738) center top; top:0px;left:0px;opacity:1; z-index:3;}
.Area.cut00 .coinBox{width:1790px;position:absolute; top:-60px; left:50%; margin-left:-925px;  z-index:3;}
.Area.cut00 .coinBox .coin{width:100%; animation:toy01 1.1s linear;}
.Area.cut00 .mainArea{ width:2000px;height:800px; position:relative; z-index:2;}
.Area.cut00 .mainArea .sunBox{position:absolute;width:720px; top:-310px; left:50%; margin-left:-360px;}
.Area.cut00 .mainArea .sunBox img{width:100%;}
.Area.cut00 .mainArea .sunBox img:nth-of-type(1){position:relative;width:100%; animation: sunBox 0.5s ease;}
.Area.cut00 .mainArea .sunBox img:nth-of-type(2){position:absolute; top:0px; left:0%; animation: sunBox 0.4s ease;}
.Area.cut00 .mainArea .sunBox img:nth-of-type(3){position:absolute; top:0px; left:0%; animation: sunBox 0.3s ease;}
.Area.cut00 .mainArea .sunBox img:nth-of-type(4){position:absolute; top:0px; left:0%; animation: sunBox 0.2s ease;}
.Area.cut00 .mainArea .light{position:absolute;width:100%; top:0px; left:0px;animation:shiny 3s infinite ease;}
@keyframes sunBox {
	0% { transform: translate(0%,-10%) scale(0.7); filter:brightness(1.5);}
	50%{ transform: translate(0%,-10%) scale(0.7); filter:brightness(1.5);}
	100%{transform:  translate(0%,0%) scale(1); filter:brightness(1);}		
}
@keyframes shiny{
	0%{opacity:1; filter:brightness(100%) ;}
	50%{opacity:0.2; filter:brightness(100%) ;}
	100%{opacity:1; filter:brightness(100%) ;}
}
@keyframes shiny2{	
	0%{filter:brightness(0.7);}
	50%{filter:brightness(2);}
	100%{filter:brightness(0.7);}
}

.Area.cut00 .mainArea .super.super_01{position:absolute;width:100%; top:0px; left:0px; animation: bg_people_01 0.8s 0.8s linear both,bg_people_02 4s 1.8s infinite;}
.Area.cut00 .mainArea .super.super_02{position:absolute;width:100%; top:0px; right:0px; animation: bg_people_03 0.8s 0.8s linear both,bg_people_04 4s 1.8s infinite;}
@keyframes bg_people_01 {
	0% { transform: translate(0px,30px) scale(1,1);opacity:0;}
    100%{transform: translate(0px,0px)  scale(1,1);opacity:1;}	
}
@keyframes bg_people_02 {
	0% , 100% { transform: translate(0px,0px) scale(1,1);opacity:1;}
    50%{transform: translate(0px,20px)  scale(1,1);opacity:1;}	
}
@keyframes bg_people_03 {
	0% { transform: translate(0px,-30px) scale(1,1);opacity:0;}
    100%{transform: translate(0px,0px)  scale(1,1);opacity:1;}	
}
@keyframes bg_people_04 {
	0% , 100% { transform: translate(0px,0px) scale(1,1);opacity:1;}
    50%{transform: translate(0px,-20px)  scale(1,1);opacity:1;}	
}
@keyframes toy01 {
	0% { transform: scale(0); filter:brightness(0.7);}
	50%{ transform: scale(0); filter:brightness(0.7);}
	65%{ transform: scale(0.99); filter:brightness(0.7);}
	75%{transform: scale(0.94); filter:brightness(1);}	
	85%{transform: scale(0.99); filter:brightness(1);}	
	100% {transform: scale(1); filter:brightness(1);}		
}
@keyframes super_01 {
	0% { transform: translate(-120%,40%) scale(0.8);filter:brightness(0.6);}
	10% { transform: translate(-120%,40%) scale(0.8);filter:brightness(0.6);}
	20% { transform: translate(-120%,40%) scale(0.8);filter:brightness(0.6);}
	30% { transform: translate(-120%,40%) scale(0.8);filter:brightness(0.6);}
	40% { transform: translate(-120%,40%) scale(0.8);filter:brightness(0.6);}
	50% { transform: translate(-120%,40%) scale(0.8);filter:brightness(0.6);}
	60% { transform: translate(-120%,40%) scale(0.8);filter:brightness(0.6);}
	70% { transform: translate(-120%,40%) scale(0.8);filter:brightness(0.6);}
	80% { transform: translate(-120%,40%) scale(0.8);filter:brightness(0.6);}
	100%{transform: translate(0%,0%)  scale(1);filter:brightness(1);}		
}
@keyframes super_011{
	0% { transform: translate(0%,0%);}
	50%{ transform: translate(0%,8%);}
	100%{transform: translate(0%,0%);}		
}
@keyframes super_02 {
	0% { transform: translate(120%,40%) scale(0.8);filter:brightness(0.6);}
	10% { transform: translate(120%,40%) scale(0.8);filter:brightness(0.6);}
	20% { transform: translate(120%,40%) scale(0.8);filter:brightness(0.6);}
	30% { transform: translate(120%,40%) scale(0.8);filter:brightness(0.6);}
	40% { transform: translate(120%,40%) scale(0.8);filter:brightness(0.6);}
	50% { transform: translate(120%,40%) scale(0.8);filter:brightness(0.6);}
	60% { transform: translate(120%,40%) scale(0.8);filter:brightness(0.6);}
	70% { transform: translate(120%,40%) scale(0.8);filter:brightness(0.6);}
	80% { transform: translate(120%,40%) scale(0.8);filter:brightness(0.6);}
	100%{transform: translate(0%,0%)  scale(1);filter:brightness(1);}		
}
@keyframes super_022{
	0% { transform: translate(0%,0%);}
	50%{ transform: translate(0%,-8%);}
	100%{transform: translate(0%,0%);}		
}

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

.Area.cut01{height:750px;margin:0px auto 0px auto; position:relative; z-index:2;overflow:hidden;}
.Area.cut01 .mainArea { width:1220px;height:750px; position:relative;}
.Area.cut01 .mainArea .m_bk_01{width:100%;}
.Area.cut01 .mainArea .super{position:absolute;}
.Area.cut01 .mainArea .boxbox{display:block;width:1220px; height:960px;position:absolute; left:50%; top:0px; margin-left:-610px;}
.Area.cut01 .mainArea .boxbox .box_01{position:absolute;width:150px; top:0px; left:-100px;  animation:boxbox2 1s linear, boxbox 3s 1s infinite;}
.Area.cut01 .mainArea .boxbox .box_02{position:absolute;width:164px; top:270px; right:230px;animation:boxbox2 1s linear, boxbox 3s 1s infinite;}
@keyframes boxbox {
	0% { transform: translate(0%,0%);}
	50%{ transform: translate(0%,-15%);}
	100%{transform: translate(0%,0%);}		
}
@keyframes boxbox2 {
	0% {filter:brightness(0.7);}
	50%{ filter:brightness(0.7);}
	100%{filter:brightness(1);}		
}
.Area.cut01 .title_box{display:block;width:734px;position:relative;margin:70px auto 0 auto;right:0px;}
.Area.cut01 .title_box img{width:100%;}
.Area.cut01 .title_box .item_title_box{width:100%;position:absolute;overflow:hidden; bottom:0%;left:0px; z-index:4;}
.Area.cut01 .title_box .item_title_box .swiper-wrapper{width:100%;overflow:hidden;}
.Area.cut01 .title_box .item_title_box .swiper-slide{width:100%; display:block;overflow:hidden;}
.Area.cut01 .title_box .item_title_box .swiper-slide img{width:100%;}

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

	.Area.cut01{width:100%; height:auto;margin:0px auto 0vw auto; overflow:hidden;}
	.Area.cut01 .mainArea {width:100%;height:auto; overflow:hidden;}
	.Area.cut01 .mainArea .m_pic_01{width:100%; position:absolute;top:0px; left:0px;}
	.Area.cut01 .title_box{position:absolute;display:block;margin:0 auto;width:75%;left:0%;top:11%;}
	.Area.cut01 .title_box .item_title_box{width:100%;position:absolute;overflow:hidden; bottom:0%;left:0%; z-index:4;animation: opacity 1s linear;}
	.Area.cut01 .coin{width:100%;position:absolute; top:0px; left:0%; animation: coin1 2.5s infinite; }
	@keyframes coin1 {
		0% { transform: translate(0%,0%);}
		50%{ transform: translate(0%,3%);}
		100%{transform: translate(0%,0%);}		
	}
		
		
}

/*******版頭品**********/
.first_pdBox{position:absolute;left:50%;margin:0 auto 0 247px;top:114px;width:250px; padding:12px 5px 5px 20px;z-index:9;}
/*.first_pdBox::after{content:"";position:absolute; top:-31px; left:-28px; width:125px; height:50px; display:block; background:url(pic01.png?t=1754878106738) no-repeat; background-size:100%;}
.first_pdBox::before{content:"";position:absolute; bottom:30%;right:-55px;width:80px; height:80px; display:block; background:url(pic02.png?t=1754878106738) no-repeat; background-size:100%; z-index:5;}*/

/***版頭品文字****/
.first_pdBox .listTitle{position:absolute;z-index:5;width:50px;height:100%; top:-10px; left:2px;}
.first_pdBox .listTitle h2{width:100%;display:block;font-size:34px; line-height:40px;vertical-align:baseline;font-family:"微軟正黑體","Microsoft JhengHei",Arial;font-weight:bold;text-align:center; color:#064c4c;color:#fff;}
/***入稿商品****/
.first_pdBox .content_Area{width:85%;position:relative;overflow:hidden;display:block;margin:0px 0px 0px auto;padding:0px 0px 0px 0px;}
.first_pdBox .content_Area .ulOut{width:100%;margin:0px auto 0px auto; overflow:hidden;}
.first_pdBox .content_Area ul {width:100%;margin:0px auto;padding:0px;padding-bottom:0vw;position:relative;display:block;overflow:hidden;}
.first_pdBox .content_Area ul li {float:left;display:inline-block; box-sizing:border-box;margin-left:0%;margin-bottom:0%;padding:0px;width:100%;overflow:hidden;position:relative;border-radius:5px;border:1px solid #fff; background:#fff;}
.first_pdBox .content_Area ul li a {width:100%;display:block;overflow:hidden; margin:0px auto 0 auto;text-decoration:none;position:relative;background:#fff;padding-bottom:5px;}
.first_pdBox .content_Area ul li a img { display:block;width:100%;height:auto; margin:0px auto 5px auto; border-radius:0px;}
.first_pdBox .content_Area ul li a .text_box{width:95%;overflow:hidden;margin:0px auto 0px auto;}
.first_pdBox .content_Area ul li a .text_box h3 { margin:5px auto 0px auto;max-height:32px;width:100%;overflow:hidden; background:#fff; }
.first_pdBox .content_Area ul li a .text_box h3 p{display:block;width:96%;margin:0 auto;color:#ff005a;font-size:17px;line-height:25px;text-align:left;font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;padding:0px; letter-spacing:0.5px; font-weight:bold;}
.first_pdBox .content_Area ul li a .text_box h4 {display:block;margin:5px auto 3px auto;height:49px; font:18px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align:left;color:#000;overflow:hidden;padding: 0 5px;line-height:24px; font-weight:bold;letter-spacing:0.5px;}

.first_pdBox .content_Area ul li a .priceBox { margin:0; padding:0 8px 0 2px;color:#ff005a;overflow:hidden;height:45px;text-align:left;}
.first_pdBox .content_Area ul li a .priceBox .money { font: normal 22px Century Gothic;text-align:center;margin-right:0px;}
.first_pdBox .content_Area ul li a .priceBox .Price { font: normal 34px Century Gothic; letter-spacing:-0.5px;text-align:center;}
.first_pdBox .content_Area ul li a .priceBox  del{margin-right:5px;padding:0px;font-size:20px;font-family:Century Gothic,"微軟正黑體"; color:#818181;}
.first_pdBox .content_Area ul li a .priceBox .slogan{font-size:17px;font-weight:bold;font-family:"微軟正黑體"; padding-right:3px;}
.first_pdBox .content_Area ul li a .priceBox  small{font-size:18px; letter-spacing:-1px; margin-left:0px;font-weight:bold;font-family:"微軟正黑體";}

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

	.Area.cut01{width:100%; height:auto;margin:0px auto 0vw auto; overflow:hidden;}
	.Area.cut01 .mainArea {width:100%;height:auto;}
	.Area.cut01 .mainArea .m_pic_01{width:100%; position:absolute;top:0px; left:0px;}
	.Area.cut01 .mainArea .m_coin{width:100%; position:absolute;top:-5px; left:0px;animation: bird02 3s linear infinite;}
	.Area.cut01 .title_Area{width:100%; margin:0px auto; overflow:hidden; position:absolute; top:0px;left:0px;}
	.Area.cut01 .title_Area .title_00{width:100%; position:relative;top:0%; left:0%;}
	.Area.cut01 .title_Area .title_box{display:block;width:93%;left:3.5%;top:22%;}
	.Area.cut01 .title_Area .title_box .item_title_box{width:96%;position:absolute;overflow:hidden; bottom:5%;left:1.8%; z-index:4;animation: opacity 1s linear;}
	
	/*******版頭品**********/
	.first_pdBox{position:relative;left:0%;margin:13px auto 20px auto;top:auto;width:75%; padding:3vw 1vw 3vw 3vw;background:#6e1ef1;border:1px solid #ffd119;border-radius:7px; z-index:9; /*box-shadow:0px 0px 0px 1px #0c0025 , inset 2px 3px 3px #f5699a;*/}
	.first_pdBox::after{content:"";position:absolute; top:-11%; left:-15px; width:26%; height:60px;}
	.first_pdBox::before{content:"";position:absolute; bottom:-33%;right:-6%;width:15%; height:80px; z-index:5;}
	/***版頭品文字****/
	.first_pdBox .listTitle{position:absolute;z-index:5;width:6%;height:100%; top:-6px; left:auto; right:2%;}
	.first_pdBox .listTitle h2{font-size:18px; line-height:5.3vw;}
	/***入稿商品****/
	.first_pdBox .content_Area{width:96.5%;margin:0px auto 0px 1px;padding:0px 0px 0px 0px;}
	.first_pdBox .content_Area .ulOut{}
	.first_pdBox .content_Area ul {width:100%;margin:0px auto;padding:0px;padding-bottom:0vw;position:relative;display:block;overflow:hidden;}
	.first_pdBox .content_Area ul li {width:100%;border-radius:5px;border:3px solid #fff;}
	.first_pdBox .content_Area ul li a {width:100%;display:block;overflow:hidden; margin:0px auto 0 auto;text-decoration:none;position:relative;padding-bottom:0px;}
	.first_pdBox .content_Area ul li a img { display:block;width:42%;height:auto; margin:0px 5px 0px 0px; border-radius:3px; float:left;}
	.first_pdBox .content_Area ul li a .text_box{width:56%;overflow:hidden;margin:0px 0px 0px 0px;float:left; }
	.first_pdBox .content_Area ul li a .text_box h3 { margin:5px auto 5px auto;max-height:32px;width:100%;overflow:hidden; background:#fff; }
	.first_pdBox .content_Area ul li a .text_box h3 p{display:block;width:96%;margin:0 auto;color:#ff005a;font-size:16px;line-height:20px;}
	.first_pdBox .content_Area ul li a .text_box h4 {display:block;margin:5px auto 3px auto;height:10.5vw; font:3.7vw "微軟正黑體","Microsoft JhengHei",Helvetica;padding: 0 5px;line-height:5vw; font-weight:bold;letter-spacing:0.5px;}

	.first_pdBox .content_Area ul li a .priceBox { margin:0;padding:0px 2px;height:auto;text-align:right;}
	.first_pdBox .content_Area ul li a .priceBox .money { font: normal 4.5vw Century Gothic;text-align:left;margin-right:0px;}
	.first_pdBox .content_Area ul li a .priceBox .Price { font: normal 6.5vw Century Gothic; letter-spacing:-0.5px;text-align:left;}
	.first_pdBox .content_Area ul li a .priceBox  del{margin-right:5px;padding:0px;font-size:3.8vw;display:block; margin-bottom:-3px;}
	.first_pdBox .content_Area ul li a .priceBox .slogan{font-size:3.8vw;padding-right:1px;}
	.first_pdBox .content_Area ul li a .priceBox  small{font-size:3.5vw; letter-spacing:-0.2px;}
	
}

/**************上方小活動*********************/
.float_Box{position:relative;width:1220px;height:100px;margin:-210px auto 0px auto; overflow:hidden;padding:0px 0px 0px 0px; z-index:4;}
.float_Box ul{width:100%;float:left;padding:0px;margin:0px 0px 0px 0px;overflow:hidden;list-style:none;text-align:center;vertical-align:middle;}
.float_Box ul li{display:inline-block;width:269px;padding:0px;  margin:0px -4px;}
.float_Box ul li img{width:100%;}

@media screen and (max-width:767px){
	.float_Box{width:100%; height:auto; position:relative;margin:-28% auto 0px auto;padding-top:0vw;padding-bottom:0vw; }
	.float_Box ul{width:100%;margin:0vw auto 0 0%;padding:0px;overflow:hidden; list-style: none;text-align:center;position:relative; z-index:1;}
	.float_Box ul li{ display:inline-block;width:32%; margin:0px -0.6vw;}
}

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

.greenBg_box{width:100%; padding:0px 0px 50px 0px; margin-top:25px; position:relative; z-index:9; overflow:hidden;}	
.caption{width:960px; display:block; margin:33px auto 18px auto;}

@media screen and (max-width:767px){
	.greenBg_box{width:100%; padding:0px 0px 0px 0px; margin:0vw auto 0px auto;}	
	.caption{width:100%; display:block; margin:5vw auto 3vw auto;}
}


/******************登記區域** 登記區域******登記區域*******登記區域**************************************/

.Area.cut02{padding-bottom:20px; margin-top:0px; position:relative;z-index:2; }
.Area.cut02 .mainArea{ width:1220px;padding-top:10px;padding-bottom:0px;  overflow:hidden;}

/***全域設定***/
.cut02 .for_pc{display:block;}
.cut02 .for_mobile{display:none;}
.cut02 .boxOut{margin:15px auto 15px auto;position:relative; overflow:hidden; padding:0px 0px;}
.cut02 .boxOut .btnBg{width:100%;display:block;pointer-events:none;}
.cut02 .boxOut .ACT_content{position:relative;background:rgba(0,0,0,0);overflow:hidden;}
.cut02 .boxOut .ACT_content .box{position:relative; background:rgba(0,0,0,0);overflow:hidden; }
.cut02 .boxOut .ACT_content .box .btn{display:block;background:rgba(0,0,0,0); z-index:9;position:relative;}
.cut02 .boxOut .ACT_content .box .btn img{width:100%;}

/***全域設定 警語***/
.cut02  .warningBox{display:block;width:100%; overflow:hidden;position:relative; margin:0px auto 20px auto;}
.cut02  .warningBox p{ display:block;margin:0px auto 0px auto; font-size:15px; letter-spacing:1px; color:#fff; line-height:22px; text-align:center; font-weight:bold;}
.cut02  .warningBox.all{width:800px; }
.cut02  .warningBox.all p{color:#fff76f; }
.cut02  .warningBox span{color:#ffce00;}
.cut02  .warningBox a{ display:block;text-decoration:underline;font-weight:bold;letter-spacing:1px;color:#ffd018; }

/*** 登記/剩餘人數****/
.cut02 .box .count{margin:5px auto 0 auto;width:100%; height:20px;font: bold 15px "Century Gothic", Arial, "Microsoft JhengHei";overflow:hidden;text-align:center;border-radius:50px; line-height:20px; color:#0a4fa4; }

/***天天簽到抽****/
.cut02 .boxOut.A0{width:100%;}
.cut02 .boxOut.A0 .ACT_content{width:1220px;padding:0px;  margin:0px auto -8px auto;}
.cut02 .boxOut.A0 .ACT_content .box{width:100%;height:100%; position:absolute; top:0px; left:0px;}	
.cut02 .boxOut.A0 .ACT_content .box .btn{position:absolute; width:198px;bottom:16%; right:67%;}
.cut02 .boxOut.A0 .ACT_content .box .btn2{position:absolute; width:146px;top:3.5%; right:15%;}
.cut02 .boxOut.A0 .ACT_content .box .btn img{animation: btn 0.6s  infinite;}
.cut02 .boxOut.A0 .ACT_content .box .everyday{margin-top:222px;margin-left:-25%;width:100%; display:block; text-align:center;font: bold 64px "Century Gothic", Arial, "Microsoft JhengHei"; color:#6f1ff1; }
.cut02 .boxOut.A0 .ACT_content .box .everyday span{font-size:28px;}
.cut02 .boxOut.A0 .ACT_content .btn_float{width:620px; position:absolute; top:150px; right:178px; background:;}
.cut02 .boxOut.A0 .ACT_content .btn_float .lottery{width:190px; display:block;  margin-left:8px; float:left;}
.cut02 .boxOut.A0 .ACT_content .btn_float .lottery img{width:100%;}

/***免費搶mo幣 區塊01(長版)****/
.cut02 .boxOut.A1{width:100%;}
.cut02 .boxOut.A1 .ACT_content{width:1120px;padding:0px;  margin:0px auto 0px auto;}
.cut02 .boxOut.A1 .ACT_content .box{width:1120px;height:100%; position:absolute; top:0px; left:0px;}	
.cut02 .boxOut.A1 .ACT_content .box .btn{position:absolute; width:194px;top:32%; right:23%;}
.cut02 .boxOut.A1 .ACT_content .box .gif1{ width:87px;position:absolute; left:53.5%; top:39%;}
.cut02 .boxOut.A1 .ACT_content .box .warningBox{}
.cut02 .boxOut.A1 .ACT_content .btn_float{position:absolute; top:24px; right:80px;width:125px; }
.cut02 .boxOut.A1 .ACT_content .btn_float .btn_s{width:100%;display:block;margin-bottom:28px;}
.cut02 .boxOut.A1 .ACT_content .btn_float .btn_s img{width:100%;}
.cut02 .boxOut.A1 .ACT_content .count{color:#0d51a5; }

/***618今日限定***/
.cut02 .boxOut.A2{width:100%; margin-top:25px;}
.cut02 .boxOut.A2 .btnBg{width:100%;position:absolute; top:0px; left:0px; }
.cut02 .boxOut.A2 .ACT_content{position:relative;  height:auto; background:rgba(0,0,0,0);}
.cut02 .boxOut.A2 .ACT_content.aa{width:610px; float:left;}
.cut02 .boxOut.A2 .ACT_content.bb{width:610px; float:right;}
.cut02 .boxOut.A2 .ACT_content .box{width:100%;height:367px;}
.cut02 .boxOut.A2 .ACT_content.aa .box .btn{position:absolute; width:101px;top:49%; left:77%;}
.cut02 .boxOut.A2 .ACT_content.bb .box .btn{position:absolute; width:101px;top:49%; left:49%;}
.cut02 .boxOut.A2 .ACT_content .warningBox{width:95%;}
.cut02 .boxOut.A2 .ACT_content .count{color:#422bed;}

/***免費搶mo幣 區塊02(短版)***/
.cut02 .boxOut.A3{width:100%; margin-top:30px;}
.cut02 .boxOut.A3 .btnBg{position:absolute;top:0%; left:0px;width:100%;}
.cut02 .boxOut.A3 .ACT_content{position:relative;height:auto;}
.cut02 .boxOut.A3 .ACT_content .box{width:100%;height:338px; }
.cut02 .boxOut.A3 .ACT_content.aa{width:55%;float:left;background:rgba(0,0,0,0);}
.cut02 .boxOut.A3 .ACT_content.aa .btn_float{position:absolute; top:267px;left:50px;width:645px;}
.cut02 .boxOut.A3 .ACT_content.aa .btn_float .btn_s{width:21%;display:block;margin-right:79px;float: left;}
.cut02 .boxOut.A3 .ACT_content.aa .btn_float .btn_s img{width:100%;}
.cut02 .boxOut.A3 .ACT_content.aa .box .btn{position:absolute; width:194px;top:36%; left:63%;}
.cut02 .boxOut.A3 .ACT_content.aa .box .gif1{ width:75px;position:absolute; left:51.5%; top:52.5%;}
.cut02 .boxOut.A3 .ACT_content .warningBox{width:95%;}

/***加碼****/
.cut02 .boxOut.A3 .ACT_content.bb{width:45%;float:right;}
.cut02 .boxOut.A3 .ACT_content.bb .box .btn{position:absolute; width:97px;top:45.5%; right:19.5%;}
.cut02 .boxOut.A3 .ACT_content.bb .count{color:#fff; }

/**滿額送區塊**/
.cut02 .boxOut.A4{width:100%; margin-top:25px;}
.cut02 .boxOut.A4 .ACT_content.bb{width:100%;background:rgba(0,0,0,0); position:absolute;top:0px; left:0px;}
.cut02 .boxOut.A4 .ACT_content.bb .box{width:100%;height:360px;position:relative;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn{position:absolute;display: inline-block;width:97px;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn img{width:100%;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(1){bottom:17%; left:23%;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(2){bottom:17%; left:54.6%;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(3){bottom:17%; right:5.6%;}
.cut02 .boxOut.A4 .ACT_content.bb .box .pd_sw.sw01{overflow:hidden; position:absolute;width:260px;left:23%;top:31%;}
.cut02 .boxOut.A4 .ACT_content.bb .count{color:#0a4fa4; }

/**輪播**/
.cut02 .boxOut .ACT_content .box .pd_sw ul{width:100%;list-style: none;text-align:center;vertical-align:middle;overflow:hidden; margin:0px;padding:0px;}
.cut02 .boxOut .ACT_content .box .pd_sw ul li{display:block;width:100%; margin:0px;padding:0px;overflow:hidden;}
.cut02 .boxOut .ACT_content .box .pd_sw ul li img{display:block;width:100%; }

/***贈品/活動/登記查詢****/
.cut02 .searchBoxBtn{width:710px; margin:-9px auto 30px auto;position:relative; overflow:hidden; padding-left:0px;}
.cut02 .searchBoxBtn img{width:100%;}
.cut02 .searchBoxBtn .searchBox{width:506px;margin:70px auto 0px auto;position:relative; overflow:hidden; }
.cut02 .searchBoxBtn .searchBox .linkPage{margin-right:15px;width:238px;float:left; }

@media screen and (max-width:767px){
	
	.Area.cut02{ padding-bottom:0vw;margin-top:0vw;}
	.Area.cut02 .mainArea{width:100%;padding-top:0vw;padding-bottom:0vw;}
	.cut02 .box{padding:0vw 0vw 4.5vw 0vw;position:relative; overflow:hidden;}
	.cut02 .box .pic{width:100% !important;pointer-events:none;}
	.cut02 .content{width:100%;overflow:hidden; position:relative; }

	/***全域設定***/
	.cut02 .btn ,.btn_s ,.btn_ss{ display:block; position:absolute;float:none;z-index:2;background:rgba(0,0,0,0); }
	.cut02 .pd_sw ul{width:100%;list-style: none;text-align:center;vertical-align:middle;overflow:hidden; margin:0px;padding:0px;}
	.cut02 .pd_sw ul li{width:100%; margin:0px;padding:0px;}
	.cut02 .pd_sw ul li img{width:100%;}
	
	/*免費抽mo幣*/
	.cut02 .btn.b1{width:19%;height:21%;right:5.5%;top:12%;}
	.cut02 .btn_ss{width:27%; height:16%; bottom:5%; position:absolute;}
	.cut02 .btn_ss.page04{left:6%;width:25.5%;}
	.cut02 .btn_ss.page05{left:34%;width:25.5%;}
	.cut02 .btn_ss.page06{right:6%;width:32.5%;}

	/***天天簽到抽****/
	.cut02 .btn.one{position:absolute; width:37%;bottom:45%; right:18%;}
	.cut02 .btn.two{width:28%;height:11%;left:17%;top:43.5%;}
	.cut02 .btn.one img{width:100%;}
	.cut02 .everyday{width:100%; display:block; text-align:center;font: bold 6vw "Century Gothic", Arial, "Microsoft JhengHei"; color:#6e1ef1; position:absolute; top:20.3%; left:0%;}
	.cut02 .everyday span{font-size:10vw;}
	.cut02 .btn_float{width:90%; position:absolute; bottom:7%; left:5.3%; background:;}
	.cut02 .btn_float .lottery{width:31.5%; display:block;  margin-left:1.2%; float:left;}
	.cut02 .btn_float .lottery img{width:100%;}
	
	/*614-617限時加碼*/
	.cut02 .btn.b1{width: 91%;height: 49%;right:4%;top:21.5%;}
	.cut02 .gif1{position:absolute; width:14.8%;top:41.7%;left:25.8%;}
	.cut02 .btn_ss{width:27%; height:20%; bottom:3%; position:absolute;}
	.cut02 .btn_ss.page04{left:4%;width:28.5%;}
	.cut02 .btn_ss.page05{left:34%;width:31.5%;}
	.cut02 .btn_ss.page06{right:5%;width:28.5%;}
	
	/*618限時加碼*/
	.cut02 .btn.b5{width: 85%;height: 48%;right:7%;bottom:11%;}
	.cut02 .btn.b6{width: 38%;height: 19%;right:8%;bottom:15%;}

	/*滿額贈*/
	.cut02 .btn.b2{width:19%;height:21%;right:5.5%;top:12%;}
	.cut02 .btn.b3{width:19%;height:21%;right:5.5%;bottom:40%;}
	.cut02 .btn.b4{width:19%;height:21%;right:5.5%;bottom:12%;}
	
	/*剩餘人數*/
	.cut02 .box .count{position:absolute;width:24vw; height:22px; font: bold 3vw "Century Gothic", Arial, "Microsoft JhengHei";letter-spacing:-0.5px;font-weight:bold; }
	.cut02 .box .count.n1{ right:17.5%; bottom:27%;color:#4081d5; }
	.cut02 .box .count.n2{left:14%;bottom:7.5%; color:#4081d5;}
	.cut02 .box .count.n3{left:60.5%;bottom:7.5%; color:#4081d5;}
	.cut02 .box .count.n4{right:1.5%;top:30%; color:#4081d5;}
	.cut02 .box .count.n5{right:1.5%;bottom:32.5%; color:#4081d5;}
	.cut02 .box .count.n6{right:1.5%;bottom:3%; color:#4081d5;}
	.cut02 .box .count.n7{right:17.5%;bottom:12%; color:#fff;}

	/***警語***/
	.cut02  .warningBox{width:95%;padding-bottom:0vw; margin-top:0vw;margin-bottom:0vw;}
	.cut02  .warningBox.all{width:85%;padding-top:1vw;padding-bottom:2vw; padding-left:0px;}
	.cut02  .warningBox p{width:100%;margin:3px auto 1px auto;font-size:3vw;letter-spacing:0px;line-height:4.2vw;text-align:center;}
	.cut02  .warningBox.all p{width:90%;text-align:center;}
	.cut02  .warningBox span{color:#;}
	.cut02  .warningBox a{ display:inline-block;}
	
	/***贈品/活動/登記查詢****/
	.cut02 .searchBoxBtn{width:100%; margin:-17px auto 20px auto;}
	.cut02 .searchBoxBtn img{width:100%;}
	.cut02 .searchBoxBtn .searchBox{width:95%;margin:30px 1.5vw 0px auto;}
	.cut02 .searchBoxBtn .searchBox .linkPage{margin-right:7px;width:48%;float:left; }
	
}

/****************************精選活動****************************/

.Area.cut03{ padding:20px 0px 30px 0px;overflow:hidden;position:relative; z-index:3; }
.Area.cut03 .mainArea{padding:0px 0px 0px 0px;overflow:hidden; background-repeat:no-repeat; background-position:top center;}
.activeOut{width:800px;padding:0px 0px;margin:0px auto 0 auto;z-index:1;padding-bottom:0px;position:relative;overflow:hidden;}
.activeOut .sw_bg{width:100%;overflow:hidden;float:left;position:relative; padding-bottom:60px;background:no-repeat top center; background-size:100%;}
.activeOut .sw_bg .active_box{width:99%;border:0px;overflow:hidden;background:#ffce00; margin:18px auto 0 auto; border:4px solid #ffce00; border-radius:20px; overflow:hidden;}
.activeOut .box_acty.swiper-wrapper{width:100%;position:relative; padding:0px; margin:0px;list-style:none;text-align:center;vertical-align:middle; } 
.activeOut .box_acty.swiper-wrapper  .swiper-slide{width:100%;display:inline-block;padding:0px; margin:0vw 0vw 0vw 0vw ;overflow:hidden; } 
.activeOut .box_acty.swiper-wrapper   img{width:100%; border-radius:0px; overflow:hidden;} 
.activeOut .swiper-pagination{bottom:30px; text-align:center; width:100%; left:0px;}
.activeOut .pic{width:580px; position:absolute; top:0px; left:0px;}

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

	.Area.cut03{ padding:3vw 0px 0vw 0px; background-size:25%;margin-bottom:0vw;}
	.Area.cut03 .mainArea{ padding:0vw 0px 0vw 0px;}
	.activeOut{width:95%;margin:0px auto 0 auto;padding-bottom:0px; padding-top:5px; padding-left:0px; }
	.activeOut .sw_bg{width:100%;padding:0px 0px 5.5vw 0px;margin:0px auto 0 auto;padding-left:0px; float:none; }
	.activeOut .sw_bg .active_box{border-radius:8px;border:2px solid #ffce00;width:98%;margin:3vw auto 0 auto;overflow:hidden; padding-bottom:0vw;}
	.activeOut .box_acty.swiper-wrapper img{} 

	.swiper-pagination-bullet { width: 6px; height: 6px;}
	.activeOut .swiper-pagination{bottom:0px; text-align:center; width:100%; left:0px;}


}


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

.Area.kind_area{position:relative;z-index:9;margin-top:0px;}
.Area.kind_box{width:1220px; height:auto;position:relative;margin:0px auto 0px auto;padding:25px 0px;}
.Area.kind_box .bg_title{width:500px; margin:0 auto 15px auto; position:relative;}
.Area.kind_box .bg_title img.center{width:528px; margin:0 auto;}

.Area.kind_box ul{width:79%; list-style:none;overflow:hidden; padding:0px; margin:0px auto 0 auto;padding-bottom:50px; padding-left:20px; text-align:center;}
.Area.kind_box li{list-style:none; padding:0px;display:inline-block;text-align:center; width:203px; margin:1% 0%; opacity:0;position:relative;pointer-events:none;}
.Area.kind_box li:last-child{padding-right:0px; }
.Area.kind_box li a{ width:100%;display:block;}
.Area.kind_box li a img{ width:100%;display:block;}

.Area.kind_box ul.flipInX li:nth-of-type(1){animation: flipInX  0.3s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(2){animation: flipInX  0.5s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(3){animation: flipInX  0.7s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(4){animation: flipInX  0.9s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(5){animation: flipInX  1.1s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(6){animation: flipInX  1.3s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(7){animation: flipInX  1.5s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(8){animation: flipInX  1.7s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(9){animation: flipInX  1.9s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(10){animation: flipInX 2.1s ease ;opacity:1;pointer-events:auto;}

@keyframes flipInX{
	0%{transform: translateY(20%); opacity:0;}
	50%{transform: translateY(20%); opacity:0;}
	100%{transform: translateY(0%);opacity:1;}		
}

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

	.Area.kind_box{width:100%; height:auto;position:relative;margin:4vw auto 03w auto;padding:5px 0px; }
	.Area.kind_box .bg_title{width:81%; margin:0 auto 4vw auto;}
	.Area.kind_box .bg_title img.center{width:100%; margin:0 auto;}

	
	.Area.kind_box ul{width:114%; padding:0px; margin:0px auto 0 -8%;padding-bottom:2vw; text-align:center;padding-left:1%; }
	.Area.kind_box li{list-style:none; padding:3px;width:25%; margin:0% 0%;}

}


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



.apple_txt{text-align:center; width:100%; padding:80px 0px 80px 0px; margin-bottom:0px;color:#fff;font-size:16px; position:relative; z-index:5;  }
.apple_txt p{width:90%;display:block;margin:0 auto;text-align:center;}
		
@media screen and (max-width:767px){
	.apple_txt{padding:8vw 0vw 18vw 0vw; font-size:12px;}
}	
	

		
/*********浮層框***********************/		
	
.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 .content p{text-align:center;font-size:20px;  margin:0px 0px 10px 0px;}
.blackBox.agree_more .box img.pic{ display:block;  width: 60%;margin:10px auto; float:none;}

.blackBox.agree_more .box  ul.menuBox2{ width: 100%;list-style: none; overflow: hidden; padding: 0; margin:0; background-color: #eee; }
.blackBox.agree_more .box  ul.menuBox2  li{width: calc(100%/4);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  ul.menuBox2 li p{margin:5px 0px;}
.blackBox.agree_more .box  ul.menuBox2 li span{display:inline-block;color: #333; }
.blackBox.agree_more .box  ul.menuBox2 li.click{background:#f51490; color:#fff;}
.blackBox.agree_more .box  ul.menuBox2 li.click span{color: #fff;}

.blackBox.agree_more .tab{padding:8px 5px !important; }
.blackBox.agree_more .tab01{font-weight:bold;color:#000;width:150px;}
.blackBox.agree_more .tab02{padding:10px 5px !important; width:150px;}
.blackBox.agree_more .tab.tab02 a{background:#f51490;color:#fff; padding:3px 12px; border-radius:50px;display: inline-block;margin:3px 5px;}
.blackBox.agree_more .tab.tab02 img{width:40%;}
.blackBox.agree_more .tab.tab03 a{background:#f51490;color:#fff; padding:3px 12px; border-radius:50px;display: inline-block;margin:3px 5px;}
.blackBox.agree_more .tab.tab03{text-align:left !important; }

.blackBox tr{padding:5px 0px; }
.blackBox td{padding:10px 0px;}


.blackBox.agree_more iframe{width:80%;margin:0px auto;height:415px; position:relative; overflow:hidden; z-index:8; display:block; }


@media screen and (max-width:767px){
	
	.blackBox.agree_more .box .content{width:96%; margin:0 auto; margin-top:4vw;max-height: 420px;}
	.blackBox.agree_more .box .content p{text-align:center;font-size:16px; margin:0px 0px 10px 0px;}
		
	.blackBox.agree_more .box  img.pic{width: 100%;margin:5px auto; float:none;}
	.blackBox.agree_more .box  img.pic.other{width: 100%;}

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

	.blackBox.agree_more .box  img{ display:block; margin:2vw auto; float:none;}
	#agree_more_gift01  .box  img{ display:block; margin:0vw auto; float:none;}
	.blackBox.agree_more .box  img.pic{width: 100%;}
	.blackBox.agree_more .tab01{width:22%;}
	.blackBox.agree_more .tab02{width:18%;}
	.blackBox.agree_more .tab03{width:55%;}
	.blackBox.agree_more .tab.tab02 a{padding:5px 15px; }
	.blackBox.agree_more .tab.tab02 img{width:90%;}
	.blackBox.agree_more .blackBox.agree_more .box   ul.menuBox2  li span{display:block;font-size:1em;}
	
	.blackBox.agree_more iframe{width:100%;height:430px;}
	
}