/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/

* {margin: 0px; padding: 0px; box-sizing: border-box;}

body, html {height: 100%;font-family: Poppins-Regular, sans-serif;}

/*---------------------------------------------*/
a {font-family: Poppins-Regular;font-size: 14px;line-height: 1.7;color: #666666;margin: 0px;transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;
  -moz-transition: all 0.4s;}
a:focus {outline: none !important;}
a:hover {text-decoration: none;color: #a64bf4;}
/*---------------------------------------------*/
h1,h2,h3,h4,h5,h6 {margin: 0px;}
p {font-family: Poppins-Regular;font-size: 14px;line-height: 1.7;color: #666666;margin: 0px;}
ul, li {margin: 0px;list-style-type: none;}
/*---------------------------------------------*/
input {outline: none;border: none;}
textarea {outline: none;border: none;}
textarea:focus, input:focus {border-color: transparent !important;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

input::-webkit-input-placeholder { color: #adadad;}
input:-moz-placeholder { color: #adadad;}
input::-moz-placeholder { color: #adadad;}
input:-ms-input-placeholder { color: #adadad;}

textarea::-webkit-input-placeholder { color: #adadad;}
textarea:-moz-placeholder { color: #adadad;}
textarea::-moz-placeholder { color: #adadad;}
textarea:-ms-input-placeholder { color: #adadad;}

/*---------------------------------------------*/
button {outline: none !important;border: none;background: transparent;}
button:hover {cursor: pointer;}
iframe {border: none !important;}
.limiter {width: 100%;margin: 0 auto;}
.container-login100 { width: 100%;  min-height: 600px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;
  flex-wrap: wrap;justify-content: center;align-items: center;padding: 15px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.wrap-login100 {width: 400px;background: #fff;border-radius: 10px;overflow: hidden;}
/*------------------------------------------------------------------
[ Form ]*/
.login100-form {width: 100%;}
.login100-form-title {display: block;font-family: Poppins-Bold;font-size: 24px;color: #333333;line-height: 1.2;text-align: center;}
.validate-100{padding: 90px 260px;}
/*------------------------------------------------------------------
[ Input ]*/
.wrap-input100 {width: 100%;position: relative;}
.label-input100 {font-family: Poppins-Regular;font-size: 16px;color: #333333;line-height: 1.5;padding-left: 7px;margin-bottom: 10px;display: flow-root;}
.input100 { font-family: Poppins-Medium;font-size: 16px;color: #333333;line-height: 1.2;display: block;width: 100%;height: 55px;background: transparent;
	padding: 0 7px 0 30px;border: 1px solid#d9d9d9;border-radius: 6px;}
.input100::placeholder{font-size: 15px;}
/*---------------------------------------------*/
.focus-input100 {position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;}
.m-b-23::after {content: attr(data-symbol);background: url("../images/yhm.png")no-repeat center;position: absolute;height: calc(100% - 20px);bottom: -7px;left: 0;
	padding-left: 30px;}
.m-b-24::after {content: attr(data-symbol);background: url("../images/mima.png")no-repeat center;position: absolute;height: calc(100% - 20px);bottom: -7px;left: 0;
	padding-left: 30px;}
.focus-input100::before {content: "";display: block;position: absolute;bottom: -2px;left: 0;width: 0;height: 2px;background: #7f7f7f;-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.input100:focus + .focus-input100::before {width: 100%;}
.has-val.input100 + .focus-input100::before {width: 100%;}
.input100:focus + .focus-input100::after {color: #a64bf4;}
.has-val.input100 + .focus-input100::after { color: #a64bf4;}

/*------------------------------------------------------------------
[ Button ]*/
.container-login100-form-btn {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: center;
	margin-top: 60px;}
.wrap-login100-form-btn {width: 100%;display: block;position: relative;z-index: 1;border-radius: 25px;overflow: hidden;margin: 0 auto;
	box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2);-moz-box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2);
  -webkit-box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2);-o-box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2);-ms-box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2);}
.login100-form-bgbtn {position: absolute;z-index: -1;width: 300%;height: 100%;background: #056eb0;
  background: -webkit-linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);background: -o-linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);
  background: -moz-linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);background: linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);
  top: 0;left: -100%;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.login100-form-btn {font-family: Poppins-Medium;font-size: 16px;color: #fff;line-height: 1.2;text-transform: uppercase;display: -webkit-box;display: -webkit-flex;
	display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center;align-items: center;padding: 0 20px;width: 100%;height: 50px;}
.wrap-login100-form-btn:hover .login100-form-bgbtn {left: 0;}