/*-----------------------------------------------------------------------------

KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	07/27/11
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/

input, textarea, select, button { font-family: "Roboto Condensed", sans-serif, 微軟正黑體; }
.boxedcontainer {
    max-width: 1170px;
    margin: auto;
    padding: 0px 30px;
}
/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/

.tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0;
}
.tp-banner {
    width: 100%;
    position: relative;
}
.tp-banner-fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0;
}
/*-----index news----------*/
.home-news {
    border-bottom: 1px solid #EDEFF0;
    padding: 10px 0;
}
.home-news-block .no-img .home-news-con { margin-left: 0; }
.home-news img {
    width: 100px;
    float: left;
    height: 100px;
}
.no-img .home-news-con{margin: 0;}
.home-news-con { margin-left: 110px; }
.home-news-con .c-title {
    font-size: 19px;
    color: #000;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 10px;
	height: 27px;
    overflow: hidden;
}
.home-news-con a:hover { color: #58b2dc; }
.home-news-con p {
    font-size: 16px;
    color: #333;
    margin: 0;
    line-height: 25px;
    margin-bottom: 20px;
	height: 25px;
	overflow: hidden;
}
.home-news-con span {
    color: #727272;
    font-size: 14px;
    margin: 5px 0;
    display: block;
}
.home-news-con span i {
    font-size: 17px;
    float: left;
    margin: 0 5px 0 0;
}
.home-about img {
    padding: 5px;
    border: 1px solid #cacaca;
    background: #fff;
}
.home-video iframe {
    height: 250px !important;
    width: 100%;
}
.home-about p {
    line-height: 24px;
    margin-bottom: 10px;
}
.main-title {
    margin: 0 0 20px 0;
    border-bottom: solid 1px #999;
    padding: 0 0 10px 0;
    width: 100%;
}
.main-title h4 {
    border-bottom: solid 1px #58b2dc;
    padding: 0 0 12px 0;
    display: inline-block;
    margin: 0px 0 -11px 0;
}
.language {
    width: 100px;
    float: right;
}
.language .form-group { margin: 0; }
.language .form-control {
    background: transparent;
    color: #fff;
    padding: 0;
    border: 0;
}
.language .form-control:focus {
    border: 0;
    box-shadow: none;
}
.language .form-control option { background: #525866; }
.sticky-btn {
    position: fixed;
    width: 89px;
    height: 94px;
    display: block;
    background: #58b2dc;
    color: #fff;
    text-align: center;
    right: 0;
    z-index: 999;
    top: 148px;
    -webkit-box-shadow: -2px 2px 5px 1px rgba(199,199,199,.3);
    -moz-box-shadow: -2px 2px 5px 1px rgba(199,199,199,.3);
    box-shadow: -2px 2px 5px 1px rgba(199,199,199,.3);
}
.sticky-btn i {
    display: block;
    font-size: 45px;
    padding: 10px;
}
.copyrights-right {
    text-align: right;
    display: block;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.73);
}
.copyrights-right a { color: rgba(255, 255, 255, 0.73); }
.postcontent { float: right !important; }
.service-item .col-lg-4, .service-item .col-lg-12 { padding: 0 5px; }
.service-item.row { margin: 0 -5px; }
.right-imgbox {
    width: 300px;
    float: right;
    text-align: center;
    margin-left: 15px;
}
.res-btn {
    font-size: 20px;
    display: block;
    padding: 10px 15px;
    background: #58b2dc;
    color: #fff;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}
.red-bgcolor { 
	background: #8c8c8c;
    color: #fff;
 }
.doctor-info {
    padding: 20px;
    background: #fdfdfd;
    margin-bottom: 20px;
	overflow: hidden;
}
.doctor-info h2 {
    font-size: 22px;
    background: #eaeaea;
    color: #000;
    padding: 10px;
    margin-bottom: 15px;
    margin: -20px -20px 20px -20px;
}
.right-imgbox img {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(194,192,194,0.46);
    -moz-box-shadow: 0px 0px 5px 1px rgba(194,192,194,0.46);
    box-shadow: 0px 0px 5px 1px rgba(194,192,194,0.46);
    padding: 5px;
}
.d-blog-info p {
    font-size: 15px;
    margin-top: 20px;
}
.d-blog-info {
    background: #f9f6f6;
    padding: 30px;
    margin-bottom: 10px;
}
.news-detail h3 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: bold;
}
.news-detail .date {
    display: block;
    position: relative;
    background: #faf9f9;
    padding: 20px 15px;
    border-bottom: 1px solid #efefef;
}
.post-share {
    clear: both;
    overflow: hidden;
    background-color: #f5f5f5;
    padding: 20px;
    display: table;
    width: 100%;
}
.post-share ul { margin-bottom: 0; }
.post-share h4, .post-share .social-icons {
    font-weight: normal;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-right: 10px;
    width: 50%;
    padding: 0 10px 0;
    font-size: 25px;
}
.post-share .social-icons {
    text-align: left;
    padding: 5px 0 0;
}
.post-share .social-icons li { margin-bottom: 0; }
.post-share .social-icons li a {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    background-color: #82d7cf;
    color: #fff;
}
.post-share .social-icons .social-line i.fa {
    background-image: url(../images/share-line.svg);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.post-share .social-icons li {
    margin-bottom: 0;
    display: inline-block;
    list-style: none;
}
.social-icons li a {
    float: left;
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 25px;
    text-align: center;
    margin: 0 3px 0 0;
    /* border-radius: 4px; */
    border: 0;
    background: transparent;
    color: #333;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.social-icons.social-icons-colored .social-facebook a, .social-icons.social-icons-colored-hover .social-facebook a:hover { background-color: #5d82d1; }
.social-icons.social-icons-colored .social-google a, .social-icons.social-icons-colored-hover .social-google a:hover { background-color: #eb5e4c; }
.social-icons.social-icons-colored .social-line a, .social-icons.social-icons-colored-hover .social-line a:hover { background-color: #00b900; }
.post-share .social-icons .fa {
    font-size: 23px;
    line-height: 50px;
}
.post-share .social-icons .social-line span.line-icon {
    background-image: url(../images/share-line.svg);
    background-size: 100%;
    width: 50px;
    height: 50px;
    display: block;
}
.pager {
    display: table;
    width: 100%;
    border-collapse: separate;
    border: 0px solid #000;
    margin: 40px 0;
}
.pager-modern a {
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    padding: 10px;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.pager a span {
    color: #333;
    font-size: 15px;
}
.pager-modern a span {
    display: block;
    line-height: 20px;
}
.pager-prev {
    text-align: left;
    width: 45%;
}
.pager-next {
    text-align: right;
    width: 45%;
}
.pager.pager-modern i {
    color: #4bb8c7;
    margin: 0 10px;
    vertical-align: middle;
}
.pager-modern a span.txt {
    margin-top: 10px;
    font-size: 15px;
    color: #666;
}
.case-page .post h4 {
    font-size: 20px;
    height: 55px;
    margin: 5px 0;
	overflow: hidden;
}
.case-page .post p {
    height: 55px;
    overflow: hidden;
}
.post:hover .post-img img { opacity: 1; }
.post:hover .post-img span { display: none; }
.post .post-img img {
    opacity: .6;
    transition: .2s;
}
.post .post-img span {
    position: absolute;
    z-index: 10;
    color: #ffffff;
    font-size: 55px;
    top: 24%;
    left: 39%;
    color: #fff;
    transition: .2s;
}
.post .post-img { background: #000; }
.get-touch h4 {
    color: #58b2dc;
    margin-bottom: 15px;
}
.viewers { color: #737373; }
.viewers p { margin-bottom: 5px; }
.viewers p span {
    width: 105px;
    display: inline-block;
    font-size: 14px;
}
.video-large { margin: 20px 0; }
.case-page { margin-top: 30px; padding-bottom: 30px; }
.procedure-text { padding-bottom: 30px; }
.title_01 {
    font-size: 1.2em;
    color: #58b2dc;
}
.contact span {
    display: inline-block;
    padding: 7px 0px;
    font-size: 17px;
}
.contact span b { display: inline-block; }
.contact .social-icons a {
    font-size: 37px;
    padding: 10px 0;
    display: inline-block;
    color: #aaaaaa;
    margin-right: 4px;
}
.verifycode img {
    height: 50px;
    width: auto;
}
.verifycode { text-align: left; }
.reload {
    display: inline-block;
    margin-left: 10px;
}
.post { margin-bottom: 20px; }
.case-page .post .detail {
    background: #f9f6f6;
    padding: 20px;
    position: relative;
}
.txt-content.lead {
    font-size: 21px;
    line-height: 35px;
}
.txt-content.lead-s {
    font-size: 17px !important;
    line-height: 30px !important;
    font-weight: normal;
}
.txt-content.txt-small-s p {
    font-size: 15px !important;
    line-height: 23px !important;
}
.txt-content.txt-small p {
    font-size: 16px !important;
    line-height: 27px !important;
}
.txt-content.txt-bigger p {
    font-size: 21px !important;
    line-height: 32px !important;
}
.txt-content.txt-bigger-x1 p {
    font-size: 23px !important;
    line-height: 35px !important;
}
.txt-content.txt-bigger-x2 p {
    font-size: 25px !important;
    line-height: 40px !important;
}
.set-fontsize {
    text-align: right;
    position: absolute;
    right: 15px;
    top: 12px;
}
.set-fontsize a {
    text-decoration: none !important;
    display: inline-block;
    margin: 0 -6px 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    line-height: 35px;
    color: #333 !important;
    border: 1px solid #ccc;
    width: 35px;
    height: 35px;
}
img.right {
    width: 288px;
    float: right;
    margin: 0 0 24px 24px;
}
.txt-content {
    padding-bottom: 30px;
    margin-top: 30px;
}
.txt-content {
    font-size: 17px;
    line-height: 30px;
}
.index-map { height: 450px; }
.post .detail { margin: 0; }
.fixed-button { display: none; }
.sort {
    border-bottom: 1px solid #DADADA;
    padding: 15px 20px;
    text-align: right;
    background-color: #f3f3f3;
    margin-bottom: 30px;
    font-size: 15px;
}
.search-total {
    font-size: 20px;
    float: left;
    line-height: 30px;
}
.search { margin-top: 30px; }
.search h3 { margin-bottom: 20px; }
.label-success { background-color: #4bb8c7; }
select {
    padding: 5px 10px;
    border: 1px solid #fff;
    outline: none;
}
.page-404 {
    padding: 130px 0;
    min-height: 500px;
}
.page-error-404 {
    color: #dedede;
    display: block;
    font-size: 230px;
    font-weight: 800;
    line-height: 1;
    font-family: sans-serif, 'Microsoft JhengHei';
}
.btn-primary {
    background-color: #4bb8c7;
    border-color: #4bb8c7;
}
.btn-primary:hover {
    background-color: #40a0ad;
    border-color: #40a0ad;
}
.tp-banner ul li { cursor: pointer; }
.news-banner {
    height: 250px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.news-banner:before {
    content: "";
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.news-banner .detail {
    font-size: 28px;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 10;
    font-weight: bold;
    margin: auto;
}
.contact-form{margin: 20px 0 80px;}
.leave-msg h2{
	padding-bottom: 23px;
	font-size: 20px;
	font-weight: normal;
}
.map-img{
	    margin: 30px 0;
	
}
.leave-msg .verifycode{
	height: 65px;
}
.contact-us h4{
	font-size: 30px;
	margin-bottom: 50px;
} 
.case-page .service-sec{
	border: 1px solid #eee;
	margin-bottom: 20px;
}
.case-page .service-sec h5{
	    font-size: 18px;
    height: 67px;
    overflow: hidden;
    padding: 10px;;
}
.subject input{padding-left: 0;}
.back-btn{padding: 0!important;}
.header .nav li.back-btn a.res-btn{
	    margin: 0;
    color: #fff !important;
    padding: 11px 24px;

}
.footer-back img{
	height: 50px;
	margin-top: 20px;
}
.content{min-height: 750px;}
iframe{max-width: 100%;}
.ios-btn{
	padding: 15px;
	background-color: #4bb8c7;
    color: #fff;
	width: 70%;
	margin: auto;
	display: block;
	text-align: center;
	font-size: 18px;
	transition: .2s;
}


@media(max-width: 800px) {
.postcontent { float: none !important; }
.postcontent { float: none!important; }
.index-map {
    height: 250px;
    margin-bottom: 30px;
}
.get-touch h4 { font-size: 22px; }
.post-share h4, .post-share .social-icons {
    display: block;
    width: 100%;
    padding: 10px 0;
    font-size: 24px;
    text-align: left;
}
.post-share { padding: 5px 15px; }
.news-banner .detail {
    font-size: 20px;
    line-height: 33px;
}
	.content{    min-height: auto;}
}

@media(max-width:640px) {
.right-imgbox { width: 200px; }
.fixed-button {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 888;
    background: #ff4337;
    text-align: center;
}
.sticky-btn { display: none; }
.fixed-button ul.button-menu {
    background-color: #eee;
    margin: 0;
    padding: 0;
    display: flex;
}
.fixed-button ul.button-menu li {
    font-size: 14px;
    width: 100%;
}
.fixed-button ul.button-menu li.phone { background-color: #58b2dc; }
.fixed-button ul.button-menu li.fb-messenger { background-color: #365899; }
.fixed-button ul.button-menu li.line-message { background-color: #3ace00; }
.fixed-button ul.button-menu li img {
    width: 25px;
    height: 25px;
}
.fixed-button ul.button-menu li a {
    display: block;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
}
.footer { margin-bottom: 50px; }
.fixed-button ul.button-menu li a b { font-size: 30px }
.main-appointment-form { padding: 15px 0; }
.search .sort { text-align: left; }
.search-total {
    float: none;
    margin-bottom: 20px;
}
.page-error-404 {
    font-size: 120px;
    text-align: center;
    margin-bottom: 25px;
}
.news-banner { height: 150px; }
	.contact-us h4{margin: 20px 0;}
	.home-news-con .c-title{height: auto;}
}

@media(max-width:480px) {
.copyrights-right {
    text-align: center;
    font-size: 13px;
    margin: 3px 0;
}
.hide-m { display: none; }
.viewers {
    overflow: hidden;
    margin-top: 15px;
}
.viewers p {
    width: 33%;
    float: left;
}
.viewers p span {
    width: auto;
    display: block;
}
.right-imgbox {
    float: none;
    margin: 20px auto;
}
.procedures, .case-page { margin: 0; }
	
	.case-page .service-sec h5 {
    font-size: 15px;
 
}
}
@media(max-width:350px){
	.case-page .service-item .col-xs-6{
		width: 100%;
	}
	.case-page .service-sec h5{height: auto;}
}


.pagination > li > a{
	    color: #ea9286;
}
.pagination > li > a:hover{
	    color: #58b2dc;
}

.get-touch h4.hide-m {
    color: #737373;
}

.make-appointment-two.dark-back{
	background-color:#FFF;
}

.mm-header span.mm-title {
	color: #FFF;
}

@media (max-width: 640px){
.footer-bottom {
    background: #909090;
}
}