/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ /* Container Style*/ section { width: 100%; display: block; min-height: 6.25rem; } /* content1 - Top Parduct Start */ .swiper-button-next, .swiper-button-prev { background-image: none; } .zoomIn { cursor: crosshair; } tbody { border: none; } tfoot td, tfoot th, thead td, thead th, thead, tfoot { padding: 0; text-align: left; border: 0px solid #fff; background: #fff; } tbody td, tbody th { padding: 0; } iframe { width: 100%; } .content-product { width: 100vw; } .content-product .content_center { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 3.75rem; margin-bottom: 3.75rem; padding: 0 0 0 6.25rem; } @media screen and (max-width: 89.99875em) { .content-product .content_center { padding: 0 0 0 1.875rem; } } @media screen and (max-width: 63.99875em) { .content-product .content_center { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1.875rem; margin-bottom: 1.875rem; padding: 0 0 0 0; } } .content-product .content_center .pro_title { width: 100%; color: #0075d7; } .content-product .content_center .pro_title h2 { font-weight: 600; font-size: 3.125rem; } @media screen and (max-width: 89.99875em) { .content-product .content_center .pro_title h2 { font-size: 2.625rem; } } @media screen and (max-width: 74.99875em) { .content-product .content_center .pro_title h2 { font-size: 2.375rem; } } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_title h2 { font-size: 2rem; } } @media screen and (max-width: 39.99875em) { .content-product .content_center .pro_title h2 { font-size: 1.75rem; } } .content-product .content_center .pro_left { width: 28.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 89.99875em) { .content-product .content_center .pro_left { width: 23.75rem; } } @media screen and (max-width: 74.99875em) { .content-product .content_center .pro_left { width: 18.75rem; } } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_left { width: 100%; } } .content-product .content_center .pro_left .product-icon-box { width: 100%; } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_left .product-icon-box { margin-top: 0.3125rem; } } .content-product .content_center .pro_left .product-icon-box .product-icon { font-size: 0.75rem; line-height: inherit; background: #0075d7; color: #fff; padding: 0.3125rem 0.375rem; border-radius: 2px; } .content-product .content_center .pro_left img { width: 100%; } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_left_slider { width: 100%; max-width: 38.75rem; margin: 0 auto; } } @media screen and (max-width: 39.99875em) { .content-product .content_center .pro_left_slider { max-width: 26.25rem; } } .content-product .content_center .pro_left_slider .swiper-container .prevarrow, .content-product .content_center .pro_left_slider .swiper-container .nextarrow { font-size: 0.75rem; color: #0075d7; position: absolute; top: calc(50% - 20px); z-index: 99; width: 2.5rem; height: 2.5rem; border: 0.0625rem solid #0075d7; border-radius: 2.5rem; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: scale(0.8); transform: scale(0.8); cursor: pointer; } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_left_slider .swiper-container .prevarrow, .content-product .content_center .pro_left_slider .swiper-container .nextarrow { width: 1.875rem; height: 1.875rem; top: calc(50% - 15px); } } @media screen and (min-width: 40em) { .content-product .content_center .pro_left_slider .swiper-container .prevarrow:hover, .content-product .content_center .pro_left_slider .swiper-container .prevarrow:focus, .content-product .content_center .pro_left_slider .swiper-container .nextarrow:hover, .content-product .content_center .pro_left_slider .swiper-container .nextarrow:focus { background-color: #0075d7; color: #fff; -webkit-transition: 0.4s; transition: 0.4s; } } .content-product .content_center .pro_left_slider .swiper-container .prevarrow:before, .content-product .content_center .pro_left_slider .swiper-container .nextarrow:before { -webkit-transform: translate(13px, 11px) scale(0.7); transform: translate(13px, 11px) scale(0.7); } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_left_slider .swiper-container .prevarrow:before, .content-product .content_center .pro_left_slider .swiper-container .nextarrow:before { -webkit-transform: translate(7px, 6px) scale(0.6); transform: translate(7px, 6px) scale(0.6); } } .content-product .content_center .pro_left_slider .swiper-container .prevarrow { left: 0; -webkit-transform: rotate(180deg) scale(0.8); transform: rotate(180deg) scale(0.8); } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_left_slider .swiper-container .prevarrow { left: 0; } } .content-product .content_center .pro_left_slider .swiper-container .nextarrow { right: 0; } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_left_slider .swiper-container .nextarrow { right: 0; } } .content-product .content_center .pro_left_slider.lefttop { width: 100%; margin-bottom: 3.125rem; } .content-product .content_center .pro_left_slider.lefttop .swiper-container { padding: 0 3.125rem; } @media screen and (max-width: 39.99875em) { .content-product .content_center .pro_left_slider.lefttop .swiper-container { padding: 0 1.25rem; } } .content-product .content_center .pro_left_slider.leftbottom { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 0.625rem; } .content-product .content_center .pro_left_slider.leftbottom .slider_video { width: calc(100% / 5 - 10px); margin-right: 0.625rem; position: relative; } .content-product .content_center .pro_left_slider.leftbottom .slider_video::before { content: ''; width: 0.0625rem; height: 70%; position: absolute; right: -0.625rem; top: 15%; background-color: #eeeeee; } .content-product .content_center .pro_left_slider.leftbottom .slider_video .mabox_pic_playicon { width: 45px; height: 45px; /* border: 1px solid red; */ display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .content-product .content_center .pro_left_slider.leftbottom .slider_video .be-icon { position: absolute; top: calc(50% - 22.5px); left: calc(50% - 22.5px); width: 2.8125rem; height: 2.8125rem; color: #fff; background-color: rgba(0, 0, 0, 0.65); border-radius: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.875rem; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); cursor: pointer; } .content-product .content_center .pro_left_slider.leftbottom .slider_video .be-icon::before { padding-left: 3px; padding-top: 5px; } @media all and (-ms-high-contrast: none) { .content-product .content_center .pro_left_slider.leftbottom .slider_video .be-icon::before { padding-top: 0.0625rem; } } .content-product .content_center .pro_left_slider.leftbottom .swiper-container { width: calc(100% / 5 * 4 - 10px); margin-left: 0.625rem; padding-bottom: 0.125rem; } .content-product .content_center .pro_left_slider.leftbottom .swiper-container .swiper-wrapper .swiper-slide { width: calc(100% / 4 - 10px); border-bottom: 0.0625rem solid #fff; -webkit-transition: 0.4s; transition: 0.4s; cursor: pointer; } .content-product .content_center .pro_right { width: calc(100% - 460px); margin-left: 10rem; } @media screen and (max-width: 89.99875em) { .content-product .content_center .pro_right { width: calc(100% - 380px); margin-left: 6.25rem; } } @media screen and (max-width: 74.99875em) { .content-product .content_center .pro_right { width: calc(100% - 300px); margin-left: 3.125rem; } } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_right { width: 100%; margin-left: 0; } } .content-product .content_center .pro_right .pro_article { color: #333; line-height: 150%; margin-top: 1.25rem; font-size: 1.25rem; } @media screen and (max-width: 89.99875em) { .content-product .content_center .pro_right .pro_article { margin-top: 0.9375rem; font-size: 1.125rem; } } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_right .pro_article { font-size: 1rem; } } @media screen and (max-width: 39.99875em) { .content-product .content_center .pro_right .pro_article { font-size: 0.9375rem; } } .content-product .content_center .pro_right .pro_logo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 2.5rem 0 0 0; } @media screen and (max-width: 89.99875em) { .content-product .content_center .pro_right .pro_logo { margin: 1.875rem 0 0 0; } } .content-product .content_center .pro_right .pro_logo_box { width: auto; height: 3.125rem; padding: 0 1.5625rem; margin-bottom: 0.9375rem; } @media screen and (max-width: 89.99875em) { .content-product .content_center .pro_right .pro_logo_box { height: 2.5rem; } } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_right .pro_logo_box { height: 2.1875rem; padding: 0 0.9375rem; } } .content-product .content_center .pro_right .pro_logo_box img { height: 100%; width: auto; } .content-product .content_center .pro_right .pro_value { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 2.5rem 0 0 0; } @media screen and (max-width: 89.99875em) { .content-product .content_center .pro_right .pro_value { margin: 1.875rem 0 0 0; } } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_right .pro_value { margin: 1.25rem 0 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .content-product .content_center .pro_right .pro_value_box { padding: 0 2rem; position: relative; font-size: 0.875rem; } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_right .pro_value_box { padding: 0 0.75rem; font-size: 0.75rem; margin-bottom: 0.625rem; } } .content-product .content_center .pro_right .pro_value_box:not(:last-child)::before { content: ''; width: 0.0625rem; height: 100%; position: absolute; right: 0; top: 0; background-color: #eeeeee; } .content-product .content_center .pro_right .pro_value_box span { display: block; font-size: 2.125rem; margin-bottom: 0.3125rem; } @media screen and (max-width: 89.99875em) { .content-product .content_center .pro_right .pro_value_box span { font-size: 1.875rem; } } @media screen and (max-width: 74.99875em) { .content-product .content_center .pro_right .pro_value_box span { font-size: 1.625rem; } } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_right .pro_value_box span { font-size: 1.25rem; } } .content-product .content_center .pro_right .pro_btn { margin: 6.25rem 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 74.99875em) { .content-product .content_center .pro_right .pro_btn { margin: 3.75rem 0 0 0; } } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_right .pro_btn { margin: 1.875rem 0 0 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .content-product .content_center .pro_right .pro_btn_box { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_right .pro_btn_box { width: 100%; } } .content-product .content_center .pro_right .pro_btn_box a { display: block; border: 0.0625rem solid #0075d7; min-width: 11.875rem; padding: 0.5rem 0 0.4375rem 0; margin-right: 0.9375rem; color: #0075d7; font-size: 0.875rem; cursor: pointer; } .content-product .content_center .pro_right .pro_btn_box a .be-icon { margin-left: 0.3125rem; } .content-product .content_center .pro_right .pro_btn_box a .be-icon::before { -webkit-transform: translateY(0.125rem); transform: translateY(0.125rem); } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_right .pro_btn_box a { min-width: calc(50% - 8px); } } @media screen and (min-width: 40em) { .content-product .content_center .pro_right .pro_btn_box a:hover, .content-product .content_center .pro_right .pro_btn_box a:focus { background-color: #0075d7; color: #fff; -webkit-transition: 0.4s; transition: 0.4s; } } .content-product .content_center .pro_right .pro_btn_addcompare { margin: 0.3125rem 0; } @media screen and (max-width: 63.99875em) { .content-product .content_center .pro_right .pro_btn_addcompare { margin: 1.25rem 0 0.3125rem 0; } } .content-product .content_center .pro_right .pro_btn_addcompare input[type=checkbox] { position: absolute; right: 0; margin: 1.25rem 1.25rem 0 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; } .content-product .content_center .pro_right .pro_btn_addcompare input[type=checkbox]:checked ~ label .checkstyle { border: 0.0625rem solid #0075d7; background-color: #0075d7; } .content-product .content_center .pro_right .pro_btn_addcompare_label { position: relative; cursor: pointer; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-product .content_center .pro_right .pro_btn_addcompare_label .checkstyle { width: 1.125rem; height: 1.125rem; border: 0.0625rem solid #6e6e6e; margin: 0 0.625rem 0 0; background-image: url(../images/check.png); background-size: 60% auto; background-repeat: no-repeat; background-position: center center; } .content-product .scentab { padding: 1.875rem 0 0 0; } @media screen and (max-width: 63.99875em) { .content-product .scentab { padding: 1.25rem 0 0 0; } } .content-product .scentab .tab { border-top: 0.0625rem solid #0075d7; } .content-product .scentab.pctab .content_center { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); padding: 0; } .content-product .scentab.pctab .content_center .tab { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .content-product .scentab.pctab .content_center .tab_box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 4.0625rem; position: relative; cursor: pointer; } @media screen and (max-width: 63.99875em) { .content-product .scentab.pctab .content_center .tab_box { width: auto; min-height: 2.8125rem; min-width: 13.75rem; } } @media screen and (max-width: 39.99875em) { .content-product .scentab.pctab .content_center .tab_box { min-width: 10.625rem; min-height: 3.625rem; } } .content-product .scentab.pctab .content_center .tab_box::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 3px 0 0 3px; border-color: transparent transparent transparent #007bff; position: absolute; bottom: -0.625rem; right: 0; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .scentab.pctab .content_center .tab_box::after { content: ''; width: calc(100% - 3px); height: 0.1875rem; background-color: #0075d7; position: absolute; bottom: -0.625rem; left: 0; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .scentab.pctab .content_center .tab_box.active::before { bottom: 0; opacity: 1; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .scentab.pctab .content_center .tab_box.active::after { bottom: 0; opacity: 1; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .scentab.pctab .content_center .tab_box_top { width: 100%; height: 0.0625rem; opacity: 0; position: absolute; left: 0; } @media screen and (min-width: 40em) { .content-product .scentab.pctab .content_center .tab_box:hover::before { bottom: 0; opacity: 0.6; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .scentab.pctab .content_center .tab_box:hover::after { bottom: 0; opacity: 0.6; -webkit-transition: 0.4s; transition: 0.4s; } } .content-product .scentab.pctab .content_center .tab_box a { display: block; width: 100%; text-align: center; padding: 0 1.875rem; margin: 0.9375rem 0; overflow: hidden; max-height: 1.875rem; min-height: 1.125rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -webkit-box-orient: vertical; } @media screen and (max-width: 63.99875em) { .content-product .scentab.pctab .content_center .tab_box a { max-width: 10.625rem; padding: 0.1875rem 1.875rem; } } .content-product .scentab.pctab .content_center .swiper-container { background-color: #fff; } .content-product .scentab.pctab .content_center .swiper-container .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: center; align-content: center; } .content-product .scentab.pctab .content_center .swiper-container .swiper-wrapper .swiper-slide { width: calc(100% / 5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 4.0625rem; } @media screen and (max-width: 63.99875em) { .content-product .scentab.pctab .content_center .swiper-container .swiper-wrapper .swiper-slide { width: auto; min-height: 2.8125rem; min-width: 13.75rem; } } @media screen and (max-width: 39.99875em) { .content-product .scentab.pctab .content_center .swiper-container .swiper-wrapper .swiper-slide { min-width: 10.625rem; min-height: 3.625rem; } } .content-product .scentab.pctab .content_center .swiper-container .swiper-wrapper .swiper-slide::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 3px 0 0 3px; border-color: transparent transparent transparent #007bff; position: absolute; bottom: -0.625rem; right: 0; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .scentab.pctab .content_center .swiper-container .swiper-wrapper .swiper-slide::after { content: ''; width: calc(100% - 3px); height: 0.1875rem; background-color: #0075d7; position: absolute; bottom: -0.625rem; left: 0; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .scentab.pctab .content_center .swiper-container .swiper-wrapper .swiper-slide.active::before { bottom: 0; opacity: 1; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .scentab.pctab .content_center .swiper-container .swiper-wrapper .swiper-slide.active::after { bottom: 0; opacity: 1; -webkit-transition: 0.4s; transition: 0.4s; } @media screen and (min-width: 40em) { .content-product .scentab.pctab .content_center .swiper-container .swiper-wrapper .swiper-slide:hover::before { bottom: 0; opacity: 0.6; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .scentab.pctab .content_center .swiper-container .swiper-wrapper .swiper-slide:hover::after { bottom: 0; opacity: 0.6; -webkit-transition: 0.4s; transition: 0.4s; } } .content-product .scentab.pctab .content_center .swiper-container .swiper-wrapper .swiper-slide a { display: block; width: 100%; text-align: center; padding: 0 1.875rem; margin: 0.9375rem 0; overflow: hidden; max-height: 1.875rem; min-height: 1.125rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -webkit-box-orient: vertical; } @media screen and (max-width: 63.99875em) { .content-product .scentab.pctab .content_center .swiper-container .swiper-wrapper .swiper-slide a { max-width: 10.625rem; padding: 0.1875rem 1.875rem; } } .content-product .scentab .swiper-container { background-color: #fff; } .content-product .scentab .swiper-container .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: center; align-content: center; } .content-product .scentab .swiper-container .swiper-wrapper .swiper-slide { width: calc(100% / 5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 4.0625rem; } @media screen and (max-width: 63.99875em) { .content-product .scentab .swiper-container .swiper-wrapper .swiper-slide { width: auto; min-height: 2.8125rem; min-width: 13.75rem; } } @media screen and (max-width: 39.99875em) { .content-product .scentab .swiper-container .swiper-wrapper .swiper-slide { min-width: 10.625rem; min-height: 3.625rem; } } .content-product .scentab .swiper-container .swiper-wrapper .swiper-slide::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 3px 0 0 3px; border-color: transparent transparent transparent #007bff; position: absolute; bottom: -0.625rem; right: 0; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .scentab .swiper-container .swiper-wrapper .swiper-slide::after { content: ''; width: calc(100% - 3px); height: 0.1875rem; background-color: #0075d7; position: absolute; bottom: -0.625rem; left: 0; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .scentab .swiper-container .swiper-wrapper .swiper-slide.active::before { bottom: 0; opacity: 1; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .scentab .swiper-container .swiper-wrapper .swiper-slide.active::after { bottom: 0; opacity: 1; -webkit-transition: 0.4s; transition: 0.4s; } @media screen and (min-width: 40em) { .content-product .scentab .swiper-container .swiper-wrapper .swiper-slide:hover::before { bottom: 0; opacity: 0.6; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .scentab .swiper-container .swiper-wrapper .swiper-slide:hover::after { bottom: 0; opacity: 0.6; -webkit-transition: 0.4s; transition: 0.4s; } } .content-product .scentab .swiper-container .swiper-wrapper .swiper-slide a { display: block; width: 100%; text-align: center; padding: 0 1.875rem; margin: 0.9375rem 0; overflow: hidden; max-height: 1.875rem; min-height: 1.125rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -webkit-box-orient: vertical; } @media screen and (max-width: 63.99875em) { .content-product .scentab .swiper-container .swiper-wrapper .swiper-slide a { max-width: 10.625rem; padding: 0.1875rem 1.875rem; } } .content-product .proarticle .content_center { padding: 0; display: block; position: relative; } .content-product .proarticle .content_center.future { width: 100%; } .content-product .proarticle .content_center .proarticle_box { width: 100%; margin: 0 0 3.75rem 0; position: absolute; top: 0; left: 0; overflow: hidden; max-height: 0; opacity: 0; z-index: 1; } .content-product .proarticle .content_center .proarticle_box.active { width: 100%; max-height: inherit; position: relative; opacity: 1; z-index: 9; } .content-product .proarticle .content_center .proarticle_box .unit_title { color: #0075d7; } .content-product .proarticle .content_center .proarticle_box ul { margin: 2.5rem 0 0 1.25rem; } .content-product .proarticle .content_center .proarticle_box ul li { line-height: 160%; } .content-product .proarticle .content_center .proarticle_box .printbtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 0.9375rem; } .content-product .proarticle .content_center .proarticle_box .printbtn_box { width: 8.75rem; color: #0075d7; border: 0.0625rem solid #0075d7; padding: 0.4375rem 0 0.5rem 0; font-size: 0.875rem; display: block; -webkit-transition: 0.4s; transition: 0.4s; } @media all and (-ms-high-contrast: none) { .content-product .proarticle .content_center .proarticle_box .printbtn_box { padding: 0.3125rem 0 0.625rem 0; } } .content-product .proarticle .content_center .proarticle_box .printbtn_box .be-icon { font-size: 1.125rem; margin-right: 0.5rem; } .content-product .proarticle .content_center .proarticle_box .printbtn_box .be-icon::before { -webkit-transform: translate(0, 0.25rem); transform: translate(0, 0.25rem); } @media screen and (min-width: 40em) { .content-product .proarticle .content_center .proarticle_box .printbtn_box:hover { color: #fff; background-color: #0075d7; -webkit-transition: 0.4s; transition: 0.4s; } } .content-product .proarticle .content_center .proarticle_box .speci_list { list-style: none; margin: 0; padding: 0; } .content-product .proarticle .content_center .proarticle_box .speci_list li { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0.9375rem 0; border-bottom: 0.0625rem solid #d6d6d6; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .proarticle .content_center .proarticle_box .speci_list li:first-child { border-top: 0.0625rem solid #d6d6d6; } @media screen and (min-width: 40em) { .content-product .proarticle .content_center .proarticle_box .speci_list li:hover { background-color: #f6f6f6; -webkit-transition: 0.4s; transition: 0.4s; } } .content-product .proarticle .content_center .proarticle_box .speci_list li a { word-break: break-all; } .content-product .proarticle .content_center .proarticle_box .speci_list li .speci_title { width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1.875rem; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .speci_list li .speci_title { padding: 0 0.625rem 0 0; } } .content-product .proarticle .content_center .proarticle_box .speci_list li .speci_article { width: calc(100% - 25%); font-size: 0.875rem; } .content-product .proarticle .content_center .proarticle_box .speci_list li .speci_article a { color: #0075d7; -webkit-transition: 0.4s; transition: 0.4s; } @media screen and (min-width: 40em) { .content-product .proarticle .content_center .proarticle_box .speci_list li .speci_article a:hover { color: #000077; -webkit-transition: 0.4s; transition: 0.4s; } } .content-product .proarticle .content_center .proarticle_box .left_list { -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-product .proarticle .content_center .proarticle_box .left_list .link_list { width: 18.75rem; margin-top: 2.5rem; position: initial; bottom: initial; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .link_list { width: 100%; margin-top: 0; background-image: url(../images/selectarrow.png); background-size: 1rem; background-position: 97% center; background-repeat: no-repeat; cursor: pointer; margin-top: 0; padding: 0; margin-bottom: 1.5625rem; } } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .link_list.click .link_list_content { display: grid; } } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_name { color: #333; padding: 0 1.25rem 1.25rem 1.25rem; text-transform: uppercase; border-bottom: 0.1875rem solid #0075d7; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_name { padding: 0.625rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content { display: grid; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content { display: none; position: absolute; width: 100%; height: 200px; background: #fff; z-index: 11; overflow-y: scroll; border: 1px solid #b3b3b3; } } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_title { width: 100%; display: block; padding: 0.9375rem 1.25rem; margin-bottom: 1.25rem; text-transform: uppercase; color: #000; background-color: #f6f6f6; -webkit-transition: .4s; transition: .4s; } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_title:hover { background-color: #0075d7; color: #fff; -webkit-transition: .4s; transition: .4s; } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_title.clicklock { cursor: pointer; pointer-events: none; background-color: #f6f6f6; } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_btn { color: #333; -webkit-transition: .4s; transition: .4s; } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_btn .btn { display: block; padding: 0 1.25rem 1.25rem 1.25rem; } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_btn .btn.active > .be-icon { opacity: 1; } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_btn .btn:hover, .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_btn .btn.clicklock { color: #0075d7; -webkit-transition: .4s; transition: .4s; } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_btn .btn:hover .be-icon, .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_btn .btn.clicklock .be-icon { opacity: 1; } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_btn .btn:hover .be-icon:before, .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_btn .btn.clicklock .be-icon:before { opacity: 1; } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_btn .btn.active { color: #0075d7; } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_btn .be-icon { color: #0075d7; margin-left: 0.3125rem; opacity: 0; -webkit-transition: .4s; transition: .4s; } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_btn .be-icon:before { -webkit-transform: translateY(0.125rem); transform: translateY(0.125rem); } .content-product .proarticle .content_center .proarticle_box .left_list .link_list .link_list_content .link_list_content_btn .be-icon .be-icon-full_arrow { font-size: 0.8125rem; } .content-product .proarticle .content_center .proarticle_box .left_list .result { display: none; } .content-product .proarticle .content_center .proarticle_box .left_list .result.active { display: block; } .content-product .proarticle .content_center .proarticle_box .left_list .result .unit_title { margin-bottom: 1.875rem; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .unit_title { margin-bottom: 0.9375rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle { background-color: #f7f7f7; padding: 1.25rem; } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_bios { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 0.9375rem; } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_bios_version span { color: #005FB0; } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_bios_time { font-size: 0.875rem; color: #6B6B6B; } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_data { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; border: 0.0625rem solid #eee; padding: 1.5625rem; margin: 1.25rem 0; } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_data { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_data_name h4, .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_data_name p { width: 100%; } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_data_name h4 { margin-bottom: 0.625rem; } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_data_download { width: 100%; max-width: 9.375rem; } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_data_download { margin-top: 0.9375rem; max-width: 100%; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_data_download_span { width: 100%; display: block; background-color: #0075d7; color: #fff; margin-bottom: 0.625rem; padding: 0.75rem 0; text-align: center; cursor: pointer; } @media screen and (min-width: 40em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_data_download_span:hover, .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_data_download_span:focus { background-color: #000077; -webkit-transition: 0.4s; transition: 0.4s; } } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_data_download_span { padding: 0.5rem 0; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_data_download_bytes { width: 100%; display: block; color: #6B6B6B; } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_data_download_bytes { text-align: right; font-size: 0.75rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpuarticle_text p { line-height: 160%; font-size: 0.875rem; } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist { margin-top: 3.125rem; position: relative; z-index: 8; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist { margin-top: 1.25rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist_top { margin: 3.75rem 0 2.5rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist_top { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist_top { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist_top_text { width: 100%; } } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist_top_text { width: 100%; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist_top_btn { background-color: #efefef; color: #555; padding: 0.625rem 3.75rem; } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist_top_btn { width: 100%; text-align: center; margin-top: 0.625rem; } } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist_top_btn { width: 100%; text-align: center; margin-top: 0.625rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox { margin: 0; } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .li-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .li-box { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 0.625rem; margin-bottom: 1.875rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li.title { background-color: #c9cbcc; } @media screen and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li.title { display: none; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li.title .p { text-align: center; padding: 1.25rem 0; } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .p { padding: 0.9375rem 0; } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .p span { display: block; line-height: 160%; } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .p span.title_mo { display: none; color: #6e6e6e; } @media screen and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .p span.title_mo { display: block; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li:not(:first-child) { border-bottom: 0.0625rem solid #d6d6d6; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } @media screen and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li:not(:first-child) .p { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li:not(:first-child) .p.name { padding-left: 1.875rem; word-break: break-all; } @media screen and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li:not(:first-child) .p.name { padding-left: 0.9375rem; background-color: #f3f3f3; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li:not(:first-child):hover { background-color: #f6f6f6; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .name { width: 100%; line-height: 160%; } @media screen and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .name { font-weight: 600; letter-spacing: 0.0625rem; font-size: 1.125rem; border-bottom: 0.0625rem solid #d6d6d6; } } @media screen and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .pcb, .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .bios, .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .note { text-align: left; padding: 0; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .pcb, .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .bios { width: 100%; text-align: center; } @media screen and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .pcb, .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .bios { width: 100%; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .pcb span.title_mo, .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .bios span.title_mo { margin-right: 0.9375rem; text-align: left; } @media screen and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .pcb span.title_mo, .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .bios span.title_mo { width: 11.25rem; display: block; float: left; padding: 0.625rem 0 0.625rem 0.625rem; } } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .pcb span.title_mo, .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .bios span.title_mo { padding: 0.625rem 0 0.625rem 0.625rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .note { width: 100%; font-size: 0.875rem; } @media screen and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .note { width: 100%; } } @media screen and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .note span { width: 100%; padding: 0.625rem 0 0 0.625rem; } } @media screen and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .cpulist .tablebox .li .note span.title_mo { width: 100%; display: block; padding: 0.625rem 0 0.625rem 0.625rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .support { width: 100%; } .content-product .proarticle .content_center .proarticle_box .left_list .result .support_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0.0625rem solid #eeeeee; background-color: #fff; padding: 1.5625rem 3.125rem; margin-bottom: 1.875rem; } @media screen and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .support_box { padding: 1.25rem 2.1875rem; } } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .support_box { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.9375rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .support_box_namebox { max-width: 32.5rem; } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .support_box_namebox { max-width: 100%; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .support_box_namebox .spt_nbr { color: #555; } .content-product .proarticle .content_center .proarticle_box .left_list .result .support_box_namebox .spt_name { margin: 0.3125rem 1.25rem 1.875rem 0; } @media screen and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .support_box_namebox .spt_name { font-size: 1.25rem; margin: 0.3125rem 1.25rem 1.25rem 0; } } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .support_box_namebox .spt_name { font-size: 1.125rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .support_box_namebox .spt_time { color: #999999; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .support_box_namebox .spt_time { margin-bottom: 0.625rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_selectbox, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_selectbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_selectbox select, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_selectbox select { border: 0.0625rem solid #e5e5e5; background-color: #fff; padding: 0 1.5625rem; height: 3.75rem; background-image: url(../images/selectarrow.png); background-size: 1.25rem; background-position: 101% center; background-repeat: no-repeat; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_selectbox select, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_selectbox select { padding: 0 0.9375rem; height: 2.8125rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_selectbox select:active, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_selectbox select:active { border: 0.0625rem solid #e5e5e5; background-color: #fff; } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_selectbox select:focus, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_selectbox select:focus { border: 2px solid #0075d7; } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_btn, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_btn { color: #0075d7; font-size: 0.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 1.25rem; } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_btn span, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_btn span { font-size: 1.125rem; margin-left: 0.3125rem; } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_title, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_title { margin: 2.5rem 0 1.25rem 0; } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box { border: 0.0625rem solid #eeeeee; background-color: #fff; padding: 1.5625rem 3.125rem; margin-bottom: 1.875rem; } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box { padding: 0.9375rem 0.9375rem; margin-bottom: 1.875rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box_top, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box_top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box_top, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box_top { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 2.5rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box_top .vgacont_nbr, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box_top .vgacont_nbr { font-size: 0.875rem; } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box_top .vgacont_time, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box_top .vgacont_time { font-size: 1.25rem; margin-bottom: 1.875rem; } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box_top .vgacont_time, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box_top .vgacont_time { margin-bottom: 0.9375rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box_top .vgacont_title, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box_top .vgacont_title { font-size: 0.875rem; margin-bottom: 1.875rem; color: #999; } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box_top .vgacont_title, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box_top .vgacont_title { margin-bottom: 0.9375rem; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box_top .vgacont_arrow, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box_top .vgacont_arrow { font-size: 0.875rem; color: #0075d7; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } @media screen and (min-width: 40em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box_top .vgacont_arrow:hover, .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box_top .vgacont_arrow:focus, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box_top .vgacont_arrow:hover, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box_top .vgacont_arrow:focus { color: #000077; -webkit-transition: 0.4s; transition: 0.4s; } } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box_top .vgacont_arrow, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box_top .vgacont_arrow { position: absolute; bottom: 0; left: 0; } } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box_top .vgacont_arrow .be-icon::before, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box_top .vgacont_arrow .be-icon::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box_bottom, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box_bottom { margin: 0 0 0 0; padding-top: 0; border-top: 0 solid #eeeeee; font-size: 0.875rem; line-height: 160%; max-height: 0; overflow: hidden; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box.active .driver_vga_box_top .vgacont_arrow .be-icon::before, .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box.active .bios_vga_box_top .vgacont_arrow .be-icon::before, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box.active .driver_vga_box_top .vgacont_arrow .be-icon::before, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box.active .bios_vga_box_top .vgacont_arrow .be-icon::before { -webkit-transform: rotate(-90deg) translateY(0.3125rem); transform: rotate(-90deg) translateY(0.3125rem); } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box.active .driver_vga_box_bottom, .content-product .proarticle .content_center .proarticle_box .left_list .result .driver_vga_box.active .bios_vga_box_bottom, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box.active .driver_vga_box_bottom, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios_vga_box.active .bios_vga_box_bottom { margin: 1.25rem 0 0 0; padding-top: 1.25rem; max-height: 312.5rem; border-top: 0.0625rem solid #eeeeee; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .proarticle .content_center .proarticle_box .left_list .result .driver .vgacont_time, .content-product .proarticle .content_center .proarticle_box .left_list .result .bios .vgacont_time { margin-bottom: 0; } .content-product .proarticle .content_center .proarticle_box .productswiper-box { max-width: 62.5rem; margin: 0 auto; padding: 3.75rem 0 6.25rem 0; position: relative; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .productswiper-box { padding: 0; } } .content-product .proarticle .content_center .proarticle_box .productswiper { width: 100%; padding: 0 3.75rem; position: initial; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .productswiper { padding: 3.75rem 3.75rem 6.25rem 3.75rem; } } .content-product .proarticle .content_center .proarticle_box .productswiper::before, .content-product .proarticle .content_center .proarticle_box .productswiper::after { content: ''; width: 2.8125rem; height: 100%; background-color: #fff; position: absolute; top: 3.75rem; z-index: 9; } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .productswiper::before, .content-product .proarticle .content_center .proarticle_box .productswiper::after { width: 1.875rem; } } .content-product .proarticle .content_center .proarticle_box .productswiper::before { left: -0.0625rem; } .content-product .proarticle .content_center .proarticle_box .productswiper::after { right: -0.0625rem; } .content-product .proarticle .content_center .proarticle_box .productswiper.alingcenter .swiper-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .content-product .proarticle .content_center .proarticle_box .productswiper p, .content-product .proarticle .content_center .proarticle_box .productswiper span, .content-product .proarticle .content_center .proarticle_box .productswiper input, .content-product .proarticle .content_center .proarticle_box .productswiper select, .content-product .proarticle .content_center .proarticle_box .productswiper .be-icon { font-size: 0.875rem; } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .productswiper p, .content-product .proarticle .content_center .proarticle_box .productswiper span, .content-product .proarticle .content_center .proarticle_box .productswiper input, .content-product .proarticle .content_center .proarticle_box .productswiper select, .content-product .proarticle .content_center .proarticle_box .productswiper .be-icon { font-size: 0.75rem; } } .content-product .proarticle .content_center .proarticle_box .productswiper .prevarrow, .content-product .proarticle .content_center .proarticle_box .productswiper .nextarrow { font-size: 0.75rem; color: #0075d7; position: absolute; top: calc(50% - 20px); z-index: 99; width: 2.5rem; height: 2.5rem; border: 0.0625rem solid #0075d7; border-radius: 2.5rem; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: scale(0.8); transform: scale(0.8); cursor: pointer; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .productswiper .prevarrow, .content-product .proarticle .content_center .proarticle_box .productswiper .nextarrow { width: 1.875rem; height: 1.875rem; top: calc(50% - 15px); } } @media screen and (min-width: 40em) { .content-product .proarticle .content_center .proarticle_box .productswiper .prevarrow:hover, .content-product .proarticle .content_center .proarticle_box .productswiper .prevarrow:focus, .content-product .proarticle .content_center .proarticle_box .productswiper .nextarrow:hover, .content-product .proarticle .content_center .proarticle_box .productswiper .nextarrow:focus { background-color: #0075d7; color: #fff; -webkit-transition: 0.4s; transition: 0.4s; } } .content-product .proarticle .content_center .proarticle_box .productswiper .prevarrow:before, .content-product .proarticle .content_center .proarticle_box .productswiper .nextarrow:before { -webkit-transform: translate(13px, 11px) scale(0.7); transform: translate(13px, 11px) scale(0.7); } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .productswiper .prevarrow:before, .content-product .proarticle .content_center .proarticle_box .productswiper .nextarrow:before { -webkit-transform: translate(7px, 6px) scale(0.6); transform: translate(7px, 6px) scale(0.6); } } .content-product .proarticle .content_center .proarticle_box .productswiper .prevarrow { left: 0; -webkit-transform: rotate(180deg) scale(0.8); transform: rotate(180deg) scale(0.8); } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .productswiper .prevarrow { left: 0; } } .content-product .proarticle .content_center .proarticle_box .productswiper .nextarrow { right: 0; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .productswiper .nextarrow { right: 0; } } .content-product .proarticle .content_center .proarticle_box .product_box { padding: 0.9375rem 0 1.875rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .content-product .proarticle .content_center .proarticle_box .product_box_item { width: 100%; float: left; margin-bottom: 2%; padding-bottom: 1px; border: 1px solid #e5e5e5; -webkit-transition: 0.4s; transition: 0.4s; } @media screen and (min-width: 90em) { .content-product .proarticle .content_center .proarticle_box .product_box_item:nth-child(4n+1) { margin-left: 0; } } @media screen and (min-width: 75em) and (max-width: 89.99875em) { .content-product .proarticle .content_center .proarticle_box .product_box_item:nth-child(3n+1) { margin-left: 0; } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .content-product .proarticle .content_center .proarticle_box .product_box_item:nth-child(2n+1) { margin-left: 0; } } @media screen and (min-width: 40em) and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .product_box_item:nth-child(3n+1) { margin-left: 0; } } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .proarticle_box .product_box_item:nth-child(2n+1) { margin-left: 0; } } @media (max-width: 560px) { .content-product .proarticle .content_center .proarticle_box .product_box_item { margin: 0 1% 5% 1%; } .content-product .proarticle .content_center .proarticle_box .product_box_item:nth-child(2n+1) { margin: 0 1% 5% 1%; } } .content-product .proarticle .content_center .proarticle_box .product_box_item:hover { padding-bottom: 0; -webkit-box-shadow: 0 0 5px #eee; box-shadow: 0 0 5px #eee; border-bottom: 2px solid #0075d7; -webkit-transition: 0.4s; transition: 0.4s; } .content-product .proarticle .content_center .proarticle_box .product_box_item_top { width: 100%; height: 3.75rem; position: relative; } .content-product .proarticle .content_center .proarticle_box .product_box_item_top_tag { width: 4.375rem; float: left; background: #6a2be0; color: #fff; line-height: 1.875rem; margin: 0.9375rem 0 0 0.9375rem; } .content-product .proarticle .content_center .proarticle_box .product_box_item_top input[type=checkbox] { position: absolute; right: 0; margin: 1.25rem 1.25rem 0 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; } .content-product .proarticle .content_center .proarticle_box .product_box_item_top input[type=checkbox]:checked ~ label .checkstyle { border: 0.0625rem solid #0075d7; background-color: #0075d7; } .content-product .proarticle .content_center .proarticle_box .product_box_item_top_label { position: relative; cursor: pointer; padding: 1.25rem; margin: 0; float: right; } .content-product .proarticle .content_center .proarticle_box .product_box_item_top_label .checkstyle { width: 1.125rem; height: 1.125rem; border: 0.0625rem solid #6e6e6e; background-image: url(../images/check.png); background-size: 60% auto; background-repeat: no-repeat; background-position: center center; } .content-product .proarticle .content_center .proarticle_box .product_box_item_top_popup { width: 130px; position: absolute; top: -40px; right: -33px; background: #0075d7; color: #fff; padding: 8px 0; border-radius: 30px; display: none; } .content-product .proarticle .content_center .proarticle_box .product_box_item_top_popup.hover { display: block; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .product_box_item_top_popup { right: 0; } } .content-product .proarticle .content_center .proarticle_box .product_box_item_top_popup .be-icon { position: absolute; color: #0075d7; top: 20px; left: 55px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .content-product .proarticle .content_center .proarticle_box .product_box_item_top_popup .be-icon::before { opacity: 1; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .proarticle_box .product_box_item_top_popup .be-icon { left: 90px; } } .content-product .proarticle .content_center .proarticle_box .product_box_item_top_popup p { letter-spacing: 0; } .content-product .proarticle .content_center .proarticle_box .product_box_item_img img { width: 100%; } .content-product .proarticle .content_center .proarticle_box .product_box_item_bottom { border-top: 1px solid #e5e5e5; } .content-product .proarticle .content_center .proarticle_box .product_box_item_bottom_spec { width: calc(100% / 3 - 5px); float: left; margin: 5% 1%; } .content-product .proarticle .content_center .proarticle_box .product_box_item_bottom_spec p { line-height: 1.125rem; color: #6e6e6e; } .content-product .proarticle .content_center .proarticle_box .product_box_item_bottom_spec p.bold { font-size: 1.25rem; color: black; margin-bottom: 0.1875rem; } .content-product .proarticle .content_center .proarticle_box .product_box_item_bottom_spec:nth-child(2) { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .content-product .proarticle .content_center .proarticle_box .product_box_item_bottom_con { padding: 15px 25px 20px 20px; overflow: hidden; } .content-product .proarticle .content_center .proarticle_box .product_box_item_bottom_con h2 { color: #6e6e6e; line-height: 1.125rem; font-size: 1.25rem; color: black; margin-bottom: 1.125rem; word-break: break-all; font-weight: 600; } .content-product .proarticle .content_center .proarticle_box .product_box_item_bottom_con p { color: #6e6e6e; line-height: 1.125rem; } .content-product .proarticle .content_center .proarticle_box .product_box_item_bottom_con p.bold { font-size: 1.25rem; color: black; margin-bottom: 1.125rem; word-break: break-all; } .content-product .proarticle .content_center .notice { background-color: #f7f7f7; padding: 3.75rem; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .notice { padding: 1.25rem 1.875rem; } } @media screen and (max-width: 39.99875em) { .content-product .proarticle .content_center .notice { padding: 0.9375rem 1.25rem; } } .content-product .proarticle .content_center .notice h5 { margin-bottom: 1.25rem; color: #6e6e6e; } @media screen and (max-width: 63.99875em) { .content-product .proarticle .content_center .notice h5 { margin-bottom: 0.75rem; } } .content-product .proarticle .content_center .notice ul li { color: #6e6e6e; line-height: 160%; } .content-product .proarticle .content_center .notice img { width: 100%; max-width: 9.375rem; } .sm_btn { width: 100%; max-width: 28.125rem; margin: 0 auto; display: block; background-color: #efefef; color: #555; padding: 0.9375rem 0; } @media screen and (max-width: 39.99875em) { .sm_btn { max-width: 100%; } } .dl_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 39.99875em) { .dl_btn { width: 100%; } } .dl_btn input { background-color: #0075d7; color: #fff; border: none; padding: 0.75rem 2.1875rem; margin-bottom: 0.9375rem; font-size: 0.875rem; -webkit-transition: 0.4s; transition: 0.4s; } @media screen and (min-width: 40em) { .dl_btn input:hover, .dl_btn input:focus { background-color: #000077; -webkit-transition: 0.4s; transition: 0.4s; } } .dl_btn span { color: #999999; } /* content1 - Top Parduct End */ .swiper-button-prev, .swiper-button-next { background-image: none; margin-top: 0; } .swiper-container-rtl .swiper-button-next, .swiper-container-rtl .swiper-button-prev { opacity: 0.7; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; } .lg-outer .lg { max-width: 75rem; } .lg-backdrop.in { opacity: 0.8; } .lg-outer .lg-thumb-outer { background: transparent; } .lg-outer .lg-toogle-thumb { display: none; } .lg-outer .lg-thumb { margin: auto; } .lg-outer .lg-thumb-item { border-radius: 0px; border-width: 4px; background-color: #fff; } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border: 0.25rem solid #fff; border-bottom: 0.25rem solid #0075d7; } .lg-next, .lg-prev { font-size: 36px; } .lg-next:focus, .lg-prev:focus { outline: 2px solid red; } .lg-actions .lg-next, .lg-actions .lg-prev { color: #fff; background-color: #0075d7; border-radius: 100%; } .lg-toolbar { background-color: transparent; } .lg-toolbar span { color: #fff; } .lg-toolbar span:last-child { margin-right: 20px; } .lg-toolbar .lg-icon { color: #fff; background-color: #0075d7; margin: 10px 10px; border-radius: 100%; } .lg-progress-bar .lg-progress { background-color: #0075d7; } .lg-object.lg-image { background-color: #fff; } #lg-counter { display: none; } .printfooter { display: none; } .printtitle { display: none; width: 100%; color: #333 !important; padding: 0.9375rem 0; margin-bottom: 0.9375rem; background-color: #f6f6f6 !important; -webkit-print-color-adjust: exact; font-size: 1.375rem; font-family: 'Myriad W08 Bold_1166607', 'Open Sans', sans-serif; }