/*============================== Title: Magotan Updated: Content: * Filename: base.css * Version: 1.0.0 (2009-02-23) YYYY-MM-DD * Website: http://www.magotan.net/ * Author: Vitrum Zhu (vitrum.zhu@nurun.com) * Description: all css == STRUCTURE: ============================== * * ============================================ word-break:break-all; //强制换行 */ html { width:100%; margin:0; padding:0; border:0;} body { color:#5f5f5f; font-size:12px; font-family:Arial, Helvetica, sans-serif;} /*== reset font ==*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select { *font-size:100%;} legend { color:#000; } table { font-size:inherit; font:100%; } pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; } /*== reset font ==*/ /*== 清除浮动 ==*/ /*=1=*/ .clearfix:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;} .clearfix {/* overflow:auto;*/ zoom:1;} /*=2=*/ div.divclear { clear:both; font-size:0; line-height:0;} a { outline:none; } /*= frame =*/ html { min-height:100%; background:#fff url(../img/html-bg.png) 0 bottom repeat-x;} #pageBox { width:100%; margin:0 auto;} #headerBox { width:100%; height:120px;overflow:hidden; background:url(../img/header-bg.png) 0 bottom repeat-x;} #headerBox .logo { width:980px; margin:0 auto;} #headerBox h1,#headerBox h1 a { width:156px; height:88px; float:left;} #headerBox h1 { margin:0 0 0 30px;_display:inline; background:url(../img/logo-faw-vw.gif) no-repeat;} #headerBox h2,#headerBox h2 a { width:60px; height:88px; float:right;} #headerBox h2 { margin:0 20px 0 0;_display:inline; background:url(../img/logo-faw-das.gif) no-repeat;} #headerBox h1 a,#headerBox h2 a { text-indent:-1000em;} #fornavSwf { width:100%; height:36px; overflow:hidden;} #headerBox #fornavSwf { width:980px; margin:0 auto;} #navBox { width:100%; height:34px; } #footerBox { width:980px; height:30px; margin:0 auto; line-height:30px; color:#fff;} #contentBox { width:980px; margin:0 auto; background:#fff; position:relative;} #bannerBox { width:100%; height:210px; border-bottom:1px #000 solid; border-top:2px #2a2a2a solid; z-index:-1;} /*== footer ==*/ #copyRight { width:700px; float:left;} #copyRight .footphone { color:#fff;} #copyRight a { color:#fff;} #brandLink { width:280px; float:right; position:relative;} #brandLink label { width:111px; height:12px; line-height:12px; float:left; padding:0 0 0 10px; margin:9px 0 0; border-left:1px solid #fff;} #defaultselected { width:144px; height:22px; float:right; margin:4px 0 0; line-height:22px; text-indent:10px; color:#5e5e5e; background:url(../img/footer-brandselectbox.gif) no-repeat; cursor:pointer; position:relative;} #brandLink ul { width:142px; height:0; overflow:hidden; position:absolute; left:0; top:-1px; background:#eaeaea; z-index:100;} #brandLink ul li { width:142px; height:24px; float:left;} #brandLink ul li a { width:142px; height:24px; float:left; color:#5e5e5e; text-decoration:none;} #brandLink ul li a:hover { background:#f1f1f1;} * html #brandLink ul li a { width:132px; } /*===navswf===*/ #navSwf { wubth:978px; height:36px; overflow:hidden; } #navSwf ul { height:36px; } #navSwf li { width:100px; display:inline; float:left;} #navSwf a { color:#fff; float:left; width:100px; text-align:center; } .magotanlogo {position:absolute; left:25px; top:23px;} .magotanlogo a{ width:153px; height:18px; background:url(../img/magotan-logo.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='img/magotan-logo.png');_background:none;text-indent:-1000em; display:block;} /*== flashbox ==*/ #indexpageswfbox { width:100%; height:488px;} #defaultswfbox { width:100%; height:485px;} /*== newsbox ==*/ #newsbox {padding-top:20px;} #newsbox .newslistbox { width:260px; height:auto; padding-left:40px; float:left; } .linkaward { padding:23px 0 0 5px;} #newsbox .newslistbox span { display:block;} #newsbox .newslistbox ul { width:260px; height:auto; min-height:300px; background:url(../img/newslistbox_bg.gif) repeat-y; padding:10px 0;float:left;} #newsbox .newslistbox ul li { width:260px; display:block; line-height:20px; float:left; margin-top:6px;} #newsbox .newslistbox ul li a { color:#3b7ab2; text-decoration:none;background:url(../img/newslistbox_libg.gif) 0 -5px no-repeat; padding-left:28px;} #newsbox .newslistbox ul li a span.info { padding-left:28px; width:196px; color:#5F5F5F; cursor:pointer; } #newsbox .newslistbox span.newslisttop { width:260px; height:10px; background:url(../img/newslistbox_top.gif) 0 bottom no-repeat;float:left; text-indent:-1000em} #newsbox .newslistbox span.line { width:230px; height:4px; background:url(../img/newslistbox_line.gif) no-repeat;float:left; margin-top:4px; text-indent:-1000em; overflow:hidden;} #newsbox .ui-tabs-hide { display:none;} #newsbox .newstxtbox { float:right; width:670px; height:auto; background:url(../img/newstxtbox_h3bg.gif) no-repeat; margin-bottom:20px} #newsbox .newstxtbox p { -x-system-font:none; font-family:"宋体"; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:2.5em; text-indent:2em; width:642px; clear:left; padding-left:16px;} #newsbox .newstxtbox h3 { width:660px; height:75px; color:#3b7ab2; font-size:24px; line-height:24px; text-indent:-1000em; float:left; clear:left;} #newsbox .newstxtbox h4 { text-align:center; float:left; clear:left; width:90%; font-weight:bold;} #newsbox .newstxtbox table td { height:22px; line-height:22px; text-align:center;} #news_01 h3 { background:url(../img/news_title_01.gif) no-repeat;} #news_02 h3 { background:url(../img/news_title_02.gif) no-repeat;} #news_03 h3 { background:url(../img/news_title_03.gif) no-repeat;} #news_04 h3 { background:url(../img/news_title_04.gif) no-repeat;} #news_05 h3 { background:url(../img/news_title_05.gif) no-repeat;} #news_06 h3 { background:url(../img/news_title_06.gif) no-repeat;} #news_07 h3 { background:url(../img/news_title_07.gif) no-repeat;} #news_08 h3 { background:url(../img/news_title_08.gif) no-repeat;} #news_09 h3 { background:url(../img/news_title_09.gif) no-repeat;} #news_10 h3 { background:url(../img/news_title_10.gif) no-repeat;} #news_11 h3 { background:url(../img/news_title_11.gif) no-repeat;} #news_12 h3 { background:url(../img/news_title_12.gif) no-repeat;} #news_13 h3 { background:url(../img/news_title_13.gif) no-repeat;} #news_14 h3 { background:url(../img/news_title_14.gif) no-repeat;} #news_15 h3 { background:url(../img/news_title_15.gif) no-repeat;} #news_16 h3 { background:url(../img/news_title_16.gif) no-repeat;} #news_17 h3 { background:url(../img/news_title_17.gif) no-repeat;} #news_18 h3 { background:url(../img/news_title_18.gif) no-repeat;} #news_19 h3 { background:url(../img/news_title_19.gif) no-repeat;} #news_20 h3 { background:url(../img/news_title_20.gif) no-repeat;} #news_21 h3 { background:url(../img/news_title_21.gif) no-repeat;} #news_22 h3 { background:url(../img/news_title_22.gif) no-repeat;} #news_23 h3 { background:url(../img/news_title_23.gif) no-repeat;} #news_24 h3 { background:url(../img/news_title_24.gif) no-repeat;} #news_25 h3 { background:url(../img/news_title_25.gif) no-repeat;} #newsbox #news_18 td,#newsbox #news_19 td{text-align:left;} #newsbox .newstxtbox p.photo { width:642px; height:auto; text-align:center;} #newsbox .newstxtbox p.photo img { max-width:400px; padding:6px 20px; } #newsbox .newstxtbox p.photo span { margin:0 auto; line-height:24px; color:#17365D; display:block;} .backtop { width:59px; height:10px; overflow:hidden; position:absolute; right:0; bottom:10px;} .backtop a { width:59px; height:10px; float:left; text-indent:-1000em; background:transparent url(../img/backtop.gif) no-repeat scroll 0 0;} .backtop a:hover { background-position:0 -12px;} /*== orderbox ==*/ #orderbox,#orderbox2 { width:978px; height:485px; background:url(../img/orderbox_bg.gif) no-repeat; padding-top:20px;} #orderbox div.orderinfobox , #orderbox2 div.orderinfobox { width:220px; float:left;} #orderbox h3 { width:220px; height:84px; background:url(../img/orderbox_title01.gif) no-repeat; text-indent:-1000em} #orderbox p { width:220px;height:163px; background:url(../img/orderbox_info01.gif) no-repeat; text-indent:-1000em} #orderbox a { width:116px; height:35px; background:url(../img/orderbox_link01.gif) no-repeat; text-indent:-1000em; margin-left:104px; float:left;} #orderbox form, #orderbox2 form { width:729px; margin-top:74px; float:right; } #orderbox ul , #orderbox2 ul { width:234px; height:380px; float:left; overflow:hidden; background:url(../img/orderbox_ul_bg.gif) no-repeat; } #orderbox ul.ul_03 , #orderbox2 ul.ul_03 { background:none;} #orderbox ul li , #orderbox2 ul li { width:207px; height:auto; min-height:24px; line-height:24px; float:left; clear:left; padding-left:10px} #orderbox ul li input , #orderbox2 li input { width:188px; height:18px; background:#FFFFFF none repeat scroll 0 0;border:1px solid #ACACAC;float:left; } #orderbox ul li select , #orderbox2 li select { width:190px; background:#FFFFFF none repeat scroll 0 0;border:1px solid #ACACAC;clear:left; float:left; } #orderbox ul li select.areasheng , #orderbox ul li select.areacity , #orderbox2 li select.areasheng ,#orderbox2 li select.areacity { clear:none; width:152px; vertical-align:middle; } #orderbox ul li textarea , #orderbox2 li textarea { width:188px; height:42px; border:1px solid #ACACAC; overflow-y:auto; font-size:12px; line-height:150%; overflow:auto; float:left;} #orderbox ul li.li_01 , #orderbox2 ul li.li_01 { width:217px;text-indent:-1000em;padding:0} #orderbox ul.ul_01 li.li_01 , #orderbox2 ul.ul_01 li.li_01 { height:146px; background:url(../img/orderbox_ul01_li01.gif) no-repeat;} #orderbox ul.ul_02 li.li_01 , #orderbox2 ul.ul_02 li.li_01 { height:36px; background:url(../img/orderbox_ul02_li01.gif) no-repeat;} #orderbox ul.ul_03 li.li_01 , #orderbox2 ul.ul_03 li.li_01 { height:36px; background:url(../img/orderbox_ul03_li01.gif) no-repeat;} #orderbox ul.ul_03 li.li_02 ,#orderbox ul.ul_03 li.li_03,#orderbox ul.ul_03 li.li_08 { margin-bottom:2px;} *html #orderbox ul.ul_03 li.li_03 { margin-bottom:8px;} form ul li label { width:130px; height:18px; float:left; text-indent:-1000em; margin:9px 0 3px;} form ul li label.cartype { background:url(../img/orderbox_label_cartype.gif) no-repeat;} form ul li label.carcolor { background:url(../img/orderbox_label_carcolor.gif) no-repeat;} form ul li label.name { background:url(../img/orderbox_label_name.gif) no-repeat;} form ul li label.phone { background:url(../img/orderbox_label_phone.gif) no-repeat;} form ul li label.email { background:url(../img/orderbox_label_email.gif) no-repeat;} form ul li label.add { background:url(../img/orderbox_label_add.gif) no-repeat;} form ul li label.note { background:url(../img/orderbox_label_note.gif) no-repeat;} form ul li label.area { background:url(../img/orderbox_label_area.gif) no-repeat;} form ul li label.areasheng { width:40px; background:url(../img/orderbox_label_areasheng.gif) no-repeat;margin-top:0;} form ul li label.areacity { width:40px; background:url(../img/orderbox_label_areacity.gif) no-repeat; clear:left;margin-top:0;} form ul li label.areaname { background:url(../img/orderbox_label_areaname.gif) no-repeat;} form ul li label.areainfo { background:url(../img/orderbox_label_areainfo.gif) no-repeat;} form ul li label.buytime { background:url(../img/orderbox_label_buytime.gif) no-repeat;} form ul li label.more { width:210px; height:18px; background:url(../img/orderbox_label_more.gif) no-repeat; cursor:pointer;} form ul li label.morechecked { background-position:-216px 0;} form ul li.carcolorli label.color01 { width:86px; height:38px; background:url(../img/orderbox_label_color01.gif) no-repeat; cursor:pointer; margin:0} form ul li.carcolorli label.color02 { width:86px; height:38px; background:url(../img/orderbox_label_color02.gif) no-repeat; cursor:pointer; margin:0} form ul li.carcolorli label.color03 { width:86px; height:38px; background:url(../img/orderbox_label_color03.gif) no-repeat; cursor:pointer; margin:0} form ul li.carcolorli label.color04 { width:86px; height:38px; background:url(../img/orderbox_label_color04.gif) no-repeat; cursor:pointer; margin:0} form ul li.carcolorli label.colorchecked { background-position:0 -38px; cursor:pointer} form ul li label.buydemand_y { width:60px; background:url(../img/orderbox_label_buydemand_y.gif) no-repeat; cursor:pointer;} form ul li label.buydemand_n { width:86px; background:url(../img/orderbox_label_buydemand_n.gif) no-repeat; cursor:pointer;} form ul li label.buydemand_checked { background-position:-106px 0;} form ul li label.buydemand { width:162px; height:18px; background:url(../img/orderbox_label_buydemand.gif) no-repeat;} form ul li label.infofrom { width:220px; background:url(../img/orderbox_label_infofrom.gif) no-repeat;} form ul.ul_03 li label { margin:4px 0 2px;} form ul li label.from_01 { width:76px; height:22px; background:url(../img/orderbox_from_01.gif) no-repeat;cursor:pointer; margin:0} form ul li label.from_02 { width:72px; height:22px; background:url(../img/orderbox_from_02.gif) no-repeat;cursor:pointer; margin:0} form ul li label.from_03 { width:72px; height:22px; background:url(../img/orderbox_from_03.gif) no-repeat;cursor:pointer; margin:0} form ul li label.from_04 { width:76px; height:22px; background:url(../img/orderbox_from_04.gif) no-repeat;cursor:pointer; margin:0} form ul li label.from_05 { width:72px; height:22px; background:url(../img/orderbox_from_05.gif) no-repeat;cursor:pointer; margin:0} form ul li label.from_06 { width:72px; height:22px; background:url(../img/orderbox_from_06.gif) no-repeat;cursor:pointer; margin:0} form ul li label.from_07 { width:76px; height:22px; background:url(../img/orderbox_from_07.gif) no-repeat;cursor:pointer; margin:0} form ul li label.from_08 { width:72px; height:22px; background:url(../img/orderbox_from_08.gif) no-repeat;cursor:pointer; margin:0} form ul li label.from_09 { width:72px; height:22px; background:url(../img/orderbox_from_09.gif) no-repeat;cursor:pointer; margin:0} form ul li label.from_checked { background-position:-106px 0;} /*#orderbox2 form ul li.li_from input { width:20px;}test*/ form ul li input.morecheckbox { display:none;} *#orderbox form ul li input.btn_sub { width:104px; height:27px; background:url(../img/orderbox_btn_sub.gif) no-repeat; margin-left:95px; border:none; text-indent:-1000em; cursor:pointer;} #orderbox form ul li.carcolorli input , #orderbox2 form ul li.carcolorli input, #orderbox form ul li.li_from input , #orderbox2 form ul li.li_from input ,#orderbox form ul li.li_buydemand input , #orderbox2 form ul li.li_buydemand input{ width:1px; height:1px; display:none;} /*== orderbox2 ==*/ #orderbox2 {} #orderbox2 h3 { width:220px; height:84px; background:url(../img/orderbox_title02.gif) no-repeat; text-indent:-1000em} #orderbox2 p { width:220px;height:163px; background:url(../img/orderbox_info02.gif) no-repeat; text-indent:-1000em} #orderbox2 a { width:116px; height:35px; background:url(../img/orderbox_link02.gif) no-repeat; text-indent:-1000em; margin-left:104px; float:left;} #orderbox2 ul.ul_03 li.li_02 ,#orderbox2 ul.ul_03 li.li_03,#orderbox2 ul.ul_03 li.li_08 { margin-bottom:2px;} *html #orderbox2 ul.ul_03 { height:420px} *html #orderbox2 ul.ul_03 li.li_03 { margin-bottom:8px;} #orderbox2 ul li input.btn_sub { width:104px; height:27px; background:url(../img/orderbox_btn_sub.gif) no-repeat; margin-left:95px; border:none; text-indent:-1000em; cursor:pointer;} #orderbox2 form ul li.li_from { width:234px; margin-bottom:9px} /*== performancebox ==*/ #performancebox { width:978px; height:485px; /*height:570px;*/ background:url(../img/performance_title_bg.jpg) no-repeat; overflow:hidden;} #performancebox .ui-tabs-hide { position: absolute; top:-10000em; left: -10000em; display: block; } #performancebox #topteb { width:978px; height:31px; padding-top:92px;} #performancebox #topteb li{ width:161px; height:31px; float:left;} #performancebox #topteb li a { width:161px; height:31px; background:url(../img/performance_topteb.gif) no-repeat; text-indent:-1000em; float:left} #performancebox #topteb li a.link_jishu { background-position:0 0;} #performancebox #topteb li a.link_jishu:hover,#performancebox #topteb li.ui-tabs-selected a.link_jishu { background-position:0 -31px;} #performancebox #topteb li a.link_zhuangbei { background-position:-161px -0;} #performancebox #topteb li a.link_zhuangbei:hover,#performancebox #topteb li.ui-tabs-selected a.link_zhuangbei { background-position:-161px -31px;} #jishu { width:978px; height:auto; } #jishu .scroll_pane { width: 978px; height:266px; /*height:396px;*/overflow: auto; padding-right:16px} *html #jishu .scroll_pane { height:282px/*height:412px;*/} *+html #jishu .scroll_pane { height:282px/*height:412px;*/} #jishu p { width:978px; height:673px; overflow:hidden; background:url(../img/performance_jishu.gif) no-repeat; text-indent:-1000em;} #jishu h3 {width:978px; height:84px; background:url(../img/performance_zhuangb_top.gif) no-repeat; text-indent:-1000em;} #zhuang { width:978px; float:left; height:466px; overflow:hidden;} #zhuangb01 p { width:977px; height:374px; overflow:hidden; background:url(../img/performance_zhuangb01.gif) no-repeat; text-indent:-1000em;} #zhuangb02 p { width:977px; height:485px; overflow:hidden; background:url(../img/performance_zhuangb02.gif) no-repeat; text-indent:-1000em;} #zhuangb03 p { width:977px; height:811px; overflow:hidden; background:url(../img/performance_zhuangb03.gif) no-repeat; text-indent:-1000em;} #zhuangb04 p { width:977px; height:448px; overflow:hidden; background:url(../img/performance_zhuangb04.gif) no-repeat; text-indent:-1000em;} #zhuangb05 p { width:977px; height:327px; overflow:hidden; background:url(../img/performance_zhuangb05.gif) no-repeat; text-indent:-1000em;} #zhuang .scroll_zb { width: 978px; height:230px; /*height:353px;*/overflow:auto; padding-right:16px;} *html #zhuang .scroll_zb {height:243px;/*height:366px;*/} *+html #zhuang .scroll_zb {height:243px;/*height:366px;*/} #zhuang h3 { width:978px; height:84px; background:url(../img/performance_zhuangb_top.gif) no-repeat; text-indent:-1000em;} #zhuang #zhuangbteb { width:699px; height:24px; padding-left:279px; background:url(../img/performance_zhuangb_top2.gif) no-repeat;} #zhuang #zhuangbteb li { width:136px; height:24px; display:inline; background:url(../img/performance_zhuangb_teb.gif) 0 -24px; text-align:center; float:left; line-height:24px;} #zhuang #zhuangbteb li a { width:136px; height:24px; color:#616161; text-decoration:none;text-align:center; float:left;} #zhuang #zhuangbteb li.zhuangb05_li , #zhuang #zhuangbteb li.zhuangb05_li a { width:135px;} #zhuang #zhuangbteb li.ui-tabs-selected { background-position:0 0; } #zhuang #zhuangbteb li.ui-tabs-selected a { color:#ffffff} #zhuang .jScrollPaneTrack { background:url(../img/scroll-bg2.gif) no-repeat;} /*bbs by ray 2009-05-11*/ #bbsBanner { width:976px; height:242px; overflow:hidden; margin:0 auto;} #bbsContent { width:976px; margin:0 auto; color:#898989; position:relative;} #biContent { width:718px; min-height:520px; background:url(../img/bbs-index-content-bg.gif) 0 159px repeat-x;} * html #biContent { height:520px;} #iStarBox { width:100%; height:159px; overflow:hidden; background:url(../img/bbs-index-star-bg.png) 0 0 no-repeat; position:relative;} #iStarBox h2 { visibility:hidden; position:absolute; left:0; top:0;} #iStarBox img { /*width:718px; height:159px;*/} #iStarBox .content { width:340px; height:159px; position:absolute; right:0; top:0;} #iStarBox dl { padding:15px 24px 0 10px;} #iStarBox dt { line-height:30px; color:#000; font-size:14px; font-weight:bold;} #iStarBox dd { line-height:18px;} #iStarBox .more { padding:0 24px 0 0;} .more { height:17px; overflow:hidden; clear:both;} .more a { width:39px; height:17px; float:right; text-align:left; text-indent:-1000em; background:url(../img/bbs-more.gif) no-repeat;} .isubbox { width:341px; float:left;} .isubbox h2 { width:100%; height:50px; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;} h2.buy { background-image:url(../img/bbs-index-title-buy.gif);} h2.maintrain { background-image:url(../img/bbs-index-title-maintrain.gif);} .firstlist { padding:0 10px 0 15px;} .firstlist img { float:left; padding:4px; margin:0 15px 0 0; border:1px #b7b7b7 solid;} .firstlist dt { line-height:25px; color:#7f7f7f;} .firstlist dt a { color:#7f7f7f; font-size:14px; font-weight:bold; text-decoration:none;} .firstlist dt a:hover { text-decoration:underline;} .firstlist dd { line-height:18px;} .isubbox ul { padding:5px 6px 0 14px;} .isubbox li { width:100%; height:30px; float:left; line-height:30px; background:url(../img/bbs-line.gif) 0 bottom repeat-x;} .isubbox li a { width:100%; height:30px; float:left; text-decoration:none; color:#898989;} .isubbox li a:hover { text-decoration:none; background:url(../img/bbs-list-over-bg.gif) repeat-x;} .isubbox li a span.title { width:240px; overflow:hidden; float:left; padding:0 0 0 2px;} .isubbox li a span.author { width:60px; overflow:hidden; float:right; text-align:left;} .isubbox .more { padding:10px 26px 0 0;} #biSidebar { width:258px; min-height:520px; background:url(../img/bbs-index-sidebar.jpg) 0 0 no-repeat; position:absolute; right:0; top:-14px;} * html #biSidebar { height:520px;} #iPost { height:128px; overflow:hidden; padding:14px 0 0;} #iPost h2 { height:25px; text-indent:-1000em; background:url(../img/bbs-index-title-post.gif) 1px 0 no-repeat;} #iPost p { padding:5px 25px 10px; line-height:18px; letter-spacing:0.5px;} #iPost a { width:77px; height:20px; float:left; margin:0 0 0 20px; text-indent:-1000em; background:url(../img/bbs-link-post.gif) no-repeat;} #otherBBS { height:70px; overflow:visible; position:relative; z-index:50;} #otherBBS h2 { height:17px; text-indent:-1000em; background:url(../img/bbs-index-title-other.gif) 1px 0 no-repeat;} #otherBBS .selectbox { padding:8px 0 0 13px;} .otherbbsbox { width:146px; height:18px; float:left; margin:0 6px 0 0; line-height:18px; text-indent:10px; background:url(../img/bbs-otherbbs-select-bg.gif) no-repeat; position:relative;} .otherbbsbox ul { width:146px; height:auto; overflow:hidden; display:none; background:#fff; position:absolute; left:0; top:18px; z-index:100;} .otherbbsbox ul li { line-height:20px; text-indent:5px;} #otherBBS a { width:76px; height:18px; float:left; text-indent:-1000em; background:url(../img/bbs-link-other.gif) no-repeat;} #iActivity { position:relative; z-index:49;} #iActivity h2 { height:35px; text-indent:-1000em; background:url(../img/bbs-index-title-activity.gif) no-repeat;} .iactivitybox { width:227px; height:114px; overflow:hidden; margin:0 auto 12px; padding:4px; border:1px #e4e6e8 solid; background:url(../img/bbs-index-activity-bg.png) 4px 4px no-repeat; position:relative;} .iactivitybox h3 { height:34px; text-indent:-1000em; background-position:0 13px; background-repeat:no-repeat;} h3.club { background-image:url(../img/bbs-index-title-club.gif);} h3.travel { background-image:url(../img/bbs-index-title-travel.gif);} .iactivitybox img { float:left; margin:0 12px 0 0;} .iactivitybox dt a { line-height:20px; color:#7f7f7f; font-size:14px; font-weight:bold; text-decoration:none;} .iactivitybox dt a:hover { text-decoration:underline;} .iactivitybox dd { line-height:18px; padding:0 8px 0 0; word-break:break-all;} .iactivitybox .more { position:absolute; right:12px; top:100px;} #bbsSidebar { width:190px; float:left; position:relative;} #bbsNavBox { width:100%; height:auto; padding:0 0 30px; background:url(../img/bbs-navgiation-box-space.gif) repeat-y;} #bbsNav { width:100%; height:auto; padding:0 0 30px; background:url(../img/bbs-navgiation-box-bg.gif) repeat-y;} #bbsSidebar ul { padding:15px 0 0; background:url(../img/bbs-navgiation-bg.jpg) no-repeat;} #bbsSidebar ul ul { width:100%; height:auto; display:none; padding:0; background:none;} /*#bbsSidebar li.current ul { display:block;}*/ #bbsSidebar ul li { width:100%; float:left;} #bbsSidebar ul li a { width:100%; height:38px; float:left; text-indent:-1000em; line-height:38px; background-image:url(../img/bbs-nav.gif); background-repeat:no-repeat;} a.buy { background-position:-191px 0} a.maintrain { background-position:-191px -38px;} a.activity { background-position:-191px -76px;} a.star { background-position:-191px -114px;} li.current a.buy,a.buy:hover { background-position:0 0} li.current a.maintrain,a.maintrain:hover { background-position:0 -38px;} li.over a.maintrain,li.current a.activity,a.activity:hover { background-position:0 -76px;} li.over a.star,li.current a.star,a.star:hover { background-position:0 -114px;} #bbsSidebar ul li li a { height:23px; line-height:23px; text-indent:0; text-decoration:none; color:#494949; background:none; } #bbsSidebar ul li li a:hover { text-decoration:none; color:#494949;} #bbsSidebar ul li li a span { padding:0 0 0 20px;} .qltalk, .qltalk a { width:175px; height:43px; overflow:hidden;} .qltalk { margin:20px auto;} .qltalk a { float:left; text-indent:-1000em; background:url(../img/bbs-quick-link-post.gif) no-repeat;} .leftshadow { width:9px; height:210px; overflow:hidden; background-position:0 0; background-repeat:no-repeat; position:absolute; right:0; top:-25px;} html > body .leftshadow { background-image:url(../img/bbs-sub-left-shadow.png);} * html .leftshadow { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="/img/bbs-sub-left-shadow.png"); background-image:none;} #bbsMain { width:786px; float:right; background:url(../img/bbs-sub-main.gif) 0 0 repeat-x; position:relative;} #pageTitle { width:773px; height:25px; background:#f0f0f0; position:absolute; top:-25px; left:0;} #pageTitle span { width:150px; height:25px; float:left; text-indent:-1000em; background-image:url(../img/bbs-page-heading.gif); background-repeat:no-repeat;} #pageTitle span.sub1 { background-position:22px 0;} #pageTitle span.sub2 { background-position:22px -25px;} #pageTitle span.sub3 { background-position:22px -50px;} #pageTitle span.sub4 { background-position:22px -75px;} #pageTitle span.sub5 { background-position:22px -100px;} #pageTitle .return { position:absolute; right:15px; top:0;} #pageTitle .return a { padding:0 0 0 10px; line-height:25px; color:#898989; background:url(../img/bbs-icon-arrow.gif) 0 center no-repeat;} .rightshadow { width:9px; height:360px; overflow:hidden; background-position:0 0; background-repeat:no-repeat; position:absolute; right:7px; top:-25px;} html > body .rightshadow { background-image:url(../img/bbs-sub-right-shadow.png);} * html .rightshadow { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="/img/bbs-sub-right-shadow.png"); background-image:none;} #formContent { padding:40px 0 0 108px;} #formContent h2 { width:430px; height:25px; text-indent:-1000em; background:url(../img/bbs-form-heading.gif) no-repeat;} .formtip { width:474px; height:120px; overflow:hidden; background:url(../img/bbs-form-tip.gif) no-repeat;} .formtip p { width:474px; height:85px; float:left; text-indent:-1000em;} #formContent ul { width:450px;} #formContent li { width:220px; height:40px; float:left;} #formContent li.long { width:450px;} #formContent li.remark { height:85px;} #formContent li label { width:60px; line-height:18px; float:left; padding:0 10px 0 0; margin:0; text-align:right;} #formContent li input, #formContent textarea { float:left;} #formContent li input.txt { width:144px; height:16px;} #formContent li input.txt, #formContent textarea { float:left; border:1px #848484 solid; background:#fff;} #formContent textarea { width:359px; height:58px;} .errortip { display:block; color:#990000; padding:0 0 0 70px; line-height:18px;} #formContent li.btnarea { width:450px; height:85px; padding:12px 0 0 186px;} li.btnarea input { width:55px; height:18px; float:left; text-indent:-1000em; background:url(../img/bbs-btn-submit.gif) no-repeat; border:0; cursor:pointer;} #articleListBox { min-height:540px;} * html #articleListBox { height:540px;} #articleListBox .content { min-height:500px;} * html #articleListBox .content { height:500px;} #articleListBox li { width:773px; height:61px; float:left; border-bottom:1px #e1e0e0 solid; } #articleListBox li.over { background:url(../img/bbs-list-over-bg.gif) 0 0 repeat-x;} #articleListBox li a { width:773px; height:60px; overflow:hidden; float:left; text-decoration:none;} #articleListBox li a:hover { text-decoration:none; background:url(../img/bbs-list-over-bg.gif) 0 0 repeat-x;} #articleListBox li span { display:block; padding:0 0 0 20px;} #articleListBox li span.title { line-height:25px; letter-spacing:1px; color:#327ccf; font-size:12px; font-weight:bold;} #articleListBox li span.brief { color:#898989;} .pagenavigtion { line-height:40px; text-align:right;} .pagenavigtion a { padding:0 3px; color:#878787;} #articleViewBox { min-height:540px;} * html #articleViewBox { height:540px;} #articleViewBox h2 { line-height:40px; padding:0 0 0 20px; color:#327ccf;} #articleViewBox .content { padding:0 30px 0 20px; line-height:18px;}