/*----------------------------------------------------
    .btn
----------------------------------------------------*/
.btn {
  padding-left: 16px;
  padding-right: 16px;
}
.btn-niji {
  padding-left: 24px;
  padding-right: 24px;
}
.btn-sanji {
  padding-left: 22px;
  padding-right: 22px;
}
.btn-nopad {padding: 0}
.btn-group-sm > .btn, .btn-sm {
  font-size: 12px;
  padding: 7px 10px;
}
.btn-success {
  background-color: #96c03d;
  border-color: #82a635;
}
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success
.btn-success:hover, .btn-success:active, .btn-success.hover {
  background-color: #82a635;
  border-color: #82a635;
}
/*----------------------------------------------------
    .radio
----------------------------------------------------*/
.info-box-btn input[type="radio"]:empty {
  margin-left: -9999px;
}

input[type="radio"]:empty ~ label {
  position: relative;
  width: 100%;
  float: left;
  background-color: #e6e6e6;
  border-color: #adadad;
  padding: 0 12px;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-bottom: 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type="radio"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content:'';
  width: 3.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

input[type="radio"]:hover:not(:checked) ~ label:before {
  content:'\2714';
  text-indent: 1.4em;
  color: #aaa;
}

input[type="radio"]:hover:not(:checked) ~ label {
  color: #888;
}

input[type="radio"]:checked ~ label:before {
  content:'\2714';
  text-indent: 1.4em;
  color: #fff;
  background-color: #dd4b39;
}

input[type="radio"]:checked ~ label {
  font-weight: 700;

}
/*----------------------------------------------------
    .text-box-comment
----------------------------------------------------*/
.padding-off {padding: 0}
.text-box-comment {
  display: block;
  padding: 9.5px;
  height: 150px;
  font-size: 12px;
  color: #333;
  border: 1px solid #DEDEDE !important;
  border-radius: 4px;
  overflow-y: scroll;
}
.text-box-comment ul {
  padding-left: 46px;
  margin: 5px 0px;
  font-size: 1.2em;
}
.box-body {
  padding: 20px;
}
.box-body.coursebody {
  padding: 10px;
}
.box.box-success {
  border-top-color: #96c03d;
}
.box.box-solid.box-success>.box-header {
  color: #fff;
  background: #96c03d;
  background-color: #96c03d;
}
.box.box-solid.box-success {
  border: 1px solid #96c03d;
}
.callout.callout-success {
  background-color: #96c03d !important;
}
.callout h3.box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  padding-top: 7px;
  line-height: 1;
}
.callout ul {
  margin-bottom: 0;
  padding-left: 20px;
  font-size: 1.4rem;
}
hr {
  border-top: 1px dashed #96c03d;
  margin-bottom: 14px;
  margin-top: 14px;
}
.thumbnail hr {
  border-top: 1px dashed #ccc;
  margin-bottom: 2px;
  margin-top: 2px;
}
a:hover, a:active, a:focus {
  outline: none;
  text-decoration: none;
  color: #333;
}

.bg-success, .bg-warning {
  margin-bottom: 5px;
  background-color: #e2eeca;
  font-size: 1.8rem;
  padding: 6px;
}
.bg-warning {background-color: #f9f0c4;}
/*----------------------------------------------------
   .modal
----------------------------------------------------*/
.modal-open{overflow: hidden;}
.modal {overflow-y: auto;max-height: 100%;}
.modal-body>img { width: 100%; height: auto;}
/*----------------------------------------------------
   .table.no-border
----------------------------------------------------*/
.table.no-border.top-success {
  border-top: 1px solid #96c03d!important;}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 6px;
  line-height: 1.42857;
  vertical-align: middle;
  border: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.total-right.pointtotal {
    text-align: right !important;
    padding: 0 6px 8px 6px !important;
}
/*----------------------------------------------------
   .panel-pricing
----------------------------------------------------*/
.panel-pricing {
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.panel-pricing:hover {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.panel-pricing .panel-heading {
  padding: 20px 10px;
}
.panel-pricing .panel-heading .fa {
  margin-top: 10px;
  font-size: 58px;
}
.panel-pricing .list-group-item {
  color: #777777;
  border-bottom: 1px solid rgba(250, 250, 250, 0.5);
}
.panel-pricing .list-group-item:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.panel-pricing .list-group-item:first-child {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.panel-pricing .panel-body {
  background-color: #f0f0f0;
  font-size: 40px;
  color: #777777;
  padding: 20px;
  margin: 0px;
}
.list-group {
  margin-bottom: 0;
}
.list-group-item {
  border: 0;
  padding: 10px 0;
  font-size: 1.5rem;
}
.list-group-item.price {
  padding: 8px 8px 11px;
  font-size: 2.6rem;
  font-weight: 700;
  color:#eb7c28;
  background: #eee;
}
.list-group-item.position {
  padding: 0 8px 6px;
  font-size: 1.8rem;
  font-weight: 700
}
.pricesmall {font-size:1.6rem;}
.list-group-item.title {
  background: #f0f6e4;
  font-size: 1.7rem;
}
.list-group-item.dash {
  border-top: 1px dashed #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.list-l {
  position: relative;
  margin-left: 15%;
  min-width: 60px;
  text-align: left;
}
.list-r {
  margin-right: 25%;
  width: 150px;
  text-align: right;
}
.icol {color:#00733e;}

/*----------------------------------------------------
    .pagination
----------------------------------------------------*/
/*.pagination>li>a, .pagination>li>span {
  border-radius: 50% !important;
  margin: 0 5px;
}*/
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #96c03d;
    border-color: #96c03d;
}
.pagination {margin: 0;}
/*----------------------------------------------------
    .other
----------------------------------------------------*/
.col-xs-offset-18 {margin-left: 18%;}
.text-center {text-align: center !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.koumoku {text-align: center !important;}
.codeno {width: 80px; white-space: nowrap; text-align: center !important;}
.item { padding: 0 10px !important; text-align: left !important;}
.money {width: 100px; white-space: nowrap; text-align: right !important;}
.num {width:44px;padding-left: 2px !important;padding-right: 4px !important; text-align: right !important;}
.box-footer {padding: 10px 0 ;}
/*.thumbnail .thumbimg {height: auto;}*/
.box101 {padding-right:3px;}
.box102 {padding-left:3px;}
.combo1 {margin-bottom: 10px;}
.combo2 {margin-bottom: 30px;}
.combo0 {margin-top: 0;}
.box-body>.combo1 .table, .box-body>.combo2 .table, .box-body>.combo0 .table { margin: 15px 0;}
.pd-r10 { padding-right: 10px !important;}
.pd-l10 { padding-left: 10px !important;}
.mg-r15 { margin-right: 15px !important;}
.mg-l20 { margin-left: 20px !important;}
.btn-warning.disabled {
  background-color: #f39c12;
  color: black;
  font-weight: 700;
}
input.buy {border-color: #82a635;}
.thumbnail .info-box-content2 {
  padding: 35px 16px 45px 10px;
  margin: auto;
}
.thumbnail .info-box-btn {
  padding: 0 0 0 10px;
  margin-left: 200px;
}
.thumbnail .info-box-content table.thumbitem {
  width: 100%;
  padding-right:
}
.complia-ans {padding: 15px; font-weight: 700;}
.well {
  margin: 10px 0 25px;
  font-weight: 400;
  font-size: 2rem;
  background-color: #fefad4;
  border: 1px solid #deca06;
}
.small-box {
  border-radius: 2px;
  position: relative;
  display: block;
  margin: 20px 0;
  color: #000 !important;
  background-color: #fefad4 !important;
  border: 1px solid #deca06;
  box-shadow: none;
}
.small-box h3 {
  font-size: 24px;
  text-align: left;
  color: #8b7f04;
}
.small-box p {
  font-size: 1.6rem !important;
  text-align: justify;
}
.pd-top-15 {padding-top: 15px;}
.pd-top-25 {padding-top: 25px;}
.pd-top-20 {padding-top: 20px;}
.pd-top {padding-top: 5px;}
.pd-btom-10 {padding-bottom: 10px;}
.entry {padding: 20px 0; border-bottom: 1px dashed #ccc;}
.entry-noborder {padding: 20px 0;}
.entry-no-line {padding: 6px 0;}
.entryitem {padding: 6px 0 0; font-weight: 700}
.entryitem_ck {font-weight: 700}
.course {padding: 10px; border-top: 1px solid #ccc;}
.course-ex {padding: 0;text-align: left; }
.courseitem {padding: 8px 0 0;}
.course-box-comment {display: block; height: 91px; font-size: 14px; }
ol {padding-left: 29px;}
.box-comment {
    display: block;
    padding: 9.5px;
    height: 250px;
    font-size: 12px;
    color: #333;
    border: 1px solid #DEDEDE !important;
    border-radius: 4px;
    overflow-y: scroll;
}
.bank {padding: 0 0 20px;}
.bank2 {padding: 25px 0 20px;}

@media only screen and (max-width:480px){
  .pd-top {padding-top: 15px;}
  .pd-btom {padding-bottom: 15px;}
  .box-body {padding: 10px;}
  .complia-ans {padding: 15px 0 0;}
  .container-fluid {padding-right: 0;padding-left: 0;}
  .pd-rxs0 { padding-right: 0 !important;}
  .pd-lxs0 { padding-left: 0 !important;}
  .box101 {padding-right:15px;}
  .box102 {padding-left:15px;}
  .thumbnail .info-box-content2 {margin: auto;padding: 0 0 10px;}
  .thumbnail .info-box-btn {margin: auto;padding: 0 0 10px;}
  ol {padding-left: 19px; text-align: justify;}
  .mg-r15 { margin-right: 0 !important;}
  .table > tbody > tr > th {width: 28%;}
  .koumoku {text-align: center !important; width: auto !important;}
  .num {width:15% !important;}
  .money {width: 35% !important;}

}

/*----------------------------------------------------
    .skin-green/default
----------------------------------------------------*/
.skin-green .guide-tabs>li.active span.round-tabs {
   color: #96c03d;
}
.skin-green .box.box-success {
  border-top-color: #96c03d;
}
.skin-green .box.box-solid.box-success>.box-header {
  color: #fff;
  background: #96c03d;
  background-color: #96c03d;
}
.skin-green .box.box-solid.box-success {
  border: 1px solid #96c03d;
}
.skin-green .callout.callout-success {
  background-color: #96c03d !important;
	border-color: #00733e;
}
.skin-green hr {
  border-top: 1px dashed #96c03d;
}
.skin-green .btn-success {
	color: #fff;
  background-color: #96c03d;
  border-color: #82a635;
}
.skin-green .btn-success:active, 
.skin-green .btn-success:focus, 
.skin-green .btn-success:hover {
  background-color: #82a635;
  border-color: #82a635;
}
.skin-green .list-group-item.title {
    background: #f0f6e4;
    font-size: 1.7rem;
}
.skin-green .icol {
    color: #00733e;
}
.skin-green .table.no-border.top-success {
  border-top: 1px solid #96c03d !important;
}
.skin-green .pagination>.active>a,
.skin-green .pagination>.active>a:focus,
.skin-green .pagination>.active>a:hover,
.skin-green .pagination>.active>span,
.skin-green .pagination>.active>span:focus,
.skin-green .pagination>.active>span:hover {
	background-color: #96c03d;
	border-color: #96c03d;
}
.skin-green input.buy {
    border-color: #82a635;
}
/*----------------------------------------------------
    .skin-blue
----------------------------------------------------*/
.skin-blue .guide-tabs>li.active span.round-tabs {
   color: #66a8ce;
}
.skin-blue .box.box-success {
  border-top-color: #66a8ce;
}
.skin-blue .box.box-solid.box-success>.box-header {
  color: #fff;
  background: #66a8ce;
  background-color: #66a8ce;
}
.skin-blue .box.box-solid.box-success {
  border: 1px solid #66a8ce;
}
.skin-blue .callout.callout-success {
  background-color: #66a8ce !important;
	border-color: #2e6c8f;
}
.skin-blue hr {
  border-top: 1px dashed #66a8ce;
}
.skin-blue .btn-success {
	color: #fff;
  background-color: #66a8ce;
  border-color: #2e6c8f;
}
.skin-blue .btn-success:active, 
.skin-blue .btn-success:focus, 
.skin-blue .btn-success:hover {
  background-color: #2e6c8f;
  border-color: #2e6c8f;
}
.skin-blue .list-group-item.title {
	background: #e7f1f7;
}
.skin-blue .icol {
  color: #2e6c8f;
}
.skin-blue .table.no-border.top-success {
  border-top: 1px solid #66a8ce !important;
}
.skin-blue .bg-success {
  background-color: #e7f1f7;
}
.skin-blue .pagination>.active>a,
.skin-blue .pagination>.active>a:focus,
.skin-blue .pagination>.active>a:hover,
.skin-blue .pagination>.active>span,
.skin-blue .pagination>.active>span:focus,
.skin-blue .pagination>.active>span:hover {
	background-color: #66a8ce;
	border-color: #66a8ce;
}
.skin-blue input.buy {
  border-color: #66a8ce;
}
/*----------------------------------------------------
    .skin-red
----------------------------------------------------*/
.skin-red .guide-tabs>li.active span.round-tabs {
   color: #e6796b;
}
.skin-red .box.box-success {
  border-top-color: #e6796b;
}
.skin-red .box.box-solid.box-success>.box-header {
  color: #fff;
  background: #e6796b;
  background-color: #e6796b;
}
.skin-red .box.box-solid.box-success {
  border: 1px solid #e6796b;
}
.skin-red .callout.callout-success {
  background-color: #e6796b !important;
	border-color: #d83924;
}
.skin-red hr {
  border-top: 1px dashed #e6796b;
}
.skin-red .btn-success {
	color: #fff;
  background-color: #e6796b;
  border-color: #d83924;
}
.skin-red .btn-success:active, 
.skin-red .btn-success:focus, 
.skin-red .btn-success:hover {
  background-color: #d83924;
  border-color: #d83924;
}
.skin-red .list-group-item.title {
	background: #fae2df;
}
.skin-red .icol {
  color: #d83924;
}
.skin-red .table.no-border.top-success {
  border-top: 1px solid #e6796b !important;
}
.skin-red .bg-success {
  background-color: #fae2df;
}
.skin-red .pagination>.active>a,
.skin-red .pagination>.active>a:focus,
.skin-red .pagination>.active>a:hover,
.skin-red .pagination>.active>span,
.skin-red .pagination>.active>span:focus,
.skin-red .pagination>.active>span:hover {
	background-color: #e6796b;
	border-color: #e6796b;
}
.skin-red input.buy {
  border-color: #e6796b;
}
/*----------------------------------------------------
    .skin-yellow
----------------------------------------------------*/
.skin-yellow .guide-tabs>li.active span.round-tabs {
   color: #f7ba5a;
}
.skin-yellow .box.box-success {
  border-top-color: #f7ba5a;
}
.skin-yellow .box.box-solid.box-success>.box-header {
  color: #fff;
  background: #f7ba5a;
  background-color: #f7ba5a;
}
.skin-yellow .box.box-solid.box-success {
  border: 1px solid #f7ba5a;
}
.skin-yellow .callout.callout-success {
  background-color: #f7ba5a !important;
	border-color: #e08d0b;
}
.skin-yellow hr {
  border-top: 1px dashed #f7ba5a;
}
.skin-yellow .btn-success {
	color: #333;
  background-color: #f7ba5a;
  border-color: #e08d0b;
}
.skin-yellow .btn-success:active, 
.skin-yellow .btn-success:focus, 
.skin-yellow .btn-success:hover {
	color: #fff;
  background-color: #e08d0b;
  border-color: #e08d0b;
}
.skin-yellow .list-group-item.title {
	background: #fce9cb;
}
.skin-yellow .icol {
  color: #e08d0b;
}
.skin-yellow .table.no-border.top-success {
  border-top: 1px solid #f7ba5a !important;
}
.skin-yellow .bg-success {
  background-color: #fce9cb;
}
.skin-yellow .pagination>.active>a,
.skin-yellow .pagination>.active>a:focus,
.skin-yellow .pagination>.active>a:hover,
.skin-yellow .pagination>.active>span,
.skin-yellow .pagination>.active>span:focus,
.skin-yellow .pagination>.active>span:hover {
	background-color: #f7ba5a;
	border-color: #f7ba5a;
}
.skin-yellow input.buy {
  border-color: #f7ba5a;
}
/*----------------------------------------------------
    .skin-purple
----------------------------------------------------*/
.skin-purple .guide-tabs>li.active span.round-tabs {
   color: #8683BD;
}
.skin-purple .box.box-success {
  border-top-color: #8683BD;
}
.skin-purple .box.box-solid.box-success>.box-header {
  color: #fff;
  background: #8683BD;
  background-color: #8683BD;
}
.skin-purple .box.box-solid.box-success {
  border: 1px solid #8683BD;
}
.skin-purple .callout.callout-success {
  background-color: #8683BD !important;
	border-color: #6662ab;
}
.skin-purple hr {
  border-top: 1px dashed #8683BD;
}
.skin-purple .btn-success {
	color: #fff;
  background-color: #8683BD;
  border-color: #6662ab;
}
.skin-purple .btn-success:active, 
.skin-purple .btn-success:focus, 
.skin-purple .btn-success:hover {
	color: #fff;
  background-color: #6662ab;
  border-color: #6662ab;
}
.skin-purple .list-group-item.title {
	background: #dddcec;
}
.skin-purple .icol {
  color: #6662ab;
}
.skin-purple .table.no-border.top-success {
  border-top: 1px solid #8683BD !important;
}
.skin-purple .bg-success {
  background-color: #dddcec;
}
.skin-purple .pagination>.active>a,
.skin-purple .pagination>.active>a:focus,
.skin-purple .pagination>.active>a:hover,
.skin-purple .pagination>.active>span,
.skin-purple .pagination>.active>span:focus,
.skin-purple .pagination>.active>span:hover {
	background-color: #8683BD;
	border-color: #8683BD;
}
.skin-purple input.buy {
  border-color: #8683BD;
}