﻿@charset "utf-8";
/* CSS Document */



/*                  

東莞威保運動器材有限公司

design salinna by 2011.08.03



*/
/* 思源黑體 */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap");

body,html {
	margin: 0px;
	padding: 0px;
/*	background-color: #525545;*/
	background-color: #FFFFFF;
}



.body_bg1{
		background-image: url(../images/main_bg.jpg);

/*		background-image: url(../images/wp_bg.jpg);*/
	background-repeat: repeat-x;
	background-position: left top;
		background-attachment: fixed;
}

.body_bg2{
	/*	background-image: url(../images/main_bg-3.jpg);*/
	background-image: url(../images/tpg05576758.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed;
}
.body_bg3{
/*	background-image: url(../images/00422987.jpg);	*/
/*	background-image: url(../images/main_bg-2.jpg);*/
	background-image: url(../images/tpg05917396.jpg);
	background-position: left top;
		background-attachment: fixed;
}



.body_bg4{
/*	background-image: url(../images/00422987.jpg);*/
	background-image: url(../images/tpg06399464.jpg);
	/*	background-position: left bottom;*/
	background-position: left bottom;
		background-attachment: fixed;
}

.body_bg5{
		
	background-image: url(../images/wp_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
		background-attachment: fixed;
}
.body_bg6{
	background-image: url(../images/background_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

img,img a,img a:hover{
	border: 0px;
	text-align: center;
	margin: 0;
	padding: 0;
}

ul,li,ol,p,br{
	margin: 0px;
	padding: 0px;

}
	
a{
	color: #000;
	text-decoration: none;
}

a:hover{
	color: #28B1A1;
	text-decoration: none;
}
h1{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 20pt;
}

h2{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 18pt;
	margin: 0px;
	font-weight: normal;
	line-height: 30pt;
}

h3{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 14pt;}

h4{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12pt;
	margin: 0px;
}

h5{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin: 0px;
	line-height: 110%;
}

h6{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}	
.class_tw{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #C00;
	line-height: 22px;
}
.class_en{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 9px;
	color: #000;
	line-height: 15px;
}

.class_ref{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 8px;
	color: #999;
}


.red_hr{
	background-color: #C00;
	height: 5px;
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding: 0 px;
}

.font20{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 25pt;
	margin: 0px;
	font-weight: normal;
}
.font18{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 18pt;
	margin: 0px;
	font-weight: normal;
	color: #000;
}

.font16{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 16pt;
	margin: 0px;
	font-weight: normal;
	line-height: 100%;
}
	
.font14{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12pt;
	line-height: 120%;
}
	
.font10{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 10pt;}	

.blue{
	color: #39F;
}

.green{
	color: #0C0;
}
.ys{
	color: #69F;
}

.ong{
	color: #F90;
}
.red{
	color: #C00;
}
.gray{
	color: #666;
}

.bk{
	color: #333;
}
.clear{
	clear: both;
	margin: 0px;
	padding: 0px;
}
.fff{
	color: #FFF;
}
.bar{
	height: 1px;
	clear: both;
	margin: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
}

.line_hr{
	height: 1px;
	clear: both;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 2px;
	margin-left: 2px;
}
.pan_L20px{
	padding-left: 20px;
	margin-top: 20px;
}

.left{
	float: left;
}

.right{
	float: right;
}

table, td{
/*	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 9pt;*/
	color: #666;
}
.tb_line{

border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px solid #C0C0C0;
}

.skip{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #09F;
	width: 80px;
	height: 20px;
	float: right;
	margin-top: 10px;
}


.Version{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	width: 177px;
	height: 40px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
}
.Version a{
	color: #FFF;
}
.Version a:hover{
	color: #FFF;
	background-color: #13E5CF;
}


/*---index---*/
#mainpage{
	width: 100%;
	height: 100%;
	background-color: #FFF;
}

#main_header{
	width: 100%;
	height: 98px;
	background-color: #28B1A1;
}

#main_center{
	width: 100%;
}

#main_footer{
	width: 100%;
	height: 68%;
	background-color: #FFFFFF;
}



.container
{
	width: 1000px;
	margin: 0 auto;

	}

.index{
	width: 990px;
	margin: 0 auto;
	padding-bottom: 20px;

/*	background-image: url(images/index.jpg);*/
	
/*	border: solid #ccc 1px;*/
}


.index_pd{
	width: 700px;
	margin: 0 auto;

}

.js{
	width: 85px;
	height:auto;

}
.line_heigth_150{
	line-height: 150%;
}
/*------------*/


#header{
	width: 980px;
	height: 98px;
	margin: 0 auto;
}

.header{
	width: 980px;
	height: 98px;
	background-color: #28B1A1;
}

.header_pd{
	width: 700px;
	height: 65px;
}


/*---------------*/
.var{
	width: 50px;
	height: 20px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	color: #fff;
	font-size: 12px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	text-align: right;
}


.var a{
	color: #fff;

}

.var a:hover{
	color: #28B1A1;

}

/*----------------------*/
#header_right{
	float: right;
	width: 830px;
	height: 98px;
}

.pd_shearch{
	float: right;
	color: #000;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
}



.up_menu{
	width: 600px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	color: #fff;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 14px;
	margin-top: 10px;
	text-align: center;


}

.up_menu a{
	color: #fff;

}

.up_menu a:hover{
	color: #28B1A1;
	text-shadow: 1px;

}
.up_menu ul{
	margin: 0px;
	padding: 0px;
}

.up_menu li{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #999;
	line-height: 22pt;
	float: left;
	width: 80px;
	text-align: center;/*	border: solid #fff 1px;*/
}

.up_menu li a{
	color: #999;
	display: block;
}

.up_menu li a:hover{
	display: block;
	color: #C30;
/*	border: solid #C30 1px;*/
}
/*-------------------------*/



.logo{
	float: left;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 16px;
	color: #FFF;
	width: 142px;
	height: 98px;
}



.logo_b{
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 16px;
	color: #000;
}

.com_name{
	float: left;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 13px;
	color: #FFF;
	width: 643px;
	height: 61px;
}

/*-----left-------*/

.left_are{
	float: left;
	width: 190px;
	margin-top: 40px;
}
.left_menu{
	width: 190px;
	margin-top: 10px;

}

.left_menu ul{
	margin-top: 0px;
	margin-left: 0px;
}

.left_menu li{
	list-style-type: none;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 15px;
	color: #000;
	text-decoration: none;
	line-height: 25px;
	width: 188px;
	/*	display: block;*/
	margin: 0px;
	border-bottom-color: #666;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-weight: bold;
	padding-top: 2px;
	margin-bottom: 2px;
	display: block;
	height: 25px;
}

.left_menu li a{
	text-decoration: none;
	border: 0px;
	color: #000;
/*	height: 16px;*/
}

.left_menu li a:hover,.left_menu li a.look{
	padding-left: 0px;
	color: #28B1A1;
}
.left_menu li a.menu_bn{
	display: block;
	padding-left: 0px;
	border: 0px;
}

.left_menu ol{
	list-style-type: none;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 25px;
	width: 180px;
	display: block;
	/*
	margin-top: 10px;
	height: 40px;
	padding-top: 15px;
	padding-left: 0px;*/
	border: 0px;
	margin: 0px;
	margin-top: 2px;
	border-bottom-color: #999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 2px;
	margin-left: 10px;
	font-weight: bold;
	height: 25px;
}

.left_menu ol a{


	color: #000;

}

.left_menu ol a:hover,.left_menu ol a.look{
	list-style-type: none;
	color: #28B1A1;

}



.left_menu ol.L3{
	list-style-type: none;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 25px;
	width: 170px;
	display: block;
	/*
	margin-top: 10px;
	height: 40px;
	padding-top: 15px;
	padding-left: 0px;*/
	border: 0px;
	margin: 0px;
	margin-top: 2px;
	border-bottom-color: #999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 2px;
	margin-left: 15px;
	font-weight: bold;
	height: 25px;
}

.left_menu ol.L3 a{


	color: #000;

}

.left_menu ol.L3 a:hover,.left_menu ol.L3 a.look{
	color: #28B1A1;

}

.left_menu1{
	width: 190px;
	margin-top: 2px;

}

.left_menu1 ul{
	margin-top: 0px;
	margin-left: 7px;
}




.left_menu1 ol{
	list-style-type: none;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	width: 160px;
	display: block;
	height: 25px;
	/*
	margin-top: 10px;
	height: 40px;
	padding-top: 15px;
	padding-left: 0px;*/
	border: 0px;
	margin: 0px;
	margin-top: 2px;
	border-bottom-color: #999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 2px;
	margin-left: 20px;
	font-weight: bold;
}

.left_menu1 ol a{


	color: #000;

}

.left_menu1 ol a:hover,.left_menu1 ol a.look{
	list-style-type: none;
	color: #28B1A1;
	text-decoration: none;

}
/*-----about left menu-------------------------*/


.aboutleft_menu{
	width: 190px;
	margin-top: 10px;

}

.aboutleft_menu ul{
	margin-top: 0px;
	margin-left: 0px;
}

.aboutleft_menu li{
	list-style-type: none;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 13px;
	color: #000;
	text-decoration: none;
	line-height: 25px;
	width: 188px;
	/*	display: block;*/
	margin: 0px;
	border-bottom-color: #666;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-weight: bold;
	padding-top: 2px;
	margin-bottom: 2px;
	display: block;
	height: 25px;
}

.aboutleft_menu li a{
	text-decoration: none;
	border: 0px;
	color: #000;
/*	height: 16px;*/
}

.aboutleft_menu li a:hover,.aboutleft_menu li a.look{
	padding-left: 0px;
	color: #28B1A1;
}
.aboutleft_menu li a.menu_bn{
	display: block;
	padding-left: 0px;
	border: 0px;
}

.aboutleft_menu ol{
	list-style-type: none;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 20px;
	width: 180px;
	display: block;
	/*
	margin-top: 10px;
	height: 40px;
	padding-top: 15px;
	padding-left: 0px;*/
	border: 0px;
	margin: 0px;
	margin-top: 2px;
	border-bottom-color: #999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 2px;
	margin-left: 10px;
	font-weight: bold;
}

.aboutleft_menu ol a{


	color: #000;

}

.aboutleft_menu ol a:hover,.aboutleft_menu ol a.look{
	list-style-type: none;
	color: #28B1A1;

}



/*----------------------------*/

.banner{
	width: 900px;
	height: 228px;
	clear: both;
	margin: 0 auto;
	padding-top: 2px;
	z-index: 10000;
}
/*--------------------*/

#in_carousel{
	width: 600px;
	height: 300px;
	clear: both;
	background-image: url(../images/carousel_bg.png);
}

/*---------------------*/
.right_news_are{
	float: right;
	width: 160px;
	margin-top: 35px;
	height: 550px;
}
.right_news_bn{
	color: #000;
	font-weight: bold;
	width: 156px;
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 2px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
}

.right_news{
	margin-top: 10px;

}


.right_news ul{
	margin-top: 0px;
	margin-left: 2px;
	padding-left: 22px;
}

.right_news li{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	line-height: 20px;
	width: 130px;
	border-bottom-color: #CCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	background-image: url(images/news_li_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: decimal;
	padding-left: 0px;
}

.right_news li a{

	color: #000;

}

.right_news li a:hover{
	color: #28B1A1;



}

.new_arrival{
	width: 160px;
	margin-top: 5px;
}

.new_arrival_bn{
	color: #28B1A1;
	font-size: 13px;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-weight: bold;
	text-align: center;
	}

.new_arrival_img{
	width: 121px;
	height: 112px;
	background-color: #FFF;
	margin: 0 auto;
}

.new_arrival_img img{
	width: 121px;
	height: 112px;
	margin: 5px;
}

.new_arrival_info{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	}

.new_arrival_info a{
	text-decoration: none;
	border: 0px;
	color: #000;
	height: 16px;
}

.new_arrival_info a:hover{
	display: block;
	padding-left: 0px;
	color: #28B1A1;
	background-color: #000;
	font-weight: bold;
		height: 16px;
}

/*------------------------*/

.left_text1{
	margin: 10px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 11pt;
	color: #333;
	line-height: 110%;
	font-weight: normal;
	text-align:left;
	float: left;
	width: 280px;
	border-top-color: #09C;
	border-top-style: dotted;
	border-top-width: 1px;
}


.nav_news{
	margin: 10px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	text-align:left;
	float: left;
	width: 280px;
	border-top-color: #CCC;
	border-top-style: dotted;
	border-top-width: 1px;
}
.nav_news_bn{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #C00;
	line-height: 110%;
	float: left;
	width: 180px;
	margin-top: 5px;
	margin-bottom: 2px;
}
.nav_news_img{
	width: 100px;
	height: 110px;
	float: left;
	text-align: center;
}
.nav_news_text{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #999;
	line-height: 120%;
	float: left;
	width: 180px;
	margin-top: 5px;
}

.left_text2{
	margin:10px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 10pt;
	color: #333;
	line-height: 150%;
	font-weight: normal;
	text-align:center;
	float: left;
	width: 300px;
	padding-top: 10px;
	margin-top: 20px;

}

/*.left_text2 img{
	width: 150px;
}*/
.left_text3 {
	padding:5px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 9pt;
	color: #333;
	line-height: 130%;
	font-weight: normal;
	text-align:left;
	float: left;
	width: 320px;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}
	
.left_text3 img {
	width: 220px;
	height: 200px;
}	
	
.left_text4{
	float: left;
	margin-top: 15px;
	width: 660px;
	margin-left: 5px;
	margin-right: 5px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 10pt;
	color: #666;
	line-height: 100%;
}

.left_text5{
	margin: 8px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 10pt;
	color: #666;
	line-height: 150%;
	padding: 8px;
}


.left_ad{
	color: #C00;
	width: 190px;
	text-align: center;
	clear: both;
	margin-top: 2px;
	margin-bottom: 2px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 18px;
}

.left_pd{
	margin: 5px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 110%;
	font-weight: normal;
	text-align:left;
	float: left;
	width: 200px;
	border: solid #E7F1FA 1px;
	padding: 2px;
	height: 100px;
}

.left_pd img{
	margin: 5px;
	float: left;
	height: 80px;
}

.fad{
	height: 449px;
	float: left;
}



/*-----right ---*/
.right_are{
	float: left;
	margin-top: 100px;
	width: 630px;
	margin-left: 10px;
	z-index: 1000;
}


.right_are1{
	float: left;
	margin-top: 50px;
	width: 655px;
	margin-left: 5px;
	height: 400px;
	z-index: 1000;
}

.com01{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
		font-size: 10pt;
	color: #765F32; 
	/*text-align:center;*/
}

.com02{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;}

.icon{
	width: 232px;
	margin-bottom: 8px;
	margin-left: 2px;
}




/*-------------*/
.dn_menu{
	width: 440px;
	height: 68px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 10pt;
	color: #333333;
	line-height: 20pt;
	margin-top: 5px;
	float: left;
	margin-left: 180px;
}

.dn_menu_L {
	float: left;
}

.dn_menu_R {float: left;}

.dn_menu_C {
	float: left;
	height: 68px;
	width: 400px;
	background-image: url(images/menu_bg_02.png);}
.dn_menu ul{
	float: left;
	text-align: center;
	list-style-type: none;
}

.dn_menu li{
	text-align: center;
	list-style-type: none;
	line-height: 40pt;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #333;
	display: block;
	width: 80px;
	height: 50px;
}

.dn_menu li a{	text-decoration: none;	
		color: #333333;}

.dn_menu li a:hover,.dn_menu li a.look{
	text-decoration: none;
	color: #00A650;
	border-bottom-color: #00A650;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}


#footer {
	width: 980px;
	height: 75px;
	clear: both;
	margin: 0 auto;
}


.footer {
	width: 980px;
	height: 100px;
	clear: both;
	margin: 0 auto;
	background-color: #FFFFFF;
}

.f_icon{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
.f_left{
	float: left;
	width: 500px;
}

.f_right{
	float: left;
	width: 480px;
}

.footer_add{
	margin-top: 10px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #000;
	margin-left: 10px;
	float: left;
	font-weight: normal;
}

.footer_add a{
	color: #000;
}

.footer_add a:hover{
	color: #13E5CF;
}

.footer_logo{
	float: left;
	width: 220px;
	margin-top: 10px;
}

.copyright{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 10px;
	color: #000;
	float: left;
	margin-top: 10px;
	width: 450px;
	text-align: right;
}

/*------------------------------------*/

#about_are{
	float: left;
	margin-top: 30px;
	width: 590px;
	margin-left: 5px;
	/*	background-image: url(../images/in_bg.png);*/
	padding: 10px;
	margin-bottom: 5px;
	}

.title{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	border-left-color: #999;
	border-left-style: solid;s
	border-left-width: 3px;
	padding-left: 14px;
}

#about_are .in_text{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 150%;
	width: 95%;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}


#about_are .in_img{
	float: left;
}
#about_are .in_img img{
	width: 250px;
	margin: 10px;

}

.in_textA{
	width: 100%;
}
.height_430{
	height: 400px;
}

/**********************************/
.inside_bg{
	background-image: url(images/in_cont_text_bg_05.png);
}

.dn_index{
	background-image: url(images/bg_m_02.jpg);
	width: 920px;
	height: 20px;
	margin: 0 auto;
}


#product_are{
	float: left;
	margin-top: 30px;
	width: 600px;
	margin-left: 5px;
	padding: 10px;
	margin-bottom: 5px;
	height: auto;
/*	background-image: url(../images/in_bg.png);*/
	}


.pd_m{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	text-align:left;
	width: 590px;
	margin: 0 auto;
}

.pd_search{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	text-align:left;
	width: 720px;
	margin: 0 auto;
}



/*---產品分類-----------*/

.pd_title{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	border-left-color: #28B1A1;
	border-left-style: solid;
	border-left-width: 3px;
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 14px;
	border-bottom-color: #CCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.pd{
	width: 110px;
	float: left;
	margin: 5px;
	text-align: center;
	color: #000;
	background-color: #FFF;
}

.pd_img{
	border: solid #ccc 1px;
}

.pd_img img{
	margin: 5px;
	width: 100px;
	height: 100px;
	
}

.pd_name{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	height: 50px;
}
.pd_name a{	color: #333}

.pd_name a:hover{
	color: #28B1A1;
}

/*-----產品頁籤-------------------*/

#pd_classP{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 14px;
	border-bottom-color: #28B1A1;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	line-height: 25px;

}

#pd_classP .pd_classP{
	float: left;
	height: 25px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #CCC;
	color: #000;
	width: 150px;
	text-align: center;
	}

#pd_classP .pd_classP a{
	color: #000;
	display: block;
	}

#pd_classP .pd_classP a:hover,#pd_classP .pd_classP a.look{
	background-color: #28B1A1;
	color: #FFF;
	display: block;
	border-top-color: #28B1A1;
	border-right-color: #28B1A1;
	border-left-color: #28B1A1;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	width: 150px;
	}

/*---products_in--*/

#pd_in_ds
{
	width: 590px;
	margin: 0 auto;
	border-bottom-color: #CCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-top: 10px;
}

.pd_in{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: left;
	width: 255px;
}

.pd_in_title{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 18px;
	color: #28B1A1;
	font-weight: bold;
}

.pd_in_img{
	border: solid #ccc 1px;
	width: 320px;
	float: left;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
.pd_in_img img{
	margin: 5px;
	width: 300px;
}

.pd_in_line{
	border-top-color: #999;
	border-top-style: dotted;
	border-top-width: 1px;
}
.pd_in_decname{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 25px;
	float: left;
	width: 80px;
	text-align: right;
}
.pd_in_dec{
	margin-top: 5px;
	margin-bottom: 5px;
	float: right;
	width: 255px;
}

.pd_in_dec_text{
	color: #000;
	margin-left: 10px;
}

.pd_in_dec_text ul{
	padding-left: 20px;
}

.pd_in_dec_text li{
	line-height: 120%;
	font-weight: bold;
}

.pd_in_details{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #000;
	margin-left: 45px;
	padding-top: 10px;
	float: left;
}




/*-----------最新消息------------*/


#news_are{
	width: 590px;
	margin: 0 auto;
	padding-top: 10px;
}


.list_bg{	background-color: #28B1A1;}
.new_date{
	color: #000000;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	float: left;
	width: 70px;
	text-align: center;
	margin: 5px;
	padding: 5px;

	font-weight: bold;
}

.new_titile{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #000000;
	float: left;
	margin: 5px;
	width: 480px;
	padding: 5px;

	font-weight: bold;
}

#news_are .newsin{
	color: #000;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 14px;
}

#news_are .newsin ul{
	margin: 0px;
	padding-left: 20px;
}


#news_are .newsin li{

}
.newin_date{
	color: #333;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 12px;
	float: left;
	width: 70px;
	text-align: center;
	margin: 5px;
	padding: 5px;
	font-style: italic;
}

.newin_titile{
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	font-size: 14px;
	color: #000;
	float: left;
	margin: 5px;
	width: 480px;
	padding: 5px;
	text-shadow: 1px 1px 2px #999;
	font-weight: bold;
}


#news_are .newsin img{
	text-align: center;
	background-color: #FFFFFF;
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
}


/*--------------------*/
.page{
	width: 600px;
	height: 40px;
	margin: 0px auto;
	clear: both;
}
.page_no{
	font-size: 9pt;
	font-family: Geneva, 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	color: #F30;
	margin: 5px;
	width: 20px;
	text-align: center;
	height: 20px;
	line-height: 15pt;
	float: left;
	border: solid #F30 1px;
}

.page_no a{
	color: #F30;
	display: block;
}

.page_no a:hover, .page_no a.look{
	color: #fff;
	background-color: #F30;
	display: block;
}


.page_a{
	font-size: 9pt;
	font-family: Geneva, 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	color: #000;
	margin: 5px;
	width: 40px;
	text-align: center;
	height: 20px;
	line-height: 16pt;
	float: left;

}

.back{
	font-size: 12px;
	font-family: Geneva, 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	color: #F90;
	float: right;
	margin: 5px;
}
/*---------------------*/
#contact_are{
	color: #000;
}

#contact_left{
	color: #000;
}

#contact_left table,td{
	font-size: 12px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	color: #000;
}

input,option,select,textarea{
	font-size: 13px;
	font-family: 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	color: #333;
	line-height: 16px;
	text-align: left;
}

.input_br{
	border: hidden;

}
.ifile {
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
	left: 809px;
	top: 28px;
	width: 136px;
	color: #333;
}

.cont_add{
	font-size: 16px;
	font-family: Geneva, 'Noto Sans SC', "Comic Sans MS", "Trebuchet MS", sans-serif;
	color: #000;
}

.cont_map{
	width: 521px;
	margin: 5px auto;
	padding-top: 10px;
	padding-bottom: 10px;

}
/*-------contact form--------------*/
#__contact_name ._input
{
	float: left;
}
#__contact_name ._text
{
	color: #FF0000;
}
#__contact_company ._input
{
	float: left;
}
#__contact_company ._text
{
	color: #FF0000;
}
#__contact_country ._select
{
	float: left;
}
#__contact_country ._text
{
	color: #FF0000;
}
#__contact_city ._input
{
	float: left;
}
#__contact_city ._text
{
	color: #FF0000;
}
#__contact_email ._input
{
	float: left;
}
#__contact_email ._text
{
	color: #FF0000;
}
#__contact_notes ._textarea
{
	float: left;
}
#__contact_notes ._text
{
	color: #FF0000;
}
