@charset "utf-8";
/* CSS Document */

/*基本*/
body{ margin:0; padding:0;}


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px;background-color:#fff9e1; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block; margin:0; padding:0;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:30px; min-width: inherit; min-height:100vh; overflow: hidden;}
		.WRAPPER img { width:100%;  height:auto;}
	}



@media screen and (max-width: 767px) {
  .PD_layout .PD p { height: 2.5em !important;line-height: 1.875em;}
}


/*區塊_all*/
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; display:block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform:scale(0.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
		  
		  
.WRAPPER .go_bt1 {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  
		  
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}



/*按鈕*/
.bnn {
}
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}	
	
	

/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}



/*版頭背景*/
.bg_01 {z-index: -10;position:absolute;top: 0;left:0;width:100%;height: 1303px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_repeat {z-index: -45;position:absolute;top: 20px;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
@media screen and (max-width:767px){
  .bg_01_m { z-index:-1; position:absolute; top: 10vw; left:0; width:100%; height:1000vw; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size:100%;}
  .bg_repeat_m {z-index:-50;position:absolute;top: 19vw;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}	
}



/*區塊底*/
@media screen and (min-width:768px){
.Area_bottom {margin-bottom: 0;margin-top: 0;padding-top: 0;}
}
@media screen and (max-width: 767px){
.Area_bottom {margin-bottom: 2vw !important;padding-top: 0;}
}
	


@media screen and (min-width: 768px){
.Area_title{position: relative;height: 1020px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
.Area_title .title01 {position:absolute;width: 93%;top: -126px;left: 14px;height: auto;z-index: 7;}
.Area_title .title01 { animation: zoomInDown 1.1s 0.3s forwards; }
.Area_title .title01 img {width: 103%;}
.Area_title .title01  ul li{position: absolute;}
.Area_title .title01  ul li:nth-child(1){transform-origin: center center;top: 126px;left: 26px;z-index: 10;}
.Area_title .title01  ul li:nth-child(1) img{width: 85%;}
.Area_title .title01 input{position: relative;top: -30px;}

.Area_title .title02{z-index: 10;position:absolute;top: 64px;left: 453px;padding-top: 24px;padding-left: 60px;width: 595px;height: 260px;overflow: hidden;}
.Area_title .title02 .title02_bg {position: absolute;width: 82%;top: 6px;left: 50px;}
.Area_title .title02 .title02_bg img{width: 100%;}
.Area_title .Area_swiper_box {width: 100%;height: 100%;} 
.Area_title .Area_swiper_box ul{display: flex;grid-gap: 0 !important;padding: 0;height: 100%;} 
.Area_title .Area_swiper_box img{width: 84% !important;} 

}
@media screen and (max-width: 767px){
.Area_title {width:100%;position: relative;height: 98vw;margin-top: 0;padding:0 0 0 0;}
.Area_title .title01  { animation: zoomInDown 1s 0.2s forwards;}
.Area_title .title01 {width: 100%;position:absolute;top: -1vw;left: -0.3vw;height: auto;z-index: 7;}
.Area_title .title01 img {width: 100%;}
.Area_title .title01  ul li{position: absolute;}
.Area_title .title01  ul li:nth-child(1){transform-origin: center center;top: 0;left: 0;z-index: 10;}
.Area_title .title01  ul li:nth-child(1) img{width: 100%;}
.Area_title .title01  ul li:nth-child(2){transform-origin: center center;top: 3vw;left: 2.1vw;}
.Area_title .title01  ul li:nth-child(2) img{width: 100%;}
.Area_title .title01  ul li .PD .PD_img{display: block!important;}

.Area_title .title02 {position: absolute;width: 66%;height: 15vw;margin: 0 auto;left: 26.2vw;top: 8vw;z-index: 10;}
.Area_title .title02 .title02_bg {position: absolute;width: 109%;top: -1.8vw;left: 6.8vw;}
.Area_title .title02 .title02_bg img{width: 100%;}
.Area_title .title02 .Area_swiper_box{ width: 90vw;height: 26vw;overflow: hidden;}
.Area_title .title02 .Area_swiper_box ul{display: flex;height: 22vw;grid-gap: 0;padding: 0;background-color: transparent}
.Area_title .Area_swiper_box img{width: 58% !important;} 

}



/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_v2-he2 { margin-left: -2.5px!important; margin-top: 70px!important; z-index: 99!important; }


/**輪播品**/	
@media screen and (min-width:768px){
  .Area_hot {z-index: 20;width: 960px !important;height: 540px;margin-top: 10px;margin-bottom: 0 !important;}	
  .Area_hot .box .PD_layout {width: 100%;margin:0 auto;padding-top: 0;left: 0;top: -20px;overflow: hidden}	
  .Area_hot .box .PD_layout ul {display:flex;margin:0;padding-top:8px;grid-gap:0;}
  .Area_hot .box .PD_layout ul li {height: auto;margin:0;padding:0;grid-gap:0;}
  .Area_hot .box .PD_layout .PD p {height: 3em;}
  .Area_hot .box .PD_layout .PD p del {font-size: 16px!important;}
  .Area_hot .box .PD_layout .PD_into .Price {font-size: 33px!important;}
  .Area_hot .box .PD_layout .swiper-pagination {position:relative;margin: 15px 0;}
}
@media screen and (max-width:767px){
  .Area_hot {width: 100% !important;height: auto;margin-bottom: 5vw !important;padding-left: 0vw !important;z-index: 10;}
  .Area_hot .box .PD_layout {width: 100%;left: 0;padding-top: 4.8vw;overflow: hidden;}	
  .Area_hot .box .PD_layout ul {display:flex;height: 67.8vw;margin:0;padding: 0;grid-gap: 0.5vw;}
  .Area_hot .box .PD_layout ul li {margin:0;padding:0;height: 67vw;grid-gap:0;}
  .Area_hot .box .PD_layout .PD_into .Price {font-size: 25px!important;}	
  .Area_hot .box .PD_layout .swiper-pagination {position:relative;margin: 3vw 0 0;}
  .Area_hot .box .PD_layout .swiper-pagination.swiper-pagination-white{bottom: 11px;left: 30px;width: 80%;}
}


/*輪播品*/
@media screen and (min-width: 768px){
  .Area_hot .hot_bg{position: absolute;width: 100%;height: 600px;top: -55px;left: 0;overflow: hidden;}
}
@media screen and (max-width: 767px){
  .Area_hot .hot_bg{position: absolute;width: 100%;top: 0.5vw;left: 0vw;}
}
	
	

/** 倒數 **/
.TimerNick {position: absolute;top: 188px;left: -5px;width: 1220px;height: 54px;text-align:center;z-index:0;}
.TimerNick .FontStyle {display:inline-block;margin:0 0 0 1%;padding:0;border:0px;width:45px;font:normal 35px/50px Arial;color: #fff800;letter-spacing:-1px;text-align:right; }
.TimerNick span {padding-left: 1%;font: bold 28px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #fff;}
.TimerNick small{  position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0;color:#fff;}
@media screen and (max-width:767px){
  .TimerNick {position: absolute;top: 28.5vw;left: -1.5%;margin:0;padding-right:0;padding-bottom:0;width:100%;height:auto;text-align: center /* overflow:hidden*/;}
  .TimerNick .FontStyle { margin:0 ; padding:0; border:0px; width:6vw; font: bold 5.5vw/6vw Arial; color: #fff800;letter-spacing:-1px; text-align:right;  }
  .TimerNick div:nth-of-type(2),
  .TimerNick div:nth-of-type(3),
  .TimerNick div:nth-of-type(4){ width: 7vw;}
  .TimerNick span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0;}
}


/*折價券*/
@media screen and (min-width:768px){
  .Area_coupon {width: 960px;margin: 90px auto 130px;padding-top: 0;}
  .Area_coupon:last-child { margin-bottom: 0;}
  .Area_coupon .PD_layout ul {height: 170px;grid-gap: 0;}
  .Area_coupon ul li .PD_img { padding: 0;}
  .Area_coupon .coupon_new .Area_swiper_box .swiper-pagination {top: 175px;}
}
@media screen and (max-width:767px){
  .Area_coupon {width: 95%;height: 28vw;margin: 8% auto -1.5%;}
  .Area_coupon ul { grid-gap: 0;}
  .Area_coupon ul li .PD_img { padding: 0;}
  .Area_coupon .coupon_new .Area_swiper_box .swiper-pagination {top: 19vw;}
}


.Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #252525 !important;}
.Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .divine_coupon{color: #252525 !important;}




  
/*按鈕*/
.Area_activB {z-index: 15;height: auto;margin-top: 80px;margin-bottom: 40px !important;padding-top: 0 !important;}
.Area_activB .title { position: relative; z-index: 1;}
.Area_activB .activ_bg {position: absolute;top: -37px;left: 106px;z-index: 0;}
.Area_activB .activ_bg img{ width: 105%;}
.Area_activB .BN2 {display: flex;flex-wrap: nowrap;padding: 0 130px 0 140px;margin-top: 0;box-sizing: border-box;}
.Area_activB .BN2 ul{padding: 0;grid-gap: 20px!important;}
@media screen and (min-width:768px){
  .Area_activB .BN2 {padding: 0;}
}
@media screen and (max-width:767px){
  .Area_activB {height: 16vw;width: 100%;margin-top: 9vw !important;margin-bottom: 4vw !important;padding-top: 0 !important;padding-bottom: 0% !important;}
  .Area_activB .activ_bg {width: 100%;position: absolute;top: -0.6vw;left: 0;z-index: 0;}
  .Area_activB .activ_bg img{ width: 102%;}
  .Area_activB .BN2 {flex-wrap: wrap;width: 97%;padding: 0;margin: 0 auto;left: 0.2vw;}
  .Area_activB .BN2 ul{padding: 0;grid-gap: 1.8vw!important;}
}



/*共用樣式*/
.title_bt {margin-bottom: -10px !important;}
.title_bt ul { padding: 0 !important;}
@media screen and (max-width:767px){
  .title_bt {margin-bottom: -0.5vw !important;}
}



/*登記*/
@media screen and (min-width:768px){
  .Area_danji .danji_box {width: 91%;margin:0 auto;}
  .Area_danji .warningTxt {margin-bottom:0;}
}	
@media screen and (max-width:767px){
  .box_all {margin-top: 0vw;}
  .Area_danji {z-index: 15;width: 98.5%;margin-left: 0.8vw !important;}
  .Area_danji .danji_box{ margin:0!important;}
  .Area_danji .danji_box .box_1 {width:96%;padding:0;margin:0 auto;}
  .Area_danji .warningTxt {padding-bottom:0;}
}

.Area_danji .danji_box ul li .activityText .gifts span {color: #8caa00;}                 



/*---1帶2---*/
@media screen and (min-width:768px){
  .Area_brand{margin: 80px auto 100px auto;}
  .Area_brand .box_all{padding: 0;}
  .Area_brand .box_all .box{width: 100%;position: relative;padding: 0 0 30px 0;margin: 0px auto 50px auto;background: no-repeat right top/100% url("logo_bg.png?t=1774840756878");}
  .Area_brand .box .ly ul{width:94% ;}
  .Area_brand .logo{width: 100%;height: 170px;}
  .Area_brand .logo ul{grid-gap: 0;}
  .Area_brand .logo ul .PD_into{padding: 0;}
  .Area_brand .logo ul .PD_logo{width: 23%;position: relative;top: 47px;left: 119px;}
  .Area_brand .logo ul li h3{color: #ffffff;width: 50%;position: absolute;right: 37px;top: 31px;margin: 0 auto;font-size: 3.4em;}
  .Area_brand .ly{width: 98%;margin: 0 auto;}
  .Area_brand .swiper-pagination-bullet {background: #ffffff;}
}
@media screen and (max-width:767px){
  .Area_brand{margin: 6vw auto 5vw;}
  .Area_brand .box_all{position: relative;}
  .Area_brand .box_all .box{position: relative;margin: 0 auto -1vw auto;padding: 0 0 0vw 0;background: no-repeat top center/100% url("logo_bg.png?t=1774840756878");}
  .Area_brand .logo{width: 100%;height: 12.5vw;}
  .Area_brand .logo ul{grid-gap: 0;}
  .Area_brand .logo ul .PD_into{padding: 0;}
  .Area_brand .logo ul .PD_logo{width: 25%;position: relative;top: 4.5vw;left: 11.5vw;}
  .Area_brand .logo ul li h3{color: #ffffff;width: 48%;position: absolute;right: 4.5vw;top: 2.8vw;margin: 0 auto;font-size: 1.5em;font-weight: 900;letter-spacing: -0.1vw;}
  .Area_brand .swiper-pagination-bullet {background: #ffffff;}
  .Area_brand .box_all .box .ly {width: 96%;padding: 5vw 0 9vw 0;}
  .Area_brand .box_all .box .ly ul li {width: 100% !important;height: 54vw;}
}
  
  



/*折價券*/
.coupon.PD_layout.PD_layout-coupon3 .PD .divine_coupon {color: #000;}
@media screen and (min-width:768px){
  .coupon{height: auto;margin-top: 0;}
  .coupon.PD_layout {width: 95%;margin: 0 auto 30px !important;left: 7px;}
}
@media screen and (max-width:767px){
  .coupon{height: 100%;margin-bottom: 0;}
  .coupon.PD_layout {width: 100%;margin: 0 auto 1vw;}
  .coupon.PD_layout ul{padding: 1.5vw 0 0 0;}
}





/**BN輪播**/	
@media screen and (min-width:768px){
  .Area_bn {height: 280px;margin-bottom: 90px;}				
  .Area_bn .box .PD_layout {width:95%;overflow:hidden}	
  .Area_bn .box .PD_layout ul {display:flex;height: 270px;margin:0;padding:0;grid-gap:0}
  .Area_bn .box .PD_layout ul li {margin:0;padding:0;grid-gap:0}
  .Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
  .Area_bn .box .PD_layout .swiper-pagination {position:relative;margin: 0 0;}
}
@media screen and (max-width:767px){
  .Area_bn {height: 62vw;}
  .Area_bn .box .PD_layout {width: 100%;overflow:hidden;padding-bottom: 1.5vw;}	
  .Area_bn .box .PD_layout ul {display:flex;height: 34vw;margin:0;padding:0;grid-gap:0}
  .Area_bn .box .PD_layout ul li {margin:0;padding:0;grid-gap:0}
  .Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
  .Area_bn .box .PD_layout .swiper-pagination {position:relative;margin: 3.5vw 0;}
}





/*下方公版*/
@media screen and (min-width:768px){ 
  .Area_K1_all { width: 1220px;margin-bottom: 50px;} 
  .Area_K1 .box .text.layout_text {position:relative;width: 77%;height: 165px !important;margin:0 auto;padding: 0;top: 0;}
  .Area_K1 .box .text.layout_text .PD_layout ul {padding-left: 0 !important;padding-right: 0 !important;}
  .Area_K1 .box .text.layout_text .PD a {pointer-events: none!important}

  .Area_K1 .box .text.layout_text2 {position:relative;width: 70%;height: 188px !important;margin:0 auto;padding: 0 0 0 0;top: -15px;}
  .Area_K1 .box .text.layout_text2 .PD_layout ul {padding-left: 0 !important;padding-right: 0 !important;}
  .Area_K1 .box .text.layout_text2 .PD a {pointer-events: none!important}
  .Area_K1 .box:nth-child(odd){padding: 0% 0 0%;margin: 0 auto 0%;border-radius: 1em;} 
  .Area_K1 .box:nth-child(even) {padding: 0% 0 0%;margin: 0 auto 0%;border-radius: 1em;} 
  .Area_K1 .box .PD_layout {padding: 0% 3.5%;margin: 0 auto 1.2%;}  
}
@media screen and (max-width:767px){
  .Area_K1_all { width: 100% !important;padding-bottom: 1%;margin-bottom: 12% !important;} 
  .Area_K1_all .start{position: absolute;top: -24vw;}
  .Area_K1_all .end{margin: -5vw auto -10vw auto;}
  .Area_K1 .box .text.layout_text {position:relative;width: 100%;height: 20vw !important;margin: 0 0 0 0;padding: 1vw 0 0 0;}
  .Area_K1 .box .text.layout_text .PD_layout ul {padding-left: 0 !important;padding-right: 0 !important;}
  .Area_K1 .box .text.layout_text .PD a {pointer-events: none!important}
  .Area_K1 .box .text.layout_text2 {position:relative;width: 100%;height: 23vw !important;margin: 0 0 0 0;padding: 0 0 0 0;}
  .Area_K1 .box .text.layout_text2 .PD_layout ul {padding-left: 0 !important;padding-right: 0 !important;}
  .Area_K1 .box .text.layout_text2 .PD a {pointer-events: none!important}
  .Area_K1 .box:nth-child(even){padding: 0% 0 0%;margin: 0 auto 0;border-radius: 0.7em;} 
  .Area_K1 .box:nth-child(odd) {padding: 0% 0 0%;margin: 0 auto 0;border-radius: 0.7em;} 
}

@media screen and (min-width:768px){
  .boxrp_repeat {z-index: -1;top: 0;left: 0;width: 1220px;height: auto;background-repeat:repeat-y;background-position: center top;background-color: #d3e7ee;border: 3.5px solid #fff;padding-top: 40px;padding-bottom: 60px;border-radius: 2em;}
}
@media screen and (max-width:767px){
  .boxrp_repeat {position:relative;height: auto;width:100%!important;margin: 0 0 -4vw 0!important; background:url(K1_repeat.jpg?t=1774840756878)top center repeat-y; background-size:100%;}
}






/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.Area .remove_box_style ul li { background-color: transparent;border: none!important;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; grid-gap: 0.2em;}
}




/*輪播移除公版設定*/
.Area .swipwe_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .swipwe_remove_box_style ul li { border: none!important; background-color: #fff;}
.Area .swipwe_remove_box_style ul li,
.Area .swipwe_remove_box_style ul li .PD_img img {border-radius: 8px;}
@media screen and (max-width:767px){
  .Area .swipwe_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
}
	
	
	



/*置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
				    padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index:10;}
.fixbn ul li{float:left;padding:0;list-style-type:none;width:50vw;}
.fixbn ul li img{width:100%;margin:0 auto;}

.fixbn ul{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}
/*2顆按鈕*/
.fixbn .class_00 {position:absolute;width:100%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}
.fixbn .class_02 { top:0%;left:34%;}
.fixbn .class_03 { top:0%;left:67%;}







/*分享浮層*/
.floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center;  border-radius:20px;}
.floatBox img { width:100%; height:auto;}
.floatBox .go_bt {
  -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;}
.floatBox .go_bt:hover { filter: brightness(120%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#ffd800; text-align:center}
.floatBox .box_ { margin:0 auto; width:90%;}
.floatBox .box_:after { content: ""; display:block; clear:both;}
.floatBox .box_btn { margin:20px auto 0; width: 80%;}
.floatBox .box_btn a { display:block; margin:3% 0;}
.floatBox .box_btn img { width:100%;}
.floatBox .box_btn .btn { margin:0 auto; width:60%;}
.floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;}
	@media screen and (max-width:767px){
		.floatBox { padding:5% 0; width:90%; height: auto;}
		.floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title  { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;}
		.floatBox .box_btn { margin:2% auto 0;}
		.floatBox .box_btn .btn { margin:0 auto; width:80%;}
	}