html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; vertical-align: baseline; }
header, main, footer, article, aside, details, figcaption, figure, hgroup, menu, nav, section { display: block; }
table { font-family: inherit; border-collapse: collapse; border-spacing: 0; }
a { color: inherit; }
a, a:hover, a:active, a:focus, a:visited { color: inherit; text-decoration: none; outline: 0; outline-offset: 0px; }
a[role=button] { user-select: none; }
img { display: block; max-width: 100%; height: auto; border: none; outline: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
button, input, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: normal; }
button, input, textarea { border: none; outline: none; background: none; border-radius: 0; margin: 0; padding: 0; color: inherit; }
button:focus { outline: none; box-shadow: none; border: none; }
.slick-slide:focus { outline: none; border: none; }
.select2-container .select2-dropdown .select2-search { display: none; }
.select2-container .selection .select2-selection--single { height: auto; }
.select2-container .selection .select2-selection--single:focus { outline: none; }
.btn.focus, .btn:focus { outline: none; box-shadow: unset; }
input[type=text] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif; font-weight: 300; font-size: 16px; color: #262626; overflow-x: hidden; }
@media screen and (max-width:576px) {
    body { font-size: 14px; }
}
.hidden { display: none; }
.clearfix:after { display: block; content: ""; clear: both; }
.max-sm-size .for-tablet { display: none !important; }
.max-xs-size .for-desktop, .min-xs-size .for-mobile { display: none !important; }
.fontClear { margin: 0; padding: 0; font-size: inherit; line-height: inherit; font-weight: normal; font-style: normal; text-decoration: none !important; }
ul.noneStyle, ol.noneStyle { margin: 0; padding: 0; list-style-type: none; }
.container { width: calc(100% - 80px); max-width: 1600px; margin: 0 auto; padding: 0; }
.container.full { max-width: 100%; }
.max-sm-size .container { width: calc(100% - 40px); }
.gold { color: #BC8900; }
.w-1400 { max-width: 1400px; margin: 0 auto; }
.w-1300 { max-width: 1300px; margin: 0 auto; }
.w-1220 { max-width: 1220px; margin: 0 auto; }
.w-1210 { max-width: 1210px; margin: 0 auto; }
.w-1200 { max-width: 1200px; margin: 0 auto; }
.w-1180 { max-width: 1180px; margin: 0 auto; }
.section { position: relative; width: 100%; }
.lock { height: 110%; overflow: hidden; }
@media (max-width:576px) {
    .d01s, .d02s, .d03s, .d04s, .d05s, .d06s, .d07s, .d08s, .d09s { animation-delay: 0s; }
}
.light { position: relative; transition: all 0.5s; overflow: hidden; }
.light::after { content: ""; background: #fff; height: 300%; left: -100px; opacity: 0.2; position: absolute; top: -100%; transform: rotate(35deg); transition: left 1s cubic-bezier(0.165, 0.84, 0.44, 1); width: 50px; z-index: 10; }
.light:hover { background-color: #BC8900; }
.light:hover::after { left: 150%; }
.scroll-alert { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.8); z-index: 6000; display: none; }
.min-md-size .scroll-alert { display: none !important; }
.scroll-alert.show { display: block; }
.scroll-alert .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.scroll-alert .container .text { font-weight: 700; font-size: 16px; color: #BC8900; }
.scroll-alert .container .pics { display: flex; justify-content: center; }
.scroll-alert .container .pics div { margin: 25px 20px 0 20px; }
.scroll-alert .container .pics div img { width: 95px; }
.scroll-alert .container .pics .arrow { margin: 25px 0 0 0; }
.scroll-alert .container .pics .arrow img { width: 32px; }
.scroll-alert .container .btnBox { margin-top: 50px; }
.scroll-alert .container .btnBox .close-alert { width: 100%; max-width: 120px; height: 40px; display: flex; justify-content: center; align-items: center; color: #FFFFFF; font-weight: 500; margin: auto; border: 1px solid rgba(255, 255, 255, 0.3); }
.banner-in { margin-top: 90px; }
.max-md-size .banner-in { margin-top: 75px; }
.max-sm-size .banner-in { margin-top: 60px; }
.banner-in .pic { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; overflow: hidden; }
.banner-in .pic img { width: 100%; height: 100%; object-fit: cover; animation: imgScale 30s; animation-play-state: running; }
@keyframes imgScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.banner-in .container { width: 100%; height: 500px; text-align: center; position: relative; }
.max-md-size .banner-in .container { height: 400px; }
.max-sm-size .banner-in .container { height: 300px; }
.max-xs-size .banner-in .container { height: 250px; }
.banner-in .container .banner-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFFFFF; width: calc(100% - 40px); }
.banner-in .container .banner-text .title-en { font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; font-size: 24px; font-weight: 600; letter-spacing: 0.8px; line-height: 1.1; }
@media screen and (max-width:576px) {
    .banner-in .container .banner-text .title-en { font-size: 20px; }
}
#responsibility .banner-in .container .banner-text .title-en, #sitemap .banner-in .container .banner-text .title-en { color: #C1C2C2; }
.banner-in .container .banner-text .title { font-size: 40px; font-weight: 700; letter-spacing: 2px; }
@media screen and (max-width:1024px) {
    .banner-in .container .banner-text .title { font-size: 35px; }
}
@media screen and (max-width:576px) {
    .banner-in .container .banner-text .title { font-size: 30px; }
}
.page-nums { background-color: #F2F2F2; padding: 95px 0; position: relative; z-index: 1; }
.max-md-size .page-nums { padding: 60px 0; }
.max-xs-size .page-nums { padding: 40px 0; }
.page-nums ul { display: flex; justify-content: center; }
.page-nums ul li { border: 1px solid #D5D5D5; background-color: #FFFFFF; transition: all 0.5s; }
.page-nums ul li+li { margin-left: 7px; }
.page-nums ul li.hide { opacity: 0; pointer-events: none; }
.page-nums ul li.active { background-color: #BC8900; color: #FFFFFF; border: 1px solid #BC8900; }
.page-nums ul li:hover { background-color: #BC8900; color: #FFFFFF; border: 1px solid #BC8900; }
.page-nums ul li:hover a .svg path, .page-nums ul li:hover a .svg rect { stroke: #FFFFFF !important; }
.page-nums ul li a { display: flex; justify-content: center; align-items: center; font-size: 18px; width: 45px; height: 45px; font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; }
@media screen and (max-width:576px) {
    .page-nums ul li a { font-size: 16px; }
}
.max-xs-size .page-nums ul li a { width: 35px; height: 35px; }
.page-nums ul li a .svg { width: 6.5px; }
.page-nums ul li:first-child a { width: 103px; height: 45px; }
.max-xs-size .page-nums ul li:first-child a { width: 70px; height: 35px; }
.page-nums ul li:first-child a .svg { margin-right: 16px; }
.max-xs-size .page-nums ul li:first-child a .svg { margin-right: 8px; }
.page-nums ul li:last-child a { width: 103px; height: 45px; }
.max-xs-size .page-nums ul li:last-child a { width: 70px; height: 35px; }
.page-nums ul li:last-child a .svg { margin-left: 16px; }
.max-xs-size .page-nums ul li:last-child a .svg { margin-left: 8px; }
.footer-in.type2 .footer-links a { position: relative; }
.max-xs-size .footer-in.type2 .footer-links a { height: 180px; }
.min-md-size .footer-in.type2 .footer-links a:hover::before, .min-md-size .footer-in.type2 .footer-links a:hover::after { height: 100%; transition-delay: 0.8s; }
.min-md-size .footer-in.type2 .footer-links a:hover .mask-line { opacity: 1; }
.min-md-size .footer-in.type2 .footer-links a:hover .mask-line::before, .min-md-size .footer-in.type2 .footer-links a:hover .mask-line::after { width: 100%; transition-delay: 0.8s; }
.min-md-size .footer-in.type2 .footer-links a:hover .textBox { opacity: 1; transition-delay: 0.5s; }
.footer-in.type2 .footer-links a::before { position: absolute; display: block; content: ""; left: 0; top: 0; height: 0; width: 2px; background-color: #BC8900; transition: all 0.5s; z-index: 1; }
.max-md-size .footer-in.type2 .footer-links a::before { display: none; }
.footer-in.type2 .footer-links a::after { position: absolute; display: block; content: ""; right: 0; bottom: 0; height: 0; width: 2px; background-color: #BC8900; transition: all 0.5s; z-index: 1; }
.max-md-size .footer-in.type2 .footer-links a::after { display: none; }
.footer-in.type2 .footer-links a .mask-line { position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); transition: all 0.5s; }
.max-md-size .footer-in.type2 .footer-links a .mask-line { opacity: 1; }
.footer-in.type2 .footer-links a .mask-line::before { position: absolute; display: block; content: ""; top: 0; left: 0; width: 0; height: 2px; background-color: #BC8900; transition: all 0.5s; }
.max-sm-size .footer-in.type2 .footer-links a .mask-line::before { display: none; }
.footer-in.type2 .footer-links a .mask-line::after { position: absolute; display: block; content: ""; bottom: 0; right: 0; width: 0; height: 2px; background-color: #BC8900; transition: all 0.5s; }
.max-sm-size .footer-in.type2 .footer-links a .mask-line::after { display: none; }
.footer-in.type2 .footer-links a .textBox { display: block; width: 100%; max-width: 460px; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; padding: 20px; opacity: 0; transition: all 0.3s; z-index: 11; }
.max-md-size .footer-in.type2 .footer-links a .textBox { left: 50%; }
.max-md-size .footer-in.type2 .footer-links a .textBox { opacity: 1; }
.footer-in.type2 .footer-links a .textBox .text { margin-bottom: 18px; }
.max-sm-size .footer-in.type2 .footer-links a .textBox .text { margin-bottom: 10px; }
.footer-in.type2 .footer-links a .textBox .text2 { font-weight: 100; color: #FFFFFF; margin-bottom: 20px; }
.max-xs-size .footer-in.type2 .footer-links a .textBox .text2 { margin-bottom: 15px; }
.footer-in.type2 .footer-links a .textBox .more { position: relative; z-index: 11; margin-left: 0; width: 55px; height: 55px; border: 1px solid #BC8900; display: flex; justify-content: center; align-items: center; margin: auto; }
.max-sm-size .footer-in.type2 .footer-links a .textBox .more { width: 40px; height: 40px; }
.max-xs-size .footer-in.type2 .footer-links a .textBox .more { width: 35px; height: 35px; }
.footer-in.type2 .footer-links a .textBox .more .svg { width: 15px; }
.footer-in .footer-links { display: flex; }
.max-xs-size .footer-in .footer-links { flex-wrap: wrap; }
.footer-in .footer-links a { background-position: center; background-repeat: no-repeat; background-size: cover; flex: 0 0 50%; height: 300px; position: relative; display: inline-block; }
.max-md-size .footer-in .footer-links a { height: 250px; }
.max-sm-size .footer-in .footer-links a { height: 200px; }
.max-xs-size .footer-in .footer-links a { flex: 0 0 100%; height: 150px; }
.footer-in .footer-links a:hover .bg img { transform: scale(1.05); }
.footer-in .footer-links a:hover .textBox .arrow { margin-left: 40px; }
.footer-in .footer-links a .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.footer-in .footer-links a .bg img { transition: all 0.5s; width: 100%; height: 100%; object-fit: cover; }
.footer-in .footer-links a .textBox { position: absolute; top: 50%; transform: translate(0, -50%); left: 16%; display: flex; justify-content: center; align-items: center; width: auto; }
.max-md-size .footer-in .footer-links a .textBox { left: 10%; }
.footer-in .footer-links a .textBox .text { font-size: 35px; font-weight: 700; color: #FFFFFF; }
@media screen and (max-width:1024px) {
    .footer-in .footer-links a .textBox .text { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .footer-in .footer-links a .textBox .text { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .footer-in .footer-links a .textBox .text { font-size: 20px; }
}
.footer-in .footer-links a .textBox .arrow { width: 25px; margin-left: 30px; transition: all 0.5s; }
.max-xs-size .footer-in .footer-links a .textBox .arrow { margin-left: 20px; }
.footer-in .footer-links a .textBox .arrow img { width: 100%; }
.select2-container--default.select2-container--open .select2-dropdown--below { border: none; box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.1); }
.select2-container--default.select2-container--open .select2-dropdown--above { border: none; box-shadow: 0 0px 5px 3px rgba(0, 0, 0, 0.1); }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #BC8900; }
.select2-container--default .select2-results__option { padding: 8px 29px; font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; }
.max-sm-size .select2-container--default .select2-results__option { text-align: center; }
.edit { width: 100%; }
.edit .about-intro { background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; color: #FFFFFF; }
.edit .about-intro .container { padding-top: 130px; padding-bottom: 109px; }
.max-sm-size .edit .about-intro .container { padding-top: 80px; padding-bottom: 80px; }
.max-xs-size .edit .about-intro .container { padding: 50px 0; }
.edit .about-intro .container .titleBox { margin-bottom: 60px; }
.max-sm-size .edit .about-intro .container .titleBox { margin-bottom: 40px; }
.edit .about-intro .container .titleBox .title { font-size: 36px; font-weight: 700; margin-bottom: 16px; }
@media screen and (max-width:1024px) {
    .edit .about-intro .container .titleBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .edit .about-intro .container .titleBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .edit .about-intro .container .titleBox .title { font-size: 20px; }
}
.edit .about-intro .container .titleBox .subtitle { font-size: 20px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .edit .about-intro .container .titleBox .subtitle { font-size: 18px; }
}
.edit .about-intro .container .textBox { width: 100%; max-width: 760px; margin: auto; margin-bottom: 49px; }
.max-xs-size .edit .about-intro .container .textBox { margin-bottom: 35px; }
.edit .about-intro .container .textBox .text { display: block; margin-bottom: 13px; }
.edit .about-intro .container .textBox .text:last-child { margin-bottom: 0; }
.edit .about-intro .container .linkBox { display: flex; justify-content: center; align-items: center; }
.max-xs2-size .edit .about-intro .container .linkBox { flex-wrap: wrap; }
.edit .about-intro .container .linkBox a { display: flex; justify-content: center; align-items: center; width: 300px; height: 60px; border: 1px solid #FFFFFF; margin: 0 8.5px; font-size: 18px; transition: all 0.5s; overflow: hidden; }
@media screen and (max-width:576px) {
    .edit .about-intro .container .linkBox a { font-size: 16px; }
}
.max-xs2-size .edit .about-intro .container .linkBox a+a { margin-top: 10px; }
.max-xs2-size .edit .about-intro .container .linkBox a { height: 50px; }
.edit .about-intro .container .linkBox a:hover { border: 1px solid #BC8900; }
.edit .about-intro .container .linkBox a .svg { width: 24px; margin-left: 14px; }
.edit .about-intro .container .linkBox a .svg path, .edit .about-intro .container .linkBox a .svg rect { transition: all 0.5s; }
.edit .new-main::before { position: absolute; display: block; content: ""; width: 100%; height: calc(100% - 170px); background-color: #F9F9F9; left: 0; bottom: 0; }
.edit .new-main .container { position: relative; z-index: 1; padding: 38px 100px 0 100px; background-color: #fff; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); }
.max-sm-size .edit .new-main .container { padding: 38px 40px 0 40px; }
.max-xs-size .edit .new-main .container { padding: 30px 20px 0 20px; }
.edit .new-main .container .titleBox { width: 100%; position: relative; text-align: center; border-bottom: 1px solid #E5E5E5; padding-top: 8px; padding-bottom: 40px; margin-bottom: 45px; }
.max-xs2-size .edit .new-main .container .titleBox { padding-bottom: 20px; margin-bottom: 20px; }
.edit .new-main .container .titleBox .date { display: block; font-size: 18px; font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; color: #BC8900; margin-bottom: 30px; }
@media screen and (max-width:576px) {
    .edit .new-main .container .titleBox .date { font-size: 16px; }
}
.edit .new-main .container .titleBox .title { font-size: 40px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .edit .new-main .container .titleBox .title { font-size: 35px; }
}
@media screen and (max-width:576px) {
    .edit .new-main .container .titleBox .title { font-size: 30px; }
}
.max-xs2-size .edit .new-main .container .titleBox .title { font-size: 25px; }
.max-xs-size .edit .new-main .container .titleBox .title br { display: none; }
.edit .new-main .container .titleBox .links { position: absolute; right: 0; top: 0; }
.edit .new-main .container .titleBox .links a { float: left; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid rgba(136, 136, 136, 0.3); border-radius: 50%; transition: all 0.5s; position: relative; }
.edit .new-main .container .titleBox .links a+a { margin-left: 12px; }
.max-xs-size .edit .new-main .container .titleBox .links a { width: 35px; height: 35px; }
.max-xs-size .edit .new-main .container .titleBox .links a+a { margin-left: 5px; }
.edit .new-main .container .titleBox .links a .svg { width: 17px; }
.edit .new-main .container .titleBox .links a .svg path, .edit .new-main .container .titleBox .links a .svg rect { transition: all 0.5s; }
.edit .new-main .container .titleBox .links a.fb .svg { width: 9.5px; }
.edit .new-main .container .titleBox .links a.fb:hover { border-color: #BC8900; background-color: #BC8900; }
.edit .new-main .container .titleBox .links a.fb:hover .tip { opacity: 1; }
.edit .new-main .container .titleBox .links a.fb:hover .svg path, .edit .new-main .container .titleBox .links a.fb:hover .svg rect { stroke: #FFFFFF !important; fill: #FFFFFF !important; }
.edit .new-main .container .titleBox .links a.line:hover { border-color: #BC8900; background-color: #BC8900; }
.edit .new-main .container .titleBox .links a.line:hover .tip { opacity: 1; }
.edit .new-main .container .titleBox .links a.line:hover .svg path, .edit .new-main .container .titleBox .links a.line:hover .svg rect { fill: #FFFFFF !important; }
.edit .new-main .container .titleBox .links a .tip { position: absolute; top: -100%; display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; width: 80px; height: 25px; border-radius: 10px; background-color: #FFFFFF; font-size: 14px; color: #888888; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); transition: all 0.5s; }
.edit .new-main .container .picBox { width: 100%; margin-bottom: 45px; }
.max-xs2-size .edit .new-main .container .picBox { margin-bottom: 20px; }
.edit .new-main .container .picBox .pic { width: 100%; }
.edit .new-main .container .picBox .pic img { width: 100%; }
.edit .new-main .container .textBox p { margin-bottom: 35px; letter-spacing: 0.9px; }
.max-sm-size .edit .new-main .container .textBox p { margin-bottom: 25px; }
.max-xs2-size .edit .new-main .container .textBox p { margin-bottom: 20px; }
.edit .new-main .container .recordBox { letter-spacing: 0.9px; margin-bottom: 135px; }
.max-md-size .edit .new-main .container .recordBox { margin-bottom: 80px; }
.max-xs-size .edit .new-main .container .recordBox { margin-bottom: 50px; }
.edit .new-main .container .recordBox .d-flex+.d-flex { margin-top: 15px; }
.edit .new-main .container .recordBox .d-flex .name { color: #BC8900; font-weight: 500; min-width: 70px; }
.edit .new-main .container .recordBox .d-flex .content { display: flex; }
.max-sm-size .edit .new-main .container .recordBox .d-flex .content { flex-wrap: wrap; }
.edit .new-main .container .recordBox .d-flex .content p:first-child { min-width: 200px; }
.edit .new-main .container .btnBox { padding-top: 83px; padding-bottom: 113px; border-top: 1px solid #E5E5E5; display: flex; justify-content: space-between; align-items: center; }
.max-md-size .edit .new-main .container .btnBox { padding: 60px 0; }
.max-xs-size .edit .new-main .container .btnBox { padding: 50px 0; }
.edit .new-main .container .btnBox a { display: flex; justify-content: center; align-items: center; color: #888888; transition: all 0.5s; }
.edit .new-main .container .btnBox a .svg { transition: all 0.5s; }
.edit .new-main .container .btnBox a:first-child { width: 80px; }
.max-xs-size .edit .new-main .container .btnBox a:first-child { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border: 1px solid #E5E5E5; border-radius: 50%; }
.edit .new-main .container .btnBox a:first-child .svg { width: 6.5px; margin-right: 10px; }
.max-xs-size .edit .new-main .container .btnBox a:first-child .svg { margin-right: 0; }
.edit .new-main .container .btnBox a:first-child .svg path, .edit .new-main .container .btnBox a:first-child .svg rect { stroke: #888888 !important; }
.edit .new-main .container .btnBox a:first-child:hover { color: #BC8900; }
.max-xs-size .edit .new-main .container .btnBox a:first-child:hover { border-color: #BC8900; }
.edit .new-main .container .btnBox a:first-child:hover .svg path, .edit .new-main .container .btnBox a:first-child:hover .svg rect { stroke: #BC8900 !important; }
.edit .new-main .container .btnBox a:nth-child(2) { color: #FFFFFF; width: 268px; height: 60px; background-color: #BC8900; transition: all 0.5s; }
.max-sm-size .edit .new-main .container .btnBox a:nth-child(2) { max-width: 200px; }
.max-xs-size .edit .new-main .container .btnBox a:nth-child(2) { max-width: 150px; height: 45px; }
.edit .new-main .container .btnBox a:nth-child(2) .svg { width: 18.4px; margin-right: 10px; }
.edit .new-main .container .btnBox a:nth-child(2) .svg path, .edit .new-main .container .btnBox a:nth-child(2) .svg rect { transition: all 0.5s; }
.edit .new-main .container .btnBox a:last-child { width: 80px; }
.max-xs-size .edit .new-main .container .btnBox a:last-child { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border: 1px solid #E5E5E5; border-radius: 50%; }
.edit .new-main .container .btnBox a:last-child .svg { width: 6.5px; margin-left: 10px; }
.max-xs-size .edit .new-main .container .btnBox a:last-child .svg { margin-left: 0; }
.edit .new-main .container .btnBox a:last-child .svg path, .edit .new-main .container .btnBox a:last-child .svg rect { stroke: #888888 !important; }
.edit .new-main .container .btnBox a:last-child:hover { color: #BC8900; }
.max-xs-size .edit .new-main .container .btnBox a:last-child:hover { border-color: #BC8900; }
.edit .new-main .container .btnBox a:last-child:hover .svg path, .edit .new-main .container .btnBox a:last-child:hover .svg rect { stroke: #BC8900 !important; }
.edit .business-in-main { margin-top: 90px; }
.max-md-size .edit .business-in-main { margin-top: 75px; }
.max-sm-size .edit .business-in-main { margin-top: 60px; }
.edit .business-in-main .container { padding-top: 110px; }
.max-md-size .edit .business-in-main .container { padding-top: 70px; }
.max-sm-size .edit .business-in-main .container { padding-top: 50px; }
.max-xs-size .edit .business-in-main .container { padding-top: 35px; }
.edit .business-in-main .container .titleBox { width: 100%; max-width: 1400px; margin: auto; display: flex; justify-content: space-between; margin-bottom: 60px; }
.max-sm-size .edit .business-in-main .container .titleBox { margin-bottom: 50px; }
.max-xs-size .edit .business-in-main .container .titleBox { flex-wrap: wrap; justify-content: center; margin-bottom: 20px; }
.edit .business-in-main .container .titleBox .logo { width: 150px; height: 67px; margin-right: 15px; }
.max-xs-size .edit .business-in-main .container .titleBox .logo { margin-right: 0; margin-bottom: 15px; }
.edit .business-in-main .container .titleBox .logo img { width: 100%; height: 100%; object-fit: contain; }
.edit .business-in-main .container .titleBox .d-block { flex-basis: 545px; font-weight: 100; letter-spacing: 0.8px; }
.edit .business-in-main .container .slickBox { position: relative; }
.edit .business-in-main .container .slickBox .pics { width: 100%; height: 650px; }
.max-md-size .edit .business-in-main .container .slickBox .pics { height: 450px; }
.max-sm-size .edit .business-in-main .container .slickBox .pics { height: 350px; }
.max-xs-size .edit .business-in-main .container .slickBox .pics { height: 220px; }
.edit .business-in-main .container .slickBox .pics .slick-list { width: 100%; height: 100%; }
.edit .business-in-main .container .slickBox .pics .slick-list .slick-track { width: 100%; height: 100%; }
.edit .business-in-main .container .slickBox .pics .slick-list .slick-track .pic { width: 100%; height: 100%; }
.edit .business-in-main .container .slickBox .pics .slick-list .slick-track .pic img { width: 100%; height: 100%; object-fit: cover; }
.edit .business-in-main .container .slickBox .pics .slick-list .slick-track .pic .ie-img { width: 100% !important; height: 100% !important; }
.edit .business-in-main .container .slickBox .arrow { position: absolute; display: flex; justify-content: center; align-items: center; top: calc(50% - 40px); width: 80px; height: 80px; background-color: rgba(0, 0, 0, 0.6); cursor: pointer; transition: all 0.5s; }
.max-md-size .edit .business-in-main .container .slickBox .arrow { width: 60px; height: 60px; top: calc(50% - 30px); }
.max-sm-size .edit .business-in-main .container .slickBox .arrow { width: 50px; height: 50px; top: calc(50% - 25px); }
.max-xs-size .edit .business-in-main .container .slickBox .arrow { width: 40px; height: 40px; top: calc(50% - 20px); }
.edit .business-in-main .container .slickBox .arrow:hover { background-color: #BC8900; }
.edit .business-in-main .container .slickBox .arrow .svg { width: 8.5px; }
.edit .business-in-main .container .slickBox .arrow.prev { left: 0; }
.edit .business-in-main .container .slickBox .arrow.next { right: 0; }
.edit .business-in-main .container .textBox { width: 100%; max-width: 1400px; margin: auto; text-align: center; padding-top: 65px; padding-bottom: 120px; }
.max-sm-size .edit .business-in-main .container .textBox { padding-top: 50px; padding-bottom: 70px; }
.max-xs-size .edit .business-in-main .container .textBox { padding-top: 30px; padding-bottom: 50px; }
.edit .business-in-main .container .textBox .title { font-size: 35px; font-weight: 500; margin-bottom: 50px; }
@media screen and (max-width:1024px) {
    .edit .business-in-main .container .textBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .edit .business-in-main .container .textBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .edit .business-in-main .container .textBox .title { font-size: 20px; }
}
.max-sm-size .edit .business-in-main .container .textBox .title { margin-bottom: 30px; }
.max-xs-size .edit .business-in-main .container .textBox .title { margin-bottom: 15px; }
.edit .business-in-main .container .textBox ul li { width: auto; display: flex; justify-content: center; align-items: flex-start; letter-spacing: 0.8px; }
.edit .business-in-main .container .textBox ul li+li { margin-top: 12px; }
.max-sm-size .edit .business-in-main .container .textBox ul li+li { margin-top: 10px; }
.edit .business-in-main .container .textBox ul li img { width: 9px; margin-top: 8px; margin-right: 5px; }
.edit .business-in-main .container .btnBox { width: 100%; max-width: 1400px; margin: auto; padding-top: 83px; padding-bottom: 93px; border-top: 1px solid #E5E5E5; display: flex; justify-content: center; align-items: center; }
.max-md-size .edit .business-in-main .container .btnBox { padding: 60px 0; }
.max-xs-size .edit .business-in-main .container .btnBox { padding: 50px 0; }
.edit .business-in-main .container .btnBox a { display: flex; justify-content: center; align-items: center; transition: all 0.5s; color: #FFFFFF; width: 268px; height: 60px; background-color: #BC8900; }
.max-sm-size .edit .business-in-main .container .btnBox a { max-width: 200px; }
.max-xs-size .edit .business-in-main .container .btnBox a { max-width: 150px; height: 45px; }
.edit .business-in-main .container .btnBox a .svg { width: 18.4px; margin-right: 10px; }
.edit .qaEdit { background-color: #FFFFFF; }
.edit .qaEdit .container { padding: 95px 0 15px 0; }
.max-md-size .edit .qaEdit .container { padding: 80px 0 0 0; }
.max-sm-size .edit .qaEdit .container { padding: 50px 0 0 0; }
.edit .qaEdit .container .titleBox { text-align: center; margin-bottom: 75px; }
.max-md-size .edit .qaEdit .container .titleBox { margin-bottom: 60px; }
.max-sm-size .edit .qaEdit .container .titleBox { margin-bottom: 30px; }
.edit .qaEdit .container .titleBox .title { font-size: 36px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .edit .qaEdit .container .titleBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .edit .qaEdit .container .titleBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .edit .qaEdit .container .titleBox .title { font-size: 20px; }
}
.edit .qaEdit .container .qaBox { width: 100%; }
.edit .qaEdit .container .qaBox .qaList { width: 100%; }
.edit .qaEdit .container .qaBox .qaList li { width: 100%; }
.edit .qaEdit .container .qaBox .qaList li:last-child button { border-bottom: 1px solid #D2D2D2; }
.edit .qaEdit .container .qaBox .qaList li:last-child .a { border-bottom: 1px solid #D2D2D2; }
.edit .qaEdit .container .qaBox .qaList li.open button { background-color: #F4F4F4; }
.edit .qaEdit .container .qaBox .qaList li.open button .icon .line { background-color: #999999; }
.edit .qaEdit .container .qaBox .qaList li.open button .icon .line::after { background-color: #999999; transform: translate(-50%, -50%); }
.edit .qaEdit .container .qaBox .qaList li button { width: 100%; display: flex; align-items: center; position: relative; padding: 25px 100px 25px 3.3vw; border-top: 1px solid #D2D2D2; text-align: left; transition: all 0.5s; }
.edit .qaEdit .container .qaBox .qaList li button:hover { background-color: #F4F4F4; }
.max-md-size .edit .qaEdit .container .qaBox .qaList li button { padding: 20px 55px 20px 20px; }
.max-xs-size .edit .qaEdit .container .qaBox .qaList li button { padding: 15px 50px 15px 15px; }
.edit .qaEdit .container .qaBox .qaList li button .q { display: block; width: 40px; margin-right: 25px; }
.max-md-size .edit .qaEdit .container .qaBox .qaList li button .q { margin-right: 20px; }
.max-xs-size .edit .qaEdit .container .qaBox .qaList li button .q { width: 30px; margin-right: 15px; }
.edit .qaEdit .container .qaBox .qaList li button .q img { width: 100%; }
.edit .qaEdit .container .qaBox .qaList li button .qText { flex: 1; display: block; font-size: 18px; font-weight: 500; color: #262626; }
@media screen and (max-width:576px) {
    .edit .qaEdit .container .qaBox .qaList li button .qText { font-size: 16px; }
}
.edit .qaEdit .container .qaBox .qaList li button .icon { display: block; position: absolute; right: 3.3vw; top: 50%; transform: translate(0, -50%); }
.max-md-size .edit .qaEdit .container .qaBox .qaList li button .icon { right: 20px; }
.max-xs-size .edit .qaEdit .container .qaBox .qaList li button .icon { right: 15px; }
.edit .qaEdit .container .qaBox .qaList li button .icon .line { display: block; width: 15px; height: 2px; background-color: #BA8500; transform-origin: center; position: relative; transition: all 0.5s; }
.max-xs-size .edit .qaEdit .container .qaBox .qaList li button .icon .line { width: 12px; }
.edit .qaEdit .container .qaBox .qaList li button .icon .line::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-90deg); background-color: #BA8500; transition: all 0.5s; }
.edit .qaEdit .container .qaBox .qaList li .answer { display: none; border-top: 2px solid #AF7200; }
.edit .qaEdit .container .qaBox .qaList li .answer .a { display: flex; padding: 28px 100px 28px 3.3vw; }
.max-md-size .edit .qaEdit .container .qaBox .qaList li .answer .a { padding: 20px 55px 20px 20px; }
.max-xs-size .edit .qaEdit .container .qaBox .qaList li .answer .a { padding: 15px; }
.edit .qaEdit .container .qaBox .qaList li .answer .a .boxL { width: 40px; margin-right: 25px; }
.max-md-size .edit .qaEdit .container .qaBox .qaList li .answer .a .boxL { margin-right: 20px; }
.max-xs-size .edit .qaEdit .container .qaBox .qaList li .answer .a .boxL { width: 30px; margin-right: 15px; }
.edit .qaEdit .container .qaBox .qaList li .answer .a .boxL img { width: 100%; }
.edit .qaEdit .container .qaBox .qaList li .answer .a .boxR { flex: 1; max-width: 970px; padding-top: 8px; }
.max-xs-size .edit .qaEdit .container .qaBox .qaList li .answer .a .boxR { padding-top: 3px; }
.edit .qaEdit .container .qaBox .qaList li .answer .a .boxR .text { display: block; }
.edit .qaEdit .container .qaBox .qaList li .answer .a .boxR ul { margin-top: 11px; }
.edit .qaEdit .container .qaBox .qaList li .answer .a .boxR ul li+li { margin-top: 12px; }
.edit .qaEdit .container .qaBox .qaList li .answer .a .boxR .pic { width: 100%; max-width: 393px; margin-top: 25px; }
.edit .qaEdit .container .qaBox .qaList li .answer .a .boxR .pic img { width: 100%; }
.edit .jobs-welfare { background-color: #FFFFFF; }
.edit .jobs-welfare .container { padding: 95px 0 90px 0; }
.max-md-size .edit .jobs-welfare .container { padding: 80px 0; }
.max-sm-size .edit .jobs-welfare .container { padding: 50px 0 20px 0; }
.edit .jobs-welfare .container .titleBox { text-align: center; margin-bottom: 75px; }
.max-md-size .edit .jobs-welfare .container .titleBox { margin-bottom: 60px; }
.max-sm-size .edit .jobs-welfare .container .titleBox { margin-bottom: 30px; }
.edit .jobs-welfare .container .titleBox .title { font-size: 36px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .edit .jobs-welfare .container .titleBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .edit .jobs-welfare .container .titleBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .edit .jobs-welfare .container .titleBox .title { font-size: 20px; }
}
.edit .jobs-welfare .container ul { display: flex; justify-content: center; }
.max-sm-size .edit .jobs-welfare .container ul { flex-wrap: wrap; }
.edit .jobs-welfare .container ul li { text-align: center; flex-basis: 178px; }
.max-sm-size .edit .jobs-welfare .container ul li { flex: 0 0 calc((100% - 45px)/3); margin: 0 7.5px 30px 7.5px; }
.max-xs2-size .edit .jobs-welfare .container ul li { flex: 0 0 calc((100% - 15px)/2); margin: 0 0 30px 0; }
.max-xs2-size .edit .jobs-welfare .container ul li:nth-child(even) { margin-left: 15px; }
.edit .jobs-welfare .container ul li+li { margin-left: 65px; }
.max-md-size .edit .jobs-welfare .container ul li+li { margin-left: 20px; }
.max-sm-size .edit .jobs-welfare .container ul li+li { margin-left: 7.5px; }
.max-xs-size .edit .jobs-welfare .container ul li+li { margin-left: inherit; }
.edit .jobs-welfare .container ul li .pic { width: 83px; height: 83px; margin: auto; margin-bottom: 25px; }
.max-sm-size .edit .jobs-welfare .container ul li .pic { margin-bottom: 15px; }
.edit .jobs-welfare .container ul li .pic img { width: 100%; height: 100%; object-fit: contain; }
.edit .jobs-welfare .container ul li .texts .name { display: block; width: 100%; font-size: 20px; font-weight: 500; color: #BC8900; padding: 0 5px 15px 5px; border-bottom: 1px solid #D6D6D6; }
@media screen and (max-width:1024px) {
    .edit .jobs-welfare .container ul li .texts .name { font-size: 18px; }
}
.max-sm-size .edit .jobs-welfare .container ul li .texts .name { padding: 0 5px 10px 4px; }
.edit .jobs-welfare .container ul li .texts .text { display: block; padding: 20px 5px 0 5px; }
.max-sm-size .edit .jobs-welfare .container ul li .texts .text { padding: 10px 5px 0 5px; }
.edit .jobs-welfare .pics { width: 100%; display: flex; }
.max-sm-size .edit .jobs-welfare .pics { flex-wrap: wrap; }
.edit .jobs-welfare .pics .pic { flex: 0 0 25%; overflow: hidden; }
.max-sm-size .edit .jobs-welfare .pics .pic { flex: 0 0 50%; }
.max-xs2-size .edit .jobs-welfare .pics .pic { flex: 0 0 100%; }
.edit .jobs-welfare .pics .pic:hover img { transform: scale(1.05); }
.edit .jobs-welfare .pics .pic img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.edit .investors-main, .edit .governance-main, .edit .social2-main { padding: 110px 0 95px 0; }
.max-sm-size .edit .investors-main, .max-sm-size .edit .governance-main, .max-sm-size .edit .social2-main { padding: 80px 0 60px 0; }
.edit .investors-main .container .titleBox, .edit .governance-main .container .titleBox, .edit .social2-main .container .titleBox { text-align: center; margin-bottom: 70px; }
.investors-call .edit .investors-main .container .titleBox, .governance-rule .edit .investors-main .container .titleBox, .investors-call .edit .governance-main .container .titleBox, .governance-rule .edit .governance-main .container .titleBox, .investors-call .edit .social2-main .container .titleBox, .governance-rule .edit .social2-main .container .titleBox { margin-bottom: 35px; }
.max-sm-size .investors-call .edit .investors-main .container .titleBox, .max-sm-size .governance-rule .edit .investors-main .container .titleBox, .max-sm-size .investors-call .edit .governance-main .container .titleBox, .max-sm-size .governance-rule .edit .governance-main .container .titleBox, .max-sm-size .investors-call .edit .social2-main .container .titleBox, .max-sm-size .governance-rule .edit .social2-main .container .titleBox { margin-bottom: 30px; }
.max-md-size .edit .investors-main .container .titleBox, .max-md-size .edit .governance-main .container .titleBox, .max-md-size .edit .social2-main .container .titleBox { margin-bottom: 50px; }
.max-sm-size .edit .investors-main .container .titleBox, .max-sm-size .edit .governance-main .container .titleBox, .max-sm-size .edit .social2-main .container .titleBox { margin-bottom: 30px; }
.edit .investors-main .container .titleBox .title, .edit .governance-main .container .titleBox .title, .edit .social2-main .container .titleBox .title { font-size: 35px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .edit .investors-main .container .titleBox .title, .edit .governance-main .container .titleBox .title, .edit .social2-main .container .titleBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .edit .investors-main .container .titleBox .title, .edit .governance-main .container .titleBox .title, .edit .social2-main .container .titleBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .edit .investors-main .container .titleBox .title, .edit .governance-main .container .titleBox .title, .edit .social2-main .container .titleBox .title { font-size: 20px; }
}
.edit .investors-main .container .table-links, .edit .governance-main .container .table-links, .edit .social2-main .container .table-links { margin-top: -15px; }
.max-md-size .edit .investors-main .container .table-links, .max-md-size .edit .governance-main .container .table-links, .max-md-size .edit .social2-main .container .table-links { margin-top: 0; }
.max-sm-size .edit .investors-main .container .table-links, .max-sm-size .edit .governance-main .container .table-links, .max-sm-size .edit .social2-main .container .table-links { position: relative; z-index: 5; }
.edit .investors-main .container .table-links .toggle, .edit .governance-main .container .table-links .toggle, .edit .social2-main .container .table-links .toggle { width: 100%; max-width: 400px; font-size: 18px; font-weight: 500; margin: auto; display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; text-align: center; background-color: rgba(244, 244, 244, 0.5); cursor: pointer; }
@media screen and (max-width:576px) {
    .edit .investors-main .container .table-links .toggle, .edit .governance-main .container .table-links .toggle, .edit .social2-main .container .table-links .toggle { font-size: 16px; }
}
.min-sm-size .edit .investors-main .container .table-links .toggle, .min-sm-size .edit .governance-main .container .table-links .toggle, .min-sm-size .edit .social2-main .container .table-links .toggle { display: none; }
.edit .investors-main .container .table-links .toggle img, .edit .governance-main .container .table-links .toggle img, .edit .social2-main .container .table-links .toggle img { width: 8px; }
.edit .investors-main .container .table-links .toggle img.active, .edit .governance-main .container .table-links .toggle img.active, .edit .social2-main .container .table-links .toggle img.active { transform: rotate(180deg); }
.edit .investors-main .container .table-links ul, .edit .governance-main .container .table-links ul, .edit .social2-main .container .table-links ul { display: flex; justify-content: center; flex-wrap: wrap; }
.max-sm-size .edit .investors-main .container .table-links ul, .max-sm-size .edit .governance-main .container .table-links ul, .max-sm-size .edit .social2-main .container .table-links ul { width: 100%; max-width: 400px; display: none; position: absolute; left: 50%; transform: translate(-50%, 0); z-index: 5; background-color: #FFFFFF; box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.1); }
.edit .investors-main .container .table-links ul li, .edit .governance-main .container .table-links ul li, .edit .social2-main .container .table-links ul li { text-align: center; min-width: 150px; padding: 16px 20px; cursor: pointer; border: 1px solid rgba(188, 137, 0, 0); font-size: 18px; font-weight: 500; transition: all 0.5s; }
@media screen and (max-width:576px) {
    .edit .investors-main .container .table-links ul li, .edit .governance-main .container .table-links ul li, .edit .social2-main .container .table-links ul li { font-size: 16px; }
}
.max-sm-size .edit .investors-main .container .table-links ul li, .max-sm-size .edit .governance-main .container .table-links ul li, .max-sm-size .edit .social2-main .container .table-links ul li { min-width: unset; padding: 10px; font-size: 15px; font-weight: 300; text-align: left; }
.edit .investors-main .container .table-links ul li.active, .edit .governance-main .container .table-links ul li.active, .edit .social2-main .container .table-links ul li.active { border: 1px solid #bc8900; }
.max-sm-size .edit .investors-main .container .table-links ul li.active, .max-sm-size .edit .governance-main .container .table-links ul li.active, .max-sm-size .edit .social2-main .container .table-links ul li.active { background-color: #BC8900; color: #FFFFFF; }
.edit .investors-main .container .table-links ul li:hover, .edit .governance-main .container .table-links ul li:hover, .edit .social2-main .container .table-links ul li:hover { border: 1px solid #bc8900; }
.max-sm-size .edit .investors-main .container .table-links ul li:hover, .max-sm-size .edit .governance-main .container .table-links ul li:hover, .max-sm-size .edit .social2-main .container .table-links ul li:hover { background-color: #BC8900; color: #FFFFFF; }
.edit .investors-main .container .table-links ul li+li, .edit .governance-main .container .table-links ul li+li, .edit .social2-main .container .table-links ul li+li { margin-left: 19px; }
.max-sm-size .edit .investors-main .container .table-links ul li+li, .max-sm-size .edit .governance-main .container .table-links ul li+li, .max-sm-size .edit .social2-main .container .table-links ul li+li { margin-left: 0px; }
.edit .investors-main .container .table-links .yearSelects, .edit .governance-main .container .table-links .yearSelects, .edit .social2-main .container .table-links .yearSelects { display: flex; justify-content: center; margin-top: 35px; margin-bottom: 85px; }
.max-md-size .edit .investors-main .container .table-links .yearSelects, .max-md-size .edit .governance-main .container .table-links .yearSelects, .max-md-size .edit .social2-main .container .table-links .yearSelects { margin-bottom: 50px; }
.max-xs-size .edit .investors-main .container .table-links .yearSelects, .max-xs-size .edit .governance-main .container .table-links .yearSelects, .max-xs-size .edit .social2-main .container .table-links .yearSelects { margin-top: 30px; margin-bottom: 30px; }
.edit .investors-main .container .table-links .yearSelects label, .edit .governance-main .container .table-links .yearSelects label, .edit .social2-main .container .table-links .yearSelects label { flex-basis: 141px; padding: 8px 30px; background-color: rgba(244, 244, 244, 0.5); font-weight: 500; position: relative; }
.max-sm-size .edit .investors-main .container .table-links .yearSelects label, .max-sm-size .edit .governance-main .container .table-links .yearSelects label, .max-sm-size .edit .social2-main .container .table-links .yearSelects label { flex-basis: 230px; padding: 8px 10px; }
.edit .investors-main .container .table-links .yearSelects label::after, .edit .governance-main .container .table-links .yearSelects label::after, .edit .social2-main .container .table-links .yearSelects label::after { position: absolute; display: block; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); right: 0; width: 1px; height: 1em; background-color: #D9D9D9; }
.edit .investors-main .container .table-links .yearSelects .yearSelect, .edit .governance-main .container .table-links .yearSelects .yearSelect, .edit .social2-main .container .table-links .yearSelects .yearSelect { flex-basis: 107px; }
@media screen and (max-width:784px) {
    .edit .investors-main .container .table-links .yearSelects .yearSelect, .edit .governance-main .container .table-links .yearSelects .yearSelect, .edit .social2-main .container .table-links .yearSelects .yearSelect { flex-basis: 170px; }
}
.edit .investors-main .container .table-links .yearSelects .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .edit .governance-main .container .table-links .yearSelects .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .edit .social2-main .container .table-links .yearSelects .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #BC8900 transparent; }
.edit .investors-main .container .table-links .yearSelects .select2-container--default .select2-selection--single, .edit .governance-main .container .table-links .yearSelects .select2-container--default .select2-selection--single, .edit .social2-main .container .table-links .yearSelects .select2-container--default .select2-selection--single { border: none; background-color: rgba(244, 244, 244, 0.5); }
.edit .investors-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__rendered, .edit .governance-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__rendered, .edit .social2-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__rendered { font-weight: 500; font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; color: #262626; height: 40px; padding: 3px 0 0 30px; line-height: inherit; display: flex; align-items: center; }
.max-sm-size .edit .investors-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__rendered, .max-sm-size .edit .governance-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__rendered, .max-sm-size .edit .social2-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__rendered { justify-content: center; padding: 3px 10px 0 10px; }
.edit .investors-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__arrow, .edit .governance-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__arrow, .edit .social2-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; right: 21px; }
.max-sm-size .edit .investors-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__arrow, .max-sm-size .edit .governance-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__arrow, .max-sm-size .edit .social2-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__arrow { right: 4px; }
.edit .investors-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__arrow b, .edit .governance-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__arrow b, .edit .social2-main .container .table-links .yearSelects .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #BC8900 transparent transparent transparent; }
.edit .investors-main .container .tableBox, .edit .governance-main .container .tableBox, .edit .social2-main .container .tableBox { width: 100%; }
.edit .investors-main .container .tableBox+.tableBox, .edit .governance-main .container .tableBox+.tableBox, .edit .social2-main .container .tableBox+.tableBox { margin-top: 95px; }
.max-md-size .edit .investors-main .container .tableBox+.tableBox, .max-md-size .edit .governance-main .container .tableBox+.tableBox, .max-md-size .edit .social2-main .container .tableBox+.tableBox { margin-top: 70px; }
.max-xs-size .edit .investors-main .container .tableBox+.tableBox, .max-xs-size .edit .governance-main .container .tableBox+.tableBox, .max-xs-size .edit .social2-main .container .tableBox+.tableBox { margin-top: 50px; }
.edit .investors-main .container .tableBox .tableTitle, .edit .governance-main .container .tableBox .tableTitle, .edit .social2-main .container .tableBox .tableTitle { text-align: center; font-size: 25px; font-weight: 500; margin-bottom: 20px; }
@media screen and (max-width:1024px) {
    .edit .investors-main .container .tableBox .tableTitle, .edit .governance-main .container .tableBox .tableTitle, .edit .social2-main .container .tableBox .tableTitle { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .edit .investors-main .container .tableBox .tableTitle, .edit .governance-main .container .tableBox .tableTitle, .edit .social2-main .container .tableBox .tableTitle { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .edit .investors-main .container .tableBox .tableTitle, .edit .governance-main .container .tableBox .tableTitle, .edit .social2-main .container .tableBox .tableTitle { font-size: 18px; }
}
.max-xs-size .edit .investors-main .container .tableBox .tableTitle, .max-xs-size .edit .governance-main .container .tableBox .tableTitle, .max-xs-size .edit .social2-main .container .tableBox .tableTitle { margin-bottom: 10px; }
.max-sm-size .edit .investors-main .container .tableBox .scrollX, .max-sm-size .edit .governance-main .container .tableBox .scrollX, .max-sm-size .edit .social2-main .container .tableBox .scrollX { width: 100%; overflow-x: auto; }
.edit .investors-main .container .tableBox .scrollX table, .edit .governance-main .container .tableBox .scrollX table, .edit .social2-main .container .tableBox .scrollX table { width: 100%; border-collapse: collapse; }
.max-sm-size .edit .investors-main .container .tableBox .scrollX table, .max-sm-size .edit .governance-main .container .tableBox .scrollX table, .max-sm-size .edit .social2-main .container .tableBox .scrollX table { width: 711px; }
.max-xs-size .edit .investors-main .container .tableBox .scrollX table, .max-xs-size .edit .governance-main .container .tableBox .scrollX table, .max-xs-size .edit .social2-main .container .tableBox .scrollX table { width: 560px; }
.edit .investors-main .container .tableBox .scrollX table thead, .edit .governance-main .container .tableBox .scrollX table thead, .edit .social2-main .container .tableBox .scrollX table thead { background-color: #F4F4F4; border-top: 1px solid #D2D2D2; border-bottom: 2px solid #AF7200; }
.edit .investors-main .container .tableBox .scrollX table thead tr th, .edit .governance-main .container .tableBox .scrollX table thead tr th, .edit .social2-main .container .tableBox .scrollX table thead tr th { text-align: center; padding: 22px 15px; vertical-align: middle; font-weight: 500; }
.max-sm-size .edit .investors-main .container .tableBox .scrollX table thead tr th, .max-sm-size .edit .governance-main .container .tableBox .scrollX table thead tr th, .max-sm-size .edit .social2-main .container .tableBox .scrollX table thead tr th { padding: 15px 10px; }
.edit .investors-main .container .tableBox .scrollX table thead tr th+th, .edit .governance-main .container .tableBox .scrollX table thead tr th+th, .edit .social2-main .container .tableBox .scrollX table thead tr th+th { position: relative; }
.edit .investors-main .container .tableBox .scrollX table thead tr th+th::before, .edit .governance-main .container .tableBox .scrollX table thead tr th+th::before, .edit .social2-main .container .tableBox .scrollX table thead tr th+th::before { position: absolute; display: block; content: ""; left: 0; position: absolute; top: 50%; transform: translate(0, -50%); height: 35px; width: 1px; background-color: #D2D2D2; }
.edit .investors-main .container .tableBox .scrollX table tbody tr, .edit .governance-main .container .tableBox .scrollX table tbody tr, .edit .social2-main .container .tableBox .scrollX table tbody tr { border-bottom: 1px solid #D2D2D2; }
.edit .investors-main .container .tableBox .scrollX table tbody tr:nth-child(even), .edit .governance-main .container .tableBox .scrollX table tbody tr:nth-child(even), .edit .social2-main .container .tableBox .scrollX table tbody tr:nth-child(even) { background-color: #F4F4F4; }
.edit .investors-main .container .tableBox .scrollX table tbody tr td, .edit .governance-main .container .tableBox .scrollX table tbody tr td, .edit .social2-main .container .tableBox .scrollX table tbody tr td { vertical-align: middle; text-align: center; padding: 14.5px 15px; }
.min-md-size .edit .investors-main .container .tableBox .scrollX table tbody tr td, .min-md-size .edit .governance-main .container .tableBox .scrollX table tbody tr td, .min-md-size .edit .social2-main .container .tableBox .scrollX table tbody tr td { padding: 14.5px 30px; }
.max-sm-size .edit .investors-main .container .tableBox .scrollX table tbody tr td, .max-sm-size .edit .governance-main .container .tableBox .scrollX table tbody tr td, .max-sm-size .edit .social2-main .container .tableBox .scrollX table tbody tr td { padding: 10px; }
.investors-call .edit .investors-main .container .tableBox .scrollX table tbody tr td:last-child, .investors-call .edit .governance-main .container .tableBox .scrollX table tbody tr td:last-child, .investors-call .edit .social2-main .container .tableBox .scrollX table tbody tr td:last-child { padding: 6.5px 30px; }
.max-sm-size .investors-call .edit .investors-main .container .tableBox .scrollX table tbody tr td:last-child, .max-sm-size .investors-call .edit .governance-main .container .tableBox .scrollX table tbody tr td:last-child, .max-sm-size .investors-call .edit .social2-main .container .tableBox .scrollX table tbody tr td:last-child { padding: 5px 10px 10px 10px; }
.edit .investors-main .container .tableBox .scrollX table tbody tr td a, .edit .governance-main .container .tableBox .scrollX table tbody tr td a, .edit .social2-main .container .tableBox .scrollX table tbody tr td a { display: inline-block; transition: all 0.5s; }
.edit .investors-main .container .tableBox .scrollX table tbody tr td a:hover, .edit .governance-main .container .tableBox .scrollX table tbody tr td a:hover, .edit .social2-main .container .tableBox .scrollX table tbody tr td a:hover { transform: scale(1.15); }
.edit .investors-main .container .tableBox .scrollX table tbody tr td a img, .edit .governance-main .container .tableBox .scrollX table tbody tr td a img, .edit .social2-main .container .tableBox .scrollX table tbody tr td a img { width: 25px; }
.edit .investors-main .container .tableBox .scrollX table tbody tr td .td-texts, .edit .governance-main .container .tableBox .scrollX table tbody tr td .td-texts, .edit .social2-main .container .tableBox .scrollX table tbody tr td .td-texts { display: block; width: 100%; text-align: left; padding-top: 18px; padding-bottom: 38px; }
.max-sm-size .edit .investors-main .container .tableBox .scrollX table tbody tr td .td-texts, .max-sm-size .edit .governance-main .container .tableBox .scrollX table tbody tr td .td-texts, .max-sm-size .edit .social2-main .container .tableBox .scrollX table tbody tr td .td-texts { padding: 10px 0; }
.edit .investors-main .container .tableBox .scrollX table tbody tr td .td-texts span+span, .edit .governance-main .container .tableBox .scrollX table tbody tr td .td-texts span+span, .edit .social2-main .container .tableBox .scrollX table tbody tr td .td-texts span+span { margin-top: 15px; }
.max-sm-size .edit .investors-main .container .tableBox .scrollX table tbody tr td .td-texts span+span, .max-sm-size .edit .governance-main .container .tableBox .scrollX table tbody tr td .td-texts span+span, .max-sm-size .edit .social2-main .container .tableBox .scrollX table tbody tr td .td-texts span+span { margin-top: 10px; }
.edit .investors-main .container .tableBox .scrollX table tbody tr td .td-texts .td-title, .edit .governance-main .container .tableBox .scrollX table tbody tr td .td-texts .td-title, .edit .social2-main .container .tableBox .scrollX table tbody tr td .td-texts .td-title { display: block; font-size: 25px; font-weight: 700; color: #BC8900; }
@media screen and (max-width:1024px) {
    .edit .investors-main .container .tableBox .scrollX table tbody tr td .td-texts .td-title, .edit .governance-main .container .tableBox .scrollX table tbody tr td .td-texts .td-title, .edit .social2-main .container .tableBox .scrollX table tbody tr td .td-texts .td-title { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .edit .investors-main .container .tableBox .scrollX table tbody tr td .td-texts .td-title, .edit .governance-main .container .tableBox .scrollX table tbody tr td .td-texts .td-title, .edit .social2-main .container .tableBox .scrollX table tbody tr td .td-texts .td-title { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .edit .investors-main .container .tableBox .scrollX table tbody tr td .td-texts .td-title, .edit .governance-main .container .tableBox .scrollX table tbody tr td .td-texts .td-title, .edit .social2-main .container .tableBox .scrollX table tbody tr td .td-texts .td-title { font-size: 18px; }
}
.edit .investors-main .container .tableBox .scrollX table tbody tr td .td-texts .td-text, .edit .governance-main .container .tableBox .scrollX table tbody tr td .td-texts .td-text, .edit .social2-main .container .tableBox .scrollX table tbody tr td .td-texts .td-text { display: block; font-size: 20px; }
@media screen and (max-width:1024px) {
    .edit .investors-main .container .tableBox .scrollX table tbody tr td .td-texts .td-text, .edit .governance-main .container .tableBox .scrollX table tbody tr td .td-texts .td-text, .edit .social2-main .container .tableBox .scrollX table tbody tr td .td-texts .td-text { font-size: 18px; }
}
.max-sm-size .edit .investors-main .container .tableBox .scrollX table.oneRow thead, .max-sm-size .edit .governance-main .container .tableBox .scrollX table.oneRow thead, .max-sm-size .edit .social2-main .container .tableBox .scrollX table.oneRow thead { display: table-header-group; }
.max-sm-size .edit .investors-main .container .tableBox .scrollX table.oneRow tbody tr td::before, .max-sm-size .edit .governance-main .container .tableBox .scrollX table.oneRow tbody tr td::before, .max-sm-size .edit .social2-main .container .tableBox .scrollX table.oneRow tbody tr td::before { display: none; }
.edit .investors-main .container .tableBox .scrollX table.oneRow tbody tr td a, .edit .governance-main .container .tableBox .scrollX table.oneRow tbody tr td a, .edit .social2-main .container .tableBox .scrollX table.oneRow tbody tr td a { display: flex; justify-content: center; align-items: center; }
.edit .investors-main .container .tableBox .scrollX table.oneRow tbody tr td a img, .edit .governance-main .container .tableBox .scrollX table.oneRow tbody tr td a img, .edit .social2-main .container .tableBox .scrollX table.oneRow tbody tr td a img { margin-left: 30px; }
.edit .investors-main .container .connectBox, .edit .governance-main .container .connectBox, .edit .social2-main .container .connectBox { margin-top: 95px; }
.max-md-size .edit .investors-main .container .connectBox, .max-md-size .edit .governance-main .container .connectBox, .max-md-size .edit .social2-main .container .connectBox { margin-top: 70px; }
.max-sm-size .edit .investors-main .container .connectBox, .max-sm-size .edit .governance-main .container .connectBox, .max-sm-size .edit .social2-main .container .connectBox { margin-top: 50px; }
.edit .investors-main .container .connectBox .connectTitle, .edit .governance-main .container .connectBox .connectTitle, .edit .social2-main .container .connectBox .connectTitle { text-align: center; font-size: 25px; font-weight: 500; margin-bottom: 20px; }
@media screen and (max-width:1024px) {
    .edit .investors-main .container .connectBox .connectTitle, .edit .governance-main .container .connectBox .connectTitle, .edit .social2-main .container .connectBox .connectTitle { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .edit .investors-main .container .connectBox .connectTitle, .edit .governance-main .container .connectBox .connectTitle, .edit .social2-main .container .connectBox .connectTitle { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .edit .investors-main .container .connectBox .connectTitle, .edit .governance-main .container .connectBox .connectTitle, .edit .social2-main .container .connectBox .connectTitle { font-size: 18px; }
}
.max-xs-size .edit .investors-main .container .connectBox .connectTitle, .max-xs-size .edit .governance-main .container .connectBox .connectTitle, .max-xs-size .edit .social2-main .container .connectBox .connectTitle { margin-bottom: 10px; }
.edit .investors-main .container .connectBox .box, .edit .governance-main .container .connectBox .box, .edit .social2-main .container .connectBox .box { width: 100%; position: relative; }
.edit .investors-main .container .connectBox .box .picBox, .edit .governance-main .container .connectBox .box .picBox, .edit .social2-main .container .connectBox .box .picBox { width: 70%; height: 430px; }
.max-md-size .edit .investors-main .container .connectBox .box .picBox, .max-md-size .edit .governance-main .container .connectBox .box .picBox, .max-md-size .edit .social2-main .container .connectBox .box .picBox { height: 337px; }
.max-sm-size .edit .investors-main .container .connectBox .box .picBox, .max-sm-size .edit .governance-main .container .connectBox .box .picBox, .max-sm-size .edit .social2-main .container .connectBox .box .picBox { width: 100%; height: 372px; }
.edit .investors-main .container .connectBox .box .picBox img, .edit .governance-main .container .connectBox .box .picBox img, .edit .social2-main .container .connectBox .box .picBox img { width: 100%; height: 100%; object-fit: cover; }
.edit .investors-main .container .connectBox .box .picBox .ie-img, .edit .governance-main .container .connectBox .box .picBox .ie-img, .edit .social2-main .container .connectBox .box .picBox .ie-img { width: 100% !important; height: 100% !important; }
.edit .investors-main .container .connectBox .box .textBox, .edit .governance-main .container .connectBox .box .textBox, .edit .social2-main .container .connectBox .box .textBox { width: 52%; position: absolute; top: 50%; transform: translate(0, -50%); right: 0; padding: 70px 70px 80px 70px; background-color: #FFFFFF; box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.15); }
.max-md-size .edit .investors-main .container .connectBox .box .textBox, .max-md-size .edit .governance-main .container .connectBox .box .textBox, .max-md-size .edit .social2-main .container .connectBox .box .textBox { padding: 45px; }
.max-sm-size .edit .investors-main .container .connectBox .box .textBox, .max-sm-size .edit .governance-main .container .connectBox .box .textBox, .max-sm-size .edit .social2-main .container .connectBox .box .textBox { position: static; transform: unset; width: 100%; padding: 20px 15px; }
.edit .investors-main .container .connectBox .box .textBox .text, .edit .governance-main .container .connectBox .box .textBox .text, .edit .social2-main .container .connectBox .box .textBox .text { display: block; font-size: 18px; }
@media screen and (max-width:576px) {
    .edit .investors-main .container .connectBox .box .textBox .text, .edit .governance-main .container .connectBox .box .textBox .text, .edit .social2-main .container .connectBox .box .textBox .text { font-size: 16px; }
}
.edit .investors-main .container .connectBox .box .textBox .text+.text, .edit .governance-main .container .connectBox .box .textBox .text+.text, .edit .social2-main .container .connectBox .box .textBox .text+.text { margin-top: 20px; }
.max-md-size .edit .investors-main .container .connectBox .box .textBox .text+.text, .max-md-size .edit .governance-main .container .connectBox .box .textBox .text+.text, .max-md-size .edit .social2-main .container .connectBox .box .textBox .text+.text { margin-top: 15px; }
.max-sm-size .edit .investors-main .container .connectBox .box .textBox .text+.text, .max-sm-size .edit .governance-main .container .connectBox .box .textBox .text+.text, .max-sm-size .edit .social2-main .container .connectBox .box .textBox .text+.text { margin-top: 10px; }
.edit .investors-main .container .connectBox .box .textBox .text .num, .edit .governance-main .container .connectBox .box .textBox .text .num, .edit .social2-main .container .connectBox .box .textBox .text .num { font-size: 25px; color: #BC8900; }
@media screen and (max-width:1024px) {
    .edit .investors-main .container .connectBox .box .textBox .text .num, .edit .governance-main .container .connectBox .box .textBox .text .num, .edit .social2-main .container .connectBox .box .textBox .text .num { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .edit .investors-main .container .connectBox .box .textBox .text .num, .edit .governance-main .container .connectBox .box .textBox .text .num, .edit .social2-main .container .connectBox .box .textBox .text .num { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .edit .investors-main .container .connectBox .box .textBox .text .num, .edit .governance-main .container .connectBox .box .textBox .text .num, .edit .social2-main .container .connectBox .box .textBox .text .num { font-size: 18px; }
}
.edit .investors-main .container .connectBox .box .textBox .go, .edit .governance-main .container .connectBox .box .textBox .go, .edit .social2-main .container .connectBox .box .textBox .go { margin-top: 50px; }
.max-md-size .edit .investors-main .container .connectBox .box .textBox .go, .max-md-size .edit .governance-main .container .connectBox .box .textBox .go, .max-md-size .edit .social2-main .container .connectBox .box .textBox .go { margin-top: 35px; }
.max-sm-size .edit .investors-main .container .connectBox .box .textBox .go, .max-sm-size .edit .governance-main .container .connectBox .box .textBox .go, .max-sm-size .edit .social2-main .container .connectBox .box .textBox .go { margin-top: 20px; }
.edit .investors-main .container .connectBox .box .textBox .go a, .edit .governance-main .container .connectBox .box .textBox .go a, .edit .social2-main .container .connectBox .box .textBox .go a { width: 100%; max-width: 268px; height: 60px; display: flex; justify-content: center; align-items: center; border: 1px solid #BC8900; transition: all 0.5s; }
.edit .investors-main .container .connectBox .box .textBox .go a:hover, .edit .governance-main .container .connectBox .box .textBox .go a:hover, .edit .social2-main .container .connectBox .box .textBox .go a:hover { background-color: #BC8900; color: #FFFFFF; }
.max-sm-size .edit .investors-main .container .connectBox .box .textBox .go a, .max-sm-size .edit .governance-main .container .connectBox .box .textBox .go a, .max-sm-size .edit .social2-main .container .connectBox .box .textBox .go a { max-width: 200px; }
.max-xs-size .edit .investors-main .container .connectBox .box .textBox .go a, .max-xs-size .edit .governance-main .container .connectBox .box .textBox .go a, .max-xs-size .edit .social2-main .container .connectBox .box .textBox .go a { max-width: 150px; height: 45px; }
.edit .social2-main { padding: 90px 0 50px 0; }
.max-sm-size .edit .social2-main { padding: 30px 0 0 0; }
.edit .social-in-main::before { position: absolute; display: block; content: ""; width: 100%; height: calc(100% - 135px); background-color: #F9F9F9; left: 0; bottom: 0; }
.edit .social-in-main .container { position: relative; z-index: 1; padding: 0px 100px 140px 100px; background-color: #fff; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); }
.max-sm-size .edit .social-in-main .container { padding: 0px 40px 60px 40px; }
.max-xs-size .edit .social-in-main .container { padding: 0px 20px 50px 20px; }
.edit .social-in-main .container .titleBox { width: 100%; position: relative; text-align: center; border-bottom: 1px solid #E5E5E5; padding-top: 46px; padding-bottom: 40px; margin-bottom: 45px; }
.max-sm-size .edit .social-in-main .container .titleBox { padding-top: 85px; }
.max-xs2-size .edit .social-in-main .container .titleBox { padding-bottom: 20px; margin-bottom: 20px; }
.edit .social-in-main .container .titleBox .date { display: block; font-size: 18px; font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; color: #BC8900; margin-bottom: 30px; }
@media screen and (max-width:576px) {
    .edit .social-in-main .container .titleBox .date { font-size: 16px; }
}
.edit .social-in-main .container .titleBox .title { font-size: 40px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .edit .social-in-main .container .titleBox .title { font-size: 35px; }
}
@media screen and (max-width:576px) {
    .edit .social-in-main .container .titleBox .title { font-size: 30px; }
}
.max-xs2-size .edit .social-in-main .container .titleBox .title { font-size: 25px; }
.max-xs-size .edit .social-in-main .container .titleBox .title br { display: none; }
.edit .social-in-main .container .titleBox .links { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); }
.max-sm-size .edit .social-in-main .container .titleBox .links { top: 38px; transform: unset; }
.edit .social-in-main .container .titleBox .links a { float: left; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid rgba(136, 136, 136, 0.3); border-radius: 50%; transition: all 0.5s; position: relative; }
.edit .social-in-main .container .titleBox .links a+a { margin-left: 12px; }
.max-xs-size .edit .social-in-main .container .titleBox .links a { width: 35px; height: 35px; }
.max-xs-size .edit .social-in-main .container .titleBox .links a+a { margin-left: 5px; }
.edit .social-in-main .container .titleBox .links a .svg { width: 17px; }
.edit .social-in-main .container .titleBox .links a .svg path, .edit .social-in-main .container .titleBox .links a .svg rect { transition: all 0.5s; }
.edit .social-in-main .container .titleBox .links a.fb .svg { width: 9.5px; }
.edit .social-in-main .container .titleBox .links a.fb:hover { background-color: #BC8900; border-color: #BC8900; }
.edit .social-in-main .container .titleBox .links a.fb:hover .tip { opacity: 1; }
.edit .social-in-main .container .titleBox .links a.fb:hover .svg path, .edit .social-in-main .container .titleBox .links a.fb:hover .svg rect { stroke: #FFFFFF !important; fill: #FFFFFF !important; }
.edit .social-in-main .container .titleBox .links a.line:hover { background-color: #BC8900; border-color: #BC8900; }
.edit .social-in-main .container .titleBox .links a.line:hover .tip { opacity: 1; }
.edit .social-in-main .container .titleBox .links a.line:hover .svg path, .edit .social-in-main .container .titleBox .links a.line:hover .svg rect { fill: #FFFFFF !important; }
.edit .social-in-main .container .titleBox .links a .tip { position: absolute; top: -100%; display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; width: 80px; height: 25px; border-radius: 10px; background-color: #FFFFFF; font-size: 14px; color: #888888; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); transition: all 0.5s; }
.edit .social-in-main .container .picBox { width: 100%; margin-bottom: 45px; }
.max-xs2-size .edit .social-in-main .container .picBox { margin-bottom: 20px; }
.edit .social-in-main .container .picBox .pic { width: 100%; }
.edit .social-in-main .container .textBox p { margin-bottom: 35px; letter-spacing: 0.9px; }
.edit .social-in-main .container .textBox p:last-child { margin-bottom: 100px; }
.max-sm-size .edit .social-in-main .container .textBox p { margin-bottom: 25px; }
.max-xs2-size .edit .social-in-main .container .textBox p { margin-bottom: 20px; }
.edit .social-in-main .container .tableBox { width: 100%; padding-top: 93px; border-top: 1px solid #E5E5E5; }
.max-sm-size .edit .social-in-main .container .tableBox { padding-top: 60px; }
.max-xs-size .edit .social-in-main .container .tableBox { padding-top: 50px; }
.edit .social-in-main .container .tableBox+.tableBox { margin-top: 95px; }
.max-md-size .edit .social-in-main .container .tableBox+.tableBox { margin-top: 70px; }
.max-xs-size .edit .social-in-main .container .tableBox+.tableBox { margin-top: 50px; }
.edit .social-in-main .container .tableBox .tableTitle { text-align: center; font-size: 25px; font-weight: 500; margin-bottom: 20px; }
@media screen and (max-width:1024px) {
    .edit .social-in-main .container .tableBox .tableTitle { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .edit .social-in-main .container .tableBox .tableTitle { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .edit .social-in-main .container .tableBox .tableTitle { font-size: 18px; }
}
.max-xs-size .edit .social-in-main .container .tableBox .tableTitle { margin-bottom: 10px; }
.max-sm-size .edit .social-in-main .container .tableBox .scrollX { width: 100%; overflow-x: auto; }
.edit .social-in-main .container .tableBox .scrollX table { width: 100%; border-collapse: collapse; }
.max-sm-size .edit .social-in-main .container .tableBox .scrollX table { width: 711px; }
.max-xs-size .edit .social-in-main .container .tableBox .scrollX table { width: 560px; }
.edit .social-in-main .container .tableBox .scrollX table thead { background-color: #F4F4F4; border-top: 1px solid #D2D2D2; border-bottom: 2px solid #AF7200; }
.edit .social-in-main .container .tableBox .scrollX table thead tr th { text-align: center; padding: 22px 15px; vertical-align: middle; font-weight: 500; }
.max-sm-size .edit .social-in-main .container .tableBox .scrollX table thead tr th { padding: 15px 10px; }
.edit .social-in-main .container .tableBox .scrollX table thead tr th+th { position: relative; }
.edit .social-in-main .container .tableBox .scrollX table thead tr th+th::before { position: absolute; display: block; content: ""; left: 0; position: absolute; top: 50%; transform: translate(0, -50%); height: 35px; width: 1px; background-color: #D2D2D2; }
.edit .social-in-main .container .tableBox .scrollX table tbody tr { border-bottom: 1px solid #D2D2D2; }
.edit .social-in-main .container .tableBox .scrollX table tbody tr:nth-child(even) { background-color: #F4F4F4; }
.edit .social-in-main .container .tableBox .scrollX table tbody tr td { vertical-align: middle; text-align: center; padding: 14.5px 15px; }
.min-md-size .edit .social-in-main .container .tableBox .scrollX table tbody tr td { padding: 14.5px 30px; }
.max-sm-size .edit .social-in-main .container .tableBox .scrollX table tbody tr td { padding: 10px; }
.investors-call .edit .social-in-main .container .tableBox .scrollX table tbody tr td:last-child { padding: 6.5px 30px; }
.max-sm-size .investors-call .edit .social-in-main .container .tableBox .scrollX table tbody tr td:last-child { padding: 5px 10px 10px 10px; }
.edit .social-in-main .container .tableBox .scrollX table tbody tr td a { display: inline-block; }
.edit .social-in-main .container .tableBox .scrollX table tbody tr td a:hover img { transform: scale(1.15); }
.edit .social-in-main .container .tableBox .scrollX table tbody tr td a img { width: 25px; transition: all 0.5s; }
.edit .social-in-main .container .tableBox .scrollX table tbody tr td .td-texts { display: block; width: 100%; text-align: left; padding-top: 18px; padding-bottom: 38px; }
.max-sm-size .edit .social-in-main .container .tableBox .scrollX table tbody tr td .td-texts { padding: 10px 0; }
.edit .social-in-main .container .tableBox .scrollX table tbody tr td .td-texts span+span { margin-top: 15px; }
.max-sm-size .edit .social-in-main .container .tableBox .scrollX table tbody tr td .td-texts span+span { margin-top: 10px; }
.edit .social-in-main .container .btnBox { padding-top: 83px; padding-bottom: 0px; margin-top: 93px; border-top: 1px solid #E5E5E5; display: flex; justify-content: space-between; align-items: center; }
.max-md-size .edit .social-in-main .container .btnBox { padding: 60px 0 0 0; }
.max-sm-size .edit .social-in-main .container .btnBox { margin-top: 60px; }
.max-xs-size .edit .social-in-main .container .btnBox { padding: 50px 0 0 0; }
.edit .social-in-main .container .btnBox a { display: flex; justify-content: center; align-items: center; color: #888888; transition: all 0.5s; }
.edit .social-in-main .container .btnBox a .svg { transition: all 0.5s; }
.edit .social-in-main .container .btnBox a:first-child { width: 80px; }
.max-xs-size .edit .social-in-main .container .btnBox a:first-child { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border: 1px solid #E5E5E5; border-radius: 50%; }
.edit .social-in-main .container .btnBox a:first-child .svg { width: 6.5px; margin-right: 10px; }
.max-xs-size .edit .social-in-main .container .btnBox a:first-child .svg { margin-right: 0; }
.edit .social-in-main .container .btnBox a:first-child .svg path, .edit .social-in-main .container .btnBox a:first-child .svg rect { stroke: #888888 !important; }
.edit .social-in-main .container .btnBox a:first-child:hover { color: #BC8900; }
.max-xs-size .edit .social-in-main .container .btnBox a:first-child:hover { border-color: #BC8900; }
.edit .social-in-main .container .btnBox a:first-child:hover .svg path, .edit .social-in-main .container .btnBox a:first-child:hover .svg rect { stroke: #BC8900 !important; }
.edit .social-in-main .container .btnBox a:nth-child(2) { color: #FFFFFF; width: 268px; height: 60px; background-color: #BC8900; transition: all 0.5s; }
.max-sm-size .edit .social-in-main .container .btnBox a:nth-child(2) { max-width: 200px; }
.max-xs-size .edit .social-in-main .container .btnBox a:nth-child(2) { max-width: 150px; height: 45px; }
.edit .social-in-main .container .btnBox a:nth-child(2) .svg { width: 18.4px; margin-right: 10px; }
.edit .social-in-main .container .btnBox a:nth-child(2) .svg path, .edit .social-in-main .container .btnBox a:nth-child(2) .svg rect { transition: all 0.5s; }
.edit .social-in-main .container .btnBox a:last-child { width: 80px; }
.max-xs-size .edit .social-in-main .container .btnBox a:last-child { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border: 1px solid #E5E5E5; border-radius: 50%; }
.edit .social-in-main .container .btnBox a:last-child .svg { width: 6.5px; margin-left: 10px; }
.max-xs-size .edit .social-in-main .container .btnBox a:last-child .svg { margin-left: 0; }
.edit .social-in-main .container .btnBox a:last-child .svg path, .edit .social-in-main .container .btnBox a:last-child .svg rect { stroke: #888888 !important; }
.edit .social-in-main .container .btnBox a:last-child:hover { color: #BC8900; }
.max-xs-size .edit .social-in-main .container .btnBox a:last-child:hover { border-color: #BC8900; }
.edit .social-in-main .container .btnBox a:last-child:hover .svg path, .edit .social-in-main .container .btnBox a:last-child:hover .svg rect { stroke: #BC8900 !important; }
.edit .downloadBox .container { display: flex; flex-wrap: wrap; }
.edit .downloadBox .container .download { flex-basis: calc((100% - 200px)/3); text-align: center; margin-bottom: 50px; }
.max-md-size .edit .downloadBox .container .download { flex-basis: calc((100% - 80px)/3); }
.max-sm-size .edit .downloadBox .container .download { flex-basis: calc((100% - 40px)/2); }
.max-xs-size .edit .downloadBox .container .download { flex-basis: calc((100% - 20px)/2); }
.max-xs2-size .edit .downloadBox .container .download { flex-basis: 340px; margin: 0 auto 40px auto !important; }
.edit .downloadBox .container .download+.download { margin-left: 100px; }
.max-md-size .edit .downloadBox .container .download+.download { margin-left: 40px; }
.max-xs-size .edit .downloadBox .container .download+.download { margin-left: 20px; }
.edit .downloadBox .container .download+.download:nth-child(4n) { margin-left: 0; }
.max-md-size .edit .downloadBox .container .download+.download:nth-child(4n) { margin-left: 0px; }
.max-sm-size .edit .downloadBox .container .download+.download:nth-child(odd) { margin-left: 0; }
.max-sm-size .edit .downloadBox .container .download+.download:nth-child(even) { margin-left: 40px; }
.max-xs-size .edit .downloadBox .container .download+.download:nth-child(even) { margin-left: 20px; }
.edit .downloadBox .container .download a { display: block; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; padding-bottom: 141.18%; position: relative; transition: all 0.5s; }
.max-sm-size .edit .downloadBox .container .download a:hover { transform: scale(1.06); }
.max-sm-size .edit .downloadBox .container .download a:hover .eye { box-shadow: unset; }
.max-sm-size .edit .downloadBox .container .download a:hover .eye img { transition-delay: 0.1s; }
.edit .downloadBox .container .download a:hover .eye { top: 0; height: 100%; opacity: 1; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); }
.edit .downloadBox .container .download a:hover .eye img { transition-delay: 0.4s; opacity: 1; }
.edit .downloadBox .container .download a .eye { transition: all 0.5s; opacity: 0; position: absolute; left: 0; top: 50%; width: 100%; height: 0%; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.4); }
.max-sm-size .edit .downloadBox .container .download a .eye { background-color: unset; }
.edit .downloadBox .container .download a .eye img { width: 35.29%; opacity: 0; transition: all 0.4s; }
.edit .downloadBox .container .download .name { display: block; font-size: 20px; font-weight: 500; margin-top: 33px; }
@media screen and (max-width:1024px) {
    .edit .downloadBox .container .download .name { font-size: 18px; }
}
.max-xs2-size .edit .downloadBox .container .download .name { margin-top: 15px; }
.edit .privacy-main::before { position: absolute; display: block; content: ""; width: 100%; height: calc(100% - 165px); background-color: #F9F9F9; left: 0; bottom: 0; }
.max-sm-size .edit .privacy-main::before { height: calc(100% - 145px); }
.max-xs-size .edit .privacy-main::before { height: calc(100% - 125px); }
.edit .privacy-main .container { position: relative; z-index: 1; padding: 75px 0px 80px 0px; background-color: #fff; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); }
.max-md-size .edit .privacy-main .container { padding-bottom: 70px; }
.max-sm-size .edit .privacy-main .container { padding-bottom: 50px; }
.max-xs-size .edit .privacy-main .container { padding-top: 40px; padding-bottom: 30px; }
.edit .privacy-main .container .w-1200 { width: calc(100% - 80px); }
.max-sm-size .edit .privacy-main .container .w-1200 { width: calc(100% - 40px); }
.edit .privacy-main .container .w-1200 .text { margin-bottom: 50px; }
.max-md-size .edit .privacy-main .container .w-1200 .text { margin-bottom: 40px; }
.max-sm-size .edit .privacy-main .container .w-1200 .text { margin-bottom: 30px; }
.max-xs-size .edit .privacy-main .container .w-1200 .text { margin-bottom: 20px; }
.edit .privacy-main .container .w-1200 .title { font-weight: 700; font-size: 20px; margin-bottom: 15px; }
@media screen and (max-width:1024px) {
    .edit .privacy-main .container .w-1200 .title { font-size: 18px; }
}
.max-sm-size .edit .privacy-main .container .w-1200 .title { margin-bottom: 10px; }
.edit .privacy-main .container .w-1200 ul { margin-bottom: 50px; }
.max-md-size .edit .privacy-main .container .w-1200 ul { margin-bottom: 40px; }
.max-sm-size .edit .privacy-main .container .w-1200 ul { margin-bottom: 30px; }
.max-xs-size .edit .privacy-main .container .w-1200 ul { margin-bottom: 20px; }
.edit .privacy-main .container .w-1200 ul li+li { margin-top: 13px; }
#header { position: fixed; top: 0; left: 0; z-index: 5000; width: 100%; }
#header .totop { display: none; position: fixed; bottom: 20px; right: 20px; z-index: 5000; }
#header .totop.show { display: block; }
#header .totop button { width: 78px; height: 78px; display: flex; justify-content: center; align-items: center; background-color: #BC8900; transition: all 0.5s; }
.max-md-size #header .totop button { width: 60px; height: 60px; }
.max-xs-size #header .totop button { width: 40px; height: 40px; }
#header .totop button:hover { background-color: #FFFFFF; }
#header .totop button:hover .svg path, #header .totop button:hover .svg rect { stroke: #BC8900 !important; }
#header .totop button .svg { width: 10px; transition: all 0.5s; }
.max-xs-size #header .totop button .svg { width: 7px; }
#header .navbar { width: 100%; background-color: #FFFFFF; height: 90px; padding: 0; box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.1); }
#header .navbar.nottop { box-shadow: none; border-bottom: none; opacity: 0; animation: nottop 0.5s 1; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(1, 0.32, 0.87, 0.73); }
@keyframes nottop {
    0% { opacity: 0; box-shadow: none; }
    100% { opacity: 1; box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.1); }
}
.max-md-size #header .navbar { height: 75px; }
.max-sm-size #header .navbar { height: 60px; }
#header .navbar .container { position: relative; width: 100%; height: 100%; padding: 0 40px; z-index: 5000; }
#header .navbar .container .logo { position: absolute; top: 50%; transform: translate(0, -50%); left: 10px; height: 50px; display: block; }
.max-bg-size #header .navbar .container .logo { left: 10px; }
@media screen and (max-width:1250px) {
    #header .navbar .container .logo { height: 50px; }
}
.max-md-size #header .navbar .container .logo { height: 50px; }
.max-sm-size #header .navbar .container .logo { height: 40px; }
#header .navbar .container .logo img { height: 100%; }
#header .navbar .container .burger { position: absolute; top: 50%; transform: translate(0, -50%); right: 40px; cursor: pointer; }
.min-lg-size #header .navbar .container .burger { display: none; }
.max-sm-size #header .navbar .container .burger { right: 20px; height: 100%; width: 40px; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; }
#header .navbar .container .burger .line { width: 20px; height: 2px; background-color: #BC8900; transition: all 0.5s; }
#header .navbar .container .burger .line:nth-child(2) { margin: 6px 0; }
#header .navbar .container .burger.active .line:first-child { transform-origin: 0; transform: rotate(45deg); height: 1.5px; }
#header .navbar .container .burger.active .line:nth-child(2) { opacity: 0; margin: 5.25px 0; }
#header .navbar .container .burger.active .line:last-child { transform-origin: 0; transform: rotate(-45deg); height: 1.5px; }
#header .navbar .container .nav-items { width: 100%; height: 100%; background-color: #FFFFFF; }
.max-lg-size.ie11 #header .navbar .container .nav-items ul li .sub-nav { height: 540px; right: unset; top: 90px; left: calc(100% - 375px); }
.max-md-size.ie11 #header .navbar .container .nav-items ul li .sub-nav { right: unset; top: 70px; }
.max-sm-size.ie11 #header .navbar .container .nav-items ul li .sub-nav { right: unset; top: 60px; }
.max-lg-size #header .navbar .container .nav-items { max-width: 375px; height: calc(100vh - 90px); position: fixed; right: -100%; top: 90px; padding: 25px 25px 40px 25px; transform: translateX(375px); transition: all 0.8s; overflow: hidden auto; }
.max-lg-size #header .navbar .container .nav-items.active { right: 0; transform: translateX(0); box-shadow: -5px 10px 10px 5px rgba(0, 0, 0, 0.05); }
.max-lg-size #header .navbar .container .nav-items ul { display: block; height: 505px; overflow-y: auto; transition: all 0.5s; }
.max-lg-size #header .navbar .container .nav-items ul li { height: auto; }
.max-lg-size #header .navbar .container .nav-items ul li a { position: relative; display: block; padding: 15px; border-bottom: 1px solid #E1E1E1; transition: all 0.5s; }
.max-lg-size #header .navbar .container .nav-items ul li a::after { position: absolute; display: block; content: ""; top: 12px; right: 15px; content: url("./images/common/list-arrow.svg"); width: 5px; }
.max-lg-size #header .navbar .container .nav-items ul li a:hover { color: #BC8900; }
.max-lg-size #header .navbar .container .nav-items ul li a:hover::after { content: url("./images/common/list-arrow-gold.svg"); }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav { display: block; position: fixed; max-width: 375px; height: 530px; right: 0; top: 0px; overflow-y: auto; transition: all 0.5s; z-index: 4997; transform: translateX(375px); border: none; }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav.active { transform: translateX(0); }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container { display: block; padding: 25px 25px 0 25px; box-shadow: none; }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container .sub-nav-title { position: relative; display: flex; justify-content: center; border-bottom: 1px solid #BC8900; padding: 15px; color: #BC8900; cursor: pointer; }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container .sub-nav-title:hover::before { content: url("./images/common/list-arrowL-gold.svg"); }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container .sub-nav-title::before { position: absolute; display: block; content: ""; content: url("./images/common/list-arrowL.svg"); left: 15px; top: 12px; width: 5px; }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container .pic { display: none; }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container .nav-toggle { display: block; }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container ul { margin-top: 0; height: auto; }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container ul li { width: 100%; margin-bottom: 0; }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container ul li::before { display: none; }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container ul li:nth-child(n+5) { margin-left: 0; }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container ul li.list-title { padding-left: 15px; }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container ul li.list-title a::after { display: none; }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container ul li a { font-size: 17px; width: 100%; padding: 15px; }
@media screen and (max-width:576px) {
    .max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container ul li a { font-size: 16px; }
}
.max-md-size #header .navbar .container .nav-items { height: calc(100vh - 75px); top: 75px; }
.max-sm-size #header .navbar .container .nav-items { height: calc(100vh - 60px); top: 60px; }
.max-xs2-size #header .navbar .container .nav-items { max-width: 100%; transform: translateX(100%); }
.max-xs2-size #header .navbar .container .nav-items ul li .sub-nav { max-width: 100%; transform: translateX(100%); }
#header .navbar .container .nav-items ul { display: flex;    /* justify-content: center; */ align-items: center; font-size: 16px; font-weight: 300; color: #404040; height: 100%; }
@media screen and (max-width:576px) {
    #header .navbar .container .nav-items ul { font-size: 16px; }
}
.min-lg-size #header .navbar .container .nav-items ul { margin-left: 14.2vw; }
.min-xl-size #header .navbar .container .nav-items ul { margin-left: 15.2vw; }
.max-bg-size #header .navbar .container .nav-items ul { justify-content: flex-end; padding-right: 20px; }
#header .navbar .container .nav-items ul li { height: 100%; }
.min-lg-size #header .navbar .container .nav-items ul li+li { margin-left: 1.3rem; }
.min-xl-size #header .navbar .container .nav-items ul li+li { margin-left: 2.5rem; }
#header .navbar .container .nav-items ul li a { display: flex; justify-content: center; align-items: center; height: 100%; position: relative; }
#header .navbar .container .nav-items ul li a::before { position: absolute; display: block; content: ""; bottom: 0; left: -0.1em; width: 0; height: 5px; background-color: #bc8900; transition: all 0.5s; }
.max-lg-size #header .navbar .container .nav-items ul li a::before { display: none; }
.min-lg-size #header .navbar .container .nav-items ul li a:hover::before { width: calc(100% + 0.2em); }
.min-lg-size #header .navbar .container .nav-items ul li a.active::before { width: calc(100% + 0.2em) !important; }
.min-lg-size.ie11 #header .navbar .container .nav-items ul li a:hover::before { width: 100%; }
.min-lg-size.ie11 #header .navbar .container .nav-items ul li a.active::before { width: 100% !important; }
@media screen and (max-width:1320px) {
    #header .navbar .container .nav-items ul li a .mbdn { display: none; }
}
.max-lg-size #header .navbar .container .nav-items ul li a .mbdn { display: inline-block; }
#header .navbar .container .nav-items ul li .sub-nav { display: none; width: 100%; position: absolute; left: 0; top: 89px; background-color: #FFFFFF; border-top: 1px solid #D8D8D8; }
#header .navbar .container .nav-items ul li .sub-nav.type-2 .container ul { flex-grow: 1; }
#header .navbar .container .nav-items ul li .sub-nav.type-2 .container ul li:nth-child(n+5) { margin-left: 0; }
#header .navbar .container .nav-items ul li .sub-nav .container { display: flex; padding: 40px 4.3vw 40px 19.8vw; border: none; box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.1); }
.max-xl-size #header .navbar .container .nav-items ul li .sub-nav .container { padding: 40px; }
.max-lg-size #header .navbar .container .nav-items ul li .sub-nav .container { padding-top: 25px; }
.max-sm-size #header .navbar .container .nav-items ul li .sub-nav .container { padding-left: 20px; padding-right: 20px; }
#header .navbar .container .nav-items ul li .sub-nav .container .sub-nav-title { display: none; }
#header .navbar .container .nav-items ul li .sub-nav .container .pic { flex-basis: 330px; height: 221px; margin-right: 69.5px; }
#header .navbar .container .nav-items ul li .sub-nav .container .pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#header .navbar .container .nav-items ul li .sub-nav .container .nav-toggle { display: none; }
#header .navbar .container .nav-items ul li .sub-nav .container ul { flex-direction: column; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; height: 210px; margin: 0; margin-top: 5px; font-size: 18px; }
@media screen and (max-width:576px) {
    #header .navbar .container .nav-items ul li .sub-nav .container ul { font-size: 16px; }
}
#header .navbar .container .nav-items ul li .sub-nav .container ul li { position: relative; width: 200px; height: auto; border-bottom: 1px solid #D8D8D8; margin: 0 0 13px 0; }
#header .navbar .container .nav-items ul li .sub-nav .container ul li:nth-child(n+5) { margin-left: 3.4vw; }
#header .navbar .container .nav-items ul li .sub-nav .container ul li:nth-child(4n) { margin-bottom: 0; }
#header .navbar .container .nav-items ul li .sub-nav .container ul li::before { position: absolute; display: block; content: ""; content: url("./images/common/list-style.svg"); left: 0; top: 3px; width: 5px; }
.min-lg-size.ie11 #header .navbar .container .nav-items ul li .sub-nav .container ul li { height: 40px; }
#header .navbar .container .nav-items ul li .sub-nav .container ul li a { display: inline-block; border: none; padding: 6px 0 6px 0.7em; transition: all 0.5s; }
#header .navbar .container .nav-items ul li .sub-nav .container ul li a::before { display: none; }
#header .navbar .container .nav-items ul li .sub-nav .container ul li a:hover { border: none; color: #BC8900; }
#header .navbar .container .nav-items ul li .sub-nav .container ul li.list-title { font-size: 20px; font-weight: 500; }
@media screen and (max-width:1024px) {
    #header .navbar .container .nav-items ul li .sub-nav .container ul li.list-title { font-size: 18px; }
}
#header .navbar .container .nav-items ul li .sub-nav .container ul li.list-title::before { display: none; }
#header .navbar .container .nav-items ul li .sub-nav .container ul li.list-title a { padding-left: 0; }
#header .navbar .container .nav-items .mobile-lang { display: flex; justify-content: center; margin-top: 43px; }
.min-lg-size #header .navbar .container .nav-items .mobile-lang { display: none; }
#header .navbar .container .nav-items .mobile-lang a { font-size: 15px; font-weight: 300; }
#header .navbar .container .nav-items .mobile-lang a.active { color: #BC8900; pointer-events: none; }
#header .navbar .container .nav-items .mobile-lang a:first-child { position: relative; margin-right: 25px; }
#header .navbar .container .nav-items .mobile-lang a:first-child::after { position: absolute; display: block; content: ""; top: 4px; right: -12.5px; width: 1px; height: 1em; background-color: #D8D8D8; }
#header .navbar .container .nav-items .fb { width: 100%; max-width: 180px; margin: 50px auto 0 auto; border: 1px solid #808080; }
.min-lg-size #header .navbar .container .nav-items .fb { display: none; }
.max-sm-size #header .navbar .container .nav-items .fb { margin-bottom: 50px; }
#header .navbar .container .nav-items .fb a { display: flex; justify-content: center; align-items: center; font-size: 15px; font-weight: 300; padding: 10px 0; }
.ie11 #header .navbar .container .nav-items .fb a { height: 42px; }
#header .navbar .container .nav-items .fb a .svg { width: 20px; margin-right: 15px; }
.max-lg-size #header .navbar .container .nav-items+.lang { display: none; }
#header .navbar .container .lang { font-family: "Hind", "Microsoft JhengHei", Arial, sans-serif; position: absolute; top: 50%; transform: translate(0, -50%); right: 40px; display: flex; align-items: center; color: #404040; margin-right: 8px; margin-top: 3px; transition: all 0.5s; transform: translate(40px, -50%); }
#header .navbar .container .lang.show-lang { transform: translate(0, -50%); }
#header .navbar .container .lang .pic { width: 20px; margin-right: 10px; display: flex; justify-content: center; align-items: center; }
.max-bg-size #header .navbar .container .lang .pic { cursor: pointer; }
#header .navbar .container .lang .pic .svg { width: 100%; }
#header .navbar .container .lang a { font-weight: 500; line-height: 20px; display: flex; justify-content: center; align-items: center; transition: all 0.5s; }
#header .navbar .container .lang a:hover { color: #BC8900; }
#header .navbar .container .lang a.show { transition-delay: 0.5s; opacity: 1; }
.max-bg-size #header .navbar .container .lang a { position: fixed; right: 0; top: 52.5px; min-width: 90px; padding: 15px 0; text-align: center; background-color: #FFFFFF; transform: translateX(120%); border-top: 1px solid #dcdcdc; }
.max-bg-size #header .navbar .container .lang a.active { transform: translate(0, 0); }
#header .navbar .container .lang a+a { margin-left: 20px; position: relative; opacity: 0; }
.max-bg-size #header .navbar .container .lang a+a { top: 102px; margin-left: 0; background-color: #FFFFFF; opacity: 1; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#header .navbar .container .lang a+a::before { position: absolute; display: block; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); width: 1px; height: 90%; background-color: #DCDCDC; left: -10px; }
.max-bg-size #header .navbar .container .lang a+a::before { display: none; }
#footer { overflow: hidden; position: relative; z-index: 2000; }
#footer .footer { background-color: #262626; color: #FFFFFF; }
#footer .footer .footerTop { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.max-xs-size #footer .footer .footerTop { border: none; }
#footer .footer .footerTop .container { display: flex; align-items: center; padding: 48px 15px 20px 0; }
.max-md-size #footer .footer .footerTop .container { padding: 35px 0px 20px 0px; }
.max-md-size #footer .footer .footerTop .container .logo { height: 60px; }
.max-xs-size #footer .footer .footerTop .container { padding: 35px 0 0 0; }
.max-xs-size #footer .footer .footerTop .container .logo { height: 55px; margin: auto; }
#footer .footer .footerTop .container .logo { display: block; height: 65px; margin-left: -10px; }
#footer .footer .footerTop .container .logo img { height: 100%; }
#footer .footer .footerBottom .container { position: relative; padding: 25px 15px 70px 0; display: flex; }
.max-md-size #footer .footer .footerBottom .container { padding: 25px 0px 70px 0; flex-wrap: wrap; }
.max-md-size #footer .footer .footerBottom .container .boxL { flex: 0 0 100%; margin-bottom: 20px; }
.max-md-size #footer .footer .footerBottom .container .boxL .fb { right: 0; }
.max-md-size #footer .footer .footerBottom .container .boxR { flex: 0 0 100%; margin-left: unset; }
#footer .footer .footerBottom .container .boxL { flex: 0 0 70%; }
#footer .footer .footerBottom .container .boxL .infos { letter-spacing: 1px; margin-bottom: 10px; }
.max-xs-size #footer .footer .footerBottom .container .boxL .infos { text-align: center; margin-bottom: 25px; }
#footer .footer .footerBottom .container .boxL .infos .address { transition: all 0.5s; }
#footer .footer .footerBottom .container .boxL .infos .address:hover { color: #BC8900; }
.max-lg-size #footer .footer .footerBottom .container .boxL .infos .address { display: block; margin-bottom: 10px; }
.max-lg-size #footer .footer .footerBottom .container .boxL .infos .nums { display: block; }
#footer .footer .footerBottom .container .boxL .infos .nums .tel { margin-left: 1.5em; }
.max-lg-size #footer .footer .footerBottom .container .boxL .infos .nums .tel { margin-left: 0; }
.max-xs2-size #footer .footer .footerBottom .container .boxL .infos .nums .tel { display: block; }
#footer .footer .footerBottom .container .boxL .infos .nums .fax { margin-left: 1.5em; }
.max-xs2-size #footer .footer .footerBottom .container .boxL .infos .nums .fax { display: block; margin-left: 0; }
#footer .footer .footerBottom .container .boxL .fb { letter-spacing: 1px; position: absolute; right: 15px; top: -78px; width: 100%; max-width: 200px; border: 1px solid #808080; transition: all 0.5s; }
#footer .footer .footerBottom .container .boxL .fb:hover { border-color: #FFFFFF; background-color: #FFFFFF; }
#footer .footer .footerBottom .container .boxL .fb:hover a { color: #262626; font-weight: 500; }
#footer .footer .footerBottom .container .boxL .fb:hover a .svg { fill: #FFFFFF !important; }
#footer .footer .footerBottom .container .boxL .fb:hover a .svg rect, #footer .footer .footerBottom .container .boxL .fb:hover a .svg path { stroke: #4267B2 !important; fill: #4267B2 !important; }
.max-xs-size #footer .footer .footerBottom .container .boxL .fb { position: static; margin: 0 auto 35px auto; }
#footer .footer .footerBottom .container .boxL .fb a { font-family: "Microsoft JhengHei", "Noto Sans TC", Arial, sans-serif; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 300; color: #FFFFFF; padding: 13px 0; height: 50px; transition: all 0.5s; }
@media screen and (max-width:576px) {
    #footer .footer .footerBottom .container .boxL .fb a { font-size: 14px; }
}
#footer .footer .footerBottom .container .boxL .fb a .svg { width: 24px; margin-right: 15px; transition: all 0.5s; }
#footer .footer .footerBottom .container .boxL .fb a .svg rect, #footer .footer .footerBottom .container .boxL .fb a .svg path { transition: all 0.5s; }
#footer .footer .footerBottom .container .boxL .privacy { color: #737373; font-family: "Hind", "Microsoft JhengHei", Arial, sans-serif; font-weight: 500; font-size: 14.3px; letter-spacing: 0.2px; }
.max-xs-size #footer .footer .footerBottom .container .boxL .privacy { padding-top: 30px; position: relative; text-align: center; }
.max-xs-size #footer .footer .footerBottom .container .boxL .privacy::before { position: absolute; display: block; content: ""; top: 0; left: -25px; width: 150%; height: 1px; background-color: rgba(255, 255, 255, 0.1); }
#footer .footer .footerBottom .container .boxL .privacy p .design { margin-left: 1.5rem; }
@media screen and (max-width:365px) {
    #footer .footer .footerBottom .container .boxL .privacy p .design { display: block; }
}
#footer .footer .footerBottom .container .boxL .privacy p .design a { transition: all 0.5s; }
#footer .footer .footerBottom .container .boxL .privacy p .design a:hover { color: #FFFFFF; }
#footer .footer .footerBottom .container .boxR { margin-left: auto; font-size: 15px; font-family: "Microsoft JhengHei", "Noto Sans TC", Arial, sans-serif; letter-spacing: 0.2px; }
.max-xs-size #footer .footer .footerBottom .container .boxR { text-align: center; }
#footer .footer .footerBottom .container .boxR a { display: inline-block; color: #999999; transition: all 0.5s; }
#footer .footer .footerBottom .container .boxR a:hover { color: #FFFFFF; }
#footer .footer .footerBottom .container .boxR .terms { margin-right: 2.5em; position: relative; }
#footer .footer .footerBottom .container .boxR .terms::after { position: absolute; display: block; content: ""; width: 1px; height: 11.5px; background-color: rgba(167, 181, 205, 0.5); right: -1.5em; top: 5px; }
.banner-sliders { height: calc(100vh - 90px); margin-top: 90px; }
.max-md-size .banner-sliders { height: calc(100vh - 75px); margin-top: 75px; }
.max-sm-size .banner-sliders { height: calc(100vh - 60px); margin-top: 60px; }
.banner-sliders .banner-slider { width: 100%; height: 100%; position: relative; }
.banner-sliders .banner-slider::before { position: absolute; display: block; content: ""; width: 100%; height: 100%; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); z-index: 1; }
.banner-sliders .banner-slider .slick-list { width: 100%; height: 100%; }
.banner-sliders .banner-slider .slick-list .slick-track { width: 100%; height: 100%; }
.banner-sliders .banner-slider .slick-list .slick-track .pic { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; }
.banner-sliders .arrow { position: absolute; top: calc(50% - 30px); display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.6); cursor: pointer; transition: all 0.5s; z-index: 2; }
.banner-sliders .arrow:hover { background-color: #BC8900; }
.max-sm-size .banner-sliders .arrow { width: 50px; height: 50px; top: calc(50% - 25px); }
.max-xs-size .banner-sliders .arrow { width: 40px; height: 40px; top: calc(50% - 20px); }
.banner-sliders .arrow .svg { width: 8.5px; }
.banner-sliders .arrow.prev { left: 0; }
.banner-sliders .arrow.next { right: 0; }
.banner-sliders .container { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); z-index: 2; }
@media screen and (max-height:570px) {
    .banner-sliders .container { bottom: 50px !important; }
}
.max-lg-size .banner-sliders .container { bottom: 160px; }
.max-md-size .banner-sliders .container { bottom: 50px; }
.banner-sliders .container .titleBox { padding-left: 30px; position: relative; color: #FFFFFF; }
.max-xs-size .banner-sliders .container .titleBox { padding-left: 25px; }
.banner-sliders .container .titleBox::before { position: absolute; display: block; content: ""; left: 0; bottom: 2px; width: 5px; height: 88%; background-color: #FFFFFF; }
.banner-sliders .container .titleBox .tag { font-size: 35px; margin-bottom: 10px; }
@media screen and (max-width:1024px) {
    .banner-sliders .container .titleBox .tag { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .banner-sliders .container .titleBox .tag { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .banner-sliders .container .titleBox .tag { font-size: 20px; }
}
.max-xs-size .banner-sliders .container .titleBox .tag { margin-bottom: 0px; }
.banner-sliders .container .titleBox .title { font-size: 40px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .banner-sliders .container .titleBox .title { font-size: 35px; }
}
@media screen and (max-width:576px) {
    .banner-sliders .container .titleBox .title { font-size: 30px; }
}
.banner-sliders .container .banner-slider-nav { width: 100%; max-width: 596px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.max-lg-size .banner-sliders .container .banner-slider-nav { bottom: 0; transform: translate(0, 80px); }
.max-md-size .banner-sliders .container .banner-slider-nav { position: static; transform: unset; margin-top: 30px; }
.max-md-size.ie11 .banner-sliders .container .banner-slider-nav { transform: translate(0, 0); }
.max-xs-size .banner-sliders .container .banner-slider-nav { margin-top: 20px; }
.banner-sliders .container .banner-slider-nav .slick-list { overflow: visible; }
.banner-sliders .container .banner-slider-nav .slick-list .slick-track { margin-right: 0; }
.max-md-size .banner-sliders .container .banner-slider-nav .slick-list .slick-track { margin-left: -15px; }
.max-sm-size .banner-sliders .container .banner-slider-nav .slick-list .slick-track { margin-right: -7.5px; margin-left: -7.5px; }
.banner-sliders .container .banner-slider-nav .slick-list .slick-track .pic { height: 80px; cursor: pointer; transition: all 0.5s; padding-left: 15px; }
.max-sm-size .banner-sliders .container .banner-slider-nav .slick-list .slick-track .pic { padding-left: 10px; max-width: unset; }
.max-xs-size .banner-sliders .container .banner-slider-nav .slick-list .slick-track .pic { height: 50px; }
.banner-sliders .container .banner-slider-nav .slick-list .slick-track .pic:hover { margin-top: -10px; }
.max-sm-size .banner-sliders .container .banner-slider-nav .slick-list .slick-track .pic:hover { margin-top: 0; }
.banner-sliders .container .banner-slider-nav .slick-list .slick-track .pic div { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.footer-sliders { background-color: #FFFFFF; padding: 35px 40px; box-shadow: 0 20px 20px 10px rgba(0, 0, 0, 0.3); }
.max-md-size .footer-sliders { padding: 25px 40px; }
.max-sm-size .footer-sliders { padding: 20px 40px; }
.max-xs-size .footer-sliders { padding: 10px 40px; }
.footer-sliders .footer-slider .logo+.logo { margin-left: 5.2vw; }
.footer-sliders .footer-slider .logo.active { pointer-events: none; }
.footer-sliders .footer-slider .logo.active a .is-gray { opacity: 0 !important; }
.footer-sliders .footer-slider .logo.active a .is-color { opacity: 1 !important; }
.footer-sliders .footer-slider .logo:hover a .is-gray { opacity: 0; }
.footer-sliders .footer-slider .logo:hover a .is-color { opacity: 1; }
.footer-sliders .footer-slider .logo a { height: 69px; display: flex; justify-content: center; align-items: center; position: relative; }
.max-md-size .footer-sliders .footer-slider .logo a { height: 60px; }
.max-sm-size .footer-sliders .footer-slider .logo a { height: 50px; }
.max-xs-size .footer-sliders .footer-slider .logo a { height: 40px; }
.footer-sliders .footer-slider .logo a img { height: 100%; }
.footer-sliders .footer-slider .logo a img.is-gray { opacity: 1; position: absolute; left: 0; top: 0; transition: all 0.5s; }
.footer-sliders .footer-slider .logo a img.is-color { opacity: 0; transition: all 0.5s; }
.footer-sliders .arrow { position: absolute; top: 50%; transform: translate(0, -50%); cursor: pointer; transition: all 0.5s; }
.footer-sliders .arrow:hover .svg path, .footer-sliders .arrow:hover .svg rect { stroke: #BC8900 !important; }
.footer-sliders .arrow .svg { width: 10px; }
.max-xs-size .footer-sliders .arrow .svg { width: 7.5px; }
.footer-sliders .arrow .svg path, .footer-sliders .arrow .svg rect { transition: all 0.5s; }
.footer-sliders .arrow.prev { left: -25px; }
.footer-sliders .arrow.next { right: -25px; }
#index { position: relative; }
.index-banner { width: 100%; position: relative; }
.index-banner .banner-slick { width: 100%; margin-top: 75px; margin-bottom: 0; position: relative; overflow-x: hidden; }
.max-md-size .index-banner .banner-slick { margin-top: 60px; }

/*
.index-banner .banner-slick::after {
  position: absolute;
  display: block;
  content: "";
  width: 40%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.15);
  transform-origin: 0% 100%;
  transform: skewX(-25deg);
}
.max-bg-size .index-banner .banner-slick::after {
  width: 30%;
}
.max-lg-size .index-banner .banner-slick::after {
  width: 25%;
}
.max-md-size .index-banner .banner-slick::after {
  display: none;
}
.max-lg-size.ie11 .index-banner .banner-slick::after {
  display: none;
}
*/
.index-banner .banner-slick .imgBanner::after {
  position: absolute;
  display: block;
  content: "";
  width: 40%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.15);
  transform-origin: 0% 100%;
  transform: skewX(-25deg);
}
.max-bg-size .index-banner .banner-slick .imgBanner::after {
  width: 30%;
}
.max-lg-size .index-banner .banner-slick .imgBanner::after {
  width: 25%;
}
.max-md-size .index-banner .banner-slick .imgBanner::after {
  display: none;
}
.max-lg-size.ie11 .index-banner .banner-slick .imgBanner::after {
  display: none;
}

.index-banner .banner-slick .slick-list .banner { width: 100%; height: 900px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }
.max-xl-size .index-banner .banner-slick .slick-list .banner { height: 800px; }
.max-xs-size .index-banner .banner-slick .slick-list .banner { height: calc(100vh - 60px); }
.index-banner .banner-slick .slick-list .banner .pic { width: 100%; height: 100%; position: absolute; left: 618px; top: 0; overflow: hidden; transform: skewX(-25deg); transform-origin: 100% 0; }
.max-xl-size .index-banner .banner-slick .slick-list .banner .pic { left: 550px; }
.max-bg-size .index-banner .banner-slick .slick-list .banner .pic { left: 400px; }
.max-lg-size .index-banner .banner-slick .slick-list .banner .pic { left: 250px; }
.max-md-size .index-banner .banner-slick .slick-list .banner .pic { display: none; }
.index-banner .banner-slick .slick-list .banner .pic img { display: block; width: unset; height: 100%; object-fit: cover; object-position: center; transform: skewX(25deg); margin-left: -390px; margin-top: 15px; }
.max-xl-size .index-banner .banner-slick .slick-list .banner .pic img { margin-left: -350px; }
.max-bg-size .index-banner .banner-slick .slick-list .banner .pic img { margin-left: -200px; }
.max-lg-size .index-banner .banner-slick .slick-list .banner .pic img { margin-left: -50px; }
.index-banner .banner-slick .slick-list .banner .pic .ie-img { width: 100% !important; height: 100% !important; margin-top: 15px; margin-left: -390px; transform: skewX(25deg); }
.max-xl-size .index-banner .banner-slick .slick-list .banner .pic .ie-img { margin-left: -350px; }
.max-bg-size .index-banner .banner-slick .slick-list .banner .pic .ie-img { margin-left: -200px; }
.max-lg-size .index-banner .banner-slick .slick-list .banner .pic .ie-img { margin-left: -50px; }
.index-banner .banner-slick .slick-list .banner .banner-text { position: absolute; top: 35%; width: 100%; color: #FFFFFF; text-align: center; }
.max-xs-size .index-banner .banner-slick .slick-list .banner .banner-text { top: 40%; }
.index-banner .banner-slick .slick-list .banner .banner-text .title { font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; font-size: 90px; font-weight: 600; margin-bottom: 5px; }
@media screen and (max-width:1024px) {
    .index-banner .banner-slick .slick-list .banner .banner-text .title { font-size: 70px; }
}
@media screen and (max-width:768px) {
    .index-banner .banner-slick .slick-list .banner .banner-text .title { font-size: 50px; }
}
@media screen and (max-width:576px) {
    .index-banner .banner-slick .slick-list .banner .banner-text .title { font-size: 40px; }
}
@media screen and (max-width:320px) {
    .index-banner .banner-slick .slick-list .banner .banner-text .title { font-size: 30px; padding: 0 10px; }
}
.index-banner .banner-slick .slick-list .banner .banner-text .subtitle { font-size: 40px; font-weight: 500; margin-bottom: 10px; }
@media screen and (max-width:1024px) {
    .index-banner .banner-slick .slick-list .banner .banner-text .subtitle { font-size: 35px; }
}
@media screen and (max-width:576px) {
    .index-banner .banner-slick .slick-list .banner .banner-text .subtitle { font-size: 30px; }
}
@media screen and (max-width:320px) {
    .index-banner .banner-slick .slick-list .banner .banner-text .subtitle { font-size: 30px; }
}
.index-banner .banner-slick .slick-list .banner .banner-text .subtitle .d-inline-block { position: relative; padding: 0 0.8em; }
.index-banner .banner-slick .slick-list .banner .banner-text .subtitle .d-inline-block:before { position: absolute; display: block; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); left: -1em; width: 1em; height: 1px; background-color: #FFFFFF; }
.index-banner .banner-slick .slick-list .banner .banner-text .subtitle .d-inline-block:after { position: absolute; display: block; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); right: -1em; width: 1em; height: 1px; background-color: #FFFFFF; }
.index-banner .banner-slick .slick-list .banner .banner-text .subtitle.noDecorationLine .d-inline-block::before { display: none; }
.index-banner .banner-slick .slick-list .banner .banner-text .subtitle.noDecorationLine .d-inline-block::after { display: none; }
.index-banner .banner-slick .slick-list .banner .banner-text .text { font-size: 20px; }
@media screen and (max-width:1024px) {
    .index-banner .banner-slick .slick-list .banner .banner-text .text { font-size: 18px; }
}
.max-xs-size .index-banner .banner-slick .slick-list .banner .banner-text .text { font-size: 14px; }
@media screen and (max-width:320px) {
    .index-banner .banner-slick .slick-list .banner .banner-text .text { padding: 0 10px; }
}
.index-banner .banner-slick .slick-dots { width: auto; position: absolute; left: 100px; bottom: 11.3%; z-index: 1001; }
.max-xs-size .index-banner .banner-slick .slick-dots { left: 50%; transform: translate(-50%, 0); bottom: 7%; }
.index-banner .banner-slick .slick-dots li { width: 12px; height: 12px; }
.index-banner .banner-slick .slick-dots li.slick-active button { width: 100%; height: 100%; background-color: #BC8900; border: none; }
.index-banner .banner-slick .slick-dots li button { width: 95%; height: 95%; background-color: transparent; border-radius: 50%; border: 2px solid #FFFFFF; padding: 0; }
.index-banner .banner-slick .slick-dots li button:before { display: none; }
.index-banner .mouse { position: absolute; bottom: 9%; left: 50%; transform: translateX(-50%); color: #FFFFFF; cursor: pointer; font-size: 16px; font-family: "Hind", "Microsoft JhengHei", Arial, sans-serif; font-weight: 500; transition: all 0.5s; }
@media screen and (max-width:576px) {
    .index-banner .mouse { font-size: 14px; }
}
.index-banner .mouse:hover { bottom: 8%; }
.max-xs-size .index-banner .mouse { display: none; }
.index-banner .mouse img { width: 18px; margin: 0 auto; animation: beat 0.8s infinite ease alternate; }
@keyframes beat {
    0% { margin-bottom: 0px; opacity: 1; }
    100% { margin-bottom: 20px; opacity: 0.3; }
}
.index-banner .mouse .d-block { margin-top: 0.25rem; }
.index-about { background-color: #F9F9F9; }
.max-lg-size .index-about { background-color: #Ffffff; }
.index-about .box { display: flex; position: relative; }
.max-lg-size .index-about .box { padding: 40px 0; }
.max-sm-size .index-about .box { flex-wrap: wrap; }
.max-sm-size .index-about .box { padding: 0; }
.index-about .box::after { position: absolute; display: block; content: ""; left: 63px; top: -60px; width: 120%; height: calc(100% + 60px); background-color: #FFFFFF; transform: skewX(-25deg); }
.max-xl-size .index-about .box::after { left: 42px; }
.max-bg-size .index-about .box::after { left: -108px; }
.max-lg-size .index-about .box::after { display: none; }
.index-about .box .boxL { position: relative; flex: 0 0 50%; padding: 50px 20px; display: flex; justify-content: center; z-index: 2; }
@media screen and (max-width:1280px) {
    .index-about .box .boxL { padding: 40px; }
}
.max-sm-size .index-about .box .boxL { flex: 0 0 100%; }
.max-sm-size .index-about .box .boxL { padding: 60px 30px 50px 30px; text-align: center; }
.max-xs-size .index-about .box .boxL { padding: 70px 30px 50px 30px; }
.index-about .box .boxL .content { width: 100%; max-width: 480px; margin-left: 100px; }
@media screen and (max-width:1280px) {
    .index-about .box .boxL .content { margin-left: 0; }
}
.index-about .box .boxL .content .title-en { font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; font-size: 70px; font-weight: 600; line-height: 0.9; color: rgba(152, 111, 3, 0.2); margin-bottom: 30px; }
@media screen and (max-width:1024px) {
    .index-about .box .boxL .content .title-en { font-size: 55px; }
}
@media screen and (max-width:768px) {
    .index-about .box .boxL .content .title-en { font-size: 40px; }
}
@media screen and (max-width:576px) {
    .index-about .box .boxL .content .title-en { font-size: 30px; }
}
.max-md-size .index-about .box .boxL .content .title-en { margin-bottom: 20px; }
.index-about .box .boxL .content .title { font-size: 35px; font-weight: 500; color: #BC8900; margin-bottom: 10px; }
@media screen and (max-width:1024px) {
    .index-about .box .boxL .content .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .index-about .box .boxL .content .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .index-about .box .boxL .content .title { font-size: 20px; }
}
.max-md-size .index-about .box .boxL .content .title { margin-bottom: 5px; }
.index-about .box .boxL .content .subtitle { font-size: 40px; font-weight: 700; margin-bottom: 50px; }
@media screen and (max-width:1024px) {
    .index-about .box .boxL .content .subtitle { font-size: 35px; }
}
@media screen and (max-width:576px) {
    .index-about .box .boxL .content .subtitle { font-size: 30px; }
}
.max-md-size .index-about .box .boxL .content .subtitle { margin-bottom: 40px; }
.max-xs-size .index-about .box .boxL .content .subtitle { font-size: 25px; margin-bottom: 30px; }
.index-about .box .boxL .content .text { font-size: 17px; letter-spacing: 1px; display: block; padding-left: 77px; position: relative; }
@media screen and (max-width:576px) {
    .index-about .box .boxL .content .text { font-size: 16px; }
}
.max-sm-size .index-about .box .boxL .content .text { padding: 0; }
.max-xs-size .index-about .box .boxL .content .text { font-size: 14px; }
.index-about .box .boxL .content .text::before { position: absolute; display: block; content: ""; top: 0.8em; left: 0; width: 3em; height: 1px; background-color: #BC8900; }
.max-sm-size .index-about .box .boxL .content .text::before { top: -20px; left: 50%; transform: translateX(-50%); }
.max-xs-size .index-about .box .boxL .content .text::before { top: -12px; }
.index-about .box .boxL .content .more a { display: flex; justify-content: center; align-items: center; color: #4D4D4D; width: 100%; max-width: 267px; height: 60px; border: 1px solid #BC8900; margin-top: 125px; transition: all 0.5s; }
.max-lg-size .index-about .box .boxL .content .more a { margin-top: 50px; }
.max-md-size .index-about .box .boxL .content .more a { margin-top: 40px; max-width: 230px; height: 55px; }
.max-sm-size .index-about .box .boxL .content .more a { margin: 20px auto 0 auto; }
.max-xs-size .index-about .box .boxL .content .more a { max-width: 200px; height: 45px; }
.index-about .box .boxL .content .more a:hover { background-color: #BC8900; color: #FFFFFF; }
.index-about .box .bg { position: absolute; left: 50%; top: 0; transform: translate(-50%, -60px); width: 100%; max-width: 695px; height: calc(695px / 2); overflow: hidden; z-index: 1; }
.max-sm-size .index-about .box .bg { transform: translate(-50%, -35px); }
.max-xs-size .index-about .box .bg { transform: translate(-50%, 0); }
.index-about .box .bg img { transform: translateY(-50%); }
.max-xs-size .index-about .box .bg img { margin: auto; width: 90%; transform: translateY(-45%); }
.index-about .box .boxR { width: 50%; max-width: 888px; margin-left: auto; position: relative; z-index: 2; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; }
.max-sm-size .index-about .box .boxR { width: 100%; }
.index-about .box .boxR .position-relative { width: 100%; }
.index-about .box .boxR .position-relative .about-slick-pics { width: 100%; max-width: 888px; }
.index-about .box .boxR .position-relative .about-slick-pics .slick-list { width: 100%; }
.index-about .box .boxR .position-relative .about-slick-pics .slick-list .slick-track { width: 100%; }
.index-about .box .boxR .position-relative .about-slick-pics .slick-list .slick-track .about-slick-pic { width: 100%; height: 27.083vw; }
.max-sm-size .index-about .box .boxR .position-relative .about-slick-pics .slick-list .slick-track .about-slick-pic { height: 58.464vw; }
.index-about .box .boxR .position-relative .about-slick-pics .slick-list .slick-track .about-slick-pic a { display: block; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; }
.index-about .box .boxR .position-relative .about-slick-pics .slick-list .slick-track .about-slick-pic a img { width: 100%; }
.index-about .box .boxR .position-relative .arrow { position: absolute; top: calc(50% - 30px); display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.6); cursor: pointer; transition: all 0.5s; }
.max-lg-size .index-about .box .boxR .position-relative .arrow { width: 50px; height: 50px; top: calc(50% - 25px); }
.max-xs-size .index-about .box .boxR .position-relative .arrow { width: 40px; height: 40px; top: calc(50% - 20px); }
.index-about .box .boxR .position-relative .arrow:hover { background-color: #BC8900; }
.index-about .box .boxR .position-relative .arrow .svg { width: 8.5px; }
.index-about .box .boxR .position-relative .arrow.prev { left: 0; }
.index-about .box .boxR .position-relative .arrow.next { right: 0; }
.index-about .box .boxR .about-slick-texts { width: 100%; max-width: 888px; margin-left: auto; }
.index-about .box .boxR .about-slick-texts .about-slick-text a { display: flex; padding: 25px 30px 30px 30px; }
.max-lg-size .index-about .box .boxR .about-slick-texts .about-slick-text a { padding: 25px 0 25px 30px; }
.max-sm-size .index-about .box .boxR .about-slick-texts .about-slick-text a { flex-wrap: wrap; padding: 25px 0px 50px 0px; }
.index-about .box .boxR .about-slick-texts .about-slick-text a .title { position: relative; display: block; flex-basis: 200px; font-weight: 500; font-size: 28px; color: #986F03; }
@media screen and (max-width:1024px) {
    .index-about .box .boxR .about-slick-texts .about-slick-text a .title { font-size: 24px; }
}
@media screen and (max-width:768px) {
    .index-about .box .boxR .about-slick-texts .about-slick-text a .title { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .index-about .box .boxR .about-slick-texts .about-slick-text a .title { font-size: 18px; }
}
.max-md-size .index-about .box .boxR .about-slick-texts .about-slick-text a .title { flex-basis: 165px; }
.max-sm-size .index-about .box .boxR .about-slick-texts .about-slick-text a .title { flex: 0 0 100%; text-align: center; }
.index-about .box .boxR .about-slick-texts .about-slick-text a .title::after { position: absolute; display: block; content: ""; top: 11px; right: 0; width: 1px; height: 0.7em; background-color: #BC8900; }
.max-sm-size .index-about .box .boxR .about-slick-texts .about-slick-text a .title::after { width: 2em; height: 1px; top: unset; bottom: -12.5px; left: 50%; transform: translateX(-50%); }
.index-about .box .boxR .about-slick-texts .about-slick-text a .text { flex: 1; padding: 5px 100px 0 30px; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -moz-line-clamp: 3; -moz-box-orient: vertical; }
.ie11 .index-about .box .boxR .about-slick-texts .about-slick-text a .text { max-height: 5em; overflow: hidden; }
.max-bg-size .index-about .box .boxR .about-slick-texts .about-slick-text a .text { padding: 5px 30px 0 30px; }
.max-sm-size .index-about .box .boxR .about-slick-texts .about-slick-text a .text { text-align: center; margin-top: 25px; padding: 0px 20px 0 20px; }
.index-project { padding-top: 350px; padding-bottom: 135px; margin-top: -135px; position: relative; overflow: hidden; background-color: #FFFFFF; }
.max-xl-size .index-project { padding-top: 250px; }
.max-lg-size .index-project { margin-top: 0; padding-top: 0; }
.max-sm-size .index-project { background-color: #F9F9F9; padding-bottom: 100px; }
.max-xs-size .index-project { padding-bottom: 50px; }
.index-project .project-bg { position: absolute; top: 0; right: 0; width: calc(100% - 840px); height: 100%; background-color: #F6F6F6; z-index: 1; transform-origin: 0% 100%; transform: skewX(-25deg); }
.max-bg-size .index-project .project-bg { width: calc(100% - 743px); }
.max-md-size .index-project .project-bg { width: calc(100% - 673px); }
.max-sm-size .index-project .project-bg { display: none; }
.index-project .project-title { position: absolute; top: 345px; left: 68%; z-index: 1; width: 100%; max-width: 360px; }
.max-xl2-size .index-project .project-title { left: 75%; }
.max-xl-size .index-project .project-title { position: static; display: flex; align-items: flex-end; max-width: 100%; padding-left: 40px; margin-bottom: 20px; }
.max-lg-size .index-project .project-title { justify-content: space-between; padding-right: 40px; }
.max-sm-size .index-project .project-title { padding-top: 35px; padding: 35px 20px 0 20px; }
.max-xs-size .index-project .project-title { margin-bottom: 5px; }
.index-project .project-title .title-en { font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; font-size: 70px; font-weight: 600; color: rgba(152, 111, 3, 0.2); line-height: 1; margin-bottom: 25px; position: relative; }
@media screen and (max-width:1024px) {
    .index-project .project-title .title-en { font-size: 55px; }
}
@media screen and (max-width:768px) {
    .index-project .project-title .title-en { font-size: 40px; }
}
@media screen and (max-width:576px) {
    .index-project .project-title .title-en { font-size: 30px; }
}
.max-xl-size .index-project .project-title .title-en { margin-bottom: 0; }
@media screen and (max-width:320px) {
    .index-project .project-title .title-en { font-size: 26px; }
}
.index-project .project-title .title-en::after { position: absolute; display: block; content: ""; left: 0; bottom: -15px; width: 0.8em; height: 2px; background-color: #BC8900; }
.max-xl-size .index-project .project-title .title-en::after { display: none; }
.index-project .project-title .title { font-size: 40px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .index-project .project-title .title { font-size: 35px; }
}
@media screen and (max-width:576px) {
    .index-project .project-title .title { font-size: 30px; }
}
.max-xl-size .index-project .project-title .title { margin-left: 40px; margin-bottom: 5px; }
.max-xs-size .index-project .project-title .title { font-size: 25px; margin-bottom: 0; }
.index-project .project-slick-pics { width: 100%; max-width: 1255px; position: relative; margin-bottom: 0; }
.max-sm-size .index-project .project-slick-pics { width: calc(100% - 40px); margin: 0 auto; }
.max-sm-size .index-project .project-slick-pics .slick-list { overflow: visible; }
.index-project .project-slick-pics .project-pic { width: 100%; }
.max-xs-size .index-project .project-slick-pics .project-pic { height: 240px; }
.index-project .project-slick-pics .project-pic img { width: 100%; }
.max-xs-size .index-project .project-slick-pics .project-pic img { height: 100%; object-fit: cover; }
.max-sm-size .index-project .project-slick-pics .project-pic { transition: all 0.5s; margin-top: 20px; }
.max-sm-size .index-project .project-slick-pics .project-pic.slick-current { position: relative; z-index: 1; box-shadow: 0 -5px 10px 3px rgba(0, 0, 0, 0.2); }
.max-sm-size .index-project .project-slick-pics .project-pic.prevSlide { opacity: 0.5; transform: scale(0.8) translateX(15%); }
.max-sm-size .index-project .project-slick-pics .project-pic.nextSlide { opacity: 0.5; transform: scale(0.8) translateX(-15%); }
.index-project .project-slick-pics .slick-dots { bottom: -30px; width: auto; text-align: left; left: 13.5%; }
.max-xl-size .index-project .project-slick-pics .slick-dots { left: 42px; }
.index-project .project-slick-pics .slick-dots li { width: 10px; height: 10px; border-radius: 50%; background-color: #BC8900; border: 2px solid #BC8900; background-color: #fff; margin: 0; }
.index-project .project-slick-pics .slick-dots li+li { margin-left: 19px; }
.index-project .project-slick-pics .slick-dots li.slick-active { background-color: #BC8900; }
.index-project .project-slick-pics .slick-dots li button { width: 100%; height: 100%; padding: 0; }
.index-project .project-slick-pics .slick-dots li button::before { display: none; }
.index-project .project-counter { display: inline-block; font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; font-size: 20px; color: #BC8900; margin-top: 10px; margin-left: 44%; }
@media screen and (max-width:1024px) {
    .index-project .project-counter { font-size: 18px; }
}
.max-bg-size .index-project .project-counter { margin-left: 44%; }
@media screen and (max-width:900px) {
    .max-bg-size .index-project .project-counter { display: none; }
}
.index-project .project-counter .current_slide { font-size: 28px; }
@media screen and (max-width:1024px) {
    .index-project .project-counter .current_slide { font-size: 24px; }
}
@media screen and (max-width:768px) {
    .index-project .project-counter .current_slide { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .index-project .project-counter .current_slide { font-size: 18px; }
}
.index-project .project-texts { position: absolute; width: 100%; max-width: 800px; left: 50%; bottom: 125px; background-color: #FFFFFF; z-index: 2; padding: 70px 60px 76px 79px; }
.max-xl-size .index-project .project-texts { left: unset; right: 25px; }
.max-bg-size .index-project .project-texts { max-width: 600px; padding: 50px 50px 50px 50px; }
.max-lg-size .index-project .project-texts { max-width: 500px; }
.max-md-size .index-project .project-texts { right: 10px; max-width: 450px; padding: 30px 40px; }
@media screen and (max-width:900px) {
    .index-project .project-texts { bottom: 50px; max-width: unset; width: 45%; }
}
.max-sm-size .index-project .project-texts { position: static; width: calc(100% - 40px); margin: auto; max-width: unset; padding: 0; }
.max-sm-size .index-project .project-texts .slick-list { overflow: visible; }
.max-sm-size.ie11 .index-project .project-texts { max-width: 100%; }
.index-project .project-texts .slick-dots { bottom: -40px; width: auto; text-align: left; left: 50%; transform: translateX(-50%); }
.index-project .project-texts .slick-dots li { width: 10px; height: 10px; border-radius: 50%; background-color: #BC8900; border: 2px solid #BC8900; background-color: #fff; margin: 0; }
.index-project .project-texts .slick-dots li+li { margin-left: 19px; }
.index-project .project-texts .slick-dots li.slick-active { background-color: #BC8900; }
.index-project .project-texts .slick-dots li button { width: 100%; height: 100%; padding: 0; }
.index-project .project-texts .slick-dots li button::before { display: none; }
.max-sm-size .index-project .project-texts .project-slick-texts .project-text { padding: 30px 40px 50px 40px; transition: all 0.5s; }
.max-sm-size .index-project .project-texts .project-slick-texts .project-text.slick-current { position: relative; z-index: 1; box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.2); }
.max-sm-size .index-project .project-texts .project-slick-texts .project-text.prevSlide { opacity: 0; transform: translate(15%, -2.5%); }
.max-sm-size .index-project .project-texts .project-slick-texts .project-text.nextSlide { opacity: 0; transform: translate(-15%, -2.5%); }
.max-xs-size .index-project .project-texts .project-slick-texts .project-text { padding: 30px 35px 40px 35px; }
.index-project .project-texts .project-slick-texts .project-text .texts { width: 100%; max-width: 490px; margin-bottom: 40px; }
.max-sm-size .index-project .project-texts .project-slick-texts .project-text .texts { max-width: unset; margin-bottom: 30px; }
.max-xs-size .index-project .project-texts .project-slick-texts .project-text .texts { margin-bottom: 35px; }
.index-project .project-texts .project-slick-texts .project-text .texts .title { font-weight: 700; font-size: 35px; color: #000000; margin-bottom: 15px; }
@media screen and (max-width:1024px) {
    .index-project .project-texts .project-slick-texts .project-text .texts .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .index-project .project-texts .project-slick-texts .project-text .texts .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .index-project .project-texts .project-slick-texts .project-text .texts .title { font-size: 20px; }
}
.index-project .project-texts .project-slick-texts .project-text .texts .subtitle { font-weight: 500; font-size: 25px; color: #BC8900; margin-bottom: 39px; }
@media screen and (max-width:1024px) {
    .index-project .project-texts .project-slick-texts .project-text .texts .subtitle { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .index-project .project-texts .project-slick-texts .project-text .texts .subtitle { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .index-project .project-texts .project-slick-texts .project-text .texts .subtitle { font-size: 18px; }
}
.max-md-size .index-project .project-texts .project-slick-texts .project-text .texts .subtitle { margin-bottom: 20px; }
.index-project .project-texts .project-slick-texts .project-text .texts .text { overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-line-clamp: 2; -moz-box-orient: vertical; }
.max-xs-size .index-project .project-texts .project-slick-texts .project-text .texts .text { overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -moz-line-clamp: 3; -moz-box-orient: vertical; }
.ie11 .index-project .project-texts .project-slick-texts .project-text .texts .text { display: block; max-height: 3em; overflow: hidden; }
.index-project .project-texts .project-slick-texts .project-text .more { display: flex; justify-content: space-between; align-items: flex-end; }
.max-xs-size .index-project .project-texts .project-slick-texts .project-text .more { flex-wrap: wrap; justify-content: center; }
.index-project .project-texts .project-slick-texts .project-text .more a { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 267px; height: 60px; color: #4D4D4D; border: 1px solid #BC8900; transition: all 0.5s; }
.max-lg-size .index-project .project-texts .project-slick-texts .project-text .more a { flex: 0 0 calc(50% - 10px); margin-right: 10px; }
.max-xs-size .index-project .project-texts .project-slick-texts .project-text .more a { order: 2; flex: unset; max-width: 200px; height: 45px; }
.index-project .project-texts .project-slick-texts .project-text .more a:hover { background-color: #BC8900; color: #FFFFFF; }
.index-project .project-texts .project-slick-texts .project-text .more .logo { width: 100%; max-width: 215px; }
.max-lg-size .index-project .project-texts .project-slick-texts .project-text .more .logo { flex: 0 0 calc(50% - 10px); margin-left: 10px; }
.max-xs-size .index-project .project-texts .project-slick-texts .project-text .more .logo { flex: 0 0 100%; order: 1; margin: 0px auto 30px auto; max-width: unset; }
.index-project .project-texts .project-slick-texts .project-text .more .logo img { width: 100%; }
.max-xs-size .index-project .project-texts .project-slick-texts .project-text .more .logo img { max-width: 91px; margin: auto; }
.index-group { position: relative; min-height: 650px; overflow: hidden; background-color: #FFFFFF; }
.max-sm-size .index-group { min-height: unset; display: flex; flex-wrap: wrap; }
.index-group .boxL { padding-left: 220px; padding-top: 63px; }
.max-bg-size .index-group .boxL { padding-left: 125px; }
.max-md-size .index-group .boxL { padding-left: 40px; }
.max-sm-size .index-group .boxL { order: 2; padding: 40px 20px; flex: 0 0 100%; }
.max-xs-size .index-group .boxL { padding: 30px 20px 60px 20px; }
.index-group .boxL .content { width: 100%; max-width: 422px; }
.max-sm-size .index-group .boxL .content { max-width: 100%; }
.index-group .boxL .content .title-en { position: relative; font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; font-size: 24px; font-weight: 600; color: #BC8900; margin-bottom: 36px; }
@media screen and (max-width:576px) {
    .index-group .boxL .content .title-en { font-size: 20px; }
}
.max-xs-size .index-group .boxL .content .title-en { margin-bottom: 30px; }
.index-group .boxL .content .title-en::after { position: absolute; display: block; content: ""; bottom: -10px; width: 2.2em; height: 1px; background-color: #BC8900; }
.max-xs-size .index-group .boxL .content .title-en::after { bottom: -15px; }
.index-group .boxL .content .title { font-size: 35px; font-weight: 700; margin-bottom: 37px; }
@media screen and (max-width:1024px) {
    .index-group .boxL .content .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .index-group .boxL .content .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .index-group .boxL .content .title { font-size: 20px; }
}
.max-sm-size .index-group .boxL .content .title { margin-bottom: 25px; }
.max-xs-size .index-group .boxL .content .title { font-size: 25px; }
.index-group .boxL .content .text { letter-spacing: 0.8px; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; -moz-line-clamp: 5; -moz-box-orient: vertical; }
.ie11 .index-group .boxL .content .text { display: block; max-height: 7.5em; overflow: hidden; }
.index-group .boxL .content .more a { display: flex; justify-content: center; align-items: center; color: #4D4D4D; width: 100%; max-width: 267px; height: 60px; border: 1px solid #BC8900; margin-top: 115px; transition: all 0.5s; }
.max-sm-size .index-group .boxL .content .more a { margin: 50px auto 0 auto; }
.max-xs-size .index-group .boxL .content .more a { max-width: 200px; height: 45px; }
.index-group .boxL .content .more a:hover { background-color: #BC8900; color: #FFFFFF; }
.index-group .boxR { position: absolute; right: 0; top: 0; width: calc(100% - 537px); height: 100%; min-height: 650px; background-color: lightgray; transform-origin: 0% 100%; transform: skew(-25deg); overflow: hidden; }
.max-bg-size .index-group .boxR { width: calc(100% - 440px); }
.max-md-size .index-group .boxR { width: calc(100% - 370px); }
.max-sm-size .index-group .boxR { position: static; order: 1; flex: 0 0 100%; width: 100%; transform: unset; height: 400px; min-height: unset; }
.max-sm-size.ie11 .index-group .boxR { min-height: 0; transform: skew(0); }
.max-xs-size .index-group .boxR { height: 300px; }
.index-group .boxR img { width: 100%; height: 100%; margin-left: -152px; transform: skew(25deg); object-fit: cover; }
.max-xl2-size .index-group .boxR img { object-position: 85% center; }
.max-md-size .index-group .boxR img { object-position: 80% center; }
.max-sm-size .index-group .boxR img { transform: unset; margin-left: 0; object-position: 90% center; }
.max-xs-size .index-group .boxR img { object-position: center center; }
.max-xs-size .index-group .boxR img.desktop-pic { display: none; }
.min-xs-size .index-group .boxR img.mobile-pic { display: none; }
.max-xs-size .index-group .boxR .ie-pcimg { display: none; }
.min-xs-size .index-group .boxR .ie-mbimg { display: none; }
.index-group .boxR .ie-img { width: 100%; height: 100% !important; transform: skew(25deg) !important; margin-left: -152px; }
.max-xl2-size .index-group .boxR .ie-img { background-position: 85% center !important; }
.max-md-size .index-group .boxR .ie-img { background-position: 80% center !important; }
.max-sm-size .index-group .boxR .ie-img { transform: skewX(0) !important; margin-left: 0; background-position: 90% center !important; }
.max-xs-size .index-group .boxR .ie-img { background-position: center center !important; }
.index-news { width: 100%; }
.index-news .index-news-bg { position: fixed; top: 90px; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: calc(100% - 90px); z-index: -1; }
.max-md-size .index-news .index-news-bg { top: 75px; }
.max-sm-size .index-news .index-news-bg { top: 60px; }
.index-news .index-news-bg .mask { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); }
.index-news .title-box { text-align: center; padding: 68px 0 45px 0; }
.max-md-size .index-news .title-box { padding: 60px 0 40px 0; }
.max-sm-size .index-news .title-box { padding: 45px 0 0 0; }
.index-news .title-box .content .title-en { font-size: 24px; font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; font-weight: 600; color: #BC8900; position: relative; margin-bottom: 33px; }
@media screen and (max-width:576px) {
    .index-news .title-box .content .title-en { font-size: 20px; }
}
.max-sm-size .index-news .title-box .content .title-en { margin-bottom: 25px; }
.index-news .title-box .content .title-en::after { position: absolute; display: block; content: ""; left: 50%; bottom: -10px; width: 2.2em; height: 1px; background-color: #BC8900; transform: translate(-50%, 0); }
.index-news .title-box .content .title { font-family: "Microsoft JhengHei", "Noto Sans TC", Arial, sans-serif; font-weight: 700; font-size: 40px; }
@media screen and (max-width:1024px) {
    .index-news .title-box .content .title { font-size: 35px; }
}
@media screen and (max-width:576px) {
    .index-news .title-box .content .title { font-size: 30px; }
}
@media screen and (max-width:576px) {
    .index-news .title-box .content .title { font-size: 25px; }
}
.index-news .container { max-width: 1680px; }
.max-sm-size .index-news .container { width: calc(100% - 40px); padding: 0; }
.index-news .container .news-boxes { justify-content: space-between; padding-bottom: 55px; }
.max-md-size .index-news .container .news-boxes { padding-bottom: 40px; }
.max-xs-size .index-news .container .news-boxes { padding-bottom: 30px; width: 100%; margin: 0 auto; }
.index-news .container .news-boxes .slick-list { padding: 20px 0; }
.max-sm-size .index-news .container .news-boxes .slick-list { overflow: visible; }
.index-news .container .news-boxes .slick-list .news-box { margin: 0 40px; }
.max-md-size .index-news .container .news-boxes .slick-list .news-box { margin: 0 20px; }
.max-sm-size .index-news .container .news-boxes .slick-list .news-box { transition: all 0.5s; margin: 20px 0 0 0; }
.max-sm-size .index-news .container .news-boxes .slick-list .news-box.slick-current { position: relative; z-index: 1; }
.max-sm-size .index-news .container .news-boxes .slick-list .news-box.slick-current .news { box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.2); }
.max-sm-size .index-news .container .news-boxes .slick-list .news-box.prevSlide .news { opacity: 0.5; transform: scale(0.8) translate(15%, -6.5%); pointer-events: none; }
.max-sm-size .index-news .container .news-boxes .slick-list .news-box.nextSlide .news { opacity: 0.5; transform: scale(0.8) translate(-15%, -6.5%); pointer-events: none; }
.index-news .container .news-boxes .slick-list .news-box .news { display: inline-block; background-color: #FFFFFF; transition: all 0.5s; }
.index-news .container .news-boxes .slick-list .news-box .news:hover { box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.2); }
.index-news .container .news-boxes .slick-list .news-box .news:hover .pic img { transform: scale(1.05); }
.index-news .container .news-boxes .slick-list .news-box .news .pic { width: 100%; height: 290px; overflow: hidden; }
.max-sm-size .index-news .container .news-boxes .slick-list .news-box .news .pic { height: 250px; }
.max-xs-size .index-news .container .news-boxes .slick-list .news-box .news .pic { height: 210px; }
.index-news .container .news-boxes .slick-list .news-box .news .pic img { width: 100%; height: 100%; object-fit: cover; transition: all 0.8s; }
.index-news .container .news-boxes .slick-list .news-box .news .content { padding: 30px 50px 50px 50px; letter-spacing: 1px; height: 280px; overflow: hidden; }
.max-xs-size .index-news .container .news-boxes .slick-list .news-box .news .content { height: 225px; }
.index-news .container .news-boxes .slick-list .news-box .news .content .date { font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; color: #BC8900; margin-bottom: 20px; }
.index-news .container .news-boxes .slick-list .news-box .news .content .date .line { display: inline-block; width: 1px; height: 10px; background-color: #BC8900; margin: 0 15px; }
.index-news .container .news-boxes .slick-list .news-box .news .content .news-title { font-size: 24px; font-weight: 500; margin-bottom: 25px; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-line-clamp: 2; -moz-box-orient: vertical; }
@media screen and (max-width:576px) {
    .index-news .container .news-boxes .slick-list .news-box .news .content .news-title { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .index-news .container .news-boxes .slick-list .news-box .news .content .news-title { font-size: 18px; margin-bottom: 20px; }
}
.ie11 .index-news .container .news-boxes .slick-list .news-box .news .content .news-title { max-height: 2.5em; overflow: hidden; }
.index-news .container .news-boxes .slick-list .news-box .news .content .news-text { overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -moz-line-clamp: 3; -moz-box-orient: vertical; }
.ie11 .index-news .container .news-boxes .slick-list .news-box .news .content .news-text { max-height: 4.7em; overflow: hidden; }
.index-news .container .more { width: 100%; margin-bottom: 73px; }
.index-news .container .more a { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 268px; height: 60px; border: 1px solid #BC8900; color: #262626; margin: auto; transition: all 0.5s; }
.index-news .container .more a:hover { background-color: #BC8900; color: #FFFFFF; }
.max-xs-size .index-news .container .more a { max-width: 200px; height: 45px; }
.about-banner .pic { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; overflow: hidden; }
.about-banner .pic img { width: 100%; height: 100%; object-fit: cover; animation: imgScale 30s; animation-play-state: running; }
@keyframes imgScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.about-banner .container { margin-top: 90px; padding-top: 150px; padding-bottom: 55px; color: #FFFFFF; }
.max-md-size .about-banner .container { margin-top: 75px; padding-top: 90px; padding-bottom: 170px; height: calc(100vh - 75px); }
.max-sm-size .about-banner .container { margin-top: 60px; height: calc(100vh - 60px); position: relative; }
.max-xs-size .about-banner .container { padding-bottom: 0; padding-top: 30px; }
.max-xs3-size .about-banner .container { padding-top: 30px; }
.about-banner .container .links { width: 100%; margin-bottom: 105px; }
.max-xs-size .about-banner .container .links { margin-bottom: 50px; }
.max-xs3-size .about-banner .container .links { margin-bottom: 30px; }
.about-banner .container .links ul { display: flex; justify-content: center; }
.max-xs-size .about-banner .container .links ul { flex-wrap: wrap; }
.about-banner .container .links ul li { font-size: 25px; font-weight: 500; display: flex; justify-content: center; align-items: center; min-width: 220px; height: 70px; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0); transition: all 0.5s; }
@media screen and (max-width:1024px) {
    .about-banner .container .links ul li { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .about-banner .container .links ul li { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .about-banner .container .links ul li { font-size: 18px; }
}
.max-md-size .about-banner .container .links ul li { min-width: 160px; height: 60px; }
.max-sm-size .about-banner .container .links ul li { min-width: 120px; height: 50px; }
.max-xs-size .about-banner .container .links ul li { min-width: 90px; height: 40px; font-weight: 300; }
.about-banner .container .links ul li+li { margin-left: 15px; }
.max-xs-size .about-banner .container .links ul li+li { margin-left: 0; }
.about-banner .container .links ul li:hover { border: 1px solid #FFFFFF; }
.about-banner .container .links ul li.active { border: 1px solid #FFFFFF; }
.about-banner .container .banner-texts { width: 100%; }
.max-sm-size .about-banner .container .banner-texts { position: absolute; top: 30%; left: 50%; transform: translate(-50%, 0); }
.about-banner .container .banner-texts .banner-text { width: 100%; max-width: 680px; text-align: center; margin: 0 auto; }
.about-banner .container .banner-texts .banner-text .title { font-size: 30px; font-weight: 700; margin-bottom: 20px; }
@media screen and (max-width:1024px) {
    .about-banner .container .banner-texts .banner-text .title { font-size: 28px; }
}
@media screen and (max-width:768px) {
    .about-banner .container .banner-texts .banner-text .title { font-size: 24px; }
}
.about-banner .container .banner-texts .banner-text .text { font-size: 18px; font-weight: 300; margin-bottom: 25px; }
@media screen and (max-width:576px) {
    .about-banner .container .banner-texts .banner-text .text { font-size: 16px; }
}
.about-banner .container .banner-texts .banner-text .subtext { font-size: 18px; font-weight: 500; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width:576px) {
    .about-banner .container .banner-texts .banner-text .subtext { font-size: 16px; }
}
.about-banner .container .banner-texts .banner-text .subtext .name { display: block; margin-right: 15px; }
.about-banner .container .banner-texts .banner-text .subtext img { display: block; width: 100%; max-width: 100px; }
.about-philosophy { position: relative; z-index: 1; overflow: hidden; }
.max-md-size .about-philosophy { background-color: #fff; }
.max-sm-siez .about-philosophy { overflow: visible; }
.about-philosophy::after { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFFF; z-index: -1; transform-origin: 100% 0; transform: skew(0, -8.5deg); }
.max-md-size .about-philosophy::after { display: none; }
.about-philosophy .container { padding-top: 250px; padding-bottom: 60px; }
.max-md-size .about-philosophy .container { padding-top: 90px; }
.max-xs-size .about-philosophy .container { padding-bottom: 30px; padding-top: 50px; }
.about-philosophy .container .titleBox { width: 100%; text-align: center; margin-bottom: 55px; }
.max-md-size .about-philosophy .container .titleBox { margin-bottom: 30px; }
.about-philosophy .container .titleBox .title { font-size: 36px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .about-philosophy .container .titleBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .about-philosophy .container .titleBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .about-philosophy .container .titleBox .title { font-size: 20px; }
}
.about-philosophy .container .w-1210 .picBox { width: 100%; margin-bottom: 30px; }
.max-md-size .about-philosophy .container .w-1210 .picBox { display: none; }
.about-philosophy .container .w-1210 .picBox img { width: 100%; }
.about-philosophy .container .w-1210 .textBox { display: flex; }
.max-md-size .about-philosophy .container .w-1210 .textBox { flex-wrap: wrap; }
.about-philosophy .container .w-1210 .textBox .texts { flex: 0 0 25%; display: flex; justify-content: center; padding: 0 16px; }
.max-md-size.ie11 .about-philosophy .container .w-1210 .textBox .texts { flex: 0 0 100%; }
.max-md-size .about-philosophy .container .w-1210 .textBox .texts { flex: 0 0 100%; padding: 20px 10px; border: 2px solid red; border-radius: 20px; margin-bottom: 10px; }
.max-md-size .about-philosophy .container .w-1210 .textBox .texts:first-child { border-color: #2991B4; }
.max-md-size .about-philosophy .container .w-1210 .textBox .texts:nth-child(2) { border-color: #4A9999; }
.max-md-size .about-philosophy .container .w-1210 .textBox .texts:nth-child(3) { border-color: #73854A; }
.max-md-size .about-philosophy .container .w-1210 .textBox .texts:last-child { border-color: #9A7A22; }
.max-xs-size .about-philosophy .container .w-1210 .textBox .texts { flex-wrap: wrap; padding: 10px; border: none; }
.max-xs-size .about-philosophy .container .w-1210 .textBox .texts:first-child .pic::before, .max-xs-size .about-philosophy .container .w-1210 .textBox .texts:first-child .pic::after { background-color: #2991B4; }
.max-xs-size .about-philosophy .container .w-1210 .textBox .texts:nth-child(2) .pic::before, .max-xs-size .about-philosophy .container .w-1210 .textBox .texts:nth-child(2) .pic::after { background-color: #4A9999; }
.max-xs-size .about-philosophy .container .w-1210 .textBox .texts:nth-child(3) .pic::before, .max-xs-size .about-philosophy .container .w-1210 .textBox .texts:nth-child(3) .pic::after { background-color: #73854A; }
.max-xs-size .about-philosophy .container .w-1210 .textBox .texts:last-child .pic::before, .max-xs-size .about-philosophy .container .w-1210 .textBox .texts:last-child .pic::after { background-color: #9A7A22; }
.about-philosophy .container .w-1210 .textBox .texts .pic { display: none; padding: 0 10px; }
.max-md-size .about-philosophy .container .w-1210 .textBox .texts .pic { display: flex; align-items: center; }
.max-xs-size .about-philosophy .container .w-1210 .textBox .texts .pic { width: 100%; justify-content: center; margin-bottom: 10px; position: relative; }
.max-xs-size .about-philosophy .container .w-1210 .textBox .texts .pic::before { position: absolute; display: block; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); width: calc(50% - 45px); height: 2px; left: 0; }
.max-xs-size .about-philosophy .container .w-1210 .textBox .texts .pic::after { position: absolute; display: block; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); width: calc(50% - 45px); height: 2px; right: 0; }
.max-xs-size .about-philosophy .container .w-1210 .textBox .texts .pic img { max-width: 40px; }
.about-philosophy .container .w-1210 .textBox .texts .pic img { width: 100%; max-width: 71px; }
.about-philosophy .container .w-1210 .textBox .texts ul { width: 100%; max-width: 230px; }
.max-md-size .about-philosophy .container .w-1210 .textBox .texts ul { max-width: 100%; margin-left: 15px; }
.max-xs-size .about-philosophy .container .w-1210 .textBox .texts ul { margin-left: 0; }
.about-philosophy .container .w-1210 .textBox .texts ul li { width: 100%; margin-bottom: 25px; }
.max-md-size .about-philosophy .container .w-1210 .textBox .texts ul li:last-child { margin-bottom: 0; }
.max-sm-size .about-philosophy .container .w-1210 .textBox .texts ul li { text-align: center; }
.max-xs-size .about-philosophy .container .w-1210 .textBox .texts ul li { margin-bottom: 10px; }
.about-philosophy .container .w-1210 .textBox .texts ul li .name { display: block; margin-bottom: 8px; font-size: 18px; font-weight: 700; }
@media screen and (max-width:576px) {
    .about-philosophy .container .w-1210 .textBox .texts ul li .name { font-size: 16px; }
}
.max-md-size .about-philosophy .container .w-1210 .textBox .texts ul li .name { margin-bottom: 0px; }
.about-philosophy .container .w-1210 .textBox .texts ul li .content { display: block; min-height: 100px; }
.max-md-size .about-philosophy .container .w-1210 .textBox .texts ul li .content { min-height: unset; }
.max-md-size.ie11 .about-philosophy .container .w-1210 .textBox .texts ul li .content { min-height: 0; }
.about-philosophy .container .w-1210 .textBox .texts:first-child { justify-content: flex-start; }
.about-philosophy .container .w-1210 .textBox .texts:first-child .name { color: #4F90A6; }
.about-philosophy .container .w-1210 .textBox .texts:nth-child(2) .name { color: #4A9999; }
.about-philosophy .container .w-1210 .textBox .texts:nth-child(3) .name { color: #73854A; }
.about-philosophy .container .w-1210 .textBox .texts:last-child { justify-content: flex-end; }
.about-philosophy .container .w-1210 .textBox .texts:last-child .name { color: #9A7A22; }
.about-group { background-color: transparent; z-index: 2; overflow: hidden; }
.max-sm-size .about-group { overflow: visible; }
.about-group::before { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 30%; background-color: #fff; z-index: 0; }
.max-sm-size .about-group::before { height: 65%; }
.about-group::after { position: absolute; display: block; content: ""; top: 27%; left: 0; width: 100%; height: 47%; background-color: #F2F2F2; z-index: 0; transform-origin: 0% 50%; transform: perspective(290px) rotateY(-8.5deg); }
.max-md-size .about-group::after { top: 20%; height: 52%; }
.max-sm-size .about-group::after { top: 7%; height: 64%; }
.about-group .container { position: relative; z-index: 1; display: flex; padding: 0; }
.max-sm-size .about-group .container { flex-wrap: wrap; padding-bottom: 130px; }
.about-group .container .boxL { flex: 0 0 50%; padding-top: 40px; display: flex; justify-content: space-between; }
.max-bg-size .about-group .container .boxL { margin-right: 20px; }
.max-md-size .about-group .container .boxL { padding-top: 70px; }
.max-sm-size .about-group .container .boxL { flex: 0 0 100%; margin-right: 0; justify-content: center; padding-top: 0; order: 2; }
.about-group .container .boxL .pic { flex-basis: 330px; height: 450px; border-radius: 20px; overflow: hidden; box-shadow: 0 60px 30px -30px rgba(0, 0, 0, 0.2); }
.max-bg-size .about-group .container .boxL .pic { height: 370px; }
.max-md-size .about-group .container .boxL .pic { height: 320px; }
.max-sm-size .about-group .container .boxL .pic { flex-basis: 250px; }
.max-xs-size .about-group .container .boxL .pic { flex-basis: unset; flex: 0 0 40%; height: 300px; }
.max-xs2-size .about-group .container .boxL .pic { flex: 0 0 45%; height: 250px; }
.about-group .container .boxL .picL { transform-origin: 0 0; transform: skewY(20deg); animation: upDownL 8s infinite; }
@keyframes upDownL {
    0% { transform: skewY(20deg) translateY(0); }
    50% { transform: skewY(20deg) translateY(-15px); }
    100% { transform: skewY(20deg) translateY(0); }
}
@keyframes upDownL {
    0% { transform: skewY(20deg) translateY(0); }
    50% { transform: skewY(20deg) translateY(-10px); }
    100% { transform: skewY(20deg) translateY(0); }
}
.about-group .container .boxL .picL img { width: 100%; transform-origin: 0 0; transform: skew(0, -20deg); }
.max-bg-size .about-group .container .boxL .picL img { height: 140%; margin: -20% 0; object-fit: cover; }
.about-group .container .boxL .picR { margin-top: 170px; transform-origin: 100% 0; transform: skewY(-20deg); animation: upDownR 8s infinite; animation-delay: 2s; }
@keyframes upDownR {
    0% { transform: skewY(-20deg) translateY(0); }
    50% { transform: skewY(-20deg) translateY(-15px); }
    100% { transform: skewY(-20deg) translateY(0); }
}
.max-bg-size .about-group .container .boxL .picR { margin-left: 15px; }
.max-md-size .about-group .container .boxL .picR { margin-top: 100px; }
.max-sm-size .about-group .container .boxL .picR { margin-top: 55px; }
@keyframes upDownR {
    0% { transform: skewY(-20deg) translateY(0); }
    50% { transform: skewY(-20deg) translateY(-10px); }
    100% { transform: skewY(-20deg) translateY(0); }
}
.about-group .container .boxL .picR img { width: 100%; transform-origin: 100% 0; transform: skew(0, 20deg); }
.max-bg-size .about-group .container .boxL .picR img { height: 140%; margin: -20% 0; object-fit: cover; }
.about-group .container .boxR { flex: 0 0 50%; padding-top: 260px; padding-bottom: 380px; display: flex; justify-content: flex-end; flex-wrap: wrap; }
.max-md-size .about-group .container .boxR { padding-top: 230px; padding-bottom: 315px; }
.max-sm-size .about-group .container .boxR { flex: 0 0 100%; order: 1; padding-top: 50px; padding-bottom: 30px; }
.max-xs-size .about-group .container .boxR { padding-top: 95px; }
.about-group .container .boxR .titleBox { width: 100%; max-width: 610px; }
.max-sm-size .about-group .container .boxR .titleBox { max-width: 100%; text-align: center; }
.about-group .container .boxR .titleBox .title { font-size: 36px; font-weight: 700; margin-bottom: 35px; }
@media screen and (max-width:1024px) {
    .about-group .container .boxR .titleBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .about-group .container .boxR .titleBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .about-group .container .boxR .titleBox .title { font-size: 20px; }
}
.max-sm-size .about-group .container .boxR .titleBox .title { margin-bottom: 20px; }
.about-group .container .boxR .textBox { width: 100%; max-width: 610px; }
.max-sm-size .about-group .container .boxR .textBox { max-width: 100%; text-align: center; }
.about-group .container .boxR .textBox p { margin-bottom: 15px; }
.max-sm-size .about-group .container .boxR .textBox p { margin: 0; }
.max-sm-size .about-group .container .boxR .textBox p+p { margin-top: 15px; }
.about-strategy { background-color: #fff; margin-top: -280px; padding-top: 240px; padding-bottom: 90px; }
.max-md-size .about-strategy { padding-top: 175px; }
.max-sm-size .about-strategy { padding-top: 260px; }
.max-xs-size .about-strategy { padding-top: 250px; padding-bottom: 30px; }
.about-strategy .container { position: relative; z-index: 2; }
.about-strategy .container .box .pic { width: 100%; max-width: 800px; margin: auto; }
.about-strategy .container .box .pic img { width: 100%; }
.about-strategy .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.about-strategy .bg img { width: 100%; height: 100%; object-fit: cover; }
.about-history { background-position: center; background-repeat: no-repeat; background-size: cover; height: 650px; z-index: 1; }
.max-sm-size .about-history { height: 630px; }
.about-history .container .box { width: 100%; max-width: 1180px; margin: auto; box-shadow: 0 10px 20px 3px rgba(0, 0, 0, 0.1); }
.about-history .container .box .titleBox { text-align: center; margin-bottom: 80px; padding-top: 105px; }
.max-md-size .about-history .container .box .titleBox { padding-top: 70px; }
.max-sm-size .about-history .container .box .titleBox { padding-top: 50px; margin-bottom: 60px; }
.about-history .container .box .titleBox .title { font-weight: 700; font-size: 36px; color: #FFFFFF; }
@media screen and (max-width:1024px) {
    .about-history .container .box .titleBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .about-history .container .box .titleBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .about-history .container .box .titleBox .title { font-size: 20px; }
}
.about-history .container .box .tabBox { position: relative; background-color: #FFFFFF; padding: 50px 90px 55px 90px; }
.max-md-size .about-history .container .box .tabBox { padding: 50px 70px; }
.max-sm-size .about-history .container .box .tabBox { padding: 50px 30px; }
.max-xs2-size .about-history .container .box .tabBox { padding: 40px 5px 40px 20px; }
.about-history .container .box .tabBox .tabs { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); display: flex; width: 100%; max-width: 535.8px; height: 60px; }
.max-sm-size .about-history .container .box .tabBox .tabs { max-width: 400px; height: 50px; }
.max-xs2-size .about-history .container .box .tabBox .tabs { max-width: 220px; height: 45px; }
.about-history .container .box .tabBox .tabs li { background-color: #EFEFEF; flex: 0 0 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 18px; cursor: pointer; }
@media screen and (max-width:576px) {
    .about-history .container .box .tabBox .tabs li { font-size: 16px; }
}
.about-history .container .box .tabBox .tabs li.active { background-color: #BC8900; color: #FFFFFF; }
.about-history .container .box .tabBox .tabLists { padding-right: 65px; }
.max-lg-size .about-history .container .box .tabBox .tabLists { padding-right: 0; }
.about-history .container .box .tabBox .tabLists .tabList { display: none; }
.about-history .container .box .tabBox .tabLists .tabList.show { display: block; }
.about-history .container .box .tabBox .tabLists .tabList .d-block { font-size: 20px; font-weight: 700; margin-bottom: 10px; }
@media screen and (max-width:1024px) {
    .about-history .container .box .tabBox .tabLists .tabList .d-block { font-size: 18px; }
}
.about-history .container .box .tabBox .tabLists .tabList .List { height: 410px; overflow-y: auto; }
.about-history .container .box .tabBox .tabLists .tabList .List ul { margin-bottom: 3.7px; }
.about-history .container .box .tabBox .tabLists .tabList .List ul:nth-child(odd) li { background-color: #F4F4F4; }
.about-history .container .box .tabBox .tabLists .tabList .List ul:nth-child(even) li { background-color: #FCFCFC; }
.about-history .container .box .tabBox .tabLists .tabList .List ul:last-child { margin-bottom: 0; }
.about-history .container .box .tabBox .tabLists .tabList .List ul li { display: flex; margin-bottom: 3.7px; }
.about-history .container .box .tabBox .tabLists .tabList .List ul li:last-child { margin-bottom: 0; }
.about-history .container .box .tabBox .tabLists .tabList .List ul li .year { display: flex; justify-content: center; align-items: center; font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; font-weight: 700; font-size: 24px; color: #BC8900; width: 130px; }
@media screen and (max-width:576px) {
    .about-history .container .box .tabBox .tabLists .tabList .List ul li .year { font-size: 20px; }
}
.max-sm-size .about-history .container .box .tabBox .tabLists .tabList .List ul li .year { width: 80px; }
.max-xs2-size .about-history .container .box .tabBox .tabLists .tabList .List ul li .year { width: 60px; }
.about-history .container .box .tabBox .tabLists .tabList .List ul li .name { flex: 1; padding: 14.5px 45px 14.5px 10px; }
.max-sm-size .about-history .container .box .tabBox .tabLists .tabList .List ul li .name { padding: 14px 10px 14px 5px; }
.about-history .container .box .tabBox .tabLists .tabList .List .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #BC8900; }
.max-sm-size .about-history .container .box .tabBox .tabLists .tabList .List .mCSB_inside>.mCSB_container { margin-right: 15px; }
.about-future { background-position: center; background-repeat: no-repeat; background-size: cover; }
.about-future .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.about-future .bg img { width: 100%; height: 100%; object-fit: cover; }
.max-xs-size .about-future .bg img.pc { display: none; }
.about-future .bg img.mb { display: none; }
.max-xs-size .about-future .bg img.mb { display: block; }
.about-future .container { padding-top: 239px; padding-bottom: 80px; display: flex; align-items: center; }
.max-md-size .about-future .container { padding-top: 165px; }
.max-sm-size .about-future .container { padding-top: 120px; padding-bottom: 50px; }
.max-xs-size .about-future .container { flex-wrap: wrap; justify-content: center; padding-top: 100px; }
.max-xs2-size .about-future .container { padding-top: 80px; }
.about-future .container .boxL { flex: 0 0 40%; margin-bottom: 80px; }
.max-xs-size .about-future .container .boxL { flex: 0 0 90%; margin-bottom: 0px; }
.about-future .container .boxL .title { font-size: 36px; font-weight: 700; margin-bottom: 35px; }
@media screen and (max-width:1024px) {
    .about-future .container .boxL .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .about-future .container .boxL .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .about-future .container .boxL .title { font-size: 20px; }
}
.max-xs-size .about-future .container .boxL .title { margin-bottom: 15px; text-align: center; }
.about-future .container .boxR { flex: 0 0 60%; position: relative; }
.max-xs-size .about-future .container .boxR { flex: 0 0 100%; margin-top: 30px; }
.about-future .container .boxR .pic { width: 70%; transform-origin: 100% 0; transform: skew(-25deg); overflow: hidden; margin-left: auto; text-align: center; }
.about-future .container .boxR .pic img { width: 140%; max-width: unset; height: 100%; object-fit: cover; margin: 0 -20%; transform: skew(25deg); }
.news-banner .pic { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; overflow: hidden; }
.news-banner .pic img { width: 100%; height: 100%; object-fit: cover; animation: imgScale 30s; animation-play-state: running; }
@keyframes imgScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.news-banner .container { margin-top: 90px; padding-top: 130px; padding-bottom: 110px; }
.max-md-size .news-banner .container { padding: 80px 0; margin-top: 75px; }
.max-sm-size .news-banner .container { margin-top: 60px; }
.max-xs-size .news-banner .container { padding: 60px 0; }
.news-banner .container .links { width: 100%; }
.news-banner .container .links ul { display: flex; flex-wrap: wrap; justify-content: center; }
.news-banner .container .links ul li { font-size: 25px; font-weight: 500; display: flex; justify-content: center; align-items: center; min-width: 220px; height: 70px; cursor: pointer; border: 1px solid rgba(196, 196, 196, 0); transition: all 0.5s; }
@media screen and (max-width:1024px) {
    .news-banner .container .links ul li { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .news-banner .container .links ul li { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .news-banner .container .links ul li { font-size: 18px; }
}
.max-md-size .news-banner .container .links ul li { min-width: 160px; height: 60px; }
.max-sm-size .news-banner .container .links ul li { min-width: 120px; height: 50px; }
.max-xs-size .news-banner .container .links ul li { min-width: 90px; height: 40px; font-weight: 300; }
.news-banner .container .links ul li+li { margin-left: 15px; }
.max-xs-size .news-banner .container .links ul li+li { margin-left: 0; }
.news-banner .container .links ul li:hover { border: 1px solid #C4C4C4; }
.news-banner .container .links ul li.active { border: 1px solid #C4C4C4; }
.news-main { overflow: hidden; }
.ie11 .news-main { overflow: visible; }
.max-sm-size .news-main { overflow: visible; }
.news-main::after { position: absolute; display: block; content: ""; top: 44%; left: 0; width: 100%; height: 100%; background-color: #F2F2F2; z-index: -1; transform-origin: 100% 0; transform: skew(0, -8.5deg); }
.news-main .container .box { display: flex; align-items: flex-start; }
.max-sm-size .news-main .container .box { flex-wrap: wrap; }
.news-main .container .box .boxL { flex-basis: 800px; height: 575px; position: relative; z-index: 2; }
.max-md-size .news-main .container .box .boxL { height: 500px; }
.max-sm-size .news-main .container .box .boxL { flex: 0 0 100%; height: 400px; }
.max-xs-size .news-main .container .box .boxL { height: 210px; }
.news-main .container .box .boxL .pic { width: 100%; height: 100%; overflow: hidden; }
.news-main .container .box .boxL .pic:hover img { transform: scale(1.05); }
.news-main .container .box .boxL .pic img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.news-main .container .box .boxR { flex-basis: 600px; background-color: #FFFFFF; padding: 70px 80px 80px 80px; position: relative; }
.max-lg-size .news-main .container .box .boxR { padding: 70px 60px 70px 60px; }
.max-md-size .news-main .container .box .boxR { padding: 50px; }
.max-sm-size .news-main .container .box .boxR { flex: 0 0 100%; padding: 30px 50px 50px 50px; }
.max-xs2-size .news-main .container .box .boxR { padding: 30px 20px; }
.news-main .container .box .boxR::before { position: absolute; display: block; content: ""; width: 100%; height: calc(100% - 30px); border: 2px solid #BC8900; top: 81px; right: 80px; z-index: 1; }
.max-lg-size .news-main .container .box .boxR::before { right: 45px; }
.max-md-size .news-main .container .box .boxR::before { top: 60px; }
.max-sm-size .news-main .container .box .boxR::before { right: unset; left: 70px; top: 40px; width: calc(100% - 60px); }
.max-xs2-size .news-main .container .box .boxR::before { left: 30px; width: calc(100% - 20px); }
.news-main .container .box .boxR::after { position: absolute; display: block; content: ""; width: 300px; height: 100%; background-color: #FFFFFF; left: 0; top: 0; z-index: 2; }
.max-md-size .news-main .container .box .boxR::after { width: 260px; }
.max-sm-size .news-main .container .box .boxR::after { display: none; }
.news-main .container .box .boxR .mask { display: none; position: absolute; left: 0; top: 0; width: 50%; max-width: 255px; height: 100%; background-color: #fff; z-index: 1; }
.max-sm-size .news-main .container .box .boxR .mask { display: block; }
.max-xs2-size .news-main .container .box .boxR .mask { width: 73%; min-width: 225px; max-width: unset; }
.news-main .container .box .boxR .content { width: 100%; padding-right: 65px; letter-spacing: 1px; position: relative; z-index: 3; }
.max-lg-size .news-main .container .box .boxR .content { padding-right: 30px; }
.max-sm-size .news-main .container .box .boxR .content { padding-right: 0; }
.news-main .container .box .boxR .content .date { font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; color: #BC8900; margin-bottom: 20px; }
.news-main .container .box .boxR .content .date .line { display: inline-block; width: 1px; height: 10px; background-color: #BC8900; margin: 0 15px; }
.news-main .container .box .boxR .content .news-title { font-size: 24px; font-weight: 500; margin-bottom: 25px; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-line-clamp: 2; -moz-box-orient: vertical; }
@media screen and (max-width:576px) {
    .news-main .container .box .boxR .content .news-title { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .news-main .container .box .boxR .content .news-title { font-size: 18px; margin-bottom: 20px; }
}
.news-main .container .box .boxR .content .news-text { overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -moz-line-clamp: 3; -moz-box-orient: vertical; margin-bottom: 75px; }
.max-sm-size .news-main .container .box .boxR .content .news-text { margin-bottom: 50px; }
.news-main .container .box .boxR .content .more { width: 100%; }
.news-main .container .box .boxR .content .more a { font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 268px; height: 60px; background-color: #BC8900; color: #FFFFFF; transition: all 0.5s; }
.max-xs-size .news-main .container .box .boxR .content .more a { max-width: 200px; height: 45px; }
.news-lists { padding-top: 103px; background-color: #F2F2F2; }
.max-sm-size .news-lists { padding-top: 30px; }
.news-lists .container { display: flex; flex-wrap: wrap; }
.news-lists .container .news-list { flex: 0 0 calc((100% - 80px)/3); margin-right: 40px; margin-bottom: 50px; }
@media screen and (max-width:1280px) {
    .news-lists .container .news-list { flex: 0 0 calc((100% - 40px)/2); }
}
.ie11 .news-lists .container .news-list { flex-basis: calc((100% - 80px)/3); }
@media screen and (max-width:1280px) {
    .ie11 .news-lists .container .news-list { flex-basis: calc((100% - 40px)/2); }
}
.max-sm-size .news-lists .container .news-list { flex: 0 0 100%; margin-right: 0; margin-bottom: 30px; }
.news-lists .container .news-list:nth-child(3n) { margin-right: 0; }
@media screen and (max-width:1280px) {
    .news-lists .container .news-list:nth-child(3n) { margin-right: 40px; }
}
.news-lists .container .news-list:nth-last-child(-n+3) { margin-bottom: 0; }
@media screen and (max-width:1280px) {
    .news-lists .container .news-list:nth-last-child(-n+3) { margin-bottom: 50px; }
}
@media screen and (max-width:1280px) {
    .news-lists .container .news-list:nth-child(2n) { margin-right: 0; }
}
.max-sm-size .news-lists .container .news-list:nth-child(2n) { margin-right: 0; }
@media screen and (max-width:1280px) {
    .news-lists .container .news-list:nth-last-child(-n+2) { margin-bottom: 0; }
}
.max-sm-size .news-lists .container .news-list:nth-last-child(-n+2) { margin-bottom: 15px; }
.max-sm-size .news-lists .container .news-list:last-child { margin-bottom: 0; }
.news-lists .container .news-list .news { display: inline-block; background-color: #FFFFFF; transition: all 0.5s; }
.news-lists .container .news-list .news:hover { box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.1); }
.news-lists .container .news-list .news:hover .pic img { transform: scale(1.05); }
.news-lists .container .news-list .news .pic { width: 100%; height: 290px; overflow: hidden; }
.max-sm-size .news-lists .container .news-list .news .pic { height: 250px; }
.max-xs-size .news-lists .container .news-list .news .pic { height: 210px; }
.news-lists .container .news-list .news .pic img { width: 100%; height: 100%; object-fit: cover; transition: all 0.8s; }
.news-lists .container .news-list .news .content { padding: 30px 50px 50px 50px; letter-spacing: 1px; height: 280px; overflow: hidden; }
.max-xs-size .news-lists .container .news-list .news .content { height: 225px; }
.max-xs2-size .news-lists .container .news-list .news .content { padding: 30px 20px 30px 20px; }
.news-lists .container .news-list .news .content .date { font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; color: #BC8900; margin-bottom: 20px; }
.news-lists .container .news-list .news .content .date .line { display: inline-block; width: 1px; height: 10px; background-color: #BC8900; margin: 0 15px; }
.news-lists .container .news-list .news .content .news-title { font-size: 24px; font-weight: 500; margin-bottom: 25px; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-line-clamp: 2; -moz-box-orient: vertical; }
@media screen and (max-width:576px) {
    .news-lists .container .news-list .news .content .news-title { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .news-lists .container .news-list .news .content .news-title { font-size: 18px; margin-bottom: 20px; }
}
.ie11 .news-lists .container .news-list .news .content .news-title { max-height: 2.5em; overflow: hidden; }
.news-lists .container .news-list .news .content .news-text { overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -moz-line-clamp: 3; -moz-box-orient: vertical; }
.ie11 .news-lists .container .news-list .news .content .news-text { max-height: 4.5em; overflow: hidden; }
.business-banner { height: calc(100vh - 90px); margin-top: 90px; }
.max-md-size .business-banner { height: auto; margin-top: 75px; }
.max-sm-size .business-banner { height: auto; margin-top: 60px; }
.business-banner .pic { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; overflow: hidden; }
.max-md-size .business-banner .pic { position: static; height: auto; }
.business-banner .pic img { width: 100%; height: 100%; object-fit: cover; animation: imgScale 30s; animation-play-state: running; }
@keyframes imgScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.max-md-size .business-banner .pic img { height: auto; }
.max-md-size .business-banner .pic .ie-img { height: 47.168vw !important; background-size: contain !important; }
.business-lists { background-color: #FFFFFF; padding-top: 158px; padding-bottom: 40px; }
.max-md-size .business-lists { padding-top: 118px; }
.max-sm-size .business-lists { padding-top: 95px; padding-bottom: 0; }
.business-lists .list-btn { position: absolute; width: 100%; left: 0; top: 0; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; }
.max-xs-size .business-lists .list-btn { transform: translate(0, 0); width: 100%; z-index: 10; }
.business-lists .list-btn .toggle { display: none; font-size: 20px; font-weight: 500; width: 100%; padding: 10px 20px; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15); background-color: #fff; cursor: pointer; transition: all 0.5s; }
@media screen and (max-width:1024px) {
    .business-lists .list-btn .toggle { font-size: 18px; }
}
.business-lists .list-btn .toggle:hover { color: #BC8900; }
.max-xs-size .business-lists .list-btn .toggle { display: block; position: relative; }
.business-lists .list-btn .toggle .burger { display: none; position: absolute; top: 50%; transform: translate(0, -50%); right: 20px; cursor: pointer; }
.max-xs-size .business-lists .list-btn .toggle .burger { display: block; }
.business-lists .list-btn .toggle .burger .line { display: block; width: 20px; height: 2px; background-color: #BC8900; transition: all 0.5s; }
.business-lists .list-btn .toggle .burger .line:nth-child(2) { margin: 6px 0; }
.business-lists .list-btn .toggle .burger.active .line:first-child { transform-origin: 0; transform: rotate(45deg); height: 1.5px; }
.business-lists .list-btn .toggle .burger.active .line:nth-child(2) { opacity: 0; margin: 5.25px 0; }
.business-lists .list-btn .toggle .burger.active .line:last-child { transform-origin: 0; transform: rotate(-45deg); height: 1.5px; }
.business-lists .list-btn ul { padding: 0 5px; background-color: #FFFFFF; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15); border-radius: 10px; overflow: hidden; }
.max-xs-size .business-lists .list-btn ul { display: none; position: absolute; top: 48px; left: 0; width: 100%; box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.1); padding: 0; border-top-left-radius: unset; border-top-right-radius: unset; }
.business-lists .list-btn ul li.active a { color: #BC8900; }
.business-lists .list-btn ul li:hover a { color: #BC8900; }
.business-lists .list-btn ul li+li { position: relative; }
.business-lists .list-btn ul li+li::before { position: absolute; display: block; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); left: 0; width: 1px; height: 1em; background-color: #CCCCCC; }
.max-xs-size .business-lists .list-btn ul li+li::before { display: none; }
.max-xs-size .business-lists .list-btn ul li+li::after { position: absolute; display: block; content: ""; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); height: 1px; background-color: rgba(204, 204, 204, 0.5); }
.business-lists .list-btn ul li a { display: inline-block; padding: 25px; font-size: 20px; font-weight: 500; transition: all 0.5s; }
@media screen and (max-width:1024px) {
    .business-lists .list-btn ul li a { font-size: 18px; }
}
.max-sm-size .business-lists .list-btn ul li a { padding: 15px; }
.max-xs-size .business-lists .list-btn ul li a { width: 100%; padding: 10px 20px; font-weight: 300; }
.business-lists .business-list { display: flex; }
.max-bg-size .business-lists .business-list { padding-left: 40px; padding-right: 0; }
.max-sm-size .business-lists .business-list { padding: 20px; flex-wrap: wrap; }
.max-sm-size .business-lists .business-list:last-child { padding-bottom: 0 !important; }
.business-lists .business-list+.business-list { margin-top: 131px; }
.max-md-size .business-lists .business-list+.business-list { margin-top: 100px; }
.max-sm-size .business-lists .business-list+.business-list { margin-top: 50px; }
.business-lists .business-list .boxL { flex: 0 0 45.4%; display: flex; align-items: center; }
.max-sm-size .business-lists .business-list .boxL { flex: 0 0 100%; order: 2; margin-top: 33px; }
.business-lists .business-list .boxL .textBox { width: 100%; max-width: 510px; margin-left: auto; margin-right: 11.4%; }
.max-sm-size .business-lists .business-list .boxL .textBox { max-width: 100%; margin-left: 0; margin-right: 0; }
.business-lists .business-list .boxL .textBox .titleBox { padding-left: 15px; position: relative; font-size: 35px; margin-bottom: 40px; }
@media screen and (max-width:1024px) {
    .business-lists .business-list .boxL .textBox .titleBox { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .business-lists .business-list .boxL .textBox .titleBox { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .business-lists .business-list .boxL .textBox .titleBox { font-size: 20px; }
}
.max-sm-size .business-lists .business-list .boxL .textBox .titleBox { margin-bottom: 15px; }
.business-lists .business-list .boxL .textBox .titleBox::before { position: absolute; display: block; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); left: 0; width: 5px; height: 1em; background-color: #BC8900; }
.business-lists .business-list .boxL .textBox .titleBox .title { font-weight: 700; }
.business-lists .business-list .boxL .textBox .text { display: block; font-size: 18px; font-weight: 100; letter-spacing: 0.8px; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; -moz-line-clamp: 4; -moz-box-orient: vertical; }
@media screen and (max-width:576px) {
    .business-lists .business-list .boxL .textBox .text { font-size: 16px; }
}
.ie11 .business-lists .business-list .boxL .textBox .text { max-height: 6em; overflow: hidden; }
.business-lists .business-list .boxL .textBox .more { display: flex; align-items: center; justify-content: space-between; margin-top: 115px; }
.max-md-size .business-lists .business-list .boxL .textBox .more { margin-top: 75px; }
.max-sm-size .business-lists .business-list .boxL .textBox .more { margin-top: 30px; }
.max-xs2-size .business-lists .business-list .boxL .textBox .more { margin-top: 20px; }
.business-lists .business-list .boxL .textBox .more a { display: flex; justify-content: center; align-items: center; flex-basis: 268px; height: 60px; border: 1px solid #BC8900; color: #4D4D4D; transition: all 0.5s; margin-right: 20px; }
.max-sm-size .business-lists .business-list .boxL .textBox .more a { flex-basis: 200px; height: 50px; }
.max-xs2-size .business-lists .business-list .boxL .textBox .more a { flex-basis: 150px; height: 40px; }
.business-lists .business-list .boxL .textBox .more a:hover { background-color: #BC8900; color: #FFFFFF; }
.business-lists .business-list .boxL .textBox .more .logo { width: 135px; height: 56.7px; }
.business-lists .business-list .boxL .textBox .more .logo img { width: 100%; height: 100%; object-fit: contain; }
.business-lists .business-list .boxR { flex: 0 0 54.6%; position: relative; }
.max-sm-size .business-lists .business-list .boxR { flex: 0 0 100%; order: 1; }
.business-lists .business-list .boxR .pic { position: relative; z-index: 1; width: 100%; height: 550px; box-shadow: 0 20px 20px 3px rgba(0, 0, 0, 0.1); overflow: hidden; }
.max-md-size .business-lists .business-list .boxR .pic { height: 450px; }
.max-sm-size .business-lists .business-list .boxR .pic { height: 350px; }
.max-xs2-size .business-lists .business-list .boxR .pic { height: 250px; }
.business-lists .business-list .boxR .pic:hover img { transform: scale(1.05); }
.business-lists .business-list .boxR .pic img { width: 100%; height: 100%; object-fit: cover; transition: all 1s; }
.business-lists .business-list .boxR .bg { width: 45.7%; height: 39%; position: absolute; left: -13px; bottom: -13px; }
.max-md-size .business-lists .business-list .boxR .bg { width: 85%; height: 80%; left: -8px; bottom: -8px; }
.max-xs-size .business-lists .business-list .boxR .bg { left: -5px; bottom: -5px; }
.business-lists .business-list .boxR .bg img { width: 100%; height: 100%; }
.max-bg-size .business-lists .business-list.type2 { padding-left: 0; padding-right: 40px; }
.max-sm-size .business-lists .business-list.type2 { padding: 20px; }
.business-lists .business-list.type2 .boxL { flex: 0 0 54.6%; position: relative; }
.max-sm-size .business-lists .business-list.type2 .boxL { flex: 0 0 100%; order: 1; margin-top: 0; }
.business-lists .business-list.type2 .boxL .pic { position: relative; z-index: 1; width: 100%; height: 550px; box-shadow: 0 20px 20px 5px rgba(0, 0, 0, 0.1); overflow: hidden; }
.max-md-size .business-lists .business-list.type2 .boxL .pic { height: 450px; }
.max-sm-size .business-lists .business-list.type2 .boxL .pic { height: 350px; }
.max-xs2-size .business-lists .business-list.type2 .boxL .pic { height: 250px; }
.business-lists .business-list.type2 .boxL .pic:hover img { transform: scale(1.05); }
.business-lists .business-list.type2 .boxL .pic img { width: 100%; height: 100%; object-fit: cover; transition: all 1s; }
.business-lists .business-list.type2 .boxL .bg { width: 45.7%; height: 39%; position: absolute; right: -13px; bottom: -13px; }
.max-md-size .business-lists .business-list.type2 .boxL .bg { width: 85%; height: 80%; right: -8px; bottom: -8px; }
.max-xs-size .business-lists .business-list.type2 .boxL .bg { right: -5px; bottom: -5px; }
.business-lists .business-list.type2 .boxL .bg img { width: 100%; height: 100%; }
.business-lists .business-list.type2 .boxR { flex: 0 0 45.4%; display: flex; align-items: center; }
.max-sm-size .business-lists .business-list.type2 .boxR { flex: 0 0 100%; order: 2; margin-top: 33px; }
.business-lists .business-list.type2 .boxR .textBox { width: 100%; max-width: 510px; margin-left: 11.4%; }
.max-sm-size .business-lists .business-list.type2 .boxR .textBox { min-width: 100%; margin-left: 0; }
.business-lists .business-list.type2 .boxR .textBox .titleBox { padding-left: 15px; position: relative; font-size: 35px; margin-bottom: 40px; }
@media screen and (max-width:1024px) {
    .business-lists .business-list.type2 .boxR .textBox .titleBox { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .business-lists .business-list.type2 .boxR .textBox .titleBox { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .business-lists .business-list.type2 .boxR .textBox .titleBox { font-size: 20px; }
}
.max-sm-size .business-lists .business-list.type2 .boxR .textBox .titleBox { margin-bottom: 15px; }
.business-lists .business-list.type2 .boxR .textBox .titleBox::before { position: absolute; display: block; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); left: 0; width: 5px; height: 1em; background-color: #BC8900; }
.business-lists .business-list.type2 .boxR .textBox .titleBox .title { font-weight: 700; }
.business-lists .business-list.type2 .boxR .textBox .text { display: block; font-size: 18px; font-weight: 100; letter-spacing: 0.8px; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; -moz-line-clamp: 4; -moz-box-orient: vertical; }
@media screen and (max-width:576px) {
    .business-lists .business-list.type2 .boxR .textBox .text { font-size: 16px; }
}
.ie11 .business-lists .business-list.type2 .boxR .textBox .text { max-height: 6em; overflow: hidden; }
.business-lists .business-list.type2 .boxR .textBox .more { display: flex; align-items: center; justify-content: space-between; margin-top: 115px; }
.max-md-size .business-lists .business-list.type2 .boxR .textBox .more { margin-top: 75px; }
.max-sm-size .business-lists .business-list.type2 .boxR .textBox .more { margin-top: 30px; }
.max-xs2-size .business-lists .business-list.type2 .boxR .textBox .more { margin-top: 20px; }
.business-lists .business-list.type2 .boxR .textBox .more a { display: flex; justify-content: center; align-items: center; flex-basis: 268px; height: 60px; border: 1px solid #BC8900; color: #4D4D4D; transition: all 0.5s; margin-right: 20px; }
.max-sm-size .business-lists .business-list.type2 .boxR .textBox .more a { flex-basis: 200px; height: 50px; }
.max-xs2-size .business-lists .business-list.type2 .boxR .textBox .more a { flex-basis: 150px; height: 40px; }
.business-lists .business-list.type2 .boxR .textBox .more a:hover { background-color: #BC8900; color: #FFFFFF; }
.business-lists .business-list.type2 .boxR .textBox .more .logo { width: 135px; height: 56.7px; }
.business-lists .business-list.type2 .boxR .textBox .more .logo img { width: 100%; height: 100%; object-fit: contain; }
.group-main .bg { position: absolute; left: 0; bottom: 139px; width: 100%; z-index: -1; }
.max-md-size .group-main .bg { bottom: 110px; }
.max-sm-size .group-main .bg { bottom: 90px; }
.max-xs-size .group-main .bg { bottom: 60px; }
.group-main .bg img { width: 100%; }
.group-main .container { padding-bottom: 160px; }
.max-md-size .group-main .container { padding-bottom: 120px; }
.max-sm-size .group-main .container { padding-bottom: 80px; }
.group-main .container .group-header { width: 100%; position: relative; padding: 80px 0; margin-bottom: 50px; }
.max-md-size .group-main .container .group-header { margin-bottom: 0; }
.max-sm-size .group-main .container .group-header { padding: 40px 0; }
.max-xs-size .group-main .container .group-header { display: flex; flex-wrap: wrap; justify-content: center; padding: 30px 0; }
.group-main .container .group-header .logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.max-xs-size .group-main .container .group-header .logo { position: static; transform: unset; order: 2; }
.max-xs-size.ie11 .group-main .container .group-header .logo { transform: translate(0, 0); }
.group-main .container .group-header .logo.logo1 { width: 187px; height: 104px; }
.max-sm-size .group-main .container .group-header .logo.logo1 { width: 110px; height: 62.4px; }
.group-main .container .group-header .logo.logo2 { width: 203.5px; height: 89.8px; }
.max-sm-size .group-main .container .group-header .logo.logo2 { width: 110px; height: 48.4px; }
.group-main .container .group-header .logo.logo3 { width: 247px; height: 59px; }
.max-sm-size .group-main .container .group-header .logo.logo3 { width: 110px; height: 25.9px; }
.group-main .container .group-header .logo.logo4 { width: 295px; height: 71px; }
.max-sm-size .group-main .container .group-header .logo.logo4 { width: 110px; height: 26.4px; }
.group-main .container .group-header .logo.logo5 { width: 166.1px; height: 64.8px; }
.max-sm-size .group-main .container .group-header .logo.logo5 { width: 110px; height: 42.91px; }
.group-main .container .group-header .logo img { width: 100%; height: 100%; object-fit: contain; }
.group-main .container .group-header .icons { display: flex; justify-content: flex-end; }
.max-xs-size .group-main .container .group-header .icons { flex: 0 0 100%; order: 1; margin-bottom: 20px; }
.max-xs2-size .group-main .container .group-header .icons { justify-content: center; }
.group-main .container .group-header .icons a { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(136, 136, 136, 0.3); transition: all 0.5s; position: relative; }
.max-xs-size .group-main .container .group-header .icons a { width: 35px; height: 35px; }
.group-main .container .group-header .icons a .svg path, .group-main .container .group-header .icons a .svg rect { transition: all 0.5s; }
.group-main .container .group-header .icons a:hover { border-color: #BC8900; background-color: #BC8900; }
.group-main .container .group-header .icons a:hover .tip { opacity: 1; }
.group-main .container .group-header .icons a:hover .svg path, .group-main .container .group-header .icons a:hover .svg rect { stroke: #FFFFFF !important; fill: #FFFFFF !important; }
.group-main .container .group-header .icons a .tip { position: absolute; top: -100%; display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; width: 80px; height: 25px; border-radius: 10px; background-color: #FFFFFF; font-size: 14px; color: #888888; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); transition: all 0.5s; }
.group-main .container .group-header .icons a+a { margin-left: 11px; }
.group-main .container .group-header .icons a.link .svg { width: 18px; }
.group-main .container .group-header .icons a.fb .svg { width: 9.4px; }
.group-main .container .group-header .icons a.line .svg { width: 17px; }
.group-main .container .group-title { margin-bottom: 50px; text-align: center; }
.max-sm-size .group-main .container .group-title { margin-bottom: 30px; }
.group-main .container .group-title .title { font-size: 35px; font-weight: 500; }
@media screen and (max-width:1024px) {
    .group-main .container .group-title .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .group-main .container .group-title .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .group-main .container .group-title .title { font-size: 20px; }
}
.group-main .container .group-text { position: relative; margin-bottom: 140px; text-align: center; }
.max-md-size .group-main .container .group-text { margin-bottom: 100px; }
.max-sm-size .group-main .container .group-text { margin-bottom: 50px; }
.group-main .container .group-text.type2 { margin-bottom: 160px; }
.max-sm-size .group-main .container .group-text.type2 { margin-bottom: 50px; }
.max-sm-size .group-main .container .group-text.type2 .texts { padding-bottom: 60px; }
.group-main .container .group-text.type2 .texts::after { height: 47%; }
.group-main .container .group-text.type2 .texts .pics { max-width: 930px; display: flex; }
.group-main .container .group-text.type2 .texts .pics .pic { width: calc(50% - 15px); background-position: center; background-repeat: no-repeat; background-size: cover; }
.group-main .container .group-text.type2 .texts .pics .pic+.pic { position: absolute; right: 0; top: 60px; margin: 0; }
.max-sm-size .group-main .container .group-text.type2 .texts .pics .pic+.pic { top: 30px; }
.max-sm-size .group-main .container .group-text.type2 .texts .pics .pic { width: calc(50% - 7.5px); }
.group-main .container .group-text.type2 .texts .pics .pic img { width: 100%; }
.group-main .container .group-text.type3 .texts::after { height: 56%; }
.group-main .container .group-text.type3 .texts .text { max-width: 700px; }
.group-main .container .group-text.type3 .texts .pics { max-width: 1200px; }
.group-main .container .group-text.type3 .texts .pics .pic { width: 100%; }
.group-main .container .group-text.type4 .texts::after { height: 51%; }
.group-main .container .group-text.type4 .texts .text { max-width: 828px; }
.group-main .container .group-text.type4 .texts .pics { max-width: 930px; }
.group-main .container .group-text.type4 .texts .pics .pic { width: 100%; }
.group-main .container .group-text.type5 { margin-bottom: 100px; }
.max-sm-size .group-main .container .group-text.type5 { margin-bottom: 50px; }
.group-main .container .group-text.type5 .texts::after { height: 64%; }
.group-main .container .group-text.type5 .texts .text { max-width: 1026px; }
.group-main .container .group-text.type5 .texts .pics { max-width: 1000px; }
.group-main .container .group-text.type5 .texts .pics .pic { width: 100%; }
.group-main .container .group-text.type6 { margin-bottom: 115px; }
.max-sm-size .group-main .container .group-text.type6 { margin-bottom: 50px; }
.group-main .container .group-text.type6 .texts::after { height: 73%; }
.group-main .container .group-text.type6 .texts .text { max-width: 828px; }
.group-main .container .group-text.type6 .texts .pics { max-width: 1100px; }
.group-main .container .group-text.type6 .texts .pics .pic { width: 100%; }
.group-main .container .group-text .texttitle { display: block; font-size: 20px; color: #BC8900; font-weight: 700; margin-bottom: 15px; }
@media screen and (max-width:1024px) {
    .group-main .container .group-text .texttitle { font-size: 18px; }
}
.max-sm-size .group-main .container .group-text .texttitle { margin-bottom: 5px; }
.group-main .container .group-text .texts { position: relative; padding: 40px 20px 0 20px; }
.max-sm-size .group-main .container .group-text .texts { padding: 30px 0; }
.group-main .container .group-text .texts::after { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 69%; border: 6px solid rgba(188, 137, 0, 0.2); }
.max-sm-size .group-main .container .group-text .texts::after { display: none; }
.group-main .container .group-text .texts .text { display: block; width: 100%; max-width: 1025px; margin: auto; letter-spacing: 0.8px; font-size: 17px; }
@media screen and (max-width:576px) {
    .group-main .container .group-text .texts .text { font-size: 16px; }
}
.group-main .container .group-text .texts .text+.text { margin-top: 12px; }
.group-main .container .group-text .pics { position: relative; z-index: 1; width: 100%; max-width: 1013px; margin: auto; margin-top: 55px; }
.max-sm-size .group-main .container .group-text .pics { width: 100%; margin-top: 30px; }
.group-main .container .group-text .pics .pic { width: 100%; box-shadow: 15px 20px 15px 3px rgba(0, 0, 0, 0.1); }
.group-main .container .group-text .pics .pic img { width: 100%; }
.max-sm-size .group-main .container .group-text .pics .pic { box-shadow: unset; }
.group-main .container .group-text2 { margin-bottom: 140px; }
.max-md-size .group-main .container .group-text2 { margin-bottom: 80px; }
.max-sm-size .group-main .container .group-text2 { margin-bottom: 50px; }
.group-main .container .group-text2.type2 { text-align: center; }
.group-main .container .group-text2.type2 .title { font-size: 20px; font-weight: 700; color: #BC8900; margin-bottom: 15px; }
@media screen and (max-width:1024px) {
    .group-main .container .group-text2.type2 .title { font-size: 18px; }
}
.group-main .container .group-text2.type2 .text { display: block; width: 100%; max-width: 1100px; margin: auto; font-size: 17px; font-weight: 100; }
@media screen and (max-width:576px) {
    .group-main .container .group-text2.type2 .text { font-size: 16px; }
}
.group-main .container .group-text2.type2 .text+.text { margin-top: 15px; }
.group-main .container .group-text2 ul { display: flex; }
.max-sm-size .group-main .container .group-text2 ul { flex-wrap: wrap; }
.group-main .container .group-text2 ul li { flex: 1; text-align: center; }
.max-sm-size .group-main .container .group-text2 ul li { flex: 0 0 100%; }
.max-sm-size .group-main .container .group-text2 ul li+li { margin-top: 20px; }
.group-main .container .group-text2 ul li:first-child { padding-right: 53px; }
.max-md-size .group-main .container .group-text2 ul li:first-child { padding-right: 20px; }
.max-sm-size .group-main .container .group-text2 ul li:first-child { padding: 0; }
.group-main .container .group-text2 ul li:nth-child(2) { padding: 0 53px; position: relative; }
.max-md-size .group-main .container .group-text2 ul li:nth-child(2) { padding: 0 20px; }
.max-sm-size .group-main .container .group-text2 ul li:nth-child(2) { padding: 0; }
.group-main .container .group-text2 ul li:nth-child(2)::before { position: absolute; display: block; content: ""; left: 0; top: 25px; width: 1px; height: 82px; background-color: #E5E5E5; }
.max-sm-size .group-main .container .group-text2 ul li:nth-child(2)::before { display: none; }
.group-main .container .group-text2 ul li:nth-child(2)::after { position: absolute; display: block; content: ""; right: 0; top: 25px; width: 1px; height: 82px; background-color: #E5E5E5; }
.max-sm-size .group-main .container .group-text2 ul li:nth-child(2)::after { display: none; }
.group-main .container .group-text2 ul li:last-child { padding-left: 53px; }
.max-md-size .group-main .container .group-text2 ul li:last-child { padding-left: 20px; }
.max-sm-size .group-main .container .group-text2 ul li:last-child { padding: 0; }
.group-main .container .group-text2 ul li .title { font-size: 20px; font-weight: 700; color: #BC8900; margin-bottom: 15px; }
@media screen and (max-width:1024px) {
    .group-main .container .group-text2 ul li .title { font-size: 18px; }
}
.max-sm-size .group-main .container .group-text2 ul li .title { margin-bottom: 5px; }
.group-main .container .group-text2 ul li .text { font-size: 17px; font-weight: 100; letter-spacing: 0.8px; }
@media screen and (max-width:576px) {
    .group-main .container .group-text2 ul li .text { font-size: 16px; }
}
.group-main .container .group-text3 { display: flex; align-items: center; }
.max-sm-size .group-main .container .group-text3 { flex-wrap: wrap; }
.group-main .container .group-text3.type2 .boxL { flex: 0 0 50%; }
.group-main .container .group-text3.type2 .boxL .pic { height: 563.8px; }
.max-xs2-size .group-main .container .group-text3.type2 .boxL .pic { height: 220px; }
.max-xs3-size .group-main .container .group-text3.type2 .boxL .pic { height: 180px; }
.group-main .container .group-text3.type3 .boxL { flex: 0 0 45.7%; }
.group-main .container .group-text3.type3 .boxL .pic { height: 350px; }
.max-md-size .group-main .container .group-text3.type3 .boxL .pic { height: 350px; }
.max-sm-size .group-main .container .group-text3.type3 .boxL .pic { height: 350px; }
.max-xs2-size .group-main .container .group-text3.type3 .boxL .pic { height: 220px; }
.max-xs3-size .group-main .container .group-text3.type3 .boxL .pic { height: 180px; }
.group-main .container .group-text3.type4 .boxL { flex: 0 0 60.7%; }
.group-main .container .group-text3.type4 .boxL .pic { height: 350px; }
.max-md-size .group-main .container .group-text3.type4 .boxL .pic { height: 350px; }
.max-sm-size .group-main .container .group-text3.type4 .boxL .pic { height: 350px; }
.max-xs2-size .group-main .container .group-text3.type4 .boxL .pic { height: 220px; }
.max-xs3-size .group-main .container .group-text3.type4 .boxL .pic { height: 180px; }
.group-main .container .group-text3.type5 .boxL { flex: 0 0 35%; }
.group-main .container .group-text3.type5 .boxL .pic { height: 490.3px; }
.max-md-size .group-main .container .group-text3.type5 .boxL .pic { height: 350px; }
.max-sm-size .group-main .container .group-text3.type5 .boxL .pic { height: 350px; }
.max-xs2-size .group-main .container .group-text3.type5 .boxL .pic { height: 220px; }
.max-xs3-size .group-main .container .group-text3.type5 .boxL .pic { height: 180px; }
.group-main .container .group-text3.type6 .boxL { flex: 0 0 60.7%; }
.group-main .container .group-text3.type6 .boxL .pic { height: 410px; }
.max-md-size .group-main .container .group-text3.type6 .boxL .pic { height: 350px; }
.max-sm-size .group-main .container .group-text3.type6 .boxL .pic { height: 350px; }
.max-xs2-size .group-main .container .group-text3.type6 .boxL .pic { height: 220px; }
.max-xs3-size .group-main .container .group-text3.type6 .boxL .pic { height: 180px; }
.group-main .container .group-text3 .boxL { flex: 0 0 38%; position: relative; z-index: 1; }
.max-sm-size .group-main .container .group-text3 .boxL { flex: 0 0 100%; }
.group-main .container .group-text3 .boxL .pic { width: 100%; height: 662px; box-shadow: 10px 20px 15px 3px rgba(0, 0, 0, 0.1); }
.max-md-size .group-main .container .group-text3 .boxL .pic { height: 550px; }
.max-sm-size .group-main .container .group-text3 .boxL .pic { width: calc(100% - 30px); max-width: 519px; margin: auto; height: 450px; box-shadow: unset; }
.max-xs-size .group-main .container .group-text3 .boxL .pic { width: 100%; height: 300px; }
.group-main .container .group-text3 .boxL .pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.group-main .container .group-text3 .boxL .pic .ie-img { width: 100% !important; height: 100% !important; }
.group-main .container .group-text3 .boxR { margin: 0 -6px; flex: 1; padding: 65px 50px 65px 70px; border: 6px solid rgba(188, 137, 0, 0.2); }
.max-md-size .group-main .container .group-text3 .boxR { margin-left: -40px; padding: 55px 40px 55px 60px; }
.max-sm-size .group-main .container .group-text3 .boxR { margin: 0; margin-top: -115px; padding: 150px 15px 30px 15px; }
.max-xs-size .group-main .container .group-text3 .boxR { border: none; padding: 150px 0px 30px 0px; }
.max-xs-size.ie11 .group-main .container .group-text3 .boxR { padding: 150px 1px 30px 1px; }
.group-main .container .group-text3 .boxR ul li+li { margin-top: 30px; }
.group-main .container .group-text3 .boxR ul li .title { display: block; font-size: 20px; font-weight: 700; color: #BC8900; margin-bottom: 10px; }
@media screen and (max-width:1024px) {
    .group-main .container .group-text3 .boxR ul li .title { font-size: 18px; }
}
.max-sm-size .group-main .container .group-text3 .boxR ul li .title { margin-bottom: 5px; }
.group-main .container .group-text3 .boxR ul li .text { display: block; font-size: 17px; font-weight: 100; letter-spacing: 0.8px; }
@media screen and (max-width:576px) {
    .group-main .container .group-text3 .boxR ul li .text { font-size: 16px; }
}
.group-main .container .group-text3 .boxR ul li .text+.text { margin-top: 10px; }
.group-main .container .group-text4 { width: 100%; max-width: 1270px; text-align: center; margin-top: 95px; }
.max-md-size .group-main .container .group-text4 { margin-top: 80px; }
.max-sm-size .group-main .container .group-text4 { margin-top: 50px; }
.group-main .container .group-text4 .title { font-size: 20px; font-weight: 700; color: #BC8900; margin-bottom: 15px; }
@media screen and (max-width:1024px) {
    .group-main .container .group-text4 .title { font-size: 18px; }
}
.group-main .container .group-text4 .subtitle { font-size: 17px; font-weight: 500; margin-bottom: 15px; }
@media screen and (max-width:576px) {
    .group-main .container .group-text4 .subtitle { font-size: 16px; }
}
.group-main .container .group-text4 .text { display: block; font-size: 17px; font-weight: 100; }
@media screen and (max-width:576px) {
    .group-main .container .group-text4 .text { font-size: 16px; }
}
.group-main .container .group-text4 .text+.text { margin-top: 10px; }
.jobs-opening { background-color: #FFFFFF; padding-top: 115px; }
.max-sm-size .jobs-opening { padding-top: 75px; }
.jobs-opening::before { position: absolute; display: block; content: ""; width: 1px; height: 141px; background-color: #BC8900; top: 0; left: 50%; transform: translate(-50%, -50%); }
.max-md-size .jobs-opening::before { height: 120px; }
.max-sm-size .jobs-opening::before { height: 100px; }
.max-xs-size .jobs-opening::before { height: 80px; }
.jobs-opening .titleBox { text-align: center; margin: auto; margin-bottom: 80px; padding: 0 40px; }
.max-sm-size .jobs-opening .titleBox { margin-bottom: 30px; padding: 0 20px; }
.jobs-opening .titleBox .title { font-size: 36px; font-weight: 700; color: #BC8900; margin-bottom: 30px; }
@media screen and (max-width:1024px) {
    .jobs-opening .titleBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .jobs-opening .titleBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .jobs-opening .titleBox .title { font-size: 20px; }
}
.max-sm-size .jobs-opening .titleBox .title { margin-bottom: 15px; }
.jobs-opening .titleBox .subtitle { font-size: 18px; }
@media screen and (max-width:576px) {
    .jobs-opening .titleBox .subtitle { font-size: 16px; }
}
.jobs-opening .linkBox { margin-bottom: 105px; padding: 0 40px; }
.max-md-size .jobs-opening .linkBox { margin-bottom: 60px; }
.max-sm-size .jobs-opening .linkBox { padding: 0 20px; margin-bottom: 30px; }
.jobs-opening .linkBox ul { display: flex; justify-content: center; flex-wrap: wrap; }
.jobs-opening .linkBox ul li { margin: 0 2.5% 20px 2.5%; }
.jobs-opening .linkBox ul li a { display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; width: 150px; height: 150px; border-radius: 50%; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); background-color: #fff; transition: all 0.5s; }
.max-sm-size .jobs-opening .linkBox ul li a { width: 140px; height: 140px; }
.max-sm-size .jobs-opening .linkBox ul li a .logo { opacity: 1 !important; }
.max-sm-size .jobs-opening .linkBox ul li a .company { color: #FFFFFF !important; }
.max-sm-size .jobs-opening .linkBox ul li a .hover-bg { opacity: 1 !important; }
.jobs-opening .linkBox ul li a:hover .logo { opacity: 1; }
.jobs-opening .linkBox ul li a:hover .company { color: #FFFFFF; }
.jobs-opening .linkBox ul li a:hover .hover-bg { opacity: 1; }
.jobs-opening .linkBox ul li a .logo { position: absolute; left: 50%; bottom: 30.5px; transform: translateX(-50%); width: 100%; max-width: 40.1px; z-index: 1; opacity: 0; transition: all 0.5s; }
.jobs-opening .linkBox ul li a .logo img { width: 100%; }
.jobs-opening .linkBox ul li a .company { display: block; padding: 0 10px; position: relative; z-index: 1; transition: all 0.5s; }
.jobs-opening .linkBox ul li a .hover-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; opacity: 0; transition: all 0.5s; }
.jobs-opening .jobs-develope { display: flex; align-items: center; margin-bottom: 132px; }
.max-md-size .jobs-opening .jobs-develope { flex-wrap: wrap; }
.max-sm-size .jobs-opening .jobs-develope { margin-bottom: 70px; }
.max-xs-size .jobs-opening .jobs-develope { margin-bottom: 50px; }
.jobs-opening .jobs-develope .boxL { width: 53.5%; padding: 115px 8.3% 115px 40px; padding-top: 115px; padding-right: 8.3%; position: relative; }
.max-md-size .jobs-opening .jobs-develope .boxL { width: 100%; padding: 60px 40px 40px 40px; }
.max-sm-size .jobs-opening .jobs-develope .boxL { padding: 0 20px 40px 20px; }
.jobs-opening .jobs-develope .boxL .bg { position: absolute; right: 8.5%; top: 20px; width: 45%; max-width: 420px; z-index: 0; }
.max-md-size .jobs-opening .jobs-develope .boxL .bg { max-width: 350px; top: -15px; right: unset; left: 290px; }
.max-sm-size .jobs-opening .jobs-develope .boxL .bg { top: -30px; left: unset; right: 20px; }
.jobs-opening .jobs-develope .boxL .bg img { width: 100%; }
.jobs-opening .jobs-develope .boxL .texts { width: 100%; max-width: 615px; margin-left: auto; letter-spacing: 0.8px; }
.max-md-size .jobs-opening .jobs-develope .boxL .texts { max-width: 100%; margin-left: 0; }
.jobs-opening .jobs-develope .boxL .texts .title { font-size: 36px; font-weight: 700; color: #BC8900; margin-bottom: 30px; }
@media screen and (max-width:1024px) {
    .jobs-opening .jobs-develope .boxL .texts .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .jobs-opening .jobs-develope .boxL .texts .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .jobs-opening .jobs-develope .boxL .texts .title { font-size: 20px; }
}
.max-sm-size .jobs-opening .jobs-develope .boxL .texts .title { margin-bottom: 20px; }
.jobs-opening .jobs-develope .boxR { width: 46.5%; position: relative; }
.max-md-size .jobs-opening .jobs-develope .boxR { width: 100%; padding: 0 40px; }
.max-sm-size .jobs-opening .jobs-develope .boxR { padding: 0 20px; }
.jobs-opening .jobs-develope .boxR .pic-slider { width: 100%; }
.jobs-opening .jobs-develope .boxR .pic-slider .pic { width: 100%; height: 23.49vw; }
.max-md-size .jobs-opening .jobs-develope .boxR .pic-slider .pic { height: 44vw; }
.jobs-opening .jobs-develope .boxR .pic-slider .pic div { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; }
.jobs-opening .jobs-develope .boxR .arrow { position: absolute; top: calc(50% - 30px); display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.6); cursor: pointer; transition: all 0.5s; }
.max-lg-size .jobs-opening .jobs-develope .boxR .arrow { width: 50px; height: 50px; top: calc(50% - 25px); }
.max-xs-size .jobs-opening .jobs-develope .boxR .arrow { width: 40px; height: 40px; top: calc(50% - 20px); }
.jobs-opening .jobs-develope .boxR .arrow:hover { background-color: #BC8900; }
.jobs-opening .jobs-develope .boxR .arrow .svg { width: 8.5px; }
.jobs-opening .jobs-develope .boxR .arrow.prev { left: 0; }
.max-md-size .jobs-opening .jobs-develope .boxR .arrow.prev { left: 40px; }
.max-sm-size .jobs-opening .jobs-develope .boxR .arrow.prev { left: 20px; }
.jobs-opening .jobs-develope .boxR .arrow.next { right: 0; }
.max-md-size .jobs-opening .jobs-develope .boxR .arrow.next { right: 40px; }
.max-sm-size .jobs-opening .jobs-develope .boxR .arrow.next { right: 20px; }
.jobs-opening .jobs-train { width: calc(100% - 80px); padding-bottom: 80px; }
.max-sm-size .jobs-opening .jobs-train { width: calc(100% - 40px); padding-bottom: 50px; }
.jobs-opening .jobs-train .title { font-size: 25px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .jobs-opening .jobs-train .title { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .jobs-opening .jobs-train .title { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .jobs-opening .jobs-train .title { font-size: 18px; }
}
.jobs-opening .jobs-train ul li { display: flex; padding: 43px 45px 43px 0; border-radius: 10px; }
.max-sm-size .jobs-opening .jobs-train ul li { padding: 20px 15px 20px 0; }
.jobs-opening .jobs-train ul li:nth-child(even) { background-color: #F8F8F8; }
.jobs-opening .jobs-train ul li .boxL { flex-basis: 148px; display: flex; justify-content: center; align-items: center; }
.max-sm-size .jobs-opening .jobs-train ul li .boxL { flex-basis: 70px; }
.jobs-opening .jobs-train ul li .boxL .icon { width: 80px; height: 59px; }
.max-sm-size .jobs-opening .jobs-train ul li .boxL .icon { width: 50px; }
.jobs-opening .jobs-train ul li .boxL .icon img { width: 100%; height: 100%; object-fit: contain; }
.jobs-opening .jobs-train ul li .boxR { flex: 1; }
.jobs-opening .jobs-train ul li .boxR .name { font-size: 20px; color: #BC8900; font-weight: 500; display: block; margin-bottom: 10px; }
@media screen and (max-width:1024px) {
    .jobs-opening .jobs-train ul li .boxR .name { font-size: 18px; }
}
.max-sm-size .jobs-opening .jobs-train ul li .boxR .name { margin-bottom: 5px; }
.jobs-opening .jobs-train ul li .boxR .content { display: block; }
.jobs-opening .jobs-structure { padding: 80px 0 130px 0; background-position: center; background-repeat: no-repeat; background-size: cover; }
.max-md-size .jobs-opening .jobs-structure { padding: 80px 40px; }
.max-sm-size .jobs-opening .jobs-structure { padding: 50px 20px; }
.jobs-opening .jobs-structure .title { text-align: center; font-size: 25px; font-weight: 700; margin-bottom: 45px; }
@media screen and (max-width:1024px) {
    .jobs-opening .jobs-structure .title { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .jobs-opening .jobs-structure .title { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .jobs-opening .jobs-structure .title { font-size: 18px; }
}
.jobs-opening .jobs-structure .pic { width: 100%; max-width: 984px; margin: auto; }
.jobs-opening .jobs-structure .pic img { width: 100%; }
.investors { background-color: #FFFFFF; }
.investors .links-btn { position: absolute; width: 100%; left: 0; top: 0; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; padding: 0 40px; }
.max-sm-size .investors .links-btn { width: 100%; z-index: 10; padding: 0 20px; }
.investors .links-btn .in-links { padding: 0 5px; background-color: #FFFFFF; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15); border-radius: 10px; overflow: hidden; }
@media screen and (max-width:1520px) {
    .investors .links-btn .in-links { padding: 0 60px; }
}
.max-md-size .investors .links-btn .in-links { padding: 0 50px; }
.max-xs2-size .investors .links-btn .in-links { padding: 0 32px; }
.investors .links-btn .in-links .in-link.active a { color: #BC8900; }
.investors .links-btn .in-links .in-link:hover a { color: #BC8900; }
@media screen and (max-width:1520px) {
    .investors .links-btn .in-links .in-link:first-child a { padding-left: 0; }
}
.investors .links-btn .in-links .in-link+.in-link { position: relative; }
.investors .links-btn .in-links .in-link+.in-link::before { position: absolute; display: block; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); left: -1px; width: 1px; height: 1em; background-color: #CCCCCC; }
.investors .links-btn .in-links .in-link a { display: inline-block; padding: 25px; font-size: 20px; font-weight: 500; transition: all 0.5s; }
@media screen and (max-width:1024px) {
    .investors .links-btn .in-links .in-link a { font-size: 18px; }
}
.max-md-size .investors .links-btn .in-links .in-link a { font-size: 19px; }
@media screen and (max-width:576px) {
    .max-md-size .investors .links-btn .in-links .in-link a { font-size: 16px; }
}
.max-sm-size .investors .links-btn .in-links .in-link a { padding: 15px; font-weight: 300; }
.max-xs-size .investors .links-btn .in-links .in-link a { font-size: 17px; }
@media screen and (max-width:576px) {
    .max-xs-size .investors .links-btn .in-links .in-link a { font-size: 16px; }
}
.investors .links-btn .in-links-arrow { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; padding: 0 50px; pointer-events: none; }
@media screen and (min-width:1521px) {
    .investors .links-btn .in-links-arrow { display: none; }
}
.max-md-size .investors .links-btn .in-links-arrow { padding: 0 40px; }
.max-sm-size .investors .links-btn .in-links-arrow { padding: 0 30px; }
.max-xs2-size .investors .links-btn .in-links-arrow { padding: 0 15px; }
.investors .links-btn .in-links-arrow .arrow { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; float: left; cursor: pointer; pointer-events: all; transition: all 0.5s; }
.investors .links-btn .in-links-arrow .arrow:hover .svg path, .investors .links-btn .in-links-arrow .arrow:hover .svg rect { stroke: #BC8900 !important; }
.investors .links-btn .in-links-arrow .arrow .svg { width: 8px; }
.investors .links-btn .in-links-arrow .arrow .svg path, .investors .links-btn .in-links-arrow .arrow .svg rect { transition: all 0.5s; }
.investors .links-btn .in-links-arrow .arrow.next { float: right; }
.investors .links-btn .in-links-arrow .arrow.slick-disabled { opacity: 0.35; pointer-events: none; }
.investors-agent .investors-main { padding: 110px 0 95px 0; background-position: center; background-repeat: no-repeat; background-size: cover; }
.max-sm-size .investors-agent .investors-main { padding: 80px 0 60px 0; }
.investors-agent .investors-main .container .titleBox { text-align: center; margin-bottom: 50px; }
.max-sm-size .investors-agent .investors-main .container .titleBox { margin-bottom: 30px; }
.investors-agent .investors-main .container .titleBox .title { font-size: 35px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .investors-agent .investors-main .container .titleBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .investors-agent .investors-main .container .titleBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .investors-agent .investors-main .container .titleBox .title { font-size: 20px; }
}
.investors-agent .investors-main .container .agents { margin-bottom: 25px; }
.max-sm-size .investors-agent .investors-main .container .agents { margin-bottom: 0; }
.investors-agent .investors-main .container .agents .agent { display: flex; justify-content: center; align-items: center; }
.max-sm-size .investors-agent .investors-main .container .agents .agent { justify-content: flex-start; }
.investors-agent .investors-main .container .agents .agent+.agent { margin-top: 50px; }
.investors-agent .investors-main .container .agents .agent .picBox { flex-basis: 501px; margin-left: auto; margin-right: 40px; }
.max-md-size .investors-agent .investors-main .container .agents .agent .picBox { margin-right: 30px; }
.max-sm-size .investors-agent .investors-main .container .agents .agent .picBox { flex: 0 0 20%; margin: 0; }
.investors-agent .investors-main .container .agents .agent .picBox .pic { background-position: center; background-repeat: no-repeat; background-size: cover; height: 0; padding-bottom: 100%; border-radius: 50%; position: relative; }
.investors-agent .investors-main .container .agents .agent .picBox .pic::before { position: absolute; display: block; content: ""; left: 5px; top: 6px; border-radius: 50%; border: 1px solid #BC8900; width: 100%; height: 100%; }
.max-sm-size .investors-agent .investors-main .container .agents .agent .picBox .pic::before { left: 1%; top: 1%; }
.investors-agent .investors-main .container .agents .agent .picBox .pic::after { position: absolute; display: block; content: ""; left: 10.5px; top: 12px; border-radius: 50%; border: 1px solid #BC8900; width: 100%; height: 100%; }
.max-sm-size .investors-agent .investors-main .container .agents .agent .picBox .pic::after { left: 3%; top: 3%; }
.investors-agent .investors-main .container .agents .agent .company { flex: 0 0 50%; padding-left: 70px; }
.max-md-size .investors-agent .investors-main .container .agents .agent .company { padding-left: 10px; }
.max-sm-size .investors-agent .investors-main .container .agents .agent .company { flex: 1; padding-left: 20px; }
.investors-agent .investors-main .container .agents .agent .company .name { font-size: 25px; font-weight: 500; color: #BC8900; margin-bottom: 25px; }
@media screen and (max-width:1024px) {
    .investors-agent .investors-main .container .agents .agent .company .name { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .investors-agent .investors-main .container .agents .agent .company .name { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .investors-agent .investors-main .container .agents .agent .company .name { font-size: 18px; }
}
.max-sm-size .investors-agent .investors-main .container .agents .agent .company .name { margin-bottom: 5px; }
.investors-agent .investors-main .container .agents .agent .company .text { display: block; font-size: 18px; padding-left: 3.2rem; text-indent: -3.2rem; overflow-wrap: break-word; hyphens: auto; word-break: break-all; }
@media screen and (max-width:576px) {
    .investors-agent .investors-main .container .agents .agent .company .text { font-size: 16px; }
}
.investors-agent .investors-main .container .agents .agent .company .text+.text { margin-top: 20px; }
.max-sm-size .investors-agent .investors-main .container .agents .agent .company .text+.text { margin-top: 0px; }
.investors-agent .investors-main .container .agents .agent .company .text a { transition: all 0.5s; }
.investors-agent .investors-main .container .agents .agent .company .text a:hover { color: #BC8900; }
.investors-group .investors-main { padding: 110px 0 260px 0; background-position: center; background-repeat: no-repeat; background-size: cover; }
.max-sm-size .investors-group .investors-main { padding: 80px 0 60px 0; }
.investors-group .investors-main .container { max-width: 1260px; margin: auto; }
.investors-group .investors-main .container .titleBox { text-align: center; margin-bottom: 100px; }
.max-sm-size .investors-group .investors-main .container .titleBox { margin-bottom: 70px; }
.investors-group .investors-main .container .titleBox .title { font-size: 35px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .investors-group .investors-main .container .titleBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .investors-group .investors-main .container .titleBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .investors-group .investors-main .container .titleBox .title { font-size: 20px; }
}
.investors-group .investors-main .container .cards { display: flex; justify-content: space-between; flex-wrap: wrap; }
.max-sm-size .investors-group .investors-main .container .cards { justify-content: center; }
.investors-group .investors-main .container .cards .card { background-position: center; background-repeat: no-repeat; background-size: cover; flex: 0 0 calc(50% - 30px); position: relative; padding: 80px 15px 60px 15px; border: none; margin-top: 70px; box-shadow: 10px 10px 20px 3px rgba(0, 0, 0, 0.1); }
.ie11 .investors-group .investors-main .container .cards .card { flex-basis: calc(50% - 30px); }
.max-sm-size .investors-group .investors-main .container .cards .card { width: 100%; max-width: 600px; flex: unset; box-shadow: 0 6px 15px 3px rgba(0, 0, 0, 0.1); }
.max-sm-size .investors-group .investors-main .container .cards .card+.card { margin-top: 60px; }
.max-sm-size.ie11 .investors-group .investors-main .container .cards .card { width: 100%; max-width: 600px; flex-basis: auto; }
.max-xs-size .investors-group .investors-main .container .cards .card { padding: 50px 15px 40px 15px; }
.investors-group .investors-main .container .cards .card:first-child { margin-top: 0; }
.investors-group .investors-main .container .cards .card:nth-child(2) { margin-top: 0; }
.investors-group .investors-main .container .cards .card .logo { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: 86px; height: 86px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15); }
.max-xs-size .investors-group .investors-main .container .cards .card .logo { width: 60px; height: 60px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15); }
.investors-group .investors-main .container .cards .card .logo img { width: 100%; height: 100%; object-fit: cover; }
.investors-group .investors-main .container .cards .card .texts { text-align: center; }
.investors-group .investors-main .container .cards .card .texts .tag { font-size: 25px; font-weight: 500; color: #BC8900; margin-bottom: 25px; }
@media screen and (max-width:1024px) {
    .investors-group .investors-main .container .cards .card .texts .tag { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .investors-group .investors-main .container .cards .card .texts .tag { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .investors-group .investors-main .container .cards .card .texts .tag { font-size: 18px; }
}
.max-sm-size .investors-group .investors-main .container .cards .card .texts .tag { margin-bottom: 15px; }
.investors-group .investors-main .container .cards .card .texts .text { display: block; font-size: 18px; overflow-wrap: break-word; hyphens: auto; word-break: break-all; }
@media screen and (max-width:576px) {
    .investors-group .investors-main .container .cards .card .texts .text { font-size: 16px; }
}
.investors-group .investors-main .container .cards .card .texts .text+.text { margin-top: 14px; }
.max-sm-size .investors-group .investors-main .container .cards .card .texts .text+.text { margin-top: 0px; }
.investors-group .investors-main .container .cards .card .texts .text.email a { color: #BC8900; }
.investors-public .investors-main { padding: 110px 0 95px 0; background-position: center; background-repeat: no-repeat; background-size: cover; }
.max-sm-size .investors-public .investors-main { padding: 80px 0 60px 0; }
.investors-public .investors-main .container .titleBox { text-align: center; margin-bottom: 50px; }
.max-sm-size .investors-public .investors-main .container .titleBox { margin-bottom: 30px; }
.investors-public .investors-main .container .titleBox .title { font-size: 35px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .investors-public .investors-main .container .titleBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .investors-public .investors-main .container .titleBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .investors-public .investors-main .container .titleBox .title { font-size: 20px; }
}
.investors-public .investors-main .container .public+.public { margin-top: 30px; }
.investors-public .investors-main .container .public .textBox { position: relative; width: 100%; }
.investors-public .investors-main .container .public .textBox::after { position: absolute; display: block; content: ""; width: 100%; height: calc(100% + 150px); top: 32px; left: 0; border: 6px solid rgba(188, 137, 0, 0.2); z-index: 0; }
.max-sm-size .investors-public .investors-main .container .public .textBox::after { display: none; }
.investors-public .investors-main .container .public .textBox .texts { padding: 0 15px; margin-top: -20px; text-align: center; position: relative; z-index: 1; }
.max-xs-size .investors-public .investors-main .container .public .textBox .texts { padding: 0; }
.investors-public .investors-main .container .public .textBox .texts .name { width: fit-content; display: inline-block; padding: 20px 115px 15px 115px; background-color: #fff; font-size: 25px; color: #BC8900; font-weight: 500; margin: auto; }
@media screen and (max-width:1024px) {
    .investors-public .investors-main .container .public .textBox .texts .name { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .investors-public .investors-main .container .public .textBox .texts .name { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .investors-public .investors-main .container .public .textBox .texts .name { font-size: 18px; }
}
.max-sm-size .investors-public .investors-main .container .public .textBox .texts .name { padding: 20px 75px 15px 75px; }
.max-xs-size .investors-public .investors-main .container .public .textBox .texts .name { padding: 20px 20px 15px 20px; }
.investors-public .investors-main .container .public .textBox .texts .text { display: block; font-size: 18px; }
@media screen and (max-width:576px) {
    .investors-public .investors-main .container .public .textBox .texts .text { font-size: 16px; }
}
.investors-public .investors-main .container .public .textBox .texts .text .num { font-size: 25px; font-weight: 500; }
@media screen and (max-width:1024px) {
    .investors-public .investors-main .container .public .textBox .texts .text .num { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .investors-public .investors-main .container .public .textBox .texts .text .num { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .investors-public .investors-main .container .public .textBox .texts .text .num { font-size: 18px; }
}
.investors-public .investors-main .container .public .textBox .texts .text+.text { margin-top: 10px; }
.investors-public .investors-main .container .public .textBox .texts .go { margin-top: 30px; }
.investors-public .investors-main .container .public .textBox .texts .go a { margin: auto; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 268px; height: 60px; border: 1px solid #BC8900; transition: all 0.5s; }
.max-sm-size .investors-public .investors-main .container .public .textBox .texts .go a { max-width: 200px; }
.max-xs-size .investors-public .investors-main .container .public .textBox .texts .go a { max-width: 150px; height: 45px; }
.investors-public .investors-main .container .public .textBox .texts .go a:hover { color: #FFFFFF; background-color: #BC8900; }
.investors-public .investors-main .container .public .pic { width: calc(100% - 226px); max-width: 1000px; height: 250px; margin: auto; margin-top: 48px; position: relative; z-index: 1; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.2); }
.max-md-size .investors-public .investors-main .container .public .pic { width: calc(100% - 80px); height: 200px; }
.max-xs-size .investors-public .investors-main .container .public .pic { margin-top: 30px; width: 100%; height: 150px; }
.investors-public .investors-main .container .public .pic img { width: 100%; height: 100%; object-fit: cover; }
.investors-public .investors-main .container .public .pic .ie-img { width: 100% !important; height: 100% !important; }
.governance { background-color: #FFFFFF; }
.governance .links-btn { position: absolute; width: 100%; left: 0; top: 0; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; padding: 0 40px; }
.max-sm-size .governance .links-btn { width: 100%; z-index: 10; padding: 0 20px; }
.governance .links-btn .in-links { padding: 0 5px; background-color: #FFFFFF; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15); border-radius: 10px; overflow: hidden; }
.max-xs-size .governance .links-btn .in-links { padding: 0 36px; }
.max-xs2-size .governance .links-btn .in-links { padding: 0 32px; }
.governance .links-btn .in-links .in-link.active a { color: #BC8900; }
.governance .links-btn .in-links .in-link:hover a { color: #BC8900; }
@media screen and (max-width:576px) {
    .governance .links-btn .in-links .in-link:first-child a { padding-left: 0; }
}
.governance .links-btn .in-links .in-link+.in-link { position: relative; }
.governance .links-btn .in-links .in-link+.in-link::before { position: absolute; display: block; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); left: -1px; width: 1px; height: 1em; background-color: #CCCCCC; }
.governance .links-btn .in-links .in-link a { display: inline-block; padding: 25px 31px; font-size: 20px; font-weight: 500; transition: all 0.5s; }
@media screen and (max-width:1024px) {
    .governance .links-btn .in-links .in-link a { font-size: 18px; }
}
.max-sm-size .governance .links-btn .in-links .in-link a { padding: 15px; font-weight: 300; }
.max-xs-size .governance .links-btn .in-links .in-link a { font-size: 17px; }
@media screen and (max-width:576px) {
    .max-xs-size .governance .links-btn .in-links .in-link a { font-size: 16px; }
}
.governance .links-btn .in-links-arrow { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; padding: 0 18px; pointer-events: none; }
@media screen and (min-width:577px) {
    .governance .links-btn .in-links-arrow { display: none; }
}
.max-xs2-size .governance .links-btn .in-links-arrow { padding: 0 16px; }
.governance .links-btn .in-links-arrow .arrow { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; float: left; cursor: pointer; pointer-events: all; transition: all 0.5s; }
.governance .links-btn .in-links-arrow .arrow:hover .svg path, .governance .links-btn .in-links-arrow .arrow:hover .svg rect { stroke: #BC8900 !important; }
.governance .links-btn .in-links-arrow .arrow .svg { width: 8px; }
.governance .links-btn .in-links-arrow .arrow .svg path, .governance .links-btn .in-links-arrow .arrow .svg rect { transition: all 0.5s; }
.governance .links-btn .in-links-arrow .arrow.next { float: right; }
.governance .links-btn .in-links-arrow .arrow.slick-disabled { opacity: 0.35; pointer-events: none; }
.governance-structure .governance-main { padding: 110px 0 95px 0; background-position: center; background-repeat: no-repeat; background-size: cover; }
.max-sm-size .governance-structure .governance-main { padding: 80px 0 60px 0; }
.governance-structure .governance-main .container .titleBox { text-align: center; margin-bottom: 50px; }
.max-sm-size .governance-structure .governance-main .container .titleBox { margin-bottom: 30px; }
.governance-structure .governance-main .container .titleBox .title { font-size: 35px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .governance-structure .governance-main .container .titleBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .governance-structure .governance-main .container .titleBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .governance-structure .governance-main .container .titleBox .title { font-size: 20px; }
}
.governance-structure .governance-main .picBox { width: 100%; padding: 0 40px; overflow-x: hidden; }
.governance-structure .governance-main .picBox+.picBox { margin-top: 30px; }
.max-md-size .governance-structure .governance-main .picBox { overflow-x: auto; }
.max-sm-size .governance-structure .governance-main .picBox { padding: 0 20px; }
.governance-structure .governance-main .picBox .pic { width: 100%; max-width: 1608px; min-width: 950px; margin: auto; }
.governance-structure .governance-main .picBox .pic img { width: 100%; }
.governance-structure .governance-main .picBox .pic .time { display: block; text-align: center; margin: auto; font-size: 20px; font-weight: 700; color: #BC8900; margin-top: 103px; }
@media screen and (max-width:1024px) {
    .governance-structure .governance-main .picBox .pic .time { font-size: 18px; }
}
.max-sm-size .governance-structure .governance-main .picBox .pic .time { margin-top: 70px; }
.max-xs-size .governance-structure .governance-main .picBox .pic .time { margin-top: 40px; }
.responsibility { background-color: #FFFFFF; }
.responsibility .links-btn { position: absolute; width: 100%; left: 0; top: 0; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; padding: 0 40px; }
.max-sm-size .responsibility .links-btn { width: 100%; z-index: 10; padding: 0 20px; }
.responsibility .links-btn .in-links { padding: 0 5px; background-color: #FFFFFF; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15); border-radius: 10px; overflow: hidden; }
.max-xs-size .responsibility .links-btn .in-links { padding: 0 36px; }
.max-xs2-size .responsibility .links-btn .in-links { padding: 0 32px; }
.responsibility .links-btn .in-links .in-link.active a { color: #BC8900; }
.responsibility .links-btn .in-links .in-link:hover a { color: #BC8900; }
@media screen and (max-width:576px) {
    .responsibility .links-btn .in-links .in-link:first-child a { padding-left: 0; }
}
.responsibility .links-btn .in-links .in-link+.in-link { position: relative; }
.responsibility .links-btn .in-links .in-link+.in-link::before { position: absolute; display: block; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); left: -1px; width: 1px; height: 1em; background-color: #CCCCCC; }
.responsibility .links-btn .in-links .in-link a { display: inline-block; padding: 25px 31px; font-size: 20px; font-weight: 500; transition: all 0.5s; }
@media screen and (max-width:1024px) {
    .responsibility .links-btn .in-links .in-link a { font-size: 18px; }
}
.max-sm-size .responsibility .links-btn .in-links .in-link a { padding: 15px; font-weight: 300; }
.max-xs-size .responsibility .links-btn .in-links .in-link a { font-size: 17px; }
@media screen and (max-width:576px) {
    .max-xs-size .responsibility .links-btn .in-links .in-link a { font-size: 16px; }
}
.responsibility .links-btn .in-links-arrow { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; padding: 0 18px; pointer-events: none; }
@media screen and (min-width:577px) {
    .responsibility .links-btn .in-links-arrow { display: none; }
}
.max-xs2-size .responsibility .links-btn .in-links-arrow { padding: 0 16px; }
.responsibility .links-btn .in-links-arrow .arrow { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; float: left; cursor: pointer; pointer-events: all; transition: all 0.5s; }
.responsibility .links-btn .in-links-arrow .arrow:hover .svg path, .responsibility .links-btn .in-links-arrow .arrow:hover .svg rect { stroke: #BC8900 !important; }
.responsibility .links-btn .in-links-arrow .arrow .svg { width: 8px; }
.responsibility .links-btn .in-links-arrow .arrow .svg path, .responsibility .links-btn .in-links-arrow .arrow .svg rect { transition: all 0.5s; }
.responsibility .links-btn .in-links-arrow .arrow.next { float: right; }
.responsibility .links-btn .in-links-arrow .arrow.slick-disabled { opacity: 0.35; pointer-events: none; }
.responsibility .titleBox { padding: 0 40px; text-align: center; margin-bottom: 70px; }
.max-md-size .responsibility .titleBox { margin-bottom: 50px; }
.max-sm-size .responsibility .titleBox { padding: 0 20px; margin-bottom: 30px; }
.responsibility .titleBox .title { font-size: 35px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .responsibility .titleBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .responsibility .titleBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .responsibility .titleBox .title { font-size: 20px; }
}
.responsibility .table-links { margin-top: -15px; padding: 0 40px; position: relative; z-index: 5; }
.max-md-size .responsibility .table-links { margin-top: 0; }
.max-sm-size .responsibility .table-links { padding: 0 20px; position: relative; }
.responsibility .table-links .toggle { width: 100%; max-width: 400px; font-size: 18px; font-weight: 500; margin: auto; display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; text-align: center; background-color: rgba(244, 244, 244, 0.5); cursor: pointer; }
@media screen and (max-width:576px) {
    .responsibility .table-links .toggle { font-size: 16px; }
}
.min-sm-size .responsibility .table-links .toggle { display: none; }
.responsibility .table-links .toggle img { width: 8px; }
.responsibility .table-links .toggle img.active { transform: rotate(180deg); }
.responsibility .table-links ul { display: flex; justify-content: center; flex-wrap: wrap; }
.max-sm-size .responsibility .table-links ul { width: calc(100% - 40px); max-width: 400px; display: none; position: absolute; left: 50%; transform: translate(-50%, 0); z-index: 5; background-color: #FFFFFF; box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.1); }
.responsibility .table-links ul li { text-align: center; min-width: 150px; padding: 16px 20px; cursor: pointer; border: 1px solid rgba(188, 137, 0, 0); font-size: 18px; font-weight: 500; transition: all 0.5s; }
@media screen and (max-width:576px) {
    .responsibility .table-links ul li { font-size: 16px; }
}
.max-sm-size .responsibility .table-links ul li { min-width: unset; padding: 10px; font-size: 15px; font-weight: 300; text-align: left; }
.responsibility .table-links ul li.active { border: 1px solid #bc8900; }
.max-sm-size .responsibility .table-links ul li.active { background-color: #BC8900; color: #FFFFFF; }
.responsibility .table-links ul li:hover { border: 1px solid #bc8900; }
.max-sm-size .responsibility .table-links ul li:hover { background-color: #BC8900; color: #FFFFFF; }
.responsibility .table-links ul li+li { margin-left: 19px; }
.max-sm-size .responsibility .table-links ul li+li { margin-left: 0px; }
.social-main { padding: 110px 0 95px 0; }
.max-sm-size .social-main { padding: 80px 0 60px 0; }
.social-main .social-lists { padding-top: 103px; }
.max-sm-size .social-main .social-lists { padding-top: 30px; }
.social-main .social-lists .container { display: flex; flex-wrap: wrap; }
.social-main .social-lists .container .social-list { flex: 0 0 calc((100% - 80px)/3); margin-right: 40px; margin-bottom: 50px; }
.ie11 .social-main .social-lists .container .social-list { flex-basis: calc((100% - 80px)/3); }
@media screen and (max-width:1280px) {
    .social-main .social-lists .container .social-list { flex: 0 0 calc((100% - 40px)/2); }
    .ie11 .social-main .social-lists .container .social-list { flex-basis: calc((100% - 40px)/2); }
}
.max-sm-size .social-main .social-lists .container .social-list { flex: 0 0 100%; margin-right: 0; margin-bottom: 15px; }
.max-sm-size.ie11 .social-main .social-lists .container .social-list { flex-basis: 100%; }
.social-main .social-lists .container .social-list:nth-child(3n) { margin-right: 0; }
@media screen and (max-width:1280px) {
    .social-main .social-lists .container .social-list:nth-child(3n) { margin-right: 40px; }
}
.social-main .social-lists .container .social-list:nth-last-child(-n+3) { margin-bottom: 0; }
@media screen and (max-width:1280px) {
    .social-main .social-lists .container .social-list:nth-last-child(-n+3) { margin-bottom: 50px; }
}
@media screen and (max-width:1280px) {
    .social-main .social-lists .container .social-list:nth-child(2n) { margin-right: 0; }
}
.max-sm-size .social-main .social-lists .container .social-list:nth-child(2n) { margin-right: 0; }
@media screen and (max-width:1280px) {
    .social-main .social-lists .container .social-list:nth-last-child(-n+2) { margin-bottom: 0; }
}
.max-sm-size .social-main .social-lists .container .social-list:nth-last-child(-n+2) { margin-bottom: 15px; }
.max-sm-size .social-main .social-lists .container .social-list:last-child { margin-bottom: 0; }
.social-main .social-lists .container .social-list .social { display: inline-block; background-color: #FFFFFF; transition: all 0.5s; }
.social-main .social-lists .container .social-list .social:hover { box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.2); }
.social-main .social-lists .container .social-list .social:hover .pic img { transform: scale(1.05); }
.social-main .social-lists .container .social-list .social .pic { width: 100%; height: 290px; overflow: hidden; }
.max-sm-size .social-main .social-lists .container .social-list .social .pic { height: 250px; }
.max-xs-size .social-main .social-lists .container .social-list .social .pic { height: 210px; }
.social-main .social-lists .container .social-list .social .pic img { width: 100%; height: 100%; object-fit: cover; transition: all 0.8s; }
.social-main .social-lists .container .social-list .social .pic .ie-img { width: 100% !important; height: 100% !important; }
.social-main .social-lists .container .social-list .social .content { padding: 30px 50px 50px 50px; letter-spacing: 1px; height: 230px; overflow: hidden; border: 1px solid #F2F2F2; }
.max-md-size .social-main .social-lists .container .social-list .social .content { padding: 30px 50px; height: 215px; }
.max-sm-size .social-main .social-lists .container .social-list .social .content { height: 180px; }
.max-xs2-size .social-main .social-lists .container .social-list .social .content { padding: 30px 20px 30px 20px; }
.social-main .social-lists .container .social-list .social .content .social-title { font-size: 24px; font-weight: 500; margin-bottom: 33px; position: relative; }
@media screen and (max-width:576px) {
    .social-main .social-lists .container .social-list .social .content .social-title { font-size: 20px; }
}
.social-main .social-lists .container .social-list .social .content .social-title::after { position: absolute; display: block; content: ""; width: 4em; height: 2px; background-color: #BC8900; bottom: -18px; left: 0; }
.max-xs-size .social-main .social-lists .container .social-list .social .content .social-title::after { bottom: -13px; }
@media screen and (max-width:576px) {
    .social-main .social-lists .container .social-list .social .content .social-title { font-size: 18px; margin-bottom: 20px; }
}
.social-main .social-lists .container .social-list .social .content .social-text { overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -moz-line-clamp: 3; -moz-box-orient: vertical; }
.ie11 .social-main .social-lists .container .social-list .social .content .social-text { max-height: 6em; overflow: hidden; }
.social-in-banner .pic { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; overflow: hidden; }
.social-in-banner .pic img { width: 100%; height: 100%; object-fit: cover; animation: imgScale 30s; animation-play-state: running; }
@keyframes imgScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.social-in-banner .container { margin-top: 90px; padding-top: 130px; padding-bottom: 125px; }
.max-md-size .social-in-banner .container { padding: 80px 0; margin-top: 75px; }
.max-sm-size .social-in-banner .container { margin-top: 60px; }
.max-xs-size .social-in-banner .container { padding: 60px 0; }
.social-in-banner .container .banner-texts { text-align: center; }
.social-in-banner .container .banner-texts .banner-text { color: #FFFFFF; width: 100%; margin: auto; }
.social-in-banner .container .banner-texts .banner-text .title-en { font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; font-size: 24px; font-weight: 600; letter-spacing: 0.8px; line-height: 1.1; }
@media screen and (max-width:576px) {
    .social-in-banner .container .banner-texts .banner-text .title-en { font-size: 20px; }
}
.social-in-banner .container .banner-texts .banner-text .title { font-size: 40px; font-weight: 700; letter-spacing: 2px; }
@media screen and (max-width:1024px) {
    .social-in-banner .container .banner-texts .banner-text .title { font-size: 35px; }
}
@media screen and (max-width:576px) {
    .social-in-banner .container .banner-texts .banner-text .title { font-size: 30px; }
}
.download-main { padding: 110px 0 150px 0; }
.max-md-size .download-main { padding: 110px 0 110px 0; }
.max-sm-size .download-main { padding: 80px 0 20px 0; }
.download-main .titleBox .logo { width: 100%; max-width: 259px; height: 48px; }
.download-main .titleBox .logo img { width: 100%; height: 100%; object-fit: contain; }
.download-main .titleBox .text { margin: auto; margin-top: 40px; width: calc(100% - 80px); max-width: 1090px; text-align: center; display: block; font-size: 17px; }
@media screen and (max-width:576px) {
    .download-main .titleBox .text { font-size: 16px; }
}
.max-sm-size .download-main .titleBox .text { width: 100%; margin-top: 20px; }
.radium-main { padding: 105px 0 190px 0; }
.max-md-size .radium-main { padding: 105px 0 80px 0; }
.max-sm-size .radium-main { padding: 80px 0 70px 0; }
.radium-main .titleBox .logo { width: 100%; max-width: 267px; height: 62px; margin: auto; margin-top: 67px; }
.max-md-size .radium-main .titleBox .logo { margin-top: 40px; }
.max-sm-size .radium-main .titleBox .logo { margin-top: 30px; height: 50px; }
.max-xs-size .radium-main .titleBox .logo { margin-top: 20px; }
.radium-main .titleBox .logo img { width: 100%; height: 100%; object-fit: contain; }
.radium-main .titleBox .text { margin: auto; margin-top: 40px; width: calc(100% - 80px); max-width: 1090px; text-align: center; display: block; font-size: 17px; }
@media screen and (max-width:576px) {
    .radium-main .titleBox .text { font-size: 16px; }
}
.max-md-size .radium-main .titleBox .text { margin-top: 30px; }
.max-sm-size .radium-main .titleBox .text { width: 100%; margin-top: 20px; }
.radium-main .introBox { padding-top: 40px; }
.max-xs-size .radium-main .introBox { padding-top: 0; }
.radium-main .introBox .intro { position: relative; }
.radium-main .introBox .intro+.intro { margin-top: 123px; }
.max-md-size .radium-main .introBox .intro+.intro { margin-top: 50px; }
.radium-main .introBox .intro .pic { width: 100%; max-width: 1450px; height: 519.6px; margin-right: auto; }
.max-md-size .radium-main .introBox .intro .pic { height: 365.6px; }
.max-sm-size .radium-main .introBox .intro .pic { height: 270px; }
.max-xs2-size .radium-main .introBox .intro .pic { height: 172px; }
@media screen and (max-width:414px) {
    .radium-main .introBox .intro .pic { height: 150px !important; }
}
.radium-main .introBox .intro .pic img { width: 100%; height: 100%; object-fit: cover; }
.radium-main .introBox .intro .pic .ie-img { width: 100% !important; height: 100% !important; }
.radium-main .introBox .intro .container { position: absolute; bottom: 60px; left: 50%; transform: translate(-50%, 0); z-index: 1; }
.max-md-size .radium-main .introBox .intro .container { position: static; transform: unset; }
.max-md-size.ie11 .radium-main .introBox .intro .container { transform: translate(0, 0); }
.radium-main .introBox .intro .container .texts { width: 100%; max-width: 740px; margin-left: auto; padding: 50px 65px 57px 65px; background-color: #FFFFFF; position: relative; box-shadow: 10px 10px 15px 1px rgba(0, 0, 0, 0.1); }
.max-md-size .radium-main .introBox .intro .container .texts { margin-top: -50px; }
.max-sm-size .radium-main .introBox .intro .container .texts { padding: 30px 25px 30px 35px; }
.max-xs-size .radium-main .introBox .intro .container .texts { margin-top: -20px; }
.max-xs2-size .radium-main .introBox .intro .container .texts { padding: 30px 15px 30px 25px; }
.radium-main .introBox .intro .container .texts::before { position: absolute; display: block; content: ""; width: 100%; height: 100%; left: 14px; top: 14px; border: 2px solid #BC8900; }
.max-sm-size .radium-main .introBox .intro .container .texts::before { left: 10px; top: 10px; }
.radium-main .introBox .intro .container .texts .title { font-size: 25px; font-weight: 700; color: #BC8900; display: block; margin-bottom: 10px; }
@media screen and (max-width:1024px) {
    .radium-main .introBox .intro .container .texts .title { font-size: 22px; }
}
@media screen and (max-width:768px) {
    .radium-main .introBox .intro .container .texts .title { font-size: 20px; }
}
@media screen and (max-width:576px) {
    .radium-main .introBox .intro .container .texts .title { font-size: 18px; }
}
.radium-main .introBox .intro .container .texts .text { display: block; }
.radium-main .introBox .intro:nth-child(even) .pic { max-width: 1200px; height: 467.7px; margin-right: unset; margin-left: auto; }
.ie11 .radium-main .introBox .intro:nth-child(even) .pic { margin-right: 0; }
.max-md-size .radium-main .introBox .intro:nth-child(even) .pic { height: 399.7px; }
.max-sm-size .radium-main .introBox .intro:nth-child(even) .pic { height: 299.7px; }
.max-xs2-size .radium-main .introBox .intro:nth-child(even) .pic { height: 186.7px; }
@media screen and (max-width:414px) {
    .radium-main .introBox .intro:nth-child(even) .pic { height: 165px !important; }
}
.radium-main .introBox .intro:nth-child(even) .container { bottom: unset; top: 99px; }
.max-md-size .radium-main .introBox .intro:nth-child(even) .container { top: unset; bottom: -140px; }
.radium-main .introBox .intro:nth-child(even) .container .texts { margin-left: 0; margin-right: auto; padding: 70px 65px 57px 65px; }
.max-sm-size .radium-main .introBox .intro:nth-child(even) .container .texts { padding: 30px 35px 30px 25px; }
.max-xs2-size .radium-main .introBox .intro:nth-child(even) .container .texts { padding: 30px 25px 30px 15px; }
.radium-main .introBox .intro:nth-child(even) .container .texts::before { left: -14px; }
.max-sm-size .radium-main .introBox .intro:nth-child(even) .container .texts::before { top: 10px; left: -10px; }
.contact-banner .pic { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; overflow: hidden; }
.contact-banner .pic img { width: 100%; height: 100%; object-fit: cover; animation: imgScale 30s; animation-play-state: running; }
@keyframes imgScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.contact-banner .container { margin-top: 90px; padding-top: 130px; padding-bottom: 125px; }
.max-md-size .contact-banner .container { padding: 80px 0; margin-top: 75px; }
.max-sm-size .contact-banner .container { margin-top: 60px; }
.max-xs-size .contact-banner .container { padding: 60px 0; }
.contact-banner .container .banner-texts { text-align: center; }
.contact-banner .container .banner-texts .banner-text { color: #FFFFFF; width: 100%; margin: auto; }
.contact-banner .container .banner-texts .banner-text .title-en { font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; font-size: 24px; font-weight: 600; letter-spacing: 0.8px; line-height: 1.1; color: #C1C2C2; }
@media screen and (max-width:576px) {
    .contact-banner .container .banner-texts .banner-text .title-en { font-size: 20px; }
}
.contact-banner .container .banner-texts .banner-text .title { font-size: 40px; font-weight: 700; letter-spacing: 2px; }
@media screen and (max-width:1024px) {
    .contact-banner .container .banner-texts .banner-text .title { font-size: 35px; }
}
@media screen and (max-width:576px) {
    .contact-banner .container .banner-texts .banner-text .title { font-size: 30px; }
}
.contact-main::before { position: absolute; display: block; content: ""; width: 100%; height: calc(100% - 160px); background-color: #F9F9F9; left: 0; bottom: 0; }
.contact-main::after { position: absolute; display: block; content: ""; width: 1px; height: 141.3px; background-color: #BC8900; left: 50%; top: -92.3px; transform: translate(-50%, 0); z-index: 1; }
.max-md-size .contact-main::after { height: 120px; top: -64.3px; }
.max-sm-size .contact-main::after { height: 100px; top: -55.3px; }
.max-xs-size .contact-main::after { height: 80px; top: -44px; }
.contact-main .container { position: relative; z-index: 1; padding: 75px 0px 115px 0px; background-color: #fff; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); }
.max-sm-size .contact-main .container { padding-bottom: 70px; }
.max-xs-size .contact-main .container { padding-top: 50px; }
.contact-main .container .titleBox { margin-bottom: 40px; text-align: center; }
.max-sm-size .contact-main .container .titleBox { margin-bottom: 30px; }
.contact-main .container .titleBox .title { font-size: 36px; font-weight: 700; margin-bottom: 16px; }
@media screen and (max-width:1024px) {
    .contact-main .container .titleBox .title { font-size: 30px; }
}
@media screen and (max-width:768px) {
    .contact-main .container .titleBox .title { font-size: 25px; }
}
@media screen and (max-width:576px) {
    .contact-main .container .titleBox .title { font-size: 20px; }
}
.contact-main .container form { width: calc(100% - 80px); max-width: 1200px; margin: auto; }
.max-sm-size .contact-main .container form { width: calc(100% - 40px); }
.contact-main .container form .input-groups { display: flex; }
.max-md-size .contact-main .container form .input-groups { flex-wrap: wrap; }
.contact-main .container form .input-groups+.input-groups { margin-top: 29.5px; }
.max-sm-size .contact-main .container form .input-groups+.input-groups { margin-top: 20px; }
.max-xs2-size .contact-main .container form .input-groups+.input-groups { margin-top: 10px; }
.contact-main .container form .input-groups .input-group { flex: 1; display: flex; flex-wrap: wrap; }
.max-md-size .contact-main .container form .input-groups .input-group { flex: 0 0 100%; }
.max-xs2-size .contact-main .container form .input-groups .input-group { display: block; width: 100%; }
.contact-main .container form .input-groups .input-group.textarea { position: relative; }
.contact-main .container form .input-groups .input-group.textarea::after { position: absolute; display: block; content: ""; right: 2px; bottom: 2px; background-image: url("./images/contact/resize.svg"); background-repeat: no-repeat; background-size: cover; width: 13px; height: 13px; pointer-events: none; }
.max-xs2-size .contact-main .container form .input-groups .input-group.textarea::after { bottom: 7px; }
.contact-main .container form .input-groups .input-group.verify-group { display: flex; }
.max-xs2-size .contact-main .container form .input-groups .input-group.verify-group input { display: inline-block; min-width: 0; flex: 0 0 calc(100% - 85px); }
.contact-main .container form .input-groups .input-group+.input-group { margin-left: 60px; text-align: right; }
.max-lg-size .contact-main .container form .input-groups .input-group+.input-group { margin-left: 40px; text-align: left; }
.max-md-size .contact-main .container form .input-groups .input-group+.input-group { flex: 100%; margin-left: 0; margin-top: 29.5px; }
.max-sm-size .contact-main .container form .input-groups .input-group+.input-group { margin-top: 20px; }
.max-xs2-size .contact-main .container form .input-groups .input-group+.input-group { margin-top: 10px; }
.contact-main .container form .input-groups .input-group .label { display: block; width: 250px; padding-top: 11.5px; padding-right: 32px; letter-spacing: 0.8px; font-size: 15px; font-weight: 500; }
@media screen and (max-width:576px) {
    .contact-main .container form .input-groups .input-group .label { font-size: 16px; }
}
.max-lg-size .contact-main .container form .input-groups .input-group .label { width: 140px; padding-right: 0; }
.max-md-size .contact-main .container form .input-groups .input-group .label { width: 150px; }
.max-sm-size .contact-main .container form .input-groups .input-group .label { padding-top: 6.5px; }
.max-xs-size .contact-main .container form .input-groups .input-group .label { letter-spacing: 0; width: 120px; }
.max-xs2-size .contact-main .container form .input-groups .input-group .label { width: 100%; margin-bottom: 5px; }
.contact-main .container form .input-groups .input-group .label .space { display: inline-block; width: 2em; }
.contact-main .container form .input-groups .input-group label { width: 250px; padding-top: 11.5px; padding-right: 32px; letter-spacing: 0.8px; font-size: 15px; font-weight: 500; text-align: left; padding-bottom: 0.5em; }
@media screen and (max-width:576px) {
    .contact-main .container form .input-groups .input-group label { font-size: 16px; }
}
.max-lg-size .contact-main .container form .input-groups .input-group label {    /* width: 140px;
        padding-right: 0; */
width: 155px; padding-right: 0; padding-top: 0; align-items: center; display: flex; flex-wrap: wrap; padding-bottom: 0; }
.max-md-size .contact-main .container form .input-groups .input-group label { width: 155px; }
.max-sm-size .contact-main .container form .input-groups .input-group label { padding-top: 6.5px; }
.max-xs-size .contact-main .container form .input-groups .input-group label { letter-spacing: 0; width: 120px; }
.max-xs2-size .contact-main .container form .input-groups .input-group label { width: 100%; margin-bottom: 5px; }
.contact-main .container form .input-groups .input-group label .space { display: inline-block; width: 1em; }
.contact-main .container form .input-groups .input-group input { flex: 1; height: 50px; line-height: normal; background-color: #F4F4F4; border-radius: 5px; border: 1px solid #D2D2D2; padding: 0 24px; font-weight: 500; min-width: unset; box-shadow: unset; display: -webkit-inline-box; -webkit-appearance: none; transition: all 0.5s; }
.max-sm-size .contact-main .container form .input-groups .input-group input { height: 40px; padding: 0 15px; }
.max-xs2-size .contact-main .container form .input-groups .input-group input { width: 100%; }
.contact-main .container form .input-groups .input-group input.must:focus { border: 1px solid #BC8900; }
.contact-main .container form .input-groups .input-group .select2-container { flex: 1; }
.max-xs2-size .contact-main .container form .input-groups .input-group .select2-container { width: 100% !important; }
.contact-main .container form .input-groups .input-group .select2-container.select2-container--open .selection .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #959595 transparent; border-width: 0 6px 6px 6px; }
.contact-main .container form .input-groups .input-group .select2-container .selection .select2-selection--single { padding: 0 24px; height: 50px; border-color: #D2D2D2; background-color: #F4F4F4; }
.max-sm-size .contact-main .container form .input-groups .input-group .select2-container .selection .select2-selection--single { padding: 0 15px; height: 40px; }
.contact-main .container form .input-groups .input-group .select2-container .selection .select2-selection--single .select2-selection__rendered { color: #262626; line-height: 50px; text-align: left; padding: 0; font-weight: 500; }
.max-sm-size .contact-main .container form .input-groups .input-group .select2-container .selection .select2-selection--single .select2-selection__rendered { line-height: 40px; }
.contact-main .container form .input-groups .input-group .select2-container .selection .select2-selection--single .select2-selection__arrow { top: 12px; right: 17px; }
.max-sm-size .contact-main .container form .input-groups .input-group .select2-container .selection .select2-selection--single .select2-selection__arrow { top: 8px; right: 11px; }
.contact-main .container form .input-groups .input-group .select2-container .selection .select2-selection--single .select2-selection__arrow b { border-width: 6px 6px 0 6px; border-color: #959595 transparent transparent transparent; }
.contact-main .container form .input-groups .input-group .radio-group { flex: 1; display: flex; flex-wrap: wrap; }
.contact-main .container form .input-groups .input-group .radio-group .group { display: flex; height: 50px; align-items: center; margin-right: 25px; }
.max-sm-size .contact-main .container form .input-groups .input-group .radio-group .group { height: 40px; }
.contact-main .container form .input-groups .input-group .radio-group .group input[type=radio] { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; outline: none; border: 1px solid #D2D2D2; padding: 0; position: relative; }
.max-sm-size .contact-main .container form .input-groups .input-group .radio-group .group input[type=radio] { width: 16px; height: 16px; }
.contact-main .container form .input-groups .input-group .radio-group .group input[type=radio]::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; }
.contact-main .container form .input-groups .input-group .radio-group .group input[type=radio]:checked::before { background-color: #BC8900; }
.contact-main .container form .input-groups .input-group .radio-group .group label { letter-spacing: 1.5px; font-size: 16px; width: auto; margin-left: 9px; padding-top: 0; padding-right: 0; }
@media screen and (max-width:576px) {
    .contact-main .container form .input-groups .input-group .radio-group .group label { font-size: 14px; }
}
.max-xs-size .contact-main .container form .input-groups .input-group .radio-group .group label { letter-spacing: 0; }
.max-xs2-size .contact-main .container form .input-groups .input-group .radio-group .group label { margin-bottom: 0; }
.contact-main .container form .input-groups .input-group textarea { flex: 1; height: 270px; padding: 13px 24px; border: 1px solid #D2D2D2; background-color: #F4F4F4; border-radius: 5px; -webkit-appearance: none; transition: all 0.5s; }
.max-sm-size .contact-main .container form .input-groups .input-group textarea { height: 220px; padding: 8px 15px; }
.max-xs2-size .contact-main .container form .input-groups .input-group textarea { width: 100%; }
.contact-main .container form .input-groups .input-group textarea::placeholder { color: #262626; }
.contact-main .container form .input-groups .input-group textarea:focus { border: 1px solid #BC8900; }
.contact-main .container form .input-groups .input-group textarea::-webkit-resizer { display: none; }
.contact-main .container form .input-groups .input-group .verify { width: 88px; height: 43px; margin-left: 30px; }
.max-sm-size .contact-main .container form .input-groups .input-group .verify { height: 40px; margin-left: 15px; }
.max-xs2-size .contact-main .container form .input-groups .input-group .verify { width: 70px; display: inline-block; }
.contact-main .container form .input-groups .input-group .verify img { width: 100%; height: 100%; object-fit: contain; }
.contact-main .container form .btn-group { display: flex; justify-content: center; margin-top: 72px; }
.max-sm-size .contact-main .container form .btn-group { margin-top: 50px; }
.max-xs-size .contact-main .container form .btn-group { margin-top: 40px; }
.contact-main .container form .btn-group .btn { width: 100%; max-width: 268px; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #555555; color: #FFFFFF; transition: all 0.5s; border-radius: unset; font-weight: 300; }
.max-sm-size .contact-main .container form .btn-group .btn { max-width: 200px; }
.max-xs-size .contact-main .container form .btn-group .btn { max-width: 150px; height: 45px; }
.contact-main .container form .btn-group .btn:hover { background-color: #BC8900; }
.contact-main .container form .btn-group .btn+.btn { margin-left: 17.6px; }
.contact-dropdown.select2-container--open .select2-dropdown--below { box-shadow: unset; border: 1px solid #D2D2D2; border-radius: 5px; overflow: hidden; }
.contact-dropdown.select2-container--open .select2-dropdown--above { border: 1px solid #D2D2D2; }
.contact-dropdown .select2-results .select2-results__options { max-height: 255px; }
.contact-dropdown .select2-results .select2-results__options .select2-results__option { background-color: #F4F4F4; padding: 13px 24px; font-weight: 500; font-family: "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif; }
.max-sm-size .contact-dropdown .select2-results .select2-results__options .select2-results__option { padding: 8px 15px; text-align: left; }
.contact-dropdown .select2-results .select2-results__options .select2-results__option+.select2-results__option { border-top: 1px solid #D2D2D2; }
.contact-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected] { background-color: #E6E6E6; color: #262626; }
.contact-alert { z-index: 2001 !important; }
.contact-alert .swal2-modal { width: 100%; max-width: 600px; padding-top: 100px; padding-bottom: 4em; border-radius: 5%; }
.max-xs-size .contact-alert .swal2-modal { padding-top: 60px; padding-block-end: 40px; }
.max-sm-size .contact-alert .swal2-modal .swal2-header { padding: 0; }
.contact-alert .swal2-modal .swal2-header .swal2-image { width: 100%; max-width: 114px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); margin: 0; }
.max-xs-size .contact-alert .swal2-modal .swal2-header .swal2-image { max-width: 80px; }
.contact-alert .swal2-modal .swal2-header .swal2-title { font-size: 30px; color: #262626; }
@media screen and (max-width:1024px) {
    .contact-alert .swal2-modal .swal2-header .swal2-title { font-size: 28px; }
}
@media screen and (max-width:768px) {
    .contact-alert .swal2-modal .swal2-header .swal2-title { font-size: 24px; }
}
.max-sm-size .contact-alert .swal2-modal .swal2-content { padding: 0; }
.contact-alert .swal2-modal .swal2-content .swal2-html-container { width: 100%; max-width: 285px; width: 285px; font-size: 16px; font-weight: 300; margin: auto; }
@media screen and (max-width:576px) {
    .contact-alert .swal2-modal .swal2-content .swal2-html-container { font-size: 14px; }
}
.max-sm-size .contact-alert .swal2-modal .swal2-content .swal2-html-container { max-width: 255px; }
.contact-alert .swal2-modal .swal2-actions { margin-top: 2em; }
.contact-alert .swal2-modal .swal2-actions .swal2-confirm { width: 100%; max-width: 200px; padding: 18px 10px; font-size: 16px; font-weight: 300; color: #FFFFFF; margin: 0; background-color: #BC8900; }
@media screen and (max-width:576px) {
    .contact-alert .swal2-modal .swal2-actions .swal2-confirm { font-size: 14px; }
}
.max-xs-size .contact-alert .swal2-modal .swal2-actions .swal2-confirm { padding: 13px 10px; }
.contact-alert .swal2-modal .swal2-actions .swal2-confirm.swal2-styled:focus { box-shadow: unset; }
.sitemap-main { background-color: #FFFFFF; }
.sitemap-main .container { padding-bottom: 130px; }
.sitemap-main .container .links .link { padding: 53px 50px 44px 50px; }
.sitemap-main .container .links .link:nth-child(even) { background-color: #F9F9F9; }
.max-sm-size .sitemap-main .container .links .link { padding: 30px 20px 30px 20px; }
.max-xs-size .sitemap-main .container .links .link { padding: 20px 15px 20px 15px; }
.sitemap-main .container .links .link .title { font-size: 20px; font-weight: 700; }
@media screen and (max-width:1024px) {
    .sitemap-main .container .links .link .title { font-size: 18px; }
}
.sitemap-main .container .links .link .title+ul { margin-top: 25px; }
.max-xs-size .sitemap-main .container .links .link .title+ul { margin-top: 10px; }
.sitemap-main .container .links .link .subtitle { display: block; color: #BC8900; font-size: 18px; font-weight: 500; padding-left: 12px; margin: 25px 0 15px 0; }
@media screen and (max-width:576px) {
    .sitemap-main .container .links .link .subtitle { font-size: 16px; }
}
.max-sm-size .sitemap-main .container .links .link .subtitle { margin: 15px 0 5px 0; }
.max-xs-size .sitemap-main .container .links .link .subtitle { padding-left: 9px; margin: 10px 0 5px 0; }
.sitemap-main .container .links .link ul { display: flex; flex-wrap: wrap; }
.sitemap-main .container .links .link ul+.subtitle { margin-top: 32px; }
.sitemap-main .container .links .link ul li { flex: 0 0 20%; padding-right: 10px; }
.sitemap-main .container .links .link ul li:nth-child(n+6) { margin-top: 35px; }
.max-sm-size .sitemap-main .container .links .link ul li:nth-child(n+6) { margin-top: 10px; }
.max-md-size .sitemap-main .container .links .link ul li:nth-child(n+5) { margin-top: 35px; }
.max-sm-size .sitemap-main .container .links .link ul li:nth-child(n+5) { margin-top: 10px; }
.max-sm-size .sitemap-main .container .links .link ul li:nth-child(n+4) { margin-top: 10px; }
.max-xs-size .sitemap-main .container .links .link ul li:nth-child(n+3) { margin-top: 10px; }
.max-md-size .sitemap-main .container .links .link ul li { flex: 0 0 25%; }
.max-sm-size .sitemap-main .container .links .link ul li { flex: 0 0 33%; }
.max-xs-size .sitemap-main .container .links .link ul li { flex: 0 0 50%; }
.sitemap-main .container .links .link ul li a { display: inline-block; font-size: 18px; transition: all 0.5s; text-indent: -12px; padding-left: 12px; }
@media screen and (max-width:576px) {
    .sitemap-main .container .links .link ul li a { font-size: 16px; }
}
.sitemap-main .container .links .link ul li a:hover { color: #BC8900; }
.sitemap-main .container .links .link ul li a::before { display: inline-block; content: ""; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent transparent transparent #BC8900; margin: 0 8px 3px 0; }
.max-xs-size .sitemap-main .container .links .link ul li a::before { margin-right: 5px; }
.privacy-banner .pic { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; overflow: hidden; }
.privacy-banner .pic img { width: 100%; height: 100%; object-fit: cover; animation: imgScale 30s; animation-play-state: running; }
@keyframes imgScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.privacy-banner .container { margin-top: 90px; padding-top: 130px; padding-bottom: 125px; }
.max-md-size .privacy-banner .container { padding: 80px 0; margin-top: 75px; }
.max-sm-size .privacy-banner .container { margin-top: 60px; }
.max-xs-size .privacy-banner .container { padding: 60px 0; }
.privacy-banner .container .banner-texts { text-align: center; }
.privacy-banner .container .banner-texts .banner-text { color: #FFFFFF; width: 100%; margin: auto; }
.privacy-banner .container .banner-texts .banner-text .title-en { font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; font-size: 24px; font-weight: 600; letter-spacing: 0.8px; line-height: 1.1; color: #C1C2C2; }
@media screen and (max-width:576px) {
    .privacy-banner .container .banner-texts .banner-text .title-en { font-size: 20px; }
}
.privacy-banner .container .banner-texts .banner-text .title { font-size: 40px; font-weight: 700; letter-spacing: 2px; }
@media screen and (max-width:1024px) {
    .privacy-banner .container .banner-texts .banner-text .title { font-size: 35px; }
}
@media screen and (max-width:576px) {
    .privacy-banner .container .banner-texts .banner-text .title { font-size: 30px; }
}
.idx-opening { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 6000; }
@media screen and (max-width:999px) {
    .idx-opening { display: none !important; }
}
.idx-opening.hide { display: none; }
.idx-opening .scene { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.idx-opening .scene.begin { background-color: #FFFFFF; z-index: 1; }
.idx-opening .scene.begin.animation { animation: begin 1 forwards; animation-delay: 1s; }
@keyframes begin {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
.idx-opening .scene.scene1 { z-index: 2; transform: translateX(-200%); transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
.idx-opening .scene.scene1.animation { transform: translateX(0); }
.idx-opening .scene.scene1.animation .idx-contain .idx-page--left { transition-delay: 1.8s; transform: translateX(-200%); }
.idx-opening .scene.scene1.animation .idx-contain .idx-page--right { transition-delay: 1.8s; transform: translateX(200%); }
.idx-opening .scene.scene1 .idx-contain .idx-page .idx-page--skew { background-color: #BC8900; }
.idx-opening .scene.scene2 { z-index: 3; }
.idx-opening .scene.scene2.animation .word-wrapper { animation: gone 0.5s forwards; animation-delay: 1.8s; }
@keyframes gone {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
.idx-opening .scene.scene2.animation .word-wrapper .title { transition-delay: 1s; transform: translateX(0); }
.idx-opening .scene.scene2.animation .word-wrapper .subtitle { transition-delay: 1s; transform: translateX(0); }
.idx-opening .scene.scene2 .word-wrapper { position: absolute; top: 51%; transform: translateY(-50%); color: #FFFFFF; width: 100%; text-align: center; }
.idx-opening .scene.scene2 .word-wrapper .title { font-family: "Poppins", "Microsoft JhengHei", Arial, sans-serif; font-size: 90px; font-weight: 600; line-height: 1.2; margin-bottom: 5px; transform: translateX(-100%); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
@media screen and (max-width:1024px) {
    .idx-opening .scene.scene2 .word-wrapper .title { font-size: 70px; }
}
@media screen and (max-width:768px) {
    .idx-opening .scene.scene2 .word-wrapper .title { font-size: 50px; }
}
@media screen and (max-width:576px) {
    .idx-opening .scene.scene2 .word-wrapper .title { font-size: 40px; }
}
@media screen and (max-width:320px) {
    .idx-opening .scene.scene2 .word-wrapper .title { font-size: 30px; padding: 0 10px; }
}
.idx-opening .scene.scene2 .word-wrapper .subtitle { font-size: 40px; font-weight: 500; margin-bottom: 10px; transform: translateX(100%); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
@media screen and (max-width:1024px) {
    .idx-opening .scene.scene2 .word-wrapper .subtitle { font-size: 35px; }
}
@media screen and (max-width:576px) {
    .idx-opening .scene.scene2 .word-wrapper .subtitle { font-size: 30px; }
}
@media screen and (max-width:320px) {
    .idx-opening .scene.scene2 .word-wrapper .subtitle { font-size: 30px; }
}
.idx-opening .scene.scene2 .word-wrapper .subtitle .d-inline-block { position: relative; padding: 0 0.8em; }
.idx-opening .scene.scene2 .word-wrapper .subtitle .d-inline-block:before { position: absolute; display: block; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); left: -1em; width: 1em; height: 1px; background-color: #FFFFFF; }
.idx-opening .scene.scene2 .word-wrapper .subtitle .d-inline-block:after { position: absolute; display: block; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); right: -1em; width: 1em; height: 1px; background-color: #FFFFFF; }
.idx-opening .scene .idx-contain { position: relative; width: 100%; height: 100%; transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
.idx-opening .scene .idx-contain .idx-page { position: absolute; top: 0; width: 50%; height: 100vh; transition: transform 1350ms; }
.idx-opening .scene .idx-contain .idx-page .idx-page--skew { overflow: hidden; position: absolute; top: 0; width: 200%; height: 100%; background-color: #BC8900; transform: skewX(-25deg); }
.idx-opening .scene .idx-contain .idx-page.idx-page--left { left: 0; transform: translateX(0vh) translateY(0%) translateZ(0); z-index: 1; }
.idx-opening .scene .idx-contain .idx-page.idx-page--left .idx-page--skew { left: -100%; border-right: 1px solid #DCDCDC; }
.idx-opening .scene .idx-contain .idx-page.idx-page--right { left: 50%; transform: translateX(0vh) translateY(0%) translateZ(0); }
.idx-opening .scene .idx-contain .idx-page.idx-page--right .idx-page--skew { right: -100%; }

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

/*  20211015新增  */
.video-js .vjs-big-vr-play-button, .vjs-has-started .vjs-control-bar{
  display: none;
}
.index-banner .iframeVideosBanner{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden
}
.index-banner .iframeVideosBanner iframe{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: calc(100% + 80px);
  transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
  .index-banner .iframeVideosBanner iframe {
    height: calc(56.25vw + 00px);
  }
}
@media (max-aspect-ratio: 16/9) {
  .index-banner .iframeVideosBanner iframe {
    width: 177.78vh;
  }
}