/*
 * You can say something about your file if you need it!
 */
/*-------------------------*/
/* $Catalog 
---------------------------*/
/**
 * Clear button styles
 * share 
 * service
**/

/*-------------------------*/
/* share
---------------------------*/

/*.txt{
	font-size: 16px;
	line-height: 1.5;
	color: #363636;
}*/
.slider .item .images .image{
    height: 350px;
    background-position: center center;
    background-size: cover;
}
.color-orange{
	color: #f60;
}
.color-f5533e {
	color: #f5533e;
}
.border-f5533e {
	border: 1px solid #f5533e;
}
.bgcolor-fdefec {
	background-color: rgb(236 198 198 / 50%);
}
.border-009b82 {
	border: 1px solid #009b82;
}
.bgcolor-47904c {
	background-color: rgb(196 236 190 / 50%);
}
.border-39a7d2 {
	border: 1px solid #39a7d2;
}

.bgcolor-34b6e8 {
	background-color: rgb(168 225 229 / 50%);
}

.bgcolor-e6e6ed {
	background-color: #f8f8f3;
}

.HLtxt-link a {
	border-bottom: .05rem dotted #ff6600;
	padding-bottom: 1.4px;
	color: #ff6600;
}

.HLtxt-link a:hover {
	color: #49738b;
	border-bottom: .05rem dotted #49738b;
}

.js-popover {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	line-height: 1;
}

.js-popover i {
	display: block;
}
/*-------------------------*/
/* service
---------------------------*/
.service {
	position: relative;
}
.service .en {
	font-family: 'Roboto Condensed', Roboto, 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	margin-top: -2px;
	text-align: center;
	color: #f60;
	font-weight: 600;
	letter-spacing: .5px;
	text-transform: uppercase;
}
@media (max-width: 768px){
	.service .txt{
		text-align: left;
	}
}
.service h1.mt-50{
	margin-top: 50px;
	font-weight: 500;
}
.service .food,
.service .troelly,
.service .furniture,
.service .luggage,
.service .glasses,
.service .bicycle,
.service .medical,
.service .fire,
.service .box,
.service .stationery,
.service .customized{
	width: 100%;
    max-width: 90px;
    height: 90px;
    border-radius: 50px;
    text-align: center;
    /*line-height: 100px;*/
    background-color: #fff;
    display: block;
    margin: 0 auto 85px;
    position: relative;
    font-size: 22px;
    /*letter-spacing: 0.24em;*/
    color: #f60;
    background-repeat: no-repeat;
    background-size: 44px;
    border: 2px solid #f60;
    background-position: right 22px top 22px;
    transition: 0.5s ease;
}
.service .food-black{
    color: #f60;
	background-image: url(../image/HardLine/icons/food.svg);
}
.service .troelly-black{
    color: #f60;
	background-image: url(../image/HardLine/icons/trolley.svg);
}
.service .furniture-black{
    color: #f60;
	background-image: url(../image/HardLine/icons/furniture.svg);
}
.service .luggage-black{
    color: #f60;
	background-image: url(../image/HardLine/icons/luggage.svg);
}
.service .glasses-black{
    color: #f60;
	background-image: url(../image/HardLine/icons/glasses.svg);
}
.service .bicycle-black{
    color: #f60;
	background-image: url(../image/HardLine/icons/bicycle.svg);
}
.service .medical-black{
    color: #f60;
	background-image: url(../image/HardLine/icons/medical.svg);
}
.service .fire-black{
    color: #f60;
	background-image: url(../image/HardLine/icons/fire.svg);
}
.service .box-black{
    color: #f60;
	background-image: url(../image/HardLine/icons/box.svg);
}
.service .stationery-black{
    color: #f60;
	background-image: url(../image/HardLine/icons/stationery.svg);
}
.service .customized-black{
    color: #f60;
	background-image: url(../image/HardLine/icons/customized.svg);
}
.service .food-black:hover,
.service .troelly-black:hover,
.service .furniture-black:hover,
.service .luggage-black:hover,
.service .glasses-black:hover,
.service .bicycle-black:hover,
.service .medical-black:hover,
.service .fire-black:hover,
.service .box-black:hover,
.service .stationery-black:hover,
.service .customized-black:hover{
	background-position: right 22px top 26px;
}
/*.service img{
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}*/
.service__inner{
	position: relative;
	overflow: hidden;
}
.service .h5{
	color: #ff6600;
	font-size: 16px;
	padding-top: 90px;
	line-height: 26px;
	margin: 0px -42px;
}
.product__bgc {
    background: url(../image/HardLine/bg_benefit.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 50px;
    background-color: #fbfbfb;
    padding-bottom: 60px;
    overflow: hidden;
}
.service .title-bar:after{	
    display: block;
    content: "";
	width: 1px;
    height: 50px;
    background: #f60;
    margin: 20px auto 20px;
}
/*-------------------------*/
/* certification
---------------------------*/
.certification .imgbox{
	margin-top: 90px;
}
@media(max-width: 992px){
	.certification .imgbox{
		margin-top: 80px;
	}
	.mb-50{
		padding-bottom: 0px;
	}
}
.service .h1,
.certification .h1 {
	font-size: 30px;
	font-weight: 500;
	margin-top: 20px;
}
.certification .h3{
	font-size: 30px;
	line-height: 32px;
	margin-top: 0px;
	font-weight: 600;
	color: #f60;
	text-transform: uppercase;
}
.certification .h3:after{
    display: block;
    width: 80px;
    content: "";
    margin-top: 10px;
	border-bottom: 3px solid #f60;
    clear: both; 
}
.certification .txt{	
	position: relative;
}
.hm-icon{
	position: absolute;
	top: -80px;
	left: 0px;
	width: 80px;
	height: 80px;
    border-radius: 100%;
    text-align: center;
    line-height: 80px;
	background-color: #f8f8f7;
	z-index: 2;
}
@media(max-width: 768px){
	.hm-icon{
		top: -80px;
	}
}
.certification .hm-icon img{
	width: 45px;
}
.certification .sub{
	display: inline-block;
	font-weight: 500;
}
.certification .cate{
	font-size: 16px;
	line-height: 24px;
	color: #71be43;
	margin-top: 0px;
}
.certification .zindex{
	z-index: 1;
}
@media(max-width: 768px){
	.certification .zindex{
		z-index: 0;
	}
}
.certification .item-left {
	padding: 50px 48px 20px 20px;
	margin: 30px 0px 50px 0px;
}

.certification .item-right {
	padding: 50px 20px 20px 48px;
	margin: 50px 0px;
}

@media (max-width: 992px) {
	.certification .item-left {
		padding: 40px 40px 15px 15px;
		margin: 0px 0px 25px 0px;
	}

	.certification .item-right {
		padding: 40px 15px 15px 40px;
		margin-top: 40px;
	}
}

@media (max-width: 768px) {
	.certification .item-left {
		padding: 40px 15px 15px 15px;
		margin: 0px 0px 25px 0px;
	}

	.certification .item-right {
		padding: 40px 15px 15px 15px;
		margin-top: 40px;
	}
}
.certification .bg-gray{
	background-color: #f8f8f7;
}
.certification p.txt{
	position:relative;
    line-height:1.5em;
    /* 高度为需要显示的行数*行高，比如这里我们显示两行，则为3 */
    /*height:4.5em;*/
    overflow:hidden;
    margin-bottom: 30px;
    color: #848484;
    text-align:justify;
}
.certification ul.txt{
	padding-left: 0px;
    color: #848484;
}
.certification .imgbox .imgbox-inner .image{
	border-radius: 3px;
}


/*-------------------------*/
/* quality
---------------------------*/
.quality .h4{
	color: #363636;
}
.nav-list.nav-list-group-item {
	margin-bottom: 10px;
}
.toxicology .nav-list.nav-list-group-item{
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding: 20px;
	height: 180px;
}
.nav-list .pl-10{
	padding-left: 20px;
	margin-top: 10px;
}

.nav-list.nav-list-group{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.nav-list.nav-list-link{ 
	position: relative;
	letter-spacing: 0.12em;
	padding-left: 1px;
	color: #000;
}
.quality .nav-list.nav-list-link::before{
	content: "\f192";
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 6px;
	font-family: "Font Awesome\ 5 Pro";  /* updated font-family */
	font-weight: 900; /* regular style/weight */
	font-size: 12px;
	color: #f60;
}
.quality .nav-list.nav-list-link.dot::before{
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #f60;
    border-radius: 50%;
}

.quality p.txt{
	margin-top: 14px;
	font-size: 20px;
	font-weight: 500;
	color: #363636;
	margin-bottom: 0px;
}

.nav-list.nav-list-link span{
	display: inline-block;
	vertical-align: middle;
	padding-left: 19px;
	-webkit-transition: padding 0.2s ease-in-out;
	transition: padding 0.2s ease-in-out;
    font-size:16px;
}

.grid-line .col-12:nth-child(odd) .border-dotted {
	position: relative;
}

@media(min-width: 768px) {
	.grid-line .col-12:nth-child(odd) .border-dotted:after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 1px;
		height: 100%;
		background-image: repeating-linear-gradient(to bottom,#e4e4e4 0 4px,transparent 4px 8px)
	}
}

.grid-line .border-dotted {
	position: relative;
	background-image: repeating-linear-gradient(to right,#e4e4e4 0 5px,transparent 4px 8px);
	background-size: auto 1px;
	background-position: bottom left;
	background-repeat: repeat-x;
}

	.grid-line .border-dotted::before {
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		border-radius: 3px;
		background-color: #71be43;
		background-image: url("../Image/svg/icon-check.svg");
		background-repeat: no-repeat;
		background-size: 10px 8px;
		background-position: center;
		position: absolute;
		top: 50%;
		left: 20px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

.grid-line {
	background-image: repeating-linear-gradient(to right,#e4e4e4 0 5px,transparent 4px 8px);
	background-size: auto 1px;
	background-position: top left;
	background-repeat: repeat-x;
	margin-bottom: 40px;
}

/*-------------------------*/
/* advisory 
---------------------------*/
.advisory .h4{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: #363636;
}
.advisory ul.nav-list li{
	line-height: 1.5;
}
.advisory .nav-list.nav-list-link::before{
    content: "\f058";
    position: absolute;
    top: 1px;
    left: 0;
	font-family: "Font Awesome\ 5 Pro";  /* updated font-family */
	font-weight: 400; /* regular style/weight */
	font-size: 14px;
	color: #f60;
}

.analysis a:hover, .analysis a:focus{
	color:#363636;
	text-decoration:none;
}

.analysis{
	line-height: 1.5;
}

.analysis .item-wrap{	
	background-color: #f5f4f3;
	/*margin: 0 15px;*/
	margin-bottom: 20px;
}
.analysis .item-wrap ul{
	position: relative;
    z-index: 2;
    padding: 20px;
    padding-left: 60px;
}

.panel-title>a, .panel-title>a:active{
	margin-top: 0px;
	padding: 10px 0px 10px 20px;
}

.panel-heading a::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f14a";
    float: left;
    transition: all 0.5s;
    font-size: 16px;
    color: #f60;
    margin-right: 10px;
    font-weight: 400;
}

.mb-30{
	margin-bottom: 30px;
}
.mt-30{
	margin-top: 30px;
}
.mb-20{
	padding-bottom: 20px;
}

.quality .h1,
.analysis .h1,
.advisory .h1{
    font-size: 30px;
    margin-top: 30px;
    font-weight: 500;
}

.analysis .h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #363636;
}

.sub-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sub-list li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 12px;
	line-height: 1.8;
}

.sub-list li::before {
	content: "－";
	flex: 0 0 1.5em;
}

/*專業服務*/
.tree-map {
	padding: 20px 0 0;
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	flex: 1 1 auto;
}

	.tree-map ul {
		position: relative;
		list-style: none;
		padding-left: 3rem;
		padding-top: 1.5rem;
		margin-bottom: 0;
	}


	.tree-map li {
		position: relative;
		margin: 0 0 1.5rem;
		padding: 0;
		list-style: none;
	}

		.tree-map li:last-child {
			margin-bottom: 0;
		}

		.tree-map li:before {
			position: absolute;
			content: "";
			top: -1.3rem;
			bottom: auto;
			right: 100%;
			display: block;
			width: 1.5rem;
			height: calc(50% + 1.5rem);
			border-bottom: 1px solid #ff6600;
			margin: auto;
		}

		.tree-map li:after {
			position: absolute;
			content: "";
			top: 1.8em;
			bottom: auto;
			right: 100%;
			display: block;
			width: 1.5rem;
			height: calc(100% + 1.5rem);
			border-left: 1px solid #ff6600;
			margin: auto;
		}

		.tree-map li:last-child:after {
			height: calc(0% + 0em + 0px);
		}

	.tree-map > li:before {
		display: none;
	}

.tree-map__item-inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background-color: #fff4f0;
	padding: 12px 16px;
	box-sizing: border-box;
	border-radius: 5px;
}

.tree-map > li > .tree-map__item-inner {
	background-color: rgba(230, 230, 211, 0.50);
	color: #349F87;
	display: none;
}

.chart {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;
	margin-top: 40px;
	overflow: visible;
}
.acute {
	position: relative;
	display: block;
	padding: 12px 18px;
	background-color: #fff4f0;
	text-align: center;
	vertical-align: top;
	border-radius: 5px;
	display: flex;
	justify-content: center;
}

	.acute::after {
		content: "";
		position: absolute;
		left: 100%;
		top: 50%;
		width: 1.5rem;
		height: 1px;
		background-color: #ff6600;
		border: 0;
		transform: none;
	}

.acute span {
	font-size: var(--font-size-h5);
	line-height: var(--lh-normal);
	font-weight: 500;
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

@media (max-width:992px){
	/*.chart {
		display: inherit;
		align-items: start;
	}*/
	.tree-map li:after {
		top: -1.5em;
	}
	.tree-map li:last-child:after {
		height: calc(50% + 1.5em + 0px);
	}
	.tree-map > li > .tree-map__item-inner {
		display: block;
	}
	.acute {
		display: none;
	}
}

/*:root {
	--vh: 5.21px;
	--mh: 3520px;
	--fh: 591px;
}

.l-side {
	position: relative;
	background: #FBFBFB;
	-webkit-border-before: 1px solid rgba(0, 0, 0, 0.1);
	border-block-start: 1px solid rgba(0, 0, 0, 0.1);
	border-inline: 1px solid rgba(0, 0, 0, 0.1);
	position: sticky;
	inset-block-start: 200px;
	webkit-margin-before: -24px;
	margin-block-start: -24px;
	padding: 1.6rem 0.8rem 128px;
	border-radius: 24px 0 0 0;
}

	.l-side::after {
		content: "";
		position: absolute;
		top: 200px;
		bottom: 0;
		left: -1px;
		width: 100%;
		background: #FBFBFB;
		border-inline: 1px solid rgba(0, 0, 0, 0.1);
		z-index: -1;
		pointer-events: none;
	}

.l-side-heading {
	margin-inline: 1%;
	-webkit-margin-after: 1.4rem;
	margin-block-end: 0.8rem;
	-webkit-padding-after: 0.8rem;
	-webkit-border-after: 2px solid #F0F0F0;
	border-block-end: 2px solid #F0F0F0;
}

.l-side-heading > .txt {
	font-size: var(--font-size-h5);
	line-height: var(--lh-normal);
	font-weight: 500;
	margin-bottom: 0px;
}

.l-side-list{
	padding: 0px;
}

	.l-side-list > li {
		border-radius: 4px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 0.4rem;
	}

		.l-side-list > li > a {
			position: relative;
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			display: inline-flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			line-height: 1.4;
			text-decoration: none;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}


			.l-side-list > li > a::before {
				content: "";
				-ms-flex-negative: 0;
				flex-shrink: 0;
				inline-size: 1rem;
				block-size: auto;
				aspect-ratio: 1/1;
				-webkit-margin-end: 1rem;
				margin-inline-end: 1rem;
				background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='%23000000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4.29694C0 4.15486 0.056443 4.01859 0.156912 3.91812C0.257382 3.81765 0.393648 3.76121 0.535733 3.76121H8.13456L5.16446 0.932539C5.11136 0.884369 5.06846 0.826028 5.03832 0.760975C5.00817 0.695922 4.99139 0.62548 4.98897 0.553824C4.98655 0.482167 4.99854 0.410753 5.02422 0.343814C5.04991 0.276874 5.08877 0.215772 5.1385 0.164126C5.18823 0.112481 5.24783 0.0713436 5.31375 0.0431519C5.37967 0.0149603 5.45058 0.000287855 5.52228 4.19327e-06C5.59398 -0.000279468 5.665 0.0138312 5.73115 0.0415003C5.79729 0.0691695 5.85721 0.109834 5.90735 0.161084L9.83605 3.91121C9.8879 3.96119 9.92914 4.0211 9.95731 4.08738C9.98548 4.15365 10 4.22493 10 4.29694C10 4.36895 9.98548 4.44023 9.95731 4.5065C9.92914 4.57278 9.8879 4.63269 9.83605 4.68267L5.90735 8.4328C5.85721 8.48405 5.79729 8.52471 5.73115 8.55238C5.665 8.58005 5.59398 8.59416 5.52228 8.59388C5.45058 8.59359 5.37967 8.57892 5.31375 8.55073C5.24783 8.52254 5.18823 8.4814 5.1385 8.42976C5.08877 8.37811 5.04991 8.31701 5.02422 8.25007C4.99854 8.18313 4.98655 8.11171 4.98897 8.04006C4.99139 7.9684 5.00817 7.89796 5.03832 7.83291C5.06846 7.76785 5.11136 7.70951 5.16446 7.66134L8.13456 4.83267H0.535733C0.393648 4.83267 0.257382 4.77623 0.156912 4.67576C0.056443 4.57529 0 4.43903 0 4.29694Z'/%3E%3C/svg%3E");
				display: block;
				background-position: left center;
				background-repeat: no-repeat;
				position: relative;
				inset-inline-start: 0;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
				opacity: 0.3;
			}

			.l-side-list > li > a:hover:before, .is-current .l-side-list > li > a::before, .l-side-list > li > a.is-current::before {
				opacity: 1;
				inset-inline-start: 0.5rem;
				background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='%23479E28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4.29694C0 4.15486 0.056443 4.01859 0.156912 3.91812C0.257382 3.81765 0.393648 3.76121 0.535733 3.76121H8.13456L5.16446 0.932539C5.11136 0.884369 5.06846 0.826028 5.03832 0.760975C5.00817 0.695922 4.99139 0.62548 4.98897 0.553824C4.98655 0.482167 4.99854 0.410753 5.02422 0.343814C5.04991 0.276874 5.08877 0.215772 5.1385 0.164126C5.18823 0.112481 5.24783 0.0713436 5.31375 0.0431519C5.37967 0.0149603 5.45058 0.000287855 5.52228 4.19327e-06C5.59398 -0.000279468 5.665 0.0138312 5.73115 0.0415003C5.79729 0.0691695 5.85721 0.109834 5.90735 0.161084L9.83605 3.91121C9.8879 3.96119 9.92914 4.0211 9.95731 4.08738C9.98548 4.15365 10 4.22493 10 4.29694C10 4.36895 9.98548 4.44023 9.95731 4.5065C9.92914 4.57278 9.8879 4.63269 9.83605 4.68267L5.90735 8.4328C5.85721 8.48405 5.79729 8.52471 5.73115 8.55238C5.665 8.58005 5.59398 8.59416 5.52228 8.59388C5.45058 8.59359 5.37967 8.57892 5.31375 8.55073C5.24783 8.52254 5.18823 8.4814 5.1385 8.42976C5.08877 8.37811 5.04991 8.31701 5.02422 8.25007C4.99854 8.18313 4.98655 8.11171 4.98897 8.04006C4.99139 7.9684 5.00817 7.89796 5.03832 7.83291C5.06846 7.76785 5.11136 7.70951 5.16446 7.66134L8.13456 4.83267H0.535733C0.393648 4.83267 0.257382 4.77623 0.156912 4.67576C0.056443 4.57529 0 4.43903 0 4.29694Z'/%3E%3C/svg%3E");
			}

		.l-side-list > li > a {
			inline-size: 100%;
			padding: 0.8rem 1.4rem 0.8rem 0.4rem;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			position: relative;
		}

			.l-side-list > li > a::before {
				content: "";
				-ms-flex-negative: 0;
				flex-shrink: 0;
				inline-size: 1rem;
				block-size: auto;
				aspect-ratio: 1/1;
				-webkit-margin-end: 1rem;
				margin-inline-end: 1rem;
				background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='%23000000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4.29694C0 4.15486 0.056443 4.01859 0.156912 3.91812C0.257382 3.81765 0.393648 3.76121 0.535733 3.76121H8.13456L5.16446 0.932539C5.11136 0.884369 5.06846 0.826028 5.03832 0.760975C5.00817 0.695922 4.99139 0.62548 4.98897 0.553824C4.98655 0.482167 4.99854 0.410753 5.02422 0.343814C5.04991 0.276874 5.08877 0.215772 5.1385 0.164126C5.18823 0.112481 5.24783 0.0713436 5.31375 0.0431519C5.37967 0.0149603 5.45058 0.000287855 5.52228 4.19327e-06C5.59398 -0.000279468 5.665 0.0138312 5.73115 0.0415003C5.79729 0.0691695 5.85721 0.109834 5.90735 0.161084L9.83605 3.91121C9.8879 3.96119 9.92914 4.0211 9.95731 4.08738C9.98548 4.15365 10 4.22493 10 4.29694C10 4.36895 9.98548 4.44023 9.95731 4.5065C9.92914 4.57278 9.8879 4.63269 9.83605 4.68267L5.90735 8.4328C5.85721 8.48405 5.79729 8.52471 5.73115 8.55238C5.665 8.58005 5.59398 8.59416 5.52228 8.59388C5.45058 8.59359 5.37967 8.57892 5.31375 8.55073C5.24783 8.52254 5.18823 8.4814 5.1385 8.42976C5.08877 8.37811 5.04991 8.31701 5.02422 8.25007C4.99854 8.18313 4.98655 8.11171 4.98897 8.04006C4.99139 7.9684 5.00817 7.89796 5.03832 7.83291C5.06846 7.76785 5.11136 7.70951 5.16446 7.66134L8.13456 4.83267H0.535733C0.393648 4.83267 0.257382 4.77623 0.156912 4.67576C0.056443 4.57529 0 4.43903 0 4.29694Z'/%3E%3C/svg%3E");
				display: block;
				background-position: left center;
				background-repeat: no-repeat;
				position: relative;
				inset-inline-start: 0;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
				opacity: 0.3;
				inset-inline-start: auto;
				inset-inline-end: 0;
				position: absolute;
				inset-block-start: 50%;
				inset-inline-end: 0.2rem;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				-webkit-margin-end: 0;
				margin-inline-end: 0;
			}

			.l-side-list > li > a.active:hover:before,
			.l-side-list > li > a:hover:before, .is-current .l-side-list > li > a::before, .l-side-list > li > a.is-current::before {
				opacity: 1;
				inset-inline-start: 0.5rem;
				background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='%23479E28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4.29694C0 4.15486 0.056443 4.01859 0.156912 3.91812C0.257382 3.81765 0.393648 3.76121 0.535733 3.76121H8.13456L5.16446 0.932539C5.11136 0.884369 5.06846 0.826028 5.03832 0.760975C5.00817 0.695922 4.99139 0.62548 4.98897 0.553824C4.98655 0.482167 4.99854 0.410753 5.02422 0.343814C5.04991 0.276874 5.08877 0.215772 5.1385 0.164126C5.18823 0.112481 5.24783 0.0713436 5.31375 0.0431519C5.37967 0.0149603 5.45058 0.000287855 5.52228 4.19327e-06C5.59398 -0.000279468 5.665 0.0138312 5.73115 0.0415003C5.79729 0.0691695 5.85721 0.109834 5.90735 0.161084L9.83605 3.91121C9.8879 3.96119 9.92914 4.0211 9.95731 4.08738C9.98548 4.15365 10 4.22493 10 4.29694C10 4.36895 9.98548 4.44023 9.95731 4.5065C9.92914 4.57278 9.8879 4.63269 9.83605 4.68267L5.90735 8.4328C5.85721 8.48405 5.79729 8.52471 5.73115 8.55238C5.665 8.58005 5.59398 8.59416 5.52228 8.59388C5.45058 8.59359 5.37967 8.57892 5.31375 8.55073C5.24783 8.52254 5.18823 8.4814 5.1385 8.42976C5.08877 8.37811 5.04991 8.31701 5.02422 8.25007C4.99854 8.18313 4.98655 8.11171 4.98897 8.04006C4.99139 7.9684 5.00817 7.89796 5.03832 7.83291C5.06846 7.76785 5.11136 7.70951 5.16446 7.66134L8.13456 4.83267H0.535733C0.393648 4.83267 0.257382 4.77623 0.156912 4.67576C0.056443 4.57529 0 4.43903 0 4.29694Z'/%3E%3C/svg%3E");
				inset-inline-start: auto;
				inset-inline-end: 0.4rem;
			}

			.l-side-list > li > a[href$=".pdf"]::before, .l-side-list > li > a[href$=".doc"]::before, .l-side-list > li > a[href$=".xls"]::before {
				inline-size: 1.6rem;
				background: url(/ijinkai/assets/image/common/icon_dl.svg) no-repeat left top/cover;
			}*/

		/*.l-side-list > li > a {
			font-size: 1.2rem;
			padding-right: 4em;
		}*/

			/*.l-side-list > li > a:hover {
				background: rgba(0, 0, 0, 0.02);
				border-radius: var(--round-s);
			}*/

		/*.l-side-list > li.is-current > a {
			color: var(--color-green);
			font-weight: bold;
			padding-inline: 1.2rem;
		}

			.l-side-list > li.is-current > a::before {
				display: none;
			}

		.l-side-list > li.is-current {
			background: var(--color-pure-white);
			border: 1px solid #EDEDED;
			padding: 0.5rem 1rem;
			margin-block: 0.6rem;
		}

			.l-side-list > li.is-current ul {
				padding-bottom: 1rem;
			}

			.l-side-list > li.is-current > li {
				color: var(--color-green);
				font-weight: bold;
				padding-block: 0;
			}*/

		/*.l-side-list > li > ul {
			padding-inline: 5%;
			display: none;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			gap: 0.8rem;
		}*/
.cont,
.sidebar-nav {
	margin-top: 15px;
	margin-bottom: 15px;
}

.cont .top::before {
	display: block;
	height: 7.8rem;
	margin-top: -7.8rem;
	content: "";
}

.cont .sub {
	position: relative;
	padding: 16px 15px;
	border: 1px dotted #ccc;
	border-radius: 8px;
	margin-bottom: 16px;
}

.cont .sub::after {
	content: "";
	display: block;
	width: 64px;
	height: 3px;
	background: #ff6600;
	border-radius: 100px;
	position: absolute;
	top: -2.5px;
	left: 15px
}

	.cont .sub h2 {
		font-weight: 700;
	}

	.cont .h3 {
		display: block;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		position: relative;
		font-size: var(--font-size-h3);
		line-height: var(--lh-normal);
		font-weight: 700;
		margin-bottom: 20px;
		padding-top: 118px;
		padding-left: 0;
		z-index: 0;
	}

.cont .h3::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 75px;
	height: 1px;
	background: #ff6600;
}

.cont .h4 {
	font-weight: 600;
}

.cont .dot {
	position: relative;
	font-weight: 600;
	padding-left: 1.5rem;
	margin: 0px 0px 10px 8px;
}

.cont .dot::after {
	position: absolute;
	right: auto;
	left: 0;
	top: 7px;
	bottom: 0;
	width: 1rem;
	height: 1rem;
	content: "";
	box-sizing: border-box;
	border-radius: 50%;
	border: 0.33em double;
}

.bd-callout {
	padding: 1.25rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	border: 1px solid #e9ecef;
	border-left-width: .25rem;
	border-radius: .25rem
}

.bd-callout-info {
	border-left-color: #349F87;
}

li::marker {
	color: #ed6f2e;
}


.PPWR-list {
	list-style: none; /* 移除原本圓點 */
}

.PPWR-list > li {
	position: relative;
}

.PPWR-list > li::before {
	content: "•";
	color: #ed6f2e;
	font-size: 28px; /* 數值越大，圓點越大 */
	position: absolute;
	left: -1em;
	top: -11px; /* 負值往上，正值往下 */
}

.service .cont .txt {
	text-indent: 2em;
}

.item > ul > li, .item > ol >li {
	margin-bottom: 12px;
}

.item h6{
	font-weight: 700;
	margin-bottom: 0.5rem
}

	.item h6.dot {
		color: #349F87;
	}

.item ul li:last-child, .item ol li:last-child {
	margin-bottom: 0px;
}

.item > .list > li {
	margin-bottom: 12px;
}

.item .indent-text li {
	padding-left: 6.8rem;
	text-indent: -6.8rem;
}

.item .indent-text .check-square::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	color: #349F87;
	content: "\f14a";
	padding-right: 8px;
}

.item .letter-list {
	list-style-type: upper-alpha; /* A. B. C. */
	padding-left: 2rem;
	margin: 0;
}

.item .letter-list li {
	padding-left: 0.25rem;
}

.item .letter-list {
	list-style: none; /* A. B. C. */
	padding-left: 0;
	margin: 0;
	counter-reset: letter;
}

.item .letter-list > li {
	counter-increment: letter;
}

	.item .letter-list > li::before {
		font-size: var(--font-size-h4);
		font-weight: 600;
		content: counter(letter, upper-alpha) ".";
	}

.item .rule-list {
	list-style: none; /* 隱藏黑點 */
	padding-left: 0;
	counter-reset: rule-number;
}

.item .rule-list > li {
	counter-increment: rule-number;
}

	.item .rule-list > li::before {
		font-size: var(--font-size-h5);
		font-weight: 600;
		content: "（" counter(rule-number, cjk-ideographic) "）";
	}

.item .num-list {
	list-style: none;
	padding-left: 0;
	counter-reset: rule-number;
}

.item .num-list > li {
	counter-increment: rule-number;
	margin-bottom: 4px;
}

.item .num-list > li::before {
	content: "(" counter(rule-number) ") ";
}

.item .list-alpha {
	list-style: none;
	padding-left: 35px;
	counter-reset: alpha;
}

.item .list-alpha > li {
	position: relative;
	counter-increment: alpha;
	margin-bottom: 16px;
}

.item .list-alpha > li::before {
	content: "(" counter(alpha, lower-alpha) ")";
	position: absolute;
	left: -35px;
	font-weight: bold;
}

.item .chinese-list {
	list-style: none;
	padding-left: 0;
	counter-reset: chinese-list;
}

.item .chinese-list li {
	counter-increment: chinese-list;
}

.item .chinese-list li::before {
	content: counter(chinese-list, cjk-ideographic) "、";
}

.popover {
	font-family: inherit;
	max-width: 360px;
}

.popover-header {
	padding: 0.75rem 1rem;
}

.popover-body {
	padding: 0.75rem;
}

.popover-editor {
	width: 280px;
	min-height: 80px;
	padding: 0.5rem;
	border: 1px solid #ced4da;
	border-radius: 0.375rem;
	outline: none;
}

.date-box {
	position: relative;
	width: 100%;
	padding: 6px 12px;
	background-color: rgb(255 231 129 / 50%);
	border-radius: 4px;
	box-sizing: border-box;
	z-index: 1;
	margin-top:8px;
}

	/* 左上方三角形 */
	.date-box::before {
		content: "";
		position: absolute;
		top: -8px;
		left: 15px;
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid rgb(255 231 129 / 50%);
		transform: rotate(0deg);
		z-index: -1;
	}

.date-box__label {
	line-height: 1.5;
}

.arrow-down {
	margin-left: 8px;
}

.enter-icon {
	margin-left: 2px;
	color: #ffdc82;
}

.table-02 {
	font-size: 0.9375rem;
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #ddd;
	width: 100%;
}

.table-radius tbody td {
	vertical-align: top;
}

.table-02 thead th {
	position: relative;
	padding: 0.625em;
	font-weight: 700;
	background-color: rgba(230, 230, 211, 0.50);
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

	.table-02 thead th:first-child {
		border-left: 1px solid #ddd;
	}

	.table-02 thead th:last-child {
		border-right: 1px solid #ddd;
	}

	/*.table-02 thead tr:first-child th:first-child {
		border-top-left-radius: 4px;
	}

	.table-02 thead tr:first-child th:last-child {
		border-top-right-radius: 4px;
	}*/

	.table-02 thead tr:last-child th:not(:last-child)::after {
		content: "";
		position: absolute;
		top: 0;
		right: -1px;
		width: 1px;
		height: 100%;
		background-color: #ddd;
		z-index: 1;
	}

	.table-02 thead th:last-child:after {
		width: 0;
		height: 0;
		background: none;
	}

	.table-02 tbody tr:nth-child(2n) td,
	.table-02 tbody tr:nth-child(2n) th {
		background: #faf9f8;
	}

	.table-02 tbody td {
		padding: 0.46rem;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}

		.table-02 tbody td:last-child {
			border-right: 1px solid #ddd;
		}

	.table-02 tbody th {
		background: #fff;
	}

	.table-02 tbody tr > *:first-child {
		/*border-left: none;*/
		border-bottom: 1px solid #ddd;
	}


.list-group-item.hstack {
	display: flex;
	align-items: center; /* 垂直置中 */
	justify-content: center; /* 整體水平置中 */
	text-align: center;
}

.list-group-item.hstack > div:not(.vr) {
	flex: 1;
}


.list-group-item{
	padding: 0.5rem 0;
}

#sidebar .sidebar-nav__ttl {
	position: relative;
	display: block;
	padding: .8rem 0 .8rem 3rem;
	font-size: 1.6rem;
	font-size: max(1.6rem,10px);
	font-weight: 700;
	line-height: 2;
	letter-spacing: .05em;
	color: #114fa1;
	border-bottom: .1rem solid #114fa1
}

#sidebar .sidebar-nav .h3 {
	display: block;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	position: relative;
	font-size: var(--font-size-h5);
	line-height: var(--lh-normal);
	padding-left: 0;
	z-index: 0;
}
#sidebar .sidebar-nav .h3::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 75px;
	height: 1px;
	background: #ff6600;
}
/*#sidebar .sidebar-nav__list {
	margin-top: 1rem
}*/
/*#sidebar .sidebar-nav__item:nth-of-type(n + 2) {
	margin-top: .8rem
}*/
#sidebar .sidebar-nav__link {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
	padding: 0.8rem 0.8rem 0.8rem 2rem;
	/*font-size: 1rem;
	    font-size: max(1rem,10px);*/
	line-height: 1.8;
	-webkit-transition: color .25s ease,background-color .25s ease;
	transition: color .25s ease,background-color .25s ease;
}

#sidebar .sidebar-nav__item:last-child .sidebar-nav__link::after {
	height: unset;
}

	#sidebar .list-group {
		--bs-list-group-border-color: transparent;
	}

	#sidebar .list-group .list-group-item.active {
		color: #ff6600;
		background-color: #faf9f8;
		border: unset;
	}

	#sidebar .ico_svg {
		display: inline-block;
		transform: rotate(90deg); /* 右箭頭轉成向下 */
	}

		#sidebar .list-group-item.active .ico_svg .svg-circle {
			fill: #ff6600;
		}

		#sidebar .list-group-item.active .ico_svg .svg-path {
			fill: #fff;
		}

@media screen and (max-width: 767px) {
	#sidebar .sidebar-nav__link {
			font-size: max(1.3rem,10px);
			letter-spacing: 0em;
			line-height: 1.9
		}
}

/*#sidebar .sidebar-nav__link.sidebar-nav__link--current {
	background-color: #f4f2eb
}*/

@media(hover: hover) {
	#sidebar .sidebar-nav__link:hover {
		background-color: #faf9f8;
	}

		#sidebar .sidebar-nav__link:hover .ico_svg .svg-circle {
			fill: #ff6600
		}

		#sidebar .sidebar-nav__link:hover .ico_svg .svg-path {
			fill: #fff
		}
}

@media screen and (min-width: 768px)and (-ms-high-contrast: none),screen and (min-width: 768px)and (-ms-high-contrast: active) {
	#sidebar .sidebar-nav__link:hover {
/*		color: #ff6600*/
	}

		#sidebar .sidebar-nav__link:hover .ico_svg .svg-circle {
			fill: #ff6600
		}

		#sidebar .sidebar-nav__link:hover .ico_svg .svg-path {
			fill: #fff
		}
}

#sidebar .sidebar-nav__link::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: -webkit-gradient(linear, left top, right top, color-stop(50%, #d1d1d1), color-stop(50%, transparent)) center/0.1rem .1rem repeat-x;
	background: linear-gradient(90deg, #d1d1d1 50%, transparent 50%) center/0.1rem 0.1rem repeat-x
}

#sidebar .sidebar-nav__link .ico_svg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .5rem;
	width: 1.2rem;
	height: 1.2rem;
	margin: auto 0
}

.contact-box {
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #ddd;
}

/* 左側「聯絡我們」 */
.contact-box__title {
	flex: 0 0 auto;
	padding: 12px 18px;
	background-color: #f8f8f3;
	font-weight: 600;
	white-space: nowrap;
	color: #349F87;
}

/* 圓形圖示 */
.contact-box__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #349F87;
}

/* 右側文字 */
.contact-box__text {
	position: relative;
	flex: 1;
	padding: 12px 18px;
}

	/* 綠色分隔線 */
	.contact-box__text::before {
		position: absolute;
		top: 24%;
		bottom: 24%;
		left: 0;
		width: 1px;
		background-color: #349F87;
		content: "";
	}

.accordion-header .accordion-button {
	color: #f5533e;
}

.servBox_headline {
	position: relative;
	font-size: var(--font-size-h5);
	line-height: var(--lh-normal);
	padding-left: 16px;
}

	.servBox_headline::before {
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		background-color: #ed6c00;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 0.75em;
		transform: translateY(-50%);
	}