html{height: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{
width: 100%;
height: 100%;
min-height: 100%;
position: relative;
overflow-x:hidden;
margin:0;
}
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
:after,:before{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
input,
textarea,
button,
select,
img {
outline: none;
}
body {
width: 100%;
height: 100%;
min-height: 100%;
position: relative;
overflow-x: hidden;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 15px;
}
body:lang(tc-HK){font-family: Microsoft JhengHei;}
body:lang(tc-HK) button,body:lang(tc-HK) input,
body:lang(tc-HK) select,body:lang(tc-HK) textarea
{font-family: Microsoft JhengHei;}
body:lang(en-HK) button,body:lang(en-HK) input,
body:lang(en-HK) select,body:lang(en-HK) textarea
{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.tc{font-family: Microsoft JhengHei;}
.en{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
input,
input.text,button,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
}
.fl{float: left;}
.fr{float: right !important;}
.clear{clear: both;}
h1,h2,h3,h4,h5,h6{margin:10px 0;padding: 0;font-weight: normal;}
button,div,input,select{outline: none;}
.m0{margin: 0 !important;}
.m5{margin: 5px 0 !important;}
.m10{margin: 10px 0 !important;}
.m20{margin: 20px 0 !important;}
.m30{margin: 30px 0 !important;}
.m40{margin: 40px 0 !important;}
.m50{margin: 50px 0 !important;}
.mt-0{margin-top: 0px !important;;}
.mt-10{margin-top: 10px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mt-50{margin-top: 50px !important;}
.mb-0{margin-bottom: 0px !important;;}
.mb-10{margin-bottom: 10px !important;;}
.mb-20{margin-bottom: 20px !important;;}
.mb-30{margin-bottom: 30px !important;;}
.mb-40{margin-bottom: 40px !important;;}
.mb-50{margin-bottom: 50px !important;;}
.mb-60{margin-bottom: 60px !important;;}
.mr-0{margin-right: 0px !important;;}
.mr-10{margin-right: 10px !important;}
.mr-20{margin-right: 20px !important;}
.mr-30{margin-right: 30px !important;}
.mr-40{margin-right: 40px !important;}
.mr-50{margin-right: 50px !important;}
.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.text-red{color: #ef4c2b;}
img.fullimg{width: 100%;height: auto;}
.row{margin-right: -15px;margin-left: -15px;}
.half_col{width: 50%;padding: 0 15px;float: left;}
.full_col{width: 100%;padding: 0 15px;float: left;}
.font_13{font-size: 13px;}
.greybg{background-color: #f5f5f5;}
.wrapper {
min-height:100%;
position:relative;
padding-bottom: 154px;
}
.clear {clear: both;}
.container{
width: 1200px;
margin: 0 auto;
}
i.icon-t2px{position: relative;top: 2px;}
/*nav*/
.header{
width: 100%;
margin: 0 auto;
padding: 0;
min-height: 65px;
background-color: #fff;
}
/*slider*/
.slider{
width: 100%;
height: auto;
}
.slide{
width: 100%;
position: relative;
}
.slider img{
width: 100%;
height: 600px;
object-fit:cover;
}
.wrap-text{
width: 1200px;
position: absolute;
left: 0;
right: 0;
top: 35%;
margin-left: auto;
margin-right: auto;
}
.wrap-text h1{
display: inline-block;
background-color: #fff;
font-size: 45px;
font-weight: bold;
color: #222;
padding: 7px 10px;
}
.wrap-text img{
display: inline-block;
position: relative;
top: 5px;
width: auto;height: 50px !important;
}
.wrap-text a{
display: inline-block;
padding: 10px 15px;
color: #fff;
background-color: #139646;
border-radius: 3px;
font-size: 18px;
text-align: center;
min-width: 150px;
text-decoration: none;
}
.wrap-text a i{
margin-right: -18px;
position: relative;
top: 2px;
}
.section{
width: 100%;
padding: 55px 0;
}
.h_red_border{
padding-bottom: 3px;
display: inline-block;
border-bottom: 3px solid #ef4c2b;
}
.h_yellow_border{
padding-bottom: 3px;
display: inline-block;
border-bottom: 3px solid #fdd454;
}
.h_green_border{
padding-bottom: 3px;
display: inline-block;
border-bottom: 3px solid #139646;
}
.about_img{margin-top: 60px;width: 100%;height: auto;}
.titlerow{width: 100%;text-align: center;}
/*service*/
.service_col{
width: 33.33%;
float: left;
padding: 0 15px;
margin-top: 30px;
}
.service{width: 100%;position: relative;}
.service_col .title{
position: absolute;
bottom: 0;
left: 0;
display: block;
text-align: center;
background-color: #fff;
margin:0;
padding: 0;
line-height: 2.5;
width: 100%;
}
.imgbg{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/*home contact*/
.home_contactform{
padding: 10px 20px;
background-color: #fff;
width: 450px;
}
.form-control{
width: 100%;
border:1px solid #dcdcdc;
padding: 8px;
margin:10px 0;
font-size: 15px;
resize:none;
-webkit-appearance: none;
border-radius: 3px;
}
.form-submit{
cursor: pointer;
width: 100%;
border:1px solid #139646;
padding: 15px 0;
font-size: 16px;
text-align: center;
color: #fff;
border-radius: 3px;
background-color: #139646;
}
.form-control:focus{
border:1px solid #139646;
background-color: #f9f9f9;
}
/*scroll top*/
.scrollToTop{
width:48px;
height:48px;
padding:10px;
text-align:center;
font-weight: bold;
color: #444;
text-decoration: none;
position:fixed;
bottom:140px;
right:25px;
display:none;
z-index: 99;
}
.scrollToTop img{width: 48px;height: 48px;}
.scrollToTop:hover{
text-decoration:none;
}
footer{
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: #292929;
padding: 40px 0;
color: #7b7b7b;
}
.footerLinks a{
color: #7b7b7b;
text-decoration: none;
display: inline-block;margin-left: 50px;
}
.footerLinks a:hover{color: #fdd454;}
footer .media{
text-align: right;
font-size: 20px;
}
footer .media a{color: #7b7b7b;}
footer .media i{
display: inline-block;
margin-left: 17px;
}
footer .media i.icon-facebook:hover{color: #4267b2;}
footer .media i.icon-wechat:hover{color: #2ca339;}
footer .media i.icon-mail-1:hover{color: #fdd454;}
/*web location*/
.web_location{
width: 100%;
padding: 20px 0;
text-align: center;
}
.web_location a{
color: #000;
text-decoration: none;
margin: 0 5px;
}
.web_location a.active{color: #139646;pointer-events:none;}
.web_location a:hover{color: #ef4c2b;}
.img-overlay-content{position: relative;line-height: 1.6;}
.img-overlay-content .bannerimg{position: relative;z-index: -2;}
.img-overlay-content .content{
width: 70%;
background-color: #fff;
padding: 20px;
margin: -80px auto 30px auto;
}
.img-overlay-content .content h1{text-align: center;margin-bottom: 30px;}
.img-overlay-content .content .icons-col{
width: 33.33%;
float: left;
}
.img-overlay-content .content .icons-col img{width: auto;height: 80px;}
/*ads*/
.ads{width: 100%;
text-align: center;margin-bottom: 30px;}
.ads img{width: auto;height: 120px;}
/*career*/
.career_tab .tab{
cursor: pointer;
text-align: center;display: inline-block;
width: 33%;color: #aaaaaa;
margin: 10px 0;
}
.career_tab .tab img{width: auto;height: 80px;}
.career_tab .active{color: #ef4c2b;}
.career_tab i{font-size: 80px;margin: 0;line-height: 1;}
.tab-content{display: none;}
.tab-content.active{display: block;}
/*grid*/
.eqWrap {
width: 100%;
display: flex;
justify-content: left;
flex-wrap: wrap;
}
.equalHMR,.equalHMR_news{
width: 33%;
text-align: left;
margin-bottom: 30px;
padding: 0 15px;
}
.equalHMR_02{
width: 50%;
text-align: left;
margin-bottom: 30px;
padding: 0 15px;
}
.title-box{
position: relative;
background-color: #fff;
padding: 12px;
border-radius: 5px;
}
.title-box h3,.service-box h3,.news-box h3{margin: 10px 0 0 0;}
.name{
font-size: 16px;
padding: 12px 0;
text-align: center;
width: 100%;
color: #fff;
margin-top: -5px;
background-color: #139646;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.service-box{
background-color: #fff;
padding: 15px;
border-radius: 5px;
}
.service-box p{text-align: justify;line-height: 1.5;}
.news-box{
background-color: #fff;
padding: 15px;
border-radius: 5px;
}
.news-box img{
width: 100%;
height: 250px;
object-fit:cover;
}
.news-box p{margin: 10px 0 0 0;}
.green-box-btn{
background-color: #139646;
color: #fff;
text-decoration: none;
border-radius: 3px;
display: inline-block;
padding: 8px 15px;
transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
border:0;
}
.green-box-btn:hover{background-color: #ef4c2b;}
input[type="submit"].green-box-btn{font-size: 16px;cursor: pointer;}
/*member info*/
.col-member-pic{
width: 30%;float: left;
padding: 0 15px;
position: relative;
}
.info-status{
position: absolute;
bottom: -40px;
height: 60px;
width: 100%;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url("../img/info-band.png");
}
.info-status .year{
background:url('../img/label-year.png');
background-size: contain;
position: relative;
top: -5px;
width: 70px;
height: 70px;
text-align: center;
font-size: 30px;
line-height: 70px;
color: #fff;
left: 20px;
display: inline-block;
}
.info-status .experience{
display: inline-block;
font-size: 20px;
position: relative;
top: -5px;
margin-left: 20px;
color: #fff;
}
.member-info{
width: 70%;
float: left;
padding: 0 15px;
position: relative;
line-height: 1.7;
margin-bottom: 30px;
}
.box{
padding: 15px;
background-color: #fff;
}
.inline-box{display: inline-block;}
.img_captcha{height: 80px;width: auto;}
.success{
display: none;
width: 100%;
text-align: center;
}
.success img{width: auto;height: 90px;}
#loading {
display: none;
text-align: center;
}
.row_dropdown{
position: relative;
padding: 0 15px;
margin-bottom: 20px;
width: 350px;
}
.row_dropdown h4{display: inline-block;width: 20%;}
.row_dropdown select{
border:2px solid #ddd;
padding: 5px 10px;
background-color: #fff;
width: 77%;
font-size: 15px;
margin-left: 5px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
}
.row_dropdown select:hover,.row_dropdown select:active{
background-color: #f9f9f9;
border:2px solid #139646;
}
.row_dropdown i{
position: absolute;
top: 12px;
right: 25px;
font-size: 14px;
}