/* sideNav2 */
#sideNav2 ul.Cate{text-align: center;font-size: 15px;color: #9e9e9e;display: flex;justify-content: center;}
#sideNav2 >ul >li {position: relative;display: inline-block;border: 1px solid #e1e1e1;margin: 6px 5px;}
#sideNav2 >ul >li >h3 {display: block;}
#sideNav2 >ul >li >h3 a {letter-spacing: 1px;font-size: 16px;font-weight: 400;color: #35393a;display: block;padding: 15px 35px;transition: 0.9s;line-height: 0.8;}



.wow {animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;}
.delay1 {animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.delay2 {animation-delay: 1.0s;-webkit-animation-delay: 1.0s;}
#articleInfo15 .tit {position: relative;text-align: center;z-index: 2;}
#articleInfo15 .tit h3 {text-align: center;font-size: 33px;}
#articleInfo15 .tit font {padding: 0 20px;background: #fff;display: inline-block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#articleInfo15:hover .tit h3 ,#articleInfo15:hover .tit font{letter-spacing: 5px;}
#articleInfo15 ul {overflow: hidden;position: relative;padding: 30px 0 40px 0;z-index: 1;display: flex;flex-wrap: wrap;flex-direction: column;}
#articleInfo15 ul li {animation-name: fadeInUp;-webkit-animation-name: fadeInUp;width: calc(100% / 1);display: flex;flex-direction: column;padding: 40px 0;}#articleInfo15 ul li .item {margin-top: 60px;width: 100%;}
#articleInfo15 ul li .photo{
    width: 100%;
    margin-right: 0;
}
#articleInfo15 ul li .photo iframe {position: relative;width: 100%;height: 360px;z-index: 1;}

#articleInfo15 ul li .item h3{font-size: 23px;font-weight: 700;line-height: 20px;letter-spacing: 1px;padding-bottom: 30px;position: relative;margin-bottom: 20px;pointer-events: none;display: block;color: var(--primary);}
#articleInfo15 ul li .item h3::before {content: "";width: 30px;height: 2px;background-color: var(--primary);position: absolute;bottom: 0;left: 0;}
#articleInfo15 ul li .item .Txt{display: flex;align-items: flex-start;padding: 18px 0;}
#articleInfo15 ul li .item .Txt .chExp {font-weight: 600;letter-spacing: 0.1px;position: relative;line-height: 170%;display: flex;flex-wrap: nowrap;font-size: 20px;width: 260px;letter-spacing: 0;}
#articleInfo15 ul li .item .Txt .chTitle {padding-left: 20px;display: flex;font-weight: 400;letter-spacing: 0.5px;line-height: 190%;text-overflow: ellipsis;position: relative;flex-direction: column;width: calc(100% - 80px);}
#articleInfo15 ul li .item .Txt .chTitle::before {content: "";width: 1px;height: 100%;background-color: #d4d4d4;position: absolute;top: 0;left: 5.5px;}
#articleInfo15 ul li .item .Txt .chTitle .expSpan{letter-spacing: 0.5px;line-height: 190%;position: relative;font-size: 16px;display: flex;justify-content: flex-start;padding: 0 0 25px 0;}
#articleInfo15 ul li .item .Txt .chTitle .expSpan .routeSpan{width: 100px;color: var(--secondary);}
#articleInfo15 ul li .item .Txt .chTitle .expSpan .busSpan{width: 20px;color: var(--primary);font-family: 'Noto Sans TC', 'Noto Sans TC', serif;}
#articleInfo15 ul li .item .Txt .chTitle .expSpan p{word-break: break-word;width: calc(100% - 30px);font-family: 'Noto Sans TC', 'Noto Sans TC', serif;color: #2a2a2a;letter-spacing: 0;}


@media screen and (max-width: 1140px) {
	#articleInfo15 ul{flex-wrap: wrap;flex-direction: column;padding: 0;}
	#articleInfo15 ul li{width: calc(100% / 1);display: flex;flex-direction: column;flex-wrap: wrap;padding: 30px 0;}
	#articleInfo15 ul li .item{padding: 20px 0px;}
#articleInfo15 ul li .photo,#articleInfo15 ul li .item{
    width: 100%;
    margin: 0;
}
	#sideNav2 ul.Cate{
    display: flex;
    flex-wrap: wrap;
}
	#articleInfo15 ul li .item .Txt{
    display: flex;
    flex-direction: column;
    padding: 10px 0;
}
	#articleInfo15 ul li .item .Txt .chTitle::before{
    display: none;
}
	#articleInfo15 ul li .item .Txt .chExp{
    padding: 8px 20px;
    width: auto;
    background-color: #ebebeb;
    margin-bottom: 20px;
    font-size: 15px;
    letter-spacing: 0;
}
	#articleInfo15 ul li .item .Txt .chTitle{
    width: 100%;
    padding-left: 0;
}
	#articleInfo15 ul li .item h3{
    font-size: 20px;
    padding-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
	#articleInfo15 ul li .item .Txt .chTitle .expSpan{/* display: flex; *//* flex-direction: column; *//* align-items: flex-start; */line-height: 170%;}
	#articleInfo15 ul li .item .Txt .chTitle .expSpan p{width: calc(100% - 50px);padding-left: 20px;}
}
@media screen and (max-width: 480px) {
}