/* //////////////////////////////////////////////////////////////////////////// */
/* JhuangPing v.1.3.1 [03.06.2020]                                              */
/* 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, svg { 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; }

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: Arial, "Microsoft JhengHei", sans-serif; font-size: 1.6rem; line-height: 1.5; letter-spacing: 1px; color: #333; overflow-x: hidden; opacity: 0; -webkit-animation: m-opacity_in 1s both; animation: m-opacity_in 1s both; }

/* main =================================================================== */
.l-wp-main, main { margin-top: 7.91667%; }

@media all and (max-width: 1680px) { .l-wp-main, main { margin-top: 13.9rem; } }

@media all and (max-width: 1500px) { .l-wp-main, main { margin-top: 11.4rem; } }

@media all and (max-width: 1280px) { .l-wp-main, main { margin-top: 11.2rem; } }

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

/* Wrap ============================================================== */
.l-wp, .l-wrap, .l-wp-1700, .l-wrap-1700, .l-wp-1680, .l-wrap-1680, .l-wp-1460, .l-wrap-1460, .l-wp-1440, .l-wrap-1440, .l-wp-1366, .l-wrap-1366, .l-wp-1024, .l-wrap-1024, .l-wp-980, .l-wrap-980, .l-wp-785, .l-wrap-785, .l-wp-580, .l-wrap-580, .l-wp-530, .l-wrap-530, .l-wp-515, .l-wrap-515 { margin-left: auto; margin-right: auto; width: calc(90% - 30px); }

@media all and (max-width: 1200px) { .l-wp, .l-wrap, .l-wp-1700, .l-wrap-1700, .l-wp-1680, .l-wrap-1680, .l-wp-1460, .l-wrap-1460, .l-wp-1440, .l-wrap-1440, .l-wp-1366, .l-wrap-1366, .l-wp-1024, .l-wrap-1024, .l-wp-980, .l-wrap-980, .l-wp-785, .l-wrap-785, .l-wp-580, .l-wrap-580, .l-wp-530, .l-wrap-530, .l-wp-515, .l-wrap-515 { width: calc(100% - 30px); } }

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

.l-wp-1700, .l-wrap-1700 { max-width: 1700px; }

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

.l-wp-1460, .l-wrap-1460 { max-width: 1460px; }

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

.l-wp-1366, .l-wrap-1366 { max-width: 1366px; }

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

.l-wp-980, .l-wrap-980 { max-width: 980px; }

.l-wp-785, .l-wrap-785 { max-width: 785px; }

.l-wp-580, .l-wrap-580 { max-width: 580px; }

.l-wp-530, .l-wrap-530 { max-width: 530px; }

.l-wp-515, .l-wrap-515 { max-width: 515px; }

.l-wp--u-mg-clear, .l-wrap--u-mg-clear { margin-left: initial; margin-right: initial; }

.l-wp--u-mg-center, .l-wrap--u-mg-center { margin-left: auto; margin-right: auto; }

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

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

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

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

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

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

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

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

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

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

@media all and (min-width: 1201px) { a[href^="tel:"] { pointer-events: none; }
  a:hover { color: #E27A01; } }

p:not(:last-child) { margin-bottom: 1em; }

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

/* eidt */
.m-edit { word-wrap: break-word; }

.m-edit ul, .m-edit ol { margin: 1.12em 0; }

.m-edit ol ul, .m-edit ul ol, .m-edit ul ul, .m-edit ol ol { margin-top: 0; margin-bottom: 0; }

.m-edit li { display: list-item; list-style-type: inherit; }

.m-edit ul { list-style-type: disc; }

.m-edit ol { list-style-type: decimal; }

.m-edit ol.n, .m-edit ul.n { list-style: none; }

.m-edit ol.c, .m-edit ul.c { list-style: circle; }

.m-edit ol.s, .m-edit ul.s { list-style: square; }

.m-edit ol.dlz, .m-edit ul.dlz { list-style: decimal-leading-zero; }

.m-edit ol.lr, .m-edit ul.lr { list-style: lower-roman; }

.m-edit ol.ur, .m-edit ul.ur { list-style: upper-roman; }

.m-edit ol.la, .m-edit ul.la { list-style: lower-alpha; }

.m-edit ol.ua, .m-edit ul.ua { list-style: upper-alpha; }

.m-edit ol.lg, .m-edit ul.lg { list-style: lower-greek; }

.m-edit ol.amn, .m-edit ul.amn { list-style: armenian; }

.m-edit ol.grg, .m-edit ul.grg { list-style: georgian; }

.m-edit ul, .m-edit ol { display: block; page-break-before: avoid; padding-left: 40px; }

.m-edit ul ul, .m-edit ol ul { list-style-type: circle; }

.m-edit ul ul ul, .m-edit ol ul ul { list-style-type: square; }

.m-edit h1 { font-size: 2em; margin: .67em 0; }

.m-edit h2 { font-size: 1.5em; margin: .75em 0; }

.m-edit h3 { font-size: 1.17em; margin: .83em 0; }

.m-edit h4, .m-edit p, .m-edit blockquote, .m-edit fieldset, .m-edit form, .m-edit dl, .m-edit dir, .m-edit menu { margin: 1.12em 0; }

.m-edit h5 { font-size: .83em; margin: 1.5em 0; }

.m-edit h6 { font-size: .75em; margin: 1.67em 0; }

.m-edit h1, .m-edit h2, .m-edit h3, .m-edit h4, .m-edit h5, .m-edit h6, .m-edit b, .m-edit strong { font-weight: bolder; }

.m-edit .sub { vertical-align: sub; }

.m-edit .sup { vertical-align: super; }

.m-edit .red { color: #E06666; }

.m-edit > *:first-child { margin-top: 0px; }

.m-edit > *:last-child { margin-bottom: 0px; }

.m-edit .title { color: #6d6262; margin-top: 0px; font-weight: bold; font-size: 2.5rem; }

.m-edit .color-light { color: #6d6262; }

/* Button ================================================================= */
.m-btn-group { 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-btn-group--u-align-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.m-btn-group--u-align-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.m-btn-group--u-align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

button { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; }

.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--gotop { width: 45px; height: 45px; border-radius: 5px; color: #fff; background: #E27A01; }

.m-btn--gotop .m-btn_txt { 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; }

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

.m-btn--mb-fillet { width: 100%; padding: 1.5rem 1rem; border-radius: 5px; }

.m-btn--mb-fillet.m-btn--blue { color: #fff; background: #3B5997; }

.m-btn--mb-fillet.m-btn--red { color: #fff; background: #DF493A; }

.m-btn--mb-fillet.m-btn--white { background: #fff; border: 1px solid #9F9F9F; }

.m-btn--hd-search { border: none; outline: none; background: initial; }

.m-btn--hd-search .m-btn__txt { color: #fff; }

.m-btn--hd-search .m-btn__txt i { font-style: normal; }

@media all and (min-width: 1201px) { .m-btn--hd-search:hover { opacity: .5; } }

.m-btn--idx-video { width: 60px; height: 60px; border-radius: 100%; background: #fff; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.75); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.75); 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-btn--idx-video .m-btn__txt { color: #13429A; font-size: 2rem; -webkit-transform: translateX(2px); transform: translateX(2px); }

.m-btn--idx-video .m-btn__txt i { font-style: normal; }

.m-btn--submit { font-size: 1.8rem; width: 100%; color: #fff; background: #E27A01; border-radius: 3px; padding: 1.5rem; }

/* 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: 575px) { .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: 575px) { .m-gd-row3 > *, .m-grid-row3 > * { 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%; }   .m-edit ul, .m-edit ol { padding-left: 0px; }}

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

/* Card ======================================================================= */
.m-card__pic, .m-card__video { position: relative; }

.m-card__btn-lbox, .m-card__btn-float { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.m-card__mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.m-card--recommend { padding: 20px; width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; }

.m-card--recommend .m-card__pic { margin-bottom: 20px; -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); }

.m-card--recommend .m-card__pic figure { padding-bottom: 91.66667%; }

.m-card--recommend .m-card__info { font-weight: bold; font-size: 2rem; }

.m-card--recommend .m-card__info span { font-size: 3rem; }

.m-card--idx-product { overflow: hidden; border-radius: 15px; height: 100%; -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.75); }

.m-card--idx-product .m-card__name { display: block; text-align: center; font-size: 2.5rem; color: #fff; position: relative; z-index: 2; padding: 1rem 0.5rem; }

.m-card--idx-product .m-card__pic { position: relative; z-index: 1; padding-bottom: 65.38462%; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .m-card--idx-product:hover .m-card__pic { -webkit-transform: scale(1.05); transform: scale(1.05); } }

@media all and (max-width: 1366px) { .m-card--idx-product .m-card__name { font-size: 2rem; } }

.m-card--pro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; border-radius: 15px; height: 100%; }

.m-card--pro .m-card__pic { padding-bottom: 78.04878%; -webkit-transition: all 0.5s; transition: all 0.5s; }

.m-card--pro .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; font-size: 1.8rem; text-align: center; padding: 2rem 15px; height: 100%; position: relative; z-index: 2; background: #fff; border: 2px solid #B6B6B6; border-top: none; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }

@media all and (min-width: 1201px) { .m-card--pro:hover .m-card__pic { -webkit-transform: scale(1.05); transform: scale(1.05); } }

@media all and (max-width: 1366px) { .m-card--pro .m-card__name { font-size: 1.6rem; } }

.m-card--note .m-card__pic { width: 50px; margin-left: auto; margin-right: auto; }

.m-card--note .m-card__pic figure { padding-bottom: 100%; }

.m-card--note .m-card__txt { font-size: 2rem; text-align: center; display: block; color: #2E404C; font-weight: bold; border-bottom: 1px solid #2E404C; }

/* 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__info { 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--index { background: initial; }

.m-bn--index .swiper-pagination { left: 0px; bottom: 14px; width: 100%; }

.m-bn--index .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; opacity: 1; margin-left: 5px; margin-right: 5px; -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.5s; transition: all 0.5s; }

.m-bn--index .swiper-pagination-bullet-active { background: #E27A01; }

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

.m-bn--index .m-bn__wp { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("../img/index/bn-bg.png") no-repeat center; background-size: cover; }

.m-bn--index .m-bn__depiction { -ms-flex-preferred-size: 340px; flex-basis: 340px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2rem; font-weight: 500; line-height: 1.5; padding-top: 15px; padding-bottom: 15px; padding-left: 3.64583vw; padding-right: 2.86458vw; }

.m-bn--index .m-bn__ctr { width: calc(100% - 340px); }

.m-bn--index .m-bn__pic { padding-bottom: 61.02941%; }

@media all and (max-width: 1366px) { .m-bn--index .m-bn__depiction { font-size: 1.8rem; } }

@media all and (max-width: 1200px) { .m-bn--index .m-bn__wp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .m-bn--index .m-bn__depiction { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 1.6rem; }
  .m-bn--index .m-bn__depiction br { display: none; }
  .m-bn--index .m-bn__ctr { width: 100%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } }

.m-bn--inside .m-bn__pic { padding-bottom: 16.40625%; background-attachment: fixed; }

.m-bn--inside .m-bn__info-title { display: inline-block; font-size: 6rem; font-weight: bold; color: #fff; position: relative; line-height: 1; padding-right: 6.25vw; padding-bottom: 1rem; }

.m-bn--inside .m-bn__info-title::after { content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; background: #fff; }

@media all and (max-width: 1366px) { .m-bn--inside .m-bn__info-title { font-size: 4rem; } }

@media all and (max-width: 1200px) { .m-bn--inside .m-bn__info-title { font-size: 3rem; } }

.m-bn--product .m-bn__pic { padding-bottom: 48.82353%; }

.m-bn--product .m-bn__info { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: end; }

.m-bn--product .m-bn__info-ctr { width: 54.6875vw; font-size: 2rem; color: #fff; background: #2077BF; padding: 1.76471% 3.38542vw; margin-bottom: 2.64706%; }

@media all and (max-width: 1366px) { .m-bn--product .m-bn__info-ctr { font-size: 1.8rem; } }

@media all and (max-width: 1200px) { .m-bn--product .m-bn__info { position: static; }
  .m-bn--product .m-bn__info-ctr { width: 100%; margin-bottom: 0px; font-size: 1.6rem; } }

/* Path =================================================================== */
.m-path { background: #E27A01; padding-top: 0.5rem; padding-bottom: 0.5rem; }

.m-path__wp { 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; }

.m-path__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.4rem; color: #fff; }

.m-path__item { display: inline-block; }

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

.m-path__item:last-child:after { display: none; }

.m-path__item:first-child:after { display: inline-block; }

.m-path__link { color: #fff; }

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

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

/* pagination ============================================================= */
.pagination { 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; }

.pagination__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; margin-left: -5px; margin-right: -5px; }

.pagination__list li { padding-left: 5px; padding-right: 5px; }

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

.pagination__item.is-active { pointer-events: none; }

.pagination__item.is-active a { color: #000; }

.pagination__item 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; color: #A4A4A4; }

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

.pagination__prev a, .pagination__next a { color: #000; }

/* Form Elements ========================================================== */
/* Default */
.m-fm input[type="text"], .m-fm input[type="tel"], .m-fm input[type="email"], .m-fm input[type="file"], .m-fm input[type="password"], .m-fm textarea, .m-fm select { border: 1px solid #9F9F9F; border-radius: 3px; -webkit-border-radius: 3px; background: transparent; padding: 12px 10px; max-width: 100%; width: 100%; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all 0.5s; transition: all 0.5s; }

.m-fm:focus { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.m-fm textarea { min-height: 100px; padding: 1rem; }

/* Style */
.m-fm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-fm label, .m-fm__label, .m-fm__name { font-size: 2rem; font-weight: 600; }

.m-fm label--red::after, .m-fm__label--red::after, .m-fm__name--red::after { content: '*'; color: #dc3545; font-weight: normal; margin-left: 10px; }

.m-fm__input--row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-fm__input--row > *:not(:last-child) { margin-right: 8px; }

.m-fm__select { width: 100%; position: relative; }

.m-fm__select::after { content: ''; position: absolute; top: calc(50% - 5px); right: 10px; border-style: solid; border-color: transparent; border-width: 10px 6px; border-top-color: #212121; }

.m-fm__select select { padding-right: 30px; width: 100%; }

.m-fm__select--year { max-width: 245px; }

@media all and (max-width: 1200px) { .m-fm__select--year { max-width: 120px; } }

.m-fm__select--month, .m-fm__select--day { max-width: 120px; }

@media all and (max-width: 1200px) { .m-fm__select--month, .m-fm__select--day { max-width: 80px; } }

.m-fm__radio input[type="radio"] { display: none; }

.m-fm__radio input[type="radio"]:checked + label .label__icon { background: #595758; }

.m-fm__radio label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-fm__radio .label__icon { width: 15px; height: 15px; border-radius: 100%; border: 1px solid #595758; margin-right: 8px; -webkit-transition: all 0.5s; transition: all 0.5s; }

.m-fm__checkbox input[type="checkbox"] { display: none; }

.m-fm__checkbox input[type="checkbox"]:checked + label .label__icon { background: #595758; }

.m-fm__checkbox label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-fm__checkbox .label__icon { width: 15px; height: 15px; border-radius: 100%; border: 1px solid #595758; margin-right: 8px; -webkit-transition: all 0.5s; transition: all 0.5s; }

/* Class Base */
.m-fm--file { position: relative; }

.m-fm--file input { position: relative; z-index: 2; width: 100%; margin: 0; opacity: 0; pointer-events: none; }

.m-fm--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; }

.m-fm--file label::before { font-family: "icomoon"; content: ''; position: absolute; top: 2px; right: 0px; width: 45px; height: 45px; background: url("images/common/icon-paperclip.svg") no-repeat center; background-size: 20px; }

.m-fm--file .m-fm__input { position: relative; background: #FAFAFA; }

.m-fm--verification .m-fm__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; }

.m-fm--verification .m-fm__input input { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 210px); flex: 0 0 calc(100% - 210px); max-width: calc(100% - 210px); width: 100%; }

.m-fm--verification .m-fm__input-code { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; max-width: 200px; width: 100%; }

@media all and (max-width: 1200px) { .m-fm--verification .m-fm__input input { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 110px); flex: 0 0 calc(100% - 110px); max-width: calc(100% - 110px); width: 100%; }
  .m-fm--verification .m-fm__input-code { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; width: 100%; } }

/* Class Custom */
.m-fm--date-ymd .m-fm__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; width: 100%; }

.m-fm--gender .m-fm__input { display: -webkit-box; display: -ms-flexbox; display: flex; }

.m-fm--gender .m-fm__input > *:not(:last-child) { margin-right: 8px; }

.m-fm--user, .m-fm--password { position: relative; }

.m-fm--user label, .m-fm--password label { position: absolute; top: 0px; left: 0px; width: 40px; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 15px; }

.m-fm--user label::after, .m-fm--password label::after { position: absolute; top: 15%; right: 0px; content: ''; width: 1px; height: 70%; background: #E1E1E1; }

.m-fm--user input[type="text"], .m-fm--user input[type="password"], .m-fm--password input[type="text"], .m-fm--password input[type="password"] { background: #FAFAFA; padding-left: 50px; }

.m-fm--user label { background-image: url(images/common/icon-user2.svg); }

.m-fm--password label { background-image: url(images/common/icon-password.svg); }

.m-fm.m-fm--passport, .m-fm.m-fm--MTPs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.m-fm.m-fm--passport .m-fm__radio:not(:last-child), .m-fm.m-fm--MTPs .m-fm__radio:not(:last-child) { margin-bottom: 15px; }

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

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

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

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

/* margin ----------------------------------------------------------------- */
.u-mg-clear { margin: inherit; }

/* padding ---------------------------------------------------------------- */
.u-pd-clear { padding: inherit; }

/* display ---------------------------------------------------------------- */
.u-d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

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

.u-show { display: initial; }

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

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

/* font size -------------------------------------------------------------- */
.u-fz-30 { font-size: 3rem; }

@media all and (max-width: 575px) { .u-fz-30 { font-size: 2rem; } }

.u-fz-20 { font-size: 2rem; }

@media all and (max-width: 992px) { .u-fz-20 { font-size: 1rem; } }

@media all and (max-width: 575px) { .u-fz-20 { font-size: 1rem; } }

.u-fz-18 { font-size: 1.8rem; }

.u-fz-16 { font-size: 1.6rem; }

.u-fz-14 { font-size: 1.4rem; }

.u-fz-12 { font-size: 1.2rem; }

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

.u-fw-bold { font-weight: bold; }

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

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

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

.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] { cursor: pointer; }

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

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

.is-img-hold { background-size: auto 100%; }

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

/* Header ===================================================================== */
body.is-lbox-open .float-stn, body.is-menu-open .float-stn { z-index: 10; }

.hd-stn { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 99999999; }

.hd-tool { background: #E27A01; padding-top: 10px; padding-bottom: 10px; }

.hd-tool__wp { 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: 1200px) { .hd-tool { padding-top: 5px; padding-bottom: 5px; } }

.hd-menu { background: #333; padding-top: 1rem; padding-bottom: 1rem; }

.hd-menu__wp { 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; }

.hd-menu__logo { -ms-flex-preferred-size: 315px; flex-basis: 315px; }

.hd-menu__ctr { -ms-flex-preferred-size: 1535px; flex-basis: 1535px; 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; }

.hd-menu__toggle { position: fixed; z-index: 99999; top: 50px; right: calc(5% + 15px); width: 40px; height: 40px; -webkit-transition: all 0.5s; transition: all 0.5s; }

.hd-menu__toggle span { display: block; position: absolute; top: 50%; left: 25%; width: 50%; height: 1px; background: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; }

.hd-menu__toggle span:first-child { -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.hd-menu__toggle span:last-child { -webkit-transform: translateY(5px); transform: translateY(5px); }

.hd-menu__toggle.is-active { top: 30px; right: calc(50% - 20px); }

.hd-menu__toggle.is-active span:first-child { -webkit-transform: translateY(0px) rotate(45deg); transform: translateY(0px) rotate(45deg); }

.hd-menu__toggle.is-active span:nth-child(2) { opacity: 0; }

.hd-menu__toggle.is-active span:last-child { -webkit-transform: translateY(0px) rotate(-45deg); transform: translateY(0px) rotate(-45deg); }

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

@media all and (max-width: 1520px) { .hd-menu__logo { -ms-flex-preferred-size: 215px; flex-basis: 215px; }
  .hd-menu__ctr { -ms-flex-preferred-size: 1635px; flex-basis: 1635px; } }

@media all and (max-width: 1200px) { .hd-menu { padding-top: 1rem; padding-bottom: 0.8rem; }
  .hd-menu__logo { -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; }
  .hd-menu__ctr { -ms-flex-preferred-size: auto; flex-basis: auto; opacity: 0; pointer-events: none; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 10rem; -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.5s; transition: all 0.5s; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); }
  .hd-menu__ctr.is-open { opacity: 1; pointer-events: auto; -webkit-transform: scale(1); transform: scale(1); } }

/* Menu */
.menu { font-size: 1.8rem; }

.menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -0.78125vw; margin-right: -0.78125vw; }

.menu__item { padding-left: 0.78125vw; padding-right: 0.78125vw; }

.menu__link { display: block; color: #fff; padding: 2rem 1rem; position: relative; }

.menu__link::before { content: ''; position: absolute; bottom: 0px; left: 50%; width: 0px; height: 5px; border-radius: 50px; background: #E27A01; -webkit-transition: all 0.5s; transition: all 0.5s; }

.menu__link:hover { color: #fff; }

@media all and (min-width: 1201px) { .menu__link:hover::before { width: 100%; left: 0px; } }

.menu__link.is-active::before { width: 100%; left: 0px; }

@media all and (max-width: 1500px) { .menu { font-size: 1.6rem; }
  .menu__link { padding: 0.5rem; } }

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

/* Search */
.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; width: 185px; border: 2px solid #fff; border-radius: 50px; padding: 3px 15px; font-size: 1.5rem; }

.search__input { -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; }

.search__input input { width: 130px; background: initial; color: #fff; outline: none; border: none; padding-left: 10px; padding-right: 10px; border-left: 1px solid #fff; }

@media all and (max-width: 1200px) { .search { font-size: 1.4rem; }
  .search__input { padding-left: 5px; padding-right: 5px; } }

/* Common ===================================================================== */
/* title */
.cms-headline { text-align: center; display: block; color: #6d6262; font-size: 5rem; font-weight: bold; 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; }

.cms-headline::before, .cms-headline::after { content: '--'; display: inline-block; }

.cms-headline::before { margin-right: 2rem; }

.cms-headline::after { margin-left: 2rem; }

@media all and (max-width: 1366px) { .cms-headline { font-size: 3.5rem; } }

@media all and (max-width: 1200px) { .cms-headline { font-size: 2.5rem; } }

/* bookmark */
.m-bookmark { position: relative; z-index: 999999; }

.m-bookmark__toggle { 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: 5px 15px; border-radius: 5px; font-size: 1.8rem; color: #fff; background: #E27A01; }

.m-bookmark__toggle i { font-style: normal; }

.m-bookmark__mask { position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }

.m-bookmark__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1.82292vw; margin-right: -1.82292vw; }

.m-bookmark__item { padding-left: 1.82292vw; padding-right: 1.82292vw; margin-bottom: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100%/3); flex: 0 0 calc(100%/3); max-width: calc(100%/3); width: 100%; }

.m-bookmark__link { color: #fff; font-size: 1.8rem; display: block; padding-top: 1rem; padding-bottom: 1rem; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75); position: relative; }

.m-bookmark__link-pic { width: 100%; -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75); overflow: hidden; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-transition: all 0.5s; transition: all 0.5s; }

.m-bookmark__link.is-show { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: #fff; padding-bottom: 0px; }

.m-bookmark__link.is-show .m-bookmark__link-pic { padding-bottom: 65.38462%; }

@media all and (min-width: 1201px) { .m-bookmark__toggle { display: none; }
  .m-bookmark__mask { display: none; }
  .m-bookmark__link:hover { color: rgba(255, 255, 255, 0.5); } }

@media all and (max-width: 1200px) { .m-bookmark__ctr { position: fixed; z-index: 99999; top: 0px; left: 0px; width: 100%; 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-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(1.5); transform: scale(1.5); }
  .m-bookmark__ctr.is-open { opacity: 1; pointer-events: auto; -webkit-transform: scale(1); transform: scale(1); }
  .m-bookmark__list { position: relative; z-index: 2; width: 90%; max-height: 80%; overflow-x: hidden; margin-left: auto; margin-right: auto; }
  .m-bookmark__item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; margin-bottom: 0px; }
  .m-bookmark__link { border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } }