@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, lengend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; }
h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
h4, h5, h6 { font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp, tt { font-family:"Courier New", Courier, monospace; }
small { font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
abbr[title], acronym[title] { border-bottom:1px dotted; cursor:help; }
q:before, q:after { content:''; }
legend { color:#000; }
fieldset, img { border:none; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
hr { border:none; height:1px; color:#fff; }

/*
----------------------
 common
----------------------
*/
.clearfix,.theme-item,.m3c2{zoom:1;}
.clearfix:after,.theme-item:after,.m3c2:after{content:"\0020";display:block;clear:both;height:0;}
.text-right { text-align:right;}
.fs11 { font-size:11px}
.fs12 { font-size:12px;}
.bold { font-weight:bold;}


body { line-height:1.5; color:#333;}
.wrap { }
a em { position:absolute; top: -9999px;}
a { color:#4077A4; text-decoration:none;}
a:hover { background:#4077A4; color:#fff; text-decoration:none;} 


.blue { color:#36c;}
.green { color:#3BA837;}
.bold { font-weight:bold;}
.wrap,#content,#header,#footer,#menu {width:940px; margin: 0 auto;}



.box-rc1,.box-rc2,.box-rc3 {height:1px; overflow:hidden;}
.box-rc1 {  margin:0 2px; background-color:#D7E4F2}
.box-rc2,.box-rc3{ background:#fff; border-left:1px solid #D7E4F2; border-right:1px solid #D7E4F2}
.box-rc2 { margin:0 1px;}
.box { background: #F8FCFC; border-left:1px solid #D7E4F2; border-right:1px solid #D7E4F2}
.box-bd { border-color:#fff; border-style:solid; border-width:0 2px; padding:5px 15px;}
.box-bd .tit{ color:#333; font-weight:bold; font-size:14px; margin-bottom:10px; background:url(line.gif) 0 bottom repeat-x; height:30px; line-height:30px;}
.box-bd h2 span,#about-ylmf-os h3 span{ display:block; background-image:url(icons.png); background-repeat:no-repeat; padding-left:18px;}
.box-bd p{ padding-bottom:10px;}
span.down { background-position:0 -54px;}
span.theme { background-position:0 -158px;}
span.intrd { background-position:0 -106px;}
span.install { background-position:0 -212px;}
span.help { background-position:0 -265px}
.line { clear:both; height:20px; background:url(line.gif) 0 center repeat-x; overflow:hidden;}

.m3c2 {}
.m3c2 .main { width:570px; float:left; border-right:1px solid #D7E4F2; padding-right:10px;}
.m3c2 .sidebar { float:left; width:300px; padding:0 10px; border-left:1px solid #D7E4F2; margin-left:-1px;}
.m3c2 .sidebar h2 { height:30px; line-height:30px; font-size:14px;}
.m3c2 .sidebar li { list-style:square; margin-left:25px; color:#666; margin-bottom:3px;}

/*
----------------------
 header
----------------------
*/
#header { position:relative; padding-top:5px;}
	#logo { margin-right:10px;}
	#logo,#logo a { width:160px; float:left; height:50px;}
	#logo a { overflow:hidden; text-indent:-9999px; background:url(logo.gif) no-repeat;}
	
	#header .desc { padding-top:4px; line-height:20px;}
	#search { position:absolute; right:0; top:18px; }
	#search .int { font-size:12px; color:#333; padding:2px; width:160px; }
	#search .btn { }
	
	#s115 { position:absolute; right:0; top:20px;}
	#s115_input,#s115 .int, #s115 .btn { float:left;}
	#s115 .int { font-size:12px; border:none; background:none; width:180px; padding:3px 0 0 2px; height:16px;}
	#s115_input { border:1px solid #ccc; height:20px; margin-right:3px; overflow:hidden; background:url(icons.png) no-repeat 0 -550px;} 
	#s115 .btn { height:22px; border:none; line-height:22px; color:#fff; font-weight:bold; cursor:pointer; background:url(icons.png) no-repeat 0 -600px; width:60px;}
	#s115_input.focus { background:none;}
	
	
	
	
	#menu,#nav,#language,#nav a.current,#nav a.current span,#nav a:hover ,#nav a:hover span{ height:36px;background:url(menu_bg.gif) 0 -143px no-repeat;}
	#menu { clear:both;background-repeat:repeat-x; margin-top:5px; margin-bottom:5px; color:#fff; position:relative; z-index:2;}
	#menu li { float:left;}
	
	
	
	
	#nav { float:left; background-position:0 0; padding-left:20px; margin-left:-2px;}
	#nav li, #nav a,#nav a span,#language a,#language span { float:left; height:24px; line-height:24px;}
	#nav li,#language li { margin: 6px 5px 0;}
	#nav a { padding-left:10px;color:#fff;}
	#nav a span { padding-right:10px; cursor:pointer; }
	#nav a.current,#nav a:hover{background-position:0 -82px; text-decoration:none; height:24px; color:#4077A4;}
	#nav a.current span,#nav a:hover span{  background-position: right -107px; height:24px;}
	
	#language { float:right; background-position: right -36px; padding-right:10px;  margin-right:-2px;}
	#language a { padding:0 5px; color:#fff;}
	#menu #language a:hover{ background-color:#ffffff; color:#4077A4;}
	
	/*
	#language .lang { background:url(arrow.gif) right center no-repeat; width:50px; text-align:center; padding-right:10px;}
	#language dl{ position:absolute; width:60px; border:1px solid #137C27; padding:1px; background-color:#fff; top:30px; right:20px; z-index:10; _right:16px; }
	#language dl a { color:#137C27; display:block; text-align:center; width:60px;}
	#language dl a:hover { background-color:#137C27; color:#fff; text-decoration:none;}*/
	
#content {}
	#board { background:url(banner.jpg) no-repeat; position:relative; height:280px; z-index:1;}
	#board dl { float:right; width:400px;text-align:justify;text-justify:inter-ideograph; margin: 20px 10px 0 0;}
	#board dt { font-size: 24px; height:40px; line-height:40px;}
	#board dd { line-height:1.75;}
		#download_button:hover span { color:#FF0;}
		a#download_button:hover { background:url(space.gif);}
		#download_button{ width:168px; z-index:10; height:18px; padding-top:20px; display:block;overflow:hidden; position:absolute; left:737px; top:205px; text-decoration:none;}
		#download_button span{display:block; cursor:pointer; font:11px/20px Arial, Helvetica, sans-serif; text-align:center; color:#fff; height:20px; margin: 0 auto; width:130px;}
	#notice { height:35px; line-height:35px; margin:8px auto; width:940px; background: url(notice_bg.jpg) no-repeat;}
	#notice p { padding-left:28px;}
		
	
#footer { margin-top:10px; padding-bottom:40px; border-top:1px solid #C1CCDC; color:#333; line-height:22px;}
/*#footer a { color:#333;}*/
.quick-link { float:right;}
.copyright { float:left; background:url(icons.png?v=20100512) 0 4px no-repeat; padding-left:65px;}

/*
----------------------
 index
----------------------
*/

.box-item { float:left; float:left; margin-right:11px; width:306px; }
.box-item .box-bd{ height:210px; }
.box-item dt span{ height:30px; line-height:30px; font-weight:normal; display:block; margin-top:-30px; text-align:right; font-size:11px}
#faq-item dd{ line-height:1.75;}
#faq-item { margin-right:0;}
/*
----------------------
 theme
----------------------
*/
.theme-item  { margin-bottom:10px;}
.theme-item .img { float:left; padding:4px; border:1px solid #ccc; background:#fff;}
.theme-item .img { height:70px; width:110px; margin-right:15px}
.theme-item dt { height:30px; font-weight:bold; line-height:30px; font-size:14px; color:#333;}
.theme-item dd { height:20px; line-height:20px;}

/*
----------------------
 about
----------------------
*/
#about-ylmf-os h2{ margin-bottom:12px; font-size:16px; color:#4077A4;}
#about-ylmf-os h3 { font-size:14px; line-height:1.75; margin-bottom:8px;}
span.system { background-position:0 -360px;}
span.internet { background-position:0 -320px;}
span.media { background-position:0 -402px;}
span.office { background-position:0 -446px;}
span.faq { background-position:0 -489px;}
span.sys{background-position:0 -802px;}
span.pro{background-position:0 -855px;}

#about-ylmf-os .col { float:left; width:420px; margin:0 10px;}
#about-ylmf-os ol { margin-bottom:1.5em;}
#about-ylmf-os ol li { margin-left:25px; list-style:decimal; margin-bottom:5px;}
#about-ylmf-os ul li { list-style:none; margin-left:0;}

#install-faq .sidebar li{ margin-left:5px; list-style:none; line-height:1.75;}


.mirrors li { background:url(arrow_270.gif) left center no-repeat; padding-left:20px; line-height:30px; height:30px;}

html { overflow-y:scroll;}

#language  a:hover { background:#fff;}