@charset "UTF-8";
@import url(../ngsass/vendors/bootstrap.css);
@import url(../ngsass/vendors/font-awesome.min.css);
@import url(../ngsass/vendors/jquery.mCustomScrollbar.min.css);
@import url(../ngsass/base/normalize.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(../ngsass/vendors/v2item/cmn-col.css);
@import url(../ngsass/vendors/v2item/cmn-ratio.css);
@import url(../ngsass/vendors/v2item/cmn-item-list.css);
@import url(../ngcss/page/partner-tqtrading.css);
h1 {
  font-size: 19px;
}

h2 {
  font-size: 17px;
}

h3 {
  font-size: 15px;
}

h4 {
  font-size: 13px;
}

h5 {
  font-size: 11px;
}

h6 {
  font-size: 10px;
}

ol, ul {
  list-style: none;
  word-break: break-all;
}

ul {
  margin: 0;
  padding: 0;
}

a {
  cursor: pointer;
}

a:hover, a:focus {
  text-decoration: none;
}

.ta-l {
  text-align: left !important;
}

.ta-r {
  text-align: right !important;
}

.ta-c {
  text-align: center !important;
}

.d-n {
  display: none !important;
}

.clear {
  content: '';
  display: table;
  clear: both !important;
}

.a-clear:before {
  content: '';
  display: table;
  clear: both !important;
}

.b-clear:before {
  content: '';
  display: table;
  clear: both !important;
}

.o-h {
  overflow: hidden;
}

html {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  height: 100%;
}

body {
  padding: 0px !important;
  margin: 0px !important;
  height: 100%;
  font-family: "Nanum Gothic", "나눔고딕", dotum, "돋움", HiraKakuProN-W3, "HiraKakuProN-W3", "メイリオ", Meiryo, Meiryo UI, MS PGothic, AppleGothic, Arial, sans-serif;
  font-size: 12px;
  background-color: #f1f2f7;
  color: #767676;
  text-rendering: optimizeLegibility;
}

#container {
  padding: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.show-grid {
  margin-bottom: 15px;
}

.panel-heading {
  background-color: #fafafa;
  border-bottom: 1px solid #eff2f7;
}

.panel-default > .panel-heading {
  color: #797979;
  background-color: #fafafa;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  height: auto;
  max-height: 112px;
  min-height: 112px;
  z-index: 1002;
  background-color: #fff;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.15);
}

header a {
  text-decoration: none !important;
}

header .band {
  position: relative;
  float: left;
  margin: 0;
  width: 240px;
  height: 75px;
  z-index: 1002;
}

header .band h1 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  margin: 0;
  padding: 0;
  width: 240px;
  height: 75px;
  font-size: 0;
  border-right: 1px solid #f1f2f7;
}

header .band h1 a {
  display: block;
  margin: 27px 0 0 85px;
}

header .band h1 a img {
  width: 60px;
  height: 21px;
}

header .band .slide-bar-btn {
  position: absolute;
  top: 24px;
  left: 226px;
  width: 26px;
  height: 26px;
  background: transparent url("/Content/img/icon/slide-bar-btn-icon-left.svg") no-repeat;
  cursor: pointer;
  text-indent: -9999px;
}

header .band .slide-bar-btn.slide-bar-btn-right {
  background: transparent url("/Content/img/icon/slide-bar-btn-icon-right.svg") no-repeat;
}

header .adminInfo {
  display: block;
  padding: 5px 10px;
  width: 100%;
  border-bottom: 1px solid #f1f2f7;
}

header .adminInfo:after {
  content: '';
  display: table;
  clear: both !important;
}

header .adminInfo > div {
  float: right;
}

header .adminInfo > div:before, header .adminInfo > div:after {
  content: '';
  display: table;
  clear: both !important;
}

header .adminInfo > div div:first-child {
  margin-right: 5px;
}

header .adminInfo > div div:first-child img {
  width: 31px;
}

header .adminInfo > div div:first-child strong {
  margin: 0 5px;
}

header .adminInfo > div div:first-child span {
  display: inline-block;
  padding-left: 16px;
  background: transparent url("/Content/img/icon/name.png") no-repeat;
  background-position: 2px 2px;
}

header .adminInfo button.dropdown-toggle {
  display: none;
  margin: 10px;
  width: 31px;
  height: 31px;
  border: none;
  background: transparent url("/content/img/icon/admininfo-toggle-btn.svg") no-repeat;
  text-indent: -99999px;
}

header .adminInfo div {
  display: inline-block;
}

header .adminInfo div.dropdown-menu {
  position: static;
  display: block;
  margin: 0 0 0 0;
  padding: 0;
  border: none;
  box-shadow: none;
}

header .adminInfo div.dropdown-menu strong, header .adminInfo div.dropdown-menu span {
  font-size: 12px;
}

header .adminInfo .search {
  position: relative;
  margin-right: 5px;
}

header .adminInfo .search input[type="text"] {
  padding-right: 36px;
  height: 22px;
}

header .adminInfo .search input[type="submit"] {
  position: absolute;
  top: 5px;
  right: 8px;
  width: 15px;
  height: 15px;
  border: none;
  background: transparent url("/Content/img/icon/search-button.png") no-repeat;
  background-size: 15px 15px;
}

header .adminInfo .btn-box button:hover a {
  color: #fff;
}

header .adminInfo .btn-box a {
  color: #333;
}

header .adminInfo .btn-box span {
  display: inline-block;
  margin-left: 3px;
  font-weight: 900;
}

header .adminInfo .btn-box span img {
  margin: 0 3px 1px 0;
  width: 22px;
}

header .adminInfo .btn-box span.error {
  color: #ed7261;
  background: transparent url("/content/img/error-icon.png") no-repeat;
  background-position: 1px 1px;
  background-size: 18px 18px;
}

header .adminInfo .btn-box span.error img {
  visibility: hidden;
}

header .gnb {
  position: relative;
  float: left;
  padding-top: 10px;
  z-index: 1000;
}

header .gnb ul {
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 0;
  height: 100%;
}

header .gnb ul li {
  list-style: none;
  text-align: center;
}

header .gnb ul li a {
  padding: 5px 15px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

header .gnb ul li a img {
  width: 33px;
  height: 30px;
}

header .gnb ul li span {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  color: #9E9E9E;
}

.sidebar {
  position: fixed;
  width: 240px;
  height: 100%;
  background-color: #32323a;
  color: #fff;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.sidebar.hide-left-bar {
  margin-left: -240px;
}

.sidebar .lnb {
  overflow: hidden;
  outline: 0 solid #ccc;
  height: 100%;
}

.sidebar .lnb nav {
  margin-top: 112px;
  height: 100%;
}

.sidebar .lnb nav h2 {
  margin: 0;
  padding: 18px 0 18px 15px;
  font-size: 13px;
  font-weight: 900;
  background-color: #1fb5ad;
  border-bottom: 1px solid #3c3c43;
}

.sidebar .lnb nav h2 i {
  margin-right: 5px;
  font-size: 14px;
  vertical-align: top !important;
}

.sidebar .lnb nav ul {
  margin: 0;
  padding: 0;
}

.sidebar .lnb nav ul li {
  border-bottom: 1px solid #3c3c43;
}

.sidebar .lnb nav ul li a {
  display: block;
  padding: 16px 15px;
  color: #aeb2b7;
  text-decoration: none;
}

.sidebar .lnb nav ul li a:hover {
  background-color: #28282e;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.sidebar .lnb nav ul li a.active {
  background-color: #28282e;
}

.sidebar .lnb nav ul li a.active + div {
  display: block !important;
}

.sidebar .lnb nav ul li.li-active > a:after {
  font: normal normal normal 18px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f105";
  float: right;
  display: block;
}

.sidebar .lnb nav ul li.li-active > a.active {
  background-color: #28282e;
}

.sidebar .lnb nav ul li.li-active > a.active:after {
  content: "\f107";
}

.sidebar .lnb nav ul li.li-active .lnb-sub-menu {
  display: none;
}

.sidebar .lnb nav ul li.li-active .lnb-sub-menu ul.subCategory {
  background-color: #28282e;
}

.sidebar .lnb nav ul li.li-active .lnb-sub-menu ul.subCategory li {
  border: none;
}

.sidebar .lnb nav ul li.li-active .lnb-sub-menu ul.subCategory li > span {
  display: block;
  padding: 10px 20px;
  color: #aeb2b7;
}

.sidebar .lnb nav ul li.li-active .lnb-sub-menu ul.subCategory li a {
  padding: 10px 26px;
}

.sidebar .lnb nav ul li.li-active .lnb-sub-menu ul.subCategory li a.title {
  padding: 10px 20px;
  color: #aeb2b7;
}

.sidebar .lnb nav ul li.li-active .lnb-sub-menu ul.subCategory li a:hover {
  background-color: #202025;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.sidebar .lnb nav ul li.li-active .lnb-sub-menu ul.subCategory li a.active {
  background-color: #202025;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  top: 170px !important;
}

.mCSB_inside > .mCSB_container {
  margin-right: 0 !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent !important;
}

#main-content {
  margin-left: 240px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#main-content.width-100 {
  margin-left: 0;
}

#main-content .wrapper {
  display: inline-block;
  margin-top: 112px;
  padding: 15px;
  width: 100%;
}

footer {
  margin-top: -25px;
  margin-left: 240px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

footer:before, footer:after {
  content: '';
  display: table;
  clear: both !important;
}

footer.width-100 {
  margin-left: 0;
}

footer .panel-body {
  text-align: center;
}

footer .panel-body address {
  display: inline-block;
  margin: 0 25px 0 15px;
}

footer .panel-body address + div {
  display: inline-block;
}

footer .panel-body address + div img {
  width: 25px;
  height: 25px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  cursor: pointer;
}

.form-control {
  margin: 2px 0;
  height: 33px;
  font-size: 12px;
  box-shadow: none;
}

.form-control:hover {
  box-shadow: none;
}

label span {
  display: inline-block;
  margin-top: 2px;
  vertical-align: top;
  font-weight: bold;
}

table th, table td, .table th, .table td {
  vertical-align: middle !important;
  word-wrap: break-word;
}

table th span.rpt, .table th span.rpt {
  margin-left: 5px;
  font-size: 13px;
}

table th div, .table th div {
  white-space: nowrap;
}

table th div label, .table th div label {
  margin-bottom: 0;
}

table td a.preview, .table td a.preview {
  display: block;
  width: 100%;
}

table td a.preview img, .table td a.preview img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
  max-width: 100px;
  max-height: 100px;
}

.table-responsive {
  margin-bottom: 15px !important;
}

.table-responsive table {
  margin-bottom: 5px;
}

.table-hover tr {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.table-editer th, .table-editer td {
  border: none !important;
}

.table-fixed {
  width: 100% !important;
}

.table-fixed .fixed {
  width: initial !important;
}

.fixed {
  position: fixed;
  top: 112px;
  display: none;
  width: initial !important;
  background-color: #eee !important;
  border: none !important;
  z-index: 999;
  overflow: hidden;
}

.fixed tr:hover:first-child,
.fixed tr:hover:first-child th {
  background-color: #eee !important;
}

.fixed th {
  background-color: #eee !important;
  border-color: #eee !important;
}

.rpt {
  color: #ff6600 !important;
}

.bpt {
  color: #48a0dc !important;
}

.gpt {
  color: #aaa !important;
}

.btn-reset {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent !important;
}

.btn {
  font-size: 12px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default .open .dropdown-toggle.btn-primary {
  background-color: #c7cbd6;
  border-color: #c7cbd6;
  color: #fff;
}

.btn-primary {
  background-color: #c7cbd6;
  border-color: #c7cbd6;
  color: #555;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary .open .dropdown-toggle.btn-primary {
  background-color: #b0b5b9;
  border-color: #b0b5b9;
  color: #555;
}

.btn-success {
  background-color: #95b75d;
  border-color: #95b75d;
  color: #fff;
}

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

.btn-info {
  background-color: #57c8f1;
  border-color: #57c8f1;
  color: #fff;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info .open .dropdown-toggle.btn-info {
  background-color: #53bee6;
  border-color: #53bee6;
  color: #fff;
}

.btn-warning {
  background-color: #f3c022;
  border-color: #f3c022;
  color: #fff;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning .open .dropdown-toggle.btn-warning {
  background-color: #e4ba00;
  border-color: #e4ba00;
  color: #fff;
}

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

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger .open .dropdown-toggle.btn-danger {
  background-color: #ec6459;
  border-color: #ec6459;
  color: #fff;
}

.btn:active, .btn.active {
  box-shadow: none;
}

.complete-btn-box {
  margin-bottom: 25px;
  width: 100%;
  text-align: center;
}

.complete-btn-box i {
  margin-right: 5%;
  font-size: 14px;
  vertical-align: middle;
}

.complete-btn-box button span,
.complete-btn-box input[type="button"] span,
.complete-btn-box input[type="submit"] span {
  vertical-align: middle;
}

.modal-btn-box {
  width: 100%;
  text-align: center;
}

.modal-btn-box i {
  margin-right: 5%;
  font-size: 14px;
  vertical-align: middle;
}

.modal-btn-box button span,
.modal-btn-box input[type="button"] span,
.modal-btn-box input[type="submit"] span {
  vertical-align: middle;
}

img[name="HelpPopup"] {
  display: inline-block;
  margin-top: 1px;
  margin-left: 4px;
  width: 15px;
  vertical-align: top;
  cursor: pointer;
}

i.calendar-icon {
  margin-right: 5px;
  font-size: 24px;
  vertical-align: middle;
  color: #fa8564;
}

i.calendar-icon + input[type="text"] + span {
  margin: 0 5px;
  font-size: 20px;
  vertical-align: middle;
}

.search-box button {
  margin: 2px 0;
}

.new-search-box button {
  margin: 2px 0;
}

i.icon {
  display: inline-block;
  width: 17px;
  vertical-align: bottom;
  line-height: 0;
}

i.icon-excel:before {
  content: url("/Content/img/icon/icon-microsoft-excel.svg");
}

i.icon-pdf:before {
  content: url("/Content/img/icon/icon-pdf.svg");
}

i.icon-txt:before {
  content: url("/Content/img/icon/icon-txt.svg");
}

i.icon-zip:before {
  content: url("/Content/img/icon/icon-zip.svg");
}

.btn-default[disabled] {
  background-color: #e5e5e5;
}

.btn-primary[disabled] {
  background-color: #ccc;
  border-color: #c7Cbd6;
  color: #555;
}

.modal-content h3 {
  margin: 0;
}

.modal-body table, .modal-body .table {
  margin-bottom: 0;
}

.modal-body input[type="text"].err-value {
  background-color: #fa8564 !important;
  border-color: #fa8564 !important;
  color: #fff;
}

.modal-body input[type="text"].err-value::placeholder {
  color: #fff !important;
}

.modal-footer > span {
  float: left;
}

.modal-footer > span span {
  display: block;
  margin-right: 5px;
  color: #48a0dc;
  font-weight: bold;
  vertical-align: top;
}

.modal-footer .function-list {
  padding: 6px 8px;
  border-top: 1px solid #ddd;
  background-color: #fafafa;
}

.modal-footer .function-list div.checkbox, .modal-footer .function-list div.radio {
  display: inline-block;
  margin: 0;
}

.modal-footer .function-list div.btn-group button {
  margin-left: -1px;
}

.modal-footer .function-list div.select-group {
  display: inline-block;
}

.modal-footer .function-list button {
  margin: 2px 0;
  height: 33px;
}

.modal-backdrop {
  width: 100%;
  height: 1000%;
}

.alert-dismissable .close, .alert-dismissible .close {
  top: 0;
  right: 0;
}

.modal-open {
  position: relative;
}

.modal-open .ui-widget.ui-datepicker {
  z-index: 2000 !important;
}

.ui-corner-all h3 {
  margin: 0;
}

.pricing-structure-table table td {
  vertical-align: top !important;
}

.pricing-structure-table table .panel-heading {
  border: none !important;
}

.pricing-structure-table table .panel-heading + table tr td:nth-of-type(2) {
  vertical-align: middle !important;
}

.pricing-structure-table table .table-box-cont1 table td:nth-of-type(3) select {
  margin-top: 50px;
}

.price-modify .customer .panel-heading h3 {
  display: block;
}

.price-modify .customer .panel-heading span.checkbox {
  margin-top: 10px;
  margin-bottom: 0;
  vertical-align: middle;
}

.modal-excel-up > div h4 {
  margin-bottom: 15px;
}

.modal-excel-up > div h5 {
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
}

.modal-excel-up > div h5 + button {
  margin-right: 10px;
}

.modal-excel-up > div:nth-of-type(n + 2) {
  margin-top: 25px;
}

.modal-excel-up > div:nth-of-type(1) .radio label:nth-of-type(n + 2) {
  margin-left: 30px;
}

.modal-excel-up > div:nth-of-type(2) .file-box {
  display: inline-block;
  margin-right: 3px;
}

.modal-excel-up > div:nth-of-type(2) .file-info-box {
  display: inline-block;
  vertical-align: middle;
}

.modal-excel-up > div:nth-of-type(2) .file-info-box:after {
  content: '';
  display: table;
  clear: both !important;
}

.modal-excel-up > div:nth-of-type(2) .file-info-box > span:nth-of-type(1) {
  display: flex;
  padding: 6px 10px;
  width: 250px;
  border: 1px solid #ccc;
  border-radius: 4px;
  vertical-align: middle;
}

.modal-excel-up > div:nth-of-type(2) .file-info-box > span:nth-of-type(1) span.file-name {
  flex-grow: 25;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-excel-up > div:nth-of-type(2) .file-info-box > span:nth-of-type(1) span.file-success {
  flex-grow: 0;
  margin: 0 10px;
}

.modal-excel-up > div:nth-of-type(2) .file-info-box > span:nth-of-type(1) span.file-success i {
  color: #88a755;
}

.modal-excel-up > div:nth-of-type(2) .file-info-box > span:nth-of-type(1) button.icon-delete {
  flex-grow: 0;
  padding: 0;
  border: none;
  background: none;
  vertical-align: middle;
}

.modal-excel-up > div:nth-of-type(2) .file-info-box > span.file-err {
  display: flex;
  padding: 6px 10px;
  width: 250px;
  border: 1px solid #ec6459;
  border-radius: 4px;
  background-color: #ec6459;
  color: #fff;
  vertical-align: middle;
}

.modal-excel-up > div:nth-of-type(2) .file-info-box > span.file-err span {
  flex-grow: 50;
}

.modal-excel-up > div:nth-of-type(2) .file-info-box > span.file-err i {
  flex-grow: 1;
  line-height: 1.42857;
  vertical-align: middle;
  text-align: center;
}

.modal-excel-up > div .table-responsive {
  margin-top: 15px;
}

.modal-excel-up > div .table-responsive table {
  max-height: 450px;
  border-top: 0 solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 0 solid #ccc;
  border-left: 0 solid #ccc;
  white-space: nowrap;
  overflow-x: hidden;
}

.modal-excel-up > div .table-responsive table thead th {
  border-top: 1px solid #ddd !important;
}

.modal-excel-up > div .table-responsive table tbody {
  max-height: 450px;
  overflow-x: hidden !important;
}

.modal-excel-up > div .table-responsive table tr th {
  background-color: #eee;
}

.modal-excel-up > div .table-responsive table tr th, .modal-excel-up > div .table-responsive table tr td {
  padding: 5px;
  text-align: center;
  min-width: 120px;
}

.modal-excel-up > div .table-responsive table tr th:first-child, .modal-excel-up > div .table-responsive table tr td:first-child {
  min-width: 24px !important;
}

.modal-excel-up > div .table-responsive table tr.modified-state {
  color: #ff6600;
  font-weight: bold;
}

.modal-excel-up > div .table-responsive table tr.added-state {
  color: #48a0dc;
  font-weight: bold;
}

.modal-excel-up > div .table-responsive .table-err tr th:first-child, .modal-excel-up > div .table-responsive .table-err tr td:first-child {
  min-width: auto !important;
}

.modal-excel-up > div .table-responsive .table-err tr td:last-child {
  width: 510px !important;
}

.modal-discount-setting > div > div {
  margin: 0 20px;
  padding: 15px 0;
}

.modal-discount-setting > div > div:after {
  content: '';
  display: table;
  clear: both !important;
}

.modal-discount-setting > div > div > div {
  align-self: center;
}

.modal-discount-setting > div > div > div.title {
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .modal-discount-setting > div > div > div.title {
    margin-bottom: 15px;
  }
}

.modal-discount-setting > div:nth-of-type(n + 2) > div {
  border-top: 1px solid #e5e5e5;
}

.modal-discount-setting > div.discount-state {
  margin-bottom: -15px;
}

.modal-discount-setting > div.discount-state > div:nth-of-type(2) {
  border-top: 1px solid #e5e5e5;
}

.modal-discount-setting > div.discount-state ul {
  display: flex;
  flex-direction: column;
  max-height: 500px;
  min-height: 500px;
  overflow-x: auto;
}

.modal-discount-setting > div.discount-state ul li {
  padding: 15px 0;
}

.modal-discount-setting > div.discount-state ul li:first-child {
  padding-top: 0;
}

.modal-discount-setting > div.discount-state ul li:first-child div:nth-of-type(2) {
  min-width: 39%;
  max-width: 39%;
}

.modal-discount-setting > div.discount-state ul li:nth-of-type(n + 2) {
  border-top: 1px solid #e5e5e5;
}

.modal-discount-setting > div.discount-state ul li.title {
  font-weight: bold;
}

.modal-discount-setting > div.discount-state ul li div {
  align-self: center;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  word-break: break-all;
}

.modal-discount-setting > div.discount-state ul li div:nth-of-type(1) {
  min-width: 60%;
  max-width: 60%;
}

.modal-discount-setting > div.discount-state ul li div:nth-of-type(2) {
  min-width: 25%;
  max-width: 25%;
}

.modal-discount-setting > div.discount-state ul li div:nth-of-type(3) {
  min-width: 10%;
  max-width: 10%;
}

.modal-discount-setting > div.discount-state ul li div.invalid-amount {
  display: block;
  margin-top: 14px;
  margin-bottom: -6px;
  padding-top: 8px;
  min-width: 100%;
  max-width: 100%;
}

.modal-discount-setting > div.discount-state ul li div input {
  text-align: right;
}

.modal-discount-setting > div.discount-state ul li div span {
  display: block;
}

.modal-discount-setting > div.discount-state ul li div span.no-value {
  color: #b6b6b6;
}

.modal-discount-setting > div.discount-state2 > div > div.title {
  align-self: flex-start;
}

.modal-discount-setting > div.discount-state2 > div > div.col-md-10 > div {
  border: 1px solid #ddd;
}

.modal-discount-setting > div.discount-state2 > div > div.col-md-10 .table-responsive table tr:first-child td span.rpt {
  margin-top: 5px;
}

.modal-discount-setting > div .radio {
  margin: 0;
}

.modal-discount-setting > div .radio label:nth-of-type(1) {
  margin-right: 50px;
}

.modal-discount-setting > div .function-list {
  border-top: 0 solid #ccc;
  border-bottom: 1px solid #ddd;
}

.modal-discount-setting > div .function-list input[type="text"] {
  width: 95px;
}

@media screen and (max-width: 768px) {
  .modal-discount-setting > div .function-list input[type="text"] {
    width: 100%;
  }
  .modal-discount-setting > div .function-list .select-group {
    margin-bottom: 5px;
    width: 100%;
    white-space: normal;
  }
  .modal-discount-setting > div .function-list .select-group select {
    margin-bottom: -1px;
    width: 100%;
    border-radius: 4px 4px 0 0;
  }
  .modal-discount-setting > div .function-list .select-group input {
    width: 100%;
    border-radius: 0 0 4px 4px;
  }
}

.modal-discount-setting > div div.table-responsive {
  margin-bottom: 0 !important;
  max-height: 500px;
  min-height: 500px;
}

.modal-discount-setting > div div.table-responsive table {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.modal-discount-setting > div div.table-responsive table tr th, .modal-discount-setting > div div.table-responsive table tr td {
  text-align: center;
}

.modal-discount-setting > div div.table-responsive table tr th select {
  border: none;
  cursor: pointer;
}

.modal-discount-setting > div div.table-responsive table tr td input[type="text"] {
  margin: 0 auto;
  width: 70px;
}

.modal-discount-setting > div div.table-responsive table tr td span {
  display: block;
}

.modal-discount-setting > div div.table-responsive table tr td span.no-value {
  color: #b6b6b6;
}

.modal-discount-setting > div div.table-responsive table + div {
  margin-top: 10px;
  margin-right: 20px;
}

.modal-discount-setting > div div.table-responsive table + div button i {
  vertical-align: middle;
}

.modal-discount-setting > div div.table-responsive table + div button span {
  font-weight: bold;
}

.ui-dialog span.itemMemo {
  display: block;
  padding: 15px !important;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list {
  padding-right: 15px;
  width: 100%;
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list ul.list-group {
  margin-bottom: 10px;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list ul.list-group .list-group {
  margin-bottom: 0;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list ul:after {
  content: '';
  display: table;
  clear: both !important;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list ul li.list-group-item {
  padding: 5px 15px;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list ul li.title span.toggleButton {
  display: none;
  cursor: pointer;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list ul li span {
  display: inline-block;
  vertical-align: middle;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list ul li span.checkbox {
  float: right;
  margin: 0;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list ul li span.checkbox label {
  margin: 0;
  vertical-align: middle;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list ul.toggleSub > li.title > span.toggleButton {
  display: inline-block;
  background-position: -64px -16px;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list ul.toggleSub li.item ul li.title {
  margin-left: 20px;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list ul.toggleSub li.item ul li.item {
  margin-left: 20px;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list ul.toggleSub li.item ul li.item .title {
  margin-left: 40px;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list ul.toggleSub.toggleHide > li.title > span.toggleButton {
  background-position: -32px -16px;
}

.data-trouble-div .data-trouble-contents .data-trouble-contents-list ul.toggleSub.toggleHide li.item {
  display: none;
}

ul.data-trouble-contents-list li {
  display: inline-block;
  margin: 2px 5px;
}

ul.data-trouble-contents-list li.title span:first-child {
  cursor: pointer;
}

.data-trouble-contens-view .panel-heading > div {
  margin-bottom: 15px;
}

.data-trouble-contens-view .panel-body {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.data-trouble-contens-view .panel-body table {
  margin-bottom: 0;
}

.same-delivery .panel-body {
  padding: 0 15px;
}

.same-delivery h3 {
  margin: 0;
}

.same-delivery .title ul li.active a {
  background-color: #eee;
}

.same-delivery .modal-body div.title {
  margin-bottom: 15px;
}

.same-delivery .modal-body div.title ul li {
  width: 50%;
}

.same-delivery .modal-body div.title ul li a {
  text-align: center;
  cursor: pointer;
  border: 1px solid #eee;
}

.same-delivery .modal-body div.help > div:first-child {
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
}

.same-delivery .modal-body div.help > div:first-child h4 {
  display: inline-block;
  margin: 0;
  font-weight: bold;
}

.same-delivery .modal-body div.help ul {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: left;
}

.same-delivery .modal-body div.help ul li {
  margin-bottom: 10px;
}

.same-delivery .modal-body div.help ul li span {
  display: block;
  margin-left: 5px;
}

.same-delivery .modal-body div.help ul li:last-child {
  margin: 0;
}

.same-delivery .modal-body .same-delivery-list {
  margin-top: 10px;
}

.same-delivery .modal-body .same-delivery-list:after {
  content: '';
  display: table;
  clear: both !important;
}

.same-delivery .modal-body .same-delivery-list .box {
  float: left;
  width: 50%;
  border-top: #eee solid #ccc;
}

.same-delivery .modal-body .same-delivery-list .box h3 {
  margin-bottom: 15px;
  text-align: center;
  vertical-align: middle;
}

.same-delivery .modal-body .same-delivery-list .box h3:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 13px;
  height: 13px;
}

.same-delivery .modal-body .same-delivery-list .box ul {
  display: block;
  width: 100%;
  height: 314px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  overflow-y: scroll;
  overflow-x: hidden;
}

.same-delivery .modal-body .same-delivery-list .box ul li {
  position: relative;
  display: block;
  border-bottom: 1px solid #ccc;
  text-align: left;
}

.same-delivery .modal-body .same-delivery-list .box ul li > button span {
  display: none;
}

.same-delivery .modal-body .same-delivery-list .box ul li > button + div {
  margin-left: 41px;
  padding: 8px 0 5px 10px;
  width: auto;
  height: 94px;
  line-height: 1.5;
  border-left: 1px solid #ccc;
  overflow-y: auto;
}

.same-delivery .modal-body .same-delivery-list .box ul li > button + div .divordnum {
  font-weight: bold;
}

.same-delivery .modal-body .same-delivery-list .box ul li > button + div .divordnum + div {
  max-width: 700px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.same-delivery .modal-body .same-delivery-list .box ul li > button + div span {
  display: inline-block;
  margin-right: 1px;
  padding: 0 5px;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #777;
  vertical-align: middle;
}

.same-delivery .modal-body .same-delivery-list .box ul li > button + div span.modalPriceInfo {
  background-color: #ddd;
  cursor: pointer;
}

.same-delivery .modal-body .same-delivery-list .box.add h3:before {
  background-color: #4585f3;
}

.same-delivery .modal-body .same-delivery-list .box.add ul li.blank {
  margin-top: 140px;
  padding-left: 130px;
  border: none;
}

.same-delivery .modal-body .same-delivery-list .box.add ul li.blank > span {
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  border: none;
  text-align: left;
}

.same-delivery .modal-body .same-delivery-list .box.add ul li.blank > span:nth-of-type(1):before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -2px;
  width: 13px;
  height: 13px;
  background-color: #a1dc55;
  vertical-align: middle;
}

.same-delivery .modal-body .same-delivery-list .box.add ul li.blank > span:nth-of-type(2):before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -2px;
  width: 13px;
  height: 13px;
  background-color: #4585f3;
  vertical-align: middle;
}

.same-delivery .modal-body .same-delivery-list .box.add ul li.blank > span span {
  margin: 0 10px;
}

.same-delivery .modal-body .same-delivery-list .box.add ul li > button {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  width: 41px;
  height: 94px;
  border: none;
  border-left: 1px solid #ccc;
  background: transparent url("//www.adprint.jp/img/mypage/samedelivery-select-x.png") no-repeat;
  background-position: 50% 50%;
}

.same-delivery .modal-body .same-delivery-list .box.add ul li > button + div {
  margin-left: 0;
}

.same-delivery .modal-body .same-delivery-list .box.ready h3:before {
  background-color: #a1dc55;
}

.same-delivery .modal-body .same-delivery-list .box.ready ul li > button {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  margin: 0;
  padding: 0 5px 0 0;
  width: 41px;
  height: 94px;
  border: none;
  background: transparent url("//www.adprint.jp/img/mypage/samedelivery-select-arrow.png") no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
}

.same-delivery .modal-footer .info:after {
  content: '';
  display: table;
  clear: both !important;
}

.same-delivery .modal-footer .info div:first-child {
  padding: 10px;
  text-align: center;
  background-color: #eee;
}

.same-delivery .modal-footer .info div:first-child h4 {
  margin: 0;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.same-delivery .modal-footer .info > div:first-child + div.samedelivery-payfor {
  text-align: center;
}

.same-delivery .modal-footer .info > div:first-child + div.samedelivery-payfor span {
  float: none;
}

.same-delivery .modal-footer .info .samedelivery-payfor {
  float: left;
  margin: 15px 0;
  width: 50%;
}

.same-delivery .modal-footer .info .samedelivery-payfor ul:after {
  content: '';
  display: table;
  clear: both !important;
}

.same-delivery .modal-footer .info .samedelivery-payfor ul li {
  float: left;
  display: block;
  padding: 0 25%;
  width: 100%;
}

.same-delivery .modal-footer .info .samedelivery-payfor span {
  float: left;
  font-weight: bold;
}

.same-delivery .modal-footer .info .samedelivery-payfor span.refundAmt {
  margin-left: 10px;
  color: #f33;
  font-weight: normal;
}

.same-delivery .modal-footer .info .samedelivery-payfor span.refundAmt:after {
  content: '円';
  display: inline-block;
}

.same-delivery .modal-footer .info .samedelivery-payfor span.price {
  float: right;
  color: #f33;
  font-weight: normal;
}

.same-delivery .modal-footer .info .samedelivery-payfor span.price:after {
  content: '円';
  display: inline-block;
}

.same-delivery .complete-list h4 {
  margin: 15px 0;
  font-weight: bold;
  text-align: center;
}

.same-delivery .complete-list > ul {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  height: 320px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  overflow-x: hidden;
  overflow-y: auto;
}

.same-delivery .complete-list > ul:after {
  content: '';
  display: table;
  clear: both !important;
}

.same-delivery .complete-list > ul li {
  display: block;
  padding: 10px 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.same-delivery .complete-list > ul li > div {
  display: inline-block;
  vertical-align: middle;
}

.same-delivery .complete-list > ul li > div:first-child {
  width: 20%;
  text-align: center;
}

.same-delivery .complete-list > ul li > div:first-child span {
  display: block;
  font-weight: bold;
}

.same-delivery .complete-list > ul li > div:nth-of-type(2) {
  width: 45%;
}

.same-delivery .complete-list > ul li > div:nth-of-type(3) {
  max-width: 400px;
  width: 20%;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.same-delivery .complete-list > ul li > div:nth-of-type(3) span {
  display: block;
  font-weight: bold;
  color: #f33;
}

.same-delivery .complete-list > ul li > div:nth-of-type(3) span:after {
  content: "円";
  display: inline;
}

.same-delivery .complete-list > ul li > div:nth-of-type(4) {
  width: 13%;
  text-align: center;
}

.same-delivery .complete-list > ul li > div:nth-of-type(4) button {
  display: inline;
}

.same-delivery .complete-list > ul li > div:nth-of-type(5) {
  display: block;
}

.same-delivery .complete-list > ul li > div:nth-of-type(5) ul li {
  margin-bottom: -1px;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
}

.same-delivery .complete-list > ul li > div:nth-of-type(5) ul li:first-child {
  margin-top: 10px;
}

.same-delivery .complete-list > ul li > div:nth-of-type(5) ul li > button {
  display: inline-block;
  margin-left: 6%;
  width: 3%;
  font-size: 13px;
}

.same-delivery .complete-list > ul li > div:nth-of-type(5) ul li > button span {
  display: inline;
  margin: 0;
  padding: 0;
  color: #fff;
  border: 0 solid #ccc;
}

.same-delivery .complete-list > ul li > div:nth-of-type(5) ul li > div {
  margin: 0 5% 0 5%;
  width: 90%;
}

.same-delivery .complete-list > ul li > div:nth-of-type(5) ul li .divordnum {
  font-weight: bold;
}

.same-delivery .complete-list > ul li > div:nth-of-type(5) ul li .divordnum button {
  cursor: pointer;
  border: 0 solid #ccc;
  border-radius: 2px;
  color: #666;
  background-color: #e6e6e6;
}

.same-delivery .complete-list > ul li > div:nth-of-type(5) ul li .divordnum + div {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.same-delivery .complete-list > ul li > div:nth-of-type(5) ul li span {
  display: inline-block;
  margin: 5px 1px 5px 0;
  padding: 0 5px;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #777;
  font-size: 12px;
  vertical-align: middle;
}

.same-delivery .complete-list > ul li > div:nth-of-type(5) ul li span:nth-of-type(4) {
  cursor: pointer;
}

.same-delivery .complete-list > ul li > div:nth-of-type(5) ul li span.modalPriceInfo {
  background-color: #ddd;
  cursor: pointer;
}

.same-delivery .complete-list > ul li > div:nth-of-type(6) {
  margin-top: 10px;
  width: 100%;
  text-align: center;
}

.cupon-modal > form table tr:last-child td div.show-grid + div {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.customer-list-modal > div {
  margin-bottom: 10px;
}

.customer-list-modal > div div.checkbox, .customer-list-modal > div div.radio {
  margin: 0;
}

.customer-list-modal > div div.checkbox {
  display: inline-block;
  vertical-align: middle;
}

.customer-list-modal > div div.checkbox label {
  margin-right: 10px;
}

.customer-list-modal > div small.rpt {
  font-size: 1.07143rem;
  font-weight: bold;
  vertical-align: middle;
}

.customer-list-modal table tr:nth-of-type(1) td input[type="text"] {
  width: 500px;
}

.customer-list-modal table tr:nth-of-type(1) td .receiver-list-modal {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.customer-list-modal table tr:nth-of-type(1) td .receiver-list-modal > div.form-inline {
  margin-bottom: 10px;
}

.customer-list-modal table tr:nth-of-type(1) td .receiver-list-modal > div.form-inline input[type="text"] {
  width: auto;
}

.customer-list-modal table tr:nth-of-type(1) td .receiver-list-modal > div.form-inline button.btn-danger {
  float: right;
}

.customer-list-modal table tr:nth-of-type(1) td .receiver-list-modal > div.form-inline + div {
  max-height: 150px;
  overflow: hidden;
  overflow-y: auto;
}

.customer-list-modal table tr:nth-of-type(1) td .receiver-list-modal > div.form-inline + div table tr th {
  background-color: #f8f8f8;
  border-bottom: 2px solid #ddd !important;
}

.customer-list-modal table tr:nth-of-type(1) td .receiver-list-modal > div.form-inline + div table tr th:nth-of-type(1) {
  width: 20px;
}

.customer-list-modal table tr:nth-of-type(1) td .receiver-list-modal > div.form-inline + div table tr th, .customer-list-modal table tr:nth-of-type(1) td .receiver-list-modal > div.form-inline + div table tr td {
  padding: 2px;
  vertical-align: middle !important;
  text-align: center;
  border-top: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
}

.customer-list-modal table tr:nth-of-type(3) th {
  vertical-align: top !important;
}

.customer-list-modal table tr th, .customer-list-modal table tr td {
  border: none !important;
}

.customer-list-modal table tr th {
  width: 100px;
}

.user-history .panel {
  margin-bottom: 0;
}

.user-history .panel h2, .user-history .panel h3 {
  margin: 0;
}

.user-history .panel .panel-heading {
  border-bottom: 3px solid #eff2f7;
}

.user-history .panel .panel-body > div:first-child div.radio {
  display: inline-block;
  margin: 0 13px 0 0;
  padding-right: 13px;
  border-right: 2px solid #ddd;
  line-height: 1.2;
}

.user-history .panel .panel-body > div:first-child div.radio > span {
  margin-right: 5px;
  font-weight: bold;
}

.user-history .panel .panel-body > div:first-child div.radio label {
  vertical-align: middle;
}

.user-history .panel .panel-body > div:first-child div.radio label:nth-of-type(1) {
  margin-right: 10px;
}

.user-history .panel .panel-body > div:first-child div.radio label input {
  margin-top: 3px;
}

.user-history .panel .panel-body > div:first-child .switch-set {
  display: inline-block;
}

.user-history .panel .panel-body > div:first-child .switch-set:after {
  content: '';
  display: table;
  clear: both !important;
}

.user-history .panel .panel-body > div:first-child .switch-set > span {
  margin-right: 5px;
  font-weight: bold;
}

.user-history .panel .panel-body > div:first-child .switch-set > label {
  margin-bottom: 0;
}

.user-history .panel .panel-body table.notice-history-table tbody + tbody {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.user-history .panel .panel-body table.notice-history-table tr {
  -webkit-transition: inherit;
  -moz-transition: all .0s ease-in-out;
  -o-transition: all .0s ease-in-out;
  transition: all .0s ease-in-out;
}

.user-history .panel .panel-body table.notice-history-table tr td, .user-history .panel .panel-body table.notice-history-table tr th {
  text-align: center;
}

.user-history .panel .panel-body table.notice-history-table tr th {
  border-top: 2px solid #ccc;
}

.user-history .panel .panel-body table.notice-history-table tr td i {
  font-size: 1.42857rem;
}

.user-history .panel .panel-body table.notice-history-table tr td i.fa-sort-asc {
  vertical-align: bottom;
}

.user-history .panel .panel-body table.notice-history-table tr td i.fa-sort-desc {
  vertical-align: top;
}

.user-history .panel .panel-body table.notice-history-table tr.content {
  background-color: #f9f9f9;
}

.user-history .panel .panel-body table.notice-history-table tr.content td {
  padding: 30px 70px 0 70px;
  text-align: left;
  overflow: hidden;
}

.user-history .panel .panel-body table.notice-history-table tr.content td > div:first-child {
  margin-bottom: 20px;
}

.user-history .panel .panel-body table.notice-history-table tr.content td > div:first-child img {
  max-width: 70%;
}

.user-history .panel .panel-body .user-id {
  margin-bottom: 15px;
  padding: 10px;
  background-color: #eff2f7;
  border-radius: 5px;
}

.user-history .panel .panel-body .user-id h2 span:first-child {
  margin-right: 15px;
}

.user-history .panel .panel-body .user-id + div .userView {
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.user-history .panel .panel-body .user-id + div .userView:after {
  content: '';
  display: table;
  clear: both !important;
}

.user-history .panel .panel-body .list-group .on {
  background-color: #EFF2F7;
}

.user-history .panel .panel-body .conBox #divChkboxArea .checkbox {
  display: inline-block;
  margin: 0 15px 15px 0;
  vertical-align: top;
}

@media screen and (max-width: 960px) {
  .ui-widget {
    width: 100% !important;
  }
  .ui-widget-overlay {
    width: 100% !important;
  }
}

.scroll-top {
  position: fixed;
  left: 96%;
  top: 94%;
  width: 38px;
  height: 38px;
  background-color: #1fb5ad;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  z-index: 9001;
  cursor: pointer;
}

.scroll-top div {
  position: relative;
  display: block;
  line-height: 1.8;
  font-size: 20px;
  text-align: center;
  color: #fff;
  z-index: 9002;
  cursor: pointer;
}

.pagination {
  content: '';
  display: table;
  clear: both !important;
  display: inline-block;
  margin: 0;
}

.pagination > li > a,
.pagination > li > span {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  color: #777;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span:hover, .pagination > .active > span:focus {
  background-color: #e5e5e5;
  border: 1px solid #ddd;
  color: #777;
}

.page_moving .btn-group:after {
  content: '';
  display: table;
  clear: both !important;
}

.page_moving .btn-group input[type="button"] {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  display: inline;
  color: #23527c;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  line-height: 1.42857;
}

.page_moving .btn-group input[type="button"].active {
  background-color: #e5e5e5;
}

.goods-item-img img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
  max-width: 85px;
  max-height: 85px;
}

.cursor-none {
  cursor: default !important;
}

.badge {
  padding: 2px 7px;
  background-color: #999;
  font-size: 10px;
  vertical-align: middle;
}

.alert {
  padding: 10px;
  margin-bottom: 10px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 0 0 black;
}

.dropdown-menu {
  min-width: 150px;
  font-size: 12px;
}

p#preview img {
  max-width: 500px !important;
  max-height: 500px !important;
}

.btn-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
  vertical-align: middle;
}

.btn-switch .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.btn-switch .slider:before {
  content: '';
  position: absolute;
  left: 4px;
  bottom: 4px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}

.btn-switch .slider:after {
  content: "OFF";
  position: absolute;
  top: 5px;
  right: 8px;
  display: block;
  font-size: 10px;
  color: #fff;
}

.btn-switch .slider.round {
  border-radius: 50px;
}

.btn-switch .slider.round:before {
  border-radius: 50%;
}

.btn-switch.disabled {
  cursor: not-allowed !important;
}

.btn-switch.disabled .slider {
  cursor: not-allowed !important;
}

.btn-switch.disabled input + .slider {
  background-color: rgba(204, 204, 204, 0.5) !important;
}

.btn-switch.disabled input[checked="checked"] + .slider {
  background-color: rgba(33, 150, 243, 0.3) !important;
}

.btn-switch input {
  display: none;
}

.btn-switch input:checked + .slider {
  background-color: #2196f3;
}

.btn-switch input:checked + .slider:after {
  content: "ON";
  right: 25px;
}

.btn-switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.btn-switch input:hover ~ label,
.btn-switch input:focus ~ label,
.btn-switch input:active ~ label,
.btn-switch input:checked ~ label {
  background-position: -75px -119px !important;
}

.btn-switch label {
  position: relative;
  float: right !important;
  z-index: 8;
  display: block !important;
  margin: 0 2px 0 0 !important;
  padding: 0 !important;
  width: 22px !important;
  height: 22px !important;
  background: url("../img/dmy-icon.png") no-repeat -48px -119px !important;
}

.btn-switch label span {
  display: none !important;
}

.light-theme {
  -webkit-animation-name: example;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 0s;
  animation-name: example;
  animation-duration: 2s;
  animation-delay: 0s;
}

@keyframes example {
  0% {
    background-color: #eee;
  }
  100% {
    background-color: transparent !important;
  }
}

.rating {
  display: inline-block;
  height: 24px;
  vertical-align: middle;
}

.rating .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.rating .slider:before {
  content: '';
  position: absolute;
  left: 4px;
  bottom: 4px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}

.rating .slider:after {
  content: "OFF";
  position: absolute;
  top: 5px;
  right: 8px;
  display: block;
  font-size: 10px;
  color: #fff;
}

.rating .slider.round {
  border-radius: 50px;
}

.rating .slider.round:before {
  border-radius: 50%;
}

.rating.disabled {
  cursor: not-allowed !important;
}

.rating.disabled .slider {
  cursor: not-allowed !important;
}

.rating.disabled input + .slider {
  background-color: rgba(204, 204, 204, 0.5) !important;
}

.rating.disabled input[checked="checked"] + .slider {
  background-color: rgba(33, 150, 243, 0.3) !important;
}

.rating input {
  display: none;
}

.rating input:checked + .slider {
  background-color: #2196f3;
}

.rating input:checked + .slider:after {
  content: "ON";
  right: 25px;
}

.rating input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.rating input:hover ~ label,
.rating input:focus ~ label,
.rating input:active ~ label,
.rating input:checked ~ label {
  background-position: -75px -119px !important;
}

.rating label {
  position: relative;
  float: right !important;
  z-index: 8;
  display: block !important;
  margin: 0 2px 0 0 !important;
  padding: 0 !important;
  width: 22px !important;
  height: 22px !important;
  background: url("../../img/dmy-icon.png") no-repeat -48px -119px !important;
}

.rating label span {
  display: none !important;
}

.new-search-box hr {
  margin: 0 -15px;
  border-top: 1px solid #ddd;
}

.new-search-box button {
  margin: 2px 0;
}

.new-search-box .search-box-title {
  padding: 15px 15px;
  background-color: #fafafa;
  border-top: 1px solid #ddd;
}

.new-search-box .search-box-title h3 {
  display: inline-block;
  margin: 0;
  margin-right: 15px;
  vertical-align: middle;
}

.new-search-box .search-box-title .form-control {
  margin-top: -8px;
  margin-bottom: -8px;
}

.new-search-box .search-box-body > div {
  padding: 8px 15px;
  margin-bottom: 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.new-search-box .search-box-body > div:nth-of-type(n + 2) {
  margin-top: -16px;
}

.new-search-box .search-box-body > div b.search-box-body-title {
  display: inline-block;
  width: 102px;
  max-width: 102px;
  min-width: 102px;
  vertical-align: middle;
}

.new-search-box .search-box-body > div > label {
  margin-right: 10px;
  margin-bottom: 0;
  vertical-align: middle;
}

.new-search-box .search-box-body > div > label:nth-of-type(n + 2) {
  margin-left: 20px;
}

.new-search-box .search-box-body > div > label span {
  vertical-align: middle;
}

.new-search-box .search-box-body > div div {
  display: inline-block;
}

.new-search-box .search-box-body > div div select, .new-search-box .search-box-body > div div input[type="text"] {
  margin: 0 2px 0 2px;
}

.new-search-box .search-box-body > div div.radio, .new-search-box .search-box-body > div div.checkbox {
  margin: 0;
  padding-top: 0;
}

.new-search-box .search-box-body > div div.radio label, .new-search-box .search-box-body > div div.checkbox label {
  vertical-align: middle;
}

.new-search-box .search-box-body > div div.radio label:nth-of-type(n + 2), .new-search-box .search-box-body > div div.checkbox label:nth-of-type(n + 2) {
  margin-left: 10px;
}

@media screen and (max-width: 960px) {
  .new-search-box .search-box-body > div b.search-box-body-title {
    margin-top: 5px;
    vertical-align: top;
  }
  .new-search-box .search-box-body > div div select, .new-search-box .search-box-body > div div input[type="text"] {
    margin: 2px 0px;
  }
}

@media screen and (max-width: 768px) {
  .new-search-box .search-box-title h3 {
    display: block;
  }
  .new-search-box .search-box-title h3 + .form-control {
    margin-top: 10px;
  }
  .new-search-box .search-box-title .form-control {
    margin: 0;
  }
  .new-search-box .search-box-body > div b.search-box-body-title {
    margin-bottom: 10px;
    vertical-align: top;
  }
  .new-search-box .search-box-body > div div {
    display: block;
  }
}

.function-list {
  padding: 6px 8px;
  border-top: 1px solid #ddd;
  background-color: #fafafa;
}

.function-list div.checkbox, .function-list div.radio {
  display: inline-block;
  margin: 0;
}

.function-list div.btn-group button {
  margin-left: -1px;
}

.function-list button {
  margin: 2px 0;
  height: 33px;
}

.select-list-box {
  border-bottom: 1px solid #ddd;
}

.select-list-box .select-list-box-title {
  margin-bottom: 15px;
  padding: 15px 15px;
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.select-list-box .select-list-box-title h3 {
  display: inline-block;
  margin: 0;
  margin-right: 15px;
  vertical-align: middle;
}

.select-list-box .select-list-box-body {
  margin-bottom: 15px;
  padding: 8px 15px;
  font-size: 1.21429rem;
}

.select-list-box .select-list-box-body > div {
  display: inline-block;
  margin-left: -2px;
  margin-right: -2px;
  width: calc(100% / 3);
  height: 150px;
  max-height: 150px;
  border: 1px solid #ddd;
  overflow: hidden;
  overflow-y: auto;
}

.select-list-box .select-list-box-body > div:nth-of-type(3) {
  margin-left: -3px;
}

.select-list-box .select-list-box-body > div span.title {
  display: block;
  padding: 10px 15px;
  vertical-align: middle;
}

.select-list-box .select-list-box-body > div span.active {
  background-color: #f4f4f4;
}

.select-list-box .select-list-box-body > div ul li {
  display: block;
  padding: 10px 15px;
  cursor: pointer;
}

.select-list-box .select-list-box-body > div ul li:hover {
  background-color: #f4f4f4;
}

.select-list-box .select-list-box-body > div ul li.active {
  background-color: #f4f4f4;
}

.select-list-box .select-list-box-body > div ul li span {
  display: inline-block;
  width: 90%;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select-list-box .select-list-box-body > div ul li i {
  float: right;
  display: inline-block;
  margin-top: 3px;
}

.select-list-box .select-list-box-body > div ul li.no-status a {
  color: #767676;
}

.select-list-box .select-list-box-body > div ul li.no-status a span {
  display: inline-block;
  width: auto;
  white-space: normal;
}

@media screen and (max-width: 768px) {
  .select-list-box .select-list-box-body > div {
    display: block;
    margin: 10px 0 0 0 !important;
    width: 100%;
    height: 115px;
    max-height: 115px;
  }
}

.modal-in-table .area {
  display: table;
  width: 33.3%;
  max-width: 222px;
  float: left;
  min-height: 165px;
  border-top: 2px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.modal-in-table .area.half {
  width: 50%;
  max-width: 328px;
}

.modal-in-table .area:last-child {
  border-right: 0 solid #ccc;
}

.modal-in-table .area .title-area {
  display: table-row;
  height: 60px;
}

.modal-in-table .area .title-area .title {
  background-color: #f5f5f5;
  font-weight: bold;
  padding: 5px 15px 5px 15px;
}

.modal-in-table .area .title-area .price {
  float: right;
  font-weight: bold;
  font-size: 16px;
  margin-right: 20px;
  min-height: 22px;
}

.modal-in-table .area .detail-area {
  display: inline-block;
  width: 90%;
  min-height: 132px;
  background-color: #f5f5f5;
  margin-left: 5%;
  margin-bottom: 5px;
  padding: 10px 0 10px 0;
}

.modal-in-table .area .detail-area .row {
  width: 90%;
  margin-left: 5%;
  padding: 2px 0 2px 0;
}

.modal-in-table .area .detail-area .row span {
  float: right;
}

.modal-in-table .area .detail-area .row span:first-child {
  float: left;
}

.modal-in-table .area .detail-area .row span.minus {
  float: left;
}

.modal-in-table .area .detail-area .row .coupon-area > div:after {
  clear: both;
  content: '';
  display: block;
}

.modal-in-table .circle {
  position: relative;
  top: 3px;
  left: 212px;
  background-color: #ddd;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 15px;
  font-size: 19px;
  line-height: 20px;
}

.modal-in-table .circle.half {
  left: 318px;
}

@media screen and (max-width: 991px) {
  .modal-in-table .circle {
    top: 165px;
    left: 50%;
  }
  .modal-in-table .circle.half {
    left: 50%;
  }
  .modal-in-table .area {
    width: 100%;
    max-width: none;
    border: 1px solid #ddd;
  }
  .modal-in-table .area.half {
    width: 100%;
    max-width: none;
  }
  .modal-in-table .area.half:last-child {
    border-right: 1px solid #ddd;
    float: none;
    height: 50px;
    display: table-cell;
    width: 500px;
  }
  .modal-in-table .area.half:last-child .title-area {
    width: 100%;
    display: block;
  }
  .modal-in-table .area.half:last-child .title-area .title {
    float: left;
    background: none;
    margin-top: 15px;
  }
  .modal-in-table .area.half:last-child .title-area .price {
    float: right;
    margin-top: 15px;
  }
}

.balance-account-box .balance-account-box-title {
  font-size: 17px;
  font-weight: bold;
  padding-left: 10px;
  color: #000;
}

.balance-account-box .balance-account-box-body {
  margin-top: 15px;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-title {
  display: block;
  padding-left: 10px;
  font-size: 17px;
  color: #000;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content {
  margin-top: 10px;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab {
  margin-top: 10px;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  border-left: 0 solid #ccc;
  border-right: 0 solid #ccc;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .balance-account-tab-name .balance-account-nav {
  padding: 0;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 4px 0px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 4px 0px 0 rgba(0, 0, 0, 0.05);
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .balance-account-tab-name .balance-account-nav li {
  width: 180px;
  margin: 0 5px;
  border-top: 0 solid #ccc;
  border-left: 0 solid #ccc;
  border-right: 0 solid #ccc;
}

@media screen and (max-width: 768px) {
  .balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .balance-account-tab-name .balance-account-nav li {
    width: 29%;
  }
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .balance-account-tab-name .balance-account-nav li.ui-tabs-active {
  border-bottom: 3px solid #767676;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .balance-account-tab-name .balance-account-nav li a {
  display: block;
  padding: 0 0;
  color: #767676;
  cursor: pointer;
  float: unset;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .balance-account-tab-name .balance-account-nav li a:hover, .balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .balance-account-tab-name .balance-account-nav li a:active, .balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .balance-account-tab-name .balance-account-nav li a:visited, .balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .balance-account-tab-name .balance-account-nav li a:focus, .balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .balance-account-tab-name .balance-account-nav li a:focus-within {
  color: #767676;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .balance-account-tab-name .balance-account-nav li a h4 {
  font-weight: bold;
  text-align: center;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .detailed-date {
  padding: 0;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .detailed-date .detailed-date-box {
  padding: 1.4em;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .detailed-date .detailed-date-box ul li button {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #9E9E9E;
  font-weight: bold;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .detailed-date .detailed-date-box ul li button.active {
  background-color: #968B8D;
  color: #fff;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .detailed-date .detailed-date-box ul li button:disabled, .balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .detailed-date .detailed-date-box ul li button[disabled] {
  background-color: #eee;
  color: #aeb2b7;
  border: 1px solid #eee;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .detailed-date .detailed-date-box .detailed-Month .list-inline li {
  margin-top: 10px;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .detailed-duration {
  padding: 1.5em 1.4em 2.3em 1.4em;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .detailed-OrderNumber {
  padding: 1.5em 1.4em 2.3em 1.4em;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .detailed-OrderNumber .detailed-OrderNumber-box .input-order-number {
  width: 200px;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .detailed-OrderNumber .detailed-OrderNumber-box .input-order-number input {
  width: 100%;
}

.balance-account-box .balance-account-box-body .balance-account-box-body-content .balance-account-tab .detailed-OrderNumber .detailed-OrderNumber-box .attention b {
  font-size: 13px;
}

.balance-account-box .balance-account-box-body .detail-calculation-data thead th {
  padding: 8px;
  text-align: center;
  background-color: #eee !important;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
}

.balance-account-box .balance-account-box-body .detail-calculation-data tbody tr td {
  padding: 8px;
  text-align: center;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.balance-account-box .balance-account-box-body .detail-calculation-data tbody tr td:last-child {
  border-right: 0 solid #ccc;
}

.balance-account-box .balance-account-box-body .detail-calculation-data tbody tr td:nth-child(2) p {
  display: inline-block;
  text-decoration: underline;
}

.balance-account-box .balance-account-box-body .detail-calculation-data tbody tr:first-child td {
  background-color: #eee !important;
}

.balance-account-box .balance-account-box-body .detail-calculation-data tbody:nth-child(2) tr:first-child td {
  background-color: #fff !important;
}

.balance-account-box .balance-account-box-body .detail-calculation-data > tbody + tbody {
  border-top: 1px solid #ddd;
}

.balance-account-box .initialization {
  background-color: #fff;
  border: 1px solid #ccc;
  margin-left: 10px;
  font-weight: bold;
}

.balance-account-box .initialization:hover {
  border: 1px solid #333;
}

.balance-account-box .account-price {
  display: block;
  text-decoration: underline;
  color: #4a90e2;
}

.balance-account-box .completion {
  display: block;
  text-decoration: underline;
  color: #4a90e2;
}

.balance-account-box .no-completion {
  display: block;
  text-decoration: underline;
  color: #ff4977;
}

.balance-account-box .complete-btn-box {
  padding-top: 20px;
}

@media screen and (max-width: 960px) {
  .balance-account-box .complete-btn-box {
    margin-top: 0 !important;
  }
}

.balance-account-box .balance-account-detailed .table tr th {
  border-bottom: 1px solid #ddd;
  background-color: #eee !important;
  text-align: center;
}

.balance-account-box .balance-account-detailed .table tr td {
  text-align: center;
}

.balance-account-box .page_moving {
  text-align: center;
}

.balance-account-box .ui-widget {
  z-index: 1000 !important;
}

.balance-account-box .ui-corner-all, .balance-account-box .ui-corner-top, .balance-account-box .ui-corner-right, .balance-account-box .ui-corner-tr,
.balance-account-box .ui-corner-all, .balance-account-box .ui-corner-top, .balance-account-box .ui-corner-left, .balance-account-box .ui-corner-tl,
.balance-account-box .ui-corner-all, .balance-account-box .ui-corner-bottom, .balance-account-box .ui-corner-right, .balance-account-box .ui-corner-br,
.balance-account-box .ui-corner-all, .balance-account-box .ui-corner-bottom, .balance-account-box .ui-corner-left, .balance-account-box .ui-corner-bl {
  -moz-border-radius-bottomleft: unset;
  -webkit-border-bottom-left-radius: unset;
  -khtml-border-bottom-left-radius: unset;
  border-bottom-left-radius: unset;
  -moz-border-radius-bottomright: unset;
  -webkit-border-bottom-right-radius: unset;
  -khtml-border-bottom-right-radius: unset;
  border-bottom-right-radius: unset;
  -moz-border-radius-topright: unset;
  -webkit-border-top-right-radius: unset;
  -khtml-border-top-right-radius: unset;
  border-top-right-radius: unset;
  -moz-border-radius-topleft: unset;
  -webkit-border-top-left-radius: unset;
  -khtml-border-top-left-radius: unset;
  border-top-left-radius: unset;
}

.nomal-notice-list table th, .nomal-notice-list table td {
  word-break: break-all;
}

.nomal-notice-list table.listTable td a.active {
  padding: 0;
  border: none;
}

.nomal-notice-list table.listTable td a.active:before {
  margin-right: 5px;
  font: normal normal normal 15px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f06e";
  color: #333;
}

.nomal-notice-board {
  word-wrap: break-word;
  word-break: break-all;
}

.nomal-notice-board strong span.checkbox {
  display: inline-block;
  margin: 0;
  margin-left: 15px;
  vertical-align: middle;
}

.nomal-notice-board h3 {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.nomal-notice-board h3 + div em span:nth-of-type(n+2) {
  margin-left: 5px;
}

.nomal-notice-board h3 + div em span:nth-of-type(n+2):before {
  content: '|';
  font-style: normal;
  margin-right: 5px;
  color: #ccc;
}

.nomal-notice-board h3 + div div {
  text-align: right;
}

.nomal-notice-board .panel-body img {
  max-width: 875px;
  cursor: pointer;
}

.nomal-notice-board .panel-body img:hover {
  outline: 1px solid #ccc;
}

.nomal-notice-board .contentBox {
  max-height: 5000px;
  overflow-x: hidden;
  overflow-y: auto;
}

.nomal-notice-board .contentBox table {
  word-wrap: break-word;
  word-break: break-all;
}

.nomal-notice-board .contentBox table th, .nomal-notice-board .contentBox table td {
  border: none;
}

.nomal-notice-board .commentBox em {
  display: block;
  margin: 10px 15px;
}

.nomal-notice-board .commentBox em span:nth-of-type(n+2) {
  margin-left: 5px;
}

.nomal-notice-board .commentBox em span:nth-of-type(n+2):before {
  content: '|';
  font-style: normal;
  margin-right: 5px;
  color: #ccc;
}

.nomal-notice-board .commentBox em span + input[type="button"] {
  margin-left: 10px;
  padding: 0 3px 1px 3px;
  line-height: 1;
  border-radius: 50px;
  font-size: 10px;
  font-style: normal;
}

.nomal-notice-board .commentBox em span.comment-text {
  display: block;
  margin-top: 5px;
  font-style: normal;
}

.nomal-notice-board .commentBox em span.comment-text:before {
  content: '└';
  color: #ff5722;
}

.nomal-notice-board .file-box {
  margin-top: -15px;
}

.nomal-notice-board .file-box .form-group strong {
  display: inline-block;
  margin-right: 10px;
}

.nomal-notice-board .file-box .form-group input[type="file"] {
  display: inline-block;
}

.login-container {
  overflow-y: hidden;
}

.login-wrap {
  margin: 10% auto;
  background: transparent url("/content/img/login/partner-login-bg.svg") no-repeat;
  background-size: 100%;
}

.login-wrap .login {
  margin: 0 auto;
  max-width: 400px;
  width: 100%;
}

.login-wrap .login .partner-login-title {
  margin-bottom: 30px;
}

.login-wrap .login .partner-login-title img {
  display: block;
  margin: 0 auto;
  width: 94.25%;
}

.login-wrap .login .partner-login-content {
  padding: 50px;
  border-radius: 5px;
  background-color: #fff;
}

.login-wrap .login .partner-login-content h1 {
  margin-top: 0;
  margin-bottom: 30px;
}

.login-wrap .login .partner-login-content h1 img {
  display: block;
  margin: 0 auto;
  width: 43.32%;
}

.login-wrap .login .partner-login-content h1 + div img {
  display: block;
  margin: 0 auto;
  width: 98.59%;
}

.login-wrap .login .login-form {
  margin: 30px auto 0 auto;
  padding: 0;
  max-width: 100%;
  width: 100%;
  border: none;
}

.login-wrap .login .login-form form > div {
  position: relative;
}

.login-wrap .login .login-form form label {
  position: absolute;
  margin: 0;
  height: 22px;
  background-position: center center !important;
  z-index: 999;
}

.login-wrap .login .login-form form label.label-id {
  top: 9px;
  left: 12px;
  width: 19px;
  background: transparent url("/content/img/login/partner-login-icon01.png") no-repeat;
  background-size: 12px 14px;
  font-size: 0;
}

.login-wrap .login .login-form form label.label-id + div input {
  margin-bottom: 10px;
}

.login-wrap .login .login-form form label.label-pass {
  top: 62px;
  left: 12px;
  width: 22px;
  background: transparent url("/content/img/login/partner-login-icon02.png") no-repeat;
  background-size: 14px 14px;
  font-size: 0;
}

.login-wrap .login .login-form form input {
  padding-left: 42px;
  height: 42px;
  font-size: 16px;
}

.login-wrap .login .login-form .login-btn-wrap {
  margin-top: 50px;
  text-align: center;
}

.login-wrap .login .login-form .login-btn-wrap .login-btn {
  width: 200px;
  height: 50px;
  line-height: 2;
  font-size: 16px;
  color: #fff;
  background-color: #1fb5ad;
  border-radius: 25px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.login-wrap .login .login-form .login-btn-wrap .login-btn:hover {
  background-color: #1ca19a;
}

.login-wrap .login .footer {
  margin-top: 10px;
  font-size: 11px;
  color: #adadad;
}

.login-wrap .login .footer:after {
  content: '';
  display: table;
  clear: both !important;
}

.login-wrap .login .footer div:first-child {
  float: left;
  margin: 4px 15px 0 35px;
  text-align: center;
}

.login-wrap .login .footer div:first-child + div {
  float: left;
  text-align: center;
}

.login-wrap .login .footer div:first-child + div a {
  margin: 0 0;
}

.tqoon-board .panel {
  min-height: 402px;
  overflow: hidden;
}

.tqoon-board .panel-body {
  max-height: 362px;
  overflow-y: auto;
}

.tqoon-board h3 {
  margin: 0;
}

.tqoon-board h3 i {
  margin-right: 7px;
  vertical-align: top;
}

.tqoon-board .keyfacts-board .panel-body {
  height: 363px;
  overflow-x: hidden;
  overflow-y: auto;
}

.tqoon-board .keyfacts-board .table-responsive {
  margin-bottom: 0 !important;
}

.tqoon-board .keyfacts-board .keyfacts-today {
  background-color: #f1f2f7;
}

.tqoon-board .Info-board .panel {
  min-height: 132px;
}

.tqoon-board .Info-board .panel-body {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}

.tqoon-board .Info-board h3 {
  margin-bottom: 10px;
}

.tqoon-board .Info-board h3 span {
  font-size: 12px;
}

.tqoon-board .Info-board h3 + div {
  height: 73.33333px;
  overflow: hidden;
}

.tqoon-board .Info-board h3 + div span {
  font-size: 2.4vw;
  vertical-align: middle;
}

.tqoon-board .Info-board .exchange-rate {
  margin: 15px -15px;
  background-color: #f1f2f7;
}

.tqoon-board .Info-board .exchange-rate > div:first-child {
  padding: 15px 15px;
}

.tqoon-board .img-list-board ul {
  height: 100%;
}

.tqoon-board .img-list-board ul:after {
  content: '';
  display: table;
  clear: both !important;
}

.tqoon-board .img-list-board ul li {
  margin-bottom: 20px;
}

.tqoon-board .img-list-board ul li:last-child {
  margin-bottom: 0;
}

.tqoon-board .img-list-board ul li a {
  display: block;
}

.tqoon-board .img-list-board ul li a:after {
  content: '';
  display: table;
  clear: both !important;
}

.tqoon-board .img-list-board ul li a > span {
  float: left;
  display: block;
}

.tqoon-board .img-list-board ul li a > img:first-child {
  float: left;
  display: block;
  max-width: 70px;
  width: 15%;
  height: 50px;
  background: transparent url("/Content/img/icon/main/dashboard-base-img.svg") no-repeat;
  background-position: center center;
}

.tqoon-board .img-list-board ul li a > img:first-child + span {
  margin: 0 5%;
  max-width: 59%;
}

.tqoon-board .img-list-board ul li a > img:first-child + span > span {
  display: block;
  max-width: 1000px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tqoon-board .img-list-board ul li a > img:first-child + span > span + * {
  color: #9f9f9f;
  line-height: 1.2;
}

.tqoon-board .img-list-board ul li a > img:first-child + span > span img.img-list-board-newimg {
  width: 28px;
  height: 12px;
}

.tqoon-board .img-list-board ul li a > img:first-child + span + span {
  float: right;
  width: 15.01%;
  text-align: center;
}

.tqoon-board .img-list-board ul li a > img:first-child + span + span span {
  display: block;
}

.tqoon-board .img-list-board ul li a > img:first-child + span + span span.no-answer {
  margin-top: 5px;
  padding: 1px 10px;
  background-color: #57c8f1;
  border-radius: 15px;
  color: #fff;
  white-space: nowrap;
}

.tqoon-board .img-list-board ul li a > img:first-child + span + span span.answer {
  margin-top: 5px;
  padding: 1px 10px;
  background-color: #95b75d;
  border-radius: 15px;
  color: #fff;
  white-space: nowrap;
}

.tqoon-board .notice-board .panel {
  min-height: 191px;
}

.tqoon-board .notice-board .panel .panel-heading:after {
  content: '';
  display: table;
  clear: both !important;
}

.tqoon-board .notice-board .panel .panel-heading h3 {
  display: inline-block;
}

.tqoon-board .notice-board .panel .panel-heading h3 + a {
  display: inline-block;
  float: right;
  text-decoration: underline;
}

.tqoon-board .notice-board .panel .panel-body {
  max-height: 150px;
}

.tqoon-board .notice-board .panel .panel-body:after {
  content: '';
  display: table;
  clear: both !important;
}

.tqoon-board .notice-board .panel .panel-body ul li {
  display: block;
  line-height: 2.5;
}

.tqoon-board .notice-board .panel .panel-body ul li:after {
  content: '';
  display: table;
  clear: both !important;
}

.tqoon-board .notice-board .panel .panel-body ul li a {
  float: left;
  display: inline-block;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width: 1395px) {
  .tqoon-board .notice-board .panel .panel-body ul li a {
    width: 50%;
  }
}

@media screen and (max-width: 992px) {
  .tqoon-board .notice-board .panel .panel-body ul li a {
    width: 60%;
  }
}

.tqoon-board .notice-board .panel .panel-body ul li em.new {
  float: left;
  display: inline-block;
  padding: 3px 3px 2px 3px;
  margin: 8px 0 0 10px;
  max-width: 13px;
  max-height: 13px;
  line-height: 0.8;
  background-color: #fa8564;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
}

.tqoon-board .notice-board .panel .panel-body ul li span {
  display: inline-block;
  float: right;
  overflow: hidden;
}

footer .footer-tqoon {
  color: #337ab7;
}

.basic-info-list .panel .panel-heading h3 {
  margin: 0;
}

.basic-info-list .panel .panel-body table td {
  width: 600px;
}

.basic-info-list .panel:first-child .panel-body .table-responsive:nth-of-type(2) td .checkbox + span + span {
  display: block;
  margin-top: 5px;
  color: #999;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr:nth-of-type(3) td span {
  margin-right: 1%;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.site-info td .form-group > div:first-child {
  position: relative;
  margin: 0 0 10px 0;
  min-width: 332px;
  height: 45px;
  border: 1px dashed #ddd;
  border-radius: 5px;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.site-info td .form-group > div:first-child:after {
  font: normal normal normal 18px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f067";
  position: absolute;
  left: 47%;
  top: 13px;
  display: block;
  color: #ddd;
  z-index: 50;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.site-info td .form-group > div:first-child img {
  position: relative;
  display: block;
  margin: 8px auto;
  max-width: 150px;
  max-height: 29px;
  overflow: hidden;
  z-index: 100;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.site-info td .form-group > div:first-child + div {
  vertical-align: top;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol {
  margin: 0;
  padding: 0;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol:after {
  content: '';
  display: table;
  clear: both !important;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol li {
  display: inline-block;
  margin: 0 0.5%;
  width: 23%;
  vertical-align: top;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol li:nth-of-type(1) i {
  color: #2d1152;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol li:nth-of-type(2) i {
  color: #3c5a99;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol li:nth-of-type(3) i {
  color: #dd4f43;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol li:nth-of-type(4) i {
  color: #55acee;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol li strong {
  display: block;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol li strong i {
  margin-right: 5px;
  font-size: 17px;
  vertical-align: top;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol li strong span {
  margin-left: 5px;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol li strong + div {
  margin: 5px 0;
  overflow: hidden;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol li strong + div > label {
  width: 100%;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol li strong + div > label span {
  display: block;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol li strong + div > label input {
  width: 100% !important;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol li div span {
  margin-right: 15px;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.sns-login-list ol li div label span {
  margin-right: 5px;
}

.basic-info-list .panel:nth-of-type(3) .panel-body table tr.tqoon-wordpress th img {
  display: block;
  margin: 0 auto;
  width: 100px;
}

.basic-info-list .panel:nth-of-type(5) textarea {
  width: 100%;
}

.basic-info-list .partner-info .panel:first-child .panel-body table tr:first-child td div {
  display: inline-block;
  margin-right: 15px;
}

.basic-info-list .partner-info .panel:first-child .panel-body table tr:first-child td div span {
  display: block;
  text-align: right;
}

.delivery-list h3,
.delivery-list + .divInfo h3 {
  margin: 0;
}

.delivery-list textarea,
.delivery-list + .divInfo textarea {
  width: 100%;
}

.delivery-list .table-responsive .complete-btn-box,
.delivery-list + .divInfo .table-responsive .complete-btn-box {
  margin: 30px auto 0 auto;
}

.goods-list .goods-search span {
  margin: 0 5px;
  font-size: 10px;
  vertical-align: middle;
}

.goods-list .goods-search span:first-child {
  display: none;
}

.goods-list .goods-search > form + div {
  margin-top: 3px;
}

.goods-list h3 {
  margin: 0;
}

.goods-list a.sequenceMove {
  display: block;
  line-height: 1;
  text-align: center;
  font-size: 2em;
  color: #555;
}

.goods-list a.sequenceMove:after {
  color: #666;
}

.goodslist-img-table {
  margin-bottom: 0 !important;
  background-color: #fff;
}

.goodslist-img-table table {
  border: 1px solid #eee;
}

.goodslist-img-table table th, .goodslist-img-table table td {
  border-top: none !important;
}

.goodslist-img-table table td:nth-of-type(1) {
  text-align: center;
}

.goodslist-img-table table td:nth-of-type(2) {
  text-align: left;
}

.goodslist-img-table table img {
  display: block;
  margin: 0 auto;
  width: 90%;
  height: auto;
  max-width: 200px;
  max-height: 200px;
}

.goodslist-img-preview {
  padding: 8px;
  max-width: 100%;
  width: 100%;
  min-height: 0.01%;
  border: 1px solid #eee;
  background-color: #fff;
  overflow-x: auto;
}

.goodslist-img-preview div:nth-of-type(1) {
  padding: 0;
}

.goodslist-img-preview div:nth-of-type(1) img {
  display: block;
  margin: 0 auto;
  width: 90%;
  height: auto;
  max-width: 200px;
  max-height: 200px;
}

.goodslist-img-preview div:nth-of-type(2) {
  padding: 8% 0 8% 0;
}

.goodslist-img-preview div:nth-of-type(2) span.rpt {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
}

.goods-tab {
  margin-bottom: 15px;
}

.goods-tab h3 {
  margin: 0;
  font-size: 1.4rem;
}

.category01 table tr,
.category02 table tr,
.category03 table tr {
  cursor: pointer;
}

.category01 table tr.bg-red,
.category02 table tr.bg-red,
.category03 table tr.bg-red {
  background-color: #f1f2f7;
}

.select-list-box .select-list-box-body + div {
  margin-bottom: 25px;
}

.select-list-box .select-list-box-body + div span {
  padding: 0 15px;
  font-size: 13px;
  font-weight: bold;
  color: #ec6459;
}

.function-list .row {
  margin: 0 0 0 0;
}

.function-list .function-sort > div div {
  display: inline-block;
  margin-top: 5px;
}

.function-list .function-sort > div div button {
  height: auto !important;
}

.function-list .function-sort > div div button img {
  width: 24px;
  height: 24px;
}

.function-list .function-sort > div div button.btn-success {
  width: auto;
}

.function-list .function-sort > div div:first-child button:nth-of-type(1), .function-list .function-sort > div div:first-child button:nth-of-type(2), .function-list .function-sort > div div:first-child button:nth-of-type(3), .function-list .function-sort > div div:first-child button:nth-of-type(4) {
  display: inline-block;
  margin: 0 !important;
  padding: 0;
  width: auto;
  border: none;
  background-color: transparent;
}

.function-list .function-sort > div div.form-inline:before {
  content: '|';
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

.function-list .function-sort > div div.form-inline span {
  display: inline-block;
}

.function-list .function-sort > div div.form-inline input {
  display: inline-block;
  margin: 0 5px;
  width: 40px;
}

.function-list .function-sort > div div.form-inline input[ng-click="onClickSearchRecommend()"] {
  vertical-align: middle;
  margin-bottom: 1px;
  margin-left: -2px;
  width: 15px;
}

.function-list .function-sort > div div.form-inline button {
  margin-left: 5px;
}

@media screen and (max-width: 768px) {
  .function-list .function-sort > div div {
    margin-top: 0;
  }
}

table.category-table thead th {
  text-align: center;
}

table.category-table thead th div {
  margin-bottom: 3px;
}

table.category-table thead th div.checkbox label input {
  margin-left: -16px;
}

table.category-table thead th div + button {
  margin: 2px 0;
}

table.category-table tbody tr.no-list span {
  display: block;
  margin: 50px 0;
}

table.category-table tbody tr td {
  text-align: center;
  word-break: break-all;
}

table.category-table tbody tr td:nth-of-type(2) span {
  margin-left: 8px;
  padding: 3px 5px;
  border: 1px solid #ff6600;
  border-radius: 3px;
}

table.category-table tbody tr td:nth-of-type(2) span i {
  color: #ff6600;
}

table.category-table tbody tr td:nth-of-type(2) span i:before {
  margin-right: 3px;
}

table.category-table tbody tr td div {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

table.category-table tbody tr td div.checkbox label input {
  margin-left: -16px;
}

table.category-table tbody tr td div.checkbox + div input[type="text"] {
  display: inline-block;
  width: 50px;
  background-color: lightgreen;
}

table.category-table tbody tr td div.checkbox + div span {
  font-weight: bold;
}

table.category-table tbody tr td div a {
  display: inline-block;
  margin: 0 5px;
  margin-bottom: 5px;
}

table.category-table tbody tr td div a + span {
  display: block;
}

.goods-list h3, .goods-list + .divInfo h3 {
  margin: 0;
}

.goods-dropdown-menu li {
  display: block;
}

.goods-dropdown-menu li:hover {
  background-color: #f5f5f5;
}

.goods-dropdown-menu li a {
  display: inline-block;
  text-align: left;
}

.goods-dropdown-menu li a:hover {
  background-color: transparent;
}

.goods-dropdown-menu li img {
  float: right;
  margin-top: 6px;
  margin-right: 20px;
}

.goods-list-table tr th:nth-of-type(1) .checkbox, .goods-list-table tr td:nth-of-type(1) .checkbox {
  margin: 0;
}

.goods-list-table tr th:nth-of-type(1) .checkbox label, .goods-list-table tr td:nth-of-type(1) .checkbox label {
  margin: 0;
}

.goods-list-table tr th:nth-of-type(1) .checkbox label input, .goods-list-table tr td:nth-of-type(1) .checkbox label input {
  margin-left: -16px;
}

.goods-list-table tr th:first-child, .goods-list-table tr td:first-child {
  min-width: 15px;
  text-align: center;
}

.goods-list-table tr td {
  -ms-word-break: break-all;
  word-break: break-all;
}

.goods-list-table tr td:nth-of-type(2) span {
  display: block;
}

.box-discount-setting .discount-title {
  padding: 15px 0;
  margin-top: 35px;
  margin-bottom: 25px;
  border-bottom: 1px solid #c2c2c2;
}

.box-discount-setting .discount-title:after {
  content: '';
  display: table;
  clear: both !important;
}

.box-discount-setting .discount-title h4 {
  display: inline-block;
  font-weight: bold;
  font-size: 1.42857rem;
}

.box-discount-setting .discount-title span {
  float: right;
  margin-top: 9px;
}

.box-discount-setting > div:nth-of-type(2) h4 + div + div:after {
  content: '';
  display: table;
  clear: both !important;
}

.box-discount-setting ul.nav {
  float: right;
}

@media screen and (max-width: 1600px) {
  .box-discount-setting ul.nav {
    float: none;
    margin-bottom: 30px;
  }
}

.box-discount-setting ul.nav:after {
  content: '';
  display: table;
  clear: both !important;
}

.box-discount-setting ul.nav li:nth-of-type(n + 2) {
  margin-left: 5px;
}

.box-discount-setting ul.nav li a {
  padding: 8px 5px;
  background-color: transparent;
  color: #767676;
  border-radius: 0;
}

.box-discount-setting ul.nav li a:hover {
  border-bottom: 3px solid #58ddf6;
}

.box-discount-setting ul.nav li.active > a,
.box-discount-setting ul.nav li.active > a:hover,
.box-discount-setting ul.nav li.active > a:focus {
  border-bottom: 4px solid #58ddf6;
  background-color: transparent;
  color: #767676;
}

.box-discount-setting #tblReadyMadeGoodsPrice tbody tr {
  cursor: pointer;
}

.box-discount-setting .table-discount {
  border-bottom: 1px solid #ddd;
}

.box-discount-setting .table-discount tr th, .box-discount-setting .table-discount tr td {
  text-align: center;
}

.box-discount-setting .table-discount tr th:first-child span {
  font-size: 0;
}

.box-discount-setting .table-discount tr td input {
  vertical-align: middle;
}

.box-discount-setting .table-discount tr td input[type="text"] {
  margin: 0;
  width: 45%;
}

.box-discount-setting .table-discount tr td input[type="checkbox"] {
  top: 2px;
}

.box-discount-setting .table-discount tr td input + span {
  display: inline-block;
  margin: 0 5px;
}

.box-discount-setting .table-discount tr td input.err-value {
  background-color: #fa8564 !important;
  border-color: #fa8564 !important;
  color: #fff;
}

.box-discount-setting .table-discount tr td input.err-value::placeholder {
  color: #fff !important;
}

.box-discount-setting .table-discount tr td span.no-value {
  color: #b6b6b6;
}

.box-discount-setting .table-discount tr td:nth-of-type(7) div {
  white-space: nowrap;
}

.box-discount-setting .table-discount tr td:nth-of-type(7) div input[type="text"] {
  margin: 0 auto;
  width: 95px;
}

.box-discount-setting .table-discount tr td .switch-set label {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .box-discount-setting .table-discount tr td .select-group select {
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0;
  }
  .box-discount-setting .table-discount tr td .select-group input {
    width: 100%;
    border-radius: 0 0 4px 4px;
    text-align: right;
  }
}

.box-discount-setting .table-discount tr.add {
  background-color: #f0f8fc;
}

.sales-conditions {
  text-align: center;
}

.sales-conditions span {
  display: inline-block;
  color: #fff;
  font-weight: bold;
}

.sales-conditions span.SALE {
  color: #53bee6;
}

.sales-conditions span.DEL {
  color: #ec6459;
}

.sales-conditions span.OUTSTOCK {
  color: #b0b5b9;
}

.sales-conditions span.DELAY {
  color: #f3c022;
}

.sales-conditions span.REG {
  color: #53bee6;
}

.goods-list-table tr td:nth-of-type(3) span.rpt {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
}

.table-goods-list-info .form-inline span.d-b {
  display: block;
}

.table-goods-list-info .category {
  display: inline-block;
  vertical-align: top;
}

.table-goods-list-info .category:after {
  content: '';
  display: table;
  clear: both !important;
}

.table-goods-list-info .category span {
  display: block;
  text-align: center;
}

.table-goods-list-info .category + button {
  float: right;
  margin-top: 11px;
  margin-right: 20px;
  font-size: 13px;
  color: #c1c1c1;
}

.table-goods-list-info .category select {
  width: 115px;
}

.table-goods-list-info .category-add-box {
  margin-top: 15px;
}

.table-goods-list-info .category-add-box > div {
  border: 1px solid #ddd;
}

.table-goods-list-info .category-add-box > div:nth-of-type(1) {
  padding: 6px 10px;
  border-bottom: 1px solid #ddd;
  background-color: #f8f8f8;
}

.table-goods-list-info .category-add-box > div:nth-of-type(1) b {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.table-goods-list-info .category-add-box > div:nth-of-type(1) b + div.form-inline {
  display: inline-block;
}

.table-goods-list-info .category-add-box > div:nth-of-type(1) b + div.form-inline select {
  width: 115px;
}

.table-goods-list-info .category-add-box > div:nth-of-type(2) {
  margin-top: -1px;
  padding: 11px 10px;
  max-height: 116px;
  min-height: 116px;
  background-color: #fff;
  overflow: hidden;
  overflow-y: auto;
}

.table-goods-list-info .category-add-box > div:nth-of-type(2) > span {
  display: block;
  margin-top: 37px;
  text-align: center;
}

.table-goods-list-info .category-add-box > div:nth-of-type(2) ul li:nth-of-type(n + 2) {
  margin-top: 10px;
}

.table-goods-list-info .category-add-box > div:nth-of-type(2) ul li span {
  margin-right: 10px;
  line-height: 2;
}

.table-goods-list-info .category-add-box > div:nth-of-type(2) + span {
  display: block;
  margin-top: 15px;
}

.goods-list-thumbnail tr:first-child th span {
  font-size: 12px;
}

.goods-list-thumbnail tr td .thumbnail {
  margin-bottom: 0;
  vertical-align: top;
}

.goods-list-thumbnail tr td .thumbnail img {
  max-width: 173px;
  max-height: 173px;
}

.goods-list-thumbnail tr td .thumbnail .caption input[type="file"] {
  width: 90%;
}

.goods-list-thumbnail tr td .thumbnail .caption .help-block {
  margin-top: 15px;
  margin-bottom: 0;
  text-align: left;
}

.goods-list + .divInfo .goods-delivery-price-table .panel {
  margin-bottom: 0;
  border: none;
  box-shadow: none;
}

.goods-list + .divInfo .goods-delivery-price-table .panel .panel-body {
  padding-top: 0;
}

.goods-list-opction tbody tr td a {
  display: block;
  margin-top: 5px;
  vertical-align: middle;
  text-align: center;
}

.goods-option-list {
  color: #767676;
  box-shadow: none;
}

.goods-option-list:after {
  content: '';
  display: table;
  clear: both !important;
}

.goods-option-list > .panel-heading {
  border: 1px solid #eff2f7;
}

.goods-option-list .panel-heading:after {
  content: '';
  display: table;
  clear: both !important;
}

.goods-option-list .panel-heading h3 {
  display: inline-block;
  vertical-align: middle;
}

.goods-option-list .panel-heading h3 + button {
  float: right;
}

.goods-option-list .panel-heading.bs-callout .btn-group:first-child {
  margin-right: 10px;
}

.goods-option-list .panel-heading.bs-callout .btn-group:first-child + span + .btn-group {
  float: right;
}

.goods-option-list .panel-body .panel-default {
  margin-bottom: 0;
}

.goods-option-list .panel-body .panel-default .panel-default {
  margin-bottom: 10px;
}

.calendar-wrap i {
  margin-right: 5px;
  font-size: 24px;
  vertical-align: middle;
  color: #fa8564;
}

.calendar-wrap .calendar {
  display: inline-block;
  width: 95px;
}

.calendar-wrap span {
  font-size: 20px;
  vertical-align: middle;
}

.after-make-table table td {
  cursor: pointer;
}

.after-make-table table td[bid="0"] {
  cursor: default;
}

.after-make-table .after-make-sub-table td {
  cursor: default;
}

.partner-goods-deliveryInfolistl-panel {
  margin-bottom: -30px;
}

.partner-goods-deliveryInfolistl-panel h3 {
  margin: 0;
}

.basic-product-information-table td .form-group img {
  margin: 10px 0;
}

.basic-product-information-table td .form-group img + a {
  padding: 4px 5px;
  border-radius: 3px;
  background-color: #57c8f1;
  color: #fff;
  vertical-align: middle;
}

.basic-product-information-table td .form-group img + a:hover {
  background-color: #53bee6;
  color: #fff;
}

.code-01:after,
.code-02:after {
  content: '';
  display: table;
  clear: both !important;
}

.code-01 h3,
.code-02 h3 {
  display: inline-block;
  margin: 0;
  margin-right: 10px !important;
  vertical-align: middle;
}

.code-01 div + div,
.code-02 div + div {
  text-align: right;
}

.after-make01 .panel-heading h3,
.after-make02 .panel-heading h3,
.after-make03 .panel-heading h3 {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.after-make01 .panel-body table tr td,
.after-make02 .panel-body table tr td,
.after-make03 .panel-body table tr td {
  cursor: pointer;
}

.templates h3 {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.templates input[type="text"] {
  width: 74px;
}

.order-list .order-accept-search span {
  margin: 0 5px;
  font-size: 10px;
  vertical-align: middle;
}

.order-list .order-accept-search span:first-child {
  display: none;
}

.order-list .order-accept-search .checkbox span {
  margin: -8px 5px 0 0;
  font-size: 12px;
}

.order-list .order-goods-img-preview-box {
  background-color: #F1F2F7;
}

.order-list table.partner-order-list tr:hover:first-child {
  background-color: #fff;
}

.order-list table.partner-order-list tr:hover th {
  background-color: #fff;
}

.order-list table.partner-order-list tr th {
  border-bottom: 2px solid #ddd;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  text-align: center;
}

.order-list table.partner-order-list tr td {
  text-align: center;
}

.order-list table.partner-order-list tr td.tdLine {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.order-list table.partner-order-list tr td.tdLine:hover {
  background-color: #fff;
}

.order-list table.partner-order-list tr td.orderNum a.order-num-link {
  display: block;
  margin-bottom: 15px;
  font-size: 1.7rem;
  font-weight: bold;
  cursor: pointer;
}

.order-list table.partner-order-list tr td.orderNum .checkbox {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

.order-list table.partner-order-list tr td.orderNum span.order-end, .order-list table.partner-order-list tr td.orderNum span.no-warehousing {
  display: inline-block;
  padding: 1px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  line-height: 1.5;
  font-size: 12px;
  color: #333;
  background-color: #fff;
}

.order-list table.partner-order-list tr td.orderNum .price-box {
  margin: 15px 0;
  padding: 5px 0;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  font-size: 1.2rem;
  background-color: #fff;
}

.order-list table.partner-order-list tr td.orderNum .price-box span {
  display: inline-block;
  font-weight: bold;
}

.order-list table.partner-order-list tr td.orderNum .price-box span.rpt {
  font-size: 1.3rem;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div {
  margin: 0 0 15px 0;
  padding-top: 15px;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div span {
  display: inline-block;
  padding: 2px 5px;
  background-color: #fff;
  color: #666;
  font-size: 11px;
  border-radius: 2px;
  font-weight: 900;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div span:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-right: 3px;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div span .rpt {
  display: inline;
  padding: 0 0;
  color: #f44336 !important;
  font-weight: 900;
  background: none !important;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div span .rpt:before {
  display: none;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div.BANK span {
  background-color: #DFECD0;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div.BANK span:before {
  content: "\f19c";
}

.order-list table.partner-order-list tr td.orderNum .price-box + div.POINT span {
  background-color: #FDE3EC;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div.POINT span:before {
  font: normal normal normal 10px/1 Nanum Gothic;
  font-weight: 900;
  content: "P";
  padding: 1px 2px 0 3px;
  border: 1px solid #666;
  border-radius: 10px;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div.MAN span {
  background-color: #C8E5FC;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div.MAN span:before {
  content: "\f187";
}

.order-list table.partner-order-list tr td.orderNum .price-box + div.TELEGRAM_ATM_REQUEST span {
  background-color: #FEE3C0;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div.TELEGRAM_ATM_REQUEST span:before {
  font: normal normal normal 10px/1 Nanum Gothic;
  font-weight: 900;
  content: "A";
  padding: 1px 2px 0 2px;
  border: 1px solid #666;
  border-radius: 10px;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div.TELEGRAM_CARD_REQUEST span {
  background-color: #C0EBF0;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div.TELEGRAM_CARD_REQUEST span:before {
  content: "\f09d";
}

.order-list table.partner-order-list tr td.orderNum .price-box + div.TELEGRAM_KONBINI_N_REQUEST span {
  background-color: #FEEC9A;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div.TELEGRAM_KONBINI_N_REQUEST span:before {
  content: "\f1ad";
}

.order-list table.partner-order-list tr td.orderNum .price-box + div.TELEGRAM_BANK_ASP_PAYMENT_REQUEST span {
  background-color: #CEE6B2;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div.TELEGRAM_BANK_ASP_PAYMENT_REQUEST span:before {
  font: normal normal normal 10px/1 Nanum Gothic;
  font-weight: 900;
  content: "NET";
  padding: 1px 3px 0 3px;
  border: 1px solid #666;
  border-radius: 10px;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div + a {
  display: block;
  text-align: center;
}

.order-list table.partner-order-list tr td.orderNum .price-box + div + a + p.rpt {
  margin-top: 15px;
}

.order-list table.partner-order-list tr td.orderNum p.rpt {
  display: inline-block;
  margin: 0;
  padding: 0 5px;
  border-radius: 2px;
  color: #fff !important;
  background-color: #f60;
}

.order-list table.partner-order-list tr td.order-goods .order-goods-info-list {
  margin: 15px 0;
}

.order-list table.partner-order-list tr td.order-goods .order-goods-info-list span {
  display: block;
}

.order-list table.partner-order-list tr td.order-goods .order-goods-memo-list {
  margin: 15px 0;
}

.order-list table.partner-order-list tr td.order-goods .order-goods-memo-list button {
  margin: 2px auto;
}

.order-list table.partner-order-list tr td.order-goods table.order-upload-file {
  margin-top: 10px;
}

.order-list table.partner-order-list tr td.order-goods table.order-upload-file tr th {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.order-list table.partner-order-list tr td.order-goods table.order-upload-file tr td:nth-of-type(1) div {
  margin-top: 5px;
}

.order-list table.partner-order-list tr td.order-goods table.order-upload-file tr td:nth-of-type(2) div {
  display: inline-block;
  margin-bottom: 5px;
}

.order-list table.partner-order-list tr td.order-goods table.order-upload-file tr td:nth-of-type(2) div + button {
  display: block;
  margin: 2px auto;
}

.order-list table.partner-order-list tr td.order-goods-code a {
  display: block;
  margin: 5px 0;
}

.order-list table.invoice-num-table tr th {
  border-top: 1px solid #ccc;
  border-right: 2px solid #ddd;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ddd;
}

.order-list .ordernum-user-id span {
  vertical-align: middle;
}

.order-list .ordernum-user-id span i {
  vertical-align: middle;
}

.order-list .ordernum-user-id + p.rpt {
  margin-top: 15px !important;
}

.order-list .order-detail .search-box > strong {
  margin-right: 15px;
}

.order-list .order-detail .same-delivery-btn,
.order-list .order-detail .order-print {
  display: inline-block;
}

.order-list .order-detail .panel fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.order-list .order-detail .panel fieldset legend {
  display: none;
}

.order-list .order-detail .panel fieldset h3 {
  margin: 0;
}

.order-list .order-detail .panel fieldset table tr td p.rpt {
  display: inline-block;
  margin: 0;
  margin-top: 15px;
  padding: 0 5px;
  border-radius: 2px;
  color: #fff !important;
  background-color: #f60;
}

.order-list .order-detail .panel:nth-of-type(3) table td input[type="button"], .order-list .order-detail .panel:nth-of-type(3) table td button {
  margin-top: 5px;
}

.order-list .order-detail .panel:nth-of-type(4) table td .rpt {
  font-weight: 900;
}

.order-list .order-detail .panel:nth-of-type(8) h3 {
  margin-bottom: 15px;
}

.order-list + .divInfo h3 {
  margin: 0;
}

.order-list + .divInfo table.table-qna tr td:nth-of-type(5) {
  word-break: break-all;
}

.order-list + .divInfo table.table-qna-view tr td img {
  max-width: 500px;
}

.site-management-list h3 {
  margin: 0;
}

.site-management-list + .divInfo h3 {
  margin: 0;
}

.site-management-list + .divInfo .board-type-list ul li blockquote {
  font-size: inherit;
}

.site-management-list + .divInfo .board-type-list ul li blockquote footer {
  margin: 0;
  font-size: inherit;
}

.site-management-list + .divInfo .board-type-list ul li blockquote footer:before {
  display: inline-block;
  content: '';
}

.site-management-list + .divInfo .board-type-list ul li blockquote footer cite {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}

.site-management-list + .divInfo .board-type-list ul li blockquote footer cite span {
  font-weight: normal;
}

.site-management-list + .divInfo table {
  word-break: break-all;
}

.site-management-list + .divInfo .contents-area {
  outline: 1px solid #ddd;
  overflow-x: auto;
}

.site-management-list table.site-content-table {
  word-break: break-all;
}

.site-management-list table.site-content-table tr {
  cursor: pointer;
}

.site-management-list table.site-content-table tr td {
  text-align: center;
}

.site-management-list table.site-content-table tr td:nth-of-type(6) {
  white-space: nowrap;
}

.site-management-list table.site-content-table tr td:nth-of-type(6) div.btn-group button {
  float: none;
}

.site-content-table textarea {
  width: 100% !important;
}

.fileArea {
  position: relative;
  margin-bottom: 15px;
  padding: 5px;
  border: 2px dashed #ddd;
}

.fileArea:after {
  content: '';
  display: table;
  clear: both !important;
}

.fileArea ul.uploadedFiles {
  display: block;
}

.fileArea ul.uploadedFiles li.fileinput-button {
  padding: 10px 0;
  text-align: center;
  -webkit-user-select: none;
}

.fileArea ul.uploadedFiles li.fileinput-button > div {
  margin-bottom: 10px;
}

.fileArea ul.uploadedFiles li.fileinput-button input[type="file"] {
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  position: absolute;
  top: 75px;
  left: 235px;
  max-width: 300px;
  height: 31px;
  font-size: 28px;
  z-index: 800;
  cursor: pointer;
  overflow: hidden;
}

.fileArea ul.uploadedFiles li.fileinput-button input[type="file"] + label {
  margin: 0 auto;
  padding: 6px 12px;
  background-color: #57c8f1;
  border-color: #57c8f1;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
}

.fileArea ul.uploadedFiles li.fileItem {
  display: inline-block;
  margin: 5px;
  padding: 0;
  width: 50px;
  height: 50px;
  background-size: 100% 100%;
  border: 1px solid #ddd;
  border-radius: 0;
}

#goodsReviewList td:nth-of-type(3) {
  word-break: break-all;
}

.coupon-event table tr th {
  text-align: center;
}

.coupon-event table tr td {
  text-align: center;
}

.coupon-event table tr td > div {
  max-height: 100px;
  overflow-y: auto;
  word-break: break-all;
}

.holiday-header > div {
  display: inline-block;
}

.holiday-header > div:nth-of-type(n + 2) {
  margin-left: 15px;
}

.holiday-header > div h3 {
  display: inline-block;
}

.holiday-header > div:nth-of-type(2) + span {
  margin-left: 15px;
  vertical-align: middle;
  font-size: 20px;
}

.holiday-header > div:nth-of-type(2) + span i {
  vertical-align: middle;
}

@media screen and (max-width: 960px) {
  .holiday-header > div {
    display: block;
    margin-left: 0 !important;
  }
  .holiday-header > div:nth-of-type(2) + span {
    display: none;
  }
}

.Calendar.table th, .Calendar.table td {
  text-align: right;
}

.Calendar.table thead tr th.nav {
  padding-bottom: 20px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.Calendar.table thead tr th.nav span {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  font-size: 13px;
}

.Calendar.table thead tr th.nav span[title="Prev"], .Calendar.table thead tr th.nav span[title="Next"] {
  cursor: pointer;
}

.Calendar.table thead tr th.nav span:nth-of-type(2) {
  margin-bottom: 3px;
}

.Calendar.table tbody td {
  width: 240px;
  height: 100px;
  vertical-align: top !important;
}

.Calendar.table tbody td.active {
  background-color: #fff;
}

.Calendar.table tbody td div.day {
  margin-bottom: 10px;
}

.Calendar.table tbody td div.day + div {
  text-align: left;
}

.Calendar.table tbody td div.day + div ul li {
  margin-bottom: 5px;
  padding: 0 15px;
  font-size: 11px;
  border-radius: 2px;
}

.Calendar.table tbody td div.day + div ul li:last-child {
  margin-bottom: 0;
}

.Calendar.table tbody td div.day + div ul li:after {
  content: '';
  display: table;
  clear: both !important;
}

.Calendar.table tbody td div.day + div ul li.daycolor-r {
  color: #fff;
  background-color: #fa8564;
}

.Calendar.table tbody td div.day + div ul li.daycolor-b {
  color: #fff;
  background-color: #57c8f1;
}

.Calendar.table tbody td div.day + div ul li span + span {
  float: right;
  cursor: pointer;
}

.tree-box .panel-heading:after {
  content: '';
  display: table;
  clear: both !important;
}

.tree-box .panel-heading h3 {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}

.tree-box .panel-heading h3 + input + button + button {
  float: right;
}

.tree-box + .divInfo .setting-box .coverage {
  font-weight: bold;
}

.tree-box + .divInfo .setting-box .setting-item ul li.list-group-item {
  padding: 3px 15px;
  cursor: pointer;
}

.tree-box + .divInfo .setting-box .setting-item ul li.list-group-item:hover {
  background-color: #e7f4f9;
}

.tree-box + .divInfo .setting-box .setting-item ul li.list-group-item:before {
  content: url("/content/img/icon/md-icon.png");
  display: inline-block;
  margin-right: 25px;
  width: 12px;
  height: 29px;
  vertical-align: middle;
  opacity: 0.5;
}

.tree-box + .divInfo .setting-box .setting-item ul li.list-group-item div.checkbox {
  display: inline-block;
  vertical-align: middle;
}

.content .panel-body .open_market_list_table {
  text-align: center;
}

.content .panel-body .open_market_list_table th {
  text-align: center;
  background-color: #e4efed;
  height: 40px;
}

.content .panel-body .open_market_list_table td {
  padding: 6px 6px 6px 6px;
  height: 40px;
}

.content .panel-body .open_market_list_table button {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  color: #000;
  padding: 3px 10px 3px 10px;
  outline: 0;
}

span[ng-if="item.NoticeSendYn=='Y'"] {
  color: #48a0dc !important;
}

span[ng-if="item.NoticeSendYn=='N'"] {
  color: #f60 !important;
}

table .tooltip {
  display: table;
  position: relative;
  margin: 0;
  width: 100%;
  opacity: 1;
}

table .tooltip th, table .tooltip td {
  padding: 5px 5px;
  border: 1px solid #e5e5e5;
}

.statistics-list h3, .statistics-list + .divInfo h3 {
  margin: 0;
}

.statistics-list tr.data, .statistics-list tr.month {
  cursor: pointer;
}

.statistics-list tr.today {
  background-color: #C0FfFF;
}

.statistics-list .table-hover tr {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.statistics-list .hilight {
  color: #f30;
  background-color: #ffffb0;
}

.statistics-list + .divInfo .panel #chart {
  overflow-x: auto;
  overflow-y: hidden;
}

.statistics-list .panel #dvChart {
  overflow-x: auto;
  overflow-y: hidden;
}

.statistics-list .panel #monthTable thead tr th {
  text-align: center;
}

.statistics-list .panel #monthTable tbody tr th, .statistics-list .panel #monthTable tbody tr td {
  text-align: center;
  font-size: 12px;
}

.statistics-list .panel #monthTable tbody tr:first-child th {
  width: 50px;
  max-width: 50px;
  min-width: 50px;
}

.statistics-list .panel #monthTable tbody tr:first-child th:first-child {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}

.sales-statistics .panel h3 {
  display: inline-block;
  vertical-align: middle;
}

.statistics-list #chart, .statistics-list .chart {
  overflow-x: auto;
  overflow-y: hidden;
}

.statistics-list + .divInfo #chart, .statistics-list + .divInfo .chart {
  overflow-x: auto;
  overflow-y: hidden;
}

.account-list h3 {
  margin: 0;
}

.account-list .account-tab li {
  display: inline-block;
  margin-right: 15px;
}

.account-list .account-tab li a {
  display: block;
  padding: 10px 15px;
  border: 1px solid #f1f2f7;
  border-radius: 3px;
  background-color: #fff;
}

.account-list .account-tab li a i {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 15px;
}

.account-list .account-tab li a h3 {
  display: inline-block;
  vertical-align: middle;
}

.account-list .account-tab li a span.rpt {
  margin: 0 5px;
  vertical-align: middle;
  font-weight: bold;
}

.account-list table.account-order-list-table tr {
  cursor: pointer;
}

.account-list table.account-order-list-table tr.record:hover {
  background-color: #a8f0a8 !important;
}

.design-manager-list .design-layout .panel-heading h3 {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  vertical-align: middle;
}

.design-manager-list .design-layout .panel-heading .search-box label {
  margin: 0;
}

.design-manager-list .design-layout .panel-body h3 {
  margin: 0;
  margin-bottom: 15px;
}

.design-manager-list .design-layout .panel-body .layout-header {
  padding: 20px 10px;
  border: 3px solid #ddd;
  text-align: center;
}

.design-manager-list .design-layout .panel-body .layout-content {
  float: left;
  margin-top: 15px;
  width: 100%;
}

.design-manager-list .design-layout .panel-body .layout-content:after {
  content: '';
  display: table;
  clear: both !important;
}

.design-manager-list .design-layout .panel-body .layout-content > div {
  min-height: 162px;
  border: 3px solid #ddd;
  text-align: center;
}

.design-manager-list .design-layout .panel-body .layout-content > div:after {
  content: '';
  display: table;
  clear: both !important;
}

.design-manager-list .design-layout .panel-body .layout-content > div.left-aside {
  float: left;
  width: 20%;
}

.design-manager-list .design-layout .panel-body .layout-content > div.left-aside > div:first-child {
  padding: 15px 0;
  border-bottom: 3px solid #ddd;
}

.design-manager-list .design-layout .panel-body .layout-content > div.left-aside > div:first-child strong {
  margin-right: 10px;
}

.design-manager-list .design-layout .panel-body .layout-content > div.left-aside > div:first-child + div:after {
  content: '';
  display: table;
  clear: both !important;
}

.design-manager-list .design-layout .panel-body .layout-content > div.left-aside > div:first-child + div > div {
  float: left;
  padding: 15px 10px 15px 10px;
  width: 50%;
}

.design-manager-list .design-layout .panel-body .layout-content > div.left-aside > div:first-child + div > div label {
  margin: 0;
  text-align: left;
}

.design-manager-list .design-layout .panel-body .layout-content > div.left-aside > div:first-child + div > div label span {
  margin-bottom: 15px;
}

.design-manager-list .design-layout .panel-body .layout-content > div.left-aside > div:first-child + div > div:first-child {
  border-right: 3px solid #ddd;
}

.design-manager-list .design-layout .panel-body .layout-content > div.body-content {
  float: left;
  margin: 0 1% 0 1%;
  padding: 15px 10px;
  width: 58%;
}

.design-manager-list .design-layout .panel-body .layout-content > div.body-content strong {
  line-height: 10;
}

.design-manager-list .design-layout .panel-body .layout-content > div.right-aside {
  float: right;
  width: 20%;
}

.design-manager-list .design-layout .panel-body .layout-content > div.right-aside > div:first-child {
  padding: 15px 0;
  border-bottom: 3px solid #ddd;
}

.design-manager-list .design-layout .panel-body .layout-content > div.right-aside > div:first-child strong {
  margin-right: 10px;
}

.design-manager-list .design-layout .panel-body .layout-content > div.right-aside > div:first-child + div:after {
  content: '';
  display: table;
  clear: both !important;
}

.design-manager-list .design-layout .panel-body .layout-content > div.right-aside > div:first-child + div > div {
  float: left;
  padding: 15px 10px 15px 10px;
  width: 50%;
}

.design-manager-list .design-layout .panel-body .layout-content > div.right-aside > div:first-child + div > div label {
  margin: 0;
  text-align: left;
}

.design-manager-list .design-layout .panel-body .layout-content > div.right-aside > div:first-child + div > div label span {
  margin-bottom: 15px;
}

.design-manager-list .design-layout .panel-body .layout-content > div.right-aside > div:first-child + div > div:first-child {
  border-right: 3px solid #ddd;
}

.design-manager-list .design-layout .panel-body .laout-footer {
  margin-top: 15px;
  padding: 20px 10px;
  border: 3px solid #ddd;
  text-align: center;
}

.design-manager-list .design-layout .panel-body .laout-footer:before {
  content: '';
  display: table;
  clear: both !important;
}

@media screen and (max-width: 992px) {
  .design-manager-list .layout-content {
    float: none !important;
  }
  .design-manager-list .layout-content .left-aside, .design-manager-list .layout-content .body-content, .design-manager-list .layout-content .right-aside {
    width: 100% !important;
  }
  .design-manager-list .layout-content .body-content {
    margin: -3px 0 -3px 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .design-manager-list .design-layout .panel-heading:first-child h3 {
    display: inline-block;
  }
  .design-manager-list .design-layout .panel-heading:first-child input {
    display: inline-block;
    margin: 0;
    width: auto;
  }
  .design-manager-list .design-layout .panel-heading:first-child button {
    margin-top: 0;
  }
}

.content .system-qna:last-child .board-box-view .content:before,
.content .system-qna:last-child .board-box-view .content:after {
  top: 28px;
}

.system-qna h3 {
  margin: 0;
}

.system-qna .board-box-view .panel-heading > div:after {
  content: '';
  display: block;
  clear: both;
}

.system-qna .board-box-view .panel-heading > div strong {
  float: left;
  display: block;
}

.system-qna .board-box-view .panel-heading h3 {
  display: block;
  margin-top: 10px;
  word-wrap: break-word;
  word-break: break-all;
}

.system-qna .panel-body table td {
  word-break: break-all;
}

.system-qna .panel-body table td em.new {
  display: inline-block;
  padding: 3px 3px 2px 3px;
  margin: 0 0 0 10px;
  max-width: 13px;
  max-height: 13px;
  line-height: 0.8;
  background-color: #fa8564;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
}

.open-market.box-search-management .search-box > div:first-child {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.open-market.box-search-management .search-box ul {
  display: inline-block;
  margin-right: 25px;
}

.open-market.box-search-management .search-box ul li:nth-of-type(n + 2) {
  margin-left: 15px;
}

.open-market.box-search-management .search-box ul + span {
  display: inline-block;
  margin-bottom: 7px;
  vertical-align: middle;
}

.open-market.box-search-management .box-search-list {
  padding: 15px 15px 0 15px;
}

.open-market.box-search-management .box-search-list:before {
  content: '';
  display: table;
  clear: both !important;
}

.open-market.box-search-management .box-search-list .panel-body {
  border: 1px solid #ddd;
}

.open-market.box-search-management .box-search-list .panel-body > div:first-child ul {
  margin-bottom: 25px;
}

.open-market.box-search-management .box-search-list .panel-body > div:first-child ul li {
  padding: 15px;
  border-bottom: 1px solid #ddd;
}

.open-market.box-search-management .box-search-list .panel-body > div:first-child ul li:first-child {
  padding-top: 0;
}

.open-market.box-search-management .box-search-list .panel-body > div:first-child ul li span.title {
  display: inline-block;
  width: 130px;
  max-width: 130px;
}

.open-market.box-search-management .box-search-list .panel-body > div:first-child ul li span.title + input + span {
  margin-left: 15px;
  font-weight: bold;
}

.open-market.box-search-management .box-search-list .panel-body > div:first-child ul li div.form-group span {
  margin-top: 10px;
  margin-bottom: 0;
}

.open-market.box-search-management .box-search-list .list-preview {
  margin-bottom: 0;
  border: 1px solid #ddd;
}

.open-market.box-search-management .box-search-list .list-preview .panel-body {
  border: none;
}

.open-market.box-search-management .box-search-list .list-preview .panel-body ul {
  position: relative;
}

.open-market.box-search-management .box-search-list .list-preview .panel-body ul li {
  position: relative;
}

.open-market.box-search-management .box-search-list .list-preview .panel-body ul li button {
  position: relative;
  padding: 10px 22px;
  height: auto;
  background-color: #fff;
  border: 1px solid #b9b9b9;
  border-radius: 2px;
  color: #7a7a7a;
  font-weight: bold;
}

.open-market.box-search-management .box-search-list .list-preview .panel-body ul li button:hover {
  border: 1px solid #777;
}

.open-market.box-search-management .box-search-list .list-preview .panel-body ul li button img {
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
  min-width: 30px;
  max-width: 70px;
  width: 70px;
}

.open-market.box-search-management .box-search-list .list-preview .panel-body ul li button span {
  display: block;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
}

.open-market.box-search-management .box-search-list .list-preview .panel-body ul li button + span {
  position: absolute;
  top: -10px;
  right: -5px;
  display: block;
  padding: 1px 5.5px;
  border: 1px solid #fa8564;
  border-radius: 50%;
  background-color: #fa8564;
  color: #fff;
  font-weight: bold;
  z-index: 999;
  cursor: pointer;
}

.open-market.box-search-management .box-search-list .list-preview .panel-body ul li button + span:hover {
  border: 1px solid #ff6c42;
  background-color: #ff6c42;
}

.open-market.box-search-management .box-search-list .list-preview .panel-body ul[dnd-list] {
  margin: 0;
  padding-left: 0;
}

.open-market.box-search-management .box-search-list .list-preview .panel-body ul .dndDragging {
  opacity: .7;
}

.open-market.box-search-management .box-search-list .list-preview .panel-body ul .dndDragging button + span {
  display: none;
}

.open-market.box-search-management .box-search-list .list-preview .panel-body ul .dndDraggingSource {
  opacity: .5;
}

.open-market.box-search-management .box-search-list .list-preview .panel-body ul .dndPlaceholder {
  display: inline-block;
  margin: 0 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #454545;
  z-index: 999;
}

/*  PARTNER-ExportHistory */
.content .ExportManagement .search-box-title {
  border-bottom: 1px solid #ddd;
}

.content .ExportManagement .search-box-title h4 {
  margin: 0 0 0 0;
}

.content .ExportManagement .search-box-body > div {
  border: 0 solid #ccc;
  padding: 8px 0;
}

.wrapper .content .ExportManagement .dashboard-count-label {
  display: inline-block;
  width: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px 0;
  margin: 10px 0 0 0;
}

@media screen and (max-width: 565px) {
  .wrapper .content .ExportManagement .dashboard-count-label {
    width: 100%;
  }
}

.wrapper .content .ExportManagement .dashboard-count-label p {
  text-align: center;
}

.wrapper .content .ExportManagement .dashboard-count-label li {
  display: inline-block;
  text-align: center;
  width: 49%;
}

.wrapper .content .ExportManagement .dashboard-count-label li a {
  display: block;
}

.wrapper .content .ExportManagement .dashboard-count-label li a span {
  display: block;
  font-size: 25px;
}

@media screen and (min-width: 768px) {
  .content .ExportManagement .search-box-sorting p {
    display: inline-block;
  }
  .content .ExportManagement .search-box-sorting p:nth-child(n+2) {
    margin-left: 5px;
  }
}

.content .ExportManagement .search-box-sorting p span {
  font-size: 15px;
  vertical-align: middle;
}

.content .ExportManagement .search-box-sorting p label span {
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  .content .ExportManagement .search-box-sorting .complete-btn-box {
    display: inline;
  }
  .content .ExportManagement .search-box-sorting .complete-btn-box button {
    margin-left: 5px;
  }
}

.content .ExportManagement .search-box-subdivision {
  margin-bottom: 0;
}

.content .ExportManagement .search-box-subdivision .table-responsive {
  display: block;
}

.content .ExportManagement .search-box-subdivision .table-responsive th {
  height: 34px;
  background-color: #f9f9f9;
  border-bottom: 0 solid #ccc;
  white-space: nowrap;
}

.content .ExportManagement .search-box-subdivision .table-responsive th a {
  display: block;
}

.content .ExportManagement .search-box-subdivision .table-responsive td {
  height: 34px;
  white-space: nowrap;
}

.content .ExportManagement .search-box-subdivision .table-responsive td p {
  margin: 0 0 0 0;
}

@media screen and (max-width: 1920px) {
  .content .ExportManagement .search-box-subdivision .table-responsive td p.text-overflow {
    max-width: 120px;
    height: 16.8px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.content .PurchaseConfirmation .search-box-title {
  border-bottom: 1px solid #ddd;
}

.content .PurchaseConfirmation .search-box-title h4 {
  margin: 0 0 0 0;
}

.content .PurchaseConfirmation .search-box-body > div {
  border: 0 solid #ccc;
  padding: 8px 0;
}

.content .PurchaseConfirmation .search-box-body .search-box-select {
  margin-top: 7px;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .content .PurchaseConfirmation .search-box-body .search-box-select-contents {
    display: inline-block;
  }
}

.content .PurchaseConfirmation .search-box-body .search-box-select-contents span {
  padding: 0 5px;
  font-size: 15px;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .content .PurchaseConfirmation .search-box-body .complete-btn-box {
    display: inline;
  }
}

.content .PurchaseConfirmation .search-box-btn {
  overflow: hidden;
}

.content .PurchaseConfirmation .search-box-btn .btn:last-child {
  float: right;
}

@media screen and (max-width: 478px) {
  .content .PurchaseConfirmation .search-box-btn .btn:last-child {
    float: none;
  }
}

.content .PurchaseConfirmation .confirmation-table {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 10px;
}

.content .PurchaseConfirmation .confirmation-table ul li {
  border: 1px solid #ddd;
  min-width: 90px;
  height: 34px;
  padding: 8px;
  white-space: nowrap;
}

.content .PurchaseConfirmation .confirmation-table ul li:nth-child(n+2) {
  border-top: 0 solid #ccc;
}

.content .PurchaseConfirmation .confirmation-table .confirmation-list li {
  background-color: #f9f9f9;
}

.content .PurchaseConfirmation .confirmation-table .confirmation-contents {
  height: 394px;
  overflow-x: scroll;
  overflow-y: hidden;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.content .PurchaseConfirmation .confirmation-table .confirmation-contents li {
  border-left: 0 solid #ccc;
}

.content .ExchangeManagement .search-box-title {
  border-bottom: 1px solid #ddd;
}

.content .ExchangeManagement .search-box-title h4 {
  margin: 0 0 0 0;
}

.content .ExchangeManagement .search-box-body > div {
  border: 0 solid #ccc;
  padding: 8px 0;
}

.content .ExchangeManagement .search-box-body .search-box-select {
  margin-top: 7px;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .content .ExchangeManagement .search-box-body .search-box-select-contents {
    display: inline-block;
  }
}

.content .ExchangeManagement .search-box-body .search-box-select-contents span {
  padding: 0 5px;
  font-size: 15px;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .content .ExchangeManagement .search-box-body .complete-btn-box {
    display: inline;
  }
}

.content .ExchangeManagement .search-box-body .search-box-table-info {
  margin-top: 10px;
  font-size: 13px;
}

.content .ExchangeManagement .search-box-body .search-box-table-info p {
  margin: 0 0 0 0;
}

.content .ExchangeManagement .search-box-body .table-responsive {
  display: block;
  margin-top: 5px;
}

.content .ExchangeManagement .search-box-body .table-responsive th {
  background-color: #f9f9f9;
  border-bottom: 0 solid #ccc;
}

.content .ExchangeManagement .search-box-body .table-responsive td {
  padding: 2px 8px;
}

.content .ExchangeManagement .search-box-body .table-responsive td:first-child {
  background-color: #f9f9f9;
}

.content .ExchangeManagement .search-box-body .table-responsive td:last-child {
  text-align: center;
}

.content .ExchangeManagement .search-box-body .table-responsive td .btn:nth-child(n+2) {
  margin-left: 3px;
}

.content .MappingManagement .panel .panel-heading {
  overflow: hidden;
}

.content .MappingManagement .panel .panel-heading h4 {
  display: inline-block;
}

.content .MappingManagement .panel .panel-heading .btn {
  float: right;
}

.content .MappingManagement .panel .panel-body th {
  background-color: #f9f9f9;
  border-bottom: 0 solid #ccc;
}

.content .MappingManagement .panel .panel-body td:last-child {
  text-align: center;
}

.content .MappingManagement .panel .panel-body .show-grid {
  margin: 0 0 0 0;
}

@media screen and (max-width: 1165px) {
  .adminInfo button.dropdown-toggle {
    position: absolute;
    right: 0;
  }
  header .gnb {
    margin-top: 0;
  }
  header .gnb ul li a {
    padding: 0.2vh 0.9vw;
  }
  header .gnb ul li a img {
    width: 3vw;
  }
  header .gnb ul li a span {
    font-size: 1.1vw;
  }
}

@media screen and (max-width: 960px) {
  .adminInfo button.dropdown-toggle {
    position: relative;
    right: 0;
  }
  .login-container {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  .login-container .footer div:first-child {
    float: none !important;
    margin: 10px 0 10px 0 !important;
  }
  .login-container .footer div:first-child + div {
    float: none !important;
    text-align: center !important;
  }
  header {
    position: static;
    padding: 0;
    min-width: 100% !important;
    box-shadow: none;
  }
  header .adminInfo {
    float: left;
    margin-top: 0;
    padding: 80px 15px 5px 15px;
    width: 100%;
    height: auto;
    background-color: #fff;
    z-index: 1001;
  }
  header .adminInfo > div {
    margin-top: 0 !important;
  }
  header .adminInfo div:first-child {
    float: left;
    margin: 7px 0 0 0;
    font-size: 11px;
  }
  header .adminInfo div:first-child img {
    width: 25px;
  }
  header .adminInfo div.search {
    margin-left: 5px;
    margin-right: 0;
    width: auto;
  }
  header .adminInfo div.search input[type="text"] {
    margin: 2px 0 2px 0;
    padding: 0 25px 0 5px;
    height: 22px;
    font-size: 11px;
  }
  header .adminInfo div.search input[type="submit"] {
    top: 6px;
    right: 7px;
    background-size: 15px 15px;
    background-position: 0 0;
  }
  header .adminInfo div.btn-box {
    float: none;
    margin-top: 5px;
  }
  header .adminInfo div.btn-box button {
    padding: 3px 5px 1px 5px;
    font-size: 11px;
  }
  header .adminInfo div.btn-box span {
    font-size: 11px;
  }
  header .adminInfo div.btn-box span img {
    width: 15px;
  }
  header .adminInfo div.btn-box span.error {
    background-size: 15px 15px;
    background-position: 0 0;
  }
  header .band {
    position: fixed;
    margin: 0;
    padding: 27px 0;
    width: 100%;
    height: 80px;
    background-color: #fff;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.15);
    z-index: 1002;
  }
  header .band:after {
    content: '';
    display: table;
    clear: both !important;
  }
  header .band h1 {
    position: static;
    float: left;
    margin-top: 4px;
    width: auto;
    height: auto;
    border: none;
  }
  header .band h1 a {
    margin-top: 0;
    margin-left: 15px;
  }
  header .band .slide-bar-btn {
    position: static;
    float: right;
    margin-right: 15px;
    left: inherit;
    right: 15px;
    background: transparent url("/Content/img/icon/slide-bar-btn-icon-right.svg") no-repeat;
  }
  header .band .slide-bar-btn.slide-bar-btn-right {
    background: transparent url("/Content/img/icon/slide-bar-btn-icon-left.svg") no-repeat;
  }
  header .gnb {
    margin-top: 0px !important;
    margin-left: 0;
    padding-top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1001;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  header .gnb:after {
    content: '';
    display: table;
    clear: both !important;
  }
  header .gnb ul.nav {
    margin: 5px 15px;
    white-space: nowrap;
  }
  header .gnb ul.nav li {
    float: none;
    display: inline-block;
    width: auto;
  }
  header .gnb ul.nav a {
    padding: 4px 5px;
    text-align: center;
  }
  header .gnb ul.nav a img {
    width: 30px !important;
    height: 27pxpx !important;
  }
  header .gnb ul.nav a span {
    margin-top: 0;
    width: 0;
    height: 0;
    font-size: 0;
    text-indent: -9999px;
  }
  .sidebar {
    margin-top: -144px;
    margin-left: -240px;
    z-index: 1001;
    height: 10000px;
    overflow: hidden;
  }
  .sidebar.hide-left-bar {
    margin-top: -144px;
    margin-left: 0;
    z-index: 1001;
    box-shadow: 0 0 200px #333;
  }
  #main-content {
    margin-left: 0;
  }
  #main-content .wrapper {
    margin-top: 0;
  }
  #main-content .pagination > li > a,
  #main-content .pagination > li > span {
    padding: 6px 10px;
  }
  footer {
    margin-left: 0;
  }
  footer a {
    margin-bottom: 5px;
    display: block;
  }
  footer address {
    display: block;
  }
  footer address a {
    display: inline-block;
  }
  footer address copyright {
    display: block;
  }
  footer address + div {
    margin-top: 5px;
    display: block !important;
  }
  footer address + div a {
    display: inline-block;
  }
  footer address + div a img {
    width: 20px !important;
  }
  .form-control {
    margin: 5px 0;
  }
  .complete-btn-box {
    margin: 15px 0 !important;
  }
}

@media screen and (max-width: 610px) {
  header .adminInfo .search {
    margin-top: 5px;
  }
  header .adminInfo .btn-box {
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .tqoon-board .Info-board h3 + div span {
    font-size: 5vw;
  }
}

@media screen and (max-width: 960px) {
  .category02 .panel-body .table-responsive, .category03 .panel-body .table-responsive {
    max-height: 500px;
    overflow-y: auto;
  }
  .goods-list .panel-body .table-responsive {
    max-height: 650px;
    overflow-y: auto;
  }
  .goods-search .form-group {
    margin-bottom: 0;
  }
  .goods-search .form-group:nth-of-type(1) select {
    margin: -5px 0;
  }
  .goods-search form + div button + span {
    display: none;
  }
  .table-goods-list-info .category {
    float: left;
  }
  .table-goods-list-info .category:nth-of-type(2) {
    margin: 0 5px;
  }
  .code-01 .col-md-6, .code-02 .col-md-6 {
    text-align: left;
  }
  .code-01 div + div, .code-02 div + div {
    margin-top: 15px;
  }
}

@media screen and (max-width: 960px) {
  .order-accept-search span {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .site-management-list .search-box select {
    width: 100% !important;
  }
  .site-management-list .search-box input[type="text"] {
    width: 100% !important;
  }
}

@media screen and (max-width: 960px) {
  .calendar-icon + .calendar {
    display: inline-block;
    min-width: 93px;
    width: 30%;
  }
  .calendar-icon + .calendar + span {
    display: inline-block;
  }
  .ui-corner-all .calendar-icon + input[type="text"] {
    display: inline-block;
    min-width: 93px;
    width: 30%;
  }
  .ui-datepicker {
    left: 0 !important;
    box-shadow: 1px 1px 25px #ddd;
  }
  .same-delivery-list .box.add ul li.blank {
    padding-left: 15px !important;
  }
  .same-delivery-list .box ul li > button + div {
    width: 80% !important;
  }
  .complete-list > ul li > div:first-child {
    width: 15% !important;
  }
  .complete-list > ul li > div:nth-of-type(2) {
    width: 40% !important;
  }
  .complete-list > ul li > div:nth-of-type(3) {
    width: 18% !important;
  }
  .complete-list > ul li > div:nth-of-type(4) {
    width: 23% !important;
  }
  .same-delivery .complete-list > ul li > div:nth-of-type(5) ul li > div {
    width: 90% !important;
  }
  .scroll-top {
    left: 88%;
    top: 93%;
  }
}

p#preview img {
  max-width: 180px !important;
  max-height: 180px !important;
}

@media screen and (max-width: 960px) {
  .fixed {
    display: none !important;
  }
  .table-fixed {
    width: 100% !important;
    min-width: 776px !important;
  }
}

@media screen and (min-width: 1920px) {
  .table-fixed {
    width: 100% !important;
  }
  .table-fixed .fixed {
    width: initial !important;
  }
}