@charset "UTF-8";
@import url("scss/plugins/bootstrap.min.css");
@import url("scss/plugins/mCustomScrollbar.css");
@import url("scss/plugins/slick/slick.css");
@import url("scss/plugins/slick/slick-theme.css");
@import url("font/css/fontello.css");
@import url("scss/plugins/flipbook/flipbook.style.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap");
@font-face { font-family: 'fontello'; src: url("./font/font/fontello.eot?4443862"); src: url("./font/font/fontello.eot?4443862#iefix") format("embedded-opentype"), url("./font/font/fontello.woff?4443862") format("woff"), url("./font/font/fontello.ttf?4443862") format("truetype"), url("./font/font/fontello.svg?4443862#fontello") format("svg"); font-weight: normal; font-style: normal; }
/*layouts*/
i label { margin-bottom: 0; }

textarea { -webkit-appearance: none; }

button, input { line-height: normal; outline: 0; background: transparent; border: 0; }

button, select { text-transform: none; }

button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], input[disabled] { cursor: default; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; nowhitespace: afterproperty; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

button { border: none; background: none; padding: 0; margin: 0; display: inline-block; }

figure, address { padding: 0; margin: 0; }

* { outline: 0; box-sizing: border-box; }

*:before, *:after { box-sizing: border-box; }

/* ========================================================================== public ========================================================================== */
body { margin: 0; font-family: 'Noto Serif TC', 'Noto Serif SC'; font-size: 16px; -webkit-font-smoothing: antialiased; color: black; overflow-x: hidden; transition: opacity .3s; }

.safari body { -webkit-text-size-adjust: none; }

/* ========================================================================== public ========================================================================== */
/*不顯示外虛線*/
button, a { outline: none !important; }

a, a:active { color: inherit; cursor: pointer; text-decoration: none; }

a:hover { text-decoration: none; color: inherit; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4 { line-height: normal; }

img { height: auto; border: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; image-rendering: -webkit-optimize-contrast; }

.clearfix:after { display: block; content: ''; clear: both; }

.hidden { display: none; }

ul { margin: 0; padding: 0; list-style: none; padding-inline-start: 0px; }

ul > li { list-style: none; }

textarea { resize: none; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #646464; }

::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #646464; }

::-o-placeholder { /* Mozilla Firefox 19+ */ color: #646464; }

::-ms-placeholder { /* Internet Explorer 10+ */ color: #646464; }

::-ms-input-placeholder { /* Internet Explorer 10+ */ color: #646464; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; /*透明*/ }

/**/
.scrollbar, .scrollbarX, .scrollbarY { -webkit-overflow-scrolling: touch; }

.scrollbarX { overflow-x: auto; }

table { -webkit-backface-visibility: visible; }

.table { width: 100%; border-collapse: collapse; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input[type="number"] { -moz-appearance: textfield; }

.modal-content { border: 0; }
.modal-content .modal-dialog { margin: 0; }
.modal-content .close { text-shadow: none; opacity: 1; }

[class^="icon-"]:before, [class*=" icon-"]:before { width: auto; margin: 0; }

.bootstrap-select .dropdown-toggle { box-shadow: none !important; }

@keyframes scrollDownAni { 0% { top: -20px; opacity: 1; }
  70% { top: 100%; opacity: 1; }
  71% { top: 100%; opacity: 0; }
  99% { top: -20px; opacity: 0; }
  100% { top: -20px; opacity: 1; } }
/*Public*/
@media (min-width: 1200px) { .col-1200-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } }
@media (min-width: 1500px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1440px; }
  .col-xxl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } }
@media (min-width: 1700px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1620px; } }
@media (min-width: 1800px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1730px; } }
.hide, .opacity0 { opacity: 0; }

.menuOpen { overflow: hidden; }

.overflowH { overflow: hidden; }

.wordBreakAll { word-break: break-all; }

.fw-100 { font-weight: 100; }

.fw-200 { font-weight: 200; }

.fw-300 { font-weight: 300; }

.fw-400 { font-weight: 400; }

.fw-500 { font-weight: 500; }

.fw-600 { font-weight: 600; }

.fw-700 { font-weight: 700; }

.fw-800 { font-weight: 800; }

.fw-900 { font-weight: 900; }

.fz-10 { font-size: 10px; }

.fz-12 { font-size: 12px; }

.fz-14 { font-size: 14px; }

.fz-15 { font-size: 15px; }

.fz-16 { font-size: 16px; }

.fz-17 { font-size: 17px; }

.fz-18 { font-size: 18px; }

.fz-19 { font-size: 19px; }

.fz-20 { font-size: 20px; }

.fz-21 { font-size: 21px; }

.fz-22 { font-size: 22px; }

.fz-23 { font-size: 23px; }

.fz-24 { font-size: 24px; }

.fz-25 { font-size: 25px; }

.fz-26 { font-size: 26px; }

.fz-28 { font-size: 28px; }

.fz-30 { font-size: 30px; }

.fz-32 { font-size: 32px; }

.fz-34 { font-size: 34px; }

.fz-36 { font-size: 36px; }

.fz-40 { font-size: 40px; }

.fz-45 { font-size: 45px; }

.fz-48 { font-size: 48px; }

.fz-50 { font-size: 50px; }

.fz-55 { font-size: 55px; }

.fz-60 { font-size: 60px; }

.fz-62 { font-size: 62px; }

.fz-70 { font-size: 70px; }

.fz-100 { font-size: 100px; }

.fz-160 { font-size: 160px; }

.ff-BarNoto { font-family: "Barlow Condensed", "Noto Serif TC", "Noto Serif SC"; }

.ff-BarCon { font-family: "Barlow Condensed"; }

.ff-NotoSerif { font-family: "Noto Serif TC", "Noto Serif SC"; }

.ff-NotoSansTc { font-family: "Noto Sans TC", "Noto Sans SC"; }

.lh-12 { line-height: 12px; }

.lh-14 { line-height: 14px; }

.lh-15 { line-height: 15px; }

.lh-16 { line-height: 16px; }

.lh-18 { line-height: 18px; }

.lh-19 { line-height: 19px; }

.lh-20 { line-height: 20px; }

.lh-21 { line-height: 21px; }

.lh-22 { line-height: 22px; }

.lh-24 { line-height: 24px; }

.lh-25 { line-height: 25px; }

.lh-26 { line-height: 26px; }

.lh-28 { line-height: 28px; }

.lh-30 { line-height: 30px; }

.lh-32 { line-height: 32px; }

.lh-34 { line-height: 34px; }

.lh-35 { line-height: 35px; }

.lh-36 { line-height: 36px; }

.lh-38 { line-height: 38px; }

.lh-40 { line-height: 40px; }

.lh-42 { line-height: 42px; }

.lh-44 { line-height: 44px; }

.lh-45 { line-height: 45px; }

.lh-46 { line-height: 46px; }

.lh-48 { line-height: 48px; }

.lh-50 { line-height: 50px; }

.lh-55 { line-height: 55px; }

.lh-60 { line-height: 60px; }

.lh-70 { line-height: 70px; }

.lh-76 { line-height: 76px; }

.lh-80 { line-height: 80px; }

.lh-100 { line-height: 100px; }

.lh-160 { line-height: 160px; }

.ls-30 { letter-spacing: 0.03em; }

.ls-80 { letter-spacing: 0.08em; }

.ls-100 { letter-spacing: 0.1em; }

.ls-400 { letter-spacing: 0.4em; }

.ls-500 { letter-spacing: 0.5em; }

.colorDefaultOrg { color: #F47920; }

.colorDefaultBlue { color: #0060AF; }

.colorWhite { color: #fff; }

.colorBlack { color: #000; }

.colorBlack15 { color: #151515; }

.colorBlack27 { color: #272727; }

.colorBlack212025 { color: #212025; }

.colorBlack333 { color: #333333; }

.colorGray4d { color: #4d4d4d; }

.colorGray67 { color: #676767; }

.colorGray8f { color: #8F8F8F; }

.bgGrayImg { background: url(../styles/images/public/grayBg.png) repeat; position: relative; }

.bgWhite { background: #fff; position: relative; }

.maxW-1000 { max-width: 1000px; margin: 0 auto; }

.maxW-1055 { max-width: 1055px; margin: 0 auto; }

.maxW-1150 { max-width: 1150px; margin: 0 auto; }

.maxW-1320 { max-width: 1320px; margin: 0 auto; }

.maxW-1340 { max-width: 1340px; margin: 0 auto; }

.maxW-1500 { max-width: 1500px; margin: 0 auto; }

.wordBreakAll { word-break: break-all; }

.writingMode-VerLr { margin-block-start: 0; margin-block-end: 0; writing-mode: vertical-lr; }

.writingMode-VerRl { margin-block-start: 0; margin-block-end: 0; writing-mode: vertical-rl; }

/*btn*/
/*箭頭(預設右)*/
.defaultArrow { width: 20px; height: 8px; margin-bottom: 4px; position: relative; display: block; transition: all 0.4s; }
.defaultArrow.leftArrow .lineBottom { left: 0; right: auto; }
.defaultArrow.leftArrow .lineRotate { left: 0; right: auto; transform-origin: left bottom; transform: rotate(-50deg); }
.defaultArrow.colorWhite .lineBottom, .defaultArrow.colorWhite .lineRotate { background: #fff; }
.defaultArrow.colorBlack .lineBottom, .defaultArrow.colorBlack .lineRotate { background: #000; }
.defaultArrow.arrowW60 { width: 60px; height: 11px; }
.defaultArrow.arrowW60 .lineRotate { width: 16px; }
.defaultArrow .lineBottom { width: 100%; height: 1px; background: #333; position: absolute; right: 0; bottom: 0; display: block; transition: all 0.4s; }
.defaultArrow .lineRotate { width: 10px; height: 1px; background: #333; position: absolute; right: 0; bottom: 0; transform: rotate(50deg); transform-origin: right bottom; display: block; transition: all 0.4s; }

.doubleBoxBtn { width: 270px; height: 70px; border: none; border-radius: 0px; padding: 0 10px; text-transform: uppercase; color: #333; text-align: center; display: flex; align-items: center; justify-content: center; background: transparent; transition: all 0.4s; position: relative; }
.doubleBoxBtn.whiteBtn.colorWhite { color: #fff; }
.doubleBoxBtn.whiteBtn:hover .boxW, .doubleBoxBtn.whiteBtn:hover .boxH { border-color: #fff; }
.doubleBoxBtn.whiteBtn .boxW, .doubleBoxBtn.whiteBtn .boxH { border: solid 1px #C3C3C3; }
.doubleBoxBtn.whiteBtn .boxW::before, .doubleBoxBtn.whiteBtn .boxH::before { background: rgba(255, 255, 255, 0.06); }
.doubleBoxBtn .boxW, .doubleBoxBtn .boxH { border: solid 1px #c3c3c3; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.4s; }
.doubleBoxBtn .boxW::before, .doubleBoxBtn .boxH::before { content: ''; background: rgba(0, 0, 0, 0.04); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.doubleBoxBtn .boxW { width: 100%; height: calc(100% - 14px); }
.doubleBoxBtn .boxW::before { width: 0%; height: 100%; top: 0%; left: 0%; transform: translate(0%, 0%); transition: all 0.2s; }
.doubleBoxBtn .boxH { width: calc(100% - 16px); height: 100%; }
.doubleBoxBtn .boxH::before { width: 100%; height: 0; transition: all 0.2s 0.2s; }
.doubleBoxBtn:hover .boxW, .doubleBoxBtn:hover .boxH { border-color: #777; }
.doubleBoxBtn:hover .boxW::before, .doubleBoxBtn:hover .boxH::before { width: 100%; height: 100%; }
.doubleBoxBtn:hover .boxW::before { transition: all 0.2s 0.2s; }
.doubleBoxBtn:hover .boxH::before { transition: all 0.2s; }

.arrowLink { display: flex; align-items: flex-end; }
.arrowLink:hover .defaultArrow { right: -5px; }
.arrowLink:hover .defaultArrow .lineBottom, .arrowLink:hover .defaultArrow .lineRotate { background-color: #F47920; }
.arrowLink .text { margin-right: 17px; display: block; transition: all 0.4s; }
.arrowLink .defaultArrow { position: relative; right: 0; transition: all 0.4s; }

p { margin-bottom: 0; }

/*麵包屑*/
.breadcrumb { padding: 22px 0rem 46px 0; margin-bottom: 0; border-radius: 0rem; list-style: none; background: none; display: flex; justify-content: center; align-items: center; }
.breadcrumb > li { float: none; font: 400 15px 'Noto Sans TC', sans-serif; color: rgba(0, 0, 0, 0.7); }
.breadcrumb > li a { color: rgba(0, 0, 0, 0.7); transition: all 0.4s; }
.breadcrumb > li a:hover { color: black; }
.breadcrumb > li + li::before { color: rgba(0, 0, 0, 0.7); }
.breadcrumb > .active { color: rgba(0, 0, 0, 0.7); }
.breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 0; }
.breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: ''; width: 6px; height: 6px; margin: 0 9px; padding: 0; border-top: solid 1px rgba(0, 0, 0, 0.7); border-right: solid 1px rgba(0, 0, 0, 0.7); transform: rotate(45deg); float: none; display: inline-block; position: relative; top: -1px; vertical-align: middle; }

/*detail 上下一則*/
.detailPagination { height: 80px; background: #F0EBE8; }
.detailPagination .container { height: 100%; }
.detailPagination .PaginationMain { height: 100%; }
.detailPagination .goPage { width: 175px; height: 100%; }
.detailPagination .goPage:hover .defaultArrow .lineBottom, .detailPagination .goPage:hover .defaultArrow .lineRotate { background: #F47920; }
.detailPagination .goPage.prev .defaultArrow, .detailPagination .goPage.next .defaultArrow { position: relative; transition: all 0.4s; }
.detailPagination .goPage.prev .text, .detailPagination .goPage.next .text { display: block; transition: all 0.4s; }
.detailPagination .goPage.prev:hover .defaultArrow { right: 5px; }
.detailPagination .goPage.prev .defaultArrow { margin-left: 38px; right: 0; }
.detailPagination .goPage.prev a { padding-right: 50px; }
.detailPagination .goPage.next:hover .defaultArrow { left: 5px; }
.detailPagination .goPage.next .defaultArrow { margin-right: 38px; left: 0; }
.detailPagination .goPage.next a { padding-left: 50px; }
.detailPagination .goPage a { height: 100%; }
.detailPagination .goList { width: 80px; height: 100%; background: #212025; }
.detailPagination .goList a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.detailPagination .goList a:hover .icon { transform: rotate(90deg); }
.detailPagination .goList .icon { width: 16px; height: 16px; display: flex; flex-wrap: wrap; transition: transform 0.4s 0.2s; }
.detailPagination .goList .icon .box { width: 6px; height: 6px; margin: 1px; border: solid 1px #fff; display: block; transition: border 0.2s; position: relative; top: 0; left: 0; }

/*編輯器共用*/
.editorContainer img { max-width: 100%; height: auto !important; }
.editorContainer ul { list-style: disc; padding-inline-start: 40px; }
.editorContainer ul > li { list-style: inherit; }
.editorContainer .editorVideo { width: 100%; max-width: 100%; height: 565px; border: none; }
@media screen and (max-width: 1199px) { .editorContainer .editorVideo { height: 523px; } }
@media screen and (max-width: 991px) { .editorContainer .editorVideo { height: 388px; } }
@media screen and (max-width: 767px) { .editorContainer .editorVideo { height: 287px; } }
@media screen and (max-width: 450px) { .editorContainer .editorVideo { height: 200px; } }

.insidePageBanner { width: 100%; height: 500px; padding-top: 114px; /*麵包屑*/ }
.insidePageBanner .bgImg { width: 100%; height: 500px; position: fixed; top: 0; left: 0; }
.insidePageBanner .bgImg::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); }
.insidePageBanner .bgImg img { width: 100%; height: 100%; object-fit: cover; }
.insidePageBanner > .container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.insidePageBanner .doc { position: relative; display: flex; flex-direction: column; align-items: center; }
.insidePageBanner .doc .titleEn { margin-bottom: 0; }
.insidePageBanner .doc .dec { width: 180px; height: 1px; margin-top: 19px; margin-bottom: 19px; background: rgba(255, 255, 255, 0.5); }
.insidePageBanner .breadcrumb { padding: 0px 0rem 0px 0; margin-top: 34px; }
.insidePageBanner .breadcrumb > li { color: rgba(255, 255, 255, 0.7); }
.insidePageBanner .breadcrumb > li a { color: rgba(255, 255, 255, 0.7); }
.insidePageBanner .breadcrumb > li a:hover { color: white; }
.insidePageBanner .breadcrumb > li + li::before { color: rgba(255, 255, 255, 0.7); }
.insidePageBanner .breadcrumb > .active { color: rgba(255, 255, 255, 0.7); }
.insidePageBanner .breadcrumb .breadcrumb-item + .breadcrumb-item::before { border-top: solid 1px rgba(255, 255, 255, 0.7); border-right: solid 1px rgba(255, 255, 255, 0.7); }

.insidePageSubMenu { height: 72px; border-bottom: 1px solid #E6E6E6; position: relative; z-index: 10; }
.insidePageSubMenu > .container { height: 100%; }
.insidePageSubMenu ul { height: 100%; display: flex; justify-content: center; }
.insidePageSubMenu ul li { height: 100%; padding: 0 28px; }
.insidePageSubMenu ul li a { width: 100%; height: 100%; display: flex; align-items: center; position: relative; transition: all 0.4s; }
.insidePageSubMenu ul li a:hover::after { height: 2px; }
.insidePageSubMenu ul li a::after { content: ''; width: 100%; height: 0px; background: #F47920; position: absolute; bottom: -1px; left: 0; transition: all 0.2s; }
.insidePageSubMenu ul li a.active { color: #F47920; }
.insidePageSubMenu ul li a.active::after { height: 2px; }

/* 最新消息、產品清單title */
.listImgTitleContainer { width: 100%; max-width: 450px; margin: 0 auto 13px; display: flex; flex-direction: column; align-items: center; }
.listImgTitleContainer::after { content: ''; width: 1px; height: 35px; background: #C3C3C3; }
.listImgTitleContainer .img { width: 76px; height: 76px; margin-bottom: -20px; }
.listImgTitleContainer .slogen { margin-bottom: 19px; }

/*通用表格*/
.customTable { width: 100%; border-collapse: separate; border-spacing: 0; }
.customTable thead th { height: 66px; border-right: 1px solid #aaa; border-top: solid 3px #000; border-bottom: 1px solid #000; font-weight: 500; background: #fff; vertical-align: middle; position: sticky; top: 100px; }
.customTable thead th:first-child { border-top-color: #F47920; }
.customTable thead th:last-child { border-right: none; }
.customTable tbody tr:nth-child(even) td { background: #F2F2F2; }
.customTable tbody td { padding: 18px 15px 18px; border-right: solid 1px #aaa; border-bottom: solid 1px #aaa; vertical-align: middle; }
.customTable tbody td:first-child { border-left: none; }
.customTable tbody td:last-child { border-right: none; }

/*清單頁pagination*/
.customPagination { margin-top: 60px; padding-bottom: 100px; }
.customPagination .pagination { justify-content: center; }
.customPagination .page-item { width: 50px; height: 50px; margin: 0 4px; border: none; font: 600 15px "Barlow Condensed"; line-height: 15px; display: flex; justify-content: center; align-items: center; }
.customPagination .page-item.ellipsis .text { position: relative; top: -3px; }
.customPagination .page-item:first-child .page-link, .customPagination .page-item:last-child .page-link { border-radius: 0; }
.customPagination .page-item.first, .customPagination .page-item.last { margin: 0; border-radius: 0; }
.customPagination .page-item.prev .page-link, .customPagination .page-item.next .page-link { border-color: transparent; background: transparent; }
.customPagination .page-item.prev .page-link .defaultArrow, .customPagination .page-item.next .page-link .defaultArrow { position: relative; transition: all 0.4s; }
.customPagination .page-item.prev.disabled:hover .page-link .defaultArrow { left: 0px; }
.customPagination .page-item.prev:hover .page-link .defaultArrow { left: -5px; }
.customPagination .page-item.prev .page-link .defaultArrow { left: 0; }
.customPagination .page-item.next.disabled:hover .page-link .defaultArrow { right: 0px; }
.customPagination .page-item.next:hover .page-link .defaultArrow { right: -5px; }
.customPagination .page-item.next .page-link .defaultArrow { right: 0; }
.customPagination .page-link { width: 100%; height: 100%; margin: 0px; padding: 0; border: solid 1px #c8c8c8; background-color: transparent; display: flex; justify-content: center; align-items: center; color: #121929; transition: all 0.4s; }
.customPagination .page-link:focus { box-shadow: none; }
.customPagination .page-link:hover { background: #eee; }
.customPagination .page-item.active .page-link { border-width: 2px; border-color: #F47920; background: transparent; color: #121929; }
.customPagination .page-item.disabled .page-link { opacity: 0.5; }

/*聯絡表單*/
.contactForm .formRow { margin: 0 -30px 52px; }
.contactForm .formCol { padding: 0 30px; }
.contactForm .form-group { margin-bottom: 49px; }
.contactForm .formBox { height: 53px; border-bottom: solid 1px #aaa; position: relative; display: flex; align-items: center; transition: all 0.4s; }
.contactForm .formBox.formBoxTextarea { height: auto; align-items: flex-start; }
.contactForm .formBox.codeFormBox .colInput { width: calc(100% - 110px - 80px); }
.contactForm .formBox.codeFormBox .codeImg { width: 80px; height: 40px; }
.contactForm .formBox.codeFormBox .codeImg a { width: 100%; height: 100%; display: block; }
.contactForm .formBox.codeFormBox .codeImg img { width: 100%; height: 100%; object-fit: cover; }
.contactForm .colLabel { width: 110px; position: relative; }
.contactForm .colLabel::after { content: ''; width: 1px; height: 20px; background: #c8c8c8; position: absolute; top: 50%; right: 0; transform: translateY(calc(-50% + 2px)); }
.contactForm .colInput { width: calc(100% - 110px); }
.contactForm .colInput input { height: 50px; border: none; border-radius: 0; padding-left: 30px; background: none; color: #000; }
.contactForm .colInput input:focus { box-shadow: none; outline: none; }
.contactForm .colInput input::placeholder { color: #676767; }
.contactForm .colTextarea { width: calc(100% - 115px); }
.contactForm .colTextarea textarea { width: 100%; border: none; border-radius: 0; padding-left: 30px; padding-top: 15px; line-height: 28px; background: none; }
.contactForm .colTextarea textarea:focus { outline: none; box-shadow: none; }
.contactForm .colRadio { padding-left: 30px; }
.contactForm .colRadio .custom-control-inline { margin-right: 38px; }
.contactForm .colRadio .custom-control-inline:last-child { margin-right: 0; }
.contactForm .colRadio .custom-radio .custom-control-input:checked ~ .custom-control-label::after { width: 8px; height: 8px; border-radius: 50%; background: #000; background-image: none; top: 9px; left: -19px; }
.contactForm .colRadio .custom-control-input:checked ~ .custom-control-label::before { width: 18px; height: 18px; top: 0.24em; border-color: #aaa; background-color: #fff; }
.contactForm .colRadio .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #aaa; }
.contactForm .colRadio .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; }
.contactForm .colSelect { /* The container must be positioned relative: */ /* Style the arrow inside the select element: */ /* Point the arrow upwards when the select box is open (active): */ /* style the items (options), including the selected item: */ /* Style items (options): */ /* Hide the items when the select box is closed: */ /* scroll bar */ }
.contactForm .colSelect select { width: 100%; height: 50px; padding-left: 30px; border: none; border-radius: 0; }
.contactForm .colSelect select:focus { box-shadow: none; outline: none; }
.contactForm .colSelect.customSelect { height: 50px; position: relative; font-family: "Barlow Condensed", "Noto Serif TC", "Noto Serif SC"; letter-spacing: 0.05em; }
.contactForm .colSelect.customSelect select { /*hide original SELECT element: */ opacity: 0; position: absolute; z-index: -1; }
.contactForm .colSelect .select-selected { padding-left: 30px; height: 50px; border: none; background-color: transparent; font-family: "Barlow Condensed", "Noto Serif TC", "Noto Serif SC"; line-height: 48px; letter-spacing: 0.05em; color: #676767; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.contactForm .colSelect .select-selected.select-arrow-active { border: none; }
.contactForm .colSelect .select-selected.alreadySelect { color: #000; }
.contactForm .colSelect .select-selected:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #000 transparent transparent transparent; transition: all 0.4s; }
.contactForm .colSelect .select-selected.select-arrow-active:after { transform: rotate(180deg); }
.contactForm .colSelect .select-items .item { color: #333; padding: 15px 32px; font-weight: 500; font-size: 16px; line-height: 16px; cursor: pointer; transition: all 0.4s; }
.contactForm .colSelect .select-items .item:hover { background-color: #eee; }
.contactForm .colSelect .select-items .item.same-as-selected { color: #F47920; }
.contactForm .colSelect .select-items { max-height: 500px; position: absolute; background-color: #fff; box-shadow: 0 0 15 0 rgba(0, 0, 0, 0.15); top: calc(100% + 2px); left: 0; right: 0; z-index: 99; border: none; }
.contactForm .colSelect .select-items:hover .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.5); }
.contactForm .colSelect .select-hide { display: none; }
.contactForm .colSelect .mCSB_inside > .mCSB_container { margin-right: 0; }
.contactForm .colSelect .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .contactForm .colSelect .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.5); }
.contactForm .colSelect .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.5); }
.contactForm .colSelect .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0); }
.contactForm .colSelect .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, 0); }

/*黑色區塊選單*/
.pageBlockNavContainer .controlBtn { width: 100%; height: 67px; padding: 0 25px; background: #212025; color: #fff; display: flex; align-items: center; justify-content: space-between; }
.pageBlockNavContainer .controlBtn.collapsed::after { width: 0%; }
.pageBlockNavContainer .controlBtn.collapsed:hover::after { width: 100%; }
.pageBlockNavContainer .controlBtn.collapsed .icon::after { transform: translate(-50%, -50%); }
.pageBlockNavContainer .controlBtn::before { content: ''; width: 10px; }
.pageBlockNavContainer .controlBtn .icon { width: 10px; height: 10px; position: relative; }
.pageBlockNavContainer .controlBtn .icon::before, .pageBlockNavContainer .controlBtn .icon::after { content: ''; background: #eee; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s; }
.pageBlockNavContainer .controlBtn .icon::before { width: 100%; height: 2px; }
.pageBlockNavContainer .controlBtn .icon::after { width: 2px; height: 100%; transform: translate(-50%, -50%) rotate(270deg); }
.pageBlockNavContainer .nav { width: 100%; }
.pageBlockNavContainer .nav.collapse:not(.show) { display: block; }
.pageBlockNavContainer .nav ul { width: 100%; display: flex; }
.pageBlockNavContainer .nav ul li { flex-basis: 0; flex-grow: 1; max-width: 100%; }
.pageBlockNavContainer .nav ul li.active .itemLink { border-color: transparent; background: #212025; color: #fff; }
.pageBlockNavContainer .nav ul li:not(:last-child) .itemLink { border-right-color: transparent; }
.pageBlockNavContainer .nav .itemLink { width: 100%; height: 67px; border: solid 1px #aaa; color: #212025; display: block; display: flex; align-items: center; justify-content: center; transition: all 0.4s; text-align: center; }
.pageBlockNavContainer .nav .itemLink:hover { background: rgba(0, 0, 0, 0.08); }

@media screen and (max-width: 991px) { .insidePageSubMenu > .container { overflow-x: scroll; }
  .insidePageSubMenu > .container::-webkit-scrollbar { width: 0px; height: 0; }
  .insidePageSubMenu ul { width: max-content; margin: 0 auto; flex-wrap: nowrap; flex-shrink: 0; }
  .insidePageSubMenu ul li { padding: 0 15px; }
  .insidePageSubMenu ul li:first-child { padding-left: 0; }
  .insidePageSubMenu ul li:last-child { padding-right: 0; }
  .insidePageSubMenu ul li a::after { bottom: 0; }
  .customTable thead th { top: 57px; }
  .contactForm .formRow { margin: 0 -15px 52px; }
  .contactForm .formCol { padding: 0 15px; }
  .pageBlockNavContainer.navMdRwd { position: relative; z-index: 5; }
  .pageBlockNavContainer.navMdRwd .nav { width: 100%; position: absolute; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); }
  .pageBlockNavContainer.navMdRwd .nav.collapse:not(.show) { display: none; }
  .pageBlockNavContainer.navMdRwd .nav ul { flex-direction: column; background: #fff; }
  .pageBlockNavContainer.navMdRwd .nav ul li { width: 100%; flex-grow: 0; }
  .pageBlockNavContainer.navMdRwd .nav ul li.active .itemLink { background: transparent; color: #F47920; }
  .pageBlockNavContainer.navMdRwd .nav ul li:not(:last-child) .itemLink::after { content: ''; width: 90%; height: 1px; background: #eee; position: absolute; left: 50%; bottom: 0; transform: translate(-50%); }
  .pageBlockNavContainer.navMdRwd .nav .itemLink { border: none; color: #212025; position: relative; }
  .pageBlockNavContainer.navMdRwd .nav .itemLink:hover { background: transparent; } }
@media screen and (max-width: 767px) { .customPagination .page-item:not(.active) { display: none; }
  .customPagination .page-item.first, .customPagination .page-item.last, .customPagination .page-item.prev, .customPagination .page-item.next { display: block; }
  .pageBlockNavContainer.navSmRwd { position: relative; z-index: 5; }
  .pageBlockNavContainer.navSmRwd .nav { width: 100%; position: absolute; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); }
  .pageBlockNavContainer.navSmRwd .nav.collapse:not(.show) { display: none; }
  .pageBlockNavContainer.navSmRwd .nav ul { flex-direction: column; background: #fff; }
  .pageBlockNavContainer.navSmRwd .nav ul li { width: 100%; flex-grow: 0; }
  .pageBlockNavContainer.navSmRwd .nav ul li.active .itemLink { background: transparent; color: #F47920; }
  .pageBlockNavContainer.navSmRwd .nav ul li:not(:last-child) .itemLink::after { content: ''; width: 90%; height: 1px; background: #eee; position: absolute; left: 50%; bottom: 0; transform: translate(-50%); }
  .pageBlockNavContainer.navSmRwd .nav .itemLink { border: none; color: #212025; position: relative; }
  .pageBlockNavContainer.navSmRwd .nav .itemLink:hover { background: transparent; } }
@media screen and (max-width: 575px) { .breadcrumbNav { display: none; }
  .insidePageBanner { height: 250px; padding-top: 40px; }
  .insidePageBanner .bgImg { height: 350px; }
  .insidePageBanner .doc .titleEn { font-size: 36px; line-height: 36px; }
  .insidePageBanner .doc .dec { width: 120px; margin-top: 10px; margin-bottom: 10px; }
  .insidePageBanner .doc .titleCh { font-size: 20px; line-height: 20px; }
  .detailPagination .goPage { width: 130px; }
  .detailPagination .goPage.prev .defaultArrow { margin-left: 0; }
  .detailPagination .goPage.prev a { padding-right: 20px; }
  .detailPagination .goPage.next .defaultArrow { margin-right: 0; }
  .detailPagination .goPage.next a { padding-left: 20px; }
  .contactForm .formRow { margin: 0 -15px 45px; }
  .contactForm .formCol { padding: 0 15px; }
  .contactForm .form-group { margin-bottom: 30px; }
  .pageBlockNavContainer.navXsRwd { position: relative; z-index: 5; }
  .pageBlockNavContainer.navXsRwd .nav { width: 100%; position: absolute; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); }
  .pageBlockNavContainer.navXsRwd .nav.collapse:not(.show) { display: none; }
  .pageBlockNavContainer.navXsRwd .nav ul { flex-direction: column; background: #fff; }
  .pageBlockNavContainer.navXsRwd .nav ul li { width: 100%; flex-grow: 0; }
  .pageBlockNavContainer.navXsRwd .nav ul li.active .itemLink { background: transparent; color: #F47920; }
  .pageBlockNavContainer.navXsRwd .nav ul li:not(:last-child) .itemLink::after { content: ''; width: 90%; height: 1px; background: #eee; position: absolute; left: 50%; bottom: 0; transform: translate(-50%); }
  .pageBlockNavContainer.navXsRwd .nav .itemLink { border: none; color: #212025; position: relative; }
  .pageBlockNavContainer.navXsRwd .nav .itemLink:hover { background: transparent; } }
@media screen and (max-width: 499px) { .listImgTitleContainer .slogen { font-size: 21px; line-height: 30px; letter-spacing: 0.01em; }
  .contactForm .colInput input { padding-left: 15px; }
  .contactForm .colTextarea textarea { padding-left: 15px; }
  .contactForm .colRadio { padding-left: 15px; } }
@media screen and (max-width: 374px) { .listImgTitleContainer .slogen { font-size: 18px; letter-spacing: 0em; }
  .detailPagination .goPage { width: 115px; }
  .detailPagination .goPage.prev a { padding-right: 15px; }
  .detailPagination .goPage.next a { padding-left: 15px; }
  .detailPagination .goList { width: 60px; } }
body { min-height: 100vh; overflow-y: scroll; display: flex; flex-direction: column; transition: opacity 0.4s 0.2s; }

header, main, footer { flex-shrink: 0; }

/*header*/
header { position: relative; z-index: 999; }
header .topContainer { width: 100%; height: 100px; display: flex; align-items: center; position: fixed; top: 0; transition: all 0.4s; z-index: 10; }
header .topContainer.scrollDown, header .topContainer.whiteHeader, header .topContainer.whiteHeader.scrollDown { background: #fff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); }
header .topContainer.scrollDown .logo, header .topContainer.whiteHeader .logo, header .topContainer.whiteHeader.scrollDown .logo { padding-top: 0px; }
header .topContainer.scrollDown .nav, header .topContainer.whiteHeader .nav, header .topContainer.whiteHeader.scrollDown .nav { color: #000; }
header .topContainer.scrollDown .functionContainer, header .topContainer.whiteHeader .functionContainer, header .topContainer.whiteHeader.scrollDown .functionContainer { padding-bottom: 1px; }
header .topContainer.scrollDown .functionContainer .languageContainer .langBtn, header .topContainer.whiteHeader .functionContainer .languageContainer .langBtn, header .topContainer.whiteHeader.scrollDown .functionContainer .languageContainer .langBtn { color: #000; }
header .topContainer.scrollDown .functionContainer .languageContainer .langBtn .triangle, header .topContainer.whiteHeader .functionContainer .languageContainer .langBtn .triangle, header .topContainer.whiteHeader.scrollDown .functionContainer .languageContainer .langBtn .triangle { border-color: #000 transparent transparent transparent; }
header .topContainer.scrollDown .functionContainer .inquiryLink .icon, header .topContainer.whiteHeader .functionContainer .inquiryLink .icon, header .topContainer.whiteHeader.scrollDown .functionContainer .inquiryLink .icon { color: #000; }
header .topContainer.scrollDown .functionContainer .searchBtn, header .topContainer.whiteHeader .functionContainer .searchBtn, header .topContainer.whiteHeader.scrollDown .functionContainer .searchBtn { color: #000; }
header .topContainer.scrollDown .contactBtn, header .topContainer.whiteHeader .contactBtn, header .topContainer.whiteHeader.scrollDown .contactBtn { border-left: 1px solid rgba(0, 0, 0, 0.1); }
header .topContainer.whiteHeader { border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: none; }
header .topContainer.whiteHeader .functionContainer { padding-bottom: 1px; }
header .topContainer .logo { width: 210px; padding-top: 30px; margin-left: 50px; margin-right: calc(184px + 33px + 138px + 100px - 210px - 50px ); transition: all 0.4s; }
header .topContainer .nav { width: 470px; height: 100%; margin: 0 auto; transition: all 0.4s; }
header .topContainer .nav ul { width: 100%; height: 100%; display: flex; justify-content: space-between; }
header .topContainer .nav ul li { height: 100%; }
header .topContainer .nav ul li a { height: 100%; display: flex; align-items: center; transition: all 0.4s; position: relative; }
header .topContainer .nav ul li a::after { content: ''; width: 100%; height: 0; background: #F47920; position: absolute; bottom: 0; left: 0; transition: all 0.4s; }
header .topContainer .nav ul li a:hover::after { height: 5px; }
header .topContainer .functionContainer { width: 184px; margin-right: 33px; padding-top: 1px; display: flex; justify-content: space-between; align-items: center; }
header .topContainer .functionContainer .languageContainer { width: 80px; position: relative; }
header .topContainer .functionContainer .languageContainer .langBtn { width: 100%; padding: 0 10px; display: flex; justify-content: space-between; align-items: center; transition: all 0.4s; transition: all 0.4s; }
header .topContainer .functionContainer .languageContainer .langBtn.collapsed .triangle { transform: rotate(0); }
header .topContainer .functionContainer .languageContainer .langBtn:hover { opacity: 0.6; }
header .topContainer .functionContainer .languageContainer .langBtn .icon { display: block; }
header .topContainer .functionContainer .languageContainer .langBtn .text { display: block; }
header .topContainer .functionContainer .languageContainer .langBtn .triangle { width: 0; height: 0; border-style: solid; border-width: 4px 3px 0 3px; border-color: #fff transparent transparent transparent; display: block; transform: rotate(180deg); transition: all 0.4s; }
header .topContainer .functionContainer .languageContainer .languageBoxOuter { position: absolute; left: 50%; top: 40px; transform: translate(-50%, 0); }
header .topContainer .functionContainer .languageContainer .languageBox { width: 80px; border: solid 1px #c8c8c8; padding: 5px 10px; background: url(../styles/images/public/grayBg.png) repeat; }
header .topContainer .functionContainer .languageContainer .languageBox ul li.active a { color: #F47920; }
header .topContainer .functionContainer .languageContainer .languageBox ul li.active a:hover { opacity: 1; }
header .topContainer .functionContainer .languageContainer .languageBox ul li:last-child a { border-bottom: none; }
header .topContainer .functionContainer .languageContainer .languageBox ul li a { padding: 10px 0; border-bottom: 1px solid #c8c8c8; display: block; transition: all 0.4s; }
header .topContainer .functionContainer .languageContainer .languageBox ul li a:hover { opacity: 0.7; }
header .topContainer .functionContainer .inquiryLink { width: 50px; padding: 0 10px; position: relative; transition: all 0.4s; }
header .topContainer .functionContainer .inquiryLink:hover { opacity: 0.6; }
header .topContainer .functionContainer .inquiryLink .icon { padding-right: 10px; display: block; transition: all 0.4s; }
header .topContainer .functionContainer .inquiryLink .num { width: 16px; height: 16px; padding-bottom: 2px; border-radius: 50%; font-family: 'Lato'; line-height: 10px; display: flex; justify-content: center; align-items: center; background: #F47920; position: absolute; right: 10px; bottom: -3px; }
header .topContainer .functionContainer .searchBtn { width: 40px; display: flex; justify-content: center; align-items: center; transition: all 0.4s; }
header .topContainer .functionContainer .searchBtn:hover { opacity: 0.6; }
header .topContainer .contactBtn { width: 138px; height: 100%; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s; }
header .topContainer .contactBtn:hover { color: #F47920; }
header .topContainer .contactBtn .icon { margin-top: 3px; margin-bottom: 15px; display: block; }
header .topContainer .contactBtn .text { display: block; }
header .topContainer .menuBtn { width: 100px; height: 100%; background: #F47920; display: flex; justify-content: center; align-items: center; }
header .topContainer .menuBtn:hover .line:nth-child(2) { width: 50%; }
header .topContainer .menuBtn:hover .line:nth-child(3) { width: 100%; }
header .topContainer .menuBtn .icon { width: 27px; height: 18px; display: flex; flex-direction: column; justify-content: space-between; }
header .topContainer .menuBtn .line { width: 100%; height: 2px; background: #fff; transition: all 0.4s; }
header .topContainer .menuBtn .line:nth-child(3) { width: 60%; }
header .detailMenuContainer { width: 100%; background: #fff; position: fixed; top: -100vh; left: 0; transition: all 0.4s; z-index: 20; }
header .detailMenuContainer.show { top: 0; }
header .detailMenuContainer.show .coverBg { opacity: 1; transition: opacity 0.4s 0.01s, visibility 0.01s 0s; z-index: 0; visibility: visible; }
header .detailMenuContainer.show .detailMenu { transform: translateY(0%); }
header .detailMenuContainer .coverBg { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s 0s, visibility 0.01s 0.4s; z-index: -1; visibility: hidden; }
header .detailMenuContainer .detailMenu { transform: translateY(-100%); transition: all 0.4s; }
header .detailMenuContainer .topContainer { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-left: calc(184px + 33px + 138px + 100px); position: relative; background: #fff; }
header .detailMenuContainer .topContainer .logo { width: 200px; padding-top: 3px; margin: 0 auto; }
header .detailMenuContainer .topContainer .functionContainer .languageContainer .langBtn .triangle { border-color: #000 transparent transparent transparent; }
header .detailMenuContainer .topContainer .contactBtn { border-left: 1px solid rgba(0, 0, 0, 0.1); }
header .detailMenuContainer .topContainer .menuBtn:hover .line:nth-child(1) { transform: translate(-50%, -50%) rotate(35deg); }
header .detailMenuContainer .topContainer .menuBtn:hover .line:nth-child(3) { width: 32px; transform: translate(-50%, -50%) rotate(-35deg); }
header .detailMenuContainer .topContainer .menuBtn .icon { width: 24px; height: 24px; position: relative; }
header .detailMenuContainer .topContainer .menuBtn .line { width: 32px; position: absolute; left: 50%; top: 50%; }
header .detailMenuContainer .topContainer .menuBtn .line:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); }
header .detailMenuContainer .topContainer .menuBtn .line:nth-child(2) { display: none; }
header .detailMenuContainer .topContainer .menuBtn .line:nth-child(3) { transform: translate(-50%, -50%) rotate(-45deg); }
header .detailMenuContainer .bottomNav { position: relative; background: #fff; }
header .detailMenuContainer .bottomNav::before { content: ''; width: 100%; height: calc(100% - 73px); background: url(../styles/images/public/grayBg.png) repeat; position: absolute; left: 0; bottom: 0; }
header .detailMenuContainer .bottomNav .navContainer { position: relative; }
header .detailMenuContainer .bottomNav .mainNav { width: 100%; padding-left: 80px; display: flex; justify-content: center; }
header .detailMenuContainer .bottomNav .mainNav > li > a { display: block; transition: all 0.4s; }
header .detailMenuContainer .bottomNav .mainNav > li > a:hover { color: #F47920; }
header .detailMenuContainer .bottomNav .mainNav .mainTitle { height: 73px; padding-right: 80px; display: flex; align-items: center; }
header .detailMenuContainer .bottomNav .mainNav .mainTitle:not(a) { cursor: default; pointer-events: none; }
header .detailMenuContainer .bottomNav .subNav { padding-top: 20px; padding-bottom: 45px; color: #454D58; }
header .detailMenuContainer .bottomNav .subNav.collapse:not(.show) { display: block; }
header .detailMenuContainer .bottomNav .subNav > li a { display: block; transition: all 0.4s; }
header .detailMenuContainer .bottomNav .subNav > li a:hover { color: #F47920; }
header .contactSideConainer { width: 238px; height: 348px; position: fixed; top: 100px; right: -300px; transition: all 0.4s; z-index: 50; }
header .contactSideConainer.show { right: 0; }
header .contactSideConainer:hover { right: 0; }
header .contactSideConainer:hover .titleBox .titleEn { color: #F47920; }
header .contactSideConainer .bgImg { position: absolute; right: 0; bottom: 0; }
header .contactSideConainer .doc { width: 120px; height: 186px; padding-left: 25px; display: flex; position: absolute; left: 0; bottom: 1px; }
header .contactSideConainer .titleBox { margin-right: 8px; writing-mode: vertical-lr; }
header .contactSideConainer .titleBox .titleCh { letter-spacing: 0.25em; margin-right: 2px; transition: all 0.4s; }
header .contactSideConainer .titleBox .titleEn { height: 100%; letter-spacing: 0.1em; display: flex; justify-content: space-between; align-items: center; transition: all 0.4s; }
header .contactSideConainer .titleBox .titleEn::after { content: ''; width: 1px; height: calc(100% - 66px); background: #c1c1c1; display: block; }
header .contactSideConainer .content { writing-mode: vertical-lr; letter-spacing: 0.2em; }
header .contactSideConainer .content p { margin-block-start: 0em; margin-block-end: 7px; }
header .contactSideConainer .content p:last-child { margin-block-end: 0px; }
header .contactSideConainer .link { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
header .searchFormContainer { width: 100%; height: 100vh; position: fixed; z-index: -1; visibility: hidden; }
header .searchFormContainer.show { z-index: 99; visibility: visible; }
header .searchFormContainer.show .coverBg { visibility: visible; opacity: 1; z-index: -1; transition: opacity 0.4s 0.01s, visibility 0.01s 0s; }
header .searchFormContainer.show .searchFormBox { top: 0; }
header .searchFormContainer .coverBg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; z-index: 0; transition: opacity 0.4s 0s, visibility 0.01s 0.4s; }
header .searchFormContainer .searchFormBox { width: 100%; height: 100px; display: flex; position: absolute; left: 0; top: -100px; transition: all 0.4s; }
header .searchFormContainer .searchFormBox .searchForm { width: calc(100% - 100px); height: 100%; padding: 0 30px 0 70px; background: #fff; display: flex; align-items: center; }
header .searchFormContainer .searchFormBox .searchForm input { width: calc(100% - 40px); }
header .searchFormContainer .searchFormBox .searchForm .submitSearch { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; transition: all 0.4s; }
header .searchFormContainer .searchFormBox .searchForm .submitSearch:hover { opacity: 0.6; }
header .searchFormContainer .searchFormBox .searchForm .submitSearch .text { display: none; }
header .searchFormContainer .searchFormBox .closeBtn { width: 100px; height: 100%; background: #F47920; display: flex; justify-content: center; align-items: center; }
header .searchFormContainer .searchFormBox .closeBtn:hover .icon .line:nth-child(1) { transform: translate(-50%, -50%) rotate(35deg); }
header .searchFormContainer .searchFormBox .closeBtn:hover .icon .line:nth-child(2) { transform: translate(-50%, -50%) rotate(-35deg); }
header .searchFormContainer .searchFormBox .closeBtn .icon { width: 24px; height: 24px; position: relative; display: flex; flex-direction: column; justify-content: space-between; }
header .searchFormContainer .searchFormBox .closeBtn .icon .line { width: 32px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transition: all 0.4s; }
header .searchFormContainer .searchFormBox .closeBtn .icon .line:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); }
header .searchFormContainer .searchFormBox .closeBtn .icon .line:nth-child(2) { transform: translate(-50%, -50%) rotate(-45deg); }

.webEn .text-justify { text-align: left !important; }
@media screen and (max-width: 1699px) { .webEn header .topContainer .logo { margin-right: 0; } }
.webEn header .topContainer .nav { width: 700px; }
@media screen and (max-width: 1499px) { .webEn header .topContainer .nav { width: 580px; } }
@media screen and (max-width: 1399px) { .webEn header .topContainer .nav { width: 530px; } }

/*main*/
main { width: 100%; flex-grow: 1; position: relative; z-index: 1; display: flex; flex-direction: column; }

/*footer*/
footer { width: 100%; padding: 77px 0 65px; background: #212025; position: relative; z-index: 100; }
footer a { transition: all 0.4s; }
footer a:hover { color: #F47920; }
footer .footerBox { height: 150px; display: flex; }
footer .leftinfo { width: 285px; height: 100%; padding-top: 2px; position: relative; }
footer .leftinfo::after { content: ''; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.1); position: absolute; right: 0; top: 0; }
footer .leftinfo .topContainer { margin-bottom: 25px; display: flex; align-items: flex-end; }
footer .leftinfo .topContainer .logo { width: 160px; margin-right: 37px; }
footer .leftinfo .privacyLink { margin-bottom: 17px; }
footer .leftinfo .bottomContainer .copyright { margin-bottom: 9px; }
footer .middleNav { width: calc( ( 100% - 285px) * 0.4527); padding-left: 0px; padding-top: 8px; position: relative; }
footer .middleNav::after { content: ''; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.1); position: absolute; right: 0; top: 0; }
footer .middleNav ul { width: 100%; display: flex; flex-wrap: wrap; }
footer .middleNav ul li { width: 33.33%; margin-bottom: 27px; padding-left: 50px; }
footer .rightinfo { height: 100%; width: calc( ( 100% - 285px) * 0.5473); display: flex; }
footer .rightinfo .compInfo { width: 50%; height: 100%; padding-top: 7px; padding-left: 50px; position: relative; }
footer .rightinfo .compInfo:first-child::after { content: ''; width: 1px; height: 100%; padding-top: 6px; background: rgba(255, 255, 255, 0.1); position: absolute; right: 0; top: 0; }
footer .rightinfo .compInfo .name { margin-bottom: 21px; cursor: default; pointer-events: none; }
footer .rightinfo .compInfo .compInfoContent { display: block; }
footer .rightinfo .compInfo .address { margin-bottom: 12px; }
footer .rightinfo .compInfo .tel { margin-bottom: 10px; }

@media screen and (max-width: 1599px) { header .detailMenuContainer .bottomNav .mainNav { padding-left: 70px; }
  header .detailMenuContainer .bottomNav .mainNav .mainTitle { padding-right: 70px; } }
@media screen and (max-width: 1499px) { header .topContainer .logo { margin-right: 0px; }
  header .detailMenuContainer .bottomNav .mainNav { padding-left: 70px; flex-wrap: wrap; justify-content: flex-start; }
  header .detailMenuContainer .bottomNav .mainNav > li { width: 16.666%; }
  header .detailMenuContainer .bottomNav .mainNav .mainTitle { padding-right: 0px; }
  footer .leftinfo { width: 255px; }
  footer .middleNav { width: calc( ( 100% - 255px ) * 0.40 ); padding-left: 10px; }
  footer .middleNav ul li { padding-left: 5px; }
  footer .rightinfo { width: calc( ( 100% - 255px ) * 0.60 ); }
  footer .rightinfo .compInfo { padding-left: 10px; }
  footer .rightinfo .lifeStyleComp { width: 48%; }
  footer .rightinfo .securitiesComp { width: 52%; } }
@media screen and (max-width: 1299px) { header .topContainer .nav { display: none; }
  header .topContainer .functionContainer { margin-left: auto; } }
@media screen and (max-width: 1199px) { header .detailMenuContainer .topContainer { padding-left: 50px; }
  header .detailMenuContainer .topContainer .logo { margin-left: 0; }
  header .detailMenuContainer .bottomNav .mainNav { padding-left: 50px; }
  header .detailMenuContainer .bottomNav .mainNav > li { width: 20%; }
  footer .footerBox { flex-wrap: wrap; }
  footer .leftinfo { width: 280px; }
  footer .middleNav { width: calc( ( 100% - 280px )); padding-left: 0px; display: none; }
  footer .middleNav ul li { padding-left: 30px; }
  footer .rightinfo { width: calc( ( 100% - 280px )); }
  footer .rightinfo .compInfo { padding-left: 50px; }
  footer .rightinfo .lifeStyleComp { width: 50%; }
  footer .rightinfo .securitiesComp { width: 50%; } }
@media screen and (max-width: 991px) { header .topContainer { height: 57px; padding: 0 15px; }
  header .topContainer.scrollDown .menuBtn .line, header .topContainer.whiteHeader .menuBtn .line { background: #000; }
  header .topContainer .logo { width: 140px; margin-left: 0px; padding-top: 0; }
  header .topContainer .functionContainer { width: 90px; margin-right: 10px; }
  header .topContainer .functionContainer .languageContainer { display: none; }
  header .topContainer .contactBtn { display: none; }
  header .topContainer .menuBtn { width: 25px; height: 25px; background: transparent; }
  header .topContainer .menuBtn:hover .line:nth-child(2) { width: 100%; }
  header .topContainer .menuBtn .line:nth-child(3) { width: 100%; }
  header .detailMenuContainer .detailMenu { transform: translateY(0%); }
  header .detailMenuContainer .topContainer { padding-left: 15px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); z-index: 1; }
  header .detailMenuContainer .topContainer .logo { width: 140px; }
  header .detailMenuContainer .topContainer .menuBtn:hover .line:nth-child(1) { width: 30px; }
  header .detailMenuContainer .topContainer .menuBtn:hover .line:nth-child(3) { width: 30px; }
  header .detailMenuContainer .topContainer .menuBtn .line { background: #000; }
  header .detailMenuContainer .topContainer .menuBtn .line:nth-child(1) { width: 30px; }
  header .detailMenuContainer .topContainer .menuBtn .line:nth-child(3) { width: 30px; }
  header .detailMenuContainer .bottomNav { height: calc(100vh - 57px + constant(safe-area-inset-bottom)); height: calc(100vh - 57px + env(safe-area-inset-bottom)); background: #ECECEC; padding: 0 28px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); display: flex; flex-direction: column; overflow-y: scroll; }
  header .detailMenuContainer .bottomNav::-webkit-scrollbar { width: 0px; height: 0; }
  header .detailMenuContainer .bottomNav::before { display: none; }
  header .detailMenuContainer .bottomNav .navContainer { flex-grow: 1; }
  header .detailMenuContainer .bottomNav .mainNav { padding-left: 0; flex-direction: column; }
  header .detailMenuContainer .bottomNav .mainNav > li { width: 100%; }
  header .detailMenuContainer .bottomNav .mainNav .mainTitle { width: 100%; height: 60px; padding-right: 6px; border-bottom: solid 1px #C3C3C3; display: flex; align-items: center; justify-content: space-between; transition: all 0.4s; }
  header .detailMenuContainer .bottomNav .mainNav .mainTitle:not(a) { border-bottom: solid 1px transparent; pointer-events: auto; color: #F47920; }
  header .detailMenuContainer .bottomNav .mainNav .mainTitle:not(a) .icon .line:last-child { transform: translate(-50%, -50%) rotate(90deg); }
  header .detailMenuContainer .bottomNav .mainNav .mainTitle.collapsed { border-bottom: solid 1px #C3C3C3; color: #000; }
  header .detailMenuContainer .bottomNav .mainNav .mainTitle.collapsed .icon .line:last-child { transform: translate(-50%, -50%) rotate(0deg); }
  header .detailMenuContainer .bottomNav .mainNav .mainTitle .text { display: block; }
  header .detailMenuContainer .bottomNav .mainNav .mainTitle .icon { width: 12px; height: 12px; display: block; position: relative; }
  header .detailMenuContainer .bottomNav .mainNav .mainTitle .icon .line { width: 100%; height: 2px; background: #676767; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.4s; }
  header .detailMenuContainer .bottomNav .mainNav .mainTitle .icon .line:last-child { width: 2px; height: 100%; }
  header .detailMenuContainer .bottomNav .subNav { padding-top: 0; padding-bottom: 0; }
  header .detailMenuContainer .bottomNav .subNav.collapse:not(.show) { display: none; }
  header .detailMenuContainer .bottomNav .subNav > li { margin-bottom: 20px; line-height: 20px; }
  header .detailMenuContainer .bottomNav .subNav > li:first-child { margin-top: 10px; }
  header .detailMenuContainer .bottomNav .subNav > li:last-child { margin-top: 10px; }
  header .detailMenuContainer .bottomNav .rwdLangContainer { height: 100px; padding-bottom: 14px; display: flex; align-items: center; flex-shrink: 0; }
  header .detailMenuContainer .bottomNav .rwdLangContainer .leftTitle { margin-left: 3px; margin-right: 20px; display: flex; align-items: center; }
  header .detailMenuContainer .bottomNav .rwdLangContainer .leftTitle .icon { margin-right: 9px; display: block; }
  header .detailMenuContainer .bottomNav .rwdLangContainer .leftTitle .text { display: block; }
  header .detailMenuContainer .bottomNav .rwdLangContainer .rightLink ul { margin: 0 -10px; display: flex; }
  header .detailMenuContainer .bottomNav .rwdLangContainer .rightLink ul li { padding: 0 10px; }
  header .detailMenuContainer .bottomNav .rwdLangContainer .rightLink ul li.active { color: #0060AF; }
  header .searchFormContainer.show { z-index: 9; }
  header .searchFormContainer.show .searchFormBox { top: 57px; }
  header .searchFormContainer .searchFormBox { height: 64px; padding: 0 0 0 16px; top: -120px; background: #fff; align-items: center; }
  header .searchFormContainer .searchFormBox .searchForm { width: calc(100% - 40px); height: 36px; padding: 0; background: transparent; justify-content: space-between; }
  header .searchFormContainer .searchFormBox .searchForm input { height: 100%; width: calc(100% - 60px); border: solid 1px #ACACAC; padding: 0 11px; font-size: 15px; line-height: 30px; }
  header .searchFormContainer .searchFormBox .searchForm input::placeholder { color: #676767; }
  header .searchFormContainer .searchFormBox .searchForm .submitSearch { width: 54px; height: 100%; background: #F47920; color: #fff; }
  header .searchFormContainer .searchFormBox .searchForm .submitSearch i { display: none; }
  header .searchFormContainer .searchFormBox .searchForm .submitSearch .text { display: block; }
  header .searchFormContainer .searchFormBox .closeBtn { width: 40px; height: 40px; background: transparent; }
  header .searchFormContainer .searchFormBox .closeBtn .icon { width: 10px; height: 10px; }
  header .searchFormContainer .searchFormBox .closeBtn .icon .line { width: 14px; height: 1px; background: #000; }
  footer .footerBox { height: auto; }
  footer .leftinfo { width: 100%; padding-left: 50px; }
  footer .leftinfo::after { display: none; }
  footer .rightinfo { width: calc( ( 100% - 0px )); margin-bottom: 20px; }
  footer .rightinfo .compInfo { padding-top: 10px; padding-bottom: 10px; } }
@media screen and (max-width: 767px) { footer { padding-top: 52px; }
  footer .leftinfo { padding-left: 3px; }
  footer .leftinfo .topContainer { margin-bottom: 20px; }
  footer .leftinfo .privacyLink { margin-bottom: 11px; }
  footer .leftinfo .bottomContainer .copyright { margin-bottom: 6px; }
  footer .rightinfo { flex-wrap: wrap; }
  footer .rightinfo .compInfo { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 2px 3px 4px; }
  footer .rightinfo .compInfo:first-child::after { display: none; }
  footer .rightinfo .compInfo .name { width: 100%; margin-bottom: 0; padding-top: 18px; padding-bottom: 18px; pointer-events: auto; display: flex; justify-content: space-between; align-items: center; }
  footer .rightinfo .compInfo .name.collapsed .icon .line:last-child { transform: translate(-50%, -50%) rotate(0deg); }
  footer .rightinfo .compInfo .name .text { display: block; }
  footer .rightinfo .compInfo .name .icon { width: 8px; height: 8px; display: block; position: relative; }
  footer .rightinfo .compInfo .name .icon .line { width: 100%; height: 2px; background: #676767; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.4s; }
  footer .rightinfo .compInfo .name .icon .line:last-child { width: 2px; height: 100%; transform: translate(-50%, -50%) rotate(90deg); }
  footer .rightinfo .compInfo .compInfoContent.collapse:not(.show) { display: none; }
  footer .rightinfo .compInfo .address { margin-bottom: 8px; }
  footer .rightinfo .compInfo .tel { margin-bottom: 5px; }
  footer .rightinfo .compInfo .fax { margin-bottom: 19px; } }
.indexBannerContainer { width: 100%; height: calc(100vh - 42px); display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2; }
.indexBannerContainer .bgSlider { width: 100%; height: 100%; }
.indexBannerContainer .bgSlider .slick { width: 100%; height: 100%; }
.indexBannerContainer .bgSlider .slick .slick-track, .indexBannerContainer .bgSlider .slick .slick-list { height: 100%; }
.indexBannerContainer .bgSlider .item { width: 100%; height: 100%; background-attachment: fixed; background-position: center; background-size: cover; display: flex; flex-direction: column; justify-content: center; }
.indexBannerContainer .bgSlider .item::before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; }
.indexBannerContainer .bgSlider .item.slick-current .doc .mainTitle, .indexBannerContainer .bgSlider .item.slick-current .doc .content, .indexBannerContainer .bgSlider .item.slick-current .doc .videoBtn { opacity: 1; top: 0; }
.indexBannerContainer .bgSlider .item .doc { width: 600px; margin-top: 34px; margin-left: 237px; position: relative; }
.indexBannerContainer .bgSlider .item .doc .mainTitle, .indexBannerContainer .bgSlider .item .doc .content, .indexBannerContainer .bgSlider .item .doc .videoBtn { opacity: 0; position: relative; top: 20px; }
.indexBannerContainer .bgSlider .item .doc .mainTitle { margin-bottom: 16px; transition: top 0.4s 0.4s, opacity 0.4s 0.4s; }
.indexBannerContainer .bgSlider .item .doc .content { margin-bottom: 45px; transition: top 0.4s 0.4s, opacity 0.4s 0.6s; }
.indexBannerContainer .bgSlider .item .doc .videoBtn { display: flex; align-items: center; transition: top 0.4s 0.4s, opacity 0.4s 0.8s; }
.indexBannerContainer .bgSlider .item .doc .videoBtn:hover .leftIcon { background: rgba(255, 255, 255, 0.1); }
.indexBannerContainer .bgSlider .item .doc .videoBtn:hover .leftIcon .triangle { border-color: transparent transparent transparent #F47920; transform: scale(1.5) translateX(2px); }
.indexBannerContainer .bgSlider .item .doc .videoBtn:hover .rightText { color: #F47920; }
.indexBannerContainer .bgSlider .item .doc .videoBtn .leftIcon { width: 70px; height: 70px; margin-right: 15px; border-radius: 50%; border: solid 1px #fff; background: rgba(255, 255, 255, 0); display: flex; justify-content: center; align-items: center; transition: all 0.4s; }
.indexBannerContainer .bgSlider .item .doc .videoBtn .leftIcon .triangle { width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #fff; display: block; transition: all 0.4s; }
.indexBannerContainer .bgSlider .item .doc .videoBtn .rightText { display: block; transition: all 0.4s; }
.indexBannerContainer .sliderControlContainer { width: 560px; height: 115px; padding: 0 50px; background: #F47920; position: absolute; left: 0; bottom: -42px; display: flex; align-items: center; justify-content: flex-end; }
.indexBannerContainer .sliderControlContainer .slickControl .prev, .indexBannerContainer .sliderControlContainer .slickControl .next { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; }
.indexBannerContainer .sliderControlContainer .slickControl .prev .defaultArrow { left: 0px; }
.indexBannerContainer .sliderControlContainer .slickControl .prev:hover .defaultArrow { left: -6px; }
.indexBannerContainer .sliderControlContainer .slickControl .prev:hover .defaultArrow .lineBottom { width: calc(100% + 6px); }
.indexBannerContainer .sliderControlContainer .slickControl .next .defaultArrow { right: 0px; }
.indexBannerContainer .sliderControlContainer .slickControl .next:hover .defaultArrow { right: -6px; }
.indexBannerContainer .sliderControlContainer .slickControl .next:hover .defaultArrow .lineBottom { width: calc(100% + 6px); }
.indexBannerContainer .sliderControlContainer .numBox { margin: 0 25px; }
.indexBannerContainer .scrollDownContainer { display: flex; flex-direction: column; align-items: center; position: absolute; left: 50px; bottom: 4px; }
.indexBannerContainer .scrollDownContainer .text { margin-bottom: 30px; writing-mode: vertical-lr; }
.indexBannerContainer .scrollDownContainer .decLine { width: 1px; height: 130px; position: relative; background: rgba(255, 255, 255, 0.3); overflow: hidden; }
.indexBannerContainer .scrollDownContainer .decLine .topLine { width: 100%; height: 20px; background: #fff; position: absolute; top: 0; left: 0; transition: all 0.4s; animation: scrollDownAni 2.5s linear 0s infinite normal; }
.indexBannerContainer .catelogContainer { width: 290px; height: 385px; position: absolute; right: 0; top: calc(50% + 48px); transform: translateY(-50%); display: flex; flex-direction: column; }
.indexBannerContainer .catelogContainer .bgDec { width: 100%; height: calc(100% - 36px); border: solid 1px rgba(255, 255, 255, 0.2); position: absolute; bottom: 0; left: 0; }
.indexBannerContainer .catelogContainer .bgDec::after { content: ''; width: 200px; height: 1px; background: rgba(255, 255, 255, 0.2); position: absolute; bottom: 0; left: 0; transform-origin: left bottom; transform: rotate(-45deg); }
.indexBannerContainer .catelogContainer .title { width: 50px; height: 100%; margin-block-start: 0; margin-block-end: 0; display: flex; align-items: center; writing-mode: vertical-lr; position: absolute; left: 0; top: 69px; }
.indexBannerContainer .catelogContainer .numBox { height: 50px; padding-left: 66px; display: flex; align-items: center; }
.indexBannerContainer .catelogContainer .catelogSlider { width: 238px; height: 334px; margin-left: auto; }
.indexBannerContainer .catelogContainer .catelogSlider .slick .slick-dots { width: 130px; height: 50px; margin-right: 20px; display: flex; justify-content: flex-end; align-items: center; bottom: -50px; right: 0; }
.indexBannerContainer .catelogContainer .catelogSlider .slick .slick-dots li { width: 6px; height: 6px; margin: 0 5px; display: block; }
.indexBannerContainer .catelogContainer .catelogSlider .slick .slick-dots li.slick-active button { opacity: 1; }
.indexBannerContainer .catelogContainer .catelogSlider .slick .slick-dots li button { width: 6px; height: 6px; padding: 0; border-radius: 50%; background: #fff; opacity: 0.4; position: relative; transition: all 0.4s; }
.indexBannerContainer .catelogContainer .catelogSlider .slick .slick-dots li button::before { content: ''; display: none; }

.indexTitleContainer .indexTitleBox { width: 76px; display: flex; justify-content: center; flex-wrap: wrap; position: relative; }
.indexTitleContainer .titleBg { width: 76px; height: 76px; margin-bottom: -18px; }
.indexTitleContainer .titleCh { margin-right: 12px; letter-spacing: 0.28em; position: relative; display: flex; align-items: center; }
.indexTitleContainer .titleCh::after { content: ''; width: 1px; height: 90px; margin-top: 9px; background: #aaa; }

.indexAboutContainer { padding-top: 222px; position: relative; z-index: 1; }
.indexAboutContainer .bgImg { position: absolute; top: 0; left: 40.26%; transform: translateX(-50%); }
.indexAboutContainer .bottomBg { width: 100%; height: 346px; position: absolute; bottom: 0; left: 0; }
.indexAboutContainer .aboutDoc { margin-bottom: 191px; display: flex; }
.indexAboutContainer .aboutDoc .indexTitleContainer { margin-right: 53px; margin-left: 103px; }
.indexAboutContainer .aboutDoc .docContainer { width: 550px; padding-top: 58px; }
.indexAboutContainer .aboutDoc .docContainer .slogen { margin-bottom: 23px; }
.indexAboutContainer .aboutDoc .docContainer .content { margin-bottom: 51px; }
.indexAboutContainer .rightImg { width: 46.615%; height: 995px; position: absolute; top: 165px; right: 0; }
.indexAboutContainer .rightImg img { width: 100%; height: 100%; object-fit: cover; }
.indexAboutContainer .bottomImgContainer .bottomImg { width: 67.647%; height: 492px; display: flex; position: relative; }
.indexAboutContainer .bottomImgContainer .item { width: 50%; }
.indexAboutContainer .bottomImgContainer .item img { width: 100%; height: 100%; object-fit: cover; }

.indexProductContainer { padding-top: 91px; padding-bottom: 70px; position: relative; z-index: 2; }
.indexProductContainer .bgImg { position: absolute; right: 0; bottom: -92px; }
.indexProductContainer .productTitleContainer { padding-bottom: 58px; display: flex; align-items: flex-end; justify-content: space-between; position: relative; }
.indexProductContainer .productTitleContainer::before { content: ''; width: 125px; }
.indexProductContainer .productTitleContainer .titleBox { display: flex; align-items: center; }
.indexProductContainer .productTitleContainer .titleBox .dec { width: 16px; height: 12px; }
.indexProductContainer .productTitleContainer .titleBox .dec.right { transform: rotate(180deg); }
.indexProductContainer .productTitleContainer .titleBox .dec img { display: block; }
.indexProductContainer .productTitleContainer .titleBox .title { margin: 0 20px; }
.indexProductContainer .productTitleContainer .arrowLink { width: 125px; justify-content: flex-end; }
.indexProductContainer .sliderContainer { width: 100%; overflow: hidden; }
.indexProductContainer .sliderContainer .slick { width: 100%; max-width: 870px; margin: 0 auto 59px; overflow: visible; }
.indexProductContainer .sliderContainer .slick .slick-list { overflow: visible; }
.indexProductContainer .sliderContainer .slick .item { padding: 0 25px; position: relative; }
.indexProductContainer .sliderContainer .slick .item.slick-current a::after { opacity: 0; }
.indexProductContainer .sliderContainer .slick .item.slick-current .img::after { opacity: 1; }
.indexProductContainer .sliderContainer .slick .item a { width: 100%; height: 100%; position: relative; display: block; }
.indexProductContainer .sliderContainer .slick .item a::after { content: ''; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4); opacity: 1; position: absolute; left: 0; top: 0; transition: all 0.4s; }
.indexProductContainer .sliderContainer .slick .item a:hover .img img { transform: scale(1.05); }
.indexProductContainer .sliderContainer .slick .item .img { height: 472px; display: block; overflow: hidden; position: relative; }
.indexProductContainer .sliderContainer .slick .item .img::after { content: ''; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); opacity: 0; position: absolute; left: 0; top: 0; transition: all 0.4s; }
.indexProductContainer .sliderContainer .slick .item .img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s; }
.indexProductContainer .sliderContainer .slick .item .doc { width: 100%; padding: 0 43px; display: block; position: absolute; left: 0; bottom: 32px; }
.indexProductContainer .sliderContainer .slick .item .title { margin-bottom: 15px; display: block; }
.indexProductContainer .sliderContainer .slick .item .content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.indexProductContainer .sliderContainer .slickInfo { display: flex; justify-content: center; align-items: center; }
.indexProductContainer .sliderContainer .slickInfo .slickProcessContainer { width: 600px; margin-right: 52px; margin-bottom: 6px; }
.indexProductContainer .sliderContainer .slickInfo .processBox { padding-top: 1px; position: relative; }
.indexProductContainer .sliderContainer .slickInfo .processBox .processLine { width: 100%; height: 1px; background: rgba(0, 0, 0, 0.2); }
.indexProductContainer .sliderContainer .slickInfo .processBox .currentW { width: 16.66%; height: 2px; background: #F47920; position: absolute; top: 0px; left: 0; transition: all 0.4s; }
.indexProductContainer .sliderContainer .slickInfo .slickControl { display: flex; }
.indexProductContainer .sliderContainer .slickInfo .slickControl .prev, .indexProductContainer .sliderContainer .slickInfo .slickControl .next { width: 60px; height: 60px; border: solid 1px #c8c8c8; background: transparent; display: flex; justify-content: center; align-items: center; font-size: 12px; position: relative; transition: all 0.4s; top: 0; }
.indexProductContainer .sliderContainer .slickInfo .slickControl .prev:hover, .indexProductContainer .sliderContainer .slickInfo .slickControl .next:hover { top: -10px; }
.indexProductContainer .sliderContainer .slickInfo .slickControl .prev:hover .defaultArrow .lineBottom, .indexProductContainer .sliderContainer .slickInfo .slickControl .prev:hover .defaultArrow .lineRotate, .indexProductContainer .sliderContainer .slickInfo .slickControl .next:hover .defaultArrow .lineBottom, .indexProductContainer .sliderContainer .slickInfo .slickControl .next:hover .defaultArrow .lineRotate { background-color: #F47920; }
.indexProductContainer .sliderContainer .slickInfo .slickControl .next { left: -1px; }

.indexNewsContainer { padding-bottom: 105px; position: relative; z-index: 1; }
.indexNewsContainer .indexNews { display: flex; justify-content: space-between; }
.indexNewsContainer .rightContent { width: calc(100% - 77px - 76px); padding-top: 55px; }
.indexNewsContainer .rightContent .newsList { width: 100%; padding-right: 25px; margin-bottom: 62px; }
.indexNewsContainer .rightContent .newsList ul { margin: 0 -50px; display: flex; }
.indexNewsContainer .rightContent .newsList ul li { width: 33.33%; padding: 0 50px; }
.indexNewsContainer .rightContent .newsList .item { margin-left: auto; }
.indexNewsContainer .rightContent .newsList .item a { display: block; transition: all 0.4s; }
.indexNewsContainer .rightContent .newsList .item a:hover { opacity: 0.7; }
.indexNewsContainer .rightContent .newsList .item .date { margin-bottom: 10px; display: block; }
.indexNewsContainer .rightContent .newsList .item .title { margin-bottom: 9px; max-height: 60px; overflow: hidden; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.indexNewsContainer .rightContent .newsList .item .content { max-height: 56px; overflow: hidden; line-height: 28px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.indexNewsContainer .rightContent .link { display: flex; justify-content: flex-end; }

.indexBrandContainer { padding-bottom: 73px; position: relative; background: #F0EBE8; z-index: 1; }
.indexBrandContainer .topBg { width: 100%; height: 98px; position: absolute; top: 0; left: 0; }
.indexBrandContainer .indexBrandBox { display: flex; position: relative; }
.indexBrandContainer .indexBrandBox .leftTitle { width: 270px; margin-top: 190px; margin-left: 60px; margin-right: 29px; position: relative; }
.indexBrandContainer .indexBrandBox .leftTitle .titleBox { padding-right: 40px; display: flex; justify-content: flex-end; align-items: flex-end; }
.indexBrandContainer .indexBrandBox .leftTitle .titleBox .titleEn { padding-right: 10px; margin-right: 10px; position: relative; }
.indexBrandContainer .indexBrandBox .leftTitle .titleBox .titleEn::after { content: ''; width: 1px; height: 100%; background: #aaa; position: absolute; right: 0; bottom: 0; }
.indexBrandContainer .indexBrandBox .leftTitle .titleBox .titleCh { margin-bottom: -0.28em; letter-spacing: 0.28em; }
.indexBrandContainer .indexBrandBox .leftTitle .titleBg { margin-top: -27px; }
.indexBrandContainer .indexBrandBox .rightBrands { width: calc(100% - 270px - 60px - 29px); overflow: hidden; }
.indexBrandContainer .indexBrandBox .rightBrands ul { margin: 0 -20px; display: flex; }
.indexBrandContainer .indexBrandBox .rightBrands ul:hover li:hover { width: calc(100%  - ( 50% - 460px ) ); }
.indexBrandContainer .indexBrandBox .rightBrands ul:hover li:not(:hover):first-child { margin-left: -460px; }
.indexBrandContainer .indexBrandBox .rightBrands ul:hover li:not(:hover):last-child { margin-right: -460px; }
.indexBrandContainer .indexBrandBox .rightBrands ul li { width: 50%; padding: 0 20px; transition: all 0.4s; }
.indexBrandContainer .indexBrandBox .rightBrands .item .brandImg { height: 618px; display: block; }
.indexBrandContainer .indexBrandBox .rightBrands .item .brandImg a { width: 100%; height: 100%; display: block; }
.indexBrandContainer .indexBrandBox .rightBrands .item .brandImg img { width: 100%; height: 100%; object-fit: cover; object-position: left; position: relative; left: 0; transition: all 0.4s; }
.indexBrandContainer .indexBrandBox .rightBrands .item .doc { width: 490px; margin-top: -70px; padding: 34px 55px 0; display: block; background: #F0EBE8; position: relative; left: 0; transition: all 0.4s; }
.indexBrandContainer .indexBrandBox .rightBrands .item .logo { height: 45px; margin-bottom: 7px; display: inline-block; }
.indexBrandContainer .indexBrandBox .rightBrands .item .logo a { width: 100%; height: 100%; display: block; }
.indexBrandContainer .indexBrandBox .rightBrands .item .logo img { width: 100%; height: 100%; width: 100%; height: 100%; object-fit: contain; }
.indexBrandContainer .indexBrandBox .rightBrands .item .content { margin-bottom: 13px; display: block; }
.indexBrandContainer .indexBrandBox .rightBrands .item .link { display: flex; justify-content: flex-end; }

.indexLocationContainer { position: relative; display: flex; justify-content: center; align-items: center; z-index: 0; }
.indexLocationContainer .bgImg { width: 100%; height: calc(100% - 100px); position: fixed; z-index: 0; top: 100px; bottom: 0; }
.indexLocationContainer .bgImg img { width: 100%; height: 100%; object-fit: cover; }
.indexLocationContainer a { width: 100%; height: 100%; padding: 98px 0 90px; display: flex; display: flex; justify-content: center; align-items: center; position: relative; background: rgba(0, 0, 0, 0); transition: all 0.4s; }
.indexLocationContainer a:hover { background: rgba(0, 0, 0, 0.15); }
.indexLocationContainer .doc { width: 210px; display: flex; flex-direction: column; align-items: center; position: relative; }
.indexLocationContainer .doc .titleContainer { width: 100%; margin-bottom: 40px; display: flex; flex-direction: column; align-items: center; }
.indexLocationContainer .doc .titleContainer .topDec { width: 76px; height: 76px; margin-bottom: -24px; display: block; }
.indexLocationContainer .doc .titleContainer .titleCh { padding-left: 0.5em; display: block; }
.indexLocationContainer .doc .titleContainer .titleEn { width: 100%; margin: 13px 0 10px; padding: 8px 0; border-top: 1px solid rgba(240, 235, 232, 0.15); border-bottom: 1px solid rgba(240, 235, 232, 0.15); display: block; }
.indexLocationContainer .doc .content { writing-mode: vertical-rl; display: flex; flex-direction: column; }
.indexLocationContainer .doc .content .contentLine { margin-left: 16px; letter-spacing: 0.5em; }
.indexLocationContainer .doc .content .contentLine:last-child { margin-left: 0; }
.indexLocationContainer .doc .content .num { margin-bottom: 0.5em; writing-mode: horizontal-tb; letter-spacing: normal; }

#indexVideoModal { padding-right: 0 !important; }
#indexVideoModal .modal-dialog { height: 100vh; width: 79.166%; max-width: none; margin-top: 0; margin-bottom: 0; position: relative; }
#indexVideoModal .modal-dialog .closeModal { width: 100px; height: 100px; background: #F47920; display: flex; justify-content: center; align-items: center; position: absolute; right: -100px; top: 0; }
#indexVideoModal .modal-dialog .closeModal:hover .closeLine::before { transform: translate(-50%, -50%) rotate(30deg); }
#indexVideoModal .modal-dialog .closeModal:hover .closeLine::after { transform: translate(-50%, -50%) rotate(-30deg); }
#indexVideoModal .modal-dialog .closeModal .closeLine { width: 24px; height: 24px; display: block; position: relative; transition: all 0.4s; }
#indexVideoModal .modal-dialog .closeModal .closeLine::before, #indexVideoModal .modal-dialog .closeModal .closeLine::after { content: ''; width: 32px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; transition: all 0.4s; }
#indexVideoModal .modal-dialog .closeModal .closeLine::before { transform: translate(-50%, -50%) rotate(45deg); }
#indexVideoModal .modal-dialog .closeModal .closeLine::after { transform: translate(-50%, -50%) rotate(-45deg); }
#indexVideoModal .modal-dialog .modal-content { height: 100%; background: #000; position: relative; }
#indexVideoModal .modal-dialog .modal-content iframe { width: 100%; height: 100%; border: none; }

@media screen and (max-width: 1699px) { .indexAboutContainer .aboutDoc .indexTitleContainer { margin-right: 50px; margin-left: 0px; } }
@media screen and (max-width: 1499px) { .indexAboutContainer .bottomBg { height: 300px; }
  .indexAboutContainer .aboutDoc .indexTitleContainer { margin-right: 30px; margin-left: 0px; }
  .indexAboutContainer .aboutDoc .docContainer { width: 500px; }
  .indexAboutContainer .rightImg { width: 40%; }
  .indexAboutContainer .bottomImgContainer .bottomImg { width: 80%; height: 400px; }
  .indexBrandContainer .indexBrandBox .leftTitle { width: 200px; margin-left: 40px; margin-right: 20px; }
  .indexBrandContainer .indexBrandBox .rightBrands { width: calc(100% - 200px - 40px - 20px); }
  .indexBrandContainer .indexBrandBox .rightBrands ul { margin: 0 -10px; }
  .indexBrandContainer .indexBrandBox .rightBrands ul:hover li:hover { width: calc(100%  - ( 50% - 280px ) ); }
  .indexBrandContainer .indexBrandBox .rightBrands ul:hover li:not(:hover):first-child { margin-left: -280px; }
  .indexBrandContainer .indexBrandBox .rightBrands ul:hover li:not(:hover):last-child { margin-right: -280px; }
  .indexBrandContainer .indexBrandBox .rightBrands ul li { padding: 0 10px; }
  .indexBrandContainer .indexBrandBox .rightBrands .item .brandImg { height: 550px; }
  .indexBrandContainer .indexBrandBox .rightBrands .item .doc { width: 300px; padding: 20px 25px 0; } }
@media screen and (max-width: 1299px) { .indexBannerContainer .bgSlider .item .doc { margin-left: 100px; }
  .indexBannerContainer .sliderControlContainer { width: 40%; min-width: 300px; }
  .indexBannerContainer .scrollDownContainer { left: 30px; }
  .indexBannerContainer .catelogContainer { width: 250px; height: 330px; }
  .indexBannerContainer .catelogContainer .catelogSlider { width: 200px; height: 280px; } }
@media screen and (max-width: 1199px) { .indexAboutContainer .bottomBg { height: 300px; }
  .indexAboutContainer .aboutDoc { margin-bottom: 120px; }
  .indexAboutContainer .aboutDoc .indexTitleContainer { margin-right: 25px; margin-left: 0px; }
  .indexAboutContainer .aboutDoc .docContainer { width: 450px; }
  .indexAboutContainer .rightImg { height: 750px; }
  .indexAboutContainer .bottomImgContainer .bottomImg { width: 90%; height: 360px; }
  .indexNewsContainer .rightContent { width: calc(100% - 50px - 76px); }
  .indexNewsContainer .rightContent .newsList { padding-right: 0; }
  .indexNewsContainer .rightContent .newsList ul { margin: 0 -25px; }
  .indexNewsContainer .rightContent .newsList ul li { padding: 0 25px; } }
@media screen and (max-width: 1023px) { .indexBannerContainer .bgSlider .item { background-attachment: scroll; }
  .indexBannerContainer .bgSlider .item .doc { width: 550px; }
  .indexBannerContainer .bgSlider .item .doc .mainTitle { font-size: 60px; line-height: 60px; }
  .indexBannerContainer .sliderControlContainer { width: 50%; }
  .indexBannerContainer .catelogContainer { display: none; }
  .indexBrandContainer .topBg { height: 30px; }
  .indexBrandContainer .indexBrandBox { max-width: 720px; margin: 0 auto; padding: 0 15px; flex-wrap: wrap; }
  .indexBrandContainer .indexBrandBox .leftTitle { width: 100%; margin: 0 0 1px 0; display: flex; justify-content: center; }
  .indexBrandContainer .indexBrandBox .leftTitle .titleBox { margin-bottom: 43px; padding-right: 0; flex-direction: column; align-items: flex-start; }
  .indexBrandContainer .indexBrandBox .leftTitle .titleBox .titleEn { writing-mode: horizontal-tb; padding-top: 9px; }
  .indexBrandContainer .indexBrandBox .leftTitle .titleBox .titleEn::after { width: 100%; height: 1px; top: 0; bottom: auto; }
  .indexBrandContainer .indexBrandBox .leftTitle .titleBox .titleCh { writing-mode: horizontal-tb; order: -1; margin-bottom: 10px; }
  .indexBrandContainer .indexBrandBox .leftTitle .titleBg { width: 174px; margin-top: 0px; margin-left: -74px; }
  .indexBrandContainer .indexBrandBox .rightBrands { width: 100%; }
  .indexBrandContainer .indexBrandBox .rightBrands ul { margin: 0 -10px; flex-wrap: wrap; }
  .indexBrandContainer .indexBrandBox .rightBrands ul:hover li:hover { width: 100%; }
  .indexBrandContainer .indexBrandBox .rightBrands ul:hover li:not(:hover) { width: 100%; }
  .indexBrandContainer .indexBrandBox .rightBrands ul:hover li:not(:hover):first-child { margin-left: 0px; }
  .indexBrandContainer .indexBrandBox .rightBrands ul:hover li:not(:hover):last-child { margin-right: 0px; }
  .indexBrandContainer .indexBrandBox .rightBrands ul li { width: 100%; padding: 0 10px; }
  .indexBrandContainer .indexBrandBox .rightBrands ul li:not(:last-child) { margin-bottom: 80px; }
  .indexBrandContainer .indexBrandBox .rightBrands .item .brandImg { height: 360px; }
  .indexBrandContainer .indexBrandBox .rightBrands .item .doc { width: 490px; padding: 30px 50px 0; } }
@media screen and (max-width: 991px) { .indexAboutContainer { padding-top: 120px; overflow: hidden; }
  .indexAboutContainer .bgImg { left: auto; right: 0; transform: translateX(0%); }
  .indexAboutContainer .bottomBg { display: none; }
  .indexAboutContainer .aboutDoc { margin-bottom: 80px; }
  .indexAboutContainer .aboutDoc .indexTitleContainer { margin-right: 24px; }
  .indexAboutContainer .aboutDoc .docContainer { width: calc(100% - 100px); }
  .indexAboutContainer .rightImg { width: 100%; height: 360px; position: relative; top: 0; }
  .indexAboutContainer .bottomImgContainer { max-width: none; padding: 0; }
  .indexAboutContainer .bottomImgContainer .bottomImg { width: 100%; height: 300px; }
  .indexProductContainer .bgImg { position: absolute; right: 0; bottom: -92px; }
  .indexProductContainer .productTitleContainer { flex-direction: column; align-items: center; }
  .indexProductContainer .productTitleContainer .titleBox { margin-bottom: 22px; }
  .indexProductContainer .sliderContainer .slick { width: calc(100% - 200px); }
  .indexProductContainer .sliderContainer .slick .item .img { height: 400px; }
  .indexProductContainer .sliderContainer .slickInfo .slickProcessContainer { width: calc(100% - 40px - 40px - 50px - 119px ); max-width: 600px; margin-right: 50px; }
  .indexProductContainer .sliderContainer .slickInfo .slickControl .prev:hover, .indexProductContainer .sliderContainer .slickInfo .slickControl .next:hover { top: 0px; }
  .indexNewsContainer .rightContent { width: calc(100% - 30px - 76px); }
  .indexNewsContainer .rightContent .newsList ul { margin: 0 -12px; }
  .indexNewsContainer .rightContent .newsList ul li { padding: 0 12px; }
  .indexLocationContainer .bgImg { height: calc(100% - 57px); top: 57px; }
  #indexVideoModal .modal-dialog { height: auto; margin-top: 1.75rem; margin-bottom: 1.75rem; }
  #indexVideoModal .modal-dialog .closeModal { position: fixed; right: 0; }
  #indexVideoModal .modal-dialog .modal-content { height: 600px; } }
@media screen and (max-width: 767px) { .indexBannerContainer { height: calc(100vh - 25px); }
  .indexBannerContainer .bgSlider .item .doc { width: 100%; max-width: 440px; margin-left: 50px; }
  .indexBannerContainer .bgSlider .item .doc .mainTitle { font-size: 45px; line-height: 50px; }
  .indexBannerContainer .bgSlider .item .doc .content { margin-bottom: 18px; font-size: 18px; line-height: 28px; }
  .indexBannerContainer .bgSlider .item .doc .videoBtn:hover .leftIcon .triangle { border-color: transparent transparent transparent #F47920; transform: scale(1) translateX(0px); }
  .indexBannerContainer .bgSlider .item .doc .videoBtn .leftIcon { width: 40px; height: 40px; }
  .indexBannerContainer .bgSlider .item .doc .videoBtn .leftIcon .triangle { border-width: 4px 0 4px 4px; }
  .indexBannerContainer .sliderControlContainer { width: 50%; min-width: 212px; height: 70px; padding: 0 20px; bottom: -25px; }
  .indexBannerContainer .scrollDownContainer { display: none; }
  .indexBannerContainer .catelogContainer { display: none; }
  .indexTitleContainer .indexTitleBox { width: 70px; }
  .indexTitleContainer .titleBg { width: 70px; height: 70px; margin-bottom: -11px; }
  .indexTitleContainer .titleCh { font-size: 24px; }
  .indexTitleContainer .titleEn { font-size: 15px; }
  .indexAboutContainer { padding-top: 65px; overflow: hidden; }
  .indexAboutContainer .bgImg { width: 210px; right: 11px; }
  .indexAboutContainer .bottomBg { display: none; }
  .indexAboutContainer > .container { padding-left: 20px; padding-right: 20px; }
  .indexAboutContainer .aboutDoc { margin-bottom: 80px; }
  .indexAboutContainer .aboutDoc .indexTitleContainer { margin-right: 12px; }
  .indexAboutContainer .aboutDoc .docContainer { width: calc(100% - 82px); padding-top: 53px; }
  .indexAboutContainer .aboutDoc .docContainer .slogen { font-size: 22px; line-height: 30px; }
  .indexAboutContainer .rightImg { height: 300px; }
  .indexAboutContainer .bottomImgContainer { padding-left: 0; padding-right: 0; }
  .indexAboutContainer .bottomImgContainer .bottomImg { height: 161px; }
  .indexProductContainer .sliderContainer .slick { width: calc(100% - 100px); }
  .indexProductContainer .sliderContainer .slick .item { padding: 0 10px; }
  .indexProductContainer .sliderContainer .slick .item .img { height: 320px; }
  .indexNewsContainer > .container { padding-left: 20px; padding-right: 20px; }
  .indexNewsContainer .rightContent { width: calc(100% - 12px - 70px); }
  .indexNewsContainer .rightContent .newsList { margin-bottom: 10px; }
  .indexNewsContainer .rightContent .newsList ul { margin: 0 -12px; flex-wrap: wrap; }
  .indexNewsContainer .rightContent .newsList ul li { width: 100%; padding: 0 12px; margin-bottom: 35px; }
  .indexNewsContainer .rightContent .link { justify-content: flex-start; }
  .indexBrandContainer .indexBrandBox { max-width: 540px; padding: 0 20px; }
  .indexBrandContainer .indexBrandBox .rightBrands .item .doc { width: 400px; padding: 20px 30px; }
  #indexVideoModal .modal-dialog { width: 100%; margin: 0; }
  #indexVideoModal .modal-dialog .closeModal { width: 70px; height: 70px; }
  #indexVideoModal .modal-dialog .modal-content { height: 435px; } }
@media screen and (max-width: 575px) { .indexBannerContainer .bgSlider .item { justify-content: flex-end; }
  .indexBannerContainer .bgSlider .item .doc { margin-left: 0; padding: 0 17px 105px; }
  .indexBannerContainer .bgSlider .item .doc .mainTitle { margin-bottom: 8px; font-size: 45px; line-height: 50px; letter-spacing: 0.05em; }
  .indexBannerContainer .bgSlider .item .doc .content { margin-bottom: 27px; font-size: 18px; line-height: 28px; }
  .indexBannerContainer .sliderControlContainer { width: 50%; min-width: 212px; height: 70px; padding: 0 20px; bottom: -25px; }
  .indexBannerContainer .sliderControlContainer .numBox { margin: 0 16px; }
  .indexBannerContainer .scrollDownContainer { display: none; }
  .indexBannerContainer .catelogContainer { display: none; }
  .indexAboutContainer { padding-top: 65px; overflow: hidden; }
  .indexAboutContainer .bgImg { width: 210px; right: 11px; }
  .indexAboutContainer .aboutDoc { margin-bottom: 74px; }
  .indexAboutContainer .aboutDoc .indexTitleContainer { margin-right: 12px; }
  .indexAboutContainer .aboutDoc .docContainer { width: calc(100% - 82px); padding-top: 54px; }
  .indexAboutContainer .aboutDoc .docContainer .slogen { margin-bottom: 12px; }
  .indexAboutContainer .aboutDoc .docContainer .content { margin-bottom: 19px; }
  .indexAboutContainer .aboutDoc .docContainer .link .doubleBoxBtn { width: 100%; max-width: 270px; height: 65px; }
  .indexProductContainer { padding-top: 57px; padding-bottom: 66px; }
  .indexProductContainer .bgImg { width: 190px; }
  .indexProductContainer .productTitleContainer { padding-bottom: 22px; }
  .indexProductContainer .productTitleContainer .titleBox { margin-bottom: 19px; }
  .indexProductContainer .productTitleContainer .titleBox .title { font-size: 28px; line-height: 28px; }
  .indexProductContainer .sliderContainer .slick { width: calc(100% - 55px); margin-bottom: 21px; }
  .indexProductContainer .sliderContainer .slick .item { padding: 0 10px; }
  .indexProductContainer .sliderContainer .slick .item.slick-current .doc { opacity: 1; }
  .indexProductContainer .sliderContainer .slick .item .img { height: 240px; }
  .indexProductContainer .sliderContainer .slick .item .doc { padding: 11px 0 0; position: relative; bottom: 0; opacity: 0; transition: all 0.4s; }
  .indexProductContainer .sliderContainer .slick .item .title { margin-bottom: 10px; font-size: 20px; line-height: 22px; color: #000; }
  .indexProductContainer .sliderContainer .slick .item .content { font-size: 16px; color: #000; white-space: normal; max-height: 52px; overflow: hidden; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .indexProductContainer .sliderContainer .slickInfo .slickProcessContainer { width: calc(100% - 40px - 40px - 16px - 99px ); margin-top: 15px; margin-right: 16px; margin-bottom: 0; }
  .indexProductContainer .sliderContainer .slickInfo .slickControl .prev, .indexProductContainer .sliderContainer .slickInfo .slickControl .next { width: 50px; height: 50px; }
  .indexNewsContainer { padding-bottom: 63px; }
  .indexNewsContainer > .container { padding-left: 20px; padding-right: 20px; }
  .indexNewsContainer .rightContent { padding-top: 60px; }
  .indexNewsContainer .rightContent .newsList { margin-bottom: 5px; }
  .indexNewsContainer .rightContent .newsList ul li { margin-bottom: 38px; }
  .indexNewsContainer .rightContent .newsList .item .date { font-size: 16px; line-height: 16px; }
  .indexNewsContainer .rightContent .newsList .item .title { margin-bottom: 3px; }
  .indexBrandContainer { padding-bottom: 56px; }
  .indexBrandContainer .indexBrandBox { padding: 0 23px; }
  .indexBrandContainer .indexBrandBox .leftTitle { justify-content: flex-start; }
  .indexBrandContainer .indexBrandBox .leftTitle .titleBox .titleCh { letter-spacing: 0.1em; }
  .indexBrandContainer .indexBrandBox .rightBrands ul:hover li:hover .item .link .arrowLink .defaultArrow { right: 0; }
  .indexBrandContainer .indexBrandBox .rightBrands ul li:not(:last-child) { margin-bottom: 42px; }
  .indexBrandContainer .indexBrandBox .rightBrands .item .brandImg { height: 200px; position: relative; }
  .indexBrandContainer .indexBrandBox .rightBrands .item .brandImg::after { content: ''; width: 76.66%; height: 22px; background: #F0EBE8; position: absolute; left: 0; bottom: 0; }
  .indexBrandContainer .indexBrandBox .rightBrands .item .doc { width: 100%; margin-top: -4px; padding: 0px 0px; background: transparent; }
  .indexBrandContainer .indexBrandBox .rightBrands .item .logo { margin-bottom: 6px; }
  .indexLocationContainer a { padding-top: 67px; padding-bottom: 68px; }
  .indexLocationContainer .doc { width: 225px; }
  .indexLocationContainer .doc .titleContainer { margin-bottom: 36px; }
  .indexLocationContainer .doc .content { writing-mode: horizontal-tb; line-height: 28px; letter-spacing: 0.03em; align-items: center; }
  .indexLocationContainer .doc .content .contentLine { margin-left: 0; letter-spacing: 0.03em; }
  .indexLocationContainer .doc .content .num { margin-bottom: 0; letter-spacing: 0.03em; }
  #indexVideoModal .modal-dialog .modal-content { height: 324px; } }
@media screen and (max-width: 449px) { .indexProductContainer .sliderContainer .slick .item .img { height: 197px; } }
.aboutBgTitle { display: flex; flex-direction: column; align-items: center; }
.aboutBgTitle .img { width: 76px; height: 76px; margin-bottom: -19px; }
.aboutBgTitle .titleCh { margin-bottom: 13px; }
.aboutBgTitle .titleEn { padding: 0 18px; position: relative; }
.aboutBgTitle .titleEn::before, .aboutBgTitle .titleEn::after { content: ''; width: 60px; height: 1px; background: #C8C8C8; position: absolute; top: 50%; transform: translateY(-50%); }
.aboutBgTitle .titleEn::before { left: -60px; }
.aboutBgTitle .titleEn::after { right: -60px; }

.aboutHistoryProcessContainer { max-width: 1055px; margin: 0 auto; padding-bottom: 122px; position: relative; }
.aboutHistoryProcessContainer::before { content: ''; width: 1px; height: calc(100% - 30px); background: #C3C3C3; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.aboutHistoryProcessContainer .historyBox { width: 50%; margin-bottom: 15px; position: relative; }
.aboutHistoryProcessContainer .historyBox:nth-child(odd) .yearContainer .year { margin-right: auto; }
.aboutHistoryProcessContainer .historyBox:nth-child(odd) .yearContainer .line { width: calc(100% - 120px); }
.aboutHistoryProcessContainer .historyBox:nth-child(odd) .yearContainer .circle { margin-right: -6px; }
.aboutHistoryProcessContainer .historyBox:nth-child(even) { margin-left: auto; }
.aboutHistoryProcessContainer .historyBox:nth-child(even) .yearContainer .year { order: 3; }
.aboutHistoryProcessContainer .historyBox:nth-child(even) .yearContainer .line { width: 60px; margin-right: 20px; order: 2; }
.aboutHistoryProcessContainer .historyBox:nth-child(even) .yearContainer .circle { margin-left: -6px; order: 1; }
.aboutHistoryProcessContainer .historyBox:nth-child(even) .experience { margin-left: auto; }
.aboutHistoryProcessContainer .yearContainer { margin-bottom: 10px; display: flex; align-items: center; }
.aboutHistoryProcessContainer .yearContainer .line { height: 1px; background: #F47920; }
.aboutHistoryProcessContainer .yearContainer .circle { width: 12px; height: 12px; border-radius: 50%; background: #F47920; position: relative; }
.aboutHistoryProcessContainer .yearContainer .circle::before { content: ''; width: 183.33%; height: 183.33%; border-radius: 50%; background: rgba(244, 121, 32, 0.2); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.aboutHistoryProcessContainer .experience { width: 450px; }
.aboutHistoryProcessContainer .experience ul { padding-left: 1em; }
.aboutHistoryProcessContainer .experience ul li { position: relative; }
.aboutHistoryProcessContainer .experience ul li::before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #F47920; position: absolute; left: -0.5em; top: 0.83em; transform: translate(-50%, -50%); }

/*創辦人*/
.aboutFounderInfoContainer { padding-top: 62px; padding-bottom: 107px; position: relative; }
.aboutFounderInfoContainer .decBg { position: absolute; left: 0; top: 60px; }
.aboutFounderInfoContainer .infoTitle { margin-bottom: 60px; }
.aboutFounderInfoContainer .article { display: flex; justify-content: space-between; }
.aboutFounderInfoContainer .article .doc { width: 620px; padding-left: 74px; padding-top: 47px; }
.aboutFounderInfoContainer .article .doc .slogen { padding-bottom: 21px; margin-bottom: 20px; position: relative; }
.aboutFounderInfoContainer .article .doc .slogen::after { content: ''; width: 50px; height: 1px; background: #aaa; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.aboutFounderInfoContainer .article .doc .content { margin-bottom: 44px; }
.aboutFounderInfoContainer .article .doc .content p:not(:last-child) { margin-bottom: 12px; }
.aboutFounderInfoContainer .article .doc .bookInfo .name { margin-bottom: 3px; }
.aboutFounderInfoContainer .article .img { width: 600px; height: 750px; }
.aboutFounderInfoContainer .article .img img { width: 100%; height: 100%; object-fit: cover; }

.aboutFounderHistory { padding-top: 70px; position: relative; }
.aboutFounderHistory .bgTop { width: 100%; height: 500px; background: #F0EBE8; position: absolute; top: 0; left: 0; }
.aboutFounderHistory .aboutBgTitle { margin-bottom: 30px; }
.aboutFounderHistory .historyImg { width: 100%; max-width: 1025px; height: 480px; margin: 0 auto 58px; }
.aboutFounderHistory .historyImg img { width: 100%; height: 100%; object-fit: cover; }

/*企業概要*/
.aboutCompInfoIntro { padding-top: 62px; padding-bottom: 73px; position: relative; z-index: 2; overflow: hidden; }
.aboutCompInfoIntro .infoTitle { margin-bottom: 8px; }
.aboutCompInfoIntro .articleTop { margin-bottom: 56px; display: flex; justify-content: space-between; }
.aboutCompInfoIntro .articleTop .leftImg { width: 650px; height: 558px; }
.aboutCompInfoIntro .articleTop .leftImg .imgBox { width: 100%; height: 100%; }
.aboutCompInfoIntro .articleTop .leftImg img { width: 100%; height: 100%; object-fit: cover; }
.aboutCompInfoIntro .articleTop .rightDoc { width: 606px; padding-top: 124px; }
.aboutCompInfoIntro .articleTop .rightDoc .slogen { padding-bottom: 22px; margin-bottom: 25px; position: relative; }
.aboutCompInfoIntro .articleTop .rightDoc .slogen::after { content: ''; width: 50px; height: 1px; background: #aaa; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.aboutCompInfoIntro .articleTop .rightDoc .content p:not(:last-child) { margin-bottom: 12px; }
.aboutCompInfoIntro .articleContent p:not(:last-child) { margin-bottom: 12px; }

.aboutCompInfoManage { padding-top: 126px; padding-bottom: 118px; position: relative; z-index: 1; }
.aboutCompInfoManage.showBg .bgImg { opacity: 1; }
.aboutCompInfoManage.showBg .bgImg img { width: 100%; height: 100%; object-fit: cover; }
.aboutCompInfoManage .bgImg { width: 100%; height: calc(100vh - 100px); position: fixed; top: 100px; left: 0; opacity: 0; transition: all 0.4s; }
.aboutCompInfoManage .bgImg::before, .aboutCompInfoManage .bgImg::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.aboutCompInfoManage .bgImg::before { background: rgba(0, 96, 175, 0.3); z-index: 1; }
.aboutCompInfoManage .bgImg::after { background: rgba(0, 0, 0, 0.5); z-index: 2; }
.aboutCompInfoManage .articleContainer { position: relative; }
.aboutCompInfoManage .articleContainer .infoTitle { margin-bottom: 20px; }
.aboutCompInfoManage .articleContainer .slogen { margin-bottom: 48px; }
.aboutCompInfoManage .articleContainer .manageList { width: 100%; }
.aboutCompInfoManage .articleContainer .manageList ul { display: flex; justify-content: center; }
.aboutCompInfoManage .articleContainer .manageList ul li { width: 290px; height: 290px; }
.aboutCompInfoManage .articleContainer .manageList ul li:nth-child(2) { margin-left: -3.1%; margin-right: -3.1%; }
.aboutCompInfoManage .articleContainer .manageList .item { width: 100%; height: 100%; padding-top: 9px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }
.aboutCompInfoManage .articleContainer .manageList .item::before { content: ''; width: 100%; height: 100%; border-radius: 50%; border: solid 1px rgba(255, 255, 255, 0.3); position: absolute; left: 0; top: 0; }
.aboutCompInfoManage .articleContainer .manageList .item .icon { width: 80px; height: 75px; margin-bottom: 22px; }
.aboutCompInfoManage .articleContainer .manageList .item .icon img { width: 100%; height: 100%; object-fit: contain; }
.aboutCompInfoManage .articleContainer .manageList .item .itemTitle { margin-bottom: 14px; }
.aboutCompInfoManage .articleContainer .manageList .item .itemContent { width: 68.965%; max-width: 200px; }

.aboutCompInfoShow { padding-top: 89px; padding-bottom: 96px; position: relative; z-index: 2; overflow: hidden; }
.aboutCompInfoShow .aboutBgTitle { margin-bottom: 68px; }
.aboutCompInfoShow .showImg { margin-bottom: 31px; }
.aboutCompInfoShow .showContainer { display: flex; justify-content: space-between; }
.aboutCompInfoShow .showContainer .showList { width: 44.776%; }
.aboutCompInfoShow .showContainer .showTitle { margin-bottom: 12px; }
.aboutCompInfoShow .showContainer .contentList ul li { height: 50px; padding-top: 5px; border-bottom: 1px solid #aaa; display: flex; align-items: center; }
.aboutCompInfoShow .showContainer .contentList ul li .country { width: calc(100% - 110px - 60px); display: block; }
.aboutCompInfoShow .showContainer .contentList ul li .month { width: 110px; display: block; }
.aboutCompInfoShow .showContainer .contentList ul li .date { width: 60px; display: block; }

/*企業沿革*/
.aboutHistoryContainer { padding-top: 63px; overflow: hidden; }
.aboutHistoryContainer .infoTitle { margin-bottom: 39px; }
.aboutHistoryContainer .yearMenuContainer { width: 100%; height: 67px; margin-bottom: 58px; }
.aboutHistoryContainer .yearMenuContainer ul { width: 100%; height: 100%; display: flex; justify-content: center; }
.aboutHistoryContainer .yearMenuContainer ul li { flex: 0 0 33.33%; }
.aboutHistoryContainer .yearMenuContainer ul li:not(:last-child) { margin-right: -1px; }
.aboutHistoryContainer .yearMenuContainer .yearBtn { width: 100%; height: 100%; border: solid 1px #aaa; color: #212025; display: flex; justify-content: center; align-items: center; transition: all 0.4s; }
.aboutHistoryContainer .yearMenuContainer .yearBtn:hover { background: #212025; color: #fff; }
.aboutHistoryContainer .historyProcess { padding-bottom: 121px; }
.aboutHistoryContainer .historyProcess .historyAnchor { position: relative; top: -150px; }

/*經營理念*/
.aboutIdeaContainer { padding-top: 62px; padding-bottom: 124px; }
.aboutIdeaContainer .infoTitle { margin-bottom: 54px; }
.aboutIdeaContainer .aboutIdeaItem { display: flex; align-items: center; }
.aboutIdeaContainer .aboutIdeaItem:not(:last-child) { margin-bottom: 115px; }
.aboutIdeaContainer .aboutIdeaItem:nth-child(odd) { justify-content: flex-end; }
.aboutIdeaContainer .aboutIdeaItem:nth-child(odd) .docContainer::before { left: 0; transform: translateX(-100%); }
.aboutIdeaContainer .aboutIdeaItem:nth-child(even) .docContainer { order: -1; }
.aboutIdeaContainer .aboutIdeaItem:nth-child(even) .docContainer::before { right: 0; transform: translateX(100%); }
.aboutIdeaContainer .aboutIdeaItem .imgBox { width: 752px; height: 490px; position: relative; z-index: 1; }
.aboutIdeaContainer .aboutIdeaItem .imgBox .img { width: 100%; height: 100%; }
.aboutIdeaContainer .aboutIdeaItem .imgBox .img img { width: 100%; height: 100%; object-fit: cover; }
.aboutIdeaContainer .aboutIdeaItem .docContainer { width: 670px; min-height: 644px; padding-top: 120px; padding-bottom: 120px; background: #fff; display: flex; justify-content: center; align-items: center; position: relative; }
.aboutIdeaContainer .aboutIdeaItem .docContainer::before { content: ''; width: 263px; height: 100%; background: #fff; position: absolute; top: 0; }
.aboutIdeaContainer .aboutIdeaItem .doc { width: 100%; max-width: 410px; display: flex; flex-direction: column; align-items: center; }
.aboutIdeaContainer .aboutIdeaItem .doc .numBox { padding-bottom: 25px; margin-bottom: 28px; display: flex; flex-direction: column; align-items: center; position: relative; }
.aboutIdeaContainer .aboutIdeaItem .doc .numBox::after { content: ''; width: 50px; height: 1px; background: #aaa; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.aboutIdeaContainer .aboutIdeaItem .doc .numBox .concept { margin-bottom: -6px; }
.aboutIdeaContainer .aboutIdeaItem .doc .title { margin-bottom: 17px; }
.aboutIdeaContainer .aboutIdeaItem .doc .content p:not(:last-child) { margin-bottom: 30px; }

/*經營團隊*/
.aboutTeamMap { padding-top: 62px; padding-bottom: 112px; background: #F0EBE8; position: relative; z-index: 1; }
.aboutTeamMap .teamMap { margin: 0 -40px; }
.aboutTeamMap .infoTitle { margin-bottom: 56px; }
.aboutTeamMap .mapContainer { width: 100%; max-width: 1652px; margin-left: auto; }
.aboutTeamMap .mapContainer area { position: relative; z-index: 999; cursor: pointer; }
.aboutTeamMap .mapContainer area:hover + .area { opacity: 1; }
.aboutTeamMap .mapContainer .area { position: absolute; pointer-events: none; opacity: 0; transition: opacity 0.4s; }
.aboutTeamMap .mapContainer .area img { width: 100%; height: 100%; object-fit: cover; }
.aboutTeamMap .teamSelectContainer { width: 100%; max-width: 300px; margin: 0 auto; position: relative; }
.aboutTeamMap .teamSelectContainer .teamSelectBtn { width: 100%; height: 50px; border-bottom: solid 2px #000; display: flex; align-items: center; justify-content: space-between; position: relative; }
.aboutTeamMap .teamSelectContainer .teamSelectBtn.collapsed::after { width: 0%; }
.aboutTeamMap .teamSelectContainer .teamSelectBtn.collapsed:hover::after { width: 100%; }
.aboutTeamMap .teamSelectContainer .teamSelectBtn.collapsed .icon::after { transform: translate(-50%, -50%); }
.aboutTeamMap .teamSelectContainer .teamSelectBtn::before { content: ''; width: 10px; }
.aboutTeamMap .teamSelectContainer .teamSelectBtn::after { content: ''; width: 100%; height: 2px; background: #F47920; position: absolute; left: 0; bottom: -2px; transition: all 0.4s; }
.aboutTeamMap .teamSelectContainer .teamSelectBtn .text { padding-left: 0.1em; }
.aboutTeamMap .teamSelectContainer .teamSelectBtn .icon { width: 10px; height: 10px; position: relative; }
.aboutTeamMap .teamSelectContainer .teamSelectBtn .icon::before, .aboutTeamMap .teamSelectContainer .teamSelectBtn .icon::after { content: ''; background: #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s; }
.aboutTeamMap .teamSelectContainer .teamSelectBtn .icon::before { width: 100%; height: 2px; }
.aboutTeamMap .teamSelectContainer .teamSelectBtn .icon::after { width: 2px; height: 100%; transform: translate(-50%, -50%) rotate(270deg); }
.aboutTeamMap .teamSelectContainer .teamOptionBox { width: 100%; position: absolute; z-index: 5; box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.1); }
.aboutTeamMap .teamSelectContainer .teamOptionBox ul { width: 100%; max-height: 250px; overflow-y: scroll; }
.aboutTeamMap .teamSelectContainer .teamOptionBox ul::-webkit-scrollbar { width: 0; height: 0; }
.aboutTeamMap .teamSelectContainer .teamOptionBox ul li { width: 100%; }
.aboutTeamMap .teamSelectContainer .teamOptionBox .teamOptionBtn { width: 100%; height: 45px; border-bottom: solid 1px #ddd; background: white; display: flex; align-items: center; justify-content: center; }

.aboutTeamList > ul > li { padding-top: 92px; padding-bottom: 80px; }
.aboutTeamList > ul > li:nth-child(odd) { background: url(../styles/images/public/grayBg.png) repeat; position: relative; }
.aboutTeamList > ul > li:nth-child(even) { background: #fff; position: relative; }
.aboutTeamList > ul > li.active .teamItem .infoBox { opacity: 1; }
.aboutTeamList .teamAnchor { position: relative; top: -190px; }
.aboutTeamList .teamItem { display: flex; justify-content: space-between; }
.aboutTeamList .teamItem .leftInfo { padding-top: 4px; }
.aboutTeamList .teamItem .infoBox { width: 365px; position: sticky; top: 120px; opacity: 0; transition: all 0.4s; }
.aboutTeamList .teamItem .infoBox .teamTitle { margin-bottom: 27px; }
.aboutTeamList .teamItem .infoBox .teamInfo > ul > li { padding-top: 16px; padding-bottom: 10px; border-bottom: 1px solid #aaa; display: flex; align-items: center; }
.aboutTeamList .teamItem .infoBox .teamInfo .infoTitle { width: 83px; margin-bottom: 0; }
.aboutTeamList .teamItem .infoBox .teamInfo .infoContent { width: calc(100% - 83px); }
.aboutTeamList .teamItem .infoBox .teamInfo .infoContent a { transition: all 0.4s; }
.aboutTeamList .teamItem .infoBox .teamInfo .infoContent a:hover { opacity: 0.7; }
.aboutTeamList .teamItem .directorList { width: 1050px; margin-bottom: -60px; }
.aboutTeamList .teamItem .directorList > ul { margin: 0 -30px; display: flex; flex-wrap: wrap; }
.aboutTeamList .teamItem .directorList > ul > li { margin-bottom: 60px; padding: 0 30px; flex: 0 0 33.3333%; }
.aboutTeamList .teamItem .directorItem .directorImg { width: 100%; padding-bottom: 129%; margin-bottom: 13px; position: relative; }
.aboutTeamList .teamItem .directorItem .directorImg img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.aboutTeamList .teamItem .directorItem .directorJob { margin-bottom: 2px; }

/*董事會*/
.aboutDirectorContainer { padding-top: 62px; padding-bottom: 118px; overflow: hidden; }
.aboutDirectorContainer .infoTitle { margin-bottom: 37px; }
.aboutDirectorContainer .directorSection .title { margin-bottom: 30px; }
.aboutDirectorContainer .directorSection .doc { margin-bottom: 48px; }
.aboutDirectorContainer .directorSection .subTitle { margin-bottom: 16px; }
.aboutDirectorContainer .directorSection .content ul { margin-bottom: 12px; }
.aboutDirectorContainer .directorMemberList { margin-bottom: 74px; }
.aboutDirectorContainer .directorMemberList .title { margin-bottom: 17px; }
.aboutDirectorContainer .directorMemberList .directorMemberTable .customTable .job { width: 25%; }
.aboutDirectorContainer .directorMemberList .directorMemberTable .customTable .name { width: 25%; }
.aboutDirectorContainer .directorMemberList .directorMemberTable .customTable .gender { width: 14.55%; }
.aboutDirectorContainer .directorMemberList .directorMemberTable .customTable .exp { width: 35.45%; }
.aboutDirectorContainer .directorPolicy { margin-bottom: 70px; }
.aboutDirectorContainer .directorPolicy .policyTable .customTable .name { width: 18.68%; }
.aboutDirectorContainer .directorPolicy .policyTable .customTable .gender { width: 15.67%; }
.aboutDirectorContainer .directorPolicy .policyTable .customTable .specialty { width: 21.65%; }
.aboutDirectorContainer .directorPolicy .policyTable .customTable .num { width: 5.5%; }
.aboutDirectorContainer .directorPolicy .policyTable .customTable .policyTrue { width: 8px; height: 8px; border-radius: 50%; background: #0060AF; display: inline-block; }
.aboutDirectorContainer .directorElection .doc { margin-bottom: 58px; }
.aboutDirectorContainer .directorElection .content p:not(:last-child) { margin-bottom: 12px; }
.aboutDirectorContainer .directorElection .info { margin-bottom: 33px; }
.aboutDirectorContainer .directorElection .electionTable { margin-bottom: 57px; }
.aboutDirectorContainer .directorElection .electionTable .info { margin-bottom: 33px; }
.aboutDirectorContainer .directorElection .electionTable .customTable .name { width: 25%; }
.aboutDirectorContainer .directorElection .electionTable .customTable .stock { width: 25%; }
.aboutDirectorContainer .directorElection .electionTable .customTable .education { width: 25%; }
.aboutDirectorContainer .directorElection .electionTable .customTable .exp { width: 25%; }
.aboutDirectorContainer .directorElection .electionProcessTable .info { margin-bottom: 27px; }
.aboutDirectorContainer .directorElection .electionProcessTable .customTable .job { width: 25%; }
.aboutDirectorContainer .directorElection .electionProcessTable .customTable .name { width: 25%; }
.aboutDirectorContainer .directorElection .electionProcessTable .customTable .num { width: 25%; }
.aboutDirectorContainer .directorElection .electionProcessTable .customTable .note { width: 25%; }

@media screen and (max-width: 1799px) { .aboutTeamMap .teamMap { margin: 0 -0px; } }
@media screen and (max-width: 1699px) { /*經營理念*/
  .aboutIdeaContainer .aboutIdeaItem .imgBox { width: 52.8%; }
  .aboutIdeaContainer .aboutIdeaItem .docContainer { width: 47.2%; }
  .aboutIdeaContainer .aboutIdeaItem .docContainer::before { width: 38.8%; }
  /*經營團隊*/
  .aboutTeamList .teamItem .infoBox { width: 350px; }
  .aboutTeamList .teamItem .directorList { width: calc(100% - 380px); } }
@media screen and (max-width: 1499px) { /*創辦人*/
  .aboutFounderInfoContainer .article .doc { width: 45%; padding-top: 15px; padding-left: 0px; }
  .aboutFounderInfoContainer .article .img { width: 50%; }
  /*企業概要*/
  .aboutCompInfoIntro .articleTop .leftImg { width: 50%; }
  .aboutCompInfoIntro .articleTop .rightDoc { width: 45%; padding-top: 80px; }
  .aboutCompInfoShow .showContainer .showList { width: 47.5%; }
  /*經營團隊*/
  .aboutTeamList .teamItem .directorList > ul { margin: 0 -15px; }
  .aboutTeamList .teamItem .directorList > ul > li { padding: 0 15px; }
  /*董事會*/
  .aboutDirectorContainer .directorMemberList .directorMemberTable .customTable .job { width: 20%; }
  .aboutDirectorContainer .directorMemberList .directorMemberTable .customTable .name { width: 28%; }
  .aboutDirectorContainer .directorMemberList .directorMemberTable .customTable .gender { width: 10%; }
  .aboutDirectorContainer .directorMemberList .directorMemberTable .customTable .exp { width: 42%; }
  .aboutDirectorContainer .directorPolicy .policyTable .customTable .name { width: 18.68%; }
  .aboutDirectorContainer .directorPolicy .policyTable .customTable .gender { width: 15.67%; }
  .aboutDirectorContainer .directorPolicy .policyTable .customTable .specialty { width: 21.65%; }
  .aboutDirectorContainer .directorPolicy .policyTable .customTable .num { width: 5.5%; }
  .aboutDirectorContainer .directorElection .electionTable .customTable .name { width: 15%; }
  .aboutDirectorContainer .directorElection .electionTable .customTable .stock { width: 20%; }
  .aboutDirectorContainer .directorElection .electionTable .customTable .education { width: 30%; }
  .aboutDirectorContainer .directorElection .electionTable .customTable .exp { width: 35%; } }
@media screen and (max-width: 1199px) { .aboutHistoryProcessContainer .historyBox:nth-child(even) .yearContainer .line { width: 40px; margin-right: 15px; }
  .aboutHistoryProcessContainer .experience { width: calc(100% - 40px - 15px - (12px / 2 )); }
  /*創辦人*/
  .aboutFounderInfoContainer .article { flex-direction: column; align-items: center; }
  .aboutFounderInfoContainer .article .doc { width: 100%; margin-top: 0; }
  .aboutFounderInfoContainer .article .img { width: 35%; height: auto; margin-bottom: 50px; order: -1; }
  .aboutFounderInfoContainer .article .img .imgBox { width: 100%; padding-bottom: 125%; position: relative; }
  .aboutFounderInfoContainer .article .img img { position: absolute; top: 0; left: 0; }
  /*企業概要*/
  .aboutCompInfoIntro .infoTitle { margin-bottom: 40px; }
  .aboutCompInfoIntro .articleTop { margin-bottom: 30px; }
  .aboutCompInfoIntro .articleTop .leftImg { width: 45%; height: 500px; }
  .aboutCompInfoIntro .articleTop .rightDoc { width: 50%; padding-top: 0px; }
  /*經營理念*/
  .aboutIdeaContainer .aboutIdeaItem .imgBox { width: 45%; }
  .aboutIdeaContainer .aboutIdeaItem .docContainer { width: 55%; }
  .aboutIdeaContainer .aboutIdeaItem .docContainer::before { width: 30%; }
  /*經營團隊*/
  .aboutTeamList .teamItem .directorList > ul > li { flex: 0 0 50%; }
  /*董事會*/
  .aboutDirectorContainer .directorMemberList .directorMemberTable .customTable .job { width: 15%; }
  .aboutDirectorContainer .directorMemberList .directorMemberTable .customTable .name { width: 28%; }
  .aboutDirectorContainer .directorMemberList .directorMemberTable .customTable .gender { width: 10%; }
  .aboutDirectorContainer .directorMemberList .directorMemberTable .customTable .exp { width: 47%; }
  .aboutDirectorContainer .directorPolicy .policyTable .customTable .name { width: 18.68%; }
  .aboutDirectorContainer .directorPolicy .policyTable .customTable .gender { width: 15.67%; }
  .aboutDirectorContainer .directorPolicy .policyTable .customTable .specialty { width: 21.65%; }
  .aboutDirectorContainer .directorPolicy .policyTable .customTable .num { width: 5.5%; }
  .aboutDirectorContainer .directorElection .electionTable .customTable .name { width: 13%; }
  .aboutDirectorContainer .directorElection .electionTable .customTable .stock { width: 23%; }
  .aboutDirectorContainer .directorElection .electionTable .customTable .education { width: 24%; }
  .aboutDirectorContainer .directorElection .electionTable .customTable .exp { width: 40%; } }
@media screen and (max-width: 991px) { .aboutHistoryProcessContainer .historyBox:nth-child(even) .yearContainer .line { width: 25px; margin-right: 12px; }
  .aboutHistoryProcessContainer .experience { width: calc(100% - 25px - 12px - (12px / 2 )); }
  /*創辦人*/
  .aboutFounderInfoContainer { overflow: hidden; }
  .aboutFounderInfoContainer .decBg { width: 240px; }
  .aboutFounderInfoContainer .infoTitle { margin-bottom: 40px; }
  .aboutFounderInfoContainer .article .img { width: 40%; margin-bottom: 30px; }
  .aboutFounderHistory { overflow: hidden; }
  /*企業概要*/
  .aboutCompInfoIntro .articleTop { margin-bottom: 12px; flex-direction: column; align-items: center; }
  .aboutCompInfoIntro .articleTop .leftImg { width: 100%; max-width: 650px; height: 400px; margin-bottom: 50px; overflow: hidden; }
  .aboutCompInfoIntro .articleTop .leftImg .imgBox { width: 100%; height: auto; padding-bottom: 85.846%; position: relative; }
  .aboutCompInfoIntro .articleTop .leftImg img { position: absolute; top: 0; left: 0; }
  .aboutCompInfoIntro .articleTop .rightDoc { width: 100%; }
  .aboutCompInfoManage.showBg .bgImg img { width: 100%; height: 100%; object-fit: cover; }
  .aboutCompInfoManage .bgImg { height: calc(100vh - 57px); top: 57px; }
  .aboutCompInfoManage .articleContainer .manageList ul li { width: 230px; height: 230px; }
  .aboutCompInfoManage .articleContainer .manageList .item { padding-top: 0; }
  .aboutCompInfoManage .articleContainer .manageList .item .icon { margin-bottom: 18px; }
  .aboutCompInfoManage .articleContainer .manageList .item .itemTitle { margin-bottom: 12px; font-size: 20px; line-height: 20px; }
  .aboutCompInfoManage .articleContainer .manageList .item .itemContent { font-size: 16px; line-height: 20px; }
  .aboutCompInfoShow .showContainer { flex-direction: column; }
  .aboutCompInfoShow .showContainer .showList { width: 100%; }
  .aboutCompInfoShow .showContainer .showList.publicShow { margin-bottom: 60px; }
  /*經營理念*/
  .aboutIdeaContainer .aboutIdeaItem { flex-direction: column; }
  .aboutIdeaContainer .aboutIdeaItem:nth-child(odd) .docContainer::before { left: auto; right: auto; transform: translate(0, -100%); }
  .aboutIdeaContainer .aboutIdeaItem:nth-child(even) .docContainer { order: 0; }
  .aboutIdeaContainer .aboutIdeaItem:nth-child(even) .docContainer::before { left: auto; right: auto; transform: translate(0, -100%); }
  .aboutIdeaContainer .aboutIdeaItem .imgBox { width: 80%; height: auto; }
  .aboutIdeaContainer .aboutIdeaItem .imgBox .img { width: 100%; height: auto; padding-bottom: 65.33%; position: relative; }
  .aboutIdeaContainer .aboutIdeaItem .imgBox .img img { position: absolute; top: 0; left: 0; }
  .aboutIdeaContainer .aboutIdeaItem .docContainer { width: 100%; min-height: auto; padding-top: 60px; padding-bottom: 80px; }
  .aboutIdeaContainer .aboutIdeaItem .docContainer::before { width: 100%; height: 20%; }
  /*經營團隊*/
  .aboutTeamList { overflow: hidden; }
  .aboutTeamList .teamAnchor { top: -100px; }
  .aboutTeamList .teamItem { flex-direction: column; }
  .aboutTeamList .teamItem .infoBox { width: 100%; opacity: 1; position: relative; top: 0; }
  .aboutTeamList .teamItem .infoBox .teamInfo { width: 350px; margin-bottom: 40px; }
  .aboutTeamList .teamItem .directorList { width: 100%; }
  .aboutTeamList .teamItem .directorList > ul { margin: 0 -10px; }
  .aboutTeamList .teamItem .directorList > ul > li { padding: 0 10px; flex: 0 0 33.333%; }
  .aboutTeamList .teamItem .directorItem .directorJob { letter-spacing: 0.05em; }
  .aboutTeamList .teamItem .directorItem .directorName { letter-spacing: 0.05em; }
  /*董事會*/
  .aboutDirectorContainer .directorMemberList .directorMemberTable { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .aboutDirectorContainer .directorMemberList .directorMemberTable .customTable { width: 900px; }
  .aboutDirectorContainer .directorMemberList .directorMemberTable .customTable thead th { top: 0; }
  .aboutDirectorContainer .directorPolicy .policyTable .policyTableBox { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .aboutDirectorContainer .directorPolicy .policyTable .customTable { width: 800px; }
  .aboutDirectorContainer .directorPolicy .policyTable .customTable thead th { top: 0; }
  .aboutDirectorContainer .directorPolicy .policyTable .customTable .name { width: 20%; }
  .aboutDirectorContainer .directorPolicy .policyTable .customTable .gender { width: 12%; }
  .aboutDirectorContainer .directorPolicy .policyTable .customTable .specialty { width: 24%; }
  .aboutDirectorContainer .directorElection .electionTable .electionTableBox { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .aboutDirectorContainer .directorElection .electionTable .customTable { width: 900px; }
  .aboutDirectorContainer .directorElection .electionTable .customTable thead th { top: 0; } }
@media screen and (max-width: 767px) { .aboutHistoryProcessContainer::before { left: 6px; }
  .aboutHistoryProcessContainer .historyBox { width: 100%; margin-bottom: 30px; }
  .aboutHistoryProcessContainer .historyBox:nth-child(odd) .yearContainer .year { order: 3; }
  .aboutHistoryProcessContainer .historyBox:nth-child(odd) .yearContainer .line { width: 35px; margin-right: 12px; order: 2; }
  .aboutHistoryProcessContainer .historyBox:nth-child(odd) .yearContainer .circle { order: 1; }
  .aboutHistoryProcessContainer .historyBox:nth-child(odd) .experience { margin-left: auto; }
  .aboutHistoryProcessContainer .historyBox:nth-child(even) .yearContainer .line { width: 35px; }
  .aboutHistoryProcessContainer .historyBox:nth-child(even) .yearContainer .circle { margin-left: 0; }
  .aboutHistoryProcessContainer .yearContainer[data-aos=fade-right] { transform: translate3d(100px, 0, 0); }
  .aboutHistoryProcessContainer .yearContainer[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0); }
  .aboutHistoryProcessContainer .experience { width: calc(100% - 35px - 12px - (12px / 2 )); }
  /*創辦人*/
  .aboutFounderInfoContainer .article .img { width: 50%; }
  .aboutFounderHistory { padding-top: 50px; }
  .aboutFounderHistory .bgTop { height: 400px; }
  .aboutFounderHistory .historyImg { height: 300px; }
  /*企業概要*/
  .aboutCompInfoIntro .articleTop .leftImg { height: 320px; }
  .aboutCompInfoManage.showBg .bgImg img { width: 100%; height: 100%; object-fit: cover; }
  .aboutCompInfoManage .articleContainer .manageList ul { flex-direction: column; align-items: center; }
  .aboutCompInfoManage .articleContainer .manageList ul li { width: 250px; height: 250px; }
  .aboutCompInfoManage .articleContainer .manageList ul li:nth-child(2) { margin: -3.1% 0; }
  /*經營理念*/
  .aboutIdeaContainer .aboutIdeaItem .docContainer { padding-top: 40px; padding-bottom: 60px; }
  .aboutIdeaContainer .aboutIdeaItem .doc .numBox { padding-bottom: 15px; margin-bottom: 20px; }
  .aboutIdeaContainer .aboutIdeaItem .doc .numBox .num { font-size: 80px; line-height: 80px; }
  /*經營團隊*/
  .aboutTeamList .teamItem .directorList > ul > li { flex: 0 0 50%; }
  /*董事會*/
  .aboutDirectorContainer .directorSection .title { margin-bottom: 20px; }
  .aboutDirectorContainer .directorMemberList { margin-bottom: 60px; }
  .aboutDirectorContainer .directorPolicy { margin-bottom: 60px; }
  .aboutDirectorContainer .directorPolicy .doc { margin-bottom: 30px; }
  .aboutDirectorContainer .directorElection .doc { margin-bottom: 30px; }
  .aboutDirectorContainer .directorElection .electionTable { margin-bottom: 30px; }
  .aboutDirectorContainer .directorElection .electionProcessTable .electionProcessTableBox { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .aboutDirectorContainer .directorElection .electionProcessTable .customTable { width: 700px; }
  .aboutDirectorContainer .directorElection .electionProcessTable .customTable thead th { top: 0; } }
@media screen and (max-width: 575px) { .aboutHistoryProcessContainer .yearContainer .year { font-size: 40px; line-height: 40px; }
  .aboutHistoryProcessContainer .experience { width: calc(100% - 20px); font-size: 17px; line-height: 26px; }
  .aboutHistoryProcessContainer .experience ul li::before { top: 0.765em; }
  /*創辦人*/
  .aboutFounderInfoContainer { padding-top: 50px; padding-bottom: 70px; }
  .aboutFounderInfoContainer .decBg { width: 150px; }
  .aboutFounderInfoContainer .article .doc .content { margin-bottom: 30px; font-size: 17px; line-height: 24px; }
  .aboutFounderInfoContainer .article .doc .bookInfo .name { line-height: 26px; margin-bottom: 10px; }
  .aboutFounderInfoContainer .article .img { width: 200px; margin-bottom: 12px; }
  .aboutFounderHistory .historyProcess { padding-bottom: 80px; }
  /*企業概要*/
  .aboutCompInfoIntro .articleTop .leftImg { height: auto; max-height: 320px; margin-bottom: 30px; }
  .aboutCompInfoIntro .articleTop .rightDoc .content { font-size: 17px; line-height: 24px; }
  .aboutCompInfoManage { padding-top: 80px; padding-bottom: 60px; }
  .aboutCompInfoManage.showBg .bgImg img { width: 100%; height: 100%; object-fit: cover; }
  .aboutCompInfoManage .articleContainer .manageList ul { flex-direction: column; align-items: center; }
  .aboutCompInfoManage .articleContainer .manageList ul li { width: 250px; height: 250px; }
  .aboutCompInfoManage .articleContainer .manageList ul li:nth-child(2) { margin: -3.1% 0; }
  .aboutCompInfoShow { padding-top: 60px; }
  /*企業沿革*/
  .aboutHistoryContainer { padding-top: 45px; }
  .aboutHistoryContainer .infoTitle { margin-bottom: 25px; }
  .aboutHistoryContainer .yearMenuContainer { height: 46px; margin-bottom: 40px; }
  .aboutHistoryContainer .yearMenuContainer .yearBtn { font-size: 16px; line-height: 16px; }
  .aboutHistoryContainer .historyProcess { padding-bottom: 80px; }
  /*經營理念*/
  .aboutIdeaContainer .aboutIdeaItem:not(:last-child) { margin-bottom: 60px; }
  .aboutIdeaContainer .aboutIdeaItem .imgBox { width: 95%; }
  .aboutIdeaContainer .aboutIdeaItem .docContainer { padding: 30px 15px 40px; }
  .aboutIdeaContainer .aboutIdeaItem .doc .numBox .concept { margin-bottom: 0px; }
  .aboutIdeaContainer .aboutIdeaItem .doc .numBox .num { font-size: 70px; line-height: 70px; }
  .aboutIdeaContainer .aboutIdeaItem .doc .title { font-size: 20px; line-height: 30px; }
  .aboutIdeaContainer .aboutIdeaItem .doc .content { font-size: 16px; line-height: 24px; }
  /*經營團隊*/
  .aboutTeamList > ul > li { padding-top: 40px; padding-bottom: 70px; }
  .aboutTeamList .teamItem .infoBox .teamTitle { margin-bottom: 10px; font-size: 40px; line-height: 40px; }
  .aboutTeamList .teamItem .infoBox .teamInfo { width: 100%; max-width: 350px; }
  .aboutTeamList .teamItem .infoBox .teamInfo > ul > li { flex-direction: column; align-items: flex-start; }
  .aboutTeamList .teamItem .infoBox .teamInfo .infoTitle { margin-bottom: 5px; }
  .aboutTeamList .teamItem .directorList { margin-bottom: -40px; }
  .aboutTeamList .teamItem .directorList > ul { margin: 0 -5px; }
  .aboutTeamList .teamItem .directorList > ul > li { margin-bottom: 40px; padding: 0 5px; }
  .aboutTeamList .teamItem .directorItem .directorJob { font-size: 15px; line-height: 20px; color: #333; }
  .aboutTeamList .teamItem .directorItem .directorName { font-size: 26px; line-height: 26px; }
  /*董事會*/
  .aboutDirectorContainer { padding-bottom: 70px; }
  .aboutDirectorContainer .customTable { font-size: 17px; line-height: 26px; }
  .aboutDirectorContainer .directorSection .content { font-size: 17px; line-height: 26px; } }
@media screen and (max-width: 499px) { .aboutCompInfoShow .aboutBgTitle .titleEn { width: 200px; }
  .aboutCompInfoShow .showContainer { flex-direction: column; }
  .aboutCompInfoShow .showContainer .showList { width: 100%; }
  .aboutCompInfoShow .showContainer .showList.publicShow { margin-bottom: 60px; }
  .aboutCompInfoShow .showContainer .showTitle { margin-bottom: 5px; }
  .aboutCompInfoShow .showContainer .contentList ul li { height: auto; padding-top: 12px; padding-bottom: 8px; flex-wrap: wrap; justify-content: space-between; }
  .aboutCompInfoShow .showContainer .contentList ul li .country { width: 100%; font-weight: 600; color: #333; }
  .aboutCompInfoShow .showContainer .contentList ul li .month { width: calc(100% - 60px); } }
@media screen and (max-width: 374px) { /*企業概要*/
  .aboutCompInfoIntro .articleTop .rightDoc .slogen { padding-bottom: 15px; margin-bottom: 20px; font-size: 19px; line-height: 30px; letter-spacing: 0.01em; }
  /*經營團隊*/
  .aboutTeamMap { padding-top: 40px; padding-bottom: 80px; }
  .aboutTeamMap .infoTitle { margin-bottom: 30px; } }
.newsTopContainer { padding-top: 84px; position: relative; z-index: 1; }
.newsTopContainer .navContainer { display: flex; justify-content: space-between; }
.newsTopContainer .navContainer::before { content: ''; width: 150px; }
.newsTopContainer .navContainer .nav { height: 38px; }
.newsTopContainer .navContainer .nav ul { height: 100%; margin: 0 -21px; display: flex; align-items: center; justify-content: center; }
.newsTopContainer .navContainer .nav ul li { height: 100%; padding: 0 21px; }
.newsTopContainer .navContainer .nav ul li.active a { color: #F47920; }
.newsTopContainer .navContainer .nav ul li.active a::after { width: 100%; }
.newsTopContainer .navContainer .nav ul a { height: 100%; padding-bottom: 8px; display: flex; align-items: center; position: relative; transition: all 0.4s; }
.newsTopContainer .navContainer .nav ul a:hover::after { width: 100%; }
.newsTopContainer .navContainer .nav ul a::after { content: ''; width: 0; height: 2px; background: #F47920; position: absolute; left: 50%; bottom: 0; transform: translate(-50%); transition: all 0.4s; }
.newsTopContainer .navContainer .yearSelector { width: 150px; position: relative; }
.newsTopContainer .navContainer .yearSelector .selectorBtn { width: 100%; height: 38px; border: solid 1px #ccc; border-radius: 3px; padding: 0 18px; background: #fff; display: flex; align-items: center; justify-content: space-between; }
.newsTopContainer .navContainer .yearSelector .selectorBtn .icon { width: 0; height: 0; border-style: solid; border-width: 5px 3.5px 0 3.5px; border-color: #333 transparent transparent transparent; }
.newsTopContainer .navContainer .yearSelector .optionContainer { width: 100%; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); position: absolute; z-index: 2; }
.newsTopContainer .navContainer .yearSelector .optionBox .optionBtn { width: 100%; height: 40px; background: #fff; display: flex; align-items: center; justify-content: center; transition: all 0.4s; }
.newsTopContainer .navContainer .yearSelector .optionBox .optionBtn.active { color: #F47920; }
.newsTopContainer .navContainer .yearSelector .optionBox .optionBtn:hover { background: #f5f5f5; }

.newsListContainer { padding-top: 95px; padding-bottom: 150px; display: flex; justify-content: space-between; position: relative; }
.newsListContainer .bgDec { position: absolute; left: 48px; top: 508px; }
.newsListContainer .item a { display: block; }
.newsListContainer .item a:hover .itemImg img { transform: scale(1.1); }
.newsListContainer .item a:hover .itemDoc .itemTitle { opacity: 0.8; }
.newsListContainer .item .itemImg { display: block; }
.newsListContainer .item .itemImg .imgBox { display: block; overflow: hidden; }
.newsListContainer .item .itemImg img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s; }
.newsListContainer .item .itemDoc { display: block; }
.newsListContainer .item .itemDoc .dateTag { margin-bottom: 17px; display: flex; align-items: center; }
.newsListContainer .item .itemDoc .dateTag .date { margin-right: 8px; display: block; }
.newsListContainer .item .itemDoc .dateTag .tag { display: block; }
.newsListContainer .item .itemDoc .itemTitle { width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.4s; }
.newsListContainer .leftItemBox .leftItem { width: 633px; margin-left: -53px; display: flex; justify-content: space-between; position: sticky; top: 200px; }
.newsListContainer .leftItemBox .itemBg { width: 81.517%; height: calc(100% + 150px); background: #fff; position: absolute; left: -200px; top: 50%; transform: translateY(-50%); z-index: -1; opacity: 0; transition: all 0.7s 0s; }
.newsListContainer .leftItemBox .itemBg::before { content: ''; width: calc( ( 100vw - 1500px) / 2 - 53px); height: 100%; background: #fff; position: absolute; top: 0; left: 0; transform: translateX(-100%); }
.newsListContainer .leftItemBox .indexTitleContainer { position: relative; }
.newsListContainer .leftItemBox .indexTitleContainer.aos-animate ~ .itemBg { opacity: 1; left: 0; }
.newsListContainer .leftItemBox .item { width: 510px; position: relative; }
.newsListContainer .leftItemBox .item .itemImg { width: 100%; margin-bottom: 28px; display: block; }
.newsListContainer .leftItemBox .item .itemImg .imgBox { width: 100%; height: 472px; display: block; }
.newsListContainer .rightList { width: 835px; }
.newsListContainer .rightList ul li:not(:last-child) { border-bottom: 1px solid #ccc; }
.newsListContainer .rightList ul li:first-child .item a { padding-top: 0; }
.newsListContainer .rightList .item a { padding: 30px 0; display: flex; justify-content: space-between; align-items: flex-end; }
.newsListContainer .rightList .item a:hover .itemDoc .itemTitle { opacity: 1; }
.newsListContainer .rightList .item a:hover .itemDoc .more .arrowLink .defaultArrow { right: -5px; }
.newsListContainer .rightList .item a:hover .itemDoc .more .arrowLink .defaultArrow .lineBottom, .newsListContainer .rightList .item a:hover .itemDoc .more .arrowLink .defaultArrow .lineRotate { background-color: #F47920; }
.newsListContainer .rightList .item .itemImg { width: 200px; height: 159px; }
.newsListContainer .rightList .item .itemImg .imgBox { width: 100%; height: 100%; }
.newsListContainer .rightList .item .itemDoc { width: calc(100% - 200px - 38px); }
.newsListContainer .rightList .item .itemDoc .itemTitle { margin-bottom: 19px; padding-right: 30px; }
.newsListContainer .rightList .item .itemDoc .content { width: 100%; margin-bottom: 30px; padding-right: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsListContainer .rightList .item .itemDoc .more { display: flex; justify-content: flex-end; }
.newsListContainer ~ .customPagination { margin-top: 5px; padding-bottom: 122px; }

.newsDetailTopContainer { margin-bottom: 38px; padding-top: 6px; padding-bottom: 29px; border-bottom: 1px solid #ccc; }
.newsDetailTopContainer .dateType { margin-bottom: 9px; display: flex; align-items: center; }
.newsDetailTopContainer .dateType .date { margin-right: 20px; }
.newsDetailTopContainer .dateType .type { margin-bottom: 0; }

.newsDetailSocialContainer { margin-bottom: 31px; }
.newsDetailSocialContainer ul { display: flex; align-items: center; }
.newsDetailSocialContainer ul li { padding: 0 3px; }
.newsDetailSocialContainer .item a { width: 32px; height: 32px; border: solid 1px #000; border-radius: 6px; background: #fff; display: flex; justify-content: center; align-items: center; transition: all 0.4s; }
.newsDetailSocialContainer .item a:hover { border-color: #F47920; color: #555; }

.newsDetailMiddleEditor { padding-bottom: 227px; }

@media screen and (max-width: 1699px) { .newsListContainer { padding-top: 120px; }
  .newsListContainer .leftItemBox { width: 40%; }
  .newsListContainer .leftItemBox .leftItem { width: 100%; margin-left: 0; }
  .newsListContainer .leftItemBox .itemBg::before { width: calc( ( 100vw - 1440px) / 2 + 15px); }
  .newsListContainer .leftItemBox .item { width: calc(100% - 100px); }
  .newsListContainer .rightList { width: 55%; } }
@media screen and (max-width: 1499px) { .newsListContainer .bgDec { left: 0; }
  .newsListContainer .leftItemBox { width: 45%; }
  .newsListContainer .leftItemBox .itemBg::before { width: calc( ( 100vw - 1140px) / 2 + 15px); }
  .newsListContainer .rightList { width: 50%; } }
@media screen and (max-width: 1199px) { .newsContainer { overflow: hidden; }
  .newsTopContainer .navContainer .nav ul { margin: 0 -10px; }
  .newsTopContainer .navContainer .nav ul li { padding: 0 10px; }
  .newsListContainer { padding-bottom: 40px; flex-direction: column; }
  .newsListContainer .bgDec { width: 450px; top: 300px; left: auto; right: -150px; }
  .newsListContainer .leftItemBox { width: 100%; margin-bottom: 130px; }
  .newsListContainer .leftItemBox .itemBg { width: 40%; height: calc(100% + 100px); }
  .newsListContainer .leftItemBox .itemBg::before { width: calc( ( 100vw - 960px) / 2 + 15px); }
  .newsListContainer .leftItemBox .item a { display: flex; align-items: center; justify-content: space-between; }
  .newsListContainer .leftItemBox .item .itemImg { width: 50%; margin-bottom: 0; }
  .newsListContainer .leftItemBox .item .itemImg .imgBox { height: 280px; }
  .newsListContainer .leftItemBox .item .itemDoc { width: 45%; padding-bottom: 30px; }
  .newsListContainer .rightList { width: 100%; } }
@media screen and (max-width: 991px) { .newsTopContainer { padding-top: 60px; }
  .newsTopContainer .navContainer { flex-direction: column; }
  .newsTopContainer .navContainer::before { display: none; }
  .newsTopContainer .navContainer .nav { margin-bottom: 20px; overflow-x: scroll; }
  .newsTopContainer .navContainer .nav::-webkit-scrollbar { width: 0; height: 0; }
  .newsTopContainer .navContainer .nav ul { width: max-content; margin: 0 auto; flex-wrap: nowrap; flex-shrink: 0; }
  .newsTopContainer .navContainer .yearSelector { margin-left: auto; }
  .newsListContainer { padding-top: 100px; }
  .newsListContainer .leftItemBox .itemBg { width: 80%; }
  .newsListContainer .leftItemBox .itemBg::before { width: calc( ( 100vw - 720px) / 2 + 15px); }
  .newsListContainer .leftItemBox .item a { flex-direction: column; }
  .newsListContainer .leftItemBox .item .itemImg { width: 100%; margin-bottom: 20px; }
  .newsListContainer .leftItemBox .item .itemImg .imgBox { height: 220px; }
  .newsListContainer .leftItemBox .item .itemDoc { width: 100%; padding-bottom: 0px; }
  .newsListContainer ~ .customPagination { padding-bottom: 90px; }
  .newsDetailTopContainer { margin-bottom: 25px; padding-bottom: 15px; }
  .newsDetailTopContainer .title { font-size: 30px; line-height: 40px; }
  .newsDetailMiddleEditor { padding-bottom: 150px; } }
@media screen and (max-width: 767px) { .newsListContainer .leftItemBox .itemBg::before { width: calc( ( 100vw - 540px) / 2 + 15px); } }
@media screen and (max-width: 575px) { .newsListContainer .item .itemDoc .dateTag { margin-bottom: 10px; font-size: 16px; line-height: 16px; }
  .newsListContainer .item .itemDoc .itemTitle { font-size: 18px; line-height: 18px; }
  .newsListContainer .leftItemBox .itemBg::before { width: 15px; }
  .newsListContainer .rightList .item .itemImg { width: 150px; height: 130px; }
  .newsListContainer .rightList .item .itemDoc { width: calc(100% - 170px); }
  .newsListContainer .rightList .item .itemDoc .itemTitle { margin-bottom: 10px; }
  .newsDetailContainer { padding-top: 50px; }
  .newsDetailTopContainer .title { font-size: 24px; line-height: 30px; }
  .newsDetailMiddleEditor { padding-bottom: 80px; } }
@media screen and (max-width: 499px) { .newsListContainer .bgDec { width: 400px; }
  .newsListContainer .leftItemBox .item { width: calc(100% - 80px); }
  .newsListContainer .rightList .item a { flex-direction: column; }
  .newsListContainer .rightList .item .itemImg { width: 100%; height: 200px; margin-bottom: 20px; }
  .newsListContainer .rightList .item .itemDoc { width: 100%; }
  .newsListContainer .rightList .item .itemDoc .itemTitle { padding-right: 0; }
  .newsListContainer .rightList .item .itemDoc .content { padding-right: 0; } }
@media screen and (max-width: 374px) { .newsListContainer .leftItemBox .item .itemImg .imgBox { height: 200px; }
  .newsListContainer .leftItemBox .item .itemDoc .dateTag { flex-direction: column; align-items: flex-start; }
  .newsListContainer .leftItemBox .item .itemDoc .dateTag .date { margin-bottom: 10px; } }
.productTypeContainer { padding-top: 84px; padding-bottom: 124px; overflow: hidden; }

.productTypeTopContainer { margin-bottom: 39px; }
.productTypeTopContainer .navContainer { display: flex; justify-content: center; }
.productTypeTopContainer .navContainer .nav { height: 38px; }
.productTypeTopContainer .navContainer .nav ul { height: 100%; margin: 0 -21px; display: flex; align-items: center; justify-content: center; }
.productTypeTopContainer .navContainer .nav ul li { height: 100%; padding: 0 21px; }
.productTypeTopContainer .navContainer .nav ul li.active .typeHref { color: #F47920; }
.productTypeTopContainer .navContainer .nav ul li.active .typeHref::after { width: 100%; }
.productTypeTopContainer .navContainer .nav ul .typeHref { height: 100%; padding-bottom: 8px; display: flex; align-items: center; position: relative; transition: all 0.4s; }
.productTypeTopContainer .navContainer .nav ul .typeHref:hover { color: #F47920; }
.productTypeTopContainer .navContainer .nav ul .typeHref:hover::after { width: 100%; }
.productTypeTopContainer .navContainer .nav ul .typeHref::after { content: ''; width: 0; height: 2px; background: #F47920; position: absolute; left: 50%; bottom: 0; transform: translate(-50%); transition: all 0.4s; }

.productTypeList ul li:not(:last-child) { margin-bottom: 110px; }
.productTypeList ul li:nth-child(odd) .item a { margin-left: auto; }
.productTypeList ul li:nth-child(odd) .item .bgimg { top: 132px; left: -82px; }
.productTypeList ul li:nth-child(odd) .item .bgColor { width: 750px; right: 0; }
.productTypeList ul li:nth-child(odd) .item .bgColor::before { right: 0; transform: translateX(100%); }
.productTypeList ul li:nth-child(odd) .item .imgContainer .num { margin-top: -20px; margin-bottom: -38px; margin-left: -23px; }
.productTypeList ul li:nth-child(odd) .item .docContainer { padding-left: 40px; }
.productTypeList ul li:nth-child(even) .item a { margin-right: auto; }
.productTypeList ul li:nth-child(even) .item .bgimg { top: 303px; right: -52px; }
.productTypeList ul li:nth-child(even) .item .bgColor { width: 520px; left: 0; }
.productTypeList ul li:nth-child(even) .item .bgColor::before { left: 0; transform: translateX(-100%); }
.productTypeList ul li:nth-child(even) .item .imgContainer .num { margin-left: auto; margin-top: -19px; margin-right: -62px; margin-bottom: -33px; }
.productTypeList ul li:nth-child(even) .item .imgContainer .more { margin-left: auto; }
.productTypeList ul li:nth-child(even) .item .docContainer { padding-right: 40px; order: -1; }
.productTypeList .item { padding: 80px 0; display: flex; flex-direction: colunm; position: relative; }
.productTypeList .item .itemAnchor { position: relative; top: -180px; }
.productTypeList .item a { display: flex; align-items: center; }
.productTypeList .item a:hover .imgContainer .imgBox img { transform: scale(1.05); }
.productTypeList .item a:hover .imgContainer .more .arrowLink .defaultArrow { right: -5px; }
.productTypeList .item a:hover .imgContainer .more .arrowLink .defaultArrow .lineBottom, .productTypeList .item a:hover .imgContainer .more .arrowLink .defaultArrow .lineRotate { background-color: #F47920; }
.productTypeList .item .bgimg { display: block; position: absolute; pointer-events: none; }
.productTypeList .item .bgColor { height: 100%; display: block; position: absolute; top: 0; pointer-events: none; }
.productTypeList .item .bgColor::before { content: ''; width: calc( ( 100vw - 1500px ) / 2 ); height: 100%; background: url(../styles/images/public/grayBg.png) repeat; position: absolute; top: 0; }
.productTypeList .item .imgContainer { width: 920px; display: flex; flex-direction: column; }
.productTypeList .item .imgContainer .num { display: block; position: relative; z-index: 1; transition: all 0.4s; }
.productTypeList .item .imgContainer .imgBox { width: 100%; height: 570px; margin-bottom: 32px; display: block; position: relative; overflow: hidden; }
.productTypeList .item .imgContainer .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s; }
.productTypeList .item .imgContainer .more { display: block; position: relative; }
.productTypeList .item .docContainer { width: 290px; display: flex; flex-direction: column; align-items: center; position: relative; }
.productTypeList .item .docContainer .topTitle { height: 227px; padding-bottom: 30px; margin-bottom: 30px; display: block; position: relative; }
.productTypeList .item .docContainer .topTitle::after { content: ''; width: 90px; height: 1px; background: #c3c3c3; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.productTypeList .item .docContainer .topTitle .titleEn { margin-left: 10px; display: block; }
.productTypeList .item .docContainer .topTitle .titleCh { margin-left: 12px; letter-spacing: 7px; display: block; }
.productTypeList .item .docContainer .topTitle .slogen { display: block; letter-spacing: 7px; }
.productTypeList .item .docContainer .bottomContent { width: 230px; display: block; }

.productsTopInfo { padding-bottom: 69px; display: flex; flex-direction: column; align-items: center; }
.productsTopInfo .titleEn { margin-bottom: 12px; }
.productsTopInfo .titleCh { margin-bottom: 21px; }
.productsTopInfo .content { max-width: 610px; }

.productsListContainer { padding-top: 59px; }
.productsListContainer .seriesNav { margin-bottom: 88px; }
.productsListContainer .seriesNav ul { margin: 0 -24px; display: flex; align-items: center; justify-content: center; }
.productsListContainer .seriesNav ul li { padding: 0 24px; position: relative; }
.productsListContainer .seriesNav ul li:not(:last-child)::after { content: ''; width: 1px; height: 22px; background: #c3c3c3; position: absolute; top: 50%; right: 0; transform: translate(50%, calc(-50% + 2px)); }
.productsListContainer .seriesNav ul li.active a { color: #F47920; }
.productsListContainer .seriesNav ul li.active a::after { width: 100%; }
.productsListContainer .seriesNav ul li a { position: relative; display: block; transition: all 0.4s; }
.productsListContainer .seriesNav ul li a::after { content: ''; width: 0; height: 2px; background: #F47920; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); transition: all 0.4s; }
.productsListContainer .seriesNav ul li a:hover::after { width: 100%; }
.productsListContainer .listContainer ul { margin: 0 -45px; display: flex; flex-wrap: wrap; }
.productsListContainer .listContainer ul li { max-width: 33.333%; padding: 0 45px; flex: 0 0 33.3333%; margin-bottom: 60px; }
.productsListContainer .listContainer ul li:nth-child(1), .productsListContainer .listContainer ul li:nth-child(2) { max-width: 50%; margin-bottom: 69px; flex: 0 0 50%; }
.productsListContainer .listContainer ul li:nth-child(1) { padding-right: 50px; }
.productsListContainer .listContainer ul li:nth-child(2) { padding-left: 50px; }
.productsListContainer .listContainer .item.itemHot .itemImg .itemTag { opacity: 1; }
.productsListContainer .listContainer .item.itemHot .itemImg .itemTag .hotTag { display: flex; }
.productsListContainer .listContainer .item.itemNew .itemImg .itemTag { opacity: 1; }
.productsListContainer .listContainer .item.itemNew .itemImg .itemTag .newTag { display: flex; }
.productsListContainer .listContainer .item a { display: block; transition: all 0.4s; }
.productsListContainer .listContainer .item a:hover { background: #fff; box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.14); }
.productsListContainer .listContainer .item a:hover .itemImg .img img { transform: scale(1.05); }
.productsListContainer .listContainer .item a:hover .itemDoc { padding: 0 7.14286% 37px; }
.productsListContainer .listContainer .item a:hover .itemDoc .more { max-height: 15px; opacity: 1; right: 0; transition: opacity 0.4s 0.01s,  right 0.4s 0.01s,  max-height 0.01s 0s; }
.productsListContainer .listContainer .item .itemImg { margin-bottom: 20px; display: block; position: relative; }
.productsListContainer .listContainer .item .itemImg .img { width: 100%; padding-bottom: 65.7%; display: block; position: relative; overflow: hidden; }
.productsListContainer .listContainer .item .itemImg .img img { width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all 0.4s; }
.productsListContainer .listContainer .item .itemImg .itemTag { position: absolute; right: 0; bottom: 0; opacity: 0; display: flex; align-items: center; justify-content: flex-end; }
.productsListContainer .listContainer .item .itemImg .itemTag .tag { width: 70px; height: 28px; margin-left: 1px; background: #F47920; display: flex; justify-content: center; align-items: center; display: none; }
.productsListContainer .listContainer .item .itemDoc { display: block; transition: all 0.4s; }
.productsListContainer .listContainer .item .itemDoc .name { display: block; }
.productsListContainer .listContainer .item .itemDoc .dec { width: 100%; height: 1px; margin-top: 8px; margin-bottom: 10px; background: #c3c3c3; display: block; position: relative; }
.productsListContainer .listContainer .item .itemDoc .dec::before { content: ''; width: 50px; height: 1px; background: #F47920; position: absolute; top: 0; left: 0; }
.productsListContainer .listContainer .item .itemDoc .content { margin-bottom: 20px; display: block; }
.productsListContainer .listContainer .item .itemDoc .size, .productsListContainer .listContainer .item .itemDoc .seriesItems { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.productsListContainer .listContainer .item .itemDoc .more { max-height: 0; display: flex; justify-content: flex-end; overflow: hidden; position: relative; right: 100px; opacity: 0; transition: opacity 0.4s,  right 0.4s ,  max-height 0.2s  0.2s; }
.productsListContainer .customPagination { margin-top: 42px; padding-bottom: 118px; }

.productsBottomLink { width: 100%; height: 500px; }
.productsBottomLink a { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
.productsBottomLink a:hover .bgImg::after { background: rgba(0, 0, 0, 0.4); }
.productsBottomLink a:hover .bgImg img { transform: scale(1.02); }
.productsBottomLink a:hover .doc .arrow { left: -8px; }
.productsBottomLink .bgImg { width: 100%; height: 100%; position: absolute; overflow: hidden; }
.productsBottomLink .bgImg::after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; transition: all 0.4s; }
.productsBottomLink .bgImg img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s; }
.productsBottomLink .doc { padding-top: 1px; position: relative; display: flex; flex-direction: column; align-items: center; }
.productsBottomLink .doc .arrow { margin-bottom: 24px; display: block; position: relative; left: 0; transition: all 0.4s; }
.productsBottomLink .doc .titleEn { margin-bottom: 18px; display: block; }
.productsBottomLink .doc .titleCh { display: block; }

.productDetailHeader { width: 100%; height: 65px; display: flex; align-items: center; justify-content: space-between; position: fixed; top: 0; left: 0; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); }
.productDetailHeader .productName { margin-left: 70px; }
.productDetailHeader .functionLinks { width: 370px; height: 100%; display: flex; }
.productDetailHeader .functionLinks .inquiry, .productDetailHeader .functionLinks .goList { width: 50%; height: 100%; }
.productDetailHeader .functionLinks .inquiry a, .productDetailHeader .functionLinks .goList a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.productDetailHeader .functionLinks .inquiry a { background: #F47920; transition: all 0.4s; }
.productDetailHeader .functionLinks .inquiry a:hover { opacity: 0.6; }
.productDetailHeader .functionLinks .inquiry .iconContainer { width: 30px; margin-right: 4px; display: block; position: relative; }
.productDetailHeader .functionLinks .inquiry .iconContainer .icon { padding-right: 10px; display: block; transition: all 0.4s; }
.productDetailHeader .functionLinks .inquiry .iconContainer .num { width: 16px; height: 16px; padding-bottom: 0px; border-radius: 50%; font-family: 'Lato'; line-height: 10px; display: flex; justify-content: center; align-items: center; background: #fff; position: absolute; right: 0px; bottom: 3px; }
.productDetailHeader .functionLinks .goList a:hover .icon { transform: rotate(90deg); }
.productDetailHeader .functionLinks .goList .icon { width: 16px; height: 16px; margin-right: 7px; display: flex; flex-wrap: wrap; transition: transform 0.4s 0.2s; }
.productDetailHeader .functionLinks .goList .icon .box { width: 6px; height: 6px; margin: 1px; border: solid 1px #000; display: block; transition: border 0.2s; position: relative; top: 0; left: 0; }

.productDetail { padding-top: 65px; display: flex; flex-direction: column; flex-grow: 1; }
.productDetail .detailPagination .goPage:hover .text { opacity: 1; }
.productDetail .detailPagination .goPage .text { opacity: 0; transition: all 0.4s; }

.productDetailSliderContainer { padding-bottom: 21px; overflow: hidden; position: relative; }
.productDetailSliderContainer::before { content: ''; width: 100%; height: 220px; background: url(../styles/images/public/grayBg.png) repeat; position: absolute; bottom: 0; left: 0; z-index: -1; }
.productDetailSliderContainer .detailSlider .slick { margin: 0 -38px 10px; height: 753px; position: relative; }
.productDetailSliderContainer .detailSlider .slick .slick-list { height: 100%; overflow: visible; }
.productDetailSliderContainer .detailSlider .slick .slick-list .slick-track { height: 100%; }
.productDetailSliderContainer .detailSlider .slick .slickControl .prev, .productDetailSliderContainer .detailSlider .slick .slickControl .next { width: 76px; height: 76px; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 20; }
.productDetailSliderContainer .detailSlider .slick .slickControl .prev:hover .defaultArrow .lineBottom, .productDetailSliderContainer .detailSlider .slick .slickControl .prev:hover .defaultArrow .lineRotate, .productDetailSliderContainer .detailSlider .slick .slickControl .next:hover .defaultArrow .lineBottom, .productDetailSliderContainer .detailSlider .slick .slickControl .next:hover .defaultArrow .lineRotate { background: #F47920; }
.productDetailSliderContainer .detailSlider .slick .slickControl .prev .defaultArrow, .productDetailSliderContainer .detailSlider .slick .slickControl .next .defaultArrow { transition: all 0.4s; }
.productDetailSliderContainer .detailSlider .slick .slickControl .prev { left: calc(-76px + 38px); }
.productDetailSliderContainer .detailSlider .slick .slickControl .prev:hover .defaultArrow { left: -5px; }
.productDetailSliderContainer .detailSlider .slick .slickControl .prev .defaultArrow { left: 0; }
.productDetailSliderContainer .detailSlider .slick .slickControl .next { right: calc(-76px + 38px); }
.productDetailSliderContainer .detailSlider .slick .slickControl .next:hover .defaultArrow { right: -5px; }
.productDetailSliderContainer .detailSlider .slick .slickControl .next .defaultArrow { right: 0; }
.productDetailSliderContainer .detailSlider .slick .item { height: 100%; padding: 0 38px; transition: all 0.4s; position: relative; }
.productDetailSliderContainer .detailSlider .slick .item:not(.slick-current) { height: 94%; }
.productDetailSliderContainer .detailSlider .slick .item:not(.slick-current)::after { opacity: 1; }
.productDetailSliderContainer .detailSlider .slick .item::after { content: ''; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4); position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.4s; }
.productDetailSliderContainer .detailSlider .slick .item img { width: 100%; height: 100%; object-fit: cover; }

.productDetailItemListTable { padding-bottom: 147px; }
.productDetailItemListTable .productTable { width: 100%; border-collapse: separate; border-spacing: 0; }
.productDetailItemListTable .productTable thead th { height: 45px; border-bottom: 2px solid #000; background: url(../styles/images/public/grayBg.png) repeat; vertical-align: middle; position: sticky; top: 65px; }
.productDetailItemListTable .productTable tbody td { padding: 17px 0px 16px; border-bottom: solid 1px #e6e6e6; vertical-align: middle; }
.productDetailItemListTable .productTable .name { width: 22.39%; }
.productDetailItemListTable .productTable .description { width: 55.97%; }
.productDetailItemListTable .productTable .size { width: 21.64%; }

.productDetailSideBtn { display: flex; flex-direction: column; align-items: flex-end; position: fixed; right: 30px; bottom: 30px; z-index: 120; transition: all 0.4s; }
.productDetailSideBtn.hideBtn { right: -100px; }
.productDetailSideBtn .sideBtn { width: auto; max-width: 60px; height: 60px; padding: 0 18px; border-radius: 30px; background: #0060AF; display: flex; align-items: center; justify-content: center; transition: all 0.4s; }
.productDetailSideBtn .sideBtn:not(:last-child) { margin-bottom: 8px; }
.productDetailSideBtn .sideBtn:hover { width: auto; max-width: 250px; padding: 0 37px; }
.productDetailSideBtn .sideBtn:hover .text { max-width: 200px; margin-left: 10px; opacity: 1; }
.productDetailSideBtn .sideBtn .icon { display: block; }
.productDetailSideBtn .sideBtn .text { max-width: 0; display: block; opacity: 0; transition: all 0.4s; overflow: hidden; white-space: nowrap; }

.addInquiryModal { padding-right: 0px !important; }
@media (min-width: 576px) { .addInquiryModal .modal-dialog { max-width: 422px; } }
.addInquiryModal .modal-content { border-radius: 0; padding: 0; }
.addInquiryModal .modal-body { padding: 0; position: relative; }
.addInquiryModal .closeBtn { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; position: absolute; top: 14px; right: 14px; }
.addInquiryModal .closeBtn:hover .closeIcon .line:first-child { transform: translate(-50%, -50%) rotate(30deg); }
.addInquiryModal .closeBtn:hover .closeIcon .line:last-child { transform: translate(-50%, -50%) rotate(-30deg); }
.addInquiryModal .closeBtn .closeIcon { width: 14px; height: 14px; position: relative; }
.addInquiryModal .closeBtn .closeIcon .line { width: 18px; height: 1px; background: #000; position: absolute; left: 50%; top: 50%; transition: all 0.4s; }
.addInquiryModal .closeBtn .closeIcon .line:first-child { transform: translate(-50%, -50%) rotate(45deg); }
.addInquiryModal .closeBtn .closeIcon .line:last-child { transform: translate(-50%, -50%) rotate(-45deg); }
.addInquiryModal .doc { padding: 39px 30px 48px; display: flex; flex-direction: column; align-items: center; }
.addInquiryModal .doc .aboutBgTitle { margin-bottom: 40px; }
.addInquiryModal .doc .doubleBoxBtn { width: 230px; }

.productSearchResultTop { padding-top: 70px; padding-bottom: 22px; }

.productSearchResultList .listContainer ul li { max-width: 33.333%; padding: 0 45px; flex: 0 0 33.3333%; margin-bottom: 66px; }
.productSearchResultList .listContainer ul li:nth-child(1), .productSearchResultList .listContainer ul li:nth-child(2) { max-width: 33.333%; padding: 0 45px; flex: 0 0 33.3333%; margin-bottom: 66px; }
.productSearchResultList .customPagination { margin-top: 19px; padding-bottom: 118px; }

@media screen and (max-width: 1699px) { .productTypeList ul li:nth-child(odd) .item .bgimg { left: -200px; }
  .productTypeList ul li:nth-child(odd) .item .bgColor { width: 50%; }
  .productTypeList ul li:nth-child(even) .item .bgimg { right: -200px; }
  .productTypeList ul li:nth-child(even) .item .bgColor { width: 34.66%; }
  .productTypeList .item .bgColor::before { width: calc( ( 100vw - 1440px) / 2 + 15px); }
  .productTypeList .item .imgContainer { width: 830px; } }
@media screen and (max-width: 1599px) { .productDetailSliderContainer .detailSlider { width: calc(100% - 100px); }
  .productDetailSliderContainer .detailSlider .slick { margin: 0 -25px 10px; height: 753px; }
  .productDetailSliderContainer .detailSlider .slick .slickControl .prev, .productDetailSliderContainer .detailSlider .slick .slickControl .next { width: 50px; height: 50px; }
  .productDetailSliderContainer .detailSlider .slick .slickControl .prev { left: calc(-50px + 25px); }
  .productDetailSliderContainer .detailSlider .slick .slickControl .next { right: calc(-50px + 25px); }
  .productDetailSliderContainer .detailSlider .slick .item { padding: 0 25px; }
  .productDetailItemListTable { width: calc(100% - 100px); } }
@media screen and (max-width: 1499px) { .productTypeTopContainer { margin-bottom: 60px; }
  .productTypeList ul li:nth-child(even) .item .bgColor { width: 45%; }
  .productTypeList ul li:nth-child(even) .item .imgContainer .num { margin-right: -35px; }
  .productTypeList .item .bgColor::before { width: calc( ( 100vw - 1140px) / 2 + 15px); }
  .productTypeList .item .imgContainer { width: calc(100% - 290px); }
  .productsListContainer .listContainer ul { margin: 0 -20px; }
  .productsListContainer .listContainer ul li { padding: 0 20px; }
  .productsListContainer .listContainer ul li:nth-child(1), .productsListContainer .listContainer ul li:nth-child(2) { max-width: 50%; flex: 0 0 50%; }
  .productsListContainer .listContainer ul li:nth-child(1) { padding-right: 25px; }
  .productsListContainer .listContainer ul li:nth-child(2) { padding-left: 25px; }
  .productDetailSliderContainer .detailSlider .slick { height: 580px; }
  .productSearchResultList .listContainer ul { margin: 0 -20px; }
  .productSearchResultList .listContainer ul li { padding: 0 20px; }
  .productSearchResultList .listContainer ul li:nth-child(1), .productSearchResultList .listContainer ul li:nth-child(2) { max-width: 33.333%; flex: 0 0 33.333%; padding: 0 20px; } }
@media screen and (max-width: 1199px) { .productTypeList ul li:nth-child(odd) .item .imgContainer .num { margin-left: -15px; }
  .productTypeList ul li:nth-child(even) .item .imgContainer .num { margin-right: -20px; }
  .productTypeList .item .bgColor::before { width: calc( ( 100vw - 960px) / 2 + 15px); }
  .productTypeList .item .imgContainer { width: calc(100% - 290px); }
  .productTypeList .item .imgContainer .imgBox { height: 480px; }
  .productsListContainer .listContainer ul { margin: 0 -10px; }
  .productsListContainer .listContainer ul li { margin-bottom: 40px; padding: 0 10px; }
  .productsListContainer .listContainer ul li:nth-child(1), .productsListContainer .listContainer ul li:nth-child(2) { margin-bottom: 40px; }
  .productsListContainer .listContainer ul li:nth-child(1) { padding-right: 15px; }
  .productsListContainer .listContainer ul li:nth-child(2) { padding-left: 15px; }
  .productDetailSliderContainer .detailSlider .slick { height: 480px; }
  .productSearchResultList .listContainer ul { margin: 0 -10px; }
  .productSearchResultList .listContainer ul li { margin-bottom: 40px; padding: 0 10px; }
  .productSearchResultList .listContainer ul li:nth-child(1), .productSearchResultList .listContainer ul li:nth-child(2) { margin-bottom: 40px; padding: 0 10px; } }
@media screen and (max-width: 991px) { .productTypeContainer { padding-top: 60px; }
  .productTypeTopContainer .navContainer { flex-direction: column; }
  .productTypeTopContainer .navContainer::before { display: none; }
  .productTypeTopContainer .navContainer .nav { margin-bottom: 20px; overflow-x: scroll; }
  .productTypeTopContainer .navContainer .nav::-webkit-scrollbar { width: 0; height: 0; }
  .productTypeTopContainer .navContainer .nav ul { width: max-content; margin: 0 auto; flex-wrap: nowrap; flex-shrink: 0; }
  .productTypeTopContainer .navContainer .nav ul li { padding: 0 10px; }
  .productTypeTopContainer .navContainer .yearSelector { margin-left: auto; }
  .productTypeList ul li:nth-child(odd) .item .bgimg { top: 280px; }
  .productTypeList ul li:nth-child(odd) .item .docContainer { padding-left: 0; }
  .productTypeList ul li:nth-child(even) .item .docContainer { padding-right: 0; order: 0; }
  .productTypeList .item { padding: 40px 0 60px; }
  .productTypeList .item .itemAnchor { top: calc(-57px - 40px); }
  .productTypeList .item a { width: 100%; flex-direction: column; }
  .productTypeList .item .bgimg { width: 700px; }
  .productTypeList .item .bgColor::before { width: calc( ( 100vw - 720px) / 2 + 15px); }
  .productTypeList .item .imgContainer { width: 100%; }
  .productTypeList .item .imgContainer .imgBox { width: 100%; height: 0; padding-bottom: 62%; margin-bottom: 20px; position: relative; }
  .productTypeList .item .imgContainer .imgBox img { position: absolute; top: 0; left: 0; }
  .productTypeList .item .docContainer { width: 100%; align-items: flex-start; }
  .productTypeList .item .docContainer .topTitle { height: auto; margin-bottom: 15px; padding-bottom: 0; writing-mode: unset; }
  .productTypeList .item .docContainer .topTitle::after { display: none; }
  .productTypeList .item .docContainer .topTitle .titleEn { margin-left: 0; margin-bottom: 7px; }
  .productTypeList .item .docContainer .topTitle .titleCh { margin-left: 0; margin-bottom: 10px; letter-spacing: 0.1em; }
  .productTypeList .item .docContainer .topTitle .slogen { letter-spacing: 0.1em; }
  .productTypeList .item .docContainer .bottomContent { width: 100%; }
  .productTypeList .item .moreLink { margin-top: 20px; margin-left: auto; position: relative; }
  .productsTopInfo .titleEn { font-size: 50px; line-height: 50px; }
  .productsListContainer { padding-top: 40px; }
  .productsListContainer .seriesNav { margin-bottom: 45px; padding-bottom: 15px; overflow-x: scroll; }
  .productsListContainer .seriesNav::-webkit-scrollbar { width: 0; height: 0; }
  .productsListContainer .seriesNav ul { width: max-content; margin: 0 auto; flex-wrap: nowrap; flex-shrink: 0; }
  .productsListContainer .listContainer ul { margin: 0 -8px; }
  .productsListContainer .listContainer ul li { max-width: 50%; flex: 0 0 50%; margin-bottom: 30px; padding: 0 8px; }
  .productsListContainer .listContainer ul li:nth-child(1), .productsListContainer .listContainer ul li:nth-child(2) { max-width: 100%; flex: 0 0 100%; margin-bottom: 40px; }
  .productsListContainer .listContainer ul li:nth-child(1) .itemImg .img, .productsListContainer .listContainer ul li:nth-child(2) .itemImg .img { padding-bottom: 45%; }
  .productsListContainer .listContainer ul li:nth-child(1) { padding-right: 8px; }
  .productsListContainer .listContainer ul li:nth-child(2) { padding-left: 8px; }
  .productsListContainer .listContainer .item a:hover { background: transparent; box-shadow: none; }
  .productsListContainer .listContainer .item a:hover .itemDoc { padding: 0; }
  .productsListContainer .listContainer .item a:hover .itemDoc .more { max-height: 0px; opacity: 0; right: 0; }
  .productsListContainer .listContainer .item .itemImg { margin-bottom: 10px; }
  .productsListContainer .customPagination { margin-top: 10px; padding-bottom: 80px; }
  .productsBottomLink { height: 320px; }
  .productDetailSliderContainer::before { height: 38%; }
  .productDetailSliderContainer .detailSlider { width: calc(100% - 50px); }
  .productDetailSliderContainer .detailSlider .slick { height: 380px; }
  .productDetailItemListTableOuter { padding-bottom: 100px; }
  .productDetailItemListTable { width: calc(100% - 50px); padding-bottom: 10px; overflow-x: scroll; }
  .productDetailItemListTable .productTable { width: 880px; }
  .productDetailItemListTable .productTable thead th { top: 0; }
  .productDetailItemListTable .productTable .name { width: 20%; }
  .productDetailItemListTable .productTable .description { width: 58%; }
  .productDetailItemListTable .productTable .size { width: 22%; }
  .productDetailSideBtn .sideBtn:hover { max-width: 60px; padding: 0 18px; }
  .productDetailSideBtn .sideBtn:hover .text { max-width: 0px; margin-left: 0px; opacity: 0; }
  .productSearchResultList .listContainer ul { margin: 0 -8px; }
  .productSearchResultList .listContainer ul li { max-width: 50%; flex: 0 0 50%; margin-bottom: 30px; padding: 0 8px; }
  .productSearchResultList .listContainer ul li:nth-child(1), .productSearchResultList .listContainer ul li:nth-child(2) { max-width: 50%; padding: 0 8px; flex: 0 0 50%; margin-bottom: 30px; }
  .productSearchResultList .listContainer ul li:nth-child(1) .itemImg .img, .productSearchResultList .listContainer ul li:nth-child(2) .itemImg .img { padding-bottom: 65.714%; } }
@media screen and (max-width: 767px) { .productTypeList ul li:not(:last-child) { margin-bottom: 80px; }
  .productTypeList ul li:nth-child(odd) .item .bgimg { top: 180px; }
  .productTypeList ul li:nth-child(odd) .item .imgContainer .num { margin-top: 0px; margin-bottom: -20px; }
  .productTypeList ul li:nth-child(even) .item .imgContainer .num { margin-top: 0px; margin-bottom: -20px; }
  .productTypeList .item .bgimg { width: 600px; }
  .productTypeList .item .bgColor::before { width: calc( ( 100vw - 540px) / 2 + 15px); }
  .productTypeList .item .imgContainer .num { font-weight: 300; font-size: 70px; line-height: 70px; }
  .productsTopInfo { padding-top: 55px; padding-bottom: 50px; }
  .productsTopInfo .titleEn { font-size: 40px; line-height: 40px; letter-spacing: 0.06em; }
  .productsTopInfo .titleCh { font-size: 22px; line-height: 22px; }
  .productsTopInfo .content { width: 90%; font-size: 16px; line-height: 26px; }
  .productDetailHeader .productName { margin-left: 20px; }
  .productDetailHeader .functionLinks { width: 150px; }
  .productDetailHeader .functionLinks .inquiry .text, .productDetailHeader .functionLinks .goList .text { display: none; }
  .productDetailHeader .functionLinks .inquiry .iconContainer { margin-right: 0; }
  .productDetailHeader .functionLinks .goList .icon { margin-right: 0; }
  .productDetailSliderContainer .detailSlider .slick { height: 280px; }
  .productDetailSideBtn { right: 10px; bottom: 20px; }
  .productDetailSideBtn .sideBtn { width: 50px; height: 50px; }
  .productDetailSideBtn .sideBtn:hover { width: 50px; }
  .productDetailSideBtn .sideBtn .icon { font-size: 20px; line-height: 20px; } }
@media screen and (max-width: 575px) { .productTypeContainer { padding-bottom: 100px; }
  .productTypeTopContainer { margin-bottom: 40px; }
  .productTypeList { padding: 0 10px; }
  .productTypeList ul li:not(:last-child) { margin-bottom: 60px; }
  .productTypeList ul li:nth-child(odd) .item .bgimg { left: -100px; top: 300px; }
  .productTypeList ul li:nth-child(even) .item .bgimg { right: -100px; top: 300px; }
  .productTypeList .item .bgimg { width: 400px; }
  .productTypeList .item .bgColor::before { width: 25px; }
  .productTypeList .item .docContainer .topTitle .titleCh { font-size: 22px; line-height: 22px; }
  .productTypeList .item .docContainer .topTitle .slogen { font-size: 22px; line-height: 22px; }
  .productTypeList .item .docContainer .bottomContent { font-size: 16px; line-height: 26px; }
  .productDetailSliderContainer { padding-bottom: 0px; }
  .productDetailSliderContainer .container { padding: 0; }
  .productDetailSliderContainer .detailSlider { width: calc(100%); }
  .productDetailSliderContainer .detailSlider .slick { margin: 0 0px 0px; height: 280px; }
  .productDetailSliderContainer .detailSlider .slick .slickControl .prev, .productDetailSliderContainer .detailSlider .slick .slickControl .next { width: 30px; height: 50px; top: auto; bottom: -50px; transform: translateY(0%); }
  .productDetailSliderContainer .detailSlider .slick .slickControl .prev { left: 25px; }
  .productDetailSliderContainer .detailSlider .slick .slickControl .prev:hover .defaultArrow { left: 0; }
  .productDetailSliderContainer .detailSlider .slick .slickControl .next { left: 65px; }
  .productDetailSliderContainer .detailSlider .slick .slickControl .next:hover .defaultArrow { right: 0; }
  .productDetailSliderContainer .detailSlider .slick .item { padding: 0 0px; opacity: 1; }
  .productDetailSliderContainer .detailSlider .slick .item:not(.slick-current) { height: 100%; opacity: 0.6; }
  .productDetailSliderContainer .detailSlider .slick .item:not(.slick-current)::after { opacity: 0; }
  .productDetailSliderContainer .detailSlider .numBox { height: 50px; margin-right: 25px; line-height: 50px; }
  .productDetailItemListTableOuter { padding-bottom: 80px; }
  .productDetailItemListTable { width: calc(100% - 30px); } }
@media screen and (max-width: 499px) { .productsListContainer { padding-top: 40px; }
  .productsListContainer .listContainer ul li { max-width: 100%; flex: 0 0 100%; margin-bottom: 25px; }
  .productsListContainer .listContainer ul li:nth-child(1), .productsListContainer .listContainer ul li:nth-child(2) { margin-bottom: 25px; }
  .productsListContainer .listContainer ul li:nth-child(1) .itemImg .img, .productsListContainer .listContainer ul li:nth-child(2) .itemImg .img { padding-bottom: 50%; }
  .productsListContainer .listContainer .item .itemImg .img { padding-bottom: 50%; }
  .productsBottomLink { height: 280px; }
  .productsBottomLink .doc .titleEn { font-size: 36px; line-height: 36px; }
  .productDetailSliderContainer .detailSlider .slick { height: 230px; }
  .addInquiryModal .doc .aboutBgTitle .titleEn::before, .addInquiryModal .doc .aboutBgTitle .titleEn::after { width: 40px; }
  .addInquiryModal .doc .aboutBgTitle .titleEn::before { left: -40px; }
  .addInquiryModal .doc .aboutBgTitle .titleEn::after { right: -40px; }
  .productSearchResultList .listContainer ul li { max-width: 100%; flex: 0 0 100%; margin-bottom: 25px; }
  .productSearchResultList .listContainer ul li:nth-child(1), .productSearchResultList .listContainer ul li:nth-child(2) { max-width: 100%; flex: 0 0 100%; margin-bottom: 25px; } }
@media screen and (max-width: 374px) { .productsTopInfo { padding-top: 55px; padding-bottom: 50px; }
  .productsTopInfo .titleEn { font-size: 35px; line-height: 35px; }
  .productDetailHeader .productName { margin-left: 15px; }
  .productDetailHeader .functionLinks { width: 120px; }
  .productDetailItemListTableOuter { padding-bottom: 60px; }
  .addInquiryModal .doc { padding-right: 15px; padding-left: 15px; }
  .addInquiryModal .doc .aboutBgTitle .titleEn::before, .addInquiryModal .doc .aboutBgTitle .titleEn::after { width: 30px; }
  .addInquiryModal .doc .aboutBgTitle .titleEn::before { left: -30px; }
  .addInquiryModal .doc .aboutBgTitle .titleEn::after { right: -30px; } }
.inquiryProductListContainer { padding-top: 76px; padding-bottom: 31px; }
.inquiryProductListContainer .content { width: 100%; max-width: 600px; margin: 0 auto 84px; }
.inquiryProductListContainer .productList ul { margin: 0 -75px; display: flex; flex-wrap: wrap; }
.inquiryProductListContainer .productList ul li { width: 50%; padding: 0 75px; margin-bottom: 67px; }
.inquiryProductListContainer .productList ul .item { display: flex; }
.inquiryProductListContainer .productList ul .item .imgContainer { width: 180px; height: 119px; }
.inquiryProductListContainer .productList ul .item .imgContainer .img { width: 100%; height: 100%; }
.inquiryProductListContainer .productList ul .item .imgContainer img { width: 100%; height: 100%; object-fit: cover; }
.inquiryProductListContainer .productList ul .item .docContainer { width: calc(100% - 181px - 34px); padding: 3px 20px 0; border-right: solid 1px #E6E6E6; }
.inquiryProductListContainer .productList ul .item .docContainer .title { margin-bottom: 6px; }
.inquiryProductListContainer .productList ul .item .docContainer .itemInfo p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inquiryProductListContainer .productList ul .item .deleteContainer { width: 34px; }
.inquiryProductListContainer .productList ul .item .deleteContainer .deleteBtn { width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; transition: all 0.4s; }
.inquiryProductListContainer .productList ul .item .deleteContainer .deleteBtn:hover { color: #F47920; }

.inquiryFormListOuter { position: relative; }
.inquiryFormListOuter .decTop { position: absolute; top: 0; left: 0; }
.inquiryFormListOuter .decBottom { position: absolute; bottom: 0; right: 0; }

.inquiryFormList { padding-top: 64px; padding-bottom: 107px; position: relative; }
.inquiryFormList .aboutBgTitle { margin-bottom: 63px; }
.inquiryFormList .doubleBoxBtn { width: 230px; margin: 0 auto; }

.inquiryEmptyOuter { padding-top: 110px; padding-bottom: 120px; display: flex; flex-direction: column; align-items: center; }
.inquiryEmptyOuter .inquiryText { margin-bottom: 34px; }
.inquiryEmptyOuter .doubleBoxBtn { width: 230px; margin: 0 auto; }

.inquirySendOuter { position: relative; overflow: hidden; }
.inquirySendOuter .decTop { position: absolute; top: 0; left: 0; }
.inquirySendOuter .decBottom { position: absolute; top: 342px; right: 0; }

.inquirySendAnchor { position: relative; top: -100px; }

.iquirySendDoc { padding-top: 116px; padding-bottom: 157px; display: flex; flex-direction: column; align-items: center; position: relative; }
.iquirySendDoc .aboutBgTitle { margin-bottom: 28px; }
.iquirySendDoc .content { max-width: 485px; margin-bottom: 39px; }

@media screen and (max-width: 1499px) { .inquiryProductListContainer .productList ul { margin: 0 -50px; }
  .inquiryProductListContainer .productList ul li { padding: 0 50px; }
  .inquiryFormListOuter .decTop { width: 1500px; }
  .inquiryFormListOuter .decBottom { width: 1200px; } }
@media screen and (max-width: 1199px) { .inquiryProductListContainer .productList ul { margin: 0 -25px; }
  .inquiryProductListContainer .productList ul li { padding: 0 25px; } }
@media screen and (max-width: 991px) { .inquiryProductListContainer .productList ul { margin: 0; }
  .inquiryProductListContainer .productList ul li { padding: 0; width: 100%; margin-bottom: 40px; }
  .inquiryFormListOuter .decBottom { width: 900px; }
  .inquirySendAnchor { top: -57px; } }
@media screen and (max-width: 499px) { .inquiryProductListContainer .productList ul { margin: 0; }
  .inquiryProductListContainer .productList ul li { padding: 0; width: 100%; margin-bottom: 40px; }
  .inquiryProductListContainer .productList ul .item .imgContainer { width: 100px; height: 85px; }
  .inquiryProductListContainer .productList ul .item .docContainer { width: calc(100% - 100px - 34px); padding: 3px 15px 0; }
  .inquiryProductListContainer .productList ul .item .deleteContainer .deleteBtn { justify-content: center; } }
@media screen and (max-width: 374px) { .iquirySendDoc .aboutBgTitle .titleEn::before, .iquirySendDoc .aboutBgTitle .titleEn::after { width: 40px; }
  .iquirySendDoc .aboutBgTitle .titleEn::before { left: -40px; }
  .iquirySendDoc .aboutBgTitle .titleEn::after { right: -40px; } }
.catalogTopTitle { display: flex; flex-direction: column; align-items: center; }
.catalogTopTitle .titleEn { padding-bottom: 20px; margin-bottom: 20px; position: relative; }
.catalogTopTitle .titleEn::after { content: ''; width: 180px; height: 1px; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

.catalogList { padding-top: 171px; padding-bottom: 239px; }
.catalogList ul li:not(:last-child) { margin-bottom: 278px; }
.catalogList ul li.aos-animate .item .imgContainer { transform: translateY(-50%) rotateY(0deg); }
.catalogList ul li:nth-child(odd) .item { margin-right: auto; }
.catalogList ul li:nth-child(odd) .item:hover .arrowContainer .circleArrow { right: -6px; }
.catalogList ul li:nth-child(odd) .item .imgContainer { left: 214px; }
.catalogList ul li:nth-child(odd) .item .docContainer { margin-right: 25px; margin-left: auto; }
.catalogList ul li:nth-child(odd) .item .arrowContainer { transform: translateX(50%); }
.catalogList ul li:nth-child(odd) .item .arrowContainer .circleArrow { right: 0; }
.catalogList ul li:nth-child(even) .item { margin-left: auto; }
.catalogList ul li:nth-child(even) .item:hover .arrowContainer .circleArrow { left: -6px; }
.catalogList ul li:nth-child(even) .item .imgContainer { order: 3; right: 214px; }
.catalogList ul li:nth-child(even) .item .docContainer { margin-left: 25px; margin-right: auto; order: 2; }
.catalogList ul li:nth-child(even) .item .arrowContainer { transform: translateX(-50%); order: 1; }
.catalogList ul li:nth-child(even) .item .arrowContainer .circleArrow { left: 0; }
.catalogList ul li:nth-child(even) .item .arrowContainer .defaultArrow .lineBottom { left: 0; right: auto; }
.catalogList ul li:nth-child(even) .item .arrowContainer .defaultArrow .lineRotate { left: 0; right: auto; transform-origin: left bottom; transform: rotate(-50deg); }
.catalogList .catalogAnchor { position: relative; top: -300px; }
@media screen and (max-width: 1099px) { .catalogList .catalogAnchor { top: -260px; } }
.catalogList .item { width: 1380px; min-height: 534px; padding: 50px 0; position: relative; display: flex; align-items: center; cursor: pointer; }
.catalogList .item:hover .imgContainer .img img { transform: scale(1.05); }
.catalogList .item .bgBlock { width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: -1; }
.catalogList .item .imgContainer { width: 500px; height: 707px; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.22); position: absolute; top: 50%; transform: translateY(-50%) rotateY(90deg); transition: all 0.7s 0.3s; }
.catalogList .item .imgContainer .img { width: 100%; height: 100%; overflow: hidden; }
.catalogList .item .imgContainer .img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s 0s; }
.catalogList .item .docContainer { width: 432px; }
.catalogList .item .docContainer .date { margin-bottom: 14px; }
.catalogList .item .docContainer .title { margin-bottom: 32px; }
.catalogList .item .arrowContainer { position: relative; }
.catalogList .item .arrowContainer .circleArrow { width: 100px; height: 100px; border-radius: 50%; background: #0060AF; display: flex; align-items: center; justify-content: center; position: relative; transition: all 0.4s; }
.catalogList .item .arrowContainer .defaultArrow { transition: all 0.4s; }

@media screen and (max-width: 1699px) { .catalogList ul li:nth-child(odd) .item .imgContainer { left: 100px; }
  .catalogList ul li:nth-child(even) .item .imgContainer { right: 100px; }
  .catalogList .item { width: calc(100% - 150px); } }
@media screen and (max-width: 1499px) { .catalogList ul li:not(:last-child) { margin-bottom: 180px; }
  .catalogList ul li:nth-child(odd) .item .imgContainer { left: 50px; }
  .catalogList ul li:nth-child(odd) .item .docContainer { margin-right: -25px; }
  .catalogList ul li:nth-child(even) .item .imgContainer { right: 50px; }
  .catalogList ul li:nth-child(even) .item .docContainer { margin-left: -25px; }
  .catalogList .item { width: calc(100% - 50px); }
  .catalogList .item .imgContainer { width: 450px; height: auto; }
  .catalogList .item .imgContainer .img { height: auto; padding-bottom: 141.4%; position: relative; }
  .catalogList .item .imgContainer .img img { position: absolute; }
  .catalogList .item .docContainer { width: 400px; } }
@media screen and (max-width: 1199px) { .catalogList { padding-top: 120px; padding-bottom: 200px; }
  .catalogList .item { min-height: 480px; }
  .catalogList .item .imgContainer { width: 400px; }
  .catalogList .item .docContainer { width: 300px; }
  .catalogList .item .docContainer .title { font-size: 40px; line-height: 40px; letter-spacing: 0.05em; } }
@media screen and (max-width: 991px) { .catalogList { padding-top: 80px; padding-bottom: 150px; }
  .catalogList ul li:not(:last-child) { margin-bottom: 120px; }
  .catalogList ul li.aos-animate .item .imgContainer { transform: translate(0) rotateY(0deg); }
  .catalogList ul li:nth-child(odd) .item:hover .arrowContainer { right: 50px; }
  .catalogList ul li:nth-child(odd) .item .bgBlock { left: auto; right: 0; }
  .catalogList ul li:nth-child(odd) .item .imgContainer { left: -30px; }
  .catalogList ul li:nth-child(odd) .item .imgContainer .img img { transform: scale(1); }
  .catalogList ul li:nth-child(odd) .item .docContainer { margin-right: 0; }
  .catalogList ul li:nth-child(odd) .item .arrowContainer { right: 50px; transform: translateX(0%); }
  .catalogList ul li:nth-child(even) .item:hover .arrowContainer { left: 50px; }
  .catalogList ul li:nth-child(even) .item .imgContainer { right: -30px; }
  .catalogList ul li:nth-child(even) .item .docContainer { margin-left: 0; }
  .catalogList ul li:nth-child(even) .item .arrowContainer { left: 50px; transform: translateX(0%); }
  .catalogList .item { width: 100%; padding: 60px 30px 60px; }
  .catalogList .item .bgBlock { width: calc(100% - 100px); }
  .catalogList .item .imgContainer { width: 250px; position: relative; top: 0; transform: translate(0) rotateY(90deg); }
  .catalogList .item .docContainer { width: 350px; }
  .catalogList .item .docContainer .title { font-size: 40px; line-height: 40px; letter-spacing: 0.05em; }
  .catalogList .item .arrowContainer { position: absolute; bottom: -30px; }
  .catalogList .item .arrowContainer .circleArrow { width: 60px; height: 60px; } }
@media screen and (max-width: 767px) { .catalogList { padding-top: 80px; padding-bottom: 150px; }
  .catalogList ul li:nth-child(odd) .item .imgContainer { left: 0; }
  .catalogList ul li:nth-child(odd) .item .docContainer { margin-right: 0; }
  .catalogList ul li:nth-child(even) .item .imgContainer { order: 1; right: 0; }
  .catalogList ul li:nth-child(even) .item .docContainer { margin-left: 0; order: 2; }
  .catalogList ul li:nth-child(even) .item .arrowContainer { order: 3; }
  .catalogList .item { padding: 0px 30px 60px; flex-direction: column; }
  .catalogList .item .bgBlock { width: 100%; height: calc(100% - 250px); top: auto; bottom: 0; }
  .catalogList .item .imgContainer { width: 250px; margin-bottom: 30px; }
  .catalogList .item .docContainer { width: 100%; }
  .catalogList .item .docContainer .title { font-size: 35px; line-height: 35px; } }
@media screen and (max-width: 575px) { .catalogList { padding-left: 15px; padding-right: 15px; } }
@media screen and (max-width: 499px) { .catalogTopTitle { padding-top: 50px; }
  .catalogTopTitle .titleEn { padding-bottom: 15px; margin-bottom: 15px; font-size: 50px; line-height: 50px; }
  .catalogTopTitle .titleCh { font-size: 20px; line-height: 20px; }
  .catalogList { padding-left: 0px; padding-right: 0px; }
  .catalogList .item .bgBlock { height: calc(100% - 150px); }
  .catalogList .item .imgContainer { width: 200px; }
  .catalogList .item .docContainer .date { margin-bottom: 10px; }
  .catalogList .item .docContainer .title { margin-bottom: 20px; font-size: 30px; line-height: 30px; }
  .catalogList .item .docContainer .content { font-size: 18px; line-height: 24px; } }
.locationCompContainer .locationMaxW { padding-top: 63px; }

.locationMapContainer { max-width: 1300px; margin: 70px auto 86px; position: relative; }
.locationMapContainer .pinItem { position: absolute; z-index: 5; }
.locationMapContainer .pinItem:hover { z-index: 12; }
.locationMapContainer .pinItem:hover .pinContainer .pinUsu { opacity: 0; }
.locationMapContainer .pinItem:hover .pinContainer .pinHover { opacity: 1; }
.locationMapContainer .pinItem:hover .hoverBox { opacity: 1; pointer-events: auto; }
.locationMapContainer .pinItem.showInfo { z-index: 10; }
.locationMapContainer .pinItem.showInfo .pinContainer .pinUsu { opacity: 0; }
.locationMapContainer .pinItem.showInfo .pinContainer .pinHover { opacity: 1; }
.locationMapContainer .pinItem.showInfo .hoverBox { opacity: 0; pointer-events: none; }
.locationMapContainer .pinItem.showInfo .infoContainer { opacity: 1; pointer-events: auto; }
.locationMapContainer .pinItem .pinContainer { width: 20px; height: 30px; position: relative; cursor: pointer; }
.locationMapContainer .pinItem .pinContainer .pin { width: 100%; height: 24px; -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.15)); position: absolute; bottom: 0; left: 0; transition: all 0.4s; }
.locationMapContainer .pinItem .pinContainer .pinUsu { opacity: 1; }
.locationMapContainer .pinItem .pinContainer .pinHover { opacity: 0; }
.locationMapContainer .pinItem .pinContainer img { width: 100%; height: 100%; object-fit: contain; display: block; }
.locationMapContainer .pinItem .hoverBox { width: max-content; height: 44px; padding: 0 20px; background: #fff; display: flex; align-items: center; box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.14); position: absolute; bottom: 31px; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.4s; cursor: pointer; pointer-events: none; }
.locationMapContainer .pinItem .hoverBox:hover { opacity: 1; pointer-events: auto; }
.locationMapContainer .pinItem .infoContainer { width: 410px; position: absolute; bottom: 31px; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.4s 0s; pointer-events: none; }
.locationMapContainer .pinItem .infoContainer .countryImg { width: 70px; height: 70px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: -35px; z-index: 2; }
.locationMapContainer .pinItem .infoContainer .countryImg .img { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); }
.locationMapContainer .pinItem .infoContainer .countryImg img { width: 100%; height: 100%; object-fit: cover; }
.locationMapContainer .pinItem .infoContainer .infoBox { width: 395px; padding: 19px 30px 25px; margin-left: auto; background: #fff; box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.14); position: relative; }
.locationMapContainer .pinItem .infoContainer .infoBox .closeBtn { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; position: absolute; top: 20px; right: 25px; }
.locationMapContainer .pinItem .infoContainer .infoBox .closeBtn:hover .closeIcon .line:first-child { transform: translate(-50%, -50%) rotate(30deg); }
.locationMapContainer .pinItem .infoContainer .infoBox .closeBtn:hover .closeIcon .line:last-child { transform: translate(-50%, -50%) rotate(-30deg); }
.locationMapContainer .pinItem .infoContainer .infoBox .closeBtn .closeIcon { width: 14px; height: 14px; position: relative; z-index: 5; }
.locationMapContainer .pinItem .infoContainer .infoBox .closeBtn .closeIcon .line { width: 18px; height: 1px; background: #000; position: absolute; left: 50%; top: 50%; transition: all 0.4s; }
.locationMapContainer .pinItem .infoContainer .infoBox .closeBtn .closeIcon .line:first-child { transform: translate(-50%, -50%) rotate(45deg); }
.locationMapContainer .pinItem .infoContainer .infoBox .closeBtn .closeIcon .line:last-child { transform: translate(-50%, -50%) rotate(-45deg); }
.locationMapContainer .pinItem .infoContainer .storeItem { padding: 16px 11px 18px 22px; border-bottom: 1px solid #c3c3c3; position: relative; }
.locationMapContainer .pinItem .infoContainer .storeItem:last-child { border-bottom: none; }
.locationMapContainer .pinItem .infoContainer .storeItem .name { margin-bottom: 15px; }
.locationMapContainer .pinItem .infoContainer .storeItem .add { margin-bottom: 20px; }
.locationMapContainer .pinItem .infoContainer .storeItem .webLink a { width: 36px; height: 36px; border-radius: 50%; border: solid 1px #C3C3C3; font-size: 14px; display: flex; align-items: center; justify-content: center; transition: all 0.4s; position: absolute; right: 0; bottom: 17px; }
.locationMapContainer .pinItem .infoContainer .storeItem .webLink a:hover { border-color: #F47920; }
.locationMapContainer .lf-aus { left: 47.7%; bottom: 12.1%; }
.locationMapContainer .lf-eu { left: 4.65%; bottom: 65.0%; }
.locationMapContainer .lf-southAmerica { left: 80.65%; bottom: 15.2%; }
.locationMapContainer .lf-southAfrica { left: 13.35%; bottom: 22.1%; }
.locationMapContainer .lf-mena { left: 72.4%; bottom: 51.7%; }
.locationMapContainer .divany { left: 7.8%; bottom: 60.4%; }
.locationMapContainer .lf-prestige { left: 39.5%; bottom: 55.7%; }
.locationMapContainer .lf-shanghaiTrade { left: 40.7%; bottom: 54.9%; }
.locationMapContainer .lf-International { left: 39.9%; bottom: 52.9%; }
.locationMapContainer .lf-space { left: 39.35%; bottom: 47.9%; }
.locationMapContainer .lf-asia { left: 36.7%; bottom: 36.5%; }
.locationMapContainer .ilink { left: 35.9%; bottom: 38.8%; }
.locationMapContainer .simba { left: 37.6%; bottom: 41.1%; }
.locationMapContainer .divanyTw { left: 41.8%; bottom: 48.9%; }
.locationMapContainer .lf-usa { left: 78%; bottom: 54.1%; }

.locationList { padding-bottom: 74px; }
.locationList .listRow { margin: 0 -23px; }
.locationList .listCol { margin-bottom: 45px; padding: 0 23px; }
.locationList .item { height: 100%; min-height: 370px; border: solid 1px #C3C3C3; padding: 41px 43px 48px; background: #fff; display: flex; flex-direction: column; }
.locationList .item .countryImg { width: 44px; height: 44px; margin-bottom: 15px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); }
.locationList .item .countryImg img { width: 100%; height: 100%; object-fit: cover; }
.locationList .item .name { padding-bottom: 12px; margin-bottom: 16px; border-bottom: 1px solid #c3c3c3; }
.locationList .item .add { margin-bottom: 21px; }
.locationList .item .tel { flex-grow: 1; }
.locationList .item .bottomLink { margin: -40px -5px 0; display: flex; justify-content: flex-end; }
.locationList .item .bottomLink .linkItem { padding: 0 5px; }
.locationList .item .bottomLink .linkItem a { width: 40px; height: 40px; border-radius: 50%; border: solid 1px #c3c3c3; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: all 0.4s; }
.locationList .item .bottomLink .linkItem a:hover { border-color: #F47920; }

.locationShowroomContainer { padding-top: 63px; padding-bottom: 131px; overflow: hidden; }
.locationShowroomContainer .infoTitle { margin-bottom: 40px; }

.showroomNavContainer { margin-bottom: 88px; }
.showroomNavContainer .controlBtn { width: 100%; height: 67px; padding: 0 25px; background: #212025; color: #fff; display: flex; align-items: center; justify-content: space-between; }
.showroomNavContainer .controlBtn.collapsed::after { width: 0%; }
.showroomNavContainer .controlBtn.collapsed:hover::after { width: 100%; }
.showroomNavContainer .controlBtn.collapsed .icon::after { transform: translate(-50%, -50%); }
.showroomNavContainer .controlBtn::before { content: ''; width: 10px; }
.showroomNavContainer .controlBtn .icon { width: 10px; height: 10px; position: relative; }
.showroomNavContainer .controlBtn .icon::before, .showroomNavContainer .controlBtn .icon::after { content: ''; background: #eee; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s; }
.showroomNavContainer .controlBtn .icon::before { width: 100%; height: 2px; }
.showroomNavContainer .controlBtn .icon::after { width: 2px; height: 100%; transform: translate(-50%, -50%) rotate(270deg); }
.showroomNavContainer .nav { width: 100%; }
.showroomNavContainer .nav.collapse:not(.show) { display: block; }
.showroomNavContainer .nav ul { width: 100%; display: flex; }
.showroomNavContainer .nav ul li { flex-basis: 0; flex-grow: 1; max-width: 100%; }
.showroomNavContainer .nav ul li.active .itemBtn { border-color: transparent; background: #212025; color: #fff; }
.showroomNavContainer .nav ul li:not(:last-child) .itemBtn { border-right-color: transparent; }
.showroomNavContainer .nav .itemBtn { width: 100%; height: 67px; border: solid 1px #aaa; color: #212025; transition: all 0.4s; }
.showroomNavContainer .nav .itemBtn:hover { background: rgba(0, 0, 0, 0.08); }

.showroomSliderContainer .slider { height: 700px; margin: 0 -70px; position: relative; }
.showroomSliderContainer .slider .slick-list { height: 100%; overflow: visible; }
.showroomSliderContainer .slider .slick-list .slick-track { height: 100%; display: flex; align-items: flex-end; }
.showroomSliderContainer .slider .slick-dots { height: 13px; margin-left: 65px; display: flex; align-items: center; bottom: -29px; }
.showroomSliderContainer .slider .slick-dots li { width: 6px; height: 6px; margin: 0 5px; display: block; }
.showroomSliderContainer .slider .slick-dots li.slick-active button { opacity: 1; }
.showroomSliderContainer .slider .slick-dots li button { width: 6px; height: 6px; padding: 0; border-radius: 50%; background: #212025; opacity: 0.2; position: relative; transition: all 0.4s; }
.showroomSliderContainer .slider .slick-dots li button::before { content: ''; display: none; }
.showroomSliderContainer .slider .slickControl .prev, .showroomSliderContainer .slider .slickControl .next { width: 120px; height: 44px; margin-top: 6px; display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 50%; transform: translateY(-50%); z-index: 20; }
.showroomSliderContainer .slider .slickControl .prev:hover .text, .showroomSliderContainer .slider .slickControl .next:hover .text { opacity: 0.5; }
.showroomSliderContainer .slider .slickControl .prev .defaultArrow, .showroomSliderContainer .slider .slickControl .next .defaultArrow { width: 100%; transition: all 0.4s; }
.showroomSliderContainer .slider .slickControl .prev .text, .showroomSliderContainer .slider .slickControl .next .text { transition: all 0.4s; }
.showroomSliderContainer .slider .slickControl .prev { left: -106px; align-items: flex-end; }
.showroomSliderContainer .slider .slickControl .prev:hover .defaultArrow { left: -5px; }
.showroomSliderContainer .slider .slickControl .prev .defaultArrow { left: 0; }
.showroomSliderContainer .slider .slickControl .next { right: -106px; align-items: flex-start; }
.showroomSliderContainer .slider .slickControl .next:hover .defaultArrow { right: -5px; }
.showroomSliderContainer .slider .slickControl .next .defaultArrow { right: 0; }
.showroomSliderContainer .slider .item { padding: 0 70px; opacity: 1; transition: all 0.4s; }
.showroomSliderContainer .slider .item:not(.slick-current) { height: 82.1428%; margin-top: auto; opacity: 0.5; }
.showroomSliderContainer .slider .item img { width: 100%; height: 100%; object-fit: cover; }
.showroomSliderContainer .numBox { margin-top: 13px; }

@media screen and (max-width: 1699px) { .showroomMaxW { max-width: 1200px; } }
@media screen and (max-width: 1599px) { .showroomMaxW { max-width: 1100px; } }
@media screen and (max-width: 1299px) { .showroomMaxW { max-width: 1000px; } }
@media screen and (max-width: 1199px) { .showroomMaxW { max-width: 900px; } }
@media screen and (max-width: 1099px) { .showroomMaxW { max-width: 800px; } }

@media screen and (max-width: 1799px) { .showroomSliderContainer .slider { margin: 0 -50px; }
  .showroomSliderContainer .slider .slick-dots { margin-left: 45px; }
  .showroomSliderContainer .slider .slickControl .prev, .showroomSliderContainer .slider .slickControl .next { width: 100px; }
  .showroomSliderContainer .slider .slickControl .prev { left: -80px; }
  .showroomSliderContainer .slider .slickControl .next { right: -80px; }
  .showroomSliderContainer .slider .item { padding: 0 50px; } }
@media screen and (max-width: 1599px) { .locationMapContainer .lf-eu .infoContainer { left: -100px; transform: translateX(0); }
  .locationMapContainer .divany .infoContainer { left: -100px; transform: translateX(0); } }
@media screen and (max-width: 1499px) { .locationList .listRow { margin: 0 -15px; }
  .locationList .listCol { margin-bottom: 30px; padding: 0 15px; }
  .locationList .item { padding: 41px 30px 48px; }
  .showroomSliderContainer .slider { height: 580px; margin: 0 -30px; }
  .showroomSliderContainer .slider .slick-dots { margin-left: 25px; }
  .showroomSliderContainer .slider .slickControl .prev, .showroomSliderContainer .slider .slickControl .next { width: 60px; }
  .showroomSliderContainer .slider .slickControl .prev { left: -50px; }
  .showroomSliderContainer .slider .slickControl .next { right: -50px; }
  .showroomSliderContainer .slider .item { padding: 0 30px; } }
@media screen and (max-width: 1199px) { .locationMapContainer .pinItem .pinContainer { width: 18px; }
  .locationList .listRow { margin: 0 -23px; }
  .locationList .listCol { margin-bottom: 45px; padding: 0 23px; }
  .locationList .item { padding: 41px 40px 48px; } }
@media screen and (max-width: 1099px) { .showroomSliderContainer .slider { height: 450px; }
  .showroomSliderContainer .slider .slickControl .prev, .showroomSliderContainer .slider .slickControl .next { width: 40px; }
  .showroomSliderContainer .slider .slickControl .prev { left: -20px; }
  .showroomSliderContainer .slider .slickControl .next { right: -20px; } }
@media screen and (max-width: 991px) { .locationList .listRow { margin: 0 -15px; }
  .locationList .listCol { margin-bottom: 30px; padding: 0 15px; }
  .locationList .item { padding: 30px 30px 30px; }
  .showroomNavContainer { margin-bottom: 60px; }
  .showroomNavContainer .nav .itemBtn { height: 60px; }
  .showroomSliderContainer .slider { height: 400px; margin: 0 -15px; }
  .showroomSliderContainer .slider .slick-dots { display: none !important; }
  .showroomSliderContainer .slider .slickControl .prev, .showroomSliderContainer .slider .slickControl .next { width: 30px; height: 50px; top: auto; bottom: -50px; transform: translateY(0%); justify-content: center; }
  .showroomSliderContainer .slider .slickControl .prev .defaultArrow, .showroomSliderContainer .slider .slickControl .next .defaultArrow { width: 20px; }
  .showroomSliderContainer .slider .slickControl .prev .text, .showroomSliderContainer .slider .slickControl .next .text { display: none; }
  .showroomSliderContainer .slider .slickControl .prev { left: 10px; }
  .showroomSliderContainer .slider .slickControl .prev:hover .defaultArrow { left: 0px; }
  .showroomSliderContainer .slider .slickControl .next { left: 60px; }
  .showroomSliderContainer .slider .slickControl .next:hover .defaultArrow { right: 0px; }
  .showroomSliderContainer .slider .item { padding: 0 15px; } }
@media screen and (max-width: 767px) { .locationList .listRow { margin: 0 -15px; }
  .locationList .listCol { margin-bottom: 30px; padding: 0 15px; }
  .locationList .item { min-height: auto; padding: 30px 30px 30px; }
  .locationList .item .tel { margin-bottom: 10px; }
  .locationList .item .bottomLink { margin-top: 0; }
  .showroomNavContainer { position: relative; z-index: 5; }
  .showroomNavContainer .nav { width: 100%; position: absolute; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); }
  .showroomNavContainer .nav.collapse:not(.show) { display: none; }
  .showroomNavContainer .nav ul { flex-direction: column; background: #fff; }
  .showroomNavContainer .nav ul li { width: 100%; flex-grow: 0; }
  .showroomNavContainer .nav ul li.active .itemBtn { background: transparent; color: #F47920; }
  .showroomNavContainer .nav ul li:not(:last-child) .itemBtn::after { content: ''; width: 90%; height: 1px; background: #eee; position: absolute; left: 50%; bottom: 0; transform: translate(-50%); }
  .showroomNavContainer .nav .itemBtn { border: none; color: #212025; position: relative; }
  .showroomNavContainer .nav .itemBtn:hover { background: transparent; }
  .showroomSliderContainer .slider { height: 360px; } }
@media screen and (max-width: 575px) { .locationCompContainer .locationMaxW { padding-top: 63px; }
  .locationCompContainer .infoTitle { font-size: 24px; line-height: 24px; }
  .locationMapContainer { margin: 40px auto 50px; }
  .locationShowroomContainer { padding-top: 60px; padding-bottom: 90px; }
  .locationShowroomContainer .infoTitle { margin-bottom: 30px; font-size: 24px; line-height: 24px; }
  .showroomSliderContainer .slider { height: 300px; margin: 0; }
  .showroomSliderContainer .slider .slick-list { overflow: hidden; }
  .showroomSliderContainer .slider .slickControl .prev { left: 0; }
  .showroomSliderContainer .slider .slickControl .next { left: 60px; }
  .showroomSliderContainer .slider .item { padding: 0; }
  .showroomSliderContainer .slider .item:not(.slick-current) { height: 100%; } }
@media screen and (max-width: 499px) { .showroomSliderContainer .slider { height: 240px; } }
@media screen and (max-width: 374px) { .locationList .listCol { margin-bottom: 20px; }
  .locationList .item { padding: 25px 20px 20px; } }
.csrOuterContainer { padding-top: 83px; padding-bottom: 81px; overflow: hidden; }

.csrIntroContainer { margin-bottom: 76px; }
.csrIntroContainer .title { margin-bottom: 33px; }
.csrIntroContainer .content { max-width: 1135px; margin: 0 auto; }

.csrGreenContainer { margin-bottom: 69px; display: flex; align-items: center; }
.csrGreenContainer .leftImg { width: 623px; height: 497px; position: relative; z-index: 1; }
.csrGreenContainer .leftImg img { width: 100%; height: 100%; object-fit: cover; }
.csrGreenContainer .rightDoc { width: calc(100% - 623px); padding: 91px 29px 77px 44px; position: relative; }
.csrGreenContainer .rightDoc .whiteBg { width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; }
.csrGreenContainer .rightDoc .whiteBg::before, .csrGreenContainer .rightDoc .whiteBg::after { content: ''; height: 100%; background: #fff; position: absolute; top: 0; }
.csrGreenContainer .rightDoc .whiteBg::before { width: 225px; left: 0; transform: translateX(-100%); }
.csrGreenContainer .rightDoc .whiteBg::after { width: calc( ( 100vw - 1320px ) / 2 ); right: 0; transform: translateX(100%); }
.csrGreenContainer .rightDoc .title { margin-bottom: 22px; position: relative; }
.csrGreenContainer .rightDoc .content { position: relative; }
.csrGreenContainer .rightDoc .content p:not(:last-child) { margin-bottom: 32px; }

.csrLeatherContainer { margin-bottom: 76px; }
.csrLeatherContainer .title { margin-bottom: 40px; }
.csrLeatherContainer .leatherList .leatherRow { margin: 0 -50px; display: flex; align-items: center; justify-content: center; }
.csrLeatherContainer .leatherList .leatherCol { padding: 0 50px; }
.csrLeatherContainer .leatherList .item { width: 206px; height: 206px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; }
.csrLeatherContainer .leatherList .item .bgImg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.csrLeatherContainer .leatherList .item .bgImg img { width: 100%; height: 100%; object-fit: cover; }
.csrLeatherContainer .leatherList .item .itemName { max-width: 130px; padding-top: 10px; position: relative; }

.csrCasaContainer { margin-bottom: 83px; display: flex; align-items: center; }
.csrCasaContainer .leftDoc { width: calc(100% - 623px); padding: 90px 35px 107px 40px; position: relative; }
.csrCasaContainer .leftDoc .whiteBg { width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; }
.csrCasaContainer .leftDoc .whiteBg::before, .csrCasaContainer .leftDoc .whiteBg::after { content: ''; height: 100%; background: #fff; position: absolute; top: 0; }
.csrCasaContainer .leftDoc .whiteBg::before { width: calc( ( 100vw - 1320px ) / 2 ); left: 0; transform: translateX(-100%); }
.csrCasaContainer .leftDoc .whiteBg::after { width: 225px; right: 0; transform: translateX(100%); }
.csrCasaContainer .leftDoc .title { margin-bottom: 21px; position: relative; }
.csrCasaContainer .leftDoc .content { position: relative; }
.csrCasaContainer .leftDoc .content p:not(:last-child) { margin-bottom: 32px; }
.csrCasaContainer .rightImg { width: 623px; height: 497px; position: relative; }
.csrCasaContainer .rightImg img { width: 100%; height: 100%; object-fit: cover; }

.csrFoundationContainer { position: relative; }
.csrFoundationContainer .bgImg { width: 562px; height: 311px; position: absolute; top: 95px; left: 50%; transform: translateX(-50%); }
.csrFoundationContainer .bgImg img { width: 100%; height: 100%; object-fit: cover; }
.csrFoundationContainer .title { margin-bottom: 25px; position: relative; }
.csrFoundationContainer .content { max-width: 1170px; margin: 0 auto; position: relative; }
.csrFoundationContainer .content p:not(:last-child) { margin-bottom: 32px; }

.stakeholderOuterContainer { padding-top: 85px; padding-bottom: 80px; }

.stakeholderListContainer { margin-bottom: 60px; }
.stakeholderListContainer .title { margin-bottom: 26px; }
.stakeholderListContainer .content { margin-bottom: 27px; }
.stakeholderListContainer .listTable .customTable thead th { height: 65px; }
.stakeholderListContainer .listTable .customTable tbody td { padding: 16px 15px 16px; }
.stakeholderListContainer .listTable .customTable tbody td.method { padding-left: 66px; }
.stakeholderListContainer .listTable .name { width: 29.54%; }
.stakeholderListContainer .listTable .method { width: 70.45%; padding-left: 66px; }
.stakeholderListContainer .listTable .rwdTitle { display: none; }

.stakeholderContactContainer { margin-bottom: 85px; }
.stakeholderContactContainer .title { margin-bottom: 34px; }
.stakeholderContactContainer .listTable .customTable thead th { height: 65px; }
.stakeholderContactContainer .listTable .customTable tbody td { padding: 16px 15px 16px; }
.stakeholderContactContainer .listTable .name { width: 48.48%; }
.stakeholderContactContainer .listTable .contact { width: 51.52%; }

.stakeholderInformContainer { margin-bottom: 79px; }
.stakeholderInformContainer .title { margin-bottom: 30px; }
.stakeholderInformContainer .flowchart { margin-bottom: 38px; }
.stakeholderInformContainer .flowchart > ol { padding-inline-start: 0px; list-style: none; }
.stakeholderInformContainer .flowchart > ol > li { background: #fff; }
.stakeholderInformContainer .flowchart > ol > li:not(:first-child) { margin-top: -15px; }
.stakeholderInformContainer .flowchart > ol > li:last-child .item { border-bottom: solid 4px #F47920; }
.stakeholderInformContainer .flowchart > ol > li:last-child .bottomDec { display: none; }
.stakeholderInformContainer .flowchart > ol > li:last-child .bottomDec .bottomTriangle { display: none; }
.stakeholderInformContainer .flowchart .item { padding: 46px 81px 47px; display: flex; position: relative; }
.stakeholderInformContainer .flowchart .item .leftDoc { width: calc(100% - 331px); margin-top: -13px; padding-right: 39px; }
.stakeholderInformContainer .flowchart .item .leftDoc .itemTitleBox { margin-bottom: 29px; display: flex; align-items: flex-end; }
.stakeholderInformContainer .flowchart .item .leftDoc .itemTitleEn { margin-right: 17px; display: flex; align-items: flex-end; }
.stakeholderInformContainer .flowchart .item .leftDoc .itemTitleNum { width: 35px; margin-right: 25px; display: flex; align-items: flex-end; text-align: center; }
.stakeholderInformContainer .flowchart .item .leftDoc .itemTitleCh { display: flex; align-items: flex-end; }
.stakeholderInformContainer .flowchart .item .leftDoc .content ul { margin-top: 10px; padding-left: 25px; }
.stakeholderInformContainer .flowchart .item .leftDoc .content ul li { position: relative; }
.stakeholderInformContainer .flowchart .item .leftDoc .content ul li::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #F47920; position: absolute; left: -17px; top: 16px; transform: translateY(-50%); }
.stakeholderInformContainer .flowchart .item .rightImg { width: 331px; height: 208px; border-radius: 21px; overflow: hidden; }
.stakeholderInformContainer .flowchart .item .rightImg img { width: 100%; height: 100%; object-fit: cover; }
.stakeholderInformContainer .flowchart .bottomDec { border-top: solid 4px #F47920; display: flex; justify-content: center; }
.stakeholderInformContainer .flowchart .bottomDec .bottomTriangle { width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #F47920 transparent transparent transparent; }
.stakeholderInformContainer .handler .subtitle { margin-bottom: 12px; }
.stakeholderInformContainer .handler .handlerProgress ol { padding-inline-start: 30px; }
.stakeholderInformContainer .handler .handlerProgress ol li a { text-decoration: underline; transition: all 0.4s; }
.stakeholderInformContainer .handler .handlerProgress ol li a:hover { color: #0060AF; }

.stakeholderLaborContainer .title { margin-bottom: 35px; }
.stakeholderLaborContainer .list ul { display: flex; }
.stakeholderLaborContainer .list ul li { width: 50%; padding: 0 43px; }
.stakeholderLaborContainer .list .item { display: flex; }
.stakeholderLaborContainer .list .item .leftIcon { width: 111px; height: 111px; margin-top: 8px; border-radius: 50%; background: linear-gradient(-45deg, rgba(0, 0, 0, 0.7), black); display: flex; align-items: center; justify-content: center; }
.stakeholderLaborContainer .list .item .leftIcon .icon { width: 60px; height: 60px; }
.stakeholderLaborContainer .list .item .leftIcon .icon img { width: 100%; height: 100%; object-fit: contain; }
.stakeholderLaborContainer .list .item .rightDoc { width: calc(100% - 111px); padding-left: 30px; }
.stakeholderLaborContainer .list .item .rightDoc .itemTitle { margin-bottom: 15px; }

@media screen and (max-width: 1499px) { .csrGreenContainer .leftImg { width: 45%; }
  .csrGreenContainer .rightDoc { width: 55%; padding: 85px 30px 85px 45px; position: relative; }
  .csrGreenContainer .rightDoc .whiteBg::before { width: 32.3%; }
  .csrGreenContainer .rightDoc .whiteBg::after { width: calc( ( 100vw - 1140px ) / 2 + 15px ); }
  .csrLeatherContainer .leatherList .leatherRow { margin: 0 -30px; }
  .csrLeatherContainer .leatherList .leatherCol { padding: 0 30px; }
  .csrCasaContainer .leftDoc { width: 55%; padding: 85px 45px 85px 30px; position: relative; }
  .csrCasaContainer .leftDoc .whiteBg::before { width: calc( ( 100vw - 1140px ) / 2 + 15px ); }
  .csrCasaContainer .leftDoc .whiteBg::after { width: 32.3%; }
  .csrCasaContainer .rightImg { width: 45%; }
  .stakeholderInformContainer .flowchart .item { padding: 45px 35px 45px; }
  .stakeholderInformContainer .flowchart .item .leftDoc { padding-right: 35px; } }
@media screen and (max-width: 1199px) { .csrGreenContainer .leftImg { width: 40%; }
  .csrGreenContainer .rightDoc { width: 60%; padding: 85px 0px 85px 45px; }
  .csrGreenContainer .rightDoc .whiteBg::after { width: calc( ( 100vw - 960px ) / 2 + 15px ); }
  .csrLeatherContainer .leatherList .leatherRow { margin: 0 -15px; }
  .csrLeatherContainer .leatherList .leatherCol { padding: 0 15px; }
  .csrCasaContainer .leftDoc { width: 60%; padding: 85px 45px 85px 0px; }
  .csrCasaContainer .leftDoc .whiteBg::before { width: calc( ( 100vw - 960px ) / 2 + 15px ); }
  .csrCasaContainer .rightImg { width: 40%; }
  .csrFoundationContainer .bgImg { max-width: 90%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .stakeholderInformContainer .flowchart .item { padding: 45px 27px 45px; }
  .stakeholderInformContainer .flowchart .item .leftDoc { width: calc(100% - 250px); padding-right: 20px; }
  .stakeholderInformContainer .flowchart .item .rightImg { width: 250px; }
  .stakeholderLaborContainer .list ul { margin: 0 -20px; }
  .stakeholderLaborContainer .list ul li { padding: 0 20px; } }
@media screen and (max-width: 991px) { .csrGreenContainer { margin-bottom: 100px; flex-direction: column; }
  .csrGreenContainer .leftImg { width: 75%; height: auto; margin-bottom: 40px; }
  .csrGreenContainer .rightDoc { width: 100%; padding: 0px 0px 80px; }
  .csrGreenContainer .rightDoc .whiteBg { width: 100vw; left: 50%; transform: translateX(-50%); }
  .csrGreenContainer .rightDoc .whiteBg::before { width: 100vw; height: 180px; transform: translate(0, -100%); }
  .csrGreenContainer .rightDoc .whiteBg::after { display: none; }
  .csrGreenContainer .rightDoc .content p:not(:last-child) { margin-bottom: 12px; }
  .csrLeatherContainer .leatherList .leatherRow { margin: 0 -15px; flex-wrap: wrap; }
  .csrLeatherContainer .leatherList .leatherCol { width: 40%; margin-bottom: 30px; padding: 0 15px; }
  .csrLeatherContainer .leatherList .item { margin: auto; }
  .csrCasaContainer { flex-direction: column; }
  .csrCasaContainer .leftDoc { width: 100%; padding: 0px 0px 80px; }
  .csrCasaContainer .leftDoc .whiteBg { width: 100vw; left: 50%; transform: translateX(-50%); }
  .csrCasaContainer .leftDoc .whiteBg::before { display: none; }
  .csrCasaContainer .leftDoc .whiteBg::after { width: 100vw; height: 180px; transform: translate(0, -100%); }
  .csrCasaContainer .leftDoc .content p:not(:last-child) { margin-bottom: 12px; }
  .csrCasaContainer .rightImg { width: 75%; height: auto; margin-bottom: 40px; order: -1; }
  .csrFoundationContainer .content p:not(:last-child) { margin-bottom: 12px; }
  .stakeholderListContainer .listTable .customTable tbody td.method { padding-left: 30px; }
  .stakeholderListContainer .listTable .method { padding-left: 30px; }
  .stakeholderInformContainer .flowchart .item { padding: 55px 50px 45px; flex-direction: column; align-items: center; }
  .stakeholderInformContainer .flowchart .item .leftDoc { width: 100%; padding-right: 0; }
  .stakeholderInformContainer .flowchart .item .rightImg { width: 300px; max-width: 100%; margin-bottom: 30px; order: -1; }
  .stakeholderLaborContainer .list ul { margin: 0 -15px; flex-wrap: wrap; }
  .stakeholderLaborContainer .list ul li { width: 100%; margin-bottom: 30px; padding: 0 15px; }
  .stakeholderLaborContainer .list .item { align-items: center; }
  .stakeholderLaborContainer .list .item .leftIcon { margin-top: 0; } }
@media screen and (max-width: 767px) { .csrIntroContainer .title { margin-bottom: 18px; font-size: 25px; line-height: 25px; }
  .csrIntroContainer .content { font-size: 17px; line-height: 30px; }
  .csrGreenContainer .leftImg { width: 100%; height: 250px; }
  .csrGreenContainer .rightDoc .title { margin-bottom: 18px; font-size: 22px; line-height: 22px; }
  .csrGreenContainer .rightDoc .content { font-size: 17px; line-height: 28px; }
  .csrGreenContainer .rightDoc .content p:not(:last-child) { margin-bottom: 8px; }
  .csrLeatherContainer .leatherList .leatherCol { width: 50%; }
  .csrCasaContainer { flex-direction: column; }
  .csrCasaContainer .leftDoc .title { margin-bottom: 18px; font-size: 22px; line-height: 22px; }
  .csrCasaContainer .leftDoc .content { font-size: 17px; line-height: 28px; }
  .csrCasaContainer .leftDoc .content p:not(:last-child) { margin-bottom: 8px; }
  .csrCasaContainer .rightImg { width: 100%; height: 250px; }
  .csrFoundationContainer .title { margin-bottom: 18px; font-size: 23px; line-height: 23px; }
  .csrFoundationContainer .content { font-size: 17px; line-height: 28px; }
  .csrFoundationContainer .content p:not(:last-child) { margin-bottom: 8px; }
  .stakeholderListContainer .listTable .customTable tbody td.method { width: calc(100% - 130px); padding-left: 15px; }
  .stakeholderListContainer .listTable .name { width: 130px; }
  .stakeholderListContainer .listTable .method { width: calc(100% - 130px); padding-left: 15px; }
  .stakeholderContactContainer .listTable .customTable thead th { border-top-color: #F47920; }
  .stakeholderContactContainer .listTable .name { display: none; }
  .stakeholderContactContainer .listTable .contact { width: 100%; }
  .stakeholderInformContainer .title { line-height: 35px; } }
@media screen and (max-width: 575px) { .csrOuterContainer { padding-top: 60px; padding-bottom: 81px; }
  .stakeholderListContainer .title { font-size: 22px; line-height: 22px; }
  .stakeholderListContainer .content { font-size: 17px; line-height: 27px; }
  .stakeholderListContainer .listTable .customTable { font-size: 17px; line-height: 27px; }
  .stakeholderContactContainer .title { font-size: 22px; line-height: 22px; }
  .stakeholderContactContainer .listTable .customTable { font-size: 17px; line-height: 27px; }
  .stakeholderContactContainer .listTable .customTable thead th { border-top-color: #F47920; position: relative; top: 0; }
  .stakeholderContactContainer .listTable .name { display: none; }
  .stakeholderContactContainer .listTable .contact { width: 100%; }
  .stakeholderInformContainer .title { font-size: 22px; line-height: 32px; }
  .stakeholderInformContainer .flowchart .item .leftDoc .itemTitleBox { margin-bottom: 20px; flex-wrap: wrap; justify-content: center; }
  .stakeholderInformContainer .flowchart .item .leftDoc .itemTitleEn { font-size: 40px; line-height: 30px; }
  .stakeholderInformContainer .flowchart .item .leftDoc .itemTitleNum { width: auto; margin-right: 0; font-size: 80px; line-height: 62px; }
  .stakeholderInformContainer .flowchart .item .leftDoc .itemTitleCh { width: 100%; margin-top: 15px; font-size: 22px; line-height: 22px; justify-content: center; }
  .stakeholderInformContainer .flowchart .item .leftDoc .content { font-size: 17px; line-height: 28px; }
  .stakeholderInformContainer .flowchart .item .leftDoc .content ul li::before { top: 14px; }
  .stakeholderInformContainer .handler .subtitle { font-size: 19px; line-height: 29px; }
  .stakeholderInformContainer .handler .handlerProgress { font-size: 17px; line-height: 27px; }
  .stakeholderInformContainer .handler .handlerProgress ol { padding-inline-start: 20px; }
  .stakeholderInformContainer .handler .handlerProgress ol li:not(:last-child) { margin-bottom: 8px; }
  .stakeholderLaborContainer .title { font-size: 22px; line-height: 22px; }
  .stakeholderLaborContainer .list .item .rightDoc .itemTitle { font-size: 19px; line-height: 19px; }
  .stakeholderLaborContainer .list .item .rightDoc .content { font-size: 17px; line-height: 28px; } }
@media screen and (max-width: 499px) { .csrGreenContainer { margin-bottom: 60px; }
  .csrGreenContainer .leftImg { height: 200px; }
  .csrGreenContainer .rightDoc { padding-bottom: 60px; }
  .csrLeatherContainer { margin-bottom: 60px; }
  .csrLeatherContainer .leatherList .item { width: 180px; height: 180px; }
  .csrCasaContainer { margin-bottom: 60px; }
  .csrCasaContainer .leftDoc { padding-bottom: 60px; }
  .csrCasaContainer .rightImg { height: 200px; }
  .stakeholderOuterContainer { padding-top: 60px; padding-bottom: 60px; }
  .stakeholderListContainer .title { font-size: 22px; line-height: 22px; }
  .stakeholderListContainer .content { font-size: 17px; line-height: 27px; }
  .stakeholderListContainer .listTable .customTable thead th { border-top-color: #F47920; text-align: center; position: relative; top: 0; }
  .stakeholderListContainer .listTable .customTable thead th.method { padding-left: 0; }
  .stakeholderListContainer .listTable .name { display: none; }
  .stakeholderListContainer .listTable .method { width: 100%; }
  .stakeholderListContainer .listTable .rwdTitle { display: block; }
  .stakeholderInformContainer .flowchart .item { padding: 40px 25px 30px; }
  .stakeholderLaborContainer .title { text-align: center; }
  .stakeholderLaborContainer .list ul li { margin-bottom: 40px; }
  .stakeholderLaborContainer .list .item { flex-direction: column; }
  .stakeholderLaborContainer .list .item .leftIcon { margin-bottom: 20px; }
  .stakeholderLaborContainer .list .item .rightDoc { width: 100%; padding-left: 0; }
  .stakeholderLaborContainer .list .item .rightDoc .itemTitle { text-align: center; } }
@media screen and (max-width: 399px) { .csrLeatherContainer .leatherList .leatherRow { margin: 0 -7px; }
  .csrLeatherContainer .leatherList .leatherCol { padding: 0 7px; margin-bottom: 20px; }
  .csrLeatherContainer .leatherList .item { width: 165px; height: 165px; } }
@media screen and (max-width: 374px) { .csrLeatherContainer .leatherList .leatherCol { width: 100%; }
  .csrLeatherContainer .leatherList .item { width: 100%; height: 120px; border-radius: 10px; } }
.hrDocOuter { position: relative; }
.hrDocOuter .decLeft { position: absolute; left: 0; top: 130px; }
.hrDocOuter .decRight { position: absolute; right: 0; top: 1116px; }

.hrDoc { padding-top: 96px; padding-bottom: 103px; }
.hrDoc .listImgTitleContainer { max-width: 500px; margin-bottom: 40px; }
.hrDoc .hrList ul { margin-bottom: -37px; }
.hrDoc .hrList ul li { margin-bottom: 37px; }
.hrDoc .hrList ul li.aos-animate .item .icon { transform: rotateY(0deg); opacity: 1; }
.hrDoc .hrList ul li:nth-child(odd) .item { background: #fff; }
.hrDoc .hrList ul li:nth-child(even) .item { border: solid 3px #fff; background: url(../styles/images/public/grayBg.png) repeat; }
.hrDoc .item { height: 100%; min-height: 390px; padding: 62px 41px 30px; display: flex; flex-direction: column; align-items: center; }
.hrDoc .item .icon { width: 72px; height: 72px; margin-bottom: 25px; transition: all 0.7s 0.2s; transform: rotateY(90deg); opacity: 0; }
.hrDoc .item .icon img { width: 100%; height: 100%; object-fit: contain; }
.hrDoc .item .title { margin-bottom: 26px; }

.hrLinkContainer { width: 100%; height: 509px; position: relative; }
.hrLinkContainer .bgImg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.hrLinkContainer .bgImg::after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); position: absolute; top: 0; left: 0; }
.hrLinkContainer .bgImg img { width: 100%; height: 100%; object-fit: cover; }
.hrLinkContainer .container { height: 100%; }
.hrLinkContainer .doc { height: 100%; padding-top: 3px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.hrLinkContainer .title { margin-bottom: 30px; }
.hrLinkContainer .content { max-width: 375px; margin-bottom: 56px; }
.hrLinkContainer .link { max-width: 270px; }

@media screen and (max-width: 1199px) { .hrDocOuter .decRight { top: auto; bottom: -150px; }
  .hrDoc .hrList ul li:nth-child(4n+3) .item { border: solid 3px #fff; background: url(../styles/images/public/grayBg.png) repeat; }
  .hrDoc .hrList ul li:nth-child(4n+4) .item { border-color: transparent; background: #fff; } }
@media screen and (max-width: 991px) { .hrDoc .item { min-height: auto; padding: 40px 25px; } }
@media screen and (max-width: 767px) { .hrDocOuter .decLeft { width: 290px; top: 70px; }
  .hrDoc { padding-top: 80px; }
  .hrDoc .hrList ul li:nth-child(4n+3) .item { border-color: transparent; background: #fff; }
  .hrDoc .hrList ul li:nth-child(4n+4) .item { border: solid 3px #fff; background: url(../styles/images/public/grayBg.png) repeat; }
  .hrDoc .item { min-height: auto; padding: 40px 25px 50px; }
  .hrLinkContainer { height: 450px; } }
@media screen and (max-width: 575px) { .hrDocOuter .decLeft { width: 290px; top: -127px; opacity: 0.6; }
  .hrDocOuter .decRight { bottom: -195px; right: -49px; }
  .hrDoc { padding-top: 60px; }
  .hrDoc .listImgTitleContainer .slogen { font-size: 20px; line-height: 30px; }
  .hrDoc .hrList ul { margin-bottom: -25px; }
  .hrDoc .hrList ul li { margin-bottom: 25px; }
  .hrDoc .item .icon { margin-bottom: 15px; }
  .hrDoc .item .title { margin-bottom: 12px; font-size: 20px; line-height: 20px; }
  .hrDoc .item .content { font-size: 17px; line-height: 26px; }
  .hrLinkContainer { height: 400px; }
  .hrLinkContainer .doc { padding-top: 0; }
  .hrLinkContainer .title { margin-bottom: 20px; font-size: 35px; line-height: 35px; }
  .hrLinkContainer .content { margin-bottom: 40px; font-size: 16px; line-height: 26px; } }
@media screen and (max-width: 499px) { .hrDoc .listImgTitleContainer .slogen { font-size: 19px; letter-spacing: 0; } }
.brandTopInfoOuter { position: relative; z-index: 5; }

.brandTopInfo { margin: 0 -10px; padding-top: 63px; position: relative; }
.brandTopInfo .infoTitle { margin-bottom: 53px; }
.brandTopInfo .imgContainer { height: 670px; position: relative; }
.brandTopInfo .imgContainer img { width: 100%; height: 100%; object-fit: cover; }
.brandTopInfo .docBox { margin-top: -195px; padding-bottom: 104px; position: relative; }
.brandTopInfo .docBox::before { content: ''; width: 100vw; height: calc(100%); background: #fff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: -1; }
.brandTopInfo .doc { width: 1046px; padding: 83px 118px 0px 166px; background: #fff; position: relative; }
.brandTopInfo .doc .logo { height: 65px; margin-bottom: 21px; }
.brandTopInfo .doc .logo img { width: 100%; height: 100%; object-fit: contain; }
.brandTopInfo .doc .logo.divanyLogo { width: 180px; }
.brandTopInfo .doc .logo.imagineLogo { width: 162px; }
.brandTopInfo .doc .slogen { margin-bottom: 31px; }
.brandTopInfo .doc .content { margin-bottom: 30px; }
.brandTopInfo .doc .link { display: flex; }

.brandBottomIntro { width: 100%; height: 800px; position: relative; }
.brandBottomIntro.showBg .bgImg { opacity: 1; }
.brandBottomIntro .bgImg { width: 100%; height: calc(100vh - 100px); position: fixed; top: 100px; left: 0; opacity: 0; transition: all 0.4s; }
.brandBottomIntro .bgImg::after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.55); position: absolute; top: 0; left: 0; }
.brandBottomIntro .bgImg img { width: 100%; height: 100%; object-fit: cover; }
.brandBottomIntro > .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.brandBottomIntro .doc { display: flex; flex-direction: column; align-items: center; position: relative; }
.brandBottomIntro .doc .slogen { margin-bottom: 11px; }
.brandBottomIntro .doc .introTitle { max-width: 740px; margin-bottom: 24px; }
.brandBottomIntro .doc .dec { width: 26px; height: 1px; margin-bottom: 21px; background: #fff; }
.brandBottomIntro .doc .content { max-width: 700px; color: rgba(255, 255, 255, 0.8); }

.divanyBottomIntro .doc { padding-top: 63px; }

.imagineBottomIntro .doc { padding-top: 45px; }

@media screen and (max-width: 1699px) { .brandTopInfo { margin: 0px; }
  .brandTopInfo .doc { width: 900px; padding: 83px 80px 0 55px; } }
@media screen and (max-width: 1499px) { .brandTopInfo .imgContainer { height: 600px; }
  .brandTopInfo .imgContainer::before { height: 175px; }
  .brandTopInfo .docBox { margin-top: -175px; }
  .brandTopInfo .doc { width: 800px; padding: 60px 65px 0 0px; } }
@media screen and (max-width: 1199px) { .brandTopInfo .imgContainer { height: 520px; }
  .brandTopInfo .docBox { margin-top: -100px; }
  .brandTopInfo .doc { width: 650px; padding: 40px 65px 0 0px; } }
@media screen and (max-width: 991px) { .brandTopInfo .imgContainer { height: 520px; }
  .brandTopInfo .docBox { margin-top: -60px; padding-bottom: 80px; }
  .brandTopInfo .doc { width: 80%; padding: 30px 40px 0 0px; }
  .brandTopInfo .doc .slogen { font-size: 24px; line-height: 30px; margin-bottom: 15px; }
  .brandBottomIntro .bgImg { height: calc(100vh - 57px); top: 57px; }
  .imagineBottomIntro .doc .introTitle { font-size: 60px; line-height: 60px; } }
@media screen and (max-width: 767px) { .brandTopInfo { padding-top: 50px; }
  .brandTopInfo .infoTitle { margin-bottom: 40px; }
  .brandTopInfo .imgContainer { height: 320px; position: relative; }
  .brandTopInfo .imgContainer::after { content: ''; width: calc(100% - 100px); height: 50px; background: #fff; position: absolute; left: 0; bottom: 0; }
  .brandTopInfo .docBox { margin-top: -50px; }
  .brandTopInfo .doc { width: 100%; padding: 20px 0px 0 0px; background: transparent; }
  .brandBottomIntro { height: 600px; }
  .brandBottomIntro .doc { padding-top: 20px; }
  .brandBottomIntro .doc .slogen { letter-spacing: 0.18em; margin-bottom: 5px; }
  .brandBottomIntro .doc .introTitle { font-size: 60px; line-height: 60px; }
  .imagineBottomIntro .doc .introTitle { font-size: 48px; line-height: 48px; } }
@media screen and (max-width: 575px) { .brandTopInfo .imgContainer { height: 280px; }
  .brandTopInfo .doc .logo.divanyLogo { height: 50px; width: 139px; }
  .brandTopInfo .doc .logo.imagineLogo { height: 50px; width: 125px; }
  .brandTopInfo .doc .slogen { font-size: 22px; line-height: 30px; }
  .brandTopInfo .doc .content { font-size: 17px; line-height: 27px; }
  .brandBottomIntro { height: 550px; }
  .brandBottomIntro .doc .slogen { font-size: 17px; letter-spacing: 0.04em; }
  .brandBottomIntro .doc .introTitle { font-size: 50px; line-height: 50px; }
  .brandBottomIntro .doc .content { font-size: 17px; line-height: 27px; }
  .imagineBottomIntro .doc .introTitle { font-size: 43px; line-height: 43px; } }
@media screen and (max-width: 499px) { .imagineBottomIntro .doc .introTitle { font-size: 32px; line-height: 32px; } }
@media screen and (max-width: 374px) { .brandBottomIntro .doc .slogen { line-height: 27px; }
  .divanyBottomIntro .doc .introTitle { font-size: 42px; line-height: 42px; } }
/*table 共用*/
.investorTableContainer .tableTop { margin-bottom: 21px; display: flex; align-items: flex-end; justify-content: space-between; }
.investorTableContainer .tableTop .tableTitle { margin-bottom: 0; }
.investorTableContainer .tableTitle { margin-bottom: 21px; }
.investorTableContainer .investorTable .customTable thead th { height: 68px; }
.investorTableContainer .investorTable .customTable tbody td { padding: 17px 15px 17px; }
.investorTableContainer .investorTable .noTheadTable tbody tr:first-child td { border-top: solid 3px #000; }
.investorTableContainer .investorTable .noTheadTable tbody tr:first-child td:first-child { border-top-color: #F47920; }
.investorTableContainer .investorTable .noTheadTable tbody td { padding: 30px 15px 30px; vertical-align: baseline; }
.investorTableContainer .downloadLink { width: 24px; height: 26px; margin: 0 auto; display: block; transition: all 0.4s; }
.investorTableContainer .downloadLink:hover { opacity: 0.6; }

/*財務訊息*/
.investorContainer { padding-top: 62px; }
.investorContainer .infoTitle { margin-bottom: 40px; }
.investorContainer .investorThirdNavContainer { padding-bottom: 49px; }

/*每月營收*/
.reportMonthContainer { padding-bottom: 113px; }

.reportMonthRevenueContainer { margin-bottom: 50px; }
.reportMonthRevenueContainer .reportMonthRevenueTable .month { width: 9.1%; }
.reportMonthRevenueContainer .reportMonthRevenueTable .revenue, .reportMonthRevenueContainer .reportMonthRevenueTable .lastYear, .reportMonthRevenueContainer .reportMonthRevenueTable .percent, .reportMonthRevenueContainer .reportMonthRevenueTable .grandRevenue, .reportMonthRevenueContainer .reportMonthRevenueTable .grandLastYear, .reportMonthRevenueContainer .reportMonthRevenueTable .grandPercent { width: 15.15%; }

.reportMonthRevenueTotalContainer .reportMonthRevenueTotalTable .name, .reportMonthRevenueTotalContainer .reportMonthRevenueTotalTable .date, .reportMonthRevenueTotalContainer .reportMonthRevenueTotalTable .download { width: 33.33%; }

/*每季財務報表*/
.reportSeasonContainer { padding-bottom: 105px; }

.reportSeasonRevenueContainer .reportSeasonRevenueTable .year { width: 9%; }
.reportSeasonRevenueContainer .reportSeasonRevenueTable .q1, .reportSeasonRevenueContainer .reportSeasonRevenueTable .q2, .reportSeasonRevenueContainer .reportSeasonRevenueTable .q3, .reportSeasonRevenueContainer .reportSeasonRevenueTable .merger, .reportSeasonRevenueContainer .reportSeasonRevenueTable .individual { width: 18.2%; }

/*公司年報*/
.reportYearContainer { padding-bottom: 115px; }

.reportYearCompContainer .reportYearCompTable .name, .reportYearCompContainer .reportYearCompTable .date, .reportYearCompContainer .reportYearCompTable .download { width: 33.33%; }

/*公開說明書*/
.investorProspectusContainer { padding-bottom: 127px; }

.investorProspectusTableContainer .investorProspectusTable .name, .investorProspectusTableContainer .investorProspectusTable .date, .investorProspectusTableContainer .investorProspectusTable .download { width: 33.33%; }

/*法說會資料*/
.investorCorporationContainer { padding-bottom: 117px; }

.investorCorporationTableContainer .investorCorporationTable .name, .investorCorporationTableContainer .investorCorporationTable .info, .investorCorporationTableContainer .investorCorporationTable .briefing { width: 33.33%; }

/*股東會*/
.investorShareholderContainer { padding-bottom: 111px; }

.investorShareholderTableContainer .investorShareholderTable .year, .investorShareholderTableContainer .investorShareholderTable .notice, .investorShareholderTableContainer .investorShareholderTable .handbook, .investorShareholderTableContainer .investorShareholderTable .minutes { width: 25%; }

/*股利資訊/股務代理機構*/
.investorDividendContainer { padding-bottom: 115px; }

.investorDividendPolicy { margin-bottom: 56px; }
.investorDividendPolicy .infoTitle { margin-bottom: 14px; }
.investorDividendPolicy .infoText p:not(:last-child) { margin-bottom: 12px; }

.investorDividendTeam { margin-bottom: 65px; }
.investorDividendTeam .infoTitle { margin-bottom: 36px; }
.investorDividendTeam .infoList { margin-bottom: 33px; }
.investorDividendTeam .infoList .listRow { margin: 0 -23px; }
.investorDividendTeam .infoList .listCol { padding: 0 23px; display: flex; flex-direction: column; }
.investorDividendTeam .infoList .item { padding: 46px  58px 44px; background: #fff; flex-grow: 1; }
.investorDividendTeam .infoList .item .num { margin-bottom: 15px; display: flex; align-items: center; }
.investorDividendTeam .infoList .item .num .text { width: 65px; }
.investorDividendTeam .infoList .item .num .dec { width: calc(100% - 65px); height: 1px; border-top: 1px dashed #cacaca; }
.investorDividendTeam .infoList .item .itemTitle { margin-bottom: 1px; }
.investorDividendTeam .infoText p:not(:last-child) { margin-bottom: 12px; }

.investorDividendTableContainer { margin-bottom: 92px; }
.investorDividendTableContainer .investorDividendTable .year, .investorDividendTableContainer .investorDividendTable .cash, .investorDividendTableContainer .investorDividendTable .stock, .investorDividendTableContainer .investorDividendTable .total { width: 25%; }

.investorDividendAgency { width: 100%; height: 412px; position: relative; display: flex; align-items: center; }
.investorDividendAgency .bgImg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.investorDividendAgency .bgImg img { width: 100%; height: 100%; object-fit: cover; }
.investorDividendAgency .Doc { margin-top: 11px; padding-left: 170px; position: relative; }
.investorDividendAgency .Doc .agencyTop { padding-bottom: 15px; margin-bottom: 16px; position: relative; }
.investorDividendAgency .Doc .agencyTop .dec { width: 25px; height: 1px; background: rgba(255, 255, 255, 0.5); position: absolute; left: 0; bottom: 0; }
.investorDividendAgency .Doc .agencyName { margin-bottom: 14px; }

/*股價資訊*/
.investorStockpriceContainer { padding-bottom: 128px; }

.investorStockpriceList { padding-top: 11px; }
.investorStockpriceList ul li:nth-child(odd) .item .docContainer .triangle { left: 0px; transform: translate(-100%, -50%); }
.investorStockpriceList ul li:nth-child(odd) .item .docContainer .triangle::before { left: 5px; }
.investorStockpriceList ul li:nth-child(odd) .item .docContainer .docBox { margin-bottom: 26px; padding-left: 110px; padding-right: 60px; }
.investorStockpriceList ul li:nth-child(even) .item .docContainer { order: -1; }
.investorStockpriceList ul li:nth-child(even) .item .docContainer .triangle { right: 0px; transform: translate(100%, -50%); }
.investorStockpriceList ul li:nth-child(even) .item .docContainer .triangle::before { right: 5px; }
.investorStockpriceList ul li:nth-child(even) .item .docContainer .docBox { margin-top: 21px; padding-left: 80px; padding-right: 90px; }
.investorStockpriceList .item { display: flex; align-items: center; }
.investorStockpriceList .item .imgContainer { width: 57.46%; height: 400px; }
.investorStockpriceList .item .imgContainer img { width: 100%; height: 100%; object-fit: cover; }
.investorStockpriceList .item .docContainer { width: 42.54%; display: flex; align-items: center; position: relative; }
.investorStockpriceList .item .docContainer .triangle { width: 15px; height: 28px; overflow: hidden; position: absolute; top: 50%; }
.investorStockpriceList .item .docContainer .triangle::before { content: ''; width: 20px; height: 20px; background: url(../styles/images/public/grayBg.png) repeat; position: absolute; transform: rotate(45deg); top: 4px; }
.investorStockpriceList .item .docContainer .itemTitle { margin-bottom: 15px; }
.investorStockpriceList .item .docContainer .content { margin-bottom: 36px; }
.investorStockpriceList .item .docContainer .link { display: flex; }
.investorStockpriceList .item .docContainer .link .arrowLink { padding-bottom: 16px; position: relative; }
.investorStockpriceList .item .docContainer .link .arrowLink:hover::after { width: 100%; }
.investorStockpriceList .item .docContainer .link .arrowLink::before, .investorStockpriceList .item .docContainer .link .arrowLink::after { content: ''; height: 2px; position: absolute; left: 0; bottom: 0; transition: all 0.4s; }
.investorStockpriceList .item .docContainer .link .arrowLink::before { width: 100%; background: #000; }
.investorStockpriceList .item .docContainer .link .arrowLink::after { width: 0%; background: #F47920; }

/*董事會重要決議*/
.investorCompDirectorContainer { padding-bottom: 107px; }

.investorCompDirectorTableContainer:not(:last-child) { margin-bottom: 60px; }
.investorCompDirectorTableContainer .investorCompDirectorTable .name, .investorCompDirectorTableContainer .investorCompDirectorTable .date, .investorCompDirectorTableContainer .investorCompDirectorTable .download { width: 33.33%; }

/*內部稽核*/
.investorCompAuditContainer { padding-bottom: 110px; }

.investorCompAuditTableContainer .investorCompAuditTable .customTable .name { width: 33.2%; }
.investorCompAuditTableContainer .investorCompAuditTable .customTable td.content { width: 66.8%; padding-left: 100px; padding-right: 80px; }
.investorCompAuditTableContainer .investorCompAuditTable .customTable td.content p:not(:last-child) { margin-bottom: 12px; }
.investorCompAuditTableContainer .investorCompAuditTable .customTable td.content ul { padding-left: 25px; }
.investorCompAuditTableContainer .investorCompAuditTable .customTable td.content ul li { position: relative; }
.investorCompAuditTableContainer .investorCompAuditTable .customTable td.content ul li::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #F47920; position: absolute; left: -17px; top: 15px; transform: translateY(-50%); }
.investorCompAuditTableContainer .investorCompAuditTable .customTable td.content ul li:not(:last-child) { margin-bottom: 12px; }

/*重要公司內規*/
.investorCompRuleContainer { padding-bottom: 100px; }

.investorCompRuleTableContainer .investorCompRuleTable .name, .investorCompRuleTableContainer .investorCompRuleTable .date, .investorCompRuleTableContainer .investorCompRuleTable .download { width: 33.33%; }

/*公司治理*/
.investorCompContainer { padding-bottom: 101px; }

.investorCompOrganize { margin-bottom: 92px; }
.investorCompOrganize .tableTitle { margin-bottom: 48px; }

.investorCompPersonnelTableContainer { margin-bottom: 69px; }
.investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable .name { width: 33.2%; }
.investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content { width: 66.8%; padding-left: 100px; padding-right: 80px; }
.investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content p:not(:last-child) { margin-bottom: 12px; }
.investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content ol { padding-left: 2em; list-style: cjk-ideographic; }
.investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content ol > li:not(:last-child) { margin-bottom: 20px; }
.investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content ul { padding-left: 1em; }
.investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content ul > li { position: relative; }
.investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content ul > li::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #F47920; position: absolute; left: -0.5em; top: 15px; transform: translate(-50%, -50%); }
.investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content ul > li:not(:last-child) { margin-bottom: 12px; }
.investorCompPersonnelTableContainer .investorCompPersonnelTable .contentSubTitle { margin-bottom: 10px; }

.investorCompOperateTableContainer .investorCompOperateTable .name, .investorCompOperateTableContainer .investorCompOperateTable .date, .investorCompOperateTableContainer .investorCompOperateTable .download { width: 33.33%; }

@media screen and (max-width: 1499px) { /*股利資訊/股務代理機構*/
  .investorDividendTeam .infoTitle { margin-bottom: 20px; }
  .investorDividendTeam .infoList .listRow { margin: 0 -15px; }
  .investorDividendTeam .infoList .listCol { padding: 0 15px; }
  .investorDividendTeam .infoList .item { padding: 45px 30px 45px; }
  .investorDividendAgency .Doc { padding-left: 100px; }
  /*股價資訊*/
  .investorStockpriceList ul li:nth-child(odd) .item .docContainer .docBox { padding-left: 50px; padding-right: 35px; }
  .investorStockpriceList ul li:nth-child(even) .item .docContainer .docBox { padding-left: 35px; padding-right: 50px; }
  .investorStockpriceList .item .imgContainer { width: 55%; }
  .investorStockpriceList .item .docContainer { width: 45%; }
  /*內部稽核*/
  .investorCompAuditTableContainer .investorCompAuditTable .customTable .name { width: 25%; }
  .investorCompAuditTableContainer .investorCompAuditTable .customTable td.content { width: 75%; }
  /*公司治理*/
  .investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable .name { width: 25%; }
  .investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content { width: 75%; }
  .investorCompOperateTableContainer .investorCompOperateTable .name { width: 50%; }
  .investorCompOperateTableContainer .investorCompOperateTable .date, .investorCompOperateTableContainer .investorCompOperateTable .download { width: 25%; } }
@media screen and (max-width: 1199px) { /*股利資訊/股務代理機構*/
  .investorDividendAgency .Doc { padding-left: 60px; }
  /*重要公司內規*/
  .investorCompRuleTableContainer .investorCompRuleTable .name { width: 50%; }
  .investorCompRuleTableContainer .investorCompRuleTable .date, .investorCompRuleTableContainer .investorCompRuleTable .download { width: 25%; }
  /*內部稽核*/
  .investorCompAuditTableContainer .investorCompAuditTable .customTable .name { width: 20%; }
  .investorCompAuditTableContainer .investorCompAuditTable .customTable td.content { width: 80%; padding-left: 60px; padding-right: 40px; }
  /*公司治理*/
  .investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable .name { width: 20%; }
  .investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content { width: 80%; padding-left: 60px; padding-right: 40px; } }
@media screen and (max-width: 991px) { /*每月營收*/
  .reportMonthRevenueTotalContainer .reportMonthRevenueTotalTable .name { width: 50%; }
  .reportMonthRevenueTotalContainer .reportMonthRevenueTotalTable .date, .reportMonthRevenueTotalContainer .reportMonthRevenueTotalTable .download { width: 25%; }
  /*每季財務報表*/
  .reportSeasonRevenueContainer .reportSeasonRevenueTable .year { width: 12%; }
  .reportSeasonRevenueContainer .reportSeasonRevenueTable .q1, .reportSeasonRevenueContainer .reportSeasonRevenueTable .q2, .reportSeasonRevenueContainer .reportSeasonRevenueTable .q3, .reportSeasonRevenueContainer .reportSeasonRevenueTable .merger, .reportSeasonRevenueContainer .reportSeasonRevenueTable .individual { width: 17.6%; }
  /*公司年報*/
  .reportYearCompContainer .reportYearCompTable .name { width: 50%; }
  .reportYearCompContainer .reportYearCompTable .date, .reportYearCompContainer .reportYearCompTable .download { width: 25%; }
  /*公開說明書*/
  .investorProspectusTableContainer .investorProspectusTable .name { width: 50%; }
  .investorProspectusTableContainer .investorProspectusTable .date, .investorProspectusTableContainer .investorProspectusTable .download { width: 25%; }
  /*法說會資料*/
  .investorCorporationTableContainer .investorCorporationTable .name { width: 50%; }
  .investorCorporationTableContainer .investorCorporationTable .info, .investorCorporationTableContainer .investorCorporationTable .briefing { width: 25%; }
  /*股東會*/
  .investorShareholderTableContainer .investorShareholderTable .year { width: 40%; }
  .investorShareholderTableContainer .investorShareholderTable .notice, .investorShareholderTableContainer .investorShareholderTable .handbook, .investorShareholderTableContainer .investorShareholderTable .minutes { width: 20%; }
  /*股利資訊/股務代理機構*/
  .investorDividendTeam .infoList { margin-bottom: 10px; }
  .investorDividendTeam .infoList ul li { margin-bottom: 30px; }
  .investorDividendTeam .infoList .listRow { margin: 0 -15px; }
  .investorDividendTeam .infoList .item { padding: 45px 30px 45px; }
  .investorDividendAgency .bgImg::after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); position: absolute; left: 0; top: 0; }
  .investorDividendAgency .bgImg img { object-position: right; }
  /*股價資訊*/
  .investorStockpriceList ul li:nth-child(odd) .item .docContainer .docBox { margin-bottom: 0; padding-left: 30px; padding-right: 0px; }
  .investorStockpriceList ul li:nth-child(even) .item .docContainer .docBox { margin-top: 0; padding-left: 0; padding-right: 30px; }
  .investorStockpriceList .item .imgContainer { width: 51%; height: 300px; }
  .investorStockpriceList .item .docContainer { width: 49%; }
  /*董事會重要決議*/
  .investorCompDirectorTableContainer .investorCompDirectorTable .name { width: 50%; }
  .investorCompDirectorTableContainer .investorCompDirectorTable .date, .investorCompDirectorTableContainer .investorCompDirectorTable .download { width: 25%; }
  /*內部稽核*/
  .investorCompAuditTableContainer .investorCompAuditTable .customTable .name { display: none; }
  .investorCompAuditTableContainer .investorCompAuditTable .customTable tbody tr:first-child td { border-top-color: #F47920; }
  .investorCompAuditTableContainer .investorCompAuditTable .customTable td.content { width: 100%; padding-left: 30px; padding-right: 30px; }
  .investorCompAuditTableContainer .investorCompAuditTable .customTable td.content p { color: #676767; }
  .investorCompAuditTableContainer .investorCompAuditTable .customTable td.content ul { color: #676767; }
  /*公司治理*/
  .investorCompOrganize { margin-bottom: 60px; }
  .investorCompOrganize .tableTitle { margin-bottom: 30px; }
  .investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable .name { display: none; }
  .investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable tbody tr:first-child td { border-top-color: #F47920; }
  .investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content { width: 100%; padding-left: 30px; padding-right: 30px; }
  .investorCompOperateTableContainer .investorCompOperateTable .name { width: 60%; }
  .investorCompOperateTableContainer .investorCompOperateTable .date, .investorCompOperateTableContainer .investorCompOperateTable .download { width: 20%; } }
@media screen and (max-width: 767px) { /*每月營收*/
  .reportMonthRevenueContainer .reportMonthRevenueTable { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .reportMonthRevenueContainer .reportMonthRevenueTable .customTable { width: 800px; }
  .reportMonthRevenueContainer .reportMonthRevenueTable .customTable thead th { position: relative; top: 0; }
  /*公開說明書*/
  .investorProspectusTableContainer .investorProspectusTable { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .investorProspectusTableContainer .investorProspectusTable .customTable { width: 620px; }
  .investorProspectusTableContainer .investorProspectusTable .customTable thead th { position: relative; top: 0; }
  .investorProspectusTableContainer .investorProspectusTable .name { width: 60%; }
  .investorProspectusTableContainer .investorProspectusTable .date, .investorProspectusTableContainer .investorProspectusTable .download { width: 20%; }
  /*股利資訊/股務代理機構*/
  .investorDividendTeam .infoList { margin-bottom: 0; }
  .investorDividendTeam .infoList .item { padding: 30px 30px 30px; }
  /*股價資訊*/
  .investorStockpriceList ul li:not(:last-child) { margin-bottom: 80px; }
  .investorStockpriceList ul li:nth-child(odd) .item .docContainer .triangle { left: 50%; right: auto; transform: translate(-50%, -100%); }
  .investorStockpriceList ul li:nth-child(odd) .item .docContainer .triangle::before { left: 4px; }
  .investorStockpriceList ul li:nth-child(odd) .item .docContainer .docBox { margin-bottom: 0; padding-left: 50px; padding-right: 50px; }
  .investorStockpriceList ul li:nth-child(even) .item .docContainer { order: 0; }
  .investorStockpriceList ul li:nth-child(even) .item .docContainer .triangle { left: 50%; right: auto; transform: translate(-50%, -100%); }
  .investorStockpriceList ul li:nth-child(even) .item .docContainer .triangle::before { right: 4px; }
  .investorStockpriceList ul li:nth-child(even) .item .docContainer .docBox { padding-left: 50px; padding-right: 50px; }
  .investorStockpriceList .item { flex-direction: column; }
  .investorStockpriceList .item .imgContainer { width: 100%; height: 200px; }
  .investorStockpriceList .item .docContainer { width: 100%; padding-top: 30px; }
  .investorStockpriceList .item .docContainer .triangle { width: 28px; height: 15px; top: 0; }
  .investorStockpriceList .item .docContainer .triangle::before { top: 5px; }
  .investorStockpriceList .item .docContainer .content { margin-bottom: 25px; }
  /*重要公司內規*/
  .investorCompRuleTableContainer .investorCompRuleTable { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .investorCompRuleTableContainer .investorCompRuleTable .customTable { width: 700px; }
  .investorCompRuleTableContainer .investorCompRuleTable .customTable thead th { position: relative; top: 0; }
  .investorCompRuleTableContainer .investorCompRuleTable .name { width: 60%; }
  .investorCompRuleTableContainer .investorCompRuleTable .date, .investorCompRuleTableContainer .investorCompRuleTable .download { width: 20%; }
  /*公司治理*/
  .investorCompOperateTableContainer .investorCompOperateTable { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .investorCompOperateTableContainer .investorCompOperateTable .customTable { width: 720px; }
  .investorCompOperateTableContainer .investorCompOperateTable .customTable thead th { position: relative; top: 0; } }
@media screen and (max-width: 575px) { /*table 共用*/
  .investorTableContainer .tableTop { margin-bottom: 15px; }
  .investorTableContainer .tableTitle { margin-bottom: 15px; font-size: 19px; line-height: 19px; }
  .investorTableContainer .investorTable .customTable.fz-18 { font-size: 17px; }
  /*padding-bottom*/
  .investorContainer { padding-bottom: 80px; }
  /*每月營收*/
  .reportMonthRevenueTotalContainer .reportMonthRevenueTotalTable { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .reportMonthRevenueTotalContainer .reportMonthRevenueTotalTable .customTable { width: 550px; }
  .reportMonthRevenueTotalContainer .reportMonthRevenueTotalTable .customTable thead th { position: relative; top: 0; }
  /*每季財務報表*/
  .reportSeasonRevenueContainer .reportSeasonRevenueTable { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .reportSeasonRevenueContainer .reportSeasonRevenueTable .customTable { width: 600px; }
  .reportSeasonRevenueContainer .reportSeasonRevenueTable .customTable thead th { position: relative; top: 0; }
  /*公司年報*/
  .reportYearCompContainer .reportYearCompTable { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .reportYearCompContainer .reportYearCompTable .customTable { width: 550px; }
  .reportYearCompContainer .reportYearCompTable .customTable thead th { position: relative; top: 0; }
  .reportYearCompContainer .reportYearCompTable .name { width: 40%; }
  .reportYearCompContainer .reportYearCompTable .date, .reportYearCompContainer .reportYearCompTable .download { width: 30%; }
  /*法說會資料*/
  .investorCorporationTableContainer .investorCorporationTable { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .investorCorporationTableContainer .investorCorporationTable .customTable { width: 500px; }
  .investorCorporationTableContainer .investorCorporationTable .customTable thead th { position: relative; top: 0; }
  /*股東會*/
  .investorShareholderTableContainer .investorShareholderTable { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .investorShareholderTableContainer .investorShareholderTable .customTable { width: 550px; }
  .investorShareholderTableContainer .investorShareholderTable .customTable thead th { position: relative; top: 0; }
  /*股利資訊/股務代理機構*/
  .investorDividendPolicy { margin-bottom: 50px; }
  .investorDividendPolicy .infoTitle { font-size: 19px; line-height: 19px; }
  .investorDividendPolicy .infoText { font-size: 17px; line-height: 27px; }
  .investorDividendTeam { margin-bottom: 50px; }
  .investorDividendTeam .infoTitle { font-size: 19px; line-height: 19px; }
  .investorDividendTeam .infoList { margin-bottom: 5px; }
  .investorDividendTeam .infoList .listCol { margin-bottom: 15px; }
  .investorDividendTeam .infoList .item { padding: 25px 15px 30px; }
  .investorDividendTeam .infoList .item .num .text { width: 50px; font-size: 50px; line-height: 40px; }
  .investorDividendTeam .infoList .item .num .dec { width: calc(100% - 50px); }
  .investorDividendTeam .infoList .item .itemTitle { font-size: 17px; line-height: 27px; }
  .investorDividendTeam .infoText { font-size: 17px; line-height: 27px; }
  .investorDividendTableContainer { margin-bottom: 60px; }
  .investorDividendAgency .Doc { padding-left: 40px; }
  .investorDividendAgency .Doc .agencyName { font-size: 28px; line-height: 28px; }
  .investorDividendAgency .Doc .agencyPart { font-size: 18px; line-height: 18px; }
  /*股價資訊*/
  .investorStockpriceList ul li:not(:last-child) { margin-bottom: 60px; }
  .investorStockpriceList ul li:nth-child(odd) .item .docContainer .docBox, .investorStockpriceList ul li:nth-child(even) .item .docContainer .docBox { padding-left: 00px; padding-right: 00px; }
  .investorStockpriceList .item .imgContainer { height: 140px; }
  .investorStockpriceList .item .docContainer { padding-top: 20px; display: flex; justify-content: center; }
  .investorStockpriceList .item .docContainer .docBox { width: 100%; max-width: 390px; }
  .investorStockpriceList .item .docContainer .itemTitle { font-size: 22px; line-height: 22px; }
  .investorStockpriceList .item .docContainer .content { font-size: 17px; line-height: 28px; }
  /*董事會重要決議*/
  .investorCompDirectorTableContainer:not(:last-child) { margin-bottom: 40px; }
  .investorCompDirectorTableContainer .investorCompDirectorTable { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .investorCompDirectorTableContainer .investorCompDirectorTable .customTable { width: 550px; }
  .investorCompDirectorTableContainer .investorCompDirectorTable .customTable thead th { position: relative; top: 0; }
  /*內部稽核*/
  .investorCompAuditTableContainer .investorCompAuditTable .customTable td.content { padding-left: 15px; padding-right: 15px; line-height: 26px; }
  .investorCompAuditTableContainer .investorCompAuditTable .customTable td.content p:not(:last-child) { margin-bottom: 8px; }
  .investorCompAuditTableContainer .investorCompAuditTable .customTable td.content ol { padding-left: 1em; }
  .investorCompAuditTableContainer .investorCompAuditTable .customTable td.content ol > li:not(:last-child) { margin-bottom: 12px; }
  .investorCompAuditTableContainer .investorCompAuditTable .customTable td.content ul { padding-left: 1em; }
  .investorCompAuditTableContainer .investorCompAuditTable .customTable td.content ul li::before { top: 13px; left: -1em; transform: translate(50%, -50%); }
  .investorCompAuditTableContainer .investorCompAuditTable .customTable td.content ul li:not(:last-child) { margin-bottom: 8px; }
  .investorCompAuditTableContainer .investorCompAuditTable .rwdTitle { font-size: 17px; line-height: 17px; }
  /*公司治理*/
  .investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content { padding-left: 15px; padding-right: 15px; line-height: 26px; }
  .investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content p:not(:last-child) { margin-bottom: 8px; }
  .investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content ul > li::before { top: 13px; left: -1em; transform: translate(50%, -50%); }
  .investorCompPersonnelTableContainer .investorCompPersonnelTable .customTable td.content ul > li:not(:last-child) { margin-bottom: 8px; }
  .investorCompPersonnelTableContainer .investorCompPersonnelTable .contentSubTitle { margin-bottom: 6px; }
  .investorCompPersonnelTableContainer .investorCompPersonnelTable .contentText { margin-left: -1em; }
  .investorCompOperateTableContainer .tableTitle { margin-bottom: 10px; line-height: 29px; } }
@media screen and (max-width: 499px) { /*股利資訊/股務代理機構*/
  .investorDividendAgency { height: auto; padding: 35px 0; }
  .investorDividendAgency .Doc { margin-top: 0; padding-left: 13px; padding-right: 13px; }
  .investorDividendAgency .Doc .agencyInfoList { line-height: 22px; }
  .investorDividendAgency .Doc .agencyInfoList ul li:not(:last-child) { margin-bottom: 12px; } }
@media screen and (max-width: 374px) { /*股利資訊/股務代理機構*/
  .investorDividendTableContainer .investorDividendTable { width: 100%; padding-bottom: 10px; overflow-x: scroll; }
  .investorDividendTableContainer .investorDividendTable .customTable { width: 400px; }
  .investorDividendTableContainer .investorDividendTable .customTable thead th { position: relative; top: 0; }
  .investorDividendAgency .Doc .agencyPart { font-size: 17px; line-height: 17px; } }
.contactOuter { position: relative; }
.contactOuter .decTop { position: absolute; left: 0; top: 0; }
.contactOuter .decBottom { position: absolute; right: 0; bottom: 0; }

.contactContainer { padding-top: 108px; padding-bottom: 126px; position: relative; display: flex; justify-content: space-between; }
.contactContainer .leftInfo { width: 390px; position: relative; }
.contactContainer .leftInfo .infoBox { position: sticky; top: 120px; }
.contactContainer .leftInfo .infoTitle { width: 100%; margin-bottom: 23px; }
.contactContainer .leftInfo .infoTitle .titleEn { margin-bottom: 10px; }
.contactContainer .leftInfo .infoTitle .titleCh { display: flex; align-items: center; }
.contactContainer .leftInfo .infoTitle .titleCh::after { content: ''; width: 120px; height: 1px; margin-left: 19px; background: #aaa; }
.contactContainer .leftInfo .infoText { margin-bottom: 19px; }
.contactContainer .leftInfo .infoList { margin-bottom: 38px; }
.contactContainer .leftInfo .infoList ul li { display: flex; align-items: center; }
.contactContainer .leftInfo .infoList ul li:not(:last-child) { margin-bottom: 10px; }
.contactContainer .leftInfo .infoList .content a { transition: all 0.4s; }
.contactContainer .leftInfo .infoList .content a:hover { color: #F47920; }
.contactContainer .leftInfo .infoTrans a { align-items: flex-end; }
.contactContainer .leftInfo .infoTrans a:hover .leftIcon { background: #F47920; }
.contactContainer .leftInfo .infoTrans .leftIcon { width: 50px; height: 50px; margin-right: 14px; border-radius: 50%; background: #0060AF; display: flex; align-items: center; justify-content: center; transition: all 0.4s; }
.contactContainer .leftInfo .infoTrans .leftIcon i { position: relative; top: 0px; transition: all 0.4s; }
.contactContainer .leftInfo .infoTrans .rightDoc { margin-bottom: 2px; display: block; }
.contactContainer .leftInfo .infoTrans .transTitle { margin-bottom: 8px; display: block; }
.contactContainer .leftInfo .infoTrans .slogen { display: block; }
.contactContainer .rightForm { width: calc(100% - 440px); border: solid 1px #aaa; padding: 57px 65px 63px; }
.contactContainer .rightForm .contactForm .formRow { margin-right: -20px; margin-left: -20px; margin-bottom: 44px; }
.contactContainer .rightForm .contactForm .formCol { padding: 0 20px; }
.contactContainer .rightForm .contactForm .formCol:last-child .form-group { margin-bottom: 0px; }

.contactSendDoc { padding-top: 116px; padding-bottom: 147px; }

@media screen and (max-width: 1199px) { .contactContainer .leftInfo { width: 350px; }
  .contactContainer .leftInfo .infoList ul li { flex-direction: column; align-items: flex-start; }
  .contactContainer .rightForm { width: calc(100% - 400px); padding: 57px 50px 63px; }
  .contactContainer .rightForm .contactForm .formRow { margin-right: -15px; margin-left: -15px; }
  .contactContainer .rightForm .contactForm .formCol { padding: 0 15px; } }
@media screen and (max-width: 991px) { .contactOuter { overflow: hidden; }
  .contactContainer { flex-direction: column; }
  .contactContainer .leftInfo { width: 100%; margin-bottom: 50px; }
  .contactContainer .leftInfo .infoList ul li { flex-direction: row; align-items: center; }
  .contactContainer .leftInfo .infoTrans { width: max-content; }
  .contactContainer .rightForm { width: 100%; padding: 57px 65px 63px; }
  .contactContainer .rightForm .contactForm .formRow { margin-right: -20px; margin-left: -20px; }
  .contactContainer .rightForm .contactForm .formCol { padding: 0 20px; }
  .contactContainer .rightForm .contactForm .colSelect { /* The container must be positioned relative: */ /* Style the arrow inside the select element: */ /* Point the arrow upwards when the select box is open (active): */ /* style the items (options), including the selected item: */ /* Style items (options): */ /* Hide the items when the select box is closed: */ }
  .contactContainer .rightForm .contactForm .colSelect.customSelect select { /*hide original SELECT element: */ }
  .contactContainer .rightForm .contactForm .colSelect .select-items { max-height: 300px; }
  .contactSendOuter .decTop { width: 1500px; }
  .contactSendOuter .decBottom { width: 1200px; } }
@media screen and (max-width: 767px) { .contactContainer .rightForm { padding: 50px 40px 60px; }
  .contactContainer .rightForm .contactForm .colSelect { /* The container must be positioned relative: */ /* Style the arrow inside the select element: */ /* Point the arrow upwards when the select box is open (active): */ /* style the items (options), including the selected item: */ /* Style items (options): */ /* Hide the items when the select box is closed: */ }
  .contactContainer .rightForm .contactForm .colSelect.customSelect select { /*hide original SELECT element: */ }
  .contactSendOuter .decBottom { width: 900px; opacity: 0.5; } }
@media screen and (max-width: 575px) { .contactContainer { padding-top: 70px; padding-bottom: 80px; }
  .contactContainer .leftInfo .infoText { font-size: 16px; line-height: 26px; }
  .contactContainer .leftInfo .infoList { margin-bottom: 25px; }
  .contactContainer .leftInfo .infoList ul li:not(:last-child) { margin-bottom: 8px; }
  .contactContainer .leftInfo .infoList .subTitle { font-size: 16px; line-height: 20px; }
  .contactContainer .leftInfo .infoList .content { font-size: 16px; line-height: 20px; }
  .contactContainer .rightForm { padding: 50px 25px 40px; }
  .contactContainer .rightForm .contactForm .formRow { margin-right: 0px; margin-left: 0px; }
  .contactContainer .rightForm .contactForm .formCol { padding: 0 0px; }
  .contactContainer .rightForm .contactForm .colSelect { /* The container must be positioned relative: */ /* Style the arrow inside the select element: */ /* Point the arrow upwards when the select box is open (active): */ /* style the items (options), including the selected item: */ /* Style items (options): */ /* Hide the items when the select box is closed: */ }
  .contactContainer .rightForm .contactForm .colSelect.customSelect select { /*hide original SELECT element: */ } }
@media screen and (max-width: 499px) { .contactContainer { padding-top: 70px; padding-bottom: 80px; }
  .contactContainer .rightForm { padding: 50px 20px 40px; }
  .contactContainer .rightForm .contactForm .colSelect { /* The container must be positioned relative: */ /* Style the arrow inside the select element: */ /* Point the arrow upwards when the select box is open (active): */ /* style the items (options), including the selected item: */ /* Style items (options): */ /* Hide the items when the select box is closed: */ }
  .contactContainer .rightForm .contactForm .colSelect.customSelect select { /*hide original SELECT element: */ }
  .contactContainer .rightForm .contactForm .colSelect .select-selected { padding-left: 15px; }
  .contactContainer .rightForm .contactForm .colSelect .select-items div { padding-left: 15px; padding-right: 15px; } }
@media screen and (max-width: 374px) { .contactContainer .rightForm .contactForm .formBox { height: auto; flex-wrap: wrap; }
  .contactContainer .rightForm .contactForm .formBox.codeFormBox .colInput { width: calc(100% - 80px); }
  .contactContainer .rightForm .contactForm .colInput { width: 100%; }
  .contactContainer .rightForm .contactForm .colInput input { padding-left: 0; }
  .contactContainer .rightForm .contactForm .colTextarea { width: 100%; }
  .contactContainer .rightForm .contactForm .colTextarea textarea { padding-top: 0; padding-left: 0; }
  .contactContainer .rightForm .contactForm .colRadio { padding-left: 0px; padding-top: 10px; padding-bottom: 10px; }
  .contactContainer .rightForm .contactForm .colSelect .select-selected { padding-left: 0; } }
.errorLogo { width: 210px; height: 44px; position: absolute; top: 29px; left: 50px; }
.errorLogo img { width: 100%; height: 100%; object-fit: contain; }

.errorContainer { height: 100%; display: flex; align-items: center; justify-content: center; flex-grow: 1; }

.errorArticle { width: 100%; max-width: 970px; margin: 120px auto 0; display: flex; align-items: center; justify-content: space-between; }
.errorArticle .leftImg { width: 470px; height: 480px; }
.errorArticle .leftImg img { width: 100%; height: 100%; object-fit: contain; }
.errorArticle .rightDoc { width: 400px; padding-bottom: 83px; }
.errorArticle .rightDoc .titleNum { margin-bottom: 26px; }
.errorArticle .rightDoc .title { margin-bottom: 11px; }
.errorArticle .rightDoc .content { margin-bottom: 40px; }
.errorArticle .rightDoc .doubleBoxBtn { width: 230px; }

@media screen and (max-width: 991px) { .errorArticle { margin-top: 60px; }
  .errorArticle .leftImg { width: 250px; }
  .errorArticle .rightDoc { padding-bottom: 0; } }
@media screen and (max-width: 767px) { .errorArticle { margin-top: 0; padding: 120px 0 80px; flex-direction: column; }
  .errorArticle .leftImg { height: auto; margin-bottom: 20px; }
  .errorArticle .rightDoc { width: 100%; max-width: 400px; }
  .errorArticle .rightDoc .titleNum { font-size: 120px; line-height: 100px; text-align: center; }
  .errorArticle .rightDoc .title { text-align: center; }
  .errorArticle .rightDoc .content { text-align: center; }
  .errorArticle .rightDoc .doubleBoxBtn { margin: 0 auto; } }
@media screen and (max-width: 575px) { .errorLogo { top: 20px; left: 20px; }
  .errorArticle { padding: 100px 0 60px; }
  .errorArticle .leftImg { width: 200px; margin-bottom: 15px; }
  .errorArticle .rightDoc .titleNum { margin-bottom: 20px; }
  .errorArticle .rightDoc .title { margin-bottom: 7px; font-size: 22px; line-height: 30px; }
  .errorArticle .rightDoc .content { font-size: 17px; line-height: 27px; } }
.privacyContainer { position: relative; }
.privacyContainer .decLeft { position: absolute; left: 0; top: 143px; }
.privacyContainer .decRight { position: absolute; right: 0; top: 1100px; }

.privacyTitle { margin-bottom: 20px; }
.privacyTitle .doc { position: relative; display: flex; flex-direction: column; align-items: center; }
.privacyTitle .doc .titleEn { margin-bottom: 0; }
.privacyTitle .doc .dec { width: 180px; height: 1px; margin-top: 19px; margin-bottom: 19px; background: rgba(0, 0, 0, 0.5); }

.privacyArticle { padding-bottom: 75px; }

.privacyEditor .sectionItem { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #c8c8c8; }
.privacyEditor .sectionItem:last-child { border-bottom: none; }
.privacyEditor .subtitle { margin-bottom: 16px; }
.privacyEditor .text:not(:last-child) { margin-bottom: 12px; }
.privacyEditor .text ~ .subtitle { margin-top: 29px; }
.privacyEditor .list { padding-left: 25px; }
.privacyEditor .list li { position: relative; }
.privacyEditor .list li::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #F47920; position: absolute; left: -17px; top: 15px; transform: translateY(-50%); }
.privacyEditor .list li:not(:last-child) { margin-bottom: 12px; }

@media screen and (max-width: 991px) { .privacyContainer .decLeft { width: 250px; top: -80px; }
  .privacyContainer .decRight { right: -50px; } }
@media screen and (max-width: 575px) { .privacyContainer .decLeft { width: 250px; top: 30px; opacity: 0.8; }
  .privacyContainer .decRight { width: 250px; opacity: 0.8; }
  .privacyTitle { padding-top: 50px; margin-bottom: 20px; }
  .privacyTitle .doc .titleEn { font-size: 36px; line-height: 36px; }
  .privacyTitle .doc .dec { width: 120px; margin-top: 10px; margin-bottom: 10px; }
  .privacyTitle .doc .titleCh { font-size: 20px; line-height: 20px; }
  .privacyArticle { padding: 0 10px 60px; }
  .privacyEditor .sectionItem { padding-top: 30px; padding-bottom: 30px; }
  .privacyEditor .subtitle { font-size: 19px; line-height: 29px; margin-bottom: 12px; }
  .privacyEditor .text { font-size: 16px; line-height: 26px; }
  .privacyEditor .text ~ .subtitle { margin-top: 20px; }
  .privacyEditor .list { font-size: 16px; line-height: 26px; padding-left: 1em; }
  .privacyEditor .list li::before { top: 13px; left: -1em; transform: translate(50%, -50%); } }
@media screen and (max-width: 374px) { .privacyArticle { padding: 0 0px 60px; } }
body.modal-open { padding-right: 0px !important; }

.headerScrollDownPage { padding-top: 100px; }
@media screen and (max-width: 991px) { .headerScrollDownPage { padding-top: 57px; } }

.defaultContainer { padding: 0px 0 50px; }

/*# sourceMappingURL=style.css.map */