/*Public Style*/ html,body{margin: 0;padding: 0;font-size: 12px;color: #666666;font-family: "ËÎÌå";font-family: "Arial";background: #FFFFFF;SCROLLBAR-FACE-COLOR: #dae4f5; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #dae4f5; SCROLLBAR-3DLIGHT-COLOR: #a4bfea; SCROLLBAR-ARROW-COLOR: #606d79; SCROLLBAR-TRACK-COLOR: #c6d2e8; SCROLLBAR-DARKSHADOW-COLOR: #a4bfea;} ul, li, p, h1, h2, h3, span, img{margin:0;padding:0;border:0} a{color: #0055AA;text-decoration: none;cursor: pointer;hide-focus: expression( this.hideFocus=true );outline: none;} a:hover {color: #e47100;text-decoration: underline;} /*Framework Style*/ #main{width:1002px; margin:auto; height:auto;overflow:hidden;} #main #head{height:145px} #main #navbar{float:left;height:71px;width:1002px;margin:0;background:url("../images/navbarbg.gif") repeat-x;overflow:hidden;} #main #subnav{float:left;width:982px;background:#eff6fe;padding-left:10px;padding-right:10px;padding-top:12px;padding-bottom:12px;border-bottom:1px solid #a5d4f6;} #main #content{float:left;width:962px;height:auto;padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:10px} #main #content #left{width:962px;float:left} #main #content #right{width:288px;float:right} #main #foot {float:left;width:962px;background:#eff6fe;padding:20px;border-top:1px solid #a5d4f6;} /*Head Style*/ .container, .container * { margin:0; padding:0; } .container {float:left; width:1002px; height:74px; overflow:hidden; position:relative; background:url("../images/mini_header.jpg") no-repeat;} /*navbar Style*/ #main #navbar #logo{float:left;width:230px;height:71px;padding: 13px 0 0 10px;background:url("../images/logo.gif") no-repeat 10px 13px;} .trans { position:absolute; width:230px; height:49px;overflow:hidden;} .trans li { list-style:none; display:inline;background:url("../images/logo.gif")} .trans li {float:left;width:206px;height:49px;} .trans li u { display:block;text-decoration:none;font-weight:normal;color:#575757;margin:30px 0 0 52px} #main #navbar #navbarwrapper{float:right;height:71px;width:680px; padding-top: 10px;} #main #navbar #navbarwrapper ul{float:right;height:71px;margin:0;list-style-type:none;} #main #navbar #navbarwrapper ul li{display:inline;float:left;height:28px;line-height:28px;padding-top:13px;} #main #navbar #navbarwrapper ul li a{display:block;float:left;font-size:12px;font-weight:bold;height:28px;text-align:center;text-decoration:none;width:90px;color:#000000} #main #navbar #navbarwrapper ul li a:hover{display:block;float:left;font-size:12px;font-weight:bold;height:28px;text-align:center;text-decoration:none;width:90px;color:#e47100} #main #navbar #navbarwrapper ul li a.navbaractive:hover{display:block;float:left;font-size:12px;font-weight:bold;height:28px;text-align:center;text-decoration:none;width:90px;color:#EEEE00} #main #navbar #navbarwrapper ul li .navbaractive{display:block;float:left;font-size:12px;font-weight:bold;height:28px;text-align:center;text-decoration:none;width:90px;background:url("../images/navbaractive.gif") no-repeat;color:#FFFFFF;} #main #navbar #navbarwrapper ul li.Separator{width:20px;} /*subnav Style*/ #main #subnav .le {float:left; width:170px; margin-top:-10px; margin-bottom:-10px; } #main #subnav .rig {float:right; width:805px;} #main #subnav h1 {color:#666666;width:805px;float:left;font-size:14px;padding-bottom:1px;text-decoration:none;font-weight:normal;margin-top:1px;line-height:23px} #main #subnav h1 u{color:#666666;font-size:12px;text-decoration:none;font-weight:normal;margin:0 20px 0 20px} #main #subnav h1 a{font-size:12px;font-weight:normal} #main #subnav h2 {color:#666666;width:141px;float:left;font-size:14px;padding-bottom:1px;text-decoration:none;font-weight:normal;margin-top:1px;line-height:23px} #main #subnav h2 u{color:#666666;font-size:12px;text-decoration:none;font-weight:normal;margin:0 20px 0 20px} #main #subnav h2 a{font-size:12px;font-weight:normal} /*Product Style*/ #main #content #left #contentDes #interface {float:left;width:290px;height:230px;} #main #content #left #contentDes{width:965px;height:230px;font-size:12px;margin:8px 0 6px 0;line-height:20px;padding-bottom:15px;border-bottom:0px solid #DBDBDB} #main #content #left #contentDes p.pOne{height:70px;} #main #content #left #contentDes p.pTwo{height:30px;} #main #content #left #contentDes p.pThree{height:70px;} #main #content #left #contentDes a.download {float:left;display:block;width:146px;line-height:52px;color:#ffffff;background:url("../images/downloadbg.gif") no-repeat;text-decoration:none;font-size:14px;font-weight:bold;letter-spacing:3px;text-align:center} #main #content #left #contentDes a.moredown {float:left;display: block; padding: 0 0 20px 15px;line-height: 70px;-moz-outline: none;} #main #content #left h1{color:#333333;width:950px;float:left;font-size:14px;padding:2px 0 4px 22px;border-bottom:1px solid #DBDBDB;text-decoration:none;font-weight:bold;margin-top:8px;background:url("../images/normal_icon_s.gif") no-repeat} #main #content #left #ProductMainContent {width:795px;float:left;} #main #content #left #ProductMainContent p{float:left;width:775px;line-height:20px;padding:6px 0 0 15px;background:url("../images/product_arrow.gif") no-repeat 0px 12px;} #main #content #left #ProductMainContent b{color:#0055AA} #main #content #left #AD2 {width:160px;float:right;} #main #content #left #AD2 .adt {height:20px;} /*Download Style*/ #main #content #left #downloads {width:945px} #main #content #left #downloads #maindown {float:left;width:170px;} #main #content #left #downloads #maindown a{clear:both;width:150;height:180px;display:block;text-align:center;line-height:335px;color:#888888;text-decoration:none;font-weight:bold;background:url("../images/download_down_s.png") no-repeat top center;overflow:hidden;} #main #content #left h2{color:#666666;width:735px;float:left;font-size:14px;padding-bottom:12px;border-bottom:0px solid #DBDBDB;text-decoration:none;font-weight:normal;margin-top:8px;} #main #content #left #downloads #downlinks {float:right;width:715px;height:250px;overflow:hidden;} #main #content #left #downloads #downlinks #downlinksl {float:left;width:390px;height:250px;overflow:hidden;} #main #content #left #downloads #downlinks #downlinksl ul.morelink {list-style-type:none;width:390px;display:inline;} #main #content #left #downloads #downlinks #downlinksl ul.morelink li{float:left;width:110px;height:30px;line-height:30px;display:inline;margin: 0 0 0 5px;padding: 0 0 0 13px;background:url("../images/download_arrow.gif") no-repeat 0 10px;} #main #content #left #downloads #downlinks #downlinksl ul.morelink li a{color:#0055aa;font-size:13px;} #main #content #left #downloads #downlinks #downlinksl ul.morelink li a.hll{color:#FF0000;font-size:13px;} #main #content #left #downloads #downlinks #downlinksl ul.morelink li a:hover{color:#e47100} #main #content #left #downloads #downlinks #AD3 {width:300px;float:right;height:250px;} #main #content #left #DownloadEarly {float:left;width:945px;padding-left:20px} #main #content #left #DownloadEarly h3{color:#333333;width:925px;float:left;font-size:14px;padding:2px 0 4px 22px;border-bottom:1px solid #DBDBDB;text-decoration:none;font-weight:bold;margin-top:8px;background:url("../images/normal_icon_s.gif") no-repeat} #main #content #left DownloadEarly h3 u{color:#333333;font-size:12px;text-decoration:none;font-weight:normal;margin-right:20px} #main #content #left #DownloadEarly table{border:1px #b3cef1 solid;border-collapse:collapse;text-align:center;width:920px;margin-top:20px} #main #content #left #DownloadEarly th{border:1px #b3cef1 solid;border-collapse:collapse;color:#335f9c;background:#eef5fb;font-size:14px;height:30px} #main #content #left #DownloadEarly th.thOne{width:270px} #main #content #left #DownloadEarly th.thTwo{width:270px} #main #content #left #DownloadEarly th.thThree{width:120px} #main #content #left #DownloadEarly th.thFour{width:120px} #main #content #left #DownloadEarly th.thFive{width:140px} #main #content #left #DownloadEarly td{border:1px #b3cef1 solid;border-collapse:collapse;color:#4d4f53;height:34px;} #main #content #left #DownloadEarly td a.updatelog{color:#0055aa;width:100px;line-height:34px;} #main #content #left #DownloadEarly td a.updatelog:hover{color:#e47100} #main #content #left #DownloadEarly td a.download{padding-left:20px;color:#0055aa;width:100px;background:url("../images/download_downearly.gif") no-repeat;line-height:34px;} #main #content #left #DownloadEarly td a.download:hover{color:#e47100} #main #content #left #DownloadEarly .tb{height:20px;} /*Updatelog Style*/ #main #content #left #updatelogMainContent {width: 790px;float:left;line-height:18px} #main #content #left #updatelogMainContent p{float:left;width:770px;} #main #content #left #updatelogMainContent #updatelt {height:50px;float:left} #main #content #left #updatelogMainContent h2{width:755px;float:left;border-bottom:1px solid #DBDBDB;background:url("../images/updatelog_icon.gif") no-repeat;padding-left:20px;} #main #content #left #updatelogMainContent h2 b {float:left;font-size:14px;padding-bottom:0px;color:#333333;text-decoration:none;} #main #content #left #updatelogMainContent h2 span{float:right;font-size:12px;font-weight:normal;display:none;} #main #content #left #updatelogMainContent h2 span a{padding-left:20px;padding-right:20px;color:#0055aa;width:140px;background:url("../images/download_downearly.gif") no-repeat;} #main #content #left #updatelogMainContent h2 span a:hover{color:#e47100} #main #content #left #updatelogMainContent #updatelog p{float:left;width:770px;color:#666666;line-height:24px;padding:1px 0 0 2px;} #main #content #left #AD4 {width:160px;float:right;} #main #content #left #AD4 .adt {height:20px;} /*Faq Style*/ #main #content #left #leftl {width:790px;float:left;} #main #content #left #leftl #faqList {width:790px;float:left;} #main #content #left #leftl #faqList h2{width:755px;float:left;font-size:14px;padding:2px 0 4px 22px;border-bottom:1px solid #DBDBDB;background:url("../images/normal_icon_s.gif") no-repeat} #main #content #left #leftl #faqList h2 b {font-size:14px;padding-bottom:0px;color:#333333;text-decoration:none;} #main #content #left #leftl #faqList ul{list-style-type:none;margin-left:10px;margin-top:11px;float:left;padding-bottom:30px;} #main #content #left #leftl #faqList ul li{line-height:23px; margin: 0 0 0 5px;padding: 0 0 0 16px;background:url("../images/faq_arrow.gif") no-repeat center left;} #main #content #left #leftl #faqList ul li a.faq{color:#3785a6} #main #content #left #leftl #faqList ul li a.faq:hover{color:#e47100} #main #content #left #leftl #faqMainContent {width: 790px;float:left;} #main #content #left #leftl #faqMainContent p{float:left;width:770px;} #main #content #left #leftl #faqMainContent #faqQ {height:50px;float:left} #main #content #left #leftl #faqMainContent h2{width:755px;float:left;border-bottom:1px solid #DBDBDB;background:url("../images/faq_icon.gif") no-repeat;padding-left:20px;} #main #content #left #leftl #faqMainContent h2 b {float:left;font-size:14px;padding-bottom:0px;color:#333333;text-decoration:none;} #main #content #left #leftl #faqMainContent #faqA p{float:left;width:780px;color:#666666;line-height:24px;padding:1px 0 0 2px;} #main #content #left #leftl #faqMainContent #faqA p u{color:#0055aa;text-decoration:none;} #main #content #left #leftl #faqMainContent #faqA p.rt{text-align:right} #main #content #left #AD5 {width:160px;float:right;} #main #content #left #AD5 .adt {height:20px;} /*About Style*/ #main #content #left #aboutMainContent {width: 960px;} #main #content #left #aboutMainContent p{float:left;width:955px;} #main #content #left #aboutMainContent h2{width:960px;float:left;font-size:14px;padding:2px 0 4px 22px;border-bottom:1px solid #DBDBDB;background:url("../images/normal_icon_s.gif") no-repeat} #main #content #left #aboutMainContent h2 b {font-size:14px;padding-bottom:0px;color:#333333;text-decoration:none;} #main #content #left #aboutMainContent #aboutContent {width: 620px;float:left;padding-top:10px;} #main #content #left #aboutMainContent #aboutContent p{float:left;width:615px;color:#666666;line-height:24px;padding:1px 0 0 2px;} #main #content #left #aboutMainContent #aboutContent p u{color:#0055aa;text-decoration:none;} #main #content #left #aboutMainContent #aboutContent p.rt{text-align:right} #main #content #left #aboutMainContent #aboutContent a.product {margin: 0 0 0 5px;padding: 0 0 0 16px;background:url("../images/about_arrow.gif") no-repeat center left;} #main #content #left #aboutMainContent #AD6 {width:336px;height:280;float:right;} #main #content #left #aboutMainContent #AD6 .adt {height:50px;} /*AD Style*/ #ad1 {width:1002px;} #ad1 #adcontent {padding:0 0 20px 140px;} #ad_jjgame {margin-top: 15px;} /*Foot Style*/ #foot #trademark{width:170px;float:left;padding-left:100px} #foot #trademark b{color:#494E51;font-family:"Arial";} #foot #copyright{width:620px;float:right;padding-right:50px} #foot #copyright, #foot #copyright a{color:#333333;} #foot #copyright a:hover {color:#378ba6;}