@charset "UTF-8";
/* CSS Document */
a{
	color:#3b3f42; text-decoration:none;
}
a:hover{
	color:#000;
}
a img{
	border:none;
}
#h-arti{
	position:relative;
	width:674px;
	background-color:#e6e6e6; 
}
#h-arti-pager{
	height:40px;
}
#h-arti-nav{
	padding:0; margin:10px 40px 0 0; float:right; list-style:none; background:url(../images/bg2.gif) repeat-x bottom #FFF;;
}
#h-arti-nav li{
	float:left; padding:0; margin:0;
}
#h-arti-nav li a{
	float:left; width:20px; line-height:18px; border:1px solid #888; text-align:center; text-decoration:none; color:#666; font-size:11px; outline:none;
}
#h-arti-nav li a.page.selected{
	background:#EEE!important; color:#000!important; border-color:#000;
}
#h-arti-nav li a:hover{
	color:#000; border-color:#000;
}
#h-arti-prev{
	background:url("../images/btnleft.jpg") no-repeat 50%; text-indent:-9999px; overflow:hidden;
}
#h-arti-next{
	background:url("../images/btnright.jpg") no-repeat 50%; text-indent:-9999px; overflow:hidden;
}
#h-arti-all{
	width:50px!important;
}
.slider {
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 406px;width: 674px;
  overflow:hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background-color:#e6e6e6; 
}

.scrollContainer div.panel {
  height: 400px;
  width: 674px; /* change to 560px if not using JS to remove rh.scroll */
  float:left;
}
.gnews{
	height:320px; padding:20px 20px 0;
}
.gnews .box1{
	width:280px; float:left; margin:10px 10px 0;
}
.gnews .box1 .thb{
	width:280px; height:165px; display:block;
}
.gnews .box1 .title{
	font-weight:bold; font-size:1.2em;
}
.gnews .box1 p{
	padding:3px 0; margin:0;
}
.gnews .box1 .desc{
	padding:5px;
}
.more2{
	height:25px;
}
.more2 a{
	border:solid 1px #999; color:#666; background:url(../images/bg2.gif) repeat-x bottom #FFF; float:right; padding:1px 8px; line-height:15px; 
}
.more2 a:hover{
	border-color:#000; color:#000;
}
.more3{
	text-align:right; padding:0 10px 0 0;
}
.more3 a{
	font-size:10px; color:#666; background:url(../images/btndown.gif) no-repeat right 4px; padding:2px 13px;
}
.more3 a:hover{
	color:#000000;
	text-decoration:underline;
}
#topNav{
	position:relative;padding:0; margin:80px 0 0 0; overflow:visible;
}
#topNav ul{
	padding:0; margin:0;
}
#topNav li{
	overflow:visible; 
}

#topNav .smenu{
	position:absolute;
	background:url(../images/bg4_03.gif) no-repeat 0 0;
	padding:0 0 0 13px;
	margin:0;
	height:23px;
	z-index:1000px;
	top: 41px; display:none;
}
#topNav .smenu ul{
	padding:0 13px 0 0; margin:0; background:url(../images/bg4_05_2.gif) no-repeat right 0; height:23px; float:left;
}
#topNav .smenu ul li{
	float:left; padding:0; margin:0 3px;; display:inline;
}
#topNav .smenu ul a{
	float:left; padding:3px 8px 0; background:url(../images/bg6.gif) no-repeat right center;
}
#topNav .smenu ul li:last-child a, #topNav .smenu ul li.last a{
	background:none!important;
}
#topNav .smenu .arrow{
	position:absolute;
	background:url(../images/bg5_03.gif) no-repeat;
	width:8px;
	height:8px;
}
#s-products{
	left:141px;
}
#s-products .arrow{
	top:-6px;
	left:90px;
}
#s-service{
	left:215px;
}
#s-service .arrow{
	top:-6px;
	left:96px;
}
#s-myhtc{
	left:55px;
}
#s-myhtc .arrow{
	top:-6px;
	left:96px;
}
#s-downloads{
	left:80px;
}
#s-downloads .arrow{
	top:-6px;
	left:320px;
}
#s-media{
	left:250px;
}
#s-media .arrow{
	top:-6px;
	left:250px;
}
#corner_arti1{
	position:absolute; 
	top:0; 
	left:0; 
	width:40px; 
	height:40px;
}
#corner_arti2{
	position:absolute; 
	top:0; 
	right:0; 
	width:40px; 
	height:40px;
}
#corner_arti3{
	position:absolute; 
	bottom:0; 
	left:0; 
	width:40px; 
	height:40px;
}
#corner_arti4{
	position:absolute; 
	bottom:0; 
	right:0; 
	width:40px; 
	height:40px;
}