﻿@charset "utf-8";
@import url("common/common.css"); 
/* book */
#container { z-index: 20; position: relative; text-align: left; padding-bottom: 0px; width: 100%; }
#container:after { display: block; clear: both; content: ''; }
#container .content { width: 930px; margin: 0 auto; text-align: left; }
#container .content .left { width: 200px; overflow: hidden; float: left; }
#container .content .left .left_top { !height: 366px;}
#container .content .left .left_top li{ !height: 39px; !line-height:39px;}
#container .content .left .left_news_tab { width: 198px; height: 158px; border: 1px solid #bdbdbd; } 
#container .content .left .left_news_tab ul.li li { background: url(../../images/mock/common/li_bg_dot.gif) no-repeat 0 0px; width: 180px; padding-left: 10px; margin-left: 8px; margin-top: 6px;} 
#container .content .left .left_bottom { height: 98px;  }
#container .content .left .left_bottom li { height: 49px; line-height: 49px; }

#container .content .right { width: 730px; overflow: hidden; float: right; }
#container .content .right .right_top { position: absolute; top: 0; width: 729px; height: 362px; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; }
#container .content .right .right_top ul.event_img li { height: 235px; line-height: 235px; }
#container .content .right .right_top ul.event_title li { height: 30px; line-height: 30px; }
#container .content .right .right_top ul.event_item li { height: 97px; line-height: 97px; }

#container .content .tail { float: left; width: 930px; margin-top: 14px; } 

/*middle contents*/
#middle1{ width:928px; border:1px solid #bcbcbc; float:left;  }
#middle1 #m1left{ float:left; width:200px; height:190px; !border-right:1px solid #bdbdbd;}

#middle2 #m2left .left_news_tab { width: 198px; height: 198px; !border-right: 1px solid #bdbdbd; clear:both; } 
#middle2 #m2left .left_news_tab ul{ margin-top:10px;}
#middle2 #m2left .left_news_tab ul.li li { background: url(../../images/book/common/li_bg_dot.gif) no-repeat 0 0px; width: 180px; padding-left: 10px; margin-left: 8px; margin-top: 6px; line-height:18px;}
#middle2 #m2left .left_news_tab ul.li .sub{width: 180px; padding-left: 10px; margin-left: 8px; margin-top: 6px; line-height:21px;} 
#middle2{ width:928px; height:207px; border:1px solid #bcbcbc; float:left; margin-top:14px; }
#middle2 #m2left{ float:left; width:199px; border-right:1px solid #bcbcbc;}


.paddingtop35{ padding-top:35px;}
.paddingtop10{ padding-top:10px;}
.paddingleft15{ padding-left:15px;}


.best_recom { float:left; width:703px; }
.best_recom .best_icon { float:left;  width:75px; height:89px; margin-left:15px; }
.best_recom .best_contents { float:left; width:515px; height:176px; display:block; padding:20px 0 0 0px;}

.best_img_loop { float:left; width:81px; height:107px;    }
.best_title_loop { float:left; width:96px; text-align:center; padding-top:15px;      }


/* #slides */
 .slides_container {	 width:574px; height:176px; display:none; margin-left:32px; }
 .slides_container div { width:574px; height:175px; display:block; }
 .slides_container div li { width:96px; padding-left:15px;  }
#slides .next,#slides .prev { position:absolute; width:18px; height:35px; display:block; overflow:hidden; z-index:101; margin-top:50px; margin-left:5px;}
#slides .next { margin-left:608px; 	}

#slides2 .next,#slides2 .prev { position:absolute; width:18px; height:35px; display:block; overflow:hidden; z-index:101; margin-top:50px; margin-left:5px;}
#slides2 .next { margin-left:608px; 	}
/* //#slides */
/*middle contents*/


#container .content .tail .banners2 { margin-top: 15px; width: 100%; height: 176px; float:left; }

#container .content .tail .cscenter { width: 100%; height: 145px; margin-top: 15px; background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/mock/main/footer_line.gif) repeat-x 0 0;  float:left; }
#container .content .tail .cscenter  .csleft { width: 270px; height:165px;  float: left; display:inline;   }
#container .content .tail .cscenter  .csleft ul li { margin-top:20px; margin-left:10px;  }
#container .content .tail .cscenter  .csmiddle { width: 320px; height:165px;  float: left; display:inline; }
#container .content .tail .cscenter  .csmiddle ul { margin-top:20px; margin-left:30px;  }
#container .content .tail .cscenter  .csmiddle ul li { display:inline;  }
#container .content .tail .cscenter  .csmiddle .csmbanner {   float: left; display:inline;  }
#container .content .tail .cscenter  .csmiddle .csmbanner ul {margin-top:20px; }
#container .content .tail .cscenter  .csmiddle .csmbanner ul li {display:inline; }
#container .content .tail .cscenter  .csmiddle .csquickbanner{   float: left; display:inline; }
#container .content .tail .cscenter  .csmiddle .csquickmbanner ul { margin-top:20px;  }
#container .content .tail .cscenter  .csmiddle .csquickmbanner ul li { display:inline;  }
#container .content .tail .cscenter  .csright { width: 300px; height:165px;  float: left;display:inline; }
#container .content .tail .cscenter  .csright .latest_title  { margin-top:20px; margin-left:30px;  }
#container .content .tail .cscenter  .csright .latest_contents  {  height:200px; clear: both; margin-left:15px; padding-top: 10px; padding-left: 20px; }
#container .content .tail .cscenter  .csright .latest_contents img  { float: left}
#container .content .tail .cscenter  .csright .latest_contents ul  { float: left}
#container .content .tail .cscenter  .csright .latest_contents div  { float: leftt}
#container .content .tail .cscenter  .csright .latest_contents li {clear: both; list-style-type: none; background: url(../../images/mock/common/bbs_icon.gif) no-repeat 0px 6px; padding-left: 12px; line-height:18px; width:300px;}
#container .content .tail .cscenter  .seals { float:right; margin-top:20px; width:40px;}

/* //book */