@font-face {
    font-family: MYuenHK;
    src: url(../fonts/MYuenHK_Medium.otf);
}
@font-face {
    font-family: MYuenHK;
    src: url(../fonts/MYuenHK_Light.otf);
    font-weight:lighter;
}
@font-face {
    font-family: MYuenHK;
    src: url(../fonts/MYeungHK_SemiBold.otf);
    font-weight:bold;
}

input[type=text] {
		-webkit-appearance: none  !important;
    -moz-appearance:    none  !important;
    appearance:         none  !important;
}

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


.ui-datepicker{
         width: 500px;
  }
.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;
}



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

#headlinemobileform1{
    text-align: center;
    color: #ffffff;
    margin-top: 9%;
}

.fl_left{
    float:left;
}

.fl_right{
    float:right;
}

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

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

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;
    letter-spacing: 10px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    padding-left:10px;
    display:block;
    font-weight:100;
    /*box-shadow: 5px 5px 5px grey;*/
    height: 40px;
    width: 170px;
    
    -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: 5px 5px 5px #555;*/
}

.mBtn-submit{
    background:  transparent none repeat scroll 0 0;
    border: 1px solid #000;
	color: #000;
    
}
.mBtn-reset{
    background:  transparent none repeat scroll 0 0;
    border: 1px solid #000;
	color: #000;		
}

.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;
	max-width:1000px;
}			

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

.form-control, .q_text {
    height: 35px !important;
	border: 1px solid #ccc;
}	

.input-group-addon:last-child {
	border: 1px solid #000;
}
 		

#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: 24px;
}

table#mediEl_telc_list{
    display:none;
}

#mediEl_lbl_age{
    height: 24px;
}

table#mediEl_age_list{
    display:none;
}

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


table#mediEl_shop_list{
    display:none;
}

table#mediEl_free_list{
    display:none;
}



#mediEl_lbl_comeFrom{
    height: 24px;
}

table#mediEl_comeFrom_list{
    display:none;
}

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

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

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

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

.medi-btn-sel_bg{
    line-height:30px;
    font-family:微軟正黑體, 'MYuenHK';
    font-weight:bold;
}

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

.term_pt{
    font-size:12px; color:#000; line-height:25px;
}

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

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

.field_row{
    /*line-height:24px;*/
}

.field01{
    background:transparent;
    border:1px solid #000;
    padding:0 5px 0 5px;
    width:100%;
    height:35px;
    /*line-height:24px;*/
    /*color:#464646;*/
    color: #000;
    font-size:16px;
    font-family:微軟正黑體, 'MYuenHK';
    font-weight:bold;
   /* -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;*/
	border-radius: 0;
}

#mediEl_tel_cn .field01{
    background:transparent;
    border:1px solid #000;
    padding:0 5px 0 5px;
    width:78%;
	margin:20px 0 0 2%;
    height:35px;
    /*line-height:24px;*/
    /*color:#464646;*/
    color: #000;
    font-size:16px;
    font-family:微軟正黑體, 'MYuenHK';
    font-weight:bold;
   /* -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;*/
	border-radius: 0;
}
}

#expect_date *{
    font-weight:normal;
}

/*form*/

/* all placeholder */
::-webkit-input-placeholder { color:#464646;  }
input::-webkit-input-placeholder { color:#464646;  }
::-moz-placeholder { color:#464646;  } /* firefox 19+ */
:-ms-input-placeholder { color:#464646;  } /* ie */
input:-moz-placeholder { color:#464646;  }
#mediEl_comeFrom_list ::-webkit-input-placeholder { color:#464646; font-size:13px; font-family: Arial, MHeiHK-Medium, 微軟正黑體, 新細明體, 細明體, tahoma, helvetica;}
#mediEl_comeFrom_list ::-moz-placeholder { color:#464646; font-size:13px; font-family: Arial, MHeiHK-Medium, 微軟正黑體, 新細明體, 細明體, tahoma, helvetica;} /* firefox 19+ */
#mediEl_comeFrom_list :-ms-input-placeholder { color:#464646; font-size:13px; font-family: Arial, MHeiHK-Medium, 微軟正黑體, 新細明體, 細明體, tahoma, helvetica;} /* ie */
#mediEl_comeFrom_list input:-moz-placeholder { color:#464646; font-size:13px; font-family: Arial, MHeiHK-Medium, 微軟正黑體, 新細明體, 細明體, tahoma, helvetica;}

/*main*/
.section_form, .section_video{
    width:100%;
    float:right;
}

.section_promo{
    width:50%;
    float:left;
}

.section_form{
    padding:0 15px;
    margin: 40px 0;				
}

.section_form .border_bottom{
    border-bottom:1px solid #33b5b9;
    width:100%;
    height:1px;
}

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

.logo{
    max-width:321px;
    width:100%;
    display:inline-block;
    padding:27px 0 32px 0; 
}

.form_title{
    margin-bottom:8px;
}					

.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;
}


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

}


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

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

.term_container ul, .confirm_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:28px;
    font-family:Arial,Baskerville,monospace;
}

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

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

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

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

.form_left{width: ; display: inline-block;}
.form_right{width: ; display: inline-block;}


@media screen and (min-width:540px) and (max-width:767px){
    .section_promo img{
		margin-left:auto !important;
		margin-right:auto !important;
	}
	
}
            
@media screen and (min-width:768px){
        
    .display_mobile{
        display:none;
    }
    
    .display_desktop{
        display:block;
    }


    
}


/*@media screen and (min-width:768px) and (max-width:991px){*/
@media screen and (max-width:991px){
    
    .form_left{padding-left: 0px!important; padding-right: 0px!important;}
    .form_right{padding-right: 0px!important; padding-left: 0px!important;}
    #mediEl_free, #mediEl_shop, #mediEl_dnt{
        margin: 20px 0 0 0;
    }
	/*#mediEl_fb_email, */
	#mediEl_dnt{
        margin-bottom: 7px;
    }
	#offer_lead {
		padding:0 20px;
	}
	#mediEl_telc, #mediEl_tel {
		margin-bottom: 20px;
	}


.btn_home{
	position:absolute;
	right:10px;
	top:30px;
}
}
/*
@media (max-width:767px){
 
    .form_left{padding-right: 0px!important;}
    .form_right{padding-left: 0px!important;}
    #mediEl_free, #mediEl_shop, #mediEl_dnt{
        margin: 20px 0 0 0;
    }
	

	#offer_lead {
		padding:10px 25px 0 25px !important;
		font-size:18px;
	}
	
	#mediEl_telc, #mediEl_tel {
		margin-bottom: 20px;
	}
    .agreetext2{
        width: 95%;
    }
    #mediEl_privacy{
        margin-top: 15px;
    }
    .privacywrapper1{
        margin-top: 15px;
    }

    .display_mobile{
        display:block;
    }
    
    .display_desktop{
        display:none;
    }
    .section_form{
        margin-top: 60px;
    }
    .field01{
        height:35px;
    }

}
*/
/*@media (max-width: 540px){
	#mediEl_telc, #mediEl_tel {
		margin-bottom: 20px;
	}
	
    .mBtn-Txt{
        width: 100px;
        font-size: 20px;
    }
    .medi-btn-sel_bg{
        height: 35px;
    }
    .medi-btn-sel_bg{
        line-height: 30px;
    }
 #offer_lead {
		padding:0 20px !important;
	}
}
@media (max-width: 240px){

    .btn_area a{
        margin-right: 0;
    }
    
}
*/

.btn {
	padding: 4px 12px;
}