/* - - - - - - CSS Document - - - - - - - - -

Title : mag style sheet

Version: 1.0

Updated: 05.24.10 

Author : mcplive.cn

- - - - - - - - - - - - - - - - - - - - - */

/*Layout*/

body { background-color:#DADADA; font-size:12px;}
#wrap { width:960px; margin:0 auto; background:#fff;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; line-height:0;}


/*content*/
#magazine{ width:950px; margin:0px 5px; padding:8px 0px;}
#magazine .left{ float:left; width:673px; border: solid 1px #D2D2D2; margin:0px; padding:0px;}
#magazine .right{ float:left; width:265px; margin: 0px 0px 0px 10px; padding:0px; }
.addressbar{ width:673px; height:25px; border-bottom:solid 1px #D2D2D2; font-size:12px; color:#747373; padding-top:12px;}
.addressbar a{ color:#747373; text-decoration: none; margin:0px 10px;}
.addressbar a:hover{ color:#000; text-decoration:underline;}
#magazine .left .magcontent{ width:669px; background:#F8F6F6; border: solid 2px #fff; margin:0px; padding:0px;}
#magazine .left .magcontent .leftpart{ float:left; width:297px; background:url(../img/mag_bg.jpg) no-repeat; padding:26px 0px 0px 15px; margin:0px;}
.magcontent .leftpart img{ width:280px; height:392px;}
.magcontent .leftpart p{ width:297px; text-align:center; font-family:'Microsoft yahei', 'Arial'; font-size:18px; color:#fff; font-weight:bold; margin: 14px 0px 0px 0px;}


.searchri {width:297px; margin:15px 0px 0px; text-align:left; font-size:12px; color:#333333;}
.magcontent .leftpart .searchri .search{ width:297px; margin:0px; padding:0px;}
select, input {-x-system-font:none;font-family:Verdana,Helvetica,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;line-height:normal;}
select {-moz-appearance:menulist;-moz-box-sizing:border-box;-moz-user-select:none;-x-system-font:-moz-list;background-color:-moz-field;border:2px inset threedface;color:-moz-fieldtext;cursor:default;font-family:-moz-use-system-font;font-size:-moz-use-system-font;font-size-adjust:-moz-use-system-font;font-stretch:-moz-use-system-font;font-style:-moz-use-system-font;font-variant:-moz-use-system-font;font-weight:-moz-use-system-font;line-height:normal !important;margin:0;overflow:-moz-hidden-unscrollable;text-align:start;text-indent:0;text-shadow:none;white-space:nowrap !important;word-wrap:normal !important;}

.magcontent .rightpart{ float:left; width:338px; margin:0px 0px 0px 12px;}
.directory{ width:338px; margin-top:14px; }
.interactive{width:338px;}

.title{ width:312px; background:url(../img/title_bg.jpg) no-repeat; height:23px;font-size:14px; font-family:'宋体', 'Arial'; font-weight:bold; color:#fff; padding: 16px 0px 0px 26px;}
.title span a{ font-size:12px; color:#333; font-weight:normal; margin-left:205px;}
.title span a:hover{color:#CB0101; text-decoration:underline;}
.text{ width:336px; background:#F8F6F6; border: solid 1px #fff; border-top:none;}
.text ul{ width:316px; padding:10px 10px;}
.text ul li{ width:301px; float:left; background:url(../img/line.jpg) no-repeat 0px 8px; font-size:14px; color:#222222; font-family:'宋体', 'Arial'; line-height:25px; padding-left:15px;overflow:hidden;display: block;white-space: nowrap;}
.text ul li a{color:#222222; text-decoration: none;}
.text ul li a:hover{color:#CB0101; text-decoration:underline;}
#demo {background: #F8F6F6;overflow:hidden;border: solid 2px #fff; width: 334px; border-left:none; border-right:none; margin:10px auto; padding:20px 0px;}
#demo img {float:left;width:100px; height:140px; border: 1px solid #CDCDCD; margin:0px 6px;}
#indemo { float:left; width: 800%;}
#demo1 { float:left;}
#demo2 {float: left;}


.coverlist{ width:669px; background:#F8F6F6; margin:0px 0px 2px 2px; padding:0px 0px 10px;}
.coverlist .covertitle{ width:641px; background:url(../img/covertitle.jpg) no-repeat; height:22px; margin:1px;font-size:14px; font-family:'宋体', 'Arial'; font-weight:bold; color:#fff; padding: 16px 0px 0px 26px;}
.coverlist .covertitle span{font-size:12px; color:#333; font-weight:normal; margin-left:372px;}
.coverlist .covertitle span a{ font-size:12px; color:#333; font-weight:normal; margin-right:14px;}
.coverlist .covertitle span a:hover{color:#CB0101; text-decoration:underline;}
.coverlist ul { width:669px; padding:18px 0px 0px 0px;}
.coverlist ul li{ float:left; background:url(../img/cover_bg.jpg) no-repeat; width:120px; padding-bottom:10px; margin:0px 0px 0px 10px;}
.coverlist ul li img{ width:100px; height:141px; margin: 7px 0px 0px 9px;}
.coverlist ul li p{ width:100px; text-align:center;font-family:'宋体', 'Arial'; font-size:12px; color:#000; margin-top:20px;}
.coverlist .frontbutton{ width:42px; height:42px; margin: 70px 0px 0px 0px;}
.coverlist .frontbutton img{width:42px; height:42px; margin:0px;}
.coverlist .nextbutton{ width:42px; height:42px;  margin: 70px 0px 0px 0px;}
.coverlist .nextbutton img{width:42px; height:42px; margin:0px;}

.annualindex{width:669px; background:#F8F6F6; margin:0px 0px 2px 2px; padding:0px 0px 10px;}
.annualindex ul{ width:655px; padding:15px 14px 15px 0px;}
.annualindex ul li{ width:300px; height:18px; float:left;font-family:'宋体', 'Arial'; font-size:14px; color:#000; background:url(../img/line.jpg) no-repeat 14px 3px; padding-left:27px;overflow:hidden;display: block;white-space: nowrap; margin:5px 0px;}
.annualindex .indextitle{ width:641px; background:url(../img/covertitle.jpg) no-repeat; height:22px; margin:1px;font-size:14px; font-family:'宋体', 'Arial'; font-weight:bold; color:#fff; padding: 16px 0px 0px 26px;}
.annualindex .indextitle span a{ font-size:12px; color:#333; font-weight:normal; margin-left:532px;}
.annualindex .indextitle span a:hover{color:#CB0101; text-decoration:underline;}
.annualindex p{ font-size:14px; color:#333; line-height:26px; margin: 10px 0px 0px 20px; float:left;}
.annualindex p a{color:#333; text-decoration: none;}
.annualindex p a:hover{color:#CB0101; text-decoration:underline;}

.directorypreview{width:302px; background:#F8F6F6; border: solid 1px #fff;}
.directorypreview .title{ width:276px; background:url(../img/title_bg.jpg) no-repeat; height:23px;font-size:14px; font-family:'宋体', 'Arial'; font-weight:bold; color:#fff; padding: 16px 0px 0px 26px;}
.directorypreview .title span a{ font-size:12px; color:#333; font-weight:normal; margin-left:164px;}
.directorypreview .title span a:hover{color:#CB0101; text-decoration:underline;}
.directorypreview_content{ width:302px; padding:10px 0px;}
.directorypreview_content ul{ width:302px;}
.directorypreview .directorypreview_content li{ width:100px; float:left; padding: 5px 10px 10px 25px;}
.directorypreview .directorypreview_content li img{ width:100px; height:140px;}

.preview{ width:263px; border: solid 1px #D2D2D2;}
.title2{ width:253px; height:26px; background:url(../img/previewtitle.jpg) no-repeat; font-size:14px; color:#CB0101; font-weight:bold; padding:14px 0px 0px 10px;}
.title2 span{ font-size:12px; color:#fff; margin-left:150px;}
.preview ul{width:263px; margin-bottom:12px;}
.preview ul li{ float:left; width:118px; padding:0px 0px 0px 10px;}
.preview ul li img{border:4px solid #FFFFFF;height:155px;width:110px;}

#magazinedirectory{ width:265px; margin-bottom:10px;}
.mgdtop{ width:265px; height:8px; background:url(../img/mgd_top.jpg) no-repeat;overflow:hidden;}
.mgdmid{ width:265px;background:url(../img/mgd_mid.jpg) repeat-y; padding:6px 0px 0px;}
.mgdfoot{ width:265px; height:8px; background:url(../img/mgd_foot.jpg) no-repeat;}
.mgdmid ul{ width:249px; padding:0px 8px;}
.mgdmid ul li{ width:241px; float:left; border-bottom: dashed 1px #BEBEBE; padding-bottom:5px; margin-bottom:5px; padding-left:8px;}
.mgdmid ul li p{ width:192px; float:left; margin: 0px 12px 0px 0px;font-family:'宋体', 'Arial'; color:#000; font-size:12px;}
.mgdmid ul li img{ width:22px; height:11px; float: right; margin-right:6px;}

.hotarticle{width:263px; border: solid 1px #D2D2D2; margin-bottom:10px;}
.hotarticle ul{ width:243px; padding:0px 10px 0px;}
.hotarticle ul li{ width:228px; float:left; background:url(../img/line.jpg) no-repeat 0px 8px; font-size:12px; line-height:24px; color:#534F4F;overflow:hidden;display: block;white-space: nowrap; padding-left:15px;}
.hotarticle ul li a{color:#534F4F; text-decoration: none;}
.hotarticle ul li a:hover{color:#CB0101; text-decoration:underline;}
.hotarticle p{ width:243px; font-size:14px; color:#333; line-height:24px;}
.hotarticle p a{color:#333; text-decoration:underline; margin-left:12px;}
.hotarticle p a:hover{color:#CB0101; text-decoration:underline;}

.editorblog{width:263px; border: solid 1px #D2D2D2; margin-bottom:10px;}
.editorblog ul{width:243px; padding:0px 10px 6px;}
.editorblog ul li{ float:left; width:243px; background: none; padding:10px 0px 8px; margin:0px; border-bottom: dashed 1px #d2d2d2;}
.editorblog ul li .editorheadpic{ width:44px; float:left;}
.editorblog ul li .editorheadpic img{ width:40px; height:px; padding:1px; border: solid 1px #D2D2D2; margin-bottom:6px;}
.editorblog ul li .editorheadpic .editorname{ width:44px;font-family:'宋体', 'Arial'; font-size:12px;overflow:hidden;display: block;white-space: nowrap; text-align:center;}
.editorblog ul li .blogarticle{ width:189px; float:left; margin-left:10px;}
.editorblog ul li .blogarticle h1{ width:189px;font-family:'宋体', 'Arial'; font-size:12px; line-height:18px; color:#000;overflow:hidden;display: block;white-space: nowrap; margin-bottom:5px;}
.editorblog ul li .blogarticle p{ width:189px;font-family:'宋体', 'Arial'; font-size:12px; line-height:18px; color:#595959; padding:0px;}
.editorblog p{ width:243px; padding:2px 10px 6px;font-family:'宋体', 'Arial'; font-size:12px;}

.coversidebar{width:263px; border: solid 1px #D2D2D2; margin-bottom:10px;}
.coversidebar img{ width:240px; height:336px; margin:0px auto 15px;} 

.directorytitle{ width:655px; height:26px; background:url(../img/directorytitle.jpg) no-repeat; padding:0px; margin:0px; font-size:14px; color:#fff; font-weight:bold; padding:20px 0px 0px 18px;}
.directorytitle span{ font-size:12px; font-weight:normal; color:#333;}
.directorytitle span a{color:#333; text-decoration: none; margin-right:10px;}
.directorytitle span a:hover{color:#CB0101; text-decoration:underline;}

.directorytext{width:322px; padding:10px 8px;}
.directorytext h1{ width:322px;font-size:14px;font-family:'宋体', 'Arial'; color:#000; margin-bottom:4px;}
.directorytext p{width:322px;font-size:12px;font-family:'宋体', 'Arial'; color:#333; line-height:22px;}
.directorytext p span{ font-weight:bold;}
.directorytext .authorname{ font-weight:normal; margin-left:25px; color:#CE9292;}

.covertitle2{width:613px; height:26px; background:url(../img/directorytitle.jpg) no-repeat; padding:0px; margin:0px; font-size:14px; color:#fff; font-weight:bold; padding:20px 0px 0px 60px;}
.covertitle2 span{ font-size:12px; color:#333; margin-right:10px;}
.covertitle2 span a{color:#333; text-decoration: none;}
.covertitle2 span a:hover{color:#CB0101; text-decoration:underline;}

.covercontent{  width:673px; margin-bottom:10px;}
.covercontent ul{width:636px; padding:10px 0px 0px 37px; margin:0px; height:192px;}
.covercontent ul li{ float:left; background:url(../img/coverimg_bg.jpg) no-repeat; width:159px;margin:0px; padding:0px;}
.covercontent ul li img{ width:100px; height:142px; margin:8px 0px 14px 9px; padding:0px;}
.covercontent ul li p{ width:133px; font-size:12px; color:#333;font-family:'宋体', 'Arial';overflow:hidden;display: block;white-space: nowrap; padding: 0px 0px 0px 26px; margin:0px;}
.covercontent ul li p a{color:#333; text-decoration: none;}
.covercontent ul li p a:hover{color:#CB0101; text-decoration:underline;}
.line{ width:653px; margin:0px 10px; height:1px;border-bottom: dashed 1px #B5B5B5;}

.covercontent p{ float:right; margin:8px 10px 0px 0px; padding:0px;}
.covercontent p span{font-size:12px; color:#333; margin-right:10px; font-weight:bold;}
.covercontent p span a{color:#333; text-decoration: none;}
.covercontent p span a:hover{color:#CB0101; text-decoration:underline;}

.kwhd{ width:669px; background:#F8F6F6; margin:0px 0px 2px 2px; padding:0px 0px 10px; font-family:simsun; font-family:'宋体', 'Arial';}
.kwhd .indextitle{ width:641px; background:url(../img/covertitle.jpg) no-repeat; height:22px; margin:1px;font-size:14px; font-weight:bold; color:#fff; padding: 16px 0px 0px 26px;}
.kwhd ul{ width:669px; padding:15px 0px 30px;}
.kwhd ul li{ width:645px; font-size:14px; color:#000; padding:0px 0px 0px 24px; font-size:14px; line-height:28px;}
.kwhd ul li p{ float:left; width:565px;}
.kwhd ul li span{ float:right; width:80px; font-size:12px; color:#333;}

.interactpage{ width:620px; height:32px; border:none; background:#fff; height:31px; line-height:31px; margin:0px 0px 0px 15px; padding:0px 0px 0px 20px;}
.interactpage p{ float:left; font-size:12px; color:#7E7E7E; margin-right:20px;}