@import url("layout.css");
/*  */
@import url("page.css");
/*  */
* {margin: 0;padding: 0;}
body {font: 12px Verdana, Arial, Tahoma;}
img {border: none;}
a {color: #36C;text-decoration: none;}
a:hover {color: #F33;text-decoration: underline;}
ul {list-style: none;}
input, select, button {font: 12px Verdana, Arial, Tahoma;vertical-align: middle;}
.center {margin: 0 auto;}
.w960 {width: 960px;position: relative;}
.mt1 {margin-top: 8px;}
.mt2 {margin-top: 16px;}
.clear {overflow: hidden;}
.fs-12 {font-size: 12px;}
.fc-f60 {color: #F60;}
.fc-f90 {color: #F90;}
.ipt-txt {line-height: 15px;font-size: 12px;margin-right: 2px;border-color: #666 #BBB #BBB #666;border-style: solid;border-width: 1px;padding: 4px 5px;}
.btn-1 {width: 56px;height: 23px;border: none;background: url(../images/btn-bg1.gif) no-repeat;line-height: 25px;letter-spacing: 1px;overflow: hidden;color: #444;}
.btn-2 {width: 70px;height: 25px;border: none;background: url(../images/btn-bg2.gif) left top no-repeat;line-height: 25px;overflow: hidden;color: #444;margin-right: 2px;}
.header_top { height: 25px!important; height: 24px; line-height: 25px; color: #676767; overflow: hidden; /*  border-bottom: 1px solid #DBDBDB; background: url("../images/green_skin.png") repeat-x scroll 0 -188px transparent */;}
.header_top .time { float: left; padding-left: 10px;}
.header_top a.rss {}
.header_top .toplinks { float: right; text-align: right;}
.header_top .toplinks a { margin: 0 5px;}
.header_top .toplinks span { margin-left: 15px;}
.header_top .toplinks span a { margin: 0 2px;}
.header {width: 100%;padding-top: 16px;overflow: hidden;}
.header a {color: #777;}
.header a:hover {color: #F90;text-decoration: none;}
.header .top {clear: both;overflow: hidden;}
.header .title {float: left;padding-left: 16px;}
.header .title h1 a { height: 56px; margin-bottom: 10px; display: block; font-size: 0; overflow: hidden; }
.header .title h1 a img{ height: 100%; }
.header .banner {width: 480px;height: 56px;float: left;margin-left: 40px;overflow: hidden;}
.header .banner img {width: 480px;height: 56px;display: block;}
.header .rlink {width: 172px;height: 52px;float: left;margin-left: 32px;overflow: hidden;padding-top: 4px;}
.header .rlink ul li {width: 78px;height: 21px;background: url(../images/toprlink-bg.gif) left top no-repeat;float: left;margin-right: 8px;margin-bottom: 8px;overflow: hidden;}
.header .rlink ul li a {display: block;color: #777;line-height: 21px;text-indent: 22px;background-image: url(../images/toprlink-bg.gif);background-repeat: no-repeat;}
.header .rlink ul li a:hover {color: #000;}
.header .rlink ul li.r1 a {background-position: 0 -21px;}
.header .rlink ul li.r2 a {background-position: 0 -42px;}
.header .rlink ul li.r3 a {background-position: 0 -63px;}
.header .rlink ul li.r4 a {background-position: 0 -84px;}
.header .welcome {float: right;margin-top: 20px;padding-right: 10px;color: #999;}
.header .welcome a {margin: 0 3px;}
.header .nav {width: 100%;height: 32px;background: url(../images/nav-bg.gif) repeat-x;clear: both;overflow: hidden;}
.header .nav ul {height: 32px;overflow: hidden;margin: 0 auto;}
.header .nav ul li {float: left;line-height: 31px;background: url(../images/nav-bg.gif) 0 -32px no-repeat;margin-left: -2px;}
.header .nav ul li a {height: 32px;display: block;color: #FFF;float: left;padding: 0 16px 0 17px;}
.header .nav ul li a:hover {color: #FF3;}
.header .search {height: 40px;background: url(../images/search-bg.png) repeat-x;clear: both;}
.header .search .form {padding-left: 8px;padding-top: 3px;float: left;}
.header .search .form h4 {display: none;}
.header .search .form input.search-keyword {width: 156px;height: 18px;border: none;background: url(../images/search-bg.gif) left top no-repeat;line-height: 15px;font-size: 12px;overflow: hidden;padding: 5px 3px 0 58px;}
.header .search .form select.search-option {margin-left: 2px;}
.header .search .form button.search-submit {width: 68px;height: 22px;border: none;background: red url(../images/search-bg.gif) right top no-repeat;font-size: 0;line-height: 100px;margin-left: 5px;overflow: hidden;}
.header .tags {float: left;margin-left: 16px;padding-top: 6px;}
.header .tags h4 {width: 66px;height: 19px;float: left;font-size: 0;line-height: 100px;overflow: hidden;background: url(../images/search-tags-title.gif) no-repeat;}
.header .tags ul {height: 21px;float: left;overflow: hidden;}
.header .tags ul li {float: left;line-height: 19px;padding: 0 5px;}
.header .tags ul li a {color: #CCC;}
.channel-nav {height: 31px;border-bottom: 1px solid #E5EFD6;}
.channel-nav ul {height: 22px;padding-left: 10px;padding-top: 3px;overflow: hidden;float: left;}
.channel-nav ul li {height: 22px;float: left;overflow: hidden;margin-right: 10px;}
.channel-nav ul li a {height: 22px;display: block;padding-right: 10px;float: left;background: url(../images/channel-nav-bg.gif) right 0 no-repeat;overflow: hidden;}
.channel-nav ul li a span {display: block;float: left;height: 22px;padding-left: 10px;background: url(../images/channel-nav-bg.gif) left 0 no-repeat;cursor: pointer;overflow: hidden;line-height: 23px;color: #666;}
.channel-nav ul li a:hover {text-decoration: none;background: url(../images/channel-nav-bg.gif) right -22px no-repeat;}
.channel-nav ul li a:hover span {color: #C00;text-decoration: none;background: url(../images/channel-nav-bg.gif) left -22px no-repeat;}
.channel-nav ul li.thisclass a, .channel-nav ul li.thisclass a:hover {background: url(../images/channel-nav-bg.gif) right -44px no-repeat;cursor: default;}
.channel-nav ul li.thisclass a span, .channel-nav ul li.thisclass a:hover span {background: url(../images/channel-nav-bg.gif) left -44px no-repeat;color: #FFF;cursor: default;}
.channel-nav .back {display: block;height: 22px;line-height: 21px;padding-top: 6px;padding-right: 10px;padding-left: 20px;letter-spacing: 2px;float: right;background: url(../images/ico-home.gif) 4px 10px no-repeat;}
.channel-nav .back a {color: #666;}
.channel-nav .back a:hover {text-decoration: none;color: #777;}
.footer {color: #999;text-align: center;padding-bottom: 10px;border-top: 1px solid #E5EFD6;padding-top: 10px;}
.footer .link {text-align: center;padding: 5px 0;}
.footer .link a {color: #666;margin: 0 5px;}
.footer .powered {font-size: 10px;line-height: 25px;}
.footer .powered strong {color: #690;}
.footer .powered strong span {color: #F93;}
.footer .copyright {color: #666;line-height: 23px;}
.bg5, html {background: #FFF;}

/*pic scroll
----------------------------------*/
.infiniteCarousel { width: 700px; position: relative; margin-left: auto; margin-right: auto;}
.infiniteCarousel .wrapper { width: 640px; overflow: auto; height: 170px; margin: 0 30px; top: 0;}
.infiniteCarousel ul a img { border: 1px solid #E3E3E3; padding: 2px; width: 143px; height: 106px; display: block;}
.infiniteCarousel .wrapper ul { width: 625px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; top: 0;}
.infiniteCarousel ul li { display: block; color: #6C6D61; float: left; padding: 10px 6px; height: 147px; width: 147px; text-align: center;}
.infiniteCarousel ul li a, .infiniteCarousel ul li a:visited { color: #6C6D61;}
.infiniteCarousel .wrapper ul li a:hover { text-decoration: underline;}
.infiniteCarousel ul li a:hover img { border-color: #aaa;}
.infiniteCarousel ul li a span { display: block; line-height: 17px; height: 34px; overflow: hidden; padding-top: 6px;}
.infiniteCarousel .arrow { display: block; height: 26px; width: 26px; text-indent: -999px; position: absolute; top: 70px; cursor: pointer; outline: 0;}
.infiniteCarousel .forward { background: url(../images/green_skin.png) 0 -256px no-repeat; right: 0;}
.infiniteCarousel .back { background: url(../images/green_skin.png) 0 -222px no-repeat; left: 0;}
