/* Control Panel Settings */
.quickview .mfp-iframe-holder .mfp-content{height:563px}
.quickview .heading-title{text-align:left !important}
#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}
.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)}
header .links > a, .mm-header-link a{color: rgb(255, 255, 255)}
.links .no-link{color: rgb(255, 255, 255)}
.journal-login .journal-secondary a, .journal-secondary .links > a, .mm-header-link a{color: rgb(255, 255, 255)}
.journal-secondary .no-link{color: rgb(255, 255, 255)}
.drop-down ul li a{color: rgb(255, 255, 255)}
.mega-menu-item 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-item h3:hover{color: rgb(221, 0, 23)}
.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 .mega-menu-item h3{color: rgb(255, 255, 255);text-align:left}
.mega-menu-html .mega-menu-item h3{text-align:left;background-color: rgb(255, 255, 255);padding-bottom:5px;padding-left:10px;padding-top:5px}
.mega-menu-html .mega-menu-item .wrapper{background-color: rgb(255, 255, 255)}
.super-menu > li > a{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 13px;text-transform: none;letter-spacing: 2px;color: rgb(255, 255, 255);line-height:38px}
.super-menu > li, .super-menu > li:last-of-type, .journal-menu .mobile-menu > li .mobile-plus, .journal-desktop .menu-floated .float-right{border-left-style:solid}
.drop-down ul li, .mobile-menu .drop-down ul li{border-bottom-style:solid;border-color: rgb(228, 228, 228)}
.mega-menu-categories .mega-menu-item 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-menu{border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-style: solid;border-color: rgb(204, 204, 204);background-color: rgb(255, 255, 255)}
.mobile-trigger:before{content: '\e618';font-size: 20px;color: rgb(250, 250, 250);top: -1px}
.drop-down .menu-plus:before{content: '\e620';font-size: 10px;top: -3px}
.mobile-trigger{font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 16px;text-transform: uppercase;color: rgb(255, 255, 255)}
.journal-menu .mobile-menu > li .mobile-plus{background-color: rgb(17, 100, 135);color: rgb(255, 255, 255)}
.journal-header-default .links > a:hover, .journal-header-menu .links > a:hover{background-color: rgb(228, 228, 228)}
.journal-header-default .journal-links, .journal-header-menu .journal-links{background-color: rgb(0, 0, 0)}
.journal-header-default .links > a, .journal-header-menu .links > a{border-color: rgb(42, 43, 46)}
header .links > a:hover, .mm-header-link a:hover{color: rgb(228, 228, 228)}
.super-menu > li, .super-menu.menu-floated{background-color: rgb(9, 84, 124)}
.journal-menu-bg{background-color: rgb(9, 84, 124)}
.super-menu > li:hover > a{color: rgb(255, 255, 255)}
.super-menu > li:hover{background-color: rgb(17, 100, 135)}
.super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-left, .journal-desktop .menu-floated .float-right, .journal-menu .mobile-menu > li .mobile-plus{border-color: rgb(9, 84, 124)}
.journal-login .journal-secondary a:hover, .journal-secondary .links > a:hover, .mm-header-link a:hover{color: rgb(228, 228, 228)}
.drop-down ul li:hover > a{color: rgb(228, 228, 228)}
.drop-down ul li{background-color: rgb(9, 84, 124)}
.drop-down ul li:hover, .drop-down ul > li:hover > a{background-color: rgb(17, 100, 135)}
.journal-header-default .journal-login, .journal-header-menu .journal-login{background-color: rgb(42, 43, 46)}
.drop-down ul li:hover > a i:before{color: rgb(255, 255, 255)}
.journal-menu .mobile-trigger{background-color: rgb(9, 84, 124)}
.mega-menu .product-grid-item .price{display:inline-block}
.mega-menu{padding:15px;box-shadow:none}
.mega-menu-item > div, #header .mega-menu .product-wrapper{margin-right:15px}
.drop-down ul{box-shadow:0 1px 8px -3px rgba(0, 0, 0, 0.5)}
.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{color: rgb(56, 56, 56) !important}
.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)}
.quote .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.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:15px 15px 0 0}
.product-info .image .label-latest{display: block}
.product-info .image .label-sale{display: block}
.product-info .image .outofstock{display: block}
.product-options > div, .product-options > ul{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-new, .product-info .right .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-old{font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 22px;text-transform: none;color: rgb(255, 255, 255);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:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
#button-cart{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, .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;background-color: rgb(244, 244, 244)}
.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 .owl-prev:before{content: '\e62b';font-size: 16px;color: rgb(255, 255, 255);top: -3px}
#product-gallery .owl-next:before{content: '\e62c';font-size: 16px;color: rgb(255, 255, 255);top: -3px;left: 1px}
.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-options > div, .product-options > ul, .quickview .tab-content{background-color: rgb(244, 244, 244)}
.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, .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)}
.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 .owl-buttons.side-buttons div{border-radius: 50%;margin-top:-8px;height:25px; line-height:25px;background-color: rgb(51, 55, 69);width:25px}
#product-gallery .owl-buttons.side-buttons div:hover{background-color: rgb(221, 0, 23)}
.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)}
#tab-description{line-height:17px}
.attribute tbody td{text-align:left}
.product-page .heading-title{text-align:left}
body{font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 15px;text-transform: none;color: rgb(51, 55, 69);background-repeat: repeat;background-position: center top;background-attachment: scroll}
.heading-title, .box-heading, #blogArticle .articleHeader h1, .oc-filter .panel-heading{text-align:left;border-radius: 2px;line-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: none;color: rgb(0, 0, 0)}
.button:active, #quickcheckout .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.button, .side-column .box-content a.button, #quickcheckout .button{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 11px;text-transform: uppercase;color: rgb(255, 255, 255)}
.button, #quickcheckout .button{border-radius: 30px;padding:0 14px;line-height:32px;background-color: rgb(42, 43, 46)}
.breadcrumb{font-weight: bold;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}
.scroll-top:before{content: '\e021';font-size: 45px;color: rgb(63, 87, 101)}
#container{background-repeat: repeat;background-position: center top;background-attachment: scroll}
.extended-layout .extended-container{background-repeat: repeat;background-position: center top;background-attachment: scroll;background-color: rgb(255, 255, 255)}
a{color: rgb(69, 115, 143)}
a:hover{color: rgb(52, 73, 94)}
.button:hover, .side-column .box-content a.button:hover, #quickcheckout .button:hover{color: rgb(255, 255, 255)}
.button:hover, #quickcheckout .button:hover{background-color: rgb(221, 0, 23)}
.breadcrumb a:hover{color: rgb(221, 0, 23)}
.scroll-top:hover:before{color: rgb(221, 0, 23)}
.heading-title, .box-heading, #blogArticle .articleHeader h1, .journal-carousel .htabs.single-tab a, .oc-filter .panel-heading{padding-left:15px}
.extended-container:before{background-color: rgb(244, 244, 244)}
.box-sections ul li, .custom-sections .box-heading.box-sections{border-right-style:solid;border-color: rgb(80, 80, 80)}
.custom-sections .box-heading{border-bottom-width: 1px;border-style: solid}
.box-sections ul li a{color: rgb(0, 0, 0);line-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-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;color: rgb(255, 255, 255);border-color: rgb(13, 86, 127)}
footer .column-menu-wrap > ul li{color: rgb(255, 255, 255)}
footer .contacts{box-shadow:none;border-radius: 60px}
footer .contacts [data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)}
.bottom-footer{box-shadow:none;background-color: rgb(0, 59, 91)}
footer, .boxed-footer #footer{background-color: rgb(13, 86, 127)}
footer .column-menu-wrap > ul li:hover a{color: rgb(221, 0, 23)}
footer .column-text-wrap{color: rgb(255, 255, 255)}
footer .contacts i{background-color: rgb(80, 80, 80)}
footer .contacts > div > span:hover a i{background-color: rgb(221, 0, 23)}
footer a .contacts-text:hover{color: rgb(221, 0, 23)}
footer .contacts-text{color: rgb(255, 255, 255)}
.fullwidth-footer, .boxed-footer #footer{background-repeat: repeat;background-position: center top;background-attachment: scroll}
.bottom-footer .copyright{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}
{: 30;: 30;: rgb(0, 0, 0);: rgb(255, 255, 255);background-color: rgb(255, 255, 255)}
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(13, 86, 127);padding:5px 0}
.journal-top-header{box-shadow:none;background-color: rgb(0, 59, 91)}
#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 .content .cart-wrapper{box-shadow:0 2px 5px rgba(0, 0, 0, 0.10)}
#cart .heading, .ie9 #cart button.heading{font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: none;color: rgb(0, 0, 0)}
.journal-header-center #cart{border-width: 1px;border-radius: 40px;border-style: solid;border-color: rgb(80, 80, 80);background-color: rgb(255, 255, 255)}
.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: rgb(0, 0, 0);background-color: rgb(42, 43, 46)}
.journal-header-center #search input{border-width: 1px;border-radius: 40px;border-style: solid;border-color: rgb(80, 80, 80);background-color: rgb(255, 255, 255)}
.autocomplete2-suggestions{box-shadow:none;background-color: rgb(255, 255, 255)}
.autocomplete2-suggestion span.p-price{display:block}
.autocomplete2-suggestions > div{max-height:350px}
.journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li{border-top-style:solid;border-top-style:solid}
.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%;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255)}
#cart .heading i:before{content: '\e000';font-size: 25px;color: rgb(221, 0, 23);top: -1px;left: -4px}
.button-search i:before{content: '\e697';font-size: 22px;color: rgb(221, 0, 23);top: -1px;left: 2px}
header, .journal-header-center .journal-center-bg{background-image: url('image/data/bg/header-content-bg.jpg');background-repeat: repeat;background-position: center top;background-attachment: scroll}
.journal-header-default #logo, .journal-header-menu #logo{background-color: rgb(42, 43, 46)}
.journal-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{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)}
.journal-language .dropdown-menu > li > a, .journal-currency .dropdown-menu > li > a{color: rgb(0, 0, 0)}
.journal-language .dropdown-menu > li > a:hover, .journal-currency .dropdown-menu > li > a:hover{color: rgb(0, 0, 0);background-color: rgb(244, 244, 244)}
header{box-shadow:none}
#cart{box-shadow:0 1px 5px -2px rgba(0, 0, 0, 0.6)}
.journal-header-mega #logo a{text-align:left}
.autocomplete2-suggestion .p-image{display:block}
.journal-header-center .journal-top-header, .journal-header-center .journal-secondary{border-bottom-style:solid; border-top-style:solid;}
.product-wrapper{border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);padding: 5px;background-color: rgb(255, 255, 255);box-shadow:none}
.product-grid-item .image .label-latest{display: none}
.product-grid-item .image .label-sale{display: none}
.product-grid-item .image .outofstock{display: block}
.product-grid-item .name a, .posts h2 a{white-space:nowrap;font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69)}
.product-grid-item .price{display:inline-block;;display:inline-block}
.product-details:before{font-size: 25px;margin-left: -14px;top: -21px;color: rgb(255, 255, 255)}
.product-grid-item .cart .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.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:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.product-grid-item .quickview-button {margin-left: -45px;margin-top: -25px}
.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-icon, .product-grid-item.display-icon .compare-icon{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 .button-left-icon:before, .product-grid-item .cart .button-right-icon: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{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 i, .product-grid-item.display-icon .compare a:hover i{background-color: rgb(221, 0, 23)}
.product-grid-item .rating{margin-left:-47px;top:-35px;display:block}
.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, 59, 91)}
.product-filter{background-color: rgb(244, 244, 244)}
.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(221, 0, 23) !important}
.product-compare a:hover{color: rgb(221, 0, 23)}
#infscr-loading div{color: rgb(255, 255, 255)}
.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(221, 0, 23)}
.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(9, 84, 124)}
.tp-bullets.tp-thumbs .bullet:before{opacity:.4}
.tp-bullets.tp-thumbs .bullet.selected:before, .tp-bullets.tp-thumbs .bullet:hover:before{opacity:0}
.tp-bullets.tp-thumbs{border-top-width: 7px;border-right-width: 7px;border-left-width: 7px;border-style: solid;border-color: rgb(255, 255, 255)}
.tp-leftarrow:before, .tp-leftarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:before{content: '\e62b';font-size: 65px;color: rgb(255, 255, 255);top: -15px}
.tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before{content: '\e62c';font-size: 65px;color: rgb(255, 255, 255);top: -15px}
.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .journal-simple-slider .owl-controls .owl-page.active span, .journal-simple-slider .owl-controls.clickable .owl-page:hover span{background-color: rgb(9, 84, 124)}
.tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page span{background-color: rgb(255, 255, 255);border-radius: 8px;margin-left:10px;width:30px;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(9, 84, 124)}
.journal-carousel .htabs a, .side-column .journal-carousel .htabs a{border-right-style:solid;border-color: rgb(255, 255, 255)}
.journal-carousel .owl-prev:before{content: '\e60f';font-size: 17px;color: rgb(42, 43, 46)}
.journal-carousel .owl-next:before{content: '\e60e';font-size: 17px;color: rgb(42, 43, 46)}
.owl-controls .owl-page span{background-color: rgb(0, 0, 0);border-radius: 5px;width:20px;height:7px}
.journal-carousel .owl-prev:hover:before, .journal-carousel .owl-next:hover:before{color: rgb(221, 0, 23)}
.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span{background-color: rgb(221, 0, 23)}
.journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)}
.journal-carousel .owl-buttons div{top:-58px}
.journal-carousel .side-buttons .owl-next:before{content: '\e60e';font-size: 24px;color: rgb(0, 0, 0)}
.journal-carousel .owl-buttons.side-buttons div{margin-top:-60px}
.journal-carousel .side-buttons .owl-prev:before{content: '\e60f';font-size: 24px;color: rgb(0, 0, 0)}
.journal-carousel .owl-buttons .owl-prev{right:15px}
.journal-carousel .owl-buttons .owl-next{right:0px}
.journal-carousel .owl-buttons.side-buttons .owl-next{right:5px}
.journal-carousel .owl-buttons.side-buttons .owl-prev{left:5px}
.journal-carousel .side-buttons .owl-prev:hover:before, .journal-carousel .side-buttons .owl-next:hover:before{color: rgb(221, 0, 23)}
.journal-carousel.carousel-brand .owl-buttons.side-buttons div, .journal-carousel.journal-gallery .owl-buttons.side-buttons div {margin-top:-25px}
.journal-carousel.carousel-product .product-wrapper{box-shadow:none}
.journal-carousel.carousel-brand .product-wrapper{box-shadow:none}
.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 .outofstock{display: block}
.product-list-item .description{display:block}
.product-list-item .cart .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.product-list-item .cart .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(66, 139, 202)}
.product-list-item .quickview-button .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.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 .button-left-icon:before, .product-list-item .cart .button-right-icon: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, .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, .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, .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(88, 143, 39)}
.side-column .box-content li a:hover, .side-column .box-category li a:hover, .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,.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, #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{border-bottom-style:solid;border-color: rgb(244, 244, 244)}
.cart-info table, .wishlist-info table, .compare-info, table.list, .order-list{border-bottom-width: 1px;border-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)}
.login-content > div, .sitemap-info 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);border-bottom-style:solid}
.checkout-product thead td, .checkout-product tfoot td{color: rgb(51, 55, 69);background-color: rgb(244, 244, 244)}
.checkout-product tbody td{border-color: rgb(244, 244, 244)}
.checkout-content, .checkout-page .panel-body{background-color: rgb(255, 255, 255)}
.checkout-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{border-color: rgb(221, 0, 23)}
.sf-reset-icon:after{content: '\e602';font-size: 16px}
.journal-sf ul li label.sf-checked{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: none !important;background-color: rgb(255, 255, 255)}
.ui-pnotify-text img {display: block}
.ui-pnotify-title {font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 12px;text-transform: uppercase;letter-spacing: 2px;color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)}
.ui-pnotify-closer{color: rgb(255, 255, 255)}
.ui-pnotify-closer:hover{color: rgb(221, 0, 23)}
.ui-pnotify-text a{color: rgb(69, 115, 143)}
.ui-pnotify-text a:hover{color: rgb(221, 0, 23)}
.block-content{background-color: rgb(164, 23, 51)}
.side-column .editor-content h1, .side-column .editor-content h2, .side-column .editor-content h3{padding-bottom:4px;font-weight: 500 !important;font-family: "Ubuntu" !important;font-style: normal !important;font-size: 15px !important;text-transform: none !important}
.editor-content p, .side-block-content p{padding-bottom:5px}
.side-column .box.cms-blocks .cms-block{margin-bottom:5px}
.editor-content h1, .editor-content h2, .editor-content h3, .side-block-content h1, .side-block-content h3, .side-block-content h3{padding-bottom:5px;font-weight: 400 !important;font-family: "Ubuntu" !important;font-style: normal !important;font-size: 18px !important;text-transform: none !important}
.side-column .block-content p{line-height:19px}
.gallery-thumb a:before{content: '\e015';font-size: 30px;color: rgb(255, 255, 255)}
#swipebox-prev:before{content: '\e093';font-size: 30px;color: rgb(255, 255, 255)}
#swipebox-next:before{content: '\e094';font-size: 30px;color: rgb(255, 255, 255)}
#swipebox-close:before{content: '\e601';font-size: 30px;color: rgb(255, 255, 255)}
.gallery-thumb .item-hover{background-color: rgba(51, 55, 69, 0.5)}
#swipebox-overlay{background-color: rgba(0, 0, 0, 0.75)}
#swipebox-action, #swipebox-caption{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255)}
#swipebox-close:hover:before{color: rgb(221, 0, 23)}
#swipebox-prev:hover:before, #swipebox-next:hover:before{color: rgb(221, 0, 23)}
.side-column .journal-gallery .box-content{padding:0px !important}
#content .welcome h1, .side-column .welcome h1{text-align:left;font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 25px;text-transform: none;color: rgb(51, 55, 69);border-bottom-style:solid;border-color: rgb(228, 228, 228)}
#content .welcome p, .side-column .welcome p{text-align:left}
.welcome p{line-height:16px}
.product-grid-item .compare, .product-filter .product-compare{display:none}
.product-grid-item .wishlist{display:inline-block}
.journal-header-center .journal-cart{display:none}
.journal-header-center #search{display:none}
.product-info .product-options > .cart{display:block}
.product-info .right .description{display:block}
.product-info .right > div > .price{display:block}
.product-info .right > div > .options{display:block}
.journal-language{display:table-cell !important}
.product-info .right .wishlist-compare .links a + a{display:none}
.product-info .right .wishlist-compare .links a:first-of-type{display:inline-block;}
.journal-currency{display:none !important}
.product-grid-item .name{display:table}
.journal-carousel .product-grid-item .cart{display:block}
.journal-carousel .product-grid-item .wishlist{display:inline-block}
.journal-carousel .product-grid-item .compare{display:none}
.journal-carousel .product-grid-item .price{display:inline-block}
.journal-carousel .product-grid-item .name{display:table}
.side-column .journal-carousel .product-grid-item .cart{display:block}
.side-column .journal-carousel .product-grid-item .wishlist{display:inline-block}
.side-column .journal-carousel .product-grid-item .compare{display:none}
.side-column .journal-carousel .product-grid-item .price{display:inline-block}
.side-column .journal-carousel .product-grid-item .name{display:table}
.custom-sections .product-grid-item .cart{display:block}
.custom-sections .product-grid-item .wishlist{display:inline-block}
.custom-sections .product-grid-item .compare{display:none}
.custom-sections .product-grid-item .price{display:inline-block}
.custom-sections .product-grid-item .name{display:table}
.mega-menu .product-grid-item .cart{display:block}
.mega-menu .product-grid-item .wishlist{display:inline-block}
.mega-menu .product-grid-item .compare{display:none}
.mega-menu .product-grid-item .name{display:table}
.product-list-item .cart{display:block}
.product-list-item .wishlist{display:inline-block}
.product-list-item .compare{display:none}
.product-list-item .price{display:inline-block}
.product-list-item .name{display:table}
.product-info .right > div .countdown > span{border-right-style:solid}
.countdown > span{border-right-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 .comment-date{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 15px;text-transform: none}
.post-view-more.button{padding-top:10px;padding-right:16px;padding-bottom:8px;padding-left:16px}
.post-view-more.button:hover{background-color: rgb(9, 84, 124)}
.post-item-details{padding-bottom:10px;padding-left:10px;padding-top:10px;padding-right:10px;text-align:center}
.post-item-details .post-text{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 15px;text-transform: none}
.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;border-top-style:solid}
.one-page-checkout .journal-checkout .checkout-product tbody td, .journal-checkout .checkout-cart tbody tr:first-of-type 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-button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.journal-checkout .confirm-order{text-align:right}
.journal-checkout .confirm-button{border-radius: 0px}
.form-group.fax-input{display:none}
.form-group.company-input{display:none}
.form-group.address-2-input{display:none}
.journal-checkout .spw > div p{display:none}
.journal-checkout .coupon-voucher .input-group-btn input.button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.column.products .product-grid-item .price, .side-column .oc-module .product-grid-item .price{display:inline-block}
.category-page .heading-title{text-align:left}
.attribute tr td:first-child{text-align:left}
.product-grid-item .description{display:none}
.product-list-item .rating{display:block}
.information-page #content h1.heading-title{text-align:left;font-weight: normal;font-family: Times, serif;font-style: normal;font-size: 16px;text-transform: none;color: rgb(0, 0, 0);border-bottom-width: 1px;border-style: solid;border-color: rgb(0, 0, 0);background-color: rgb(255, 255, 255)}
#container.maintenance-message, .extended-container #container.maintenance-message{background-attachment: scroll}
.blog-post .heading-title{text-align:left}
.footer-post-title{white-space:nowrap; line-height:1.1;}

/* 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');
}




/* Site width */
#container, #header, #footer, .bottom-footer > div, .bottom-footer.boxed-bar {
   max-width: 1200px;
}

.extended-container:before{
  display:block;
}




@media only screen and (max-width:1220px) {
 .journal-header-center .journal-search, .journal-header-center .journal-links{
    padding-left: 15px;
  }
 .journal-header-center .journal-cart, .journal-header-center .journal-secondary{
    padding-right: 15px;
  }
}
@media only screen and (max-width:760px) {
 .journal-header-center .journal-search, .journal-header-center .journal-links{
    padding-left: 0;
  }
 .journal-header-center .journal-cart, .journal-header-center .journal-secondary{
    padding-right: 0;
  }
}





.category-info .image{
display:none;
}

/*Notification Position*/
.ui-pnotify{
right:20px;
}
.ui-pnotify{
        box-shadow:0px 1px 12px rgba(0, 0, 0, 0.2);
}



.ui-pnotify-closer{
opacity:1;
}


.breadcrumb{
        text-align:left;
}




/* Product Grid */

.product-wrapper:hover{
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
}




.custom-sections.section-product .product-wrapper:hover{
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
}





.journal-carousel.carousel-product .product-wrapper:hover{
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
}





.journal-carousel.carousel-brand .product-wrapper:hover{
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
}



.product-grid-item .image .label-latest + .label-sale{
  top: 5px;
  margin-top: 0;
}

.product-grid-item .name a{
 //padding-bottom:8px;
}


.product-grid-item .cart .button-left-icon:before{
display:none;
}

.enquiry-button .button i:before{
  color:rgb(255, 255, 255);
}



.product-grid-item .cart .button-right-icon{
display:none;
}




/* BLOG */





.post-module .post-wrapper{
  box-shadow: none !important;
}



.post-wrapper:hover{
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.20) !important;
}





.post-module .post-wrapper{
  box-shadow: none !important;
}



.blog-list-view .post-wrapper:hover{
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.20) !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-info .left .image-additional-grid a{
  width: 25%;
}

.product-info .left .image-additional{
  margin-right: -19px;
}

.product-info .gallery-text{
  padding-top: 11px;
}

#button-cart .button-cart-text:after{
display:none;
}




.checkout-content .buttons{
  border-radius:0;
}

.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;
}




#more-details.hint--top:before{
  border-top-color: rgb(221, 0, 23);
}



.boxed-header header{
  max-width:1200px;
}
.boxed-header .super-menu > li:first-of-type{
  border-left:0;
}
.boxed-header .super-menu > li:last-of-type{
  border-right:0;
}

.boxed-header .is-sticky header{
  left:50%;
  margin-left:-600px;
}

.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;
}
.boxed-header .journal-header-center .journal-cart{
  padding-right: 20px;
}
@media only screen and (max-width: 760px) {
  .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;
  }
}

@media only screen and (max-width: 1215px) {
.boxed-header .is-sticky header{
  left:0;
  margin-left:0;
}
.boxed-header body{
  padding:0;
}
.fullwidth-footer .columns{
    padding-left: 15px;
  }
  .copyright{
    padding-left: 15px;
  }
    .journal-header-mega #logo a, .breadcrumb{
      padding-left:15px;
  }
}


header .links > a{
  border-bottom-color:#e4e4e4;
}

.journal-header-default .links .no-link,
.journal-header-menu .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)}

.journal-header-center .journal-language form > div,
.journal-header-center .journal-currency form > div{
  border-left-style:solid;
  border-right-style:solid;
}

#search ::-webkit-input-placeholder {
  color:rgb(0, 0, 0);
  font-family: inherit;
}
#search :-moz-placeholder {
  color:rgb(0, 0, 0);
  font-family: inherit;
}
#search ::-moz-placeholder {
  color:rgb(0, 0, 0);
  font-family: inherit;
}
#search :-ms-input-placeholder {
  color:rgb(0, 0, 0);
  font-family: inherit;
}

.button-search{
    border-right-style:solid;
}
.button-search{
    border-right-color:;
}
header .journal-login{
    border-bottom-color:;
}


.super-menu > li:last-of-type{
    border-right-color:rgb(9, 84, 124);
    border-right-style:solid;
}

@media only screen and (max-width: 760px) {
  .journal-header-center #search input,
  .journal-header-center .button-search{
      border-radius:0;
  }
  .journal-header-center #search input{
      background-color:rgb(255, 255, 255);
  }
  .journal-header-center #cart{
      background-color:rgb(255, 255, 255);
  }

  header .journal-login{
      border-bottom-style:solid;
  }

  .journal-menu .mobile-menu > li{
    border-bottom-color:rgb(9, 84, 124);
    border-bottom-style:solid;
  }
}

.inline-button .product-details{
  padding-bottom:0;
}










.product-info .right .options.push-1 .option-image li.selected span img{
  border-color:;
}

.mega-menu-categories .mega-menu-item,
.mega-menu-brands .mega-menu-item,
.mega-menu-html .mega-menu-item,
#header .mega-menu .product-grid-item{
  margin-bottom:15px;
}
.mega-menu > div{
  margin-bottom:-15px;
  margin-right:-15px;
}

.mega-menu .mega-menu-column:last-of-type > div{
   margin-right:-15px;
}

.mega-menu-column > div > h3, .mega-menu .mega-menu-column .menu-cms-block{
  margin-right: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) {
  .mega-menu .mega-menu-column > div{
   margin-right:-15px;
  }
}

.journal-sf .sf-image .box-content ul{
  margin-bottom:-7px;
  margin-right:-7px;
}














  footer .contacts{
  text-align:center;
  }
  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:rgb(9, 84, 124);
}


.journal-header-default .links > a,
.journal-header-menu .links > a{
  border-bottom-color: transparent;
}

@media only screen and (max-width: 760px) {
.journal-header-default .links > a,
.journal-header-menu .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{
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

@media only screen and (max-width: 1215px) {

.bottom-footer.fullwidth-bar .copyright{
  padding-left: 15px;
}
.bottom-footer.fullwidth-bar .payments{
  padding-right: 15px;
}
.extended-layout #column-left{
  padding:20px 0 0 20px;
}
.extended-layout #column-right{
  padding:20px 20px 0 0;
}
.extended-layout #content,
.extended-layout #column-left + #content,
.extended-layout #column-right + #content,
.extended-layout #column-left + #column-right + #content{
  padding:20px 20px 0 20px;
}
.journal-simple-slider{
  height: auto !important;
}
.extended-layout #column-left{
  width:240px;
}

.extended-layout #column-right{
  width:240px;
}
.extended-layout #column-left + #content{
  margin-left:240px;
}
.extended-layout #column-right + #content{
  margin-right:240px;
}
.extended-layout #column-left + #column-right + #content{
margin-left:240px;
margin-right:240px;
}
}

@media only screen and (max-width: 980px) {
.journal-header-default .mega-menu,
.journal-header-menu .mega-menu{
    width: 100%;
  }
}

@media only screen and (max-width: 760px) {
  .extended-layout #column-left + #content,
  .extended-layout #column-right + #content,
  .extended-layout #column-left + #column-right + #content{
    margin-left:0;
    margin-right:0;
  }
   .journal-header-center .journal-secondary{
  background-color:rgb(0, 59, 91);
}

}

.mega-menu{
  max-width:1200px;
  /* margin-top:0px; */
}

/*
.mega-menu > div > div:first-child .wishlist .hint--top:after{
  left:53px;
}
*/





.journal-header-center .j-100, .journal-header-center #logo a{
height:150px;
}
.journal-header-center #logo a img{
max-height:150px;
}
.journal-header-center .journal-search,
.journal-header-center .journal-cart{
top:55px;
}
.journal-header-center .journal-menu-bg{
top:190px;
}
.journal-desktop.header-center .sticky-wrapper{
max-height:230px;
}
@media only screen and (max-width: 760px) {
.journal-header-center .j-100, .journal-header-center #logo a{
height:100px;
}
.journal-header-center .journal-search,
.journal-header-center .journal-cart{
top:0;
}
.journal-header-center .journal-menu-bg{
top:220px;
}
.journal-header-center #logo a img{
max-height:100px;
}
}



.extended-container #container{
  background-color:transparent;
}




.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:39px;
}

.journal-desktop .menu-floated .float-left{
  border-right-style:solid;
}

.column.products > h3{
  margin-bottom:8px;
}
.column.products{
  padding-bottom:8px;
}

.side-column .journal-gallery .box-heading{
  margin-bottom:10px;
}

.side-column .box-category > ul li ul li a{
  padding-left: 7px;
}
.side-column .box-category > ul li ul li ul li a{
  padding-left: 14px;
}
.side-column .box-category > ul li ul li ul li ul li a{
  padding-left: 21px;
}
.side-column .box-category > ul li ul li ul li ul li ul li a{
  padding-left: 28px;
}
.side-column .box-category > ul li ul li ul li ul li ul li ul li a{
  padding-left: 35px;
}

@media only screen and (max-width: 1215px) {
  .breadcrumb{
    padding-left:10px;
  }
}


.custom-sections .box-heading.box-sections{
    border-left-style:solid;
}

#top-modules .carousel-product > div,
#bottom-modules .carousel-product > div,
.side-column .carousel-product > div,
#top-modules .carousel-category > div,
#bottom-modules .carousel-category > div,
.side-column .carousel-category > div,
#top-modules .journal-carousel.post-module > div,
#bottom-modules .journal-carousel.post-module > div{
    margin-left:-11px;
    margin-right:-11px;
    padding:0 11px;
}
#top-modules .carousel-brand > div,
#bottom-modules .carousel-brand > div,
.side-column .carousel-brand > div{
    margin-left:-10px;
    margin-right:-10px;
    padding:0 10px;
  }




.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: 1215px) {
  .safari5 #footer,
  .safari5.boxed-header header{
     width: 1200px;
  }
}

@media only screen and (max-width: 1215px) {
  .tp-banner-container{
    height:auto !important;
  }
}

@media only screen and (max-width: 1215px) {
#top-modules>div, #bottom-modules>div{
  padding-left:20px;
  padding-right:20px;
}
.checkout-page #content {
  padding-left: 20px;
  padding-right: 20px;
}
}






.journal-checkout .coupon-voucher{
  display:none;
}

.journal-checkout .coupon-voucher .checkout-coupon{
  display:none;
}
.journal-checkout .coupon-voucher .checkout-voucher{
  width:100%;
}

.journal-checkout .coupon-voucher .checkout-coupon{
 width:100%;
 padding-right:0;
}
.journal-checkout .coupon-voucher .checkout-voucher{
  display:none;
}


/* Custom CSS */
.main-menu-item-3>ul li:nth-child(1){display:none;}
.category-page-481 .refine-images>.refine-image:nth-child(1){display:none;}
.static-banners{padding-left:0!important;padding-right:0!important;    margin-bottom: 0!important;}
.account-page #content .login-content .left{ display:none;}
.information-page-62 header,
.information-page-62 footer,
.information-page-62 .breadcrumb,
.information-page-62 .extended-container:before{display:none;}
/*html:lang(zh_HK) .journal2_static_banners .static-banner >a{
    display: block;
    margin-bottom: 0;
    height: 110px;
    background: url(/image/data/banner2/banner110.png)center no-repeat;
    background-size: cover;
    width: 100%;
}
html:lang(en) .journal2_static_banners .static-banner >a{
    display: block;
    margin-bottom: 0;
    height: 110px;
    background: url(/image/data/banner2/banner110_eng.png)center no-repeat;
    background-size: cover;
    width: 100%;
}*/

.heading-title{padding-left:0;}
@media screen and (max-width: 1280px) {
/*header{margin-top:90px;}
html:lang(zh_HK) .journal2_static_banners .static-banner >a{
    display: block;
    margin-bottom: 0;
    height: 90px;
    background: url(/image/data/banner2/banner110.png)center no-repeat;
    background-size: cover;
    width: 100%;
}
html:lang(en) .journal2_static_banners .static-banner >a{
    display: block;
    margin-bottom: 0;
    height: 90px;
    background: url(/image/data/banner2/banner110_eng.png)center no-repeat;
    background-size: cover;
    width: 100%;
}*/
}
@media screen and (max-width: 1024px) {
/*header{margin-top:80px;}
html:lang(zh_HK) .journal2_static_banners .static-banner >a{
    display: block;
    margin-bottom: 0;
    height: 80px;
    background: url(/image/data/banner2/banner110.png)center no-repeat;
    background-size: cover;
    width: 100%;
}
html:lang(en) .journal2_static_banners .static-banner >a{
    display: block;
    margin-bottom: 0;
    height: 80px;
    background: url(/image/data/banner2/banner110_eng.png)center no-repeat;
    background-size: cover;
    width: 100%;
}*/
}
@media screen and (max-width: 768px) {
/*.home-page header{margin-top:80px;}
html:lang(zh_HK) .journal2_static_banners .static-banner >a{
    display: block;
    margin-bottom: 0;
    height: 80px;
    background: url(/image/data/banner2/banner80.png)center no-repeat;
    background-size: cover;
    width: 100%;
}
html:lang(en) .journal2_static_banners .static-banner >a{
    display: block;
    margin-bottom: 0;
    height: 80px;
    background: url(/image/data/banner2/banner80_eng.png)center no-repeat;
    background-size: cover;
    width: 100%;
}*/
}
@media screen and (max-width: 480px) {
.new-page h1{font-size:26px;}
.right-details ul li .doup{display:none;}
/*header{margin-top:50px;}*/
/*html:lang(zh_HK) .journal2_static_banners .static-banner >a{
    display: block;
    margin-bottom: 0;
    height: 50px;
    background: url(/image/data/banner2/banner80.png)center no-repeat;
    background-size: 100%;
    width: 100%;
}
html:lang(en) .journal2_static_banners .static-banner >a{
    display: block;
    margin-bottom: 0;
    height:50px;
    background: url(/image/data/banner2/banner80_eng.png)center no-repeat;
    background-size: 100%;
    width: 100%;
}*/
}
@media screen and (max-width: 375px) {
/*header{margin-top:40px;}*/
/*html:lang(zh_HK) .journal2_static_banners .static-banner >a{
    display: block;
    margin-bottom: 0;
    height: 40px;
    background: url(/image/data/banner2/banner80.png)center no-repeat;
    background-size: 100%;
    width: 100%;
}
html:lang(en) .journal2_static_banners .static-banner >a{
    display: block;
    margin-bottom: 0;
    height: 40px;
    background: url(/image/data/banner2/banner80_eng.png)center no-repeat;
    background-size: 100%;
    width: 100%;
}*/
.journal-header-center .journal-links .links {
    width: 30% !important;
}
}
.locker_input{
-webkit-appearance: none;
    background: white;
    border-radius: 0px;
    border: 1px solid #E4E4E4;
    padding: 8px;
    width: 100%;
    transition: all 0.2s;
    font-size: 13px;
    box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.08);
}
.tese i{display: inline-block;
    margin-bottom: 10px;
    color: #ef8921;
    font-size: 28px;
    padding: 0 2px;
}
.small-title i{
    font-size: 32px;
    display: inline-block;
    margin-bottom: 10px;
    color: #ef8921;
}
/*全雲端詳情*/
.new-page h2, .new-page h3{font-size:18px;}
.description-info>div{float:left; width:50%;}
.right-details ul{padding-left:0; list-style:none;}
.right-details ul li{text-align:center;max-width: 70%; margin-bottom:20px;position: relative;}
.right-details ul li i{display:block;position:unset;}
.description-info{overflow: hidden;margin: 40px 0;}
.left-img{margin:100px 0;}
.right-details ul li:nth-child(1){margin-left:40px;}
.right-details ul li:nth-child(2){margin-left:100px;}
.right-details ul li:nth-child(3){margin-left:40px;}
.right-details ul li .doup em{display:block; width:100%; position: relative;}
.right-details ul li .doup{
   width:200px;
   height:20px;
   background:url(/image/data/logo/12.12/line.png)no-repeat center;
   background-size:100%;
    position: absolute;
    left: -100px;
    top: 40%;
}
.right-details ul li .doup em:before{
content: "";
width: 0px;
height: 0px;
position: absolute;
left: 10px;
/*top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);*/
}
.right-details ul li .doup em:after{
content: "";
width: 15px;
height: 15px;
border-radius: 50px;
display: inline-block;
position: absolute;
left: 10px;
/*top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);*/
-webkit-animation: spineer 2s 1.5s infinite;
animation: spineer 2s 1.5s infinite;
}
/*@-webkit-keyframes spineer {
	from {
	-webkit-box-shadow:0 0 0 0 rgb(215, 227, 234);
	box-shadow:0 0 0 0 rgb(215, 227, 234);
}
to {
	-webkit-box-shadow:0 0 0 8px rgb(215, 227, 234);
	box-shadow:0 0 0 8px rgb(215, 227, 234);
}
}@keyframes spineer {
	from {
	-webkit-box-shadow:0 0 0 0 rgb(215, 227, 234);
	box-shadow:0 0 0 0 rgb(215, 227, 234);
}
to {
	-webkit-box-shadow:0 0 0 8px rgb(215, 227, 234);
	box-shadow:0 0 0 8px rgb(215, 227, 234);
}*/
@media screen and (max-width:480px){
.right-details ul li {
    text-align: center;
    max-width: 100%;
}
.description-info>div {
    float: none;
    width: 100%;
}
.left-img {
    margin: 0 0 60px;
}
.right-details ul li:nth-child(1) {
    margin-left: 0;
}
.right-details ul li:nth-child(2) {
    margin-left: 0;
}
.right-details ul li:nth-child(3) {
    margin-left: 0;
}
.down-layout {
    text-align: center;
    float: none!important;
    width: 100%!important;
}
.jifen-info {
    float: none!important;
    width: 100%!important;
    text-align: left;
}
}

/*全雲端詳情*/

/*首页banner修改*/
.yun-logo{padding-top: 205px!important; width:45%!important;}
.description-text{width:55%!important;padding-top:100px; text-align:left!important;}
html:lang(en) .description-text{padding-top:50px!important; }
html:lang(en) .description-text .small-text{font-size:18px!important;}
.btn-view{margin-top:60px;}
.title-text,.small-text{text-align:left;}
.description-text .small-text{font-weight: 400!important;font-size: 20px!important;max-width: 78%;
margin-bottom:20px;}
.description-text span{display:inline-block; padding:0 60px 0 0px; font-size:24px;}
.small-title{font-size:24px!important;margin-bottom:10px;}
/*.description-text span:after{content:"/";font-weight:600; font-size:30px; display: inline-block; }*/
.part1-box .left-box a{
    width: 200px;
    font-size: 23px;
    color: #fff;
    font-weight: 400;
    background: #184558;
    padding: 12px 40px;
    letter-spacing: -1px;
    transition: 0.3s all;
}
.part1-box .left-box a:hover{background: #125b84;}
.left-box>div {
  /*  min-width: 50%;*/
    float: left!important;
    text-align: center;
    height: 600px;
}
.part1-layout {
    height: auto!important;
}
.left-box {
    float: none!important;
    width: 100%!important;
    height:600px!important;
}
.right-box {
    float: none!important;
    width: 100%!important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.right-box p {
    position: unset!important;
    width:100%!important;
}
.right-box p .video-s{
    height:500px!important;
}
.left-box>div {
    margin-top: 0!important;
    margin: 0 auto!important;
}
@media screen and (max-width: 1330px) {
.description-text .small-text{max-width:98%!important;}
.right-box p .video-s {height: 400px!important;}
.right-box { height: 550px!important;}

}
@media screen and (max-width: 1024px) {
.right-box p {position: unset!important;width: 92%!important;}
html:lang(en) .description-text {padding-top: 20px!important;}
.description-text .title-text{padding:0 10px;}
}
@media screen and (max-width: 768px) {
.left-box>div{height:auto!important;}
.yun-logo {padding-top: 40px!important;width: 100%!important;}
.description-text {width: 100%!important;padding-top: 40px; text-align: center!important;}
.title-text, .small-text { text-align: center;padding: 0 20px!important;}
.description-text .small-text {margin-bottom: 40px;}
}
@media screen and (max-width:480px) {
.left-box, .part1-layout {height: auto!important;}
.left-box>div.yun-logo img {width: 130px!important;}
.description-text{padding-bottom:40px;}
.description-text .small-text {font-weight: 400!important;font-size: 16px!important;}
.description-text span {display: block; padding: 0 0 20px 0px;font-size: 24px;}
.part1-box .left-box a { width: 200px; font-size: 20px;}
.right-box p .video-s { height: 200px!important;}
}

/******首页banner修改******/
.new-page img{
   float:none;
   display:block;
    margin:auto;
   max-width:100%;
}
.require-form label{    white-space: nowrap;}
.require-form .form-group>span{
   margin-right:20px;font-size:14px;
}
.require-form .label_defaults{
   margin-bottom:5px;
   display:block;
}
.select select{
   width:78%;margin:0;
}
.form_sub {
    color: #fff;
    font-size: 16px;
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    width: 140px;
    background-color: #0d567f;
    border: 1px solid #E4E4E4;
    margin-left: 0;
    outline: none;
    font-weight: 400;
    padding: 5px 0;
    margin-left: 20px;
}
.form_sub:hover{
    background-color:#116da0;
}
.require-form{
    margin: 20px auto;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 20px;
    width: 100%;
}
.new-page h1{
      text-align: center;
    padding: 10px;
    color: #003b5b;
}
.new-page h2,
.new-page h3{
      text-align: center;
    padding: 10px;
}
.jifen{
    border: 2px solid #ffad47;
    border-radius: 10px;
    margin: 30px 0;
    padding: 12px;
    text-align: center;
    clear:both;
    overflow:hidden;
}
.jifen-info{float:left;width:70%;text-align:left;}
.jifen-info h3{text-align:left; padding-left:0; margin-bottom:10px;    color: #184558;}
.down-layout p{margin-bottom:0;}
.down-layout {
    text-align:center;float:left;width:30%;
}
.down-layout span{
    display:inline-block;
    margin: 0 20px 40px;
}
.down-layout span img:nth-child(2){
    width:100px;
    margin-top: 4px;
}
.require-form h3{
    margin-bottom:20px;
}
html:lang(en) .side-category .box-heading{
    letter-spacing: -1px;
}
.app-link{
    padding-top: 10px;
margin: 0 !important;
    align-items: center;
    justify-items: center;
    padding-left: 20px;
display: inline-block!important;
}
.img_qr {display: inline-block;padding-left: 20px; padding-top: 10px;}
.img_qr img{width:100px;}
.app-link img{width:86%;}
/*********gary**********/
 .route-product-category .text-empty{display:none;}
#top-modules .journal2_cms_blocks .cms-blocks, .block-content{
   padding-left:0!important;
   padding-right:0!important;

}
.editor-content p, .side-block-content p{
  padding-bottom:0;
}
.post-item-details .post-text{
  line-height:24px;
}

.cms-blocks, .block-content{
     display:block;
}
.cms-block{
     padding-right:0px;
}
.cms-blocks .blocks{
     margin-right:0px;
}

.home-page #container, .home-page #content{
        padding:0px;
        max-width:100%;
}
.journal2_blog_posts .box-heading{
    font-size: 32px;
color:#fff;
text-align:center;
background:#334154;
border-bottom-width:0;
border-style:none;
margin-bottom: 36px;
font-weight: 300;
}


.bot-video{
  overflow:hidden;
}
.bot-video .vi-lt{
   float:left;
   width:45%;
    margin: 0 2%;
}
.bot-video{
   margin-bottom:40px;
}

/*******gary end********/

.greyHound {
	float:left;
	width:50%;
	height:480px;
	background: #2e3d51;
	background-blend-mode: normal,multiply,multiply;
	overflow:hidden;
}
.crmHound {
	float:left;
	width:50%;
	height:480px;
	background: #5f7687;
	background-blend-mode: normal,multiply,multiply;
	overflow:hidden;
}
.text-layout{
	position:relative;
	left:32px;
	float:left;
	width:42%;
	color:#fff;
}
.app-layout{
	position:relative;
	left:-32px;
	float:right;
	width:50%;
}
.app-img{
	max-width:100%;
	height:auto;
	position:relative;
	top:120px;
}
.app-link{
	margin:32px 0 0 0 !important;
	display:block;
}
.app-more-link{
        text-align:center;
}
.big-title{
	margin:40px 0 0 0;
	font-size:24px;
	padding:0 0 0 16px;
}
.big-title-en{
	margin:40px 0 0 0;
	font-size:20px;
	padding:0 0 0 16px;
}
.big-crmtitle{
	margin:40px 0 0 0;
	font-size:32px;
}
.small-des{
	margin:16px 0 0 0;
	color:#999;
	font-size:14px;
	padding:0 0 0 16px;
}
.cta, .cta-en{
	margin:8px 0 0 0;
	display:inline-block;
}
.text, .text-en,.text_ios,.text-en-ios{
	padding:0 0 0 8px;
	color:#fff;
	text-decoration:underline;
	cursor:pointer;
}
.ortext{
	display:inline-block;
	margin:8px 0 0 0;
	color:#999;
}
.crm-text-layout{
	position:relative;
	float:left;
	left:32px;
	width:42%;
	color:#fff;
}
.crm-layout{
	position:relative;
	float:right;
	width:58%;
}
.crm-img{
	position:relative;
	top:80px;
}
.small-text{
	margin:16px 0 0 0;
        padding:0 2px;
	font-size:14px;
	line-height:1.8em;
	color:#fff;
}
.small-text-en{
	margin:16px 0 0 0;
        padding:0 2px;
	font-size:13px;
	line-height:1.8em;
	color:#fff;
}
.address-bg{
        background-color:#2a2b2e;
}
.map-layout{
        padding:16px 0;
        max-width:1200px;
	margin:0 auto;
}
.address-big-layout{
        padding:16px 0;
	max-width:1200px;
	margin:0 auto;
        overflow:hidden;
        color:#fff;
}
.address-items img{max-width:100%;}
.address-items{
	float:left;
	width:100%;
        min-height:309px;
}
.address-items p{
	font-size:14px;
	line-height:24px;
	margin:2px 0;
}
.address-items .address-title{
	font-size:24px;
	font-weight:600;
        min-height:48px;
}
.cms-block{
        margin-bottom:0px;
}
#bottom-modules .cms-blocks{
        padding-left:0px !important;
        padding-right:0px !important;
}
.scroll-link{
        display:block;
        width:126px;
        height:38px;
        margin:24px auto 0;
        border-radius:5px;
        background:rgb(8,83,125);
        color:#fff;
        font-size:14px;
        line-height:2.8em;
        letter-spacing:1px;
}
.scroll-link:hover{
        color:#fff;
        background:rgb(17,100,135);
}
.scroll-link-en{
        display:block;
        width:126px;
        height:38px;
        margin:24px auto 48px;
        border-radius:5px;
        background:rgb(8,83,125);
        color:#fff;
        font-size:12px;
        line-height:3.2em;
        letter-spacing:1px;
}
.scroll-link-en:hover{
        color:#fff;
        background:rgb(17,100,135);
}

.scroll{
        background-image:url(../image/data/cms/scroll-banner.jpg);
        background-attachment:fixed;
        min-height:420px;
        font-size:16px;
        color:#fff;
        text-align:center;
}
.scroll-layout{
        max-width:960px;
        margin:0 auto;
        padding:0 20px;
        overflow:hidden;
}
.scroll .scroll-title{
        margin:64px 0 24px 0;
        font-size:24px !important;
}
.scroll .scroll-text{
        font-size:14px !important;
        line-height:1.6em;
}
.big-bg{
	color:#fff;
        margin:32px 0;
}
.ser-layout{
	max-width:1200px;
	margin:0 auto;
}
.ser-infor03{
	position:relative;
	width:50%;
	height:100%;
	float:right;
	background:#09547c;
	cursor:pointer;
}
.ser-infor{
	position:relative;
	width:50%;
	height:100%;
	float:right;
	background:#09547c;
	cursor:pointer;
}
.ser-img{
	width:50%;
	float:left;
}
.ser-img img{
	max-width:100%;
	height:auto;
}
.clear{
	clear:both;
	height:0;
}
.ser-infor02{
	position:relative;
	width:50%;
	float:left;
	background:#09547c;
	height:100%;
	cursor:pointer;
}
.ser-infor04{
	position:relative;
	width:50%;
	float:left;
	background:#09547c;
	height:100%;
	cursor:pointer;
}
.ser-img02{
	width:50%;
	float:right;
}
.items-layout{
	height:398px;
	overflow:hidden;
}
.ser-title{
        display:block;
	font-size:32px;
	font-weight:bold;
	letter-spacing:3px;
	color:#fff;
}
.svg-right{
         position:relative;
         top:3px;
         left:16px;
}
.svg-style{
animation:rightgo 1s ease-in-out infinite alternate;
/* Firefox: */
-moz-animation:rightgo 1s ease-in-out infinite alternate;
/* Safari and Chrome: */
-webkit-animation:rightgo 1s ease-in-out infinite alternate;
/* Opera: */
-o-animation:rightgo 1s ease-in-out infinite alternate;
}
.ser-list{
        display:block;
	margin:16px 0 0 16px;
}
.ser-list span{
        list-style:disc;
        display:block;
	font-size:14px;
	line-height:1.8em;
}
.ser-list span:before{
        content:'';
        width:4px;
        height:4px;
        border-radius:50%;
        background-color:#fff;
        display:inline-block; 
        margin-right:8px;
        vertical-align:middle; 
        margin-top:-2px;
}
.title{
	position:absolute;
	right:0;
	transform:rotate(-90deg);
	color:rgba(255,255,255,0.1);
	font-weight:bold;
	font-size:56px;
	text-transform:uppercase;
}
.view-btn{
	display: block;
    width: 148px;
    height: 44px;
    background-color: rgba(255, 255, 255, 0);
    color: rgb(255, 255, 255);
    font-size: 16px;
	font-weight:bold;
    letter-spacing: 0px;
    line-height: 3em;
    margin: 16px 0 48px;
    transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
}

.project-link{
	width:100%;
	height:100%;
}
.svg-right{
	position:relative;
	top:3px;
	left:2px;
}

.svg-icon{
animation:rightgo 1s ease-in-out infinite alternate;
/* Firefox: */
-moz-animation:rightgo 1s ease-in-out infinite alternate;
/* Safari and Chrome: */
-webkit-animation:rightgo 1s ease-in-out infinite alternate;
/* Opera: */
-o-animation:rightgo 1s ease-in-out infinite alternate;
}

@keyframes rightgo
{
0%   {left:6px;}
50%  {left:24px;}
100% {left:6px;}}

@-moz-keyframes rightgo /* Firefox */
{
0%   {left:6px;}
50%  {left:24px;}
100% {left:6px;}
}

@-webkit-keyframes rightgo /* Safari and Chrome */
{
0%   {left:6px;}
50%  {left:24px;}
100% {left:6px;}
}

@-o-keyframes rightgo /* Opera */
{
0%   {left:6px;}
50%  {left:24px;}
100% {left:6px;}
}
.ser-link{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	text-decoration:none;
	padding:80px 120px;
}
.ser-link:hover{
        color:#fff;
}
.ser-link02{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	text-decoration:none;
	padding:72px 120px;
}
.ser-link02:hover{
        color:#fff;
}
.ser-link03{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	text-decoration:none;
	padding:80px 104px; 
}
.ser-link03:hover{
        color:#fff;
}
.ser-link04{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	text-decoration:none;
	padding:80px 120px; 
}
.ser-link04:hover{
        color:#fff;
}




.journal-header-center .journal-search, .journal-header-center .journal-cart{
       top:30px;
}
.journal-header-center .journal-search, .journal-header-center .journal-cart img{
       height:100px !important;
}

@media screen and (min-width:1317px){
/*#top-modules .journal2_cms_blocks:first-child .cms-blocks .block-content{
    height:750px!important;
}*/
}



@media screen and (max-width:1317px){
.video-s{
    height:100%!important;
}
}

@media screen and (max-width: 1240px) {
.bot-video .vi-lt{
   width:100%;
   margin:0;
}
}


@media screen and (max-width: 1200px) {
.items-layout{
       height:360px;
}
#bottom-modules>div{
       padding:0px;
}
}
@media screen and (max-width: 1440px) {
.text-layout {
    position: relative;
    left: 15px;
    width:50%;
}
.crm-text-layout{left:15px;}
.big-title{padding:0;}
.small-des{padding:0;}
.img_qr{padding-left:0;}
.app-layout{left:-15px;}

}
@media screen and (max-width: 1300px) {
.app-img {
    top: 200px;
}
.small-des {
    padding: 0;
    line-height: 14px;
    font-size: 14px;
}
.app-layout {
    left: 0;
}
.text-layout {
    position: relative;
    left: 15px;
    width: 52%;
}
.app-layout {
    width: 46%;
}
.crm-layout {
    position: relative;
    float: right;
    width: 50%;
    left: -26px;
}
.crm-img {
    position: relative;
    top: 150px;
    width: 333px;
}

}
@media screen and (max-width: 1024px) {
.small-des {
    margin: 10px 0 0 0;
}
/*.big-title {
    margin: 40px 0 0 0;
    font-size: 18px;
    padding: 0 0 0 16px;
}*/
.text-layout {
    width: 50%;
}
.greyHound {
    float: left;
    width: 100%;
}
.text-layout {
    left: 15px;
}
.img_qr img {
    width: 100%;
}
.app-link img {
    max-width: 100%!important;
   width:100%;
}
.app-img {
    top: 120px;
}
.crmHound {
    float: left;
    width: 100%;
}
.crm-img {
    position: relative;
    top: 80px;
    width: 560px;
}


.ifg-preview-continer {

    float: none!important;
}
.app-layout {
    top:48px;
    left: -8px;
}
.items-layout{
       height:300px;
}
.ser-link {
    padding: 32px 80px;
}
.ser-link02 {
    padding: 32px 80px;
}
.ser-link03 {
    padding: 32px 40px;
}
.ser-link04 {
    padding: 32px 80px;
}
}
@media screen and (max-width: 768px) {
.greyHound, .crmHound{
         width:100%;
         float:none;
}
.greyHound,.crmHound{
         padding:0 48px; height:760px;
}
.crmHound{
position: relative;
}
.app-layout {
    position: absolute!important;
    left: 0;
    top: 460px!important;
    float: none!important;
    width: 100%!important;
    text-align: center;
}
.app-img {
    max-width: 100%;
    height: auto;
    position: relative;
    top: 0!important;
}
.crm-text-layout {
    position: unset;
    float: left;
    left: 0;
    width: 100%;
    color: #fff;
}
.crm-layout {
    position: relative;
    float: right;
    width: 100%;
    left: 0;
    text-align: center;
    top: 0;
}


.items-layout{
         height:auto;
}
      .ser-img{
           display:block;
           width:100%;
           float:none;
           height:300px;
      }
      .ser-infor{
           display:block;
           width:100%;
           float:none;
           height:300px;
      }
      .ser-img02{
           display:block;
           width:100%;
           float:none;
           height:300px;
      }
      .ser-infor02{
           display:block;
           width:100%;
           float:none;
           height:300px;
      }
      .ser-infor03{
           display:block;
           width:100%;
           float:none;
           height:300px;
      }
      .ser-infor04{
           display:block;
           width:100%;
           float:none;
           height:300px;
      }
.ser-link {
    padding: 32px 40px;
}
.ser-link02 {
    padding: 32px 40px;
}
.ser-link03 {
    padding: 32px 16px;
}
.ser-link03 .ser-title{
      font-size:24px;
}
.ser-link04 {
    padding: 32px 40px;
}
.address-items{
        float:none;
        width:100%;
        padding:0 40px;
        margin:16px 0;
min-height:auto;
}
.video-s{
  height:100%!important;
}
#top-modules .journal2_cms_blocks{
  padding-left:0;
  padding-right:0;
}
}
@media screen and (max-width: 480px) {
.left-box, .part1-layout{height:auto!important;}
.left-box {
    float: none!important;
    width: 100%!important;
/*    height: 300px!important;*/
    background: rgba(255,255,255,0.8);
}
.right-box {
    float: none!important;
    width: 100%!important;
    height: 500px!important;
    background: rgba(51, 65, 84, 0.81);
}
.left-box>div {
 /*   min-width: 50%;*/
    float: none!important;
   padding-top: 40px!important;
    margin: 0 auto!important;
    text-align: center;
}
.right-box p {
    top: 27%!important;
}
/*首頁top end*/
.img_qr img{width:auto;}
.text-layout {
    left: 0;
}
.app-link img{    margin: auto;}
.app-img{padding:30px;}
.right-part4 li a img{width:60px;}

.journal-header-center .journal-search, .journal-header-center .journal-cart{
       top:0px;
}
.greyHound{
        height:auto;
       
}
.app-layout {
    position: unset!important;
}
 .crmHound{
        padding:0 20px;
        height:auto;
}
.text-layout{
    float: none;
    width: 100%;
    text-align:center;
         position:relative;
        z-index:999;
}
.app-layout{
     top:-160px;
     float:none;
     width:100%;
     left:0px;
}
.app-img{
     top:256px;
}
.crm-text-layout{
    float:none;
    left: 0;

    width: 100%;
    text-align:center;
}
.scroll-link{
     margin: 32px auto 48px !important;
}
.crm-layout{
      float:none;
      width:100%;
      margin:56px 0 64px;
}
.crm-img{
      max-width:100%;
      height:auto;
      top:0px;
}
.big-bg{
      margin:0px;
}
.ser-img, .ser-img02, .ser-img03{
      height:auto;
}
.journal2_cms_blocks{
      padding-top:0px !important;
}
}

@media only screen and (max-width:1215px){
  #top-modules>div, #bottom-modules>div{
      padding-left: 0;
    padding-right:0;
}

}



@media only screen and (min-width: 1216px) {
.journal-header-center.nosecond .links{
left:160px;
margin:0;
}
.qian{
margin-top:8px;
list-style:none;
display: inline-block;
}
.lan{
float:left;
}
.lang-new{
left:25px;
}
.journal-header-center .journal-secondary {
    text-align: right;
    float: right;
}

}
@media only screen and (max-width: 1227px) and (min-width: 1000px) {
.journal-header-center.nosecond .links{
left:150px;
margin:0;
}
.qian{
margin-top:8px;
list-style:none;
display: inline-block;
width:260px;
}
.lan{
float:left;
}
.lang-new{
left:25px;
}
.journal-header-center .journal-secondary {
    text-align: right;
    float: right;
}

}
@media only screen and (max-width: 880px) and (min-width: 791px) {
.journal-header-center.nosecond .links{
left:120px;
margin:0;
}
.qian{
margin-top:8px;
list-style:none;
display: inline-block;
width:200px;
}
.lan{
float:left;
}
.lang-new{
left:8px;
}


}


@media only screen and (max-width: 790px) {
.qian{
margin-top:8px;
list-style:none;
display: inline-block;
width:200px;
}
.lan{
float:left;
}
.lang-new{
left:8px;
}


}
@media only screen and (max-width: 790px)  and (min-width:760px) {
.journal-header-center.nosecond .links{
left:120px;
margin:0;
}


}
@media only screen and (max-width: 748px)  and (min-width:466px) {
.journal-header-center.nosecond .links{
left:0px;
}
.qian{
list-style:none;
display: inline-block;
width:200px;
}
.lan{
float:left;
}
.lang-new{
margin-top:-50px;
left:0px;
}
#header{
}
#logo{
background:rgb(69, 115, 143);
}


}
@media only screen and (max-width: 1230px)  and (min-width:760px) {
.journal-search, .journal-cart {
    top: 45px;
    margin-left: 25%;
    float: right;
}
.big-title-en{
	margin:32px 0 0 0;
	font-size:20px;
	padding:0 0 0 16px;
}
.big-crmtitle{
	margin:32px 0 0 0;
	font-size:32px;
}
.app-link img{
        max-width:64%;
}
}


@media only screen and (max-width: 890px){
.qian{
margin-top:8px;
list-style:none;
display: inline-block;
width:200px;
}
.lan{
float:left;
}
.lang-new{
left:8px;
}
.journal-secondary{
float:right;
}
/***	header .links  a.top-menu-item-3 {position: absolute;
    top: 10px;
    left: 284px;}***/
.text-layout{
      width:100%;
}
}
@media only screen and (max-width: 465px) {
.qian{
list-style:none;
display: inline-block;
width:120px;
}
.lan{
float:left;
}
.lang-new{
margin-top:-50px;
left:0px;
}
.button, #quickcheckout .button {
margin-bottom:2px;
}
}
@media only screen and (max-width: 999px) and (min-width:881px) {
.journal-header-center.nosecond .links{
left:130px;
margin:0;
}
.qian{
margin-top:8px;
list-style:none;
display: inline-block;
width:210px;

}
.lan{
float:left;
}
.lang-new{
left:8px;
}
.journal-header-center .journal-secondary {
    text-align: right;
    float: right;
}
}
.checkout-payment-methods{
display:none !important;
}
.special_ch{
margin-left:10px;
}
.box-heading{
font-size: 20px;
border-bottom-width: 1px;
    border-style: solid;
    /* border-color: rgb(0, 0, 0); */
    background-color: rgb(255, 255, 255);
}


/*  SECTIONS  */
.section {
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 100%;
}

@media only screen and (max-width: 925px) {
.links a.top-menu-item-1,.links a.top-menu-item-2{width:30% !important;}
}
@media only screen and (max-width: 760px) {
header .links a.top-menu-item-3{
position: absolute !important;
    top: 14px !important;
    /* left: 130px !important; */
    right:40px;
}
.bot-video .vi-lt iframe{
   width:100%!important;
}
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}
.img{width:100%;}
.links  a span.top-menu-link {font-size:14px;}
.journal-header-center .links{width:82%;}
/*.links a.top-menu-item-1,.links a.top-menu-item-2{ width:20%;}
.links a.top-menu-item-1{text-align:right;}
.links a.top-menu-item-2{text-align:center;}
.links a.top-menu-item-3{text-align:right;}*/
.journal-header-center.nosecond .links{left:0;}
.journal-header-center .links {
    width: 34%;
    float: right!important;
}

/***********alin**************/
.journal-header-center .journal-menu {
    clear: both;
    z-index: 1;
    position: absolute;
    top: 70px;
    width:60%;
    right: 0;
}
.super-menu > li, .super-menu.menu-floated {
    background-color: transparent;
}
.super-menu > li{
    border-color: transparent;
}
.super-menu > li:last-of-type{
   border:0;
}
.journal-menu-bg {
    background-color: transparent;
    display: none;
}
.journal-header-center .j-100, .journal-header-center #logo a {
    height: 100px;
}
.journal-header-mega .journal-search {
    display: none;
}
.super-menu > li:nth-child(2)>a:after,
.super-menu > li:nth-child(4)>a:after{
    content:"";
   width:16px;
   height:16px;
   background:url(/image/cache/data/ICON/prev-icon-100x100.png)no-repeat center;
   transform:rotate(270deg);
   -ms-transform:rotate(270deg); 	/* IE 9 */
   -moz-transform:rotate(270deg); 	/* Firefox */
   -webkit-transform:rotate(270deg); /* Safari 和 Chrome */
   -o-transform:rotate(270deg); 
    background-size: 100%;
    position: absolute;
    top: 11px;
}
/*part1*/
.part1-layout{
   background:url(/image/data/bg/home-bg.png)no-repeat center;
   background-size:cover;
   height:750px;
    position: relative;
}
.left-box{
    float: left;
    width: 50%;
    height: 750px;
    background: rgba(255,255,255,0.8);
}
.right-box{
    float: left;
    width: 50%;
    height: 750px;
    background: rgba(51, 65, 84, 0.81);
}
.right-box p{
position: absolute;
    left: 40%;
    top: 22%;
    width: 84%;
z-index: 5;
}

.left-box>div{
/*    min-width: 50%;*/
    float: none; 
    margin-top: 270px;
    margin: 270px auto;
    text-align: center;
}
.left-box>div p{
    font-size: 30px;
    font-weight: 700;
    color: #184558;
}
.left-box>div.yun-logo img{
    margin-bottom:15px;
    width:180px;
}
/*part2*/
.part2-box{padding:60px 20px; max-width:1200px; margin:auto; text-align: center;color:#fff;}
.part2-layout{
    background: #334154;
}
.part2-box h2{
   font-size: 32px!important;
    color: #fff;
    text-align: center;
    font-weight: 300;
}
.part2-box ul{
    list-style: none;
    padding: 20px;
}
.part2-box ul>li{
    width:50%;
    margin:auto;
}
.part2-box>a,.view>a{
    display: block;
    width: 126px;
    height: 38px;
    margin: 24px auto 0;
    border-radius: 5px;
    background: rgb(8,83,125);
    color: #fff;
    font-size: 14px;
    line-height: 2.8em;
    letter-spacing: 1px;
    text-align: center;
}
.part2-box>a:hover{
    color: #fff;
    background: rgb(17,100,135);
}
/*part3*/
.part3-box{max-width:1200px; margin:auto; }
.part3-box .left-block{float:left; width:60%;    margin: 60px 0;display:none;}
.part3-box .right-block{float:left; width:40%;padding-left:50px;    opacity: 0;/*padding-top:200px;*/ }
.part3-box ul{
    list-style: none;
    clear: both;
    overflow: hidden;
    padding-left: 0;
    padding-top:0;
}
.part3-box ul li img{max-width:100%;}
.part3-box ul li {
float: left;
    width: calc((100% - 40px) / 2);
    margin: 10px;
    position: relative;
}
.part3-box ul li>a{
   display:none!important;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}
 .part3-box ul li:hover a{
    display: flex!important;
    background: #08537d;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
/*   transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;*/
}
 .part3-box ul li>p, .part3-box ul li>a{
    text-align:center;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    z-index: 10;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    margin:0;
}

.part3-box ul li:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.44);
    left: 0;
    top: 0;
    z-index: 0;
}
.part3-box .right-block h2{
   font-size: 32px!important;
    color: #09547c;
    text-align: center;
    font-weight: bold!important;
    margin-bottom: 10px;
}
.part3-box .right-block p{
    width:230px;
    margin:auto;
}
/*part4*/
.part4-layout{
}
.left-part4 {
    float: left;
    width: 40%;
    margin: 120px 0;
    padding: 0 40px;
}
.right-part4{
    float:left;
    width:60%;
    margin: 20px 0 80px 0;
}
.left-part4 h2 {
    font-size: 32px!important;
    color: #09547c;
    text-align: center;
    font-weight: bold!important;
    margin-bottom: 10px;
}
.right-part4 ul{
    list-style:none;
    clear: both;
    overflow: hidden;
    padding: 40px 20px;
    box-shadow: 0 4px 30px #8e8e8e;
}
.right-part4 ul li{
    float:left;
     width:33%;
     text-align:center;
    padding: 20px;
}
.right-part4 ul li i, .right-part4 ul li span{
     display:block;
}
.right-part4 ul li span{
     padding-top:20px;
     font-size:14px;
}
/*顾问服务*/
.anli-box .an-left{
     width:50%;
     float:left;
     padding:40px 20px;
}
.anli-box .an-right{
     width:50%;
     float:left;
     background:url(/image/data/bg/page2.png)no-repeat center;;
     background-size:cover;
     height:280px;
}
.an2 .an-left{
     width:50%;
     float:right;
     height:280px;
}
.an2 .an-right{
     background:url(/image/data/bg/page1.png)no-repeat center;;
     background-size:cover;
}
.an-left b{
    display:block;
    color:red;
    font-size:18px;
}
.column-text-wrap>h3 a{
    border-bottom:0;
    text-align: left;
    font-weight: 700;
    font-family: "Ubuntu";
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgb(255, 255, 255);
    border-color: rgb(13, 86, 127);
}
.column-text-wrap>h3 a:hover{
    color:rgb(221, 0, 23);
}
.journal-header-mega #logo a{
    padding-left:0;
}
/*響應式*/
@media screen and (max-width: 1200px) {
.journal-header-center .journal-menu{width: 76%;}
}
@media screen and (max-width:1024px) {
/*.part1-layout .left-box>div{display:none;}*/
/*.right-box p {
    position: absolute;
    left: 10%;
    top: 22%;
    width: 100%;
    z-index: 5;
}*/
/*.video-s{width:80%;}*/
.part2-box ul>li{
    width:60%;margin:auto;
}
.right-box p {
    position: absolute;
    left: 20px;
    top: 33%;
    width: 92%;
    z-index: 5;
}
.right-box{
  position: relative;
}

.video-s{
    background: #fff;
    width:100%;
}
.right-part4 {
    float: left;
    width: 56%;
    margin: 20px 20px 80px 0;
}
}
@media screen and (max-width: 980px) {
.super-menu > li:nth-child(2)>a:after,
.super-menu > li:nth-child(3)>a:after{
display:none;
}
.main-menu-item-5>a:after,
.main-menu-item-6>a:after,
.main-menu-item-8>a:after{
    content:"";
   width:16px;
   height:16px;
   background:url(/image/cache/data/ICON/prev-icon-100x100.png)no-repeat center;
   transform:rotate(270deg);
   -ms-transform:rotate(270deg); 	/* IE 9 */
   -moz-transform:rotate(270deg); 	/* Firefox */
   -webkit-transform:rotate(270deg); /* Safari 和 Chrome */
   -o-transform:rotate(270deg); 
    background-size: 100%;
    position: absolute;
    top: 11px;
}
.an2 .an-left {
    width: 100%;
    float: none;
    height: 280px;
}
.anli-box .an-right {
    width: 100%;
    float: none;
}
.anli-box .an-left {
    width: 100%;
    float: none;
    padding: 40px 20px;
}
.journal-header-center .journal-menu {
    width: 100%;
    right: 0;
}
html:lang(en) .journal-header-center .journal-menu {
    width: 100%!important;
    right: 0;
}
.mobile-menu-on-tablet .journal-menu .mobile-menu{
    margin-top: 30px;
    background: #71aec7;
}
.journal-menu .mobile-trigger {
    background-color: transparent;
    width: 40px;
    margin-left: 10px;
}
.mobile-menu-on-tablet .journal-menu .mobile-menu > li .mobile-plus{
     display:none!important;
}
 .super-menu > li:nth-child(4)>a:after{display:none;}
.super-menu > li:nth-child(5)>a:after, .super-menu > li:nth-child(6)>a:after,
.super-menu > li:nth-child(8)>a:after{
    right: 15px;
}
.qian {
    padding-left: 10px;
}
.journal-logo{
    margin-left:40px;
}
}
@media screen and (max-width: 768px) {

.part1-box .left-box a {
    width: 130px;
}
.left-box>div p {
    font-size: 24px;
}
.journal-logo{
    margin-left:0;
}
.lang-new {
    left: 8px;
    margin-top: 8px;
}
.journal-header-center.nosecond .journal-language {
    position: absolute;
    left: 0;
    top: 0;
}
.qian {
    margin-top: 0;
    margin-bottom: 0;
}
.left-box,.part1-layout {
    height: 600px;
}
.right-box {
    height: 600px;
}
.part3-box .left-block {
    float: none;
    width: 70%;
    margin: 60px auto;
}
.part3-box .right-block {
    float: none;
    width: 80%;
    padding-top: 0;
    padding-left: 20px;
    padding-bottom: 60px;
    padding-right: 20px;
    margin: auto;
    border-bottom: 1px solid #ddd;
}
.right-part4 {
    float: none;
    width: 80%;
    margin: 20px auto 80px;
}
.left-part4 {
    float: none;
    width: 80%;
    margin: 60px auto 60px;
    padding: 0 40px;
}
.part3-box .right-block p{
    width: auto;
}
.app-img {
    max-width: 100%;
    height: auto;
    position: relative;
    top: -130px;
}
.app-layout {
    position: relative;
    left: 0;top:0;
    float: right;
    width: 60%;
}
.address-items {
    float: left;
    width: 50%;
    padding: 0 40px;
    margin: 16px 0;
}
}
@media screen and (max-width: 480px) {
.journal-popup{background: transparent;}
.mfp-wrap {
    width: 90% !important;
    left: 50%;
    transform: translateX(-50%);
}

.form_sub{margin-left:0!important;}
.information-page-33 #content>div>img{width:200px;}
.select select {
    width: 100%;
    margin-left: 0;
}
.select label {
    width: 100%;
    display: inline-block;
}

.part2-box ul{    padding:0 0 20px 0;}
.part2-box ul>li{
    width:100%;
    margin:auto;
    padding: 10px;
}
.form-sub{margin-left:0!important;}
footer .bottom-footer .copyright {
    line-height: 100%;
    padding: 12px;
    height:auto;
}
.left-box, .part1-layout,.right-box {
    height: 400px;
}
.part3-box .left-block {
    float: none;
    width: 96%;
    margin: 60px auto;
}
.left-part4{
    padding:0;
}
.part3-box .right-block{
    padding-left: 0;
    padding-bottom: 60px;
    padding-right: 0;display:none;
}
.right-part4 ul li i img{
    width:50%;
}
.right-part4 ul li{
    min-height:120px;
}
.right-part4 ul li {
    float: left;
    width: 50%;
    padding: 5px;
}
.part3-box ul li>p, .part3-box ul li>a{
    font-size:16px;
}
.app-layout {
    position: relative;
    left: 0;
    top: 0;
    float: right;
    width: 100%;
}
.app-img {
    max-width: 100%;
    height: auto;
    position: relative;
    top: 0;
}
.address-items {
    float: none;
    width: 100%;
    padding: 0 20px;
    margin: 16px auto;
    text-align: center;
}
.address-items .address-title{
    font-size: 16px;
    font-weight: 600;
min-height:50px;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    bottom: -10px!important;
    top: unset!important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
    background-size: 54%!important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 38%!important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 38%!important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
    background-size: 54%!important;
}
html:lang(en) .address-items p{margin:0!important; line-height:20px!important;}
html:lang(en) .address-items {
    margin: 20px auto!important;
    min-height: 260px!important;
}
}
/*英文版*/
html:lang(en)  .journal-header-center .journal-menu {
    clear: both;
    z-index: 1;
    position: absolute;
    top: 70px;
    width: 76%;
    right: 0;
}
html:lang(en) .super-menu > li > a {
    font-weight: 400;
    font-family: "Ubuntu";
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    letter-spacing: 0;
    color: rgb(255, 255, 255);
    line-height: 38px;
}
.journal-header-center #logo a img {
    
    max-width: 100%;
    /*width: 240px;max-height: -webkit-fill-available!important;*/
    padding:4px;
max-height: 100px;
}
.super-menu > li > a span{
   font-size:15px;
}
html:lang(en) .super-menu > li > a span,
html:lang(en) .drop-down ul li a{
    font-size: 14px;
    letter-spacing: -1px;
}
.line img{float:none;}
@media screen and (max-width: 375px) {
.category-list ul li a, .refine-category-name {
    font-size: 12px;
}
}
.label_defaults span {
    color: red;
}
.information-page-60 #content h1.heading-title{
   padding-left:0;
   font-size: 24px;
}
.journal-header-center .journal-menu {
    top: 80px;
}
.journal-header-center .j-100, .journal-header-center #logo a {
    height: 120px;
}
.journal-header-center #logo a img{
   max-height:110px;
}

/*******************/
.side-box {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 99;
  width: 80px;
}
.side-box a {
  display: block;
  border-radius: 10px 0 0 10px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 20px;

}
.side-box a img {
  padding: 5px 10px 5px 0;
}
.side-box a span {
  white-space: nowrap;
  color: #fff;
}


.side-box.faq {
  top: 58%;
  z-index: 99;
}
.side-box.facebook {
  top: 66%;
}
 .journal2_cms_blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
  /**side box end*/