@charset "utf-8";
@media  screen and (min-width: 481px) and (max-width: 768px){
#top1 {
	background-color: #3a3a3a;
	height: 37px;
	width: 100%;
}
#top2 {
	background-color: #3a3a3a;
	height: 37px;
	width: 100%;
	}
#contents {
	clear: both;
	width: 100%;
}
#c996 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #f5f5f5;
	overflow: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#contents #c996 div #pro_1 div img {
	height: auto;
	width: 100%;
}
#contents #c996 div #pro_1 {
	width: 47%;
	float: left;
	border: 1px solid #CCC;
	margin: 5px;
	-moz-box-shadow: 0px 0px 3px 3px #eeeeee;
	-webkit-box-shadow: 0px 0px 3px 3px #eeeeee;
	box-shadow: 0px 0px 3px 3px #eeeeee;
	background-color: #FFF;
}
#contents #c996 div #pro_1 #pro_title {
	height: 40px;
	color: #f15a23;
	font-size: 16px;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	text-align: center;
	font-family: "微軟正黑體";
	line-height: 18px;
	background-color: #FFF;
}
#contents #c996 div #pro_1 p {
	font-family: "微軟正黑體";
	font-size: 14px;
	color: #666;
	padding: 5px;
	line-height: 20px;
}
#project{
	
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	}
#top_l {
	font-size: 95%;
	display: none;
}
#top_r {
	width: 220px;
	float: right;
	clear: right;
	font-size: 95%;
	color: #FFF;
	height: 37px;
	line-height: 37px;
	text-align: center;
	font-family: "微軟正黑體";
	padding-right: 5px;
	padding-left: 5px;
}
#top_ri {
	float: right;
}


#logo {
	margin-right: auto;
	margin-left: auto;
	float: left;
	line-height: 39px;
}
#menu_top {
	
	
}
#logo_996 {
	width: 100%;
}


#ad {
	background-color: #f15a23;
	width: 100%;
	clear: both;
	margin-top: 60px;
	
}
#ad996 {
	width: 100%;	
}


#two996 {
	width: 95%;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#service {
	width: 100%;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
#projec{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F60;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	color: #3a3a3a;
	padding: 3px;
	font-weight: bold;
	}
	#service_title{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F60;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	color: #3a3a3a;
	padding: 3px;
	font-weight: bold;
	}
#service_title span {
	font-family: "微軟正黑體";
	font-size: 12px;
	color: #f15a23;
}
#project_title{
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	color: #3a3a3a;
	padding: 3px;
	font-weight: bold;
	}

#project_title span {
			font-family: "微軟正黑體";
	font-size: 12px;
	color: #f15a23;
}	
#news {
	width:58%;
	float: left;
	margin-bottom: 10px;
}
#news_title{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F60;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	color: #3a3a3a;
	padding: 3px;
	font-weight: bold;
	}
#news_title span {
	font-family: "微軟正黑體";
	font-size: 12px;
	color: #f15a23;
}	
.news_t11{
	font-family: "微軟正黑體";
	font-size: 95%;
	line-height: 25px;
	color: #282828;
	text-decoration: none;
	height: 40px;
	
}
.news_t1{
	font-family: "微軟正黑體";
	font-size: 14px;
	line-height: 16px;
	color: #8b8b8b;
	text-decoration: none;
}
#contents #two996 #news ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
	padding-bottom: 5px;
	list-style-type: none;	
}


#icon4 {
	background-color: #F0F0F0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	clear: left;
	width: 100%;
	background-repeat: repeat-x;
	overflow: auto;
	margin-top: 30px;
}

#icon4_996 {
	width: 100%;	
}
#icon4_996 ul li {
	float: left;
	border: 1px solid #CCC;
	list-style-type: none;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
	width: 45%;
	height: auto;	
}

#contents #icon4 #icon4_996 ul li a img {
	width: 100%;
	height: auto;
}     


#fb {
	font-family: "微軟正黑體";
	font-size: 80%;
	color: #FFF;
	text-decoration: none;
	background-color: #3a3a3a;
	text-align: center;
	height: 50px;
	line-height: 50px;
}
#add {
	font-family: "微軟正黑體";
	font-size: 80%;
	color: #FFF;
	text-decoration: none;
	background-color: #f15a23;
	text-align: center;
	padding: 5px;
	line-height: 25px;
}

.news_sa{
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 30px;
	color: #282828;
	text-decoration: none;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#con_in {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	clear: both;
	background-color: #F6F6F6;
	padding: 10px;
	border: 1px solid #E5E5E5;
}
#in_title {
	font-family: "微軟正黑體";
	font-size: 100%;
	line-height: 25px;
	font-weight: bold;
	color: #FFF;
	background-color: #F15A23;
		padding: 5px;
}
#in_con {
	font-family: "微軟正黑體";
	font-size: 95%;
	line-height: 25px;
	color: #666;
	padding: 5px;
}
   
#contents #con_in #in_con img {
	margin-right: auto;
	margin-left: auto;
	height: auto;
	/*width: 100%;*/
}
.date {
	font-family: "微軟正黑體";
	font-size: 90%;
	color: #F15A23;
	text-align: right;
}
#contents #con_in #in_con ul li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.img1817 {
	height: 17px;
	width: 18px;
	margin-right: 10px;	
}

.page {
	display: none;
}
.page1 {
	text-align: center;
	margin-top: 5px;
}

.pages {
	font-family: "微軟正黑體";
	color: #666;
	background-color: #FFF;
	border: 1px solid #999;
	text-align: center;
	text-decoration: none;
	height: auto;
	width: 20px;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.news_tt {
	font-family: "微軟正黑體";
	font-size: 100%;
	font-weight: bold;
	color: #F15A23;
}

.date{
	font-family: "微軟正黑體";
	font-size: 80%;
	color: #F15A23;
	text-align: right;	
	}
	
#botton {
	text-align: center;
}
.botton1 {
	text-align: center;
	color: #3A3A3A;
	font-family: "微軟正黑體";
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #999;
	padding: 5px;
}	
.par_img {
	height: auto;
	width: 100%;
}
 #par {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
.par {
	height: auto;
	width: 30%;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	-moz-box-shadow: 0px 0px 3px 3px #eeeeee;
	-webkit-box-shadow: 0px 0px 3px 3px #eeeeee;
	box-shadow: 0px 0px 3px 3px #eeeeee;
	background-color: #FFF;
}
.par_title {
	height: 50px;
	padding: 2px;
	background-color: #3A3A3A;
}
#cc {
	clear: both;
}
#in_conimg100  img{
	height: auto;
	width: 100%;
}
#in_conimg100 {
	font-family: "微軟正黑體";
	font-size: 95%;
	line-height: 25px;
	color: #666;
	padding: 1px;
}
#Customers {
	text-align: center;
}
#contact_left {
	margin: 5px;
	float: left;
	width:40%;
	padding: 5px;
}
#contact_right {
	margin: 5px;
	float: right;
	width:100%;
	padding: 5px;
}
.inp {
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 0.1px solid #666;
	background-color: #E6E6E6;
	font-family: "微軟正黑體";
	color: #333;
	padding: 5px;
}
.N1{
	font-family: "微軟正黑體";
	font-size: 14px;
	color: #666;
	height: 80px;
	padding: 5px;
	line-height: 20px;
}
#in_project {
	width: 45%;
	float: left;
	border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 3px 3px #eeeeee;
	-webkit-box-shadow: 0px 0px 3px 3px #eeeeee;
	box-shadow: 0px 0px 3px 3px #eeeeee;
	background-color: #FFF;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#in_project img {
	width: 100%;

}
#in_project_title {
	height: 40px;
	color: #f15a23;
	font-size: 16px;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	text-align: center;
	font-family: "微軟正黑體";
	line-height: 18px;
	background-color: #FFF;
}
.img1001 {
	height: auto;
	width: 100%;
}
.ser1 {
	width: 45%;
	font-family: "微軟正黑體";
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 16px;
	color: #666666;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	float: left;
	margin-right: 10px;
	margin-left: 10px;	
}
#contents #two996 #service .news_t1 .ser1 img {
	height: auto;
	width: 100%;
}

}