/* =========================================================
   月旦經典案例課 case.css
   整理原則：
   1. 共用框架集中
   2. A版（大學私慕課／焦點實務）相同樣式合併
   3. B版（實例鑑試／議題評析／裁判解析）相同樣式合併
   4. 各系列差異保留為個別覆寫
   5. 不改既有屬性值與 RWD 設定
   ========================================================= */


/* =========================================================
   01. 頁面共用框架
   ========================================================= */

* {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      font-family: "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif;
      color: #222;
      background: #ffffff;
    }

    .case-header {
      background: linear-gradient(135deg, #f3e7da 0%, #fffaf5 100%);
      border-bottom: 1px solid #d7b99f;
      padding: 34px 0 0;
    }

    .case-header__inner {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 32px;
    }

    .case-header__eyebrow {
      margin-bottom: 10px;
      font-size: 14px;
      color: #9a633c;
      letter-spacing: 0.08em;
      font-weight: 700;
      text-align: center;
    }

    .case-header__title {
        margin: 0.3em 0 0.6em;
        font-size: 5em;
        /* line-height: 1.25; */
        color: #5f3f2f;
        /* font-weight: 800; */
        text-align: center;
        /* margin-bottom: 0.5em; */
        letter-spacing: 0.3rem;
    }

    .case-header__desc {
      margin: 12px 0 28px;
      font-size: 15px;
      line-height: 1.8;
      color: #7b675b;
      text-align: center;
    }

    .case-tabs {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      overflow-x: auto;
      white-space: nowrap;
      scrollbar-width: none;
    }

    .case-tabs::-webkit-scrollbar {
      display: none;
    }

    .case-tab {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 130px;
      padding: 15px 24px;
      color: #6a4a37;
      font-size: 18px;
      font-weight: 700;
      text-decoration: none;
      border-radius: 8px 8px 0 0;
      transition: 0.2s ease;
    }

    .case-tab:hover {
      color: #8b4f28;
      background: rgba(172, 110, 63, 0.12);
    }

    .case-tab.active {
      color: #fff;
      background: #e1421b;
      font-weight: bold;
    }

    .case-tab.active::after {
      content: "";
      position: absolute;
      left: 20px;
      right: 20px;
      bottom: 0;
      height: 3px;
      background: #a65f2f;
      border-radius: 3px 3px 0 0;
    }

    .demo-content {
      max-width: 1200px;
      margin: 0 auto;
      padding: 42px 32px;
      color: #777;
      font-size: 15px;
      line-height: 1.8;
    }

    #header-rwd{
      display: none;
    }

    
    #gotop{
        text-align: center;
        position: fixed;
        z-index: 1;
        bottom: 15%;
        right: 2%;
        width: 200px;
        background-color: #e6d3c2;
        -webkit-box-shadow: 0 0 3px rgb(255 255 255 / 40%), 0 10px 20px rgb(0 0 0 / 10%);
        -moz-box-shadow: 0 0 3px rgba(255, 255, 255, 0.4), 0 10px 20px rgba(0, 0, 0, .1);
        box-shadow: 0 0 3px rgb(255 255 255 / 40%), 0 10px 20px rgb(0 0 0 / 20%);
        float: left;
        border-radius: 10px;
    }
    #gotop h2{
        font-weight: normal;
        font-size: 1.1em;
        background-color: #a97f40;
        border-radius: 10px 10px 0 0;
        padding: 6px 0;
        color: #fff;
        margin: 0;
        transition: all .3s linear;
    }
    #gotop p{
        line-height: 1.8em;
        margin: 2.5%;
        color: #161419;
        font-weight: bold;
    }
    #gotop a{
        font-size: 16px;
        font-weight: bold;
        line-height: 1.8em;
        width: 200px;
        display: block;
        text-align: center;
        padding: 6px 0;
        color: #a97f40;
        text-decoration: none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #fff;
    }
    #gotop a:hover{
        POSITION: relative;
        TOP: 0px;
        left: 0px;
        color: #a97f40;
        /*width: 200px;*/
        transform: scale(1.1);
        text-decoration: none;
    }
    #gotop a:active{
        color: #FF0;
        text-decoration: none;
    }
    #gotop a:last-child{
        border-bottom-style: none;
        border-top: 1px solid #fff;
    }

    .more{
        /*width: 840px;*/
        padding-right: 10%;
        padding-left: 10%;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #b89d77;
        clear: both;
        float: none;
    }
    .more ul{
        clear: both;
        float: none;
        margin: 0px;
        list-style-position: outside;
        list-style-type: disc;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 25px;
    }
    .more p{
        font-size: 18px;
        font-weight: bold;
        color: #FF0;
        margin: 0px;
    }
    .more .NewsStyle{
        color: #FFF;
        margin: 0px;
        padding: 0px;
    }
    .more .NewsStyle a{
        font-size: 15.5px;
        line-height: 1.8em;
        color: #FFF;
        text-decoration: none;
    }
    .more .NewsStyle a:visited{
        color: #FFF;
        text-decoration: none;
    }
    .more .NewsStyle a:hover{
        color: #FFF;
        text-decoration: underline;
    }
    .more .NewsStyle a:active{
        color: #FFF;
        text-decoration: underline;
    }

    /* ===== 舊頁面內容整合 ===== */
    .case-content { width: 100%; margin: 0 auto; }
    .case-panel { display: none; width: 100%; }
    .case-panel.active { display: block; }
    .legacy-page { width: 100%; }
    .legacy-page #banner img { display: block; width: 100%; height: auto; }
    .legacy-page #content { max-width: 1200px; margin: 0 auto; }
    .case-panel #nav { display: none; }
    .case-panel__placeholder { max-width: 1200px; margin: 0 auto; padding: 60px 32px; text-align: center; color: #777; font-size: 16px; }


    @media (max-width: 768px) {        
    
        /*header footer 開始 */	
        #header-share{
            display: none;
        }
        #header-rwd{
            background-color: #C00;
            text-align: center;
            width: 100%;
            display: block;
            padding-top: 5px;
        }
        #Bodyfooter{
            width: 100%;
        }

        .footerArea1{
            display: none;
        }
        .footerArea2{
            width: 80%;
            margin: 0px;
            padding-right: 10%;
            padding-left: 10%;
        }
        .footerArea2 .logo2{
            display: none;
        }
        #panel-university .footerArea2 span{
            clear: both;
            float: none;
        }
        .footerArea2 div{
            text-align: left;
            width: 100%;
            font-size: 13px;
        }

        .footerArea2 div p{
            clear: both;
            float: none;
            word-break: normal;
        }
        /*header footer 結束 */
      
        .more{
            width: 100%;
            padding-right: 10%;
            padding-left: 10%;
        }

      .case-header {
        padding-top: 24px;
      }

      .case-header__inner {
        padding: 0 18px;
      }

      .case-header__title {
        font-size: 3.5em;
      }

      .case-header__desc {
        font-size: 14px;
        margin-bottom: 20px;
      }

      .case-tab {
        min-width: auto;
        padding: 12px 16px;
        font-size: 16px;
      }

      .demo-content {
        padding: 30px 18px;
      }
    }

    @media all  and (max-width:1200px){
        #BodyContent{
            width: 100%;
        }
        #gotop{
            width: 100%;
            height: auto;
            position:fixed;
            _position: absolute; /* position fixed for IE6 */
            _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-10);
            z-index:1;
            bottom: 0px;
            text-align: center;
            background-color: #982424;
            color: #FFF;
            /* border-radius: 0px; */
            opacity: 1;
            font-size: 16px;
            display: block;
            margin-right: 0px;
            right: 0px;
        }
        #gotop h2{
            background-color: #efbb00;
            color: #000;
            font-weight: bold;        
        }
        #gotop a{
            font-size: 16px;
            color: #e6dcd0;
            text-decoration: none;
            display: block;
            height: auto;
            width: 100%;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #fff;
            margin: 0px;
            line-height: 32px;
            padding: 0px;
        }
        #gotop p{
            width: 50%;
            margin: 0 25%;
            color: #e6dcd0;
        }
    }
    /* 手機版－刊頭標題 */
    @media screen and (max-width: 560px) {
        .case-header h1 {
            font-size: 2.6rem;
            line-height: 1.2;
            white-space: nowrap;
            letter-spacing: normal;
        }
    }


/* =========================================================
   02. A版共用
   大學私慕課 + 焦點實務
   ========================================================= */

#panel-university,
#panel-focus {
    margin: 0;
    height: 100%;
    font-family:"微軟正黑體";
    background-color: #f0f0f0;
    /*background-image: url(http://www.angle.com.tw/event/bg/bg27.png);*/
    width: 100%;
}
#panel-university #BodyContent,
#panel-focus #BodyContent {
    max-width: 1000px;
    clear: none;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    height: 100%;
    width: 1000px;
    /*background-color: #FFFFFF;*/
}
#panel-university .clearfix,
#panel-focus .clearfix {
    *zoom:1;
}
#panel-university .clearfix:before,
#panel-focus .clearfix:before,
#panel-university .clearfix:after,
#panel-focus .clearfix:after {
    display:table;content:"";line-height:0;
}
#panel-university .clearfix:after,
#panel-focus .clearfix:after {
    clear:both;
}
#panel-university .logo,
#panel-focus .logo {
    background-color: #cdbf9e;
}
#panel-university picture,
#panel-focus picture {
    background-color: #dbcdae;padding: 0 0 1px 0;
}
#panel-university picture img,
#panel-focus picture img {
    width: 100%
}
#panel-university #nav,
#panel-focus #nav {
    width: 100%;
    height: auto;
    /* padding-bottom: 1em; */
    background-color: #d7612d;
    color: #FFF;
    /* display: block; */
    display: flex;
    align-items: center;
    background-image: url(../images/nav.png);
}
#panel-university #nav ul,
#panel-focus #nav ul {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 4px;
    padding-bottom: 4px;
}
#panel-university #nav ul li,
#panel-focus #nav ul li {
    width: 19%;
    float: left;
}
#panel-university #nav a.a1,
#panel-focus #nav a.a1 {
    color: #e95656 /*#565656*/;
    font-weight: bold;
    text-align: center;
    /* letter-spacing: 10px; */
    font-size: 20px;
    display: block;
    text-decoration: underline;
    line-height: 1.5em;
    _border: 1px solid #d26a2a;
    padding: 7px;
    margin: 3% 5%;
    _background-color: #fff;
}
#panel-university #nav a.a2,
#panel-focus #nav a.a2 {
    color: #fff;
    font-weight: bold;
    text-align: center;
    /* letter-spacing: 10px; */
    font-size: 20px;
    display: block;
    text-decoration: underline;
    line-height: 1.5em;
    _border: 1px solid #fff;
    padding: 7px;
    margin: 3%;
    _background-color: #ff6201;
}
#panel-university #nav a.a2:hover,
#panel-focus #nav a.a2:hover {
    text-decoration: underline;
    color: #ff0;
}
#panel-university #sale,
#panel-focus #sale {
    margin-top: 0;
    /* margin-bottom: 40px; */
    /* background: linear-gradient(to right, #f3d6b4 5% ,#f4eade 60%); */
    background-color: #e7b88e;
    border-bottom: solid 6px #cdbf9e;
    background: linear-gradient(to right, #87864a 5%, #a7a785 60%);
    padding: .5rem 1rem;
}
#panel-university #sale h4,
#panel-focus #sale h4 {
    text-align: left;
    font-size: 1.3rem;
    line-height: 2.2rem;
    font-weight: bold;
    color: #fff;
    display: block;
    /*padding: 1%;*/
    margin: 0 0 0 12%;
}
#panel-university #sale h4 span,
#panel-focus #sale h4 span {
    font-size: 17px;
    padding-left: 1%;
}
#panel-university #sale i,
#panel-focus #sale i {
    vertical-align: inherit;font-size: 1.4rem;color: #ffeb4e;margin-right: 4px;
}
#panel-university #sale .free-book-t,
#panel-focus #sale .free-book-t {
    color: #ffeb4e;
}
#panel-university #sale .t123,
#panel-focus #sale .t123 {
    padding: 3px 10px;
    background-color: #3f89b8;
    /* border: 2px #ffffff6b solid; */
    border-radius: 50px;
    font-size: 1rem;
}
#panel-university #sale .t_sale,
#panel-focus #sale .t_sale {
    color: #ff4707;text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #ffffff, 0 0 5px #ffffff;
}
#panel-university #sale ul li font,
#panel-focus #sale ul li font {
    font-size: 22px;
    color: #2f2f2f;
    font-weight: bold;
}
#panel-university #sale ul,
#panel-focus #sale ul {
    /*list-style-type: disc;*/
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 25px;
}
#panel-university #sale ul li,
#panel-focus #sale ul li {
    font-size: 20px;
    line-height: 1.5em;
    color: #2f2f2f;
}
#panel-university #sale ul li a,
#panel-focus #sale ul li a {
    color: #003399;
    text-decoration: none;
}
#panel-university #sale ul li a:visited,
#panel-focus #sale ul li a:visited {
    color: #003399;
    text-decoration: none;
}
#panel-university #sale ul li a:hover,
#panel-focus #sale ul li a:hover {
    color: #e20000;
    transition: 0.2s;
    text-decoration: underline;
    position: relative;
    left: 2px;
    top: 2px;
}
#panel-university #sale a,
#panel-focus #sale a {
    color: #FFEB3B
}
#panel-university #sale a:hover,
#panel-focus #sale a:hover {
}
#panel-university #content,
#panel-focus #content {
    padding-right: 6%;
    padding-left: 6%;
    padding-top: 20px;
    height: auto;
    width: 88%;
    padding-bottom: 20px;
    clear: both;
    background: #f8f6f2; /* Old browsers */
    background: -moz-linear-gradient(top, #f8f6f2 6%, #FFFFFF 88%, #fffbf2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f8f6f2 6%, #FFFFFF 88%, #fffbf2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f8f6f2 6%, #FFFFFF 88%, #fffbf2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f8f6f2", endColorstr="#fffbf2",GradientType=0 ); /* IE6-9 */
}
#panel-university #content h2,
#panel-focus #content h2 {
    color: #fff;
    font-size: 21px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    border-bottom: 8px solid #e1421b;
}
#panel-university #content h2 p,
#panel-focus #content h2 p {
    background-color: #e1421b;
    padding: 8px 6px 2px;
    margin: 0px;
    text-align: center;
    width: 30%;
    border-radius: 25px 25px 0 0;
}
#panel-university .buycar,
#panel-focus .buycar {
    text-align: right
}
#panel-university .buycar a,
#panel-focus .buycar a {
    border-radius: 8px;
    border: 2px #F44336 dotted;
    background-color: #ffeae9;
    /* padding: 0.5% 3%; */
    color: #322b32;
    text-decoration: none !important;
    margin-top: 1%;
    display: inline-block;
    font-size: 1.04rem;
    line-height: 1.8rem;
    font-weight: normal;
    width: 120px;
    text-align: center;
}
#panel-university .buycar a:hover,
#panel-focus .buycar a:hover {
    /*border: 2px solid #ec425e;*/
    background-color: #ef8282;
    color: #fff !important;
    text-decoration: none;
    background: linear-gradient(to right, rgb(89 170 234), #e1421b);
}
#panel-university .buycar i,
#panel-focus .buycar i {
    color: #ed6924;padding-right: 5px;
}
#panel-university #content h3,
#panel-focus #content h3 {
    color: #fd012a;
    font-size: 20px;
    margin: 3px 0 0;
}
#panel-university .list_menu,
#panel-focus .list_menu {
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    margin-bottom: 20px;
    text-align: center;
}
#panel-university .list_menu p,
#panel-focus .list_menu p {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    line-height: 1.5em;
    display: inline;
    height: auto;
    width: auto;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000;
}
#panel-university .list_menu p a,
#panel-focus .list_menu p a {
    font-size: 1.3rem;
    color: #ed6924;
    text-decoration: none;
}
#panel-university .list_menu p a:visited,
#panel-focus .list_menu p a:visited {
    /*color: #696733;*/
    text-decoration: none;
}
#panel-university .list_menu p a:hover,
#panel-focus .list_menu p a:hover {
    color: #696733;
    text-decoration: underline;
}
#panel-university .list_menu p a:active,
#panel-focus .list_menu p a:active {
    color: #696733;
    text-decoration: underline;
}
#panel-university .list_menu p:first-child,
#panel-focus .list_menu p:first-child {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #000;
}
#panel-university #content .list4_3,
#panel-focus #content .list4_3 {
    overflow: hidden;
    list-style-type: none;
    margin: 0px;
    width: 100%;
    padding-top: 0px;
    padding-right: 2.5%;
    padding-bottom: 0px;
    padding-left: 2.5%;
    margin-bottom: 3%;
}
/* 4列寬3格 */
#panel-university #content ul.list4_3 li,
#panel-focus #content ul.list4_3 li {
    width:31.3%;
    float:left;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 15px;
    padding-left: 0;
    margin-bottom: 10px;
    margin-right: 1%;
    margin-left: 1%;
    _background-image: url(http://www.angle.com.tw/event/bg/white50.png);
    _background-repeat: repeat;
}
#panel-university #content ul.list4_3 li:nth-child(3n/**/+1),
#panel-focus #content ul.list4_3 li:nth-child(3n/**/+1) {
    clear:both;
}
#panel-university #content ul.list4_3 li:hover,
#panel-focus #content ul.list4_3 li:hover {
    /*background-color: #f9efe5;*/
    position: relative;
    left: 2px;
    top: -2px;
}
#panel-university #content ul.list4_3 li a,
#panel-focus #content ul.list4_3 li a {
    width: 245px;
    margin:0 auto;
    display:block;
    overflow:hidden;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
}
#panel-university #content ul.list4_3 li .move_box,
#panel-focus #content ul.list4_3 li .move_box {
    position:relative;
    width: 245px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}
#panel-university #content ul.list4_3 li p,
#panel-focus #content ul.list4_3 li p {
    width: 245px;
    height: auto;
    vertical-align: middle;
    background-color: #000;
    text-align: center;
    padding: 0px;
}
#panel-university #content ul.list4_3 li .img_0,
#panel-focus #content ul.list4_3 li .img_0 {
    max-width: 243px;
    height: auto;
    vertical-align: middle;
    text-align: center;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: inline-block;
    border: 1px #607D8B solid;
}
#panel-university #content ul.list4_3 li .img_0:hover,
#panel-focus #content ul.list4_3 li .img_0:hover {
    max-width: 237px;border: 4px #607D8B solid;
}
#panel-university .discount,
#panel-focus .discount {
    margin: 1.5% 0 0;
    padding: 3% 0 1%;
    /*background: linear-gradient(45deg, #ffb051, #ffdd92,#ffe8b6, #ffffffa1);
    box-shadow: 0 3px 20px #f1524ebd;*/
}
#panel-university .img_0,
#panel-focus .img_0 {
    border:1px solid #CCC;
}
#panel-university .move_btn,
#panel-focus .move_btn {
    position:absolute;right:20px; bottom:10px; border: none;
}
#panel-university #content li a h3,
#panel-focus #content li a h3 {
    font-size: 18px;
    /* font-weight: normal; */
    color: #304956;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 3px;
    margin-left: 0;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    /* text-decoration: none;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
#panel-university #content li a h4,
#panel-focus #content li a h4 {
    font-size:14px;
    color:#000000;
    font-weight: normal;
    background-color: #f5ebd0;
    display: inline;
    border: 1px solid #dccea9;
    padding-right: 5px;
    padding-left: 5px;
    text-decoration: none;
}
#panel-university #content li a h5,
#panel-focus #content li a h5 {
    font-size: 16px;
    line-height: 14px;
    color: #0076c1;
    /* font-weight: normal; */
    padding-top: 3px;
    padding: 1px 5px;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;
    border-left: 1px #a1ccd1 solid;
}
#panel-university #content li a h6,
#panel-focus #content li a h6 {
    float: right;
    font-size: 15px;
    font-weight: bold;
    color: #ff002a;
    margin: 0px;
    text-decoration: none;
}
#panel-university #content li a h6 del,
#panel-focus #content li a h6 del {
    font-size: 10px;
    color: #818181;
    padding-left: 8px;
}
#panel-university #content li a span,
#panel-focus #content li a span {
    font-size:14px;
    color:#797979;
    font-weight: normal;
    display: block;
    line-height: 1.5em;
    margin: 0px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#panel-university #content li a p,
#panel-focus #content li a p {
    font-size:15px;padding-top:3px; color:#313131;
}
#panel-university .list_book,
#panel-focus .list_book {
    /*width: 820px;
    margin-right: 75px;
    margin-left: 75px;*/
    clear: both;
    margin-bottom: 20px;
    display: block;
    float: none;
    margin-top: 0px;
    height: auto;
    min-height:170px;
    background-repeat: repeat;
    padding: 10px;
    _background-color: #FFFFFF;
    position: relative;
}
#panel-university .list_book h2,
#panel-focus .list_book h2 {
    font-size: 28px;
    color: #FFF;
    text-align: left;
    font-weight: bold;
    _background: linear-gradient(to right, #001D6E 28% ,#7FB5FF 60%);
    _background-color: #680221;
    /* width: 925px; */
    margin-top: 0px;
    margin-right: 0px/*75px*/;
    margin-bottom: 6px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 0px/*65px*/;
}
#panel-university .list_book_img,
#panel-focus .list_book_img {
    _width: 180px;
    float: left;
}
#panel-university .list_book_img img,
#panel-focus .list_book_img img {
    _width: 150px;
    _display: block;
    _margin-bottom: 5px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#panel-university .list_book_more,
#panel-focus .list_book_more {
    font-size: 15px;
    color: #FFF;
    text-decoration: none;
    background-color: #CC0000;
    padding: 5px;
    height: 15px;
    display: block;
    line-height: 15px;
    width: 100px;
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    font-weight: normal;
}
#panel-university .list_book_detial,
#panel-focus .list_book_detial {
    float: right;
    _width: 620px;
    text-align: left;
    padding-left: 5px;
    position: relative;
}
#panel-university .list_book_detial h2,
#panel-focus .list_book_detial h2,
#panel-university .list_book_detial2 h2,
#panel-focus .list_book_detial2 h2 {
    font-size: 18px;
    padding: 0px;
    float: left;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
}
#panel-university .list_book_detial h4,
#panel-focus .list_book_detial h4 {
    color: #CC0000;
    font-size: 15px;
    padding: 0px;
    float: left;
    clear: right;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    line-height: 1.5em;
}
#panel-university .list_book_detial h4 img,
#panel-focus .list_book_detial h4 img {
    vertical-align: baseline;
}
#panel-university .list_book_detial h4 .imgHot,
#panel-focus .list_book_detial h4 .imgHot {
    vertical-align: text-top;
}
#panel-university .list_book_detial h4 a,
#panel-focus .list_book_detial h4 a {
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}
#panel-university .list_book_detial h5,
#panel-focus .list_book_detial h5 {
    clear: both;
    font-size: 15px;
    font-weight: normal;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    color: #600;
    line-height: 1.4em;
}
#panel-university .list_book_detial h4 a:hover,
#panel-focus .list_book_detial h4 a:hover {
    text-decoration: underline;
}
#panel-university .list_book_detial h5 a,
#panel-focus .list_book_detial h5 a {
    font-size: 15px;
    text-decoration: none;
    font-weight: normal;
    color: #006dd0;
}
#panel-university .list_book_detial h5 a:visited,
#panel-focus .list_book_detial h5 a:visited {
    color: #006dd0;
    text-decoration: none;
}
#panel-university .list_book_detial h5 a:hover,
#panel-focus .list_book_detial h5 a:hover {
    text-decoration: underline;
}
#panel-university .list_book ul,
#panel-focus .list_book ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
}
#panel-university #content .book_detial h5 font,
#panel-focus #content .book_detial h5 font {
    color: #C00;
    text-align: center;
    display: block;
}
#panel-university #content ul.book_big,
#panel-focus #content ul.book_big {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#panel-university #content .book_big li,
#panel-focus #content .book_big li {
    padding: 1%;
    margin:0;
    width: 21%;
    border: 1px solid #d3d3d3;
    height: 260px;
    display: block;
    float: left;
    overflow: auto;
    text-align: center;
    border-radius: 20px;
    background-color: #fff8f5;
    margin: 1%;
}
#panel-university #content .book_big li:last-child,
#panel-focus #content .book_big li:last-child {
    clear: right;
    width: 20%;
}
#panel-university #content .book_big li a img,
#panel-focus #content .book_big li a img {
    width: 90%;
    max-width: 115px;
    padding: 3% 0;
}
#panel-university #content .book_big li h3,
#panel-focus #content .book_big li h3 {
    padding: 6% 5px 3%;
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    border-top: 1px solid #d3d3d3;
    background-color: #fff8f5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
#panel-university #content .book_big li h3 a,
#panel-focus #content .book_big li h3 a {
    color: #292929;
    text-decoration: none;
}
#panel-university #content .book_big li h3 a:visited,
#panel-focus #content .book_big li h3 a:visited {
    color: #000;
    text-decoration: none;
}
#panel-university #content .book_big li h3 a:hover,
#panel-focus #content .book_big li h3 a:hover,
#panel-university #content .book_big li a img:hover,
#panel-focus #content .book_big li a img:hover {
    color: #ff002a;
    text-decoration: none;
    position: relative;
    left: 2px;
    top: -2px;
}
#panel-university #content .book_big li h4,
#panel-focus #content .book_big li h4 {
    margin: 0px;
    padding: 0;
    font-size: 15px;
    color: #2e3192;
    text-align: center;
    font-weight: bold;
    background-color: #fff8f5;
}
#panel-university #content .book_big li h5,
#panel-focus #content .book_big li h5 {
    font-size: 14px;
    color: #666666;
    text-align: center;
    padding: 0px;
    text-decoration: line-through;
    margin: 0px;
    font-weight: normal;
}
#panel-university #content .book_big li h6,
#panel-focus #content .book_big li h6 {
    font-size: 15px;
    font-weight: normal;
    color: #C00;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
#panel-university #content p.buy a,
#panel-focus #content p.buy a,
#panel-university #content p.buy a:visited,
#panel-focus #content p.buy a:visited {
    font-size: 16px;
    font-weight: bold;
    background-color: #b81d00;
    color: #FFF;
    text-decoration: none;
    padding: 6px 16px;
    border-radius: 15px;
    margin-right: 8px;
}
#panel-university #content p.buy a:hover,
#panel-focus #content p.buy a:hover {
    background-color: #9b2e39;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
}
#panel-university .bg_white,
#panel-focus .bg_white {
    /*background-image: url(http://www.angle.com.tw/event/bg/white90.png);
    background-repeat: repeat;*/
    padding: 8px;
    clear: both;
    float: none;
}
#panel-university .title,
#panel-focus .title {
    font-size: 2.3rem;
    font-weight: 900;
    font-family: "Microsoft YaHei";
    color: #656565;
    text-align: center;
    transform: skewX(-10deg);
}
#panel-university .not_applicable,
#panel-focus .not_applicable {
    text-align: center;
    font-size: 1.1rem;
    margin-top: 5%;
}
#panel-university a.gotobuy,
#panel-focus a.gotobuy {
    display: block;
    float: right;
    background: #b81d00;
    _background: -moz-linear-gradient(-45deg, #ff8672 25%,#f6b284 75%);
    _background: -webkit-linear-gradient(-45deg, #ff8672 25%,#f6b284 75%);
    _background: linear-gradient(121deg, #ff8672 25%,#f6b284 75%);
    _filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ff8672", endColorstr="#f6b284",GradientType=1 );
    padding: 6px 16px;
    margin-bottom: 8px;
    margin-top: 15px;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    border-radius: 15px;
    font-weight: bold;
}
#panel-university a.gotobuy:visited,
#panel-focus a.gotobuy:visited {
    color: #FFF;
    text-decoration: none;
}
#panel-university a.gotobuy:hover,
#panel-focus a.gotobuy:hover {
    color: #ff0;
    text-decoration: none;
}
#panel-university a.gotobuy:active,
#panel-focus a.gotobuy:active {
    color: #FF0;
    text-decoration: none;
}
@media (max-width: 1200px) {
    #panel-university .title,
#panel-focus .title {
        font-size: 3.1rem;
    }
    #panel-university .discount_box,
#panel-focus .discount_box {
        width: 90%;
    }
}
@media all and (min-width: 1px) and (max-width: 767px) {
    #panel-university .br_mb,
#panel-focus .br_mb {
        display: block;
    }
    #panel-university #sale,
#panel-focus #sale {
        padding: .4rem .5rem 1rem 1rem;
    }
    #panel-university #sale h4,
#panel-focus #sale h4 {
        font-size: 1.1rem;line-height: 1.6rem;margin: 0;text-align: left;word-break:keep-all;overflow-wrap: break-word;padding-top: 13px;
    }
    #panel-university #content ul.list4_3 li .img_0:hover,
#panel-focus #content ul.list4_3 li .img_0:hover {
        max-width: 222px;
    }
    #panel-university #content h2 p,
#panel-focus #content h2 p {
        width: 50%;word-break: keep-all;overflow-wrap: break-word;
    }
    #panel-university #content ul.list4_3 li .move_box,
#panel-focus #content ul.list4_3 li .move_box {
        width: 95% !important
    }
    #panel-university #sale .t123,
#panel-focus #sale .t123 {
    }
}
@media screen and (min-width:600px) and (max-width:769px) {
    #panel-university #content ul.list4_3 li .move_box,
#panel-focus #content ul.list4_3 li .move_box {
        width: 100% !important
    }
    #panel-university #content ul.list4_3 li .img_0:hover,
#panel-focus #content ul.list4_3 li .img_0:hover {
        max-width: 237px;border: 4px #607D8B solid;
    }
}
/* 解析度 768px 以下 */
@media screen and (max-width:768px) {
    #panel-university #nav,
#panel-focus #nav {
        background-size: 100%;
        background-repeat: round;
    }
    #panel-university #nav a.a1,
#panel-focus #nav a.a1,
#panel-university #nav a.a2,
#panel-focus #nav a.a2 {
        letter-spacing: normal;
        font-size: 15px;
    }
    #panel-university #content ul.list4_3 li,
#panel-focus #content ul.list4_3 li {
        width:48%; background-image:url(http://www.angle.com.tw/event/bg/white50.png);
    }
    #panel-university #content ul.list4_3 li:nth-child(2n/**/+1),
#panel-focus #content ul.list4_3 li:nth-child(2n/**/+1) {
        clear:both;
    }
    #panel-university #content ul.list4_3 li:nth-child(3n/**/+1),
#panel-focus #content ul.list4_3 li:nth-child(3n/**/+1) {
        clear:none;
    }
    #panel-university #content .in h3:before,
#panel-focus #content .in h3:before,
#panel-university .discount h3:before,
#panel-focus .discount h3:before {
        left: -48px;
    }
    #panel-university #BodyContent,
#panel-focus #BodyContent {
        width: 100%;
    }
    #panel-university .logo img,
#panel-focus .logo img {
        height: auto;
        width: 100%;
    }
    /* #panel-focus #content{
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
} */
    #panel-university .subject,
#panel-focus .subject {
        color: #bf5772;
    }
    #panel-university .list_menu,
#panel-focus .list_menu {
        width: 100%;
        clear: both;
        float: none;
    }
    #panel-university .list_menu p,
#panel-focus .list_menu p {
        display: block;
        /*width: 100px;*/
        float: left;
        border-top-style: none;
        /*border-right-style: none;*/
        border-bottom-style: none;
        border-left-style: none;
        /*background-color: #f0f0f0;*/
        text-align: center;
        margin-right: 1px;
        margin-bottom: 1px;
    }
    #panel-university .list_book ul li,
#panel-focus .list_book ul li {
        width: 91%;
        padding-right: 4%;
        padding-left: 4%;
        border-top-width: 1px;
        border-top-style: dotted;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-color: #999;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #panel-university #content .book_big li,
#panel-focus #content .book_big li {
        width: 45%;
    }
    #panel-university #content .book_big li:nth-child(2n),
#panel-focus #content .book_big li:nth-child(2n) {
        width: 45%;
        clear: right;
    }
    #panel-university #content .book_big li:last-child,
#panel-focus #content .book_big li:last-child {
        width: 45%;
    }
    #panel-university #content .book_big li h3,
#panel-focus #content .book_big li h3 {
        font-size: 14px;
    }
    #panel-university #content .book_big li h4,
#panel-focus #content .book_big li h4 {
        font-size: 13px;
    }
    #panel-university .title,
#panel-focus .title {
        font-size: 2rem;
        margin-bottom: 0.3rem;
    }
}
@media screen and (max-width:560px) {
    #panel-university #content ul.list4_3 li,
#panel-focus #content ul.list4_3 li {
        width:98%;
    }
    #panel-university #content ul.list4_3 li a,
#panel-focus #content ul.list4_3 li a {
        width:90%;
    }
    #panel-university #content ul.list4_3 li .move_box,
#panel-focus #content ul.list4_3 li .move_box {
        width:90%; height:auto;
    }
    #panel-university #content ul.list4_3 li p,
#panel-focus #content ul.list4_3 li p {
        width:100%; height:auto;
    }
    #panel-university #content ul.list4_3 li .img_0,
#panel-focus #content ul.list4_3 li .img_0 {
        max-width:100%; height:auto;
    }
    #panel-university #nav,
#panel-focus #nav {
        background-image: none;
    }
    #panel-university #nav a.a1,
#panel-focus #nav a.a1 {
        border: 1px solid #d26a2a;
        background-color: #fff;
    }
    #panel-university #nav a.a2,
#panel-focus #nav a.a2 {
        border: 1px solid #fff;
        background-color: #ff6201;
    }
}
@media screen and (max-width:480px) {
    #panel-university .list_menu,
#panel-focus .list_menu {
        width: 100%;
        clear: both;
        float: none;
    }
    #panel-university #nav ul li,
#panel-focus #nav ul li {
        width: 33%;
        float: left;
        display: flex;
        align-items: center;
    }
}


/* =========================================================
   03. A版個別覆寫
   ========================================================= */

/* 大學私慕課：個別調整 */
@media screen and (min-width: 769px) {
    #panel-university #sale {
        padding: .5rem 0;
    }

    #panel-university #sale h4 {
        width: 88%;
        max-width: 1000px;
        margin: 0 auto;
        text-align: center;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 768px) {
    #panel-university .list_menu {
        text-align: center;
        margin: 0 0 20px;
    }

    #panel-university .list_menu p {
        float: none;
        display: inline-block;
    }
}


/* =========================================================
   04. B版共用
   實例鑑試 + 議題評析 + 裁判解析
   ========================================================= */

#panel-example,
#panel-discussion,
#panel-judgment {
    margin: 0;
    height: 100%;
    background-color: #f0f0f0;
    width: 100%;
    font-family: "Microsoft JhengHei"; /*微軟正黑體*/
}
#panel-example .clearfix:after,
#panel-discussion .clearfix:after,
#panel-judgment .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#panel-example * html .clearfix,
#panel-discussion * html .clearfix,
#panel-judgment * html .clearfix {
    zoom: 1;
}
/* IE6 */
#panel-example *:first-child+html .clearfix,
#panel-discussion *:first-child+html .clearfix,
#panel-judgment *:first-child+html .clearfix {
    zoom: 1;
}
/* IE7 */
#panel-example #noie,
#panel-discussion #noie,
#panel-judgment #noie {
    color: #FFF;
    width: 100%;
    height: 70px;
    text-align: center;
    border: 1px solid #006699;
    background-color: #669933;
    _z-index: 9999;
    z-index: 9999;
    position: fixed;
    _top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/
    left: 0;
    top: 0;
}
#panel-example #noie a,
#panel-discussion #noie a,
#panel-judgment #noie a {
    color: #FC0;
}
#panel-example #BodyContent,
#panel-discussion #BodyContent,
#panel-judgment #BodyContent {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    width: 1000px;
}
#panel-example #nav,
#panel-discussion #nav,
#panel-judgment #nav {
    width: 100%;
    height: auto;
    /* padding-bottom: 1em; */
    background-color: #7e4a66;
    color: #FFF;
    display: flex /* block; */;
    align-items: center;
    background-image: url(../images/nav.png);
}
#panel-example #nav ul,
#panel-discussion #nav ul,
#panel-judgment #nav ul {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 4px;
    padding-bottom: 4px;
}
#panel-example #nav ul li,
#panel-discussion #nav ul li,
#panel-judgment #nav ul li {
    width: 19%;
    float: left;
}
#panel-example #nav a.a1,
#panel-discussion #nav a.a1,
#panel-judgment #nav a.a1 {
    color: #e95656 /*#565656*/;
    font-weight: bold;
    text-align: center;
    /* letter-spacing: 10px;*/
    font-size: 20px;
    display: block;
    text-decoration: underline;
    line-height: 1.5em;
    _border: 1px solid #761973;
    padding: 7px;
    margin: 3% 5%;
    _background-color: #fff;
}
#panel-example #nav a.a2,
#panel-discussion #nav a.a2,
#panel-judgment #nav a.a2 {
    color: #fff;
    font-weight: bold;
    text-align: center;
    /* letter-spacing: 10px;*/
    font-size: 20px;
    display: block;
    text-decoration: underline;
    line-height: 1.5em;
    _border: 1px solid #fff;
    padding: 7px;
    margin: 3%;
    _background-color: #620f5f;
}
#panel-example #nav a.a2:hover,
#panel-discussion #nav a.a2:hover,
#panel-judgment #nav a.a2:hover {
    text-decoration: underline;
    color: #ff0;
}
#panel-example #banner,
#panel-discussion #banner,
#panel-judgment #banner {
    margin: 0 auto;
    position: relative;
    background-color: #cdbf9e;
}
#panel-example #banner img,
#panel-discussion #banner img,
#panel-judgment #banner img {
    width: 100%;
    height: auto;
}
#panel-example #banner h1,
#panel-discussion #banner h1,
#panel-judgment #banner h1 {
    top: 58%;
    left: 38%;
    font-size: 4em;
    line-height: 1.2em;
    color: #8b3166;
    position: absolute;
}
#panel-example #banner h1 .sh,
#panel-discussion #banner h1 .sh,
#panel-judgment #banner h1 .sh {
    font-size: 0.6em;
    color:#e14e17;
    position: absolute;
    width: 45%;
    line-height: 1.1em;
    margin-top: 0.8em;
    margin-left: 0.2em;
}
#panel-example #banner h2,
#panel-discussion #banner h2,
#panel-judgment #banner h2 {
    top: 86%;
    right: 5%;
    font-size: 1.4em;
    color: #544845;
    position: absolute;
}
#panel-example #content,
#panel-discussion #content,
#panel-judgment #content {
    height: auto;
    width: 88%;
    clear: both;
    background-color: #FFF;
    padding-right: 6%;
    padding-left: 6%;
    overflow: hidden;
    position: relative;
    background: rgb(4,34,59); /* Old browsers */
    background: -moz-linear-gradient(right, #e7e1d5 4%,#e6d3c2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(right, #e7e1d5 4%,#e6d3c2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e7e1d5 4%,#e6d3c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e7e1d5", endColorstr="#e6d3c2",GradientType=1 ); /* IE6-9 */
    padding-top: 20px;
    padding-bottom: 20px;
}
#panel-example #content .intro,
#panel-discussion #content .intro,
#panel-judgment #content .intro {
    font-size: 1.1em;
    color: #000000;
    text-align:justify;
    /* text-indent:1em;*/
    line-height: 1.5em;
    padding-left: 15px;
    padding-right: 20px;
}
#panel-example #content h2,
#panel-discussion #content h2,
#panel-judgment #content h2 {
    font-size: 1.5em;
    _color: #000000;
    text-align: center;
    padding-left: 15px;
    padding-right: 20px;
    line-height: 1.5em;
}
#panel-example #content h3,
#panel-discussion #content h3,
#panel-judgment #content h3 {
    background-color: #a97f40;
    color: #fff;
    font-size: 1.2em;
    /*line-height: 2em;*/
    margin: 0px;
    padding: 1%;
    position: relative;
    text-align: center;
}
/* #content h3:before {
    content: '';
    background: url(../images/20190201_ar.png) no-repeat top left;
    position: absolute;
    top: 28px;
    z-index: 2;
    left: -66px;
    transform: rotate(8deg);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 28.5px 0 28.5px 49px;
    border-color: transparent transparent transparent #8d1a1f;
}
#content h4 {
    line-height: 1.5em;
    margin: 0px;
    font-size: 2.1em;
    font-weight: bold;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
    bord-break: normal;
    display: block;
    color: #ffcf60;
} */
#panel-example #content h5,
#panel-discussion #content h5,
#panel-judgment #content h5 {
    font-size: 1.3em;
    color: #842626;
    font-weight: bold;
    margin: 2% 2% 5%;
}
#panel-example #content h5 img,
#panel-discussion #content h5 img,
#panel-judgment #content h5 img {
    width: 23%;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding-top: 2%;
    padding-right: 1%;
    padding-bottom: 0%;
    padding-left: 1%;
}
#panel-example #content .pic img,
#panel-discussion #content .pic img,
#panel-judgment #content .pic img {
    width: 80%;
    height: auto;
    border-radius: 0.3em;
    margin-left: 10%;
}
/* #content h6 {
    background-color: #c6aa72;
    color: #220404;
    margin: 3% 0px;
    text-align: justify;
    display: block;
    padding: 5%;
    width: 96%; 
    font-size: 1.1em;
    line-height: 1.2em;
    background: linear-gradient(to left, #c6aa72 5% ,#e8981d 75%);
}
#content h6 a {
    color: #008283;
    text-decoration: none;
    font-weight: normal;
    font-size: 15px;
    display: block;
    width: 80px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    text-align: center;
    background-color: #E7F5F4;
    border: 1px solid #008283;
    border-radius: 25px;
    float:right;
    margin-top: 10px;
    margin-left: 5px;
}
#content h6 a:visited {
    color: #008283;
    text-decoration: none;
}
#content h6 a:hover {
    color: #C00;
    background-color: #ffe9e7;
    border: 1px solid #C00;
} */
#panel-example #content ul,
#panel-discussion #content ul,
#panel-judgment #content ul,
#panel-example #content ol,
#panel-discussion #content ol,
#panel-judgment #content ol {
    /* border-top: 4px solid #842626;
    list-style-type: none;*/
    padding: 0px;
    width: 100%;
    background-color: #fefefe;
    margin: 0px;
    font-size: 1.5em;
    display: inline-block;
    margin-bottom: 3%;
}
#panel-example #content ul li,
#panel-discussion #content ul li,
#panel-judgment #content ul li {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #b7b1af;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-left: 20px;
    /* display:block;
    height:auto;
    clear:both; */
    _font-size: 1.0em;
}
#panel-example #content ul li::after,
#panel-discussion #content ul li::after,
#panel-judgment #content ul li::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* #content ul li:nth-of-type(odd),#content table tr:nth-of-type(odd){
    background-color:#f7f7f7;
} */
#panel-example #content ul li p,
#panel-discussion #content ul li p,
#panel-judgment #content ul li p {
    margin: 0px;
    padding: 0px;
    display: block;
    line-height: 1.5em;
}
#panel-example #content ul li p,
#panel-discussion #content ul li p,
#panel-judgment #content ul li p {
    _display: block;
    _float: left;
    _padding-right:20px;
}
#panel-example #content ul li p:first-child,
#panel-discussion #content ul li p:first-child,
#panel-judgment #content ul li p:first-child {
    text-align: center;
    width: 25%;
    float: left;
    font-weight: bold;
    color:#220404;
}
#panel-example #content ul li p:last-child,
#panel-discussion #content ul li p:last-child,
#panel-judgment #content ul li p:last-child {
    width: 70%;
    margin-left: 2%;
    float: left;
    /*text-align: center;*/
}
/* #content ul li:first-child p {
font-size: 20px;
font-weight: bold;
text-align: center;
} */
#panel-example #content ul li font,
#panel-discussion #content ul li font,
#panel-judgment #content ul li font {
    font-size: 15px;
    font-weight: normal;
    color: #CA3929;
}
#panel-example #content ul li p a,
#panel-discussion #content ul li p a,
#panel-judgment #content ul li p a {
    color: #000;
    text-decoration: none;
}
#panel-example #content ul li p a:visited,
#panel-discussion #content ul li p a:visited,
#panel-judgment #content ul li p a:visited {
    color: #000;
    text-decoration: none;
}
#panel-example #content ul li p a:hover,
#panel-discussion #content ul li p a:hover,
#panel-judgment #content ul li p a:hover {
    color: #C00;
    text-decoration: underline;
    transition: 0.2s;
}
#panel-example #content ul li span,
#panel-discussion #content ul li span,
#panel-judgment #content ul li span {
    display: inline-block;
}
/* #content ul li span:first-child {
font-size: 1.0em;
line-height: 1.5em;
color: #0083B9;
}
#content ul li span:last-child {
line-height: 1.5em;
color: #e22319;
} */
#panel-example #content ul .s,
#panel-discussion #content ul .s,
#panel-judgment #content ul .s {
    font-size: 0.7em;
    color: #900;
    font-weight: bold;
}
#panel-example #content ul strong,
#panel-discussion #content ul strong,
#panel-judgment #content ul strong {
    font-size: 1.2em;
    color: #822627;
    padding: 0 6px;
}
#panel-example #content ol,
#panel-discussion #content ol,
#panel-judgment #content ol {
    background-color: #FFF;
}
#panel-example #content ol li,
#panel-discussion #content ol li,
#panel-judgment #content ol li {
    padding: 1%;
    _padding: 5px;
    width: 23%;
    width: 22% /9;
    border-left-width: 1px;
    border-left-style: dashed;
    border-left-color: #CCCCCC;
    height: 310px;
    height: 320px \	;
    _height: 350px;
    display: block;
    float: left;
    overflow: auto;
    text-align: center;
}
#panel-example #content ol li:first-child,
#panel-discussion #content ol li:first-child,
#panel-judgment #content ol li:first-child {
    border-left-style: none;
    width: 22%;
}
#panel-example #content ol li a img,
#panel-discussion #content ol li a img,
#panel-judgment #content ol li a img {
    width:90%;
    max-width: 126px;
    width:126px \	;
    border: 1px solid #FFF;
}
#panel-example #content ol li h3,
#panel-discussion #content ol li h3,
#panel-judgment #content ol li h3 {
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #0083B9;
    line-height: 1.2em;
}
#panel-example #content ol li h3 a,
#panel-discussion #content ol li h3 a,
#panel-judgment #content ol li h3 a {
    color: #0083B9;
    text-decoration: none;
}
#panel-example #content ol li h3 a:visited,
#panel-discussion #content ol li h3 a:visited,
#panel-judgment #content ol li h3 a:visited {
    color: #0083B9;
    text-decoration: none;
}
#panel-example #content ol li h3 a:hover,
#panel-discussion #content ol li h3 a:hover,
#panel-judgment #content ol li h3 a:hover {
    color: #C00;
    text-decoration: none;
    position: relative;
    left: 2px;
    top: -2px;
}
#panel-example #content ol li h4,
#panel-discussion #content ol li h4,
#panel-judgment #content ol li h4 {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    color: #000000;
    text-align: center;
    font-weight: normal;
    width: 100%;
    text-indent: 0px;
    line-height: 1em;
}
#panel-example #content ol li h5,
#panel-discussion #content ol li h5,
#panel-judgment #content ol li h5 {
    font-size: 14px;
    color: #666666;
    text-align: center;
    padding: 0px;
    text-decoration: line-through;
    margin: 0px;
    font-weight: normal;
    background-color: #FFF;
    width: 100%;
}
#panel-example #content ol li h6,
#panel-discussion #content ol li h6,
#panel-judgment #content ol li h6 {
    font-size: 15px;
    font-weight: normal;
    color: #C00;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
    width: 100%;
}
#panel-example #content table,
#panel-discussion #content table,
#panel-judgment #content table {
    clear: both;
    float: none;
}
#panel-example #content table span,
#panel-discussion #content table span,
#panel-judgment #content table span {
    font-size: .8em;
}
#panel-example #content table th,
#panel-discussion #content table th,
#panel-judgment #content table th {
    background-color:#a97f40;
    font-size: 1.1em;
    line-height: 1.1em;
    text-align: center;
    color: #FFF;
    padding: 10px 0;
}
#panel-example #content table .list,
#panel-discussion #content table .list,
#panel-judgment #content table .list {
    text-align: center;
    width: 30%;
    font-weight: bold;
    color:#842626;
    padding: 1% 0;
}
#panel-example #content table .list img,
#panel-discussion #content table .list img,
#panel-judgment #content table .list img {
    border-radius: 0.3em;
}
#panel-example #content table .txt,
#panel-discussion #content table .txt,
#panel-judgment #content table .txt {
    font-size: 0.85em;
    width: 20%;
    color: #000;
    border-left: 1px dashed #b7b1af;
    padding: 8px 20px;
}
#panel-example #content table .txt-R,
#panel-discussion #content table .txt-R,
#panel-judgment #content table .txt-R {
    /* width: 55%;*/
    color: #000;
    /* border-left: 1px dashed #b7b1af; */
    padding: 8px 20px;
    border: none;
}
#panel-example #content table dl,
#panel-discussion #content table dl,
#panel-judgment #content table dl {
    margin-top: 0.5%;
    margin-bottom: 10%;
    margin-left: 6%;
}
#panel-example #content table dd,
#panel-discussion #content table dd,
#panel-judgment #content table dd {
    /* border-top: 4px solid #842626; */
    /* list-style-type: disc !important; */
    width: auto;
    /* background-color: #fefefe; */
    margin: 3%;
    font-size: 0.9em;
    display: inline-block;
    border-bottom: none;
    padding: 3% 0 0 8%;
    /* display: block; */
    /* height: auto; */
    /* clear: both; */
    text-indent: -16%;
}
#panel-example #content table dd:before,
#panel-discussion #content table dd:before,
#panel-judgment #content table dd:before {
    content: url(../images/ico-list.png);
    display: inline;
    padding: 0 10px;
}
#panel-example #content table dd::after,
#panel-discussion #content table dd::after,
#panel-judgment #content table dd::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#panel-example #content table dd:nth-of-type(odd),
#panel-discussion #content table dd:nth-of-type(odd),
#panel-judgment #content table dd:nth-of-type(odd) {
    /*background-color:#f7f7f7;*/
}
#panel-example #content table #sing-up,
#panel-discussion #content table #sing-up,
#panel-judgment #content table #sing-up {
    /* border-top: 4px solid #842626; */
    list-style-type: disc !important;
    padding: 0px;
    width: 100%;
    background-color: #fefefe;
    margin: 1%;
    font-size: 1.0em;
    display: inline-block;
}
#panel-example #content table #sing-up li,
#panel-discussion #content table #sing-up li,
#panel-judgment #content table #sing-up li {
    list-style-type: disc !important;
    border-bottom: none;
    padding: 6%;
    display: block;
    height: auto;
    clear: both;
    font-size: 1.0em;
}
#panel-example #content table ul li::after,
#panel-discussion #content table ul li::after,
#panel-judgment #content table ul li::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#panel-example #content table ul li:nth-of-type(odd),
#panel-discussion #content table ul li:nth-of-type(odd),
#panel-judgment #content table ul li:nth-of-type(odd) {
    background-color:#f7f7f7;
}
#panel-example .list_mg_img,
#panel-discussion .list_mg_img,
#panel-judgment .list_mg_img {
    width: 35%;
    float: left;
    margin-right: 2%;
}
#panel-example .list_mg_img img,
#panel-discussion .list_mg_img img,
#panel-judgment .list_mg_img img {
    width: 100%;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#panel-example .list_mg_detial,
#panel-discussion .list_mg_detial,
#panel-judgment .list_mg_detial {
    float: left;
    width: 60%;
    margin-left: 3%;
    margin-top: 2%;
}
#panel-example #content table .area,
#panel-discussion #content table .area,
#panel-judgment #content table .area {
    text-align: center;
    width: 14%;
    border-right: 1px dashed #b7b1af;
    font-weight: bold;
    color:#220404;
}
#panel-example #content table .class_area,
#panel-discussion #content table .class_area,
#panel-judgment #content table .class_area {
    font-size: 0.65em;
    text-align: left;
    width: 25%;
    border-left: 1px dashed #b7b1af;
    color:#220404;
}
#panel-example #content table .class_area ul,
#panel-discussion #content table .class_area ul,
#panel-judgment #content table .class_area ul {
    font-size: 1em;
}
#panel-example #content table .class_area ul li,
#panel-discussion #content table .class_area ul li,
#panel-judgment #content table .class_area ul li {
    border-bottom: none;
    margin-left: 15%;
    padding: 0 1.5%;
    list-style: disc;
    display: list-item;
}
#panel-example #content table .class_area ul li:nth-of-type(odd),
#panel-discussion #content table .class_area ul li:nth-of-type(odd),
#panel-judgment #content table .class_area ul li:nth-of-type(odd) {
    background-color: #fff;
}
#panel-example #content table .class_area p,
#panel-discussion #content table .class_area p,
#panel-judgment #content table .class_area p {
    text-align: right;
    margin-right: 5%;
}
#panel-example #content table td,
#panel-discussion #content table td,
#panel-judgment #content table td {
    font-size: 0.8em;
    line-height: 1.5em;
    color: #000;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #b7b1af;
    padding-top: 3px;
    padding-bottom: 3px;
}
#panel-example #content td a,
#panel-discussion #content td a,
#panel-judgment #content td a {
    font-size: 1.0em;
    color: #113b6d;
    text-decoration: none;
    _margin-right: 1%;
    _margin-bottom: 5%;
    font-weight: bold;
}
#panel-example #content td a:visited,
#panel-discussion #content td a:visited,
#panel-judgment #content td a:visited {
    color: #000;
    text-decoration: underline;
}
#panel-example #content td a:hover,
#panel-discussion #content td a:hover,
#panel-judgment #content td a:hover {
    font-size: 1.0em;
    color: #CC0000;
    text-decoration: none;
    position: relative;
    left: 2px;
    top: -2px;
}
#panel-example #content .note li,
#panel-discussion #content .note li,
#panel-judgment #content .note li {
    font-size: 0.8em;
    padding: 3px;
}
#panel-example #content .list4_2,
#panel-discussion #content .list4_2,
#panel-judgment #content .list4_2 {
    overflow: hidden;
    list-style-type: none;
    margin: 0px;
    width: 100%;
    padding-top: 0px;
    padding-right: 1.5%;
    padding-bottom: 0px;
    padding-left: 1.5%;
    margin-bottom: 3%;
}
/* 4列寬2格 */
#panel-example #content ul.list4_2 li,
#panel-discussion #content ul.list4_2 li,
#panel-judgment #content ul.list4_2 li {
    width: 48%;
    float: left;
    padding: 10px 0 15px;
    margin-bottom: 10px;
    margin-right: 1%;
    margin-left: 1%;
    border: none;
    _background-image: url(http://www.angle.com.tw/event/bg/white50.png);
    _background-repeat: repeat;
}
#panel-example #content ul.list4_2 li:nth-child(2n/**/+1),
#panel-discussion #content ul.list4_2 li:nth-child(2n/**/+1),
#panel-judgment #content ul.list4_2 li:nth-child(2n/**/+1) {
    clear: both;
}
#panel-example #content ul.list4_2 li:hover,
#panel-discussion #content ul.list4_2 li:hover,
#panel-judgment #content ul.list4_2 li:hover {
    /*background-color: #f9efe5;*/
    position: relative;
    left: 2px;
    top: -2px;
}
#panel-example #content ul.list4_2 li a,
#panel-discussion #content ul.list4_2 li a,
#panel-judgment #content ul.list4_2 li a {
    width: 98%;
    margin: 0 1%;
    display: block;
    overflow: hidden;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
}
#panel-example #content ul.list4_2 li .move_box,
#panel-discussion #content ul.list4_2 li .move_box,
#panel-judgment #content ul.list4_2 li .move_box {
    position:relative;
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}
#panel-example #content ul.list4_2 li p,
#panel-discussion #content ul.list4_2 li p,
#panel-judgment #content ul.list4_2 li p {
    width: 98%;
    margin: 1%;
    height: auto;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
}
#panel-example #content ul.list4_2 li .img_0,
#panel-discussion #content ul.list4_2 li .img_0,
#panel-judgment #content ul.list4_2 li .img_0 {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    border: 1px #b1b1b1 solid;
    background-color: #fff;
}
#panel-example #content ul.list4_2 li .img_0:hover,
#panel-discussion #content ul.list4_2 li .img_0:hover,
#panel-judgment #content ul.list4_2 li .img_0:hover {
    max-width: 95%;
    border: 4px #b1b1b1 solid;
}
#panel-example #content ul.list4_2 li a h4,
#panel-discussion #content ul.list4_2 li a h4,
#panel-judgment #content ul.list4_2 li a h4 {
    font-size: 18px;
    /* font-weight: normal; */
    color: #304956;
    margin: 5px 0;
    padding: 2px 0;
    /* text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; */
}
#panel-example #content ul.list4_2 li a h5,
#panel-discussion #content ul.list4_2 li a h5,
#panel-judgment #content ul.list4_2 li a h5 {
    font-size: 16px;
    line-height: 1.2em;
    color: #0076c1;
    /* font-weight: normal; */
    padding-top: 3px;
    padding: 1px 5px;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;
    /* border-left: 1px #a1ccd1 solid;*/
}
#panel-example #content ul.list4_2 li a h6,
#panel-discussion #content ul.list4_2 li a h6,
#panel-judgment #content ul.list4_2 li a h6 {
    float: right;
    font-size: 15px;
    font-weight: bold;
    color: #ff002a;
    margin: 0px;
    text-decoration: none;
}
#panel-example #content ul.list4_2 li a h6 del,
#panel-discussion #content ul.list4_2 li a h6 del,
#panel-judgment #content ul.list4_2 li a h6 del {
    font-size: 10px;
    color: #818181;
    padding-left: 8px;
}
#panel-example #content ul.list4_2 li h6 small,
#panel-discussion #content ul.list4_2 li h6 small,
#panel-judgment #content ul.list4_2 li h6 small {
    font-size: 0.7em;
    color: #818181;
    padding-left: 8px;
}
#panel-example #content ul.list4_2 li p .buy,
#panel-discussion #content ul.list4_2 li p .buy,
#panel-judgment #content ul.list4_2 li p .buy {
    width: 15%;
    margin: 0 1%;
    /* display: block; */
    /* overflow: hidden; */
    font-size: 14px !important;
    font-weight: normal;
    text-decoration: none;
    display: inline;
}
#panel-example .buy,
#panel-discussion .buy,
#panel-judgment .buy {
    font-size: 0.9em !important;
    color: #FFF !important;
    text-decoration: none;
    margin-top: 3%;
    margin-left: 1%;
    font-weight: bold;
    background-color:#ae1f25;
    border-radius: 0.5em;
    padding: 0.2em 0.8em;
}
#panel-example .buy a,
#panel-discussion .buy a,
#panel-judgment .buy a {
    color: #FFF !important;
}
#panel-example .detail,
#panel-discussion .detail,
#panel-judgment .detail {
    font-size: 0.75em !important;
    color: #FFF !important;
    text-decoration: none;
    margin-left: 3%;
    margin-bottom: 5%;
    font-weight: bold;
    background-color:#ae1f25;
    border-radius: 0.5em;
    padding: 0.2em 0.8em;
}
#panel-example .Sign,
#panel-discussion .Sign,
#panel-judgment .Sign {
    font-size: 0.7em !important;
    color: #FFF !important;
    text-decoration: none;
    margin-left: 1%;
    font-weight: bold;
    background-color: #e22319;
    border-radius: 0.5em;
    padding: 0.2em 0.8em;
}
#panel-example .Sign a,
#panel-discussion .Sign a,
#panel-judgment .Sign a {
    color: #FFF !important;
}
#panel-example .memo,
#panel-discussion .memo,
#panel-judgment .memo {
    width: 100%;
    background: linear-gradient(to left, #c6aa72 5% ,#e8981d 75%);
    font-size: 1.0em;
    line-height: 1.5em;
    text-align: center;
    color: #FFF;
    padding: 15px 0;
}
#panel-example .memo p,
#panel-discussion .memo p,
#panel-judgment .memo p {
    line-height: 1.2em;
    text-align: left;
    color: #000;
    padding-left: 40px;
    padding-right: 20px;
    text-indent:-1em;
    text-align:justify;
}
#panel-example .memo a,
#panel-discussion .memo a,
#panel-judgment .memo a {
    color: #FFF;
}
#panel-example .memo a:hover,
#panel-discussion .memo a:hover,
#panel-judgment .memo a:hover {
    font-size: 1.0em;
    color: #a97f40;
    text-decoration: none;
    position: relative;
    left: 2px;
    top: -2px;
}
#panel-example .sale,
#panel-discussion .sale,
#panel-judgment .sale {
    width: 100%;
    background-color: #e22319;
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: center;
    color: #FFF;
    padding: 15px 0;
}
#panel-example .sale .title,
#panel-discussion .sale .title,
#panel-judgment .sale .title {
    font-size: 1.2em;
    line-height: 1.5em;
    color: #e0c39e;
    padding: 10px 0;
}
#panel-example .sale .s,
#panel-discussion .sale .s,
#panel-judgment .sale .s {
    font-size: 0.7em;
    color: #fff;
}
#panel-example .sale p,
#panel-discussion .sale p,
#panel-judgment .sale p {
    font-size: 1em;
    /*line-height: 0.5em;*/
    color: #FFF;
    background-color: #e22319;
    padding-top: 5px;
    text-align: left;
    margin: 0 20%;
}
#panel-example .sale p a,
#panel-discussion .sale p a,
#panel-judgment .sale p a {
    color: #000;
    text-decoration: none;
}
#panel-example .sale p :hover,
#panel-discussion .sale p :hover,
#panel-judgment .sale p :hover {
    color: #fff000;
    text-decoration: underline;
    transition: 0.2s;
}
#panel-example .red,
#panel-discussion .red,
#panel-judgment .red {
    color: #900;
}
#panel-example .navlink,
#panel-discussion .navlink,
#panel-judgment .navlink {
    width:100%;margin: 5% auto 2%;text-align:center;font-size:1.25em
}
#panel-example .navlink a,
#panel-discussion .navlink a,
#panel-judgment .navlink a {
    color:#FFF;background:#b9a081;padding:.5% 2%;text-decoration:none;border-radius:.5em;font-weight:700;margin-right: 4%;
}
#panel-example .navlink a:hover,
#panel-discussion .navlink a:hover,
#panel-judgment .navlink a:hover {
    background:#66533c;
}
#panel-example .more2,
#panel-discussion .more2,
#panel-judgment .more2 {
    width: 100%;
    /*max-width: 900px;*/
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #900;
    clear: both;
    float: none;
    padding-right: 10%;
    padding-left: 10%;
}
#panel-example .more2 p,
#panel-discussion .more2 p,
#panel-judgment .more2 p {
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#panel-example .more2 p a,
#panel-discussion .more2 p a,
#panel-judgment .more2 p a {
    color: #FF0;
    text-align: center;
    text-decoration: none;
}
#panel-example .more2 p a:hover,
#panel-discussion .more2 p a:hover,
#panel-judgment .more2 p a:hover {
    font-size: 19px;
    color: #FF0;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}
/* 解析度  768px 以下 */
@media screen and (max-width:768px) {
    #panel-example #banner h1,
#panel-discussion #banner h1,
#panel-judgment #banner h1 {
        top:inherit;
        bottom: -8%;
        left: 28%;
        font-size: 2em;
        color: #163e72;
        position: absolute;
    }
    #panel-example #banner h1 .sh,
#panel-discussion #banner h1 .sh,
#panel-judgment #banner h1 .sh {
        font-size: 0.6em;
        color: #07a2b6;
        position: absolute;
        width:2em;
        line-height: 1.1em;
        margin-top: 0;
        margin-left: 0.2em;
    }
    #panel-example .list_mg_img,
#panel-discussion .list_mg_img,
#panel-judgment .list_mg_img {
        width: 50%;
        margin: 0 25%;
        float: none;
        text-align: center;
    }
    #panel-example .list_mg_detial,
#panel-discussion .list_mg_detial,
#panel-judgment .list_mg_detial {
        float: none;
        width: 90%;
        margin: 0px;
        padding-top: 0px;
        padding-right: 5%;
        padding-bottom: 0px;
        padding-left: 5%;
    }
    #panel-example #nav,
#panel-discussion #nav,
#panel-judgment #nav {
        background-size: 100%;
        background-repeat: round;
    }
    #panel-example #nav a.a1,
#panel-discussion #nav a.a1,
#panel-judgment #nav a.a1,
#panel-example #nav a.a2,
#panel-discussion #nav a.a2,
#panel-judgment #nav a.a2 {
        letter-spacing: normal;
        font-size: 15px;
    }
}
@media screen and (max-width:560px) {
    #panel-example #content ul.list4_2 li,
#panel-discussion #content ul.list4_2 li,
#panel-judgment #content ul.list4_2 li {
        width: 98%;
        margin: 2% 1%;
        background-color: #fff9f4;
    }
    #panel-example #content ul.list4_2 li a,
#panel-discussion #content ul.list4_2 li a,
#panel-judgment #content ul.list4_2 li a {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    #panel-example #content ul.list4_2 li .move_box,
#panel-discussion #content ul.list4_2 li .move_box,
#panel-judgment #content ul.list4_2 li .move_box {
        width:100%; height:auto;
    }
    #panel-example #content ul.list4_2 li .img_0,
#panel-discussion #content ul.list4_2 li .img_0,
#panel-judgment #content ul.list4_2 li .img_0 {
        max-width:100%; height:auto;
    }
    #panel-example #nav,
#panel-discussion #nav,
#panel-judgment #nav {
        background-image: none;
    }
    #panel-example #nav a.a1,
#panel-discussion #nav a.a1,
#panel-judgment #nav a.a1 {
        border: 1px solid #761973;
        background-color: #fff;
    }
    #panel-example #nav a.a2,
#panel-discussion #nav a.a2,
#panel-judgment #nav a.a2 {
        border: 1px solid #fff;
        background-color: #620f5f;
    }
}
@media screen and (max-width:480px) {
    #panel-example #nav ul li,
#panel-discussion #nav ul li,
#panel-judgment #nav ul li {
        width: 33%;
        float: left;
        display: flex;
        align-items: center;
    }
}
@media screen and (max-width:360px) {
    #panel-example #banner h1,
#panel-discussion #banner h1,
#panel-judgment #banner h1 {
        bottom: 0;
    }
    #panel-example #banner h1 .sh,
#panel-discussion #banner h1 .sh,
#panel-judgment #banner h1 .sh {
        display: block;width: auto;
    }
    #panel-example #banner h2,
#panel-discussion #banner h2,
#panel-judgment #banner h2 {
        top: 84%;
        right: 6%;
        font-size: 0.9em;
        color: #544845;
        position: absolute;
    }
    #panel-example .sale .s,
#panel-discussion .sale .s,
#panel-judgment .sale .s {
        display: none;
    }
    #panel-example .sale p,
#panel-discussion .sale p,
#panel-judgment .sale p {
        margin: 3% auto;width: 90%;
    }
    #panel-example #content td a,
#panel-discussion #content td a,
#panel-judgment #content td a {
        display: inline;
    }
    #panel-example #content table .txt,
#panel-discussion #content table .txt,
#panel-judgment #content table .txt,
#panel-example #content table .txt-R,
#panel-discussion #content table .txt-R,
#panel-judgment #content table .txt-R {
        padding: 1% 2%;width: 13%;
    }
    #panel-example #content table span,
#panel-discussion #content table span,
#panel-judgment #content table span {
        display: inline;
    }
    #panel-example #content table .list,
#panel-discussion #content table .list,
#panel-judgment #content table .list {
        width: 10%!important; /*display: none;*/
    }
    #panel-example #content ul:nth-last-of-type(1) table .list,
#panel-discussion #content ul:nth-last-of-type(1) table .list,
#panel-judgment #content ul:nth-last-of-type(1) table .list {
        width: 20%!important;
    }
    #panel-example #content ul:nth-last-of-type(1) table .txt,
#panel-discussion #content ul:nth-last-of-type(1) table .txt,
#panel-judgment #content ul:nth-last-of-type(1) table .txt {
        width: 20%!important;
    }
    #panel-example #content ul:nth-last-of-type(1) table .txt-R,
#panel-discussion #content ul:nth-last-of-type(1) table .txt-R,
#panel-judgment #content ul:nth-last-of-type(1) table .txt-R {
        width: 49%!important;
    }
    #panel-example #content ul:nth-last-of-type(1) table .txt-R br,
#panel-discussion #content ul:nth-last-of-type(1) table .txt-R br,
#panel-judgment #content ul:nth-last-of-type(1) table .txt-R br {
        display:inline;
    }
    #panel-example #content table .list img,
#panel-discussion #content table .list img,
#panel-judgment #content table .list img {
        width: 70%; height: auto;
    }
    #panel-example #content h3:before,
#panel-discussion #content h3:before,
#panel-judgment #content h3:before {
        left: -50px;
    }
    #panel-example #content table .date,
#panel-discussion #content table .date,
#panel-judgment #content table .date,
#panel-example #content table .txt,
#panel-discussion #content table .txt,
#panel-judgment #content table .txt {
        font-size: 0.8em;
    }
    #panel-example #content table .class_date,
#panel-discussion #content table .class_date,
#panel-judgment #content table .class_date {
        font-size: 0.6em;
    }
    #panel-example .hidden_m,
#panel-discussion .hidden_m,
#panel-judgment .hidden_m {
        display: none;
    }
    #panel-example #content ul li p:first-child,
#panel-discussion #content ul li p:first-child,
#panel-judgment #content ul li p:first-child {
        width: 100%;
        color: white;
        background: linear-gradient(right,#842626 0%,#96120b 60%);
        background: -moz-linear-gradient(right,#842626 0%,#96120b 60%);
        background: -webkit-linear-gradient(right,#842626 0%,#96120b 60%);
        margin: 2% 0;
    }
    #panel-example #content ul li p:last-child,
#panel-discussion #content ul li p:last-child,
#panel-judgment #content ul li p:last-child {
        width: 100%;
    }
    #panel-example #content ol li:nth-child(even),
#panel-discussion #content ol li:nth-child(even),
#panel-judgment #content ol li:nth-child(even) {
        clear: right;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        width: 47%;
    }
    #panel-example #content ol li:nth-child(odd),
#panel-discussion #content ol li:nth-child(odd),
#panel-judgment #content ol li:nth-child(odd) {
        border-right-width: 1px;
        border-top-style: none;
        border-right-style: dashed;
        border-right-color: #CCC;
        border-bottom-style: none;
        border-left-style: none;
        clear: left;
        width: 47%;
    }
    #panel-example #content ol li:nth-child(1),
#panel-discussion #content ol li:nth-child(1),
#panel-judgment #content ol li:nth-child(1) {
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #CCC;
    }
    #panel-example #content ol li:nth-child(2),
#panel-discussion #content ol li:nth-child(2),
#panel-judgment #content ol li:nth-child(2) {
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #CCC;
    }
    #panel-example #content h6 a,
#panel-discussion #content h6 a,
#panel-judgment #content h6 a {
        width: 25%;
        padding-right: 3%;
        padding-left: 3%;
        padding-top: 2%;
        padding-bottom: 2%;
        margin-left: 1%;
    }
    #panel-example h1 img,
#panel-discussion h1 img,
#panel-judgment h1 img {
        height: auto;
        width: 100%;
    }
}
@media (min-width:768px) and (max-width:1199px) {
    #panel-example #banner h1,
#panel-discussion #banner h1,
#panel-judgment #banner h1 {
        font-size: 3.3em;top: inherit;bottom: -5%;
    }
}


/* =========================================================
   05. B版個別覆寫
   ========================================================= */

/* 實例鑑試：個別調整 */
#panel-example #header-share {
    text-align: center;
    width: 900px;
}


/* =========================================================
   06. B版 note 修正
   ========================================================= */

#panel-discussion .note,
    #panel-discussion .note ul,
    #panel-discussion .note li,
    #panel-example .note,
    #panel-example .note ul,
    #panel-example .note li,
    #panel-judgment .note,
    #panel-judgment .note ul,
    #panel-judgment .note li {
      list-style: none;
    }

    #panel-discussion .note ul,
    #panel-example .note ul,
    #panel-judgment .note ul {
      padding-left: 0;
      margin-left: 0;
    }


/* =========================================================
   07. 主選單 TAB RWD
   ========================================================= */

@media screen and (max-width: 768px) {
      /*.case-tabs {
        width: 100%;
        gap: 0;
        overflow: visible;
        justify-content: space-between;
      }*/
      .case-tabs {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        gap: 0;
        overflow: visible;
    }

      /*.case-tab {
        flex: 1 1 20%;
        min-width: 0;
        padding: 10px 2px;
        font-size: 15px;
        line-height: 1.3;
        text-align: center;
        white-space: normal;
        word-break: keep-all;
        box-sizing: border-box;
        font-weight: normal;
      }*/
      .case-tab {
        flex: 0 0 33.333%;
        min-width: 0;
        padding: 12px 2px;
        font-size: 15px;
        white-space: nowrap;
        box-sizing: border-box;
        text-align: center;
    }

    /* 最後兩個平均分第二排 */
    .case-tab:nth-child(4),
    .case-tab:nth-child(5) {
        flex-basis: 50%;
    }

      .case-tab.active::after {
        left: 20%;
        right: 20%;
      }
    }