@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
h3 a:hover ,h4 a:hover{
	text-decoration:none;
}
.curved {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
body {
	-x-system-font:none;
	background: #f3f3f3 url(../images/share/bg.jpg) repeat center top;
	color:#333333;
	font-family: tahoma, ms Sans Serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
}
a {
	color:#3399cc;
}
a:link, a:visited, a:active {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
img {
	border:0 none;
}
ul, ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.clear {
	clear:both;
}
.shadow {
	box-shadow: 5px 5px 5px #dec6a5;
	-moz-box-shadow: 5px 5px 5px #dec6a5;
	-webkit-box-shadow: 5px 5px 5px #dec6a5;
}
#main_container {
	margin: 0px auto;
	width: 940px;
	padding: 17px 0 0 0;
}
#header_wapper {
	margin:0 0 10px 0;
}
#header_wapper_page {
	margin:0 0 30px 0;
}
#main_logo {
	background:url(../images/share/logo_happyreading.png) no-repeat 0 0;
	display:block;
	height:117px;
	width:135px;
	float:left;
	margin:5px 0 0 10px;
	text-indent:-9999px;
}

#subhead {
	float:left;
	display:block;
	background:url(../images/share/subhead.gif) no-repeat 0 0;
	text-indent:-9999px;
	height:74px;
	width:194px;
	margin:30px 0 0 21px;
}

#header_wapper a.link,
#header_wapper_page a.link
{
	margin:65px 0 0 5px;
	background:url(../images/share/thaihealth-logohead.gif) no-repeat 0 0;
	text-indent:-9999px;
	float:left;
	display:block;
	height:37px;
	width:57px;
}
#login_header_wapper {
	float:right;
	width:300px;
}
#login_wapper {
	float:right;
	width:120px;
	padding:0 0 0 8px;
}
#login_wapper input{
	color:#FFF;
	padding:6px 12px;
	width:91px;
	height:16px;
	background:url(../images/share/bg_input.gif) no-repeat 0 0;
	_background:url(../images/share/bg_input.gif) fixed no-repeat 0 0;
	display:block;
	border:0px;
}
#label_wapper{
	float:right;
	width:60px;
}
#label_wapper label{
	margin:6px 0;
	display:block;
	width:60px;
	height:20px;
	text-indent:-9999px;
}
#username_label {
	background:url(../images/share/name_lable.gif) no-repeat right 0;
}
#password_label {
	background:url(../images/share/password_lable.gif) no-repeat right 2px;
}
#email_label {
	background:url(../images/share/email_lable.gif) no-repeat right 2px;
}
#submit_wapper {
	float:right;
	width:100px;
}
#submit_wapper a{
	display:block;
	width:94px;
	height:28px;
	text-indent:-9999px;
}
#register_btn {
	background:url(../images/share/register_btn.gif) no-repeat 0 0;
}
#login_btn {
	background:url(../images/share/login_btn.gif) no-repeat  0 0;
}
#editprofile_btn {
	background:url(../images/share/editprofile_btn.gif) no-repeat  0 0;
}
#logout_btn {
	background:url(../images/share/signout_btn.gif) no-repeat  0 0;
}
#submit_btn {
	background:url(../images/share/submit_btn.gif) no-repeat  0 0;
}
#user_wapper {
	text-align:center;
	float:right;
	width:120px;
	padding:2px 0 0 8px;
}
#user_wapper img {
	border:#FFF 2px solid;
}
#user_wapper span {
	display:block;
	font-weight:bold;
}
#forget_wapper{
	text-align:right;
	padding:0 10px 0 80px;
}
#forget_btn{
	padding:0 0 0 20px;
	font-size:11px;
}
#remember_label{
	font-size:11px;
	color:#3399CC;
	padding:0 0 0 3px;
}
#forget_head{
	background:url(../images/share/forget_head.gif) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	width:78px;
	height:14px;
	margin:13px 0 10px 215px;
}
#forget_container{
	margin:0 0 10px 0;
}
#search_wapper {
	margin:5px 0 0 0;
	width:224px;
	height:50px;
	background:url(../images/share/bg_search.png) no-repeat  0 0;
	display:block;
	float:right;
	clear:right;
}
#search_wapper input{
	padding:0;
	margin:14px 0 0 15px;
	width:150px;
	background:transparent no-repeat 0 0;
	display:block;
	border:0;
}
#search_btn {
	margin:3px 5px 0 0;
	display:block;
	float:right;
	width:45px;
	height:40px;
	text-indent:-9999px;
}


#feature_container {
}
#feature_wapper {
	position:relative;
}
#feature_shadow {
	position:absolute;
	left:0px;
	bottom:0px;
	_bottom:2px;
}

#main_nav{
	background:url(../images/share/mainmenu.png) no-repeat left top;
	height:69px;
}
#main_nav li{
	display:block;
	text-align:center;
	float:left;
	position:relative;
}
#main_nav li a{
	display:block;
	height:60px;
	position:relative;
}
#main_nav li a span{
	display:block;
	text-indent:-9999px;
}
#main_nav li a img{
	position:absolute;
	bottom:35px;

}

#nav_home a{
	width:80px;
}
#nav_news a{
	width:88px;
}
#nav_about a{
	width:88px;
}
#nav_article a{
	width:88px;
}
#nav_library a{
	width:89px;
}
#nav_media a{
	width:88px;
}
#nav_bookreview a{
	width:89px;
}
#nav_partner a{
	width:87px;
}
#nav_community a{
	width:88px;
}
#nav_download a{
	width:89px;
}
#nav_links a{
	width:66px;
}


#nav_home a img{
	left:16px;
}
#nav_news a img{
	left:20px;
}
#nav_about a img{
	left:18px;
}
#nav_article a img{
	left:20px;
}
#nav_library a img{
	left:13px;
}
#nav_media a img{
	left:22px;
}
#nav_bookreview a img{
	left:22px;
}
#nav_partner a img{
	left:18px;
}
#nav_community a img{
	left:20px;
}
#nav_download a img{
	left:18px;
}
#nav_links a img{
	left:10px;
}

#main_bookreview_wapper {
	margin:40px 0 0 0;
	position:relative;
}
/*==slideshow==*/
#slideshow #slidesContainer {
  margin:0 auto;
  width:870px;
  height:200px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:870px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:200px;
  line-height:335px;
}

.control {
  display:block;
  width:39px;
  height:170px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0px;
  _left:-30px;
  background:transparent url(../images/main/aro_left.png) no-repeat 0 70px;
}
#rightControl {
  top:0;
  right:-15px;
  background:transparent url(../images/main/aro_right.png) no-repeat 0 70px;
}
#slideshow{
	position:relative;
}
/*==slideshow==*/

.book_h {
	padding:0 24px;
	position:relative;
}

.book_v {
	padding:0 47px;
	position:relative;
}
*:first-child+html .book_h {
	top:-67px;
}
*:first-child+html .book_v {
	top:-67px;
}

.shelf_bg {
	z-index:2;
	background:url(../images/bookreview/shelf_01.png) no-repeat center top;
	position:absolute;
	width:936px;
	height:154px;
	bottom:-80px;
}
#main_bookreview_wapper h2 a{
	background:url(../images/main/head_bookreview.png) no-repeat 0 0;
	width:186px;
	height:76px;
	float:right;
	margin:50px 30px 0 0;
	text-indent:-9999px;
}
#col_left {
	margin:80px 0 0 0;
	float:left;
	width:580px;
	padding:0 0 0 15px;
}
#main_news_container {
	position:relative;
	margin:0 0 20px 0;
}
#main_news_wapper h2 a{
	display:block;
	background: url(../images/main/head_news.png) no-repeat 0 0;
	width:190px;
	height:71px;
	text-indent:-9999px;
	margin:0 0 2px 0;
}
.each_mainnews {
	position:absolute;
	background:#FFF;
	width:250px;
}
.mainnews {
	padding:10px;
}
.mainnews h3{
	display:block;
	color:#FFF;
	font-size:13px;
	background:#96b716 url(../images/news/head_left.gif ) repeat-y 0 0;
}
.mainnews h3 span{
	padding:3px 7px;
	display:block;
	background: url(../images/news/head_right.gif) repeat-y right 0;
}
.mainnews p {
	color:#666;
	padding:8px;
}
.readmore {
	float:right;
	width:60px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background:url(../images/share/readmore.gif) no-repeat center center;
}
#more_news {
	clear:both;
	float:right;
	width:150px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background: url(../images/main/more_news.gif) no-repeat right top;
	margin:0 20px 0 0;
}


#main_article_wapper, #main_award_wapper {
	margin:0 0 20px 0;
}
#main_article_wapper h2 a{
	display:block;
	background: url(../images/main/head_article.png) no-repeat 0 0;
	width:246px;
	height:72px;
	text-indent:-9999px;
	margin:0 0 10px 0;
}
.each_mainarticle, .each_mainaward{
	background:#FFF;
	padding:15px 15px 15px 0;
	width:545px;
	margin:0 0 10px 0;
}
.aricle_panel, .award_panel{
	text-align:center;
	width:75px;
	float:left;
}
.aricle_panel {
	border-right:1px #ccc solid;
	margin:0 10px 0 0;
}
.date_box {
	display:block;
	width:40px;
	line-height:12px !important;
}
.date_box .day{
	font-size:30px;
	color:#666;
	display:block;
	line-height:22px !important;
}
.date_box .month{
	font-size:11px;
	color:#999;
	display:block;
	line-height:22px;
}
.aricle_panel .date_box {
	margin:12px 0 8px 18px;;
}


.comment {
	font-size:11px;
	color:#fff;
	height:25px;
	background: url(../images/share/comment_icon.gif) no-repeat center top;
	display:block;
	padding:2px;
}
.comment:hover {
	text-decoration:none;
}

.news_over_wapper {
	display:block;
	position:absolute;
	top:10px;
	left:0px;
	width:250px;
	margin:0 0 0 10px;
	background:url(../images/news/bg_over.png) no-repeat 0 0;
}
.news_over_wapper .date_box {
	float:right;
	margin:5px 5px 0 0;
}
.news_over_wapper .month, .news_over_wapper .day {
	color:#FFF;
}
.news_over_wapper .comment {
	color:#666;
	width:40px;
	float:right;
	text-align:center;
	margin:8px 10px 0 0;
	background:url(../images/share/comment_w_icon.gif) no-repeat center top;
}

.each_mainarticle .readmore {
}
.each_mainarticle h3{
	float:right;
	display:block;
	font-size:18px;
	font-weight:normal;
	background:#3fb3c3 url(../images/article/head_left.gif) repeat-y 0 0;
}
.each_mainarticle h3 a{
	color:#FFF;
	padding:5px 10px;
	width:435px;
	display:block;
	background: url(../images/article/head_right.gif) repeat-y right 0;
}
.each_mainarticle p, .each_mainaward p{
	display:block;
	float:right;
	color:#666;
	padding:5px 0 10px 5px;
}
.each_mainarticle p{
	width:450px;
}
.each_mainaward p{
	width:465px;
}
#more_article {
	clear:both;
	float:right;
	width:160px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background: url(../images/main/more_article.gif) no-repeat right top;
	margin:0 20px 0 0;
}
#main_award_wapper h2 a{
	display:block;
	background: url(../images/main/head_award.png) no-repeat 0 0;
	width:196px;
	height:76px;
	text-indent:-9999px;
	margin:0 0 10px 0;
}
.each_mainaward h3 a{
	display:block;
	color:#666;
	font-size:18px;
	font-weight:normal;
}
.eachaward_footer {
	padding:3px 0 0 0;
	margin:5px 0 0 0;
	clear:right;
	float:right;
	width:470px;
	border-top:dashed 1px #999;
}
.eachaward_footer span{
	display:block;
	float:left;
	font-size:10px;
	color:#999;
}
.vote {
	display:block;
	height:48px;
	background:url(../images/community/vote.png) no-repeat center top;
	text-align:center;
	padding:5px;
	font-size:18px;
	color:#FFF;
	text-indent:-3px;
}
.vote:hover {
	text-decoration:none;
}
#more_award {
	clear:both;
	float:right;
	width:100px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background: url(../images/main/more_award.gif) no-repeat right top;
	margin:0 20px 0 0;
}
#col_right {
	margin:80px 0 0 0;
	float:left;
	width:335px;
	padding:0 0 0 10px;
}
#main_library_wapper {
	margin:0 0 40px 0;
}
#main_library_wapper h2 a{
	display:block;
	background: url(../images/main/head_library.png) no-repeat 0 0;
	width:225px;
	height:65px;
	text-indent:-9999px;
	margin:0 0 7px 0;
}
.each_mainlibrary, .each_mainmedia, #main_talk_container {
	width:290px;
	padding:10px 15px;
	background:#FFF;
	margin:8px 0;
	font-size:11px;
}
.each_mainlibrary h3 a ,.library_list h3 a{
	display:block;
	font-size:15px;
	font-weight:normal;
	color:#e58c00;
	margin:0 0 10px 0;
}
.detail {
	display:block;
	padding:3px 0 5px 25px;
	font-size:11px;
	color:#666;
	line-height:13px;
}
.each_mainlibrary .detail_head{
	line-height:13px;
	display:block;
	color:#999;
	font-size:11px;
	padding:10px 0 0 0;
}
.address {
	background:url(../images/share/icon/address.gif) no-repeat 0 2px;
}
.tel {
	background:url(../images/share/icon/tel.gif) no-repeat 0 2px;
}
.www {
	background:url(../images/share/icon/www.gif) no-repeat 0 2px;
	color:#3392be;
}
.www:hover {
	text-decoration:none;
}
.mainadd_btn {
	text-indent:-9999px;
	display:block;
	width:320px;
	height:45px;
}
#main_library_wapper .mainadd_btn {
	background:url(../images/main/addlibrary_btn.png) no-repeat 0 0;
}
#more_library {
	clear:both;
	float:right;
	width:150px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background: url(../images/main/more_library.gif) no-repeat right top;
	margin:0 20px 0 0;
}

#main_media_wapper {
	margin:0 0 40px 0;
}
.contentdetail {
	display:block;
	padding:0px 0 10px 0px;
	font-size:12px;
	color:#666;
	line-height:14px;
}
#main_media_wapper h2 a{
	display:block;
	background: url(../images/main/head_media.png) no-repeat 0 0;
	width:264px;
	height:82px;
	text-indent:-9999px;
	margin:0 0 7px 0;
}
.each_mainmedia h3 a, .media_list h3 a{
	display:block;
	font-size:15px;
	font-weight:normal;
	color:#653ea0;
	height:40px;
	margin:0 0 0 0;
	padding:10px 0 0 40px !important;
}
.magazine {
	background:url(../images/media/media_icon/magazine.gif) no-repeat 0 0;
}
.radio {
	background:url(../images/media/media_icon/radio.gif) no-repeat 0 0;
}
.tv {
	background:url(../images/media/media_icon/tv.gif) no-repeat 0 0;
}
.web {
	background:url(../images/media/media_icon/www.gif) no-repeat 0 5px;
}

.each_mainmedia h3 a, .org_list h3 a{
	display:block;
	font-size:15px;
	font-weight:normal;
	color:#FFBB1B;
	height:40px;
	margin:0 0 0 0;
	padding:10px 0 0 0;
}

#main_media_wapper .mainadd_btn {
	background:url(../images/main/addmedia_btn.png) no-repeat 0 0;
}
#more_media {
	clear:both;
	float:right;
	width:150px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background: url(../images/main/more_media.gif) no-repeat right top;
	margin:0 20px 0 0;
}
#main_talk_wapper{
	margin:0 0 40px;	
}
#main_talk_container {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#main_talk_wapper h2 a{
	display:block;
	background: url(../images/main/head_talk.png) no-repeat 0 0;
	width:225px;
	height:76px;
	text-indent:-9999px;
	margin:0 0 7px 0;
}
.each_maintalk {
	border-bottom:dashed 1px #ccc;
	padding:10px 0px;
}
.each_maintalk h4 {
	display:block;
	float:left;
	width:250px;
}
.each_maintalk h4 a{
	color:#ff6579;
	font-size:13px;
}
.each_maintalk .comment {
	margin:5px 0 0 0;
	float:right;
	width:30px;
	text-align:center;
}
.each_maintalk span {
	font-size:10px;
	float:left;
	clear:both;
	color:#999;
	width:200px;
}
#main_talk_wapper .last {
	border:none
}
#more_talk {
	clear:both;
	float:right;
	width:150px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background: url(../images/main/more_talk.gif) no-repeat right top;
	margin:0 20px 0 0;
}


#footer_wapper {
	clear:both;
	width:100%;
	height:252px;
	margin:0 auto 20px auto;
	background:url(../images/share/footer.png) no-repeat center top;
	text-align:center;
}
#footer_nav {
	width:720px;
	margin:0 auto;
	text-align:center;
}
#footer_nav li{
	padding:37px 0 0 0;
	color:#FFF;
	float:left;
}
#footer_nav li a{
	color:#FFF;
	padding:0 5px;
}
#footer_nav li a:hover{
	text-decoration:none;
}

#footer_logo {
	width:500px;
	margin:0 auto;
	text-align:center;
}
#footer_logo li{
	padding:20px 15px 20px 15px;
	float:left;
}
#cc_wapper {
	clear:both;
	width:380px;
	margin:0 auto;
}
#cc_wapper a{
	float:left;
}
#cc_wapper p{
	padding:3px 0 0 10px;
	text-align:left;
	line-height:12px;
	width:250px;
	display:block;
	font-size:10px;
	float:left;
}
#cc_wapper span{
	padding:10px 0 0 5px;
	display:block;
	float:left;
}


.book_pupup_wapper {
	position:absolute;
	z-index:1;
	top:-170px;
	_top:0px;
	
	left:18px;
	width:184px;
	overflow:hidden;
	z-index:1;
	height:180px;
}

*:first-child+html .book_pupup_wapper{
	top:-27px;
}

.book_pupup_wapper .pupup_container {
	display:none;
	top:60px;
	left:0px;
	position:relative;
}
.book_pupup_wapper .pupup_content {
	padding:10px 23px 0 17px;
	width:144px;
	background:url(../images/bookreview/popup_bg.png) no-repeat left top;
}
.book_pupup_wapper h3 {
	color:#FFF;
	line-height:18px;
	font-size:12px;
	padding:0;
	border-bottom:1px solid #aebd39;
}
.book_pupup_wapper span {
	line-height:14px;
	font-size:11px;
	display:block;
}
.book_pupup_wapper .author {

	color:#CCC;
}
.book_pupup_wapper .author_title {
		padding:3px 0 0 0;
	color:#666;
}
.book_pupup_wapper .comment {	
	padding:3px 0;	
	margin:0;
	height:auto;
	font-size:9px;
	color:#96b716;
	text-align:left;
	background:none;
}

/*----------------- Media -------------------------*/

#page_header_wapper {
	width:960px;
	margin:0 auto;
	position:relative;
	height:120px;
	background:url(../images/share/shadow.png) no-repeat right 40px;
}
#page_header_wapper h2 {
	height:120px;
	width:400px;
	float:left;
	text-indent:-9999px;
}
#page_header_wapper h2.media_head {
	background:url(../images/media/media_head.png) no-repeat 0 0;
}


#breadcrumb {
	position:absolute;
	left:120px;
	top:0px;
	z-index:99;
	padding: 6px 0px 0px 0px;
	display: block;
	height: 24px;
}
#breadcrumb li {
	float: left;
	display: block;
	padding: 0px 5px 0px 0px;
	font-weight: bold;
	font-size: 12px;
	color:#676767;
}
#breadcrumb  li a {
	color:#666;
	text-decoration: none;
	font-weight: normal;
	background: url(../images/share/aro.gif) no-repeat right center;
	padding:0px 15px 0px 0px;
	display: block;
	float: left;
	height:19px;
	font-size: 12px;
}
#breadcrumb  li a:hover {
	color:#676767;
}

#submenu_media {
	margin:18px 0 0 0;
	float:right;
	height: 40px;
	padding: 0px 20px 0px 0px;
}
#submenu_media li {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 23px 0px 0px 0px;
}

#submenu_media li.media a {
	display: block;
	text-indent: -9000px;
	width: 134px;
	height: 32px;
	background: url(../images/media/media_btn.gif) no-repeat bottom right;
}
#submenu_media li.org span {
	display: block;
	text-indent: -9000px;
	width: 154px;
	height: 32px;
	background: url(../images/media/org_on.png) no-repeat bottom right;
}
#submenu_media li.org a {
	display: block;
	text-indent: -9000px;
	width: 154px;
	height: 32px;
	background: url(../images/media/org_btn.png) no-repeat bottom right;
}

.org_list {
	width:270px;
	padding:10px 15px;
	background:#FFF;
}


#submenu_media li.media span {
	display: block;
	text-indent: -9000px;
	width: 134px;
	height: 32px;
	background: url(../images/media/media_on.gif) no-repeat bottom right;
}
#submenu_media li.addmedia a {
	display: block;
	text-indent: -9000px;
	width: 177px;
	height: 38px;
	background: url(../images/media/addmedia_btn.gif) no-repeat bottom right;
}
#submenu_media li.addmedia span {
	display: block;
	text-indent: -9000px;
	width: 177px;
	height: 38px;
	background: url(../images/media/addmedia_on.gif) no-repeat bottom right;
}


#submenu_media li.video{
	margin:-32px 0 0 0;
}
#submenu_media li.video a {
	display: block;
	text-indent: -9000px;
	width: 177px;
	height: 77px;
	background: url(../images/media/video_btn.png) no-repeat bottom right;
}
#submenu_media li.video span {
	display: block;
	text-indent: -9000px;
	width: 177px;
	height: 77px;
	background: url(../images/media/video_on.png) no-repeat bottom right;
}


#main_content {
	width:960px;
	margin:0 auto 30px auto;
	position:relative;
}
#media_cat {
	position:absolute;
	top:-40px;
	_top:0px;
	right:0px;
	margin:-30px 0 0 0;
	height: 50px;
	padding: 0px 20px 0px 0px;
}
#media_cat li {
	height: 50px;
	float: right;
	margin: 0px 0px 0px 10px;
}

#media_cat li a{
	display: block;
	text-indent: -9000px;
	height:50px;
}
#media_cat li.byall a {
	width: 76px;
	background: url(../images/media/byall_btn.gif) no-repeat right 14px;
}
#media_cat li.bytv a {
	width: 145px;
	background:url(../images/media/bytv_btn.png) no-repeat right top;
}
#media_cat li.byprint a {
	width: 122px;
	background:url(../images/media/byprint_btn.png) no-repeat right top;
}
#media_cat li.byradio a {
	width: 126px;
	background:url(../images/media/byradio_btn.png) no-repeat right top;
}
#media_cat li.byweb a {
	width: 121px;
	background:url(../images/media/byweb_btn.png) no-repeat right 8px;
}


.cathead span {
	display: block;
	text-indent: -9000px;
	padding:0 10px 0 0;
	height:50px;
	width: 52px;
	background: url(../images/share/cat_head.gif) no-repeat left top;
}
#media_cat li.cathead span {
	background-position:left 20px;
}
#media_cat li span{
	display: block;
	text-indent: -9000px;
	height:50px;
}
#media_cat li.byall span {
	width: 76px;
	background:url(../images/media/byall_on.gif)  no-repeat right 14px;
}
#media_cat li.bytv span {
	width: 145px;
	background:url(../images/media/bytv_on.png) no-repeat right top;
}
#media_cat li.byprint span {
	width: 122px;
	background:url(../images/media/byprint_on.png) no-repeat right top;
}
#media_cat li.byradio span {
	width: 126px;
	background:url(../images/media/byradio_no.png) no-repeat right top;
}
#media_cat li.byweb span {
	width: 121px;
	background:url(../images/media/byweb_on.png) no-repeat right 8px;
}

#media_list_wapper {
}
#list_container {
	margin:0;
	position:relative;
}
#media_list_wapper #list_container{
	margin:30px 0 0 0;
}
.each_list {
	position:absolute;
}
.media_list {
	width:270px;
	padding:10px 15px;
	background:#FFF;
}

/*---------Add Media -----------*/
#add_wapper {
	width:660px;
	margin:0 auto;
	background:#fff;
	padding:30px;
	
}
#from_add {
	line-height:11px;
	color:#f8bd29;
	font-size:10px;
}
#from_add span{
	color:#999;
}
#from_add label {
	font-size:12px;
	color:#666;
	display:block;
	clear:both;
	width:100px;
	text-align:right;
	padding:8px 15px 0 0;
	float:left;
}
#from_add label.bold {
	line-height:18px;
	font-size:16px;
	font-weight:normal;
	padding:5px 15px 0 0;
}
#from_add input ,#from_add select{
	color:#333;
	padding:5px;
	margin:0 5px 20px 0;
	width:300px;
	text-align:left;
	border:1px solid #ccc;
	float:left;
}
#from_add select {
	width:312px;
	font-family:Tahoma, Geneva, sans-serif;
}
#detail_add {
	clear:both;
}
#detail_add strong {
	display:block;
	width:100px;
	text-align:right;
	line-height:18px;
	font-size:16px;
	font-weight:normal;
	margin:10px 0;
}
.submitadd_btn {
	margin:20px auto 0 auto;
	display:block;
	text-indent:-9999px;
	background:url(../images/share/submitadd_btn.gif) no-repeat 0 0;
	width:85px;
	height:37px;
}

/*----------Media PageIn------------------*/
#content_container {
	width:800px;
	margin:0 auto;
}
#content_wapper {
	width:720px;
	float:left;
}
#content_wapper h1{
	display:block;
	padding:8px 15px;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	color:#fff;
	margin:0 0 10px 0;
}
#content_wapper.media_content h1{
	background:#7559a0;
}
#content_wapper.org_content h1{
	background:#FFBB1B;
}
#content {
	background:#fff;
}
#content_detail  li {
	margin:0 0 5px 0;
}
#content_detail {
	width:165px;
	clear:left;
	float:left;
	padding:20px 0 20px 20px;
	font-size:12px;
}
#content_detail .detail_head{
	display:block;
	color:#999;
	font-size:11px;
}
#content_text {
	color:#555;
	width:495px;
	float:left;
	padding:20px;
	min-height:170px;
	font-size: 14px;
line-height: 20px;
}
#content_text p{
	padding:10px 0;
}
#content_text ul li{
	padding:5px 0;
}
#content_panel{
	line-height:14px;
	font-size:11px;
	color:#666;
	width:60px;
	float:right;
	text-align:center;
}
#content_panel .date_box{
	width:60px;
	line-height:20px;
	font-size:11px;
	color:#666;
	margin:0 0 10px 0;
}
#content_panel .comment{
	line-height:18px;
	margin:10px 0 0 0;
}
#relate_wapper{
	clear:both;
	margin:20px 0 0 80px;
	width:720px;
}
#relate_wapper h3{
	text-indent:-9999px;
}
#relate_wapper h3.media_relate_head {
	background:url(../images/media/relate_media_head.gif) no-repeat 0 0;
	height:16px;
	width:77px;
}


#relate_media{
	margin:10px 0 0 0;
}
#relate_media li{
	display:block;
	float:left;
	background:#FFF;
	margin:5px 10px;
	padding:5px;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
}
#relate_media li a{
	_width:150px;
	display:inline-block;
	background-position:5px;
	height:10px;
	line-height:13px;
	padding:15px 10px 15px 45px;
}

#comment_container {
	width:720px;
	margin:20px auto 0 auto;
	padding:0 80px 0 0;
}
.comment_wapper {
	margin:0 0 0 50px;
}
.comment_bubble {
	background:url(../images/share/comment/comment_bg_bubble.gif) no-repeat right 30px;
	width:585px;
	float:left;
	margin:0 0 15px 0;
}
.comment_text {
	color:#333;
	background:#fff url(../images/share/comment/comment_bg_top.gif) no-repeat 0 top;
	width:530px;
	padding:10px 20px 0 20px;
}
.comment_text p{
	padding:10px;
}
.comment_text span{
	font-size:11px;
	color:#999;
}
.comment_text .date {
	display:block;
	text-align:right;
}
.comment_bg_bottom {
	width:570px;
	display:block;
	height:10px;
	background:#fff url(../images/share/comment/comment_bg_bottom.gif) no-repeat 0 bottom;
}
.avatar {
	margin:10px 15px 0 0;
	_margin:10px 5px 0 0;
	text-align:center;
	float:right;
}
.avatar img{
	border:3px solid #FFF;
}
.avatar span{
	margin:3px 0 0 0;
	display:block;
	font-size:14px;
	width:70px;
}

#comment_from_wapper {
	clear:both;
	width:720px;
	margin:20px auto 0 auto;
}
#comment_from_wapper h3 {
	display:block;
	background:url(../images/share/comment/comment_from_bgtop.png) no-repeat 0 0;
	text-indent:-9999px;
	height:46px;
}
#comment_from {
	padding:0 20px 20px 20px;
	background:#fff url(../images/share/comment/comment_from_bg_bottom.gif) no-repeat 0 bottom;
}
#comment_cal1{
	float:left;
}
#comment_from label {
	display:block;
	width:200px;
	padding:10px 0 0 0;
}
#comment_from input {
	display:block;
	border:#CCC 1px solid;
	padding:5px;
	width:200px;
	font:Tahoma, Geneva, sans-serif;
	color:#666;
}
#comment_cal2{
	display:block;
	float:left;
	width:310px;
	padding:0 0 0 20px;
}
#comment_cal2 textarea {
	width:300px;
	border:#CCC 1px solid;
	font:Tahoma, Geneva, sans-serif;
	color:#666;
	height:140px;
}
#comment_from .comment_btn{
	margin:30px 0 0 0;
	display:block;
	background:url(../images/share/comment/comment_btn.gif) no-repeat 0 0;
	float:right;
	width:115px;
	height:28px;
	text-indent:-9999px;
}

/* ----- News Container-------------- */

#page_header_wapper h2.news_head {
	background:url(../images/news/news_head.png) no-repeat 0 15px;
}
.news_container {
	background:#fff;
	width:270px;
	margin:0 0 0 20px;
}
.news_container .news_over_wapper {
	margin:0 0 0 30px;
}
#content_wapper.news_content h1{
	background:#a9c33e;
}
.news_content #content_text{
	width:680px;
}
#relate_wapper h3.news_relate_head {
	background:url(../images/news/relate_news_head.gif) no-repeat 0 0;
	height:16px;
	width:80px;
}
#relate_news {
	margin:10px 0 0 0;
}
#relate_news li{
	width:170px;
	display:block;
	float:left;
	margin:0 13px 0 0;
}
#relate_news li.last{
	margin:0 0 0 0;
}
#relate_news h2{
	display:block;
	padding:5px 5px 10px 5px;
	font-weight:normal;
	font-size:12px;
	color:#666;
	line-height:16px;
}
/*----------#page_nav-----------*/

#page_nav {
	margin:10px 0 0 0;
	clear: both;
	text-align: center;
}
#page_nav    li  {
	display: inline;
	font-size: 12px;
	vertical-align:5px;
}
#page_nav li.current  {
	padding: 4px 6px;
	border: 1px #29c9e5 solid;
	display: inline;
	margin: 0px 3px;
	background-color:#29c9e5;
	color:#fff;
}
#page_nav li a {
	color:#333;
	padding: 4px 6px;
	border: 1px #29c9e5 solid;
	display: inline;
	margin: 0px 3px;
}
#page_nav li a:hover {
	background-color: #f7e9ca;
}
#page_nav li  a.next ,#page_nav li a.previous{
	border:none !important;
	padding: 0px 3px !important;
	display: inline;
	vertical-align:-14px;
}
#page_nav li  a.next:hover ,#page_nav li a.previous:hover{
	background:none;
}

/* ----- Article Container-------------- */

#page_header_wapper h2.article_head {
	background:url(../images/article/article_head.png) no-repeat 0 15px;
}
#submenu_article {
	margin:18px 0 0 0;
	float:right;
	height: 40px;
	padding: 0px 20px 0px 0px;
}
#submenu_article li {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 23px 0px 0px 0px;
}

#submenu_article li.byall a {
	display: block;
	text-indent: -9000px;
	width: 83px;
	height: 32px;
	background: url(../images/article/byall_btn.gif) no-repeat top right;
}
#submenu_article li.byall span {
	display: block;
	text-indent: -9000px;
	width: 83px;
	height: 28px;
	background: url(../images/article/byall_on.gif) no-repeat top right;
}
#submenu_article li.byarticle a {
	display: block;
	text-indent: -9000px;
	width: 88px;
	height: 28px;
	background: url(../images/article/byarticle_btn.gif) no-repeat top right;
}
#submenu_article li.byarticle span {
	display: block;
	text-indent: -9000px;
	width: 88px;
	height: 28px;
	background: url(../images/article/byarticle_on.gif) no-repeat top right;
}
#submenu_article li.byresearch a {
	display: block;
	text-indent: -9000px;
	width: 88px;
	height: 28px;
	background: url(../images/article/byresearch_btn.gif) no-repeat top right;
}
#submenu_article li.byresearch span {
	display: block;
	text-indent: -9000px;
	width: 88px;
	height: 28px;
	background: url(../images/article/byresearch_on.gif) no-repeat top right;
}
#submenu_article li.bystat a {
	display: block;
	text-indent: -9000px;
	width: 88px;
	height: 28px;
	background: url(../images/article/bystat_btn.png) no-repeat top right;
}
#submenu_article li.bystat span {
	display: block;
	text-indent: -9000px;
	width: 88px;
	height: 28px;
	background: url(../images/article/bystat_on.png) no-repeat top right;
}
#submenu_article li.cathead span {
	background-position:left 7px;
}

#article_content {
	width:800px;
	margin:0 auto 20px auto;
}
#article_content .each_mainarticle{
	width:785px;
}
#article_content .each_mainarticle p{
	width:690px;
}
#article_content .each_mainarticle h3 a {
	width:670px;
}
#content_wapper.article_content h1{
	background:#39b1c1;
}
.article_content #content_text{
	width:680px;
}
#relate_wapper h3.article_relate_head {
	background:url(../images/article/relate_article_head.gif) no-repeat 0 0;
	height:16px;
	width:151px;
}
#relate_article {
	margin:0 0 0 20px;
	padding:5px 0 0 0;
}
#relate_article li{
	display:block;
	padding:0 0 3px 20px;
	margin:5px 0;
	background:url(../images/article/marker.gif) no-repeat 0 2px;
}

/*--- BookReview ------------------------*/

.bookreview_wapper {
	position:relative;
}
.booklist{
	width:870px;
	margin:0 auto ;
	line-height:300px;
}
.shelf1 {
	top:109px;
	background:url(../images/bookreview/shelf_01.png) no-repeat center top;
}

.shelf2 {
	top:118px;
	_top:128px;
	background:url(../images/bookreview/shelf_02.png) no-repeat center top;
}
.shelf3 {
	top:103px;
	background:url(../images/bookreview/shelf_03.png) no-repeat center top;
}

*:first-child+html  .shelf1 {
	top:106px;
}
*:first-child+html .shelf2 {
	top:117px;
}
*:first-child+html .shelf3 {
	top:108px;
}

#page_header_wapper h2.bookreview_head {
	background:url(../images/bookreview/bookreview_head.png) no-repeat 0 5px;
	width:300px;
}

#submenu_bookreview {
	margin:18px 0 0 0;
	float:right;
	height: 40px;
	padding: 0px 20px 0px 0px;
}
#submenu_bookreview li {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 23px 0px 0px 0px;
}


#submenu_bookreview li.bookaward a {
	padding:0 0 0 0;
	display: block;
	text-indent: -9000px;
	width: 115px;
	height: 35px;
	background: url(../images/bookreview/bookaward_btn.gif) no-repeat bottom right;
}
#submenu_bookreview li.bookaward span {
	padding:0 0 0 0;
	display: block;
	text-indent: -9000px;
	width: 115px;
	height: 35px;
	background: url(../images/bookreview/bookaward_on.gif) no-repeat bottom right;
}
#submenu_bookreview li.bookreview a {
	padding:0 0 0 0;
	display: block;
	text-indent: -9000px;
	width: 115px;
	height: 35px;
	background: url(../images/bookreview/bookreview_btn.gif) no-repeat bottom right;
}
#submenu_bookreview li.bookreview span {
	padding:0 0 0 0;
	display: block;
	text-indent: -9000px;
	width: 115px;
	height: 35px;
	background: url(../images/bookreview/bookreview_on.gif) no-repeat bottom right;
}
#submenu_bookreview li.book108 a {
	padding:0 0 0 0;
	display: block;
	text-indent: -9000px;
	width: 115px;
	height: 35px;
	background: url(../images/bookreview/108_btn.gif) no-repeat bottom right;
}
#submenu_bookreview li.book108 span {
	padding:0 0 0 0;
	display: block;
	text-indent: -9000px;
	width: 115px;
	height: 35px;
	background: url(../images/bookreview/108_on.gif) no-repeat bottom right;
}
#submenu_bookreview li.bookadd a {
	display: block;
	text-indent: -9000px;
	width: 121px;
	height: 38px;
	background: url(../images/bookreview/bookadd_btn.png) no-repeat bottom right;
}
#submenu_bookreview li.bookadd span {
	display: block;
	text-indent: -9000px;
	width: 121px;
	height: 38px;
	background: url(../images/bookreview/bookadd_on.png) no-repeat bottom right;
}



#bookreview_cat {
	right:0px;
	margin:-30px 0 0 0;
	height: 50px;
	padding: 0px 20px 0px 0px;
}
#bookreview_cat li {
	height: 50px;
	float: right;
	margin: 0px 0px 0px 10px;
}

#bookreview_cat li a{
	display: block;
	text-indent: -9000px;
	height:50px;
}

#bookreview_cat li.bydate a {
	display: block;
	text-indent: -9000px;
	width: 94px;
	height: 28px;
	background: url(../images/bookreview/bydate_btn.gif) no-repeat bottom right;
}
#bookreview_cat li.bydate span {
	display: block;
	text-indent: -9000px;
	width: 94px;
	height: 28px;
	background: url(../images/bookreview/bydate_on.gif) no-repeat bottom right;
}
#bookreview_cat li.byname a {
	display: block;
	text-indent: -9000px;
	width: 94px;
	height: 28px;
	background: url(../images/bookreview/byname_btn.gif) no-repeat bottom right;
}
#bookreview_cat li.byname span {
	display: block;
	text-indent: -9000px;
	width: 94px;
	height: 28px;
	background:url(../images/bookreview/byname_on.gif) no-repeat bottom right;
}




.catbyhead span {
	display: block;
	text-indent: -9000px;
	padding:0 10px 0 0;
	height:50px;
	width: 42px;
	background:url(../images/share/catby_head.gif) no-repeat left top;
}
#bookreview_cat li.catbyhead span {
	background-position:left 7px;
}



#content_wapper.bookreview_content h1{
	background:#a9c33e;
}
.bookreview_relate_head {
	margin:20px 0 0 80px;
	text-indent:-9999px;
	background:url(../images/bookreview/relate_bookreview_head.gif) no-repeat 0 0;
	height:16px;
	width:99px;
}
.relate_bookreview {
	position:relative;
	clear:both;
	margin:20px 0 0 0;
}
.relate_bookreview .shelf2{
	
}
.relate_bookreview .booklist{
	margin:10px auto 80px auto;
}
.button {
	text-align:center !important;
	float:left;
	border:none !important;
	color:#FFF !important;
	clear:none!important;
	background:#29c9e5;
	width:60px !important;
	height:28px !important;
	cursor:pointer;
}

/*---------- Link Page --------------------------*/
#page_header_wapper h2.link_head {
	background:url(../images/link/link_head.png) no-repeat 0 12px;
}
#link_list_wapper #list_container{
	margin:30px 0 0 0;
}
.link_list {
	width:270px;
	padding:10px 15px;
	background:#FFF;
}
.link_list h3 {
	font-size:16px;
	font-weight:normal;
	margin:5px 0 10px 0;
}
.link_list ul li {
	border-top:dashed 1px #CCC;
	padding:8px 0;
}

/*---------- LIBRARY Page --------------------------*/

#page_header_wapper h2.library_head {
	background:url(../images/library/library_head.png) no-repeat 0 12px;
}
#submenu_library {
	margin:18px 0 0 0;
	float:right;
	height: 40px;
	padding: 0px 20px 0px 0px;
}
#submenu_library li {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 23px 0px 0px 0px;
}

#submenu_library li.bymap a {
	display: block;
	text-indent: -9000px;
	width: 100px;
	height: 35px;
	background: url(../images/library/bymap_btn.gif) no-repeat top right;
}
#submenu_library li.bymap span {
	display: block;
	text-indent: -9000px;
	width: 100px;
	height: 35px;
	background: url(../images/library/bymap_on.gif) no-repeat top right;
}
#submenu_library li.byname a {
	display: block;
	text-indent: -9000px;
	width: 124px;
	height: 32px;
	background: url(../images/library/byname_btn.gif) no-repeat top right;
}
#submenu_library li.byname span {
	display: block;
	text-indent: -9000px;
	width: 124px;
	height: 32px;
	background: url(../images/library/byname_on.gif) no-repeat top right;
}
#submenu_library li.addlibrary a {
	display: block;
	text-indent: -9000px;
	width: 149px;
	height: 38px;
	background: url(../images/library/addlibrary_btn.gif) no-repeat top right;
}
#submenu_library li.addlibrary span {
	display: block;
	text-indent: -9000px;
	width: 149px;
	height: 38px;
	background: url(../images/library/addlibrary_on.gif) no-repeat top right;
}
#content_wapper.library_content h1{
	background:#ffba3c;
}
#gmap_wapper {
	width:880px;
	margin:10px 0 30px 25px;
	padding:10px;
	background:#FFF;
}
#relate_wapper h3.library_relate_head {
	background:url(../images/library/relate_library_head.gif) no-repeat 0 0;
	height:16px;
	width:151px;
}
#relate_library {
	margin:0 0 0 20px;
	padding:5px 0 0 0;
}
#relate_library li{
	display:block;
	padding:0 0 3px 20px;
	margin:5px 0;
	background:url(../images/article/marker.gif) no-repeat 0 2px;
}
.library_list {
	width:270px;
	padding:15px 15px;
	font-size:11px;
	background:#FFF;
}
#library_list_wapper #list_container{
	margin:30px 0 0 0;
}
#list_container .detail_head{
	display:block;
	color:#999;
	font-size:11px;
	padding:10px 0 0 0;
}

h3.gmapadd {
	text-align:right;
	font-size:17px;
	font-weight:normal;
	margin:0 auto 10px auto;
	width:700px;
}
#gmapadd_wapper {
	width:700px;
	margin:0 auto 20px auto;
	padding:10px;
	background:#FFF;
}
#nav_name {
	text-align:center;
	display:block;
	width:860px;
	margin:0 auto;
}
#nav_name span{
	font-size:20px;
	color:#f7a613;
}
.nav_name_bookreview {
	margin:0 auto 30px auto !important;
}

#map-detail{
	text-align:center;
	font-size:12px;
	color:#666;
	margin:0 0 20px 0;
}
#map-detail h3{
	font-size:18px;
	color:#ff9630 ;
	margin:0 0 5px;
	padding:0;
	line-height:18px;
}
#map-detail h3 span{
	color:#333;
}

/*----------Community--------------------------------------*/

#page_header_wapper h2.community_head {
	background:url(../images/community/community_head.png) no-repeat 0 15px;
}
#submenu_community {
	margin:18px 0 0 0;
	float:right;
	height: 40px;
	padding: 0px 20px 0px 0px;
}
#submenu_community li {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 23px 0px 0px 0px;
}

#submenu_community li.talk a {
	display: block;
	text-indent: -9000px;
	width: 90px;
	height: 32px;
	background: url(../images/community/talk_btn.gif) no-repeat top right;
}
#submenu_community li.talk span {
	display: block;
	text-indent: -9000px;
	width: 90px;
	height: 32px;
	background: url(../images/community/talk_on.gif) no-repeat top right;
}
#submenu_community li.award a {
	display: block;
	text-indent: -9000px;
	width: 100px;
	height: 32px;
	background: url(../images/community/award_btn.gif) no-repeat top right;
}
#submenu_community li.award span {
	display: block;
	text-indent: -9000px;
	width: 100px;
	height: 32px;
	background: url(../images/community/award_on.gif) no-repeat top right;
}
#community_content{
	width:720px;
	margin:0 auto;
}
h1#head_talk {
	background:url(../images/community/head_talk.gif) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	width:75px;
	height:40px;
	float:left;
}
.addtalk_topic_btn {
	display:block;
	text-indent:-9999px;
	background:url(../images/community/addtalk_topic_btn.png) no-repeat 0 0;
	width:115px;
	height:28px;
	float:right;
}
#talk_container {
	margin:10px 0 0 0;
	background:#FFF;
	clear:both;
	padding:20px;
}
#talk_wapper{
	
}
#talk_wapper li{
	border-bottom:1px #CCC dashed;
	padding:10px;
}
#talk_wapper li.pin{
	background:#f6f6f6;
}
#talk_wapper li .avatar{
	float:left;
	margin:0 15px 0 0;
}
#talk_wapper li p{
	float:left;
	width:580px;
	display:block;
	
}
#talk_wapper li p a {
	font-size:13px;
	font-weight:bold;
	color:#ff6579;
}
#talk_wapper li .talk_detail{
	display:block;
	font-size:11px;
	color:#999;
	font-weight:normal;
}
#talk_wapper li .comment{
	float:right;
	text-align:center;
	width:28px;
	height:25px;
}
.addtalk_topic_w_btn {
	margin:10px 0 0 0;
	display:block;
	text-indent:-9999px;
	background:url(../images/community/addtalk_topic_btn.png) no-repeat 0 0;
	width:115px;
	height:28px;
	float:right;
}

h1#head_award {
	background:url(../images/community/head_award.gif) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	width:98px;
	height:40px;
	float:left;
}

#award_cat {
	height: 28px;
	padding: 0px 20px 0px 0px;
}
#award_cat li {
	height: 28px;
	float: right;
	margin: 0px 0px 0px 10px;
}

#award_cat li a, #award_cat li span{
	display: block;
	text-indent: -9000px;
	height:28px;
}
#award_cat li.catbyhead span {
	background-position:0 7px;
}
#award_cat li.bydate a {
	width: 94px;
	height:28px;
	background: url(../images/community/bydate_btn.gif) no-repeat right 0;
}
#award_cat li.bydate span {
	display:block;
	width: 94px;
	height:28px;
	background: url(../images/community/bydate_on.gif) no-repeat right 0;
}
#award_cat li.byrate a {
	width: 94px;
	height:28px;
	background: url(../images/community/byrate_btn.gif) no-repeat right 0;
}
#award_cat li.byrate span {
	display:block;
	width: 94px;
	height:28px;
	background: url(../images/community/byrate_on.gif) no-repeat right 0;
}

#community_content .each_mainaward{
	width:690px;
}
#community_content .each_mainaward p{
	width:610px;
}
#community_content .eachaward_footer {
	width:610px;
}

#content_wapper.community_content h1{
	background:#ff6579;
}
.community_content #content_text{
	width:680px;
}
#content_wapper.award .vote{
	float:left;
	width:41px;
	height:48px;
}
#content_wapper.award h1{
	width:630px;
	float:right;
}
#content_wapper.award #content{
	clear:both;
}
#relate_wapper h3.award_relate_head {
	background:url(../images/community/relate_award_head.gif) no-repeat 0 0;
	height:18px;
	width:67px;
}

/*------ About --------------------*/
#page_header_wapper h2.about_head {
	background:url(../images/about/about_head.png) no-repeat 0 10px;
	width:275px;
}
#about_wapper_left {
	width:455px;
	float:left;
}
#about_wapper_right {
	margin:0 0 0 50px;
	width:455px;
	float:left;
}
#about_wapper_left span{
	padding:5px 0 20px 0;
	display:block;
	text-align:right;
}
#about_wapper_right span{
	display:block;
	text-align:left;
}
#about_wapper_right ul {
	list-style-position:outside;
	list-style-type:decimal;
	margin:0 0 20px 20px;
}
#about_wapper_right ul li{
	padding:0 0 5px 0 ;
}
#about_wapper_left h1,#about_wapper_left h2, #about_wapper_right h1,#about_wapper_right h2{
	display:block;
	text-indent:-9999px;
	height:34px;
}
.head_about_web {
	background:url(../images/about/head_web.gif) no-repeat right top;
}
.content_about_web {
	display:block;
	text-indent:-9999px;
	height:87px;
	background:url(../images/about/content_about_web.gif) no-repeat right top;
	margin:0 0 20px 0;
}
.head_vision {
	background:url(../images/about/head_vision.gif) no-repeat right top;
}
.head_philosophy {
	background:url(../images/about/head_philosophy.gif) no-repeat right top;
}
.head_targetgroup {
	background:url(../images/about/head_targetgroup.gif) no-repeat right top;
}
.head_address {
	background:url(../images/about/head_address.gif) no-repeat right top;
}

.head_about {
	background:url(../images/about/head_about.gif) no-repeat left top;
	height:54px !important;
	margin:0 0 15px 0;
}
.content_about {
	display:block;
	text-indent:-9999px;
	height:129px;
	background:url(../images/about/content_about.gif) no-repeat left top;
	margin:0 0 20px 0;
}
.head_objective {
	background: url(../images/about/head_objective.gif) no-repeat left top;
}
.head_role {
	background:url(../images/about/head_role.gif) no-repeat left top;
}
.head_target {
	background:url(../images/about/head_target.gif) no-repeat left top;
}
.pic_about{
	display:block;
	margin:20px 0 0 130px;
	background:url(../images/about/pic_about.png) no-repeat 0 0;
	height:258px;
	width:376px;
}

/*------ Search --------------------*/
#page_header_wapper h2.search_head {
	background:url(../images/share/search_head.png) no-repeat 0 15px;
}
#search_content_wapper{
	margin:0 auto;
	padding:20px 0 10px 0;
	width:860px;
	background:#fff;
}

/*------- Register --------------------*/
#page_header_wapper h2.register_head {
	background:url(../images/login/reg_head.png) no-repeat 0 10px;
}
#register_wapper{
	margin:0 auto;
	padding:0px 0 10px 0;
	width:560px;
}
#register_wapper label{
	margin:0 15px 0 0;
	padding:5px 0 0 0;
	height:35px;
	clear:both;
	text-align:right;
	display:block;
	float:left;
	width:130px;
	font-weight:bold;
	color:#666;
}
#register_wapper input{
	margin:0 5px 0 0;
	display:block;
	padding:5px;
	float:left;
	width:150px;
	background:#FFF;
	border:1px solid #ddbf8b;
}
#register_wapper span{
	margin:0 0;
	display:block;
	float:left;
}
#register_wapper select{
	margin:0 5px 0 0;
	display:block;
	padding:5px;
	float:left;
}
#other_info{
	margin:25px 0 0 0;
}
.gender {
	width:auto !important;
	margin:0 5px 0 15px !important;
	background:none !important;
	border:0 !important;
}
.reg_detail{
	font-size:10px;
	color:#888;
}
#avatar_reg_wapper{
	clear:both;
}
#avatar_reg_wapper img{
	border:4px solid #FFF;
	float:left;
	margin:0 15px 0 60px;
}
#avatar_reg_wapper input{
}
#avatar_reg_wapper span{
	margin:0 0 3px 0;
	display:block;
	float:none;
	font-size:11px;
}
#register_submit_btn {
	text-align:left;
	text-indent:-9999px;
	background:url(../images/login/reg_btn.gif) no-repeat 0 0;
	display:block;
	width:122px;
	height:32px;
	margin:20px 0 0 145px;
}
#more_other_info{
	clear:both;
	background:url(../images/login/line_shadow.png) no-repeat 0  bottom;
	height:32px;
}
#more_other_info_btn{
	text-indent:-9999px;
	background:url(../images/login/other_info_head.png) no-repeat 0 0;
	display:block;
	width:105px;
	height:33px;
	margin:0 0 0 0;
}

#page_header_wapper h2.editprofile_head {
	background:url(../images/login/editprofile_head.png) no-repeat 0 10px;
}
#register_wapper strong{
	font-size:14px;
	display:block;
	padding:3px 0 0 0;
}
#editprofile_submit_btn{
		text-align:left;
	text-indent:-9999px;
	background:url(../images/login/save_btn.gif) no-repeat 0 0;
	display:block;
	width:122px;
	height:32px;
	margin:20px 0 0 145px;
}
#bookreview_reward_wapper {
	width:800px;
	margin:0 auto;
	background:#FFF;
	padding:30px;
}
#bookreview_reward_wapper h1{
	font-size:18px;
	color:#ffba3c;
	margin:10px 0;
}
#bookreview_reward_wapper h2{
	font-size:14px;
	color:#29c9e5;
	margin:10px 0;
}


/* -------- Easy Slider -------------- */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:940px;
		height:320px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:46px;
		position:absolute;
		left:10px;
		top:0px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:880px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:46px;
		height:320px;
		background:url(../images/main/aro_left_feature.gif) no-repeat 0 center;
		text-indent:-9999px;
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/main/aro_right_feature.gif) no-repeat 0 center;
		}	
		
	/* numeric controls */	

	ol#controls{
		position:absolute;
		top:0px;
		right:20px;
		margin:1em 0;
		padding:0;
		height:28px;
		z-index:9999;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		line-height:20px;
		background:#666;
		color:#fff;
		padding:0 7px;
		text-decoration:none;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		border: 2px solid #5DC9E1; 
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* -------- Easy Slider -------------- */



/*------- Bookcrossing --------------------*/
#page_header_wapper h2.bookcrossing_head {
	background:url(../images/bookcrossing/bookcrossing_head.png) no-repeat 0 0;
position:relative;
	z-index:2;
	width:268px !important;
}
#submenu_bookreview li.bookcrossing a {
	display: block;
	text-indent: -9000px;
	width: 114px;
	height: 35px;
	background: url(../images/bookreview/bookcrossing_btn.png) no-repeat top right;
}
#submenu_bookreview li.bookcrossing span {
	display: block;
	text-indent: -9000px;
	width: 114px;
	height: 35px;
	background: url(../images/bookreview/bookcrossing_on.png) no-repeat top right;
}
#bookcossing-headwapper{
	clear:both;
	width:900px;
	position:relative;
	top:-47px;
	margin:0 auto;
	z-index:1;
}
#nav-bookcossing{
	margin:10px 0 0 0;
}
#nav-bookcossing li{
	float:left;
	display:block;
}
#nav-bookcossing li a{
	text-indent:-9999px;
	display:block;
}
#nav-bookcossing li.whatis a{
	background:url(../images/bookcrossing/what_is_bookcrossing_btn.gif) no-repeat 0 0;
	width:183px;
	height:32px;
	margin:0 0 0 30px;
}
#nav-bookcossing li.submit a{
	background:url(../images/bookcrossing/submit_bookcrossing_btn.gif) no-repeat 0 0;
	width:227px;
	height:32px;
	margin:0 0 0 25px;
}
#nav-bookcossing li.map a{
	background:url(../images/bookcrossing/map_bookcrossing_btn.gif) no-repeat 0 0;
	width:176px;
	height:32px;
	margin:0 0 0 25px;
}
#nav-bookcossing li.list a{
	background:url(../images/bookcrossing/list_bookcrossing_btn.gif) no-repeat 0 0;
	width:176px;
	height:32px;
	margin:0 0 0 25px;
}


.whatis-col-left{
	width:480px;
	float:left;
}
.whatis-col-right{
	width:460px;
	float:left;
	padding:0 0 0 20px;
}
.whatis-bookcrossing-head{
	display:block;
	text-indent:-9999px;
	background:url(../images/bookcrossing/what_is_bookcrossing-head.gif) no-repeat 0 0;
	width:453px;
	height:31px;
}
.whatis-bookcrossing{
	width:430px;
	margin:10px 0 30px 0;
	padding:0 0 0 20px;
	font-size:14px;
	line-height:20px;
}
.whatis-bookcrossing h2{
	margin:20px 0 10px 0;
	font-size:16px;
}
.whatis-bookcrossing p{
	margin:10px 0 20px 0;
}
.howto-bookcrossing-head{
	display:block;
	text-indent:-9999px;
	background:url(../images/bookcrossing/howto_bookcrossing-head.gif) no-repeat 0 0;
	width:331px;
	height:29px;
}
.bookcrossing-story-wapper{
	clear:both;
	margin:20px 50px 0 0;
	border:2px #FFF dashed;
	padding:5px 15px;
	line-height:20px;
}
.bookcrossing-story-wapper span{
	font-size:18px;
	font-weight:bold;
	color:#ff5d63;
}
.bookcrossing-story-wapper p{
	margin:10px 0 10px 0;
}
.howto-bookcrossing-list{
	margin:10px 0 10px 20px;
	list-style:square;
	list-style-position:inside;
	font-size:14px;
	line-height:22px;
}
.whatis-submit{
	margin:20px 0 0 30px;
}
.whatis-submit div{
	float:left;
	margin:0 10px;
}
.submit-bookcrossing-big{
	margin:0 20px 0 0;
	display:block;
	text-indent:-9999px;
	background:url(../images/bookcrossing/submit_bookcrossing_btn_big.gif) no-repeat 0 0;
	width:188px;
	height:40px;
	float:left;
}

.graph-bookcrossing{
	margin:20px 0 30px 0;
}
.whatis-map-wapper{
	float:left;
}
.whatis-map-wapper h3{
	margin:0 0 10px 0;
	display:block;
	text-indent:-9999px;
	background:url(../images/bookcrossing/map-head.gif) no-repeat 0 0;
	width:131px;
	height:17px;
}
.map-bookcrossing-wapper{
	padding:4px;
	background:#FFF;
}
.whatis-map-viewmore{
	margin:0 30px 0 0;
	float:right;
	display:block;
	text-indent:-9999px;
	background:url(../images/bookcrossing/viewmore.gif) no-repeat 0 0;
	width:71px;
	height:26px;
}


.whatis-col-bottom{
	margin:30px 0 80px 0;
}
h3.news-bookcrossing-list{
	display:block;
	text-indent:-9999px;
	background:url(../images/bookcrossing/booklist-head.gif) no-repeat 0 0;
	width:122px;
	height:17px;
}


.bookcrossing_pupup_wapper {
	position:absolute;
	z-index:1;
	top:-170px;
	_top:0px;
	left:18px;
	width:184px;
	overflow:hidden;
	z-index:1;
	height:180px;
}
.bookcrossing_pupup_wapper .pupup_container {
	display:none;
	top:60px;
	left:0px;
	position:relative;
}
.bookcrossing_pupup_wapper .pupup_content {
	padding:10px 23px 0 17px;
	width:144px;
	background:url(../images/bookreview/popup_bg.png) no-repeat left top;
}
.bookcrossing_pupup_wapper h3 {
	color:#FFF;
	line-height:18px;
	font-size:12px;
	padding:0;
	border-bottom:1px solid #aebd39;
}
.bookcrossing_pupup_wapper span {
	line-height:14px;
	font-size:11px;
	display:block;
}
.bookcrossing_pupup_wapper .author {
	color:#CCC;
}
.bookcrossing_pupup_wapper .author_title {
		padding:3px 0 0 0;
	color:#666;
}
.bookcrossing_pupup_wapper .comment {	
	padding:3px 0;	
	margin:0;
	height:auto;
	font-size:9px;
	color:#96b716;
	text-align:left;
	background:none;
}
.bookcrossing_pupup_wapper .status-wapper{
	width:100%;
	margin:10px 0 5px 0;
}
.bookcrossing_pupup_wapper .status-title{
	float:left;
	color:#999;
	margin:0 5px 0 0;
}
.bookcrossing_pupup_wapper .status{
	float:left;
	font-size:11px;
	color:#FFF;
	line-height:11px;
	padding:2px 5px;
	font-weight:bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.available
{
	background:#a2be1a;
}
.unavailable{
	background:#999;
}
.bookcrossing_pupup_wapper .address{
	color:#fff;
	font-size:11px;
	background:url(../images/bookcrossing/address_icon.png) no-repeat 0 0;
	padding:0 0 5px 17px;
}
.bookcrossing_pupup_wapper .user{
	color:#999;
}
.bookcrossing_pupup_wapper .user strong{
	color:#fff;
}


/*------- Bookcrossing Submit 1--------------------*/
#nav-addbookcrossing{
	width:705px;
	height:32px;
	margin:0 auto;
}
#nav-addbookcrossing li{
	float:left;
	display:block;
	width:50%;
	padding:8px 0 0 0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
#nav-addbookcrossing li.on{
	color:#FFF;
}
#nav-addbookcrossing li.off{
	color:#999;
}
.addbookcrossing-step1{
	background:url(../images/bookcrossing/submit/tap-1.gif) no-repeat 0 0;
}
.addbookcrossing-step2{
	background:url(../images/bookcrossing/submit/tap-2.gif) no-repeat 0 0;
}
.checkbox-mail-alert{
	clear:both !important;
	display:block !important;
	float:left !important;
	padding:0px 10px 0 0 !important;
	text-align:right !important;
	width:auto !important;
	margin:0 0 0 115px !important;
	border:none !important;
}
.mail-alert{
	clear:none !important;
	float:left !important;
	margin:0 0 20px 10px !important;
	padding:0 !important;
	text-align:left !important;
	width:300px !important;
}
.submitadd-bookcrossing_btn{
	margin:20px auto 0 auto;
	display:block;
	text-indent:-9999px;
	background:url(../images/bookcrossing/submit/submit-btn.gif) no-repeat 0 0;
	width:156px;
	height:37px;
}

/*------- Bookcrossing submit 2--------------------*/

.view-bookcrossing_btn{
	margin:20px auto 0 auto;
	display:block;
	text-indent:-9999px;
	background:url(../images/bookcrossing/submit/views-btn.gif) no-repeat 0 0;
	width:156px;
	height:37px;
}
.submit-succeed{
	display:block;
	width:250px;
	margin:0 auto 30px auto;
	background:#c8f99f;
	border:solid 1px #9C0;
	text-align:center;
	color:#339900;
	padding:5px;
	font-size:14px;
}
.bookcrossing-succeed-wapper{
	text-align:center;
}
.bookcrossing-code{
	font-size:16px;
	text-align:center;
	display:block;
	width:380px;
	border:solid 1px #cccccc;
	margin:5px auto 5px auto;
	padding:9px;
}
.bookcrossing-code-detail{
	font-size:11px;
	color:#d39d0b;
	line-height:14px;
}
.bookcrossing-code-detail-btn{
	font-size:11px;
	color:#d39d0b;
	line-height:14px;
	text-align:left;
}
.submit-col-wapper{
	margin:40px auto 20px auto;
	width:430px;
}
.submit-col-left{
	width:200px;
	float:left;
	margin:0;
}
.submit-col-right{
	width:230px;
	float:left;
	padding:20px 0 0 0;
	margin:0 0 0 0px;
	text-align:center;
}
.save-bookcrossing_btn{
	margin:0 10px 0 0;
	display:block;
	float:left;
	text-indent:-9999px;
	background:url(../images/bookcrossing/submit/save-btn.gif) no-repeat 0 0;
	width:79px;
	height:35px;
}
.print-bookcrossing_btn{
	margin:0 10px 0 0;
	display:block;
	float:left;
	text-indent:-9999px;
	background:url(../images/bookcrossing/submit/print-btn.gif) no-repeat 0 0;
	width:79px;
	height:35px;
}
.submit-col-right img{
	margin:30px 0 10px 0;
}

/*------- Bookcrossing booklist--------------------*/

#submenu_bookcressing{
	margin:0;
	float:right;
	height: 40px;
	padding: 0px 20px 0px 0px;
}
#submenu_bookcressing li {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 0;
}
#submenu_bookcressing li.catbyhead{
	padding:5px 0 0 0;
}
#submenu_bookcressing li.bydate a {
	display: block;
	text-indent: -9000px;
	width: 118px;
	height: 28px;
	background:url(../images/bookcrossing/booklist/date_btn.gif) no-repeat bottom right;
}
#submenu_bookcressing li.bydate span {
	display: block;
	text-indent: -9000px;
	width: 118px;
	height: 28px;
	background:url(../images/bookcrossing/booklist/date_on.gif) no-repeat bottom right;
}
#submenu_bookcressing li.byname a {
	display: block;
	text-indent: -9000px;
	width: 94px;
	height: 28px;
	background:url(../images/bookcrossing/booklist/name_btn.gif) no-repeat bottom right;
}
#submenu_bookcressing li.byname span {
	display: block;
	text-indent: -9000px;
	width: 94px;
	height: 28px;
	background:url(../images/bookcrossing/booklist/name_on.gif) no-repeat bottom right;
}
#submenu_bookcressing li.byupdate a {
	display: block;
	text-indent: -9000px;
	width: 108px;
	height: 28px;
	background:url(../images/bookcrossing/booklist/update_btn.gif) no-repeat bottom right;
}
#submenu_bookcressing li.byupdate span {
	display: block;
	text-indent: -9000px;
	width: 108px;
	height: 28px;
	background:url(../images/bookcrossing/booklist/update_on.gif) no-repeat bottom right;
}


.bookcressing_wapper {
	position:relative;
}
.bookcressing_list{
	line-height:300px;
	margin:0 auto;
	width:880px;
}

/*------- Bookcrossing PageIn--------------------*/


#bookcrossing-top-wapper{
	margin:10px 0 20px 0;
}
.shelf-mini-wapper{
	float:left;
	width:200px;
	position:relative;
	text-align:center;
}
.shelf-mini{
	bottom:-50px;
	background:url(../images/bookcrossing/shelf_mini.png) no-repeat scroll center top transparent;
	height:79px;
	position:absolute;
	width:200px;
	z-index:2;
}
.bookcrossing-detail-wapper{
	float:left;
	width:100px;
}
.bookcrossing-detail-wapper .status-title{
	display:block;
	margin:0 0 5px 0;
}
.bookcrossing-detail-wapper .status,
.head-update-wapper .status{
	font-size:13px;
	color:#FFF;
	line-height:13px;
	padding:3px 5px;
	font-weight:bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #dec6a5;
	-moz-box-shadow: 2px 2px 2px #dec6a5;
	-webkit-box-shadow: 2px 2px 2px #dec6a5;
}
.bookcrossing-detail-wapper .address-title{
	margin:30px 0 5px 0;
	display:block;
	background:url(../images/bookcrossing/address_icon.png) no-repeat 0 3px;
	padding:0 0 0 18px;
	color:#333;
}
.bookcrossing-detail-wapper .address{
	padding:10px 0 0 0;
	font-size:11px;
	background:none;
	color:#666;
}
.bookcrossing-map-wapper{
	float:right;
}

.bookcressing-update-content{
	background:#FFF;
	margin:20px 0 20px 0;
	clear:both;
	position:relative;
}
.head-update-wapper{
	background:#ff6163;
	height:30px;
	line-height:30px;
	color:#FFF;
	padding:0 15px;
}
.head-update-wapper .address{
	background:url(../images/bookcrossing/address_icon.png) no-repeat 0 2px;
	padding:0 0 0 18px;
	color:#fff;
	margin:0 0 0 20px;
}
.bookcressing-content{
	padding:20px;
}
.bookcressing-update-content .date{
	margin:10px 0 0 0;
	display:block;
	clear:both;
	text-align:right;
	color:#999999;
	font-size:11px;
}
.bookcressing-update-content .avatar{
	position:absolute;
	right:-100px;
}
.avatar-box{
	font-size:11px !important;
	line-height:13px !important;
	padding:0 0 5px 0;
	color:#666;
}
#update_from_wapper{
	clear:both;
	width:720px;
	margin:20px auto 0 auto;
}
#update_from_wapper h3{
	display:block;
	background:url(../images/share/comment/update_from_bgtop.png) no-repeat 0 0;
	text-indent:-9999px;
	height:46px;
}
.update_btn{
	margin:30px 0 0 0;
	display:block;
	background:url(../images/share/comment/update_btn.gif) no-repeat 0 0;
	float:right;
	width:138px;
	height:28px;
	text-indent:-9999px;
}
#update_from-wapper {
	padding:0 20px 20px 20px;
	background:#fff url(../images/share/comment/comment_from_bg_bottom.gif) no-repeat 0 bottom;
}





#update_from {
	padding:10px 0 20px 0;
	line-height:11px;
	color:#f8bd29;
	font-size:10px;
}
#update_from span{
	color:#999;
}
#update_from label {
	font-size:12px;
	color:#666;
	display:block;
	clear:both;
	width:100px;
	text-align:right;
	padding:8px 15px 0 0;
	float:left;
}
#update_from label.bold {
	line-height:18px;
	font-size:16px;
	font-weight:normal;
	padding:5px 15px 0 0;
}
#update_from input{
	color:#333;
	padding:5px;
	margin:0 5px 20px 0;
	width:300px;
	text-align:left;
	border:1px solid #ccc;
	float:left;
}
#update_from select {
	width:120px;
	font-size:16px;
	padding:3px 0;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:30px;
	color:#333;
	margin:0 5px 20px 0;
}
.status_available{
	color:#ff6163;
}
.status_unavailable{
	color:#999;
}
.checkbox-mail-alert-update{
	width:auto !important;
	margin:0 0 0 115px !important;
	border:none !important;
	padding:0 !important;
}
.mail-alert-update{
	text-align:left !important;
	width:300px !important;
	clear:none !important;
	padding:0 0 0 10px !important;
}
#content_panel .avatar{
	margin:0 0 15px 10px;
	width:70px;
}

/* ---- Download Container-------------- */

#page_header_wapper h2.download_head {
	background:url(../images/download/download_head.png) no-repeat 0 5px;
}

.each_download{
	background:#FFF;
	padding:15px 15px 15px 0;
	width:670px;
	margin:0 0 10px 0;
}
.each_download h3{
	float:right;
	display:block;
	font-size:18px;
	font-weight:normal;
	background:#20c5f8 url(../images/download/head_left.gif) repeat-y 0 0;
}
.each_download h3 a{
	color:#FFF;
	padding:5px 10px;
	width:515px;
	display:block;
	background: url(../images/download/head_right.gif) repeat-y right 0;
}
.each_download p{
	display:block;
	float:right;
	color:#666;
	padding:5px 0 10px 5px;
	width:525px;
}
.each_download .img-thumb{
	float:left;
	margin:0 0 0 20px;
}
.each_download .img-thumb img{
	border:1px solid #ebd8b7;
}
.each_download .readmore{
	background:url(../images/download/download_btn.png) no-repeat 0 0;
	width:127px;
	height:47px;
}
.each_download-left{
	float:right;
	width:525px;
}
.each_download .detail{
	float:left;
	width:380px;
	padding:0;
	color:#999;
	line-height:16px;
}
.each_download .detail span{
	color:#000;
}

#download_content {
	width:670px;
	margin:0 0 20px 0;
	float:left;
}

#download-group-wapper{
	width:250px;
	float:left;
	margin:0 20px 0 0;
	
}
#download-group{
	background:#fff;
	padding:7px 15px 15px;
}
#download-group li{
	border-bottom:1px dashed #eabf58;
	padding:7px 0;
	font-size:14px;
}
#download-group li a{
	color:#999;
}
#download-group li span{
	color:#20c5f8;
	font-weight:bold;
}
#head-download-group{
	background:url(../images/download/head-group.png) no-repeat center 0;
	display:block;
	width:250px;
	height:32px;
	text-indent:-9999px;
}
.download-shadow{
	background:url(../images/download/shadow.png) no-repeat center 0;
	display:block;
	height:27px;
	width:250px;
}

/* ---- Partner Container-------------- */

#page_header_wapper h2.partner_head {
	background:url(../images/partner/partner_head.png) no-repeat 0 10px;
}

.each_partner{
	background:#FFF;
	padding:15px;
	width:720px;
	margin:0 auto 10px auto;
}
.each_partner h3{
	float:right;
	display:block;
	font-size:18px;
	font-weight:normal;
	background:#ffbb1b url(../images/partner/head_left.gif) repeat-y 0 0;
}
.each_partner h3 a{
	color:#FFF;
	padding:5px 10px;
	width:580px;
	display:block;
	background: url(../images/partner/head_right.gif) repeat-y right 0;
}
.each_partner p{
	display:block;
	float:right;
	color:#666;
	padding:5px 0 10px 5px;
	width:595px;
}
.each_partner .img-thumb{
	float:left;
	margin:0 0 0 5px;
}
.each_partner .img-thumb img{
	border:1px solid #ebd8b7;
}
.each_partner .readmore{
}
.each_partner-left{
	float:right;
	width:525px;
}
.each_partner h4{
	color:#666;
	font-size:12px;
	margin:15px 0 5px 5px;
}

.each_partner #talk_wapper{
	border-top:#ccc 1px dashed;
}
.each_partner #talk_wapper p{
	padding:0;
}
.each_partner #talk_wapper li p a{
	color:#ffd15e;
}

.each_partner .readmore{
	margin:10px 0 0 0;
}

.add-partner_btn {
	margin:10px 0 0 0;
	display:block;
	text-indent:-9999px;
	background:url(../images/partner/add-partner-btn.png) no-repeat 0 0;
	width:115px;
	height:28px;
	float:right;
}

#content_wapper.partner_content h1{
	background:#FFBB1B;
}
.partner_content #content_text{
	width:680px;
}



/*================ Main Ver2=================*/

/*================ Main News=================*/
#main_news_container-v2{
	position:static;
	margin:0 0 20px 0;
}
.each_mainnews-v2{
	width:540px;
	background:#fff;
	padding:10px;
	margin:0 0 10px;
}
.each_mainnews-v2 img{
	float:left;
}
.each_mainnews-v2 .mainnews{
	position:static;
}

.each_mainnews-v2 .mainnews-v2{
	float:left;
	width:290px;
}
.each_mainnews-v2 .mainnews-v2 h3{
	display:block;
	color:#FFF;
	font-size:13px;
	background:#96b716 url(../images/news/head_right.gif) repeat-y right 0;
	padding:3px 7px 3px 10px;
	margin:0 0 10px;
}
.each_mainnews-v2 .mainnews-v2 h3 a{
	color:#FFF;
}
.mainnews-v2 .detail-v2{
	display:block;	
	font-size:10px;
	color:#999;
	margin:5px 0 5px 10px;
	float:left;
}
.mainnews-v2 p{
	padding:0 0 0 10px;
	line-height:16px;
}

#main-other-news{
	margin:30px 0 20px 0;
}
.each-other-news{
	float:left;
	margin:0 20px 0 0;
	width:125px;
}
.each-other-news.last{
	margin:0;
}
.each-other-news h3{
	margin:5px 0 0 0;
}
.each-other-news h3 a{
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	color:#666;
}

/*================== Main Article ======================*/
#main-article-contain-v2 {
	background:url(../images/main/bg-article.png) no-repeat 70px 0;
	padding:15px 0 0 0;
	height:376px;
	position:relative;
	margin:0 0 10px;
}
.main-article-btn{
	position:absolute;
}
.each_mainarticle-v2{
	margin: 0 0 0 100px;
	width:435px;
}
.each_mainarticle-v2 ul li{
	border-bottom:1px dashed #ff9f19;
	padding:5px 0;
}
.each_mainarticle-v2 .detail-v2{
	display:block;	
	font-size:10px;
	color:#999;
}
.each_mainarticle-v2 h3 a{
	font-size:12px;
	font-weight:normal;
	color:#333;
}
.each_mainarticle-v2 .readmore{
	margin:5px 0 0 0;
}

#main-article-nav{
	position:absolute;
	top:40px;
}
#main-article-nav li{
	display:block;
}
#main-article-contain-v2 .main-article-btn{
	display:block;
	width:76px;
	height:76px;
	text-indent:-9999px;
	position:static;
}
#article.main-article-btn{
	background:url(../images/main/artcle-btn.png) no-repeat 0 0;
}
#research.main-article-btn{
	background:url(../images/main/research-btn.png) no-repeat 0 0;
}
#static.main-article-btn{
	background:url(../images/main/static-btn.png) no-repeat 0 0;
}

#article.main-article-btn.current{
	background:url(../images/main/article-on.png) no-repeat 0 0;
	
}
#research.main-article-btn.current{
	background:url(../images/main/research-on.png) no-repeat 0 0;
}
#static.main-article-btn.current{
	background:url(../images/main/static-on.png) no-repeat 0 0;
}

/*================ Download ==================*/
#main_download_wapper{
	margin:0 0 30px;
}
#main_download_wapper h2 a{
	display:block;
	background: url(../images/main/head_download.png) no-repeat 0 0;
	width:166px;
	height:74px;
	text-indent:-9999px;
	margin:0 0 10px 0;
}
#main_download_container{
	background:#fff;
	padding:10px 20px;
	width:520px;
	margin:0 0 10px;
}
.each_maindownload {
border-bottom:1px dashed #ff9f19;
	margin:0 0 15px;
	padding:0 0 15px;
}
.each_maindownload .thumb-img{
	float:left;
}
.each_maindownload .thumb-img img{
	border:3px #fff solid;
	box-shadow: 3px 3px 3px #d1b286;
	 -moz-box-shadow: 3px 3px 3px #d1b286;
	-webkit-box-shadow: 3px 3px 3px #d1b286;
}
.maindownload-detail{
	float:left;
	width:460px;
}
.maindownload-detail .detail{
	padding: 3px 0 5px 15px;
	width:300px;
	float:left;
}
.maindownload-detail h3{
	margin:3px 0 0 15px;
}
.maindownload-detail h3 a{
	font-size:15px;
}
.download-btn{
	display:block;
	background:url(../images/main/download-btn.png) no-repeat 0 0;
	text-indent:-9999px;
	width:83px;
	height:33px;
	float:right;
}
#more_download{
	clear:both;
	float:right;
	width:160px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background: url(../images/main/more_download.png) no-repeat right top;
	margin:0 20px 0 0;
}

/*============== Banner-Side =================*/
#banner-side-wapper{
	margin: 75px 0 0 0;
}
#banner-side-wapper li{
	margin:0 0 20px;
}
#banner-side-wapper li img{
box-shadow: 3px 3px 3px #d1b286;
	 -moz-box-shadow: 3px 3px 3px #d1b286;
	-webkit-box-shadow: 3px 3px 3px #d1b286;
}

/*============== Bookcrossing =================*/
#main_bookcrossing_wapper{
	margin:0 0 40px;
}
#main_bookcrossing_wapper h2 a{
	display:block;
	background: url(../images/main/head_bookcrossing.png) no-repeat 0 0;
	width:202px;
	height:83px;
	text-indent:-9999px;
	margin:0 0 10px 0;
}
#more_bookcrossing{
	clear:both;
	float:right;
	width:144px;
	height:15px;
	display:block;
	text-indent:-9999px;
	background: url(../images/main/more_bookcrossing.png) no-repeat right top;
	margin:0 20px 0 0;
}
#main-bookcrossing-shelf{
	background:url(../images/main/bg-bookcrossing.png) no-repeat center bottom;
	padding:0 20px 34px;
}
#main-bookcrossing-shelf{
	width:100%;
}
#main-bookcrossing-shelf td{
	width:50%;
	text-align:center;
	vertical-align:bottom;
}

/*=============== News CSS ================*/
.sub-menu{
	display:none;
	position:absolute;
	z-index:100000;
	top:56px;
	left:-13px;
	padding:3px 0 10px;
	margin:0;
	box-shadow: 3px 3px 3px rgba(0 ,0 ,0 ,.2);
	 -moz-box-shadow: 3px 3px 3px rgba(0 ,0 ,0 ,.2);
	-webkit-box-shadow: 3px 3px 3px rgba(0 ,0 ,0 ,.2);
	background:#fff url(../images/share/bg-submenu-top.jpg) repeat-x 0 0;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
#main_nav li:hover .sub-menu{
	/*display:block;*/
}
.sub-menu li{
	display:inline;
	margin:0;
	padding:0 10px;
	line-height:23px;
	height:23px;
	border-bottom:1px dashed #86eeff;
}
/*.sub-menu li:hover{
	background:#fffcf4;
}*/
.sub-menu li:hover{
	background: url(../images/share/bg-submenu.jpg) repeat 0 0;
}
.sub-menu li:hover a{
	color:#fff;
}
#nav_download .sub-menu{
	left:-43px;
	width:170px;
}
#nav_download .sub-menu li{
	width:150px;
}
#nav_download .sub-menu li a{
	width:150px;
}

#nav_bookreview .sub-menu,
#nav_partner .sub-menu{
	left:-43px;
	width:170px;
}
#nav_bookreview .sub-menu li,
#nav_partner .sub-menu li{
	width:150px;
}
#nav_bookreview .sub-menu li a,
#nav_partner .sub-menu li a{
	width:150px;
}

/*=============== Submenu Partner====================*/
#submenu_partner {
	margin:15px 0 0 0;
	float:right;
	height: 40px;
	padding: 0px 20px 0px 0px;
}
#submenu_partner li {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 23px 0px 0px 0px;
}

#submenu_partner li.partner a {
	display: block;
	text-indent: -9000px;
	width: 143px;
	height: 35px;
	background: url(../images/partner/partner_btn.png) no-repeat top right;
}
#submenu_partner li.partner span {
	display: block;
	text-indent: -9000px;
	width: 143px;
	height: 35px;
	background: url(../images/partner/partner_on.png) no-repeat top right;
}

#submenu_partner li.org a {
	display: block;
	text-indent: -9000px;
	width: 143px;
	height: 35px;
	background: url(../images/partner/org_btn.png) no-repeat top right;
}
#submenu_partner li.org span {
	display: block;
	text-indent: -9000px;
	width: 143px;
	height: 35px;
	background: url(../images/partner/org_on.png) no-repeat top right;
}

/*=========== Reading TV =============*/
#video_content {
	width:670px;
	margin:0 0 20px 0;
	float:left;
}

#video-group-wapper{
	width:250px;
	float:left;
	margin:0 20px 0 0;
	
}
#video-group{
	background:#fff;
	padding:7px 15px 15px;
}
#video-group li{
	border-bottom:1px dashed #eabf58;
	padding:7px 0;
	font-size:14px;
}
#video-group li a{
	color:#999;
}
#video-group li span{
	color:#7559A0;
	font-weight:bold;
}
#head-video-group{
	background:url(../images/video/head-group.png) no-repeat center 0;
	display:block;
	width:250px;
	height:32px;
	text-indent:-9999px;
}
.video-shadow{
	background:url(../images/video/shadow.png) no-repeat center 0;
	display:block;
	height:27px;
	width:250px;
}
.each-video-fetured{
	background:#fff;
	padding:15px;
}
.each-video-fetured .video-wrapper{
	text-align:center;
}
.each-video-fetured h3{
	background:#7559A0;
	display:block;
	margin:10px 0 0;
}
.each-video-fetured h3 a{
color:#FFF;
	padding:5px 10px;
	display:block;
	font-size:16px;
}
.each-video-fetured p{
	margin:10px 0 10px 10px;
}

#video_content .detail{
	padding-left:0px;
}
.each-video-fetured .detail{
	padding-left:10px !important;
}

.each-video{
	margin:20px 22px 20px 0;
	width:200px;
	float:left;
}
.each-video.last{
	margin-right:0px;
}
.each-video .video-thumb{
	height:160px;
	overflow:hidden;
}
.each-video h3 a{
	display:block;
	margin:5px 0 0 0;
	line-height:15px;
	color:#7559A0;
}
.video-content{
	text-align:center;
	padding:20px;
}
#content_text-video{
	color: #555555;
    float: left;
    padding: 20px;
    width: 680px;
}

/*===========  MainVideo =============*/

#more_video {
	clear:both;
	float:right;
	width:160px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background: url(../images/main/more_video.png) no-repeat right top;
	margin:0 20px 0 0;
}
#main_video_wapper h2 a{
	display:block;
	background: url(../images/main/head_video.png) no-repeat 0 0;
	width:196px;
	height:96px;
	text-indent:-9999px;
	margin:0 0 10px 0;
}

#main-video-content{
	background:#fff;
	padding:20px;
	width:520px;
	text-align:center;
}
#main-video-content h3{
	display:block;
	background:#7559A0;
	margin:15px 0 0px;
}
#main-video-content h3 a{
	color:#fff;
	font-size:16px;
	padding:5px;
	display:block;
	text-align:left;
}



#main-other-video{
	margin:30px 0 20px 0;
}
.each-other-video{
	float:left;
	margin:0 30px 0 0;
	width:160px;
}
.each-other-video.last{
	margin:0;
}
.each-other-video h3{
	margin:5px 0 0 0;
}
.each-other-video h3 a{
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	color:#666;
}
sub{
	vertical-align: sub;
}
ol {
list-style-image: none;
list-style-position: inside;
list-style-type: decimal;
}
ol li{
	padding-bottom: 10px;
}