/* Control Panel Settings */ .quickview .mfp-iframe-holder .mfp-content{height:563px} #more-details[data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(124, 172, 66)} #more-details i:before{content: '\e62c';font-size: 28px;color: rgb(255, 255, 255);top: -2px} .quickview #content{background-color: rgb(255, 255, 255)} .quickview #tab-description{padding-right:10px;padding-left:10px;padding-top:10px;padding-bottom:10px} .quickview h1.heading-title{text-align:left} .label-latest{font-size: 16px;color: rgb(255, 255, 255);border-radius: 50%;width: 44px;height: 44px; line-height: 44px; padding-top:0; padding-bottom:0;background-color: rgb(124, 172, 66)} .label-sale{color: rgb(255, 255, 255);border-radius: 5px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(221, 0, 23)} .label-outofstock{background-color:rgb(221, 0, 23);font-weight: bold;text-transform: uppercase;letter-spacing: 1px;padding-bottom:10px;padding-left:30px;padding-right:13px;padding-top:10px} header .links a, .links .no-link, .mm-header-link a{font-size: 12px;color: rgb(204, 204, 204)} .drop-down ul li a, .fly-drop-down ul li a{color: rgb(51, 51, 51)} .mega-menu div > h3{font-weight: normal;color: rgb(255, 255, 255);border-bottom-width: 1px;border-style: solid;border-color: rgb(80, 80, 80);padding-bottom:5px} .mega-menu-categories .mega-menu-item ul li a{font-size: 12px;color: rgb(255, 255, 255)} .mega-menu-categories .mega-menu-item ul li a:hover{color: rgb(221, 0, 23)} .mega-menu-brands div > h3{font-weight: normal;color: rgb(255, 255, 255);text-align:left} .mega-menu-html div > h3, .mega-menu-mixed .mega-menu-html > h3{font-weight: normal;text-align:left} .mega-menu-html .mega-menu-item .wrapper{color: rgb(68, 67, 73);padding-top:8px} .super-menu > li > a{font-size: 16px;color: rgb(51, 51, 51)} .super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-right{border-style:none} .drop-down ul li, .mobile-menu .drop-down ul li, .flyout-menu .fly-drop-down ul li{border-bottom-style:solid;border-color: rgb(80, 80, 80)} .mega-menu-categories .mega-menu div > h3{text-align:left} .mega-menu-brands .mega-menu-item div{border-radius: 2px} .mega-menu-brands .mega-menu-item img{border-radius: 2%} .mobile-trigger:before{content: '\e618';font-size: 20px;color: rgb(68, 67, 73);top: -1px} .drop-down .menu-plus:before{content: '\e62c';font-size: 14px;color: rgb(255, 255, 255);top: -3px} .mega-menu-categories .mega-menu-item ul li a:before, html[dir='rtl'] .mega-menu-categories .mega-menu-item ul li a::after{content: '\e62c';font-size: 10px;color: rgb(255, 255, 255)} .mobile-trigger, .mobile-menu-on-tablet .mobile-trigger{font-size: 14px;color: rgb(56, 56, 56)} .journal-menu .mobile-menu > li .mobile-plus, .tablet.mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus, .mobile.mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus{background-color: rgb(255, 255, 255);color: rgb(83, 154, 138)} .journal-header-default .links a, .journal-header-default .links .no-link{border-color: rgba(0, 0, 0, 0);border-bottom-width:0px} header .links li:hover a, .mm-header-link li:hover a{color: rgb(250, 250, 250)} .super-menu > li:hover > a{color: rgb(0, 116, 59)} .super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-left, .journal-desktop .menu-floated .float-right{border-color: rgb(217, 217, 217)} .mega-menu, .html-menu{background-color: rgb(68, 67, 73)} header .journal-secondary a:hover, header .journal-secondary .links > a:hover, .mm-header-link a:hover{color: rgb(221, 0, 23)} .mega-menu div > h3:hover > a{color: rgb(221, 0, 23)} .drop-down ul li:hover > a, .fly-drop-down ul li:hover > a{color: rgb(255, 255, 255)} .drop-down ul li, .fly-drop-down ul li{background-color: rgb(255, 255, 255)} .drop-down ul li:hover, .drop-down ul > li:hover > a, .fly-drop-down ul > li:hover > a{background-color:rgb(83, 154, 138);border-color:rgb(83, 154, 138);} .journal-menu .mobile-trigger{background-color: rgb(255, 255, 255)} .mega-menu .product-grid-item .price{display:inline-block} .mega-menu{padding:20px} .mega-menu-item > div, #header .mega-menu .product-wrapper{margin-right:10px} .mega-menu .product-grid-item .price, .mega-menu .product-grid-item .price-new{color: rgb(42, 43, 46)} .mega-menu-column > div > h3, .mega-menu-column > h3{padding-bottom:5px;font-weight: normal;font-size: 16px;color: rgb(255, 255, 255);margin-bottom:10px;border-bottom-width: 1px;border-style: solid;border-color: rgb(80, 80, 80)} .mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper h3{padding-bottom:5px} .mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper h3, .mega-menu .mega-menu-column .menu-cms-block h1, .mega-menu .mega-menu-column .menu-cms-block h2, .mega-menu .mega-menu-column .menu-cms-block h3{font-size: 16px;color: rgb(255, 255, 255)} .mega-menu .product-wrapper{border-width: 0px;border-style: solid} .mega-menu-categories .mega-menu-item ul li.view-more a{font-weight: bold;font-size: 11px} .mobile .journal-menu .mobile-menu > li, .tablet.mobile-menu-on-tablet header .journal-menu .mobile-menu > li, .mobile.mobile-menu-on-tablet header .journal-menu .mobile-menu > li, #header .journal-menu .mobile-menu > li .mobile-plus{border-style:solid;border-color: rgb(255, 255, 255)} .mega-menu-column.mega-menu-html .wrapper p, .mega-menu-column.mega-menu-html .wrapper p span, .mega-menu .mega-menu-column .menu-cms-block{font-size: 12px} .quote .button{font-size: 23px;color: rgb(255, 255, 255);padding:0 40px;line-height:54px;background-color: rgb(68, 67, 73);background-image: linear-gradient(to right, #107380, #6940fb)} .quote .button:hover{background-color: rgb(221, 0, 23);background: linear-gradient(to left, #cb2d3e , #ef473a);box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.5)} .quote .button:active{box-shadow: inset 0px 2px 40px -5px rgba(0, 0, 0, 0.8)} .product-info .left .image a img{border-width: 1px;border-style: solid;border-color: rgb(126, 128, 131)} .product-info .left .image-additional a img{border-width: 1px;border-style: solid;border-color: rgb(126, 128, 131)} .product-info .left .image-additional a{padding:0 15px 15px 0} .product-info .image .label-latest{display: none} .product-info .image .label-sale{display: block} .product-info .image .label-outofstock{display: block} .product-options > div, .product-options > ul{background-color: rgb(255, 255, 255)} .product-options > div, .product-options > ul, .skin-11 .right .heading-title{margin-bottom:10px} .product-info .right .description .instock{color: rgb(68, 67, 73)} .product-info .right .description .outofstock{color: rgb(221, 0, 23)} .product-info .right .price .price-new, .product-info .right .price .product-price, .product-info .right .price li.price-new, .product-info .right .price li.product-price{font-size: 34px} .product-info .right .price .price-old, .product-info .right .price li.price-old{font-size: 22px;color: rgb(255, 255, 255)} .product-info .right .price-old{border-radius: 3px;background-color: rgb(221, 0, 23)} .product-info .option > ul > li:active, .product-info .option > ul > li.selected{box-shadow:none} #content .product-info .options h3, .ms-sellerprofile.description h3{font-weight: normal;font-size: 14px;color: rgb(255, 255, 255);background-color: rgb(169, 184, 192)} .product-info .option > ul > li{font-size: 16px;color: rgb(48, 46, 44);background-color: rgb(255, 255, 255);border-radius: 30px} .product-info .right .cart div .qty{border-width: 1px;border-radius: 80px;border-style: solid;border-color: rgb(8, 4, 3)} #button-cart, .product-info .right .cart div .button.enquiry-button{font-size: 16px;text-transform: uppercase;color: rgb(255, 255, 255)} #button-cart, .product-info .right .cart div .button.enquiry-button, .quickview #more-details{border-width: 1px;border-radius: 80px;border-style: solid;border-color: rgb(124, 172, 66);background-color: rgb(124, 172, 66)} .product-info .right .wishlist-compare .links a{font-size: 16px;color: rgb(0, 0, 0)} .product-info .right .wishlist-compare .links a:hover{color: rgb(124, 172, 66)} #tabs a, #tabs li a{font-size: 16px;color: rgb(8, 4, 3);background-color: rgb(255, 255, 255);box-shadow:none} #tabs > li{border-width: 1px;border-radius: 50px;border-style: solid;border-color: rgba(0, 0, 0, 0)} .product-info .tab-content, .tab-content{border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;padding:15px} .product-info .left .journal-custom-tab h3{font-weight: bold ;font-size: 15px } .product-info .left .journal-custom-tab, .product-info .left .journal-custom-tab p, .product-info .left .journal-custom-tab p span{font-size: 12px } .product-info .left .journal-custom-tab{border-radius: 3px} .product-info .right .journal-custom-tab h3{font-weight: bold;font-size: 15px} .product-info .right .journal-custom-tab, .product-info .right .journal-custom-tab p, .product-info .right .journal-custom-tab p span{font-size: 12px} .product-info .right .journal-custom-tab{border-radius: 3px} .product-info .gallery-text:before{content: '\e015';font-size: 16px} #product-gallery .swiper-button-prev::before{content: '\f053';font-size: 20px;color: rgb(68, 67, 73)} #product-gallery .swiper-button-next::before{content: '\e60e';font-size: 20px;color: rgb(68, 67, 73)} .product-info .right .wishlist-compare .links a:before{content: '\e662';font-size: 14px} .product-info .right .wishlist-compare .links a+a:before{content: '\e025';font-size: 14px} .product-info .right .options .option{border-color: rgb(255, 255, 255)} .product-info .option > ul > li.selected, .product-info .option > ul > li:hover{color: rgb(255, 255, 255);background-color: rgb(124, 172, 66)} .product-info .right .cart div .journal-stepper{color: rgb(0, 0, 0);background-color: rgb(255, 255, 255)} .product-info .right .cart div .journal-stepper:hover{color: rgb(0, 0, 0);background-color: rgb(255, 255, 255)} #button-cart:hover, .product-info .right .cart div .button.enquiry-button:hover, .quickview #more-details:hover{color: rgb(124, 172, 66);background-color: rgb(255, 255, 255)} #tabs a:hover, #tabs a.selected, #tabs li a:hover, #tabs li.active a{color: rgb(8, 4, 3);background-color: rgb(255, 255, 255)} .product-info .tab-content, .tab-content, .quickview .tab-content{background-color: rgba(255, 255, 255, 0)} .tags{text-align:center} .tags a, .tags b{border-radius: 3px} .tags b{background-color: rgb(90, 128, 45);color: rgb(255, 255, 255)} .tags a{background-color: rgb(255, 255, 255)} .tags a:hover{color: rgb(90, 128, 45)} #product-gallery .swiper-button-prev, #product-gallery .swiper-button-next{border-radius: 50%;height:25px; line-height:25px;width:25px} .product-info .right .options .option b, .product-info .right .options .option .control-label{font-size: 16px;color: rgb(0, 0, 0)} .product-info .right .options .option label:hover{color: rgb(124, 172, 66)} #product-gallery .swiper-button-prev:hover::before, #product-gallery .swiper-button-next:hover::before{color: rgb(221, 0, 23)} .product-info .right .options .option label{color: rgb(66, 139, 202)} .attribute tbody td{text-align:left} .product-sold-count-text{font-size: 15px} .product-info .right > div > .price{background-color: rgba(0, 0, 0, 0);padding:0px;display:block} .product-page .heading-title{text-align:left;border-color: rgb(40, 150, 180);font-weight: bold;font-size: 20px;color: rgb(50, 120, 67)} .attribute tr td:first-child{text-align:left} .product-info .right > div > .options{display:block} #tabs{border-top-left-radius: 3px;border-top-right-radius: 3px} body{font-size: 16px;color: rgb(51, 51, 51)} .heading-title, .box-heading, #blogArticle .articleHeader h1, .oc-filter .panel-heading{text-align:left;border-bottom-width: 1px;border-style: solid;border-color: rgb(238, 238, 238);line-height:40px; min-height:40px;} .secondary-title, #content #review-title{text-align:left;font-size: 14px;color: rgb(56, 56, 56);border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204);padding-top:7px; padding-bottom:7px} .heading-title, .box-heading, #blogArticle .articleHeader h1, #swipebox-caption, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected, .oc-filter .panel-heading{font-size: 22px} .button, .side-column .box-content a.button, #quickcheckout .button, .modal-footer .btn{font-size: 16px;color: rgb(255, 255, 255)} .button, #quickcheckout .button, .modal-footer .btn{border-width: 1px;border-radius: 2px;border-style: solid;border-color: rgb(124, 172, 66);padding:0 15px;line-height:35px;background-color: rgb(124, 172, 66)} .breadcrumb{font-size: 12px;color: rgb(80, 80, 80);border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;display:none !important;} .scroll-top:before{content: url("image/data/website/icon/HA_backTop_icon.svg");font-size: 45px;color: rgb(63, 87, 101)} .extended-layout .extended-container{background-color: rgb(255, 255, 255)} a{color: rgb(0, 155, 192)} a:hover{color: rgb(124, 172, 66)} .button:hover, .side-column .box-content a.button:hover, #quickcheckout .button:hover, .modal-footer .btn:hover{color: rgb(124, 172, 66)} .button:hover, #quickcheckout .button:hover, .modal-footer .btn:hover{background-color: rgb(255, 255, 255);border-color: rgb(124, 172, 66)} .breadcrumb a:hover{color: rgb(221, 0, 23)} .extended-container:before{background-color: rgb(244, 244, 244)} .box-sections ul li, .custom-sections .box-heading.box-sections{border-style:solid} .box-sections ul li a{font-size: 14px;text-transform: uppercase;color: rgb(56, 56, 56)} .box-sections ul li a:hover, .box-sections ul li a.selected{background-color: rgb(255, 255, 255)} .custom-sections.section-product .product-wrapper{background-color: rgb(255, 255, 255)} .box-heading.box-sections, #top-modules .journal2_custom_sections::before, #bottom-modules .journal2_custom_sections::before{box-shadow: inset 0px -6px 17px -5px rgba(0, 0, 0, 0.15)} #footer{margin-top:20px;margin-bottom:0px} footer .column > h3{border-bottom-style:solid;text-align:left;font-size: 18px;color: rgb(50, 120, 67);border-color: rgba(80, 80, 80, 0)} footer .column-menu-wrap > ul li{font-size: 16px;color: rgb(51, 51, 51)} footer .contacts{box-shadow:none;border-top-width: 1px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(80, 80, 80)} footer .contacts [data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(105, 185, 207)} .bottom-footer{box-shadow:none;border-top-width: 1px;border-style: solid;border-color: rgb(193, 194, 196)} footer .column-menu-wrap > ul li:hover a{color: rgb(50, 120, 67)} footer .contacts > div > span > .contact-icon{background-color: rgb(68, 67, 73)} footer a .contacts-text:hover{color: rgb(105, 185, 207)} footer .contacts-text{color: rgb(255, 255, 255)} .bottom-footer .copyright{font-size: 16px;color: rgb(146, 147, 151)} .column.products .product-grid-item{border-color: rgb(80, 80, 80);border-bottom-style:dotted;padding:5px 0} .column.products .product-grid-item .price-old{font-size: 12px;color: rgb(168, 168, 168)} .column.products .product-grid-item .name a:hover{color: rgb(221, 0, 23)} .column.products .product-grid-item .price, .column.products .product-grid-item .price-new{color: rgb(255, 255, 255)} .column.products .product-grid-item .name a, .footer-post-title{color: rgb(255, 255, 255)} .column.products .product-grid-item .name a{white-space:normal} footer .column-text-wrap h1, footer .column-text-wrap h2, footer .column-text-wrap h3{font-size: 16px;color: rgb(51, 51, 51)} footer .column-text-wrap{font-size: 16px;color: rgb(51, 51, 51)} .footer-post{border-bottom-style:dotted;border-color: rgb(80, 80, 80);padding:5px 0} .footer-post .comment-date .p-date:before{color: rgb(244, 244, 244)} .footer-post .comment-date .p-comment:before{color: rgb(244, 244, 244)} #cart .heading i{border-left-style:none;background-color: rgb(232, 59, 59)} .mini-cart-info table tr{border-bottom-style:none;border-bottom-color: rgb(80, 80, 80)} #cart .heading, .ie9 #cart button.heading{font-size: 14px;color: rgb(56, 56, 56)} .journal-header-center #cart .content .cart-wrapper{border-radius: 4px} .journal-header-center #cart .heading i{border-radius: 50%} .mini-cart-info, #cart .empty{color: rgb(238, 238, 238)} .mini-cart-info table tr td.image img{border-radius: 3px} .mini-cart-info{max-height:355px} .mini-cart-total{color: rgb(244, 244, 244);background-color: rgb(80, 80, 80)} .button-search, .journal-header-center .button-search{border-right-style:solid} #search input{font-size: 14px;color: rgb(51, 51, 51);background-color: rgb(243, 243, 242)} .journal-header-center .button-search{border-radius: 50%} .autocomplete2-suggestion .p-name{color: rgb(0, 0, 0)} .autocomplete2-suggestion span.p-price{color: rgb(204, 204, 204);display:block} .journal-header-center .autocomplete2-suggestions{border-radius: 3px} .autocomplete2-suggestions > div{max-height:395px} .journal-header-center #language, .journal-header-center #currency{border-style:solid;border-color: rgb(80, 80, 80)} .journal-language .dropdown-menu, .journal-currency .dropdown-menu{border-radius: 2px;background-color: rgb(255, 255, 255);box-shadow:0 2px 2px rgba(0, 0, 0, 0.15)} .journal-currency form .currency-symbol{border-radius: 2px} #cart .heading i:before{content: '\e69a';font-size: 24px;color: rgb(255, 255, 255);left: 1px} .button-search i:before{content: '\e697';font-size: 22px;color: rgb(144, 145, 148);top: -1px;left: -1px} .header, .boxed-header.default-header .journal-login{background-color: rgb(255, 255, 255)} #cart .content .cart-wrapper, .oc2 #cart .checkout{background-color: rgb(56, 56, 56)} .mini-cart-info table tr td.remove i{color: rgb(153, 153, 153)} .mini-cart-info table tr td.remove i:hover, .firefox .mini-cart-info table tr td.remove button:hover i{color: rgb(221, 0, 23)} .autocomplete2-suggestion{border-bottom-style:solid;border-color: rgb(80, 80, 80)} .autocomplete2-suggestion:hover{background-color: rgb(83, 154, 138)} .button-search{background-color: rgb(243, 243, 242)} .autocomplete2-suggestions{background-color: rgb(255, 255, 255)} .journal-language .dropdown-menu > li > a, header .journal-currency .dropdown-menu > li > a{color: rgb(238, 238, 238);font-size: 16px} .journal-language .dropdown-menu > li > a:hover, .journal-currency .dropdown-menu > li > a:hover{background-color: rgb(255, 255, 255)} #cart .checkout .button{background-color: rgb(80, 80, 80)} #cart .checkout .button:hover{background-color: rgb(221, 0, 23)} .journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li{border-top-style:solid} .journal-header-center .journal-top-header, .journal-header-center .journal-secondary{border-bottom-style:solid; border-top-style:solid;} .autocomplete2-suggestion .p-image{display:block} #cart .checkout .button + .button{background-color: rgb(0, 0, 0)} #cart .checkout .button + .button:hover{background-color: rgb(221, 0, 23)} .journal-header-center .no-results{color: rgb(238, 238, 238)} .journal-currency form .currency-symbol, .journal-currency .dropdown-menu > li > a{color: rgb(255, 255, 255)} .is-sticky header .header{background-color: rgb(255, 255, 255)} #cart{box-shadow: 10px 10px 5px 5px} .journal-language .dropdown-toggle, .journal-currency .dropdown-toggle, .journal-language .dropdown-menu, .journal-currency .dropdown-menu{font-size: 16px;color: rgb(0, 0, 0)} .is-sticky .header{box-shadow: 0px 1px 30px -5px rgba(0, 0, 0, 0.33)} #cart .cart-wrapper{box-shadow: inset 10px 10px 10px 10px rgb(0, 0, 0)} .is-sticky .super-menu, .is-sticky .journal-menu-bg{background-color: rgb(255, 255, 255)} .view-more-link{color: rgb(0, 0, 0)} a.view-more-link:hover{color: rgb(255, 255, 255)} .product-wrapper{padding: 8px} .product-wrapper:hover{border-color: rgb(250, 250, 250)} .product-grid-item .image > a{border-top-left-radius: 3px;border-top-right-radius: 3px} .product-grid-item .image .label-latest{display: block} .product-grid-item .image .label-sale{display: block} .product-grid-item .image .label-outofstock{display: block} .product-grid-item .name a, .posts h2 a{white-space:normal;font-size: 18px;color: rgb(42, 43, 46)} .product-grid-item .price{display:inline-block;;display:inline-block} .product-details{border-bottom-right-radius: 3px;border-bottom-left-radius: 3px} .product-details:before{font-size: 23px;margin-left: -10px;top: -20px} .product-grid-item .cart .button{border-radius: 50%} .product-grid-item .cart .button[data-hint]:after{border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(124, 172, 66)} .product-grid-item .quickview-button {margin-left: -20px;margin-top: -25px} .product-grid-item .quickview-button .button{border-radius: 50%} .product-grid-item .quickview-button .button[data-hint]:after{border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(124, 172, 66)} .product-grid-item.display-icon .wishlist > a, .product-grid-item.display-icon .compare > a{border-width: 1px;border-radius: 50%;border-style: solid;border-color: rgb(124, 172, 66);width:35px;height:35px; padding:0;;background-color: rgb(124, 172, 66)} .product-grid-item .wishlist [data-hint]:after, .product-grid-item .compare [data-hint]:after{border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(124, 172, 66)} .product-grid-item .cart:not(.enquiry-button) i::before{content: '\e69a';font-size: 20px} .product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before{content: '\e660';font-size: 20px} .product-grid-item .wishlist-icon:before{content: '\e663';font-size: 17px;color: rgb(255, 255, 255)} .product-grid-item .compare-icon:before{content: '\e025';font-size: 18px;color: rgb(255, 255, 255)} .product-grid-item .price, .product-grid-item .price-new{font-weight: bold;font-size: 18px;color: rgb(0, 0, 0)} .product-grid-item .price-old, .compare-info .price-old, .autocomplete2-suggestion span.p-price .price-old{font-size: 13px;color: rgb(221, 0, 23)} .product-grid-item .wishlist a, .product-grid-item .compare a{font-size: 11px;color: rgb(42, 43, 46)} .product-grid-item .name a:hover, .side-column .product-grid-item .name a:hover, .posts h2 a:hover{color: rgb(50, 120, 67)} .product-grid-item.display-icon .wishlist > a:hover, .product-grid-item.display-icon .compare > a:hover{background-color: rgb(255, 255, 255)} .soft-shadow .product-wrapper{box-shadow:none} .product-grid-item .rating{margin-left:-47px;top:-60px} .product-grid-item .compare a:hover .compare-icon:before, .product-grid-item .wishlist a:hover .wishlist-icon:before{color: rgb(124, 172, 66)} .category-list ul li a, .refine-category-name{color: rgb(51, 55, 69)} .category-list ul li:after{color: rgb(228, 228, 228)} .category-list{background-color: rgb(51, 55, 69)} .refine-image a{border-width: 1px;border-style: dotted;border-color: rgb(228, 228, 228)} .refine-image a:hover{background-color: rgb(250, 250, 250)} .product-filter, .open-filter{border-width: 1px;border-style: solid;border-color: rgb(216, 214, 213)} .product-filter, .product-compare a{color: rgb(31, 31, 31)} .pagination b, .pagination a:hover{color: rgb(255, 255, 255)} .pagination{border-width: 1px;border-style: solid;border-color: rgb(218, 220, 219);background-color: rgb(255, 255, 255);box-shadow:none} .product-filter .display a i:hover, .product-filter .display a.active i{color:rgb(39, 37, 36) !important} .product-filter{background-color: rgb(255, 255, 255)} .product-compare a:hover{color: rgb(124, 172, 66)} .pagination a, .pagination b, .pagination li{border-radius: 4px} .pagination a{background-color: rgb(235, 236, 237);font-size: 14px;color: rgb(37, 35, 35)} .pagination b, .pagination a:hover, .pagination li.active {background-color: rgb(128, 156, 69)} .pagination .results, .dataTables_info{font-size: 14px;color: rgb(38, 34, 34)} .category-page .heading-title{text-align:left} .ias-loader, .ias-noneleft{border-radius: 3px} .tp-bannertimer, .tp-bannertimer.tp-bottom{height:3px;background-color: rgb(221, 0, 23)} .tp-bullets.tp-thumbs .bullet:before{opacity:.4} .tp-bullets.tp-thumbs .bullet.selected:before, .tp-bullets.tp-thumbs .bullet:hover:before{opacity:0} .tp-bullets.tp-thumbs{border-top-width: 7px;border-right-width: 7px;border-left-width: 7px;border-style: solid;border-color: rgb(255, 255, 255)} .tp-leftarrow:before, .tp-leftarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:before{content: '\e62b';font-size: 65px;color: rgb(204, 204, 204)} .tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before{content: '\e62c';font-size: 65px;color: rgb(204, 204, 204)} .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .journal-simple-slider .owl-controls .owl-page.active span, .journal-simple-slider .owl-controls.clickable .owl-page:hover span{border-color: rgb(255, 255, 255);background-color: rgb(255, 255, 255)} .tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page span{background-color: rgba(255, 255, 255, 0);border-width: 2px;border-radius: 50%;border-style: solid;border-color: rgb(255, 255, 255);margin-left:15px;width:30px;height:30px} .tp-leftarrow:hover:before, .tp-leftarrow.default:hover:before, .tp-rightarrow:hover:before, .tp-rightarrow.default:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:hover:before{color: rgb(221, 0, 23)} .journal-carousel .htabs a, .side-column .journal-carousel .htabs a{border-right-style:solid;border-color: rgb(255, 255, 255)} .journal-carousel .htabs a, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected{font-size: 18px} .journal-carousel.arrows-top .swiper-button-prev::before{content: '\e61f';font-size: 16px;color: rgb(68, 67, 73)} .journal-carousel.arrows-top .swiper-button-next::before{content: '\e620';font-size: 16px;color: rgb(68, 67, 73)} .swiper-pagination-bullet{background-color: rgb(68, 67, 73);border-radius: 50%;width:10px;height:10px} .journal-carousel.arrows-top .swiper-button-prev:hover::before, .journal-carousel.arrows-top .swiper-button-next:hover::before{color: rgb(221, 0, 23)} .swiper-pagination-bullet:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: rgb(221, 0, 23)} .journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected{color: rgb(255, 255, 255);background-color: rgb(68, 67, 73)} .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{top:-56px} .journal-carousel:not(.arrows-top) .swiper-button-prev, .journal-carousel:not(.arrows-top) .swiper-button-next{margin-top:-36px} .journal-carousel.arrows-top .swiper-button-prev{right:10px} .journal-carousel.arrows-top .swiper-button-next{right:-10px} .journal-carousel:not(.arrows-top) .swiper-button-prev{left:-5px} .journal-carousel:not(.arrows-top) .swiper-button-prev:hover::before, .journal-carousel:not(.arrows-top) .swiper-button-next:hover::before{color: rgb(221, 0, 23)} .journal-carousel:not(.arrows-top) .swiper-button-next{right:-5px} .side-column .journal-carousel.arrows-top .swiper-button-prev, .side-column .journal-carousel.arrows-top .swiper-button-next{top:-60px} .product-list-item{border-radius: 3px;background-color: rgb(244, 244, 244)} .product-list-item .image .label-latest{display: block} .product-list-item .image .label-sale{display: block} .product-list-item .image .label-outofstock{display: block} .product-list-item .name a{font-weight: bold;font-size: 16px;color: rgb(0, 0, 0);border-color: rgba(124, 172, 66, 0)} .product-list-item .name a:hover{color: rgb(124, 172, 66)} .product-list-item .description{display:block} .product-list-item .cart .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(66, 139, 202)} .product-list-item .quickview-button .button{border-radius: 50px} .product-list-item .quickview-button .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(124, 172, 66)} .product-list-item .wishlist a, .product-list-item .compare a{font-size: 16px;color: rgb(51, 55, 69)} .product-list-item .cart:not(.enquiry-button) i:before{content: '\e001';font-size: 20px;color: rgb(255, 255, 255)} .product-list-item .quickview-button .button-left-icon:before, .product-list-item .quickview-button .button-right-icon:before{content: '\e660';font-size: 20px} .product-list-item .wishlist-icon:before{content: '\e662';font-size: 16px} .product-list-item .compare-icon:before{content: '\e025';font-size: 16px} .product-list-item .wishlist a:hover, .product-list-item .compare a:hover{color: rgb(124, 172, 66)} .product-list-item .rating{display:block} .side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr{border-bottom-style:solid} .side-column .box-category li a img, .side-column .oc-module .product-grid-item .image img{border-radius: 3%} .side-column .side-category-accordion i{border-radius: 50%;color: rgb(0, 0, 0)} .side-column .side-category-accordion i:hover{color: rgb(124, 172, 66)} .side-column, .side-column .oc-module .product-grid-item .price, .journal-sf ul li label, .side-post-title{color: rgb(0, 0, 0)} .side-column .box-content li a:hover, .side-column .box-category li a:hover, .flyout-menu .flyout > ul > li:hover > a, .flyout-menu .flyout > ul > li > a:active, .side-column .box-content li a.active, .side-column .box-category li a.active, .side-column .oc-module .product-grid-item .name a:hover, #column-right .recentArticles li > a:hover, #column-right .popularArticles li > a:hover, #column-left .recentArticles li > a:hover, #column-left .popularArticles li > a:hover{color: rgb(113, 164, 71)} .side-column .box-content li a:hover, .side-column .box-category li a:hover, .flyout-menu .flyout > ul > li:hover > a, .flyout-menu .flyout > ul > li > a:active, .side-column .box-content li a.active, .side-column .box-category li a.active{background-color: rgb(255, 255, 255)} .side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr {border-color:rgba(255, 255, 255, 0)} .side-column .heading-title, .side-column .box-heading, .side-column #blogArticle .articleHeader h1, .side-column .journal-carousel .htabs.single-tab a.selected, .oc-filter .panel-heading, .oc-filter a.list-group-item{font-size: 16px} .side-column .box-content li a, .side-column .box-category li a{padding-left:0px;padding-top:10px;padding-bottom:2px;padding-right:0px} .side-column .oc-module .product-grid-item{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:8px} .side-column .side-category i{width:20px;height:20px;top:0px;right:0px;font-size: 40px;color: rgb(50, 120, 67)} .side-column .oc-module .product-grid-item .name a{white-space:normal} .side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, #column-right .recentArticles li > a, #column-right .popularArticles li > a, #column-left .recentArticles li > a, #column-left .popularArticles li > a, .side-post-title{font-size: 14px;color: rgb(56, 56, 56)} .cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type{border-bottom-style:dotted} .cart-info table, .wishlist-info table, .compare-info, table.list, .order-list{border-radius: 3px} .cart-info .image a img, .wishlist-info .image a img, .compare-info tbody tr:first-of-type + tr > td img{border-radius: 3px} .login-content > div{border-radius: 3px;padding:0px} .action-area h3{font-size: 15px;color: rgb(255, 255, 255);background-color: rgb(95, 104, 116)} .checkout-page .checkout, .oc2 .checkout #accordion{border-radius: 3px} .buttons{border-width: 1px;border-radius: 2px;border-style: dotted;border-color: rgb(204, 204, 204);padding-top:15px; padding-bottom:15px;;padding-left:15px; padding-right:15px} .cart-info table, .wishlist-info table, .compare-info td, table.list tbody td, .order-list .order-content{background-color: rgb(244, 244, 244)} .cart-info tbody td, .wishlist-info tbody td, .compare-info td, table.list tbody td, .order-list .order-content{color: rgb(51, 55, 69)} .cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, table.list, table.list td, .order-list .order-id, .order-list .order-status{color: rgb(255, 255, 255)} .cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, .order-list .order-id, .order-list .order-status{background-color: rgb(95, 104, 116)} .cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type, .account-page table.list td, .account-page table.list{border-color: rgb(204, 204, 204)} .login-content hr{background-color: rgb(204, 204, 204)} #content.sc-page .content p, #content.sc-page .action-area p, .cart-total, table.list tfoot td{color: rgb(51, 55, 69);background-color: rgb(244, 244, 244)} table.radio .highlight:hover td label, .action-area .panel-title:hover a{color: rgb(255, 255, 255)} table.radio .highlight td, .action-area .panel-heading{background-color: rgb(250, 250, 250)} table.radio .highlight:hover td, .action-area .panel-heading:hover{background-color: rgb(221, 0, 23)} #content.sc-page .content table.radio .highlight td{border-color: rgb(228, 228, 228)} .checkout-heading, .checkout .panel-heading{background-color: rgb(69, 115, 143)} .checkout-heading{border-color: rgb(91, 142, 174);border-bottom-style:solid} .checkout-product thead td, .checkout-product tfoot td{color: rgb(51, 55, 69);background-color: rgb(255, 255, 255)} .checkout-product tbody td{border-color: rgb(244, 244, 244)} .checkout-content, .checkout-page .panel-body{background-color: rgb(244, 244, 244)} .checkout-content, .checkout-page .panel-body {padding:10px} .information-page #content h1.heading-title{text-align:center} table.radio .highlight td label, .action-area .panel-title{color: rgb(68, 67, 73)} .sf-icon:after{background-color: rgb(221, 0, 23);color: rgb(255, 255, 255);border-radius: 3px} .sf-reset:hover{color: rgb(221, 0, 23)} .sf-price .ui-widget-header{background-color: rgb(68, 67, 73)} .sf-price .value{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23);border-radius: 3px} .sf-reset{color: rgb(68, 67, 73)} .sf-price .ui-slider-handle:hover{background-color: rgb(221, 0, 23)} .sf-price .ui-slider-handle{background-color: rgb(68, 67, 73);width:15px;height:15px;top:-6px;border-radius: 50%} .journal-sf ul label.sf-checked img, .journal-sf ul label:hover img{border-color: rgb(68, 67, 73)} .sf-icon .sf-reset-icon::after, .sf-reset .sf-reset-icon::after{content: '\e602';font-size: 16px;color: rgb(68, 67, 73)} .side-column .journal-sf .box ul li label.sf-checked, .side-column .journal-sf .box ul li label:hover{color: rgb(221, 0, 23)} .journal-sf ul label img{border-width: 2px;border-radius: 3%;border-style: solid;border-color: rgb(244, 244, 244)} .side-column .journal-sf .box ul li{padding-top:1px;padding-bottom:1px;border-bottom-style:solid;border-color: rgba(255, 255, 255, 0)} .sf-price .box-content{padding-left:17px;padding-bottom:35px;padding-top:20px;padding-right:17px} .side-column .journal-sf .box{margin-bottom:10px} .sf-price .ui-widget-content{background: rgb(221, 0, 23)} .journal-sf .sf-image .box-content ul li{padding-bottom:7px;padding-right:7px;width:16.666666%} .journal-sf .sf-image .box-content{padding-top:5px} .sf-price .ui-slider-horizontal{height:2px} .journal-sf .box-content{max-height:182px} .side-column .journal-sf .box ul{padding-top:3px} .journal-sf .sf-manufacturer.sf-image .box-content ul li{width:25%} .journal-sf .sf-category.sf-image .box-content ul li{width:12.5%} .open-filter{background-color: rgb(80, 80, 80)} .sf-reset, .filter-collapse .sf-reset{top:10px} .open-filter::before{content: '\f1de';font-size: 16px} .nav-numbers a{width:10px;height:10px;border-radius: 50%;background-color: rgb(51, 55, 69)} .nav-numbers a:hover, .nav-numbers li.active a{background-color: rgb(221, 0, 23)} .ui-pnotify {display: block !important;border-radius: 2px;background-color: rgb(255, 255, 255)} .ui-pnotify-text img {display: block} .ui-pnotify-title {color: rgb(255, 255, 255);background-color: rgb(124, 172, 66)} .ui-pnotify-closer{color: rgb(255, 255, 255)} .ui-pnotify-closer:hover{color: rgb(221, 0, 23)} .notification-buttons .notification-cart{color: rgb(255, 255, 255)} .notification-buttons .notification-cart:hover{color: rgb(124, 172, 66)} .notification-buttons .notification-checkout:hover{color: rgb(124, 172, 66)} .notification-buttons .notification-checkout{color: rgb(255, 255, 255)} .notification-buttons{display:block} .side-column .block-content{border-radius: 3px;padding:5px} .block-content{padding:10px;border-radius: 3px} .block-content, .side-block-content, .block-content p, .side-block-content p, .block-content p span, .side-block-content p span{font-size: 12px } .editor-content h1, .editor-content h2, .editor-content h3, .side-block-content h1, .side-block-content h3, .side-block-content h3{font-size: 18px ;padding-bottom:7px} .editor-content p, .side-block-content p{padding-bottom:7px;line-height:15px} .side-column .block-content p{line-height:14px} .side-column .editor-content h1, .side-column .editor-content h2, .side-column .editor-content h3{font-size: 16px !important;padding-bottom:3px} .lg-outer .lg-image{border-radius: 3px} .gallery-thumb a:before{content: '\e015';font-size: 30px;color: rgb(255, 255, 255)} .gallery-thumb .item-hover{background-color: rgba(51, 55, 69, 0.6)} .lg-backdrop{background-color: rgba(0, 0, 0, 0.85)} .lg-toolbar .lg-icon:hover, #lg-intense-zoom:hover{color: rgb(221, 0, 23)} .lg-sub-html{color: rgb(255, 255, 255)} .side-column .journal-gallery .box-content{padding:0px !important} #content .welcome h1, .side-column .welcome h1{text-align:left;font-size: 25px;border-bottom-style:solid;border-color: rgb(228, 228, 228)} #content .welcome p, .side-column .welcome p{text-align:left} .welcome p{line-height:16px} .product-grid-item .compare, .product-filter .product-compare{display:inline-block;} .product-grid-item .wishlist{display:inline-block} .product-info .product-options > .cart{display:block} .product-info .right .description{display:block} .product-info .right .wishlist-compare .links a + a{display:inline-block} .product-info .right .wishlist-compare .links a:first-of-type{display:inline-block;} .product-grid-item .name{display:table} .journal-carousel .product-grid-item .cart{display:block} .journal-carousel .product-grid-item .wishlist{display:inline-block} .journal-carousel .product-grid-item .compare{display:inline-block} .journal-carousel .product-grid-item .price{display:inline-block} .journal-carousel .product-grid-item .name{display:table} .side-column .journal-carousel .product-grid-item .cart{display:block} .side-column .journal-carousel .product-grid-item .wishlist{display:inline-block} .side-column .journal-carousel .product-grid-item .compare{display:inline-block} .side-column .journal-carousel .product-grid-item .price{display:inline-block} .side-column .journal-carousel .product-grid-item .name{display:table} .custom-sections .product-grid-item .cart{display:block} .custom-sections .product-grid-item .wishlist{display:inline-block} .custom-sections .product-grid-item .compare{display:inline-block} .custom-sections .product-grid-item .price{display:inline-block} .custom-sections .product-grid-item .name{display:table} .mega-menu .product-grid-item .cart{display:block} .mega-menu .product-grid-item .wishlist{display:none} .mega-menu .product-grid-item .compare{display:none} .mega-menu .product-grid-item .name{display:table} .product-list-item .cart{display:block} .product-list-item .wishlist{display:inline-block} .product-list-item .compare{display:inline-block} .product-list-item .price{display:inline-block} .product-list-item .name{display:table} .column.products .product-grid-item .price, .side-column .oc-module .product-grid-item .price{display:inline-block} .countdown > span{border-style:solid} .product-info .right > div .countdown > span{border-style:dotted;color: rgb(68, 67, 73);border-color: rgb(153, 153, 153)} .expire-text{background-color: rgb(221, 0, 23);font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255);text-align:left;padding-right:7px;padding-top:7px;padding-bottom:7px;padding-left:7px} .product-info .right > div .countdown{background-color: rgb(244, 244, 244)} .product-info .right > div .countdown-wrapper{padding:0px;background-color: rgba(0, 0, 0, 0)} span.p-date:before{content: '\e6b3';font-size: 13px;color: rgb(68, 67, 73)} span.p-author:before{content: '\e1b8';font-size: 13px;color: rgb(68, 67, 73)} .blog-list-view .post-item-details .comment-date{font-size: 16px;color: rgb(124, 172, 66)} .post-button-left-icon:before, .post-button-right-icon:before{content: '\e6ae';font-size: 14px;color: rgb(68, 67, 73)} .blog-list-view .post-view-more.button{border-width: 1px;border-radius: 60px;border-style: solid;border-color: rgb(124, 172, 66);padding-left:20px;padding-bottom:10px;padding-right:20px;padding-top:10px;font-size: 16px;color: rgb(255, 255, 255);background-color: rgb(124, 172, 66)} .blog-list-view .post-view-more.button:hover{background-color: rgb(255, 255, 255);color: rgb(124, 172, 66)} span.p-comment:before{content: '\e1ae';font-size: 13px;color: rgb(68, 67, 73)} .post-view-more.button{color: rgb(80, 80, 80);border-bottom-width: 1px;border-radius: 0px;border-style: dotted;border-color: rgb(119, 119, 119);padding-left:0px;padding-bottom:5px;padding-right:0px;padding-top:0px;background-color: rgba(68, 67, 73, 0)} .post-view-more.button:hover{color: rgb(221, 0, 23);background-color: rgba(221, 0, 23, 0)} .blog-list-view .post-wrapper{border-bottom-width: 1px;border-style: solid;border-color: rgb(152, 155, 159);background-color: rgb(255, 255, 255)} .blog-list-view .post-wrapper:hover{background-color: rgb(255, 255, 255)} .post-item-details .comment-date{border-top-width: 1px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204)} .posts.blog-list-view .post-item-details h2 a{font-weight: bold;font-size: 20px;color: rgb(124, 172, 66);white-space:normal} .posts .post-wrapper h2 a{white-space:nowrap} .posts.blog-list-view .post-wrapper{padding:0px} .post-wrapper{padding:10px 10px 0 10px;border-color: rgb(204, 204, 204);background-color: rgb(255, 255, 255)} .post-wrapper:hover{border-color: rgb(255, 255, 255)} .post-item-details{text-align:left;padding-top:0px;padding-right:15px;padding-left:5px;padding-bottom:0px} .blog-list-view .post-item-details .post-text{font-size: 16px} .post-view-more.button:hover .post-button-left-icon:before, .post-view-more.button:hover .post-button-right-icon:before{color: rgb(221, 0, 23)} .posts.blog-list-view .post-image{width:25%} .posts.blog-list-view .post-item-details h2 a span{border-bottom-style:dotted} .post-module .post-wrapper .post-item-details h2 a{white-space:nowrap} .side-blog .side-post + hr{border-bottom-style:dotted;border-color: rgb(204, 204, 204)} .post-module .box-heading{text-align:left} .comments > .comment:nth-of-type(even){background-color: rgb(255, 255, 255)} .comments .reply:nth-of-type(odd){background-color: rgb(244, 244, 244)} .post-details .tags a:hover, .side-blog-tags .box-tag a:hover{background-color: rgb(221, 0, 23);color: rgb(255, 255, 255)} .comments .reply:nth-of-type(even){background-color: rgb(244, 244, 244)} .post-details .tags a, .side-blog-tags .box-tag a{background-color: rgb(68, 67, 73);color: rgb(255, 255, 255)} .comments > h3{background-color: rgb(244, 244, 244);text-align:left;padding-right:15px;padding-left:15px;padding-bottom:15px;margin-top:10px;padding-top:15px;border-radius: 3px;margin-bottom:20px} .post-details .tags b{background-color: rgb(221, 0, 23)} .reply-form h3{margin-top:10px;margin-bottom:20px;padding-left:0px;font-size: 19px;text-align:left;padding-top:12px;padding-right:0px;padding-bottom:12px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204)} .post-comment h3{margin-top:20px;padding-left:0px;text-align:left;font-size: 22px;color: rgb(68, 67, 73);padding-right:0px;padding-bottom:12px;padding-top:12px;margin-bottom:20px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204)} .blog-post .heading-title{text-align:left} .blog-post .social{border-top-style:dotted;text-align:left;border-color: rgb(204, 204, 204)} .comment-form form{padding:0px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px} .post-stats.comment-date{font-size: 16px;color: rgb(124, 172, 66)} .post-details, .post-details p, .post-details font, .post-details > span, .post-details p font, .post-details p span, .post-details strong{line-height:20px !important} blockquote, blockquote font{font-size: 16px!important} blockquote{padding-bottom:15px;padding-right:15px;border-color: rgb(221, 0, 23);padding-left:15px;margin-right:0px;padding-top:15px;margin-left:0px;background-color: rgb(244, 244, 244)} .post-details h1, .post-details h1 font{font-size: 26px} .post-details .tags{text-align:left} .comments > .comment{border-width: 1px;border-radius: 3px;border-style: dotted;border-color: rgb(204, 204, 204)} .comments .reply{border-radius: 3px} .comments .avatar{border-radius: 5px} .comments > .comment:nth-of-type(odd){background-color: rgb(255, 255, 255)} .journal-checkout .checkout-cart tbody tr td, .journal-checkout .checkout-cart tbody td:first-of-type, .one-page-checkout .journal-checkout .checkout-product tbody td, .journal-checkout .checkout-cart thead td, .journal-checkout .checkout-cart thead td:first-of-type, .journal-checkout .checkout-cart thead td:last-of-type, .journal-checkout .checkout-cart tfoot tr:last-of-type td, .journal-checkout .checkout-cart tfoot td:first-of-type, .journal-checkout .checkout-cart tfoot td:last-of-type{border-style:dotted;border-color: rgb(204, 204, 204)} .journal-checkout .left .login-box .radio label, .journal-checkout .spw > div .radio label, .journal-checkout .confirm-order, .journal-checkout .checkout-login .form-group:last-of-type, .is-customer .journal-checkout .checkout-payment-form #payment-new, .is-customer .journal-checkout .checkout-shipping-form #shipping-new, .journal-checkout #payment-confirm-button fieldset legend, .journal-checkout .customer-group label.control-label, .journal-checkout .customer-group{border-style:dotted;border-color: rgb(204, 204, 204)} .one-page-checkout h1.heading-title{text-align:center;font-size: 30px;border-bottom-width: 0px;border-style: solid} .journal-checkout .checkout-content{background-color: rgb(250, 250, 250);border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228)} .journal-checkout .table-responsive{max-height:382px} .journal-checkout .confirm-order{text-align:left} .journal-checkout .secondary-title{padding-left:10px;;border-bottom-width: 0px;border-style: solid;text-align:left;background-color: rgb(68, 67, 73);color: rgb(255, 255, 255)} #content.one-page-checkout div fieldset > div.fax-input{display:block !important} .form-group.company-input{display:block !important} .form-group.address-2-input{display:block} .journal-checkout .spw > div p{display:none} .journal-checkout .coupon-voucher .input-group-btn input.button{border-width: 1px;border-radius: 2px;border-style: solid;background-color: rgb(124, 172, 66);color: rgb(255, 255, 255)} .journal-checkout .coupon-voucher .input-group-btn input.button:hover{background-color: rgb(255, 255, 255);color: rgb(124, 172, 66)} .flyout-menu .flyout > ul > li > a{padding-left:0%;border-bottom-style:dotted;border-color: rgb(228, 228, 228)} .flyout .mega-menu-column > div > h3{text-align:left} .flyout-menu .flyout .fly-drop-down ul li{border-bottom-style:solid} .fly-drop-down ul{box-shadow:0 1px 8px -3px rgba(0, 0, 0, 0.5)} .flyout .mega-menu-column.mega-menu-html .wrapper p, .flyout .mega-menu-column.mega-menu-html .wrapper p span{color: rgb(250, 250, 250)} .flyout .mega-menu-brands div > h3{text-align:left} .flyout .mega-menu div > h3{text-align:left} .fly-mega-menu{box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.4)} .mobile .journal-popup .mfp-close,.tablet .journal-popup .mfp-close{color: rgb(0, 0, 0)} .journal-popup .mfp-close:hover, .mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover{color: rgb(221, 0, 23)} .journal-accordion .journal-accordion-content > div{background-color: rgb(219, 219, 219)} .journal-accordion .journal-accordion-heading{background-color: rgb(219, 219, 219);border-color: rgba(0, 0, 0, 0);font-weight: bold;font-size: 18px;color: rgb(0, 0, 0);padding-bottom:0px} [data-accordion]:last-of-type .journal-accordion-heading{border-bottom-width:0px} .journal-cart{visibility:hidden} .journal-currency{visibility:hidden} .journal-language{visibility:visible} footer .column-text-wrap a{color: rgb(51, 51, 51)} footer .column-text-wrap a:hover{color: rgb(50, 120, 67)} .journal-checkout .check-newsletter {display:none} .p-category a{color: rgb(124, 172, 66)} .p-category a:hover{color: rgb(0, 155, 192)} .qty input, .product-info .right .cart div input[name=quantity]{font-size: 16px} #review, #tab-review b, #tab-review span{font-size: 16px} #tab-review .review-list .author b, .oc2 #tab-review form table td:first-of-type > strong{font-size: 16px} #tab-review .review-list .author, #tab-review .review-list .author span, .oc2 #tab-review form table td + td{font-size: 16px} #tab-review form #review-title{font-size: 16px} li.p-stock{display:block;} .scroll-top{margin-bottom:50px} /* Swipebox Loader */ #swipebox-slider .slide { background-image: url('image/data/journal2/loader.gif'); } .mfp-iframe-scaler iframe{ background-image: url('image/data/journal2/loader.gif'); background-repeat: no-repeat; background-position: center; } .social{ background-image: url('image/data/journal2/loader.gif'); } @media only screen and (min-width: 760px){ .ui-pnotify{ width:350px !important; } } /* Site width */ #container, #header, #footer, .bottom-footer > div, .bottom-footer.boxed-bar { max-width: 1300px; } .extended-container:before{ display:none; } .product-page div.lg-sub-html{ top:auto; bottom:0; padding: 13px 70px; background-color:; } .product-page .lg-toolbar{ background-color:; } .product-page .heading-title{ white-space:normal; height:auto; min-height:40px; line-height:1.2; padding-bottom:10px; padding-top:10px; } .category-info .image{ display:none; } /*Notification Position*/ .ui-pnotify{ right:20px; } html[dir="rtl"] .ui-pnotify{ left:20px; right:auto; } .ui-pnotify{ box-shadow:0px 1px 12px rgba(0, 0, 0, 0.2); } .ui-pnotify-closer{ opacity:1; } .breadcrumb{ text-align:center } html[dir="rtl"] .breadcrumb{ text-align:center; } /* Product Grid Shadow */ .product-grid-item:hover .product-wrapper{ box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.25); } .custom-sections .product-grid-item .product-wrapper:hover{ box-shadow: ; } .product-grid-item .enquiry-button .button i{ color:; } .product-list-item .enquiry-button .button i{ color:rgb(255, 255, 255); } footer .contacts > div > span .contact-icon:hover{ background-color:rgb(105, 185, 207); } .product-grid-item .cart .button-left-icon:before{ float:none; } .product-grid-item .cart .button-right-icon:before{ margin-left:0; } .product-grid-item .cart .button-cart-text{ display:none; } .product-grid-item .cart .button[data-hint]:after, .product-grid-item .cart .hint--top:before{ display:block; } .product-grid-item .cart .hint--top:before{ border-top-color: rgb(124, 172, 66); } .product-grid-item .cart .hint--right:before{ border-right-color: rgb(124, 172, 66); } .product-grid-item .cart .hint--left:before{ border-left-color: rgb(124, 172, 66); } .product-grid-item .cart .button-right-icon{ display:none !important; } /* BLOG */ .post-button-left-icon{ display:none; } .post-button-right-icon{ display:inline; } .post-wrapper:hover{ box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .product-details:before { display:none; } /* Product Grid Quickview*/ .product-grid-item:hover .quickview-button { opacity: 1; visibility: visible; } .product-grid-item .quickview-button .button-right-icon{ display:none; } .product-grid-item .quickview-button .button-left-icon:before{ float:none; } .product-grid-item .quickview-button .button-right-icon:before{ margin-left:0; } .product-grid-item .quickview-button .button-cart-text{ display:none; } .product-grid-item .quickview-button [data-hint]:after, .product-grid-item .quickview-button .hint--top:before{ display:block; } .product-grid-item .quickview-button .hint--top:before{ border-top-color: rgb(124, 172, 66); } .product-grid-item .quickview-button .hint--right:before{ border-right-color: rgb(124, 172, 66); } .product-grid-item .quickview-button .hint--left:before{ border-left-color: rgb(124, 172, 66); } /* Product Grid Wishlist/Compare */ .product-grid-item .button-wishlist-text, .product-grid-item .button-compare-text{ display: none; } .product-grid-item .wishlist [data-hint]:after, .product-grid-item .wishlist .hint--top:before, .product-grid-item .compare [data-hint]:after, .product-grid-item .compare .hint--top:before{ display:block; } .product-grid-item .wishlist .hint--top:before, .product-grid-item .compare .hint--top:before{ border-top-color: rgb(124, 172, 66); } .product-grid-item .wishlist .hint--right:before, .product-grid-item .compare .hint--right:before{ border-right-color: rgb(124, 172, 66); } .product-grid-item .wishlist .hint--left:before, .product-grid-item .compare .hint--left:before{ border-left-color: rgb(124, 172, 66); } .product-list-item .quickview-button .button{ width:40px; height:40px; line-height:40px; padding:0; } .product-grid-item .cart .button{ width:35px; height:35px; line-height:35px; padding:0; } .product-grid-item .cart{ height:35px; } .product-grid-item .quickview-button .button{ width:40px; height:40px; line-height:40px; padding:0; } /* Product List */ .product-list-item{ box-shadow: none; } .product-list-item .cart .button-left-icon:before{ display:none; } .product-list-item .cart .button-right-icon{ display:none; } /* Product List Quickview*/ .product-list-item:hover .quickview-button { opacity: 1; visibility: visible; } .product-list-item .quickview-button .button-right-icon{ display:none; } .product-list-item .quickview-button .button-left-icon:before{ float:none; } .product-list-item .quickview-button .button-right-icon:before{ margin-left:0; } .product-list-item .quickview-button .button-cart-text{ display:none; } .product-list-item .quickview-button .button[data-hint]:after, .product-list-item .quickview-button .hint--top:before{ display:block; } .product-list-item .quickview-button .hint--top:before{ border-top-color: rgb(124, 172, 66); } .product-list-item .quickview-button .hint--right:before{ border-right-color: rgb(124, 172, 66); } .product-list-item .quickview-button .hint--left:before{ border-left-color: rgb(124, 172, 66); } /* Product Page */ #product-gallery.image-additional-grid a{ width: 25%; } #button-cart .button-cart-text:after{ display:none; } .compare-info td{ border-right-style:dotted; } table.list{ border-bottom-style:dotted; border-left-style:dotted; } table.list td{ border-right-style:dotted; border-top-style:dotted; } /* Product Labels*/ .label-latest + .label-sale{ top: 44px; } #more-details.hint--top:before{ border-top-color: rgb(124, 172, 66); } .boxed-header header{ max-width:1300px; } .boxed-header .super-menu > li:first-of-type{ border-left-width:0; } .boxed-header .super-menu > li:last-of-type{ border-right-width:0; } @media only screen and (max-width: 760px){ .journal-language .dropdown-toggle, .journal-currency .dropdown-toggle{ color:rgb(80, 80, 80); } .journal-header-center #language, .journal-header-center #currency{ border-color:; } } .sticky-menu .is-sticky .journal-header-default .header{ background-color: ; } html[dir="rtl"] .journal-carousel .htabs a:last-of-type{ border-left-color:rgb(255, 255, 255); } .boxed-header .journal-header-center .journal-links{ padding-left: 10px; } .boxed-header .journal-header-center .journal-search{ padding-left: 20px; } .boxed-header .journal-header-center .journal-secondary{ padding-right: 10px; } #cart{ box-shadow:none; } .journal-header-center .journal-center-bg{ top:40px; } #cart .cart-wrapper { box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.25); } #search input{ box-shadow:none; } .autocomplete2-suggestions{ box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 760px) { ul.super-menu > li > a, ul.super-menu > li:hover > a{ color:rgb(51, 51, 51); } ul.super-menu > li, ul.super-menu > li:hover{ background-color:rgb(255, 255, 255); } .boxed-header .journal-header-center .journal-search, .boxed-header .journal-header-center .journal-links{ padding-left: 0; } .boxed-header .journal-header-center .journal-cart, .boxed-header .journal-header-center .journal-secondary{ padding-right: 0; } .button-search{ background-color:; } .button-search i:before{ color: !important; } } .product-filter .product-compare { display: flex; } @media only screen and (max-width: 980px) { .mobile-menu-on-tablet ul.super-menu > li > a, .mobile-menu-on-tablet ul.super-menu > li:hover > a{ color:rgb(51, 51, 51); } .mobile-menu-on-tablet ul.super-menu > li, .mobile-menu-on-tablet ul.super-menu > li:hover{ background-color:rgb(255, 255, 255); } } @media only screen and (min-width:760px) and (max-width:1315px) { .journal-header-center .journal-search{ padding-left: 15px; } .journal-header-center .journal-cart{ padding-right: 15px; } .journal-header-center .journal-cart{ width:calc(25% - 20px); padding-right:0; } html[dir="rtl"] .journal-header-center .journal-search{ padding-right: 15px; } } @media only screen and (max-width:760px) { .journal-header-center .journal-search, html[dir="rtl"] .journal-header-center .journal-search{ padding-left: 0; padding-right: 0; } .journal-header-center .journal-cart, html[dir="rtl"] .journal-header-center .journal-cart{ padding-right: 0; padding-left: 0; } } @media only screen and (min-width: 760px){ .boxed-header .journal-header-center .journal-cart{ padding-right:15px; } html[dir="rtl"] .boxed-header .journal-header-center .journal-cart{ padding-right:0; padding-left:15px; } } @media only screen and (min-width: 1300px) { .sticky-menu:not(.boxed-header) .is-sticky .journal-header-compact #header .journal-menu .super-menu > li:first-of-type > a { margin-left: 0; } .skin-16 .journal-header-mega .journal-search { padding-right: 0; } } @media only screen and (max-width: 1315px) { .super-menu, .mega-menu, .html-menu{ border-radius:0; } .bottom-footer.fullwidth-bar .copyright{ padding-left: 15px; } .bottom-footer.fullwidth-bar .payments{ padding-right: 15px; } #top-modules > div:not(.gutter), #bottom-modules > div:not(.gutter){ padding-left: 20px; padding-right: 20px; } #top-modules .journal2_slider, #bottom-modules .journal2_slider, #top-modules .journal2_headline_rotator{ padding-left: 0 !important; padding-right: 0 !important; } .no-secondary .journal-header-center #currency{ border-right-width:0; } .no-secondary .journal-header-center #language{ border-left-width:0; } html[dir="rtl"].no-secondary .journal-header-center #currency{ border-left-width:0; border-right-width:1px; } html[dir="rtl"].no-secondary .journal-header-center #language{ border-right-width:0; border-left-width:1px; } .journal-header-compact #header .journal-search { padding-right:15px !important; } html[dir="rtl"] .journal-header-compact #header .journal-search { padding-right:0 !important; padding-left:15px !important; } .sticky-menu .is-sticky .journal-header-default .journal-menu .super-menu > li:first-of-type{ border-left-width:0; } .sticky-menu .is-sticky .journal-header-default .journal-menu .super-menu > li:last-of-type{ border-right-width:0; } .boxed-header body{ padding:0; } .fullwidth-footer .columns{ padding-left: 15px; } .copyright{ padding-left: 15px; } .journal-header-mega .journal-logo{ padding-left:15px; } html[dir="rtl"] .journal-header-mega .journal-logo{ padding-left:0; padding-right:15px; } } @media only screen and (max-width: 760px){ .journal-header-mega .journal-logo{ padding-left:0; } html[dir="rtl"] .journal-header-mega .journal-logo{ padding-left:0; padding-right:0; } } .boxed-header .journal-header-mega .journal-logo{ padding-left:15px; } html[dir="rtl"].boxed-header .journal-header-mega .journal-logo{ padding-left:0; padding-right:15px; } @media only screen and (min-width : 760px) { .side-blocks-active .journal-fullwidth-slider .tp-leftarrow, .side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default { left: 60px !important; } .side-blocks-active .journal-fullwidth-slider .tp-rightarrow, .side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default { right: 60px !important; } html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-leftarrow, html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default { right: 60px !important; left: auto !important; } html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-rightarrow, html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default { left: 60px !important; right: auto !important; } } header .links a, header .links .no-link{ border-bottom-color:#e4e4e4; } .boxed-header.default-header .journal-top-header{ clip: rect(0px,1300px,45px,0px); } .journal-header-default .links .no-link{ border-color:rgba(0, 0, 0, 0)} .journal-header-center #cart .content:before, .oc2 #cart .content .cart-wrapper:before{ color:rgb(56, 56, 56)} .journal-header-center .autocomplete2-suggestions:before{ color:rgb(255, 255, 255)} .journal-language .dropdown-menu:before, .journal-currency .dropdown-menu:before{ color:rgb(255, 255, 255)} #header .top-menu .top-dropdown li:first-of-type { border-top-left-radius: px; border-top-right-radius: px; } #header .top-menu .top-dropdown li:last-of-type { border-bottom-left-radius: px; border-bottom-right-radius: px; } #header .top-menu .top-dropdown li:first-of-type::before{ color:} #search ::-webkit-input-placeholder { color:rgb(144, 145, 148); font-family: inherit; } #search :-moz-placeholder { color:rgb(144, 145, 148); font-family: inherit; } #search ::-moz-placeholder { color:rgb(144, 145, 148); font-family: inherit; } #search :-ms-input-placeholder { color:rgb(144, 145, 148); font-family: inherit; } .compare-info tbody td{ border-left-style:dotted; } @media only screen and (max-width: 760px){ #search ::-webkit-input-placeholder { color:rgb(144, 145, 148); font-family: inherit; } #search :-moz-placeholder { color:rgb(144, 145, 148); font-family: inherit; } #search ::-moz-placeholder { color:rgb(144, 145, 148); font-family: inherit; } #search :-ms-input-placeholder { color:rgb(144, 145, 148); font-family: inherit; } } .button-search{ border-right-style:solid; border-right-color:; } html[dir="rtl"] .button-search{ border-left-style:solid; border-left-color:; } header .journal-login{ border-bottom-color:; } .super-menu > li:last-of-type{ border-right-color:rgb(217, 217, 217); border-right-style:none; } @media only screen and (max-width: 760px) { .default-header .journal-login{ background-color: } .journal-header-center #search input, .journal-header-center .button-search{ border-radius:0; } .center-header #search input, .default-header #search input{ background-color:rgb(243, 243, 242); } .center-header header #cart, .default-header header #cart{ background-color:rgb(255, 255, 255); } .journal-menu .mobile-menu > li{ border-color:rgb(217, 217, 217); border-style:none; } } .inline-button .product-details{ padding-bottom:0; } .product-grid-item .cart{ display:inline-block !important; } .product-info .right .options h3{ display:none; } .product-info .right .option-image:first-of-type{ margin-top:0; } .product-info .right .options.push-1 .option-image li.selected span img{ border-color:; } .mega-menu-categories .mega-menu-item, .mega-menu-brands .mega-menu-item, .mega-menu-html .mega-menu-item, #header .mega-menu .product-grid-item{ margin-bottom:10px; } html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{ border-right-style:none; } html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{ border-color:rgb(217, 217, 217); } .mega-menu > div{ margin-bottom:-10px !important; margin-right:-10px; } html[dir="rtl"] .mega-menu-item > div, html[dir="rtl"] #header .mega-menu .product-wrapper{ margin-right:0; margin-left:10px; } .mega-menu .mega-menu-column:last-of-type > div{ margin-right:-10px; } html[dir="rtl"] .mega-menu .mega-menu-column.mega-menu-products > div{ margin-left:-10px; } .mega-menu-column > div > h3, .mega-menu .mega-menu-column .menu-cms-block{ margin-right:10px; } html[dir="rtl"] .mega-menu-column > div > h3, html[dir="rtl"] .mega-menu .mega-menu-column .menu-cms-block{ margin-right:0; margin-left:10px; } .mega-menu .mega-menu-column:last-of-type > h3, .mega-menu .mega-menu-column:last-of-type > div > h3, .mega-menu .mega-menu-column:last-of-type > .menu-cms-block, .mega-menu .mega-menu-column.mega-menu-html-block > div{ margin-right:0; } @media only screen and (max-width: 760px) { .super-menu{ border-width:0; } .mega-menu .mega-menu-column > div{ margin-right:-10px; } html[dir="rtl"] .mega-menu .mega-menu-column > div{ margin-left:-10px; margin-right:0; } } .journal-sf .sf-image .box-content ul{ margin-bottom:-7px; margin-right:-7px; } .p-author, .p-posted{ display:none !important; } .p-comment{ display:none !important; } .journal-checkout .coupon-voucher .cvr .checkout-voucher{ display:none; } .journal-checkout .coupon-voucher .cvr div.checkout-reward{ margin-top:0; padding-right:0; } html[dir="rtl"] .journal-checkout .coupon-voucher .cvr div.checkout-coupon{ padding-right:0; padding-left: 12px; } .has-cta .rotator-tex{ line-height:54px; } footer .contacts .hint--top:before{ border-top-color: rgb(105, 185, 207); } .side-column .box-category, .side-column .box-content, .side-column .box-content > div, .side-column .box-content > ul > li:last-of-type, .side-column .oc-module .product-grid-item:last-of-type{ border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; border-radius:inherit; } .journal-sf ul li label:hover{ color:rgb(221, 0, 23); } .sf-icon:before{ border-top-color:rgb(221, 0, 23); } /* .journal-sf ul li label:hover img{ border-color:rgb(68, 67, 73); } */ .sf-price .value:after{ border-bottom-color:rgb(221, 0, 23); } .mobile-trigger{ background-color:; } .journal-header-default .links > a{ border-bottom-color: transparent; } @media only screen and (max-width: 760px) { .super-menu{ background-color:rgb(68, 67, 73); } .journal-header-default .links > a{ border-bottom-color: rgba(0, 0, 0, 0); } } .nav-numbers a:hover, .nav-numbers li.active a{ -webkit-backface-visibility: hidden; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .headline-mode .nav-numbers a:hover, .headline-mode .nav-numbers li.active a{ -webkit-backface-visibility: hidden; -webkit-transform: scale(); -moz-transform: scale(); -ms-transform: scale(); transform: scale(); } .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .journal-simple-slider .owl-controls .owl-page.active span, .journal-simple-slider .owl-controls.clickable .owl-page:hover span{ transform: scale(1); } .swiper-pagination-bullet:hover, .swiper-pagination-bullet-active{ transform: scale(1); } @media only screen and (max-width: 980px) { .journal-header-default .mega-menu{ width: 100%; } } @media only screen and (max-width: 760px) { .journal-header-center .journal-secondary{ background-color:; } } .mega-menu{ max-width:1300px; } @media only screen and (max-width: 760px){ .bottom-menu-bar #header .top-menu > li{ border-color:rgba(0, 0, 0, 0); } .bottom-menu-bar #header .journal-links{ background-color:; } .bottom-menu-bar .journal-header-center .journal-secondary { border-top-width: 0; } .bottom-menu-bar #header .journal-links ul.top-menu > li{ border-color:; } .bottom-menu-bar #header div.journal-links, .bottom-menu-bar #header .links a:hover{ background-color:; } .bottom-menu-bar #header .journal-links ul.top-menu > li > a, .bottom-menu-bar #header .journal-links ul.top-menu > li > a:hover, .bottom-menu-bar #header .journal-links ul.top-menu > li > .no-link{ color:; } } .boxed-header .is-sticky .header { max-width:1300px; left: 50%; transform: translateX(-50%); } .is-sticky .super-menu, .is-sticky .journal-menu-bg { box-shadow: none; } .bottom-menu-bar #header .journal-links .top-menu .top-dropdown li:last-of-type::after{ color:; } @media only screen and (min-width : 760px) and (max-width: 980px) { .mobile-menu-on-tablet .mobile-menu > li > ul, .mobile-menu-on-tablet .mobile-menu > li > .mega-menu{ border-style:solid; border-color:rgb(255, 255, 255); } .mobile-menu-on-tablet ul.menu-centered{ height:auto; } } @media only screen and (max-width: 760px){ .mobile-menu > li > ul, .mobile-menu > li > .mega-menu{ border-style:solid; border-color:rgb(255, 255, 255); } } @media only screen and (min-width: 760px) { .journal-header-mega #search { max-width: 100%; left: 0px; } .journal-header-center .j-100{ height:100px; } .journal-header-center .journal-menu-bg{ top:140px; } .journal-header-center .top-bar > .j-min, .journal-header-center .top-menu > li > .m-item, .journal-header-center .journal-top-header{ height:40px; } .journal-header-center .journal-menu, .journal-header-center .journal-menu-bg, .journal-header-center .mobile-trigger, ul.menu-centered{ height:40px; } .journal-header-center .mobile-trigger, .journal-header-center .super-menu > li > a{ line-height:40px; } .journal-header-center .journal-language form .dropdown-menu, .journal-header-center .journal-currency form .dropdown-menu{ top:40px; } .sticky-default.center-header .is-sticky .journal-header-center .j-100{ height:px; } .sticky-default.center-header .is-sticky .journal-menu-bg{ top:px; } .is-sticky .journal-header-center .journal-menu, .is-sticky .journal-header-center .journal-menu-bg, .is-sticky .journal-header-center .mobile-trigger{ height:40px; } .is-sticky .journal-header-center .mobile-trigger, .is-sticky .journal-header-center .super-menu > li > a{ line-height:40px; } } @media only screen and (max-width: 760px){ #header .journal-logo{ height:px !important; } } .center-header body.is-sticky .header-assets.top-bar{ background-color:; } .header{ box-shadow:0 0 5px rgba(0, 0, 0, 0.4); } @media only screen and (min-width : 760px) and (max-width: 980px) { .mobile-menu-on-tablet .journal-header-center .journal-menu{ height:auto; } .mobile-menu-on-tablet .journal-header-center .super-menu > li > a{ line-height:40px; } } @media only screen and (max-width: 760px){ .mega-menu-categories .mega-menu-item ul, .mega-menu-categories .mega-menu-item.menu-image-left ul{ width:100%; } .mega-menu-categories .mega-menu-item img { display: none !important; } } #tabs{ top:; } .product-grid-item.display-icon .wishlist-icon:before, .product-grid-item.display-icon .compare-icon:before{ line-height:35px; } .journal-header-center #cart .heading i{ height:40px; } .journal-desktop .menu-floated .float-left{ border-right-style:none; } .column.products > h3{ margin-bottom:7px; } .column.products{ padding-bottom:7px; } .side-column .journal-gallery .box-heading{ margin-bottom:10px; } .side-column .box-category > ul li ul li a{ padding-left: 0px; } .side-column .box-category > ul li ul li ul li a{ padding-left: 0px; } .side-column .box-category > ul li ul li ul li ul li a{ padding-left: 0px; } .side-column .box-category > ul li ul li ul li ul li ul li a{ padding-left: 0px; } .side-column .box-category > ul li ul li ul li ul li ul li ul li a{ padding-left: 0px; } @media only screen and (max-width: 1315px) { .breadcrumb{ padding-left:10px; } .super-menu > li:first-of-type{ border-left-width:0; } .super-menu > li:last-of-type{ border-right-width:0; } html[dir="rtl"] .super-menu > li:first-of-type{ border-left-width:1px; border-right-width:0; } html[dir="rtl"] .super-menu > li:last-of-type{ border-left-width:0; } html[dir="rtl"] .super-menu.menu-floated > li:first-of-type border-right-width:0; } } .super-menu.menu-floated{ border-right-width:1px; border-left-width:1px; border-color:rgb(217, 217, 217); border-style:none; } .custom-sections .box-heading.box-sections{ border-left-style:solid; } .journal-carousel:not(.journal-gallery) .box-content .swiper-container{ padding: 15px; margin: -15px; } .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{ margin-top:15px; } .side-column .journal-carousel.arrows-top .swiper-button-prev, .side-column .journal-carousel.arrows-top .swiper-button-next, .related-products.journal-carousel.arrows-top .swiper-button-prev, .related-products.journal-carousel.arrows-top .swiper-button-next{ margin-top:0; } div#footer{ margin-top:20px; } .extended-container + .boxed-footer #footer{ margin-top:0px; } .side-column .journal-carousel .box-content .swiper-container{ padding:0; margin:0; } html[dir="rtl"] .journal-carousel.arrows-top .swiper-button-next{ right:auto; left:10px; } html[dir="rtl"] .journal-carousel.arrows-top .swiper-button-prev{ right:auto; left:-10px; } html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-next{ right:auto; left:-5px; } html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-prev{ left:auto; right:-5px; } html[dir="rtl"] footer .column-menu-wrap > ul li{ text-align:right; } html[dir="rtl"] footer .column>h3{ text-align:right; } .posts.blog-list-view .post-item-details{ width: 75%; } .side-column .box.cms-blocks .box-heading{ margin-bottom:px; } @media only screen and (min-width: 1315px) { .safari5 #footer, .safari5.boxed-header header{ width: 1300px; } .tp-banner{ height:100% !important; } } @media only screen and (max-width: 1315px) { .tp-banner-container{ height:auto !important; } .side-column .oc-module .product-details { max-width: 130px; } .checkout-page #content { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 760px){ .product-grid-item .has-countdown + .product-details .rating{ top:-50px; } .product-grid-item .image.has-countdown .wishlist, .product-grid-item .image.has-countdown .compare{ margin-bottom:42px; } } .product-grid-item:hover .countdown, .product-list-item:hover .countdown { opacity: 1; visibility: visible; } .product-grid-item:hover .has-countdown + .product-details .rating{ top:-70px; } .product-grid-item:hover .image.has-countdown .wishlist, .product-grid-item:hover .image.has-countdown .compare{ margin-bottom:42px; } .option li.hint--top:before{ border-top-color:; } .phone-sticky-cart.phone-sticky-menu:not(.menu-cart-off) .journal-menu{ z-index:1; } @media only screen and (max-width: 470px){ div.mobile-trigger, .mobile-menu-on-tablet div.mobile-trigger{ color:rgb(51, 51, 51); } div.mobile-trigger:before, .mobile-menu-on-tablet div.mobile-trigger:before{ color:rgb(51, 51, 51); } } .journal-header-center #header .menu-dropdown::before{ border-bottom-color:} .header-notice > div{ max-width:1300px; } @media only screen and (max-width:1315px){ .header-notice > div{ padding-left:15px; padding-right: 15px; } .header-notice.floated-icon > div{ padding-bottom:10px; } button.close-notice { right: 8px; } html[dir="rtl"] button.close-notice { right: auto; left: 8px; } } footer{ box-shadow: none; } .journal-top-header{ box-shadow:none; } /* Content Margin */ @media only screen and (min-width: 760px){ #column-left + #content { margin-left: 220px; } #column-right + #content { margin-right: 220px; } #column-left + #column-right + #content{ margin-left: 220px; margin-right: 220px; } } /* Tablet Column Width + Content Margin */ @media only screen and (min-width:760px) and (max-width:980px) { #column-left { width: 220px; } #column-right{ width: 220px; } #column-left + #content { margin-left: 220px; } #column-right + #content { margin-right: 220px; } #column-left + #column-right + #content{ margin-left: 220px; margin-right: 220px; } } /* Extended Layout Margins */ @media only screen and (min-width:760px) and (max-width: 1315px) { .skin-16 .journal-header-center .journal-search { padding-left: 30px; } .extended-layout #column-left{ padding-left:20px; } .extended-layout #column-right{ padding-right:20px; } .extended-layout #content, .extended-layout #column-left + #content, .extended-layout #column-right + #content{ padding-left:20px; padding-right:20px; } html[dir="rtl"].extended-layout #column-left{ padding-right:20px!important; } html[dir="rtl"].extended-layout #column-right{ padding-left:20px !important; } html[dir="rtl"].extended-layout #column-left + #content { margin-right: 220px; margin-left: 0; } html[dir="rtl"].extended-layout #column-right + #content { margin-right: 0; } } .mega-menu .mega-menu-column .menu-cms-block{ margin-bottom:10px; } .fly-drop-down ul li{ min-height:40px; } @media only screen and (max-width: 760px){ .product-grid-item .rating{ margin-left:px; } .product-grid-item .rating{ top:px; } } /* RTL Columns */ html[dir="rtl"] .flyout-left .fly-mega-menu, html[dir="rtl"] .flyout-left .fly-drop-down > ul { left: auto; right: 100%; } html[dir="rtl"] .flyout-right .fly-mega-menu, html[dir="rtl"] .flyout-right .fly-drop-down > ul { left: 100% !important; right: auto; } html[dir="rtl"] .flyout-menu .flyout > ul > li > a i.menu-plus { left: 5px; right: auto; transform: scale(-1); } html[dir="rtl"] #column-right .flyout-menu .flyout > ul > li > a i.menu-plus { left: auto; right: 8px; transform: scale(1); } html[dir="rtl"] .flyout-menu .flyout > ul > li > a { padding: 7px 12px 7px 25px; } html[dir="rtl"] #column-right .flyout-menu .flyout > ul > li > a { padding: 7px 25px 7px 12px; text-align:left; } html[dir="rtl"] #column-left { float: right; } html[dir="rtl"] #column-right { float: left; } @media only screen and (min-width: 760px){ html[dir="rtl"] #column-left { padding: 20px 20px 20px 0; } html[dir="rtl"] #column-right { padding: 20px 0 20px 20px; } html[dir="rtl"] #column-left + #content { margin-right: 220px; margin-left: 0; } html[dir="rtl"] #column-right + #content { margin-left: 220px; margin-right: 0; } html[dir="rtl"] #column-left + #column-right + #content{ margin-right: 220px; margin-left: 220px; } } @media only screen and (min-width : 760px) and (max-width: 980px) { html[dir="rtl"] #column-left + #content { margin-right: 220px; margin-left:0; } html[dir="rtl"] #column-right + #content { margin-left: 220px; margin-right:0; } html[dir="rtl"] #column-left + #column-right + #content{ margin-right: 220px; margin-left: 220px; } html[dir="rtl"].extended-layout #column-left + #content { margin-right: 220px; margin-left: 0; } } @media only screen and (min-width: 1315px) { html[dir="rtl"].extended-layout #column-left{ padding-right:0; } html[dir="rtl"].extended-layout #column-right{ padding-left:0; } html[dir="rtl"].extended-layout #column-right + #content { padding-left: 20px; padding-right: 0; } html[dir="rtl"].extended-layout #column-left + #content { padding-right: 20px; padding-left: 0; } } .refine-images::before, #refine-images::before, .category-list::before{ content:""; margin-right:px; } .refine-images::before, #refine-images::before, .category-list::before{ display:none; } .refine-image { padding-right: 15px; margin-bottom: 15px; } .refine-images { margin-right: -15px; margin-bottom: 0px;; } .product-grid-item { margin-bottom: 20px; } .product-wrapper, .ias-button, .ias-loader, .ias-noneleft{ margin-right: 20px; } .ias-button, .ias-loader, .ias-noneleft{ margin-top: 0px; } .product-grid, #content .box-product{ margin-right: -20px; } /* Mobile Product Spacing */ @media only screen and (max-width: 760px){ #cart .heading i::before{ color:; } #cart .heading i{ background-color:; } div#container, .home-page div#container { margin-top: 0; margin-bottom: 0; box-shadow:none; } .product-grid-item:not(.swiper-slide) { margin-bottom: 10px; } .product-grid-item:not(.swiper-slide) .product-wrapper, .ias-button, .ias-loader, .ias-noneleft{ margin-right: 10px; } .product-grid, #content .box-product{ margin-right: -10px; } } .button:active{ box-shadow:; } #column-left .oc-module .product-details{ max-width:145px; } #column-right .oc-module .product-details{ max-width:145px; } /* Custom CSS */ @font-face { font-family: PingFangTC Light; src: url(/catalog/view/theme/journal2/css/font/pingfang/PingFangTC-Light.woff); font-display: swap; } @font-face { font-family: PingFangTC; src: url(/catalog/view/theme/journal2/css/font/pingfang/PingFangTC.woff); font-display: swap; } @font-face { font-family: PingFangTC Medium; src: url(/catalog/view/theme/journal2/css/font/pingfang/PingFangTC-Medium.woff); font-display: swap; } @font-face { font-family: PingFangTC Semibold; src: url(/catalog/view/theme/journal2/css/font/pingfang/PingFangTC-Semibold.woff); font-display: swap; } @font-face { font-family: PingFangTC Thin; src: url(/catalog/view/theme/journal2/css/font/pingfang/PingFangTC-Thin.woff); font-display: swap; } @font-face { font-family: PingFangTC Ultralight; src: url(/catalog/view/theme/journal2/css/font/pingfang/PingFangTC-Ultralight.woff); font-display: swap; } body { font-family: PingFangTC Light; } .journal-cms-block-121, .journal-headline-rotator-127, .journal-headline-rotator-129, .journal-cms-block-131, .journal-cms-block-133, .journal-side-category-134, .journal-cms-block-126 { font-family: PingFangTC Semibold; } /* cms全寬 全局去除padding和負margin*/ .journal2_cms_blocks { padding-left: 0 !important; padding-right: 0 !important; } .journal2_cms_blocks .cms-blocks { padding-left: 0 !important; padding-right: 0 !important; } .journal2_cms_blocks .cms-blocks .blocks { margin-right: 0; } .journal2_cms_blocks .cms-blocks .blocks .cms-block { padding-right: 0; margin-bottom: 0; } .journal2_cms_blocks .cms-blocks .blocks .cms-block .block-content { padding: 0; } /* cms全寬 全局去除padding和負margin - end*/ /* banners全寬 全局去除padding和負margin*/ .journal2_static_banners { padding-left: 0 !important; padding-right: 0 !important; } .journal2_static_banners .static-banners { padding-left: 0 !important; padding-right: 0 !important; } .journal2_static_banners .static-banners > div { margin-right: 0 !important; } .journal2_static_banners .static-banners .static-banner { padding: 0 !important; margin-bottom: 0; } .journal2_static_banners .static-banners .static-banner > div { margin-right: 0; } .journal2_static_banners .static-banners .static-banner .bg-img { width: 100%; height: 100%; display: block; background-image: unset !important; } .journal2_static_banners .static-banners .static-banner .bg-img img { width: 100%; /* height: 100%;*/ } /* banners全寬 全局去除padding和負margin - end*/ /*Tams 25/07/2022 添加動畫配置 */ .wow { visibility: hidden; } /*Tams 25/07/2022 添加動畫配置-end */ /*alin 已收藏狀態*/ .product-info .right .wishlist-compare { display: none; } .product-info .right .wishlist-compare .links a.collect:before { content: "\e662"; font-size: 14px; color: #2794b1; } /*header*/ header { z-index: 9999; } .header { z-index: 9999999; } .header .journal-top-header { display: none; } #header { z-index: 9999999; max-width: 95%; padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; } @media screen and (max-width: 980px) { #header { max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } } @media screen and (max-width: 760px) { #header { padding-top: 5px !important; } } #header .header-assets { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; -webkit-order: 3; -moz-box-ordinal-group: 4; order: 3; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -webkit-box-flex: 0; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; width: auto; /* @media screen and (max-width: 1560px) { .journal-search { #search { .form-control { display: none !important; } .button-search { position: unset; i::before { font-size: 27px !important; top: unset; left: unset; } } } } } */ } @media screen and (max-width: 980px) { #header .header-assets { position: absolute; right: 6px; width: auto; } } @media screen and (max-width: 470px) { #header .header-assets { right: 50px; } } #header .header-assets .journal-links { display: none; } #header .header-assets .journal-login { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; width: auto; height: auto; float: unset; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } #header .header-assets .journal-login .journal-secondary { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; -moz-box-ordinal-group: 2; order: 1; } @media screen and (max-width: 760px) { #header .header-assets .journal-login .journal-secondary { height: auto; } } #header .header-assets .journal-login .journal-secondary .top-menu li a span { display: none; } @media screen and (max-width: 760px) { #header .header-assets .journal-login .journal-secondary .top-menu li a { display: block; height: auto; } #header .header-assets .journal-login .journal-secondary .top-menu li a i { font-size: unset !important; } #header .header-assets .journal-login .journal-secondary .top-menu li:nth-child(1) a i img { width: 16px !important; height: 20px !important; } #header .header-assets .journal-login .journal-secondary .top-menu li:nth-child(2) a i img { width: 20px !important; height: 20px !important; } } #header .header-assets .journal-login .journal-language { height: auto; width: auto; display: block; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; } #header .header-assets .journal-login .journal-language form { float: unset; } #header .header-assets .journal-login .journal-language form #language .btn-group { display: none; } #header .header-assets .journal-login .journal-language form #language .btn-group .dropdown-toggle div { padding: 0; color: #333333; word-break: keep-all; } #header .header-assets .journal-login .journal-language form #language .btn-group .dropdown-menu { -webkit-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.28); box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.28); } #header .header-assets .journal-login .journal-language form #language .btn-group .dropdown-menu li a { padding: 0 10px; color: #a9abae; word-break: keep-all; } @media screen and (min-width: 760px) { #header .header-assets .journal-login .journal-language form #language .btn-group .dropdown-menu li a:hover { color: #333333; } } #header .header-assets .journal-login .journal-language form #language .btn-group .dropdown-menu li.active a { color: #333333; } #header .header-assets .journal-login .journal-language form #language .language-new { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } #header .header-assets .journal-login .journal-language form #language .language-new li { list-style: none; border-right: 1px solid #333333; } #header .header-assets .journal-login .journal-language form #language .language-new li a { font-size: 16px; padding: 0 10px; color: #a9abae; word-break: keep-all; } @media screen and (min-width: 760px) { #header .header-assets .journal-login .journal-language form #language .language-new li a:hover { color: #333333; } } #header .header-assets .journal-login .journal-language form #language .language-new li:last-child { border: none; } #header .header-assets .journal-login .journal-language form #language .language-new li.active a { color: #333333; } @media screen and (max-width: 1400px) { #header .header-assets .journal-login .journal-language form #language .language-new:lang(en) { display: none; } #header .header-assets .journal-login .journal-language form #language .btn-group:lang(en) { display: block; } } @media screen and (max-width: 1240px) { #header .header-assets .journal-login .journal-language form #language .language-new { display: none; } #header .header-assets .journal-login .journal-language form #language .btn-group { display: block; } } #header .header-assets .journal-search { -webkit-box-flex: 0; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; -moz-box-ordinal-group: 2; order: 1; width: auto; margin-right: 10px; max-width: 200px; } #header .header-assets .journal-search #search .button-search { background: unset; } @media screen and (max-width: 980px) { #header .header-assets .journal-search { -webkit-box-flex: unset; -ms-flex: unset; -webkit-flex: unset; -moz-box-flex: unset; flex: unset; width: auto; margin-right: 13px; } #header .header-assets .journal-search #search { width: auto; } #header .header-assets .journal-search #search .form-control { display: none !important; } #header .header-assets .journal-search #search .button-search { position: unset; } #header .header-assets .journal-search #search .button-search i::before { font-size: 27px !important; top: unset; left: unset; } } @media screen and (max-width: 760px) { #header .header-assets .journal-search { height: auto; } #header .header-assets .journal-search #search { height: auto; } #header .header-assets .journal-search #search .button-search { height: auto; } #header .header-assets .journal-search #search .button-search button { width: 20px; height: auto; display: block; } #header .header-assets .journal-search #search .button-search button i::before { font-size: 17px !important; } } #header .journal-menu { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; width: 31%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-box-flex: 1; flex: 1 1 auto; min-width: 436px; height: auto; } @media screen and (max-width: 1200px) { #header .journal-menu .menu-floated li a { padding: 0 10px; } } @media screen and (max-width: 980px) { #header .journal-menu { position: absolute; left: 6px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: auto; -ms-flex: unset; -webkit-box-flex: unset; -webkit-flex: unset; -moz-box-flex: unset; flex: unset; min-width: unset; z-index: 99999999; } #header .journal-menu .mobile-menu { position: absolute; left: -6px; top: -webkit-calc(100% + 30px); top: -moz-calc(100% + 30px); top: calc(100% + 30px); width: 100vw; z-index: 9999999; background: #ffffff; } } @media screen and (max-width: 760px) { #header .journal-menu .mobile-menu { top: -webkit-calc(100% + 15px); top: -moz-calc(100% + 15px); top: calc(100% + 15px); } } @media screen and (max-width: 470px) { #header .journal-menu { left: unset; right: 6px; } #header .journal-menu .mobile-menu { left: unset; right: -6px; } } #header .journal-menu .drop-down { position: relative; /*z-index: 99999999; * { z-index: 99999999; }*/ } #header .journal-logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; -moz-box-ordinal-group: 2; order: 1; width: auto; height: auto; margin-right: 40px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; -moz-box-flex: 0; flex: 0 1 auto; min-width: 100px; } @media screen and (max-width: 1350px) { #header .journal-logo { width: 140px; margin-right: 20px; } } @media screen and (max-width: 980px) { #header .journal-logo { margin-right: 0; } } @media screen and (max-width: 470px) { #header .journal-logo { margin-left: 15px; margin-right: auto; } } #header .journal-logo #logo { width: auto; height: auto; } #header .journal-logo #logo a { display: block; width: auto; height: auto; } #header .journal-logo #logo a img { position: unset; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; display: block; max-height: 90px; } @media screen and (max-width: 760px) { #header .journal-logo #logo a img { max-height: 60px; } } .is-customer #header .header-assets .journal-login .journal-secondary .top-menu li:nth-child(1) a i { display: none; } .is-customer #header .header-assets .journal-login .journal-secondary .top-menu li:nth-child(1) a span { display: block; max-width: 100px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } @media screen and (max-width: 500px) { .is-customer #header .header-assets .journal-login .journal-secondary .top-menu li:nth-child(1) a span { max-width: 46px; } } /*header-end*/ /*footer*/ .fullwidth-footer #footer { border-top: 1px solid #337441; max-width: 1500px; } .fullwidth-footer #footer .columns::before, .fullwidth-footer #footer .columns::after { display: none; } .fullwidth-footer #footer .columns .column { /*&:nth-child(1) { width: 25%; } &:nth-child(2), &:nth-child(3), &:nth-child(4) { width: 15%; } &:nth-child(5) { width: 20%; }*/ } .fullwidth-footer #footer .columns .column h3 { padding: 0; } @media screen and (max-width: 1090px) { .fullwidth-footer #footer .columns .column { /*&:nth-child(1) { width: 100%; } &:nth-child(2), &:nth-child(3), &:nth-child(4) { width: 25%; } &:nth-child(5) { width: 25%; }*/ } } @media screen and (max-width: 760px) { .fullwidth-footer #footer .columns .column { /*.column-menu-wrap > ul li a { padding: 3px 0; } &:nth-child(1) { width: 100%; } &:nth-child(2), &:nth-child(3), &:nth-child(4) { width: 100%; } &:nth-child(5) { width: 100%; }*/ } } .fullwidth-footer .bottom-footer { max-width: 95%; padding: 0; } .fullwidth-footer .bottom-footer div { max-width: 100%; } .fullwidth-footer .bottom-footer div .payments { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; float: unset; } .fullwidth-footer .bottom-footer div .payments a { margin: 0; } .fullwidth-footer .bottom-footer div .payments img { width: 35px; height: 35px; margin: 13px 10px 13px; } @media screen and (max-width: 760px) { .fullwidth-footer .bottom-footer div .payments { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .fullwidth-footer .bottom-footer div .payments img { margin: 0 10px 10px; width: 25px; height: 25px; } } @media screen and (max-width: 470px) { .fullwidth-footer .bottom-footer div .payments img { margin: 0 10px 0; } } .journal-newsletter-111.journal-newsletter.text-left .box-content .newsletter-text { width: 100%; margin-bottom: 30px; } @media screen and (max-width: 760px) { .journal-newsletter-111.journal-newsletter.text-left .box-content .newsletter-text { margin-top: 20px; margin-bottom: 10px; } } .journal-newsletter-111.journal-newsletter.text-left .box-content .newsletter-input-wrap { width: 100%; text-align: left; } .journal-newsletter-111.journal-newsletter.text-left .box-content .newsletter-input-wrap .newsletter-button { position: unset; padding: 0; text-decoration: underline; width: auto; border: unset; } .home-page #footer { border-top: unset !important; } /*footer-end*/ /*首頁banner*/ @media screen and (max-width: 760px) { .tp-bullets.simplebullets.round .bullet { width: 15px; height: 15px; } } /*首頁banner-end*/ /*首頁banner2*/ .journal2_static_banners > .static-banners-113 { padding-top: 10px; overflow: hidden; } .journal2_static_banners > .static-banners-113 > div { margin-right: -10px !important; } .journal2_static_banners > .static-banners-113 > div .box-content .static-banner { padding-right: 10px !important; max-height: 400px; overflow: hidden; } .journal2_static_banners > .static-banners-113 > div .box-content .static-banner img { vertical-align: middle; } /*首頁banner2-end*/ /*首頁-新品上市*/ .journal2_custom_sections::before { display: none; } .journal2_custom_sections .cs-120 .box-heading { display: none; } .journal2_custom_sections .cs-120 .box-content .product-grid .product-grid-item .product-wrapper .image .quickview-button { /*display: none;*/ } .journal2_custom_sections .cs-120 .box-content .product-grid .product-grid-item .product-wrapper .caption .name a { font-family: PingFangTC Light; } .journal2_custom_sections .cs-120 .box-content .product-grid .product-grid-item .product-wrapper .caption .price { display: none; } .journal2_custom_sections .cs-120 .box-content .product-grid .product-grid-item .product-wrapper .product-details .button-group { /* display: none;*/ } /*首頁-新品上市-end*/ /*首頁-banner-box*/ .static-banners-122 div .box-content { display: -ms-grid; display: grid; grid-gap: 10px; -ms-grid-columns: 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr; grid-template-columns: repeat(8, 1fr); -ms-grid-rows: 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr; grid-template-rows: repeat(6, 1fr); grid-auto-flow: row dense; } @media screen and (max-width: 760px) { .static-banners-122 div .box-content { grid-gap: 5px; } } .static-banners-122 div .box-content .static-banner { width: 100%; height: 0; padding-top: 100% !important; position: relative; } .static-banners-122 div .box-content .static-banner a, .static-banners-122 div .box-content .static-banner .bg-img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; width: 100%; height: 100%; } .static-banners-122 div .box-content .static-banner img { /* display: none;*/ } .static-banners-122 div .box-content .static-banner:nth-child(1) { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 2; grid-row-end: 3; } .static-banners-122 div .box-content .static-banner:nth-child(2) { -ms-grid-column: 3; grid-column-start: 3; -ms-grid-column-span: 2; grid-column-end: 5; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 2; grid-row-end: 3; } .static-banners-122 div .box-content .static-banner:nth-child(3) { -ms-grid-column: 5; grid-column-start: 5; -ms-grid-column-span: 4; grid-column-end: 9; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 4; grid-row-end: 5; } .static-banners-122 div .box-content .static-banner:nth-child(4) { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 4; grid-column-end: 5; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 4; grid-row-end: 7; } .static-banners-122 div .box-content .static-banner:nth-child(5) { -ms-grid-column: 5; grid-column-start: 5; -ms-grid-column-span: 2; grid-column-end: 7; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 2; grid-row-end: 7; } .static-banners-122 div .box-content .static-banner:nth-child(6) { -ms-grid-column: 7; grid-column-start: 7; -ms-grid-column-span: 2; grid-column-end: 9; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 2; grid-row-end: 7; } @media screen and (max-width: 470px) { .static-banners-122 div .box-content { display: -ms-grid; display: grid; grid-gap: 5px; -ms-grid-columns: 1fr 5px 1fr 5px 1fr 5px 1fr; grid-template-columns: repeat(4, 1fr); -ms-grid-rows: 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr; grid-template-rows: repeat(12, 1fr); grid-auto-flow: row dense; } .static-banners-122 div .box-content .static-banner { width: 100%; height: 0; padding-top: 100% !important; position: relative; } .static-banners-122 div .box-content .static-banner a, .static-banners-122 div .box-content .static-banner .bg-img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; width: 100%; height: 100%; } .static-banners-122 div .box-content .static-banner img { /* display: none;*/ } .static-banners-122 div .box-content .static-banner:nth-child(1) { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 2; grid-row-end: 3; } .static-banners-122 div .box-content .static-banner:nth-child(2) { -ms-grid-column: 3; grid-column-start: 3; -ms-grid-column-span: 2; grid-column-end: 5; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 2; grid-row-end: 3; } .static-banners-122 div .box-content .static-banner:nth-child(3) { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 4; grid-column-end: 5; -ms-grid-row: 9; grid-row-start: 9; -ms-grid-row-span: 4; grid-row-end: 13; } .static-banners-122 div .box-content .static-banner:nth-child(4) { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 4; grid-column-end: 5; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 4; grid-row-end: 7; } .static-banners-122 div .box-content .static-banner:nth-child(5) { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; -ms-grid-row: 7; grid-row-start: 7; -ms-grid-row-span: 2; grid-row-end: 9; } .static-banners-122 div .box-content .static-banner:nth-child(6) { -ms-grid-column: 3; grid-column-start: 3; -ms-grid-column-span: 2; grid-column-end: 5; -ms-grid-row: 7; grid-row-start: 7; -ms-grid-row-span: 2; grid-row-end: 9; } .static-banners-122 div .box-content > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(7) { -ms-grid-row: 3; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(8) { -ms-grid-row: 3; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(9) { -ms-grid-row: 5; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(10) { -ms-grid-row: 5; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(11) { -ms-grid-row: 5; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(12) { -ms-grid-row: 5; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(13) { -ms-grid-row: 7; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(14) { -ms-grid-row: 7; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(15) { -ms-grid-row: 7; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(16) { -ms-grid-row: 7; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(17) { -ms-grid-row: 9; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(18) { -ms-grid-row: 9; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(19) { -ms-grid-row: 9; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(20) { -ms-grid-row: 9; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(21) { -ms-grid-row: 11; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(22) { -ms-grid-row: 11; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(23) { -ms-grid-row: 11; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(24) { -ms-grid-row: 11; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(25) { -ms-grid-row: 13; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(26) { -ms-grid-row: 13; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(27) { -ms-grid-row: 13; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(28) { -ms-grid-row: 13; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(29) { -ms-grid-row: 15; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(30) { -ms-grid-row: 15; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(31) { -ms-grid-row: 15; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(32) { -ms-grid-row: 15; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(33) { -ms-grid-row: 17; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(34) { -ms-grid-row: 17; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(35) { -ms-grid-row: 17; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(36) { -ms-grid-row: 17; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(37) { -ms-grid-row: 19; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(38) { -ms-grid-row: 19; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(39) { -ms-grid-row: 19; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(40) { -ms-grid-row: 19; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(41) { -ms-grid-row: 21; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(42) { -ms-grid-row: 21; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(43) { -ms-grid-row: 21; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(44) { -ms-grid-row: 21; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(45) { -ms-grid-row: 23; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(46) { -ms-grid-row: 23; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(47) { -ms-grid-row: 23; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(48) { -ms-grid-row: 23; -ms-grid-column: 7; } } .static-banners-122 div .box-content > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(5) { -ms-grid-row: 1; -ms-grid-column: 9; } .static-banners-122 div .box-content > *:nth-child(6) { -ms-grid-row: 1; -ms-grid-column: 11; } .static-banners-122 div .box-content > *:nth-child(7) { -ms-grid-row: 1; -ms-grid-column: 13; } .static-banners-122 div .box-content > *:nth-child(8) { -ms-grid-row: 1; -ms-grid-column: 15; } .static-banners-122 div .box-content > *:nth-child(9) { -ms-grid-row: 3; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(10) { -ms-grid-row: 3; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(11) { -ms-grid-row: 3; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(12) { -ms-grid-row: 3; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(13) { -ms-grid-row: 3; -ms-grid-column: 9; } .static-banners-122 div .box-content > *:nth-child(14) { -ms-grid-row: 3; -ms-grid-column: 11; } .static-banners-122 div .box-content > *:nth-child(15) { -ms-grid-row: 3; -ms-grid-column: 13; } .static-banners-122 div .box-content > *:nth-child(16) { -ms-grid-row: 3; -ms-grid-column: 15; } .static-banners-122 div .box-content > *:nth-child(17) { -ms-grid-row: 5; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(18) { -ms-grid-row: 5; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(19) { -ms-grid-row: 5; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(20) { -ms-grid-row: 5; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(21) { -ms-grid-row: 5; -ms-grid-column: 9; } .static-banners-122 div .box-content > *:nth-child(22) { -ms-grid-row: 5; -ms-grid-column: 11; } .static-banners-122 div .box-content > *:nth-child(23) { -ms-grid-row: 5; -ms-grid-column: 13; } .static-banners-122 div .box-content > *:nth-child(24) { -ms-grid-row: 5; -ms-grid-column: 15; } .static-banners-122 div .box-content > *:nth-child(25) { -ms-grid-row: 7; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(26) { -ms-grid-row: 7; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(27) { -ms-grid-row: 7; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(28) { -ms-grid-row: 7; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(29) { -ms-grid-row: 7; -ms-grid-column: 9; } .static-banners-122 div .box-content > *:nth-child(30) { -ms-grid-row: 7; -ms-grid-column: 11; } .static-banners-122 div .box-content > *:nth-child(31) { -ms-grid-row: 7; -ms-grid-column: 13; } .static-banners-122 div .box-content > *:nth-child(32) { -ms-grid-row: 7; -ms-grid-column: 15; } .static-banners-122 div .box-content > *:nth-child(33) { -ms-grid-row: 9; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(34) { -ms-grid-row: 9; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(35) { -ms-grid-row: 9; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(36) { -ms-grid-row: 9; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(37) { -ms-grid-row: 9; -ms-grid-column: 9; } .static-banners-122 div .box-content > *:nth-child(38) { -ms-grid-row: 9; -ms-grid-column: 11; } .static-banners-122 div .box-content > *:nth-child(39) { -ms-grid-row: 9; -ms-grid-column: 13; } .static-banners-122 div .box-content > *:nth-child(40) { -ms-grid-row: 9; -ms-grid-column: 15; } .static-banners-122 div .box-content > *:nth-child(41) { -ms-grid-row: 11; -ms-grid-column: 1; } .static-banners-122 div .box-content > *:nth-child(42) { -ms-grid-row: 11; -ms-grid-column: 3; } .static-banners-122 div .box-content > *:nth-child(43) { -ms-grid-row: 11; -ms-grid-column: 5; } .static-banners-122 div .box-content > *:nth-child(44) { -ms-grid-row: 11; -ms-grid-column: 7; } .static-banners-122 div .box-content > *:nth-child(45) { -ms-grid-row: 11; -ms-grid-column: 9; } .static-banners-122 div .box-content > *:nth-child(46) { -ms-grid-row: 11; -ms-grid-column: 11; } .static-banners-122 div .box-content > *:nth-child(47) { -ms-grid-row: 11; -ms-grid-column: 13; } .static-banners-122 div .box-content > *:nth-child(48) { -ms-grid-row: 11; -ms-grid-column: 15; } /*首頁-banner-box-end*/ /*首頁-最高銷量*/ .journal2_custom_sections::before { display: none; } .journal2_custom_sections .cs-128 .box-heading { display: none; } @media screen and (min-width: 760px) { .journal2_custom_sections .cs-128 .box-content .product-grid .product-grid-item { min-height: 383px; } } @media screen and (max-width: 760px) { .journal2_custom_sections .cs-128 .box-content .product-grid .product-grid-item { position: unset !important; } } .journal2_custom_sections .cs-128 .box-content .product-grid .product-grid-item:hover .product-wrapper { -webkit-box-shadow: unset !important; box-shadow: unset !important; } .journal2_custom_sections .cs-128 .box-content .product-grid .product-grid-item .product-wrapper { background-color: unset; } .journal2_custom_sections .cs-128 .box-content .product-grid .product-grid-item .product-wrapper .image .quickview-button { /* display: none;*/ } .journal2_custom_sections .cs-128 .box-content .product-grid .product-grid-item .product-wrapper .name a { margin-top: 15px; } .journal2_custom_sections .cs-128 .box-content .product-grid .product-grid-item .product-wrapper .product-details .caption .price { margin-top: 0; } .journal2_custom_sections .cs-128 .box-content .product-grid .product-grid-item .product-wrapper .product-details .caption .name a:hover { color: #ffffff; } .journal2_custom_sections .cs-128 .box-content .product-grid .product-grid-item .product-wrapper .product-details .button-group { /* display: none;*/ } @media screen and (max-width: 760px) { .journal2_custom_sections .cs-128 .box-content .product-grid .product-grid-item .product-wrapper .product-details .button-group .cart a, .journal2_custom_sections .cs-128 .box-content .product-grid .product-grid-item .product-wrapper .product-details .button-group .wishlist a { background-color: #ffffff; } .journal2_custom_sections .cs-128 .box-content .product-grid .product-grid-item .product-wrapper .product-details .button-group .cart a i::before, .journal2_custom_sections .cs-128 .box-content .product-grid .product-grid-item .product-wrapper .product-details .button-group .wishlist a i::before { color: #7cac42; } } /*首頁-最高銷量-end*/ /*首頁-推薦產品*/ .journal-carousel .box-heading { text-align: center; border: none; } .journal-carousel .box-heading a { font-family: PingFangTC Semibold; font-size: 36px !important; color: #327843 !important; display: inline-block; float: unset; } .journal-carousel .tab-content .swiper .swiper-container .swiper-wrapper .product-grid-item .product-wrapper .image .quickview-button { /* display: none;*/ } .journal-carousel .tab-content .swiper .swiper-container .swiper-wrapper .product-grid-item .product-wrapper .caption .name a { font-family: PingFangTC Light; } .journal-carousel .tab-content .swiper .swiper-container .swiper-wrapper .product-grid-item .product-wrapper .caption .price { /*display: none;*/ } .journal-carousel .tab-content .swiper .swiper-container .swiper-wrapper .product-grid-item .product-wrapper .product-details .button-group { /* display: none;*/ } .journal-carousel .tab-content .swiper .swiper-button-next, .journal-carousel .tab-content .swiper .swiper-button-prev { margin-top: 0 !important; } @media screen and (max-width: 760px) { .journal-carousel .tab-content .swiper .swiper-button-next, .journal-carousel .tab-content .swiper .swiper-button-prev { width: 15px; background-size: 100%; } } .journal-carousel .tab-content .swiper .swiper-button-next::before, .journal-carousel .tab-content .swiper .swiper-button-prev::before { display: none; } .journal-carousel .tab-content .swiper .swiper-button-next { background-image: url(/image/data/website/icon/HA_ProductListRight_icon.png); } .journal-carousel .tab-content .swiper .swiper-button-prev { background-image: url(/image/data/website/icon/HA_ProductListLeft_icon.png); } /*首頁-推薦產品-end*/ /*產品網格排列處理*/ .product-grid-item .product-wrapper { position: relative; } .product-grid-item .product-wrapper .price { margin-top: 0; } .product-grid-item .product-wrapper .name a { display: block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding: 0; margin: 10px 7px 7px 7px; line-height: 1.3; word-break: break-all; font-family: PingFangTC Semibold; } @media screen and (max-width: 760px) { .product-grid-item .product-wrapper .name a { /*min-height: 42px;*/ } } .product-grid-item .product-wrapper .product-details { position: unset; } .product-grid-item .product-wrapper .product-details .rating { position: unset; padding: 10px 0 0; margin: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; -moz-box-ordinal-group: 0; order: -1; } .product-grid-item .product-wrapper .product-details .rating .rating-text { display: none; } .product-grid-item .product-wrapper .product-details .rating .fa { font-size: 26px; } .product-grid-item .product-wrapper .product-details .rating .fa-stack { padding: 0 15px; margin-right: 10px; } .product-grid-item .product-wrapper .product-details .rating .fa-stack:last-child { margin-right: 0; } @media screen and (max-width: 680px) { .product-grid-item .product-wrapper .product-details .rating { padding: 5px 0 0; } .product-grid-item .product-wrapper .product-details .rating .fa { font-size: 18px; } .product-grid-item .product-wrapper .product-details .rating .fa-stack { padding: 0 10px; margin-right: 5px; } } .product-grid-item .product-wrapper .product-details .rating .fa-star-o { color: #f6d806; } .product-grid-item .product-wrapper .product-details .rating .fa-star, .product-grid-item .product-wrapper .product-details .rating .fa-star + .fa-star-o { color: #f6d806; } .product-grid-item .product-wrapper .product-details .button-group { position: absolute !important; left: 0; right: 0; bottom: 20%; opacity: 0; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 980px) { .product-grid-item .product-wrapper .product-details .button-group { position: unset !important; visibility: unset; opacity: 1; } } .product-grid-item .product-wrapper .product-details .button-group .quickview-button { position: unset; -webkit-transform: unset; -ms-transform: unset; -moz-transform: unset; -o-transform: unset; transform: unset; opacity: 1; visibility: visible; } .product-grid-item .product-wrapper .product-details .button-group .quickview-button a { width: 35px; height: 35px; line-height: 35px; } .product-grid-item .product-wrapper .product-details .button-group .compare { display: none; } .product-grid-item .product-wrapper .product-details .button-group > div { margin: 0 2.5px; padding: 0; } .product-grid-item:hover .product-wrapper .product-details .button-group { bottom: 50%; opacity: 1; visibility: visible; } /*產品網格排列處理-end*/ /*回到頂部按鈕*/ .scroll-top::before { width: 60px; height: 60px; } @media screen and (max-width: 760px) { .scroll-top::before { width: 30px; height: 30px; } } /*回到頂部按鈕-end*/ /*結賬頁面*/ #button-coupon { background-color: #7cac42; } #button-coupon:hover { background-color: #ffffff; } @media screen and (min-width: 760px) { .journal-checkout .spw > div .radio { margin-left: 0 !important; margin-right: 10px; } } .journal-checkout .spw > div .radio label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .journal-checkout select { min-height: 35px; } /*結賬頁面-end*/ /*產品分類頁*/ .route-product-special_product #content .heading-title, .special-page #content .heading-title, .category-page #content .heading-title, .search-page #content .heading-title { display: none; } .route-product-special_product #content .product-filter, .special-page #content .product-filter, .category-page #content .product-filter, .search-page #content .product-filter { height: auto !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .route-product-special_product #content .product-filter .product-compare, .special-page #content .product-filter .product-compare, .category-page #content .product-filter .product-compare, .search-page #content .product-filter .product-compare { display: none; } .route-product-special_product #content .product-filter > div, .special-page #content .product-filter > div, .category-page #content .product-filter > div, .search-page #content .product-filter > div { float: unset; height: auto; } .route-product-special_product #content .product-filter .limit, .special-page #content .product-filter .limit, .category-page #content .product-filter .limit, .search-page #content .product-filter .limit, .route-product-special_product #content .product-filter .sort, .special-page #content .product-filter .sort, .category-page #content .product-filter .sort, .search-page #content .product-filter .sort { padding: 5px 0; } .route-product-special_product #content .product-filter .limit b, .special-page #content .product-filter .limit b, .category-page #content .product-filter .limit b, .search-page #content .product-filter .limit b, .route-product-special_product #content .product-filter .sort b, .special-page #content .product-filter .sort b, .category-page #content .product-filter .sort b, .search-page #content .product-filter .sort b { display: none; } .route-product-special_product #content .product-filter .limit select, .special-page #content .product-filter .limit select, .category-page #content .product-filter .limit select, .search-page #content .product-filter .limit select, .route-product-special_product #content .product-filter .sort select, .special-page #content .product-filter .sort select, .category-page #content .product-filter .sort select, .search-page #content .product-filter .sort select { font-size: 16px; margin: 0 !important; padding: 5px 10px; } @media screen and (max-width: 760px) { .route-product-special_product #content .product-filter .limit select, .special-page #content .product-filter .limit select, .category-page #content .product-filter .limit select, .search-page #content .product-filter .limit select, .route-product-special_product #content .product-filter .sort select, .special-page #content .product-filter .sort select, .category-page #content .product-filter .sort select, .search-page #content .product-filter .sort select { width: 100%; font-size: 14px; } } @media screen and (max-width: 360px) { .route-product-special_product #content .product-filter .limit, .special-page #content .product-filter .limit, .category-page #content .product-filter .limit, .search-page #content .product-filter .limit, .route-product-special_product #content .product-filter .sort, .special-page #content .product-filter .sort, .category-page #content .product-filter .sort, .search-page #content .product-filter .sort { position: unset; } } .route-product-special_product #content .product-filter .results, .special-page #content .product-filter .results, .category-page #content .product-filter .results, .search-page #content .product-filter .results { padding: 5px; } .route-product-special_product .product-grid-item .product-wrapper .image, .special-page .product-grid-item .product-wrapper .image, .category-page .product-grid-item .product-wrapper .image, .search-page .product-grid-item .product-wrapper .image { border: 1px solid #7e8083; } .route-product-special_product .product-grid-item .product-wrapper .image .quickview-button, .special-page .product-grid-item .product-wrapper .image .quickview-button, .category-page .product-grid-item .product-wrapper .image .quickview-button, .search-page .product-grid-item .product-wrapper .image .quickview-button { display: none; } @media screen and (max-width: 470px) { .route-product-special_product .product-list-item .image, .special-page .product-list-item .image, .category-page .product-list-item .image, .search-page .product-list-item .image { width: 100%; margin-right: 0; margin-bottom: 10px; float: unset; } .route-product-special_product .product-list-item .product-details, .special-page .product-list-item .product-details, .category-page .product-list-item .product-details, .search-page .product-list-item .product-details { margin-left: 0; width: 100%; float: unset; } } .route-product-special_product .product-list-item .product-details .rating, .special-page .product-list-item .product-details .rating, .category-page .product-list-item .product-details .rating, .search-page .product-list-item .product-details .rating { position: unset; padding: 10px 0; margin: 0; } .route-product-special_product .product-list-item .product-details .rating .rating-text, .special-page .product-list-item .product-details .rating .rating-text, .category-page .product-list-item .product-details .rating .rating-text, .search-page .product-list-item .product-details .rating .rating-text { display: none; } .route-product-special_product .product-list-item .product-details .rating .fa, .special-page .product-list-item .product-details .rating .fa, .category-page .product-list-item .product-details .rating .fa, .search-page .product-list-item .product-details .rating .fa { font-size: 26px; } .route-product-special_product .product-list-item .product-details .rating .fa-stack, .special-page .product-list-item .product-details .rating .fa-stack, .category-page .product-list-item .product-details .rating .fa-stack, .search-page .product-list-item .product-details .rating .fa-stack { padding: 0 15px; margin-right: 10px; } .route-product-special_product .product-list-item .product-details .rating .fa-stack:last-child, .special-page .product-list-item .product-details .rating .fa-stack:last-child, .category-page .product-list-item .product-details .rating .fa-stack:last-child, .search-page .product-list-item .product-details .rating .fa-stack:last-child { margin-right: 0; } .route-product-special_product .product-list-item .product-details .rating .fa-star-o, .special-page .product-list-item .product-details .rating .fa-star-o, .category-page .product-list-item .product-details .rating .fa-star-o, .search-page .product-list-item .product-details .rating .fa-star-o { color: #f6d806; } .route-product-special_product .product-list-item .product-details .rating .fa-star, .special-page .product-list-item .product-details .rating .fa-star, .category-page .product-list-item .product-details .rating .fa-star, .search-page .product-list-item .product-details .rating .fa-star, .route-product-special_product .product-list-item .product-details .rating .fa-star + .fa-star-o, .special-page .product-list-item .product-details .rating .fa-star + .fa-star-o, .category-page .product-list-item .product-details .rating .fa-star + .fa-star-o, .search-page .product-list-item .product-details .rating .fa-star + .fa-star-o { color: #f6d806; } .route-product-special_product .product-list-item .product-details .button-group .quickview-button, .special-page .product-list-item .product-details .button-group .quickview-button, .category-page .product-list-item .product-details .button-group .quickview-button, .search-page .product-list-item .product-details .button-group .quickview-button { display: none; } .route-product-special_product .product-list-item .product-details .button-group .compare a, .special-page .product-list-item .product-details .button-group .compare a, .category-page .product-list-item .product-details .button-group .compare a, .search-page .product-list-item .product-details .button-group .compare a, .route-product-special_product .product-list-item .product-details .button-group .wishlist a, .special-page .product-list-item .product-details .button-group .wishlist a, .category-page .product-list-item .product-details .button-group .wishlist a, .search-page .product-list-item .product-details .button-group .wishlist a { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .route-product-special_product .product-list-item .product-details .button-group .compare a i, .special-page .product-list-item .product-details .button-group .compare a i, .category-page .product-list-item .product-details .button-group .compare a i, .search-page .product-list-item .product-details .button-group .compare a i, .route-product-special_product .product-list-item .product-details .button-group .wishlist a i, .special-page .product-list-item .product-details .button-group .wishlist a i, .category-page .product-list-item .product-details .button-group .wishlist a i, .search-page .product-list-item .product-details .button-group .wishlist a i { display: block; } .route-product-special_product .product-list-item .product-details .button-group .compare, .special-page .product-list-item .product-details .button-group .compare, .category-page .product-list-item .product-details .button-group .compare, .search-page .product-list-item .product-details .button-group .compare { display: none; } .route-product-special_product .side-category .box-heading, .special-page .side-category .box-heading, .category-page .side-category .box-heading, .search-page .side-category .box-heading { display: none; } .route-product-special_product .side-category .box-category ul li:last-child > a, .special-page .side-category .box-category ul li:last-child > a, .category-page .side-category .box-category ul li:last-child > a, .search-page .side-category .box-category ul li:last-child > a { border-color: #ffffff !important; } .route-product-special_product .side-category .box-category ul li a::before, .special-page .side-category .box-category ul li a::before, .category-page .side-category .box-category ul li a::before, .search-page .side-category .box-category ul li a::before { display: none; } .route-product-special_product .side-category .box-category ul li a .category-name, .special-page .side-category .box-category ul li a .category-name, .category-page .side-category .box-category ul li a .category-name, .search-page .side-category .box-category ul li a .category-name { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; font-size: 16px; } .route-product-special_product .side-category .box-category > ul > li > a, .special-page .side-category .box-category > ul > li > a, .category-page .side-category .box-category > ul > li > a, .search-page .side-category .box-category > ul > li > a { display: none; } .route-product-special_product .side-category .box-category > ul > li > ul > li > a, .special-page .side-category .box-category > ul > li > ul > li > a, .category-page .side-category .box-category > ul > li > ul > li > a, .search-page .side-category .box-category > ul > li > ul > li > a { border-bottom: 1px solid #2794b1 !important; } .route-product-special_product .side-category .box-category > ul > li > ul > li > a .category-name, .special-page .side-category .box-category > ul > li > ul > li > a .category-name, .category-page .side-category .box-category > ul > li > ul > li > a .category-name, .search-page .side-category .box-category > ul > li > ul > li > a .category-name { font-size: 20px; font-weight: bold; color: #327843; } .route-product-special_product .side-category .box-category > ul > li > ul > li > a .category-name .product-count, .special-page .side-category .box-category > ul > li > ul > li > a .category-name .product-count, .category-page .side-category .box-category > ul > li > ul > li > a .category-name .product-count, .search-page .side-category .box-category > ul > li > ul > li > a .category-name .product-count { display: none; } .route-product-special_product .side-category .box-category > ul > li > ul > li > a i, .special-page .side-category .box-category > ul > li > ul > li > a i, .category-page .side-category .box-category > ul > li > ul > li > a i, .search-page .side-category .box-category > ul > li > ul > li > a i { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .route-product-special_product .side-category .box-category > ul > li > ul > li > ul > li > a i, .special-page .side-category .box-category > ul > li > ul > li > ul > li > a i, .category-page .side-category .box-category > ul > li > ul > li > ul > li > a i, .search-page .side-category .box-category > ul > li > ul > li > ul > li > a i { font-size: 30px; background-color: #ffffff; border-radius: unset; } /*產品分類頁-end*/ /*產品分類頁左邊圖標*/ .journal-gallery-136 div .box-content .gallery-thumb { width: 25%; } /*產品分類頁左邊圖標-end*/ /*產品詳情頁*/ .product-page #content .image .label-outofstock { /*top: 14px;*/ } .product-page #content .image .sales-volume { display: none; position: absolute; bottom: 10px; right: 10px; z-index: 9999; font-size: 16px; height: 25px; line-height: 25px; padding: 0 5px; border-radius: 20px; background-color: rgba(255, 255, 255, 0.8); } @media screen and (max-width: 760px) { .product-page #content .image .sales-volume { font-size: 14px; } } .product-page #content .rating { padding: 0; } .product-page #content .rating .rating-text { display: none; } .product-page #content .rating .fa { font-size: 26px; } @media screen and (max-width: 760px) { .product-page #content .rating .fa { font-size: 18px; } } .product-page #content .rating .fa-stack { padding: 0 10px; margin-right: 10px; } .product-page #content .rating .fa-star-o { color: #f6d806; } .product-page #content .rating .fa-star, .product-page #content .rating .fa-star + .fa-star-o { color: #f6d806; } .product-page #content .product-tabs { /*@media screen and (min-width: 760px) { margin-right: -320px; }*/ } .product-page #content .product-tabs #tabs { width: 100%; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; justify-content: space-evenly; } .product-page #content .product-tabs #tabs::before, .product-page #content .product-tabs #tabs::after { display: none; } .product-page #content .product-tabs #tabs .active { border-color: #000000; } .product-page #content .product-tabs #tabs li:nth-child(2) { /*display: none;*/ } .product-page #content .product-tabs #tabs a, .product-page #content .product-tabs #tabs li a { padding: 0 40px; } .product-page #content .product-tabs .tab-review { text-align: center; } .product-page #content .product-tabs .tab-review > div { display: inline-block; border-width: 1px; border-radius: 50px; border-style: solid; border-color: #000000; overflow: hidden; } @media screen and (max-width: 760px) { .product-page #content .product-tabs .tab-review > div { width: 100%; } } .product-page #content .product-tabs .tab-review > div a { text-align: center; text-decoration: none; line-height: 37px; font-size: 16px; -webkit-box-shadow: none; box-shadow: none; color: #080403; padding: 0 40px; } .product-page #content .product-tabs .tabs-content { margin-top: 20px; } .product-page #content .product-tabs .tabs-content .tab-content { display: block !important; } .product-page #column-right + #content { margin-right: 300px; } .product-page #column-right { width: 300px; } .product-page .journal-accordion-139 > div > div, .product-page .journal-accordion-142 > div > div { margin-bottom: 20px; } .product-page .journal-accordion-139 > div > div .journal-accordion-heading, .product-page .journal-accordion-142 > div > div .journal-accordion-heading { cursor: unset; } .product-page .journal-accordion-139 > div > div .journal-accordion-heading::after, .product-page .journal-accordion-142 > div > div .journal-accordion-heading::after { display: none; } .product-page .journal-accordion-139 > div > div .journal-accordion-content, .product-page .journal-accordion-142 > div > div .journal-accordion-content { max-height: unset !important; } .product-page #product .addthis_inline_share_toolbox { display: none; } .product-page #product .description .p-stock { display: none; } .product-page #product .price .discounts { color: red; } .product-page #product .option > ul > li { min-height: 38px; line-height: 38px; border: 1px solid #080403; min-width: 70px; padding: 0 25px; text-align: center; } .product-page #product .option > ul > li.selected, .product-page #product .option > ul > li:hover { border-color: #7cac42; } .product-page #product .journal-gallery-136 div .box-content .gallery-thumb { width: 60px; } .product-page #product .cart { margin-top: 30px; } .product-page #product .cart > div { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } .product-page #product .cart > div:last-child { margin-bottom: 0; } .product-page #product .cart > div .text-qty { display: inline-block; width: auto !important; float: none; height: auto; font-size: 16px; } @media screen and (max-width: 760px) { .product-page #product .cart > div .text-qty { font-size: 14px; } } @media screen and (max-width: 470px) { .product-page #product .cart > div .text-qty { padding-right: 12px; } } @media screen and (max-width: 470px) { .product-page #product .cart .qty { width: -webkit-calc(100% - 46px) !important; width: -moz-calc(100% - 46px) !important; width: calc(100% - 46px) !important; min-width: unset; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .product-page #product .cart .qty .form-control { margin: 0; padding: 5px 10px; } } .product-page #product .cart .qty .journal-stepper { margin: 0; padding: 0; } .product-page #product .cart .qty .form-control { -webkit-box-shadow: unset; box-shadow: unset; border-left: 1px solid #080403; border-right: 1px solid #080403; } .product-page #product .cart #button-cart, .product-page #product .cart .button { width: auto; padding: 0 25px; margin-right: 10px; border-radius: 80px; } @media screen and (max-width: 470px) { .product-page #product .cart { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; } } @media screen and (max-width: 470px) { .product-page #product .cart > div { width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); width: calc(50% - 5px); } .product-page #product .cart > div:first-child { margin-right: 10px; } .product-page #product .cart > div:last-child > *:last-child { left: -webkit-calc(-100% - 10px); left: -moz-calc(-100% - 10px); left: calc(-100% - 10px); margin-top: -52px; } .product-page #product .cart > div > * { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; margin-bottom: 10px; min-height: 40px; } } .product-page #product .collect-btn { padding: 0 25px; background-color: #7cac42; border: 1px solid #7cac42; border-radius: 80px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; margin-right: 10px; } .product-page #product .collect-btn:before { content: "\e662"; font-size: 24px; margin-left: 2px; color: #ffffff; position: unset; margin-bottom: 0; display: block !important; } .product-page #product .collect-btn:hover { background-color: #ffffff; } .product-page #product .collect-btn:hover:before { color: #7cac42; -webkit-transform: unset !important; -ms-transform: unset !important; -moz-transform: unset !important; -o-transform: unset !important; transform: unset !important; } .product-page #product .collect-btn.collect:before { color: #2794b1; } .product-page #product .social .stButton .facebook { background-image: url(/image/data/website/icon/HA_Facebook_icon_A.svg); } .product-page #product .social .stButton .instagram { background-image: url(/image/data/website/icon/HA_ig_icon_A.svg); } .product-page #product .social .stButton .chicklets { height: 40px; padding-left: 40px; line-height: 40px; } .product-page #form-review .form-group { font-size: 16px; } .product-page #form-review .form-group .control-label, .product-page #form-review .form-group .form-control, .product-page #form-review .form-group .help-block { font-size: 16px; } .product-page #atstbx .at-share-btn-elements .at-icon-wrapper { width: 40px; height: 40px; padding: 0; background-color: unset !important; } .product-page #atstbx .at-share-btn-elements .at-icon-wrapper span { display: none !important; } .product-page #atstbx .at-share-btn-elements .at-icon-wrapper .at-label { display: none; } .product-page #atstbx .at-share-btn-elements .at-svc-facebook { background-image: url(/image/data/website/icon/HA_Facebook_icon_A.svg); background-repeat: no-repeat; background-size: 100%; } .product-page #atstbx .at-share-btn-elements .at-svc-linkedin { background-image: url(/image/data/website/icon/HA_ig_icon_A.svg); background-repeat: no-repeat; background-size: 100%; } #more-details { margin-left: 0 !important; } #more-details:hover i:before { color: #7cac42; } /*產品詳情頁-end*/ /*全局翻頁*/ .pagination { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .pagination::after, .pagination::before { display: none; } .pagination ul li { vertical-align: top; } .pagination ul li.active { background-color: unset; } .pagination ul li.active span { background-color: #809c45; } .pagination span { display: inline-block; width: 26px; height: 26px; line-height: 25px; text-align: center; text-decoration: none; font-weight: bold; font-family: inherit; margin-right: 4px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; border-radius: 4px; } .pagination span, .pagination a { padding: 0 5px; } .pagination span, .pagination a, .pagination b, .pagination li { line-height: 26px; width: auto; min-width: 26px; } /*全局翻頁-end*/ /*健康資訊*/ .journal-blog-page #content .heading-title { display: none; } @media screen and (max-width: 760px) { .journal-blog-page #content .posts.blog-list-view { margin-top: 0; } } .journal-blog-page #content .posts.blog-list-view .post-item:last-child .post-wrapper { border: none; } .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper { padding: 20px 0; } .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-image { width: 32%; } @media screen and (max-width: 500px) { .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-image { padding: 0 20px; } } .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details { width: 68%; } @media screen and (max-width: 500px) { .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details { padding: 0 20px; } } .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details .post-view-more { line-height: 1 !important; } .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details .post-view-more i { display: none !important; } .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details .post-text { line-height: 1.4; } @media screen and (max-width: 760px) { .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details .post-text span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-break: break-all; } } .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details .comment-date .p-author { margin-right: 10px; } .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details .comment-date .p-author::before { content: "By"; font-size: 16px; } @media screen and (max-width: 760px) { .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details .comment-date .p-author::before { font-size: 14px; } } .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details .comment-date .p-author::after { content: "/"; position: absolute; right: -10px; top: -2px; color: #444349; } .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details .comment-date .p-date { margin-right: 10px; } .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details .comment-date .p-date::before { content: "Date"; font-size: 16px; } @media screen and (max-width: 760px) { .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details .comment-date .p-date::before { font-size: 14px; } } .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details .comment-date .p-category::before { float: unset; content: "Category"; font-size: 16px; color: #444349; } @media screen and (max-width: 760px) { .journal-blog-page #content .posts.blog-list-view .post-item .post-wrapper .post-item-details .comment-date .p-category::before { font-size: 14px; } } .journal-blog-page .journal-blog-search-149 .box-heading { border-bottom: 1px solid #989b9f; } .journal-blog-page .journal-blog-search-149 .box-search input { padding-left: 40px; } .journal-blog-page .journal-blog-search-149 .box-search a { left: 2px; right: inherit; border: none; -webkit-box-shadow: none; box-shadow: none; } .journal-blog-page .journal-blog-categories-148 .box-heading { display: none; } .journal-blog-page .journal-blog-categories-148 .box-category { border-top: 1px solid #989b9f; } .journal-blog-post-page #content .post-stats .p-posted { color: #444349; } .journal-blog-post-page #content .post-stats .p-author { margin-right: 10px; } .journal-blog-post-page #content .post-stats .p-author::before { display: none; } .journal-blog-post-page #content .post-stats .p-author::after { content: "/"; position: absolute; right: -10px; top: -3px; color: #444349; } .journal-blog-post-page #content .post-stats .p-date { margin-right: 10px; } .journal-blog-post-page #content .post-stats .p-date::before { float: unset; content: "Date"; font-size: 16px; } @media screen and (max-width: 760px) { .journal-blog-post-page #content .post-stats .p-date::before { font-size: 14px; } } .journal-blog-post-page #content .post-stats .p-category::before { float: unset; content: "Category"; font-size: 16px; color: #444349; } @media screen and (max-width: 760px) { .journal-blog-post-page #content .post-stats .p-category::before { font-size: 14px; } } /*健康資訊-end*/ /*店員分享*/ .static-banners-140 div .box-heading { position: absolute; border: none; left: 54%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; margin: 0; font-size: 36px; color: #7cac42; } @media screen and (max-width: 760px) { .static-banners-140 div .box-heading { width: 100%; font-size: 24px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.8); text-align: center; } } /*店員分享-end*/ /*聯絡我們默認頁*/ .route-information-contact #content .control-label, .route-information-contact #content input, .route-information-contact #content textarea { font-size: 16px; } @media screen and (max-width: 760px) { .route-information-contact #content .control-label, .route-information-contact #content input, .route-information-contact #content textarea { font-size: 14px; } } .route-information-contact #content .text-danger { font-size: 14px; } @media screen and (max-width: 760px) { .route-information-contact #content .text-danger { font-size: 12px; } } /*聯絡我們默認頁-end*/ /*網站地圖*/ .route-information-sitemap .right > ul > li:last-child { margin-left: 9px; font-weight: unset; padding-top: 0; } /*網站地圖-end*/ /*註冊頁面*/ @media screen and (max-width: 760px) { .account-page #content .content #account { padding-right: 0; } } /*註冊頁面-end*/ /*結賬頁面*/ .checkout-page #content .journal-checkout .checkout-content { padding: 12px !important; } .checkout-page #content .journal-checkout .checkout-content p a { word-break: break-all; } .checkout-page #content .journal-checkout .checkout-content img { max-width: 100%; } .checkout-page #content .journal-checkout .checkout-content .form-group .control-label, .checkout-page #content .journal-checkout .checkout-content .input-group .control-label, .checkout-page #content .journal-checkout .checkout-content .form-group input, .checkout-page #content .journal-checkout .checkout-content .input-group input, .checkout-page #content .journal-checkout .checkout-content .form-group select, .checkout-page #content .journal-checkout .checkout-content .input-group select { font-size: 14px; } .checkout-page #content .journal-checkout .checkout-content .form-group input[type="text"], .checkout-page #content .journal-checkout .checkout-content .input-group input[type="text"] { min-height: 36px; } @media screen and (max-width: 1024px) { .checkout-page #content .journal-checkout .checkout-content .form-group .control-label, .checkout-page #content .journal-checkout .checkout-content .input-group .control-label { margin-bottom: 5px; width: auto; padding-top: 0; } } @media screen and (max-width: 980px) and (min-width: 761px) { .checkout-page #content .journal-checkout .checkout-content .form-group .input-group-btn, .checkout-page #content .journal-checkout .checkout-content .input-group .input-group-btn { margin-top: 0; } } @media screen and (max-width: 760px) { .checkout-page #content .journal-checkout .checkout-content .form-group .input-group-btn .button, .checkout-page #content .journal-checkout .checkout-content .input-group .input-group-btn .button { margin-left: 0; } } @media screen and (max-width: 980px) { .checkout-page #content .journal-checkout .checkout-content .radio { display: inline-block; } } .checkout-page #content .journal-checkout .checkout-content .radio label { font-size: 14px; } .checkout-page #content .journal-checkout .checkout-content .cart-box .cart-image { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } @media screen and (max-width: 480px) { .checkout-page #content .journal-checkout .checkout-content .cart-box .cart-image { width: 100% !important; } } .checkout-page #content .journal-checkout .checkout-content .cart-box .cart-image a { min-width: 100px; } @media screen and (max-width: 480px) { .checkout-page #content .journal-checkout .checkout-content .cart-box .unit_price { margin-left: auto; } } .checkout-page #content .journal-checkout .checkout-shipping-methods .radio label { text-align: left; } .checkout-page #content > .main-products .product-grid-item .quickview-button { display: none !important; } /*結賬頁面-end*/ @media screen and (max-width: 500px) { ul.breadcrumb { display: none !important; } .route-account-login #google-signin-button { margin-top: 10px; display: block !important; } .route-account-login #facebook-signin-button { margin-top: 10px; display: block !important; } } .header-notice { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .route-checkout-checkout #google-signin-button, .route-checkout-checkout #facebook-signin-button { vertical-align: top; } @media screen and (max-width: 980px) { .route-checkout-checkout #google-signin-button { margin-left: 0 !important; } .route-checkout-checkout #google-signin-button, .route-checkout-checkout #facebook-signin-button { margin-top: 10px !important; } } @media screen and (max-width: 500px) { .route-checkout-checkout #google-signin-button { margin-left: 0 !important; } .route-checkout-checkout #facebook-signin-button { margin-left: 0 !important; } } @media screen and (max-width: 760px) { .home-page #top-modules > .journal2_headline_rotator:nth-child(2), .home-page #top-modules > .journal2_headline_rotator:nth-child(8) { padding-top: 40px !important; } .home-page #top-modules > .journal2_static_banners:nth-of-type(4) { padding-top: 30px !important; padding-bottom: 30px !important; } .home-page #top-modules > .journal2_static_banners:nth-of-type(7) { padding-top: 30px !important; } .home-page #top-modules > .journal2_cms_blocks:nth-of-type(12) { padding-top: 30px !important; padding-bottom: 30px !important; } .home-page #top-modules > .journal2_carousel { padding-top: 30px !important; } } @media screen and (max-width: 760px) { .static-banners-124 .box-content .static-banner .bg-img img, .static-banners-115 .box-content .static-banner .bg-img img { height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } } /*2022-10-31 comment*/ @media screen and (min-width: 760px) { .sticky-menu .is-sticky .journal-header-default .journal-menu .drop-down ul { width: auto; } } @media screen and (min-width: 980px) { html:lang(en) .header #header .journal-menu { height: auto; } } .route-product-special_product .journal-side-category-134 .box-category > ul > li { border-bottom: 1px solid #2794b1; } .route-product-special_product .journal-side-category-134 .box-category > ul > li.active > a span.category-name { color: #327843; } .route-product-special_product .journal-side-category-134 .box-category > ul > li > a { display: block; }