/**/
#ext_menu-0 .mbr-navbar__section {
    background: #ffffffa8 !important;
}
table#angle {
    width: 95%;
    margin: 0 auto;
    border-collapse: collapse;
    font-family: 'Noto Sans TC', 'Rubik', sans-serif;
    font-weight: 100;
    color: #000;
    text-rendering: optimizeLegibility;
    border-radius: 5px;
}
@media screen and (max-width: 1024px)
{
    table#angle {
        width: 100%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 800px)
{
    table#angle {
        width: 100%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 414px)
{
    table#angle {
        width: 100%;
        margin: 0 auto;
    }
}
table#angle tbody td {
    padding: 0.5em 0.8em;
    font-size: 16px;
    color: #000;
}
@media screen and (max-width: 600px)
{
    table#angle thead {
        display: none;
    }}
table#angle thead th, table#angle tbody td {
    padding: 1.5em .5em;
    font-size: 1.2em;
}
table#angle thead th {
    font-weight: 600;
}
th {
    text-align: center;
}
.tha {
    padding: 0;
    text-align: center;
}
.tha h2 {
    margin: 0;
    font-size: 2.5rem;
}
.tha h5{
    font-size: 1.6rem;
    font-weight: 600;
}
@media screen and (max-width: 600px){
    table#angle tbody tr td:first-child {
        border-bottom: dotted 2px rgba(190, 190, 190, 0.7);
        text-align: center;
    }
    .part-list{
        padding: 0;
    }
    .tha h2{
        font-size: 2rem;
    }
    .tha h5{
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 600px){
    table#angle tbody td {
        display: block;
        padding: .2rem;
    }
}

table#angle tbody tr {
    border-bottom: 1px solid #81b2d3;
}
.times {
    text-align: left;
    font-size: 18px !important;
    font-weight: 400;
    width: 40%;
}
.times h2{
    font-weight: bold;
    line-height: 1.25;
}
@media (min-width: 1280px){
    .times h2{
        font-size: 2.2rem;
    }
}
.times h2 span{
    display: block;
    font-size: 1.55rem;
    line-height: 1.8;
    font-weight: 600;
    color: #c30e24;
}
.rwd-margin{
    margin:auto;
}
.table-speaker{
    text-align: left;
    font-weight: 400;
    color: #333;
}
@media screen and (max-width: 600px){
    table#angle tbody td:before{
        content: attr(data-th);
        font-weight: bold;
        display: block;
        width: 0rem;
    }
    .times h2{
        font-size: 1.8rem;
    }
}

/*table*/
.table-title p{
    font-size: 1.4rem;
    color: #ed0b78;
}
.table-theme{
    font-size: 30px;
    font-family:'微軟正黑體', Arial Narrow;
    font-weight: bold;
}
.withbg{
    padding: 5px;
    display: block;
    padding-top: 1%;
}
.part{
    display: inline-block;
}
.part-title{
    font-size: 24px;
    font-weight: bold;
    color:#ff0;
}
.part-list{
    font-size: 1.55rem;
    font-weight: 400;
    list-style-type: none;
    padding: 0 1.5rem;
}
.part-list li{
    line-height: 1.4;
    padding: 0 0 1rem 0;
    font-weight: 300;
    font-size: 1.3rem;
}
.part-list.no-list li{
    list-style: none;
}
ul.diamond {
    padding-left: 1.5rem;
    margin-top: 1.2rem;
    margin-bottom: 2rem!important;
}
/* ----- */
.qna {
    padding: 1.25rem 1rem;
    border-bottom: 1px solid #ccc;
    
/* table rwd */
/*額外做顏色，沒有什麼意義*/
tr.tr-only-hide {color: #004092;}

@media (max-width: 736px) {
    .part-list li {
    font-size: 1.2rem;
    }
    .speaker_boxname{
        min-height: inherit;
    }
    .table-rwd{min-width: 100%;}
    /*針對tr去做隱藏*/
    tr.tr-only-hide {display: none !important;}
    /*讓tr變成區塊主要讓他有個區塊*/
    .table-rwd tr{
        display: block;
        border: 1px solid #ddd;
        margin-top: 5px;
    }
    .table-rwd td {
        text-align: left;
        font-size: 18px;
        overflow: hidden;
        width: 100%;
        display: block;
    }
    .table-rwd td:before {
        /*最重要的就是這串
        content: attr(data-th) " : "; */
        /*最重要的就是這串*/
        content: attr(data-th);
        /*最重要的就是這串*/
        display: inline-block;
        text-transform: uppercase;
        font-weight: bold;
        margin-right: 10px;
        color: #ffffff;
        font-size: 1.4rem;
        padding: 0 .5rem;
        background-color: #14b0ad;
        margin-left: -13px;
        border-radius: 0;
    }
    /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
    .table-rwd.table-bordered td,.table-rwd.table-bordered th,.table-rwd.table-bordered{border:0;}

}