@charset "utf-8";
/* CSS Document */
/*miminyn 20210303*/
/* --------------------------------------
 * 活動頁公版樣式 Public Version v1.1
 * -------------------------------------- */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	      line-height:1;
}

:focus { outline: 0; }

li{ list-style:none;transition-duration:0.3s;transition-property:transform;transition-timing-function:ease-out;} 
a { text-decoration:none;}
li:hover { transform: scale(0.98);}


/* Public Version 公版顏色設定 */
:root {
	--PV-font: #323232; /* 文字色-灰 */
	--PV-eslite: #a7212f; /* 誠品線上標準色 */
}

/* 文字樣式設定 */
html,body{font-family: Verdana,'Noto Sans TC','Microsoft JhengHei',sans-serif; font-size: 16px;}
h2{font-size: 2.8rem; text-align: center;font-weight: 500;}/* 區塊大標 */
h3{font-size: 2.2rem; text-align: center;font-weight: 500;}/* 區塊小標 */
h4{font-size: 1.2rem; text-align: center;font-weight: 500;line-height: 1.4rem;}/* 特色標 */
p{font-size: 1rem; font-weight: 300;line-height: 1.4rem;}/* 內文 */
small{font-size: 60%;}
big{font-size: 140%;color:var(--PV-eslite);font-weight: bold;}
.price{font-size: 0.9rem;font-weight: 500;color:var(--PV-font);display: block;}/* 價格 */
.font{color:var(--PV-font);}/* 文字顏色 */
.sm-pic{display: none;}
	@media screen and ( max-width: 991px ){
		html,body{font-size: 14px;}
		h2{font-size: 2.2rem;}
	}


/* 1-1 photograph */
.photograph{width: 1200px; padding: 0 20px; margin:20px auto 40px; position: relative;}
.photograph a { display: flex; }
.photograph .font { width: 470px;height: 300px; margin: auto 0px auto -60px; padding: 0px 20px 0; position: relative; background: #fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);border-radius: 100px 10px;  }
.photograph .font h4 { font-size: 2rem;border-bottom: #000000 solid 1px; padding: 20px; margin: 10px 30px 12px; line-height: 2.2rem;}
.photograph .font p { line-height: 1.8rem;   padding: 0 30px;}
.photograph .font .price {  padding: 0 30px;}
.photograph img { width: 750px; height: 350px; object-fit: cover;}
	@media screen and ( max-width: 991px ){
		.photograph{width: 90vw; padding: 0 ;margin: 2vw auto;}
		.photograph a { flex-wrap: wrap; }
		.photograph .font { width: 100%; height: auto; padding: 0; margin:auto;border-radius: 0px;}
		.photograph .font h4 { margin: 2vw auto; padding: 2vw; font-size: 1.6rem; line-height: 2rem; }
		.photograph .font p {width: 90%;  padding: 2vw; margin: 2vw auto;}
		.photograph img { width: 100%; height: 100%;}
	}

/* 1-2 recommend */
.recommend{width: 1160px; padding: 50px 60px; margin:20px auto 40px; position: relative;background: url(../images/recommend_bg.png) no-repeat center top; border-radius: 10px;}
.recommend a { display: flex; }
.recommend h3 {writing-mode: vertical-lr;text-align: left; color: #000;}
.recommend .font { width: 650px;}
.recommend .font h4 { font-size: 2rem;border-bottom: #000000 solid 1px; padding: 0 20px 20px; margin: 10px auto 12px; line-height: 2.2rem;}
.recommend .font p { font-size: 1.2rem; line-height: 2rem;  }
.recommend .font .price { font-size: 1.2rem;  }
.recommend img {  object-fit: cover;max-height: 320px;margin: 0 40px;}
	@media screen and ( max-width: 991px ){
		.recommend{width: 90vw; padding: 5vw ;margin: 2vw auto;background: #fff;}
		.recommend a { flex-wrap: wrap; }
		.recommend h3 {writing-mode:horizontal-tb;margin: auto;}
		.recommend .font { width: 100%; height: auto; padding: 0;margin: 0 2vw 2vw;}
		.recommend .font h4 { margin: 2vw auto; padding: 2vw; font-size: 1.6rem; line-height: 2rem;}
		.recommend .font p { padding: 2vw; margin: 2vw auto;}
		.recommend .font .price { padding: 2vw; }
		.recommend img { max-height: 50vw; height: 100%;margin: 2vw auto;}
	}

/* 2-1 quotes */
.quotes{width: 1160px; margin:20px auto 40px; }
.quotes ul { display: flex; }
.quotes li { width: 580px; padding: 30px; }
.quotes li a { display: flex; }
.quotes .font {  margin: 0 auto; padding: 0 6px 0 26px; color: #f1ede2;}
.quotes .font h4 {  font-size: 1.8rem; text-align: left; line-height: 2.4rem; font-weight: bold;}
.quotes .font p {   font-weight: 500; padding: 0 10px; font-size: 1.2rem;}
.quotes .font .price {  margin: 10px ;color: #fff47a;font-size: 1.1rem;}
.quotes .font .price big {  color: #fff47a;  }
.quotes img {  object-fit: contain; height: 340px;max-width: 240px;}
.quotes li:nth-child(even) .font {padding: 0 26px 0 6px; }
.quotes li:nth-child(even) img {  order: 1; }
/* background */
.quotes li:nth-child(odd) {  background: #53a692 url(../images/texture.png); }
.quotes li:nth-child(even) {  background: #e37b4a url(../images/texture.png); }
.quotes .font h4:after {  content:''; height: 32px;background:  url("../images/quote-left.svg") center center no-repeat; background-size: 100%; display:block; margin: 1rem 0;}
.quotes .font:after { content:''; height: 32px;background:  url("../images/quote-right.svg") center center no-repeat; background-size: 100%;display:block; margin: 1rem 0;}

	@media screen and ( max-width: 991px ){
		.quotes{width: 100%; margin: 2vw auto;}
		.quotes li {width: 50vw; padding: 1vw; }
		.quotes a { flex-wrap: wrap; }
		.quotes .font { padding: 0;margin: 0 3vw;}
		.quotes .font h4 { margin:auto; padding: 0;font-size: 1.2rem;line-height: 1.4rem;}
		.quotes .font p { padding: 1vw; margin: 2vw auto; font-size: 1rem;}
		.quotes .font .price { margin: 1vw; }
		.quotes img { height: 55vw; margin: 2vw auto;max-width: 46vw;}
		.quotes li:nth-child(even) img {  order: 0; }
		.quotes li:nth-child(even) .font {  padding: 0 ; }
		.quotes .font h4:after,.quotes .font:after{ margin: 2vw 0; height: 4vw;}
	}

/* 2-2 crosswise */
.crosswise{width: 1160px; margin:20px auto 40px;  }
.crosswise ul { display: flex; justify-content: center;}
.crosswise li { width: 560px; background: #fff; margin: 4px 10px; padding: 10px 30px; }
.crosswise li a { display: flex; }
.crosswise .font {  margin: auto;  padding: 10px 10px 10px 30px;}
.crosswise .font h4 { font-size: 1.5rem;line-height: 1.8rem; text-align: left;margin: 5px 0;}
.crosswise .font p { font-size: 1.1rem; }
.crosswise .font .price { margin: 10px 0; font-size: 1.2rem;}
.crosswise .font .price big {    }
.crosswise img { width: 240px; height: 240px; object-fit: contain; }
	@media screen and ( max-width: 991px ){
		.crosswise{width: 100%; margin: 2vw auto;}
		.crosswise ul {flex-wrap: wrap;}
		.crosswise li {width: 94vw; padding: 3vw; margin: 1vw; }
		.crosswise a {  }
		.crosswise .font {padding: 1.2vw 1.2vw 1.2vw 3vw; }
		.crosswise .font h4 {font-size: 1.2rem;line-height: 1.4rem; }
		.crosswise .font p {font-size: 1rem; }
		.crosswise .font .price {font-size: 1rem; }
		.crosswise img { width: 40vw; height: 40vw;}

	}

/* 2-3 recommend_2p */
.recommend_2p{width: 1160px; margin:20px auto 40px; }
.recommend_2p ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.recommend_2p h3{ width: 1160px;margin: 4px 10px;}
.recommend_2p li{ width: 560px; background: #fff9d4; margin: 4px 10px; padding: 20px 30px;}
.recommend_2p a { display: flex; }
.recommend_2p .font {  margin: 0 auto;padding: 10px 10px 10px 30px;width: 320px;}
.recommend_2p .font h4 { border-bottom: #000000 solid 1px; padding: 0 0 10px;margin: 0 0 10px;font-size: 1.5rem;line-height: 1.8rem;}
.recommend_2p .font p {   }
.recommend_2p .font .price { margin: 10px 0 0; text-align: right; }
.recommend_2p img {max-height: 280px;max-width: 200px; object-fit: contain; margin: auto;}
	@media screen and ( max-width: 991px ){
		.recommend_2p{width: 100%; margin: auto;}
		.recommend_2p h3{ width: 100%;margin: 1vw;}
		.recommend_2p li{ width: 46vw; margin: 1vw; padding: 2vw;}
		.recommend_2p a { flex-wrap: wrap; }
		.recommend_2p .font { width: 100%; padding: 0;margin: 0 2vw 2vw;}
		.recommend_2p .font h4 { padding: 0 0 3vw;margin: 2vw 0 3vw;font-size: 1.2rem;line-height: 1.4rem;}
		.recommend_2p .font p { }
		.recommend_2p .font .price { margin: 2vw 0; }
		.recommend_2p img { max-height: 50vw; max-width: 40vw;margin: 2vw auto;}
	}

/* 2-4 recommend_2p column */
.column {display: flex; flex-wrap: wrap;}
.column ul{ width: 560px;margin: 4px 10px;background: #fff9d4; padding: 20px;flex-wrap: wrap; }
.column ul h3{ width: 560px; }
.column li{ width: 250px; margin: 5px; padding: 10px;background: #fff;}
.column a{ flex-wrap: wrap; }
.column .font { padding: 10px; }
.column img { width: 230px; }
	@media screen and ( max-width: 991px ){
		.column ul { width: 96vw; padding: 1vw; margin: 1vw auto; }
		.column ul h3{ width: 96vw; }
		.column li{ width: 44vw; margin: 1vw; padding: 2vw;}
		.column a{ flex-wrap: wrap; }
		.column .font { padding: 0; }
		.column img { width: 40vw; }		
	}

/* 2-5 triple */
.triple{width: 1160px; margin:20px auto 40px; }
.triple ul{ display: flex; justify-content: center;}
.triple li{ width: 560px; background: #fff; margin: 4px 10px; padding: 10px;}
.triple a { display: flex; }
.triple .font {  margin: 0 auto;padding: 0px 0px 0px 6px;width: 320px; text-align: center; display: flex;flex-direction: column;justify-content: space-between;height: 260px; overflow: hidden;}
.triple .font h4 { padding: 4px 0; background:var(--PV-eslite); color: #fff;}
.triple .font p {   }
.triple .font .price {  }
.triple .font img {  width: 134px; height: 134px; vertical-align: bottom;}
.triple .sm-pic {display: block;}
.triple img {height: 260px;width: 260px; object-fit: contain; margin: auto;}
	@media screen and ( max-width: 991px ){
		.triple{width: 100%; margin: auto;}
		.triple ul{flex-wrap: wrap;}
		.triple li{ width: 96vw; margin: 1vw; padding: 3vw;}
		.triple a {  }
		.triple .font { width: 44vw; height: 46vw; padding: 0 0 0 1.5vw;}
		.triple .font h4 { padding: 1vw 0;}
		.triple .font p { }
		.triple .font .price {  }
		.triple .font img {  width: 20vw; height: 20vw;}
		.triple img { height: 46vw; width: 46vw;margin:auto;}
	}

/* 2-6 various half */
.half{ display: flex; flex-wrap: wrap;justify-content: space-between;}
.half ul{width: 572px;flex-wrap: wrap; background: #fff9d4;padding: 20px 0;}
.half ul h3{ width: 560px; }
.half ul li{  margin: 4px; }
	@media screen and ( max-width: 991px ){
		.half{ }
		.half ul{width: 100%; margin: 2vw 0;}
		.half ul h3{ width: 100%; }
		.half ul li{  margin: 1vw;  }
		.half img{  }
	}

/* 3-1 rectangle_3p */
.rectangle_3p{ width: 1160px; margin:20px auto 40px;  }
.rectangle_3p ul { display: flex; justify-content: center;flex-wrap: wrap;}
.rectangle_3p h3{ width: 1160px;margin: 4px 8px;}
.rectangle_3p li { width: 320px; background: #fff; margin: 6px;  padding: 20px; text-align: center; }
.rectangle_3p li a { display: flex;flex-wrap: wrap; justify-content: center;}
.rectangle_3p .font {  margin: auto; }
.rectangle_3p .font h4 { margin: 10px 0; color: var(--PV-eslite); padding: 2px 16px;}
.rectangle_3p .font p {  }
.rectangle_3p .font .price { margin: 10px 0; }
.rectangle_3p .font .price big {    }
.rectangle_3p img { width: 266px; height: 266px; object-fit: contain; }
	@media screen and ( max-width: 991px ){
		.rectangle_3p{width: 100%; margin: 2vw auto;}
		.rectangle_3p ul {flex-wrap: wrap;}
		.rectangle_3p h3{ width: 96vw;margin: 1vw;}
		.rectangle_3p li {width: 46vw; padding: 3vw; margin: 1vw; }
		.rectangle_3p a {  }
		.rectangle_3p .font {padding: 1vw; }
		.rectangle_3p .font h4 { padding: 1vw;width: 40vw; }
		.rectangle_3p .font p { }
		.rectangle_3p .font .price { margin: 1vw;}
		.rectangle_3p img { width: 40vw; height: 40vw;}
		.rectangle_3p ul li:first-child {width: 94vw; padding: 3vw; margin: 1vw 3vw; }
		.rectangle_3p ul li:first-child a { flex-wrap: nowrap; }
		.rectangle_3p ul li:first-child .font {padding: 1vw 0vw 1vw 3vw; }

	}

/* 3-2 crosswise_3p */
.crosswise_3p{width: 1160px; margin:20px auto 40px;  }
.crosswise_3p ul { display: flex; justify-content: center;}
.crosswise_3p li { width: 370px; background: #fff; margin: 6px; padding: 12px; }
.crosswise_3p li a { display: flex; }
.crosswise_3p .font {  margin: auto;  padding: 0px 0px 0px 10px;}
.crosswise_3p .font h4 { text-align: left;margin: 5px 0;}
.crosswise_3p .font p {  }
.crosswise_3p .font .price { margin: 10px 0;}
.crosswise_3p .font .price big {    }
.crosswise_3p img { width: 165px; height: 165px; object-fit: contain; }
	@media screen and ( max-width: 991px ){
		.crosswise_3p{width: 100%; margin: 2vw auto;}
		.crosswise_3p ul {flex-wrap: wrap;}
		.crosswise_3p li {width: 94vw; padding: 3vw; margin: 1vw; }
		.crosswise_3p a {  }
		.crosswise_3p .font {padding: 1.2vw 1.2vw 1.2vw 3vw; }
		.crosswise_3p .font h4 { }
		.crosswise_3p .font p {font-size: 1.1rem; }
		.crosswise_3p .font .price { }
		.crosswise_3p img { width: 40vw; height: 40vw;}
	}

/* 3-3 recommend_3p */
.recommend_3p{width: 1160px; margin:20px auto 40px; }
.recommend_3p ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.recommend_3p h3{ width: 1160px;margin: 4px 10px;}
.recommend_3p li{ width: 370px; margin: 6px; padding: 10px;}
.recommend_3p a { display: flex; }
.recommend_3p .font {  margin: 0 auto;padding: 10px 0px 10px;}
.recommend_3p .font h4 { border-bottom: #000000 solid 1px; padding: 0 0 10px;margin: 0 0 10px; text-align: left;}
.recommend_3p .font p {   }
.recommend_3p .font .price { margin: 10px 0 0;}
.recommend_3p img {max-height: 280px;max-width: 200px; object-fit: contain; margin: auto;border: 10px solid;border-color: #ebba1f  transparent transparent #ebba1f;}
	@media screen and ( max-width: 991px ){
		.recommend_3p{width: 100%; margin: auto;}
		.recommend_3p h3{ width: 100%;margin: 1vw;}
		.recommend_3p li{ width: 31.5vw; margin: 0.1vw; padding: 0;}
		.recommend_3p a { flex-wrap: wrap; }
		.recommend_3p .font { width: 100%; padding: 0;margin: 0 2vw 2vw;}
		.recommend_3p .font h4 { padding: 0 0 3vw;margin: 2vw 0 3vw;}
		.recommend_3p .font p { }
		.recommend_3p .font .price { margin: 2vw 0; }
		.recommend_3p img { max-height: 45vw; max-width: 30vw;margin: auto;border: 6px solid;border-color: #ebba1f  transparent transparent #ebba1f;}
	}

/* 3-4 round_3p */
.round_3p{width: 1160px; margin:20px auto 40px; }
.round_3p ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.round_3p h3{ width: 1160px;margin: 4px 10px;}
.round_3p li{ width: 370px; margin: 6px; padding: 10px; position: relative;}
.round_3p a { display: flex; flex-wrap: wrap;}
.round_3p .font {  margin: 0 auto;padding: 10px 0px 10px;text-align: center;}
.round_3p .font h4 { position: absolute;top: 0;left: 20px;width: 100px;height: 100px;border-radius: 50px;background: #a82331;
color: #fff;padding: 28px 10px;overflow: hidden;white-space: nowrap;}
.round_3p .font p {   }
.round_3p .font .price { margin: 10px 0 0;}
.round_3p img {width: 320px; height: 320px; object-fit: contain; margin: auto; border: 4px solid #ebbb20;border-radius: 160px;}
	@media screen and ( max-width: 991px ){
		.round_3p{width: 100%; margin: 5vw auto;}
		.round_3p h3{ width: 100%;margin: 1vw;}
		.round_3p li{ width: 90vw; margin: -2vw 0; padding: 0;}
		.round_3p a { flex-wrap: nowrap; }
		.round_3p .font { width: 100%; padding: 0;margin:auto; text-align: left;}
		.round_3p .font h4 { width: 18vw; height: 18vw;  left: 0; padding: 4vw 1vw;font-size: 1.1rem;line-height: 1.3rem;}
		.round_3p .font p { }
		.round_3p .font .price { margin: 2vw 0; }
		.round_3p img { height: 50vw; width: 50vw;margin:0 3vw;}
		.round_3p li:nth-child(even) .font {  text-align: right;}
		.round_3p li:nth-child(even) img { order: 2;}
		.round_3p li:nth-child(even) h4 { left: auto; right: 0;}
	}

/* 3-5 broadwise */
.broadwise{width: 1160px; margin:20px auto 40px;  }
.broadwise ul { display: flex; justify-content: center;}
.broadwise li { width: 370px; background: #fff; margin: 6px; padding: 12px; }
.broadwise li a { display: flex; justify-content: space-between; }
.broadwise .font {  margin: auto 0;  padding: 0px 10px;}
.broadwise .font h4 { text-align: left;margin: 5px 0;}
.broadwise .font p {  }
.broadwise .font .price { margin: 10px 0;}
.broadwise .font .price big {    }
.broadwise img { width: 170px; height: 210px; object-fit: contain; order: 1;}
	@media screen and ( max-width: 991px ){
		.broadwise{width: 100%; margin: 2vw auto;}
		.broadwise ul {display: grid;}
		.broadwise li {width: 60vw; padding:2vw; margin: 0.5vw; }
		.broadwise a {  }
		.broadwise .font {padding: 0 0 0 2vw; }
		.broadwise .font h4 { }
		.broadwise .font p { }
		.broadwise .font .price { font-size: 0.7rem;}
		.broadwise img { width: 26vw; height: 30vw; order: 0; margin: auto;}
		.broadwise li:nth-child(3n) {width: 36vw; grid-column: 2 / 2; grid-row: 1 / 3; padding: 5vw 2vw;}
		.broadwise li:nth-child(3n) a {flex-wrap: wrap; }

	}

/* 3-6 brand */
.brand{width: 1160px; margin:20px auto 40px;  }
.brand ul { display: flex; justify-content: center;}
.brand li { width: 370px; height: 100px; margin: 6px; padding: 0; position: relative; }
.brand li a { display: flex; justify-content: space-between; }
.brand .font {  margin: auto 0;  padding: 25px 20px; position: absolute;}
.brand .font h4 { text-align: left;margin:0;font-weight: bold;}
.brand .font p {  }
.brand .font .price { }
.brand .font .price big {    }
.brand img { width: 370px; height: 100px;}
	@media screen and ( max-width: 991px ){
		.brand{width: 100%; margin: 2vw auto;}
		.brand ul {flex-wrap: wrap;}
		.brand li {width: 96vw; height: 25.94vw; margin: 1vw; }
		.brand a {  }
		.brand .font {padding: 6vw; }
		.brand .font h4 { font-size: 1.4rem; margin: 1vw 0;}
		.brand .font p { font-size: 1.2rem;}
		.brand .font .price { }
		.brand img { width: 100%; height: 100%; }

	}

/* 3-7 film-genre */
.film-genre{width: 1160px; margin:20px auto 40px;  }
.film-genre ul { display: flex; justify-content: center;}
.film-genre li { width: 370px; height: 370px; margin: 6px; padding: 0; position: relative; overflow: hidden; border-radius:10px;}
.film-genre li a { display: flex; justify-content: space-between; }
.film-genre .font {  width: 370px; height: 370px;margin: auto 0;  padding: 0; position: absolute;background: rgba(0,0,0,0.5);}
.film-genre .font h4 { text-align: center;margin:0;font-weight: bold; color: #fff; line-height: 370px; font-size: 1.8rem;}
.film-genre .font p {  }
.film-genre .font .price { }
.film-genre .font .price big {    }
.film-genre img { width: 410px;  object-fit: cover; object-position: -30px -70px;}
.film-genre li:hover .font { display: none;  }

	@media screen and ( max-width: 991px ){
		.film-genre{width: 100%; margin: 2vw auto;}
		.film-genre ul {flex-wrap: wrap;}
		.film-genre li {width: 31vw; height: 31vw; margin: 1vw; }
		.film-genre a {  }
		.film-genre .font {width: 31vw; height: 31vw;}
		.film-genre .font h4 { font-size: 1.3rem; line-height: 31vw;}
		.film-genre .font p { }
		.film-genre .font .price { }
		.film-genre img { width: 36vw; height: 36vw;object-position: 100% 100%; }
		.film-genre li:hover .font { display: block;  }

	}
	
/*3-9 film-rectangle*/
.film-rectangle .rectangle li{
    width: 360px;
    height: 360px;
}
.film-rectangle .rectangle li img{
    width: 340px;
    height: 340px;
}
.film-rectangle .rectangle li a {
    position: relative;
}
.film-rectangle .rectangle li h4 {
    position: absolute;
    top: 150px;
    color: transparent;
    font-size: 24px;
    line-height: 1.2;
}
.film-rectangle .rectangle li a:hover img{
    -webkit-filter:brightness(.5);
}
.film-rectangle .rectangle li a:hover h4{
    color: #fff;
    z-index: 11;
}

@media screen and ( max-width: 991px ){
    .film-rectangle .rectangle {
        width: 98vw;
        margin: 0 auto 2vw;
        background: #e9e9e9;
        border-radius: 0 0 10px 10px;
        padding: 0vw 0 2vw;
    }
    .film-rectangle .rectangle li{
        width: 30vw;
        height: 30vw;
        padding: 1vw;
    }
    .film-rectangle .rectangle li img{
        width: 28vw ;
        height: 28vw ;
    }
    .film-rectangle .rectangle li a h4 {
        position: absolute;
        top: 10vw;
        color: #fff;
        z-index: 11;
        line-height: 1.4;
        font-size: 1rem;
    }
    .film-rectangle .rectangle li a img {
        -webkit-filter: brightness(.5);
    }
}


/* 3-8 baseline_3p */
.baseline_3p{ width: 1160px; margin:20px auto 40px;  }
.baseline_3p ul { display: flex; justify-content: center;flex-wrap: wrap;}
.baseline_3p h3{ width: 1160px;margin: 8px;}
.baseline_3p li { width: 340px; background: #fff; margin: 6px;  padding: 10px; text-align: center; position: relative;}
.baseline_3p li a { display: flex;flex-wrap: wrap; justify-content: center;}
.baseline_3p .font {  margin: auto; }
.baseline_3p .font h4 {  margin: 5px 0;}
.baseline_3p .font p {  }
.baseline_3p .font .price { margin: 10px 0; }
.baseline_3p .font .price:before {  content: '';border-bottom: #c8c8c8 1px solid; width: 300px;display: block;margin: 0 0 10px; }
.baseline_3p .font .price big {    }
.baseline_3p img { width: 300px; height: 300px; object-fit: contain; }
	@media screen and ( max-width: 991px ){
		.baseline_3p{width: 100%; margin: 2vw auto;}
		.baseline_3p ul {flex-wrap: wrap;}
		.baseline_3p h3{ width: 96vw;margin: 1vw;}
		.baseline_3p li {width: 96vw; padding: 3vw; margin: 1vw; }
		.baseline_3p a { flex-wrap: nowrap; }
		.baseline_3p .font {padding: 1vw; }
		.baseline_3p .font h4 { }
		.baseline_3p .font p { }
		.baseline_3p .font .price { margin: 1vw;}
		.baseline_3p .font .price:before {  width: 42vw; }
		.baseline_3p img { width: 40vw; height: 40vw;}

	}

/* 4-1 rectangle */
.rectangle{ width: 1160px; margin:20px auto 40px;  }
.rectangle ul { display: flex; justify-content: center;flex-wrap: wrap;}
.rectangle h3{ width: 1160px;margin: 8px;}
.rectangle li { width: 260px; background: #fff; margin: 6px;  padding: 10px; text-align: center; }
.rectangle li a { display: flex;flex-wrap: wrap; justify-content: center;}
.rectangle .font {  margin: auto; }
.rectangle .font h4 {  margin: 5px 0;}
.rectangle .font p {  }
.rectangle .font .price { margin: 10px 0; }
.rectangle .font .price big {    }
.rectangle img { width: 240px; height: 240px; object-fit: contain; }
	@media screen and ( max-width: 991px ){
		.rectangle{width: 100%; margin: 2vw auto;}
		.rectangle ul {flex-wrap: wrap;}
		.rectangle h3{ width: 96vw;margin: 1vw;}
		.rectangle li {width: 46vw; padding: 3vw; margin: 1vw; }
		.rectangle a {  }
		.rectangle .font {padding: 1vw; }
		.rectangle .font h4 { }
		.rectangle .font p { }
		.rectangle .font .price { margin: 1vw;}
		.rectangle img { width: 40vw; height: 40vw;}

	}

/* 4-2 recommend_4p */
.recommend_4p{width: 1160px; margin:20px auto 40px; }
.recommend_4p ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.recommend_4p h3{ width: 1160px;margin: 8px;}
.recommend_4p li{ width: 260px; background: #fff; margin: 6px; padding: 15px;}
.recommend_4p a { display: flex; flex-wrap: wrap; }
.recommend_4p .font {  margin: 0 auto;padding: 10px;}
.recommend_4p .font h4 { border-bottom: #000000 solid 1px; padding: 0 0 10px;margin: 0 0 10px;font-size: 1.5rem;line-height: 1.8rem;}
.recommend_4p .font p {   }
.recommend_4p .font .price { margin: 10px 0 0; text-align: center; }
.recommend_4p img {max-height: 240px;max-width: 280px; object-fit: contain; margin: auto;}
	@media screen and ( max-width: 991px ){
		.recommend_4p{width: 100%; margin: auto;}
		.recommend_4p h3{ width: 100%;margin: 1vw;}
		.recommend_4p li{ width: 46vw; margin: 1vw; padding: 2vw;}
		.recommend_4p a { flex-wrap: wrap; }
		.recommend_4p .font { width: 100%; padding: 0;margin: 0 2vw 2vw;}
		.recommend_4p .font h4 { padding: 0 0 3vw;margin: 2vw 0 3vw;font-size: 1.2rem;line-height: 1.4rem;}
		.recommend_4p .font p { }
		.recommend_4p .font .price { margin: 2vw 0; }
		.recommend_4p img { max-height: 50vw; max-width: 40vw;margin: 2vw auto;}
	}

/* 4-3 various */
.various{ width: 1160px; margin:20px auto 40px;  }
.various ul { display: flex; justify-content: center;flex-wrap: wrap;}
.various h3{ width: 1160px;margin: 8px;}
.various li { width: 260px; background: #fff; margin: 6px;  padding: 10px 20px; position: relative;}
.various li a { display: flex;flex-wrap: wrap;}
.various .font {   }
.various .font h4 {  margin: 5px 0; position: absolute;padding: 2px 12px 2px 6px;background: var(--PV-eslite); border-top-right-radius: 30px; font-size: 0.9rem; top:245px;color: #fff;height: 25px;overflow: hidden;}
.various .font p {  }
.various .font .price { margin: 10px 0; }
.various .font .price big {    }
.various img { width: 220px; height: 270px; object-fit: contain; }
	@media screen and ( max-width: 991px ){
		.various{width: 100%; margin: 2vw auto;}
		.various ul {flex-wrap: wrap;}
		.various h3{ width: 96vw;margin: 1vw;}
		.various li {width: 46vw; padding: 3vw; margin: 1vw; }
		.various a {  }
		.various .font {  margin: 1vw 0;}
		.various .font h4 {top:43vw; border-top-right-radius: 18px;padding: 0.5vw 3vw 0.5vw 0.8vw;height: 1.7rem;overflow: hidden;}
		.various .font p { margin: 3vw 0 0;}
		.various .font .price { margin: 1vw 0;}
		.various img { width: 40vw; height: 44vw;}
	}


/* 4-4 hightlight */
.hightlight{ width: 1160px; margin:20px auto 40px;  }
.hightlight ul { display: flex; justify-content: center;flex-wrap: wrap;}
.hightlight h3{ width: 1160px;margin:8px;}
.hightlight li { width: 260px; background: #fff; margin: 6px;  padding: 0; }
.hightlight li a { }
.hightlight .font { display: block; text-align: center;  }
.hightlight .font h4 { padding: 6px 10px; margin: 0 0 5px; color:#fff; background: #48afcb;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.hightlight .font p { margin: 0; }
.hightlight .font .price { margin: 10px 0 15px; }
.hightlight .font .price big {    }
.hightlight img { display: block; width: 260px; height: 260px; object-fit: cover; }
	@media screen and ( max-width: 991px ){
		.hightlight{width: 100%; margin: 2vw auto;}
		.hightlight ul {flex-wrap: wrap;}
		.hightlight h3{ width: 96vw;margin: 1vw;}
		.hightlight li {width: 46vw; padding: 0; margin: 1vw; }
		.hightlight a {  }
		.hightlight .font {  margin: 0 0 3vw 0;}
		.hightlight .font h4 { padding: 1vw;}
		.hightlight .font p { }
		.hightlight .font .price { margin: 1vw 0;}
		.hightlight img { width: 46vw; height: 46vw;}
	}

/* 4-5 toptitle */
.toptitle{ width: 1160px; margin:20px auto 40px;  }
.toptitle ul { display: flex; justify-content: center;flex-wrap: wrap;}
.toptitle h3{ width: 1160px;margin:8px;}
.toptitle li { width: 260px; background: #fff; margin: 6px;  padding: 35px 0 15px ; position: relative; overflow: hidden; }
.toptitle li a { }
.toptitle .font { display: block; text-align: center;  }
.toptitle .font h4 { width: 260px; padding: 8px 10px; color:#fff; background: var(--PV-eslite); position: absolute; top: 0;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.toptitle .font p { margin: 4px 0 0; }
.toptitle .font .price { margin: 10px 0 0; }
.toptitle .font .price big {    }
.toptitle img { display: block; width: 260px; height: 260px; object-fit: cover; }
	@media screen and ( max-width: 991px ){
		.toptitle{width: 100%; margin: 2vw auto;}
		.toptitle ul {flex-wrap: wrap;}
		.toptitle h3{ width: 96vw;margin: 1vw;}
		.toptitle li {width: 46vw;  margin: 1vw; }
		.toptitle a {  }
		.toptitle .font {  margin: 1vw 0;}
		.toptitle .font h4 {width: 46vw; padding: 8px;}
		.toptitle .font p { }
		.toptitle .font .price { margin: 1vw 0;}
		.toptitle img { width: 46vw; height: 46vw;}
	}

/* 4-6 circle */
.circle{ width: 1160px; margin:20px auto 40px;  }
.circle ul { display: flex; justify-content: center;flex-wrap: wrap;}
.circle h3{ width: 1160px;margin:8px;}
.circle li { width: 260px; background: #fff; margin: 134px 6px 6px;border-radius: 0 0 50px 50px; white-space: nowrap; }
.circle li a { }
.circle .font { display: block; text-align: center;  }
.circle .font h4 { width: 230px; padding: 8px 0; color: var(--PV-eslite); margin: auto;overflow: hidden;}
.circle .font p { margin: 0;margin: 0 20px;overflow: hidden; height: 45px;}
.circle .font .price { padding: 10px 30px 10px 10px; margin: 15px 30px 25px;border: var(--PV-eslite) 1px solid; color:var(--PV-eslite);border-radius:50px;  position: relative;overflow: hidden; white-space: nowrap;}
.circle .font .price:after { content: 'GO';position: absolute;right: 0;top: -19px;background-color: var(--PV-eslite);color: #fff;line-height: 63px;padding: 6px 3px;font-size: 0.8rem; }
.circle .font .price big {font-size: 110%; }
.circle img { border-radius:50%;margin: -132px auto 0 auto;display: block; width: 260px; height: 260px; object-fit: cover; border: solid 5px #f1f1f1;background: #ffffff;}
	@media screen and ( max-width: 991px ){
		.circle{width: 100%; margin: 2vw auto;}
		.circle ul {flex-wrap: wrap;}
		.circle h3{ width: 96vw;margin: 1vw;}
		.circle li {width: 46vw;  margin: 1vw; padding: 1vw 1vw 2vw; border-radius: 0;}
		.circle a {  }
		.circle .font {  margin: 1vw 0;}
		.circle .font h4 {width: 44vw; padding: 1vw;}
		.circle .font p { }
		.circle .font .price { margin: 0 2vw 2vw; padding: 2.5vw 6vw 2.5vw 1vw;}
		.circle .font .price:after { top: -5px;line-height: 2.8rem;padding: 3px;font-size: 0.5rem; }
		.circle .font .price big { font-size: 1rem; }
		.circle img { width: 43vw; height: 43vw; margin: auto;}
	}


/* 4-7 published */
.published{ width: 1160px; margin:20px auto 40px;  }
.published ul { display: flex; justify-content: center;flex-wrap: wrap;}
.published h3{ width: 1160px;margin:8px;}
.published li { width: 260px; background: #fff; margin: 6px;  padding: 0;border-radius: 10px; overflow: hidden; }
.published li a { }
.published .font { display: block; text-align: center; background:#0e5478; color: #fff; padding: 12px 0; }
.published .font h4 { padding: 6px 10px; margin: 0 0 5px; color:var(--PV-eslite); white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.published .font p { margin: 0; }
.published .font .price { padding: 0; color: #fff; font-size: 1.2rem; }
.published .font .price big {  color: #ffeb3b;  }
.published img { display: block; width: 260px; height: 280px; object-fit: cover; margin: auto; padding: 10px;}
	@media screen and ( max-width: 991px ){
		.published{width: 100%; margin: 2vw auto;}
		.published ul {flex-wrap: wrap;}
		.published h3{ width: 96vw;margin: 1vw;}
		.published li {width: 46vw; padding: 0; margin: 1vw; }
		.published a {  }
		.published .font {  margin: 0;}
		.published .font h4 { padding: 1vw;}
		.published .font p { }
		.published .font .price { margin: 1vw 0;}
		.published img { width: 46vw; height: 46vw;}
	}

/* 4-8 baseline */
.baseline{ width: 1160px; margin:20px auto 40px;  }
.baseline ul { display: flex; justify-content: center;flex-wrap: wrap;}
.baseline h3{ width: 1160px;margin: 8px;}
.baseline li { width: 260px; background: #fff; margin: 6px;  padding: 10px; text-align: center; position: relative;}
.baseline li a { display: flex;flex-wrap: wrap; justify-content: center;}
.baseline .font {  margin: auto; }
.baseline .font h4 {  margin: 5px 0;}
.baseline .font p {  }
.baseline .font .price { margin: 10px 0; }
.baseline .font .price:before {  content: '';border-bottom: #c8c8c8 1px solid; width: 250px;display: block;margin: 0 0 10px; }
.baseline .font .price big {    }
.baseline img { width: 240px; height: 240px; object-fit: contain; }
	@media screen and ( max-width: 991px ){
		.baseline{width: 100%; margin: 2vw auto;}
		.baseline ul {flex-wrap: wrap;}
		.baseline h3{ width: 96vw;margin: 1vw;}
		.baseline li {width: 46vw; padding: 3vw; margin: 1vw; }
		.baseline a {  }
		.baseline .font {padding: 1vw; }
		.baseline .font h4 { }
		.baseline .font p { }
		.baseline .font .price { margin: 1vw;}
		.baseline .font .price:before {  width: 42vw; }
		.baseline img { width: 40vw; height: 40vw;}

	}

/* 4-9 magazine */
.magazine{ width: 1160px; margin:20px auto 60px;}
.magazine ul { display: flex; justify-content: center;flex-wrap: wrap;border: solid 2px #fff;}
.magazine h3{ width: 1160px;margin: 8px;}
.magazine li { width: 260px; margin: 6px;  padding: 20px 10px; text-align: center; }
.magazine li a { display: flex;flex-wrap: wrap; justify-content: center;}
.magazine .font {  margin: auto; }
.magazine .font h4 {  margin: 4px auto; font-size: 1.1rem;}
.magazine .font p {  }
.magazine .font .price { margin: 4px 0; }
.magazine .font .price big {    }
.magazine img { width: 240px; height: 310px; object-fit: contain; }
	@media screen and ( max-width: 991px ){
		.magazine{width: 100%; margin: 2vw auto;}
		.magazine ul {margin: 2vw;}
		.magazine h3{ width: 96vw;margin: 1vw;}
		.magazine li {width: 45vw; padding: 2vw 1vw; margin: 1vw; }
		.magazine a {  }
		.magazine .font {padding: 1vw; }
		.magazine .font h4 { }
		.magazine .font p { }
		.magazine .font .price { margin: 1vw;}
		.magazine img { width: 45vw; height: 55vw;}

	}


/* 5-1 topfive */
.topfive { width: 1160px; margin:20px auto 40px;}
.topfive ul { display: flex; justify-content: center;flex-wrap: wrap; }
.topfive h3 { width: 1160px; margin:8px;}
.topfive li { width: 210px; padding: 0px ; margin: 6px; text-align: center; position: relative; background: #fff; }
.topfive li a {  }
.topfive .font { margin: auto;}
.topfive .font h4 { }
.topfive .font p {  }
.topfive .font .price { margin: 4px 0 15px; }
.topfive .font .price big {    }
.topfive img { width: 210px; height: 210px; object-fit: contain; }

	@media screen and ( max-width: 991px ){
		.topfive { width: 100%; margin:auto; padding: 2vw 2vw 5vw;border-radius: 0;}
		.topfive ul{ flex-wrap: wrap;}
		.topfive h3 {width: 96vw;margin: 1vw;}
		.topfive li { width: 46vw; padding: 0; margin: 1vw; overflow: hidden;}
		.topfive a {  }
		.topfive .font {  margin: 0 0 3vw 0;}
		.topfive .font h4 { padding: 0 1vw;}
		.topfive .font p { }
		.topfive .font .price { margin: 1vw 0 3vw;}
		.topfive img { width: 46vw; height: 46vw;}
		.topfive li:first-child  { width: 96vw; padding: 1vw;}
		.topfive li:first-child h4  { text-align: left;padding: 1vw 0;}
		.topfive li:first-child a  { display: flex;}
		.topfive li:first-child .font  { margin: auto; text-align: left;}
	}

/* 5-2 round_5p */
.round_5p{width: 1160px; margin:20px auto 40px; }
.round_5p ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.round_5p h3{ width: 1160px;margin: 8px;}
.round_5p li{ width: 210px; margin: 6px; padding: 0; position: relative;}
.round_5p a { display: flex; flex-wrap: wrap;}
.round_5p .font {  margin: 0 auto;padding: 10px 0px 10px;text-align: center;}
.round_5p .font h4 { }
.round_5p .font p {   }
.round_5p .font .price { margin: 5px 0 0;}
.round_5p img {width: 210px; height: 210px; object-fit: contain; margin: auto; border: 2px solid #cac5bb;border-radius: 160px;}
	@media screen and ( max-width: 991px ){
		.round_5p{width: 100%; margin: 5vw auto;}
		.round_5p h3{ width: 100%;margin: 1vw;}
		.round_5p li{ width: 90vw; margin: -2vw 0; padding: 0;}
		.round_5p a { flex-wrap: nowrap; }
		.round_5p .font { width: 100%; padding: 0;margin:auto; text-align: left;}
		.round_5p .font h4 { width: 18vw; height: 18vw;  left: 0; padding: 4vw 1vw;font-size: 1.1rem;line-height: 1.3rem;}
		.round_5p .font p { }
		.round_5p .font .price { margin: 2vw 0; }
		.round_5p img { height: 50vw; width: 50vw;margin:0 3vw;}
		.round_5p li:nth-child(even) .font {  text-align: right;}
		.round_5p li:nth-child(even) img { order: 2;}
		.round_5p li:nth-child(even) h4 { left: auto; right: 0;}
	}

/* 5-3 hightlight_5p */
.hightlight_5p{ width: 1160px; margin:20px auto 40px;  }
.hightlight_5p ul { display: flex; justify-content: center;flex-wrap: wrap;}
.hightlight_5p h3{ width: 1160px;margin: 8px;}
.hightlight_5p li { width: 210px; background: #fff; margin: 6px;  padding: 0; }
.hightlight_5p li a { }
.hightlight_5p .font { display: block; text-align: center;  }
.hightlight_5p .font h4 { padding: 6px 10px; margin: 0 0 5px; color:#fff; background: #297dab;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.hightlight_5p .font p { margin: 0; }
.hightlight_5p .font .price { margin: 10px 0 15px; }
.hightlight_5p .font .price big {    }
.hightlight_5p img { display: block; width: 210px; height: 210px; object-fit: cover; }
	@media screen and ( max-width: 991px ){
		.hightlight_5p{width: 100%; margin: 2vw auto;}
		.hightlight_5p ul {flex-wrap: wrap;}
		.hightlight_5p h3{ width: 96vw;margin: 1vw;}
		.hightlight_5p li {width: 46vw; padding: 0; margin: 1vw; }
		.hightlight_5p a {  }
		.hightlight_5p .font {  margin: 0 0 3vw 0;}
		.hightlight_5p .font h4 { padding: 1vw;}
		.hightlight_5p .font p { }
		.hightlight_5p .font .price { margin: 1vw 0;}
		.hightlight_5p img { width: 46vw; height: 46vw;}
		.hightlight_5p ul li:first-child {width: 94vw; padding: 3vw; margin: 1vw 3vw; }
		.hightlight_5p ul li:first-child a { flex-wrap: nowrap; display: flex; }
		.hightlight_5p ul li:first-child .font {padding: 1vw 0vw 1vw 3vw;margin: auto; }
		.hightlight_5p ul li:first-child .font h4 {background: none;color: var(--PV-eslite);white-space: break-spaces; }
	}

/* 5-4 various_5p */
.various_5p{ width: 1160px; margin:20px auto 40px;  }
.various_5p ul { display: flex; justify-content: center;flex-wrap: wrap;}
.various_5p h3{ width: 1160px;margin: 8px;}
.various_5p li { width: 210px; background: #fff; margin: 6px;  padding: 10px; position: relative;}
.various_5p li a { display: flex;flex-wrap: wrap;}
.various_5p .font {   }
.various_5p .font h4 {  margin: 0;padding: 2px 12px 2px 6px;background: var(--PV-eslite); border-top-right-radius: 30px; font-size: 0.9rem; color: #fff;height: 25px;overflow: hidden;display: inline-block;}
.various_5p .font p { letter-spacing: -0.8px;}
.various_5p .font .price { margin: 10px 0; }
.various_5p .font .price big {    }
.various_5p img { width: 190px; height: 190px; object-fit: contain; }
	@media screen and ( max-width: 991px ){
		.various_5p{width: 100%; margin: 2vw auto;}
		.various_5p ul {flex-wrap: wrap;}
		.various_5p h3{ width: 96vw;margin: 1vw;}
		.various_5p li {width: 46vw; padding: 3vw; margin: 1vw; }
		.various_5p a {  }
		.various_5p .font {  margin: 0;}
		.various_5p .font h4 {top:43vw; border-top-right-radius: 18px;padding: 0.5vw 3vw 0.5vw 0.8vw;height: 1.7rem;overflow: hidden;}
		.various_5p .font p { }
		.various_5p .font .price { margin: 1vw 0;}
		.various_5p img { width: 40vw; height: 44vw;}
		.various_5p ul li:first-child {width: 94vw; padding: 3vw; margin: 1vw 3vw; }
		.various_5p ul li:first-child a { flex-wrap: nowrap; display: flex; }
		.various_5p ul li:first-child .font {padding: 1vw 0vw 1vw 3vw;margin: auto; }
		.various_5p ul li:first-child .font h4 {background: none;color: var(--PV-eslite);white-space: break-spaces; font-size: 1.2rem;border-top-right-radius: 0; padding: 0;}
		
	}

/* 5-5 circle_5p */
.circle_5p{ width: 1160px; margin:20px auto 40px;  }
.circle_5p ul { display: flex; justify-content: center;flex-wrap: wrap;}
.circle_5p h3{ width: 1160px;margin:8px;}
.circle_5p li { width: 210px; background: #fff; margin: 106px 8px 8px;border-radius: 0 0 50px 50px; white-space: nowrap; }
.circle_5p li a { }
.circle_5p .font { display: block; text-align: center;  }
.circle_5p .font h4 { padding: 4px; color: var(--PV-eslite); margin: auto;overflow: hidden;white-space: break-spaces;}
.circle_5p .font p { margin: 0;margin: 0 20px;overflow: hidden; height: 45px;}
.circle_5p .font .price { padding: 10px 30px 10px 10px; margin: 15px 30px 25px;border: var(--PV-eslite) 1px solid; color:var(--PV-eslite);border-radius:50px;  position: relative;overflow: hidden; white-space: nowrap;}
.circle_5p .font .price:after { content: 'GO';position: absolute;right: 0;top: -15px;background-color: var(--PV-eslite);color: #fff;line-height: 63px;padding: 6px 3px;font-size: 0.8rem; }
.circle_5p .font .price big {    }
.circle_5p img { border-radius:50%;margin: -100px auto 0 auto;display: block; width: 210px; height: 210px; object-fit: cover; border: solid 5px #f1f1f1;background: #ffffff;}
	@media screen and ( max-width: 991px ){
		.circle_5p{width: 100%; margin: 2vw auto;}
		.circle_5p ul {flex-wrap: wrap;}
		.circle_5p h3{ width: 96vw;margin: 1vw;}
		.circle_5p li {width: 46vw;  margin: 1vw; padding: 1vw 1vw 2vw; border-radius: 0;}
		.circle_5p a {  }
		.circle_5p .font {  margin: 1vw 0;}
		.circle_5p .font h4 {width: 44vw; padding: 1vw; margin: 2vw 0;}
		.circle_5p .font p { }
		.circle_5p .font .price { margin: 0 2vw 2vw; padding: 1vw 6vw 1vw 1vw;}
		.circle_5p .font .price:after { top: -5px;line-height: 2rem;padding: 3px;font-size: 0.5rem; }
		.circle_5p .font .price big { font-size: 1.1rem; }
		.circle_5p img { width: 43vw; height: 43vw; margin: auto;}
		.circle_5p ul li:first-child {width: 94vw; padding: 3vw; margin: 1vw 3vw; }
		.circle_5p ul li:first-child a { flex-wrap: nowrap; display: flex; }
		.circle_5p ul li:first-child .font {padding: 1vw 0vw 1vw 3vw;margin: auto; }
		.circle_5p ul li:first-child .font h4 {background: none;color: var(--PV-eslite);white-space: break-spaces; font-size: 1.2rem;border-top-right-radius: 0; padding: 0;}

	}

/*特殊五品一款*/
.special_5p_1 .title_AA{
    position: relative;
}

.special_5p_1 .title_AA h2{
    padding: 40px 0 0 30px; 
    width: 100%; 
    position: absolute;
    left: 75px;
    font-family: HYRunYuan;
    color:#333;
    font-size: 4rem;
    letter-spacing: 3px;
}
.special_5p_1 { 
    margin: 20px auto;
    background:url("../images/spbtt_bg_pink.png") top center no-repeat;
    width: 100%;
}
.special_5p_1 .hightlight img{object-fit: contain;}
.special_5p_1 .hightlight_5p { width: 1180px; margin: 0 auto; padding: 10px 0;}
.special_5p_1 .hightlight_5p img{padding: 6px;object-fit: contain;}
.special_5p_1 .hightlight_5p ul li{ height: 300px; margin-top: 120px;}
.special_5p_1 .hightlight_5p ul li h4{background:var(--PV-eslite);}
.special_5p_1 .hightlight_5p ul li p{ padding: 0 .2vw;}
.special_5p_1 .hightlight_5p ul li:first-child{width: 280px;height: 410px;margin-top: 10px; padding-top: 10px;}
.special_5p_1 .hightlight_5p ul li:first-child p{padding: 8px 15px 0;}
.special_5p_1 .hightlight_5p ul li:first-child img{width:280px; height: 280px; margin: 0 auto 10px;}
.special_5p_1 .hightlight_5p .font .price {margin: 8px 0;}

@media screen and ( max-width: 991px ){
	.special_5p_1{background: url("../images/bgg.jpg") repeat;}
    .special_5p_1 .title_AA {
        background: url("../images/btt_bgm.png") top center no-repeat;
        width: 100%;
        height: 150px;
        margin-bottom: 5px;
    }   
    .special_5p_1 .title_AA h2{
        color: #660779;
        text-shadow: none;
        padding: 30px 0 0 0px; 
        left: 0;
        width: 100%; 
        position: absolute;
        font-size: 3.5rem;
        letter-spacing: 5px;
    }   
    .special_5p_1 .hightlight_5p { width: 100vw; margin: 0 auto; padding: 2vw 0;}
    .special_5p_1 .hightlight_5p ul li{ height:auto; margin-top: 0; margin-bottom: 8px;}
    .special_5p_1 .hightlight_5p ul li:first-child{width: 100vw;height: auto;margin-top: 0px; padding-top: 10px;}
    .special_5p_1 .hightlight_5p ul li:first-child p{padding:3%;}
    .special_5p_1 .hightlight_5p ul li:first-child h4{background: none; }
    .special_5p_1 .hightlight_5p ul li:first-child img{width:45vw; height: 60vw; margin: 0 auto 10px;}
}





/* 3-0 items3 */
.items3 {}
.items3 ul {}
.items3 li { width: 360px; }
.items3 .font .price:before { width: 320px;}
.items3 img { width: 320px; height: 320px;}

	@media screen and ( max-width: 991px ){
		.items3 li {width: 96vw; padding: 3vw; margin: 1vw; }
		.items3 a { flex-wrap: nowrap; }
		.items3 .font .price:before {  width: 42vw; }
		.items3 img { width: 40vw; height: 40vw;}
		
	}

/* 5-0 items5 */
.items5 {}
.items5 ul {}
.items5 li { width: 210px; margin: 6px;}
.items5 .font .price:before { width: 200px;}
.items5 img { width: 200px; height: 200px;}

	@media screen and ( max-width: 991px ){
		.items5 li {width: 46vw; padding: 3vw; margin: 1vw; }
		.items5 a { flex-wrap: nowrap; }
		.items5 .font .price:before {  width: 42vw; }
		.items5 img { width: 40vw; height: 40vw;}
		.items5 li:first-child  { width: 94vw; padding: 1vw;}
		.items5 li:first-child h4  { text-align: left;padding: 1vw 0;}
		.items5 li:first-child a  { display: flex;}
		.items5 li:first-child .font  { margin: auto; text-align: left;}

		
	}

/* 6-1 collect_5x6 */
.collect_5x6 { width: 1160px; margin: 20px auto 40px; }
.collect_5x6 ul { display: flex;overflow: hidden; justify-content: center; }
.collect_5x6 li {  background-color: #fff; text-align: center;margin: 6px; padding: 6px; position: relative;}
.collect_5x6 .font { display: block; text-align: center;   }
.collect_5x6 .font h4 { font-weight: bold;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.collect_5x6 .font p { margin: 0; }
.collect_5x6 .font .price { margin: 10px 0 15px; }
.collect_5x6 img { object-fit: contain;}

	/* h-row 橫排兩品 */
	.collect_5x6 .h-row li { width: 544px; padding: 10px 20px;}
	.collect_5x6 .h-row a {display: flex; }
	.collect_5x6 .h-row img {  width: 240px;height: 240px; }
	.collect_5x6 .h-row .font {text-align: left; margin: auto 0 auto 30px;}
	.collect_5x6 .h-row .font h4 { text-align: left; margin: 10px 0;   }
	.collect_5x6 .special { display: inline-block;font-size: 1rem; color:#ffffff; background:var(--PV-eslite);  padding: 5px 15px; border-radius: 20px; }

	/* h-row 直排四品 */
	.collect_5x6 .s-row li { width: 266px; padding: 0;  }
	.collect_5x6 .s-row img { width: 266px;height: 266px;padding: 0; margin: 42px auto 0;}
	.collect_5x6 .s-row h4 { width: 266px; padding: 10px; color:#fff; background:var(--PV-eslite); position: absolute; top: 0; }

	@media screen and ( max-width: 991px ){
		.collect_5x6 {width: 100%; margin: 2vw auto 5vw;}
		.collect_5x6 ul {flex-wrap: wrap;}
		.collect_5x6 li { padding: 0; margin: 1vw; }
		.collect_5x6 .font {  margin: 0 0 3vw 0;}
		.collect_5x6 .font h4 { }
		.collect_5x6 .font p { }
		.collect_5x6 .font .price { margin: 1vw 0;}
		.collect_5x6 img { }
		
			/* h-row 橫排兩品 */
			.collect_5x6 .h-row li { width: 94vw; padding: 2vw;}
			.collect_5x6 .h-row a { }
			.collect_5x6 .h-row img {  width: 46vw;height: 46vw; }
			.collect_5x6 .h-row .font {margin: auto 0 auto 4vw;}
			.collect_5x6 .h-row .font h4 {  padding: 0; margin: 2vw 0;   }
			.collect_5x6 .special { font-size: 1rem; color:#ffffff; background:var(--PV-eslite);  padding: 5px 15px; border-radius: 20px; }

			/* h-row 直排四品 */
			.collect_5x6 .s-row li { width: 46vw; padding: 0;  }
			.collect_5x6 .s-row img { width: 42vw;height: 42vw;padding: 2vw;}
			.collect_5x6 .s-row h4 { width: 46vw;  }
    }

/* 6-2 alternate */
.alternate{ width: 1160px; margin:20px auto 40px;  }
.alternate h2{ }
.alternate h2 big{ font-size: 130%;color: #f1553c; }
.alternate ul { display: flex; justify-content: center;flex-wrap: wrap;}
.alternate h3{ width: 1160px;margin: 4px 8px;}
.alternate li { width: 260px; height: 390px;background: #fff; margin: 4px 8px;  padding: 10px; text-align: center; position: relative;}
.alternate li a { display: flex;flex-wrap: wrap; justify-content: center;}
.alternate .font {  margin: auto; }
.alternate .font h4 { margin: 10px 0; color: var(--PV-eslite);}
.alternate .font p {  }
.alternate .font .price { margin: 10px 0; }
.alternate .font .price big {    }
.alternate img {  width: 240px; height: 240px; object-fit: contain; }

/* first-child */
.alternate ul:nth-child(odd) li:first-child { width: 536px; background:#215620;height: 280px; border-radius: 100px 0 0;}
.alternate ul:nth-child(odd) li:first-child a { flex-wrap: nowrap;justify-content: flex-start;}
.alternate ul:nth-child(odd) li:first-child .font { text-align: left; color: #fff; margin: auto 0 auto 30px;}
.alternate ul:nth-child(odd) li:first-child .font h4 {  color: #ead42d; font-size: 1.4rem;text-align: left;line-height: 1.6rem;}
.alternate ul:nth-child(odd) li:first-child .font .price {  color: #fff; }
.alternate ul:nth-child(odd) li:first-child .font .price big {  color: #ead42d; }
.alternate ul:nth-child(odd) li:first-child img { width: 260px; height: 260px;border-radius: 100px 0 0; }

/* last-child */
.alternate ul:nth-child(even) {margin: -102px auto 40px; align-items: flex-end;}
.alternate ul:nth-child(even) li:last-child { width: 536px;background:#ec4d16;height: 280px; border-radius: 0 0 100px;  }
.alternate ul:nth-child(even) li:last-child a { flex-wrap: nowrap; justify-content: flex-start; }
.alternate ul:nth-child(even) li:last-child .font { text-align: left; color: #fff;margin: auto 0 auto 30px; }
.alternate ul:nth-child(even) li:last-child .font h4 {  color: #ead42d; font-size: 1.4rem;text-align: left; line-height: 1.6rem;}
.alternate ul:nth-child(even) li:last-child .font .price {  color: #fff; }
.alternate ul:nth-child(even) li:last-child .font .price big {  color: #ead42d; }
.alternate ul:nth-child(even) li:last-child img { width: 260px; height: 260px; }


	@media screen and ( max-width: 991px ){
		.alternate{width: 100%; margin: 2vw auto;}
		.alternate ul {flex-wrap: wrap;}
		.alternate h3{ width: 96vw;margin: 1vw;}
		.alternate li {width: 46vw; height: auto; padding: 3vw; margin: 1vw; }
		.alternate a {  }
		.alternate .font {padding: 1vw; }
		.alternate .font h4 { padding: 1vw;width: 42vw;white-space: nowrap;overflow: hidden; }
		.alternate .font p { }
		.alternate .font .price { margin: 1vw;}
		.alternate img { width: 42vw; height: 42vw;}
		
		/* first-child */
		.alternate ul:nth-child(odd) li:first-child { width: 94vw; height: auto; border-radius: 50px 0 0;}
		.alternate ul:nth-child(odd) li:first-child a { }
		.alternate ul:nth-child(odd) li:first-child .font { margin: auto 0 auto 4vw;padding: 0;}
		.alternate ul:nth-child(odd) li:first-child .font h4 {  font-size: 1.2rem;line-height: 1.4rem; padding: 0;}
		.alternate ul:nth-child(odd) li:first-child .font .price { margin: 2vw auto;  }
		.alternate ul:nth-child(odd) li:first-child .font .price big {  }
		.alternate ul:nth-child(odd) li:first-child img { width: 46vw; height: 46vw;border-radius: 50px 0 0; }

		/* last-child */
		.alternate ul:nth-child(even) {margin: auto ; align-items: flex-end;}
		.alternate ul:nth-child(even) li:last-child { width: 94vw; height: auto; border-radius: 0 0 50px; }
		.alternate ul:nth-child(even) li:last-child a {  }
		.alternate ul:nth-child(even) li:last-child .font {  margin: auto 0 auto 4vw;padding: 0; }
		.alternate ul:nth-child(even) li:last-child .font h4 {   font-size: 1.2rem;line-height: 1.4rem; padding: 0;}
		.alternate ul:nth-child(even) li:last-child .font .price {  margin: 2vw auto;   }
		.alternate ul:nth-child(even) li:last-child .font .price big {  }
		.alternate ul:nth-child(even) li:last-child img { width: 46vw; height: 46vw; }


	}

/*6-21*/

.rectangle_2 ul{background: transparent !important;width: 580px;}
.rectangle_2 li{width: 280px;}
@media screen and ( max-width: 991px ){
    .rectangle_2 ul{width: 100%;}
    .rectangle_2 li {width: 95%;}
}
.rectangle_2 ul:nth-child(1) .crosswise-li,
.rectangle_2 ul:nth-child(1) .crosswise-li img{border-radius: 150px 0 0;}
.rectangle_2 .crosswise-li {
    width: 560px ;
    background: #fff;
    margin: 4px 10px;
    padding: 10px 30px;
    border-radius: 0 0 150px;
}

.rectangle_2  .crosswise-li a {
    display: flex;
}
.rectangle_2 .crosswise-li img {
    width: 240px;
    height: 240px;
    object-fit: contain;
}
.rectangle_2 .crosswise-li .font {
    margin: auto;
    padding: 10px 10px 10px 30px;
}
.rectangle_2 .crosswise-li .font h4 {
    font-size: 1.5rem;
    line-height: 1.8rem;
    text-align: left;
    margin: 5px 0;
}
.rectangle_2 .crosswise-li .font p {
    font-size: 1.1rem;
}

/* 6-3 scene */
.scene { display: flex; justify-content: center;flex-wrap: wrap;}
.half .scene li { width: 470px; background: none; margin:auto;  padding: 0; }
.scene li a { }
.scene .font { display: block; text-align: center;  }
.scene .font h4 { padding: 6px 10px; margin: 20px 0; color:#fff; background: #48afcb; font-size: 1.3rem; line-height: 1.6rem;}
.scene .font p { margin: 0; text-align: left; font-size: 1.1rem; line-height: 1.6rem; }
.scene .font .price { margin: 10px 0 15px; }
.scene .font .price big {    }
.scene img { display: block; width: 470px; height: 470px; object-fit: cover; }
	@media screen and ( max-width: 991px ){
		.scene {flex-wrap: wrap;}
		.half .scene li {width: 80vw; padding: 0; margin: 1vw; }
		.scene a {  }
		.scene .font {  margin: 0 0 3vw 0;}
		.scene .font h4 { padding: 1vw;}
		.scene .font p { }
		.scene .font .price { margin: 1vw 0;}
		.scene img { width: 80vw; height: 80vw;}
	}

/* 6-4 inner-bn */
.hightlight .inner-bn{ background: none; width: auto;}
.hightlight .inner-bn img{ width: 532px; height: auto;}
	@media screen and ( max-width: 991px ){
		.hightlight .inner-bn{ width: 94vw; }
		.hightlight .inner-bn img{ width: 100%; height: auto;}
	}

/*6-5 box-mix 混搭版型 */
.box-mix{ width: 1160px; margin: 20px auto 5px; display: flex; flex-wrap: wrap;}
.box-mix ul { width: 580px; display: flex; }
.box-mix ul.quotes li { width: 580px; padding: 15px; background: #7b639a; }
.box-mix ul.quotes li a { display: flex; }
.box-mix ul.quotes .font {  margin: 0 auto; padding: 0 6px 0 26px; color: #f1ede2;}
.box-mix ul.quotes .font h4 {  font-size: 1.8rem; text-align: left; line-height: 2.4rem; font-weight: bold; color: #fff;}
.box-mix ul.quotes .font p {   font-weight: 500; padding: 0 10px; font-size: 1.2rem; color: #fff;}
.box-mix ul.quotes .font .price {  margin: 8px ;color: #fff47a;font-size: 1rem;}
.box-mix ul.quotes .font .price big {  color: #fff47a;  }
.box-mix ul.quotes img {  object-fit: contain; height: 340px;max-width: 240px;}

.box-mix .quotes .font h4:after {  content:''; height: 32px;background:  url("../images/quote-left.svg") center center no-repeat; background-size: 100%; display:block; margin: 1rem 0;}
.box-mix .quotes .font:after { content:''; height: 32px;background:  url("../images/quote-right.svg") center center no-repeat; background-size: 100%;display:block; margin: 1rem 0;}

.box-mix ul.quotes{ margin: 0;}
.box-mix ul.hightlight{ padding: 0 18px; margin: 0; background: none;}
/*background: #09a7b4;*/

.box-mix .banner{ margin: 0 auto; padding: 0;}


@media screen and ( max-width: 991px ){   
     .box-mix{ width: 98vw; margin: 0 auto;}
     .box-mix ul { width: 96vw; margin: 0 auto;}
     .box-mix ul.quotes li { width: 100%; padding: 5vw; }
     .box-mix ul.quotes li a {  display: flex;flex-wrap: wrap; justify-content: center;}
     .box-mix ul.quotes img { width: 60vw; height: 60vw; margin: 0;}
     .box-mix ul.quotes .font {padding: 1vw;}
     .box-mix ul.hightlight{ padding: 1vw 0;}
     .box-mix.banner{ margin: 2vw auto; }  
}

/*6-6 hightlightAd*/
.hightlightAd {
    width: 1180px;
        margin: 0px auto 15px;
    padding: 32px 0 12px;
    /*margin: 0px auto 40px;
    padding: 15px 0 12px;*/
}
.hightlightAd ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.hightlightAd h3 {
    width: 1160px;
    margin: 8px;
}
.hightlightAd li {
    width: 200px;
    background: #fff;
    margin: 6px;
    padding: 0;
}
.hightlightAd li img {
    object-fit: contain;
}
.hightlightAd li:first-child {
    width: 280px;
    height: 330px;
    background: none;
}
.hightlightAd li:first-child img {
    width: 280px;
    height: auto;
}
.hightlightAd .font {
    display: block;
    text-align: center;
}
.hightlightAd .font h4 {
    padding: 6px 10px;
    margin: 0 0 5px;
    color: #fff;
    background: #f85e2f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hightlightAd .font p {
    margin: 0;
}
.hightlightAd .font .price {
    margin: 10px 0 15px;
}

.hightlightAd img {
    display: block;
    width: 200px;
    height: 200px;
    object-fit: cover;
}

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

    .hightlightAd .go {
        display: none;
    }
    .hightlightAd {
        width: 96vw;
        margin: 0vw auto;
        padding: 0;
    }
    .hightlightAd ul {
        flex-wrap: wrap;
    }
    .hightlightAd h3 {
        width: 96vw;
        margin: 1vw;
    }
    .hightlightAd li {
        width: 46vw;
        padding: 0;
        margin: 1vw;
    }
    .hightlightAd .font {
        margin: 0 0 3vw 0;
    }
    .hightlightAd .font h4 {
        padding: 1vw;
        background: #ca4613;
    }
    .hightlightAd .font .price {
        margin: 1vw 0;
    }
    .hightlightAd img {
        width: 46vw;
        height: 46vw;
    }
    .hightlightAd ul li:first-child {
        width: 94vw;
        padding: 0vw;
        margin: 2vw auto;
        height: auto;
    }
    .hightlightAd ul li:first-child img {
        width: 94vw;
        padding: 0vw;
    }
    .hightlightAd ul li:first-child a {
        flex-wrap: nowrap;
        display: flex;
    }
    .hightlightAd ul li:first-child .font {
        display: none;
    }
    .hightlightAd ul li:first-child .font h4 {
        background: none;
        color: var(--PV-eslite);
        white-space: break-spaces;
    }
}


/* titleA */
.titleA { display: flex; justify-content: center; margin: 40px auto 10px;}
.titleA h2{position: relative; padding: 10px 50px; border-top: solid 2px black; border-bottom: solid 2px black; }
.titleA h2:before, .titleA h2:after {content: '';position: absolute;top: -7px;width: 2px;height: -webkit-calc(100% + 14px);height: calc(100% + 14px);background-color: black;}
.titleA h2:before {left: 7px;}
.titleA h2:after {right: 7px;}
	@media screen and ( max-width: 991px ){
		.titleA { margin: 5vw auto 2vw;}
		
	}

/* titleB */
.titleB { display: flex; justify-content: center; margin: 40px auto 10px;}
.titleB h2{position: relative; padding: 5px 50px 5px 60px; letter-spacing: 10px;}
.titleB h2:before, .titleB h2:after {content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 1px;background-color: black;}
.titleB h2:before {left: 0;}
.titleB h2:after {right: 0;}
	@media screen and ( max-width: 991px ){
		.titleB { margin: 5vw auto 2vw;}
		
	}

/* titleC */
.titleC { display: flex; justify-content: center; margin: 40px auto 10px;}
.titleC h2{position: relative; padding: 0; }
.titleC h2 p{ display: block; margin: 10px; font-size: 1.2rem;letter-spacing: 4px;}
	@media screen and ( max-width: 991px ){
		.titleC { margin: 5vw auto 2vw;}
		.titleC h2 p{ margin: 2vw 0 0; letter-spacing: 0;}
		
	}

/* keywordA */
.keywordA { width: 1160px; margin: 20px auto;  }
.keywordA ul {display: flex; flex-wrap: wrap; justify-content: center;  }
.keywordA li {  text-align: center; overflow: hidden;margin: 5px;padding: 5px 20px; border: solid 1px; background: #fff;box-shadow: 4px 4px 0px #fff;}
.keywordA li:hover { background: #fff25e;}
.keywordA a { color: #000; font-size: 1.2rem; }
.keywordA a span { color: #f3f68c;}

	@media screen and ( max-width: 991px ){
		.keywordA { margin:auto; padding: 0;width: 100%;min-width: 100%; }
		.keywordA ul { overflow: hidden; margin: 3vw; }
		.keywordA li { margin: 1vw; padding: 1vw 3vw;line-height: 1.2rem; }
		.keywordA a { font-size: 1rem; line-height: 1rem}
	}

/* keywordB */
.keywordB .keywordA { width: 1160px; margin: 30px auto;  }
.keywordB .keywordA ul {display: flex; flex-wrap: wrap; justify-content: center;  }
.keywordB .keywordA li { width: 130px; height: 130px;  text-align: center; overflow: hidden;margin: 5px; padding-top: 35px;   border: solid 1px #fff; border-radius: 200px; 
    background:#444;
    }
.keywordB .keywordA li:hover { background:#111;}
.keywordB .keywordA a { color: #fff; font-size: 24px; line-height:1.2; }
.keywordB .keywordA a span { color: #f3f68c;}

.keywordB .banner{ margin: 0 auto 40px; padding: 30px 0;}

@media screen and ( max-width: 991px ){
        .keywordB .keywordA { margin:1vw auto; padding: 0;width: 100%;min-width: 100%; }
        .keywordB .keywordA ul { overflow: hidden; margin: 2vw auto; }
        .keywordB .keywordA li { width: 22vw; height: 22vw; margin: 2vw 1vw; padding: 6vw 3vw 0; line-height: 1.2rem; }
        .keywordB .keywordA a { font-size: 1.4rem; line-height: 1.4rem}
        .keywordB .banner{ margin: 0 auto 4vw;}
}

/*keywordC*/
.keywordC .round_5p li{width: 160px;}
.keywordC .round_5p img {
    width: 160px;
    height: 160px;
    border: 5px solid #444;
}
.keywordC .round_5p .font {
    position: absolute;
    top: 74%;
    left: 2%;
    background: #444;
    border-radius: 30px;
    width: 96%;
    color: #fff;
}

.keywordC .font p {
    font-size: 21px;
    letter-spacing: 0px;
}

@media screen and ( max-width: 991px ){
    .keywordC .round_5p li{margin: 10px 0;}
    .keywordC .round_5p img {width: 130px; height: 130px;}
    .keywordC .round_5p ul {flex-wrap: wrap;}
    .keywordC .round_5p .font p { text-align: center;}
    .keywordC .round_5p .font{padding: 10px;}
    .keywordC {padding-bottom: 10px;}
}


/* subtitle */
.subtitle { width: 1160px; margin: auto; position: relative; }
.subtitle h3{padding: 0 0 0 15px; text-align: left; border-left: solid 16px #e38053;display: inline-block;}
.subtitle .more{ font-size: 1.2rem; padding: 10px; position: absolute; right: 0;transition-duration:0.3s;}
.subtitle .more a{ color: #000;}
.subtitle .more:hover{ transform: scale(0.98);}
	@media screen and ( max-width: 991px ){
		.subtitle { width: 100%; margin: 5vw auto 2vw; padding: 2vw;}
		
	}



/* AD */
.banner { width: 1160px; margin:20px auto  ; padding: 20px; }
.banner ul { display: flex; flex-wrap: wrap; justify-content: center;}
.banner li {  margin: 2px 4px;}
.banner img {width: 540px; }
@media screen and ( max-width: 991px ){	
/* AD */
.banner {  width: 100%; margin: 2vw auto; padding: 1vw;}
.banner ul{  }
.banner li {width: 96vw; margin: 0.5vw; }
.banner img {width: 100%; }	
}

/*4AD*/
.bn4{padding:43px 0 0 0;}
.bn4 {background: url(../images/bg_01.jpg) top center repeat; width: 1200px;margin: 0 auto;border-radius: 40px;padding: 5px 0 0 0;}

@media screen and ( max-width: 991px ){
.bn4{padding:0 0 10vw;}
.bn4 {background: url(../images/bg_01.jpg) top center repeat; width:100%;margin: 0 auto;border-radius: 40px;padding: 4vw 0 4vw 0;}
}
.bn4 .banner {width: 1200px;margin-top: 0;}
.bn4 .banner_3p ul li{width: 260px;margin: 8px 12px;}
.bn4 .banner_3p ul li img{width: 100%;border: #fff solid 2px;box-shadow: #ccc 5px 5px 0;}
@media screen and ( max-width: 991px ){
	.bn4 .banner{width: 100%;}
	.bn4 .banner_3p ul li{ width: 46vw; margin: 1vw 1vw;}        
}


/* 關鍵字 + AD + Link */
.keyword-bn{ width: 1160px; margin: 20px auto 40px;display: flex; justify-content: center; text-align: center; }
/* 關鍵字 */
.keyword-bn .ten-word { margin: 6px 4px; }
.keyword-bn .ten-word li { width: 360px;height: 51.5px; padding: 15px 0 0;background: #555454;font-size: 1.4rem; }
.keyword-bn .ten-word li:nth-child(even) { background: #000;}
.keyword-bn .ten-word a { color: #fff;}
/* AD */
.keyword-bn .two-bn li{ margin: 6px 4px; }
.keyword-bn .two-bn img{width: 540px; }
/* Link */
.keyword-bn .four-link { }
.keyword-bn .four-link li { width: 180px;height: 124.2px;font-size: 1.4rem; border: solid 1px #000;margin: 6px 4px;line-height: 1.8rem; padding: 35px 0 0; }
.keyword-bn .four-link a { color:var(--PV-font); }
	@media screen and ( max-width: 991px ){	
		.keyword-bn{ width: 96vw; margin: 2vw;flex-wrap: wrap; }
		/* 關鍵字 */
		.keyword-bn .ten-word { margin: 1vw;  }
		.keyword-bn .ten-word ul { width: 96vw; display: flex; flex-flow: wrap;  }
		.keyword-bn .ten-word li { width: 48vw;height: auto; padding: 2vw;background: #000; }
		.keyword-bn .ten-word li:nth-child(4n) { background: #555454;}
		.keyword-bn .ten-word li:nth-child(4n-3) { background: #555454;}
		.keyword-bn .ten-word a { color: #fff;}
		/* AD */
		.keyword-bn .two-bn li{ margin: 0.5vw 1vw; }
		.keyword-bn .two-bn img{width: 96vw; }
		/* Link */
		.keyword-bn .four-link { }
		.keyword-bn .four-link ul {display: flex; }
		.keyword-bn .four-link li { width: 22.5vw;height: auto;margin:1vw;padding: 3vw 1vw; font-size: 1.2rem;line-height: 1.4rem; }
		.keyword-bn .four-link a {  }
		
	}





/* ribbon */
.ribbon {display: inline-block; position: absolute; top: -6px; left: 16px; margin: 0; padding: 10px 5px ; z-index: 2; width: 50px; color: white; font-size: 1rem; line-height: 1.2rem; background: linear-gradient(#ed384a 0%, #a7212e 100%);border-radius: 2px 0 0 0;}
.ribbon:before {position: absolute;content: '';top: 0;left: 50px;border: none;border-bottom: solid 6px #a7212e;border-right: solid 6px transparent;}
.ribbon:after {content: '';position: absolute;left: 0;top: 100%;height: 0;width: 0;border-left: 25px solid #a7212e;border-right: 25px solid #a7212e;border-bottom: 10px solid transparent;}
	@media screen and ( max-width: 991px ){
		.ribbon { left: 1vw;width: 12vw;}
		.ribbon:before {left: 12vw;}
		.ribbon:after {border-left: 6vw solid #a7212e;border-right: 6vw solid #a7212e;border-bottom: 10px solid transparent;}
	}

/* special */
.ranks { background:#ff9aa9; position: absolute; width: 50px; height: 50px; color: #fff; top: 0; left: 0; border-radius: 0 0 40px;line-height: 50px;padding: 0px;font-size: 1.4rem;}
	@media screen and ( max-width: 991px ){
		.ranks { width: 8vw; height: 8vw;  border-radius: 0 0 4vw;line-height: 8vw;font-size: 1.4rem;}
	}


/*----- slick 輪播 -----*/

.slickbg{width: 1160px;margin: 0 auto;}
@media screen and ( max-width: 991px ){
    .slickbg{width: 98vw;margin: 0 auto;}
}

/*3AD*/
.slick3item .slick-slide img{width: 350px;}
@media screen and ( max-width: 991px ){
    .slick3item .slick-slide img{width: 90vw;}
}

/*370AD*/
/*.slick5itam .slick-slide{width: 200px !important;margin: 0 5px;padding-top: 20px;    transition: .5s;}*/
.slick5itam .slick-slide img{border-radius: 20px;} 
/*.slick5itam .slick-track{overflow: hidden;height:260px;}
.slick5itam .slick5.slick-slide.slick-current.slick-active.slick-center{width: 250px !important;padding-top: 0px;}
.slick5itam h4, .slick5itam p{text-align: center;padding-top: 10px;}
@media screen and ( max-width: 991px ){
    .slick5itam .slick-slide{width: auto !important;padding-top: 0px;margin: 0 5px;}
    .slick5itam .slick-track{overflow: hidden;    height: 100%;}
    .slick5itam .slick5.slick-slide.slick-current.slick-active.slick-center{width: auto !important;}
}*/

/*370AD*/
.slick5itam-2 .slick-slide img{border-radius: 20px;} 
.slick5itam-2 .slick-track{overflow: hidden;}
.slick5itam-2 h4, .slick5itam-2 p{text-align: center;padding-top: 10px;}


/*四品輪播*/
.slickbg .s-row h4{width: 278px;}
@media screen and (max-width: 991px){
    .collect_5x6 .s-row h4 {width: 47vw !important;}
}

/*左大圖輪播右品*/
.hightlight_s .slick-dots{display: none !important;}
.hightlight_s .slick-dotted.slick-slider{margin: 0;padding: 0;}
.hightlight_s .slick-initialized .slick-slide{padding: 0;}
.hightlight_s .scene li{width: 100%;}
.hightlight_s .scene img{height: auto;}

@media screen and ( max-width: 991px ){
    .hightlight_s .scene img{width:98vw;}
}

/*左大圖輪播右標*/
.hightlightFont{background: #fff;}
.hightlightFont ul{background: transparent;}

.hightlightFont ul.scene { width: 50%;}
.hightlightFont ul.hl-font { width: 50%;}

ul.hl-font li { background: transparent; width: 100%;}
.hlfont h2{font-size: 28px;
    width: 97%;
    color: #fff;
    background: #f39097;
    text-align: center;
    line-height: 2;
    padding: 0;
    margin-bottom: 40px;
    font-family: wt014;
}
.hlfont p{ font-size: 20px; line-height: 30px;margin: 10px 0 15px;}
.hlfont .price{ font-size: 22px;line-height: 26px;margin: 10px 0 15px;}
.hlfont big {
    font-size: 180%;
    color: var(--PV-eslite);
    font-weight: bold;
    line-height: 200%;
}
.hl-font a{background: #f39097;color: #fff;font-size: 20px; padding: 10px 20px;margin: 10px 0 15px;}

@media screen and ( max-width: 991px ){
	.hightlightFont ul.scene, .hightlightFont ul.hl-font{width: 98% !important;margin: 0 auto;}
	.hightlightFont ul.hl-font{margin-bottom: 30px;}
	.hightlightFont ul{padding: 0;}
	.hlfont h2{width: 100%;margin-bottom: 20px;}
}

/*左右輪播｜左圖輪播＋右品*/

.hightlight2 ul{position: relative;}

ul.scene-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.hightlight2.half .one-time ul.ot{height: 700px;}

.hightlight2 ul.ot li a:hover,.hightlight2 ul.ot li:hover{transform: scale(1);}
.hightlight2 li, .hightlight2.half .one-time ul.ot{background: transparent;}
.hightlight2 .one-time ul.ot li:nth-child(1) img{width: 450px; height: 550px; object-fit: contain;margin: 40px auto 0;padding-left:50px;}
.hightlight2 .one-time ul.ot li:nth-child(2){background: #494f7a;width: 100px;height: 100px; border-radius: 50%; display: flex;align-items: center;justify-content: center;position: absolute; top: 20px;}
.hightlight2 .one-time ul.ot li:nth-child(2) p{font-size: 20px;color: #fff;margin-top: 0;}
.hightlight2 .one-time ul.ot li:nth-child(2) big{font-size: 46px;color: #fff;}
.hightlight2 .one-time ul.ot li:nth-child(3){position: absolute; top: 0;left: 140px;font-size: 40px;}
.hightlight2 .one-time ul.ot li:nth-child(3) span{font-size: 40px;color: #cb1a59;font-weight: bold;}
.hightlight2 .one-time ul.ot li:nth-child(4){position:relative; bottom: 10px;left: 0px;}
.hightlight2 .one-time ul.ot li:nth-child(4) span{background: #1374a8;color: #fff;padding: 5px 10px;font-size: 24px;text-align: left;}
.hightlight2 .one-time ul.ot li:nth-child(5){position:relative; bottom: -10px;left:0px;}
.hightlight2 .one-time ul.ot li:nth-child(5) span{background: #fff;color: #1374a8;padding: 5px 10px;font-size: 18px;text-align: left;line-height: 22px;}
.hightlight2 .one-time ul.ot li:nth-child(6){background:#cb1a59;width: 100px;height: 100px; border-radius: 50%;  top: 550px;right: 0px;display: flex;align-items: center;justify-content: center;position:absolute;}
.hightlight2 .one-time ul.ot li:nth-child(6) p{color: #ffcc44;border-radius: 50%; font-size: 20px;margin-top: 0;}
.hightlight2 .slick-dots{    width: 400px; padding: 0; margin: 0 auto;}
.hightlight2 .slick-dots li{background: transparent !important;}

.hightlight2 .scene-box .sliderbg{
    width: 520px;
    height:700px;
    background: none;
    margin: 10px 10px;
    border-radius: 30px;
}

@media screen and ( max-width: 991px ){
    .hightlight2 ul.scene-box li{width:94vw;}
    .hightlight2 .one-time ul.ot {
        width:94vw;
        /*height: 500px;*/
        margin: 0 auto;
        padding:0 2vw;
    }
    .hightlight2.half .one-time ul.ot{ width: 98vw;height: auto;}
    .hightlight2 .one-time ul.ot li:nth-child(1) img{width:80vw; height: 80vw; object-fit: contain;margin: 2vw auto 0;padding-left: 0;}
    .hightlight2 .one-time ul.ot li:nth-child(2){;width: 20vw;height:20vw; border-radius: 50%; display: flex;align-items: center;justify-content: center;position:absolute;top: 0;}
    .hightlight2 .one-time ul.ot li:nth-child(2) p{font-size:1rem;}
    .hightlight2 .one-time ul.ot li:nth-child(2) big{font-size: 1.8rem;}
    .hightlight2 .one-time ul.ot li:nth-child(3){position:relative; top: 0;left:0;font-size:2rem;text-align: center;margin-top: 10px;width: 100%;}
    .hightlight2 .one-time ul.ot li:nth-child(3) span{font-size: 2rem;}
    .hightlight2 .one-time ul.ot li:nth-child(4){position:relative; bottom:0;left: 0;top: 0; text-align:center;margin: 20px auto;}
    .hightlight2 .one-time ul.ot li:nth-child(4) span{padding: 5px 10px;font-size:1.4rem;line-height: 2rem;}
    .hightlight2 .one-time ul.ot li:nth-child(5){position:relative; bottom:0;left: 0;text-align:center;margin: 0 auto;}
    .hightlight2 .one-time ul.ot li:nth-child(6) p, .hightlight2 .one-time ul.ot li:nth-child(6){display: none;}

    .hightlight2.half .one-time ul.ot, .hightlight2 .scene-box .sliderbg{height: auto;width: 98vw !important;}
    .hightlight2 .slick-dots, .hightlight2 .slick-track{width: 100%;}
    .hightlight2 .scene-box .sliderbg {
        width: 94vw;
        height: auto;
        margin: 0 auto;
    }
    .hightlight2 .slick-dotted.slick-slider{margin: 0;padding: 0;}
    .hightlight2 .slick-slide{height: auto !important;}
}

/*左右輪播*/
.hightlight3 ul{justify-content: normal;position: relative;}
.hightlight3 ul.ot {margin: 0;}
.hightlight3 ul.ot li a:hover,.hightlight3 ul.ot li:hover{transform: scale(1);}
.hightlight3 li, .hightlight3.half .one-time ul.ot{background: transparent;}
.hightlight3 .one-time ul.ot li:nth-child(1) img{width: 450px; height: 450px; object-fit: contain;margin: 40px auto 0;}
.hightlight3 .one-time ul.ot li:nth-child(2){background: #494f7a;width: 100px;height: 100px; border-radius: 50%; display: flex;align-items: center;justify-content: center;position: absolute; top: 20px;}
.hightlight3 .one-time ul.ot li:nth-child(2) p{font-size: 20px;color: #fff;margin-top: 0;}
.hightlight3 .one-time ul.ot li:nth-child(2) big{font-size: 46px;color: #fff;}
.hightlight3 .one-time ul.ot li:nth-child(3){position: absolute; top: 50px;left: 140px;font-size: 40px;}
.hightlight3 .one-time ul.ot li:nth-child(3) span{font-size: 40px;color: #cb1a59;font-weight: bold;}
.hightlight3 .one-time ul.ot li:nth-child(4){position:relative; bottom: 10px;left: 0px;}
.hightlight3 .one-time ul.ot li:nth-child(4) span{background: #1374a8;color: #fff;padding: 5px 10px;font-size: 24px;text-align: left;}
.hightlight3 .one-time ul.ot li:nth-child(5){position:relative; bottom: -10px;left: 0px;}
.hightlight3 .one-time ul.ot li:nth-child(5) span{background: #fff;color: #1374a8;padding: 5px 10px;font-size: 18px;text-align: left;}
.hightlight3 .one-time ul.ot li:nth-child(6){background:#cb1a59;width: 100px;height: 100px; border-radius: 50%;  top: 490px;right: 20px;display: flex;align-items: center;justify-content: center;position:absolute;}
.hightlight3 .one-time ul.ot li:nth-child(6) p{color: #ffcc44;border-radius: 50%; font-size: 20px;margin-top: 0;}
.hightlight3 .slick-dots{   width: 100%; justify-content: center;padding: 0; background: transparent;}
.hightlight3 .slick-dots li{background: transparent !important;}

.hightlight3 .scene-nobox .sliderbg{
    width: 520px;
    height:660px;
    background: #f2b9b9;
    margin: 10px 10px;
    border-radius: 30px;
}
.scene-nobox ul{padding: 80px 30px 30px 30px;}
.scene-nobox ul li:nth-child(1) img {
    width: 450px;
    height: 450px;
    object-fit: contain;
    margin: 40px auto 0;
}
.scene-nobox{background: transparent !important;}

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

    .hightlight3 ul.scene-nobox{padding: 0;}

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

    .hightlight3 .scene-nobox .sliderbg {
        width: 94vw;
        height: auto;
        margin: 0 auto;
    }
    ul.scene-nobox, ul.scene-nobox li{width: 100%;margin: 0;}
    .hightlight3 .slick-list{height: auto!important;}

}

/**--------換日自動切換---------**/
.showByDate{display: none;}
/**--------換日自動切換---------**/