@import 'reset.css';
@import 'menu_top.css';
@import 'dialog.css';
@import 'mobile.css';

body {font-family: Arial, Tahoma; font-size: 14px; line-height: 1.5; overflow-x: hidden;}
a {color: #2f2c36; text-decoration: none;}
a:hover {color: #ff0000;}
input, textarea, select, button {font-size: 14px;}
input[type="submit"], input[type="button"] {background-color: #7EAA0F; color: #fff; border: none; padding: 6px 20px; cursor: pointer;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
	min-height: 28px;
}
input[type="submit"]:hover, input[type="button"]:hover {background-color: #73880a;}

img {max-width: 100% !important;}

.fixed {position:fixed; top:0px;}
.autohide, .hidden {display: none;}
.container {width: 1170px; margin: 0 auto; overflow: hidden;}
header {width: 100%; height: 90px; background-color: #dad2c1; padding: 5px 0;}

.top-nav {text-align: right;}
.top-nav a {display: inline-block; padding: 0 10px; color: #585858;}
.top-nav a:last-child {padding-right: 0;}
.sitename {height: 55px;}
/* .sitename h2 {font-size: 24px; font-weight: bold; color: #606060;} */
.sitename p.logo img {margin-top: -10px; width: auto; height: auto; max-height: 60px;}
.sitename p.slogan {color: #585858; font-size: 16px; padding: 10px 0 0 90px;}
.sitedate {display: block; position: relative; right: 0; bottom: 12px; color: #808080; text-align: right;}
.clear {clear: both;}


/* -------------- Pagination Begin ------------- */
.pageNav {clear: both; text-align: right;}
.pageLang {display: inline-block; border: #E0E0E0 1px solid; background-color: #F0F0F0; padding: 2px 6px;}
.pageBox, .pageBoxB, .pageNext {display: inline-block; border: #D0D0D0 solid 1px; padding: 2px 6px; margin-left: 2px; cursor: pointer;}
.pageBoxB {background-color: #e5e696; border: #959502 solid 1px;}
.pageBox:hover, .pageNext:hover, .pageBoxB:hover {background-color: #e5e696; border: #959502 solid 1px;}

.pageList {text-align: center;}
.pageList input {background:url(../images/bg_button.jpg) repeat-x; min-width: 30px; height:23px; border:1px #bec0c1 solid; color: #585858; font-weight:bold; padding: 4px 5px 4px 5px;}
.pageList select {width: 390px; margin: 0 5px;}
/* -------------- Pagination End -------------- */


/* --------------  Main body Begin -------------*/
main {clear: both; padding-top: 20px; width: 1170px; margin: 0 auto; overflow: hidden;}
main h1 {font-size: 22px; margin: 25px 0 5px 0;}

h1.catNav, h2.catNav {padding: 4px 0 6px 0; border-bottom: #80c217 3px solid; font-size: 18px; margin: 0 0 12px 0;}
h1.catNav a, h2.catNav a {font-size: 18px;}
.textbody {font-size: 14px; text-align: justify;}
.textbody p, .textbody div {padding: 6px 0;}
.textbody td {padding: 3px 5px;}
.textbody td.top {vertical-align: top;}
.textbody img {max-width: 100% !important; margin: 10px !important;}

.imgAttach {text-align: center; margin: auto; padding: 0;}
.imgAttach .imgDesc {font-size: 14px; color: #FF00FF; padding: 0; margin-top: 2px;}

.date {color: #808080;}

.effectBox {height: 305px; margin-bottom: 15px;}
.latestNews {width: 320px; height: 300px; float: left; margin-left: 5px; border: #E0E0E0 1px solid; overflow: hidden;}
.latestNews a {display: block; padding: 3.2px 0 3.2px 15px;
	background-image: url(../images/dot.jpg);
	background-position: left 9px;
	background-repeat: no-repeat;
}

.contact {width: 550px;}
.contact input {width: 75%;}
.contact textarea {width: 100%;}

/* ---------- Ads ---------- */
.adsCalendar {float: right; margin: 11px 1px 0 0; width: 258px; height: 82px; overflow: hidden; text-align: center; background-color: #F0F0F0; border: none;}
.adsCalendar img {width: 100%; height: 100%;}
.adsCalendarBody {display: block; width:100%; height: 100%;}
.adsBottom {text-align: center;}
.adsBottom img {margin: 5px;}
.adsArticle {text-align: center;}
.adsArticle img {margin: 5px;}
.adsSideColumn {width: 100%; text-align: center;}
.adsSideColumn p {margin-bottom: 10px;}
.adsSideColumn p img {width: 100%;}
/* ------------------------- */

.mainCol {clear: both; float: left;
    width: -moz-calc(100% - 320px);
    width: -webkit-calc(100% - 320px);
    width: calc(100% - 320px);
}
.mainCol1 {clear: both; float: left;
    width: -moz-calc(100% - 580px);
    width: -webkit-calc(100% - 580px);
    width: calc(100% - 580px);
}
.rightCol {float: right; width: 300px;}
.rightCol1 {float: left; width: 250px; margin-left: 15px;}

.category {clear: both; margin-bottom: 20px;}
/* Category Navigation */
.category ul { display: block; width: 100%; height: 32px; background-color: #E0E0E0; overflow: hidden; margin-bottom: 10px; border-radius: 5px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.category ul:hover {background-color: #d1cfcf; color: #fff;}
.category ul:hover > li.active {background-color: #fceabb;}

.category ul li {display: inline-block;}
.category ul li a {display: block; color: #585858; line-height: 26px; padding: 3px 10px;}
.category ul li.active {background-color: #F0F0F0; border-top-left-radius: 5px; border-top-right-radius: 5px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.category ul li.active h2 a {font-size: 15px; font-weight: bold; padding: 3px 20px;}
/* Category top article */
.category article {display: block; float: left; width: 57%;}
.category article h3 {margin-bottom: 7px; font-size: 16px; color: #000;}
.category article h3 a {color: #000;}
.category article h3 a:hover {color: #58477a;}
.category article img {width: 180px; max-height: 300px; float: left; margin: 0 10px 5px 0;}
/* Category next articles */
.category div {display: block; float: left; width: 40%; margin-left: 3%; margin-top: 17px;}
.category div a {display: block; padding: 2px 0 2px 12px; background: url(../images/row.jpg) left 8px no-repeat; }

.box1 {}
.box1 h2 a, .box1 h2 span {
	display: block; color: #fff; padding: 5px 10px; background-color: #6e7774; border-radius: 3px; line-height: 22px; color: #fff; font-size: 13px; text-transform: uppercase; margin-bottom: 8px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.box1 h2 a:hover, .box1 h2 span:hover {background-color: #a8a9a9;}

.box_title {display: block; text-align: center;}
.box_title a {font-weight: bold;}

.box2 {}
.box2 h2 a, .box2 h2 span {
	display: block; color: #fff; padding: 5px 10px; background-color: #6e7774; border-top-left-radius: 3px; border-top-right-radius: 3px; line-height: 22px; color: #fff; font-size: 13px; text-transform: uppercase;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.box2 h2 a:hover, .box2 h2 span:hover {background-color: #a8a9a9;}
.box2 .boxcontent {padding: 15px 20px; background-color: #F9F9F9; border-left: #D0D0D0 1px solid; border-bottom: #D0D0D0 1px solid; border-right: #D0D0D0 1px solid; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.box2 input[type="text"], .box2 select {display: block; width: 100%; margin: 5px 0;}
.box2 .btn {text-align: center; margin-top: 15px;}

.box3 {margin-bottom: 15px;}
.box3 h3, .box1 h3 {
	display: block; color: #fff; padding: 5px 10px; background-color: #d8d8d8; border-top-left-radius: 3px; border-top-right-radius: 3px; line-height: 22px; color: #000; font-size: 13px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.box3 h3:hover, .box3 h3:hover {background-color: #c5bebe;}
.box3 div {padding: 10px 8px; background-color: #F9F9F9; border-left: #D0D0D0 1px solid; border-bottom: #D0D0D0 1px solid; border-right: #D0D0D0 1px solid; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.box3 div > span {display: block; padding: 2px 0 2px 12px; background: url(../images/row.jpg) left 8px no-repeat;}
.box3 div p > span {color: #808080; font-size: 13px;}
.box3 div p {display: block; padding: 6px 2px; border-bottom: #ACACAC 1px dotted;}
.box3 div p:first-child {padding-top: 2px;}
.box3 div p:last-child {padding-bottom: 2px; border-bottom: none;}

.boxMenu {}
.boxMenu h2 a, .boxMenu h2 span {
	display: block; color: #fff; padding: 5px 10px; background-color: #72aa00; border-top-left-radius: 3px; border-top-right-radius: 3px; line-height: 22px; color: #fff; font-size: 13px; text-transform: uppercase;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.boxMenu h2 a:hover, .boxMenu h2 span:hover {background-color: #8fc400;}
.boxMenu .boxcontent {padding: 0 10px; background-color: #E3FCDE; border-left: #a9db80 1px solid; border-bottom: #a9db80 1px solid; border-right: #a9db80 1px solid; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.boxMenu .boxcontent a {display: block; padding: 7px 0 7px 22px; background: url(../images/arrow.png) left 8px no-repeat; border-bottom: #C0C0C0 1px dotted;}
.boxMenu .boxcontent a:last-child {border-bottom: 0;}

.otherNews div {min-height: 258px;}

.pollTitle {font-weight: bold; color: #585858; padding-bottom: 10px;}

.topNews {width: 100%; margin-bottom: 12px;}
.topNews img {width: 100%; margin: 0; padding: 0;}
.topNews .content {background-color: #f6f6f6; padding: 10px 15px 15px 15px; margin: 0;}
.topNews .content h2 a {display: block; font-size: 20px; font-weight: bold; padding: 3px 0 10px 0;}

.normalNews {clear: both; overflow: auto; padding: 10px 0; border-bottom: #C0C0C0 1px dotted;}
.normalNews h3 {font-weight: bold; font-size: 15px; margin-bottom: 2px;}
.normalNews img {width: 180px; float: left; margin: 5px 15px 5px 0;}

.author {text-align: right; font-weight: bold;}

#Div_Gallery p {float: left; width: 18%; height: 100px; overflow: hidden; padding: 3px; background-color: #F9F9F9; border: #E0E0E0 1px solid; text-align: center; margin: 7px 1%;}
#Div_Gallery p:hover {border: #79B200 1px solid; background-color: #E8F9E5;}
#Div_Gallery p span {display: block; width: 100%; height: 100%; overflow: hidden;}
#Div_Gallery p img {width: 100%; height: auto; opacity: 0.8;
    -webkit-transition: all 0.8s ease; /* Safari and Chrome */
    -moz-transition: all 0.8s ease; /* Firefox */
    -o-transition: all 0.8s ease; /* IE 9 */
    -ms-transition: all 0.8s ease; /* Opera */
    transition: all 0.8s ease;
}
#Div_Gallery p img:hover {opacity: 1;
	-webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
}

.refresh, .refresh a {color: #585858;}

.nTitle {font-weight: bold; font-size: 16px;}
.archive img {display: inline; vertical-align: bottom; margin-bottom: 4px;}
.archive span {margin-left: 12px;}

ul.treecat {width: 50%; margin-left: 25%; overflow: hidden;}
ul.treecat li {padding: 3px 2px 3px 30px; background: url(../images/arrow2.gif) 7px 3px no-repeat; background-color: #FFF; border: #E0E0E0 1px solid; margin-bottom: 5px; border-radius: 3px; overflow: hidden;}
ul.treecat li:hover {background-color: #FFFFC0; border: #FF8080 1px solid;}
ul.treecat li a {display: block;}
ul.treecat li a:hover {text-decoration: none;}

ul.treenews {list-style-type: none;}
ul.treenews li {padding: 5px 3px 5px 10px; background-color: #FFF; border: #E0E0E0 1px solid; margin-bottom: 5px; border-radius: 3px;}
ul.treenews li:hover {background-color: #FFFFC0; border: #FF8080 1px solid;}
ul.treenews li a {display: block;}
ul.treenews li a:hover {text-decoration: none;}

.pageLine {height: 5px; border-bottom: #FF8080 2px solid;;}
.hits {color: #585858;}

.imgCode {width: 200px;}
.imgCode input {width: 100px;}
.imgCode img {height: 26px; padding: 2px; border: #ACACAC 1px solid; border-radius: 4px;}
.imgCode img:hover {border: #808000 1px solid;}
/* -------------- Main body End -------------*/

/* ----------- Bottom column Begin -----------*/
.bottomCol-1 {float: left;
    width: -moz-calc(100% - 265px);
    width: -webkit-calc(100% - 265px);
    width: calc(100% - 265px);
}
.bottomCol-2 {float: right; width: 250px;}

.pic {vertical-align: bottom;}
/* ------------ Bottom column End -----------*/


/* ------------- Rating Begin -----------*/
.ratingbar {clear: both; min-height: 26px; border-bottom: #FF8080 1px solid;}
.ratingbar .rating {float: left;}
.ratingbar .rating ul {list-style-type: none; float: left;}
.ratingbar .rating ul li {width: 22px; height: 22px; float: left; margin: 0px 2px; cursor: pointer;}
.ratingbar .rating ul.disabled li {cursor: default;}
.ratingbar .rating ul li.star_0 {background: url(../images/rating_0.png) top center no-repeat;}
.ratingbar .rating ul li.star_05 {background: url(../images/rating_0.5.png) top center no-repeat;}
.ratingbar .rating ul li.star_1 {background: url(../images/rating_1.png) top center no-repeat;}
.ratingbar .rating ul li.star_over {background: url(../images/rating_over.png) top center no-repeat;}
.ratingbar .rating_desc {float: left; padding: 5px 0 0 10px; color: #585858;}
.ratingbar .print {float: right; text-align: right;}
.ratingbar .print img {padding-left: 8px; height: 20px; vertical-align:text-bottom;}
.ratingbar .print span {display: block; float: left;}
.ratingbar .print a {text-decoration: none;}
.ratingbar .print a:hover {color: #FF0000;}
.msg {color: #ff0000;}
/* ------------- Rating End -----------*/

/* ------------- Gallery Begin ---------*/
.gallery {margin-top: 20px;}
.gallery h2 {font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.gallery li {float: left; width: 29%; height: 200px; margin: 5px 2%; overflow: hidden; font-size: 13px;}
.gallery li a {display: block; width: 100%; height: 160px; padding: 6px; text-align: center; vertical-align: middle; background-color: #F9F9F9; border: #E0E0E0 1px solid;}
.gallery li a span {display: block; width: 100%; height: 100%; overflow: hidden;}
.gallery li a:hover {border: #79B200 1px solid; background-color: #E8F9E5;}
.gallery li a img {width: 100%;
    -webkit-transition: all 0.8s ease; /* Safari and Chrome */
    -moz-transition: all 0.8s ease; /* Firefox */
    -o-transition: all 0.8s ease; /* IE 9 */
    -ms-transition: all 0.8s ease; /* Opera */
    transition: all 0.8s ease;
}
.gallery li a span:hover > img {
	-webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
     transform:scale(1.05);
}
.gallery li p {text-align: center; padding-top: 3px;}

.galleryPic p {margin: 10px 5px 20px 5px; text-align: center;}
.galleryPic span {display: block; padding-top: 2px;}
.galleryPic img {max-width: 650px;}

.videoBox {text-align: center;}
.videoBox embed, .videoBox object, .videoBox iframe {padding: 7px; border: #D0D0D0 1px solid; background-color: #FFFFFF; border-radius: 4px;}
/* ------------- Gallery End -----------*/

/* ------------- Faq & Weblink Begin -----------*/
.faq li {display: block; width: 100%; overflow: hidden; border-radius: 4px;}
.faq .question {margin-top: 10px; padding: 5px 10px 5px 30px; border: #D0D0D0 1px solid; background: url(../images/arrow2.gif) 10px 6px no-repeat; background-color: #fbfbfb; cursor: pointer; color: #000058;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.faq .question:hover {background-color: #FFFFC0; border: #FF8080 1px solid;}
.faq .answer {display: none; margin-top: 5px; margin-bottom: 20px; padding: 15px; border: #FF8080 1px solid;}

.weblink {clear: both; overflow: auto; padding: 5px 10px 5px 30px; border: #D0D0D0 1px solid; margin-top: 10px; background: url(../images/arrow2.gif) 10px 6px no-repeat; background-color: #fbfbfb; cursor: pointer; border-radius: 4px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.weblink:hover {background-color: #FFFFC0; border: #FF8080 1px solid;}
.weblink .site {width: 50%; float: left; text-align: left; display: block;}
.weblink .link {width: 50%; float: left; text-align: right; display: block; color: #000058;}
/* ------------- FAQ & Weblink End -----------*/

/* ------------- Sitemap Begin ---------------*/
.sitemap {padding: 20px 20px 20px 100px;}
/* ------------- Sitemap End -----------------*/

/* ---------- Footer Begin ----------- */
footer {clear: both; margin-top: 15px; background-color: #535355; border-top: #299a0b 3px solid;}

.fmenu {padding-top: 10px; font-size: 14px;}
.fmenu a {display: inline-block; padding: 2px 20px 5px 0; color: #fff;}
.fmenu a:hover {color: #D0D0D0;}

.pagetop {float: right; margin-top: 50px;}
.pagetop img {width: 32px;}

.copyright {padding: 25px 0; color: #C0C0C0; font-size: 14px;}
.copyright a {color: #C0C0C0;}
/* ---------- Footer End ------------- */