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

body {
  font-family: Arial, Helvetica, sans-serif;
}

a {
  text-decoration: none;
  outline: none;
  hlbr: expression(this.onFocus=this.blur());
}

li {
  list-style: none;
}

table {
  width: 100%;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clear {
  clear: both;
}

.float-L {
  float: left;
}

.float-R {
  float: right;
}

.align-L {
  text-align: left;
}

.align-R {
  text-align: right;
}

.align-C {
  text-align: center;
}

/*--Hide Text Set--*/
/*--Hide Long Word Set--*/
/*--Pop Up Shadow Set--*/
.main img {
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.7);
}

/*--Horizontal List--*/
html, body {
  height: 100vh;
}

body {
  background: url(../images/login/setting_bg.jpg) center center no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main img {
  display: block;
  margin: 0 auto 4.8vmin auto;
  border-radius: 2.66667vmin;
}

.main h2 {
  color: #254B71;
  font-size: 5.33333vmin;
  margin: 0 0 2.66667vmin 0;
}

.main ul {
  margin-bottom: 4vmin;
}

.main li {
  color: #1A1A1A;
  font-size: 5.06667vmin;
  margin-bottom: 0.8vmin;
  line-height: 8.26667vmin;
}

.main li span {
  display: inline-block;
  border-radius: 100px;
  background: #183544;
  width: 8vmin;
  height: 8vmin;
  line-height: 8.26667vmin;
  color: #fff;
  font-size: 4.53333vmin;
  text-align: center;
}

.main select {
  border-radius: 2px;
  background: url(../images/login/icon_arrow.png) #265A76 95% center no-repeat;
  border: 1px #183544 solid;
  color: #fff;
  width: 66.66667vmin;
  height: 9.33333vmin;
  font-size: 4vmin;
  padding: 0 1.86667vmin;
}

@media screen and (orientation: landscape) {
  .main {
    width: 146.66667vmin;
    height: 36.58171vmax;
    position: relative;
    padding-left: 72vmin;
  }
  .main img {
    display: block;
    margin: 0 2.66667vmin 0 0;
    position: absolute;
    left: 0px;
    top: 0px;
  }
}