/* CSS Document */
/* basic */
*
{
    padding: 0;
    margin: 0;
}
body, th, td
{
    font-size: 12px;
    line-height: 1.5;
}
div, p
{
    display: block;
}
ul, ol, dl
{
    list-style: none;
}
button
{
    cursor: pointer;
}
strong
{
    font-weight: bold;
}
a
{
    text-decoration: none;
}
a img
{
    border: 0;
}
fieldset, form
{
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}
body
{
    background: url(images/body_bg.jpg) top repeat-x #E7E7E7;
   /* margin-top:48px;background: url(beijing_20090908.jpg)  top center no-repeat #FFF;*/
    text-align: center;
    
}
a
{
    color: #333333;
}
.clear
{
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
}
.hidden
{
    display: none;
}
.listBox ul li
{
    padding: 3px 0 0 0;
    position: relative;
    overflow: hidden;
}
.listBox ul li .date
{
    position: absolute;
    right: 0px;
    top: 0px;
    color: #666;
}

/* top */
#container
{
    width: 950px;
    padding: 5px 8px;
    background: #FFF;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
	/*border:2px solid #FFEDC1;*/
}
#header
{
    height: 68px;
}
#header #logo a
{
    display: block;
    width: 211px;
    height: 47px;
    padding: 0 8px 18px 0;
    background: url(images/logo.gif) left top no-repeat;
    float: left;
    text-indent: -2000px;
}
#header #topad
{
    width: 656px;
    height: 58px;
    float: left;
    margin: 3px 8px 0 0;
    border: 1px solid #CCC;
    overflow: hidden;
}
#header #toplink
{
    width: 60px;
    float: right;
    overflow: hidden;
    padding: 3px 0 0 0;
}
#header #toplink a
{
    display: block;
    width: 48px;
    padding: 0 0 0 20px;
    color: #333333;
}
#header #toplink #tohome
{
    background: URl(images/tohome.gif) left no-repeat;
}
#header #toplink #tofavorite
{
    background: URl(images/tofavorite.gif) left no-repeat;
}
#header #toplink #towebmaster
{
    background: URl(images/towebmaster.gif) left no-repeat;
}
#headerMenu
{
    height: 65px; /*  background: url(images/MenuBg.gif) repeat-x;*/
    background: url(MenuBg.gif) repeat-x;
    overflow: hidden;
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
}
#headerMenu #menu
{
    width: 750px;
    float: left;
    padding: 5px 0 0 10px;
    z-index: 1001;
}
#headerMenu #menu ul
{
}
#headerMenu #menu ul li
{
    float: left;
    position: relative;
}
#headerMenu #menu ul li ul
{
    display: none;
}
#headerMenu #menu ul li a
{
    display: block;
    width: 67px;
    height: 24px;
    text-align: center;
    padding: 5px 0 0 0;
    font-size: 14px;
    color: #FFFFFF;
    margin: 0 2px;
}
#headerMenu #menu ul li .ishover
{
    background: url(images/MenuItemBg.gif) no-repeat;
    color: #000000 !important;
}



#headerMenu #menuright
{
    width: 120px;
    float: right;
    padding: 10px 15px 0 0;
    text-align: right;
}
#headerMenu #menuright a
{
    color: #FFAA25;
}
#headerMenu #menuright a:hover
{
    font-weight: bold;
}
#search
{
    height: 26px;
    padding: 5px 10px 0 10px;
    width: 940px;
}
#search .stitle
{
    font-size: 15px;
    font-weight: bold;
}
#search .sselect
{
    width: 80px;
}
#search .skeyword
{
    width: 120px;
}
#search .ssubmit
{
    width: 63px;
    height: 20px;
    border: 0;
    background: URL(images/SearchButton.gif) no-repeat;
    text-indent: -2000px;
    cursor: pointer;
}
#search li
{
    list-style: none;
    display: inline;
}
#search li a
{
    display: block;
    padding: 0 5px;
    float: left;
}
#index_t_ad
{
    width: 950px;
    height: 90px;
    margin: 5px 0 0 0;
    overflow: hidden;
}
#index_t_leftad
{
    width: 758px;
    height: 88px;
    float: left;
    border: 1px solid #CCC;
    overflow: hidden;
}
#index_t_rightad
{
    width: 183px;
    height: 88px;
    float: right;
    border: 1px solid #CCC;
    overflow: hidden;
}
/* foot */
#footer
{

}
#pictruelink
{
    margin: 5px auto 0px auto;
    padding: 3px;
    border: 1px solid #dadcd9;
}
#pictruelink ul li
{
    float: left;
    margin: 2px;
}
#pictruelink ul li img
{
    width: 88px;
    height: 31px;
    border: 1px solid #CCC;
}
#textlink
{
    margin: 5px auto 0px auto;
    padding: 3px;
    border: #dadcd9 1px solid;
}
#textlink ul li
{
    width: 88px;
    text-align: center;
    float: left;
    margin: 2px;
}
#footmenu
{
    margin: 5px 0 0 0;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    background: #F1F1F1;
    border-top: 2px solid #767676;
    color: #333333;
    text-align: center;
}
#footmenu a
{
    color: #333333;
    font-size: 12px;
}
#copyright
{
    text-align: center;
    padding: 10px 0 15px 0;
}
#copyright, #copyright a
{
    color: #333333;
    font-size: 12px;
}
/* boxthree */
#boxthree
{
    margin: 5px 0 0 0;
    width: 950px;
    overflow: hidden;
}
#boxthree h3
{
    display: block;
    background: url(images/IndexPictrueCenter.gif) no-repeat;
    height: 37px;
    width: 950px;
    text-indent: -2000px;
}
#boxthree .picclass
{
    padding: 10px 0px 10px 0;
}

#boxthree .picclass ul li
{
    padding: 8px 10px 0 0;
    float: left;
    overflow: hidden;
    text-align: center;
    width: 108px;
    height: 83px;
}
#boxthree .picclass ul li img
{
    width: 100px;
    height: 75px;
    padding: 3px;
    border: 1px solid #CCC;
    background: #FFF;
}
#boxthree .picclass ul li .title
{
    display: block;
    width: 106px;
    text-align: center;
    color: #333333;
}

/* middlead */
#middlead
{
    margin: 5px 0 0 0;
    height: 90px;
    overflow: hidden;
}
#index_m_leftad
{
    width: 758px;
    height: 88px;
    float: left;
    border: 1px solid #CCC;
    overflow: hidden;
}
#index_m_rightad
{
    width: 183px;
    height: 88px;
    float: right;
    border: 1px solid #CCC;
    overflow: hidden;
}
/* boxone */
#boxone
{
    margin: 5px 0 0 0;
}
#left
{
    width: 250px;
    float: left;
}
#right
{
    width: 700px;
    float: right;
}
/* newartice */
#newartice, #newpictrue
{
    width: 100%;
}
#newartice h3, #newpictrue h3, #newspace h3
{
    height: 29px;
    width: 250px;
    text-indent: -2000px;
    margin: 5px 0 0 0;
    overflow: hidden;
}
#newartice h3
{
    background: url(images/newartice.gif) no-repeat;
}
#newpictrue h3
{
    background: url(images/NewPictrue.gif) no-repeat;
}
#newspace h3
{
    background: url(images/NewSpace.gif) no-repeat;
}
#newartice, #newpictrue
{
    background: url(images/ListBgBlueTwo.gif) repeat-x;
}
#newartice div ul, #newpictrue div ul
{
    padding: 0 10px;
}
#newartice div ul li, #newpictrue div ul li
{
    list-style: inside square;
}

/*recommendartice*/
#recommendartice h3, #recommendpictrue h3, #recommendspace h3
{
    margin: 5px 0 0 0;
    height: 29px;
    width: 250px;
    text-indent: -2000px;
    overflow: hidden;
}
#recommendartice h3
{
    background: url(images/RecommendArtice.gif) no-repeat;
}
#recommendpictrue h3
{
    background: url(images/RecommendPictrue.gif) no-repeat;
}
#recommendspace h3
{
    background: url(images/RecommendSpace.gif) no-repeat;
}
#recommendartice, #recommendpictrue, #recommendspace
{
    background: url(images/ListBgBlueTwo.gif) repeat-x;
}
#recommendartice div ul, #recommendpictrue div ul, #recommendspace div ul
{
    padding: 0 10px;
}
#recommendartice div ul li, #recommendpictrue div ul li, #recommendspace div ul li
{
    list-style: inside square;
}
/*hotartice*/
#hotartice h3, #hotpictrue h3, #hotspace h3
{
    margin: 5px 0 0 0;
    height: 29px;
    width: 250px;
    text-indent: -2000px;
    overflow: hidden;
}
#hotartice h3
{
    background: url(images/hotartice.gif) no-repeat;
}
#hotpictrue h3
{
    background: url(images/HotPictrue.gif) no-repeat;
}
#hotspace h3
{
    background: url(images/hotspace.gif) no-repeat;
}
#hotartice div, #hotpictrue div, #hotspace div
{
    background: url(images/ListBgBlueTwo.gif) repeat-x;
}
#hotartice ul, #hotpictrue ul, #hotspace ul
{
    background: url(images/IndexHotArticeNun.gif) no-repeat;
}
#hotartice ul li, #hotpictrue ul li, #hotspace ul li
{
    height: 23px;
    line-height: 23px;
    border-bottom: 1px solid #CDCCCB;
    padding: 0 0 0 30px;
}

/* sideview */
#sideview
{
    border: 1px solid #CCC;
}
#sideview h3
{
    display: none;
}
#sideview div
{
    /*background: URL(images/ClassSlideViewBg.gif) repeat-y;*/
    padding: 0px;
}

.nav
{
    height: 22px;
    padding: 5px 0 0 20px;
    color: #FFFFFF;
    background: #bd1d0b;
}
.nav a
{
    color: #FFFFFF;
}
.box
{
    margin: 5px 0 0 0;
    border: 1px solid #CCC;
}
.titleone
{
    padding: 5px 0 2px 15px;
    font-size: 14px;
    color: #333333;
    margin: 0 5px;
    font-weight: bold;
}
.content
{
    padding: 5px;
}
.contentm
{
    padding: 5px;
    text-align: center;
}
.bntClose
{
}
.topicartice
{
    width: 690px;
    float: right;
}
.topicartice li
{
    width: 340px;
    float: left;
    padding: 10px 0 0 10px;
}
.topicartice li img
{
    width: 85px;
    height: 65px;
    border: 1px solid #CCC;
    padding: 2px;
    margin: 0 8px 0 0;
    float: left;
}
.topicartice li h2
{
    display: block;
    width: 230px;
    float: left;
    font-size: 14px;
    color: #FF4D85;
}
.topicartice li h2 *
{
    font-size: 14px;
    color: #FF4D85;
}
.topicartice li p
{
    display: block;
    width: 230px;
    float: left;
}
.rclass
{
    width: 340px;
    float: left;
    padding: 5px 0 0 10px;
    height: 155px;
    overflow: hidden;
}

.rclass .titleBox
{
    display: block;
    height: 22px;
    background: URL(images/IndexClassTitle.gif) no-repeat;
    font-weight: bold;
    font-size: 14px;
    padding: 2px 0 0 15px;
    border-bottom: 1px solid #CCC;
    color: #555;
}
.rclass h3.title
{
    float: left;
    font-size: 14px;
}
.rclass .titleTool
{
    float: right;
}
.rclass ul
{
    padding: 0 5px;
}
#indexlogin
{
    /*width: 225px; 	height: 85px; 	float: left; 	background: #CA3000; 	overflow: hidden; 	padding: 5px 10px;*/
    display: none;
}

#newspace
{
    width: 100%;
}
#newspace h3
{
    height: 39px;
    width: 250px;
    text-indent: -2000px;
    margin: 5px 0 0 0;
    background: url(images/NewSpace.gif) no-repeat;
}
.spaceclass
{
    overflow: hidden;
    width: 250px;
    background: url(images/ListBgBlueTwo.gif) repeat-x;
    overflow: hidden;
}
.spaceclass ul
{
    padding: 5px 0 0 10px;
}
.spaceclass li
{
    width: 100px;
    padding: 3px;
    float: left;
    border: 1px solid #CCC;
    margin: 0 10px 5px 0;
    text-align: center;
}


.flag .picNews
{
    color: green;
}
.flag .recommend
{
    color: red;
}
.flag .new
{
    color: green;
}
.flag .hot
{
    color: red;
}

.flag .isTop
{
    color: blue;
}





.pageBox
{
    width: 100%;
}
.pageBox .innerPageBox
{
    clear: both;
    height: 30px;
    border-top: 1px dashed #CCC;
    margin: 5px 5px 10px 5px;
}
.pageBox .page_Action .buttonPage
{
    margin: 0 2px;
    margin-top: 5px;
}
.pageBox .page_Action .textBoxPage
{
    height: 20px;
    line-height: 20px;
    margin: 0 2px;
    padding: 0 3px;
    margin-top: -5px;
}
.pageBox .page_Action strong
{
    display: inline-block;
    padding: 0;
    margin: 0;
}
.pageBox .page_Current
{
    display: inline-block;
    width: 22px;
    height: 20px;
    line-height: 20px;
    background: #FFF;
    border: 1px solid #CCC;
    color: Red;
    text-align: center;
    margin-top: 1px;
}
.pageBox .page_List
{
    padding: 0 5px;
}
.pageBox .page_List a
{
    display: inline-block;
    width: 22px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #CCC;
    margin: 0 2px;
    background: #FFF;
    text-align: center;
    margin-top: 1px;
    cursor: pointer;
}
.pageBox .textBoxPage
{
    height: 18px;
    width: 23px;
}

/*editTable*/
.editTable
{
    width: 100%;
}
.editTable .label
{
    width: 80px;
    text-align: right;
    font-weight: bold;
}


.w1
{
    width: 30px;
}
.w2
{
    width: 60px;
}
.w3
{
    width: 90px;
}
.w4
{
    width: 120px;
}
.w5
{
    width: 150px;
}
.w6
{
    width: 180px;
}
.w7
{
    width: 210px;
}
.w8
{
    width: 240px;
}
.w9
{
    width: 270px;
}
.w10
{
    width: 300px;
}
.w11
{
    width: 330px;
}
.w12
{
    width: 360px;
}
.w13
{
    width: 390px;
}
.w14
{
    width: 420px;
}
.w15
{
    width: 450px;
}
.w16
{
    width: 480px;
}
.w17
{
    width: 510px;
}
.w18
{
    width: 540px;
}
.w19
{
    width: 570px;
}
.w20
{
    width: 600px;
}
.w21
{
    width: 630px;
}
.w22
{
    width: 660px;
}
.w23
{
    width: 690px;
}
.w24
{
    width: 720px;
}
.w25
{
    width: 750px;
}
.w26
{
    width: 780px;
}
.w27
{
    width: 810px;
}
.w28
{
    width: 840px;
}
.w29
{
    width: 870px;
}
.w30
{
    width: 900px;
}
.w31
{
    width: 930px;
}
.w32
{
    width: 960px;
}
.w50
{
    width: 49.9%;
}
.w100
{
    width: 100%;
}
.textBox
{
    height: 20px;
    line-height: 17px;
    vertical-align: middle;
    border: 1px solid #B5B8C8;
    background: #fff;
}
.textArea
{
    border: 1px solid #B5B8C8;
    background: #fff;
}
.button
{
    background: url(images/btnSearch.gif) repeat-x #ffcc33;
    border: 1px solid #ce8300;
    line-height: 18px;
    height: 24px;
    cursor: pointer;
    color: #663333;
    padding: 0 5px;
}