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;
}