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

body{display:block; width:100%; margin:0; font-family:'Fira Sans', sans-serif; font-size:0.85rem; line-height:1.5rem; color:#000; text-rendering:auto; box-sizing:border-box !important;}
a{color:#00a562; text-decoration:none; outline:none;}
a:hover{color:#333; text-decoration:none; outline:none;}
p{font-size:0.85rem; margin:0; padding:0;}

input, select, textarea{font-size:0.85rem; font-weight:500; color:#004225; font-family:'Fira Sans', sans-serif; box-sizing:border-box;}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
input[type=number]{-moz-appearance:textfield;}

::-webkit-input-placeholder{color:#888; font-size:0.75rem; font-weight:300; font-family:'Fira Sans', sans-serif;}
:-moz-placeholder{/* Firefox 18- */color:#888; font-size:0.75rem; font-weight:300; font-family:'Fira Sans', sans-serif;}
::-moz-placeholder{/* Firefox 19+ */color:#888; font-size:0.75rem; font-weight:300; font-family:'Fira Sans', sans-serif;}


.enter_table{display:table; width:100%; height:100vh;}
.enter_body{display:table-cell; vertical-align:middle;}

.enter_header{display:block; width:500px; max-width:90%; height:100px; line-height:100px; font-size:0.825rem; font-weight:600; color:#112c09; margin:0 auto;}


.enter_header_left{display:inline-block; width:44%; height:100px; line-height:100px; vertical-align:top;}
.enter_header_branding{display:block; width:125px; height:100px; object-fit:contain;}

.enter_header_center{display:inline-block; width:38%; height:100px; line-height:100px; margin:0 auto; vertical-align:top;}

.enter_header_menu{display:inline-block; color:#112c09; margin-right:35px; vertical-align:middle;}
.enter_header_menu:hover{color:#00a562;}

.enter_header_right{display:inline-block; width:44%; height:100px; line-height:100px; text-align:right; vertical-align:top; float:right;}

.enter_header_button{display:inline-block; width:auto; height:40px; line-height:40px; font-size:0.75rem; font-weight:700; color:#004225; text-align:center;
                     background:#ddd; border:1px solid #ddd; border-radius:2px; padding:0 20px; vertical-align:middle;}
.enter_header_button:hover{color:#ddd; background:#004225; border:1px solid #004225;}


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


.enter_login_box{display:block; width:100%; height:auto; padding:1rem 0; margin:1rem auto;}
.enter_signup_box{display:block; width:100%; height:auto; padding:1rem 0; margin:1rem auto;}


.enter_section_social{display:block; width:100%; text-align:center; margin:3rem auto 1.5rem;}
.enter_section_first{display:block; width:100%; margin:1.5rem auto 3rem;}
.enter_section_all{display:block; width:100%; border-top:1px solid #ddd; padding:1rem 0 0; margin:2rem auto 0;}


.enter_title{display:block; line-height:1.85rem; font-size:1.35rem; font-weight:600; color:#000; text-align:center;}
.enter_title span{color:#00a562; padding:2px 4px; background-image: linear-gradient(120deg, #00a562 0%, #004227 100%);
                  background-repeat: no-repeat; background-size:100% 0.15rem; background-position:0 92%; transition: background-size 0.25s ease-in;}
.enter_title span:hover{color:#fff; background-size:100% 88%;}
.enter_subtitle{display:block; line-height:1.25rem; font-size:0.9rem; font-weight:500; color:#666; text-align:center; margin-bottom:2rem;}

.enter_title_login{display:block; line-height:1.85rem; font-size:1.35rem; font-weight:600; color:#000;}

.enter_block{display:block; width:100%; margin:1.25rem auto;}

.enter_block_left{display:inline-block; width:48%; vertical-align:top;}
.enter_block_right{display:inline-block; width:48%; margin-left:2.5%; vertical-align:top;}

.enter_block_input{display:block; width:100%; margin:0.5rem auto;}


.enter_social{display:inline-block; width:48%; height:40px; line-height:40px; font-size:0.7rem; font-weight:500; color:#004225; text-align:center;
              border:1px solid #004225; border-radius:2px; vertical-align:middle; cursor:pointer;}
.enter_social:hover{color:#000; border:1px solid #00a562;}
.enter_social img{display:inline-block; width:18px; height:18px; object-fit:contain; vertical-align:middle;}
.enter_social span{display:inline-block; margin-left:10px;}

.enter_divider{display:block; width:100%; margin:2rem auto;}
.enter_divider_line{display:inline-block; width:44%; border-bottom:1px solid #ddd; vertical-align:middle;}
.enter_divider_or{display:inline-block; width:10%; font-size:0.7rem; font-weight:700; color:#444; text-transform:uppercase; vertical-align:middle;}


.enter_block_title{display:block; width:100%; line-height:1.5rem; font-size:0.8rem; font-weight:600; color:#444;}
.enter_block_title_note{display:none; font-size:0.75rem; font-weight:500; color:#888; text-transform:none;}

.enter_block_subtitle{display:block; width:100%; line-height:1.35rem; font-size:0.75rem; font-weight:500; color:#888;}
.enter_block_required{display:inline-block; font-size:0.8rem; line-height:1.35rem; color:#b91c1c;}

.enter_text_default{display:block; width:100%; height:40px; line-height:40px; color:#888; border:1px solid #ddd; border-radius:2px; padding:0 15px;}
.enter_text_default:focus{outline:none;}

.enter_password_check{display:block; width:35px; height:auto; color:#333; position:absolute; top:8px; right:0; cursor:pointer;}
.enter_password_check:hover{color:#00a562;}

.enter_text{display:block; width:100%; height:40px; line-height:40px; border:1px solid #004225; border-radius:2px; padding:0 15px;}
.enter_text:hover, .enter_text:focus{border:1px solid #00a562; outline:none;}

.enter_text_error{color:#333; border:1px solid #f00;}
.enter_text_error:hover, .enter_text_error:focus{border:1px solid #c00; outline:none;}

.enter_error_msg{display:block; width:100%; height:auto; line-height:1.85rem; font-size:1rem; color:#f00; text-align:center;}

.enter_error{/*display:block; width:100%; height:auto; line-height:1.85rem; font-size:0.85rem;*/ color:#f00;}

.enter_option{display:block; margin:1rem auto;}

.enter_remember{display:inline-block; width:48%; font-size:0.7rem; font-weight:600; color:#888; 
                height:auto; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.enter_remember input{position:absolute; opacity:0; cursor:pointer; height:12px; width:12px; margin:0; vertical-align:middle;}
.enter_remember_checkbox{display:inline-block; height:15px; width:15px;  margin-right:5px; vertical-align:middle;}
.enter_remember_check{position:absolute; top:5px; left:0; height:12px; width:12px; background-color:#eee; border:1px solid #ddd; vertical-align:middle;}
.enter_remember:hover input ~ .enter_remember_check{background-color:#ccc;}
.enter_remember input:checked ~ .enter_remember_check{background-color:#00a562;}
.enter_remember_check:after{content:""; position:absolute; display:none;}
.enter_remember input:checked ~ .enter_remember_check:after{display:block;}
.enter_remember .enter_remember_check:after{left:4px; top:0px; width:2px; height:8px; border:solid white; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}


.enter_forgot{display:inline-block; width:48%; font-size:0.7rem; font-weight:600; color:#00a562; text-align:right; cursor:pointer; vertical-align:middle;}
.enter_forgot:hover{color:#004225; text-decoration:underline; outline:none;}

/*.enter_submit{display:block; width:100%; height:40px; font-size:0.75rem; font-weight:600; color:#fff; text-align:center; background:#004225;*/
/*              border:1px solid #004225; border-radius:2px; margin:2rem auto 0; cursor:pointer;}*/
/*.enter_submit:hover{color:#004225; background:#fff; border:1px solid #004225;}*/


.enter_logbox{margin:2rem auto;}
.enter_logopt:hover{color:#fff; background:#004225;}


/* ------------------------------------------------------------------------------------------------------------------------------ */
/* --------------------------- media css - added 28/02/2024 - 10:08am - updated 24/05/2024 - 04:27pm  --------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width: 481px) and (max-width: 660px) {
  
  .enter_table{height:auto;}
  .enter_header{display:none;}
  
  .enter_content{width:90%; max-width:90%; margin:3rem auto;}
  .enter_login_box, .enter_signup_box{width:90%;}
  
  .enter_section_first{margin:2rem auto;}
  
  .enter_block_title_note{display:block;}
  
  .enter_social{display:block; width:100%;}
  .enter_divider_line{width:38%;}
  
}

@media only screen and (min-width: 661px) and (max-width: 720px) and (orientation: portrait) {
  
  .enter_table{height:auto;}
  .enter_header{display:none;}
  
  .enter_login_box, .enter_signup_box{margin:4rem auto;}
  
}

@media only screen and (min-width: 721px) and (max-width: 920px) {
  
  .enter_header{display:none;}
  
  .enter_login_box, .enter_signup_box{margin:4rem auto;}
  
}

@media only screen and (min-width: 921px) and (max-width: 980px) {
  
}

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

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  
}

@media screen and (min-width: 1201px) and (max-width: 1439px) {
  
}

@media screen and (min-width: 1440px) and (max-width: 1600px) {
  
}

@media screen and (min-width: 1601px) and (max-width: 2500px) {
	
}

@media only screen and (max-device-width: 480px) and (orientation:portrait) {
  
  .enter_table{height:auto;}
  .enter_header{display:none;}
  
  .enter_content{width:90%; max-width:90%; margin:3rem auto;}
  .enter_login_box, .enter_signup_box{width:90%;}
  
  .enter_section_first{margin:2rem auto;}
  
  .enter_block_title_note{display:block;}
  
  .enter_social{display:block; width:100%;}
  .enter_divider_line{width:38%;}
  
}

@media only screen and (max-device-width: 720px) and (orientation:landscape) {
  
  .enter_table{height:auto;}
  .enter_header{display:none;}
  
  .enter_login_box, .enter_signup_box{margin:4rem auto;}
  
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------- END media css - added 28/02/2024 - 10:08am - updated 24/05/2024 - 04:27pm --------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */