/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 13 2019 | 05:49:08 */
/* for wonder player */

.wonderplugin-video {
 	margin-bottom: 20px !important; 
}

.video-gallery {
	/*width: 570px;*/
    margin: 0 auto;
}

.video-gallery .wonderplugin-video {
	float: left;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 15px !important;
}	

#html5-watermark {
	display: none !important;
}

.wpve-poster img {
 /*height: 168px; */
}

@media (max-width: 1200px) {
	.video-gallery {
    	width: 100% !important;  
    }
}

@media (max-width: 800px) {
  	.video-gallery .wonderplugin-video {
  		width: 100% !important;
       /* height: auto !important;*/
        margin-left: 0px !important;
    	margin-right: 0px !important;
  	}
  
    .wonderplugin-video {
      	width: 100% !important;
       /* height: auto !important;*/
    } 
    
    .wpve-poster {
       /*height: 100%;*/
    }
  
    .wpve-poster img {
    	/*height: 100%;*/
      	width: 100%;
    }
}

@media (max-width: 780px) {
  	.video-gallery .wonderplugin-video {
        width: 100% !important;
       /* height: auto !important;*/
        margin-left: 0px !important;
    	margin-right: 0px !important;
    }
  
	.wonderplugin-video {
      	width: 100% !important;
       /* height: auto !important;*/
    } 
}

/* for video pop up */

.wp-html5vp-video-row {
	width: 500px;
    margin: 0 auto;
}

.html5video-medium-12 {
	width: 250px;
}	

.html5video-medium-12 .video_image_frame {
	height: 168px;
}

.video_frame .video_title {
	display: none;
}

/* for new facilities page setting */

.lab-title {
    font-size: 17px;
    color: #47D140;
    padding-bottom: 15px; 
}

.movespace {
   min-height: 50px;  
}

.campusbox .intro-subtitle a{
  float: right;
    font-size: 15px;
    text-decoration: underline;
}

.lab-style2 {
	width: 100%;
    padding-top: 20px;
	padding-bottom: 20px;
    border-bottom: 1px solid #797272;
}

.lab-content {
	float: left;
	width: 55%;
}

.lab-content span {
	color: #47D140;
}

.lab-content p {
	padding-top: 20px;
}

.lab-image {
	float: right;
	width: 40%;
}

@media (max-width: 767px) {
   .campus-pt img {
	  width: 100%;
   }
   
   .lab-content {
	  width: 100%;
	  padding-bottom: 20px;
   }
   
   .lab-image {
	   width: 100%;
	   text-align: center;
   }
   
   .lab-image img {
		width: 70%;
   }
}


/* for new research page setting */
.intro-subtitle span {
    float: left;
    width: 50%; 
    padding-top: 35px;
}

.intro-subtitle .title-image {
 	float: right;
    width: 50%; 
}

.infot.infot2 {
 	width: 100% !important; 
}

.t-list {
 	float: left;
    width: 100%;
    padding-top: 20px;
}

.t-list a {
 	color: #666;
    text-decoration: underline;
}

@media (max-width: 1170px) {
.intro-subtitle span {
 	padding-top: 15px; 
}
}

@media (max-width: 560px) {
.intro-subtitle span {
 	padding-bottom: 15px; 
    width: 100%;
}
.intro-subtitle .title-image {
 	float: right;
    width: 100%; 
}
}


/* for final year project */

.curr-content2 {
 	width: 100%; 
}

.tab-left {
 	float: left; 
    width: 50%;
}

.tab-right {
 	float: right; 
    width: 50%;
      text-align: right;
}

@media (max-width: 908px) {
  .tab-left {
 	width: 100%;
    padding-bottom: 10px !important;
  }
  
  .tab-right {
    width: 100%; 
  }
}



/* for banner setting */

#example3_10789.slider-pro .title-in-bg {
 	top: 18px !important;
    right: 0px !important;
    left: 0px !important;
    padding-right: 0px !important;
    padding-left: 20px !important;
    background-color: transparent !important;
    margin: 0px !important;
    opacity: 1 !important;
    text-align: left !important;
    padding-top: 0px !important;
    font-size: 20px !important;
    color: #ffffff;
    width: 500px;
    white-space: inherit !important;
    text-shadow: 2px 2px #000000;
}

@media (max-width: 640px) {
  #example3_10789.slider-pro .hide-small-screen {
    display: block !important;
    width: 400px !important;
    font-size: 13px !important;
    text-shadow: 1px 1px #000000;
  }
  
  #example3_10789.slider-pro .sp-button {
   	width: 30% !important; 
  }
}

body {
 font-family: "arial"; 
}

@media (max-width: 1210px) {
	.navigation .navbar-nav #magic-line {
    	display: none !important;  
    }
  
   .navigation .navbar-nav #magic-line2 {
    	display: none !important;  
    }
}

.navigation .navbar-nav #magic-line2 {
  background-color: #47D140;
}

#magic-line2 {
    position: absolute;
    height: 2px;
    z-index: 99999;
    bottom: 26px;
}

.page-404-content h2 {
  font-family: "arial"; 
}

.error404 .page-404-content .col-xs-6 {
 	width: 100%;
  	text-align: center;
}

.error404 .page-404-content .col-xs-6:first-child {
 	display: none; 
}



.desc-in-bg {
 	display: none; 
}

.pc3 .staff-list .staff-member .staff-department {
	position: relative;
    top: -8px;  
}

.message-text {
  width: 100%;
  padding-bottom: 30px;
}

.message-image {
 	float: left;
    width: 20%;
}

.message-image img {
	width: 100%;
}

.message-texts {
 	float: right;
    width: 75%;
}

/* news page tab */

.page-tags-space {
 	padding-bottom: 20px; 
}

/* custom search */
.shead {
	padding: 15px;
    font-size: 35px;
    padding-bottom: 40px;
    font-weight: bold;
    /*font-family: "Roboto Slab";  */

}

.searchresultform .staff-member .content-inner {
 	padding-bottom: 0px; 
}

.searchresultform article .entry-header .entry-title a {
 	display: block; 
}

.searchresultform article .entry-header .date-meta {
 	display: none; 
}

.searchresultform article .entry-header .entry-meta {
 	display: none; 
}

.searchresultform article .entry-summary span {
 	display: none; 
}

.searchresultform article .entry-summary br {
 	display: none; 
}


.top_site_main>.overlay-top-header {
 	    background: rgba(0,0,0,0.1) !important; 
}

@media (max-width: 770px){
  #pg-7083-0 .panel-grid-cell, #pg-7083-1 .panel-grid-cell {
      width: 100% !important;
  }
}

#main-home-content {
     background-image: url(https://www.engineering.hku.hk/bmeengg/wp-content/uploads/2019/01/bg.png);
    background-repeat: no-repeat; 
      background-size: cover;
}

@media (min-width: 992px) {
  #main-home-content {
    	width: 100%;
  }
}



#pg-7083-0> .panel-row-style {
	background-position: center top !important;  
}

.sp-button {
    width: 100px !important;
    height: 10px !important; 
    border-radius: 0px !important;
    border: 0px none !important;
    background-color: rgba(255, 255, 255, 0.3) !important;
}

.sp-buttons {
 	text-align: left !important; 
}

.sp-buttons .sp-button {
   border: 0px none !important;
}

.custom-space {
	height: 128px;  
}

.custom-space2 {
	height: 230px;  
}

@media (max-width: 770px) {
  .custom-space2 {
	height: 165px;  
  }
}

@media (max-width: 767px) {
  .custom-space2 {
	height: 0px;  
  }
}

#slider_10767 {
 	height: 325px; 
}

.slider-space {

  padding-top: 165px;
}

.slider-space .owl-carousel {
  height: 500px;
}

#pgc-7083-1-0 .sc-heading,#pgc-7083-1-1 .sc-heading {
 	border-right: 1px solid #ffffff; 
}

@media (max-width: 840px) {
  #pgc-7083-1-0 .sc-heading,#pgc-7083-1-1 .sc-heading {
 	border-right: 0px none; 
}
}

.thim-best-industry #pgc-7083-1-0,.thim-best-industry #pgc-7083-1-1,.thim-best-industry #pgc-7083-1-2 {
  width: 33.3333%; 
}

.navigation .width-navigation .navbar-nav > li > a {
	color: #ffffff;  
}

.bsearch_footer {
 	/*display: none; */
      padding-top: 20px;
}

.yeartitle {
 	font-size: 20px;
    color: #47D140;
  padding-bottom: 30px;
}

.threey .fouryear {
 	display: none; 
}

.foury .threeyear {
 	display: none; 
}

.person-image-hide {
  display: none; 
}

/* for facilities */

.campus-list {
	width: 100%;
  	padding-bottom: 30px;
}

.campus-pt {
	width: 49%;
   float: left;
   cursor: pointer;
}

.campus-pt .background {
	height: 100px;
    width: 100%;
   
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.campus-pt .shadow {
	height: 100px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    line-height: 100px;
    color: #ffffff;
    font-size: 20px;
    padding-left: 20px;
  
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.campus-pt .list {
 	padding: 10px;
    border: 1px solid; 
}

.campus-pt .lab-links {
 	width: auto;
    padding-bottom: 0px;
}

.medicul-campus {
 	float: right; 
}

.main-campus .background {
  /* background: url(https://www.engineering.hku.hk/bmeengg/wp-content/uploads/2018/12/mainCampus-hero.jpg) center center no-repeat; */
}

.medicul-campus .background {
  /* background: url(https://www.engineering.hku.hk/bmeengg/wp-content/uploads/2018/12/medical_Image.jpg) center center no-repeat; */
}

@media (max-width: 767px) {
  .campus-pt {
      width: 100%;
      padding-bottom: 20px;
  }
}

/* for research */

.research-list {
 	width: 100%;
    padding-bottom: 30px;
}

.research-pt {
 	width: 49%;
    float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
      height: 300px;
    margin-bottom: 10px;
    background-size: cover !important;
  
   
    /* padding-top: 106px; */
    font-size: 20px;
      cursor: pointer;
}

.research-pt .shadow {
	height: 300px;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.research-pt .setcenter {
	align-self: center;
}

.research-pt a {
   color: #ffffff; 
      display: block;
    height: 100%;
    margin: 0 auto;
}

.research2,.research4 {
 	float: right; 
    
}



#content1 {
	height: 50px;
}

@media (max-width: 767px) {
  	.research-pt {
   		width: 100%;

    }
  
    .research-pt .shadow {

    }
}

.intro-subpart-img {
 	text-align: center; 
    padding-top: 20px;
}

.intro-subpart-img img {
 	width: 80% 
}

.head-login a {
	display: none !important; 
}

.thim-link-login a {
  color: #47d140;
}

.sidebar-image:before {
 	background-color: transparent !important; 
    content: "";
}

.sidebar-image {
	padding-left: 0px !important;
    padding-right: 0px !important;
}

.sidebar-image .thim-click-to-bottom {
 	display: none;
}

.sidebar-image .banner-text {
 	display: none;
}

#thim-popup-login .thim-login-container {
	padding-top: 30px;
    padding-bottom: 30px;
    text-align: left;
}

#thim-popup-login h2 {
 	margin-top: 0px; 
}

.log_forms input[type=submit]:hover {
  background-color: #47d140;
}

.log_forms input[type=text], input[type=password] {
 	color: #000000; 
}

.downloadlinks a {
  color: #47d140;
}

/* for search staff */

.search #bsearchresults h2 {
	font-size: 20px;  
}

.search .site-content {
	padding-top: 30px;  
}

.search #sidebar {
   display: none; 
}

.search #main {
 	width: 100%; 
}

.search .bsearchform {
   display: none;
}

.search .bsearch_nav {
	display: none;
}

.search #bsearchresults a {
	color: #47d140;
}

.search #bsearchresults .bsearch_score {
	display: none;
}


@media (max-width: 700px) {
    .wrapper-box-icon.overlay .smicon-box {
    	min-height: auto;  
    }
}

@media (max-width: 800px) {
    .thim-best-industry {
    	padding-bottom: 30px;  
    }
}

.sow-image-container {
 	position: relative; 
}

/* news */

article .entry-header .subtitle {
  font-size: 20px;
    color: #333333; 
    position: relative;
  top: -10px;
}

.spsub {
    font-size: 20px;
    color: #333333; 
}

.setcenter {
	text-align: center;  
}


@media (max-width: 800px) {
  .setcenter iframe {
       width: auto !important; 
  }
}

.caption {
	padding-bottom: 30px;  
}

.spaces {
	text-align: center;
}

.foogallery {
	padding-bottom: 10px;  
}

#blog-archive article .entry-content.fullwidth {
    width: 100% !important;
}

.ve-cat-widget-div ul.ve-cat-widget-listing li a:hover, .ve-cat-widget-div ul.ve-cat-widget-listing li.active-cat a, .ve-cat-widget-div ul.ve-cat-widget-listing li.active-cat span.post-count {
  color: #47D140 !important;
}

body .blog-content article .content-inner {
 	padding-bottom: 30px; 
}

.post-formats-wrapper {
 	display: none; 
}

#blog-archive .post-formats-wrapper {
	display: block;
    text-align: center;
}

/* staff */

.person-yc {
	padding-top: 20px;
    color: #47D140;
    font-weight: bold;
}

.member-info2 .staff-department {
   padding-bottom: 5px !important;
}

.member-info2 .staff-member-name {
	padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.staff-year {
	padding-bottom: 20px;  
}

.staff-yearcate {
	color: #47D140;
    font-weight: bold;
}

.staff-titles {
	position: relative;
    top: -10px;
}

.staff-member .staff-photo {
	height: 111px;
    overflow: hidden;
}

.staff-member .staff-photo img {
 	width: 111px; 
}

.person-department a {
 	color: #666; 
}

.person-department2 a {
 	color: #666; 
}

/* special setting */

.img-box {
	padding-bottom: 20px; 
}

.img-box img {
	width: auto !important;  
}

.bottomlline {
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd
}

.paddingtop {
	padding-top: 30px;
}

.custom-image img {
 	width: auto !important; 
}

.round-image img {
 	width: 100%; 
}

.infoi2 {
 	float: left !important; 
}

.infot2 {
 	float: right !important; 
}

/* introduction -> career prospects */

.panel table {
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.panel table tr td:first-child {
     border-right: 0px; 
}

/* for logo */

@media (max-width: 1200px) {
  .width-logo > a {
   	width: 200px; 
  }
}

@media (max-width: 375px) {
  .sow-image-container .thim-click-to-bottom {
  	display: none;	
  }
}


/* for hide index */

#pg-7083-3,#pg-7083-4,#pg-7083-5,#pg-7083-6,#pg-7083-7,#pg-7083-8 {
 	display: none; 
}

/* for index */

@media (max-width: 450px) {
 	.top_menu_option {
    	float: left !important;
    }
  
   .top_menu_option .option-pt:nth-child(1) {
   		display: none;
   }
  
  .top_menu_option .option-pt:nth-child(2) {
   		display: none;
   }
}

/* for geneal */

.link {
	padding-bottom: 20px;
}
.link a {
 	color: #000000; 
}

/* width */
.forscroll::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.forscroll::-webkit-scrollbar-track {
    background: #ffffff; 
}
 
/* Handle */
.forscroll::-webkit-scrollbar-thumb {
    background: #B0EBB8; 
}

/* Handle on hover */
.forscroll::-webkit-scrollbar-thumb:hover {
    background: #B0EBB8; 
}

/* *** Float containers fix:
       http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
 .clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

body .related-archive {
    display: none;
}

body .thim-about-author {
	display: none;
}

#toolbar .widget_search {
		padding-left: 0px;
}

body .entry-tag-share {
	display: none;		
}

.copyright-content .col-sm-6 {
		width: 100%;
}

/* for blog */

.blog .col-sm-9 {
 	width: 100%; 
}

.category .col-sm-9 {
 	width: 100%; 
}

.single-post .col-sm-9 {  
	width: 100%; 
}

.blog .page-title-wrapper h1 {
	font-size:0;
}

.blog .page-title-wrapper h1:before {
	content: "News & Events";
	font-size:48px !important;
}

.top_site_main .page-title-wrapper h1:before, .top_site_main .page-title-wrapper h2:before {
    width: 100% !important;
}

.top_site_main .page-title-wrapper h1:before, .top_site_main .page-title-wrapper h2:before {
    background-color: transparent !important;
}

/* =============== */

@media (max-width: 479px) {
		.wrapper-box-icon.overlay.has_custom_image.text-left .boxes-icon {
				width: 90px!important;
		}
		.wrapper-box-icon.overlay.has_custom_image.text-left .content-inner {
				width: calc( 100% - 90px - 15px)!important;
		}
}

/* ====== cusotom ==== */

/* top bar */

.navigation .navbar-nav #magic-line {
		background-color: #47D140;
}

.menu-mobile-effect.navbar-toggle span.icon-bar {
	background-color: #ffffff;
}

.top_menu_option {
		float: right;
}

.top_menu_option .option-pt {
		padding-right: 20px;
		float: left;
}

.top_menu_option .option-pt:last-child {
  border-right: 1px solid #787878;
}

.top_menu_search {
		float: right;
		padding-left: 17px;
}

.top_menu_login {
		float: right;
		padding-right: 20px;
		border-right: 1px solid #787878;
}

.top_menu_login a {
		padding: 0px !important;
		color: #47D140 !important;
}

.top_menu_login .profile {
		display: none !important;
}

/* footer */

footer#colophon {
    border-top: 6px solid #47D140;
}

footer#colophon .copyright-area .copyright-content {
		padding-top: 0px;
		padding-bottom: 20px;
		border-top: 0px none;
    text-align: center;
}

.logo-addressinfo .logo {
		float: left;
		padding-right: 25px;
}

.logo-addressinfo .logo img {
		width: 72px;
}

.logo-addressinfo .address-contact {
   float: left;
}

.logo-addressinfo .address-contact h3 {
		font-size: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
		color: #ffffff;
}

.logo-addressinfo .address-contact .title {
 	font-size: 20px; 
}

.htitle {
 	font-weight: bold; 
}


@media (max-width: 970px) {
  .logo-addressinfo .address-contact .title {
   	font-size: 15px; 
  }
}

@media (max-width: 790px) {
  .logo-addressinfo .address-contact .title {
   	font-size: 10px; 
  }
}

@media (max-width: 725px) {
  .logo-addressinfo .address-contact .title {
   	font-size: 15px; 
  }
}


.fmenu-head h3 {
		font-size: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
		text-decoration: underline;
}

.footer-menu1 .so-panel:nth-child(1),.footer-menu1 .so-panel:nth-child(3) {
		margin-bottom: 0px !important;		
}

.footer-menu2 .so-panel:nth-child(1),.footer-menu2 .so-panel:nth-child(3) {
		margin-bottom: 0px !important;
}

footer#colophon .footer ul {
		padding-left: 20px;
}

footer#colophon .footer ul li {
	background: url("https://www.engineering.hku.hk/bmeengg/wp-content/uploads/2018/11/footerarrow.png") left 6px no-repeat;
	padding-left: 15px;
  line-height: 20px;		
}


/* ====index==== */

.wrapper-box-icon.overlay .heading__primary {
		text-transform: none !important;
}

.sow-image-container .thim-click-to-bottom {
		position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    z-index: 1000;
}

.sow-image-container .fa {
		color: #47D140;
    font-size: 20px;
}

.wrapper-box-icon.overlay .boxes-icon {
	margin-right: 0px		
}

.wrapper-box-icon.overlay {
  /*  background: rgba(33,93,167,.6);*/
}

.wrapper-box-icon.overlay:hover {
	/*	    background: rgba(33,93,167);*/
  background: rgba(0,0,0,.6);
}

.imageslider {
		background: url(https://www.engineering.hku.hk/bmeengg/wp-content/uploads/revslider/home-page/top-slider.jpg) center top no-repeat;
    height: 900px;
    background-size: cover;
}

.banner-option .single-image {
		position: relative;
}

.banner-text {
	position: absolute;
	top: 285px;
  width: 100%;
}

.banner-text .locations {
		width: 1000px;
    margin: 0 auto;
}


.icon-text {
	padding-bottom: 10px;
	width: 100%;
  float: left;
}

.icon-text .title {
	float: left;
	font-size: 60px;
	color: #ffffff;
	line-height: 55px;
    padding-right: 10px;
}

.icon-text .imgage {
	float: left;
}

.icon-text .imgage img {
	width: 103px;
}

.banner-text .long-text {
	color: #47d140;
	font-size: 40px;
	float: left;
}

/* sub page setting */

.navigation .navbar-nav>li>a, .navigation .navbar-nav>li>span {
	text-transform: none;
}

.widget-area aside .widget-title {
	text-transform: none;
	color: #29774A;
}

.widget-area aside:before {
	background-color: #47D140;
}

.top_site_main .page-title-wrapper h1:before, .top_site_main .page-title-wrapper h2:before {
	background-color: #47D140;
}

.top_site_main .page-title-wrapper h1:before, .top_site_main .page-title-wrapper h2:before {
	width: 0px;
}

.top_site_main .page-title-wrapper h1, .top_site_main .page-title-wrapper h2 {
	padding-bottom: 20px;
	background: url(https://www.engineering.hku.hk/bmeengg/wp-content/uploads/2018/11/title_bar.png) left bottom no-repeat;
	text-transform: none;
	padding-left: 0px;
	margin-left: 25px;
}


.breadcrumbs-wrapper #breadcrumbs li a:hover {
	color: #666;
}

.breadcrumbs-wrapper li {
	background: url(https://www.engineering.hku.hk/bmeengg/wp-content/uploads/2018/11/anchor.png) right 10px center no-repeat;
}

.breadcrumbs-wrapper #breadcrumbs a:after, .breadcrumbs-wrapper .thim-breadcrumbs a:after, .breadcrumbs-wrapper .woocommerce-breadcrumb a:after {
	width: 0px;
}

.breadcrumbs-wrapper li:last-child {
	background: none;
}

/* === for responsive === */

@media (max-width: 1300px) {
	.banner-text {
			top: 215px;
	}
}

@media (max-width: 1220px) {
		.wrapper-box-icon.overlay .heading__primary {
				padding-right: 0px;
				font-size: 20px;
		}
		
		.navigation .width-navigation .navbar-nav > li > a, .navigation .width-navigation .navbar-nav > li > span {
				padding-left: 10px;
		}
}

@media (max-width: 1150px) {
.navigation .navbar-nav>li>a, .navigation .navbar-nav>li>span {
		font-size: 12px;
}
}

@media (max-width: 900px) {
		.wrapper-box-icon.overlay .heading__primary {
				font-size: 15px;
		}
}

@media (max-width: 812px) {
		
}

@media (max-width: 767px) {
		.thim-best-industry .wrapper-box-icon.overlay {
				/*background: rgba(33,93,167);*/
          background: rgba(0,0,0,.6);
				
		}
		
		.wrapper-box-icon.overlay .heading__primary {
				font-size: 20px;
		}
}

@media (max-width: 320px) {
		.top_menu_option {
				float: left;
		}
		
		.top_menu_option .option-pt {
				padding-right: 10px;
		}
		
		.top_menu_search {
				padding-left: 10px;
		}
		
		.top_menu_login {
				padding-right: 10px;
		}
		
		
}


/* ==== for index banner ====*/

@media (max-width: 1180px) {
	.banner-text {
		top: 180px;
	}
	
	.banner-text .locations {
		width: 825px;
	}
	
	.icon-text .title {
		font-size: 40px;
		line-height: 48px;
	}
	
	.banner-text .long-text {
		font-size: 30px;
	}
}

@media (max-width: 1024px) {
	.banner-text {
		top: 120px;
	}
}


@media (max-width: 950px) {

	.banner-text {
		top: 138px;
	}
	
	.icon-text .title {
		font-size: 30px;
		line-height: 39px;
	}
	
	.icon-text .imgage img {
		width: 80px;
	}
	
	.banner-text .long-text {
		font-size: 20px;
	}
	
}

@media (max-width: 935px) {
	.banner-text .locations {
		width: 100%;
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media (max-width: 900px) {
	.sow-image-container .thim-click-to-bottom {
		bottom: 0px;
		margin-bottom: 5px;
	}
	
	.thim-best-industry {
		position: relative;
		top: 25px;
	}
}

@media (max-width: 840px) {
	.icon-text {
		padding-bottom: 0px;
	}
	
	.wrapper-box-icon.overlay .smicon-box {
		/*min-height: auto;*/
	}
	
	.thim-best-industry {
		top: 55px;
	}
}

@media (max-width: 767px) {
	.thim-best-industry {
		top: 0px;
	}
}

@media (max-width: 580px) {
	.banner-text {
		top: 117px;
	}
}

@media (max-width: 500px) {
	.icon-text .title {
		font-size: 22px;
		line-height: 26px;
	}
	
	.icon-text .imgage img {
		width: 50px;
	}
}

@media (max-width: 440px) {
	.banner-text {
		top: 118px;
	}
	
	.banner-text .long-text {
		font-size: 15px;
	}
}

@media (max-width: 360px) {
	.sow-image-container .thim-click-to-bottom {
		margin-bottom: 0px;
	}
}

@media (max-width: 320px) {
	.sow-image-container .thim-click-to-bottom {
		display: none;
	}
}


@media (max-width: 320px) {
  .width-logo > a {
    width: 150px;
  }
  
  .banner-text {
      top: 98px;
  }
}

/* for introduction */

.pages-tags {
	width: 100%;
	float: left;
}

.page-tag {
	float: left;
	border: 1px solid #919191;
	margin-right: 15px;
	margin-bottom: 15px;
}

.page-tag:last-child {
	margin-right: 0px;
}

.page-tag a {
	color: #919191;
	display: block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.page-tag.selected {
	border: 1px solid #47D140;
}

.page-tag.selected a {
	color: #000000;
}

.page-contnet {
	width: 100%;
	padding-top: 35px;
	float: left;
}

.intro-image {
	padding-bottom: 60px;
}

.intro-image img {
	width: 100%;
}

.intro-subpart {
	padding-bottom: 50px;
	width: 100%;
}

.intro-subpart .intro-subtitle {
	font-size: 25px;
	color: #47D140;
	padding-bottom: 15px;
}

.intro-subpart .intro-subtitle a {
   color: #47D140;
}

.intro-subpart .intro-subcontent {
	font-size: 15px;
	color: #787878;
}

.intro-subpart .intro-subcontent span {
	font-weight: bold;		
}


.intro-subpart .intro-subcontent a {
	color: #47D140;
}

@media (max-width: 767px) {
	.page-tag {
		width: 47%;
	}
	
	.page-tag:nth-child(2),.page-tag:nth-child(4),.page-tag:nth-child(6) {
		  float: right;
			margin-right: 0px;
	}
}

@media (max-width: 474px) {
	.page-tag a {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 10px;
	}
}

@media (max-width: 320px) {
	.page-tag {
		width: 100%;
	}
}

/*  for curriculum */

.tabs_content {
	width: 100%;
}

.tabs_content .tabs {
	width: 100%;
	float: left;
  position: relative;
  top: 0px;
}

.tabs_content .tabs .tabs-pt {
	float: left;
	border: 1px solid #D4D4D4;
	background-color: #FAFAFA;
	margin-right: 3px;
	position: relative;
  top: 2px;
	border-bottom: 0px none;
}

.tabs_content .tabs .tabs-pt a {
	display: block;
	padding: 10px;
	color: #919191;
}

.tabs_content .tabs .tabs-pt.selected  {
	border-top-width: 3px;
    border-top-color: #47D140;
    position: relative;
    top: 1px;
}

.tabs_content .content  {
	width: 100%;
	/*border: 1px solid #D4D4D4;*/
	float: left;
}

.tabs_content .content-space {
/*	
  padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
  */
  padding: 20px;
  padding-top: 0px;
	float: left;
	width: 100%;
}

.image-content {
	width: 100%;
	padding-top: 40px;
}

.curr-content {
	float: left;
	width: 50%;
	font-size: 15px;
	color: #787878;
}

.curr-content2 {
	width: 100%;
}

.curr-content li {
	list-style-type: disc;
}

.curr-image {
	float: right;
	width: 40%;
}

.curr-image img {
	width: 100%;
}

@media (max-width: 1200px) {
	.tabs_content .tabs {
		overflow: hidden;
		overflow-x: scroll;
	}
	
	.tabs_content .forscroll {
		width: 1200px;

	}
}

.overviewtab .curr-content {
	padding-top: 20px;
}

.overviewtab {
	min-height: 400px;		
}

.overviewtab ul {
		padding-left: 20px;
}

@media (max-width: 812px) {

	.curr-content {
		width: 100%;
	}
	
	.curr-image {
		width: 100%;
		text-align: center;
	}
	
	.curr-image img {
		width: 60%;
	}
		
	.overviewtab ul {
		padding-left: 0px;
	}
}

.tab-title {
	font-size: 30px;
	padding-bottom: 30px;
	color: #47D140;
}

.tab-innercontent {
	font-size: 15px;
	color: #787878;
	padding-bottom: 50px;
}

.tab-innercontent2 {
 	padding-bottom: 0px; 
}

.tab-innerlilst {
	width: 100%;
}

.innerlist-title {
	font-size: 20px;
	color: #000000;
	padding-bottom: 30px;
}

.tab-innerlilst ul {
	color: #787878;
	font-size: 15px;
}

.tab-innerlilst li {
	color: #787878;
	font-size: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #EAEAEA;
	list-style-type: none;
	float: left;
	margin-bottom: 15px;
	width: 100%;
}

.tab-innerlilst li span {
	float: left;
	padding-right: 30px;
	width: 10%
}

.tab-innerlilst li p {
	float: left;
	width: 90%;
}

.fyptab .curr-image {
	padding-top: 50px;
    text-align: center;
}

@media (max-width: 960px) {
	.tab-innerlilst ul {
		margin-left: 0px;
	}
	
  .tab-innerlilst li span {	
		padding-right: 0px;
	}
}

.disciplinetab .tab-innercontent {
		padding-bottom: 30px;
}

.innerlist-text {
	padding-bottom: 30px;		
}

/* for news & event */

article .post-formats-wrapper {
	width: 30%;
	float: left;
    margin-right: 20px !important;
}

#blog-archive article .entry-content {
	width: 65% !important;
	float: left;
	
	padding-bottom: 30px;
	border-bottom: 1px solid #EAEAEA !important;
}

article .readmore {
	display: none;
}

article .entry-header {
	margin-bottom: 10px;
}

article .entry-header .entry-meta .author {
	display: none;
}

#blog-archive article .entry-header .subtitle {
   display: none; 
}

article .entry-header .entry-meta li {
	margin-top: 0px;
	background: url(https://www.engineering.hku.hk/bmeengg/wp-content/uploads/2016/01/tag-image.png) left center no-repeat;
	padding-left: 15px;
}

article .entry-header .entry-meta li span {
	display: none;
}

article .entry-header .date-meta {
	width: 100%;
}

article .entry-header .entry-contain {
	width: 100%;
	padding-left: 0px;
}

article .entry-header .entry-title a {
	color: #47D140;
	display: none;
}

article .entry-header .entry-title a:hover {
	color: #47D140;
}

article .entry-header .entry-contain:before {
	width: 0px;
}

article .entry-header .date-meta i {
	display: none;
}

article .entry-header .date-meta {
	font-size: 30px;
    line-height: normal;
    height: auto;
	color: #D4D4D4;
}

article .entry-header .entry-title h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}

body .pagination {
	text-align: center;
}

.loop-pagination li .page-numbers.current {
	background-color: #47D140;
	border: 1px solid #111;
}

.loop-pagination li .page-numbers:hover {
	background-color: #47D140;
	border: 1px solid #111;
}

.page-numbers.prev:hover {
	background-color: #ffffff !important;
}

.page-numbers.next:hover {
	background-color: #ffffff !important;
}

.learn-press-pagination li .page-numbers.prev:before, .loop-pagination li .page-numbers.prev:before, .pagination li .page-numbers.prev:before {
	font-size: 20px;
	font-weight: bold;
	color: #47D140;
}

.post-formats-wrapper iframe {
	height: auto;
}

article .entry-summary p span a {
	font-size: 25px;
	color: #47D140;
}

@media (max-width: 767px) {
		article .post-formats-wrapper {
			width: 100%;	
	} 
		
		article .entry-content {
				width: 100%;
				margin-left: 0px;
		}
		
		#blog-archive article .entry-content {
				width: 100% !important;
				margin-left: 0px !important;
		}
}

.page-content article .entry-header .entry-meta li {
		float: left;
}

.page-content article .entry-header .entry-meta .entry-date {
	background: none;
    padding-left: 0px;
		display: block;
}

.page-content article .entry-header .entry-meta .entry-category {
	background: url(https://www.engineering.hku.hk/bmeengg/wp-content/uploads/2016/01/tag-image2.png) left center no-repeat;
}

.page-content article .post-formats-wrapper {
	width: 100%;
}

.page-content article .entry-content {
	width: 100%;
		margin-left: 0px;
	border-bottom: 0px none;
}

.page-content .entry-navigation-post {
	width: 100%;
	border: 0px none;
}

.page-content .entry-navigation-post:before {
	width: 0px;
}

.page-content .entry-navigation-post .prev-post {
 	float: left; 
}

.page-content .entry-navigation-post .next-post {
 	float: right; 
}

.page-content .entry-navigation-post .next-post .heading, .page-content .entry-navigation-post .prev-post .heading {
	display: none;
}

.page-content .entry-navigation-post .next-post .date, .page-content .entry-navigation-post .prev-post .date {
	display: none;
}

.page-content .entry-navigation-post .prev-post {
	background: url(https://www.engineering.hku.hk/bmeengg/wp-content/uploads/2016/01/pre_btn.png) left center no-repeat;
    padding-left: 25px;
		padding-top: 25px;
}

.page-content .entry-navigation-post .next-post {
	background: url(https://www.engineering.hku.hk/bmeengg/wp-content/uploads/2016/01/next_btn.png) right center no-repeat;
    padding-right: 25px;
		padding-top: 25px;
}

.page-content .entry-navigation-post .prev-post a,.page-content .entry-navigation-post .next-post a {
	color: #919191;
}

.page-content .entry-navigation-post .prev-post a:hover,.page-content .entry-navigation-post .next-post a:hover {
	color: #919191;
}

.entry-navigation-post .next-post .title {
	text-align: right;
    padding-right: 20px;
}

.entry-navigation-post .prev-post .title {
	text-align: left;
    padding-left: 20px;
}

.page-content article .entry-header .entry-meta li {
		    border-right: 1px solid #47D140;
}

.page-content article .entry-header .entry-meta li:last-child {
	border-right: 0px none;		
}

#main  article .entry-content {
	width: 100%;
		margin-left: 0px;
	border-bottom: 0px none;
}

/* people page */

.people-cates {
	width: 100%;
}

.people-cates .p-cate {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.people-cates .p-cate a {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #DFDFDF;
	color: #919191;
	font-size: 15px;
}

.people-cates .selected a {
	border: 1px solid #74DC6F;
	color: #000000;
}

.sort-pts {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
    display: none;
}

.sort-text {
	float: left;
	color: #919191;
	font-size: 15px;
	margin-right: 15px;
	padding-top: 5px;
}

.sort-pt {
	float: left;
	cursor: pointer;
	border: 1px solid #DFDFDF;
	color: #919191;
	font-size: 15px;
	margin-right: 15px;
	padding-left: 15px;
	padding-right:15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.sort-pts .selected {
	border: 1px solid #74DC6F;
	color: #000000;
}

.peoplelists {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
}

.peoplelists .pcs {
	display: none;
}

.peoplelists .pc1 {
	display: block;
}

.peoplelists .staff-yearcate {
 	display: none; 
}

.staff-list .threeyear.staff-member .staff-department {
	padding-bottom: 0px;
}

.staff-list .fouryear.staff-member .staff-department {
	padding-bottom: 0px;
}

.staff-list {
	width: 100%;
}

.staff-list.style_list .staff-member {
	width: 48%;
	margin-left: 0px;
	float: left;
	border-bottom: 1px solid #74DC6F;
}

.staff-list.style_list .staff-member:nth-child(even) {
  float: right;
}

.staff-list.style_list .staff-member.threeyear:nth-child(even) {
	float: right;
}

.staff-list.style_list .staff-member.fouryear:nth-child(even) {
	float: right;
}

.staff-member .staff-photo img {
	margin: 0px;
}

.staff-member .staff-photo {
    border: 1px solid #74DC6F;
}

.staff-list .staff-member .staff-member-title {
	text-transform: none;
	font-size: 15px;
	margin-left: 0px;
}

.staff-list .staff-member .staff-department {
	padding-bottom: 10px;
}

.staff-list.show_photo .staff-member .staff-member-right, .staff-member .staff-photo + .staff-member-right {
	float: left;
	margin-left: 0px;
    width: 70%;
}

.staff-list .staff-member h3 {
	font-size: 20px;
}

.staff-list .staff-member h3 a {
	color: #000000;
}

.staff-list .staff-member h3 a:hover {
	color: #000000;
}

.staff-list.style_list .staff-member {
	clear: none;
}

@media (max-width: 1200px) {
	.staff-list.show_photo .staff-member .staff-member-right, .staff-member .staff-photo + .staff-member-right {
		width: 50%;
        float: left;
	}
}

@media (max-width: 900px) {
	.staff-list.style_list .staff-member {
		width: 100%;
        height: auto !important;
	}
}

@media (max-width: 765px) {
	.people-cates .p-cate {
		width: 48%;
		text-align: center;
		margin-right: 0px;
	}
	
	.people-cates .p-cate:nth-child(odd) {
		float: right;
	}
	
	.people-cates  a {
		display: block;
	}
		
		.staff-member .staff-photo {
				margin-right: 10px;
		}
}

@media (max-width: 450px) {
	.staff-list.show_photo .staff-member .staff-member-right, .staff-member .staff-photo + .staff-member-right {
		width: 60%;
	}
		
		
		
}


/* staff info */

.member-info #main {
	width: 100%;
}

.member-info .entry-header {
	display: none;
}

.member-info .post-formats-wrapper {
	display: none;
}

.member-info .staff-photo {
	display: none;
}

.member-info .staff-member-right {
	width: 100% !important;
}

.member-info .staff-member-title {
	display: none;
}

.member-info .list-info {
	width: 100%;
}

.member-info .plist {
	float: left;
	width: 30%;
}

.member-info .plist .staff-member-title {
	display: block;
}

.member-info .plist .staff-member {
	width: 100%;
}

.member-info .staff-member-name {
	font-size: 20px !important;
	padding-bottom: 10px;
}

.member-info .plist .staff-member {
	min-height: auto;
	margin-bottom: 20px;
}

.member-info .plist .staff-list .staff-member .staff-department {
	padding-bottom: 20px;
}

.member-info .plist .forscroll {
	padding-right: 20px;
    overflow-y: scroll;
    height: 1000px;
}

.member-info .staff-member-contacts {
		display: none;
}

.member-info .staff-department2 {
		display: none;
}

.member-info .pinfo {
	float: right;
	width: 65%;
}

.pinfo .person-name h1 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.member-info .person-name h1 {
	font-weight: normal;
    font-size: 30px;
    margin-top: 0px;
	margin-bottom: 0px;
}

.person-info {
	float: left;
	/*	width: 400px;*/
    width: 70%;
}

.person-image {
	float: right;
	border-left: 1px solid #47D140;
	overflow-y: hidden;
    height: 130px;
}

.person-image img {
	width: 130px;
}

.person-t {
	color: #000000;
}

.person-e {
	color: #000000;
}

.person-e a {
	color: #47D140;
}

.person-w {
	color: #000000;
}

.person-w a {
	color: #47D140;
}

.info-image {
	padding-bottom: 30px;
}

.info-detail h1 {
	font-size: 20px;
	color: #47D140;
		margin-top: 0px;
}

.info-detail li {
	width: 100%;
    padding-left: 0px;
	display: list-item;
}

.info-detail li a {
 	color: #47D140; 
}

.info-detail li::before {
  color: #47D140;  
  /* color of bullet or square */

  content: "\2022"; 
  /* Unicode of character to precede the list item */

  font-size: 1em; 
  /* em or %*/
 
  padding-right: 1.1225em; 
  /* use em*/

  position: relative;
  top: 0em; 
  /* use em or % */
	float: left;
}

.info-detail li p {
	float: left;
	width: 90%;
}

.info-detail {
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
	
}

.positions .entry-navigation-post .next-post {
	width: 40%;
	float: right;
}

.positions .entry-navigation-post .prev-post {
	width: 40%;
	float: left;
}

.info-detail .special::before {
  color: #ffffff;  
  content: '';
}

.info-detail .special {
	color: #000000;
	font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}

.info-detail .special p {
 	float: none; 
}

.member-info .page-content .entry-navigation-post {
		width: 99%;
}

@media (max-width: 1200px) {
	.member-info .staff-member .staff-photo + .staff-member-right {
		width: 100%;
	}
}

@media (max-width: 865px) {
	.member-info .staff-member .staff-photo + .staff-member-right {
		width: 100%;
	}
	
	.person-info {
	    width: 300px;
	}
}

@media (max-width: 765px) {
	
	.member-info .plist .forscroll {
		height: 300px;
	}
		
	.member-info .plist {
		width: 100%;
		padding-bottom: 30px;
	}
	
	.member-info .pinfo {
		width: 100%;
	}
}

@media (max-width: 500px) {
	.person-info {
		width: 100%;
		padding-top: 30px;
	}
	
	.person-image {
		width: 100%;
		text-align: center;
		border-left: 0px;
	}
}

@media (max-width: 425px) {
	.people-cates .p-cate a {
		font-size: 12px;
	}
}

/* admission */

.subject-box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #47d140;
}

.subject-left {
	float: left;
	padding-left: 10px;
}	

.subject-right {
	float: right;
	padding-right: 10px;
}

.subject-head {
	border-bottom: 1px solid #ddd;
	color: #787878;
    padding-top: 5px;
    padding-bottom: 5px;
}

.subject-content2 {
	background-color: #72dc6d;
	border-bottom: 1px solid #ddd;
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.subject-content {
	border-bottom: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 5px;
}

.subject-content:last-child {
	border-bottom: 0px none;
}

.subject-content .numbers {
	padding-right: 24px;
}

.subject-boxtext .subject-left {
	width: 50%;
}

.subject-boxtext .subject-right {
	width: 50%;
	text-align: left;
}
  
.itialtext label {
	font-weight: normal;
    font-style: italic;
}

.apply-text {
	width: 100%;
}

.apply-text a {
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #47D140;
    padding: 10px;
    color: #ffffff;
}

.apply-text span {
	float: left;
    padding-left: 10px;
    padding-top: 10px;
}

@media (max-width: 530px) {
  .apply-text {
    width: 100%;
    text-align: center;
  } 
  
  .apply-text a {
    float: none; 
  }
  
  .apply-text span {
     width: 100%;
	 padding-left: 0px;
  }
  
  .subject-left {
    width: 50%; 
  }
}

/* faq */

.specialtable {
	width: 100%;
}

.special-head {
	width: 100%;
	background-color: #72dc6d;
	color: #ffffff;
	border-top: 1px solid #ddd;
	font-weight: bold;
}

.special-head .head1 {
	width: 30%;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
    padding-bottom: 5px;
}

.special-head .head2 {
	width: 50%;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
    padding-bottom: 5px;
}

.special-head .head3 {
	width: 20%;
	float: left;
	text-align: right;
    padding-right: 10px;
	padding-top: 5px;
    padding-bottom: 5px;
}

.special-row {
	width: 100%;
	border-top: 1px solid #ddd;
}

.special-row .row1 {
	float: left;
	width: 30%;
	padding-left: 10px;
	padding-top: 5px;
}

.special-row .row2a {
	float: left;
	width: 70%;
}

.special-row .row2apt {
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding-top: 5px;
    padding-bottom: 5px;
}

.special-row .row2apt .row2atext {
	float: left;
    width: 80%;
	padding-left: 10px;
}

.special-row .row2apt .row2btext {
	float: right;
    padding-right: 20px;
}

.special-row .row2apt:last-child {
	border-bottom: 0px none;
}

.corse-combo {
	width: 100%;
}

.combobox {
	float: left;
	padding: 10px;
	color: #ffffff;
	background-color: #47d140;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.comboletter {
	float: left;
	padding-top: 23px;
    padding-left: 10px;
    padding-right: 10px;
}

.specialtable2a {
	width: 100%;
}

.sp-table-pt {
	border-top: 1px solid #ddd;
	padding: 5px;
}

.sp-table-head .sp-title,.sp-table-head .sp-result {
	font-weight: bold;
}

.sp-title {
	float: left;
	width: 30%;
}

.sp-result {
	float: right;
	width: 60%;
}

.head-text span {
 	font-weight: bold; 
}

.otherlink {
 	 color: #47d140;
}

@media (max-width: 830px) {
	.combobox { 
		width: 100%;
		text-align: center;
	}
	
	.comboletter {
		width: 100%;
		text-align: center;
		padding-top: 0px;
	}
}

/* research */

.page-contnet2 {
	padding-top: 0px;
}

.info-images {
	width: 100%;
    padding-bottom: 20px;
}

.infot {
	float: left;
	width: 75%;
}

.infot span {
	font-weight: bold;
}

.infoi {
	float: right;
	width: 20%;
}

.intro-text {
	width: 100%;
}

.intro-text span {
	font-weight: bold;
}

.page-contnet2 .intro-subpart {
	padding-bottom: 0px;
}

.menoryspace {
	min-height: 50px;
}

@media (max-width: 765px) {
	.infot {
		width: 100%;
	}
	
	.infoi {
		width: 100%;
		text-align: center;
        padding-top: 30px;
	}
}

/* lab */

.lab-links a {
	cursor: pointer;
	color: #47D140;
}

.lab-links {
	width: 100%;
	padding-bottom: 30px;
}

.lab-list {
	width: 100%;
}

.lab-pt {
	width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd;
    padding-top: 30px;
}

.lab-pt:first-child {
    padding-top: 0px; 
}

.lab-head {
	width: 100%;
	padding-bottom: 10px;
}

.lab-head span {
	float: left;
	font-size: 20px;
	width: 90%;
}

.lab-head a {
	float: right;
	color: #47D140;
}

.lab-pt p span {
	font-weight: bold;
}

.lab-pt p a {
   color: #47D140;
}

.lab-pt .image-list {
	width: 100%;
      padding-top: 20px;
}

.image-listpt {
	float: left;
	padding: 5px;
	border: 1px solid #ddd;
	margin-right: 5px;
    margin-bottom: 5px;
}

.contact-title {
	font-size: 30px;
	color: #47D140;
	padding-bottom: 30px;
}

.contact-apart {
	width: 100%;
	padding-bottom: 10px;
}

.contact-pt {
	width: 100%;
	padding-bottom: 20px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.contact-pt span {
	float: left;
	width: 30%;
	text-align: left;
	font-weight: bold;
}

.contact-pt .contect-detail {
	float: left;
	width: 70%;
	text-align: left;
}

.contact-pt .contect-detail a {
	color: #47D140;
}
