/* Copyright 2007 yoho.cn Allrights Reserved.*/ 
* html{filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*,html{ padding:0px; margin:0px;}
body,button{ font-family:Arial, Verdana;font-size:12px!important; font-size:11px; color:#636363;}
body{background:#fff;}
.bodyl{width:724px; float:left;}
.bodyr{width:210px; float:right;}
.bodybox{ margin:40px 0px 0px 14px; padding-top:0!important; padding-top:20px;  width:941px;}

input,textarea{font-family:Arial, Verdana;font-size:12px;}
.biginput{ height:25px; font-size:18px; line-height:25px;}

.clear{
    margin-top:-1px;
	height:1px;
	font-size:1px;
    clear:both;
    visibility:hidden;
} 
h1{ font-size:25px;font-weight:normal; font-family:Arial, Helvetica, sans-serif; line-height:25px;}
h2{ font-size:18px;font-weight:bold; height:30px; text-indent: -4000px;}
h3{ font-size:14px;font-weight:bold; padding-bottom:10px; border-bottom: dashed 1px #aaa;}
h4{ font-size:12px; font-weight:bold; padding-bottom:10px; border-bottom: dashed 1px #aaa;}
h5,h5 a{ color:#000; font-size:12px; font-weight:bold; margin:0; padding:0;}/*????*/
h5 a:hover{color:#ff6600;}
h5 a:visited{color:#888;}
h6{ font-size:14px; font-weight:bold;}/*????*/
img{border:0;}
a{
	color: #FF0000;
	text-decoration: none;
}

a:visited{ color:#FFF;}

a:hover{ color:#FF9900;}

small{ font-size:10px;}

.font_yellow,.font_yellow a,.font_yellow a:visited{ color:#fa2132;}
.font_yellow a:hover{ color: #ff6600;}
.font_orange,.font_orange a,.font_orange a:visited{ color:#ff6600;}
.font_black,.font_black a,.font_black a:visited{ color:#000;}
.font_black a:hover{color:#ff6600}
.font_gray ,.font_gray a,.font_gray a:visited{ color:#979898;}
.font_gray a:hover{ color: #ff6600;}
.font_white ,.font_white a,.font_white a:visited{ color:#FFF;}
.font_white a:hover{ color: #ff6600;}
.font_green ,.font_green a,.font_green a:visited{ color:#79b101;}
.font_green a:hover{ color: #ff6600;}

/*???*/
.pagination{ text-align:center; font-weight:bold; }
.pagination a{ color:#666; font-size:14px; margin:0px 2px 0px 2px;}

.buttonstyleA{ background:none; border:none; cursor:pointer; height:22px; line-height:22px;}
.buttonstyleA_on{
	color: #333333;
	padding:0px;
	cursor:pointer;
	border:0px;
	height:22px;
	line-height:22px;
	border:solid 1px #e1e1e1;
	background:#fff url(../Image/bg_buttonstyle1.gif) repeat-x center;
}
.buttonstyleA_on img,.buttonstyleA img{ margin-right:4px;}

/*????*/
.floatwindow {float:left; position:absolute;}
.inner_floatwindow{background:#FFFFFF; border:solid 1px #CCCCCC;  }
.inner_floatwindow h4{
	color:#FFF;
	height:28px;
	line-height:28px;
	background:#babcbc url(../Image/bg_yohobar_title.gif) no-repeat left top;
	padding:0px 0px 0px 8px;
}
.windowcontrol{ float:right; margin:-22px 5px 0px 0px;}
.floatcontent{
 border-top:solid 1px #FFF;
	background: url(../Image/bg_form.gif) repeat-x top;
	padding:10px;
}
/*??????*/
.down_menu{background:#FFF; border:solid 1px #CCC;}
.down_menu ul{ list-style:none; margin:5px;}
.down_menu li{ border: solid 1px #EEE; margin:0px 0px 2px 0px; line-height:18px; height:18px; }
.down_menu li a{ text-indent:5px;display:block; color:#666; width:100%;}
.down_menu li a:hover{
	background: #EEE url(../Image/icon_selectok.gif) no-repeat right center;
}

/*????*/
.promptwindow{
	background:#f77d0e url(../Image/bg_promptwindow.gif) no-repeat left top;
	padding:20px;
	border-top:solid 1px #fcb01e;
	border-bottom:solid 1px #d76a08;
	border-left:solid 1px #fcb01e;
	border-right:solid 1px #d76a08;
	color:#FFF;
}
/*???*/
.promptbar
{ color:#993300; background:#FFFFCC; border:dashed 1px #FFCC66; padding:5px;
}

/*??*/
.shadow{
	background: url(../Image/shadow.png) no-repeat right bottom!important;
	padding:0px 5px 5px 0px !important;
	padding:0px;
	background:none; 
	width:100%;
}
* html .shadow{
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#D5D5D5,Direction=120,strength=5);}/*ie6*/

/*???*/
.loadingbar{
	border: solid 1px #9e9e9e;
	background:#f3f3f3 url(../Image/bg_loadingbar.gif) repeat-x top;
	text-align:left;
}
.loadingbar_ok{
	background: url(../Image/bg_loading.gif) repeat-x top;
}
.loadingbar_Number{text-align:center; margin-top:-16px!important; margin-top:-14px; font-weight:bold;}

#overlay{position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	background-color: #000; 
	filter:alpha(opacity=40);
	-moz-opacity: 0.5;
	opacity: 0.5;
	} 
	
/*??????*/
.dragglide{ border:solid 1px #FF0000; background: #CCCCCC; filter:alpha(opacity=30);
-moz-opacity:0.3;
opacity: 0.3;}	

/*???????????*/
.bbsli{width:100%;}
.bbsli th,.gray{background:#efefef; text-align:left; font-weight:normal;} /*??? ?*/
.bbsli td{
    height:32px;
	background:url(../Image/bg_groupbbslidot.gif) 0 100% repeat-x;
	color:#888;
	font-family:Arial,PMingLiU;
	font-size:11px;
	}
.bbsli span{
    padding-left:12px;
	background:url(../Image/bg_groupbbsli.gif) 3px 5px no-repeat;
	}
/*??????*/
.bg_fretsaw_r{
    position:absolute;
	height:7px;
	width:7px;
	right:-1px!important;
	right:-2px;
	top:0;
	background:url(../Image/bg_fretsaw_r.gif) top right no-repeat;
	}
/*?????? 4-6??*/
.buttomwhite{
    height:32px;
	width:105px;
	line-height:32px;
	text-align:center;
	}
.buttomwhite a,.buttomwhite a:hover,.buttomwhite a:visited{
    display:block;
    height:32px;
	width:105px;
	text-align:center;
	color:#444;
	font-weight:bold;
	background:url(../Image/buttonwhite.gif) no-repeat;
	}
/*4?????*/

.rbtop div {background: url(../Image/bg_blockbgtl.gif) no-repeat top left;  }
.rbtop { background: url(../Image/bg_blockbgtr.gif) no-repeat top right; }
.rbbot div { background: url(../Image/bg_blockbgbl.gif) no-repeat bottom left; }
.rbbot { background: url(../Image/bg_blockbgbr.gif) no-repeat bottom right; }

.rbtop div,.rbtop,.rbbot div,.rbbot{width:100%;height: 4px; font-size:1px; line-height:1px;}
.rbcontent { margin: 0;}

/*4??????*/
.brbtop p {background: url(../Image/bg_brbtl.gif) no-repeat top left; }
.brbtop div {background: url(../Image/bg_brbtr.gif) no-repeat top right;}
.brbtop {background: url(../Image/bg_brbtb.gif) repeat-x top;}

.brbbot p{background: url(../Image/bg_brbbl.gif) no-repeat bottom left;}
.brbbot div {background: url(../Image/bg_brbbr.gif) no-repeat bottom right;}
.brbbot {background: url(../Image/bg_brbtb.gif) repeat-x bottom;}

.brbtop p,.brbtop div,.brbtop{ width:100%; height:5px; font-size:1px; }
.brbbot p,.brbbot div,.brbbot{width:100%; height:5px; font-size:1px;}
.brbcontent{ border-left:solid 1px #d7d7d7; border-right: solid 1px #d7d7d7; height:auto!important; height:1px;}
/*4????????*/
.brbtop_gray p {background: url(../Image/bg_brbtl_gray.gif) no-repeat top left; }
.brbtop_gray div {background: url(../Image/bg_brbtr_gray.gif) no-repeat top right;}
.brbtop_gray {background: url(../Image/bg_brbtb_gray.gif) repeat-x top;}

.brbbot_gray p{background: url(../Image/bg_brbbl_gray.gif) no-repeat bottom left;}
.brbbot_gray div {background: url(../Image/bg_brbbr_gray.gif) no-repeat bottom right;}
.brbbot_gray {background: url(../Image/bg_brbtb_gray.gif) repeat-x bottom;}

.brbtop_gray p,.brbtop_gray div,.brbtop_gray{ width:100%; height:5px; font-size:1px; }
.brbbot_gray p,.brbbot_gray div,.brbbot_gray{width:100%; height:5px; font-size:1px;}
.brbcontent_gray{ border-left:solid 1px #d7d7d7; border-right: solid 1px #d7d7d7; height:auto!important; height:1px;}

/*??????*/
.button_black_off,.button_black_off img{ background: #CCC; cursor:default;}
.button_black,.button_black  img{background-color: #000;}
.button_black:hover,.button_black:hover img{ background:#FF0000;}	

/*????*/
.yohotop{ margin-bottom:7px;}
.yohotopmenu{ background:url(../Image/logo.gif) no-repeat left 5px; height:65px; padding-left:170px;}
.yohotopmenu li{ list-style:none; float:left; margin: 7px 8px 7px 0px ; width:76px; height:38px; padding:8px 0px 0px 56px;  line-height:14px;}
.yohotopmenu ul{ float:left;}
.plaza{background: url(../Image/topmenu_bg.gif) 132px top;}
.expo{
	background: url(../Image/topmenu_bg.gif) 407px top;
}
.photos{
	background: url(../Image/topmenu_bg.gif) 270px top;}
.member{background: url(../Image/topmenu_bg.gif) 0px top;}	
.yohotopmenu li small{ font-size:9px;}
.yohotopmenu li a{ color:#424242;}
.search{ float:right; margin-top:7px; text-align:right;}
.search input{ height:24px; line-height:24px;border:0px; background:url(../Image/topmenu_bg2.gif) left center; margin-top:0px; padding-left:5px;}
.yohoNav{ list-style:none; position:absolute; z-index:2; width:946px;}
.yohoNav li{ float:left; margin-right:5px;
}
.bi,.yohotop .on{

padding-left:5px;
	width:95px;
	height:17px;
	padding-top:3px;
	display:block;
}
.bi{
	background:#000 url(../Image/topmenu_bg3.gif) no-repeat;
	color:#FFF;
	cursor:pointer;
}
.bi:hover,.yohotop .on,.yohotop .on:visited{
	background:#ff0000 url(../Image/topmenu_bg3.gif) no-repeat; color:#fff;}

.bi .en{ display: none; height:17px;}
.bi:hover .en{ display:block;}

.bi .cn{display:block; padding-top:1px; height:16px;}
.bi:hover .cn{ display: none;}

.yohotop .on .en{display:block;}
.yohotop .on .cn{ display:none;}

.yohotopmenu .down_menu{ border:0px; padding:0px; position:absolute; width:85px;}
.yohotopmenu .down_menu ul{ padding:0px; margin:0px;}

.yohotopmenu .down_menu li{ width:80px; height:18px; line-height:18px; padding:0px; margin:0px;}

.yohotopmenu2{ height:20px;}

.arts:hover{ background-color:#1CDEEA;}
.ent:hover{background-color:#F9DA05;}
.emot:hover{background-color:#FF336C;}
.comic:hover{background-color:#BEFF33;}
.fashion:hover{background-color:#BE93E0;}
.cool:hover{background-color:#CCC;}
.bty:hover{background-color:#F9524E;}
.town:hover{background-color:#CDCC34;}

.mainmenu{ float:left; position:relative; height:57px; width:560px; background:url(../Image/bg_mainmenu.gif) no-repeat; }
.menucity{ float:left; height:57px; width:97px;}
.menubuttons{ float:left; margin-left:3px; height:49px; width:49px; margin-top:3px; }
.menubuttonm{float:right; margin-right:5px; height:57px; width:57px;}

/*??*/
.footer{ width:941px; background:#5e5c5d url(../Image/bg_buttom.gif) right center no-repeat;}
.footer .rbcontent{ padding:8px 15px 8px 15px; font-size:11px; font-family:arial;}
.footer .rbcontent small { font-family:Arial; font-size:9px; color:#d1cfd0;}

.selectclass{    background:#fff; margin-left:auto; margin-right:auto; }
.selectit{ position:relative; height:80px; border-bottom:#ccc 1px solid; background:#f8f8f8; }
.classbox{padding:20px; padding-top:10px; padding-bottom:0; margin-bottom:-10px; border-left:#ddd 1px solid;border-right:#ddd 1px solid;border-top:#ddd 1px solid;}
.classbox table{margin-bottom:10px; border-bottom:#eee 1px solid; line-height:22px;}
.classtit{ font-size:12px; font-weight:bold; color:#333;}

.classes li{display:block; float:left; height:28px;width:90px;}
.classes li input{float:left; margin-right:2px; margin-top:4px!important; margin-top:0px; border:none;}
.classupload{border-left:#ddd 1px solid;border-right:#ddd 1px solid;display:block; height:20px;  left:0; bottom:0;  text-align:right; padding:20px;}
.classupload button{line-height:14px; height:18px; padding:0 5px; font-size:12px;}

.hand{cursor:hand;}

.Topic{font-size:12px; font-weight:bold; line-height:20px;}
.TopContent{font-size:12px; font-weight:normal; line-height:22px;}

.input1{border:1px solid #CCCCCC; font-size:12px; width:450px; height:18px; padding:3px 5px 0px 5px;}

.newslist{width:268px; float:right; margin:0px 0px 6px 0px;}

.backgroundDiv{display:none; z-index:9;}