@charset "utf-8"; /* CSS Document */ /*============================== Title: olay definity Updated: Content: * Filename: base.css * Version: 1.0.0 (2008-09-22) YYYY-MM-DD * Website: http://www.olay.com.cn/definity/ * 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:#eedbfe; font-size:12px; font-family:Arial, Helvetica, sans-serif;background:url(../img/pagebodybg.jpg) repeat-x;} body.introflash { background-color:#150025; background-image:none;} /*== 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;} /*== 清除浮动 ==*/ /*== 为隐藏而增加的CLASS ==*/ .addclasshide { display:none;} a {outline:none } /*== introflashBox ==*/ #introflashBox { width:969px;height:100%; background-color:#150025; margin:80px auto;} /*== pageBody ==*/ #pageBody {width:969px; height:650px; overflow:hidden; margin:0 auto; position:relative; } /*== logoBox ==*/ #logoBox { width:223px; height:60px; overflow:hidden; position:absolute; left:6px; top:15px; z-index:900;} #logoBox h1,#logoBox h1 a { width:223px; height:60px; text-indent:-1000em;} #logoBox h1 a { float:left; background:url(../img/olaydflogo.gif) no-repeat; cursor:pointer;} /*== navBox ==*/ #navBox {position:absolute;width:534px;height:67px;top:45px;right:0; z-index:1800;} #navBox .navSeo {text-indent:-1000em;} #navSwf { text-indent:-1000em;} /*== loginfobox ==*/ #loginfobox { position:absolute;width:434px;height:27px;top:-20px;right:0; z-index:2000; color:#c1b3db; text-align:right;} #loginfobox a { color:#fff; text-decoration:none;} #loginfobox a:hover { text-decoration:underline;} /*== contentBox ==*/ #contentBox {width:969px; margin-top:80px; height:497px; background:url(../img/contentbg.jpg) no-repeat;overflow:hidden;} /**html #contentBox { margin-top:80px;} *+htm #contentBox { margin-top:80px;}*/ #indexcontentBox{width:969px; margin-top:80px; height:500px; background:#150025;} /*== footerBox ==*/ #footerBox { width:968px;height:100px;background:url(../img/footerbg2.jpg) no-repeat; color:#ffffff; text-align:center;} #footerBox ul { /*width:370px;by:vitrum-20081112*/ width:420px; margin:0 auto;/* padding-top:26px;*/padding-left:1px;} #footerBox ul li { float:left;} #footerBox .01 { width:86px;} #footerBox .02 { width:57px;} #footerBox .03 { width:68px;} #footerBox .04 { width:68px;} #footerBox .05 { width:86px;} #footerBox ul li a {float:left;/*text-indent:-1000em;*/ height:15px; font-family:"幼圆"; font-size:12px; color:#b7b1cb; text-decoration:none; margin:2px; padding-left:8px; background:url(../img/footerlibg.gif) no-repeat; } #footerBox ul li a:hover { text-decoration:none;} #footerBox ul li a.footerlink01 { background:none} /* #footerBox ul li a.footerlink01 {background:url(../img/footerlink01.gif) no-repeat;width:86px;} #footerBox ul li a.footerlink02 {background:url(../img/footerlink02.gif) no-repeat;width:57px;} #footerBox ul li a.footerlink03 {background:url(../img/footerlink03.gif) no-repeat;width:68px;} #footerBox ul li a.footerlink04 {background:url(../img/footerlink04.gif) no-repeat;width:68px;} #footerBox ul li a.footerlink05 {background:url(../img/footerlink05.gif) no-repeat;width:68px;}*/ /*== chanpin ==*/ #productSub { width:100%; height:500px; overflow:hidden; background:url(../img/prod-bg-normal.jpg) no-repeat; position:relative;} /*== 产品显示 ==*/ #content, .section { margin:0; padding:0; } #content { width:969px; height:500px; overflow:hidden; margin:0 auto; position:relative;color:#ffffff;} .section {width:969px; position:relative;} .section ul { padding:0; margin:0;} .section .sub { width:969px; height:500px; float:left; background:url(../img/prod-bg-normal.jpg) 0 0 no-repeat; position:relative; } #section1 { background:url(../img/prod-bg-hot.jpg) 0 0 no-repeat; position:relative;} #content .prodimg { width:280px; margin-top:55px; height:444px; float:left;} #content .procontent { float:left; height:445px; width:390px;margin-top:55px;} #tvcBtn { width:33px; height:128px; position:absolute; left:0; top:186px;background:transparent url(../img/btn-tvc.jpg) no-repeat scroll 0 0;} #tvcBtn a { width:33px; height:128px; float:left; text-indent:-1000em; background:url(../img/btn-tvc.jpg) no-repeat;} /*== 产品介绍布局 ==*/ .sub h2 { width:350px; height:44px; margin:0 0 10px; text-indent:-1000em; line-height:35px; background-image:url(../img/prod-title-bg.gif); background-repeat:no-repeat;} .sub h2 span { visibility:hidden;} #section1 h2 { background-position:0 0;} #section2 h2 { background-position:0 -44px;} #section3 h2 { background-position:0 -88px;} #section4 h2 { background-position:0 -132px;} #section5 h2 { background-position:0 -176px;} #section6 h2 { background-position:0 -220px;} #section7 h2 { background-position:0 -264px;} #content .procontent span.affect { background:url(../img/prod-title-bg.gif) 0 -308px no-repeat; width:113px; height:37px;text-indent:-1000em; float:left;} #content .procontent span.usage { background:url(../img/prod-title-bg.gif) 0 -348px no-repeat; width:113px; height:37px;text-indent:-1000em; float:left;} #content .procontent span.pricenote { background:url(../img/prod-title-bg.gif) 0 -380px no-repeat; width:113px; height:37px;text-indent:-1000em; float:left;} #content .procontent span.priceno {float:left;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:45px;font-weight:bold;} #content .procontent div.price { width:380px; height:37px;overflow:hidden;} #content .procontent div.more {margin-top:18px;padding-left:80px;width:380px;} #content .procontent div.more a {background:url(../img/prod-title-bg.gif) 0 -419px no-repeat; width:230px; height:37px;text-indent:-1000em; float:left;} #content .procontent p {margin:8px 0 8px 0; padding-left:24px;} #content .procontent ul {clear:left; padding-left:24px;} #content .procontent ul li { line-height:26px; list-style-type:disc} #content #section5 p {margin:2px 0 8px 0;line-height:20px; } #content #section5 ul {clear:left; padding-left:24px;} #content #section5 ul li { line-height:18px; list-style-type:disc} #content #section5 .more {margin-top:0;padding-left:80px;width:380px;} #content #section1 .procontent {width:370px; padding-left:60px;} #content #section1 .prodflash {height:460px;overflow:hidden;position:absolute;right:140px;top:37px;width:523px;z-index:100;} /*== 产品菜单 ==*/ #menu { width:238px; height:500px; display:block; position:absolute; right:0; z-index:900;background:url(../img/prod-menu-bg2.jpg) no-repeat;} #menu h3 { display:none;} div.items { width:238px; height:360px; top:55px; position:relative; z-index:1200;} #scrollable { width:238px; height:360px; } div.items .itemlist { width:238px; height:120px; background:url(../img/prod-bg.gif) 0 0 no-repeat;} div.items .itemlist span { width:90px;clear:left; float:left;padding-left:50px;padding-top:10px;text-align:left;} div.items .itemlist span.spantop {margin-top:34px} div.items .itemlist img {margin-top:4px} div.items a { color:#fff;width:238px; height:120px; display:block; float:left; text-decoration:none; text-align:center; cursor:pointer; } div.items a:hover { color:#fff; } div.items .active { cursor:default; background:url(../img/prod-selected-bg.gif) 0 0 no-repeat;} a.prev, a.next { width:54px; height:14px;background:#fff;display:block; float:left; background-repeat:no-repeat; cursor:pointer; position:absolute; right:90px;} a.prev { background:url(../img/button-left.gif);top:40px; } a.prev:hover { background:url(../img/button-left-over.gif); } a.next { background:url(../img/button-right.gif);top:420px;} a.next:hover { background:url(../img/button-right-over.gif); } /*== TVC ==*/ #tvcBody { width:100%; height:545px; display:none; background:#000; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; position:absolute; left:0; top:0; z-index:901;} #tvcBox { width:365px; height:296px; display:none; background:url(../img/tvcview-bg.gif) 0 0 no-repeat; position:absolute; top:117px; left:282px; z-index:2009;} #closeBtn { height:35px;} #closeBtn a { width:35px; height:35px; float:right; text-align:left; text-indent:-1000em; background:url(../img/btn-close.gif) center center no-repeat;} #tvcPlayer { width:344px; margin:0 auto;} /*== milan fashionshow ==*/ #fashionshowbox {width:100%; height:497px; overflow:hidden; background:url(../img/milan-show-bg.jpg) no-repeat; position:relative;} #fashionshowbox .photobox { width:374px; height:497px; float:left; } #fashionshowbox .title1 {width:360px; height:82px; float:left;background:url(../img/milan-show-title1.jpg) no-repeat; text-indent:-1000em;} #fashionshowbox .title2 {width:280px; height:23px;float:left;background:url(../img/milan-show-title2.gif) no-repeat;text-indent:-1000em; margin-top:46px;} #fashionshowbox .title3 {width:535px; height:18px;float:left;background:url(../img/milan-show-title3.gif) no-repeat;text-indent:-1000em;margin-top:9px;margin-bottom:36px;} #fashionshowbox p.text { width:562px; float:left; -x-system-font:none; color:#eedbfe; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.8em; text-indent:2em; margin:10px 0 10px 0;} /*== milan milanweekbox ==*/ #milanweekbox { width:100%; height:497px; overflow:hidden; background:url(../img/milan-week-bg.jpg) no-repeat; position:relative; } #milanweekbox .weektitle1 {width:434px; height:122px; float:left;background:url(../img/milan-week-title1.jpg) no-repeat; text-indent:-1000em;} #milanweekbox .weektitle2 {width:526px; height:80px; float:left;background:url(../img/milan-week-title2.gif) no-repeat; text-indent:-1000em;margin-top:40px;} #milanweekbox .weektub { position:absolute; width:250px; height:40px; right:2px; top:133px;} #milanweekbox .weektub a { width:125px; height:40px; background:url(../img/milan-week-tub.gif) no-repeat; float:left;text-indent:-1000em;hide-focus: expression(this.hideFocus=true); /* for ie 5+ */ outline: none; /* for firefox 1.5 + */} #milanweekbox .weektub .weektub01 { background-position:0 -50px;} #milanweekbox .weektub .tub01selected { background-position:0 0;} #milanweekbox .weektub .weektub02 { background-position:-124px -50px;} #milanweekbox .weektub .tub02selected { background-position:-125px 0;} #milanweekbox .weekinfo {position:absolute; width:850px; height:270px; right:14px;top:190px;} #milanweekbox .weekinfo1 {width:820px; height:270px;position:relative;overflow: hidden;} #milanweekbox .weekinfo1 ul { width:1975px; height:270px;position:relative;} #milanweekbox .weekinfo1 ul li { height:270px; float:left; text-align:center; padding:2px; background:url(../img/milan-week-bg1.gif) repeat-x; margin-right:10px; color:#473d5f;width:286px;} #milanweekbox .weekinfo1 span { float:left; clear:left; margin:3px auto; padding:0 16px; text-align:left;} /* Scroller Box */ #scroller_container { position: relative; width:870px; height:270px; overflow: hidden;} /*#scroller { Additional Styles}*/ /* Scoller Box */ /* At the end of the CSS File */ /* CSS Hack Safari */ #dummy {;# } #scroller_container { overflow: auto;} #milanweekbox .weekinfo2 {width:820px; height:260px;overflow:hidden;position:relative;} #milanweekbox .weekinfo2 ul { width:3460px; height:260px;position:relative;} #milanweekbox .weekinfo2 ul li { width:180px; height:260px; float:left; text-align:center; padding:4px 12px;} #milanweekbox .weekinfo2 span { float:left; clear:left; margin:8px auto; width:180px; text-align:center;} /*== milan 3daybox ==*/ #milan3daybox { width:100%; height:497px; overflow:hidden; background:url(../img/milan-3day-bg.jpg) no-repeat; position:relative; } #milan3daybox .milandaytitle1 {width:265px; height:70px; float:left;background:url(../img/milan-3day-title1.jpg) no-repeat; text-indent:-1000em;} #milan3daybox .milandaytitle2 {width:512px; height:122px; float:left;background:url(../img/milan-3day-title2.gif) no-repeat; text-indent:-1000em;} #milan3daybox .milandaytub { position:absolute; width:380px; height:40px; right:2px; top:75px;} #milan3daybox .milandaytub a { width:123px; height:39px; background:url(../img/milan-3day-tub.gif) no-repeat; float:left;text-indent:-1000em;hide-focus: expression(this.hideFocus=true); /* for ie 5+ */ outline: none; /* for firefox 1.5 + */} #milan3daybox .milandaytub .daytub01 { background-position:-126px -1px;width:122px;} #milan3daybox .milandaytub .tub01selected { background-position:0 -1px;width:126px;} #milan3daybox .milandaytub .daytub02 { background-position:-126px -40px;width:123px;} #milan3daybox .milandaytub .tub02selected { background-position:0px -40px;width:126px;} #milan3daybox .milandaytub .daytub03 { background-position:-126px -79px;width:123px;} #milan3daybox .milandaytub .tub03selected { background-position:0 -79px;width:126px;} #milan3daybox .dayinfo {position:absolute; width:920px; height:330px; right:0;top:140px; overflow:hidden;} #milan3daybox .dayinfo1, #milan3daybox .dayinfo2, #milan3daybox .dayinfo13 {width:920px; height:330px;overflow:hidden;} #milan3daybox .dayinfo .daytext { width:514px; height:330px;float:left;} #milan3daybox .dayinfo .daytext p {-x-system-font:none; color:#eedbfe; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.65em; text-indent:2em; margin:6px 0 6px 0;} #milan3daybox .dayinfo .milandaygalleriffic { width:400px; height:330px;float:right;} #milan3daybox .dayinfo #gallnavigation {float:left;width:150px; margin:0; padding:0;overflow:hidden;} #milan3daybox .dayinfo #gallcontent {float:left;width:244px; height:316px;overflow:hidden;margin:0; padding:0;} #milan3daybox .dayinfo #gallslideshow { padding:1px; background:#FFFFFF;} #milan3daybox .dayinfo #gallslideshow img {width:242px; height:314px;} ul.thumbs { clear: both; margin: 0; padding: 0;} ul.thumbs li { float: left;padding: 0;margin: 1px 0 1px 0;list-style: none;padding-left:50px;background:none;height:66px;width:110px;} ul.thumbs li.selected { background:url(../img/milan-3day-tumbact.png) no-repeat;padding:14px 0 14px 46px;width:110px; height:82px } *html ul.thumbs li.selected {background:url(../img/milan-3day-tumbact.gif) no-repeat;} /**html ul.thumbs li.selected {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='../img/milan-3day-tumbact.png');background-repeat: repeat;}*/ ul.thumbs li a { padding:0; display: block; border: 1px solid #ccc; width:68px; height:60px; overflow:hidden; position:absolute;} ul.thumbs li.selected a { width:78px; height:76px; } ul.thumbs a:focus { outline: none;} ul.thumbs img { border: none; display: block;} div.pagination { clear: both;} /*== bakbtn ==*/ #bakbtn { width:64px; height:22px; position:relative;right:-880px;top:-500px; } #activelistbox #bakbtn {right:-840px;top:-580px; } *html #activelistbox #bakbtn { top:-590px; } *+html #activelistbox #bakbtn { top:-590px; } #bakbtn a.backbtn { /*background:transparent url(../img/activefreeokclosebtn.gif) no-repeat scroll 0 0;*/float:left;height:22px;/*text-indent:-1000em;*/width:64px;color:#9A7EB5;text-decoration:none;} /*== activelandingpage ==*/ #activelandpage { width:968px;height:auto; overflow:hidden; margin:0 auto; position:relative;} #activelandpage a {color:#9a7eb5; text-decoration:none;} #activelandpage a:hover { text-decoration:underline;} #activelandbox {width:968px; height:545px;position:relative; top:80px;background:url(../img/activelistbodybg.jpg) no-repeat; padding:19px 0 0;margin:0 0 80px;} #activelandbox .activeleft { width:736px; height:326px; float:left; background:url(../img/activeleft-bg.jpg) no-repeat; overflow:hidden} #activelandbox .activeleftbg2 {background:url(../img/activeleft-bg2.jpg) no-repeat;} #activelandbox .activeleft h3.activelefttitle { width:736px; height:88px; float:left; background:url(../img/activelefttitle.gif) no-repeat; text-indent:-1000em;} #activelandbox .activeleft a.activeinfogoback {} #activelandbox .activeleft .activeleft01 { width:660px; height:176px;padding:24px 0 0 74px;float:left;} /*#activelandbox .activeleft .activeleftinfo { width:660px; height:176px;padding:24px 0 0 74px;float:left;}*/ /**/ #activeinfopop { width:585px; height:334px; display:none; background:url(../img/loginbox-bg.jpg) 0 0 no-repeat; position:absolute; top:50%; left:50%; z-index:2002; margin-left: -290px; margin-top: -170px;} #activeinfopop h3.activeinfotitle { width:117px; height:39px; float:left; text-indent:-1000em; background:url(../img/activeinfotitle.gif) no-repeat;} #activeinfopopcloseBtn { height:29px;} #activeinfopopcloseBtn a { width:35px; height:29px; float:right; text-align:left; text-indent:-1000em; background:url(../img/btn-activeclose.gif) center center no-repeat;} #activeinfopop div.activeinfotxtcenter { width:540px; height:240px; padding-left:30px;line-height:22px; float:left; clear:left;} #activeinfopop div.activeinfotxtcenter #activeinfoscroll { width:540px; height:240px;overflow: auto; float:left;} #activeinfopop div.activeinfotxtcenter #activeinfoscroll img.loading { padding:50px 0 0 80px;} #activeinfopop div.activeinfotxtcenter img { margin:40px auto;} #activeinfopop div.activeinfotxtcenter p {width:500px; margin:6px 0; color:#9a83bb;} /**/ #activelandbox .activeleft p { width:600px; color:#b08ecf; font-size:14px; line-height:32px;float:left; clear:left;} #activelandbox .activeleft h3 { width:600px; height:20px; line-height:20px; color:#fff;float:left;clear:left;font-weight:bold;} #activelandbox .activeleft h3.colore4daf2 { width:700px;color:#e4daf2;float:left;clear:left; font-weight:normal; height:32px; line-height:32px;} #activelandbox .activeleft h3.activeleftgoinfo { height:36px; background:url(../img/activeleftgoinfo.gif) -2px 0 no-repeat;float:left; text-indent:-1000em;} #activelandbox .activeleft h3.activeinfotitle { width:580px; height:36px; background:url(../img/activeinfotitle.gif) 0 -19px no-repeat;text-indent:-1000em;} #activelandbox .activeleft a.activegoinfobtn { width:82px; height:18px;float:left;clear:left;background:url(../img/activegoinfo-btn.gif) -12px 0 no-repeat; font-weight:bold;} #activelandbox .activeleft a.activegojoinbtn { width:290px; height:189px;float:right;position:relative; background:url(../img/activegojoinbtn.gif) no-repeat; top:-190px; text-indent:-1000em;} #activelandbox .activeinfoScroll { width:650px;height:164px; overflow:hidden;} #activelandbox .activeinfotxt { width:650px;height:164px; overflow:hidden;} #activelandbox .activeinfotxt p {font-size:12px;} /* #activelandbox .activeinfotxt .activeinfotxtcenter { width:220px; height:30px; margin:70px auto 0; text-align:center; line-height:30px;}*/ #activelandbox .activeright {width:228px; height:326px; float:right; background:url(../img/activeright-bg.jpg) no-repeat; overflow:hidden;} #activelandbox .activeright p {width:100px; padding:40px 0 0 16px; color:#b08ecf; line-height:22px;float:left;clear:left;} #activelandbox .activeright h3 {width:228px;float:left;clear:left;} #activelandbox .activeright h3.activerighttitle { width:216px; height:89px;background:url(../img/activerighttitle.gif) no-repeat; text-indent:-1000em;float:left;clear:left;} #activelandbox .activeright h3.activeright01 { width:94px; height:16px;background:url(../img/activeright01.gif) -8px 0 no-repeat; text-indent:-1000em;float:left;clear:left; margin-top:10px;} #activelandbox .activeright a.activegofreetrail { width:126px; height:199px; background:url(../img/activegofreetrailbtn.gif) -8px 0 no-repeat; text-indent:-1000em; float:right; position:relative; top:-140px;} ul.activeboxmenu { width:968px;height:38px;position:relative; top:-10px;} *html ul.activeboxmenu {position:fix;} ul.activeboxmenu li a { height:30px; float:left; text-indent:-1000em;background:url(../img/activetopboxtabs2.gif) no-repeat; float:left;} ul.activeboxmenu li a.btnactiveshowt { background-position: 0 -30px;width:106px;} ul.activeboxmenu li.ui-tabs-selected a.btnactiveshowt { background-position: 0 0;width:109px;} ul.activeboxmenu li a.btnactiveshowbag { background-position: -109px 0;width:108px;} ul.activeboxmenu li.ui-tabs-selected a.btnactiveshowbag {background-position:-106px -30px;width:128px;} /* #activelandpage #footerBox {background:url(../img/footerbg3.jpg) no-repeat;}*/ /*== activebox ==*/ #activepage {width:968px; height:870px; overflow:hidden; margin:0 auto; position:relative;} #activebox {width:968px; position:relative; top:80px; margin-bottom:80px;} .activeflash {width:968px; height:454px; overflow:hidden; background:url(../img/tempactivebg.jpg) no-repeat;} .activetopbox {height:225px; background-color:#170527; background:url(../img/activetopbox-bg.jpg) repeat-x;} *html .activetopbox {height:220px; overflow:hidden;} #activebox ul.activeboxmenu { width:968px;height:38px;position:relative; top:-3px;} #activebox ul.activeboxmenu li a { height:38px; float:left; text-indent:-1000em;background:url(../img/activetopboxtabs.gif) no-repeat; float:left;} #activebox ul.activeboxmenu li a.btnactiveshowt { background-position: -15px -42px;width:101px;} #activebox ul.activeboxmenu li.ui-tabs-selected a.btnactiveshowt { background-position: 0 0;width:116px;} #activebox ul.activeboxmenu li a.btnactiveshowbag { background-position: -116px 0;width:122px;} #activebox ul.activeboxmenu li.ui-tabs-selected a.btnactiveshowbag {background-position:-116px -42px;width:128px;} #activeboxtabs {/* overflow:hidden;*/} #activeshowt , #activeshowbag {width:968px; position:relative; top:-20px; padding-left:10px} a.activeshowmore { position:relative; left:870px; color:#a486c0; height:23px; line-height:23px; text-decoration:none;} a.activeshowmore:hover { text-decoration:underline;} .activeshowlist {width:920px; margin:0 auto; height:528px;} #activeshowt .activeshowlist {height:176px;} .activeshowlist li { float:left; width:180px; height:176px; text-align:center;} .activeshowlist li img { width:100px; height:100px; padding:1px 20px; background-color:#130421;margin:0 auto; background:url(../img/activeshowlist-img-bg.gif) no-repeat;} .activeshowlist li div { width:68px; float:left; overflow:hidden; height:22px; line-height:22px;} .activeshowlist li div.activeauthor {padding-left:40px;width:90px;height:23px; line-height:23px;} .activeshowlist li div.activeauthor label { width:36px; float:left } .activeshowlist li div.activeauthor span { width:54px; float:left; overflow:hidden; text-align:left} .activeshowlist li div.voteno { width:130px;padding-left:40px; clear:left; text-align:left} .activeshowlist li div.voteno label { width:36px; float:left; height:23px; line-height:23px;} .activeshowlist li div.voteno span { width:62px; height:23px; line-height:23px; overflow:hidden; } .activeshowlist li div.activevote {width:78px; float:left;clear:left; padding-left:56px;height:25px;} .activeshowlist li a { width:68px; height:23px; float:left; background:url(../img/btn-activevote.gif) no-repeat; text-indent:-1000em; } .activeshowlist li a.tofriend { width:68px; height:23px; float:left; background:url(../img/btn-tofriend.gif) no-repeat; text-indent:-1000em; } .activeshowlist li a.thickbox {width:140px; height:106px;background:none;text-indent:0em; padding-left:20px} .activeshowlist li span {font-family:“宋体”;height:22px; line-height:22px;} /* #activepage #footerBox {background:url(../img/footerbg3.jpg) no-repeat;}*/ /*== activelisttabs ==*/ #activelistbox {width:942px; height:666px;position:relative; top:80px;background:url(../img/activelistbodybg.jpg) no-repeat; padding:17px 0 0 26px;margin:0 0 80px;} #activelistbox .activelisttabs {width:943px; height:660px;background:url(../img/activelisttabsbg.jpg) no-repeat;} #activelistbox ul.activeboxmenu {top:0;} #activelistbox ul.activeboxmenu li { width:109px; float:left;} #activelistbox #activeshowt, #activelistbox #activeshowbag {top:0;padding:0;width:940px; margin-top:20px;} /* #activelistbox ul.activeboxmenu li a { height:30px; float:left; text-indent:-1000em;background:url(../img/activetopboxtabs2.gif) no-repeat; float:left;} #activelistbox ul.activeboxmenu li a.btnactiveshowt { background-position: 0 -30px;width:106px;} #activelistbox ul.activeboxmenu li.ui-tabs-selected a.btnactiveshowt { background-position: 0 0;width:109px;} #activelistbox ul.activeboxmenu li a.btnactiveshowbag { background-position: -109px 0;width:108px;} #activelistbox ul.activeboxmenu li.ui-tabs-selected a.btnactiveshowbag {background-position:-106px -30px;width:128px;}*/ #activelistbox .activepagenav { height:24px;line-height:24px;margin:0 auto;text-align:center;width:600px;} #activelistbox .activepagenav table { margin:0 auto;} #activelistbox .activepagenav a { color:#9a83bb; text-decoration:none; margin:0 4px;} #activelistbox .activepagenav a:hover {text-decoration: underline} #activelistbox .activepagenav span { color:#ffffff;text-decoration: underline;margin:0 4px;} #activelistbox .gobak {margin:10px auto 0 ;text-align:center;width:64px; height:22px; clear:both} #activelistbox .gobak a {width:64px;height:22px; float:left; text-indent:-1000em;background:url(../img/activefreeokclosebtn.gif) no-repeat; float:left; } /*== tryoutBox ==*/ #activetryoutBox{width:968px; height:524px;position:relative; top:80px;background:url(../img/activelistbodybg.jpg) no-repeat; padding:19px 0 0;margin:0 0 80px;} #tryoutBox {width:968px; height:515px;position:relative; background:url(../img/tryoutBox-bg.jpg) no-repeat; overflow:hidden} #tryoutBox .trytitle { width:229px; height:91px; float:left;background:url(../img/freetrytitle.gif) no-repeat; text-indent:-1000em;} #tryoutBox .tryinfo { width:738px; height:31px; float:left; margin-top:60px; font-size:14px; color:#b08ecf;} #tryoutBox .tryitemshow { width:160px; height:120px; padding-left:70px; text-align:center; float:left} #tryoutBox .tryitemshow p span { font-family:Arial, Helvetica, sans-serif; color:#FFF;} #tryoutBox .tryitemshow a { width:82px; height:28px; margin:15px 0 0 35px; background:url(../img/freetrygotid-btn.gif) no-repeat; float:left; text-indent:-1000em; clear:left} /*== 试用申请 ==*/ #testimonyPoptxt { width:310px; height:100px;overflow: auto; float:left;} #testimonyPoptxt #testimonyP { width:276px;} #testimonyArea { width:664px; height:500px;float:right;position:relative;right:0;top:-310px; overflow:hidden; color:#8e72a6; background:url(../img/testimonyArea-bg.jpg) no-repeat;} #testimonylistBox { width:664px; height:238px; overflow:hidden; background:url(../img/tryout-testimony-list.jpg) no-repeat;} #testimonylistBox div.content { width:660px; margin:0 auto;padding:30px 0 0 10px;} #testimonylistBox h3 { width:107px;height:29px; line-height:29px; text-indent:-1000em; float:left; background:url(../img/testimonytitle01.gif) 0 10px no-repeat;} #testimonylistBox ul { float:left; clear:left;} #testimonylistBox li { width:582px; height:28px; overflow:hidden; float:left; margin:0 8px 0 0; background:url(../img/line-x.gif) 0 bottom repeat-x;border-bottom:1px dotted #8e72a6;} #testimonylistBox a { color:#8e72a6; text-decoration:none;} #testimonylistBox a:hover {text-decoration:none;} #testimonylistBox li span { height:28px; line-height:27px; float:left; color:#8e72a6; cursor:pointer;} #testimonylistBox li span.title { width:400px; margin:0 2px;} #testimonylistBox li span.grade {padding:0 19px;} #testimonylistBox li span.grade img { margin:4px 1px 0} #testimonylistBox li span.time { width:60px; margin:0 2px;} #testimonylistBox div.pagenav {width:582px;line-height:22px; padding:0 5px 0 0; text-align:right;float:left; clear:left;} #testimonylistBox div.pagenav a { padding:0 3px;} #testimonyFormc { position:relative;padding-left:10px;} #testimonyFormc label { line-height:25px;} #testimonyFormc h3.testimonyFormtitle {width:582px;height:29px; line-height:29px; text-indent:-1000em; float:left; background:url(../img/testimonycontent.gif) no-repeat;} #testimonyFormc textarea { width:307px; height:77px; display:block; color:#8e72a6; background:#000; border:1px #8e72a6 solid; clear:left;float:left;} #testimonyFormc div { padding:1px 0 0} #testimonyFormc div.textareabox {width:300px;height:20px;float:left; } #testimonyFormc div.gradebox{width:600px;height:30px;float:left; clear:left} #testimonyFormc #btnarea { position:absolute; left:323px; top:79px; } *html #testimonyFormc #btnarea {left:0px; left:-266px;top:84px;} #testimonysubmit { width:57px; height:22px; float:left; text-indent:-1000em; background:url(../img/freetrypost-btn.gif) no-repeat; border:0; cursor:pointer; position:relative;} .grade1,.grade2,.grade3,.grade4 { padding:4px 0 0 0; cursor:pointer;} #testimonyPop { width:354px; height:159px; display:none; background:url(../img/TB_window2.gif) no-repeat; position:absolute; left:318px; top:190px; z-index:2009;} #testimonyPop .closeBtn { height:23px; padding:25px 0 0 0;} #testimonyPop .closeBtn a { width:23px; height:23px; float:right; text-align:left; text-indent:-1000em; background:url(../img/btn-close.gif) center center no-repeat;} #testimonyPop .content { padding:0 30px; overflow:hidden; color:#8e72a6; word-wrap:break-word;} #testimonyPop .content p { line-height:18px; padding:0 0 10px 0; word-wrap:break-word;overflow:hidden;} /*== activelogin ==*/ #activeloginbody { width:100%; height:100%; display:none; background:#180729 url(../img/macFFBgHack.png) repeat scroll 0 0; filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; position:absolute; left:0; top:0; z-index:2001;} *html #activeloginbody { height:1000px;} /*activefreeok*/ #activefreeok {width:585px; height:334px; display:none; background:url(../img/loginbox-bg.jpg) 0 0 no-repeat; position:absolute; top:50%; left:50%; z-index:2002; margin-left: -290px; margin-top: -170px;} #activefreeokcloseBtn { height:29px;} #activefreeokcloseBtn a { width:35px; height:29px; float:right; text-align:left; text-indent:-1000em; background:url(../img/btn-activeclose.gif) center center no-repeat;} #activefreeok h3 {float:left; clear:left; text-indent:-1000em;} #activefreeok .activefreeoktitle { width:401px; height:43px;background:url(../img/activefreeoktitle.gif) no-repeat; margin:70px 0 0 98px;} *html #activefreeok .activefreeoktitle { margin-left:49px} #activefreeok .activefreeokinfo {width:204px; height:15px;background:url(../img/activefreeokinfo.gif) no-repeat; margin:31px 0 0 196px;} *html #activefreeok .activefreeokinfo { margin-left:98px} #activefreeok .activefreeokclosebtn {width:64px; height:22px;background:url(../img/activefreeokclosebtn.gif) no-repeat; margin:35px 0 0 268px; float:left; clear:left; text-indent:-1000em;} *html #activefreeok .activefreeokclosebtn{ margin-left:268px} /*activeloginPop*/ #activeloginPop { width:585px; height:334px; display:none; background:url(../img/loginbox-bg.jpg) 0 0 no-repeat; position:absolute; top:50%; left:50%; z-index:2002; margin-left: -290px; margin-top: -170px;} #activecloseBtn { height:29px;} #activecloseBtn a { width:35px; height:29px; float:right; text-align:left; text-indent:-1000em; background:url(../img/btn-activeclose.gif) center center no-repeat;} #activeloginC , #activepopbox { width:461px; height:300px; margin:0 auto;} *html #activeloginC {margin:0 0 0 64px;} #activeloginC { background:url(../img/activeloginC-bg.jpg) no-repeat; } #activeloginC #logintabs { position:relative;} #activeloginC .logintabsmenu { width:260px; height:42px;} #activeloginC .logintabsmenu li, #logintabs .logintabsmenu li a { height:42px; float:left;} #activeloginC .logintabsmenu li a { text-indent:-1000em; background:url(../img/loginboxtub.gif) no-repeat; } #activeloginC .logintabsmenu li a.usernamelogin { background-position:0 -42px; width:106px;} #activeloginC .logintabsmenu li a.usercardlogin { background-position:-136px 0; width:108px;} #activeloginC .logintabsmenu li.ui-tabs-selected a.usernamelogin { background-position:0 0; width:133px;} #activeloginC .logintabsmenu li.ui-tabs-selected a.usercardlogin { background-position:-107px -42px; width:135px;} #activeloginC .loginform { padding:35px 0 0 62px; position:relative;} #activeloginC .loginform ul li { width:450px; height:40px;} #activeloginC .loginform label {width:60px; height:24px; float:left;text-indent:-1000em; clear:left;} #activeloginC .loginform label.loginlabname { background:url(../img/loginlabname.gif) 0 -4px no-repeat; } #activeloginC .loginform label.loginlabmail { background:url(../img/loginlabmail.gif) 0 -1px no-repeat; } #activeloginC .loginform label.loginlabcard { background:url(../img/loginlabcard.gif) 0 -4px no-repeat; } #activeloginC .loginform label.loginlabpwd { background:url(../img/loginlabpwd.gif) 0 -1px no-repeat; } #activeloginC .loginform input.inputtext {background:#53456d none repeat scroll 0 0;border:1px solid #53456d;color:#9a7eb5;float:left;height:16px;width:200px;} #activeloginC .loginform div.submitbtn { padding-left:60px; margin-top:6px;} #activeloginC .loginform div.submitbtn input {background:url(../img/loginbtn.gif) no-repeat ;cursor:pointer;float:left;height:22px;text-indent:-1000em;width:68px; border:0 none; margin-right:4px;} #activeloginC .loginform div.submitbtn a {background:url(../img/loginbtn.gif) no-repeat ;cursor:pointer;float:left;height:22px;text-indent:-1000em;margin-right:4px;} #activeloginC .loginform div.submitbtn a.forgetpwd {background-position: -252px 0; width:148px; } #activeloginC .loginform div.submitbtn a.reg {background-position: -400px 0; width:68px;} #activeloginC .loginform div.submitbtn a.getpwd {background-position: -68px 0; width:108px;} #activeloginC .loginform div.submitbtn a.resetpwd {background-position: -176px 0; width:76px;} /*== activepostedmbox ==*/ #activepostedmbox {width:968px; height:524px;position:relative; top:80px;background:url(../img/activelistbodybg.jpg) no-repeat; padding:19px 0 0;margin:0 0 80px;} #activepostedmbox div.postedmbox { width:808px; height:399px; float:left; margin:58px 0 0 96px; background:url(../img/postedmbox-bg.jpg) no-repeat;} *html #activepostedmbox div.postedmbox {margin-left:48px;} #activepostedmbox div.postedmform { width:372px; float:left} #activepostedmbox div.postedmform ul { padding:24px 0 0 41px; } #activepostedmbox div.postedmform ul li { height:36px; } #activepostedmbox div.postedmform input.inputtext {background:#53456d none repeat scroll 0 0;border:1px solid #53456d;color:#9a7eb5;float:left;height:16px;width:200px;} #activepostedmbox div.postedmform label {width:97px; height:20px; float:left; clear:left; text-indent:-1000em;} #activepostedmbox div.postedmform label.postyourname { background:url(../img/postyourname.gif) no-repeat ;} #activepostedmbox div.postedmform label.postfriendname { background:url(../img/postfriendname.gif) no-repeat ;} #activepostedmbox div.postedmform label.postfriendmail { background:url(../img/postfriendmail.gif) no-repeat ;} #activepostedmbox div.postedmform #postedmformsubmit {background:url(../img/postedmformsubmit-btn.gif) no-repeat ;cursor:pointer;float:left;height:22px;text-indent:-1000em;width:68px; border:0 none; position:relative; top:0; left:268px;} #activepostedmbox h3.postedmtitle { width:187px; height:237px; float:left; clear:left;background:url(../img/activepostedmtitle.jpg) no-repeat ; position:relative;text-indent:-1000em;top:-20px;} #activepostedmbox div.edmshow { width:420px; float:right;} #activepostedmbox div.edmshow img { height:210px;margin:21px;padding:23px 67px;width:210px; background-color:#130421;} #activepostedmbox div.edmshow p { margin:0 21px; line-height:20px} #activepostedmbox #postedmok {width:808px;height:399px;background:transparent url(../img/postedmbox-bg.jpg) no-repeat;float:left;margin:58px 0 0 96px;} *html #activepostedmbox #postedmok {margin-left:48px; } #activepostedmbox #postedmok #postedmcloseBtn { width:25px; height:25px;float:right;} #activepostedmbox #postedmok #postedmcloseBtn a {width:25px; height:25px;float:right; background:url(../img/postedmcloseBtn.gif) no-repeat; text-indent:-1000em; } #activepostedmbox #postedmok h3 { float:left; clear:left; text-indent:-1000em;} #activepostedmbox #postedmok h3.postedmoktitle { width:600px; height:30px; background:url(../img/postedmoktitle.gif) no-repeat; margin:42px 0 0 252px;} *html #activepostedmbox #postedmok h3.postedmoktitle { margin-left:126px;} #activepostedmbox #postedmok h3.postedmokinfo { width:600px; height:17px; background:url(../img/postedmokinfo.gif) no-repeat;margin:30px 0 0 146px;} *html #activepostedmbox #postedmok h3.postedmokinfo { margin-left:73px;} #activepostedmbox #postedmok h3.postedmtitle { top:0;} #activepostedmbox #postedmok a.postedmokjoinbtn { width:108px; height:22px; float:left; text-indent:-1000em; background:url(../img/postedmokjoinbtn.gif) no-repeat;margin:40px 0 0 160px;} /*== footer fix ==*/ #footerBox {background:none;} #footerBox h3.footerbg { width:968px; height:45px; float:left; background:url(../img/footerbg.png) no-repeat;} * html #footerBox h3.footerbg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='img/footerbg.png'); background:none !important;} /*== designselectpop ==*/ #designselectpop { width:360px; height:374px; display:none; background:url(../img/TB_window4.gif) no-repeat; position:absolute; left:410px; top:190px; z-index:2009; } #designselectpop #closeBtn a { background:none;} #designselectpop h3 { padding-left:20px; height:24px;} #designselectpop div.scrolldesign { width:280px; height:260px; overflow: auto; margin:20px 0 0 40px} #designselectpop a.sub { width:72px; height:23px; float:left; background:url(../img/designselectpop-sub-btn.gif) no-repeat; text-indent:-1000em; margin-left:80px;} #designselectpop img { background:transparent url(../img/activeshowlist-img-bg.gif) no-repeat;height:100px;margin:0 auto;padding:1px 20px;width:100px;} #designselectpop ul li { line-height:104px; vertical-align:middle; height:110px} #designselectpop ul li input { vertical-align:middle;} #designselectpop ul li div.inputbox { width:50px; height:50px; padding-top:50px;float:left;clear:left;vertical-align:middle;} #designselectpop ul li label { width:120px; height:60px; float:left } /* // Fof the pop // */ /* // Udf - 8 // */ /* // Cc all viewer // */ /* // info oK // */ #indexpagepopinfo { width:220px;height:328px;left:50%; margin-left:250px; top:150px; position:absolute; z-index:2002;} /**html #indexpagepopinfo { position:absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}*/ #indexpagepopinfo a.close { position:relative; top:20px; right:0; width:20px; height:20px;float:right; text-indent:-1000em; background-image:url(../img/pixel.gif) } *html #indexpagepopinfo a.close { top:0;} *+html #indexpagepopinfo a.close { top:0;} #indexpagepopinfo a.info { float:left; clear:both;} /*== landbox ==*/ #landbox {width:968px; height:723px;position:relative; top:80px;background:#150325; padding:0;margin:0 0 80px;} .landswfbox { width:978px; height:498px; background:#150325} #activeinfopop { width:585px; height:334px; display:none; background:url(../img/loginbox-bg.jpg) 0 0 no-repeat; position:absolute; top:50%; left:50%; z-index:2002; margin-left: -290px; margin-top: -170px;} #activeinterbox h3.activeinfotitle { width:117px; height:39px; float:left; text-indent:-1000em; background:url(../img/activeinfotitle.gif) no-repeat;} #activeinfopopcloseBtn { height:29px;} #activeinfopopcloseBtn a { width:35px; height:29px; float:right; text-align:left; text-indent:-1000em; background:url(../img/btn-activeclose.gif) center center no-repeat;} #activeinterbox div.activeinfotxtcenter { width:540px; height:184px; padding-left:30px;line-height:22px; float:left; clear:left;} #activeinterbox div.activeinfotxtcenter #activeinfoscroll { width:540px; height:240px;overflow: auto; float:left;} #activeinterbox div.activeinfotxtcenter #activeinfoscroll img.loading { padding:50px 0 0 80px;} #activeinterbox div.activeinfotxtcenter img { margin:40px auto;} #activeinterbox div.activeinfotxtcenter p {width:500px; margin:1px 0; color:#9a83bb;} #landbox ul.activeboxmenu li { float:left; width:110px;} #landbox ul.activeboxmenu li a { background:url(../img/activetub.gif) no-repeat; height:27px; width:108px;} #landbox ul.activeboxmenu li a.btnactivenew { background-position:-2px 0; } #landbox ul.activeboxmenu li a.btnactivehot { background-position:-110px 0; } #landbox ul.activeboxmenu li a.btnactivewin { background-position:-219px 0; } #landbox ul.activeboxmenu li a.btnactiveintro { background-position:-328px 0; } #landbox ul.activeboxmenu li.ui-tabs-selected a.btnactivenew { background-position:0 -27px; width:110px; } #landbox ul.activeboxmenu li.ui-tabs-selected a.btnactivehot { background-position:-109px -27px; width:110px;} #landbox ul.activeboxmenu li.ui-tabs-selected a.btnactivewin,#landbox ul.activeboxmenu li a.btnactivewin:hover { background-position:-218px -27px; width:110px;} #landbox ul.activeboxmenu li.ui-tabs-selected a.btnactiveintro { background-position:-327px -27px; width:110px;} #landbox div.activeinfotxtcenter #activeinfoscroll { width:570px; height:160px;overflow: auto; float:left;} #landbox .activeshowlist {width:600px; } #logintabs { width:300px; float:right; margin:30px 0 0;padding:0 0 0 40px;} #logintabs ul li { float:left; height:32px; line-height:22px;} #logintabs label { clear:left;color:#EEDBFE;float:left;height:18px;width:50px; } #logintabs input.inputtext {background:#53456D none repeat scroll 0 0;border:1px solid #53456D;color:#9A7EB5;float:left;height:16px;width:125px; margin-right:2px;} #logintabs #usernamelogin ul,#logintabs #usercardlogin ul { width:300px; float:left; clear:left;} #logintabs .submitbtn { width:200px;padding-left:50px; float:left; clear:left;} #logintabs .logintabsmenu { height:60px;} #logintabs .logintabsmenu li a { width:97px; height:37px; float:left;} #logintabs .logintabsmenu li a { text-indent:-1000em; background:url(../img/logintabs-loginboxtub.gif) no-repeat; } #logintabs .logintabsmenu li a.usernamelogin { background-position:0 -37px; } #logintabs .logintabsmenu li a.usercardlogin { background-position:-97px 0; } #logintabs .logintabsmenu li.ui-tabs-selected a.usernamelogin { background-position:0 0; } #logintabs .logintabsmenu li.ui-tabs-selected a.usercardlogin { background-position:-97px -37px; } #logintabs .loginform a { padding-left:8px;} #logintabs .loginform div.submitbtn input {background:url(../img/loginbtn.gif) no-repeat ;cursor:pointer;float:left;height:22px;text-indent:-1000em;width:68px; border:0 none; margin-right:12px;} #logintabs .loginform div.submitbtn a {background:url(../img/loginbtn.gif) no-repeat ;cursor:pointer;float:left;height:22px;text-indent:-1000em;margin-right:4px;padding:0;} #logintabs .loginform div.submitbtn a.forgetpwd {background-position: -252px 0; width:148px; } #logintabs .loginform div.submitbtn a.reg {background-position: -400px 0; width:68px;} #logintabs .loginform div.submitbtn a.getpwd {background-position: -68px 0; width:108px;} #logintabs .loginform div.submitbtn a.resetpwd {background-position: -176px 0; width:76px;} #logintabs span.zuopin ,#logintabs h3 ,#logintabs a { color:#705889} #logintabs h3 { height:32px; line-height:32px;} #logintabs a.thickbox {width:150px; height:106px;background:none;text-indent:0em; padding-left:20px;float:left;} #logintabs a.thickbox img { background:transparent url(../img/activeshowlist-img-bg.gif) no-repeat;height:100px;margin:0 auto;padding:1px 20px;width:100px;} #logintabs a.ctivemymore { float:left;} #logintabs a.activemycancel { padding-left:20px;} #landbox #activelandpage a {color:#9a7eb5; text-decoration:underline;} #landbox ul.activeboxmenu { width:610px;height:38px;position:relative; /*top:-10px;*/ top:-5px;/* by Ray 20090106*/} #landbox .activetopbox {height:225px; background-color:#170527; background:url(../img/activetopbox-bg-land.jpg) 0 18px no-repeat;} #landbox #activeboxtabs {/* overflow:hidden;*/float:left;width:619px;} #landbox #activeshowt , #activeshowbag {width:609px; position:relative; top:-10px; padding-left:10px} #landbox a.activeshowmore { position:relative; left:550px; color:#a486c0; height:23px; line-height:23px; text-decoration:none;} /*== activeinfoscroll ==*/ #activeinfoscroll ol li { background:url(../img/activeinfo-point.gif) 0 1px no-repeat; padding-left:14px;} /*== theworldbox ==*/ #theworldbox { width:100%; height:497px; overflow:hidden; background:url(../img/theworld_bg.jpg) no-repeat; position:relative; } #theworldbox .photobox { width:374px; height:497px; float:left; } #theworldbox .title1 { width:0; height:0; display:none;} #theworldbox .title2 { width:280px; height:55px;float:left; background:url(../img/theworld_title1.gif) no-repeat;text-indent:-1000em; } #theworldbox .title3 { width:593px; height:51px;float:left; background:url(../img/theworld_title2.gif) no-repeat;text-indent:-1000em;margin-bottom:36px;} #theworldbox .scrrbox { width:576px; height:350px; overflow:hidden; float:left; padding-left:6px;} #theworldbox .jScrollPaneContainer { left:372px; position:absolute; top:133px; overflow:hidden;height:260px;} #theworldbox p.text { width:550px; float:left; clear:left; -x-system-font:none; color:#eedbfe; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.8em; text-indent:2em; margin:10px 0 10px 0;} #theworldbox .scrrbox h4 {float:left; clear:left; font-weight:bold; margin-top:10px; width:550px;} #theworldbox .scrrbox h4 span { font-size:14px;} /*== 2009.04.20 ==*/ #awardlistscroll { width:554px; height:160px; overflow:hidden;}