/*  reset  */
html,body,
ol,ul,li,dl,dt,dd,
form,label,fieldset,legend,
h1,h2,h3,h4,h5,h6,p,div,span,img,
table,thead,tbody,tfoot,th,td,caption,
em,strong,cite,small,big,q,blockquote,pre { margin:0; padding:0; }
fieldset,img { border:0; }
q:after,blockquote:after { content:""; }
table { border-collapse:collapse; border-spacing:0; }
th,td { text-align:left; }
ol,ul { list-style:none; }
a:link,a:visited { text-decoration:none; }
a:hover,a:active { text-decoration:underline; }

/*  typography  */
body,th,td,p,cite,small,big,input,select,textarea { font:normal normal 12px Tahoma,Simsun,Arial; }

/*  layout  */
#wrp { width:792px; margin:0 auto; }
#content,#ctop,#cbtm,#acekard { width:785px; margin:0 auto; }
#content:after { content:""; display:block; height:0px; clear:both; visibility:hidden; }
#content { background:#fff; *display:inline-block; width:765px; padding:10px; }
#ctop,#cbtm { background:url(../images/content_sprite.gif) no-repeat; height:10px; overflow:hidden; }
#cbtm { background-position:-785px 0; margin-bottom:15px; }
#ctop,#acekard { margin-top:15px; }
#main { width:554px; float:left; padding:10px; border-right:1px solid #e8e8e8; }
#main1 { width:745px; float:left; padding:10px; }
#sideBar { width:170px; float:left; padding:10px; }
.sideBox h2 { text-indent:-9999px; height:27px; }
.sideBox .inside { padding:10px 5px; }
.colBox { padding:0 6px; }
.colBox h2 { background:url(../images/title_sprite.gif) no-repeat; }
.colBox h2 span { background:url(../images/title_sprite.gif) no-repeat right -27px; display:block; }
.colBox .inside { padding:15px; }

/*  general  */
body { background:#f0f0f0 url(../images/bg.jpg) repeat-x; }
.arrowList li { background:url(../images/icon_arrow01.gif) no-repeat 0 4px; margin-bottom:12px; padding-left:12px; }
.arrowList a { color:#626262; }
.clearfix:after { content:""; display:block; height:0px; clear:both; visibility:hidden; }
.clearfix { *display:inline-block; }

/*  component  */
#header { background:url(../images/header_sprite.gif) repeat-x 0 -105px; height:105px; position:relative; }
#logo { background:url(../images/header_sprite.gif) no-repeat; height:87px; padding:18px 0 0 38px; }
#selectLang { background:url(../images/header_sprite.gif) no-repeat right -210px; height:83px; padding:22px 30px 0 110px; position:absolute; top:0; right:0; }
#selectLang img,#selectLang select { vertical-align:middle; }
#footer { background:url(../images/ft_sprite.gif) no-repeat 0 0; }
#footer .inside { background:url(../images/ft_sprite.gif) no-repeat right -72px; height:72px; }
#footer p { text-align:right; padding-right:30px; }
#ftNav { color:#787878; padding:22px 0 8px; }
#ftNav a { text-decoration:underline; color:#009ddf; margin:0 5px; }
#copyinfo { font-size:10px; }
#copyinfo a { font-size:12px; color:#787878; margin:0 5px; }
#pages { text-align:center; background:url(../images/title_sprite.gif) no-repeat; }
#pages .inside { background:url(../images/title_sprite.gif) no-repeat right -27px; height:23px; padding-top:4px; }
#pages img { vertical-align:middle; }
#pages a { color:#626262; margin:0 3px; }
#pages a.selected { color:#009ddf; text-decoration:underline; }

#nav { position:absolute; top:68px; left:12px; }
#nav li { float:left;}
#nav li a { line-height:28px; *line-height:32px; font-size:14px; font-weight:700; text-align:center; color:#7d7d7d; width:78px; height:37px; float:left; outline:0; }
#nav li a:hover,
#nav li a.selected { color:#fff; text-decoration:none; background:url(../images/header_sprite.gif) no-repeat 0 -415px; }


#nav li.home a { background:url(../images/header_sprite.gif) no-repeat 0 -365px; width:52px; padding-left:18px; }
#nav li.home a.selected { background:url(../images/header_sprite.gif) no-repeat 0 -315px; }
/*
#nav li.home { margin-right:120px; }

#nav li.home a:hover,

*/
/*#nav li.home a { background-position:0 -365px; }
#nav li.home a.selected,
#nav li.home a:hover { background-position:0 -315px; }

#nav li.anticlone a { background-position:0 -365px; }
#nav li.anticlone a.selected,
#nav li.anticlone a:hover { background-position:0 -315px; }

#nav li.news a { background-position:0 -465px; }
#nav li.news a.selected,
#nav li.news a:hover { background-position:0 -415px; }
#nav li.product a { background-position:0 -565px; }
#nav li.product a.selected,
#nav li.product a:hover { background-position:0 -515px; }
#nav li.download a { background-position:0 -665px; }
#nav li.download a.selected,
#nav li.download a:hover { background-position:0 -615px; }
#nav li.bbs a { background-position:0 -765px; }
#nav li.bbs a.selected,
#nav li.bbs a:hover { background-position:0 -715px; }
#nav li.skin a { background-position:0 -865px; }
#nav li.skin a.selected,
#nav li.skin a:hover { background-position:0 -815px; }
#nav li.distributors a { background-position:0 -965px; }
#nav li.distributors a.selected,
#nav li.distributors a:hover { background-position:0 -915px; }
#nav li.about a { background-position:0 -1065px; }
#nav li.about a.selected,
#nav li.about a:hover { background-position:0 -1015px; }
*/
.post { color:#626262; margin-bottom:20px; padding:0 10px 20px; border-bottom:1px solid #e8e8e8; }
.post.last { border:0; }
.post .meta { color:#aaa; margin-bottom:5px; }
.post .date { color:#aaa; font-size:10px; }
.post .title { margin:10px 0; }
.post .title a { font-size:22px; color:#000; }
.post p { line-height:22px; }
.post a { color:#009ddf; }
.post ul { line-height:22px; margin-left:20px; list-style:disc; margin-bottom:10px; }
.post ol { line-height:22px; margin-left:20px; list-style:decimal; margin-bottom:10px; }

#categorize { color:#999; background:url(../images/title_category.gif) no-repeat; }
#categorize a { color:#009ddf; }
#newTopic { background:url(../images/title_new.gif) no-repeat; }
#hotTopic { background:url(../images/title_hot.gif) no-repeat; }
#newComment { background:url(../images/title_comment.gif) no-repeat; }

#product h3 { font-size:14px; color:#009ddf; margin:5px 0; }
#product p { line-height:18px; color:#626262; margin-bottom:25px; }
#product cite { line-height:18px; color:#ff9c00; }
#product a { color:#009ddf; }
#product ul { line-height:18px; color:#626262; margin:0 0 30px 20px; list-style:disc; }
#product ol { line-height:18px; color:#626262; margin:0 0 30px 20px; list-style:decimal; }
#product .cite { color:#ff9c00; }
#productNav { padding:5px 0 0 250px; }
#productNav a { color:#000; margin:0 5px; }
#productNav a.selected { font-weight:700; color:#009ddf; }

#download .inside { margin-bottom:10px; }
#download h3 { font-size:14px; color:#626262; margin-bottom:8px; }
#download p { line-height:18px; color:#626262; margin-bottom:8px; }
#download p a { color:#009ddf; }
#download cite { color:#ff9c00; }
#download strong { font-weight:700; color:#ff9c00; }
#download ul { margin-bottom:8px; }
#download li { color:#626262; line-height:18px; }
#download li a { text-decoration:underline; color:#009ddf; }
#download .blockquote { background:#f6f6f6 url(../images/blockquote_sprite.gif) no-repeat; }
#download .blockquote h3 a { text-decoration:underline; color:#009ddf; }
#download .blockquote .inside { background:url(../images/blockquote_sprite.gif) no-repeat -753px bottom; }

/*#skinNav { padding:5px 0 0 455px; }*/
#skinNav { padding:5px 0 0 200px; text-align : right; }
#skinNav a { color:#000; margin:0 5px; }
#skinNav a.selected { font-weight:700; color:#009ddf; }

.filter { color:#626262; background:url(../images/title_sprite.gif) no-repeat; }
.ftInside { background:url(../images/title_sprite.gif) no-repeat right -27px; height:23px; padding:4px 15px 0; }
.ftChange { float:right; }
.filter input { color:#9a9a9a; padding:2px; border:1px solid #d0d0d0; }
.filter select { color:#9a9a9a; padding:1px; border:1px solid #d0d0d0; }
.ftChange input,.ftChange select,.ftChange img { vertical-align:middle; }

#skinList .line { font-size:0px; width:100%; padding:10px 0 5px; border-bottom:1px solid #e8e8e8; }
.skinItem { width:260px; float:left; padding:8px; }
.skinItem .name,.skinItem .btnList { text-align:center; color:#626262; padding:8px; }
.skinItem .desc label { color:#626262; }
.skinItem .desc { line-height:18px; color:#a3a3a3; }

#distributors .inside img { padding:5px 20px 8px 0; }

#member { padding:50px 0 50px 220px; }
#member.login h3 { text-indent:-9999px; background:url(../images/title_login.gif) no-repeat; height:30px; }
#member.register h3 { text-indent:-9999px; background:url(../images/title_register.gif) no-repeat; height:30px; }
#member .inside { padding:20px 0; }
#member .btnList { padding:5px 0 30px 68px; }
#member .desc { line-height:22px; color:#626262; padding-left:68px; }
#member label { color:#626262; padding-right:15px; }
#member a { text-decoration:underline; color:#009ddf; }
#member .fromGrid { height:30px; }
#member .fromGrid input { background:#fcfcfc; padding:3px; border:1px solid #c7c7c7; }
#member input,#member img { vertical-align:middle; }