@import "reset.css";
html, body { background:#000; color:#000; font-family:Arial,sans-serif,宋体; font-size:12px; line-height:150%; }
body { height:100%; }
a { color:#0584ef; text-decoration:none; }
a:hover { text-decoration:underline; }
span.button {display:-moz-inline-box; display:inline-block; *display:inline; *zoom:1; width:90px; height:35px; line-height:35px; padding-left:45px; background:url(images/button.gif) no-repeat; }
span.button a { color:#000; }
span.button a:hover { color:#FFF; text-decoration:none; }
p { margin:10px 0; }
p.msg { color:#f8cb0e; }
p.alert a { color:#FFF; text-decoration:underline; }
p.alert a:hover { color:#fdca0f; }
input.txt { font-family:Arial; color:#EEE; }
input.txt:focus { border:1px solid #fdca0f !important; color:#fdca0f; font-family:Arial; }
b a { color:#000; text-decoration:underline; }
b a:hover { color:#fdca0f; }

.container { width:1003px; height:610px; background:url(images/back.jpg) no-repeat; margin:0 auto; position:relative; }
.main { height:558px; }

h1.logo { width:78px; height:73px; position:absolute; left:30px; bottom:15px; }
h1.logo a { display:block; width:78px; height:73px; text-indent:-9999px; background:url(images/logo.gif) no-repeat; z-index:9999; }
h2.logo { width:270px; height:22px; background:url(images/h2_logo.gif) no-repeat; text-indent:-9999px; position:absolute; left:110px; bottom:60px; }


#magazineShow { height:500px; overflow:hidden; position:absolute; left:0; top:0; width:830px; }
#magazineShow ul { position:relative; left:600px; width:230px; }
#magazineShow li { margin:15px; text-align:center; }
#magazineShow li.prev img ,#magazineShow li.after img { width:126px; opacity:0.3; filter:alpha(opacity=30); *margin-left:45px; }
#prev { position:absolute; left:880px; top:390px; border:none; width:21px; height:16px; overflow:Hidden; background:url(images/up.gif); cursor:pointer; text-indent:-9999px; }
#next { position:absolute; left:880px; top:430px; border:none; width:21px; height:16px; overflow:Hidden; background:url(images/down.gif); cursor:pointer; text-indent:-9999px; }
button.on { background-position:left bottom !important; cursor:default !important; }
#magazineShow div.coverDetail { display:none; }

#navigator { width:100%; height:53px; overflow:hidden; background:#fccb0f; position:absolute; bottom:0; left:0; z-index:0; }
#navigator ul { margin-left:120px; }
#navigator li { display:-moz-inline-box; display:inline-block; *display:inline; *zoom:1; height:43px; padding-top:10px; float:left; }
#navigator li.last a { border:none; }
#navigator li.on { background:url(images/li_on.gif) repeat-x; }
#navigator a { color:#7f6506; border-right:1px solid #fee588; display:-moz-inline-box; display:inline-block; *display:inline; *zoom:1; padding:0 18px;  }
#navigator a:hover { text-decoration:none; }
#navigator a em { font-weight:bold; color:#000; }

div#links { position:absolute; right:40px; bottom:60px; }
div#links a { color:#fefefe; padding:0 2px; }
div#links a.last { border:None; }
div#links a:hover { color:#fdca0f; text-decoration:underline; }

div#search { position:absolute; bottom:12px; right:30px; *bottom:0; }
div#search select { margin:0 10px; }
div#search input.submit { width:60px; height:26px; line-height:20px; background:url(images/submit.gif) no-repeat center 1px; border:none; color:#000; cursor:pointer; }


div#covernews { position:absolute; left:90px; top:108px; width:445px; }
div#covernews h1 { font-size:20px; font-family:微软雅黑,华文中宋,宋体; line-height:200%; }
div#covernews h3 { font-weight:normal; font-size:12px; color:#FFF; }
div#covernews div.content p { line-height:200%; }

div#content {
  margin: 0 auto;
  padding-top: 20px;
  width: 785px;
}
div#content div.title { border-bottom:2px solid #000; padding-bottom:4px; margin-bottom:15px; }
div#content h1 { font-size:14px; font-family:微软雅黑,华文中宋,黑体; color:#fdca0f; border-bottom:2px solid #fdca0f; display:inline; padding:3px 0; }
div#content h1 span { color:#000; }
div#content p { margin:5px 0; line-height:175%; }
div#content dt { color:#FFF; font-weight:bold; }
div#content dd { margin-bottom:30px; }
div#content dd b { margin-right:8px; }

#scrollbar_container { width:280px; float:right; margin:10px 0 0 60px; color:#FFF; position:relative; }
#scrollbar_track {  position:absolute; top:0; right:0; height:100%; width:10px; background-color:#737373; cursor:move; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; } 
#scrollbar_handle { width:10px; background-color:#fbcb0f; cursor:move; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; opacity:0.9; -moz-opacity:0.9; }
#scrollbar_content { overflow:hidden; width:279px; height:380px; }  

#organization { overflow:hidden; width:279px; height:380px; }
#organization span.sign { color:#fbcb0f; }
#organization div.group { border-left:1px solid #FBCB0F; margin-bottom:15px; }


div.book-right { margin-left:30px; }
div#content div.book-right p { line-height:150%; }

#gift-form { width:365px; float:left; margin-right:35px; }
#gift-form h3 { font-size:12px; font-weight:bold; color:#FFF; padding-left:40px; background:url(images/arrow.gif) no-repeat left center; }
#gift-form input.txt ,#gift-form select { border:1px solid #ccc; }
#gift-form input.txt { width:147px; background:transparent; font-size:12px; padding:2px; }
#gift-form input.txt-l { width:330px; }
div#content #gift-form p { line-height:150%; margin:0; margin-top:6px; }
#gift-form input.submit { width:132px; padding-left:25px; height:31px; font-size:14px; border:none; cursor:pointer; background:url(images/gift_submit.gif) no-repeat; margin-top:20px; }
input.book-submit { width:103px; height:32px; padding-left:23px; line-height:24px; border:none; cursor:pointer; background:url(images/book_submit.gif) no-repeat; }
#gift-icon { width:303px; float:right; color:#faca0e; }
input.book-submit { width:103px; height:32px; padding-left:23px; line-height:24px; border:none; cursor:pointer; background:url(images/book_submit.gif) no-repeat; }
input.book-submit2 { width:104px; height:35px; padding-left:23px; line-height:25px; border:none; cursor:pointer; background:url(images/book_submit_2.gif) no-repeat; }

div#content #gift-icon p { margin-right: 55px; }

#gift-form table.booklist { margin:8px 0; }
#gift-form table.booklist td { padding:2px; }

#gift-msg { text-align:center; margin-top:150px; }
#gift-msg .ok { display:-moz-inline-box; display:inline-block; *display:inline; *zoom:1; padding-left:50px; font-size:14px; height:50px; line-height:50px; background:url(images/gift_ok.gif) no-repeat left center; }

#book-plus a { color:#FFF; text-decoration:underline; }
#book-plus a:hover { color:#F8CB0E; }
#book-plus span { margin-left:75px; } 

#prefer { margin-top:14px; padding:12px 20px; border:2px solid #e3e3e3; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; }
#prefer li p { color:#FFF; padding-left:25px; background:url(images/arrow_yellow.gif) no-repeat left center;  }

#booklib { width:350px; height:150px; overflow:hidden; } 
#booklib li { height:1%; overflow:hidden; color:#000; margin-bottom:15px; *height:125px; }
#booklib li .icon { float:left; }
#booklib li .icon  img { width:80px; }
#booklib li .content { margin-left:100px; }
#booklib li .content p { margin:0; }

#book-result { width:460px; float:left; margin-top:-20px; }
#book-result caption { font-weight:bold; line-height:35px; padding-left:35px; background:url(images/arrow_gray.gif) no-repeat left center;  }
#book-result td { border:1px solid #ccc; padding:1px 3px; }
#book-result td span.label { color:#FFF;}
#book-result-num { float:right; width:290px; }
#book-result-num .info { margin:10px 0 20px; padding-left:60px; background:url(images/gift_ok.gif) no-repeat left center; }
#book-result-num .info p { color:#FFF; }


/*
 update for magazine description
 by wqianggg@gmail.com
 at 2010-11.25
*/
		div.mz_about {
			height: 446px; padding-left: 82px; padding-top: 74px;
			position: relative;
			background: url(images/mz_back.jpg) no-repeat 464px 0;
		}
		div.mz_about h1 {
			width: 380px; height: 89px; background: url(images/mz_h1.gif) no-repeat;
			text-indent: -9999px;
		}
		div.mz_about h2 {
			width: 280px; height: 66px; background: url(images/mz_h2.gif) no-repeat;
			text-indent: -9999px;
		}
		div.mz_about p{
			margin: 0;
		}
		div.mz_about p.more {
			margin-top: 12px;
			margin-bottom: 34px;
		}
		div.mz_about p.more a {
			display: block; text-indent: -9999px; cursor: pointer;
			width: 90px; height: 26px; background: url(images/mz_more.gif) no-repeat;
		}