@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;background-color:#faf1e2; }
.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: -3; top: -60px; left: 10px; width: 100%; min-width: 1220px; height: 850px; background-image: url("pc_01.jpg?t=1724990151425"); background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Areabg02 { position: absolute; z-index: 20; top: 0px; left: 0px; width: 100%; min-width: 1220px; height: 1736px; background-image: url("pc_02.png?t=1724990151425"); background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .repeat_bg2 {position: absolute;z-index: -20;left: 0px;top: 790px;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;}
  .bgdeco {z-index: -10;position: absolute;top: 0px;left: 0px;width: 100%;height: 60000px;background-repeat: repeat-y;background-position: center top;pointer-events: none;}
  .bg_fix { z-index: -1; position: fixed; top: 0px; left: 0px; 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: -10; position: absolute; top: 10vw; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; }
  .m_top_bg02 { z-index: -1; position: absolute; top: 10vw; left: 0px; 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: 132vw;left: 0px;width: 100%;height: 100%;background-repeat: repeat-y;background-position: center top;pointer-events: none;background-size: 100%;}
}


/*區塊_all*/
.Area1220 { position: relative; margin: 0px auto; width: 1220px; }
.Area960 { margin: 0px auto; width: 960px; }
.Area { position: relative; margin: 0px auto; padding: 0px; border-radius: 0px; text-align: center; }
.Areaa { position: relative; display: block; }
.Area .go_bt { transition: 0.4s; }
.Area .go_bt:hover { transform: scale(0.95); }
@media screen and (max-width: 767px) {
  .Area1220 { width: 100%; }
  .Area960 { width: 100%; }
  .Area .go_bt:hover { transform: none; }
}


/*區塊-共用按鈕*/
.Area .btn_go { }
.Area .btn_go * { transition: 0.1s; }
.Area .btn_goa:hover { transition: 0.35s; transform: scale(0.9); }
.Area .btn_goa::after { transition: 0.4s; }
.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: url("btn_icon_r.png?t=1696598482216") 0% 0% / contain rgb(9, 0, 110); }
@media screen and (max-width: 736px) {
  .Area { width: 100%; height: 100%; min-width: 100%; }
  .Area .btn_go { position: absolute; }
  .Area .btn_go * { transition: 0.2s; }
  .Area .btn_go a { display: block; color: rgb(255, 255, 255); letter-spacing: -2px; }
  .Area .btn_go a::after { }
  .Area .btn_go:active a, .Area .btn_go:focus a, .Area .btn_go:hover a { color: rgb(255, 255, 255); }
  .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: 0px; right: 0px; display: inline-block; border-radius: 35px; width: 35px; height: 35px; background: url("btn_icon_r.png?t=1696598482216") 0% 0% / contain rgb(9, 0, 110); }
}





/*-----版頭-----*/
@media screen and (min-width: 768px) {
  .Area_top {position: relative;height: 779px;margin: 0px auto;box-sizing: border-box;padding: 0px;}
  /*date*/
  .Area_top .date {width: 8%;position: absolute;top: 70px;left: 267px;z-index: 1;}
  .Area_top .date h4{color: #479ab4;font-family: "owners-wide", sans-serif;font-size: 2em;font-weight: 800;font-style: normal;text-align: left;margin: 0;letter-spacing: 0.08em;}
  .Area_top .TIMER_DAY {position:absolute;top: 30px;right: -51px;width: 139px;z-index:2;display:block;font-size: 46px;font-family: "owners-wide", sans-serif;font-weight: 800;font-style: normal;color: #479ab4;letter-spacing: 5px;text-align: left;}
  .Area_top .TIMER_DAY small {font-size: 54px;line-height:5px;margin-left: -33px;}
  .Area_top .TIMER_DAY #sendMonth {width: 53px;text-align: left;display: inline-block;}
  .Area_top .TIMER_DAY #sendToday {width: 53px;margin-left: 0px;text-align: center;display: inline-block;}
  /*大標*/ 
  .Area_top .title01 {width: 18%;position:absolute;top: 52px;left: 180px;height: auto;z-index: 7;}
  .Area_top .title01 img {width: 77%;}
  .Area_top .title01  ul li{position: absolute;opacity: 0;}
  .Area_top .title01  ul li:nth-child(1){top:10px;left: -60px;}
  .Area_top .title01  ul li:nth-child(2){top: 94px;left: -60px;}
  .Area_top .title01  ul li:nth-child(3){top: 110px;left: 21px;}
  .Area_top .title01  ul li:nth-child(4){top: 209px;left: 20px;}
  .Area_top .title01  ul li:nth-child(5){top: 319px;left: 21px;}
  .Area_top .title01  ul li:nth-child(1) img{width: 35%;}
  .Area_top .title01  ul li:nth-child(2) img{width: 35%;}
  .Area_top .title01  ul li:nth-child(3) img{width: 35%;}
  .Area_top .title01  ul li:nth-child(4) img{width: 35%;}
  .Area_top .title01  ul li:nth-child(5) img{width: 35%;}
  .Area_top .title01 input{position: relative;top: -30px;}
  /*副標輪播*/
  .Area_top .title02 .title02_deco img{width: 77%;}
  .Area_top .title02 {z-index: 22;position: absolute;top: 232px;left: 179px;width: 100px;height: 383px;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box {top: 5px;left: 17px;width: 70%;position: absolute;height: 282px;}
  .Area_top .title02 .Area_swiper_box ul { display: flex; gap: 0px; padding: 0px; height: 162px; }
  .Area_top .title02 .Area_swiper_box img { width: 100%; }
  .Area_top .title02 .Area_swiper_box .PD_layout{margin: 0;}
}
@media screen and (max-width: 767px) {
  .Area_top {width: 100%;position: relative;height: 105vw;padding: 0px;}
  /*date*/
  .Area_top .date {width: 17%;position: absolute;top: 1vw;left: 22.5vw;z-index: 1;pointer-events: none;}
  .Area_top .date h4{color: #479ab4;font-family: "owners-wide", sans-serif;font-size: 1.2em;font-weight: 800;font-style: normal;text-align: left;letter-spacing: 0.08em;}
  .Area_top .TIMER_DAY {position:absolute;top: 9.5vw;right: -2vw;width: 19vw;z-index:2;display:block;font-size: 20px;color: #479ab4;letter-spacing: 2px;font-family: "owners-wide", sans-serif;font-weight: 800;font-style: normal;text-align: left;}
  .Area_top .TIMER_DAY small {font-size: 29px;line-height:5px;margin-left: -4vw;}
  .Area_top .TIMER_DAY #sendMonth {width: 27px;text-align: left;display: inline-block;}
  .Area_top .TIMER_DAY #sendToday {width: 49px;margin-left: -3vw;text-align: center;display: inline-block;}
  /*大標*/ 
  .Area_top .title01 {width: 16%;position:absolute;top: -62vw;left: 3vw;height: auto;z-index: 11;}
  .Area_top .title01 img {width: 68%;}
  .Area_top .title01  ul li{position: absolute;opacity: 0;}
  .Area_top .title01  ul li:nth-child(1){top: 69vw;left: 4vw;}
  .Area_top .title01  ul li:nth-child(2){top: 81vw;left: 4vw;}
  .Area_top .title01  ul li:nth-child(3){top: 79vw;left: 16vw;}
  .Area_top .title01  ul li:nth-child(4){top: 93vw;left: 16vw;}
  .Area_top .title01  ul li:nth-child(5){top: 108vw;left: 16vw;}
  .Area_top .title01  ul li:nth-child(1) img{width: 69%;}
  .Area_top .title01  ul li:nth-child(2) img{width: 69%;}
  .Area_top .title01  ul li:nth-child(3) img{width: 69%;}
  .Area_top .title01  ul li:nth-child(4) img{width: 69%;}
  .Area_top .title01  ul li:nth-child(5) img{width: 69%;}
  .Area_top .title01  ul li .PD .PD_img{display: block!important;}
  /*副標輪播*/
  .Area_top .title02 .title02_deco{position: absolute;}
  .Area_top .title02 { transform-origin: left bottom; }
  .Area_top .title02 {position: absolute;width: 10%;height: 41vw;margin: 0px auto;left: 10vw;top: 31.5vw;z-index: 21;}
  .Area_top .title02 .Area_swiper_box {width: 100%;height: 36vw;top: 1vw;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box ul {display: flex;height: 36vw;gap: 0px;padding: 0px;}
  .Area_top .title02 .Area_swiper_box img { width: 100%; }
  .Area_top .title02 .Area_swiper_box .PD_layout{margin: 0;}
}


/*---版頭裝飾---*/
@media screen and (min-width: 768px) {
  .deco_line {position:absolute;top: 120px;left: 50px;animation: mask_lefttoright 1.8s 0.8s 1 ease-in;opacity: 1;z-index: 5;pointer-events: none;}


}
@media screen and (max-width: 767px) {
  .deco_line {position:absolute;width: 45%;top: 26vw;left: -3vw;animation: mask_lefttoright 2.5s 1s 1 ease-in;opacity: 1;z-index: 5;pointer-events: none;}

}


/*---按鈕---*/
@media screen and (min-width:768px){
	.Area_btn{margin: 58px auto 0 auto;z-index: 12;height: auto;}
  .Area_btn .text_bg{width: 960px;}
  .Area_btn .btn {width: 89%;padding: 41px 0 0 0;}
  .Area_btn .btn ul {grid-gap: 51px;}
}
@media screen and (max-width:767px){
    .Area_btn{margin: 5vw auto 0 auto;height: auto;}
    .Area_btn .btn {width: 93%;padding: 4vw 0 0 0;}
    .Area_btn .btn ul {grid-gap: 5vw;}

}


/** 倒數 **/
.TimerNick {position: absolute;z-index: 10;top: 101px;left: 59%;display:inline-block;padding-right:14px;height:96px;text-align:right;}
.TimerNick .FontStyle {display:inline-block;margin:0px 0 0 0;padding:0;border:0px;width:60px;font: bold 45px/38px Century Gothic;color:#dfaf73;/*text-shadow:1px 1px 0px #fff;*/letter-spacing:-1px;text-align:right;background:transparent;}
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:60px;}
.TimerNick span {padding-left:2px;font: bold 35px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #856643;}
    @media screen and (max-width:767px){
        .TimerNick {z-index:2;position: absolute;top: 7vw;left: 36vw;display:inline-block;margin:0;padding-right:0%;width: 62%;height:0;padding-bottom:13%;overflow:hidden;text-align:right;/*background:url(m_time_bg.png?t=1745818309760) no-repeat center top; */background-size:100%;}
        .TimerNick .FontStyle {display:inline-block;margin:0px 0 0 0;padding:0;border:0px;width: 6vw;font: bold 5.5vw/11vw Century Gothic;color: #dfaf73;/*text-shadow:1px 1px 0px #fff;*/letter-spacing:-1px;text-align:right;background:transparent;}
        .TimerNick div:nth-of-type(2),
        .TimerNick div:nth-of-type(3) {width: 5vw;}
        .TimerNick span {padding-left:1vw;font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #856643;}
    }
                     

/*---限搶---*/
@media screen and (min-width:768px){
	.Area_time{margin: -13px auto 0 auto;height: auto;}
  .Area_time .ly{margin: -11px auto 0 auto;padding: 0 0 20px 0;width: 78%;background-color: #fee6b8;z-index: 2;}
  .Area_time .ly ul{width: 94%;}
}
@media screen and (max-width:767px){
  .Area_time{width: 100%;margin: 0 auto 0 auto;height: auto;}
  .Area_time .ly{margin: 0vw auto 0 auto;padding: 0 0 3vw 0;width: 100%;z-index: 2;background-color: #fee6b8;}
  .Area_time .ly ul{width: 95%;}
}



/*---BN輪播---*/
@media screen and (min-width: 768px) { 
.bn_bg { position: absolute; z-index: -3; top: -60px; left: 10px; width: 100%; min-width: 1220px; height: 850px; background-image: url("pc_bn_bg.png?t=1753424446186"); background-repeat: no-repeat; background-position: center top; pointer-events: none; }
.Area_banner{padding: 18px 0 0 0;margin: 140px auto 0 auto;height: 280px;}
}
@media screen and (max-width: 767px) {
  .bn_bg {z-index: -1;position: absolute;top: -7vw;left: 0px;width: 100%;height: 66vw;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;}
  .Area_banner{margin: 13vw auto 5vw auto;}
  .Area_banner .Area_swiper_box ul{height: 44vw;}
}


/*---一健全領---*/
@media screen and (min-width:768px){
  .Area_coupon_sw{margin-bottom: 30px;}
	.Area_coupon{margin: 63px auto 0 auto;}
    /*文字*/
    .Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #fff;}
}

@media screen and (max-width:767px){
    .Area_coupon{margin: 5vw auto 0 auto;}
    /*文字*/
    .Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #fff;}
}


/*---登記---*/
@media screen and (min-width: 768px) { 
  .danji {margin: 80px auto 0 auto;}
  .danji .box { padding: 0px; }
  .danji .Area_danji .danji_box { width: 900px; }
  .warningTxt { position: relative; z-index: 99; }
  /*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #fff;} 
}
@media screen and (max-width: 767px) {
  .danji {margin: 11vw auto 0px;}
  .danji .Area_danji { width: 95%; }
  .danji .box_all {position: relative;padding: 0px;}
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #fff;} 

}






/*---必敗強檔---*/
@media screen and (min-width:768px){
	.Area_hot{margin: 60px auto 0 auto;}
  .Area_hot .box_all{background-color: #fee4b2;padding: 0 0 22px 0;}
  /*bn*/
  .Area_hot .box_bn{position: relative;padding: 20px 0 0px 0;}
  .Area_hot .box_bn::after{content:"";position: absolute;display:block;background: url("hot_bg.png?t=1747986240155") center  top no-repeat scroll;height: 120px;top: -20px;left: -20px;width: 350px;z-index: 20;pointer-events: none;}

}


@media screen and (max-width:767px){
  .Area_hot{margin: 7vw auto 0 auto;}
  .Area_hot .box_all{background-color: #fee4b2;padding: 0 0 2vw 0;}
  /*bn*/
  .Area_hot .box_bn{position: relative;}
  .Area_hot .box_bn::after{content:"";position: absolute;display:block;background: url("hot_bg.png?t=1747986240155") center  top no-repeat scroll;height: 14vw;top: 0vw;left: 2vw;width: 35%;background-size: 100%;z-index: 2;pointer-events: none;}
  /*按鈕*/
  .Area_hot .box_btn{}
  .Area_hot .box_btn ul{padding: 0;}

}


/*---情境按鈕---*/
@media screen and (min-width:768px){
	.Area_btn02{margin: 60px auto 0 auto;}
}

@media screen and (max-width:767px){
  .Area_btn02{margin: 7vw auto 0 auto;}
  /*按鈕*/
  .Area_btn02 .btn{padding: 0 0 0 0;}

}


/*---情境公版---*/
@media screen and (min-width:768px){
	.Area_bnly{margin: 60px auto 0 auto;}
  .Area_bnly .Area_PD9 .PD_layout ul{height: 489px;}
  .Area_bnly .PD_layout .PD p del {display: none;}
  .Area_bnly .PD_layout .PD_into{ top:-106px; position: relative; left:29px;}
  .Area_bnly .PD_layout .PD p {height: 2em;line-height: 2em; color:#f9c014;  position: relative; left:257px; top: -46px; }
  .Area_bnly .PD_layout .PD p .Price {font-size: 39px; font-weight: 800;}	
  .Area_bnly .PD_layout .PD h4 {font-size: 22px;top:2px;position: relative;color: #fff;}	
  .Area_bnly .PD_layout .PD h3 {font-size: 25px;color: #fff;position: relative; top: 4.2px;}		

}

@media screen and (max-width:767px){
  .Area_bnly{margin: 6vw auto 0 auto;}
  .Area_bnly .Area_PD9 .PD_layout ul{height: 80vw;}
  .Area_bnly .PD_layout .PD p del {display: none;}
  .Area_bnly .PD_layout .PD_into{ top: -5vw; position: relative; left: 2vw;}
  .Area_bnly .PD_layout .PD p {height: 2em;line-height: 2em;color: #f9c014;position:absolute;left: 43vw;top:-5vw;}
  .Area_bnly .PD_layout .PD p .Price {font-size:30px!important; font-weight: 800;}	
  .Area_bnly .PD_layout .PD h4 {font-size: 19px;top: -15vw;left: 2vw;position: relative;color: #fff;}	
  .Area_bnly .PD_layout .PD h3 {font-size: 20px;color: #ffffff;position: relative;top: -12.8vw;left: 2vw;}		
  .Area_bnly .Area_PD9 .PD_slide {height:94vw;background-color: #0000!important;}

}




/*---作圖區---*/
@media screen and (min-width:768px){
	.Area_item{margin: 102px auto 0 auto;}
  .Area_item .text_960{width: 90%;padding: 0 0 0 40px;}
  .Area_item .box{margin: 0 auto 109px auto;}
  .Area_item .box .bn{position: absolute;height: 950px;overflow: hidden;}
  .Area_item .box .bn ul li{pointer-events: none;}
  .Area_item .box .Area_PD2{width: 90%;padding: 508px 0 0 22px;position: relative;}

}

@media screen and (max-width:767px){
  .Area_item{margin: 6vw auto 14vw auto;}
  .Area_item .box{margin: 0 auto 8vw auto;}
  .Area_item .box .bn{position: absolute;z-index: 1;}
  .Area_item .box .Area_PD2{width: 96%;padding: 52vw 0 0 0;position: relative;z-index: 2;}




}

/* 0805新增活動預告 */
@media screen and (min-width:768px){
	.Area_pre{margin: 102px auto 0 auto;}
  .Area_pre .text_960{width: 90%;padding: 0 0 0 40px;}
  .Area_pre .box{margin: 0 auto 109px auto;}
  .Area_pre .box .bn{position: absolute;height: 950px;overflow: hidden;z-index: 1;}
  /* .Area_pre .box .bn ul li{pointer-events: none;} */
  .Area_pre .box .Area_PDpre{width: 90%;padding: 458px 0 0 22px;position: relative;}

}

@media screen and (max-width:767px){
  .Area_pre{margin: 6vw auto 14vw auto;}
  .Area_pre .box{margin: 0 auto 8vw auto;}
  .Area_pre .box .bn{position: absolute;z-index: 3;}
  .Area_pre .box .Area_PDpre{width: 96%;padding: 52vw 0 0 0;position: relative;z-index: 2;}




}



 /*---1帶2---*/
 .PD_layout-btn li .PD h3{color: #000;background: #ffda44;}
 @media screen and (min-width:768px){
  .Area_brand{margin: 100px auto 0 auto;}
  .Area_brand .text{position: absolute;top: -120px;}
  .Area_brand .box_all{position: relative;padding: 10px 0 0 0;}
  .Area_brand .box_all .box_ly .brand_start01{position: absolute;}
  .Area_brand .box_all .box_ly .brand_start02{position: absolute;}
  .Area_brand .box_all .box_ly{width: 100%;position: relative;padding: 0 0 0 0;margin: 0px auto 41px auto;}
  .Area_brand  .box_ly ul{width:94% ;}
  .Area_brand .box_all .box_ly:nth-child(odd) .Area_PD3{background: repeat-y top center/100% url("brand_rp01.png?t=1753424446187");}
  .Area_brand .box_all .box_ly:nth-child(even) .Area_PD3{background: repeat-y center/100% url("brand_rp02.png?t=1753424446187");}
  /*logo*/ 
  .Area_brand  .logo{width: 100%;height: 184px;}
  .Area_brand  .logo ul{grid-gap: 0;}
  .Area_brand  .logo ul .PD_into{padding: 0;}
  .Area_brand  .logo ul .PD_logo{width: 27%;position: relative;top: 55px;left: 96px;}
  .Area_brand  .logo ul li h3{width: 50%;position: absolute;right: 41px;top: 7px;margin: 0 auto;font-size: 4em;}
  .Area_brand  .box_all .box_ly:nth-child(odd) .logo ul li h3{color: #7a4f19;}
  .Area_brand  .box_all .box_ly:nth-child(even) .logo ul li h3{color: #368c97;}
  .Area_brand .ly{width: 100%;margin: 0 auto 0px auto;}
  .Area_brand  .swiper-pagination-bullet {background: #000;}
}
@media screen and (max-width:767px){
.Area_brand{margin: 5vw auto 0 auto;}
.Area_brand .text{}
.Area_brand .tag{padding: 2vw 0 4vw 0;}
.Area_brand .box_all{position: relative;}
.Area_brand .box_all .box_ly{margin: 0 auto 5vw auto;}
.Area_brand .box_all .box_ly .brand_start01{position: absolute;}
.Area_brand .box_all .box_ly .brand_start02{position: absolute;}
.Area_brand .box_all .box_ly .ly{position: relative;margin: 0 auto 0 auto;padding: 0 0 0 0;}
.Area_brand .box_all .box_ly:nth-child(odd) .Area_PD3{background: repeat-y top center/100% url("brand_rp01.png?t=1753424446187");}
.Area_brand .box_all .box_ly:nth-child(even) .Area_PD3{background: repeat-y center/100% url("brand_rp02.png?t=1753424446187");}
/*logo*/ 
.Area_brand  .logo{width: 100%;height: 19vw;}
.Area_brand  .logo ul{grid-gap: 0;}
.Area_brand  .logo ul .PD_into{padding: 0;}
.Area_brand  .logo ul .PD_logo{width: 26%;position: relative;top: 5.5vw;left: 10.5vw;}
.Area_brand  .box_all .box_ly .logo ul li h3{width: 48%;position: absolute;right: 5vw;top: 2vw;margin: 0 auto;font-size: 1.6em;}
.Area_brand  .box_all .box_ly:nth-child(odd) .logo ul li h3{color: #7a4f19;}
.Area_brand  .box_all .box_ly:nth-child(even) .logo ul li h3{color: #368c97;}
.Area_brand  .swiper-pagination-bullet {background: #000;}
/*公版*/ 
.Area_brand .box_all .box_ly .ly{width: 100%;padding: 0 0 0 0;}
.Area_brand .box_all .box_ly .ly ul{width: 90%;padding: 0 0 0 0;}

}



/*---下方公版---*/
@media screen and (min-width:768px){
  .Area_ly_down{margin: 50px auto 0 auto;}
  .Area_ly_down .box{position: relative;margin: 54px auto 0 auto;}
  .Area_ly_down .box .Area_PD2{width: 96%;background-color: #fee8be;border-radius: 20px;padding: 1px 0 22px 0;margin: -60px auto 0 auto;}
  .Area_ly_down .box .text{position: relative;z-index: 2;}
  .Area_ly_down .box .PD_layout.ly{position: relative;z-index: 1;width: 89%;margin: -29px auto -50px auto;padding: 20px 0 30px 0;}
  .Area_ly_down .box .ly.PD_layout ul{width: 96%;}

}

@media screen and (max-width:767px){
  .Area_ly_down{margin: 7vw auto 0 auto;}
  .Area_ly_down .box{position: relative;margin: 5vw auto 0vw auto;}
  .Area_ly_down .box .Area_PD2{width: 96%;background-color: #fee8be;border-radius: 3vw;padding: 1vw 0 3vw 0;margin: -6vw auto 0 auto;}
  .Area_ly_down .box .text{position: relative;z-index: 2;}
  .Area_ly_down .box .PD_layout.ly{width: 100%;margin: 0vw auto 0 auto;}
  .Area_ly_down .box .ly.PD_layout{position: relative;z-index: 1;margin: -3.8vw auto 0 auto;padding: 3vw 0 3vw 0;}
  .Area_floorPD_NavArea_tabbar{margin: 0 auto 0 auto!important;}
}






/*mo+*/
@media screen and (min-width:768px){
  .Area_mo {margin: 80px auto 0 auto;}

  }
  @media screen and (max-width:767px){
  .Area_mo {height:100%;margin: 6vw auto 0 auto;}
  .Area_mo .Area_PD2 ul li h4 span{white-space: nowrap;}
  }
  
  


/*---logo---*/
@media screen and (min-width: 768px) {
  .Area_logo {margin: 80px auto 50px auto;}
  .Area_logo .layout_tag  ul {width: 88%;gap: 16px;}
}
@media screen and (max-width: 767px) {
  .Area_logo { margin: 6vw auto 5vw; }
  .Area_logo .layout_tag ul {width: 92%;gap: 2vw;padding: 0px;}
}


/*---館架---*/
@media screen and (min-width: 768px) {
  .Area_tag {margin: 30px auto 50px auto;}
  .Area_tag .layout_tag{width: 64%;}
}
@media screen and (max-width: 767px) {
  .Area_tag .layout_tag{width: 90%;}
}


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