@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: #ffe22f;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: 0vw; min-width: inherit; min-height:100vh; overflow: hidden;}
		.WRAPPER img {  width:100%;  height:auto;}
	}


/*版頭背景*/
.bg_01 { z-index: -1; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_repeat {z-index:-66;position: fixed;top: 0px;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_deco { z-index:6;position:fixed;top:0; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition: 0.5s linear; pointer-events:none;}
.bg_deco_repeat { z-index: 25; position:absolute; top: 800px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; transition: 0.5s linear; pointer-events:none;}
/*.bg_deco_repeat_B { z-index: 20; position:absolute; top: 800px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; transition: 0.5s linear; pointer-events:none;mix-blend-mode: multiply;}*/
.top_deco01 { z-index:0; position:absolute;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){
.mbg_01 {z-index: -1;position:absolute;top: 10vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size:100%;}
.m_bg_deco { z-index: -1; position:absolute; top: 10vw; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;background-size: 100%;}	
.bg_repeat_m {z-index:-50;position: fixed;top: 10vw;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-top: 0px!important;margin-bottom: 55px!important;padding-top: 0px!important;}
}
@media screen and (max-width: 767px){
.Area_bottom {margin-top: 0vw!important;margin-bottom: 5vw!important;padding-top: 0vw!important;}
}
	

	



/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height: 595px;}
}
@media screen and (max-width: 767px){
.Area_title {height: 100vw;margin-top: 1.5vw !important;}
}




/*裝飾deco*/
@media screen and (min-width:768px){
/*放大鏡*/
.top_deco {z-index: 10;position: absolute;top: 135px;left: 91px;}	
.top_deco img{width: 140%;}	
.top_deco { animation: bounce_s 1s 0.9s ease-out forwards;}
}
@media screen and (max-width: 767px){
/*放大鏡*/
.top_deco {position: absolute;top: 1vw;left: -4vw;width: 112%;transform: rotate(0deg);}	
/*.top_deco { animation: swing 2s 1.5s infinite;}	*/
.top_deco { animation: bounce_s 1s 0.9s ease-out forwards;}
}


	



/*爪子搖擺裝飾deco*/
@media screen and (min-width:768px){
/*爪子*/
.top_claw {z-index: 30;position: absolute;top: 0px;left: 205px;}	
.top_claw img{width: 82%;}	
/*.top_claw { animation: swing 2s 0.2s infinite;}	*/
}
@media screen and (max-width: 767px){
/*爪子*/
.top_claw {z-index: 30;position: absolute;top: -4vw;left: -1vw;width: 25.5%;transform: rotate(5deg);}	
/*.top_claw { animation: swing 2s 1.5s infinite;}	*/
}

/*爪子_動畫*/
.clip-play {
				 /* -webkit-animation:clip-play 1.3s infinite ease-in-out alternate ; */
				 /* animation:clip-play 1.3s infinite ease-in-out alternate; */
				 }
@-webkit-keyframes clip-play {
	   0% { -webkit-transform:translateX(20%) rotate(-5deg); transform:translateX(20%) rotate(-5deg);}
	 100% { -webkit-transform:translateX(-20%) rotate(5deg); transform:translateX(-20%) rotate(5deg);}
}
@keyframes clip-play {
	   0% { -webkit-transform:translateX(20%) rotate(-5deg); transform:translateX(20%) rotate(-5deg);}
	 100% { -webkit-transform:translateX(-20%) rotate(5deg); transform:translateX(-20%) rotate(5deg);}
}

	





@media screen and (min-width:768px){
.text {width: 100%;height: 170px;}
}
@media screen and (max-width:767px){
.text {width: 100%;left: -3vw;height: 10vw;}
}



/*主標入稿*/
@media screen and (min-width:768px){
	
/*副標輪播*/	
.Area_title .subtitle .titile02 {position:absolute;width: 38%;top: 373px;left: 117px;overflow: hidden;}
.Area_title .subtitle .titile02 .PD_layout {}
.Area_title .subtitle .titile02 .PD_layout ul {display:flex;}
.Area_title .subtitle .titile02 .PD_layout ul li {}
.Area_title .subtitle .titile02 .PD_slide:hover{transform:none;}
.Area_title .subtitle .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}	
}

@media screen and (max-width:767px){
	
/*副標輪播*/	
.Area_title .subtitle .titile02 {position:absolute;width: 48%;top: 36vw;left: 6vw;overflow: hidden;}
.Area_title .subtitle .titile02 .PD_layout {}
.Area_title .subtitle .titile02 .PD_layout ul {display:flex;}
.Area_title .subtitle .titile02 .PD_layout ul li {}
.Area_title .subtitle .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}		
}


/*----------------------------*/	
/*版頭品入稿*/
@media screen and (min-width:768px){
/*版頭品*/		
.Area_title .topPD {z-index: 10;position:absolute;width: 59.5%;height:auto;top: 2px;left: 285px;}
/*.Area_title .topPD { animation: headShake 1s 0s forwards; }*/
.Area_title .topPD .PD_slide:hover{transform:none;}
/*
.Area_title .topPD .PD_layout li:nth-of-type(1) {z-index: 15;position: absolute;top: 313px;left: -304px;}
.Area_title .topPD .PD_layout li:nth-of-type(1) img {width: 77%;animation: bounce_s 1s 0.9s ease-out forwards;}
.Area_title .topPD .PD_layout li:nth-of-type(2) {z-index: 10;position: absolute;top: 238px;left: 123px;}
.Area_title .topPD .PD_layout li:nth-of-type(2) img {width: 41%;animation: bounce_s 1.3s 1.2s ease-out forwards;}
*/
.Area_title .topPD   { animation: jackInTheBox 1s 0s forwards; }
	
}
@media screen and (max-width:767px){
/*版頭品*/	
.Area_title .topPD { z-index: 10;position: relative;top: 0.5vw;}
/*.Area_title .topPD { animation: headShake 1.1s 0.1s ease-out forwards;}*/
.Area_title .topPD {width: 87%;height: 100%;top: 9vw;left: 8vw;}
/*
.Area_title .topPD .PD_layout li:nth-of-type(1) {z-index: 15;position: absolute;width: 75%;top: -3vw;left: -24.5vw; }
.Area_title .topPD .PD_layout li:nth-of-type(1) img {width: 73%;animation: bounce_s 1s 0.9s ease-out forwards;}
.Area_title .topPD .PD_layout li:nth-of-type(2) {z-index: 10;position: absolute;width: 75%;top: -11.5vw;left: 32vw; }
.Area_title .topPD .PD_layout li:nth-of-type(2) img {width: 37.5%;animation: bounce_s 1.3s 1.2s ease-out forwards;}
*/
.Area_title .topPD   { animation: jackInTheBox 1s 0s forwards; }
	
}
/*----------------------------*/	



/*日期*/
 @media screen and (min-width:768px){
.Area_title .date {z-index: 5;position:absolute;width: 38%;height: 11%;top: -83px;left: 460px;text-align: left;transform: rotate(0deg);}
.Area_title .date .PD_layout .PD img {width: 100%;}
 }
@media screen and (max-width:767px){
.Area_title .date {z-index: 5;position: absolute;width: 25%;top: -12vw;left: 71vw;margin: 0px auto;list-style: none;transform: rotate(0deg);}
.Area_title .date .PD_layout .PD img {width: 100%;}
}

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




/*01_回饋趴數*/
.Area03 {height: 830px;}
.Area03 .box {position: relative;width: 100%;margin: -40px auto;}
.Area03 .box img { width: 100%;}
.Area03 .bg {position: absolute;top: 0.8vw;left: 0;z-index: 0;}
.Area03 .BN { position: relative; z-index: 1;}
@media screen and (max-width:767px){
  .Area03 {height: 82vw;}
  .Area03 .box {width: 100%;margin: -1vw auto;}
}




/*03_登記*/
@media screen and (min-width:768px){
.Area_danjiall {height:100%;margin-bottom: 50px!important;}
	
/**區標**/	
/*.Area_danjiall .text {position:relative;background:url(pc_bg01.png?t=1753261328550)top center no-repeat;background-size:100%;}*/
.Area_danjiall .text .layout_text {width:80%;margin:0 auto;padding-top: 0px;}
.Area_danjiall .text .layout_text .PD_slide:hover{transform:none;}
.Area_danjiall .text .layout_text .PD a {pointer-events: none!important}
	
/*.Area_danji {width:100%;background:url(pc_ul01.png?t=1753261328550)top center repeat-y;background-size:100%;}*/
.Area_danji .danji_box {width:80%;margin:0 auto;}
.Area_danji .warningTxt {margin-bottom:0;}
.Area_danji .warningTxt h3 {color:#000000!important;}

}	
@media screen and (max-width:767px){
.Area_danjiall {height:100%;margin-bottom: 10%!important;}
	
/**區標**/	
/*.Area_danjiall .text {position:relative;background:url(mo_bg01.jpg?t=1753261328550)top center no-repeat;background-size:100%;}*/
.Area_danjiall .text {height: 18vw;}
.Area_danjiall .text .layout_text {z-index: 99;width:100%;margin:0 auto;padding-top: 0vw;}
.Area_danjiall .text .layout_text .PD a {pointer-events: none!important}
	
	
/*.Area_danji {position:relative;width:100%!important;margin:0!important;background:url(mo_ul01.jpg?t=1753261328550)top center repeat-y;background-size:100%;}*/
.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 .warningTxt h3 {color:#000000;}
}

/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #e30b10;}                 




/*04_限搶倒數*/
.Areatime { height: 100%;margin-bottom: 80px !important; }
.Areatime .bg { position: absolute;top: 0vw; left: 0; z-index: 0;}
.Areatime .box{position: relative;width: 98%;margin-top: 88px;padding-top: 0px;margin: 10px auto 0px;}
/* .Areatime .box{background-color: #277b42;background-image: linear-gradient( 180deg, #277b42 0%, #206536 100%);} */
.Areatime .box .PD_layout {padding: 0 16px;}
/**區標**/	
.Areatime .text .layout_text {position:relative;width: 80%;height: 210px;left: 0px;top: -30px;margin:0 auto;padding-bottom:0;}
.Areatime .text .layout_text .PD_slide:hover{transform:none;}
.Areatime .text .layout_text .PD a {pointer-events: none!important}

@media screen and (max-width:767px){
.Areatime {height: 100%;margin-bottom: -17vw !important;}
.Areatime .box {width: 98%;padding-top: 0vw;margin-top: 9vw;margin-bottom: 7vw;}
/* .Areatime .box {background-color: #277b42;background-image: linear-gradient( 180deg, #277b42 0%, #206536 100%); } */
.Areatime .box .PD_layout {padding: 0;}
/**區標**/	
.Areatime .text .layout_text {position:relative;width: 100%;margin: 0 0 0 0vw;padding: 0vw 0 0 0;}
.Areatime .text .layout_text.PD_layout ul {padding-left: 0em!important;padding-right: 0em!important;}
.Areatime .text .layout_text .PD a {pointer-events: none!important}

	
}




/**04_限搶倒數_倒數**/
.Areatime {position: relative;}
.Areatime .TimerNick3 {position: absolute;top: 128px;left: 50.5%;transform: translateX(-50%);z-index: 15;display:inline-block;padding-right:14px;height:96px;text-align:right;}
.Areatime .TimerNick3 .FontStyle3 {display:inline-block;margin:0px 0 0 0;padding:0;border:0px;width: 53px;font:bold 39px/38px Century Gothic;color: #df373c;/*text-shadow:1px 1px 0px #fff;*/letter-spacing:-1px;text-align:center;/*background:#2b2626; border-radius: 0.5em;*/}

.Areatime .TimerNick3 div:nth-of-type(2)
.Areatime .TimerNick3 div:nth-of-type(3) { width:60px;}
.Areatime .TimerNick3 span {padding-left:2px;font: bold 25px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #000000;}
@media screen and (max-width:767px){
.Areatime .TimerNick3 {z-index:2;position: absolute;top: 9.5vw;left: 27%;display:inline-block;margin: 0 auto;padding-right:5%;width: 100%;height:0;padding-bottom:13%;overflow:hidden;text-align:right;}
.Areatime .TimerNick3 .FontStyle3 {display:inline-block;margin: 0vw 0 0 0.5vw;padding:0;border:0px;width: 6vw;height: 9vw;font: bold 6vw/9vw Century Gothic;color: #df373c;/*text-shadow:1px 1px 0px #fff;*/letter-spacing: 0vw;text-align:center;/*background:#2b2626; border-radius: 0.5em;*/}
.Areatime .TimerNick3 div:nth-of-type(2),
.Areatime .TimerNick3 div:nth-of-type(3) {width: 6vw;}
.Areatime .TimerNick3 span {padding-left: 1.5vw;font: bold 3.7vw/12vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0em;color: #000000;}
}



/*08_下方錨點公版*/
@media screen and (min-width:768px){ 
.Area_K1_all { width: 1220px;/*background-color: #fce8aa;*/} 
/*.Area_K1 { overflow: hidden; } */
/*.Area_K1 h3 { color: #60562f; margin: 1.5% auto 2%; font-size: 2.9em; }*/
.Area_K1 h3 { color: #eec3d5; margin: 1.5% auto 2%; font-size: 2.9em;pointer-events: none;}

/**公版區_區塊背景**/	
.Area_K1 .box:nth-child(odd){padding: 0% 0 2%;margin: 0 auto 4.5%;border-radius: 1em;/*background-color: #c1e5ff;*/} 
.Area_K1 .box:nth-child(even) {padding: 0% 0 2%;margin: 0 auto 4.5%;border-radius: 1em;/*background-color: #c1e5ff;*/} 
	
/**公版區**/	
.Area_K1 .box .PD_layout {padding: 0% 2.5%;margin: -5px auto;}  

/**公版區_關鍵字**/
.Area_K1 .PD_layout-D1_03 {width:103%;position:relative;flex-wrap:wrap;top: 4px;right: 18px;}

.Area_K1 .PD_layout-D1_03 ul {padding: 10px 25px;}
.Area_K1 .PD_layout-D1_03 ul::before {display: none!important;}	
.Area_K1 .PD_layout-D1_03 ul li {margin:10px 0;padding-right:0;background-color:#f8f8f8;}
.Area_K1 .PD_layout-D1_03 .PD h3 {color:#000;font-size:24px;}	
}
@media screen and (max-width:767px){
.Area_K1_all {width: 100% !important;padding-bottom: 1%;margin-bottom: 5% !important;} 
.Area_K1 .PD_layout ul {width: 93%;}
	
/**公版區_區塊背景**/	
.Area_K1 .box:nth-child(odd)  {padding: 0% 0 0;margin: 0 auto -15%;border-radius: 0.7em;/*background-color: #c1e5ff;*/} 
.Area_K1 .box:nth-child(even) {padding: 0% 0 0;margin: 0 auto -15%;border-radius: 0.7em;/*background-color: #c1e5ff;*/} 
/* .Area_K1 .box .PD_layout:nth-child(odd)  {background:url(K1_bg_02.png?t=1753261328550)top center repeat-y;background-size:100%;} 
.Area_K1 .box .PD_layout:nth-child(even)  {background:url(K1_bg_02.png?t=1753261328550)top center repeat-y;background-size:100%;}  */
	
/**公版區_關鍵字**/
.Area_K1 .PD_layout-D1_03 {width: 99%;position:relative;flex-wrap:wrap;top: 0.2vw;}
.Area_K1 .PD_layout-D1_03 ul {grid-gap: 0.25em!important;}
.Area_K1 .PD_layout-D1_03 ul::before {display: none!important;}	
.Area_K1 .PD_layout-D1_03 ul li {margin:.5vw 0;padding-right:0;background-color:#f8f8f8;}
.Area_K1 .PD_layout-D1_03 .PD h3 {color:#000;font-size: 1.1em;}	
.Area_K1 .PD_layout-D1_03 ul li.PD_into {padding: 0 0.3em; }
}



/*09_品牌旗艦館*/
@media screen and (min-width:767px){
.Area_flags {width: 650px !important;top: -25px;left: -20px;margin-bottom: 60px !important;}
.Area_flags .bg { position: absolute;top: 0vw; left: 0; z-index: 0;}
.Area_flags .PD_layout ul { padding: 0; grid-gap: 1.5em!important;}
.Area_flags .PD_layout ul li img { width: 100%;}
}
@media screen and (max-width:767px){
	.Area_flags {width: 100%!important;margin: 15vw auto 20vw !important;top: 10vw;}
	.Area_flags .bg { position: absolute;top: -15vw; left: 0; z-index: 0;}
	.Area_flags .PD_layout ul { width: 91%!important;padding: 0; grid-gap: 1.5vw!important;}
	.Area_flags .PD_layout ul li img { width: 93%;}
}







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


/*輪播移除公版設定*/
.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: 10px;}
@media screen and (max-width:767px){
  .Area .swipwe_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .swipwe_remove_box_style ul {}
}
	
	
	
	
	













/*置底*/
.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%;}






/*區塊_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;}


	}




/*版頭*/
.Area_top .momologo { z-index:10;position:absolute;top:15px;left:20px;}
@media screen and (max-width:767px){
.Area_top { height: auto;}
.Area_top .momologo { display: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;}
}



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