/* Control Panel Settings */ .quickview .mfp-iframe-holder .mfp-content{height:563px} #more-details[data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} #more-details i:before{content: '\e094';font-size: 20px;color: rgb(255, 255, 255);left: -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{color: rgb(255, 255, 255);border-radius: 50%;width: 40px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(51, 153, 101)} .label-sale{color: rgb(255, 255, 255);border-radius: 50%;width: 40px;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)} header .links a, .links .no-link, .mm-header-link a{color: rgb(255, 255, 255)} header .journal-secondary a, header .journal-secondary .links > a, .mm-header-link a{color: rgb(255, 255, 255)} .drop-down ul li a, .fly-drop-down ul li a{font-size: 14px;color: rgb(0, 0, 0)} .mega-menu div > h3{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;color: rgb(42, 43, 46);border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);padding-bottom:5px} .mega-menu-categories .mega-menu-item ul li a{padding-left:0px} .mega-menu-categories .mega-menu-item ul li a:hover{color: rgb(221, 0, 23)} .mega-menu-brands div > h3{color: rgb(255, 255, 255);text-align:left} .mega-menu-html div > h3, .mega-menu-mixed .mega-menu-html > h3{text-align:left;padding-bottom:5px;padding-left:10px;padding-top:5px} .mega-menu-html .mega-menu-item .wrapper{background-color: rgb(255, 255, 255)} .super-menu > li > a{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 15px;text-transform: uppercase;letter-spacing: 2px;color: rgb(255, 255, 255);line-height:38px} .super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-right{border-style:solid} .drop-down ul li, .mobile-menu .drop-down ul li, .flyout-menu .fly-drop-down ul li{border-bottom-style:solid;border-color: rgb(228, 228, 228)} .mega-menu-categories .mega-menu div > h3{text-align:left} .mega-menu-brands .mega-menu-item div{border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228)} .mega-menu-brands .mega-menu-item img{border-radius: 50%} .mega-menu-html div > h3{background-color: rgb(255, 255, 255)} .mega-menu:not(.fly-mega-menu), .html-menu{border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-style: solid;border-color: rgb(204, 204, 204)} .mobile-trigger:before{content: '\e618';font-size: 20px;color: rgb(255, 255, 255);top: -1px} .drop-down .menu-plus:before{content: '\e60e';font-size: 10px;color: rgb(28, 125, 90);top: -3px} .mobile-trigger, .mobile-menu-on-tablet .mobile-trigger{font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 16px;text-transform: uppercase;color: rgb(2, 114, 58)} .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(52, 124, 129);color: rgb(255, 255, 255)} .journal-header-default .links a:hover{background-color: rgb(76, 179, 86)} .journal-header-default .journal-links{background-color: rgb(0, 0, 0)} .journal-header-default .links a, .journal-header-default .links .no-link{border-color: rgb(42, 43, 46)} header .links li:hover a, .mm-header-link li:hover a{color: rgb(76, 179, 86)} .super-menu{border-right-width: 1px;border-left-width: 1px;border-style: solid;border-color: rgb(119, 119, 119)} .journal-menu-bg{background-color: rgb(225, 225, 225)} .super-menu > li:hover > a{color: rgb(255, 255, 255)} .super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-left, .journal-desktop .menu-floated .float-right{border-color: rgb(79, 157, 163)} .mega-menu, .html-menu{background-color: rgb(255, 255, 255)} header .journal-secondary a:hover, header .journal-secondary .links > a:hover, .mm-header-link a:hover{color: rgb(51, 153, 101)} .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(52, 124, 129);border-color:rgb(52, 124, 129);} .journal-header-default .journal-secondary > ul > li{background-color: rgb(42, 43, 46)} .drop-down ul li:hover > a i:before{color: rgb(255, 255, 255)} .journal-menu .mobile-trigger{background-color: rgb(52, 124, 129)} .mega-menu .product-grid-item .price{display:none} .mega-menu{padding:15px} .mega-menu-item > div, #header .mega-menu .product-wrapper{margin-right:15px} .mega-menu-categories .mega-menu-item ul li.view-more a{font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 11px;text-transform: none} .mega-menu .product-grid-item .price, .mega-menu .product-grid-item .price-new{color: rgb(56, 56, 56)} .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{color: rgb(56, 56, 56)} .mega-menu-column > div > h3, .mega-menu-column > h3{border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);margin-bottom:10px;padding-bottom:5px;font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;color: rgb(56, 56, 56)} .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-color: rgb(204, 204, 204)} .quote .button{padding:0 16px;line-height:35px;background-color: rgb(0, 0, 0)} .quote .button:hover{background-color: rgb(255, 255, 255);color: rgb(0, 0, 0)} .product-info .left .image a img{border-width: 1px;border-style: solid;border-color: rgb(244, 244, 244)} .product-info .left .image-additional a{padding:0 15px 15px 0} .product-info .image .label-latest{display: none} .product-info .image .label-sale{display: none} .product-info .image .label-outofstock{display: none} .product-options > div, .product-options > ul{background-color: rgb(244, 244, 244)} .product-options > div, .product-options > ul, .skin-11 .right .heading-title{margin-bottom:15px} .product-info .right .description .instock{color: rgb(51, 153, 101)} .product-info .right .description .outofstock{color: rgb(234, 35, 73)} .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-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 35px;text-transform: none;color: rgb(0, 0, 0)} .product-info .right .price .price-old, .product-info .right .price li.price-old{font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 22px;text-transform: none;color: rgb(255, 255, 255)} .product-info .right .price-old{border-radius: 30px;background-color: rgb(221, 0, 23)} .product-info .option > ul > li:active, .product-info .option > ul > li.selected{box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.7)} #content .product-info .options h3, .ms-sellerprofile.description h3{background-color: rgb(255, 255, 255)} .product-info .option > ul > li{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .product-info .right .cart div .qty{border-radius: 40px} #button-cart, .product-info .right .cart div .button.enquiry-button{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: uppercase;letter-spacing: 2px;color: rgb(255, 255, 255)} #button-cart, .product-info .right .cart div .button.enquiry-button, .quickview #more-details{background-color: rgb(165, 143, 196)} .product-info .right .wishlist-compare .links a{color: rgb(0, 0, 0)} .product-info .right .wishlist-compare .links a:hover{color: rgb(221, 0, 23)} #tabs a, #tabs li a{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 12px;text-transform: uppercase;letter-spacing: 2px;color: rgb(255, 255, 255);background-color: rgb(52, 124, 129);box-shadow:inset 0 -3px 6px -2px rgba(0, 0, 0, 0.5)} .product-info .tab-content, .tab-content{padding:15px} .product-info .right .journal-custom-tab{background-color: rgba(244, 244, 244, 0);padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px} .product-info .gallery-text:before{content: '\e015';font-size: 26px} #product-gallery .swiper-button-prev::before{content: '\e62b';font-size: 16px;color: rgb(255, 255, 255);left: -1px} #product-gallery .swiper-button-next::before{content: '\e62c';font-size: 16px;color: rgb(255, 255, 255)} .product-info .right .wishlist-compare .links a:before{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(221, 0, 23)} .product-info .right .cart div .journal-stepper{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .product-info .right .cart div .journal-stepper:hover{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} #button-cart:hover, .product-info .right .cart div .button.enquiry-button:hover, .quickview #more-details:hover{color: rgb(255, 255, 255);background-color: rgb(80, 51, 122)} .product-info .right .wishlist-compare{background-color: rgb(244, 244, 244)} #tabs a:hover, #tabs a.selected, #tabs li a:hover, #tabs li.active a{color: rgb(255, 255, 255);background-color: rgb(52, 124, 129)} .product-info .tab-content, .tab-content, .quickview .tab-content{background-color: rgb(244, 244, 244)} .tags{text-align:left} .tags a, .tags b{border-radius: 15px} .tags b{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255)} .tags a{background-color: rgb(244, 244, 244)} .tags a:hover{color: rgb(255, 255, 255);background-color: rgb(52, 124, 129)} #product-gallery .swiper-button-prev, #product-gallery .swiper-button-next{border-radius: 50%;height:25px; line-height:25px;background-color: rgb(51, 55, 69);width:25px} .product-info .right > div > div, .product-info .right > div > ul{padding-left:10px;padding-right:10px;padding-bottom:10px;padding-top:10px} .product-info .right .options .option b, .product-info .right .options .option .control-label{font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: none} .product-info .right .options .option label:hover{color: rgb(221, 0, 23)} .social, .product-options .social, .blog-post .social{background-color: rgb(255, 255, 255)} .product-info .right .options .option label{color: rgb(66, 139, 202)} #product-gallery .swiper-button-prev:hover, #product-gallery .swiper-button-next:hover{background-color: rgb(221, 0, 23)} #tab-description{line-height:24px} .attribute tbody td{text-align:left} .product-page .heading-title{text-align:left} body{font-weight: 400;font-family: "Nunito Sans";font-style: normal;font-size: 15px;text-transform: none;color: rgb(51, 55, 69);background-image: url('image/data/journal2/pattern/pat2.jpg');background-repeat: repeat;background-position: center top;background-size: auto;background-attachment: scroll;background-color: rgb(228, 228, 228)} .heading-title, .box-heading, #blogArticle .articleHeader h1, .oc-filter .panel-heading{text-align:left;border-radius: 2px;line-height:40px; min-height:40px;;background-color: rgb(244, 244, 244)} .secondary-title, #content #review-title{text-align:left;font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 16px;text-transform: none;color: rgb(42, 43, 46);border-bottom-width: 1px;border-style: solid;border-color: rgb(244, 244, 244);padding-top:8px; padding-bottom:8px} .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-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(0, 0, 0)} .button, .side-column .box-content a.button, #quickcheckout .button, .modal-footer .btn{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 11px;text-transform: uppercase;color: rgb(255, 255, 255)} .button, #quickcheckout .button, .modal-footer .btn{border-radius: 30px;padding:0 14px;line-height:32px;background-color: rgb(52, 124, 129)} .breadcrumb{font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(42, 43, 46);background-color: rgb(255, 255, 255);padding-left:0px; padding-right:0px;;display:block !important;} .scroll-top:before{content: '\e611';font-size: 45px;color: rgb(63, 87, 101)} .extended-layout .extended-container{background-color: rgb(255, 255, 255)} a{color: rgb(69, 115, 143)} a:hover{color: rgb(2, 114, 58)} .button:hover, .side-column .box-content a.button:hover, #quickcheckout .button:hover, .modal-footer .btn:hover{color: rgb(255, 255, 255)} .button:hover, #quickcheckout .button:hover, .modal-footer .btn:hover{background-color: rgb(84, 184, 86)} .breadcrumb a:hover{color: rgb(2, 114, 58)} .scroll-top:hover:before{color: rgb(52, 124, 129)} .heading-title, .box-heading, #blogArticle .articleHeader h1, .journal-carousel .htabs.single-tab a, .oc-filter .panel-heading, .journal-carousel .htabs.single-tab a{padding-left:15px} .extended-container:before{background-color: rgb(255, 255, 255)} .box-sections ul li, .custom-sections .box-heading.box-sections{border-style:solid;border-color: rgb(80, 80, 80)} .custom-sections .box-heading{border-bottom-width: 0px;border-style: solid;background-color: rgb(52, 124, 129)} .box-sections ul li a{color: rgb(255, 255, 255)} .box-sections, .box-sections ul li a, #top-modules .journal2_custom_sections::before, #bottom-modules .journal2_custom_sections::before{line-height:38px; min-height:38px;} .box-sections ul li a:hover, .box-sections ul li a.selected{color: rgb(255, 255, 255);background-color: rgb(52, 124, 129)} #footer{margin-top:20px;margin-bottom:0px} footer .column > h3{border-bottom-style:dotted;text-align:left;font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;color: rgb(255, 255, 255);border-color: rgb(169, 184, 192)} footer .column-menu-wrap > ul li{color: rgb(255, 255, 255)} footer .contacts{box-shadow:none;border-radius: 60px} footer .contacts [data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} .bottom-footer{box-shadow:none;background-color: rgb(255, 255, 255)} .fullwidth-footer{background-color: rgb(52, 124, 129)} footer .column-menu-wrap > ul li:hover a{color: rgb(84, 184, 86)} footer .contacts > div > span > .contact-icon{background-color: rgb(80, 80, 80);border-radius: 50%} footer a .contacts-text:hover{color: rgb(221, 0, 23)} footer .contacts-text{color: rgb(255, 255, 255)} .bottom-footer .copyright{font-size: 12px} .column.products .product-grid-item .name a{white-space:nowrap} .column.products .product-grid-item .name a:hover{color: rgb(221, 0, 23)} .column.products .product-grid-item{border-bottom-style:solid;border-color: rgb(42, 43, 46);padding:4px 0} footer .column-text-wrap p{line-height:15px} .column.products .product-grid-item .name a, .footer-post-title{color: rgb(255, 255, 255)} .column.products .product-grid-item .price-old{color: rgb(221, 0, 23)} .column.products .product-grid-item .price, .column.products .product-grid-item .price-new{color: rgb(255, 255, 255)} .footer-post{border-bottom-style:solid;border-color: rgb(42, 43, 46);padding:5px 0} #cart .heading i{border-left-style:solid;border-color: rgba(244, 244, 244, 0)} .mini-cart-info table tr{border-bottom-style:solid;border-bottom-color: rgb(255, 255, 255)} #cart .heading, .ie9 #cart button.heading{font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: none;color: rgb(0, 0, 0)} .journal-header-center #cart{border-width: 1px;border-radius: 40px;border-style: solid;border-color: rgb(80, 80, 80)} .mini-cart-info, #cart .empty{color: rgb(0, 0, 0)} .mini-cart-info{max-height:350px} .mini-cart-total{color: rgb(255, 255, 255);background-color: rgb(51, 153, 101)} .button-search, .journal-header-center .button-search{border-right-style:solid} #search input{color: rgb(0, 0, 0);background-color: rgb(42, 43, 46)} .journal-header-center #search input{border-width: 1px;border-radius: 40px;border-style: solid;border-color: rgb(80, 80, 80)} .autocomplete2-suggestion span.p-price{display:none} .autocomplete2-suggestions > div{max-height:350px} .journal-header-center #language, .journal-header-center #currency{border-style:solid;border-color: rgb(52, 124, 129)} .journal-language .dropdown-menu, .journal-currency .dropdown-menu{border-radius: 50%;background-color: rgb(255, 255, 255);box-shadow:0 2px 2px rgba(0, 0, 0, 0.15)} .journal-currency form .currency-symbol{border-radius: 50%;background-color: rgb(255, 255, 255)} #cart .heading i:before{content: '\e000';font-size: 25px;color: rgb(2, 114, 58);top: -1px;left: -4px} .button-search i:before{content: '\e697';font-size: 22px;color: rgb(56, 56, 56);top: -1px;left: 2px} .journal-top-header{background-color: rgb(52, 124, 129)} .header, .boxed-header.default-header .journal-login{background-color: rgb(255, 255, 255)} .journal-header-default #logo, .journal-header-compact #logo{background-color: rgb(42, 43, 46)} .journal-header-default #cart{background-color: rgb(42, 43, 46)} #cart .content .cart-wrapper, .oc2 #cart .checkout{background-color: rgb(244, 244, 244)} .mini-cart-info table tr td.remove i{color: rgb(0, 0, 0)} .mini-cart-info table tr td.remove i:hover, .firefox .mini-cart-info table tr td.remove button:hover i{color: rgb(2, 114, 58)} .autocomplete2-suggestion{border-bottom-style:solid;border-color: rgb(228, 228, 228)} .autocomplete2-suggestion:hover{background-color: rgb(244, 244, 244)} .autocomplete2-suggestions{background-color: rgb(255, 255, 255)} .journal-language .dropdown-menu > li > a, header .journal-currency .dropdown-menu > li > a{color: rgb(0, 0, 0)} .journal-language .dropdown-menu > li > a:hover, header .journal-currency .dropdown-menu > li > a:hover{color: rgb(244, 244, 244)} .journal-language .dropdown-menu > li > a:hover, .journal-currency .dropdown-menu > li > a:hover{background-color: rgb(54, 156, 168)} .journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li{border-top-style:solid} .autocomplete2-suggestion .p-image{display:block} .journal-header-center .journal-top-header, .journal-header-center .journal-secondary{border-bottom-style:solid; border-top-style:solid;;border-color: rgb(204, 204, 204)} .product-wrapper{border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);padding: 5px;background-color: rgb(255, 255, 255)} .product-grid-item .image .label-latest{display: none} .product-grid-item .image .label-sale{display: none} .product-grid-item .image .label-outofstock{display: block} .product-grid-item .name a, .posts h2 a{white-space:nowrap;font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69)} .product-grid-item .price{display:inline-block;;display:inline-block} .product-details:before{font-size: 25px;margin-left: -14px;top: -21px;color: rgb(255, 255, 255)} .product-grid-item .cart .button{font-weight: 400;font-family: "ABeeZee";background-color: rgb(80, 51, 122)} .product-grid-item .cart .button[data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} .product-grid-item .quickview-button .button{border-radius: 30px} .product-grid-item .quickview-button .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(52, 73, 94)} .product-grid-item.display-icon .wishlist > a, .product-grid-item.display-icon .compare > a{border-radius: 50%;width:30px;height:30px; padding:0;;background-color: rgb(0, 0, 0)} .product-grid-item .wishlist [data-hint]:after, .product-grid-item .compare [data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} .product-grid-item .cart:not(.enquiry-button) i::before{content: '\e17f';font-size: 19px;color: rgb(255, 255, 255)} .product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before{content: '\e660';font-size: 20px;color: rgb(255, 255, 255)} .product-grid-item .wishlist-icon:before{content: '\e663';font-size: 16px;color: rgb(255, 255, 255);top: 1px} .product-grid-item .compare-icon:before{content: '\e025';font-size: 16px;color: rgb(255, 255, 255)} .product-grid-item .price-old, .compare-info .price-old, .autocomplete2-suggestion span.p-price .price-old{color: rgb(164, 23, 51)} .product-grid-item .wishlist a, .product-grid-item .compare a{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 11px;text-transform: none;color: rgb(51, 55, 69)} .product-grid-item.display-icon .wishlist > a:hover, .product-grid-item.display-icon .compare > a:hover{background-color: rgb(221, 0, 23)} .soft-shadow .product-wrapper{box-shadow:none} .product-grid-item .rating{margin-left:-47px;top:-35px} .product-grid-item .quickview-button .button:hover, .side-column .box-content .quickview-button .button:hover{color: rgb(255, 255, 255)} .category-list ul li a, .refine-category-name{font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 16px;text-transform: none;color: rgb(0, 0, 0)} .category-list ul li:after{color: rgb(228, 228, 228)} .category-list{background-color: rgb(51, 55, 69)} .refine-image a{background-color: rgb(244, 244, 244)} .refine-image a:hover{background-color: rgb(255, 255, 255)} .product-filter, .product-compare a{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 13px;text-transform: none;color: rgb(42, 43, 46)} .pagination b, .pagination a:hover{color: rgb(255, 255, 255)} .category-list ul li a:hover, .refine-image a:hover .refine-category-name{color: rgb(255, 255, 255)} .pagination{background-color: rgb(244, 244, 244);box-shadow:none} .product-filter .display a i:hover, .product-filter .display a.active i{color:rgb(54, 156, 168) !important} .product-filter{background-color: rgb(244, 244, 244)} .product-compare a:hover{color: rgb(54, 156, 168)} .pagination a, .pagination b, .pagination li{border-radius: 50%} .pagination a{background-color: rgb(255, 255, 255);color: rgb(0, 0, 0)} .pagination b, .pagination a:hover, .pagination li.active {background-color: rgb(54, 156, 168)} .pagination .results, .dataTables_info{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 13px;text-transform: none} .tp-bannertimer, .tp-bannertimer.tp-bottom{height:1px;background-color: rgb(2, 114, 58)} .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(255, 255, 255);top: -15px} .tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before{content: '\e62c';font-size: 65px;color: rgb(255, 255, 255);top: -15px} .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{background-color: rgb(2, 114, 58)} .tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page span{background-color: rgb(255, 255, 255);border-radius: 8px;margin-left:10px;width:12px;height:12px} .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(2, 114, 58)} .journal-carousel .htabs a, .side-column .journal-carousel .htabs a{border-right-style:solid;border-color: rgb(255, 255, 255)} .journal-carousel.arrows-top .swiper-button-prev::before{content: '\e60f';font-size: 17px;color: rgb(42, 43, 46)} .journal-carousel.arrows-top .swiper-button-next::before{content: '\e60e';font-size: 17px;color: rgb(42, 43, 46)} .swiper-pagination-bullet{background-color: rgb(0, 0, 0);border-radius: 5px;width:20px;height:7px} .journal-carousel.arrows-top .swiper-button-prev:hover::before, .journal-carousel.arrows-top .swiper-button-next:hover::before{color: rgb(28, 125, 90)} .swiper-pagination-bullet:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: rgb(28, 125, 90)} .journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{top:-58px} .journal-carousel:not(.arrows-top) .swiper-button-next::before{content: '\e60e';font-size: 24px;color: rgb(0, 0, 0)} .journal-carousel:not(.arrows-top) .swiper-button-prev, .journal-carousel:not(.arrows-top) .swiper-button-next{margin-top:-60px} .journal-carousel:not(.arrows-top) .swiper-button-prev::before{content: '\e60f';font-size: 24px;color: rgb(0, 0, 0)} .journal-carousel.arrows-top .swiper-button-prev{right:15px} .journal-carousel.arrows-top .swiper-button-next{right:0px} .journal-carousel:not(.arrows-top) .swiper-button-next{right:5px} .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(28, 125, 90)} .product-list-item{background-color: rgb(255, 255, 255)} .product-list-item .image .label-latest{display: none} .product-list-item .image .label-sale{display: none} .product-list-item .image .label-outofstock{display: none} .product-list-item .description{display:block} .product-list-item .cart .button{font-family: Helvetica, Arial, sans-serif} .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 {margin-left: -20px;margin-top: -20px} .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(176, 158, 102)} .product-list-item .wishlist a, .product-list-item .compare a{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: '\e661';font-size: 20px;color: rgb(255, 255, 255)} .product-list-item .wishlist-icon:before{content: '\e662';font-size: 11px;color: rgb(51, 55, 69);top: -2px} .product-list-item .compare-icon:before{content: '\e025';font-size: 11px;color: rgb(51, 55, 69);top: -2px} .product-list-item .wishlist a:hover, .product-list-item .compare a:hover{color: rgb(176, 158, 102)} .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 .side-category-accordion i{border-radius: 50%;color: rgb(0, 0, 0);background-color: rgb(28, 125, 90)} .side-column .side-category-accordion i:hover{color: rgb(255, 255, 255);background-color: rgb(76, 179, 86)} .side-column .box-category li a:before, .flyout-menu .flyout > ul > li > a:before, .side-column .box-content li a:before{content: '\e62c';font-size: 15px;color: rgb(169, 184, 192);top: -2px} .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(28, 125, 90)} .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 .box-content li a, .side-column .box-category li a{padding-top:10px;padding-bottom:2px;padding-right:20px} .side-column .oc-module .product-grid-item{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:7px} .side-column .side-category i{width:20px;height:20px;top:7px;right:0px;font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 18px;text-transform: none;color: rgb(255, 255, 255)} .side-column .heading-title, .side-column .box-heading, .side-column #blogArticle .articleHeader h1, .oc-filter .panel-heading{padding-left:10px} .side-column .oc-module .product-grid-item .name a{white-space:nowrap} .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{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:solid} .action-area h3{background-color: rgb(244, 244, 244)} .buttons{padding-top:15px; padding-bottom:15px;;padding-left:15px; padding-right:15px;background-color: rgb(244, 244, 244)} .cart-info table, .wishlist-info table, .compare-info td, table.list tbody td, .order-list .order-content{background-color: rgb(255, 255, 255)} .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, .order-list .order-id, .order-list .order-status{background-color: rgb(244, 244, 244)} .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(244, 244, 244)} .login-content > div, .sitemap-info > div > ul{background-color: rgb(244, 244, 244)} .login-content hr{background-color: rgb(244, 244, 244)} #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(255, 255, 255)} table.radio .highlight:hover td, .action-area .panel-heading:hover{background-color: rgb(84, 184, 86)} #content.sc-page .content table.radio .highlight td{border-color: rgb(244, 244, 244)} .checkout-heading, .checkout .panel-heading{background-color: rgb(79, 157, 163)} .checkout-heading{border-color: rgb(79, 157, 163)} .checkout-product thead td, .checkout-product tfoot td{color: rgb(51, 55, 69);background-color: rgb(244, 244, 244)} .checkout-product tbody td{border-color: rgb(244, 244, 244)} .checkout-content, .checkout-page .panel-body{background-color: rgb(255, 255, 255)} .checkout-heading, .checkout .panel-title{color: rgb(255, 255, 255)} .sf-icon:after{background-color: rgb(221, 0, 23);color: rgb(244, 244, 244)} .sf-reset:hover{color: rgb(221, 0, 23)} .sf-price .ui-widget-header{background-color: rgb(0, 0, 0)} .sf-price .value{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0);border-radius: 10px} .sf-reset{color: rgb(42, 43, 46)} .sf-price .ui-slider-handle:hover{background-color: rgb(221, 0, 23)} .sf-price .ui-slider-handle{background-color: rgb(0, 0, 0);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(221, 0, 23)} .sf-icon .sf-reset-icon::after, .sf-reset .sf-reset-icon::after{content: '\e602';font-size: 16px} .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-style: solid;border-color: rgb(244, 244, 244)} .side-column .journal-sf .box ul li{padding-top:2px;padding-bottom:2px;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:20px} .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:300px} .side-column .journal-sf .box ul{padding-top:5px} .journal-sf .sf-manufacturer.sf-image .box-content ul li{width:25%} .journal-sf .sf-category.sf-image .box-content ul li{width:20%} .nav-numbers a{width:20px;height:7px;border-radius: 5px;background-color: rgb(228, 228, 228)} .nav-numbers a:hover, .nav-numbers li.active a{background-color: rgb(221, 0, 23)} .ui-pnotify {display: block !important;background-color: rgb(255, 255, 255)} .ui-pnotify-text img {display: block} .ui-pnotify-title {font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 12px;text-transform: uppercase;letter-spacing: 2px;color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .ui-pnotify-closer{color: rgb(255, 255, 255)} .ui-pnotify-closer:hover{color: rgb(221, 0, 23)} .ui-pnotify-text a{color: rgb(69, 115, 143)} .ui-pnotify-text a:hover{color: rgb(221, 0, 23)} .notification-buttons{display:block} .notification-buttons .notification-cart{color: rgb(255, 255, 255)} .notification-buttons .notification-cart:hover{color: rgb(255, 255, 255)} .notification-buttons .notification-checkout:hover{color: rgb(255, 255, 255)} .notification-buttons .notification-checkout{color: rgb(255, 255, 255)} .block-content{padding:3px;background-color: rgba(244, 244, 244, 0)} .block-content, .side-block-content, .block-content p, .side-block-content p, .block-content p span, .side-block-content p span{font-style: ;font-size: ;text-transform: } .side-column .editor-content h1, .side-column .editor-content h2, .side-column .editor-content h3{padding-bottom:4px;font-weight: 500 !important;font-family: "Ubuntu" !important;font-style: normal !important;font-size: 15px !important;text-transform: none !important} .editor-content p, .side-block-content p{padding-bottom:5px} .side-column .box.cms-blocks .cms-block{margin-bottom:5px} .editor-content h1, .editor-content h2, .editor-content h3, .side-block-content h1, .side-block-content h3, .side-block-content h3{padding-bottom:5px;font-weight: 400 ;font-family: "Ubuntu" ;font-style: normal ;font-size: 18px ;text-transform: none } .side-column .block-content p{line-height:19px} .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.5)} .lg-backdrop{background-color: rgba(0, 0, 0, 0.75)} .lg-toolbar, .lg-sub-html{background-color: rgb(0, 0, 0)} .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-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 25px;text-transform: none;color: rgb(51, 55, 69);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:none;} .product-grid-item .wishlist{display:inline-block} .product-info .product-options > .cart{display:block} .product-info .right .description{display:block} .product-info .right > div > .price{display:block} .product-info .right > div > .options{display:block} .product-info .right .wishlist-compare .links a + a{display:none} .product-info .right .wishlist-compare .links a:first-of-type{display:none;} .product-grid-item .name{display:table} .journal-carousel .product-grid-item .cart{display:block} .journal-carousel .product-grid-item .wishlist{display:none} .journal-carousel .product-grid-item .compare{display:none} .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:none} .side-column .journal-carousel .product-grid-item .compare{display:none} .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:none} .custom-sections .product-grid-item .compare{display:none} .custom-sections .product-grid-item .price{display:inline-block} .custom-sections .product-grid-item .name{display:table} .mega-menu .product-grid-item .cart{display:none} .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:none} .product-list-item .price{display:inline-block} .product-list-item .name{display:table} .product-info .right > div .countdown > span{border-style:solid} .countdown > span{border-style:solid} .expire-text{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;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} .post-wrapper{background-color: rgb(255, 255, 255);padding:5px 5px 0 5px;border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228)} .posts.blog-list-view .post-item-details h2 a{white-space:nowrap} .post-item-details{text-align:center} .posts .post-wrapper h2 a{white-space:nowrap;font-family: Helvetica, Arial, sans-serif;font-weight: normal;font-style: normal;font-size: 16px;text-transform: none} .posts.blog-list-view .post-image{width:30%} .posts.blog-list-view .post-item-details h2 a span{border-bottom-style:solid} .post-details{background-color: rgb(255, 255, 255);padding:10px} .post-stats.comment-date{background-color: rgb(250, 250, 250);padding-left:10px;padding-bottom:10px;padding-top:10px;padding-right:10px} .post-comment h3{text-align:left} .reply-form h3{text-align:left} .comments > h3{text-align:left} .post-details .tags{text-align:left} .post-details, .post-details p, .post-details font, .post-details > span, .post-details p font, .post-details p span{font-size: 15px} .blog-post .social{text-align:left} .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-color: rgb(204, 204, 204);border-style:solid} .journal-checkout .secondary-title{background-color: rgb(255, 255, 255);text-align:left;padding-left:10px;} .one-page-checkout h1.heading-title{text-align:left} .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:solid;border-color: rgb(204, 204, 204)} .journal-checkout .table-responsive{max-height:378px} .journal-checkout .confirm-order{text-align:left} .journal-checkout .confirm-button{border-radius: 0px} #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} .flyout .fly-drop-down ul > li:hover > a, .flyout .fly-drop-down ul > li:hover{background-color: rgb(221, 0, 23)} .flyout-menu .flyout > ul > li > a{border-color: rgb(238, 238, 238);padding-left:0%;border-bottom-style:solid} .fly-drop-down ul{box-shadow:0 1px 8px -3px rgba(0, 0, 0, 0.5)} .flyout .mega-menu-column > div > h3{text-align:left} .flyout-menu .flyout .fly-drop-down ul li{border-bottom-style:solid} .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)} .journal-cart{visibility:visible} .journal-currency{visibility:hidden} .journal-language .dropdown-toggle, .journal-currency .dropdown-toggle, .journal-language .dropdown-menu, .journal-currency .dropdown-menu{color: rgb(255, 255, 255)} .information-page #content p{line-height:24px} .post-module .box-heading{text-align:left} .post-details, .post-details p, .post-details font, .post-details > span, .post-details p font, .post-details p span, .post-details strong{line-height:24px !important} .blog-post .heading-title{text-align:center} .product-grid-item .cart .button:hover i::before{color:rgb(255, 255, 255)} .product-info .right .price-tax{display:none} .column.products .product-grid-item .price, .side-column .oc-module .product-grid-item .price{display:inline-block} .side-column .box-category li a{background-color: rgb(244, 244, 244)} /* 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: 1340px; } .extended-container:before{ display:block; } .product-page div.lg-sub-html{ top:auto; bottom:0; padding: 13px 70px; background-color:; } .product-page .lg-toolbar{ background-color:; } .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:left; } /* Product Grid Shadow */ .product-grid-item .image .label-latest + .label-sale{ top: 5px; margin-top: 0; } .product-grid-item .enquiry-button .button i{ color:rgb(255, 255, 255); } .product-list-item .enquiry-button .button i{ color:rgb(255, 255, 255); } footer .contacts > div > span .contact-icon:hover{ background-color:rgb(221, 0, 23); } .product-grid-item .cart .button-left-icon::before, .product-grid-item .enquiry-button i::before{ margin-right: 6px; } .product-grid-item .cart .button-left-icon{ display:none !important; } .button-right-icon:before{ margin-left: 6px; } /* BLOG */ .post-wrapper{ box-shadow: none; } .post-item .post-wrapper{ box-shadow: none !important; } .blog-list-view .post-wrapper{ box-shadow: none !important; } .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, .product-grid-item .quickview-button .button-right-icon:before{ display:none; } /* 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(221, 0, 23); } .product-grid-item .wishlist .hint--right:before, .product-grid-item .compare .hint--right:before{ border-right-color: rgb(221, 0, 23); } .product-grid-item .wishlist .hint--left:before, .product-grid-item .compare .hint--left:before{ border-left-color: rgb(221, 0, 23); } .product-grid-item .product-details .wishlist, .product-grid-item .product-details .compare, .product-list-item .image .wishlist, .product-list-item .image .compare, .product-grid-item .image .button-wishlist-text, .product-grid-item .image .button-compare-text{ display:none !important; } .product-list-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(176, 158, 102); } .product-list-item .quickview-button .hint--right:before{ border-right-color: rgb(176, 158, 102); } .product-list-item .quickview-button .hint--left:before{ border-left-color: rgb(176, 158, 102); } /* Product Page */ #product-gallery.image-additional-grid a{ width: 25%; } #button-cart .button-cart-text:after{ display:none; } .compare-info td{ border-right-style:solid; } table.list{ border-bottom-style:solid; border-left-style:solid; } table.list td{ border-right-style:solid; border-top-style:solid; } /* Product Labels*/ .label-latest + .label-sale{ top: 40px; } .product-list-item .image .label-latest + .label-sale{ top: 5px; margin-top: 0; } #more-details.hint--top:before{ border-top-color: rgb(221, 0, 23); } .boxed-header header{ max-width:1340px; } .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:; } .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; } #search input{ box-shadow:none; } .autocomplete2-suggestions{ box-shadow:none; } @media only screen and (max-width: 760px) { ul.super-menu > li > a, ul.super-menu > li:hover > a{ color:rgb(255, 255, 255); } ul.super-menu > li, ul.super-menu > li:hover{ background-color:rgb(52, 124, 129); } .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; } } @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(255, 255, 255); } .mobile-menu-on-tablet ul.super-menu > li, .mobile-menu-on-tablet ul.super-menu > li:hover{ background-color:rgb(52, 124, 129); } } @media only screen and (min-width:760px) and (max-width:1355px) { .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: 1340px) { .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: 1355px) { .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,1340px,45px,0px); } .journal-header-default .links .no-link{ border-color:rgb(42, 43, 46)} .journal-header-center #cart .content:before, .oc2 #cart .content .cart-wrapper:before{ color:rgb(244, 244, 244)} .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(119, 119, 119); font-family: inherit; } #search :-moz-placeholder { color:rgb(119, 119, 119); font-family: inherit; } #search ::-moz-placeholder { color:rgb(119, 119, 119); font-family: inherit; } #search :-ms-input-placeholder { color:rgb(119, 119, 119); font-family: inherit; } .compare-info tbody td{ border-left-style:solid; } @media only screen and (max-width: 760px){ #search ::-webkit-input-placeholder { color:; font-family: inherit; } #search :-moz-placeholder { color:; font-family: inherit; } #search ::-moz-placeholder { color:; font-family: inherit; } #search :-ms-input-placeholder { color:; 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(79, 157, 163); border-right-style:solid; } @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(255, 255, 255); } .center-header header #cart, .default-header header #cart{ background-color:rgb(255, 255, 255); } .journal-menu .mobile-menu > li{ border-color:rgb(79, 157, 163); border-style:solid; } } .inline-button .product-details{ padding-bottom:0; } .product-grid-item .cart{ display:inline-block !important; } .mega-menu .product-grid-item .cart{ display:none !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:15px; } html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{ border-right-style:solid; } html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{ border-color:rgb(79, 157, 163); } .mega-menu > div{ margin-bottom:-15px !important; margin-right:-15px; } html[dir="rtl"] .mega-menu-item > div, html[dir="rtl"] #header .mega-menu .product-wrapper{ margin-right:0; margin-left:15px; } .mega-menu .mega-menu-column:last-of-type > div{ margin-right:-15px; } html[dir="rtl"] .mega-menu .mega-menu-column.mega-menu-products > div{ margin-left:-15px; } .mega-menu-column > div > h3, .mega-menu .mega-menu-column .menu-cms-block{ margin-right:15px; } html[dir="rtl"] .mega-menu-column > div > h3, html[dir="rtl"] .mega-menu .mega-menu-column .menu-cms-block{ margin-right:0; margin-left:15px; } .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:-15px; } html[dir="rtl"] .mega-menu .mega-menu-column > div{ margin-left:-15px; margin-right:0; } } .journal-sf .sf-image .box-content ul{ margin-bottom:-7px; margin-right:-7px; } .p-author, .p-posted{ display:none !important; } .p-date{ display:none !important; } .p-comment{ display:none !important; } .comment-date{ 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; } .journal-checkout .coupon-voucher .cvr .checkout-reward{ display:none; } .journal-checkout .coupon-voucher .cvr div.checkout-voucher, .journal-checkout .coupon-voucher .cvr div.checkout-reward{ display:none; } .journal-checkout .coupon-voucher .cvr div.checkout-coupon { padding-right: 0; margin-top: 0; width:100%; } .product-info .right .wishlist-compare{ display:none; } .product-grid-item .price + hr, .product-grid-item .price + .rating + hr{ display:block; } footer .contacts{ text-align:center; } footer .contacts-left, html[dir="rtl"] footer .contacts-left{ float: none; } footer .contacts-right{ display: none; } .has-cta .rotator-tex{ line-height:35px; } footer .contacts .hint--top:before{ border-top-color: rgb(221, 0, 23); } .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(221, 0, 23); } */ .sf-price .value:after{ border-bottom-color:rgb(0, 0, 0); } .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(255, 255, 255); } .journal-header-default .links > a{ border-bottom-color: rgb(42, 43, 46); } } .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:rgb(52, 124, 129); } } .mega-menu{ max-width:1340px; } @media only screen and (max-width: 760px){ .bottom-menu-bar #header .top-menu > li{ border-color:rgb(42, 43, 46); } .bottom-menu-bar #header .journal-links{ background-color:rgb(0, 0, 0); } .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:1340px; 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:; border-color:rgb(204, 204, 204); } .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:; border-color:rgb(204, 204, 204); } } @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:rgb(52, 124, 129); } @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; } } #tabs{ top:; } .product-grid-item.display-icon .wishlist-icon:before, .product-grid-item.display-icon .compare-icon:before{ line-height:30px; } .journal-header-center #cart .heading i{ height:38px; } .journal-desktop .menu-floated .float-left{ border-right-style:solid; } .column.products > h3{ margin-bottom:8px; } .column.products{ padding-bottom:8px; } .side-column .journal-gallery .box-heading{ margin-bottom:10px; } .side-column .box-category > ul li ul li a{ padding-left: 7px; } .side-column .box-category > ul li ul li ul li a{ padding-left: 14px; } .side-column .box-category > ul li ul li ul li ul li a{ padding-left: 21px; } .side-column .box-category > ul li ul li ul li ul li ul li a{ padding-left: 28px; } .side-column .box-category > ul li ul li ul li ul li ul li ul li a{ padding-left: 35px; } @media only screen and (max-width: 1355px) { .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(79, 157, 163); border-style:solid; } .custom-sections .box-heading.box-sections{ border-left-style:solid; } .journal-carousel:not(.journal-gallery) .box-content .swiper-container{ padding: px; margin: -px; } .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{ margin-top:px; } .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:15px; } html[dir="rtl"] .journal-carousel.arrows-top .swiper-button-prev{ right:auto; left:0px; } 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: 70%; } .side-column .box.cms-blocks .box-heading{ margin-bottom:5px; } @media only screen and (min-width: 1355px) { .safari5 #footer, .safari5.boxed-header header{ width: 1340px; } .tp-banner{ height:100% !important; } } @media only screen and (max-width: 1355px) { .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; } } .option li.hint--top:before{ border-top-color:; } @media only screen and (max-width: 470px) { .phone-sticky-cart.menu-cart-off .journal-menu .mobile-trigger{ width:100%; } header .journal-menu .mobile-trigger { width: 50%; margin-top: -40px; z-index: 3; background-color:transparent; } .journal-cart{ z-index:2; background-color:rgb(42, 43, 46) } } .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:; } div.mobile-trigger:before, .mobile-menu-on-tablet div.mobile-trigger:before{ color:; } } .journal-header-center #header .menu-dropdown::before{ border-bottom-color:} .header-notice > div{ max-width:1340px; } @media only screen and (max-width:1355px){ .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; } } .post-item-details .comment-date{ margin:0 auto; } .blog-grid-view .post-button{ align-self:center; } 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: 1355px) { .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:15px; } .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: 1355px) { 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:rgb(255, 255, 255); } div#container, .home-page div#container { margin-top: 0; margin-bottom: 0; box-shadow:none; } .product-grid-item:not(.swiper-slide) { margin-bottom: 20px; } .product-grid-item:not(.swiper-slide) .product-wrapper, .ias-button, .ias-loader, .ias-noneleft{ margin-right: 20px; } .product-grid, #content .box-product{ margin-right: -20px; } } .button:active{ box-shadow:; } #column-left .oc-module .product-details{ max-width:145px; } #column-right .oc-module .product-details{ max-width:145px; } /* Custom CSS */ @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700"); @import url("https://fonts.googleapis.com/css?family=Source+Serif+Pro:300,400,600"); body { font-family: 'Open Sans', 'Noto Sans TC', 'Noto Sans SC', sans-serif; font-weight: normal; font-size: 15px !important; line-height: 1.9em; } .flyout .fly-drop-down ul>li:hover>a, .flyout .fly-drop-down ul>li:hover { background-color: transparent; } #logo a img.logo-1x { padding: 5px 0; } .journal-header-center .journal-top-header { border-bottom: 0; } .editor-content p, .side-block-content p { padding-bottom: 0; } .side-blog .box-post { padding: 0; } .route-product-download .breadcrumb { display: none !important; } .route-product-download .search-page .journal-cms-block-274 { display: block !important; } .search-page .journal-cms-block-274 { display: none !important; } .category-page-270 #content>.refine-images { display: none !important; } .route-product-search h2:nth-child(2), .route-product-search .content:nth-child(3), .route-product-search .buttons:nth-child(5) { display: none !important; } .action-area { display: none; } .top-menu-link { font-size: 14px; } .route-checkout-cart .heading-title { display: block !important; padding: 0 10px; background: transparent; } #coupon, #voucher { display: block !important; } .route-information-information .cms-block { margin-bottom: 0; } #content .related-products .box-heading { margin-bottom: 0; background: transparent; margin-top: 20px; } .social-loaded>span.st_fblike_hcount { margin-top: 6px !important; } .social-loaded>span.st_fblike_hcount span { padding: 2px 0px !important; } .addthis_inline_share_toolbox_ut92 { margin-top: 20px; } .category-page-175_189 #column-left { display: none; } .category-page-175_189 #column-left+#content { margin-left: 0; } /*.posts{ margin: 0 -20px 0 0;}*/ .journal-blog-page-14 .posts { margin: 0 -20px 0 0; } .information-page-58 .breadcrumb, .information-page-39 .breadcrumb, .information-page-36 .breadcrumb, .information-page-42 .breadcrumb, .information-page-54 .breadcrumb, .information-page-11 .breadcrumb, .information-page-59 .breadcrumb, .information-page-51 .breadcrumb { display: none !important; } /*#header .top-menu > li:first-child{margin-right:40px;}*/ .journal-blog-post-page .addthis-smartlayers-desktop { display: none; } .box-search input { border: 1px solid #000; font-size: 15px; } .box-search a { border-color: #000000; } .box-search a:before { color: #000; } .journal-blog-page #column-left { width: 220px; margin-right: 20px; position: relative; z-index: 9999; } .post-button { font-size: 16px; } .journal-blog-post-page .heading-title { display: block !important; padding-bottom: 0; font-size: 24px; font-weight: 400; text-align: center; } .bottom_block .right .right_1 .right_1_item_2 a span { font-size: 18px; background: rgba(0, 0, 0, 0.3); display: block; width: 100%; height: 100%; margin-top: 0; padding-top: 15%; } .bottom_block .right .right_2 .right_2_item_2 img { height: auto !important; } .journal-blog-page-19 .buttons { display: none; } .journal-blog-page-19 .static-banner { height: 300px; } /*.route-product-category .static-banner>a,*/ .route-product-category #content .static-banner>a { clear: both; overflow: hidden; height: 420px; display: flex; align-items: center; } .journal-blog-page-19 .static-banner>a { height: 300px; width: 100%; display: flex; border: 1px solid #ddd; align-items: center; justify-content: center; } .journal-blog-page-19 .static-banner img { float: none !important; max-width: 100%; width: auto !important; max-height: 100%; } .journal-blog-page-19 .static-banner { margin-bottom: 60px !important; } .journal-blog-page-19 .static-banner>div { text-align: center; padding: 10px; } #imgPreview { text-align: left; margin: 0 0 10px !important; width: 300px !important; display: flex; justify-content: center; align-items: center; } .t-span-3>form>input, .t-span-3>input[type="submit"] { display: block; border-radius: 10px; padding: 2px 10px; margin-bottom: 5px; border: 1px solid #b5b3b3; cursor: pointer; box-shadow: 1px 1px 1px #ddd; } .t-span-3>form>input:hover, .t-span-3>input[type="submit"]:hover { background-color: rgba(131, 196, 73, 0.82); } #img3 { margin: auto !important; } #imgPreview img { max-width: 100%; } #imgSpan { position: absolute; top: 0 !important; left: 0 !important; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; cursor: pointer; } .route-product-download .name a { color: rgb(80 51 122); } .route-product-download_detail .right a>h1 { background: #347c81; border-radius: 30px; color: #fff; width: 200px; font-size: 16px; margin: auto; line-height: 50px; padding: 0; margin-bottom: 10px; font-weight: 400; } .route-product-download_detail .right>a { transition: 0.3s all; } .route-product-download_detail .right>a:hover h1 { background: rgba(52, 124, 129, 0.82); } .journal-blog-page.extended-layout #column-left { padding-top: 0 !important; } .journal-blog-page.extended-layout #column-left+#content { padding-left: 0; padding-top: 0; } .journal-blog-post-page-230 .bodycopy p img { width: 24% !important; } .android .product-grid-item .cart .button i { display: inherit !important; } .pv { width: 20%; float: left; min-height: 220px; } /*2020/4/9*/ .category-page-178 .refine-image a .refine-category-name { font-size: 40px !important; } .journal-blog-page-11 .extended-container:before { background-color: #fff; } /*2020/4/9*/ /*2020/4/7*/ #tabs a, #tabs li a { min-width: 120px; box-shadow: none; background: #f4f4f4; color: #347c81; border-bottom: 1px solid rgb(52, 124, 129); border-left: 1px solid #fff; font-size: 14px; } .refine-image a:hover .refine-category-name { color: rgb(88, 143, 39); } .refine-image a .refine-category-name { font-size: 14px !important; } .refine-image a { border: 1px solid #ddd; padding: 0; } /*2020/4/7*/ .post-details h2 { padding: 20px 0; } .brand_more h3 { color: #347c81 } .start_div { clear: both; overflow: hidden; } .bottom-footer .payments { margin-top: 5px; } .bottom-footer .payments img { max-height: 50px; margin-top: 0; } .product-page .heading-title { display: block !important; display: block !important; background: transparent; line-height: 24px; padding: 0; font-size: 22px; margin-bottom: 10px; } .product-page .journal-custom-tab ul:not(.c83) { margin-left: 24px !important; } .product-page .journal-custom-tab ul li { margin-left: 0 !important; padding-left: 0 !important; } .drop-down ul li a { padding: 11px 9px 12px 9px; } .journal-blog-page-30 #column-left.flyout-left { float: left !important; margin-right: 20px; } .journal-blog-page-30 .posts { margin: 0 -20px 0 0; } .journal-blog-page #column-left+#content { margin-left: 0 !important; } @media only screen and (max-width: 760px) { #column-left, #column-right, .column-left-bg, .column-right-bg { display: block !important; width: 94%; } .journal-blog-page #column-left+#content { padding-top: 20px !important; } .journal-blog-page #column-left, #column-right, .column-left-bg, .column-right-bg { display: block !important; padding-bottom: 0; width: 94%; } footer .bottom-footer .payments img { max-height: 40px; margin-top: 0; margin-bottom: 0; } } .route-product-download .product-list-item .product-details { margin-left: 0; } body { font-family: "微软雅黑", "Nunito Sans", Helvetica, Arial, sans-serif !important; } p>video { display: block; margin: auto; padding: 20px 0; outline: none; } .journal-blog-post-page iframe { width: 50% !important; height: 340px !important; } /*.information-page-32 p>video{display: initial!important;} video:-webkit-full-page-media{background:#fff!important;}*/ .farm_item video { border: 1px solid #ddd; background: #000; } .super-menu>li>a { font-family: "微软雅黑", "Nunito Sans", Helvetica, Arial, sans-serif !important; font-size: 13px; text-transform: inherit; color: #333; } footer .column>h3, .journal-newsletter.text-top .newsletter-text, .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-family: "微软雅黑", "Nunito Sans", Helvetica, Arial, sans-serif !important; } #content.search-page .content input[type='checkbox'] { float: none !important; } .mobile-trigger, .mobile-menu-on-tablet .mobile-trigger { color: #fff; } .information-page-9 .extended-layout #content { margin: 0 20px !important; } .brand-img { padding: 0 20px 10px 0 !important; } .journal-cart { visibility: visible; } .catalog-cart .journal-cart { display: block; } .single-section .box-heading ul li a { text-align: center; } html:lang(en) .super-menu>li>a { letter-spacing: 0; font-weight: 400; } .super-menu { border-left-width: 0; border-right-width: 0; } ul.super-menu>li:first-of-type { border-left-width: 1px; } ul.super-menu>li:last-of-type { border-right-width: 0; } .heading-title { display: none !important; } .journal2_custom_sections { background: #fff; } .box-sections ul li { font-size: 20px; letter-spacing: 0.2px; } .headline-mode .rotator-text span { font-size: 20px !important; letter-spacing: 0.2px; padding: 0; line-height: 38px; min-height: 38px; color: #fff; } .quote { background-color: rgb(52, 124, 129); } /*****關於我們*****/ .section { margin: 20px 0 53px 0; clear: both; overflow: hidden; } .span_1_of_2_left { width: 50%; float: left; position: relative; left: 40px; } .span_1_of_2_left { text-align: left; } .span_1_of_2_right { width: 50%; float: left; } .span_1_of_2_right .about-text { text-align: center; padding-top: 100px; } .span_1_of_2_right .about-text p { line-height: 60px !important; font-size: 16px; } html:lang(en) .span_1_of_2_right .about-text p { line-height: 40px !important; } .section-group { clear: both; overflow: hidden; margin: 40px 0; } .ul-item1, .ul-item2, .ul-item3 { padding: 0; } /* .span_1_of_3{width: calc((100% - 60px) / 3); float: left; margin-right:30px;}*/ .span_1_of_3:last-child { margin-right: 0; } .color-muldle { /* width:300px; height:400px;*/ width: 580px; height: 380px; background: rgb(52, 124, 129); position: absolute; z-index: -1; left: 0px; bottom: 48px; } .jiao { position: absolute; right: 0; text-align: right; } .jiao img { width: 40%; } .span_1_of_2_right .about-text { padding: 100px; } @media screen and (min-width:980px) { html:lang(en) footer .column>h3 { min-height: 57px; } } /*@media screen and (min-width:1700px) and (max-width:1920px){ .tp-banner-container{height:550px!important;} } @media screen and (min-width:1600px) and (max-width:1700px){ .tp-banner-container{height:500px!important;} } @media screen and (min-width:1440px) and (max-width:1600px){ .tp-banner-container{height:450px!important;} }*/ @media screen and (min-width:1250px) and (max-width:1440px) { .tp-banner-container { height: 400px !important; } } @media screen and (min-width:1180px) and (max-width:1250px) { .tp-banner-container { height: 350px !important; } } @media screen and (min-width:980px) and (max-width:1180px) { .tp-banner-container { height: 320px !important; } } @media screen and (min-width:880px) and (max-width:980px) { .tp-banner-container { height: 300px !important; } } @media screen and (min-width:760px) and (max-width:880px) { .tp-banner-container { height: 280px !important; } } @media screen and (min-width:640px) and (max-width:760px) { .tp-banner-container { height: 220px !important; } } @media screen and (min-width:480px) and (max-width:640px) { .tp-banner-container { height: 200px !important; } } @media screen and (min-width:414px) and (max-width:480px) { .tp-banner-container { height: 200px !important; } } @media screen and (min-width:320px) and (max-width:414px) { .tp-banner-container, .tp-banner { height: 180px !important; } } @media screen and (max-width:1440px) { .color-muldle { /** left: 20px !important; bottom: 350px !important;**/ left: 12px !important; bottom: 60px !important; } .jiao { position: absolute; right: 20px; text-align: right; } } @media screen and (max-width:1024px) { .systext p img { width: 30% !important; } .color-muldle { /* left: 20px !important; bottom: 300px !important;*/ left: 43px !important; bottom: 50px !important; width: 420px; height: 280px; } .jiao { position: absolute; right: 20px; text-align: right; } .span_1_of_2_right .about-text { padding: 50px; } } @media screen and (max-width:950px) { .color-muldle { left: 20px !important; bottom: 285px !important; } .span_1_of_2_right .about-text p { line-height: 40px !important; font-size: 16px; } .span_1_of_2_right .about-text { padding: 120px 50px; } .span_1_of_2_left { left: 14px !important; } } @media screen and (max-width:980px) { .olis_layout div { min-height: 280px !important; } html:lang(en) .olis_layout div { min-height: 320px !important; } .others-frams .fram-item { width: calc((100% - 60px) / 3) !important; } .fram-box.others-frams .fram-item:nth-child(even) h3 { left: 0; } .fram-box.others-frams .fram-item .left h3 { position: inherit; } .fram-box.others-frams .fram-item .left h3 a { color: #333; font-size: 16px; font-weight: 400; } .fram-box.others-frams .fram-item .left { padding: 0 !important; } .fram-box.others-frams .fram-item .left img { width: 100% !important; } .fram-box.others-frams .fram-item { padding-bottom: 0; } .color-muldle { display: none; left: 195px !important; bottom: 645px !important; } .span_1_of_2_left { float: none; width: 100%; text-align: center; } .span_1_of_2_right { float: none; width: 100%; position: relative; } .jiao { display: none; position: absolute; right: 20px; text-align: right; top: 30px; } .span_1_of_2_right .about-text p { line-height: 40px !important; font-size: 16px; } .span_1_of_2_right .about-text { padding: 20px; } .span_1_of_2_left { left: 0 !important; } .section { margin: 20px 0 40px 0; } .section-group { margin: 0; } .section-group .span_1_of_3 { margin: 0 auto; width: 80%; float: none; margin-bottom: 20px; } } .about-text p strong { font-size: 24px; } /*****表格*****/ @media screen and (max-width:980px) { .shop-enquiry .form-box { width: 100% !important; } } @media screen and (max-width:480px) { .heading-title, .box-heading { white-space: inherit; } .journal-blog-page-36 #content { float: none; width: 100% !important; } .information-page-38 .code-box .scan-code p { font-size: 14px; } .information-page-38 .code-box .scan-code { margin-bottom: 20px; } .information-page-38 .code-box>p { font-size: 14px; text-align: left; padding-bottom: 5px; } /*.journal-blog-page-19 .static-banners .box-heading { margin-bottom: 80px; margin-top: 0!important; margin-right: 20px; }*/ .systext p img { width: 100% !important; } .journal-blog-post-page-230 .bodycopy p img { width: 49% !important; } .pv { width: 50%; float: left; } .brand_right_img img, .brand_right img { display: block; margin: auto; } .brand_right img, .brand_right_img img { max-width: 320px !important; } .product-page iframe, .journal-blog-post-page iframe { width: 100% !important; height: 200px !important; } p>video { height: auto; width: 100%; } .farm_item video { height: 230px; } .video-page p video { width: 100%; height: 230px; } .huiyuan-layout .huiyuan-box { margin-top: 20px !important; } .contact-title { font-size: 16px !important; margin: 10px 0; } } .checkout a { color: #FFFFFF; } .post-button { width: 100%; } .olis-box { clear: both; overflow: hidden; } .olis-box .olis-item { width: calc((100% - 30px) / 3); float: left; padding: 20px; height: 380px; box-shadow: 0 2px 17px 0 rgba(52, 124, 129, 0.24); border-radius: 16px; margin: 5px; } .olis-box .olis-item:nth-child(odd) { background: #FFFFFF; color: rgb(52, 124, 129); } .olis-box .olis-item:nth-child(even) { background: rgb(52, 124, 129); color: #fff; } .olis-box:nth-child(5) { padding-top: 40px; } .olis-item u { font-size: 18px; } html:lang(en) .olis-box .olis-item { width: calc((100% - 30px) / 3); float: left; padding: 20px; height: 450px !important; box-shadow: 0 2px 17px 0 rgba(52, 124, 129, 0.24); border-radius: 16px; margin: 5px; } @media screen and (max-width:980px) { html:lang(en) .olis-box .olis-item { width: calc((100% - 30px) / 2); } .olis-box .olis-item { width: calc((100% - 30px) / 2); } } @media screen and (max-width:640px) { html:lang(en) .olis-box .olis-item { width: 100%; height: 400px; } html:lang(en) .olis-box .olis-item p { font-size: 14px; } html:lang(en) .olis-item u { font-size: 16px; } .olis-box .olis-item { width: 100%; } .olis-box .olis-item p { font-size: 14px; } .olis-item u { font-size: 16px; } } .fram-box .fram-item { position: relative; /* clear:both; */ overflow: hidden; background: rgb(255, 252, 246); margin: 0 0 20px 0; box-shadow: 0 7px 12px 0 rgba(236, 236, 236); } .fram-box .fram-item:nth-child(even) h3 { position: absolute; color: #fff; font-size: 60px; top: 0; left: 0; width: 100%; height: 100%; align-items: center; display: flex; justify-content: center; text-align: center; } html:lang(en) .fram-box .fram-item:nth-child(even) h3 { position: absolute; color: #fff; font-size: 60px; top: 0; left: 0; width: 100%; height: 100%; align-items: center; display: flex; justify-content: center; text-align: center; } html:lang(en) .fram-box .fram-item:nth-child(odd) h3 { position: absolute; color: #fff; font-size: 60px; top: 0; left: 0; width: 100%; height: 100%; align-items: center; display: flex; justify-content: center; text-align: center; } .fram-box .fram-item:nth-child(odd) h3 { position: absolute; color: #fff; font-size: 60px; top: 0; left: 0; width: 100%; height: 100%; align-items: center; display: flex; justify-content: center; text-align: center; } /*.fram-box .fram-item:nth-child(even) .left{float: left; width: 30%; position: relative;}*/ .fram-box .fram-item:nth-child(even) .left img { width: 100%; max-width: 100%; } .fram-box .fram-item:nth-child(even) .right { float: right; width: 70%; } /*.fram-box .fram-item:nth-child(odd) .left{float: right; width: 30%; position: relative;}*/ .fram-box .fram-item:nth-child(odd) .left img { width: 100%; max-width: 100%; } .fram-box .fram-item:nth-child(odd) .right { float: left; width: 70%; } /*.fram-box .fram-item .left,.fram-box .fram-item .right{height:200px; }*/ .fram-box .fram-item p { font-size: 16px; text-align: center; display: inline-block; text-align: left; } .fram-box .fram-item .right { text-align: center; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .fram-box h2 { padding: 20px; text-align: center; font-size: 28px; } @media 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(53 53 53); } .journal-menu .mobile-menu>li .mobile-plus { background-color: transparent !important; color: rgb(53 53 53) !important; } .mobile-menu-on-tablet ul.super-menu>li, .mobile-menu-on-tablet ul.super-menu>li:hover { background-color: rgb(193 219 214); } .fram-box .fram-item { padding: 0 !important; } .fram-box .fram-item .left { padding: 0 !important; } .mobile-menu-on-tablet header .journal-menu .mobile-menu>li .mobile-plus { background-color: rgb(52, 124, 129); width: 38px; height: 38px; } /*contact us*/ .contact-method-box .box-item:last-child div p span { width: 100% !important; float: none !important; display: block; } .contact-method-box .box-item:last-child div p em { width: 100% !important; float: none !important; display: block; } .fram-box .fram-item { padding-bottom: 40px; } .fram-box .fram-item:nth-child(even) h3 { position: absolute; color: rgb(52, 124, 129); background: transparent; padding: 5px 10px; top: inherit; bottom: 10px; left: 10%; font-size: 16px; } .fram-box .fram-item:nth-child(even) .left { padding: 20px 20px 0 20px; } .fram-box .fram-item:nth-child(odd) h3 { position: absolute; color: rgb(52, 124, 129); background: transparent; padding: 5px 10px; top: inherit; bottom: 10px; right: 10%; font-size: 16px; } .fram-box .fram-item:nth-child(odd) .left { padding: 20px 20px 0 20px; } html:lang(en) .fram-box .fram-item { padding-bottom: 40px; } html:lang(en) .fram-box .fram-item:nth-child(even) h3 { position: absolute; color: rgb(52, 124, 129); background: transparent; padding: 5px 10px; top: inherit; bottom: 10px; left: 20px; font-size: 16px; text-align: left; } html:lang(en) .fram-box .fram-item:nth-child(even) .left { padding: 20px 20px 0 20px; } html:lang(en) .fram-box .fram-item:nth-child(odd) h3 { position: absolute; color: rgb(52, 124, 129); background: transparent; padding: 5px 10px; top: inherit; bottom: 10px; right: 20px; font-size: 16px; text-align: right; } html:lang(en) .fram-box .fram-item:nth-child(odd) .left { padding: 20px 20px 0 20px; } } @media only screen and (max-width:768px) { .carousel-391 { margin-bottom: 10px; border-bottom: 1px solid #347c81; } .fram-box .fram-item { padding-bottom: 0; } .olis_layout div { width: calc(100% - 80px) !important; min-height: 200px !important; height: auto !important; } /* .olis_layout div:nth-child(odd){margin-right:0!important;}*/ html:lang(en) .olis_layout div { margin: 40px !important; } } @media only screen and (max-width: 760px) { .phone-sticky-cart.menu-cart-off .journal-menu { z-index: 9999; position: fixed; top: 0; width: 100%; box-shadow: none; } .journal-header-center .links { float: right !important; } .journal-header-center .journal-cart { background-color: transparent !important; z-index: 99; } #cart .heading i { background-color: transparent; } .center-header header #cart, .default-header header #cart { background-color: transparent; } #cart .heading i:before { color: #fff; top: 0; } .journal-header-center .journal-cart #cart .heading i { float: right; } } @media only screen and (max-width:640px) { .fram-box .fram-item .left { width: 100% !important; float: none !important; height: auto !important; text-align: center; } .fram-box .fram-item .left img { width: 100% !important; } .fram-box .fram-item h3, .fram-box .fram-item:nth-child(even) h3 { position: inherit !important; text-align: center; left: 0 !important; } .fram-box .fram-item:nth-child(even) .right { float: none; width: 100%; } .fram-box .fram-item:nth-child(odd) .right { float: none; width: 100%; } .fram-box .fram-item p { text-align: center; } .fram-box .fram-item .left, .fram-box .fram-item .right { height: auto; } .fram-box .fram-item .right { padding: 0 0 20px 0; } html:lang(en) .fram-box .fram-item:nth-child(even) h3 { margin: 0 auto; text-align: center; } html:lang(en) .fram-box .fram-item:nth-child(odd) h3 { margin: 0 auto; text-align: center; } } @media only screen and (max-width:480px) { .fram-box .fram-item { float: left; width: calc((100% - 40px) / 2) !important; } .fram-box .fram-item .left img { width: 100% !important; } } /*精油妙用**/ .information-page-19 .box-heading { background: #fff; padding-bottom: 10px; } .information-page-19 .box-heading li a { color: rgb(51, 55, 69); font-size: 26px; } h1 { text-align: center; padding: 20px 0; font-size: 26px; } .olis_layout { clear: both; overflow: hidden; margin: 20px 0 40px 0; } .olis_layout div { width: calc((100% - 240px) / 3); float: left; padding: 30px; box-shadow: 0 2px 12px 0 #ddd; min-height: 240px; margin-bottom: 20px; background: #f6fff8; position: relative; } .olis_layout div span { position: absolute; display: block; padding: 10px 15px; background: #357c80; color: #fff; font-size: 24px; text-align: center; top: -30px; left: -20px; } .olis_layout div:nth-child(even) span { position: absolute; display: block; padding: 10px 15px; background: #a3ce49; color: #fff; font-size: 24px; text-align: center; top: -30px; left: -20px; } .olis_layout div:nth-child(odd) { color: #357c80 !important; background: #f8f9fb; } .olis_layout div:nth-child(even) { color: #a3ce49 !important; background: #f6fae9; } .olis_layout div { margin: 40px; } html:lang(en) .olis_layout div { margin: 20px; width: calc((100% - 120px) / 3); min-height: 300px; padding: 30px 20px; margin: 40px 20px !important; } html:lang(en) .olis_layout div ol { padding-left: 20px; margin-top: 0; } .olis_layout div h3 { font-weight: 400; padding-bottom: 8px; margin-top: 10px; } /*新闻文章*/ @media screen and (max-width:480px) { .journal-blog-post-page-4 .post-details { padding: 20px !important; } } .journal-blog-post-page-4 .post-details { padding: 40px 80px; } .post-item-details .post-text { display: none; } .account-page #content .content .form input { border: 1px solid #7b7b7b; } .account-page #content .content select { border: 1px solid #7b7b7b; } /*home*/ .home-page .custom-sections .box-heading.box-sections { display: none; } .home-page .block-content { background-color: #fff; } .home-page .journal-rotator { display: none; } .top_block { clear: both; position: relative; } .top_block .top_left { float: left; width: 45%; z-index: 99; position: relative; } .top_block .top_left img { max-width: initial !important; width: 580px; } .top_block .top_right { float: left; width: 50%; padding: 30px 0 30px 0; text-align: left; box-sizing: border-box; margin-top: 15%; z-index: 0; } .top_block .top_right .top_text { display: inline-block; text-align: left; } .top_block .top_right ul { display: inline-block; margin: 0; padding-left: 90px; } .top_block .top_right ul li { line-height: 32px; font-size: 16px; } .top_block .top_right .top_text span { display: inline-block; width: 100px; height: 100px; border-radius: 50%; background: #a3ce49; color: #fff; font-size: 18px; text-align: center; align-items: center; line-height: 100px; position: absolute; right: -52px; bottom: -42px; } .mid_title { clear: both; text-align: center; position: relative; color: #357c82; margin: 40px 0; } .mid_title h1 { font-weight: 400; color: #357c82; background: url(/image/data/website/page-pic/frame_1-01-01.png)no-repeat; background-size: 100%; padding: 43px 50px 50px; display: inline-block; font-size: 30px !important; } html:lang(en) .mid_title h1 { padding: 58px 50px 59px; } /*成為會員*/ .member_form { width: 100%; background: url(/image/data/website/page-pic/bg.jpg); background-size: cover; color: #fff; text-align: center; margin-top: 40px; } .member_form h1 { letter-spacing: 0.5px; font-size: 36px; } .member_form p { letter-spacing: 0.5px; } .member_form form { display: inline-block; text-align: center; padding-top: 20px; width: 28%; } .member_form form .c-u-text { padding-bottom: 10px; clear: both; overflow: hidden; } .member_form form .c-u-text input { font-size: 16px; padding: 10px; background: rgba(255, 255, 255, 0.6); border: 0; width: 70%; float: right; } .member_form form .c-u-text label { padding: 0 10px 0 0; line-height: 40px; font-size: 16px !important; width: 20%; text-align: right; width: 30%; float: left; } .member_form form .form-sub { font-size: 18px; padding: 6px 25px; color: #fff; background: #357c82; border: 0; border-radius: 25px; margin: 10px 0 20px 0; cursor: pointer; } .journal-cms-block-244.box { max-width: 1220px; margin: 0 auto; } .journal-cms-block-247.box { max-width: 1220px; margin: 0 auto; padding-bottom: 40px; } .journal-cms-block-244.box .blocks { padding: 40px; } .journal-cms-block-244.box .blocks .cms-block { margin: 0; } .journal-cms-block-245.box .blocks .cms-block { margin-bottom: 0; } .journal-cms-block-245.box .blocks .cms-block span { padding: 0; font-size: 20px; } .home-page #container { /* max-width: 100%; */ /* remove it coz of homepage layout distorted when only 2 movies displayed */ } .home-page .custom-sections.section-product { max-width: 1220px; margin: 0 auto 40px; } .bottom_block .left { float: left; width: 50%; height: 400px; position: relative; border: 1px solid #ddd; border-bottom: 0; } .bottom_block img { max-width: 100%; max-height: 100%; } .bottom_block .right { float: right; width: 50%; height: 400px; } .bottom_block .left img { width: 280px; display: block; margin: 0 auto; padding: 20px 0; } .bottom_block .left p { height: 100%; } .bottom_block .left a { font-size: 24px; font-weight: 400; line-height: 45px; height: 45px; text-align: center; background: #357c82; color: #fff; position: absolute; width: 100%; bottom: 0; } .bottom_block .right .right_1 { height: 200px; clear: both; overflow: hidden; } .bottom_block .right .right_2 { height: 200px; clear: both; overflow: hidden; } .bottom_block .right img { display: block; margin: 0 !important; width: 100%; } .bottom_block .right .right_1 .right_1_item_1 { width: 50%; height: 200px; float: left; overflow: hidden; position: relative; } .bottom_block .right .right_1 .right_1_item_2 { width: 50%; height: 200px; float: left; overflow: hidden; position: relative; } .bottom_block .right .right_1 .right_1_item_1 a { color: #fff; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; background: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; } .bottom_block .right .right_1 .right_1_item_2 a { color: #fff; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; background: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; } .bottom_block .right .right_1 .right_1_item_2 a span { font-size: 24px; font-weight: 400; display: block; } .bottom_block .right .right_1 .right_1_item_2 a i { font-size: 20px; line-height: 32px; } .bottom_block .right .right_2 .right_2_item_1 { width: 50%; height: 200px; float: right; overflow: hidden; position: relative; } .bottom_block .right .right_2 .right_2_item_1 a span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; padding-top: 50px; font-size: 24px; } .bottom_block .right .right_2 .right_2_item_2 { width: 50%; height: 200px; float: left; overflow: hidden; background: #357c82; color: #FFFFFF; padding-top: 20px; } .bottom_block .right .right_2 .right_2_item_2 h2 { font-weight: 400; text-align: center; font-size: 24px; } .bottom_block .right .right_2 .right_2_item_2 img { margin: 0 auto !important; width: fit-content; } .journal-blog-page-15 .breadcrumb, .journal-blog-page-16 .breadcrumb, .journal-blog-page-18 .breadcrumb, .information-page-28 .breadcrumb, .information-page-30 .breadcrumb, .information-page-31 .breadcrumb, .information-page-32 .breadcrumb, .information-page-55 .breadcrumb, .information-page-52 .breadcrumb, .information-page-53 .breadcrumb, .information-page-56 .breadcrumb, .information-page-57 .breadcrumb { display: none !important; } .information-page-28 .extended-container:before { display: none !important; } .journal-blog-post-page-31 .breadcrumb li:nth-child(2) { display: none !important; } .journal-blog-post-page .breadcrumb li:nth-child(2), .journal-blog-page .breadcrumb a:nth-child(2) { display: none !important; } .journal-blog-page .breadcrumb a:nth-child(3) { position: absolute; left: 40px; background: #fff; top: 1px; } html:lang(en) .journal-blog-page .breadcrumb a:nth-child(2) { display: none; } html:lang(en) .journal-blog-page .breadcrumb a:nth-child(3) { position: absolute; left: 50px !important; background: #f4f4f4; top: 1px; } /*安全使用指引*/ .q_box { margin-bottom: 10px; cursor: pointer; } .q_box h3 { padding: 10px; background: #347c81; border-radius: 8px; color: #fff; } .a_text { padding: 10px; line-height: 36px !important; font-size: 16px; box-shadow: 0 2px 12px 0 #cac5c5; border-radius: 8px; } /*.use_item{ width: calc((100% - 60px) / 3); float: left; margin: 10px; position: relative; transform: perspective(800px) rotateY(0deg); backface-visibility: hidden; transition: all 500ms ease; position: relative; } .use_item img{ max-width: 100%; } .use_item .text_top{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding:20px; text-align: center; font-size: 24px; color: #fff; background: rgba(0, 0, 0, 0.4); box-sizing: border-box; } .use_item .text_top p{ font-size: 16px; } .use_item .use_text{ display: block; position: absolute; top: 0; left: 0; background:#fff; width:100%; height:100%; } .use_item .use_text ul li{ font-size:14px; } .use_item .use_text{ position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; margin: 0; padding: 20px; backface-visibility: hidden; transform: translateZ(2px) rotateY(180deg); backface-visibility: hidden; transition: all 500ms ease; box-sizing: border-box; font-size: 14px; line-height: 24px; color: #fff; } .use_item:hover .use_text{transform: perspective(800px) rotateY(0deg);} .use_item:hover .text_top{display: none;} .use_item{height:260px;}*/ .content_box { margin-bottom: 40px; clear: both; overflow: hidden; } /*language*/ .qian .lan:nth-child(2) { padding-top: 0; } .lang-new { line-height: 40px; } .qian { list-style: none; display: inline-block; padding: 0; margin: 0; } .qian .lan a { color: #fff; } .lan { float: left; color: #fff; } .lan:after { content: "/"; padding: 0 2px; color: #fff; } .lan:last-child:after { display: none; } .journal-language { z-index: 3; width: inherit; left: 53% !important; } @media only screen and (max-width: 1293px) and (min-width: 1000px) { .qian { list-style: none; display: inline-block; width: 150px; } .lan { float: left; } } @media only screen and (max-width: 880px) { .qian { list-style: none; display: inline-block; width: 200px; } .lan { float: left; } .lang-new { margin-left: 0px; } } @media only screen and (max-width: 790px) { .qian { list-style: none; display: inline-block; width: 116px; } .lan { float: left; } .lang-new { margin-left: 10px; } .journal-language { z-index: 999; position: absolute; top: 0; min-width: 40px; left: 68% !important; } } @media only screen and (max-width: 890px) { .qian { list-style: none; display: inline-block; width: 117px; } .lan { float: left; } } @media only screen and (max-width: 999px) and (min-width:881px) { .qian { list-style: none; display: inline-block; width: 210px; } .lan { float: left; } .lang-new { margin-left: -30px; } } @media only screen and (max-width:1024px) { html:lang(en) .olis_layout div { margin: 20px; width: calc((100% - 120px) / 3); min-height: 320px; padding: 30px 20px; margin: 40px 20px !important } .olis_layout div { width: calc((100% - 180px) / 3); padding: 30px 20px; min-height: 250px; position: relative; margin: 40px 30px !important; } .extended-layout #content { padding: 10px 20px 0 20px; } .text_info { margin: 0; padding-left: 10px; } .others-frams .fram-item .left a { font-size: 45px; } .farm_item iframe { height: 500px; } .home-page div#content { padding: 0 !important; } .top_block .top_left img { max-width: initial !important; width: 500px; } .top_block .top_right ul li { line-height: 28px; font-size: 16px; } .top_block .top_right { padding: 20px 0 20px 0; } .bottom_block .left { float: left; width: 50%; height: 320px; position: relative; border: 1px solid #ddd; border-bottom: 0; } .bottom_block .right { float: right; width: 50%; height: 320px; } .bottom_block .right .right_1 { height: 160px; } .bottom_block .right .right_1 .right_1_item_1 { width: 50%; height: 160px; float: left; overflow: hidden; } .bottom_block .right .right_1 .right_1_item_2 { width: 50%; height: 160px; float: left; overflow: hidden; position: relative; } .bottom_block .right .right_2 { height: 180px; } .bottom_block .right .right_2 .right_2_item_1 { width: 50%; height: 100%; float: right; overflow: hidden; } .bottom_block .right .right_2 .right_2_item_2 { width: 50%; height: 100%; float: left; overflow: hidden; background: #357c82; color: #FFFFFF; padding-top: 20px; } .bottom_block .left img { width: 210px; display: block; margin: 0 auto; padding: 20px 0; } .bottom_block { clear: both; overflow: hidden; padding: 0 20px; } .member_form form .c-u-text label { width: 40%; } .member_form form .c-u-text input { width: 60%; } } @media only screen and (max-width:768px) { .route-product-download_detail iframe { width: 100%; height: 250px; } /*.use_item { width: calc((100% - 40px) / 2); float: left; }*/ .contact-method-box .box-item div p span { width: 100% !important; float: none !important; display: block; } .contact-method-box .box-item div p em { width: 100% !important; float: none !important; display: block; } .top_block .top_right .top_text span { display: inline-block; width: 80px; height: 80px; border-radius: 50%; background: #a3ce49; color: #fff; font-size: 16px; text-align: center; align-items: center; line-height: 80px; position: absolute; right: -40px; bottom: -40px; } .top_block .top_right ul { display: inline-block; margin: 0; padding-left: 80px; } .top_block .top_right { float: left; width: 55%; text-align: left; box-sizing: border-box; margin-top: 15%; z-index: 0; } .top_block .top_left img { max-width: initial !important; width: 360px; } .top_block .top_right ul li { line-height: 28px; font-size: 14px; } .bottom_block .left { float: left; width: 50%; height: 240px; position: relative; border: 1px solid #ddd; border-bottom: 0; } .bottom_block .right { float: right; width: 50%; } .bottom_block .right .right_1 { height: 120px; } .bottom_block .right .right_1 .right_1_item_1 { width: 50%; height: 120px; float: left; overflow: hidden; } .bottom_block .right .right_1 .right_1_item_1 img { height: 120px !important; } .bottom_block .right .right_1 .right_1_item_2 { width: 50%; height: 120px; float: left; overflow: hidden; position: relative; } .bottom_block .right .right_2 { height: 180px; } .bottom_block .right .right_2 .right_2_item_1 { width: 50%; height: 180px; float: right; overflow: hidden; } .bottom_block .right .right_2 .right_2_item_2 { width: 50%; height: 180px; float: left; overflow: hidden; background: #357c82; color: #FFFFFF; padding-top: 20px; } .bottom_block .left img { width: 150px; display: block; margin: 0 auto; padding: 20px 0; } .bottom_block .right .right_1 .right_1_item_2 a span { font-size: 18px; } .bottom_block .right .right_1 .right_1_item_2 a i { font-size: 14px; line-height: 14px; } .bottom_block .right .right_2 .right_2_item_2 h2 { font-size: 18px; } .bottom_block .right .right_2 .right_2_item_2 img { width: 28px; } .bottom_block .left a { font-size: 18px; } .member_form form { width: 50%; } .member_form form .c-u-text label { width: 30%; } .member_form form .c-u-text input { width: 70%; } .mid_title h1 { font-size: 24px !important; } .member_form h1 { font-size: 24px; } } @media only screen and (max-width: 640px) { .use_item { width: 100%; float: left; } .contact-method-box .box-item { float: none; width: 100% !important; padding: 0 20px; margin-bottom: 20px; } .contact-method-box .box-item div>img { float: left; vertical-align: middle; width: 50px !important; } .contact-method-box .box-item div p { padding-left: 10px; float: left; vertical-align: middle; padding-top: 0 !important; margin: 0; font-size: 16px; clear: inherit !important; overflow: inherit !important; width: 80%; text-align: left; } .contact-method-box .box-item div { clear: inherit !important; overflow: inherit !important; text-align: center; } .contact-method-box .box-item div p em { width: inherit !important; float: left !important; display: inherit; } .contact-method-box .box-item div p span { width: inherit !important; float: left !important; display: inherit; } .contact-method-box .box-item:last-child div p { width: 100% !important; } .contact-method-box .box-item:last-child div p span { width: 74px !important; float: left !important; display: inherit; } .contact-method-box .box-item:last-child div p em { width: 100% !important; float: left !important; display: inherit; } } @media only screen and (max-width: 480px) { header .journal-menu .mobile-trigger { margin-top: -35px; } .mobile-menu-on-tablet .mobile-trigger { font-weight: 400; height: 35px; line-height: 35px; } #cart, #cart .heading a, .journal-header-center #cart .heading i, .journal-header-center .journal-cart { height: 35px; } #cart .heading i:before { content: '\e000'; font-size: 22px; left: -8px; top: 2px; } .mobile-trigger, .mobile-menu-on-tablet .mobile-trigger { font-size: 14px; } .journal-secondary.j-min { height: 30px; } .journal-header-center .links a, .journal-header-center .links .no-link { height: 30px; } .lang-new { line-height: 30px; } #header .top-menu>li:first-child { margin-right: 45px; } /*#header*/ .catalog-cart .journal-cart { width: 40px; } .journal-header-center .journal-cart #cart { border: 0 !important; } /*.center-header .journal-language{position: inherit;}*/ .journal-header-center #search input { border-radius: 30px !important; } .catalog-cart .journal-cart { width: 40px; position: absolute; left: 76%; top: 2px !important; } #header .journal-logo { margin-bottom: 10px; } .others-frams .fram-item { width: calc((100% - 40px) / 2) !important; } .farm_item iframe { height: auto; padding: 0 20px !important; width: 100%; } .farm_page h2 { font-size: 24px; } .contact-method-box .box-item div p { width: 100% !important; padding-left: 0 !important; padding-top: 0 !important; } .contact-method-box .box-item:last-child div p { padding-left: 0 !important; padding-top: 0 !important; } .journal-header-center .journal-secondary .links { float: right !important; padding-right: 10px; } .journal-language { z-index: 3; width: inherit; left: 0px !important; } .qian .lan a, .lan:after { font-size: 12px; /* color:#347c81;*/ color: #fff; } .journal-header-center .links a { font-size: 12px; } footer .bottom-footer .copyright { line-height: 100%; padding: 12px 0; margin-bottom: 0; } .home-page div#content { padding: 0 !important; } .member_form form { width: 85%; } .member_form p { padding: 10px; } .member_form form .c-u-text input { width: 60%; padding: 5px; } .member_form form .c-u-text label { width: 40%; } .bottom_block .left { float: none; width: 100%; height: auto; position: relative; border: 1px solid #ddd; border-bottom: 0; } .bottom_block .right { float: none; width: 100%; } .top_block .top_right { float: none; width: 100%; margin-top: 0; } .top_block .top_right ul { padding-left: 20px; } .top_block .top_right .top_text span { right: -10px; bottom: -22px; } .top_block .top_left { float: none; width: 100%; z-index: 99; position: relative; } .bottom_block .left p { padding-bottom: 0; } .bottom_block .left a { display: block; position: inherit; } .top_block .top_left img { width: 100%; } } @media only screen and (max-width: 470px) { header .journal-menu .mobile-trigger { width: 100%; /* margin-top: -40px; */ z-index: 100; background-color: rgb(52, 124, 129) !important; } .card_col_2 { display: block !important; } } @media only screen and (max-width: 375px) { #header .top-menu>li:first-child { margin-right: 20px; } .top_block .top_right .top_text span { bottom: -21px; } .top_block .top_right { margin-top: 0; } .bottom_block .right { height: auto; } .bottom_block .right .right_1 { height: auto; } .bottom_block .right .right_1 .right_1_item_1 { height: auto; width: 50%; } .bottom_block .right .right_1 .right_1_item_2 { /* height: auto;*/ width: 50%; } .bottom_block .right .right_1 { height: auto; } .bottom_block .right .right_2 { height: auto; } .bottom_block .right .right_2 .right_2_item_2 { width: 50%; /*height: auto;*/ overflow: hidden; background: #357c82; color: #FFFFFF; padding: 10px; } .bottom_block .right .right_1 .right_1_item_2 a span { font-size: 16px; } .bottom_block .right .right_2 .right_2_item_1 { /*height: auto;*/ width: 50%; display: flex; justify-content: center; align-items: center; } .top_block .top_left img { max-width: initial !important; width: 100%; } .journal-cms-block-244.box .blocks { padding: 40px 20px; } .top_block .top_right ul { padding-left: 10px; } } .home-page .cms-block { margin-bottom: 0; } /*农场*/ .farm_page { text-align: center; } .farm_page h1 { font-size: 48px; color: rgb(52, 124, 129); } .farm_page h2 { font-size: 28px; font-weight: 400; margin-top: 0; } .farm_page h3 { margin-bottom: 40px; font-weight: 400; } .farm_item { border-top: 1px black solid; padding: 40px 0; } .farm_item .img_play { position: relative; } .farm_item img { width: 84%; } .play_icon { position: absolute; bottom: 10px; left: 100px; } .play_icon img { width: 120px; } /*全球農場*/ .fram-box { clear: both; overflow: hidden; } /*.fram-box .fram-item{float:left; width:calc((100% - 30px ) / 3); box-shadow:0 7px 12px 0 rgba(236, 236, 236); margin:0 5px;}*/ .fram-box .fram-item { float: left; width: calc((100% - 60px) / 3); box-shadow: 0 7px 12px 0 rgba(236, 236, 236); margin: 0 10px 20px; } .fram-box .fram-item .left { cursor: pointer; } .fram-box .fram-item .left a { cursor: pointer; color: #fff; width: 100%; height: 100%; align-items: center; justify-content: center; display: flex; font-size: 24px; } .farm_item iframe { padding: 0 75px; } /*成為會員， 分类*/ .category-page-178 .refine-image { overflow: hidden; transition: all 0.5s; } .category-page-178 .refine-image a { padding: 0; background-color: transparent; position: relative; overflow: hidden; } .category-page-178 .refine-image { margin-bottom: 40px; } .category-page-178 .refine-image img { margin-bottom: 0; } .category-page-178 .refine-image a span { padding: 20px; position: absolute; display: flex; width: 100%; height: 100%; top: 0; align-items: center; justify-content: center; font-size: 40px; color: #fff; background-color: rgba(0, 0, 0, 0.3); font-weight: 600; border: 0; } .category-page-178 .refine-image:hover img { transform: scale(1.1); transition: all 0.5s; } .category-page-175 .product-grid-item .price { display: inline-block; display: block !important; } .category-page-170_175 .product-grid-item .price { display: inline-block; display: block !important; } /*產品詳情頁修改*/ .product-info .right .cart div .journal-stepper:hover { color: rgb(255, 255, 255); background-color: rgb(80, 51, 122); } .product-info .right .price-old { border-radius: 30px; background-color: transparent; color: #EA2E49 !important; font-size: 20px !important; } .product-info .right .cart div .journal-stepper { color: rgb(255, 255, 255); background-color: rgb(165 143 196); } /*.product-options .description,.product-info .right > div > .price{background:#fff;} .product-info .right .description span.p-model{font-size:28px;} .product-info .right .description span:first-child{display:none;} .product-info .product-options > .cart { display: block; background-color: transparent; }*/ /*home-关注我们*/ .icon_link { padding: 40px 0; } .icon_link a { display: inline-block; } .icon_link a { background: #fff; margin: 0 20px; border-radius: 15px; transition: all 0.5s; } .icon_link a i { transition: all 0.2s; } .icon_link a i.i1 { display: block; background: url(/image/data/website/home/weixin.png); background-size: 100%; width: 60px; height: 60px; border-radius: 15px; } .icon_link a i.i2 { display: block; background: url(/image/data/website/home/weibo.png); background-size: 100%; width: 60px; height: 60px; border-radius: 15px; } .icon_link a i.i3 { display: block; background: url(/image/data/website/home/xhs.jpg); background-size: 100%; width: 60px; height: 60px; border-radius: 15px; } /*.icon_link a:hover i.i1{background:url(/image/data/website/home/weixin-h.png); background-size:100%; } .icon_link a:hover i.i2{background:url(/image/data/website/home/weibo-h.png); background-size:100%; } .icon_link a:hover i.i3{background:url(/image/data/website/home/xhs-h.png); background-size:100%; }*/ /*@media only screen and (max-width: 980px){ .mobile-menu-on-tablet header .journal-menu .mobile-menu{ overflow: scroll;} #header .journal-menu .mobile-menu > li .mobile-plus{display:none;} .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > ul { display:block; } }*/ .contact-title { font-weight: 400; } .contact-method-box { max-width: 1220px; margin: 0 auto; clear: both; overflow: hidden; } .contact-method-box .box-item { float: left; width: calc(100% / 2); padding: 0 20px; } .contact-method-box .box-item div { clear: both; overflow: hidden; text-align: center; padding-top: 60px; } .contact-method-box .box-item div>img { /* float: left;*/ vertical-align: middle; width: 60px; } .contact-method-box .box-item div p { padding-left: 10px; /* float: left;*/ vertical-align: middle; padding-top: 16px; margin: 0; font-size: 16px; clear: both; overflow: hidden; } .shop-enquiry .form-sub { cursor: pointer; } .code { border: 0 !important; background-color: #d6d6d6; } .contact-method-box .box-item div p em { font-style: normal; } .contact-method-box .box-item:last-child div p em { text-align: left; width: 70%; } .contact-method-box .box-item:last-child div p span { width: 74px; } .contact-method-box .box-item div p span { font-style: normal; } .others-frams .fram-item { width: calc((100% - 100px) / 5); } .others-frams { margin-bottom: 40px; } /**/ .huiyuan-layout { position: relative; } .huiyuan-layout .huiyuan-box { position: absolute; top: 0; margin-top: 100px; width: 100%; height: 100%; } .huiyuan-layout .huiyuan-box h1 { color: #fff; font-weight: 550; margin-top: 100px; font-size: 32px; } .huiyuan-layout .huiyuan-box .login_button { text-align: center; } .huiyuan-layout .huiyuan-box .login_button a { color: #fff; font-size: 16px; padding: 6px 50px; border-radius: 50px; display: inline-block; margin: 10px 0; background-color: #347c81; } .huiyuan-layout .huiyuan-box .login_button a:hover { background: #347c81; } .information-page-9 .about-text a.more_leader { background: #347c81; color: #fff; padding: 10px 20px; border-radius: 50px; } .information-page-9 .journal-gallery .box-heading { background: #347c81; color: #fff; } .category-page-174 .product-filter, .category-page-174 .pagination { display: none; } .category-page-174 .product-wrapper .product-details { border-radius: 30px; padding: 0 14px; line-height: 32px; display: inherit; margin-top: 8px; } .category-page-174 .product-wrapper .product-details .caption { text-align: left; border-radius: 30px; padding: 0 14px; line-height: 32px; background-color: rgb(52, 124, 129); text-align: center; } .category-page-174 .product-wrapper .product-details .caption .name a { color: #fff; padding: 10px 4px 7px 4px; } .category-page-174 .product-wrapper .button-group { text-align: right; } @media only screen and (max-width: 374px) { .category-page-174 .product-wrapper .product-details .caption { position: inherit; text-align: left; border-radius: 30px; padding: 0 14px; line-height: 32px; background-color: rgb(52, 124, 129); width: 100%; text-align: center; margin-bottom: 10px; } .category-page-174 .product-wrapper .product-details .cart { padding: 0; } } .attention-box { clear: both; overflow: hidden; padding: 40px 0 40px 0; max-width: 1000px; margin: auto; } .attention-box .item { float: left; width: 33%; padding: 20px 20px 20px 20px; margin: 0; text-align: center; font-size: 18px; } .attention-box .item img { width: 150px; } .attention-box .left-code { text-align: center; padding: 20px 40px 20px 20px; } .attention-box .left-code img { width: 150px; } .attention-box .left-code p { clear: both; text-align: center; font-size: 18px; padding-top: 10px; } .attention-box .right-icon:nth-child(2) { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .attention-box .right-icon a img { max-width: 100%; width: 60px; margin-right: 20px; } .attention-box .right-icon a { display: flex; margin: 64px 25px; color: #fff; text-decoration: none; justify-items: center; align-items: center; } /*.product-grid-item .price-old{color:#000; text-decoration: none; font-size:15px;}*/ @media screen and (max-width:480px) { .team_online ol li { word-break: break-word; } .cms-block { padding-right: 0; } .cms-blocks .blocks { margin-right: 0; } .journal-cms-block-244.box .blocks { padding: 20px; } .attention-box .item.left-code { width: 100%; } .attention-box .item.right-icon { width: 50%; } .attention-box .right-icon a { display: inherit; margin: 25px 25px 25px 0; } .journal-cms-block-245.box .blocks .cms-block span { padding: 0; font-size: 14px; } .attention-box .left-code p { clear: both; text-align: center; padding-right: 0; font-size: 14px; padding-top: 10px; } .attention-box .left-code { /* border-right: 1px solid #ddd;*/ text-align: center; padding: 10px; width: 100%; } .attention-box .item { padding: 10px; width: 100%; } /*.attention-box .left-code img { width: 100px; }*/ .attention-box .item p { font-size: 14px; } .attention-box .right-icon p { padding-top: 0; } .attention-box .right-icon a img { margin-right: 0; } .journal-cms-block-245.box .blocks .cms-block span { padding: 0; font-size: 14px; display: block; } } .product-info .option ul { margin: 0; } .product-info .option ul li { color: rgb(255, 255, 255); background-color: rgb(52, 124, 129); } .product-info .option ul li:hover { background-color: rgb(84, 184, 86); } .route-checkout-cart .buttons .center { float: right; text-align: center; margin-left: auto; } .route-checkout-cart .buttons { background-color: transparent; } .mobile-menu>li>ul { width: 100%; min-width: auto; } .h5player-dashboard { display: block !important; } /*header*/ @media screen and (min-width:980px) { .route-checkout-cart .buttons .center { margin-right: 20px; } .super-menu>li:first-child a span:after, .super-menu>li:nth-child(8) a span:after { display: none; } html:lang(en) .super-menu>li>a span { font-size: 13px; } .super-menu>li>a span:after { content: ""; vertical-align: middle; width: 0; height: 0; border: 5px solid transparent; /*5px 足够了*/ border-top-color: #212121; /*top箭头向下 bottom箭头向上*/ display: inline-block; margin-left: 5px; } } @media screen and (max-width:480px) { .olis_layout div { width: calc(100% - 40px) !important; margin: 40px 20px !important; font-size: 14px; } .code-box .scan-code { width: 100% !important; } .code-box img { width: auto; display: block; } .farm_page h1 { font-size: 30px; padding: 10px 0; } .farm_page h2 { font-size: 20px; font-weight: 400; margin-top: 0; } .farm_item { border-top: 1px black solid; padding: 20px 0; } .fram-item>h3 { font-size: 15px; } .fram-item .left h3 { margin-bottom: 0; } .information-page-9 .extended-container:before, .information-page-10 .extended-container:before, .category-page-178 .extended-container:before, .information-page-12 .extended-container:before, .information-page-15 .extended-container:before, .information-page-16 .extended-container:before, .information-page-17 .extended-container:before, .information-page-18 .extended-container:before, .information-page-19 .extended-container:before, .information-page-20 .extended-container:before, .journal-blog-page-4 .extended-container:before, .journal-blog-page-5 .extended-container:before, .journal-blog-page-6 .extended-container:before, .journal-blog-page-3 .extended-container:before, .journal-blog-page-14 .extended-container:before, .journal-blog-post-page-31 .extended-container:before, .journal-blog-post-page-34 .extended-container:before, .category-page-174 .extended-container:before { display: none !important; } } .product-info .option>ul>li.selected, .product-info .option>ul>li:hover { color: rgb(255, 255, 255); background-color: rgb(84, 184, 86); box-shadow: none; } .top_title { margin-bottom: 0px; padding: 0 5px; font-weight: 400 !important; font-size: 12px; } .top_title a { color: #000; font-size: 12px; } .journal-cms-block-272 p a, .cus_menu_info p a, .route-journal2-blog #top-modules>.journal2_cms_blocks:first-child p a { color: #000; } .route-information-information .top_title { margin-bottom: 20px; } .top_title a:hover { color: rgb(69, 115, 143); } /*.now_page{ font-size:15px!important; font-weight:600;color: rgb(69, 115, 143)!important;}*/ .information-page-9 .breadcrumb, .information-page-10 .breadcrumb, .category-page-178 .breadcrumb, .information-page-12 .breadcrumb, .journal-blog-page-14 .breadcrumb, .information-page-15 .breadcrumb, .information-page-16 .breadcrumb, .information-page-17 .breadcrumb, .information-page-18 .breadcrumb, .information-page-19 .breadcrumb, .information-page-20 .breadcrumb, .journal-blog-page-4 .breadcrumb, .journal-blog-page-5 .breadcrumb, .journal-blog-page-6 .breadcrumb, .journal-blog-page-3 .breadcrumb, .journal-blog-post-page-31 .breadcrumb, .journal-blog-post-page-34 .breadcrumb, .category-page-174 .breadcrumb { display: none !important; } .extended-layout #content { padding: 10px 0 0 0; } .route-journal2-blog .top_title, .journal-blog-post-page-31 .top_title, .journal-blog-post-page-34 .top_title { margin-bottom: 0; } .route-journal2-blog .block-content, .journal-blog-post-page-31 .block-content, .journal-blog-post-page-34 .block-content { padding: 3px; background-color: transparent; } .journal-blog-page-3 #content, .journal-blog-page-4 #content, .journal-blog-page-5 #content, .journal-blog-page-6 #content, .journal-blog-post-page-31 #content, .journal-blog-post-page-34 #content { padding: 5px 0 0 0 !important; } .category-page-174 #content { padding: 5px 20px 0 20px !important; } html:lang(en).category-page-174 .product-wrapper .product-details { padding: 0 !important; } html:lang(en).category-page-174 .product-grid-item.display-icon .enquiry-button a { padding: 0 8px; text-transform: lowercase; font-weight: 400; top: -1px; } .product-info .right .price-old { display: block; font-size: 16px !important; padding: 0; } .product-info .right i { font-size: 16px !important; padding-right: 10px; } a.colorbox b { color: #347c81; } /*成为会员*/ /*.route-product-category #content{padding:20px;}*/ .route-product-category .text-empty, .route-product-category .buttons { display: none; } /*實用資訊*/ .journal-blog-page-1 .breadcrumb { display: none !important; } .journal-blog-page-1 #content { padding-top: 5px !important; } /*聯絡我們*/ .scan-code { text-align: center; } .scan-code img { max-width: 100%; width: 80%; } /*下載專區*/ .journal-gallery-275 .box-heading { display: none; } .information-page-27 .custom-sections .box-heading { display: none; } .category-page-195 .refine-images { display: none; } .category-page-195 .custom-sections { margin-bottom: 30px; } .code-box { text-align: center; margin-top: 20px; } .code-box img { width: 200px; display: inline-block; } .code-box .scan-code { display: inline-block; width: 25%; } .code-box .scan-code p { font-size: 18px; } .catalog-cart .journal-header-center .journal-cart { display: none; } /***************/ .journal-blog-page-1 .top_title { position: absolute; left: 0%; margin-bottom: 40px; } .journal-blog-page-1 #column-left { padding: 55px 0 0 0; } .use_item .text_top h2 { font-size: 26px; } /**********2019-5-24 優化頁面***********/ .use_item { clear: both; overflow: hidden; margin-bottom: 20px; box-shadow: 0 0 7px #ddd; border: 1px solid #ccc; } .use_item .use-left { float: left; width: 35%; position: relative; } .use_item .use-right { float: left; width: 65%; padding: 40px; padding: 55px 40px; } .use_item:nth-child(even) .use-left { float: right; } .use_item .use-left>img { display: block; max-width: 100%; } .use_item .use-left>h2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.48); color: #fff; text-align: center; vertical-align: middle; align-items: center; justify-content: center; display: flex; } .use_item .use-right .text_info { padding-left: 20px; } html:lang(en) .use_item .use-left { width: 45%; } html:lang(en) .use_item .use-right { width: 55%; } html:lang(en) .use_item:nth-child(1) .use-right { padding: 10px 40px; } @media screen and (max-width:1024px) { .use_item .use-right { padding: 40px; padding: 20px; } } @media screen and (max-width:768px) { .use_item .use-left { float: left; width: 100%; } .use_item .use-right { float: left; width: 100%; } html:lang(en) .use_item .use-left { float: left; width: 100% !important; } html:lang(en) .use_item .use-right { float: left; width: 100% !important; } html:lang(en) .use_item:nth-child(1) .use-right { padding: 10px 20px; } } .extended-container:before { background-color: #fff; } .section.sysimage { text-align: center; } .embed-container { text-align: center; } .category-page-202_243 .category-info { max-width: 980px; margin: auto; display: inherit !important; } .section.sysmulticolumn>div>div.last-table { width: 33%; } .section.sysmulticolumn>div>div.section-table { width: 50%; padding: 10px; } @media screen and (max-width:480px) { #lg-intense-zoom::before { display: none; } .section.sysmulticolumn>div { display: block !important; } .section.sysmulticolumn>div>div.last-table { width: 33%; } .embed-container video { width: 100%; } .section.sysmulticolumn>div>div.section-table { width: 100%; padding: 10px; } .bottom_block .right .right_2 .right_2_item_1 { width: 50%; display: flex; justify-content: center; align-items: center; } .bottom_block .left h2 { padding-bottom: 0; } .contact-method-box .box-item div { clear: both !important; overflow: hidden !important; text-align: center; padding-top: 0 !important; display: flex; } .contact-method-box .box-item div>img { float: left; vertical-align: middle; width: 40px !important; margin-right: 20px; height: 40px !important; } } /*.journal-blog-page-19 #column-left{ position: absolute; top: 70px; z-index:9999; } .journal-blog-page-19 .static-banners .box-heading { margin-bottom: 80px; margin-top: 20px; }*/ .product-options>div.cart, .product-options>div.price { background: #fff; } .journal-blog-page-36 #content { float: left; width: 80%; } .journal-blog-page-36 #content .buttons { display: none; } .journal-blog-page-36.extended-layout #container { clear: both; overflow: hidden; } .side-column .side-category i { display: none; } .side-column .box-category ul>li>ul { display: block; } .product-grid-item .price-new { display: block; } .at-resp-share-element .at-share-btn:focus, .at-resp-share-element .at-share-btn:hover { transform: none !important; } /**26/01**/ /*.journal-menu-bg{background-color: rgb(162 162 162);}*/ .super-menu { background-color: transparent; } ul.super-menu>li:first-of-type { border-left-width: 0; } .super-menu>li { border-left-width: 0; } ul.super-menu>li:last-of-type { border-right-width: 0; } .product-share-box { display: flex; align-items: center; width: 150px; justify-content: center; color: #347c81; font-size: 14px; border-radius: 30px; } .a2a_kit { padding: 0 !important; } @media only screen and (max-width: 760px) { .journal-header-center .journal-search { width: 80%; left: 0; top: 0px !important; margin: 0 auto 10px; } .journal-header-center #search input { border-radius: 30px; } .journal-header-center #cart { border: 0; } #cart .heading a>span { color: #fff; } .route-product-category .heading-title { display: block !important; padding: 0 0 0 15px; } .route-product-category .product-filter { display: none; } } #main-menu-item-2, #main-menu-item-3, #main-menu-item-4 { background: rgb(193, 219, 214); } #main-menu-item-6 ul li:hover a { background: rgb(80, 51, 122) !important; } #main-menu-item-5 ul li:hover a { background: rgb(80, 51, 122) !important; } #main-menu-item-7 ul li:hover a { background: rgb(196, 114, 119) !important; } #main-menu-item-5, #main-menu-item-6 { background: rgb(221, 212, 222); } #main-menu-item-7 { background: rgb(249, 219, 221); } ul.super-menu>li { border-left: 1px solid #fff; border-right: 1px solid #fff; } .information-page-58 .button { background-color: rgb(241, 140, 146) !important; } .information-page-58 .button:hover { background-color: rgb(196, 114, 119) !important; } /*alin*/ .flyout-353 .fly-drop-down a:hover { background-color: #50337a !important; } .flyout-353 .fly-drop-down a:hover span { color: #fff; } .super-menu>li:hover>a { color: rgb(52 124 129); } .flyout-menu .flyout>ul>li>a { padding-left: 10px; } .selected-353, .selected-362, .selected-349, .selected-381:hover { background-color: #50337a !important; color: #fff; } .selected-353 a span, .selected-362 a span, .selected-349 a span { color: #fff; } .route-journal2-blog .main-posts .button { background-color: rgb(255 142 149); color: #fff; } .bottom-footer .payments img { padding: 10px; } footer .columns { padding-left: 0; } footer .column-menu-wrap>ul { clear: both; overflow: hidden; display: inline-block; } footer .column-menu-wrap>ul li { color: rgb(255, 255, 255); float: left; text-align: center; padding: 0 20px; border-right: 1px solid #ddd; } footer .column-menu-wrap>ul li:last-of-type { border-right: 0; } footer .column>h3 { display: none; } .column-menu-wrap { text-align: center; } /*搜索調整*/ .journal-blog-page-23 .journal-blog-search-231, .journal-blog-page-42 .journal-blog-search-231, .journal-blog-page-45 .journal-blog-search-231, .journal-blog-page-46 .journal-blog-search-231, .journal-blog-page-22 .journal-blog-search-231 { margin-top: 0; } .journal-blog-search-231 { margin-top: 0; margin-bottom: 5px; } .box-search { position: relative; height: 34px; } .box-search a { width: 33px; height: 100%; position: absolute; top: 0; right: 2px; -webkit-transition: color 0.2s; transition: color 0.2s; padding-left: 1px; border-left-width: 1px; border-style: solid; display: flex; justify-content: center; align-items: center; } /*blog 瀏覽數*/ .blog-post .post-button { width: 100%; background-color: #f4f4f4; font-weight: 400; font-size: 14px; } .post-share-box { display: flex; width: 150px; justify-content: center; align-items: center; } .post-share-box>div { flex: 1; } .post-share-box>h2 { flex: 1; } .post-share-box .post-button { padding: 0; display: flex; justify-content: center; align-items: center; margin-right: 5px; } /* 內頁導航menu */ .cus_menu_info { margin-left: -1px; margin-top: -3px; } @media only screen and (max-width: 1355px) { .breadcrumb { font-family: arial, helvetica, sans-serif; } .cus_menu_01 { margin-top: 7px; margin-left: -23px; } .cus_menu_info { margin-left: -1px; margin-top: -3px; } /* 內頁導航menu */ } .ui.items>.item>.content .header { position: unset; } .route-account-wishlist .ui.items { padding: 10px 10px 20px; border-bottom: 1px dashed; } .ui.items>.item>.image+.content a:last-child { float: right; } .route-account-wishlist .ui.items:last-child { border-bottom: 0; } .route-account-wishlist .ui.items>.item { font-size: 1em; box-shadow: 0 2px 8px #ddd; padding: 20px; position: relative; } .route-account-wishlist .ui.items>.item>.image+.content a:last-child { position: absolute; top: 10px; right: 10px; } @media screen and (max-width:760px) { .route-account-wishlist .ui.items:not(.unstackable)>.item>.image+.content { width: 100%; text-align: center; } .route-account-wishlist .ui.items:not(.unstackable)>.item { margin: 0; } } .route-product-download_detail .product-share-box { width: 40% !important; margin-left: 0; text-align: left; display: flex; float: right; margin-top: -44px; margin-right: 0; } .journal-carousel .product-grid-item:hover { border-color: #333; border: 1px solid #ddd4de; } .category-page-175 .journal-carousel .product-grid-item:first-child .product-wrapper, .category-page-270 .journal-carousel .product-grid-item:nth-child(2) .product-wrapper, .category-page-273 .journal-carousel .product-grid-item:nth-child(3) .product-wrapper, .category-page-187 .journal-carousel .product-grid-item:nth-child(1) .product-wrapper, .category-page-186 .journal-carousel .product-grid-item:nth-child(2) .product-wrapper, .category-page-188 .journal-carousel .product-grid-item:nth-child(3) .product-wrapper, .category-page-190 .journal-carousel .product-grid-item:nth-child(4) .product-wrapper { border: 2px solid #50337a; } .category-page-175 .journal-carousel .product-grid-item:first-child .name, .category-page-270 .journal-carousel .product-grid-item:nth-child(2) .name { background: #50337a; display: block; } .category-page-175 .journal-carousel .product-grid-item:first-child .name a, .category-page-270 .journal-carousel .product-grid-item:nth-child(2) .name a { color: #fff; display: block; } .col_poster_item:nth-child(4) .item-img { float: right !important; width: 50%; } .col_poster_item:nth-child(5) .item-img { float: right !important; width: 50%; } .col_poster_item:nth-child(6) .item-img { float: right !important; width: 50%; } /*.col_poster_item:nth-child(4) .item-details, .col_poster_item:nth-child(5) .item-details, .col_poster_item:nth-child(6) .item-details { background:green; }*/ .col_poster_item .item-details h1 { color: rgb(255 255 255); } .col_poster_item { margin-bottom: 10px; } .col_poster_item:nth-of-type(3n+1) .item-details { background: #1e604c !important; } .col_poster_item:nth-of-type(3n+3) .item-details { background: #1e604c !important; } .item-details a { color: #fff !important; } .col_poster_item .item-img { background-size: 100% 100% !important; } .route-activity-apply .journal-cms-block-274 { display: none; } .super-menu>li, .super-menu>li:last-of-type, .journal-desktop .menu-floated .float-left, .journal-desktop .menu-floated .float-right { border-color: transparent; } #main-menu-item-7.drop-down ul li:hover { border-color: #fff; } #main-menu-item-4:hover, #main-menu-item-2:hover, #main-menu-item-3:hover { background: rgb(52, 124, 129); } #main-menu-item-5:hover, #main-menu-item-6:hover { background: rgb(80, 51, 122); } #main-menu-item-4:hover a span, #main-menu-item-2:hover a span, #main-menu-item-3:hover a span, #main-menu-item-5:hover a span, #main-menu-item-6:hover a span { color: #fff; } #main-menu-item-4:hover a span:after, #main-menu-item-2:hover a span:after, #main-menu-item-3:hover a span:after, #main-menu-item-5:hover a span:after, #main-menu-item-6:hover a span:after { border-top-color: #ffffff; } #main-menu-item-7:hover { background: rgb(196, 114, 119); } #main-menu-item-7:hover a span { color: #fff; } .drop-down:hover a span:after { border-top-color: #ffffff; } .drop-down ul li:hover, .drop-down ul>li:hover>a, .fly-drop-down ul>li:hover>a { border-color: #fff; } .top_title a { font-size: 14px !important; font-weight: 400; } .route-product-download_detail .breadcrumb { display: none !important; } .route-product-download_detail .top_title { margin-bottom: 0; } .route-product-download_detail #content .content { margin-bottom: 20px; } .route-product-download_detail #content .content input[type="text"] { width: 250px; margin-right: 10px; } /*紫色*/ .flyout-menu.flyout-381 .flyout ul>li:hover>a { background: rgb(80 51 122) !important; color: #fff; } .journal-side-category-268>.box-category>ul>li>a {} .journal-side-category-268>.box-category>ul>li>a:hover { background: rgb(80 51 122); color: #fff; } .category-page-270 .side-column .box-category li a { background: rgb(221 212 222); } .category-page-175 .side-column .box-category li a.active, .category-page-270 .side-column .box-category li a.active { background-color: rgb(80 51 122); } .category-page-175 .side-column .box-category li a.active.selected-268, .category-page-270 .side-column .box-category li a.active { color: #fff !important; } .category-page-175 .side-column .box-category li a:hover, .category-page-270 .side-column .box-category li a:hover { color: #fff; } .category-page-175 .side-column .box-category>ul>li>ul>li:hover a, .category-page-270 .side-column .box-category>ul>li>ul>li:hover a, .journal-side-category-268>.box-category>ul>li>ul>li:hover>a { background-color: rgb(80 51 122) !important; } .journal-side-category-268>.box-category>ul>li>ul>li:hover>a span { color: #fff; } .side-column .box-content li a, .side-column .box-category li a { padding-top: 6px !important; padding-bottom: 6px !important; padding-right: 10px !important; padding-left: 10px !important; } .information-page-59 #column-left { padding: 0; } .journal-blog-page-17 .flyout, .journal-blog-page-23 .flyout ul, .journal-blog-page-42 .flyout ul, .journal-blog-page-46 .flyout ul, .information-page-59 .flyout ul, .journal-blog-page-45 .flyout ul, .journal-blog-page-22 .flyout ul, .journal-side-category-268>.box-category>ul>li>ul>li>a, .flyout-353 ul, .flyout-349 ul, .journal-side-category-268>.box-category>ul>li>a { background-color: #ddd4de !important; } .fly-drop-down.selected-381, .fly-drop-down.selected-353 { background-color: #50337a !important; } .fly-drop-down.selected-381 a span, .fly-drop-down.selected-353 a span, .flyout-349 ul .fly-drop-down a:hover span { color: #fff; } .journal-blog-page-17 .flyout .fly-drop-down a:hover, .journal-blog-page-23 .flyout .fly-drop-down a:hover, .information-page-59 .flyout .fly-drop-down a:hover, .journal-blog-page-42 .flyout .fly-drop-down a:hover, .journal-blog-page-46 .flyout .fly-drop-down a:hover, .journal-blog-page-45 .flyout .fly-drop-down a:hover, .flyout-349 ul .fly-drop-down a:hover { background-color: #50337a !important; color: #fff; } .journal-side-category-268>.box-category>ul>li>a:hover, .journal-side-category-268>.box-category>ul>li>a.active, .category-page-175_187 .side-column .box-category li:nth-child(1) a, .category-page-186 .side-column .box-category li:nth-child(1) a, .category-page-188 .side-column .box-category li:nth-child(1) a, .category-page-190 .side-column .box-category li:nth-child(1) a { background-color: rgb(80 51 122) !important; color: #fff; } .extended-layout #column-right .box:last-of-type, .extended-layout #column-left .box:last-of-type { margin-bottom: 0; } #button-search { background-color: rgb(80, 51, 122); } .heading-title, .box-heading, #blogArticle .articleHeader h1, .oc-filter .panel-heading { background-color: rgb(225 225 225); } .journal-carousel .product-grid-item .product-wrapper { padding: 0; } /*粉色*/ .information-page-58 .flyout ul, .journal-blog-page-14 .flyout ul, .journal-blog-page-3 .flyout ul, .journal-blog-page-4 .flyout ul, .journal-blog-page-5 .flyout ul, .journal-blog-page-6 .flyout ul, .journal-blog-page-18 .flyout ul, .journal-blog-page-58 .flyout ul, .journal-blog-page-59 .flyout ul, .journal-blog-page-60 .flyout ul { background-color: #f9dbdd !important; } .journal-blog-page-58 .flyout-429 .fly-drop-down:nth-child(1), .journal-blog-page-59 .flyout-429 .fly-drop-down:nth-child(2), .journal-blog-page-60 .flyout-429 .fly-drop-down:nth-child(3) { background-color: rgb(196, 114, 119) !important; } .journal-blog-page-58 .flyout-429 .fly-drop-down:nth-child(1) a span, .journal-blog-page-59 .flyout-429 .fly-drop-down:nth-child(2) a span, .journal-blog-page-60 .flyout-429 .fly-drop-down:nth-child(3) a span { color: #fff; } .fly-drop-down.selected-354 { background-color: rgb(196, 114, 119) !important; } .fly-drop-down.selected-354 a span { color: #fff; } .information-page-58 .flyout .fly-drop-down a:hover, .journal-blog-page-14 .flyout .fly-drop-down a:hover, .journal-blog-page-3 .flyout .fly-drop-down a:hover, .journal-blog-page-4 .flyout .fly-drop-down a:hover, .journal-blog-page-5 .flyout .fly-drop-down a:hover, .journal-blog-page-6 .flyout .fly-drop-down a:hover, .journal-blog-page-18 .flyout .fly-drop-down a:hover, .journal-blog-page-58 .flyout-429 .fly-drop-down a:hover, .journal-blog-page-59 .flyout-429 .fly-drop-down a:hover, .journal-blog-page-60 .flyout-429 .fly-drop-down a:hover { background-color: rgb(196, 114, 119) !important; color: #fff; } .journal-blog-page-11 #top-modules { background: #fff; } /*绿色*/ .journal-blog-page-50 .flyout ul { background-color: #c1dbd6 !important; } .fly-drop-down.selected-354 a span, .fly-drop-down.selected-424 a span { color: #fff; } .information-page-50 .flyout .fly-drop-down a:hover, .flyout-424 .flyout .fly-drop-down a:hover { background-color: rgb(52 124 129) !important; color: #fff; } .flyout-424 .flyout ul { background-color: #c1dbd6 !important; } .selected-424 { background-color: rgb(52 124 129); } /*热门活动详情*/ .posts { margin: 0; } .route-activity-details .breadcrumb { display: none !important; } .route-activity-details .journal-cms-block-274 { display: none; } .route-activity-details .content .content_list { padding: 0 !important; } .route-activity-details .content, .content_list p, .content_list h1, .content_list div { padding: 0 !important; } .activity_detail { display: flex; margin-top: 20px; } .route-activity-details .description { padding: 20px; background: #e1e1e185; margin-bottom: 20px; } .content_list div.activity_info { padding-left: 5px !important; width: 100%; } .activity_info p>img { width: 24px; vertical-align: middle; margin-right: 5px; } .activity_info>p:last-child { background: #a2eee4; text-align: center; letter-spacing: 1px; margin-top: 20px; margin-left: 12px; } /*活动列表*/ .information-page-64 .hot-box { clear: both; overflow: hidden; } .information-page-64 .hot-item { background: #fff; padding: 10px; display: flex; position: relative; margin-bottom: 10px; border-radius: 8px; position: relative; justify-content: center; align-items: center; float: left; width: calc(50% - 40px); margin: 0 10px; box-shadow: 0 1px 8px #9e9292; margin-bottom: 20px; min-height: 200px; } .information-page-64 .hot-over { margin-top: 10px; } .information-page-65 .item-details p { padding: 0 15px; } .journal-cms-block-396 { margin-top: 40px; margin-bottom: 40px; } @media only screen and (max-width: 980px) { .mobile-menu-on-tablet header .journal-menu .mobile-menu>li { border-color: #fff !important; } } @media screen and (max-width: 768px) { .information-page-64 .hot-item { width: 100%; margin: 0; box-shadow: 0 1px 8px #9e9292; margin-bottom: 20px; min-height: 200px; } #tablea .box>div { width: 100% !important; } .information-page-64 .hot-box { background: url(/image/data/newSite/bg_1.jpg)no-repeat center; background-size: cover; padding: 30px 5px; } } @media only screen and (max-width: 760px) { /*.phone-sticky-cart.menu-cart-off .journal-menu .mobile-menu { display:none!important; }*/ .col_poster_item:nth-child(odd) .item-img { float: left !important; } .col_poster_item:nth-child(2) .item-img { float: right !important; } } @media screen and (max-width:480px) { .home-page .journal-cms-block-418 .blocks { width: 88% !important; float: none !important; margin-top: 0 !important; padding-top: 40px !important; margin: auto; } .content_list h1 { color: rgb(66 62 62 / 88%); font-size: 18px; padding: 0 !important; } .activity_detail { display: block; margin-top: 20px; } .activity_detail>img { height: 100% !important; margin: 0 auto 20px; display: block; } .content .content_list div.activity_info { padding-left: 0px !important; width: 100%; } .activity_info p>img { width: 20px; } .activity_info>p:last-child { margin-left: 0; } .journal-cms-block-394.cms-blocks { margin-top: 0 !important; padding-top: 40px !important } .cms-title { padding: 0 10px; } .journal-cms-block-396 .index-title h1 a { font-size: 14px; color: #333; position: absolute; right: 20px !important; top: 6px !important; } .col_poster { margin: 10px !important; } .col_poster_item .item-details h1 { color: #fff; font-size: 19px !important; font-weight: 600 !important; text-align: left; padding-left: 12px; padding-right: 12px; } #tablea .box { margin: 0 !important; } #tablea .box>div>div { float: left; width: calc((100% / 2) - 20px) !important; } } .hover-layout .details { display: none !important; } .journal-cms-block-420 .box-heading { background: transparent; margin-bottom: 0; } .route-activity-details .description { padding: 20px !important; background: #c1dbd670; margin-top: 10px; } .content_list div.activity_info { padding-left: 20px !important; width: 100%; } .activity_detail { align-items: flex-start; } .promote-box { min-height: 600px; } /* 最新消息内页 20210420*/ .journal-blog-page-57 .post-image, .journal-blog-page-57 .post-button { display: none; } .journal-blog-page-57 .comment-date, .journal-blog-page-57 .p-date { display: block !important; } .journal-blog-page-57 .post-item:not(.swiper-slide) { margin-bottom: 20px; width: 100%; border-bottom: 1px solid #000; } .journal-blog-page-57 .post-item-details { text-align: left; position: relative; } .journal-blog-page-57 .comment-date { position: absolute; border: 0; } .journal-blog-page-57 .posts h2 { padding-left: 130px; padding-top: 8px; } .journal-blog-page-57 .p-date:before { content: "" !important; background: url(/image/data/newSite/time_icon5.png)no-repeat center; width: 25px; height: 25px; vertical-align: middle; } .journal-blog-page-57 .p-date { color: #357c82; font-size: 14px; border-right: 1px solid #357c82; display: inline-block; padding-right: 10px; margin-right: 10px; } .journal-blog-page-57 .post-wrapper { border: 0; } .journal-blog-page-57 .post-wrapper h2 a:hover { color: #357c82; } /*product grid wishlist*/ .product-grid-item.display-icon .wishlist>a, .product-grid-item.display-icon .wishlist>a:hover { background-color: transparent; } .product-grid-item .wishlist-icon:before { font-size: 20px; color: #000; top: 0; content: "\f08a" !important; } .product-grid-item .wishlist-icon:before { font-size: 20px; color: #000; top: 0 !important; content: "\f08a" !important; } .product-grid-item .wishlist-icon.fa-heart:before { content: "\f004" !important; color: #434343; } .product-views-count { color: #7f7f7f; font-size: 12px; display: flex; align-items: center; } .product-views-count img { margin-right: 5px; } .wishlist .fa.icon.fa-heart-o, .wishlist .fa.icon.fa-heart { font-size: 16px !important; width: 20px; height: 20px; line-height: 20px; text-align: center; } .journal-cms-block-427 .cms-block { margin-bottom: 20px; } .fa-heart-o:before { content: "\f08a"; } /*20210430*/ @media only screen and (max-width: 760px) { .product-info .product-options>.cart>div { display: flex; } #button-cart { height: 40px; } .information-page #content>p>span a { font-size: 12px; word-break: keep-all; line-height: 20px; } .top_title { padding: 5px 0; line-height: 20px; word-break: keep-all; } .journal-cms-block-270 p, .journal-cms-block-272 p { line-height: 20px; } .journal-cms-block-270 p span a, .journal-cms-block-272 p span a { font-size: 12px; word-break: keep-all } .cus_menu_info a, .cus_menu_01 a { font-size: 12px; } .breadcrumb { margin: 0 auto; padding: 5px; height: auto; line-height: initial; position: relative; z-index: 1; white-space: inherit; } .breadcrumb a { font-size: 12px !important; } .route-information-information img { max-width: 100%; } .top_title a { font-size: 12px !important; } .systext h2 { font-size: 22px !important; text-align: center; } .top_title span { line-height: 20px; display: block; word-break: keep-all; } .cus_menu_01 { margin-top: 0; margin-left: 0; } #top-modules>div:not(.gutter), #bottom-modules>div:not(.gutter) { padding-left: 10px; padding-right: 10px; } div#content { padding: 10px !important; } .mobile-menu .drop-down ul li a { width: 100%; } .journal-header-center .j-100 { height: 70px !important; margin: auto; } header .journal-menu .mobile-trigger { margin-top: 0; } .journal-header-center .journal-cart { position: absolute; } #cart .heading i:before { content: '\e000'; font-size: 22px; left: 0; top: 0; } .header-assets:not(.top-bar) { position: relative; } .journal-header-center .journal-cart { bottom: -39px !important; right: 0; top: unset !important; width: 80px !important; text-align: center; position: absolute; z-index: 999; } .journal-header-center .journal-cart #cart .content { padding-top: 0; width: 300px; } .journal-language { left: 10px !important; } .phone-sticky-cart.menu-cart-off .journal-menu .mobile-menu { width: 100%; } .mobile-menu>li>ul { max-height: 100vh !important; } } @media only screen and (max-width: 500px) { .journal-header-center .journal-cart { bottom: -35px !important; } } .information-page #content>p>span a { color: #333; } .journal-cms-block-270 p span a { color: #333; } /*.journal-blog-page .heading-title { display: block!important; line-height: 20px; padding: 0; line-height: 40px!important; background: transparent; font-size: 20px; color: #347c81; }*/ .ui.secondary.pointing.menu .active.item { border-color: #347c81 !important; color: rgba(0, 0, 0, .95) !important; background-color: #c1dbd6 !important; } .ui.card, .ui.cards>.card { border-radius: 0; } .redemption_prompt { margin: 20px 0; } .redemption_prompt a { font-size: 24px; } .top_title a, .breadcrumb a { font-family: "微软雅黑", "Nunito Sans", Helvetica, Arial, sans-serif !important; font-size: 14px; } a.now_page { font-weight: 600 !important; color: #347c81 !important; text-decoration: underline !important; } .journal-header-center .journal-search { z-index: 999; } /*收藏紅心*/ .fa-heart.fa-heart-1 { color: #cb2127 !important; } .fa-heart-o.fa-heart-1 { color: #434343 !important; } blockquote { border-left: 10px solid #800080; } .journal-blog-posts-435 { margin-bottom: 60px; } .journal-blog-posts-436 { margin-bottom: 60px; } .news-box .news-item a { -webkit-line-clamp: 2 !important; } .news-box .news-item { min-height: 44px; } @media screen and (max-width:480px) { #content.search-page .content select, .route-product-download_detail .content select { display: inline-block; width: 48%; margin-left: 0; margin-right: 0 !important; } #download_search { margin: 5px 5px 5px 0; } #button-rest { margin-left: 0px !important; margin-top: 5px; } .col_box>div:nth-child(2) { margin-top: 30px !important; } .promote-item>div { padding: 0 0 0 10px !important; } .promote-msg { font-size: 13px !important; line-height: 20px; } .promote-date { bottom: 0 !important; font-size: 14px !important; } .promote-name { line-height: 20px; } .posts .post-wrapper h2 a { font-size: 14px; } .news-box .news-item a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 !important; overflow: hidden; } .news-box { padding: 10px !important; } .journal-cms-block-434 span, .journal-cms-block-437 span { font-size: 20px; } blockquote span { font-size: 18px !important; } .journal-blog-posts-435 .post-wrapper, .journal-blog-posts-436 .post-wrapper { margin-right: 0; margin: 0 10px; } #logo a img.logo-1x { padding: 0; } } #content.search-page .content { margin-top: 0; } #content.search-page .content, .route-product-download_detail .content { padding: 20px; background-image: linear-gradient(-90deg, #DDD4DE, #C1DBD6); } .icon_image { width: 20px; } .news-box .news-item a { display: flex; align-items: center; } /*20210609*/ #content.search-page .content select, .route-product-download_detail .content select { margin-right: 10px; height: 35px; background: #00bbc4; border: 0; color: #fff; text-align: center; border-radius: 4px; } #content.search-page .content select[name="filter_function_id"], .route-product-download_detail .content select[name="filter_function_id"] { background: #14bbb3; } #button-rest { border-radius: 4px; height: 38px; line-height: 38px; border: 1px solid rgb(56 56 56); background: rgb(56 56 56); margin-left: 10px; } #button-rest:hover { background-color: #666; border: 1px solid #666; } .route-product-download .content { background-image: none; } .search_span { height: 38px; display: inline-block; line-height: 40px; padding: 0; border: 1px solid #909090; background: #ffffff; border-radius: 4px; display: inline-flex; align-items: center; padding: 0 0 0 30px; position: relative; } .search_span input[name="search"] { border: 0; box-shadow: none; height: 32px; padding: 0 5px; /* margin-top: 1px; */ margin-left: 5px; } .search_span #button-search { border-radius: 4px; background: #347c81; margin-right: 5px; } #button-rest img { width: 24px; margin-right: 5px; float: left; margin-top: 6px; } .fullwidth-footer { background-color: #fff; border-top: 1px solid #347c81; } footer .column-menu-wrap>ul a, footer .column-menu-wrap>ul li { color: #100; } .fullwidth-footer .bottom-footer { border-top: 1px solid #347c81; } .fly-drop-down .menu-plus { top: 8px; color: #fff; } .flyout-menu .flyout>ul>li:hover>a { background-color: transparent !important; } .side-block-52 { top: 58% !important; } .side-block-94 { top: 50% !important; } .side-block-163 { top: 66% !important; } .side-block-icon img, .side-block-52 .side-block-icon img, .side-block-94 .side-block-icon img, .side-block-163 .side-block-icon img { height: auto !important; } .side-block-52 .side-block-icon img, .side-block-163 .side-block-icon img { padding: 5px; box-sizing: border-box; } @media only screen and (max-width: 980px) { .side-block-right { display: block !important; } .side-block-right .side-block-icon { width: 40px !important; height: 40px !important; line-height: 40px !important; left: -50px !important; } .journal-cms-block-394 .blocks .cms-block{ float: none!important;} } @media only screen and (max-width: 760px) { .flyout-menu .flyout>ul>li { display: inherit; } .fly-drop-down>ul { display: none; left: 0; top: 0; position: unset; width: 100%; } .flyout-menu .flyout>ul>li>a { display: block; } } .redemption_prompt { font-size: 18px !important; } .text_green_tip { color: #347c81; font-style: italic; font-size: 14px; } .reg_password, .confirm_pw { display: flex !important; align-items: center; } .pw_eyes { position: relative; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .icon-yanjing { width: 24px; } .label_pw { display: flex; justify-content: center; align-items: center; height: 35px; width: 40px; background: #f4f4f4; border: 1px solid #7b7b7b; border-right: 0; } .label_pw img { width: 24px; margin: 0 5px; } @media screen and (min-width:760px) { .reg_password, .confirm_pw { width: 357px; } } .myaccount_card { border: 1px solid #dddd; } .card_info { padding: 15px; display: flex; align-items: flex-start; } .a_name { padding: 10px 20px 10px 20px; text-align: left; background: #999; color: #fff; font-size: 20px; font-weight: 400; } .card_level { flex: 0.3; } .card_level_info input { border: 0; box-shadow: none; } .card_level_info { flex: 1; padding-left: 20px; border-left: 1px solid #666; } .card_col_2 { display: flex; } .card_img { width: 100px; height: 100px; margin-bottom: 10px; border-radius: 8px; } .card_img img { width: 100px; height: 100px; } @media screen and (min-width:1024px) { .myaccount_card { width: 50%; } } @media screen and (max-width:640px) { .card_info { padding: 15px; display: block !important; } .card_level_info { flex: 1; padding-left: 0; border-left: 0; margin-top: 20px; } } .route-checkout-success #container { padding-left: 20px; padding-right: 20px; } .posts .post-wrapper h2 a { white-space: unset; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-align: center; } .side-block-right .side-block-icon { display: flex; justify-content: center; align-items: center; } @media only screen and (max-width: 480px) { .side-block-52 .side-block-icon img, .side-block-163 .side-block-icon img { padding: 2px; box-sizing: border-box; } /*.side-block-right{ transform: scale(0.88); }*/ } .activity_detail .description div { max-width: 100%; } .side-block-content a { margin: 0; } .side-block-content { min-height: 60px; box-sizing: border-box; } .blog-post .heading-title { background-color: rgb(255 255 255); color: #6e4a9e; font-weight: 600 !important; font-family: "Libre Baskerville" !important; } .blog-post .product-views-count { background-color: transparent; } @media screen and (max-width:480px) { .blog-post .heading-title { /* font-size: 20px!important; text-align: left;*/ padding-left: 0; } } .journal2_newsletter { margin-top: 20px; } .newsletter-text { color: #0067ff !important; font-weight: 600 !important; font-size: 16px !important; } .newsletter-button { border-radius: 0; } .order-list .order-info a { display: inline-flex; flex-direction: column; align-items: center; font-size: 12px; } @media screen and (max-width:480px) { .order-list .order-content { margin-top: 10px; } .order-list .order-content div { float: none; width: 100%; padding-left: 10px; padding-right: 15px; padding: 0; word-break: break-word; } .order-list .order-info a { transform: scale(1.2); width: 60px; margin-top: 10px; } } textarea[name="cardAddress"] { min-height: 80px; } .dz-button { color: #0075ff !important; } .card_level_info label { font-size: 15px; font-weight: 600; color: #999999; } .card_level_info label+input, .card_level_info label+textarea { color: #000; } .view_btn { display: flex; align-items: flex-end; margin-top: 5px; } .view_btn img { margin-right: 10px; } .super-menu>li { vertical-align: middle } .video-item iframe { width: 100%; } /*2021/11/16 comment Tams*/ /*图文4:6 */ .content_list div.activity_info { width: 60%; } .content_list img { width: 40%; } /*農場頁面視頻沒有對齊*/ .farm_item iframe { padding: 0; } /*Blog Post顯示創建日期*/ .comment-date { display: block !important; order: 3; padding: 0; border: none; } .p-date { display: block !important; } /* 收藏樣式 */ .product-grid-item .wishlist-icon.fa-heart:before, .product-grid-item .wishlist-icon.fa-heart-1:before { color: red !important; content: "\f004" !important; } .fa-heart-1{ color: red !important; } .product-info .right i.icon { padding-right: 0; } .product-page .a2a_kit { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .product-page .a2a_kit>a { display: flex; padding: 0 16px; } /*side-block*/ #bottom-modules .journal2_cms_blocks:first-of-type{ height:0; } .side-block-1 { top: 50% !important; z-index:99999; transition: 0.3s all; } .side-block-2 { top: 58% !important; z-index:99999; transition: 0.3s all; } .side-block-3 { top: 66% !important; z-index:99999; transition: 0.3s all; } .side-block-content a{ font-size:13px; line-height: 20px; } .side-block-2 img{ width:40px!important; } .side-block-3 img{ width:40px!important; } .journal-cms-block-394 .blocks .cms-block:nth-child(3){ margin-top:0!important; } .side-block-icon { position: absolute; top: 0; left: -50px; display: flex; justify-content: center; align-items: center; } .showthis{ width: 150px!important; right: 0!important; transition: 0.3s all; } @media screen and (max-width:480px) { .side-block-1 img{ width:40px!important; } .side-block-2 img{ width:35px!important; } .side-block-3 img{ width:35px!important; } } /*首頁佈局調整 2022-11-15，alin*/ .home-page .journal-cms-block-394, .home-page .journal-cms-block-418 { display: inherit; } .home-page .journal-cms-block-394 .blocks{ display: block; } .journal-cms-block-394 .blocks .cms-block{ float: left; } .home-page .journal-cms-block-418 .blocks{ margin-top: 20px!important; margin-bottom: 40px; } .journal-cms-block-418 iframe{ max-width:100%; } .journal-blog-page-75 #container { padding-top: 20px; } .journal-newsletter-513 .newsletter-input-wrap span{ display: none; } .journal-newsletter-513 .newsletter-button{ top: 0!important; right: 0!important; border-radius: 0 30px 30px 0; line-height: 39px; } .aj_box { display: flex; align-items: center; justify-content: center; background: #aaa; margin: 20px 0; padding: 10px; width: 100%; min-height: 200px; border: 2px #ccc solid; color: #fff; } .aj_accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; } .active, .aj_accordion:hover { background-color: #ccc; } .aj_accordion:after { content: '詳情'; color: #FFFFFF; font-weight: bold; float: right; margin-left: 5px; } .active:after { content: "\2212"; } .aj_panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; margin-bottom: 10px; margin-top: 10px; } .aj_video_div { margin: 20px 0; } .aj_header_2 { /* font-family: 'Montserrat', sans-serif; */ font-weight: 200; font-size: 32px; color: #13648D; text-align: center; padding: 20px 0; line-height: 1.2em; } .aj_video_div { text-align: center; margin: 30px 0; } .aj_sub_header { font-size: 22px; color: #13648D; margin: 10px 0; } li.aj_li_sub1 { margin-left: 20px; list-style-type: circle; } .aj_footnotes { font-size: 0.9em; } @media screen and (min-width: 1024px) { .aj_table_col_3 { display: inline-block; width: 30%; padding-top: 15px; padding-bottom: 15px; } .aj_table_title { font-size: 24px; margin-bottom: 10px; } .aj_table_text { font-size: 16px; line-height: 26px; } .aj_blog_content ul { margin-left: 20px; margin-top: 15px; margin-bottom: 15px; padding: 0; } .aj_info_title { font-size: 24px; margin-top: 20px; margin-bottom: 15px; } .aj_blog_text_chi { font-size: 20px; line-height: 30px; } .aj_img_row_container { flex-direction: row; } .aj_img_cell { padding: 10px; flex: 33%; } .aj_blog_content { font-size: 16px; } .aj_header2_left { font-size: 24px; } .aj_header3_left { font-size: 20px; } .aj_header3 { font-size: 20px; } .blog-post .heading-title { font-size: 32px !important; } .journal2_static_banners .box-content { margin-top: 15px; width: 80%; font-size: 1em; } .aj_tips_img_container { padding: 10px; } .aj_tips_info_container { padding: 10px; } .aj_tips_content { font-size: 1.2em; flex-direction: row; } .aj_tips_img_container img { max-width: 500px; } .aj_banner_img_container { width: 60%; } .aj_product_list_name { width: 400px; } .aj_button_container_2 { flex-direction: row; } .aj_blog_side_info { flex: 3 1 0; } .aj_blog_container { flex-direction: row; } .aj_header_1 { font-size: 1.8em; margin-bottom: 20px; line-height: 1.8em; } .aj_img_desc_container { width: 80%; } .aj_img_desc_row { display: flex; margin-bottom: 15px; } .aj_leader_img_desc_container .aj_img_box img { max-height: 300px; } .aj_desc_box { flex: 2 1 0; padding: 20px; } .aj_yl_diff_container { width: 80%; } .aj_farm_content { font-size: 1.2em; } .aj_farm_accordion { font-size: 1.4em; } .aj_farm_header_2 { font-size: 1.4em; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .aj_table_col_3 { display: block; padding-top: 15px; padding-bottom: 15px; } .aj_table_title { font-size: 24px; margin-bottom: 8px; } .aj_table_text { font-size: 16px; line-height: 26px; } .aj_blog_content ul { margin-left: 20px; margin-top: 15px; margin-bottom: 15px; padding: 0; } .aj_info_title { font-size: 22px; margin-top: 15px; margin-bottom: 15px; } .aj_blog_text_chi { font-size: 20px; line-height: 30px; } .aj_blog_banner img { max-height: 350px; } .aj_img_row_container { flex-direction: row; } .aj_img_cell { padding: 10px; flex: 33%; } .aj_blog_content { font-size: 16px; } .aj_header2_left { font-size: 22px; } .aj_header3_left { font-size: 18px; } .aj_header3 { font-size: 18px; } .blog-post .heading-title { font-size: 28px !important; line-height: 38px; } .journal2_static_banners .box-content { margin-top: 15px; width: 80%; font-size: 1em; } .aj_tips_img_container { padding: 15px; } .aj_tips_info_container { padding: 15px; } .aj_tips_content { font-size: 1.2em; flex-direction: row; } .aj_tips_img_container img { max-width: 500px; } .aj_banner_img_container { width: 80%; } .aj_product_list_name { width: 300px; } .aj_button_container_2 { flex-direction: row; } .aj_blog_side_info { flex: 2 1 0; } .aj_blog_container { flex-direction: row; } .aj_header_1 { font-size: 1.6em; margin-bottom: 20px; line-height: 1.6em; } .aj_img_desc_container { width: 100%; } .aj_img_desc_row { display: flex; margin-bottom: 15px; } .aj_leader_img_desc_container .aj_img_box img { max-height: 300px; } .aj_desc_box { flex: 2 1 0; padding: 20px; } .aj_yl_diff_container { width: 100%; } .aj_farm_header_2 { font-size: 1.6em !important; } .aj_farm_content { font-size: 1.1em; } .aj_farm_accordion { font-size: 1.2em; } .aj_farm_header_2 { font-size: 1.2em; } } @media screen and (max-width: 767px) { .aj_table_col_3 { display: block; padding-top: 15px; padding-bottom: 15px; } .aj_table_title { font-size: 22px; margin-bottom: 6px; } .aj_table_text { font-size: 14px; line-height: 24px; } .aj_header_2 { font-size: 28px; } .aj_blog_text { font-size: 14px; } .aj_blog_content ul { margin-left: 20px; margin-top: 15px; margin-bottom: 15px; padding: 0; } .aj_info_title { font-size: 20px; margin-top: 10px; margin-bottom: 10px; } .aj_blog_text_chi { font-size: 18px; line-height: 26px; } .aj_blog_content { font-size: 15px; } .aj_img_row_container { flex-direction: column; } .aj_img_cell { padding: 10px 10%; flex: 33%; } .aj_blog_content { font-size: 15px; } .aj_header2_left { font-size: 20px; } .aj_header3_left { font-size: 18px; } .aj_header3 { font-size: 18px; } .blog-post .heading-title { font-size: 24px !important; line-height: 34px; } .aj_enlarge_img_desc { display: none; } .journal2_static_banners .box-content { margin-top: 10px; width: 90%; font-size: 0.8em; line-height: 1.5em; } .aj_img_cell.aj_hide { display: none; } .aj_tips_img_container { padding: 10px; } .aj_tips_info_container { padding: 10px; } .aj_tips_content { font-size: 1.1em; flex-direction: column; } .aj_banner_img_container { width: 95%; } .aj_product_list_name { width: 200px; } .aj_button_container_2 { flex-direction: column; } .aj_tabs_navigation-container { flex-direction: column; } .aj_tabs_content-button { display: block; transition: 0s !important; width: 100% !important; } .search-page select[name="filter_category_id"] { width: 100% !important; } .aj_blog_side_info { flex: 1 1 0; } .aj_blog_container { flex-direction: column; } .aj_header_1 { font-size: 1.4em; margin-bottom: 20px; line-height: 1.6em; } .aj_img_desc_container { width: 100%; } .aj_img_desc_row { display: block; margin-bottom: 15px; } .aj_leader_img_desc_container .aj_img_box img { max-height: 250px; } .aj_desc_box { flex: 2 1 0; padding: 10px; } .aj_seed_icon img { width: 60%; } .aj_yl_diff_img { order: 1; } .aj_yl_diff_text { order: 2; } .aj_yl_diff_container { width: 100%; } .aj_yl_diff_row { flex-direction: column; } .aj_farm_header_2 { font-size: 1.2em !important; } .aj_farm_content { font-size: 1em; padding: 0 5px; } .aj_farm_accordion { font-size: 1em; } } .aj_table_container { width: 100%; text-align: center; } .aj_table_col_3 { text-align: center; vertical-align: middle; } .aj_table_title { color: #13648D; } .aj_blog_content ul { list-style: disc; } .aj_blog_content li { line-height: 24px; } .aj_button { text-align: center; display: block; background-color: #6e4a9e; color: white; border-style: solid; width: 200px; margin-left: auto; margin-right: auto; border-width: thin; text-decoration: none; padding: 10px 30px; border-radius: 8px; } .aj_button:hover { color:white } .aj_img_container { margin: 20px 5%; display: flex; } .aj_info_title { color: #13648D; } .aj_blog_content a:hover { color: red; text-decoration: underline; } .aj_small-icon { width: 15px; } .aj_blog_text_chi { text-align: center; } img.aj_img_thin { margin-left: auto; margin-right: auto; } .aj_blog_banner { text-align: center; margin-bottom: 20px; } .aj_blog_banner img { max-height: 450px; } .aj_header2_left { text-align: left; margin-bottom: 20px; color: #4B0082; } .aj_header3_left { text-align: left; margin-bottom: 20px; color: #4B0082; } .aj_header3 { text-align: center; margin-bottom: 20px; color: #4B0082; } .aj_img_row_container { display: flex; } .aj_enlarge_img_desc { text-align: center; font-size: 1em; } .aj_enlarge_img_desc img { width: 20px; } a.item[data-tab="first"] { display: none !important; } .journal2_static_banners .box-content { text-align: center; margin-right: auto; margin-left: auto; } .journal2_static_banners .static-banner { overflow: hidden; } .journal2_static_banners .static-banner img { transition: 0.2s; } .journal2_static_banners .static-banner img:hover { transform: scale(1.05); } .aj_tips_content { display: flex; } .aj_tips_text { line-height: 1.6em; margin-bottom: 20px; } .aj_blog_content ol { list-style: decimal; padding-left: 20px; margin-left: 20px; margin-top: 15px; margin-bottom: 15px; padding: 0; } .aj_banner_img_container { display: flex; flex-direction: row; margin-left: auto; margin-right: auto; } .aj_banner_img_2 { flex: 50%; padding: 10px; } .aj_img_accordion_container { margin-left: auto; margin-right: auto; text-align: center; padding: 10px; flex: 1 1 0; } .aj_accordion_img { margin-bottom: -10px; } .aj_img_accordion_container .aj_panel { border: 2px solid #13648D; margin-top: -3px; text-align: left; } img.download_btn { height: 36px; vertical-align: middle; } .mega_text { display: inline-block; color: red; line-height: 2em; font-weight: 600; } .mega_sale_container { padding: 20px; border: lightyellow; width: max-content; background-color: yellow; border-radius: 10px; margin-left: auto; margin-right: auto; } .aj_vertical_banner { text-align: center; margin-bottom: 10px; } .aj_vertical_banner img { max-height: 700px; } #tab-description .aj_blog_content ul li { margin-left: 0; } .aj_cells_container { margin-left: auto; margin-right: auto; text-align: center; padding: 10px; flex: 1 1 0; align-content: center; } .aj_cell img { max-width: 200px; } .aj_cell { padding: 10px; } .aj_table { display: table; } .aj_product_list_name { display: table-cell; } .aj_product_list_desc { display: table-cell; width: 30%; text-align: right; } .aj_button_container_2 { display: flex; text-align: center; } .aj_button_long { flex: 1 1 0; margin-bottom: 20px; } .aj_button_long a { width: 300px; display: inline-block; background-color: #6E4A9E; padding: 10px 20px; } /* For Tabs start */ .aj_tabs_navigation-container { display: flex; justify-content: space-evenly; margin: 3em auto 0 auto; max-width: 90%; } .aj_tabs_content-button { background: #ffffff; border-radius: 0; border: none; font-size: 16px; font-weight: bold; letter-spacing: 2px; margin: 0; outline: 1px solid rgb(52, 124, 129); padding: 0.5em 1em; text-transform: uppercase; transition: 500ms; width: 33.33%; } /* Create an active/current tablink class */ .aj_tabs_navigation-container .aj_tabs_content-button.active { background-color: rgb(52, 124, 129); color: white; } .aj_tabs_content-page { display: none; margin: 3em auto 0 auto; max-width: 90%; animation: aj_tabs_contentAnimation 500ms; } @keyframes aj_tabs_contentAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } .aj_tabs_content-page h1 { margin-bottom: 0.5em; } .aj_tabs_content-button.active:after { content: "\272D"; } /* For Tabs end */ .search-page select[name="filter_function_id"] { display: none !important; } .search_span#download_search { max-width: 100%; } #button-search.button { line-height: 37px; margin-right: 0px !important; font-size: 1em; } .search-page .content>p { display: contents; } .active[data-tab="third"] .meta { display: none; } /* For HC */ .aj_hc_desc { width: 100%; padding: 10px 10px; background-color: #f2f0ef; } .aj_hc_package { padding: 10px; } .aj_hc_info { display: flex; text-align: center; background-color: #f2f0ef; } .aj_hc_price { flex: 1 1 0; padding: 10px; } .aj_hc_pv { flex: 1 1 0; padding: 10px; background-color: #c9c8c7; } .aj_hc_limit { flex: 1 1 0; padding: 10px; } .aj_hc_itemno { padding: 5px 10px; font-size: 0.9em; } .aj_header_1 { color: #4B0082; } .aj_blog_container { display: flex; } .aj_blog_side_info { flex: 3 1 0; } .aj_blog_side_img { flex: 1 1 0; padding: 0 20px 40px 20px; text-align: center; } .aj_img_desc_container { margin-right: auto; margin-left: auto; } .aj_img_box { flex: 1 1 0; text-align: center; } .aj_img_box img { max-height: 180px; } .aj_leader_img_desc_container .aj_img_box img { max-height: 300px; } .aj_seed_header_container { display: inline-block; margin-bottom: 20px; } .aj_seed_header_container img { float: left; margin-right: 20px; } .aj_seed_icon_list { display: flex; flex-direction: row; justify-content: center; } .aj_seed_icon { flex: 1 1 0; text-align: center; } .aj_yl_diff_row { display: flex; } .aj_yl_diff_container { margin-left: auto; margin-right: auto; } .aj_yl_diff_img { flex: 1 1 0; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; text-align: center; } .aj_yl_diff_text { flex: 1 1 0; } .aj_farm_btn { background-color: #6e4a9e; color: white; padding: 10px 30px; display: inline-block; margin-top: 20px; } .aj_farm_accordion { background-color: #6e4a9e; color: white; text-align: center; width: 100%; padding: 15px; margin-bottom: 15px; } .aj_farm_text_container { text-align: center; } .aj_farm_content .aj_blog_banner img { max-height: 500px !important; width: 100%; object-fit: cover; object-position: center; } .flyout [class*="select"] { font-weight: 800; background-color: lightblue; }