body{overflow-x:hidden !important;max-width: 100% !important;}
body:lang(tc-HK){font-family: Microsoft JhengHei;}
button{cursor: pointer;}
.tc{font-family: Microsoft JhengHei !important;}
.en{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.wrapper{width: 100%;margin:0 auto;overflow-x:hidden;height: 100%;}
.fullbg{
position: relative;
width: 100%;
height: 100%;
min-height: 100%;
background-size: cover;
background-position: center;
}
.header{
position: relative;
width: 100%;
padding: 15px 40px;
}
.logo img{width: auto;height: 60px;}
.heading{
text-align: center;
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -45%);
line-height: 1;
}
.title{
font-size: 85px;
font-weight: bold;
color: #fff;
white-space: nowrap;
}
.title a{
display: inline-block;
width: auto;
padding: 12px 22px;
background-color: #EB2127;
color: #fff;
border-radius: 2px;
font-size: 18px;
text-decoration: none;
font-weight: normal;
transition: .2s ease;
}
.title a:hover{
background-color: #B20814;
}
.subheader{
position: relative;
width: 100%;
height: 350px;
min-height: 350px;
background-size: cover;
background-position: center;
}
.subTitle{
position: absolute;
top: 55%;
left: 50%;
font-size: 45px;
font-weight: bold;
white-space: nowrap;
color: #fff;
transform: translate(-50%, -55%);
}
.container{
width: 1199px;
margin:0 auto;
padding: 0 15px;
}
.subcontent{
padding: 50px 0;
min-height: 500px;
}
.col-50{
width: 50%;
padding: 0 15px;
float: left;
}
.subcontent p{font-size: 16.5px;line-height: 1.8;letter-spacing: 1px;}
.fullimg{width: 100%;height: auto;}
.intro-content{
position: relative;
top: 15px;
}
footer{
background-color: #000;
padding: 40px 0;
text-align: center;
color: #fff;
}
footer img{width: auto;height: 70px;margin-bottom: 30px;}
.fr{float: right;}
/*tab*/
.tab {
margin-bottom: 20px;
position: relative;
overflow: hidden;
background: #fff;
width: 100%;
margin: 0 auto;
line-height: 1.5;
font-weight: 300;
color: #888;
font-size: 16px;
-webkit-font-smoothing: antialiased;
}
.tabs {
display: table;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
}
.tabs li {
float: left;
line-height: 38px;
overflow: hidden;
padding: 0;
position: relative;
}
.tabs a {
background-color: #eff0f2;
border-bottom: 1px solid #fff;
color: #888;
font-weight: 500;
display: block;
letter-spacing: 0;
outline: none;
padding: 5px 20px;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-bottom: 2px solid #EB2127;
}
.tabs_item {
display: none;
padding: 0;
color: #222;
}
.tabs_item a{text-decoration: none;color: #eb2127;}
.tabs_item:first-child {
display: block;
}
.current a {
color: #fff;
background: #EB2127;
}
.tabs_item h2{
font-size: 23px;font-weight: bold;
margin-top: 25px;
color: #000;
}
.tabs_item h3{
margin-top: 10px;
text-decoration: underline;
font-size: 18px;font-weight: normal;
}
.tabs_item p{margin:7px 0 15px 0;font-size: 15.5px;color: #444;letter-spacing: 1.2px;}
.news{width: 100%;}
.news h1{border-bottom:1px solid #ddd;padding: 5px 0;}
.story{
width: 100%;
padding: 25px 0;
border-bottom: 1px solid #ddd;
}
.story:last-child{border:0;}
.story .date{width: 25%;float: left;font-size: 15px;}
.story .content{width: 75%;float: left;}
.story .content h2{font-size: 21px;}
.story .content p{font-size: 16px;letter-spacing: 0;}
.contacts{text-align: center;}
.contacts h1{margin-bottom: 20px;}
.contacts h2{font-weight: normal;}
.contacts p{margin:5px 0 0 0;}
.col-33{width: 33.33%;float: left;padding: 0 15px;}
.contacts img{width: auto;height: 65px;margin-bottom: 10px;}
.contacts a{color: #222;text-decoration: none;}
.contacts a:hover{color: #eb2127;}
.googlemap{margin-top: 30px;}
#map {
width: 100%;
height: 550px;
}
/*scroll top*/
.scrollToTop{
width:40px;
height:40px;
padding:10px;
text-align:center;
font-weight: bold;
color: #444;
text-decoration: none;
position:fixed;
right: 40px;
bottom: 50px;
display:none;
z-index: 99;
}
.scrollToTop img{
width: 40px;
height: 40px;
}
.scrollToTop:hover{
text-decoration:none;
}