{{ 'fb_in_app_browser_popup.desc' | translate }} {{ 'fb_in_app_browser_popup.copy_link' | translate }}

{{ 'in_app_browser_popup.desc' | translate }}

Paragraph Title

Subtitle

Input your text contents to promote your product, or tell the story about your shop.
  • Image Title

    Input text contents to promote your event, or tell the story about this slideshow.
  • Video Title

    Input text contents to promote your event, or tell the story about this slideshow.

Image Title

Input text contents to promote your event, or tell the story about this slideshow.

Video Title

Input text contents to promote your event, or tell the story about this slideshow.
<===============================================================FB messages=============================================================================================>
<===============================================================商品規格顏色=============================================================================================> .variation-label.variation-label--selected, .cart-chkt-btn, .member-profile-save, .MemberCenter .product-review-block .btn-primary, .btn-color-primary, .member-profile-save:hover, .MemberCenter .product-review-block .btn-primary:hover, .btn-color-primary:hover, .sl-goto-top:hover, .variant-image.selected .image-container, .btn-cart-fixed, .member-referral-customer-popup-desktop .body .action-button, #get-welcome-member-referral-credits .body .continue, .product-available-info { border-color: #73152d; } .ProductList-categoryMenu ul li:hover>a.primary-color-hover, .ProductList-categoryMenu .List-item a.primary-color-hover:hover, .ProductReview-container a.primary-color-hover:hover, .ProductReview-container .List-item a.primary-color-hover:hover, .variation-label:hover, .variation-label.variation-label--selected, .product-item .price:not(.price-crossed), .product-item .price-sale, .product-info .price-regular:not(.price-crossed), .product-info .price-sale, .btn-add-to-cart.mobile-cart, .addon-promotions-container .addon-promotion-item .price-sale, .btn:not(.btn-success):not(.btn-buy-now):hover, .btn:not(.btn-success):not(.btn-buy-now):focus, .btn.focus:not(.btn-success):not(.btn-buy-now), .Back-in-stock-addItem-block .btn:not(.is-active):hover, .Back-in-stock-addItem-block .btn:not(.is-active):focus, .Back-in-stock-addItem-block .btn.focus:not(.is-active), .quick-cart-body .product-link>a, .quick-cart-mobile-header .product-link>a, .btn-add-wishlist:hover, .btn-add-wishlist.is-active, .btn-add-back-in-stock:hover, .btn-add-back-in-stock.is-active, .ProductDetail-product-info .price-box>.price:not(.price-crossed), .ProductDetail-product-info .price-box>.price-sale>span, .ProductDetail-product-info>.box-default .out-of-stock *, .modal.QuickCart-modal .out-of-stock *, .addon-product-info .out-of-stock, #btn-form-submit-modal:hover, #btn-form-submit-modal:focus, .Label-price.is-sale, .PromotionPage-container .info-box .btn-add-to-promotion-cart .fa, .PromotionInfo .show-term-button:hover, .MemberCenter .PromotionInfo .show-term-button:hover, .member-center-coupon-nav .active, .product-available-info-time{ color: #73152d; } <===============================================================分類商品設定=============================================================================================> .PromotionPage-container .info-box .btn-add-to-promotion-cart { position: absolute; bottom: 0; background-color: #f7f7f7; border-color: #eba400; border-radius: 3px; width: calc(100% - 40px); left: 20px; background-color: #eba400; } .btn-add-to-promotion-cart.js-btn-add-to-promotion-cart.mobile-cart { background-color: #eba400; border-color: #eba400; } .PromotionInfo { background-color: #fcf7ed; } <===============================================================購物車是空的=============================================================================================> .btn-add-to-cart.js-btn-add-to-cart.mobile-cart.visible-xs.visible-sm { background-color: #eba400; border-color: #eba400; } .fa-shopping-cart::before { content: "\f07a"; color: #f3d03f; } <===========================================================================分頁外掛News=============================================================================================> pics{ position:relative;} .pics img{ position:absolute; /* 淡出淡入效果2秒 */ -webkit-transition: opacity 2s ease-in-out; transition: opacity 2s ease-in-out; } .pics img:last-child:hover{ /* 滑入時第一張透明度設0 */ opacity:0;} <===========================================================================News=============================================================================================> @media screen { } <===========================================================================Home=============================================================================================> .btn-add-to-cart.js-btn-add-to-cart.mobile-cart.visible-xs.visible-sm { background-color: #eba400; border-color: #eba400; } .fa-shopping-cart::before { content: "\f07a"; color: #fff; } .btn-add-to-cart.mobile-cart { background-color: #eba400; border-color: #eba400; } .CustomPage { background: #fcf7ed; } body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fcf7ed; } .btn.btn-info.btn-large.btn-block { color: #73152d; background-color: #f3d03f; border-color: #f3d03f; } .btn-info { color: #73152d; background-color: #f3d03f; border-color: #f3d03f; } .Grid-row .Grid-item { position: relative; width: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-top: 50px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; } @media (max-width: 991px) { .quick-cart-mobile .info-box { min-height: 10px; } } <===================================================================會員資訊=============================================================================================> @media (max-width: 767px) { } .Wishlist-block-row.row.ng-scope { text-align: center; } .MemberCenter .edit-group { border: none; padding: 0; background-color: #fcf7ed; } .box-info.edit-group { background-color: #fcf7ed; } @media (min-width: 768px) { body.users.edit .users-edit-container { margin-top: 75px; } } @media (min-width: 768px) { .MemberCenter .Tab-label + .Tab-label { border-left: solid 1px #fcf7ed; } } @media (min-width: 768px) { .MemberCenter .Tab-label { width: 100%; border-bottom: solid 1px #fcf7ed; background-color: #f3d03f; } } .Tabset .Tab-label { cursor: pointer; color: #000000; } @media (min-width: 768px) { .MemberCenter .Tabset-tabs > .Tab-label.active { background-color: #eba400; border-bottom: none; } } .Tabset .Tab-label.active { color: #ffffff; } @media (max-width: 767px) { .MemberCenter .Tabset-tabs > .Tab-label.active { background-color: transparent; border-style: solid; border-width: 0 0 3px; border-bottom-color: #757575; color: #73152d; font-weight: 500; } } @media (max-width: 767px) { body.users.edit .MemberCenter .sr-tab .Tabset-tabs > .Tab-label.active::after { position: absolute; content: ''; display: block; height: 3px; background: #73152d; bottom: -7px; left: 0; width: 100%; } } <===========================================================================顏色=============================================================================================> .nav-bg-color .MenuPanel-section .MenuPanel-nestedList-dropdown .List-item a { color: #F3D03F; } body.home:not(.my-scroll) .NavigationBar.mod-desktop .NavigationBar-container { padding: 15px 20px 0; text-align: center; background-color: #73152d; } .NavigationBar.mod-desktop .NavigationBar-container { width: 1400px; max-width: 100%; min-height: 80px; margin: 0 auto; padding: 0 20px 0; position: initial; background-color: #73152d; } .NavigationBar.mod-desktop { z-index: 100; background-color: #73152d; } nav.NavigationBar.mod-desktop.js-navbar-desktop.nav-bg-color.visible-lg { background: #73152d; } <============================================================================================Desktop Menu=============================================================================> .navigation-menu-item-label { display: inline-block; color: #333333; letter-spacing: 0.5px; font-weight: 400; font-size: 14px; } .navigation-menu-item-label { font-size: 13px; } .navigation-menu-item { margin: 0 15px; } .navigation-menu-top-layer > .navigation-menu-item { margin: 0 15px; } .navigation-menu-top-layer { display: flex; flex-wrap: wrap; padding: 10px; max-width: 1000px; padding-left: revert; } .NavigationBar.mod-desktop .NavigationBar-logo img { max-height: 130px; } .NavigationBar.mod-desktop .NavigationBar-logo { max-width: 280px; max-height: 130px; position: absolute; left: 20px; top: 55%; transform: translateY(-50%); } .NavigationBar.mod-desktop .NavigationBar-logo img { max-height: 130px; } body.home:not(.my-scroll) .NavigationBar.mod-desktop .NavigationBar-logo:nth-child(2) img { max-height: 180px; } body.home:not(.my-scroll) .NavigationBar.mod-desktop .NavigationBar-logo { float: none; display: block; margin: 0 auto; position: static; transform: translateY(0); } body.home:not(.my-scroll) .NavigationBar-mainMenu { margin: 100px auto 0 !important; float: none; } <============================================================================================Mobile Menu====================================================================================> .NavigationBar-actionMenu-button.nav-color.sl-menu-panel-toggle { background-color: rgb(243, 208, 63); } .nav-bg-color { background: rgba(16, 16, 16, 0.95);}.mod-desktop .NavigationBar-mainMenu.nav-color input { color: #fff; border-bottom-color: #fff;}.mod-desktop .NavigationBar-mainMenu.nav-color input::placeholder { color: #fff; opacity: 1;}.mod-desktop .NavigationBar-mainMenu.nav-color input:-ms-input-placeholder { color: #fff;}.mod-desktop .NavigationBar-mainMenu.nav-color input::-ms-input-placeholder { color: #fff;}.mod-desktop .NavigationBar-mainMenu.nav-color button { color: #fff;}.mod-desktop .NavigationBar-actionMenu .Product-searchField:hover input { border-bottom-color: #fff;}.mod-desktop .NavigationBar-actionMenu .Product-searchField:hover input:focus { border-bottom-color: #fff;}.mod-desktop .NavigationBar-actionMenu .Product-searchField input:focus { border-bottom-color: #fff;}.navigation-menu.nav-color .navigation-menu-top-layer > .navigation-menu-item > .navigation-menu-item-label { color: #fff;}.NavigationBar-mainMenu.nav-color .List-item .Label { color: #fff;}.NavigationBar-mainMenu.nav-color .List-item .List-item .Label { color: #F3D03F;}.NavigationBar-actionMenu.nav-color .List-item > .fa-search { color: #fff;}.NavigationBar-actionMenu-button.nav-color { color: #F3D03F;}.NavigationBar-actionMenu-button.nav-color.sl-menu-panel-toggle { background-color: #f3d03f;}.NavigationBar-actionMenu-button.nav-color.sl-menu-panel-toggle i { background: #F3D03F;}.NavigationBar-actionMenu-button.nav-color.sl-menu-panel-toggle i:before, .NavigationBar-actionMenu-button.nav-color.sl-menu-panel-toggle i:after { background: #F3D03F;}.NavigationBar-actionMenu-button.nav-color svg { }.MenuPanel-othersMenu svg { }.nav-bg-color.sidr { background: #F3D03F !important; color: #fff;}.nav-bg-color .MenuPanel-section .MenuPanel-section-header { color: #888;}.nav-bg-color .MenuPanel-section .List-item a { color: #fff;}.nav-bg-color .MenuPanel-section .MenuPanel-nestedList-dropdown .List-item a { color: #aaa !important;}.nav-bg-color .MenuPanel-section .MenuPanel-nestedList-dropdown .List-item a:hover { color: rgba(0, 0, 0, 0.3) !important;}.nav-bg-color .MenuPanel-section .List-item.MenuPanel-nestedList > a:hover { color: #fff !important;}.nav-bg-color .MenuPanel-section ul:not(:last-child) { border-bottom-color: #888;}.nav-bg-color .MenuPanel-section ul:before, .nav-bg-color .MenuPanel-section ul:after { border-bottom-color: #F3D03F;}.nav-bg-color .CartPanel-section .addon-cart-item { background: rgba(0, 0, 0, 0.45);}.nav-bg-color .CartPanel-section .addon-cart-item:not(:last-child) { border-bottom-color: #888;}.nav-bg-color .CartPanel-section .addon-cart-item .promotion-label { background: #333; color: #fff;}.nav-bg-color .CartPanel-section .cart-items > div:not(:first-child) { border-top-color: #888;}.nav-bg-color .CartPanel-section .cart-items > div:not(:first-child):before, .nav-bg-color .CartPanel-section .cart-items > div:not(:first-child):after { border-top-color: #333;}.nav-bg-color .CartPanel-section .cart-item .title { color: #aaa;}.nav-bg-color .CartPanel-section .cart-item .variation { color: #fff;}.nav-bg-color .CartPanel-section .cart-item .remove a:hover { color: #fff;}.nav-bg-color .CartPanel-section .cart-item img { background-color: #fff;}.ProductList-breadcrumb.nav-bg-color, .ProductDetail-breadcrumb.nav-bg-color { background: rgba(29, 29, 29, 0.95); color: #ddd;}.ProductList-breadcrumb.nav-bg-color .Label, .ProductDetail-breadcrumb.nav-bg-color .Label { color: #ddd;}.ProductList-breadcrumb.nav-bg-color a:after, .ProductDetail-breadcrumb.nav-bg-color a:after { border-bottom-color: #ddd;}.home:not(.my-scroll) .nav-bg-color { background: rgba(0, 0, 0, 0.3); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, transparent)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#ffffff", GradientType=0 );}#Footer .container:last-child { color: #fff; background: #333;}#Footer #shopline-copyright { color: #fff; background: #333;}#Footer #shopline-copyright > a { color: inherit;}.MenuPanel-nestedList-dropdown .NestedList-Wrapper { background-color: #1a1a1a;}#cart-panel { border: 1px solid #333;}.MenuPanel-mainMenu .depth-2 { background-color: rgba(0, 0, 0, 0.45);} #MenuPanel .MenuPanel-section ul li:hover > a { line-height: initial; background-color: #eba400; } .MenuPanel-section-header { color: rgba(243, 208, 63, 1); } .List-item a:hover { color: rgba(243, 208, 63, 1) ; } .MenuPanel-mainMenu { background-color: #73152d; } #MenuPanel .MenuPanel-section ul:not(:last-child) { border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 15px; position: relative; background-color: #73152d; } .nav-bg-color .MenuPanel-section .List-item a { color: #fff; background-color: #73152d; } .MenuPanel-section .MenuPanel-section-header { font-size: 20px; padding: 25px 15px 11px; letter-spacing: 0.5px; font-weight: 400; background-color: #73152d; } .MenuPanel-section-header { background-color: #73152d; } .nav-bg-color .MenuPanel-section .MenuPanel-section-header { background-color: #73152d; } .nav-bg-color .MenuPanel-section .MenuPanel-section-header { background-color: #73152d; } element.style { background-color: #73152d; } .NavigationBar.mod-mobile .NavigationBar-logo { max-width: 180px; height: 60px; overflow: hidden; display: flex; align-items: center; padding: 8px 15px; } .nav-bg-color { background-color: rgba(115, 21, 45, 0.95); } .NavigationBar.mod-mobile { z-index: 20; background-color: #73152d; } .NavigationBar-actionMenu { float: none; } .NavigationBar.mod-mobile .NavigationBar-actionMenu > .List-item .NavigationBar-actionMenu-button.sl-menu-panel-toggle { width: 60px; height: 60px; position: relative; } .MenuPanel-section-header { color: #f3d03f; } .nav-bg-color .MenuPanel-section .MenuPanel-section-header { color: #f3d03f; } .NavigationBar.mod-mobile .NavigationBar-actionMenu > .List-item .NavigationBar-actionMenu-button.sl-menu-panel-toggle i { width: 18px; height: 2px; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -9px; background-color: #ffffff; } .NavigationBar.mod-mobile .NavigationBar-actionMenu > .List-item .NavigationBar-actionMenu-button.sl-menu-panel-toggle i::before { top: -6px; background-color: #73152d; } .NavigationBar.mod-mobile .NavigationBar-actionMenu > .List-item .NavigationBar-actionMenu-button.sl-menu-panel-toggle i::before, .NavigationBar.mod-mobile .NavigationBar-actionMenu > .List-item .NavigationBar-actionMenu-button.sl-menu-panel-toggle i::after { content: ''; position: absolute; left: 0; right: 0; height: 2px; background: #ffffff } <=================================================================================Right Menu=======================================================================================> .nav-bg-color.sidr { background: #73152d; color: #73152; } <==================================================================================版型====================================================================================> .home:not(.my-scroll) .nav-bg-color { background: linear-gradient(to bottom, rgba(115, 21, 45, 1) 100%, transparent 0%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#73152d", endColorstr="#ffffff", GradientType=0 ); /* display: none; */ } .NavigationBar-container.clearfix { background-color: #73152d; display: initial; } <================================================================Product List===========================================================================> .PromotionPage-container .ProductList-info .Label, .ProductList-container .ProductList-info .Label, body.products.index .ProductList-info .Label { font-size: 20px; padding: 15px 0 25px; color: #eba400; } .Label { color: #eba400; } .ProductList-breadcrumb.nav-bg-color.hidden-xs { background: rgba(0, 0, 0, 0.95); color: #ddd; display: -webkit-inline-box; margin: 0 auto; padding: 20px 1280px; } .ProductList-categoryMenu.is-collapsed.is-mobile-collapsed { padding: 70px 15px 30px 105px; } .ProductList-categoryMenu { padding: 70px 15px 30px 105px; } <=========================================================================商品介紹頁====================================================================================================> .Tab-label.js-tab-label.active { color: ; } .ProductDetail-title.primary-border-color-after { display: none; } .ProductDetail-additionalInfo .ProductDetail-title { font-size: 22px; margin-top: 35px; margin-bottom: 40px; text-align: center; position: relative; display: none; } .Tab-label.js-tab-label.active { color: #; } .Tabset .Tab-label.active { color: #000; } .ProductDetail-breadcrumb { font-size: 13px; text-align: right; } .block-inner { text-align: right; } .ProductDetail-additionalInfo .ProductDetail-title { font-size: 22px; margin-top: 35px; margin-bottom: 40px; text-align: center; position: relative; } .ProductList-breadcrumb.nav-bg-color, .ProductDetail-breadcrumb.nav-bg-color { background: rgba(252, 247, 237, 0.95); color: #ddd; } .ProductList-breadcrumb.nav-bg-color.hidden-xs { background: rgba(252, 247, 237, 0.95); color: #ddd; display: none; } .Label { } .ProductDetail-breadcrumb.nav-bg-color { } <=========================================================================商品結帳頁===================================================================================================> .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #ff0000; } .facebook-messenger { text-align: left; font-size: 14px; font-weight: 400; padding-top: 4px; padding-bottom: 4px; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; text-align: justify; } } .col-sm-2 { text-align: justify; } @media screen and (max-width: 767px) { .page-cart .cart-item .item-information, .page-checkout .cart-item .item-information, .page-order-show .cart-item .item-information { position: static; text-align: justify; } } .col-xs-12.col-sm-3.item-information { text-align: justify; } <=========================================================================Footer====================================================================================================> .container.global-primary { color: #fff; background-color: #73152d; } #Footer .container:last-child { color: #fff; background-color: #73152d; } .Footer .container:last-child { color: #fff; background-color: #73152d; } .shopline-copyright { background: #73152d; } .shopline-copyright { color: #73152d; } .Footer #shopline-copyright { color: #fff; background: #73152d; } #grid-item-5f0fba920436595e3c4cc3bf { vertical-align: top; height: 100%; background-color: #fcf7ed; } #Footer .container:last-child { border-top: none; padding: 0px; width: 100vw; margin-left: -50vw; position: relative; left: 50%; } #shopline-copyright { display: none; } <=========================================================================FAQ====================================================================================================> #menu ul li:hover a { color: #73152d; }