/* CSS Document */
*{ margin:0px; padding:0px; border:none; text-decoration:none;}
body { margin:0; padding:0; background:url(../images/bg.jpg) no-repeat top center fixed #000; font-size:12px; color:#333; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:24px;}
img { border:none;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:underline;}
ul { margin:0; padding:0; list-style:none;}
.blank { height:10px; clear:both; visibility:hidden;}
span { margin:0; padding:0;}

#box { width:980px; margin:0 auto; padding:10px; background:#fff; overflow:hidden;}
.row { float:left; width:980px;}
.w510 { float:left; width:510px;}
.w460 { float:right; width:460px;}
.w250l { float:left; width:250px;}
.w250r { float:right; width:250px;}
.w444 { float:left; width:444px; margin:0 10px;}
.w266 { float:right; width:266px;}
.w720 { float:right; width:720px;}

#header { width:1000px; height:222px; margin:0 auto;}

#topmenu{background:url(../images/topmenu_bg.jpg) repeat-x; height:34px; line-height:34px;}
.topdiv{width:980px; margin:0 auto;}
.webname{width:200px; float:left; color:#666666;}
.menulist{width:780px; float:left; text-align:right; color:#434242;}

.title { background:url(../images/greybg.gif); height:32px; line-height:32px; color:#fff; font-size:14px; font-weight:bold; padding-left:15px;}
.title2 { background:url(../images/redbg.gif); height:32px; line-height:32px; color:#fff; font-size:14px; font-weight:bold; padding-left:15px;}
.bg { background:#f0f0f0;}
.bbg { background:url(../images/bbg.gif); height:730px;}

.code{ height:auto; padding:20px; border:1px solid #9EC9FE; background:#ECF3FD;}
.code pre{ font-family:"Courier New";font-size:14px;}
.info{ font-size:12px; color:#666666; font-family:Verdana; margin:20px 0 50px 0;}
.info p{ margin:0; padding:0; line-height:22px; text-indent:40px;}
h2.title{ margin:0; padding:0; margin-top:50px; font-size:18px; font-family:"΢ÈíÑźÚ",Verdana; background:none;}
h3.title{ font-size:16px; font-family:"΢ÈíÑźÚ",Verdana; background:none;}
.importInfo{ font-family:Verdana; font-size:14px;}

#integral { float:left;}
#integral .tab { float:left; line-height:24px; text-align:center;}

#guide { float:left; border:3px solid #333; width:422px; height:360px; padding:50px 16px 0; background:url(../images/guidebg.jpg); line-height:30px;}
#guide a { color:#c80000;}
#guide .tit { float:left; font-size:18px; font-weight:bold;}
#guide .content { float:left; font-size:14px; margin-top:36px;}

#schedule { float:left;}
#schedule li { background:url(../images/schedulebg.gif); width:210px; height:40px; line-height:40px; padding-left:40px;}
#schedule li span { float:right; margin-right:15px;}
#schedule .nav { float:left; margin-top:1px;}
#schedule .nav .name { float:left; width:41px;}
#schedule .nav .list { float:right; width:209px; padding-bottom:85px; background:#d7d7d7;}
#schedule .nav .list li { background:none; padding-left:0; width:209px; height:62px;}

#schedule .nav .list li a.a1 { display:block; width:209px; height:61px; background:url(../images/nav01off.gif); border-bottom:1px solid #c4c4c4;}
#schedule .nav .list li a.a1:hover { background:url(../images/nav01on.gif); border-bottom:1px solid #c80000;}

#schedule .nav .list li a.a2 { display:block; width:209px; height:61px; background:url(../images/nav02off.gif); border-bottom:1px solid #c4c4c4;}
#schedule .nav .list li a.a2:hover { background:url(../images/nav02on.gif); border-bottom:1px solid #c80000;}

#schedule .nav .list li a.a3 { display:block; width:209px; height:61px; background:url(../images/nav03off.gif); border-bottom:1px solid #c4c4c4;}
#schedule .nav .list li a.a3:hover { background:url(../images/nav03on.gif); border-bottom:1px solid #c80000;}

#schedule .nav .list li a.a4 { display:block; width:209px; height:61px; background:url(../images/nav04off.gif); border-bottom:1px solid #c4c4c4;}
#schedule .nav .list li a.a4:hover { background:url(../images/nav04on.gif); border-bottom:1px solid #c80000;}

#schedule .nav .list li a.a5 { display:block; width:209px; height:61px; background:url(../images/nav05off.gif); border-bottom:1px solid #c4c4c4;}
#schedule .nav .list li a.a5:hover { background:url(../images/nav05on.gif); border-bottom:1px solid #c80000;}

#schedule .nav .list li a.a6 { display:block; width:209px; height:61px; background:url(../images/nav06off.gif); border-bottom:1px solid #c4c4c4;}
#schedule .nav .list li a.a6:hover { background:url(../images/nav06on.gif); border-bottom:1px solid #c80000;}

#introduction { float:left;}
#introduction a { color:#c80000;}
#introduction .text { line-height:28px; padding:15px; font-size:14px;}

#report { float:left;}
#report ul { margin:0 10px;}
#report li { border-bottom:1px dashed #333; color:#666; padding:10px 5px;;}
#report li a { font-size:14px; font-weight:bold; color:#c80000;}
#report li.more { border-bottom:1px dashed #ccc; line-height:36px; padding:0 5px;}
#report li.more a { font-weight:normal; color:#333;}

#team { float:left;}
#team ul { padding:10px 0;}
#team li { border-bottom:1px dashed #ccc;}
#team li a { background:url(../images/arrowoff.gif) no-repeat 15px center; width:226px; height:32px; line-height:32px; padding-left:40px; display:block; font-size:14px; color:#333; text-decoration:none;}
#team li a:hover {background:url(../images/arrowon.gif) no-repeat 15px center #e1e1e1;}

#video { float:left;}
#video li { float:left; width:225px; margin:10px;}
#video li a { display:block; padding:3px; width:219px; height:203px; background:#e8e8e8; color:#333; font-size:14px; text-decoration:none; text-align:center; line-height:30px;}
#video li a:hover { background:#333; color:#fff;}
#video li img { border:3px solid #fff;}

#view { float:left;}

#unit { float:left;}
#unit ul { padding:5px; overflow:hidden;}
#unit li { padding:5px; float:left;}
#unit a { display:block; text-align:center;}

#gallery {width:686px; padding:17px; background:#f0f0f0}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:462px; padding:5px; border:2px solid #666; background:#FFF url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:5000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:462px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}



#site .list{width:978px; margin:0 auto;}
.tagnav{background:url(../images/tagnav-bg.png) no-repeat; height:87px; padding:10px 0 0 0;}

#tags{background:url(../images/timebg.png) center 28px no-repeat; no-repeat; clear:both; overflow:hidden; width:960px; margin:0 auto; text-align:center;}

#tags LI { FLOAT: left; display:inline; position: relative; width:190px; height:96px; cursor:pointer; text-align:center;}

#tags LI A { COLOR: #333; TEXT-DECORATION: none; width:190px; height:96px; float:left;}
	
#tags LI A i{background:url(../images/timelineng.png) no-repeat;display: inline-block;
    height: 26px;
    margin-top: 21px;
    width: 26px;
	*display:inline;zoom:1;
	_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src="http://www.sinolub.com/topics/yaou2012/images/timelineng.png");
	}
#tags LI.selectTag A i{height: 48px;
    margin-top: 11px;
    width: 48px;
	background:url(../images/timelinebg.png) no-repeat;
	display: inline-block;
	 _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src="http://www.sinolub.com/topics/yaou2012/images/timelinebg.png");
	}
	
#tags li span{display:block;}

#tags LI.selectTag A span{font-weight:bold;}
#tags LI.selectTag A b{ display: inline-block;
background:url(http://www.sinolub.com/topics/yaou2012/images/tabsicon.png) no-repeat;
    height: 12px;
    left: 86px;
    width: 18px;
	top:84px; position: absolute;*display:inline;zoom:1;
	 _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src="http://www.sinolub.com/topics/yaou2012/images/tabsicon.png");
	}
#tags-wp  LI.selectTag {
	POSITION: relative;
}
#tags LI.selectTag A{
	 width:190px; cursor:pointer; text-align:center; height:98px;
}
#tags-wp  LI.emptyTag {
	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px
}

#tagContent { overflow:hidden; padding:20px 10px;}
.tagContent { display:none;}
#tagContent DIV.selectTag { display: block}
.tagContent li{ float:left; display:inline; width:180px; margin:0 6px 12px; text-align:center; line-height:18px; height:160px;}
.tagContent img{ width:174px; height:120px; border:1px solid #ccc; padding:2px;}

#sponsor { float:left;}
#sponsor .s1 { float:left; width:150px; margin:20px 10px;}
#sponsor .s2 { float:right; width:800px; margin:10px 5px;}
#sponsor .s2 li { float:left; width:150px; height:36px; margin:10px 5px;}
#sponsor .s1 img { border:1px solid #d8d8d8; padding:4px; background:#fff;}
#sponsor .s2 img { border:1px solid #d8d8d8; padding:5px 2px; background:#fff;}

#footer { font-size:14px; border-top:3px solid #333; text-align:center; padding:20px 0;}