@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;background-color:#000; width:100%; min-width:1220px; 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;background: #000;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*PC背景*/
@media screen and (min-width:768px){
.bg_00 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02 { z-index:-1; position:absolute; top:797px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_deco { z-index:-50;position:fixed;top:0px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}

.bg_deco01 { z-index:-1; position:absolute; top:0px; left:140px; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_deco02 { z-index:-1; position:absolute; top:0px; left:1837px; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}	
.bg_fixed { 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){
.m_top{ z-index:0;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{ z-index:-1;position:absolute; top:0vw; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none; background-size: 100%;}
}

/*間距*/
.Area_bottom { margin-bottom: 42px!important;}
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 5vw !important;}
}

/*各區標題*/
.txt a{pointer-events: none}
@media screen and (min-width:768px){
	.txt{width: 80%!important;padding-bottom: 20px;}
}

@media screen and (max-width:767px){
	.txt{padding-bottom: 2vw;}
	
}



@media screen and (min-width: 768px){
.Abox_txt {position: relative;margin: 0 auto;width: 100%;height: auto;}
.Abox_txt img{width: 80%;}	
}

@media screen and (max-width:767px){
.Abox_txt {position: relative;margin: 0 auto;width: 100%;height: auto;padding-bottom: 2vw;}
.Abox_txt img{width: 100%;}
}


/*公版背景*/
.box_txt ul,.box_txt2 ul{ padding: 0; }	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center;z-index: 50;padding:116px 0 17px 0;}
.box_txt img{width: 88%!important;padding: 0;}
.box_txt::before {content:"";position: absolute;display:block;top: 0;width: 80%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg.png?t=1764301655966") center top/100% no-repeat scroll;}
.box_txt .PD_layout .PD h3 {color: #ffffff; font-size: 3.4em; font-family: "Century Gothic";   letter-spacing: -1px; margin:-87px 0 0 25px;}
	
.box_txt2 {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center;z-index: 50;padding:61px 0 10px;}
.box_txt2 img{width: 88%!important;padding: 0;}
.box_txt2::before {content:"";position: absolute;display:block;top:32px;left: 70px;width: 84%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box2_txt_bg2.png?t=1764301655966") center top/100% no-repeat scroll;}
.box_txt2 .PD_layout .PD h3 {color: #ffffff;font-size: 3.5em;font-family: "Century Gothic";letter-spacing: -1px;}
	
.box_txt3 {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center;z-index: 50;padding:116px 0 17px 0;}
.box_txt3 img{width: 88%!important;padding: 0;}
.box_txt3::before {content:"";position: absolute;display:block;top: 0;width: 80%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg.png?t=1764301655966") center top/100% no-repeat scroll;}
.box_txt3 .PD_layout .PD h3 {color: #ffffff; font-size: 3.4em; font-family: "Century Gothic";   letter-spacing: -1px; margin:-87px 0 0 25px;}
	
}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto 2vw;width: 100%;z-index: 30;height:14vw;}
.box_txt img{width: 100%;}
.box_txt::before {content:"";position: absolute;display:block;top:0vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg.png?t=1764301655966") center top/100% no-repeat scroll;}
.box_txt .PD_layout .PD h3 {color:#ffffff;font-size: 1.6em;letter-spacing: -2px;line-height: 20vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold; top:-3vw;
  position: relative;}
	
.box_txt2 {position: relative;/*margin: 0 auto 1vw;*/width: 100%;z-index: 30;   padding:5% 0 0 0;}
.box_txt2 img{width: 100%;}
.box_txt2::before {content:"";position: absolute;display:block;top: 1vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box2_txt_bg2.png?t=1764301655966") center top/100% no-repeat scroll;}
.box_txt2 .PD_layout .PD h3 {color: #ffffff;font-size: 1.6em;letter-spacing: -1px;line-height: 20vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold;top: -4vw;
 position: relative;}
	
.box_txt3 {position: relative;margin: 0 auto 2vw;width: 100%;z-index: 30;height:14vw;}
.box_txt3 img{width: 100%;}
.box_txt3::before {content:"";position: absolute;display:block;top:0vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg.png?t=1764301655966") center top/100% no-repeat scroll;}
.box_txt3 .PD_layout .PD h3 {color:#ffffff;font-size: 1.6em;letter-spacing: -2px;line-height: 20vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold; top:-2vw;
  position: relative;}
	
}






/*館類*/
.Area18 {}
.Area18 .logo ul { grid-gap: 10px;}
@media screen and (max-width:767px){
  .Area18 {width: 90%;  padding: 0 0 0 0;}
  .Area18 .logo ul { grid-gap: 0.2em; padding: 0 0.5em;}
}










/*00.版頭*/

/*副標*/
.Area_title .sub ul{display: flex!important}
@media screen and (min-width:768px){
	.Area_title{height:1162px;}
/*
	.Area_title .topPD.PD_layout ul {min-width: 100%; border-radius: 10px;  border: 1px solid #484848;   }
	.Area_title .topPD.PD_layout ul li {min-width: 100%;}
*/
    .Area_title .topPD{position: absolute;top:290px;}
/*	主標*/
	.Area_title .title01{width: 78%;  z-index: 0;top: 60px; left:-12px;}
/*	副標*/
	.Area_title .sub{position: absolute;width:100%;top:452px;left:0px;z-index: 1}
/*	日期*/
	.Area_title .date{position: absolute;width: 30%;top: 20px;left: 650px;}

	
}

@media screen and (max-width:767px){
	.Area_title{height:111vw;}
	/*	主標*/
	.Area_title .title01{ width:77%; z-index: 0; top:4vw;}
	.Area_title .topPD{ width: 94%; z-index: 0; top:21vw;}
	
/*	.Area_title .topPD.PD_layout ul { width: 96%;border-radius: 10px;  border: 1px solid #484848;   }*/
 

/*	副標*/
	.Area_title .sub{position: absolute;width:91%;top:34vw;left:5vw}
	.Area_title .sub .PD_layout .PD img{width: 100%!important;}
/*	日期*/
	.Area_title .date{position: absolute;width: 45%;top: 3vw;left: 55vw}
	
	
}


/*回饋*/		
/*.Area01 .layout_all {background:url(m_allbg.png?t=1764301655966)top center no-repeat;background-size:100%;padding-bottom;:50px}*/
.Area01 .layout_all ul {width: 84%!important;margin: 0 0 0 103px!important;padding: 84px 0!important;}
.Area01 .layout_all ul li {}
.Area01 .layout_all ul li:hover {box-shadow: none; }
.Area01 .layout_all ul li .PD_img img {width: 100%;}	
	

@media screen and (max-width:767px){
/*.Area01 .layout_all  {background:url(m_allbg.png?t=1764301655966)top center no-repeat;background-size:100%;}*/
.Area01 .layout_all  ul {width:100% !important;margin:0 auto!important;margin-bottom:5vw;padding: 6.5vw 0 3vw 0!important;}
.Area01 .layout_all  ul li {}
.Area01 .layout_all  ul li:hover {box-shadow: none; }
.Area01 .layout_all  ul li .PD_img img {width: 100%;}	
}



/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ff676e;}     
/*03.登記*/
@media screen and (min-width:768px){

}

@media screen and (max-width:767px){
	.danji .Area_danji{width: 95%}
}


/*05.限搶4品*/


/**倒數**/
.TimerNick { width: 100%;padding: 20px 0;position: absolute;top:24px;left: 201px;}
.TimerNick .FontStyle { display: inline-block; margin:0 ; padding:0; border:0px; width: 50px; font: normal 36px/36px Arial; color:#000;letter-spacing: -1px; background: transparent;}
.TimerNick span { padding-left: 2px; font: bold 18px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em; color:#000;}
.TimerNick h2 {font: bold 50px/0 "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0;color: #fff}
  @media screen and (max-width:767px){
    .TimerNick {width: 100%;padding: 2vw 0;position: absolute;top:0vw;left:24vw}
    .TimerNick .FontStyle { margin: 0; padding: 0; border: 0; width: 6.5vw; font: normal 6vw/6vw Arial;letter-spacing: -1px; text-align: right; background: transparent;}
    .TimerNick span { padding-left: 1vw; font: bold 3.6vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0;}
    .TimerNick h2 {font: bold 6vw/0 "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0;color: #fff}
  }



/*攻略*/
.Areaguide { position: relative;height:100%;width:1220px;background-image:url("Areaguide_bg.png?t=1764301655966"); background-size: 100%;    margin-bottom: 65px;}
.Areaguide .Abox { padding: 0% 0 0 0;/*background: url(pc_Area_bg.png?t=1764301655966)top center repeat-y;background-size: 100%;overflow: hidden;*/height:978px;}

/*宮格*/
.Areaguide .guide { position: absolute; margin: 0 auto;box-sizing: border-box;padding:0 0 0 2.5%;}
.Areaguide .guide .guide_box { display: grid; grid-template-columns:381px 694px; grid-gap: 0 0px;
                       grid-template-areas: "a b"
                                            "a b"
						                    "a b"
						                    "a b";}
.Areaguide .guide .guide_box .box_L { grid-area:a;}
.Areaguide .guide .guide_box .box_L2 { grid-area:b;}

.Areaguide .guide .guide_box .box_L { /*grid-area: 4;*/position: relative;top:79px;left: 48px;}
.Areaguide .guide .guide_box .box_L .PD_layout li { padding:7% 0 0 0;}

.Areaguide .guide .guide_box .box_L2 { grid-area: b;position: relative;top:51px;left:59px;}
.Areaguide .guide .guide_box .box_L2 .PD_layout li { padding:2% 0 0 8%;}


.Areaguide .guide  .PD_layout ul {
    display: grid;
    grid-template-columns: auto;
    padding-left: 5px;
    padding-right: 5px;
    grid-gap:0px;
  }
.Areaguide .PD_layout ul { padding: 0;}

@media screen and (max-width:767px){
.Areaguide {width: 100%;height:84vw;margin-bottom:0vw!important;background-image:none;background-repeat: no-repeat; background-size: 100%;z-index: 20;padding-bottom: 0;overflow: hidden;}
.Areaguide .Abox { padding: 0 0 0 0;background-image:url(m_Area_bg.jpg?t=1764301655966); background-repeat:repeat-y; background-size:100%;}
	
	
/*宮格*/
.Areaguide .guide { position: absolute; padding: 0 0x; box-sizing: border-box;height:fit-content;}
.Areaguide .guide .guide_box { display: grid; grid-template-columns:36% 51%; grid-gap:0 0%;
                       grid-template-areas: "a b"
                                            "a b"
						                    "a b"  ;}
.Areaguide .guide .guide_box .box_L { grid-area:a;}
.Areaguide .guide .guide_box .box_L2 { grid-area:b;}
	
.Areaguide .guide .guide_box .box_L { grid-area: a;position: relative;top:5vw;left:3.5vw;}
.Areaguide .box_L .PD_layout .PD img { width:100%;}
.Areaguide .guide .guide_box .box_L .PD_layout li { padding:4% 0 0 0;}

.Areaguide .guide .guide_box .box_L2 { grid-area:b;position: relative;top:9vw;left:6.5vw;}
.Areaguide .guide .guide_box .box_L2 .PD_layout li { padding:3% 0 0 0;}
}









@media screen and (min-width:768px){
.pd4_time{}
.pd6 .box{  background-color: #ff4954;}
.pd6 .AreaBN{width:90%;}
.pd6 .PD_layout{width:90%;}
}

@media screen and (max-width:767px){
.pd4_time{width: 92%!important;}
.danji{width: 96%!important;}	
.pd6{width: 97%!important;}
.pd6 .AreaBN{width:95%;padding-bottom: 2vw;}
.pd6 .box{background-color: #ff4954;}
}

















/*07.6品輪播*/
@media screen and (min-width:768px){
/*	公版造型*/
	.carousel6 .Area_PD1 .pd6 .PD_img{padding-top: 70px}
	.carousel6 .Area_PD1 .pd6 .PD_logo{position: relative;top: -305px}
	.carousel6 .Area_PD1 .pd6 .PD_logo img{box-shadow: none}
	.carousel6 .Area_PD1 .pd6 .PD_into{margin: -10px 0 0 0;}
	.carousel6 .Area_PD1 .pd6 .PD_go{bottom: -2.25em!important}
}

@media screen and (max-width:767px){
/*	公版造型*/
	.carousel6 .Area_PD1 .pd6 .PD_img{padding-top: 13vw}
	.carousel6 .Area_PD1 .pd6 .PD_logo{position: relative;top: -47.5vw;}
	.carousel6 .Area_PD1 .pd6 .PD_logo img{box-shadow: none}
	.carousel6 .Area_PD1 .pd6 .PD_into{margin: -3vw 0 0 0;}
	.carousel6 .Area_PD1 .pd6 .PD_go{bottom: -2em!important}
}

/*08.下方公版*/
@media screen and (min-width:768px){
	.down_version .box{padding-bottom: 50px;}
/*	標題*/
	.down_version .box .txt{background: url("down_version_box_txtbg.png?t=1764301655966")top center no-repeat;background-size: 80%;padding-bottom: 30px}
	.down_version .box .txt h3{color:#000;font-size: 55px;margin-top: 5px;}
}

@media screen and (max-width:767px){
	.down_version .box{padding-bottom: 5vw;width: 96%; margin: 0 auto;}
/*	標題*/
	.down_version .box .txt{background: url("down_version_box_txtbg.png?t=1764301655966")top center no-repeat;background-size: 100%;padding-bottom: 3vw}
	.down_version .box .txt h3{color: #000;font-size: 6vw;margin-top: 1vw;}
}





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




/*區塊1*/
@media screen and (min-width: 768px){
.Area011 {height:320px;}	
/*.Area01 .box01 {margin: 0 120px 20px;}*/
	
/*BN*/
.Area011 .tipBN{width: 100%;margin: 0 auto;margin-bottom: -60px;}	
	
}
@media screen and (max-width: 767px){
.Area011 {height:100%;/*background: url("m_Area_top.png?t=1764301655966") center top/100% no-repeat scroll;*/}	

.Area011 .box01 .PD_layout ul { padding: 0 5%; margin-left: -2vw;}
.Area011 .box01 .PD_layout li{ margin: 0 -4vw 0 0; }
	
/*BN*/ 
.Area011 .tipBN{width:100%!important;margin: 0 auto;padding-bottom:0vw;}	
	
}


/*Appletxt*/
.apple_txt{ position: relative;margin:30px auto; color:#ffffff;font-size: 12px; text-align: center;}
@media screen and (max-width:767px){
.apple_txt{position: relative;margin:0 0 0 0;padding: 3% 4% 3% 4%; color:#ffffff; }
}





/*主打*/

.Area07 {height: auto;padding-bottom: 80px;z-index: 10;}
.Area07 .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
.Area07 .box{ background-image:url(Area_bgrepty.png?t=1764301655966); background-repeat:repeat-y; background-size:100%;height:100%;}

@media screen and (max-width:767px){
.Area07 {padding: 0;margin-bottom: 4vw;}
.m_Area07_top {z-index: -10;position:absolute;left:0;top: 0;width:100%;height: 1030vw;background-repeat: no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_Area07_repeat {z-index: -15;position:absolute;left: 0;top: 20vw;width:100%;height: 440vw;background-repeat: repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
.m_Area07_bottom {z-index: -10;position:absolute;left:0;top: 0;width:100%;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}
.Area07 .box{ background-image:url(Area_bgrepty.png?t=1764301655966); background-repeat:repeat-y; background-size:100%;height:100%;}
	
}

/*作圖區*/
.Area07 .PD_layout.layout_item .PD p b {position: relative;border-radius: 5em;font-size: 1.3em;margin: 0;font-weight: 800;color: #d0566a;display: none;}	
.Area07 .PD_layout.layout_item .PD_slide .PD p del {font-size: 0.8em;color: #fff;}
.Area07 .PD_layout.layout_item .PD p .money {position: relative;color: #ffd50b;font-size: 23px;}


@media screen and (min-width: 768px){
    .Area07 .PD_layout.layout_item { margin-top: -40px;}
    .Area07 .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
    .Area07 .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
    .Area07 .PD_layout.layout_item .PD_slide .PD:hover h4 { color: #d0566a;}
    .Area07 .PD_layout.layout_item .PD_slide {height:431px;margin: 0 2%;}
	
    .Area07 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into {width: 33%;  position: absolute;left: 96px;top: 155px;  font-size: 0.8em;text-align: left;}
	.Area07 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into {width: 33%;  position: absolute;left:520px;top: 155px;  font-size: 0.8em;text-align: left;}

    .Area07 .PD_layout.layout_item .PD_slide .PD_into h3 {width: 100%;max-height: 1.5em;margin: 0;font-family: Noto Sans CJK TC;font-weight: 400;font-size: 2em;line-height: 1.2em;color: #fff;padding-right: 0.3em;}
    .Area07 .PD_layout.layout_item .PD_slide .PD_into h4 {position: relative;width: 100%;max-height: 40px;font-size: 1.8em;color: #fff;}
	.Area07 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD .PD_logo {display: block;position: absolute;top:-58px;left:-29px;height: 28%;}
	.Area07 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD .PD_logo {display: block;position: absolute;top:-64px;left:181px;height: 28%;}
	
	.Area07 .PD_layout[data-pd-pdlogo="3"] .PD .PD_logo img, .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img { box-shadow: none;}
     .Area07 .PD_layout.layout_item .PD_slide .PD_img img {width: 85%;margin: 13% 0 0 15%;box-shadow: unset;}

   
	
/*	.Area07 .PD_layout.layout_item .PD .PD_logo img {margin: 1%;padding: 6% 6%;box-shadow: none;}*/
	.Area07 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img {width: 28%;margin:14% 0 0 61%;box-shadow: unset;border-radius: 34.5em !important;border: 3px solid #ffffff;}
	.Area07 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img {width: 28%;margin:12% 0 0 13%;box-shadow: unset;border-radius: 34.5em !important;border: 3px solid #ffffff;}
	
	.Area07 .PD_layout.layout_item .PD p {position: relative;top: 10px;left: 0;height: 6em;padding: 0;line-height: 1.6em;font-size: 1.5em;}
	.Area07 .PD_layout.layout_item .PD p .Price {font-weight: 700;position: relative;font-size: 2.8em;color:#ffd50b;line-height: 1.1em;}
	.Area07 .PD_layout.layout_item li::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;z-index: -10;}
	
   .Area07 .PD_layout.layout_item li:nth-of-type(odd) {background: url("top_bg2.png?t=1703837711058") center top / 100% no-repeat scroll;}	
   .Area07 .PD_layout.layout_item li:nth-of-type(even) {background: url("top_bg.png?t=1703837711058") center top / 100% no-repeat scroll;}
	
}

@media screen and (max-width:767px){
    .Area07 .PD_layout.layout_item {padding: 3% 0 0;width: 106%;left: -3vw;}
    .Area07 .PD_layout.layout_item ul {padding-left: 1vw; padding-right: 1vw;}
    .Area07 .PD_layout.layout_item li {width: 100%;margin: 0;height:47vw;}
    .Area07 .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
    .Area07 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img {width: 35%!important;margin: 10vw 0 0 58vw;padding: 2% 0 0 2%;box-shadow: unset;border-radius: 34.5em !important;}
    .Area07 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img {width:35%!important;margin: 9vw 0 0 10vw;padding: 2% 0 0 2%;box-shadow: unset;border-radius: 34.5em !important;}

	
    .Area07 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into {padding-left: 0;  position: absolute; top: 15vw; left: 11vw;   width: 81%; text-align: left;font-size: 0.7em;}
	.Area07 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD .PD_logo {display: block; position: absolute; top: -1vw; left: -1vw; height: 5vw;}
    .Area07 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into {padding-left: 0;  position: absolute;  top: 15vw;left: 56vw; width: 81%; text-align: left; font-size: 0.7em;}
	.Area07 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD .PD_logo {display: block;position: absolute;top: -2vw;left: 21vw;height: 5vw;}
	.Area07 .PD_layout.layout_item .PD .PD_logo img {box-shadow: none;}
    .Area07 .PD_layout.layout_item .PD_slide .PD_into h3 {width: 70%;padding: 0;max-height: 1.8em;font-weight: 800;font-size: 1.5em;line-height: 1.7em;margin: 0;color: #fff;border-radius: 0.2em;}
    .Area07 .PD_layout.layout_item .PD_slide .PD_into h4 {position: relative;left: 0;width: 80%;overflow: hidden;max-height: 1em;padding: 0;font-size: 1.3em;color: #fff;margin: 0;line-height: 1em;}
    .Area07 .PD_layout.layout_item .PD_slide .PD p del {top: -2vw;font-size: 1em;color: #fff;}
	.Area07 .PD_layout.layout_item .PD p {position: relative;top: 0vw;left: 0;height: 15vw;font-size: 1em;line-height: 2.8em;color: #fff;}
	.Area07 .PD_layout.layout_item .PD p .Price {font-weight: 600;position: relative;font-size:3em;letter-spacing: -1px;color:#ffd50b;}
	.Area07 .PD_layout.layout_item li:nth-of-type(odd)::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;z-index: -10;}
	.Area07 .PD_layout.layout_item li:nth-of-type(even)::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;z-index: -10;}
	
   .Area07 .PD_layout.layout_item li:nth-of-type(odd) {background: url("top_bg2.png?t=1703837711058") center top / 100% no-repeat scroll;}	
   .Area07 .PD_layout.layout_item li:nth-of-type(even) {background: url("top_bg.png?t=1703837711058") center top / 100% no-repeat scroll;}

}



















/*隱鑶*/
.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%;}
	}