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

.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: rgba(48,0,90,0.85);
	-webkit-box-shadow: 5px 5px 5px 0px rgba(32,5,55,1);
-moz-box-shadow: 5px 5px 5px 0px rgba(32,5,55,1);
box-shadow: 5px 5px 5px 0px rgba(32,5,55,1);
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 #460082;
}

.borderTitle_30{
	display: inline-block;
	padding: 5px 0;
	color: #272727;
	font-size: 30px;
	border-bottom: 2px solid #460082;
}
.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: #460082;
	color: #fff;
	border:0;
	padding: 10px 25px;
	margin:10px 0;
	text-decoration: none;
	cursor: pointer;
	border:2px solid #460082;
}
.style_purple_btn:hover{
	border:2px solid #460082;
	color: #460082;
	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/bluraccess.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: #3f0075;
    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: #30005a;
}

/*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 #3f0075;
	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: #460082;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: #3f0075;
	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 #3f0075;
	color: #3f0075;
	-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: #460082;
}
.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: #460082 !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: #3f0075;}
.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: #3f0075;
	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: #3f0075;
	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: #3f0075;background-color: #fff;border:2px solid #3f0075;}

.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: #3f0075;text-decoration: underline;}
.en{font-family: Helvetica Neue,Helvetica,Arial,sans-serif; }

.tips_content .lvTitle{font-size: 30px;color: #3f0075;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: #3f0075;
	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: #3f0075;}
.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 #3f0075;
}
.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: #3f0075;
	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: #3f0075;
    text-decoration: underline;
}