@charset "utf-8";
@import url("top.css");@import url("copyright.css");
@import url("pro.css");
A:link { FONT-STYLE: normal; TEXT-DECORATION: none; color: #777777} 
A:visited { FONT-STYLE: normal; TEXT-DECORATION: none; color: #777777} 
A:active { FONT-STYLE: normal; TEXT-DECORATION: none; color: #777777} 
A:hover { COLOR: #000; FONT-STYLE: normal; TEXT-DECORATION: none}
 
body {margin: 0px;background-color: #fff;font-size: 12px;color:#5d5d5d;line-height: 24px;font-family: Arial, Helvetica, sans-serif;background-image: url(../images/bg.jpg);background-repeat: no-repeat;
}
	
.f9px{ font-size:10px;}
.f11px{font-size:10px;}
.f12pt{font-size:12px;}
.f10px{font-size:10px;}
.c_gray01{ color:#828282;}
.c_gray02{ color:#c3c3c3;}
.c_black{ color:#000;}
.c_red{ color:#ac1100;}
.c_orang{	color: #F00;}
.fhight16{ line-height:16px;}

/*--------------bg_main-------------*/
#bg_main{	position: relative;	width:1000px;	margin:0px auto; clear:both; background:url(../images/bg_main.jpg) top center repeat-x; background-color:#fff;}

/*--------------圖片輪播-------------*/
.slideshow {background: url(../images/bg_in_pic.jpg) top center no-repeat; width:715px; text-align:center;  height:330px;}
.slideshow img { padding:6px;  background:url(images/bg_in_pic.jpg) bottom center no-repeat;}

/* ------------- left - 內頁左邊選單 ------------- */
.left{	width: 220px; display:inline-block;.float:left;border: 0px solid #b32480;
vertical-align:top;clear:both; background:url(../images/bg_left.jpg) repeat ;padding-left:0px;min-height:600px;}
.menu-box{	text-align: left; padding-bottom: 100px;clear:both; }
.menu {  margin-bottom:25px; width:90%; margin:10px 0px 0px 10px;border:0px solid #000;}
.menu UL {	MARGIN: 0px; padding:0px;	Z-INDEX:2;  POSITION: relative; line-height: 16px; border-bottom:0px solid #036;}
.menu LI {	padding:0px; margin:0px;list-style-type: none;}
.menu LI A { padding-left:15px; color:#737373; display:inline-block;WIDTH: 184px;min-height:19px;;height:25px; background-color: #f6feff;
padding-top:5px;border-bottom:1px  dotted #e4e1da;}
.menu LI A:link { color:#777777;}
.menu LI A:visited{ color:#777777;}
.menu LI A:hover {	background: #09F; TEXT-DECORATION: none;color:#fff;transition: all 0.5s ease-in-out 0s;}

.menu_s01 {	font-size: 12px;color: #777777; WIDTH:190px; border-bottom:1px dotted #ccc}
.menu_s01 A {  padding:0px 0px 0px 5px; color:#777777; display:inline-block;min-height:26px; .height:26px;}
.menu_s01 a:link, .menu_s01 a:visited  {color:#777777;}
.menu_s01 a:active, .menu_s01 a:hover {	BACKGROUND: url(../images/mus_02.gi) no-repeat  left 5px; TEXT-DECORATION: none;color:#ad854d; font-weight:bold;}

.menu_s02 {	font-size: 11px;color: #777777; WIDTH:90%; _WIDTH:190px;}
.menu_s02 A { padding-left:31px; color:#959393; display:inline-block;WIDTH: 159px;min-height:32px; .height:32px;  border-bottom:dashed 0px #cccccc; margin-left:10px;}
.menu_s02 a:link, .menu_s02 a:visited  {color:#959393;}
.menu_s02 a:active, .menu_s02 a:hover {	BACKGROUND: url(../images/mus_02.gif) no-repeat  left 5px; TEXT-DECORATION: none;color:#ad854d; font-weight:bold;}

	

/* ------------- main ------------- */
.main{text-align: left;padding:0px 20px 0px 2px;
display:inline-block;width:740px; clear:both;.clear:none; border:0px solid #006}

.title{width:100%; height:50px;background:url(../images/title_bg.gif) no-repeat ; float:left; padding-left:10px;margin:30px 0px 30px 10px;border:0px solid #006;}

.h1{font-size:16px; font-weight:bold;float:left; padding:3px 0px 2px 10px; min-width:100px;  width: auto !important; width: 100px; margin:10px 0px 0px 25px;}
h2{font-size:1.2em; margin:0px;}

.breadcrumbs{ font-size:12px;color:#c9c9c9; height:31px;  width:100%; float:right; text-align:right;margin:-25px 0px 0px 0px; padding:0px 20px 0px 20px;}
.breadcrumbs a:link, .breadcrumbs a:visited  {	color: #9f9f9f;	padding-top: 10px;}
.breadcrumbs a:active, .breadcrumbs a:hover {	color: #9f9f9f;	text-decoration: underline;}
.home{}
.home:link, .home:visited  {color: #000;	padding-top: 10px;}
.home:active, .home:hover {	color: #ef5400;	text-decoration: underline;}
.breadcrumbs .home{}
.breadcrumbs .home:link, .breadcrumbs .home:visited  {color: #9f9f9f;}
.breadcrumbs .home:active, .breadcrumbs .home:hover { color: #9f9f9f;	text-decoration: underline;}



.content-main{ width:98%; float:left; margin: -20px 0px 0px 20px ;border: 0px solid red; }
.both{clear:both;}
.content-main ul ol li{ margin:-20px;}

/* ------------- search ------------- */
.prod_search{background:url(../images/under_search.png) no-repeat; width:165px; float:right; padding-left:130px;}
.prod_searchbox{ border:1px solid #b6bec5; color: #CCC; width:126px; }
body:nth-of-type(1) .prod_searchbox{ /* safari 3+, chrome 1+, opera9+ */
margin-top:2px;
}
.search_but{margin-top:6px; *margin-top:10px; _margin-top:10px;}
body:nth-of-type(1) .search_but{ /* safari 3+, chrome 1+, opera9+ */
margin-top:-4px;
}
.search_but{margin-top:0px; *margin-top:0px; _margin-top:0px;}

/* ------------- from ------------- */

form{ margin:0px;}
.input_1 {border: 1px solid #BBBBBB;background: #fff;} 
.input_2 {border: 1px solid #BBBBBB;background: #fff; width:300px; height:20px} 
.input_code {border: 1px solid #BBBBBB;background: #fff; width:90px; height:20px} 
.input_3 {border: 0px solid #BBBBBB; //改變外框 background: #fff; // 背景色/;}
/* ------------- page ------------- */
#move_page {	text-align: center;	margin-top: 20px;	margin-bottom: 30px;}
#move_page .onthis{	font-size: 14px;	font-weight: bold;	color: #00b6c1;	text-decoration: none;	padding-right: 5px;	padding-left: 5px;}
#move_page a {	font-size: 11px;	font-weight: normal;	color: #a8a7a7;	text-decoration: none;	padding-right: 5px;	padding-left: 5px;}

/* ------------- news ------------- */
.news_date{ float:right;}
.news_list strong{ font-size:13px;}
.news_list { font-size:11px; color:#999;}
.news_listpic{ border:0px #d1d1d1 solid; padding:5px;}



/* ------------- video ------------- */
.video_box{background:url(../images/video_box.jpg) no-repeat; padding:15px; margin-bottom:10px;}

/* ------------- contact 上下樣式 ------------- */
.contact_add{ font-size:13px; line-height:18px; color:#787878;
background:url(../images/contact_bg.jpg) top left no-repeat; padding:0px 10px 5px 0px; border-bottom:#ccc 3px solid; margin-bottom:10px; margin-top:50px;  }
.contact_add strong{ color:#bce100;}
.contact_form{float:left;border:0px #0C0 solid; font-size:12px;width:100%;}


/* ------------- 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 ------------- */
.td_main01{	padding-left: 30px;	 padding:5px; border-top:3px solid #ccc;}
.td_bg01{ background-color:#fff;padding: 5px;border-bottom:1px dashed #cccccc;}
.td_bg02{background-color:#fafafa;padding: 5px; border-bottom:1px dashed #cccccc;}
.td_bg03{background-color:#ccc;}
.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;}


/* ------------- topbar ------------- */
#webcall { width:16px; position:absolute;right:0px;top:0px; margin-top:350px; margin-left:200px;z-index:1;}
/* ------------- shopping car ------------- */
.car1 {
	background-image: url(../images/car1.jpg);
	background-repeat: repeat-y;
	text-align: left;
	line-height: 20px;
}
.car2 {
	color: #FFF;
	text-align: center;
	background-image: url(../images/car3.jpg);
	background-repeat: repeat-x;
	padding: 5px;
}
.car3 {
	text-align: center;
	padding: 5px;
	border-bottom:1px solid #dcd2df;
}
.car4 {
	text-align: right;
	padding: 5px;
	border-bottom:1px solid #dcd2df;
}
.car5 {
	border-top: 3px solid #ccc;
	text-align: right;
	padding-top: 15px;
}