@charset "utf-8";
/* ==========================================================
	* Copyright (c) 2009, ylmf.org All rights reserved.
	* Date:2009-12-23
	* File: style.css
============================================================*/
html { overflow-y:scroll;}
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;}
ul { list-style:none;}
em { font-style:normal;}
img { border:0;}

.clearfix{zoom:1;}
.clearfix:after{content:"\0020";display:block;clear:both;height:0;}
.text-right { text-align:right;}

body { line-height:1.5; color:#4B4B4B;}
a { text-decoration:none; color:#4B4B4B;}
a:hover { color:#36c; text-decoration:underline;}

.wrap {  width:960px; margin: 0 auto;}



#top { height:51px; margin:10px 0; position:relative;}
#s115 { position:absolute; right:0; top:15px;}
#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(images/icons.gif) no-repeat 0 -86px;} 
#s115 .btn { height:22px; border:none; line-height:22px; color:#fff; font-weight:bold; background:url(images/icons.gif) no-repeat -1px -44px; width:60px;}
#s115_input.focus { background:none;}

#logo, #logo a { float:left; width:182px; height:51px;}
#logo a { background:url(images/logo.gif) no-repeat; text-indent:-9999px;overflow:hidden;}


#menu { height:35px; line-height:35px; background:url(images/menu_bg.gif) no-repeat; margin-bottom:10px;}
#menu li { float:left;}
#menu a { float:left; width:118px; text-decoration:none; height:35px; margin-right:2px; font-weight:bold; color:#fff; text-align:center}
#menu a:hover,.current a {background:url(images/menu_bg.gif) no-repeat -90px -35px;}
#menu .home { width:88px;}
#menu a.home:hover, .current .home { background-position:0 -35px;}
/*
#menu .about { width:138px;}
#menu a.about:hover,.current .about { background-position:-90px -35px;}

#menu .system-dl { width:103px;}
#menu a.system-dl:hover,.current .system-dl { background-position:-230px -35px;}

#menu .themes-dl { width:105px;}
#menu a.themes-dl:hover,.current .themes-dl { background-position:-335px -35px;}

#menu .faq { width:145px;}
#menu a.faq:hover,.current .faq { background-position:-442px -35px;}*/

#banner { width:960px; height:300px; position:relative; background:url(images/banner.jpg) no-repeat; margin-bottom:10px;}
#banner ul { list-style:disc;}
#banner li { margin-left:25px; margin-bottom:5px;}
#banner .intrd { position:absolute; left:600px; top:68px; width:330px;}
#banner .intrd li{}
#banner h2 { position: absolute; top:-9999px;}
#banner .download { position:absolute; width:182px; height:55px; background:url(images/download.jpg) no-repeat; color:#ccc; text-decoration:none; left:744px; overflow:hidden;  top:223px;}
/*#banner a.download:hover { background:url(images/icons.gif) -1px -132px no-repeat;}*/
.desc-more { margin-top:0px; padding-left:25px;}
#banner .download span { margin-top:32px; display:block; text-align:center; height:20px; line-height:20px; color:#CCCCCC;}

#banner.down_banner { background:url(images/down_banner.jpg) no-repeat;}
#banner.down_banner .intrd { top:80px; left:420px; width:auto; padding-right:50px;}
.download_buttons { position:absolute; top:200px; left:436px;}
#banner .download_buttons li { float:left; list-style:none; background:url(images/down_mini.jpg) no-repeat;margin: 0 10px 0 0; height:52px; width:91px;}
.download_buttons li a { height:30px; line-height:30px; color:#333; font-weight:bold; padding-left:26px; display:block;}
#banner .download_buttons h3 { font-size:12px; height:30px; line-height:30px; margin-bottom:10px;}
.download_buttons .desc-more { margin-top:20px;}



#board {  height:300px; position:relative; background:url(images/board_bg.gif) no-repeat; width:960px; overflow:hidden;}
#board .r,#board .l { position:absolute; width:8px; height:300px; overflow:hidden; top:0; background: url(images/board_bg_w.gif) no-repeat;}
#board .r { right:0; background-position:-8px 0;}
#board .l { left:0;}
#board .con { padding:10px 12px;}

.box { float:left; margin: 0 6px; width:300px; }
.box-con {  height:200px; line-height:1.75; padding:10px 20px; }
.box-con p { margin-bottom:10px;}
.box-head { height:30px; color:#fff; margin-bottom:1px; line-height:30px; overflow:hidden;}
.box-head a { color:#fff;}
.box-head em { color:#9BBBD5}
.box-head span { height:30px; line-height:30px; margin-top:-30px; text-align:right; padding-right:5px; display:block; }

.content-box { background:url(images/content_box_bg.gif) repeat-y;}
.cb-head { background:url(images/cb_head.gif) top left no-repeat;}
.cb-foot { background:url(images/cb_foot.gif) bottom left no-repeat;}
.cb-title { font-size:18px; height:60px; line-height:60px;}

#sys_download { padding:0 40px;}
#sys_download ul{ height:420px; padding-bottom:50px !important; padding-bottom:20px; margin-top:10px;}
#sys_download li{ height:58px; border:1px solid #fff;  line-height:58px; margin: 5px; padding-left:70px;background: url(images/icons_02.gif) no-repeat;}
#sys_download li:hover,#sys_download li.iehover {background-color:#EEF9FF; border:1px solid #ADC8DD;}

#sys_download li.a { background-position: 10px 10px;}
#sys_download li.b { background-position: 10px -72px;}
#sys_download li.c { background-position: 10px -148px;}
#sys_download li.d { background-position: 10px -226px;}
#sys_download li.e { background-position: 18px -300px;}
#sys_download li.f { background-position: 10px -373px;}
#sys_download li.g { background-position: 10px -449px;}

.theme-preview { width:240px; height:150px; margin:20px 23px; float:left;}
.theme-item { float:left; display:inline; overflow:hidden; margin:5px 10px; background:url(images/theme_bg.gif) no-repeat; width:450px; height:192px; position:relative;}
.theme-dl-button { position:absolute; left:297px; top:131px; height:30px; width:120px; overflow:hidden; text-indent:-9999px;}
.theme-intrd { float:left; padding:15px 8px 0 0; width:150px; height:100px; overflow:hidden;}
.theme-intrd h2 { font-size:14px; height:30px; line-height:30px;}
#themes_download { padding:0 10px 10px 10px; }
#themes_download .cb-title { padding:0 20px;}

#about_page { padding:0 10px 10px 10px; line-height:1.75; position:relative; min-height:400px; _height:400px;}
#about_banner { position:absolute; top:30px; right:30px; width:344px; height:282px;}
.about-content { }
.about-content p{ margin-bottom:10px;}

#faq_page { padding:0 12px 20px 12px;}
#faq_page .box-head { color:#666; height:40px; margin-bottom:-20px; line-height:20px; margin-left:20px;  position:relative; background:url(images/icons_03.gif) no-repeat; padding-left:40px;}

#faq_page .cb-title { padding-left:20px;}
#faq_page .box-head strong{ font-size:14px;}
#faq_page .box-head a{ color:#666;}
#faq_page .box-con{ background-color:#E9EDF2;padding-top:20px; height:210px;}
#faq_page .box { height:auto; display:inline; }


#burn_iso .box-head{ background-position: 0 0;}
#install .box-head{ background-position: 0 -83px;}
#qna .box-head{ background-position: 0 -169px;}


.leftA { display:inline; width: 420px; margin: 0 20px; float:left;}
.leftA ol li{ margin-left:10px;}

#quote {  padding-top:5px; line-height:20px; float:left; margin-left:25px;}

#footer { margin-top:10px; padding:10px; padding-bottom:40px; border-top:1px solid #C1CCDC}
.links { float:right;}
.copyright { float:left; background:url(images/icons.gif) -1px -5px no-repeat; padding-left:65px;}