@charset "utf-8";
/* CSS Document */
/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
	background: url("../images/c_bg.jpg") top center repeat;
}



/* PC */
.WRAPPER{ position:relative; width:100%; min-width:1200px; margin:0 auto; overflow:hidden;}
 	@media screen and ( max-width: 991px ){
		.WRAPPER{ min-width:100%;}
		
	}
.container { overflow: hidden; }
.topbox { position: relative; width: 1200px; margin: auto;}
.kv_pc {width: 100%;  position: relative; text-align:center; display: flex;justify-content: center;max-width: 1920px; margin: auto;flex-wrap: wrap-reverse;}
.kv_pc img { display: block; text-align: center; }
.kv_m { display: none; }
.kv_m img { display: block; }
.kv_m a {font-size: 0; display: blck; }
.for_pc{ display: block; }
.for_m { display: none; }

/* m */
@media screen and ( max-width: 991px ){
	.kv_m { display: block; width: 100%; }
	.kv_m img {  width: 100%; }
	.kv_pc { display: none; }
	.container {width: 100%; min-width: auto; }
	.for_pc{ display: none; }
	.for_m { display: block; }
}

/* 錨點設置開始 */
/*navigation bar for pc*/
/* Style the navbar */
#navbar {
	/*overflow: hidden;*/
	
	max-width:100%;
	height:50px;
	z-index:999;
	margin:0 auto;
	background:#d54b7a;
  }
  	@media screen and ( max-width: 991px ) {
		#navbar{ display:none;} 
		.sticky + .content { padding-top:0px !important;}
	}

  .nav_content{ width:1200px; margin:0 auto;}
  /* Navbar links */
  #navbar a {
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
	width:20%;
	font-size:21px;
	color:#ffffff;
	border-right: .75px solid #ffffff;
	height:50px;
	line-height:50px;
	transition: background .5s;
	letter-spacing: 1px;
  } 

#navbar .row_05 a{border-right: none;}
#navbar a:hover{background: #fba5b2;}


  #navbar span{ color:#000000;}
  
  /* Page content */
  .content {
	padding: 0px;
  }
  
  /* The sticky class is added to the navbar with JS when it reaches its scroll position */
  .sticky {
	position: fixed;
	top: 0;
	width: 100%;
  }
  
  /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
  .sticky + .content {
	padding-top: 60px;
	
  }
  .nav_content img{ transition:all 0.3s;}
  .nav_content img:hover{ transform:translateY(-5px);}



/*for mobile*/
menu{display:none;}
	@media screen and ( max-width: 991px ){
		menu{ display:block;}
	}
menu ul{
	position:fixed;
	bottom:0;
	left:0;
	margin:0;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	list-style: none;
	background:#666666;
	z-index:999;
	padding:2px 0;
	border-top:none;
}
menu ul li{
	border-right:.75px solid #ffffff;
	padding:5px 0;
	width:20%;
	box-sizing:border-box;
	text-align:center;
	letter-spacing:1px;
	color:#f7edcd;
	font-weight:400;
}
menu ul li a{
	font-size:13px;
	line-height:1.2rem;
	/*font-family: 'Noto Serif TC', serif, "微軟正黑體","Microsoft JhengHei",Helvetica,Verdana, Arial, sans-serif;*/
}
menu ul li:nth-last-child(1){
	border-right:none;
}
menu a{
	color:#ffffff !important;
	text-decoration:none;

}
/* 錨點設置結束 */

/*--精明購物指南--*/

.bg_100{padding-bottom: 30px}


.bg_100 ul{
	width: 1200px;
	margin: 30px auto 0;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;

}

@media screen and ( max-width: 991px ){
	.bg_0{ width: 100%; background: none; margin: 3vw auto 0;}
	.bg_0 ul{ width: 100%; margin: 2vw auto;}
	.bg_0 ul li{ margin-bottom: 3vw;}
	.bg_0 ul li img{ width: 100%;}
}

@media screen and ( max-width: 991px ){
	.bg_100{ width: 100%; background: none; margin: 3vw auto 0;}
	.bg_100 ul{ width: 100%; margin: 2vw auto;}
	.bg_100 ul li{ margin-bottom: 3vw;}
	.bg_100 ul li img{ width: 100%;}
}

/* 區塊區｜開始 */


.block_12 { background: url(../images/bg_12.jpg);width:100%;}
.bg_5-1{
  width: 80%;
  margin: 0 auto;
  background-color: #ffe1e3;
  border-radius: 60PX;
  position: relative;
  margin: 50px;
}



.bg_5-1 h2,.bg_5-2 h2 {
  width: 100%;
  font-size: 50px;
  color: #e07d87;
  padding: 1em 0;
}

.bg_5-2 {
  width: 80%;
  margin: 0 auto;
  background-color: #ffe1e3;
  border-radius: 60PX;
  position: relative;
}


.gift {
  position: absolute;
  margin: -92px 1300px;}

.love {
  position: absolute;
  margin: 330px -100px;}

  .block_10{
    width:1160px;
    margin:0 auto;
  background: #ffc8ce url(../images/b_bg.png);
    padding: 20px 0px;
    border-radius: 20px;}

    h3 {
      color: #D54B7A;
  }

    .title_st h4 {
      color: #e07d87;
  }

@media screen and ( max-width: 991px ){

.bg_5{width:100%;}
.bg_5-1 {margin: 1vw;}
.bg_5-2 {margin: 1vw;background: none;
}





.gift,.love{
  display: none;
}
.block_12{background: none;}

}

.block_10 {
  width: 1160px;
  margin: 0px auto;
  background: url(../images/b_bg.png) rgb(255, 200, 206);
  padding: 20px 0px;
  border-radius: 20px;
}

.block_6 {
  width: 1160px;
  margin: 0px auto;
  background: url(../images/b_bg.png) rgb(105, 195, 193);
  padding: 20px 0px;
  border-radius: 20px;
}

.block_11 {
  margin: 100px;
}

.titleC h2 {
  color: #fff;
  padding: 15px;
  border-radius: 40px;
  background-color: #FF89A5;
  width:35%;

}

.titleC2 h2 {
  color: #fff;
  padding: 15px;
  border-radius: 40px;
  background-color: #D54B7A;
  width:35%;
}

.title_st2 h3{text-align: center; color:#02878e; padding-bottom: 15px;}  

@media screen and ( max-width: 991px ){
.titleC h2 {
  color: #fff;
  padding: 15px;
  border-radius: 40px;
  background-color: #FF89A5;
  width: 80%; 
}

.titleC2 h2 {
  color: #fff;
  padding: 15px;
  border-radius: 40px;
  background-color: #D54B7A;
  width: 80%; 
}}


.block_7
{margin:80px;}

@media screen and ( max-width: 991px ){
.title_st h3{text-align: center;}
.title_st2 h3{text-align: center; color:#02878e; }  
.st_2{width:100%;}
.block_2{width:100%}
.block_5{width:100%;} 
.block_6{width:100%;}
.block_7{width:100%; margin-left: 0vw;}
.block_9{width:100%;}
.block_10{width:100%;}
.block_11 {width:100%;margin-left:0vw;}


}


@media screen and ( min-width: 992px ){

.bg_5-1 h2,.bg_5-2 h2 {
  position: absolute;
  text-align: left;
  padding-left: 300px;
}
.kv_pc img { width: 100%; }

.swiper_top {
  max-width: 30vw;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  right: 26%;
  top: 36%;
  border-radius:3em
}}
/* .swiper_top img{
  width: 100% !important;
  height: auto !important;
}
} */
@media screen and ( min-width: 1200px ){
  .swiper_top {
    max-width: 25vw;
}
}

@media screen and ( min-width: 1920px ){

  .swiper_top{
    max-width: 490px;
  
  }
  }


/* 區塊區｜結束 */

@media screen and (max-width: 991px){


  .hightlight {
    margin: 2vw auto;
    /* margin-left: -17vw; */
    width: 96%;

.block_9 .hightlight {margin-left: 0;width:96%;margin: 2vw auto;}


.block_2 .hightlight {margin-left: 0;width:96%;margin: 2vw auto;}
}


.topfive ul {
  justify-content: center;
  flex-wrap: wrap;
}

.round_5p .font p {
    text-align: center;
}}



.swiper_top {
  max-width: 30vw;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  right: 26%;
  top: 36%;
  }

/*--輪播AD|開始--*/

.mySwiper2 ul{ padding:10px 30px 30px 30px; }
.mySwiper2 ul li a:hover, .mySwiper2 ul li:hover{transform: scale(.9);}
.mySwiper2 ul li:nth-child(1) img{width: 450px; height: 450px; object-fit: contain;margin: 40px auto 0;}
.mySwiper2 ul li:nth-child(2){background:url("../images/bg_gray.jpg") repeat;width: 100px;height: 100px; border-radius: 50%; display: flex;align-items: center;justify-content: center;position: absolute; top: 0;}
.mySwiper2 ul li:nth-child(2) p{font-size: 20px;color: #d6b463;margin-top: 0;}
.mySwiper2 ul li:nth-child(2) big{font-size: 46px;color: #d6b463;}
.mySwiper2 ul li:nth-child(3){position: absolute; top: 0;left: 140px;font-size: 40px;}
.mySwiper2 ul li:nth-child(3) span{font-size: 40px;color: #000;font-weight: bold;}
.mySwiper2 ul li:nth-child(4){position:relative; bottom: 10px;left: -30px;}
.mySwiper2 ul li:nth-child(4) span{background: url("../images/bg_gray.jpg");color: #fff;padding: 5px 10px;font-size: 24px;text-align: left;}
.mySwiper2 ul li:nth-child(5){position:relative; bottom: -10px;left: -30px;}
.mySwiper2 ul li:nth-child(5) span{background: #fff;color: #1374a8;padding: 5px 10px;font-size: 18px;text-align: left;}
.mySwiper2 ul li:nth-child(6){background:url("../images/bg_gray.jpg") repeat;width: 100px;height: 100px; border-radius: 50%;  top: 490px;right: 20px;display: flex;align-items: center;justify-content: center;position:absolute;}
.mySwiper2 ul li:nth-child(6) p{color: #fff;border-radius: 50%; font-size: 20px;margin-top: 0;}
.mySwiper2 ul li .price p{ font-size: 1.8rem; color: #b19041; font-weight: bold; line-height: 0.2; padding-bottom: 15px;}

      .swiper2 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;


        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper2 .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

 

@media screen and ( max-width: 991px ){
	.mySwiper2 ul{padding:0 2vw;}
	.mySwiper2 ul li:nth-child(1) img{width:80vw; height: 80vw; object-fit: contain;margin: 2vw auto 0;}
	.mySwiper2 ul li:nth-child(2){;width: 20vw;height:20vw; border-radius: 50%; display: flex;align-items: center;justify-content: center;position:absolute;top: 0;}
	.mySwiper2 ul li:nth-child(2) p{font-size:1rem;}
	.mySwiper2 ul li:nth-child(2) big{font-size: 1.8rem;}
	.mySwiper2 ul li:nth-child(3){position:relative; top: 0;left:0;font-size:2rem;text-align: center;margin-top: 10px;}
	.mySwiper2 ul li:nth-child(3) span{font-size: 2rem;}
	.mySwiper2 ul li:nth-child(4){position:relative; bottom:0;left: 0;top: 0; text-align:center;margin: 20px auto;}
	.mySwiper2 ul li:nth-child(4) span{padding: 5px 10px;font-size:1.4rem;}
	.mySwiper2 ul li:nth-child(5){position:relative; bottom:0;left: 0;text-align:center;margin: 0 auto;}
	.mySwiper2 ul li:nth-child(5) span{;padding: 5px 10px;font-size: 1rem;text-align:center}
	.mySwiper2 ul li:nth-child(6) p,.mySwiper2 ul li:nth-child(6){display: none;}
	
	.mySwiper2   .swiper-slide { background-position: center; background-size: cover; width: 50vw; height: auto;margin-bottom:30px; }
}

.swiper {
	width: 1300px;
	padding-top: 50px;
	padding-bottom: 50px;margin: 0 auto;
  }
.swiper-wrapper,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right{width: 300px;border-radius: 20px;}

  .swiper-slide {
	background-position: center;
	background-size: cover;
	width: 300px;
	height: 300px;margin-bottom: 60px;
  }

  .swiper-slide img {
	display: block;
	width: 300px;
	height: 300px;border-radius: 20px;
  }

.swiper-slide p{width: 100%;text-align: center;padding: 5px 5px;font-size: 22px;color: #9c27b0;font-weight:500;margin-top: 10px;line-height: 26px;}

@media screen and ( max-width: 991px ){
 .swiper {
	width: 100%;
	padding-top: 2vw;
	padding-bottom:2vw;margin: 0 auto;
  }
  .swiper-slide {
	background-position: center;
	background-size: cover;
	width: 80vw;
	height:auto;
	margin-bottom: 70px;
  }	
	  .swiper-slide {src: ;
	background-position: center;
	background-size: cover;
	width: 50vw;
	height: 50vw;
  }
	  .swiper-slide img {
	display: block;
	width:  50vw;
	height:  50vw;border-radius: 20px;
  }
.swiper-wrapper,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right{width:50vw;border-radius: 20px;}
.swiper-slide p{width: 100%;height: auto; text-align: center;padding: 5px 5px;font-size: 1rem;color: #9c27b0;font-weight:500;line-height: 1.2rem;margin-top: 6px;}
}
/*--輪播AD|結束--*/

/* 好康AD輪播/開始  */
.bg1-sw{display: flex;flex-wrap: wrap;width: 1080px;margin: 0 auto;}
.sbg{width: 1200px;margin:0 auto;border-radius: 30px;}
.section8 {height: 270px;margin-bottom: 60px;}
.section8 .bg1-sw ul {
    display: flex;
    justify-content: space-between;
}
.section8 .swiper{padding-top: 0;padding-bottom: 40px;}


.section8 .bg1-sw .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 20px;
}

@media screen and ( max-width: 991px ){
.section8 .bg1-sw{display: flex; width:90%;padding:3vw;}
}
/* 好康AD輪播/結束  */








.th1{margin:0 auto;padding: 50px 0 20px 0;}

.titleC {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.titleC2 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.section1 .titleC h2 { margin:0 auto ;}
.section1 .titleC2 h2 { margin:0 auto ;}
/*bg*/
.topBg {display: flex;width: 1200px;margin: 0 auto;}

.topBg img{
    transition: 0.5s;
}
.topBg img:hover{
    transform: scale(0.95);
    transition: 0.5s;
}   


.sbg{width: 1200px;margin:0 auto;border-radius: 30px;}
.banner{padding-bottom: 30px}
.ranks{background: url(../images/bgdy.jpg) top center repeat;}
.scene .font p{color: rgb(0, 0, 0);}
.section8.sbg {width: 100%;}



.Abg{padding-top: 80px;}
.Abg, .Bbg, .Cbg, .Dbg, .Ebg, .Fbg{background:url("../images/bgA.png") top center no-repeat;}
.section1, .section3, .section4, .section5, .section6, .section7{padding-bottom: 100px;}
.section2 {
    background: url(../images/bgdg.jpg) top center repeat;
    padding:50px 0;
    margin-bottom: 100px;
}
.section4{width: 1300px;}
.section7 .half ul{background:url("../images/bgdg.jpg") top center repeat;border-radius: 30px;}
/*.section8{padding:50px 0;}*/
.section8 .swiper{padding-top: 0;padding-bottom: 40px;}
.section9 .half ul{background:url("../images/bgg.jpg") top center repeat;border-radius: 30px;margin:30px 0 50px 0;}
.section10, .section16{width: 100%;background:url("../images/bgb.jpg") top center repeat;border-radius:0;margin:50px 0;padding: 30px 0;}
    .section10 .swiper-slide p, .section16 .swiper-slide p{color: #fff;}
.section12 .hightlight{
    background: url(../images/bgdg.jpg) top center repeat;
    padding:50px 0;
    margin:0 0 40px 0;
    border-radius:30px;
}
.section13 .half ul{background:url("../images/bgg.jpg") top center repeat;border-radius: 30px;margin:0 0 50px 0;}
.section13 .circle{padding-bottom: 40px;}
.section14{background:url("../images/bgdg.jpg") top center repeat;border-radius: 30px;padding: 30px 0;margin-bottom: 50px;}
.section14 .topfive{margin-bottom: 0;}
.section15 .half ul{background:url("../images/bgg.jpg") top center repeat;border-radius: 30px;margin:0 0 50px 0;}

.Gbg{background:url("../images/bgG.png") top center no-repeat;}


.Gbg .round_5p li{width: 160px;}
.Gbg .round_5p img {
    width: 160px;
    height: 160px;
    border:5px solid #246691;
}
.Gbg .round_5p .font {
    position: absolute;
    top: 74%;
    left: 2%;
    background: #246691;
    width: 96%;
    color: #fff;
}

/* 征服味蕾+甜心不膩｜開始 */

.hightlight h3 {
  width:100%;
  margin: 8px;}

.titleC img:{width:100%};
.titleC2 img:{width:100%};







/* ------------------------------ mobile ------------------------------*/

@media screen and ( max-width: 991px ){
	.kv_m { display: block; width: 100%; }
	.kv_m img {  width: 100%; }
	.kv_pc { display: none; }
	.container {width: 100%; min-width: auto; }
	/* .for_pc{ display: none; } */
	.for_m { display: block; }

    /*witch auto*/
    h2, .sbg, .titleC h2, .titleC2 h2 ,.topBg {width: 100%;}

    /*.alternate */
    .alternate .font h4{ /*white-space: break-spaces*/;overflow: inherit;}
    .alternate ul:nth-child(even) {    margin: 0px auto 25px;}
    .alternate ul:nth-child(odd) li:first-child .font h4.t4, .alternate ul:nth-child(even) li:last-child .font h4.t4{ padding: 5px 0;}

    h1{color: #fff;line-height: 65px;padding-bottom: 35px;}
    .topBg { flex-direction: column;width: 90%;}
    .topBg img{width: 100%;}
    .section1, .section3, .section4, .section5, .section6, .section7{padding-bottom: 40px;}
    .section9 .half ul{margin: 30px 0;}




    .Gbg .round_5p li{margin: 10px 0;}
    .Gbg .round_5p img {width: 130px; height: 130px;}
    .Gbg .round_5p ul {flex-wrap: wrap;}
    .Gbg .round_5p .font p { text-align: center;}
    .Gbg .round_5p .font{padding: 10px;}
    .Gbg{padding-bottom: 10px;}

}






/*限時優惠．超值驚奇購*/
.bg_1{}
.bg_1-sw{ display: flex;flex-wrap: wrap;width: 1080px;margin: 0 auto;}
.bg_1-sw .mySwiper2 { width: 520px; height:660px; background: #45AEFf; margin: 10px 10px; border-radius: 30px; }
.mySwiper2 ul{padding:10px 30px 30px 30px;}
.mySwiper2 ul li a:hover, .mySwiper2 ul li:hover{transform: scale(.9);}
.mySwiper2 ul li:nth-child(1) img{width: 450px; height: 450px; object-fit: contain;margin: 40px auto 0;}
.mySwiper2 ul li:nth-child(2){background:#FF89A5;width: 100px;height: 100px; border-radius: 50%; display: flex;align-items: center;justify-content: center;position: absolute; top: 0;}
.mySwiper2 ul li:nth-child(2) p{font-size: 20px;color: #fff;margin-top: 0;}
.mySwiper2 ul li:nth-child(2) big{font-size: 46px;color: #fff;}
.mySwiper2 ul li:nth-child(3){position: absolute; top: 0;left: 140px;font-size: 40px;}
.mySwiper2 ul li:nth-child(3) span{font-size: 40px;color: #fff;font-weight: bold;}
.mySwiper2 ul li:nth-child(4){position:relative; bottom: 10px;left: -30px;}
.mySwiper2 ul li:nth-child(4) span{background: #fc1c74;color: #fff;padding: 5px 10px;font-size: 24px;text-align: left;}
.mySwiper2 ul li:nth-child(5){position:relative; bottom: -10px;left: -30px;}
.mySwiper2 ul li:nth-child(5) span{background: #fff;color: #1374a8;padding: 5px 10px;font-size: 18px;text-align: left;}
.mySwiper2 ul li:nth-child(6){background: #FF89A5;width: 100px;height: 100px; border-radius: 50%;  top: 490px;right: 20px;display: flex;align-items: center;justify-content: center;position:absolute;}
.mySwiper2 ul li:nth-child(6) p{color: #fff;border-radius: 50%; font-size: 20px;margin-top: 0;}
.mySwiper2 ul li .price p{ font-size: 1.8rem; color: #1374a8; font-weight: bold; line-height: 0.2; padding-bottom: 15px;}

      .swiper2 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper2 .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

@media screen and ( max-width: 991px ){
	.bg_1-sw{ display: flex;flex-wrap: wrap;width: 96vw;margin: 0 auto;}
    .bg_1-sw .mySwiper2 { width:94vw; height:auto; margin: 2vw 2vw;}
	
	.mySwiper2 ul{padding:0 2vw;}

	.mySwiper2 ul li:nth-child(1) img{width:80vw; height: 80vw; object-fit: contain;margin: 2vw auto 0;}
	.mySwiper2 ul li:nth-child(2){;width: 20vw;height:20vw; border-radius: 50%; display: flex;align-items: center;justify-content: center;position:absolute;top: 0;}
	.mySwiper2 ul li:nth-child(2) p{font-size:1rem;}
	.mySwiper2 ul li:nth-child(2) big{font-size: 1.8rem;}
	.mySwiper2 ul li:nth-child(3){position:relative; top: 0;left:0;font-size:2rem;text-align: center;margin-top: 10px;}
	.mySwiper2 ul li:nth-child(3) span{font-size: 2rem;}
	.mySwiper2 ul li:nth-child(4){position:relative; bottom:0;left: 0;top: 0; text-align:center;margin: 20px auto;}
	.mySwiper2 ul li:nth-child(4) span{padding: 5px 10px;font-size:1.4rem;}
	.mySwiper2 ul li:nth-child(5){position:relative; bottom:0;left: 0;text-align:center;margin: 0 auto;}
	.mySwiper2 ul li:nth-child(5) span{;padding: 5px 10px;font-size: 1rem;text-align:center}
	.mySwiper2 ul li:nth-child(6) p,.mySwiper2 ul li:nth-child(6){display: none;}
	
	.mySwiper2   .swiper-slide { background-position: center; background-size: cover; width: 50vw; height: auto;margin-bottom:30px; }
	
}





/*限時優惠．超值驚奇購*/
.bg_1{}
.bg_1-sw{ display: flex;flex-wrap: wrap;width: 1080px;margin: 0 auto;padding:20px 0;}
.bg_1-sw .mySwiper2 { width: 520px; height:620px; background: #69c3c1; margin: 10px 10px; border-radius: 30px; }
.mySwiper2 ul{padding:10px 30px 30px 30px;}
.mySwiper2 ul li a:hover, .mySwiper2 ul li:hover{transform: scale(.9);}
.mySwiper2 ul li:nth-child(1) img{width: 450px; height: 450px; object-fit: contain;margin: 40px auto 0;}
.mySwiper2 ul li:nth-child(2){background:#D54B7A;width: 100px;height: 100px; border-radius: 50%; display: flex;align-items: center;justify-content: center;position: absolute; top: 0;}
.mySwiper2 ul li:nth-child(2) p{font-size: 20px;color: #fff;margin-top: 0;}
.mySwiper2 ul li:nth-child(2) big{font-size: 46px;color: #fff;}
.mySwiper2 ul li:nth-child(3){position: absolute; top: 0;left: 140px;font-size: 40px;}
.mySwiper2 ul li:nth-child(3) span{font-size: 36px;color: #fff;font-weight: bold;}
.mySwiper2 ul li:nth-child(4){position:relative; bottom: 10px;left: -30px;}
.mySwiper2 ul li:nth-child(4) span{background: #D54B7A;color: #fff;padding: 5px 10px;font-size: 24px;text-align: left;}
.mySwiper2 ul li:nth-child(5){position:relative; bottom: -10px;left: -30px;}
.mySwiper2 ul li:nth-child(5) span{background: #fff;color: #ff89a5;padding: 5px 10px;font-size: 18px;text-align: left;}
.mySwiper2 ul li:nth-child(6){background: #D54B7A;width: 100px;height: 100px; border-radius: 50%;  top: 490px;right: 20px;display: flex;align-items: center;justify-content: center;position:absolute;}
.mySwiper2 ul li:nth-child(6) p{color: #fff;border-radius: 50%; font-size: 20px;margin-top: 0;}
.mySwiper2 ul li .price p{ font-size: 1.8rem; color: #ff89a5; font-weight: bold; line-height: 0.2; padding-bottom: 15px;}

      .swiper2 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper2 .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

@media screen and ( max-width: 991px ){
	.bg_1-sw{ display: flex;flex-wrap: wrap;width: 96vw;margin: 0 auto;}
    .bg_1-sw .mySwiper2 { width: 94vw; height: 60vh; margin: 2vw 2vw;}
	
	.mySwiper2 ul{padding:0 2vw;}

	.mySwiper2 ul li:nth-child(1) img{width:80vw; height: 80vw; object-fit: contain;margin: 2vw auto 0;}
	.mySwiper2 ul li:nth-child(2){;width: 20vw;height:20vw; border-radius: 50%; display: flex;align-items: center;justify-content: center;position:absolute;top: 0;}
	.mySwiper2 ul li:nth-child(2) p{font-size:1rem;}
	.mySwiper2 ul li:nth-child(2) big{font-size: 1.8rem;}
	.mySwiper2 ul li:nth-child(3){position:relative; top: 0;left:0;font-size:2rem;text-align: center;margin-top: 10px;}
	.mySwiper2 ul li:nth-child(3) span{font-size: 2rem;}
	.mySwiper2 ul li:nth-child(4){position:relative; bottom:0;left: 0;top: 0; text-align:center;margin: 20px auto;}
	.mySwiper2 ul li:nth-child(4) span{padding: 5px 10px;font-size:1.4rem;}
	.mySwiper2 ul li:nth-child(5){position:relative; bottom:0;left: 0;text-align:center;margin: 0 auto;}
	.mySwiper2 ul li:nth-child(5) span{;padding: 5px 10px;font-size: 1rem;text-align:center}
	.mySwiper2 ul li:nth-child(6) p,.mySwiper2 ul li:nth-child(6){display: none;}
	
	.mySwiper2   .swiper-slide { background-position: center; background-size: cover; width: 50vw; height: auto;margin-bottom:30px; }
	
}


/*--第一款輪播--*/
      .swiper {
        width: 1300px;
        padding-top: 5px;
        padding-bottom: 90px;margin: 0 auto;
      }

      .swiper_top img{
        width: 100%;
      }
.swiper-wrapper,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right{width: 300px;border-radius: 20px;}






    .swiper_top {
      width: 450px;
      height: 450px;
      margin: 10px 10px -40px;
      }



    .swiper_top  img {
      display:block;
      width:450px;
      height:450px;

  }



.swiper-slide p{width: 100%;text-align: center;padding: 5px 5px;font-size: 22px;color: #000;font-weight:500;margin-top: 10px;line-height: 26px;}
.swiper-slide .price {text-align: center;}

@media screen and ( max-width: 991px ){
	 .swiper {
    width: 100%;
    padding-top: 2vw;
    padding-bottom: 12vw;
    margin: 0 auto;
    /* margin-left: -24vw; */
      }
      .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 80vw;
        height:auto;
		margin-bottom: 70px;
      }	
	      .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 50vw;
        height: 50vw;
      }
	      .swiper-slide img {
        display: block;
        width:  50vw;
        height:  50vw;border-radius: 20px;
      }
	.swiper-wrapper,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right{width:50vw;border-radius: 20px;}
	.swiper-slide p{width: 100%;height: auto; text-align: center;padding: 5px 5px;font-size: 1rem;color: #666666;font-weight:500;line-height: 1.2rem;margin-top: 6px;}
}



/*--不傷荷包聰明選禮--*/
.bg_5{}
.bg_5 .hightlight img{object-fit: contain;}
.bg_5 .hightlight_5p { width: 1180px; padding:5px 0;  padding: 0 0 15px; position: relative;}
.bg_5 .hightlight_5p img{padding: 6px;object-fit: contain;}
.bg_5 .hightlight_5p ul li{ height: 340px; margin-top: 150px;}
.bg_5 .hightlight_5p ul li h4{ background: #256c1e;}
.bg_5 .hightlight_5p ul li:first-child{width: 280px;height: 450px;margin-top: 40px; padding-top: 10px;}
.bg_5 .hightlight_5p ul li:first-child p{padding: 8px 15px 0;}
.bg_5 .hightlight_5p ul li:first-child img{width:280px; height: 280px; margin: 0 auto 10px;}

@media screen and ( max-width: 991px ){
	.bg_5-1 .hightlight_5p { width: 98vw; margin: 0 auto 2vw; padding: 2vw 0; background: #fff5a0;}
	.bg_5-2 .hightlight_5p { width: 98vw; margin: 0 auto 3vw; padding: 2vw 0; background: #99d8ff;}
	.bg_5 .hightlight_5p img{padding:1vw;}
	.bg_5 .hightlight_5p ul li{ height:auto; margin-top: 0;}
	.bg_5 .hightlight_5p ul li:first-child{width: 96vw;height: auto;margin-top: 0px; padding-top: 10px;}
	.bg_5 .hightlight_5p ul li:first-child p{padding:3%;}
	.bg_5 .hightlight_5p ul li:first-child img{width:45vw; height: 60vw; margin: 0 auto 10px;}


}





.half ul {
  width: 572px;
  flex-wrap: wrap;
  background: #ffc8ce url("../images/b_bg.png") ;
  padding: 20px 0px;
}

.hightlight .font h4 {
  padding: 6px 10px;
  margin: 0 0 5px;
  color: #fff;
  background: #67b9c3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and ( max-width: 991px ){
.half ul {
  width: 100%;
  flex-wrap: wrap;
  background: #ffc8ce url(../images/b_bg.png);
  padding: 20px 0px;
}

.st_2 {
  border-radius: 20px;
  background-color: #e07d87;
}

}















/*--goto top--*/
#gotop {display: inline-block;background-color: #000;opacity:0.3;width: 40px;height: 40px;text-align: center;border-radius: 100%;position: fixed;bottom: 0px;right: 0px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;margin: 30px;}
#gotop::after {font-family: FontAwesome;content:'　';font-weight: normal;font-style: normal;font-size: 2em;line-height: 50px;color: #fff;  opacity:0.5;background: url(../images/top.png) center no-repeat; background-size:50%;background-position:50% 20%;}
#gotop:hover {cursor: pointer;background-color: #666;}
#gotop:active {background-color: #666;}
#gotop.show {opacity: 0.4;visibility: visible;}
	@media screen and ( max-width: 991px ){
	#gotop {bottom: 2vw;right: 0;margin: 2vw;	}
	}