@charset "utf-8";

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

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

.hoverOpacity{
	-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;}
.hoverOpacity:hover{ 

	filter:brightness(105%);
}

/*滑鼠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 1.5s 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; font-weight:bold;overflow:hidden; 
background:#aad6fb;}
.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 { 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***************************/			
.logoBox{width:100%;margin:0 auto; padding:15px 0px 10px 0px;overflow:hidden;background:none; z-index:9; position:relative; overflow:hidden; }	
.logoBox .mainArea{overflow:hidden; }
.logoBox .momologo{width:350px;height:42px; display:block;overflow:hidden;margin-left:20px;float:left;}	
.logoBox .momologo .Home{width:68.5%;float:left;height:100%;background:url(logo_mo.png?t=1779333718446) right center no-repeat;}	
.logoBox .momologo .Page{width:31.5%;float:left;height:100%;background:url(logo_tv.png?t=1779333718446) left center no-repeat; }


/****************************/
.Area.cut00{width:2000px;position:absolute;height:1100px;top:0px;left:50%;margin-left:-1000px;z-index:1;  overflow:hidden;pointer-events:none;background:url(bk_bg1.jpg?t=1779333718446) top center no-repeat; background-size:2000px; }
.Area.cut00 .bk_bg2{width:100%;position:absolute;top:0px;left:0%;}


/*******背景物件/背景 滾動*********************/

.Area_bgtop_1{ pointer-events:none; z-index:0;width:100%; height:150%; position:absolute;left:0%;margin-left:0px;top:600px; background-position:center top;background-size:2000px;z-index:5;opacity:1;}

.fixed_bg{width:2000px; height:100%; position:fixed;top:900px; left:50%; margin-left:-1000px;  z-index:0.8;pointer-events:none; }
.fixed_bg .fixed_pic{ width:2000px;position:fixed; bottom:-30px; left:50%; margin-left:-1000px;opacity:0; transition:all 0.5s;}
.fixed_bg .fixed_pic.fixedScroll{ opacity:0.8; }
.fixed_bg .fixed_pic.fixedScroll2{ opacity:0;}
.fixed_bg .fixed_pic img.pic{width:100%;}


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

.Area.cut01{height:1100px;margin:0px auto -400px auto; background:;  }
.Area.cut01 .float_01{width:2000px;position:absolute;top:-60px;left:50%; margin-left:-1000px; z-index:2; animation: float_01 5s linear infinite;}
.Area.cut01 .float_02{width:2000px;position:absolute;top:-60px;left:50%; margin-left:-1000px; z-index:2; animation: float_02 4.5s linear infinite;}
@keyframes float_01 {
	0% { transform: translate(0%,0%);}
	50%{ transform: translate(0%,4%);}
	100%{transform: translate(0%,0%);}		
}
@keyframes float_02 {
	0% { transform: translate(0%,0%);}
	50%{ transform: translate(0%,-4%);}
	100%{transform: translate(0%,0%);}		
}

.Area.cut01 .mainArea { width:1220px;height:1100px;}
.Area.cut01 .title_box{ display:block;width:610px;position:absolute;left:39%; top:80px; }
.Area.cut01 .title_box .Btitle {width:100%;position:relative;}
.Area.cut01 .title_box .Btitle img{width:100%;}
.Area.cut01 .title_box .Btitle .titlebn_00{}
.Area.cut01 .title_box .Btitle .titlebn_01{position:absolute;top: 0%;animation: titlebn_01 1s ease;}
.Area.cut01 .title_box .Btitle .titlebn_02{position:absolute;top: 0%;animation: titlebn_02 1.3s ease;}
.Area.cut01 .title_box .Btitle .titlebn_03{position:absolute;top: -1.5%;animation: titlebn_03 1.6s ease;}

@keyframes titlebn_01 {
	0% { transform: translate(-2%,-3%); opacity:1;}
	100%{transform: translate(0%,0%); opacity:1;}		
}

@keyframes titlebn_02 {
	0% { transform: translate(2%,3%); opacity:1;}
	100%{transform: translate(0%,0%); opacity:1;}		
}

@keyframes titlebn_03 {
	0% {  opacity:0;}
	50% {  opacity:0;}
	100%{opacity:1;}		
}
.Area.cut01 .item_title_box{width:513px;position:absolute;overflow:hidden; top:9%;left:7%; z-index:1; animation:boxbox2 1.5s linear;}
.Area.cut01 .item_title_box .swiper-wrapper{width:100%;overflow:hidden; list-style:none;text-align:center;vertical-align:middle; padding:0px; margin:0px; }
.Area.cut01 .item_title_box .swiper-slide{width:100%; display:block;overflow:hidden;display:inline-block;padding:0px; margin:0vw 0vw 0vw 0vw ;overflow:hidden;}
.Area.cut01 .item_title_box .swiper-slide img{width:100%;}

@keyframes boxbox2 {
	0% {filter:brightness(0.65); }
	50%{ filter:brightness(0.65);}
	100%{filter:brightness(1);}		
}

.cut01::after{ content:"";width:100%; height:800px;position:relative; z-index:1; position:absolute;left:0px; top:1020px;
	background:-webkit-linear-gradient( rgba(170,214,251,1) 0% , rgba(170,214,251,0) 30% ); 
	background:-moz-linear-gradient(top , rgba(170,214,251,1) 0% , rgba(170,214,251,0) 30%); 
	background:radial-linear(top , rgba(170,214,251,1) 0% , rgba(170,214,251,0) 30%); 
}

@media screen and (max-width:767px){	
    
	.Area.cut01{width:100%; height:auto;margin:0px auto -17vw auto;}
	.Area.cut01 .mainArea {width:100%;height:100%;overflow:hidden; position:relative;left:auto;margin-left:auto;}
	.Area.cut01 .title_box{ width:110%;left:-7%; top:30%;z-index:4;}
    .Area.cut01 .item_title_box{width:100%;position:absolute;overflow:hidden; top:-1.5%;left:0%; }

	.cut01::after{ content:"";display:none;}
	
	.Area.cut01 .float_03{width:100%;position:absolute;top:10px;left:0%; z-index:2; animation: float_02 6s linear infinite;}

}



/*************************精彩影音***************************/	

.Area.video{overflow:hidden;padding:0px 0px 40px 0px;  }
.Area.video .mainArea{width:680px;padding:10px 0px 30px 0px;}
.Area.video .video_title{width:680px;margin:0px auto 20px auto;position:relative;z-index:1;}
.Area.video .video_title img{width:100%;}
.Area.video .video_bg{width:680px; position:absolute;top:90px;left:0px;}
.Area.video .video_area {width:636px;margin:30px auto 25px auto;position:relative;padding:0px 0px 40px 0px;z-index:1;overflow:hidden;}
.Area.video .video_area .video_swiper{width:100%;list-style:none;text-align:center;vertical-align:middle; padding:0px;margin:0px;}
.Area.video .video_area .video_swiper .video{width:450px;padding:0px; margin:0vw 0vw 0vw 0vw ;overflow:hidden;}
.Area.video .video_area .video_swiper .video .video-container{width:100%; height:358px;position:relative; margin:0 auto;overflow:hidden;border-radius:10px;}
.Area.video .video_area .video_swiper .video .video-container iframe{width:100%;margin:0px;height:360px; }
.Area.video .video_area .swiper-pagination{bottom:0px; text-align:center; width:100%; left:0px;}
.Area.video .button { background-color:#1658b5; box-shadow:0 0 0 15px #1658b5; position:absolute;top:53%;}
.Area.video .swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
    left: 16px;
}
.Area.video .swiper-button-next, .swiper-container-rtl .swiper-button-next {
    right: 16px;
}

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

	.Area.video{overflow:hidden;padding:0vw 0px 6vw 0px; margin:0 auto 0vw auto; }
	.Area.video .mainArea{padding:2vw 0px 3vw 0px; background:none;width:100%;}
	.Area.video .video_bg{width:96%; position:absolute;top:3.5vw;left:2%;}
	.Area.video .video_bg img{width:100%;}

	.Area.video .video_area{width:90%;margin:0px auto 0px auto;padding:2vw 0px 5vw 0px;}
	.Area.video .video_area .video_swiper{width:100%;}
	.Area.video .video_area .video_swiper .video{width:100%;padding:3.5vw 0px 4.5vw 0px;margin-left:0px;}
	.Area.video .video_area .video_swiper .video .video-container{width:100%; margin:0 auto;height:48vw;border-radius:2vw; }
	.Area.video .video_area .video_swiper .video .video-container iframe{width:100%;height:48vw;}

	.Area.video .button { background-color:#1658b5; box-shadow:0 0 0 10px #1658b5; position:absolute;top:50%;}
	.Area.video .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 5px !important;
		left: 0;
		width: 100%;	
	} 

	.Area.video .swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
		left: 18px;

	}
	.Area.video .swiper-button-next, .swiper-container-rtl .swiper-button-next {
		right: 18px;
	}


}	


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

.Area.cut03{ padding:30px 0px 30px 0px; overflow:hidden; margin:60px 0px 60px 0px; }
.Area.cut03 .mainArea{width: 1220px;display: block; margin: 0px auto 0px auto; padding:0px 0px 0px 0px; overflow:hidden;}
.Area.cut03 .auto_title1{width: 690px;display: block; margin: 0px auto -40px auto; padding:0px 20px 0px 0px; position: relative;overflow:hidden; z-index:2; }
.Area.cut03 .t1p4{width: 1150px;display: block; margin: 0px auto 0px auto; padding:70px 0px 70px 0px; position: relative; border:2px solid #4f9cdb;overflow:hidden;
	box-shadow:inset 0px 4px 0px #dde6fd , inset 0px -4px 0px #dde6fd ;
	z-index:1;
	background:url(bgbg.png?t=1779333718446) top left no-repeat, -webkit-linear-gradient( #50a1e3 0% , #2b7ec1 100% ); background-size:100%; 
	background:url(bgbg.png?t=1779333718446) top left no-repeat, -moz-linear-gradient(top , #50a1e3 0% , #2b7ec1 100%); background-size:100%; 
	background:url(bgbg.png?t=1779333718446) top left no-repeat, radial-linear(top , #50a1e3 0% , #2b7ec1 100%); background-size:100%; 

}
.Area.cut03 .t1p4::after{content:"";width:80px; height:98.5%; position:absolute; top:4px; right:0px;  background:#000; z-index:5; 
background:linear-gradient( to left , rgba(80,161,227,0.8) 0% , rgba(80,161,227,0) 100%) ; pointer-events:none;}


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

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

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

.Area.cut03 .listPD .LinkRoom .goHref_live{width:100%; height:100%; position:absolute; bottom:0px; left:0px;z-index:2;}
.Area.cut03 .listPD .LinkRoom .goHref_live::after{content:"參加活動 →";  display:block;width:92%; height:36px; 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:18px; font-weight:bold; line-height:36px;  text-indent:15px; box-shadow:inset 0px 0px 6px 3px #d8006d; position:absolute; bottom:2.5%; left:3.5%;}

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


@media screen and (max-width:767px){
	
	.Area.cut03{ padding:3vw 0px 9vw 0px; overflow:hidden; margin:15px 0px 0px 0px; }
	.Area.cut03 .mainArea{width: 100%; margin: 0px auto 0px auto; padding:0px 0px 0px 0px;}
	.Area.cut03 .mainArea .auto_title1{width: 100%; margin: 0px auto -6.5vw auto; padding:0px 0px 0px 0px; }
	.Area.cut03 .mainArea .t1p4{width: 95%;padding:10px 0px 10px 0px;  border:1px solid #4f9cdb;
		background-size:150%;
		box-shadow:inset 0px 3px 0px #dde6fd , inset 0px -3px 0px #dde6fd ;
		z-index:1;
	}
	
	.Area.cut03 .mainArea .t1p4::after{content:"";display:none;}

	.Area.cut03 .box{width:100%;min-height:150px;text-align:center;margin:-1px auto -1px auto;padding:7vw 0px 13vw 0px;}
	.Area.cut03 .box .swiperBox{width:94%; margin: 0px auto 0px auto; padding:0px 0px 0px 0px;vertical-align:middle; }
	.Area.cut03 .box .swiperBox ul.swiper-wrapper{width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;list-style:none;text-align:center;vertical-align:middle;}
	.Area.cut03 .box .swiperBox ul li.listPD.prep{width:100%;position:relative; text-align:center;margin:0 auto; padding:0; list-style:none; border-radius:7px;}

	.Area.cut03 .listPD div{ overflow:hidden;}
	.Area.cut03 .listPD .LinkRoom{width:100%;overflow:hidden; position:relative; clear:both; padding:5px 1px 40px 1px; margin:0 auto; border:0.1vw solid #267cc2; background:#fff;border-radius:7px;}

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

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

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

}


/*******全域設定 警語******/
.warningBox{display:block;width:100%; overflow:hidden;position:relative; margin:10px auto 12px auto; padding:0px 0px 0px 0px; }
.warningBox ul{ display:block;width: 90%; margin:0px auto; padding:0px; padding-left:0px;list-style-type:none;}
.warningBox ul li{width:100%; margin:0px auto 2px auto; padding:0px;font-size:18px; letter-spacing:1px;line-height:26px; text-align:center; font-weight:bold;color:#002442; }
.warningBox a{text-decoration:underline; display:inline-block;}
.warningBox mark{background-color:#e9647f; border-radius:15px; padding:1px 8px; color:#ffffff;border:1px solid #0d6bf2;}
.warningBox span{color:#741700;/*padding:1px 5px; background:#aed0ff; border-radius:5px; text-decoration:underline;*/}

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

}








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

.Area.activeBN{ padding:60px 0px 65px 0px;overflow:hidden;position:relative;}
.Area.activeBN .mainArea{padding:0px 0px 0px 0px;overflow:hidden;}
.Area.activeBN .mainArea .titlebn{width:390px;padding:15px 0px 10px 0px;margin:0px auto 0 auto;z-index:1;position:relative; overflow:hidden;}
.Area.activeBN .activeOut{width:870px;padding:15px 0px 20px 0px;margin:0px auto 0 auto;z-index:1;position:relative; overflow:hidden;}
.Area.activeBN .activeOut .active_box{width:97%;overflow:hidden;position:relative;overflow:hidden;margin:0px auto 10px auto;border-radius:15px;border:3px solid #095c9e ; box-shadow:0 0px 0 6px #4b9cde ;background:#2764ba;}
.Area.activeBN .activeOut .active_box ul.swiper-wrapper{width:100%;list-style: none;text-align:center;position:relative; border-radius:15px;margin:0px auto 10px auto;padding:0px; margin:0px;list-style:none;text-align:center;vertical-align:middle;}
.Area.activeBN .activeOut .active_box ul.swiper-wrapper .swiper-slide{width:100%;display:inline-block;padding:0px; margin:0vw 0vw 0vw 0vw ;} 
.Area.activeBN .activeOut .active_box ul.swiper-wrapper .swiper-slide img{width:100%;} 
.Area.activeBN .activeOut .swiper-pagination{bottom:0px; text-align:center; width:100%; left:0px;}

@media screen and (max-width:767px){
	.Area.activeBN{ padding:2vw 0px 7vw 0px; margin-bottom:10vw;}
	.Area.activeBN .mainArea{ padding:0vw 0px 0vw 0px;}
	.Area.activeBN .mainArea .titlebn{width:60%;padding:15px 0px 0px 0px;margin:0px auto 0 auto;}
	.Area.activeBN .activeOut{width:97%;margin:0px auto 0 auto;padding:10px 0px 15px 0px;}
	.Area.activeBN .activeOut .active_box{width:95%;margin-right:auto; margin-left:auto;border-radius:5px;border:2px solid #095c9e ; box-shadow:0 0px 0 3px #4b9cde ; }

	.swiper-pagination-bullet { width: 6px; height: 6px;}
	.Area.activeBN .pagination .swiper-pagination-bullet {

        margin: 0 3px !important;
    }
}




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



.apple_txt{text-align:center; width:100%; padding:80px 0px 80px 0px; margin-bottom:0px;color:#023378;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:2vw 0vw 10vw 0vw; font-size:12px;}
}