@font-face {
    font-family: MYuenHK;
    src: url(http://www.medilase.com.hk/ttt_assets/font/MYuenHK_Medium.otf);
}
@font-face {
    font-family: MYuenHK;
    src: url(http://www.medilase.com.hk/ttt_assets/font/MYuenHK_Light.otf);
    font-weight:lighter;
}
@font-face {
    font-family: MYuenHK;
    src: url(http://www.medilase.com.hk/ttt_assets/font/MYeungHK_SemiBold.otf);
    font-weight:bold;
}
body{
    text-align:center;
    font-family: 'MYuenHK', Arial, sans-serif;
    color:#8a8b90;
	background:#fff;
    font-size:15px;
    margin:0;	
	font-weight:lighter;
	-webkit-font-smoothing: antialiased;
}

body *{	
	max-height:999999px;
}



@media screen and (max-device-width: 540px){
 body{
   -webkit-text-size-adjust: none;
 }
 
}

.container{
    width:100%;
    max-width:1263px;
    margin:0 auto;
    text-align:left;
    min-width:540px;
    animation:openForm 2s ease-in;
}

*, *:after, *:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

a{
    color:#959595;
}

a:hover{
    color:#767676;
}

.row:after{
    content:'';
    clear:both;
    display:block;
}

img{
    display:block;				
    /*image-rendering: -moz-crisp-edges;  */       /* Firefox */
    /*image-rendering:   -o-crisp-edges;  */       /* Opera */
    /*image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    /*image-rendering: crisp-edges;*/
    /*-ms-interpolation-mode: nearest-neighbor;*/  /* IE (non-standard property) */
}

.fl_left{
    float:left;
}

.fl_right{
    float:right;
}

.img-max{
    max-width:100%;
    margin:0 auto;
}

/*form*/
label.mLabel{
    position:relative;
    font-size:16px;
    margin-right:12px;
    margin-left:12px;
    display: inline-block;
    line-height:200%;	
}

.thankyoupage label.mLabel{
	z-index:1000;
}

label.mLabelText{
    line-height:25px;
    display:block;
}

input[type="button"],input[type="submit"]{
    opacity:0;
    position:absolute;
    left:0;top:0;
}
.mBtn-Txt{
    color: #fff;
    cursor: pointer;
    font-size: 25px;
    left: 0;
    line-height: 33px;
    text-align: center;
    width: 100%;
    display:block;
    font-weight:100;
    height: 33px;
    width: 175px;
	background:#8a8b90;
	border-radius:8px;
    
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.mBtn-Txt:hover{    
    box-shadow: 3px 3px 4px rgba(180,180,180,1);
}

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

.error {
    background:#ffffe1;
}

#FormBg{
    position:relative;
    /*background:url(http://www.medilase.com.hk/medilase_form_v2/image/formBg_winnieForm_v3.jpg) no-repeat;*/
    width:100%;
    margin:auto;
}			

#occupation{
    width: 136px;
    height: 20px;
}
#genderF{
}
#genderM{
}			

#age{
    width: 136px;
    height: 20px;
}
#shop{
    width: 185px;
    height: 20px;
}
            
#btn-agreePromotion{
position: absolute;
display: inline-block;
width: 18%;
height: 1.1%;
top: 1074px;
left: 42%;		/*background:red;
    opacity:0.5;*/
}

#tnc_rules2014{
    /*background:url(http://www.medilase.com.hk/medilase_form_v2/image/m_formBg_MDLAP140911FBR_tnc.png);*/
    max-width:810px;
    position:absolute;
    top:26%;
}
.tnc_btn_close{
    /*background:url(http://www.medilase.com.hk/medilase_form_v2/image/btn_close.png) no-repeat;*/
    display:inline-block;
    width:120%;
}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:url(http://www.medilase.com.hk/medilase_form_v2/image/bg_opacity_50.png) repeat;
    z-index: 10000;
}
#ComboboxOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:trasparent;
    opacity:0;
    z-index: 2;
    /*background:red;
    opacity:0.2;*/
}
            
#mediEl_lbl_occupation{
    height: 23px;
}

table#mediEl_occupation_list{
    display:none;
}

#mediEl_lbl_gender{
    height: 100%;
    margin-left:5px;
}

table#mediEl_gender_list{
    display:none;
}

#mediEl_lbl_telc{
    height: 23px;
}

table#mediEl_telc_list{
    display:none;
}

#mediEl_lbl_age{
    height: 23px;
}

table#mediEl_age_list{
    display:none;
}

#mediEl_lbl_shop{
    height: 23px;
}
#mediEl_lbl_free{
    height: 23px;
}


table#mediEl_shop_list{
    display:none;
}

table#mediEl_free_list{
    display:none;
}



#mediEl_lbl_comeFrom{
    height: 23px;
}

table#mediEl_comeFrom_list{
    display:none;
}

.invisibleInput{
    visibility:hidden;
    position:absolute;
    z-index:-1;
    top:0;
}

.medi-sel_label{
    margin-left:5px;
}

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

.btn_area{
    position:relative; margin:40px 0 0 0; text-align:center;
}

.medi-btn-sel_bg{
    line-height:33px;
    font-family: 'MYuenHK', Arial, sans-serif;
}

.medi-btn-sel{
    background:url(../images/m_btn-sel.png) no-repeat right;
    background-size:25px auto;
}

.term_pt:first-child{
	padding-top:18px;
}

.term_pt{
    font-size:12px; color:#8a8b90; line-height:20px; padding-top:8px;
}

.drop_field{
    height: 100%; position: absolute; left: 0px; z-index: -1; width: 90%;
}

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

.field_row{
    line-height:24px;
}

.field01{
	-webkit-appearance: none;
    background:none;
    border:1px solid #8a8b90;
    padding:0 5px;
    width:100%;
    height:33px;
    line-height:33px;
    color:inherit;
    font-size:16px;
    font-family: 'MYuenHK', Arial, sans-serif;
	box-sizing:border-box;
	border-radius:0;
}

#expect_date *{
    font-weight:normal;
}

/*form*/

/* all placeholder */
::-webkit-input-placeholder { color:#cacacc;  }
input::-webkit-input-placeholder { color:#cacacc;  }
::-moz-placeholder { color:#cacacc;  } /* firefox 19+ */
:-ms-input-placeholder { color:#cacacc;  } /* ie */
input:-moz-placeholder { color:#cacacc;  }
#mediEl_comeFrom_list ::-webkit-input-placeholder { color:#cacacc; font-size:13px; font-family: 'MYuenHK', Arial, sans-serif;}
#mediEl_comeFrom_list ::-moz-placeholder { color:#cacacc; font-size:13px; font-family: 'MYuenHK', Arial, sans-serif;} /* firefox 19+ */
#mediEl_comeFrom_list :-ms-input-placeholder { color:#cacacc; font-size:13px; font-family: 'MYuenHK', Arial, sans-serif;} /* ie */
#mediEl_comeFrom_list input:-moz-placeholder { color:#cacacc; font-size:13px; font-family: 'MYuenHK', Arial, sans-serif;}

/*main*/
.white_bg{
	width:100%;
	background:#fff;
	position:relative;
	z-index:10;
}

.section_form, .section_info{
    width:100%;
}

.section_promo{
    width:100%;
	position:relative;
	background:#9ca7bb;
}

.section_promo1{
	padding-top:100px;	
	z-index:1;
	height:auto;
}

.section_promo_bg_area{
	position:fixed;
}

.section_promo_bg{
	background:url(../images/promo_img_bg.jpg) no-repeat center 100px fixed;
	width:100%;
	z-index:1;
	height:auto;
}

.promo_img{
	visibility:hidden;
}

.btn_tab{
	position:absolute;
	z-index:20;
	left:0;
	bottom:30px;
	display:none;
}

.section_video{
	margin-bottom:26px;
	
}

.section_form{
    padding:80px 66px 90px;	
	color:#8a8b90;			
}

.header_logo{
    text-align:center;
	position:relative;
}

.logo{
    max-width:205px;
    width:100%;
    display:inline-block;
    padding:26px 0 26px 0; 
}

.header_container{
	height:100px;
}

.form_title{
    margin-bottom:8px;
}

.section_form_title, .section_info_title{
	font-size:40px;
	line-height:40px;
	margin-bottom:32px;
	text-align:center;
}

.section_form_name{
	font-size:28px;
	line-height:28px;
	margin-bottom:12px;
	text-align:center;
}

.section_form_subtitle{
	font-size:22px;
	line-height:36px;
	margin-bottom:25px;
	text-align:center;
}

.section_info_con{
	font-size:24px;
	line-height:36px;
	margin-bottom:25px;
	text-align:center;
}

.button{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.button:hover{
    opacity:0.75;
    filter: opacity(75%);
}

input.mTextbox:focus{
    border:1px solid #ccc;
    outline:0;
}

.section_video video{
    width:100%;
    height:auto;
}

.footer{
	margin-bottom:70px;
    width:100%;
}

.footer img{
    float:left;
}

.footer a{
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.footer a:hover{
	color:#555;	
}

.footer_col{
	width:180px;
	padding-right:20px;
	float:left;
	line-height:20px;
}

.footer_col a{
	display:block;
}

.footer_info{
	line-height:24px;
	float:left;
}

.footer_info img{
	margin-top:12px;
	margin-right:4px;
	display:inline-block;
	
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.footer_info img:hover{
	opacity:0.7;
}

.footer_logo{
	float:right;
	width:250px;
}

.footer_logo img{
	max-width:100%;
}

.footer_copyright{
	font-size:12px;
	padding-top:115px;
	text-align:right;
	padding-right:40px;	
}

#term_box, #photo_box{
    position:fixed;
    z-index:9999;
    background:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    text-align:center;
    display:table;
	top:0;
}

.term_wrapper, .photo_wrapper{				
    display:inline-block;
    text-align:left;
    display:table-cell;
    vertical-align:middle;
}

.photo_container{
	position:relative;
    margin:0 auto;
	padding:40px 0px;
	max-width:905px;
	text-align:center;
	display:table;
}

.term_container{
    position:relative;
    max-width:550px;
    width:100%;
    margin:0 auto;
    font-size:12px;
    color:#464646;
	background:rgba(255,255,255,0.8);
	padding:15px 20px;
}

#photo_close_bn{
    position:absolute; 
    right:8px ; 
    top:0px;
}

#photo_close_bn .mfp-close{
	color:#fff;
	font-size:32px;
}

.term_container ul{
    margin-left:-20px;
    list-style: disc;
	margin-top:0;
}

#term_close_bn{
    position:absolute; 
    right:0px; 
    top:0px;
}

.mfp-close{
    overflow:visible;
    cursor:pointer;
    background:0 0;
    border:0;
    -webkit-appearance:none;
    display:block;
    outline:0;
    padding:0;
    z-index:1046;
    -webkit-box-shadow:none;
    box-shadow:none;
    
    width:44px;
    height:44px;
    line-height:44px;
    right:0;
    top:0;
    text-decoration:none;
    opacity:1;
    filter:alpha(opacity=65);
    padding:0 0 18px 10px;
    font-size:19px;
    font-family:Arial,Baskerville,monospace;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif
}

.position_fixed{
	position:fixed;
	z-index:11;
}

@keyframes slideBoxFadeIn {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes slideBoxFadeOut {
    0%   {opacity: 1;}
    100% {opacity: 0;}
}

#term_box.pop_show{
    animation: slideBoxFadeIn 0.5s ease-in;
    opacity:1;
}

#term_box.pop_hide{
    animation: slideBoxFadeOut 0.5s ease-in;
    opacity:0;
}

.section_promo > img{
	margin-left:auto !important;
	margin-right:auto !important;
}

.section_info > img{					
	padding-top:50px;
	padding-bottom:70px;
}

.btn_home{
	position:absolute;
	right:10px;
	top:30px;
}

#mainMenu, #subMenuList{
	z-index:25 !important;
}

.thankyou{
	padding-top:70px;
	padding-bottom:70px;
	font-size:25px;
	line-height:30px;
	text-align:center;
}

.term_pt a{
	text-decoration:underline;
	
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a#section_form{
	margin-top:-100px;
	padding-top:100px;
	display:block;
	width:1px;
}

.promo_img2{
	display:none;
}


	.footer{
        padding-left:28px;
        padding-right:28px;					
    }				
    
    .footer_right01{
        width:39.7%;
    }
    
    .footer_right02{
        width:11.6%;
    }
    
    .footer_right05{
        width:15.1%;
    }
    
    .footer_right03{
        width:17.3%;
    }
	
	.footer_right04{
		width:16.1%;
	}

@media screen and (max-width:1279px){
	.section_promo1{
		padding-top:83px;
	}
	
	.header_container{
		height:83px;
	}
	
	.promo_img{
		visibility:visible;
		position:fixed;
		top:83px;
		left:0;
	}
	
	.promo_img2{
		display:block;
		visibility:hidden;
	}
	
	
	.logo{
		padding-top:17px;
	}
	
}

@media screen and (max-width:991px){
	.footer_info{
		width:100%;
		padding-top:20px;
		padding-bottom:50px;
	}
	
	.footer_logo{
		float:left;
		text-align:left;
	}	
	
}

            
@media screen and (min-width:768px){				
    
    .display_mobile{
        display:none;
    }
    
    .display_desktop{
        display:block;
    }
	
	.term_pt{
		width:53%;
	}
	
	        
}

@media screen and (max-width:767px){    
	
	.section_info > img{
		padding-top:35px;
		padding-bottom:70px;
	}
    
    .display_mobile{
        display:block;
    }
    
    .display_desktop{
        display:none;
    }
    
    .header_logo img{
        max-width:200px;
    }      
    
    .term_container{
        padding-left:15px;
        padding-right:15px;
    }   
	
	 .footer01{
        width:30%;
    }
    
    .footer02{
        width:39%;
    }
    
    .footer03{
        width:30%;
    }
	
	.section_form{
		padding:88px 20px 33px;		
	}	
	
	.section_form_title, .section_info_title{
		font-size:33px;
		padding-left:10px;
		padding-right:10px;
	}
	
	.section_form_subtitle{
		font-size:20px;
		line-height:30px;
	}
	
	.section_info_con{
		font-size:18px;
		line-height:26px;
	}	
	
	.footer{
		padding:22px 20px;
		font-size:13px !important;
	}
	
	.footer_copyright{
		padding-top:50px;
		text-align:left;
	}
	
	.thankyou{
		padding-top:110px;
		padding-bottom:110px;
	}
	
	
	
}

@media screen and (max-width:1026px){
	a#section_form{
		margin-top:-82px;
		padding-top:82px;
	}
}

@media screen and (min-width:768px) and (max-width:940px){
    .mBtn-Txt{
        width:132px;
    }
}