@charset "utf-8";
@media screen and (min-width: 240px) and (max-width: 1024px) {
/*-- 共用 --*/	
body {
  background-image: url('../images/index-bg-m.jpg');
}
.container {
    max-width: 90%;
    min-width: 320px;
    margin: 0 auto;
}
/*-- 首頁 --*/
#doctor {
    padding-left: 0;
    font-size: 1.5em;
    text-align: center;
}
#contact {
    padding-left: 0;
    width: 100%;	
}
#in-description h1 {
    width: 100%;
    margin: 60% auto 0;
}
.in-btn {
    width: 100%;
    margin: 5% auto 0;
}
.in-btn .btn {
    width: 100%;
	margin-left: 5%;	
}
#in-step {
    width: 100%;
    margin: 25px 0 0 0;
}
#in-step .dr-btn {
	margin-left: 0;
    width: 50%;
    margin-top: 20px;
}
#in-step .contact-btn {
	margin-left: 5%;
    width: 45%;
    margin-top: 20px;	
}
#in-dr-img {
    width: 85%;
    margin: -3% 7.5%;
}
#in-dr-description {
        width: 90%;
    margin-right: 0;
    margin: 5%;
}
/*-- 內頁 --*/
.doctor {
    background: url(../images/doctor-m.jpg) no-repeat top center;
    height: 432px;	
}
.banner h2.title {
    width: 100%;
    padding: 150px 0 00;
}
.page .title {
	width:100%;
}
.left {
    float: none;
    width: 100%;
}
.right {
    float: none;
    width: 100%;
}
.w40 {
	float:none;
	width:100%;
}
.w60 {
	float:none;
	width:100%;
}
.AA {
    width: 80%;
    margin: 15% auto;
    color: #fff;
}
.left30 {
    margin-left: 20%;
}
.page .title h1 {
    text-align: inherit;
    line-height: 65px;
    font-weight: 100;
    margin-left: 25px;
    margin-right: 0;
}
.license li {
    float: left;
    width: 25%;
    padding: 1%;
}
.surgery-type {
    float: none;
    width: 100%;
}
.con_left {
    float: none;
    width: 100%;
    line-height: 28px;
}
.con_right {
    float: none;
    width: 100%;
}
}