.content__chord{ width: 100%; } .content__layout{ max-width: 1050px; margin: 20px auto 170px auto; } .content__navigation{ width: 270px; background-color: #850C13; } .content__navigation p{ font-size: 22px; color: rgba(255, 255, 255, 0.7); margin-top: 26px; margin-left: 36px; margin-bottom: 20px; } .content__navigation ul{ background-color: #fff; margin-left: 20px; } .content__navigation ul li{ height: 67px; line-height: 67px; font-size: 16px; border-bottom: 1px solid #E8E8E8; padding-left: 17px; position: relative; } .content__navigation ul li a{ height: 100%; width: 100%; display: inline-block; } .content__navigation ul li.selected a{ color: #90000a; } .content__navigation ul li.selected:before{ position: absolute; left: -6px; content: ""; height: 100%; width: 6px; background-color: #FF9600; } .content__specific{ margin-left: 296px; } .content__specific table{ font-size: 14px; line-height: 30px; padding-left: 40px; padding-top: 30px; } .content__specific table a{ font-size: 16px; } .content__specific h2{ font-size: 24px; color: #90000A; border-bottom: 1px solid #E8E8E8; padding-bottom: 16px; padding-left: 16px; margin-top: 56px; } .content__specific--text{ font-size: 16px; padding: 30px 0 40px 0; line-height: 48px; } .content__mobile--img{ font-size: 16px; text-align: center; } .content__mobile--img li{ float: left; margin-right: 10px; margin-top: 10px; } .content__mobile--img li p{ margin-top: 10px; } .content__specific--text-center{ text-align: center; } .content__specific--text strong{ font-size: 18px; color: #90000A; padding-right: 5px; } .content__specific--text p{ text-indent: 35px; } .content__specific--bread{ font-size: 14px; color: rgba(0, 0, 0, 0.6); padding-left: 16px; padding-top: 20px; } .content__specific > ul > li{ padding-top: 30px; border-bottom: 1px solid #E8E8E8; min-height: 120px; } .content__specific--warp{ height: 60px; font-size: 18px; color: #900912; } .content__specific--warp > div{ display: inline-block; vertical-align: middle; } .content__specific--crumb{ background-color: #900912; width: 6px; height: 60px; } .content__specific--crumb-text{ width: 40px; margin-left: 16px; } .content__specific--a-warp{ margin-left: 104px; padding-top: 12px; } .content__specific--a-warp li{ width: 24%; margin-right: 0.5%; height: 20px; margin-bottom: 20px; display: inline-block; font-size: 16px; } #content__specific--slide-for{ width: 770px; margin: 0 auto; } #content__specific--slide-nav{ width: 770px; padding: 30px 50px; margin: 0 auto; background-color: #000; } #content__specific--slide-nav .prev, #content__specific--slide-nav .next{ cursor: pointer; position: absolute; top: 50%; background: #000; color: #fff; font-size: 40px; height: 50px; width: 50px; margin-top: -30px; opacity: 0.5; text-align: center; z-index: 1000; } #content__specific--slide-nav .prev:hover, #content__specific--slide-nav .next:hover { opacity: 0.4; filter: alpha(opacity=40); } #content__specific--slide-nav .prev { background-image: url("../images/icon_thin_arrow_l.png"); background-position: center center; background-repeat: no-repeat; left: 0; } #content__specific--slide-nav .next { background-image: url("../images/icon_thin_arrow_r.png"); background-position: center center; background-repeat: no-repeat; right: 0; } #content__specific--slide-nav img { width: 82px; height: 48px; border: 2px solid #fff; } #content__specific--slide-for{ margin-top: 20px; } #content__specific--slide-nav a{ opacity: 0.6; transition: all 300ms ease 0s; margin: 10px; } #content__specific--slide-nav .slick-center a{ opacity: 1; transform: scale(1.2); } #content__specific--slide-for img{ margin-bottom: -4px; } #content__specific--slide-for .slick-dots { position: absolute; top: 100%; z-index: 1000; width: 100%; margin: 0 auto; text-align: center; margin-top: 10px; } #content__specific--slide-for .slick-dots li{ display: inline-block; width: auto; float: none; vertical-align: middle; } #content__specific--slide-for .slick-dots li button { cursor: pointer; line-height: 87px; font-size: 0; color: #fff; background: rgba(185, 159, 160, 0.4); border-radius: 6px; height: 8px; width: 8px; text-align: center; margin-right: 8px; } #content__specific--slide-for .slick-dots li.slick-active button{ background: rgba(185, 159, 160, 0.8); } @media screen and (max-width: 1024px){ .content__layout{ margin: 14px 12px 45px 12px; } .content__specific{ margin: 0; } .content__specific--text{ line-height: 30px; } .content__mobile--img li{ float: left; margin: 0; } .content__mobile--img li{ width: 100%; margin-bottom: 15px; } .content__specific .content__specific--bread, .content__specific > ul{ margin: 0 12px; } .content__specific--bread{ padding-top: 0; padding-left: 0; } .content__specific--warp { float: none; } .content__specific--a-warp{ margin: 0; padding-top: 25px; } .content__specific--a-warp > li{ width: 48%; font-size: 16px; } .content__mobile-select-warp{ position: relative; } .content__mobile-select{ margin-top: 10px; width: 100%; background-color: #F1F1F1; color: #000; font-size: 18px; text-align: center; border-radius: 4px; padding: 4px 0 4px 45%; border: none; background-image: none; -webkit-appearance: none; -moz-appearance: none; position: relative; } .content__mobile-select:focus{ outline: none; } .content__mobile-select-triangle { content: ""; position: absolute; top: 23px; right: 10px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #757575; } #content__specific--slide-for{ width: auto; } #content__specific--slide-for img{ width: 100%; } }