/*=========================== TAGS ============================*/

* { 
	margin:0; 
	padding:0;
}

html {
	min-width:982px;
} 

body { 
	background:#fff; 
	font-family: Arial, "trebuchet MS", Helvetica, sans-serif; 
	font-size:100%; 
	line-height:1em; 
	color:#bcbcbc; 
	min-width:982px;
}

object { 
	vertical-align:top; 
	outline:none;
}

input, 
textarea, 
select { 
	font-family:"trebuchet MS", Helvetica, sans-serif; 
	font-size:1em; 
	vertical-align:middle; 
	font-weight:normal;
}

fieldset {
	border:0;
}

p { 
	margin:0; 
	padding:0;
}

img { 
	border:0; 
	vertical-align:top; 
	text-align:left;
}

ul, 
ol { 
	list-style:none;
}

/*========================== ALIGMENT =========================*/

.fleft { 
	float:left;
}

.fright { 
	float:right;
}

.clear { 
	clear:both;
}

.alignright { 
	text-align:right;
}

.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%; 
	overflow:hidden;
}
.wrapper1 { 
	width:100%; 
}

.extra-wrap {
	overflow:hidden;
}

.container { 
	width:100%;
}

/*=========================== FORMS ===========================*/

#search-form span,
#search-form label,
#search-form a {
	float:left;
}
#search-form label,
#search-form label a {
	color:#8d8d8d;
}
#search-form label {
	padding:7px 11px 0 0;
}
#search-form label a {
	text-decoration:none;
	float:none;
}
#search-form label a:hover {
	text-decoration:underline;
}
#search-form span {
	background:url(images/input-bg1.gif) no-repeat left top;
	width:202px;
	height:31px;
}
#search-form input {
	background:none;
	border:0;
	vertical-align:top;
	line-height:1.2em;
	margin:6px 0 0 14px;
	width:178px;
}

/*--------------------*/

#contacts-form .field1,
#contacts-form .field2 {
	float:left;
}
#contacts-form .field1 {
	width:300px;
}
#contacts-form .field1 div { 
	height:50px;
}
#contacts-form .field1 span {
	display:block;
	width:281px;
	height:27px;
	background:url(images/input-bg2.gif) no-repeat left top;
}
#contacts-form .field2 {
	width:300px;
}
#contacts-form .field2 span {
	display:block;
	width:281px;
	height:127px;
	background:url(images/textarea-bg.gif) no-repeat left top;
	margin-bottom:30px;
}
#contacts-form label {
	display:block;
}
#contacts-form input {
	width:258px; 
	background:none;
	color:#8f8f8f; 
	border:0; 
	vertical-align:top;	
	line-height:1.2em;
	margin:4px 0 0 10px;
}
#contacts-form textarea { 
	width:271px; 
	height:121px; 
	overflow:auto;
	background:none;
	color:#8f8f8f; 
	border:0; 
	padding:4px 0 2px 10px; 
}
#contacts-form .link2 {
	float:right;
}

/*========================== LISTS ============================*/

.list li {
	padding:0 0 4px 16px;
	background:url(images/marker.gif) no-repeat left 5px;
}
.list li.last {
	padding-bottom:37px;
}
.list li a:hover {
	color:#000;
}

.news {
	margin-bottom:-5px;
}
.news li {
	width:100%;
	overflow:hidden;
	vertical-align:top;
	border-bottom:1px solid #f1f1f1;
	padding-bottom:28px;
	margin-bottom:32px;
}
.news li strong {
	width:63px;
	height:63px;
	display:block;
	float:left;
	font-size:.92em;
	line-height:1.8em;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	background:url(images/date-icon.gif) no-repeat left top;
	margin-right:19px;
}
.news li strong span {
	display:block;
	color:#000;
	font-size:2.5em;
	line-height:1.5em;
	margin-top:-4px;
}
.news li p {
	margin-bottom:0;
}

.list1 li {
	width:100%;
	overflow:hidden;
	vertical-align:top;
	border-bottom:1px solid #f1f1f1;
	padding-bottom:24px;
	margin-bottom:24px;
}
.list1 li.last {
	border:0;
	padding:0 0 4px 0;
}
.list1 li p {
	margin:0;
}
.list1 li img {
	float:left;
	margin-right:20px;
}

/*========================== OTHER ============================*/

.img-indent {
	margin-bottom:20px;
}

.img-box1 { 
	width:100%; 
	overflow:hidden;
}
.img-box1 img { 
	float:left; 
	margin:0 20px 0 0;
}

p { 
	line-height:1.38em;
	margin-bottom:20px;
}
.p1 {
	margin-bottom:35px;
}
.p2 {
	margin-bottom:25px;
}

.address span { 
	float:right; 
	margin-right:160px;
}

.slogan {
	float:left;
	width:285px;
	padding-top:35px;
	color: #000;
}
.slogan p {
	padding:15px 0 26px 0;
	margin:0;
}

.phone {
	width:100%;
	overflow:hidden;
}
.phone span {
	font-size:23px;
	line-height:1.2em;
	color:#000;
	float:left;
	padding:5px 29px 0 0;
}

dl {
	line-height:1.38em;
}
dl dt {
	font-weight:bold;
	color:#000;
}
dl dd {
	padding-bottom:21px;
}

/*================= TXT, LINKS, LINES, TITLES =================*/

a {	
	color:#73c30f; 
	outline:none;
}
a:hover {
	text-decoration:none;
}

h1 {
	float:left;
	font-size:18px;
	line-height:1.2em;
	padding:21px 0 0 49px;
}
h1 a {
	text-decoration:none;
	color:#6f6f6f;
}
h1 strong {
	color:#fff;
	font-size:30px;
}
h2 {
	font-size:48px;
	line-height:1.5em;
	color:#2a2a2a;
}
h2 span {
	display:block;
	margin-bottom:-32px;
}
h2 em {	
	color:#cccccc;
	font-style:normal;
}
h2 strong {
	font-size:22px;
	line-height:1.2em;
	display:block;
	font-weight:normal;
	color:#81bb00;
	padding-left:14px;
	background:url(images/arrow1.gif) no-repeat left 9px;
}
h3 {
	font-size:30px;
	line-height:1.2em;
	color:#565656;
	margin-bottom:22px;
}
h4 {
	font-size:1.69em;
	line-height:1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#565656;
	font-weight:normal;
	margin-bottom:20px;
}
h5 {
	font-size:1em;
	line-height:1.38em;
}
h5,
h5 a {
	color:#222226;
}
h5 a {
	text-decoration:none;
}
h5 a:hover {
	text-decoration:underline;
}

.txt1 {
	color:#000;
	font-weight:bold;
}

.link1 { 
	display:block; 
	float:left; 
	background:url(images/link1-tail.gif) repeat-x left top; 
	color:#fff; 
	text-decoration:none; 
	line-height:1.2em;
	text-transform:uppercase;
	font-size:.92em;
}
.link1 em { 
	display:block; 
	background:url(images/link1-left.gif) no-repeat left top;
}
.link1 b { 
	display:block; 
	background:url(images/link1-right.gif) no-repeat right top; 
	padding:12px 36px 13px 21px; 
	font-style:normal; 
}
.link1:hover {
	background:url(images/link2-tail.gif) repeat-x left top;
	color:#9f9f9f;  
}
.link1:hover em { 
	background:url(images/link2-left.gif) no-repeat left top;
}
.link1:hover b { 
	background:url(images/link2-right.gif) no-repeat right top; 
}

.link2 { 
	display:block; 
	float:left; 
	background:url(images/link2-tail.gif) repeat-x left top; 
	color:#9f9f9f; 
	text-decoration:none; 
	line-height:1.2em;
	text-transform:uppercase;
	font-size:.92em;
	margin-right:18px;
}
.link2 em { 
	display:block; 
	background:url(images/link2-left.gif) no-repeat left top;
}
.link2 b { 
	display:block; 
	background:url(images/link2-right.gif) no-repeat right top; 
	padding:12px 36px 13px 21px; 
	font-style:normal; 
}
.link2:hover { 
	background:url(images/link1-tail.gif) repeat-x left top; 
	color:#fff; 
}
.link2:hover em { 
	background:url(images/link1-left.gif) no-repeat left top;
}
.link2:hover b { 
	background:url(images/link1-right.gif) no-repeat right top; 
}

.link3,
.link3 a {
	color:#000;
	font-weight:bold;
} 

.line-hor { 
	border-bottom:1px solid #efefef; 
	margin:30px 0 18px 0; 
	overflow:hidden; 
	font-size:0; 
	line-height:0;
}

/*============================ BOXES ==========================*/

.box { 
	background:#fdfdfd; 
	width:982px;
}
.box .border-left { 
	background:url(images/border.gif) repeat-y left top;
}
.box .border-right { 
	background:url(images/border.gif) repeat-y right top;
}
.box .left-top-corner {	
	background:url(images/left-top-corner.gif) no-repeat left top;
}
.box .right-top-corner { 
	background:url(images/right-top-corner.gif) no-repeat right top;
}
.box .border-bot { 
	background:url(images/border-bot.gif) repeat-x left bottom;
	height:66px;
}
.box .left-bot-corner {	
	background:url(images/left-bot-corner.gif) no-repeat left bottom;
	height:66px;
}
.box .right-bot-corner { 
	background:url(images/right-bot-corner.gif) no-repeat right bottom;
	height:66px;
	padding-left:463px;
}
.box .inner { 
	padding:0 0 0 10px;
}

/*========================== HEADER ===========================*/

#header .left {
	background:url(images/header-left.gif) no-repeat left top;
}
#header .right {
	background:url(images/header-right.gif) no-repeat right top;
}
#header .row-1 {
	height:70px;
}
#header h1 { margin: 10px 0 0 0; padding: 0px; text-indent: 15px; }
#header .row-1 ul {
	float:right;
	padding:24px 38px 0 0;
}
#header .row-1 ul li {
	float:left;
	margin-left:10px;
}
#header .row-2 {
	height:73px;
	padding:0 11px;
}
#header .row-2 ul {
	background:url(images/nav-tail.gif) repeat-x left top;
	padding-top:2px;
	margin: 0 auto 0 auto;
	width: 960px;
}
#header .row-2 ul li {
	float:left;
	font-size:12px;
	line-height:1.2em;
	background:url(images/divider.gif) repeat-y right top;
	padding-right:2px;
	height:69px;
	overflow:hidden;
}
#header .row-2 ul li.last {
	background:none;
	padding-right:0;
}
#header .row-2 ul li a {
	color:#fff;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:9px 22px;
	padding:14px 0 19px 42px;
	width:116px;
	display:inline-block;
}
#header .row-2 ul li a:hover {
	color:#81bb00;
}
#header .row-2 ul li a span {
	font-size:12px;
	display:block;
	color:#aaa19d;
}
#header .row-2 ul li.m1 a {
	background-image:url(images/m1.gif);
}
#header .row-2 ul li.m2 a {
	background-image:url(images/m2.gif);
}
#header .row-2 ul li.m3 a {
	background-image:url(images/m3.gif);
}
#header .row-2 ul li.m4 a {
	background-image:url(images/m4.gif);
}
#header .row-2 ul li.m5 a {
	background-image:url(images/m5.gif);
}
#header .row-2 ul li.m6 a {
	background-image:url(images/m6.gif);
}
#header .row-3 {
	height:50px;
}
#header .row-3 .fleft {
	font-weight:bold;
	text-transform:uppercase;
	font-size:.92em;
	padding:16px 0 0 33px;
	color:#a4a4a4;
}
#header .row-3 .fleft span {
	display:inline-block;
	background:url(images/arrow.gif) no-repeat right 4px;
	padding-right:14px;
	margin-right:10px;
}
#header .row-3 .fright {
	padding:9px 32px 0 0;
}

/*========================= CONTENT ===========================*/

#content {
	padding:0 0 36px 0;
}
#content .indent {
	padding:42px 20px 0 20px;
}
#content .indent1 {
	padding-bottom:27px;
}
#content .indent2 {
	padding-bottom:50px;
}

/*========================= FOOTER ============================*/

#footer p {
	border-top:5px solid #f7f7f7;
	padding-top:22px;
}
#footer a {
	color:#a9a9a9;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

/*=============================================================*/

/*--- faded ---*/
#faded { 
	width:659px;
	float:left;
}
/*
 * Required: If fixed height, state it here
*/
#faded .rap { 
	height:426px;
}
#faded .prev {
	margin:0 11px 0 13px;
}
#faded .prev,
#faded .next {
	position:relative;
	bottom:50px;
	z-index:100;
}

/*--- carousel ---*/
.carousel-box {
	width:982px;
	overflow:hidden;
	position:relative;
	margin-bottom:-20px;
}
.carousel-box.alt {
	margin-top:25px;
}
.carousel-box .prev1,
.carousel-box .next1 {
	float:left;
	margin:22px 11px 0 0;
}
.carousel-box .carousel {
	width:962px !important;
	overflow:hidden;
}
.carousel-box ul {
	width:100%;
	overflow:hidden;
}
.carousel-box ul li {
	width:180px;
	float:left;
	border:0;
	position:relative;
	background:url(images/divider1.gif) repeat-y right top;
}
.carousel-box ul li div.inside {
	padding:26px 24px 28px 20px;
}
.carousel-box ul li dl {
	padding-bottom:25px;
	position:relative;
}
.carousel-box ul li dl dd {
	padding:0 0 4px 16px;
	background:url(images/marker.gif) no-repeat left 5px;
}
.carousel-box ul li dl dd a:hover {
	color:#000;
}


.tbAbout { width: 100%; color: #000; }
.tbAbout .tdLeft { width: 460px; vertical-align: top; padding-top: 30px; padding-left: 50px; }
.tbAbout p
{
    margin: 0 0 0 0px;
    color: #000;
    line-height: 20px;
}
.tbAbout .tdRight { width: 520px; vertical-align: top; }


.tbContact { width: 100%; color: #000; }
.tbContact .tdLeft { width: 460px; vertical-align: top; padding-top: 30px; }
.tbContact p
{
    margin: 0 0 0 50px;
    color: #000;
    line-height: 40px;
    letter-spacing: 2px;
}
.tbContact .tdRight { width: 520px; vertical-align: top; }



.divSort { width: 150px; height: 120px; float: left; margin: 20px 20px; text-align: center; line-height: 20px; }
.divSort a { text-decoration: none; }
.divSort img { border: 0px; }


.divProduct { width: 162px; height: 160px; color: #000; float: left; margin: 10px 10px; text-align: center; line-height: 30px; }
.divProduct a { text-decoration: none; color: Black; }
.divProduct img { border: 0px; }
.productimg
{
    width: 160px;
    height: 120px;
}
.productimg td
{
    width: 160px;
    height: 120px;
}


.tbProductList { width: 100%; }
.tbProductList .tdLeft { width: 200px; padding-left: 20px; }


.divDaohang
{
	height: 24px;
	background-color: #313131;
	line-height: 24px;
	text-indent: 25px;
	color: #a5a5a5;
	border-top: #4f6b85 1px solid;
	background-image: url(Themes/Admin/Images/gif_daohang.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}

.tbProductInfo {}
.tbProductInfo .tdImg { width: 330px; text-align: center; }
.tbProductInfo .tdImg img { margin: 15px; }

.tbProductInfo .tdInfo { padding: 10px; color: Black; font-size: 14px; }
.tbProductInfo .tdInfo td { padding: 5px; }


.ulAboutBar
{
    width: 900px;
    list-style-type: none;
    margin: 10px 0 0 40px;
    padding: 0;
}
.ulAboutBar li { float: left; width: 100px; text-align: center; padding: 0px; margin: 0px; line-height: 30px; }
.ulAboutBar li a
{
    text-decoration: none;
    color: #000000;
}
.ulAboutBar li a:hover
{
    text-decoration: underline;
    color: #009900;
}

.ulAboutBar .select { background-image: url(images/aboutBarBG.gif); background-repeat: no-repeat; background-position: center center; }
.ulAboutBar .select a { color:#ffffff; }



.ulNews {}
.ulNews li { margin: 0px; padding: 0px; line-height: 30px; }

.newsinfo { color: #000; }
.hNewsTitle { text-align: center; width: 100%; text-indent: 0px; padding: 0px; line-height: 50px; }
.pNewsInfo
{
    color: #999999;
    text-align: center;
    text-indent: 0px;
}
.divNewsContent { margin: 50px; }


.tbWork { width: 100%; color: #000; }
.tbWork .tdTitle { text-align: left; width: 100px; padding-right: 10px; }
.tbWork .tdContent { text-align: left; padding: 3px; }


.divLanguage { float: right; width: 100px; margin: 10px 10px 0 0; }



/** --------- ¼ÓÔØÒ³Ãæ -------- **/
.divLoadingWin { filter:alpha(opacity=60); position: absolute; z-index: 12; top: 0px; left: 0px; width: 1024px; height: 768px; background-color: Black; }
.divLoading { text-align: center; font-size: 12pt; line-height: 100px; left: 0; width: 200px; height: 100px; color: Black; position: absolute; top: 200px; left: 40%; background-color: White; border: lightgrey 5px solid; font-weight: bold; }

/** --------------------------- **/