<!--
/***************cosmetics 全局*****************/

.clear {
    clear:both; 
}

body {
  width: 950px;
  margin:10px auto;
  text-align: left;
  font-family: Arial, sans-serif, Helvetica, Tahoma;
  font-size: 12px;
  line-height: 1.5;
  color: black;
}
ul {
	margin: 0;
    padding: 0;
}
a {
    color: black;
    text-decoration: none;
}

a:hover, a:active {
    color: black;
    text-decoration: underline;
}
a:hover {
	font-weight:bold;
}

img {
  border: 0;
  background-color: white;  
}

h1 {
  font-size: 2em;
  line-height: 1.5em;
  margin: 0 0 0.5em 0;
  padding: 0;
  color: black;
}
h2 {
  font-size: 1.5em;
  line-height: 1.5em;
  margin: 0 0 0.5em 0;
  padding: 0;
  color: black;
}
h3 {
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 0 0 0.5em 0;
  padding:0;
  color: black;
}
h4 {
  font-size: 1.15em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
  padding: 0;
  color: black;
}
h5 {
  font-size: 1.1em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
  padding: 0;
  color: black;
}
h6 {
  font-size: 1em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
  padding: 0;
  color: black;
}

p {
  margin: 0;
  padding: 0;
}

#page {
  width: 100%;
  padding: 0;
  
  background: white;
  text-align: center;
}


div.content {
  width: 100%;
 
 background:white;
}

div#site_nav {
	width:100%
	clear:both;
	 text-align:center;
    margin-top: 10px;
    margin-bottom: 10px;
    background:white;
}

div#site_nav ul {
    width: auto;

    margin: 0;
    padding: 0;

    line-height: 1em;
    list-style: none;
}

div#site_nav li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 3px 10px 3px 10px;
    line-height: 1em;
    border-right: 1px solid #aaa;
}

div#site_nav li.last {
    border-right: none;
}


div#footer {
  color: black;
  background-color: white;  
}
div#footer p {
  font-size: 0.8em;
  
  margin: 0;
  padding: 15px;
}

div#copyright {
    padding: 10px;
}




/*- Menu Tabs --------------------------- */
#nav_tabs {
  float:left;
  width:100%;
  font-weight:bold;
  font-size:14px;
  text-align:center;
  border-bottom:1px solid  #DD740B;
  line-height:normal;
  }
#nav_tabs ul {
	  margin:0;
	  padding:0;
	  list-style:none;
  }
#nav_tabs li {
  display:inline;
  margin:0;
  padding:0;
  }
#nav_tabs li.last {
  background: none;
}
  
#nav_tabs a {
  float:left;
  background:url("../images/tableftI.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#nav_tabs a span {
  float:left;
  display:block;
  background:url("../images/tabrightI.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFF;
  }

#nav_tabs a span {float:none;}


#nav_tabs a:hover span {
  color:#FFF;
  }
#nav_tabs a:hover {
  font-weight:bold;
  background-position:0% -42px;
  }
#nav_tabs a:hover span {

 background-position:100% -42px;
}

  #nav_tabs .current a {
		  background-position:0% -42px;
  }
  #nav_tabs .current a span {
		  background-position:100% -42px;
  }
  
  
#nav_tabs ul li{position:relative;z-index:9;}
#nav_tabs ul li ul{
	display:none;
	margin:0;
	padding:0;
	position:absolute;
	left:-695px;
	top:24px;
	background-color:#FC0;
	width:150px;
	border-bottom:1px solid #FC0;
	z-index:10;

}



#nav_tabs ul li ul li{
	width:150px;
	height:30px;
	float:none;
	border:0px 1px;
 	line-height:30px;  
}
#nav_tabs ul li ul li a{
	background:#F5983E;	
}
#nav_tabs ul li ul li a:hover{
   background:#77A6EC;
}
#nav_tabs ul li ul li a,#nav_tabs ul li ul li a:hover{

	width:150px;
	height:30px;
	margin-left:0;
	text-align:left;
	border-top:1px solid #FC0;
	padding-left:5px;
	color:#FFF;
 	line-height:30px;  
}
#nav_tabs ul li:hover ul, #nav_tabs li.over ul{
	display:block;
}


/*- Menu Tabs ----end--------------------- */
  
#q {
    font-size:12px;
    width: 400px;
    height: 24px;
    line-height:20px;
}

#submit {
    font-size:12px;
    height: 24px;
}
.sou{
	background:url(../images/sou.jpg);
	border:0px;
	width:55px;
	height:30px;

}

div.box, div.boxnoborder,div.grid {
    
    padding: 1px;
    width: 145px;
    position: relative;
    overflow: hidden;
}
div.box {
	border: 1px solid #FFCC99;
}
div.grid {
	padding: 0px;
	float:left;
	border: 1px solid #FFCC99;
 
}
div.grid h3 {
 	text-align: center;
    font-size: 12px;
    font-weight: normal;
    background-image: url(../images/bg_box_title.gif);
    border-bottom: 1px solid #FFCC99;
}
div.grid ul {
	list-style:none;
}

div.box h3 {
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    background-image: url(../images/bg_box_title.gif);
    border-bottom: 1px solid #FFCC99;
    padding: 0;
    margin: 0;
}

div.boxnoborder h3 {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    background-image: url(../images/bg_box_title.gif);
    border-bottom: 1px solid #FFCC99;
    padding: 0;
    margin: 0;
}
div.box a.more {
    background-image: url(../images/icon_more.gif);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 10px;  
    text-decoration: none;
    position: absolute;
    bottom: 5px;
    right: 4px;
    line-height: 10px;
}

div.box li {
    padding: 0 10px 5px 0;
}


div.l_siderbar {
    float: left;

   background-color: white;
}

div.r_siderbar {
    float: right;

    background-color: white;
}

.listBox{
	border-bottom: 1px solid #FFCC99;
}
.listBox img{
	width:60px;
	height:60px;
	vertical-align:middle;
}


.pages_btns { width: 100%; padding: 0 0 8px; overflow: hidden; }
	.pages_btns .pages em { line-height: 26px; }

.pages, .pageback, .threadflow { float: right; border: 1px solid #DD740B; background: white; height: 24px; line-height: 26px; color: #DD740B; overflow: hidden; }
	.pages a, .pages strong, .pages em, .pages kbd, #multipage .pages em { float: left; padding: 0 8px; line-height:26px; }
		.pages a:hover { background-color: #FFCC99; }
		.pages strong { font-weight: bold; color: white; background: #DD740B; }
			.pages a.prev, .pages a.next { line-height: 24px; font-family: Verdana, Arial, Helvetica, sans-serif;color:#DD740B; }
				.pages a.next { padding: 0 15px; }
		.pages kbd { border-left: 1px solid #DD740B; margin: 0; }
			* html .pages kbd { padding: 1px 8px; }
			.pages kbd input { border: 1px solid #DD740B; margin-top: 3px !important; * > margin-top: 1px  !important; margin: 1px 4px 0 3px; padding: 0 2px; height: 17px; }
				.pages kbd>input { margin-bottom: 2px; }
	.threadflow { margin-right: 3px; padding: 0 10px; }
	.pageback { margin-right: 1px; padding: 0 10px; }
	.pageback a { border-color: {COMMONBORDER}; background-color: {WRAPBG}; color: #DD740B; }
	.pageback a:hover { text-decoration: none; }
	.pageback a { padding-left: 16px; background:  url(../../images/default/arrow_left.gif) no-repeat 0 50%; }
	.pageback a { border-color: #DD740B; }
 
 
.datatable{
	margin-bottom:10px;
}
.datalist .datatable,.datalist .datatable th,.datalist .datatable td{
	border-width:1px 0;
}

.datalist{zoom:1;}
.datalist table{margin-bottom:30px;width:100%;border:1px solid #E6E7E1;}
.datalist th,.datalist td{padding:4px 5px;border:1px solid #FFCC99;;;font-weight:400;}
.datalist th img{vertical-align:top;}
.datalist table .stat_subject{border-right:none;}
.datalist table .stat_num{padding-right:15px;text-align:right;border-left:none;}
.datalist .datatable{margin-bottom:10px;}
.datalist .datatable,.datalist .datatable th,.datalist .datatable td{border-width:0px 0px 1px 0px;}.
.datalist .fixtable{
	table-layout:fixed;
}
.colplural,.colplural th,.colplural td,th.highlight,td.highlight{
	background-color:#DD740B;
}

.threadlist th a:hover,.subject a:hover{color:#09C;}
.datatable .subject{padding:8px 5px;}



.threadlist .colplural th,.threadlist .colplural td{
padding:7px 0 !important;background:#FFE4C4;
}
.threadlist .colplural th{padding:7px 5px !important;}
.threadlist .colplural a{color:#09C;font-family:Tahoma,sans-serif;}
.threadlist .colplural a:hover{text-decoration:underline;}
.threadlist .colplural .order_active{padding-right:8px;background:url(../../images/default/order.gif) no-repeat 100% 50%;}




.websitebox{
	border: 1px solid #FFCC99;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 780px;
}
.websitebox h3 {
	color:#FF9900;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    background-image: url(../images/bg_box_title.gif);
    border-bottom: 1px solid #FFCC99;
    padding: 0;
    margin: 0;
}
.websitebox table{
	width:100%;
}
 .websitebox td{
 	font-size:14px;
 	width:25%;
 	height:20px;
    text-align:center;

 }
 
 /* Board style */
.board { width:950px;  }
.board_caption { width:950px;height:22px; background:url(/cosmetics/images/20081101.gif) ;overflow:hidden; border-right:1px solid #D4D4D4;border-left:1px solid #D4D4D4; }
.board_caption h3 { float:left; width:73px; height:22px; height:20px; padding:3px 0 4px; margin-right:1px; background:url(/cosmetics/images/20081101.gif) ; text-align:center; line-height:20px; font-weight:normal; cursor:pointer; }
.board_caption h3 a { display:block;}
.board_caption .normal { background-position:-100px -50px; }
.board_caption .current { background-position:0 -50px; font-weight:bold; }
.board_content {border-right:1px solid #FFCC99; border-bottom:1px solid #FFCC99; border-left:1px solid #FFCC99;margin:0px;width:950px; }
.board_content .normal { display:none; }
.board_content .current { display:block; }
-->