/* Control Panel Settings */ .quickview .mfp-iframe-holder .mfp-content{height:530px} #more-details[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(66, 139, 202)} #more-details i:before{content: '\e07b';font-size: 20px;color: rgb(255, 255, 255)} .quickview #content{background-color: rgb(228, 228, 228)} .quickview h1.heading-title{text-align:left} .label-latest{color: rgb(255, 255, 255);width: 40px;height: 30px; line-height: 30px; padding-top:0; padding-bottom:0;background-color: rgb(66, 139, 202)} .label-sale{color: rgb(255, 255, 255);width: 40px;height: 30px; line-height: 30px; padding-top:0; padding-bottom:0;background-color: rgb(234, 35, 73)} .label-outofstock{background-color:rgb(234, 35, 73);text-transform: uppercase} .hide-cart .cart.outofstock .button{opacity:.5} header .links a, .links .no-link, .mm-header-link a{color: rgb(95, 104, 116)} header .links .no-link{color: rgb(51, 55, 69)} header .journal-secondary a, header .journal-secondary .links > a, .mm-header-link a{color: rgb(95, 104, 116)} header .journal-secondary .no-link{color: rgb(51, 55, 69)} .mega-menu div > h3{font-weight: 400;font-family: "Oswald";font-style: normal;font-size: 13px;text-transform: uppercase;color: rgb(255, 255, 255);background-color: rgb(234, 35, 73);padding-left:7px;padding-top:2px;padding-right:7px;padding-bottom:3px} .mega-menu-categories .mega-menu-item ul li a{padding-left:8px} .mega-menu-categories .mega-menu-item ul li a:hover{color: rgb(234, 35, 73)} .mega-menu-brands div > h3{font-weight: 400;font-family: "Oswald";font-style: normal;font-size: 13px;text-transform: uppercase;color: rgb(255, 255, 255);text-align:left;background-color: rgb(234, 35, 73)} .mega-menu-html div > h3, .mega-menu-mixed .mega-menu-html > h3{font-weight: 400;font-family: "Oswald";font-style: normal;font-size: 13px;text-transform: uppercase;color: rgb(255, 255, 255);text-align:left} .mega-menu-html .mega-menu-item .wrapper{color: rgb(51, 55, 69);background-color: rgb(244, 244, 244);padding-left:10px;padding-bottom:10px;padding-top:10px;padding-right:10px} .super-menu > li > a{font-weight: 400;font-family: "Oswald";font-style: normal;font-size: 13px;text-transform: uppercase;color: rgb(255, 255, 255);line-height:40px} .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(244, 244, 244)} .mega-menu-categories .mega-menu div > h3{text-align:left} .mega-menu-categories .mega-menu-item > div{padding:8px;background-color: rgb(244, 244, 244)} .mega-menu-html div > h3{background-color: rgb(234, 35, 73)} .mobile-trigger:before{content: '\e618';font-size: 20px;color: rgb(250, 250, 250);top: -1px} .mega-menu-categories .mega-menu-item ul li a:before, html[dir='rtl'] .mega-menu-categories .mega-menu-item ul li a::after{content: '\e62c';font-size: 14px} .mobile-trigger, .mobile-menu-on-tablet .mobile-trigger{font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(255, 255, 255)} .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(63, 87, 101);color: rgb(255, 255, 255)} .journal-header-default .links a:hover{background-color: rgb(228, 228, 228)} .journal-header-default .journal-links{background-color: rgb(244, 244, 244)} .journal-header-default .links a, .journal-header-default .links .no-link{border-color: rgb(228, 228, 228)} header .links li:hover a, .mm-header-link li:hover a{color: rgb(255, 255, 255)} .super-menu > li:hover > a{color: rgb(1, 30, 106)} .super-menu > li:hover, .journal-header-compact #header .journal-menu .super-menu > li:hover > a{background-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(51, 55, 69)} .mega-menu, .html-menu{background-color: rgba(51, 55, 69, 0.9)} .mega-menu div > h3:hover > a{color: rgb(255, 255, 255)} .mega-menu .mega-menu-categories h3:hover{background-color: rgb(234, 35, 73)} .drop-down ul li:hover > a, .fly-drop-down ul li:hover > a{color: rgb(1, 30, 106)} .drop-down ul li, .fly-drop-down ul li{background-color: rgb(255, 255, 255)} .drop-down ul li:hover > a i:before{color: rgb(255, 255, 255)} .mega-menu .product-grid-item .price{display:none} .mega-menu-item > div, #header .mega-menu .product-wrapper{margin-right:15px} .mega-menu{padding:15px} .mega-menu-column > div > h3, .mega-menu-column > h3{padding-right:7px;background-color: rgb(234, 35, 73);padding-bottom:6px;padding-top:5px;padding-left:7px;font-weight: 400;font-family: "Oswald";font-style: normal;font-size: 13px;text-transform: uppercase;color: rgb(255, 255, 255);margin-bottom:10px} .mega-menu-column.mega-menu-html .wrapper, .mega-menu .mega-menu-column .menu-cms-block{padding-left:10px;padding-bottom:10px;padding-top:10px;background-color: rgb(244, 244, 244);padding-right:10px} .mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper h3, .mega-menu .mega-menu-column .menu-cms-block h1, .mega-menu .mega-menu-column .menu-cms-block h2, .mega-menu .mega-menu-column .menu-cms-block h3{color: rgb(42, 43, 46)} .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(42, 43, 46)} .mega-menu-column.mega-menu-html .wrapper p, .mega-menu .mega-menu-column .menu-cms-block{line-height:20px} .mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper h3{padding-bottom:5px} .mega-menu-categories .mega-menu-item ul li.view-more a{font-weight: bold;font-style: normal;font-size: 11px;text-transform: none} .mobile .journal-menu .mobile-menu > li, .tablet.mobile-menu-on-tablet header .journal-menu .mobile-menu > li, .mobile.mobile-menu-on-tablet header .journal-menu .mobile-menu > li, #header .journal-menu .mobile-menu > li .mobile-plus{border-style:solid} .quote .button{font-size: 15px} .product-info .left .image-additional a{padding:0 10px 10px 0} .product-info .image .label-latest{display: block} .product-info .image .label-sale{display: block} .product-info .image .label-outofstock{display: block} .product-options > div, .product-options > ul{background-color: rgb(250, 250, 250)} .product-options > div, .product-options > ul, .skin-11 .right .heading-title{margin-bottom:1px} .product-info .right .description .instock{font-weight: bold;font-style: normal;font-size: 13px;text-transform: none;color: rgb(51, 153, 101)} .product-info .right .description .outofstock{font-weight: bold;font-style: normal;font-size: 13px;text-transform: none;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: "Oswald";font-style: normal;font-size: 27px;text-transform: none;color: rgb(51, 55, 69)} .product-info .right .price .price-old, .product-info .right .price li.price-old{font-weight: 400;font-family: "Oswald";font-style: normal;font-size: 20px;text-transform: none;color: rgb(255, 255, 255)} .product-info .right .price-old{background-color: rgb(234, 35, 73)} .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{color: rgb(255, 255, 255);background-color: rgb(169, 184, 192)} .product-info .option > ul > li{color: rgb(255, 255, 255);background-color: rgb(66, 139, 202)} #button-cart, .product-info .right .cart div .button.enquiry-button{font-weight: 400;font-family: "Oswald";font-style: normal;font-size: 16px;text-transform: uppercase;color: rgb(255, 255, 255)} .product-info .right .wishlist-compare .links a{font-weight: bold;font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255)} .product-info .right .wishlist-compare .links a:hover{color: rgb(66, 139, 202)} #tabs a, #tabs li a{font-weight: 400;font-family: "Oswald";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(255, 255, 255);background-color: rgb(234, 35, 73);box-shadow:inset 0 -3px 6px -2px rgba(0, 0, 0, 0.5)} .product-info .tab-content, .tab-content{padding:15px} .product-info .left .journal-custom-tab{background-color: rgb(250, 250, 250);padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:10px} .product-info .right .journal-custom-tab{background-color: rgb(250, 250, 250);padding-left:10px;padding-top:10px;padding-bottom:10px;padding-right:10px} .product-info .gallery-text:before{content: '\e015';font-size: 16px} #product-gallery .swiper-button-prev::before{content: '\e62b';font-size: 18px;color: rgb(255, 255, 255);top: -1px;left: -1px} #product-gallery .swiper-button-next::before{content: '\e62c';font-size: 18px;color: rgb(255, 255, 255);top: -1px;left: 1px} #button-cart .button-cart-text:before, #button-cart .button-cart-text:after{content: '\e000';font-size: 26px;color: rgb(255, 255, 255);top: 5px} .product-info .right .wishlist-compare .links a:before{content: '\e662';font-size: 16px} .product-info .right .wishlist-compare .links a+a:before{content: '\e025';font-size: 16px} .product-info .right .options .option{border-color: rgb(189, 195, 199)} .product-info .option > ul > li.selected, .product-info .option > ul > li:hover{color: rgb(255, 255, 255);background-color: rgb(234, 35, 73)} .product-info .right .cart div .journal-stepper{color: rgb(255, 255, 255);background-color: rgb(169, 184, 192)} .product-info .right .cart div .journal-stepper:hover{color: rgb(255, 255, 255);background-color: rgb(189, 195, 199)} #button-cart:hover, .product-info .right .cart div .button.enquiry-button:hover, .quickview #more-details:hover{color: rgb(255, 255, 255)} .product-info .right .wishlist-compare{background-color: rgb(169, 184, 192)} #tabs a:hover, #tabs a.selected, #tabs li a:hover, #tabs li.active a{color: rgb(51, 55, 69);background-color: rgb(250, 250, 250)} .product-info .tab-content, .tab-content, .quickview .tab-content{background-color: rgb(250, 250, 250)} .tags a{background-color: rgb(244, 244, 244)} .tags a:hover{background-color: rgb(66, 139, 202);color: rgb(255, 255, 255)} .tags b{background-color: rgb(95, 104, 116);color: rgb(255, 255, 255)} .tags{text-align:left} .tags a, .tags b{border-radius: 15px} .product-info .right > div > div, .product-info .right > div > ul{padding-left:10px;padding-top:10px;padding-right:10px;padding-bottom:10px} #product-gallery .swiper-button-prev, #product-gallery .swiper-button-next{width:22px;height:22px; line-height:22px;background-color: rgb(234, 35, 73)} #product-gallery .swiper-button-prev:hover::before, #product-gallery .swiper-button-next:hover::before{color: rgb(255, 255, 255)} #product-gallery .swiper-button-prev:hover, #product-gallery .swiper-button-next:hover{background-color: rgb(66, 139, 202)} .product-info .right .options .option b, .product-info .right .options .option .control-label{font-weight: bold;font-style: normal;font-size: 13px;text-transform: none} .attribute tbody td{text-align:left} #product .product-sold-count-text{padding-left:0px;padding-bottom:8px;padding-right:8px;padding-top:8px} .product-sold-count-text{font-weight: bold;font-style: normal;font-size: 15px;text-transform: none} .product-options .product-sold-count-text{background-color: rgb(238, 238, 238)} .product-page .heading-title{text-align:left} .attribute tr td:first-child{text-align:left} .product-info .right .options.push-1 .option-image li span img:hover, .product-info .right .options.push-image .option-image li span img:hover, .product-info .right .options.push-select .option-image li.selected span img, .product-info .right .options.push-image .option-image li.selected span img, .product-info .right .options.push-checkbox .option-image li.selected span img, .product-info .right .options.push-radio .option-image li.selected span img{border-color: rgb(234, 35, 73)} body{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 13px;text-transform: none;color: rgb(51, 55, 69);background-image: url('image/data/journal2/pattern/dots.png');background-repeat: repeat;background-position: center top;background-size: auto;background-attachment: scroll} .heading-title, .box-heading, #blogArticle .articleHeader h1, .oc-filter .panel-heading{text-align:left;line-height:40px; min-height:40px;;background-color: rgb(0, 34, 121)} .secondary-title, #content #review-title{text-align:left;font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255);padding-top:8px; padding-bottom:8px;padding-left:10px; padding-right:10px;background-color: rgb(95, 104, 116)} .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: 400;font-family: "Oswald";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(250, 250, 250)} .button, .side-column .box-content a.button, #quickcheckout .button, .modal-footer .btn{font-weight: 400;font-family: "Oswald";font-style: normal;font-size: 13px;text-transform: uppercase;color: rgb(255, 255, 255)} .button, #quickcheckout .button, .modal-footer .btn{border-radius: 2px;padding:0 10px;line-height:33px;background-color: rgb(0, 34, 121)} .breadcrumb{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 12px;text-transform: none;color: rgb(255, 255, 255);background-color: rgb(51, 55, 69);display:none !important;} .scroll-top:before{content: '\e021';font-size: 45px;color: rgb(63, 87, 101)} #container{background-color: rgb(238, 238, 238)} .extended-layout .extended-container{background-color: rgb(255, 255, 255)} a{color: rgb(66, 139, 202)} a:hover{color: rgb(0, 34, 121)} .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(66, 139, 202)} .breadcrumb a:hover{color: rgb(0, 34, 121)} .scroll-top:hover:before{color: rgb(0, 34, 121)} .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:10px} .box-sections ul li, .custom-sections .box-heading.box-sections{border-style:solid;border-color: rgb(255, 255, 255)} .custom-sections .box-heading{background-color: rgb(234, 35, 73)} .box-sections ul li a{color: rgb(119, 119, 119)} .box-sections, .box-sections ul li a, #top-modules .journal2_custom_sections::before, #bottom-modules .journal2_custom_sections::before{line-height:40px; min-height:40px;} .box-sections ul li a:hover, .box-sections ul li a.selected{background-color: rgb(66, 139, 202)} #footer{margin-top:0px;margin-bottom:0px;background-image: url('image/data/website/bg/navigation-bars.jpg');background-position: center top;background-size: auto;background-attachment: scroll} footer .column > h3{border-bottom-style:solid;text-align:left;font-weight: 400;font-family: "Oswald";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(255, 255, 255);border-color: rgb(95, 104, 116)} footer .column-menu-wrap > ul li{color: rgb(255, 255, 255)} footer .contacts{box-shadow:0 0 7px rgba(0,0,0,.4);background-color: rgb(63, 87, 101)} footer .contacts [data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(66, 139, 202)} .bottom-footer{box-shadow:0 0 7px rgba(0,0,0,.4);background-color: rgb(244, 244, 244)} .fullwidth-footer{background-color: rgb(51, 55, 69)} footer .column-menu-wrap > ul li:hover a{color: rgb(234, 35, 73)} footer .contacts > div > span > .contact-icon{background-color: rgb(51, 55, 69)} footer a .contacts-text:hover{color: rgb(234, 35, 73)} footer .contacts-text{color: rgb(255, 255, 255)} footer .column-text-wrap h1, footer .column-text-wrap h2, footer .column-text-wrap h3{padding-bottom:3px;font-weight: 400;font-family: "Oswald";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(255, 255, 255)} .column.products .product-grid-item .price, .column.products .product-grid-item .price-new{color: rgb(255, 255, 255)} .column.products .product-grid-item .name a, .footer-post-title{color: rgb(255, 255, 255)} .column.products .product-grid-item{border-color: rgb(95, 104, 116);padding:4px 0;border-bottom-style:solid} .column.products .product-grid-item .name a{white-space:normal} .footer-post{border-color: rgb(95, 104, 116);padding:7px 0;border-bottom-style:solid} #cart .heading i{border-left-style:solid} .mini-cart-info table tr{border-bottom-style:solid;border-bottom-color: rgb(228, 228, 228)} #cart .heading, .ie9 #cart button.heading{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255)} .mini-cart-info table tr td.image img{border-width: 3px;border-style: solid;border-color: rgb(244, 244, 244)} .mini-cart-info{max-height:350px} .mini-cart-total{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69);background-color: rgb(244, 244, 244)} .button-search, .journal-header-center .button-search{border-right-style:solid} #search input{background-color: rgb(250, 250, 250)} .autocomplete2-suggestion span.p-price{display:block} .autocomplete2-suggestions > div{max-height:350px} .journal-header-center #language, .journal-header-center #currency{border-style:solid;border-color: rgb(244, 244, 244)} .journal-language .dropdown-menu, .journal-currency .dropdown-menu{border-radius: 3px;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: 27px;color: rgb(255, 255, 255)} .button-search i:before{content: '\e697';font-size: 20px;color: rgb(169, 184, 192)} .header, .boxed-header.default-header .journal-login{background-image: url('image/data/website/bg/navigation-bars.jpg');background-position: center top;background-size: auto;background-attachment: scroll} .journal-header-default #cart{background-color: rgb(234, 35, 73)} #cart .content .cart-wrapper, .oc2 #cart .checkout{background-color: rgb(255, 255, 255)} .mini-cart-info table tr td.remove i{color: rgb(234, 35, 73)} .mini-cart-info table tr td.remove i:hover, .firefox .mini-cart-info table tr td.remove button:hover i{color: rgb(66, 139, 202)} .autocomplete2-suggestion{border-bottom-style:solid;border-color: rgb(189, 195, 199)} .autocomplete2-suggestion:hover{background-color: rgb(228, 228, 228)} .button-search:hover i:before{color: rgb(153, 153, 153)} .button-search{background-color: rgb(250, 250, 250);border-color:rgb(238, 238, 238)} .button-search:hover{background-color: rgb(238, 238, 238)} .autocomplete2-suggestions{background-color: rgb(244, 244, 244);box-shadow: 0px 0px 30px rgb(0, 0, 0)} .journal-language .dropdown-menu > li > a, header .journal-currency .dropdown-menu > li > a{color: rgb(51, 55, 69)} .journal-language .dropdown-menu > li > a:hover, header .journal-currency .dropdown-menu > li > a:hover{color: rgb(51, 55, 69)} .journal-language .dropdown-menu > li > a:hover, .journal-currency .dropdown-menu > li > a:hover{background-color: rgb(244, 244, 244)} .journal-header-center .journal-top-header, .journal-header-center .journal-secondary{border-bottom-style:solid; border-top-style:solid;} .journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li{border-top-style:solid} .autocomplete2-suggestion .p-image{display:block} .is-sticky .header{box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.3)} .product-wrapper{background-color: rgb(255, 255, 255)} .product-grid-item .image .label-latest{display: block} .product-grid-item .image .label-sale{display: block} .product-grid-item .image .label-outofstock{display: block} .product-grid-item .name a, .posts h2 a{white-space:normal;font-weight: bold;font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69)} .product-grid-item .price{display:inline-block;;border-top-width: 1px;border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;display:none} .product-details:before{font-size: 25px;color: rgb(255, 255, 255)} .product-grid-item .quickview-button {margin-left: -19px;margin-top: -20px} .product-grid-item .quickview-button .button{border-radius: 50%} .product-grid-item .quickview-button .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(66, 139, 202)} .product-grid-item.display-icon .wishlist > a, .product-grid-item.display-icon .compare > a{border-radius: 50%;width:35px;height:35px; padding:0;;background-color: rgb(234, 35, 73)} .product-grid-item .wishlist [data-hint]:after, .product-grid-item .compare [data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(66, 139, 202)} .product-grid-item .cart:not(.enquiry-button) i::before{content: '\e000';font-size: 23px;color: rgb(255, 255, 255)} .product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before{content: '\e015';font-size: 22px;color: rgb(255, 255, 255);top: -1px} .product-grid-item .wishlist-icon:before{content: '\e662';font-size: 11px} .product-grid-item .compare-icon:before{content: '\e025';font-size: 11px} .product-grid-item .price, .product-grid-item .price-new{font-weight: bold;font-style: normal;font-size: 15px;text-transform: none;color: rgb(51, 55, 69)} .product-grid-item .price-old, .compare-info .price-old, .autocomplete2-suggestion span.p-price .price-old{color: rgb(234, 35, 73)} .product-grid-item .wishlist a, .product-grid-item .compare a{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 10px;text-transform: none;color: rgb(51, 55, 69)} .product-grid-item .name a:hover, .side-column .product-grid-item .name a:hover, .posts h2 a:hover{color: rgb(66, 139, 202)} .product-grid-item.display-icon .wishlist > a:hover, .product-grid-item.display-icon .compare > a:hover{background-color: rgb(66, 139, 202)} .soft-shadow .product-wrapper{box-shadow:none} .product-grid-item .rating{top:-60px;margin-left:-47px;display:block} .product-grid-item .description{display:none} .category-list ul li a, .refine-category-name{color: rgb(95, 104, 116)} .category-list ul li:after{color: rgb(228, 228, 228)} .category-list{background-color: rgb(51, 55, 69)} .refine-image a{background-color: rgb(250, 250, 250)} .refine-image a:hover{background-color: rgb(255, 255, 255)} .product-filter, .product-compare a{font-weight: bold;font-style: normal;font-size: 13px;text-transform: none;color: rgb(255, 255, 255)} .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(234, 35, 73)} .pagination{background-color: rgb(250, 250, 250);box-shadow:none} .product-filter .display a i:hover, .product-filter .display a.active i{color:rgb(234, 35, 73) !important} .product-filter{background-color: rgb(95, 104, 116)} .product-compare a:hover{color: rgb(66, 139, 202)} .pagination a, .pagination b, .pagination li{border-radius: 50%} .pagination a{background-color: rgb(255, 255, 255);color: rgb(51, 55, 69)} .pagination b, .pagination a:hover, .pagination li.active {background-color: rgb(234, 35, 73)} .pagination .results, .dataTables_info{font-weight: bold;font-style: normal;font-size: 13px;text-transform: none} .category-page .heading-title{text-align:left} .tp-bannertimer, .tp-bannertimer.tp-bottom{height:3px;background-color: rgb(119, 119, 119)} .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-width: 5px;border-radius: 3px;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: '\e093';font-size: 35px;color: rgb(255, 255, 255)} .tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before{content: '\e094';font-size: 35px;color: rgb(255, 255, 255)} .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(119, 119, 119)} .tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page span{background-color: rgb(255, 255, 255);border-radius: 50%;margin-left:8px;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(119, 119, 119)} .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: 22px;color: rgb(255, 255, 255)} .journal-carousel.arrows-top .swiper-button-next::before{content: '\e60e';font-size: 22px;color: rgb(255, 255, 255)} .swiper-pagination-bullet{background-color: rgb(95, 104, 116);border-radius: 50%;width:12px;height:12px} .journal-carousel.arrows-top .swiper-button-prev:hover::before, .journal-carousel.arrows-top .swiper-button-next:hover::before{color: rgb(66, 139, 202)} .swiper-pagination-bullet:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: rgb(66, 139, 202)} .journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected{color: rgb(255, 255, 255)} .journal-carousel.arrows-top .swiper-button-next{right:0px} .journal-carousel:not(.arrows-top) .swiper-button-next{right:10px} .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{width:32px;height:32px;;top:-56px;border-radius: 50%} .journal-carousel:not(.arrows-top) .swiper-button-prev{left:10px} .journal-carousel:not(.arrows-top) .swiper-button-prev:hover, .journal-carousel:not(.arrows-top) .swiper-button-next:hover{background-color: rgb(66, 139, 202)} .journal-carousel:not(.arrows-top) .swiper-button-prev::before{content: '\e60f';font-size: 30px;color: rgb(255, 255, 255)} .journal-carousel:not(.arrows-top) .swiper-button-next::before{content: '\e60e';font-size: 30px;color: rgb(255, 255, 255)} .journal-carousel.arrows-top .swiper-button-prev{right:25px} .journal-carousel:not(.arrows-top) .swiper-button-prev:hover::before, .journal-carousel:not(.arrows-top) .swiper-button-next:hover::before{color: rgb(255, 255, 255)} .side-column .journal-carousel.arrows-top .swiper-button-prev, .side-column .journal-carousel.arrows-top .swiper-button-next{top:-36px} .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} .cart-info .image a img, .wishlist-info .image a img, .compare-info tbody tr:first-of-type + tr > td img{border-width: 3px;border-style: solid;border-color: rgb(244, 244, 244)} .action-area h3{color: rgb(255, 255, 255);background-color: rgb(95, 104, 116)} .buttons{border-color: rgb(250, 250, 250);padding-top:15px; padding-bottom:15px;;padding-left:15px; padding-right:15px;background-color: rgb(250, 250, 250)} .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 tbody td a, .wishlist-info tbody td a, .compare-info .name a{color: rgb(66, 139, 202)} .cart-info tbody td a:hover, .wishlist-info tbody td a:hover, .compare-info .name a:hover{color: rgb(234, 35, 73)} .cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, table.list, table.list td, .order-list .order-id, .order-list .order-status{color: rgb(244, 244, 244)} .cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, .order-list .order-id, .order-list .order-status{background-color: rgb(95, 104, 116)} .cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type, .account-page table.list td, .account-page table.list{border-color: rgb(244, 244, 244)} .login-content > div, .sitemap-info > div > ul{background-color: rgb(250, 250, 250)} .login-content hr{background-color: rgb(228, 228, 228)} #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(250, 250, 250)} 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(95, 104, 116)} #content.sc-page .content table.radio .highlight td{border-color: rgb(244, 244, 244)} .checkout-heading, .checkout .panel-heading{background-color: rgb(95, 104, 116)} .checkout-heading{border-color: rgb(51, 55, 69);border-bottom-style:solid} .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-content, .checkout-page .panel-body {padding:12px} .checkout-heading, .checkout .panel-title{color: rgb(255, 255, 255)} .information-page #content h1.heading-title{text-align:left} table.radio .highlight td label, .action-area .panel-title{color: rgb(63, 87, 101)} .ui-pnotify {display: block !important;background-color: rgb(255, 255, 255)} .ui-pnotify-text img {display: block;border-width: 3px;border-style: solid;border-color: rgb(228, 228, 228)} .ui-pnotify-title {font-weight: bold;font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255);background-color: rgb(95, 104, 116)} .ui-pnotify-closer{color: rgb(255, 255, 255)} .ui-pnotify-closer:hover{color: rgb(66, 139, 202)} .ui-pnotify-text a{color: rgb(66, 139, 202)} .ui-pnotify-text a:hover{color: rgb(234, 35, 73)} .notification-buttons .notification-checkout:hover{color: rgb(255, 255, 255)} .notification-buttons .notification-cart:hover{color: rgb(255, 255, 255)} .notification-buttons{display:block} .notification-buttons .notification-cart{color: rgb(255, 255, 255)} .notification-buttons .notification-checkout{color: rgb(255, 255, 255)} .journal-sf ul label img{border-width: 2px;border-style: solid;border-color: rgb(228, 228, 228)} .sf-icon .sf-reset-icon::after, .sf-reset .sf-reset-icon::after{content: '\e025';font-size: 20px} .sf-price .ui-widget-header{background-color: rgb(234, 35, 73)} .sf-price .value{color: rgb(255, 255, 255);background-color: rgb(95, 104, 116);border-radius: 3px} .sf-price .ui-slider-handle:hover{background-color: rgb(234, 35, 73)} .sf-price .ui-slider-handle{background-color: rgb(95, 104, 116);border-radius: 50%;height:16px;top:-7px;width:16px} .journal-sf ul label.sf-checked img, .journal-sf ul label:hover img{border-color: rgb(169, 184, 192)} .side-column .journal-sf .box ul li label.sf-checked, .side-column .journal-sf .box ul li label:hover{color: rgb(234, 35, 73)} .sf-reset{color: rgb(255, 255, 255)} .sf-reset:hover{color: rgb(95, 104, 116)} .sf-icon:after{color: rgb(255, 255, 255);background-color: rgb(63, 87, 101)} .side-column .journal-sf .box ul li{border-color: rgb(228, 228, 228);padding-left:10px;padding-top:5px;padding-bottom:5px;border-bottom-style:solid} .sf-price .box-content{padding-bottom:40px;padding-left:25px;padding-right:25px;padding-top:20px} .sf-price .ui-slider-horizontal{height:3px} .journal-sf .sf-image .box-content ul li{padding-bottom:10px;padding-right:10px;width:20%} .side-column .journal-sf .box ul li label{font-weight: bold;font-style: normal;font-size: 13px;text-transform: none} .journal-sf .sf-image .box-content{padding-left:10px;padding-top:10px;padding-right:10px;padding-bottom:10px} .sf-price .ui-widget-content{background: rgb(66, 139, 202)} .journal-sf .box-content{max-height:265px} .journal-sf .sf-category.sf-image .box-content ul li{width:25%} .journal-sf .sf-manufacturer.sf-image .box-content ul li{width:25%} .side-column .block-content{padding:10px} .side-column .box.cms-blocks .block-content{background-color: rgb(250, 250, 250)} .editor-content h1, .editor-content h2, .editor-content h3, .side-block-content h1, .side-block-content h3, .side-block-content h3{padding-bottom:7px;font-style: normal ;font-size: 14px ;text-transform: none } .nav-numbers a{background-color: rgb(95, 104, 116);border-radius: 50%;width:12px;height:12px} .nav-numbers a:hover, .nav-numbers li.active a{background-color: rgb(234, 35, 73)} .gallery-thumb .item-hover{background-color: rgba(0, 0, 0, 0.5)} .lg-backdrop{background-color: rgba(0, 0, 0, 0.75)} .lg-toolbar, .lg-sub-html{background-color: rgb(51, 55, 69)} .lg-toolbar .lg-icon:hover, #lg-intense-zoom:hover{color: rgb(66, 139, 202)} .lg-sub-html{color: rgb(255, 255, 255)} .side-column .journal-gallery .box-content{padding:10px !important} .product-list-item{background-color: rgb(244, 244, 244)} .product-list-item .image .label-latest{display: block} .product-list-item .image .label-sale{display: block} .product-list-item .image .label-outofstock{display: block} .product-list-item .description{display:none} .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(66, 139, 202)} .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: '\e000';font-size: 23px;color: rgb(255, 255, 255)} .product-list-item .quickview-button .button-left-icon:before, .product-list-item .quickview-button .button-right-icon:before{content: '\e015';font-size: 20px;color: rgb(255, 255, 255)} .product-list-item .wishlist-icon:before{content: '\e662';font-size: 11px;color: rgb(51, 55, 69)} .product-list-item .compare-icon:before{content: '\e025';font-size: 11px;color: rgb(51, 55, 69)} .product-list-item .wishlist a:hover, .product-list-item .compare a:hover{color: rgb(234, 35, 73)} .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{background-color: rgb(169, 184, 192)} .side-column .side-category-accordion i:hover{color: rgb(255, 255, 255);background-color: rgb(234, 35, 73)} .side-column, .side-column .oc-module .product-grid-item .price, .journal-sf ul li label, .side-post-title{color: rgb(51, 55, 69)} .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(255, 255, 255)} .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(0, 34, 121)} .side-column .box-content li a, .side-column .box-category li a{padding-top:10px;padding-right:25px;padding-bottom:10px;padding-left:10px} .side-column .oc-module .product-grid-item{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px} .side-column .side-category i{height:20px;top:8px;right:8px;font-family: Helvetica, Arial, sans-serif;font-weight: normal;font-style: normal;font-size: 18px;text-transform: none;color: rgb(255, 255, 255);width:20px} .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(51, 55, 69)} #content .welcome h1, .side-column .welcome h1{text-align:left;border-color: rgb(189, 195, 199);font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 30px;text-transform: none;color: rgb(51, 55, 69);border-bottom-style:solid} #content .welcome p, .side-column .welcome p{text-align:left} .product-grid-item .name{display:table} .product-info .right .description{display:block} .product-info .right > div > .options{display:none} .product-info .product-options > .cart{display:none} .product-info .right > div > .price{display:none} .product-info .right .wishlist-compare .links a:first-of-type{display:none;} .product-info .right .wishlist-compare .links a + a{display:none} .product-grid-item .compare, .product-filter .product-compare{display:none;} .product-grid-item .wishlist{display:none} .journal-carousel .product-grid-item .cart{display:none} .custom-sections .product-grid-item .price{display:none} .product-list-item .name{display:table} .mega-menu .product-grid-item .wishlist{display:none} .mega-menu .product-grid-item .compare{display:none} .journal-carousel .product-grid-item .wishlist{display:none} .product-list-item .wishlist{display:none} .product-list-item .price{display:none} .side-column .journal-carousel .product-grid-item .wishlist{display:none} .journal-carousel .product-grid-item .compare{display:none} .side-column .journal-carousel .product-grid-item .price{display:none} .product-list-item .compare{display:none} .product-list-item .cart{display:none} .journal-carousel .product-grid-item .price{display:none} .journal-carousel .product-grid-item .name{display:table} .mega-menu .product-grid-item .cart{display:none} .side-column .journal-carousel .product-grid-item .compare{display:none} .side-column .journal-carousel .product-grid-item .cart{display:none} .custom-sections .product-grid-item .wishlist{display:none} .custom-sections .product-grid-item .cart{display:none} .side-column .journal-carousel .product-grid-item .name{display:table} .custom-sections .product-grid-item .compare{display:none} .custom-sections .product-grid-item .name{display:table} .mega-menu .product-grid-item .name{display:table} .column.products .product-grid-item .price, .side-column .oc-module .product-grid-item .price{display:none} .countdown > span{border-style:solid} .product-info .right > div .countdown > span{border-style:solid;border-color: rgb(228, 228, 228)} .product-info .right > div .countdown{background-color: rgb(169, 184, 192)} .expire-text{background-color: rgb(234, 35, 73);padding-left:5px;padding-bottom:5px;padding-right:5px;text-align:left;font-weight: bold;font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255);padding-top:5px} span.p-comment:before{content: '\e1ae';font-size: 13px;color: rgb(234, 35, 73)} span.p-date:before{content: '\e6b3';font-size: 13px;color: rgb(234, 35, 73)} .blog-list-view .post-view-more.button{font-weight: 400;font-family: "ABeeZee"} span.p-author:before{content: '\e1b8';font-size: 13px;color: rgb(234, 35, 73)} .blog-list-view .post-wrapper{border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);background-color: rgb(255, 255, 255)} .posts.blog-list-view .post-item-details h2 a{white-space:nowrap} .posts .post-wrapper h2 a{font-weight: bold;font-style: normal;font-size: 16px;text-transform: none;white-space:nowrap} .post-wrapper{background-color: rgb(255, 255, 255)} .post-wrapper:hover{background-color: rgb(250, 250, 250)} .post-item-details{text-align:left;padding-right:15px;padding-left:15px} .posts.blog-list-view .post-image{width:30%} .journal-blog-feed:hover{color: rgb(0, 0, 0)} .journal-blog-feed{right:15px;color: rgb(255, 255, 255)} .posts.blog-list-view .post-item-details h2 a span{border-bottom-style:solid} .journal-blog-feed:before{content: '\e6b4';font-size: 16px;color: rgb(255, 255, 255)} .side-blog .box-post{padding-right:10px;padding-bottom:10px;padding-left:10px;padding-top:10px} .post-module .post-item-details{text-align:left} .post-module .post-wrapper .post-item-details h2 a{white-space:nowrap} .post-module .post-view-more.button{padding-left:10px;padding-top:10px;padding-bottom:10px;padding-right:10px} .side-blog .side-post + hr{border-bottom-style:solid} .blog-post .post-stats .p-category:before{content: '\e6b2';font-size: 14px;color: rgb(234, 35, 73)} .comment-form form{padding:15px;background-color: rgb(250, 250, 250)} .reply-form .comment-form form{background-color: rgb(238, 238, 238)} .post-comment h3{text-align:left;color: rgb(255, 255, 255);margin-top:20px;padding-left:10px;padding-top:10px;padding-right:10px;padding-bottom:10px;background-color: rgb(234, 35, 73)} .reply-form h3{text-align:left;color: rgb(255, 255, 255);margin-top:20px;background-color: rgb(234, 35, 73);padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px} .comments .avatar{border-width: 2px;border-style: solid;border-color: rgb(169, 184, 192)} .comments > h3{text-align:left;color: rgb(255, 255, 255);margin-top:20px;padding-left:10px;padding-bottom:10px;padding-top:10px;padding-right:10px;background-color: rgb(234, 35, 73)} .post-details .tags{text-align:left} .post-details .tags b{background-color: rgb(51, 55, 69)} .post-details .tags a, .side-blog-tags .box-tag a{color: rgb(255, 255, 255);background-color: rgb(95, 104, 116)} blockquote, blockquote font{color: rgb(119, 119, 119)!important} .post-stats.comment-date{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;background-color: rgb(250, 250, 250)} .post-details{padding:15px;background-color: rgb(250, 250, 250)} .blog-post .social{text-align:left;border-top-style:solid} .comments > .comment:nth-of-type(even){background-color: rgb(250, 250, 250)} .comments > .comment:nth-of-type(odd){background-color: rgb(250, 250, 250)} .comments .reply:nth-of-type(even){background-color: rgb(238, 238, 238)} .comments .reply:nth-of-type(odd){background-color: rgb(238, 238, 238)} .post-details .tags a:hover, .side-blog-tags .box-tag a:hover{background-color: rgb(234, 35, 73);color: rgb(255, 255, 255)} .blog-post .heading-title{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:20px !important} .journal-checkout .table-responsive{max-height:346px} .journal-checkout .checkout-content{background-color: rgb(255, 255, 255)} .one-page-checkout h1.heading-title{text-align:left} .journal-checkout .confirm-order{text-align:left} .journal-checkout .secondary-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} .journal-checkout .checkout-cart tbody tr td, .journal-checkout .checkout-cart tbody td:first-of-type, .one-page-checkout .journal-checkout .checkout-product tbody td, .journal-checkout .checkout-cart thead td, .journal-checkout .checkout-cart thead td:first-of-type, .journal-checkout .checkout-cart thead td:last-of-type, .journal-checkout .checkout-cart tfoot tr:last-of-type td, .journal-checkout .checkout-cart tfoot td:first-of-type, .journal-checkout .checkout-cart tfoot td:last-of-type{border-style:solid} #content.one-page-checkout div fieldset > div.fax-input{display:block !important} .form-group.address-2-input{display:block} .form-group.company-input{display:block !important} .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(234, 35, 73)} .flyout .mega-menu-column > div > h3{text-align:left} .flyout-menu .flyout .fly-drop-down ul li{border-bottom-style:solid} .fly-drop-down ul{box-shadow:0 1px 8px -3px rgba(0, 0, 0, 0.5)} .flyout .mega-menu-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)} .flyout-menu .flyout > ul > li > a{border-bottom-style:solid} .journal-accordion .journal-accordion-content > div{background-color: rgb(250, 250, 250)} .journal-accordion .journal-accordion-heading{background-color: rgb(250, 250, 250);border-color: rgb(228, 228, 228)} .journal-accordion .journal-accordion-heading:hover{background-color: rgb(238, 238, 238)} .journal-cart{visibility:hidden} .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)} .side-column .box-category li a{background-color: rgb(204, 204, 204)} .post-module .post-button{text-align:center} /* Swipebox Loader */ #swipebox-slider .slide { background-image: url('image/data/journal2/loader.gif'); } .mfp-iframe-scaler iframe{ background-image: url('image/data/journal2/loader.gif'); background-repeat: no-repeat; background-position: center; } .social{ background-image: url('image/data/journal2/loader.gif'); } @media only screen and (min-width: 760px){ .ui-pnotify{ width:350px !important; } } /* Site width */ #container, #header, #footer, .bottom-footer > div, .bottom-footer.boxed-bar { max-width: 1300px; } .extended-container:before{ display:none; } .product-page div.lg-sub-html{ top:auto; bottom:0; padding: 13px 70px; background-color:; } .product-page .lg-toolbar{ background-color:; } .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:hover .ui-pnotify-closer{ opacity:1; } .breadcrumb{ text-align:left; } /* Product Grid Shadow */ .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(66, 139, 202); } .product-grid-item .cart .button-left-icon::before, .product-grid-item .enquiry-button i::before{ margin-right: 6px; } .product-grid-item .cart .button-right-icon{ display:none !important; } /* BLOG */ .post-button-left-icon{ display:none; } .post-button-right-icon{ display:inline; } .post-wrapper{ box-shadow: none; } .post-item .post-wrapper{ box-shadow: none !important; } .blog-list-view .post-wrapper{ box-shadow: none !important; } /* Product Grid Quickview*/ .product-grid-item:hover .quickview-button { opacity: 1; visibility: visible; } .product-grid-item .quickview-button .button-right-icon{ display:none; } .product-grid-item .quickview-button .button-left-icon:before{ float:none; } .product-grid-item .quickview-button .button-right-icon:before{ margin-left:0; } .product-grid-item .quickview-button .button-cart-text{ display:none; } .product-grid-item .quickview-button [data-hint]:after, .product-grid-item .quickview-button .hint--top:before{ display:block; } .product-grid-item .quickview-button .hint--top:before{ border-top-color: rgb(66, 139, 202); } .product-grid-item .quickview-button .hint--right:before{ border-right-color: rgb(66, 139, 202); } .product-grid-item .quickview-button .hint--left:before{ border-left-color: rgb(66, 139, 202); } /* Product Grid Wishlist/Compare */ .product-grid-item .wishlist a i, .product-grid-item .compare a i{ border:0; background-color:transparent !important; padding:0 5px; } .product-grid-item .wishlist a i:before, .product-grid-item .compare a i:before{ line-height:100%; } .product-list-item .quickview-button .button{ width:40px; height:40px; line-height:40px; padding:0; } .product-grid-item .quickview-button .button{ width:40px; height:40px; line-height:40px; padding:0; } /* Product List */ .product-list-item:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); } .product-list-item .cart .button-left-icon:before, .product-list-item .enquiry-button i:before{ margin-right: 8px; } .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(66, 139, 202); } .product-list-item .quickview-button .hint--right:before{ border-right-color: rgb(66, 139, 202); } .product-list-item .quickview-button .hint--left:before{ border-left-color: rgb(66, 139, 202); } /* 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: 30px; } #more-details.hint--top:before{ border-top-color: rgb(66, 139, 202); } .boxed-header header{ max-width:1300px; } .boxed-header .super-menu > li:first-of-type{ border-left-width:0; } .boxed-header .super-menu > li:last-of-type{ border-right-width:0; } @media only screen and (max-width: 760px){ .journal-language .dropdown-toggle, .journal-currency .dropdown-toggle{ color:; } .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; } .journal-header-center .journal-center-bg{ top:40px; } #cart { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); } #cart .cart-wrapper { box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.25); } #search input{ box-shadow:none; } .autocomplete2-suggestions{ box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 760px) { ul.super-menu > li > a, ul.super-menu > li:hover > a{ color:; } ul.super-menu > li, ul.super-menu > li:hover{ background-color:; } .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:; } .mobile-menu-on-tablet ul.super-menu > li, .mobile-menu-on-tablet ul.super-menu > li:hover{ background-color:; } } @media only screen and (min-width:760px) and (max-width:1315px) { .journal-header-center .journal-search{ padding-left: 15px; } .journal-header-center .journal-cart{ padding-right: 15px; } .journal-header-center .journal-cart{ width:calc(25% - 20px); padding-right:0; } html[dir="rtl"] .journal-header-center .journal-search{ padding-right: 15px; } } @media only screen and (max-width:760px) { .journal-header-center .journal-search, html[dir="rtl"] .journal-header-center .journal-search{ padding-left: 0; padding-right: 0; } .journal-header-center .journal-cart, html[dir="rtl"] .journal-header-center .journal-cart{ padding-right: 0; padding-left: 0; } } @media only screen and (min-width: 760px){ .boxed-header .journal-header-center .journal-cart{ padding-right:15px; } html[dir="rtl"] .boxed-header .journal-header-center .journal-cart{ padding-right:0; padding-left:15px; } } @media only screen and (min-width: 1300px) { .sticky-menu:not(.boxed-header) .is-sticky .journal-header-compact #header .journal-menu .super-menu > li:first-of-type > a { margin-left: 0; } .skin-16 .journal-header-mega .journal-search { padding-right: 0; } } @media only screen and (max-width: 1315px) { .super-menu, .mega-menu, .html-menu{ border-radius:0; } .bottom-footer.fullwidth-bar .copyright{ padding-left: 15px; } .bottom-footer.fullwidth-bar .payments{ padding-right: 15px; } #top-modules > div:not(.gutter), #bottom-modules > div:not(.gutter){ padding-left: 20px; padding-right: 20px; } #top-modules .journal2_slider, #bottom-modules .journal2_slider, #top-modules .journal2_headline_rotator{ padding-left: 0 !important; padding-right: 0 !important; } .no-secondary .journal-header-center #currency{ border-right-width:0; } .no-secondary .journal-header-center #language{ border-left-width:0; } html[dir="rtl"].no-secondary .journal-header-center #currency{ border-left-width:0; border-right-width:1px; } html[dir="rtl"].no-secondary .journal-header-center #language{ border-right-width:0; border-left-width:1px; } .journal-header-compact #header .journal-search { padding-right:15px !important; } html[dir="rtl"] .journal-header-compact #header .journal-search { padding-right:0 !important; padding-left:15px !important; } .sticky-menu .is-sticky .journal-header-default .journal-menu .super-menu > li:first-of-type{ border-left-width:0; } .sticky-menu .is-sticky .journal-header-default .journal-menu .super-menu > li:last-of-type{ border-right-width:0; } .boxed-header body{ padding:0; } .fullwidth-footer .columns{ padding-left: 15px; } .copyright{ padding-left: 15px; } .journal-header-mega .journal-logo{ padding-left:15px; } html[dir="rtl"] .journal-header-mega .journal-logo{ padding-left:0; padding-right:15px; } } @media only screen and (max-width: 760px){ .journal-header-mega .journal-logo{ padding-left:0; } html[dir="rtl"] .journal-header-mega .journal-logo{ padding-left:0; padding-right:0; } } .boxed-header .journal-header-mega .journal-logo{ padding-left:15px; } html[dir="rtl"].boxed-header .journal-header-mega .journal-logo{ padding-left:0; padding-right:15px; } @media only screen and (min-width : 760px) { .side-blocks-active .journal-fullwidth-slider .tp-leftarrow, .side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default { left: 60px !important; } .side-blocks-active .journal-fullwidth-slider .tp-rightarrow, .side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default { right: 60px !important; } html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-leftarrow, html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default { right: 60px !important; left: auto !important; } html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-rightarrow, html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default { left: 60px !important; right: auto !important; } } header .links a, header .links .no-link{ border-bottom-color:#e4e4e4; } .boxed-header.default-header .journal-top-header{ clip: rect(0px,1300px,45px,0px); } .journal-header-default .links .no-link{ border-color:rgb(228, 228, 228)} .journal-header-center #cart .content:before, .oc2 #cart .content .cart-wrapper:before{ color:rgb(255, 255, 255)} .journal-header-center .autocomplete2-suggestions:before{ color:rgb(244, 244, 244)} .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(153, 153, 153); font-family: inherit; } #search :-moz-placeholder { color:rgb(153, 153, 153); font-family: inherit; } #search ::-moz-placeholder { color:rgb(153, 153, 153); font-family: inherit; } #search :-ms-input-placeholder { color:rgb(153, 153, 153); 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:rgb(238, 238, 238); } html[dir="rtl"] .button-search{ border-left-style:solid; border-left-color:rgb(238, 238, 238); } header .journal-login{ border-bottom-color:rgb(238, 238, 238); } .super-menu > li:last-of-type{ border-right-color:rgb(51, 55, 69); border-right-style:solid; } @media only screen and (max-width: 760px) { .default-header .journal-login{ background-color: rgb(238, 238, 238)} .journal-header-center #search input, .journal-header-center .button-search{ border-radius:0; } .center-header #search input, .default-header #search input{ background-color:rgb(250, 250, 250); } .center-header header #cart, .default-header header #cart{ background-color:; } .journal-menu .mobile-menu > li{ border-color:rgb(51, 55, 69); border-style:solid; } } .inline-button .product-details{ padding-bottom:0; } .mega-menu .product-grid-item .cart{ display:none !important; } .product-grid-item .cart{ display:none !important; } .quickview .product-info .right .cart{ display:table; } .product-info .right .cart div .qty, .product-info .right .cart div #button-cart{ display:none; } .custom-sections .product-grid-item .product-details .cart{ display:none !important; } .side-column .product-grid-item .product-details .cart{ display:none !important; } #content .journal-carousel .product-grid-item .product-details .cart, #top-modules .journal-carousel .product-grid-item .product-details .cart, #bottom-modules .journal-carousel .product-grid-item .product-details .cart{ display:none !important; } .product-info .right .options.push-1 .option-image li.selected span img{ border-color:rgb(234, 35, 73); } .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(51, 55, 69); } .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:-10px; margin-right:-10px; } .p-author, .p-posted{ display:none !important; } .p-comment{ display:none !important; } .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:px; } footer .contacts .hint--top:before{ border-top-color: rgb(66, 139, 202); } .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(234, 35, 73); } .sf-icon:before{ border-top-color:rgb(63, 87, 101); } /* .journal-sf ul li label:hover img{ border-color:rgb(169, 184, 192); } */ .sf-price .value:after{ border-bottom-color:rgb(95, 104, 116); } .mobile-trigger{ background-color:; } .journal-header-default .links > a{ border-bottom-color: transparent; } @media only screen and (max-width: 760px) { .super-menu{ background-color:rgba(51, 55, 69, 0.9); } .journal-header-default .links > a{ border-bottom-color: rgb(228, 228, 228); } } .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.4); } .swiper-pagination-bullet:hover, .swiper-pagination-bullet-active{ transform: scale(1); } @media only screen and (max-width: 980px) { .journal-header-default .mega-menu{ width: 100%; } } @media only screen and (max-width: 760px) { .journal-header-center .journal-secondary{ background-color:; } } .mega-menu{ max-width:1300px; } @media only screen and (max-width: 760px){ .bottom-menu-bar #header .top-menu > li{ border-color:rgb(228, 228, 228); } .bottom-menu-bar #header .journal-links{ background-color:rgb(244, 244, 244); } .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:rgb(228, 228, 228); } } .boxed-header .is-sticky .header { max-width:1300px; left: 50%; transform: translateX(-50%); } .bottom-menu-bar #header .journal-links .top-menu .top-dropdown li:last-of-type::after{ color:; } @media only screen and (min-width : 760px) and (max-width: 980px) { .mobile-menu-on-tablet .mobile-menu > li > ul, .mobile-menu-on-tablet .mobile-menu > li > .mega-menu{ border-style:solid; border-color:; } .mobile-menu-on-tablet ul.menu-centered{ height:auto; } } @media only screen and (max-width: 760px){ .mobile-menu > li > ul, .mobile-menu > li > .mega-menu{ border-style:solid; border-color:; } } @media only screen and (min-width: 760px) { .journal-header-mega #search { max-width: 100%; left: 0px; } .journal-header-center .j-100{ height:100px; } .journal-header-center .journal-menu-bg{ top:140px; } .journal-header-center .top-bar > .j-min, .journal-header-center .top-menu > li > .m-item, .journal-header-center .journal-top-header{ height:40px; } .journal-header-center .journal-menu, .journal-header-center .journal-menu-bg, .journal-header-center .mobile-trigger, ul.menu-centered{ height:40px; } .journal-header-center .mobile-trigger, .journal-header-center .super-menu > li > a{ line-height:40px; } .journal-header-center .journal-language form .dropdown-menu, .journal-header-center .journal-currency form .dropdown-menu{ top:40px; } .sticky-default.center-header .is-sticky .journal-header-center .j-100{ height:px; } .sticky-default.center-header .is-sticky .journal-menu-bg{ top:px; } .is-sticky .journal-header-center .journal-menu, .is-sticky .journal-header-center .journal-menu-bg, .is-sticky .journal-header-center .mobile-trigger{ height:40px; } .is-sticky .journal-header-center .mobile-trigger, .is-sticky .journal-header-center .super-menu > li > a{ line-height:40px; } } @media only screen and (max-width: 760px){ #header .journal-logo{ height:px !important; } } .center-header body.is-sticky .header-assets.top-bar{ background-color:; } .header{ box-shadow:0 0 5px rgba(0, 0, 0, 0.4); } @media only screen and (min-width : 760px) and (max-width: 980px) { .mobile-menu-on-tablet .journal-header-center .journal-menu{ height:auto; } .mobile-menu-on-tablet .journal-header-center .super-menu > li > a{ line-height:40px; } } #tabs{ top:; } .product-grid-item.display-icon .wishlist-icon:before, .product-grid-item.display-icon .compare-icon:before{ line-height:35px; } .journal-header-center #cart .heading i{ height:40px; } .journal-desktop .menu-floated .float-left{ border-right-style:solid; } .column.products > h3{ margin-bottom:8px; } .column.products{ padding-bottom:8px; } .side-column .journal-gallery .box-heading{ margin-bottom:0px; } .side-column .box-category > ul li ul li a{ padding-left: 17px; } .side-column .box-category > ul li ul li ul li a{ padding-left: 24px; } .side-column .box-category > ul li ul li ul li ul li a{ padding-left: 31px; } .side-column .box-category > ul li ul li ul li ul li ul li a{ padding-left: 38px; } .side-column .box-category > ul li ul li ul li ul li ul li ul li a{ padding-left: 45px; } @media only screen and (max-width: 1315px) { .breadcrumb{ padding-left:10px; } .super-menu > li:first-of-type{ border-left-width:0; } .super-menu > li:last-of-type{ border-right-width:0; } html[dir="rtl"] .super-menu > li:first-of-type{ border-left-width:1px; border-right-width:0; } html[dir="rtl"] .super-menu > li:last-of-type{ border-left-width:0; } html[dir="rtl"] .super-menu.menu-floated > li:first-of-type border-right-width:0; } } .super-menu.menu-floated{ border-right-width:1px; border-left-width:1px; border-color:rgb(51, 55, 69); 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; } .extended-container + .boxed-footer #footer{ margin-top:0px; } .side-column .journal-carousel .htabs { margin-bottom: 0; } .side-column .arrows-top:not(.journal-gallery) .swiper-button-prev, .side-column .arrows-top:not(.journal-gallery) .swiper-button-next { margin-top:20px; } .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:25px; } 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:10px; } html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-prev{ left:auto; right:10px; } html[dir="rtl"] .post-module .post-button{ text-align:center; } 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:px; } @media only screen and (min-width: 1315px) { .safari5 #footer, .safari5.boxed-header header{ width: 1300px; } .tp-banner{ height:100% !important; } } @media only screen and (max-width: 1315px) { .tp-banner-container{ height:auto !important; } .side-column .oc-module .product-details { max-width: 130px; } .checkout-page #content { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 760px){ .product-grid-item .has-countdown + .product-details .rating{ top:-50px; } .product-grid-item .image.has-countdown .wishlist, .product-grid-item .image.has-countdown .compare{ margin-bottom:42px; } } .product-grid-item:hover .countdown, .product-list-item:hover .countdown { opacity: 1; visibility: visible; } .product-grid-item:hover .has-countdown + .product-details .rating{ top:-70px; } .product-grid-item:hover .image.has-countdown .wishlist, .product-grid-item:hover .image.has-countdown .compare{ margin-bottom:42px; } .option li.hint--top:before{ border-top-color:; } .phone-sticky-cart.phone-sticky-menu:not(.menu-cart-off) .journal-menu{ z-index:1; } .journal-header-center #header .menu-dropdown::before{ border-bottom-color:} .header-notice > div{ max-width:1300px; } @media only screen and (max-width:1315px){ .header-notice > div{ padding-left:15px; padding-right: 15px; } .header-notice.floated-icon > div{ padding-bottom:10px; } button.close-notice { right: 8px; } html[dir="rtl"] button.close-notice { right: auto; left: 8px; } } footer{ box-shadow: none; } .journal-top-header{ box-shadow:0 0 5px rgba(0, 0, 0, 0.4); } .journal-header-default .links a, .journal-header-default .links .no-link { border-bottom-width: 0; } /* Content Margin */ @media only screen and (min-width: 760px){ #column-left + #content { margin-left: 220px; } #column-right + #content { margin-right: 220px; } #column-left + #column-right + #content{ margin-left: 220px; margin-right: 220px; } } /* Tablet Column Width + Content Margin */ @media only screen and (min-width:760px) and (max-width:980px) { #column-left { width: 220px; } #column-right{ width: 220px; } #column-left + #content { margin-left: 220px; } #column-right + #content { margin-right: 220px; } #column-left + #column-right + #content{ margin-left: 220px; margin-right: 220px; } } /* Extended Layout Margins */ @media only screen and (min-width:760px) and (max-width: 1315px) { .skin-16 .journal-header-center .journal-search { padding-left: 30px; } .extended-layout #column-left{ padding-left:20px; } .extended-layout #column-right{ padding-right:20px; } .extended-layout #content, .extended-layout #column-left + #content, .extended-layout #column-right + #content{ padding-left:20px; padding-right:20px; } html[dir="rtl"].extended-layout #column-left{ padding-right:20px!important; } html[dir="rtl"].extended-layout #column-right{ padding-left:20px !important; } html[dir="rtl"].extended-layout #column-left + #content { margin-right: 220px; margin-left: 0; } html[dir="rtl"].extended-layout #column-right + #content { margin-right: 0; } } .mega-menu .mega-menu-column .menu-cms-block{ margin-bottom: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: 1315px) { html[dir="rtl"].extended-layout #column-left{ padding-right:0; } html[dir="rtl"].extended-layout #column-right{ padding-left:0; } html[dir="rtl"].extended-layout #column-right + #content { padding-left: 20px; padding-right: 0; } html[dir="rtl"].extended-layout #column-left + #content { padding-right: 20px; padding-left: 0; } } .refine-images::before, #refine-images::before, .category-list::before{ content:""; margin-right:px; } .refine-image { padding-right: 15px; margin-bottom: 15px; } .refine-images { margin-right: -15px; margin-bottom: 0px;; } .product-grid-item { margin-bottom: 20px; } .product-wrapper, .ias-button, .ias-loader, .ias-noneleft{ margin-right: 20px; } .ias-button, .ias-loader, .ias-noneleft{ margin-top: 0px; } .product-grid, #content .box-product{ margin-right: -20px; } /* Mobile Product Spacing */ @media only screen and (max-width: 760px){ #cart .heading i::before{ color:; } #cart .heading i{ background-color:; } div#container, .home-page div#container { margin-top: 0; margin-bottom: 0; box-shadow:none; } .product-grid-item:not(.swiper-slide) { margin-bottom: 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 */ html:lang(en) .journal-cms-block-288, html:lang(en) .journal2_blog_posts, html:lang(fr) .journal-cms-block-288, html:lang(fr) .journal2_blog_posts{display:none!important;} .journal-blog-posts-239{margin-bottom:20px;} .journal-cms-block-257 .cms-block{margin-bottom:0;} .post-module{ max-width:1000px!important; } .post-module .box-heading{display:none;} .post-module .post-wrapper .post-item-details h2 a { font-size: 24px; letter-spacing: 2px; } .posts.blog-list-view .post-item-details{ display: initial; } .post-module .post-button{ text-align: right; margin-top: 10%; } .blog-post .post-stats.comment-date{margin-bottom:0;text-align:center;} .post-details h2{ line-height:40px; } .blog-post .heading-title { text-align: left; background: #fff; color: #333; font-size: 24px; text-align: center; } .post-details p{font-size:16px;line-height:24px;margin-bottom:10px;} .post-details p a{width:100px; border-radius:30px; border:1px solid #3080b0;display:inline-block;line-height:36px;text-align:center;} .post-details p a:hover{text-decoration: underline;} p.icon{width:165px; margin:0 auto; border-radius:10px; background:orange;color:#fff;line-height: 40px !important; height: 40px !important;} p.icon img{ vertical-align: middle; margin: 0 10px 6px; } ul.breadcrumb{display:none!important;} .comment-date span{font-size:16px;} .comment-date span:before{ font-size: 16px; color: rgb(255, 150, 86); } #logo a img.logo-1x{width:250px;} .contact-info>h4{ font-size: 24px; line-height: 15px; } .jie-p.size-p{font-size:16px!important;} .shangye{display:block;} body { font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif; } .journal-login > div{ z-index:100; } #container { background-color: #fff; } .super-menu > li:hover > a { color: rgb(1, 30, 106); } html:lang(en) .super-menu > li:hover > a { color: rgb(1, 30, 106); } /**2019-3-21*/ .main-content p.link-about { margin-top: 10px !important; font-size: 14px; font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif; letter-spacing: 0; padding-left: 30px; } .div2 .jie-p{margin-bottom:0;} .div2 .jie-p, .div4 .jie-p:nth-child(3) { color: #000!important; } /*edit of alin*/ .journal-gallery .box-heading { font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif; } /************* header menu hover*/ #logo a img { padding: 0px !important; } .drop-down ul li a { font-size: 14px; } .journal-menu { position: absolute; left: 420px; align-items: center; display: flex; height: 90px; } .super-menu { height: 100%; align-items: center; display: flex; } .super-menu>li { align-items: center; display: flex; padding: 0 20px; height: 100%; } .super-menu>li>a { line-height: auto; height: auto; } .journal-header-default .journal-logo { height: 90px; float: left; position: relative; } .journal-login>div { float: right; } .journal-login { width: 70px; right: 0; position: absolute; } .super-menu>li { border-left-width: 0; } .journal-header-default .journal-links { background-color: transparent; } .header .journal-top-header { display: none; } .journal-language { top: 25px;z-index:10; } .bottom-footer { /* box-shadow: 0 0 7px rgba(0,0,0,.4); */ /* background-color: rgb(244, 244, 244); */ background: url(/image/data/website/bg/navigation-bars.jpg); } .bottom-footer .copyright { color: #ccc; } .super-menu>li>a span { font-size: 16px; } .p-title:before { content: ""; width: 100px; height: 20px; background: url(/image/data/website/home-page/icon_zuo.png)no-repeat center; } .p-title:after { content: ""; width: 100px; height: 20px; background: url(/image/data/website/home-page/icon_you.png)no-repeat center; } .p-title1:before { content: ""; width: 100px; height: 20px; background: url(/image/data/website/home-page/zuo.png)no-repeat center; } .p-title1:after { content: ""; width: 100px; height: 20px; background: url(/image/data/website/home-page/you.png)no-repeat center; } html:lang(en) .p-title1:before, html:lang(fr) .p-title1:before { content: ""; width: 100px; height: 20px; background: url(/image/data/website/home-page/zuo.png)no-repeat center; vertical-align: middle; } html:lang(en) .p-title1:after, html:lang(fr) .p-title1:after{ content: ""; width: 100px; height: 20px; background: url(/image/data/website/home-page/you.png)no-repeat center; vertical-align: middle; } html:lang(en) .p-title:after , html:lang(fr) .p-title:after{ content: ""; width: 100px; height: 20px; background: url(/image/data/website/home-page/icon_you.png)no-repeat center; vertical-align: middle; } html:lang(en) .p-title:before, html:lang(fr) .p-title:before { content: ""; width: 100px; height: 20px; background: url(/image/data/website/home-page/icon_zuo.png)no-repeat center; vertical-align: middle; } .col-pic .col { position: relative; } .col-pic .col>a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; z-index: 10; } .col-pic .col>p>img { display: block; margin: auto; } .col-pic .col>p { position: relative; } .col-pic .col>p>i { position: absolute; width: 100%; height: 100%; top: 0; left: 0; botton: 0; right: 0; background: rgba(92, 170, 199, 0.55); transition: all 0.5s; } .col-pic .col:hover>p>i { display: none; transition: all 0.5s; } .col-pic .col h2 { font-size: 28px; line-height: 60px; padding: 0; } .col-pic .col { padding-bottom: 30px; } .col-pic .col>p>a { font-size: 16px; } .cando-one-bg { padding: 20px !important; margin-bottom: 40px; } .col .cando-one-bg h3 { font-size: 17px !important; } .col .cando-one-bg>p{padding-top:10px;} .cando-des { margin: 0 0 50px 0 !important; } html:lang(fr) .cando-des { margin: 0 0 0 0 !important; } .home-page #content { display: none; } .about-one-bg>p, .about-two-des { font-size: 17px; line-height: 24px; } .about-one-bg p.link_more a { font-size: 14px; margin-top: 30px; display: inline-block; color: #002375; background: #ddd; padding: 0px 10px; border-radius: 8px; } .col { display: block; float: left; margin: 1% 0 1% 10px !important; } .about-des { text-align: center; margin: 0 0 50px 0 !important; } html:lang(fr) .about-des { text-align: center; margin: 0 0 0 0 !important; } .about-one { margin-bottom: 30px !important; } .information-page #content h1.heading-title { display: none; } .mobile-menu>li>ul { position: absolute; top: 90px; left: 0; min-width: 100% !important; } /*面向中国企业*/ .information-page-16 #container { max-width: 100%; } .information-page-16 #content { padding-left: 0; padding-right: 0; } .about-main>h1 { text-align: center; margin-top: 40px; margin-bottom: 20px; font-size: 32px; } .about1-box .bottom-content { background: url(/image/data/website/page-pic/nei-bg.jpg)no-repeat center; background-size: cover; padding: 20px 0px 2px; } .about1-box .bottom-content .bottom-box { max-width: 1200px; margin: auto; } .about1-box { margin: 60px 0; } .about1-box .top-content { max-width: 1200px; margin: auto; clear: both; overflow: hidden; font-size: 14px; } .about1-box .top-content .left-div ul { padding-left: 0; list-style: none; } .about1-box .top-content .left-div ul li { font-size: 16px; margin-bottom: 20px; position: relative; padding-left: 34px; } .about1-box .top-content .left-div h1 { margin-bottom: 20px; font-size: 22px; } .about1-box .top-content .left-div { float: left; width: 56%; text-align: left; } .about1-box .top-content .left-div>p:nth-child(1)>span { color: #002172; } .about1-box .top-content .left-div ul li:before { content: ""; background: url(/image/data/website/page-pic/icon-jiejue1.png); background-size: 100%; width: 28px; height: 28px; position: absolute; left: 0; } .about1-box .top-content .right-div { float: left; width: 44%; text-align: right; } .about1-box .top-content .right-div i { padding: 20px; } .about1-box .top-content .left-div p { font-size: 16px; line-height: 22px; margin-bottom: 30px; } .about1-box .bottom-content ul { clear: both; overflow: hidden; list-style: none; padding: 0; } .about1-box .bottom-content ul li { color: #fff; float: left; margin-right: 20px; width: calc((100% - 40px) / 3); padding: 30px; margin-bottom: 20px; font-size: 20px; text-align: center; background: rgba(51, 51, 51, 0.76); } .about1-box .bottom-content ul li:nth-child(2) { background: #264585; } .about1-box .bottom-content ul li i { display: block; font-size: 30px; letter-spacing: 2px; } .about1-box .bottom-content ul li i:after { content: ""; width: 40px; height: 2px; background: #fff; display: block; text-align: center; margin: 40px auto; } .about1-box .bottom-content ul li span { display: block; font-size: 17px; } .about1-box .bottom-content ul li:nth-child(3) { margin-right: 0; } .about1-box .bottom-content ul li:nth-child(6) { margin-right: 0; } /*我们的优势*/ .side-category-left .box-heading { background-color: transparent; color: rgb(0, 34, 121); font-size: 28px; font-weight: 600; padding: 10px 20px; } .side-category-left .box-heading:before { content: ""; width: 6px; height: 28px; background-color: rgb(0, 34, 121); vertical-align: middle; margin-right: 10px; margin-top: -3px; } .side-column .box-category ul { background: #ccc; } .side-column .box-category li a { font-size: 17px; border-bottom: 0; padding: 16px 20px; font-weight: 600; color: #6b6b6b; background-color: #e6e6e6; } .side-column .box-category li a:hover, .side-column .box-category li a.active { background-color: #e6e6e6 !important; color: #003399 !important; } .information-page-17 #container, .information-page-18 #container, .information-page-19 #container, .information-page-20 #container { padding: 40px 0; } #column-left+#content { padding-top: 40px; padding-left: 100px; padding-bottom: 40px; } .right_layout h3 { font-size: 17px; border-bottom: 1px solid #333; line-height: 35px; } .right_layout p { font-size: 16px; } .right_layout h4, .jiejue { padding-left: 40px; position: relative; line-height: 28px; font-size: 17px; } .right_layout h4:before { content: ""; background: url(/image/data/website/page-pic/icon-wen1.png); background-size: 100%; width: 32px; height: 32px; position: absolute; left: 0; } .jiejue { margin-top: 20px; } .jiejue:before { content: ""; background: url(/image/data/website/page-pic/icon-jiejue1.png); background-size: 100%; width: 32px; height: 32px; position: absolute; left: 0; } /*联系我们*/ .contact-box .main-box>h1 { background-color: transparent; color: rgb(0, 34, 121); font-size: 28px; font-weight: 600; padding: 10px 20px; } .contact-box .main-box>h1:before { content: ""; width: 6px; height: 28px; background-color: rgb(0, 34, 121); vertical-align: middle; margin-right: 10px; margin-top: -3px; } .contact-box .main-box .form_box { margin: 0 0 30px 0; padding: 0 20px; clear: both; overflow: hidden; } .contact-box .main-box .form_box .c-u-text { float: left; width: calc((100% - 40px) / 2); margin-right: 20px; } .contact-box .main-box .form_box label { font-size: 16px; line-height: 40px; } .contact-box .main-box .form_box input, .contact-box .main-box .form_box textarea { border: 1px solid #ccc; border-radius: 8px; } input.captch { border-radius: 0 !important; } .contact-box .main-box .form_box .c-u-textarea { clear: both; } .contact-box .main-box .form_box .form-sub { background: #ccc; font-size: 16px; padding: 8px 40px; float: right; margin-top: 20px; cursor: pointer; } .contact-box .main-box .form_box .form-sub:hover { background: #003399; color: #fff; } .code { color: rgb(43, 71, 84); float: left; margin-top: 22px; text-align: center; font-size: 24px; background: rgb(255, 255, 255); width: 100px; height: 37px; line-height: 37px; } #check-code { float: left; } .contact-box .main-box .form_box .code { border: 0; background: #dcdcdc; height: 40px; line-height: 40px; float: left; margin: 20px 0px 10px 0px; padding: 0 10px; font-size: 17px; width: 135px; text-align: center; } .contact-box .contact-info { padding: 20px; } .contact-box .contact-info h2 { font-size: 22px; line-height: 50px; } .contact-box .contact-info .icon-info { font-size: 16px; line-height: 28px; clear: both; overflow: hidden; padding: 20px 0; } .contact-box .contact-info .icon-info>p { float: left; width: 33%; padding: 10px; text-align: center; } .contact-box .contact-info .icon-info>p i img { width: 32px; } .contact-box .contact-info .icon-info>p a { vertical-align: middle; } /*面向国外*/ .information-page-15 #container { max-width: 100%; } .information-page-15 #content { padding: 0; } .main-content>div>div { clear: both; overflow: hidden; max-width: 1300px; margin: auto; padding: 30px 20px; } .div2 { background: url(/image/data/website/page-pic/wai-bg2.jpg)no-repeat center !important; background-size: 100% !important; padding: 20px; background-attachment: fixed !important; } .main-content>div:nth-child(even) { background: #eee; } .main-content>div:nth-child(even) .text-left { float: right; } .text-left, .img-right { float: left; width: 50%; } .img-right img { max-width: 100%; } .main-content p { font-size: 16px; color: #000; letter-spacing: -1px; font-family: "仿宋"; text-align: justify; } .main-content p.jie-p, .main-content p.cu-p { font-family: "微软雅黑", Helvetica, Arial, sans-serif; letter-spacing: 0; } .main-content .text-left h3 { font-size: 24px; } .main-content .text-left { padding: 20px; text-align: left; } .main-content .img-right { padding: 20px; } .main-content .div1 { min-height: 300px; } #top-modules>div:last-child>div { padding-left: 0 !important; padding-right: 0 !important; } .information-page-15 #top-modules>div:last-child>div>div>div { margin-bottom: 0; } .other { max-width: 1200px !important; margin: auto; padding: 30px 0 40px 0; margin-bottom: 40px; } .other>h1 { background-color: transparent; color: #333; font-size: 28px; font-weight: 600; padding: 10px 0; border-bottom: 1px solid #ccc; margin-bottom: 10px; } .other>h1:before { content: ""; width: 5px; height: 28px; background-color: #002172; vertical-align: middle; margin-right: 20px; margin-top: -3px; } .other ul { padding-left: 0; } .other ul li { list-style: none; float: left; width: 20%; font-size: 16px; cursor: pointer; } .other ul li i { display: inline-block; padding-right: 10px; width: 36px; height: 36px; } .other ul li { border-right: 1px solid #ccc; text-align: center; margin-left: 0; } .other ul li:last-child { border-right: 0; } .div2 .div-box { padding: 40px 20px; background: rgba(255, 255, 255, 0.9); } /*.div2 .div-box .img-right { position: absolute; top: -44px; }*/ .div2 .div-box .text-left p:last-child { margin-top: 20px; } .div1 .text-left { width: 50%; } .div1 .img-right { width: 50%; } .div2 { margin-top: 40px; } .div2 .text-left { width: 50%; } .div2 .img-right { width: 50%; } .div3 .text-left { width: 50%; } .div3 .img-right { width: 50%; } .div4 .text-left { width: 50%; padding-left: 26px; padding-top: 14px; } .div4 .img-right { width: 50%; } .div5 { background: url(/image/data/website/page-pic/wai-bg.jpg)no-repeat center; color: #fff; background-size: cover; } .div5>div { padding-bottom: 0 !important; } .div5 .text-left { width: 50%; padding-left: 0; line-height: 28px; } .div5 .text-left p { font-family: "微软雅黑", Helvetica, Arial, sans-serif; color: #fff; letter-spacing: 0; } .div5 .img-right dl { font-size: 16px; line-height: 28px; padding-top: 7px; } .div5 .img-right dl dt { margin-bottom: 20px; } .div5 .img-right { width: 50%; padding: 20px 0 20px 40px; } .div5 .img-right:before { content: ""; width: 2px; background-color: #ccc; height: 260px; float: left; margin-right: 100px; } .div6 { background: transparent !important; } .div6 .text-left { width: 45%; padding-left: 50px; padding-top: 120px; } .div6 .img-right { width: 55%; padding: 20px 60px 20px 40px; } .div7 { background: #eee; } .div7 .form-div .text-left h3 { margin-bottom: 25px; } .div7 .form-div { max-width: 1200px; margin: 0 auto; padding: 40px 0; clear: both; overflow: hidden; } .div7 .form-div .text-left .input-div { clear: both; overflow: hidden; } .div7 .form-div .input-div label { display: block; margin: 10px 0; } .div7 .form-div .input-div label span { font-size: 16px; line-height: 30px; float: left; width: 80px; height: 30px; width: 76px; text-align: justify; float: left; padding-right: 10px; } .div7 .form-div .input-div input, .div7 .form-div .input-div textarea { width: calc(100% - 76px); float: left; border: 1px solid #ccc; border-radius: 8px; } .div7 .form-div .input-div label span::after { content: ''; display: inline-block; width: 100%; } .div7 .form-div .img-right .input-div { float: left; } .div7 .img-right { padding-top: 76px; } .div7 .img-right:before { content: ""; width: 1px; background-color: #ccc; height: 260px; float: left; margin-right: 80px; } .btn-sub { float: right; margin-top: 20px; margin-right: 46px; } .btn-sub input { float: right; background: #c2c2c2; border: 0; padding: 8px 25px; border-radius: 8px; cursor: pointer; } .btn-sub input:hover { background: #003399; color: #fff; } #wrap { width: 100%; margin: 100px auto 0; overflow: hidden; } #tit { height: 30px; } #tit span { float: left; height: 40px; line-height: 40px; width: calc(100% / 10); font-size: 16px; text-align: center; color: #fff; background: #6e6e6e; cursor: pointer; } #con { padding-left: 0; margin-bottom: 60px; } #con>li { display: none; font-size: 16px; list-style: none; clear: both; border: 4px solid #039; position: relative; margin-top: 40px; } #tit span.select { background: #003399; color: #fff; } #con>li.show { display: block; } #con>li>img { display: inline-block; vertical-align: middle; width: 25%; padding: 20px; } #con>li .info-right { padding: 0 20px; display: inline-block; } #con>li .info-right h3 { font-size: 26px; line-height: 60px; } /*#con li>span{width:0; height:0; font-size:0; overflow:hidden; position:absolute;} #con>lispan.bot{ border-width:20px; border-style:solid dashed dashed; border-color:transparent transparent #039 transparent; left: 15px; top: -40px; } #con>li span.top{ border-width:20px; border-style:solid dashed dashed; border-color: transparent transparent #fff transparent; left: 15px; top: -33px; }*/ #con>li .info-right p>a { line-height: 24px; border-bottom: 1px solid rgb(66, 139, 202); float: right; margin-top: 20px; } .jie-p { font-size: 18px !important; color: #039 !important; font-weight: 400; margin-bottom: 10px; } .cu-p { font-size: 18px !important; font-weight: 400; } .div2 ul { list-style: none; padding-left: 10px; } .div2 ul li { font-size: 18px; font-weight: 400; line-height: 30px; } /*批发市场*/ .accordion dt { padding: 1em !important; } .accordion dd { font-size: 16px; } .accordion dd, .accordion__panel { background-color: #eee !important; } .accordion dd li { line-height: 36px; } .accordion dd h3 { font-size: 18px; padding: 10px 18px; } .accordion dt i { float: left; vertical-align: middle; width: 50px; } .accordion dt i img { width: 24px; } /*发展过程*/ .company-content { padding: 80px 20px 20px; clear: both; overflow: hidden } .div-img img { max-width: 100%; } .div-info h1 { color: #003399; font-size: 32px; } .div-info h1 i { font-size: 22px; padding-left: 5px; vertical-align: text-bottom; } .div-info h1 span { vertical-align: middle; } .div-info h2 { font-size: 28px; margin-bottom: 40px; color: #333; } .div-info>div { padding: 40px 45px; float: left; margin-right: 50px; width: calc((100% - 50px) / 2); position: relative; border-top: 1px solid #333; border-bottom: 1px solid #333; margin-bottom: 60px; min-height: 410px; } .div-info>div>img { position: absolute; top: 40px; right: 60px; } .div-info>div:nth-child(even) { margin-right: 0; } .div-info>div h4 { font-size: 17px; } .div-info p { font-size: 15px; line-height: 24px; } .div-info>div:last-child ul { padding-left: 10px; } .div-info>div:last-child ul li { font-size: 16px; line-height: 24px; } /*实用建议*/ .faq_box { padding: 30px 20px; margin: 40px 0; } .faq_item_p { display: none; font-size: 16px; line-height: 28px; padding: 0 20px 40px 20px; } .faq_item h3 { background: #f1f1f1; padding: 16px 20px; font-size: 17px; color: #003399; margin-bottom: 10px; } .faq_item h3 span { border-bottom: 1px solid #003399; } .faq_item h3:after { content: url(/image/data/website/page-pic/xiala_icon.png); width: 30px; height: 20px; float: right; transition: all 0.3s ease-out; } .faq_item.up h3:after { content: url(/image/data/website/page-pic/xiala_icon.png); width: 30px; height: 20px; float: right; transform: rotate(180deg); transition: all 0.2s ease-out; } /*工程*/ .information-page-14 .box-heading { margin-bottom: 15px; background: transparent; color: #333; font-size: 22px; font-weight: 600; text-align: center; line-height: 60px; } .journal-cms-block-270 { background: url(/image/data/website/page-pic/back.jpg)no-repeat center; background-size: cover; padding: 60px 20px; } .fankui p, .information-page-14 .box-heading { color: #fff; } .fankui { max-width: 1200px; margin: 0 auto; } /* 我们能做什么*/ .cando-one-bg { position: relative; } .cando-one-bg .a-link { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; } .box-sections ul li a { text-align: center !important; } .route-product-category #content { display: none; } /*照片弹出*/ .gallery-thumb .item-hover, .gallery-thumb a:before, .lg-backdrop.in, .lg-outer .lg { display: none; } .side-column .box-category li:nth-child(5) { display: none; } /*.journal2_slider:before,.journal2_slider:after{ content: ''; display: block; position: absolute; z-index: 100; left: 0; width: 100%; background-color: transparent; background-position: 0 0; background-repeat: repeat-x; animation: wavy 18000ms; animation-timing-function: linear; animation-iteration-count: infinite; height: 33px; animation-duration: 6000ms; } .journal2_slider:before{ background-image: url(/image/data/wave-top-lg.svg); top:0; } .journal2_slider:after{ background-image: url(/image/data/wave-bottom-lg.svg); bottom:0; } .journal2_slider{position: relative;} @keyframes wavy { 0% { background-position: 0; } 100% { background-position: 1200px; } }*/ /*响应式*/ @media only screen and (max-width:1024px) { html:lang(en) .div-info>div { width: 100% !important; min-height: 300px !important; } html:lang(fr) .div-info>div { width: 100% !important; min-height: 300px !important; } .top-div ul { padding-left: 0; } .contact-box .contact-info .icon-info>p { font-size: 14px; line-height: 28px; } .about1-box .top-content { padding: 0 40px 0 20px; } .about1-box .bottom-content { padding: 20px; } /**/ .about-one-bg { padding: 40px 20px !important; min-height: 365px !important; } #top-modules>div:not(.gutter), #bottom-modules>div:not(.gutter) { padding-left: 0 !important; padding-right: 0 !important; } .other>h1 { padding-left: 10px; } } @media only screen and (max-width: 980px) { .div-info>div { padding: 40px 20px; } .div-info>div>img { right: 20px; } .main-content .img-right { padding: 20px 20px 20px 0; } .div7 .img-right:before { content: ""; width: 1px; background-color: #ccc; height: 260px; float: left; margin-right: 40px; } .div7 .form-div .img-right .input-div { float: none; margin-top: 40px; } .about1-box .bottom-content ul li { padding: 25px !important; min-height: 180px; } .about1-box .bottom-content ul li i:after { margin: 20px auto !important; } /**/ .about-one-bg>p, .about-two-des { font-size: 15px; line-height: 24px; } .catalog-search .journal-header-default .journal-login { width: 60px; } .about-one .span_1_of_3 { width: calc((100% - 20px) / 3); } .about-one .span_1_of_3:first-child { margin-left: 0 !important; } .about-one .col { display: block; float: left; margin: 1% 0 1% 10px !important; } .about-one .col:nth-child(2) .about-two>p { display: none; } .about-one .col:nth-child(2) .about-two { background: url(/image/data/website/home-page/image_01_03.jpg)no-repeat center; background-size: cover; } .about-one .col:nth-child(3)>p>img { display: none; } .about-one .col:nth-child(3)>p { /*background: url(/image/data/website/home-page/image_01_06.jpg)no-repeat center;*/ background-size: cover; width: 100%; height: 200px; } .about-two-des { padding: 40px 10px !important; } .about-one { padding: 0 10px; } .mobile-menu-on-tablet .mobile-trigger:before { content: "\e618"; margin-left: 100px; font-size: 28px; float: right; top: 24px; } .super-menu>li { padding: 0 10px !important; } .cando-one-bg { width: 100% !important; margin-left: 0 !important; min-height: 200px !important; } .span_1_of_44 { width: 18.8% !important; } .col { margin: 1% 0 1% 40px !important; } .col-pic .col { margin: 1% 0 1% 10px !important; } .col-pic .span_1_of_4 { width: calc((100% - 50px) / 4); } .col-pic .col h2 { font-size: 20px; } .super-menu { width: 100%; position: relative; top: 90px !important; background: #fff; } html:lang(cn) .super-menu { top: 0!important; } .catalog-cart.catalog-search .journal-header-default .journal-menu { width: 100% !important; clear: none; left: 0 !important; } .mobile-menu-on-tablet .mobile-trigger { display: block; height: 0; line-height: 39px; width: 100%; padding-left: 10px; cursor: pointer; position: absolute; top: 0; right: 40px; } .mobile-menu-on-tablet header .journal-menu .mobile-menu>li>a { color: #003399; } .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: #fff; color: #003399; } .mobile-menu-on-tablet .mobile-menu .drop-down ul { top: 0; } .mobile-menu-on-tablet .super-menu { box-shadow: 0 2px 12px #7f7f7f; } } @media only screen and (max-width: 760px) { .div-info>div>img { right: 20px; } .div-info>div { padding: 40px 20px; } .top-div ul { list-style: none; clear: both; overflow: hidden; max-width: 1200px; margin: 30px auto 20px; padding-left: 0; } .top-div ul li { width: calc(100% / 3) !important; margin-bottom: 20px; } .contact-box .contact-info .icon-info>p { width: 100%; text-align: left; } .contact-box .contact-info .icon-info>p i img { width: 32px; } .information-page-13 div#content { padding: 10px !important; } .faq_box { padding: 30px 0 !important; margin-top: 0; } .faq_item h3:after { content: ""; background: url(/image/data/website/page-pic/xiala_icon.png)no-repeat center; background-size: 100%; width: 16px; height: 14px; float: right; } .faq_item.up h3:after { content: ""; background: url(/image/data/website/page-pic/xiala_icon.png)no-repeat center; background-size: 100%; width: 16px; height: 14px; float: right; } #con>li { padding: 0 10px 20px; } #con>li>img { padding: 20px; max-width: 100%; width: auto; } .main-content .img-right { padding: 5px 20px 20px !important; } .div7 .form-div .img-right .input-div { float: none; margin-top: 0; } /* .div-box .text-left { width: 100% !important; } .div-box .img-right { width: 100% !important; } .div1 .div-box .img-right, .div-box .img-right { width: 100% !important; text-align: center; } .div5 .div-box .img-right { width: 100% !important; text-align: left; }*/ .information-page-15 #content { padding: 0 !important; } .div2 { background: url(/image/data/website/page-pic/wai-bg2.jpg)no-repeat center !important; background-size: cover !important; } .div5 { background: url(/image/data/website/page-pic/wai-bg.jpg)no-repeat center; color: #fff; background-size: cover; } .div5 .img-right { padding-top: 0; } .div5 .img-right:before { content: ""; background-color: #ccc; height: 2px; float: none; width: 100%; margin-bottom: 40px; } .text-left { width: 100%; padding-left: 50px; padding-top: 50px !important; } .div7 .img-right:before { display: none; } .text-left, .img-right { float: left; width: 100%; } .main-content .text-left { padding-bottom: 0; } .div7 .img-right { padding-top: 5px; } /**/ .information-page-16 #content { padding-left: 0 !important; padding-right: 0 !important; } #column-left, #column-right, .column-left-bg, .column-right-bg { display: block !important; } #logo a { display: inline-block; width: 50%; } .mobile-menu-on-tablet .mobile-trigger:before { z-index: 100; } .cando-one .span_1_of_44 { width: 21% !important; } .cando-one .col { margin: 1% 0 1% 20px !important; } .col-pic .span_1_of_4 { width: calc((100% - 210px) / 2); } .col-pic .col { margin: 1% 0 1% 70px !important; } .advantage-one-bg { height: auto !important; padding: 0 0 20px 0; } .about-one .span_1_of_3 { width: 100%; margin-left: 0 !important; } .about-one-bg { min-height: 200px !important; } .other ul li { width: 50%; margin-bottom: 20px; } } @media only screen and (max-width: 640px) { .div-info>div { width: 100%; } } @media only screen and (max-width: 480px) { .gallery-thumb h4 { padding: 10px 0 !important; font-size: 12px; } html:lang(fr) .gallery-thumb h4{ min-height: 88px!important; } .div-info>div>img { top: 30px; } .company-content { padding: 40px 0 20px; } .div-info>div { width: 100%; padding: 20px 25px !important; min-height: auto; } .div5 .div-box .img-right { padding-left: 0 !important; } .div7 .text-left { padding: 20px 20px 0 !important;width: 100%!important; } .div7 .img-right { width: 100%!important; } html:lang(fr) .div5 .img-right:before { height: 1px!important; } .jie-p { font-size: 16px !important; } .top-div ul { list-style: none; clear: both; overflow: hidden; max-width: 1200px; margin: 30px auto 20px; padding-left: 0; } .top-div ul li { width: calc(100% / 2) !important; margin-bottom: 20px; } .main-content .text-left { padding: 30px 0 30px; } #check-code { width: 100%; } input.captch, .contact-box .main-box .form_box .code { width: 50% !important; } #tit span { width: calc(100% / 5); } .contact-box .main-box .form_box .c-u-text { width: 100%; } /**/ .about1-box .bottom-content ul li { width: calc((100% - 20px) / 2); } .about1-box .bottom-content ul li:nth-child(even) { margin-right: 0 !important; } .about1-box .bottom-content ul li:nth-child(3) { margin-right: 20px; } .about1-box .top-content .left-div { width: 100%; } .about1-box .top-content .right-div { width: 100%; } .about1-box .top-content .right-div i { padding: 0 !important; } .about1-box .bottom-content ul li span { display: block; font-size: 14px; } /**/ .journal-menu { position: unset; } /*.super-menu { top: 0 !important; }*/ .cando-one .cando-title, .advantage-one-bg .advantage-title, .about-one .about-title { font-size: 24px !important; } .cando-one { padding: 0 20px; } .cando-one .span_1_of_44 { width: calc((100% - 20px) / 2) !important; } .col-pic .span_1_of_4 { width: calc((100% - 60px) / 2); } .cando-one .col:nth-child(odd) { margin-left: 0 !important; } .col-pic .col { margin: 1% 0 1% 20px !important; } .other>h1 { padding-left: 20px; } .other>h1 { font-size: 24px; } footer .bottom-footer .copyright { line-height: 100%; padding-top: 0; height: 50px; line-height: 50px; margin-bottom: 0; } } @media only screen and (max-width: 375px) { .div-info>div { width: 100%; padding: 20px 10px; } .div-info>div>img { position: absolute; top: 25px; right: 10px; width: 64px; } .div-info h1 { font-size: 26px; } .div-info h2 { font-size: 22px; } .div-info>div>img { position: absolute; top: 20px; right: 10px; } .about1-box .bottom-content ul li { padding: 15px !important; min-height: 180px; } /**/ .p-title:before, .p-title:after { width: 40px; margin: 0 5px !important; } .p-title:before { background: url(/image/data/website/home-page/icon_zuo.png)no-repeat center; background-size: 100%; } .p-title:after { background: url(/image/data/website/home-page/icon_you.png)no-repeat center; background-size: 100%; } .p-title1:before, .p-title1:after { width: 40px; margin: 0 5px !important; } .p-title1:before { background: url(/image/data/website/home-page/zuo.png)no-repeat center; background-size: 100%; } .p-title1:after { background: url(/image/data/website/home-page/you.png)no-repeat center; background-size: 100%; } .cando-one .span_1_of_44 { width: calc((100% - 10px) / 2) !important; } .cando-one .col { margin: 1% 0 1% 10px !important; } .col .cando-one-bg h3 { font-size: 14px !important; } .cando-one-bg { min-height: 175px !important; } .col-pic .span_1_of_4 { width: calc((100% - 30px) / 2); } .col-pic .col { margin: 1% 0 1% 10px !important; } .col-pic .col h2 { font-size: 17px; } .col-pic .col>p>a { font-size: 14px; } .other ul li { font-size: 13px; } .other ul li i { width: 24px; } } .bottom-menu-bar #header .journal-links { display: none; } .bottom-menu-bar body { padding-bottom: 0 !important; } .home-page .cms-block { padding-right: 0 !important;margin-bottom:0!important; } .home-page .cms-blocks .blocks { margin-right: 0 !important; } .big-p { font-size: 24px; color: #002377; font-weight: 700; font-family: "宋体"!important; } html:lang(en) .big-p, html:lang(fr) .big-p { font-family: Helvetica, Arial, sans-serif!important; } .top-div { border-bottom: 1px solid #333; } .top-div ul { list-style: none; clear: both; overflow: hidden; max-width: 1200px; margin: 30px auto 20px; } .top-div ul li { width: calc(100% / 6); float: left; font-size: 18px; text-align: center; font-weight: 600; min-height: 50px; } .top-div ul li span { display: block; font-size: 14px; font-weight: 400; } .top-div ul li a { color: #039; } .top-div ul li:hover a { color: rgb(66, 139, 202); } .top-div ul li { border-right: 1px solid #ccc; } .top-div ul li:last-child { border-right: 0; } /* 展会*/ .information-page-22 #container { max-width: 100%; } .information-page-22 #content { padding: 0; } .city-show .city { padding: 60px 20px; } .city-show .city1, .city-show .city3 { max-width: 1200px; margin: auto; } .city-show .city2 { background: #eee; padding: 60px 0; } .city-show .city2 h1, .city-show .city2 p { max-width: 1200px; margin: auto; padding: 0 20px; } .city-show .city h1 { font-size: 28px; color: #333; padding-bottom: 30px; position: relative; z-index: 10; } .city-show .city p { font-size: 16px; } .city-show .city p a { color: #333; display: inline-block; margin-top: 20px; border: 1px solid #333; padding: 5px 30px; border-radius: 30px; background: #fff; transition: all 0.15s; } .city-show .city p a:hover { color: #4179ff; } .city-show .city h1:after { content: ""; width: 80px; height: 25px; border-radius: 50%; background: rgba(88, 115, 185, 0.83); position: absolute; left: -10px; z-index: -1; top: 20px; } .city-show .city2 h1:after { content: ""; width: 80px; height: 25px; border-radius: 50%; background: rgba(88, 115, 185, 0.83); position: absolute; left: 10px; z-index: -1; top: 20px; } .city-show .city3 ul { list-style: none; padding-left: 0; clear: both; overflow: hidden; } .city-show .city3 ul li { float: left; margin-right: 20px; width: calc((100% - 40px) / 3); text-align: center; } .city-show .city3 ul li img { max-width: 100%; } .city-show .city3 ul li:last-child { margin-right: 0; } @media only screen and (max-width: 480px) { .big-p { /* font-family: Helvetica, Arial, sans-serif!important;*/ font-size:18px; } .div-info>div>img { top: 30px; } .company-content { padding: 40px 0 20px; } .city-show .city3 ul li { margin-right: 0; width: 100%; margin-bottom: 20px; } .partaner-box .span_1_of_4 { width: 50%; } .information-page-14 #bottom-modules .journal2_photo_gallery { padding-left: 20px !important; padding-right: 20px !important } } /*客户反馈*/ .information-page-14 #container { max-width: 100%; } .information-page-14 #content { padding: 0 !important; } .p-title, .title-2 { font-size: 30px !important; font-weight: bold; text-align: center; padding-bottom: 8px; } .title-2 { color: #fff; } .title-des { text-align: center; text-transform: uppercase; margin-bottom: 20px; } .information-page-14 .box-heading { display: none; } .title-2-des { text-align: center; color: #fff; } h1.p-title { margin-top: 60px; } .category-page .box-heading:before { content: ""; width: 6%; height: 20px; background: url(/image/data/website/page-pic/yuan-left.png)no-repeat center; vertical-align: middle; background-size: 60%; } .category-page .box-heading:after { content: ""; width: 6%; height: 20px; background: url(/image/data/website/page-pic/yuan-right.png)no-repeat center; vertical-align: middle; background-size: 60%; } .gallery-thumb h4 { text-align: center; min-height: 60px; display: block; clear: both; padding: 10px 0px; min-height: 76px; margin: auto; } .more-p { text-align: center; } .more-p a { color: #333; display: inline-block; border: 1px solid #333; padding: 8px 40px; border-radius: 30px; background: #fff; transition: all 0.15s; margin-bottom: 40px; font-size: 16px; } .more-p a:hover { color: #4179ff; } .information-page-23 .box-heading { margin-top: 20px; } .title-3-des { margin-bottom: 0; } .category-page .gallery-thumb h4 { display: none; } .information-page-23 .box-heading:before { content: ""; width: 6%; height: 20px; background: url(/image/data/website/page-pic/yuan-left.png)no-repeat center; vertical-align: middle; background-size: 60%; } .information-page-23 .box-heading:after { content: ""; width: 6%; height: 20px; background: url(/image/data/website/page-pic/yuan-right.png)no-repeat center; vertical-align: middle; background-size: 60%; } /*语言*/ .journal-language { top: 45px; padding-right: 76px; } .journal-language .dropdown-toggle>div { font-size: 16px; } .journal-language .dropdown-toggle>div:after { content: ""; width: 20px; height: 20px; background: url(/image/data/website/page-pic/xiala.png); background-size: 100%; } @media only screen and (max-width: 480px) { h1.title-1 { margin-top: 0; !important; } .journal-cms-block-270 { padding: 40px 0; } } /*实用建议*/ .faq_box .faq_item_p span { display: block; text-align: justify; } .faq_box .faq_item_p p { text-align: justify; } .faq_box .faq_item_p p a { display: block; } .faq_box .faq_item_p p.des { padding-bottom: 20px; color: #333; font-style: italic; } .faq_box .faq_item_p p a i:after { content: ""; width: 20px; height: 20px; background: url(/image/data/website/page-pic/link-icon-blue.png)no-repeat center; background-size: 100%; } .faq_box .faq_item_p p a:hover { color: #428bca; } /*外国*/ .div1 .div-box .text-left p:nth-child(3):before, .div2 .div-box .text-left p:nth-child(3):before, .div3 .div-box .text-left p:nth-child(3):before { content: ""; background: url(/image/data/website/page-pic/icon-wen1.png); background-size: 100%; width: 28px; height: 28px; position: absolute; left: 0; } .main-content p.jie-p:before { content: ""; background: url(/image/data/website/page-pic/icon-jiejue1.png); background-size: 100%; width: 28px; height: 28px; position: absolute; left: 0; } .div1 .div-box .text-left p:nth-child(3), .div1 .div-box .text-left p:nth-child(5), .div2 .div-box .text-left p:nth-child(3), .div3 .div-box .text-left p:nth-child(3), .main-content p.jie-p, .main-content p.cu-p, .div2 ol{ padding-left: 32px; position: relative; } .div2 ol{ padding-left: 50px; margin: 2px 0 20px;} .cu-p { font-size: 16px !important; } html:lang(en) .div2 .jie-p{ margin-bottom:0!important; } .div2 ol li { font-size: 16px; font-weight: 400; line-height: 1.4em; color:#000; } .main-content .text-left h3 { font-size: 22px; } .div2 { padding: 0; } .contact-box .contact-info .icon-info p { text-align: left; } .contact-box .contact-info .icon-info p.info2 i { float: left; } .contact-box .contact-info .icon-info p.info2 span { float: left; padding-left: 5px; text-align: center; } .contact-box .contact-info .icon-info>p a { padding-left: 5px; } /*案例*/ .route-product-category #content { display: block; } .category-page #content { padding: 20px; } .category-page .heading-title { display: none; } .category-page .content { display: none; } .category-page .buttons { display: none; } .category-info>div:nth-child(2) h1>span:before { content: ""; width: 6%; height: 14px; background: url(/image/data/website/page-pic/yuan-left.png)no-repeat center; vertical-align: middle; background-size: 60%; margin-top: -3px; } .category-info>div:nth-child(2) h1>span:after { content: ""; width: 6%; height: 14px; background: url(/image/data/website/page-pic/yuan-right.png)no-repeat center; vertical-align: middle; background-size: 60%; margin-top: -3px; } .category-info>div:nth-child(2) h1 { margin-bottom: 20px; font-weight: 400; font-style: normal; font-size: 14px; color: rgb(250, 250, 250); text-align: left; line-height: 40px; min-height: 40px; background-color: rgb(0, 34, 121); } .category-info>div:nth-child(2) h1 i { float: right; margin-right: 20px; } .category-page .journal-gallery .box-heading { display: none; } html:lang(en) .other ul li { width: 25%; } html:lang(fr) .other ul li { width: 25%; } /*工厂*/ .photos-show { clear: both; overflow: hidden; list-style: none; margin: 20px; border-top: 1px solid #999; padding-top: 20px; padding-left: 0; } .photos-show li { float: left; width: 20%; text-align: center; margin-bottom: 10px; } .photos-show li img { max-width: 100%; padding: 10px 20px; } @media only screen and (max-width: 480px) { .photos-show { margin: 20px 20px 0; } .photos-show li { width: 50%; margin-bottom:0; } .photos-show li i { font-size: 14px; } .photos-show li img { padding: 10px; } html:lang(fr) .photos-show li i { min-height: 58px!important; display: block; } .journal-cms-block-271 .partaner-box{padding:0 20px!important;} .journal-cms-block-271 .partaner-box .last-col{padding:20px 0 0!important;} } /******* 英文版 *********/ html:lang(en) .super-menu>li>a { font-weight: 400; font-family: inherit; font-style: normal; text-transform: uppercase; color: rgb(255, 255, 255); line-height: 40px; } html:lang(en) #header, html:lang(fr) #header { max-width: 100% !important; } /*html:lang(en) #container, html:lang(en) #header, html:lang(en) #footer html:lang(en) .bottom-footer > div, html:lang(en) .bottom-footer.boxed-bar { max-width: 1300px; }*/ html:lang(en) .journal-menu, html:lang(fr) .journal-menu { position: absolute; left: inherit; right: 0; /* right: 16%; width: 60%;*/ } html:lang(en) .super-menu>li>a span, html:lang(fr) .super-menu>li>a span { font-size: 15px; font-family: Helvetica, Arial, sans-serif!important; } html:lang(en) .super-menu>li, html:lang(fr) .super-menu>li { align-items: center; display: flex; padding: 0 15px; height: 100%; } html:lang(en) .journal-language { padding-right: 20%; } html:lang(fr) .journal-language { padding-right: 10%; } html:lang(en) .cando-title, html:lang(en) .about-title { padding-bottom: 28px; } html:lang(en) .journal-cms-block-288 .about-title{ padding-bottom: 0; } html:lang(en) .about-two-des { padding: 50px 10px; } html:lang(en) .col-pic .col h2 { font-size: 20px; line-height: inherit; padding: 10px; } html:lang(en) .div-info h2 { font-size: 20px; margin-bottom: 40px; color: #333; } html:lang(en) .div-info>div { padding: 30px 45px; float: left; width: calc((100% - 50px) / 2); position: relative; border-top: 1px solid #333; border-bottom: 1px solid #333; margin-bottom: 40px; min-height: 410px; } html:lang(en) .side-category-left .box-heading, html:lang(fr) .side-category-left .box-heading { background-color: transparent; color: rgb(0, 34, 121); font-size: 20px; font-weight: 600; padding: 10px 0 10px 20px; font-family: inherit; letter-spacing: -1px; white-space: inherit; } #column-left { padding: 20px 0 20px 20px; width: 240px; float: left; } html:lang(en) .top-div ul, html:lang(fr) .top-div ul { list-style: none; clear: both; overflow: hidden; max-width: 1300px; margin: 30px auto 20px; padding-left: 0; } html:lang(en) .top-div ul li, html:lang(fr) .top-div ul li { font-size: 16px; } html:lang(en) .top-div ul li span, html:lang(fr) .top-div ul li span { font-size: 12px; } html:lang(en) .main-content p, html:lang(fr) .main-content p { text-align: left; } html:lang(en) .cu-p, html:lang(fr) .cu-p { font-size: 16px !important; } html:lang(en) .div2 ul li, html:lang(fr) .div2 ul li { font-weight: 400; line-height: 24px; font-size: 16px; } html:lang(en) .main-content p, html:lang(fr) .main-content p { font-size: 16px; color: #000; letter-spacing: 0px; font-family: "微软雅黑", Helvetica, Arial, sans-serif; text-align: justify; } html:lang(en) .main-content .text-left, html:lang(fr) .main-content .text-left { padding: 20px 20px 20px 0; text-align: left; } html:lang(en) .div3 .img-right, html:lang(fr) .div3 .img-right { width: 50%; padding-right: 0; } html:lang(en) .div5 .text-left p, html:lang(fr) .div5 .text-left p { font-family: "微软雅黑", Helvetica, Arial, sans-serif; color: #fff; letter-spacing: 0; } html:lang(en) .jie-p, html:lang(fr) .jie-p { font-size: 16px !important; } html:lang(en) .div6 .text-left, html:lang(fr) .div6 .text-left { width: 45%; padding-left: 50px; padding-top: 120px; } html:lang(en) .div4 .text-left, html:lang(fr) .div4 .text-left { width: 50%; padding-left: 26px; padding-top: 14px; } .div7 .text-left { width: 52%; } .div7 .img-right { width: 48%; } html:lang(en) .about1-box .top-content .left-div, html:lang(fr) .about1-box .top-content .left-div { float: left; width: 56%; text-align: justify; } html:lang(en) .about1-box .bottom-content ul li span { display: block; font-size: 17px; min-height: 70px; } html:lang(en) #con>li .info-right, html:lang(fr) #con>li .info-right { padding: 0 20px 0 0; display: inline-block; float: right; width: 70%; padding-top: 50px; } html:lang(en) .photos-show li i, html:lang(fr) .photos-show li i { min-height: 45px; display: block; } html:lang(en) .big-p, html:lang(fr) .big-p { font-family: Helvetica, Arial, sans-serif; text-align: justify; font-size: 20px; } html:lang(en) .accordionTitle, html:lang(fr) .accordionTitle { font-family: Helvetica, Arial, sans-serif; font-size: 18px; } html:lang(en) .city-show .city p, html:lang(fr) .city-show .city p { font-size: 16px; text-align: justify; } html:lang(en) .city-show .city3 ul li p, html:lang(fr) .city-show .city3 ul li p { text-align: center; } .contact-box .contact-info .icon-info p>i { float: left; } /*法文版*/ html:lang(fr) .col-pic .col h2 { font-size: 20px; line-height: inherit; padding: 10px; min-height: 105px; } html:lang(fr) .div5 .img-right:before { height: 445px; } html:lang(fr) .div7 .form-div .input-div label span { font-size: 16px; line-height: 7px; float: left; width: 80px; height: auto; width: 20px; text-align: left; float: none; padding-right: 10px; display: block; width: 100%; } html:lang(fr) .div7 .img-right:before { content: ""; width: 1px; background-color: #ccc; height: 305px; } html:lang(fr) .about1-box .bottom-content ul li span { display: block; font-size: 17px; min-height: 94px; } html:lang(fr) .right_layout p { text-align: justify; } @media only screen and (min-width: 1500px) and (max-width: 1600px) { html:lang(fr) .journal-language { padding-right: 20px!important; } html:lang(fr) .journal-menu { right: 105px!important; } } @media only screen and (max-width: 1600px) and (min-width:1300px){ html:lang(fr) .journal-menu { position: absolute; left: inherit; right: 150px; width: 72%; } } @media only screen and (max-width: 1600px) { html:lang(en) .journal-language { padding-right: 5%; } html:lang(fr) .journal-language { padding-right: 5%; } html:lang(fr) .catalog-cart .journal-header-default .journal-logo { width: 20%; } html:lang(fr) .journal-menu { position: absolute; left: inherit; right: 60px; } html:lang(fr) .catalog-cart .journal-header-default .journal-logo { width: 20%; } } @media only screen and (min-width: 1200px) { html:lang(fr) .div-info>div:nth-child(3) { min-height: 656px; } html:lang(fr) .div-info>div:nth-child(4) { min-height: 656px; } html:lang(en) .div-info>div:nth-child(3) { min-height: 493px; } html:lang(en) .div-info>div:nth-child(4) { min-height: 493px; } } @media only screen and (min-width: 1440px) { html:lang(en) .col-pic .col h2, html:lang(fr) .col-pic .col h2 { min-height:70px; } html:lang(fr) .div-info>div:nth-child(3) { min-height: 680px; } html:lang(fr) .div-info>div:nth-child(4) { min-height: 680px; } } @media only screen and (max-width: 1500px) { .catalog-cart .journal-header-default .journal-logo { z-index: 5; width: 20%; } html:lang(fr) #logo, html:lang(en) #logo { width: 80%; margin: auto; } html:lang(en) .journal-language { padding-right: 12%; } html:lang(fr) .journal-language { padding-right:3%; } html:lang(en) .super-menu>li>a span, html:lang(fr) .super-menu>li>a span { font-size: 15px; letter-spacing: -1px; } } html:lang(en) .jie-p { color: #000!important; } html:lang(en) .other>ul>li:last-child>a i { float: left; margin-left: 40px; } html:lang(en) .other>ul>li:last-child>a span { text-align: left; float: left; width: 60%; } html:lang(fr) .other>ul>li:last-child>a i { float: left; margin-left: 20px; } html:lang(fr) .other>ul>li:last-child>a span { text-align: left; float: left; width: 80%; } html:lang(fr) #column-left, html:lang(en) #column-left { width: 305px; } html:lang(fr) #column-left+#content, html:lang(en) #column-left+#content { margin-left: 250px; } html:lang(fr) .cando-one-bg { min-height: 250px !important; } #about .section>div:nth-child(2) .about-two { background: url("/image/data/website/home-page/image_01_03.jpg"); background-size: cover; } #about .section>div:nth-child(3)>.about-two { background: url("/image/data/website/home-page/image_01_06.jpg"); background-size: cover; } .about-two-des { padding: 50px 10px; min-height: 200px; } html:lang(fr) .about-two, html:lang(en) .about-two { width: 100%; min-height: 250px; } html:lang(fr) #about .about-one-bg, html:lang(en) #about .about-one-bg { min-height: 500px; } html:lang(fr) .about-two-des, html:lang(en) .about-two-des { padding: 30px 10px; min-height: 250px; } html:lang(cn) .about-one-bg>p, html:lang(cn) .about-two-des { text-align: justify; } html:lang(cn) .about-one-bg>p.link_more { text-align: right; } @media only screen and (max-width: 1440px) { html:lang(en) .super-menu>li, html:lang(fr) .super-menu>li { padding: 0 10px; } html:lang(en) .div-info>div:nth-child(4) { min-height: 493px; } html:lang(en) .div-info>div:nth-child(3) { min-height: 493px; } } @media only screen and (max-width: 1330px) { html:lang(en) .journal-language { padding-right: 6%; } } @media only screen and (max-width: 1300px) { html:lang(en) .journal-menu, html:lang(fr) .journal-menu { position: absolute; left: inherit; right: 65px; } html:lang(en) .journal-language { padding-right: 100px; } html:lang(fr) .journal-language{ padding-right: 20px; } } .super-menu>li>a { overflow: visible; } @media only screen and (max-width: 1200px) { html:lang(en) .div-info>div:nth-child(3) { min-height: 542px; } html:lang(en) .div-info>div:nth-child(4) { min-height: 542px; } html:lang(en) .journal-language .dropdown-toggle>div{ font-size: 14px; } html:lang(en) .col-pic .col h2{ font-size: 18px; } html:lang(en) .super-menu>li, html:lang(fr) .super-menu>li { padding: 0 5px; } html:lang(fr) .journal-language, html:lang(en) .journal-language { padding-right: 20px; } html:lang(fr) .journal-language{ top: 16px; } html:lang(en) .super-menu>li, html:lang(fr) .super-menu>li { padding: 0 10px; } html:lang(en) .journal-menu, html:lang(fr) .journal-menu { right: 25px; } html:lang(en) .journal-menu, html:lang(fr) .journal-menu { right: 35px; } html:lang(en) .super-menu>li>a span, html:lang(fr) .super-menu>li>a span { font-size: 14px; letter-spacing: -1px; } } @media only screen and (max-width: 980px) { html:lang(fr) #logo, html:lang(en) #logo { width: 90%; margin: auto; } .catalog-cart .journal-header-default .journal-logo { z-index: 5; width: 25%; } } @media only screen and (max-width: 980px) { /*.super-menu { top: 90px !important; }*/ .catalog-cart .journal-header-default .journal-logo { z-index: 5; width: 30%; margin-left:60px; } #logo a { display: inline-block; width: 100%; } .journal-language .dropdown-toggle>div { font-size: 13px; } .journal-language .dropdown-toggle>div:after { content: ""; width: 16px; height: 16px; background: url(/image/data/website/page-pic/xiala.png); background-size: 100%; } .mobile-menu-on-tablet .mobile-trigger:before { margin-left: 40px; float: left; top: 26px; } #logo a { margin-left: 0; } .journal-language { top: -50px !important; right: 0; margin-right: 10px; padding-right: 0 !important; } html:lang(en) .about1-box .top-content .left-div, html:lang(fr) .about1-box .top-content .left-div { float: none; width: 100%; } html:lang(en) .about1-box .top-content .right-div, html:lang(fr) .about1-box .top-content .right-div { float: none; width: 100%; text-align: center; } html:lang(en) .about1-box .bottom-content ul li, html:lang(fr) .about1-box .bottom-content ul li { padding: 10px !important; min-height: 180px; } html:lang(en) .about1-box .bottom-content ul li span, html:lang(fr) .about1-box .bottom-content ul li span { display: block; font-size: 14px; min-height: 70px; } .div-box .text-left { width: 100% !important; } .div-box .img-right { width: 100% !important; } .div1 .div-box .img-right, .div-box .img-right { width: 100% !important; text-align: center; } .div5 .div-box .img-right { width: 100% !important; text-align: left; } } @media only screen and (max-width: 768px) { .journal-language { top: -50px !important; } .catalog-cart .journal-header-default .journal-logo { z-index: 5; width: 50%; } } @media only screen and (max-width: 480px) { .div7 .form-div .input-div input, .div7 .form-div .input-div textarea{ width: 100%; } .div7 .form-div .input-div label{ padding-right:0; } html:lang(en) .main-content p, html:lang(fr) .main-content p { font-size: 16px; color: #000; letter-spacing: 0px; font-family: "微软雅黑", Helvetica, Arial, sans-serif; text-align: left; } html:lang(en) .main-content .text-left h3, html:lang(fr) .main-content .text-left h3{ font-size: 18px; } html:lang(en) .main-content .text-left, html:lang(fr) .main-content .text-left { padding: 20px 0 20px 0; text-align: left; } html:lang(en) .city-show .city p, html:lang(fr) .city-show .city p { font-size: 16px; text-align: left; } .accordion dt i{ width:35px!important; } .journal-language { top: -64px !important; } html:lang(en) .other ul li, html:lang(fr) .other ul li{ width: 100%; text-align: left; padding-left: 40px; } html:lang(en) .other ul li:last-child, html:lang(fr) .other ul li:last-child{ padding-left:0; } html:lang(en) .col-pic .col h2, html:lang(fr) .col-pic .col h2 { font-size: 16px; } .cando-one .cando-title, .advantage-one-bg .advantage-title, .about-one .about-title { font-size: 16px !important; } html:lang(en) .col .cando-one-bg{ min-height: 270px!important; } html:lang(en) .col .cando-one-bg h3 { font-size: 15px !important; } html:lang(en) .div7 .text-left, html:lang(fr) .div7 .text-left { width: 100%; } html:lang(en) .div7 .img-right, html:lang(fr) .div7 .img-right{ width: 100%; } .btn-sub { float: left; margin-top: 20px; } /*480响应 contact*/ .contact-box .contact-info { padding: 0; } .contact-box .contact-info h2 { font-size: 20px; line-height: 50px; } .contact-box .main-box .form_box { margin: 0 0 30px 0; padding: 0; } html:lang(en) .top-div ul li, html:lang(fr) .top-div ul li { font-size: 14px; min-height: 76px; } html:lang(en) .big-p, html:lang(fr) .big-p { font-family: Helvetica, Arial, sans-serif!important; text-align: left; font-size: 16px; } html:lang(en) .accordionTitle, html:lang(fr) .accordionTitle { font-family: Helvetica, Arial, sans-serif; font-size: 16px; } html:lang(en) #con>li .info-right, html:lang(fr) #con>li .info-right { padding: 0 20px 20px 20px; display: inline-block; float: right; width: 100%; } html:lang(en) #tit span, html:lang(fr) #tit span{ font-size:13px; } html:lang(en) .p-title, .title-2, html:lang(fr) .p-title, .title-2 { font-size: 16px !important; } .col .cando-one-bg{ min-height: 180px !important; padding: 10px !important; } .col .cando-one-bg h3{ font-size: 14px !important; } html:lang(en) .p-title:after, html:lang(fr) .p-title:after { content: ""; width: 70px; height: 20px; background: url(/image/data/website/home-page/icon_you.png)no-repeat center; vertical-align: middle; background-size: 70%; margin: 0 0!important; } html:lang(en) .p-title:before, html:lang(fr) .p-title:before { content: ""; width: 70px; height: 20px; background: url(/image/data/website/home-page/icon_zuo.png)no-repeat center; vertical-align: middle; background-size: 70%; margin: 0 0!important; } html:lang(en) .p-title1:before, html:lang(fr) .p-title1:before { content: ""; width: 70px; height: 20px; background: url(/image/data/website/home-page/zuo.png)no-repeat center; vertical-align: middle; background-size: 70%; margin: 0 0!important; } html:lang(en) .p-title1:after, html:lang(fr) .p-title1:after { content: ""; width: 70px; height: 20px; background: url(/image/data/website/home-page/you.png)no-repeat center; vertical-align: middle; background-size: 70%; margin: 0 0!important; } } @media only screen and (min-width: 375px) { html:lang(fr) .cando-one-bg, html:lang(en) .cando-one-bg { padding: 10px !important; } html:lang(en) .col .cando-one-bg, html:lang(fr) .col .cando-one-bg { min-height: 220px!important; } html:lang(en) .col .cando-one-bg img, html:lang(fr) .col .cando-one-bg img{ max-width: 50% !important; height: auto !important; } html:lang(en) .col .cando-one-bg h3, html:lang(fr) .col .cando-one-bg h3{ font-size: 14px !important; padding-top: 0; } html:lang(en) .col-pic .col h2, html:lang(fr) .col-pic .col h2 { font-size: 15px; } .col .cando-one-bg{ min-height: 180px !important; padding: 10px !important; } .col .cando-one-bg h3{ font-size: 14px !important; } } @media only screen and (min-width: 1600px) { html:lang(en) .col-pic .col h2, html:lang(fr) .col-pic .col h2 { font-size: 18px; min-height: 75px; } html:lang(fr) .col .cando-one-bg{ min-height: 195px!important; } html:lang(en) .col .cando-one-bg{ min-height: 195px!important; } html:lang(fr) .journal-language { padding-right: 6%; } /*html:lang(en) .journal-menu{ right: -7%; }*/ html:lang(en) .journal-language { padding-right: 12%; } } @media only screen and (min-width: 1690px) { html:lang(en) .journal-language { padding-right: 16%; } } @media only screen and (min-width: 1750px) { html:lang(en) .journal-language { padding-right: 20%; } } @media only screen and (max-width: 980px){ .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > a { text-align: left; padding-left: 0; } } @media only screen and (max-width: 760px){ .mobile-menu .drop-down ul li a{ width: 100%; margin-right:0; padding:5px 0!important; } } @media only screen and (max-width: 480px) { .partaner-box .span_1_of_4{min-height:150px;} .blog-post .heading-title { font-size: 20px; white-space: normal; } .other { max-width: 1200px !important; margin: auto; padding: 0; margin-bottom: 0; clear: both; overflow: hidden; } html:lang(cn) .other ul li { border-right: 1px solid #ccc; text-align: left; margin-left: 0; padding-left: 20px; } html:lang(cn) .other ul li i { height: 24px; } .journal-cms-block-257 .cms-block, .journal-cms-block-287 .cms-block{ margin-bottom:0; } html:lang(cn) .about-two-des { min-height: 150px; } .about-one{ margin-bottom:0!important; } .about-one { padding: 0; } .about-one .col:nth-child(3)>p{ height:auto; } html:lang(en) .other ul li, html:lang(fr) .other ul li { width: 100%; text-align: left; padding-left: 20px; } html:lang(en) .other>ul>li:last-child>a i { float: left; margin-left: 20px; } .information-page-17 #container, .information-page-18 #container, .information-page-19 #container, .information-page-20 #container { padding: 0 0 40px; } .right_layout h4:before { content: ""; background: url(/image/data/website/page-pic/icon-wen1.png); background-size: 100%; width: 24px; height: 24px; position: absolute; left: 0; top: 2px; } .jiejue:before { content: ""; background: url(/image/data/website/page-pic/icon-jiejue1.png); background-size: 100%; width: 24px; height: 24px; position: absolute; left: 0; top: 2px; } .right_layout h4, .jiejue { padding-left: 30px; } html:lang(cn) .right_layout h4{ line-height: initial; font-size: 17px; } .right_layout h4, .jiejue { line-height: initial; font-size: 16px; } html:lang(fr) .right_layout p { text-align: left; } html:lang(fr) .right_layout h3 { font-size: 17px; border-bottom: 1px solid #333; line-height: 28px; } .accordion dt { padding: 1em 5px!important; } .accordionTitle:before, .accordion__Heading:before { top: 0!important; left: 0!important; } .accordion dd ul{ padding-left: 32px; padding-right: 10px; } .accordion dd li { line-height: 26px; font-size: 14px; } .accordion p{ font-size: 14px!important; } html:lang(fr) #logo, html:lang(en) #logo { width: 100%; margin: auto; } .category-page div#content { padding: 20px 10px !important; } .category-info>div:nth-child(2) h1>span{ display: block; line-height: 30px; height: 30px; text-align: center; } .category-info>div:nth-child(2) h1 i { float: none; margin-right: 0; display: block; text-align: center; padding: 0 10px; font-size: 14px; line-height: 30px; height: 30px; } .category-info>div:nth-child(2) h1>span:before { content: ""; width: 10%; height: 14px; background: url(/image/data/website/page-pic/yuan-left.png)no-repeat center; vertical-align: middle; background-size: 60%; margin-top: -3px; } .category-info>div:nth-child(2) h1>span:after { content: ""; width: 10%; height: 14px; background: url(/image/data/website/page-pic/yuan-right.png)no-repeat center; vertical-align: middle; background-size: 60%; margin-top: -3px; } html:lang(en).category-page-175 .category-info>div:nth-child(2) h1>span{ height:auto; } html:lang(en).category-page-175 .category-info>div:nth-child(2) h1>span em{ line-height: 20px; display: inline-block; font-style: normal; padding: 10px 0; } html:lang(en).category-page-175 .category-info>div:nth-child(2) h1>span em>span{ display:block; } html:lang(en).category-page-175 .category-info>div:nth-child(2) h1>span:before { content: ""; width: 10%; height: 14px; background: url(/image/data/website/page-pic/yuan-left.png)no-repeat center; vertical-align: middle; background-size: 60%; margin-top: -20px; } html:lang(en).category-page-175 .category-info>div:nth-child(2)>h1>span:after { content: ""; width: 10%; height: 14px; background: url(/image/data/website/page-pic/yuan-right.png)no-repeat center; vertical-align: middle; background-size: 60%; margin-top: -20px; } .fankui-item { padding: 20px 40px 40px 40px!important; } .information-page-23 .box-heading:before { content: ""; width: 10%; height: 20px; background: url(/image/data/website/page-pic/yuan-left.png)no-repeat center; vertical-align: middle; background-size: 60%; } .information-page-23 .box-heading:after { content: ""; width: 10%; height: 20px; background: url(/image/data/website/page-pic/yuan-right.png)no-repeat center; vertical-align: middle; background-size: 60%; } html:lang(en) .top-div ul li, html:lang(fr) .top-div ul li { padding: 0 16px; } html:lang(en) .div5 .text-left, html:lang(fr) .div5 .text-left{ width: 50%; padding-left: 0; line-height: inherit; padding-bottom:0; } html:lang(cn) .div5 .text-left{ padding-bottom:0; } html:lang(en) .div5 .img-right, html:lang(fr) .div5 .img-right, html:lang(cn) .div5 .img-right{ padding-top: 0!important; } html:lang(en) .div5 .img-right dl, html:lang(fr) .div5 .img-right dl{ padding-top: 0!important; line-height:24px; } .div1 .div-box .text-left p:nth-child(3):before, .div2 .div-box .text-left p:nth-child(3):before, .div3 .div-box .text-left p:nth-child(3):before { content: ""; background: url(/image/data/website/page-pic/icon-wen1.png); background-size: 100%; width: 24px; height: 24px; position: absolute; left: 0; } .main-content p.jie-p:before { content: ""; background: url(/image/data/website/page-pic/icon-jiejue1.png); background-size: 100%; width: 24px; height: 24px; position: absolute; left: 0; } .div1 .div-box .text-left p:nth-child(3), .div1 .div-box .text-left p:nth-child(5), .div2 .div-box .text-left p:nth-child(3), .div3 .div-box .text-left p:nth-child(3), .main-content p.jie-p, .main-content p.cu-p, .div2 ol { padding-left: 27px; } .main-content .img-right { padding: 20px 0 !important; } .div7 .img-right{ padding: 0 20px 20px !important; } .div2 ol{ padding-left: 50px; } .top-div ul li:nth-child(even){ border-right:0; } html:lang(en) .top-div ul, html:lang(fr) .top-div ul{ margin: 30px auto 0; } .text-left{ padding-top:0!important; } .btn-sub input{ font-size:16px; } html:lang(fr) .top-div ul li { min-height: 90px; } .cando-one-bg { margin-bottom: 4px; } html:lang(cn) .p-title:before, html:lang(cn) .p-title:after, html:lang(cn) .p-title1:before, html:lang(cn) .p-title1:after{ vertical-align: middle; top: -2px; } .contact-box .contact-info .icon-info p.info2 span { float: left; padding-left: 0; text-align: left; } .about1-box .top-content .left-div ul li:before{ content: ""; background: url(/image/data/website/page-pic/icon-jiejue1.png); background-size: 100%; width: 24px; height: 24px; position: absolute; left: 0; } .about1-box .top-content .left-div ul li { padding-left: 27px; } .about1-box { margin: 20px 0; } html:lang(en) .about1-box .top-content .left-div, html:lang(fr) .about1-box .top-content .left-div { text-align: left; } .about1-box .top-content { padding: 0 20px 0 20px; } html:lang(fr) .about1-box .bottom-content ul li { padding: 10px !important; min-height: 200px; } .code{ width:50%; } html:lang(en) .main-content .text-left h3, html:lang(fr) .main-content .text-left h3 { font-size: 17px; } .main-content p { text-align: left; } .main-content p.link-about{ padding-left:0; } .p-title, .title-2{ font-size: 16px !important; } .faq_box .faq_item_p p { text-align: left; } .faq_box .faq_item_p span { display: block; text-align: left; } div#content { padding: 20px 10px 0 10px !important; } } @media only screen and (max-width:375px) { html:lang(en) #tit span, html:lang(fr) #tit span { width: calc(100% / 4); } html:lang(en) #tit span, html:lang(fr) #tit span { font-size: 12px; } html:lang(en) .top-div ul li, html:lang(fr) .top-div ul li { padding: 0 5px; } .other ul li i { width: 24px; height: 24px; } .category-info>div:nth-child(2) h1 span, .category-info>div:nth-child(2) h1 i{ font-size:13px; } .top-div ul li{ font-size:17px; } html:lang(en) .top-div ul li{ min-height: 88px; } html:lang(cn) .about1-box .bottom-content ul li { padding: 18px !important; } html:lang(fr) .gallery-thumb h4 { min-height: 110px!important; } html:lang(en) .gallery-thumb h4 { min-height: 88px!important; } } .contact-box .main-box .form_box .form-sub, .btn-sub input{ -webkit-appearance: none; font-size:16px; } .info-div.img-info{border:0!important} .info-div.img-info img{ max-width: 50%!important; display: block; margin: auto; }