@charset "utf-8";

*{margin: 0; padding: 0;font-family: suit; color: #333; line-height: 1.4; }
.inner{position:relative; width:100%; max-width:790px; margin:0 auto; padding: 0 20px; box-sizing: border-box;}
.txt-hidden{position:relative; display:block; width:1px; height:1px; word-break:initial; word-wrap:initial; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); z-index:-1;}
button{cursor:pointer;}

/* float */
.left{float: left;}
.right{float: right;}
.clear::after{content: ""; width: 0; height: 0; display: block; clear: both;}

/* =======================================================
    list
========================================================*/
.list-dot{}
.list-dot > li {position: relative; padding-left: 12px;}
.list-dot > li:before {
  content: "";
  display: block;
  clear: both;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: #333;
  position: absolute;
  left: 0;
  top: 8px;
}

/* spinner */
.spinner-wrapper{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.1); z-index:1009;}
.spinner-inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1009;}

.spinner01 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  border-top: 3px solid #725744;
  border-right: 3px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 

/* =======================================================
   table
========================================================*/
table { border: 1px solid #333; }
table tr { border-bottom: 1px solid #333; }
table td { box-sizing: border-box; padding: 10px;  border-right: 1px solid #333; }
table td:last-child { border:none ; } 
table tr:last-child { border: none; }
/* =======================================================
   jconfirm
========================================================*/
.jconfirm .jconfirm-box { width: 90%!important ; max-width: 300px; text-align: center; padding:0; }
.jconfirm .jconfirm-box div.jconfirm-content-pane {margin-bottom:0 !important; padding: 40px 10px; box-sizing: border-box; margin-bottom: 0;}
.jconfirm-buttons { width: 100%; }
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons { float: none; padding: 0; }
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button { width: 50%; margin: 0; border-radius: 0; padding: 15px 0; color: #fff;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-confirm-single{width:100% !important;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-confirm-negative { background-color: #dbdbdb; }
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-confirm-black { background-color: #000; }
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box{padding:0 !important; border-radius:10px !important;}
.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg{opacity:.7 !important;}