body:lang(tc-HK){font-family: Microsoft JhengHei;font-size: 15px;}
.container{width: 1250px;margin:0 auto;padding:0 15px;}
.row{margin:0 -15px;}
body:lang(tc-HK) button{font-family: Microsoft JhengHei;}
p{line-height: 1.6;}
.header{
width: 100%;
padding: 10px 50px;
border-top: 7px solid #317874;
}
.header .logo img{width: auto;height: 80px;}
.nav .language_flag{
width: auto;height: 20px;
position: relative;
top: 4px;
}
.slider .slide{
width: 100%;height: auto;
position: relative;
}
.slider .slide .title{
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -45%);
font-size: 80px;
font-weight: bold;
text-align: center;
color: #fff;
padding: 20px;
margin:0;
line-height: 1;
white-space: nowrap;
display: inline-block;
background-color: #317874;
-webkit-box-shadow: 5px 5px 5px 0px #317874;
-moz-box-shadow: 5px 5px 5px 0px #317874;
box-shadow: 5px 5px 5px 0px #317874;
letter-spacing: 3px;
}
.slider .slide .title a{color: #fff;text-decoration: none;outline: none;}
/*homepage*/
.homeservice{
width: 100%;
background-image: url("../img/5537.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-bottom: 25px;
}
.homeservice .service_box{
width: 25%;
padding: 0 15px;
float: left;
}
.homeservice .service_box .item{
position: relative;
top: -45px;
width: 100%;
-webkit-box-shadow: 0px 2px 6px 0px rgba(143,143,143,1);
-moz-box-shadow: 0px 2px 6px 0px rgba(143,143,143,1);
box-shadow: 0px 2px 6px 0px rgba(143,143,143,1);
margin-bottom: -10px;
}
.homeservice .service_box a{color: #222;text-decoration: none;}
.homeservice .service_box .item h3{
position: relative;
background-color: #fff;
padding: 10px;
margin:-5px 0 0 0;
font-weight: normal;
}
.scale4-3 {
width: 100%;
padding-top: 75%;
position: relative;
}
.scale16-9 {
width: 100%;
padding-top: 62.50%;
position: relative;
}
.scale16-10 {
width: 100%;
padding-top: 62.50%;
position: relative;
}
.scale4-3 img,.scale16-9 img,.scale16-10 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit:cover;
}
.homeservice .service_desc{padding:0 15px;}
.homeservice .service_desc a{color: #222;text-decoration: none;}
.homeabout{
padding: 50px 0;
}
.about_content{
width: 50%;
float: left;
padding: 0 15px;
}
.about_content h2{font-size: 30px;}
.borderTitle{
display: inline-block;
padding: 5px 0;
color: #272727;
border-bottom: 2px solid #317874;
}
.borderTitle_30{
display: inline-block;
padding: 5px 0;
color: #272727;
font-size: 30px;
border-bottom: 2px solid #317874;
}
.borderTitle_30fff{
display: inline-block;
padding: 5px 0;
color: #fff;
font-size: 30px;
border-bottom: 2px solid #fff;
}
.about_content p{line-height: 1.8;font-size: 18px;}
.fade{
-webkit-transition: .2s all;
-moz-transition: .2s all;
transition: .2s all;
}
.style_purple_btn{
display: inline-block;
background-color: #317874;
color: #fff;
border:0;
padding: 10px 25px;
margin:10px 0;
text-decoration: none;
cursor: pointer;
border:2px solid #317874;
}
.style_purple_btn:hover{
border:2px solid #317874;
color: #317874;
background-color: #fff;
}
.style_white_btn{
display: inline-block;
background-color: #fff;
color: #317874;
border:0;
padding: 10px 25px;
margin:10px 0;
text-decoration: none;
cursor: pointer;
border:2px solid #317874;
}
.style_white_btn:hover{
border:2px solid #317874;
color: #317874;
background-color: #fff;
}
.homeabout .about_content .homeaboutimg{
width: 50%;
float: left;
padding: 0 15px;
}
.homeabout .about_content .homeaboutimg img{width: 100%;height: auto;}
.fullset{width: 100%;padding: 0 15px;}
.newsslider{
width: 100%;padding: 60px 0;
background-image: url("../img/blurbg01.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
text-align: center;
}
.newsslider p{font-size: 20px;}
.news_banner{max-width: 750px;margin:30px auto;}
.news_banner img{width: 100%;height: auto;}
.news_banner .slick-dots{
bottom: -40px;
text-align: center;
}
.homecontacts{
padding: 50px 0;
}
.homemap,.mapcontacts{
width: 50%;
float: left;
padding: 0 15px;
}
.mapcontacts{float: right;}
.mapcontacts p{line-height: 1.6;}
#map{min-height: 480px;width: 100%;}
.oversea{
background-color: #99235c;
color: #fff;
padding: 30px 0;
}
.oversea p{line-height: 1.8;margin-bottom: 0;}
footer{
width: 100%;
position: absolute;
bottom: 0;
margin:0;
left: 0;
background-color: #107967;
color: #fff;
padding: 40px 0 0 0;
text-align: center;
}
.footerlogo img{width: auto;height: 70px;margin-bottom: 0px;}
.footer_links{margin: 30px 0;}
.footer_links .link{display: inline-block;margin:0 25px;}
.footer_links .link a{color: #fff;text-decoration: none;}
.footer_links .media{margin:40px 0;}
.footer_links .media .link{margin: 0 20px;}
.copyright{
padding: 13px 0;
text-align: center;font-size: 14px;
background-color: #2a6764;
}
/*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;
}
/*aboutus*/
.subbanner{width: 100%;height: auto;}
.subbanner img{
width: 100%;
min-height: 300px;
max-height: 500px;
object-fit:cover;
}
.aboutintro{
padding: 40px 0;
}
.aboutintro .intro{
width: 66%;
float: left;
padding: 0 15px;
}
.aboutintro .intro h2{font-size: 26px;line-height: 1.5;}
.aboutintro .intro .details{
width: 45%;
float: left;
padding: 0 15px;
margin-top: 20px;
}
.aboutintro .intro .details:first-child{
border-right: 2px solid #107967;
margin-right: 30px;
padding-right: 30px;
}
.aboutintro .serviceItems{
width: 30%;
float: right;
padding: 0 15px;
}
.aboutintro .serviceItems .itemlist{
background-color: #fff;
padding: 20px;
position: relative;
top: -100px;
-webkit-box-shadow: 0px 2px 6px 0px rgba(143,143,143,1);
-moz-box-shadow: 0px 2px 6px 0px rgba(143,143,143,1);
box-shadow: 0px 2px 6px 0px rgba(143,143,143,1);
margin-bottom: -80px;
}
.aboutintro .serviceItems .itemlist h2{color: #317874;margin-bottom: 15px;}
.aboutintro .serviceItems .itemlist p{line-height: 1.8;margin:0;}
.nexttomapImg{
width: 20%;float: left;
height: 475px;
}
.nexttomapImg img{width: 100%;height: 475px;object-fit:cover;}
.aboutusmap .showmap{width: 80%;height: 475px;float: left;}
.showmap #map{min-height: 475px;}
.medicalTeam{
padding: 45px 0;
}
.medicalTeam .team_box{
width: 33.33%;
float: left;
padding:0 15px;
}
.medicalTeam .team_box .teamItem{
width: 100%;
-webkit-box-shadow: 0px 2px 6px 0px rgba(143,143,143,1);
-moz-box-shadow: 0px 2px 6px 0px rgba(143,143,143,1);
box-shadow: 0px 2px 6px 0px rgba(143,143,143,1);
margin-bottom: 30px;
}
.medicalTeam .team_box .teamItem .details{
padding: 12px;
min-height: 130px;
}
.medicalTeam .team_box .teamItem h3{
font-size: 20px;font-weight: bold;
margin:0 0 7px 0;
}
.medicalTeam .team_box .teamItem p{margin: 0;}
.aboutTab{
padding: 45px 0;
background-color: #f5f5f5;
}
.tab_container{
margin:5px -15px 5px -15px;
}
.col_50{width: 50%;float: left;padding: 0 15px;}
.sidetab a {
cursor: pointer;
display: block;
border:0;
text-decoration: none;
padding: 12px 15px;
background-color: #107967;
color: #fff;
font-size: 18px;
border-bottom: 2px solid #f5f5f5;
}
.sidetab a.inactive{
background-color: #fff;
color: #999999;
border-bottom: 2px solid #f5f5f5;
}
.tab_content h2{font-size: 26px;}
.service_intro{
padding: 50px 0;
}
.service_introimg{width: 100%;}
.service_plan_container{
margin: 30px 0;
}
.service_plan{
padding: 30px 0;
border-top: 2px solid #eee;
}
.service_plan .plan_box{
width: 20%;
float: left;
padding: 0 15px;
display: block;
}
.service_plan .plan_box .item{
display: block;
width: 100%;
border:2px solid #eee;
font-size: 18px;
text-align: center;
padding: 50px 10px;
color: #666;
text-decoration: none;
-webkit-transition: .5s all;
-moz-transition: .5s all;
transition: .5s all;
}
.service_plan .plan_box .item img{margin-bottom: 18px;}
.service_plan .plan_box .item.hide{
opacity: 0.25;
}
.service_plan .plan_box .item.active{
border:2px solid #107967;
color: #107967;
-webkit-box-shadow: 0px 2px 10px 0px rgba(224,224,224,1);
-moz-box-shadow: 0px 2px 10px 0px rgba(224,224,224,1);
box-shadow: 0px 2px 10px 0px rgba(224,224,224,1);
}
/*service plan*/
.service{margin:30px 0;}
.backPage a{color: #222;text-decoration: none;}
.table_plan{width: 100%; margin-bottom: 40px;}
.table_plan table{
position: relative;
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.table_plan table thead{background-color: #fff;}
.table_plan table tr th{
text-align: center;
border:1px solid #eee;
padding: 10px 12px;
background-color: #fff;
font-weight: normal;
}
.table_plan table tr th span{font-size: 12px;}
.table_plan table tr td{
text-align: center;
padding: 12px 12px;
border:1px solid #eee;
font-size: 15px;
}
.table_plan table tr th:last-child,.table_plan table tr td:last-child{min-width: 120px;}
.table_plan table tr td:first-child{text-align: left;min-width: 240px !important;}
.table_plan table tr th:first-child{min-width: 240px!important;}
.table_plan h2{font-size: 21px;color: #222;font-weight: bold;}
.table_plan .highlight{
color: #fff;font-size: 16px;
background-color: #317874;
}
.table_plan .highlight td{padding: 4px 12px;font-size: 17px !important}
.table_plan h3{margin-bottom: 12px;font-size: 18px;}
.tablecontainer{
width:100%;
margin:auto;
overflow-x: scroll;
}
.tableOption{margin-bottom: 15px;display: none;}
.tableOption button{
cursor: pointer;
display: inline-block;
border:1px solid #eee;
background-color: #eee;
color: #888;
padding: 4px 12px;
font-size: 15px;
margin-bottom: 10px;margin-right: 5px;
}
.tableOption button.active{
background-color: #317874 !important;
color: #fff !important;
}
.tablecontainer::-webkit-scrollbar-track
{
background-color: #fff;
}
.tablecontainer::-webkit-scrollbar
{
width: 2px;
height: 3px;
background-color: #888;
}
.tablecontainer::-webkit-scrollbar-thumb
{
background-color: #eee;
border: 2px solid #eee;
}
.fixed{
top:0 !important;
position:fixed !important;
width:auto !important;
display:none;
border:none;
z-index: 999;
}
/*news*/
.news_story{
padding: 20px 0;
}
.news_story .container{max-width: 1100px;}
.eqWrap {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-left: -4%;
}
.story_box {
width: 46%;
margin:0 0 50px 4%;
-webkit-box-shadow: 0px 2px 10px 0px rgba(224,224,224,1);
-moz-box-shadow: 0px 2px 10px 0px rgba(224,224,224,1);
box-shadow: 0px 2px 10px 0px rgba(224,224,224,1);
}
.news_story .story{
width: 100%;
display: block;
background-color: #fff;
text-decoration: none;color: #222;
}
.news_story .content{padding: 12px;}
.news_story .content h3{color: #107967;}
.news_story .content p{margin:10px 0 0 0;}
.story .date{
position: absolute;
top: 16px;
right: 16px;
background-color: rgba(255,255,255,0.92);
border:1px solid #777;
color: #333;
padding: 3px 7px;
border-radius: 2px;
font-family: 'Oswald', sans-serif;
}
.backtoNews{text-decoration: none;color: #222;font-size: 15px;}
.details-date{margin-bottom: 15px; font-family: 'Oswald', sans-serif;}
.news-details{
padding: 0 15px;
width: 100%;margin-bottom: 40px;
}
.news-details h2{margin-bottom: 10px;}
.news-details img{max-width: 100%;margin-bottom: 15px;}
.news-details p{margin-bottom: 20px;}
.news-details table{width:100%;border-collapse: collapse;}
.news-details table td{padding: 12px;border:1px solid #eee;}
.tips_container{
margin: 40px 0;
}
.tips_tab{margin: 20px 0;}
.tips_tab a {
position: relative;
text-align: center;
display: block;
width: 150px;
padding: 25px 0;
font-size: 16px;
background-color: #107967;
color: #fff;
margin-right: 10px;
line-height: 1.2;
text-decoration: none;
float: left;
cursor: pointer;
border:2px solid transparent;
}
.tips_tab a:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-top-color: #107967;
border-width: 10px;
margin-left: -10px;
}
.tips_tab a.inactive{
background-color: #f5f5f5;
color: #cccccc;
border:2px solid transparent;
}
.tips_tab a.inactive:after{
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0;
border-color: transparent; transparent transparent transparent;
}
.tips_tab a i{font-size: 40px;}
.tips_tab a:hover{color: #107967;background-color: #fff;border:2px solid #107967;}
.tips_content{margin: 40px 0;}
.qna {
margin-bottom: 30px;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
}
.qna:last-child{border:0;}
.qna h2{margin-bottom: 20px; color: #222;}
.qna p{margin:0 0 10px 0;line-height: 1.5;color: #333333;}
.qna a{color: #222; text-decoration: none;}
.qna a:hover{color: #107967;text-decoration: underline;}
.en{font-family: Helvetica Neue,Helvetica,Arial,sans-serif; }
.tips_content .lvTitle{font-size: 30px;color: #107967;margin-bottom: 30px;}
.colorRed{color: #bd1616 !important;}
/*google map*/
.contactsmap{width: 100%;min-height: 550px;}
.contactsmap #map{min-height: 550px;}
.contact_details{padding: 40px 0;}
.contacts_image_box,.contacts_servicetime,.contacts_contactdata{padding: 0 15px;float: left;margin-top: 30px;}
.contacts_servicetime,.contacts_contactdata{width: 34%}
.contacts_image_box{width: 32%;}
.contacts_image_box .image{height: 280px;overflow: hidden;}
.contacts_servicetime .details,.contacts_contactdata .details{padding: 30px 20px;}
.contacts_image_box img{max-width: 100%;}
.contacts_servicetime .dateTime{
background-color: #107967;
color: #fff;
height: 280px;
}
.contacts_servicetime .heading{font-size: 18px;position: relative;padding-left: 50px;padding-top: 10px;}
.dateTime i{font-size: 40px;
position: absolute;
top: 0;
left: 0;
}
.dateTime table{margin-top: 30px;width: 100%;border-collapse: collapse;}
.dateTime table tr{border-bottom: 1px solid #fff;}
.dateTime table tr:last-child{border:0;}
.dateTime table tr td{padding: 15px 0;}
.dateTime table tr td:last-child{text-align: right;}
.contacts_contactdata .details{
border:1px solid #ddd;
height: 280px;
}
.contacts_contactdata .icon,.contacts_contactdata .data{float: left;}
.contacts_contactdata .detailsRow{margin-bottom: 30px;}
.contacts_contactdata .detailsRow:last-child{margin:0;}
.contacts_contactdata .icon{margin-right: 20px;}
.contacts_contactdata .icon i{font-size: 40px; color: #107967;}
.contacts_contactdata .data{font-size: 18px;line-height: 1.5;}
.contacts_contactdata .phonefax{position: relative;}
.contacts_contactdata .mail{position: relative;top: 10px;}
/*contact form*/
.contactform{margin-top: 50px;}
.form_row{margin-bottom: 30px;}
.form_control,.contactform textarea{
width: 100%;
border:1px solid #eee;
padding: 10px;
font-size: 15px;
font-family: Microsoft JhengHei;
-webkit-transition: .2s all;
-moz-transition: .2s all;
transition: .2s all;
border-radius: 0;
-moz-appearance: none;
-webkit-appearance: none;
}
.form_control:focus,.contactform textarea:focus{
border:1px solid #107967;
}
.contactform textarea{
min-height: 260px;
resize:none;
}
.form_row input[type="submit"]{
margin-top: 30px;
cursor: pointer;
color: #fff;
font-family: Microsoft JhengHei;
background-color: #107967;
padding: 10px 30px;
border:0;
font-size: 16px;
-webkit-transition: .2s all;
-moz-transition: .2s all;
transition: .2s all;
border-radius: 0;
}
.form_row input[type="submit"]:hover{background-color: #30005a;}
/*process*/
.process_box{
width: 33.33%;float: left;
padding:0 15px;
}
.process{
position: relative;
padding: 15px;
border:1px solid #ddd;
min-height: 170px;
}
.process span{font-family: 'Courgette', cursive;}
.process .arrow{
position: absolute;
right: -27px;
top: 50%;
font-size: 20px;
transform: translate(0, -50%);
}
a.mailto{color: #222;text-decoration: none;}
a.mailto:hover{color: #107967;
text-decoration: underline;
}