﻿.bg_yellow{
	background:#fff9f7 !important;
}
/*#form_box, #mediEl_mutilCkbox > div:first-child > span{
	background:#fff9f7 !important;
}*/
.tm_banner{
	background:url(../images2019/treatment/banner02.jpg) no-repeat center top / cover;
	padding-bottom:50%;
	position:relative;
}
.tm_banner_text {
    position: absolute;
    top:22%;
    left: 0;
	transform:none;
}
.banner_area_title{
	font-size: 83px;
    letter-spacing: 8px;
    background: url(http://www.clinicz.com.hk/promo/share/images/2019_WNC/banner_text_bg01.jpg) no-repeat center top / 100% 86%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    font-weight: 500;
    -webkit-text-stroke: 2px #fffede;
}
.banner_area_subtitle{
	font-size:45px;
	line-height:62px;
	letter-spacing:8px;
	color:#ce8777;
	font-weight:bold;
	-webkit-text-stroke: 1px #fffede;
}

.tm_step_section{
	background:#f7f1eb;
}
.tm_step_no{
	color:#ce8777;
}
.tm_step_no > span{
	border-color:#ce8777;
}
.tm_step_box .page_subtitle{
	margin-bottom:0;
}
.font_highlight{
	color:#8f6c1c;
}
.tm_theory_section{
	background:#fff9f7;
}
.tm_theory_section02{
	position:relative;
	overflow:hidden;
	background:url(../images2019/treatment/tm_bg02.jpg) no-repeat center center / cover;
}
.tm_theory_section02:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:-1;
	background:url(../images2019/treatment/tm_bg02.jpg) no-repeat center center / cover;
	filter:blur(15px);
	opacity:0;	
}
.tm_theory_section02.ani_visible:before{
	animation:tm_theroy_ani 3.5s 0.5s linear;
}
@keyframes tm_theroy_ani{
	0%,100{
		opacity:0;
	}
	40%,60%{
		opacity:1;
	}
}
.tm_change_box02{
	margin:0;
}
.tm_change_text02{
	padding-left:30px;
}
.tm_change_highlight{
	padding-top:15px;
	padding-bottom:15px;
	position:relative;
	margin-bottom:50px;
}
.tm_change_highlight:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#e6d7b6;
	z-index:-1;
}
.tm_change_text02{
	opacity:0;
	transform:translateX(30px);
	transition:all 0.4s 0.6s linear;
}
.tm_change_box.ani_visible .tm_change_text02{
	transform:none;
	opacity:1;
}
.tm_theory_moImg{
	position:relative;
	display:inline-block;
}
.tm_theory_moText{
	position:absolute;
	background:rgba(255,255,255,0.8);
	padding:20px 15px;	
	opacity:0;
	left:0;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	transition:opacity 0.3s ease-out;
}
.tm_theory_mo:hover .tm_theory_moText{
	opacity:1;
}
@media (min-width: 1200px){	
	
}

@media (max-width: 1199px){
	.tm_step_con{
		padding-right:6%;
	}
}

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

@media (max-width: 991px){			
	
}


@media (max-width: 640px){		
	.tm_banner{
		background-image:url(../images2019/treatment/banner02_m.jpg);
		padding-bottom:516px;
	}
	.tm_banner_text{
		top:65px;
	}
	.banner_area_title{
		font-size:50px;
		letter-spacing:4px;
	}
	.banner_area_subtitle{
		font-size:30px;
		line-height:40px;
		letter-spacing:4px;
	}
	.tm_theory_section02, .tm_theory_section02:before{
		background-images:url(../images2019/treatment/tm_bg02_m.jpg);
	}
	
	.tm_change_text02{
		text-align:right;
	}
	.tm_change_box01{
		padding:22px 0 18px 42px;
	}
	.tm_change_box01 .tm_change_text01{
		font-size:70px;
		line-height:40px;
	}
	
}
