@import url("fonts/css/fontello.css");
@import url("scss/plugins/animate.css");
@import url("scss/plugins/bootstrap.min.css");
@import url("scss/plugins/jquery-ui.css");
@import url("scss/plugins/mCustomScrollbar.css");
@import url("scss/plugins/plugins.css");
@import url("scss/plugins/jquery.fancybox.min.css");
@import url("scss/plugins/lightgallery.css");
@import url("scss/plugins/aos.css");
@import url("scss/plugins/swiper.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
/* Bootstrap */
.font-weight-500 { font-weight: 500; }

/* //////////////////////////////////////////////////////////////////////////// */
/* JhuangPing v.1.0.0 [12.28.2019]                                              */
/* Github: https://jhuangping.github.io                                         */
/* //////////////////////////////////////////////////////////////////////////// */
/* Reset ================================================================== */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

body, div, dl, menu, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote, th, td, figure { margin: 0; padding: 0; }

img { max-width: 100%; height: auto; border: 0; }

svg:not(:root) { overflow: hidden; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: inherit; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; vertical-align: baseline; *vertical-align: middle; outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

input, button, textarea, select { *font-size: 100%; }

ol, ul, li, menu { list-style: none; }

a { color: inherit; text-decoration: none; -webkit-transition: all .5s; transition: all .5s; }

a:active, a:hover, a:focus { outline: 0; text-decoration: none; }

*:focus, input, input:focus, textarea, textarea:focus, button, select { outline: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, main, iframe { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

.container { padding-top: constant(safe-area-inset-top); padding-right: constant(safe-area-inset-right); padding-bottom: constant(safe-area-inset-bottom); padding-left: constant(safe-area-inset-left); }

/* Default ================================================================ */
html { font-size: 10px; }

body { font-family: "Hind", "Noto Sans SC", Arial, "Microsoft JhengHei", sans-serif; font-size: 1.6rem; line-height: 1.5; letter-spacing: 1px; overflow-x: hidden; opacity: 0; -webkit-animation: opacity_in 1s both; animation: opacity_in 1s both; }

@media all and (min-width: 1201px) and (max-width: 1280px) { body { font-size: 1.4rem; } }

/* Common ================================================================= */
/* style ------------------------------------------------------------------ */
.u-style-none { margin: 0; padding: 0; list-style: none; }

/* txt -------------------------------------------------------------------- */
.u-txt-left { text-align: left; }

.u-txt-center { text-align: center; }

.u-txt-right { text-align: right; }

.u-txt-nowrap { white-space: nowrap; }

.u-fw-clear { font-weight: normal !important; }

/* scroll ----------------------------------------------------------------- */
.u-scroll-no { overflow: hidden !important; }

.u-scroll-x { overflow-y: hidden; }

.u-scroll-y { overflow-x: hidden; }

/* display ---------------------------------------------------------------- */
.u-hide { display: none !important; }

.u-show { display: initial; }

@media all and (max-width: 1200px) { .u-show-pc, .u-display-pc { display: none !important; } }

@media all and (min-width: 1201px) { .u-show-mobile, .u-display-mobile { display: none !important; } }

/* Other ------------------------------------------------------------------ */
.u-visually-hidden { position: absolute; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }

/* Javascript ============================================================= */
/* Javascript href -------------------------------------------------------- */
[data-href], [data-open] { cursor: pointer; }

/* javascript Image ------------------------------------------------------- */
[data-img] { background-repeat: no-repeat; }

.js-img--full { background-size: cover; }

.js-img--hold { background-size: contain; }

.js-img--config { background-position: center; }

[data-imgfix] { position: relative; line-height: 0; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; }

[data-imgfix] > * { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

[data-imgfix] img { width: auto; height: auto; -webkit-transition: all 0.5s; transition: all 0.5s; }

[data-imgfix="full"] img { max-width: initial; height: 100%; }

[data-imgfix="out"] img { max-width: initial; max-height: initial; }

[data-imgfix="in"] img { max-width: 100%; max-height: 100%; }

.is-login .m-card--app .m-card_info-download, .is-login .m-card--app-gray .m-card_info-download { opacity: 1; pointer-events: auto; }

/* main =================================================================== */
.main, main { margin-top: 74px; min-height: calc(100vh - 74px - 571px); -webkit-transition: all 0.8s; transition: all 0.8s; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .main, main { margin-top: 65px; } }

@media all and (max-width: 1200px) { .main, main { margin-top: 58px; } }

@media all and (max-width: 1024px) { .main, main { min-height: calc(100vh - 137px); } }

/* container ============================================================== */
.l-wp, [class*="l-wp"] { margin-left: auto; margin-right: auto; width: calc(90% - 40px); }

@media all and (max-width: 575px) { .l-wp, [class*="l-wp"] { width: calc(90% - 40px); } }

.l-wp { max-width: 1024px; }

.l-wp-html { width: 100%; max-width: 100%; min-width: 320px; overflow: hidden; }

.l-wp-main { width: 100%; max-width: 100%; }

.l-wp-1694 { max-width: 1694px; }

.l-wp-1680 { max-width: 1680px; }

.l-wp-1668 { max-width: 1668px; }

.l-wp-1655 { max-width: 1655px; }

.l-wp-1600 { max-width: 1600px; }

.l-wp-1500 { max-width: 1500px; }

.l-wp-1480 { max-width: 1480px; }

.l-wp-1455 { max-width: 1455px; }

.l-wp-1440 { max-width: 1440px; }

.l-wp-1380 { max-width: 1380px; }

.l-wp-1376 { max-width: 1376px; }

.l-wp-1320 { max-width: 1320px; }

.l-wp-1312 { max-width: 1312px; }

.l-wp-1300 { max-width: 1300px; }

.l-wp-1280 { max-width: 1280px; }

.l-wp-1270 { max-width: 1270px; }

.l-wp-1236 { max-width: 1236px; }

.l-wp-1234 { max-width: 1234px; }

.l-wp-1230 { max-width: 1230px; }

.l-wp-1200 { max-width: 1200px; }

.l-wp-1180 { max-width: 1180px; }

.l-wp-1170 { max-width: 1170px; }

.l-wp-1145 { max-width: 1145px; }

.l-wp-1110 { max-width: 1110px; }

.l-wp-1100 { max-width: 1100px; }

.l-wp-1070 { max-width: 1070px; }

.l-wp-1000 { max-width: 1000px; }

.l-wp-965 { max-width: 965px; }

.l-wp-900 { max-width: 900px; }

.l-wp-890 { max-width: 890px; }

.l-wp-800 { max-width: 800px; }

.l-wp--no-center { margin-left: initial; margin-right: initial; }

.l-wp-full, .l-wp-max { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; }

/* Keyframes ============================================================== */
@-webkit-keyframes opacity_in { 0% { }
  100% { opacity: 1; } }
@keyframes opacity_in { 0% { }
  100% { opacity: 1; } }

@-webkit-keyframes opacity_out { 0% { }
  100% { opacity: 0; } }

@keyframes opacity_out { 0% { }
  100% { opacity: 0; } }

@-webkit-keyframes w100 { 0% { }
  100% { width: 100%; } }

@keyframes w100 { 0% { }
  100% { width: 100%; } }

@-webkit-keyframes h100 { 0% { }
  100% { height: 100%; } }

@keyframes h100 { 0% { }
  100% { height: 100%; } }

@-webkit-keyframes idxBnDotHide { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
  100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } }

@keyframes idxBnDotHide { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
  100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } }

@-webkit-keyframes idxBnDotShow { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  50% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

@keyframes idxBnDotShow { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  50% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

@-webkit-keyframes contactTab { 0% { height: 100%; }
  100% { height: 120px; } }

@keyframes contactTab { 0% { height: 100%; }
  100% { height: 120px; } }

/* Typography ============================================================= */
a { cursor: pointer; }

@media all and (min-width: 1201px) { a:hover { color: #f00; } }

h1, h2, h3, h4, h5, h6 { display: inline-block; }

/* Grid =================================================================== */
.m-gd, .m-grid, .m-gd-row2, .m-grid-row2, .m-gd-row3, .m-grid-row3, .m-gd-row4, .m-grid-row4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.m-gd-row2 > *, .m-grid-row2 > * { width: calc(100%/2); }

@media all and (max-width: 480px) { .m-gd-row2 > *, .m-grid-row2 > * { width: 100%; } }

.m-gd-row3 > *, .m-grid-row3 > * { width: calc(100%/3); }

@media all and (max-width: 992px) { .m-gd-row3 > *, .m-grid-row3 > * { width: 50%; } }

@media all and (max-width: 480px) { .m-gd-row3 > *, .m-grid-row3 > * { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } }

.m-gd-row4 > *, .m-grid-row4 > * { width: calc(100%/4); }

@media all and (max-width: 1366px) { .m-gd-row4 > *, .m-grid-row4 > * { width: calc(100%/3); } }

@media all and (max-width: 992px) { .m-gd-row4 > *, .m-grid-row4 > * { width: 50%; } }

@media all and (max-width: 480px) { .m-gd-row4 > *, .m-grid-row4 > * { width: 100%; } }

/* Path =================================================================== */
.path_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.4rem; padding-top: 1.6rem; margin-bottom: 3.8rem; }

.path_list li { display: inline-block; }

.path_list li::after { content: '>'; display: inline-block; padding: 0 5px; }

.path_list li:last-child:after { display: none; }

.path_list li:first-child:after { display: inline-block; }

@media all and (min-width: 1201px) { .path_list a:hover { color: #f00; } }

/* pagination ============================================================= */
.pagination { width: 100%; margin-bottom: 6.25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media all and (max-width: 1200px) { .pagination { margin-top: 2rem; } }

.pagination_items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -5px; margin-right: -5px; }

.pagination_items li:not([class^="pagination_"]) { padding-left: 5px; padding-right: 5px; }

@media all and (min-width: 1201px) { .pagination_items li:not([class^="pagination_"]):hover a { -webkit-box-shadow: 0 0 31px rgba(0, 0, 0, 0.15); box-shadow: 0 0 31px rgba(0, 0, 0, 0.15); } }

.pagination_items li:not([class^="pagination_"]).active { pointer-events: none; }

.pagination_items li:not([class^="pagination_"]).active a { color: #fff; background: #FE0000; }

.pagination_items a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; line-height: normal; }

.pagination_items [class^="pagination_"] { padding-left: 10px; padding-right: 10px; }

@media all and (min-width: 1201px) { .pagination_items [class^="pagination_"]:hover a { color: #FE0000; } }

button { background: transparent; outline: none; }

button:active, button:focus { outline: none; }

/* Button ================================================================= */
.m-btn { cursor: pointer; display: inline-block; line-height: 1; text-align: center; vertical-align: middle; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.5s; transition: all 0.5s; }

.m-btn_txt, .m-btn_name { color: inherit; }

.m-btn { font-size: 1.6rem; border: none; border-radius: 0px; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-btn { font-size: 1.5rem; } }

.m-btn--gotop { z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; width: 42px; height: 42px; background: #FE0000; border-radius: 100%; }

.m-btn--gotop i { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .m-btn--gotop:hover { -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 32px rgba(0, 0, 0, 0.3) inset; }
  .m-btn--gotop:hover i { -webkit-transform: translateY(-3px); transform: translateY(-3px); } }

.m-btn--circle-line { position: relative; width: 50px; height: 50px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 2px solid #808D96; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 600px) { .m-btn--circle-line { width: 40px; height: 40px; font-size: 1.4rem; } }

.m-btn--circle-line::before, .m-btn--circle-line::after { content: ''; position: absolute; z-index: 1; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); border-radius: 100%; border-width: 3px; border-style: solid; border-color: transparent; -webkit-transition: all 0.5s; transition: all 0.5s; }

.m-btn--circle-line::before { border-bottom-color: #FE0000; border-right-color: #FE0000; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.m-btn--circle-line::after { border-bottom-color: #FE0000; border-right-color: #FE0000; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

@media all and (min-width: 1201px) { .m-btn--circle-line:hover { background: rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 0 10px #333 inset; box-shadow: 0 0 10px #333 inset; -webkit-transform: scale(1.1); transform: scale(1.1); }
  .m-btn--circle-line:hover::before { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  .m-btn--circle-line:hover::after { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }

.m-btn--circle-line2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-btn--circle-line2 .m-btn_icon { position: relative; width: 50px; height: 50px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #808D96; margin-bottom: 10px; color: #888; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 600px) { .m-btn--circle-line2 .m-btn_icon { width: 40px; height: 40px; font-size: 1.4rem; } }

.m-btn--circle-line2 .m-btn_icon::before, .m-btn--circle-line2 .m-btn_icon::after { content: ''; position: absolute; z-index: 1; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 100%; border-width: 2px; border-style: solid; border-color: transparent; -webkit-transition: all 0.5s; transition: all 0.5s; }

.m-btn--circle-line2 .m-btn_icon::before { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.m-btn--circle-line2 .m-btn_icon::after { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.m-btn--circle-line2 .m-btn_name { color: #888; }

@media all and (min-width: 1201px) { .m-btn--circle-line2:hover .m-btn_icon { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .m-btn--circle-line2:hover .m-btn_icon::before { border-bottom-color: #FE0000; border-right-color: #FE0000; -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  .m-btn--circle-line2:hover .m-btn_icon::after { border-bottom-color: #FE0000; border-right-color: #FE0000; -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }

.m-btn--circle-line2.swiper-button-disabled { opacity: .3; pointer-events: none; }

.m-btn--circle-line3 { position: relative; width: 70px; height: 70px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 600px) { .m-btn--circle-line3 { width: 40px; height: 40px; font-size: 1.4rem; } }

.m-btn--circle-line3 [data-imgfix] { width: 35px; height: 35px; }

.m-btn--circle-line3::before, .m-btn--circle-line3::after { content: ''; position: absolute; z-index: 1; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); border-radius: 100%; border-width: 3px; border-style: solid; border-color: transparent; -webkit-transition: all 0.5s; transition: all 0.5s; }

.m-btn--circle-line3::before { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.m-btn--circle-line3::after { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

@media all and (min-width: 1201px) { .m-btn--circle-line3:hover { border: 1px solid #E6E6E6; background: rgba(255, 255, 255, 0.2); -webkit-transform: scale(1.1); transform: scale(1.1); }
  .m-btn--circle-line3:hover::before { border-bottom-color: #FE0000; border-right-color: #FE0000; -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  .m-btn--circle-line3:hover::after { border-bottom-color: #FE0000; border-right-color: #FE0000; -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }

.m-btn--circle-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; border-radius: 100%; border: 1px solid #c8c8c8; margin-left: 9px; margin-right: 9px; position: relative; pointer-events: auto; }
.m-btn--circle-arrow span{
  font-size: 0;
}
.m-btn--circle-arrow span::before{
  font-size: 16px;
}
@media all and (max-width: 576px){
  .m-btn--circle-arrow span::before{
    font-size: 14px;
  }
}
@media all and (max-width: 600px) { .m-btn--circle-arrow { width: 40px; height: 40px; font-size: 1.4rem; } }

.m-btn--circle-arrow::before, .m-btn--circle-arrow::after { content: ''; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 100%; border-style: solid; border-width: 3px; border-color: transparent; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.m-btn--circle-arrow::before { border-left-color: #FE0000; border-top-color: #FE0000; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.m-btn--circle-arrow::after { border-right-color: #FE0000; border-bottom-color: #FE0000; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

@media all and (min-width: 1201px) { .m-btn--circle-arrow:hover::before, .m-btn--circle-arrow:hover::after { opacity: 1; }
  .m-btn--circle-arrow:hover::before { -webkit-animation: idxBnDotHide 1s ease-out; animation: idxBnDotHide 1s ease-out; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .m-btn--circle-arrow:hover::after { -webkit-animation: idxBnDotShow 1s ease-out; animation: idxBnDotShow 1s ease-out; -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

.m-btn--circle-arrow.swiper-button-disabled { opacity: .3; pointer-events: none; }

.m-btn--arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; width: 50px; height: 50px; border-radius: 100%; margin-left: 9px; margin-right: 9px; position: relative; pointer-events: auto; }

@media all and (max-width: 600px) { .m-btn--arrow { width: 40px; height: 40px; font-size: 1.4rem; } }

@media all and (min-width: 1201px) { .m-btn--arrow:hover { color: #FE0000; } }

.m-btn--arrow i { -webkit-transform: translateY(1px); transform: translateY(1px); }

.m-btn--arrow.swiper-button-disabled { opacity: .3; pointer-events: none; }

.m-btn--rectangle, .m-btn--rectangle-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }

.m-btn--rectangle .m-btn_txt, .m-btn--rectangle-line .m-btn_txt { position: relative; z-index: 2; }
.m-btn--rectangle .m-btn_txt {font-family: "Noto Sans SC", Arial, "Microsoft JhengHei", sans-serif;}
.m-btn--rectangle::before, .m-btn--rectangle::after, .m-btn--rectangle-line::before, .m-btn--rectangle-line::after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; }

.m-btn--rectangle::after, .m-btn--rectangle-line::after { z-index: 1; width: 0px; }

@media all and (min-width: 1201px) { .m-btn--rectangle:hover::after, .m-btn--rectangle-line:hover::after { width: 100%; } }

.m-btn--filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 15px; padding-bottom: 15px; pointer-events: none; }

.m-btn--filter .m-btn_opt { margin-left: 10px; position: relative; }

.m-btn--filter .m-btn_opt_up, .m-btn--filter .m-btn_opt_down { position: absolute; left: 0px; pointer-events: auto; }

@media all and (min-width: 1201px) { .m-btn--filter .m-btn_opt_up:hover, .m-btn--filter .m-btn_opt_down:hover { opacity: .5; } }

.m-btn--filter .m-btn_opt_up::before, .m-btn--filter .m-btn_opt_down::before { content: ''; display: block; border-style: solid; border-width: 6px 5px; border-color: transparent; }

.m-btn--filter .m-btn_opt_up { top: -17px; }

.m-btn--filter .m-btn_opt_up::before { border-bottom-color: #fff; }

.m-btn--filter .m-btn_opt_down { top: 1px; }

.m-btn--filter .m-btn_opt_down::before { border-top-color: #fff; }

.m-btn--download { font-size: 3rem; color: #FE0000; }

@media all and (min-width: 1201px) { .m-btn--download:hover { opacity: .5; color: #FE0000; } }

.m-btn--download-gray { font-size: 3rem; color: #808080; }

@media all and (min-width: 1201px) { .m-btn--download-gray:hover { opacity: 1; color: #FE0000; } }

.m-btn--compare { color: #fff; width: 100%; max-width: 100%; position: relative; padding: 15px 10px 6px 30px; }

.m-btn--compare::before, .m-btn--compare::after { content: ''; position: absolute; top: 0px; left: 0px; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); height: 100%; width: calc(100% + 40px); background: #FF1717; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 480px) { .m-btn--compare::before, .m-btn--compare::after { width: calc(100% + 10px); } }

.m-btn--compare::after { width: 0px; background: #666; z-index: 1; }

@media all and (min-width: 1201px) { .m-btn--compare:hover { color: #fff; }
  .m-btn--compare:hover::after { width: 100%; } }

.m-btn--compare .m-btn_txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; line-height: 1; }

.m-btn--compare .m-btn_txt::after { font-family: "ico"; content: '\e826'; font-weight: normal; font-size: 8rem; margin-left: 10px; margin-top: -7px; line-height: 0; }

@media all and (max-width: 1220px) { .m-btn--compare .m-btn_txt::after { margin-left: 0.52083vw; } }

.m-btn--compare-close { color: #fff; background: #DFDFDF; width: 20px; height: 20px; border-radius: 100%; position: relative; }

@media all and (min-width: 1201px) { .m-btn--compare-close:hover { background: #FE0000; } }

.m-btn--compare-close .m-btn_txt { position: absolute; top: 50%; left: 50%; width: 50%; height: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.m-btn--compare-close .m-btn_txt::before, .m-btn--compare-close .m-btn_txt::after { position: absolute; top: 50%; left: 50%; content: ''; width: 100%; height: 2px; background: #fff; }

.m-btn--compare-close .m-btn_txt::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.m-btn--compare-close .m-btn_txt::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.m-btn--arrow-left, .m-btn--arrow-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; pointer-events: auto; }

.m-btn--arrow-left::before, .m-btn--arrow-right::before { content: ''; position: absolute; border-width: 6px 15px; border-style: solid; border-color: transparent; -webkit-transition: all 0.5s; transition: all 0.5s; top:-6px;}

.m-btn--arrow-left::before { border-right-color: #FE0000;left:-15px; }

@media all and (min-width: 1201px) { .m-btn--arrow-left:hover::before { border-right-color: #4d4d4d; } }

.m-btn--arrow-right::before { border-left-color: #FE0000;left:-10px; }

@media all and (min-width: 1201px) { .m-btn--arrow-right:hover::before { border-left-color: #4d4d4d; } }

.m-btn--submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 300px; font-size: 1.8rem; color: #000; background: transparent; padding-top: 12px; padding-bottom: 8px; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-btn--submit { font-size: 1.6rem; } }

@media all and (max-width: 480px) { .m-btn--submit { font-size: 1.6rem; } }

.m-btn--submit .m-btn_txt { position: relative; z-index: 2; }

.m-btn--submit input { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; }

.m-btn--submit::before, .m-btn--submit::after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); border: 1px solid #FE0000; -webkit-transition: all 0.5s; transition: all 0.5s; }

.m-btn--submit::after { z-index: 1; width: 0px; background: #FE0000; opacity: 0; }

@media all and (min-width: 1201px) { .m-btn--submit:hover::after { width: 100%; opacity: 1; }
  .m-btn--submit:hover .m-btn_txt { color: #fff; } }

.m-btn--tab { width: 100%; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #FE0000; position: relative; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

@media all and (min-width: 1201px) { .m-btn--tab:hover { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } }

.m-btn--tab::before, .m-btn--tab::after { content: ''; position: absolute; border-style: solid; border-color: transparent; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.m-btn--tab::before { top: -1px; z-index: 1; left: calc(50% - 4px); border-width: 5px 6px; border-bottom-color: #FE0000; }

.m-btn--tab::after { top: -1px; z-index: 2; left: calc(50% - 3px); border-width: 3px 5px; border-bottom-color: #fff; }

@media all and (min-width: 1201px) { .m-btn--switch:hover .m-btn_txt { -webkit-transform: translateY(5px); transform: translateY(5px); } }

.m-btn--switch .m-btn_txt { width: 60px; height: 60px; border-top-left-radius: 50%; border-top-right-radius: 50%; background: #FAFAFA; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.5s; transition: all 0.5s; }

.m-btn--switch .m-btn_txt .el-txt_open { display: none; }

.m-btn--switch .m-btn_txt i { color: #FE0000; }

@media all and (min-width: 1201px) { .m-btn--switch.is-slide-down:hover .m-btn_txt { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }

.m-btn--switch.is-slide-down .m-btn_txt .el-txt_open { display: block; }

.m-btn--switch.is-slide-down .m-btn_txt .el-txt_close { display: none; }

.m-btn--switch.is-slide-down .m-btn_txt i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.group-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; margin-bottom: calc(4.42708% + 35px); }

@media all and (max-width: 560px) { .group-btn--new { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% - 40px); margin-left: auto; margin-right: auto; } }

.group-btn--new .m-btn, .group-btn--new a.m-btn { padding-top: 12px; padding-bottom: 10px; margin-left: 5px; margin-right: 5px; }

@media all and (max-width: 560px) { .group-btn--new .m-btn, .group-btn--new a.m-btn { margin-bottom: 15px; } }

.group-btn--new .m-btn--prev, .group-btn--new .m-btn--next, .group-btn--new a.m-btn--prev, .group-btn--new a.m-btn--next { color: #FE0000; width: 185px; }

@media all and (min-width: 1201px) { .group-btn--new .m-btn--prev:hover, .group-btn--new .m-btn--next:hover, .group-btn--new a.m-btn--prev:hover, .group-btn--new a.m-btn--next:hover { color: #fff; } }

@media all and (max-width: 560px) { .group-btn--new .m-btn--prev, .group-btn--new .m-btn--next, .group-btn--new a.m-btn--prev, .group-btn--new a.m-btn--next { width: 60px; height: 38px; line-height: 1; padding-top: 0px; padding-bottom: 0px; }
  .group-btn--new .m-btn--prev .el-name, .group-btn--new .m-btn--next .el-name, .group-btn--new a.m-btn--prev .el-name, .group-btn--new a.m-btn--next .el-name { overflow: hidden; width: 1px; display: inline-block; text-indent: -9999px; visibility: hidden; } }

@media all and (max-width: 320px) { .group-btn--new .m-btn--prev, .group-btn--new .m-btn--next, .group-btn--new a.m-btn--prev, .group-btn--new a.m-btn--next { width: 40px; } }

.group-btn--new .m-btn--prev::before, .group-btn--new .m-btn--prev::after, .group-btn--new .m-btn--next::before, .group-btn--new .m-btn--next::after, .group-btn--new a.m-btn--prev::before, .group-btn--new a.m-btn--prev::after, .group-btn--new a.m-btn--next::before, .group-btn--new a.m-btn--next::after { -webkit-transform: skewX(-30deg); transform: skewX(-30deg); }

.group-btn--new .m-btn--prev::before, .group-btn--new .m-btn--next::before, .group-btn--new a.m-btn--prev::before, .group-btn--new a.m-btn--next::before { border: 1px solid #FE0000; }

.group-btn--new .m-btn--prev::after, .group-btn--new .m-btn--next::after, .group-btn--new a.m-btn--prev::after, .group-btn--new a.m-btn--next::after { background: #FE0000; }

.group-btn--new .m-btn--prev .m-btn_txt, .group-btn--new .m-btn--next .m-btn_txt, .group-btn--new a.m-btn--prev .m-btn_txt, .group-btn--new a.m-btn--next .m-btn_txt { position: relative; }

.group-btn--new .m-btn--prev .m-btn_txt::before, .group-btn--new .m-btn--next .m-btn_txt::before, .group-btn--new a.m-btn--prev .m-btn_txt::before, .group-btn--new a.m-btn--next .m-btn_txt::before { font-size: 1rem; position: absolute; top: 1px; font-family: "ico"; content: ''; }

@media all and (max-width: 560px) { .group-btn--new .m-btn--prev .m-btn_txt::before, .group-btn--new .m-btn--next .m-btn_txt::before, .group-btn--new a.m-btn--prev .m-btn_txt::before, .group-btn--new a.m-btn--next .m-btn_txt::before { top: 50%; left: 50% !important; right: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.group-btn--new .m-btn--prev .m-btn_txt, .group-btn--new a.m-btn--prev .m-btn_txt { padding-left: 20px; }

.group-btn--new .m-btn--prev .m-btn_txt::before, .group-btn--new a.m-btn--prev .m-btn_txt::before { content: '\e82f'; left: 0px; }

.group-btn--new .m-btn--next .m-btn_txt, .group-btn--new a.m-btn--next .m-btn_txt { padding-right: 20px; }

.group-btn--new .m-btn--next .m-btn_txt::before, .group-btn--new a.m-btn--next .m-btn_txt::before { content: '\e831'; right: 0px; }

.group-btn--new .m-btn--back, .group-btn--new a.m-btn--back { color: #fff; width: 140px; }

@media all and (min-width: 1201px) { .group-btn--new .m-btn--back:hover, .group-btn--new a.m-btn--back:hover { color: #fff; } }

@media all and (max-width: 560px) { .group-btn--new .m-btn--back, .group-btn--new a.m-btn--back { width: 100px; } }

.group-btn--new .m-btn--back::before, .group-btn--new .m-btn--back::after, .group-btn--new a.m-btn--back::before, .group-btn--new a.m-btn--back::after { -webkit-transform: skewX(-30deg); transform: skewX(-30deg); }

.group-btn--new .m-btn--back::before, .group-btn--new a.m-btn--back::before { background: #FE0000; }

.group-btn--new .m-btn--back::after, .group-btn--new a.m-btn--back::after { background: #666; }

.group-btn--prod { text-transform: capitalize; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -20px; margin-right: -20px; margin-bottom: 0px; }

.group-btn--prod .m-btn { margin-left: 20px; margin-right: 20px; }

/* Banner ================================================================= */
.m-bn { line-height: 0px; overflow: hidden; background: #ccc; position: relative; }

.m-bn_ctr { max-width: 100%; position: relative; min-height: 150px; }

.m-bn_txt { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.5; z-index: 3; }

.m-bn_pic, .m-bn_img, .m-bn_bg { width: 100%; min-height: 150px; }

.m-bn_pic img, .m-bn_img img, .m-bn_bg img { width: 100%; }

.m-bn_txt { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; color: #fff; pointer-events: none; }

.m-bn_txt-info { pointer-events: auto; max-width: 685px; }

@media all and (max-width: 1500px) { .m-bn_txt-info { max-width: 525px; } }

@media all and (max-width: 1440px) { .m-bn_txt-info { max-width: 460px; } }

@media all and (max-width: 1280px) { .m-bn_txt-info { max-width: 370px; } }

@media all and (max-width: 1024px) { .m-bn_txt-info { max-width: 375px; } }

.m-bn_txt-title { display: block; font-size: 9rem; font-weight: bold; line-height: 1; margin-bottom: 1.5rem; }

@media all and (max-width: 1500px) { .m-bn_txt-title { font-size: 7rem; } }

@media all and (max-width: 1440px) { .m-bn_txt-title { font-size: 6rem; } }

@media all and (max-width: 1280px) { .m-bn_txt-title { font-size: 4rem; } }

.m-bn_txt-depiction { display: block; font-size: 2.4rem; }

@media all and (max-width: 1440px) { .m-bn_txt-depiction { font-size: 1.8rem; } }

.m-bn--index .m-bn_pic { padding-bottom: 41.16667%; }

@media all and (max-width: 1200px) { .m-bn--index .m-bn_pic { padding-bottom: 46.875%; } }

@media all and (max-width: 768px) { .m-bn--index .m-bn_pic { padding-bottom: 60.54688%; } }

@media all and (max-width: 510px) { .m-bn--index .m-bn_pic { padding-bottom: 124%; } }

.m-bn--index .m-bn_txt { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.m-bn--index .m-bn_txt-title { text-transform: uppercase; }

.m-bn--index .m-bn_txt-title span { color: #FE0000; }

@media all and (min-width: 1025px) { .m-bn--index .m-bn_txt-depiction { white-space: nowrap; } }

.m-bn--index .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 55px; margin-top: 3.5rem; margin-bottom: 3.5rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-bn--index .swiper-pagination { margin-top: 2rem; margin-bottom: 2rem; } }

@media all and (max-width: 1024px) { .m-bn--index .swiper-pagination { margin-top: 15px; margin-bottom: 5px; } }

@media all and (max-width: 480px) { .m-bn--index .swiper-pagination > * { margin-left: 6px; margin-right: 6px; } }

.m-bn--index .swiper-pagination-bullet { width: 55px; height: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: transparent; opacity: 1; }

@media all and (max-width: 1440px) { .m-bn--index .swiper-pagination-bullet { width: 50px; height: 50px; } }

@media all and (max-width: 1024px) { .m-bn--index .swiper-pagination-bullet { width: 35px; height: 35px; } }

.m-bn--index .swiper-pagination-bullet span { color: transparent; background: #fff; width: 9px; height: 9px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .m-bn--index .swiper-pagination-bullet span:hover { background: #FE0000; } }

.m-bn--index .swiper-pagination-bullet span::before, .m-bn--index .swiper-pagination-bullet span::after { content: ''; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 100%; border-style: solid; border-width: 3px; border-color: transparent; }

@media all and (max-width: 1024px) { .m-bn--index .swiper-pagination-bullet span::before, .m-bn--index .swiper-pagination-bullet span::after { border-width: 2px; } }

.m-bn--index .swiper-pagination-bullet span::before { border-top-color: #FE0000; border-left-color: #FE0000; -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 0; }

.m-bn--index .swiper-pagination-bullet span::after { border-bottom-color: #FE0000; border-right-color: #FE0000; -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; }

.m-bn--index .swiper-pagination-bullet-active span { color: #fff; background: transparent; width: 55px; height: 55px; border: 1px solid #E5E5E5; }

@media all and (min-width: 1201px) { .m-bn--index .swiper-pagination-bullet-active span:hover { background: rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 0 10px #333 inset; box-shadow: 0 0 10px #333 inset; } }

@media all and (max-width: 1440px) { .m-bn--index .swiper-pagination-bullet-active span { width: 50px; height: 50px; font-size: 1.6rem; } }

@media all and (max-width: 1024px) { .m-bn--index .swiper-pagination-bullet-active span { width: 35px; height: 35px; } }

@media all and (max-width: 375px) { .m-bn--index .swiper-pagination-bullet-active span { padding-top: 2px; } }

.m-bn--index .swiper-pagination-bullet-active span::before { -webkit-animation: idxBnDotHide 1s ease-out; animation: idxBnDotHide 1s ease-out; opacity: 1; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.m-bn--index .swiper-pagination-bullet-active span::after { -webkit-animation: idxBnDotShow 1s ease-out; animation: idxBnDotShow 1s ease-out; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.m-bn--inside .m-bn_pic { padding-bottom: 31.25%; }

@media all and (max-width: 1200px) { .m-bn--inside .m-bn_pic { padding-bottom: 46.875%; } }

@media all and (max-width: 768px) { .m-bn--inside .m-bn_pic { padding-bottom: 60.54688%; } }

@media all and (max-width: 510px) { .m-bn--inside .m-bn_pic { padding-bottom: 124%; } }

.m-bn--inside .m-bn_txt-info { margin-top: 2.60417%; }

.m-bn--application { height: 100vh; }

.m-bn--new .m-bn_pic { padding-bottom: 23.4375%; }

@media all and (max-width: 1200px) { .m-bn--new .m-bn_pic { padding-bottom: 45.3629%; } }

@media all and (max-width: 768px) { .m-bn--new .m-bn_pic { padding-bottom: 58.59375%; } }

@media all and (max-width: 510px) { .m-bn--new .m-bn_pic { padding-bottom: 120%; } }

.m-bn--new .m-bn_txt .txt { margin-top: 2.60417%; }

.m-bn--invetor .m-bn_pic { padding-bottom: 31.25%; }

@media all and (max-width: 1200px) { .m-bn--invetor .m-bn_pic { padding-bottom: 46.875%; } }

@media all and (max-width: 768px) { .m-bn--invetor .m-bn_pic { padding-bottom: 60.54688%; } }

@media all and (max-width: 510px) { .m-bn--invetor .m-bn_pic { padding-bottom: 124%; } }

.m-bn--invetor .m-bn_txt-title { display: block; font-size: 7rem; font-weight: 500; line-height: 1; margin-bottom: 1.5rem; }

@media all and (max-width: 1500px) { .m-bn--invetor .m-bn_txt-title { font-size: 6rem; } }

@media all and (max-width: 1440px) { .m-bn--invetor .m-bn_txt-title { font-size: 4rem; } }

.m-bn--invetor .m-bn_txt-info { margin-top: 2.60417%; }

/* Card ======================================================================= */
.card { background-color: transparent; border: none; border-radius: 0px; }

.m-card--pro { height: 100%; padding-top: 7.14286%; padding-bottom: 7.14286%; padding-left: 1.82292vw; padding-right: 1.82292vw; border-radius: 20px; -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0); box-shadow: 0 0 35px rgba(0, 0, 0, 0); -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .m-card--pro:hover { -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.09); box-shadow: 0 0 35px rgba(0, 0, 0, 0.09); } }

.m-card--pro .m-card_pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 2.38095%; }

.m-card--pro .m-card_pic figure { width: 100%; padding-bottom: 64.78873%; }

.m-card--pro .m-card_info_name { display: block; font-size: 2rem; text-align: center; color: #FE0000; margin-bottom: 5.95238%; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-card--pro .m-card_info_name { font-size: 1.8rem; } }

.m-card--pro .m-card_info_angle { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -2px; margin-right: -2px; }

.m-card--pro .m-card_info_angle > * { margin-left: 2px; margin-right: 2px; margin-bottom: 8px; }

.m-card--pro .m-card_info_angle span { display: block; }

.m-card--pro .m-card_info_angle span.el-name { color: #000; font-weight: bold; }

.m-card--pro .m-card_info_angle a { display: block; color: #5E5E5E; border-radius: 50px; border: 1px solid #ddd; text-align: center; line-height: 1; cursor: pointer; padding-top: 4px; padding-bottom: 0px; padding-left: 12px; padding-right: 12px; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .m-card--pro .m-card_info_angle a:hover { color: #fff; background: #FE0000; border-color: #FE0000; } }

.m-card--app, .m-card--app-gray { cursor: pointer; padding-left: 7.14286%; padding-right: 7.14286%; padding-top: 2.5rem; padding-bottom: 2.5rem; height: 100%; -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0); box-shadow: 0 0 35px rgba(0, 0, 0, 0); -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .m-card--app:hover, .m-card--app-gray:hover { -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.09); box-shadow: 0 0 35px rgba(0, 0, 0, 0.09); } }

.m-card--app .m-card_pic, .m-card--app-gray .m-card_pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 13.09524%; }

.m-card--app .m-card_pic figure, .m-card--app-gray .m-card_pic figure { width: 100%; padding-bottom: 105%; }


.m-card--app .m-card_info, .m-card--app-gray .m-card_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.m-card--app .m-card_info-name, .m-card--app-gray .m-card_info-name { -ms-flex-preferred-size: calc(100% - 50px); flex-basis: calc(100% - 50px); max-width: calc(100% - 50px); width: 100%; font-size: 2rem; line-height: 1; font-weight: 500; -webkit-transition: all 0.5s; transition: all 0.5s; }
.m-card--app-gray .m-card_info-name{margin-right: auto;}
@media all and (max-width: 1280px) { .m-card--app .m-card_info-name, .m-card--app-gray .m-card_info-name { font-size: 1.8rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-card--app .m-card_info-name, .m-card--app-gray .m-card_info-name { font-size: 1.6rem; } }

.m-card--app .m-card_info-download, .m-card--app-gray .m-card_info-download { -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px;}

.m-card--app .m-card_info-download .m-btn > *, .m-card--app-gray .m-card_info-download .m-btn > * { pointer-events: none; }

.m-card--idxpro .m-card_pic { padding-bottom: 53.57143%; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; }

.m-card--idxpro .m-card_name { display: block; font-size: 4rem; font-weight: 600; text-align: center; color: #808080; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 1366px) { .m-card--idxpro .m-card_name { font-size: 3rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-card--idxpro .m-card_name { font-size: 2rem; } }

@media all and (max-width: 1200px) { .m-card--idxpro .m-card_name { font-size: 2.5rem; } }

@media all and (max-width: 480px) { .m-card--idxpro .m-card_name { font-size: 1.8rem; } }

.m-card--app-gray { background: #FAFAFA; }

@media all and (min-width: 1201px) { .m-card--app-gray:hover { background: #FAFAFA; } }

.m-card--abt-timeline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 15px; padding-left: 1px; padding-right: 1px; position: relative; }

.m-card--abt-timeline::before, .m-card--abt-timeline::after { content: ''; position: absolute; top: 90px; width: 8px; height: 8px; border-radius: 100%; background: #808080; }

@media all and (max-width: 992px) { .m-card--abt-timeline::before, .m-card--abt-timeline::after { display: none; } }

.m-card--abt-timeline::before { left: -4px; }

.m-card--abt-timeline::after { right: -4px; }

.m-card--abt-timeline .m-card_pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 160px; height: 160px; border-radius: 100%; overflow: hidden; background: #fff; margin-bottom: 6.97674%; -webkit-transition: all 1.5s; transition: all 1.5s; }

.m-card--abt-timeline .m-card_pic figure { width: 100%; padding-bottom: 100%; border-radius: 100%; overflow: hidden; position: relative; -webkit-transition: all 1s; transition: all 1s; }

.m-card--abt-timeline .m-card_pic figure::after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #FE0000; -webkit-transition: all 2s; transition: all 2s; }

.m-card--abt-timeline .m-card_content { -webkit-transition: all 1.5s; transition: all 1.5s; }

.m-card--abt-timeline .m-card_content-time { text-align: center; color: #FE0000; font-size: 3.5rem; font-weight: bold; margin-bottom: 5.81395%; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-card--abt-timeline .m-card_content-time { font-size: 2.5rem; margin-bottom: 1rem; } }

.m-card--abt-timeline .m-card_content-depiction { color: #808080; }

.m-card--abt-timeline .m-card_content-depiction ul li { padding-left: 10px; position: relative; }

.m-card--abt-timeline .m-card_content-depiction ul li::before { content: ''; position: absolute; top: 7px; left: 2px; width: 4px; height: 4px; border-radius: 100%; background: #FE0000; }

.m-card--abt-location { text-align: center; padding-left: 4.16667vw; padding-right: 4.16667vw; }

.m-card--abt-location .m-card_pic { width: 110px; margin: 0 auto; margin-bottom: 9.27835%; }

@media all and (max-width: 1200px) { .m-card--abt-location .m-card_pic { margin-bottom: 1rem; } }

.m-card--abt-location .m-card_pic figure { width: 100%; padding-bottom: 100%; }

.m-card--abt-location .m-card_title { font-weight: bold; line-height: 1; }

.m-card--abt-location .m-card_title-sub { font-size: 2.5rem; color: #5E5E5E; margin-bottom: 1px; }

@media all and (max-width: 1280px) { .m-card--abt-location .m-card_title-sub { font-size: 2rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-card--abt-location .m-card_title-sub { font-size: 1.6rem; } }

.m-card--abt-location .m-card_title-main { font-size: 3rem; color: #FE0000; margin-bottom: 8.24742%; }

@media all and (max-width: 1280px) { .m-card--abt-location .m-card_title-main { font-size: 2.5rem; margin-bottom: 1rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-card--abt-location .m-card_title-main { font-size: 2rem; } }

.m-card--abt-location .m-card_content { color: #808080; }

.m-card--abt-location .m-card_content p { margin-bottom: 2.06186%; }

.m-card--certification { position: relative; -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); }

@media all and (min-width: 1201px) { .m-card--certification:hover .m-card_lb { opacity: 1; pointer-events: auto; } }

.m-card--certification .m-card_pic [data-img] { padding-bottom: 155.35714%; }

.m-card--certification .m-card_lb { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1025px) { .m-card--certification .m-card_lb { opacity: 0; pointer-events: none; } }

.m-card--certification .m-card_lb::before { font-size: 3rem; font-family: "ico"; content: '\e82a'; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 98px; height: 98px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; background: #FE0000; border-radius: 100%; }

@media all and (max-width: 1280px) { .m-card--certification .m-card_lb::before { font-size: 2rem; } }

@media all and (max-width: 1024px) { .m-card--certification .m-card_lb::before { width: 45px; height: 45px; } }

@media all and (max-width: 575px) { .m-card--certification .m-card_lb::before { width: 70px; height: 70px; font-size: 2.5rem; } }

.m-card--compare .m-card_pic { position: relative; }

.m-card--compare .m-card_pic .m-btn { position: absolute; top: 0px; right: 0px; }

@media all and (max-width: 955px) { .m-card--compare .m-card_pic .m-btn { right: 20px; } }

.m-card--compare .m-card_pic-el { max-width: 175px; margin-left: auto; margin-right: auto; }

.m-card--compare .m-card_pic-el figure { padding-bottom: 67.64706%; }

.m-card--compare .m-card_name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.m-card--compare .m-card_name-pic { -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; }

.m-card--compare .m-card_name-pic figure { padding-bottom: 77.77778%; }

.m-card--compare .m-card_name-txt { padding-left: 10px; font-size: 1.6rem; }

.m-card--compare-detail .m-card_pic { position: relative; margin-bottom: 2rem; }

.m-card--compare-detail .m-card_pic .m-btn { position: absolute; top: 0px; right: 0px; }

@media all and (max-width: 955px) { .m-card--compare-detail .m-card_pic .m-btn { right: 20px; } }

.m-card--compare-detail .m-card_pic-el { max-width: 175px; margin-left: auto; margin-right: auto; }

.m-card--compare-detail .m-card_pic-el figure { padding-bottom: 67.64706%; }

.m-card--compare-detail .m-card_name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.m-card--compare-detail .m-card_name-pic { -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; }

.m-card--compare-detail .m-card_name-pic figure { padding-bottom: 77.77778%; }

.m-card--compare-detail .m-card_name-txt { padding-left: 10px; font-size: 1.6rem; }

.m-card--inquiry .m-card_pic { position: relative; margin-bottom: 2rem; }

.m-card--inquiry .m-card_pic .m-btn { position: absolute; top: 0px; right: 0px; }

@media all and (max-width: 955px) { .m-card--inquiry .m-card_pic .m-btn { right: 20px; } }

.m-card--inquiry .m-card_pic-el { max-width: 175px; margin-left: auto; margin-right: auto; }

.m-card--inquiry .m-card_pic-el figure { padding-bottom: 67.64706%; }

.m-card--inquiry .m-card_name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.m-card--inquiry .m-card_name-pic { -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; }

.m-card--inquiry .m-card_name-pic figure { padding-bottom: 77.77778%; }

.m-card--inquiry .m-card_name-txt { font-size: 1.8rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-card--inquiry .m-card_name-txt { font-size: 1.6rem; } }

@media all and (max-width: 480px) { .m-card--inquiry .m-card_name-txt { font-size: 1.6rem; } }

.m-card--inpt-range .m-card_name { text-align: center; font-size: 2rem; font-weight: 600; color: #414141; margin-bottom: 1rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-card--inpt-range .m-card_name { font-size: 1.6rem; margin-bottom: 0.5rem; } }

.m-card--inpt-range .m-card_input { max-width: 180px; margin-left: auto; margin-right: auto; }

.m-card--inpt-range .m-card_input-val { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #F2F2F2; padding-top: 2rem; padding-bottom: 2rem; position: relative; margin-bottom: 2rem; }

.m-card--inpt-range .m-card_input-val::before { content: ''; position: absolute; top: 50%; left: calc(50% - 5px); width: 10px; height: 1px; background: #7B7B7B; }

.m-card--inpt-range .m-card_input-val input { width: calc(48% - 5px); text-align: center; border: none; background: transparent; }

.m-card--inpt-range .m-card_input-range { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.m-card--inpt-range .m-card_input-range .ui-widget.ui-widget-content { border: none; }

.m-card--inpt-range .m-card_input-range .ui-widget-header { background: #FE0000; }

.m-card--inpt-range .m-card_input-range .ui-slider-horizontal { width: calc(100% - 10px); height: 3px; margin-left: auto; margin-right: auto; margin-bottom: 0; }

.m-card--inpt-range .m-card_input-range .ui-slider-horizontal .ui-slider-handle { margin-left: -7px; }

.m-card--inpt-range .m-card_input-range .ui-state-default, .m-card--inpt-range .m-card_input-range .ui-widget-content .ui-state-default { width: 15px; height: 15px; border-radius: 100%; border: none; background: #FE0000; }

.m-card--inpt-range .m-card_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 2rem; }

.m-card--inpt-range .m-card_btn .m-btn { width: 100px; font-size: 1.4rem; color: #fff; padding-top: 8px; padding-bottom: 5px; }

@media all and (min-width: 1201px) { .m-card--inpt-range .m-card_btn .m-btn:hover { color: #fff; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-card--inpt-range .m-card_btn .m-btn { font-size: 1.2rem; } }

@media all and (max-width: 480px) { .m-card--inpt-range .m-card_btn .m-btn { font-size: 1.4rem; } }

.m-card--inpt-range .m-card_btn .m-btn::before, .m-card--inpt-range .m-card_btn .m-btn::after { -webkit-transform: skewX(-30deg); transform: skewX(-30deg); background: #5E5E5E; }

.m-card--inpt-range .m-card_btn .m-btn::after { background: #FE0000; }

.m-card--contact { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4rem 2.5rem; width: 100%; height: 100%; border-radius: 20px; -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.09); box-shadow: 0 0 35px rgba(0, 0, 0, 0.09); overflow: hidden; }

@media all and (max-width: 1700px) { .m-card--contact { max-width: 700px; } }

@media all and (max-width: 1100px) { .m-card--contact { height: auto; } }

@media all and (max-width: 700px) { .m-card--contact { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.m-card--contact .m-card_pic { -ms-flex-preferred-size: 200px; flex-basis: 200px; max-width: 200px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media all and (max-width: 700px) { .m-card--contact .m-card_pic { -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; margin-bottom: 20px; } }

.m-card--contact .m-card_depiction { -ms-flex-preferred-size: calc(100% - 200px); flex-basis: calc(100% - 200px); max-width: calc(100% - 200px); width: 100%; padding-left: 2rem; font-size: 1.8rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-card--contact .m-card_depiction { font-size: 1.4rem; } }

@media all and (max-width: 700px) { .m-card--contact .m-card_depiction { -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; padding-left: 0px; } }

.m-card--contact .m-card_depiction > *:not(:last-child) { margin-bottom: 3.5rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-card--contact .m-card_depiction > *:not(:last-child) { margin-bottom: 1.5rem; } }

.m-card--contact .m-card_depiction-headline .el-title { font-size: 3rem; font-weight: bold; color: #FE0000; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-card--contact .m-card_depiction-headline .el-title { font-size: 2rem; } }

@media all and (max-width: 480px) { .m-card--contact .m-card_depiction-headline .el-title { font-size: 2.5rem; } }

.m-card--contact .m-card_depiction-headline .el-subtitle { color: #000; font-size: 1.8rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .m-card--contact .m-card_depiction-headline .el-subtitle { font-size: 1.4rem; } }

@media all and (max-width: 480px) { .m-card--contact .m-card_depiction-headline .el-subtitle { font-size: 1.6rem; } }

.m-card--contact .m-card_depiction-content { color: #5D5D5D; }

.m-card--contact .m-card_depiction-content .el-name { margin-bottom: 0.5rem; }

.m-card--contact .m-card_depiction-content .el-list { max-width: 500px; }

.m-card--contact .m-card_depiction-content .el-list_item { position: relative; padding-left: 30px; }

.m-card--contact .m-card_depiction-content .el-list_item::before { content: ''; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; }

.m-card--contact .m-card_depiction-content .el-list_item--tel::before { background-image: url("images/common/icon-tel.svg"); }

.m-card--contact .m-card_depiction-content .el-list_item--fax::before { background-image: url("images/common/icon-fax.svg"); }

.m-card--contact .m-card_depiction-content .el-list_item--phone::before { background-image: url("images/common/icon-phone.svg"); }

.m-card--contact .m-card_depiction-content .el-list_item--mail::before { background-image: url("images/common/icon-mail.svg"); }

.m-card--contact .m-card_depiction-content .el-list_item--add::before { background-image: url("images/common/icon-add.svg"); }

.m-card--contact .m-card_depiction-link { color: #FE0000; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media all and (min-width: 1201px) { .m-card--contact .m-card_depiction-link:hover { opacity: .5; } }

/* Table ================================================================== */
.tab--w520 { width: 520px; min-width: 470px; }

.tab--w470 { width: 470px; min-width: 420px; }

.tab--w370 { width: 370px; min-width: 320px; }

.tab--w330 { width: 330px; min-width: 280px; }

.tab--w315 { width: 315px; min-width: 265px; }

.tab--w280 { width: 280px; min-width: 230px; }

.tab--w265 { width: 265px; min-width: 215px; }

.tab--w260 { width: 260px; min-width: 210px; }

.tab--w250 { width: 250px; min-width: 200px; }

.tab--w235 { width: 235px; min-width: 185px; }

.tab--w230 { width: 230px; min-width: 180px; }

.tab--w222 { width: 222px; min-width: 172px; }

.tab--w190 { width: 190px; min-width: 140px; }

.tab--w180 { width: 180px; min-width: 130px; }

.tab--w175 { width: 175px; min-width: 125px; }

.tab--w151 { width: 151px; min-width: 101px; }

.tab--w145 { width: 145px; min-width: 95px; }

.tab--w120 { width: 120px; min-width: 70px; }

.tab--50pa { width: 50%; }

.tab--45pa { width: 45%; }

.tab--20pa { width: 20%; }

.tab--u-w-auto { min-width: initial !important; }

.tab--prod { width: 100%; min-width: 1200px; text-align: center; font-size: 2rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .tab--prod { font-size: 1.6rem; } }

.tab--prod tr td:first-child, .tab--prod tr th:first-child { padding-left: 5.20833vw; }

.tab--prod tr td:last-child, .tab--prod tr th:last-child { padding-right: 5.20833vw; }

.tab--prod thead { color: #fff; background: #000; }

.tab--prod thead th, .tab--prod thead td { font-weight: normal; text-transform: uppercase; padding-top: 1.6rem; padding-bottom: 1.6rem; pointer-events: none; }

.tab--prod thead th .m-btn, .tab--prod thead td .m-btn { pointer-events: auto; }

.tab--prod thead th.tablesorter-headerAsc .m-btn--filter .m-btn_opt_down::before, .tab--prod thead td.tablesorter-headerAsc .m-btn--filter .m-btn_opt_down::before { opacity: .3; }

.tab--prod thead th.tablesorter-headerDesc .m-btn--filter .m-btn_opt_up::before, .tab--prod thead td.tablesorter-headerDesc .m-btn--filter .m-btn_opt_up::before { opacity: .3; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .tab--prod thead th, .tab--prod thead td { padding-top: 1rem; padding-bottom: 1rem; } }

.tab--prod tbody tr { background: transparent; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .tab--prod tbody tr:hover { background: #fafafa; } }

.tab--prod tbody td { vertical-align: middle; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #E3E3E3; }

.tab--investor { width: 100%; letter-spacing: 1.5px; }

.tab--investor thead { font-size: 2rem; text-align: center; }

@media all and (max-width: 1280px) { .tab--investor thead { font-size: 1.8rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .tab--investor thead { font-size: 1.6rem; } }

.tab--investor thead th, .tab--investor thead td { padding-bottom: 1rem; font-weight: 500; padding-left: 1rem; padding-right: 1rem; }

/* @media all and (max-width: 1200px) { .tab--investor thead th, .tab--investor thead td { white-space: nowrap; } } */

.tab--investor thead th { border-bottom: 3px solid #FE0000; }

.tab--investor thead td { border-bottom: 3px solid #000; }

.tab--investor tbody tr:nth-child(even) { background: #FAFAFA; }

.tab--investor tbody th, .tab--investor tbody td { padding-top: 2.8rem; padding-bottom: 2.8rem; padding-left: 1rem; padding-right: 1rem; border-bottom: 1px solid #DEDEDE; }

@media all and (max-width: 768px) { .tab--investor tbody th, .tab--investor tbody td { padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1em; padding-right: 1em; } }

.tab--investor tbody .el-wp { width: 80%; margin-left: auto; margin-right: auto; }

@media all and (max-width: 1380px) { .tab--investor tbody .el-wp { width: 100%; } }

.tab--investor tbody .el-wp-250 { max-width: 250px; margin-left: auto; margin-right: auto; }

.tab--phone { width: 100%; min-width: 768px; }

.tab--phone thead { font-size: 2rem; text-align: center; }

@media all and (max-width: 1280px) { .tab--phone thead { font-size: 1.8rem; } }

.tab--phone thead th, .tab--phone thead td { padding-bottom: 1rem; font-weight: 500; padding-left: 1rem; padding-right: 1rem; }

.tab--phone thead th { border-bottom: 3px solid #FE0000; }

.tab--phone thead td { border-bottom: 3px solid #000; }

.tab--phone tbody tr:nth-child(even) { background: #FAFAFA; }

.tab--phone tbody th, .tab--phone tbody td { padding-top: 2.8rem; padding-bottom: 2.8rem; padding-left: 1rem; padding-right: 1rem; border-bottom: 1px solid #DEDEDE; text-align: center; }

@media all and (max-width: 768px) { .tab--phone tbody th, .tab--phone tbody td { padding-top: 1.5rem; padding-bottom: 1.5rem; } }

.tab--phone tbody th { color: #FE0000; font-weight: 500; }

/* Lightbox =================================================================== */
.is-lbox-open { overflow: hidden !important; }

.lbox { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; z-index: 9999; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.lbox_toolbar-close { position: absolute; top: 0; right: 0; z-index: 1; cursor: pointer; -webkit-transform: translate(100%, -100%); transform: translate(100%, -100%); -webkit-transition: all 0.5s; transition: all 0.5s; }

.lbox_toolbar-close .m-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; top: 3.7037vh; right: 1.82292vw; border-radius: 100%; width: 50px; height: 50px; background: #FE0000; color: #fff; }

@media all and (min-width: 1201px) { .lbox_toolbar-close .m-btn:hover span { -webkit-transform: rotate(225deg); transform: rotate(225deg); } }

@media all and (max-width: 1200px) { .lbox_toolbar-close .m-btn { width: 45px; height: 45px; } }

@media all and (max-width: 575px) { .lbox_toolbar-close .m-btn { width: 35px; height: 35px; } }

.lbox_toolbar-close span { position: relative; width: 40%; height: 40%; display: block; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; }

.lbox_toolbar-close span::before, .lbox_toolbar-close span::after { content: ''; display: block; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 1s; transition: all 1s; }

.lbox_toolbar-close span::before { width: 0px; height: 2px; }

.lbox_toolbar-close span::after { width: 2px; height: 0px; }

.lbox_mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }

.lbox_movie { position: relative; padding-bottom: 56.25%; }

.lbox_movie iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.lbox.is-open { opacity: 1; }

.lbox.is-open .lbox_toolbar-close { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.lbox.is-open .lbox_toolbar-close span::before { width: 100%; }

.lbox.is-open .lbox_toolbar-close span::after { height: 100%; }

.lbox.lbox-video .lbox_ir { width: 66.40625%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media all and (max-width: 480px) { .lbox.lbox-video .lbox_ir { width: 90%; } }

/* Header ===================================================================== */
.hd { background: #fff; padding: 13px 0 5px 0; position: fixed; top: 0px; left: 0px; z-index: 9999; width: 100vw; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

@media all and (min-width: 1201px) and (max-width: 1280px) { .hd { padding: 5px 0; } }

.hd_ctr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 1200px) { .hd_ctr { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.hd_logo { -webkit-box-flex: 0; -ms-flex: 0 0 131px; flex: 0 0 131px; max-width: 131px; width: 100%; position: relative; z-index: 3; }

@media all and (max-width: 992px) { .hd_logo { -ms-flex-negative: 90px; flex-shrink: 90px; max-width: 90px; } }

.hd_logo svg { width: 100%; max-height: 49px; }

.hd_toggle { position: fixed; z-index: inherit3; top: 10px; left: 7px; width: 45px; height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media all and (min-width: 993px) { .hd_toggle { top: 18px; } }

@media all and (min-width: 1201px) { .hd_toggle { display: none; } }

.hd_toggle span { display: block; background: #5E5E5E; width: 18px; height: 1px; margin-top: 2px; margin-bottom: 2px; }

@media all and (max-width: 1200px) { .hd_toggle span { width: 25x; } }

.hd_menu { width: calc(100% - 365px); height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media all and (min-width: 1441px) { .hd_menu { width: 100%; position: absolute; top: 0px; left: 0px; } }

@media all and (max-width: 1200px) { .hd_menu { position: fixed; z-index: 2; top: 0px; left: 0px; max-width: 300px; width: 100%; height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background: #fff; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.5s; transition: all 0.5s; } }

.hd_tool { position: absolute; top: 0px; right: 12px; height: 100%; }

/* Menu */
.menu { max-width: 845px; width: 100%; margin-bottom: 16px;letter-spacing: 0; font-weight: 500;}
@media(max-width:1440px){.menu{margin-bottom: 0;}}
@media all and (min-width: 1201px) and (max-width: 1280px) { .menu { padding-left: 5.20833vw; } }

@media all and (max-width: 1200px) { .menu { margin-top: 20%; height: calc(100% - 20% - 81px - 95px); overflow-x: hidden; } }

@media all and (max-width: 992px) { .menu { margin-top: 6.66667%; height: calc(100% - 6.66667% - 65px - 145px); } }

.menu_ctr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media all and (max-width: 1440px) { .menu_ctr { -ms-flex-pack: distribute; justify-content: space-around; } }

@media all and (max-width: 1200px) { .menu_ctr { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.menu_list { font-size: 2rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .menu_list { font-size: 1.5rem; } }

@media all and (max-width: 1200px) { .menu_list { font-size: 1.8rem; text-align: center; } }

@media all and (max-width: 1200px) { .menu_link { display: block; width: 100%; padding-top: 18px; padding-bottom: 18px; }
  .menu_link:hover { color: inherit; } }

.menu_link.active { color: #FE0000; }

@media all and (max-width: 1200px) { .menu_link.active { background: #FAFAFA; } }

.menu-handline { width: 100%; background: #fafafa; text-align: center; padding-top: 14px; padding-bottom: 13px; }

@media all and (min-width: 993px) { .menu-handline { padding-top: 26px; padding-bottom: 26px; } }

@media all and (min-width: 1201px) { .menu-handline { display: none; } }

.menu-handline_title { font-size: 2.2rem; color: #FE0000; }

.menu-handline .m-btn { position: absolute; top: 9px; right: 13px; width: 45px; height: 45px; }

@media all and (min-width: 993px) { .menu-handline .m-btn { top: 18px; } }

.menu-handline .m-btn::before, .menu-handline .m-btn::after { content: ''; position: absolute; top: 50%; left: 50%; width: 22px; height: 1px; background: #FE0000; }

.menu-handline .m-btn::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.menu-handline .m-btn::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.menu-tool { color: #626262; height: 100%; position: relative; padding-right: 15px; }

@media all and (min-width: 1201px) { .menu-tool { color: #fff; }
  .menu-tool::after { content: ''; position: absolute; z-index: -1; top: 0px; left: -35px; width: calc(100% + 70px); height: inherit; background-color: #FE0000; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); } }

.menu-tool_ctr { display: -webkit-box; display: -ms-flexbox; display: flex; height: inherit; margin-left: -1.66667vw; margin-right: -1.66667vw; }

.menu-tool_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; height: inherit; padding-left: 1.66667vw; padding-right: 1.66667vw; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .menu-tool_list::after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: inherit; opacity: 0; background-color: #E80000; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); -webkit-transition: all 0.5s; transition: all 0.5s; } }

@media all and (max-width: 1200px) { .menu-tool_list { padding-left: 0px; padding-right: 0px; } }

.menu-tool_list > * { position: relative; z-index: 1; }

@media all and (min-width: 1201px) { .menu-tool_list:hover a { color: #fff; }
  .menu-tool_list:hover::after { opacity: 1; }
  .menu-tool_list:hover .menu-search_btn button { cursor: pointer; pointer-events: auto; }
  /* .menu-tool_list:hover .menu-search_ctr { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; pointer-events: auto; }  */
}

.menu-tool_list--mail i.iconM-mail::before, .menu-tool_list--mail [class^="iconM-"]::before, .menu-tool_list--mail [class*=" iconM-"]::before { font-weight: 600; font-size: 2.25rem; }

@media all and (max-width: 1200px) { .menu-tool_list--mail, .menu-tool_list--lang { display: none; } }

.menu-mobileTool { position: absolute; left: 0px; bottom: 85px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media all and (min-width: 1201px) { .menu-mobileTool { display: none; } }

.menu-mobileTool > * { margin-left: 5px; margin-right: 5px; }

.menu-mobileTool_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; max-width: 60px; -webkit-transform: translateX(5px); transform: translateX(5px); }

.menu-mobileTool .m-btn--mail { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #808080; color: #fff; border-radius: 100%; font-size: 2rem; }

.menu-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; }

.menu-search_btn { position: relative; cursor: pointer; }

@media all and (min-width: 1201px) { .menu-search_btn i { background: url("images/common/icon-search.svg") no-repeat center; background-size: 85%; font-weight: bold; }
  .menu-search_btn i::before { opacity: 0; } }

.menu-search_btn button { background: transparent; border: none; outline: none; pointer-events: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.menu-search_ctr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0px; opacity: 0; pointer-events: none; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .menu-search_ctr { right: calc(100% + 8px); padding-left: 20px; max-width: 190px; height: 100%; -webkit-transform: translateX(30px); transform: translateX(30px); } }

@media all and (max-width: 1200px) { .menu-search_ctr { position: fixed; top: 81px; left: 0px; width: 100%; max-width: 100%; padding-top: 2rem; padding-bottom: 0.9rem; -webkit-transform: translateY(-10px); transform: translateY(-10px); background: #FAFAFA; } }

@media all and (max-width: 992px) { .menu-search_ctr { top: 66px; } }

.menu-search_ctr input { width: 170px; background: transparent; border: none; border-bottom: 1px solid #fff; color: #fff; }

@media all and (max-width: 1200px) { .menu-search_ctr input { font-size: 1.6rem; width: calc(100% - 13.33333vw); color: #868686; border-bottom: 1px solid #DEDEDE; } }

@media all and (min-width: 1201px) { .menu-search_ctr::after { content: ''; position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #E80000; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); } }

.menu-search.is-active .menu-search_ctr { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); }

/* Lang */
.lang { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: inherit; }

@media all and (max-width: 1200px) { .lang { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px; height: 60px; position: relative; } }

@media all and (min-width: 1201px) { .lang::after { pointer-events: none; content: ''; position: absolute; z-index: -1; top: 0px; left: -35px; width: calc(100% + 70px); height: 100%; background-color: #FE0000; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); } }

.lang_btn { cursor: pointer; }

@media all and (max-width: 1200px) { .lang_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; color: #fff; background: #FE0000; font-size: 2rem; position: relative; z-index: 3; border-radius: 100%; } }

.lang_ctr { height: inherit; position: absolute; z-index: 2; opacity: 0; pointer-events: none; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .lang_ctr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0px; right: calc(100% + 1.66667vw); -webkit-transform: translateX(30px); transform: translateX(30px); padding-left: 16px; padding-right: 16px; } }

@media all and (max-width: 1200px) { .lang_ctr { bottom: calc(100% - 30px); left: 0px; width: 100%; height: 0px; background: #E80000; border-radius: 50px; padding-top: 20px; padding-bottom: 30px; -webkit-transform: translateY(30px); transform: translateY(30px); } }

@media all and (min-width: 1201px) { .lang_ctr::after { content: ''; position: absolute; z-index: -1; top: 0px; left: -4px; width: calc(100% + 0px); height: 100%; background-color: #E80000; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); } }

.lang_ctr > a { text-align: center; margin-left: 10px; margin-right: 10px; padding-left: 5px; padding-right: 5px; position: relative; }

@media all and (min-width: 1201px) { .lang_ctr > a:hover::after { left: 0px; width: 100%; } }

@media all and (max-width: 1200px) { .lang_ctr > a { display: block; padding-top: 10px; padding-bottom: 10px; color: #fff; } }

.lang_ctr > a::after { content: ''; position: absolute; left: 50%; bottom: 0px; width: 0px; height: 1px; background: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; }

.lang.js-active .lang_ctr { opacity: 1; pointer-events: auto; height: auto; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -webkit-transform: translateY(0px); transform: translateY(0px); }

/* @media all and (min-width: 1201px) { .menu-tool_list:hover .lang_ctr { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; pointer-events: auto; } } */

.menu-mask { position: absolute; top: 0px; left: 100%; width: 100vw; height: 100vh; pointer-events: none; }

@media all and (min-width: 1201px) { .menu-mask { display: none; } }

/* Menu open */
.is-menu-open.l-wp-html .hd, .is-menu-open.l-wp-html .main, .is-menu-open.l-wp-html .ft { -webkit-transform: translateX(300px); transform: translateX(300px); }

.is-menu-open.l-wp-html .hd_menu { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); }

.is-menu-open.l-wp-html .menu-mask { pointer-events: auto; }

/* IE 11 - header */
@media all and (min-width: 1201px) { .is-ie11 .menu-search_ctr { width: 190px; }
  .is-ie11 .lang_ctr { width: 190px; } }

/* Footer ===================================================================== */
.ft { padding-top: 4.4rem; padding-bottom: 2.1rem; -webkit-transition: all 0.8s; transition: all 0.8s; background: #fafafa; }

@media all and (max-width: 1024px) { .ft { padding-top: 3.1rem; padding-bottom: 3.1rem; } }

.ft_ctr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

@media all and (max-width: 1024px) { .ft_ctr { padding-right: 2.92969vw; padding-left: 95px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

@media all and (max-width: 575px) { .ft_ctr { padding-left: 0px; padding-right: 0px; } }

.ft_logo { max-width: 167px; width: 100%; margin-bottom: 3.3rem; }

@media all and (max-width: 1024px) { .ft_logo { display: none; } }

.ft_menu { width: 100%; margin-bottom: 2.2rem; }

@media all and (max-width: 1024px) { .ft_menu { display: none; } }

.ft_menu-ctr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.ft_menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.ft_menu-link { display: inline-block; margin-bottom: 7px; font-size: 1.8rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .ft_menu-link { font-size: 1.4rem; } }

.ft_menu-link:last-child { margin-bottom: 0px; }

.ft_menu-link--title { font-size: 2rem; color: #414141; position: relative; padding-bottom: 5px; margin-bottom: 30px; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .ft_menu-link--title { font-size: 1.4rem; margin-bottom: 2rem; } }

@media all and (max-width: 1200px) { .ft_menu-link--title { font-size: 1.8rem; } }

.ft_menu-link--title::before { content: ''; position: absolute; left: 0px; bottom: 0px; width: 52px; height: 2px; background: #FF1717; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .ft_menu-link--title:hover { color: #FE0000; }
  .ft_menu-link--title:hover::before { width: 80px; background: #414141; } }

.ft_community { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-bottom: 1.7rem; }

@media all and (min-width: 1025px) { .ft_community::before { content: ''; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; background: #666; } }

@media all and (min-width: 576px) and (max-width: 1024px) { .ft_community {padding-left: 10%; position: absolute; top: 0px; left: 0px; width: 95px; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.ft_community li { margin-left: 15px; margin-right: 15px; }

.ft_community a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 42px; height: 42px; color: #666; background: #fafafa; border-radius: 100%; border: 1px solid #666; position: relative; overflow: hidden; }

.ft_community a::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 100%; width: 0px; height: 0px; background: #FE0000; -webkit-transition: all 0.5s; transition: all 0.5s; }

.ft_community a i { position: relative; z-index: 1; color: inherit; line-height: 1; }

@media all and (min-width: 1201px) { .ft_community a:hover { color: #fff; }
  .ft_community a:hover::before { width: 110%; height: 110%; } }

.ft_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media all and (max-width: 1200px) { .ft_info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.ft_data { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 100%; }

@media all and (max-width: 1200px) { .ft_data { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } }

.ft_data_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1rem; margin-right: -1rem; }

.ft_data_list > * { padding-left: 1rem; padding-right: 1rem; margin-bottom: 1.4rem; }

.ft_data_add { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.ft_data i { display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; }

.ft_data .i-map { margin-left: 6px; width: 14px; height: 20px; background-image: url("images/common/icon-map.svg"); }

.ft_data .i-mail { margin-right: 8px; width: 14px; height: 10px; background-image: url("images/common/icon-mail2.svg"); }

.ft_ohter { -webkit-box-flex: 0; -ms-flex: 0 1 660px; flex: 0 1 660px; max-width: 660px; width: 100%; }

.ft_tool { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -25px; margin-right: -25px; margin-bottom: 1.4rem; }

@media all and (max-width: 1024px) { .ft_tool { margin-left: -20px; margin-right: -20px; margin-bottom: 0.3rem; } }

.ft_tool-list { padding-left: 25px; padding-right: 25px; position: relative; }

@media all and (max-width: 1024px) { .ft_tool-list { padding-left: 20px; padding-right: 20px; font-size: 1.4rem; } }

.ft_tool-list:not(:last-child)::before { content: ''; position: absolute; top: 28.25%; right: 0px; width: 1px; height: 43.5%; background: #666; }

@media all and (max-width: 1024px) { .copyright { font-size: 1.4rem; } }

.copyright_design { margin-left: 5px; }

@media all and (max-width: 640px) { .copyright_design { display: block; margin-left: 0px; } }

.gotop { position: fixed; top: auto; bottom: 20px; right: 20px; z-index: 10; -webkit-transform: translateY(30%); transform: translateY(30%); opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.gotop.is-show { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.gotop.is-move { position: fixed; top: auto; bottom: 20px; right: 20px; }

.gotop.is-compare-show { bottom: 55px; }

/* Plug-in Dropkick =========================================================== */
select[data-dkcacheid] { display: none; }

.dk-select, .dk *, .dk *::before, .dk *::after, .dk-select-multi, .dk-select-multi *::before, .dk-select-multi *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.dk-select, .dk-select-multi { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; }

.dk-selected { width: 100%; white-space: nowrap; overflow: hidden; position: relative; text-overflow: ellipsis; -webkit-transition: all 0.5s; transition: all 0.5s; }

.dk-selected:hover, .dk-selected:focus { outline: none; }

.dk-selected-disabled { color: #BBBBBB; }

.dk-select .dk-select-options { position: absolute; left: 0; right: 0; opacity: 0; pointer-events: none; -webkit-transition: all 0.5s; transition: all 0.5s; }

.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options { display: block; opacity: 1; pointer-events: auto; }

.dk-select-open-up .dk-select-options { margin-bottom: 0px; bottom: 100%; }

.dk-select-open-up .dk-selected { border-top-left-radius: 0; border-top-right-radius: 0; border-color: #FE0000; }

.dk-select-open-down .dk-select-options { margin-top: 0px; top: 100%; }

.dk-select-open-down .dk-selected { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-color: #FE0000; }

.dk-select-multi:hover, .dk-select-multi:focus { outline: none; }

.dk-select-multi .dk-select-options { max-height: 10em; }

.dk-select-options { list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; width: auto; z-index: 100; max-height: 334px; }

.dk-select-options-highlight .dk-option-selected { background-color: transparent; color: inherit; }

.dk-select-options .dk-option-highlight { background-color: #FE0000; color: #fff; }

.dk-select-options .dk-option-disabled { color: #BBBBBB; background-color: transparent; }

.dk-select-options .dk-option-hidden { display: none; }

.dk-select-disabled { cursor: not-allowed; }

.dk-select-disabled .dk-selected:hover::before, .dk-select-disabled .dk-selected:focus::before { border-top-color: inherit; }

.dk-select-disabled .dk-selected:hover::after, .dk-select-disabled .dk-selected:focus::after { border-left-color: inherit; }

.dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected-disabled, .dk-select-disabled .dk-selected:focus { border-color: inherit; }

.dk-optgroup-disabled { cursor: not-allowed; }

.dk-optgroup-label { width: 100%; }

.dk-optgroup-options { list-style: none; }

.dk-option { -webkit-transition: all 0.1s; transition: all 0.1s; }

.dkSel.dk-select { font-size: 2rem; line-height: 1.5em; width: 350px; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .dkSel.dk-select { font-size: 1.6rem; } }

.dkSel.dk-select-open-up { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.dkSel.dk-select-open-up .dk-select-options { margin-bottom: 0px; bottom: 100%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.dkSel.dk-select-open-up .dk-selected { border-color: #FE0000; }

.dkSel.dk-select-open-down { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.dkSel.dk-select-open-down .dk-select-options { margin-top: 0px; top: 100%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.dkSel.dk-select-open-down .dk-selected { border-color: #FE0000; }

.dkSel .dk-selected { padding: 13px 0 11px 18px; padding-right: 30px; color: #414141; border-bottom: 3px solid #FE0000; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .dkSel .dk-selected { padding: 6px 28px 5px 8px; } }

.dkSel .dk-selected::before, .dkSel .dk-selected::after { content: ''; display: block; position: absolute; right: 0; font-family: "ico"; }

.dkSel .dk-selected::before { content: '\e82d'; font-size: 1.6rem; top: 16px; right: 14px; color: #FE0000; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .dkSel .dk-selected::before { top: 7px; right: 8px; font-size: 1.2rem; } }

.dkSel .dk-selected::after { top: 0; height: 100%; margin: 0 1.5em 0 0; }

@media all and (min-width: 1201px) { .dkSel .dk-selected:hover { background: #FE0000; color: #fff; }
  .dkSel .dk-selected:hover::before { color: #fff; } }

.dkSel .dk-select-options { max-height: 334px; background-color: white; }

.dkSel .dk-select-options::-webkit-scrollbar { width: 5px; background: #ededed; }

.dkSel .dk-select-options::-webkit-scrollbar-track { background: #ededed; }

.dkSel .dk-select-options::-webkit-scrollbar-thumb { background: #FE0000; }

.dkSel .dk-select-options .dk-option-highlight { background-color: #FE0000; color: #fff; }

.dkSel .dk-select-options .dk-option-disabled { color: #BBBBBB; }

.dkSel .dk-select-disabled { opacity: 0.6; color: #BBBBBB; }

.dkSel .dk-optgroup { border: solid #CCCCCC; border-width: 1px 0; padding: 0.25em 0; margin-top: 0.25em; }

.dkSel .dk-optgroup + .dk-option { margin-top: 0.25em; }

.dkSel .dk-optgroup + .dk-optgroup { border-top-width: 0; margin-top: 0; }

.dkSel .dk-optgroup:nth-child(2) { padding-top: 0; border-top: none; margin-top: 0; }

.dkSel .dk-optgroup:last-child { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 0; }

.dkSel .dk-optgroup-disabled { opacity: 0.6; color: #BBBBBB; }

.dkSel .dk-optgroup-label { padding: 0 0.5em 0.25em; font-weight: bold; }

.dkSel .dk-optgroup-options { padding-left: 0; }

.dkSel .dk-optgroup-options li { padding-left: 1.2em; }

.dkSel .dk-option { padding: 13px 18px 11px 18px; color: #5E5E5E; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .dkSel .dk-option { padding: 6px 8px 5px 8px; } }

.dkSel .dk-option:not(:last-child) { border-bottom: 2px solid #F2F2F2; }

.dkSel--product.dk-select { width: 100%; }

.dkSel--product.dk-select-open-up .dk-select-options { margin-bottom: 0px; bottom: 100%; }

.dkSel--product.dk-select-open-down { -webkit-box-shadow: 0 0 0px transparent; box-shadow: 0 0 0px transparent; }

.dkSel--product.dk-select-open-down .dk-select-options { margin-top: 0px; top: 100%; -webkit-box-shadow: 0 0 0px transparent; box-shadow: 0 0 0px transparent; }

.dkSel--product .dk-selected { color: #fff; padding: 19px 50px 18px 20px; border-bottom: none; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .dkSel--product .dk-selected { padding-right: 3rem; } }

.dkSel--product .dk-selected::before { color: #fff; top: 19px; right: 22px; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .dkSel--product .dk-selected::before { right: 8px; } }

.dkSel--product .dk-select-options { max-height: 334px; background-color: white; }

.dkSel--product .dk-select-options::-webkit-scrollbar { width: 5px; background: #ededed; }

.dkSel--product .dk-select-options::-webkit-scrollbar-track { background: #ededed; }

.dkSel--product .dk-select-options::-webkit-scrollbar-thumb { background: #FE0000; }

.dkSel--product .dk-select-options .dk-option-highlight { background-color: #FE0000; color: #fff; }

.dkSel--product .dk-select-options .dk-option-disabled { color: #BBBBBB; }

.dkSel--product .dk-select-disabled { opacity: 0.6; color: #BBBBBB; }

.dkSel--product .dk-optgroup { border: solid #CCCCCC; border-width: 1px 0; padding: 0.25em 0; margin-top: 0.25em; }

.dkSel--product .dk-optgroup + .dk-option { margin-top: 0.25em; }

.dkSel--product .dk-optgroup + .dk-optgroup { border-top-width: 0; margin-top: 0; }

.dkSel--product .dk-optgroup:nth-child(2) { padding-top: 0; border-top: none; margin-top: 0; }

.dkSel--product .dk-optgroup:last-child { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 0; }

.dkSel--product .dk-optgroup-disabled { opacity: 0.6; color: #BBBBBB; }

.dkSel--product .dk-optgroup-label { padding: 0 0.5em 0.25em; font-weight: bold; }

.dkSel--product .dk-optgroup-options { padding-left: 0; }

.dkSel--product .dk-optgroup-options li { padding-left: 1.2em; }

.dkSel--product .dk-option { padding: 13px 18px 11px 18px; color: #5E5E5E; }

.dkSel--product .dk-option:not(:last-child) { border-bottom: 2px solid #F2F2F2; }

/* Common ===================================================================== */
/* Javascript Custom */
.fancybox-button--close { position: fixed; top: 3.7037vh; right: 1.82292vw; border-radius: 100%; width: 50px; height: 50px; color: #fff; background: #FE0000; }

@media all and (min-width: 1201px) { .fancybox-button--close:hover svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.5s; transition: all 0.5s; } }

@media all and (max-width: 1200px) { .fancybox-button--close { width: 45px; height: 45px; } }

@media all and (max-width: 575px) { .fancybox-button--close { width: 35px; height: 35px; } }

@media all and (min-width: 1801px) { .fancybox-slide--video .fancybox-content { max-width: 1270px; width: 100% !important; height: auto !important; padding-bottom: 37.1875%; } }

.fancybox-button.fancybox-button--zoom { display: none !important; }

/* Margin & Padding ----------------------------------------------------------- */
.mg-l-10 { margin-left: 1rem; }

.pd-l-30 { padding-left: 3rem; }

.pd-b-70 { padding-bottom: 7rem; }

/* Input ---------------------------------------------------------------------- */
.inpt-search { position: relative; }

.inpt-search input[type="text"] { border: none; width: 100%; }

.inpt-search_btn { display: block; position: absolute; top: 0px; right: 0px; }

.inpt-search_btn::before { display: block; width: 25px; height: 25px; content: ''; background: url("images/common/icon-search.svg") no-repeat center; background-size: 75%; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .inpt-search_btn::before { width: 15px; height: 15px; } }

/* Editor --------------------------------------------------------------------- */
#editor { word-wrap: break-word; }

#editor ul, #editor ol { margin: 1.12em 0; }

#editor ol ul, #editor ul ol, #editor ul ul, #editor ol ol { margin-top: 0; margin-bottom: 0; }

#editor li { display: list-item; list-style-type: inherit; }

#editor ul { list-style-type: disc; }

#editor ol { list-style-type: decimal; }

#editor ol.n, #editor ul.n { list-style: none; }

#editor ol.c, #editor ul.c { list-style: circle; }

#editor ol.s, #editor ul.s { list-style: square; }

#editor ol.dlz, #editor ul.dlz { list-style: decimal-leading-zero; }

#editor ol.lr, #editor ul.lr { list-style: lower-roman; }

#editor ol.ur, #editor ul.ur { list-style: upper-roman; }

#editor ol.la, #editor ul.la { list-style: lower-alpha; }

#editor ol.ua, #editor ul.ua { list-style: upper-alpha; }

#editor ol.lg, #editor ul.lg { list-style: lower-greek; }

#editor ol.amn, #editor ul.amn { list-style: armenian; }

#editor ol.grg, #editor ul.grg { list-style: georgian; }

#editor ul, #editor ol { display: block; page-break-before: avoid; padding-left: 40px; }

#editor h1 { font-size: 2em; margin: .67em 0; }

#editor h2 { font-size: 1.5em; margin: .75em 0; }

#editor h3 { font-size: 1.17em; margin: .83em 0; }

#editor h4, #editor p, #editor blockquote, #editor fieldset, #editor form, #editor dl, #editor dir, #editor menu { margin: 1.12em 0; }

#editor h5 { font-size: .83em; margin: 1.5em 0; }

#editor h6 { font-size: .75em; margin: 1.67em 0; }

#editor h1, #editor h2, #editor h3, #editor h4, #editor h5, #editor h6, #editor b, #editor strong { font-weight: bolder; }

#editor .sup { vertical-align: super; }

#editor .red { color: #E06666; }

#editor > *:last-child { margin-bottom: 0px; }

/* Title ---------------------------------------------------------------------- */
.title { font-size: 3.5rem; font-weight: bold; color: #FE0000; }

@media all and (max-width: 1366px) { .title { font-size: 3rem; } }

@media all and (max-width: 1280px) { .title { font-size: 2.5rem; } }

.title_depiction { font-size: 2rem; color: #808080; font-weight: normal; }

@media all and (max-width: 1280px) { .title_depiction { font-size: 1.8rem; } }

.title--idx, .title--big { font-size: 7rem; }

@media all and (max-width: 1366px) { .title--idx, .title--big { font-size: 5rem; } }

@media all and (max-width: 1280px) { .title--idx, .title--big { font-size: 3rem; } }

.title--prod { font-size: 5rem; }

@media all and (max-width: 1366px) { .title--prod { font-size: 4rem; } }

@media all and (max-width: 1280px) { .title--prod { font-size: 3rem; } }

@media all and (max-width: 1024px) { .title--prod { display: block; text-align: center; } }

/* Fast ----------------------------------------------------------------------- */
.fast { margin-top: 35px; padding-bottom: 2.08333%; background: #fafafa; }

@media all and (min-width: 501px) and (max-width: 900px) { .fast { margin-top: 60px; } }

.fast_ctr { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 500px) { .fast_ctr { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.fast_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50%; position: relative; padding-bottom: 14.0625%; width: 100%; }

@media all and (min-width: 1201px) { .fast_item:hover .fast_item-title::after, .fast_item:hover .fast_item-depiction::after { -webkit-transform: translateX(5px); transform: translateX(5px); }
  /* .fast_item:hover .fast_item-bg { -webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 0.7) inset; box-shadow: 0 0 50px rgba(255, 255, 255, 0.7) inset; } */
 }

@media all and (max-width: 700px) { .fast_item { padding-bottom: 18.75%; } }

@media all and (max-width: 480px) { .fast_item { padding-bottom: 27%; } }

.fast_item-ir { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; color: #fff; }

@media all and (max-width: 580px) { .fast_item-ir { padding-left: 15px; padding-right: 15px; } }

@media all and (max-width: 500px) { .fast_item-ir { left: 0px; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } }

.fast_item-title { font-size: 4rem; font-weight: bold; line-height: 1; margin-bottom: 15px; }

@media all and (max-width: 1280px) { .fast_item-title { font-size: 3rem; } }

@media all and (max-width: 1200px) { .fast_item-title { margin-bottom: 5px; } }

@media all and (max-width: 580px) { .fast_item-title { font-size: 2.5rem; } }

.fast_item-title::after { -webkit-transition: all 0.5s; transition: all 0.5s; }

.fast_item-depiction { line-height: 1; white-space: nowrap; }

@media all and (max-width: 580px) { .fast_item-depiction { font-size: 1.4rem; } }

.fast_item-depiction::after { -webkit-transition: all 0.5s; transition: all 0.5s; }

.fast_item-bg { position: absolute; top: 0px; width: calc(100% + 230px); height: 100%; background-color: #ccc; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 501px) { .fast_item--left { -webkit-transform: translateY(-35px); transform: translateY(-35px); } }

.fast_item--left .fast_item-depiction { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.fast_item--left .fast_item-title::after { font-family: "ico"; content: '\e826'; font-weight: normal; font-size: 5rem; margin-left: 25px; line-height: 0; }

@media all and (max-width: 1280px) { .fast_item--left .fast_item-title::after { font-size: 4rem; } }

@media all and (max-width: 1220px) { .fast_item--left .fast_item-title::after { margin-left: 1.04167vw; } }

@media all and (min-width: 501px) { .fast_item--left .fast_item-bg { left: -200px; } }
.fast_item--left .fast_item-title { margin-bottom: 0;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.fast_item--right .fast_item-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0px; }

.fast_item--right .fast_item-title::after { font-family: "ico"; content: '\e826'; font-weight: normal; font-size: 5rem; margin-left: 25px; }

@media all and (max-width: 1280px) { .fast_item--right .fast_item-title::after { font-size: 4rem; } }

@media all and (max-width: 1220px) { .fast_item--right .fast_item-title::after { margin-left: 1.04167vw; } }

@media all and (min-width: 501px) { .fast_item--right .fast_item-bg { right: -230px; } }

/* privacy */
.float-privacy { position: fixed; z-index: 999999; left: 0px; bottom: 0px; color: #fff; background: #000; width: 100%; }

.float-privacy__ctr { width: 90%; padding: 15px 0 13px 0; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media all and (max-width: 1200px) { .float-privacy__ctr { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media all and (max-width: 1200px) { .float-privacy__info { margin-bottom: 1rem; } }

.float-privacy__info a { padding: 0 8px; text-decoration: underline; opacity: .7; }

.float-privacy__btn .m-btn { background: #FE0000; width: 85px; text-align: center; padding: 3px 10px 0 10px; border-radius: 5px; line-height: 30px; }

@media all and (min-width: 1201px) { .float-privacy__btn .m-btn:hover { color: #FE0000; background: #fff; } }

/* Bookmark ------------------------------------------------------------------- */
.bookmark { margin-top: 2.86458%; margin-bottom: 3.90625%; }

.bookmark_toggle { color: #fff; background: #FE0000; padding: 8px 15px 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media all and (min-width: 1201px) { .bookmark_toggle { display: none; } }

@media all and (max-width: 1200px) { .bookmark_ctr { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; pointer-events: none; -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.5s; transition: all 0.5s; }
  .bookmark_ctr.is-show { opacity: 1; pointer-events: auto; -webkit-transform: scale(1); transform: scale(1); } }

.bookmark_mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }

@media all and (min-width: 1201px) { .bookmark_mask { display: none; } }

.bookmark_group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media all and (max-width: 1200px) { .bookmark_group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; max-width: 500px; width: calc(90% - 20px); position: relative; z-index: 2; } }

.bookmark_group .m-btn { width: 270px; font-size: 2rem; color: #414141; padding-top: 10px; padding-bottom: 10px; margin-left: 5px; margin-right: 5px; }

@media all and (min-width: 1201px) { .bookmark_group .m-btn:hover { color: #fff; } }

@media all and (max-width: 1280px) { .bookmark_group .m-btn { font-size: 1.8rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .bookmark_group .m-btn { font-size: 1.6rem; } }

@media all and (max-width: 1200px) { .bookmark_group .m-btn { margin-left: 0px; margin-right: 0px; width: 100%; display: block; line-height: 1.5; } }

.bookmark_group .m-btn::before, .bookmark_group .m-btn::after { -webkit-transform: skewX(-30deg); transform: skewX(-30deg); }

@media all and (max-width: 1200px) { .bookmark_group .m-btn::before, .bookmark_group .m-btn::after { display: none; } }

.bookmark_group .m-btn::after { background: #414141; }

.bookmark_group .m-btn.active { pointer-events: none; color: #fff; }

@media all and (max-width: 1200px) { .bookmark_group .m-btn.active { background: #FE0000; } }

.bookmark_group .m-btn.active::before { background: #FE0000; }

.bookmark--inside { margin: 0px; }

@media all and (min-width: 1201px) { .bookmark--inside { border-bottom: 1px solid #DFDFDF; } }

@media all and (max-width: 1200px) { .bookmark--inside { max-width: calc(90% - 40px); margin-left: auto; margin-right: auto; } }

.bookmark--inside .bookmark_toggle { color: #FE0000; border: 1px solid #FE0000; background: #fff; }

.bookmark--inside .bookmark_group > * { padding-left: 1.5625vw; padding-right: 1.5625vw; }

@media all and (max-width: 1200px) { .bookmark--inside .bookmark_group > * { padding-left: 15px; padding-right: 15px; } }

@media all and (max-width: 1200px) { .bookmark--inside .bookmark_list { padding: 0px; } }

.bookmark--inside .bookmark_link { display: block; padding: 2.1rem 5px 1.6rem 5px; position: relative; }

@media all and (min-width: 1201px) { .bookmark--inside .bookmark_link::after { content: ''; position: absolute; left: 50%; bottom: 0px; width: 0px; height: 3px; background: #414141; -webkit-transition: all 0.5s; transition: all 0.5s; } }

@media all and (min-width: 1201px) { .bookmark--inside .bookmark_link:hover { color: #414141; }
  .bookmark--inside .bookmark_link:hover::after { left: 0px; width: 100%; } }

@media all and (max-width: 1200px) { .bookmark--inside .bookmark_link { padding-left: 15px; padding-right: 15px; } }

.bookmark--inside .bookmark_link.is-active { pointer-events: none; color: #FE0000; }

.bookmark--inside .bookmark_link.is-active::after { left: 0px; width: 100%; background: #FE0000; }

@media all and (max-width: 1200px) { .bookmark--inside .bookmark_link.is-active { color: #fff; background: #FE0000; } }

/* lightbox ------------------------------------------------------------------- */
.lb { position: fixed; z-index: 99999; top: 0px; left: 0px; width: 100vw; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; pointer-events: none; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s; transition: all 0.5s; }

.lb_toolbar-close { position: absolute; top: -14px; right: -14px; background: #FE0000; width: 28px; height: 28px; border-radius: 100%; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .lb_toolbar-close:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } }

.lb_toolbar-close::before, .lb_toolbar-close::after { content: ''; position: absolute; top: 50%; left: 25%; width: 50%; height: 1px; background: #fff; }

.lb_toolbar-close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.lb_toolbar-close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.lb_ctr { max-width: 500px; width: calc(90% - 20px); position: relative; z-index: 1; background: #fff; padding: 2.34375% 20px; }

@media all and (max-width: 575px) { .lb_ctr { padding: 20px; padding-top: 30px; padding-bottom: 30px; } }

.lb_ctr-title { font-size: 5rem; color: #FE0000; text-align: center; line-height: 1; margin-bottom: 1.2rem; }

@media all and (max-width: 1280px) { .lb_ctr-title { font-size: 4rem; } }

.lb_ctr-depiction { text-align: center; font-size: 2rem; font-weight: 500; margin-bottom: 10%; }

@media all and (max-width: 1280px) { .lb_ctr-depiction { font-size: 1.8rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .lb_ctr-depiction { font-size: 1.6rem; } }

@media all and (max-width: 480px) { .lb_ctr-depiction { font-size: 1.6rem; }
  .lb_ctr-depiction br { display: none; } }

.lb_ctr-depiction .el-title { font-weight: bold; font-size: 3rem; }

@media all and (max-width: 1280px) { .lb_ctr-depiction .el-title { font-size: 2.5rem; } }

@media all and (max-width: 480px) { .lb_ctr-depiction .el-title { font-size: 2rem; } }

@media all and (max-width: 480px) { .lb_ctr-depiction .el-content br { display: none; } }

.lb_ctr-form { max-width: 360px; margin-left: auto; margin-right: auto; margin-bottom: 7%; }

.lb_ctr-form > *:not(:last-child) { margin-bottom: 2rem; }

.lb_ctr-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media all and (max-width: 480px) { .lb_ctr-btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.lb_ctr-btn .m-btn { font-size: 1.8rem; padding: 10px 5px 7px 5px; margin-left: 10px; margin-right: 10px; }

@media all and (max-width: 1280px) { .lb_ctr-btn .m-btn { font-size: 1.6rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .lb_ctr-btn .m-btn { font-size: 1.4rem; } }

@media all and (max-width: 480px) { .lb_ctr-btn .m-btn { margin-bottom: 10px; } }

.lb_ctr-btn .m-btn--rectangle-line { color: #000; }

@media all and (min-width: 1201px) { .lb_ctr-btn .m-btn--rectangle-line:hover .m-btn_txt { color: #fff; } }

@media all and (max-width: 560px) { .lb_ctr-btn .m-btn--rectangle-line { width: calc(50% - 20px); } }

@media all and (max-width: 480px) { .lb_ctr-btn .m-btn--rectangle-line { width: calc(100% - 20px); } }

.lb_ctr-btn .m-btn--rectangle-line::before, .lb_ctr-btn .m-btn--rectangle-line::after { -webkit-transform: skewX(-30deg); transform: skewX(-30deg); }

.lb_ctr-btn .m-btn--rectangle-line::before { border: 1px solid #FE0000; }

.lb_ctr-btn .m-btn--rectangle-line::after { background: #FE0000; }

.lb_ctr-btn .m-btn--rectangle { color: #fff; }

@media all and (min-width: 1201px) { .lb_ctr-btn .m-btn--rectangle:hover { color: #fff; } }

@media all and (max-width: 560px) { .lb_ctr-btn .m-btn--rectangle { width: calc(100% - 20px); -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } }

.lb_ctr-btn .m-btn--rectangle::before, .lb_ctr-btn .m-btn--rectangle::after { -webkit-transform: skewX(-30deg); transform: skewX(-30deg); }

.lb_ctr-btn .m-btn--rectangle::before { background: #FE0000; }

.lb_ctr-btn .m-btn--rectangle::after { background: #666; }

.lb_mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); }

.lb.is-show { pointer-events: auto; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

/* Index ====================================================================== */
/* Index News */
.idx-news { background: #FE0000; padding-top: 1.30208%; padding-bottom: 1.30208%; position: relative; }

.idx-news_list { color: #fff; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 480px) { .idx-news_list { line-height: 1.5; } }

.idx-news_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-preferred-size: calc(100% - 450px); flex-basis: calc(100% - 450px); max-width: calc(100% - 450px); width: 100%; }

@media all and (max-width: 1200px) { .idx-news_info { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-left: 15px; -ms-flex-preferred-size: calc(100% - 130px); flex-basis: calc(100% - 130px); max-width: calc(100% - 130px); } }

.idx-news_headline { font-size: 3.5rem; font-weight: bold; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .idx-news_headline { font-size: 2rem; } }

@media all and (max-width: 1200px) { .idx-news_headline { font-size: 2.5rem; } }

.idx-news_time { -webkit-box-flex: 0; -ms-flex: 0 0 175px; flex: 0 0 175px; max-width: 175px; width: 100%; text-align: center; padding-left: 10px; padding-right: 10px; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .idx-news_time { margin-left: 0.52083vw; margin-right: 0.52083vw; }
  .idx-news_time:hover { opacity: .6; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .idx-news_time { -webkit-box-flex: 0; -ms-flex: 0 0 155px; flex: 0 0 155px; max-width: 155px; } }

@media all and (max-width: 1200px) { .idx-news_time { font-size: 1.4rem; -ms-flex-preferred-size: 140px; flex-basis: 140px; max-width: 140px; -webkit-transform: translateY(-4px); transform: translateY(-4px); } }

@media all and (max-width: 768px) { .idx-news_time { -ms-flex-preferred-size: auto; flex-basis: auto; max-width: initial; width: auto; } }

@media all and (max-width: 369px) { .idx-news_time { padding-left: 0px; padding-right: 0px; width: 100%; margin-bottom: 5px; text-align: left; -webkit-transform: translateY(0px); transform: translateY(0px); } }

.idx-news_content { max-width: 965px; font-size: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .idx-news_content:hover { opacity: .6; } }

@media all and (max-width: 1280px) { .idx-news_content { font-size: 1.6rem; } }

@media all and (max-width: 1200px) { .idx-news_content { font-size: 1.8rem; } }

@media all and (max-width: 768px) { .idx-news_content { margin-top: 5px; max-width: 100%; width: 100%; white-space: initial; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 1.6rem; } }

.idx-news_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 23.95833vw; position: absolute; top: 0px; right: 0px; height: 100%; background: #E80000; padding-left: 1.30208vw; }

@media all and (max-width: 1200px) { .idx-news_btn { width: 65px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } }

@media all and (max-width: 480px) { .idx-news_btn { width: 50px; } }

.idx-news_btn::after { content: ''; position: absolute; top: 0px; height: inherit; background-color: #E80000; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); left: -13.2%; width: 100%; }

@media all and (max-width: 1200px) { .idx-news_btn::after { width: calc(100% + 65px); left: -53.84615%; height: calc(100% + 12px); top: auto; bottom: 0px; -webkit-box-shadow: 0 0 32 rgba(0, 0, 0, 0.2); box-shadow: 0 0 32 rgba(0, 0, 0, 0.2); } }

@media all and (max-width: 1200px) { .idx-news_btn .m-btn { margin-bottom: 20px; -webkit-transform: translateX(-30px); transform: translateX(-30px); position: relative; z-index: 2; } }

.idx-news_btn .m-btn_txt { position: relative; z-index: 1; padding-right: 90px; }

@media all and (max-width: 1280px) { .idx-news_btn .m-btn_txt { font-size: 1.4rem; } }

@media all and (max-width: 1200px) { .idx-news_btn .m-btn_txt { padding-right: 0px; } }

.idx-news_btn .m-btn_txt::after { position: absolute; top: 9px; right: 0px; line-height: 0; font-size: 8rem; font-family: "ico"; content: '\e826'; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 1280px) { .idx-news_btn .m-btn_txt::after { font-size: 5.4rem; } }

@media all and (max-width: 1200px) { .idx-news_btn .m-btn_txt::after { top: auto; bottom: 0px; right: auto; left: -4px; } }

@media all and (min-width: 1201px) { .idx-news_btn .m-btn:hover { color: #fff; }
  .idx-news_btn .m-btn:hover .m-btn_txt::after { right: -10px; } }

/* Index Product */
.idx-pro { position: relative; z-index: 3; padding-top: 5.41667%; padding-bottom: 5.41667%; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .idx-pro { padding-top: 6rem; padding-bottom: 6rem; } }

.idx-pro .title { text-align: center; }

.idx-pro_ctr { margin-top: 4.6875%; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .idx-pro_ctr { max-width: 1100px; margin-top: 3rem; } }

@media all and (max-width: 768px) { .idx-pro_ctr { max-width: 500px; width: calc(100% - 40px); } }

.idx-pro_bg { position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; }

.idx-pro_bg-el { position: absolute; top: 0px; height: 100%; }

.idx-pro_bg-el--bg { left: -6.09375%; width: 86.97917%; background-color: #FAFAFA; -webkit-transform: skewX(25deg); transform: skewX(25deg); }

@media all and (max-width: 1200px) { .idx-pro_bg-el--bg { left: calc(-0.83333% - 65px); width: 105.83333%; } }

@media all and (max-width: 768px) { .idx-pro_bg-el--bg { left: calc(-9.11458% - 65px); width: 115.88542%; } }

@media all and (max-width: 580px) { .idx-pro_bg-el--bg { left: calc(-12.06897% - 65px); width: 118.96552%; } }

.idx-pro_bg-el--pic { z-index: -2; right: 0px; width: 31.77083%; background: url("images/index/pro-bg.jpg") no-repeat center; background-size: cover; }

.idx-pro_bg-el--pic::before { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 100%; background: #FAFAFA; opacity: 1; -webkit-transition: height .8s; transition: height .8s; }

.idx-pro_bg-el--pic.is-animation::before { height: 0px; }

.idx-pro_swp { position: relative; }

.idx-pro_swp .swiper-slide { color: #808080; }

.idx-pro_swp .swiper-slide .m-card_pic { -webkit-transform: scale(0.7); transform: scale(0.7); }

.idx-pro_swp .swiper-slide .m-card_name { -webkit-transform: scale(0.8) translateY(-45px); transform: scale(0.8) translateY(-45px); }

@media all and (min-width: 1201px) { .idx-pro_swp .swiper-slide .m-card:hover .m-card_name { color: #FE0000; } }

.idx-pro_swp .swiper-slide-active, .idx-pro_swp .swiper-slide-duplicate-active { color: #414141; }

.idx-pro_swp .swiper-slide-active .m-card_pic, .idx-pro_swp .swiper-slide-duplicate-active .m-card_pic { -webkit-transform: scale(1); transform: scale(1); }

.idx-pro_swp .swiper-slide-active .m-card_name, .idx-pro_swp .swiper-slide-duplicate-active .m-card_name { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); color: #414141; }

.idx-pro .swiper-btn { pointer-events: none; position: absolute; z-index: 1; top: calc(50% + 77px); left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 44.01042vw; width: 100%; }

@media all and (max-width: 1200px) { .idx-pro .swiper-btn { max-width: 46.875vw; } }

@media all and (max-width: 768px) { .idx-pro .swiper-btn { max-width: 100%; } }

.idx-pro .swiper-btn .m-btn { pointer-events: auto; position: absolute; top: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 9.6rem; color: #808080; }

@media all and (max-width: 1280px) { .idx-pro .swiper-btn .m-btn { font-size: 7rem; } }

@media all and (max-width: 768px) { .idx-pro .swiper-btn .m-btn { font-size: 5rem; } }

@media all and (max-width: 480px) { .idx-pro .swiper-btn .m-btn { font-size: 3.5rem; } }

.idx-pro .swiper-btn .m-btn::before { content: ''; font-family: "ico"; color: inherit; }

.idx-pro .swiper-btn .m-btn--idxpro_swp-prev { left: 0px; }

.idx-pro .swiper-btn .m-btn--idxpro_swp-prev::before { content: '\e830'; }

.idx-pro .swiper-btn .m-btn--idxpro_swp-next { right: 0px; }

.idx-pro .swiper-btn .m-btn--idxpro_swp-next::before { content: '\e814'; }

@media all and (min-width: 1201px) { .idx-pro .swiper-btn .m-btn:hover { opacity: .7; color: #f00; } }

/* Index Application */
.idx-application { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; margin-top: -1px;}

.idx-application_ctr { width: 77.60417vw; padding-top: 7.91667%; padding-bottom: 3.60833%; margin-left: 0px; margin-right: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 3; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .idx-application_ctr { padding-top: 4rem; padding-bottom: 4.5rem; } }

@media all and (max-width: 1250px) { .idx-application_ctr { width: 76.39583vw; } }

@media all and (max-width: 800px) { .idx-application_ctr { width: 100%; background: transparent; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 6.25%; padding-bottom: 0px; } }

.idx-application_ctr::before { content: ''; position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; background: #fff; }

/* .idx-application_info { 
  -ms-flex-preferred-size: 455px; 
  flex-basis: 455px; 
  max-width: 455px; 
  width: 100%; 
  margin-right: calc(4.79167vw + 17px); 
} */
.idx-application_info { 
  /* -ms-flex-preferred-size: 455px;  */
  /* flex-basis: 455px;  */
  max-width: 455px; 
  width: 100%; 
  margin-right: calc(4.79167vw + 17px); 
}
@media all and (max-width: 1680px) { .idx-application_info { margin-left: 20px; } }

@media all and (max-width: 800px) { .idx-application_info { max-width: 100%; margin-left: 0px; -ms-flex-preferred-size: auto; flex-basis: auto; padding-left: 14.66667vw; padding-right: 14.66667vw; background: url("images/common/idx-bg02.png") no-repeat left bottom; background-size: contain; } }

.idx-application_info-content { position: relative; }

.idx-application_info .title { margin-bottom: 10.98901%; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .idx-application_info .title { margin-bottom: 2rem; } }

@media all and (max-width: 800px) { .idx-application_info .title { text-align: center; margin-bottom: 4.28571%; } }

@media all and (max-width: 575px) { .idx-application_info .title { margin-bottom: 3rem; } }

/* .idx-application_item { position: relative; padding-bottom: calc(20.65934% + 36px); } */
.idx-application_item { position: relative; padding-bottom: 20.65934% ; }

@media all and (max-width: 800px) { .idx-application_item { text-align: center; padding-bottom: 0px; } }

.idx-application_item-title { display: inline-block; color: #5E5E5E; font-size: 3.5rem; font-weight: bold; padding-bottom: 1px; border-bottom: 4px solid #FE0000; margin-bottom: 7.69231%; }

@media all and (max-width: 1366px) { .idx-application_item-title { font-size: 3rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .idx-application_item-title { font-size: 2rem; margin-bottom: 1.5rem; } }

@media all and (max-width: 1200px) { .idx-application_item-title { font-size: 2.5rem; } }

@media all and (max-width: 992px) { .idx-application_item-title { border-bottom-width: 3px; margin-bottom: 5.20833%; } }

.idx-application_item-content { color: #808080; line-height: 1.59375; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; height: 140px; }

@media all and (max-width: 1024px) { .idx-application_item-content { height: 145px; } }

@media all and (max-width: 800px) { .idx-application_item-content { -webkit-line-clamp: 6; } }

.idx-application_item-btn { position: absolute; left: 0px; bottom: 14px; padding-left: 12px; }
@media all and (max-width: 1366px) { .idx-application_item-btn {bottom: 0px;}}
@media all and (max-width: 800px) { .idx-application_item-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: static; padding-left: 0px; padding-top: 1.5rem; padding-bottom: 2.5rem; } }

@media all and (max-width: 480px) { .idx-application_item-btn { padding-top: 2.5rem; } }

.idx-application_item-btn .m-btn { width: 155px; padding-top: 5px; padding-bottom: 5px; color: #fff; line-height: normal; }

.idx-application_item-btn .m-btn::before, .idx-application_item-btn .m-btn::after { -webkit-transform: skewX(26deg); transform: skewX(26deg); }

.idx-application_item-btn .m-btn::before { background: #5E5E5E; }

.idx-application_item-btn .m-btn::after { background: #FE0000; }

.idx-application_item.is-hide { display: none; position: absolute; top: 0px; left: 0px; }

.idx-application_group { max-width: calc(100% - 455px); width: 100%; margin-right: 3.125vw; position: relative; }

@media all and (max-width: 800px) { .idx-application_group { max-width: 100%; background: #FAFAFA; margin-right: 0px; padding-top: 1rem; padding-bottom: 0.5rem; } }

.idx-application_group .group-btn { position: absolute; z-index: 5; left: 0px; bottom: -3%; width: calc(100% - 3.48958vw); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: -9px; margin-right: -9px; pointer-events: none; margin-bottom: 17px; }

@media all and (min-width: 1367px) and (max-width: 1680px) { .idx-application_group .group-btn { padding-right: 20px; } }
@media all and (max-width: 1366px){ .idx-application_group .group-btn {bottom: -5%; } }
@media all and (max-width: 992px) { .idx-application_group .group-btn { margin-bottom: 0px; } }

@media all and (max-width: 800px) { .idx-application_group .group-btn { top: 50%; bottom: auto; width: 100%; margin: 0px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

.idx-application_group .m-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 50px; height: 50px; border-radius: 100%; border: 1px solid #c8c8c8; margin-left: 9px; margin-right: 9px; position: relative; pointer-events: auto; }

@media all and (max-width: 1280px) { .idx-application_group .m-btn { font-size: 1.2rem; } }

@media all and (max-width: 600px) { .idx-application_group .m-btn { width: 35px; height: 35px; } }

.idx-application_group .m-btn::before, .idx-application_group .m-btn::after { content: ''; position: absolute; top: -2px; left: -2px; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 100%; border-style: solid; border-width: 3px; border-color: transparent; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.idx-application_group .m-btn::before { border-left-color: #FE0000; border-top-color: #FE0000; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.idx-application_group .m-btn::after { border-right-color: #FE0000; border-bottom-color: #FE0000; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

@media all and (min-width: 1201px) { .idx-application_group .m-btn:hover::before, .idx-application_group .m-btn:hover::after { opacity: 1; }
  .idx-application_group .m-btn:hover::before { -webkit-animation: idxBnDotHide 1s ease-out; animation: idxBnDotHide 1s ease-out; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .idx-application_group .m-btn:hover::after { -webkit-animation: idxBnDotShow 1s ease-out; animation: idxBnDotShow 1s ease-out; -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

.idx-application_group .m-btn.swiper-button-disabled { opacity: .3; pointer-events: none; }

.idx-application_icon { text-align: center; color: #5E5E5E; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; }

.idx-application_icon-pic { font-size: 5.5rem; padding-top: 30px; padding-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 55px; margin-left: auto; margin-right: auto; margin-bottom: 2rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .idx-application_icon-pic { margin-bottom: 1rem; } }

@media all and (max-width: 1280px) { .idx-application_icon-pic { font-size: 3.5rem; max-width: 40px; } }

@media all and (max-width: 575px) { .idx-application_icon-pic { margin-bottom: 0rem; } }

@media all and (max-width: 480px) { .idx-application_icon-pic { padding-top: 15px; padding-bottom: 5px; } }

.idx-application_icon-pic figure { -webkit-transition: all 0.5s; transition: all 0.5s; max-width: 100%; width: 100%; padding-bottom: 100%; }

.idx-application_icon-pic figure img { -webkit-transition: all 0.5s; transition: all 0.5s; }

.idx-application_icon-pic figure .is-gray { opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; }

.idx-application_icon-pic figure .is-color { opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.idx-application_icon-name { font-size: 2rem; padding-bottom: 12px; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .idx-application_icon-name { font-size: 1.6rem; } }

@media all and (max-width: 480px) { .idx-application_icon-name { font-size: 1.2rem; } }

@media all and (min-width: 1201px) { .idx-application_icon:hover { color: #FE0000; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); }
  .idx-application_icon:hover .is-gray { opacity: 0; }
  .idx-application_icon:hover .is-color { opacity: 1; } }

.idx-application_swp { padding: 30px; margin-top: -40px; }

@media all and (max-width: 480px) { .idx-application_swp { max-width: 270px; width: 100%; margin-top: 0px; padding: 0px; margin-left: auto; margin-right: auto; } }

.idx-application_bg { position: absolute; z-index: 2; top: 0px; left: 0px; width: 100%; height: 100%; }

@media all and (max-width: 800px) { .idx-application_bg { display: none; } }

.idx-application_bg-el { position: absolute; }

.idx-application_bg-el--bg { top: -1px; left: 11.83997%; width: calc(83.85417% + 0px); height: calc(100% + 25px); background-color: #fff; -webkit-transform: skewX(25deg); transform: skewX(25deg); z-index: 5; -webkit-box-shadow: 5px 5px 34px rgba(0, 0, 0, 0.45); box-shadow: 5px 5px 34px rgba(0, 0, 0, 0.45); }

@media all and (max-width: 1840px) { .idx-application_bg-el--bg { left: calc(12.1% + 0px); } }

@media all and (max-width: 1765px) { .idx-application_bg-el--bg { left: calc(12.5% + 1px); } }

@media all and (max-width: 1690px) { .idx-application_bg-el--bg { left: calc(11.85% + 8px); } }

@media all and (max-width: 1620px) { .idx-application_bg-el--bg { left: calc(11.75% + 13px); } }

@media all and (max-width: 1560px) { .idx-application_bg-el--bg { left: calc(11.75% + 19px); } }

@media all and (max-width: 1500px) { .idx-application_bg-el--bg { left: calc(11.65% + 24px); } }

@media all and (max-width: 1380px) { .idx-application_bg-el--bg { left: calc(11.6% + 35px); } }

@media all and (max-width: 1366px) { .idx-application_bg-el--bg { left: calc(12.90205%); } }

@media all and (max-width: 1300px) { .idx-application_bg-el--bg { left: calc(13.40205% ); } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .idx-application_bg-el--bg { left: 9%; } }

@media all and (max-width: 1250px) { .idx-application_bg-el--bg { left: calc(9.32% + 0px); } }

@media all and (max-width: 1200px) { .idx-application_bg-el--bg { left: calc(12.202% + 6px); } }

@media all and (max-width: 1024px) { .idx-application_bg-el--bg { left: calc(12.202% + 13px); } }

@media all and (max-width: 992px) { .idx-application_bg-el--bg { left: 13.31774%; } }

@media all and (max-width: 910px) { .idx-application_bg-el--bg { left: 13.61774%; } }

.idx-application_bg-el--pic { bottom: 0px; left: 0px; max-width: 677px; width: 100%; padding-bottom: 62.8598%; background: url("images/index/applications-bg.jpg") no-repeat bottom right; background-size: cover; }

.idx-application_bg-el--pic::before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; background: #fff; opacity: 1; -webkit-transition: height 1.5s; transition: height 1.5s; }

.idx-application_bg-el--pic.is-animation::before { height: 0px; }

/* Index Company */
.idx-company { overflow: hidden; }

@media all and (min-width: 781px) { .idx-company { display: -webkit-box; display: -ms-flexbox; display: flex; } }

/* .idx-company_txt { position: relative; z-index: 1; -ms-flex-preferred-size: 685px; flex-basis: 685px; max-width: 685px; width: 100%; color: #fff; padding-top: 5.83333%; padding-left: 6.51042vw; padding-bottom: 7.07292%; margin-right: -1.09375vw; position: relative; } */

.idx-company_txt { display: flex;align-items: center; min-height: 29.79vw; position: relative; z-index: 1; -ms-flex-preferred-size: 685px; flex-basis: 685px; max-width: 685px; width: 100%; color: #fff; padding-top: 5.83333%; padding-left: 6.51042vw; padding-bottom: 7.07292%; margin-right: -1.09375vw; position: relative; }

@media all and (max-width: 1200px) { .idx-company_txt { -ms-flex-preferred-size: calc(100% - 48.33333vw); flex-basis: calc(100% - 48.33333vw); } }

@media all and (max-width: 780px) { .idx-company_txt { -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; margin: 0px; padding-top: 6.25vw; padding-bottom: 6.25vw; padding-left: 7.29167vw; padding-right: 7.29167vw; } }

.idx-company_txt::after { content: ''; position: absolute; top: 0px; left: calc(-1.04167vw - 175px); width: calc(100% + 350px); height: 100%; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); background: #ec0000 url("images/index/company-bg.png"); background: -webkit-gradient(linear, left top, right top, color-stop(1%, #ec0000), to(#b50000)) url("images/index/company-bg.png"); background: linear-gradient(to right, #ec0000 1%, #b50000 100%) url("images/index/company-bg.png"); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec0000', endColorstr='#b50000',GradientType=1 ) url("images/index/company-bg.png"); background-repeat: no-repeat; background-position: center; background-size: cover; }

@media all and (max-width: 1200px) { .idx-company_txt::after { left: calc(-5vw - 175px); } }

@media all and (max-width: 780px) { .idx-company_txt::after { width: 100%; left: 0px; -webkit-transform: skewX(0deg); transform: skewX(0deg); } }

.idx-company_info { position: relative; z-index: 1; }

.idx-company_info-title { font-size: 7rem; font-weight: bold; line-height: 1.14286; margin-bottom: 4.67153%; }

@media all and (max-width: 1366px) { .idx-company_info-title { font-size: 5rem; } }

@media all and (max-width: 1280px) { .idx-company_info-title { font-size: 4rem; } }

@media all and (max-width: 480px) { .idx-company_info-title { font-size: 3rem; text-align: center; display: block; } }

.idx-company_info-content { max-width: 500px; }

.idx-company_play { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.idx-company_video { position: relative; width: 100%; height: 100%; }

.idx-company_video-btn { position: absolute; z-index: 2; top: 50%; left: calc(50% + 8.07292vw); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media all and (max-width: 1200px) { .idx-company_video-btn { left: calc(50% + 5.20833vw); } }

@media all and (max-width: 780px) { .idx-company_video-btn { left: 50%; } }

.idx-company_video-btn .m-btn { color: #fff; width: 90px; height: 90px; font-size: 2.7rem; }

@media all and (max-width: 780px) { .idx-company_video-btn .m-btn { width: 60px; height: 60px; font-size: 1.6rem; } }

@media all and (max-width: 480px) { .idx-company_video-btn .m-btn { width: 50px; height: 50px; font-size: 1.4rem; } }

.idx-company_video-btn .m-btn_txt { -webkit-transform: translateX(5px); transform: translateX(5px); }

@media all and (max-width: 780px) { .idx-company_video-btn .m-btn_txt { -webkit-transform: translateX(3px); transform: translateX(3px); } }

.idx-company_video-pic { height: inherit; }

@media all and (max-width: 780px) { .idx-company_video-pic { padding-bottom: 45%; } }

@media all and (max-width: 480px) { .idx-company_video-pic { padding-bottom: 62.5%; } }

/* Product ==================================================================== */
.pro-bn { z-index: 1; color: #fff; background: url("images/common/banner-bg_1920x600.jpg") no-repeat center; background-size: cover; position: relative; }

.pro-bn_ctr { padding-top: 0.26042%;
   /* padding-bottom: 3.64583%; */
    display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: flex-end; }

@media all and (max-width: 1350px) { .pro-bn_ctr { padding-top: 2rem; padding-bottom: 5rem; align-items: center;} }

@media all and (max-width: 730px) { .pro-bn_ctr { -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% - 40px); margin-left: auto; margin-right: auto; } }

.pro-bn_depiction { -ms-flex-preferred-size: 46.875%; flex-basis: 46.875%; max-width: 46.875%; width: 100%;  margin-bottom: 7%;}

@media all and (max-width: 1350px){.pro-bn_depiction {margin-bottom: 0;}}

@media all and (max-width: 730px) { .pro-bn_depiction { -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

.pro-bn_depiction .el-depiction { max-width: 560px; margin-left: 8.33333vw; }

@media all and (max-width: 1500px) { .pro-bn_depiction .el-depiction { max-width: 525px; } }

@media all and (max-width: 1440px) { .pro-bn_depiction .el-depiction { max-width: 460px; } }

@media all and (max-width: 730px) { .pro-bn_depiction .el-depiction { padding-right: 0px; margin-left: 0px; } }

@media all and (max-width: 1024px) { .pro-bn_depiction .el-depiction { max-width: 375px; } }

.pro-bn_depiction .el-depiction_title { display: block; font-size: 9rem; font-weight: bold; line-height: 1; margin-bottom: 1.5rem; }

@media all and (max-width: 1500px) { .pro-bn_depiction .el-depiction_title { font-size: 7rem; } }

@media all and (max-width: 1440px) { .pro-bn_depiction .el-depiction_title { font-size: 6rem; } }

@media all and (max-width: 1280px) { .pro-bn_depiction .el-depiction_title { font-size: 4rem; } }

.pro-bn_name { -ms-flex-preferred-size: 53.125%; flex-basis: 53.125%; max-width: 53.125%; width: 100%; }

@media all and (max-width: 730px) { .pro-bn_name { -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } }

.pro-bn_name .el-name { position: relative; }

.pro-bn_name .el-name_pic { max-width: 62.2549%; width: 100%; margin-left: 20px; margin-right: 13.02083vw; }

@media all and (max-width: 730px) { .pro-bn_name .el-name_pic { margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; } }

.pro-bn_name .el-name_pic figure { padding-bottom: 82.67717%; background-size: contain; }

@media all and (max-width: 730px) { .pro-bn_name .el-name_pic figure { padding-bottom: 66.92913%; } }

.pro-bn_name .el-name_text { display: block; position: absolute; right: 0px; bottom: 14.84314%; font-size: 4.5rem; font-weight: bold; padding-right: 6.51042vw; border-bottom: 1px solid #fff; }

@media all and (max-width: 1500px) { .pro-bn_name .el-name_text { font-size: 3.5rem; } }

@media all and (max-width: 1440px) { .pro-bn_name .el-name_text { font-size: 3rem; } }

@media all and (max-width: 1220px) { .pro-bn_name .el-name_text { bottom: 7.84314%; } }

@media all and (max-width: 1024px) { .pro-bn_name .el-name_text { font-size: 2.5rem; } }

@media all and (max-width: 730px) { .pro-bn_name .el-name_text { position: static; text-align: center; max-width: calc(100% - 40px); padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto; margin-bottom: 2rem; } }

.pro-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; line-height: 1.5; }

@media all and (max-width: 1220px) { .pro-search { position: fixed; z-index: 99999; top: 100%; left: 0px; width: 100%; opacity: 0; pointer-events: none; -webkit-transition: all 0.5s; transition: all 0.5s; }
  .pro-search.is-show { opacity: 1; pointer-events: auto; } }

.pro-search .inpt-search { font-size: 2rem; width: 200px; border-bottom: 1px solid #fff; padding-right: 30px; padding-left: 5px; padding-top: 4px; padding-bottom: 4px; }

@media all and (max-width: 1220px) { .pro-search .inpt-search { width: calc(100% - 40px); margin-top: 18px; margin-bottom: 18px; margin-left: auto; margin-right: auto; } }

.pro-search .inpt-search input { background: transparent; color: #fff; }

.pro-search .inpt-search ::-webkit-input-placeholder { color: #fff; }

.pro-search .inpt-search :-ms-input-placeholder { color: #fff; }

.pro-search .inpt-search ::-ms-input-placeholder { color: #fff; }

.pro-search .inpt-search ::placeholder { color: #fff; }

@media all and (min-width: 1201px) { .pro-search .inpt-search_btn:hover { color: #fff; opacity: .5; } }

.pro-search-toggle { position: relative; padding: 15px 20px; max-width: 500px; font-size: 2rem; }

.pro-search-toggle_txt { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.pro-search-toggle::after { content: ''; position: absolute; z-index: -1; top: 0px; left: -20px; width: calc(100% + 40px); height: 100%; background: #FE0000; -webkit-transform: skewX(30deg); transform: skewX(30deg); }

@media all and (min-width: 1221px) { .pro-search-toggle { display: none; } }

.pro-search_ctr { -ms-flex-preferred-size: 1585px; flex-basis: 1585px; max-width: 82.55208vw; width: 100%; position: relative; z-index: 5; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 6.77083vw; }

@media all and (max-width: 1500px) { .pro-search_ctr { max-width: 85vw; } }

@media all and (max-width: 1410px) { .pro-search_ctr { max-width: 1200px; padding-right: 20px; } }

@media all and (max-width: 1280px) { .pro-search_ctr { max-width: 100%; padding-left: 20px; } }

@media all and (max-width: 1220px) { .pro-search_ctr { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #f00; padding: 20px 0px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

@media all and (min-width: 1221px) { .pro-search_ctr::after { content: ''; position: absolute; z-index: -1; left: -35px; top: 0px; width: calc(100% + 70px); height: 100%; background: #FE0000; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); } }

.pro-search_item { position: relative; }

@media all and (max-width: 1220px) { .pro-search_item { width: 100%; } }

@media all and (min-width: 1201px) { 
  /* .pro-search_item::before { opacity: 0; pointer-events: none; content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); -webkit-transition: all 0.5s; transition: all 0.5s; }  */
  .pro-search_item::before { opacity: 0; pointer-events: none; content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); -webkit-transition: all 0.5s; transition: all 0.5s; }
}

.pro-search_item .m-btn { padding: 19px 50px 18px 20px; color: #fff; position: relative; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .pro-search_item .m-btn { padding-right: 30px; } }

@media all and (max-width: 1220px) { .pro-search_item .m-btn { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.pro-search_item .m-btn_txt { font-size: 2rem; line-height: 1.5em; }

@media all and (max-width: 1440px) { .pro-search_item .m-btn_txt { font-size: 1.8rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .pro-search_item .m-btn_txt { font-size: 1.4rem; } }

@media all and (max-width: 1220px) { .pro-search_item .m-btn_txt { text-align: left; } }

/* .pro-search_item .m-btn::before { font-family: "ico"; content: '\e82d'; position: absolute; top: 27px; right: 22px; display: block; font-size: 1.6rem; } */
.pro-search_item .m-btn::before { font-family: "ico"; content: '\e82d'; position: absolute; top: 25px; right: 22px; display: block; font-size: 1.6rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .pro-search_item .m-btn::before { top: 23px; right: 8px; font-size: 1.2rem; } }

@media all and (max-width: 1440px) { .pro-search_item .dkSel.dk-select { font-size: 1.8rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .pro-search_item .dkSel.dk-select { font-size: 1.4rem; } }

@media all and (max-width: 1220px) { .pro-search_item .dkSel.dk-select { width: 100%; } }

@media all and (min-width: 1221px) { 
  .pro-search_item--application { -ms-flex-preferred-size: 190px; flex-basis: 190px; }
  .pro-search_item--application .dkSel--product.dk-select { max-width: 190px; width: 100%; }
  .pro-search_item--accessories { -ms-flex-preferred-size: 185px; flex-basis: 185px; }
  .pro-search_item--accessories .dkSel--product.dk-select { max-width: 185px; width: 100%; }
  .pro-search_item--material { -ms-flex-preferred-size: 150px; flex-basis: 150px; }
  .pro-search_item--material .dkSel--product.dk-select { max-width: 150px; width: 100%; }
  .pro-search_item--lens { -ms-flex-preferred-size: 170px; flex-basis: 170px; }
  .pro-search_item--lens .dkSel--product.dk-select { max-width: 170px; width: 100%; }
  .pro-search_item--led { -webkit-box-flex: 0; -ms-flex: 0 0 193px; flex: 0 0 193px; }
  .pro-search_item--size { -webkit-box-flex: 0; -ms-flex: 0 0 108px; flex: 0 0 108px; }
  .pro-search_item--search { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .pro-search_item--application { -ms-flex-preferred-size: 150px; flex-basis: 150px; }
  .pro-search_item--application .dkSel--product.dk-select { max-width: 150px; }
  .pro-search_item--accessories { -ms-flex-preferred-size: 145px; flex-basis: 145px; }
  .pro-search_item--accessories .dkSel--product.dk-select { max-width: 145px; }
  .pro-search_item--material { -ms-flex-preferred-size: 120px; flex-basis: 120px; }
  .pro-search_item--material .dkSel--product.dk-select { max-width: 120px; }
  .pro-search_item--lens { -ms-flex-preferred-size: 125px; flex-basis: 125px; }
  .pro-search_item--lens .dkSel--product.dk-select { max-width: 125px; }
  .pro-search_item--led { -webkit-box-flex: 0; -ms-flex: 0 0 193px; flex: 0 0 193px; }
  .pro-search_item--size { -webkit-box-flex: 0; -ms-flex: 0 0 108px; flex: 0 0 108px; }
  .pro-search_item--search { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; } }

.pro-search_item.is-active { position: relative; }

.pro-search_item.is-active::before { opacity: 1; }

.pro-search_item.is-active .m-btn { position: relative; z-index: 1; color: #FE0000; }

.pro-search-opt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; line-height: 1.5; border-bottom: 1px solid #F6F6F6; }

.pro-search-opt_ctr { width: 100%; }

.pro-search-opt_item { display: none; max-width: 64.58333vw; padding-top: 2.52366%; padding-bottom: 1.57729%; margin-left: auto; margin-right: auto; }

@media all and (max-width: 1220px) { .pro-search-opt_item { position: fixed; z-index: 999999; top: 0px; left: 0px; max-width: 100%; width: 100%; height: 100%; overflow-x: hidden; padding: 10% 20px; background: #fff; } }

.pro-search-opt_item .el-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 3rem; }

@media all and (min-width: 1201px) { .pro-search-opt_item .el-toggle { display: none; } }

.pro-search-opt_item .el-toggle .m-btn_txt { width: 100%; display: block; position: relative; }

.pro-search-opt_item .el-toggle .m-btn_txt::before, .pro-search-opt_item .el-toggle .m-btn_txt::after { content: ''; position: absolute; display: block; top: 50%; left: 25%; width: 50%; height: 1px; background: #C8C8C8; }

.pro-search-opt_item .el-toggle .m-btn_txt::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.pro-search-opt_item .el-toggle .m-btn_txt::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.pro-search-opt_item .el-btn {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.pro-search-opt_item .el-btn .m-btn { width: 150px; font-size: 1.8rem; color: #fff; padding-top: 12px; padding-bottom: 10px; }

@media all and (min-width: 1201px) { .pro-search-opt_item .el-btn .m-btn:hover { color: #fff; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .pro-search-opt_item .el-btn .m-btn { font-size: 1.5rem; } }

@media all and (max-width: 480px) { .pro-search-opt_item .el-btn .m-btn { font-size: 1.6rem; } }

.pro-search-opt_item .el-btn .m-btn::before, .pro-search-opt_item .el-btn .m-btn::after { -webkit-transform: skewX(-30deg); transform: skewX(-30deg); background: #5E5E5E; }

.pro-search-opt_item .el-btn .m-btn::after { background: #FE0000; }

.pro-search-opt_item--led > *:not(:last-child) { margin-bottom: 1.5rem; }

.pro-search-opt_item--led .el-item { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 1220px) { .pro-search-opt_item--led .el-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 500px; margin-left: auto; margin-right: auto; } }

.pro-search-opt_item--led .el-item_name { -webkit-box-flex: 0; -ms-flex: 0 0 110px; flex: 0 0 110px; text-align: right; padding-right: 8px; font-weight: 600; }

@media all and (max-width: 1220px) { .pro-search-opt_item--led .el-item_name { -ms-flex-preferred-size: auto; flex-basis: auto; margin-bottom: 2rem; } }

.pro-search-opt_item--led .el-item_cls { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -2px; margin-right: -2px; }

.pro-search-opt_item--led .el-item_cls > * { margin-left: 2px; margin-right: 2px; margin-bottom: 8px; }

.pro-search-opt_item--led .el-opt input { display: none; }

.pro-search-opt_item--led .el-opt input:checked + label { color: #fff; background: #FE0000; border-color: #FE0000; }

.pro-search-opt_item--led .el-opt label { display: block; color: #5E5E5E; border-radius: 50px; border: 1px solid #ddd; text-align: center; line-height: 1; cursor: pointer; padding-top: 4px; padding-bottom: 0px; padding-left: 12px; padding-right: 12px; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .pro-search-opt_item--led .el-opt label:hover { color: #fff; background: #FE0000; border-color: #FE0000; } }

.pro-search-opt_item--size .el-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -2.34375vw; margin-right: -2.34375vw; margin-bottom: 4.10095%; }

@media all and (max-width: 1220px) { .pro-search-opt_item--size .el-item { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 500px; margin-left: auto; margin-right: auto; } }

.pro-search-opt_item--size .el-item > * { padding-left: 2.34375vw; padding-right: 2.34375vw; }

@media all and (max-width: 1220px) { .pro-search-opt_item--size .el-item > * { width: 50%; margin-bottom: 3rem; } }

.pro-search-opt_item--angle .el-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -2.34375vw; margin-right: -2.34375vw; margin-bottom: 4.10095%; }

@media all and (max-width: 1220px) { .pro-search-opt_item--angle .el-item { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 500px; margin-left: auto; margin-right: auto; } }

.pro-search-opt_item--angle .el-item > * { padding-left: 2.34375vw; padding-right: 2.34375vw; }

@media all and (max-width: 1220px) { .pro-search-opt_item--angle .el-item > * { width: 50%; margin-bottom: 3rem; } }

.pro-info { padding-top: 3.57143%; padding-bottom: 4.46429%; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .pro-info { padding-top: 3rem; padding-bottom: 4.5rem; } }

.pro-info_quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 0.59524%; }

@media all and (max-width: 480px) { .pro-info_quantity { padding-bottom: 2rem; } }

@media all and (max-width: 320px) { .pro-info_quantity { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.pro-info_quantity-item { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2rem; padding-left: 15px; padding-right: 15px; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .pro-info_quantity-item { font-size: 1.6rem; } }

.pro-info_quantity-item .el-value { font-weight: bold; color: #FE0000; margin-left: 8px; }

.pro-info_class { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0.89286%; }

@media all and (max-width: 480px) { .pro-info_class { margin-bottom: 2rem; } }

.pro-info_class .el-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.6rem; color: #fff; background: #FE0000; border: 1px solid #FE0000; border-radius: 50px; padding-top: 5px; padding-bottom: 2px; padding-left: 15px; padding-right: 35px; margin-left: 6px; margin-right: 6px; line-height: 1.5; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .pro-info_class .el-item { font-size: 1.2rem; padding: 3px 25px 1px 8px; } }

.pro-info_class .el-item_btn { position: absolute; top: calc(50% - 7px); right: 10px; width: 14px; height: 14px; cursor: pointer; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .pro-info_class .el-item_btn { right: 5px; } }

.pro-info_class .el-item_btn::before, .pro-info_class .el-item_btn::after { content: ''; position: absolute; top: 50%; left: 0px; width: 14px; height: 1px; background: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .pro-info_class .el-item_btn::before, .pro-info_class .el-item_btn::after { width: 8px; } }

.pro-info_class .el-item_btn::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.pro-info_class .el-item_btn::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

@media all and (min-width: 1201px) { .pro-info_class .el-item:hover { color: #FE0000; background: transparent; }
  .pro-info_class .el-item:hover .el-item_btn::before, .pro-info_class .el-item:hover .el-item_btn::after { background: #FE0000; } }

.pro-info_size .el-range { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -1.04167vw; margin-right: -1.04167vw; }

.pro-info_size .el-range > * { -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px; width: 100%; padding-left: 1.04167vw; padding-right: 1.04167vw; margin-bottom: 1rem; }

.pro-info_size .el-range_bx-name { text-align: center; font-size: 1.6rem; margin-bottom: 0.5rem; position: relative; padding-right: 25px; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .pro-info_size .el-range_bx-name { font-size: 1.4rem; } }

.pro-info_size .el-range_bx-name .m-btn { position: absolute; top: 0px; right: 0px; }

@media all and (min-width: 1201px) { .pro-info_size .el-range_bx-name .m-btn:hover { opacity: .5; } }

.pro-info_size .el-range_bx-range { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin-bottom: 0.5rem; }

.pro-info_size .el-range_bx-range::before { content: ''; position: absolute; top: calc(50% - 1px); left: calc(50% - 4px); width: 8px; height: 2px; background: #7B7B7B; }

.pro-info_size .el-range_bx-range span { display: block; width: calc(48% - 5px); text-align: center; font-size: 2rem; color: #FE0000; padding-left: 5px; padding-right: 5px; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .pro-info_size .el-range_bx-range span { font-size: 1.6rem; } }

.pro-info_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.pro-info_btn .m-btn { width: 150px; font-size: 1.8rem; color: #fff; padding-top: 12px; padding-bottom: 10px; }

@media all and (min-width: 1201px) { .pro-info_btn .m-btn:hover { color: #fff; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .pro-info_btn .m-btn { font-size: 1.5rem; } }

@media all and (max-width: 480px) { .pro-info_btn .m-btn { font-size: 1.6rem; } }

.pro-info_btn .m-btn::before, .pro-info_btn .m-btn::after { -webkit-transform: skewX(-30deg); transform: skewX(-30deg); background: #5E5E5E; }

.pro-info_btn .m-btn::after { background: #FE0000; }

.pro-lists { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 5.20833%; }

.pro-lists > * { -ms-flex-preferred-size: calc(100%/4); flex-basis: calc(100%/4); width: calc(100%/4); }

@media all and (max-width: 1024px) { .pro-lists > * { -ms-flex-preferred-size: calc(100%/3); flex-basis: calc(100%/3); width: calc(100%/3); } }

@media all and (max-width: 768px) { .pro-lists > * { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; } }

@media all and (max-width: 480px) { .pro-lists > * { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; } }

/* Product Detail ============================================================= */
.round-loope { border-radius: 300px; background: #fff; -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.2); box-shadow: 0 0 32px rgba(0, 0, 0, 0.2); }

.prod-main { padding-top: 6.77083%; padding-bottom: 5.72917%; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .prod-main { padding-top: 3rem; padding-bottom: 4.5rem; } }

.prod-main_content { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 1024px) { .prod-main_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.prod-main_content-info { -ms-flex-preferred-size: 435px; flex-basis: 435px; max-width: 435px; }

@media all and (max-width: 1024px) { .prod-main_content-info { -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

.prod-main_content .el-info { max-width: 370px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media all and (max-width: 1024px) { .prod-main_content .el-info { max-width: 100%; width: 100%; } }

.prod-main_content .el-info .iconM-file-edit { -webkit-transform: translateX(2px); transform: translateX(2px); }

.prod-main_content .el-info_wp { width: 100%; }

/* .prod-main_content .el-info_opt { margin-top: 2.7027%; margin-bottom: 14.86486%; } */

.prod-main_content .el-info_opt { margin-top: 0%; margin-bottom: 9.86486%; }

@media all and (max-width: 1024px) { .prod-main_content .el-info_opt { margin-top: 2.7027%; margin-bottom: 3.73832%; } }

.prod-main_content .el-info_opt .dkSel { width: 150px; }

.prod-main_content .el-info_content-item { font-size: 2rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .prod-main_content .el-info_content-item { font-size: 1.6rem; } }

@media all and (max-width: 1200px) { .prod-main_content .el-info_content-item { font-size: 1.6rem; } }

.prod-main_content .el-info_content--row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap; margin-bottom: 2rem; }

.prod-main_content .el-info_content--row .el-info_content-item { /*-webkit-box-flex: 0; -ms-flex: 0 0 calc(100%/4); flex: 0 0 calc(100%/4); max-width: calc(100%/4); width: 100%;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 1.5rem; }

.prod-main_content .el-info_content--row .el-info_content-item:last-child { margin-right: 0; }

.prod-main_content .el-info_content--row .el-info_content-item .el-name { color: #FE0000; /*-webkit-box-flex: 0; -ms-flex: 0 0 25px; flex: 0 0 25px;*/ font-weight: 500; margin-right: 5px; }

.prod-main_content .el-info_content--row .el-info_content-item .el-value { color: #5E5E5E; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.prod-main_content .el-info_content--column .el-info_content-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.prod-main_content .el-info_content--column .el-info_content-item:not(:last-child) { margin-bottom: 2rem; }

.prod-main_content .el-info_content--column .el-info_content-item .el-name { color: #000; -webkit-box-flex: 0; -ms-flex: 0 0 110px; flex: 0 0 110px; font-weight: 500; }

.prod-main_content .el-info_content--column .el-info_content-item .el-value { color: #5E5E5E; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 15px; }

.prod-main_content .el-info_cls { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; margin-top: 4.5rem; margin-bottom: 1.5rem; }

@media all and (max-width: 575px) { .prod-main_content .el-info_cls { margin-top: 2rem; } }

.prod-main_content .el-info_cls > * { margin-left: 5px; margin-right: 5px; margin-bottom: 12px; }

.prod-main_content .el-info_cls span { color: #FE0000; border: 1px solid #FE0000; border-radius: 50px; padding: 4px 10px 2px 10px; display:inline-block;}

.prod-main_content-pic { -ms-flex-preferred-size: 745px; flex-basis: 745px; max-width: 745px;  margin-top: -30px;}

@media all and (max-width: 1024px) { .prod-main_content-pic { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; margin-top: 0px; } }

.prod-main_content-pic .el-swp_pic { width: 100%; padding-bottom: 58.62069%; }

.prod-main_content-pic .el-swp--show { margin-bottom: 1rem; }

@media all and (min-width: 1201px) { .prod-main_content-pic .el-swp--show { pointer-events: none; } }

.prod-main_content-pic .el-swp--show .el-swp_pic { position: relative; }

.prod-main_content-pic .el-swp--show .el-swp_pic figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }

.prod-main_content-pic .el-swp--show .el-swp_pic img { max-width: 100%; max-height: 100%; }

.prod-main_content-pic .el-swp--opt { padding-left: 2.60417vw; padding-right: 2.60417vw; max-width: 640px; margin-right: 0; }

@media all and (max-width: 992px) { .prod-main_content-pic .el-swp--opt { margin-right: auto;} }

.prod-main_content-pic .el-swp--opt .el-swp_pic { border: 1px solid #E7E7E7; cursor: pointer; }

.prod-info { padding-bottom: 20px; margin-bottom: calc(4.94792% - 20px); }

@media all and (max-width: 768px) { .prod-info { margin-bottom: 5.72917%; } }

.prod-info [class^="pic-"] { margin: auto; }

.prod-info .el-led_pic { padding-bottom: 50%; margin-bottom: 0.5rem; width: 100%; max-width:113px; margin-left:auto; margin-right:auto; }

.prod-info .el-led_name { color: #000; font-weight: 500; font-size: 1.6rem; }

.prod-info .el-brand { max-width: 130px; margin-left: auto; margin-right: auto; }

.prod-info .el-brand_pic { padding-bottom: 40%; }

.prod-info .el-light { max-width: 135px; margin: auto; -webkit-transition: all 0.5s; transition: all 0.5s; }

.prod-info .el-light figure, .prod-info .el-light a { display: block; padding-bottom: 85.18519%; }

@media all and (min-width: 1201px) { .prod-info .el-light:hover { -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); } }

.prod-info .el-compare { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.prod-info .el-compare input { display: none; }

.prod-info .el-compare input:checked + label::before { opacity: 1; }

.prod-info .el-compare label { display: block; width: 24px; height: 24px; border: 1px solid #404040; border-radius: 2px; position: relative; }

.prod-info .el-compare label::before { font-family: "ico"; content: '\e807'; font-size: 2.8rem; line-height: 1; position: absolute; top: -3px; right: 0px; color: #FE0000; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.prod-other { margin-bottom: 5.72917%; }

.prod-other_headline { text-align: center; margin-bottom: 1.19048%; }

.prod-other_headline .title { font-size: 4rem; }

@media all and (max-width: 1280px) { .prod-other_headline .title { font-size: 3rem; } }

@media all and (max-width: 480px) { .prod-other_headline .title { font-size: 2.5rem; } }

.prod-other_ctr { position: relative; }

.prod-other_swp { padding-top: 2.08333%; padding-bottom: 2.08333%; padding-left: 1.82292vw; padding-right: 1.82292vw; }

.prod-other_swp .swiper-slide { height: auto; }

.prod-other_btn { position: absolute; z-index: 1; top: 50%; left: 0px; width: 100%; pointer-events: none; }

@media all and (max-width: 480px) { .prod-other_btn { top: 25%; } }

.prod-other_btn .l-wp-null { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1825px; width: calc(100% - 40px); margin-left: auto; margin-right: auto; pointer-events: none; }

.prod-compare { position: fixed; z-index: 9; width: 100vw; left: 0px; bottom: 0px; background: #FAFAFA; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; pointer-events: none; -webkit-transform: translateY(20%); transform: translateY(20%); -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 1200px) { .prod-compare { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.prod-compare_tool { position: absolute; top: -10px; left: 0px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.prod-compare_tool .m-btn { position: absolute; }

.prod-compare_list { -ms-flex-preferred-size: calc(100% - 350px); flex-basis: calc(100% - 350px); max-width: calc(100% - 350px); width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 20px; padding-bottom: 20px; position: relative; }

@media all and (max-width: 1200px) { .prod-compare_list { -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } }

.prod-compare_list-ctr { -ms-flex-preferred-size: 1100px; flex-basis: 1100px; max-width: 1100px; width: calc(100% - 40px); }

@media all and (max-width: 1200px) { .prod-compare_list-ctr { -ms-flex-preferred-size: auto; flex-basis: auto; } }

.prod-compare_list-btn { position: absolute; z-index: 1; top: 50%; left: 0px; width: 100%; pointer-events: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.prod-compare_list-btn .l-wp-null { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1340px; margin-left: auto; margin-right: auto; width: calc(100% - 40px); pointer-events: none; }

@media all and (max-width: 1366px) { .prod-compare_list-btn .l-wp-null { width: 100%; } }

@media all and (max-width: 480px) { .prod-compare_list-btn .l-wp-null { width: 100%; } }

@media all and (max-width: 1440px) { .prod-compare_swp { max-width: 850px; } }

.prod-compare_btn { -ms-flex-preferred-size: 350px; flex-basis: 350px; max-width: 350px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

@media all and (max-width: 1200px) { .prod-compare_btn { -ms-flex-preferred-size: auto; flex-basis: auto; } }

.prod-compare.is-show { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); }

.prod-compare.is-show.is-slide-down { -webkit-transform: translateY(100%); transform: translateY(100%); }

.prod-inquiry .lb_ctr-btn .m-btn { width: 190px; }

/* Compare ==================================================================== */
.compare-info { padding-top: 3.38542%; text-align: center; margin-bottom: 2.86458%; position: relative; }

.compare-info::before { content: ''; z-index: -1; position: absolute; top: 0px; left: 0px; width: 100%; padding-bottom: 23.4375%; background: #FAFAFA; }

@media all and (max-width: 1680px) { .compare-info::before { padding-bottom: 23.80952%; } }

@media all and (max-width: 1440px) { .compare-info::before { padding-bottom: 27.77778%; } }

@media all and (max-width: 1366px) { .compare-info::before { padding-bottom: 29.28258%; } }

@media all and (max-width: 1280px) { .compare-info::before { padding-bottom: 31.25%; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .compare-info::before { padding-bottom: 27.25%; } }

@media all and (max-width: 1024px) { .compare-info::before { padding-bottom: 34.17969%; } }

@media all and (max-width: 768px) { .compare-info::before { padding-bottom: 39.0625%; } }

@media all and (max-width: 575px) { .compare-info::before { padding-bottom: 0px; height: 325px; } }

.compare-info_title { font-weight: bold; color: #FE0000; font-size: 6rem; margin-bottom: pre(24); }

@media all and (max-width: 1280px) { .compare-info_title { font-size: 5rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .compare-info_title { font-size: 3rem; } }

@media all and (max-width: 992px) { .compare-info_title { font-size: 4rem; } }

@media all and (max-width: 480px) { .compare-info_title { font-size: 3rem; } }

.compare-info_depiction { color: #606060; }

.compare-info_depiction .txt-red { color: #FE0000; }

.compare-tab { margin-bottom: 5.46875%; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .compare-tab { margin-bottom: 4rem; } }

.compare-tab .l-wp-1480 { position: relative; }

.compare-tab_btn { position: absolute; top: 6.08108%; left: 50%; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media all and (max-width: 1366px) { .compare-tab_btn { max-width: 992px; } }

@media all and (max-width: 1024px) { .compare-tab_btn { max-width: 750px; } }

@media all and (max-width: 768px) { .compare-tab_btn { max-width: 480px; } }

.compare-tab_list { font-weight: 800; position: absolute; z-index: 1; left: -20px; bottom: 0px; pointer-events: none; }

@media all and (max-width: 1366px) { .compare-tab_list { left: 5.72917vw; } }

@media all and (max-width: 575px) { .compare-tab_list { width: 100px; font-size: 1.2rem; left: -10px; } }

.compare-tab_list .compare-item { text-align: right; }

.compare-tab_list .compare-item > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background: #fff; }

.compare-tab_list .compare-item_pic, .compare-tab_list .compare-item_led { background: transparent; }

.compare-ctr { max-width: 1220px; width: calc(90% - 40px); margin-left: auto; margin-right: auto; }

@media all and (max-width: 1366px) { .compare-ctr { max-width: 768px; } }

@media all and (max-width: 1024px) { .compare-ctr { max-width: 575px; } }

@media all and (max-width: 768px) { .compare-ctr { max-width: 320px; } }

@media all and (max-width: 575px) { .compare-ctr { max-width: 180px; } }

.compare-item { text-align: center; }

.compare-item > * { padding: 10px 5px; margin-top: 10px; margin-bottom: 10px; }

.compare-item_pic { height: 180px; }

.compare-item_led { max-width: 180px; height: 115px; margin-left: auto; margin-right: auto; }

.compare-item_led .el-led_pic { padding-bottom: 40%; margin-bottom: 0.5rem; background-size: auto; }

.compare-item_led .el-led_name { color: #000; font-weight: 500; font-size: 1.6rem; }

.compare-item_brand { height: 105px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.compare-item_fwhm { height: 44px; background: #FAFAFA; }

.compare-item_cdlm { height: 44px; background: #FAFAFA; }

.compare-item_type { height: 44px; background: #FAFAFA; }

.compare-item_light { height: 135px; }

.compare-item_material { height: 44px; background: #FAFAFA; }

.compare-item_accessory { height: 44px; background: #FAFAFA; }

.compare-item_ies { height: 52px; }

.compare-item .el-light { max-width: 135px; margin: auto; -webkit-transition: all 0.5s; transition: all 0.5s; }

.compare-item .el-light figure, .compare-item .el-light a { display: block; padding-bottom: 85.18519%; }

@media all and (min-width: 1201px) { .compare-item .el-light:hover { -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); } }

.compare-download { padding-top: 2.34375%; padding-bottom: 2.60417%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 4.6875%; background: #FAFAFA; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .compare-download { margin-bottom: 4rem; } }

@media all and (min-width: 1201px) { .compare-download .m-btn_icon { width: 65px; height: 65px; font-size: 2.5rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .compare-download .m-btn_icon { width: 55px; height: 55px; font-size: 2rem; } }

@media all and (min-width: 1201px) { .compare-download .m-btn_name { font-size: 2rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .compare-download .m-btn_name { font-size: 1.8rem; } }

/* Application ================================================================ */
.app-bn { position: relative; }

.app-bn_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; max-width: 635px; height: 100%; margin-left: 2.60417vw; }

@media all and (max-width: 768px) { .app-bn_info { position: static; max-width: 100%; margin-left: 0px; padding-top: 30px; padding-bottom: 80px; } }

.app-bn_info-content { color: #fff; max-width: 530px; margin-left: auto; margin-right: auto; padding-left: 2.29167vw; position: relative; z-index: 1; }

@media all and (max-width: 1280px) { .app-bn_info-content { padding-bottom: 12rem; } }

@media all and (max-width: 768px) { .app-bn_info-content { padding-bottom: 3rem; padding-left: 0px; width: calc(100% - 40px); } }

.app-bn_info-content .el-title { display: block; font-size: 9rem; font-weight: bold; margin-bottom: 6.29921%; }

@media all and (max-width: 1500px) { .app-bn_info-content .el-title { font-size: 7rem; } }

@media all and (max-width: 1440px) { .app-bn_info-content .el-title { font-size: 6rem; } }

@media all and (max-width: 1280px) { .app-bn_info-content .el-title { font-size: 4rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .app-bn_info-content .el-title { font-size: 3rem; margin-bottom: 1.5rem; } }

.app-bn_info-content .el-subtitle { display: block; font-size: 3.5rem; font-weight: bold; margin-bottom: 1em; position: relative; }

.app-bn_info-content .el-subtitle::before { content: ''; position: absolute; left: 0px; bottom: 0px; width: 107px; height: 3px; background: #fff; }

@media all and (max-width: 1366px) { .app-bn_info-content .el-subtitle { font-size: 3rem; } }

@media all and (max-width: 1280px) { .app-bn_info-content .el-subtitle { font-size: 2.5rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .app-bn_info-content .el-subtitle { font-size: 1.8rem; }
  .app-bn_info-content .el-subtitle::before { height: 2px; } }

.app-bn_info-content .el-depiction { font-size: 1.8rem; max-width: 350px; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .app-bn_info-content .el-depiction { font-size: 1.4rem; } }

@media all and (max-width: 768px) { .app-bn_info-content .el-depiction { max-width: 100%; } }

@media all and (max-width: 480px) { .app-bn_info-content .el-depiction { font-size: 1.6rem; } }

.app-bn_info-content .el-login { margin-top: 6.29921%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media all and (min-width: 1551px) { .app-bn_info-content .el-login { position: absolute; left: 2.29167vw; bottom: -115px; margin-top: 0px; } }

@media all and (min-width: 1201px) { .app-bn_info-content .el-login:hover .el-login_icon figure { -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.3) inset; box-shadow: 0 0 20px rgba(255, 255, 255, 0.3) inset; }
  .app-bn_info-content .el-login:hover .el-login_btn .m-btn { opacity: .7; } }

.app-bn_info-content .el-login_icon { -webkit-box-flex: 0; -ms-flex: 0 0 55px; flex: 0 0 55px; }

@media all and (max-width: 480px) { .app-bn_info-content .el-login_icon { -ms-flex-preferred-size: 40px; flex-basis: 40px; } }

.app-bn_info-content .el-login_icon figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; border-radius: 100%; border: 1px solid #fff; background: url("images/common/icon-user.svg") no-repeat center; background-size: 20px; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .app-bn_info-content .el-login_icon figure { width: 45px; height: 45px; background-size: 15px; } }

@media all and (max-width: 480px) { .app-bn_info-content .el-login_icon figure { width: 40px; height: 40px; background-size: 15px; } }

.app-bn_info-content .el-login_btn { padding-left: 15px; font-size: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .app-bn_info-content .el-login_btn { font-size: 1.8rem; padding-left: 8px; } }

.app-bn_info-content .el-login_btn-user { padding-right: 15px; margin-right: 15px; position: relative; }

.app-bn_info-content .el-login_btn-user::after { content: ''; position: absolute; top: calc(25% - 2px); right: 0px; width: 1px; height: 50%; background: #fff; }

.app-bn_info-content .el-login_btn .m-btn { font-size: 2.2rem; }

@media all and (max-width: 480px) { .app-bn_info-content .el-login_btn .m-btn { font-size: 1.8rem; } }

@media all and (min-width: 1201px) { .app-bn_info-content .el-login_btn .m-btn:hover { color: rgba(255, 255, 255, 0.5); } }

.app-bn_info-background { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #FE0000; overflow: hidden; }

@media all and (min-width: 769px) { .app-bn_info-background { -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } }

.app-bn_info-background::before { content: ''; position: absolute; top: 0px; left: -20%; width: 140%; height: 100%; background-image: url("images/app/app-bg.png"); background-repeat: no-repeat; background-position: center; background-size: cover; }

@media all and (min-width: 769px) { .app-bn_info-background::before { -webkit-transform: skewX(25deg); transform: skewX(25deg); } }

.app-bn_background { width: 100%; background: url("images/common/banner-bg_1920x600.jpg") no-repeat center; background-size: cover; }

@media all and (max-width: 768px) { .app-bn_background { display: none; } }

.app-bn_background-pic figure { padding-bottom: 40.225%; }

.app-bn_list { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media all and (max-width: 1200px) { .app-bn_list { margin-top: 20px; margin-bottom: 95px; } }

@media all and (max-width: 768px) { .app-bn_list { margin-top: 0px; margin-bottom: 30px; } }

@media all and (max-width: 480px) { .app-bn_list { margin-top: 20px; margin-bottom: -10px; } }

.app-bn_list-ctr { max-width: 710px; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; background: #fff; border-radius: 50px; -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.09); box-shadow: 0 0 35px rgba(0, 0, 0, 0.09); /*-webkit-transform: translateY(-50px); transform: translateY(-50px);*/ padding-left: 50px; padding-right: 50px; }

/*@media all and (min-width: 769px) and (max-width: 1200px) { .app-bn_list-ctr { -webkit-transform: translateY(45px); transform: translateY(45px); } }*/

@media all and (max-width: 700px) { .app-bn_list-ctr { padding-left: 85px; padding-right: 85px; } }

.app-bn_list-swp { padding: 12px 0px; }

.app-bn_list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.app-bn_list-item .m-btn { color: #808080; font-size: 3.5rem; }

.app-bn_list-btn { position: absolute; width: 100%; top: 50%; left: 0px; /*-webkit-transform: translateY(-76px); transform: translateY(-76px);*/ -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }

/*@media all and (min-width: 769px) and (max-width: 1200px) { .app-bn_list-btn { -webkit-transform: translateY(20px); transform: translateY(20px); } }

@media all and (min-width: 601px) and (max-width: 768px) { .app-bn_list-btn { -webkit-transform: translateY(-75px); transform: translateY(-75px); } }

@media all and (max-width: 600px) { .app-bn_list-btn { -webkit-transform: translateY(-69px); transform: translateY(-69px); } }*/

.app-bn_list-btn .m-btn--arrow { margin: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; width: 40px; height: 40px; }

.app-bn_list-btn .l-wp-null { margin: 0 auto; width: calc(100% - 20px); max-width: 690px; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media all and (max-width: 1200px) { .app-bn_list-btn .l-wp-null { width: calc(100% - 40px); max-width: 675px; } }

.app-bn_list-btn .m-btn.swiper-button-disabled { opacity: 0; pointer-events: none; }

.app-info { text-align: center; 
  /* margin-bottom: 4.46429%;  */
}

@media all and (min-width: 1201px) and (max-width: 1280px) { .app-info { margin-top: 2rem; margin-bottom: 4rem; } }

.app-info_title { font-size: 3.5rem; font-weight: bold; color: #FE0000; margin-bottom: 1rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .app-info_title { font-size: 2.5rem; margin-bottom: 0.5rem; } }

.app-info_depiction { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 2rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .app-info_depiction { font-size: 1.6rem; } }

.app-info_depiction-name { color: #404040; }

.app-info_depiction-value { color: #FE0000; font-weight: bold; }

.app-lists { padding-bottom: 8.33333%; }

.app-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media all and (max-width: 768px) { .app-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: calc(5.98958% + 60px); } }

.app-item:not(:last-child) { padding-bottom: 4.48958%; }

@media all and (max-width: 768px) { .app-item:not(:last-child) { padding-bottom: calc(5.98958% + 60px); } }

@media all and (min-width: 769px) { .app-item:nth-child(even) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.app-item:nth-child(even)::before { content: ''; position: absolute; top: 30px; left: 0px; width: 26.82292%; height: calc(100% - 60px); background: url("images/app/app-item-bg.jpg") no-repeat center; background-size: cover; }

@media all and (max-width: 1550px) { .app-item:nth-child(even)::before { width: 17.09677%; } }

@media all and (max-width: 1100px) { .app-item:nth-child(even)::before { width: 27.27273%; } }

@media all and (max-width: 768px) { .app-item:nth-child(even)::before { display: none; } }

@media all and (min-width: 1551px) {
  .app-item:nth-child(even) .swiper-slide-next + .swiper-slide .m-card_info-name, .app-item:nth-child(even) .swiper-slide-next + .swiper-slide + .swiper-slide .m-card_info-name { color: #fff; }
}

/* @media all and (min-width: 769px) { .app-item:nth-child(even) .swiper-slide-active .m-card_info-name { color: #fff; } } */

@media all and (min-width: 769px) { .app-item:nth-child(even) .app-item_info { left: auto; right: 0px; margin-left: 0px; margin-right: 5.20833vw; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }

@media all and (min-width: 769px) { .app-item:nth-child(even) .app-item_info-btn { left: auto; right: 0px;bottom: 15%; } }

@media all and (min-width: 769px) { .app-item:nth-child(even) .app-item_ctr-swp { 
  /* padding-top:0; padding-bottom:0;  */
  padding-left: 0px; padding-right: 20px; -webkit-transform: translateX(-10%); transform: translateX(-10%); } }

@media all and (max-width: 768px) { .app-item:nth-child(odd) { background: #fafafa; }
  .app-item:nth-child(odd) .app-item_info-name { background: #fafafa; } }

.app-item_info { position: absolute; z-index: 2; top: 0px; left: 0px; width: 18.75%; height: 100%; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 5.20833vw; }

@media all and (max-width: 768px) { .app-item_info { margin-left: 0px; position: static; width: 100%; } }

.app-item_info-name { font-size: 7rem; font-weight: bold; line-height: 1; color: #000; margin-bottom: 74.38889%; font-size: 6rem; }

@media all and (max-width: 1440px) { .app-item_info-name { font-size: 5rem; } }

@media all and (max-width: 1280px) { .app-item_info-name { font-size: 4rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .app-item_info-name { font-size: 3rem; } }

@media all and (max-width: 768px) { .app-item_info-name { padding-top: 7%; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; width: 100%; text-align: center; margin-bottom: 0px; position: relative; }
  .app-item_info-name::after { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; width: 160px; height: 3px; background: #FE0000; }
  .app-item_info-name br { display: none; } }

@media all and (max-width: 575px) { .app-item_info-name { padding-top: 10%; } }

.app-item_info-btn { position: absolute; left: 0px; bottom: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 768px) { .app-item_info-btn { bottom: 55px; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.app-item_ctr { width: 100%; }

@media all and (min-width: 769px) { .app-item_ctr { width: calc(100% - 18.75%); } }

.app-item_ctr-swp { padding-top: 30px; padding-bottom: 30px; }

@media all and (min-width: 769px) { .app-item_ctr-swp { padding-left: 20px; -webkit-transform: translateX(10%); transform: translateX(10%); } }

@media all and (max-width: 768px) { .app-item_ctr-swp { padding-top: 0px; } }

.app-item_ctr-swp .swiper-slide { height: auto; }

/* App lightbox */
.login-lb .lb_ctr-title { font-weight: bold; font-size: 3.5rem; margin-bottom: 2rem; }

@media all and (max-width: 1280px) { .login-lb .lb_ctr-title { font-size: 3rem; } }

@media all and (max-width: 480px) { .login-lb .lb_ctr-title { margin-bottom: 1rem; } }

.login-lb .lb_ctr-form > *:not(:last-child) { margin-bottom: 2.5rem; }

.login-lb .lb_ctr-btn .m-btn { width: 145px; }

.lb-app .lbox_ir-swp { max-width: 850px; width: calc(100% - 40px); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; }

.lb-app .lbox_ir-btn { position: absolute; z-index: 2; top: 50%; left: 0px; width: 100%; pointer-events: none; }

.lb-app .lbox_ir-btn .l-wp-null { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1200px; width: calc(100% - 40px); margin-left: auto; margin-right: auto; pointer-events: none; }

.lb-app .lbox_ir-btn .m-btn { background: #fff; }

/* Catalogs =================================================================== */
.catalog { margin-top: 8.33333%; margin-bottom: 1.82292%; }

.catalog_items { margin-left: -2.44792vw; margin-right: -2.44792vw; }

.catalog_items > * { padding-right: 2.44792vw; padding-left: 2.44792vw; margin-bottom: 5.7971%; }

.catalogCard { -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; }

.catalogCard_name { position: absolute; z-index: 2; top: 35px; left: 35px; color: #fff; font-size: 3rem; font-weight: bold; line-height: 1; border-left: 4px solid #FE0000; padding-left: 15px; -webkit-transition: all 0.8s; transition: all 0.8s; }

@media all and (max-width: 1280px) { .catalogCard_name { left: 10px; font-size: 2.5rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .catalogCard_name { font-size: 1.8rem; } }

.catalogCard_pic { padding-bottom: 141.77215%; }

.catalogCard_mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 7.5rem; background: url("images/catalogs/mask.jpg") no-repeat center; opacity: 0; -webkit-transition: all 0.8s; transition: all 0.8s; }

.catalogCard_mask i { color: #fff; }

@media all and (min-width: 1201px) { .catalogCard:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .catalogCard:hover .catalogCard_name { border-left-color: #fff; }
  .catalogCard:hover .catalogCard_mask { opacity: 1; } }

/* IE 11 - Catalog */
.catalog_items.m-gd-row3 > *, .catalog_items.m-grid-row3 > * { width: calc(100%/3 - 1px); }

@media all and (max-width: 992px) { .catalog_items.m-gd-row3 > *, .catalog_items.m-grid-row3 > * { width: calc(50% - 1px); } }

/* Service ==================================================================== */
/* Service Common */
.ser-process .title, .ser-timeline .title, .ser-optical .title, .ser-tooling .title, .ser-manufacture .title, .ser-quality .title { text-align: center; }

/* Service Item */
.serItem .el-bx { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; width: 105px; height: 105px; color: #808080; background: #fff; text-align: center; border-radius: 100%; -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.18); box-shadow: 0 0 24px rgba(0, 0, 0, 0.18); padding: 8px; }

.serItem .el-bx_number { font-size: 4rem; line-height: 1; }

@media all and (min-width: 1201px) and (max-width: 1920px) { .serItem .el-bx_number { font-size: 3rem; } }

.serItem .el-bx_txt { font-size: 1.4rem; line-height: 1.07143; }

.serItem .el-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.serItem .el-list_pic { -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; margin-right: 10px; }

.serItem .el-list_txt { line-height: 1.07143; }

.serItem--style { display: -webkit-box; display: -ms-flexbox; display: flex; }

.serItem--style .serItem_icon { -ms-flex-preferred-size: 110px; flex-basis: 110px; max-width: 110px; width: 100%; margin-right: 1.30208vw; }

@media all and (max-width: 1200px) { .serItem--style .serItem_icon { -ms-flex-preferred-size: 80px; flex-basis: 80px; max-width: 80px; margin-right: 20px; } }

.serItem--style .serItem_info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: calc(100% - 110px); }

.serItem--style .serItem_info_name { font-size: 3rem; font-weight: bold; color: #5E5E5E; line-height: 1; position: relative; padding-bottom: 12px; margin-bottom: 8.64865%; }

@media all and (max-width: 1280px) { .serItem--style .serItem_info_name { font-size: 2rem; } }

.serItem--style .serItem_info_name::after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 110px; height: 3px; background: #FE0000; }

.serItem--style .serItem_info_content { color: #808080; }

.serItem--style .serItem_info_content ul li { padding-left: 15px; position: relative; }

.serItem--style .serItem_info_content ul li:not(:last-child) { margin-bottom: 10px; }

.serItem--style .serItem_info_content ul li::before { content: ''; position: absolute; top: 8px; left: 0px; width: 4px; height: 4px; border-radius: 100%; background: #808080; }

.serItem--style2 { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 1200px) { .serItem--style2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

@media all and (max-width: 768px) { .serItem--style2 { width: 100%; } }

.serItem--style2 .serItem_depiction { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media all and (max-width: 1200px) { .serItem--style2 .serItem_depiction { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } }

@media all and (max-width: 768px) { .serItem--style2 .serItem_depiction { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media all and (max-width: 768px) { .serItem--style2 .serItem_info { margin-bottom: 10px; } }

.serItem--style2 .serItem_info_head { margin-bottom: 8.33333%; }

@media all and (max-width: 768px) { .serItem--style2 .serItem_info_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.serItem--style2 .serItem_info_head .el-pic { position: relative; display: inline-block; min-height: 110px; margin-bottom: 20px; }

.serItem--style2 .serItem_info_head .el-pic_value { position: absolute; z-index: -1; top: 0px; left: calc(100% + 14px); font-size: 13rem; font-weight: bold; color: rgba(0, 0, 0, 0.3); line-height: 1; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .serItem--style2 .serItem_info_head .el-pic_value { font-size: 10rem; } }

@media all and (max-width: 768px) { .serItem--style2 .serItem_info_head .el-pic_value { left: 20px; } }

.serItem--style2 .serItem_info_head .el-name { display: block; color: #5E5E5E; font-size: 3rem; font-weight: bold; position: relative; padding-bottom: 10px; }

@media all and (max-width: 1280px) { .serItem--style2 .serItem_info_head .el-name { font-size: 2rem; } }

.serItem--style2 .serItem_info_head .el-name::after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 110px; height: 4px; background: #FE0000; }

@media all and (max-width: 768px) { .serItem--style2 .serItem_info_head .el-name::after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.serItem--style2 .serItem_info_content { color: #808080; max-width: 415px; }

@media all and (max-width: 768px) { .serItem--style2 .serItem_info_content { max-width: 100%; margin-bottom: 5px; } }

.serItem--style2 .serItem_info_content b { display: block; font-size: 2rem; margin-bottom: 5px; }

.serItem--style2 .serItem_info_content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding-left: 12px; margin-bottom: 5px; }

.serItem--style2 .serItem_info_content ul li::before { content: ''; position: absolute; top: 8px; left: 0px; width: 5px; height: 5px; background: #808080; border-radius: 100%; }

@media all and (max-width: 768px) { .serItem--style2 .serItem_info_content .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media all and (max-width: 992px) { .serItem--style2 .serItem_info_content .col-6 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-bottom: 3rem; } }

.serItem--style2 .serItem_info_content .el-w65 { -webkit-box-flex: 0; -ms-flex: 0 0 65px; flex: 0 0 65px; }

.serItem--style2 .serItem_info_content--max { max-width: 100%; }

.serItem--style2 .serItem_info_bottom-expand { font-size: 1.4rem; color: #FE0000; margin-top: 10px; }

.serItem--style2 .serItem_info--max { width: 100%; }

.ser-process .title { margin-bottom: 4.66102%; }

.ser-process_group { margin-left: -4.6875vw; margin-right: -4.6875vw; }

.ser-process_group > * { padding-right: 4.6875vw; padding-left: 4.6875vw; margin-bottom: 5.71429%; }

@media all and (max-width: 555px) { .ser-process_group > * { width: 100%; } }

.ser-pic { margin-bottom: 4.6875%; }

.ser-pic_swp { padding-top: 40px; padding-bottom: 40px; }

.ser-pic_swp .swiper-pagination-bullet { background: rgba(254, 0, 0, 0.9); }

.ser-pic_swp .swiper-pagination-bullet-active { background: #FE0000; }

.ser-pic_item { position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; }

.ser-pic_item::after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .ser-pic_item:hover { -webkit-transform: scale(1.068); transform: scale(1.068); z-index: 2; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35); box-shadow: 0 0 15px rgba(0, 0, 0, 0.35); text-shadow: 0 0 10px black; }
  .ser-pic_item:hover::after { opacity: 0; } }

.ser-pic_img { padding-bottom: 147.91667%; }

@media all and (max-width: 1200px) { .ser-pic_img { padding-bottom: 104.16667%; } }

@media all and (max-width: 480px) { .ser-pic_img { padding-bottom: 83.33333%; } }

.ser-pic_name { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; width: 100%; padding-left: 15px; padding-right: 15px; text-align: center; font-size: 3.5rem; font-weight: bold; color: #fff; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .ser-pic_name { font-size: 2rem; } }

.ser-timeline { padding-bottom: 7.29167%; }

.ser-timeline .title { margin-bottom: 5.9322%; }

.ser-optical { padding-bottom: 3.90625%; position: relative; }

.ser-optical .title { margin-bottom: 5.85938%; }

@media all and (max-width: 768px) { .ser-optical .title { margin-top: 30px; } }

.ser-optical .serItem_depiction .el-bx { margin-right: 25px; margin-bottom: 8px; }

@media all and (max-width: 1200px) { .ser-optical .serItem_depiction .el-bx { margin: 10px; } }

.ser-optical .serItem_info { max-width: 525px; }

@media all and (max-width: 768px) { .ser-optical_group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media all and (max-width: 575px) { .ser-optical_group > * { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } }

@media all and (max-width: 768px) { .ser-optical_group > * { margin-bottom: 5rem; } }

@media all and (max-width: 992px) { .ser-optical_item { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } }

@media all and (max-width: 480px) { .ser-optical_item { -webkit-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; } }

.ser-optical_bg { position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; }

.ser-optical_bg::after { content: ''; position: absolute; top: -170px; left: 90.36458%; width: 400px; height: calc(100% + 170px); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); background: #fafafa; }

.ser-tooling { padding-top: 4.6875%; padding-bottom: 5.20833%; background: url("images/service/tooling-bg.jpg") no-repeat top center; background-attachment: fixed; background-size: cover; }

@media all and (max-width: 768px) { .ser-tooling { padding-top: 50px; } }

.ser-tooling .title { color: #fff; margin-bottom: 5.07812%; }

.ser-tooling .serItem_depiction .el-bx { margin-right: 20px; margin-bottom: 20px; }

.ser-tooling .serItem_info_head .el-pic_value { color: #fff; opacity: .3; }

.ser-tooling .serItem_info_head .el-name { color: #fff; }

.ser-tooling .serItem_info_content { color: #fff; }

.ser-tooling .serItem_info_content ul li::before { background: #fff; }

@media all and (max-width: 768px) { .ser-tooling_group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media all and (max-width: 768px) and (max-width: 480px) { .ser-tooling_group > * { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } }

@media all and (max-width: 992px) { .ser-tooling_item { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } }

@media all and (max-width: 575px) { .ser-tooling_item { -webkit-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; } }

.ser-manufacture { padding-top: 4.94792%; padding-bottom: 5.46875%; position: relative; }

.ser-manufacture .title { margin-bottom: 4.29688%; }

.ser-manufacture .serItem_depiction .el-bx { width: 140px; height: 140px; margin-right: 20px; margin-bottom: 20px; }

.ser-manufacture .serItem_info_content .row .el-bx { margin: 15px; }

@media all and (max-width: 1200px) { .ser-manufacture_group { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media all and (max-width: 768px) { .ser-manufacture_group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media all and (max-width: 1200px) { .ser-manufacture_group > * { -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; margin-bottom: 5rem; } }

@media all and (max-width: 575px) { .ser-manufacture_group > * { -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; } }

.ser-manufacture_bg { position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; }

.ser-manufacture_bg::after { content: ''; position: absolute; width: calc(50% + 200px); height: 100%; top: 0px; left: calc(50% + 50px); background: #fafafa; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }

.ser-quality { background: url("images/service/quality-bg.jpg") no-repeat top center; background-attachment: fixed; padding-top: 4.16667%; padding-bottom: 6.77083%; position: relative; background-size: cover; }

.ser-quality .title { color: #fff; margin-bottom: 10%; }

.ser-quality .serItem_depiction .el-bx { margin-right: 20px; margin-bottom: 20px; }

.ser-quality .serItem_info_head .el-pic_value { color: #fff; opacity: .3; }

.ser-quality .serItem_info_head .el-name { color: #fff; }

.ser-quality .serItem_info_content { color: #fff; }

.ser-quality .serItem_info_content ul li::before { background: #fff; }

@media all and (max-width: 768px) { .ser-quality_group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media all and (max-width: 768px) { .ser-quality_item { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding: 0px; } }

.ser-quality_item:nth-child(even) { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 1366px) { .ser-quality_item:nth-child(even) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 7.8125vw; } }

@media all and (max-width: 768px) { .ser-quality_item:nth-child(even) { padding-left: 0px; } }

.ser-quality_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; }

@media all and (min-width: 1201px) { .ser-quality_bg::after { content: ''; position: absolute; left: -145px; bottom: 0px; width: 22.65625%; height: 105%; background: #FE0000; -webkit-transform: skewX(25deg); transform: skewX(25deg); } }

/* About ====================================================================== */
#about .bookmark { position: relative; z-index: 3; }

@media all and (min-width: 1201px) { #about .bookmark_group .m-btn { width: 220px; } }

.abt-wp { position: relative; }

.abt-info { padding-bottom: 4.6875%; position: relative; }

@media all and (max-width: 1200px) { .abt-info { padding-bottom: calc(4.6875% + 3rem); } }

@media all and (max-width: 575px) { .abt-info { background: #FAFAFA; } }

.abt-info.bk-first { margin-top: calc(-40px - 6.77083%); padding-top: calc(40px + 6.77083%); }

.abt-info .l-wp-890 { position: relative; z-index: 1; }

.abt-info .title { text-align: center; 
  /* margin-top: 1.5625%; */
   margin-bottom: 3.93258%; }

.abt-info_content { text-align: center; color: #808080; position: relative; }

.abt-info_content::before { content: ''; position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-filter: blur(30px); filter: blur(30px); background: #fff; }

.abt-info_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.abt-info_bg .el-pic { position: absolute; }

.abt-info_bg .el-pic::before { content: ''; display: inline-block; width: 100%; background-repeat: no-repeat; background-size: contain; }

.abt-info_bg .el-pic--bg { width: 36.19792%; top: 0px; left: 0px; }

.abt-info_bg .el-pic--bg::before { padding-bottom: 84.89209%; background-image: url("images/about/abt-company-bg.png"); background-position: top left; }

.abt-info_bg .el-pic--img { width: 22.65625%; bottom: 0px; right: 0px; }

.abt-info_bg .el-pic--img::before { padding-bottom: 91.95402%; background-image: url("images/about/abt-company-bg02.png"); background-position: center; }

.abt-timeline { padding-top: calc(4.6875% - 15px); margin-bottom: 4.16667%; }

.abt-timeline .title { text-align: center; color: #5E5E5E; margin-bottom: 3.64583%; }

.abt-timeline_ctr { position: relative; }

.abt-timeline_ctr::after { content: ''; position: absolute; width: 100%; width: 200%; height: 1px; left: -50%; top: 93px; background: #666; }

.abt-timeline_ctr-btn { position: absolute; z-index: 1; top: 94px; left: 0px; width: 100%; pointer-events: none; }

.abt-timeline_ctr-btn .l-wp-null { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; pointer-events: none; max-width: 1676px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

@media all and (max-width: 992px) { .abt-timeline_ctr-btn .l-wp-null { max-width: 500px; width: calc(100% - 40px); } }

.abt-timeline_swp .swiper-slide .m-card_pic { -webkit-transform: scale(0.2); transform: scale(0.2); -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.2); box-shadow: 0 0 35px rgba(0, 0, 0, 0.2); }

.abt-timeline_swp .swiper-slide .m-card_pic figure { -webkit-transform: scale(0.43); transform: scale(0.43); }

.abt-timeline_swp .swiper-slide .m-card_pic figure::after { opacity: 1; }

.abt-timeline_swp .swiper-slide .m-card_content { -webkit-transform: translateY(-60px); transform: translateY(-60px); }

.abt-timeline_swp .swiper-slide-active .m-card_pic, .abt-timeline_swp .swiper-slide-duplicate-active .m-card_pic { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.abt-timeline_swp .swiper-slide-active .m-card_pic figure, .abt-timeline_swp .swiper-slide-duplicate-active .m-card_pic figure { -webkit-transform: scale(1); transform: scale(1); }

.abt-timeline_swp .swiper-slide-active .m-card_pic figure::after, .abt-timeline_swp .swiper-slide-duplicate-active .m-card_pic figure::after { opacity: 0; }

.abt-timeline_swp .swiper-slide-active .m-card_content, .abt-timeline_swp .swiper-slide-duplicate-active .m-card_content { -webkit-transform: translateY(0px); transform: translateY(0px); }

.abt-location { padding-bottom: 6.77083%; }

@media all and (max-width: 1200px) { .abt-location { margin-bottom: 3rem; } }

.abt-location .title { text-align: center; margin-bottom: 2.60417%; }

.abt-location_grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: 0vw; margin-right: 0vw; }

.abt-location_grid > * { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; padding-left: 0vw; padding-right: 0vw; margin-bottom: 0px; display: inline-block; position: relative; }

@media all and (min-width: 1201px) { .abt-location_grid > *:not(:last-child)::after { content: ''; position: absolute; top: 50%; right: 0px; width: 1px; height: calc(100% - 40px); background: #F6F6F6; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@media all and (max-width: 1200px) { .abt-location_grid > * { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .abt-location_grid > *:not(:last-child) { margin-bottom: 5.20833%; position: relative; }
  .abt-location_grid > *:not(:last-child)::after { position: absolute; bottom: -25px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; max-width: 325px; width: 90%; height: 1px; background: #f6f6f6; } }

.abt-business { margin-bottom: 5.20833%; }

.abt-business .title { text-align: center; color: #5E5E5E; margin-bottom: 2.60417%; }

.abt-business_ctr { position: relative; }

.abt-business_ctr-btn { position: absolute; z-index: 1; top: 50%; left: 0px; width: 100%; pointer-events: none; }

.abt-business_ctr-btn .l-wp-null { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; pointer-events: none; max-width: 1576px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; }

.abt-business_swp { padding: 10px; }

.abt-business_img { display: block; padding-bottom: 46.42857%; -webkit-filter: grayscale(1); filter: grayscale(1); background-size: auto; }

@media all and (min-width: 1201px) { .abt-business_img:hover { -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1); box-shadow: 0 0 13px rgba(0, 0, 0, 0.1); } }

@media all and (min-width: 481px) and (max-width: 755px) { .abt-business_img { background-size: contain; } }

.abt-compliance { position: relative; z-index: 1; padding-bottom: 3.90625%; margin-bottom: 3.90625%; }

@media all and (max-width: 575px) { .abt-compliance { background: #FAFAFA; } }

.abt-compliance_lists { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media all and (max-width: 480px) { .abt-compliance_lists { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.abt-compliance_lists > * { -ms-flex-preferred-size: 450px; flex-basis: 450px; max-width: 450px; width: 100%; position: relative; }

@media all and (max-width: 480px) { .abt-compliance_lists > * { -ms-flex-preferred-size: auto; flex-basis: auto; margin-bottom: 2rem; } }

@media all and (min-width: 481px) { .abt-compliance_lists > *:not(:last-child)::after { content: ''; position: absolute; top: 0px; right: 0px; width: 1px; height: 100%; background: #DEDEDE; } }

.abt-complianceCard { padding-left: 3.64583vw; padding-right: 3.64583vw; }

.abt-complianceCard_pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 5.55556%; }

.abt-complianceCard_pic::before { font-family: "ico"; content: '\e828'; font-size: 4.5rem; color: #FE0000; -webkit-transition: all 0.5s; transition: all 0.5s; }

.abt-complianceCard_name { font-size: 2rem; color: #808080; text-align: center; display: block; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .abt-complianceCard_name { font-size: 1.6rem; } }

@media all and (max-width: 480px) { .abt-complianceCard_name { font-size: 1.8rem; } }

@media all and (min-width: 1201px) { .abt-complianceCard:hover .abt-complianceCard_pic::before { -webkit-transform: scale(1.1); transform: scale(1.1); } }

.abt-certification { position: relative; z-index: 1; padding-bottom: 8.33333%; }

.abt-certification_ctr { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 1024px) { .abt-certification_ctr { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.abt-certification_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-preferred-size: 660px; flex-basis: 660px; max-width: 660px; width: 100%; padding-right: 7.29167vw; }

@media all and (max-width: 1024px) { .abt-certification_info { -ms-flex-preferred-size: auto; flex-basis: auto; padding-right: 0px; } }

.abt-certification_info .title { color: #5E5E5E; margin-bottom: 3.71622%; }

.abt-certification_info .el-content { color: #808080; }

.abt-certification_info .el-content p { margin-bottom: 2.27273%; }

.abt-certification_permit { -ms-flex-preferred-size: 820px; flex-basis: 820px; max-width: 820px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 1024px) { .abt-certification_permit { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.abt-certification_permit-ctr { -ms-flex-preferred-size: 630px; flex-basis: 630px; max-width: 630px; }

@media all and (max-width: 1024px) { .abt-certification_permit-ctr { -ms-flex-preferred-size: auto; flex-basis: auto; width: calc(100% - 40px); } }

.abt-certification_permit-btn { -ms-flex-preferred-size: 190px; flex-basis: 190px; max-width: 190px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media all and (max-width: 1024px) { .abt-certification_permit-btn { -ms-flex-preferred-size: auto; flex-basis: auto; } }

.abt-certification_permit-btn .m-btn { margin-left: 10px; margin-right: 10px; }

@media all and (min-width: 1025px) { .abt-certification_permit-btn .m-btn_icon { color: #fff; border-color: #fff; } }

@media all and (min-width: 1201px) { .abt-certification_permit-btn .m-btn:hover .m-btn_icon::before { border-bottom-color: #fff; border-right-color: #fff; }
  .abt-certification_permit-btn .m-btn:hover .m-btn_icon::after { border-bottom-color: #fff; border-right-color: #fff; } }

.abt-certification_swp { padding: 40px; }

.abt-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.abt-bg_bevel-left { position: absolute; z-index: -1; top: calc(-2.86458% - 15px); left: -740px; width: 100%; max-width: 18.22917%; }

.abt-bg_bevel-left::before { content: ''; display: block; background: #FAFAFA; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); padding-bottom: 730%; }

@media all and (max-width: 1280px) { .abt-bg_bevel-left { top: calc(-2.86458% - 4px); left: -42.96875vw; } }

@media all and (max-width: 575px) { .abt-bg_bevel-left { top: -2%; left: 0px; width: 100%; max-width: 100%; }
  .abt-bg_bevel-left::before { padding-bottom: calc(5rem + 2.86458% + 3.90625%); -webkit-transform: skewX(0deg); transform: skewX(0deg); } }

.abt-bg_bevel-right { position: absolute; bottom: 0px; left: 185%; width: 100%; max-width: 36.45833%; }

.abt-bg_bevel-right::before { content: ''; display: block; background: #FE0000; padding-bottom: 1150%; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); }

/* News ======================================================================= */
.news { margin-bottom: 4.16667%; }

.news-tool { margin-top: 2.34375%; margin-bottom: 2.60417%; position: relative; z-index: 10; }

@media all and (max-width: 1200px) { .news-tool { width: 100%; margin-left: auto; margin-right: auto; } }

@media all and (max-width: 1200px) { .news-tool_wp { max-width: 1600px; } }

.news-tool .tool-search { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

@media all and (max-width: 1200px) { .news-tool .tool-search { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.news-tool .tool-search_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

@media all and (max-width: 1100px) { .news-tool .tool-search_item { margin-bottom: 1rem; } }

@media all and (max-width: 1100px) { .news-tool .tool-search_item:not(:last-child) { width: 48%; } }

@media all and (max-width: 500px) { .news-tool .tool-search_item:not(:last-child) { width: 100%; } }

@media all and (max-width: 1100px) { .news-tool .tool-search_item:last-child { width: 100%; } }

@media all and (max-width: 1100px) { .news-tool .tool-search_item .dkSel.dk-select { width: 100%; } }

@media all and (max-width: 480px) { .news-tool .tool-search_item .dkSel.dk-select { font-size: 1.6rem; } }

.news-tool .inpt-search { font-size: 2rem; width: 350px; padding: 13px 0 11px 18px; padding-right: 40px; color: #414141; border-bottom: 3px solid #FE0000; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .news-tool .inpt-search { font-size: 1.6rem; padding: 6px 28px 5px 8px; } }

@media all and (max-width: 1100px) { .news-tool .inpt-search { width: 100%; } }

@media all and (max-width: 480px) { .news-tool .inpt-search { font-size: 1.6rem; } }

.news-tool .inpt-search_btn { top: 11px; right: 14px; color: #FE0000; }

.news-tool .inpt-search_btn::before { background: url("images/common/icon-news-search.svg") no-repeat center; }

.news-list_item { border-bottom: 1px solid #F8F8F8; padding-top: 4.71014%; padding-bottom: 5.43478%; padding-left: 2.08333vw; padding-right: 2.08333vw; -webkit-transition: all 0.8s; transition: all 0.8s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media all and (min-width: 1201px) { .news-list_item:not(:first-child):hover { border-radius: 15px; -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } }

@media all and (max-width: 1200px) { .news-list_item { padding-left: 0px; padding-right: 0px; } }

@media all and (max-width: 768px) { .news-list_item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.news-list_item--main { display: block; }

.news-list_item--main .news-list_headline { width: 100%; text-align: center; margin-bottom: 1.81159%; }

.news-list_item--main .news-list_info { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

@media all and (max-width: 768px) { .news-list_item--main .news-list_info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

@media all and (max-width: 1100px) { .news-list_item--main .news-list_info .m-btn { left: 50%; right: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.news-list_item--main .news-list_pic { border-radius: 0px; }

@media all and (max-width: 768px) { .news-list_item--main .news-list_pic { display: block; } }

.news-list_item--main .news-list_pic.js-mr { -ms-flex-preferred-size: 580px; flex-basis: 580px; max-width: 580px; width: 100%; margin-right: 2.60417vw; }

@media all and (max-width: 1100px) { .news-list_item--main .news-list_pic.js-mr { -ms-flex-preferred-size: 30.20833vw; flex-basis: 30.20833vw; max-width: 30.20833vw; } }

@media all and (max-width: 980px) { .news-list_item--main .news-list_pic.js-mr { -ms-flex-preferred-size: 360px; flex-basis: 360px; max-width: 360px; } }

@media all and (max-width: 768px) { .news-list_item--main .news-list_pic.js-mr { -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 2rem; } }

.news-list_item--main .news-list_pic.js-mr figure { padding-bottom: 62.06897%; }

.news-list_item--main .news-list_pic + .news-list_info-content { -ms-flex-preferred-size: calc(100% - 580px); flex-basis: calc(100% - 580px); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-bottom: 6.53846%; }

@media all and (max-width: 980px) { .news-list_item--main .news-list_pic + .news-list_info-content { padding-bottom: calc(6.53846% + 2rem); } }

.news-list_item--main .news-list_info-content p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 11; }

@media all and (max-width: 480px) { .news-list_item--main .news-list_info-content p { -webkit-line-clamp: 4; } }

.news-list_headline-time { font-size: 2rem; color: #808080; }

@media all and (max-width: 480px) { .news-list_headline-time { font-size: 1.8rem; } }

.news-list_headline-title { font-size: 3rem; color: #FE0000; font-weight: bold; margin-bottom: 1.04167%; }

@media all and (max-width: 1280px) { .news-list_headline-title { font-size: 2.5rem; } }

@media all and (max-width: 480px) { .news-list_headline-title { font-size: 2rem; } }

.news-list_info-content { color: #808080; }

.news-list_info-content p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.news-list_info-content p:not(:last-child) { margin-bottom: 1.81159%; }

.news-list_pic { border-radius: 8px; overflow: hidden; }

@media all and (max-width: 768px) { .news-list_pic { display: none; } }

.news-list_pic.js-mr { -ms-flex-preferred-size: 300px; flex-basis: 300px; max-width: 300px; width: 100%; margin-right: 2.86458vw; }

.news-list_pic.js-mr + .news-list_info { -ms-flex-preferred-size: calc(100% - 300px); flex-basis: calc(100% - 300px); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

@media all and (max-width: 768px) { .news-list_pic.js-mr + .news-list_info { -ms-flex-preferred-size: auto; flex-basis: auto; } }

.news-list_pic figure { padding-bottom: 61.66667%; }

.news-list .m-btn { position: absolute; bottom: 0px; right: 0px; color: #fff; width: 155px; padding-top: 12px; padding-bottom: 10px; }

@media all and (max-width: 768px) { .news-list .m-btn { width: 130px; font-size: 1.4rem; } }

@media all and (max-width: 480px) { .news-list .m-btn { padding-top: 10px; padding-bottom: 10px; } }

.news-list .m-btn::before, .news-list .m-btn::after { background: #5E5E5E; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); }

.news-list .m-btn::after { background: #FE0000; }

/* New ======================================================================== */
.new { margin-top: 4.42708%; }

.new_headline_time { font-size: 2rem; color: #808080; border-bottom: 1px solid #FE0000; margin-bottom: 2.17391%; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .new_headline_time { font-size: 1.6rem; } }

@media all and (max-width: 480px) { .new_headline_time { font-size: 1.8rem; } }

.new_headline_title { font-size: 7rem; line-height: 1; font-weight: bold; color: #FE0000; max-width: 1070px; margin-bottom: 3.26087%; }

@media all and (max-width: 1366px) { .new_headline_title { font-size: 5rem; } }

@media all and (max-width: 1280px) { .new_headline_title { font-size: 4rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .new_headline_title { font-size: 3rem; } }

@media all and (max-width: 768px) { .new_headline_title { font-size: 3rem; } }

@media all and (max-width: 480px) { .new_headline_title { font-size: 2.5rem; } }

.new_content { color: #808080; max-width: 1070px; margin-bottom: 8.33333%; }

.new_content#editor > *:not(:last-child) { margin-bottom: 5.60748%; }

.new_content .el-video { position: relative; display: inline-block; color: #fff; }

.new_content .el-video .m-btn { width: 90px; height: 90px; font-size: 2.7rem; border-color: rgba(255, 255, 255, 0.5); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media all and (max-width: 780px) { .new_content .el-video .m-btn { width: 60px; height: 60px; font-size: 1.6rem; } }

@media all and (max-width: 480px) { .new_content .el-video .m-btn { width: 50px; height: 50px; font-size: 1.4rem; } }

.new_content .el-video .m-btn_txt { -webkit-transform: translateX(5px); transform: translateX(5px); }

@media all and (max-width: 780px) { .new_content .el-video .m-btn_txt { -webkit-transform: translateX(3px); transform: translateX(3px); } }

/* Investor =================================================================== */
.investor { position: relative; }

.investor .bookmark { position: relative; }

@media all and (min-width: 1201px) { .investor .bookmark_group .m-btn { width: 200px; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor .bookmark_group .m-btn { width: 180px; } }

.investor .bookmark_group .m-btn_txt { display: inline-block; }

@media all and (min-width: 1201px) { .investor .bookmark_group .m-btn_txt { -webkit-transform: translateY(2px); transform: translateY(2px); } }

@media all and (max-width: 1200px) { .investor .bookmark_group .m-btn_txt { margin-top: 5px; } }

.investor .headline { margin-top: 5.20833%; margin-bottom: 3.90625%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #FE0000; padding-left: 15px; padding-right: 15px; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor .headline { margin-top: 3rem; margin-bottom: 4rem; } }

.investor .headline_title { font-size: 5rem; font-weight: 500; }

@media all and (max-width: 1366px) { .investor .headline_title { font-size: 4rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor .headline_title { font-size: 3rem; margin-bottom: 3rem; } }

@media all and (max-width: 480px) { .investor .headline_title { font-size: 3rem; } }

.investor .info_title { display: block; color: #FE0000; font-size: 5rem; font-weight: 500; margin-bottom: 5.88235%; }

@media all and (max-width: 1280px) { .investor .info_title { font-size: 4rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor .info_title { font-size: 3rem; margin-bottom: 3rem; } }

@media all and (max-width: 480px) { .investor .info_title { font-size: 3rem; } }

.investor .info_depiction { color: #414141; }

.investor .info_depiction > *:not(:last-child) { margin-bottom: 3rem; }

.investor .info_depiction ul li { position: relative; padding-left: 15px; }

.investor .info_depiction ul li::before { content: ''; position: absolute; top: 5px; left: 0px; width: 6px; height: 6px; border-radius: 100%; background: #FE0000; }

.investor .info_depiction ul li:not(:last-child) { margin-bottom: 2rem; }

.investor .timeline { position: relative; padding-top: 3.38542%; padding-bottom: 5.20833%; }

.investor .timeline::before { content: ''; position: absolute; top: 0px; left: 50%; width: 25px; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(238, 238, 238, 0.7)), color-stop(75%, rgba(238, 238, 238, 0))); background: linear-gradient(to right, rgba(238, 238, 238, 0.7), rgba(238, 238, 238, 0) 75%); }

@media all and (max-width: 650px) { .investor .timeline::before { left: calc(5% + 10px); } }

.investor .timeline-list { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 650px) { .investor .timeline-list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.investor .timeline-list > * { max-width: 50%; width: 100%; padding-left: 3.125vw; padding-right: 3.125vw; }

@media all and (max-width: 650px) { .investor .timeline-list > * { max-width: 100%; width: calc(90% - 20px); } }

@media all and (min-width: 651px) { .investor .timeline-list:nth-child(even) .timeline-list_year { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }
  .investor .timeline-list:nth-child(even) .timeline-list_item { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; }
  .investor .timeline-list:nth-child(even) .timeline-list_item::before { left: auto; right: -1px; }
  .investor .timeline-list:nth-child(even) .timeline-list_item::after { left: auto; right: -25px; }
  .investor .timeline-list:nth-child(even) .timeline-list_item .el-month { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .investor .timeline-list:nth-child(even) .timeline-list_item .el-month::before { left: auto; right: calc(-3.125vw - 5px); } }

.investor .timeline-list_year { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 20rem; line-height: 1; font-weight: bold; color: #DEDEDE; }

@media all and (max-width: 1366px) { .investor .timeline-list_year { font-size: 15rem; } }

@media all and (max-width: 1280px) { .investor .timeline-list_year { font-size: 10rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor .timeline-list_year { font-size: 8rem; } }

@media all and (max-width: 650px) { .investor .timeline-list_year { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-left: 1px solid #FE0000; position: relative; z-index: 1; }
  .investor .timeline-list_year::before { content: ''; position: absolute; z-index: 2; top: 50%; left: -7px; width: 14px; height: 14px; border-radius: 100%; background: url("images/investor/timeline-dot.png") no-repeat center; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@media all and (max-width: 992px) { .investor .timeline-list_year { font-size: 8rem; } }

@media all and (max-width: 575px) { .investor .timeline-list_year { font-size: 4rem; } }

.investor .timeline-list_year .el-year { margin-top: 3.68421%; margin-bottom: 3.68421%; }

.investor .timeline-list_item { background: #FAFAFA; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.investor .timeline-list_item::before, .investor .timeline-list_item::after { content: ''; position: absolute; top: 0px; left: 0px; height: 100%; }

.investor .timeline-list_item::before { z-index: 2; width: 1px; background: #FE0000; }

.investor .timeline-list_item::after { z-index: 1; width: 25px; background: -webkit-gradient(linear, left top, right top, from(rgba(238, 238, 238, 0.7)), to(rgba(238, 238, 238, 0))); background: linear-gradient(to right, rgba(238, 238, 238, 0.7), rgba(238, 238, 238, 0)); }

.investor .timeline-list_item .item_list { position: relative; z-index: 3; margin-bottom: 7.77778%; }

.investor .timeline-list_item .item_list:first-child { margin-top: 7.77778%; }

.investor .timeline-list_item .el-month { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: #FE0000; font-weight: bold; line-height: normal; margin-bottom: 0.7rem; position: relative; }

.investor .timeline-list_item .el-month::before { content: ''; position: absolute; z-index: 2; top: 11px; left: calc(-3.125vw - 5px); width: 10px; height: 10px; border-radius: 100%; background: url("images/investor/timeline-dot.png") no-repeat center; background-size: contain; }

.investor .timeline-list_item .el-month_val { font-size: 4rem; margin-bottom: -10px; }

@media all and (max-width: 1280px) { .investor .timeline-list_item .el-month_val { font-size: 3rem; } }

@media all and (max-width: 992px) { .investor .timeline-list_item .el-month_val { font-size: 2.5rem; } }

@media all and (max-width: 650px) { .investor .timeline-list_item .el-month_val { margin-bottom: -5px; } }

.investor .timeline-list_item .el-month_unit { font-size: 2.5rem; }

@media all and (max-width: 1024px) { .investor .timeline-list_item .el-month_unit { font-size: 2rem; } }

@media all and (max-width: 1280px) { .investor .timeline-list_item .el-month_unit { font-size: 1.8rem; } }

.investor .timeline-list_item .el-depiction { color: #414141; line-height: 1.5; }

.investor .timeline-list_item .el-depiction ul li::before { content: ''; display: inline-block; margin: 6px 8px; width: 3px; height: 3px; border-radius: 100%; background: #494949; }

.investor-vision { position: relative; margin-top: calc(-40px - 6.77083%); padding-top: calc(40px + 6.77083%); padding-bottom: 15.625%; pointer-events: none; }

.investor-vision_info { max-width: 680px; color: #414141; line-height: 1.38889; padding-top: 9.63542%; pointer-events: auto; }

.investor-vision_bg { position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; background: url("images/investor/vision_bg.png") no-repeat center right; background-size: contain; pointer-events: none; }

@media all and (max-width: 480px) { .investor-vision_bg { background-size: cover; } }

.investor-vision2 { position: relative; padding-top: 10.41667%; padding-bottom: 8.33333%; }

.investor-vision2_ctr { position: relative; z-index: 1; }

.investor-vision2_info { max-width: 450px; }

.investor-vision2_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }

@media all and (max-width: 768px) { .investor-vision2_bg { opacity: .3; } }

.investor-vision2_bg .el-pic01 { width: 61.45833%; height: 100%; position: absolute; top: 0px; right: 0px; background-size: cover; }

.investor-core { color: #fff; padding-top: 9.375%; padding-bottom: 8.33333%; position: relative; }

.investor-core_headline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 8.73362%; font-size: 5rem; font-weight: 500; }

@media all and (max-width: 1280px) { .investor-core_headline { font-size: 4rem; } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor-core_headline { font-size: 3rem; margin-bottom: 4rem; } }

@media all and (max-width: 480px) { .investor-core_headline { font-size: 3rem; margin-bottom: 40px; } }

.investor-core_group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: -4.63542vw; margin-right: -4.63542vw; }

@media all and (max-width: 992px) { .investor-core_group { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.investor-core_group > * { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; padding-left: 4.63542vw; padding-right: 4.63542vw; margin-bottom: 2rem; display: inline-block; }

@media all and (max-width: 992px) { .investor-core_group > * { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } }

@media all and (max-width: 480px) { .investor-core_group > * { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } }

@media all and (max-width: 992px) { .investor-core_group > * { margin-bottom: 3rem; } }

.investor-core_group .card { text-align: center; }

.investor-core_group .card_pic { margin-bottom: 2.5rem; }

@media all and (max-width: 992px) { .investor-core_group .card_pic { margin-bottom: 1rem; } }

.investor-core_group .card_info .el-title { font-size: 2.5rem; border-bottom: 4px solid #FE0000; padding-bottom: 2px; font-weight: normal; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor-core_group .card_info .el-title { font-size: 2rem; } }

@media all and (max-width: 480px) { .investor-core_group .card_info .el-title { font-size: 2rem; } }

.investor-core_group .card_info .el-depiction { margin-top: 15.38462%; line-height: 1.66667; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor-core_group .card_info .el-depiction { margin-top: 3rem; } }

@media all and (max-width: 992px) { .investor-core_group .card_info .el-depiction { margin-top: 2rem; } }

.investor-core_bg { position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; background: url("images/upload/investor/core-bg.jpg") no-repeat top center; background-attachment: fixed; background-size: cover; }

.investor-actual { margin-bottom: 4.16667%; }

.investor-information_info { margin-bottom: 6.25%; }

.investor-information_report { position: relative; padding-top: 4.6875%; padding-bottom: calc(4.6875% - 2rem); }

.investor-information_report_group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: -6.51042vw; margin-right: -6.51042vw; position: relative; z-index: 1; }

@media all and (min-width: 501px) and (max-width: 992px) { .investor-information_report_group { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.investor-information_report_group > * { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; padding-left: 6.51042vw; padding-right: 6.51042vw; margin-bottom: 2rem; display: inline-block; }

@media all and (max-width: 992px) { .investor-information_report_group > * { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; padding: 0px; } }

@media all and (max-width: 500px) { .investor-information_report_group > * { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } }

.investor-information_report_group .card { width: 230px; height: 230px; background: rgba(0, 0, 0, 0.5); border-radius: 100%; border: 1px solid #FE0000; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.8); box-shadow: 0 0 40px rgba(0, 0, 0, 0.8); margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .investor-information_report_group .card:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor-information_report_group .card { width: 200px; height: 200px; } }

@media all and (max-width: 575px) { .investor-information_report_group .card { width: 180px; height: 180px; } }

.investor-information_report_group .card_pic { max-width: 100px; width: 100%; margin-bottom: 0.8rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor-information_report_group .card_pic { max-width: 80px; } }

@media all and (max-width: 575px) { .investor-information_report_group .card_pic { max-width: 70px; } }

.investor-information_report_group .card_pic figure { padding-bottom: 100%; }

.investor-information_report_group .card_name { color: #fff; font-size: 2.5rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor-information_report_group .card_name { font-size: 1.8rem; } }

@media all and (max-width: 992px) { .investor-information_report_group .card_name { font-size: 2rem; } }

@media all and (max-width: 480px) { .investor-information_report_group .card_name { font-size: 1.8rem; } }

.investor-information_report_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }

.investor-information_report_bg .el-pic01 { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.investor-governance .headline { margin-bottom: 2.08333%; }

@media all and (max-width: 1200px) { .investor-governance .headline { display: none; } }

.investor-governance .bookmark { margin-bottom: 4.16667%; }

.investor-governance-inside { padding-bottom: 5.72917%; }

.investor-governance-inside > *:not(:last-child) { margin-bottom: 7.24638%; }

.investor-governance-inside .el-bk_title { display: block; font-size: 2.5rem; font-weight: 500; position: relative; text-align: center; padding-bottom: 0.5rem; margin-bottom: 2rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor-governance-inside .el-bk_title { font-size: 2rem; } }

@media all and (max-width: 480px) { .investor-governance-inside .el-bk_title { font-size: 2rem; } }

.investor-governance-inside .el-bk_title::after { content: ''; position: absolute; bottom: 0px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 107px; height: 4px; background: #FE0000; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor-governance-inside .el-bk_title::after { height: 2px; } }

.investor-governance-inside .el-bk_depiction { max-width: 965px; margin-left: auto; margin-right: auto; margin-bottom: 5.07246%; text-align: center; line-height: 1.55556; }

.investor-governance-inside .el-bk_tab { margin-top: 5.07246%; }

.investor-governance-inside .el-bk_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 3.62319%; }

.investor-governance-inside .el-bk_btn .m-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.investor-governance-inside .el-bk_btn .m-btn i { font-size: 4rem; color: #FE0000; }

.investor-governance-inside .el-bk_btn .m-btn_txt { letter-spacing: 0px; }

.investor-duty_info { position: relative; overflow: hidden; padding-top: 7.8125%; padding-bottom: 7.8125%; margin-bottom: 4.94792%; }

.investor-duty_info .info { position: relative; z-index: 1; }

.investor-duty_info .info_depiction { text-align: center; color: #fff; }

.investor-duty_info .info-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("images/upload/investor/duty-bg.jpg") no-repeat top center; background-attachment: fixed; background-size: cover; }

.investor-duty_info2 { margin-bottom: 8.33333%; }

.investor-contact { margin-bottom: 8.33333%; }

.investor-contact .headline { margin-bottom: 6.77083%; }

.investor-contact_info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: -0.78125vw; margin-right: -0.78125vw; }

.investor-contact_info > * { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; padding-left: 0.78125vw; padding-right: 0.78125vw; margin-bottom: 2rem; display: inline-block; }

@media all and (max-width: 992px) { .investor-contact_info > * { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-bottom: 3.5rem; } }

.investor-contact_info .card { max-width: 430px; margin-left: auto; margin-right: auto; }

.investor-contact_info .card_title { font-size: 2.5rem; color: #000; font-weight: 500; margin-bottom: 3rem; display: block; text-align: center; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor-contact_info .card_title { font-size: 2rem; margin-bottom: 1.5rem; } }

@media all and (max-width: 480px) { .investor-contact_info .card_title { font-size: 2rem; } }

.investor-contact_info .card_content > *:not(:last-child) { margin-bottom: 3.5rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor-contact_info .card_content > *:not(:last-child) { margin-bottom: 2rem; } }

@media all and (max-width: 500px) { .investor-contact_info .card_content > *:not(:last-child) { margin-bottom: 2rem; } }

.investor-contact_info .card_list { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 40px; }

@media all and (max-width: 500px) { .investor-contact_info .card_list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: auto; } }

.investor-contact_info .card_list-title { -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #5E5E5E; font-size: 2rem; font-weight: 400; position: relative; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor-contact_info .card_list-title { font-size: 1.6rem; } }

@media all and (max-width: 500px) { .investor-contact_info .card_list-title { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0.5rem; border-bottom: 1px dotted #e8e8e8; } }

@media all and (max-width: 480px) { .investor-contact_info .card_list-title { font-size: 1.8rem; } }

@media all and (min-width: 501px) { .investor-contact_info .card_list-title::after { content: ''; position: absolute; top: 5%; right: 0px; width: 2px; height: 90%; background: #E8E8E8; } }

.investor-contact_info .card_list-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 1.38889; color: #808080; padding-left: 1.4rem; font-size: 1.8rem; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .investor-contact_info .card_list-content { font-size: 1.6rem; } }

@media all and (max-width: 500px) { .investor-contact_info .card_list-content { padding-left: 0px; } }

@media all and (max-width: 480px) { .investor-contact_info .card_list-content { font-size: 1.6rem; } }

/* Privacy ==================================================================== */
.privacy { margin-top: 4.42708%; }

.privacy_headline_time { font-size: 2rem; color: #808080; border-bottom: 1px solid #FE0000; margin-bottom: 2.17391%; }

@media all and (max-width: 480px) { .privacy_headline_time { font-size: 1.8rem; } }

.privacy_headline_title { font-size: 7rem; line-height: 1; font-weight: bold; color: #FE0000; max-width: 1070px; margin-bottom: 4.71014%; }

@media all and (max-width: 1366px) { .privacy_headline_title { font-size: 5rem; } }

@media all and (max-width: 1280px) { .privacy_headline_title { font-size: 4rem; } }

@media all and (max-width: 768px) { .privacy_headline_title { font-size: 3rem; } }

@media all and (max-width: 480px) { .privacy_headline_title { font-size: 2.5rem; } }

.privacy_content { color: #5E5E5E; max-width: 1275px; margin-bottom: 12.31884%; }

/* Search ===================================================================== */
.search-stn { padding-bottom: 4.42708%; }

@media all and (max-width: 992px) { .search-stn_pro { margin-bottom: 5rem; } }

.search-info { padding-top: 3.86905%; padding-bottom: 4.46429%; }

.search-info_headline { text-align: center; font-size: 3.5rem; font-weight: bold; color: #FE0000; }

@media all and (max-width: 480px) { .search-info_headline { font-size: 2.5rem; } }

.search-info_keyword { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1rem; }

.search-info_keyword-title { font-size: 2rem; }

@media all and (max-width: 480px) { .search-info_keyword-title { font-size: 1.8rem; } }

.search-info_keyword-content { font-size: 3.5rem; font-weight: bold; line-height: 1; color: #FE0000; padding-left: 0.8rem; }

@media all and (max-width: 480px) { .search-info_keyword-content { font-size: 2.5rem; } }

.search-info_results { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 2rem; }

@media all and (max-width: 480px) { .search-info_results { font-size: 1.8rem; } }

.search-info_results-content { font-weight: bold; color: #FE0000; }

.search-lists { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 5.20833%; }

.search-lists > * { -ms-flex-preferred-size: calc(100%/4); flex-basis: calc(100%/4); width: calc(100%/4); }

@media all and (max-width: 1024px) { .search-lists > * { -ms-flex-preferred-size: calc(100%/3); flex-basis: calc(100%/3); width: calc(100%/3); } }

@media all and (max-width: 768px) { .search-lists > * { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; } }

@media all and (max-width: 480px) { .search-lists > * { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; } }

.search-lists--app { margin-left: -10px; margin-right: -10px; }

.search-lists--app > * { padding-left: 10px; padding-right: 10px; margin-bottom: 2.34375%; }

.search-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }

.search-btn::before { content: ''; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; background: #ececec; }

.search-btn .m-btn { width: 150px; font-size: 1.8rem; color: #fff; padding-top: 1.4rem; padding-bottom: 1rem; }

@media all and (min-width: 1201px) { .search-btn .m-btn:hover { color: #fff; } }

@media all and (max-width: 480px) { .search-btn .m-btn { font-size: 1.6rem; } }

.search-btn .m-btn::before, .search-btn .m-btn::after { -webkit-transform: skewX(-30deg); transform: skewX(-30deg); background: #FE0000; }

.search-btn .m-btn::after { background: #414141; }

/* Contact form =============================================================== */
.contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"], .contact-form input[type="file"], .contact-form input[type="password"], .contact-form textarea, .fm-gp input[type="text"], .fm-gp input[type="tel"], .fm-gp input[type="email"], .fm-gp input[type="file"], .fm-gp input[type="password"], .fm-gp textarea { font-size: 1.8rem; border: 1px solid #E2E2E2; border-radius: 0px; -webkit-border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; background: #FAFAFA; padding-left: 10px; padding-right: 10px; padding-top: 14px; padding-bottom: 8px; max-width: 100%; width: 100%; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all 0.5s; transition: all 0.5s; }

.contact-form input[type="text"]:focus, .contact-form input[type="tel"]:focus, .contact-form input[type="email"]:focus, .contact-form input[type="file"]:focus, .contact-form input[type="password"]:focus, .contact-form textarea:focus, .fm-gp input[type="text"]:focus, .fm-gp input[type="tel"]:focus, .fm-gp input[type="email"]:focus, .fm-gp input[type="file"]:focus, .fm-gp input[type="password"]:focus, .fm-gp textarea:focus { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

@media all and (max-width: 480px) { .contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"], .contact-form input[type="file"], .contact-form input[type="password"], .contact-form textarea, .fm-gp input[type="text"], .fm-gp input[type="tel"], .fm-gp input[type="email"], .fm-gp input[type="file"], .fm-gp input[type="password"], .fm-gp textarea { font-size: 1.6rem; } }

.contact-form textarea, .fm-gp textarea { width: 100%; max-width: 100%; min-height: 100px; padding: 1rem; border: 1px solid #DADADA; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

@media all and (min-width: 576px) { .contact-form_wp > *:not(:last-child), .fm-gp_wp > *:not(:last-child) { margin-bottom: 2.5rem; } }

.contact-form_wp .row, .fm-gp_wp .row { margin-left: -1.5625vw; margin-right: -1.5625vw; }

.contact-form_wp .row > *, .fm-gp_wp .row > * { padding-left: 1.5625vw; padding-right: 1.5625vw; }

@media all and (max-width: 575px) { .contact-form_wp .row > *, .fm-gp_wp .row > * { margin-bottom: 2.5rem; } }

.contact-form_wp .group-btn, .fm-gp_wp .group-btn { margin-top: 4.2735%; }

.fm-gp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.fm-gp_label { font-size: 2rem; font-weight: 600; }

@media all and (min-width: 1201px) and (max-width: 1280px) { .fm-gp_label { font-size: 1.8rem; } }

.fm-gp_label--red::after { content: '*'; color: #FE0000; font-weight: normal; margin-left: 10px; }

.fm-gp--file { position: relative; }

.fm-gp--file input { position: relative; z-index: 2; width: 100%; margin: 0; opacity: 0; pointer-events: none; }

.fm-gp--file label { cursor: pointer; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 1px solid #E2E2E2; padding: 12px 10px; padding-right: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.fm-gp--file label::before { font-family: "ico"; content: ''; position: absolute; top: 2px; right: 0px; width: 45px; height: 45px; background: url("images/common/icon-paperclip.svg") no-repeat center; background-size: 20px; }

.fm-gp--file .fm-gp_input { position: relative; background: #FAFAFA; }

.fm-gp--verification .fm-gp_input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.fm-gp--verification .fm-gp_input-code { -webkit-box-flex: 0; -ms-flex: 0 0 115px; flex: 0 0 115px; }

.fm-gp--verification .fm-gp_input input { -ms-flex-preferred-size: calc(100% - 115px); flex-basis: calc(100% - 115px); }

.fm-gp--user, .fm-gp--password { position: relative; }

.fm-gp--user label, .fm-gp--password label { position: absolute; top: 0px; left: 0px; width: 40px; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 15px; }

.fm-gp--user label::after, .fm-gp--password label::after { position: absolute; top: 15%; right: 0px; content: ''; width: 1px; height: 70%; background: #E1E1E1; }

.fm-gp--user input[type="text"], .fm-gp--user input[type="password"], .fm-gp--password input[type="text"], .fm-gp--password input[type="password"] { background: #FAFAFA; padding-left: 50px; }

.fm-gp--user label { background-image: url(images/common/icon-user2.svg); }

.fm-gp--password label { background-image: url(images/common/icon-password.svg); }

.fm-gp.error input { background: rgba(254, 0, 0, 0.3); }

/* Contact ==================================================================== */
.contact_headline { display: block; font-size: 3.5rem; font-weight: bold; color: #FE0000; text-align: center; margin-bottom: 0.5rem; }

@media all and (max-width: 1280px) { .contact_headline { font-size: 3rem; } }

@media all and (max-width: 992px) { .contact_headline { margin-bottom: 1.5rem; } }

@media all and (max-width: 480px) { .contact_headline { font-size: 2.5rem; } }

.contact_depiction { font-size: 2rem; color: #7f7f7f; margin-bottom: 3.62319%; }

.contact_depiction-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media all and (max-width: 720px) { .contact_depiction-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.contact_depiction-list > * { margin-left: 30px; margin-right: 30px; }

@media all and (min-width: 721px) { .contact_depiction-list > * { -webkit-transform: translateX(-25px); transform: translateX(-25px); } }

@media all and (max-width: 720px) { .contact_depiction-list > * { margin: 0px; margin-bottom: 1rem; } }

.contact-stn { padding-top: 4.6875%; }

.contact-liaison { margin-bottom: 4.16667%; }

.contact-liaison .l-wp-1380 > *:not(:last-child) { margin-bottom: 6.51042%; }

.contact-info_table { margin-top: 3.62319%; }

.contact-info_table-wp { min-height: 118px; display: block !important; overflow: hidden; }

@media all and (max-width: 768px) { .contact-info_table-wp { min-height: 108px; } }

.contact-info_table-btn .m-btn::before, .contact-info_table-btn .m-btn::after { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.contact-info_table-btn .m-btn::before { top: -10px; }

.contact-info_table-btn .m-btn::after { top: -6px; }

.contact-info_table-btn .m-btn_txt-close { display: block; }

.contact-info_table-btn .m-btn_txt-open { display: none; }

.contact-info.is-close .contact-info_table-wp { height: 118px; }

@media all and (max-width: 768px) { .contact-info.is-close .contact-info_table-wp { height: 108px; } }

.contact-info.is-close .contact-info_table-btn .m-btn::before, .contact-info.is-close .contact-info_table-btn .m-btn::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.contact-info.is-close .contact-info_table-btn .m-btn::before { top: -1px; }

.contact-info.is-close .contact-info_table-btn .m-btn::after { top: -1px; }

.contact-info.is-close .contact-info_table-btn .m-btn_txt-close { display: none; }

.contact-info.is-close .contact-info_table-btn .m-btn_txt-open { display: block; }

.contact-map { margin-top: 4.94792%; margin-bottom: 4.42708%; }

.contact-map_pic { margin-top: 4.86111%; text-align: center; }

.contact-other_wp .swiper-slide { width: 750px; height: auto; padding: 30px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media all and (min-width: 1701px) { .contact-other_wp .swiper-slide { -webkit-transform: translateX(50%); transform: translateX(50%); } }

.contact-other_wp .swiper-slide > *:first-child { margin-bottom: 5.5rem; }

@media all and (max-width: 480px) { .contact-other_wp .swiper-slide > *:first-child { margin-bottom: 3rem; } }

.contact-other_dot { padding-top: 5px; padding-bottom: 30px; }

.contact-other_dot .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; height: 55px; margin-top: 3.5rem; margin-bottom: 3.5rem; margin-left: -12px; margin-right: -12px; }

@media all and (max-width: 1024px) { .contact-other_dot .swiper-pagination { margin-top: 15px; margin-bottom: 5px; } }

.contact-other_dot .swiper-pagination > * { margin-left: 12px; margin-right: 12px; }

.contact-other_dot .swiper-pagination-bullet { width: 55px; height: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: transparent; opacity: 1; }

@media all and (max-width: 1440px) { .contact-other_dot .swiper-pagination-bullet { width: 50px; height: 50px; } }

@media all and (max-width: 1024px) { .contact-other_dot .swiper-pagination-bullet { width: 35px; height: 35px; } }

.contact-other_dot .swiper-pagination-bullet span { color: transparent; background: #FE0000; width: 9px; height: 9px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .contact-other_dot .swiper-pagination-bullet span:hover { background: #FE0000; } }

.contact-other_dot .swiper-pagination-bullet span::before, .contact-other_dot .swiper-pagination-bullet span::after { content: ''; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 100%; border-style: solid; border-width: 3px; border-color: transparent; }

@media all and (max-width: 1024px) { .contact-other_dot .swiper-pagination-bullet span::before, .contact-other_dot .swiper-pagination-bullet span::after { border-width: 2px; } }

.contact-other_dot .swiper-pagination-bullet span::before { border-top-color: #FE0000; border-left-color: #FE0000; -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 0; }

.contact-other_dot .swiper-pagination-bullet span::after { border-bottom-color: #FE0000; border-right-color: #FE0000; -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; }

.contact-other_dot .swiper-pagination-bullet-active span { color: #747474; background: transparent; width: 55px; height: 55px; border: 1px solid #E5E5E5; }

@media all and (min-width: 1201px) { .contact-other_dot .swiper-pagination-bullet-active span:hover { background: rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 0 10px #333 inset; box-shadow: 0 0 10px #333 inset; } }

@media all and (max-width: 1440px) { .contact-other_dot .swiper-pagination-bullet-active span { width: 50px; height: 50px; font-size: 1.6rem; } }

@media all and (max-width: 1024px) { .contact-other_dot .swiper-pagination-bullet-active span { width: 35px; height: 35px; } }

@media all and (max-width: 375px) { .contact-other_dot .swiper-pagination-bullet-active span { padding-top: 2px; } }

.contact-other_dot .swiper-pagination-bullet-active span::before { -webkit-animation: idxBnDotHide 1s ease-out; animation: idxBnDotHide 1s ease-out; opacity: 1; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.contact-other_dot .swiper-pagination-bullet-active span::after { -webkit-animation: idxBnDotShow 1s ease-out; animation: idxBnDotShow 1s ease-out; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

/* Inquiry ==================================================================== */
.inquiry-stn { padding-bottom: 1.5625%; }

.inquiry-ctr { position: relative; background: #FAFAFA; padding-top: 2.86458%; padding-bottom: 2.34375%; margin-bottom: 3.26087%; }

.inquiry-ctr_wp { width: calc(90% - 100px); }

.inquiry-ctr_btn { position: absolute; z-index: 1; top: 44%; left: 0px; width: 100%; pointer-events: none; }

.inquiry-ctr_btn .l-wp-1480 { pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.inquiry-lb .lb_ctr-btn .m-btn { width: 115px; }
#catalogs .catalogCard h2{
 display: none;
}
#catalogs .catalogCard:hover h2{
  display: block;
}
@media all and (max-width: 1024px) {
  #catalogs .catalogCard:hover h2{
  display: none;
  }
}
#product .pro-search .dk-select-options li:nth-child(1){
  display: none;
}
#catalogs .catalogCard {
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);
  box-shadow: 0 0 15px rgba(0,0,0,.15);
}
@media screen and (orientation: landscape) {
  .lb-app .lbox_ir-swp {
    max-width: 85vh;
  }
}
.product {
  position: relative;
}
.product::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: rgba(0,0,0,.55);
  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: .5s;
      -o-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-timing-function: ease;
      -o-transition-timing-function: ease;
          transition-timing-function: ease;
}
.product.submenu-opened::after {
  opacity: 1;
  visibility: visible;
}
.main.mt-0 {
  margin-top: 0;
}

.compare-export-info {
  margin: 0;
  padding: 100px 0;
}
.compare-export-info::before {
  display: none;
}
.compare-export-tab {
  margin-bottom: 50px;
}
.compare-export-tab .l-wp-1480 {
  width: 900px;
  max-width: 900px;
  overflow: hidden;
}
.compare-export-tab .compare-ctr {
  width: 750px;
  max-width: none;
  margin: 0;
  float: right;
}
.compare-export-tab .compare-tab_list {
  left: 0;
  width: 125px;
}
.compare-export-tab .compare-item {
  overflow: hidden;
}
.compare-export-tab .compare-tab_list .compare-item {
  font-size: 14px;
}
.compare-export-tab .m-card--compare-detail .m-card_name,
.compare-export-tab .compare-item_led .el-led_name {
  font-size: 14px;
}
.compare-export-wrapper .swiper-slide:not(:nth-child(-n+5)),
.compare-export-tab .compare-tab_list .compare-item + .compare-item {
  margin-top: 100px;
}
.compare-export-wrapper .swiper-slide {
  width: 150px;
  float: left;
}
.compare-export-wrapper {
  -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
  color-adjust: exact !important;                 /*Firefox*/
}
.compare-export-wrapper .compare-item_led .el-led_pic {
  padding-bottom: calc(7500%/150);
}
.compare-export-tab + .compare-download {
  margin-bottom: 0;
}
@media print {
  .compare-item_led .el-led_pic {
    background-size: contain;
  }
  .compare-export-wrapper {
    page-break-after: always;
  }
  .compare-export-tab + .compare-download {
    display: none;
  }
}
.app-lists .app-item:nth-child(even) .m-card--app-gray {
  background: none;
}
.modal-content {
  position: relative;
  padding: 2.5rem;
  font-size: 16px;
}
.modal-content .close {
  position: absolute;
  z-index: 5;
  top: -15px;
  right: -15px;
  font-size: 1.5em;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: red;
  color: #ffffff;
  text-shadow: none;
  opacity: 1;
  transition: background-color .3s ease;
}
.modal-content .close:hover {
  background-color: #666;
}
.modal-content .close span {
  display: block;
  height: 0.825em;
  transform: scale(1.3);
  font-weight: 500;
}
.modal-body {
  font-size: 16px;
}
.modal-footer {
  margin-bottom: 0;
  border-top: none;
}
.modal-footer a.m-btn--back {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
@media screen and (max-width: 575px) {
  .modal-dialog {
    margin: 2.5rem;
  }
  .modal-content {
    padding: 1.5rem;
  }
  .modal-body {
    font-size: 13px;
  }
}

.contact-other_swp .swiper-wrapper {
  align-items: flex-start;
}

/* ie fix */
.modal-dialog-centered {
  height: calc(100% - (.5rem * 2));
}
@media all and (min-width: 576px) {
  .modal-dialog-centered {
    height: calc(100% - (1.75rem * 2));
  }
}


.iconM-earth:before {
    transform: scale(1.3);
    margin-top: 4px;
}
.menu-tool_list.menu-tool_list--search.active .menu-search_ctr{
  transform: translateX(0px);
  opacity: 1;
  pointer-events: auto;
}
.menu-tool_list.menu-tool_list--search.active:after{
  opacity: 1;
}
.menu-tool_list.menu-tool_list--lang.active .lang_ctr{
  transform: translateX(0px);
  opacity: 1;
  pointer-events: auto;
}
.menu-tool_list.menu-tool_list--lang.active:after{
  opacity: 1;
}
@media(min-width:1281px){
  .ft_menu-list:last-child .ft_menu-link.ft_menu-link--title{
    font-size: 1.8rem;
  }
  .ft_menu-list:last-child .ft_menu-link{
    font-size: 1.7rem;
  }
}
@media(max-width:1550px){
  .m-card--app .m-card_pic figure, .m-card--app-gray .m-card_pic figure { width: 100%; padding-bottom: 75%; }
}
.app-item:nth-child(even){
  padding-bottom: 0;
  margin-bottom: 4.48958%;
}
@media(max-width:768px){
  .app-item:nth-child(even){
    margin-bottom: 0;
    padding-bottom: calc(5.98958% + 60px);
  }
}

.app-item:last-child{
  padding: 0;
}
.app-lists{
  padding-bottom: 0;
}
.fast_item .fast_item-bg{
  overflow: hidden;
  background-size: 100% 100%;
  transition: all .5s ease-in-out;
}
.fast_item .fast_item-bg:before {
  position: absolute;
  display: block;
  content: "";
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all .3s ease-in-out;
}
.fast_item:hover .fast_item-bg{
  /* transition: all .3s ease-in-out; */
  background-size: 110% 110%;
}
.fast_item.active .fast_item-bg:before{
  opacity: 1;
}
.fast_item .fast_item-ir{
  transition: all .3s ease-in-out;
}
.fast_item.active .fast_item-ir{
  color: rgba(255,255,255,0.5);
}  
.pro-search_item .m-btn::before{
  transition: all .5s ;
}
.pro-search_item .m-btn.active::before{
  transform:rotate(180deg);
}  
.pro-info_btn .submit-tip{
  position: absolute;
  right: -35px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height:25px;
  border-radius: 50%;
  background-color:#FF0000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pro-info_btn .submit-tip .btn-primary{
  color: #FFFFFF;
  background-color: transparent;
  border:none;
  opacity: 1;
  line-height: 30px;
  font-size: 1.5rem;
  font-weight: bold;
}
.pro-info_btn .submit-tip .btn-primary:focus{
  box-shadow: none;
}
.pro-info_btn .submit-tip .btn-primary:not(:disabled):not(.disabled):active{
  color:#FFFFFF;
  background-color: transparent;
  border-color: transparent;
}
.pro-info_btn .submit-tip .tipText{
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: calc(100% - 25px);
  top: 30px;
  width :190px;
  transition: all .3s;
}
.pro-info_btn .submit-tip .tipText.show{
  opacity: 1;
  pointer-events: all;
}
.m-card_btn .arrow-tip{
  position: absolute;
  right: -35px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height:25px;
  border-radius: 50%;
  background-color:#FF0000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-card_btn .arrow-tip .btn-primary{
  color: #FFFFFF;
  background-color: transparent;
  border:none;
  opacity: 1;
  line-height: 30px;
  font-size: 1.5rem;
  font-weight: bold;
}
.m-card_btn .arrow-tip .btn-primary:focus{
  box-shadow: none;
}
.m-card_btn .arrow-tip .btn-primary:not(:disabled):not(.disabled):active{
  color:#FFFFFF;
  background-color: transparent;
  border-color: transparent;
}
.m-card_btn .arrow-tip .tipText{
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 35px;
  top: -4px;
  width :285px;
  transition: all .3s;
  color: #FF0000;
  line-height: 1.2;
}
.m-card_btn .arrow-tip .tipText.show{
  opacity: 1;
  pointer-events: all;
}
#index .swiper-slide-active .m-card--idxpro .m-card_pic{
  background-size: 105%;
}
@media(max-width:1400px){
  .m-card_btn .arrow-tip .tipText{
    width:190px;
  }
}
@media(max-width:900px){
  .pro-info_btn .submit-tip .tipText{
    left: auto;
    right: 4px;
    top: 40px;
  }
  .m-card_btn .arrow-tip .tipText{
    left: auto;
    right: -22px;
    top: 40px;
  }
}
.m-card--compare .m-card_name-pic figure{
padding-bottom: 0;
}
.inquiry-lb .lb_ctr-btn .m-btn:nth-child(2){
  color: #FFF;
}
@media(max-width:414px){
  .compare-ctr .compare-item_led{
    margin-top: 30px;
    margin-bottom: 0;
  }
  .compare-ctr .compare-item_brand{
    margin-top: 0px;
  }
  .compare-ctr .compare-item_fwhm{
    width: 135px;
    margin-left: auto;
    margin-right:auto;
  }
  .compare-ctr .compare-item_cdlm{
    width: 135px;
    margin-left: auto;
    margin-right:auto;
  }
  .compare-ctr .compare-item_type{
    width: 135px;
    margin-left: auto;
    margin-right:auto;
  }
}
@media(max-width:1366px){
  .idx-company_txt{
    padding-top: 6.9531%;
    padding-bottom: 6.9531%;
  }
  .idx-company_txt::after{
    width: calc(100% + 300px);
  }
}
@media(max-width:1200px){
  .idx-company_txt::after{
    left: calc(-1.04167vw - 175px);
  }
}
@media(max-width:1024px){
  .idx-company_txt{
    margin-top: 0;
  }
}
@media(max-width:780px){
  .idx-company_txt::after{
    width: 100%;
    left:0;
  }
  .idx-company_txt{
    padding-top: 5.83333%
  }
}
#compare .compare-tab .l-wp-1480{
  height: 811px;
}
@media screen and (max-width:414px)  and (max-height:812px){
  #compare .compare-tab .l-wp-1480{
    height: 819px;
  }
}
#about .abt-info .title{
  text-align: left;
}
#about .abt-info .abt-info_content{
  text-align: left;
}
@media(max-width:575px){
  .abt-bg_bevel-left{
    top: 0;
  }
  #about .bookmark{
    padding-top: 2.86458%;
    margin-top: 0;
  }
  .investor-governance .bookmark{
    width: calc( 90% - 41px);
  }
}
#application .app-info{
  margin-bottom: 2.06429%;
}
@media(max-width:576px){
  .investor-governance-inside .el-bk_depiction{
    text-align:left;
  }
  .investor-duty_info .info_depiction{
    text-align: left;
  }
}

.app-item:nth-child(even) .m-card--app-gray .m-card_info-name{
  order: 1;
}
.dkSel--product .dk-selected{
  overflow: visible;
  padding: 19px 20px 18px 20px;
  text-align: center;
}
.dkSel--product .dk-selected::before{
  display: none;
}
.dkSel--product .dk-selected::after{
  display: inline-block;
  content: '\e82d';
  font-size: 1.6rem;
  height: auto;
  margin: 0;
  margin-left: 10px;
  position: static;
  transition: all .5s;
}
.dkSel--product.dk-select-open-down .dk-selected::after,
.dkSel--product.dk-select-open-up .dk-selected::after{
  transform: rotate(180deg);
}
@media (max-width:1200px){
  .dkSel--product .dk-selected{
    padding: 19px 50px 18px 20px;
    text-align: left;
    overflow: hidden;
  }
  .dkSel--product .dk-selected::after{
    display: none;
  }
  .dkSel--product .dk-selected::before{
    display: block;
  }
}