/*** Global ***/ section { position: relative; width: 100%; } .section__content { margin-left: auto; margin-right: auto; width: 100%; height: 100%; } section.no-pad { padding: 0; } section.no-pad-bot { padding-bottom: 0; } section.no-pad-top { padding-top: 0; } #CMD .row { position: relative; margin-left: auto; margin-right: auto; } #CMD .row:after { content: ""; display: table; clear: both; } #CMD .row .col { float: left; box-sizing: border-box; padding: 0; margin: 0; } #CMD .row .col[class*="push-"], #CMD .row .col[class*="pull-"] { position: relative; } #CMD .row .col.l1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l3 { width: 25%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l6 { width: 50%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l9 { width: 75%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l12 { width: 100%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.offset-l1 { margin-left: 8.3333333333%; } #CMD .row .col.pull-l1 { right: 8.3333333333%; } #CMD .row .col.push-l1 { left: 8.3333333333%; } #CMD .row .col.offset-l2 { margin-left: 16.6666666667%; } #CMD .row .col.pull-l2 { right: 16.6666666667%; } #CMD .row .col.push-l2 { left: 16.6666666667%; } #CMD .row .col.offset-l3 { margin-left: 25%; } #CMD .row .col.pull-l3 { right: 25%; } #CMD .row .col.push-l3 { left: 25%; } #CMD .row .col.offset-l4 { margin-left: 33.3333333333%; } #CMD .row .col.pull-l4 { right: 33.3333333333%; } #CMD .row .col.push-l4 { left: 33.3333333333%; } #CMD .row .col.offset-l5 { margin-left: 41.6666666667%; } #CMD .row .col.pull-l5 { right: 41.6666666667%; } #CMD .row .col.push-l5 { left: 41.6666666667%; } #CMD .row .col.offset-l6 { margin-left: 50%; } #CMD .row .col.pull-l6 { right: 50%; } #CMD .row .col.push-l6 { left: 50%; } #CMD .row .col.offset-l7 { margin-left: 58.3333333333%; } #CMD .row .col.pull-l7 { right: 58.3333333333%; } #CMD .row .col.push-l7 { left: 58.3333333333%; } #CMD .row .col.offset-l8 { margin-left: 66.6666666667%; } #CMD .row .col.pull-l8 { right: 66.6666666667%; } #CMD .row .col.push-l8 { left: 66.6666666667%; } #CMD .row .col.offset-l9 { margin-left: 75%; } #CMD .row .col.pull-l9 { right: 75%; } #CMD .row .col.push-l9 { left: 75%; } #CMD .row .col.offset-l10 { margin-left: 83.3333333333%; } #CMD .row .col.pull-l10 { right: 83.3333333333%; } #CMD .row .col.push-l10 { left: 83.3333333333%; } #CMD .row .col.offset-l11 { margin-left: 91.6666666667%; } #CMD .row .col.pull-l11 { right: 91.6666666667%; } #CMD .row .col.push-l11 { left: 91.6666666667%; } #CMD .row .col.offset-l12 { margin-left: 100%; } #CMD .row .col.pull-l12 { right: 100%; } #CMD .row .col.push-l12 { left: 100%; } @media only screen and (min-width: 721px) and (max-width: 1300px) { #CMD .row .col.m1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m3 { width: 25%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m6 { width: 50%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m9 { width: 75%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m12 { width: 100%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.offset-m1 { margin-left: 8.3333333333%; } #CMD .row .col.pull-m1 { right: 8.3333333333%; } #CMD .row .col.push-m1 { left: 8.3333333333%; } #CMD .row .col.offset-m2 { margin-left: 16.6666666667%; } #CMD .row .col.pull-m2 { right: 16.6666666667%; } #CMD .row .col.push-m2 { left: 16.6666666667%; } #CMD .row .col.offset-m3 { margin-left: 25%; } #CMD .row .col.pull-m3 { right: 25%; } #CMD .row .col.push-m3 { left: 25%; } #CMD .row .col.offset-m4 { margin-left: 33.3333333333%; } #CMD .row .col.pull-m4 { right: 33.3333333333%; } #CMD .row .col.push-m4 { left: 33.3333333333%; } #CMD .row .col.offset-m5 { margin-left: 41.6666666667%; } #CMD .row .col.pull-m5 { right: 41.6666666667%; } #CMD .row .col.push-m5 { left: 41.6666666667%; } #CMD .row .col.offset-m6 { margin-left: 50%; } #CMD .row .col.pull-m6 { right: 50%; } #CMD .row .col.push-m6 { left: 50%; } #CMD .row .col.offset-m7 { margin-left: 58.3333333333%; } #CMD .row .col.pull-m7 { right: 58.3333333333%; } #CMD .row .col.push-m7 { left: 58.3333333333%; } #CMD .row .col.offset-m8 { margin-left: 66.6666666667%; } #CMD .row .col.pull-m8 { right: 66.6666666667%; } #CMD .row .col.push-m8 { left: 66.6666666667%; } #CMD .row .col.offset-m9 { margin-left: 75%; } #CMD .row .col.pull-m9 { right: 75%; } #CMD .row .col.push-m9 { left: 75%; } #CMD .row .col.offset-m10 { margin-left: 83.3333333333%; } #CMD .row .col.pull-m10 { right: 83.3333333333%; } #CMD .row .col.push-m10 { left: 83.3333333333%; } #CMD .row .col.offset-m11 { margin-left: 91.6666666667%; } #CMD .row .col.pull-m11 { right: 91.6666666667%; } #CMD .row .col.push-m11 { left: 91.6666666667%; } #CMD .row .col.offset-m12 { margin-left: 100%; } #CMD .row .col.pull-m12 { right: 100%; } #CMD .row .col.push-m12 { left: 100%; } } @media only screen and (max-width: 720px) { #CMD .row .col.s1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s3 { width: 25%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s6 { width: 50%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s9 { width: 75%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s12 { width: 100%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.offset-s1 { margin-left: 8.3333333333%; } #CMD .row .col.pull-s1 { right: 8.3333333333%; } #CMD .row .col.push-s1 { left: 8.3333333333%; } #CMD .row .col.offset-s2 { margin-left: 16.6666666667%; } #CMD .row .col.pull-s2 { right: 16.6666666667%; } #CMD .row .col.push-s2 { left: 16.6666666667%; } #CMD .row .col.offset-s3 { margin-left: 25%; } #CMD .row .col.pull-s3 { right: 25%; } #CMD .row .col.push-s3 { left: 25%; } #CMD .row .col.offset-s4 { margin-left: 33.3333333333%; } #CMD .row .col.pull-s4 { right: 33.3333333333%; } #CMD .row .col.push-s4 { left: 33.3333333333%; } #CMD .row .col.offset-s5 { margin-left: 41.6666666667%; } #CMD .row .col.pull-s5 { right: 41.6666666667%; } #CMD .row .col.push-s5 { left: 41.6666666667%; } #CMD .row .col.offset-s6 { margin-left: 50%; } #CMD .row .col.pull-s6 { right: 50%; } #CMD .row .col.push-s6 { left: 50%; } #CMD .row .col.offset-s7 { margin-left: 58.3333333333%; } #CMD .row .col.pull-s7 { right: 58.3333333333%; } #CMD .row .col.push-s7 { left: 58.3333333333%; } #CMD .row .col.offset-s8 { margin-left: 66.6666666667%; } #CMD .row .col.pull-s8 { right: 66.6666666667%; } #CMD .row .col.push-s8 { left: 66.6666666667%; } #CMD .row .col.offset-s9 { margin-left: 75%; } #CMD .row .col.pull-s9 { right: 75%; } #CMD .row .col.push-s9 { left: 75%; } #CMD .row .col.offset-s10 { margin-left: 83.3333333333%; } #CMD .row .col.pull-s10 { right: 83.3333333333%; } #CMD .row .col.push-s10 { left: 83.3333333333%; } #CMD .row .col.offset-s11 { margin-left: 91.6666666667%; } #CMD .row .col.pull-s11 { right: 91.6666666667%; } #CMD .row .col.push-s11 { left: 91.6666666667%; } #CMD .row .col.offset-s12 { margin-left: 100%; } #CMD .row .col.pull-s12 { right: 100%; } #CMD .row .col.push-s12 { left: 100%; } } .img { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; } .wd_section .large_text-center { text-align: center; } .wd_section .large_text-center.wd_content { margin-left: auto; margin-right: auto; } .wd_section .large_text-center.wd_content .content_comment, .wd_section .large_text-center.wd_content .content_info, .wd_section .large_text-center.wd_content .content_link, .wd_section .large_text-center.wd_content .content_slogan, .wd_section .large_text-center.wd_content .content_title { text-align: center; margin-left: auto; margin-right: auto; } .wd_section .large_text-center.wd_content .content_slogan:after { margin-left: auto; margin-right: auto; } .wd_section .large_text-center.wd_content .content_title:after { margin: 0 auto; text-align: center; } .wd_section .large_text-left.wd_content { text-align: left; } .wd_section .large_text-left.wd_content .content_comment, .wd_section .large_text-left.wd_content .content_info, .wd_section .large_text-left.wd_content .content_link, .wd_section .large_text-left.wd_content .content_slogan, .wd_section .large_text-left.wd_content .content_title { text-align: left; margin-left: 0; } .wd_section .large_text-left.wd_content .content_slogan:after { left: 0; margin-left: 0px; } .wd_section .large_text-left.wd_content .content_title:after { margin-left: 0; text-align: left; } .wd_section .large_text-left.wd_feature_list { text-align: left; } .wd_section .large_text-left.wd_feature_list .wd_feature { margin-left: 0; margin-right: 50px; } .wd_section .large_text-right.wd_content { text-align: right; } .wd_section .large_text-right.wd_content .content_slogan:after { right: 0; margin-right: 0px; } .wd_section .large_text-right.wd_feature_list { text-align: right; } .wd_section .large_text-right.wd_feature_list .wd_feature { margin-left: 50px; margin-right: 0; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd_section .medium_text-left.wd_content { text-align: left; left: 0; } .wd_section .medium_text-left.wd_content .content_comment, .wd_section .medium_text-left.wd_content .content_info, .wd_section .medium_text-left.wd_content .content_link, .wd_section .medium_text-left.wd_content .content_slogan, .wd_section .medium_text-left.wd_content .content_title { text-align: left; margin-left: 0; } .wd_section .medium_text-left.wd_content .content_slogan:after { margin-left: 0px; } .wd_section .medium_text-left.wd_feature_list { text-align: left; } .wd_section .medium_text-left.wd_feature_list .wd_feature { margin-left: 0; margin-right: 50px; } .wd_section .medium_text-center.wd_content { text-align: center; left: 0; margin-left: auto; margin-right: auto; } .wd_section .medium_text-center.wd_content .content_comment, .wd_section .medium_text-center.wd_content .content_info, .wd_section .medium_text-center.wd_content .content_link, .wd_section .medium_text-center.wd_content .content_slogan, .wd_section .medium_text-center.wd_content .content_title { text-align: center; margin-left: auto; margin-right: auto; } .wd_section .medium_text-center.wd_content .content_slogan:after { margin-left: auto; margin-right: auto; } .wd_section .medium_text-center.wd_feature_list { text-align: center; } .wd_section .medium_text-center.wd_feature_list .wd_feature { margin-left: 30px; margin-right: 30px; } .wd_section .medium_text-center.wd_feature_list .wd_feature .wd_feature_describe__top, .wd_section .medium_text-center.wd_feature_list .wd_feature .wd_feature_data, .wd_section .medium_text-center.wd_feature_list .wd_feature .wd_feature_describe { text-align: center; } } @media all and (max-width: 720px) { .wd_section .small_text-left.wd_content { text-align: left; left: 0; } .wd_section .small_text-left.wd_content .content_comment, .wd_section .small_text-left.wd_content .content_info, .wd_section .small_text-left.wd_content .content_link, .wd_section .small_text-left.wd_content .content_slogan, .wd_section .small_text-left.wd_content .content_title { text-align: left; margin-left: 0; } .wd_section .small_text-left.wd_content .content_slogan:after { margin-left: 0; } .wd_section .small_text-left.wd_content.wd_content-submain { text-align: left; left: 0; margin-bottom: 45px; } .wd_section .small_text-left.wd_content.wd_content-submain .content_comment, .wd_section .small_text-left.wd_content.wd_content-submain .content_info, .wd_section .small_text-left.wd_content.wd_content-submain .content_link, .wd_section .small_text-left.wd_content.wd_content-submain .content_slogan, .wd_section .small_text-left.wd_content.wd_content-submain .content_title { text-align: left; margin-left: 0; } .wd_section .small_text-left.wd_content.wd_content-submain .content_slogan:after { margin-left: 0; left: 0; } .wd_section .small_text-left.wd_feature_list { text-align: center; } .wd_section .small_text-left.wd_feature_list .wd_feature_list .wd_feature { margin-left: 0; margin-right: 20px; } .wd_section .small_text-center { text-align: center; } .wd_section .small_text-center.wd_content { text-align: center; left: 0; margin-left: auto; margin-right: auto; } .wd_section .small_text-center.wd_content .content_comment, .wd_section .small_text-center.wd_content .content_info, .wd_section .small_text-center.wd_content .content_link, .wd_section .small_text-center.wd_content .content_slogan, .wd_section .small_text-center.wd_content .content_title { text-align: center; margin-left: auto; margin-right: auto; } .wd_section .small_text-center.wd_content .content_slogan:after { margin-left: auto; margin-right: auto; } .wd_section .small_text-center.wd_feature_list { text-align: center; } .wd_section .small_text-center.wd_feature_list .wd_feature { margin-left: 14px; margin-right: 14px; } } @media all and (min-width: 1301px) { .wd_section { margin-bottom: 170px; } .wd_section:last-child { margin-bottom: 0; } } @media all and (min-width: 721px) and (max-width: 1300px) { .wd_section { margin-bottom: 137px; } .wd_section:last-child { margin-bottom: 0; } } @media all and (max-width: 720px) { .wd_section { margin-bottom: 75px; } .wd_section:last-child { margin-bottom: 0; } } .wd_section .section__content.text-white .wd_content .content_comment, .wd_section .section__content.text-white .wd_content .content_info, .wd_section .section__content.text-white .wd_content .content_title { color: #fff; } .wd_section .section__content.text-white .wd_feature_list .wd_feature .wd_feature_describe span, .wd_section .section__content.text-white .wd_feature_list .wd_feature .wd_feature_describe__top, .wd_section .section__content.text-white .wd_feature_list .wd_feature .wd_feature_describe__top span .wd_feature_describe { color: #fff; } .wd_section .section__content .wd_content.theme-dark .content_comment { color: #999; } .wd_section .section__content .wd_content.theme-dark .content_info, .wd_section .section__content .wd_content.theme-dark .content_title { color: #fff; } .wd_section .section__content .wd_content.theme-dark .wd_feature_list .wd_feature .wd_feature_describe, .wd_section .section__content .wd_content.theme-dark .wd_feature_list .wd_feature .wd_feature_describe span, .wd_section .section__content .wd_content.theme-dark .wd_feature_list .wd_feature .wd_feature_describe__top, .wd_section .section__content .wd_content.theme-dark .wd_feature_list .wd_feature .wd_feature_describe__top span { color: #fff; } .wd_section .section__content .wd_feature_list.theme-dark .wd_feature .wd_feature_describe, .wd_section .section__content .wd_feature_list.theme-dark .wd_feature .wd_feature_describe span, .wd_section .section__content .wd_feature_list.theme-dark .wd_feature .wd_feature_describe__top, .wd_section .section__content .wd_feature_list.theme-dark .wd_feature .wd_feature_describe__top span { color: #fff; } .wd_content.wd_content-main .content_slogan .slogan-text { display: inline-block; position: relative; font-size: 54px; line-height: 1; text-transform: uppercase; } .wd_content.wd_content-main .content_slogan .slogan-text:before { position: absolute; display: inline-block; content: ''; top: -17px; left: 0; height: 1px; width: 100%; background-image: linear-gradient(39deg, #ceb497 0%, #766050 100%); } .wd_content.wd_content-main .content_info { font-size: 24px; color: #fff; } .wd_content.wd_content-submain .content_slogan .slogan-text:before { display: none; } .wd_content.wd_content-submain .content_slogan:after { position: relative; display: block; content: ''; height: 1px; margin-top: 36px; margin-bottom: 0; background-image: linear-gradient(39deg, #ceb497 0%, #766050 100%); -ms-top: initial !important; height: 2px; width: 60px; } .wd_content.wd_content-submain.large_text-center .content_slogan:after { left: 50%; margin-left: -30px; } @media all and (max-width: 720px) { .wd_content { width: 89.9%; margin-left: auto; margin-right: auto; } .wd_content.wd_content-main .content_slogan .slogan-text { font-size: 35px; } .wd_content.wd_content-main .content_info { font-size: 17px; } .wd_content.wd_content-submain .content_slogan .slogan-text { font-size: 35px; } .wd_content.wd_content-submain .content_info { font-size: 17px; margin-bottom: 60px; } } .text-gradient-gold, .text-gradient-gold * { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(39deg, #ceb497 0%, #766050 100%); } .ie .text-gradient-gold, .ie .text-gradient-gold * { color: #ceb497; background-image: none; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd_content.wd_content-main .content_slogan .slogan-text { font-size: 48px; } .wd_content.wd_content-main .content_info { font-size: 24px; } } .frame_ani .frame_ani-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .frame_ani .frame_ani-frame > div { position: absolute; background: #c09f7e; } .frame_ani .frame_ani-frame .frame-top { top: 0; left: 0; height: 3px; } .frame_ani .frame_ani-frame .frame-right { top: 0; right: 0; width: 3px; } .frame_ani .frame_ani-frame .frame-bottom { right: 0; bottom: 0; height: 3px; } .frame_ani .frame_ani-frame .frame-left { left: 0; bottom: 0; width: 3px; } .carousel_module .listArrow { display: block; position: absolute; width: 40px; height: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .carousel_module .listArrow:before, .carousel_module .listArrow:after { position: absolute; display: block; content: ''; width: 40px; height: 3px; top: 20px; } .carousel_module .listArrow:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -1px; } .carousel_module .listArrow:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 1px; } .carousel_module .listArrow-prev:before, .carousel_module .listArrow-prev:after { background-image: linear-gradient(to right, #ceb497 0%, #766050 50%, rgba(118, 96, 80, 0) 100%); -webkit-transform-origin: 0% center; transform-origin: 0% center; } .carousel_module .listArrow-prev:before { margin-top: 1px; } .carousel_module .listArrow-prev:after { margin-top: -1px; } .carousel_module .listArrow-next:before, .carousel_module .listArrow-next:after { background-image: linear-gradient(to left, #ceb497 0%, #766050 50%, rgba(118, 96, 80, 0) 100%); -webkit-transform-origin: 100% center; transform-origin: 100% center; } .carousel_module .listArrow-next:before { margin-top: -1px; } .carousel_module .listArrow-next:after { margin-top: 1px; } @media all and (max-width: 720px) { .carousel_module .listArrow { width: 20px; height: 20px; } .carousel_module .listArrow:before, .carousel_module .listArrow:after { width: 20px; height: 2px; top: 9px; } .carousel_module .listArrow-prev:before { margin-top: 1px; } .carousel_module .listArrow-prev:after { margin-top: -1px; } .carousel_module .listArrow-next:before { margin-top: -1px; } .carousel_module .listArrow-next:after { margin-top: 1px; } } .wd_content { color: #333333; margin-bottom: 75px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd_content { margin-bottom: 75px; } } @media all and (max-width: 720px) { .wd_content { margin-bottom: 55px; } } .wd_content .content_slogan { position: relative; margin-bottom: 33px; color: #a89d5b; font-size: 30px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd_content .content_slogan { font-size: 24px; } } @media all and (max-width: 720px) { .wd_content .content_slogan { font-size: 20px; margin-bottom: 29px; } } .wd_content .content_slogan + .content_info { position: relative; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd_content .content_slogan + .content_info { margin-bottom: 75px; } } @media all and (max-width: 720px) { .wd_content .content_slogan + .content_info { margin-bottom: 75px; font-size: 17px; letter-spacing: 0.1px; line-height: 1.45; } } .wd_content .content_info { font-size: 20px; line-height: 1.5; } .wd_content .content_comment { margin-top: 16px; font-size: 18px; color: #717171; line-height: 1.4; } @media all and (max-width: 720px) { .wd_content .content_comment { margin-top: 12px; font-size: 13px; letter-spacing: 0.2px; } } .wd_content .content_link { display: block; margin-top: 15px; font-size: 20px; line-height: 27px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd_content .content_link { margin-top: 16px; } } @media all and (max-width: 720px) { .wd_content .content_link { margin-top: 10px; font-size: 15.5px; line-height: 24px; } } .wd_content .content_link span { display: inline; border-bottom: 1px solid transparent; color: #0188c8; } .wd_content .content_link *, .wd_content .content_link:active span, .wd_content .content_link:link span, .wd_content .content_link:visited span { border-bottom: 1px solid transparent; } .wd_content .content_link:hover span { border-bottom: 1px solid #0188c8; } .wd_link-arrow:after { content: '>'; padding-left: 7px; color: #0188c8; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd_link-arrow:after { padding-left: 3px; } } @media all and (max-width: 720px) { .wd_link-arrow:after { padding-left: 4px; } } .kv_banner_carousel { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; width: 100%; max-width: 2560px; height: 686px; } .kv_banner_carousel .component_container { position: relative; width: 100%; height: 100%; } .kv_banner_carousel .component_container .carousel-list { position: relative; top: 0; left: 0; width: 100%; height: 100%; } .kv_banner_carousel .component_container .carousel-list .carousel-item { position: relative; overflow: hidden; width: 100%; height: 688px; } .kv_banner_carousel .component_container .carousel-list .carousel-item .item-img { position: absolute; left: 50%; margin-left: -1280px; width: 2560px; height: 686px; } .kv_banner_carousel .component_container .carousel-list .carousel-item .item-img .img { width: 2560px; height: 686px; } .kv_banner_carousel .component_container .carousel-list .carousel-item .item-content { position: absolute; top: 50%; left: 50%; margin-left: -562px; width: 460px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .kv_banner_carousel .component_container .carousel-list .carousel-item .item-content .content-title { position: relative; display: inline-block; margin-bottom: 19px; font-size: 52px; line-height: 1; text-transform: uppercase; } .kv_banner_carousel .component_container .carousel-list .carousel-item .item-content .content-info { position: relative; margin-bottom: 10px; font-size: 21px; line-height: 1.4; color: #fff; } .product_list { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; width: 100%; max-width: 1920px; font-size: 0; } .product_list .product { position: relative; overflow: hidden; display: inline-block; vertical-align: top; box-sizing: border-box; width: 25%; height: 784px; } .product_list .product .product-img { position: absolute; top: 0; left: 50%; margin-left: -239px; width: 479px; height: 784px; } .product_list .product .product-img .img { width: 479px; height: 784px; } .product_list .product .content-link { position: absolute; display: block; margin-top: 0; font-size: 19px; color: #fff; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; } .product_list .product .content-link .link-text { display: inline-block; } .product_list .product .product-mask { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .product_list .product .product-content { position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 9; } .product_list .product .product-content .content-title { position: relative; color: #fff; text-transform: uppercase; font-size: 35px; letter-spacing: 4px; line-height: 1; text-shadow: 0px 0px 9px #000; } .product_list .product .product-content .content-hidden { position: relative; overflow: hidden; height: 100%; } .product_list .product .product-content .content-hidden .content-info { position: relative; display: block; margin-top: 19px; margin-left: auto; margin-right: auto; width: 90%; color: #fff; font-size: 21px; line-height: 1.6; } .product_list .product .product-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product_list .product .product-frame > div { position: absolute; background: #c09f7e; } .product_list .product .product-frame .frame-top { top: 0; left: 0; height: 1px; } .product_list .product .product-frame .frame-right { top: 0; right: 0; width: 1px; } .product_list .product .product-frame .frame-bottom { right: 0; bottom: 0; height: 1px; } .product_list .product .product-frame .frame-left { left: 0; bottom: 0; width: 1px; } .product_list .link_arrows-left:before { position: relative; display: inline-block; content: ''; top: 50%; width: 10px; height: 10px; box-sizing: border-box; border: 2px solid transparent; border-top-color: #fff; border-left-color: #fff; margin-right: 1px; -webkit-transform-origin: 0 center; transform-origin: 0 center; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .product_list .link_arrows-right:after, .product_list .link_arrows-right-down:after { position: relative; display: inline-block; content: ''; top: 50%; width: 10px; height: 10px; box-sizing: border-box; border: 2px solid transparent; border-bottom-color: #fff; border-right-color: #fff; -webkit-transform-origin: 100% center; transform-origin: 100% center; } .product_list .link_arrows-right:after { margin-left: 1px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .product_list .link_arrows-right-down:after { margin-left: 1px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .product_list .product .product-mask { top: 0; left: 0; opacity: 0; transition: opacity 400ms; } .product_list .product .product-content .content-hidden { max-height: 0; opacity: 0; } .product_list .product .product-frame .frame-top { width: 0%; transition: width 400ms 400ms; } .product_list .product .product-frame .frame-right { height: 0%; transition: height 400ms; } .product_list .product .product-frame .frame-bottom { width: 0%; transition: width 400ms 400ms; } .product_list .product .product-frame .frame-left { height: 0%; transition: height 400ms; } @-webkit-keyframes pdContentShow { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes pdContentShow { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .product_list:hover .product .product-mask { opacity: 1; z-index: 11; } .product_list .product:hover .product-mask { opacity: 1; z-index: 9; } .product_list .product:hover .product-content { -webkit-animation-name: pdContentShow; animation-name: pdContentShow; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .product_list .product:hover .product-content .content-hidden { opacity: 1; max-height: 1000px; transition: opacity linear 500ms 500ms, max-height linear 0ms 500ms; } .product_list .product:hover .product-frame { z-index: 12; } .product_list .product:hover .product-frame .frame-top { width: 100%; transition: width 400ms 400ms; } .product_list .product:hover .product-frame .frame-right { height: 100%; transition: height 400ms 800ms; } .product_list .product:hover .product-frame .frame-bottom { width: 100%; transition: width 400ms 400ms; } .product_list .product:hover .product-frame .frame-left { height: 100%; transition: height 400ms 800ms; } @media all and (min-width: 721px) and (max-width: 1300px) { .product_list .product-mask { display: none; } .product_list .product-mask, .product_list .product-frame { display: none; } .product_list .product:hover .product-content .content-title, .product_list .product .product-content .content-title { font-size: 28px; } .product_list .product:hover .product-content { -webkit-animation-name: unset; animation-name: unset; -webkit-animation-duration: 0; animation-duration: 0; } } @media all and (min-width: 721px) and (max-width: 1300px) { .product_list { text-align: center; } .product_list .product-mask { display: none; } .product_list .product { width: 360px; height: 360px; box-sizing: border-box; padding: 1px; display: inline-block; border: 2px solid black; } .product_list .product:hover .product-content, .product_list .product .product-content { top: 0; left: 0; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; -webkit-transform: unset; transform: unset; -webkit-animation-name: none; animation-name: none; } .product_list .product:hover .product-content .content-hidden, .product_list .product .product-content .content-hidden { height: auto; max-height: 100%; overflow: visible; } .product_list .product:hover .product-content .content-hidden .content-title, .product_list .product:hover .product-content .content-hidden .content-info, .product_list .product:hover .product-content .content-hidden .content-link, .product_list .product .product-content .content-hidden .content-title, .product_list .product .product-content .content-hidden .content-info, .product_list .product .product-content .content-hidden .content-link { opacity: 1; } .product_list .product:hover .product-content .content-title, .product_list .product .product-content .content-title { letter-spacing: 4px; line-height: 1; } .product_list .product .product-img { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: unset; } } @media all and (max-width: 720px) { .product_list { text-align: center; } .product_list .product-mask, .product_list .product-frame { display: none; } .product_list .product { width: 100%; height: 300px; box-sizing: border-box; padding: 1px; display: inline-block; border: 2px solid black; } .product_list .product:hover .product-content, .product_list .product .product-content { top: 0; left: 0; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; -webkit-transform: unset; transform: unset; -webkit-animation-name: none; animation-name: none; } .product_list .product:hover .product-content .content-hidden, .product_list .product .product-content .content-hidden { height: auto; max-height: 100%; overflow: visible; display: none; } .product_list .product:hover .product-content .content-hidden .content-title, .product_list .product:hover .product-content .content-hidden .content-info, .product_list .product:hover .product-content .content-hidden .content-link, .product_list .product .product-content .content-hidden .content-title, .product_list .product .product-content .content-hidden .content-info, .product_list .product .product-content .content-hidden .content-link { -webkit-transform: unset; transform: unset; opacity: 1; } .product_list .product:hover .product-content .content-hidden .content-link, .product_list .product .product-content .content-hidden .content-link { display: inline-block; } .product_list .product:hover .product-content .content-hidden .content-info, .product_list .product .product-content .content-hidden .content-info { font-size: 17px; } .product_list .product:hover .product-content .content-title, .product_list .product .product-content .content-title { font-size: 26px; letter-spacing: 4px; line-height: 1; } .product_list .product .product-img { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: unset; width: 720px; height: 300px; } .product_list .product .product-img .img { width: 720px; height: 300px; } } .img_wall_List { display: flex; flex-wrap: wrap; width: 1200px; margin-left: auto; margin-right: auto; box-sizing: border-box; position: relative; } .img_wall_List .text__no__wrap { display: block; width: 100%; } .img_wall_List .imgWall-box { display: inline-flex; position: relative; vertical-align: top; justify-content: center; align-items: center; margin: 0 1px 1px 1px; box-sizing: content-box; height: 400px; background-color: #ccc; overflow: hidden; cursor: pointer; } .img_wall_List .imgWall-txt { position: relative; text-align: center; font-size: 32px; z-index: 9; color: #fff; letter-spacing: 3.8px; } .img_wall_List .imgWall-txt, .img_wall_List .imgWall-txt * { line-height: 1.3em; } .img_wall_List .imgWall-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .img_wall_List .imgWall-img figure.img { position: absolute; top: 50%; margin-top: -400px; left: 50%; margin-left: -400px; z-index: 1; } .img_wall_List .moreLink { position: absolute; top: 0; left: 0; box-sizing: content-box; width: 100%; height: 100%; z-index: 22; } .img_wall_List .moreLink a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .img_wall_List .imgWall-box figure.img { transition: -webkit-transform 8000ms; transition: transform 8000ms; transition: transform 8000ms, -webkit-transform 8000ms; } .img_wall_List .frame_ani .frame_ani-frame { z-index: 11; } .img_wall_List .frame_ani .frame_ani-frame > div { background: #c09f7e; } .img_wall_List .frame_ani .frame_ani-frame .frame-top { height: 1px; } .img_wall_List .frame_ani .frame_ani-frame .frame-right { width: 1px; } .img_wall_List .frame_ani .frame_ani-frame .frame-bottom { height: 1px; } .img_wall_List .frame_ani .frame_ani-frame .frame-left { width: 1px; } .img_wall_List .frame_ani.frame_ani-h .frame_ani-frame .frame-top { width: 0%; opacity: 0; transition: width 200ms 200ms, opacity 200ms 200ms; } .img_wall_List .frame_ani.frame_ani-h .frame_ani-frame .frame-right { height: 0%; transition: height 200ms; } .img_wall_List .frame_ani.frame_ani-h .frame_ani-frame .frame-bottom { width: 0%; opacity: 0; transition: width 200ms 200ms, opacity 200ms 200ms; } .img_wall_List .frame_ani.frame_ani-h .frame_ani-frame .frame-left { height: 0%; transition: height 200ms; } .img_wall_List .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-top { width: 100%; opacity: 1; transition: width 200ms 200ms, opacity 200ms; } .img_wall_List .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-right { height: 100%; transition: height 200ms 400ms; } .img_wall_List .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-bottom { width: 100%; opacity: 1; transition: width 200ms 200ms, opacity 200ms; } .img_wall_List .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-left { height: 100%; transition: height 200ms 400ms; } .img_wall_List .frame_ani.frame_ani-v .frame_ani-frame .frame-top { width: 0%; transition: width 200ms; } .img_wall_List .frame_ani.frame_ani-v .frame_ani-frame .frame-right { height: 0%; opacity: 0; transition: height 200ms 200ms, opacity 200ms; } .img_wall_List .frame_ani.frame_ani-v .frame_ani-frame .frame-bottom { width: 0%; transition: width 200ms; } .img_wall_List .frame_ani.frame_ani-v .frame_ani-frame .frame-left { height: 0%; opacity: 0; transition: height 200ms 200ms, opacity 200ms; } .img_wall_List .frame_ani.frame_ani-v.active .frame_ani-frame .frame-top, .img_wall_List .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-top { width: 100%; transition: width 200ms 400ms; } .img_wall_List .frame_ani.frame_ani-v.active .frame_ani-frame .frame-right, .img_wall_List .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-right { height: 100%; opacity: 1; transition: height 200ms 200ms, opacity 200ms; } .img_wall_List .frame_ani.frame_ani-v.active .frame_ani-frame .frame-bottom, .img_wall_List .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-bottom { width: 100%; transition: width 200ms 400ms; } .img_wall_List .frame_ani.frame_ani-v.active .frame_ani-frame .frame-left, .img_wall_List .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-left { height: 100%; opacity: 1; transition: height 200ms 200ms, opacity 200ms; } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_industry .imgWall-frame { display: none; } .cmdPageContainer .section_industry .imgWall-box { margin: 0; box-sizing: border-box; } } @media all and (max-width: 720px) { .cmdPageContainer .section_industry .imgWall-frame { display: none; } } .ie .img_wall_List .imgWall-box { display: inline-block; height: 100%; width: 100%; } .ie .img_wall_List .imgWall-txt { position: relative; text-align: center; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .creator_wall_List { display: flex; flex-wrap: wrap; width: 1200px; margin-top: 75px; margin-left: auto; margin-right: auto; box-sizing: border-box; position: relative; align-items: stretch; justify-content: center; } .creator_wall_List .text__no__wrap { display: block; width: 100%; } .creator_wall_List .creator-box { display: inline-flex; position: relative; vertical-align: top; margin: 0 1px 1px 1px; box-sizing: content-box; overflow: hidden; cursor: pointer; } .creator_wall_List .creator-box-item { width: 100%; } .creator_wall_List .creator-txt { position: relative; text-align: center; font-size: 32px; z-index: 9; } .creator_wall_List .creator-txt, .creator_wall_List .creator-txt * { line-height: 1.3em; } .creator_wall_List .creator-img { position: relative; top: 0; left: 0; overflow: hidden; } .creator_wall_List .creator-img figure.img { position: absolute; top: 50%; left: 50%; z-index: 1; } .creator_wall_List .creator-moreLink { position: absolute; top: 0; left: 0; box-sizing: content-box; width: 100%; height: 100%; z-index: 9; } .creator_wall_List .creator-moreLink a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .creator_wall_List .creator-box figure.img { transition: -webkit-transform 8000ms; transition: transform 8000ms; transition: transform 8000ms, -webkit-transform 8000ms; } .creator_wall_List .frame_ani .frame_ani-frame { z-index: 11; } .creator_wall_List .frame_ani .frame_ani-frame > div { background: #c09f7e; } .creator_wall_List .frame_ani .frame_ani-frame .frame-top { height: 1px; } .creator_wall_List .frame_ani .frame_ani-frame .frame-right { width: 1px; } .creator_wall_List .frame_ani .frame_ani-frame .frame-bottom { height: 1px; } .creator_wall_List .frame_ani .frame_ani-frame .frame-left { width: 1px; } .creator_wall_List .frame_ani.frame_ani-h .frame_ani-frame .frame-top { width: 0%; opacity: 0; transition: width 200ms 200ms, opacity 200ms 200ms; } .creator_wall_List .frame_ani.frame_ani-h .frame_ani-frame .frame-right { height: 0%; transition: height 200ms; } .creator_wall_List .frame_ani.frame_ani-h .frame_ani-frame .frame-bottom { width: 0%; opacity: 0; transition: width 200ms 200ms, opacity 200ms 200ms; } .creator_wall_List .frame_ani.frame_ani-h .frame_ani-frame .frame-left { height: 0%; transition: height 200ms; } .creator_wall_List .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-top { width: 100%; opacity: 1; transition: width 200ms 200ms, opacity 200ms; } .creator_wall_List .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-right { height: 100%; transition: height 200ms 400ms; } .creator_wall_List .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-bottom { width: 100%; opacity: 1; transition: width 200ms 200ms, opacity 200ms; } .creator_wall_List .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-left { height: 100%; transition: height 200ms 400ms; } .creator_wall_List .frame_ani.frame_ani-v .frame_ani-frame .frame-top { width: 0%; transition: width 200ms; } .creator_wall_List .frame_ani.frame_ani-v .frame_ani-frame .frame-right { height: 0%; opacity: 0; transition: height 200ms 200ms, opacity 200ms; } .creator_wall_List .frame_ani.frame_ani-v .frame_ani-frame .frame-bottom { width: 0%; transition: width 200ms; } .creator_wall_List .frame_ani.frame_ani-v .frame_ani-frame .frame-left { height: 0%; opacity: 0; transition: height 200ms 200ms, opacity 200ms; } .creator_wall_List .frame_ani.frame_ani-v.active .frame_ani-frame .frame-top, .creator_wall_List .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-top { width: 100%; transition: width 200ms 400ms; } .creator_wall_List .frame_ani.frame_ani-v.active .frame_ani-frame .frame-right, .creator_wall_List .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-right { height: 100%; opacity: 1; transition: height 200ms 200ms, opacity 200ms; } .creator_wall_List .frame_ani.frame_ani-v.active .frame_ani-frame .frame-bottom, .creator_wall_List .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-bottom { width: 100%; transition: width 200ms 400ms; } .creator_wall_List .frame_ani.frame_ani-v.active .frame_ani-frame .frame-left, .creator_wall_List .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-left { height: 100%; opacity: 1; transition: height 200ms 200ms, opacity 200ms; } .ie .creator_wall_List .creator-box { display: inline-block; height: 100%; width: 100%; } .ie .creator_wall_List .creator-txt { position: relative; text-align: center; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .prev_and_next .component_container { position: relative; margin-left: auto; margin-right: auto; width: 100%; max-width: 1920px; height: 481px; } .prev_and_next .component_container .container-content { position: absolute; top: 0; width: 100%; height: 100%; } .prev_and_next .component_container .container-content .content { position: absolute; overflow: hidden; cursor: pointer; top: 0; width: 50%; height: 100%; } .prev_and_next .component_container .container-content .content .content-img { position: absolute; top: 0; width: 100%; } .prev_and_next .component_container .container-content .content .content-img .img { position: absolute; top: 0; left: 50%; margin-left: -480px; width: 960px; height: 481px; } .prev_and_next .component_container .container-content .content .content-link { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .prev_and_next .component_container .container-content .content .content-link:before, .prev_and_next .component_container .container-content .content .content-link:after { position: absolute; display: inline-block; top: 0; line-height: 1.2em; padding: 7px; border: 1px solid #fff; border-width: 0 2px 2px 0; } .prev_and_next .component_container .container-content .content .content-link .link-text { position: relative; display: inline-block; color: #fff; } .prev_and_next .component_container .container-content .content-left { text-align: left; left: 0; } .prev_and_next .component_container .container-content .content-left .content-link { left: 0; margin-left: 50px; padding-left: 27px; } .prev_and_next .component_container .container-content .content-left .content-link:before { left: 3px; content: ''; margin-right: 5px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .prev_and_next .component_container .container-content .content-right { text-align: right; right: 0; } .prev_and_next .component_container .container-content .content-right .content-link { right: 0; margin-right: 50px; padding-right: 27px; } .prev_and_next .component_container .container-content .content-right .content-link:after { right: 3px; content: ''; margin-left: 5px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .prev_and_next .component_container .container-content .content .content-img .img { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transform-origin: center; transform-origin: center; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .prev_and_next .component_container .container-content .content .content-link { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .prev_and_next .component_container .container-content .content:hover .content-img .img { -webkit-transform: scale(1.004); transform: scale(1.004); } .prev_and_next .component_container .container-content .content:hover.content-left .content-link { -webkit-transform: translate3d(-10px, -50%, 0); transform: translate3d(-10px, -50%, 0); } .prev_and_next .component_container .container-content .content:hover.content-right .content-link { -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0); } @media all and (min-width: 1301px) { .prev_and_next .component_container .container-content .content .content-link:before, .prev_and_next .component_container .container-content .content .content-link:after { top: 16px; } .prev_and_next .component_container .container-content .content .content-link .link-text { color: #fff; font-size: 40px; line-height: 1.2em; } .prev_and_next .component_container .container-content .content .content-left .link-text { padding-left: 22px; } .prev_and_next .component_container .container-content .content .content-right .link-text { padding-right: 22px; } } @media all and (min-width: 721px) and (max-width: 1300px) { .prev_and_next .component_container { height: 360px; } .prev_and_next .component_container .container-content .content .content-link .link-text { font-size: 32px; line-height: 1.2em; } .prev_and_next .component_container .container-content .content .content-img .img { margin-left: -650px; width: 1300px; height: 360px; } .prev_and_next .component_container .container-content .content .content-link:before, .prev_and_next .component_container .container-content .content .content-link:after { top: 13px; } .prev_and_next .component_container .container-content .content .content-left .content-link:before { left: 3px; } .prev_and_next .component_container .container-content .content .content-right .content-link:after { right: 3px; } } @media all and (max-width: 720px) { .prev_and_next .component_container { height: 180px; } .prev_and_next .component_container .container-content .content .content-link .link-text { font-size: 15px; } .prev_and_next .component_container .container-content .content .content-img .img { margin-left: -160px; width: 320px; height: 180px; } .prev_and_next .component_container .container-content .content .content-link { box-sizing: border-box; } .prev_and_next .component_container .container-content .content .content-link:before, .prev_and_next .component_container .container-content .content .content-link:after { top: 7px; padding: 3px; } .prev_and_next .component_container .container-content .content-left .content-link { left: 0; margin-left: 0px; padding-left: 35px; } .prev_and_next .component_container .container-content .content-right .content-link { right: 0; margin-right: 0px; padding-right: 35px; } .prev_and_next .component_container .container-content .content-left .content-link:before { left: 19px; } .prev_and_next .component_container .container-content .content-right .content-link:after { right: 19px; } } .see_all { position: relative; } .see_all .component_container { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; width: 100%; max-width: 2560px; height: 450px; background: #131313; } .see_all .component_container .container-content { position: relative; display: block; height: 100%; } .see_all .component_container .container-content .content-img { position: absolute; left: 50%; margin-left: -1280px; width: 2560px; } .see_all .component_container .container-content .content-img .img { position: absolute; width: 2560px; height: 450px; } .see_all .component_container .container-content .content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .see_all .component_container .container-content .content .content-link { position: relative; width: 400px; } .see_all .component_container .container-content .content .content-link:after { position: relative; display: inline-block; content: ''; top: -3px; padding: 6px; border: 1px solid #c09f7e; border-width: 0 2px 2px 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .see_all .component_container .container-content .content .content-link .link-text { position: relative; display: inline-block; padding-right: 6px; font-size: 30px; color: #c09f7e; } .see_all .component_container .container-content.text-left .content { left: 50%; margin-left: -559px; } .see_all .component_container .container-content .content-img .img { -webkit-transform: scale(1) translate3d(0px, 0px, 0px); transform: scale(1) translate3d(0px, 0px, 0px); transition: -webkit-transform 2000ms 200ms; transition: transform 2000ms 200ms; transition: transform 2000ms 200ms, -webkit-transform 2000ms 200ms; } .see_all .component_container .container-content .content-link { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .see_all .component_container:hover .container-content .content-img .img { -webkit-transform: scale(1.05) translate3d(0px, 0px, 0px); transform: scale(1.05) translate3d(0px, 0px, 0px); } .see_all .component_container:hover .container-content .content-link { -webkit-transform: translate3d(30px, -50%, 0); transform: translate3d(30px, -50%, 0); } @media all and (min-width: 721px) and (max-width: 1300px) { .see_all .component_container { width: 100%; height: 360px; } .see_all .component_container .container-content .content-img { margin-left: -650px; width: 1300px; } .see_all .component_container .container-content .content-img .img { width: 1300px; height: 360px; -webkit-transform: unset; transform: unset; } .see_all .component_container .container-content.text-left .content { width: 100%; max-width: 768px; margin-left: 0; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .see_all .component_container .container-content.text-left .content .content-link { width: 50%; text-align: left; box-sizing: border-box; padding: 0 0 0 26px; } .see_all .component_container:hover .container-content .content-link { -webkit-transform: unset; transform: unset; } } @media all and (max-width: 720px) { .see_all .component_container { width: 100%; height: 180px; } .see_all .component_container .container-content .content-img { margin-left: -360px; width: 720px; } .see_all .component_container .container-content .content-img .img { width: 720px; height: 180px; -webkit-transform: unset; transform: unset; } .see_all .component_container .container-content.text-left .content { width: 100%; max-width: 414px; margin-left: 0; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .see_all .component_container .container-content.text-left .content .content-link { width: 50%; text-align: left; box-sizing: border-box; padding: 0 0 0 26px; -webkit-transform: unset; transform: unset; } .see_all .component_container .container-content.text-left .content .content-link .link-text { font-size: 22px; } .see_all .component_container .container-content.text-left .content .content-link:after { top: -2px; left: -7px; padding: 4px; } } .blockImgText .wd_content { margin: 0; padding: 25px 0; } .blockImgText .wd_content .content_slogan { color: #fff; } .blockImgText .wd_content .content_title { color: #fff; } .blockImgText .wd_content .content_info { color: #fff; margin: 0; } .blockImgText .wd_content .content_link { linkColor: #444bb5; color: #444bb5; } .blockImgText .wd_content .content_link *, .blockImgText .wd_content .content_link span { color: #444bb5; } .blockImgText .wd_content .content_link:after { color: #444bb5; } .blockImgText .wd_content .content_link:link { color: #444bb5; } .blockImgText .wd_content .content_link:hover span { border-bottom: 1px solid #444bb5; } .blockImgText .wd_content .content_info:first-child { margin-top: 0; } .blockImgText { display: flex; justify-content: flex-start; } .blockImgText .blockImg { flex: 3 2; overflow: hidden; } .blockImgText .blockText { flex: 2 1; display: flex; justify-content: center; align-items: center; background-color: #564c48; min-height: 440px; } @media all and (min-width: 1301px) { .blockImgText .wd_content { width: 64%; } .blockImgText .wd_content .content_slogan { font-size: 40px; margin-bottom: 29px; } .blockImgText .wd_content .content_info { margin-top: 14px; line-height: 1.6; font-size: 20px; } } @media all and (min-width: 721px) and (max-width: 1300px) { .blockImgText { display: block; width: 100%; } .blockImg { width: 100%; } .blockText { display: block; width: 100%; } .blockImgText .wd_content { width: 100%; } .blockImgText .wd_content .content_slogan { font-size: 40px; margin-bottom: 29px; } .blockImgText .wd_content .content_info { margin-top: 14px; font-size: 20px; } .blockImgText .wd_content .content_info:first-child { margin-top: 0; } } @media all and (max-width: 720px) { .blockImgText { display: block; width: 100%; } .blockImg { width: 100%; } .blockText { display: block; width: 100%; } .blockImgText .wd_content { width: 100%; } .blockImgText .wd_content .content_slogan { font-size: 35px; margin-bottom: 25px; } .blockImgText .wd_content .content_info { margin-top: 10px; font-size: 17px; } .blockImgText .wd_content .content_info:first-child { margin-top: 0; } } .carouselListContainer { display: block; position: relative; text-align: center; background-color: #131313; } .carouselListContainer .carouselList { width: 1300px; box-sizing: border-box; display: inline-block; } .carouselListContainer .carouselList-item { display: block; position: relative; margin-bottom: 1px; align-items: center; padding: 65px 100px; height: 100%; width: 100%; box-sizing: border-box; text-align: center; vertical-align: top; } .carouselListContainer .carouselList-item:after { content: ""; display: table; clear: both; } .carouselListContainer .carouselList-img, .carouselListContainer .carouselList-detail { width: 50%; margin-left: auto; left: auto; right: auto; float: left; box-sizing: border-box; padding: 0; margin: 0; } .carouselListContainer .carouselList-detail-box-align { width: 100%; display: table-cell; vertical-align: middle; text-align: left; } .carouselListContainer .carouselList-detail-box { position: relative; } .carouselListContainer .showbox-detail-content { width: 100%; } .carouselListContainer .showbox-detail-highlight { width: 100%; } .carouselListContainer .showbox-detail-highLight .showbox-detail-hl-item { display: inline-block; margin-bottom: 0; margin-right: 10px; } .carouselListContainer .showbox-detail-highLight .item-data-text { font-size: 40px; line-height: 1; color: #fff; } .carouselListContainer .showbox-detail-highLight .item-data-img { position: relative; display: inline-block; width: 100px; height: 50px; } .carouselListContainer .showbox-detail-highLight .item-des-bottom { margin-top: 11px; } .carouselListContainer .showbox-detail-highLight .item-des-bottom-text { font-size: 18px; color: #fff; line-height: 1; } .carouselListContainer .content__title.txtMode, .carouselListContainer .content__title.txtMode * { font-size: 32px; color: #ceb497; } .carouselListContainer .content__title.txtMode span { line-height: 1.3; } .carouselListContainer .content__info { margin-top: 15px; font-size: 20px; color: #fff; line-height: 1.5; } .carouselListContainer .showbox-detail-highLight { width: 100%; margin-top: 35px; } .carouselListContainer .showbox-detail-highLight .showbox-detail-hl-item { vertical-align: top; margin-right: 30px; margin-bottom: 40px; max-width: 152px; } .carouselListContainer .showbox-detail-highLight .item-data-img { width: 50px; height: 50px; border: 1px solid #ffcc00; } .carouselListContainer .showbox-detail-moreLink { margin-top: 15px; font-size: 16px; color: #ceb497; } .carouselListContainer .showbox-detail-moreLink a, .carouselListContainer .showbox-detail-moreLink a:link, .carouselListContainer .showbox-detail-moreLink a:hover { color: #ceb497; display: inline-block; position: relative; padding: 10px 10px; } .carouselListContainer .carouselList-img figure { width: 500px; height: 500px; margin-left: auto; margin-right: auto; } .carouselListContainer { margin-top: 10px; } .carouselListContainer:nth-child(0) { margin-top: 0; } .carouselListContainer .listArrow-prev { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .carouselListContainer .listArrow-next { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .carouselListContainer .frame_ani .frame_ani-frame { z-index: 11; } .carouselListContainer .frame_ani .frame_ani-frame > div { background: #c09f7e; } .carouselListContainer .frame_ani .frame_ani-frame .frame-top { height: 1px; } .carouselListContainer .frame_ani .frame_ani-frame .frame-right { width: 1px; } .carouselListContainer .frame_ani .frame_ani-frame .frame-bottom { height: 1px; } .carouselListContainer .frame_ani .frame_ani-frame .frame-left { width: 1px; } .carouselListContainer .frame_ani.frame_ani-h .frame_ani-frame .frame-top { width: 0%; opacity: 0; transition: width 200ms 200ms, opacity 200ms 200ms; } .carouselListContainer .frame_ani.frame_ani-h .frame_ani-frame .frame-right { height: 0%; transition: height 200ms; } .carouselListContainer .frame_ani.frame_ani-h .frame_ani-frame .frame-bottom { width: 0%; opacity: 0; transition: width 200ms 200ms, opacity 200ms 200ms; } .carouselListContainer .frame_ani.frame_ani-h .frame_ani-frame .frame-left { height: 0%; transition: height 200ms; } .carouselListContainer .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-top { width: 100%; opacity: 1; transition: width 200ms 200ms, opacity 200ms; } .carouselListContainer .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-right { height: 100%; transition: height 200ms 400ms; } .carouselListContainer .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-bottom { width: 100%; opacity: 1; transition: width 200ms 200ms, opacity 200ms; } .carouselListContainer .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-left { height: 100%; transition: height 200ms 400ms; } .carouselListContainer .frame_ani.frame_ani-v .frame_ani-frame .frame-top { width: 0%; transition: width 200ms; } .carouselListContainer .frame_ani.frame_ani-v .frame_ani-frame .frame-right { height: 0%; opacity: 0; transition: height 200ms 200ms, opacity 200ms; } .carouselListContainer .frame_ani.frame_ani-v .frame_ani-frame .frame-bottom { width: 0%; transition: width 200ms; } .carouselListContainer .frame_ani.frame_ani-v .frame_ani-frame .frame-left { height: 0%; opacity: 0; transition: height 200ms 200ms, opacity 200ms; } .carouselListContainer .frame_ani.frame_ani-v.active .frame_ani-frame .frame-top, .carouselListContainer .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-top { width: 100%; transition: width 200ms 400ms; } .carouselListContainer .frame_ani.frame_ani-v.active .frame_ani-frame .frame-right, .carouselListContainer .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-right { height: 100%; opacity: 1; transition: height 200ms 200ms, opacity 200ms; } .carouselListContainer .frame_ani.frame_ani-v.active .frame_ani-frame .frame-bottom, .carouselListContainer .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-bottom { width: 100%; transition: width 200ms 400ms; } .carouselListContainer .frame_ani.frame_ani-v.active .frame_ani-frame .frame-left, .carouselListContainer .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-left { height: 100%; opacity: 1; transition: height 200ms 200ms, opacity 200ms; } @media all and (min-width: 1301px) { .carouselListContainer .showbox-detail-moreLink { margin-top: 15px; font-size: 16px; } .carouselListContainer .showbox-detail-moreLink a, .carouselListContainer .showbox-detail-moreLink a:link { padding: 10px 10px 10px 0px; } .carouselListContainer .showbox-detail-moreLink a:hover { padding: 10px 10px; } .carouselListContainer .showbox-detail-moreLink a { transition: padding ease-out 360ms; } .carouselListContainer-rl .carouselList-img { left: 50%; position: relative; } .carouselListContainer-rl .carouselList-detail { left: -50%; position: relative; } .carouselListContainer-rl .carouselList-detail-box-align { padding-right: 53px; } } @media all and (min-width: 721px) and (max-width: 1300px) { .carouselListContainer .showbox-detail-highLight .showbox-detail-hl-item { margin: 0 20px 30px 20px; } } @media all and (max-width: 720px) { .carouselListContainer .carouselList-item { padding: 60px 0 45px !important; } .carouselListContainer .carouselList-detail-box-align { width: 92% !important; margin-left: auto; margin-right: auto; } .carouselListContainer .showbox-detail-highLight { margin-top: 35px; } .carouselListContainer .showbox-detail-highLight .showbox-detail-hl-item { max-width: 120px; margin: 0px 12px 30px 12px; } .carouselListContainer .showbox-detail-highLight .item-des-bottom { margin-top: 6px; } } .imgInfoListContainer { margin-left: auto; margin-right: auto; display: block; position: relative; text-align: center; } .imgInfoListContainer .imgInfoList { display: inline-block; box-sizing: border-box; font-size: 0; } .imgInfoListContainer .imgInfoList-item { display: inline-block; vertical-align: top; position: relative; margin-bottom: 1px; align-items: center; box-sizing: border-box; justify-content: space-between; height: auto; width: 100%; z-index: 9; box-sizing: border-box; overflow: visible; background-color: #131313; } .imgInfoListContainer .imgInfoList-img { position: relative; width: 100%; box-sizing: border-box; z-index: 9; } .imgInfoListContainer .imgInfoList-detail { position: relative; text-align: left; padding-top: 70px; padding-bottom: 53px; box-sizing: border-box; z-index: 11; } .imgInfoListContainer .showbox-detail-content { width: 100%; text-align: center; } .imgInfoListContainer .content__title.txtMode, .imgInfoListContainer .content__title.txtMode * { font-size: 32px; color: #ceb497; } .imgInfoListContainer .content__title.txtMode span { line-height: 1.3; } .imgInfoListContainer .content__title + .content__info { margin-top: 15px; } .imgInfoListContainer .content__info { text-align: center; color: #fff; line-height: 1.3; font-size: 20px; } .imgInfoListContainer .showbox-detail-moreLink { margin-top: 23px; font-size: 16px; color: #ceb497; text-align: center; } .imgInfoListContainer .showbox-detail-moreLink a, .imgInfoListContainer .showbox-detail-moreLink a:link, .imgInfoListContainer .showbox-detail-moreLink a:hover { color: #ceb497; display: inline-block; position: relative; padding: 10px 10px; } .imgInfoListContainer .imgInfoList-img figure { width: 500px; height: 500px; margin-left: auto; margin-right: auto; } .imgInfoListContainer-rl .imgInfoList-img { order: 2; } .imgInfoListContainer-rl .imgInfoList-detail { order: 1; } .imgInfoListContainer { margin-top: 10px; } .imgInfoListContainer:nth-child(0) { margin-top: 0; } .imgInfoListContainer .listArrow-prev { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .imgInfoListContainer .listArrow-next { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .imgInfoListContainer .frame_ani .frame_ani-frame { z-index: 11; } .imgInfoListContainer .frame_ani .frame_ani-frame > div { background: #c09f7e; } .imgInfoListContainer .frame_ani .frame_ani-frame .frame-top { height: 1px; } .imgInfoListContainer .frame_ani .frame_ani-frame .frame-right { width: 1px; } .imgInfoListContainer .frame_ani .frame_ani-frame .frame-bottom { height: 1px; } .imgInfoListContainer .frame_ani .frame_ani-frame .frame-left { width: 1px; } .imgInfoListContainer .frame_ani.frame_ani-h .frame_ani-frame .frame-top { width: 0%; opacity: 0; transition: width 200ms 200ms, opacity 200ms 200ms; } .imgInfoListContainer .frame_ani.frame_ani-h .frame_ani-frame .frame-right { height: 0%; transition: height 200ms; } .imgInfoListContainer .frame_ani.frame_ani-h .frame_ani-frame .frame-bottom { width: 0%; opacity: 0; transition: width 200ms 200ms, opacity 200ms 200ms; } .imgInfoListContainer .frame_ani.frame_ani-h .frame_ani-frame .frame-left { height: 0%; transition: height 200ms; } .imgInfoListContainer .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-top { width: 100%; opacity: 1; transition: width 200ms 200ms, opacity 200ms; } .imgInfoListContainer .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-right { height: 100%; transition: height 200ms 400ms; } .imgInfoListContainer .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-bottom { width: 100%; opacity: 1; transition: width 200ms 200ms, opacity 200ms; } .imgInfoListContainer .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-left { height: 100%; transition: height 200ms 400ms; } .imgInfoListContainer .frame_ani.frame_ani-v .frame_ani-frame .frame-top { width: 0%; transition: width 200ms; } .imgInfoListContainer .frame_ani.frame_ani-v .frame_ani-frame .frame-right { height: 0%; opacity: 0; transition: height 200ms 200ms, opacity 200ms; } .imgInfoListContainer .frame_ani.frame_ani-v .frame_ani-frame .frame-bottom { width: 0%; transition: width 200ms; } .imgInfoListContainer .frame_ani.frame_ani-v .frame_ani-frame .frame-left { height: 0%; opacity: 0; transition: height 200ms 200ms, opacity 200ms; } .imgInfoListContainer .frame_ani.frame_ani-v.active .frame_ani-frame .frame-top, .imgInfoListContainer .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-top { width: 100%; transition: width 200ms 400ms; } .imgInfoListContainer .frame_ani.frame_ani-v.active .frame_ani-frame .frame-right, .imgInfoListContainer .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-right { height: 100%; opacity: 1; transition: height 200ms 200ms, opacity 200ms; } .imgInfoListContainer .frame_ani.frame_ani-v.active .frame_ani-frame .frame-bottom, .imgInfoListContainer .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-bottom { width: 100%; transition: width 200ms 400ms; } .imgInfoListContainer .frame_ani.frame_ani-v.active .frame_ani-frame .frame-left, .imgInfoListContainer .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-left { height: 100%; opacity: 1; transition: height 200ms 200ms, opacity 200ms; } @media all and (min-width: 1300px) { .imgInfoListContainer { margin-top: -62px; } } @media all and (max-width: 720px) { .imgInfoListContainer .listArrow-prev { margin-left: 0; left: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .imgInfoListContainer .listArrow-next { margin-left: 0; left: calc(100% - 31px); -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .eventsListContainer { position: relative; width: 100%; max-width: 1255px; margin-left: auto; margin-right: auto; } .eventsListContainer .link_arrows-left:before { position: relative; display: inline-block; content: ''; top: 50%; width: 8px; height: 8px; box-sizing: border-box; border: 2px solid transparent; border-top-color: #7b6654; border-left-color: #7b6654; margin-right: -3px; -webkit-transform-origin: 0 center; transform-origin: 0 center; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .eventsListContainer .link_arrows-right:after, .eventsListContainer .link_arrows-right-down:after { position: relative; display: inline-block; content: ''; top: 50%; width: 8px; height: 8px; box-sizing: border-box; border: 2px solid transparent; border-bottom-color: #7b6654; border-right-color: #7b6654; -webkit-transform-origin: 100% center; transform-origin: 100% center; } .eventsListContainer .link_arrows-right:after { margin-left: -3px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .eventsListContainer .link_arrows-right-down:after { margin-left: -3px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .eventsListContainer .eventsList-item { display: flex; flex-direction: row; justify-content: stretch; align-items: baseline; } .eventsListContainer .eventsList-date { letter-spacing: 0.5px; text-align: center; text-transform: uppercase; } .eventsListContainer .eventsList-title { flex: 1 1; } .eventsListContainer .eventsList-link { text-transform: uppercase; } .eventsListContainer .eventsList-link-item { display: inline-block; position: relative; } #ctl00_ContentPlaceHolder1_ctl00_span_model_name img { max-width: 100%; } #main-zone > .container { width: 100% !important; max-width: 100% !important; padding: 0 !important; } #main-zone > .container .overview-wrapper { width: 100% !important; } #product-footer-zone { margin-top: 0 !important; } #main-zone #overview-top-nav .inner { padding: 0; } #special-sectionOverview { margin-top: 0px; } #CMD sup { top: -0.2em; } .ieOld #CMD .wd_content.wd_content-main .content_slogan .slogan-text:before { background-image: unset !important; background-color: #ceb497 !important; } .ieOld #CMD .text-gradient-gold span, .ieOld #CMD .text-gradient-gold sup, .ieOld #CMD .text-gradient-gold div, .ieOld #CMD .text-gradient-gold { color: #ceb497 !important; background-image: unset !important; background-color: unset !important; -webkit-background-clip: unset; -webkit-text-fill-color: unset; } #member-page-content { margin-bottom: 0 !important; width: 100% !important; margin-left: 0% !important; padding-left: 0% !important; } .page-title.double-border-bottom { display: none !important; } .op0 { opacity: 1 !important; } #TB_Mask { display: none !important; } body { background-attachment: scroll !important; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } html.show__subnav, body.show__subnav { overflow: hidden !important; } #CMD { padding-top: 51px; } @media all and (min-width: 0px) and (max-width: 720px) { #CMD { padding-top: 41px; } } section { position: relative; margin-left: auto; margin-right: auto; max-width: 2560px; } @media all and (min-width: 721px) and (max-width: 1300px) { section { margin-left: auto; margin-right: auto; width: 100%; max-width: 1300px; } } @media all and (min-width: 0px) and (max-width: 720px) { section { width: 100%; margin-left: auto; margin-right: auto; max-width: 720px; } } .img.progressive-image { background: none !important; } .video-bottom, .media-bottom { position: relative; } .cmd__guideline { position: absolute; left: 0; width: 100vw; z-index: 1000000000000; opacity: 0; transition: opacity 400ms ease-out; } .cmd__guideline.active { opacity: 1; } .cmd__guideline.guideline-slogan { bottom: 64px; height: 242px; background: rgba(219, 77, 109, 0.3); } .cmd__guideline.guideline-title { top: -43px; height: 54px; background: rgba(251, 150, 110, 0.3); } .cmd__guideline.guideline-info { top: -31px; height: 36px; background: rgba(0, 137, 108, 0.3); } .cmd__guideline.guideline-hl { top: -73px; height: 83px; background: rgba(193, 50, 142, 0.3); } .cmd__guideline.guideline-hldesb { top: -9px; height: 13px; width: 100%; background: rgba(88, 178, 220, 0.3); } .cmd__guideline.guideline-hlb { bottom: -60px; height: 65px; background: rgba(144, 180, 75, 0.3); } .cmd__guideline.guideline-pdprice-top { bottom: 129px; height: 72px; background: rgba(46, 92, 110, 0.3); } .cmd__guideline.guideline-pdprice-bottom { bottom: -72px; height: 72px; background: rgba(46, 92, 110, 0.3); } .cmd__guideline.guideline-pdguide { bottom: 30px; height: 37px; width: 100%; background: rgba(88, 178, 220, 0.3); } .cmd__guideline.guideline-pdvideos { height: 214px; top: -91px; background: rgba(144, 180, 75, 0.3); } .cmd__guideline.guideline-pdvideos-bottom { top: 0; height: 214px; background: rgba(144, 180, 75, 0.3); } .cmd__guideline.guideline-pdmedias-bottom { top: -14px; height: 214px; background: rgba(144, 180, 75, 0.3); } .guideline-floatspace { position: fixed; top: 50%; bottom: 64px; height: 242px; background: rgba(219, 77, 109, 0.3); } .guideline-floatspace:after { position: absolute; display: block; content: 'image interval'; bottom: 0; height: 122px; width: 100%; color: white; background: rgba(251, 150, 110, 0.3); } .guideline-floatspace:before { position: absolute; display: block; content: 'section interval'; height: inherit; width: 100%; color: white; } .guideline__controller { position: fixed; overflow: hidden; text-align: center; z-index: 99999999999; top: 0; margin-left: 0; padding: 10px 15px 15px 10px; width: 30px; height: 30px; border-top-left-radius: 0%; border-top-right-radius: 0%; border-bottom-left-radius: 0%; border-bottom-right-radius: 10px; background: rgba(112, 124, 116, 0.8); } .guideline__controller .guideline__logo { position: absolute; top: 13px; left: 5px; width: 40px; height: 40px; font-size: 22px; color: #eee; } @-webkit-keyframes showAnimation { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } @keyframes showAnimation { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } .guideline__controller.visible { margin-left: 0; width: auto; height: auto; } .guideline__controller.visible .control { display: block; } .guideline__controller.visible .guideline__logo:before { position: absolute; content: ''; display: block; z-index: -1; top: -1px; left: 5px; border-radius: 50%; width: 30px; height: 30px; background: rgba(255, 0, 0, 0.3); -webkit-animation: showAnimation 3000ms ease-in-out infinite; animation: showAnimation 3000ms ease-in-out infinite; } .guideline__controller .guideline__logo { position: absolute; top: 13px; left: 5px; width: 40px; height: 40px; font-size: 22px; color: #eee; } .guideline__controller .control { position: relative; text-align: left; display: none; cursor: pointer; margin: 10px 10px 10px 30px; padding-left: 30px; color: #fffffc; font-size: 20px; } .guideline__controller .control.main__item { margin-top: 22px; } .guideline__controller .control.sub__item { margin-left: 50px; } .guideline__controller .control input { position: absolute; z-index: -1; opacity: 0; } .guideline__controller .control .control__indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #e6e6e6; } .guideline__controller .control .control__indicator:after { position: absolute; content: ''; display: block; opacity: 0; left: 8px; top: 4px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .guideline__controller .control input:checked ~ .control__indicator { background: #2aa1c0; } .guideline__controller .control input:checked ~ .control__indicator:after { opacity: 1; } @media all and (min-width: 721px) and (max-width: 1300px) { .cmd__guideline.guideline-slogan { top: -166px; height: 173px; } .cmd__guideline.guideline-title { top: -33px; height: 44px; } .cmd__guideline.guideline-info { top: -27px; height: 33px; } .cmd__guideline.guideline-hl { top: -59px; height: 69px; } .cmd__guideline.guideline-pdprice-top { bottom: 129px; height: 53px; } .cmd__guideline.guideline-pdprice-bottom { bottom: -53px; height: 53px; } .cmd__guideline.guideline-pdguide { bottom: 30px; height: 37px; } .cmd__guideline.guideline-pdvideos { top: -13px; height: 165px; } .cmd__guideline.guideline-pdvideos-bottom { top: 0; height: 165px; } .cmd__guideline.guideline-pdmedias-bottom { top: -8px; height: 165px; } .guideline-floatspace { height: 175px; } .guideline-floatspace:after { height: 56px; } } @media all and (min-width: 960px) and (max-width: 1300px) { .cmd__guideline.guideline-pdmedias-bottom { top: -34px; } } @media all and (max-width: 720px) { .cmd__guideline.guideline-slogan { top: -96px; height: 100px; } .cmd__guideline.guideline-title { top: -23px; height: 29px; } .cmd__guideline.guideline-info { top: -24px; height: 27px; } .cmd__guideline.guideline-hl { top: -41px; height: 48px; } .cmd__guideline.guideline-pdprice-top { bottom: 116px; height: 32px; } .cmd__guideline.guideline-pdprice-bottom { bottom: -32px; height: 32px; } .cmd__guideline.guideline-pdguide { bottom: 21px; height: 28px; } .cmd__guideline.guideline-pdvideos { top: -9px; height: 91px; } .cmd__guideline.guideline-pdvideos-bottom { top: 0; height: 91px; } .cmd__guideline.guideline-pdmedias-bottom { top: -76px; height: 91px; } .guideline-floatspace { height: 96px; } .guideline-floatspace:after { height: 52px; } } @media all and (min-width: 600px) and (max-width: 720px) { .cmd__guideline.guideline-pdmedias-bottom { top: -29px; } } @media all and (max-width: 720px) { .wd_content.wd_content-submain .content_slogan .slogan-text { font-size: 32px; line-height: 1.2; } } .cmdPageContainer .row .col[class*="push-"], .cmdPageContainer .row .col[class*="pull-"] { position: relative; } .cmdPageContainer .always__on__top { position: relative; z-index: 1000; } .cmdPageContainer .no__wrap { white-space: nowrap; display: inline-block; } .cmdPageContainer.theme_text-white .wd_content .content_title { color: #fff; } .cmdPageContainer.theme_text-white .wd_content .content_info { color: #fff; } .cmdPageContainer.theme_text-white .wd_content .content_link span { color: #fff; } .cmdPageContainer .large_use, .cmdPageContainer .medium_use, .cmdPageContainer .small_use { display: none; } .cmdPageContainer .large_use { display: block \9; } .cmdPageContainer .large_unuse { display: none \9; } .cmdPageContainer .section_kv { margin-bottom: 0; } .cmdPageContainer .section_kv .kv_banner_carousel { height: 686px; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item { height: 686px; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item .item-img, .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item .item-img .img { width: 2560px; height: 686px; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-1 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s1/kv_banner_carousel_1.jpg") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-1 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s1/kv_banner_carousel_1.jpg"); } } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-2 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s1/kv_banner_carousel_2.jpg") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-2 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s1/kv_banner_carousel_2.jpg"); } } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-3 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s1/kv_banner_carousel_3.jpg") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-3 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s1/kv_banner_carousel_3.jpg"); } } .cmdPageContainer .section_products { background-color: #131313; position: relative; } .cmdPageContainer .section_products .product_list { background-color: #000; padding-right: 1px; } .cmdPageContainer .section_products .product_list .product.product-1 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s2/product_1.jpg") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_products .product_list .product.product-1 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s2/product_1.jpg"); } } .cmdPageContainer .section_products .product_list .product.product-2 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s2/product_2.jpg") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_products .product_list .product.product-2 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s2/product_2.jpg"); } } .cmdPageContainer .section_products .product_list .product.product-3 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s2/product_3.jpg") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_products .product_list .product.product-3 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s2/product_3.jpg"); } } .cmdPageContainer .section_products .product_list .product.product-4 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s2/product_4.jpg") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_products .product_list .product.product-4 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s2/product_4.jpg"); } } .cmdPageContainer .section_industry .img_wall_List .imgWall-box { background-color: #000; } .cmdPageContainer .section_industry .imgWall-box figure.img { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); } .cmdPageContainer .section_industry .imgWall-box:hover figure.img { -webkit-transform: scale(1.05); transform: scale(1.05); } .ie .cmdPageContainer .section_industry .creator_wall_List .imgWall-box figure.img { -webkit-transform: none !important; transform: none !important; } .cmdPageContainer .section_software .imgInfoList-item .imgInfoList-img { min-height: auto; } .cmdPageContainer .section_software .imgInfoList-item-1 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_1.png") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-1 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_1.png"); } } .cmdPageContainer .section_software .imgInfoList-item-2 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_2.png") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-2 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_2.png"); } } .cmdPageContainer .section_software .imgInfoList-item-3 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_3.png") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-3 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_3.png"); } } .cmdPageContainer .section_software .imgInfoList-item-4 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_4.png") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-4 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_4.png"); } } .cmdPageContainer .section_software .imgInfoList-item-5 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_5.png") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-5 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_5.png"); } } .cmdPageContainer .section_software .imgInfoList-item-6 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_6.png") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-6 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_6.png"); } } .cmdPageContainer .section_software .imgInfoList-item-7 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_7.png") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-7 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_7.png"); } } .cmdPageContainer .section_software .imgInfoList-item-8 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_8.png") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-8 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_8.png"); } } .cmdPageContainer .section_software .imgInfoList-item-9 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_9.png") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-9 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_9.png"); } } .cmdPageContainer .section_software .imgInfoList-item-10 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_10.png") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-10 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_10.png"); } } .cmdPageContainer .section_software .imgInfoList-item-11 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_11.png") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-11 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_11.png"); } } .cmdPageContainer .section_software .imgInfoList-item-12 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_12.png") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-12 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_12.png"); } } .cmdPageContainer .section_software .imgInfoList-item-13 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_13.png") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-13 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_13.png"); } } .cmdPageContainer .section_aboutProArt .content__info sup { top: -0.3em; } .cmdPageContainer .section_aboutProArt .imgInfoList-img:after { position: absolute; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, #131313 0%, #131313 30%, rgba(19, 19, 19, 0) 60%); } .cmdPageContainer .section_aboutProArt .imgInfoListContainer .imgInfoList-img { min-height: auto; overflow: hidden; } .cmdPageContainer .section_whatProsSay .creator-box .creator-img { z-index: 1; } .cmdPageContainer .section_whatProsSay .creator-box figure.img { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); } .cmdPageContainer .section_whatProsSay .creator-box:hover figure.img { -webkit-transform: scale(1.05); transform: scale(1.05); } .cmdPageContainer .section_whatProsSay .showmore { display: inline-block; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: relative; } .cmdPageContainer .section_whatProsSay .showmore span.link-text { color: #ceb497; font-size: 20px; } .cmdPageContainer .section_whatProsSay .showmore .link_arrows-left:before { position: relative; display: inline-block; content: ''; top: 50%; width: 12px; height: 12px; box-sizing: border-box; border: 2px solid transparent; border-top-color: #ceb497; border-left-color: #ceb497; margin-right: 8px; -webkit-transform-origin: 0 center; transform-origin: 0 center; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .cmdPageContainer .section_whatProsSay .showmore .link_arrows-right:after, .cmdPageContainer .section_whatProsSay .showmore .link_arrows-right-down:after { position: relative; display: inline-block; content: ''; top: 50%; width: 12px; height: 12px; box-sizing: border-box; border: 2px solid transparent; border-bottom-color: #ceb497; border-right-color: #ceb497; -webkit-transform-origin: 100% center; transform-origin: 100% center; } .cmdPageContainer .section_whatProsSay .showmore .link_arrows-right:after { margin-left: 8px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .cmdPageContainer .section_whatProsSay .showmore .link_arrows-right-down:after { margin-left: 8px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .cmdPageContainer .section_whatProsSay .showmore { display: none; padding: 10px; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani .frame_ani-frame { z-index: 11; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani .frame_ani-frame > div { background: #c09f7e; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani .frame_ani-frame .frame-top { height: 2px; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani .frame_ani-frame .frame-right { width: 2px; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani .frame_ani-frame .frame-bottom { height: 2px; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani .frame_ani-frame .frame-left { width: 2px; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-h .frame_ani-frame .frame-top { width: 0%; opacity: 0; transition: width 200ms 200ms, opacity 200ms 200ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-h .frame_ani-frame .frame-right { height: 0%; transition: height 200ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-h .frame_ani-frame .frame-bottom { width: 0%; opacity: 0; transition: width 200ms 200ms, opacity 200ms 200ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-h .frame_ani-frame .frame-left { height: 0%; transition: height 200ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-top { width: 100%; opacity: 1; transition: width 200ms 200ms, opacity 200ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-right { height: 100%; transition: height 200ms 400ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-bottom { width: 100%; opacity: 1; transition: width 200ms 200ms, opacity 200ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-h:hover .frame_ani-frame .frame-left { height: 100%; transition: height 200ms 400ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-v .frame_ani-frame .frame-top { width: 0%; transition: width 200ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-v .frame_ani-frame .frame-right { height: 0%; opacity: 0; transition: height 200ms 200ms, opacity 200ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-v .frame_ani-frame .frame-bottom { width: 0%; transition: width 200ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-v .frame_ani-frame .frame-left { height: 0%; opacity: 0; transition: height 200ms 200ms, opacity 200ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-v.active .frame_ani-frame .frame-top, .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-top { width: 100%; transition: width 200ms 400ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-v.active .frame_ani-frame .frame-right, .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-right { height: 100%; opacity: 1; transition: height 200ms 200ms, opacity 200ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-v.active .frame_ani-frame .frame-bottom, .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-bottom { width: 100%; transition: width 200ms 400ms; } .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-v.active .frame_ani-frame .frame-left, .cmdPageContainer .section_whatProsSay .showmore .frame_ani.frame_ani-v:hover .frame_ani-frame .frame-left { height: 100%; opacity: 1; transition: height 200ms 200ms, opacity 200ms; } .ie .cmdPageContainer .section_whatProsSay .creator_wall_List .imgWall-box figure.img { -webkit-transform: none !important; transform: none !important; } .cmdPageContainer .section_whatProsSay { position: relative; margin-top: 0; margin-bottom: 0; max-width: 1223px; } .cmdPageContainer .section_whatProsSay .section_container .container-title { position: relative; display: inline-block; font-size: 37px; color: #c09f7e; } .cmdPageContainer .section_whatProsSay .section_container .container-title, .cmdPageContainer .section_whatProsSay .section_container .container-title * { line-height: 1.4; } .cmdPageContainer .section_whatProsSay .section_container .container-date { position: relative; margin-top: 12px; font-size: 21px; line-height: 1.3; color: #fff; } .cmdPageContainer .section_whatProsSay .section_container .container-img { position: relative; margin-top: 41px; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item { position: relative; width: 100%; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item .imglink { position: absolute; display: block; width: 100%; height: 100%; z-index: 1; left: 0; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item .carousel-img { position: relative; width: 100%; height: 364px; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item .carousel-img .img { margin: 0 auto; width: 562px; height: 341px; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item .carousel-content { position: relative; text-align: center; margin-top: 6px; margin-left: auto; margin-right: auto; width: 68%; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item .carousel-content .content-description { position: relative; font-size: 18px; line-height: 1.4; color: #fff; } .cmdPageContainer .section_whatProsSay .section_container .container-img { width: 100%; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-1 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/event_1.jpg") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-1 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/event_1.jpg"); } } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-2 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/event_2.jpg") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-2 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/event_2.jpg"); } } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-3 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/event_3.jpg") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-3 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/event_3.jpg"); } } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-4 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/event_4.jpg") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-4 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/event_4.jpg"); } } .cmdPageContainer .section_whatProsSay .carouselListContainer { background-color: transparent; } .cmdPageContainer .section_whatProsSay .carouselListContainer .listArrow-prev { margin-top: -78px; margin-left: -668px; } .cmdPageContainer .section_whatProsSay .carouselListContainer .listArrow-next { margin-top: -78px; margin-left: 668px; } .cmdPageContainer .no__wrap { display: inline-block; } @media all and (min-width: 1301px) { .cmdPageContainer .large_use { display: block; } .cmdPageContainer .large_unuse { display: none; } .cmdPageContainer .section_kv .wd_content .content_info { max-width: 1300px; } .cmdPageContainer .section_kv .img_wall_List { width: 1300px; left: 20px; } .cmdPageContainer .section_kv .imgWall-box { margin: 0 4px 4px 0; box-sizing: border-box; width: 416px; height: 416px; } .cmdPageContainer .section_kv .imgWall-txt { font-size: 32px; } .cmdPageContainer .section_kv .imgWall-img figure.img { width: 416px; height: 416px; margin-top: -208px; margin-left: -208px; } .cmdPageContainer .section_kv .imgWall-box-1 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s1/imgWall_1.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_kv .imgWall-box-1 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s1/imgWall_1.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_kv .imgWall-box-2 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s1/imgWall_2.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_kv .imgWall-box-2 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s1/imgWall_2.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_kv .imgWall-box-3 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s1/imgWall_3.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_kv .imgWall-box-3 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s1/imgWall_3.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_kv .imgWall-box-4 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s1/imgWall_4.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_kv .imgWall-box-4 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s1/imgWall_4.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_kv .imgWall-box-5 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s1/imgWall_5.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_kv .imgWall-box-5 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s1/imgWall_5.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_kv .imgWall-box-6 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s1/imgWall_6.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_kv .imgWall-box-6 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s1/imgWall_6.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_prev_and_next .prev_and_next .component_container .container-content .content-left .content-img .img { background-image: url(/websites/de/aboutASUS/features/v2/images/large/1x/s8/prev_and_next_left.jpg) ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_prev_and_next .prev_and_next .component_container .container-content .content-left .content-img .img { background-image: url(/websites/de/aboutASUS/features/v2/images/large/2x/s8/prev_and_next_left.jpg); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_prev_and_next .prev_and_next .component_container .container-content .content-right .content-img .img { background-image: url(/websites/de/aboutASUS/features/v2/images/large/1x/s8/prev_and_next_right.jpg) ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_prev_and_next .prev_and_next .component_container .container-content .content-right .content-img .img { background-image: url(/websites/de/aboutASUS/features/v2/images/large/2x/s8/prev_and_next_right.jpg); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_see_all .see_all .component_container .container-content .content-img .img { background-image: url(/websites/de/aboutASUS/features/v2/images/large/1x/s9/section_see_all.jpg) ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_see_all .see_all .component_container .container-content .content-img .img { background-image: url(/websites/de/aboutASUS/features/v2/images/large/2x/s9/section_see_all.jpg); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_industry .wd_content { max-width: 800px; } .cmdPageContainer .section_industry .img_wall_List { width: 1300px; left: 20px; } .cmdPageContainer .section_industry .imgWall-box { margin: 0 4px 4px 0; box-sizing: border-box; width: 416px; height: 416px; } .cmdPageContainer .section_industry .imgWall-txt { font-size: 32px; } .cmdPageContainer .section_industry .imgWall-img figure.img { width: 416px; height: 416px; margin-top: -208px; margin-left: -208px; } .cmdPageContainer .section_industry .imgWall-box-1 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s3/imgWall_1.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-1 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s3/imgWall_1.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_industry .imgWall-box-2 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s3/imgWall_2.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-2 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s3/imgWall_2.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_industry .imgWall-box-3 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s3/imgWall_3.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-3 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s3/imgWall_3.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_industry .imgWall-box-4 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s3/imgWall_4.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-4 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s3/imgWall_4.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_industry .imgWall-box-5 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s3/imgWall_5.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-5 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s3/imgWall_5.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_industry .imgWall-box-6 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s3/imgWall_6.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-6 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s3/imgWall_6.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_software .wd_content { max-width: 790px; } .cmdPageContainer .section_software .wd_content .content_slogan { max-width: 604px; } .cmdPageContainer .section_software .imgInfoListContainer { width: 1248px; max-width: 100%; } .cmdPageContainer .section_software .imgInfoList { width: 1248px; min-height: 312px; display: inline-block; } .cmdPageContainer .section_software .imgInfoList > div > * { vertical-align: top; } .cmdPageContainer .section_software .imgInfoList-item { width: 312px; margin-bottom: 1px; min-height: 312px; padding: 0px 20px 20px 20px; display: inline-block; } .cmdPageContainer .section_software .imgInfoList-item:before { background-color: #131313; } .cmdPageContainer .section_software .content__title.txtMode, .cmdPageContainer .section_software .content__title.txtMode * { font-size: 32px; color: #ceb497; } .cmdPageContainer .section_software .content__title + .content__info { margin-top: 15px; } .cmdPageContainer .section_software .content__info { color: #fff; font-size: 20px; } .cmdPageContainer .section_software .imgInfoList-img figure { width: 312px; height: 140px; left: 50%; margin-left: -156px; } .cmdPageContainer .section_software .imgInfoListContainer .listArrow-prev { margin-left: -654px; } .cmdPageContainer .section_software .imgInfoListContainer .listArrow-next { margin-left: 654px; } .cmdPageContainer .section_software .imgInfoList-item .link_arrows-left:before { position: relative; display: inline-block; content: ''; top: 50%; width: 6px; height: 6px; box-sizing: border-box; border: 2px solid transparent; border-top-color: #ceb497; border-left-color: #ceb497; margin-right: 5px; -webkit-transform-origin: 0 center; transform-origin: 0 center; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .cmdPageContainer .section_software .imgInfoList-item .link_arrows-right:after, .cmdPageContainer .section_software .imgInfoList-item .link_arrows-right-down:after { position: relative; display: inline-block; content: ''; top: 50%; width: 6px; height: 6px; box-sizing: border-box; border: 2px solid transparent; border-bottom-color: #ceb497; border-right-color: #ceb497; -webkit-transform-origin: 100% center; transform-origin: 100% center; } .cmdPageContainer .section_software .imgInfoList-item .link_arrows-right:after { margin-left: 5px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .cmdPageContainer .section_software .imgInfoList-item .link_arrows-right-down:after { margin-left: 5px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .cmdPageContainer .section_software .imgInfoList-item { box-sizing: border-box; border-left: 1px solid #000; overflow: hidden; } .cmdPageContainer .section_software .imgInfoList-detail { padding-top: 34px; } .cmdPageContainer .section_software .imgInfoList-img { margin-top: 52px; min-height: auto; } .cmdPageContainer .section_software .imgInfoListContainer { margin-top: 0; } .cmdPageContainer .section_software .imgInfoListContainer .content__title.txtMode, .cmdPageContainer .section_software .imgInfoListContainer .content__title.txtMode * { font-size: 20px; color: #fff; } .cmdPageContainer .section_aboutProArt .wd_content { max-width: 1250px; } .cmdPageContainer .section_aboutProArt .wd_content .content_info { width: 90%; max-width: 1030px; } .cmdPageContainer .section_aboutProArt .imgInfoListContainer { width: 1248px; max-width: 100%; } .cmdPageContainer .section_aboutProArt .imgInfoList { width: 1248px; min-height: 740px; display: inline-block; } .cmdPageContainer .section_aboutProArt .imgInfoList > div > * { vertical-align: top; } .cmdPageContainer .section_aboutProArt .imgInfoList-item { width: 312px; margin-bottom: 1px; min-height: 740px; padding: 0 0 20px 0px; display: inline-block; } .cmdPageContainer .section_aboutProArt .imgInfoList-item:before { background-color: #131313; } .cmdPageContainer .section_aboutProArt .content__title.txtMode, .cmdPageContainer .section_aboutProArt .content__title.txtMode * { font-size: 32px; color: #ceb497; } .cmdPageContainer .section_aboutProArt .content__title + .content__info { margin-top: 15px; } .cmdPageContainer .section_aboutProArt .content__info { color: #fff; font-size: 20px; } .cmdPageContainer .section_aboutProArt .imgInfoList-img figure { width: 312px; height: 664px; left: 50%; margin-left: -156px; } .cmdPageContainer .section_aboutProArt .imgInfoListContainer .listArrow-prev { margin-left: -654px; } .cmdPageContainer .section_aboutProArt .imgInfoListContainer .listArrow-next { margin-left: 654px; } .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-left:before { position: relative; display: inline-block; content: ''; top: 50%; width: 10px; height: 10px; box-sizing: border-box; border: 2px solid transparent; border-top-color: #ceb497; border-left-color: #ceb497; margin-right: -5px; -webkit-transform-origin: 0 center; transform-origin: 0 center; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-right:after, .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-right-down:after { position: relative; display: inline-block; content: ''; top: 50%; width: 10px; height: 10px; box-sizing: border-box; border: 2px solid transparent; border-bottom-color: #ceb497; border-right-color: #ceb497; -webkit-transform-origin: 100% center; transform-origin: 100% center; } .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-right:after { margin-left: -5px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-right-down:after { margin-left: -5px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .cmdPageContainer .section_aboutProArt .imgInfoListContainer { display: block; margin: 0 auto; } .cmdPageContainer .section_aboutProArt .imgInfoList { margin: 0 auto; } .cmdPageContainer .section_aboutProArt .imgInfoList-item { box-sizing: border-box; border-left: 1px solid #000; } .cmdPageContainer .section_aboutProArt .imgInfoList-item:before { background-color: #131313; } .cmdPageContainer .section_aboutProArt .imgInfoList-detail { padding-top: 0; margin-top: -179px; } .cmdPageContainer .section_aboutProArt .showbox-detail-content { width: 100%; box-sizing: border-box; padding: 0px 30px; } .cmdPageContainer .section_aboutProArt .content__title.txtMode, .cmdPageContainer .section_aboutProArt .content__title.txtMode * { font-size: 25px; color: #fff; } .cmdPageContainer .section_aboutProArt .content__title.txtMode span { line-height: 1.3; } .cmdPageContainer .section_aboutProArt .content__info { margin-top: 15px; font-size: 20px; color: #fff; line-height: 1.3; } .cmdPageContainer .section_aboutProArt .content__info sup { top: -0.3em; } .cmdPageContainer .section_aboutProArt .showbox-detail-moreLink { margin-top: 15px; font-size: 16px; color: #ceb497; } .cmdPageContainer .section_aboutProArt .showbox-detail-moreLink a, .cmdPageContainer .section_aboutProArt .showbox-detail-moreLink a:link, .cmdPageContainer .section_aboutProArt .showbox-detail-moreLink a:hover { color: #ceb497; } .cmdPageContainer .section_aboutProArt .imgInfoList-item-1 .imgInfoList-img figure { width: 312px; height: 664px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s5/list_1.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-1 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s5/list_1.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-2 .imgInfoList-img figure { width: 312px; height: 664px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s5/list_2.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-2 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s5/list_2.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-3 .imgInfoList-img figure { width: 312px; height: 664px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s5/list_3.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-3 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s5/list_3.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-4 .imgInfoList-img figure { width: 312px; height: 664px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s5/list_4.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-4 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s5/list_4.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-5 .imgInfoList-img figure { width: 312px; height: 664px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s5/list_5.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-5 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s5/list_5.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-6 .imgInfoList-img figure { width: 312px; height: 664px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s5/list_6.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-6 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s5/list_6.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay { padding-bottom: 90px; } .cmdPageContainer .section_whatProsSay .wd_content .content_info { max-width: 1300px; } .cmdPageContainer .section_whatProsSay .creator_wall_List { width: 1168px; } .cmdPageContainer .section_whatProsSay .creator-box { margin: 0 1px 1px 1px; box-sizing: border-box; width: 33.1%; height: auto; } .cmdPageContainer .section_whatProsSay .creator-img { width: 100%; height: 416px; box-sizing: border-box; } .cmdPageContainer .section_whatProsSay .creator-img figure.img { margin-top: -208px; margin-left: -208px; } .cmdPageContainer .section_whatProsSay .creator_wall_List { padding-bottom: 28px; } .cmdPageContainer .section_whatProsSay .creator-box-1 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_1.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-1 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_1.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-2 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_2.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-2 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_2.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-3 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_3.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-3 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_3.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-4 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_4.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-4 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_4.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-5 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_5.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-5 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_5.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-6 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_6.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-6 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_6.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-7 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_7.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-7 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_7.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-8 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_8.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-8 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_8.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-9 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_9.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-9 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_9.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-10 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_10.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-10 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_10.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-11 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_11.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-11 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_11.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-12 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_12.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-12 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_12.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-13 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_13.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-13 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_13.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-14 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_14.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-14 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_14.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-15 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_15.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-15 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_15.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-16 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_16.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-16 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_16.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-17 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_17.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-17 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_17.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-18 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_18.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-18 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_18.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-19 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_19.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-19 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_19.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box-20 .creator-img figure.img { width: 416px; height: 416px; background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s6/imgWall_20.jpg") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-20 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s6/imgWall_20.jpg"); } } @media all and (min-width: 1301px) { .cmdPageContainer .section_whatProsSay .creator-box .creator-content { text-align: center; padding: 17px 0 17px 0px; min-height: 93px; } .cmdPageContainer .section_whatProsSay .creator-box .creator-content .content-name { color: #fff; font-size: 26px; line-height: 1.5; text-transform: uppercase; } .cmdPageContainer .section_whatProsSay .creator-box .creator-content .content-info { color: #838383; font-size: 18px; line-height: 1.2; } .cmdPageContainer .section_whatProsSay .wd_content { margin-bottom: 25px; } .cmdPageContainer .section_whatProsSay .wd_content .content_info { max-width: 1300px; } .cmdPageContainer .section_whatProsSay .section_container .container-title { padding-left: 16px; } .cmdPageContainer .section_whatProsSay .section_container .container-date { padding-left: 16px; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item .carousel-content { margin-top: -4px; } .cmdPageContainer .section_whatProsSay .carouselListContainer .listArrow { display: none; } .cmdPageContainer .section_whatProsSay .carouselListContainer .container-img.stopCarousel .img-item { position: relative; display: inline-block; vertical-align: top; width: 49%; font-size: 0; } } @media all and (min-width: 1301px) { .cmdPageContainer .section_software .wd_content { max-width: 510px; } .cmdPageContainer .section_aboutProArt .content__title.txtMode, .cmdPageContainer .section_aboutProArt .content__title.txtMode * { font-size: 21px; } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .wd__section .medium_use { display: block; } .cmdPageContainer .wd__section .medium_unuse { display: none; } .cmdPageContainer .wd__section .no__wrap { white-space: nowrap; display: inline-block; } .cmdPageContainer .section_kv { margin-bottom: 0; } .cmdPageContainer .section_kv .kv_banner_carousel { height: 650px; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item { height: 650px; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item .item-img, .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item .item-img .img { width: 2560px; height: 650px; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-1 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s1/kv_banner_carousel_1.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-1 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s1/kv_banner_carousel_1.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-2 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s1/kv_banner_carousel_2.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-2 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s1/kv_banner_carousel_2.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-3 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s1/kv_banner_carousel_3.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-3 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s1/kv_banner_carousel_3.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container { background-color: #000; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item .item-img { width: 1300px; margin-left: -650px; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item .item-img .img { width: 1300px; position: relative; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item .item-content { top: 0%; left: 50%; margin-left: 0; padding-top: 60px; width: 80%; -webkit-transform: translateY(-50%); transform: translateX(-50%); text-align: center; } .cmdPageContainer .section_products { position: relative; margin-top: 60px; background-color: #000; } .cmdPageContainer .section_products .product_list .product .product-content .content-hidden { display: none; } .cmdPageContainer .section_products .product_list { max-width: 768px; } .cmdPageContainer .section_products .product_list .product .product-img { width: 360px; height: 360px; } .cmdPageContainer .section_products .product_list .product.product-1 .img { width: 360px; height: 360px; background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s2/product_1.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_products .product_list .product.product-1 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s2/product_1.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_products .product_list .product.product-2 .img { width: 360px; height: 360px; background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s2/product_2.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_products .product_list .product.product-2 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s2/product_2.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_products .product_list .product.product-3 .img { width: 360px; height: 360px; background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s2/product_3.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_products .product_list .product.product-3 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s2/product_3.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_products .product_list .product.product-4 .img { width: 360px; height: 360px; background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s2/product_4.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_products .product_list .product.product-4 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s2/product_4.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_industry .wd_content .content_info { width: 90%; max-width: 800px; } .cmdPageContainer .section_industry .img_wall_List { width: 720px; left: -4px; } .cmdPageContainer .section_industry .imgWall-box { margin: 0 4px 4px 0; box-sizing: border-box; width: 360px; height: 360px; } .cmdPageContainer .section_industry .imgWall-txt { font-size: 32px; } .cmdPageContainer .section_industry .imgWall-img figure.img { width: 360px; height: 360px; margin-top: -180px; margin-left: -180px; } .cmdPageContainer .section_industry .imgWall-box-1 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s3/imgWall_1.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-1 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s3/imgWall_1.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_industry .imgWall-box-2 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s3/imgWall_2.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-2 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s3/imgWall_2.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_industry .imgWall-box-3 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s3/imgWall_3.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-3 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s3/imgWall_3.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_industry .imgWall-box-4 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s3/imgWall_4.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-4 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s3/imgWall_4.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_industry .imgWall-box-5 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s3/imgWall_5.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-5 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s3/imgWall_5.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_industry .imgWall-box-6 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s3/imgWall_6.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-6 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s3/imgWall_6.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_industry .img_wall_List { left: 0; } .cmdPageContainer .section_industry .imgWall-box { margin: 0; box-sizing: border-box; border: 2px solid black; } .cmdPageContainer .section_software .wd_content { max-width: 790px; } .cmdPageContainer .section_software .wd_content .content_slogan { max-width: 488px; } .cmdPageContainer .section_software .imgInfoListContainer { width: 720px; max-width: 100%; } .cmdPageContainer .section_software .imgInfoList { width: 720px; min-height: 180px; display: inline-block; } .cmdPageContainer .section_software .imgInfoList > div > * { vertical-align: top; } .cmdPageContainer .section_software .imgInfoList-item { width: 180px; margin-bottom: 1px; min-height: 180px; padding: 0px 20px 20px 20px; display: inline-block; } .cmdPageContainer .section_software .imgInfoList-item:before { background-color: #131313; } .cmdPageContainer .section_software .content__title.txtMode, .cmdPageContainer .section_software .content__title.txtMode * { font-size: 32px; color: #ceb497; } .cmdPageContainer .section_software .content__title + .content__info { margin-top: 15px; } .cmdPageContainer .section_software .content__info { color: #fff; font-size: 20px; } .cmdPageContainer .section_software .imgInfoList-img figure { width: 180px; height: 80px; left: 50%; margin-left: -90px; } .cmdPageContainer .section_software .imgInfoListContainer .listArrow-prev { margin-left: -360px; } .cmdPageContainer .section_software .imgInfoListContainer .listArrow-next { margin-left: 360px; } .cmdPageContainer .section_software .imgInfoList-item .link_arrows-left:before { position: relative; display: inline-block; content: ''; top: 50%; width: 6px; height: 6px; box-sizing: border-box; border: 2px solid transparent; border-top-color: #ceb497; border-left-color: #ceb497; margin-right: 5px; -webkit-transform-origin: 0 center; transform-origin: 0 center; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .cmdPageContainer .section_software .imgInfoList-item .link_arrows-right:after, .cmdPageContainer .section_software .imgInfoList-item .link_arrows-right-down:after { position: relative; display: inline-block; content: ''; top: 50%; width: 6px; height: 6px; box-sizing: border-box; border: 2px solid transparent; border-bottom-color: #ceb497; border-right-color: #ceb497; -webkit-transform-origin: 100% center; transform-origin: 100% center; } .cmdPageContainer .section_software .imgInfoList-item .link_arrows-right:after { margin-left: 5px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .cmdPageContainer .section_software .imgInfoList-item .link_arrows-right-down:after { margin-left: 5px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .cmdPageContainer .section_software .imgInfoList-item { box-sizing: border-box; border-left: 1px solid #000; } .cmdPageContainer .section_software .imgInfoList-detail { padding-top: 23px; padding-bottom: 16px; } .cmdPageContainer .section_software .imgInfoList-img { margin-top: 27px; } .cmdPageContainer .section_software .imgInfoListContainer .content__title.txtMode, .cmdPageContainer .section_software .imgInfoListContainer .content__title.txtMode * { font-size: 15px; color: #fff; } .cmdPageContainer .section_software .imgInfoListContainer .listArrow-prev { margin-left: -355px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7); transform: translateX(-50%) translateY(-50%) scale(0.7); } .cmdPageContainer .section_software .imgInfoListContainer .listArrow-next { margin-left: 356px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7); transform: translateX(-50%) translateY(-50%) scale(0.7); } .cmdPageContainer .section_software .imgInfoList-item-1 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_1.png") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-1 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_1.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_software .imgInfoList-item-2 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_2.png") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-2 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_2.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_software .imgInfoList-item-3 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_3.png") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-3 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_3.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_software .imgInfoList-item-4 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_4.png") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-4 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_4.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_software .imgInfoList-item-5 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_5.png") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-5 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_5.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_software .imgInfoList-item-6 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s4/list_6.png") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-6 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s4/list_6.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_aboutProArt .wd_content { max-width: 100%; } .cmdPageContainer .section_aboutProArt .wd_content .content_info { width: 78%; max-width: 1000px; } .cmdPageContainer .section_aboutProArt .imgInfoListContainer { width: 624px; max-width: 100%; } .cmdPageContainer .section_aboutProArt .imgInfoList { width: 624px; min-height: 740px; display: inline-block; } .cmdPageContainer .section_aboutProArt .imgInfoList > div > * { vertical-align: top; } .cmdPageContainer .section_aboutProArt .imgInfoList-item { width: 312px; margin-bottom: 1px; min-height: 740px; padding: 0 0 20px 0px; display: inline-block; } .cmdPageContainer .section_aboutProArt .imgInfoList-item:before { background-color: #131313; } .cmdPageContainer .section_aboutProArt .content__title.txtMode, .cmdPageContainer .section_aboutProArt .content__title.txtMode * { font-size: 32px; color: #ceb497; } .cmdPageContainer .section_aboutProArt .content__title + .content__info { margin-top: 15px; } .cmdPageContainer .section_aboutProArt .content__info { color: #fff; font-size: 20px; } .cmdPageContainer .section_aboutProArt .imgInfoList-img figure { width: 312px; height: 664px; left: 50%; margin-left: -156px; } .cmdPageContainer .section_aboutProArt .imgInfoListContainer .listArrow-prev { margin-left: -342px; } .cmdPageContainer .section_aboutProArt .imgInfoListContainer .listArrow-next { margin-left: 342px; } .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-left:before { position: relative; display: inline-block; content: ''; top: 50%; width: 10px; height: 10px; box-sizing: border-box; border: 2px solid transparent; border-top-color: #ceb497; border-left-color: #ceb497; margin-right: -5px; -webkit-transform-origin: 0 center; transform-origin: 0 center; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-right:after, .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-right-down:after { position: relative; display: inline-block; content: ''; top: 50%; width: 10px; height: 10px; box-sizing: border-box; border: 2px solid transparent; border-bottom-color: #ceb497; border-right-color: #ceb497; -webkit-transform-origin: 100% center; transform-origin: 100% center; } .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-right:after { margin-left: -5px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-right-down:after { margin-left: -5px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .cmdPageContainer .section_aboutProArt .imgInfoListContainer { display: block; margin: 0 auto; } .cmdPageContainer .section_aboutProArt .imgInfoList { margin: 0 auto; } .cmdPageContainer .section_aboutProArt .imgInfoList-item { box-sizing: border-box; border-left: 1px solid #000; } .cmdPageContainer .section_aboutProArt .imgInfoList-item:before { background-color: #131313; } .cmdPageContainer .section_aboutProArt .imgInfoList-detail { padding-top: 0; margin-top: -220px; } .cmdPageContainer .section_aboutProArt .imgInfoListContainer .listArrow-prev { margin-left: -355px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7); transform: translateX(-50%) translateY(-50%) scale(0.7); } .cmdPageContainer .section_aboutProArt .imgInfoListContainer .listArrow-next { margin-left: 356px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7); transform: translateX(-50%) translateY(-50%) scale(0.7); } .cmdPageContainer .section_aboutProArt .showbox-detail-content { width: 100%; box-sizing: border-box; padding: 0px 30px; } .cmdPageContainer .section_aboutProArt .content__title.txtMode, .cmdPageContainer .section_aboutProArt .content__title.txtMode * { font-size: 24px; color: #fff; } .cmdPageContainer .section_aboutProArt .content__title.txtMode span { line-height: 1.3; } .cmdPageContainer .section_aboutProArt .content__info { margin-top: 15px; font-size: 20px; color: #fff; line-height: 1.3; } .cmdPageContainer .section_aboutProArt .showbox-detail-moreLink { margin-top: 15px; font-size: 16px; color: #ceb497; } .cmdPageContainer .section_aboutProArt .showbox-detail-moreLink a, .cmdPageContainer .section_aboutProArt .showbox-detail-moreLink a:link, .cmdPageContainer .section_aboutProArt .showbox-detail-moreLink a:hover { color: #ceb497; } .cmdPageContainer .section_aboutProArt .imgInfoList-item-1 .imgInfoList-img figure { width: 312px; height: 664px; background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s5/list_1.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-1 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s5/list_1.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-2 .imgInfoList-img figure { width: 312px; height: 664px; background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s5/list_2.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-2 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s5/list_2.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-3 .imgInfoList-img figure { width: 312px; height: 664px; background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s5/list_3.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-3 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s5/list_3.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-4 .imgInfoList-img figure { width: 312px; height: 664px; background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s5/list_4.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-4 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s5/list_4.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-5 .imgInfoList-img figure { width: 312px; height: 664px; background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s5/list_5.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-5 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s5/list_5.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-6 .imgInfoList-img figure { width: 312px; height: 664px; background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s5/list_6.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-6 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s5/list_6.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay { padding-bottom: 40px; } .cmdPageContainer .section_whatProsSay .creator_wall_List { width: 100%; } .cmdPageContainer .section_whatProsSay .creator-box { margin: 0 4px 4px 4px; box-sizing: border-box; width: 269px; height: auto; } .cmdPageContainer .section_whatProsSay .creator-img { width: 100%; height: 269px; box-sizing: border-box; } .cmdPageContainer .section_whatProsSay .creator-img figure.img { margin-top: -134.5px; margin-left: -134.5px; } .cmdPageContainer .section_whatProsSay .creator_wall_List { padding-bottom: 28px; width: 100%; max-width: 835px; } .cmdPageContainer .section_whatProsSay .creator-box { margin: 0; margin: 0; width: 33%; box-sizing: border-box; border: 2px solid black; } .cmdPageContainer .section_whatProsSay .creator-box .creator-img figure.img { left: 50%; margin-left: -125px; width: 250px; height: 250px; } .cmdPageContainer .section_whatProsSay .creator-box-1 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_1.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-1 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_1.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-2 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_2.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-2 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_2.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-3 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_3.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-3 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_3.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-4 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_4.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-4 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_4.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-5 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_5.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-5 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_5.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-6 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_6.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-6 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_6.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-7 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_7.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-7 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_7.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-8 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_8.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-8 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_8.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-9 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_9.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-9 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_9.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-10 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_10.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-10 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_10.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-11 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_11.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-11 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_11.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-12 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_12.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-12 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_12.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-13 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_13.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-13 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_13.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-14 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_14.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-14 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_14.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-15 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_15.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-15 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_15.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-16 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_16.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-16 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_16.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-17 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_17.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-17 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_17.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-18 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_18.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-18 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_18.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-19 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_19.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-19 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_19.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box-20 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/imgWall_20.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-20 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/imgWall_20.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .creator-box .creator-content { text-align: center; padding: 17px 0 17px 0px; min-height: 93px; } .cmdPageContainer .section_whatProsSay .creator-box .creator-content .content-name { color: #fff; font-size: 21px; line-height: 1.5; text-transform: uppercase; } .cmdPageContainer .section_whatProsSay .creator-box .creator-content .content-info { color: #838383; font-size: 18px; line-height: 1.2; } .cmdPageContainer .section_whatProsSay { position: relative; margin-bottom: 0; width: 100%; } .cmdPageContainer .section_whatProsSay .wd_content { margin-bottom: 15px; } .cmdPageContainer .section_whatProsSay .wd_content .content_info { max-width: 1300px; } .cmdPageContainer .section_whatProsSay .section_container { width: 100%; max-width: 808px; margin-left: auto; margin-right: auto; } .cmdPageContainer .section_whatProsSay .section_container .container-title { font-size: 33px; } .cmdPageContainer .section_whatProsSay .section_container .container-title, .cmdPageContainer .section_whatProsSay .section_container .container-title * { line-height: 1.26; } .cmdPageContainer .section_whatProsSay .section_container .container-date { margin-top: 17px; } .cmdPageContainer .section_whatProsSay .section_container .container-img { position: relative; left: 0; margin-top: 30px; width: 100%; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item { position: relative; overflow: hidden; width: auto; border: 2px solid #000; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item .carousel-img { position: relative; width: 100%; height: 255px; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item .carousel-img .img { left: 50%; margin-top: 0; margin-left: -200px; width: 400px; height: 245px; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item .carousel-content { position: relative; text-align: center; margin-top: 16px; margin-left: auto; margin-right: auto; width: 100%; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item .carousel-content .content-description { position: relative; margin-left: auto; margin-right: auto; width: 84%; font-size: 16px; line-height: 1.4; color: #fff; } .cmdPageContainer .section_whatProsSay .section_container .container-img { width: auto; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-1 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/event_1.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-1 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/event_1.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-2 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/event_2.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-2 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/event_2.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-3 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/event_3.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-3 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/event_3.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-4 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/1x/s6/event_4.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-4 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/medium/2x/s6/event_4.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_whatProsSay .carouselListContainer { margin-top: 38px; background-color: transparent; } .cmdPageContainer .section_whatProsSay .carouselListContainer .listArrow-prev { margin-top: -64px; margin-left: -23px; left: 0; } .cmdPageContainer .section_whatProsSay .carouselListContainer .listArrow-next { margin-top: -64px; margin-left: 23px; left: 100%; } .cmdPageContainer .section_whatProsSay .carouselListContainer .listArrow { display: none; } .cmdPageContainer .section_whatProsSay .carouselListContainer .container-img.stopCarousel .img-item { position: relative; display: inline-block; vertical-align: top; box-sizing: border-box; width: 49%; font-size: 0; } .cmdPageContainer .product_price.active { margin-bottom: -18px; padding-top: 53px; } .cmdPageContainer .product_pdguide.active { padding-top: 15px; } .cmdPageContainer .product_videos.active { padding-top: 163px; } .cmdPageContainer .video-bottom { margin-bottom: -12px; padding-bottom: 0; } .cmdPageContainer .media-top { padding-top: 86px; } .cmdPageContainer .media-bottom { margin-bottom: -18px; padding-bottom: 0; } } @media all and (min-width: 721px) and (max-width: 1300px) and (min-width: 960px) and (max-width: 1300px) { .cmdPageContainer .section__pdc .media-bottom { margin-bottom: -45px; } } @media all and (min-width: 721px) and (max-width: 1300px) { .cmdPageContainer .section_software .wd_content .content_slogan { max-width: 453px; } .cmdPageContainer .section_aboutProArt .wd_content .content_info { width: 83%; max-width: 1000px; } .cmdPageContainer .section_aboutProArt .content__title.txtMode, .cmdPageContainer .section_aboutProArt .content__title.txtMode * { font-size: 19px; } .cmdPageContainer .section_aboutProArt .content__info { font-size: 18px; } } @media all and (max-width: 720px) { .cmdPageContainer .wd_section { margin-bottom: 95px; } .cmdPageContainer .wd_section .small_use { display: block; } .cmdPageContainer .wd_section .small_unuse { display: none; } .cmdPageContainer .section_kv { margin-bottom: 0; } .cmdPageContainer .section_kv .kv_banner_carousel { height: auto; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item { height: auto; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item .item-img, .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item .item-img .img { width: 2560px; height: 341px; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-1 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s1/kv_banner_carousel_1.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-1 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s1/kv_banner_carousel_1.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-2 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s1/kv_banner_carousel_2.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-2 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s1/kv_banner_carousel_2.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-3 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s1/kv_banner_carousel_3.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item.item-3 .item-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s1/kv_banner_carousel_3.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-item .content-info { position: relative; text-align: center; margin-top: 24px; margin-bottom: 24px; left: 50%; font-size: 14px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-item .content-title { font-size: 36px; text-align: center; margin-top: 0; margin-bottom: 35px; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container { background-color: #000; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item .item-img { width: 720px; position: relative; margin-left: -360px; background-color: #ffcc0033; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item .item-img .img { width: 720px; position: relative; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .content-title { display: none; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .item-content { position: relative; top: 0; left: 0; margin: 0 auto; width: 80%; max-width: 768px; -webkit-transform: unset; transform: unset; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .item-content .content-title { width: 100%; text-align: center; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item .item-content .content-title { display: none; } .cmdPageContainer .section_kv .kv_banner_carousel .component_container .carousel-list .carousel-item .item-content:nth-child(1) .content-title { display: block; } .cmdPageContainer .section_products { position: relative; margin-top: 10px; } .cmdPageContainer .section_products .product_list .product { width: 300px; height: 300px; } .cmdPageContainer .section_products .product_list .product.product-1 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s2/product_1.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_products .product_list .product.product-1 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s2/product_1.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_products .product_list .product.product-2 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s2/product_2.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_products .product_list .product.product-2 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s2/product_2.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_products .product_list .product.product-3 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s2/product_3.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_products .product_list .product.product-3 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s2/product_3.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_products .product_list .product.product-4 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s2/product_4.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_products .product_list .product.product-4 .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s2/product_4.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_industry { padding-top: 19px; } .cmdPageContainer .section_industry .wd_content .content_info { width: 90%; max-width: 800px; } .cmdPageContainer .section_industry .img_wall_List { width: 320px; left: -142px; } .cmdPageContainer .section_industry .imgWall-box { margin: 0 2px 2px 0; box-sizing: border-box; width: 300px; height: 300px; } .cmdPageContainer .section_industry .imgWall-txt { font-size: 25px; } .cmdPageContainer .section_industry .imgWall-img figure.img { width: 416px; height: 416px; margin-top: -208px; margin-left: -208px; } .cmdPageContainer .section_industry .imgWall-box-1 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s3/imgWall_1.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-1 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s3/imgWall_1.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_industry .imgWall-box-2 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s3/imgWall_2.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-2 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s3/imgWall_2.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_industry .imgWall-box-3 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s3/imgWall_3.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-3 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s3/imgWall_3.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_industry .imgWall-box-4 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s3/imgWall_4.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-4 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s3/imgWall_4.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_industry .imgWall-box-5 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s3/imgWall_5.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-5 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s3/imgWall_5.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_industry .imgWall-box-6 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/1x/s3/imgWall_6.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_industry .imgWall-box-6 .imgWall-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/large/2x/s3/imgWall_6.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_industry .img_wall_List { width: 100%; max-width: 600px; left: 0; justify-content: center; } .cmdPageContainer .section_industry .imgWall-box { margin: 0; box-sizing: border-box; border: 2px solid black; } .cmdPageContainer .section_software { padding-top: 19px; } .cmdPageContainer .section_software .imgInfoListContainer { width: 100%; max-width: 414px; } .cmdPageContainer .section_software .imgInfoList { width: 320px; min-height: 160px; display: inline-block; } .cmdPageContainer .section_software .imgInfoList > div > * { vertical-align: top; } .cmdPageContainer .section_software .imgInfoList-item { width: 160px; margin-bottom: 1px; min-height: 160px; padding: 0px 20px 20px 20px; display: inline-block; } .cmdPageContainer .section_software .imgInfoList-item:before { background-color: #131313; } .cmdPageContainer .section_software .content__title.txtMode, .cmdPageContainer .section_software .content__title.txtMode * { font-size: 32px; color: #ceb497; } .cmdPageContainer .section_software .content__title + .content__info { margin-top: 15px; } .cmdPageContainer .section_software .content__info { color: #fff; font-size: 20px; } .cmdPageContainer .section_software .imgInfoList-img figure { width: 160px; height: 72px; left: 50%; margin-left: -80px; } .cmdPageContainer .section_software .imgInfoListContainer .listArrow-prev { margin-left: -149px; } .cmdPageContainer .section_software .imgInfoListContainer .listArrow-next { margin-left: 149px; } .cmdPageContainer .section_software .imgInfoList-item .link_arrows-left:before { position: relative; display: inline-block; content: ''; top: 50%; width: 6px; height: 6px; box-sizing: border-box; border: 2px solid transparent; border-top-color: #ceb497; border-left-color: #ceb497; margin-right: 5px; -webkit-transform-origin: 0 center; transform-origin: 0 center; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .cmdPageContainer .section_software .imgInfoList-item .link_arrows-right:after, .cmdPageContainer .section_software .imgInfoList-item .link_arrows-right-down:after { position: relative; display: inline-block; content: ''; top: 50%; width: 6px; height: 6px; box-sizing: border-box; border: 2px solid transparent; border-bottom-color: #ceb497; border-right-color: #ceb497; -webkit-transform-origin: 100% center; transform-origin: 100% center; } .cmdPageContainer .section_software .imgInfoList-item .link_arrows-right:after { margin-left: 5px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .cmdPageContainer .section_software .imgInfoList-item .link_arrows-right-down:after { margin-left: 5px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .cmdPageContainer .section_software .imgInfoList-item { box-sizing: border-box; border-left: 1px solid #000; } .cmdPageContainer .section_software .imgInfoList-detail { padding-top: 11px; padding-bottom: 14px; } .cmdPageContainer .section_software .imgInfoList-img { margin-top: 27px; } .cmdPageContainer .section_software .imgInfoListContainer { margin-top: -16px; } .cmdPageContainer .section_software .imgInfoListContainer .content__title.txtMode, .cmdPageContainer .section_software .imgInfoListContainer .content__title.txtMode * { font-size: 17px; color: #fff; } .cmdPageContainer .section_software .imgInfoListContainer .listArrow-prev { margin-left: 0; left: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cmdPageContainer .section_software .imgInfoListContainer .listArrow-next { margin-left: 0; left: calc(100% - 31px); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cmdPageContainer .section_software .imgInfoList-item { padding-bottom: 0; } .cmdPageContainer .section_software .imgInfoList-item-1 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s4/list_1.png") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-1 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s4/list_1.png"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_software .imgInfoList-item-2 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s4/list_2.png") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-2 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s4/list_2.png"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_software .imgInfoList-item-3 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s4/list_3.png") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-3 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s4/list_3.png"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_software .imgInfoList-item-4 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s4/list_4.png") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-4 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s4/list_4.png"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_software .imgInfoList-item-5 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s4/list_5.png") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-5 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s4/list_5.png"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_software .imgInfoList-item-6 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s4/list_6.png") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_software .imgInfoList-item-6 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s4/list_6.png"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_aboutProArt { padding-top: 19px; } .cmdPageContainer .section_aboutProArt .wd_content { max-width: 790px; } .cmdPageContainer .section_aboutProArt .imgInfoListContainer { width: 100%; max-width: 414px; } .cmdPageContainer .section_aboutProArt .imgInfoList { width: 280px; min-height: 596px; display: inline-block; } .cmdPageContainer .section_aboutProArt .imgInfoList > div > * { vertical-align: top; } .cmdPageContainer .section_aboutProArt .imgInfoList-item { width: 280px; margin-bottom: 1px; min-height: 596px; padding: 0 0 20px 0px; display: inline-block; } .cmdPageContainer .section_aboutProArt .imgInfoList-item:before { background-color: #131313; } .cmdPageContainer .section_aboutProArt .content__title.txtMode, .cmdPageContainer .section_aboutProArt .content__title.txtMode * { font-size: 32px; color: #ceb497; } .cmdPageContainer .section_aboutProArt .content__title + .content__info { margin-top: 15px; } .cmdPageContainer .section_aboutProArt .content__info { color: #fff; font-size: 20px; } .cmdPageContainer .section_aboutProArt .imgInfoList-img figure { width: 280px; height: 596px; left: 50%; margin-left: -140px; } .cmdPageContainer .section_aboutProArt .imgInfoListContainer .listArrow-prev { margin-left: -170px; } .cmdPageContainer .section_aboutProArt .imgInfoListContainer .listArrow-next { margin-left: 170px; } .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-left:before { position: relative; display: inline-block; content: ''; top: 50%; width: 10px; height: 10px; box-sizing: border-box; border: 2px solid transparent; border-top-color: #ceb497; border-left-color: #ceb497; margin-right: -5px; -webkit-transform-origin: 0 center; transform-origin: 0 center; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-right:after, .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-right-down:after { position: relative; display: inline-block; content: ''; top: 50%; width: 10px; height: 10px; box-sizing: border-box; border: 2px solid transparent; border-bottom-color: #ceb497; border-right-color: #ceb497; -webkit-transform-origin: 100% center; transform-origin: 100% center; } .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-right:after { margin-left: -5px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .cmdPageContainer .section_aboutProArt .imgInfoList-item .link_arrows-right-down:after { margin-left: -5px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .cmdPageContainer .section_aboutProArt .imgInfoListContainer { display: block; margin: 0 auto; } .cmdPageContainer .section_aboutProArt .imgInfoList { margin: 0 auto; } .cmdPageContainer .section_aboutProArt .imgInfoList-item { box-sizing: border-box; border-left: 1px solid #000; } .cmdPageContainer .section_aboutProArt .imgInfoList-item:before { background-color: #131313; } .cmdPageContainer .section_aboutProArt .imgInfoList-detail { padding-top: 0; margin-top: -179px; } .cmdPageContainer .section_aboutProArt .showbox-detail-content { width: 100%; box-sizing: border-box; padding: 0px 30px; } .cmdPageContainer .section_aboutProArt .imgInfoListContainer .listArrow-prev { margin-left: 0; left: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cmdPageContainer .section_aboutProArt .imgInfoListContainer .listArrow-next { margin-left: 0; left: calc(100% - 31px); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cmdPageContainer .section_aboutProArt .content__title.txtMode, .cmdPageContainer .section_aboutProArt .content__title.txtMode * { font-size: 22px; color: #fff; } .cmdPageContainer .section_aboutProArt .content__title.txtMode span { line-height: 1.3; } .cmdPageContainer .section_aboutProArt .content__info { margin-top: 15px; font-size: 17px; color: #fff; line-height: 1.3; } .cmdPageContainer .section_aboutProArt .showbox-detail-moreLink { margin-top: 15px; font-size: 15px; color: #ceb497; } .cmdPageContainer .section_aboutProArt .showbox-detail-moreLink a, .cmdPageContainer .section_aboutProArt .showbox-detail-moreLink a:link, .cmdPageContainer .section_aboutProArt .showbox-detail-moreLink a:hover { color: #ceb497; } .cmdPageContainer .section_aboutProArt .imgInfoList-item { padding-bottom: 0; } .cmdPageContainer .section_aboutProArt .imgInfoList-item-1 .imgInfoList-img figure { width: 280px; height: 596px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s5/list_1.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-1 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s5/list_1.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-2 .imgInfoList-img figure { width: 280px; height: 596px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s5/list_2.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-2 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s5/list_2.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-3 .imgInfoList-img figure { width: 280px; height: 596px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s5/list_3.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-3 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s5/list_3.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-4 .imgInfoList-img figure { width: 280px; height: 596px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s5/list_4.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-4 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s5/list_4.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-5 .imgInfoList-img figure { width: 280px; height: 596px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s5/list_5.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-5 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s5/list_5.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-6 .imgInfoList-img figure { width: 280px; height: 596px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s5/list_6.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_aboutProArt .imgInfoList-item-6 .imgInfoList-img figure { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s5/list_6.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay { padding-top: 19px; padding-bottom: 20px; } .cmdPageContainer .section_whatProsSay .wd_content .content_info { max-width: 1300px; } .cmdPageContainer .section_whatProsSay .creator_wall_List { width: 320px; } .cmdPageContainer .section_whatProsSay .creator-box { margin: 0 2px 2px 2px; box-sizing: border-box; width: 160px; height: auto; } .cmdPageContainer .section_whatProsSay .creator-img { width: 100%; height: 160px; box-sizing: border-box; } .cmdPageContainer .section_whatProsSay .creator-img figure.img { margin-top: -80px; margin-left: -80px; } .cmdPageContainer .section_whatProsSay .creator_wall_List { margin-top: 0; padding-top: 82px; padding-bottom: 0; width: 100%; max-width: 490px; } .cmdPageContainer .section_whatProsSay .creator-box { margin: 0; margin: 0; box-sizing: border-box; border: 2px solid black; } .cmdPageContainer .section_whatProsSay .creator-box-1 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_1.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-1 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_1.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-2 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_2.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-2 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_2.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-3 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_3.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-3 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_3.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-4 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_4.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-4 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_4.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-5 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_5.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-5 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_5.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-6 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_6.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-6 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_6.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-7 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_7.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-7 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_7.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-8 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_8.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-8 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_8.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-9 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_9.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-9 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_9.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-10 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_10.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-10 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_10.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-11 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_11.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-11 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_11.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-12 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_12.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-12 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_12.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-13 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_13.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-13 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_13.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-14 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_14.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-14 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_14.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-15 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_15.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-15 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_15.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-16 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_16.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-16 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_16.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-17 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_17.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-17 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_17.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-18 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_18.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-18 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_18.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-19 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_19.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-19 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_19.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box-20 .creator-img figure.img { width: 160px; height: 160px; background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/imgWall_20.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .creator-box-20 .creator-img figure.img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/imgWall_20.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .creator-box .creator-content { text-align: center; padding: 17px 0 17px 0px; min-height: 93px; } .cmdPageContainer .section_whatProsSay .creator-box .creator-content .content-name { color: #fff; font-size: 16px; line-height: 1.2; text-transform: uppercase; } .cmdPageContainer .section_whatProsSay .creator-box .creator-content .content-info { color: #838383; font-size: 14px; line-height: 1.2; margin-top: 5px; } .cmdPageContainer .section_whatProsSay { position: relative; padding-top: 15px; margin-bottom: 0; width: 100%; max-width: 520px; } .cmdPageContainer .section_whatProsSay .wd_content { text-align: center; margin-bottom: -5px; } .cmdPageContainer .section_whatProsSay .wd_content .content_slogan { text-align: left; } .cmdPageContainer .section_whatProsSay .wd_content .content_info { max-width: 1300px; } .cmdPageContainer .section_whatProsSay .section_container { text-align: left; width: 100%; margin-left: auto; margin-right: auto; } .cmdPageContainer .section_whatProsSay .section_container .container-title { padding: 0 7.5%; font-size: 27px; } .cmdPageContainer .section_whatProsSay .section_container .container-title, .cmdPageContainer .section_whatProsSay .section_container .container-title * { line-height: 1.23; } .cmdPageContainer .section_whatProsSay .section_container .container-date { margin-top: 16px; margin-left: auto; margin-right: auto; width: 85%; font-size: 16px; line-height: 1.3; } .cmdPageContainer .section_whatProsSay .section_container .container-img { position: relative; margin-top: 26px; width: auto; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item { position: relative; width: auto; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item .carousel-img { position: relative; width: 100%; height: auto; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item .carousel-img .img { width: 100%; height: 0; padding-bottom: 58.45%; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item .carousel-content { position: relative; text-align: center; margin-top: 24px; margin-left: auto; margin-right: auto; width: 100%; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item .carousel-content .content-description { position: relative; margin: 0 auto; width: 83%; font-size: 17px; line-height: 1.5; color: #fff; } .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-1 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/event_1.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-1 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/event_1.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-2 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/event_2.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-2 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/event_2.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-3 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/event_3.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-3 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/event_3.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-4 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/1x/s6/event_4.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .cmdPageContainer .section_whatProsSay .section_container .container-img .img-item.item-4 .carousel-img .img { background-image: url("/websites/de/aboutASUS/features/v2/images/small/2x/s6/event_4.jpg"); } } @media all and (max-width: 720px) { .cmdPageContainer .section_whatProsSay .carouselListContainer { margin: 45px auto 0; max-width: 440px; background-color: transparent; } .cmdPageContainer .section_whatProsSay .carouselListContainer .listArrow-prev { margin-top: -64px; margin-left: -23px; left: 0; } .cmdPageContainer .section_whatProsSay .carouselListContainer .listArrow-next { margin-top: -64px; margin-left: 23px; left: 100%; } .cmdPageContainer .section_keypoint .section_container .container-content .content-info.list-dot { margin-bottom: 13px; padding-left: 23px; width: 92%; } } @media all and (min-width: 1px) and (max-width: 720px) { .cmdPageContainer .product_price.active { margin-bottom: 10px; padding-top: 35px; } .cmdPageContainer .product_pdguide.active { padding-top: 12px; } .cmdPageContainer .section__pdc { position: relative; z-index: 1; } .cmdPageContainer .section__pdc .product_videos.active { padding-top: 86px; } .cmdPageContainer .section__pdc .video-bottom { margin-top: 0; padding-bottom: 16px; } .cmdPageContainer .section__pdc .media-top { padding-top: 37px; } .cmdPageContainer .section__pdc .media-bottom { margin-bottom: -77px; padding-bottom: 0; } .cmdPageContainer .section__pdc .product_medias.slick-dotted .slick-dots { bottom: 15px; } } @media all and (min-width: 600px) and (max-width: 720px) { .cmdPageContainer .section__pdc .media-bottom { margin-bottom: -32px; } } @media all and (max-width: 720px) { .cmdPageContainer .section_aboutProArt .content__title.txtMode, .cmdPageContainer .section_aboutProArt .content__title.txtMode * { font-size: 19px; } .cmdPageContainer .section_aboutProArt .content__title + .content__info { margin-top: 15px; font-size: 15px; } .cmdPageContainer .wd_content.wd_content-main .content_slogan .slogan-text { font-size: 31px; } } #CMD { background-color: #000; } section { box-sizing: border-box; } section h1.tagline { font-size: 54px; line-height: 1; text-transform: uppercase; } section p.infoContent { font-size: 24px; } section .listTitle { font-size: 32px; letter-spacing: 2px; }