body{
	background-color: #eeeeee;
	margin:0;
	padding: 0;
	min-height: 100%;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 15px;
}

body:lang(zh-HK){font-family: Microsoft JhengHei;}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input,
textarea,
button,
select {
    outline: none;
}
textarea{resize:none;}

h1,h2,h3,h4,h5,h6{margin:0;padding: 0;line-height: 1.5;}

.mt_10{margin-top: 10px;}
.mt_20{margin-top: 20px;}
.mt_30{margin-top: 30px;}
.mt_40{margin-top: 40px;}
.mt_50{margin-top: 50px;}

.mb_10{margin-bottom: 10px;}
.mb_20{margin-bottom: 20px;}
.mb_30{margin-bottom: 30px;}
.mb_40{margin-bottom: 40px;}
.mb_50{margin-bottom: 50px;}


.fl{float: left;}
.fr{float: right;}

.textLeft{text-align: left;}
.textRight{text-align: right;}

.en{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.zh{font-family: Microsoft JhengHei;}


.colorBlue{color: #0072ce;}

.border-right{border-right: 2px solid #ddd;}

.clear {clear: both;}


.body_container{
	background-color: #fff;
	width: 1200px;margin:0 auto;
}


.header{
	position: relative;
	padding: 10px 20px 5px 0;
	border-bottom: 1px solid #ddd;
}

.nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    top: 25px;
}
.nav li {
    float: left;
}

.nav li a {
    display: block;
    text-align: center;
    padding: 0 20px;
    text-decoration: none;
    color: #222;
}


.nav li.active a,.nav li a:hover {
    color: #0072ce;
}

.homebanner{
	position: relative;
}

.homebanner img{
	width: 100%;
	height: auto;
	margin-bottom: -4px;
}

.homebanner .bannerText{
	position: absolute;
	right: 40px;
	bottom:30px;
	text-align: right;
}

.style_h1{
	color: #0072ce;
	letter-spacing: -1px;
	font-size: 48px;
	font-weight: normal;
}

.style_h2{
	color: #222;
	font-size: 30px;
	font-weight: normal;
}

.style_h3{
	color: #0072ce;
	font-size: 24px;
	font-weight: normal;
}


.home_description{
	padding: 40px 40px;
	width: 100%;
	border-top: 1px solid #ddd;
}

.home_description .description{float: left;width: 66%;}
.home_description .description p{line-height: 1.6;margin:15px 0;text-align: justify;}


.home_description .desc_img{float: left;width: 34%;text-align: right;}

a.greenLink{color: #bbd000;text-decoration: none;}

/*footer*/

footer{
	background-color: #0072ce;
	color: #fff;
	padding: 40px;
}

footer .footer_name{font-size: 18px;line-height: 1.6;}

footer .footer_name div{display: inline-block;margin-right: 10px;}

footer .footer_info .contacts{
	margin-top: 20px;
	float: left;
}
footer .footer_info .contacts a{
	color: #fff;
	text-decoration:none;
}

footer .footer_info .contacts img{
	position: relative;
	top: 8px;
	margin-right: 4px;
}

footer .footer_info .copyrights{
	float: right;
	margin-top: 35px;
}


/*SUBPAGE*/

.subBanner{position: relative;}

.subBanner img{
	width: 100%;
	height: auto;
}

.subbanner_heading{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 38px;
	color: #fff;
	text-shadow: 3px 3px 4px rgba(0, 0, 0, 1);
}


/*services*/

.white_box{
	width: 100%;
	padding: 40px;
	background-color: #fff;
}

.marjor_services{
	width: 100%;
	text-align: center;
	font-size: 18px;
	margin-bottom: 40px;
}

.service{
	width: 50%;
	float: left;
}

.service_content{
	width: 420px;
	margin:0 auto;
}

.service_content img{
	width: 100%;height: auto;	
	margin-bottom: 20px;
}
.service_title{
	font-size: 18px;
	color: #0072ce;
	margin-bottom: 20px;
}

.serivce_points{
	line-height: 1.4;
}


/*clients*/

.client_tables table{
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #ddd;
}

.client_tables table td{
	padding: 0 5px 40px 5px;
	font-size: 16px;
	width: 25%;
	vertical-align: top;
}

.clients_gallery{
	margin: 40px 0 0 0;
	text-align: center;
}

.clients_gallery button{
	cursor: pointer;
	border:0;
	color: #7d7d7d;
	margin:0 30px;
	font-size: 18px;
	font-weight: normal;
	background-color: transparent;
}

.clients_gallery button.active{color: #0072ce;}

.gallery_photos{
	margin-top: 40px;
	width: 100%;text-align: center;
	min-height: 441px;
}

.gallery_photos img{margin: 6px;display: inline-block;}

/*products*/
.products_container{
	width: 100%;
}

.products_container .product{
	width: 33.33%;
	float: left;
	margin:20px 0px 60px 0;
	text-align: center;
}

.products_container .product img{max-width: 100%;margin-bottom: 20px;}

.products_container .product .product_name{
	font-size: 20px;
}

/*contacts*/
#map{
	width: 100%;
	height: 400px;
}


.contact_data{
	width: 25%;text-align: center;float: left;
}

.contact_data .data{font-size: 17px;letter-spacing: -0.5px;}
.contact_data img{margin-bottom: 15px;}

.contact_form{
	width: 100%;
}

.enquiry_about{font-size: 18px;margin: 50px 0 20px 0}

.contact_form{
	width: 100%;
}

.row{
	margin-left: -20px;
	margin-right: -20px;
}

.form_03 {
	width: 33.33%;
	padding: 0 20px;
	margin-bottom: 20px;
	float: left;
}

.form_03 input{
	border:1px solid #ddd;
	padding: 8px;
	width: 100%;
	font-size: 15px;
}

.form_full{
	width: 100%;
	float: left;
	padding: 0 20px;
}

.form_full textarea{
	width: 100%;
	height: 200px;
	resize:none;
	padding: 8px;
	font-size: 15px;
	border:1px solid #ddd;
}

.form_full button[type="submit"]{
	cursor: pointer;
	border:0;
	padding: 8px 20px;
	color: #fff;
	min-width: 150px;
	text-align: center;
	background-color: #0072ce;
	font-size: 16px;
}