body{/*background: url("../images-yf/index/bg-style-1.jpg") repeat; background-size:80% auto;*/  }
.cms-main-content{  /*background-image: url(../images-yf/index/style-01.png),url(../images-yf/index/style-02.png); background-position: -10vw 25vh,right 0; background-size: 25% auto, 15% auto;  background-repeat: no-repeat;  z-index:9;*/position: relative;}

/*login*/
.cms-main-login { width: 100%;max-width: 600px; margin:0px auto; padding: 3% 0px 10% 0px; display: block; vertical-align: top; overflow: hidden;}
.cms-main-login h1 { margin: 25px auto; padding:20px; text-align: center; font-size: 1.75rem; font-weight: 400; color:#000;  /*background: url(../images-yf/index/title-line-01.png) no-repeat left top; background-size:auto 80px;*/   }
.cms-main-login span img { margin-left: 20px; margin-top: 20px; }
.cms-main-login a{padding: 20px 20px; color:#545aa0; font-weight:700; text-decoration: underline; }
.cms-main-login p{ margin: 10px auto; text-align: center; color:#30315e; font-size:0.875rem; }

.cms-main-login-form{display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: auto;}
.cms-main-login-form input[type="password"], .cms-main-login-form input[type="text"],.cms-main-login-form input[type="submit"] {  width: calc(100% - 75px);margin-left:-4px;  border:solid 1px #dddddd; }
.cms-main-login-form span { width: 50%; display: block; margin: auto; }
.cms-main-login-form label, .cms-main-login-form input[type="text"], .cms-main-login-form input[type="password"], .cms-main-login-form input[type="submit"] { border-radius: 0.25rem; padding: 1em; }
.cms-main-login-form label { padding-left: 1.25rem; padding-right: 1.25rem; min-width:60px; height:60px; background:#4384c3; border-bottom-right-radius: 0; border-top-right-radius: 0; }
.cms-main-login-form input[type="text"], .cms-main-login-form input[type="password"] { height:60px; margin-top:0px;  background: #f9f9f9; border-bottom-left-radius: 0; border-top-left-radius: 0; color: #000; }
.cms-main-login-form input[type="text"]:focus, .cms-main-login-form input[type="text"]:hover, .cms-main-login-form input[type="password"]:focus, .cms-main-login-form input[type="password"]:hover { background-color: #f9f9f9;  border:solid 1px #f3eddb; color: #38393c; }
.cms-main-login-form input[type="submit"] { width:40%; display:block; margin:auto;  }
 
.fa-user-circle-o{width:30px;height:30px;background:url( ../images-yf/icon/icon-user.svg) no-repeat 0px 0px; background-size:28px auto;  vertical-align:top;display:inline-block;}
.fa-lock{width:30px;height:30px;background:url(  ../images-yf/icon/icon-lock.svg) no-repeat 0px 0px; background-size:28px auto;  vertical-align:top;display:inline-block;}
.fa-refresh{width:30px;height:30px;background:url(  ../images-yf/icon/icon-pass.svg) no-repeat 0px 0px; background-size:32px auto;  vertical-align:top;display:inline-block;}
.hidden{ display: none!important}
.fblogin { width: 45%; padding-left: 25px; margin:5% 1%;   display: inline-block; text-align: center;  color: #fff; line-height: 40px;background: #2b78e4; }		
.fblogin a{ padding:0px;  color: #fff; font-size:.9rem;  }
/* .fblogin:before { position: absolute; margin:10px 0px 0px -30px; width: 20px; height: 20px; content: ''; background: url(../images-yf/icon/icon-fb.svg) 0px 0px; background-size: 20px 20px; z-index: 999;} */
.gllogin { width: 45%; padding-left: 25px; margin:5% 1%;   display: inline-block; text-align: center;  color: #fff; line-height: 40px;background: #ea4335; }		
.gllogin a{ padding:0px;  color: #fff; font-size:.9rem;  }
/* .gllogin:before { position: absolute; margin:10px 0px 0px -30px; width: 20px; height: 20px; content: ''; background: url(../images-yf/icon/icon-google.svg) 0px 0px; background-size: 20px 20px; z-index: 999;} */
 
.cms-main-login-form .btn-login{background: #4384c3; color: #fff; border: 0px!important; filter:alpha(opacity=100); Opacity:1.0; transition: all 0.5s ease 0s;}
.cms-main-login-form .btn-login:hover {filter:alpha(opacity=60); Opacity:0.6; transition: all 0.5s ease 0s;}
.cms-main-login-form .btn-login::before {content: none!important;}