@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:#e8e8e8; 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 (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_01 {z-index: -52;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:0; position:absolute;top:440px;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bg_03 { z-index:-51; position:absolute;top:800px;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
.bg_deco {z-index:-48;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;}
}
@media screen and (max-width: 767px){

}


/*區塊底*/
@media screen and (min-width:768px){
.Area_bottom01 {background:url(pc_bottom01.png?t=1756255230906)top center no-repeat;background-size:100%;padding-top:80px;margin-top:-22px;margin-bottom:50px;}
}
@media screen and (max-width: 767px){
.Area_bottom01 {background:url(m_bottom01.jpg?t=1756255230906)top center no-repeat;background-size:100%;padding-top:15vw}


}
	




/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height:700px;}
.top_pd01 {position:absolute;top: 90px;left: 717px;pointer-events:none;z-index:1}
.top_pd01 img {width:85%;}
	
.top_pd02 {position:absolute;top: 177px;left: 872px;pointer-events:none;z-index:-1;transform: rotate(21deg);animation-delay:1s}
.top_pd02 img {width:85%;}
	
.top_pd03 {position:absolute;top: 173px;left: 584px;pointer-events:none;z-index:-1;transform: rotate(331deg);animation-delay:1s}
.top_pd03 img {width:85%;}
	
.top_time {position:absolute;top: 553px;left: 119px;pointer-events:none;z-index:1;}
.top_time img {width: 71%;}

}
@media screen and (max-width: 767px){
.Area_title {height:120vw;}
.m_topbg {position:absolute;width:100%;top:0;left:0;pointer-events:none;}
.m_top {position:absolute;width:100%;top:74vw;left:0;pointer-events:none;z-index:1}
.top_pd01 {position:absolute;width: 39%;top: 40vw;left: 30vw;pointer-events:none;z-index:1;}
.top_pd02 {position:absolute;width: 35%;top: 46vw;left: 51vw;pointer-events:none;z-index: 0;transform: rotate(21deg);animation-delay:1s}
.top_pd03 {position:absolute;width: 35%;top: 48vw;left: 11vw;pointer-events:none;z-index: 0;transform: rotate(331deg);animation-delay:1s}
.top_time {position:absolute;width: 32%;top: 111vw;left: 7vw;pointer-events:none;z-index: 1;}
}
	

/*版頭::主標入稿*/
@media screen and (min-width:768px){
.Area_title .subtitle {position:absolute;width: 43%;top:100px;left: 0;z-index:5}
/*主標*/	
.Area_title .subtitle .layout_title {}
.Area_title .subtitle .layout_title  ul {display:flex;margin:0;padding:0;}
	
}
@media screen and (max-width:767px){
.Area_title .subtitle {position:absolute;width: 73%;height:auto;top: 1vw;left: 13vw;}
/*主標副標*/	
.Area_title .subtitle .layout_title {}
.Area_title .subtitle .layout_title ul {}
	
}


/*活動倒數*/
@media screen and (min-width:768px){
.TimerNick {position:absolute;top: 560px;left: 404px;display:inline-block;z-index:8;text-align:center;}
.TimerNick .FontStyle {display: inline-block;margin: 0;padding: 0;border: 0;font: normal 31px/30px Arial;color: #353535;letter-spacing: 0;text-align: center;}
.TimerNick span {/* padding-left: 0; */font: bold 27px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0;color:#000000;}
}	
@media screen and (max-width:767px){
.TimerNick  {position:absolute;width:100%;top: 111vw;left: 16vw;display:inline-block;z-index:8;text-align:center;}
.TimerNick .FontStyle {display:inline-block;margin:0;padding:0;border:0;font: bold 5vw/5vw Arial;color:#3b4147;letter-spacing: 0;text-align:center;}
.TimerNick span { padding-left: 1vw; font: bold 4vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;}
}



/*activ*/
@media screen and (min-width:768px){
.Area_activ {height:100%;}
		
/**區標**/	
.Area_activ .text {position:relative;}
.Area_activ .text .layout_text {width:90%;margin:0 auto;padding:0;}
.Area_activ .text .layout_text ul {margin:0;padding:0;}
.Area_activ .text .layout_text .PD_slide:hover{transform:none;}
.Area_activ .text .layout_text .PD a {pointer-events: none!important}
	
/*按鈕*/		
.Area_activ .layout_PD {margin-bottom:50px;}
.Area_activ .layout_PD ul {}
.Area_activ .layout_PD ul li {}
	
}
@media screen and (max-width:767px){
.Area_activ {height:100%;}
		
/**區標**/	
.Area_activ .text {position:relative;background:url(m_activ_bg.jpg?t=1756255230906)top center no-repeat;background-size:100%;}
.Area_activ .text .layout_text {width:100%;}
		
/*按鈕*/		
.Area_activ .layout_PD {background:url(m_activul_bg.jpg?t=1756255230906)top center repeat-y;background-size:100%;}
.Area_activ .layout_PD ul {width:98%!important;margin:0 auto!important;padding:0!important;}
.Area_activ .layout_PD ul li {}
	
}



/*登記*/
@media screen and (min-width:768px){
.Area_danjiall {height:100%;}
	
/**區標**/	
.Area_danjiall .text {position:relative;}
.Area_danjiall .text .layout_text {width:90%;margin:0 auto;padding:0;}
.Area_danjiall .text .layout_text ul {margin:0;padding:0;}
.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%;}
.Area_danji .danji_box {width:80%;margin:0 auto;}
.Area_danji .warningTxt {margin-bottom:0;}
.Area_danji .warningTxt h3 {color:#ffffff!important;}

}	
@media screen and (max-width:767px){
.Area_danjiall {height:100%;background-image:repeating-linear-gradient(183deg, rgb(236 236 236) -1%, rgb(200 199 199) 101%)}
	
/**區標**/	
.Area_danjiall .text {position:relative;}
.Area_danjiall .text .layout_text {width:100%;margin:0;padding:0;}
.Area_danjiall .text .layout_text ul {margin:0;padding:0;}
.Area_danjiall .text .layout_text .PD_slide:hover{transform:none;}
.Area_danjiall .text .layout_text .PD a {pointer-events: none!important}
	
/**公版**/	
.Area_danjiall .Area_danji {position:relative;width:100%!important;margin:0!important;}
.Area_danjiall .Area_danji .danji_box {margin:0!important}
.Area_danjiall .Area_danji .danji_box .box_1 {width:95%;padding:0;margin:0 auto;}
.Area_danjiall .Area_danji .warningTxt {padding-bottom:0;}
.Area_danjiall .Area_danji .warningTxt h3 {color:#000000;}
	
	
	
	
}


/*新機專屬*/
@media screen and (min-width:768px){
.Area_new  {height:100%;}
/**區標**/	
.Area_new .text {position:relative;}
.Area_new .text .layout_text {width:90%;margin:0 auto;padding:0;}
.Area_new .text .layout_text ul {margin:0;padding:0;}
.Area_new .text .layout_text .PD_slide:hover{transform:none;}
.Area_new .text .layout_text .PD a {pointer-events: none!important}
		
/**公版**/	
.Area_new .layout_PD {margin-bottom:50px}
.Area_new .layout_PD ul {}
.Area_new .layout_PD .PD_slide:hover{transform:none;}
	
}
@media screen and (max-width:767px){
.Area_new  {height:100%;}	
/**區標**/	
.Area_new .text {position:relative;background:url(m_new_bg.jpg?t=1756255230906)top center no-repeat;background-size:100%;}
.Area_new .text .layout_text {width:100%;padding-top: 15vw;}
.Area_new .text .layout_text ul {margin:0;padding:0;}
.Area_new .text .layout_text .PD_slide:hover{transform:none;}
.Area_new .text .layout_text .PD a {pointer-events: none!important}

/**公版**/	
.Area_new .layout_PD {padding-bottom:5vw;background-color:#f0f0f0;}
.Area_new .layout_PD ul {}
.Area_new .layout_PD .PD_slide:hover{transform:none;}
	
	
.Area_new .layout_PD .PD_btn {height:10vw;}
.Area_new .layout_PD .PD .PD_btn b{content:"New"!important;}
.Area_new .layout_PD .PD .PD_btn b::before{transform:none!important;width:90%!important;border-style:solid!important}
.Area_new .layout_PD .PD .PD_btn b::after {right:.5em;}	
}



/*Pixel 9 你的AI助理*/
@media screen and (min-width:768px){
.Area_bn  {height:100%;}
	
/**區標**/	
.Area_bn .text {position:relative;}
.Area_bn .text .layout_text {width:90%;margin:0 auto;padding:0;}
.Area_bn .text .layout_text ul {margin:0;padding:0;}
.Area_bn .text .layout_text .PD_slide:hover{transform:none;}
.Area_bn .text .layout_text .PD a {pointer-events: none!important}
		
/**公版**/	
.Area_bn .layout_PD {margin-bottom:50px}
.Area_bn .layout_PD ul {}
.Area_bn .layout_PD .PD_slide:hover{transform:none;}
	
}
@media screen and (max-width:767px){
.Area_bn  {height:100%;}	
/**區標**/	
.Area_bn .text {position:relative;}
.Area_bn .text .layout_text {width:100%;}
.Area_bn .text .layout_text ul {margin:0;padding:0;}
.Area_bn .text .layout_text .PD_slide:hover{transform:none;}
.Area_bn .text .layout_text .PD a {pointer-events: none!important}

/**公版**/	
.Area_bn .layout_PD {width:95%;margin:0 auto;}
.Area_bn .layout_PD ul {}
.Area_bn .layout_PD .PD_slide:hover{transform:none;}
}



/*下方公版*/
@media screen and (min-width:768px){
.Area_below  {height:100%;}

.Area_below .box {position:relative;padding-bottom:80px}
	
/**區標**/	
.Area_below .box .layout_tt {width:90%;margin:0 auto;padding:0;}
.Area_below .box .layout_tt ul {margin:0;padding:0;}
.Area_below .box .layout_tt .PD_slide:hover{transform:none;}
.Area_below .box .layout_tt .PD a {pointer-events: none!important}
/**公版**/	
.Area_below .box .layout_PD {}
.Area_below .box .layout_PD ul {}
.Area_below .box .layout_PD .PD_slide:hover{transform:none;}
	
		

	
}
@media screen and (max-width:767px){
.Area_below  {height:100%;}	

.Area_below .box {position:relative;}
	
/**區標**/	
.Area_below .box .layout_tt {width:100%;}
.Area_below .box .layout_tt  ul {margin:0;padding:0;}
.Area_below .box .layout_tt .PD_slide:hover{transform:none;}
.Area_below .box .layout_tt .PD a {pointer-events: none!important}
	
/**公版**/	
.Area_below .box .layout_PD {}
.Area_below .box .layout_PD ul {}
.Area_below .box .layout_PD .PD_slide:hover{transform:none;}
		


	
}



/*LOGO*/
@media screen and (min-width:768px){
.Area_logo  {height:100%;}
.Area_logo .bg {z-index:-52;position:absolute;top:0;left:-390px;width:2000px;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;}	
.Area_logo .bg01 {z-index:-53;position:absolute;top:0;left:-390px;width:2000px;height:100%;background-repeat:repeat-y;background-position:center top;pointer-events:none;}	
	
/**區標**/	
.Area_logo .text {position:relative;}
.Area_logo .text .layout_text {width:90%;margin:0 auto;padding:150px 0 50px 0;}
.Area_logo .text .layout_text ul {margin:0;padding:0;}
.Area_logo .text .layout_text .PD_slide:hover{transform:none;}
.Area_logo .text .layout_text .PD a {pointer-events: none!important}
		
/**公版**/

.Area_logo .layout_PD {width:70%;margin:0 auto;padding-bottom:50px;}
.Area_logo .layout_PD ul {}
.Area_logo .layout_PD .PD_slide:hover{transform:none;}
	
}
@media screen and (max-width:767px){
.Area_logo  {height:100%;}	
/**區標**/	
.Area_logo .text {position:relative;background:url(m_logo_bg.jpg?t=1756255230906)top center no-repeat;background-size:100%;}
.Area_logo .text .layout_text {width:100%;padding-top: 15vw;padding-bottom:2vw;}
.Area_logo .text .layout_text ul {margin:0;padding:0;}
.Area_logo .text .layout_text .PD_slide:hover{transform:none;}
.Area_logo .text .layout_text .PD a {pointer-events: none!important}

/**公版**/	
.Area_logo .layout_PD {padding-bottom:5vw; background:url(m_brandul_bg.jpg?t=1756255230906)top center repeat-y;background-size:100%;}
.Area_logo .layout_PD ul {width:95%!important;margin:0 auto!important;}
.Area_logo .layout_PD .PD_slide:hover{transform:none;}
	
}




























/*移除公版設定*/
.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:transparent;}
.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 {}
}
	
/*3品公版間距*/	
.Area .PD_layout-add2cart ul { padding: 20px;}

@media screen and (max-width:767px){
  .Area .PD_layout-add2cart ul { padding: 0.2em 0;}
  .Area .PD_layout-add2cart ul li { padding: 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%;}







/*區塊_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 {}
	@media screen and (max-width:767px){
.Area_top { height: auto;}
}


	

/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}
@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:#e8e8e8; 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 (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_01 {z-index: -52;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:0; position:absolute;top:440px;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bg_03 { z-index:-51; position:absolute;top:800px;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
.bg_deco {z-index:-48;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;}
}
@media screen and (max-width: 767px){

}


/*區塊底*/
@media screen and (min-width:768px){
.Area_bottom01 {background:url(pc_bottom01.png?t=1756255230906)top center no-repeat;background-size:100%;padding-top:80px;margin-top:-22px;margin-bottom:50px;}
}
@media screen and (max-width: 767px){
.Area_bottom01 {background:url(m_bottom01.jpg?t=1756255230906)top center no-repeat;background-size:100%;padding-top:15vw}


}
	




/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height:700px;}
.top_pd01 {position:absolute;top: 90px;left: 717px;pointer-events:none;z-index:1}
.top_pd01 img {width:85%;}
	
.top_pd02 {position:absolute;top: 158px;left: 727px;pointer-events:none;z-index:-1;transform: rotate(21deg);}
.top_pd02 img {width:85%;}
	
.top_pd03 {position:absolute;top: 159px;left: 694px;pointer-events:none;z-index:-1;transform: rotate(331deg);}
.top_pd03 img {width:85%;}
	
.top_time {position:absolute;top: 553px;left: 119px;pointer-events:none;z-index:1;}
.top_time img {width: 71%;}

}
@media screen and (max-width: 767px){
.Area_title {height:120vw;}
.m_topbg {position:absolute;width:100%;top:0;left:0;pointer-events:none;}
.m_top {position:absolute;width:100%;top:74vw;left:0;pointer-events:none;z-index:1}
.top_pd01 {position:absolute;width: 39%;top: 40vw;left: 30vw;pointer-events:none;z-index:1}
.top_pd02 {position:absolute;width: 35%;top: 42vw;left: 38vw;pointer-events:none;z-index: 0;transform: rotate(21deg);}
.top_pd03 {position:absolute;width: 35%;top: 43vw;left: 26vw;pointer-events:none;z-index: 0;transform: rotate(331deg);}
.top_time {position:absolute;width: 32%;top: 111vw;left: 7vw;pointer-events:none;z-index: 1;}
}
	

/*版頭::主標入稿*/
@media screen and (min-width:768px){
.Area_title .subtitle {position:absolute;width: 43%;top:100px;left: 0;z-index:5}
/*主標*/	
.Area_title .subtitle .layout_title {}
.Area_title .subtitle .layout_title  ul {display:flex;margin:0;padding:0;}
	
}
@media screen and (max-width:767px){
.Area_title .subtitle {position:absolute;width: 73%;height:auto;top: 1vw;left: 13vw;}
/*主標副標*/	
.Area_title .subtitle .layout_title {}
.Area_title .subtitle .layout_title ul {}
	
}


/*活動倒數*/
@media screen and (min-width:768px){
.TimerNick {position:absolute;top: 560px;left: 404px;display:inline-block;z-index:8;text-align:center;}
.TimerNick .FontStyle {display: inline-block;margin: 0;padding: 0;border: 0;font: normal 31px/30px Arial;color: #353535;letter-spacing: 0;text-align: center;}
.TimerNick span {/* padding-left: 0; */font: bold 27px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0;color:#000000;}
}	
@media screen and (max-width:767px){
.TimerNick  {position:absolute;width:100%;top:111vw;left:17vw;display:inline-block;z-index:8;text-align:center;}
.TimerNick .FontStyle {display:inline-block;margin:0;padding:0;border:0;font: bold 5vw/5vw Arial;color:#3b4147;letter-spacing: 0;text-align:center;}
.TimerNick span { padding-left:0; font: bold 4vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;}
}



/*activ*/
@media screen and (min-width:768px){
.Area_activ {height:100%;}
		
/**區標**/	
.Area_activ .text {position:relative;}
.Area_activ .text .layout_text {width:90%;margin:0 auto;padding:0;}
.Area_activ .text .layout_text ul {margin:0;padding:0;}
.Area_activ .text .layout_text .PD_slide:hover{transform:none;}
.Area_activ .text .layout_text .PD a {pointer-events: none!important}
	
/*按鈕*/		
.Area_activ .layout_PD {margin-bottom:50px;}
.Area_activ .layout_PD ul {}
.Area_activ .layout_PD ul li {}
	
}
@media screen and (max-width:767px){
.Area_activ {height:100%;}
		
/**區標**/	
.Area_activ .text {position:relative;background:url(m_activ_bg.jpg?t=1756255230906)top center no-repeat;background-size:100%;}
.Area_activ .text .layout_text {width:100%;}
		
/*按鈕*/		
.Area_activ .layout_PD {background:url(m_activul_bg.jpg?t=1756255230906)top center repeat-y;background-size:100%;}
.Area_activ .layout_PD ul {width:98%!important;margin:0 auto!important;padding:0!important;}
.Area_activ .layout_PD ul li {}
	
}



/*登記*/

/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #eb413b;}     
@media screen and (min-width:768px){
.Area_danjiall {height:100%;}
	
/**區標**/	
.Area_danjiall .text {position:relative;}
.Area_danjiall .text .layout_text {width:90%;margin:0 auto;padding:0;}
.Area_danjiall .text .layout_text ul {margin:0;padding:0;}
.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%;}
.Area_danji .danji_box {width:80%;margin:0 auto;}
.Area_danji .warningTxt {margin-bottom:0;}
.Area_danji .warningTxt h3 {color:#ffffff!important;}

}	
@media screen and (max-width:767px){
.Area_danjiall {height:100%;background-image:repeating-linear-gradient(183deg, rgb(236 236 236) -1%, rgb(200 199 199) 101%)}
	
/**區標**/	
.Area_danjiall .text {position:relative;}
.Area_danjiall .text .layout_text {width:100%;margin:0;padding:0;}
.Area_danjiall .text .layout_text ul {margin:0;padding:0;}
.Area_danjiall .text .layout_text .PD_slide:hover{transform:none;}
.Area_danjiall .text .layout_text .PD a {pointer-events: none!important}
	
/**公版**/	
.Area_danjiall .Area_danji {position:relative;width:100%!important;margin:0!important;}
.Area_danjiall .Area_danji .danji_box {margin:0!important}
.Area_danjiall .Area_danji .danji_box .box_1 {width:95%;padding:0;margin:0 auto;}
.Area_danjiall .Area_danji .warningTxt {padding-bottom:0;}
.Area_danjiall .Area_danji .warningTxt h3 {color:#000000;}
	
	
	
	
}


/*新機專屬*/
@media screen and (min-width:768px){
.Area_new  {height:100%;}
/**區標**/	
.Area_new .text {position:relative;}
.Area_new .text .layout_text {width:90%;margin:0 auto;padding:0;}
.Area_new .text .layout_text ul {margin:0;padding:0;}
.Area_new .text .layout_text .PD_slide:hover{transform:none;}
.Area_new .text .layout_text .PD a {pointer-events: none!important}
		
/**公版**/	
.Area_new .layout_PD {margin-bottom:50px}
.Area_new .layout_PD ul {}
.Area_new .layout_PD .PD_slide:hover{transform:none;}
	
}
@media screen and (max-width:767px){
.Area_new  {height:100%;}	
/**區標**/	
.Area_new .text {position:relative;background:url(m_new_bg.jpg?t=1756255230906)top center no-repeat;background-size:100%;}
.Area_new .text .layout_text {width:100%;padding-top: 15vw;}
.Area_new .text .layout_text ul {margin:0;padding:0;}
.Area_new .text .layout_text .PD_slide:hover{transform:none;}
.Area_new .text .layout_text .PD a {pointer-events: none!important}

/**公版**/	
.Area_new .layout_PD {padding-bottom:5vw;background-color:#f0f0f0;}
.Area_new .layout_PD ul {}
.Area_new .layout_PD .PD_slide:hover{transform:none;}
	
	
.Area_new .layout_PD .PD_btn {height:10vw;}
.Area_new .layout_PD .PD .PD_btn b{content:"New"!important;}
.Area_new .layout_PD .PD .PD_btn b::before{transform:none!important;width:90%!important;border-style:solid!important}
.Area_new .layout_PD .PD .PD_btn b::after {right:.5em;}	
}



/*Pixel 9 你的AI助理*/
@media screen and (min-width:768px){
.Area_bn  {height:100%;}
	
/**區標**/	
.Area_bn .text {position:relative;}
.Area_bn .text .layout_text {width:90%;margin:0 auto;padding:0;}
.Area_bn .text .layout_text ul {margin:0;padding:0;}
.Area_bn .text .layout_text .PD_slide:hover{transform:none;}
.Area_bn .text .layout_text .PD a {pointer-events: none!important}
		
/**公版**/	
.Area_bn .layout_PD {margin-bottom:50px}
.Area_bn .layout_PD ul {}
.Area_bn .layout_PD .PD_slide:hover{transform:none;}
	
}
@media screen and (max-width:767px){
.Area_bn  {height:100%;}	
/**區標**/	
.Area_bn .text {position:relative;}
.Area_bn .text .layout_text {width:100%;}
.Area_bn .text .layout_text ul {margin:0;padding:0;}
.Area_bn .text .layout_text .PD_slide:hover{transform:none;}
.Area_bn .text .layout_text .PD a {pointer-events: none!important}

/**公版**/	
.Area_bn .layout_PD {width:95%;margin:0 auto;}
.Area_bn .layout_PD ul {}
.Area_bn .layout_PD .PD_slide:hover{transform:none;}
}



/*下方公版*/
@media screen and (min-width:768px){
.Area_below  {height:100%;}

.Area_below .box {position:relative;padding-bottom:80px}
	
/**區標**/	
.Area_below .box .layout_tt {width:90%;margin:0 auto;padding:0;}
.Area_below .box .layout_tt ul {margin:0;padding:0;}
.Area_below .box .layout_tt .PD_slide:hover{transform:none;}
.Area_below .box .layout_tt .PD a {pointer-events: none!important}
/**公版**/	
.Area_below .box .layout_PD {}
.Area_below .box .layout_PD ul {}
.Area_below .box .layout_PD .PD_slide:hover{transform:none;}
	
		

	
}
@media screen and (max-width:767px){
.Area_below  {height:100%;}	

.Area_below .box {position:relative;}
	
/**區標**/	
.Area_below .box .layout_tt {width:100%;}
.Area_below .box .layout_tt  ul {margin:0;padding:0;}
.Area_below .box .layout_tt .PD_slide:hover{transform:none;}
.Area_below .box .layout_tt .PD a {pointer-events: none!important}
	
/**公版**/	
.Area_below .box .layout_PD {}
.Area_below .box .layout_PD ul {}
.Area_below .box .layout_PD .PD_slide:hover{transform:none;}
		


	
}



/*旗艦館*/
@media screen and (min-width:768px){
.Area_guan  {height:100%;}

/**公版**/	
.Area_guan .PD_layout {width:70%;margin:0 auto;padding-bottom:50px}
.Area_guan .PD_layout ul {}
.Area_guan .PD_layout .PD_slide:hover{transform:none;}
}
@media screen and (max-width:767px){
.Area_below  {height:100%;}	

.Area_below .box {position:relative;}
/**公版**/	
.Area_guan .PD_layout {width:90%;margin:5vw auto;}
.Area_guan .PD_layout ul {}
.Area_guan .PD_layout .PD_slide:hover{transform:none;}
		


	
}


























/*移除公版設定*/
.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:transparent;}
.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 {}
}
	
/*3品公版間距*/	
.Area .PD_layout-add2cart ul { padding: 20px;}

@media screen and (max-width:767px){
  .Area .PD_layout-add2cart ul { padding: 0.2em 0;}
  .Area .PD_layout-add2cart ul li { padding: 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%;}







/*區塊_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 {}
	@media screen and (max-width:767px){
.Area_top { height: auto;}
	}


	

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