@charset "utf-8";
.red {border:red 1px solid;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
img {border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}
/*ul , li {list-style-type:none;}*/
.float_left{float:left;}
.float_right {float:right;}
.space {height:0px;	font-size:0px; line-height:0px;	overflow:hidden; clear:both;}
.interval {font-size:0px; line-height:0px;}
.h_5 {height:5px;font-size:0px;line-height:0px;}
.h_8 {height:8px;font-size:0px;line-height:0px;}
.h_10 {height:10px;font-size:0px;line-height:0px;}
.h_15 {height:15px;font-size:0px;line-height:0px;}
.h_20 {height:20px;font-size:0px;line-height:0px;}
.h_25 {height:25px;font-size:0px;line-height:0px;}
.h_30 {height:30px;font-size:0px;line-height:0px;}

.w_100 {width:100%;}
.w_50 {width:50%;}
.w_33 {width:33.33%;}
.w_25 {width:25%;}
.w_20 {width:20%;}
.w_10 {width:10%;}
.w_15 {width:15%;}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1; /*For IE 6&7 only*/
}

a:link, a:visited {
	text-decoration:none;
	color:#0000FF;
	transition: all 0.5s ease 0s;
}
a:active, a:hover {
	text-decoration:underline;
	color:#d92482;
	cursor:pointer;
	transition: all 0.5s ease 0s;
}

.hr01 {
	border-bottom:1px solid #e5e5e5;
	height:0px;
	font-size:0px;
	line-height:0px;
	margin:auto;
}

.pages_c {
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	text-align:center;
	padding-top:20px;
}
.pages_c span {
	padding:1px 8px 1px 8px;
	background-color:#d96095;
	color:#fff;
	margin:0 10px;
}
.pages_c a:link, .pages_c a:visited {
	text-decoration:none;
	color:#7e7d7d;
	padding:1px 8px 1px 8px;
	margin:0 10px;
}
.pages_c a:active, .pages_c a:hover {
	text-decoration:none;
	background-color:#d96095;
	color:#fff;
	cursor:pointer;
}

.more_01 {
	float:right;
	line-height:0;
	font-size:0;
	padding:25px 0 0 0;
}

.logoT a:hover img, .more_01 a:hover img, .footerL a:hover img, .subPath a:hover img, .back_01 a:hover img, .share a:hover img, .share2 a:hover img {
	position:relative;
	top:1px;
	left:1px;
}
.linkT a img, .booking a img, .indexAP a img, .listC a img, .index-surgery-list a img, .listAP a img, .listFCP a img, .panel a img {
	filter:alpha(opacity=100);Opacity:1.0;
	transition: all 0.5s ease 0s;
}
.linkT a:hover img, .booking a:hover img, .indexAP a:hover img, .listC a:hover img, .index-surgery-list a:hover img, .listAP a:hover img, .listFCP a:hover img, .panel a:hover img {
	filter:alpha(opacity=60);Opacity:0.6;
	transition: all 0.5s ease 0s;
}
.subDivC ul, .subDivC li, .subDivC ol {
	padding-left:5px; margin-left:8px;
}
.logoT img, .booking img, .subDivC img, .teamLP img, .teamRC img, .aboutC img {
	max-width:100%!important;
	height:auto!important;
}
.listAP img, .listAP2 img, .indexAP img, .indexBL img, .listBP img, .listC img, .index-surgery-list img, .listFCP img, .subDivC iframe, .milieuC img {
	width:100%!important;
}
a .listAP img, a .listAP2 img, a .listBP img {
	transform: scale(1.0, 1.0);
	transition: all 0.5s ease 0s;
}
a:hover .listAP img, a:hover .listAP2 img, a:hover .listBP img {
	transform: scale(1.3, 1.3);
	transition: all 0.5s ease 0s;
}
.indexBL a img, .milieuC a img {
	transform: scale(1.0, 1.0);
	transition: all 0.5s ease 0s;
}
.indexBL a:hover img, .milieuC a:hover img {
	transform: scale(1.3, 1.3);
	transition: all 0.5s ease 0s;
}

.frame1280 {
	position:relative;
	margin:auto;
	max-width:1280px;
}
.frameC {
	padding:0 20px;
}

.last {
	display:block;
}


/* 共用 */
body {
	margin:0px;
	font-size:12px;
	font-family:"微軟正黑體";
	font-weight:bold;
	background-color:#ca2178;
	background-color:#fff;
}


.header {
	display:none;
	visibility:hidden;
}


.topFrame {
	width:100%;
	height:240px;
}


.banner {
	position:relative;
	width:100%;
	background-color:rgba(224, 96, 152, 1);
}
.treatmentClassA {
	position:absolute;
	top:0px;
	left:0px;
	min-width:138px;
	height:100%;
	/*background-color:rgba(224, 96, 152, 0.8);*/
}
.treatmentClassAList {
	display:block;
	width:100%;
	height:18%;
	text-align:center;
}
.tc_01 {
	background:url(/images/class_01.png) no-repeat center center;
}
.tc_02 {
	background:url(/images/class_02.png) no-repeat center center;
}
.tc_03 {
	background:url(/images/class_03.png) no-repeat center center;
}
.tc_04 {
	background:url(/images/class_04.png) no-repeat center center;
}
.tc_05 {
	background:url(/images/class_05.png) no-repeat center center;
}
.treatmentClassAListP {
	font-size:0px;
	line-height:0px;
	height:100%;
	width:100%;
}


.listA {
	position:relative;
	float:left;
	width:32.6%;
	min-height:50px;
}
.listA2 {
	position:relative;
	float:left;
	width:32.6%;
	min-height:50px;
}
.listAP {
	width:100%;
	overflow:hidden;
}
.listAP2 {
	width:100%;
	overflow:hidden;
}
.listAC {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background-color:rgba(0, 0, 0, 0.6);
	padding:10px 0;
}
.listAC2 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background-color:rgba(217, 36, 130, 0.8);
	padding:20px 0;
}
.listACT {
	padding:0 20px;
	font-size:18px;
	overflow:hidden;
	line-height:1.5;
	color:#FFFFFF;
	text-align:center;
}
.listACT2 {
	padding:0 50px;
	font-size:24px;
	height:23px;
	overflow:hidden;
	line-height:22px;
	margin-bottom:10px;
	color:#FFFFFF;
}
.listACC {
	display:none;
	/*padding:0 20px;
	font-size:12px;
	overflow:hidden;
	line-height:1.5;
	color:#FFFFFF;*/
}
.listACC2 {
	font-family:Arial;
	padding:0 50px;
	font-size:18px;
	height:49px;
	overflow:hidden;
	line-height:24px;
	color:#FFFFFF;
}
.listAW {
	float:left;
	width:1%;
	min-height:50px;
}
.listB {
	position:relative;
	float:left;
	width:23.875%;
	min-height:50px;
}
.listB2 {
	position:relative;
	float:left;
	width:23.875%;
	min-height:50px;
	margin-bottom: 20px;
}
.listBP {
	width:100%;
	overflow:hidden;
}
.listBT {
	padding-top:27px;
	font-size:18px;
	height:25px;
	overflow:hidden;
	line-height:24px;
	color:#010101;
	text-align:center;
}
.listBW {
	float:left;
	width:1.5%;
	min-height:50px;
}
.listBW2 {
	float:left;
	width:1.5%;
	min-height:50px;
}
.listBW3 {
	float:left;
	width:1.5%;
	min-height:50px;
}
.listC {
	position:relative;
	float:left;
	width:49%;
	min-height:50px;
}
.listCW {
	float:left;
	width:2%;
	min-height:50px;
}
.listD {
	float:left;
	width:33.33%;
	min-height:50px;
}
.listDC {
	position:relative;
	width:95%;
	margin:0 auto 20px auto;
}
.listDCT {
	padding-top:27px;
	font-size:18px;
	height:25px;
	overflow:hidden;
	line-height:24px;
	color:#010101;
	text-align:center;
	margin-bottom:40px;
}
.listDCT a:link, .listDCT a:visited {
	text-decoration:none;
	color:#010101!important;
	transition: all 0.5s ease 0s;
}
.listDCT a:active, .listDCT a:hover {
	text-decoration:underline;
	color:#d92482!important;
	cursor:pointer;
	transition: all 0.5s ease 0s;
}
.listE {
	float:left;
	width:33.33%;
	min-height:50px;
}
.listF {
	float:left;
	width:20%;
}
.listFC {
	padding:0 9px 25px 9px;
}
.listFCP {
	font-size:0px;
	line-height:0px;
	margin-bottom:10px;
}
.listFCN {
	color: #366ba8;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.listFCS {
	font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 6px;
    overflow: hidden;
}
.listFCC {
	color: #666666;
    font-size: 12px;
    height: 54px;
    line-height: 18px;
    overflow: hidden;
}


.indexA {
	float:left;
	width:400px;
	padding-bottom:40px;
}
.indexB {
	float:left;
	width:830px;
	padding-bottom:40px;
}
.indexBL {
	float:left;
	width:400px;
	overflow:hidden;
}
.indexBR {
	float:left;
	width:390px;
}
.indexBRD {
	font-size:16px;
	color:#db4587;
	height:20px;
	overflow:hidden;
	line-height:20px;
}
.indexBRT {
	font-size:18px;
	color:#424242;
	height:40px;
	overflow:hidden;
	line-height:40px;
	border-bottom:1px solid #c4c4c4;
}
.indexBRT a:link, .indexBRT a:visited {
	text-decoration:none;
	color:#424242;
	transition: all 0.5s ease 0s;
}
.indexBRT a:active, .indexBRT a:hover {
	text-decoration:underline;
	color:#db4587;
	cursor:pointer;
	transition: all 0.5s ease 0s;
}
.indexBW {
	float:left;
	width:40px;
	min-height:50px;
}
.indexW {
	float:left;
	width:10px;
	min-height:50px;
}


.index-surgery-list {
	padding:0 10px;
}
.owl-itemT {
	font-size:12px;
	height:18px;
	overflow:hidden;
	line-height:18px;
	margin-bottom:6px;
}
.owl-itemC {
	font-size:12px;
	color:#666666;
	height:54px;
	overflow:hidden;
	line-height:18px;
}


.topOver {
	position:fixed;
	top:-9999px;
	left:0px;
	width:100%;
	z-index:9999;
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);
}
.top {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	background-color:#000000;
	z-index:9999;
}
.headerTop {
	position:relative;
	width:100%;
	background-image:url(/images/bg_01.jpg);
	background-repeat:repeat;
	background-position:top center;
	min-height:137px;
}
.logoT {
	margin:auto;
	max-width:300px;
	text-align:center;
	padding-top:10px;
}
.linkT {
	position:absolute;
	top:40px;
	right:50px;
	width:251px;
	height:51px;
	overflow:hidden;
	text-align:right;
	z-index:2;
}
.linkT span {
	padding:0 10px;
}
.booking {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	text-align:center;
	font-size:0px;
	line-height:0px;
	z-index:1;
}
.menuTop {
	margin:auto;
	max-width:1180px;
	height:60px;
	background-color:#000;
}
.hotKeyword {
	width:100%;
	height:42px;
	overflow:hidden;
	color:#5a5a5a;
	font-size:16px;
	line-height:42px;
	background-color:#FFFFFF;
	text-align:center;
}
.hotKeywordC {
	padding:0 20px;
}
.hotKeyword span {
	padding:0 10px;
}
.hotKeyword a:link, .hotKeyword a:visited {
	text-decoration:none;
	color:#5a5a5a;
	font-size:16px;
	transition: all 0.5s ease 0s;
}
.hotKeyword a:active, .hotKeyword a:hover {
	text-decoration:underline;
	color:#d92482;
	cursor:pointer;
	transition: all 0.5s ease 0s;
}
.treatmentClass {
	width:100%;
	background-color:#e06098;
	font-size:0px;
	line-height:0px;
	text-align:center;
	display:none;
}
.treatmentClass2 {
	width:100%;
	background-color:#e06098;
	font-size:0px;
	line-height:0px;
	text-align:center;
}
.treatmentClass3 {
	width:100%;
	background-color:#e06098;
	font-size:0px;
	line-height:0px;
	text-align:center;
	display:none;
}

..treatmentClass2 .w_15 {
	float:left;
	padding:10px 0;
	clear:both;
}
.treatmentClass .w_20, .treatmentClass2 .w_20, .treatmentClass3 .w_20 {
	float:left;
	padding:10px 0;
}
.treatmentClassC img{
	width:70%;
}
.treatmentClass img, .treatmentClass3 img {
	width:80%;
}
.treatmentClass a:link .w_20, .treatmentClass a:visited .w_20, .treatmentClass2 a:link .w_20, .treatmentClass2 a:visited .w_20, .treatmentClass3 a:link .w_20, .treatmentClass3 a:visited .w_20 {
	text-decoration:none;
	background-color:e06098;
	transition: all 0.5s ease 0s;
}

.treatmentClass2 a:link .w_15, .treatmentClass2 a:visited .w_15 {
	text-decoration:none;
	background-color:e06098;
	transition: all 0.5s ease 0s;
}

.path {
	position:relative;
	height:40px;
	overflow:hidden;
	line-height:40px;
	padding:0 20px;
	color:#fff;
	font-size:15px;
	display:none;
	background-color:#000000;
}
.path label {
	color:#df5a8f;
}
.path a:link, .path a:visited {
	text-decoration:none;
	color:#FFFFFF;
	transition: all 0.5s ease 0s;
}
.path a:active, .path a:hover {
	text-decoration:underline;
	color:#df5a8f;
	cursor:pointer;
	transition: all 0.5s ease 0s;
}
.path span {
	padding:0 10px;
	font-family:"新細明體";
}


.goTop {
	position:fixed;
	bottom:90px;
	right:-150px;
	width:103px;
	/*height:63px;*/
	z-index:3147483644;
}
.goTop a:link, .goTop a:visited {
	text-decoration:none;
	display:block;
	width:63px;
	height:63px;
	margin: 10px 20px;
	overflow:hidden;
	line-height:66px;
	text-align:center;
	background-color:#e8340c;
	background-color:rgba(217, 36, 130, 0.8);
	border-radius:50px;
	transition: all 0.5s ease 0s;
	transform: rotate(45deg);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);
	border:1px solid #e5e5e5;
}
.goTop a:active, .goTop a:hover {
	text-decoration:none;
	background-color:rgba(217, 36, 130, 1);
	cursor:pointer;
	transition: all 0.5s ease 0s;
	border-radius:5px 50px 50px 50px;
	transform: rotate(45deg);
}
.goTop a:link img, .goTop a:visited img {
	transform: rotate(-45deg);
}
.goTop a:active img, .goTop a:hover img {
	transform: rotate(-45deg);
}
.goBooking {
	/*padding-top:10px;*/
}
.goBooking a:link, .goBooking a:visited {
	text-decoration:none;
	display:block;
	width:63px;
	height:63px;
	margin: 10px 20px;
	overflow:hidden;
	line-height:87px;
	text-align:center;
	background-color:#D92482;
	background-color:rgba(217, 36, 130, 0.8);
	border-radius:50px;
	transition: all 0.5s ease 0s;
}
.goBooking a:active, .goBooking a:hover {
	text-decoration:none;
	background-color:rgba(217, 36, 130, 1);
	cursor:pointer;
	transition: all 0.5s ease 0s;
}
.btnAll {max-height: 0; overflow: hidden; transition: all 0.5s ease 0s;}
.showBtn {max-height: 1000px; transition: all 1.5s ease 0s;}
.btnShow {position: relative; width: 63px; height: 63px; margin: 0px 20px 10px 20px; background-color:rgba(217, 36, 130, 0.8); border-radius: 63px; box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3); border: 1px solid #E5E5E5; cursor: pointer; transition: all 0.5s ease 0s;}
.openBtn {background-color:rgba(217, 36, 130, 1); transition: all 0.5s ease 0s;}
.btnShow::before {content: ''; height: 2px; width: 20px; background-color: #fff; position: absolute; top: 30px; left: 21px; transform: rotate(0deg); transition: all 0.5s ease 0s;}
.btnShow::after {content: ''; height: 20px; width: 2px; background-color: #fff; position: absolute; top: 21px; left: 30px; transform: rotate(0deg); transition: all 0.5s ease 0s;}
.openBtn::before, .openBtn::after {transform: rotate(45deg); transition: all 0.5s ease 0s;}


.footer {
	width:100%;
	background-image:url(/images/bg_02.jpg);
	background-repeat:repeat;
	background-position:top center;
	padding:30px 0 50px 0;
}
.footerL {
	float:left;
	width:30%;
	text-align:right;
}
.footerR {
	float:left;
	width:65%;
	font-size:18px;
	line-height:24px;
	color:#FFFFFF;
}
.footerW {
	float:left;
	width:5%;
	background-image:url(/images/line_02.jpg);
	background-repeat:no-repeat;
	background-position:center;
	min-height:50px;
}