/* CSS Document */

/* =====
   RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: "Microsoft Yahei", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti !important;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


body
{
	background: #C7B299;
	width: 1000px;
	margin: 0 auto;

}

h1
{
	font-size: 18px;
	color: #F87F38;
}

#header, #content, #footer
{
	width: 1000px;
	float: left;
}

#header
{
	
}

#content
{
	margin: 10px;
	background:url(../images/content_bg.jpg) no-repeat #FFF;
}

#logo
{
	/* Added */ margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#content_left
{
	float: left;
	width: 200px;
}

#content_right
{
	float: right;
	width: 780px;
	margin: 20px;
	margin-left: 0;
}


#banner
{
}

#content_banner
{
	background:#FFF;
	margin-top: 60px;
	padding-top: 20px;
	
}

#banner_photo
{
	float: right;
	position: relative;
	margin-top: -20px;
	
}


#bookmark
{
	
	padding: 10px;
	height: 20px;

}

#content_main_title
{
	height: 30px;
	color: #fff;
	font-weight:bold;
	padding: 10px 20px;
	font-size:24px;
	letter-spacing: 3px;
	background-image: linear-gradient(left , #0071BC 0%, #29AAE2 100%);
background-image: -o-linear-gradient(left , #0071BC 0%, #29AAE2 100%);
background-image: -moz-linear-gradient(left , #0071BC 0%, #29AAE2 100%);
background-image: -webkit-linear-gradient(left , #0071BC 0%, #29AAE2 100%);
background-image: -ms-linear-gradient(left , #0071BC 0%, #29AAE2 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, #0071BC),
	color-stop(1, #29AAE2)
);

}

#content_main
{
	background:#FFFFFF;
	padding: 10px 20px;
  font-size: 17px;
  line-height: 22px;
  width:740px;
}

#content_main p
{
	padding: 10px;
}

#content_main ul
{
	list-style: url(../images/bulletin_triangle.gif) outside;
	margin:0 40px;
	
	padding: 0;
}

#content_main ul li
{
	font-size:14px;
	padding: 3px;
}




#content_right_left
{
	float: left;
	width: 300px;
}

#content_welcome_header
{
	font-size:16px;
}

#content_welcome_text
{
	font-size: 14px;
	text-align:justify;
}

#content_right_right
{
	float: right;
	width: 450px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 10px;
}

#content_right_header
{
	font-size:16px;
	line-height: 20px;
	/* [disabled]margin-right: 10px; */
	color: #EA2C20;
	border-bottom: 1px #666 dotted;
	padding: 3px 10px;
}

.product_item
{
	width: 100px;
  height: 107px;
	float: left;
	padding: 10px 0;
	margin: 10px 5px;
  vertical-align: middle;
  text-align: center;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	border: #eee 1px solid;
}

.home_product_name
{
	padding: 5px;
	font-size:11px;
	text-align: center;
}

#footer
{
	font-size: 11px;
	text-align:right;
	padding-bottom: 10px;
	clear:both;
}

#navigation
{
	float:right;
}

#navigation ul{  
    list-style: none;  
    overflow: hidden;  
	

}  

#navigation li {  
	float: left;
	width: 80px;
    height: 35px;
	    display: block;  
    color: #fff;  
    line-height: 35px;  
    font-size: 12px;  


	margin-top: -5px;
	margin-left: 10px; 
	text-align: center;	
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

background-image: linear-gradient(bottom, #EA2E20 16%, #F87F38 58%, #F87F38 79%);
background-image: -o-linear-gradient(bottom, #EA2E20 16%, #F87F38 58%, #F87F38 79%);
background-image: -moz-linear-gradient(bottom, #EA2E20 16%, #F87F38 58%, #F87F38 79%);
background-image: -webkit-linear-gradient(bottom, #EA2E20 16%, #F87F38 58%, #F87F38 79%);
background-image: -ms-linear-gradient(bottom, #EA2E20 16%, #F87F38 58%, #F87F38 79%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.16, #EA2E20),
	color-stop(0.58, #F87F38),
	color-stop(0.79, #F87F38)
);	
}  


#navigation li a:link, #navigation li a:visited {  
    text-decoration: none;  
    display: block;  
    height: 35px;  
    color: #333;  
    line-height: 35px;  
	padding: 0 10px;    
    font-size: 12px;  
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

background-image: linear-gradient(bottom, #FFFFFF 16%, #F2F2F2 58%, #F2F2F2 81%);
background-image: -o-linear-gradient(bottom, #FFFFFF 16%, #F2F2F2 58%, #F2F2F2 81%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 16%, #F2F2F2 58%, #F2F2F2 81%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 16%, #F2F2F2 58%, #F2F2F2 81%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 16%, #F2F2F2 58%, #F2F2F2 81%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.16, #FFFFFF),
	color-stop(0.58, #F2F2F2),
	color-stop(0.81, #F2F2F2)
);
}  

#navigation li a:hover { 

color: #fff; 
background-image: linear-gradient(bottom, #EA2E20 16%, #F87F38 58%, #F87F38 79%);
background-image: -o-linear-gradient(bottom, #EA2E20 16%, #F87F38 58%, #F87F38 79%);
background-image: -moz-linear-gradient(bottom, #EA2E20 16%, #F87F38 58%, #F87F38 79%);
background-image: -webkit-linear-gradient(bottom, #EA2E20 16%, #F87F38 58%, #F87F38 79%);
background-image: -ms-linear-gradient(bottom, #EA2E20 16%, #F87F38 58%, #F87F38 79%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.16, #EA2E20),
	color-stop(0.58, #F87F38),
	color-stop(0.79, #F87F38)
);	
}  

#menu
{
	font-size: 13px;
}

#menu ul {
	list-style:url(../images/bulletin_red.jpg) inside;
margin: 20px;
padding: 0;
width:160px; /* Menu width */
}
#menu ul li {

height:100%;
width:100%;
position: relative;
float:left; /* Make sure (in IE) there is no margin between the menu items */
border-bottom:#999 1px dotted;
}
#menu ul li a
{
	line-height: 30px;
	color: #EA2C20;
	text-decoration: none;
	
	/* display:block; When rollover the menu item, the whole item will be seen as link. */
}

#menu ul li a:hover {
padding:0;
}
#menu ul ul {
	z-index: 99;
	list-style: none; /* Remove the bullets */

	position: absolute;
	top: -20px;
	left:0px;
	display:none; /* Display nothing when not 'hovered' */
}
#menu ul li ul li
{
	background: #EA2C20;
	text-align:center;
	border-bottom:thin;
}

#menu ul li ul li a
{
	display:block;
	color: #fff;
background-image: linear-gradient(left , #F87F38 0%, #EA2E20 100%);
background-image: -o-linear-gradient(left , #F87F38 0%, #EA2E20 100%);
background-image: -moz-linear-gradient(left , #F87F38 0%, #EA2E20 100%);
background-image: -webkit-linear-gradient(left , #F87F38 0%, #EA2E20 100%);
background-image: -ms-linear-gradient(left , #F87F38 0%, #EA2E20 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, #F87F38),
	color-stop(1, #EA2E20)
);

}
#menu ul li ul li a:hover
{
		background: #EA2C20;

}
#menu ul li:hover ul{
display: block; /* Make sure the submenu is displayed as blocks as well. */
left:100px; /* Your menu width. The submenu appears there, when you hover a menu item. */ }



#video_intro
{
	float: left;
	width: 180px;
	margin: 10px 0;
}

#video_title
{
	margin: 10px 0;
	padding: 5px 0;
	padding-left: 10px;
	color: #fff;
background-image: linear-gradient(left , #F87F38 0%, #EA2E20 100%);
background-image: -o-linear-gradient(left , #F87F38 0%, #EA2E20 100%);
background-image: -moz-linear-gradient(left , #F87F38 0%, #EA2E20 100%);
background-image: -webkit-linear-gradient(left , #F87F38 0%, #EA2E20 100%);
background-image: -ms-linear-gradient(left , #F87F38 0%, #EA2E20 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, #F87F38),
	color-stop(1, #EA2E20)
);
}

#counter
{
	padding: 20px 0;
}

#content_bottom
{
	width: 980px;
	float: left;
	padding: 10px;
	padding-bottom: 20px;
	margin: 10px 0;
	
	font-size: 12px;
background-image: linear-gradient(bottom, #E6E6E6 0%, #A7A7A7 82%, #A3A3A3 100%);
background-image: -o-linear-gradient(bottom, #E6E6E6 0%, #A7A7A7 82%, #A3A3A3 100%);
background-image: -moz-linear-gradient(bottom, #E6E6E6 0%, #A7A7A7 82%, #A3A3A3 100%);
background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, #A7A7A7 82%, #A3A3A3 100%);
background-image: -ms-linear-gradient(bottom, #E6E6E6 0%, #A7A7A7 82%, #A3A3A3 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #E6E6E6),
	color-stop(0.82, #A7A7A7),
	color-stop(1, #A3A3A3)
);

}

.read_more
{
	text-align:right;
	float: right;
}
.shadow {
  -moz-box-shadow:    0px 0px 8px 2px #999;
  -webkit-box-shadow: 0px 0px 8px 2px #999;
  box-shadow:         0px 0px 8px 2px #999;
}

.shadow_light {
  -moz-box-shadow:    0px 0px 5px 0px #ddd;
  -webkit-box-shadow: 0px 0px 5px 0px #ddd;
  box-shadow:         0px 0px 5px 0px #ddd;
}


#pagination-top
{
	height: 25px;
	border-bottom: #333 3px solid;
	padding-bottom: 8px;
	
}

 #pagination-bottom
 {
	height: 25px;
	border-top: #333 3px solid;
	clear: both;
 }
 
#pagination-top ul, #pagination-bottom ul
{
		float: right;
		padding: 0;
		margin: 5px;
		list-style: none;
}

#pagination-bottom ul
{
	float: left;
}

#pagination-top ul li, #pagination-bottom ul li
{
	float: left;
	display:block;	
}

#pagination-top ul li a, #pagination-bottom ul li a
{
	text-decoration: none;
	color: #333;
		padding: 4px 8px;
	font-size:12px;
	
	cursor:pointer;
	
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;



background: #eeeeee; /* Old browsers */

background: -moz-linear-gradient(top,  #eeeeee 0%, #dbdbdb 50%, #d1d1d1 51%, #d1d1d1 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #eeeeee 0%,#dbdbdb 50%,#d1d1d1 51%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #eeeeee 0%,#dbdbdb 50%,#d1d1d1 51%,#d1d1d1 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #eeeeee 0%,#dbdbdb 50%,#d1d1d1 51%,#d1d1d1 100%); /* IE10+ */

background: linear-gradient(to bottom,  #eeeeee 0%,#dbdbdb 50%,#d1d1d1 51%,#d1d1d1 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */


}

#pagination-top ul li a:hover, #pagination-bottom ul li a:hover, #pagination-top ul li a.hover, #pagination-bottom ul li a.hover

{
	text-decoration: none;
	color: #fff;
	
		background: #87bcea; /* Old browsers */

background: -moz-linear-gradient(top,  #87bcea 0%, #539fe1 48%, #0a77d5 50%, #539fe1 98%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87bcea), color-stop(48%,#539fe1), color-stop(50%,#0a77d5), color-stop(98%,#539fe1)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #87bcea 0%,#539fe1 48%,#0a77d5 50%,#539fe1 98%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #87bcea 0%,#539fe1 48%,#0a77d5 50%,#539fe1 98%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #87bcea 0%,#539fe1 48%,#0a77d5 50%,#539fe1 98%); /* IE10+ */

background: linear-gradient(to bottom,  #87bcea 0%,#539fe1 48%,#0a77d5 50%,#539fe1 98%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87bcea', endColorstr='#539fe1',GradientType=0 ); /* IE6-9 */

}


#pagination-top ul li a:hover, #pagination-top ul li.hover, #pagination-bottom ul li a:hover, #pagination-bottom ul li.hover
{




}

.news_item, #content_main .product_item
{
	padding: 2px 10px;
	float: left;
	border-bottom: solid 1px #333333;
}

#content_main .product_item
{
	width: 335px;
		border-bottom: solid 1px #ccc;

}


#content_main .news_item ul, #content_main .product_item ul
{

	list-style:none;
	padding: 0;
	margin: 0;
}

.news_item ul li, #content_main .product_item ul li
{
	float:left;
	display:block;
}


.news_item ul li.photo, #content_main .product_item
{
	margin: 5px;
}

.news_item ul li.header, #content_main .product_item ul li.header
{
	width: 570px;
	color: #0071BC;
	border-bottom:dotted 1px #333333;
}

#content_main .product_item ul li.header
{
	width: 220px;
	border: 0;

}


.news_item ul li span.date
{
	margin-top: 3px;
	float:right;
	font-size:11px;
	color: #333;
}


.news_item ul li.content, #content_main .product_item ul li.content
{

	display: block;
	width:570px;
}

#content_main .product_item ul li.content
{
	width: 220px;
	font-size: 12px;
	
}

.news_item ul li.read_more, #content_main .product_item ul li.read_more
{
	float: right;
}

.btn_back
{
	
	float: right;
	padding: 3px 8px;
		-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;


	
background: #6d6d6d; /* Old browsers */

background: -moz-linear-gradient(top,  #6d6d6d 2%, #474747 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#6d6d6d), color-stop(100%,#474747)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #6d6d6d 2%,#474747 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #6d6d6d 2%,#474747 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #6d6d6d 2%,#474747 100%); /* IE10+ */

background: linear-gradient(to bottom,  #6d6d6d 2%,#474747 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#474747',GradientType=0 ); /* IE6-9 */



}

.btn_back a
{
	text-decoration:none;
color: #fff;
font-size:10px;
margin: 5px;

}


#news_item_details, #product_item_details
{
	color: #333;
}

#product_item_details
{
	float: left;
	padding: 10px;
	margin: 2px 0;
			-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

	
}

#news_item_details .date
{
	padding: 5px;	
	font-size: 12px;
}

#news_item_details .content
{
	width: 250px;
	float: left;
	padding: 5px;	
	font-size: 13px;
	color: #444;
}

#product_item_details .title
{
	width: 560px;
	float: left;
	padding: 5px;	
	font-size: 15px;
	font-weight:bold;
	border-bottom:dotted 1px #333;

}




#product_item_details .content
{
	width: 560px;
	border-bottom: solid 1px #333;
  font-size: 13px;
  overflow: auto;
  float: left;
}

#news_item_details .photo, #product_item_details .photo
{
	width: 400px;
	float: right;
	padding: 5px;	
}

#product_item_details .photo
{
	width: 120px;
}


#content_main .contact_item
{
	padding: 2px 10px;
	float: left;
	width: 350px;
	margin-bottom: 20px;

}


#content_main .contact_item ul
{
	padding: 0;
	margin: 0;
	list-style: url(../images/bulletin_arrow_blue.jpg) inside;

}

#content_main .contact_item ul li
{
	float:left;
	width: 340px;
	margin-left: 10px;

}
#content_main .contact_item h1
{
	color: #0071BC;
}



label {
	float: left; clear: left; margin:5px  0; width: 80px;
	text-align: left; font-size: 15px; color: #F87F38; 
	text-transform: uppercase; text-shadow: 0px 1px 0px #f2f2f2;
}

input {

	width: 230px; height: 25px; padding: 5px 20px 5px 20px; margin: 0 0 20px 0; 
	border: 1px solid #e2e2e2;
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
	-moz-box-shadow: 0px 2px 3px #f2f2f2;-webkit-box-shadow: 0px 2px 3px #f2f2f2;
	font-family: sans-serif; font-size: 16px; 	color: #333;
}
	input::-webkit-input-placeholder  {
    	color: #bbb;   text-shadow: 0px -1px 3px #f2f2f2;  
	}
	input:-moz-placeholder {
	    color: #bbb;  text-shadow: 0px -1px 3px #f2f2f2; 
	}

textarea {
	width: 310px; height: 170px; padding: 12px 20px 0px 20px; margin: 0; 
		border: 1px solid #e2e2e2;

	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 16px; color: #333; 
}
	textarea::-webkit-input-placeholder  {
    	color: #bbb;  
	}
	textarea:-moz-placeholder {
	    color: #bbb; 
	}
	
input:focus, textarea:focus {
	color: #0071BC;

	background: #eee;
	background: -moz-linear-gradient(top, #eee 0%, #fff 40%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(40%,#fff)); /* webkit */
}

input[type=submit] {
	width: 80px;
	height: 40px;
	color: #fff;
	 float: right; padding: 10px 15px; margin: 10px 0;
	background: -moz-linear-gradient(top, #F87F38 0%, #EA2C20 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F87F38), color-stop(100%,#EA2C20)); /* webkit */
	cursor: pointer;
}

#index_news a, #index_news a:hover {
  padding-left: 5px;
  text-decoration: none;
	color: #000;
  font-size:12px;
}