@charset "UTF-8";
/* CSS Document */

body{
	padding:0; 
	margin:0; 
	
}
body,p,div,span,td{
	font:12px arial, Tahoma, Geneva, sans-serif;
	color:#82786F;
}
input[type='text'],input[type='password'], textarea, select{
	border:solid 1px #CCC;
	border-color:#CCC #EEE #EEE #CCC; padding:3px;
}
#line_body{
	width:980px; 
	margin:auto; 
	background:#FFF;
}
#body{
	width:960px; 
	margin:auto;
	background:#FFF;
}
#form{
	width:960px; 
	margin:auto;
}
#head{
	height:145px;
}
#logo{
	float:left; 
	margin:32px;
}
#topNav{
	float:left;
}
#topNav ul{
	list-style:none; 
	padding:0; 
	margin:73px 0 0 30px;
}
#topNav ul li{
	float:left; 
	margin:0 10px;
	padding:0 0 0 15px; position:relative; overflow:visible; 
}
#topNav ul li a{
	color:#6a6a6a; 
	text-decoration:none; 
	display:block; 
	padding:0 15px 0 0; 
	line-height:20px;
}
#topNav ul li a:hover{
	color:#7AB800;
}
#topNav ul li.curr{
	background:url(../images/bgmn1.jpg) no-repeat 0 0; 
}
#topNav ul li.curr a{
	background:url(../images/bgmn2.jpg) no-repeat right 0;
	color:#FFF;
}
#logo2{
	float:right; 
	margin:60px 48px 0 0;
}
#logo2 a:hover{
	opacity:0.4;
}
#bgslice{
	background:url(../images/bgpic4.jpg); 
	width:960px; 
	height:286px; 
	border:none;
}
#bgslice2{
	background:url(../images/pgpic2.jpg); 
	width:960px; 
	height:370px; 
	border:none;
}
#bgbar{
	background:url(../images/bglogin_04.gif) repeat-x;
	margin:30px 0 30px 0; 
	height:58px; 
}
#bgbar .img_long{
	margin:5px 200px;
}
#bgbar2{
	background:url(../images/bglogin_04.gif) repeat-x;
	margin:5px 0 30px 0;
	height:58px; 
}
#bgbar *,#bgbar2 *{
	color:#FFF!important;
}
#bgbar a{
	text-decoration:underline;
	
}
#bgbar a:hover{
	text-decoration:none;
}
#bgbar2 a{
	text-decoration:underline;
	
}
#bgbar2 a:hover{
	text-decoration:none;
}
#bgmem{
	margin:16px 30px 14px 15px; 
	float:left;
}
.barlog{
	margin:17px 10px 14px 0; 
	float:left;
	font-size:13px;
}
.barlog a{
	text-decoration:none;
	color:#65696a;
}
.barlog_name{
	margin:23px 10px 14px 0; 
	float:left;
	font-size:13px;
}
.barlog_score{
	margin:23px 10px 14px 0; 
	font-size:13px;	
	float:right;
}
.bgtext{
	background:url(../images/bglogin_14.gif);
	margin:16px 10px 0 0;
	float:left; 	 
	width:180px; 
	height:25px;
}
.bgtext input{
	margin-left:12px; 
	margin-top:1px; 
	width:145px; 
	height:17px; 
	float:left; 
	border:0 none; 
	outline:none;
	background:none;
}
#btSignin{
	background:url(../images/bglogin_09.gif) no-repeat; padding:0 ; margin:0; height:31px; width:95px; border:none; cursor:pointer;
}
#btSignin:hover{
	background-position:-100px 0;
}
#btnlog{
	margin:14px 0 0 0; 
	float:left;
}
#regis{
	margin:15px 5px 14px 10px; 
	float:left; 
}
#inregis{
	margin-bottom:3px;
}

#desnews{
	margin:16px 0 0 0; 
	width:674px;
	float:left; 
}
.headnews{
	background:url(../images/bgnews.jpg); 
	height:36px; 
	width:200px; 
}
#headnews2{
	margin:16px 0 0 0;
}
.headname{
	margin:8px 0 0 20px; 
	float:left;
}
#headpage{
	background-color:#e6e6e6; 
	height:46px; 
	width:674px;
}
#barpage{
	background-color:#f6f6f6; 
	width:154px; 
	height:20px; 
	margin:20px 30px 0 0; 
	float:right
}
.barimg{
	float:left; 
	border:1px solid #626262; 
	cursor:pointer;
}
#imgleft{
	background:url(../images/btnleft.jpg) no-repeat center; 
	width:20px; 
	height:20px;
}
#imgright{
	background:url(../images/btnright.jpg) no-repeat center; 
	width:20px; 
	height:20px;
}
#imgviewall{
	background:url(../images/viewall.jpg) no-repeat center;
	width:60px; 
	height:20px;
}
#numpage{
	width:46px; 
	height:20px; 
	float:left; 
	border:1px solid #626262; 
	color:#626262;
}
#bgnews{
	background-color:#e6e6e6; 
	height:400px;
}
#news{
	background:url(../images/news.jpg); 
	width:332px; 
	height:178px; 
	float:left; 
	margin:8px 0 0 0;
}
#nImg{
	margin: 29px 0 0 7px; 
	padding:10px; 
	float:left;
}
#nTitle{
	margin:35px 0 0 90px; 
	width:220px; 
	height:35px; 
	color:#3a3e41; 
	font-size:13px;
}
#nData{
	margin:10px 0 0 90px; 
	width:220px; 
	height:50px; 
	color:#7b7b7b;
}
#pagenext{
	text-align:right; 
	margin-right:30px;
}
#pagenext a{
	background:url(../images/btndown.gif) no-repeat right 5px; 
	text-decoration:none; 
	color:#7AB800;  
	padding:0 20px 0 0;
}
#pagenext a:hover{
	text-decoration:underline;
}
#banner{
	margin:16px 0 0 0; 
	width:286px;
	float:left; 
}
#bannerpic1{
	padding:0 0 0 5px;
}
#bannerpic2{
	padding:5px 0 0 5px;
}
#footer{
	margin:auto; 
	clear:both; 
	width:600px; 
	padding:110px 0 0 0;
}
#footer a:hover{
   color:#7AB800;
}
#footer ul{
	list-style:none; 
}
#footer ul li{
	background:url(../images/line.jpg) no-repeat right; 
	float:left; 
	margin:0 3px;
}
#footer ul li:last-child { 
	background:none;
}
#footer ul li a{ 
	padding:0 10px 0 0;
	text-decoration:none;
	color:#82786F;
}
#lastfooter{
	margin:auto; 
	width:300px; 
	padding:30px 0 100px 100px;
}
#h_reg{
	background-color:#f6f6f6; 
	margin:30px 50px 10px 50px; 
	height:20px;
}
#last_mn_reg{
	color:#F00; 
	margin:0 50px 5px 50px;
}
#logreg{
	margin:0 0 5px 55px;
}
#cpass{
	margin:20px 0 5px 55px;
}
#cpassold{
	width:195px; 
	text-align:right; 
	float:left;
}
.mn_reg{
	margin:0 50px 5px 50px;
}
.regTitle{ 
	width:200px; 
	text-align:right;
	float:left;
}
.regText{
	margin:0 5px 0 205px;
}
.regTr{
	margin:5px 0 0 50px;
	clear:both;
}
.regTrcpass{
	margin:20px 0 20px 150px;
	clear:both;
}
#f_label{
	float:left;
	width:500px; 
	text-align:right; 
	font-size:14px;
}
#f_text{
	margin:20px 300px;
}
#regTrforgot{
	margin:20px;
}
table tr td a{
	text-decoration:none;
	color:#ff0000;
}
#line_out{
	width:920px; 
	height:auto; 
	border:1px solid #C7C2BA;
	padding:20px;
}
#line_my{
	float:left; 
	width:150px;
}
#title_down{
	margin:20px 20px 50px 200px; 
	background:url(../images/ss.gif); 
	width:577px; 
	height:99px;
}
#dldesc{
	margin-bottom:50px;
}
.descdownrom{
	margin: 20px 50px 0 200px; 
	color:#7AB800;
}
.descdownrom a{
	text-decoration:none; 
	color:#82786F;
}
.descdown{
	margin: 20px 50px 0 200px; 
}
.descdown2{
	margin: 20px 0 0 200px; 
}
.descdown a{
	text-decoration:none; 
	color:#82786F;
}
#down_fpic{
	 float:left;
	 width:80px; 
	 height:100px; 
	 margin:20px 0 0 0;
}
#dlpic{
	text-align:center;
}
#dlsize{
	font-size:10px; 
	text-align:center;
}
#down_fpic a:hover{
	border:1px solid #999;
}
#down_fdes{
	 width:580px; 
	 height:100px; 
	 margin:20px 0 0 0;
}
#down_fdes a{
	color:#7AB800;
}
#down_fdes a:hover{
	color:#000;
}
#line_f{
	border-bottom:1px dotted #333333; 
	margin-top:10px;
}
.descservice{
	margin:10px 0px 5px 200px;
}
#serpic1{
	margin:10px 0 5px 200px; 
	background:url(../images/DSCF0817.jpg) no-repeat; 
	width:711px; 
	height:521px;
}
#serpic2{
	margin:10px 0 50px 100px; 
	background:url(../images/service_center_TH.jpg) no-repeat; 
	width:780px; 
	height:499px;
}
#h_myhtc{
	background-color:#f6f6f6; 
	/*margin:40px 50px 5px 50px; */
	font-size:18px; padding:8px; margin:0 0 10px;
}
#h_myhtc a{
	color:#7AB800;
}
#h_myhtc a:hover{
	text-decoration:underline;
}
#bor_my_mn{
	float:left; 
	margin: 30px 0 0 10px; 
	font-size:14px; 
	border:1px solid #8E8E8E; 
	background-color:#e6e6e6;
}
.my_mn{
	margin: 10px;
}
.my_mn a{
	text-decoration:none; color:#82786F;
}
.h_my_htc{
	background-color:#f6f6f6; 
	margin:5px 20px 0 200px; 
	font-size:18px;
	letter-spacing:2px; padding:8px;
}
.pic_news{
	width:760px; 
	margin: 30px 0 0 200px;
}
#protype{
	color:#7AB800; border-bottom:dotted 1px #CCC; padding:8px 0; text-indent:20px; width:180px;
}
.lmenu{
	width:186px; float:left; margin:0 0 10px;
}
.lmenu .header{
	background:url(../images/bgmn_03.gif) no-repeat; line-height:31px; font-size:16px; padding:4px 10px 0 10px;
}
.lmenu ul{
	background:url(../images/bgmn_06.gif) repeat-y; padding:0; margin:0; list-style:none; float:left; width:100%;
}
.lmenu ul li{
	padding:0; margin:0; float:left; width:186px;
}
.lmenu ul li.curr a{
	font-weight:bold;
}
.lmenu ul  a{
	display:block; padding:8px 20px; color:#888; margin:0 4px; border-bottom:dotted 1px #CCC; text-decoration:none;
}
.lmenu ul  a:hover{
	color:#000;
}
.lmenu .foot{
	background:url(../images/bgmn_08.gif) no-repeat; height:20px; font-size:0%;
}
.btst1{
	background:url(../images/bt_04.gif) no-repeat 0 0; color:#FFF; width:90px; border:none; padding:4px 0; cursor:pointer; font-size:13px; outline:none;
}
.btst1:hover{
	background-position:0 -31px;
}
.btst2{
	background:url(../images/bt_03.gif) no-repeat 0 0; color:#FFF; width:137px; border:none; padding:4px 0; cursor:pointer; font-size:13px;outline:none;
}
.btst2:hover{
	background-position:0 -31px;
}
.table1{
	border-collapse:collapse;
}
.table1 tr.head td{
	font-weight:bold;background-color:#f6f6f6; 
}
.table1 tr:odd td{
	background-color:#F2F2F2;
}
.news-list{
	width:680px; padding:10px 0 0 10px;
}
.news-list a{
	color:#7AB800;
}
.news-list-mov{
	width:680px; 
	padding:10px 0 0 10px;
	margin-top:10px;
}
.list_mov{
	float:left; 
	width:320px; 
	margin:5px 5px 5px 0;
}
.pic_mov{
	width:94px; 
	height:60px; 
	border:1px solid #D3D3D3; 
	display:block; 
	padding:4px;
}
.name_mov{
	float:right; 
	width:200px; 
	text-align:left; 
	margin:5px; 
	color:#666;
}
.desc_mov{
	float:right; 
	width:200px; 
	text-align:left; 
	margin:0 5px 5px 5px;
}
.media{
	float:left; 
	margin:5px;
}
.media_pic{
	border:1px solid #D3D3D3; 
	display:block; 
	padding:4px;
}
.name_pic{
	text-align:left; 
	margin:5px; 
	color:#666;
}
.it{
	float:left; width:100%; 
	border-bottom:dotted 1px #CCC; 
	padding:10px 0;
}
.news-list .it{
	float:left; width:100%; padding:10px 0; border-bottom:dotted 1px #CCC;
}
.news-list .thb{
	float:left; margin:0 20px 0 0;
}
.news-list .title{
	font-weight:bold;
}
.news-list .point{
	color:#C00; text-align:right;
}
.news-list .desc p{
	padding:2px 0; margin:0;
}
.news-list .more{
	text-align:right; 
	margin-right:30px;
}
.news-list .more a{
	background:url(../images/btndown.gif) no-repeat right 5px; 
	text-decoration:none; 
	color:#7AB800;  
	padding:0 20px 0 0;
}
.news-list .more a:hover{
	text-decoration:underline;
}
.notlog{
	font-size:18px; 
	text-align:center; 
	margin:10px;
}
.clr{
	clear:both;
}
.pager{
	height:30px;
	padding:5px 0 0 0!important; clear:both;
}
.pager span{
	float:left; padding:2px;
}
.pager a,.pager .pagenow{
	float:left; margin:0 2px; background:url(../images/pbg.gif) no-repeat center 0; width:18px; height:16px; line-height:16px; text-align:center; font-size:11px; padding:2px 0 0 0; color:#999; vertical-align:middle;
}
.pager a:hover{
	background-position:center -18px; color:#000;
}
.pager .pagenow{
	background-position:center -36px; color:#000;
}
#r-content{
	width:700px; float:right;
}
.pn-err{
	background:#EFEFEF; padding:100px 0; text-align:center; border:solid 1px #CCC; margin:30px;
}
.pagenews{
	margin:40px 50px 5px 50px;
}
.pagenews a{
	color:#7AB800;
}
.color_text{
	color:#06F;
}
.area_size{
	width:400px; 
	height:100px;
}
#st_button{
	margin:20px 300px;
}
#st_button2{
	margin:20px 0 0 460px;
}
.st_pic{
	margin:10px 0 0 200px;
}
#home_pic{
	margin:14px 0 0 14px;
}
#news_mem{
	text-align:left; 
	margin-left:90px; 
	float:left; 
	color:#ff0000;
}
.cl{
	float:left; background:url(/images/bglogin_03.jpg) no-repeat; width:12px; height:58px;
}
.cr{
	float:right; background:url(/images/bglogin_06.jpg) no-repeat; width:12px; height:58px;
}
#txtlogin{
	background:url(/images/bglogin_10.gif) no-repeat; width:74px; height:33px; padding:0; text-indent:-9999px; margin:16px 10px 0 5px; float:left;
}
#txtuser{
	background:url(/images/bglogin_12.gif) no-repeat; width:156px; height:25px; text-indent:-9999px; float:left; margin:16px 5px 0 0;
}
#txtpassw{
	background:url(/images/bglogin_16.gif) no-repeat; width:85px; height:25px; text-indent:-9999px; float:left; margin:16px 5px 0 0;
}
#btnlog{
	margin:13px 5px 0 0;
}
#txtUsername, #txtPassword{
	color:#666!important;
}
#fb{
	clear:both; 
	padding-top:30px;
}
#facebook{
	float:left;
}
#twitter{
	margin-left:490px;
}
.myhtc_use{
	margin-top:10px;
}
.pic{
	margin:0 30px 0 0;
}
#dis_swf{
	position:relative; 
	margin:20px 0 20px 0;
	height:190px;
}
#dis_swf a{
	position:absolute; 
	top:0px; left:0px; 
	width:960px; 
	height:190px;
	z-index:1000;
	background:#333;
	filter:alpha(opacity=0);
	opacity: 0;
	-moz-opacity:0;	
}
.descservice a{
	color:#7AB800;
}
#line_out_pro{
	width:960px;
	height:auto; 
	border:1px solid #C7C2BA;
}
.grp_pro_1{
	float:left; 
	width:39%; 
	padding-top:10px;
}
.grp_pro_2{
	float:left; 
	width:39%; 
	padding-top:10px;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
	background:#F6F6F6;
}
.grp_pro_3{
	float:left; 
	width:20%; 
	padding-top:10px; 
}
#line_out_pro .grp_name{
	text-align:center;
	font-size:14px;
}
.grp_desc ul li{
	display:block;
	float:left;
	margin:10px;
	width:120px;
}