@charset "utf-8";

@media  screen and (min-width: 769px) and (max-width: 1400px){
		.related_t1{
	color: #00C4FF;
	font-family: Arial;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	padding-top: 10px;
	display: block;
	height: 50px;
		}
			.footer_t1{
	color: #00C4FF;
	font-family: "Arial Black";
	font-size: 24px;
		}
	.footer_t2{
	color: #FFFFFF;
	font-family: Arial;
	font-size: 16px;
	line-height:30px;
		}
	.inf996{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	text-align: right;
	}
.inf{
	background-color: #00C4FF;
	padding-bottom: 8px;
	padding-top: 8px;
	}
/*首頁開始*/
	.m_l{
	margin-left: 35px;
	}
.m_tb{
	margin-top: 23px;
	margin-bottom: 28px;
	}	
	.right{
	float: right;	
	
	}	
.left{
	float: left;	
	
	}	
.header {
	border-top: 2px solid #00C4FF;

}
.header_80 {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	
	
}
.header_l {
	float: left;
	
}
.header_l img{
	max-width: 80%;
	height: auto;		
	}
.header_r {
	float: right;
}
.ad {
	width: 100%;
	background-size: 100% auto;
}
.about {
	width: 100%;
	background-size: 100% auto;
	background-position: center bottom;
	background-color: #00C4FF;
	padding-top: 55px;
	padding-bottom: 58px;
}
.about1{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	

	}
.about50{
	width: 40%;
	}
.about51{
	width: 50%;
	}			
.about_list{
	
	list-style-type: none;
	width: 50%;
	color: #4F4F4F;
	font-family: "微軟正黑體";
	font-size: 16px;
	text-align: left;
	}	
.news {
	width: 100%;
	height: auto;
	background-size: 100% auto;
	background-position: center center;
	padding-bottom: 23px;
}	
.news_in{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	
	}
.news_1{
	width: 23%;
	float: left;
	margin-right: 2%;
	}
.news_pic img{
	width: 100%;
	height: auto;
	border: 5px solid #EDEDED;
	}	
	.news_pic img:hover{
	width: 100%;
	height: auto;
	border: 5px solid #00C4FF;
	opacity: 0.5;
	}
.news_title{
	height: 85px;
	color: #00C4FF;
	font-family: "微軟正黑體";
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 8px;
	}
.news_de{
	height: 110px;
	color: #6E6E6E;
	font-family: "微軟正黑體";
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	}
.news_button{
	background-color: #e4007f;
	border-radius: 6px;
	padding-top: 10px;
	padding-right: 26px;
	padding-bottom: 10px;
	padding-left: 26px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 20px;
	display: inline-block;
	font-family: "微軟正黑體";
	margin-bottom: 11px;
	
	}	
.news_button:hover{
	background-color: #0090BC;
	border-radius: 6px;
	padding-top: 10px;
	padding-right: 26px;
	padding-bottom: 10px;
	padding-left: 26px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 20px;
	display: inline-block;
	font-family: "微軟正黑體";
	margin-bottom: 11px;	
	}					
.slogan{
	width: 100%;
	height: 400px;
/*	background-size: 100% auto;
*/	background-position: center center;
	background-image: url(../images/19443845_xxl.jpg);
	background-attachment: fixed;
}
/*.slogan1{
	color: #00C4FF;
	font-family: "微軟正黑體";
	font-size: 38px;
	text-align: center;
	display: block;
	padding-top: 10%;
	}*/	
	.slogan_60{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
		}
	.slogan1{
	width: 140px;
	height: 155px;
	padding: 10px 10px 0px 10px;
	margin-top: 100px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 0px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 100%;
	background: rgba(255, 255, 255, 0.1);
	transition: all 0.3s ease;
	text-align: center;
	color: #FFFFFF;
	font-family: "微軟正黑體";
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	}
.c_ar{
	margin-top:39px;
	margin-right: auto;
	margin-left: auto;
	}	
.slogan_bt1{
	text-shadow: 2px 4px 3px rgba(0,0,0,0.1);
	}
	
	
	
.product{
	height:auto;
		}
.p1{
	width: 23%;
	float: left;
	margin-top: 6px;
	margin-right: 7px;
	margin-bottom: 6px;
	margin-left: 7px;
	}		
.pro_img img{
	width: 100%;
	height: auto;
	}
.pro_img img:hover{
	width: 100%;
	height: auto;
	opacity: 0.5;
	}		
.pro_title{
	color: #00C4FF;
	font-family: "微軟正黑體";
	font-size: 16px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	height: 40px;
	vertical-align: middle;
	
	}	
.pro_model{
	color: #9F9F9F;
	font-family: "微軟正黑體";
	font-size: 14px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: 40px;
	}	

.footer{
	background-color: #4e4e4e;
	width: 100%;
	height: auto;
	border-top: 4px solid #00C4FF;
	padding-top: 17px;
	}	
.f1 img{
	max-width: 100%;
	height: auto;
	}
.footer1{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 13px;
	}	
.f1{
	width: 30%;
	float: left;	
	}	
.f2{
	width:55%;
	float: left;
	margin-left: 14px;
	}	
.f3{
	width: 30%;
	float: left;
	margin-left: 14px;	
	}	
.f3_w{
	border: 5px solid #FFFFFF !important;
	}	
.f2_title{
	color: #BBBBBB;
	font-size: 18px;
	border-bottom: 1pt solid #6E6E6E;
	font-family: "微軟正黑體";
	padding-bottom: 12px;
	}	
.f_t1{
	color: #BBBBBB;
	font-family: "微軟正黑體";
	font-size: 12px !important;
	line-height: 40px;
	width: 50%;
	float: left;
	border-bottom: 1px dashed #6E6E6E;	
	}	
.f_ul{
	list-style-type: none;
	}	
.add{
	text-align: center;
	width: 100%;
	height: 50px;
	color: #6E6E6E;
	line-height: 50px;
	font-family: "微軟正黑體";
	background-color: #252525;
	}	
	/*產品內頁開始*/
.in_banner_center{
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1%;
	padding-bottom: 1%;
	}		
.in_banner{
	width: 100%;
	background-attachment: fixed;
	background-position: center center;
	background-size: 100% auto;
	background-color: #EDEDED;
	border-bottom: 1px solid #00C4FF;
	text-align: right;
	color: #00C4FF;
	}		
.in_banner_l{
	float: left;
	color: #E4007F;
	font-family: "微軟正黑體";
	font-size: 38px;
	}	
.in_banner_r{
	
	color: #00c4ff;
	font-family: "微軟正黑體";
	font-size: 14px;
	}	
.pro_in{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 1%;
	padding-left: 1%;
	}	
.pro_l{
	float: left;
	width: 48%;
	}
.pro_r{
	float: right;
	width: 48%;	
	}	
.content_in{
	background-image: url(../images/old_wall-light-2.png);
	background-repeat: repeat;
	}	
	.pro_model_in{
	font-family: "微軟正黑體";
	color: #8C8C8C;
	font-size: 14px;
	line-height: 40px;
	}	
.pro_name_in{
	font-family: "微軟正黑體";
	color: #00C4FF;
	font-weight: bold;
	font-size: 18px;
	line-height: 40px;
	}
.pro_de_in{
	font-family: "微軟正黑體";
	color: #888888;
	font-size: 14px;
	line-height: 40px;
	}	
.but{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #00C4FF;
	text-align: center;
	display: inline-block;
	color: #FFFFFF;
	font-family: "微軟正黑體";
	border-radius: 5px;
	}		
.but:hover{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #00C4FF;
	text-align: center;
	display: inline-block;
	color: #FFFFFF;
	font-family: "微軟正黑體";
	border-radius: 5px;
	}	
.price{
	font-family: "微軟正黑體";
	font-size: 28px;
	line-height: 30px;
	color: #F00;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-right: 10px;
	margin-right: 10px;
	margin-top: 20px;
	}	
	.re_pro{
	text-align: center;
	padding-top: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
		}
	.m_3{
	font-family: "微軟正黑體";		
		
		}
		/*連絡我們*/
	.contact_bg{
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;		
		}		
	.contact_l{
	float: left;
	width: 53%;
		}	
	.contact_r{
	float: right;
	width: 45%;		
		}	
	.blue_bg1{
	background-color: #F3F3F3;
	border: 1px solid #EBEBEB;
		}	
	.contact_line{
	margin-bottom: 58px;
	padding-bottom: 38px;
	border-bottom: 1px solid #E5E5E5;
		}	
	.t18 img{
	max-width: 90%;
	height: auto;
		}
	.contact_t1{
	color: #737373;
	font-family: "微軟正黑體";
	font-size: 14px;
	line-height: 50px;
	margin-right: 10px;
	margin-left: 2px;
	border-bottom: 1px solid #DFDFDF;
	display: inline-block;
	width: 20%;
	text-align: right;
		}	
		.contact_t2{
	color: #737373;
	font-family: "微軟正黑體";
	font-size: 14px;
	line-height: 50px;
	margin-right: 10px;
	margin-left: 2px;
	border-bottom: 1px solid #DFDFDF;
	display: inline-block;
	width: 60%;
	text-align: left;
		}	
	.input3{
	border-width: 0px;
	border-style: none;
	width: 96%;
	height: 30px;
	padding-left: 2%;
	padding-right: 2%;
		}	
	.h_cen{
	vertical-align: middle;		
		}			
	.text_r{
	text-align: right;		
		}	
/*最新消息*/
.a_news1{
	width: 29%;
	background-color: #FFFFFF;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: left;
	border-bottom: 2px solid #FFFFFF;	
		margin-right: 8px;
	margin-top: 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	}
.a_news1:hover{
	width: 29%;
	background-color: #FFFFFF;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: left;
	border-bottom: 2px solid #00C4FF;
		margin-right: 8px;
	margin-top: 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	}	
.a_news_pic img{
	width: 100%;
	height: auto;
	
	}
.a_news_pic img:hover{
	width: 100%;
	height: auto;
	opacity: 0.5;	
	}	
.a_news_title{
	color: #00C4FF;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	line-height: 20px;
	height: 60px;
	margin-top: 6px;
	margin-bottom: 6px;
	}
.a_news_title_in{
	color: #00C4FF;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	line-height: 40px;
	margin-top: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #D7D7D7;
	}		
	.a_news_date{
	color: #FF9E00;
	font-family: "微軟正黑體";
	font-size: 12px;
	text-align: left;
	line-height: 30px;
		}	
	.a_news_de{
		color: #B3B3B3;
	font-family: "微軟正黑體";
	font-size: 14px;
	text-align: left;
	line-height: 25px;
	height: 150px;
	margin-top: 6px;
	margin-bottom: 6px;
		}	
	.a_news_de_in{
		color: #B3B3B3;
	font-family: "微軟正黑體";
	font-size: 14px;
	text-align: left;
	line-height: 35px;
	margin-top: 6px;
	margin-bottom: 6px;
		}	
	.categories{
	margin-top: 10px;
	margin-bottom: 15px;
	color: #00C4FF;
	font-family: "微軟正黑體";
	font-size: 18px;
	text-align: center;
	font-weight: bold;
		}								
/*	pages	*/
.pages_1{
	width: 30px;
	height: 30px;
	border-radius: 99em;
	background-color: #EBEBEB;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 4px;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	line-height: 30px;
	color: #B5B5B5;
	font-family: "微軟正黑體";
	}
.pages_1:hover{
	width: 30px;
	height: 30px;
	border-radius: 99em;
	background-color: #00C4FF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 4px;
	border: 1px solid #00C4FF;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 30px;
	font-family: "微軟正黑體";
	}	
.pages_1_active{
	width: 30px;
	height: 30px;
	border-radius: 99em;
	background-color: #00C4FF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 4px;
	border: 1px solid #00C4FF;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 30px;
	font-family: "微軟正黑體";
	}		
	
.pages_all{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	}
.m_h1{
	
	}	
	/*about開始*/
	.aboutr{
	width: 48%;
	float: left;
	margin-right: 15px;
		}
	.aboutr img{
	width: 100%;
	height: auto;	
		}	
		
		
		
	.aboutl{
	width: 48%;
	float: left;
	margin-right: 15px;
	color: #686868;
	line-height: 30px;
	font-family: "微軟正黑體";font-size: 14px;
		}	
	.about_title{
	font-weight: bold;
	font-family: "微軟正黑體";
	font-size: 16px;
		}
	.about2{
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	}
	.about11 {
	width: 100%;
	height: 323px;
	background-size: 100% auto;
	background-position: center bottom;
	background-image: url(../images/about.png);
}

/*最新消息*/
	.mo_a_news1{
/*	width: 100%;
*/	background-color: #FFFFFF;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 2px;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
		}
	.mo_a_news_pic{
	width: 25%;
	float: left;
	margin-right: 30px;
		}	
	.mo_a_news_pic img{
	width: 100%;
	height: auto;
	border: 8px solid #E9E9E9;
		}
		.mo_a_news_pic img:hover{
	width: 100%;
	height: auto;
	border: 8px solid #E9E9E9;
	opacity: 0.5;
		}		
	.mo_news_inf{
	width: 70%;
	float: left;
			
		}	
		
	.mo_a_news_date{
	width: 9%;
	float: right;
	margin-left: 30px;
	background-color: #00C4FF;
	font-family: "微軟正黑體";
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 17px;
	padding-right: 15px;
	padding-bottom: 17px;
	padding-left: 15px;
		}
	.mo_a_news_title{
	color: #00C4FF;
	font-family: "微軟正黑體";
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #E4E4E4;
	margin-bottom: 7px;
	padding-bottom: 9px;
		}	
	.mo_a_news_de{
	color: #909090;
	font-family: "微軟正黑體";
	font-size: 14px;
	line-height: 30px;
		}
	.mo_a_news_year{
	font-family: "微軟正黑體";
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
		}	
		
/*關於我們內頁新增三圖*/

.s_slogan1{
	width: 140px;
	height: 155px;
	padding: 10px 10px 0px 10px;
	margin-top: 50px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 0px;
	border: 1px solid #00000C4FF000;
	border-radius: 100%;
	background-color: #00C4FF;
	transition: all 0.3s ease;
	text-align: center;
	color: #FFFFFF;
	font-family: "微軟正黑體";
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	}
.s_c_ar{
	margin-top:39px;
	margin-right: auto;
	margin-left: auto;
	}	
.s_slogan_bt1{
	text-shadow: 2px 4px 3px rgba(0,0,0,0.1);
	}			
		.search1 {
    margin-top: 10px;
    margin-bottom: 14px;
    color: #FF0004;
    font-family: "微軟正黑體";
    font-size: 14px;
}

.search {
    margin-top: 10px;
    margin-bottom: 14px;
    color: #6A6A6A;
    font-family: "微軟正黑體";
    font-size: 14px;
}
}