@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:#99d4ff; 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}
@media screen and (max-width:767px){
.WRAPPER { margin-bottom: 0;min-width: inherit; min-height: 100vh; overflow: hidden; background-size: 100%; background-image:url("mrepeat.png?t=1774592607386") ; background-repeat: repeat-y;background-color: #99d4ff;}
.WRAPPER img {  width:100%;  height:auto;}
}

/*背景*/
@media screen and (min-width:768px){
.bg_01 { z-index:-45; position:absolute;top:-155px;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02 {z-index:-50;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
}
@media screen and (max-width: 767px){

}

/*不可點擊*/
.pointer a{pointer-events: none;}


/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height:550px;}
.Area_title .ka_piske{position:absolute;left: 693px;top: 90px;z-index:6;width: 51%;}
/*日期*/
.Area_title  .date_top{position:absolute;left:566px;top:34px;z-index:5;animation: fadeInUp_s 1.2s 1s forwards ease-in;width: 18%;}
}
@media screen and (max-width: 767px){
.Area_title {height:102vw;}
.top_bg {position:relative;top:0;z-index:0;}
.Area_title .ka_piske{position:absolute;left: 6vw;top: 39vw;z-index:5;width: 89%;}
/*日期*/
.Area_title .date_top{position:absolute;left: 75vw;top:33vw;z-index:3;width: 26%;}
}
	

/*主標+副標*/
@media screen and (min-width:768px){
.Area_title .subtitle {width:100%;}
/*主標*/	
.Area_title .layout_title {position: absolute; width: 61%;left:-29px; top:111px;}
/*副標*/	
.Area_title .layout_title02 {position: absolute; width: 43%;left:90px; top:360px;}
}

@media screen and (max-width:767px){
.Area_title .subtitle {position:absolute;height:auto;top: 0;width:100%}
/*主標*/	
.Area_title .layout_title {position:absolute;width: 86%;top:0vw;right:6vw;}
/*副標*/	
.Area_title .layout_title02 {position: absolute;width:60%;top:30vw;left: 19vw;}
}


/*---最高回饋---*/
@media screen and (min-width:768px){
.Area_bn .layout_tag ul{width: 85%;}
}
@media screen and (max-width:767px){
}


/*---登記---*/
@media screen and (min-width:768px){
}
@media screen and (max-width:767px){
.danji .Area_danji {width: 96%;}
}


/*熱銷夯品作圖區*/
@media screen and (min-width:768px){
.Area_new {height: auto;padding-bottom:0;}
.Area_new .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	 
/*版頭公版上下標.關閉*/
.Area_new .PD_layout.layout_item .imgTag{display: none !important;}
.Area_new .PD_layout.layout_item .imgTagBottom{display: none !important;}
.Area_new .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
/*作圖區*/
.Area_new .PD_layout[data-pd-col-pc="3"] ul,
.Area_new .PD_layout[data-pd-col-pc="4"] ul,
.Area_new .PD_layout[data-pd-col-pc="5"] ul { padding: 0px !important;padding-bottom: 50px !important; }
.Area_new .PD_layout.layout_item .PD p b {color: #19689e;background-color: #007ee1;padding: 0 3%;border-radius: 5em;font-size: 1.1em;margin: 0 2% 0 0;}	
.Area_new .PD_layout.layout_item .PD_slide .PD p del {position: absolute; top: 35px;left: 0px; color: #007ee1;font-size: 23px;}
.Area_new .PD_layout.layout_item .PD p .Price {font-weight: 700;color:#007ee1;font-size: 1.8em;}
.Area_new .PD_layout.layout_item .PD p {position: relative;top: 65px;left: 51px;height: 6em; padding: 13% 0 0;line-height: 1.6em; font-size: 1.5em; color: #007ee1;}
.Area_new .PD_layout.layout_item li {background: url("item_bg.png?t=1774592607386") center top / 90% no-repeat scroll;}	
.Area_new .PD_layout.layout_item {padding:0;width: 100%;}
.Area_new .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
.Area_new .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
.Area_new .PD_layout.layout_item .PD_slide {height:620px;padding:0;}
.Area_new .PD_layout.layout_item .PD_slide .PD_into { width: 56%;padding-left: 0;position: absolute;left: 90px; top: 313px; text-align: center;font-size: 1em; color: #000;}
.Area_new .PD_layout.layout_item .PD_slide .PD_img img {width:74%;margin:7% 0% 0% 13%;box-shadow: unset;/*border-radius: 34.5em !important;border: 7px solid #ffffff;*/}
.Area_new .PD_layout.layout_item .PD_slide .PD_into h3 {position: relative;top: 107px; left: 23px; max-height: 1.4em; font-family: Noto Sans CJK TC;font-weight: bold; font-size: 1.8em; line-height: 1.6em; color: #000; text-align: center; background: transparent !important;}
.Area_new .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 1.8em;color: #000;text-align: center;  position: relative;top: 110px;left: 25px;}
.Area_new .PD_layout.layout_item .PD_slide .PD:hover h4 { color:#000;}
.Area_new .PD_layout.layout_item .PD .PD_logo {position: relative;top: 140px; left: -36px; height: 8em; z-index: 90; border-radius: 26.5em !important;}
.Area_new .PD_layout.layout_item .PD .PD_logo img { padding: 10%; box-shadow: none; border: none;}		
}

@media screen and (max-width:767px){
.Area_new {height:100%;}
.Area_new .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	
/*版頭公版上下標.關閉*/
.Area_new .PD_layout.layout_item .imgTag{display: none !important;}
.Area_new .PD_layout.layout_item .imgTagBottom{display: none !important;}
.Area_new .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
/*作圖區*/
.Area_new .PD_layout.layout_item li {width:100%;height:75vw;background: url("item_bg.png?t=1774592607386") center top / 103% no-repeat scroll;}
.Area_new .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
.Area_new .PD_layout.layout_item .PD_slide .PD_into {padding-left: 0;position: absolute;top:45vw;width: 100%;text-align:center;font-size: 0.7em;}
.Area_new .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left:18vw;top:-2vw;height: 14vw;border-radius:50%;display: block;    z-index: 90;}
.Area_new .PD_layout.layout_item .PD .PD_logo::after { content:""; position: absolute; display:block; top: -7vw;left: 0;width:100%; height:100%; pointer-events:none; z-index: -1;}
.Area_new .PD_layout.layout_item .PD .PD_logo img { padding: 0; box-shadow: none;border-radius: 34.5em!important;/*border: 7vw solid #ffffff;*/}
.Area_new .PD_layout.layout_item .PD_slide .PD_img img {width:83%;margin:13% 0% 0% 8%;box-shadow: unset;}
.Area_new .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 1.4em;font-weight: bolder;font-size: 1.4em;line-height: 1.7em;margin: 0;color: #000;top:4vw;left:0vw;position: relative;}
.Area_new .PD_layout.layout_item .PD_slide .PD_into h4 {padding: 0;font-size: 1.4em;color:#000;margin: 0;line-height: 1em;text-align: center;top:5vw;position: relative;left:1vw;}
.Area_new .PD_layout.layout_item .PD_slide .PD p del {top: 0vw;left: 0vw; color: #007ee1;z-index: 99;position: relative;font-size: 1.1em;}
.Area_new .PD_layout.layout_item .PD p {position: relative;top:4.8vw;left:0vw; height: 15vw;font-size: 1.1em;line-height: 2.8em;color:#007ee1;}
.Area_new .PD_layout.layout_item .PD p .Price {font-weight: 700;color:#007ee1;font-size: 1.8em;}
.Area_new .PD_layout.layout_item .PD p small {font-size: 1.4em;}
}
  

/*LOGO公版*/
.Area_4PD .BN { padding:0px 172px 0; box-sizing: border-box;position: absolute;left:186px;top:37px;}
/* .Area_4PD .BN ul { padding: 0 20px;} */
.Area_4PD .BN ul li .PD_into { display: flex; flex-direction: row;}
.Area_4PD .BN ul li .PD_into .PD_logo { width: 50%; border-radius: 15px; margin-right: 1%; overflow: hidden;}
.Area_4PD .BN ul li .PD_into h3 { width: 70%; font-size: 52px; color: #000; line-height: 2em; text-align: center;position: relative;right: 97px;top:-14px;}
.Area_4PD .PD_box ul { padding: 20px; border-radius: 20px;}
@media screen and (max-width:767px){
.Area_4PD .BN { padding:0 0 0; box-sizing: border-box;position: absolute;left:0vw ;top:0vw;}
.Area_4PD .BN ul { padding: 0;}
.Area_4PD .BN ul li .PD_into{ padding: 3vw 3vw 2vw;position: relative;top:1vw;left: 19vw;}
.Area_4PD .BN ul li .PD_into .PD_logo { width: 30%; border-radius: 10px;}
.Area_4PD .BN ul li .PD_into h3 { font-size: 23px; line-height: 1.5em;right:22vw;top:0;}
.Area_4PD  ul { padding: 0.2em; width: 100%;}
}

/*LOGO公版 區標_背景*/
@media screen and (min-width: 768px){
.box_txt3{position: relative;margin: 0 auto;width: 100%; height: auto;}
}
@media screen and (max-width:767px){
.box_txt3{position: relative;margin: 0 auto;width: 100%; height: auto;}
}



/*旗艦館*/
@media screen and (min-width:768px){
.Area_guan .PD_layout ul{width:80%;margin:26px auto;}
}
@media screen and (max-width:767px){
.Area_guan .PD_layout ul{width:100%;margin:5vw auto;}
}



/*共用_區標文字_微調*/
@media screen and (min-width: 768px){
.PD_layout.PD_layout-D3_01 {height: 163px;}
.Area_4PD .PD_layout.PD_layout-D3_01 {height: 120px;}
.PD_layout.PD_layout-D3_01 .PD h3{top:45%;}
.PD_layout.PD_layout-D3_01  ul {padding:0;}
}
	
@media screen and (max-width:767px){
.PD_layout.PD_layout-D3_01 {height: 18vw;}
.Area_4PD .PD_layout.PD_layout-D3_01 {height: 14vw;}
.PD_layout.PD_layout-D3_01 .PD h3{top:45%;}
.PD_layout.PD_layout-D3_01  ul {padding:0;}
.Area_4PD .box ul{width:96%;}

}


/*間距*/
@media screen and (min-width: 768px){
.Area_bottom{padding-bottom:20px !important;}
}
@media screen and (max-width:767px){
.Area_bottom{padding-bottom: 2vw !important;}
}

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


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


	}