@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;background-color:#effaff; }
.for_phone { display:none;}
 @media screen and (max-width:767px){
                .for_pc{ display:none !important;}
                .for_phone{ display:block !important;}
				 body { margin: 0; padding: 0; background-image:none }
				 .for_m_magintop { margin-top:3vw;}
 }


/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block;  margin:0; padding:0;  width:100%;  overflow:hidden;min-width:1220px;   }
.WRAPPER img {border:0; vertical-align:top;}
.WRAPPER .mainArea {  margin:0 auto; width:1220px; font-family:"Century Gothic", "微軟正黑體", sans-serif; position:relative; }
.WRAPPER .mainArea a{ padding:0; margin:0; text-decoration:none; font-family:"微軟正黑體" }
.WRAPPER  a { text-decoration:none;font-family:"微軟正黑體"} 
/*控制區塊背景的位置*/
.Areabg{ margin-left:-390px;} 
@media screen and ( max-width:736px) {
	.WRAPPER {min-width: inherit; }
	.WRAPPER img {width:100%; height:auto;}
}




/*區塊背景*/
@media screen and (min-width:768px) {
.Areabg01{position:absolute;z-index: -10;top:0px;left:0;width:100%;min-width:1220px;height: 1726px;background-image:url(pc_01.jpg?t=1724990151425);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.repeat_bg2{position:absolute;z-index: -7;left:0;top: 900px;width:100%;min-width:1220px;height:40000px;background-image:url(pc_reapet.jpg?t=1724990151425);background-repeat:repeat-y;background-position:center top;pointer-events:none;}
.bg_fix { z-index:-1; position:fixed; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
}




@media screen and (max-width:767px) {
.m_top_bg01 {z-index: -5;position:absolute;top: 5vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_top_bg02 {z-index: 10;position:absolute;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;mix-blend-mode: overlay;}
.m_deco {z-index: -2;position: absolute;top: 4vw;left: 0;width: 122%;height: 80vw;transform-origin: center center;background-repeat:repeat-x;transform: rotate(24deg);mix-blend-mode: screen;background-position: center top;pointer-events:none;background-size: 100%;}
.m_deco02 {z-index: 10;position: absolute;top: 117vw;left: -13vw;width: 122%;height: 80vw;transform-origin: center center;background-repeat:repeat-x;transform: rotate(350deg);mix-blend-mode: screen;background-position: center top;pointer-events:none;background-size: 100%;}
.bg_fix {z-index: -10;position:fixed;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_repeat_bg2{z-index: -7;position:absolute;top: 90vw;left: 0;width: 100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}

}



/*區塊_all*/
.Area1220 {position: relative;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; }
.Areaa {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);}






 @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;}
 }
    
/*區塊-共用按鈕*/
.Area .btn_go {}
.Area .btn_go *{-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;} 
.Area .btn_goa:hover {  -webkit-transition: all 0.35s;transition: all 0.35s;-webkit-transform: scale(0.9);transform: scale(0.9);}
.Area .btn_goa:after  { 
          -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;}
;o:hover a { color:#fff;}
;
.Area .btn_go:hover a:after  { width:150% !important;}
;

.Area .btn_go:hover a i { background-color:#000;transform:translateX(-10px);transition-delay:0.1s;}
.Area .btn_goastrong {z-index:2;position: relative; }
.Area .btn_goai {z-index: 3;position: absolute;top: -63px;right: -278px;display: inline-block;border-radius: 60px;width: 60px;height: 60px;background: #09006e url(btn_icon_r.png?t=1696598482216);background-size: contain;
}
 @media screen and (max-width:736px){ 
   .Area{width:100%;height:100%;min-width:100%;}
  .Area .btn_go {position:absolute; }
  .Area .btn_go *{-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;} 
  .Area .btn_go a {display:block;color:#fff;letter-spacing:-2px;}
  .Area .btn_go a:after  {}
  .Area .btn_go:active a,
  .Area .btn_go:focus a,
  .Area .btn_go:hover a { color:#fff;}
  .Area .btn_go:active a:after,
  .Area .btn_go:focus a:after,
  .Area .btn_go:hover a:after  { width:150% !important;}
  .Area .btn_go:active a i,
  .Area .btn_go:focus a i,
  .Area .btn_go:hover a i { background-color: transparent;transform:translateX(-10px);transition-delay:0.1s;}
  .Area .btn_go a strong {z-index:2;position: relative; }
  .Area .btn_go a i {z-index:3;position: absolute;top:0;right:0;display:inline-block;border-radius:35px;width:35px;height:35px;background:#09006e url(btn_icon_r.png?t=1696598482216);background-size:contain;}
 }




/*-----版頭-----*/
@media screen and (min-width: 768px){
  .Area_top{position: relative;height: 800px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
  /*date*/
  .Area_top .date{width: 22%;position: absolute;top: 318px;left: 100px;z-index: 3;}
 /*大標*/ 
 .Area_top .title01 {position:absolute;width: 54%;top: 51px;left: 250PX;height: auto;z-index: 2;}
 .Area_top .title01 img {width: 88%;}
 .Area_top .title01  ul li{position: absolute;}
 .Area_top .title01 input{position: relative;}
  /*版頭品*/
  .Area_top .title02{z-index: 1;position:absolute;top: -29px;left: 74px;width: 1050px;height: 700px;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box {width: 100%;height: 700px;} 
  .Area_top .title02 .Area_swiper_box ul{display: flex;grid-gap: 0;padding: 0;height: 162px;} 
  .Area_top .title02 .Area_swiper_box img{width: 100%;} 
 .Area_top .title02 input{position: relative;top: 110px;}




}
@media screen and (max-width:767px){
  .Area_top {width:100%;position: relative;height: 81vw;padding:0 0 0 0;}
  /*date*/
  .Area_top .date{width: 26%;position: absolute;top: 30vw;right: 68vw;z-index: 1;}
 /*大標*/ 
 .Area_top .title01 {width: 71%;position:absolute;top: 5vw;left: 13vw;height: auto;z-index: 7;}
 .Area_top .title01 img {width: 100%;}
 .Area_top .title01  ul li{position: absolute;}
  /*版頭品*/
  .Area_top .title02 {position: absolute;width: 101%;height: 69vw;margin: 0 auto;left: -1;top: 1vw;z-index: 10;}
  .Area_top .title02 .Area_swiper_box{width: 100%;height: 69vw;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box ul{display: flex;height: 18vw;grid-gap: 0;padding: 0;}
  .Area_top .Area_swiper_box img{width: 100%;}

 
}


/*---bn---*/
@media screen and (min-width:768px){
  .Area_bn{margin: 110px auto 0 auto;}
  .Area_bn .ly ul{padding: 0;}
  }
  
  @media screen and (max-width:767px){
    .Area_bn{margin: 12vw auto 0 auto;}
  }
  
/*---攻略---*/
@media screen and (min-width:768px){
	.danji{margin: 60px auto 0 auto;}
  .danji .box{background-color: #765ae6;padding: 3vw 0 2vw 0;}
  /*登記*/
  .danji .box_all{padding: 0 0 0 0;}
  .danji .Area_danji .danji_box{width: 888px;}
  .warningTxt{position: relative;z-index: 99;}
   /*鋪底*/
   .danji .box_btn{width: 98%; margin: 10px auto 0 auto;}
   .danji .box_btn ul{padding: 0;}

}

@media screen and (max-width:767px){
    .danji{margin: 3vw auto 0 auto;}
    .danji .box{background-color: #765ae6;padding: 3vw 0 2vw 0;}
    /*登記*/
    .danji .box_all{position: relative;z-index: 99;}
    .danji .Area_danji{width: 89%;}
    /*折價券*/
    .danji .box_coupon{width: 94%;margin: 2vw auto 1vw auto;}
    /*鋪底*/
    .danji .box_btn{margin: 0 auto 0 auto;}

}


/*---作圖區(無底色)---*/
@media screen and (min-width:768px){
	.Area_item{margin: 40px auto 0 auto;}
  .Area_item .ly{margin: 40px auto 0 auto;}
    .Area_item .ly ul{width: 81%;padding: 0;grid-gap: 70px;}
    .Area_item .ly ul li{padding: 0 0 480px 0;background: no-repeat center top/100% url("item_bg.png?t=1753943768659");}
    .Area_item .ly ul li .PD_into{text-align: center;}
    .Area_item .ly ul li .PD_into .PD_logo{width: 100%;position: absolute;left: -34px;top: -263px;}
    .Area_item .ly ul li .PD_into .PD_logo img{width: 31%;border-radius: 100%;}
    .Area_item .ly ul li .PD_into{position: relative;width: 95%;left: 13px;top: 59px;z-index: 5;}
    .Area_item .ly ul li .PD_img{width: 95%;position: absolute;top: 210px;left: 7px;}
    /*文字*/	
    .Area_item .ly.PD_layout .PD_into h3{color: #000000;width: 100%;position: relative;left: 0;top: -17px;font-size: 1.8em;}
    .Area_item .ly.PD_layout .PD_into h4{color: #000000;position: relative;width: 100%;top: -12px;left: 0;font-size: 1.5em;}
    .Area_item .ly.PD_layout .PD_into p{color: #8b48ff;width: 91%;font-size: 2em;position: relative;top: -10px;left: 21px;}
    .Area_item .ly.PD_layout .PD_into p del{color: #838383;font-size: 0.9em;}
    .Area_item .ly.PD_layout .PD_into p b{font-size: 0.9em;}
    .Area_item .ly.PD_layout .PD_into p span{font-size: 0.9em;}
    .Area_item .ly.PD_layout .PD_into p small{font-size: 0.9em;}
    .Area_item .ly.PD_layout .PD_into p .Price{font-size: 1.7em;}
    .Area_item .ly.PD_layout .PD_into p .Price,.Area_item .ly.PD_layout .PD p b,.Area_item .ly.PD_layout .PD p .money{
      color: #8b48ff;
      font-weight: 900;
      background: none;
      background-image: repeating-linear-gradient(178deg, #8b48ff 20%, #8b48ff 100%) !important;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      }	
 
}

@media screen and (max-width:767px){
    .Area_item{margin: 5vw auto 0 auto;}
    .Area_item .ly{padding: 2vw 0 0 0;}
    .Area_item .ly ul{width: 92%;padding: 0;grid-gap: 3vw;}
    .Area_item .ly ul li{padding: 0 0 39vw 0;background: no-repeat center top/100% url("item_bg.png?t=1753943768659");}
    .Area_item .ly ul li .PD_into{text-align: center;}
    .Area_item .ly ul li .PD_into{position: relative;width: 95%;left: 1vw;top: 0;z-index: 5;}
    .Area_item .ly ul li .PD_img{width: 95%;position: absolute;top: 23vw;left: 0;}
     /*文字*/	
    .Area_item  .ly  ul li .PD_into h3{color: #000000;width: 100%;position: relative;left: 0;top: 3vw;font-size: 1em;}
    .Area_item  .ly  ul li .PD_into h4{color: #000000;position: relative;width: 100%;top: 1vw;left: 0;font-size: 0.8em;}
    .Area_item  .ly  ul li .PD_into p{color: #8b48ff;width: 100%;font-size: 0.9em;position: relative;top: 0vw;left: 0;}
    .Area_item  .ly  ul li .PD_into p del{color: #311700;}
    .Area_item  .ly  ul li .PD_into p .Price,.Area_item  .ly .PD_layout .PD p b,.Area_item  .ly .PD_layout .PD p .money{
      color: #8b48ff;
      font-weight: 900;
      font-size: 1.5em;
      background: none;
      background-image: repeating-linear-gradient(178deg, #8b48ff 20%, #8b48ff 100%) !important;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      }	
}
  




/*---6品---*/
@media screen and (min-width:768px){
  .Area_6pd{margin: 10px auto 0 auto;}
  .Area_6pd .ly {margin: 20px auto 0 auto;}
  }
  
  @media screen and (max-width:767px){
    .Area_6pd{margin: 5vw auto 0 auto;}
  }
  



/*---1帶3---*/
@media screen and (min-width:768px){
  .Area_brand{margin: 10px auto 0 auto;}
  .Area_brand .box_all{}
  .Area_brand .box_ly{position: relative;width: 90%;margin: 0 auto;}
  .Area_brand .box .ly input{position: relative;left:-50px;}
  .Area_brand .box_ly .box_sw{width: 100%;position: relative;padding: 0px 0 22px 0;margin: 0 auto 18px auto;background: no-repeat top center/96% url("pc_logo_bg.png?t=1753943768659");}
  .Area_brand .box_ly .box_sw .ly{width: 92%;margin: 0 auto;position: relative;z-index: 1;padding: -2px 0 0 0;}
  .Area_brand .box_ly .box_sw .ly ul{width: 95%;}
  /*logo*/ 
  .Area_brand  .logo{position: relative;z-index: 2;width: 76%;height: 99px; padding: 6px 130px ;}
  .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;padding: 20px 0;left: 84px;top: 4px;}
  .Area_brand  .logo ul li h3{color: #7c57ff;width: 50%;position: absolute;right: 61px;top: 24px;margin: 0 auto;font-size: 2.9em;}
}
@media screen and (max-width:767px){
.Area_brand{margin: 0 auto 0 auto;}
.Area_brand .box_ly{position: relative;}
.Area_brand .box_ly .box_sw{position: relative;margin: 0vw auto 1vw auto;padding: 0 0 0 0;background: no-repeat top center/100% url("logo_bg.png?t=1753943768659");}
/*公版*/
.Area_brand .box_ly .box_sw .ly{position: relative;z-index: 1;padding: 2vw 0 6vw 0;width: 93.4%;margin: 0vw auto 0 auto;}
/*logo*/ 
.Area_brand  .logo{position: relative;z-index: 2;width: 100%;height: 14vw;padding: 5vw 0 0 0;}
.Area_brand  .logo ul{grid-gap: 0;}
.Area_brand  .logo ul .PD_into{padding: 0;}
.Area_brand  .logo ul .PD_logo{width: 31%;position: relative;padding: 1vw;top: -1vw;left: 9vw;}
.Area_brand  .logo ul li h3{color: #6f50e1;width: 48%;position: absolute;right: 5vw;top: 1vw;margin: 0 auto;font-size: 1.4em;}

}

/*NEW公版*/
@media screen and (min-width: 768px){
.Area02 {height: auto;padding-bottom: 80px;}
.Area02_bg {z-index: -40;position:absolute;top: 100px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.Area_line {z-index: -40;position:absolute;top: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
.Area02 .tag {display: flex;flex-wrap: wrap;height: 230px;margin: 4% 1%;justify-content: center; }	
.Area02 .tag::before {content:"";position: absolute;display:block;top: 210px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;}
.Area02 .tag a{left: 0;width: 22%;height: 57px;margin: 0 1.5%;}
.Area02 .tag img{ width: 100%; }

}

@media screen and (max-width: 767px){
.Area02 {height: auto;margin-bottom: 0!important; margin: 8vw 0;}
.m_Area02_deco2 {z-index: 30;position:absolute;top: 34vw;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
.Area02 .tag {display: flex;flex-wrap: wrap;height: 24vw;justify-content: center;}	
.Area02 .tag a{width: 24%;height: 20vw;margin: 10 -0.5%;}

}

/*影片區*/
@media screen and (min-width:768px){
.PDbox3.PD_layout .PD_slide {border-radius: 0!important;background-color: #0000;background: url("PDbox_bg3.png?t=1753943768659") center top/100% no-repeat scroll;padding: 5% 2%;height: 430px;}
.PDbox3.PD_layout li:hover {box-shadow: none; }
.PDbox3 {padding: 0 4%;}	
.PDbox3 .PD_layout ul {  padding: 2%;}
.PDbox3 .PD p {position: absolute;top: 87%;left: 32%;font-size: 1.2em!important;color: #000!important;}
.PDbox3 .PD_into {font-size: 1em;margin-bottom: 10px;}	

}

@media screen and (max-width:767px){
.PDbox3.PD_layout .PD_slide {border-radius: 0!important;background-color: #0000;background: url("PDbox_bg3.png?t=1753943768659") center top/100% no-repeat scroll;padding: 0 1%;height: 54vw;}
.PDbox3.PD_layout li:hover {box-shadow: none; }
.PDbox3 {padding: 0 1%;}	
.PDbox3 .PD_layout ul {  padding: 2%;}
.PDbox3 .PD p {position: absolute;top: 84%;left: 24%;font-size: 0.9em!important;color: #000!important;}
.PDbox3 .PD_into {font-size: 0.9em;margin-bottom: 0;}		

}


/*版頭品+攻略按鈕*/
@media screen and (min-width: 768px){
  .Area01 {height: auto;z-index: 30;height: 1200px;}
  .Area01_bg {position: absolute;top: 810px;left: 0;z-index: 0;}	
  .Area01_deco {position: absolute;top: -8px;left: 40px;z-index: 0;}
  .Area01_deco2 {position: absolute;top: 62px;left: 1048px;z-index: 50;}	
  .Area01 .box_all{position: relative;height: auto;}
  .video_bg {position: absolute;top: 4px;left: 562px;z-index: 0;}
  .video_model {position: absolute;top: 37px;left: 138px;z-index: 0;}
  }
  @media screen and (max-width: 767px){
  .Area01 {height: 122vw;z-index: 30;}	
  .Area01_bg {position: absolute;top: 94vw;left: 0;z-index: 0;width: 100%;}	
  .Area01_deco {position: absolute;top: 0vw;left: -3vw;width: 42%;z-index: 20;}
  .Area01_deco2 {position: absolute;top: 7vw;left: 88vw;width: 11%;z-index: 20;}	
  .Area01 .box_all{position: relative;height: auto;}
  .video_bg {position: absolute;top: 0vw;left: 35vw;z-index: 0;width: 63%;}
  .video_model {position: absolute;top: 14vw;left: 0;z-index: 10;width: 42%;}		
  }



/*版頭輪播影片*/
.video_box {position: absolute;top: 91px;left: 538px;width: 587px;height: 703px;overflow:hidden;z-index: 10;}
.video_box .PD_layout ul {display: flex;margin-top: -90px;}
.video_box .PD_img img {width:100%;}
.video_box video {transition: opacity 0.3s;transition-timing-function: ease-out;width: 100%;} 
.video_box .PD_layout .PD_slide:hover { transform: translateY(0); }

@media screen and (max-width:767px){
	.video_box{position:absolute;width: 97.7%;height: 82vw;top: 10vw;left: 17.1vw;overflow: hidden;z-index: 0;}
	.video_box .PD_layout ul {margin-top: -8vw;}
	.video_box .PD_img img {width:100%;}
	.video_box video {transition: opacity 0.3s;transition-timing-function: ease-out;transform: rotate3d(1,1,1,0deg);width: 63.4%;} 
}

/*影片*/
.box_youtube1 { position: absolute; top: 0px; left: 35px; z-index: 1;}
.box_youtube1 .youtubeArea { position: relative; width: 100%; height: 0; padding-bottom: 177.77%;}
.box_youtube1 .youtubeArea * { margin: 0; padding: 0;}
.box_youtube1 .youtubeArea iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.box_youtube1 .youtubeArea .youtubeDiv { background-color: transparent!important;}
@media screen and (min-width:768px){
  .box_youtube1 { width: 518px;}
}
@media screen and (max-width:767px){
  .box_youtube1 { top: 0vw; left: 19vw; width: 59.5vw;}
}






/*---分類---*/
@media screen and (min-width: 768px){
  .Area_logo{margin: 40px auto 0 auto;}
  .Area_logo .btn ul{width: 86%;display: flex;justify-content: center;}
  .Area_logo .btn ul li{min-width:auto;width: 30%;}

}

@media screen and (max-width:767px){
  .Area_logo{margin: 7vw auto 0 auto;}
  .Area_logo .btn{}
  .Area_logo .btn ul{display: flex;justify-content: center;}
  .Area_logo .btn ul li{min-width:auto;width: 30%;}

}


/*分享浮層*/
.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%;}
	}