@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;}
.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) {
  .bg_01 {position: absolute;z-index: -3;top: -25px;left: 0px;width: 100%;min-width: 1220px;height: 2000px;background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .bg_02 {position: absolute;z-index: -4;top: 1030px;left: 0px;width: 100%;min-width: 1220px;height: 2000px;background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .bg_repeat {position: absolute;z-index: -20;left: 0px;top: 790px;width: 100%;min-width: 1220px;height: 40000px;background-repeat: repeat-y;background-position: center top;pointer-events: none;}
  .bgdeco {z-index: -4;position: absolute;top: 600px;left: 0px;width: 100%;height: 60000px;background-repeat: repeat-y;background-position: center top;pointer-events: none;}
}
@media screen and (max-width: 767px) {
  .bg_01_m { z-index: -1; position: absolute; top: 10.5vw; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; }
  .bg_02_m {z-index: 5;position: absolute;top: 135vw;left: 0px;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;}
  .bg_repeat_m {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=1774922845554") 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=1774922845554") 0% 0% / contain rgb(9, 0, 110); }
}





/*-----版頭-----*/
@media screen and (min-width: 768px) {
  .Area_top {position: relative;height: 1060px;margin: 0px auto;box-sizing: border-box;padding: 0px;}
  .Area_top .date{width: 12.4%;position: absolute;top: 131px;left: 472px;z-index: 2;}
  .Area_top .title01 {width: 61%;position:absolute;top: 48px;left: 37px;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{top:10px;left: -59px;}
  .Area_top .title01  ul li img{width: 35%;}
  .Area_top .title01 input{position: relative;top: -30px;}
}
@media screen and (max-width: 767px) {
  .Area_top {width: 100%;position: relative;height: 109vw;padding: 0vw;}
  .Area_top .date {width: 8.8%;position: absolute;top: 15.5vw;left: 39.7vw;z-index: 6;}
  .Area_top .title01 {width: 29.95%;position:absolute;top: -67.7vw;left: -23.74vw;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 {top: 74.8vw;left: 31.8vw;}
  .Area_top .title01  ul li img{width: 100%;}
  .Area_top .title01  ul li .PD .PD_img{display: block!important;}
}



#eWriterBtn_bt_B_000_04 { margin-left: 0px!important; margin-top: 100px!important; z-index: 99!important; }


/**版頭輪播**/	
@media screen and (min-width:768px){
  .Area_hot {z-index: 20;width: 1000px !important;height: 450px;margin-top: 0;margin-bottom: 30px !important;}	
  .Area_hot .box .PD_layout {width: 100%;margin:0 auto;padding-top: 0;left: 20px;top: -20px;overflow: hidden}	
  .Area_hot .box .PD_layout ul {display:flex;margin:0;padding-top:8px;grid-gap:0;}
  .Area_hot .box .PD_layout ul li {height: auto;margin:0;padding:0;grid-gap:0;background-color: #fff;}
  .Area_hot .box .PD_layout .PD p {height: 3em;}
  .Area_hot .box .PD_layout .PD p del {font-size: 16px!important;}
  .Area_hot .box .PD_layout .PD_into .Price {font-size: 33px!important;}
  .Area_hot .box .PD_layout .swiper-pagination {position:relative;margin: 15px 0;}
    
}
@media screen and (max-width:767px){
  .Area_hot {width: 100% !important;height: auto;margin: 1vw 0 1.8vw 0 !important;padding-left: 0vw !important;z-index: 10;}
  .Area_hot .box .PD_layout {width: 100%;height: 72vw;left: 0;padding-top: 0vw;overflow: hidden;}	
  .Area_hot .box .PD_layout ul {display:flex;margin: 0;padding: 0;grid-gap:0;}
  .Area_hot .box .PD_layout ul li {margin: 0;padding: 0;height: 64vw;grid-gap:0;background-color: #fff;}
  .Area_hot .box .PD_layout .PD_into .Price {font-size: 25px!important;}	
  .Area_hot .box .PD_layout .swiper-pagination {position:relative;margin: 3vw 0 0;}
  .Area_hot .box .PD_layout .swiper-pagination.swiper-pagination-white{bottom: -1vw;width: 100%;margin: 0 auto;}
  
}
    
@media screen and (max-width: 767px) {
    .PD_layout .PD p {
        height: 2.2em;
        line-height: 1.9em;
    }

    .PD_layout ul {
      padding: 0.2em;
    }
        
}


    
  
/*---品類加碼攻略---*/
@media screen and (min-width:768px){
  .activ_bg {position: absolute;z-index: -3;top: -89px;left: -131px;width: 100%;min-width: 1220px;height: 635px;background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .Area_btn {margin: 0px auto 90px auto;height: auto;left: 10px;z-index: 12;}
  .Area_btn .box {width: 921px;margin: 0 auto -50px;padding: 0 0 0 10px;overflow: hidden;}
  .Area_btn .box ul {height: 400px;grid-gap: 0px;}
}
@media screen and (max-width:767px){
  .activ_bg {z-index: -1;position: absolute;top: -9vw;left: 0px;width: 100%;height: 215vw;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;}
  .Area_btn {margin: 0vw auto 14vw auto;height: auto;z-index: 10;}
  .Area_btn .box {width: 97%;margin: 0 auto;padding: 0.5vw 0 0 0;overflow: hidden;}
  .Area_btn .box .PD_layout {}
  .Area_btn .box ul {height: 56.2vw;grid-gap: 0vw;padding: 0;}
  .Area_btn .box .PD_layout .PD_img{padding: 0;}

}
    
    

/*---按鈕3顆---*/
@media screen and (min-width:768px){
  .Area_btn {margin: 0px auto 90px auto;height: auto;left: 10px;z-index: 12;}
  .Area_btn .btn02 {width: 98%;}
  .Area_btn .btn02 ul {grid-gap: 18px;}
}
@media screen and (max-width:767px){
  .Area_btn {margin: 0vw auto 14vw auto;height: auto;z-index: 10;}
  .Area_btn .btn02 {width: 96.6%;padding: 0.5vw 0 0 0.8vw;}
  .Area_btn .btn02 ul {grid-gap: 2vw;padding: 0;}
}
    
    

/**品類按鈕**/	
@media screen and (min-width:768px){
  .Area_brand {width: 930px !important;margin-bottom: 15px !important;}	
  .Area_brand .box .PD_layout {width: 100%;margin:0 auto;padding-top: 0;left: 15px;top: 0;overflow: hidden}	
  .Area_brand .box .PD_layout ul {display:flex;margin:0;padding-top:8px;grid-gap:0;}
  .Area_brand .box .PD_layout ul li {height: 160px;margin:0;padding:0;grid-gap:0;}
  .Area_brand .box .PD_layout .PD_img {padding: 0em;}
  .Area_brand .box .PD_layout .swiper-pagination {position:relative;margin: 45px 0;}
    
}
@media screen and (max-width:767px){
  .Area_brand {height: 37vw;margin: 16vw 0 5.5vw 0;z-index: 10;}
  .Area_brand .box .PD_layout {width: 100%;left: 0;overflow: hidden;}	
  .Area_brand .box .PD_layout ul {display:flex;height: 29vw;margin: 0;padding: 0 !important;grid-gap:0;}
  .Area_brand .box .PD_layout ul li {margin: 0;padding: 0;height: auto;}
  .Area_brand .box .PD_layout .PD_img {padding: 0em;}
  .Area_brand .box .PD_layout .swiper-pagination {position:relative;margin: 3vw 0 0;}
  .Area_brand .box .PD_layout .swiper-pagination.swiper-pagination-white{bottom: -1vw;width: 100%;margin: 0 auto;}
  
}
    


/*LOGO*/
@media screen and (min-width:768px){
  .Area_logo {margin-top: 68px!important;left: -9px;z-index: 10; }
  .Area_logo {position: relative;margin-top: 0 !important;margin-bottom: 45px;left: 5px;overflow: hidden;}
  .Area_logo .box .PD_layout ul {height: 183px;padding: 0;}  
  .Area_logo .box .PD_layout .PD_img {padding: 0em;}
}
@media screen and (max-width:767px){
  .Area_logo {margin: 0 auto 4vw;}
  .Area_logo .box .PD_layout ul {height: 22.5vw;padding: 0;gap: 0vw;margin-top: 0;}
  .Area_logo .box .PD_layout .PD_img {padding: 0em;}
  .Area_logo .swiper_remove_box_style ul li .PD_img img { border-radius: 0;}
}



/*---品類加碼---*/
@media screen and (min-width:768px){
  .Area_btn{margin: 0 auto 150px;left: 10px;z-index: 12;}
}
@media screen and (max-width:767px){
  .Area_btn{margin: 0vw auto 8.5vw auto;height: auto;z-index: 10;}
}
    
 

/**bg**/
.title_bt {width: 95%;padding-top: 0;margin: 0 auto 0!important;}
.title_bt2 {width: 95%;padding-top: 40px;margin: 0 auto -65px!important;}
.title_bt .PD_layout ul {padding: 0;}
.box_top {position: absolute;top: 0;left: 0;}
.box_re {background: url(box_re.png?t=1774922845554) top center repeat-y;}
.box_end {position: relative;top: -40px;margin-bottom: 40px;z-index: -1;}
@media screen and (max-width:767px){
  .title_bt {width: 100%;padding-top: 1.5vw;margin-bottom: -1.5vw !important;}
  .box_top {width: 100%;top: -2.5vw;left: 0;background-size: 100%;}
  .box_re {background-size: 100%;padding-top: 0;}
  .box_end {position: relative;top: -2.5vw;background-size: 100%;padding-top: 0;margin-bottom: 11vw;z-index: -1;}
}


/**bg**/
.box_top2 {position: absolute;top: 135px;left: 2.5px;}
.box_re2 {background: url(box_re2.png?t=1774922845554) top center repeat-y;}
.box_end2 {margin-bottom: 70px;}
@media screen and (max-width:767px){
  .box_top2 {width: 100%;top: -2.5vw;left: 0;background-size: 100%;}
  .box_re2 {background-size: 100%;padding-top: 0;}
  .box_end2 {position: relative;background-size: 100%;padding-top: 0;margin-bottom: 1vw;z-index: -1;}
}


@media screen and (min-width:768px){
  .activ_bg2 {position: absolute;z-index: -3;top: -85px;left: -130px;height: 850px;width: 100%;min-width: 1220px;background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .activ_bg3 {position: absolute;z-index: -3;top: 700px;left: -130px;height: 1240px;width: 100%;min-width: 1220px;background-repeat: repeat-y;background-position: center top;pointer-events: none;}
}
@media screen and (max-width:767px){
  .activ_bg2 {z-index: -1;position: absolute;top: -8.5vw;height: 215vw;left: 0px;width: 100%;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;}
  .activ_bg3 {z-index: -1;position: absolute;top: 160vw;height: 303vw;left: 0px;width: 100%;background-repeat: repeat-y;background-position: center top;pointer-events: none;background-size: 100%;}
}
    

/*---登記---*/
@media screen and (min-width: 768px) { 
  .danji {margin: 80px auto 0 auto;}
  .danji .box { padding: 0px; }
  .danji .Area_danji .danji_box {width: 870px;margin-bottom: 4px;}
  .danji .warningTxt h3{ color: #fff !important;} 
  /*登記贈品文案顏色*/
  .Area_danji .danji_box ul li .activityText .gifts span { color: #885d43;} 
}
@media screen and (max-width: 767px) {
  .danji {margin: 0 auto -3vw;}
  .danji .Area_danji {width: 94.5%;margin-top: 0.2vw;}
  .danji .box_all {width: 99.8%;margin: 0 auto;padding: 0;}
  /*登記贈品文案顏色*/
  .Area_danji .danji_box ul li .activityText .gifts span {color: #885d43;} 
  .danji .warningTxt h3{color: #fff !important;margin-top: 1vw;margin-bottom: 1vw;} 
}


/*---4品公版---*/
@media screen and (min-width: 768px) { 
  .ly_bn {margin: 0 auto 5px;height: auto;}
  .ly_bn img {border-radius: 15px;}
}
@media screen and (max-width: 767px) {
  .ly_bn {margin: 0 auto 1.2vw;height: auto;}
  .ly_bn ul li {padding: 0;}
  .ly_bn img {border-radius: 3vw;}

}


.box5_swiper {position: relative;width: 98%;margin: 0 auto 25px;overflow: hidden;z-index: 1;}
.box5_swiper ul.PD_wrapper {display: flex;flex-wrap: nowrap;margin: 0 auto;padding: 0 0 40px;width: 100%;grid-gap: 0;box-sizing: content-box;height: 369px;}
.box5_swiper ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; pointer-events: inherit;border-radius: 15px !important;overflow: hidden;}
.box5_swiper ul.PD_wrapper li.PD_slide { min-width: inherit;}
.box5_swiper ul.PD_wrapper li.PD_slide:hover { box-shadow: 0 1em 2em rgba(0, 0, 0, 0);}
@media screen and (max-width:767px){
  .box5_swiper { width: 100%;}
  .box5_swiper ul.PD_wrapper {padding: 0 0 8.5%;height: 68vw;}
  .box5_swiper ul.PD_wrapper li { border-radius: 4vw !important;}
} 




/*---下方公版---*/
@media screen and (min-width:768px){
  .Area09 {margin-top: 170px;}
  .Area09 .A9_box {width: 85%;margin: 0 auto 80px;}
}
@media screen and (max-width:767px){
  .Area09 {margin-top: 12vw;}
  .Area09 .A9_box {margin-bottom: 11vw;}
  .Area09 .PD_box {width: 100%;margin: 0 auto;}
}