/* Control Panel Settings */ .quickview .mfp-iframe-holder .mfp-content{height:563px} #more-details[data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} #more-details i:before{content: '\e094';font-size: 20px;color: rgb(255, 255, 255);left: -2px} .quickview #content{background-color: rgb(255, 255, 255)} .quickview #tab-description{padding-right:10px;padding-left:10px;padding-top:10px;padding-bottom:10px} .quickview h1.heading-title{text-align:left} .label-latest{color: rgb(255, 255, 255);border-radius: 50%;width: 40px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(0, 0, 0)} .label-sale{color: rgb(255, 255, 255);border-radius: 50%;width: 40px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(221, 0, 23)} .label-outofstock{background-color:rgb(221, 0, 23)} header .links a, .links .no-link, .mm-header-link a{color: rgb(255, 255, 255)} header .journal-secondary a, header .journal-secondary .links > a, .mm-header-link a{color: rgb(255, 255, 255)} .drop-down ul li a, .fly-drop-down ul li a{color: rgb(255, 255, 255)} .mega-menu div > h3{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;color: rgb(42, 43, 46);border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);padding-bottom:5px} .mega-menu-categories .mega-menu-item ul li a{padding-left:0px} .mega-menu-categories .mega-menu-item ul li a:hover{color: rgb(221, 0, 23)} .mega-menu-brands div > h3{color: rgb(255, 255, 255);text-align:left} .mega-menu-html div > h3, .mega-menu-mixed .mega-menu-html > h3{text-align:left;padding-bottom:5px;padding-left:10px;padding-top:5px} .mega-menu-html .mega-menu-item .wrapper{background-color: rgb(255, 255, 255)} .super-menu > li > a{font-size: 14px;text-transform: none;color: rgb(255, 255, 255);line-height:38px} .super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-right{border-style:none} .drop-down ul li, .mobile-menu .drop-down ul li, .flyout-menu .fly-drop-down ul li{border-bottom-style:solid;border-color: rgb(228, 228, 228)} .mega-menu-categories .mega-menu div > h3{text-align:left} .mega-menu-brands .mega-menu-item div{border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228)} .mega-menu-brands .mega-menu-item img{border-radius: 50%} .mega-menu-html div > h3{background-color: rgb(255, 255, 255)} .mega-menu:not(.fly-mega-menu), .html-menu{border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-style: solid;border-color: rgb(204, 204, 204)} .drop-down .menu-plus:before{content: '\e620';font-size: 10px;top: -3px} .mobile-trigger, .mobile-menu-on-tablet .mobile-trigger{font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 16px;text-transform: uppercase;color: rgb(244, 244, 244)} .journal-header-default .links a:hover{background-color: rgb(221, 0, 23)} .journal-header-default .journal-links{background-color: rgb(0, 0, 0)} .journal-header-default .links a, .journal-header-default .links .no-link{border-color: rgb(42, 43, 46)} header .links li:hover a, .mm-header-link li:hover a{color: rgb(221, 0, 23)} .super-menu{border-right-width: 1px;border-left-width: 1px;border-style: solid;border-color: rgb(164, 23, 51)} .mega-menu, .html-menu{background-color: rgb(255, 255, 255)} .mega-menu div > h3:hover > a{color: rgb(221, 0, 23)} .journal-header-default .journal-secondary > ul > li{background-color: rgb(42, 43, 46)} .drop-down ul li:hover > a i:before{color: rgb(255, 255, 255)} .mega-menu .product-grid-item .price{display:none} .mega-menu{padding:15px} .mega-menu-item > div, #header .mega-menu .product-wrapper{margin-right:15px} .mega-menu-categories .mega-menu-item ul li.view-more a{font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 11px;text-transform: none} .mega-menu .product-grid-item .price, .mega-menu .product-grid-item .price-new{color: rgb(56, 56, 56)} .mega-menu-column.mega-menu-html .wrapper p, .mega-menu-column.mega-menu-html .wrapper p span, .mega-menu .mega-menu-column .menu-cms-block{color: rgb(56, 56, 56)} .mega-menu-column > div > h3, .mega-menu-column > h3{border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);margin-bottom:10px;padding-bottom:5px;font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;color: rgb(56, 56, 56)} .mobile .journal-menu .mobile-menu > li, .tablet.mobile-menu-on-tablet header .journal-menu .mobile-menu > li, .mobile.mobile-menu-on-tablet header .journal-menu .mobile-menu > li, #header .journal-menu .mobile-menu > li .mobile-plus{border-color: rgb(204, 204, 204)} .quote .button{padding:0 16px;line-height:35px;background-color: rgb(0, 0, 0)} .quote .button:hover{background-color: rgb(255, 255, 255);color: rgb(0, 0, 0)} .product-info .left .image a img{border-width: 1px;border-style: solid;border-color: rgb(244, 244, 244)} .product-info .left .image-additional a{padding:0 15px 15px 0} .product-info .image .label-latest{display: block} .product-info .image .label-sale{display: block} .product-info .image .label-outofstock{display: block} .product-options > div, .product-options > ul{background-color: rgb(244, 244, 244)} .product-options > div, .product-options > ul, .skin-11 .right .heading-title{margin-bottom:15px} .product-info .right .description .instock{color: rgb(51, 153, 101)} .product-info .right .description .outofstock{color: rgb(234, 35, 73)} .product-info .right .price .price-new, .product-info .right .price .product-price, .product-info .right .price li.price-new, .product-info .right .price li.product-price{font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 35px;text-transform: none;color: rgb(0, 0, 0)} .product-info .right .price .price-old, .product-info .right .price li.price-old{font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 22px;text-transform: none;color: rgb(255, 255, 255)} .product-info .right .price-old{border-radius: 30px;background-color: rgb(221, 0, 23)} .product-info .option > ul > li:active, .product-info .option > ul > li.selected{box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.7)} #content .product-info .options h3, .ms-sellerprofile.description h3{background-color: rgb(255, 255, 255)} .product-info .option > ul > li{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .product-info .right .cart div .qty{border-radius: 40px} #button-cart, .product-info .right .cart div .button.enquiry-button{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: uppercase;letter-spacing: 2px;color: rgb(255, 255, 255)} #button-cart, .product-info .right .cart div .button.enquiry-button, .quickview #more-details{background-color: rgb(0, 0, 0)} .product-info .right .wishlist-compare .links a{color: rgb(0, 0, 0)} .product-info .right .wishlist-compare .links a:hover{color: rgb(221, 0, 23)} #tabs a, #tabs li a{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 12px;text-transform: uppercase;letter-spacing: 2px;color: rgb(255, 255, 255);background-color: rgb(0, 0, 0);box-shadow:inset 0 -3px 6px -2px rgba(0, 0, 0, 0.5)} .product-info .tab-content, .tab-content{padding:15px} .product-info .right .journal-custom-tab{background-color: rgba(244, 244, 244, 0);padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px} .product-info .gallery-text:before{content: '\e015';font-size: 16px} #product-gallery .swiper-button-prev::before{content: '\e62b';font-size: 16px;color: rgb(255, 255, 255);left: -1px} #product-gallery .swiper-button-next::before{content: '\e62c';font-size: 16px;color: rgb(255, 255, 255)} .product-info .right .wishlist-compare .links a:before{content: '\e662';font-size: 14px} .product-info .right .wishlist-compare .links a+a:before{content: '\e025';font-size: 14px} .product-info .right .options .option{border-color: rgb(255, 255, 255)} .product-info .option > ul > li.selected, .product-info .option > ul > li:hover{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} .product-info .right .cart div .journal-stepper{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .product-info .right .cart div .journal-stepper:hover{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} #button-cart:hover, .product-info .right .cart div .button.enquiry-button:hover, .quickview #more-details:hover{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} .product-info .right .wishlist-compare{background-color: rgb(244, 244, 244)} #tabs a:hover, #tabs a.selected, #tabs li a:hover, #tabs li.active a{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} .product-info .tab-content, .tab-content, .quickview .tab-content{background-color: rgb(244, 244, 244)} .tags{text-align:left} .tags a, .tags b{border-radius: 15px} .tags b{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255)} .tags a{background-color: rgb(244, 244, 244)} .tags a:hover{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} #product-gallery .swiper-button-prev, #product-gallery .swiper-button-next{border-radius: 50%;height:25px; line-height:25px;background-color: rgb(51, 55, 69);width:25px} .product-info .right > div > div, .product-info .right > div > ul{padding-left:10px;padding-right:10px;padding-bottom:10px;padding-top:10px} .product-info .right .options .option b, .product-info .right .options .option .control-label{font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: none} .product-info .right .options .option label:hover{color: rgb(221, 0, 23)} .social, .product-options .social, .blog-post .social{background-color: rgb(255, 255, 255)} .product-info .right .options .option label{color: rgb(66, 139, 202)} #product-gallery .swiper-button-prev:hover, #product-gallery .swiper-button-next:hover{background-color: rgb(221, 0, 23)} #tab-description{line-height:24px} .attribute tbody td{text-align:left} .product-page .heading-title{text-align:left} body{font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69);background-color: rgb(255, 255, 255)} .heading-title, .box-heading, #blogArticle .articleHeader h1, .oc-filter .panel-heading{text-align:left;border-radius: 2px;line-height:40px; min-height:40px;;background-color: rgb(244, 244, 244)} .secondary-title, #content #review-title{text-align:left;font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 16px;text-transform: none;color: rgb(42, 43, 46);border-bottom-width: 1px;border-style: solid;border-color: rgb(244, 244, 244);padding-top:8px; padding-bottom:8px} .heading-title, .box-heading, #blogArticle .articleHeader h1, #swipebox-caption, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected, .oc-filter .panel-heading{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(0, 0, 0)} .button, .side-column .box-content a.button, #quickcheckout .button, .modal-footer .btn{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 11px;text-transform: uppercase;color: rgb(255, 255, 255)} .button, #quickcheckout .button, .modal-footer .btn{border-radius: 30px;padding:0 14px;line-height:32px;background-color: rgb(42, 43, 46)} .breadcrumb{font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 13px;text-transform: none;background-color: rgb(244, 244, 244);padding-left:0px; padding-right:0px;;display:block !important;} .scroll-top:before{content: '\e611';font-size: 45px;color: rgb(108, 106, 111)} .extended-layout .extended-container{background-color: rgb(255, 255, 255)} a{color: rgb(0, 136, 255)} a:hover{color: rgb(0, 136, 255)} .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(0, 108, 182)} .breadcrumb a:hover{color: rgb(0, 108, 182)} .scroll-top:hover:before{color: rgb(0, 108, 182)} .heading-title, .box-heading, #blogArticle .articleHeader h1, .journal-carousel .htabs.single-tab a, .oc-filter .panel-heading, .journal-carousel .htabs.single-tab a{padding-left:15px} .extended-container:before{background-color: rgb(244, 244, 244)} .box-sections ul li, .custom-sections .box-heading.box-sections{border-style:solid;border-color: rgb(80, 80, 80)} .custom-sections .box-heading{border-bottom-width: 0px;border-style: solid;background-color: rgb(42, 43, 46)} .box-sections ul li a{color: rgb(255, 255, 255)} .box-sections, .box-sections ul li a, #top-modules .journal2_custom_sections::before, #bottom-modules .journal2_custom_sections::before{line-height:38px; min-height:38px;} .box-sections ul li a:hover, .box-sections ul li a.selected{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} #footer{margin-top:20px;margin-bottom:0px} footer .column > h3{border-bottom-style:solid;text-align:left;font-style: normal;font-size: 16px;text-transform: none;color: rgb(255, 255, 255);border-color: rgb(42, 43, 46)} footer .column-menu-wrap > ul li{color: rgba(255, 255, 255, 0.35)} footer .contacts{box-shadow:none;border-radius: 60px} footer .contacts [data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} .bottom-footer{box-shadow:none;background-color: rgb(255, 255, 255)} .fullwidth-footer{background-color: rgb(29, 36, 51)} footer .column-menu-wrap > ul li:hover a{color: rgb(255, 255, 255)} footer .contacts > div > span > .contact-icon{background-color: rgb(80, 80, 80);border-radius: 50%} footer a .contacts-text:hover{color: rgb(221, 0, 23)} footer .contacts-text{color: rgb(255, 255, 255)} .column.products .product-grid-item .name a{white-space:nowrap} .column.products .product-grid-item .name a:hover{color: rgb(221, 0, 23)} .column.products .product-grid-item{border-bottom-style:solid;border-color: rgb(42, 43, 46);padding:4px 0} footer .column-text-wrap p{line-height:15px} .column.products .product-grid-item .name a, .footer-post-title{color: rgb(255, 255, 255)} .column.products .product-grid-item .price-old{color: rgb(221, 0, 23)} .column.products .product-grid-item .price, .column.products .product-grid-item .price-new{color: rgb(255, 255, 255)} .footer-post{border-bottom-style:solid;border-color: rgb(42, 43, 46);padding:5px 0} #cart .heading i{border-left-style:solid;border-color: rgba(244, 244, 244, 0)} .mini-cart-info table tr{border-bottom-style:solid;border-bottom-color: rgb(228, 228, 228)} #cart .heading, .ie9 #cart button.heading{font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255)} .journal-header-center #cart{border-width: 1px;border-radius: 40px;border-style: solid;border-color: rgb(80, 80, 80)} .mini-cart-info, #cart .empty{color: rgb(0, 0, 0)} .mini-cart-info{max-height:350px} .mini-cart-total{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .button-search, .journal-header-center .button-search{border-right-style:solid} #search input{color: rgba(0, 0, 0, 0.8);background-color: rgb(42, 43, 46)} .journal-header-center #search input{background-color: rgb(229, 229, 229)} .autocomplete2-suggestion span.p-price{display:none} .autocomplete2-suggestions > div{max-height:350px} .journal-header-center #language, .journal-header-center #currency{border-style:solid;border-color: rgb(119, 119, 119)} .journal-language .dropdown-menu, .journal-currency .dropdown-menu{background-color: rgb(255, 255, 255);box-shadow:none} .journal-currency form .currency-symbol{border-radius: 50%;background-color: rgb(255, 255, 255)} #cart .heading i:before{content: '\e000';font-size: 25px;color: rgb(221, 0, 23);top: -1px;left: -4px} .journal-top-header{background-color: rgb(68, 67, 73)} .journal-header-default #logo, .journal-header-compact #logo{background-color: rgb(42, 43, 46)} .journal-header-default #cart{background-color: rgb(42, 43, 46)} #cart .content .cart-wrapper, .oc2 #cart .checkout{background-color: rgb(255, 255, 255)} .mini-cart-info table tr td.remove i{color: rgb(0, 0, 0)} .mini-cart-info table tr td.remove i:hover, .firefox .mini-cart-info table tr td.remove button:hover i{color: rgb(221, 0, 23)} .autocomplete2-suggestion{border-bottom-style:solid;border-color: rgb(228, 228, 228)} .autocomplete2-suggestion:hover{background-color: rgb(244, 244, 244)} .autocomplete2-suggestions{background-color: rgb(255, 255, 255)} .journal-language .dropdown-menu > li > a, header .journal-currency .dropdown-menu > li > a{color: rgb(0, 0, 0)} .journal-language .dropdown-menu > li > a:hover, header .journal-currency .dropdown-menu > li > a:hover{color: rgb(0, 0, 0)} .journal-language .dropdown-menu > li > a:hover, .journal-currency .dropdown-menu > li > a:hover{background-color: rgb(244, 244, 244)} .journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li{border-top-style:solid} .autocomplete2-suggestion .p-image{display:none} .journal-header-center .journal-top-header, .journal-header-center .journal-secondary{border-bottom-style:solid; border-top-style:solid;} .product-wrapper{border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);padding: 5px;background-color: rgb(255, 255, 255)} .product-grid-item .image .label-latest{display: 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:nowrap;font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69)} .product-grid-item .price{display:inline-block;;display:none} .product-details:before{font-size: 25px;margin-left: -14px;top: -21px;color: rgb(255, 255, 255)} .product-grid-item .cart .button[data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} .product-grid-item .quickview-button .button{border-radius: 30px} .product-grid-item .quickview-button .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(52, 73, 94)} .product-grid-item.display-icon .wishlist > a, .product-grid-item.display-icon .compare > a{border-radius: 50%;width:30px;height:30px; padding:0;;background-color: rgb(0, 0, 0)} .product-grid-item .wishlist [data-hint]:after, .product-grid-item .compare [data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} .product-grid-item .cart:not(.enquiry-button) i::before{content: '\e001';font-size: 19px;color: rgb(255, 255, 255)} .product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before{content: '\e660';font-size: 20px;color: rgb(255, 255, 255)} .product-grid-item .wishlist-icon:before{content: '\e663';font-size: 16px;color: rgb(255, 255, 255);top: 1px} .product-grid-item .compare-icon:before{content: '\e025';font-size: 16px;color: rgb(255, 255, 255)} .product-grid-item .price-old, .compare-info .price-old, .autocomplete2-suggestion span.p-price .price-old{color: rgb(164, 23, 51)} .product-grid-item .wishlist a, .product-grid-item .compare a{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 11px;text-transform: none;color: rgb(51, 55, 69)} .product-grid-item.display-icon .wishlist > a:hover, .product-grid-item.display-icon .compare > a:hover{background-color: rgb(221, 0, 23)} .soft-shadow .product-wrapper{box-shadow:none} .product-grid-item .rating{margin-left:-47px;top:-35px} .product-grid-item .quickview-button .button:hover, .side-column .box-content .quickview-button .button:hover{color: rgb(255, 255, 255)} .category-list ul li a, .refine-category-name{font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 13px;text-transform: none;color: rgb(0, 0, 0)} .category-list ul li:after{color: rgb(228, 228, 228)} .category-list{background-color: rgb(51, 55, 69)} .refine-image a{background-color: rgb(244, 244, 244)} .refine-image a:hover{background-color: rgb(0, 108, 182)} .product-filter, .product-compare a{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 13px;text-transform: none;color: rgb(42, 43, 46)} .pagination b, .pagination a:hover{color: rgb(255, 255, 255)} .category-list ul li a:hover, .refine-image a:hover .refine-category-name{color: rgb(255, 255, 255)} .pagination{background-color: rgb(244, 244, 244);box-shadow:none} .product-filter .display a i:hover, .product-filter .display a.active i{color:rgb(0, 108, 182) !important} .product-filter{background-color: rgb(244, 244, 244)} .product-compare a:hover{color: rgb(0, 108, 182)} .pagination a, .pagination b, .pagination li{border-radius: 50%} .pagination a{background-color: rgb(255, 255, 255);color: rgb(0, 0, 0)} .pagination b, .pagination a:hover, .pagination li.active {background-color: rgb(0, 108, 182)} .pagination .results, .dataTables_info{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 13px;text-transform: none} .tp-bannertimer, .tp-bannertimer.tp-bottom{height:3px;background-color: rgb(74, 144, 226)} .tp-bullets.tp-thumbs .bullet:before{opacity:.4} .tp-bullets.tp-thumbs .bullet.selected:before, .tp-bullets.tp-thumbs .bullet:hover:before{opacity:0} .tp-bullets.tp-thumbs{border-top-width: 7px;border-right-width: 7px;border-left-width: 7px;border-style: solid;border-color: rgb(255, 255, 255)} .tp-leftarrow:before, .tp-leftarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:before{content: '\e62b';font-size: 65px;color: rgb(43, 41, 43);top: -15px} .tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before{content: '\e62c';font-size: 65px;color: rgb(43, 41, 43);top: -15px} .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .journal-simple-slider .owl-controls .owl-page.active span, .journal-simple-slider .owl-controls.clickable .owl-page:hover span{background-color: rgb(0, 108, 181)} .tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page span{background-color: rgb(255, 255, 255);border-radius: 8px;margin-left:6px;width:8px;height:8px} .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(74, 144, 226)} .journal-carousel .htabs a, .side-column .journal-carousel .htabs a{border-right-style:solid;border-color: rgb(255, 255, 255)} .journal-carousel.arrows-top .swiper-button-prev::before{content: '\e60f';font-size: 17px;color: rgb(42, 43, 46)} .journal-carousel.arrows-top .swiper-button-next::before{content: '\e60e';font-size: 17px;color: rgb(42, 43, 46)} .swiper-pagination-bullet{background-color: rgb(0, 0, 0);border-radius: 5px;width:20px;height:7px} .journal-carousel.arrows-top .swiper-button-prev:hover::before, .journal-carousel.arrows-top .swiper-button-next:hover::before{color: rgb(0, 108, 182)} .swiper-pagination-bullet:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: rgb(221, 0, 23)} .journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected{color: rgb(255, 255, 255);background-color: rgb(0, 108, 182)} .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{top:-58px} .journal-carousel:not(.arrows-top) .swiper-button-next::before{content: '\e60e';font-size: 24px;color: rgb(0, 0, 0)} .journal-carousel:not(.arrows-top) .swiper-button-prev, .journal-carousel:not(.arrows-top) .swiper-button-next{margin-top:-60px} .journal-carousel:not(.arrows-top) .swiper-button-prev::before{content: '\e60f';font-size: 24px;color: rgb(0, 0, 0)} .journal-carousel.arrows-top .swiper-button-prev{right:15px} .journal-carousel.arrows-top .swiper-button-next{right:0px} .journal-carousel:not(.arrows-top) .swiper-button-next{right:5px} .journal-carousel:not(.arrows-top) .swiper-button-prev{left:5px} .journal-carousel:not(.arrows-top) .swiper-button-prev:hover::before, .journal-carousel:not(.arrows-top) .swiper-button-next:hover::before{color: rgb(0, 108, 182)} .product-list-item{background-color: rgb(255, 255, 255)} .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:block} .product-list-item .cart .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(66, 139, 202)} .product-list-item .quickview-button {margin-left: -20px;margin-top: -20px} .product-list-item .quickview-button .button{border-radius: 50px} .product-list-item .quickview-button .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)} .product-list-item .wishlist a, .product-list-item .compare a{color: rgb(51, 55, 69)} .product-list-item .cart:not(.enquiry-button) i:before{content: '\e001';font-size: 20px;color: rgb(255, 255, 255)} .product-list-item .quickview-button .button-left-icon:before, .product-list-item .quickview-button .button-right-icon:before{content: '\e661';font-size: 20px;color: rgb(255, 255, 255)} .product-list-item .wishlist-icon:before{content: '\e662';font-size: 11px;color: rgb(51, 55, 69);top: -2px} .product-list-item .compare-icon:before{content: '\e025';font-size: 11px;color: rgb(51, 55, 69);top: -2px} .product-list-item .wishlist a:hover, .product-list-item .compare a:hover{color: rgb(176, 158, 102)} .side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr{border-bottom-style:solid} .side-column .side-category-accordion i{border-radius: 50%;color: rgb(0, 0, 0);background-color: rgb(0, 0, 0)} .side-column .side-category-accordion i:hover{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} .side-column .box-category li a:before, .flyout-menu .flyout > ul > li > a:before, .side-column .box-content li a:before{content: '\e62c';font-size: 15px;color: rgb(169, 184, 192);top: -2px} .side-column, .side-column .oc-module .product-grid-item .price, .journal-sf ul li label, .side-post-title{color: rgb(0, 0, 0)} .side-column .box-content li a:hover, .side-column .box-category li a:hover, .flyout-menu .flyout > ul > li:hover > a, .flyout-menu .flyout > ul > li > a:active, .side-column .box-content li a.active, .side-column .box-category li a.active, .side-column .oc-module .product-grid-item .name a:hover, #column-right .recentArticles li > a:hover, #column-right .popularArticles li > a:hover, #column-left .recentArticles li > a:hover, #column-left .popularArticles li > a:hover{color: rgb(221, 0, 23)} .side-column .box-content li a:hover, .side-column .box-category li a:hover, .flyout-menu .flyout > ul > li:hover > a, .flyout-menu .flyout > ul > li > a:active, .side-column .box-content li a.active, .side-column .box-category li a.active{background-color: rgb(255, 255, 255)} .side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr {border-color:rgba(255, 255, 255, 0)} .side-column .box-content li a, .side-column .box-category li a{padding-top:10px;padding-bottom:2px;padding-right:20px} .side-column .oc-module .product-grid-item{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:7px} .side-column .side-category i{width:20px;height:20px;top:7px;right:0px;font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 18px;text-transform: none;color: rgb(255, 255, 255)} .side-column .heading-title, .side-column .box-heading, .side-column #blogArticle .articleHeader h1, .oc-filter .panel-heading{padding-left:10px} .side-column .oc-module .product-grid-item .name a{white-space:nowrap} .side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, #column-right .recentArticles li > a, #column-right .popularArticles li > a, #column-left .recentArticles li > a, #column-left .popularArticles li > a, .side-post-title{color: rgb(56, 56, 56)} .cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type{border-bottom-style:solid} .action-area h3{background-color: rgb(244, 244, 244)} .buttons{padding-top:15px; padding-bottom:15px;;padding-left:15px; padding-right:15px;background-color: rgb(244, 244, 244)} .cart-info table, .wishlist-info table, .compare-info td, table.list tbody td, .order-list .order-content{background-color: rgb(255, 255, 255)} .cart-info tbody td, .wishlist-info tbody td, .compare-info td, table.list tbody td, .order-list .order-content{color: rgb(51, 55, 69)} .cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, .order-list .order-id, .order-list .order-status{background-color: rgb(244, 244, 244)} .cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type, .account-page table.list td, .account-page table.list{border-color: rgb(244, 244, 244)} .login-content > div, .sitemap-info > div > ul{background-color: rgb(244, 244, 244)} .login-content hr{background-color: rgb(244, 244, 244)} #content.sc-page .content p, #content.sc-page .action-area p, .cart-total, table.list tfoot td{color: rgb(51, 55, 69);background-color: rgb(244, 244, 244)} table.radio .highlight:hover td label, .action-area .panel-title:hover a{color: rgb(255, 255, 255)} table.radio .highlight td, .action-area .panel-heading{background-color: rgb(255, 255, 255)} table.radio .highlight:hover td, .action-area .panel-heading:hover{background-color: rgb(221, 0, 23)} #content.sc-page .content table.radio .highlight td{border-color: rgb(244, 244, 244)} .checkout-heading, .checkout .panel-heading{background-color: rgb(68, 67, 73)} .checkout-heading{border-color: rgb(80, 80, 80)} .checkout-product thead td, .checkout-product tfoot td{color: rgb(51, 55, 69);background-color: rgb(244, 244, 244)} .checkout-product tbody td{border-color: rgb(244, 244, 244)} .checkout-content, .checkout-page .panel-body{background-color: rgb(255, 255, 255)} .checkout-heading, .checkout .panel-title{color: rgb(255, 255, 255)} .sf-icon:after{background-color: rgb(221, 0, 23);color: rgb(244, 244, 244)} .sf-reset:hover{color: rgb(221, 0, 23)} .sf-price .ui-widget-header{background-color: rgb(0, 0, 0)} .sf-price .value{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0);border-radius: 10px} .sf-reset{color: rgb(42, 43, 46)} .sf-price .ui-slider-handle:hover{background-color: rgb(221, 0, 23)} .sf-price .ui-slider-handle{background-color: rgb(0, 0, 0);width:15px;height:15px;top:-6px;border-radius: 50%} .journal-sf ul label.sf-checked img, .journal-sf ul label:hover img{border-color: rgb(221, 0, 23)} .sf-icon .sf-reset-icon::after, .sf-reset .sf-reset-icon::after{content: '\e602';font-size: 16px} .side-column .journal-sf .box ul li label.sf-checked, .side-column .journal-sf .box ul li label:hover{color: rgb(221, 0, 23)} .journal-sf ul label img{border-width: 2px;border-style: solid;border-color: rgb(244, 244, 244)} .side-column .journal-sf .box ul li{padding-top:2px;padding-bottom:2px;border-bottom-style:solid;border-color: rgba(255, 255, 255, 0)} .sf-price .box-content{padding-left:17px;padding-bottom:35px;padding-top:20px;padding-right:20px} .side-column .journal-sf .box{margin-bottom:10px} .sf-price .ui-widget-content{background: rgb(221, 0, 23)} .journal-sf .sf-image .box-content ul li{padding-bottom:7px;padding-right:7px;width:16.666666%} .journal-sf .sf-image .box-content{padding-top:5px} .sf-price .ui-slider-horizontal{height:2px} .journal-sf .box-content{max-height:300px} .side-column .journal-sf .box ul{padding-top:5px} .journal-sf .sf-manufacturer.sf-image .box-content ul li{width:25%} .journal-sf .sf-category.sf-image .box-content ul li{width:20%} .nav-numbers a{width:20px;height:7px;border-radius: 5px;background-color: rgb(228, 228, 228)} .nav-numbers a:hover, .nav-numbers li.active a{background-color: rgb(221, 0, 23)} .ui-pnotify {display: block !important;background-color: rgb(255, 255, 255)} .ui-pnotify-text img {display: block} .ui-pnotify-title {font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 12px;text-transform: uppercase;letter-spacing: 2px;color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .ui-pnotify-closer{color: rgb(255, 255, 255)} .ui-pnotify-closer:hover{color: rgb(0, 108, 182)} .ui-pnotify-text a{color: rgb(69, 115, 143)} .ui-pnotify-text a:hover{color: rgb(0, 108, 182)} .notification-buttons{display:block} .notification-buttons .notification-cart{color: rgb(255, 255, 255)} .notification-buttons .notification-cart:hover{color: rgb(255, 255, 255)} .notification-buttons .notification-checkout:hover{color: rgb(255, 255, 255)} .notification-buttons .notification-checkout{color: rgb(255, 255, 255)} .side-column .editor-content h1, .side-column .editor-content h2, .side-column .editor-content h3{padding-bottom:4px;font-weight: 500 !important;font-family: "Ubuntu" !important;font-style: normal !important;font-size: 15px !important;text-transform: none !important} .side-column .box.cms-blocks .cms-block{margin-bottom:5px} .editor-content h1, .editor-content h2, .editor-content h3, .side-block-content h1, .side-block-content h3, .side-block-content h3{font-weight: 400 ;font-family: "Ubuntu" ;font-style: normal ;font-size: 18px ;text-transform: none } .side-column .block-content p{line-height:19px} .lg-backdrop{background-color: rgba(0, 0, 0, 0.75)} .lg-toolbar, .lg-sub-html{background-color: rgb(0, 0, 0)} .lg-toolbar .lg-icon:hover, #lg-intense-zoom:hover{color: rgb(0, 108, 182)} .lg-sub-html{color: rgb(255, 255, 255)} .side-column .journal-gallery .box-content{padding:0px !important} #content .welcome h1, .side-column .welcome h1{text-align:left;font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 25px;text-transform: none;color: rgb(51, 55, 69);border-bottom-style:solid;border-color: rgb(228, 228, 228)} #content .welcome p, .side-column .welcome p{text-align:left} .welcome p{line-height:16px} .product-grid-item .compare, .product-filter .product-compare{display:none;} .product-grid-item .wishlist{display:none} .product-info .product-options > .cart{display:none} .product-info .right .description{display:block} .product-info .right > div > .price{display:none} .product-info .right > div > .options{display:block} .product-info .right .wishlist-compare .links a + a{display:none} .product-info .right .wishlist-compare .links a:first-of-type{display:none;} .product-grid-item .name{display:table} .journal-carousel .product-grid-item .cart{display:none} .journal-carousel .product-grid-item .wishlist{display:none} .journal-carousel .product-grid-item .compare{display:none} .journal-carousel .product-grid-item .price{display:none} .journal-carousel .product-grid-item .name{display:table} .side-column .journal-carousel .product-grid-item .cart{display:none} .side-column .journal-carousel .product-grid-item .wishlist{display:none} .side-column .journal-carousel .product-grid-item .compare{display:none} .side-column .journal-carousel .product-grid-item .price{display:none} .side-column .journal-carousel .product-grid-item .name{display:table} .custom-sections .product-grid-item .cart{display:none} .custom-sections .product-grid-item .wishlist{display:none} .custom-sections .product-grid-item .compare{display:none} .custom-sections .product-grid-item .price{display:none} .custom-sections .product-grid-item .name{display:table} .mega-menu .product-grid-item .cart{display:none} .mega-menu .product-grid-item .wishlist{display:none} .mega-menu .product-grid-item .compare{display:none} .mega-menu .product-grid-item .name{display:table} .product-list-item .cart{display:none} .product-list-item .wishlist{display:none} .product-list-item .compare{display:none} .product-list-item .price{display:none} .product-list-item .name{display:table} .product-info .right > div .countdown > span{border-style:solid} .countdown > span{border-style:solid} .expire-text{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;background-color: rgb(221, 0, 23);font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255);text-align:left} .post-wrapper{background-color: rgb(255, 255, 255);padding:5px 5px 0 5px;border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228)} .posts.blog-list-view .post-item-details h2 a{white-space:nowrap} .post-item-details{text-align:center} .posts .post-wrapper h2 a{white-space:nowrap;font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 16px;text-transform: none} .posts.blog-list-view .post-image{width:30%} .posts.blog-list-view .post-item-details h2 a span{border-bottom-style:solid} .post-details{background-color: rgb(244, 244, 244);padding:10px} .post-stats.comment-date{background-color: rgb(250, 250, 250);padding-left:10px;padding-bottom:10px;padding-top:10px;padding-right:10px} .post-comment h3{text-align:left} .reply-form h3{text-align:left} .comments > h3{text-align:left} .post-details .tags{text-align:left} .blog-post .social{text-align:left} .journal-checkout .checkout-cart tbody tr td, .journal-checkout .checkout-cart tbody td:first-of-type, .one-page-checkout .journal-checkout .checkout-product tbody td, .journal-checkout .checkout-cart thead td, .journal-checkout .checkout-cart thead td:first-of-type, .journal-checkout .checkout-cart thead td:last-of-type, .journal-checkout .checkout-cart tfoot tr:last-of-type td, .journal-checkout .checkout-cart tfoot td:first-of-type, .journal-checkout .checkout-cart tfoot td:last-of-type{border-color: rgb(204, 204, 204);border-style:solid} .journal-checkout .secondary-title{background-color: rgb(255, 255, 255);text-align:left;padding-left:10px;} .one-page-checkout h1.heading-title{text-align:left} .journal-checkout .left .login-box .radio label, .journal-checkout .spw > div .radio label, .journal-checkout .confirm-order, .journal-checkout .checkout-login .form-group:last-of-type, .is-customer .journal-checkout .checkout-payment-form #payment-new, .is-customer .journal-checkout .checkout-shipping-form #shipping-new, .journal-checkout #payment-confirm-button fieldset legend, .journal-checkout .customer-group label.control-label, .journal-checkout .customer-group{border-style:solid;border-color: rgb(204, 204, 204)} .journal-checkout .table-responsive{max-height:378px} .journal-checkout .confirm-order{text-align:left} .journal-checkout .confirm-button{border-radius: 0px} #content.one-page-checkout div fieldset > div.fax-input{display:block !important} .form-group.company-input{display:block !important} .form-group.address-2-input{display:block} .journal-checkout .spw > div p{display:none} .flyout .fly-drop-down ul > li:hover > a, .flyout .fly-drop-down ul > li:hover{background-color: rgb(221, 0, 23)} .flyout-menu .flyout > ul > li > a{border-color: rgb(238, 238, 238);padding-left:0%;border-bottom-style:solid} .fly-drop-down ul{box-shadow:0 1px 8px -3px rgba(0, 0, 0, 0.5)} .flyout .mega-menu-column > div > h3{text-align:left} .flyout-menu .flyout .fly-drop-down ul li{border-bottom-style:solid} .flyout .mega-menu-brands div > h3{text-align:left} .flyout .mega-menu div > h3{text-align:left} .fly-mega-menu{box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.4)} .journal-language .dropdown-toggle, .journal-currency .dropdown-toggle, .journal-language .dropdown-menu, .journal-currency .dropdown-menu{text-transform: uppercase;color: rgb(255, 255, 255)} li.p-stock{display:none;} .column.products .product-grid-item .price, .side-column .oc-module .product-grid-item .price{display:none} .journal-currency{visibility:hidden} .journal-cart{visibility:hidden} .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover{color: rgb(0, 108, 182)} /* 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: 1920px; } .extended-container:before{ display:block; } .product-page div.lg-sub-html{ top:auto; bottom:0; padding: 13px 70px; background-color:; } .product-page .lg-toolbar{ background-color:; } .category-info .image{ display:none; } /*Notification Position*/ .ui-pnotify{ right:20px; } html[dir="rtl"] .ui-pnotify{ left:20px; right:auto; } .ui-pnotify{ box-shadow:0px 1px 12px rgba(0, 0, 0, 0.2); } .ui-pnotify-closer{ opacity:1; } .breadcrumb{ text-align:center } html[dir="rtl"] .breadcrumb{ text-align:center; } /* Product Grid Shadow */ .product-grid-item .cart .button-left-icon:before{ display:none; } .product-grid-item .enquiry-button .button i{ color:rgb(255, 255, 255); } .product-list-item .enquiry-button .button i{ color:rgb(255, 255, 255); } footer .contacts > div > span .contact-icon:hover{ background-color:rgb(221, 0, 23); } .product-grid-item .cart .button-right-icon{ display:none !important; } /* BLOG */ .post-wrapper{ box-shadow: none; } .post-item .post-wrapper{ box-shadow: none !important; } .blog-list-view .post-wrapper{ box-shadow: none !important; } .product-details:before { display:none; } /* Product Grid Quickview*/ .product-grid-item:hover .quickview-button { opacity: 1; visibility: visible; } .product-grid-item .quickview-button .button-right-icon{ display:none; } .product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before{ display:none; } /* Product Grid Wishlist/Compare */ .product-grid-item .button-wishlist-text, .product-grid-item .button-compare-text{ display: none; } .product-grid-item .wishlist [data-hint]:after, .product-grid-item .wishlist .hint--top:before, .product-grid-item .compare [data-hint]:after, .product-grid-item .compare .hint--top:before{ display:block; } .product-grid-item .wishlist .hint--top:before, .product-grid-item .compare .hint--top:before{ border-top-color: rgb(221, 0, 23); } .product-grid-item .wishlist .hint--right:before, .product-grid-item .compare .hint--right:before{ border-right-color: rgb(221, 0, 23); } .product-grid-item .wishlist .hint--left:before, .product-grid-item .compare .hint--left:before{ border-left-color: rgb(221, 0, 23); } .product-grid-item .product-details .wishlist, .product-grid-item .product-details .compare, .product-list-item .image .wishlist, .product-list-item .image .compare, .product-grid-item .image .button-wishlist-text, .product-grid-item .image .button-compare-text{ display:none !important; } .product-grid-item .image .wishlist, .product-grid-item .image .compare{ visibility:hidden; opacity:0; } .product-grid-item:hover .image .wishlist, .product-grid-item:hover .image .compare{ visibility:visible; opacity:1; } .product-list-item .quickview-button .button{ width:40px; height:40px; line-height:40px; padding:0; } /* Product List */ .product-list-item{ box-shadow: none; } .product-list-item .cart .button-left-icon:before{ display:none; } .product-list-item .cart .button-right-icon{ display:none; } /* Product List Quickview*/ .product-list-item:hover .quickview-button { opacity: 1; visibility: visible; } .product-list-item .quickview-button .button-right-icon{ display:none; } .product-list-item .quickview-button .button-left-icon:before{ float:none; } .product-list-item .quickview-button .button-right-icon:before{ margin-left:0; } .product-list-item .quickview-button .button-cart-text{ display:none; } .product-list-item .quickview-button .button[data-hint]:after, .product-list-item .quickview-button .hint--top:before{ display:block; } .product-list-item .quickview-button .hint--top:before{ border-top-color: rgb(176, 158, 102); } .product-list-item .quickview-button .hint--right:before{ border-right-color: rgb(176, 158, 102); } .product-list-item .quickview-button .hint--left:before{ border-left-color: rgb(176, 158, 102); } /* Product Page */ #product-gallery.image-additional-grid a{ width: 25%; } #button-cart .button-cart-text:after{ display:none; } .compare-info td{ border-right-style:solid; } table.list{ border-bottom-style:solid; border-left-style:solid; } table.list td{ border-right-style:solid; border-top-style:solid; } /* Product Labels*/ .label-latest + .label-sale{ top: 40px; } .label-latest{ display:none !important; } .label-outofstock{ display:none !important; } #more-details.hint--top:before{ border-top-color: rgb(221, 0, 23); } .boxed-header header{ max-width:1920px; } .boxed-header .super-menu > li:first-of-type{ border-left-width:0; } .boxed-header .super-menu > li:last-of-type{ border-right-width:0; } @media only screen and (max-width: 760px){ .journal-language .dropdown-toggle, .journal-currency .dropdown-toggle{ color:; } .journal-header-center #language, .journal-header-center #currency{ border-color:; } } .sticky-menu .is-sticky .journal-header-default .header{ background-color: ; } html[dir="rtl"] .journal-carousel .htabs a:last-of-type{ border-left-color:rgb(255, 255, 255); } .boxed-header .journal-header-center .journal-links{ padding-left: 10px; } .boxed-header .journal-header-center .journal-search{ padding-left: 20px; } .boxed-header .journal-header-center .journal-secondary{ padding-right: 10px; } #cart{ box-shadow:none; } .journal-header-center .journal-center-bg{ top:40px; } #search input{ box-shadow:none; } .autocomplete2-suggestions{ box-shadow:none; } @media only screen and (max-width: 760px) { ul.super-menu > li > a, ul.super-menu > li:hover > a{ color:; } 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:1935px) { .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: 1920px) { .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: 1935px) { .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,1920px,45px,0px); } .journal-header-default .links .no-link{ border-color:rgb(42, 43, 46)} .journal-header-center #cart .content:before, .oc2 #cart .content .cart-wrapper:before{ color:rgb(255, 255, 255)} .journal-header-center .autocomplete2-suggestions:before{ color:rgb(255, 255, 255)} .journal-language .dropdown-menu:before, .journal-currency .dropdown-menu:before{ color:rgb(255, 255, 255)} #header .top-menu .top-dropdown li:first-of-type { border-top-left-radius: px; border-top-right-radius: px; } #header .top-menu .top-dropdown li:last-of-type { border-bottom-left-radius: px; border-bottom-right-radius: px; } #header .top-menu .top-dropdown li:first-of-type::before{ color:} #search ::-webkit-input-placeholder { color:rgba(0, 0, 0, 0.65); font-family: inherit; } #search :-moz-placeholder { color:rgba(0, 0, 0, 0.65); font-family: inherit; } #search ::-moz-placeholder { color:rgba(0, 0, 0, 0.65); font-family: inherit; } #search :-ms-input-placeholder { color:rgba(0, 0, 0, 0.65); font-family: inherit; } .compare-info tbody td{ border-left-style:solid; } @media only screen and (max-width: 760px){ #search ::-webkit-input-placeholder { color:rgba(0, 0, 0, 0.65); font-family: inherit; } #search :-moz-placeholder { color:rgba(0, 0, 0, 0.65); font-family: inherit; } #search ::-moz-placeholder { color:rgba(0, 0, 0, 0.65); font-family: inherit; } #search :-ms-input-placeholder { color:rgba(0, 0, 0, 0.65); font-family: inherit; } } .button-search{ border-right-style:solid; border-right-color:; } html[dir="rtl"] .button-search{ border-left-style:solid; border-left-color:; } .button-search { right: 0; } html[dir="rtl"] .button-search { right: auto; left:0; } #search input { padding-left: 12px; padding-right: 50px; } .button-search{ border-right-width:0; border-left-width:1px; border-left-style:solid; border-left-color:; } html[dir="rtl"] .button-search{ border-left-width:0; border-right-width:1px; border-right-style:solid; border-right-color:; } header .journal-login{ border-bottom-color:; } .super-menu > li:last-of-type{ border-right-color:; border-right-style:none; } @media only screen and (max-width: 760px) { .default-header .journal-login{ background-color: } .journal-header-center #search input, .journal-header-center .button-search{ border-radius:0; } .center-header #search input, .default-header #search input{ background-color:rgb(68, 67, 73); } .center-header header #cart, .default-header header #cart{ background-color:rgb(68, 67, 73); } .journal-menu .mobile-menu > li{ border-color:; border-style:none; } } .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:; } .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:none; } html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{ border-color:; } .mega-menu > div{ margin-bottom:-15px !important; margin-right:-15px; } html[dir="rtl"] .mega-menu-item > div, html[dir="rtl"] #header .mega-menu .product-wrapper{ margin-right:0; margin-left:15px; } .mega-menu .mega-menu-column:last-of-type > div{ margin-right:-15px; } html[dir="rtl"] .mega-menu .mega-menu-column.mega-menu-products > div{ margin-left:-15px; } .mega-menu-column > div > h3, .mega-menu .mega-menu-column .menu-cms-block{ margin-right:15px; } html[dir="rtl"] .mega-menu-column > div > h3, html[dir="rtl"] .mega-menu .mega-menu-column .menu-cms-block{ margin-right:0; margin-left:15px; } .mega-menu .mega-menu-column:last-of-type > h3, .mega-menu .mega-menu-column:last-of-type > div > h3, .mega-menu .mega-menu-column:last-of-type > .menu-cms-block, .mega-menu .mega-menu-column.mega-menu-html-block > div{ margin-right:0; } @media only screen and (max-width: 760px) { .super-menu{ border-width:0; } .mega-menu .mega-menu-column > div{ margin-right:-15px; } html[dir="rtl"] .mega-menu .mega-menu-column > div{ margin-left:-15px; margin-right:0; } } .journal-sf .sf-image .box-content ul{ margin-bottom:-7px; margin-right:-7px; } .p-author, .p-posted{ display:none !important; } .p-date{ display:none !important; } .p-comment{ display:none !important; } .comment-date{ display:none !important; } .drop-down ul{ box-shadow: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:35px; } footer .contacts .hint--top:before{ border-top-color: rgb(221, 0, 23); } .side-column .box-category, .side-column .box-content, .side-column .box-content > div, .side-column .box-content > ul > li:last-of-type, .side-column .oc-module .product-grid-item:last-of-type{ border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; border-radius:inherit; } .journal-sf ul li label:hover{ color:rgb(221, 0, 23); } .sf-icon:before{ border-top-color:rgb(221, 0, 23); } /* .journal-sf ul li label:hover img{ border-color:rgb(221, 0, 23); } */ .sf-price .value:after{ border-bottom-color:rgb(0, 0, 0); } .mobile-trigger{ background-color:; } .journal-header-default .links > a{ border-bottom-color: transparent; } @media only screen and (max-width: 760px) { .super-menu{ background-color:rgb(255, 255, 255); } .journal-header-default .links > a{ border-bottom-color: rgb(42, 43, 46); } } .nav-numbers a:hover, .nav-numbers li.active a{ -webkit-backface-visibility: hidden; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .headline-mode .nav-numbers a:hover, .headline-mode .nav-numbers li.active a{ -webkit-backface-visibility: hidden; -webkit-transform: scale(); -moz-transform: scale(); -ms-transform: scale(); transform: scale(); } .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .journal-simple-slider .owl-controls .owl-page.active span, .journal-simple-slider .owl-controls.clickable .owl-page:hover span{ transform: scale(1); } .swiper-pagination-bullet:hover, .swiper-pagination-bullet-active{ transform: scale(1); } @media only screen and (max-width: 980px) { .journal-header-default .mega-menu{ width: 100%; } } @media only screen and (max-width: 760px) { .journal-header-center .journal-secondary{ background-color:rgb(68, 67, 73); } } .mega-menu{ max-width:1920px; } @media only screen and (max-width: 760px){ .bottom-menu-bar #header .top-menu > li{ border-color:rgb(42, 43, 46); } .bottom-menu-bar #header .journal-links{ background-color:rgb(0, 0, 0); } .bottom-menu-bar .journal-header-center .journal-secondary { border-top-width: 0; } .bottom-menu-bar #header .journal-links ul.top-menu > li{ border-color:; } .bottom-menu-bar #header div.journal-links, .bottom-menu-bar #header .links a:hover{ background-color:; } .bottom-menu-bar #header .journal-links ul.top-menu > li > a, .bottom-menu-bar #header .journal-links ul.top-menu > li > a:hover, .bottom-menu-bar #header .journal-links ul.top-menu > li > .no-link{ color:; } } .boxed-header .is-sticky .header { max-width:1920px; left: 50%; transform: translateX(-50%); } .is-sticky .super-menu, .is-sticky .journal-menu-bg { box-shadow: none; } .bottom-menu-bar #header .journal-links .top-menu .top-dropdown li:last-of-type::after{ color:; } @media only screen and (min-width : 760px) and (max-width: 980px) { .mobile-menu-on-tablet .mobile-menu > li > ul, .mobile-menu-on-tablet .mobile-menu > li > .mega-menu{ border-style:; border-color:rgb(204, 204, 204); } .mobile-menu-on-tablet ul.menu-centered{ height:auto; } } @media only screen and (max-width: 760px){ .mobile-menu > li > ul, .mobile-menu > li > .mega-menu{ border-style:; border-color:rgb(204, 204, 204); } } @media only screen and (min-width: 760px) { .journal-header-mega #search { max-width: 100%; left: 0px; } .journal-header-center .j-100{ height:100px; } .journal-header-center .journal-menu-bg{ top:140px; } .journal-header-center .top-bar > .j-min, .journal-header-center .top-menu > li > .m-item, .journal-header-center .journal-top-header{ height:40px; } .journal-header-center .journal-menu, .journal-header-center .journal-menu-bg, .journal-header-center .mobile-trigger, ul.menu-centered{ height:40px; } .journal-header-center .mobile-trigger, .journal-header-center .super-menu > li > a{ line-height:40px; } .journal-header-center .journal-language form .dropdown-menu, .journal-header-center .journal-currency form .dropdown-menu{ top:40px; } .sticky-default.center-header .is-sticky .journal-header-center .j-100{ height:px; } .sticky-default.center-header .is-sticky .journal-menu-bg{ top:px; } .is-sticky .journal-header-center .journal-menu, .is-sticky .journal-header-center .journal-menu-bg, .is-sticky .journal-header-center .mobile-trigger{ height:40px; } .is-sticky .journal-header-center .mobile-trigger, .is-sticky .journal-header-center .super-menu > li > a{ line-height:40px; } } @media only screen and (max-width: 760px){ #header .journal-logo{ height:px !important; } } .center-header body.is-sticky .header-assets.top-bar{ background-color:rgb(68, 67, 73); } @media only screen and (min-width : 760px) and (max-width: 980px) { .mobile-menu-on-tablet .journal-header-center .journal-menu{ height:auto; } .mobile-menu-on-tablet .journal-header-center .super-menu > li > a{ line-height:40px; } } #tabs{ top:; } .product-grid-item.display-icon .wishlist-icon:before, .product-grid-item.display-icon .compare-icon:before{ line-height:30px; } .journal-header-center #cart .heading i{ height:38px; } .journal-desktop .menu-floated .float-left{ border-right-style:none; } .column.products > h3{ margin-bottom:8px; } .column.products{ padding-bottom:8px; } .side-column .journal-gallery .box-heading{ margin-bottom:10px; } .side-column .box-category > ul li ul li a{ padding-left: 7px; } .side-column .box-category > ul li ul li ul li a{ padding-left: 14px; } .side-column .box-category > ul li ul li ul li ul li a{ padding-left: 21px; } .side-column .box-category > ul li ul li ul li ul li ul li a{ padding-left: 28px; } .side-column .box-category > ul li ul li ul li ul li ul li ul li a{ padding-left: 35px; } @media only screen and (max-width: 1935px) { .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:; border-style:none; } .custom-sections .box-heading.box-sections{ border-left-style:solid; } .journal-carousel:not(.journal-gallery) .box-content .swiper-container{ padding: px; margin: -px; } .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{ margin-top:px; } .side-column .journal-carousel.arrows-top .swiper-button-prev, .side-column .journal-carousel.arrows-top .swiper-button-next, .related-products.journal-carousel.arrows-top .swiper-button-prev, .related-products.journal-carousel.arrows-top .swiper-button-next{ margin-top:0; } div#footer{ margin-top:20px; } .extended-container + .boxed-footer #footer{ margin-top:0px; } .side-column .journal-carousel .box-content .swiper-container{ padding:0; margin:0; } html[dir="rtl"] .journal-carousel.arrows-top .swiper-button-next{ right:auto; left:15px; } html[dir="rtl"] .journal-carousel.arrows-top .swiper-button-prev{ right:auto; left:0px; } html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-next{ right:auto; left:5px; } html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-prev{ left:auto; right:5px; } html[dir="rtl"] footer .column-menu-wrap > ul li{ text-align:right; } html[dir="rtl"] footer .column>h3{ text-align:right; } .posts.blog-list-view .post-item-details{ width: 70%; } .side-column .box.cms-blocks .box-heading{ margin-bottom:5px; } @media only screen and (min-width: 1935px) { .safari5 #footer, .safari5.boxed-header header{ width: 1920px; } .tp-banner{ height:100% !important; } } @media only screen and (max-width: 1935px) { .tp-banner-container{ height:auto !important; } .side-column .oc-module .product-details { max-width: 130px; } .checkout-page #content { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 760px){ .product-grid-item .has-countdown + .product-details .rating{ top:-50px; } .product-grid-item .image.has-countdown .wishlist, .product-grid-item .image.has-countdown .compare{ margin-bottom:42px; } } .option li.hint--top:before{ border-top-color:; } .phone-sticky-cart.phone-sticky-menu:not(.menu-cart-off) .journal-menu{ z-index:1; } @media only screen and (max-width: 470px){ div.mobile-trigger, .mobile-menu-on-tablet div.mobile-trigger{ color:; } div.mobile-trigger:before, .mobile-menu-on-tablet div.mobile-trigger:before{ color:; } } .journal-header-center #header .menu-dropdown::before{ border-bottom-color:} .header-notice > div{ max-width:1920px; } @media only screen and (max-width:1935px){ .header-notice > div{ padding-left:15px; padding-right: 15px; } .header-notice.floated-icon > div{ padding-bottom:10px; } button.close-notice { right: 8px; } html[dir="rtl"] button.close-notice { right: auto; left: 8px; } } .post-item-details .comment-date{ margin:0 auto; } .blog-grid-view .post-button{ align-self:center; } footer{ box-shadow: none; } .journal-top-header{ box-shadow:none; } /* Content Margin */ @media only screen and (min-width: 760px){ #column-left + #content { margin-left: 220px; } #column-right + #content { margin-right: 220px; } #column-left + #column-right + #content{ margin-left: 220px; margin-right: 220px; } } /* Tablet Column Width + Content Margin */ @media only screen and (min-width:760px) and (max-width:980px) { #column-left { width: 220px; } #column-right{ width: 220px; } #column-left + #content { margin-left: 220px; } #column-right + #content { margin-right: 220px; } #column-left + #column-right + #content{ margin-left: 220px; margin-right: 220px; } } /* Extended Layout Margins */ @media only screen and (min-width:760px) and (max-width: 1935px) { .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: 1935px) { html[dir="rtl"].extended-layout #column-left{ padding-right:0; } html[dir="rtl"].extended-layout #column-right{ padding-left:0; } html[dir="rtl"].extended-layout #column-right + #content { padding-left: 20px; padding-right: 0; } html[dir="rtl"].extended-layout #column-left + #content { padding-right: 20px; padding-left: 0; } } .refine-images::before, #refine-images::before, .category-list::before{ content:""; margin-right:px; } .refine-images::before, #refine-images::before, .category-list::before{ display:none; } .refine-image { padding-right: 15px; margin-bottom: 15px; } .refine-images { margin-right: -15px; margin-bottom: 0px;; } .product-grid-item { margin-bottom: 20px; } .product-wrapper, .ias-button, .ias-loader, .ias-noneleft{ margin-right: 20px; } .ias-button, .ias-loader, .ias-noneleft{ margin-top: 0px; } .product-grid, #content .box-product{ margin-right: -20px; } /* Mobile Product Spacing */ @media only screen and (max-width: 760px){ #cart .heading i::before{ color:; } #cart .heading i{ background-color:; } div#container, .home-page div#container { margin-top: 0; margin-bottom: 0; box-shadow:none; } .product-grid-item:not(.swiper-slide) { margin-bottom: 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 */ .footer-contact-layout .new-rols:nth-child(4){ position: relative; } /**人才招聘 new提示**/ /*.footer-contact-layout .new-rols:nth-child(4):before{ content: "新"; position: absolute; z-index: 9; left: 91px; top: -6px; display: inline-block; height: 24px; line-height: 24px; background-color: #ff9913; color: #fff; border-radius: 50%; width: 24px; text-align: center; } .footer-contact-layout .new-rols:nth-child(4):after{ content: ""; position: absolute; z-index: 1; top: 9px; left: 89px; display: inline-block; width: 0; height: 0; border-width: 3px; border-style: solid; border-color: #da620a transparent transparent #da620a; transform: rotate(50deg); }*/ /**人才招聘 new提示**/ /*#main-menu-item-6.drop-down ul li:first-child a:before{ content: "新"; position: absolute; z-index: 9; left: 63px; top: -6px; display: inline-block; height: 24px; line-height: 24px; background-color: #ff9913; color: #fff; border-radius: 50%; width: 24px; text-align: center; } #main-menu-item-6.drop-down ul li:first-child a:after{ content: ""; position: absolute; z-index: 1; top: 9px; left: 60px; display: inline-block; width: 0; height: 0; border-width: 3px; border-style: solid; border-color: #da620a transparent transparent #da620a; transform: rotate(50deg); }*/ /****alin footer revise*****/ .main-menu-text{color:#fff;} ul{padding:0;} .home-page .product-grid-item .image > a img{ display: initial; width:80%;} #en .fullwidth-footer .columns:first-child .column{margin:0 !important;} footer .column > h3{padding-bottom:0;} footer .column > h3:before{ position: absolute; content: ""; display: block; width: 30px; height: 1px; background: #fff; top: 12px; left: 44px; } footer .columns{ overflow: visible;} footer>div>.columns:first-child>.column:nth-child(4){ position: absolute; top: 130px; width:20%; } footer>div>.columns:first-child>.column:nth-child(5){ position: absolute; right: 31.6%; top: 130px; width: 20%; } footer>div>.columns:first-child>.column:nth-child(6){ position: absolute; right: 31.6%; top:220px; width:20%; } @media screen and (max-width: 1440px) { .person-page-banner img:first-child{ height: 100%!important;} .person-page-banner .down{display:none;} footer>div>.columns:first-child>.column:nth-child(6){ top:240px; } footer>div>.columns:first-child>.column:nth-child(4){ top: 120px; } footer>div>.columns:first-child>.column:nth-child(5){ top: 120px; } .banner-title { font-size: 48px; left: 240px !important; } .resource-layout{ background: #fff !important;} } @media screen and (max-width: 1024px) { .journal-search { width: 200px!important; } #search .button-search, .button-search-about { width: 50px !important; } #search input { font-size: 13px; padding: 0; max-width: 54%; margin: 0 0 0 28px!important; } .journal-header-center .journal-search { padding-left: 8px!important; } .fullwidth-footer .columns:first-child, .fullwidth-footer .columns:nth-child(2){ float:none; width:100% !important; margin:0 auto; box-shadow: 0 1px 0 0 rgba(53,66,94,0.4); } footer>div>.columns:first-child>.column:nth-child(6){ right:15.6%; top:240px; } footer>div>.columns:first-child>.column:nth-child(5){ right:15.6%; top: 120px; } .adv-big-iconlayout{padding-bottom: 40px !important;} .resource-layout{padding:0 !important;} } @media screen and (max-width:768px) { .collapse-footer-columns footer .column > div > ul{margin:12px 0;} .collapse-footer-columns .column > h3::after{display:none !important;} footer>div>.columns:first-child>.column{padding-left: 16% !important; width: calc(100% / 2) !important;} footer>div>.columns:first-child>.column:nth-child(4){ position: inherit; top: 0; } footer>div>.columns:first-child>.column:nth-child(5){ position: inherit; right: 0; top: 0; } footer>div>.columns:first-child>.column:nth-child(6){ position: inherit; right: 0; top:0; } footer .column > h3:before{ left:-40px; } .fullwidth-footer .columns:first-child .column:nth-child(4), .fullwidth-footer .columns:first-child .column:nth-child(5){margin:0 !important;} .fullwidth-footer .columns:first-child .column{margin:0 !important;} .banner-title { font-size: 38px !important; } } @media screen and (max-width:480px) { /*手機版 header laster news提示start*/ /*#main-menu-item-3.drop-down ul li:first-child a:before { content: "新"; position: absolute; z-index: 9; left: 63px; top: 0!important; display: inline-block; height: 24px; line-height: 24px; background-color: #ff9913; color: #fff; border-radius: 50%; width: 24px; text-align: center; font-size:12px; }*/ /*手機版header laster news提示end*/ /*手機版footer event news提示end*/ html:lang(en) #main-menu-item-3.drop-down ul li:nth-child(2) a:after{ content: ""; position: absolute; z-index: 1; top: -5px!important; left: 84px!important; display: inline-block; width: 0; height: 0; } /***********************/ .journal-menu{ overflow: scroll; } .information-page .extended-container{ padding: 60px 0 0 0!important;} div#footer{ margin: 60px 0 40px !important;} .fullwidth-footer .columns:first-child .column:nth-child(2), .fullwidth-footer .columns:first-child .column:nth-child(4){left:0 !important;} footer>div>.columns:first-child>.column{padding-left:16% !important; width:100% !important;} .tp-leftarrow, .tp-leftarrow.default, .tp-rightarrow, .tp-rightarrow.default{display:none;} .tp-caption { top: 50% !important; margin-top: -15% !important; } } /****alin footer revise end*****/ .tip-text p{padding-bottom: 10px;} .con-more-btn{ text-decoration: underline;} body{ font-family: /**'Raleway-Regular',**/ 'source-han-sans-simplified-c','STXihei','华文细黑', sans-serif !important; } .journal-blog-page #container,.journal-blog-post-page #container,.information-page #container{ max-width:1280px;} .journal-blog-page #content{margin:40px 0;} .journal-blog-page #column-left{padding-top:60px;} .product-grid-item .name a{ white-space: normal; } .mobile-header-search{ display:none !important; } .mobile-header-search img{ width:24px; height:24px; } .category-page .extended-container{ padding:80px 0 0 0; } .text-color{ color:#006cb6; } #en .header-contact span{ font-size:14px; } /**#en .banner-title{ left:260px; }**/ #en .tp-caption { top:50% !important; } #en .title-text{ font-size:16px; } #en .right-circle{ top:2px; } #en .adv-title, #en .view-title, #en footer .column > h3, #en .footer-title{ font-family:"OpenSans-SemiBold", sans-serif; } #en .adv-des{ font-family:/** 'Raleway-Regular'**/,'source-han-sans-simplified-c','STXihei','华文细黑', sans-serif !important; font-size:13px; padding:0 8px; } #en .choose-des-title, #en .contact-toptitle p{ font-family:"OpenSans-SemiBold", sans-serif !important; } #en .title{ font-family:"OpenSans-Bold", sans-serif !important; font-size:48px; } #en .main-menu-text{ font-family:"OpenSans-Bold", sans-serif !important; } #en .banner-title{ font-family:"OpenSans-Bold", sans-serif !important; font-size:50px; left:200px; } #en .title-des{ font-family:"OpenSans-SemiBold", sans-serif; } .header-contact-infor-layout{ margin:6vh auto 0; max-width:640px; /** height:88vh;**/ height:auto; background:#eaeff3; border-radius:3px; text-align:center; } header{ position:absolute; } .information-page .extended-container, .category-page .extended-container, .product-page .extended-container, .search-page .extended-container, .journal-blog-page .extended-container, .journal-blog-post-page .extended-container{ padding:80px 0 0 0; } .contact-title{ position:relative; border-radius:3px 3px 0 0; height:88px; background:#d6dbe1; overflow:hidden; } .tab-text{ display:block; width:50%; float:left; font-size:14px; height:48px; cursor:pointer; line-height:3.6em; } .contact-headerinfor-top{ box-shadow: 0 1px 0 0 rgba(38,46,63,0.1); } .contact-toptitle p{ color:#262d3f; font-size:14px; font-weight:500; margin:0 0 24px 0; } .phone-contact-text{ position:relative; top:-8px; margin:0 0 0 16px; font-size:24px; color:#262d3f; font-family:'source-han-sans-simplified-c','STXihei','华文细黑', sans-serif !important; } .contact-phone-layout{ position:relative; left:-8px; } .phone-contact-text:hover{ color:#262d3f; } .text-btn{ margin:48px auto 0 !important; } .tip-text{ margin:24px auto 0; font-size:12px; color:#5e6986; } .eamil-contact-text{ color:#262d3f; } .contact-headerinfor{ padding:32px 0; max-width:480px; margin:0 auto; } .clear{ clear:both; } .tab-text-active{ color:#fff; background:#262d3f; } .contact-tab{ max-width:480px; height:48px; margin:0 auto; border:1px solid #262d3f; } .hk-infor{ display:none; } #en .ques-title{ font-family:"OpenSans-Bold", sans-serif; } .ques-title{ margin:32px auto; font-size:32px; font-weight:700; color:#262d3f; line-height:1.2em; } .contact-title p{ text-align:center; font-size:14px; font-weight:500; margin:40px 0 0 0; color:#262d3f; } .contact-close-layout{ position:absolute; width:40px; height:40px; right:20px; top:26px; cursor:pointer; } .close-top{ position: absolute; display: block; width: 24px; height: 2px; left:7px; background:#262d3f; -moz-transform: translateY(19px)rotate(45deg); -ms-transform: translateY(19px)rotate(45deg); -webkit-transform: translateY(19px)rotate(45deg); transform: translateY(19px)rotate(45deg); /*top: -7px;*/ } .close-bottom{ position: absolute; display: block; width: 24px; height: 2px; left:7px; background:#262d3f; -moz-transform: translateY(19px)rotate(-45deg); -ms-transform: translateY(19px)rotate(-45deg); -webkit-transform: translateY(19px)rotate(-45deg); transform: translateY(19px)rotate(-45deg); /*top: 7px;*/ } /* contact */ .header-contact-infor-bg{ position:fixed; width:100%; height:100vh; z-index:990; background:rgba(0,0,0,0.6); display:none; overflow: scroll; } /* header */ .bodynew{ height:100vh; overflow:hidden; } .header-qq{ position: absolute; top: 30px; right:192px; cursor:pointer; color:rgb(51, 55, 69); } .header-qq a{ color:rgb(51, 55, 69); } .header-qq img { vertical-align: middle; width: 20px; height: 20px; } .header-contact{ position: absolute; top: 32px; right: 96px; cursor:pointer; } .header-contact span{ position:relative; top:-3px; margin:0 0 0 8px; font-size:12px; } .link-title, .link-title:hover{ color:#fff; } .m-contact-text, .m-contact-btn{ display:inline-block; } .m-contact-text{ margin:0 16px 0 0; } .menuopen-contact{ position:fixed; bottom:12px; right:32px; z-index:1000; display:none; } .menuopen-contact-active{ opacity:1; } .m-contact-btn a{ display:block; width:200px; height:64px; background:#006cb6; color:#fff; border-radius:32px; text-align:center; line-height:4.8em; } .m-contact-text p{ color:rgba(255,255,255,0.5); } .home-page .header{ position:absolute; display:block; transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; } .journal-top-header{ display:none; } #main-menu-item-5{ position:absolute; right:0; top:160px; } .journal-menu-bg, .journal-center-bg{ display:none; } .journal-menu{ display:none; position:absolute; top:0; height:100vh !important; background:#1d2434; padding:0 32px; z-index:900 !important; } .header-active{ position:fixed; } .header-scrollactive{ position:fixed !important; opacity:1 !important; background:#fff !important; box-shadow:0 8px 32px 2px rgba(0,0,0,0.08); } .super-menu > li > a{ text-align:left; overflow:visible; } .main-menu-text:before{ position:absolute; content:""; display:block; width:40px; height:1px; background:#fff; top:30px; left:-80px; } .super-menu{ display:block; margin:200px 0 0 320px; max-width:72%; border-right-width: 0px; border-left-width: 0px; } .drop-down ul li{ background:transparent; border-width:0; } .super-menu > div{ width:calc(100% / 3); float:left; display:block; } .main-menu-text{ font-size:40px; font-weight:700; } .super-menu > li{ display:block; border-left-width:0; } #main-menu-item-4{ position:absolute; left:0; top:240px; } #main-menu-item-6{ position:absolute; right:0; top:300px; } .drop-down ul{ margin:24px 0 0 0; position:relative; display:block !important; box-shadow:none; } .drop-down ul li{ margin:0 0 4px 0; } .drop-down ul li a{ color:rgba(255,255,255,0.5); } .drop-down ul li a:hover{ color:rgba(255,255,255,1); } .header-assets{ overflow:hidden; } .journal-links{ display:none; } .journal-header-center .journal-search{ display:none; } .journal-search{ max-width:796px; width:796px; height:56px; background-color:#e5e5e5; margin:12px auto; float:none !important; border-radius:5px; transition:all 0.35s ease-in; -webkit-transition:all 0.35s ease-in; -moz-transition:all 0.35s ease-in; -o-transition:all 0.35s ease-in; } #search{ height:56px; } #search input{ font-size:14px; padding:0; max-width:64%; margin:0 0 0 64px; } .journal-carousel:not(.arrows-top) .swiper-button-prev, .journal-carousel:not(.arrows-top) .swiper-button-next{ margin-top:0; } .journal-carousel:not(.arrows-top) .swiper-button-prev{ left:-24px; } .journal-carousel:not(.arrows-top) .swiper-button-next{ right:24px; } #search-product input{ font-size:14px; padding:0; max-width:64%; margin:0 0 0 80px; box-shadow:none; } .search-icon-layout{ position:absolute; top:12px; } .button-search{ width:144px !important; height:48px; background:#fff; color:rgba(0,0,0,0.8); font-size:14px; border-left-width:0; border-radius:4px; margin:4px; } .button-search-about p{ line-height:3.6em; } .button-search-about{ width:144px !important; height:48px; background:#e5e5e5; color:rgba(0,0,0,0.8); font-size:14px; border-left-width:0; border-radius:4px; margin:4px; line-height:4.2em; text-align:center; position:absolute; right:0; top:0px; cursor:pointer; } .journal-header-center #search input, #search-product input{ min-height:56px; } .drop-down ul li a{ padding:0; } .journal-header-center .journal-search{ padding-left:16px; } /* language */ .journal-language form{ height: 60px; background-color: #1d2434; } .center-header .journal-language{ background-color:#1d2434; display:none; position:fixed; top:auto; box-shadow:0 -1px 0 0 rgba(53,66,94,0.4); padding:24px 0 0 40px; bottom:48px; } .journal-language-active{ opacity:1 !important; } .lan-title{ color:#fff; font-weight:500; font-size:14px; letter-spacing:0.4px; } .lan-title, .dropdown-menu1{ display:inline-block; } .dropdown-menu1{ position:relative; top:6px; } .language-text{ position:relative; top:-6px; margin-left:8px; padding:0; text-transform:uppercase; color:#fff; letter-spacing:0.4px; } .language-layout{ display:inline-block; margin:0 0 0 24px; } .dropdown-menu1 .language-layout:first-child .flag-layout{ background:#ff3e01; } .dropdown-menu1 .language-layout:first-child .flag-layout img{ position:relative; left:0px; top:-4px; width:40px; height:40px; } .dropdown-menu1 .language-layout:nth-child(2) .flag-layout{ background:#f22d1c; } .dropdown-menu1 .language-layout:nth-child(2) .flag-layout img{ position:relative; left:-10px; top:-12px; width:52px; height:52px; } .lan-link{ display:block; } .flag-layout{ /** display:inline-block;**/ display:none; width:24px; height:24px; border-radius:50px; overflow:hidden; } .journal-language .dropdown-menu > li{ border-top:0px; } .center-header #language, .center-header #currency{ border-right-width: 0px; } .journal-header-center .journal-language form .dropdown-menu{ top:auto; } .journal-language .dropdown-menu > li{ display:inline-block; } .journal-language form, .journal-language .btn-group{ width:100%; } .journal-language .dropdown-menu > li > a{ padding:0; } .journal-language{ width:100% !important; } .journal-language .dropdown-menu::before, .journal-currency .dropdown-menu::before{ content:"" !important; } .dropdown-menu{ display:block !important; } .dropdown-toggle{ display:none; } /* logo */ #logo a img{ transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; } #logo a{ width:214px; height:40px; } .journal-logo{ position:relative; left:40px; z-index:990; max-width:214px; height:auto !important; margin:16px 0 0 0; } /* banner */ .tp-caption { /** top:280px !important;**/ width: 100%; left: 0px !important; top: 50% !important; margin-top: -10% !important; } .journal2_slider, .journal2_slider .tp-banner{ height:90vh !important; } .banner-title{ font-family:'source-han-sans-simplified-c','STXihei','华文细黑', sans-serif !important; font-size:64px; line-height:1.2em; position:relative; left:250px; font-weight:700; letter-spacing:-2px; } /* hamburger */ .hamburger { display: block; position: absolute; top: 32px; right: 40px; z-index: 990; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation; cursor:pointer; } .hamburger__icon, .hamburger__after, .hamburger__before { display: block; width: 24px; height: 2px; background-color: #262d3f; -moz-transition-property: background-color,-moz-transform; -o-transition-property: background-color,-o-transform; -webkit-transition-property: background-color,-webkit-transform; transition-property: background-color,transform; transition-duration: .4s; } .hamburger__icon { position: relative; margin-top: 7px; margin-bottom: 7px; } .hamburger__icon__active{ background-color: transparent; } .hamburger__before__active{ -moz-transform: translateY(7px)rotate(45deg); -ms-transform: translateY(7px)rotate(45deg); -webkit-transform: translateY(7px)rotate(45deg); transform: translateY(7px)rotate(45deg); background:#fff; } .hamburger__after__active{ -moz-transform: translateY(-7px)rotate(-45deg); -ms-transform: translateY(-7px)rotate(45deg); -webkit-transform: translateY(-7px)rotate(-45deg); transform: translateY(-7px)rotate(-45deg); background:#fff; } .hamburger__before { top: -7px; } .hamburger__after, .hamburger__before { position: absolute; } .hamburger__after { top: 7px; } /* search & about */ .about-layout{ background: #006cb6; color:#fff; } .about-text-layout{ padding:20px 0 40px; } .about-text{ font-size:18px; text-align: center; line-height: 1.8em; } .cms-block{ padding-right:0; margin-bottom:0; } .home-page #content{ padding:0 !important; } .cms-blocks, .block-content{ display:block; } .cms-blocks .blocks{ margin-right:0; } .journal2_cms_blocks{ padding:0 !important; } .search-layout .journal-search{ margin:0 auto; } .search-active{ max-width:796px !important; } #search-product{ position:relative; overflow:hidden; } #search-product input{ padding:0; border:0; } #search-product .search-icon-layout{ padding:0 0 0 16px; } .search-layout{ position:relative; top:-32px; z-index:500; } .search-layout .journal-search{ background:#fff; box-shadow:0 8px 32px 2px rgba(0,0,0,0.15); max-width:0px; transition:all 1.5s linear; -webkit-transition:all 1.5s linear; -moz-transition:all 1.5s linear; -o-transition:all 1.5s linear; } .button-search-about{ opacity:0; transition:all 0.35s linear 1s; -webkit-transition:all 0.35s linear 1s; -moz-transition:all 0.35s linear 1s; -o-transition:all 0.35s linear 1s; } .button-search-about-active{ opacity:1; } .about-text{ font-family: 'source-han-sans-simplified-c','STXihei','华文细黑', sans-serif !important; } .home-page #container{ padding:0 8%; } .product-wrapper{ border-width:0; } /* product */ .title-des{ color:rgb(38,45,63); font-size:12px; } .title{ margin:40px 0 12px; color:rgba(38,45,63); font-size: 48px; font-weight: 700; line-height:1.2em; letter-spacing: -2px; } .choose-biglayout .title{ margin:40px 0 32px; color:#fff; font-size: 48px; font-weight: 700; line-height:1.2em; letter-spacing: -2px; text-align:center; } .choose-biglayout .title-des{ margin:120px 0 0 0; text-align:center; color:#fff; font-size:12px; } .title-text{ font-size:14px; color:rgba(38,45,63,0.75); line-height:1.6em; } .product-title-layout{ margin:40px auto 12px; } .product-grid-item .name a, .posts h2 a{ font-family:inherit; color:rgba(38,45,63,0.6); } .view-btn{ display:block; margin:40px auto; max-width:200px; height:64px; text-align: center; color: #1d2433; border: 1px solid #1d2433; border-radius:32px; text-decoration: none; font-size:14px; line-height:4.6em; transition:all 0.35s ease-in; -webkit-transition:all 0.35s ease-in; -moz-transition:all 0.35s ease-in; -o-transition:all 0.35s ease-in; } .view-btn:hover{ border: 1px solid #1d2433; background:#1d2433; color:#fff; } .cms-blocks{ padding:0 !important; } .adv-layout{ /** padding:72px 0 120px;**/ background:#eaeff3 url(../image/data/pattern/pattern.png); background-position:8px -32px; overflow:hidden; } .ic-adv{ position:relative; max-width:144px; height:144px; margin:0 auto; } .ic-bg{ position:absolute; top:0; left:0; display:block; width:72px; height:72px; background:rgba(0,108,182,0.05); } .topleft{ position:absolute; } .icon-layout:before{ content:""; position:absolute; left:-7px; display:block; width:15px; height:1px; background:rgba(0,108,182,0.65); } .icon-layout:after{ position:absolute; left:0px; top:-7px; content:""; display:block; width:1px; height:15px; background:rgba(0,108,182,0.65); } .topright{ position:absolute; right:-2.8px; } .bottomleft{ position:absolute; bottom:-18.6px; } .bottomright{ position:absolute; bottom:-18.6px; right:-2.8px; } .value{ position:relative; top:24px; max-width:104px; height:auto; } .adv-title{ margin:48px auto 16px; font-size:20px; font-weight:500; color:#262d3f; } .adv-des{ font-family:'source-han-sans-simplified-c','STXihei','华文细黑', sans-serif !important; color:rgba(38,45,63,0.6); } .adv-iconlayout{ float:left; margin:40px 0 0 0; width:calc(100% / 3); } .adv-big-iconlayout{ padding:0 16%; clear: both; overflow: hidden; padding-bottom: 40px; } .ic-bg-bottomright{ top:auto; left:auto; bottom:0; right:0; } .ic-bg-bottomleft{ top:auto; left:0; bottom:0; right:auto; } /* choose */ .choose-biglayout{ padding:0 8%; background: #1d2433; overflow: hidden; } .choose-content-layout{ margin:80px 0 0 0; } .choose-content-layout-item{ margin:0 0 88px 0; float:left; width:calc((100% - 40px) / 3); background: #262d3f; overflow: hidden; box-shadow: 0 24px 48px 0px rgba(0,0,0,0.16); } .choose-content-layout-item:first-child, .choose-content-layout-item:nth-child(2){ margin:0 20px 128px 0; } .choose-img-layout01 img{ position: relative; left: 16px; top: 16px; max-width:120%; height:auto; } .choose-img-layout03 img{ position: relative; left: 64px; top: -160px; max-width: 100%; height: auto; } .choose-img-layout02 img{ position: relative; left: 68px; top: -18px; max-width: 100%; height: auto; } .choose-img-layout{ height:376px; overflow: hidden; } .right-circle{ position: relative; left: 8px; top: 1.6px; width:12px; height:12px; fill:#fff; transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; } .choose-des-layout{ position: relative; margin:64px; color:#fff; min-height: 180px; } .choose-des-title{ font-size:18px; font-weight:500; font-family:'source-han-sans-simplified-c','STXihei','华文细黑', sans-serif !important; } .choose-des-text{ margin:24px 0 40px; line-height: 1.6em; color: rgba(255,255,255,0.6); } .view-link{ position: absolute; bottom: 0px; font-size:13px; color: #fff; text-decoration: none; transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; } .view-link:hover{ color:#08f; } .view-link img{ position:relative; left:8px; top:1px; } .resource-des{ margin:48px 0 0 0; } /* readresource */ .view-layout{ margin:60px 0 0 0; box-shadow:0 -2px 0 0 #c3c7cb; overflow:hidden; } .resource-des-text{ color:rgb(38,45,63); } .play{ position:relative; left:-8px; top:6px; width:24px; height: 24px; } .view-title{ margin:40px auto 24px; font-size:32px; font-weight: 500; color: #262d3f; } .view-left{ float: left; box-shadow:2px 0 0 0 #c3c7cb; } .view-right{ float: right; } .view-mid{float:left; box-shadow: 2px 0 0 0 #c3c7cb;} .view-item-layout{ width: calc((100% - 4px) / 3); text-align: center; } .resource-des{ color:rgb(38,45,63); } .resource-layout{ /** padding:72px 0 0 0;**/ background-position: 6px -16px; background: #fff; } .play-center{ fill:#ffffff; transition:all 0.15s ease-in-out; -webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; } .play-circle{ fill: #1d2433; transition:all 0.15s ease-in-out; -webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; } .life-layout{ background:#006cb6; margin:0; padding:20px 0 0 0; overflow:hidden; } .life-layout .title, .life-layout .title-text{ color:#fff; } .life-layout .view-btn{ margin:48px auto 60px; background:#fff; border:none; } .life-layout .view-btn:hover{ background-color:#1d2433; } @media screen and (max-width:980px){ .resource-des-text{ width:85%; margin:0 auto; } } @media screen and (min-width:1830px){ .resource-des-text{ width:42%; margin:0 auto; } } @media screen and (min-width:1610px) and (max-width:1830px){ .resource-des-text{ width:48%; margin:0 auto; } } @media screen and (min-width:1300px) and (max-width:1610px){ .resource-des-text{ width:60%; margin:0 auto; } } @media screen and (min-width:1200px) and (max-width:1300px){ .resource-des-text{ width:67%; margin:0 auto; } } @media screen and (min-width:1024px) and (max-width:1200px){ .resource-des-text{ width:74%; margin:0 auto; } #en.information-page-9 .tab_content_box .tab_content_item .box_company { height: 380px!important; } } @media screen and (max-width:1440px){ .person-page-job { max-width: 100%!important; } } @media screen and (min-width:980px) and (max-width:1024px){ .resource-des-text{ width:80%; margin:0 auto; } .tab_content_box.contact-row .tab_content_item .box_company { height: 350px!important; } .tab_content_box .tab_content_item .box_company span:last-child { float: left; width: initial!important; } #en .tab_content_box .tab_content_item .box_company span:last-child{ width: auto!important; } } /* footer */ .copyright-layout p{ position:relative; top:20px; } .copyright-link{ position:relative; top:20px; display:inline-block; line-height:15px; color:rgba(255,255,255,0.35) !important; } footer .column-menu-wrap > ul li{ margin:0 0 4px 0; } /**div#footer{ margin:120px 0 80px; }**/ div#footer{ margin: 60px 0 40px; } #footer{ max-width:100% !important; padding:0 8%; } footer .columns, .fullwidth-footer .columns{ padding-left:0; } /**.fullwidth-footer .columns:first-child .column{ margin: 0 80px 0 0; }**/ footer>div>.columns:first-child>.column{ padding: 0 0 0 85px; width:calc(100% / 3); } #en .fullwidth-footer .columns:first-child .column{ margin: 0 30px 0 0; } #en #main-menu-item-2{ padding:0 0 0 32px; } #en #main-menu-item-2 .main-menu-text:before{ left:-48px; } footer .column{ padding:0; width: auto; } .fullwidth-footer .columns:first-child{ width:72%; float:left; } #en .fullwidth-footer .columns:first-child{ width:72%; float:left; } .fullwidth-footer .columns:nth-child(2){ width:28%; float:right; } /**.fullwidth-footer .columns:nth-child(2){ width:24%; float:right; }**/ .fullwidth-footer .columns:nth-child(3){ width:50%; float:left; } footer .column > h3{ margin-top:0; font-weight:500; } .phone{ width:16px; height:16px; } .footer-title{ font-size:16px; font-weight:500; margin:0 0 16px 0 !important; } .work-layout{ margin:80px 0 0 0; } .footer-contact-biglayout{ position:relative; top:4px; padding:0 !important; } .footer-contact-layout{ display: block; padding-bottom: 4px; } .footer-contact-layout span{ color:rgba(255,255,255,0.35); font-size:14px; } .work-text{ color:rgba(255,255,255,0.35) !important; margin:0 0 4px 0 !important; } #en .work-text{ margin:0 0 10px 0 !important;} .footer-contact-layout span:hover{ color:rgba(255,255,255,1); } .footer-contact-layout img{ position:relative; top:3px; margin:0 8px 0 0; } .copyright-layout{ position:relative; margin:8px 0 0 0; } .copyright-layout p, .copyright-layout a{ display:inline-block; } .copyright-layout a:hover{ color:#fff !important; } .copyright-layout p{ font-size:13px; margin:0 4px 0 0 !important; color:rgba(255,255,255,0.35) !important; } .copyright-text{ position:relative; top:1px; } .copyright-layout a{ color:rgba(255,255,255,0.35); text-decoration: underline; font-size:12px !important; margin:0 4px; } .copyright-layout a:hover{ color:#08f; } .header-search-svg{ height:32px; } .search-icon-layout{ margin:0px 0 0 8px; } @media screen and (max-width: 1710px){ /** .fullwidth-footer .columns:first-child .column{ margin: 0 80px 0 0; }**/ } @media screen and (min-width: 1440px){ .sliderbox li { font-size: 18px !important; color: #fff; } .backimg .contact_btn { bottom:38% !important; } } @media screen and (max-width: 1440px){ .dropdown-menu1 .language-layout:first-child .flag-layout img{ position:relative; left:0px; top:-3.6px; width:40px; height:40px; } #en .adv-des{ padding:0; } #en .tp-caption { top: 50% !important; } #en .banner-title{ left:150px !important; font-size: 36px; } #en .title{ font-family:"OpenSans-Bold", sans-serif !important; font-size:40px; } #en .banner-title{ font-family:"OpenSans-Bold", sans-serif !important; font-size:40px; } #en #main-menu-item-2 .main-menu-text:before{ left:-16px; } .product-title-layout{ margin: 80px auto 24px; } .resource-layout{ background-position: 6px -16px !important; } .life-layout .view-btn{ margin:48px auto 80px; background:#fff; border:none; } .life-layout{ background:#006cb6; margin:0; padding:48px 0 0 0; } .view-title{ margin:120px auto 40px; font-size:32px; font-weight: 500; color: #262d3f; } .resource-layout{ padding:32px 0 0 0; background-position: 6px -16px; } .choose-content-layout-item:first-child, .choose-content-layout-item:nth-child(2){ margin:0 20px 88px 0; } .choose-img-layout03 img{ position: relative; left: -16px; top: -40px; max-width: 100%; height: auto; } .choose-des-layout{ position: relative; margin:40px; color:#fff; min-height: 180px; } .choose-img-layout{ height:280px; overflow: hidden; } .choose-biglayout .title-des{ margin:80px 0 0 0; text-align:center; color:#fff; font-size:12px; } .journal-cms-block-239 .adv-layout{ padding:32px 0 80px; } .adv-layout{ padding:32px 0 0 0; background:#eaeff3 url(../image/data/pattern/pattern.png); background-position:8px -32px; overflow:hidden; } .title{ margin:48px 0 24px; color:rgba(38,45,63); font-size: 48px; font-weight: 700; line-height:1.2em; letter-spacing: -2px; } .view-btn{ display:block; margin:32px auto 80px; max-width:200px; height:64px; text-align: center; color: #1d2433; border: 1px solid #1d2433; border-radius:32px; text-decoration: none; font-size:14px; line-height:4.6em; transition:all 0.35s ease-in; -webkit-transition:all 0.35s ease-in; -moz-transition:all 0.35s ease-in; -o-transition:all 0.35s ease-in; } #search-product input{ font-size:14px; padding:0; max-width:64%; margin:0 0 0 56px; box-shadow:none; } .language-layout{ display:inline-block; margin:0 0 0 16px; } /**.fullwidth-footer .columns:first-child .column{ margin: 0 40px 0 0; }**/ #en .fullwidth-footer .columns:first-child .column{ margin: 0 48px 0 0; } .super-menu{ display:block; margin:160px 0 0 220px; max-width:80%; border-right-width: 0px; border-left-width: 0px; } .main-menu-text:before{ position:absolute; content:""; display:block; width:40px; height:1px; background:#fff; top:20px; left:-64px; } .main-menu-text{ font-size:40px; font-weight:700; } .menuopen-contact{ position:fixed; bottom:8px; right:24px; z-index:1000; display:none; } .m-contact-text{ margin:0 8px 0 0; } .center-header .journal-language{ background-color:#1d2434; display:none; position:fixed; top:auto; box-shadow:0 -1px 0 0 rgba(53,66,94,0.4); padding:16px 0 0 24px; bottom:24px; } .hamburger { display: block; position: absolute; top: 30px; right: 24px; z-index: 990; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation; cursor:pointer; } .header-contact{ position: absolute; top: 30px; right: 88px; cursor:pointer; } .journal-logo{ position:relative; left:24px; z-index:990; max-width:214px; height:auto !important; margin:12px 0 0 0; } .button-search{ width:144px !important; height:56px; background:#fff; color:rgba(0,0,0,0.8); font-size:12px; border-left-width:0; border-radius:4px; margin:4px; } .search-icon-layout{ margin:0; } .header-search-svg{ height:24px; } .tp-caption { width: 100%; left: 0px !important; /** top:260px !important;**/ top: 50% !important; */ } .contact-close-layout{ top:13px; } .contact-title p{ margin:28px auto 0; } .contact-title{ height:64px; } .header-contact-infor-layout{ /** height:90vh;**/ height:auto; margin:5vh auto 0; padding-bottom:150px; } .contact-headerinfor{ padding:40px 0; } .tip-text{ margin:8px auto 0; } .ques-title{ margin:40px auto 32px; } .header-contact-infor-layout{ max-width:480px; } .tab-text{ font-size:12px; line-height:4.2em; } .ques-title{ font-size:22px; } .contact-tab, .contact-headerinfor{ max-width:360px; } div#footer{ margin:80px 0 48px; } footer .column-menu-wrap > ul a{ font-size:13px; } /**footer .column-menu-wrap > ul li{ margin:0 0 4px 0; }**/ .view-title{ font-size:24px; margin:80px auto 24px; } .choose-des-text{ font-size:13px; } .adv-des{ font-size:13px; } .adv-title{ margin:40px auto 8px; font-size:18px; font-weight:500; } .ic-bg{ width:60px; height:60px; } .ic-adv{ max-width:120px; height:120px; } .value{ top:16px; max-width:88px; height:auto; } .banner-title{ font-size:48px; line-height:1.2em; position:relative; left:240px; } .journal-search{ max-width:524px; width:524px; height:48px; margin:12px auto; } .journal-header-center #search input, #search-product input{ min-height:48px; } #search input{ font-size:13px; padding:0; max-width:64%; margin:0 0 0 40px; } .button-search, .button-search-about{ width:106px !important; height:40px; /*background:#e5e5e5;*/ color:rgba(0,0,0,0.8); font-size:12px; border-left-width:0; border-radius:4px; margin:4px; line-height:3.6em; text-align:center; position:absolute; right:0; top:0px; cursor:pointer; } #search{ height:48px; } .m-contact-btn a{ display:block; height:48px; } .main-menu-text{ font-size:32px; font-weight:700; } .m-contact-text p{ font-size:13px; } .m-contact-btn a{ display:block; width:160px; height:48px; background:#006cb6; color:#fff; border-radius:24px; font-size:13px; line-height:4em; } .about-text-layout{ padding:80px 0; } .about-text{ position:relative; top:-8px; font-size:16px; text-align: center; line-height: 1.6em; } .search-layout{ position:relative; top:-24px; z-index:500; } .search-active{ max-width:524px !important; } .view-btn{ max-width:185px; height:56px; line-height:4.4em; font-size:13px; } .play{ top:7px; } } @media screen and (max-width: 1366px){ /**.fullwidth-footer .columns:first-child .column{ margin: 0 45px 0 0; }**/ #en .fullwidth-footer .columns:nth-child(3) { width: 64%; float: left; } #en .fullwidth-footer .columns:first-child .column { margin: 0 40px 0 0; } #en .banner-title { font-size: 30px !important; } #en .tp-caption { top: 50% !important; } .resource-layout { background-position: -31px -16px !important; } .super-menu{ margin: 144px 0 0 220px; } .journal-cms-block-239 .adv-layout{ padding: 32px 0 80px; } .contact-toptitle p{ margin:0 0 16px 0; } .contact-headerinfor{ padding:32px 0; } .text-btn{ margin:32px auto 0 !important } .ques-title{ margin:32px auto; } } @media screen and (max-width: 1024px){ .copyright-layout p{ position:relative; top:0px; } #en .super-menu { margin: 400px 0 0 88px; max-width: 96%; } #en .fullwidth-footer .columns:first-child, #en .fullwidth-footer .columns:nth-child(2) { float: none; width: 96%; margin: 0 auto; box-shadow: 0 1px 0 0 rgba(53,66,94,0.4); } #en .fullwidth-footer .columns:nth-child(3){ width: 96%; margin: 0 auto; } .work-layout p:nth-child(2), .work-layout p:nth-child(3){ position:relative; top:4px; } #en .view-link{ bottom:-16px; } #en .choose-des-layout { margin: 24px 20px; min-height: 144px; } #en .tp-caption{ top:50%!important; } #en .banner-title{ font-size:25px !important; left:100px !important; } .journal-carousel:not(.arrows-top) .swiper-button-next{ right:8px; } .copyright-link{ padding:0; top:0; } .copyright-layout{ margin: 32px 0 0 0; } .fullwidth-footer .columns:first-child .column:last-child{ margin:0; } .fullwidth-footer .columns:nth-child(3){ width:86%; margin:0 auto; float:none; padding:0 8px; } .fullwidth-footer .columns:nth-child(3) .column{ width:100%; } .copyright-link{ display:block; float:right; } .view-title{ margin: 80px auto 16px; } .choose-img-layout02 img { position: relative; left: 48px; top: 14px; max-width: 100%; height: auto; } .copyright-layout{ top:0; margin:24px 0 0 0; } .fullwidth-footer .columns:nth-child(2) .column{ width:100%; } .footer-contact-layout{ margin: 0 64px 0 0; } .footer-contact-layout{ float:left; } .work-layout{ margin:0; } .fullwidth-footer .columns:first-child{ padding:0 0 32px 8px; margin-bottom:0 !important; } .fullwidth-footer .columns:nth-child(2){ padding:40px 0 32px 8px ; } .footer-contact-layout{ top:0; } .fullwidth-footer .columns:first-child, .fullwidth-footer .columns:nth-child(2){ float:none; width:86%; margin:0 auto; box-shadow: 0 1px 0 0 rgba(53,66,94,0.4); } .choose-content-layout { margin: 48px 0 0 0; } .view-link{ font-size:12px; bottom:-8px; } .choose-des-layout{ margin: 24px 22px; min-height: 140px; } .choose-des-text{ font-size:12px; } .choose-img-layout01 img{ top:8px; } .choose-img-layout{ height:200px; } .adv-big-iconlayout { padding: 0 8%; } .center-header .journal-language{ padding:20px 0 0 24px; } .menuopen-contact{ bottom:12px; } .journal-language{ height:48px !important; } .super-menu { margin: 400px 0 0 120px; max-width:96%; } .contact-close-layout { top: 26px; } .contact-title p{ margin:40px auto 0; } .contact-title{ height:88px; } .contact-headerinfor { /* padding: 64px 0;*/ } .ques-title{ margin:64px auto 40px; } .contact-tab, .contact-headerinfor{ /* max-width:480px;*/ } .header-contact-infor-layout{ /* max-width:640px;*/ margin:18vh auto; /* height:64vh;*/ height:auto; overflow:hidden; } .header-contact-infor-bg{ z-index:9999; } .header-contact{ right:80px; top:33px; } .hamburger{ top:32px; } .header-contact span { position: relative; top: -4px; margin: 0 0 0 4px; font-size: 12px; } .header-scrollactive{ padding:0 0 14px 0; } .journal-logo{ margin:26px 0 0 0; } #logo a{ text-align:left; } #logo a img.logo-1x{ max-width:64%; } .banner-title{ /** left:0;**/ font-size:40px; left: 170px !important; } .tp-caption { width: 100%; left: 0px !important; /** top: 460px !important;**/ top: 50% !important; } .view-title{ font-size:18px; } .title, .choose-biglayout .title{ font-size:40px; } .view-link{ bottom:0; } } @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { .tp-caption { width: 100%; left: 0px !important; top: 50% !important; /** top: 360px !important;**/ margin-top: -10% !important; } /** .banner-title{ left:0; font-size:64px; }**/ } @media screen and (max-width: 980px){ .Privacy_box h2{ line-height: 40px !important; } .banner-title { font-size: 38px; left: 100px !important; } } @media screen and (max-width: 768px){ /***alin***/ .tab_content_box .tab_content_item .box_company { width: calc((100% - 96px) / 2) !important; } .tab_content_item .box_company h2{ font-size: 18px !important; } #using, #pro-list, #pro-show{ width:3% !important; } .tab_content_box.contact-row .tab_content_item .box_company { height: 350px!important; } .tab_content_box .tab_content_item .box_company span:last-child { float: left; width: initial!important; } #en .tab_content_box .tab_content_item .box_company span:last-child { float: left; width: auto!important; } /***alin end***/ #en #main-menu-item-2 { padding: 0px 0 0 40px; } .main-menu-text { font-size: 24px; font-weight: 700; } #en .super-menu { margin: 280px 0 0 64px; max-width: 96%; } #en .fullwidth-footer .columns:first-child .column:nth-child(3){ margin:0; } #en .fullwidth-footer .columns:first-child .column:nth-child(1){ margin:0 108px 0 0; } #en .fullwidth-footer .columns:first-child .column:nth-child(4), #en .fullwidth-footer .columns:first-child .column:nth-child(5){ margin: 32px 104px 0 0; } #en .fullwidth-footer .columns:first-child .column { margin: 0 104px 0 0; } #en .resource-des-text{ font-size:12px; } #en .choose-des-layout { min-height: 160px; } #en .title{ font-size:32px; } #en .title-text{ font-size:14px; } /**#en .tp-caption { top: 320px !important; }**/ #en .banner-title{ font-size:24px !important; left: 70px !important; } .fullwidth-footer .columns:first-child .column:nth-child(3){ margin:0; } .fullwidth-footer .columns:first-child .column:nth-child(4), .fullwidth-footer .columns:first-child .column:nth-child(5){ margin:32px 124px 0 0; } .fullwidth-footer .columns:first-child .column{ margin:0 144px 0 0; } .view-link{ bottom:0; } .header-contact-infor-layout { margin: 9vh auto; /* height: 82vh;*/ height: auto; } .choose-img-layout02 img{ left:40px; top:-20px; } .choose-img-layout03 img { left: -8px; top: -24px; } .view-link{ bottom:0; } .choose-des-title{ font-size:16px; } .choose-des-layout{ min-height:160px; } .choose-img-layout { height: 160px; } .home-page #container, .adv-big-iconlayout, .choose-biglayout{ padding:0 4%; } .adv-des{ font-size:12px; } .journal-carousel:not(.arrows-top) .swiper-button-next{ right:-8px; } .main-menu-text::before { position: absolute; content: ""; display: block; width: 32px; height: 1px; background: #fff; top: 20px; left: -48px; } .drop-down ul li a{ font-size:13px; } .mobile-menu-on-tablet .mobile-menu .drop-down ul li{ border-width: 0; } .super-menu{ margin: 280px 0 0 72px; } .mobile-menu-on-tablet header .journal-menu .mobile-menu{ display:block; overflow: visible; } .tp-caption{ top:50% !important; } .banner-title { left: 0; font-size: 48px; } .journal-search{ max-width:36%; } .search-active{ max-width:48% !important; } .Privacy_box{ width: 90% !important; } } @media screen and (max-width:640px){ .btn_email a{ width: 70px !important; height: 40px !important ; font-size: 12px !important; line-height: 40px !important; } .btn_email{ top: 110px !important; right: 21px !important; } .information-page-9 .tab_nav ul li{ width: calc(100% / 2)!important; } .tab_nav ul li{ padding: 0 10px; } .information-page-9 .tab_content_box .tab_content_item .box_company{ width: calc(100% - 64px)!important; height: px !important; float:none !important; } .information-page-10 .tab_content_box .tab_content_item .box_company{ width: calc(100% - 64px)!important; /* height: 260px !important;*/ float:none !important; } .china,.hongkong{ padding-bottom:40px; } .page_box{ padding: 0 !important; } .tab_content_box{ margin-bottom:40px; } #using, #pro-list, #pro-show{ width:4% !important; } } @media screen and (max-width: 1024px){ #en.information-page-10 .tab_nav ul li { width: calc(100% / 10) !important; } } @media screen and (max-width: 768px){ .information-page-10 .tab_nav ul li { width: calc(100% / 8) !important; } .information-page-10#en .tab_nav ul li { width: calc(100% / 6) !important; } } @media screen and (max-width: 640px){ .information-page-9 .tab_nav ul{width:70% !important;} .information-page-10 .tab_nav ul li { width: calc(100% / 6) !important; } .information-page-10#en .tab_nav ul li { width: calc(100% / 5) !important; } } @media screen and (max-width: 480px){ .information-page-10 .tab_nav ul li { width: calc(100% / 4) !important; } .information-page-10 .tab_nav ul li { width: calc(100% / 3) !important; } .information-page-10#en .tab_nav ul li { width: calc(100% / 4) !important; } } @media screen and (max-width: 480px){ .information-page-9 .tab_content_box .tab_content_item .box_company{ height: auto !important;} .information-page-10#en .tab_nav ul li { width: calc(100% / 3) !important; } .m-contact-btn a { width: 120px; height: 45px; line-height: 45px;} .language-layout:nth-child(2) .lan-link .language-text{top: 20px; margin-left: -76px;} .page_box>h1{font-size:18px;} .btn_email{ right: 20px; } .formpage-content .form-box,.content .form-box{ width: 100% !important; } #using, #pro-list, #pro-show{ width:5% !important; } #en .fullwidth-footer .columns:first-child, #en .fullwidth-footer .columns:nth-child(2){ width:100%; } .copyright-layout{ margin:32px 0 0 0; } .resource-layout{ padding:32px 0 0 0 !important; } .adv-layout{ padding:32px 0 64px; } #en .product-title-layout .title{ padding:0 6%; } .button-search, .button-search-about{ width:88px !important; line-height:3.5em; } #en #search-product input { margin: 0 0 0 48px; min-height: 48px; } #en .main-menu-text{ font-size:20px; } #en .copyright-layout a:last-child{ margin:8px 0 0 0; } /** #en .fullwidth-footer .columns:first-child .column{ margin:0 0 32px 0 !important; }**/ #en .fullwidth-footer .columns:first-child .column:last-child{ margin:0 !important; } #en .main-menu-text::before{ top:13px; } #en #main-menu-item-2 .main-menu-text:before{ left:-40px; } #en #main-menu-item-2 { padding: 0px; } #en .super-menu { margin: 160px 0 160px 0px; max-width:100%; } #en .mobile-menu .drop-down ul li a{ margin-right: 0; width: 100%; } .adv-big-iconlayout{ padding:0 8%; } #en .title { font-size: 24px; padding: 0 8%; } #en .tp-caption { top: 50% !important; } #en .banner-title { font-size: 20px !important; left: 50px !important; } .mobile-header-search{ display:block !important; position: absolute; right:140px!important; top:18px!important; opacity:0; transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; } .mobile-header-search-active{ opacity:1; } footer .column-menu-wrap > ul li:last-child{ margin:0; } .copyright-layout a{ margin:0 6px; } footer .column-menu-wrap > ul li{ margin:0 0 4px 0; } .copyright-layout a:first-child{ margin:0 6px 0 0; } .copyright-link{ float:none; } .fullwidth-footer .columns:nth-child(3){ width:100%; margin:0 auto; padding:0; } .fullwidth-footer .columns:nth-child(2){ padding:32px 0; } .work-layout{ margin:32px 0 0 0; } footer .column:only-of-type{ margin-left:0; } .contact-headerinfor { padding: 14px 0; } .ques-title { margin: 20px auto; } .contact-tab, .contact-headerinfor{ margin:0 8%; } .contact-close-layout { top: 13px; } .contact-title p { margin: 26px auto 0; } .contact-title { height: 64px; } .header-contact-infor-layout { max-width:100%; margin: 0 auto; height: 100vh; } .view-btn{ margin:20px auto 64px !important; } .journal-carousel:not(.arrows-top) .swiper-button-prev{ left:-16px; } .title-text{ font-size:13px; padding:0 8%; } .title{ margin:32px auto 16px; } .header-contact{ right:64px; } .journal-logo{ height:44px !important; } .header-scrollactive{ padding:0; } .title, .choose-biglayout .title{ font-size:26px; letter-spacing:0; } .about-text-layout{ padding:64px 0; } .product-title-layout{ margin:64px auto 24px; } .about-text{ font-size:14px; padding:0 8%; } .journal-header-center #search input, #search-product input{ /*margin:0 0 0 48px; min-height:44px;*/ } #search-product .search-icon-layout{ padding:0 0 0 12px; } .search-active { max-width: 84% !important; } .tp-bgimg{ /*background-position:-180px 0 !important;*/ } .tp-caption{ top:50% !important; } .journal2_slider, .journal2_slider .tp-banner{ height:40vh !important; } .banner-title { font-size:20px !important; left: 50px !important; } header .journal-search{ display:none !important; } .menuopen-contact{ right:16px; } .language-layout{ margin:0 0 0 8px; } .language-layout:nth-child(2){ margin:0 0 0 16px; } .center-header .journal-language{ padding:20px 0 0 16px; } .header-contact svg{ width:24px; height:24px; position:relative; top:-4px; } .header-contact, .hamburger{ top: 22px; } .hamburger{ right:16px; } .header-qq{ top: 16px; right: 100px; } .header-qq span{ display:none; } .header-qq img{ width:28px; height:28px; } .header-contact span{ display:none; } .journal-logo{ margin:16px 0 0 0; left:16px; } .journal-language{ z-index:990 !important; } .m-contact-text{ display:none; } .mobile-menu-on-tablet .mobile-menu .drop-down ul{ position:relative; /* top:8px;*/ height:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; overflow:hidden; } .dropactive{ height:auto !important; } .main-menu-text::before{ width:24px; top:10px; left:-40px; } .main-menu-text{ font-size:20px; font-weight:500; } .mobile-menu .drop-down ul li a{ padding:0; min-height:24px; } .drop-down ul{ margin:0; } .drop-down ul li{ margin:4px 0; } .super-menu > div{ width:64%; position:relative; left:48px; margin:0px auto; float:none; } #main-menu-item-4, #main-menu-item-5{ position:relative; top:0; left:48px; } /* #main-menu-item-6{ position:relative; top:0; left:48px; }*/ #main-menu-item-6 { position: inherit; right: 0; top: 0; } .super-menu{ margin:180px auto; background-color:transparent; clear:both; overflow:hidden; } .drop-down ul li a{ font-size:14px; } .adv-iconlayout { float: none; margin: 56px 0 0 0; width: 100%; } .adv-title { margin: 32px auto 8px; font-size: 18px; font-weight: 500; } .journal-cms-block-239 .adv-layout{ padding:32px 0 64px; } .choose-biglayout .title-des{ margin:64px 0 0 0; } .choose-biglayout .title{ margin:32px auto 16px; } .choose-content-layout-item{ width:100%; } .adv-des{ font-size:14px; } .adv-layout { background-position: 16px -24px; } .choose-biglayout{ padding:0 8%; } .choose-content-layout-item{ box-shadow:none; background:transparent; } .choose-img-layout{ background-color:rgba(38,45,63,0.5); height:240px; } .choose-des-layout{ text-align:center; margin:32px 16px 0; } .choose-des-text{ font-size:14px; margin:16px 0; } .view-link{ position:relative; } .choose-des-title{ font-size:18px; } .choose-content-layout-item:first-child, .choose-content-layout-item:nth-child(2){ margin:0 0 48px 0; } .choose-img-layout02 img { left: 40px; top: -30px; } .choose-content-layout{ margin:64px 0 0 0; } .right-circle{ top:2px; } .choose-content-layout-item{ margin:0 0 48px 0; } .choose-img-layout03 img { left: -16px; top: -32px; } .resource-des{ margin:32px 0 0 0; } .view-layout{ margin:60px 0 0 0; } .view-item-layout{ width:100%; } .view-title{ margin:64px auto 16px; } .view-left{ box-shadow: 0 2px 0 0 #c3c7cb; } .view-mid{ box-shadow: 0 2px 0 0 #c3c7cb; } .life-layout{ margin:0; padding:32px 0 0 0; } .life-layout .view-btn { margin: 48px auto 64px; } .fullwidth-footer .columns:first-child, .fullwidth-footer .columns:nth-child(2){ width:100%; } .fullwidth-footer .columns:first-child .column, .fullwidth-footer .columns:first-child .column:nth-child(4), .fullwidth-footer .columns:first-child .column:nth-child(5){ width:50%; margin:0 0 32px 0; } .fullwidth-footer .columns:first-child .column:nth-child(5){ margin:0; } .fullwidth-footer .columns:first-child .column:nth-child(3){ margin:0 0 32px 0; } .fullwidth-footer .columns:first-child .column:nth-child(2), .fullwidth-footer .columns:first-child .column:nth-child(4){ position:relative; left:32px; } .fullwidth-footer .columns:first-child { padding: 0 0 32px 0; } .footer-contact-layout{ float:none; } } @media screen and (max-width: 375px) and (-webkit-min-device-pixel-ratio: 3){ .choose-img-layout{ background-color:#283042; height:220px; } .choose-des-layout{ text-align:center; margin:32px 12px 0; } .contact-headerinfor { padding: 20px 0; } .journal-header-center #search input, #search-product input{ margin: 0 0 0 48px; min-height: 44px; } .title-text{ font-size:13px; padding:0 24px; } .tp-caption{ top:140px !important; } .journal2_slider, .journal2_slider .tp-banner{ height:44vh !important; } .super-menu > div, #main-menu-item-4, #main-menu-item-5{ left:40px; } .center-header .journal-language { bottom:38px; } .menuopen-contact{ right:16px; bottom:24px; } } @media screen and (min-width:376px)and (max-width: 480px) { .tab_content_box .tab_content_item .box_company span:last-child{width:inherit!important;} } @media screen and (max-width: 375px){ /*#main-menu-item-6 { position: relative; top: 0; left: 41px; }*/ #en .banner-title { font-size: 16px !important; left: 15px !important; } .banner-title { font-size: 18px !important; left: 20px !important; } .information-page-9 .tab_content_box .tab_content_item .box_company{ width: calc(100% - 32px)!important; height:auto !important; padding: 12px !important; margin: 16px 0 0 16px !important; } .information-page-10 .tab_content_box .tab_content_item .box_company{ width: calc(100% - 32px)!important; height:auto !important; padding: 12px !important; margin: 16px 0 0 16px !important; clear:both; overflow:hidden; } .tab_content_box .tab_content_item .box_company span:last-child { float: left!important; width: 80%!important; } .tab_content_box .tab_content_item .box_company p.lianxi span:last-child { float: left; width: auto!important; } } @media screen and (max-width: 375px){ .diaole{width:100%!important;} } /***内页***/ .information-page #content .heading-title{display:none;} .information-page header,.account-page header{height:88px;} .information-page #container #content .buttons{display:none !important;} .route-information-contact #container #content .buttons{display:none !important;} .route-information-contact #content .heading-title{display:none;}{display:none !important;} .route-information-contact header{height:88px;} /***服务条款***/ .information-page-5 #content,.information-page-12 #content, .information-page-3 #content{text-align:center;} .Privacy_box{ font-family:'Vedana','华文细黑'; display: inline-block;text-align:left; padding-bottom: 30px} .Privacy_box h2{color:#006cb6;line-height:60px;font-size:28px;font-weight:bold;} .Privacy_box>div:nth-child(2){padding:40px 0;} .Privacy_box>div:nth-child(2) p{font-weight:bold; padding:0; font-size:18px;} .Privacy_box h3{font-size:18px;color:#006cb6; padding-top:50px; font-weight:normal;padding-bottom:10px;} .Privacy_box p{line-height:28px;font-size:16px; padding-bottom:10px;} .nav{text-decoration: underline; color:rgb(51, 55, 69);} .nav:hover{color:#006cb6;} .text-div{line-height:28px;font-size:16px; padding-bottom:10px;} .Privacy_box .icon-tel:before{ content:url('/image/cache/data/icon-tel1.png'); display:inline-block; vertical-align:middle; padding-right:10px; } .Privacy_box .nav:before{ content:url('/image/cache/data/icon-email1.png'); display:inline-block; vertical-align:middle; padding-right:10px; } .qus{padding-top:30px;} /***隐私政策***/ .faq_box .qus{font-size:18px;color:#006cb6;} .faq_box div p:nth-child(1){padding-bottom:10px !important;} .information-page-11 .buttons{display:none;} .box-body .title_box{font-size: 18px;} #content .page-title span{font-size:28px;} .button-section{ display: block; background: rgb(51, 55, 69); width: 200px; text-align: center; height: 44px; line-height: 44px; color: #fff; border-radius: 32px; } .button-section:hover{color:#fff;} /*.lg-backdrop.in{display:none;} .lg-outer.lg-visible{display:none;} .gallery-thumb a:before{display:none;}*/ /*** 常见问题blog ****/ /**.journal-blog-page-1 .post-wrapper .post-image{display:block;} .journal-blog-page-1 .post-item-details .post-text{display:block;} .journal-blog-page-1 .post-item-details .post-button{display:block;}**/ .journal-blog-page-3 .post-wrapper .post-image{display:none;} .journal-blog-page-3 .post-item-details{padding:0 5px;} .journal-blog-page-3 .post-item-details .post-text{display:none;} .journal-blog-page-3 .post-item-details .post-button{display:none;} .journal-blog-page-3 .post-item-details h2 a{text-align:left;} .journal-blog-page-3 .post-item-details h2 a:before{ content:url("/image/data/web/blog/FAQ/icon-title.png"); vertical-align: middle; display: inline-block; } .journal-blog-page-3 .post-item{width: 100%;} .journal-blog-page-3 .post-item .post-wrapper:hover{ box-shadow:0 0 20px rgba(0, 0, 0, 0.2) !important; } .journal-blog-page-3 .post-item .post-wrapper{border:none; margin:0;} .journal-blog-page-3 .post-item:last-of-type{margin-bottom:0px;} .journal-blog-page-3 .blog-grid-view{ border: 1px solid #e1e1e1; margin: 0 0 20px 0; padding:10px 0; } .journal-blog-page-3 .side-column > .box{ border: 1px solid #e1e1e1; } .journal-blog-page-3 .side-column > .box:last-of-type{ padding-bottom: 10px; } .journal-blog-page-3 .side-column .box-category li a{padding:10px 10px 2px 10px;} .journal-blog-page-3 .side-column .box-category li a.active{ color:rgb(0,108,182) } .journal-blog-page-3 .heading-title,.journal-blog-page-3 .pagination,.journal-blog-page-3 .side-column .box-heading{ background-color: rgb(0,108,182); color: #fff; } .journal-blog-page-3 .side-column .box-category li a:hover{color:rgb(0,108,182);} /*** 焊接****/ .journal-blog-page-4 .post-wrapper .post-image{display:none;} .journal-blog-page-4 .post-item-details{padding:0 5px;} .journal-blog-page-4 .post-item-details .post-text{display:none;} .journal-blog-page-4 .post-item-details .post-button{display:none;} .journal-blog-page-4 .post-item-details h2 a{text-align:left;} .journal-blog-page-4 .post-item-details h2 a:before{ content:url("/image/data/web/blog/FAQ/icon-title.png"); vertical-align: middle; display: inline-block; } .journal-blog-page-4 .post-item{width: 100%;} .journal-blog-page-4 .post-item .post-wrapper:hover{ box-shadow:0 0 20px rgba(0, 0, 0, 0.2) !important; } .journal-blog-page-4 .post-item .post-wrapper{border:none; margin:0;} .journal-blog-page-4 .post-item:last-of-type{margin-bottom:0px;} .journal-blog-page-4 .blog-grid-view{ border: 1px solid #e1e1e1; margin: 0 0 20px 0; padding:10px 0; } .journal-blog-page-4 .side-column > .box{ border: 1px solid #e1e1e1; } .journal-blog-page-4 .side-column > .box:last-of-type{ padding-bottom: 10px; } .journal-blog-page-4 .side-column .box-category li a{padding:10px 10px 2px 10px;} .journal-blog-page-4 .side-column .box-category li a.active{ color:rgb(0,108,182) } .journal-blog-page-4 .heading-title,.journal-blog-page-4 .pagination,.journal-blog-page-4 .side-column .box-heading{ background-color: rgb(0,108,182); color: #fff; } .journal-blog-page-4 .side-column .box-category li a:hover{color:rgb(0,108,182);} /****文章****/ .blog-post .heading-title{background:#ffffff; font-size:22px;} .blog-post .post-details{background:#ffffff;} .blog-post .post-details p{font-size:16px !important;line-height: 30px;} .journal-blog-post-page #content{margin:30px 0;} /****申请表单****/ .formpage-content .form-tr select{margin:0; height:35px !important;line-height:35px !important;} .formpage-content .text-title{height:35px; line-height:35px; margin-right:0;} .formpage-content .page-title{text-align: center;line-height: 80px;font-size: 24px;} .formpage-content .from-main{text-align: center;} .formpage-content .form-box{display: inline-block; width:100%;} .formpage-content .icon-date{position: absolute; bottom: 330px; padding-left: 6px;} .formpage-content .form-box{margin-bottom:40px;} .formpage-content .form-box div:last-of-type{ text-align:right;padding-top:20px;} .block-icon-top .links a{ margin: 0 0 8px 0;color:#696d78; display:block;} .block-icon-top .links p{color:#696d78;} .block-icon-top .links a:hover{color:#fff;} /***型号、库存隐藏***/ #content .product-info .right .description{display:none !important;} .p-stock,.journal-stock.instock{display:none;} /**.product-info.split-30-70 .left{display:none;}**/ /**.product-info.split-30-70 .right{width:100%;}**/ /***内页宽度***/ .product-page #content, .category-page #content, .information-page #content{max-width: 1220px; margin: 0 auto;} /***产品详情***/ .super-links{background:yellow; color:#b10303;} .super-links:hover{ color:#b10303;} .pro-info { overflow: hidden; clear: both; } .pro-info ul { padding: 0; } .pro-container { overflow: hidden; clear: both; } .pro-container .pro-table-box { float: left; width: 40%; } .pro-container .pro-table { width: 90%; margin: 0 auto; } .pro-container .pro-other-box { float: left; width: 60%; } .pro-container .pro-other-box .pro-other { width: 80%; margin: 0 auto; } /*****video*******/ @media screen and (max-width: 1180px){ .video-block video{width:450px;} } @media screen and (max-width: 1000px){ .video-block video{width:400px;} } @media screen and (max-width: 880px){ .video-block video{width:350px;} } @media screen and (max-width: 768px){ .video-block{width:100% !important;float:none !important;} .video-block video{width:100%;} } .journal-carousel:not(.has-bullets){margin-bottom:0 !important;} .category-page-184 .heading-title{display:none;} a.new-rols { color: rgba(255,255,255,0.4); display: block; padding-left: 26px; margin: 0 0 4px 0; } a.new-rols:hover{color:#fff;} .journal-carousel.arrows-top .swiper-button-prev { right: 28px; } /****授权经销商****/ .tab_content_box{padding-bottom:32px;} .information-page-10 .tab_content_box .tab_content_item .box_company{ width:calc((100% - 128px) / 3); float: left; background: #fff; box-shadow: 0 2px 17px 0 rgba(0,0,0,.24); border-radius: 16px; padding: 22px; height: calc(6.33333333%); margin: 32px 0 0 32px; height:400px; -webkit-transition: margin .2s ease-out; -moz-transition: margin .2s ease-out; -o-transition: margin .2s ease-out; } #en .information-page-10 .tab_content_box .tab_content_item .box_company{ height:400px; } .tab_content_box .tab_content_item.shanghai .box_company:nth-child(2) h2{ padding-bottom:0; } .tab_content_box .tab_content_item.shanghai .box_company:nth-child(2) span:nth-child(2){ display:inline-block; padding-bottom:10px; } .tab_content_box .tab_content_item .box_company p{ clear:both; overflow:hidden; } .tab_content_box .tab_content_item .box_company p.lianxi span:first-child{ float: left; width: 50px; } .tab_content_box .tab_content_item .box_company p.lianxi span:last-child{ float: left; width: 82%; } .tab_content_box .tab_content_item .box_company span:first-child{ float: left; width: 40px; } .tab_content_box .tab_content_item .box_company span:last-child{ float: left; width: 85%; } /*en*/ #en .tab_content_box .tab_content_item .box_company p span:last-child{padding-left:3px;} #en .tab_content_box .tab_content_item .box_company p:first-child span:last-child{ float: left; width: 86%; } #en .tab_content_box .tab_content_item .box_company p:first-child span.em{ width:auto; } #en .tab_content_box .tab_content_item .box_company p.lianxi span:first-child{ float: left; width: auto; } #en .tab_content_box .tab_content_item .box_company p.lianxi span:last-child{ float: left; width: 60%; } #en .tab_content_box .tab_content_item .box_company span:first-child{ float: left; width: auto; } #en .tab_content_box .tab_content_item .box_company span:last-child{ float: left; width: auto; } #en .tab_content_box.contact-row .tab_content_item .box_company{ height:300px; } /*en end*/ .tab_content_box .tab_content_item .box_company i{ font-size: 14px; line-height: 24px; } .tab_content_box .tab_content_item .box_company span{ font-size: 14px; line-height: 24px; } .tab_content_box .tab_content_item .box_company span.remind{ display:block; } .tab_content_box .tab_content_item .box_company h2{ padding-bottom: 10px; } .tab_content_box.contact-row .tab_content_item .box_company{ height: 250px; } /***视频****/ .play-layout{clear:both;overflow:hidden; margin-bottom:20px;} .play-name-right{ margin:20px 20px 0;float:left; width:100%; } .play-img-left img{width:40%; float:left; border:1px solid #e0e0e0;} .play-name-right a{float:left; font-size:18px; color:#333745; display:block; padding-left:40px;text-decoration: underline; position: relative;} .play-name-right a:hover{color:#1296db;} .play-name-right a:before{content:""; background:url(/image/cache/data/web/video/video.png); width:24px; height:24px; background-size:100%;vertical-align: middle; margin: 0 5px; position: absolute;left: 0;} .play-name-right a:hover:before{content:""; background:url(/image/cache/data/web/video/video1.png); width:24px; height:24px; background-size:100%;vertical-align: middle; margin: 0 5px; } .information-page-20 .journal-popup-text{ height: auto !important;} .information-page-20 .journal-popup-footer{display:none;} .information-page-20 .journal-popup-content{height:auto !important;} .video-block{ margin: 50px 0; text-align:center;} @media screen and (max-width:768px){ .play-name-right{width:100%;} } @media screen and (max-width:480px){ .play-name-right a{font-size:16px; padding-left:36px;} .play-name-right a:before{width:22px; height:22px;} .play-name-right { margin: 10px 0; } } /****新闻排版****/ .journal-blog-page-1 .post-item{width:100%;} .journal-blog-page-1 .post-wrapper a.post-image{display: none;} .journal-blog-page-1 .blog-grid-view .post-button {align-self: flex-end; } .journal-blog-page-1 .posts h2>a>span{color:rgb(42, 43, 46); font-weight:700;} .journal-blog-page-1 .posts h2 a{text-align:left; } .journal-blog-page-1 .blog-grid-view .post-wrapper .post-text{ display:none; text-align:left; width:80%;} .journal-blog-page-1 .blog-grid-view .post-wrapper .post-text span{color:rgba(38,45,63,0.6);} .journal-blog-page-1 .post-button{ position:absolute;} .journal-blog-page-1 .post-view-more.button{ margin: 5px 0 0 0;} .journal-blog-page-1 .blog-grid-view .post-wrapper{padding:10px;} .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{top:-40px;} .related-products .swiper-button-next,.related-products .swiper-button-prev{top:-58px!important;} #content .related-products .box-heading{margin-bottom:0!important;} /***招聘页面***/ .person-page-banner { position: relative; } .person-page-banner img:first-child { height: 100vh; width: 100%; } .person-page-banner img:last-child { position: absolute; bottom: 60px; left: 50%; } .person-page-banner .down { position: absolute; left: 50%; margin-left: -50px; bottom: 50px; overflow: hidden; border-radius: 50%; width: 100px; height: 100px; background-color: #96cf0f; z-index: 2; } .down:before { top: 44px; border-top-color: #fff !important; } .down:after { top: 41px; border-top-color: #96cf0f !important; } .down:after, .down:before { position: absolute; content: ''; border: 16px solid transparent; left: 50%; margin-left: -16px; } .person-page-job { max-width: 80%; margin: 0 auto; font-size:32px!important; } .person-page-job-item { clear: both; overflow: hidden; background: #fff; box-shadow: 0 2px 17px 0 rgba(0, 0, 0, .24); border-radius: 16px; padding: 32px; margin:16px; -webkit-transition: margin .2s ease-out; -moz-transition: margin .2s ease-out; -o-transition: margin .2s ease-out; } .person-page-job-item:last-child{margin:16px 16px 40px 16px;} .person-page-job-item .item-img { float: left; width: 10%; } .person-page-job-item .item-img img { width: 100px; max-width: 100%; } .person-page-job-item .item-text { float: left; width: 90%; padding: 20px; box-sizing: border-box; } .person-page-job-item .item-text a{ font-size: 20px; margin-bottom: 6px; display: block; } .person-page-job h1 { text-align: center; display: block; font-size: 2em; margin: 40px 0; font-weight: bold; } .person-page-job .jianli { text-align:left; font-size: 18px; margin: 20px 0; } .person-page-job-item .item-text .pop-job-bd .part h6{ margin:10px 0; font-size: 18px; } .person-page-job-item .item-text .pop-job-bd .part p{ margin:10px 0; font-size: 16px; line-height: 24px; } .person-page-job-item .item-text .pop-job-bd .part{ margin-top: 30px; } .career-layout{overflow:hidden;clear:both;} .career-layout h3{font-size:20px; color:#e63638;} .career-layout .layout{width: calc(100% / 3); float: left;padding:0 20px;} .career-layout .layout .layout-text p{line-height:24px; font-size:16px;overflow:hidden;clear:both;} .career-layout .layout p span{float:left;} .career-layout .layout p span:first-child{width:5%;} .career-layout .layout p span{width:95%;} .career-layout .layout3 p span:first-child{width:22%;text-align:right;} .career-layout .layout3 p span{width:78%; } @media screen and (max-width:1170px){ .career-layout .layout3 p span:first-child{width:28%;} .career-layout .layout3 p span{width:72%;} } @media screen and (max-width:980px){ .career-layout .layout p span:first-child{width:3%;} .career-layout .layout3 p span:first-child{width:16%;} .career-layout .layout3 p span{width:84%;} .career-layout .layout{float:none; display:block; margin:20px auto; width:80%;} .person-page-banner .down { position: absolute; left: 50%; margin-left: -50px; bottom: 20px; overflow: hidden; border-radius: 50%; width: 70px; height: 70px; background-color: #96cf0f; z-index: 2; } .down:before { top: 32px; border-top-color: #fff !important; } .down:after { top: 29px; border-top-color: #96cf0f !important; } } @media screen and (max-width:768px){ .career-layout .layout{float:none; display:block; margin:20px auto; width:80%;} .information-page-21 div#content {padding:0 !important;} } @media screen and (max-width:710px){ .career-layout .layout p span:first-child{width:5%;} .career-layout .layout p span{width:90%;} .career-layout .layout3 p span:first-child{width:20%;} .career-layout .layout3 p span{width:75%;} .career-layout .layout{width:100%; padding: 0;} } @media screen and (max-width:480px){ .career-layout .layout .layout-text p{margin-bottom:8px;} .person-page-job{padding:0!important;} .career-layout .layout p span{float:none;} .career-layout .layout p span:first-child{width:10%;} .career-layout .layout3 p span:first-child{width:auto;} .career-layout .layout3 p span{width:auto;} .person-page-job-item{ padding: 10px;} .person-page-job-item .item-img{ float: none; width: 20%; margin-top: 20px; } .person-page-job-item .item-text{ width: 100%; padding: 10px;} .person-page-job-item .item-text .pop-job-bd .part h6{ font-size: 18px;} .person-page-job-item .item-text .pop-job-bd .part{margin-top: 15px;} .person-page-job-item .item-text .pop-job-bd .part p { margin: 10px 0; font-size: 14px; line-height: 20px; } .person-page-job h1{margin:40px 0 0 0;} } .information-page-21 #container{max-width:100%;} .information-page-21 #content{max-width:100%; padding:0;} .information-page-21 .breadcrumb{ display: none !important;} /****人才招聘、市場合作英文版刪除*******/ #en .new-rols{display:none;} #en #main-menu-item-6{display:none;} /******市场合作********/ .information-page-23 #container{max-width:100%; padding:0;} .information-page-23 #content{max-width:100%; padding:0;} .backimg img{max-width:100%; display:block;} .backimg .text{ width:50%; position: absolute; top: 42%; left: 24%;} .backimg .text ul li a{color:#fff;} .backimg .contact_btn{ position: absolute; bottom: 40%; left:38%; width:25%;} .backimg .contact_btn a{color:#fff; display:inline-block; text-align:center; padding:5px 40px; border:1px solid #fff; border-radius:50px; font-size: 20px;} .backimg .contact_btn a:hover{background:#fff; color:#fe6827;} .backimg .contact_btn a:last-child{ position: absolute;right: 0;} .backimg .contact_btn a .en-text{display:block;} .backimg .text.swiper-container{height:auto;} .sliderbox.swiper-wrapper{ margin:0; height:100px !important;} .sliderbox li{height:100px !important; text-align:center;} .sliderbox li{font-size:16px; color:#fff;} @media screen and (max-width:1658px){ .backimg .contact_btn { bottom: 37%; left: 31%; width: 35%; } .backimg .text { width: 65%; position: absolute; top: 42%; left: 17%; } } @media screen and (max-width:1400px){ .backimg .contact_btn { bottom: 37%; left: 31%; width: 35%; } .backimg .text { width: 65%; position: absolute; top: 42%; left: 17%; } .backimg .contact_btn a{ font-size: 16px; } .sliderbox li { font-size: 14px; height: 65px !important; } .backimg .text { width: 70%; left: 15%; } .sliderbox.swiper-wrapper { margin: 0; height: 65px !important; } } @media screen and (max-width:1024px){ .backimg .contact_btn a { font-size: 14px; padding: 5px 20px; } } @media screen and (max-width:980px){ .backimg .contact_btn a { font-size: 12px; } .sliderbox li { font-size: 12px; height: 65px !important; } .backimg .contact_btn { bottom: 32%; left: 34%; width: 30%; } .backimg .text { width: 80%; left: 8%; } } @media screen and (max-width:760px){ .center-header #search input, .default-header #search input { background-color: transparent!important; } .backimg .text { width: 80%; position: absolute; top: 43%; left: 10%; } .backimg .contact_btn { bottom: 17%; left: 29%; width: 42%; } .sliderbox li { font-size: 14px; height:100px !important; } .sliderbox.swiper-wrapper { margin: 0; height:100px !important; } .sliderbox li p{font-size:8px;} .information-page-23 #content{padding:0!important;} header .journal-search{display:none!important;} .mobile-header-search{display:block!important; position: absolute; right: 300px; top: 29px; opacity:1; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; } .journal-popup-content.overflow-on{max-height:unset;} } @media screen and (max-width:480px){ .sliderbox li p{display:none !important;} .backimg .contact_btn a span{display:none !important;} .sliderbox li { font-size: 14px; height:70px !important; } .sliderbox.swiper-wrapper { margin: 0; height:70px !important; } /*.tp-leftarrow:before, .tp-leftarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:before { font-size: 35px; color: rgb(43, 41, 43); top: 0; } .tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before { font-size: 35px; color: rgb(43, 41, 43); top: 0; }*/ } @media screen and (max-width:425px){ .backimg .contact_btn a { padding: 5px 10px; } .backimg .contact_btn { bottom: 13px; left: 28%; width: 46%; } .backimg .text { width: 95%; position: absolute; top: 43%; left: 2%; } } .journal-blog-post-page .post-details p{clear:both; overflow:hidden; padding-left:5px;} .journal-blog-post-page .post-details p span:first-child{float:left; width:2%;} .journal-blog-post-page .post-details p span:last-child{float:right; width:98%;} @media screen and (max-width:768px){ .journal-blog-post-page .post-details p span:last-child{padding-left:10px;} } @media screen and (max-width:375px){ .journal-blog-post-page .post-details p span:last-child{padding-left:15px;} } /*产品详情页，视频隐藏*/ .product-page .pro-info a:not(.text-bg){display:none;} .product-page .price{display:none;} /*新聞頁面*/ .journal-blog-page-7 .post-item .post-wrapper .post-item-details h2 span{ font-size:14px; } .journal-blog-page-7 .post-item .post-wrapper .post-item-details .post-text span{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /*@media screen and (max-width:480px){ .journal-blog-page-7 .post-item { width: 75%; margin:20px auto; } }*/ /*手機版*/ #main-menu-item-4 .dropactive li:first-child a:first-child{display:none;} /*产品名字全显示*/ .category-page .refine-image a span{ white-space: inherit; } /*新闻版面响应*/ @media screen and (max-width:480px){ .journal-blog-page-1 .posts h2 a{ font-size: 14px; } .journal-blog-page-1 .post-button{ position: inherit; } .posts h2{ margin: 0; } .journal-blog-page-1 .post-view-more.button{ margin: 0; } .posts .post-wrapper h2 a{ white-space: inherit; } .journal-blog-post-page .heading-title{ white-space: inherit; font-size: 18px; line-height:28px; } .journal-blog-post-page .post-details p{ font-size: 14px !important; } } /*保修政策*/ .top_1 p,.top_2 p{clear:both; overflow:hidden;} .top_1 p span:first-child,.top_2 p span:first-child{float:left; width:26px;} .top_2 p span:first-child{ width:32px !important;} .top_1 p span:last-child,.top_2 p span:last-child{float:left;} .top_2{ padding-left: 26px; margin-top: 5px; font-size: 14px; } .top_1 p span:last-child,.top_2 p span:last-child{ width: 95%; } #en .top_2 p span:first-child{ width:22px !important;} @media screen and (max-width:768px){ .top_2 p span:first-child { width: 28px !important; } } @media screen and (max-width:640px){ #en .top_1 p span:first-child,.top_2 p span:first-child{float:left; width:6%;} #en .top_1 p span:last-child,.top_2 p span:last-child{ width: 90%; } .top_1 p span:first-child{ width: 5%; } .information-page-11 div#content{ padding: 20px 10px 0 10px!important; } } @media screen and (max-width:480px){ .top_1 p span:first-child{ width:22px; } .top_1 p span:last-child{ width:90%; } } @media screen and (max-width:375px){ #en .top_1 p span:first-child,.top_2 p span:first-child{float:left; width:10%;} #en .top_1 p span:last-child,.top_2 p span:last-child{ width: 85%; } .top_1 p span:first-child{ width:10%; } } /*产品明细页面显示完全*/ .product-page .heading-title { text-align: left; white-space: inherit; } .product-page-290 .int { border-collapse: collapse; width: 100%; word-wrap: break-word; table-layout: fixed; } .product-page-290 .int tr td:first-child{ width: 80%; } .product-page-297 .int { border-collapse: collapse; width: 100%; word-wrap: break-word; table-layout: fixed; } .product-page-327 .int { border-collapse: collapse; width: 100%; word-wrap: break-word; table-layout: fixed; } .product-page-327 .int_2{ border-collapse: collapse; width: 100%; word-wrap: break-word; table-layout: fixed; } .product-page-341 .int{ border-collapse: collapse; width: 100%; word-wrap: break-word; table-layout: fixed; } .product-page-339 .int{ border-collapse: collapse; width: 100%; word-wrap: break-word; table-layout: fixed; } .int{ border-collapse: collapse; width: 100%; word-wrap: break-word; table-layout: fixed; } @media screen and (max-width:768px){ .product-page-274 .pro-container .pro-table-box { float: none; width: 100%; } .product-page-274 .pro-container .pro-other-box { float: none; width: 100%; } } .product-page .play-item { width: 100%; } /*header 菜单 ipad*/ @media only screen and (max-width: 1024px) and (min-width: 760px){ .hide-on-tablet { display: block !important; } #en #main-menu-item-6 { display: none!important; } } @media screen and (max-width:1024px)and (min-width:760px){ .super-menu { margin: 160px 0 0 120px; max-width: 96%; } #en .super-menu { margin: 160px 0 0 120px; max-width: 96%; } #en #main-menu-item-2 { padding: 0; } #en #main-menu-item-2 .main-menu-text:before { left: -63px; } .drop-down ul { width: 80%; } #en .drop-down ul li { margin: 0 0 10px 0; } } @media screen and (max-width: 768px)and (min-width:480px){ .fullwidth-footer .columns:first-child .column{ margin:0; } footer>div>.columns:first-child>.column { padding-left: 0 !important; width: calc(100% / 3) !important; } .fullwidth-footer .columns:first-child { padding-left:42px; margin-bottom: 0 !important; } footer>div>.columns:first-child>.column:nth-child(6){ position: relative; } footer>div>.columns:first-child>.column:nth-child(5) { position: relative; } footer>div>.columns:first-child>.column:nth-child(4) { position: relative; } /*footer .column:nth-child(4) > h3:before { top:125px; left:59.5%; }*/ /*footer .column:nth-child(4) > h3:before { top:125px; left:59.5%; }*/ .super-menu { margin: 160px 0 0 72px; } .journal-menu{ overflow: scroll; } #main-menu-item-4 { position: absolute; left: 0; top: 124px; } #main-menu-item-6 { position: absolute; right: 0; top: 260px; } #en .super-menu { margin: 160px 0 0 64px; max-width: 96%; } #en #main-menu-item-2 .main-menu-text:before { left: -46px; } #en #main-menu-item-2 { padding: 0; } .mobile-menu-on-tablet .mobile-menu .drop-down ul { width: 86%!important; } #en .drop-down ul li { margin: 0 0 10px 0; } } .journal-blog-page .breadcrumb a:nth-child(2){ display:none; } .journal-blog-page .breadcrumb a:nth-child(3){ position: relative; left: -12px; background: #f3f3f3; } .journal-blog-post-page .breadcrumb li:nth-child(2){ display:none; } @media screen and (max-width:480px){ .person-page-job { max-width: 100%; margin: 0 auto; font-size:32px!important; } .person-page-job h1{font-size:30px;} .person-page-job-item:last-child { margin: 16px 0 40px 0; } .product-page video{ width: 100%; height: 250px; } .product-page .play-item{ margin:0; } .information-page-22 #content{padding:0!important;} .person-page-job{line-height: inherit!important; padding:60px 0 !important; font-size:24px!important;} } #content .related-products .box-content{ padding: 20px 0;} .information-page-22 .breadcrumb{display:none!important;} .product-page-401 .left{display:none;} .product-page-401 .right{width:100%!important;} .product-page-401 .right a{display: inline-block; background:#1d2433; border: 1px solid #1d2433; color:#fff; border-radius: 50px; padding: 10px 20px; font-size: 20px; margin: 20px 0 0 0; transition: 0.2s all; } .product-page-401 .right p{ font-size:20px; } .product-page-401 .right a:hover{ border: 1px solid #1d2433; color:#006cb6; background:#fff; transition: 0.2s all; } .product-page-401 .product-options{margin:40px 0 40px 0;} .product-page-401 .heading-title{ background-color: #006cb6; color: #fff; } .product-page-313 table{display: flex;} .product-page-356 img{max-width:100%;} /*去掉video controls的下载按钮*/ video::-webkit-media-controls { overflow: hidden !important; } video::-webkit-media-controls-enclosure { width: calc(100% + 32px); margin-left: auto; } .journal-popup-content.overflow-on{overflow:hidden;} .journal-popup-321{margin:50px auto;} /*联系我们*/ #en.information-page-9 .tab_content_box .tab_content_item .box_company{ width: calc((100% - 88px) / 3); margin: 32px 0 0 22px; height:365px; } #en.information-page-9 .tab_content_box .tab_content_item .box_company.zidong .box_text p span{ float:left!important; } .information-page-9 .tab_content_box .tab_content_item .box_company{ width:calc((100% - 128px) / 3); float: left; background: #fff; box-shadow: 0 2px 17px 0 rgba(0,0,0,.24); border-radius: 16px; padding: 16px; height: calc(6.33333333%); margin: 32px 0 0 32px; height:300px; -webkit-transition: margin .2s ease-out; -moz-transition: margin .2s ease-out; -o-transition: margin .2s ease-out; } .information-page-9 .tab_content_box .tab_content_item .box_company.zidong .box_text p span{ float:none!important; } .information-page-9 .tab_content_box.contact-row .tab_content_item .box_company{height:270px;} footer .column-menu-wrap > ul li { position: relative; } #footer .column:nth-child(3) .column-menu-wrap > ul li{ margin:0 0 8px 0; } #main-menu-item-3.drop-down ul li{ margin-bottom:8px; } #main-menu-item-2 ul li a i.menu-plus{display:none!important;} #main-menu-item-2 ul li ul{display:none!important;} .information-page-24 #container, .information-page-24 #content{max-width:100%!important;} html:lang(en) #footer .column:nth-child(3) .column-menu-wrap > ul li:nth-child(2) a:after, #footer .column:nth-child(3) .column-menu-wrap > ul li:nth-child(2) a:after{ display:none; } /*header laster news 提示*/ /*html:lang(cn) #main-menu-item-3.drop-down ul li:first-child a:before{ content: ""; width:30px; height:30px; background:url(/image/data/cn-new.png); background-size:100%; position: absolute; z-index: 9; left: 63px; top: -6px; } html:lang(en) #main-menu-item-3.drop-down ul li:first-child a:before{ content: ""; width:30px; height:30px; background:url(/image/data/en-new.png); background-size:100%; position: absolute; z-index: 9; left: 86px; top: -8px; }*/ /*header laster news 提示*/ /*footer laster news 提示*/ /*html:lang(cn) #footer .column:nth-child(3) .column-menu-wrap > ul li:first-child a:before{ content: ""; width:30px; height:30px; /* background:url(/image/data/cn-new.png);*/ background-size:100%; position: absolute; z-index: 9; left: 62px; top: -5px; display: inline-block; } html:lang(en) #footer .column:nth-child(3) .column-menu-wrap > ul li:first-child a:before{ content: ""; width:30px; height:30px; /* background:url(/image/data/en-new.png);*/ background-size:100%; position: absolute; z-index: 9; left: 86px; top: -7px; display: inline-block; }*/ /*footer event news 提示*/ html:lang(cn) #main-menu-item-3.drop-down ul li:nth-child(2) a:after{ content: ""; width:30px; height:30px; /* background:url(/image/data/cn-new.png);*/ background-size:100%; position: absolute; z-index: 9; left: 62px; top: -5px; display: inline-block; } html:lang(en) #main-menu-item-3.drop-down ul li:nth-child(2) a:after{ content: ""; width:30px; height:30px; /* background:url(/image/data/en-new.png);*/ background-size:100%; position: absolute; z-index: 9; left: 86px; top: -8px; } html:lang(cn) #footer .column:nth-child(3) .column-menu-wrap > ul li:nth-child(2) a:before{ content: ""; width:30px; height:30px; /* background:url(/image/data/cn-new.png);*/ background-size:100%; position: absolute; z-index: 9; left: 62px; top: -5px; display: inline-block; } html:lang(en) #footer .column:nth-child(3) .column-menu-wrap > ul li:nth-child(2) a:before{ content: ""; width:30px; height:30px; /* background:url(/image/data/en-new.png);*/ background-size:100%; position: absolute; z-index: 9; left: 86px; top: -7px; display: inline-block; } /*footer event news 提示 end*/ /*兩款產品視頻隱藏*/ .product-page-314 .play-item, .product-page-284 .play-item{ display:none; }