/* webhosting index page */
body {
	background: #ADAFB5;
}

#content {
	background:#B7B8BD;
}
.sitemap li a, .sitemap li a:visited, .sitemap li a:link {
	color:#FFFFFF;
	text-decoration:none;
}

.sitemap li li a, .sitemap li li a:visited, .sitemap li li a:link {
	color:#E9E9EB;
}
.phone {
	color:#878991;
}

.products {position:absolute;width:955px;top:275px;left:50%;margin-left:-477px;z-index:1;}
.prodpod {float:left;width:310px;margin:0 8px 0 0;}
.prodpod-top h3 strong,.prodpod-bttm,.prodpod-mid ul.feats li,.prodpod-bttm .price {background:url(../_images/prodpod-top.png) no-repeat;}
.prodpod-top {/* IE 5+/Win only filter */background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../_images/prodpod-top.png');}
.prodpod-top {height: 58px;background:url(../_images/prodpod-top.png) no-repeat center top;}
.prodpod-top h3 {margin-left:20px;padding-top:15px;}
.prodpod-top h3 strong {display:block;height:30px;}
.prodpod-top h3 em, .prodpod-bttm .price em {position:absolute;left:-9999em;}
.prodpod-mid {background:#fff;}
.prodpod-mid b { font-size:13px; display:block; margin:0 0 0 15px;}
.product01 .prodpod-top h3 strong { width:135px; background-position: 5px -125px; }
.product02 .prodpod-top h3 strong { width:135px; background-position: 5px -165px; }
.product03 .prodpod-top h3 strong { width:150px; background-position: 5px -205px;  }
.prodpod-mid ul.feats {display:block;/*height:80px;*/}
.prodpod-mid ul.feats {margin:0 10px 0px 15px;padding:10px 0;letter-spacing:1px;}
.prodpod-mid ul.featscale { margin: 0 10px 0 15px;padding: 5px 0 10px 0;}
.prodpod-mid ul.feats li {display:block;/*float:left;width:49%;height:18px;*/font:12px normal Helvetica, Arial, sans-serif;line-height:20px;text-indent:13px;color:#767676;background-image: url(../_images/webhosting-arrow.gif);background-repeat:no-repeat;background-position:left;}
.prodpod-mid ul.featscale li { background-image:none; text-indent:0;}
.prodpod-mid ul.featscale li span { color:#333333;font-family:lucida Grande,sans-serif;font-size:14px;font-weight:bold;}
.prodpod-bttm {height:63px;padding:0 13px 0 20px;background-position:0px -58px;}
.prodpod-bttm .price {float:left;display:block;margin:16px 0 0;}
.product01 .prodpod-bttm .price {background-position:-183px -132px;height:40px;width:110px;}
.product02 .prodpod-bttm .price {background-position:-183px -172px;height:40px;width:110px;}
.product03 .prodpod-bttm .price {background-position:-183px -212px;height:40px;width:130px;}
a.learnmorebttn {margin-top:10px;width:121px;height:42px;float:right;background:url(../_images/learnmore_dkgreybg.png) no-repeat;}
a.learnmorebttn:hover,a.learnmorebttn:focus {background-position:right top;}
a.prodpod-flag {display:block;float:right;width:92px;height:54px;margin:-2px -2px 0 0;background:url(../_images/hostinghome_mbgflag.gif) no-repeat;}
a.prodpod-hot {display: block;height: 108px;position: absolute;right: 36%;top: -10px;width: 50px;background:url(../_images/hot.png) no-repeat;}
.nrgtext {font-size:14px;line-height:30px;color:#FFF;width:470px;padding:75px 0 0 14px;font-family:"Microsoft Jhenghei";}
.nrgtext strong {font-size:35px;}
p.intro {font-size: 13px;}


#nrg {
  position: relative;
  top: 0px;
  height:263px;
  width: 100%;
  background: #000;
  z-index: 1;
}

#cycle {

}
.hosting-product-info {
  position:absolute;
  top:0px;
  width:100%;
  height:263px;
  display:none;
  background-color: #000;
}
.hosting-product-info-wrapper {
  height: 263px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#demo-info .hosting-product-info-wrapper {
	height:263px;
	background:#000 url(../_images/home-index2.jpg) no-repeat center top;
}

#demo-info .hosting-product-info-wrapper p {
	width: 955px;
	height:263px;
	margin: 0 auto;
    position: relative;
}

#demo-info .hosting-product-info-wrapper .logo {
	width: 150px;
	height: 50px;
	display: block;
	position: absolute;
	top: 135px;
}

.thinkphp {left: 5px;}
.codeigniter {left: 175px;}
.iplaysoft {left: 350px;}
.luobo {left: 525px;}
.ipc {left: 700px;}

#hosting-info .hosting-product-info-wrapper {background:#000 url(../_images/indexbanner.jpg) no-repeat center top;}

/*#gridhosting-info .hosting-product-info-wrapper  { background-image: url(http://s3.mt-cdn.net/_images/gs-homepage-hero__d540229.jpg);}*/
#service-info .hosting-product-info-wrapper  { background-image: url(../_images/home-service.jpg);}
#server-info .hosting-product-info-wrapper  { background-image: url(../_images/home-tuoguan.jpg); }

#cycle-nav {
  height: 0px;
  margin: 5px 5px -16px 0;
  float: right;
}
#cycle-nav a,
#cycle-nav a:link,
#cycle-nav a:focus,
#cycle-nav a:hover,
#cycle-nav a:active {
  text-decoration: none !important;
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  opacity: .5; filter: alpha(opacity=30);
  -webkit-transition: all ease 200ms;
  transition: all ease 200ms;
}

#cycle-nav a em {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -3px 0 0 -3px;
  background: #fff;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
/*   box-shadow: 0px 0px 6px #000; */
}

#cycle-nav a.activeSlide {
  opacity: 8; filter: alpha(opacity=70);
}
#cycle-nav a:hover {
  opacity: 1; filter: alpha(opacity=100);
  background: rgba(255,255,255, 0.2);
}
.cycle-prevnext {
  display: none;
  position: absolute;
  top: 0;
  width: 10%;
  height: 263px;
  z-index: 51;
}
.cycle-prevnext:hover,
.cycle-prevnext:focus {
  text-decoration: none;
}
.cycle-prevnext span {
  display: block;
}
.cycle-prev {
  left: 0;
  background-image: -moz-linear-gradient(left, #000, rgba(0,0,0, 0)); /* FF3.6 */
  background-image: -ms-linear-gradient(left, #000, rgba(0,0,0, 0)); /* IE10 */
  background-image: -o-linear-gradient(left, #000, rgba(0,0,0, 0)); /* Opera 11.10+ */
  background-image: -webkit-gradient(linear, top left, bottom left, from(#000), to(rgba(0,0,0, 0))); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(left, #000, rgba(0,0,0, 0)); /* Chrome 10+, Saf5.1+ */
}
.cycle-next {
  right: 0;
  background-image: -moz-linear-gradient(right, #000, rgba(0,0,0, 0)); /* FF3.6 */
  background-image: -ms-linear-gradient(right, #000, rgba(0,0,0, 0)); /* IE10 */
  background-image: -o-linear-gradient(right, #000, rgba(0,0,0, 0)); /* Opera 11.10+ */
  background-image: -webkit-gradient(linear, top right, bottom right, from(#000), to(rgba(0,0,0, 0))); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(right, #000, rgba(0,0,0, 0)); /* Chrome 10+, Saf5.1+ */
}
.cycle-prevnext-button {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 24px;
  width: 24px;
  margin: -12px 0 0 -12px;
  border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  background-color: #aaa;
  background-color: rgba(255,255,255, 0.2);
  box-shadow: 0px 0px 10px rgba(0,0,0, 0.5);
  opacity: 0.5;
  -webkit-transition: all ease 200ms;
  transition: all ease 200ms;
}
.cycle-prevnext-arrow {
  display: block;
  position: absolute;
  height: 0px;
  width: 0px;
  top:50%;
  left:50%;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  margin-top: -5px;
}

.cycle-prevnext:hover .cycle-prevnext-button {
  opacity: 1;
}

.cycle-prev .cycle-prevnext-arrow {
  margin-left: -3px;
  border-right: 5px solid #fff;
  border-right: 5px solid rgba(255,255,255, 0.7);
}
.cycle-next .cycle-prevnext-arrow {
  margin-left: -2px;
  border-left: 5px solid #fff;
  border-left: 5px solid rgba(255,255,255, 0.7);
}