@charset "utf-8";

/* common button */
.radiusType1 {
  border-radius: 5px !important;
}
.radiusType2 {
  border-radius: 10px !important;
}
.radiusType3 {
  border-radius: 0 0 10px 10px !important;
}

.radiusNone {
  border-radius: 0 !important;
}

.btn img {
  margin-right: 10px;
}

.btn.other1 {
  bottom: 25px;
}

.btn:hover,
.btn.on {
  text-decoration: none !important;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  font-size: 14px;
}
.btn.blue {
  background: #3686ff;
  color: #fff;
  border: 1px solid #3686ff;
}
.btn.blue:hover {
  background: #2973e4;
}

.btn.blue2 {
  background: #336bbe;
  color: #fff;
  border: 1px solid #336bbe;
}
.btn.blue2:hover {
  background: #1750a7;
}

.btn.blueLine {
  background: #fff;
  color: #3686ff;
  border: 1px solid #3686ff;
}
.btn.blueLine:hover {
  background: #f2f5f9;
  color: #3686ff;
}

.btn.default {
  background: #bbbbbb;
  color: #fff;
}
.btn.default:hover {
  background: #797979;
}

.btn.gray {
  background: #434e5c;
  color: #fff;
}
.btn.gray:hover {
  background: #252b33;
}

.btn.gray2 {
  background: #f3f3f3;
  color: #797979;
}
.btn.gray2:hover {
  background: #e9e9e9;
}

.btn.gray3 {
  background: #999999;
  color: #fff;
}
.btn.gray3:hover {
  background: #777;
}

.btn.gray4 {
  background: #797979;
  color: #fff;
}
.btn.gray4:hover {
  background: #5e5e5e;
}
.btn.defaultLine {
  background: #fff;
  border: 1px solid #bbbbbb;
}
.btn.defaultLine:hover {
  background: #f2f5f9;
}

.btn.defaultLine2 {
  background: #fff;
  border: 1px solid #bbbbbb;
  color: #aaaaaa;
}
.btn.defaultLine2:hover {
  background: #f2f5f9;
}
.btn.greenLine {
  background: #fff;
  color: #138146;
  border: 1px solid #138146;
}
.btn.greenLine:hover {
  background: #f2f5f9;
}

.btn.red {
  background: #ffefef;
  color: #f22b2b;
}
.btn.red:hover {
  background: #fbdbdb;
}

.btn.red2 {
  background: #ff5454;
  color: #fff;
}
.btn.red2:hover {
  background: #d84848;
}

.size-xs {
  min-width: 80px;
  height: 30px;
  border-radius: 18px;
  padding: 0 10px;
}

.size-xs2 {
  min-width: 70px;
  height: 25px;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 13px;
}
.size-xs3 {
  margin: 0 auto;
  min-width: 50px;
  height: 36px;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 13px;
}
.size-xs4 {
  margin: 0 auto;
  min-width: 60px;
  height: 26px;
  border-radius: 5px;
  font-size: 13px;
}
.size-sm {
  min-width: 80px;
  height: 40px;
  border-radius: 18px;
  padding: 0 10px;
}
.size-sm2 {
  min-width: 100px;
  height: 36px;
  border-radius: 10px;
  padding: 0 10px;
}
.size-md {
  width: 180px;
  height: 50px;
  border-radius: 10px;
  padding: 0 10px;
  font-size: 16px;
}
.size-md2 {
  width: 180px;
  height: 40px;
  border-radius: 10px;
  padding: 0 10px;
}

.size-md3 {
  width: 200px;
  height: 50px;
  border-radius: 10px;
  padding: 0 10px;
  font-size: 16px;
}
.square {
  border-radius: 0;
}
.center {
  margin: 0 auto;
  text-align: center;
}
.btnBell {
  position: relative;
  margin: 0 20px 0 10px;
}

.btnBell .red_dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e95656;
  position: absolute;
  right: 0;
  top: 0;
}

.btnCenter {
  color: #797979;
}

.btnDel {
  position: absolute;
  right: 15px;
  bottom: 0;
}

.btnDel.other2 {
  bottom: 30px;
}

.btnNone {
  border: 1px solid #e2e2e2;
  height: 25px;
  border-radius: 5px !important;
  text-align: center !important;
  padding: 5px 10px;
}

.btnShadow {
  box-shadow: 0 3px 50px rgba(0, 0, 0, 0.1);
}

.btn.photo img {
  margin-right: 5px !important;
}

.marginCenter {
  margin: 0 auto;
}

.btn.positionOther {
  position: relative;
  top: -5px;
  margin-left: 10px;
}

.btnNone.other {
  height: 35px;
  font-size: 14px;
}

.btnNone.other span {
  font-size: 14px;
}

.borderType1 {
  border: 1px solid #e2e2e2 !important;
}

.minW70 {
  min-width: 70px !important;
}

.minW90 {
  min-width: 90px !important;
}

.borderBlack {
  border: 1px solid #434e5c !important;
}

.bg_gray {
  background: #f9f9f9 !important;
}

.btn.login {
  cursor: pointer;
}
.btn.trackingadd0327 {
  background: #fff;
  color: #434E5C;
  border: 1px solid #434E5C;
}
.btn.trackingadd0327:hover {
  background: #f2f5f9;
  color: #434E5C;
}