/* 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: 20px 0 20px 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: 20px 0;}#articleInfo15 ul li .item {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;flex-direction: column;}
#articleInfo15 ul li .item .Txt .chExp {font-weight: 600;position: relative;line-height: 170%;display: flex;flex-wrap: nowrap;letter-spacing: 0;font-size: 27px;color: #181d62;margin-bottom: 20px;}
#articleInfo15 ul li .item .Txt .chTitle {display: flex;font-weight: 400;letter-spacing: 0.5px;line-height: 190%;text-overflow: ellipsis;position: relative;flex-direction: column;width: calc(100% - 0px);}
#articleInfo15 ul li .item .Txt .chTitle::before {content: "";width: 1px;height: 100%;background-color: #d4d4d4;position: absolute;top: 0;left: 5.5px;display: none;}
#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;width: 100%;}
#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;display: none;}
#articleInfo15 ul li .item .Txt .chTitle .expSpan p{word-break: break-word;width: calc(100% - 30px);color: #414141;line-height: 200%;letter-spacing: 1.2px;font-size: 18px;}


@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: 0;}
	#articleInfo15 ul li .item{padding: 0px 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%;padding: 0;}
	#articleInfo15 ul li .item .Txt .chTitle .expSpan p{width: calc(100% - 0px);padding-left: 0px;}
}
@media screen and (max-width: 480px) {
}