@charset "utf-8";

@font-face{
	font-family:HDharB;
	src:url("../font/HDharmonyB.eot");
	src:local("¡Ø"), url("../font/HDharmonyB.woff") format("woff"), url("../font/HDharmonyB.ttf") format("truetype");
}
@font-face{
	font-family:HDharM;
	src:url("../font/HDharmonyM.eot");
	src:local("¡Ø"), url("../font/HDharmonyM.woff") format("woff"), url("../font/HDharmonyM.ttf") format("truetype");
}
@font-face{
	font-family:HDharL;
	src:url("../font/HDharmonyL.eot");
	src:local("¡Ø"), url("../font/HDharmonyL.woff") format("woff"), url("../font/HDharmonyL.ttf") format("truetype");
}

*, body {
font-family:HDharL, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .875rem;
}


 /* ======== jicho : login */
  .btn-group-xs > .btn, .btn-xs {
    padding  : .4rem .4rem;
    font-size  : .875rem;
    line-height  : .5;
    border-radius : .2rem;
	}
	#fixedfooter {
	position:fixed;
	left:0px;
	bottom:0px;
	width: 100%;
	text-align: center;
	}
	.inner {
	color: white;
	display: inline-block;
	vertical-align:middle;
	}

.navbar-top {
  min-height: 60px;
  background: #ffffff;
  font-size: 12px;
  padding: 0;
  }
  
 .cstitle {
 	font-family:HDharM; font-size:23px;
    font-weight: 500!important;
} 

.navbar-preview > .container, .navbar-preview > .container-fluid {position: relative; }

 .jumbotron {position:relative;width:420px;margin:0 auto;top:-20px;padding:25px;background-color:#fff;-webkit-box-shadow:0 0 0 1px rgba(61,70,79,.05),0 1px 3px 0 rgba(61,70,79,.15);box-shadow:0 0 0 1px rgba(61,70,79,.05),0 1px 3px 0 rgba(61,70,79,.15);border-radius: 5px;}
 
 
 .form-header {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    color: #fff;
    text-align: center;
    margin-top: -3.6rem;
    margin-bottom: 4rem;
    padding: 0.1rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
}

.purple-gradient{background:-webkit-linear-gradient(50deg,#ff6ec4,#7873f5)!important;background:-o-linear-gradient(50deg,#ff6ec4,#7873f5)!important;background:linear-gradient(40deg,#ff6ec4,#7873f5)!important}
.peach-gradient{background:-webkit-linear-gradient(50deg,#FFD86F,#FC6262)!important;background:-o-linear-gradient(50deg,#FFD86F,#FC6262)!important;background:linear-gradient(40deg,#FFD86F,#FC6262)!important}
.aqua-gradient{background:-webkit-linear-gradient(50deg,#2096ff,#05ffa3)!important;background:-o-linear-gradient(50deg,#2096ff,#05ffa3)!important;background:linear-gradient(40deg,#2096ff,#05ffa3)!important}
.blue-gradient{background:-webkit-linear-gradient(50deg,#45cafc,#303f9f)!important;background:-o-linear-gradient(50deg,#45cafc,#303f9f)!important;background:linear-gradient(40deg,#45cafc,#303f9f)!important}
.purple-gradient-rgba{background:-webkit-linear-gradient(50deg,rgba(255,110,196,.9),rgba(120,115,245,.9))!important;background:-o-linear-gradient(50deg,rgba(255,110,196,.9),rgba(120,115,245,.9))!important;background:linear-gradient(40deg,rgba(255,110,196,.9),rgba(120,115,245,.9))!important}
.peach-gradient-rgba{background:-webkit-linear-gradient(50deg,rgba(255,216,111,.9),rgba(252,98,98,.9))!important;background:-o-linear-gradient(50deg,rgba(255,216,111,.9),rgba(252,98,98,.9))!important;background:linear-gradient(40deg,rgba(255,216,111,.9),rgba(252,98,98,.9))!important}
.aqua-gradient-rgba{background:-webkit-linear-gradient(50deg,rgba(32,150,255,.9),rgba(5,255,163,.9))!important;background:-o-linear-gradient(50deg,rgba(32,150,255,.9),rgba(5,255,163,.9))!important;background:linear-gradient(40deg,rgba(32,150,255,.9),rgba(5,255,163,.9))!important}
.blue-gradient-rgba{background:-webkit-linear-gradient(50deg,rgba(69,202,252,.9),rgba(48,63,159,.9))!important;background:-o-linear-gradient(50deg,rgba(69,202,252,.9),rgba(48,63,159,.9))!important;background:linear-gradient(40deg,rgba(69,202,252,.9),rgba(48,63,159,.9))!important}

.txtid { border-bottom: 1px solid #C0C0C0;font-size:20px;}


.form-control:focus {
    font-size: 15px;
    color: #495057;
    background-color: rgb(232, 240, 254) !important;
    border-color: 0px solid #fff !important;
    border-bottom: 1px solid #ced4da;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 15px;
    line-height: 1.5;
    color: #495057;
    background-color: rgb(232, 240, 254) !important;
    background-clip: padding-box;
    border: 0px solid #fff !important;
    border-bottom: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}