body{
	color:#333!important;
	letter-spacing:0.06rem;
	font-size:14px!important;
	font-family:'微軟正黑體', 'Microsoft JhengHei', 'Heiti TC', sans-serif!important;
	background:#e6f3f9!important;
	line-height:1.6em!important;
}
@media (max-width:576px){
	body{
		font-size:16px!important;
	}
}
strong{
	color:#729dea;
}
a:hover, a:focus{
	text-decoration: none!important;
}
input, textarea, button{
	outline:none;
}
input:placeholder{
	color:#808080;
}
hr{
	margin-top:1.5rem!important;
	margin-bottom:1.5rem!important;
}
p{
	margin-bottom:1em!important;
}
h1, h2, h3, h4, h5, h6{
	line-height:1.2em!important;
}

table{
	font-size:1em;
	line-height:1.5em;
}
::selection{
	background:rgba(56,120,234,0.7);
	color:#fff;
}
hr.v-half{
	margin-bottom:0!important;
}

.blue{
	margin-bottom:1em;
	color:#3878ea;
}
.grayscale{
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
}
/*---- equal ----*/
.equal{
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
@media screen and (min-width:768px){
	.row.equal{
		display:flex;
		flex-wrap:wrap;
	}
}

/*---- md-block & sm-block ----*/
@media screen and (max-width:991px){
	.md-block > div{
		padding-top:30px;
	}
}
@media screen and (max-width:576px){
	.sm-block > div{
		padding-top:30px;
	}
}

/*---- pd-1rem ----*/
.pd-1rem > div{
	padding-bottom:1rem;
}

/*---- resume ----*/
ul.resume{
	margin-bottom:0;
	padding-left:0;
	padding-bottom:24px;
	list-style: none;
}
ul.resume li{
	padding-left:1em;
	padding-bottom:0.5em;
	line-height:1.5em;
	position:relative;
}
ul.resume li:before{
	content:'';
	display:inline-block;
	position:absolute;
	margin-top:3px;
	width:6px;
	height:6px;
	background:#333;
	border-radius:5px;
	left:0em;
	top:7px;
}

/*---- crop-container ----*/
.crop-container{
	overflow:hidden;
}
.crop-container img{
	width:100%;
}

/*---- padding-bottom ----*/
#service, #about, #review, #map-info, #team{
	padding-bottom: 50px
}

/*---- bg color ----*/
header, #map-info, .content, #review, #about{
	background:#fff;
}
#index_slide-container, #service{
	background:#e6f3f9;
}
/*---- box-shadow ----*/
#nav-container, #service, #about, #review, #map, .sub-footer, #inpage-menu, .content, #team{
	box-shadow:rgba(0,0,0,0.1) 0 -3px 6px,
	rgba(0,0,0,0.2) 0 0 1px; 
}
/*---- border-top ----*/
#map{
	border-top:#729dea solid 5px;
}

/*---- head-line ----*/
.head-line{
	margin-top:0;
	margin-bottom:15px;
	padding-top:30px;
	padding-bottom:15px;
}
.head-line .cell.hc{
	display:inline-block;
	margin-top:0.2rem;
	margin-bottom:0.5rem;
	color:#7f7f7f;
	font-weight:700;
	min-height: 5rem;
	text-align:right;
	font-size:2.5rem;
	position:relative;
	line-height:1em;
}
.head-line .cell.hc:after{
	content:'。';
	display:inline-block;
	position:absolute;
	right:-0.2rem;
	bottom:-0.5rem;
}

@media screen and (max-width: 767px){
	.head-line .cell.hc,
	.head-line .cell.pc{
		text-align: center;
	}
}
.head-line .cell.pc{
	margin:.5rem 0;
	min-height:4.5em;
}
.head-line .cell.pc{
	font-size:1.1em;
}
.head-line .cell.pc a{
	display:inline-block;
	padding:0 0.2em;
	line-height:1.5rem;
	color:#333;
}
.head-line .cell.pc a:hover,
.head-line .cell.pc a:focus{
	background:#729dea;
	color:#fff;
	transition: all 0.2s ease-in-out 0.2s;
}

/*---- buttons ----*/
.btn_more{
	display:inline-block;
	margin-top:30px;
	padding:0 27px;
	line-height:3rem;
	font-size:1.05em;
	border-radius: 1.5rem;
	background:#3878ea;
	color:#fff;
	border:#3878ea solid 1px;
	transition: all 0.2s ease-in-out 0.2s;
}
.btn_more:hover, .btn_more:focus{
	color:#3878ea;
	background:transparent;
	text-decoration:none;
}
.btn_default{
	display:inline-block;
	background:transparent;
	padding:0 1em;
	border:#ccc solid 1px;
	cursor:pointer;
	color:#2f2f2f;
	transition:all 0.1s ease-in-out 0.1s;
}
.btn_default.anchor{
	font-weight:bold;
	color:#555;
}
.btn_default:hover,
.btn_default:focus,
.btn_default.active{
	color:#fff;
	background:rgba(115,156,233,0.6);
	border:#729dea solid 1px;
}
.btn_default.active{
	background:#96b6ef;
}

.btn_default.qrcode{
	overflow:hidden;
	padding:0;
}

/*---- modal ----*/
.fade.in {
	opacity: 1;
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0) !important;
	-o-transform: translate(0, 0) !important;;
	transform: translate(0, 0) !important;;
}
.modal-backdrop .fade .in {
	opacity: 0.5 !important;
}
.modal-backdrop.fade {
	opacity: 0.5 !important;
}

/*---- facebook iframe ----*/
#fb-root {
    display: none;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
    height:auto;
}

/*==== fixed-top ====*/
#fixed-top{
	display:none;
	background:#fff;
	filter:opacity(70%);
	padding:0.5em 0;
	box-shadow:0 2px 3px rgba(0,0,0,0.15);
	transition: all 0.2s ease-in-out 0.2s;
	z-index:10!important;
}
#fixed-top p{
	margin-bottom:0.4rem!important;
}
#fixed-top:hover, #fixed-top:focus{
	filter:opacity(100%);
	
}
@media screen and (max-width:576px){
	#fixed-top{
		display:block;
	}
}
#fixed-top .container{
	height:59px;
}
.call-clinic{
	transform:translateY(-50%);
	position:absolute;
	top:50%;
}
.call-clinic i, .call-clinic h3{
	color:#729dea;
}
.call-clinic i{
	font-size:3.7em;
}
.call-clinic p,.call-clinic h3{
	margin:0;
	white-space: nowrap;
}
.call-clinic h3{
	font-weight: bold;
}

/*==== fixed-right ====*/
.fixed-left{
	transform:translateY(-50%);
	position:fixed;
	right:-18px;
	top:36%;
	z-index: 100;
}
.fixed-left .item{
	margin-top:1em;
	margin-left:auto;
	background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 75%, #e7e7e7 100%);
	border-top-left-radius: 28px;
	border-bottom-left-radius: 28px;
	position:relative;
	right:0;
	box-shadow:0 1px 3px rgba(0,0,0,0.35);
	filter:opacity(0.5);
	transition: all 0.2s ease-in-out 0.2s;
}
.fixed-left .item:hover,
.fixed-left .item:focus{
	right:5px;
	box-shadow:0 5px 15px rgba(0,0,0,0.25);
	filter:opacity(1);
}
.fixed-left .item.fb{
	background:#3b579d;
}
.fixed-left .item.line{
	background:#00c000;
}
.fixed-left .item > a{
	display:inline-block;
	margin-left:0.5rem;
	margin-right:20px;
	width:48px;
	height:48px;
	position:relative;
	text-align: center;
	outline:none;
}
.fixed-left img{
	width:100%;
}
#implantMenu, #wechat-qrcode{
	width:300%;
	position:absolute;
	right:0;
	top:65%;
	z-index:999;
	transform:translateY(-50%);
}
#implantMenu .card-title, #wechat-qrcode .card-title{
	background:#729dea;
	position:relative;
	color:#fff;
	height: 3rem;
}
#wechat-qrcode .card-title{
	margin-bottom:0;
}
#implantMenu .card-title h5, #wechat-qrcode .card-title h5{
	margin:0;
	font-weight: bold;
	text-align:center;
	line-height: 3rem!important;
}
.close-box{
	height:2.5rem;
	position:relative;
}
#implantMenu .close, #wechat-qrcode .close{
	color:#333;
	text-shadow:rgba(0,0,0,.3) 1px 0 0;
	position:absolute;
	left:1em;
	top:0;
}
#implantMenu .card-body, #wechat-qrcode .card-body{
	padding:0;
	overflow:hidden;
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}
#implantMenu ul, #implantMenu .card-title{
	margin-bottom:.4rem;
}
#implantMenu ul li{
	text-align: center;
	background:;
	line-height: 2em;
	border-bottom:transparent solid 1px;
	background:rgba(159,207,251,0);
	transition: all 0.2s ease-in-out 0.2s;
}
#implantMenu ul li a{
	display:inline-block;
	width:100%;
	transition: all 0.2s ease-in-out 0.2s;
}
#implantMenu ul li a:hover,
#implantMenu ul li a:focus{
	color:#fff;
}
#implantMenu ul li:hover,
#implantMenu ul li:focus{
	background:rgba(159,207,251,0.8);
}
.mobile{
	display:none;
}
#wechat-qrcode img{
	padding-right:1rem;
}
@media screen and (max-width:991px){
	.fixed-left .item.implantsec{
		display:block;
	}
}
@media screen and (max-width:576px){
	.fixed-left{
		top:calc(59px + 2rem);
		transform:none;
	}
	.fixed-left .item{
		margin-top:0.6em;
		filter:opacity(1);
		right:0px;
	}
	.fixed-left .item > a{
		width:30px;
		height:30px;
	}
	#implantMenu, #wechat-qrcode{
		width:50%;
		top:.5rem;
		transform:none;
		z-index:9999;
		position:fixed;
	}
	#implantMenu .card-title h4{
		padding-left:0.5em;
		font-size:1.25rem;
		text-align:left;
	}
	.mobile{
		display:block;
	}
	.desktop{
		display:none;
	}
}
#fbMessenger iframe{
	margin:0 auto;
	width:100%!important;
	overflow-x: scroll;
}

/*==== top-nav ====*/
#top-nav{
	background:#808080;
	color:#dedede;
}
#top-nav a{
	display:inline-block;
	color:#dedede;
	padding:0 0.8em;
	line-height:50px;
}
#top-nav a:hover, #top-nav a:focus{
	background:rgba(255,255,255,0.6);
	color:#808080;
}
#search_form{
	display: inline-block;
	margin:0;
	position:relative;
}
#search_form:after{
	content:'\f002';
	font-family:'FontAwesome';
	position:absolute;
	transform:translateY(-50%);
	top:50%;
	left:12px;
	color:#808080;
}
#search_form input[type=search]{
	display:inline-block;
	background:rgba(255,255,255,0.6);
	border:#ccc solid 1px;
	margin:5px 0;
	padding:0 10px 0 32px;
	line-height:38px;
	width:97px;
	border-radius:10em;
	transition: all 0.2s ease-in-out 0.2s;
}
#search_form input[type=search]:focus{
	width:172px;
	background:rgba(255,255,255,1);
}
@media screen and (max-width:576px){
	#top-nav{
		margin-top:75px;
	}
}

/*==== top-logo ====*/
.header-logo a img{
	padding:40px 0;
	width:320px;
	transition: all 0.2s ease-in-out 0.2s;
}
.header-logo a:hover img,
.header-logo a:focus img{
	filter:opacity(50%);
}
@media screen and (max-width: 576px){
	.header-logo a img{
		padding:30px 0;
		width:68%;
	}
}

/*==== nav ====*/
#nav-container{
	background:#f8f9fa;
}
nav.navbar{
	padding:0;
}
.navbar-light{
	background:transparent!important;
}
.navbar-toggler{
	margin-right:auto;
}
#menu{
	margin:0;
	padding:0.5em 0;
	width:100%;
	list-style:none;
	letter-spacing: 0.08em;
}
#menu a{
	color:#555;
	font-weight:bold;
	font-size:1.1em;
	transition: all 0.2s ease-in-out 0.2s;
}
#menu ul{
	list-style:none;
	transition: all 0.2s ease-in-out 0.2s;
}
#menu li{
	transition: all 0.2s ease-in-out 0.2s;
}
#menu li:hover,
#menu li:focus{
	background:rgba(114,157,234,0.7);
}
#menu li:hover > a,
#menu li:focus > a{
	color:#fff;
}
#menu > li{
	text-align:center;
	height:3em;
	width:calc(100% / 9);
	display:table;
	position:relative;
}
#menu > li > a{
	display:table-cell;
	width:100%;
	vertical-align:middle;
	line-height:1.5em;
}
#menu > li ul{
	display:table;
	padding:0.5em 0;
	position:absolute;
	background:#f8f9fa;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	visibility:hidden;
	opacity: 0;
}
#menu > li > ul{
	top:3em;
	left:0;
	z-index: 100;
	width:150%;
	border-top:#d8d8d8 solid 1px;
	z-index: 100;
}
#menu > li ul li{
	display:table;
	padding:0.2em 0.5em;
	width:100%;
	text-align:left;
	height: 3em;
	position: relative;
}
#menu > li ul li a,
#menu > li ul li ul li a{
	display:table-cell;
	vertical-align:middle;
	line-height:1.2em;
}
#menu > li:hover > ul,
#menu > li:focus > ul{
	visibility:visible;
	opacity: 1;
}
#menu > li > ul > li > ul{
	display:table;
	visibility:hidden;
	position:absolute;
	top:0;
	left:100%;
	width:100%;
	z-index: 100;
}
#menu > li > ul > li:hover > ul,
#menu > li > ul > li:focus > ul{
	visibility: visible;
	opacity: 1;
	transition: all 0.2s ease-in-out 0.2s;
}
@media screen and (max-width: 991px){
	#menu > li{
		width:calc(100%/5);
	}
}
@media screen and (max-width: 767px){
	nav.navbar{
		padding:8px 0;
	}
	#menu > li{
		width:calc(100%/4);
	}
}
@media screen and (max-width: 576px){
	nav.navbar{
		padding:8px 0;
	}
	#nav-container, #nav-container .container{
		padding-left:8px !important;
		padding-right:8px !important;
	}
	#navbarNavDropdown{
		position:relative;
	}
	#menu{
		width:calc(100% / 3);
		position:static;
	}
	#menu > li{
		width:100%;
		text-align:left;
	}
	#menu > li.dropmenu > a > i{
		transform: rotate(-90deg);
	}
	#menu li, #menu li ul li{
		position:static;
	}
	#menu > li > ul{
		float:left;
		left:calc(100% / 3);
		top:0;
		width:calc(100%/3);
		border:none;
		position:absolute;
	}
}

/*==== index slide container ====*/ 
.slidecontainer{
	background:#739ce9;
}
ul.index_slide li{
	cursor:pointer;
}
@media screen and (max-width:1199px) and (min-width:992px){
	ul.index_slide li{
		width:800px;
		height:470px;
	}
	ul.index_slide li .crop{
		width:100%;
		height:470px;
		overflow:hidden;
		text-align: center;
	}
	ul.index_slide li .crop img{
		width:120%;
		max-width: 120%;
		position:relative;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
	}
}
.implant-menu-side, #index_slide-container .box{
	padding:0!important;
}
.implant-menu-side{
	background:#551c81;
	box-shadow:rgba(0,0,0,0.2) 2px 0 0;
	z-index:10;
}
.implant-menu-side h6{
	margin-top:0;
	margin-bottom:0;
	margin-left:-0.5em;
	margin-right:-0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
	text-align:center;
	line-height:2.6em!important;
	font-weight:bold;
	background:#739ce9;
	color:#fff;
	text-shadow:rgba(0,0,0,.3) 2px 2px 2px;
	box-shadow:rgba(0,0,0,0.3) 2px 2px 2px;
	border-top-left-radius:3px;
	position:relative;
}
.implant-menu-side h6:before{
	content:'';
	display:inline-block;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 0.5em 0.5em 0;
	border-color:transparent #1d3c74 transparent transparent;
	position:absolute;
	bottom:-0.5em;
	left:0;
}
.implant-menu-side a{
	color:#fff;
	width:100%;
	display:block;
	transition:all 0.2s ease-in-out 0.2s;
}
.implant-menu-side a:hover,
.implant-menu-side a:focus{
	color:#3878ea;
}
.implant-menu-side ul{
	list-style: none;
	margin:0;
	padding:8px 12px;
}
.implant-menu-side ul li{
	display:block;
	width:100%;
	text-align:center;
	line-height: 2.6em;
	border-bottom:#e6f3f9 solid 1px;
	transition:all 0.2s ease-in-out 0.2s;
}
.implant-menu-side ul li:last-child{
	border-bottom:none;
}
.implant-menu-side ul li:hover,
.implant-menu-side ul li:focus{
	background:rgba(255,255,255,0.6);
}
@media screen and (max-width:991px){
	.implant-menu-side{
		display:none;
	}
}

/*==== marquee ====*/
#index_marquee{
	background:#739ce9;
	position:relative;
	bottom:0;
}
ul.marquee {
	padding: 0 1em;
	margin: 0;
	list-style: none;
	line-height: 3.6em;
	position: relative;
	overflow: hidden;
	height: 5em;
}
ul.marquee li {
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap;
	padding: 0.7em 1.2em;
	color:#fff;
}
@media screen and (max-width:991px){
	ul.marquee {
		line-height:1.6em;
		height:3em;
	}
}

/*==== inpage-menu ====*/
#inpage-menu{
	background:#fff;
	border-bottom:#729dea solid 1px;
}
#inpage-menu ul, #inpage-menu ol{
	list-style:none;
	margin:0;
	padding:0;
}
#inpage-menu ul li, #inpage-menu ol li{
	display:inline-block;
}
#inpage-menu ul li a{
	margin:7px 0.25em;
	line-height:36px;
	border-radius:36px;
}
#inpage-menu ol li{
	padding-right:0.5em;
	line-height:52px;
	color:#7f7f7f;
}
#inpage-menu ol li:after{
	display:inline-block;
	content:'\f105';
	font-family:'FontAwesome';
	padding-left:0.5em;
}
#inpage-menu ol li.active{
	color:#3878ea;
	font-weight:bold;
}
#inpage-menu ol li:last-child:after{
	content:'';
}
#inpage-menu ol li a{
	color:#7f7f7f;
	transition:all 0.2s ease-in-out 0.2s;
}
#inpage-menu ol li a:hover,
#inpage-menu ol li a:focus{
	background:#7f7f7f;
	color:#fff;
}
@media screen and (max-width: 767px){
	#inpage-menu .row > div{
		text-align: center;
	} 
}

/*==== content ====*/
.content{
	margin:30px 0;
}
.content .title, .content .content-title{
	font-size:1.2em;
	font-weight:bold;
	color:#555;
}
.content .title{
	padding-bottom:1rem;
	line-height:1.6em;
}
.content .content-title{
	margin-bottom:2em;
	line-height:36px;
	border-bottom:#7f7f7f solid 1px;
}
.content .content-title small{
	padding-left:1.5em;
	font-weight:bold;
}

/*---- content-menu ----*/
/*---- (**right below content-title**) ----*/
.content-menu{
	margin-top:-18px;
	padding-bottom:30px;
}
.content-menu .cell{
	display:inline-block;
	width:100%;
	line-height: 2em;
	height:2em;
	border-bottom:#ccc dashed 1px;
	position:relative;
	font-size:1.05em;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition:all 0.2s ease-in-out 0.2s;
}
.content-menu .cell:before{
	display:inline-block;
	content:'\f0da';
	font-family:'FontAwesome';
	padding:0 0.5em;
}
.content-menu .cell:hover, .content-menu .cell:focus{
	background:rgba(56,120,234,0.5);
	color:#fff;
}

/*---- pagination ----*/
.page.navigation.expamle{
	padding-top:25px;
	padding-bottom:50px;
}
.page.navigation.expamle.top{
	padding-top:1rem;
	padding-bottom:0;
}
.page.navigation.expamle .page-item:first-child{
	border-top-left-radius:0.25rem;
	border-bottom-left-radius:0.25rem;
}
.page.navigation.expamle .page-item:last-child{
	border-top-right-radius:0.25rem;
	border-bottom-right-radius:0.25rem;
}
.page-item{
	box-shadow:rgba(0,0,0,0.2) 0 2px 3px;
}
.page-link{
	color:#3878ea!important;
}
.page-item.active .page-link{
	background:#3878ea!important;
	border:#3878ea solid 1px!important;
	color:#fff!important;
}

/*==== index_service ====*/
.index_service{
	padding:0 50px;
}
.index_service .grid{
	padding-left:0;
	padding-right:0;
	overflow:hidden;
}
.index_service .cell{
	display:block;
	width:100%;
	height:0;
	padding-bottom:100%;
	display:relative;
}
.index_service .cell img,
.index_service .cell h3{
	width:100%;
	position:absolute;
}
.index_service .cell img{
	transform:translate(-50%, -50%);
	width:100%;
	left:50%;
	top:50%;
	filter:grayscale(100%);
	transition: all 0.4s ease-in-out 0.4s;
}
.index_service .cell:hover img,
.index_service .cell:focus img{
	filter:grayscale(0%);
}
.index_service .cell p{
	display:inline-block;
	padding:0 0.6em;
	transform:translate(-50%, -50%);
	position:absolute;
	top:90%;
	left:50%;
	line-height:36px;
	border-radius:36px;
	color:#fff;
	white-space:nowrap;
	background:rgba(255,255,255,0);
	transition: all 0.4s ease-in-out 0.2s;
}
.index_service .cell h3{
	display:block;
	margin:0;
	padding:0.8rem 0 100% 0;
	transform:translateX(-50%);
	left:50%;
	top:0;
	background:rgba(159,207,251,0.3);
	text-align:right;
	transition: padding 0.1s  ease-in-out 0.2s, background 0.2s  ease-in-out 0.1s, color  .2s ease-in-out 0.1s;
}
.index_service .cell:hover h3,
.index_service .cell:focus h3{
	text-shadow:none;
	background:transparent;
	color:#3878ea;
}
.index_service .cell h3 span{
	display:inline-block;
	padding:0 1.2rem;
	color:#fff;
	font-size:1rem;
	line-height:1.5rem;
	background:#551c81;
	border-radius:2rem 0 0 2rem;
	border:rgba(255,255,255,.7) solid 1px;
	border-right:none;
	position:relative;
	z-index:auto;
}
.index_service .cell h3 span:before{
	content:'';
	display:block;
	width:calc(100% + 3px);
	height:calc(1.5rem + 6px);
	position:absolute;
	background:#551c81;
	right:0;
	top:-3px;
	z-index:-1;
	border-radius:2rem 0 0 2rem;
	box-shadow:rgba(0,0,0,.15) 2px 2px 2px;
}
.index_service > div:nth-child(2) h3 span,
.index_service > div:nth-child(6) h3 span,
.index_service > div:nth-child(2) h3 span:before,
.index_service > div:nth-child(6) h3 span:before{
	background:#f28101;
}
.index_service > div:nth-child(3) h3 span,
.index_service > div:nth-child(4) h3 span,
.index_service > div:nth-child(3) h3 span:before,
.index_service > div:nth-child(4) h3 span:before{
	background:#638934;
}

@media screen and (max-width:767px){
	.index_service .cell img{
		filter:grayscale(0%);
	}
	.index_service .cell h3{
		text-shadow:none;
		background:transparent;
		color:#3878ea;
	}
	.index_service > div:nth-child(4) h3 span,
	.index_service > div:nth-child(4) h3 span:before{
		background:#551c81;
	}
	.index_service > div:nth-child(5) h3 span,
	.index_service > div:nth-child(5) h3 span:before{
		background:#f28101;
	}
	.index_service > div:nth-child(6) h3 span,
	.index_service > div:nth-child(6) h3 span:before{
		background:#638934;
	}
}
@media screen and (max-width:576px){
	.index_service{
		padding:0;
	}
	.index_service .cell h3{
		font-size:1.25rem;
	}
}

/*==== index_about ====*/
.index_about h4{
	font-weight: bold;
	color:#739CE9;
	margin-bottom:1.5em;
}
@media screen and (max-width:767px){
	.index_about .about_content{
		padding-top:30px;
	}
	.index_about h4{
		font-size:1.25rem;
	}
}

/*==== index_review & inpage_review ====*/
.index_review .slider .cell, .inpage_review .slider .cell{
	display:block;
	position:relative;
	margin:0 auto;
	width:220px;
	padding-bottom:10px;
	line-height:1.5em;
	color:#333;
	font-size:18px;
	text-align:center;
}
.index_review .slider .cell img,
.inpage_review .slider .cell img{
	margin:0;
	padding:10px 10px 50px 10px;
	width:220px;
	background:#fff;
	box-shadow: 0 2px 6px rgba(0,0,0,0.35);
}
.non-slide .slider .cell img{
	padding:10px 10px 70px 10px;
}
.non-slide .slider .cell,
.non-slide .slider .cell img{
	width:100%;
}
.non-slide .slider .cell h5 small{
	font-size:.9rem;
}
.inpage_review button.slider{
	padding:0;
	border:none;
	background:transparent;
	outline:none;
}
.inpage_review .slider .cell{
	width:100%;
}
.inpage_review .slider .cell img{
	width:100%;
	max-width:300px;
}
.index_review .slider .cell img:hover,
.index_review .slider .cell img:focus,
.inpage_review .slider .cell img:hover,
.inpage_review .slider .cell img:focus{
	box-shadow: 0 6px 10px rgba(0,0,0,0.2);
}
.index_review .slider .cell h5,
.inpage_review .slider .cell h5{
	width:100%;
	position:absolute;
	bottom:0.5em;
	z-index:auto;
}
.inpage_review p{
	display: block;
	display: -webkit-box;
	width:100%;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	height:44.8px;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:left;
}
.modal-detail{
	padding-top:15px;
}
.inpage_review .cell.hover{
	cursor:pointer;
}
.inpage_review .cell.hover:after{
	content:'';
	display:inline-block;
	padding-bottom:calc(100% - 20px);
	width:calc(100% - 20px);
	height:0;
	background:url(../images/icon-plus.png) center no-repeat, rgba(115,156,233,1);
	position:absolute;
	z-index:100;
	transform:translateX(-50%);
	top:25px;
	filter:opacity(0);
	transition:all 0.1s ease-in-out 0.1s;
}
.inpage_review .cell.hover:hover:after{
	filter:opacity(0.7);
}
.inpage_review .cell.hover h5:after{
	content:'\f055';
	font-family:'FontAwesome';
	display:inline-block;
	padding-left:0.5rem;
	color:#2854a2;
}
@media screen and (max-width:767px){
	.modal-detail{
		text-align:center;
	}
}

/*==== map ====*/
#map{
	padding:0;
}

/*==== consulting-hour ====*/
.consulting-hour .table th{
	background:rgba(115,156,233,0.6);
	color:#fff;
}
.consulting-hour .table td,
.consulting-hour .table th{
	text-align:center;
}
.consulting-hour .table .fa-check{
	color:#729dea;
}
.consulting-hour .table .fa-close{
	color:#737373;
}
.consulting-hour .table tr td{
	width:calc(calc(100% / 7) - clac(10rem / 7));
}
.consulting-hour .table tr td:first-child{
	width:10rem;
}
/*==== environment ====*/
.album .cell{
	padding-top:15px;
	padding-bottom:15px;
}
.album .cell img{
	width:100%;
}

/*==== sub-footer ====*/
.sub-footer{
	background:#dfdfdf;
	color:#7f7f7f;
}
.sub-footer a{
	color:#7f7f7f;
}
.sub-link{
	display:inline-block;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:30px;
}
.sub-link:after{
	content:'';
	display:block;
	clear:both;
}
.sub-link li{
	display:inline-block;
	float:left;
	border-right:#cbcbcb solid 1px;	
	margin:0.4em 0;
}
.sub-link li:last-child{
	border-right:none;
}
.sub-link li a{
	padding:0 21px;
	line-height:1.5em;
}
.footer-info{
	padding-left:21px;
}
.footer-info dl{
	padding-top:1.2em;
}
.footer-info dl dt, .footer-info dl dd{
	display:inline-block;
	float:left;
	line-height:2em;
	min-height:2em;
	margin:0;
}
.footer-info dl dt{
	width:2em;
	text-align:center;
	position:relative;
}
.footer-info dl dt i{
	transform:translateY(-50%);
	position:absolute;
	top:50%;
}
.footer-info dl dd{
	width:calc(100% - 2em);
	padding-left:0.5em;
}
.footer-info dl dd:after{
	content:'';
	clear:both;
}
.facebook-container{
	height:130px;
	overflow:hidden;
}
.facebook-container > div.w-100{
	/*padding-top:20px;*/
}
.first-line{
	padding-bottom:20px;
}
@media screen and (max-width:767px){
	.facebook-container{
		padding-top:20px;
	}
	.facebook-container .w-100{
		text-align:center;
	}
}
@media screen and (max-width:576px){
	.sub-link li a{
		padding:0 8px;
	}
	.footer-info{
		padding-left:8px;
	}
	.facebook-container{
		display:none;
	}
}

/*==== footer ====*/
footer{
	background:#7f7f7f;
	color:#fff;
	padding-top:18px;
	padding-bottom:18px;
}
footer p{
	margin:0!important;
}
footer a{
	color:#ccc;
	transition: all 0.2s ease-in-out 0.2s;
}
footer a:hover, footer a:focus{
	color:#fff;
}

/*==== consult ====*/
#consult{
	background:url('../images/consultation.jpg') center bottom no-repeat;
}
@media screen and (max-width:767px){
	#consult{
		background:none;
	}
}
.consultation-form{
	margin:30px 0;
	padding:20px 0;
	background:#fff;
	border:#f3f3f3 solid 1px;
	border-radius:3px;
	box-shadow:rgba(0,0,0,0.3) 0 2px 3px,
	rgba(0,0,0,0.5) 0 1px 1px;
	transition:all 0.2s ease-in-out 0.2s;
	position:relative;
}
.consultation-form:hover,
.consultation-form:focus{
	box-shadow:rgba(0,0,0,0.2) 0 6px 11px,
	rgba(0,0,0,0.4) 0 3px 6px;
}
.consultation-form .note{
	position:absolute;
	right:1rem;
	top:0.5rem;
}
.consultation-form .title{
	margin-bottom:1.2em;
	border-bottom:#ccc dotted 1px;
	line-height:2.5em;
	font-size:1.2em;
	text-align:center;
}
.consultation-form .cell{
	padding-bottom:0.8em;
}
.consultation-form span{
	display:inline-block;
	padding-left:1em;
	line-height:2em;
}
.consultation-form input[type=text], 
.consultation-form input[type=email], 
.consultation-form input[type=tel], 
.consultation-form textarea,
.consultation-form .submit,
.consultation-form .reset{
	width:100%;
	line-height:2em;
	padding:0 1em;
	background:transparent;
	border:#ccc solid 1px;
	border-radius:1em; 
	transition:all 0.2s ease-in-out 0.2s;
}
.consultation-form input[type=text]:focus, 
.consultation-form input[type=email]:focus, 
.consultation-form input[type=tel]:focus, 
.consultation-form textarea:focus{
	border:#729dea solid 1px;
}
.consultation-form input[type=radio]{
	display:none;
}
.consultation-form label{
	margin:0;
	border-radius:1em; 
	line-height:2em;
}
.consultation-form input[type="radio"]:checked+label{
	background:#729dea;
	border:#729dea solid 1px;
	color:#fff;
}
.consultation-form .submit{
	color:#fff;
	background:#739ce9;
	border:#739ce9 solid 1px;
}
.consultation-form .submit:hover,
.consultation-form .submit:focus{
	background:rgba(115,156,233,0.6);
}
.consultation-form .reset{
	color:#333;
	background:#ccc;
	border:#ccc solid 1px;
}
.consultation-form .reset:hover,
.consultation-form .reset:focus{
	background:rgba(204,204,204,0.6);
}
.consultation-form a img+small{
	color:#333;
}
#make-appointment .btn_default{
	margin-top:0.5em;
	line-height:2em;
	border-radius:2em;
}
#make-appointment .btn_default img{
	width:120px;
}

/*==== team ====*/
.dr{
	margin:1em 0 2em 0;
}
.dr:last-child{
	border-right:none;
}
@media screen and (max-width:991px){
	.dr{
		border-right:none;
	}
}
.dr .row{
	padding-bottom:30px;
	position:relative;
}
.dr .content-title, #dean .content-title{
	margin-left:-1em;
	margin-bottom:1.2em;
	padding:0 1em;
	background:#3878ea;
	color:#fff;
	border:none;
	border-radius:36px;
	line-height:36px;
	position:relative;
}
.content-title.link{
	display:block;
	background:#fff;
	color:#3878ea;
	border:#3878ea solid 1px;
	position:relative;
	transition:all 0.1s ease-in-out 0.1s;
}
.content-title.link:hover, .content-title.link:focus{
	background:rgba(56,120,234,0.8);
	color:#fff;
}
.content-title.link:after{
	content:'\f061';
	font-family:'FontAwesome';
	position:absolute;
	right:1em;
}
.subtitle{
	color:#729dea;
	font-size:1.1em;
	font-weight:bold;
}
#consult-hour .subtitle{
	text-align:right;
}
.to-cm{
	display:inline-block;
	position:absolute;
	bottom:-1em;
	right:30px;
}
@media screen and (max-width:576px){
	#consult-hour .subtitle{
		text-align:left;
		padding-bottom:0.5rem;
	}
}
/*==== oversea ====*/
.map-container iframe{
	margin-bottom:1rem;
}
.route thead th{
	background:#e9ecef;
}
.price-list, .price-list:hover, .price-list:focus{
	color:#fff;
}
@media screen and (max-width:766px){
	.price-list, .price-list:hover, .price-list:focus{
		color:#565656;
	}
}
/*==== certification ====*/
.content.album img{
	margin-bottom:1em;
}

.content-box{
	padding-top:24px;
	padding-bottom:48px;
	position:relative;
}
.content-box:after{
	content:'';
	display:block;
	/*margin-left:25%;
	margin-right:25%;
	width:50%;*/
	margin-left:17%;
	margin-right:17%;
	width:66%;
	height:0;
	transform:translateX(-50%);
	border-bottom:rgba(0,0,0,0.1) solid 1px;
	position:absolute;
	bottom:24px;
	left:33%;
}
@media screen and (max-width:991px){
	.content-box:after{
		margin-left:9%;
		margin-right:9%;
		width:84%;
		left:41%;
	}
}
@media screen and (max-width:575px){
	.content-box:after{
		margin-left:0;
		margin-right:0;
		width:100%;
		left:50%;
	}
}

hr.incontent{
	margin-left:25%;
	margin-right:25%;
	width:50%;
}
@media screen and (max-width:991px){
	hr.incontent{
		margin-left:9%;
		margin-right:9%;
		width:84%;
	}
}
@media screen and (max-width:575px){
	hr.incontent{
		margin-left:0;
		margin-right:0;
		width:100%;
	}
}

/*==== about ====*/
.history > div{
	position:relative;
	padding-top:15px;
	padding-bottom:15px;
}
.history .item{
	padding-right:60px;
	background-repeat:no-repeat;
	background-position:right;
	position:relative;
}
.history .item:after{
	content:'';
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:30px;
	background:#3878ea;
	border:#fff solid 3px;
	box-shadow:rgba(0,0,0,0.2) 0 0 3px;
	transform:translate(-50%, -50%);
	position:absolute;
	right:-15px;
	top:50%;
}
.history > .item.v01{
	background-image:url(../images/v-bar01.jpg);
}
.history > .item.v02{
	background-image:url(../images/v-bar02.jpg);
}
.history > .item.v03{
	background-image:url(../images/v-bar03.jpg);
}
.history > .item.v04{
	background-image:url(../images/v-bar04.jpg);
}
.history > .item.v05{
	background-image:url(../images/v-bar05.jpg);
}
.history > .item.v06{
	background-image:url(../images/v-bar06.jpg);
}
.history > div .description{
	transform:translateY(-50%);
	position:absolute;
	top:50%;
}
.history > div .description h6{
	padding-bottom:0;
}
.history > div .description p{
	padding-right:15px;
}
@media screen and (max-width:575px){
	.history .item{
		padding-right:15px;
		background:none!important;
	}
	.history .item .dot{
		display:none;
	}
	.history > div .description{
		transform:translateY(0);
		position:relative;
		top:0;
	}
}

/*==== service-implant ====*/
.process-chart .cell{
	text-align:center;
	position:relative;
}
.process-chart .cell:after{
	content:'\f0da';
	font-family:'FontAwesome';
	display:inline-block;
	color:#17a2b8;
	font-size:28px;
	position:absolute;
	top:50%;
	left:100%;
	text-shadow:rgba(0,0,0,0.2) 1px 1px 3px;
	z-index:100;
	transform:translateY(-50%);
}
.process-chart .cell:last-child:after{
	content:'';
}
@media screen and (max-width:767px){
	.process-chart .cell:after{
		content:'\f0d7';
		transform:translate(-50%,-50%);
		bottom:-25px;
		top:auto;
		left:50%;
	}
}

/*==== qna ====*/
.question, .answer{
	padding-left:4rem;
	position:relative;
}
.question{
	color:#3878ea;
}
.question:before, .answer:before{
	font-family:'Times New Roman';
	font-size:2rem;
	font-weight:bold;
	position:absolute;
	left:2rem;
}
.question:before{
	content:'Q';
}
.answer:before{
	content:'A';
	top:5px;
	color:#a30000;
}

/*==== sitemap ====*/
.head-line.sitemap .cell{
	text-align:right;
}
.head-line.sitemap .cell h1:before{
	content:'';
	display:inline-block;
	width:82px;
	height:0;
	border-bottom:#739ce9 solid 3px;
	position:absolute;
	bottom:-2px;
	right:0;
}
.sitemap .row{
	padding-bottom:30px;
	position:relative;
}
.sitemap .item{
	display:block;
	margin-left:1em;
	padding-left:1em;
	line-height:2em;
	font-size:15px;
	color:#333;
	border-bottom:#ccc dotted 1px;
	position:relative;
	transition:all 0.1s ease-in-out 0.1s;
}
.sitemap .item:hover, .sitemap .item:focus{
	background:rgba(115,156,233,0.5);
	color:#fff;
}
.sitemap .item:before{
	content:'\f0da';
	font-family:'FontAwesome';
	display:inline-block;
	padding-right:0.5em;
	color:#3878ea;
}
.sitemap .item.sub{
	margin-left:3em;
	border-bottom:#fff solid 1px;
}
.sitemap .item.sub:before{
	content:'';
	padding:0;
	width:5px;
	height:5px;
	border-radius:5px;
	background:#739ce9;
	transform:translate(-50%, -50%);
	position:absolute;
	top:50%;
	left:0.5em;
}