body, html { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; color: #606266; overflow-x: hidden; } @media (max-width: 768px) { body, html { font-size: 14px; } } p, div { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; font-size: 16px; color: #606266; line-height: 1.5; } @media (max-width: 768px) { p, div { font-size: 14px; } } a { transition: all 0.25s; color: rgba(6, 84, 210, 1); } a:hover { color: rgba(6, 84, 210, 1); } a:hover [class*="text-"] { color: rgba(6, 84, 210, 1); } .btn { padding-left: 6px; padding-right: 6px; border-radius: 0.25rem; } .btn-primary { background-color: rgba(6, 84, 210, 1); color: #FFFFFF; border-color: rgba(6, 84, 210, 1); } .btn-outline-primary { background: none; border-color: rgba(6, 84, 210, 1) !important; color: rgba(6, 84, 210, 1); } .btn-price { border: 1px solid #E6A23C; background-color: #E6A23C; color: #fff; } .btn:after { background: #B09869 !important; } .btn:hover { color: #FFFFFF !important; border: 1px solid #B09869 !important; background: transparent !important; } .btn-enquiry-dialog-button { width: 100%; background-color: rgba(6, 84, 210, 1); color: #FFFFFF; border-color: rgba(6, 84, 210, 1); } @media (min-width: 768px) { .section-neighbor + .section-neighbor { margin-top: 40px; } .section-margin { margin-top: 40px !important; margin-bottom: 40px !important; } .section-margin-top { margin-top: 40px !important; } .section-margin-bottom { margin-bottom: 40px !important; } .section-padding { padding-top: 40px !important; padding-bottom: 40px !important; } .section-padding-top { padding-top: 40px !important; } .section-padding-bottom { padding-bottom: 40px !important; } .section-padding-left { padding-left: 40px !important; } .section-padding-right { padding-right: 40px !important; } } .card { transition: all 0.25s; overflow: hidden; } .card:not(.no-shadow) { border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); } .card:not(.no-shadow):hover { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .card.no-shadow { box-shadow: none !important; border: 0 !important; } .card.no-shadow:hover { box-shadow: none !important; border: 0 !important; } .card-img-top { border-top-left-radius: 4px; border-top-right-radius: 4px; } .card-title { font-size: 16px; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; color: #606266; } .card-text { color: #909399; font-size: 16px; } .card.hide { overflow: hidden; } @media (max-width: 768px) { .card-title { font-size: 16px; } .card-text { font-size: 14px; } } .card-mask { position: absolute; width: 100%; height: 100%; left: 0; bottom: -100%; display: flex; padding: 1.5rem 2.5rem; z-index: 2; transition: all 0.25s; overflow: hidden; } .card-mask-content { width: 100%; height: 100%; position: relative; z-index: 3; } .card-mask-content * { color: #fff; } .card-mask:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.6); opacity: .9; } .card:hover .card-mask { bottom: 0; } .tab-content .tab-pane { padding-top: 1.5rem; } @media (max-width: 768px) { .tab-content .tab-pane { padding-top: 1rem; } } .nav-tabs .nav-item { cursor: pointer; padding: 15px 24px; } .nav-tabs .nav-item.active { color: rgba(6, 84, 210, 1); border-bottom: 2px solid rgba(6, 84, 210, 1); } .form-control { border-radius: 0.25rem; } .sidebar h3 { border-bottom: 1px solid #DCDFE6; font-size: 16px; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; } .sidebar .sidebar-catalog li .open-placeholder:after { border-color: #DCDFE6; } .sidebar .sidebar-catalog li a { font-size: 16px; color: #606266; border-bottom: 1px solid #DCDFE6; } .sidebar .sidebar-catalog li a.active, .sidebar .sidebar-catalog li a:hover { color: rgba(6, 84, 210, 1); } .sidebar .sidebar-catalog li a.active:before, .sidebar .sidebar-catalog li a:hover:before { background-color: rgba(6, 84, 210, 1); } @media (max-width: 768px) { .sidebar h3 { font-size: 16px; } .sidebar .sidebar-catalog li a { font-size: 14px; } } .bread-crumb { background-color: #f8f8f8; padding-top: 1.5625rem; padding-bottom: 1.5625rem; } .bread-crumb .breadcrumb-item * { color: #606266; } .bread-crumb .breadcrumb-item:hover * { color: rgba(6, 84, 210, 1); } @media (min-width: 768px) { .bread-crumb.left [class*="container"], .bread-crumb.right [class*="container"] { display: flex; align-items: center; justify-content: space-between; } .bread-crumb.left .breadcrumb { margin-left: 1rem; } .bread-crumb.right { align-items: flex-end; } .bread-crumb.right .text-heading { margin-left: 1rem; order: 2; } .bread-crumb.bottom .text-heading, .bread-crumb.center .text-heading { text-align: center; } .bread-crumb.bottom .breadcrumb, .bread-crumb.center .breadcrumb { justify-content: center; } .bread-crumb [class*="container"].solo { justify-content: flex-end; } } @media (max-width: 768px) { .bread-crumb { padding-top: 0.75rem; padding-bottom: 0.75rem; } } .slick.slick-card .slick-track { align-items: stretch; display: flex; } .slick.slick-card .slick-track .slick-slide { padding-top: 2px; padding-bottom: 2px; } .text-price { color: #E6A23C; } .text-secondary { color: #909399 !important; } .text-primary { color: rgba(6, 84, 210, 1) !important; } .text-headline { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; font-size: 30px; } .text-heading { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; font-size: 20px; color: #303133; font-weight: normal; } .text-heading label { color: rgba(6, 84, 210, 1)!important; } .text-subheading { font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; color: #302E2F; font-weight: normal; } .text-content-heading { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; font-size: 16px; font-weight: normal; } .text-menu { font-size: 16px; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; [# th:if="${not #strings.isEmpty(weightMenu) && weightMenu== 'bold'}"] font-weight: bold; [/] } .text-body { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; font-size: 16px; color: #606266; word-wrap: break-word; word-break: break-word; } .text-body li, .text-body p { color: #606266; word-wrap: break-word; word-break: break-word; } .text-body li:not(:last-child), .text-body p:not(:last-child) { margin-bottom: 0.5rem; } .text-body + .text-body { margin-top: 0.5rem; } [class*="text-"] + [class*="text-"] { margin-top: 0.5rem; } [class*="text-"] + .text-neighbor { margin-top: 40px; } @media (max-width: 768px) { [class*="text-"] + .text-neighbor { margin-top: 0.75rem; } } h1 { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; font-size: 20px; color: #303133; } .section-paragraph-heading { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; font-size: #606266 !important; } @media (max-width: 768px) { h1 { font-size: 18px; } .text-headline { font-size: 20px; } .text-heading { font-size: 18px; } .text-subheading { font-size: 16px; } .text-content-heading { font-size: 16px; } .text-menu { font-size: 16px; } .text-body { font-size: 14px; } } .section-title-divider { display: flex; margin-left: auto; margin-right: auto; } .section-title-divider img { max-width: 100%; } .section-title-divider.has-line:after { content: ""; display: inline-block; border-top: 1px solid #DCDFE6; width: 2.5rem; } .section-title-divider.right { justify-content: flex-end; } .section-title-divider.center { justify-content: center; } .section-title [class^=text-] { margin-left: auto; margin-right: auto; } .section-title [class^=text-] + .section-title-divider { margin-top: 1.25rem; margin-bottom: 1.25rem; } .section-title [class^=text-] + .text-list { margin-top: 1.25rem; } .section-title .text-button { margin-top: 1rem; } .FvyQV3-content { position: absolute; left: 0; top: 0; z-index: 5; height: 100%; width: 100%; overflow: hidden; display: flex; } .FvyQV3-content .container { display: flex; position: relative; z-index: 26; padding: 1.5rem; } .FvyQV3-content .btn { margin-top: 1.5rem; } .FvyQV3-content:before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; } .FvyQV3-content.left-top .container { padding-top: 2rem; } .FvyQV3-content.right-top .container { justify-content: flex-end; padding-top: 2rem; text-align: right; } .FvyQV3-content.center-top .container { justify-content: center; text-align: center; padding-top: 2rem; } .FvyQV3-content.left-center .container { align-items: center; } .FvyQV3-content.center .container { text-align: center; justify-content: center; align-items: center; } .FvyQV3-content.right-center .container { text-align: right; justify-content: flex-end; align-items: center; } .FvyQV3-content.left-bottom .container { align-items: flex-end; padding-bottom: 3rem; } .FvyQV3-content.center-bottom .container { text-align: center; justify-content: center; align-items: flex-end; padding-bottom: 3rem; } .FvyQV3-content.right-bottom .container { text-align: right; justify-content: flex-end; align-items: flex-end; padding-bottom: 3rem; } .FvyQV3 [class*="col-"] { display: flex; align-items: center; } @media (max-width: 1199.98px) { .FvyQV3-content .container { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .FvyQV3-content .text-headline { font-size: 1.25rem; } .FvyQV3-content .text-subheading { font-size: 1rem; } .FvyQV3-content .text-body { font-size: 0.875rem; } .FvyQV3-content [class*="text-"] + [class*="text-"] { margin: 0; } .FvyQV3-content .carousel-slide-area { width: 100%; } } @media (max-width: 768px) { .FvyQV3 [class*="col-"]:nth-child(odd) { order: 0; } .FvyQV3 [class*="col-"]:nth-child(even) { order: 1; } .FvyQV3 .btn { display: inline-block; width: auto; margin-top: 0.75rem; } .FvyQV3-content .container { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .FvyQV3-content .text-headline { font-size: 1rem; } .FvyQV3-content .text-subheading { font-size: 0.875rem; } .FvyQV3-content .text-body { font-size: 0.75rem; } .FvyQV3-content [class*="text-"] + [class*="text-"] { margin: 0; } }.ABFZNr .section-dialog-container.transparent { background: none; box-shadow: none; } .ABFZNr .section-title-divider + .text-heading { margin-top: 1.5rem; margin-bottom: 1.5rem; } .ABFZNr .section-title-divider + .text-list { margin-top: 1.5rem; } .ABFZNr .text-button { text-align: center; } .ABFZNr .text-button.vertical { margin-top: 1.5rem; } .ABFZNr .text-button.vertical .btn { width: 70%; max-width: 380px; } .ABFZNr .text-button.vertical p + p { margin: 1.5rem 0 0 0; } @media (max-width: 768px) { .ABFZNr .text-button.vertical .btn { width: 100%; max-width: 100%; } }.uMRnmy-tile .card-body { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .uMRnmy-list { background-color: #000; } .uMRnmy-list .embed-responsive-item { opacity: .6; transition: all 0.25s; } .uMRnmy-list-content { bottom: 1.25rem; position: absolute; left: 1rem; right: 1rem; } .uMRnmy-list-content .text-content-heading { color: #fff; } .uMRnmy-list-content h3 + .btn { margin-top: 0.5rem; } .uMRnmy-list:hover .embed-responsive-item { opacity: .8; transform: scale(1.05); }.mYZRnq-tile .card-body { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } @media (min-width: 768px) { .mYZRnq .sidebar-right > .col-md-9 { padding-right: 3rem; } .mYZRnq .sidebar-left > .col-md-9 { padding-left: 3rem; } } .mYZRnq-list { margin-bottom: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid #DCDFE6; } @media (max-width: 768px) { .mYZRnq-list { border-bottom: 0; } .mYZRnq-list .row .col-md-3 { margin-bottom: 0.75rem; } } .mYZRnq-list:hover [class*="text-"] { color: rgba(6, 84, 210, 1); }.UZb2Af-next a { line-height: 2; color: #606266; overflow: hidden; } .UZb2Af-next a:hover { color: rgba(6, 84, 210, 1); } .UZb2Af-next a:before { content: "\e61d"; font-family: "iconfont" !important; } .UZb2Af-next:not(.previous) { text-align: right; } .UZb2Af-next:not(.previous) a:before { content: "\e624"; float: right; } .UZb2Af .has-sidebar { padding-right: 2.1875rem; } .UZb2Af .slick-track { align-items: stretch; display: flex; } .UZb2Af .slick-track .slick-slide { padding-top: 2px; padding-bottom: 2px; } .UZb2Af-related { background-color: #f2f2f2; } .UZb2Af-detail-time { margin-bottom: 1.25rem; } .UZb2Af-detail-time i { vertical-align: middle; } .UZb2Af-detail-share { margin-bottom: 1.25rem; display: flex; } .UZb2Af-detail-summary { text-overflow: ellipsis; line-clamp: 3; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; } .UZb2Af-detail-post h5 { font-size: 16px; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; color: #606266; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .UZb2Af-detail-post .embed-responsive { margin-right: 0.625rem; width: 5rem; } .UZb2Af-detail-post .embed-responsive img { border-radius: 4; } .UZb2Af-detail-post:not(:last-child) { border-bottom: 1px solid #DCDFE6; margin-bottom: 0.9375rem; padding-bottom: 0.9375rem; } .UZb2Af-detail-post:hover h5 { color: rgba(6, 84, 210, 1); } .UZb2Af .section-rich-text, .UZb2Af .section-rich-text * { line-height: 1.6; } .UZb2Af .section-rich-text + .UZb2Af-next { margin-top: 1.5rem; } .UZb2Af .slick-slider-thumbnail { margin-top: 1rem; } .UZb2Af .section-slide-round .slick-slider { margin-left: -15px; margin-right: -15px; } .UZb2Af .section-slide-round .slick-slider .slick-track { align-items: stretch; display: flex; } .UZb2Af .section-slide-round .slick-slider .slick-slide { margin-right: 15px; margin-left: 15px; padding-bottom: 15px; } @media (max-width: 768px) { .UZb2Af .section-slide-round .slick-slider { margin-left: -7.5px; margin-right: -7.5px; } .UZb2Af .section-slide-round .slick-slider .slick-slide { margin-right: 7.5px; margin-left: 7.5px; } } .UZb2Af-list .embed-responsive { width: 9.375rem; margin-right: 0.9375rem; } @media (max-width: 768px) { .UZb2Af-detail-share { display: block; } .UZb2Af-detail-share .btn { margin-top: 0.75rem; } .UZb2Af .col-md-8 { padding-left: 15px !important; padding-right: 15px !important; } }.jAVbYj-tile .card-body { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .jAVbYj-container.no-gutters { padding-left: 0; padding-right: 0; } .jAVbYj-list { background-color: #000; } .jAVbYj-list .embed-responsive-item { opacity: .6; transition: all 0.25s; } .jAVbYj-list-content { bottom: 1.25rem; position: absolute; left: 1rem; right: 1rem; } .jAVbYj-list-content .text-content-heading { color: #fff; } .jAVbYj-list-content h3 + .btn { margin-top: 0.5rem; } .jAVbYj-list:hover .embed-responsive-item { opacity: .8; transform: scale(1.05); }.qmee6n-tile .card-body { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .qmee6n .card .text-content-heading { text-overflow: ellipsis; line-clamp: 2; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; } @media (min-width: 768px) { .qmee6n .sidebar-right > .col-md-9 { padding-right: 3rem; } .qmee6n .sidebar-left > .col-md-9 { padding-left: 3rem; } } .qmee6n-list { margin-bottom: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid #DCDFE6; } @media (max-width: 768px) { .qmee6n-list .row .col-md-3 { margin-bottom: 0.75rem; } } .qmee6n-list:hover [class*="text-"] { color: rgba(6, 84, 210, 1); }.YVrMNb .embed-responsive-player { z-index: 2; display: flex; justify-content: center; align-items: center; cursor: pointer; background: rgba(0, 0, 0, 0.2); } .YVrMNb .embed-responsive-player:before { font-family: "iconfont" !important; content: "\e64b"; font-size: 3.75rem; color: rgba(255, 255, 255, 0.5); transition: all 0.25s; } .YVrMNb .embed-responsive-player:hover:before { color: rgba(255, 255, 255, 0.7); } .YVrMNb .video-iframe:not(.active) { opacity: 0; } .YVrMNb .video-iframe.active { z-index: 5; } .YVrMNb .slider-player { transition: all 0.3s; border: 1px solid rgba(0, 0, 0, 0.15); } .YVrMNb .slider-player:hover { border-left-color: rgba(0, 0, 0, 0.4); } .YVrMNb .slider-player:before { content: ""; width: 0; height: 0; top: calc(50% - 10px); left: calc(50% - 5px); position: absolute; border-top: 0.625rem solid rgba(0, 0, 0, 0); border-bottom: 0.625rem solid rgba(0, 0, 0, 0); border-left: 0.625rem solid rgba(0, 0, 0, 0.2); border-right: 0.625rem solid rgba(0, 0, 0, 0); transition: all 0.5s; z-index: 2; } .YVrMNb-section .table-spec { margin: 0; } .YVrMNb-section:not(:last-child) { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #DCDFE6; } .YVrMNb-section .text-content-heading { margin-bottom: 0.5rem; } .YVrMNb-section .text-normal { margin-top: 0.75rem; } .YVrMNb-section .btn-buy { padding-left: 0.75rem; padding-right: 0.75rem; margin: 0 0.75rem 0.75rem 0; } .YVrMNb h1 + .YVrMNb-section { margin-top: 0.75rem; } .YVrMNb-mosaic { margin-left: -9px; margin-right: -9px; } .YVrMNb-mosaic .embed-responsive { cursor: pointer; } .YVrMNb-mosaic p { text-align: center; margin-top: 5px; } .YVrMNb .text-heading + .YVrMNb-section { margin-top: 1.5rem; } .YVrMNb-related { background-color: #f8f8f8; } .YVrMNb .related-card { margin-top: 1rem; } .YVrMNb-next a { line-height: 2; color: #606266; overflow: hidden; } .YVrMNb-next a:hover { color: rgba(6, 84, 210, 1); } .YVrMNb-next:not(.previous) { text-align: right; } .YVrMNb-next:not(.previous) a:before { float: right; } .YVrMNb .has-sidebar { padding-right: 2.1875rem; } .YVrMNb-detail-time { margin-bottom: 1.25rem; } .YVrMNb-detail-time i { vertical-align: middle; } .YVrMNb-detail-share { margin-bottom: 1.25rem; display: flex; } .YVrMNb-vertical .text-content-heading { font-weight: bold; margin-bottom: 1rem; } .YVrMNb-vertical .table { margin: 0; } .YVrMNb-vertical:not(:last-child) { margin-bottom: 1.5rem; } .YVrMNb-detail-summary { text-overflow: ellipsis; line-clamp: 3; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; } .YVrMNb .section-rich-text, .YVrMNb .section-rich-text * { line-height: 1.6; } .YVrMNb .section-rich-text + .YVrMNb-next { margin-top: 1.5rem; } .YVrMNb-down .ic-affix { user-select: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color: #606266; } .YVrMNb-down .ic-affix:hover { color: rgba(6, 84, 210, 1); } .YVrMNb-down .ic-affix:hover label { color: rgba(6, 84, 210, 1); } .YVrMNb-down .ic-affix label { padding: 0.375rem 0; white-space: nowrap; display: inline-block; vertical-align: middle; cursor: pointer; font-size: 16; color: #606266; } .YVrMNb-down .input-group { margin-top: 10px; max-width: 375px; } .YVrMNb-down .input-group:not(.active) { display: none; } .YVrMNb .cover-border { border: 1px solid rgba(255, 255, 255, 0.1); } .YVrMNb-price-table { width: auto; margin: 6px 0 0 0; } .YVrMNb-variant { display: flex; } .YVrMNb-variant dt { width: 100px; padding: 0.25rem 0; } .YVrMNb-variant dd { display: flex; flex-wrap: wrap; } .YVrMNb-variant .variant-label { border: 1px solid #c5c8cf; background-color: #fff; padding: 0.25rem 0.5rem; margin: 0 0.625rem 0.625rem 0; overflow: hidden; font-size: 0.875rem; cursor: pointer; display: flex; align-items: center; } .YVrMNb-variant .variant-label img { width: 2.5rem; height: 2.5rem; margin: -0.25rem 0.25rem -0.25rem -0.25rem; } .YVrMNb-variant .variant-label.active { border-color: rgba(6, 84, 210, 1); color: rgba(6, 84, 210, 1); } .YVrMNb-variant .variant-label.disabled { color: #cfcfcf; cursor: default; } .YVrMNb .nav-tabs { border-bottom: 1px solid #DCDFE6; flex-wrap: nowrap; white-space: nowrap; } .YVrMNb .nav-tabs .nav-item { border: 0; } .YVrMNb .nav-tabs .nav-item.active { font-weight: bold; } .YVrMNb .related-heading { font-size: 16; padding: 15px 0; border-bottom: 1px solid #DCDFE6; } .YVrMNb .related-heading + .YVrMNb-post { margin-top: 1rem; } .YVrMNb-post h5 { font-size: 16px; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; color: #606266; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .YVrMNb-post .embed-responsive { margin-right: 0.625rem; width: 5rem; } .YVrMNb-post .embed-responsive img { border-radius: 4; } .YVrMNb-post:not(:last-child) { border-bottom: 1px solid #DCDFE6; margin-bottom: 0.9375rem; padding-bottom: 0.9375rem; } .YVrMNb-post:hover h5 { color: rgba(6, 84, 210, 1); } @media (min-width: 768px) { .YVrMNb-param-item.left:last-child { padding-left: 60px; } .YVrMNb-param-item.right:last-child { padding-right: 60px; } } @media (max-width: 768px) { .YVrMNb-price-table { width: 100%; } .YVrMNb .nav-tabs { overflow-x: auto; } .YVrMNb-detail-share { display: block; } .YVrMNb-detail-share .btn { margin-top: 0.75rem; } .YVrMNb .col-md-8 { padding-left: 15px !important; padding-right: 15px !important; } } .sku-group .sku-group-item .sku-group-name { margin-bottom: 0; } .sku-group .sku-group-item:not(:last-child) { margin-bottom: 1rem; } .sku-group .sku-group-item .sku-group-property { padding: 0; margin: 0; } .sku-group .sku-group-item .sku-group-property .sku-group-key { border: 1px #c5c8cf solid; background-color: #fff; border-radius: 3px; padding: 4px 8px; margin: 10px 10px 0 0; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; cursor: pointer; } .sku-group .sku-group-item .sku-group-property .sku-group-key.active { background-color: rgba(6, 84, 210, 1); border-color: rgba(6, 84, 210, 1); color: #fff; } .sku-group .sku-group-item .sku-group-property .sku-group-key.disabled { color: #cfcfcf; cursor: default; }.qYz22e-down .ic-affix { user-select: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color: #606266; } .qYz22e-down .ic-affix:hover { color: rgba(6, 84, 210, 1); } .qYz22e-down .ic-affix:hover label { color: rgba(6, 84, 210, 1); } .qYz22e-down .ic-affix label { padding: 0.375rem 0; white-space: nowrap; display: inline-block; vertical-align: middle; cursor: pointer; font-size: 16; color: #606266; } .qYz22e-down .input-group { margin-top: 10px; max-width: 375px; } .qYz22e-down .input-group:not(.active) { display: none; } .qYz22e-item { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #DCDFE6; } @media (min-width: 768px) { .qYz22e .input-group { width: 300px; } .qYz22e .input-group:not(.active) .form-control { display: none; } }.j6EFJ3-container { text-align: center; padding-top: 5rem; padding-bottom: 5rem; } @media (max-width: 768px) { .j6EFJ3-container { padding-top: 3.75rem; padding-bottom: 3.75rem; } } .j6EFJ3-404 { color: rgba(6, 84, 210, 1); font-size: 5rem; }.nmiIRv-container { text-align: center; padding-top: 5rem; padding-bottom: 5rem; } @media (max-width: 768px) { .nmiIRv-container { padding-top: 3.75rem; padding-bottom: 3.75rem; } } .nmiIRv-container i { color: #28a745; font-size: 5rem; }.qMfuIj { display: flex; height: 100vh; justify-content: center; align-items: center; }.Mjmyyi { min-height: 100vh; overflow: hidden; } @media (min-width: 768px) { .Mjmyyi-margin { margin-left: 5.28rem; margin-right: 5.28rem; } } @media (min-width: 992px) { .Mjmyyi-margin { margin-left: 6.82rem; margin-right: 6.82rem; } } @media (min-width: 1200px) { .Mjmyyi-margin { margin-left: 8.25rem; margin-right: 8.25rem; } } @media (min-width: 1600px) { .Mjmyyi-margin { margin-left: 11rem; margin-right: 11rem; } } .Mjmyyi-logo { max-height: 3.75rem; } .Mjmyyi-fluid { border-radius: 0.25rem; position: relative; box-shadow: 0 0.125rem 2.125rem rgba(0, 0, 0, 0.0784313725); background-color: #fff; margin-top: 8vh; margin-bottom: 1rem; } @media (max-width: 768px) { .Mjmyyi-fluid { margin-top: 0; } .Mjmyyi-fluid { box-shadow: none; } } .Mjmyyi-fluid-content { position: relative; min-height: 84vh; } .Mjmyyi-copyright { text-align: right; } .Mjmyyi-copyright p + p { margin: 0 !important; } .Mjmyyi-copyright a + a { margin-left: 0.75rem; } @media (max-width: 768px) { .Mjmyyi-copyright { text-align: center; } } .Mjmyyi .slick { position: absolute; height: 92vh; clip-path: polygon(100% 0, 91% 100%, 0 100%, 0 0); top: -4vh; width: 50%; } @media (max-width: 768px) { .Mjmyyi .slick { display: none !important; } } .Mjmyyi .slick .slick-slide { height: 92vh; } .Mjmyyi .slick img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 0.25s; } .Mjmyyi .slick .slick-dots { bottom: 20px; justify-content: start; left: 2rem; } .Mjmyyi form { margin-top: 1rem; } .Mjmyyi .login-with-google { margin-left: 0.5rem; cursor: pointer; } .Mjmyyi-panel { width: 100%; padding: 1.5rem; } @media (min-width: 768px) { .Mjmyyi-panel { padding: 3rem 0; position: relative; width: 20rem; margin-left: 75%; transform: translateX(-50%); } } .Mjmyyi-panel:not(.active) { display: none; } .Mjmyyi .btn-link { color: rgba(6, 84, 210, 1); cursor: pointer; } .Mjmyyi .m-t-75 { margin-top: 0.75rem; } .Mjmyyi .text-tips { margin-top: 0.75rem; font-size: 0.75rem; line-height: 1.125rem; } .Mjmyyi .form-group.form-danger * { color: #dc3545 !important; }.uUzaMn-label { display: inline-block; padding: 0.5rem 0.75rem; }.RJv6J3-title { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; font-size: 16; color: #302E2F; margin-bottom: 20px; } .RJv6J3-nothing h5 { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; font-size: 16; color: #909399; } .RJv6J3-nothing p { color: #909399; } .RJv6J3-nothing:not(.active) { display: none; } .RJv6J3-container { min-height: 150px; } .RJv6J3-block { margin-top: 40px; }.vUruam-tile .card-body { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .vUruam-list { margin-bottom: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px #DCDFE6; } .vUruam-list:hover [class*="text-"] { color: rgba(6, 84, 210, 1); }.vQrQB3-content { position: absolute; left: 0; top: 0; z-index: 5; height: 100%; width: 100%; overflow: hidden; display: flex; } .vQrQB3-content .container { display: flex; position: relative; z-index: 26; padding: 1.5rem; } .vQrQB3-content [class*=text-] + .text-button { margin-top: 1.5rem; } .vQrQB3-content:before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; } .vQrQB3-content.left-top .container { padding-top: 2rem; } .vQrQB3-content.right-top .container { justify-content: flex-end; padding-top: 2rem; text-align: right; } .vQrQB3-content.center-top .container { justify-content: center; text-align: center; padding-top: 2rem; } .vQrQB3-content.left-center .container { align-items: center; } .vQrQB3-content.center .container { text-align: center; justify-content: center; align-items: center; } .vQrQB3-content.right-center .container { text-align: right; justify-content: flex-end; align-items: center; } .vQrQB3-content.left-bottom .container { align-items: flex-end; padding-bottom: 3rem; } .vQrQB3-content.center-bottom .container { text-align: center; justify-content: center; align-items: flex-end; padding-bottom: 3rem; } .vQrQB3-content.right-bottom .container { text-align: right; justify-content: flex-end; align-items: flex-end; padding-bottom: 3rem; } .vQrQB3-slide-area { position: relative; z-index: 2; white-space: normal; } .vQrQB3-slide.effect-fade-out .carousel-slide-item:first-child { z-index: 900; } .vQrQB3-c { position: relative; display: block; width: 100%; padding: 0; margin: 0; overflow: hidden; } .vQrQB3-c:before { display: block; content: ""; } .vQrQB3-c-item { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .vQrQB3-c-29by5:before { padding-top: 17.2413793103%; } .vQrQB3-c-17by5:before { padding-top: 29.4117647059%; } .vQrQB3-c-13by5:before { padding-top: 38.4615384615%; } .vQrQB3-c-2by1:before { padding-top: 50%; } .vQrQB3-c img { object-fit: cover; object-position: center; transition: all 0.25s; } @media (max-width: 1199.98px) { .vQrQB3-content .container { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .vQrQB3-content .text-headline { font-size: 1.25rem; } .vQrQB3-content .text-subheading { font-size: 1rem; } .vQrQB3-content .text-body { font-size: 0.875rem; } .vQrQB3-content [class*=text-] + [class*=text-] { margin: 0; } .vQrQB3-content [class*=text-] + .text-button { margin-top: 1rem; } .vQrQB3-content .carousel-slide-area { width: 100%; } } @media (max-width: 768px) { .vQrQB3-content .container { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .vQrQB3-content .text-headline { font-size: 1rem; } .vQrQB3-content .text-subheading { font-size: 0.875rem; } .vQrQB3-content .text-body { font-size: 0.75rem; } .vQrQB3-content [class*=text-] + [class*=text-] { margin: 0; } .vQrQB3-content .carousel-slide-area { width: 100%; } .vQrQB3-c:not(.alone).mob-21by9:before { padding-top: 42.8571428571%; } .vQrQB3-c:not(.alone).mob-16by9:before { padding-top: 56.25%; } .vQrQB3-c:not(.alone).mob-4by3:before { padding-top: 75%; } .vQrQB3-c:not(.alone).mob-1by1:before { padding-top: 100%; } .vQrQB3-c:not(.alone).mob-9by21:before { padding-top: 233.3333333333%; } .vQrQB3-c:not(.alone).mob-9by16:before { padding-top: 177.7777777778%; } .vQrQB3-c:not(.alone).mob-3by4:before { padding-top: 133.3333333333%; } .vQrQB3-c:not(.alone).mob-5by4:before { padding-top: 80%; } .vQrQB3-c:not(.alone).mob-4by5:before { padding-top: 125%; } .vQrQB3-c:not(.alone).mob-29by5:before { padding-top: 17.2413793103%; } .vQrQB3-c:not(.alone).mob-17by5:before { padding-top: 29.4117647059%; } .vQrQB3-c:not(.alone).mob-13by5:before { padding-top: 38.4615384615%; } .vQrQB3-c:not(.alone).mob-2by1:before { padding-top: 50%; } .vQrQB3 .alone { padding-bottom: 1.5rem; } .vQrQB3 .alone:before { display: none; } .vQrQB3 .alone .vQrQB3-c-item { display: block; position: relative; } .vQrQB3 .alone .vQrQB3-content { position: relative; display: block; } .vQrQB3 .alone .vQrQB3-content:before { display: none; } .vQrQB3 .alone .vQrQB3-content .container { display: block; text-align: left; justify-content: flex-start; } .vQrQB3 .alone .vQrQB3-content .container .slick-slide-area { width: 100%; margin-left: 0; } .vQrQB3 .alone .vQrQB3-content [class*=text-] { color: #606266; } }.Ur6Jvm { position: fixed; bottom: .625rem; right: .625rem; z-index: 300 } .Ur6Jvm .Ur6Jvm-item { margin-top: .625rem; background-color: #00aff0; box-shadow: 0 0 .5rem rgba(0,0,0,.25); height: 3rem; width: 3rem; padding: .75rem; text-align: center; transition: all .25s } .Ur6Jvm .Ur6Jvm-item label { display: block; cursor: pointer } .Ur6Jvm .Ur6Jvm-item label:before { font-family: iconfont!important; line-height: 1.5rem; font-size: 1.625rem; color: #fff } .Ur6Jvm .Ur6Jvm-item.skype label:before { color: #fff; content: "\e63c" } .Ur6Jvm .Ur6Jvm-item.Ur6Jvm-ico { background-color: #ffc74e } .Ur6Jvm .Ur6Jvm-item.whatsapp { background-color: #27d367 } .Ur6Jvm .Ur6Jvm-item.whatsapp label:before { content: "\e645" } .Ur6Jvm .Ur6Jvm-item.back-to-top { background-color: rgba(0,0,0,.5); cursor: pointer; border: 1px solid rgba(255,255,255,.5); position: relative } .Ur6Jvm .Ur6Jvm-item.back-to-top:after { content: ' '; position: absolute; top: calc(50% - .75rem); left: calc(50% - .5rem); border: .5rem solid transparent; border-bottom-color: rgba(255,255,255,.5) } .Ur6Jvm.small .Ur6Jvm-item { height: 2rem; width: 2rem; padding: .375rem } .Ur6Jvm.small .Ur6Jvm-item label:before { line-height: 1.25rem; font-size: 1.25rem } .Ur6Jvm.small .Ur6Jvm-item.back-to-top:after { top: calc(50% - .625rem); left: calc(50% - .375rem); border: .375rem solid transparent; border-bottom-color: rgba(255,255,255,.5) } .Ur6Jvm.large .Ur6Jvm-item { height: 3.75rem; width: 3.75rem; padding: .75rem } .Ur6Jvm.large .Ur6Jvm-item label:before { line-height: 2.25rem; font-size: 2.25rem }.NJ3YJ3:not(.transparent) { background-color: #fff; border-bottom: 1px solid #f2f2f2; position: relative; z-index: 5; } .NJ3YJ3 .transparent, .NJ3YJ3 .fixed-top { transition: all 0.25s; } .NJ3YJ3 nav { padding: 1rem 0; } .NJ3YJ3 nav .navbar-brand { display: flex; align-items: center; position: relative; padding: 0; z-index: 2; } .NJ3YJ3 .navbar-toggler .navbar-toggler-icon, .NJ3YJ3 .navbar-toggler:after, .NJ3YJ3 .navbar-toggler:before { height: 0.25rem; background-color: #000; } .NJ3YJ3 .navbar-toggler:after { bottom: 0.125rem; } .NJ3YJ3 .NJ3YJ3-menu { position: fixed !important; top: 0; right: 0; left: 0; z-index: 1031; height: 100vh; overflow-y: auto; display: none; transition: all 0.25s; background-color: #fff; } .NJ3YJ3 .NJ3YJ3-menu-close { position: fixed; cursor: pointer; top: 2rem; height: 1.625rem; width: 1.625rem; transform: none; background-image: url(https://css.11af.com/img/close.svg); background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .NJ3YJ3 .NJ3YJ3-menu-close { right: 2rem; } } @media (min-width: 768px) { .NJ3YJ3 .NJ3YJ3-menu-close { right: 4rem; } } @media (max-width: 768px) { .NJ3YJ3 .navbar .navbar-brand img { height: 2rem; } .NJ3YJ3 .navbar .navbar-brand img:nth-child(1) { display: block; } .NJ3YJ3 .navbar .navbar-brand img:nth-child(2) { display: none; } .NJ3YJ3 .navbar-vertical { padding: 2rem; } .NJ3YJ3 .navbar-vertical ul { margin-right: 4rem; } .NJ3YJ3 .navbar-vertical ul > li .dropdown-item { padding-left: 3rem; } .NJ3YJ3 .navbar-vertical ul > li.active .navbar-vertical-content { display: block; } .NJ3YJ3 .navbar-vertical-content { display: none; } .NJ3YJ3 .navbar-vertical .vertical-link { display: block; position: relative; line-height: 2.5rem; font-size: 1.2rem; padding: 0 2.5rem 0 1.5rem; color: #000; } .NJ3YJ3 .navbar-vertical .vertical-link.dropdown-toggle:after { right: 0rem; top: 50%; transform: translateY(-50%) rotate(90deg); position: absolute; content: "\e624"; font-family: "iconfont" !important; font-size: 0.75rem; border: 0; height: auto; width: auto; color: #d9d9d9; } } @media (min-width: 768px) { .NJ3YJ3.transparent { position: fixed; z-index: 9; width: 100%; } .NJ3YJ3.transparent .navbar-brand img:nth-child(1) { display: none; } .NJ3YJ3.transparent .navbar-brand img:nth-child(2) { display: block; } .NJ3YJ3.fixed-top .navbar-brand img:nth-child(1) { display: block; } .NJ3YJ3.fixed-top .navbar-brand img:nth-child(2) { display: none; } .NJ3YJ3 .navbar .navbar-brand img { height: 3rem; } .NJ3YJ3 .navbar-vertical { justify-content: center; align-items: center; min-height: 100vh; display: flex; flex-direction: column; } .NJ3YJ3 .navbar-vertical .dropdown-item { color: #232323; display: block; padding-top: 0.25rem; padding-bottom: 0.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; } .NJ3YJ3 .navbar-vertical .dropdown-item:hover { color: rgba(6, 84, 210, 1); } .NJ3YJ3 .navbar-vertical .vertical-link { display: block; line-height: 2.5rem; overflow: hidden; font-size: 2rem; padding: 0.75rem 2.5rem 0.75rem 1.5rem; color: #232323; text-align: right; width: 70%; position: relative; } .NJ3YJ3 .navbar-vertical .vertical-link.dropdown-toggle:after { right: 0.625rem; top: 50%; transform: translateY(-50%); position: absolute; content: "\e624"; font-family: "iconfont" !important; font-size: 0.75rem; border: 0; height: auto; width: auto; color: #d9d9d9; } .NJ3YJ3 .navbar-vertical ul { width: 100%; position: relative; min-height: 21.875rem; } .NJ3YJ3 .navbar-vertical ul > li.active .navbar-vertical-content { opacity: 1; z-index: 2; } .NJ3YJ3 .navbar-vertical ul > li:hover { background-color: #fff; } .NJ3YJ3 .navbar-vertical ul > li:hover .navbar-vertical-content { opacity: 1 !important; z-index: 3 !important; } .NJ3YJ3 .navbar-vertical ul > li:hover .vertical-link { color: rgba(6, 84, 210, 1); } .NJ3YJ3 .navbar-vertical ul > li:hover .vertical-link:after { color: #676767; } .NJ3YJ3 .navbar-vertical-content { position: absolute; top: 0; width: 30%; left: 70%; padding: 0.75rem 2rem; height: 100%; opacity: 0; z-index: 1; overflow-y: auto; background-color: #fff; } }.MV3iA3 { overflow: hidden; background-color: #2b2f36; } .MV3iA3-slogan { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-top: 20px; padding-bottom: 20px; } .MV3iA3-slogan .container { display: flex; justify-content: space-between; align-items: center; } .MV3iA3-slogan .container h3 { margin: 0 10px 0 0; color: #d7d6d6; font-size: 20px; } .MV3iA3-slogan .container h3 + form { margin-left: 1rem; } .MV3iA3-slogan .container form { max-width: 40%; flex: 1; } .MV3iA3 .text-subheading { margin-bottom: 1rem; } .MV3iA3-container .has-divider .text-subheading { position: relative; padding-bottom: 0.625rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 1.25rem; } .MV3iA3-container .has-divider .text-subheading:after { position: absolute; width: 0.625rem; height: 0.625rem; border: 1px solid rgba(255, 255, 255, 0.2); content: ""; border-radius: 0.3125rem; left: 0; bottom: -0.3125rem; background-color: #2b2f36; } .MV3iA3-container [class*=text-], .MV3iA3-container [class*=ic-], .MV3iA3-container a { color: #606266; } .MV3iA3-container .enquiry-form { margin-top: 0.5rem; } .MV3iA3-copyright { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid rgba(255, 255, 255, 0.2); } .MV3iA3-copyright li:not(:last-child) { margin-bottom: 1rem; } .MV3iA3-copyright .copyright a { display: inline-block; margin-left: 0.625rem; } .MV3iA3-copyright .copyright a:before { margin-right: 0.625rem; content: "|"; } .MV3iA3-copyright * { color: #A0A0A0; } .MV3iA3 .MV3iA3-social a { margin: 0 5px 5px 0; } .MV3iA3 .MV3iA3-social i { font-size: 1.875rem; } .MV3iA3 .MV3iA3-social img { width: 1.875rem; } .MV3iA3 .MV3iA3-code img { width: 6.25rem; } .MV3iA3 .MV3iA3-code .social-it:not(:last-child) { margin-right: 5px; } .MV3iA3 .MV3iA3-logo { max-width: 60%; } .MV3iA3 .MV3iA3-office h3 { font-weight: bold; } .MV3iA3 .MV3iA3-office:not(:last-child) { margin-bottom: 1rem; } .MV3iA3 .MV3iA3-office [class*=col-] { word-wrap: break-word; word-break: break-word; } .MV3iA3 .MV3iA3-office [class*=col-]:not(:last-child) { padding-bottom: 5px; } .MV3iA3 a:hover i, .MV3iA3 a:hover { color: #B09869; text-decoration: none; } @media (max-width: 768px) { .MV3iA3-slogan .container { display: block; } .MV3iA3-slogan .container h3 + form { margin-top: 1rem; } .MV3iA3-slogan .container form { max-width: 100%; } .MV3iA3 .MV3iA3-office:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 1rem; } .MV3iA3 .container:not(.has-divider) .MV3iA3-column .col-12:not(:last-child) { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .MV3iA3 .MV3iA3-social a { margin: 0 5px 5px 0; } .MV3iA3 .MV3iA3-social a i { font-size: 1.625rem; } .MV3iA3 .MV3iA3-code img { margin: 0 5px 0 0; } .MV3iA3 .MV3iA3-logo { max-height: 2.5rem; max-width: 6.25rem; } } .MV3iA3-tabBar { position: fixed; z-index: 100; width: 100%; height: 3.5rem; background-color: rgba(6, 84, 210, 1); left: 0; border: 0; bottom: 0; display: flex; border-top: 1px solid rgba(255, 255, 255, 0.6); } .MV3iA3-tabBar a { height: 100%; flex: 1 1 auto; display: flex; justify-content: center; align-items: center; } .MV3iA3-tabBar a div { color: #fff; } .MV3iA3-tabBar a img { width: 1rem; height: 1rem; display: inline-block; vertical-align: center; } .MV3iA3-tabBar a:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.6); } @media (min-width: 768px) { .MV3iA3-tabBar { display: none; } } .section-1991558523815038977 .section-title .has-line:after, .section-1991558523815038977 .section-title img { width: 20%; } @media (min-width: 768px) { .section-1991558523815038977 .section-dialog-container { width: 30%; } } .section-1991558525702475778 .section-title-divider { width: 100%; } @media (min-width: 768px) { .section-1991558525702475778 .section-title [class^=text-] { width: 100%; } } .section-1991558525702475778 .section-title .has-line:after, .section-1991558525702475778 .section-title img { width: 5%; } .section-1991558527594106881 .section-title-divider { width: 100%; } @media (min-width: 768px) { .section-1991558527594106881 .section-title [class^=text-] { width: 100%; } } .section-1991558527594106881 .section-title .has-line:after, .section-1991558527594106881 .section-title img { width: 5%; } .section-1991565819773292546 .slick-slide-0 .slick-slide-area { width: 100%; margin-left: 0%; } @media (min-width: 768px) { .section-1991558553510711298 .navbar-vertical .vertical-link { width: 70%; } .section-1991558553510711298 .navbar-vertical-content { width: 30%; left: 70%; } } .section-1991558553514905601{ background: rgba(255, 255, 255, 1) ; } .section-1991558553514905601 .has-divider .text-heading:after{ background-color: rgba(255, 255, 255, 1); }