@charset "UTF-8";

/*layout*/
.addpurchase-area{border: 0;margin-bottom: 50px;background: none;}
.addpurchase-list{display: flex;flex-wrap: wrap;justify-content:space-between;margin-bottom: 20px;clear: both;}
.addpurchase-list li{width: 24%;position: relative;padding-bottom: 15px;margin-bottom: 40px;}
.addpurchase-list li img{width: 100%;}
.addpurchase-list li .video-thumb{position: relative;cursor: pointer;aspect-ratio: 1 / 1;display: flex;justify-content: center;align-items: center;padding: unset;}
.addpurchase-list li .video-thumb video{display: block;width: 100%;height: 100%;object-fit: contain;user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;}
.addpurchase-list li .video-thumb .play-icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0,0,0,0.5);border-radius: 50%;width: 50px;height: 50px;pointer-events: none;user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;}
.overlay {position: fixed;inset: 0;background: rgba(0,0,0,0.85);display: none;align-items: center;justify-content: center;z-index: 1000;}
.overlay.open {display: flex;}
.modal-video-wrap {position: relative;max-width: 80vw;background: #000;border-radius: 12px;}
.modal-video-wrap video {width: 100%;height: auto;max-height:80vh;display: block;}
.close-btn {position: absolute;top: -50px;right: -30px;width: 40px;height: 40px;border-radius: 8px;display: grid;place-items: center;cursor: pointer;font-size: 20px;}
.addpurchase-list li h4{text-decoration: none;display: block;height: 41px;line-height: 1.2;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.addpurchase-list li h4,.addpurchase-list li > div{padding: 3px 10px;}
.addpurchase-list li .addpurchase-btn{ position: absolute;left: 50%;transform: translateX(-50%);}
.addpurchase-list li button,.btn-o{background: transparent linear-gradient(110deg, #FAB1A0 0%, #FD79A8 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 5px 10px #fd79a880;color: #fff;padding: 5px 10px;}
.addpurchase-list li button.btn-soldout{background: transparent linear-gradient(110deg, #a4a9ae 0%, #a4a9ae 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 0px;}
.btn-float{float: right;}
.addpurchase-area > .form-section-header{float: left;}
.btn-loadmore{ display: inline-block; box-shadow: 0 1px #da4453; cursor: pointer; background-color: #e75280;color: #fff;width: 50px;height: 50px;text-align: center;border-radius: 100px;position: relative;line-height: 40px;}
.btn-loadmore div{transform: rotate(90deg);font-size: 24px;position: absolute;width: 110%; bottom: 0;line-height: 1;}
.btn-loadmore:hover{position: relative;top: 1px;}
.addpurchase-price{color: #d8396a;font-weight: 600;float: inherit;text-align: center;font-size: 18px;}
.name_buy{text-align: center;color: #e75280;font-size: 20px;font-weight: 600;}
/*數字欄位*/
input[type="number"]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;}
.number-input{border:1px solid #e75280;display:inline-flex;}
.number-input,.number-input *{box-sizing:border-box;}
.number-input button,.order-comments-confirm{outline:none;-webkit-appearance:none;background-color:transparent;border:none;align-items:center;justify-content:center;width:20px;height:28px;cursor:pointer;margin:0;position:relative;background:#e75280;}
.number-input button:before,.number-input button:after,.order-comments-confirm:before,.order-comments-confirm:after{display:inline-block;position:absolute;content:'';width:10px;height:2px;background:#fff;transform:translate(-50%, -50%);}
.number-input button.plus:after,.order-comments-confirm.plus:after{transform:translate(-50%, -50%) rotate(90deg);}
.number-input input[type=number]{font-size: 18px; max-width:50px;padding:2px;border:solid #ddd;border-width:0 1px;height:28px;font-weight:bold;text-align:center;color: #878787;}

/*footer*/
.site-footer{border-top: 3px solid #e75280;padding: 30px 0 10px;}
.site-footer,.site-footer a{color: #ababab;}
.site-footer .wrapper > *,.foot-social-list li,.foot-nav li{display: inline-block;}
.foot-social-list{float: right;position: relative;top: 5px;}
.foot-social-list li{padding-left: 10px;height: 26px;}
.foot-nav{padding-left: 20px;}
.foot-nav li:after{content: '|';padding: 0 3px;}


@media screen and (max-width: 768px) {
.checkout-area{display: flex;flex-wrap: wrap;flex-direction: column;}
.checkout-area > * {width: 100%;}
.addpurchase-area{order: 2;}
.cart-payment-content{order: 3;}
.addpurchase-list li{width: 48%;}

/*footer*/
.site-footer{text-align: center;}
.site-footer .wrapper > *,.foot-social-list{display: block;padding: 0;float: none;}	
}

/*202005新增*/
.product-edit-tool .product-select {height: 30px;font-size: 18px;color: #878787;padding-left: 5px;}
.product-select {border-radius: 0;font-family: "Microsoft Jhenghei", "微軟正黑體","Arial";border: 1px solid #e75280;padding-right: 35px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url(../console2/img/common/down-arrow.png);background-size: 15px;background-repeat: no-repeat;background-position: 95% center;}

/*202005新增*/
.addpurchase-list-full li{width: 19%;}
.event-content{margin: 30px 0;}
.event-countdown-header{text-align: center;padding: 20px 0;border-bottom: 1px solid #e75280;}
.event-countdown-header h2{font-size: 30px;padding:0 20px;position: relative;top: 3px;margin-bottom: 10px;}
.event-countdown-header > *{display: inline-block;}
.event-countdown-digi span{font-size: 24px;display: inline-block;background-color: #e8e8e8; padding: 5px 10px;border-radius: 3px;position: relative;margin-right: 20px;}
.event-countdown-digi span:after{content: "：";position: absolute;right: -10px;width: 10px;}
.event-countdown-digi span:last-child:after{display: none;}.event-countdown-digi span:last-child{margin-right: 0;}
.checkout-list-content-area{margin: 20px;border-bottom: 5px solid #e75280;padding-bottom: 20px;}
.checkout-list-content-area .event-gallery{width: 25%;}
.checkout-list-content-area .event-info{width: 70%;padding-left: 5%;}
.event-info > h2,.event-info > .excerpt{border-bottom: 1px dashed #d7d7d7;}
.event-gallery .slider-nav-thumbnails .slick-track{width: 100%!important;}
.event-gallery .slider-nav-thumbnails .slick-slide{width: 25%!important;border: 1px #fff solid;}
.checkout-list-content-area > * ,.event-content .product-edit-tool > *{float: left;}
.event-info > *,.event-info > .excerpt p{padding: 5px 0;}
.price-show{margin-bottom: 10px;}.price-show > *,.event-product-edit > *{margin-right: 10px;margin-bottom: 50px;}
.addpurchase-list li button,.btn-o,.btn-theme-o{text-decoration: none;background: transparent linear-gradient(110deg, #FAB1A0 0%, #FD79A8 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 5px 10px #fd79a880;border-radius: 14px;padding-top: 10px;color: #FFFFFF;font-size: 16px;text-align: center;width: 140px;margin: 0 auto;height: 40px;border: 0;margin-bottom: 10px;}
.btn-theme-o{padding: 10px 20px;}
.event-btn{min-height: 50px;}
.event-slide-single img{width: 100%;}
.event-content-preview .checkout-list-content{border:1px solid #ddd;}
.event-content-preview .checkout-list-content-area .event-gallery{width: 30%;}
.event-content-preview .checkout-list-content-area .event-info{width: 69%;padding-left: 1%;}
.event-content-preview{margin: 0 30px 20px;border-bottom: 1px solid #e75280;padding: 30px 0;border-top: 1px solid #e75280;}
.event-content-preview .checkout-list-content-area{margin-right: 0;padding-bottom: 0;position: relative;border:0;margin-bottom: 0;}
.event-content-preview .event-countdown-header{border-bottom: 1px dashed #d7d7d7;}
.event-content-preview .event-countdown-header{padding: 5px 0 0;}
.event-content-preview .event-countdown-header h2{font-size: 24px;}
.event-content-preview .event-countdown-header .event-countdown-digi span{font-size: 18px;padding: 0 5px;}
.event-content-preview .event-info > h2,.event-content-preview .event-info > .excerpt{border-bottom: 0;}
.event-content-preview .checkout-list-content .event-btn{position: absolute;right: 5px;bottom: -20px;}
.event-content-preview .event-info > .excerpt p{padding: 0;line-height: 20px;}
.event-content-preview .price-show{margin-bottom: 40;}


@media screen and (max-width: 768px) {
.checkout-list-content-area > *{float: none;width: 100%!important;padding-left: 0!important;}
.event-countdown-header{padding: 10px;}
.event-content-preview .price-show > *{display: block;}
.price-show > *,.event-product-edit > *{margin-bottom: 0;}
.event-content-preview .checkout-list-content .event-btn{position: relative;}
}


@media screen and (max-width: 640px) {
.addpurchase-list-full li {width: 48%;}
}