@charset "utf-8";

body { margin:0px;
	font-size: 13px;
	color:#828282;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/bg_ind.jpg) repeat-x center top;
}
a{	text-decoration:none;	color:#828282;	}
a:hover{	color:#fe8900; text-decoration:underline;	}
img{	border:0;	}
.f10px{ font-size:10px;}
.f12px{ font-size:16px;}
.c_red{ color:#C00;}
.c_orang{ color:#e79300;}


/* ------------- all ------------- */
.bg{
	width:1000px;
	margin:0 auto;
	}
#top{
	background:url(../images/bg.gif) repeat-x;
	}
#bg_main{
	}

/* ------------- left ------------- */
.left{
	width:238px;
	float:left;
	}
.menu-box{	text-align: left; padding-bottom: 100px;clear:both;}

.menu {  margin-bottom:25px; margin-left:20px;}
.menu UL {	MARGIN: 0px;PADDING: 0px;	Z-INDEX:2; WIDTH:190px; POSITION: relative; line-height: 16px; border-bottom:0px solid #036;}
.menu LI {	PADDING:0px;MARGIN: 0px;list-style-type: none;}
.menu LI A { BACKGROUND: url(../images/mu_01.gif) no-repeat top left;padding-left:40px; color:#595959; display:inline-block;WIDTH: 100%;min-height:32px; .height:32px; padding-top:8px;}
.menu LI A:link { color:#595959;}
.menu LI A:visited{ color:#787878;}
.menu LI A:hover {	BACKGROUND-POSITION: -236px top; TEXT-DECORATION: none;color:#fff;}

.menu LI .active{	background:url(../images/menu_active.gif) no-repeat 0 0;	}
.menu LI .active a{	color:595959; }
.menu LI .active a:hover{	color:fff;	}	

.menu_ad img{	margin-bottom:10px;	
	}

/* ------------- main ------------- */
.main{	float:right;	width: 730px;	}
.title h2{		font-size:16px;	color:#e79300;	}
.breadcrumbs{ font-size:0.8em;text-align: right;	color:#a8c03d; 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: #ef5400;	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: #ef5400;	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: #ef5400;	text-decoration: underline;}


.content{	border: 0px solid #cee;}
.content-main{	padding-bottom:50px;	}
.both{clear:both;}
.content-main ul ol li{ }

/* ------------- copyright ------------- */
.copy_wrap{
	background:url(../images/copy_bg.gif) repeat-x;
	clear:both; padding-top:30px;
	}
#Copyright {
	height:98px;
	color:#a3acaf;
	width:1000px;
	margin:0 auto;
}
.copy_info{ color:#d4d8d9;
	font-size:12px;
	margin-bottom:6px;
	}
.copy_info a{
	color:#bf8c15;	
	}
.copy_info a:hover{
	text-decoration:underline;
	}
.copy_info_02{ color:#b7a78f;
	line-height:20px;
	font-size:11px;
	}
a.copy_link{ font-size:10px;
	display:inline-block;
	float:right;
	color:#d7c7b8;
	}
a.copy_link:hover{
	text-decoration:underline;	
	}

/**************page layout********************/
.company_info{
	min-height:450px;
	background:url(../images/ .jpg) no-repeat right bottom; padding-bottom:50px;
}
.company_info2{
}

/* ------------- search -------------*/
.prod_search{background:url(../images/under_search.gif) no-repeat; width:210px; padding:30px 0px 20px 10px; margin-left:20px;}

/* ------------- page ------------- */
#move_page {	text-align: center;	margin-top: 20px;	}

#move_page a {
	padding:0 5px;
	color:#d2b7a1;
	}
#move_page a:hover{
	color:#e86800;
	}
#move_page .onthis{
	font-size: 16px;
	color:#e86800;
	}
/* ------------- 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;}

/* ------------- contact ------------- */
.inquiry{}

/* ------------- video ------------- */
.video_box{background:url(../images/video_box.jpg) no-repeat bottom; padding-top:10px; width:171px; height:115px; margin:0px auto;border-top:1px solid #e3e3e3; }

/* ------------- contact 左右樣式 ------------- */
.contact_add{
	background:url(../images/contact_bg.jpg) no-repeat 0 0;
	float:left;
	width:280px;
	padding-top:350px;
	height:0px;
	}
	
.contact_add strong{ color:#000;}
.contact_form{ float:right; border:0px #0C0 solid; width:420px;}

/* ------------- 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 ------------- */
.news_table{
	border:0;
	}
.news_table th,.news_table td{	padding:5px;}
.news_table th{
	color:#e5ae78;
	text-align:center;
	background:url(../images/th_column_line.gif) repeat-x bottom;
	font-size:16px;
	}

.td_main01{	padding-left: 30px;	background:url(../images/icon_line.jpg) no-repeat center left;background-color: #f6f6f6; padding:5px; border-top:3px solid #598803;}
.td_bg01{
	background:url(../images/td_column_line.gif) repeat-x bottom;
	}
.td_bg02{
	background:url(../images/td_column_line_02.gif) repeat-x bottom left;
	}
.td_date{
	font-size:10px;
	color:#febe7f;
	text-align:center;
	}
.td_head{
	background:url(../images/th_column_line.gif) repeat-x bottom;
	
	}
table.contact_table{
	width:100%;
	}
table.contact_table input{
	font-family:Arial, Helvetica, sans-serif;
	}
table.contact_table td{
	padding:5px 0;
	}
.td_01{
	text-align:right;
	}
.td_01 span{
	color:red;
	}
.td_02{}
.td_03{	border-bottom:1px solid #e8e8e8;	padding-top: 3px;}
.set_01{
	background-color:#e0d5c5;
	width:100%;
	border:0;
	}
.set_02{
	border:0;
	margin-right:5px;
	background:#e0d5c5;
	width:40%;
	}
	
	
.sitemap{background:url(../images/sitemap_ico_bg.jpg) no-repeat top right; min-height:300px; }
.sitemap02{border-bottom:1px dashed #c6c6c6; margin:0px 20px 0px 20px; padding:5px;}
.sitemap02 A {background:url(../images/mu_02.gif) no-repeat top left;padding-left:10px; }
.sitemap02 A:link { color:#4d9cb7;}
.sitemap02 A:visited{ color:#3b839b;}
.sitemap02 A:hover {color:#e78a4c;background:url(../images/mu_02.gif) no-repeat -236px top;}


    .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    }
    .clearfix {
    display: inline-block;
    }
    html[xmlns] .clearfix {
    display: block;
    }
    * html .clearfix {
    height: 1%;
    }
	
	
	
	/* 行事曆Calender */
	.class_2{
		text-align:left;
	}
	.class_w{
		text-align:left;
	}
	.class_w_title{
		text-align:center;
	}