@import url(content.css);
    
* {
margin: 0;
outline: 0;
padding: 0; }
body { font-size:13px; font-family: Thonburi, Tahoma, Arial; background:#fbfbfb; font-size: 13px;}

.cufon-loading {visibility: hidden;}
p {line-height: 18px; color:#333;}
a {text-decoration: none; color:#66a02d; font-weight: bold;}
a:hover {text-decoration: underline; }

fieldset, img {border: 0; vertical-align: middle; }
ul li {list-style: none; }

article, aside, footer, header, hgroup, nav, section {display: block; }

.viewall {float: right;}
.viewall a {background:#333; color:#fff; font-size: 11px; padding: 5px 10px;}

/*header*/
header {width: 100%; position: relative; top: 50px; left:0; background: #8dc64d;height: 101px; }
header h1 {width: 223px; height: 96px; margin: 0 auto; padding-top: 5px;}

/*nav*/
nav {width:100%; background: #000; position: relative; top: -101px; left: 0; height: 50px;}
nav ul {width: 960px; margin: 0 auto;}
nav>ul>li {float: left;  position: relative; height: 50px;}
nav>ul>li:hover,nav>ul>li.active {background: #323232;}
nav>ul>li.active a {color:#fff;}
nav ul a{font-size: 20px; color:#999; line-height: 45px; padding: 0 32px 14px;  height: 42px; cursor: pointer;}
nav ul ul{position: absolute; left: 0; top: 50px; display: none;}
nav ul ul li {border-top: 1px solid #999; background:#323232;}
nav>ul>.activity,nav>ul>.activity ul li{width: 144px;}
nav>ul>.gallery,nav>ul>.gallery ul li {width: 115px;}
nav>ul>.activity:hover ul,
nav>ul>.gallery:hover ul {display:block;}
nav>ul>.activity ul li:hover,nav>ul>.gallery ul li:hover {background: #1b1b1b;}
nav>ul>.activity ul li a,nav>ul>.gallery ul li a {font-size: 18px; color:#fff; line-height: 35px; padding: 0 29px; display: block;}
nav ul span {background: url(../img/bg/hp.png) no-repeat 29px -748px; text-indent: -9999px; display:block; height: 50px;}
nav ul .gallery span {background-position: 28px -808px;}
nav ul li:hover span,
nav ul .activity.active span{background-position: 29px -615px; cursor: pointer;}
nav ul .gallery:hover span,
nav ul .gallery.active span{background-position: 30px -675px;cursor: pointer;}

#content {width: 940px; margin: 0 auto; padding: 10px;  }
#two-col {width: 940px; background: url(../img/bg/bg-col.gif) repeat-y 629px 0; margin: 10px 0 0; overflow: hidden;position: relative; z-index: 1;}
#two-col #left-col {width: 620px; float: left;}
#two-col aside {width: 300px; float: right;}

footer {width: 100%;clear: both; background:#000; padding: 25px 0 40px; }
footer p {width: 940px; margin: 0 auto;color:#999; font-size: 16px; overflow: hidden; height: 25px;}
footer a {color:#999; float: left; display: block;padding: 0 6px; border-right: 1px solid #333; }
body footer .sp-light .last {border: none; padding: 0 15px 0 6px;}
footer a span {display: block; }
footer a:last-child {border: none;}
footer a:hover span{border-bottom: 1px solid #999;}
footer .sp-light {padding: 15px 0 0}
footer .sp-light a {padding: 0 10px; font-size: 17px;}
footer .header {float: left;}

aside>div{padding: 0 0 20px;}
/*global header*/
.hp-list .sp-hd {font-size: 23px; color: #66a02d; border-bottom: 3px solid #e2e2e2;}
.hp-list .sp-hd span {color: #e0001b;}
.sub-list .hp-list .sp-hd {font-size: 26px;}
/*global list*/
.hp-list {width: 620px; overflow: hidden;}
.hp-list article{width: 620px; overflow: hidden; float: left; padding: 15px 0;border-bottom: 1px solid #e2e2e2; line-height: 24px;}
.homepage .hp-list article.last,
.sub-list .hp-list article.last {border: none;}
.hp-list article .thumbnail {width: 140px; float: left; }
.hp-list article .detail {float: right; width: 470px;}
.hp-list article .detail h3 a,.hp-list article .detail h2 a{font-size: 15px;}
.hp-list article .date {color:#999; font-size: 12px;}
.hp-list article p {padding: 5px 0 0;}
.hp-list .viewall {border: none; padding: 10px 0;}
/*pagination*/
.page-navigation {width: 620px; text-align: center; padding: 50px 0; clear: both;}
.page-navigation .pagenum,body .page-navigation .current:hover{border: 1px solid #ccc;padding: 1px 5px; margin: 0 5px 0 0; background:#fff;}
.page-navigation .pagenum:hover,
body .page-navigation .controller:hover{background: #81bd26; border: 1px solid #81bd26; color: #333; text-decoration: none;}
.page-navigation .current,body .page-navigation .current:hover {text-decoration: underline;}
.page-navigation .controller {color: #333; font-weight: bold; font-size: 15px; border: 1px solid #f0f0f0; padding: 1px 5px; margin: 0 5px 0 0;}
body .page-navigation .controller a{color:#333;}
.page-navigation .controller.disable,.page-navigation .controller.disable:hover {color:#d8d5d5;}
.page-navigation .controller.disable:hover {background: none; border: 1px solid #f0f0f0;}
.page-navigation .ctrl-page {padding: 0 5px;}
.page-navigation .ctrl-page a {text-decoration: underline;}
.page-navigation .ctrl-page a:hover,
body .page-navigation .controller a:hover {text-decoration: none;}

footer p.truehits { text-align: center; margin: 10px auto 0;}
footer p.truehits a { float: none;}