@charset "UTF-8";
/* CSS Document */


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: arial;
	width: 100%;
	min-width: 1000px;
}

h4{
	font-size: 16px;
	color: #58bb3c;
	letter-spacing: 0.5px;
	text-align: left;
	line-height: 8px;
}

a:link{
	color: #58ba3c;
}

a {
	text-decoration: none;
}

#clear{clear:both;}
.text_r{text-align:right;}
.text_l{text-align:left;}
.text_c{text-align:center;}
#blank10{ height:10px;}
#blank20{ height:20px;}
#blank30{ height:30px;}
#blank40{ height:40px;}
#blank50{ height:50px;}
#blank60{ height:60px;}
#blank70{ height:70px;}
#blank80{ height:80px;}
#blank90{ height:90px;}
#blank100{ height:100px;}
#blank110{ height:110px;}
#blank120{ height:120px;}
#blank130{ height:130px;}
#blank140{ height:140px;}
#blank150{ height:150px;}
#blank160{ height:160px;}
#blank170{ height:170px;}
#blank180{ height:180px;}
#blank190{ height:190px;}
#blank200{ height:200px;}

.header {
	font-size: 14px;
	background:#1c1c1c;
	height: 124px;
	
}	

.head {
	position: relative;
	font-size: 14px;
	height: 124px;
	width: 1000px;
	margin: auto;
}

.logo{
	padding-left: 20px;
	padding-top: 24px;
	float: left;
}

.menu{
	float: right;
	color: #fff;
	padding-top: 54px;
	padding-right: 10px;
	font-size: 13px;
	letter-spacing: 1.5px;
}

.menu > ul {
	list-style: none;
}

.menu > ul > li {
	display: inline;
	padding-right: 5px;
}
.menu > ul > li a {
	color:#fff;
	text-decoration:none;
}


.menu > ul > li a:hover {
	color:#58bb3c;
}

.index_slide {
	width: 100%;
	height:520px;
	background:url(../pic/index_slide01.jpg);
	background-position:center top;
}

.language{
	position: relative;
	float: right;
	margin-top: 57px;
	margin-left: 25px;
}

.language a{
	font-weight: 900;
	color: #000;
}

.language a:hover{
	font-weight: 900;
	color: #fff;
}

.language2{
	position: relative;
	float: right;
	margin-top: 57px;
	margin-left: 25px;
}

.language2 a{
	font-weight: 900;
	color: #fff;
}

.language2 a:hover{
	font-weight: 900;
	color: #58BA3C;
}

#slider1_container{
	position: relative; 
	top: 0px; 
	margin: 0 auto; 
	width: 100%; 
	height: 520px;
}

.slide{
	cursor: move;
	position: absolute;
	overflow: hidden; 
	top: 0px; 
	width: 100%; 
	height: 520px;
}

.index_slogan {
	width: 913px;
	height: 124px;
	background: #fff;
	margin: auto;
	text-align: center;
}

.index_slogan > h2 {
	padding-top: 25px;
	color: #262626;
	font-size: 22px;
	letter-spacing: 1.5px;
}

.index_slogan > p {
	padding-top: 15px;
	color: #4d4d4d;
	font-size: 16px;
	font-weight: 100;
	letter-spacing: 1px;
}

.footer {
	background: #58bb3c;
	margin: 0px;
	padding:0px;
}

.foot{
	width: 1000px;
	margin: auto;

}

.footer_box{
	width: 192px;
	display: inline-block;
	margin: 0px;
	padding:0px;

}

.footer_title{
	height: 50px;
	font-size: 15px;
	letter-spacing: 1px;
}

.footer_icon{
	width: 50px;
	display: block;
}

.footer_title{
	height: 50px;
	font-size: 15px;
	letter-spacing: 1px;
}


.footer_title a{
	color: #262626;
	text-decoration: none;
}

.footer_title a:hover{
	color: #fff;
}

.ground{
	width: 100%;
	height: 50px;
	background: #1c1c1c;
	margin: auto;
}

.copyright{
	width: 1000px;
	padding-top: 19px;
	color: #919191;
	font-size: 12px;
	letter-spacing: 1px;
	display: inline-block;
}

.copyright a{
	color: #919191;
	text-decoration: none;
}


.copyright a:hover{
	color: #fff;
}

/*背景全螢幕css 開始*/

#bg { 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:-1; 
	}

.bgwidth { 
	width: 100%; 
	}
	
.bgheight { 
	height: 100%; 
	}

.top_btn{
	float:right;
	margin:25px 0px 0 0;
}

/*背景全螢幕css 結束*/	

/* 內容頁開始 */

.greenbar{
	width: 100%;
	height: 12px;
	background-color: #58bb3c;
}

.content{
	width: 924px;
	margin: 0 auto;
}

.content_title{
	width: 100%;
	height: 51px;
	margin: 23px 0 23px 0;
	padding: 0 8px 0 8px;
	margin-left: 0px;
	display: inline-block;
}

.content_title img{
	height: 100%;
	padding-right: 20px;
	display: block;
	float: left;
}

.content_title span{
	float: left;
	display: block;
	line-height: 51px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 1px;
}

.content_title p{
	float: left;
	display: block;
	line-height: 51px;
	font-size: 16px;
	color: #262626;
}

/* ABOUT頁開始 */

.about_banner{
	width: 100%;
	margin: 0px 0 20px 0;
	padding: 0 8px 0 8px;
}

.about_banner img{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.article_title{ /* 標題的黑色透明圓底 */
	background: rgba(0,0,0,0.5);;
	display: block;
	float: left;
	border-radius: 20px;
}

.article_title span{
	font-size: 20px;
	color: #fff;
	padding: 8px 10px 8px 10px; /* 標題的黑色透明圓底大小 */
	display: block;
	text-align: left;
	letter-spacing: 1px;
}

.article_title span p{
	font-size: 16px;
	color: #fff;
	padding: 6px 8px 6px 0px; /* 標題的黑色透明圓底大小 */
	display: block;
	text-align: left;
	letter-spacing: 1px;
}

.article_text{
	float: left;
	width: 100%;
	padding: 12px 8px 20px 8px;
}

.article_text p{
	font-weight: 100;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	letter-spacing: 0.5px;
	text-align: left;
}

.white_text{
	font-weight: 100;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	letter-spacing: 0.5px;
	text-align: left;
	margin-bottom: 10px;
}

.article_content{
	width: 100%;
	padding: 40px 8px 0px 8px;
	display: inline-block;
}

.about_img01{
	float: left;
}

.about_img01 img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.about_text01{
	width: 428px;
	float: right;
}

.about_img02{
	float: right;
}

.about_img02 img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.about_text02{
	width: 433px;
	float: left;
}

.subtitle_box{
	width: 100%;
	float: left;
	display: block;
	padding: 10px 0 0px 8px;
}

/* ABOUT頁結束 */

/* PRODUCT頁開始 */

.product_content_left{
	width: 441px;
	float: left;
}

.product_content_right{
	width: 441px;
	float: right;
}

.product_box{
	width: 100%;
	margin-bottom: 30px;
	float: left;
}

.product_box2{ /* 給有小icon專用的box */
	width: 100%;
	margin-top: 3px;
	margin-bottom: 3px;
	float: left;
	display: inline-block;
}

.product_icon{
	width: 72px;
	padding: 10px 0 10px 5px;
	float: left;

}

.product_text{
	width: 360px;
	float: right;
}


.product_img{
	width: 100%;
	padding: 0 0 18px 8px;
}

.product_img img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* PRODUCT頁結束 */

.testing_text{
	width:700px;
	padding-left: 5px;
	margin: 0 0 20px 112px;
	text-align: center;
	line-height: 30px;
}

/* CONTACT頁開始 */

.map{
	width: 600px;
	height: 370px;
	margin-top: 30px;
	float: left;

}

.factory{
	width: 324px;
	height: 350px;
	margin-top: 30px;
	display: block;
	overflow: hidden;
	float: left;
}

.contact_text{
	float: left;
	width: 100%;
	padding: 12px 8px 20px 8px;
}

.contact_text p{
	font-weight: 100;
	font-size: 16px;
	color: #262626;
	line-height: 30px;
	letter-spacing: 0.5px;
	text-align: left;
}


.exhibition_title{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
}

.exhibition_title span{
	font-weight: 600;
	font-size: 48px;
	line-height: 60px;
}

.exhibition_title h3{
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 1px;
}

.exhibition_content{
	width: 40%;
	margin: 0 auto;
	padding-bottom: 100px;
}

.camera_thumbs{
	text-align: center;
}