@media screen and (min-width: 640px) and (max-width: 1320px) {
    .catList li a:link,
    .catList li a:visited{
       padding:6px 10px;
    }
    .catList li a strong{
       font: bold 20px/1 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    }
    .catList li a strong:before,
    .catList li a strong:after{
        vertical-align: 0;
        width:14px;
        height: 14px;
    }
    #moBtn {
        display: block;
    }
    .navList {
        padding: 8px;
    }
    .navList li {
        display: block;
    }
    .navList li>a,
    .navList li>strong {
        font: normal 18px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
        padding: 8px 8px;
        display: block;
        border: 0;
        text-align: left;
        border-bottom: 1px dotted #5e019b;
    }
    .navList li>.subNav {
        list-style: none;
        position: relative;
        z-index: 1;
        left: 0;
        top: 0;
        margin-top: 0;
        background-color: transparent;
        padding: 0 15px 15px;
        display: block;
        border: 0;
    }
    .navList li>.subNav>li>a {
        border: 0;
        color:#fff;
        font: normal 13px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
        padding: 10px;
        margin: 0 auto;
        text-align: left;
        display: block;
    }
    .ancArea ul:before,.ancArea ul:after{
        content:'«';
        color:#69c9e9;
        font-size:16px;
        line-height: 1.4;
        vertical-align: middle;
    }
    .ancArea ul:after{
        content:'»';
    }
}

@media screen and (max-width: 639px) {
    .catList li a:link,
    .catList li a:visited{
       padding:6px;
    }
    .catList li a strong{
       font: bold 15px/1 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    }
    .catList li a strong:before,
    .catList li a strong:after{
        vertical-align: 2px;
        width:8px;
        height: 8px;
    }
    #moBtn {
        display: block;
    }
    .navList {
        padding: 8px;
    }
    .navList li {
        display: block;
    }
    .navList li>a,
    .navList li>strong {
        font: normal 18px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
        padding: 8px 8px;
        display: block;
        border: 0;
        text-align: left;
        border-bottom: 1px dotted #5e019b;
    }
    .navList li>.subNav {
        list-style: none;
        position: relative;
        z-index: 1;
        left: 0;
        top: 0;
        margin-top: 0;
        background-color: transparent;
        padding: 0 15px 15px;
        display: block;
        border: 0;
    }
    .navList li>.subNav>li>a {
        border: 0;
        color:#fff;
        font: normal 20px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
        padding: 10px;
        margin: 0 auto;
        text-align: left;
    }
    .ancArea ul:before,.ancArea ul:after{
        content:'';
        display:inline-block;
        width:24px;
        height: 24px;
        line-height: 1.4;
        vertical-align: middle;
        background:url(../img/aw2.png) left top no-repeat;
    }
    .ancArea ul:after{
        background:url(../img/aw2.png) right top no-repeat;
    }
}