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-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
:root {
  --link-white: #fff;
  --site-orange:#d2532a;
  --site-green:#236572;
  --grey-bar:#c4c4c4;
}
.orange{
	color:var(--site-orange);
}
strong{
	font-weight: 700;
}
a{
	user-select: none;
}
.right{
	text-align: right;
}
@media only screen and (max-width: 6600px) {
	.SP{
		display: flex;
		justify-content: center;
		text-align: center;
		margin-bottom: 30px;
		margin-top: 60px;
	}
	html,body{
		position: relative;
		width: 100%;
	}
	body{
		font-family:"Montserrat","nexa","Varela Round","蘋果儷中黑","Apple LiGothic Medium","微軟正黑體","Microsoft JhengHei", "微軟雅黑體","Microsoft YaHei",system-ui,Arial,Helvetica,sans-serif;
		font-size: 16px;
		/*background-color: #257d87;*/
	}
	.round{
		font-family:"Varela Round";
	}
	.container{
		overflow: hidden;
	}
	header{
		position: fixed;
		top: 0;
		width: 100%;
		height: 120px;
		z-index: 1000;
		transition: all 0.5s linear;
	}
	header:before{
		content:'';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(35, 101, 114, 0.8);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		opacity: 0;
	}
	header.scrolled:before{
		animation: visible 0.5s forwards;
	}
	@keyframes visible {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	header .inner{
		position: relative;
		left: 50%;
		transform:translate(-50%,0);
		max-width: 1200px;
		height: 120px;
		box-sizing: border-box;
		padding:0 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.logo{
		width: 204px;
	}
	.btn_menu{
		display: none;
	}
	header .inner nav ul{
		display: flex;
	    align-items: center;
	}
	header .inner nav li a{
		font-weight: 700;
		font-size: 16px;
		display: block;
		margin-left: 40px;
		text-decoration: none;
		color:var(--link-white);
	}
	header .inner nav li:last-child a{
		position: relative;
		font-family: "Nexa";
		font-weight: 600;
		font-size: 14px;
		box-sizing: border-box;
		padding:15px 25px 15px 25px;
		border-radius: 30px;
		background-color: var(--site-orange);
	}
	footer{
		position: relative;
		width: 100%;
		box-sizing: border-box;
		padding:60px 0;
		background:var(--link-white);
	}
	footer .inner{
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 20px;
	}
	.footer_top{
		position: relative;
		margin-bottom: 40px;
		display: flex;
		justify-content:space-between;
	}
	.footer_top > div:first-child{
		width: 33%;
	}
	.footer_top > div:not(:first-child){
		flex:1;
		display: flex;
		justify-content: space-between;
	}
	.footer_top > div:not(:first-child) > div:first-child{
		width: 280px;
	}
	.footer_top h5{
		font-size:20px;
		line-height: 29px;
		font-family: "nexa";
		font-weight: 600;
		margin-bottom: 20px;
	}
	.footer_top .row2{
		display: flex;
		margin-bottom: 20px;
	}
	.footer_top .row2 > a{
		flex:1;
	}
	.footer_top .row1{
		margin-bottom: 10px;
	}
	.footer_top .row1 a{
		display: flex;
		align-items: center;
		text-decoration: none;
		color:#000;
		font-size: 16px;
		line-height: 20px;
	}
	.footer_top .row1 a img{
		margin-right: 10px;
	}
	.footer_arrow{
		font-family: "nexa";
		font-weight: 600;
		font-size: 14px;
		color:#000;
		text-decoration: none;
	}
	.footer_arrow img{
		filter:invert(1);
	}
	.footer_bottom{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.footer_bottom_left{
		color:#e2641E;
		font-size: 14px;
		letter-spacing: 1.1px;
	}
	.footer_bottom_right{
		font-size: 14px;
	}
	.footer_bottom_right a{
		text-decoration: none;
		color:#000;
	}
	.follow_us{
		position: absolute;
        left: 20px;
        top: 50%;
        background-image: url(../img/follow_us.png);
 		background-size: 24px auto;
        background-repeat: no-repeat;
        background-position: left top;
        width: 24px;
        height: 139px;
        transform: translate(0px, -30px);
        z-index: 50;
	}
	.banner .inner{
		position: relative;
		z-index: 30;
		height: 100%;
        width: 100%;
		max-width: 1200px;
		margin:0 auto;
		box-sizing: border-box;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding:168px 0 80px 0;
		min-height: 500px;
	}
	.expertise_detail_banner .inner{

	}
	.banner h1{
		position: relative;
		font-weight: 600;
		font-size: 70px;
		color:var(--link-white);
		text-align: center;
		margin-bottom: 20px;
	}
	.banner h6{
		position: relative;
		color:var(--link-white);
		display: flex;
	    align-items: center;
	    gap:10px;
	}

	/*==================================================================*/
	/* Page - Home */
	/*==================================================================*/
	.home_banner{
		position: relative;
		width: 100%;
		height: 100vh;
		background:radial-gradient(#266F7E,#239F9D);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.home_banner_left{
		position: absolute;
		top: 0;
		left: -90px;
		height: 100%;
		z-index: 20;
	}
	.home_banner_right{
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		z-index: 10;
	}
	.home_banner .inner{
		position: relative;
		z-index: 30;
		height: 100%;
        width: 100%;
		max-width: 1200px;
		margin:0 auto;
		box-sizing: border-box;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.home_part2{
		position: relative;
		width: 100%;
		height: 100vh;
		background-image: url("../img/home_p2.webp");
		background-size: cover;
		background-position: center center;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		flex-direction: column;
	}
	.home_part2 .inner{
		position: relative;
		margin:0 auto;
		max-width: 1200px;
		box-sizing: border-box;
		padding:0 20px;
	}
	.has-text-orange-color{
		color:#d2532a;
	}
	.home_part2 h1{
		position: relative;
		font-size: 50px;
		line-height: 1.3;
		margin-bottom: 13px;
		text-align: center;
	}
	.is-style-expertise_h1{
		max-width: 860px;
		margin:0 auto;

	}
	.is-style-expertise_p1{
		max-width: 600px;
		margin:0 auto;
	}
	.is-style-expertise_p2{
		max-width: 860px;
		margin:0 auto;
	}


	.is-style-expertise_h1{
		position: relative;
		font-size: 30px;
		line-height: 1.3;
		margin-bottom: 13px;
		text-align: center;
	}
	.home_part2 h1:before{
		position: absolute;
		content:'';
		width: 72px;
		height: 2px;
		background-color: var(--site-green);
		top: -40px;
		left: 50%;
		margin-left: -36px;
	}


	.home_part2 p{
		font-family: "nexa";
		font-weight: 600;
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 35px;
		text-align: center;
	}
	.is-style-expertise_p1{
		font-family: "nexa";
		font-weight: 600;
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 35px;
		text-align: left;
	}

	.is-style-expertise_p2{
		font-weight:400;
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 35px;
		text-align: left;
	}

	.home_part2 a,
	.is-style-expertise_a{
		box-sizing: border-box;
	    padding: 10px 35px;
	    background-color: #286167;
	    font-size: 26px;
	    line-height: 39px;
	    color: var(--link-white);
	    border-radius: 50px;
	    text-decoration: none;
	    border: 6px solid rgba(255, 255, 255, 0.7);
	}
	.home_bar{
		position: relative;
		background-image: url("../img/home_bar.webp");
		background-size: cover;
		background-position: center center;
		height: 48px;
		width: 100%;
	}
	.home_part3{
		position: relative;
		overflow: hidden;
		background:linear-gradient(135deg, #236572,#239F9D);
	}
	.home_part3 .inner{
		position: relative;
		max-width: 1200px;
		padding:0 20px;
		box-sizing: border-box;
		margin: 0 auto;
		padding-top: 30px;
		min-height:700px;
	}
	.home_part3 .inner:before{
		content:'';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background:url("../img/home_pattern.webp");
		background-repeat: no-repeat;
		background-position: 35% 40px;
		filter: opacity(0.2) brightness(2);
	}
	.home_part3 .inner .row2{
		position: relative;
		display: flex;
	}
	.home_part3 .inner .row2> div{
		flex:1;
	}
	.home_part3 .inner .row2> div h2{
		font-size: 36px;
		line-height: 46px;
		color:#B1DDDA;
	}
	.home_part3 .inner .row2> div h2 strong{
		color:var(--link-white);
	}
	.home_part3 .inner .row2:nth-child(1)> div:nth-child(1){
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
	}
	.home_part3 .inner .row2:nth-child(1)> div:nth-child(1) img{
		margin-bottom: 20px;
	}
	.home_part3 .inner .row2:nth-child(1)> div:nth-child(2){
		text-align: right;
	}
	.home_part3 .inner .row2:nth-child(2)> div:nth-child(1){
		position: relative;
	}
	.home_part3 .inner .row2:nth-child(2)> div:nth-child(1) img{
		display: none;
	}
	.home_pic2{
		position: absolute;
		left: 50%;
		top: 55%;
		transform: translate(-100%, 0);
	}
	.home_pic2:before{
		content:'';
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(6, 148, 148, 0.5);
		left: 20px;
		top: -20px;
	}
	.home_pic2 img{
		position: relative;
		z-index: 1;
	}
	.home_part3 .inner .row2:nth-child(2)> div:nth-child(2){
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		box-sizing: border-box;
		padding:80px 0 ;
		margin-left: 180px;
	}
	.home_part3 .inner .row2:nth-child(2)> div:nth-child(2) h2{
		margin-bottom: 20px;
	}
	.home_part3 .inner .row2:nth-child(2)> div:nth-child(2) a{
		font-size: 20px;
		line-height: 30px;
		color:var(--link-white);
		text-decoration: none;
		box-sizing: border-box;
		padding:10px 35px;
		border-radius: 35px;
		border:3px solid rgba(255,255,255,0.7);
	}
	.home_part4{
		position: relative;
		width: 100%;
		min-height:700px;
		background-color: #236573;
		overflow: hidden;
	}
	.home_part4:before{
		content:'';
		position: absolute;
		left: 50%;
		top: 0;
		width: 100%;
		height: 100%;
		background-image:url("../img/home_ball.webp");
		background-repeat: no-repeat;
		background-size:auto 100%;
		background-position:left top;
		transform:translate(-80%,0);
	}
	.home_part4 .inner{
		position: relative;
		margin:0 auto;
		width: 100%;
		box-sizing: border-box;
		padding:0 20px;
		min-height:700px;
		max-width: 1200px;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
	}
	.home_part4 .inner .content{
		position: relative;
		z-index: 20;
	}
	.home_part4 .inner .content:before{
		content:'';
		position: absolute;
		width: 200%;
		aspect-ratio: 1 /1;
		left: -50%;
		top:50%;
		transform:translate(0,-50%);
		background: radial-gradient(#236572 20%,transparent 40%);
		z-index: 1;
	}
	.home_part4 .inner:after{
		content:'';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		background-image:url("../img/home_earth.webp");
		background-repeat: no-repeat;
		background-size:auto 120%;
		background-position:right 0% top 30%;
		z-index: 0;
	}
	.home_part4 .inner h1{
		position: relative;
		font-size: 48px;
		line-height: 60px;
		color:#B1DDDA;
		/*margin-bottom: 20px;*/
		z-index: 3;
	}
	.who_home_part4.home_part4 .inner h1{
		position: relative;
		font-size: 58px;
		line-height: 70px;
		color:#B1DDDA;
		margin-bottom: 20px;
		z-index: 3;
	}
	.home_part4 .inner h2{
		position: relative;
		font-size: 40px;
		line-height: 50px;
		color:#fff;
		z-index: 3;
		font-weight: 700;
		margin-bottom: 20px;
	}
	.home_part4 .inner p{
		position: relative;
		font-size: 16px;
		line-height: 20px;
		font-family: "nexa";
		font-weight: 600;
		color:var(--link-white);
		z-index: 3;
		display: block;
        max-width: 400px;
        margin-bottom: 20px;
	}
	.home_part4 .inner ul{
		position: relative;
		z-index: 3;
	}
	.home_part4 .inner ul li{
		list-style-type: disc;
		color:#fff;
		font-family: "nexa";
		font-weight: 600;
		font-size: 22px;
		line-height: 45px;
		margin-left: 20px;
	}
	.home_part4 .inner ul li:nth-child(1)::marker{
		color:#e2641e;
	}
	.home_part4 .inner ul li:nth-child(2)::marker{
		color:#c63636;
	}
	/*==================================================================*/
	/* Page - Expertise */
	/*==================================================================*/
	.expertise_banner{
		position: relative;
		background-color: #015b80;
	}
	.expertise_banner .home_banner_left{
		position: absolute;
		left: 0px;
	}
	.expertise_banner .home_banner_right{

	}
	.expertise_banner .tags{
		position: relative;
		margin-top: 40px;
		box-sizing: border-box;
		padding:0 80px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap:10px;
	}
	.expertise_banner .tag{
		color:var(--link-white);
		display: inline-block;
		box-sizing: border-box;
		padding:10px 20px;
		border:2px solid var(--link-white);
		border-radius: 50px;
		margin-bottom: 10px;
		text-decoration: none;
	}
	.expertise_banner .tag:hover{
		opacity: 0.6;
	}
	.expertise_part2{
		position: relative;
		background-color: #fff;

	}
	.expertise_part2 .inner{
		position: relative;
		margin:0 auto;
		max-width: 1200px;
		box-sizing: border-box;
		padding:0px 20px;
	}
	.expertise_part2 .inner2{
		position: relative;
		margin:0 auto;
		max-width: 1200px;
		box-sizing: border-box;
		padding:60px 0px;
		border-bottom:1px solid var(--grey-bar);
		display:grid;
		grid-template-columns: repeat(auto-fit, 375px);
		justify-content: center;
		grid-row-gap: 54px;
  		grid-column-gap: 15px;
	}
	.expertise_part2 .box{
		width: 360px;
		height: 280px;
		box-sizing: border-box;
		border-bottom:2px solid #266f7e;
	}
	.expertise_part2 .box:hover img{
		opacity: 0.6;
	}
	.expertise_part2 .box img{
		width: 100%;
		height: 220px;
		object-fit: cover;
		transition:opacity 0.5s;
	}
	.expertise_part2 .box a{
		position: relative;
		display: block;
	}

	.expertise_part2 .box a.expertise_link{
		position: relative;
		font-size: 21px;
		font-weight: 500;
		text-decoration: none;
		color:#000;
		line-height: 54px;
		display: block;
	}
	.expertise_part2 .box a.expertise_link:after{
		position: absolute;
		top: 10px;
		right: 0;
		content:'';
		width: 30px;
		height: 30px;
		background-color: #266f7e;
		background-image: url("../img/arrow_right1.png");
		background-repeat: no-repeat;
		background-position: center center;
	}
	/*==================================================================*/
	/* Page - Expertise Detail */
	/*==================================================================*/
	.expertise_detail_banner{
		position: relative;
		/*background-color: var(--site-green);*/
		background-color: rgba(25, 101, 114, 0.8);
	}
	.expertise_detail_bg{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	.expertise_detail_bg img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position:center center;
	}
	.expertise_detail_part2 {
		position: relative;
		background-color: #fff;
	}
	.expertise_detail_part2 .inner{
		position: relative;
		margin:0 auto;
		max-width: 1200px;
		box-sizing: border-box;
		padding:60px 20px 0px 20px;
	}
	.expertise_detail_part2 .inner:before{
		position: absolute;
        content: "";
        width: 72px;
        height: 2px;
        background-color: var(--site-green);
        top: 60px;
        left: 50%;
        margin-left: -36px;
	}
	.expertise_detail_part2 .inner2{
		position: relative;
		margin:0 auto;
		max-width: 1200px;
		box-sizing: border-box;
		padding:60px 0px;
		border-bottom:1px solid var(--grey-bar);
	}
	.expertise_detail_part2 .inner2 .row2{
		display: flex;
		gap:40px;
		flex-direction: row;
	}
	.expertise_detail_part2 .inner2:nth-child(even) .row2{
		flex-direction: row-reverse;
	}
	.expertise_detail_part2 .inner2 .row2 > div{
		flex:1;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
	}
	.expertise_detail_part2 .inner2 .row2 > div img{
		width: 100%;
		height: auto;
		aspect-ratio: 187 / 111;
        object-fit: cover;
        object-position: center center;
	}
	.expertise_detail_part2 .inner2 .row2 > div h1{
		font-size: 40px;
		font-weight: 700;
		color:var(--site-orange);
		margin-bottom: 20px;
	}
	.expertise_detail_part2 .inner2:nth-child(even) .row2 div:nth-child(2) h1{
		padding-right:30px;
	}
	.expertise_detail_part2 .inner2:nth-child(even) .row2 div:nth-child(2) p{
		padding-right:30px;
	}
	.expertise_detail_part2 .inner2 .row2 > div p{
		font-size: 18px;
		line-height: 22px;
	}
	.expertise_detail_part2 .inner2 .row1{
		text-align: center;
        /*margin-top: 100px;*/
        margin-top: 77px;
        margin-bottom: 20px;
	}
	.expertise_detail_part2 .inner2 .row1 a{
		background-color: var(--site-orange);
		box-sizing: border-box;
		padding:20px 30px;
		border-radius: 30px;
		text-decoration: none;
		color:var(--link-white);
	}
	/*==================================================================*/
	/* Page - Who */
	/*==================================================================*/
	.who_banner{
		position: relative;
		background-image: url("../img/who_banner.webp");
		background-size: cover;
		background-position: center center;
	}
	.who_part2{
		background-color: var(--link-white);
	}
	.who_part2 .inner{
		position: relative;
		margin:0 auto;
		max-width: 1200px;
		box-sizing: border-box;
		padding:60px 20px;
	}
	.who_part2 .inner .row2{
		display: flex;
		gap:60px;
	}
	.who_part2 .inner .row2 > div:nth-child(2){
		display: flex;
		flex-direction: column;
		justify-content: space-between;

	}
	.who_part2 .inner .row2 > div:nth-child(2) img{
		width: 50%;
	}
	.who_part2 .inner .row2 > div:nth-child(2) p{
		font-size: 20px;
		line-height: 24px;
	}
	.who_part3{
		position: relative;
		background:linear-gradient(350deg, #266F7E00 42%, #266F7E66 100%),linear-gradient(135deg, #266F7E00 42%, #266F7E66 100%);
	}
	.who_part3 .inner{
		position: relative;
		margin:0 auto;
		max-width: 1200px;
		box-sizing: border-box;
		padding:60px 20px;
	}
	.who_part3 .inner h1{
		font-size: 48px;
		margin-bottom: 60px;
	}
	.who_part3 .inner .row2{
		display: flex;
		gap:40px;
	}
	.who_part3 .inner .row2:nth-child(odd){
		flex-direction: row-reverse;
		margin-top: 60px;
	}
	.who_part3 .inner .row2 >div:nth-child(2n){
		box-sizing: border-box;
		padding:20px 0px;
		padding-right: 40px;
		display: flex;
        flex-direction: column;
        justify-content: center;
	}
	.who_part3 .inner .row2 h2{
		font-size: 50px;
		font-family: "nexa";
		color:var(--site-green);
		margin-bottom: 20px;
	}
	.who_part3 .inner .row2 p{
		font-family: "nexa";
		font-size: 16px;
		line-height: 20px;
	}
	.who_part5{
		position: relative;
	}
	.who_part5 .inner{
		position: relative;
		margin:0 auto;
		max-width: 1200px;
		box-sizing: border-box;
		padding:0px 20px;
	}
	.who_part5 .inner2{
		position: relative;
		margin:0 auto;
		max-width: 1200px;
		box-sizing: border-box;
		padding:60px 0px;
		border-bottom:1px solid var(--grey-bar);
	}
	.who_part5 .row2{
		display: flex;
		gap:60px;
	}
	.who_part5 .row2 > div:nth-child(even){
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	.who_part5 .row2 > div h2{
		font-size: 40px;
		margin-bottom: 20px;
	}
	.who_part5 .row2 > div p{
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	.who_part5 .row2 > div  a{
		color:#000;
		text-decoration: none;
	}
	.who_part5 .row2 > div > a{
		box-sizing: border-box;
	    padding: 10px 35px;
	    background-color: #286167;
	    font-size: 16px;
	    line-height: 29px;
	    color: var(--link-white);
	    border-radius: 50px;
	    text-decoration: none;
	    border: 5px solid rgba(255, 255, 255, 0.7);
	}
	.who_part5 .row2 > div > a img{
		height: 12px;
	}
	/*==================================================================*/
	/* Page - News */
	/*==================================================================*/
	.news_part{
		position: relative;
		background: url("../img/news_bg.webp");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
	}
	.news_part2 .inner{
		position: relative;
		margin:0 auto;
		max-width: 1200px;
		box-sizing: border-box;
		padding:0px 20px;
	}
	.news_part2 .inner2{
		position: relative;
		margin:0 auto;
		max-width: 1200px;
		box-sizing: border-box;
		padding:60px 0px;
		border-bottom:1px solid var(--grey-bar);
	}
	.news_part2 .inner2 .news_blocks{
		position: relative;
		margin:0 auto;
		max-width: 1200px;
		box-sizing: border-box;

		display: grid;
		grid-template-columns: repeat(auto-fit, 370px);
		justify-content: center;
		grid-row-gap: 30px;
  		grid-column-gap: 25px;
	}
	.news_part2 .inner2 .news{
		display: flex;
		flex-direction: column;
		background-color: #266f7e;
		color:#fff;
		text-decoration: none;
	}
	.news_part2 .inner2 .news:nth-child(even){
		flex-direction: column-reverse;
		background-color: #c3c3c3;
		color:#000;
	}
	.news_part2 .inner2 .news > div:nth-child(1){
		overflow: hidden;
	}
	.news_part2 .inner2 .news > div:nth-child(1) img{
		width: 100%;
        height: 210px;
        object-fit: cover;
        display: block;
        transition:all 0.5s;
	}
	.news_part2 .inner2 .news:hover > div:nth-child(1) img{
		transform:scale(1.05);
	}
	.news_part2 .inner2 .news > div:nth-child(2){
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		padding:30px 20px;
	}
	.news_part2 .inner2 .news > div:nth-child(2) .arrow{
		position: relative;
		display: block;
		margin-bottom: 13px;
	}
	.news_part2 .inner2 .news > div:nth-child(2) .arrow:before{
		position: relative;
		content:'';
		display: block;
		width: 60px;
		height: 30px;
		background-image: url("../img/quote_down.png");
		background-size: contain;
		background-repeat: no-repeat;
	}
	.news_part2 .inner2 .news > div:nth-child(2) .arrow:after{
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		content:'';
		width: 30px;
		height: 30px;
		background-color: #c7c7c7;
		background-image: url("../img/arrow_right2.png");
		background-repeat: no-repeat;
		background-position: center center;
	}
	.news_part2 .inner2 .news:hover > div:nth-child(2) .arrow:after{
		animation:shake 1 0.5s;
	}
	@keyframes shake {
		0% { transform: translateX(0) }
		25% { transform: translateX(5px) }
		50% { transform: translateX(-5px) }
		75% { transform: translateX(5px) }
		100% { transform: translateX(0) }
	}
	.news_part2 .inner2 .news:nth-child(even) > div:nth-child(2) .arrow:after{
		background-color: #266f7e;
		background-image: url("../img/arrow_right3.png");
	}
	.news_part2 .inner2 .news > div:nth-child(2) h1{
		/*text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;*/
		/*font-size: 27px;*/
		/*line-height: 54px;*/
		font-size: 20px;
		line-height: 26px;

		font-weight: 700;
	}
	.news_part2 .inner2 .news > div:nth-child(2) p{
		position: relative;
		-webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        font-size: 16px;
        line-height: 20px;
    }
    .news_part2 .inner2 .row1{
    	text-align: center;
    	margin-top: 40px;
    }
    .news_part2 .inner2 .row1 a{
    	box-sizing: border-box;
        padding: 10px 55px;
        background-color: #286167;
        font-size: 16px;
        line-height: 29px;
        color: var(--link-white);
        border-radius: 50px;
        text-decoration: none;
        border: 5px solid rgba(255, 255, 255, 0.7);
    }
    .news_part2 .inner2 .row1 a img{
    	line-height: 30px;
    	position: relative;
        top: -1px;
    }
	/*==================================================================*/
	/* Page - Contact */
	/*==================================================================*/
	.contact_part{
		position: relative;
		background: url('../img/contact_bg.webp'), #266f7e;
		background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
	}
	.contact_part .inner{
		position: relative;
		max-width: 1200px;
		margin:0 auto;
		display: flex;
		box-sizing: border-box;
		padding:160px 20px 80px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.contact_part .inner2{
		position: relative;
		max-width: 1200px;
		margin:0 auto;
		display: flex;
		box-sizing: border-box;
		padding:0px 20px 80px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.contact_part .inner2 .row2{
		display: flex;
		margin-top: 0px;
		gap:30px;
	}
	.contact_part .inner2 .row2 > div:nth-child(1){
		margin-left: 20px;
	}
	.contact_part .inner2 .row2 > div:nth-child(1) img{
		border-radius: 10px;
		overflow: hidden;
	}
	.contact_part .inner2 .row2 > div:nth-child(2){
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		padding:20px ;
	}
	.contact_part .inner2 h3{
		color:var(--link-white);
		font-size: 22px;
		line-height: 30px;
		text-align: center;
		margin-bottom: 20px;
	}
	.contact_part .inner2 h2{
		font-size: 30px;
		line-height: 40px;
		font-weight: 600;
		color:var(--link-white);
		text-align: center;
	}
	.contact_part .inner2 h2 a{
		font-size: 26px;
		font-weight: 400;
		color:var(--link-white);
	}
	/*==================================================================*/
	/* Page - Privacy & Terms */
	/*==================================================================*/
	.news_part.privacy_banner{
		position: relative;
		background: var(--site-green);
	}
	.news_part.privacy_banner:before{
		content:'';
		position: absolute;
		top: 0;
		left: 0;
		background-image: url("../img/privacy_left.png");
		background-size: contain;
		aspect-ratio:834 /592;
		height: 100%;
	}
	.news_part.privacy_banner:after{
		content:'';
		position: absolute;
		top: 0;
		right: 0;
		background-image: url("../img/privacy_right.png");
		background-size: contain;
		aspect-ratio:810 /526;
		height: 100%;
	}
	.privacy_part h2{
		font-size: 30px;
		line-height: 40px;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.privacy_part h3{
		font-size: 22px;
		line-height: 30px;
		text-align: center;
		margin-bottom: 20px;
	}
	.privacy_part p{
		font-size: 16px;
		line-height: 24px;
	}
	.privacy_part li{
		list-style-type: disc;
		margin-left: 20px;
		line-height: 24px;
	}
	.privacy_part ul{
		margin:10px 0;
	}
}

@media only screen and (max-width: 1200px){
	header:before{
		opacity: 1;
	}
	.btn_menu{
		color:var(--link-white);
		display: block;
		cursor:pointer;
	}
	.btn_menu:before{
		content: '';
        font-size: 40px;
        display: block;
        line-height: 38px;
        position: relative;
        width: 40px;
        height: 40px;
        text-align: center;

        background-size: contain;
		background-repeat: no-repeat;
		background-size: 27px;
		background-position: center center;
		background-image: url("../img/btn_menu.png");
	}
	.btn_menu.active:before{
		content:'';
		background-size: contain;
		background-repeat: no-repeat;
		background-size: 27px;
		background-position: center center;
		background-image: url("../img/btn_cross.png");
		font-size: 30px;
	}
	header .inner nav{
		display: none;
	}
	header.scrolled:before{
		animation: none;
	}
	header .inner nav.active{
		display: block;
	}
	header .inner nav{
		position: absolute;
		top: 121px;
		left: 0;
		width: 100%;
	}
	header .inner nav ul{
		display: block;
	}
	header .inner nav li {
		background: rgba(35, 101, 114, 0.8);
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		box-sizing: border-box;
        padding: 20px 0;
	}
	header .inner nav li a{
		margin-left: 20px;
	}
	header .inner nav li:last-child a{
		background:transparent;
		border-radius: 0;
		padding:0;
		font-weight: 700;
        font-size: 16px;
        display: block;
        margin-left: 20px;
        text-decoration: none;
        color: var(--link-white);
        font-family:"Montserrat";
	}
	.banner h1{
		font-size: 10vw;
		font-size: min(10vw, 70px);
		padding: 0 20px 0 40px;
	}
	.news_part.banner h1{
		font-size: min(9vw, 70px);
		/*margin-top: 250px;*/
	}
	.home_part2 h1{
		font-size: 8vw;
		font-size: min(5vw, 50px);
	}
	.is-style-expertise_h1{
		font-size: 8vw;
		font-size: min(5vw, 50px);
	}
	.is-style-expertise_p2{
		font-size: 4vw;
		font-size: min(4vw, 18px);
		line-height: min(5vw, 26px);
	}

	.home_part2 p,
	.is-style-expertise_p1{
		font-size: 4vw;
		font-size: min(4vw, 18px);
		line-height: min(5vw, 26px);
		max-width: 860px;
	}



	.home_part2 a,
	.is-style-expertise_a{
		font-size: 5vw;
		font-size: min(5vw, 26px);
		line-height: min(6vw, 30px);
	}
	.home_part4:before{
		background:none;
	}
	.home_part4,
	.home_part4 .inner{
		min-height:calc(150vw + 350px);
	}
	.who_home_part4.home_part4{
		min-height:calc(150vw + 300px);
	}
	.home_part4 .inner .content:before{
		display: none;
	}
	.home_part4 .inner:after{
		background-size: 145% auto;
        background-position: top;
        position: absolute;
        top: 20px;
        right: 0;
        width: 100vw;
        height: 150vw;
	}
	.home_part4 .inner h1{
		font-size: 7vw;
		font-size: min(7vw, 48px);
		line-height: min(8vw, 60px);
	}
	.who_home_part4.home_part4 .inner h1{
		font-size: 9vw;
		font-size: min(9vw, 58px);
		line-height: min(10vw, 70px);
	}
	.home_part4 .inner p{

	}
	.home_part4 .inner ul li{
		font-size: 9vw;
		font-size: min(4.5vw, 22px);
		line-height: min(5.5vw, 45px);
	}
	.home_part4 .inner .content {
        position: relative;
        margin-top: 150vw;
        padding-bottom: 0;
    }
    .who_part2 .inner .row2{
    	flex-direction: column;
    }
    .who_part2 .inner .row2 > div:nth-child(1) img{
    	width: 100%;
    }
    .who_part2 .inner .row2 > div:nth-child(2) img{
    	width: 100px;
    }
    .who_part3 .inner .row2{
    	flex-direction: column;
    	gap: 0;
    }
    .who_part3 .inner .row2:nth-child(odd){
    	flex-direction: column;
    }
    .who_part3 .inner .row2 img{
    	max-width: 100%;
    }
    .who_part5 .row2{
    	flex-direction: column;
    }
    .who_part5 .row2 img{
    	max-width: 100%;
    }
}

@media only screen and (max-width: 1000px){
	.footer_top{
		flex-direction: column;
	}
	.footer_top > div:first-child{
		width: 100%;
		margin-bottom: 40px;
	}
	.footer_bottom{
		flex-direction: column;
	}
	.footer_bottom_left{
		margin-bottom: 20px;
	}

	.home_part3 .inner .row2:nth-child(1){
		flex-direction: column-reverse;
	}
	.home_part3 .inner .row2:nth-child(1)> div:nth-child(2) img{
		width: 100%;
		aspect-ratio: 16 / 9;
		object-fit: fill;
	}
	.home_part3 .inner .row2:nth-child(1)> div:nth-child(1){
		box-sizing: border-box;
		padding:40px 0;
	}
	.home_part3 .inner .row2> div h2{
		font-size: 6vw;
		font-size: min(7vw, 40px);
		line-height: min(8vw, 44px);
	}
	.home_part3 .inner .row2> div h2 br{
		display: none;
	}
	.home_part3 .inner .row2:nth-child(2){
		flex-direction: column;
	}

	.home_part3 .inner .row2:nth-child(2)> div:nth-child(1) img{
		display: block;

		width: 100%;
		aspect-ratio: 16 / 9;
		object-fit: fill;
	}
	.home_part3 .inner .row2:nth-child(2)> div:nth-child(2){
		margin-left: 0;
	}
	.home_part3 .inner .row2:nth-child(2)> div:nth-child(2) a{
        font-size: 5vw;
        font-size: min(5vw, 20px);
        line-height: min(6vw, 30px);
    }
	.home_pic2{
		display: none;
	}
	.expertise_detail_part2 .inner2:nth-child(even) .row2 div:nth-child(2) h1{
		padding-right:0px;
	}
	.expertise_detail_part2 .inner2:nth-child(even) .row2 div:nth-child(2) p{
		padding-right:0px;
	}

	.contact_part .inner2 .row2{
		flex-direction: column;
	}
	.contact_part .inner2 .row2 > div:nth-child(1){
		margin-left: 0;
		text-align: center;
	}
	.contact_part .inner2 .row2 > div:nth-child(1) img{
		max-width: 100%;
	}
}

@media only screen and (max-width: 800px){
	.footer_top > div:not(:first-child){
		flex-direction:column;
	}
	.footer_top > div:not(:first-child) > div{
		width: 100%;
		margin-bottom: 30px;
	}
	.footer_top > div:not(:first-child) > div:first-child,
	.footer_top .row2{
		width: 100%;
	}
	.footer_top .row1{
		display: inline-block;
		width: 49%;
	}

	.home_part2 p br{
		display: none;
	}

	.contact_part .inner h3{
		font-size: 5vw;
		font-size: min(5vw,22px);
		line-height: min(6vw,30px);
	}
	.contact_part .inner h2{
		font-size: 6vw;
		font-size: min(6vw,30px);
        line-height: min(7vw,40px);
	}

	.expertise_banner .tag{
		width: 100%;
		background: rgb(1 91 128 / 60%);
	}
	.expertise_part2 .inner2{
		justify-content: flex-start;
	}
	.expertise_part2 .box{
		width: calc(100vw - 40px);
		aspect-ratio: 4 / 2.5;
		height: auto;
	}
	.expertise_part2 .box img{
		max-width: 100%;
		height: auto;
	}
	.expertise_detail_part2 .inner2 .row2{
		flex-direction:column;
	}
	.expertise_detail_part2 .inner2:nth-child(even) .row2{
		flex-direction:column;
	}
	.expertise_banner .home_banner_left{
		left: -30%;
	}
	.home_banner_left{
		left: -50%;
	}
	.home_banner_right{
		right: -30%;
	}
	.follow_us{
		transform:translate(0,-160px);
		top:100%;
		left: 20px;
	}
	.banner h1{
		padding:0 20px;
	}
	.home_banner{
		height: auto;
	}
	.home_banner .inner{
		min-height:650px;
	}
	.home_part2{
		box-sizing: border-box;
		padding:150px 0;
		height: auto;
	}
	.who_banner{
		position: relative;
		background-image: url("../img/who_banner_mobile.jpg");
		background-size: cover;
		background-position: center center;
	}
	.news_part.privacy_banner:before{
		left: -50%;
	}
	.news_part.privacy_banner:after{
		right: -30%;
	}
}

@media only screen and (max-width: 500px){
	.footer_top .row2{
		flex-direction: column;
		margin-bottom: 0;
	}
	.footer_top .row2 > a{
		margin-bottom: 20px;
	}
	.news_part2 .inner2 .news_blocks{
		width: 100%;
        grid-template-columns: inherit;
	}
	.who_part5 .row2 > div p br{
		display: none;
	}
}