@charset "utf-8";
/* CSS Document */
.about-page{margin-bottom: 1.5rem;}
.about-layout{}
.about-item { animation: zoomIn 500ms ease; }
.about-item { position: relative; }
.about-item .about-line {margin: 0rem 0rem .5rem 0rem;}
.about-item .action-links { vertical-align: top; display: inline-block; position: relative; width: 100%; }
.about-item .description-box { display: inline-block; width: 100%; vertical-align: top; background: transparent; text-align: center; position: relative; padding: 10px 5px 38px 5px; }
.about-item .about-des { }

.about-item .about-name { display: block; }
.about-item .about-name a { color: #333; padding: 0; display: block; text-transform: capitalize; overflow: hidden; font-size: 1rem; font-weight: 400;  }
.about-item .about-name a:hover { color: #004986; }
.about-item .item-inner:hover .about-name a { }

.about-item .date-time-box{}
.about-item .date-time-box p { display: inline-block; vertical-align:top; margin-bottom: 0; }
.about-item .date-time-box .date-time { color: #004986; font-size: 0.8rem; }
.about-item .date-time-box .date-time strong { color: #004986;  }
.about-item .date-time-box .date-time span { color: #004986;  }

/* module-grid */
.about-layout.about-grid { margin: 0 0 1.5rem 0;display: flex;}
.about-layout.about-grid .about-item { padding: 0 0 0 0; }

/*最新消息左圖右文*/
.about-layout.about-list { margin: 0 0 1.5rem 0; display: flex; }
.about-layout.about-list .image-page { float: left; width: 40%; max-width: 600px; }
.about-layout.about-list .description-box { text-align: left; padding: 0 0 0 30px; float: left; width: 60%; }
.about-layout.about-list .about-name {background: none; margin-bottom: .5rem;  }
.about-layout.about-list .about-name a { font-size: 1.25rem; }
.about-layout.about-item .date-time-box{margin-bottom: 1rem;}
.about-layout.about-list .about-des { padding: 0 0 3px 0; margin-bottom: 1rem; font-size: 14px; background: none; color: #333; }

/*最新消息詳細內容*/
.about-layout.about-detail {display: inline-block;width: 100%;}
.about-layout.about-detail .about-item { animation-name: fadeIn; }
.about-layout.about-detail .description-box { text-align: left; padding: 0 0 0 0; width: 100%; }
.about-layout.about-detail .about-name { background: none; margin-bottom: .5rem; width: 100%; display: flex;    font-size: 1.25rem;}
.about-layout.about-detail .about-name::before{border-left: 4px solid #004986;content: "";margin-right: .45rem;}
.about-layout.about-detail .image-page { float: left; width: 100%; max-width: 400px;margin: .25rem 1rem 1rem 0px; }
.about-layout.about-detail .about-des { font-size: 1rem; background: none; color: #333;margin-bottom: .5rem;}
.about-layout.about-detail .about-des dl,
.about-layout.about-detail .about-des ol, 
.about-layout.about-detail .about-des ul {display: table;}

@media (max-width: 768px){
.about-layout.about-detail .image-page { float: left; width: 100%; max-width: 100%;margin: 0rem 0rem 1rem 0rem;  }
}