/*=== Style by thin ====================================
 Style Name:can
    Version:Alpha
     Author:thin
Design Corp:1000v
Last Update:2007-12-29 17:36 study hard
===============================================================*/


/************************************************
*	default style								*
************************************************/
* {margin:0;padding:0;list-style:none;}
body, select, input,textarea {color:#666;font:12px/18px Arial,Verdana,Tahoma;}
input, textarea, select {padding:1px;line-height:13px;}
input.sffocus, textarea.sffocus, input:focus, textarea:focus {background-color:#f5f5f5;}
div,form,img,ul,ol,li,dl,dt,dd {margin:0;padding:0;}
em,cite,address {font-style:normal;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font:12px/18px Arial,Verdana,Tahoma;}

body {margin:0 auto;padding:0;}

a img, img {border:0;}
a/*, a:link, a:active, a:visited*/ {color:#333;text-decoration:none;}
a:hover {color:#c31709;}

.hasLayout {display:inline-block;}
.hasLayout {display:block;}

.clear {clear:both;}
br.clear {visibility:hidden;height:0;overflow:hidden;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

.floatL {float:left;}
.floatR {float:right;}

img.floatL {display:block;_display:inline;margin:4px 20px 10px 0;}
img.floatR {display:block;_display:inline;margin:4px 0 10px 14px}



.container {clear:both;width:780px;margin:0 auto;}

.breadcrumb {margin:0 8px -22px 0;color:#a3a3a3;font-size:10px;text-align:right;}
.breadcrumb a, .breadcrumb strong {padding:0 2px;color:#a3a3a3;}

.pagination {clear:both;padding:0 4px;border-top:1px solid #ccc;font:bold 10px/24px Arial;text-align:right;}
.pagination a, .pagination strong {padding:0 4px;text-transform:capitalize;}
.pagination strong {}
.pagination a {}

input.submit,.submit input {cursor:pointer;}
.login {}
.search {}




#header {margin-top:12px;}
	#header h1 {float:left;}
	#header h1 a {display:block;width:196px;height:27px;margin:9px 0 0 16px;background:url(../img/bg_logo.gif) no-repeat;text-indent:-999em;}

	.topNav {float:right;}
	.topNav li {float:left;margin-top:5px;border-left:1px solid #817e7e;font-size:11px;line-height:10px;}
	.topNav li a {display:block;padding:0 8px;color:#817e7e}
	.topNav li.first-child,
	.topNav li.text,
	.topNav li.select,
	.topNav li.submit {border:none;}
	.topNav li.text,
	.topNav li.select,
	.topNav li.submit {margin-top:0;}
	.topNav li.select {_display:inline;*margin-top:1px;margin-left:20px;}
	.topNav li.select select {height:17px;font:10px/10px arial;}
	.topNav li.text input {width:102px;height:13px;border:none;border:1px solid #b2b2b2;border-right:none;font-size:11px;line-height:14px;}
	.topNav li.submit input {width:17px;height:17px;_margin-top:1px;border:none;background:url(../img/btn_search.gif) no-repeat;}

	.mainNav {position:relative;padding:0 0 30px 230px;background:url(../img/bg_main_nav_sub.gif) no-repeat 50% 100%;}
	.mainNav li {float:left;margin-right:3px;}
	.mainNav li a {display:block;width:102px;height:28px;background:url(../img/bg_main_nav.gif) no-repeat;color:#c31709 !important;font-weight:bold;line-height:28px;text-align:center;}
	.mainNav li.sfHover a,
	.mainNav li:hover a,
	.mainNav li.current a,
	.mainNav li a:hover {outline:none;background-position:0 -28px;color:#fff !important;}

	.mainNav li ul {position:absolute;left:-999em;padding-top:10px;}
	.mainNav li.current ul,
	.mainNav li.sfHover ul,
	.mainNav li:hover ul {left:0;width:780px;background:url(../img/bg_main_nav_sub.gif) no-repeat 50% 100%;}
	.mainNav li.sfHover ul,
	.mainNav li:hover ul {z-index:999;}

	.mainNav li li {}
	.mainNav li.sfHover li a,
	.mainNav li:hover li a,
	.mainNav li.current li a,
	.mainNav li li a,
	.mainNav li li em {float:left;height:20px;background:url(../img/bg_main_nav_justify.gif) no-repeat -999em;color:#fff;font:11px/20px Arial;}
	.mainNav li li a {width:auto;}
	.mainNav li li em {padding:0 15px;cursor:pointer;}

	.mainNav li li.current a,
	.mainNav li li a:hover {background-color:#fff;background-position:0 -35px !important;}
	.mainNav li li.current a em,
	.mainNav li li a:hover em {background-color:transparent;background-position:100% 0;color:#c31709;}

	.mainNav li li.first-child {_display:inline;}
	.mainNav li#a ul a {margin-left:-100px;}
	.mainNav li#b ul li.first-child {margin-left:160px;}
	.mainNav li#c ul li.first-child {margin-left:10px;}
	.mainNav li#d ul li.first-child {margin-left:480px;}
	.mainNav li#e ul li.first-child {margin-left:420px;}


#main {margin-top:5px;}
	.banner {float:left;margin:5px 0 18px;}
	.banner img {display:block;}
	body#index .banner {margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #c31709;}

	.columns {position:relative;float:left;width:182px;height:171px;margin:0 12px 0 0;background:url(../img/bg_columns.gif) no-repeat;}
	.columns h4 {margin:8px 0 0 20px;padding-left:11px;background:url(../img/icon_line_gray.gif) no-repeat 0 50%;color:#6b332e;font:bold 14px/24px arial;}
	.columns h4 em {color:#c31709;font:bold 10px/24px arial;}
	.columns img {display:block;_display:inline;float:left;margin:12px 0 0 8px;}
	.columns ul {float:left;margin-top:14px;}
	.columns ul li {padding-left:7px;background:url(../img/icon_cross_red.gif) no-repeat 0 7px;;font-size:11px;line-height:16px;}
	.columns a.more {display:block;position:absolute;bottom:0;right:0;padding:0 10px;background:url(../img/icon_arrow_red.gif) no-repeat 0 9px;color:#c31709;font-size:11px;line-height:23px;}
	.columns a.more:hover {background-position:1px 9px;}

	.newsColumns {float:left;width:198px;height:171px;background:url(../img/bg_columns_news.gif) no-repeat;}
	.newsColumns h4 {padding:0 10px 0 20px;background:url(../img/icon_arrow_red.gif) no-repeat 10px 12px;color:#6b332e;font:bold 14px/30px arial;}
	.newsColumns h4 a {display:block;float:right;color:#c31709;font:bold 10px/30px arial;}
	#andyscroll {margin-top:2px;height:126px;overflow:hidden;}
	.newsColumns ul {margin:0 6px;}
	.newsColumns ul li {padding:6px 0;background:url(../img/bg_line_gray_light.gif) repeat-x 0 100%;}
	.newsColumns ul cite {display:block;color:#6b332e;font:bold 10px/12px Arial;}
	.newsColumns ul a {display:block;padding-left:10px;background:url(../img/icon_cross_red.gif) no-repeat 2px 20px;zoom:1;font-size:11px;}


	#left {float:left;width:200px;}
		.leftSidebarNav {position:relative;margin-bottom:10px;padding-bottom:8px;background:url(../img/bg_left_sidebar_nav.gif) no-repeat 0 100%;}
		.leftSidebarNav h3 {position:absolute;left:0;top:18px;width:26px;height:200px;background:url(../img/bg_left_sidebar_title.gif) no-repeat;text-indent:-999em;}
		body#about .leftSidebarNav h3 {background-position:0 0;}
		body#products .leftSidebarNav h3 {background-position:-26px 0;}
		body#News .leftSidebarNav h3 {background-position:-52px 0;}
		body#Service .leftSidebarNav h3 {background-position:-78px 0;}

		.leftSidebarNav ul {min-height:140px;_height:140px;padding:4px 1px 50px 29px;background:url(../img/bg_left_sidebar_nav.gif) no-repeat;}
		.leftSidebarNav ul li {border-top:6px solid #f8f8f8;border-bottom:1px solid #d5d5d5;}
		.leftSidebarNav ul li a {display:block;padding-left:28px;background:url(../img/icon_arrow_gray.gif) no-repeat 18px 9px;line-height:23px;zoom:1;}
		.leftSidebarNav ul li.current a,
		.leftSidebarNav ul li a:hover {background:url(../img/icon_arrow_red.gif) no-repeat 19px 9px;color:#c31709;}
		.leftSidebarNav ul li.current {background:url(../img/bg_left_sidebar_nav_gray.gif) repeat-x 0 100%;}
		.leftSidebarNav ul li.current a {background-position:18px 9px;}
		.quickLinks li {height:67px;background:url(../img/bg_left_sidebar_network.gif) no-repeat;font-size:2px;}
		.quickLinks a {display:block;margin:9px 72px 0 11px;zoom:1;}
		.quickLinks h5 {padding-left:10px;background:url(../img/icon_arrow_red.gif) no-repeat 0 8px;color:#6b332e;font:bold 12px/20px Arial;}
		.quickLinks p {color:#969696;font:bold 10px/12px Arial;}
		.quickLinks li.contact {margin-top:5px;background-image:url(../img/bg_left_sidebar_contact.gif);}


	#right {float:right;width:560px;}
	#right h3 {padding:0 10px;border-bottom:1px solid #999;color:#c31709;font:bold 12px/22px Arial;}

		.contents {margin:16px 0 0 20px;}
		.contents h2 {margin-bottom:10px;font:bold 14px/30px Arial;text-align:center;}
		.contents p {margin:0 0 15px;text-align:justify;text-justify:inter-ideograph;}
		.contents em {color:#c31709;}
		.txtList li {margin:4px 0;}
		.flvPlayer {float:left;width:319px;margin:6px 20px 10px 0;overflow:hidden;}

		.productsList {margin-top:20px;}
		.productsList li.columns {_display:inline;width:172px;margin:0 0 12px 12px;background-image:url(../img/bg_columns_2.gif);}

		.newsList {margin:12px 0 20px 20px;}
		.newsList li {background:url(../img/bg_line_gray_light.gif) repeat-x 0 100%;overflow:hidden;zoom:1;}
		.newsList li a {display:block;float:left;width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:10px;background:url(../img/icon_arrow_gray.gif) no-repeat 2px 12px;zoom:1;line-height:30px;}
		.newsList li em {display:block;float:right;margin-right:2px;color:#7c7c7c;font:bold 10px/30px Arial;}
		.newsList li a:hover {background:url(../img/icon_arrow_red.gif) no-repeat 3px 12px;color:#c31709;}

		.imgList {margin:16px 0 0 10px;}
		.imgList li {float:left;margin:6px 4px;}
		.imgList li a {display:block;border:1px solid #c5c5c5;}
		.imgList li a:hover {border-color:#999;}
		.imgList li img {display:block;}

		.faqList {margin:12px 0 0 20px;}
		.faqList h6,
		.faqList li {background:url(../img/bg_line_gray_light.gif) repeat-x 0 100%;line-height:30px;}
		.faqList h6 {cursor:pointer;}
		.faqList h6.hover {color:#c31709;}
		.faqList h6 span {display:block;margin-left:6px;padding-left:18px;background:url(../img/icon_open_closed.gif) no-repeat 0 9px;line-height:30px;cursor:pointer;}
		.faqList h6.open span {background-position:0 -91px;}
		.faqList li p {margin:2px 0 2px 27px;padding:8px 10px 8px 64px;background:url(../img/bg_line_arrow.gif) no-repeat;line-height:18px;}
		.faqList li strong {display:block;margin:0 0 -17px -54px}

		.productGallery {position:relative;padding:0 0 10px 250px;background:url(../img/bg_line_gray_light.gif) repeat-x 0 100%;}
		.productGallery h2 {position:relative;margin:8px 0 0 0;padding-left:11px;background:url(../img/icon_line_gray.gif) no-repeat 0 50%;color:#6b332e;font:bold 14px/24px arial;text-align:left;}
		.productGallery h2 em {color:#c31709;font:bold 10px/24px arial;}
		.productGallery img#placeholder {display:block;_display:inline;position:absolute;left:0;top:0;float:left;margin:12px 0 0 0;}
		.productGallery ul.txt {min-height:170px;_height:170px;margin:6px 0 0 12px;}
		.productGallery ul.txt li {padding-left:7px;background:url(../img/icon_cross_red.gif) no-repeat 0 7px;;}
		.productGallery ul.img {margin:10px 0 0 -10px;}
		.productGallery ul.img li {float:left;}
		.productGallery ul.img li a {display:block;border:1px solid #fff;}
		/*.productGallery ul.img li a.current,
		.productGallery ul.img li a:hover {border-color:#ccc;;}*/

		.productInfo {width:99%;margin:20px auto 0;border-collapse:collapse;}
		.productInfo th, .productInfo td {padding:2px 10px;border:1px solid #d6d6d6;}
		.productInfo th {background:#f1f1f1;font-weight:normal;text-align:right;}
		.productInfo .title {background:#e5e5e5;font-weight:bold;}

		.feedbackForm {float:left;margin:2px 0 0 -10px;}
		.feedbackForm li {overflow:hidden;zoom:1;margin:2px 0;}
		.feedbackForm label {display:block;float:left;width:110px;font:bold 12px/24px Arial;text-align:right;}
		.feedbackForm em {padding:0 4px;}
		.feedbackForm select {margin-left:4px;}
		.feedbackForm input, .feedbackForm textarea {width:260px;margin-left:4px;border:1px solid #b7b7b7;border-color:#b7b7b7 #f5f5f5 #f5f5f5 #b7b7b7;line-height:15px;}
		.feedbackForm textarea {height:120px;scrollbar-face-color: #ffffff;scrollbar-shadow-color: #fdeda;scrollbar-highlight-color: #fdeda;scrollbar-3dlight-color: #ffffff;scrollbar-darkshadow-color: #ffffff;scrollbar-track-color: #ffffff;scrollbar-arrow-color: #fdeda;}
		.feedbackForm .submit input {width:52px;height:24px;margin:4px 0 0 116px;border:none;background:url(../img/btn_submit.gif) no-repeat;}


#footer {margin-top:24px;padding-bottom:16px;border-top:3px solid #c31709;color:#a3a3a3;font-size:11px;text-align:center;}
	.nav {margin:14px 0 0;color:#817e7e;}
	.nav a {padding:0 28px;color:#817e7e !important;}
	#footer address {line-height:24px;}
	#footer address a {color:#c31709;}
	#footer address a.designBy {color:#a3a3a3;}
	#footer address select {float:right;margin-top:-24px;font:9px/9px Arial;}



.absopage{color:#FF0000;}