* {margin: 0; padding: 0; box-sizing: border-box}
body {font-family: Airal, Tahoma, serif, Times New Roman; font-size: 15px}
.clear {clear: both}
.logo, .description {text-decoration: none; color: #00796b}

.wrapper {width: 1200px; margin: auto}
.header, .topNav, .body, .footer {width: 100%}

.header {padding: 10px 0}
.headerL, .headerR {width: 50%; float: left}
.headerR {text-align: right}

#searchBox {float: right; border: solid thin #00796b; width: 350px; height: 30px; border-radius: 2px}
#searchInput {border: none; width: 80%; height: 28px; padding: 0 10px}
#searchButton {border: none; background: #00796b; color: #FFF; width: 20%; height: 28px; cursor: pointer}

.topNav {background: #00796b; border-radius: 2px; margin-bottom: 10px}

.bodyL, .bodyC, .bodyR {width: 55%; float: left}
.bodyL {width: 20%; padding: 10px 0 0 0}
.bodyC {padding: 10px}
.bodyR {width: 25%; padding: 10px 0 0 10px}

#vMenu {list-style-type: none; height: 100%}
#vMenu li {border-bottom: solid thin #EEE; position: relative}
#vMenu li a {display: block; padding: 8px 0; color: #333; text-decoration: none}
#vMenu li a:hover {color: #008000}
#vMenu img {max-height: 20px; margin-right: 10px}
#vMenu span {position: absolute; top: 10px}

.bodyR a {color: #2a2a2a; font-size: 14px; text-decoration: none}
.bodyR img {max-width: 100px; height: auto; float: left; margin-right: 10px; border-radius: 2px}
.bodyR a:hover {color: #008000}

.listArticle {width: 100%; padding: 15px 5px; margin-bottom: 20px; border-bottom: solid thin #CCC; font-size: 14px}
.listArticleL {width: 30%; float: left}
.listArticleR {width: 70%; float: left; padding-left: 10px}
.listArticleL img {max-width: 100%; height: auto; border-radius: 2px}
.listArticleR p {margin-bottom: 10px}
.listArticleR a {font-size: 20px; color: #333; text-decoration: none}
.listArticleR a:hover {color: #008000}

.highLightName {width: 100%; font-size: 18px; border-bottom: solid thin #999; padding-bottom: 10px; margin-bottom: 10px; color: #00796b}
.highLightList {width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid thin #EEE}

.blockBreadcrum {width: 100%; color: #999; padding: 10px 5px; border-top: solid thin #EEE; border-bottom: solid thin #EEE}
.blockBreadcrum a {color: #008000; text-decoration: none}
.blockBreadcrum a:hover {color: #C00}

.blockCatDes {width: 100%; font-size: 14px; padding: 10px; border: solid thin #EEE; border-radius: 5px; margin-top: 10px}

.blockContent {width: 100%; padding: 5px; margin-bottom: 10px}
.blockContent a {color: #008000; text-decoration: none}
.blockContent a:hover {color: #C00; text-decoration: underline}
.blockContent img {max-width: 100%; height: auto; text-align: center; border-radius: 2px}

.articleCommon {width: 100%; margin-bottom: 20px}
.articleTitle {font-size: 24px; color: #333}
.articleIntro {font-size: 16px; color: #333}
.articleThumb {text-align: center}
.articleThumb figcaption {font-size: 13px; font-style: italic}
.articleContent {text-align: justify-all}
.articleContent p {margin: 16px 0}
.articleContent figure {margin: 25px 0; text-align: center}
.articleContent figcaption {text-align: center; font-size: 13px; font-style: italic; margin-top: 10px}
.articleExtra {font-size: 12px; border-top: solid thin #DDD; padding-top: 10px}
.articleTag {text-align: left}
.tag {background: #DDD; font-size: 12px; padding: 3px; border-radius: 2px; display: inline-block; margin-bottom: 5px}

.blockNO {width: 100%; margin-bottom: 10px}
.blockNO p {font-weight: bold; margin-bottom: 5px}
.blockNO a {color: #008000; text-decoration: none; display: inline-block; margin-bottom: 5px}
.blockNO a:hover {color: #C00}

.blockSubCat {width: 100%; padding: 15px 5px; margin-bottom: 50px}
.listSubCat {width: 50%; float: left; margin-bottom: 10px}
.listSubCat a {text-decoration: none; font-size: 16px; color: #333}
.listSubCat a:hover {color: #008000}

.blockPagination {width: 100%; margin-bottom: 20px; text-align: center}
.blockPagination a {display: inline-block; text-decoration: none; color: #111; border: solid thin #CCC; padding: 5px; border-radius: 2px}
.blockPagination a:hover {color: #008000}

.footer {border-top: solid thin #EEE; color: #666; padding: 20px 0; text-align: center}
.footer a {font-weight: bold; text-decoration: none; color: #999}
/**/
#hMenu {list-style: none; font-size: 17px}
#hMenu li {float: left; border-right: dotted thin #CCC; cursor: pointer}
#hMenu > li:last-child {display: none; border: none}
#hMenu > li:nth-last-child(2) {border: none}
#hMenu li a {display: block; color: #FFF; padding: 10px; text-decoration: none}
#hMenu li a:hover {color: #FF0}
/**/
#vMenuMB {list-style: none; display: none}
#vMenuMB > li {float: none; border: none}
/**/
@media (max-width: 600px){
    .wrapper {width: 100%}
    .headerL, .headerR {width: 100%; text-align: center}
    #searchBox {float: none; margin: auto}
    .bodyC {width: 100%}
    .bodyL, .bodyR {display: none}
    /**/
    #hMenu > li {display: none}
    #hMenu > li:last-child {display: inherit}
}