.nopadding{
	padding:0px !important;	
}
.nomargin{
	margin:0px !important;	
}
*{
	font-family:Microsoft JhengHei;	
}
/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:center;
    /* inline-block space fix */
    margin-right:-4px;
	width: 1080px;
}
@media (min-width: 1200px) {
  .col-mmd-12 {
    width: 960px;
	margin:0 auto;
	clear:both;
  }
}
/**********************************/
body{
	background-image:url(../images/about-bg.jpg);
	background-repeat:repeat;	
}
.aobutContainer{
	min-width:320px;	
}
/***intro*/
.aboutIntroContainer{	
	background-image:url(../images/about-intro-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;	
	background-position:top;
}
.aboutIntroInnerContainer  {
    padding: 40px 140px 20px 140px;
}
/*.aboutIntroInnerContainer{
	border:#900 solid 1px;	
}*/
.breadcrumb {
    padding: 8px 0px 0px 0px;
    margin-bottom: 20px;
    list-style: none;
    background:none;
    border-radius: 4px;
}
.breadcrumb-item a {
	color:#595757;
}
.breadcrumbRow .breadcrumb{
	color:#595757;
	font-size:14px;	
	margin-bottom:40px;
	background:none;
}
.breadcrumbRow .breadcrumb a{
	color:#595757;
	text-decoration:none;
} 
/*.introBlock{
	border:#F00 solid 1px;	
}*/
.introBlock strong{
	font-size:24px;
	font-weight:normal;	
}
.seperateLine{
	width:60px;
	height:6px;
	background-color:#40bced;
	display:block;
	margin:30px 0px;	
}
.introBlock p{
	margin-top: 20px;
	font-size:18px;
	line-height:30px;
	margin-bottom:50px;	
}
/**docotr**/
.aboutDoctorContainer{
	background-image:url(../images/doctor-bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100%;	
}
.doctorTitleBlock img{
	margin:30px 0px;	
}
.doctorIntroBlock{
	margin:15px 0px;	
}
.doctorIntroBlock p{
	line-height:36px;
	margin:50px 0px 15px 0px;	
}
.doctorIntroBlock ul{
	list-style:none;
	font-size:16px;
}
.smallIntro{
	font-size:16px;	
}
.hightLight{
	color:#40bced;
}
.bigIntro{
	font-size:18px;	
}
.doctorImgBlock{
	/*border:#F00 solid 1px;*/	
}
.perDoctor{
	/*border:#00F solid 1px;*/
	height:400px;
	margin-bottom:20px;	
}
.perDoctor img{
	border-radius:10px;	
	/* 12/7- Kenny */
/*  	    width: 220px;  */
/*  	    height: 220px;  */
/* min-height:220px; */
/* min-width:220px; */
/* 	max-width:220px; */
/* 	max-height:220px; */
	/***************/
}
.perDoctor strong{
	font-size:21px;
	color:#000;
	margin:10px 0px;
	font-weight:normal;
	display:block;	
}
.docLine1{
	width:40px;
	height:6px;
	display:block;
	background-color:#93cc09;
	margin:20px auto;

}
.perDoctor p{
	font-size:14px;
	color:#383838;
	line-height:26px;
	margin-bottom:5px;
	padding:10px 18%;
}
.docLine2{
	width:40px;
	height:6px;
	display:block;
	background-color:#ffc522;
	margin:20px auto;
}
.docLine3{
	width:40px;
	height:6px;
	display:block;
	background-color:#a08776;
	margin:20px auto;
}
.docLine4{
	width:40px;
	height:6px;
	display:block;
	background-color:#40bced;
	margin:20px auto;
}
.docLine5{
	width:40px;
	height:6px;
	display:block;
	background-color:#ff78af;
	margin:20px auto;
}
.docLine6{
	width:40px;
	height:6px;
	display:block;
	background-color:#FF8F64;
	margin:20px auto;
}
.heartIcon img, .rabbitIcon img{
	margin-top:-5px;	
}

/**slide**/
.aboutSliderContainer{
	height:300px;	
}
.simply-scroll{
	width:100%;
	height:auto;
	margin-bottom:0px;	
}
.simply-scroll .simply-scroll-clip{
	width:100%;
	height:auto;
}
#scroller{
	width:100%;
	height:auto;
	margin:40px 0px;	
}
/*.simply-scroll .simply-scroll-list li{
	width:auto;
	height:auto;	
}*/
.simply-scroll .simply-scroll-list li a{
	outline:none;	
}




/*1122*/

.DoctorImgList{
	/*float:left;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*background-color:#CCC;*/
	/*width:220px;
	height:220px;*/
	text-decoration:none;
	padding:0px;
	/*margin:15px 18px;*/
	
	/*-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;*/
}
.DoctorImgList:hover	{
	
/*	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;*/
	
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40a6ed+0,40bced+52,409ded+100 */
	/*background:rgba(0,0,0,0.4);*/

}

/*.DoctorImgList img{
	width:100%;
	border-radius:10px;	
}*/
.docImgCover{
 	width:220px; 
	height:100%;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-110px;
	border-radius:15px;
	/*display:none;*/	
	opacity:0;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.DoctorImgList:hover	.docImgCover{
	/*display:block;	*/
	opacity:1;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.docMoreBtn{

	text-align:center;
	/*width:200px;*/
	margin:35% auto 0px auto;
	font-size:14px;
	color:#FFF;
	display:block;
	padding:8px 10px;	
}




@media only screen and (min-width : 1200px){

}
@media only screen and (max-width : 1199px){
.col-centered{
	margin-right:0px;	
}
.col-centered {
	width:auto;
}

}
@media only screen and (min-width : 992px){

}
@media only screen and (max-width : 991px){
.perDoctor p{
	padding:10px 0px;
}
.aboutIntroInnerContainer  {
    padding: 40px 80px 20px 80px;
}
}
@media only screen and (min-width : 768px){

}
@media only screen and (max-width : 767px){
.aboutDoctorContainer {
    background-size: inherit;
}
.perDoctor{
	height:auto;	
}
.aboutIntroInnerContainer  {
    padding: 40px 40px 20px 40px;
}
}
@media only screen and (max-width : 550px){
.docImg img{
	width:100%;	
}
.docImgCover{
	width:100%;
	left:0px;
	margin-left:0px;	
}	
.aboutIntroInnerContainer  {
    padding: 40px 20px 20px 20px;
}
}
@media only screen and (max-width : 440px){
.perDoctor img{
	width:100%;	
}
.docMoreBtn{
	text-align:center;
	margin:30% auto 0px auto;
	font-size:14px;
	color:#FFF;
	display:block;
	padding:8px 10px;	
}

}
@media only screen and (max-width : 420px){

}
@media only screen and (max-width : 400px){
.col-xxs-12{
	width:100%;	
}
}