.pt-30{
    padding-top: 30px;
}
.pl-20{
    padding-left: 20px;
}
.pr-20{
    padding-right: 20px;
}
.desp{
    text-align: justify;
}
@media screen and (max-width:480px){
    /*.jquery-accordion-menu {
        min-width: 300px;
    }*/
}
#school img{
    padding: 10px;
}
.topic-area {
    min-height: 6em !important;
}
.topic-title {
    margin-bottom: 0px !important;
}
.topic-title a {
     display:block;
     width:100%;
     cursor: pointer !important;
}
.topic-title a::after{
    content:"";
    float:right;
    display:inline-block;
    width:25px;
    height:25px;
    background-image:url("/img/controls/arrow-down.png");
    background-size: 25px 25px;
}
.topic-title.active a::after{
    background-image:url("/img/controls/arrow-up.png");
}
.topic-content {
    margin-top: 0px !important;
    margin-bottom: 0.5em !important;
    text-align:justify !important; 
    letter-spacing:0.1em; 
    line-height:150%;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}

.topic-content.show {
    max-height: 500px;
    opacity: 1;
    transition: max-height 0.4s ease, opacity 0.3s ease 0.1s;
}

.topic-footer {
    margin-top: 0px !important;
    padding-top:0.5em; 
    padding-bottom:0.5em; 
    border-top:0.0625em solid #eaeaea;
}
#content-spacer .evetmaxhight {
    max-height: inherit;
}

.submenu-hidden {
    display: none !important;
}

.submenu-visible {
    display: block !important;
}

/* 確保accordion submenu的CSS不會衝突 */
.jquery-accordion-menu ul.submenu {
    transition: none !important; /* 移除可能衝突的transition */
}

.jquery-accordion-menu ul.submenu.submenu-hidden {
    display: none !important;
}

.jquery-accordion-menu ul.submenu.submenu-visible {
    display: block !important;
}

.jquery-accordion-menu{
    min-width: 15em !important;
}

@media screen and (max-width: 30em){
.main-info {
    padding: 1.875em !important;
}
#content-spacer .col-lg-3, #content-spacer .col-lg-9, #content-spacer .col-lg-12{
    padding-left: 0;
    padding-right: 0;
}
}

.main-info{
    background-color: #fff;
}

.jquery-accordion-menu ul li a{
    font-size: 1.2rem !important;
}

.jquery-accordion-menu ul ul.submenu li a{
    font-size: 1rem !important;
}

.company-li-a {
    white-space: inherit !important;
    word-break: auto-phrase !important;
    width: 200px !important;
    padding-left: 10px !important;
}

@media screen and (max-width: 991px){
    .company-li-a {
        width: 100% !important;
    }
}

/* 編輯器常見樣式支援 */
.desp p {
    margin-bottom: 1em;
}

.desp strong, .desp b {
    font-weight: bold;
}

.desp em, .desp i {
    font-style: italic;
}

.desp u {
    text-decoration: underline;
}

.desp h1, .desp h2, .desp h3, .desp h4, .desp h5, .desp h6 {
    font-weight: bold;
    margin: 1em 0 0.5em 0;
}

.desp ul, .desp ol {
    margin: 1em 0;
    padding-left: 2em;
}

.desp blockquote {
    margin: 1em 0;
    padding: 0.5em 1em;
    border-left: 3px solid #ccc;
    background-color: #f9f9f9;
}

/* Topic content 樣式 */
.topic-content p {
    margin-bottom: 0.5em;
}

.topic-content strong, .topic-content b {
    font-weight: bold;
}

.topic-content em, .topic-content i {
    font-style: italic;
}