<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root{
--max-width: 1680px;
--pad-space: 40px;
--main-color: #D71921;
--map-header-height: 176.08px;
--home-header-height: 121px;
--global-h1-size:43px;
--global-h2-size:31px;
--global-h3-size: 75px;
--global-h4-size: 30px;
--global-p-size: 18px;
--box-radius:45px;
--section-gap: 160px;
--ch-font:"Noto Sans TC", sans-serif;
--ja-font:"Noto Sans JP", sans-serif;
--en-font:"Poppins", sans-serif;
--sec-en-size:60px;
--xd-100px:94px;
--xd-80px:75px;
--xd-65px:60px;
--xd-48px:45px;
--xd-42px:39px;
--xd-33px:31px;
--xd-30px:27px;
--xd-28px:26px;
--xd-25px:23px;
--xd-24px:22px;
--xd-22px:21px;
--xd-19px:18px;
--xd-16px:15px;
}
.page-header{
display: none;
}
.fixed-bg{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: -1;
}
.fixed-bg&gt;div{
width: 100%;
height: 100%;
background-color: black;
}
.fixed-bg img{
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
display: block;
opacity: 0.5;
}
#content{
padding: 0 !important;
}
.top-section {
background: white;
}
.go_to_top{
position: fixed;
bottom: 7%;
right: calc( 10px + var(--pad-space));
background: white;
border:2px solid #707070;
width: 45px;
height: 45px;
padding: 11px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
opacity: 0.5;
z-index:110;
}
.go_to_top:hover,
.go_to_top:active,
.go_to_top:focus{
background: var(--main-color);
border: 2px solid var(--main-color);
outline: unset;
}
.go_to_top svg line{
fill:none;
stroke:#707070;
stroke-width:2;
stroke-linecap:round;
}
.go_to_top&gt;svg{
width: 100%;
}
.go_to_top:hover svg line,
.go_to_top:active svg line,
.go_to_top:focus svg line{
stroke: white;
}
.go_to_top&gt;img{
width: 100%;
position: relative;
z-index: 1;
} .site-header{
margin-inline-start: 0 !important;
margin-inline-end: 0 !important;
padding-block-start: 0 !important;
padding-block-end: 0 !important;
max-width: unset !important;
position: fixed !important;
padding-inline-start: 0 !important;
padding-inline-end: 0 !important;
padding: 0 var(--pad-space) !important;
top: 20px;
left: 0px;
z-index: 101;
transition: all .5s;
}
.site-branding{
width: 100%;
}
.site-branding&gt;div{
background: rgb(232 232 232 / 62%);
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 10px 30px 10px 80px;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 100px;
transition: all .5s;
}
.site-branding&gt;div&gt;div:first-child&gt;a{
display: flex;
transition: all .5s;
transition: unset;
}
.site-branding&gt;div&gt;div:first-child img{
width: 70px;
transition: all .5s;
}
.site-branding&gt;div&gt;div:last-child{
display: flex;
gap: 30px;
transition: all .5s;
padding-top: 20px;
}
.site-branding&gt;div&gt;div:last-child a{
display: flex;
align-items: center;
}
.site-branding&gt;div&gt;div:last-child button{
display: flex;
align-items: center;
background: var(--main-color) !important;
border: 2px solid var(--main-color) !important;
padding: 7px 28px;
border-radius: 50px;
}
.site-branding&gt;div&gt;div:last-child button svg{
width: 30px;
}
.lang_select{
display: grid;
grid-template-columns: 25px 1fr auto;
gap: 10px;
align-items: center;
cursor: pointer;
position: relative;
}
.lang_select&gt;p{
font-family: "Noto Sans TC", sans-serif;
color: #4B4A4A;
font-size: 15px;
font-weight: 400;
margin: 0;
}
.lang_select&gt;ul{
position: absolute;
top:100%;
left: 0;
visibility: hidden;
list-style-type: none;
width: 100%;
padding: 0;
display: grid;
grid-template-columns: 1fr;
grid-gap:10px;
opacity: 0;
padding-top: 10px;
}
.lang_select:hover ul{
visibility: visible;
opacity: 1;
transition: .5s all;
}
.lang_select ul li{
background: #AFAFAF;
width: 100%;
padding: 7px 10px;
border-radius: 50px;
}
.lang_select ul li.no-translation{ }
.lang_select ul li a{
font-family: "Noto Sans TC", sans-serif;
color: white;
font-size: 15px;
font-weight: 400;
margin: 0;
display: block !important;
text-align: center;
}
.site-header.scroll_down{
opacity: 0;
z-index: -2;
}
.open_icon:hover,
.open_icon:active,
.open_icon:focus,
.close_icon:hover,
.close_icon:active,
.close_icon:focus{
background: #D71921;
border:unset;
outline: unset;
}
.menu_map{
background: white;
position: fixed;
top:0;
right:-100%;
width: 100%;
height: 100dvh;
z-index: 111;
border-left:30px solid #D71921;
transition: 1s all ease;
overflow: hidden;
padding: 40px var(--pad-space) 70px var(--pad-space) ;
}
.menu_map.active{
right:0%;
}
.menu_map_header{ display: grid;
width: 100%;
grid-template-columns:110px 1fr;
align-items: flex-start;
position: relative;
z-index: 3;
}
.menu_map_header&gt;a img{
width: 100%;
}
.menu_map_header&gt;div{
width: 100%;
display: flex;
justify-content: flex-end;
gap:30px;
}
.close_icon{
display: flex;
flex-direction: column;
background: #707070;
gap: 9px;
justify-content: center;
padding: 10px;
align-items: center;
width: 100px;
border-radius: 50px;
position: relative;
border:unset;
}
.close_icon:hover,
.close_icon:active{
background: #707070;
}
.close_icon span:first-child{
width: 29px;
height: 1px;
background: white;
transform: rotate(45deg);
position: absolute;
}
.close_icon span:last-child{
width: 29px;
height: 1px;
background: white;
transform: rotate(-45deg);
position: absolute;
}
.menu_map{
display: grid;
grid-template-rows: auto 1fr;
}
.menu_map_content{
width: 100%;
max-width: 1300px;
margin: 0 auto;
position: relative;
z-index: 3;
display: grid;
grid-template-columns: auto 2px 1fr;
grid-gap:6%;
overflow-x: hidden;
}
.menu_map_content&gt;div{
height:100%;
}
.menu_map_content_aside{
display: flex;
align-items: flex-end;
}
.menu_map_content_aside&gt;div{
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
}
.menu_map_content_aside a{
font-size:35px;
font-family: "Noto Sans TC", sans-serif;
font-weight: 600;
color:#D71921 !important;
display: block;
}
.menu_map_hr{
background: #d7d7d7;
}
.menu_map_content_main{
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 0px 20%;
}
.menu_map_item_1&gt;a{
font-size:35px;
font-family: "Noto Sans TC", sans-serif;
font-weight: 600;
color:#D71921 !important;
display: block;
padding-bottom: 25px;
}
.menu_map_item_1&gt;div{
display: grid;
grid-template-columns: 1fr;
}
.menu_map_item_1&gt;div&gt;a,
.menu_map_item_2_main&gt;a,
.menu_map_item_2_main_hover&gt;span,
.menu_map_item_3_main&gt;a,
.menu_map_item_3_main_hover&gt;span,
.menu_map_item_3_main&gt;div&gt;a{
font-family: "Noto Sans TC", sans-serif;
color: #707070 !important;
font-size:17px;
font-weight: 400;
cursor: pointer;
}
.menu_map_item_1&gt;div&gt;a:hover,
.menu_map_item_2_main&gt;a:hover,
.menu_map_item_2_main_hover&gt;span:hover,
.menu_map_item_3_main&gt;a:hover,
.menu_map_item_3_main_hover&gt;span:hover,
.menu_map_item_3_main&gt;div&gt;a:hover{
color: var(--main-color) !important;
font-weight: 600;
}
.menu_map_item_1&gt;div&gt;a,
.menu_map_item_2_main&gt;a,
.menu_map_item_2_main&gt;.menu_map_item_2_main_hover,
.menu_map_item_3_main&gt;div&gt;a,
.menu_map_item_3_main&gt;div&gt;.menu_map_item_3_main_hover{
padding-bottom: 15px;
}
.menu_map_item_1&gt;div&gt;a:last-child,
.menu_map_item_2_main&gt;a:last-child,
.menu_map_item_2_main&gt;.menu_map_item_2_main_hover:last-child,
.menu_map_item_3_main&gt;div&gt;a:last-child,
.menu_map_item_3_main&gt;div&gt;.menu_map_item_3_main_hover:last-child{
padding-bottom: 0px;
}
.menu_map_item_2&gt;a,
.menu_map_item_3&gt;a{
font-size:35px;
font-family: "Noto Sans TC", sans-serif;
font-weight: 600;
color:#D71921 !important;
display: block;
padding-bottom: 25px;
}
.menu_map_item_2_main{
display: grid;
grid-template-columns: 1fr;
position: relative;
}
.menu_map_item_3_main{
display: grid;
grid-template-columns: auto 1fr;
position: relative;
grid-gap: 70px;
}
.menu_map_item_3_main&gt;div:first-child{
display: flex;
flex-direction: column;
}
.menu_map_item_2_child,
.menu_map_item_3_child{
position: absolute;
left: 270px;
top: 0;
visibility: hidden;
height: auto;
opacity: 0;
transition: .5s all;
}
.menu-sub-equipment{
top: 130px;
}
.menu-sub-stakeholder{
top:125px;
}
.menu_map_item_2_child&gt;div,
.menu_map_item_3_child&gt;div{
display: flex;
flex-direction: column;
border-left: 2px solid #d7d7d7;
padding-left: 15px;
gap: 10px;
}
.menu_map_item_2_main_hover:hover .menu_map_item_2_child,
.menu_map_item_3_main_hover:hover .menu_map_item_3_child{
visibility: visible;
opacity: 1;
}
.menu_map_item_3_child&gt;div&gt;a,
.menu_map_item_2_child&gt;div&gt;a{
font-size: 13px;
display: block;
color: #AFAFAF !important;
color: black !important;
font-family: "Noto Sans TC", sans-serif;
font-weight: 400;
cursor: pointer;
}
.menu_map_item_3_child&gt;div&gt;a:hover,
.menu_map_item_2_child&gt;div&gt;a:hover{
color: var(--main-color) !important;
font-weight: 600;
}
.menu_map_content_main::-webkit-scrollbar,
.menu_map_content::-webkit-scrollbar{
width: 5px;
}
.menu_map_content_main::-webkit-scrollbar-button,
.menu_map_content::-webkit-scrollbar-button{
display: none;
}
.menu_map_content_main::-webkit-scrollbar-track,
.menu_map_content::-webkit-scrollbar-track{
background: transparent;
}
.menu_map_content_main::-webkit-scrollbar-thumb,
.menu_map_content::-webkit-scrollbar-thumb{
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.4);
} .rain {
position: absolute;
left: 18%;
width: 50%;
height: 200%;
z-index: 2;
top: -50%;
transform: rotate(-45deg);
min-width: 500px;
}
.site-footer .rain{
position: absolute;
left: 0%;
width: 100%;
height: 100%;
z-index: 2;
top: -50%;
transform: unset;
min-width: unset;
}
.drop {
position: absolute;
width: 35px;
height: 120px;
pointer-events: none;
animation: drop 20s linear infinite;
}
.global_btn_style_circle{
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 100%;
background: white;
width: 45px;
height: 45px;
padding-left: 2px;
cursor: pointer;
}
.global_btn_style_circle::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: var(--main-color);
left: 100%;
top: 0%;
z-index: 0;
transition: all .3s ease;
}
.global_btn_style_circle:hover::before{
left: 0%;
}
.global_btn_style_circle svg{
position: relative;
z-index: 1;
}
.global_btn_style_circle:hover svg line{
stroke: white;
}
.global_btn_style {
font-family: "Noto Sans TC", sans-serif;
border: 2px solid #707070;
text-decoration: unset !important;
color: #000000;
padding: 10px 40px;
border-radius: 50px;
font-size: 15px;
font-weight: 400;
width: auto;
display: inline-block;
line-height: 1em;
text-align: center;
position: relative;
cursor: pointer;
overflow: hidden;
transition: all .3s ease;
}
.global_btn_style span{
font-family: "Noto Sans TC", sans-serif;
position: relative;
z-index: 1;
}
.global_btn_style svg{
vertical-align: bottom;
height: 14px;
margin-left: 5px;
}
.global_btn_style::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: var(--main-color);
left: 0;
top: 100%;
z-index: 0;
transition: all .3s ease;
}
.global_btn_style.white_ver {
border: 2px solid white;
color: #000000;
background: white;
}
.global_btn_style.menu_ver {
border: 2px solid var(--main-color);
color: white !important;
background: var(--main-color);
padding: 10px 30px;
}
.global_btn_style.white_bg_ver {
border: 2px solid white;
color: white;
background: transparent;
}
.global_btn_style.menu_ver::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: white !important;
left: 0;
top: 100%;
z-index: 0;
transition: all .3s ease;
}
.global_btn_style.white_bg_ver::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: white !important;
left: 0;
top: 100%;
z-index: 0;
transition: all .3s ease;
}
.global_btn_style:hover::before{
top:0;
}
.global_btn_style:hover{
color: white;
border: 2px solid var(--main-color);
outline: unset;
}
.global_btn_style.menu_ver:hover{
color: var(--main-color) !important;
outline: unset;
}
.global_btn_style.white_bg_ver:hover{
color: var(--main-color) !important;
outline: unset;
border:2px solid white;
}
.page_banner{
padding: 0 var(--pad-space);
margin-top: 240px;
}
.page_banner&gt;div{
position: relative;
}
.page_banner img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.banner_model{
width: 100%;
aspect-ratio: 1840 / 880;
border-radius: var(--box-radius);
overflow: hidden;
background: black;
}
.banner_text_model{
position: absolute;
top: -65px;
left: 0;
z-index: 1;
background: white;
padding: 0 60px 45px 80px;
border-radius: 0 0 var(--box-radius) 0;
}
.banner_anchor{
position: absolute;
bottom: 0;
right: 0;
background: white;
padding: 45px 8%;
padding-bottom: 15px;
border-radius: var(--box-radius) 0 0 0;
width: 60%;
}
.banner_anchor_a{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 60px;
}
.banner_anchor_a a{
font-family: var(--ch-font);
text-decoration: unset !important;
color: #000000 !important;
font-size: var(--global-p-size);
display: flex;
transition: all .5s;
align-items: center;
}
.banner_anchor_a a:hover{
color: var(--main-color) !important;
}
.banner_anchor_a a&gt;div{
position: relative;
line-height: 1em;
}
.banner_anchor_a a&gt;div img{
position: absolute;
object-position: unset;
object-fit: unset;
height: calc(var(--global-p-size) - 1px);
width: auto;
top: 50%;
right: -7px;
transform: translate(100%, calc(-50% + 2px));
}
.banner_anchor_a a&gt;div svg{
position: absolute;
height: calc(var(--global-p-size) - 1px);
width: auto;
top: 50%;
right: -7px;
transform: translate(100%, calc(-50% + 1px));
transition: all .5s;
}
.banner_anchor_a a:hover svg{
right: calc(-40%);
}
.banner_anchor_a a:hover svg line{
stroke: var(--main-color);
}
.page_banner h1{
font-size: var(--global-h1-size);
color: var(--main-color);
font-family: "Noto Sans TC", sans-serif;
margin: 0;
font-weight: 600;
line-height: 1em;
}
.page_banner h3{
font-size: var(--global-h3-size);
color: var(--main-color);
font-family: "Poppins", sans-serif;
text-transform:uppercase;
font-weight: 600;
margin: 0;
line-height: 1.1em;
margin-bottom: 7px;
}
.sec-en-title{
font-family: var(--en-font);
font-size: var(--sec-en-size);
font-weight: 600;
color: var(--main-color);
line-height: 1.1em;
margin: 0;
margin-bottom: 10px;
text-transform：Uppercase;
}
.sec-ch-title{
font-family: var(--ch-font);
font-size: var(--global-h2-size);
font-weight: 500;
color: var(--main-color);
margin: 0;
}
.footer_section{
width: 90%;
margin: 0 auto;
margin-top: 10px;
}
.footer_section&gt;div:nth-child(1){
display: flex;
justify-content: space-between;
padding-bottom: 80px;
position: relative;
z-index: 3;
}
.footer_section&gt;div:nth-child(1)&gt;a&gt;img{
width: 120px;
}
.footer_section&gt;div:nth-child(1)&gt;div{
display: flex;
flex-direction: column;
gap: 40px;
align-items: flex-end;
}
.footer_section&gt;div:nth-child(1)&gt;div&gt;a:nth-child(1) img{
width: 180px;
}
.footer_section&gt;div:nth-child(1)&gt;div&gt;a:nth-child(2) img{
width: 160px;
}
.footer_section&gt;div:nth-child(1)&gt;div&gt;a:nth-child(3) img{
width: 210px;
}
.footer_section&gt;div:nth-child(2){
display: flex;
justify-content: flex-start;
gap:50px;
margin-bottom: 30px;
}
.footer_section&gt;div:nth-child(2) a{
display: flex;
align-items: center;
}
.footer_section&gt;div:nth-child(2) img{
height: 35px;
}
.footer_section&gt;div:nth-child(3){
display: flex;
align-items: flex-end;
gap:80px;
}
.footer_section&gt;div:nth-child(3)&gt;p,
.footer_section&gt;div:nth-child(3)&gt;a{
margin: 0;
color:white;
font-family: "Noto Sans TC", sans-serif;
font-size: var(--xd-16px);
line-height: 2em;
letter-spacing: 1px;
}
.footer_section&gt;div:nth-child(3)&gt;a:hover{
color: white;
}
.site-footer{
padding-inline-start: 0px !important;
padding-inline-end: 0px !important;
padding-block-start: 0px !important;
padding-block-end: 0px !important;
max-width: unset !important;
background-color: #2e2e2e;
padding: 60px var(--pad-space) 40px var(--pad-space) !important;
overflow: hidden;
}
.site-footer .rain{
opacity: 0.15;
top:-70%;
}
@keyframes drop {
0% {
transform: translateY(0vh);
}
100% {
transform: translateY(200vh);
}
}
.stem {
animation: stem 1s linear infinite;
}
@keyframes stem {
100% {
opacity: 0;
}
}
.banner-caption{
position: absolute;
bottom:75px;
left: 80px;
}
.banner-caption h4{
font-family: var(--en-font);
font-weight: 600;
font-size: 45px;
color: white;
margin: 0;
}
.loader-sec{
position: fixed;
top:0;
left:0;
width: 100%;
height:100dvh;
z-index: 301;
display:none;
justify-content: center;
align-items:center;
background:rgba(255, 255, 255, 0.8);
}
.loader-sec&gt;div{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.loader {
width: 50px;
aspect-ratio: 1;
border-radius: 50%;
background: 
radial-gradient(farthest-side,#d12329 94%,#0000) top/8px 8px no-repeat,
conic-gradient(#0000 30%,#d12329);
-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
animation: l13 1s infinite linear;
}
@keyframes l13{ 
100%{transform: rotate(1turn)}
}
.copy-done-sec{
position: fixed;
bottom: 20px;
left: 0;
width: 100%;
padding: 0 var(--pad-space);
z-index: 10;
display: none;
}
.copy-done-sec&gt;div{
display: flex;
width: 100%;
max-width: 500px;
background: #d12329;
margin: 0 auto;
align-items: center;
padding: 10px 20px;
border-radius: 5px;
justify-content: space-between;
}
.copy-done-sec p{
font-family: var(--ch-font);
font-size: 15px;
color: white;
font-weight: 400;
margin: 0;
}
.copy-done-sec button{
display: flex;
flex-direction: column;
background: transparent !important;
gap: 9px;
justify-content: center;
align-items: center;
position: relative;
border: unset !important;
outline: unset !important;
}
.copy-done-sec button span:first-child {
width: 15px;
height: 1px;
background: white;
transform: rotate(45deg);
position: absolute;
}
.copy-done-sec button span:last-child {
width: 15px;
height: 1px;
background: white;
transform: rotate(-45deg);
position: absolute;
}
.new_content_btn {
display: grid;
grid-template-columns: auto auto auto 1fr;
align-items: flex-end;
grid-gap: 5%;
}
.mobile_share{
grid-template-columns: auto 1fr;
}
.share-button{
background: transparent !important;
border: unset !important;
outline: unset !important;
padding: 0px;
display: flex;
align-items: center;
gap: 10px;
}
.share-button svg{
height: 20px;
}
.new_content_btn&gt;div {
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
.new_content_btn&gt;div&gt;a&gt;img{
width: 45px;
}
.new_content_btn&gt;a{
display: flex;
align-items: flex-end;
}
.new_content_btn&gt;a&gt;img{
height: 27px;
}
.share-more-box&gt;img{
height: 27px;
}
.share-more-box{
position: relative;
}
.share-more-box,
.share-more-box&gt;div{
cursor: pointer;
}
.share-more-box:hover &gt;div,
.share-more-box&gt;div:hover{
display:grid;
}
.share-more-box&gt;div{
position: absolute;
width: 200px;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 3;
display:none;
padding-top: 6px;
}
.share-more-box button{
padding: 0px;
display: grid;
grid-template-columns: 20px 1fr;
grid-gap: 20px;
align-items: center;
border: unset;
background: transparent !important;
outline: unset !important;
color: #707070 !important;
}
.share-more-box button span{
text-align: left;
}
.share-more-box&gt;div&gt;div&gt;div{
display: grid;
grid-template-columns: 20px 1fr;
grid-gap: 20px;
align-items: center;
position: relative;
}
.share-more-box&gt;div&gt;div{
background: white;
padding: 20px;
border-radius: 20px;
grid-template-columns: 1fr;
grid-gap: 15px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
display: grid;
}
.share-more-box span{
font-family: var(--en-font) !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1em !important;
}
.share-more-box a{
display: grid;
grid-template-columns: 20px 1fr;
grid-gap: 20px;
align-items: center;
text-decoration: none !important;
color: #707070 !important;
}
.mobile_share span{
font-size: 14px;
color: #707070 !important;
}
.mobile_share img{
height: 15px;
}
@media only screen and (max-width: 1780px) {
.menu_map_header { }
}
@media only screen and (max-width: 1400px) { }
@media only screen and (max-width: 1300px) {
:root{
--map-header-height: 91.94px;
--home-header-height: 67px;
}
.menu_map {
border-left: 20px solid #D71921;
padding: 15px var(--pad-space) 40px var(--pad-space);
}
.menu_map_header{ grid-template-columns: 60px 1fr;
}
.menu_map_header&gt;div {
gap: 20px;
}
.menu_map_header&gt;div a{
font-size: 15px;
padding: 5px 20px;
width: unset;
}
.close_icon{
gap: 7px;
padding: 10px 32px;
width: unset;
}
.close_icon span {
width: 23px !important;
} .banner_model{
aspect-ratio: 1012 / 797;
}
}
@media only screen and (max-width: 1250px) {
.menu_map_content_main{
grid-template-columns: 1fr;
grid-template-rows: unset;
grid-gap: 60px 0;
}
.menu_map_content_main{
height: calc(100dvh - 76.94px - 55px) !important;
overflow-y: scroll;
}
}
@media only screen and (max-width: 1024px) {
:root{
--section-gap:80px;
--global-h3-size: 65px;
--global-h1-size: 40px;
--xd-80px:65px;
--xd-65px:50px;
--xd-48px:35px;
--xd-42px:30px;
--xd-28px:20px;
--xd-25px:20px;
--xd-24px:19px;
}
.sec-en-title{
font-size: 50px;
}
.page_banner{
margin-top: 200px;
}
.banner_text_model {
top: -88px;
padding: 30px 35px 40px 40px;
}
.site-branding&gt;div{
padding: 7px 30px 7px 40px;
}
.site-branding&gt;div&gt;div:last-child {
padding-top: 15px;
}
.site-branding&gt;div&gt;div:last-child button{
padding: 5px 25px;
}
.site-branding&gt;div&gt;div:last-child button svg{
width: 25px;
}
.site-branding&gt;div&gt;div:last-child a{
padding: 5px 30px;
}
.site-branding&gt;div&gt;div:first-child img{
width: 60px;
}
.banner_anchor{
padding: 45px 60px;
padding-right: 0;
padding-bottom: 15px;
}
.banner_anchor_a{
grid-gap: 40px;
}
.banner-caption h4{
font-size: 35px;
}
.banner-caption{
bottom: 6%;
left: 40px;
}
.lang_select ul li a{
padding: 0 !important;
}
.footer_section{
width: 100%;
}
}
@media only screen and (max-width: 950px) {
.menu_map_item_3_main {
grid-template-columns: 1fr;
grid-gap: 15px;
}
.menu_map_item_2_child, .menu_map_item_3_child {
left: 50%;
transform: translateX(-25%);
min-height: 100%;
}
.menu_map_item_3_child{
top:85px;
}
.menu-sub-equipment{
top: 210px;
}
.menu-sub-stakeholder{
top:125px;
}
}
@media only screen and (max-width: 800px) {
.menu_map{
grid-gap: 20px;
}
.menu_map_item_3_child{
top:75px;
}
.menu-sub-equipment{
top: 185px;
}
.menu-sub-stakeholder{
top:110px;
}
.menu_map_content{
height: calc(100dvh - 77px - 60px);
overflow-y: scroll;
grid-gap: 65px;
grid-template-columns: 1fr;
}
.menu_map_content_aside{
grid-row: 3;
}
.menu_map_hr{
grid-row: 2;
}
.menu_map_content_main{
grid-row: 1;
}
.menu_map_content_main{
overflow-y: unset;
height: auto !important;
}
.menu_map_item_1&gt;a, .menu_map_item_2&gt;a, .menu_map_item_3&gt;a, .menu_map_content_aside a{
font-size: 25px;
}
.menu_map_content_aside&gt;div{
grid-gap: 15px;
}
.menu_map_content_aside{
border-top: 2px solid #d7d7d7;
padding-top: 25px;
}
.menu_map_item_1&gt;div&gt;a, .menu_map_item_2_main&gt;a, .menu_map_item_2_main_hover&gt;span, .menu_map_item_3_main&gt;a, 		.menu_map_item_3_main_hover&gt;span, .menu_map_item_3_main&gt;div&gt;a{
font-size: 16px;
}
.menu_map_item_1&gt;div&gt;a, .menu_map_item_2_main&gt;a, .menu_map_item_2_main&gt;.menu_map_item_2_main_hover, .menu_map_item_3_main&gt;div&gt;a, .menu_map_item_3_main&gt;div&gt;.menu_map_item_3_main_hover{
padding-bottom: 10px;
}
.menu_map_content_main{
grid-gap: 40px 0;
}
.menu_map_item_1&gt;a,
.menu_map_item_2&gt;a, .menu_map_item_3&gt;a{
padding-bottom: 15px;
}
.menu_map_item_2_child, .menu_map_item_3_child{
min-height: unset;
}
.menu_map_item_2_child, .menu_map_item_3_child{
left: 87px;
transform: translateX(0%);
width: calc(100% - 87px);
display: flex;
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.banner_anchor{
padding: 35px 50px;
padding-right: 0;
padding-bottom: 15px;
}
.banner_anchor_a{
grid-gap: 30px;
}
.site-branding&gt;div&gt;div:last-child {
padding-top: 10px;
}
.banner_text_model {
top: -78px;
}
.page_banner{
margin-top: 170px;
}
:root{
--global-h3-size: 55px;
--global-h4-size: 25px;
--global-p-size: 15px;
--global-h1-size:35px;
--global-h2-size: 25px;
--xd-100px:74px;
--xd-80px:55px;
--xd-48px:30px;
--xd-42px:28px;
--xd-33px:25px;
--xd-30px:22px;
}
.banner-caption h4{
font-size: 30px;
}
.site-branding&gt;div{
padding: 7px 20px 7px 35px;
}
.site-branding&gt;div&gt;div:last-child{
gap: 15px;
}
.site-branding&gt;div&gt;div:first-child img{
width: 45px;
}
.site-branding&gt;div&gt;div:last-child button{
padding: 2px 20px;
}
.site-branding&gt;div&gt;div:last-child a{
padding: 6px 20px;
}
.footer_section&gt;div:nth-child(1)&gt;a&gt;img {
width: 20vw;
}
.footer_section&gt;div:nth-child(1)&gt;div&gt;a:nth-child(1) img,
.footer_section&gt;div:nth-child(1)&gt;div&gt;a:nth-child(2) img,
.footer_section&gt;div:nth-child(1)&gt;div&gt;a:nth-child(3) img{
width: 25vw;
} .banner_model{
aspect-ratio: 767 / 1284;
}
.footer_section&gt;div:nth-child(3){
flex-direction: column;
align-items: flex-start;
gap:0px;
}
}
@media only screen and (max-width: 600px) {
.lang_select&gt;ul{
grid-gap:5px;
padding-top: 5px;
}
.sec-en-title{
font-size: 40px;
}
.footer_section&gt;div:nth-child(1)&gt;div{
align-items: flex-start;
}
.site-branding&gt;div&gt;div:last-child {
padding-top: 3px;
}
.page_banner {
margin-top: 110px;
}
.banner_anchor {
padding: 25px 30px;
padding-right: 0;
padding-bottom: 15px;
}
.banner_anchor_a {
grid-gap: 30px;
}
:root{
--pad-space :25px;
--map-header-height: 80.13px;
--home-header-height:61px;
--global-h3-size: 40px;
--box-radius:30px;
--section-gap:60px;
--global-h1-size:25px;
--xd-80px:40px;
--xd-65px:40px;
--xd-48px:25px;
--xd-42px:25px;
--xd-22px:15px;
--xd-19px:15px;
}
.banner-caption h4{
font-size: 20px;
}
.banner-caption {
left: 20px;
}
.banner_text_model{
top: calc(-20px - 25px);
padding: 15px 20px 15px 0px;
}
.page_banner h1{
margin-bottom: 10px;
}
.site-branding&gt;div&gt;div:last-child a span{
font-size: 14px;
}
.site-header{
top: 10px;
}
.site-branding&gt;div {
padding: 7px 14px 7px 30px;
}
.site-branding&gt;div&gt;div:first-child img {
width: 45px;
}
.site-branding&gt;div&gt;div:last-child button svg {
width: 20px;
}
.site-branding&gt;div&gt;div:last-child button{
padding: 0 15px;
}
.site-branding&gt;div&gt;div:last-child a{
padding: 5px 12px;
}
.site-branding&gt;div&gt;div:last-child {
gap: 10px;
transform: translateY(25%);
}
.lang_select&gt;p{
font-size: 14px;
}
.lang_select {
grid-template-columns: 18px 1fr auto;
gap:5px;
}
.lang_select svg{
height: 8px;
}
.lang_select ul li{
padding: 4px 10px;
}
.lang_select ul li a{
font-size: 14px;
}
.site-branding&gt;div&gt;div:last-child&gt;a:nth-child(2){
display: none;
}
.menu_map {
border-left: 10px solid #D71921;
}
.menu_map_header {
grid-template-columns: 50px 1fr;
}
.menu_map_header&gt;div{
gap:10px;
}
.menu_map_header&gt;div a{
font-size: 14px;
padding: 5px 15px;
}
.close_icon{
gap: 5px;
padding: 8px 26px;
width: unset;
}
.close_icon span{
width: 23px;
}
.footer_section&gt;div:nth-child(1)&gt;div&gt;a:nth-child(1) img,
.footer_section&gt;div:nth-child(1)&gt;div&gt;a:nth-child(2) img,
.footer_section&gt;div:nth-child(1)&gt;div&gt;a:nth-child(3) img{
width: 25vw;
}
.footer_section&gt;div:nth-child(1)&gt;a&gt;img{
width: 25vw;
}
.footer_section&gt;div:nth-child(2) img{
height: 25px;
}
.footer_section&gt;div:nth-child(1){
gap: 20px;
padding-bottom: 80px;
}
.footer_section&gt;div:nth-child(1)&gt;div {
gap: 15px;
}
.site-footer {
padding: 60px var(--pad-space) !important;
}
.footer_section&gt;div:nth-child(2){
gap: 30px;
margin-bottom: 15px;
}
.footer_section&gt;div:nth-child(3){
align-items: flex-start;
gap:5px;
}
.footer_section&gt;div:nth-child(3)&gt;p, .footer_section&gt;div:nth-child(3)&gt;a{
line-height: 1.7em;
}
.new_content_btn{
grid-gap:20px;
}
.new_content_btn&gt;a&gt;img,
.share-more-box&gt;img{
height: 20px;
}
.rain .drop svg{
transform: scale(0.6); transform-origin: center center; }
}</pre></body></html>