
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400;500;600;700&display=swap');


body{display:block; width:100%; margin:0; font-family:'Noto Sans', sans-serif; font-size:0.85rem; line-height:1.25rem; color:#000; text-rendering:auto;}
a{color:#5AA751; text-decoration:none; outline:none;}
a:hover{color:#267E1B; text-decoration:none; outline:none;}
p{font-size:0.8rem; margin:0; padding:0;}

::-webkit-input-placeholder{color:#888; font-size:0.95rem; font-family:'Zilla Slab', sans-serif;}
:-moz-placeholder{/* Firefox 18- */color:#888; font-size:0.95rem; font-family:'Zilla Slab', sans-serif;}
::-moz-placeholder{/* Firefox 19+ */color:#888; font-size:0.95rem; font-family:'Zilla Slab', sans-serif;}

input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #fff inset;-webkit-text-fill-color:#267E1B !important;}

form{margin:3rem auto 1.5rem;}

/* ---- ------------------------------------------------------------------------------ ----- */

.enter_container{display:block; width:100%; height:auto; margin:3rem auto;}

.enter_box{display:block; width:1220px; max-width:90%; margin:0 auto;}

.enter_signup_box{display:block; width:/*65%*/720px; max-width:90%; font-family:'Noto Sans', sans-serif; margin:0 auto;}

.enter_signin_box{display:block; width:400px; max-width:100%; font-family:'Noto Sans', sans-serif; margin:0 auto;}

.signup_login_google {display: flex;align-items: center;justify-content: center;gap: 15px;width: 100%;height: 45px;line-height: 45px;font-size: 1.1rem;font-weight: 500;font-family: 'Noto Sans', sans-serif;
                    color: #333;text-align: center;background: #fff;border: 1px solid #ddd;border-radius: 4px;margin: 1rem auto;max-width: 400px;}
.signup_login_google img{width: 20px;height:auto;}
    
.enter_title{display:block; width:100%; line-height:2.85rem; font-size:2.5rem; font-weight:600; font-family:'Zilla Slab', serif; color:#333; text-align:center; margin:0 auto 2rem;}
.enter_subtitle{display:block; width:100%; line-height:1.5rem; font-size:0.85rem; font-weight:400; color:#5f6a7d; text-align:center; margin:0 auto;}
.enter_subtitle a{outline:none; color:#5AA751;}
.enter_subtitle a:hover, .enter_subtitle a:focus{outline:none; color:#267E1B; text-shadow:0px 0px 1px rgba(255,255,255,1);}

.enter_signin_terms{display:block; width:100%; line-height:1.85rem; font-size:0.9rem; font-weight:500; color:#000; text-align:center; margin:0.5rem auto;}

.enter_signup_terms{display:block; width:100%; line-height:1.85rem; font-size:0.9rem; font-weight:500; color:#000; margin:0.5rem auto;}
.enter_signup_terms div{display:inline-block; max-width:90%; line-height:1.5rem; vertical-align:top;}

.enter_signup_notice{display:block; width:100%; line-height:1.85rem; font-size:0.9rem; font-weight:500; color:#000; text-align:center; margin:1rem auto;}

.enter_signup_member_notice{display:block; width:90%; font-size:0.85rem; line-height:22px; color:#000; font-weight:600; text-align:center;
                            padding:15px 5%; margin:15px auto 50px; border:1px dashed #000;}
.enter_signup_member_notice .enter_signup_company{display:inline-block; color:#0704e1; vertical-align:top;}


.enter_section{display:block; width:100%; margin:2rem auto;}
.enter_section_title{display:block; width:95%; font-size:16px; font-weight:400; color:#5f6a7d; text-transform:uppercase; margin-bottom:1rem;}

.enter_section_line{display:inline-block; width:35px; border-bottom:2px solid #3AB54A; vertical-align:middle;}
.enter_section_line_or{display:inline-block; width:35px; font-size:1rem; color:#000; text-align:center; vertical-align:middle;}

.enter_section_flex{display:flex; flex-wrap:wrap; width:100%; margin:0; padding:0; justify-content:space-between; margin:15px auto;}
.enter_section_flexbox{display:inline-block; width:48.5%; vertical-align:top;}
.enter_section_flexwhole{display:block; width:100%; vertical-align:top;}

.enter_required{display:block; font-size:0.9rem; font-weight:400; font-family:'Noto Sans', sans-serif; line-height:1rem; color:#ff778e; text-align:center; margin:1rem auto;}
.enter_required_star{display:inline-block; font-size:0.8rem; line-height:1rem; color:#ff778e; margin-right:5px;}
.enter_notice_star{display:inline-block; font-size:0.8rem; line-height:1rem; color:#ff778e; margin-right:5px; vertical-align:top;}

.enter_label{display:block; width:100%; height:35px; line-height:35px; font-size:0.85rem; font-weight:600; color:#666; 
             text-transform:none; font-family:'Noto Sans', sans-serif;}

.enter_text{display:block; width:100%; height:40px; line-height:40px; font-family:'Noto Sans', sans-serif; font-size:0.85rem; font-weight:400;
            color:#267E1B; padding:0 2.5%; border:1px solid #ddd; border-radius:5px; vertical-align:top;}

.enter_text_error{display:block; width:100%; height:40px; line-height:40px; font-family:'Noto Sans', sans-serif; font-size:0.85rem;
                  font-weight:300; color:#000; padding:0 2.5%; border:1px solid #f00; border-radius:5px; vertical-align:top;}


.enter_select{display:block; width:100%; height:40px; line-height:40px; font-family:'Noto Sans', sans-serif; font-size:0.85rem; font-weight:400; 
              color:#267E1B; padding:0 2.5%; border:1px solid #ddd; border-radius:5px; appearance:none; -webkit-appearance:none; -moz-appearance:none;
              background:url(https://assets.jobstra.com.au/web/images/icon/icon_arrow_down.png) no-repeat center right 10px/10px; vertical-align:top; cursor:pointer;}

.enter_select_error{display:block; width:100%; height:40px; line-height:40px; font-family:'Noto Sans', sans-serif; font-size:0.85rem; 
                    font-weight:400; color:#000; padding:0 2.5%; border:1px solid #f00; border-radius:5px; appearance:none; -webkit-appearance:none; 
                    -moz-appearance:none; background:url(https://assets.jobstra.com.au/web/images/icon/icon_arrow_down.png) no-repeat center right 10px/10px; 
                    vertical-align:top; cursor:pointer;}

.enter_textarea{display:block; width:100%; min-height:85px; height:85px; max-height:200px; resize:vertical; line-height:18px;
                font-family:'Noto Sans', sans-serif; font-size:0.85rem; font-weight:400; color:#267E1B; padding:2.5%; 
                border:1px solid #ddd; border-radius:5px; vertical-align:top;}

.enter_textarea_error{display:block; width:100%; min-height:85px; height:85px; max-height:200px; resize:vertical; line-height:18px;
                      font-family:'Noto Sans', sans-serif; font-size:0.85rem; font-weight:300; color:#000; padding:2.5%; 
                      border:1px solid #f00; border-radius:5px; vertical-align:top;}

.enter_text:focus, .enter_select:focus, .enter_textarea:focus{outline:none; border:1px solid #3AB54A;}

.enter_text_error:focus, .enter_select_error:focus, .enter_textarea_error:focus{outline:none; border:1px solid #c00;}


.enter_error{display:block; width:100%; font-size:12px; color:#f00; margin:5px 0 15px;}
.enter_error_signin{display:block; width:100%; font-size:0.85rem; color:#f00; text-align:center; margin:5px 0 15px;}

.enter_tos, .enter_reminder{display:block; width:100%; font-size:12px; font-weight:600;}
.enter_tos a, .enter_reminder a{color:#5AA751;}
.enter_tos a:hover, .enter_reminder a:hover{color:#267E1B; outline:none;}

.enter_submit{display:block; width:100%; height:40px; font-size:0.85rem; font-weight:600; font-family:'Noto Sans', sans-serif; color:#000;
              text-transform:uppercase; text-align:center; background:#FFD700; border:2px solid #FFD700; border-radius:5px; margin:0.5rem auto;}
.enter_submit:hover{outline:none; color:#000; background:#F2CC00; cursor:pointer;}
.enter_cta{display:flex;align-items: center; justify-content: center;width:100%; height:40px;max-width:400px; font-size:0.85rem; font-weight:600; font-family:'Noto Sans', sans-serif; color:#3ab54a;
              text-transform:uppercase; text-align:center; background:transparent; outline:2px solid #3ab54a; border-radius:5px; margin:0.5rem auto;}
.enter_cta:hover{outline:none; color:#fff; background:#3ab54a; cursor:pointer;}


.see_password{display:block; width:25px; height:25px; background:url('https://uploads.bighire.my/web/images/icon/icon_eye_seehover.png') no-repeat center/20px; 
							position:absolute; bottom:10px; right:10px; cursor:pointer;}
.see_password:hover{background:url('https://uploads.bighire.my/web/images/icon/icon_eye_see.png') no-repeat center/20px;}


/* -------------------- header media css - updated 14/03/2023 - 10:41am ------------------------- */

@media only screen and (min-width: 481px) and (max-width: 660px) {

  .enter_box{width:80%;}
  .enter_signup_box{width:95%; max-width:95%;}
  .enter_signin_box{width:90%; max-width:90%;}
  
  .enter_title{line-height:2.85rem; font-size:2.5rem;}
  .enter_section_flex{margin:0 auto;}
  .enter_section_flexbox{display:block; width:100%; margin:15px auto 0;}
  
  .enter_tos{margin:0 0 1rem;}
  
}

@media only screen and (min-width: 551px) and (max-width: 720px) and (orientation: portrait) {

  .enter_tos{margin:0 0 1rem;}
  
}

@media only screen and (min-width: 721px) and (max-width: 1023px) {
  
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	
}

@media only screen and (max-device-width: 480px) and (orientation:portrait) {
  
  .enter_box{width:80%;}
  .enter_signup_box{width:95%; max-width:95%;}
  .enter_signin_box{width:85%; max-width:85%;}
  
  .enter_title{line-height:2.85rem; font-size:2.5rem;}
  .enter_section_flex{margin:0 auto;}
  .enter_section_flexbox{display:block; width:100%; margin:15px auto 0;}
  
  .enter_tos{margin:0 0 1rem;}
  
}

@media only screen and (max-device-width: 720px) and (orientation:landscape) {
  
  .enter_tos{margin:0 0 1rem;}
  
}

/* -------------------- END header media css - updated 14/03/2023 - 10:41am ------------------------- */

