@charset "utf-8";

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

}
/*全域 套用 */
.for_pc { display:block !important; }
.for_pc2 { display:inline-block !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_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;
	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%);
}

/***透明度動畫 ******/
.opacity{animation:opacity 3s 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;overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; 
background:#b40020;  background-size:100%;}

.WRAPPER img {display:;border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;  display:block;}
.WRAPPER .Area{ margin:0 auto; position:relative;width:100%;}
.WRAPPER .Area .mainArea {display:block;margin:0 auto;padding:0; width:1220px;position:relative;}

@media screen and (max-width:767px){
	
	.WRAPPER { min-width:100%;max-width:100%;/*background:#5a7ad1  top center scroll; */ background-size:300%;}
	.WRAPPER .Area .mainArea {width:100%;}
}
		
		
/********header logo***************************/			
.logoBox{width:100%;margin:0 auto; padding:12px 0px; position:relative;overflow:hidden;background:#b40020; z-index:2;}	
.logoBox .momologo{width:350px;height:42px; display:block;overflow:hidden;margin-left:30px;float:left;}	
.logoBox .momologo .Home{width:62%;float:left;height:100%;background:url(logo_mo.png?t=1766474777023) right center no-repeat;}	
.logoBox .momologo .Page{width:38%;float:left;height:100%;background:url(logo_tv.png?t=1766474777023) left center no-repeat; }
/*.logoBox .momologo .Home:hover{background:url(logo_mo_1.png?t=1766474777023) right center;}*/
.logoBox .momologo .Page:hover{background:url(logo_tv_1.png?t=1766474777023) left center;}



/*************bgbgbgbgbgbgbgbg****************************************************************************/

.Area.cut00{position:absolute; width:100%;top:10px;left:0px; height:952px; overflow:hidden; background:url(bgbg.jpg?t=1766474777023) top center repeat-x; }
.Area.cut001{position:fixed; width:100%;top:0px;left:0px; height:100%; overflow:hidden;
	background:linear-gradient(top , rgba(160,205,184,1) 20% , rgba(160,205,184,0) 100% );  /*background: url(kv_03.jpg?t=1766474777023) bottom center no-repeat;  background-size:auto; */}
/*.Area.opacity_bg{ width:100%;height:400px;position:absolute; top:951px;left:0px;  
	background:-webkit-linear-gradient(top , rgba(160,205,184,1) 20% , rgba(160,205,184,0) 100% ); 
	background:-moz-linear-gradient(top , rgba(160,205,184,1) 20% , rgba(160,205,184,0) 100%); 
	background:linear-gradient(top , rgba(160,205,184,1) 20% , rgba(160,205,184,0) 100% ); 

}*/

.shape_bg{width:100%;height:120%;position:absolute;z-index:0;top:5%; left:0%; background-size:auto;background-position:center top; opacity:1; 
	background-position:top center; pointer-events:none;transition: 0.5s linear;
    pointer-events: none;}

.Area.float_bg{position:absolute;width:2000px; height:100%; left:50%; margin-left:-1000px;top:200px;z-index:0;opacity:1;
	background-position:bottom center; pointer-events:none; background-attachment:fixed;}

@media screen and (max-width:767px){
	
	.Area.cut00{position:absolute; width:100%;top:30px;left:0px; height:100%; overflow:hidden; background:url(bgbg1.jpg?t=1766474777023) scroll top center repeat-x; background-size:100%; }
	.Area.cut001{position:fixed; width:100%;top:0px;left:0px; height:100%; overflow:hidden;/*background:linear-gradient(top , rgba(160,205,184,1) 20% , rgba(160,205,184,0) 100% ); */ 
		/*background: url(kv_03_m.jpg?t=1766474777023) bottom center ;  background-size:100%; */}

	/*.Area.opacity_bg{ width:100%;height:200px;position:absolute; top:190vw;left:0px; 
	background:-webkit-linear-gradient(top , rgba(160,205,184,1) 20% , rgba(160,205,184,0) 100% ); 
	background:-moz-linear-gradient(top , rgba(160,205,184,1) 20% , rgba(160,205,184,0) 100%); 
	background:linear-gradient(top , rgba(160,205,184,1) 20% , rgba(160,205,184,0) 100% );  

	}*/

}	
	
/*********主視覺*****************************************************/	

.Area.cut01{position:relative;height:850px;  overflow:hidden; }
.Area.cut01 .pic_03{width:2000px;position:absolute; left:50%; margin-left:-1000px; top:0px;animation:pic3 2.5s infinite ease;}
.Area.cut01 .float_1{width:2000px;position:absolute; z-index:1; left:50%; margin-left:-1000px; top:0px;/*animation: floewr 7s infinite ease;*/}

@keyframes floewr{
	0%,100% {transform: translateY(4%);}
	50% {transform: translateY(-4%);}
}
.Area.cut01 .mainArea{width:1220px;  margin:0px auto 0 auto;height:900px; background:;position:relative;overflow:hidden; }
.Area.cut01 {position:relative; z-index:1;}

.Area.cut01 .title_box{display:block;width:500px;height:460px; top: 80px; left: 10%;top: overflow:hidden; position:absolute;z-index:3; }
.Area.cut01 .title_box .picBg{display:block;animation:pd02 1s linear;}
.Area.cut01 .title_box .picBg img{width:100%;}
.Area.cut01 .title_box .item_title_box{width:100%;position:absolute;overflow:hidden; bottom:0%;left:0%; z-index:4;animation: opacity 1.8s linear;}
.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%;}

.Area.cut01 .pd_box{ width:1220px;position:absolute; left:-5%;  top:20px; z-index:2;}
.Area.cut01 .pd_box .pd{ width:100%;position:absolute; left:0%;  top:0px; }
.Area.cut01 .pd_box .pd.pd02{ width: 36%; top: 160px; left: 400px;animation:pic3 1s linear; }
.Area.cut01 .pd_box .pd.pd01{ width: 48%; top: 28px; left: 620px; animation: pd01 1s linear; z-index: -1; }

@keyframes pd02{
	0%{transform: translateY(-5%); opacity:0.5; filter:brightness(0%) ;}
	100%{transform: translateY(0%); opacity:1;  filter:brightness(100%) ;}
}
@keyframes pd03{
	0%{transform: translateY(5%); opacity:0.5; filter:brightness(0%) ;}
	100%{transform: translateY(0%); opacity:1;  filter:brightness(100%) ;}
}
@keyframes pd01{
	0%{opacity:0;}
	100%{opacity:1;}
}

@keyframes pic3{
	0%{opacity:1; filter:brightness(150%) ;}
	50%{opacity:0; filter:brightness(100%) ;}
	100%{opacity:1; filter:brightness(150%) ;}
}


@media screen and (max-width:767px){
	.Area.cut01{margin-bottom:0vw; width:100%;height:92vw;background:; }	
	.Area.cut01 .mainArea{width:100%;margin:0px auto 0 auto;position:relative;left:auto; margin-left:0px;height:100%;}
	
	.Area.cut01 .title_box{display:block;position:absolute;width:56%;height: auto; left:6%;top:14%;}
	.Area.cut01 .title_box .item_title_box{width:100%;position:absolute;overflow:hidden; top:0%;left:0%; z-index:4;animation: opacity 1s linear;}
	.Area.cut01 .title_box .picBg{display:block;width:100%;animation:pd02 1s linear;}
	.Area.cut01 .title_box .picBg img{width:100%;}
	.Area.cut01 .float_1{width:100%; z-index:1;  left:0%; margin-left:0px; top:53vw;}
	.Area.cut01 .pd_box{ width:100%;position:absolute; left:0%;  top:2%; z-index:2;}
	.Area.cut01 .pd_box .pd.pd02{ width: 50%; top: 50vw; left: -2%;animation:pd02 1s linear; }
	.Area.cut01 .pd_box .pd.pd01{ width: 72%; top: 4vw; left: 30%; animation: pd01 1s linear; z-index: -1; }
	
	.Area.cut01 .m_bg{width:100%;animation:pic2 0.5s linear;}
	.Area.cut01 .momologo{position:absolute;width:30%;top:0%; left:0%; z-index:2;}
	
	@keyframes title_box{
		0%{transform: translateY(10%); opacity:0;}
		50%{transform: translateY(10%); opacity:0;}
		100%{transform: translateX(0%); opacity:1;}
	}
	
}	


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

.Area.cut02{ padding-bottom:0px; margin-top:-80px;position:relative; z-index:2;}
/***全域設定***/
.cut02 .for_pc{display:block;}
.cut02 .for_mobile{display:none;}
.cut02 .boxOut{margin:20px 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); width: 98%;top: 0; height: 430px;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%;}

.Area.cut02 .mainArea {width:1120px; margin:0 auto 20px auto;/*background:url(kv_08.png?t=1766474777023) 0% 0% no-repeat;  background-size:100%;*/ overflow:hidden;}
.Area.cut02 .btn_title{display:block;width:550px; margin:5px auto 10px auto;}

	/***全域設定***/
	.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%;}

.Area.cut02 .box{overflow:hidden; width:100%; height:auto; margin: 10px auto 10px auto; position:relative; background:;overflow:hidden;}
.Area.cut02 .box .btn {position:relative;display:block ;/* float:left; */overflow:hidden; margin-bottom:10px; /*background:#000; opacity:0.7;*/  }
.Area.cut02 .box .btn:nth-of-type(1){}
.Area.cut02 .box .btn:nth-of-type(2){}
.Area.cut02 .box .btn:nth-of-type(3){}
.Area.cut02 .box .btn img{width:100%;}

.Area.cut02 .box .btn.bg_02 {display:block;margin: 0 20%; width:60%;}

/*** 登記/剩餘人數****/
.cut02 .box .count1{margin:2px auto 0 auto;width:100%; height:18px;font: bold 15px "Century Gothic", Arial, "Microsoft JhengHei";overflow:hidden;text-align:center;border-radius:50px; line-height:18px;color: #3A0000; }
.Area.cut02 .box .count2{position:absolute;width:130px; padding:2px 3px;  font:400 15px "Century Gothic", Arial, "Microsoft JhengHei";overflow:hidden; background:#570009;color:#ffffff;  border-radius:100px; left:75%;bottom:0; text-align:center; letter-spacing:0.5px; border: 1px solid #FFE9C0; }

/**警語**/
.Area.cut02 .warningBox{display:block;width:1000px; overflow:hidden;position:relative;margin:5px auto 20px auto;}
.Area.cut02 .warningBox span{color:#FFEDAF;}
.Area.cut02 .warningBox p{ margin:0px; padding:0px ;font-size:16px; letter-spacing:1.5px; line-height:24px; text-align:center; font-weight:800;color:#FFF;}
.Area.cut02 .warningBox a{ display:inline-block;text-decoration:underline;color:#FFEDAF;letter-spacing:1px;}

/**滿額送區塊**/
.cut02 .boxOut.A4 .ACT_content.bb{position:absolute;width:100%;top: 0; float:right;background:rgba(0,0,0,0); margin-right:0px;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn{position:absolute;display: inline-block;width:180px;top:75%;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn img{width:100%;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(1){ left:5%; }
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(1) .count{color:#911220; }
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(2){ left:29%; }
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(2) .count{color:#911227; }
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(3){ left:54%; }
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(3) .count{color:#911227; }
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(4){ left:79%; }
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(4) .count{color:#911227; }
.cut02 .boxOut.A4 .ACT_content.bb .box .pd_sw.sw01{overflow:hidden; position:absolute;width:210px;right:4%;top:28%;}
.cut02 .boxOut.A4 .ACT_content.bb .box .pd_sw.sw02{overflow:hidden; position:absolute;width:240px;right:31%;bottom:0%;}

/***贈品/活動/登記查詢****/
.cut02  .searchBoxBtn{width:600px; margin:-10px auto 0px auto;position:relative; clear:both;padding-left:25px;}
.cut02  .searchBoxBtn img{width:100%;}
.cut02  .searchBoxBtn .linkPage{width:28%;height:82%; top:11%; position:absolute;/*background:#eee; opacity:0.5;*/}
.cut02  .searchBoxBtn .linkPage.AA {left:5%;}
.cut02  .searchBoxBtn .linkPage.BB {left:36%;}
.cut02  .searchBoxBtn .linkPage.CC {right:5%;}

@media screen and (max-width:767px){
	.Area.cut02{ padding-bottom:0vw;margin-top:-20vw;}
	.Area.cut02 .mainArea{width:100%;padding-top:0vw;padding-bottom:0vw;}
	.cut02 .box{padding:2vw 0vw 2.5vw 0vw;position:relative; overflow:hidden;}
	.cut02 .box .picbg{width:100% !important;pointer-events:none;}
	.cut02 .content{width:100%;overflow:hidden; position:relative; }
	
	.Area.cut02 .btn_title{width:100%; display:block; margin:4vw auto 1.5vw auto;}
	.Area.cut02 .box .bg_02{width:100%;}
	.Area.cut02 .box .btn{position:absolute;display:block;margin-bottom:0px;width:40%; height: 30%;z-index: 5; }
	.Area.cut02 .box .btn.One {top: 22%;left: 8%;}
	.Area.cut02 .box .btn.Two {top: 22%;left: 54%;}
	.Area.cut02 .box .btn.Three {top: 66%;left: 8%;}
	.Area.cut02 .box .btn.Four {top: 66%;left: 54%;}
	
	/*滿額贈*/
	.cut02 .btn.five{width: 28%; height: 13%;left: 6%;top: 73%;}
	.cut02 .btn.six{width:28%; height:13%;left:36%;top: 73%;}
	.cut02 .btn.seven{width:28%;height:13%;left:66%;top: 73%;}	
	
	/*** 登記/剩餘人數****/
	.cut02 .box .count1{margin:2px auto 0 auto;width:100%; height:18px;font: bold 15px "Century Gothic", Arial, "Microsoft JhengHei";overflow:hidden;text-align:center;border-radius:50px; line-height:18px;color: #3A0000; }
	
	.Area.cut02 .box .count2{position:absolute;width:22%; padding:3px 1px;  font:400 3vw "Century Gothic", Arial, "Microsoft JhengHei";left:72%;background:#3A0000;bottom:0%; text-align:center; letter-spacing:0px; }

	
	.Area.cut02 .warningBox{width:93%;padding-bottom:2vw;margin:1.5vw auto 0 auto;}
	.Area.cut02 .warningBox p{width:100%;margin:1px auto 0px auto; font-size:3vw;letter-spacing:0.5px;line-height:4.5vw; text-align:left; }
	.Area.cut02 .warningBox a{ display:inline-block;}

	
	/***贈品/活動/登記查詢****/
	.cut02  .searchBoxBtn{width:98%; margin:-6vw auto 2vw auto;position:relative;padding-left:0px; padding-right:2px;}
	.cut02  .searchBoxBtn img{width:100%;}
	.cut02  .searchBoxBtn .linkPage{width:32%;height:82%; top:9%; position:absolute; /*background:#eee;*/}
	.cut02  .searchBoxBtn .linkPage.AA {left:2%;}
	.cut02  .searchBoxBtn .linkPage.BB {left:34%;}
	.cut02  .searchBoxBtn .linkPage.CC {right:2%;}
	
	/*剩餘人數*/
	.cut02 .box .count{position:absolute;width:24vw; height:22px; font: bold 3vw "Century Gothic", Arial, "Microsoft JhengHei";letter-spacing:-0.5px;font-weight:bold;text-align: center;}
	.cut02 .box .count.one{ right:15%; bottom:30%; color:#911227;}
	.cut02 .box .count.two{ right:14%; bottom:14%; color:#911227;}
	.cut02 .box .count.three{right:53%;bottom:6%;  color:#fff;}
	.cut02 .box .count.five{left: 6%; top: 48%; color:#911227;background: none;}
	.cut02 .box .count.six{left: 54%; top: 48%; color:#911227;background: none;}
	.cut02 .box .count.seven{left:6%; top: 92%; color:#911227;background: none;}
	.cut02 .box .count.eight{left:54%;top: 92%; color:#911227;background: none;}
}



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

.Area.cut03{ padding-bottom:0px; padding-top:0px; overflow:hidden;position:relative;}
.Area.cut03 .mainArea {padding:40px 0px 20px 0px; background-size:100%; background-repeat:no-repeat;}
.activeOut{width:62.8%;position:relative;margin:10px auto 0 auto;z-index:2;overflow:hidden;padding-bottom:30px;}
.activeOut .active_box{width:100%;margin:0 auto; position:relative;}
.activeOut .box_acty{overflow:hidden;border: 4px solid #f27474; background: #570009; border-radius: 8px;}
.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  .bank_box8{width:28%;display:block;float:left; overflow:hidden; position:relative;z-index:2;}
.activeOut  .bank_box8 img{display:block;width:100%;}

.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: -23px !important;
    width: 100%;
}

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

	.Area.cut03{ padding-bottom:3vw;padding-top:4vw;}
	.Area.cut03 .mainArea {padding:3vw 0px 3vw 0px; background-image:none ! important;}
	.activeOut{width:93.5%;margin:0vw auto 0 auto;padding-bottom:0vw;padding-left:0px;}
	.activeOut .active_box{width:100%; padding-bottom:4vw;}
	.activeOut .box_acty{border-width:1px;}
	.activeOut .box_acty .swiper-wrapper{width:100%;border-width:0.3vw;} 
	.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  .bank_box8{width:23.2%;}
	.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: -5px !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;}

}


.btn_99{display:block; width:320px; margin:50px auto 50px auto; z-index:9; position:relative;}
.btn_99 img{ width:100%; }
@media screen and (max-width:767px){
	.btn_99{display:block; width:55%; margin:5vw auto 5vw auto;}
	
}






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

.apple_txt{text-align:center; width:100%; padding:20px 0px; margin:30px 0px;color:#FFF;font-size:14px; background:;  position:relative;}
.apple_txt p{width:90%;display:block;margin:0 auto;}	
@media screen and (max-width:767px){
	.apple_txt{padding:5vw 0vw 10vw 0vw; font-size:12px; margin:0px 0px; }
	
}	


/*********浮層框***********************/		
	
.blackBox.agree_more .box .content {width:100%; margin:0 auto;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: 90%;margin:10px;margin-left:-20px; float:none;}

.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%/2); float: left; text-align: center; font-size:19px; font-family:"微軟正黑體";color: #333;padding:11px 0px;cursor:pointer; font-weight:bold;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}


.blackBox.agree_more .box   ul.menuBox2  li span{display:inline-block;color: #333; }
.blackBox.agree_more .box   ul.menuBox3  li span{display:block;color: #333; }
.blackBox.agree_more .box   ul li.click{background:#f51490; color:#fff;}
.blackBox.agree_more .box   ul li.click span{color: #fff;}


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

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


@media screen and (max-width:767px){
	
	.blackBox.agree_more .box .content{width:100%; margin-top:1.5vw;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;margin-left:-15px;margin-bottom:15px; float:none;}
	.blackBox.agree_more .box  img.pic.other{width: 100%;}
	.blackBox.agree_more .box  ul  li{float:left; text-align: center; font-size:1.01em;padding:2.4vw 0px;letter-spacing:-0.5px;font-weight:bold;}
	
	.blackBox.agree_more .box  img{ display:block; margin:2vw auto; float:none;}
	.blackBox.agree_more .box  img.pic{width: 100%;}
	.tab01{width:22%;}
	.tab02{width:18%;}
	.tab03{width:55%;}
	.tab.tab02 a{padding:5px 15px; }
	.tab.tab02 img{width:65%;}
	
	.blackBox.agree_more .box   ul.menuBox2  li span{display:block;font-size:0.9em;}
	


}