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

/* common styles */
body, h1, h2, h3, h4, h5, h6, p, img, form, ul, li {
	margin:0;
	padding:0;
	border:0;
}
body {
	font:62.5% Arial, Helvetica, sans-serif;
	background:#fff
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
.flft {
	float:left;
}
.frgt {
	float:right;
}
.cb {
	clear:both;
	font-size:0;
	line-height:0;
}
h1 {
	font-size:1.8em;
	font-weight:normal;
}
h2 {
	font-size:1.8em;
	font-weight:normal;
}
h3 {
	font-size:1.8em;
	font-weight:normal;
}
h4 {
	font-size:1.4em;
}
h5 {
	font-size:1.8em;
}
h6 {
	font-size:1.6em;
}
p {
	color:#666;
	padding:10px 0;
	font-size:1.4em;
	line-height:1.6em;
}
p .ht_1 {
	font-style:italic;
}
.ht_1 {
	color:#069;
}
.ht_2 {
	color:#6cb058;
}
.ht_3 {
	color:#06f;
}
.ht_4 {
	color:#036;
}
.ht_5 {
	color:#fff;
}
.ht_6 {
	color:#069;
	text-decoration:underline;
}
.ht_7 {
	color:#666;
}
.ht_8 {
	color:#690;
}
.lnk_1, .athor {
	width:140px;
	color:#069;
	font-size:1.4em;
	float:right;
	font-style:italic;
}
.lnk_2 {
	width:100px;
	color:#09c;
	font-size:1.4em;
	float:right;
	font-style:italic;
}
.lnk_1:hover,.lnk_2:hover{
	text-decoration:underline;
}
.bg_none {
	background:none !important;
}
.b_none {
	border:none !important;
}
.pt_0 {
	padding-top:0 !important;
}
.shd, .pbox .hed {
	font-size:2.4em;
	color:#666;
	font-weight:bold;
}
#main_cnr {
	position:relative;
	min-width:1050px;
	width:expression(document.body.clientWidth < 1052 ? "1050px" : "auto" );
}
*html #main_cnr {
	
}
#in_cnr {
}
.in, #banner.b2 {
	width:980px;
}
.in {
	margin:0 auto;
}
/* end common styles */

/* header */

#header_cnr {
	background:url(../images/top_bg.png) repeat-x;
	border-bottom:8px solid #60b4da;
}
#head_in {
	background:url(../images/top_circle.jpg) no-repeat center;
	padding-top:20px;
	height:252px;
}
#header_cnr .col_1 {
	float:left;
}
#header_cnr .col_2 {
	float:right;
}
/* end header */


/* nav_cnr */

#nav_cnr {
	font-size:1.4em;
	font-weight:bold;
	float:right;
	background:url(../images/menu_bg.png);
	border:1px solid #81abb3;
	height:40px;
	position:relative;
	z-index:2;
}
#nav_cnr li {
	list-style:none;
	float:left;
	margin:0 10px;
}
#nav_cnr a {
	display:block;
	color:#fff;
	padding-top:10px;
	padding-bottom:5px;
}
#nav_cnr .active, #nav_cnr a:hover {
	border-bottom:4px solid #fff;
}
#nav_cnr .dd {
	background:url(../images/menu_bg.png);
	width:200px;
	top:41px;
	border:1px solid #81abb3;
	border-top:none;
}
#nav_cnr .dd li {
	display:block;
	margin:0;
	width:180px;
	padding-left:20px;
}
#nav_cnr .dd a:hover {
	color:#000;
	border:none;
}
/* End nav_cnr */
#banner {
	width:1043px;
	margin:0 auto;
	margin-top:-140px;
	position:relative;
}
#banner .s_lft, #banner .s_rgt, #banner .a_rgt, #banner .a_lft {
	position:absolute;
	bottom:-1px;
}
#banner .s_lft {
	left:-24px;
}
#banner .s_rgt {
	right:-24px;
}
#banner .a_rgt, #banner .a_lft {
	bottom:80px;
}
#banner .a_lft {
	left:-20px;
}
#banner .a_rgt {
	right:-20px;
}
#banner.b2 {
	background:#fff;
	border:1px solid #67696a;
	border-bottom:none;
}
#banner.b2 .b_in {
	padding:15px 15px 5px;
}
/* Body */

#body_cnr {
	display:inline-block;
	width:100%;
}
#btm_cnr {
	background:#069 url(../images/btm_bdr_bg.gif) repeat-x top;
	padding:30px 0;
	display:inline-block;
	width:100%;
}
#btm_cnr .col_1, #btm_cnr .col_2 {
	float:left;
	width:30%;
}
#btm_cnr .col_2 {
	padding-left:10%;
}
#btm_cnr .col_3 {
	float:right;
	width:22%;
}
#btm_cnr h3 {
	padding-bottom:10px;
}
#sform {
	width:80%;
}
#sform .field {
	display:block;
	padding:8px 0;
}
#sform label {
	display:block;
	float:left;
	font-size:1.4em;
	width:24%;
	line-height:1.5em;
	color:#fff;
}
#sform input {
	display:block;
	width:72%;
	font-size:1.4em;
	color:#666;
}
.u2 li {
	list-style:none;
	font-size:1.4em;
	padding:6px 0;
}
.u2 a {
	color:#fff;
}
.u2 a:hover {
	text-decoration:underline;
}
#btm_cnr .col_3 img {
	margin:8px;
}
#box_1 {
	background:#e0ebb3;
	border-bottom:1px dotted #c1caa0;
	border-top:1px dotted #c1caa0;
	width:100%;
	display:inline-block;
}
#box_1 .col {
	float:left;
	width:32%;
	background:url(../images/bx1_sep.gif) repeat-y right center;
	padding:10px 1% 10px 0;
}
#box_1 .ig {
	float:left;
	text-align:center;
	width:28%;
}
#box_1 .cnt {
	float:right;
	width:71%;
}
#box_1 .cnt p {
	padding:0;
}
#box_2 {
	background:url(../images/bx2_bg.png) bottom repeat-x;
}
#box_2 .lft {
	background:url(../images/bx2_lft.png) no-repeat left bottom;
}
#box_2 .rgt {
	background:url(../images/bx2_rgt.png) no-repeat right bottom;
}
#box_2 .b_in {
	padding:10px 5% 10px 5%;
	width:90%;
	position:relative;
	display:inline-block;
}
#box_2 .col {
	float:left;
	width:50%;
}
#box_2 .ig {
	width:15%;
	text-align:center;
	float:left;
}
#box_2 .cnt {
	width:82%;
	float:right;
}
#box_2 .cnt p {
	padding:2px 0;
	line-height:1.4em;
	height:60px;
	overflow:hidden;
}
#box_2 .prev, #box_2 .next {
	position:absolute;
	top:20px;
}
#box_2 .prev {
	left:10px;
}
#box_2 .next {
	right:10px;
}
#box_3 {
	background:#f8f2e2;
	position:relative;
	width:96%;
	border:1px solid #e7d5a3;
	margin:0 auto 30px;
}
#box_3 .ig {
	position:absolute;
	top:20px;
	left:-20px;
}
#box_3 .b_in {
	padding:15px;
	padding-left:16%;
}
#box_4 {
	background:url(../images/box_4.gif) no-repeat;
	height:84px;
	font-size:1.4em;
	font-weight:bold;
	color:#666;
}
#box_4 .b_in {
	padding-top:25px;
}
#box_4 a {
	color:#666;
	padding:0 30px;
	font-size:16px;
	text-decoration:underline;
}
#cl_form, #c_form {
	width:300px;
	position:absolute;
	right:90px;
	top:50px;
}
#c_form {
	left:20px;
	top:20px;
}
#cl_form .field, #c_form .field {
	display:block;
	padding:10px 0;
}
#cl_form label, #c_form label {
	color:#09c;
	display:block;
	padding-bottom:5px;
	font-size:1.8em;
	font-weight:bold;
}
#cl_form input, #c_form input, #c_form textarea {
	width:100%;
	font-size:1.5em;
	color:#666;
}
#c_form input {
	width:90%;
}
#c_form textarea {
	overflow:auto;
	height:80px;
}
#cl_form .links {
	float:left;
	margin-top:5px;
	font-size:1.1em;
}
#cl_form .links a {
	color:#09c;
	line-height:1.5em;
	text-decoration:underline;
}
.pbox {
	background:url(../images/port_box.gif) no-repeat;
	width:455px;
	height:245px;
	float:left;
	margin:30px 0;
}
.pbox.alt {
	float:right;
}
.pbox .b_in {
	padding:12px 18px;
}
.pbox .hed {
	padding-bottom:35px;
}
.pbox p {
	padding:0;
	line-height:1.4em;
	margin-bottom:12px;
	height:100px;
	overflow:hidden;
}
.pbox .c1 {
	float:left;
}
.pbox .c2 {
	float:right;
	width:46%;
}
.pbox .lbx{
}
.lft {
	background-position:left;
	background-repeat:no-repeat;
}
.rgt {
	background-position:right;
	background-repeat:no-repeat;
}
.btn_1, .btn_2 {
	background:url(../images/btn1_bg.png) repeat-x;
	display:block;
	font-size:1.4em;
	font-weight:bold;
	color:#39c;
	float:right;
	margin-top:5px;
	cursor:pointer;
}
.btn_1 .lft, .btn_2 .lft {
	display:block;
	background-image:url(../images/btn1_lft.png);
	position:relative;
}
.btn_1 .rgt, .btn_2 .rgt {
	display:inline-block;
	background-image:url(../images/btn1_rgt.png);
	padding:6px 8px 0;
	height:21px;
}
.btn_2 {
	background-image:url(../images/btn2_bg.gif);
	font-size:1.8em;
}
.btn_2 .lft {
	background-image:url(../images/btn2_lft.gif);
}
.btn_2 .rgt {
	background-image:url(../images/btn2_rgt.gif);
	padding:5px 15px 0;
	height:26px;
}
.btn_3 {
	background:url(../images/btn_3.gif) no-repeat;
	width:110px;
	height:30px;
	text-align:center;
	margin:0 auto;
	display:block;
	color:#fff;
	font-size:1.6em;
	line-height:1.8em;
	font-weight:bold;
}
.btn_4 {
	background:url(../images/btn_4.gif) no-repeat;
	width:138px;
	height:35px;
	margin-top:15px;
	text-align:center;
	color:#666;
	font-size:1.6em;
	line-height:2.2em;
	font-weight:bold;
	float:left;
}
.hl_link{
	clear:both;
	text-align:right;
}
.hl_link a{
	padding:2px 5px;
	font-size:1.2em;
	border:1px solid #2585b4;
	margin:2px;
	color:#fff;
	background:#069 url(../images/btn3_bg.gif) repeat-x;
	font-weight:bold;
}
/* End Body */

/*pg_1*/
#pg_1 {
}
#pg_1 #body_cnr .r1 {
	clear:both;
}
#pg_1 #body_cnr .col_1 {
	width:65%;
	float:left;
}
#pg_1 #body_cnr .col_1 .row {
	width:100%;
	display:inline-block;
	clear:both;
	padding:15px 0;
}
#pg_1 #body_cnr .col_2 {
	float:right;
	width:29%;
	padding-left:3%;
	background:url(../images/dotted_bg.gif) repeat-y;
}
#pg_1 #body_cnr .col_2 .row {
	width:100%;
	display:inline-block;
	clear:both;
}
#pg_1 #body_cnr .col_2 .vid_1 {
	padding:15px 0;
}
#pg_1 #body_cnr .col_2 .r_in {
	clear:both;
	background:url(../images/dotted_bg.gif) repeat-x top left;
	padding:15px 0;
	display:inline-block;
	margin-top:10px;
}
#pg_1 #body_cnr .col_2 .r_in p {
	padding:2px 0;
}
#pg_1 #body_cnr .r2 {
	clear:both;
	padding:20px 0;
}
/*End pg_1*/

/*pg_2*/

#pg_2 {
}
#pg_2 #body_cnr .in {
	width:940px;
}
#pg_2 #body_cnr .row, #pg_3 #body_cnr .row {
	padding:30px 0;
	clear:both;
	display:inline-block;
}
#pg_2 #banner .col_1 {
	float:left;
	width:70%;
}
#pg_2 #banner .col_2 {
	float:right;
	padding-right:50px;
}
/*End pg_2*/


/*pg_3*/
#pg_3 {
}
#pg_3 #banner .b_in {
	display:block;
	float:none;
}
#pg_3 #banner .col {
	background:url(../images/htecho_client_login.png) no-repeat;
	height:318px;
	width:100%;
}
#pg_3 #body_cnr .c1, #pg_3 #body_cnr .c2 {
	width:46%;
	float:left;
}
#pg_3 #body_cnr .c1 .ig, #pg_3 #body_cnr .c2 .ig {
	padding:15px 0;
}
#pg_3 #body_cnr .c2 {
	float:right;
}
#pg_3 .hd {
	background:url(../images/icon_11.png) no-repeat left center;
	padding:10px 0;
	padding-left:50px;
}
/*End pg_3/

/*pg_4*/
#pg_4 {
}
#pg_4 #banner .col {
	height:320px;
}
#pg_4 #banner .col_2 {
	position:absolute;
	top:20px;
	right:30px;
}
#pg_4 #banner .col_2 p {
	font-size:1.8em;
	padding-left:80px;
}
#pg_4 #body_cnr {
	height:200px;
}
/*End pg_4*/

/*pg_5*/
#pg_5 {
}
#pg_5 #banner .col_1 {
	float:left;
	width:600px;
	height:344px;
}
#pg_5 #banner .col_2 {
	float:right;
	width:305px;
	height:340px;
	overflow:hidden;
	background:#000;
	border:2px solid #000;
}
#pg_5 #banner .col_2 .ttle {
	color:#fff;
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	padding:5px 0;
	background:url(../images/plist_tbg.jpg) repeat-x;
}
#pg_5 #banner .col_2 p {
	font-size:1.2em;
}
#pg_5 #banner .col_2 .row {
	clear:both;
	display:inline-block;
	padding:20px 0;
	margin:0 4%;
	width:92%;
	border-bottom:1px dotted #666;
	cursor:pointer;
}
#pg_5 #banner .col_2 .c1 {
	float:left;
	width:70px;
}
#pg_5 #banner .col_2 .c2 {
	float:right;
	width:190px;
}
#pg_5 #banner .col_2 .c2 p {
	padding:0;
	font-size:1.1em;
	color:#fff;
}
#pg_5 #banner .col_2 .c2 .hd {
	font-weight:bold;
	display:block;
}
#pg_5 #body_cnr .col_1 {
	float:left;
	width:62%;
}
#pg_5 #body_cnr .col_1 .row {
	padding:25px 0;
	clear:both;
}
#pg_5 #body_cnr .col_2 {
	float:right;
	width:30%;
	padding:0 1.5%;
	margin:25px 0;
	border-left:1px dotted #999;
	display:inline-block;
	background:#f0f0f0;
}
#pg_5 #body_cnr .col_2 .row {
	clear:both;
	padding:32px 0;
	display:inline-block;
}
#pg_5 #body_cnr .col_2 .c1 {
	float:left;
	margin-top:10px;
}
#pg_5 #body_cnr .col_2 .c2 {
	float:right;
	width:78%;
}
.v2, .v3 {
	display:none;
}
/*End pg_5*/


/*pg_6*/
#pg_6 {
}
#pg_6 #banner .b_in {
	padding-left:35px;
	padding-right:35px;
}
#pg_6 #banner .row {
	width:100%;
	display:inline-block;
	padding-top:20px;
}
#pg_6 #banner .row .col_1 {
	float:left;
	width:68%;
}
#pg_6 #banner .row .col_2 {
	float:right;
	padding-right:20px;
}
#pg_6 #body_cnr {
	padding:20px 0;
}
/*End pg_6*/

/*pg_7*/

#pg_7 {
}
#pg_7 #banner .b_in {
	background:url(../images/banner_services.png) no-repeat;
	height:310px;
	width:874px;
	margin:30px auto 0;
}
#pg_7 #banner .b_in .col {
	width:300px;
	padding-left:20px;
	padding-top:20px;
}
#pg_7 #banner .b_in .t1 {
	font-size:2em;
	color:#FFF;
	font-weight:bold;
	padding-bottom:20px;
}
#pg_7 #banner .b_in .t2 {
	font-size:1.6em;
	color:#FFF;
	font-weight:bold;
	padding-bottom:15px;
}
#pg_7 #banner .b_in p {
	color:#fff;
}
#pg_7 #body_cnr .in {
	width:904px;
}
#pg_7 #body_cnr .r1, #pg_7 #body_cnr .r2 {
	padding:20px 0;
	display:inline-block;
	width:100%;
}
#pg_7 #body_cnr .r1 {
	border-bottom:1px dotted #ccc;
}
#pg_7 #body_cnr .row {
	clear:both;
	display:inline-block;
	padding:20px 0 30px;
}
#pg_7 #body_cnr .col_1 {
	float:left;
	width:40%;
}
#pg_7 #body_cnr .col_2 {
	float:right;
	width:40%;
}
#pg_7 #body_cnr .c1 {
	float:left;
}
#pg_7 #body_cnr .c2 {
	float:right;
	width:62%;
}
#pg_7 #body_cnr p .ht_1 {
	font-style:normal;
}
/*End pg_7*/

/* Footer */
html, body, * html #main_cnr {
	height:100%;
}
#main_cnr {
	min-height: 100%;
}
#in_cnr {
	display:inline-block;
	width:100%;
}
#footer_cnr {
	background:url(../images/footer_bg.png) repeat-x;
	padding:10px 0;
	font-size:1.1em;
	border-top:1px solid #000;
}
#footer_cnr, #footer_cnr a {
	color:#000;
}
/* End Footer */
.png_fix {
}



/*pg_7*/

#pg_7a {
}
#pg_7a #banner .col_1 {
	float:left;
	width:70%;
}
#pg_7a #banner .col_2 {
	float:right;
	padding-right:50px;
}
}
#pg_7a #body_cnr .in {
	width:904px;
}
#pg_7a #body_cnr .r1, #pg_7 #body_cnr .r2 {
	padding:20px 0;
	display:inline-block;
	width:100%;
}
#pg_7a #body_cnr .r1 {
	border-bottom:1px dotted #ccc;
}
#pg_7a #body_cnr .row {
	clear:both;
	display:inline-block;
	padding:20px 0 30px;
}
#pg_7a #body_cnr .col_1 {
	float:left;
	width:50%;
}
#pg_7a #body_cnr .col_2 {
	float:right;
	width:50%;
}
#pg_7a #body_cnr .c1 {
	float:left;
}
#pg_7a #body_cnr .c2 {
	float:right;
	width:55%;
}
#pg_7a #body_cnr p .ht_1 {
	font-style:normal;
}
/*End pg_7*/