a, a:link, a:visited, a:hover, a:active{text-decoration:none; outline:0px !important; -webkit-appearance:none;} /* ทุก browsers */
* html a, a:link, a:visited, a:hover, a:active{text-decoration:none; outline:0px !important; -webkit-appearance:none;} /* สำหรับ IE6 */
*+html a, a:link, a:visited, a:hover, a:active{text-decoration:none; outline:0px !important; -webkit-appearance:none;} /*สำหรับ IE7 */
a, a:link, a:visited, a:hover, a:active{text-decoration:none\0/; outline:0px !important; -webkit-appearance:none;} /* สำหรับ IE8 */
button:focus,button:active{ outline: none!important; outline:0px !important; -webkit-appearance:none;}
input, input:focus{
	outline:0px !important;
	-webkit-appearance:none;
	text-decoration:none;
}
input[type='checkbox'], input[type='checkbox']:focus{
	-webkit-appearance:radio;
}
body{
    font-family: 'Noto Sans Thai', sans-serif;
    font-size: 14px;
    background: url('../img/HR-TECH-2023-bg.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #707070;
}
.clr{ clear: both; }

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

@media (max-width: 1270px) {
    .auto-container{ padding: 0px 30px; }
}
@media (max-width: 1240px) {
    .auto-container{ max-width: 1000px; }
}
@media (max-width: 1060px) {
    .auto-container{ max-width: 960px; }
}
@media (max-width: 1020px) {
    .auto-container{ max-width: 900px; }
}
@media (max-width: 991px) {
    .auto-container{ max-width: 720px; }
}
@media (max-width: 767px) {
    .auto-container{ max-width: 540px; }
}
@media (max-width: 575px) {
    .auto-container{ max-width: 100%; }
}

.white-box{
    background: #fff;
    padding: 25px;
    margin-bottom: 15px;
    
}

/*====================================================================
	Scroll To Top style  
====================================================================*/
.scroll-to-top{
	position:fixed;
	bottom:15px;
	right:15px;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:24px;
	text-transform:uppercase;
	line-height:40px;
	text-align:center;
	z-index:1002;
	cursor:pointer;
	background:#0a0a0a;
	display:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	color:#ffffff;
	background:#23E0DE;
}

/*====================================================================
	MARGIN
====================================================================*/
.no-left-padding { padding-left: 0 !important; }
.no-right-padding { padding-right: 0 !important; }
.no-left-margin { margin-left: 0 !important; }
.no-right-margin { margin-right: 0 !important; }
.margin-auto { margin: auto!important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-right-0 { margin-right: 0 !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-left-0 { margin-left: 0 !important; }
.padding-20{ padding: 20px!important;}
.padding-left-0 { padding-left: 0 !important; }
.padding-left-10 { padding-left: 10px !important; }
.padding-left-20 { padding-left: 20px !important; }
.padding-left-30 { padding-left: 30px !important; }
.padding-right-0 { padding-right: 0px !important; }
.padding-right-10 { padding-right: 10px !important; }
.padding-right-20 { padding-right: 20px !important; }
.padding-right-30 { padding-right: 30px !important; }
.padding-top-5 { padding-top: 5px !important; }
.padding-top-0 { padding-top: 0 !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-top-50 { padding-top: 50px !important; }
.padding-bottom-0 { padding-bottom: 0 !important; }
.padding-bottom-5 { padding-bottom: 5px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }
.padding-bottom-50 { padding-bottom: 50px !important; }




/*====================================================================
	BTN
====================================================================*/
.btn{
    font-size: 14px;
    font-weight: 700;
    padding: 8px 20px;
}
.btn,
.btn:focus,
.btn.focus,
.btn:active{
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


.btn-primary{
    color: #ffffff;  
    text-shadow: none;	
    background: #000000;
    border: solid 1px #000000;
}
.btn-primary:hover, 
.btn-primary:active, 
.btn-primary.active {    
    background: #F9377B !important;
    color: #fff !important;
    outline: none !important;
    border: solid 1px #F9377B !important;
}
.btn-primary[disabled], 
.btn-primary.disabled {    
    background: #DDDDDD !important;
    color: #fff !important;
    outline: none !important;
    border: solid 1px #DDDDDD;
}

/*====================================================================
	COLOR
====================================================================*/


/*====================================================================
	FORM
====================================================================*/
.form-control,
.custom-select{
    border-radius: 5px;
    font-size: 14px;
    line-height: 17px;
    height: 38px;
}

.custom-select{
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    outline: 0!important;
    border: 1px solid #ced4da;
    background: #fff url('../img/down.svg') no-repeat right 0.75rem center;
    background-size: 15px;
}

.form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: none !important;
    border: 1px solid #ced4da;
}
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: none !important;
    /* border: 1px solid #ced4da; */
}
.custom-select:focus {
    border: 1px solid #ced4da;
    outline: none !important;
    box-shadow: none;
}


/*====================================================================
	FORM
====================================================================*/
.register{
    width: 500px;
    height: auto;
    background: #ffffff;
    border-radius: 10px;
    margin: 30px auto;
    padding: 20px;
}
.register h1{
    text-align: center;
    color: #F9377B;
    font-weight: 600;
    font-size: 30px;
}

@media (max-width: 520px) {
    .register{
        width: 90%;
    }
}