@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC&display=swap");

body::-webkit-scrollbar {
	display: none;
}

body, h1, h2, h3, h4, h5, h6, p, a, li, span {
	font-family: 'Noto Sans TC','微軟正黑體' !important;
	color: #333333;
	font-weight: 400;
}

*, body, htnl {
	margin: 0;
	font-family:'Noto Sans TC', "微軟正黑體", Arial, sans-serif, "新細明體", Microsoft JhengHei, jaf-bernino-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 15px;
	font-weight: 400;
}

a:hover {
	text-decoration: none;
	color: #D36027;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

.ver-item{
	display: flex;
	align-items: center;
	height: 100%;
}

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

.img-item {
	position: relative;
	overflow: hidden;
}

.img-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	background-repeat: no-repeat;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/*-- 下拉選單 ↓ --*/
.select {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 325px;
	color: #666666;
	vertical-align: middle;
	text-align: left;
	user-select: none;
	-webkit-touch-callout: none;
}
.select .placeholder {
	position: relative;
	display: block;
	border: 1px solid #ddd;
	background-color: #ffffff;
	z-index: 1;
	padding: 10px;
	border-radius: 2px;
	cursor: pointer;
}
.select .placeholder:hover {
	background: #f1f1f1;
}
.select .placeholder:after {
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'FontAwesome';
	content: '\f078';
	z-index: 10;
}
.select.is-open .placeholder:after {
	content: '\f077';
}
.select.is-open ul {
	display: block;
}
.select.select--white .placeholder {
	background: #fff;
	color: #999;
}
.select.select--white .placeholder:hover {
	background: #fafafa;
}
.select ul {
	display: none;
	position: absolute;
	overflow: hidden;
	width: 100%;
	background: #fff;
	border-radius: 2px;
	top: 100%;
	left: 0;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	z-index: 100;
	border: 1px solid #ccc;
	box-shadow:0px 0px 10px #00000020;
}
.select ul li {
	display: block;
	text-align: left;
	padding: 0.8em 1em 0.8em 1em;
	color: #999;
	cursor: pointer;
}
.select ul li:hover {
	background: #ddd;
	color: #999;
}

/*-- 下拉選單 ↑ --*/
/*select*/
.mo-select .select {
	position: relative;
	display: block;
	margin: 20px auto;
	width: 100%;
	color: #333333;
	vertical-align: middle;
	text-align: left;
	user-select: none;
	-webkit-touch-callout: none;
}
.mo-select .select .placeholder {
	position: relative;
	display: block;
	background-color: #ffffff;
	border:1px solid #ccc;
	z-index: 1;
	padding: 10px 15px;
	border-radius: 4px;
	cursor: pointer;
}
.mo-select .select .placeholder:hover {
	background: #eee;
}
.mo-select .select .placeholder:after {
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'FontAwesome';
	content: '\f078';
	z-index: 10;
}
.mo-select .select.is-open .placeholder:after {
	content: '\f077';
}
.mo-select .select.is-open ul {
	display: block;
}
.mo-select .select.select--white .placeholder {
	background: #fff;
	color: #999;
}
.mo-select .select.select--white .placeholder:hover {
	background: #fafafa;
}
.mo-select .select ul {
	display: none;
	position: absolute;
	overflow: hidden;
	width: 100%;
	background: #fff;
	border-radius: 2px;
	top: 100%;
	left: 0;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	z-index: 100;
}
.mo-select .select ul li {
	display: block;
	text-align: left;
	padding: 8px 16px;
	color: #999;
	cursor: pointer;
}
.mo-select .select ul li:hover {
	background: #4ebbf0;
	color: #fff;
}
/*select*/

body {
	background-color: #ffffff;
	overflow-x: hidden;
}

.margin-auto{
	margin: auto;
}

.col-md-20{
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 768px){
	.col-md-20 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

p{
	color: #333333;
	font-size: 15px;
	letter-spacing: 0.1rem;
	line-height: 1.5;
}

@media (max-width: 768px){
	p{
		font-size: 13px;
	}
}

a{
	letter-spacing: 0.1rem;
	line-height: 24px;
}

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

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

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

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

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

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

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

.txt-56{
	font-size: 56px;
}

.txt-75{
	font-size: 75px;
}

@media(max-width: 768px){
	.txt-14{
		font-size: 12px;
	}

	.txt-16{
		font-size: 14px;
	}

	.txt-18{
		font-size: 16px;
	}

	.txt-20{
		font-size: 18px;
	}

	.txt-24{
		font-size: 20px;
	}

	.txt-28{
		font-size: 24px;
	}

	.txt-36{
		font-size: 32px;
	}

	.txt-56{
		font-size: 36px;
	}

	.txt-75{
		font-size: 50px;
	}

}

.text-gray66{
	color: #666666;
}

.text-gray87{
	color: #878787;
}

.text-blue1{
	color: #3090cd;
}

.text-darkblue1{
	color: #40609E;
}

.text-lightblue1{
	color: rgba(20,165,222,1);
}

.text-orange1{
	color: #D36027;
}

.text-brown1{
	color: #5D5644;
}

.margin-no {
	margin-right: 0px;
	margin-left: 0px;
}

.padding-no {
	padding-right: 0px;
	padding-left: 0px;
}

.line-top {
	width: 100%;
	height: 1px;
	background: #ddd;
}

@media (max-width: 991px){
	.header .mo-header {
		background: #f6f6f6;
	}
}

.hide-in-phone{
	display: block;
}

@media (max-width: 991px){
	.hide-in-phone{
		display: none;
	}
}

.hide-in-pc{
	display: none;
}

@media (max-width: 991px){
	.hide-in-pc{
		display: block;
	}
}


@media (min-width: 991px){
	.header .pc-header.stick .top-menu .collapse .nav {
		margin-left: 0px;
	}
}

@media (max-width: 991px){
	.section-title p {
		line-height: 32px;
		letter-spacing: 2px;
	}
}

.mt-btn{
	background: url(../images/btn.png) no-repeat center;
	border-radius: 60px;
	border:0px solid #000000;
	color: #ffffff;
	padding: 14px 60px;
	box-shadow: 0px 0px 32px rgb(49 177 224 / 10%);
}

@media (max-width: 991px){
	.mt-btn{
		zoom:0.8;
	}
}

.over-2 {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.col-md-20{
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 768px){
	.col-md-20 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

@media (max-width: 991px){
	.mo-text-center{
		text-align: center;
	}
}


@media (max-width: 991px){
	.mo-order-1{
		order: 1;
	}
	.mo-order-2{
		order: 2;
	}
	.mo-order-3{
		order: 3;
	}
	.mo-order-4{
		order: 4;
	}
}

@media (min-width: 991px){
	.pc-pr{
		padding-right: 30px;
	}
	.pc-pl{
		padding-left: 30px;
	}
}

.link-item:hover .img-item img {
	transform: translate(-50%, -50%) scale(1.2);
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-webkit-transition: all 1.5s ease;
}

.link-item .img-item::before {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	background: rgba(0, 0, 0, 0.0);
	top: 0;
	left: 0;
	z-index: 2;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

.link-item:hover .img-item:before {
	background: rgba(0, 0, 0, 0.3);
}

.link-item .img-item .more-word {
	color: #fff;
	z-index: 2;
	text-align: center;
	opacity: 0;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	position: absolute;
	background-repeat: no-repeat;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.link-item:hover .img-item .more-word {
	opacity: 1;
}

.link-item .img-item .more-word i {
	display: block;
	font-size: 36px;
}

.slick-dots {
	list-style: none;
	padding: 0px 18px;
	z-index: 5;
}

.slick-dots li {
	margin: 0px 8px;
	opacity: 0.7;
	text-align: center;
}
.slick-dots li, .slick-dots li button {
	height: 20px;
	width: 20px;
}

.slick-dots li.slick-active button:before {
	border: 2px solid #4C87C1;
	background: #4C87C1;
	-webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 30%);
	box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 30%);
}
.slick-dots li button:hover:before {
	background: #4C87C1;
}

.slick-dots li button:before {
	background: #ccc;    
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 30%);
	box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 30%);
}

.section {
	position: relative;
	padding-top: 10vmin;
}

@media(max-width: 991px){
	.section {
		margin-bottom: 60px;
		position: relative;
		padding-top: 60px;
	}
}

.text-blue01{
	color: #014DA1;
}

.text-blue02{
	color: #15297F;
}

@media(min-width: 992px){
	.mb-md-50 {
		margin-bottom: 50px;
	}
}

.list-item{
	position: relative;
}

.list-item .list-style {
	position: absolute;
	top: 1px;
}

.list-item .list-content {
	padding-left: 32px;
}

/*-----------------------------------------*/

.view-more{
	background: #014DA1;
	color: #ffffff;
	padding: 8px 20px;
}

.view-more:hover{
	background: #014DA199;
	color: #ffffff;
}

.section{
	padding: 80px 0px;
}

.section_title{
	margin-bottom: 40px;
}

.section01{
	background-image: url(../images/s1-txt-bg.png);
	background-repeat: no-repeat;
	background-position: 300px bottom;
	background-size: inherit;
}

.s1-img-box{
	position: relative;
}

.s1-img-box .img-wrap{
	max-width: 460px;
	margin: auto;
	box-shadow: 15px 15px 30px #00000010;
}

.s1-img-box .img-item{
	padding-top: 100%;
}

.s1-img-box:before{
	content: '';
	position: absolute;
	width: 175px;
	height: 175px;
	background: #ffffff;
	top: -21px;
	left: 48px;
	z-index: 0;
}

.s1-img-txt-box {
	position: absolute;
	padding: 20px 30px;
	background: #2e6daa99;
	right: 0px;
	bottom: -30px;
	letter-spacing: 3px;
	text-shadow: 5px 5px 8px #00000030;
}

@media(max-width: 991px){
	.section01 {
		background-image: url(../images/s1-txt-bg.png);
		background-repeat: no-repeat;
		background-position: left 130px;
		padding-top: 0px;
	}
	.s1-txt-box{
		margin-bottom: 100px;
	}
	.s1-img-box:before {
		content: '';
		position: absolute;
		width: 140px;
		height: 175px;
		background: #ffffff;
		top: -60px;
		left: inherit;
		right: 0px;
		z-index: 0;
		opacity: 0.5;
	}
}

.section02{
	background-image: url(../images/s2-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.service-box{
	box-shadow: 15px 15px 30px #00000010;
}

.service-img .img-item{
	padding-top: 63%;
}

.service-txt{
	background: #fff;
	padding: 50px 20px 20px 20px;
	position: relative;
}

.service-icon{
	position: absolute;
	width: 58px;
	height: 58px;
	background:#2e6daa;
	left: 20px;
	top: -29px;
}

@media(min-width: 992px){
	.section02 .row .col-md-4:nth-child(1) .service-box{
		margin-right: 12px;
	}
	.section02 .row .col-md-4:nth-child(2) .service-box{
		margin-right: 6px;
		margin-left: 6px;
	}
	.section02 .row .col-md-4:nth-child(3) .service-box{
		margin-left: 12px;
	}
}

@media(max-width: 991px){
	.service-box{
		margin-bottom: 40px;
	}
}

.section03{
	background-image: url(../images/s3-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.case-box{
	padding: 0px 15px;
}

.case-box .img-item{
	padding-top: 100%;
}

.case-name{
	position: relative;
	background:#2e6daa99;
	box-shadow: 6px 6px 10px #00000020;
	padding: 10px 0px;
	margin: 0px 15px;
	top: -25px;
}

.case-box:hover .case-name{
	background:#7FA4C9;    
	-o-transition: all .4s ease;
	transition: all .4s ease;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	z-index: 10;
}

.section03 .slick-dots{
	bottom: -40px;
}

.section06{
	background-image: url(../images/contact-ad.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10vmin 0px;
	background-position: center;
}

@media(max-width: 991px){
	.section06{
		padding: 75px 0px;
		background-image: url(../images/contact-ad-mo.jpg);
	}
}

.team-item{
	margin-bottom: 40px;
}

.team-item .team-logo{
	max-height: 30px;
}

.blue-line{
	background-color: #4b86bf;
	opacity: 0.3;
	width: 100%;
	height: 2px;
}

.section06 p, .section06 img{
	-webkit-filter:drop-shadow(0px 0px 10px #ffffff);
	text-shadow: 0px 0px 10px #ffffff;
}

.footer {
	background-color: #F0F3F8;
	background-position: top center;
	padding-top: 15px;
	background-size: cover;
	background-attachment: fixed;
}

.footer-icon{
	position: absolute;
	width: 40px;
	height: 40px;
	color: #4D85BE;
	border:1px solid #4D85BE;
	border-radius: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 32px;
	top: 4px;
	left: 0px;
}

.footer-info{
	position: relative;
	padding-left: 60px;
}

.hr-2line {
	width: 100%;
	height: 15px;
	background: linear-gradient(180deg, #4B86BE 8px, transparent 8px,transparent 12px,#4B86BE 12px,#4B86BE 15px);
}

.line-top {
	width: 100%;
	height: 1px;
	background: #ddd;
}

.footer-logo img{
	width: 100%;
	max-width: 180px;
}

.footer .footer-body {
	padding: 35px 0;
}

@media(max-width: 991px){
	.footer-logo{
		text-align: center;
		margin-bottom: 20px;
	}
	.footer-logo img{
		max-width: 220px !important;
	}
	.footer-info{
		margin: 10px 0px;
	}
}

.header .top-message {
	background: #4B86BE;
	padding: 5px 0;
}

.header.stick .top-message {
	padding: 3px 0;
}

.header-phone-icon{
	position: absolute;
	width: 34px;
	height: 34px;
	color: #4D85BE;
	border: 2px solid #4D85BE;
	border-radius: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 25px;
	top: 3px;
	left: 0px;
}

.header .top-icon .top-phone{
	position: relative;
	padding-left: 45px;
}

.header .top-icon {
	padding: 20px 0px;
}

@media (min-width: 991px){
	.header .top-icon .logo img {
		margin-right: 0rem;
		zoom: 0.5;
	}
}

.header .top-icon .top-icon-list .top-icon-link a:before {
	width: 0px;
}

.header .top-icon .top-icon-list .top-icon-link a {
	position: relative;
	display: block;
	padding: 15px 20px;
	color: #333;
	font-size: 18px;
	font-weight: normal;
}

.header .top-icon .top-icon-list .top-icon-link a:hover {
	text-decoration: none;
	color: #1574A4;
}

.header.stick .top-icon {
	padding: 10px 0px;
}

@media (max-width: 991px){
	.header {
		height: calc( 5vw + 58px );
	}
	.section-kv {
		margin-bottom: 0px;
	}
	.header.stick .top-icon {
		padding: 20px 0px;
	}
}

.banner_slider_mo .img-item{
	padding-top: 100%;
}

@media (max-width: 991px){
	.header .top-header .top-menu nav .navbar-collapse.show {
		top: calc( 5vw + 58px );
	}
}

/*--------------------------------------------------------------------*/


@media (max-width: 991px){
	.header .top-header .top-menu nav .navbar-collapse {
		background: #4b86be99;
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
	}
}

.inside-content{
	min-height: calc( 100vh - 237px - 104px );
}

/*-------------------------------------------------------*/

.page-area {
	padding-top: 350px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	background-attachment: fixed;
}

.page-area .page-ti {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	text-align: center;
	text-shadow: 2px 2px 10px #ffffff;
	-webkit-filter: drop-shadow(0px 0px 10px #ffffff);
}

@media (max-width: 991px){
	.about-section01 {
		margin-bottom: 0px;
	}
}

.about-section02{
	overflow: hidden;
}

@media (max-width: 991px){
	.about-section02 {
		margin-bottom: 0px;
	}
}

.about-s2-img .img-item{
	padding-top: 100%;
}

.about-s2-img:before {
	content: '';
	position: absolute;
	width: 390px;
	height: 390px;
	background: #EDF5F8;
	top: -40px;
	left: 48px;
	z-index: 0;
}

.about-s2-img .img-wrap {
	max-width: 390px;
	margin: auto;
	box-shadow: 15px 15px 30px #00000010;
}

.about-s2-img:after {
	content: '';
	position: absolute;
	width: 157px;
	height: 232px;
	background: url(../images/dot-dec.png);
	bottom: -45px;
	right: 55px;
	z-index: -1;
}

@media (max-width: 991px){
	.about-s2-txt {
		margin-top: 70px;
	}
}

.about-section03{
	background-color: #EDF5F8;
}

@media (max-width: 991px){
	.about-section03 {
		padding: 55px 0px;
		margin-bottom: 0px
	}
}

.title-bar2 {
	background: linear-gradient(90deg, #014DA1 0%,#014DA1 26%, #e2e1e3 26%, #e2e1e3 100%);
	width: 100%;
	height: 3px;
}

.about-section03 .info {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 15px;
}

.service-info-item{
	position: relative;
	padding-left: 105px;
	border-left: 6px solid #DCF0F1;
}

.service-info-item .info{
	position: absolute;
	top: 0px;
	left: 15px;
}

.service-info-item p{
	line-height: 28px;
}

.service-info-item2{
	position: relative;
	padding-left: 15px;
	border-left: 6px solid #DCF0F1;
}

@media (max-width: 991px){
	.about-section04 {
		margin-bottom: 0px;
		padding: 60px 0px;
	}
}

.about-s4-img .img-wrap {
	max-width: 530px;
	margin: auto;
	box-shadow: 5px 5px 30px #00000010;
}

.about-s4-img .img-item{
	padding-top: 75%;
}

.about-s4-img:after {
	content: '';
	position: absolute;
	width: 157px;
	height: 232px;
	background: url(../images/dot-dec.png);
	bottom: -60px;
	right: 15px;
	z-index: -1;
	transform: rotate(90deg);
}

@media (max-width: 991px){
	.about-s4-img{
		margin-top: 70px;
	}
	.about-s4-img:after {
		bottom: -80px;
		right: 40px;
	}
}

@media(min-width: 992px){
	.about-s4-item .row .col-md-4:nth-child(1) .service-box{
		margin-right: 12px;
	}
	.about-s4-item .row .col-md-4:nth-child(2) .service-box{
		margin-right: 6px;
		margin-left: 6px;
	}
	.about-s4-item .row .col-md-4:nth-child(3) .service-box{
		margin-left: 12px;
	}
}

.about-section05{
	background-image: url(../images/ab-s5-bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	padding: 10vmin 0px;
	background-position: top center;
}

.partner-item{
	box-shadow: 15px 15px 30px #00000010;
	overflow: hidden;
}

.partner-img-box .img-item{
	padding-top: 56.25%;
}

.partner-info-box{
	background:#ffffff;
	padding: 20px 30px;
}

.about-section05 .row .col-md-6:nth-child(1) .partner-info-box p{
	position: relative;
	left: 0px;
}

.about-section05 .row .col-md-6:nth-child(2) .partner-info-box p{
	position: relative;
	left: 0px;
}

.partner-logo{
	max-height: 30px;
}

@media (max-width: 991px){
	.partner-item{
		margin-bottom: 40px;
	}
}

.history-area{
	margin-top: 70px;
}

@media (max-width: 767px){
	.footer-body .row [class^=col] {
		margin-bottom: 5px;
	}
}

.newcodeimg{
	max-width: 120px;
}

/*-------------------------服務流程時間軸---------------------------*/
.acm-timeline{
	position: relative;
	margin-top: 36px;
}

@media (min-width: 992px){
	
	.acm-timeline .timeline-list .item-row:nth-child(odd) .item-body{
		text-align: right;
	}
}

.acm-timeline.style-1:before {
	width: 1px;
	height: 110%;
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	content: "";
	background: #e8e8e8;
}

@media screen and (max-width: 767px){
	.acm-timeline.style-1:before {
		/*display: none;*/
	}
}

.acm-timeline.style-1:after {
	width: fit-content;
	height: fit-content;
	position: absolute;
	left: calc(50% - 9px);
	bottom: calc(-10% - 20px);
	font-family: 'Font Awesome 5 Free';
	content: "\f0d7";
	font-size: 30px;
	color: #014da1;;
	font-weight: 900;
}

@media screen and (max-width: 767px){
	.acm-timeline.style-1:after {
		/*display: none;*/
	}
}

.acm-timeline.style-1 .timeline-list {
	margin: 0px auto 200px;
	position: relative;
}

@media screen and (max-width: 767px){
	.acm-timeline.style-1 .timeline-list {
		margin: 0px auto 150px;
		position: relative;
	}
}

.acm-timeline.style-1 .item-row {
	padding-left: 0;
	padding-right: 50%;
	margin-bottom: 40px;
}

.acm-timeline.style-1 .item-row .timeline-item2 {
	margin-right: 80px;
}

.acm-timeline.style-1 .item-row:first-child .timeline-item2 .item-icon {
	border-color: #014DA1 transparent transparent transparent;
}

.acm-timeline.style-1 .item-row .timeline-item2 .item-icon {
	position: absolute;
	left: calc(50% - 6px);
	text-align: center;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 6.5px 0 6.5px;
	border-color: #dddddd transparent transparent transparent;
}

.media-left, .media-right, .media-body {
	/*display: table-cell;*/
	vertical-align: top;
}

.acm-timeline.style-1 .item-row .timeline-item2 .item-content {
	position: relative;
	top: -10px;
}

.acm-timeline.style-1 .item-row .timeline-item2 .item-date {
	color: #2fa681;
	line-height: 1;
	font-size: 15px;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.acm-timeline.style-1 .item-row .timeline-item2 .item-title {
	font-size: 24px;
	font-weight: 400;
	margin-top: 0;
}

.acm-timeline.style-1 .item-row .timeline-item2 p {

}

.acm-timeline.style-1 .item-row:nth-child(2n) {
	padding-left: 50%;
	padding-right: 0;
}

.acm-timeline.style-1 .item-row:nth-child(2n) .timeline-item2 {
	margin-right: 0;
	margin-left: 80px;
}

@media (max-width: 991px){
	.acm-timeline.style-1 .timeline-list {
		width: auto !important;
	}
}

@media (max-width: 767px){
	.acm-timeline.style-1 .timeline-list {
		margin-top: 24px;
	}
}

@media (max-width: 767px){
	.acm-timeline.style-1 .item-row {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 45px;
	}
}

@media (max-width: 767px){
	.acm-timeline.style-1 .item-row .timeline-item2 {
		margin-right: 0;
	}
}

@media screen and (max-width: 767px){
	.acm-timeline.style-1 .item-row .timeline-item2 .item-icon {
		/*display: none;*/
	}
}

@media (max-width: 767px){
	.acm-timeline.style-1 .item-row .text-right {
		text-align: left !important;
	}
}

@media (max-width: 767px){
	.acm-timeline.style-1 .item-row:nth-child(2n) .timeline-item2 {
		margin-left: 0;
	}
}

@media screen and (max-width: 767px){
	.acm-timeline.style-1 .item-row:nth-child(2n) {
		padding-right: 0;
		padding-left: 0;
	}
}

.Sustainable-Business{
	position: relative;
	top: -30px;
	text-align: center;
}

@media (max-width: 767px){
	.Sustainable-Business{
		position: relative;
		top: -80px;
		text-align: left;
		padding-left: 15vw;
	}
}

@media(max-width: 767px){
	.acm-timeline.style-1 .item-row .timeline-item2 .item-content {
		position: relative;
		top: -5px;
		padding-left: 15vw;
	}
	.acm-timeline.style-1 .item-row .timeline-item2 .item-icon {
		left: calc(5vw - 6px);
	}
	.acm-timeline.style-1:before {
		left: 5vw;
	}
	.acm-timeline.style-1:after {
		left: calc(5vw - 9px);
	}
}

/*--------------------------------------------------------------------------------------*/

.form-control {
	border: 0px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: inherit;
	padding: 12px 0px;
	color: #666666;
}

.form-control.surrounding{
	border: 1px solid #ddd;
	padding: 12px 12px;
}

.form-control:focus {
	color: #495057;
	background-color: #fafafa;
	border-color: #ddd;
	outline: 0;
	box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
}

.contact-info-area{
	line-height: 28px;
	font-size: 15px;
}

#inputContent.form-control.surrounding{
	margin-top: 10px;
}

/*-------------------------------------------------------------------*/

.section-news-list ul li a:hover, .section-news-list ul li a.active {
	border: 1px solid #4c88d1;
	color: #fff;
	background-color: #4c88d1;
}

.section-news-list ul li a {
	border: 1px solid #999;
	color: #999;
	padding: 10px 15px;
	display: block;
	margin: 10px;
}


/*------------------------------案件內頁------------------------------------*/

/*-----------------------------------------------------*/

.splide__arrow {
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	width: 6em !important;
	height: 6em !important;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	padding: 0;
	opacity: .7;
	background: transparent !important;
}

@media (max-width: 768px){
	.splide__arrow {
		display: none !important;
	}
}

.splide__arrow svg {
	width: 2em !important;
	height: 2em !important;
}

.splide__slide img {
	width: auto;
	height: auto;
	margin: auto;
	height: 660px;
}

@media (max-width: 768px){
	.splide__slide img {
		width: 100%;
		height: auto;
	}
}

.project-photo .splide__arrow--prev {
	display: none!important;
}

.project-photo .splide__arrow--next {
	display: none!important;
}

.splide__pagination {
	display: none !important;
}

.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
	border-color: #014DA1 !important;
}

#secondary-slider .splide__arrow--prev {
	/* display: none!important; */
	position: absolute;
	top: -368px;
}

#secondary-slider .splide__arrow--next {
	/* display: none!important; */
	position: absolute;
	top: -368px;
}

/*-------------------------------------------------------------------------*/

.project-section{
	padding: 10vmin 0;
}

.project-share{
	padding: 30px 0 60px 0px;
}

.project-share li{
	padding: 10px 5px 10px 19px;
}

.project-share li a{
	color: #666666;
}

.project-share li:hover a{
	color: var(--hog);
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
}

.project-info-item{
	padding: 2vmin 0;
	border-top: 1px solid #dddddd;
}

.project-detail-info .project-info-item:nth-last-child(1){
	border-bottom: 1px solid #dddddd;
}

@media(max-width: 991px){
	.projext-text-box{
		padding-bottom: 30px;
	}
}

.project-prev-next {
	padding: 30px 0px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.prev-box {
	display: flex;
	align-items: center;
}

.next-box {
	display: flex;
	align-items: center;  
	justify-content: flex-end;
}

.prev-box:hover i,.prev-box:hover p,
.next-box:hover i,.next-box:hover p{
	color: var(--hog);
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
}

/*-----------------------------------------------*/

.cd-top {
	background-color: #014DA1;
	overflow: hidden;
	text-indent: 0%;
	background-image: inherit;
	text-decoration: none;
	cursor: pointer;
	width: 56px;
	height: 56px;
	z-index: 999;
	position: fixed;
	right: 32px;
	bottom: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 100%;
	-webkit-box-shadow: 0 4px 16px 0 #1574a480;
	-moz-box-shadow: 0 4px 16px 0 #1574a480;
	box-shadow: 0 4px 16px 0 #1574a480;
}

svg.icon__arrow-up {
	fill: #ffffff;
	width: 32px;
	height: 32px;
}

@media (max-width: 991px){
	.header .top-header .top-menu .collapse .top-icon-list .top-icon-link a {
		font-size: 15px;
	}
}

.section_news_items .img-wrap .img-item {
    padding-top: 63%;
}