@charset "utf-8";
.cleancss {
    clear:both;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #F4F4F4;
}
#index_header {
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4c8c5a;
	border-right-color: #4c8c5a;
	border-bottom-color: #71be10;
	border-left-color: #4c8c5a;
	height: 535px;
}
#index_banner {
	background-image: url(images/banner_bg.jpg);
	height: 535px;
}
#header {
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4c8c5a;
	border-right-color: #4c8c5a;
	border-bottom-color: #71be10;
	border-left-color: #4c8c5a;
}
.top_right {
	vertical-align: top;
	padding-left: 33px;
}
#logo {
	position: absolute;
	width: 1000px;
	z-index: 50;
}


.logo_img img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;


}
#top_box {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.menu {
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	background-image: url(images/menu_bg.png);
	background-repeat: repeat-x;
	padding-top: 0px;
}

.menu a {
	color: #000;
	text-decoration: none;
	color: #373737;
	display: block;
	font-size: 16px;
	font-weight: bold;
	float: left;
	width: 73px;
	padding:0 0 0 15px;
}


.menu a:hover {
	text-decoration: none;
	color: #089a00;
	background-image: url(images/arrow1.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#mennu_box {
	margin-top: 4px;
}

#top_home {
	display:block;
	width: 230px;
	height:22px;
	float: right;
	margin-top:30px;
}

#top_home #top_01{
	float:  right;
	}
	
#top_home #top_01 a {
	background-image:url(images/topicon_01a.png);
	width:54px;
	height:22px;
	display:block;
	text-indent:-9999px;
	}
	
#top_home #top_01 a:hover {
	background-image:url(images/topicon_01b.png);
	}

#top_home #top_02{
	float: right;
	}
	
#top_home #top_02 a {
	background-image:url(images/topicon_02a.png);
	width:62px;
	height:22px;
	display:block;
	text-indent:-9999px;
	}
	
#top_home #top_02 a:hover {
	background-image:url(images/topicon_02b.png);
	}

#top_home #top_03{
	float: right;
	}
		
#top_home #top_03 a {
	background-image:url(images/topicon_03a.png);
	width:58px;
	height:22px;
	display:block;
	text-indent:-9999px;
	}
	
#top_home #top_03 a:hover {
	background-image:url(images/topicon_03b.png);
	}

#top_home #top_04{
	float: right;
	}
		
#top_home #top_04 a {
	background-image:url(images/topicon_04a.png);
	width:56px;
	height:22px;
	display:block;
	text-indent:-9999px;
	}
	
#top_home #top_04 a:hover {
	background-image:url(images/topicon_04b.png);
	}

.logo_img {
	padding-top: 9px;
	padding-left: 19px;
	width: 300px;
}
#left_btn {
	width:214px;
	}
#left_btn img {
	margin-top: 10px;
	margin-bottom: 20px;
}
#left_btn .news{
	display:none;
	margin:0 0 15px 0;
	width:214px;
	background-image:url(images/news_back.jpg);
	}
	
#left_btn .news_title{
	background-image:url(images/news_icon.png);
	width:214px;
	height:30px;
	margin:0 0 10px 0;
	}
#left_btn .news_text{
	overflow:auto;
	width:214px;
	}

#left_btn .news_text p{
	float:right;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 15px;
	color:#424242;
	width:180px;
	margin:5px 6px 4px 10px;}
	
#left_btn .news_text img{
	float:left;
	margin:10px 0px 5px 7px;
	}

#left_btn .news_on{
	background-image: url(images/news_line.jpg);
	width:214px;
	height:5px;
	margin:4px 0;
	}


#main_box {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#main_bg {
	background-image: url(images/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 1px;
	background-color: #FFF;
}
#left_box ul {
	margin: 0px;
	padding: 0px;
}
#left_box ul li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}



#left_box ul li     a {
	color: #000;
	text-decoration: none;
	color: #7b7b7b;
	text-decoration: none;
	background-image: url(images/arrow2.jpg);
	background-repeat: no-repeat;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 15px;
	font-weight: bold;
	display: block;
	background-position: 5px 12px;
	background-color: #FFFFFF;
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #14120d;
	border-right-color: #14120d;
	border-bottom-color: #14120d;
	border-left-color: #14120d;
	margin-bottom: 5px;
	margin-top: 5px;
}


#left_box ul li      a:hover {
	color: #000;
	text-decoration: none;
	color: #089a00;
	text-decoration: none;
	background-image: url(images/arrow2over.jpg);
	background-repeat: no-repeat;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 15px;
	font-weight: bold;
	display: block;
	background-position: 5px 12px;
	background-color: #ecf4df;
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #14120d;
	border-right-color: #14120d;
	border-bottom-color: #14120d;
	border-left-color: #14120d;
	margin-bottom: 5px;
	margin-top: 5px;
}
.tb_icon {
	background-image: url(images/tb_arrow.png);
	background-repeat: no-repeat;
	padding-left: 34px;
	padding-top: 8px;
	font-size: 21px;
	color: #44823b;
	font-weight:600;
	width: 100px;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
}

#authenticate {
	padding-left: 160px;
	padding-top: 20px;
	padding-bottom: 70px;
}

#place_d {
	padding-bottom: 20px;
	margin-top: 20px;
	margin-left: 25px;
	margin-bottom: 20px;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 13px;
	line-height: 22px;
	color: #636060;
}

#place {
	padding-bottom: 20px;
	margin-top: 20px;
	margin-left: 25px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-bottom: 20px;
}
#contact {
	padding-left: 160px;
	color: #636060;
	font-size: 13px;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	line-height: 22px;
	padding-bottom: 40px;
}
.contact_txt {
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 13px;
	color: #666;
	background-color: #FFF;
	border: 1px solid #CCC;
}

.color2 {
	color: #F00;
}
#contact_img  {
	margin-bottom: 10px;
	display: block;
}

#company {
	background-image: url(images/compnay.jpg);
	background-repeat: no-repeat;
	padding-left: 160px;
	background-position: bottom;
	padding-top: 20px;
	padding-bottom: 70px;
}

#news {
	padding-left: 160px;
	padding-top: 50px;
	padding-bottom: 70px;
}

.auth_td1 {
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-image: url(images/auth_td1.jpg);
	background-repeat: repeat-x;
	padding: 8px;
}
.auth_td2 {
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 13px;
	color: #636060;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EAEAEA;
	border-right-color: #EAEAEA;
	border-bottom-color: #EAEAEA;
	border-left-color: #EAEAEA;
	padding: 8px;
}
.auth_td3 {
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 13px;
	color: #636060;
	padding: 8px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EAEAEA;
	border-right-color: #EAEAEA;
	border-bottom-color: #EAEAEA;
	border-left-color: #EAEAEA;
	text-align: center;
}
.auth_td3 a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}





.tb_line {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6c9a00;
	border-right-color: #6c9a00;
	border-bottom-color: #6c9a00;
	border-left-color: #6c9a00;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 17px;
	color: #666;
	padding-top: 8px;
	font-weight: bold;
}







#left_box {
	margin-left: 15px;
	width: 212px;
	padding-top: 7px;
}






#banner {
	background-image: url(images/banner_bg.jpg);
	background-repeat: repeat-x;
}
#right_box {
	text-align: left;
	float: right;
	width: 760px;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6C9B01;
	border-right-color: #6C9B01;
	border-bottom-color: #6C9B01;
	border-left-color: #6C9B01;
	font-size: 12px;
}
#youon {
	font-size: 12px;
	text-align: right;
	margin-top: 5px;
	color: #02220B;
	margin-bottom: 13px;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
}
#tb {
	margin-left: 25px;
}

.color1 {
	color: #333;
}

.color1 a {
	color: #333;
	text-decoration: none;
	color: #02220B;
}


.color1 a:hover {
	text-decoration: none;
	color: #F60;
}



#footer_line {
	background-image: url(images/line1.jpg);
	background-repeat: repeat-x;
	background-color: #f4f4f4;
}
#footer {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	padding-top: 25px;
	padding-bottom: 15px;
}
#footer img  {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#footer  a {
	color: #000;
	text-decoration: none;
	color: #666666;
	text-decoration: underline;
}

#footer   a:hover {
	text-decoration: none;
	color: #86B52B;
}





.company_line {
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 13px;
	line-height: 20px;
	color: #636060;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EAEAEA;
	border-right-color: #EAEAEA;
	border-bottom-color: #EAEAEA;
	border-left-color: #EAEAEA;
	padding: 8px;
}


.company_line a {
	text-decoration: none;
	color:#000;
}


.company_line a:hover {
	text-decoration: none;
	color: #86B52B;
}

.news_line {
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 17px;
	line-height: 20px;
	color: #636060;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EAEAEA;
	border-right-color: #EAEAEA;
	border-bottom-color: #EAEAEA;
	border-left-color: #EAEAEA;
	padding: 8px;
}



.moste {
	float: right;
	width: 173px;
	padding-top: 20px;
}
#pro {
	padding-top: 20px;
	padding-left: 60px;
}
#pro h1 {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(images/tb_bg.jpg);
	background-repeat: repeat-y;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
}

#pros {
	width: 152px;
	background-image: url(images/pro_mask.jpg);
	background-repeat: no-repeat;
	background-position: 0px 150px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 10px;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
}


#pros img {
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	display: block;
}
#pro ul {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F4F4F4;
	border-right-color: #F4F4F4;
	border-bottom-color: #F4F4F4;
	border-left-color: #F4F4F4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#pro ul li {
	list-style-type: none;
	text-align: center;
	float: left;
	width: 152px;
	margin-right: 20px;
	padding-bottom: 15px;
}


.home {
	background-image: url(images/home.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 13px;
}

.home a{
	color: #333;
	text-decoration: none;
	color: #02220B;
	text-decoration: none;
}


.home a:hover{
	text-decoration: none;
	color: #F60;
}





#slideshow {
	position: relative;
	height: 197px;
	width: 1000px;
}


#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
#company h1 {
	font-size: 17px;
	font-weight: bold;
	margin: 0px;
}
#company h2 {
	font-size: 13px;
	font-weight: bold;
	color: #e93e47;
	margin: 0px;
	padding: 0px;
}
#place_img {
	border: 1px solid #CCC;
	padding: 5px;
	width: 250px;
	background-color: #FFF;
}
#place_mask {
	background-image: url(images/place_mask.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
	width: 262px;
	float: left;
}


#place_main {
	float: right;
	width: 460px;
	font-size: 13px;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	color: #636060;
}


#place_main     a {
	color: #000;
	text-decoration: none;
	color: #636060;
	text-decoration: underline;
	font-size: 12px;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
}




#place_main      a:hover {
	text-decoration: none;
	color: #000000;
}
#place_main ul {
	margin: 0px;
	padding: 0px;
}
#place_main h1   {
	font-size: 17px;
	color: #007736;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#place_img a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#place_more {
	text-align: right;
	margin-top: 40px;
}
#place_more a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



#place_main ul li {
	list-style-type: none;
	background-image: url(images/arrow3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
	margin-bottom: 3px;
}




#page{
	margin-top: 15px;
	text-align: center;
	margin-bottom: 40px;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 12px;
	color: #000;
}

#page  a {
	color: #000;
	text-decoration: none;
	color: #007736;
	text-decoration: none;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 12px;
	border: 1px solid #007736;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-right: 2px;
	margin-left: 2px;
}


#page   a:hover {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #007736;
}




#fb {
	background-image: url(images/fb.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 5px;
	padding-top: 1px;
	padding-bottom:5px;
	background-position: 3px 3px;
}

#fb a {
	color: #000;
	text-decoration: none;
	color: #355089;
	text-decoration: none;
	font-size: 15px;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
}

#fb a:hover {
	text-decoration: none;
	color: #000000;
}

#fb2 {
	padding-top: 3px;
	padding-bottom: 3px;
	background-position: 3px 3px;
}

#fb2 a {
	color: #06F;
	text-decoration: none;
	color: #355089;
	text-decoration: none;
	font-size: 12px;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
}

#fb2 a:hover {
	text-decoration: none;
	color: #F60;
}


#place_d_img {
	margin-top: 30px;
	text-align: center;
}
#place_d_img img {
	margin-right: 10px;
	margin-left: 10px;
	padding: 5px;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}
#place_d h1 {
	font-size: 17px;
	background-color: #007A3A;
	color: #FFF;
	display: block;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}

#knowledge a {
		text-decoration: none;
		color: #36F;
	}
	
#knowledge a:hover {
	color: #F60;
	}

#knowledge {
	padding-bottom: 20px;
	margin-top: 20px;
	margin-left: 25px;
	margin-bottom: 20px;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC", arial;
	font-size: 13px;
	line-height: 20px;
	color: #636060;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E4E4E4;
	border-right-color: #E4E4E4;
	border-bottom-color: #E4E4E4;
	border-left-color: #E4E4E4;
	min-height:150px;
}
#knowledge img {
	padding: 3px;
	width: 150px;
	border: 1px solid #CCC;
	margin-right: 15px;
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#knowledge h2 {
	font-size: 13px;
	color: #007736;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#knowledge h1 {
	font-size: 17px;
	font-weight: bold;
	color: #FF6600;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#top_right {
	text-align: right;
	margin-bottom: 40px;
}
#top_right img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#left_btn img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#contact_line {
	margin-top: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}