/**-----倒數計時-----**/
.count-down-container{display: flex;justify-content: center;margin: 10px auto -10px;}
.count-down-box{display: flex; width:50px;margin:15px;justify-content: center;}
.count-down-box a{display: flex;}
.count-down h1{font-size: 2.2rem;background:var(--PV-eslite);color: #fff;padding: 10px 15px;border-radius: 5px;font-weight: 500;}
.count-down-container p{font-size:1rem; display: flex;justify-content: center;align-items: center;padding-top: 15px;font-weight: bold;color:var(--PV-font);}
.count-down-container h3{font-size: 1.4rem; display: flex;justify-content: center;align-items: center;padding-top: 15px;color: var(--PV-font);}
@media screen and ( max-width: 991px ){
.count-down-box{ width:10vw;margin:3vw;justify-content: center;}
.count-down-container{margin: -2vw auto 0;}
.count-down h1{font-size: 2rem;padding:1vw 2vw;}
.count-down-container p{font-size:1rem;padding-top: 1rem;}
.count-down-container h3{font-size: 1rem; padding-top: 1rem;}
}
/**-----倒數計時-----**/

ul.crosswise_3p_for2p{justify-content: space-between;padding: 0 7px;}
ul.crosswise-width46{flex-wrap: wrap;}
@media screen and ( max-width: 991px ){
ul.crosswise_3p_for2p{justify-content: center;padding: 0;}
ul.crosswise_3p_for2p li{width: 46vw;}
ul.crosswise_3p_for2p li a{flex-wrap: wrap;}
ul.crosswise-width46 li{width: 46vw;}
ul.crosswise-width46 li a{flex-wrap: wrap;}
}

.zasshi3{width:1160px;margin: 20px auto;}
.zasshi3 ul{display: flex;justify-content: space-around;}
.zasshi3 ul li{width:370px;background: #fff;padding: 10px;text-align: center;position: relative;transition: 0.5s all;}
.zasshi3 ul li:hover{transform: scale(0.96);}
.zasshi3 ul li h4{font-size: 1.6rem;padding-left: 40px;margin: 15px auto;color:#d33b49;font-weight: bold;}
.zasshi3 ul li a{display: flex;justify-content:flex-start;flex-wrap: wrap;}
.zasshi3 ul li img{width:330px;height: 330px; object-fit: contain;margin: 5px auto;}
.dis-for-zasshi3{position: absolute;top: 10px;left:  10px;border-radius: 50px;background:var(--PV-font);width: 80px;height: 80px;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 1rem;font-weight: 500;text-align: center;flex-wrap: wrap;flex-direction: column;}
.dis-for-zasshi3 big{color:#FFF523;font-size: 2.5rem;}
.zasshi3 ul li .font{text-align: left;margin:-30px 0 10px;display: flex;flex-direction: column;width:auto;}
.zasshi3 ul li .font p{background: #000; padding:5px 25px 5px 15px;color: #fff;text-align: left;border-radius: 0 30px 0 0;}
.zasshi3 ul li .font .price{margin-top: 5px;}
.zasshi3-buy{position: absolute;bottom: 20px;right: 10px;border-radius: 50px;background:var(--PV-font);width: 80px;height: 80px;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 1rem;font-weight: 500;text-align: center;flex-wrap: wrap;flex-direction: column;}
@media screen and ( max-width: 991px ){
.zasshi3{width:100%;margin:2vw auto;}
.zasshi3 ul{justify-content:center;flex-wrap: wrap;}
.zasshi3 ul li{margin: 2vw auto;width: 96vw;padding: 1vw;}
.zasshi3 ul li a{flex-direction: column}
.zasshi3 ul li img{width:70vw;height: 70vw; object-fit: contain;margin: 1vw auto;}
.zasshi3 ul li .font{margin: 0 auto 2vw;}
.zasshi3 ul li .font p{text-align: center;width:100%;background: transparent;margin: 1vw auto;color: var(--PV-font);}
.zasshi3 ul li .font .price{text-align: center;}
.zasshi3-buy{display: none;}
}


/*-----正中央放大的輪播-----*/
.slick-track{height: auto;padding: 20px 0;}
.slider-center-box{width: 1160px!important; margin: 0 auto;height: auto;}
.slider-center-box .slick-slide{transform: scale(0.8);transition: 0.5s all;padding: 40px 0;}
.slider-center-box .slick-slide img{max-width: 100%; transition: 0.5s all;object-fit: contain;}
.slider-center-box .slick-slide h4{color: var(--PV-eslite);font-size: 1.2rem;font-weight:500;line-height: 1.2;text-align: center;margin: 8px auto 0;}
.slider-center-box .slick-slide p{color: var(--PV-font);font-size: 0.9rem;font-weight:500;line-height:1.2;text-align: center;margin: 8px auto 0;}
.slider-center-box .slick-slide span{color: var(--PV-font);text-align: center;}
.slider-center-box .slick-center{transform: scale(1.25);}
.slider-center-box .slick-prev, .slider-center-box .slick-next{display: block!important;z-index: 99;}
.slider-center-box .slick-prev:before, .slider-center-box .slick-next:before{background: #000;color: #fff;padding: 10px;border-radius: 30px;font-size: 20px;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;opacity: 0.5;}
.slider-center-box .slick-slide:hover{transform: scale(0.7);}
.slider-center-box .slick-center:hover{transform: scale(1.1);}

.slider-center-box .slick-next::before {content: ''!important;background: url('https://events.eslite.com/DRPV/images/arrow-b.svg')center center no-repeat,#000000;background-size: 15px;}
.slider-center-box .slick-prev::before {content: ''!important;background: url('https://events.eslite.com/DRPV/images/arrow-f.svg')center center no-repeat,#000000;background-size: 15px;}

@media screen and ( max-width: 991px ){
.slider-center-box{width: 100%!important; margin: 0 auto;}
.slider-center-box .slick-next{right: 30px;}
.slider-center-box .slick-prev{left: 10px;}
}
/*-----正中央放大的輪播-----*/


/*---- 6 logo ----*/
.banner6 li{width: 178px;}
.banner6 li img{width: 100%;transition: 0.5s all;}
.banner6 li img:hover{transform: scale(0.9);}
@media screen and ( max-width: 991px ){
.banner6 li{width: 46vw;margin: 0 1vw;}
}

/*--  5.   --*/

/*品牌情境圖展示 */
.containershow {position: relative;display:flex;width: 1060px;height: 460px;transition: all 0.5s;margin: 30px auto;justify-content: space-evenly;}
.containershow:hover .box {filter: grayscale(100%) opacity(24%);}
.containershow a{width: 180px;}
.box {position: relative;background-size: cover;transition: all 0.5s;display: flex;justify-content: center;align-items: center;}
.containershow .box:hover {filter: grayscale(0%) opacity(100%);}
.box img{width: 100%;object-fit: cover;height: 460px;}
.containershow a:hover{width: 460px;}
.box:nth-child(odd) {transform: translateY(-16px);}
.box:nth-child(even) {transform: translateY(16px);}
.box::before {content: attr(data-text1);position: absolute;background: #fff;color: #000;padding:10px 30px;top: 10px;position: absolute;border-radius: 50px;}
.box::after {content: attr(data-text2);position: absolute;bottom: 20px;background:var(--PV-eslite);color: #fff;padding:10px 30px;text-transform:uppercase;transform: translateY(60px);opacity: 0;transition: all 400ms;border-radius: 50px;}
.box:hover::after {transform: translateY(0);opacity: 1;transition-delay: 0.5s;}

@media screen and ( max-width: 991px ){
.containershow{width: 96vw;flex-direction: row;flex-wrap: wrap;height: auto;}
.containershow:hover .box {filter: grayscale(0%) opacity(1);}
.containershow a{width: 46vw;height:auto;margin: 1vw;overflow: hidden;}
.containershow img{width: 46vw;height:  55vw;}
.box:nth-child(odd) {transform: translateY(0px);}
.box:nth-child(even) {transform: translateY(0px);}
.containershow a:nth-last-child(1){width:100%;}
.containershow a:nth-last-child(1) img{width:100%;}
.box::before {padding:1vw 3vw;top:2vw;}
.box::after {content: attr(data-text2);position:absolute;bottom:2vw;padding:1vw 3vw;text-transform:none;transform: translateY(0px);opacity: 1;transition: all 400ms;border-radius: 50px;display: block;width: 60%;text-align: center;}
}
/*品牌情境圖展示 */

/*左情境右三品 */
.hightlight-sp{padding: 0 30px;}
.hightlight-sp ul{background:transparent;padding:10px 0;width: 550px;}
.hightlight-sp ul:nth-child(1) li a img{width: 550px;height: 627px;object-fit:cover;background:#fff; }
.hightlight-sp ul:nth-child(2) li{width:245px;}
.hightlight-sp ul:nth-child(2) li img{width:245px; height: 245px;}
.hightlight-sp ul:nth-child(2) li:nth-child(1){width:500px;}
.hightlight-sp ul:nth-child(2) li:nth-child(1) a{display: flex;flex-direction:row;flex-wrap: wrap;}
.hightlight-sp ul:nth-child(2) li:nth-child(1) .font{width:245px;display:flex;flex-direction:column;flex-wrap: wrap;justify-content: center;align-items: center;}
.hightlight-sp ul:nth-child(2) li:nth-child(1) .font h4{background: transparent;color: var(--PV-eslite);}
@media screen and ( max-width: 991px ){
.hightlight-sp{padding: 0;}
.hightlight-sp ul{padding:0;width:96vw;margin: 0 auto;}
.hightlight-sp ul:nth-child(1) li a img{width: 94vw;height:107vw;}
.hightlight-sp ul:nth-child(2) li{width:46vw;}
.hightlight-sp ul:nth-child(2) li img{width:46vw; height:46vw;}
.hightlight-sp ul:nth-child(2) li:nth-child(1){width:94vw;}
.hightlight-sp ul:nth-child(2) li:nth-child(1) a{display: flex;flex-direction:row;flex-wrap: nowrap;}
.hightlight-sp ul:nth-child(2) li:nth-child(1) .font{width:245px;display:flex;flex-direction:column;flex-wrap: wrap;justify-content: center;align-items: center;}
.hightlight-sp ul:nth-child(2) li:nth-child(1) .font h4{background: transparent;color: var(--PV-eslite);}
}
/*左情境右三品 */


/*左960AD右兩品 */
.boxmix-forbn .box-mix{align-items: center;padding: 0;justify-content: center;}
.boxmix-forbn .box-mix ul{align-items: center;justify-content: center;}
.boxmix-forbn .box-mix ul.quotes{width: 690px;margin: 0;align-items: center;justify-content: center;}
.boxmix-forbn .box-mix ul.quotes li{background: transparent;padding:0px;width: 670px;}
.boxmix-forbn .box-mix ul.quotes img{width: 100%;max-width: 100%;height: auto;}
.boxmix-forbn .box-mix ul.hightlight{width: 420px;}
.boxmix-forbn .box-mix ul.hightlight li{width: 200px;}
.boxmix-forbn .box-mix ul.hightlight li img{width: 200px;height: 200px;object-fit: contain;}
@media screen and ( max-width: 991px ){
.boxmix-forbn .box-mix ul.quotes{width:94vw;}
.boxmix-forbn .box-mix ul.hightlight{width:46vw;}
.boxmix-forbn .box-mix ul.hightlight li{width:46vw;}
.boxmix-forbn .box-mix ul.hightlight li img{width:46vw;height:46vw;}
}
/*左960AD右兩品 */


.hightlight-tallBN {max-width: 1140px;margin: 20px auto 0;display: flex;}
.left-tallBN li{padding: 20px 0;}
.left-tallBN li img{width: 320px;}
.left-tallBN a{ width: 370px;}
.left-tallBN p{text-align: center;font-size: 1.6rem;line-height:1.3;padding:0;background: #555;color: #fff;height: 100px; display: flex;justify-content: center;align-items: center;font-weight: 500;}

.hightlight-tallBN .hightlight { width: 790px; margin: 20px auto 40px; padding: 10px 0; background: #ccc;}
.hightlight-tallBN .hightlight ul { display: flex; flex-wrap: wrap; justify-content: center;}
.hightlight-tallBN .hightlight li { width: 182px; background: #fff; margin: 6px; padding: 0px;}
.hightlight-tallBN .hightlight img { display: block; width: 182px; height: 182px;object-fit:contain;}

.hightlight-tallBN .hightlight .font h4 { padding: 6px 10px; margin: 0 0 5px; color: #fff; background: #297dab; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hightlight-tallBN .hightlight .font { display: block; text-align: center;}
.hightlight-tallBN .hightlight .font .price { margin: 10px 0 15px;}

@media screen and (max-width: 991px) {
	.hightlight-tallBN {margin: 2vw auto; flex-wrap: wrap; padding: 2vw;}
	.left-tallBN{width:100%;}
	.left-tallBN li{padding: 0;}	
	.left-tallBN a{ width: 98vw;display: flex;margin: 0 auto;}
.left-tallBN li img{width: 48vw; height: 48vw;}
.left-tallBN li p{width: 48vw; height: 48vw;}

	.hightlight-tallBN .hightlight{width:100%;background: transparent;margin: 0 auto;}
	.hightlight-tallBN .hightlight li { width: 46vw; padding: 0; margin: 1vw;}
	.hightlight-tallBN .hightlight img { width: 46vw; height: 46vw;}

	.hightlight-tallBN .hightlight .font h4 { padding: 1vw;}
	.hightlight-tallBN .hightlight .font {margin: 0 0 3vw 0;}
	.hightlight-tallBN .hightlight .font .price { margin: 1vw 0;}
}


.recommend-columnar{display: flex;align-items: center;justify-content: center;flex-direction: row-reverse;margin: 20px auto;}
.recommend-columnar .font{padding: 10px;}
.recommend-columnar .font h4 a{color: #000;font-size: 2rem;transition: 0.5s all;line-height:1.2;}
.recommend-columnar .font h4 a:hover,.recommend-columnar .font p a:hover{transform: scale(0.98);}
.recommend-columnar .font p a{color: #000;font-size: 1.4rem;line-height: 1.7rem;margin: 10px 0;transition: 0.5s all;}
.recommend-columnar img{max-height: 400px;}
@media screen and ( max-width: 991px ){
.recommend-columnar{display: flex;align-items: center;justify-content: center;flex-direction: column;margin: 20px auto;}
.recommend-columnar img{max-height:70vw;}
.recommend-columnar .font p a{font-size: 1.2rem;line-height: 1.2;margin: 1vw 0;}
}

/*影片公版*/
.videobox{width: 1160px;display: flex;flex-direction: row;background: none;margin:20px auto;padding:0;}
.videobox h3{font-size: 1.8rem;line-height:1.2;text-align: left;margin: 0 auto 12px;color: #000;}
.videobox p{font-size: 1.2rem;line-height: 1.3;color: #000;}
.video_font{padding: 0 20px;}
.videoimg img{max-width: 225px;}
.morebtn{padding: 5px 20px 8px 20px;line-height: 60px;font-size: 22px;background:var(--PV-font);text-align: center;border-radius: 50px;transition: all .3s;font-family: 'Noto Serif TC' ,serif;color: #ffffff;}
.morebtn:hover{background:var(--PV-eslite);color: #ffffff;}
.morebtn_m{display: none;}
.video_font h3 br{display: none;}
@media screen and (max-width: 991px){
    .videobox iframe{    width: 100%!important;
    height: 53vw!important;}
.videobox{width: 98%;display: flex;flex-direction: column;padding: 2vw;background: #ffffff;}
.videobox h3, .videobox p{text-align: center;}
.videoimg{padding: 2vw 0 0;}
.videoimg img{display: block;margin: 0 auto 5vw;max-width: 60vw;}
.morebtn{display: none;}
.morebtn_m{display:flex;padding: 2vw;width:50%;background:var(--PV-font);font-size: 22px;color: #fff;;text-align: center;border-radius: 30px;margin: 3vw auto;font-family: 'Noto Serif TC' ,serif;justify-content: center;align-items: center;line-height: 1;}
.video_font h3 br{display: block;}
    .video_font{padding:2vw;}
}

/* 影片帶兩品 */	
.rectangle.video-for2 {margin: 2vw auto;}	
.rectangle.video-for2 ul li:first-child{width: 600px;padding: 10px;display: flex;justify-content: center;align-items: center;}
.rectangle.video-for2 ul li iframe:first-child{width: 100%; height: 350px; margin:0 auto;}	

@media screen and (max-width: 991px){
.rectangle.video-for2 ul li:first-child{width:100%;padding: 1vw;}
.rectangle.video-for2 ul li iframe:first-child{width: 100%; height:55vw;}	
}

.meeteslite{display: flex;width: 1090px;padding: 0;margin: 20px auto 40px;}
.meeteslite .photograph{width: 800px;padding: 0;margin: 0 auto;}
.meeteslite .photograph img{width: 800px; height: 390px;transition: 0.5s all;object-fit: cover;}
.meeteslite .photograph img:hover{transform: scale(0.98);}
.meeteslite .hightlight{width: 260px;margin: 0 auto;padding: 0;}
.meeteslite .hightlight li{margin: 0;}
.meeteslite .hightlight li img{object-fit: contain;}
@media screen and ( max-width: 991px ){
.meeteslite{width: 100%;flex-direction: column;margin: 2vw auto 2vw;}
.meeteslite .photograph img{width: 98vw;margin: 1vw auto;height: auto;}
.meeteslite .photograph{width: 100%;}
.meeteslite .hightlight{width:100%;margin: 0 auto;padding: 0;}
.meeteslite .hightlight li{width: 98vw;display: flex;padding: 2vw;}
.meeteslite .hightlight li a{width: 98vw;display: flex;align-items: center;}
.meeteslite .hightlight .font{width: 50vw;margin: 0;}
.meeteslite .hightlight .font h4{background: transparent;color: var(--PV-eslite);text-overflow:inherit;padding-right: 2vw;width: 100%;white-space:normal;line-height: 1.2;}
}


/* 四格情境分類圖 */	
.film-rectangle-for4 .rectangle ul li{width: 275px;height: 275px;/*border-radius: 50%;*/}
.film-rectangle-for4 .rectangle ul li img{width: 255px;height: 255px;/*border-radius: 50%;*/  -webkit-filter:brightness(.5);transition: 0.5s all;}
.film-rectangle-for4 .rectangle ul li h4{width: 255px;height: 255px;top: 0px;display: flex;justify-content: center;align-items: center;color: #fff; z-index: 11;}
.film-rectangle .rectangle li a{position: relative;}

.film-rectangle-for4 .rectangle ul li:hover img{ -webkit-filter:brightness(1);}
.film-rectangle-for4 .rectangle ul li:hover h4{z-index: 0;}

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

.film-rectangle-for4 .rectangle ul li{width: 46vw;height: 46vw;}
.film-rectangle-for4 .rectangle ul li img{width: 44vw;height:44vw;}
.film-rectangle-for4 .rectangle ul li h4{width: 44vw;height:44vw;top: 0px;display: flex;justify-content: center;align-items: center;}

.film-rectangle-for4 .rectangle{background: transparent;}
}

/* 四格情境分類圖-圓圖 */	
.film-rectangle-for4r .rectangle ul li{border-radius: 50%;}
.film-rectangle-for4r .rectangle ul li img{border-radius: 50%;}

@media screen and ( max-width: 991px ){
.film-rectangle-for4r .rectangle ul li{border-radius: 22vw;}
.film-rectangle-for4r .rectangle ul li img{border-radius: 22vw;}
}

/* 16 三個品牌情境圖＋一段字 */
.rectangle_3p_brand li{width: 350px;padding: 0;background: transparent;margin: 5px;}
.rectangle_3p_brand li:hover{transform: scale(0.98);}
.rectangle_3p_brand li img{width: 320px;height: 380px;border-radius: 175px 175px 0 0;object-fit: cover;}
.rectangle_3p_brand li .font h4{width:350px;background: var(--PV-eslite);margin: 0 auto;padding: 10px;color: #fff;line-height: 1.2;text-overflow: ellipsis;overflow: hidden;white-space:  nowrap;}
@media screen and ( max-width: 991px ){
.rectangle_3p_brand li{width: 46vw;padding: 0;background: transparent;margin: 1vw;}
.rectangle_3p_brand li img{width:46vw;height:53vw;border-radius: 23vw 23vw 0 0;}
.rectangle_3p_brand .font{padding: 0!important;}
.rectangle_3p_brand li .font h4{width:46vw;padding: 10px 0;}

.rectangle_3p_brand li:nth-child(3n+1){width: 56vw!important;margin: 1vw 20vw!important;}
.rectangle_3p_brand li:nth-child(3n+1) img{width: 56vw!important;height: 65vw!important;border-radius: 28vw 28vw 0 0;}
.rectangle_3p_brand li:nth-child(3n+1) .font h4{width: 56vw!important;}
.rectangle_3p_brand li:nth-child(3n+1) a{flex-wrap: wrap!important;}
}

/* 16 三個品牌情境圖＋一段字 */