@charset "utf-8";
/* CSS Document */

form div[class*=col-]{
	padding-left:15px;
	padding-right:15px;
}

label{
	position:relative;
}

.checkbox_label{
	display:block;
}

.field_row{
	margin-bottom:20px;
	line-height:34px;
	font-size:18px
}

.field_row .checkbox_button{
	top:9px;
}

.field01{
	-webkit-appearance: none;
    background:none;
	border:0;
    border-bottom:1px solid #a1a1a1;
    padding:0 5px;
    width:100%;
    height:34px;
    line-height:34px;
    color:inherit;
    font-size:18px;
	font-size:24px;
    font-family: inherit;
	box-sizing:border-box;
	border-radius:0;
}

.select01{
	width:100%;
	border:0;
	border-bottom:1px solid #a1a1a1;
	line-height:34px;
	height:34px;
	color:inherit;
	font-size:24px;
	font-family: inherit;
	box-sizing:border-box;
	border-radius:0;
	padding:0 5px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	background:url(../../share/images/2017_JM/m_btn-sel.png) no-repeat center right;
	background-size:50px auto;
}

input[type="checkbox"]{
	opacity:0;
	visibility:hidden;
	position:absolute;
	left:0;
	top:0;
}

.checkbox_button{
	position:absolute;
	left:0;
	top:2px;
	width:15px;
	height:15px;
	border:1px solid #645f64;
}

input[type="checkbox"] + .checkbox_button:before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

input[type="checkbox"]:checked + .checkbox_button:before{	
	background:url(//www.medilase.com.hk/medilase_form_v2/image/el/m_checkbox_checked.png) no-repeat left top #645f64;
	background-size:cover;
}


.checkbox_text{
	padding-left:20px;
}

input[type='text']:focus, select:focus, textarea:focus{
    outline:0;
}

input[type="button"],input[type="submit"]{
    opacity:0;
    position:absolute;
    left:0;top:0;
}
.mLabel{
	display:inline-block;
    line-height:66px;
	padding-left:60px;
	padding-right:60px;
	font-size:25px;
	letter-spacing:4px;
	color:#fff !important;
	background:#225280;
	position:relative;
	display:inline-block;
	text-transform:uppercase;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	font-weight:300;
	cursor:pointer;	
	border:2px solid #225280;
	transition:all 0.3s ease-in-out;
}

.mLabel:hover{
	color:#225280 !important;
	background:transparent;
}

/*.mLabel:before{
	content:"";
	position:absolute;
	z-index:5;
	top:0;
	left:92%;
	width:40px;
	height:150%;
	-webkit-transform:rotate(22deg);
	transform:rotate(22deg);
	background:#649ec9;
	-webkit-transition:all 0.3s cubic-bezier(.6,0,.3,1);
	transition:all 0.3s cubic-bezier(.6,0,.3,1);
}

.mLabel:hover:before{    
    transform:rotate(22deg) scale(30);
	left:-10px;
}*/

.mLabel:after{
	content:"";
	background:linear-gradient(to right,transparent,rgba(255,255,255,.2));
	-webkit-background:linear-gradient(to right,transparent,rgba(255,255,255,.2));
	-webkit-transform:skewX(-25deg);
	transform:skewX(-25deg);
	position:absolute;
	width:50%;
	height:100%;
	z-index:30;
	top:0;
	left:-75%;
	-webkit-animation:shine 3s infinite;
	animation:shine 3s infinite;
}

@-webkit-keyframes shine{40%, 100%{left:125%}}
@keyframes shine{40%, 100%{left:125%}}

.mBtn-Txt{
	position:relative;
	z-index:10;
}


.mBtn-submit{
    
}
.mBtn-reset{
	background:#bdbdbe;			
}

#btn-submitForm{
	text-decoration:none;
}

@media screen and (max-width:640px){
	.field01, .select01{
		font-size:28px;
		line-height:60px;
		height:60px;
	}
	
	.field_row{
		font-size:18px;
		line-height:40px;
	}
		
	.mLabel{
		font-size:35px;
		line-height:70px;
	}	
	
	.checkbox_button{
		width:20px;
		height:20px;
	}
	
	.checkbox_text{
		padding-left:25px;
	}
}

input[type="checkbox"].error + .checkbox_button:before{
	border:2px solid #ff3333;
	left:-1px;
	right:-1px;
	top:-1px;
	bottom:-1px;
}



/* all placeholder */
::-webkit-input-placeholder { color:#a1a1a1;  }
input::-webkit-input-placeholder { color:#a1a1a1;  }
::-moz-placeholder { color:#a1a1a1;  } /* firefox 19+ */
:-ms-input-placeholder { color:#a1a1a1;  } /* ie */
input:-moz-placeholder { color:#a1a1a1;  }

.error {
    border-bottom: 2px solid #ff3333 !important;
	/*height: 20px !important;
	background:#f7ffb5 !important;*/
	position:relative;
}

.medi-checked{
	border:1px solid #acacac !important;
	background:#000 !important;
}