.mod-desktop .NavigationBar-mainMenu>.List-item>.Label {
color: #392721;
}
body {
color: #392721;
background: black;
}
svg.icons {
}
/* homepage banners one row two images */
@media screen and (max-width:991px){
#page-item-5cffbbf8c6015f0020911b4c, #page-item-5cffbbf8c6015f0020911b4d, #page-item-5cffbbf8c6015f0020911b4e, #page-item-5cffbbf8c6015f0020911b4f { width:50%; }}
.NavigationBar.mod-desktop .NavigationBar-mainMenu {
flex: auto;
padding: 0 0px;
margin-bottom: 0px;
}
.NavigationBar-sticky>div {
width: 1420px;
max-width: 100%;
min-height: 100px;
margin: 0 auto;
padding: 0px 0px;
}
@media (min-width: 1200px){
.Grid-row-wrapper {
width: 100%;
}}
@media (max-width: 767px){
.Grid-row-wrapper {
padding-left: 0px;
padding-right: 0px;
}}
.navigation-menu.nav-color .navigation-menu-top-layer> li:nth-child(even) > a {
font-weight: 600;
animation: flash-frames-pc .8s infinite alternate;
-webkit-animation: flash-frames-pc .8s infinite alternate
}
@keyframes flash-frames-pc {
0% {
color: #600000
}
100% {
color: #ecddc6
}
}
#page-item-603748fd668d567d5821e79c {
background-attachment: fixed;
background-position:center;
background-image: url("https://img.shoplineapp.com/media/image_clips/5ff7d2c8d253d100264e9076/original.jpg");
}
-------------------------------------
.navigation-menu-top-layer > li:nth-child(1) > a {
color: #337ab7;
}
.test {
width: 724px;
margin: auto;
}
/* position relative test; */
.relative-btn {
padding: 20px 20px;
background-color: #46A3FF;
border-radius: 1em;
transition: all .3s ease;
position: relative;
bottom: 0px;
border: 1px;
margin: auto;
}
.relative-btn:hover {
bottom: 7px;
background-color: rgb(9, 220, 240);
box-shadow: 0 25px 20px rgba(0, 0, 0, .2);
font-size: 15px;
}
.relative-box {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.relative-box button {
margin: 0px 15px 10px 15px;
}
@media (max-width: 762px) {
.relative-btn {
padding: 10px;
}
.absolutetest .p2 {
left: 10px!important;
}
.absolutetest:hover p {
font-size: 30px;
}
.absolutetest:hover .p2 {
left: 10px!important;
top: 200px!important;
}
}
/*position: absolute test */
.absolutetest {
position: relative;
overflow: hidden;
}
.absoluteheader {
background-color: rgb(9, 148, 228);
width: 100%;
height: 400px;
border-radius: 30px;
transition: all o.8s ease;
}
.absolutetest:hover .absoluteheader {
background-color: rgb(9, 97, 228);
}
.absolute-btns {
position: absolute;
bottom: 15px;
right: -1000px;
overflow: hidden;
transition: all .3s ease;
}
.absolutetest:hover .absolute-btns {
right: 15px;
}
.absolute-btns button {
background: transparent;
opacity: .8;
border: none;
}
.absolutetest .p1 {
position: absolute;
top: 0px;
left: -1000px;
font-size: 100px;
font-weight: bold;
word-break: break-all;
overflow: hidden;
transition: all .3s ease;
}
.absolutetest:hover .p1 {
left: 5px;
margin-bottom: 800px;
}
.absolutetest .p2 {
position: absolute;
top: 10px;
left: 40px;
font-size: 100px;
font-weight: bold;
word-break: break-all;
overflow: hidden;
transition: all .3s ease;
}
.absolutetest:hover .p2 {
left: 40px;
top: 250px;
}
.w-50 {
width: 50%;
}
/*background-attachment: fixed*/
.fixedtest {
background-image: url(https://img.shoplineapp.com/media/image_clips/6120761547987b003b0759f3/original.jpeg?1629517333);
background-size: cover;
filter: brightness(2);
padding: 200px;
background-position: center center;
background-attachment: fixed;
border-radius: 30px;
position: relative;
}
.fixedtest p {
position: relative;
z-index: 2;
}
.fixedtest:after {
content:" ";
width: 100%;
height: 100%;
background: black;
opacity: .4;
display: block;
left: 0;
top: 0;
position: absolute;
z-index: 1;
border-radius: 30px;
}
.CustomPage > .Grid-row-wrapper:nth-child(1) >.Grid-row >.Grid-item {
width: 33%;
}
svg.icons.icon-menu {
}
/*部落格測試*/
.bee-row-1 .bee-col-1,
.bee-row-10 .bee-col-1,
.bee-row-11 .bee-col-1,
.bee-row-12 .bee-col-1,
.bee-row-13 .bee-col-1,
.bee-row-14 .bee-col-1,
.bee-row-15 .bee-col-1,
.bee-row-17 .bee-col-1,
.bee-row-2 .bee-col-1,
.bee-row-3 .bee-col-1,
.bee-row-4 .bee-col-1,
.bee-row-5 .bee-col-1,
.bee-row-6 .bee-col-1,
.bee-row-7 .bee-col-1,
.bee-row-8 .bee-col-1,
.bee-row-9 .bee-col-1 {
border: 0px; border-radius: 4px;
border-bottom: 0 solid transparent;
border-left: 0 solid transparent;
border-right: 0 solid transparent;
border-top: 0 solid transparent
}
.bee-row-1,
.bee-row-10,
.bee-row-11,
.bee-row-12,
.bee-row-13,
.bee-row-14,
.bee-row-15,
.bee-row-16,
.bee-row-17,
.bee-row-2,
.bee-row-3,
.bee-row-4,
.bee-row-5,
.bee-row-6,
.bee-row-7,
.bee-row-8,
.bee-row-9 {
background-repeat: no-repeat
}
body {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif
}
a {
color: #0068a5
}
.bee-row-1 .bee-row-content,
.bee-row-10 .bee-row-content,
.bee-row-11 .bee-row-content,
.bee-row-12 .bee-row-content,
.bee-row-13 .bee-row-content,
.bee-row-14 .bee-row-content,
.bee-row-15 .bee-row-content,
.bee-row-16 .bee-row-content,
.bee-row-17 .bee-row-content,
.bee-row-2 .bee-row-content,
.bee-row-3 .bee-row-content,
.bee-row-4 .bee-row-content,
.bee-row-5 .bee-row-content,
.bee-row-6 .bee-row-content,
.bee-row-7 .bee-row-content,
.bee-row-8 .bee-row-content,
.bee-row-9 .bee-row-content {
background-color: #fff;
background-repeat: no-repeat
}
.bee-row-1 .bee-col-1,
.bee-row-15 .bee-col-1 {
padding-bottom: 25px;
padding-top: 25px
}
.bee-row-1 .bee-col-1 .bee-block-1,
.bee-row-11 .bee-col-1 .bee-block-1,
.bee-row-13 .bee-col-1 .bee-block-1,
.bee-row-13 .bee-col-1 .bee-block-3,
.bee-row-16 .bee-col-1 .bee-block-1,
.bee-row-16 .bee-col-2 .bee-block-1,
.bee-row-16 .bee-col-3 .bee-block-1 {
width: 100%
}
.bee-row-1 .bee-col-1 .bee-block-2,
.bee-row-10 .bee-col-1 .bee-block-1,
.bee-row-11 .bee-col-2 .bee-block-3,
.bee-row-11 .bee-col-2 .bee-block-4,
.bee-row-12 .bee-col-1 .bee-block-1,
.bee-row-13 .bee-col-1 .bee-block-4,
.bee-row-14 .bee-col-1 .bee-block-1,
.bee-row-15 .bee-col-1 .bee-block-1,
.bee-row-16 .bee-col-1 .bee-block-2,
.bee-row-16 .bee-col-1 .bee-block-3,
.bee-row-16 .bee-col-2 .bee-block-2,
.bee-row-16 .bee-col-2 .bee-block-3,
.bee-row-16 .bee-col-3 .bee-block-2,
.bee-row-16 .bee-col-3 .bee-block-3,
.bee-row-2 .bee-col-1 .bee-block-1,
.bee-row-3 .bee-col-2 .bee-block-3,
.bee-row-3 .bee-col-2 .bee-block-4,
.bee-row-4 .bee-col-1 .bee-block-1,
.bee-row-5 .bee-col-2 .bee-block-3,
.bee-row-5 .bee-col-2 .bee-block-4,
.bee-row-6 .bee-col-1 .bee-block-1,
.bee-row-7 .bee-col-2 .bee-block-3,
.bee-row-7 .bee-col-2 .bee-block-4,
.bee-row-8 .bee-col-1 .bee-block-1,
.bee-row-9 .bee-col-2 .bee-block-3,
.bee-row-9 .bee-col-2 .bee-block-4 {
padding: 10px
}
.bee-row-1 .bee-col-1 .bee-block-3,
.bee-row-13 .bee-col-1 .bee-block-5,
.bee-row-16 .bee-col-1 .bee-block-4,
.bee-row-16 .bee-col-2 .bee-block-4,
.bee-row-16 .bee-col-3 .bee-block-4,
.bee-row-17 .bee-col-1 .bee-block-1 {
text-align: center;
padding: 10px
}
.bee-row-3 .bee-col-1 .bee-block-1,
.bee-row-5 .bee-col-1 .bee-block-1,
.bee-row-7 .bee-col-1 .bee-block-1,
.bee-row-9 .bee-col-1 .bee-block-1 {
width: 100%;
padding: 10px
}
.bee-row-11 .bee-col-2,
.bee-row-16 .bee-col-1,
.bee-row-16 .bee-col-2,
.bee-row-16 .bee-col-3,
.bee-row-3 .bee-col-2,
.bee-row-5 .bee-col-2,
.bee-row-7 .bee-col-2,
.bee-row-9 .bee-col-2 {
border: 0px; border-radius: 4px;
border-bottom: 0 solid transparent;
border-left: 0 solid transparent;
border-right: 0 solid transparent;
border-top: 0 solid transparent;
padding-bottom: 5px;
padding-top: 5px
}
.bee-row-11 .bee-col-2 .bee-block-1,
.bee-row-15 .bee-col-1 .bee-block-2,
.bee-row-3 .bee-col-2 .bee-block-1,
.bee-row-5 .bee-col-2 .bee-block-1,
.bee-row-7 .bee-col-2 .bee-block-1,
.bee-row-9 .bee-col-2 .bee-block-1 {
text-align: center;
width: 100%
}
.bee-row-11 .bee-col-2 .bee-block-2,
.bee-row-3 .bee-col-2 .bee-block-2,
.bee-row-5 .bee-col-2 .bee-block-2,
.bee-row-7 .bee-col-2 .bee-block-2,
.bee-row-9 .bee-col-2 .bee-block-2 {
padding-bottom: 15px;
padding-top: 15px
}
.bee-row-11 .bee-col-2 .bee-block-5,
.bee-row-3 .bee-col-2 .bee-block-5,
.bee-row-5 .bee-col-2 .bee-block-5,
.bee-row-7 .bee-col-2 .bee-block-5,
.bee-row-9 .bee-col-2 .bee-block-5 {
text-align: center;
padding: 50px 10px 10px
}
.bee-row-13 .bee-col-1,
.bee-row-17 .bee-col-1 {
padding-bottom: 30px;
padding-top: 20px
}
* {
box-sizing: border-box
}
body,
p {
margin: 0
}
.bee-row-content {
max-width: 900px;
margin: 0 auto;
display: flex
}
.bee-row-content .bee-col-w4 {
flex: 4
}
.bee-row-content .bee-col-w5 {
flex: 5
}
.bee-row-content .bee-col-w7 {
flex: 7
}
.bee-row-content .bee-col-w12 {
flex: 12
}
.bee-image img {
display: block;
width: 100%
}
.bee-divider,
.bee-image {
overflow: auto
}
.bee-divider .bee-center,
.bee-image .bee-center {
margin: 0 auto
}
.bee-text {
overflow-wrap: anywhere
}
.bee-social .icon img {
max-height: 32px
}
.bee-button .content {
text-align: center
}
.bee-button a {
text-decoration: none
}
.bee-heading h1,
.bee-heading h2 {
margin-top: 0;
margin-bottom: 0
}
@media (max-width:768px) {
.bee-row-content:not(.no_stack) {
display: block
}
}
.bee-button-content {
border-radius: 4px;
}
.resultMarquee {
animation: scroll 7s linear 0s infinite;
position: absolute;
}
h2 {
font-weight: 700;
font-size: 50px;
letter-spacing: 0;
line-height: 1.2;
color: #000000;
}
.product-item .price:not(.price-crossed) {
color: #000000;
}
@media (max-width: 1199px){
.MenuPanel-othersMenu .List-item:nth-child(3) {
display:none;
}
}
.test1116 {
color: #600030;
}
.test1116 {
color: #921AFF;
}
----
bonny
/*AB組合加入購物車文字太大*/
@media screen and (min-width: 768px){
}
.PromotionCart-header .cart-chkt-btn-cont {
min-width: auto;
}
/*加購框框大小*/
.addon-checkout-switch{
width: 24px!important;
height: 24px!important;
margin-left: -10px !important;
}
/*shopline加入購物車不往上跳
html, body{
height: auto!important;
}*/
/*結帳頁未享用優惠促銷*/
@media screen and (max-width: 767px){
.page-cart .cart-promotions.collapsible-cart-promotions{
max-height: fit-content !important;
}}
/*手機太小不要掉下去*/
.NavigationBar.mod-mobile .NavigationBar-logo {
padding: 8px 5px !important;
}
/*首頁arrow*/
.arrow_box{
background: #585858;
display: block;
padding:0 5px;
position: absolute;
top:25px;
border-radius: 4px;
z-index: 100;
color: #fff;
font-size: 12px;
text-align: center;
width: max-content;
white-space: nowrap;
}
.arrow_box:after{
bottom: 100%;
left:30%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
border-color: rgba(92, 213, 21, 0);
border-bottom-color: #585858;
border-width: 4px;
}
.arrow_box:after{margin-left: -6px;}
.arrow_box.zh:after{margin-left: -10px;}
.go{
-webkit-animation:box .4s infinite ;
}
/* 2020/05/25 首頁調整 */
/*首頁圖片放大*/
#page-item-5e9eae100e109e002a1a3182>.boxify-image-wrapper img.sl-lazy-image,
#page-item-5e9eae100e109e002a1a3183>.boxify-image-wrapper img.sl-lazy-image,
#page-item-5e9eae100e109e002a1a3184>.boxify-image-wrapper img.sl-lazy-image {
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s,-webkit-transform .5s;
}
#page-item-5e9eae100e109e002a1a3182>.boxify-image-wrapper:hover img.sl-lazy-image,
#page-item-5e9eae100e109e002a1a3183>.boxify-image-wrapper:hover img.sl-lazy-image,
#page-item-5e9eae100e109e002a1a3184>.boxify-image-wrapper:hover img.sl-lazy-image {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#page-item-5e9eae100e109e002a1a3182,
#page-item-5e9eae100e109e002a1a3183,
#page-item-5e9eae100e109e002a1a3184 {
padding: 21px;
}
/* 2020/05/07 首頁調整 */
/*降低搜尋欄高度*/
#SearchPanel{
top: 60px;
}
/*隱藏來自門市跟店員*/
div.form-container > form > span:nth-child(8) >div:not(#from_store_block),
div.form-container > form > span:nth-child(9) >div:not(#from_emp){
display:none;
}
/*logo大小*/
.NavigationBar.mod-desktop .NavigationBar-logo{
max-width:1280px !important;
}
/*擋到分類了
ul.navigation-menu-top-layer {
margin-left: 320px;
}*/
/*第一張圖往下一點*/
@media (max-width: 767px) {
.Grid-row-wrapper:nth-child(1){
padding-top: 60px;
}
}
@media (min-width: 768px) {
.Grid-row-wrapper:nth-child(1){
padding-top: 180px;
}
}
/*隱藏類別,付款方式,上邊所在分類*/
.ProductList-categoryMenu a[href$="special-recommend"],
.MenuPanel-categoryMenu a[href$="special-recommend"],
.ProductList-categoryMenu a[href$="thanksgiving-1"],
.MenuPanel-categoryMenu a[href$="thanksgiving-1"],
.ProductList-categoryMenu a[href$="kol-recommend"],
.MenuPanel-categoryMenu a[href$="kol-recommend"],
.ProductList-categoryMenu a[href$="2021pantone"],
.MenuPanel-categoryMenu a[href$="2021pantone"],
.ProductList-categoryMenu a[href$="best-selling"],
.MenuPanel-categoryMenu a[href$="best-selling"],
.ProductList-categoryMenu a[href$="1010"],
.MenuPanel-categoryMenu a[href$="1010"],
.ProductList-categoryMenu a[href$="mothers-day"],
.MenuPanel-categoryMenu a[href$="mothers-day"],
.ProductList-categoryMenu a[href$="consumable"],
.MenuPanel-categoryMenu a[href$="consumable"],
.ProductList-categoryMenu a[href$="revive"],
.MenuPanel-categoryMenu a[href$="revive"],
.ProductList-categoryMenu a[href$="water"],
.MenuPanel-categoryMenu a[href$="water"],
.ProductList-categoryMenu a[href$="fire"],
.MenuPanel-categoryMenu a[href$="fire"],
.ProductList-categoryMenu a[href$="earth"],
.MenuPanel-categoryMenu a[href$="earth"],
.ProductList-categoryMenu a[href$="wind"],
.MenuPanel-categoryMenu a[href$="wind"],
.ProductList-categoryMenu a[href$="bow"],
.MenuPanel-categoryMenu a[href$="bow"],
.ProductList-categoryMenu a[href$="hello-kitty"],
.MenuPanel-categoryMenu a[href$="hello-kitty"],
.ProductList-categoryMenu a[href$="99sale"],
.MenuPanel-categoryMenu a[href$="99sale"],
.ProductList-categoryMenu a[href$="instock-1"],
.MenuPanel-categoryMenu a[href$="instock-1"],
div.ProductDetail-additionalInfo > div > section > div.Tabset-tabs.js-tabset-tabs > div:nth-child(2),
.ProductList-breadcrumb.nav-bg-color,
.ProductDetail-breadcrumb.nav-bg-color {
display: none !important;
}
/*分類大圖改小*/
.bn-cat {
width: 1400px;
max-width: 100%;
margin: 0 auto;
}
@media (min-width: 991px) {
.bn-cat {
padding: 0 35px;
}
}
@media (min-width: 768px) and (max-width: 990px) {
.bn-cat {
padding: 0 25px;
}
}
/*大小寫不強制轉換*/
.sidr ul li a {
text-transform: none;
}
/*右下角按鈕*/
/*小數字*/
span.cart-total-count, span.login-fake-count {
width: 20px;
height: 20px;
position: fixed;
z-index: 100;
background-color: #a58647;
right: 0.5%;
line-height: 20px;
border-radius: 50%;
color: #fff;
font-size: 12px;
text-align: center;
display: block;
opacity: 0.85;
text-decoration: none;
transition: .4s;
}
span.cart-total-count {
bottom: calc(env(safe-area-inset-bottom) + 188px);
}
/*圖片形狀*/
a.cart-panel-btn.bottom-right-button,a.login-btn.bottom-right-button, #easychat-floating-button.easychat-float-botton-show, .sl-goto-top {
width: 36px !important;
height: 36px !important;
position: fixed;
z-index: 100;
background-color: #333333 !important;
right: 0.5%;
text-align: center;
text-decoration: none;
display: none;
border-radius: 999em;
box-shadow: none !important;
border-color: #333333;
transition: .4s;
}
/*返回頂部圖案修改*/
.sl-goto-top:after {
content: 'top';
color: #fff;
position: absolute;
top: 50%;
margin-right: 2px;
left: 1px;
width: 100%;
font-size: 13px;
letter-spacing: .05em;
line-height: 13px;
text-align: center;
border-left: none;
}
.sl-goto-top:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -7px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 9px 7px;
border-color: transparent transparent #fff transparent;
transform: none;
}
.sl-goto-top:hover:after {
content: 'top';
color: #000;
position: absolute;
top: 50%;
margin-right: 2px;
left: 1px;
width: 100%;
font-size: 13px;
letter-spacing: .05em;
line-height: 13px;
text-align: center;
border-left: none;
}
.sl-goto-top:hover:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -7px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 9px 7px;
border-color: transparent transparent #000 transparent;
transform: none;
}
/*easy chat 跳窗*/
@media (min-width: 416px){
.easychat-chat-dialog-close{
right: 60px !important;
}
}
#easychat-unread-badge{
right: 0.5% !important;
bottom: calc(env(safe-area-inset-bottom) + 150px) !important;
width: 20px !important;
height: 20px !important;
background-color: #a58647 !important;
line-height: 16px !important;
font-weight: initial !important;
font-size: 12px !important;
}
#easychat-floating-button.easychat-float-botton-show{
bottom: calc(env(safe-area-inset-bottom) + 110px);
}
#easychat-container .easychat-chat {
right: 70px !important;
}
a.cart-panel-btn.bottom-right-button,a.login-btn.bottom-right-button {
line-height: 44px !important;
}
a.cart-panel-btn.bottom-right-button {
bottom: calc(env(safe-area-inset-bottom) + 160px)
}
.sl-goto-top {
right: 0.5% !important;
bottom: calc(env(safe-area-inset-bottom) + 60px)
}
/*加入購物車等高*/
@media (min-width: 768px){
body.products.show .btn-cart-fixed {
bottom: calc(env(safe-area-inset-bottom) + 160px) !important;
top: auto !important;
right: calc(0.5% + 50px);
}
}
/*頁尾變小一點*/
#Footer .container {
width: 100%;
padding: 0;
}
/*桌面版了解更多小一點*/
@media (min-width: 991px) {
.ProductDetail-gallery ul li ,.ProductDetail-description {
width: 50%;
margin: 0 auto;
}
}
/*顏色文字顏色*/
.cart-count-bottom-right .fa-shopping-cart {
color: white;
}
.variation_title {
color: #888888;
line-height: 30px;
}
/*加入購物車按鈕變大*/
#btn-add-to-cart,#btn-main-checkout,#btn-checkout,#btn-addon-checkout {
font-size: 15pt;
line-height: 15px;
height: 36px;
}
@media (min-width:768px) {
.cart-item .item-information .description {
margin-left: 0
}
}
/*其他東西*/
/*顏色框框變大*/
@media (min-width:768px) {
.variation-selector .Variation-wrap,.variation-selector .Variation-border {
width: 40px;
height: 40px;
}
variation-selector .Variation-thumb {
width: 32px;
height: 32px;
margin: 4px;
}
}
@media (max-width:767px) {
.variation-selector .Variation-wrap,.variation-selector .Variation-border {
width: 50px;
height: 50px
}
variation-selector .Variation-thumb {
width: 42px;
height: 42px;
margin: 4px
}
}
/*結帳頁變短*/
div.checkout-nav > div:nth-child(3) {
display: none;
}
.checkout-nav .step .badge::before {
width: 50%;
}
/*結帳頁高度低一點*/
.checkout-nav {
margin-top: 0px;
}
/*結帳頁面商品圖示變大*/
.addon-product-image, .shopping-cart .cart-items .product-image {
width: 150px!important;
height: 150px!important;
}
/*加數量向下移*/
@media screen and (max-width: 767px){
.page-cart .item-quantity, .page-checkout .item-quantity, .page-order-show .item-quantity {
padding-top: 65px!important;
}
}
@media screen and (max-width: 767px){
.page-cart .item-total, .page-checkout .item-total, .page-order-show .item-total {
padding-top: 93px!important;
}
}
/*商品名稱往右推*/
@media screen and (max-width: 767px){
.cart-item .description{
margin-left: 170px!important;
}
}
@media screen and (max-width: 767px){
.cart-item .item-promotion{
margin-left: 100px!important;
}
}
/*標題字距縮小*/
h1, h2 {
letter-spacing: 1px;
}
h1 {
font-size: 22px;
}
.navigation-menu-item-label {
letter-spacing: 0px;
}
/*商品頁加購品變大*/
body.products.show .addon-promotions-container .detail-media-container,
body.products.show .addon-item-image {
width: 120px;
height: 120px;
}
.addon-promotions-container .addon-item-chkbox {
margin-top: 49px;
}
@media screen and (min-width: 768px){
.addon-promotions-container .addon-item-mainInfo {
width: 50% !important;
}
}
@media screen and (max-width: 655px){
.addon-item-quantity-price-wrapper {
width: 50% !important;
}
}
.addon-promotions-container .addon-promotion-list .title {
text-align: center;
font-size: 16px;
font-family: Helvetica,"微軟正黑體",sans-serif;
}
.addon-promotions-container .addon-promotion-item .price-sale , #place-order-btn {
font-size: 18px!important;
color: #a58647;
font-family: Helvetica,"微軟正黑體",sans-serif;
}
/*隱藏推薦代碼*/
body.cart.index .use-affiliate{
display: none !important;
}
/*登入會員按鈕顏色*/
#checkout-container .alert-ask-for-login .btn-color-primary {
background-color: #a58647 !important;
}
/*加入購物車 hover改顏色*/
.btn-cart-fixed:hover {
color:#a58647 !important;
background-color:#fff;
}
.page-cart .btn-success, #place-order-btn {
background-color: #a58647 !important;
border-color: #a58647 !important;
}
.page-cart .btn-success:hover, #place-order-btn:hover,.page-cart .btn-success:focus, .page-cart .btn-success.focus, .page-cart .btn-success:active, .page-cart .btn-success.active {
color:#a58647 !important;
background-color:#fff !important;
border-color: #a58647 !important;
}
#place-order-btn {
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
border-radius: 4px;
margin-top: 5px;
}
.btn-cart-fixed.js-btn-cart-fixed{
font-size:19px!important;
}
/*結帳第一頁特價改顏色*/
.discount.ng-scope, .delivery-fee.ng-scope{
color:#a58647 !important;
}
/*分類文字閃爍*/
/*@-webkit-keyframes box{
0%{
top:25px;
}
20%{
}
50%{
top:30px;
}
80%{
}
100%{
top:25px;
}
}
@media (max-width:1199px){
.arrow_box {
top:42px;
}
@-webkit-keyframes box{
0%{
top:42px;
}
20%{
}
50%{
top:47px;
}
80%{
}
100%{
top:42px;
}
}
}
@keyframes flash-frames-mobile {
0% {
color: #fff
}
100% {
color: #a58647
}
}
.MenuPanel-mainMenu > li:nth-child(1) > a,
.MenuPanel-mainMenu > li:nth-child(3) > a,
.MenuPanel-mainMenu > li:nth-child(5) > a {
animation: flash-frames-mobile .8s infinite alternate;
-webkit-animation: flash-frames-mobile .8s infinite alternate
}
@keyframes flash-frames-pc {
0% {
color: #333
}
100% {
color: #a58647
}
}
ul.navigation-menu-top-layer > li:nth-child(1) > a,
ul.navigation-menu-top-layer > li:nth-child(3) > a,
ul.navigation-menu-top-layer > li:nth-child(5) > a {
animation: flash-frames-pc .8s infinite alternate;
-webkit-animation: flash-frames-pc .8s infinite alternate
}*/
