@media screen and (min-width: 640px) and (max-width: 799px) {
    #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 solid #18a787;
    }
    .navList li>.subNav {
        list-style: none;
        position: relative;
        z-index: 1;
        left: 0;
        top: 0;
        margin-top: 0;
        background-color: none;
        padding: 0 15px 15px;
        display: block;
        border: 0;
        background-color: #141e3e;
    }
    .navList li>.subNav>li>a {
        border: 0;
        font: normal 13px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
        padding: 10px;
        margin: 0 auto;
        text-align: left;
        border-bottom: 1px dotted #18a787;
        display: block;
    }
    .ancArea ul:before,.ancArea ul:after{
        content:'«';
        color:#18a787;
        font-size:16px;
        line-height: 1.4;
        vertical-align: middle;
    }
    .ancArea ul:after{
        content:'»';
    }
}

@media screen and (max-width: 639px) {
    #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 solid #1c6089;
    }
    .navList li>.subNav {
        list-style: none;
        position: relative;
        z-index: 1;
        left: 0;
        top: 0;
        margin-top: 0;
        background-color: none;
        padding: 0 15px 15px;
        display: block;
        border: 0;
        background-color: #141e3e;
    }
    .navList li>.subNav>li>a {
        border: 0;
        font: normal 16px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
        padding: 10px;
        margin: 0 auto;
        text-align: left;
        border-bottom: 1px dotted #1c6089;
    }
    .navList li>.subNav>li>a>span{
        display: inline-block;
        font-size: 16px;
    }
    .ancArea ul:before,.ancArea ul:after{
        content:'«';
        color:#69c9e9;
        font-size:16px;
        line-height: 1.4;
        vertical-align: middle;
    }
    .ancArea ul:after{
        content:'»';
    }
}