﻿/* 产品页全局 */
#pagehost { color: #FFF; background: url(hostbg.gif) repeat-y; padding:12px 28px;}
#pagehosttop { background:url(hosttop.gif) no-repeat; width:950px; height:10px; font-size:0; }
#pagehostfoot { background:url(hostfoot.gif) no-repeat; width:950px; height:10px; }

/* 产品页导航 */
#hostnav { height:60px; }
#hostname { float:left; color:#333; padding-top:21px; padding-left:20px; font-size: 15px; font-weight: bold; font-family:"微软雅黑" }
ul#pagenavright { display: inline; float:right; padding-top:15px; }
ul#pagenavright li { display: inline; float: left; background-color: #a4a7ac; }
ul#pagenavright li.firstli { background:url(pagenavbg.gif) no-repeat; background-color: transparent; background-position:left top; }
ul#pagenavright li.lastli { background:url(pagenavbg.gif) no-repeat; background-color: transparent; background-position:right top; }
ul#pagenavright li a { padding:0 20px 0 20px; display:block; font-size: 12px; font-weight: bold; color: #fff; line-height: 29px; height: 29px; text-decoration: none; }
html ul#pagenavright li a { _width: 20px; _white-space: nowrap; text-decoration: none; }
ul#pagenavright li a:hover { background: url(pagenav.gif) no-repeat center bottom; color: #333; text-decoration: none; }
ul#pagenavright li a.navon { background: url(pagenav.gif) no-repeat center bottom; color: #333; text-decoration: none; }

/* 产品页左侧 */
#pagemain { float:left; width:620px; margin-top:3px; background:url(hostlamp.gif) no-repeat; padding-top:98px; }
#pagemain1g3 { float:left; width:620px; margin-top:3px; background:url(host1g3bg.jpg) no-repeat 6px top; }
.pageinfo { float:left; width:290px; margin:12px 13px 0 5px; display: inline; text-align:left; }
.pageinfo a { display:block; text-decoration:none; border: #fff 1px solid; height:107px; background:url(hostinfobg.png) no-repeat; }
.pageinfo a:hover { background-position:0 -108px; border: #fff 1px solid; }
.pageinfo h1 { margin:16px 20px 10px; font-size: 14px; font-weight: bold; color: #000000; line-height:17px; _line-height:18px; }
.pageinfo p { margin:0 20px 15px; line-height: 16px; color: #777; }
.hostcontact { background:url(hostcontact.gif) no-repeat; height:30px; margin-top:20px; text-align:left; text-indent: 163px; }

#pagehost1g3 { height:88px; text-align:left; padding:102px 0 0 92px; }
#pagehost1g3 a { background:url(host1g3buy.png) no-repeat left top; width:118px; height:34px; display:block; }
#pagehost1g3 a:hover { background-position:right top; }
#pagehost1g32 { height:26px; padding:4px 0 0 30px; }
#pagehost1g32 a { float:left; color:#005E8F; display:block; text-decoration:none; padding:0 7px 0; }
#pagehost1g32 a:hover { color:#000; text-decoration:none; }



/* 产品页右侧 */
.pagehost { float:right; width:230px; margin-top:3px; _margin:3px 0; display:block; }
.pagehost li { color:#000; text-align:left; border-bottom: #CCC 1px solid; display:block; line-height:34px; _line-height:33px; _padding-top:1px; text-indent: 30px; background: url(hostnav.gif) no-repeat; width:220px; margin:0 auto; }
.pagehost li.space { background-position: 6px 9px; }
.pagehost li.ip { background-position: 6px -31px; }
.pagehost li.web { background-position: 6px -71px; }
.pagehost li.domain { background-position: 6px -111px; }
.pagehost li.line { background-position: 6px -151px; }
.pagehost li.php { background-position: 6px -191px; }
.pagehost li.da { background-position: 6px -231px; }
.pagehost li.backup { background-position: 6px -271px; }
.pagehost li.faq { background-position: 6px -311px; }
.pagehost li.mail { background-position: 6px -351px; }
.pagehost li.day { background-position: 6px -391px; }
.pagehost li.admin  { background-position: 6px -431px; }
.pagehost li.admin a { text-decoration: none; font-weight: bold; color:#333; }
.pagehost li.admin a:hover { text-decoration: underline; font-weight: bold; color:#0066CC; }

.hostsell500 a { background:url(hostsell500.png) no-repeat; width:230px; height:78px; margin-bottom:10px; display:block; }
.hostsell500 a:hover { background-position:-231px 0; no-repeat; }
.hostsell1g a { background:url(hostsell1g.png) no-repeat; width:230px; height:78px; margin-bottom:10px; display:block; }
.hostsell1g a:hover { background-position:-231px 0; no-repeat; }
.hostsell1g2 a { background:url(hostsell1g2.png) no-repeat; width:230px; height:78px; margin-bottom:10px; display:block; }
.hostsell1g2 a:hover { background-position:-231px 0; no-repeat; }
.hostsell1g3 a { background:url(hostsell1g3.png) no-repeat; width:230px; height:78px; margin-bottom:10px; display:block; }
.hostsell1g3 a:hover { background-position:-231px 0; no-repeat; }
.hostsell999 a { background:url(hostsell999.png) no-repeat; width:230px; height:78px; margin-bottom:10px; display:block; }
.hostsell999 a:hover { background-position:-231px 0; no-repeat; }

/* 产品页列表 */
#hostlist { color: #FFF; background: #FFF; padding:12px 0 12px 2px; }
#hostlisttop { background:url(pagetop.gif) no-repeat; width:950px; height:10px; font-size:0; }
#hostlistfoot { background:url(pagefoot.gif) no-repeat; width:950px; height:10px; }

.listname { float:left; color:#333; padding-top:12px; padding-left:100px; font-size: 14px; font-weight: bold; font-family:"微软雅黑" }
.hosting { float:left; width:236px; _width:236px; border-right:#ddd solid 1px; margin:8px 0; background:url(hostlist.gif) no-repeat; background-position: 30px 2px; }
.hosting ul { padding:28px 30px 20px 30px; _padding:26px 30px 20px 30px; }
.hosting li { border-bottom:#ddd solid 1px; color:#333; line-height:36px; _line-height:36px; text-align:left; padding-left:12px; color:#666; height:37px; _height:37px; overflow:hidden; font-family:Tahoma; }
.hosting strong { font-weight:bold; color:#005e8f; margin:0; }
.hosting dt { left:60px; height:1px; top:-35px; _top:-36px; color:#666; margin:0; position: relative; }

.hostingright { float:left; width:235px; _width:234px; margin:8px 0; background:url(hostlist2.gif) no-repeat; background-position: 30px 2px; }
.hostingright ul { padding:28px 30px 20px 30px; _padding:26px 30px 20px 30px; }
.hostingright li { border-bottom:#ddd solid 1px; color:#333; line-height:36px; _line-height:36px; text-align:left; padding-left:12px; color:#666; height:37px; _height:37px; overflow:hidden; font-family:Tahoma; }
.hostingright strong { font-weight:bold; color:#005e8f; margin:0; }
.hostingright dt { left:60px; height:1px; top:-35px; _top:-36px; color:#666; margin:0; position: relative; }

.hostlistsell a { background:url(hostlistsell.png); background-position:0 0; width:164px; _width:164px; height:67px; color:#8d1c1c; text-align:left;  text-decoration:none; line-height:67px; font-weight:bold; padding-left:14px; display:block; margin:0 auto; clear:both; }
.hostlistsell a:hover { background-position:180px 0; }
.hostlistsellr a { background:url(hostlistsell.png); background-position:0 0; width:168px; _width:168px; height:67px; color:#8d1c1c; text-align:left;  text-decoration:none; line-height:67px; font-weight:bold; padding-left:10px; display:block; margin:0 0 0 29px; *margin:0 0 0 -1px; _margin:0 0 0 1px; clear:both; }
.hostlistsellr a:hover { background-position:180px 0; }

