@charset "utf-8";


.btn{
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 0 solid transparent;
  border-radius: 2px;
  -webkit-appearance: none;
  user-select: none;
}

.btn:focus{
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus{
  color: #333;
}

.btn:active,
.btn.active{
  background-image: none;
  outline: 0;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn{
  pointer-events: none;
  cursor: not-allowed;
  opacity: .65;
  box-shadow: none;
}


.btn-default {
  color: #333;
  background-color: #efefef;
  border-color: #ddd;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default{
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
  text-decoration: none!important;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default{
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active{
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge{
  color: #fff;
  background-color: #fff;
}


.lineLoading{
  color: #fff!important;
  background-color: #00bb00;
  border-color: #00bb00;
  text-decoration: none!important;
  margin-bottom: 10px;
}

.lineProfileBtn{
  color: #fff!important;
  background-color: #00bb00;
  border-color: #00bb00;
  text-decoration: none!important;
  margin-bottom: 10px;
}

.lineLoadingExpo{
  text-align: center;
}

.lineProfileBtnExpo{
  text-decoration: underline;
  background-color: #fff;
}

.lineUnderline{
  padding-bottom: 3px;
}


.btn-relux{
  color: #000!important;
  background-color: #0f0a64;
  color: #fff!important;
  border-color: #0f0a64;
  text-decoration: none!important;
}

.btn-relux-app{
  color: #000;
  background-color: #fff;
  color: #0f0a64!important;
  border: solid 1px #0f0a64;
  text-decoration: none!important;
}

.btn-gray{
  color: #000!important;
  background-color: #d0d0d0;
  color: #fff!important;
  border-color: #d0d0d0;
  text-decoration: none!important;
}

.btn-relux:hover,
.btn-relux:focus,
.btn-relux:active,
.btn-relux.active,
.open .dropdown-toggle.btn-relux{
  text-decoration: none!important;
  background-color: #332f7b;
  border-color: #332f7b;
}

.btn-relux:active,
.btn-relux.active,
.open .dropdown-toggle.btn-relux{
  background-image: none;
}

.btn-relux.disabled,
.btn-relux[disabled],
fieldset[disabled] .btn-relux,
.btn-relux.disabled:hover,
.btn-relux[disabled]:hover,
fieldset[disabled] .btn-relux:hover,
.btn-relux.disabled:focus,
.btn-relux[disabled]:focus,
fieldset[disabled] .btn-relux:focus,
.btn-relux.disabled:active,
.btn-relux[disabled]:active,
fieldset[disabled] .btn-relux:active,
.btn-relux.disabled.active,
.btn-relux[disabled].active,
fieldset[disabled] .btn-relux.active{
  background-color: #8784b4;
  border-color: #8784b4;
}

.btn-relux .badge{
  color: #428bca;
  background-color: #fff;
}


.btn-large-blue{
  box-sizing: border-box;
  height: 66px;
  line-height: 66px;
  display: inline-block;
  font-size: 18px;
  background-color: #0f0a64;
  color: #fff!important;
  border-color: #0f0a64;
  text-decoration: none!important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 0 solid transparent;
  border-radius: 4px!important;
  -webkit-appearance: none;
  user-select: none;
}

.btn-large-blue:hover,
.btn-large-blue:focus,
.btn-large-blue:active{
  text-decoration: none!important;
  background-color: #332f7b;
  border-color: #332f7b;
}

.btn-middle-blue{
  box-sizing: border-box;
  height: 44px;
  line-height: 44px;
  display: inline-block;
  font-size: 16px;
  background-color: #0f0a64;
  color: #fff!important;
  border-color: #0f0a64;
  text-decoration: none!important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 0 solid transparent;
  border-radius: 4px!important;
  -webkit-appearance: none;
  user-select: none;
}

.btn-middle-blue:hover,
.btn-middle-blue:focus,
.btn-middle-blue:active{
  text-decoration: none!important;
  background-color: #332f7b;
  border-color: #332f7b;
}

.btn-small-blue{
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  font-size: 12px;
  background-color: #0f0a64;
  color: #fff!important;
  border-color: #0f0a64;
  text-decoration: none!important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 0 solid transparent;
  border-radius: 4px!important;
  -webkit-appearance: none;
  user-select: none;
}

.btn-small-blue:hover,
.btn-small-blue:focus,
.btn-small-blue:active{
  text-decoration: none!important;
  background-color: #332f7b;
  border-color: #332f7b;
}

.btn-small-white{
  box-sizing: border-box;
  height: 36px;
  line-height: 34px;
  display: inline-block;
  font-size: 12px;
  background-color: #fff;
  color: #0f0a64!important;
  border-color: #0F0A64;
  text-decoration: none!important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: solid 1px #0f0a64;
  border-radius: 4px!important;
  -webkit-appearance: none;
  user-select: none;
}


.btn-border{
  background-color: #fff!important;
  color: #0f0a64!important;
  border: 1px solid #0f0a64!important;
  text-decoration: none!important;
}


.btn-inline{
  color: #0f0a64;
  border: 1px solid #0f0a64;
  text-decoration: none!important;
}

.btn-inline:hover,
.btn-inline:focus,
.btn-inline:active,
.btn-inline.active,
.open .dropdown-toggle.btn-inline{
  text-decoration: none!important;
  background-color: #fff;
  border: 1px solid #261777!important;
  color: #261777!important;
}

.btn-inline:active,
.btn-inline.active,
.open .dropdown-toggle.btn-relux{
  background-image: none;
}


.btn-fb{
  color: #fff!important;
  background-color: #3b5998;
  border-color: #3b5998;
  text-decoration: none!important;
  border: 1px solid #3b5998;
}

.btn-fb:hover,
.btn-fb:focus,
.btn-fb:active,
.btn-fb.active,
.open .dropdown-toggle.btn-fb{
  color: #fff;
  background-color: #5872a7;
  border-color: #5872a7;
  text-decoration: none!important;
}

.btn-fb:active,
.btn-fb.active,
.open .dropdown-toggle.btn-fb{
  background-image: none;
}

.btn-fb.disabled,
.btn-fb[disabled],
fieldset[disabled] .btn-fb,
.btn-fb.disabled:hover,
.btn-fb[disabled]:hover,
fieldset[disabled] .btn-fb:hover,
.btn-fb.disabled:focus,
.btn-fb[disabled]:focus,
fieldset[disabled] .btn-fb:focus,
.btn-fb.disabled:active,
.btn-fb[disabled]:active,
fieldset[disabled] .btn-fb:active,
.btn-fb.disabled.active,
.btn-fb[disabled].active,
fieldset[disabled] .btn-fb.active{
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-fb .badge{
  color: #f0ad4e;
  background-color: #fff;
}

.btn-fb img{
  height: 18px;
  vertical-align: middle;
  margin: -12px 0 -10px;
}


.btn-gg{
  color: #1f1f1f!important;
  background-color: #fff;
  border-color: #e0430d;
  text-decoration: none!important;
  border: 1px solid #1f1f1f;
}

.btn-gg:hover,
.btn-gg:focus,
.btn-gg:active,
.btn-gg.active,
.open .dropdown-toggle.btn-gg{
  color: #1f1f1f;
  background-color: #fff;
  border-color: #1f1f1f;
  text-decoration: none!important;
}

.btn-gg:active,
.btn-gg.active,
.open .dropdown-toggle.btn-gg{
  background-image: none;
}

.btn-gg.disabled,
.btn-gg[disabled],
fieldset[disabled] .btn-gg,
.btn-gg.disabled:hover,
.btn-gg[disabled]:hover,
fieldset[disabled] .btn-gg:hover,
.btn-gg.disabled:focus,
.btn-gg[disabled]:focus,
fieldset[disabled] .btn-gg:focus,
.btn-gg.disabled:active,
.btn-gg[disabled]:active,
fieldset[disabled] .btn-gg:active,
.btn-gg.disabled.active,
.btn-gg[disabled].active,
fieldset[disabled] .btn-gg.active{
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-fb .badge{
  color: #f0ad4e;
  background-color: #fff;
}

.btn-gg img{
  height: 18px;
  vertical-align: middle;
  margin: -12px 0 -10px;
}


.btn-au{
  color: #fff!important;
  background-color: #e0430d;
  border-color: #e0430d;
  text-decoration: none!important;
  border: 1px solid #e0430d;
}

.btn-au-eng{
  font-size: 10px;
}

.btn-au:hover,
.btn-au:focus,
.btn-au:active,
.btn-au.active,
.open .dropdown-toggle.btn-au{
  color: #fff;
  background-color: #e55517;
  border-color: #e55517;
  text-decoration: none!important;
}

.btn-au:active,
.btn-au.active,
.open .dropdown-toggle.btn-au{
  background-image: none;
}

.btn-au.disabled,
.btn-au[disabled],
fieldset[disabled] .btn-au,
.btn-au.disabled:hover,
.btn-au[disabled]:hover,
fieldset[disabled] .btn-au:hover,
.btn-au.disabled:focus,
.btn-au[disabled]:focus,
fieldset[disabled] .btn-au:focus,
.btn-au.disabled:active,
.btn-au[disabled]:active,
fieldset[disabled] .btn-au:active,
.btn-au.disabled.active,
.btn-au[disabled].active,
fieldset[disabled] .btn-au.active{
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-au img{
  height: 18px;
  vertical-align: middle;
  margin: -12px 0 -10px;
}


.btn-line{
  color: #fff!important;
  background-color: #00b900;
  border-color: #00b900;
  text-decoration: none!important;
  border: 1px solid #00BB00;
}

.btnLineExport{
  text-align: center;
}

#btnLineExport{
  text-decoration: underline;
  margin-top: 5px;
}

#btnLineExport img{
  display: inline-block;
  width: 100%;
  max-width: 189px;
  border: 0;
  margin: 0;
  padding: 0;
  position: static;
  vertical-align: middle;
}

#btnLineImport :first-child,
#btnLineExport :first-child{
  border-radius: 2px;
}

.btn-line:hover,
.btn-line:focus,
.btn-line:active,
.btn-line.active,
.open .dropdown-toggle.btn-line{
  color: #fff;
  background-color: #24c224;
  border-color: #24c224;
  text-decoration: none!important;
}

.btn-line:active,
.btn-line.active,
.open .dropdown-toggle.btn-line{
  background-image: none;
}

.btn-line.disabled,
.btn-line[disabled],
fieldset[disabled] .btn-line,
.btn-line.disabled:hover,
.btn-line[disabled]:hover,
fieldset[disabled] .btn-line:hover,
.btn-line.disabled:focus,
.btn-line[disabled]:focus,
fieldset[disabled] .btn-line:focus,
.btn-line.disabled:active,
.btn-line[disabled]:active,
fieldset[disabled] .btn-line:active,
.btn-line.disabled.active,
.btn-line[disabled].active,
fieldset[disabled] .btn-line.active{
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-line .badge{
  color: #f0ad4e;
  background-color: #fff;
}

.btn-line img{
  height: 18px;
  vertical-align: middle;
  margin: -12px 0 -10px;
}

.btn-line-export{
  background-color: rgb(55,198,92);
  color: #fff;
  height: 43px;
  text-align: center;
  vertical-align: middle;
}


.line-add-fiend .line-icon{
  height: 22px;
}

.users.line-add-friend .btn-area{
  width: 280px;
  margin: 0 auto;
  padding-top: 40px;
}


.btn-danger{
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-sub:hover,
.btn-sub:focus,
.btn-sub:active,
.btn-sub.active,
.open .dropdown-toggle.btn-sub{
  color: #333;
  background-color: #ebebeb;
  border-color: #e7e7e7;
  text-decoration: none!important;
}

.btn-sub:active,
.btn-sub.active,
.open .dropdown-toggle.btn-sub{
  background-image: none;
}

.btn-sub.disabled,
.btn-sub[disabled],
fieldset[disabled] .btn-sub,
.btn-sub.disabled:hover,
.btn-sub[disabled]:hover,
fieldset[disabled] .btn-sub:hover,
.btn-sub.disabled:focus,
.btn-sub[disabled]:focus,
fieldset[disabled] .btn-sub:focus,
.btn-sub.disabled:active,
.btn-sub[disabled]:active,
fieldset[disabled] .btn-sub:active,
.btn-sub.disabled.active,
.btn-sub[disabled].active,
fieldset[disabled] .btn-sub.active{
  background-color: #fff;
  border-color: #ccc;
}

.btn-sub .badge{
  color: #fff;
  background-color: #fff;
}


.btn-success{
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success{
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success{
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active{
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge{
  color: #5cb85c;
  background-color: #fff;
}

.btn-info{
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info{
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info{
  background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active{
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge{
  color: #5bc0de;
  background-color: #fff;
}

.btn-link{
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link{
  background-color: transparent;
  box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active{
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus{
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus{
  color: #999;
  text-decoration: none;
}

.btn-lg{
  padding: 10px 16px;
  font-size: 18px;
}

.btn-sm,
.btn-sm_app,
.btn-xs{
  font-size: 12px;
  line-height: 1.5;
}

.btn-sm{
  padding: 5px 10px;
}

.btn-sm_app{
  padding: 7px 10px;
}

.btn-xs{
  padding: 1px 5px;
}

.btn-block{
  display: block;
  position: relative;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.btn-block + .btn-block{
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block{
  width: 100%;
}

.sns-fav{
  position: absolute;
  top: 33%;
  left: 13px;
}

.sns-fav-img{
  position: absolute;
  top: 57%;
  left: 8px;
}



.modal-logInWithElseArea .btn-modal  {
  width: 308px;
}