@charset "utf-8";
@import url("copyright.css");
A:link {	FONT-STYLE: normal;	TEXT-DECORATION: none;	color: #2383ea} 
A:visited { FONT-STYLE: normal; TEXT-DECORATION: none; color: #7095ad} 
A:active { FONT-STYLE: normal; TEXT-DECORATION: none; color: #575757} 
A:hover { COLOR: #FF6600; FONT-STYLE: normal; TEXT-DECORATION: underline} 
body {
	background-color: #FFFFFF;
	font-size: 0.8em;
	color:#5d5d5d;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bg_main.jpg);
	background-repeat: repeat-x;
	margin: 0px;
}
.c-orang{	color: #F00;}
.f9pt{ font-size:10px;}
.f12pt{font-size:12px;}
.f10px{font-size:10px;}
.c-gray01{
	color:#333333;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.c-black{ color:#000;}
.c-red{ color:#ac1100;}
.c-blue{
	color:#006699;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
}

.line{

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 1px;

	border-left-width: 0px;

	border-bottom-style: dotted;

	border-bottom-color: #666666;

}
.line{

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 1px;

	border-left-width: 0px;

	border-bottom-style: dotted;

	border-bottom-color: #666666;

}


/* ------------- table ------------- */
.td-01{	border-bottom: 1px dotted #c0c0c0;padding:5px;}
.td-02{	border-bottom:1px solid #e8e8e8;	padding-top: 3px;}
.td-03{	border-bottom:1px solid #e8e8e8;	padding-top: 3px;}

.td-bg01{border-bottom: 1px dotted #ccc;padding:3px; background-color:#fff;}
.td-bg02{border-bottom: 1px dotted #ccc;padding:3px; background-color:#f6f6f6;}



/* ------------- left ------------- */
#top{
	width:1006px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 268px;
}

#top2{
	width:980px;
	text-align:center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	height: 89px;
}
#bg_main{
	position: relative;
	width:980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
}

/* ------------- left ------------- */
.left{	width: 254px;	background:url(../images/bg_left.jpg) no-repeat; display:inline-block;.float:left;border: 0px solid #b32480;	vertical-align:top; min-height:350px; .height:350px;}
.left02{width: 254px;	background:url(../images/bg_left_02.jpg) no-repeat;	display:inline-block;.float:left;border: 0px solid #b32480;	vertical-align:top;min-height:350px; .height:350px;}
.menu-box{	text-align: left;	padding-bottom: 100px;}
.menu {
	margin-left:25px;
	margin-bottom: 15px;
	margin-right: 0px; padding-top:50px;
}
.menu UL {
	MARGIN: 0px;
	PADDING: 0px;
	Z-INDEX:200;
	WIDTH: 190px;
	POSITION: relative;
	line-height: 36px;
}
.menu LI {	PADDING:0px;	MARGIN: 0px;list-style-type: none; }
.menu LI A {
	BACKGROUND: url(../images/mu_01.gif) no-repeat 0px 50%;
	padding-left:10px;
	color:#595959;
	display:inline-block;
	width:100%;
}
.menu LI A:link {	color:#006600;	font-weight: bold;	font-size: 13px;}
.menu LI A:visited{ color:#787878;	font-weight: bold;}
.menu LI A:hover {	BACKGROUND-POSITION: -236px 50%; TEXT-DECORATION: none;color:#adadad;}

.menu_s01 {	font-size: 12px;color: #595959;	padding-left: 0px;}
.menu_s01 A { color:#414141;WIDTH:170px;margin-left:10px;  display:inline-block; min-height:26px;line-height:16px; padding-top:10px;}
.menu_s01 a:link, .menu_s01 a:visited  {padding-left:30px;	color: #414141;	text-decoration: none; background:url(../images/mus_02.html) no-repeat 0px top;border-bottom:1px dotted #ccc;}
.menu_s01 a:active, .menu_s01 a:hover {	padding-left:30px;color: #adadad;	text-decoration: none;	background:url(../images/mus_02.html) no-repeat 0px bottom;BACKGROUND-POSITION: -228px top;border-bottom:1px dotted #ccc;}

.menu_s02 {	font-size: 12px;color: #999;	line-height:18px;}
.menu_s02 A { width:170px; min-height:26px;margin-left:20px; BACKGROUND: url(../images/mus_03.html) no-repeat 0px 50%;color:#595959; display:inline-block; }
.menu_s02 a:link, .menu_s02 a:visited  {padding-left:20px;color: #999;	text-decoration: none; background:url(../images/mus_03.html) no-repeat;border-bottom:1px dotted #ccc;}
.menu_s02 a:active, .menu_s02 a:hover {	padding-left:20px;color: #538400;	text-decoration: none;	background:url(../images/mus_03.html) no-repeat;BACKGROUND-POSITION: 0px 50%;border-bottom:1px dotted #ccc;}


/*----serach--*/
.prod_search{
	background:url(../images/under_search.gif) no-repeat;
	width:185px;
	padding-left:45px;
	height:55px;
	padding-top:35px;
}
.prod_searchbox {
	font-size:10px;
	width:94px;
	border:1px solid #FFFFFF;
}

/* ------------- main ------------- */
.main{
	background-image:url(../images/bg_right.html);
	background-repeat: no-repeat;
	background-position: right top;
	border: 0px solid #b32480;
	text-align: left;
	display:inline-block;
	width: 680px;
	padding-top: 0px;
	padding-bottom: 0px;
}
h1{
	font-size:26px;
	margin:0px;
	display:inline;
	color: #059003;
	font-family: "Times New Roman", Times, serif;
}
.h1{font-size:16px; font-weight:bold;color:#000;float:left;}
h2{font-size:1.2em; margin:0px;}
.title{background:url(../images/title_bg.gif) no-repeat;}
.breadcrumbs{
	font-size:0.8em;
	text-align: right;
	color:#999999;
	height:31px;
	margin:0px;
	padding-top:5px;
	border:0px solid #00F;
}
.breadcrumbs a:link, .breadcrumbs a:visited  {	color: #000;	padding-top: 10px;}
.breadcrumbs a:active, .breadcrumbs a:hover {
	color: #FFCC00;
	text-decoration: underline;
}
.home{background:url(../images/icon_home.jpg) no-repeat;}
.home:link, .home:visited  {color: #000;	padding-top: 10px;}
.home:active, .home:hover {
	color: #FFCC00;
	text-decoration: underline;
}
.breadcrumbs .home{background:url(../images/icon_home.jpg) no-repeat 3px 10px; padding:5px;}
.breadcrumbs .home:link, .breadcrumbs .home:visited  {color: #fff;}
.breadcrumbs .home:active, .breadcrumbs .home:hover {
	color: #FFCC00;
	text-decoration: underline;
}


.content{	border: 0px solid #cee;}
.content-main{
	border: 0px solid red;
	width: 660px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.both{clear:both;}
.content-main ul ol li{ margin:-20px;}



/* ------------- cat01------------- */
.catlis_box{border: 0px solid #ffcccc;}
.catlis{ float:left; margin:0px 10px;font-size:11px; width:90%; line-height:18px;padding:10px 0px 20px 0px;background:url(../images/pro_line.jpg) bottom no-repeat;border:1px solid #069;}
.catlis a:link, .pro a:visited  {color:#fff;}
.catlis a:active, .pro a:hover {	color:#aff24f;	text-decoration: underline;}
.catlis img{ float:left;}
.catlislist_description{	margin-left:20px;	float:left;	border:1px solid #069;	width:60%;}
.catlislist_description img{ margin-left:300px;}
.catlis_name{	color: #000;font-size:13px; font-weight: bold;background:url(../images/pro_bg_name.jpg) no-repeat; height:36px; padding-left:15px;padding-top:15px;}
.catlis_description{	float:left;	border:0px solid #006;	width:400px;}
.catlis_descriptionimg{ width:305px;float:left;}
.catlis_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.catlis_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.catlis_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}



/* -------------專用 ------------- */
.product_box{padding:20px 0px 50px 0px;	border: 0px solid #ffcccc;background:url(../images/pro_line.jpg) bottom no-repeat;}
.pro{
	text-align:center;
	float:left;
	font-size:11px;
	width:29%;
	line-height:18px;
	background:url(../images/pro_frame.jpg) no-repeat 15px -5px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.pro img{ margin:10px;}
.pro a:link, .pro a:visited  {color:#000;}
.pro a:active, .pro a:hover {	color:#aff24f;	text-decoration: underline;}
.prolist_description{ text-align:left;}
.prolist_description img { display:block; margin:0 auto; width:auto;}
.pro_descriptionimg{ width:405px;float:left;}
.pro_description{
	float:left;
	border:0px solid #006;
	width:270px;
}
.pro_name{	color: #000;font-size:13px; text-align:center;	font-weight:  height:36px; padding-top:5px;font-weight:bold;}
.pro_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:left;}
.pro_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ margin-top:30px; text-align:center; clear:both;}
.inquiry_but{ margin-top:20px;}



/* ------------- news ------------- */
.td_main01{
	padding-left: 30px;
	background:url(../images/icon_line.jpg) no-repeat center left;
	background-color: #dedede;
	padding:5px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #eb8334;
}
.td_bg01{ background-color:#fff;padding: 5px;border-bottom:1px solid #e7e7e7;}
.td_bg02{background-color:#fafafa;padding: 5px; border-bottom:1px solid #e7e7e7;}
#move_page {	text-align: center;	margin-top: 20px;	margin-bottom: 30px;}
#move_page .onthis{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
	padding-right: 5px;
	padding-left: 5px;
}
#move_page a {	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
/* ------------- contact ------------- */
.inquiry{}

/* ------------- contact ------------- */
.contact_add{ font-size:10px; line-height:18px; color:#adb0a5;background:url(../images/mutitle_contact.jpg) no-repeat; padding:50px 50px 30px 300px;}
.contact_add strong{ color:#000;}


/* ------------- button ------------- */
.but_cancel{ font-size:10px; color:#FFF;padding:10px; margin:10px; border:0px;}
.but_send{font-size:12px; color:#FFF;padding:10px;margin:10px; border:0px;}

/* ------------- table ------------- */
.table_01{
	      border-bottom:1px solid #6aa601;
	      text-align:left;
		  padding-left:8px;
}
.table_02{
	      border-bottom:1px solid #91bf41;
		 text-align: center;
}
.table_03{
	      border-bottom:1px solid #91bf41;
		 text-align: center;
}
.table_04{
	      border-bottom:1px solid #91bf41;
		text-align: center;
}