@charset "utf-8";
/* CSS Document */
.left_menu{
	position:fixed;
	z-index:100;
	left:20px;
	top:120px;
	width:40px;
}
.left_menu div:first-child{
	width:0;
	height:0;
	border-width: 10px;
	margin: 5px auto;
	border-color: transparent transparent #fff transparent ;
    border-style: solid solid solid solid;
}
.left_menu div:last-child{
	width:0;
	height:0;
	border-width: 10px;
	margin: 5px auto;
	border-color:#fff transparent transparent transparent ;
    border-style: solid solid solid solid;}

.left_menu img{
	width:100%;
	border:0;
}
.left_menu .icon{
	cursor:pointer;
	border-radius:100%;
	width:40px;
	height:40px;
	margin-left:0px;
	margin-top:6px;
	margin-bottom:6px;
	border:4px solid #fff;
	padding:5px 7px 6px 7px;
	background-color:#50bde4;
	opacity:0.95;

}
.left_menu .icon:hover{
	transition:0.25s all;
	background-color:#0083dd;
}
.banner{
	padding:0;
	margin-top:102px;
}
.carousel-caption{
	font-family:'bebas';
	padding-bottom:25%;
}
.carousel-inner img{
	width:100%;
}
.carousel-caption p{
	font-size:30px;
}
.right1{
	background:url(../image/IMG_0039-1.jpg) no-repeat center center;
	background-size:cover;
	display: block;
	padding:6% 4% 5% 16%;
	overflow:hidden;
}
.lightblue{
	padding:6% 4% 5% 16%;
	background-color:#50bde4;
	color:#fff;
}
.lightblue p{
	line-height:50px;
	font-weight:800;
	font-size:60px;
	letter-spacing:1px;	
	font-family:'bebas';
}
.lightblue span{
	font-size:14px;
	font-family:"微軟正黑體";
	line-height:18px;

}
.lightblue label,.deepblue label{
	font-size:40px;
	line-height:40px;
	letter-spacing:0;
}
.deepblue{
	padding:6% 16% 5% 4%;
	background-color:#0083dd;
	color:#fff;
}
.deepblue p{
	font-weight:800;
	line-height:50px;
	font-size:60px;
	letter-spacing:1px;	
	font-family:'bebas';
}
.deepblue span{
	font-size:14px;
	font-family:"微軟正黑體";
}
.left2{
	background:url(../image/IMG_0038-1.jpg) no-repeat center center;
	background-size:cover;
	display: block;
	padding:6% 16% 5% 4%;
	overflow:hidden;
}
.left3{
	display:none;
}
.btn_blue_l{
	padding:18px 30px;
	background-color:#0083dd;
	font-size:16px;
	outline:none;
	border:none;
	margin-top:50px;
	color:#fff;
	font-weight:550;
	letter-spacing:0.5px;
	font-family:"微軟正黑體";
}
.btn_blue_l:hover{
	background-color:#fff;
	color:#50bde4;
	transition:all 0.5s ease-in-out;
	
}
.btn_blue_d{
	padding:18px 30px;
	background-color:#50bde4;
	font-size:16px;
	outline:none;
	border:none;
	margin-top:50px;
	color:#fff;
	font-weight:550;
	letter-spacing:0.5px;
	font-family: "微軟正黑體";
}
.btn_blue_d:hover{
	background-color:#fff;
	color:#0083dd;
	font-weight:bold;
	transition:all 0.5s ease-in-out;
	
}
.service_bg{
	background-color:#eaeaea;
}
.service_zone{
	width:80%;
	margin:0 auto;
	padding:4%;
}
.service_zone p{
	text-align:center;
	font-size:60px;
	color:#333;
	font-weight:800;
	letter-spacing:1px;	
	font-family:'bebas';
	margin-bottom:25px;
}
.service{
	padding:20px;
	height:100px;
}
.service img{
	float:left;
	width:28px;
	opacity:0.3;
}
.service span{	
	float:left;
	font-size:14px;
	width:169px;
	margin-left:8px;
	margin-top:-5px;
}
.service span p{
	margin-bottom:5px;
	text-align:left;
	font-size:26px;
	font-family:'bebas';
}
.service div{	
	float:left;
	font-size:14px;
	width:calc(100% - 36px);
	margin-left:8px;
	margin-top:-6px;
	font-weight: bold;
    letter-spacing: -0.3px;
    word-wrap: break-word;
    color: #666;
}

.service div p{
	margin-bottom:5px;
	text-align:left;
	font-size:26px;
	font-family:'bebas';
}

.news_bg{
	background-color:#fff;
	
	text-align:center;
	
}
.news_box{
/*	-webkit-boxing-size: border-box;
	-ms-boxing-size: border-box;
	-moz-boxing-size: border-box;
	boxing-size: border-box;
*/	text-align:center;
	font-family:'corbel';
	padding:0px;
	margin:5px;
	font-weight:550;
	width:calc(25% - 10px);
		-moz-box-shadow:4px 4px 12px -2px #ccc;
	-webkit-box-shadow:4px 4px 12px -2px #ccc;
	box-shadow:4px 4px 12px -2px #ccc;
	-o-box-shadow:4px 4px 12px -2px #ccc;

/*	box-shadow: 0px 8px 12px 1px #9E9E9E;
	-webkit-box-shadow: 0px 8px 12px 1px #9E9E9E;
	-moz-box-shadow: 0px 8px 12px 1px #9E9E9E;
	-o-box-shadow: 0px 8px 12px 1px #9E9E9E;
*/}
.news_box .image{
	overflow:hidden;
	/*height:187px;*/
	padding:48%;
	/*background-image:url(../image/88628-large.jpeg);*/
	background:no-repeat center center;
	background-size:cover;
	margin-bottom:15px;
}
.news_box img{
	width:200%;
}
.news_zone{
	padding:20px 20px 45px 20px;
}
.sort_gna{
	line-height:18px;
	padding:3px 10px;
	font-size:12px;
	color:#fff;
	width:auto;
	text-align:center;
}
.news_date{
	font-weight:550;
	letter-spacing:1px;
	color:#6c6c6c;
	font-size:14px;
	text-align:center;
	margin:10px 0 0px 0;
}
.news_bg p{
	font-size:60px;
	color:#333;
	font-weight:800;
	letter-spacing:0.5px;	
	font-family:'bebas';
	margin-bottom:25px;
	padding-top:4%;
}
.news_box p{
	
	overflow:hidden;
	word-wrap:break-word;
	text-align:left;
	font-size:16px;
	margin:15px;
	line-height:18px;
	font-family:'corbel';
	/*height:115px;*/
}
.news_box p a{
	color:#333;
}
.news_box a:hover, .image:hover, .news_box button:hover{
	opacity:0.5;
	transition:0.2s ease-out;
	cursor:pointer;
	color:#6c6c6c;
	text-decoration:none !important;
}
.news_box button{
	background-color:#b5b5b5;
	border:3px solid #b5b5b5;
	font-size:12px;
	font-weight:600;
	padding:8px 20px;
	margin:20px 0;
	color:#fff;
}
.gmap{
	margin:0 0 0 0;
	padding:0;
	height:250px;
}
.carousel-caption h3{
		font-size:7vw;
}
@media screen and (min-width:768px) and (max-width:1199px){
	.carousel-caption h3{
		font-size:60px;
	}	
	.carousel-caption {
		padding-bottom:20%
	}
	.lightblue label,.deepblue label{
		font-size:28px;
		line-height:28px;
	}
	
}
@media screen and (min-width:460px) and (max-width: 767px){	

	.news_box{
		width:calc(50% - 10px);
		float:left;

	}
}
@media screen and (max-width: 459px){
	.news_box{
		width:calc(100% - 10px);
		float:left;

	}
}
@media screen and (max-width: 767px){	
	.left_menu{
		display:none;
	}
	.banner{
		padding:0;
		margin-top:103px;
	}
	.left3{
		background:url(../image/factory.jpeg) no-repeat center center;
		background-size:cover;
		display: block;
		padding:6% 16% 5% 4%;
		overflow:hidden;
	}
	.left2{
		display:none;
	}
	.deepblue , .lightblue {
		padding:8%;
		text-align:center;
	}

	.deepblue p, .lightblue p{
		line-height:75px;
		font-size:50px;		
	}
	.menu_item{
		border:1px solid #cecece;
	}
	.carousel-caption h3{
		font-size:33px;
	}
	.carousel-caption p{
		line-height:21px;
		font-size:24px;
	}
	.carousel-caption {
		padding-bottom:12%
	}
	.service_zone{
		width:100%;
	}
	.service{
		padding:0 10px;
		min-height:120px;
		
		margin-bottom:20px;
	}
	.service img{
		width:20px;
	}
	.service span{
		width:auto;		
		margin-top:-28px;
		margin-left:25px;
	}
	.left2{
		
		float:none;
	}
	.news_box .image{
		overflow:hidden;
		height:150px;
	}
	.news_box img{
		width:200%;
	}
	.news_box p{
	letter-spacing:normal;
	font-size:13.5px;
	line-height:16px;
}


}