@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css");@import url("https://unpkg.com/swiper/swiper-bundle.min.css");html{scroll-behavior:smooth}body{font-family:Noto Sans TC,Noto Sans SC,sans-serif;font-size:11px;color:#777}html[lang=zh-Hans] body,html[lang=zh] body{font-size:14px}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;line-height:1.2em}h1{font-weight:700}h1,h4,h6{text-transform:uppercase}h4,h6{letter-spacing:.15rem}h6{font-weight:700}img{width:100%}a,a:active,a:hover{text-decoration:none;color:inherit}.text-white{color:#fff}.text-green{color:#b0ca8e}.text-green-dark{color:#3d5819}.text-brown{color:#caaa8e}.text-size-bigger{font-size:1.5rem}.text-bold{font-weight:700}.text-block{background-color:#5e5e5e;display:inline-block;padding:3px 10px;color:#fff}.bg-grey-light{background-color:#d2d2d2}.bg-grey{background-color:#5e5e5e}.bg-blue{background-color:#c5cfd9}.bg-navy{background-color:#c0d2df}.bg-green{background-color:#b0ca8e}.bg-green-light{background-color:#daedd8}.bg-beige{background-color:#d4cda9}.bg-beige-light{background-color:#fdf2e7}.bg-beige-dark{background-color:#f7d4b0}.bg-investor,.bg-pink{background-color:#dfc5c0}.bg-csr,.bg-purple{background-color:#d5b8c8}.bg-brown-light{background-color:#f0eee2}.bg-brown,.bg-products{background-color:#caaa8e}.bg-white{background-color:#fff}.center{text-align:center}.spacer-top-bottom{padding-top:20px;padding-bottom:20px}.spacer-buffer{padding:20px}.spacer-buffer-50{padding:50px}.smooth-ani{-webkit-transition:all .5s cubic-bezier(.625,.07,.32,.945);-moz-transition:all .5s cubic-bezier(.625,.07,.32,.945);-ms-transition:all .5s cubic-bezier(.625,.07,.32,.945);-o-transition:all .5s cubic-bezier(.625,.07,.32,.945);transition:all .5s cubic-bezier(.625,.07,.32,.945)}.btn{padding:10px 30px;border:1px solid #fff;margin:5px}.layout-canvas{margin:0 auto;width:100%;min-height:100vh}.layout-2-cols-left{padding:20px 55% 20px 30px}.layout-2-cols-image-right{position:absolute;width:55%;overflow:hidden;margin-top:5%;right:0}.layout-1-cols-image{position:absolute;margin-top:-50px;right:0;width:70%;max-width:780px}.layout-margin-limiter{margin-top:min(40%,450px)}.chart-table img{margin:20px 0;width:auto;height:150px}.layout-text-vertical-center{display:flex;align-items:center;height:100%;padding:20px}.layout-image-border,.layout-image-frame{overflow:hidden}.grid{display:grid}.grid-gutter{grid-gap:10px}.grid-4-cols{grid-template-columns:1fr 1fr 1fr 1fr;align-items:center}.grid-4-cols div{display:flex;align-items:center;min-height:25vw}.swiper-container{width:100%}.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{opacity:.5;color:#000}header .header-logo img{position:absolute;top:0;width:180px;height:auto}header .mobile-menu{display:none;position:absolute;left:0;width:100%;height:100vh;overflow:hidden}header .mobile-menu .menu-handler{position:fixed;right:0;top:0;width:35px;height:35px;background-color:#fff;z-index:30000;padding:15px}header .mobile-menu .menu-handler hr{border:1px solid #1f437d;margin-top:10px;margin-bottom:0}header .mobile-menu .menu-handler hr:first-child{margin-top:5px}header .mobile-menu .menu-handler.clicked hr:first-child{margin-top:15px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}header .mobile-menu .menu-handler.clicked hr:last-child{margin-top:-14px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}header .mobile-menu .menu-handler.clicked hr:nth-child(2){opacity:0}header .mobile-menu .menu-bg{position:fixed;top:0;left:0;z-index:12000;width:100%;height:100%;background:rgba(19,25,80,.95)}header .mobile-menu .menu-bg.hide{left:100vw}header .mobile-menu .nav-menu{margin-top:100px;position:fixed;z-index:12100;left:0}header .mobile-menu .nav-menu li{display:block;width:100vw;text-align:center;font-size:2rem;color:#fff;margin-bottom:20px}header .mobile-menu .nav-menu li:last-child{margin-top:40px;font-weight:100;font-size:1.5rem}header .mobile-menu .nav-menu li:last-child a{padding:5px 8px;border:1px solid #fff;margin:0 5px}header .mobile-menu .nav-menu.hide{left:100vw}header .header-menu .nav-menu{width:100%;text-align:right}header .header-menu .nav-menu ul{margin:0}header .header-menu .nav-menu li{background-color:#fff;display:inline-block;margin:0;padding:20px 15px}header .header-menu .nav-menu li:first-child{background-color:#fff;padding-left:30px}header .header-menu .nav-menu li:first-child a{margin-left:0}header .header-menu .nav-menu li.menuitem-language{color:#fff;text-align:center;background-color:#1f437d;padding-right:20px;padding-left:20px}header .header-menu .nav-menu li.menuitem-language a{margin-left:5px}footer{width:100%;min-height:200px;background-color:#1f437d;text-align:center;color:#ccc;z-index:9000}footer .footer-menu{padding-top:20px;margin-bottom:20px}footer .footer-menu li{display:inline-block;padding:5px 30px;font-weight:100}footer .footer-disclaimer{color:#fff;font-weight:300}section#keyvisual{margin-bottom:0}section{width:100%}section .gfx-block-white{width:100%;z-index:10;height:10vh;margin-top:-10vh;position:absolute;background-color:#fff}section .banner-hero{width:calc(100% - 260px);position:relative;z-index:100;max-height:750px;min-height:600px;height:100%;margin-left:260px;overflow:hidden}section .banner-hero img{min-width:1180px;margin-left:0;width:100%}section .banner-hero-text{z-index:1000;position:absolute;max-width:500px;min-width:250px;margin-left:180px;top:260px}section .banner-hero-text h1{margin-bottom:10px;line-height:1em}section .gfx-elem{position:relative;height:0;width:100%;z-index:350}section .elem-1{position:absolute;right:0;width:25vw;min-width:250px}section .elem-1 img{width:100%}section .elem-2{margin-top:50px}section .elem-2 img{width:200px}section .elem-3{top:-150px;left:-250px}section .elem-3 img{width:200px}section .local-url-tag{display:inline-block;padding:3px 10px;background-color:#1f437d;font-weight:300;text-transform:uppercase}@media (max-width:960px){header .mobile-menu{display:block}header .header-menu .nav-menu li{display:none}}@media (max-width:560px){p{font-size:1.65rem}header .header-logo img{z-index: 9999;width:120px}section .banner-hero{width:calc(100% - 40px);height:60vh;max-height:unset;margin-left:40px}section .banner-hero img{margin-top:160px;margin-left:-120%;height:unset;min-width:unset;width:200%}section .banner-hero-text{top:200px;margin-left:80px;padding-right:26.66667px}section .banner-hero-text h1{font-size:3.5rem}section .elem-1{right:65px;margin-top:65px;width:30vw;min-width:50px}section .elem-2{margin-top:50px;margin-left:-65px}section .elem-2 img{width:200px}footer .footer-menu ul{display:none}}
/*# sourceMappingURL=/jbm_style.938b6505.css.map */