@charset "UTF-8";

/* CSS reset */
body{margin:0;padding:0;}html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, input, button,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}ol, ul{list-style:none;}a{text-decoration:none;}hr,br{clear:both;}blockquote, q{quotes:none;}blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}input, button, textarea, select{*font-size:100%;}body{line-height:180%;}ol, ul, li{list-style:none;}:link,:visited , ins{text-decoration:none;}blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;} section, article, aside, footer, header, nav, main{display:block;}*,*::before,*::after{-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family:"Arial","Microsoft Jhenghei", "微軟正黑體",sans-serif;font-size: 14px;color: #4c4c4c;background-color: #f5f6fa;}
.clear{clear: both;}.clear:before, .clear:after {content:""; display:table; clear:both;}
/*default*/
.theme{color: #e75280;}
.bg-theme,.btn-theme-nr{background: transparent linear-gradient(118deg, #FAB1A0 0%, #FD79A8 100%) 0% 0% no-repeat padding-box;}
.mobile{display: none;}
h1,h2,h3{font-weight: 600;}
.f-nr{color: #4c4c4c;}
.f-dark{color: #484848;}
.f-light{color: #a4a9ae;}
.f-org{color: #d15a5a;}
.f-warn{color: #ff4800;}
.f-complete{color: #8cc152;}
.f-red{color: #ed5565;}
.f-lg{font-size: 20px;}
.f-xlg{font-size: 30px;}
.f-md{font-size: 14px;}
.f-min{font-size: 12px;}
.f-line{text-decoration: underline;}
.align-c{text-align: center;font-size: 16px;}
.align-l{text-align: left;}
.float-r{float: right;}
.crp{cursor: pointer;}
.full{width: 100%;}
.ellipsis,.checkout-list .checkout-shop h3{overflow : hidden;text-overflow : ellipsis;white-space : nowrap;}
.label{border-radius: 3px;box-shadow: 0 3px 3px rgba(0,0,0,.4);color: #fff;padding: 8px;display: inline-block;line-height: 1;}
.label.newin{background-color: #ffae00;}
.label-min{padding:5px;font-size: 12px;}
.label.paid,.order-complete{background-color: #8cc152;}
.label-nr{background-color: #0596FB;}
.label.pending{background-color: #ff4800;}
.avatar{overflow: hidden; position: relative; z-index: 9; width: 90px;height: 90px;border-radius: 100px;overflow: hidden;border:2px solid #e75280;box-shadow: 0 2px 9px rgba(0,0,0,.35);margin: 0 auto;background-image: url(../img/common/bg-avatar.png);background-repeat: no-repeat;background-position: right center;background-size: cover;}
.avatar img,.preview-list-cover img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%;}
/*按鈕*/
.btn-coupon-select:hover{background-color: lightblue !important;}
.site-btn,.ui-dialog-buttonpane .ui-button{transition: all 0.05s ease-in;display: block; padding: 10px 20px;border-bottom: 3px solid transparent;line-height: 1;border-radius: 3px;cursor: pointer;text-align: center;margin-bottom: 5px;}
.btn-theme,.btn-nr,.ui-dialog-buttonpane .ui-button{border: none;background: #666666 0% 0% no-repeat padding-box;box-shadow: 0px 3px 0px #434343;border-radius: 10px;color: #ffffff;cursor: pointer;}
.btn-theme.open{background-color: #e75280;color: #fff;border:1px solid transparent;}
.cart-checkout-coupon{float: left !important; text-align: left !important;}
.cart-campaign-select{border: 2px solid #e3e4e8; border-radius: 3px; color: #768082; font-size: initial; width: 155px;}
.ui-button-pink{
  background-color: #e75280 !important;
  color: #fff;
  border:1px solid #e75280 !important;
  box-shadow: 0px 3px 0px #da4453 !important;
}
@media (hover: hover) {
.btn-theme:hover,.btn-nr:hover,.ui-dialog-buttonpane .ui-button:hover{background: #FFAA00 0% 0% no-repeat padding-box;box-shadow: 0px 3px 0px #b57900;color: #fff;border: 1px solid transparent;}}
.btn-theme.open{border-bottom: 3px solid #da4453;margin-bottom: 0;position: relative;top: -3px;}
@media (hover: hover) {
.btn-theme:hover,.ui-dialog-buttonpane .ui-button:hover{margin-bottom: 0;position: relative;top: -3px;margin-bottom: 10px;}
}
@media (hover: hover) {
.btn-green:hover{border-bottom: 3px solid #63952c;background-color:#8cc152; }
}
.btn-theme-text{text-decoration: underline;color: #e75280;margin-top: 5px;display: block;}
.btn-auto{margin: 0 auto;}
.btn-min{width: 105px;font-size: 13px;}
.btn-md,.ui-dialog-buttonpane .ui-button{width: 110px;font-size: 14px;border: none;background: #666666 0% 0% no-repeat padding-box;box-shadow: 0px 3px 0px #434343;border-radius: 10px;color: #ffffff;cursor: pointer;}
.btn-lg{width: 135px;padding-left: 15px;padding-right: 15px;}
.btn-xs{padding: 10px 5px;min-width: 60px;}
.btn-flat{padding: 3px 15px;line-height: 1;}
.btn-group > *,.ui-dialog-buttonset > .ui-button{display: inline-block;margin-right: 10px;}
.btn-group > *:last-child,.ui-dialog-buttonset > .ui-button:last-child{margin-right: 0;}
.btn-group-2 > * {width: calc(50% - 5px);display: block;float:left;}
/*顯示狀態*/
.order-status{box-shadow: 0 2px 2px rgba(0,0,0,.6);width: 36px;height: 36px;border-radius: 100px;position: absolute;z-index: 9;background-size: 28px;background-repeat: no-repeat;background-position: center;left: 40px;top: 50px;}
.order-complete{background-image: url(../img/common/check-mark.png);}
.order-fail{background-color: #ff0000;background-image: url(../img/common/closed.png);}
/*表格*/
.site-table{width: 100%;}
.site-table th,.site-table td{padding: 9px;line-height: 1;vertical-align: middle;text-align: center;}
.site-table th{background-color: #a4aeb9;color: #fff;font-weight: 300;;min-width: 50px;}
.site-table td{font-size: 12px;color: #a4a9ae;}
.site-form input,.site-form textarea{border: 2px solid #e3e4e8;border-radius: 3px;padding: 10px 20px;line-height: 1;color: #768082;resize: none;}
.site-form > fieldset > *{margin-bottom: 5px;}
.site-form > fieldset{margin-bottom: 20px;}
.btn-form-radio{position: relative;}
.btn-form-radio input[type=radio]{position: absolute;opacity: 0;width: 100%;height: 100%;z-index: 9;cursor: pointer;}
.btn-form-radio label{display: block;position: relative;padding: 0;z-index: 1;-webkit-transition: all 0.1s linear;transition: all 0.1s linear;background-color: #a4a9ae;color: #fff;padding: 10px 25px;line-height: 1;border-radius: 3px;border-bottom: 3px solid #83898f;text-align: center;}
.btn-form-radio input[type=radio]:checked ~ label{border-bottom-color:#da4453;background-color: #e75280;}
@media (hover: hover) {
.btn-form-radio:hover label{border-bottom-color:#da4453;background-color: #e75280;}
}
.btn-form-radio input[type=radio]:checked ~ label:before{content: "\e902";position: absolute;left: 15px;font-family: 'sitefont';font-size: 18px;}
.form-section-header{font-size: 18px;margin-bottom: 10px;}
.site-dialog-content .form-section-header{font-weight: 300;}
.site-form .required{border-color: #e75280;}
/*layout*/
.wrapper{width: 960px;margin: 0 auto;}
.site-header{box-shadow: 0 2px 4px rgba(0,0,0,.25);padding: 10px 0;background-color: #fff;}
.page-title{font-size: 18px;border-left: 1px solid #e75280;padding-left: 15px;line-height: 1;}
.content-area{padding: 30px 0;}
.cart-checkout-content{float: left;width: calc(100% - 235px);}
.sidebar{width: 225px;float: right;}
/*header*/
.site-logo,.site-header .page-title,.main-menu li{float: left;line-height: 1;}
.site-logo img{width: 160px;height: 50px;max-width: 100%;max-height: 100%;margin-right: 10px;}
.site-header .page-title{margin-top: 13px;background-color: #fff;}
.main-menu{float: right;background-color: #e8e8e8;user-select: none;position: relative;}
.main-menu li{position: relative;overflow: hidden;cursor: pointer;height: 38px;line-height: 38px;}
.main-menu li a,.main-menu{border-radius: 100px;}
.main-menu li a{padding: 0 12px;display: block;color: #676767;text-align: center;position: relative;z-index: 5;line-height: 35px;}
.main-menu li a:before{color: #2f2c2d;font-size: 20px;position: relative;top: 3px;}
.main-menu li.current a,.main-menu li.current a:before{color: #fff;}
.main-menu li.current a{font-size: 16px;background: transparent linear-gradient(118deg, #FAB1A0 0%, #FD79A8 100%) 0% 0% no-repeat padding-box;position: relative;height: 38px;}
.main-menu .slider {display: block;position: absolute;top: 0;left: 0;height: 38px;background: #e75280;transition: all 0.5s;border-radius: 100px;z-index: 4;}
@media screen and (max-width: 768px) {
.page-title{font-size: 18px;border-left: 1px solid #e75280;padding-left: 15px;line-height: 1;margin-left: 35px;}
.site-logo img{width: 110px; height: auto;margin-right: 0px;}
}
/*待填單商品清單*/
.checkout-list-content,.checkout-list > li,.checkout-list > li .checkout-total,.checkout-list > li .checkout-total .total-price-display,.cart-checkout-content,.card-content,.cart-packing-desc{position: relative;}
.checkout-list > li{float: left;width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 40px;z-index: 8;}
.checkout-list > li:after,.layer:after{content: '';width: 100%;height: 8px;background-image: url(../img/common/bg-layer.png);display: block;background-size: 95% 100%;background-repeat: no-repeat;background-position: center top;}
.layer:after{background-image: url(../img/common/bg-layers.png);background-size: 98% 100%;}
.checkout-list > li:nth-child(3n){margin-right: 0;}
.checkout-list .checkout-shop h3,.total-price-display .total-price{font-size: 18px;}
.checkout-shop .avatar{position: relative;top: -15px;}
.checkout-shop .checkout-date{color: #627d8a;transform: scale(.83);}
.checkout-qty{border-top: 1px solid #d9d9d9;padding: 10px 10px 0;margin-top: 5px;}
.checkout-qty-display{padding: 0 5px;}
.checkout-preview{border:1px solid #e75280;padding: 5px 10px;line-height: 1;display: inline-block;}
.checkout-shop .checkout-preview {float: right;}
.checkout-list > li .checkout-total{border-left: 1px solid #e75280;height: 188px;background-image: url(../img/common/bg-card.png);background-repeat: no-repeat;background-position: right center;background-size: cover;}
.total-price-display .total-price > div{font-size: 30px;color: #ff004f;margin-top: 15px;}
.checkout-link{  bottom: -20px;right: calc(20% - 35px); width: 70px;height: 70px;border-radius: 100px;color: #fff;display: block;font-size: 50px;text-align: center;line-height: 70px;box-shadow: 0 2px 4px rgba(0,0,0,.3);position: absolute;}
.checkout-list > li .checkout-list-content > *{float: left;font-size: 20px;font-family: "微軟正黑體";}
.checkout-list > li .checkout-total .total-price-display{left: 50%;top: 50%;transform: translate(-50%,-50%);}
.checkout-list > li .checkout-shop{width: 60%;padding: 0 10px;}
.checkout-list > li .checkout-total{width: 40%;}
.checkout-list > li .label{position: absolute;left: -10px;top: 30px;}
.checkout-list-content,.cart-checkout-content,.card-content{z-index: 2;background-color: #fff;border: 1px solid #d9d9d9;border-radius: 5px;}
.checkout-preview-list-content{z-index: 1; top: calc(100% - 20px);display: none;position: absolute;width: 95%;left: 2.5%;border: 1px solid #dbdbdb;padding: 5px;background-color: #fff;border-radius: 5px;box-shadow: 0 1px 3px rgba(0,0,0,.2);}
.preview-list-cover{width: 40px;height: 40px;border:2px solid #eee;/*border-radius: 3px;*/margin-right: 10px;}
.checkout-preview-list .preview-list-info{width: calc(100% - 50px);}
.checkout-preview-list{padding: 5px 0; }
.checkout-preview-list > li > * {float: left;line-height: 1.5;}
.checkout-preview-list > li{border-bottom: 1px dashed #828282;padding: 10px 0 0;margin-bottom: 2px;}
.checkout-preview-list > li:last-child{border-bottom: 1px solid #e75280;}
@media (hover: hover) {
.checkout-preview-list-content .btn-delete:hover{margin-top: -2px;}
}
.preview-list-info .preview-list-subtotal{float: right;padding-right: 25px;font-size: 15px;}
.preview-list-info h4{width: 70%;}
.preview-list-desc{color: #99a3b1;float: left;}
.preview-list-desc dt,.preview-list-desc dd,.shop-info-list dt,.shop-info-list dd{float: left;line-height: 1.2;}
.preview-list-desc dd{margin-right: 8px;}
.checkout-list > li.open{z-index: 9!important;}
.checkout-list li.open .checkout-list-content{display: block!important;}
.checkout-list > li.off{z-index: auto;}
/*待填單-結帳*/
.card-content{margin-bottom: 20px;}
.card-content:after{position: absolute;bottom: -9px;}
.cart-checkout-cover{border-color: #a4a9ae;}
.shop-banner{background-color: #e8e8e8;padding: 10px 15px;}
.shop-banner .avatar{position: absolute;width: 70px;height: 70px;}
.shop-banner .shop-info{padding-left: 90px;}
.cart-checkout-content .order-no{padding: 5px 0 5px 105px;}
.shop-info-list{color: #999;margin-top: 10px;}
.shop-info-list dd{min-width: 30px;margin-right: 30px;}
.shop-info-list dd:last-child{margin-right: 0;}
.checkout-table-note p{max-width: 60px;margin: 0 auto;}
.cart-checkout-table .checkout-table-title,.cart-checkout-table .checkout-table-spec{text-align: left;line-height: 120%;}
.cart-checkout-table tfoot,.cart-packing-desc{border-top: 1px solid #e75280;}
.cart-checkout-cover{margin: 0;}
.cart-checkout-table .cart-checkout-total-display{text-align: right;padding: 25px 10px 10px 25px;}
.cart-checkout-total-display > *{display: inline-block;min-width: 15%;margin-left: 10px;}
.checkout-total-display-label{margin-bottom: 10px;}
.checkout-total-display-desc{padding-top: 5px;font-size: 16px;}
.checkout-total-price{padding-top: 0;}
.digit-input-form{padding: 30px 0 0;}
.digit-input-form label{margin-bottom: 10px;display: block;}
.digit-input-group .digit-input{display: inline-block;width: 35px;text-align: center;padding: 10px;}
/*備貨中*/
.cart-total-shown .label{box-shadow: none;}
.cart-total-shown-digi{font-size: 18px;padding-top: 3px;}
.cart-packing-content .shop-banner > *{display: inline-block;vertical-align: top;}
.cart-packing-content .shop-banner .shop-info{width: 60%;}
.cart-packing-content .shop-banner .btn-detail{float: right;margin: 15px 0px;margin-bottom: 0;}
.packing-info-list{width: 80%;}
.packing-info-list dt,.packing-info-list dd{margin-bottom: 5px;}
.packing-info-list dd{color: #4c4c4c;}
.cart-packing-desc{padding:0 15px 10px 105px;}
.packing-note-edit > *{display: inline-block;}
.packing-note-edit{width: 80%;}
.packing-note-preview{width: 85%;margin-left: 10px;line-height: 1;position: relative;top: 2px;}
.cart-packing-desc .btn-notify{position: absolute;top: 15px;right: 15px;}
.cart-packing-desc .btn-notify2{position: absolute;bottom: 10px;right: 15px;}
@media (hover: hover) {
.cart-packing-desc .btn-notify:hover{top: 12px;}
.cart-packing-desc .btn-notify2:hover{top: initial;}
}
.cart-packing-qty-bag{top: 55px;left: -30px;background-image: url(../img/common/bag.png);width: 47px;height: 52px;background-size: 100% auto;background-repeat: no-repeat;position: absolute;z-index: 10;line-height: 52px;color: #fff;text-align: center;font-size: 16px;}
.avatar-w{position: absolute;top: 25px;}
.cart-detail-preview {display: none;}
.cart-detail-preview .cart-checkout-table{margin-top: 30px;}
.orders-area .cart-detail-preview .cart-checkout-table{margin-top: 40px;}
/*dialog*/
.ui-widget-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);z-index: 99!important;}
.ui-dialog-titlebar,.ui-dialog,.site-dialog{display: none;}
.ui-dialog{z-index: 100 !important;position: absolute;}
.ui-dialog{background-color: #fff;border-radius: 10px;}
.site-dialog-header{padding: 20px 25px;border-bottom: 2px solid #e75280;line-height: 1;text-align: center;}
.site-dialog-header > *{display: inline-block;}
.site-dialog-header h1{font-size: 18px;color: #29353f;}.site-dialog-header h2{font-weight: 300;}
.site-dialog-content,.site-dialog-foot,.ui-dialog-buttonpane{padding: 10px 25px;}
.notice-w-icon{text-align: center;padding: 25px 0;}
.notice-w-icon > * {display: inline-block;vertical-align: middle;}
.notice-w-icon i{font-size: 100px;margin-right: 25px;}
.notice-w-icon p{font-size: 24px;text-align: left;line-height: 150%;}
.ui-dialog-buttonset{text-align: center;}
.btn-coupon-select:hover{color: #fff;}
.dialog-coupon-img{width: 15%;}
.dialog-coupon-img img{float: left; width: 70%; margin-left: 12px;}
.dialog-coupon{width: 80%; float: right; margin: 5px;}
.dialog-coupon-head{padding-bottom: 3px; float: left; }
.dialog-coupon-body{padding-bottom: 3px; float: center;}
.dialog-coupon-hr{height:1px;border:none;border-top:1px inset;}



/*0620 多件優惠圖示新增--桌機版*/
.addpurchase-list .product_pecial_offer-position {position:relative; padding: 0px;}
.addpurchase-list .product_pecial_offer-position img{width: 45px;height: 45px;position: absolute;left: 73%;margin-top: 1%;}


/*20240112 預購圖示新增--桌機版*/
.addpurchase-list .product_preorder-position {position:relative; padding: 0px;}
.addpurchase-list .product_preorder-position img{width: 45px;height: 43px;position: absolute;right: 73%;margin-top: 1%;}


/*0620新增-商品多件優惠說明---桌機版*/
.product-special-offer-title h1{display: block;width:100%;font-size: 1.2em;background: #EB1E69; /*標題底色*/padding: 4px;text-align: center;color: #FFF;font-weight: bold;letter-spacing: 0.05em;}
.product-special-offer-box {margin-top: -5px;background: #ffffff; /*底色*/border-width:1px;border-style:solid;;border-color:#d8396a;padding-top: 0 !important;}
.special-offer-desc{width: 50%;margin:15px;}
.special-offer-desc ul{margin-left: 40px;list-style-type:square !important;}
.special-offer-desc ul li {list-style: outside;color:#000000;font-size: 16px;font-weight: 700;text-align: left;line-height: 2;}
.special-offer-price {margin-bottom: 10px;text-align: center;}
.special-offer-price span{color:#d8396a;font-size: 14px;font-weight: 500;}
.special-offer-picture{width: 50%;margin: 10px;position: relative;}
.special-offer-picture img{width: 80%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
.box-flex{display: flex;}

/*商品小幫手-商品明細編輯*/
.pagination .btn-nr {
  border: 2px solid #e75280;
  color: #e75280;
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: none;
}
.pagination .btn-nr:hover{
  background-color: #e75280;
  color: #ffffff;
  border-radius: 5px;
}
.pagination .btn-nr-gray {
  border: 2px solid #686868;
  color: #686868;
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: none;
}
.pagination .btn-nr-gray:hover{
  background-color: #686868;
  color: #ffffff;
  border-radius: 5px;
}
.admin-page-header{
  align-items: center;
}
.admin-page-header h2 {
  font-size: 30px;
  color: #E25481;
  width: calc(100% - 300px);
  line-height: 1.2;
  margin-left: 10px;
}
.mainContent {
  background-color: #ffffff;
  box-shadow: 0px 3px 6px #78104829;
  padding-left: 20px;
  padding-right: 20px;
}
/*編輯圖區塊*/
.editor-photo-area{
  border: 1px solid #dedede;
  margin-bottom: 20px;
  border-radius: 5px;
}
.editor-photo-section{
  display: flex;
  width: max-content;
  margin: 0 auto;
}
/*商品標題*/
.commodity-name{
  margin-top: 15px;
  font-weight: 600;
  font-size: 20px;
  color: #e75280;
}
/*主圖*/
.editor-main-photo{
  position: relative;
}
.editor-main-photo img{
  width: 250px;
  height: 250px;
  padding: 2px;
  border: 3px dashed lightgray;
}
/*刪除圖*/
.editor-btn-clear{
  position: absolute;
  top: -10px;
  right: -10px;
  background: #E25481;
  border-radius: 50px;
  width: 25px;
  height: 25px;
  z-index: 1;
}
.editor-btn-clear span{
  display: block;
  font-size: 25px;
  color:#ffffff !important;
  text-align: center;
}
.editor-btn-add{
  display: block;
  text-align: center;
}
.editor-btn-add .icon-add-photo {
  display: block;
  margin: 0 auto;
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #ffffff;
  background-color: #E25481;
  border-radius: 50%;
}
/*輪播圖*/
.editor-photos-sildeshow-area{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e9e9e9;
  padding: 10px;
  border-radius: 5px;
  height: 180px;
  width: 400px;
}
/*編輯區標題文字*/
.editor-area-title{
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 5px;
}
/*編輯備註*/
.editor-remark{
  display: block;
  background-color: #f2f2f2;
  width: 85%;
  margin: 0 auto;
}
.editor-remark p{
  text-align: center;
  margin: 10px 0;
}
/*所有商品*/
.product-heading-area .catalog-header{
  display: inline-block;
}
/*商城icon說明*/
.icon-info-tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.icon-info-tooltip-container i{
  color: #c7c7c7;
  font-size: 20px;
}
.icon-info-tooltip-content {
  visibility: hidden;
  background-color: #f2f3f0;
  color: #777777;
  text-align: center;
  border-radius: 5px;
  padding: 10px;
  position: absolute;
  z-index: 1000;
  left: 120%;
  top: -25%;
  opacity: 0;
  transition: opacity 0.3s;
  min-width: 200px;
  white-space: nowrap;
  box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
  transform: translateX(10px);
  clip-path: inset(0 0 0 0);
}
.icon-info-tooltip-container:hover .icon-info-tooltip-content {
  visibility: visible;
  opacity: 1;
}
.icon-info-tooltip-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px;
}
.icon-info-tooltip-item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.icon-info-tooltip-item img {
  height: 24px;
  width: 24px;
}
.icon-info-tooltip-text {
  font-size: 14px;
}
/*跨件優惠說明顯示-折價／折扣／組合價*/
.discount-rules-wrapper {
  text-align: center;
  width: 100%;
}
.discount-rules {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 4px 12px;
  border-radius: 15px;
  background: transparent linear-gradient(110deg, #FAB1A0 0%, #FD79A8 100%) 0% 0% no-repeat padding-box;
  color: #ffffff;
  margin-bottom: 20px;
}
.discount-rule-item {
  font-size: 14px;
  margin: 0;
}
@media screen and (max-width: 960px) {
/*default*/
.btn-group > *{min-width: auto;}
/*layout*/
.wrapper{width: 100%;padding-left: 20px;padding-right: 20px; }
/*header*/
.site-header nav{width: 100%;clear: both;text-align: center;padding-top: 8px;}
.main-menu:after{content:"";clear:both;}
.main-menu,.main-menu li{float: none;display: inline-block;}
.main-menu li.current a{font-size: 14px;}
.main-menu{height: 38px;}
/*待填單商品清單*/
.checkout-list > li,.checkout-list > li:nth-child(3n){width: calc(50% - 10px);margin-right: 15px;}
.checkout-list > li:nth-child(2n){margin-right: 0;}
/*待填單-結帳*/
.site-table th, .site-table td{padding: 10px 5px;}
.checkout-table-note p{width: 40px;}
.cart-checkout-total-display > *{min-width: 11%;}
.cart-checkout-total-display .btn-group > *{width: auto;}
.cart-checkout-total-display > *{margin-bottom: 8px;}
.cart-checkout-total-display .btn-group{float: none;text-align: center;padding-top: 20px;width: 100%;clear: both;}
.dialog-coupon-img img{float: left; width: 90%; margin-left: 5px;}
}

@media screen and (max-width: 768px) {
/*layout*/
.cart-checkout-content,.sidebar{width: 100%;float: none;margin-bottom: 30px;}
.btn-theme.open{margin-bottom: 5px;top: 0;}
@media (hover: hover) {
.btn-theme:hover{margin-bottom: 5px;top: 0;}
}
.btn-theme:hover,.btn-theme.open{margin-bottom: 5px;top: 0;}
/*待填單商品清單*/
.checkout-list > li,.checkout-list > li:nth-child(3n),.checkout-list > li:nth-child(2n){width:100%;margin-right: 0;}
/*待填單-結帳*/
.shop-banner .avatar{width: 50px;height: 50px;}
.shop-banner .shop-info{padding-left: 60px;}
/*備貨中*/
.cart-packing-content .shop-banner .shop-info{width: 100%;margin-bottom: 10px;}
.cart-total-shown{padding-left: 60px;}
.cart-packing-desc{padding-left: 75px;}
.packing-info-list dt{clear: both;}
.packing-note-preview{width: 70%;}
.cart-packing-qty-bag{top: 45px;}
.cart-detail-preview .cart-checkout-table,.orders-area .cart-detail-preview .cart-checkout-table{margin-top: 0;}
.order-status{top: 35px;left: 25px;width: 30px;height: 30px;background-size: 22px;}

/*0620 多件優惠圖示新增--桌機版*/
.addpurchase-list .product_pecial_offer-position {position:relative; padding: 0px;}
.addpurchase-list .product_pecial_offer-position img{width: 45px;height: 45px;position: absolute;left: 70%;margin-top: 1%;}

/*20240112 預購圖示新增--桌機版*/
.addpurchase-list .product_preorder-position {position:relative; padding: 0px;}
.addpurchase-list .product_preorder-position img{width: 45px;height: 43px;position: absolute;right: 70%;margin-top: 1%;}

/*商城icon說明*/
.icon-info-tooltip-content {
  left: -820%;
  top: 120%;
}
.icon-info-tooltip-item {
  padding-bottom: 5px;
}
.icon-info-tooltip-list {
  display: block;
}
}


@media screen and (max-width: 640px) {
.main-menu,.main-menu:after{display: block;width: 100%;}
.main-menu li{width: 20%;float: left;}
.main-menu,.main-menu li a,.main-menu li.current a,.main-menu .slider,.main-menu li{height: 30px;}
.main-menu li a,.main-menu li.current a,.main-menu .slider{padding: 8px 0;font-size: 13px;height: auto;line-height: 1;}
.main-menu li a:before{display: none;}
/*dialog*/
.ui-dialog{width: 90%!important;}
/*待填單商品清單*/
.checkout-qty{padding-left: 0;padding-right: 0;}
/*待填單-結帳*/
.order-no{font-size: 14px;}
.cart-checkout-table .mobile{display: inline;}
.shop-info .shop-info-list dt{clear: both;}
.shop-info .shop-info-list dd{min-width: 0;}
.shop-info-list dt,.shop-info-list dd{margin-bottom: 5px;}
.shop-info-list dd{margin-right: 0;}
.cart-checkout-content .order-no{padding-left: 15px;}
.cart-checkout-table{margin: 0 10px;width: calc(100% - 20px);}
.cart-checkout-table thead:not(.order-kind-desc){display: none;}
.cart-checkout-table tbody tr{position: relative;border-top: 1px dashed #828282;display: block;clear: both;float: none;}
.checkout-total-display-label,.cart-checkout-table tbody td{font-size: 15px;}
.checkout-total-display-desc,.cart-checkout-table .checkout-table-total{font-size: 20px;}
.cart-checkout-table tbody td{float: left;padding-bottom: 5px;padding-top: 0;text-align: left;display: block;float: none;padding-left: calc(30% + 5px);padding-right: 0;}
.cart-checkout-table tbody .checkout-table-cover-td{width: 30%;position: absolute;padding-right: 5px;}
.cart-checkout-table tbody .checkout-table-cover-td img{width: 100%;height: auto;}
.cart-checkout-table tbody .checkout-table-cover-td{padding-left: 0;}
.cart-checkout-table .checkout-table-cover-td,.cart-checkout-table .checkout-table-title{margin-top: 20px;}
.cart-checkout-table tbody td.checkout-table-qty,.cart-checkout-table tbody td.checkout-table-subtotal{display: inline-block;}
.cart-checkout-table .checkout-table-title{max-width: 999px;}
.cart-checkout-table tbody td.checkout-table-subtotal{padding-left: 10px;}
.cart-checkout-table .checkout-table-total{position: absolute;width: 100%;text-align: center;bottom: 60px;padding-left: 0;}
.checkout-table-note p{margin: 0;max-width: 180px;width: auto;}
.checkout-table-note > *,.cart-checkout-total-display > * >*{display: inline-block;}
.cart-checkout-table tbody .btn-group{bottom: 10px;padding: 50px 0 10px;width: 100%;text-align: center;clear: both;}
.cart-checkout-total-display > *{width: 100%;float: none;clear: both;text-align: right;}
.checkout-total-display-desc,.cart-checkout-total-display .btn-group{padding-top:0;}
.cart-checkout-table tbody .btn-group > *{width: 100px;}
.cart-checkout-total-display > *{margin-left: 0;}
.cart-checkout-total-qty,.cart-checkout-total-subtotal{width: auto;clear: none;text-align: right;}
.cart-checkout-table .cart-checkout-total-display{padding-left: 0;padding-right: 0;}
.cart-checkout-total-qty{margin-right: 10px;}
/*備貨中*/
.cart-packing-desc{padding-left: 15px;}
.packing-note-edit,.cart-detail-preview .cart-checkout-table .checkout-table-note{width: 100%;margin-bottom: 10px;}
.cart-packing-desc .btn-notify{position: relative;float: right; top: 0;right: 0; }
.cart-packing-desc .btn-notify2{position: relative;float: left; top: 0;right: 0; }
@media (hover: hover) {
.cart-packing-desc .btn-notify:hover{position: relative;float: right; top: 0;right: 0; }
.cart-packing-desc .btn-notify2:hover{position: relative;float: left; top: 0;right: 0; }
}
.cart-packing-desc .btn-notify:after{content: '';display: block;clear: both;}
.cart-packing-desc .btn-notify2:after{content: '';display: block;clear: both;}
.cart-detail-preview .cart-checkout-table tbody tr:first-child{border-top: 0;}
/*dialog*/
.notice-w-icon i{margin-bottom: 20px;}
.notice-w-icon p{text-align: center;}
/*跨件優惠說明顯示-折價／折扣／組合價*/
.discount-rules{display: block;margin-bottom: 20px;}
}

@media screen and (max-width: 360px) {
.checkout-total-display-label{font-size: 14px;}
.checkout-total-display-desc{font-size: 16px;}
}

/*20180629 edit*/
.cart-packing-content .cart-checkout-table tbody tr{padding-bottom: 35px;}
.cart-packing-content .cart-checkout-table .checkout-table-total{bottom: 5px;}
.cart-packing-content .cart-checkout-table tbody tr:first-child .checkout-table-cover-td{margin-top: 0;}
.main-menu li{width: 155px;}
.cart-packing-desc{padding-left: 30px;padding-top: 30px;}
.packing-info-list{width: 85%;}
tfoot.packing-table-ft{border:0;}
.packing-table-ft td,td.checkout-table-subtotal,td.checkout-table-total,.site-table th:nth-child(6),.site-table th:nth-child(7){text-align: right;}
.checkout-table-note{width: auto;}
.open .cart-packing-desc{padding-top: 0;}
@media screen and (max-width: 850px) {
.cart-packing-desc{padding-top: 0;padding-left: 20px;}
}

@media screen and (max-width: 640px) {
.main-menu li{width: 33.3%;}
.cart-packing-desc{padding-left: 15px;}
.packing-info-list{width: 100%;}
.packing-table-ft,.packing-table-ft tr{display: block;}
.packing-table-ft td{display: inline-block;text-align: left;font-size: 15px;}
.cart-checkout-table tbody tr:last-child{border-bottom: 1px dashed #828282;}
td.m-hide{display: none;}
}

/*20180731 edit*/
.menu-item-alert{position: absolute;top: 5px;padding: 3px 0 0 2px;}
@media screen and (max-width: 640px) {
.main-menu li{overflow: visible;}
.menu-item-alert{position: absolute;padding: 0 0 0 2px;}
}

/*20180814 edit*/
.site-table td.btn-group{min-width: 160px;}
.cart-checkout-table .checkout-table-spec{max-width: 125px;}
@media screen and (max-width: 640px) {
.cart-checkout-table .checkout-table-spec{max-width: 999px;}
}

.banner{padding-top:20px; height:auto; max-width: 100%;}
.banner img{width: 100%}

/*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;}
/*賣家稅籍登記*/
.shop-responsible-person{
  margin-right: 10px;  
}
/*品牌經典-Footer*/
.footer-section .footer-title-block {
  color: #e75280;
  border-bottom: 1px solid #e75280;
  text-align: left;
}
.footer-section p {
  color: #ababab;
  text-align: left;
}
.company-service label {
  color: #ffffff;
}
.company-service label::before {
  background: #e75280;
}
.company-policy label {
  color: #ffffff;
}
.company-policy label::before {
  background: #e75280;
}
.company-info label {
  color: #ffffff;
}
.company-info label::before {
  background: #e75280;
}
/*品牌商城 Modal*/
.modal-link a {
  display: block;
  cursor: pointer;
  text-align: left;
  color: #ababab;
}
.modal-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
}
.modal-description {
  margin-bottom: 1.5rem;
  font-size: 1rem;
}
.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .6);
  width: 100%;
  height: 100%;
  display: grid;
  align-items: flex-end;
  overflow: hidden;
  transition: all .3s;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  text-align: left;
  padding: 2rem 2rem 2rem;
  border-radius: 1rem 1rem 0 0;
  transition: all .3s;
  transform: translateY(10%);
  margin: auto;
  width: 600px;
  max-height: 500px;
  overflow: auto;
  border-radius: 1.25rem;
  scrollbar-width: thin;
  scrollbar-color: #999999 #f0f0f0;
}
.modal-close {
  display: inline-flex;
  border-radius: 0.25rem;
  font-size: 1.5rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer;
}
.wrapper h1{display: inline-block;position: relative;}
.wrapper h1 a:hover .gray {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;}
.wrapper h1 a:hover .vivid {filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;}
.wrapper h1 .gray {position: absolute;top: 0;;z-index: 9;filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;}
.wrapper h1 .vivid {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;}

@media only screen and (max-width: 767px) {
    .wrapper h1 .gray {
      width: 40%;
    }
}

@media only screen and (max-width: 767px) {
    .wrapper h1 .vivid {
      width: 40%;
    }
}

@media screen and (max-width: 768px) {
.site-footer{text-align: center;}
.site-footer .wrapper > *,.foot-social-list{display: block;padding: 0;float: none;}
}

/*top-tool*/
.top-tool, .top-tool a {color: #fff;text-align: right;}
.top-tool li {display: inline-block;border-right: 1px solid #fff;padding: 0 5px;line-height: 1;}
.top-tool li:last-child {border-right: 0;padding-right: 0;}
.top-tool li img {width: 15px;height: 15px;vertical-align: middle;margin-right: 5px;border-radius: 50%;}

/* ad */
.ad-table {width: 100%;}
.ad-table th {background-color: #ddd;letter-spacing: 0.1em;border-top: 0;}
.ad-table th, .ad-table td {border: 1px solid #ccc;padding: 0 5px;text-align: center;}

/* fix header */
body{padding-top: 83px;}
.topbar,.site-header{position: fixed;width: 100%;top: 0;z-index: 99;}
.site-header{top: 25px;}
@media screen and (max-width: 960px) {
body{padding-top: 135px;} }
@media screen and (max-width: 640px) {
body{padding-top: 118px;}
.topbar,.site-header {
  height: 90px;
}}

/*202007 edit*/
.catalog-header{font-size: 35px;width: 100%;text-align: center;padding-bottom: 20px;color: #554;}
.catalog-list {padding: 25px 20px;}
.catalog-list li{margin: 10px 10px 10px 0;}
.catalog-list li a{color: #333;padding: 5px 10px;border-radius: 3px;background-color: #ddd;}
.catalog-list li a:hover{border: 1px solid #e75280;}
.catalog-list li a.current{background: transparent linear-gradient(110deg, #FAB1A0 0%, #FD79A8 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 10px #fd79a880;color: #fff;}
.catalog-list .slick-prev::before,.catalog-list .slick-next::before{font-size: 16px;width: 24px;height: 24px;color: #fff;display: block;
line-height: 1.2;}
.catalog-list .slick-prev,.catalog-list  .slick-next{width: 24px;height: 24px;background-color: rgba(0,0,0,.3); border-radius: 100px;}
.catalog-list .slick-disabled{opacity: .3;}
.catalog-list .slick-next:before{content:'>';}
.catalog-toggle{display: none;}

@media screen and (max-width: 768px) {
.catalog-wrapper{z-index: 10; /*overflow: hidden; */background-color: rgba(0,0,0,.5);width: 100%;height: 100vh;top: 135px;position: fixed;right: 100%;}
.catalog-toggle{position: fixed;top: 300px;right: 0;transition: right 0.1s ease-in;cursor: pointer; display: block;color: #141111;width: 40px;text-align: center;padding: 5px 10px;background: transparent linear-gradient(118deg,#FFAA00 0%, #FFAA00 100%) 0% 0% no-repeat padding-box;background-color: #FFAA00;border: 1px solid #ffaa00;border-radius: 6px 0 0 6px;box-shadow: 0 0 5px rgb(23 23 54 / 60%);border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.catalog-list{ width: calc(45% + 10px);height: calc(100vh - 110px);background-color: #fff;padding:  10px 15px 10px;overflow: scroll;margin-left: 200%;position: relative;/*right: 100%;*/}
.catalog-list li a{background-color: transparent;padding: 10px ;width: 92%;display: block;border-bottom: 1px dotted #ccc;}
.catalog-list li{margin: 0;}
.catalog-list li a:hover,.catalog-list li a.current{border: 0;background: #f0f1f3;color: #333333;box-shadow:none;}
.open.catalog-wrapper{position: fixed;right: 0;}
.open .catalog-toggle{right: 45%;}
.open .catalog-list{margin-left: 55%;transition: all 0.1s ease-in;right: 0;}
body.open{overflow-y: hidden;}
.catalog-header{font-size: 25px;padding-top: 40px;}
}
@media screen and (max-width: 640px) {
.catalog-wrapper{top: 118px;}
}

/*202010新增*/
.j_searchbar{border: 1px solid #ddd;display: inline-block;border-radius: 5px;padding: 0;float: right;margin: 0 20px;}
.j_searchbar input[type=search]{padding: 0 10px;width: 70%;}
.btn-search{background: #FFAA00 0% 0% no-repeat padding-box;box-shadow: 0px 2px 0px #c18000;border-radius: 3px;color: #434343;cursor: pointer;width: 30%;float: right;text-align: center;max-width: 100px;}
.cart-checkout-head .form-section-header{float: left;}
@media screen and (max-width: 640px) {
.j_searchbar{clear: both;margin-top: 0;margin-bottom: 10px;margin-left: auto; margin-right: auto;float: none;display: block;width: 80%;}
}

.enlarge-photo{max-width: 680px; max-height: 680px;}
@media screen and (max-width: 640px) {
.enlarge-photo{width: 340px;height: 340px;}
}

.btn-shopping-cart, .header-shopping-cart{display: block;}
.shopping-cart, .shopping-cart-bubble, .shopping-cart-amount, .shopping-cart-amount2{display: none;}
@media screen and (max-width: 640px) {
.btn-shopping-cart{display: none;}
.header-shopping-cart{text-align: center; width: 100%}
.shopping-cart, .shopping-cart-bubble, .shopping-cart-amount, .shopping-cart-amount2{display: block;}
.shopping-cart-zero{display: none;}
.shopping-cart{float: right;position: relative;right: 10px;}
.shopping-cart-bubble{float: right;position: relative;left: 33px;top: 11px;border-style: solid;border-width: 2px;border-color: rgb(255, 252, 252);border-radius: 50%;background-color: rgb(212, 0, 0);box-shadow: 0px 0px 3px 0px rgba(7, 7, 7, 0.54);width: 25px;height: 25px;z-index: 7;}
.shopping-cart-amount{float: right;position: relative;left: 53px;top: 12px; z-index: 8; color: rgb(255, 252, 252); font-size: 10px;}
.shopping-cart-amount2{float: right;position: relative;left: 49px;top: 12px; z-index: 8; color: rgb(255, 252, 252); font-size: 10px;}
}

/*2021022新增*/
.line-note {float: right; padding-top: 5px;}
.line-note img {width: 135px;margin: 0px 0px;}
@media screen and (max-width: 480px) {.line-note img {margin: 10px 15px;}}
@media screen and (max-width: 768px) {.line-note img {margin: 10px 15px;}}

/*202110更新*/
.f-nr{color: #4c4c4c;}
.f-reg{font-size: 16px;}
.Lottery{color: #e75280;text-shadow: 2px 1px #333;font-weight: bold;}
.Lottery-2{ margin-top: -100px; text-shadow: 2px 1px #333;   font-size: 120px;    color: #e75280;    font-weight: bold; }
.user-event-card-expire {pointer-events: none;opacity: .5;/*filter:  grayscale(100%);*/}
.user-event-card li{overflow: hidden;margin-bottom: 20px;background-color: #fff;width: calc(50% - 13px);display: inline-block;margin-right: 20px;}
.user-event-card li:nth-child(2n){margin-right: 0;}
.user-event-card-wrapper{position: relative;padding: 3px 40px 0;height: 120px;border:1px solid transparent;}
.user-event-card .user-event-card-category{text-align: center; color: #fff;font-size: 18px;font-weight: 600;padding: 2px 5px;transform: rotate(90deg); transform-origin: 28px top;left: 0;position: absolute;top: 28px;width: 120px;}
.user-event-card li .user-event-card-wrapper::before, .user-event-card li .user-event-card-wrapper::after {left: 20px;z-index: 9;content: '';position: absolute;width: 16px;height: 16px;background-color: #f5f6fa;border-radius: 100px;border: 1px solid #e8e8e8;top: -8px;}
.user-event-card li .user-event-card-wrapper::after {top: auto;bottom: -8px;}
.user-event-card-lottery-ball{padding: 3px 0;}
.user-event-card-lottery-ball div,label.lotterybtn { display: inline-block; background-color: #e75280;color: #fff;border-radius: 100px;width: 22px;height: 22px;text-align: center;font-size: 13px;line-height: 22px;}
.user-event-card .user-event-card-inner,.user-event-card h5{font-size: 24px;font-weight: 600;padding: 3px 0;}
.user-event-card h5{border-bottom: 2px solid transparent;}
.user-event-card-coupon-share{background-color: #449a9a;}
.user-event-card-coupon-share .user-event-card-category{background-color: #449a9a;}
.user-event-card li.user-event-card-coupon-share .user-event-card-wrapper,   .user-event-card-coupon-share h5, .user-event-card li.user-event-card-coupon-share .user-event-card-wrapper::before, .user-event-card li.user-event-card-coupon-share .user-event-card-wrapper::after {border-color: #449a9a;}
.user-event-card-coupon-share h5, .user-event-card-coupon-share .user-event-card-icon {color: #449a9a;}
.user-event-card-yellow .user-event-card-category{background-color: #FFBB00;}
.user-event-card-yellow h5,.user-event-card-yellow .user-event-card-icon{color: #FFBB00; }
.user-event-card li.user-event-card-yellow .user-event-card-wrapper,.user-event-card-yellow h5,.user-event-card li.user-event-card-yellow .user-event-card-wrapper::before, .user-event-card li.user-event-card-yellow .user-event-card-wrapper::after{border-color:#FFBB00;}
.user-event-card-red .user-event-card-category{background-color: #FF0000;}
.user-event-card-red h5,.user-event-card-red .user-event-card-inner,.user-event-card-red .user-event-card-icon,.user-event-card-red .user-event-card-icon{color: #FF0000;}
.user-event-card li.user-event-card-red .user-event-card-wrapper,.user-event-card-red h5,.user-event-card li.user-event-card-red .user-event-card-wrapper::before, .user-event-card li.user-event-card-red .user-event-card-wrapper::after{border-color:#FF0000;}
.user-event-card-blue .user-event-card-category{background-color: #3589A4;}
.user-event-card-blue h5,.user-event-card-blue .user-event-card-inner,.user-event-card-blue .user-event-card-icon,.user-event-card-blue .user-event-card-icon{color:#3589A4;}
.user-event-card li.user-event-card-blue .user-event-card-wrapper,.user-event-card-blue h5,.user-event-card li.user-event-card-blue .user-event-card-wrapper::before, .user-event-card li.user-event-card-blue .user-event-card-wrapper::after{border-color:#3589A4;}
.user-event-card-icon{position: absolute;top: 10px;font-size: 70px;right: 10px;background-color: #fff;}
.user-event-card-expire *{color: #ccc!important;border-color: #ccc!important;}
.user-event-card-expire .user-event-card-category,.user-event-card-expire .user-event-card-lottery-ball div{background-color: #ccc!important;color: #fff!important;}
.user-event-card-expire .user-event-card-wrapper::before,.user-event-card-expire .user-event-card-wrapper::after{border-color: #ccc!important;}
.user-event-card-hr{width: 80%}
.user-event-card-header{width: 100%;}
.user-event-card h5{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.checkout-coupon-icon{background-color: transparent !important;}


.event-dialog h1{position: absolute;left: -25px;width: calc(100% + 40px);top: -150px;}
.event-dialog h1 img{width: 100%;}
.event-site-box .site-dialog-content {padding: 60px 25px 20px;text-align: center;line-height: 1.2;}
.event-site-box .site-dialog-content > *{margin-bottom: 10px;}
.event-site-box .site-dialog-content h3{font-size: 20px;}
.event-site-box .site-dialog-content h4{font-size: 31px;}
.btn-event{width: 100%;font-size: 20px;}
label.lotterybtn{width: 35px;height: 35px;line-height: 35px;font-size: 20px; border: 1px solid  #e75280;}
label.lotterybtn:not(.btn-select) { background-color: #fff;color: #e75280; border: 1px solid  #e75280;}
.lotterybox > *{margin: 10px 10px 0 0;}
.lotterybox > *:nth-child(6n){margin-right: 0;}
.lotterybox [type="checkbox"]:not(:checked),.lotterybox  [type="checkbox"]:checked {position: absolute;left: -9999px;opacity: 0;}

@media screen and (max-width: 768px) {
.user-event-card li,.user-event-card li:nth-child(2n){width: 100%;margin-right: 0;}
.product-special-offer-title h1{display: block;width:100%;font-size: 1.2em;background: #EB1E69; /*標題底色*/padding: 4px;text-align: center;color: #FFF;font-weight: bold;letter-spacing: 0.05em;}
.product-special-offer-box {margin-top: -5px;background: #ffffff; /*底色*/border-width:1px;border-style:solid;;border-color:#d8396a;padding-top: 0 !important;}
.special-offer-desc{width: 50%;margin:15px;}
.special-offer-desc ul{margin-left: 40px;list-style-type:square !important;}
.special-offer-desc ul li {list-style: outside;color:#000000;font-size: 16px;font-weight: 700;text-align: left;line-height: 2.5;}
.special-offer-price {margin-bottom: 10px;text-align: center;}
.special-offer-price span{color:#d8396a;font-size: 14px;font-weight: 500;}
.special-offer-picture{width: 50%;margin: 10px;position: relative;}
.special-offer-picture img{width: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
.box-flex{display: flex;}
}

@media screen and (max-width: 640px) {
.event-dialog h1{top: -160px;}
.checkout-coupon-icon img{width: 60%}
.checkout-coupon-icon{position: absolute;top: 10px; right: -35px;}
.user-event-card-hr{width: 85%; font-size: 18px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.checkout-coupon-inner {font-size: 15px !important; }
.checkout-coupon-date{font-size: 12px;}
}

@font-face {
  font-family: 'newfont';
  src:  url('fonts/newfont.eot?r0lcfv');
  src:  url('fonts/newfont.eot?r0lcfv#iefix') format('embedded-opentype'),
    url('fonts/newfont.ttf?r0lcfv') format('truetype'),
    url('fonts/newfont.woff?r0lcfv') format('woff'),
    url('fonts/newfont.svg?r0lcfv#newfont') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="nicon-"], [class*=" nicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'newfont' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nicon-bonus:before {
  content: "\e9000";
}
.nicon-coupon:before {
  content: "\e9010";
}
.nicon-discount:before {
  content: "%";
}

/* 20220301更新子類別 */
.catalog-wrapper .slick-list{overflow: visible;}
.subnav-container{position: absolute;top: 36px;}
.subnav-content{position: relative;height: 0;top: 0px;visibility: hidden;opacity: 0;transition: opacity 0.2s ease-in;}
.subnav-content div{margin: 3px 0; color: #333;padding: 0px 10px;border-radius: 3px;background-color: #ddd;}
.subnav-content div:hover{border: 1px solid #e75280;}
.subnav-content div.current{background-color: #e75280;color: #fff;}
.subnav:hover .subnav-content{visibility: visible;opacity: 1;height: auto;}
.subnav-btn{display: none;float: right;}
@media screen and (max-width: 960px) {
.subnav-container{position: relative;top: 0px;border-bottom: 1px dotted #ccc;margin-right:10%}
.subnav:hover .subnav-content{visibility: hidden;opacity: 0;height: 0;}
.subnav.subnav-hover .subnav-content{visibility: visible;opacity: 1;height: auto;}
.subnav-content{margin-left: 10%;margin-right: 10%;}
.subnav a{border-bottom: 0 !important;}
.subnav-content div{background-color: transparent;word-wrap: break-word;border-bottom: 1px dotted #ccc;border-radius: 3px; margin: 2px; text-align: center;padding: 5px 10px;}
.subnav-content div:last-child{border-bottom: 0;}
.subnav-btn{display: inline;}
}