/* distanceBox */
.distanceBox .topTitleBox{width:100%;padding-bottom:20px;border-bottom: solid 1px #dfdfdf;}
.distanceBox .topTitleBox ul{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;flex-wrap:nowrap}
.distanceBox .topTitleBox ul>li{width: 260px;flex-shrink: 0;padding-left: 8px;}
.distanceBox .topTitleBox ul>li p{font-size:19px;font-weight:500;letter-spacing:1px;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif}
.distanceBox .topTitleBox ul ol{width: 100%;display:flex;justify-content:flex-start;align-items:flex-end;flex-direction:row;flex-wrap:nowrap}
.distanceBox .topTitleBox ul ol li{width: 16.5%;position:relative;z-index:1}
.distanceBox .topTitleBox ul ol li p{text-align:center;transform: rotate(-35deg);position: absolute;left: 0;}
.distanceBox .topTitleBox ul ol li:last-child p{font-style: normal;}
.distanceBox .topTitleBox ul p{font-size: 17px;font-weight: 500;line-height:calc(17/17);letter-spacing:calc(17*5/1000*1px);color: var(--triadic1);}
.distanceBox .distanceList .distanceItem:last-child{border-bottom: solid 1px #dfdfdf;}
.distanceBox .distanceList .distanceItem:last-child .item .Txt .title{border:none;padding: 20px 0 20px 7px;}
.distanceBox .distanceList .item .Txt{display:flex;justify-content:flex-start;align-items:unset;flex-direction:row;flex-wrap:nowrap}
.distanceBox .distanceList .item .Txt .title{width: 260px;flex-shrink:0;padding:25px 0 25px 30px;color: var(--info);font-size:18px;font-weight:400;line-height:calc(18/18);letter-spacing:calc(18*5/1000*1px);border-bottom:solid 1px #fff}
.distanceBox .distanceList .item .Txt .title span{}
.distanceBox .distanceList .item .Txt .lineBox{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;position:relative;z-index:1}
.distanceBox .distanceList .item .Txt .lineBox .lineBase{width:100%;height: 18px;background:#f2f2f2;border-radius: 0;overflow:hidden;position:relative;z-index:1}
.distanceBox .distanceList .item .Txt .lineBox .lineBase .lineInner{width:0;height:100%;background: var(--complement);position:absolute;top:0;left:0;right:unset;bottom:unset;z-index:1;border-radius: 0;}
.distanceBox .distanceList .item .Txt .lineBox i{display:block;width:1px;height:100%;border-style: groove;border-color: #dfdfdf;border-width: 0 0 0 1px;position:absolute;top: unset;left: unset;right: unset;bottom:unset;z-index:1}
.distanceBox .distanceList .item .Txt .lineBox i:nth-of-type(1){left: 0;}
.distanceBox .distanceList .item .Txt .lineBox i:nth-of-type(2){left: 16.5%;}
.distanceBox .distanceList .item .Txt .lineBox i:nth-of-type(3){left: 33%;}
.distanceBox .distanceList .item .Txt .lineBox i:nth-of-type(4){left: 49.5%;}
.distanceBox .distanceList .item .Txt .lineBox i:nth-of-type(5){left: 66%;}
.distanceBox .distanceList .item .Txt .lineBox i:nth-of-type(6){left: 82.5%;}
.rwdLinkBox{display:none}


@media(max-width:1040px){
	.distanceBox .topTitleBox ul>li{width:180px}
	.distanceBox .topTitleBox ul>li p{font-size: 15px;}
	.distanceBox .topTitleBox ul p{font-size: 15px;}
	.distanceBox .distanceList .item .Txt .title{width:180px;font-size:12px;padding-left:15px}
}
@media(max-width:640px){
	.distanceBox .topTitleBox ul>li{width: 10px;}
	.distanceBox .topTitleBox ul>li p{display:none}
	.distanceBox .topTitleBox ul p{font-size: 12px;}
	.distanceBox .topTitleBox ul ol li p{width: 60px;/* transform: translateX(14%); */line-height: 140%;top: -16px;}
	.distanceBox .distanceList .distanceItem:last-child .item .Txt .title{
    padding: 0px 0 0px 7px;
}
    .distanceBox .topTitleBox ul ol{width: 84%;padding-left: 40px;}
	.distanceBox .distanceList .item .Txt .title{width: 70px;height:50px;padding:0 0 0 15px;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap}
	.distanceBox .distanceList .item .Txt .title span{display:block;font-size: .8rem;}
}