@charset "UTF-8";

/*--------------------------------------------- jQuery UI datepicker reset*/
/* line 5, scss/compass/_plugin-datepicker.scss */
body>.ui-datepicker .ui-state-default:focus,
body>.ui-datepicker .ui-widget-content .ui-state-default:focus {
  color: #fff !important;
  background: #e00 !important;
  outline: none;
}

/* line 14, scss/compass/_plugin-datepicker.scss */
body>.ui-datepicker .ui-datepicker-prev:focus,
body>.ui-datepicker .ui-datepicker-next:focus {
  border: 2px dashed #e00;
  outline: none;
}

/* line 1, scss/compass/_input.scss */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* line 14, scss/compass/_input.scss */
select {
  background-size: 10px;
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-image: url(../img/arrow.png);
}

/*-------------------------------------------------------------- 按鈕*/
/* line 4, scss/compass/_button.scss */
.butn,
input[type=button].butn,
input[type=submit].butn {
  width: auto;
  display: inline-block;
  padding: 5px 15px;
  line-height: normal;
  background-color: #008269;
  color: #fff;
  border: none;
  /*-------------------------------------------------------------- 版型原本色系*/
  /*-------------------- color setting ---------------------*/
}

/* line 15, scss/compass/_button.scss */
.butn:hover,
.butn:focus,
input[type=button].butn:hover,
input[type=button].butn:focus,
input[type=submit].butn:hover,
input[type=submit].butn:focus {
  color: #353535;
  background-color: #ffd9a1;
}

/* line 20, scss/compass/_button.scss */
.butn+.butn,
input[type=button].butn+.butn,
input[type=submit].butn+.butn {
  margin-left: 10px;
}

/* line 21, scss/compass/_button.scss */
.butn.round,
input[type=button].butn.round,
input[type=submit].butn.round {
  border-radius: 50px;
}

/* line 23, scss/compass/_button.scss */
.butn-big,
input[type=button].butn-big,
input[type=submit].butn-big {
  min-width: 150px;
  line-height: normal;
  background-color: #36669c;
  display: inline-block;
  text-align: center;
  font-size: 1.125rem;
  padding: 8px 12px;
  border-radius: 5px;
  font-weight: 400;
  color: #fff;
  /* border: 4px solid #12b091; */
}

/* line 36, scss/compass/_button.scss */
.butn-big:hover,
input[type=button].butn-big:hover,
input[type=submit].butn-big:hover {
  background-color: #03456e;
  border-color: #36669c;
}

/* line 40, scss/compass/_button.scss */
.butn-big:focus,
input[type=button].butn-big:focus,
input[type=submit].butn-big:focus {
  color: #353535;
  background-color: #ffeed4;
  border-color: #FFB03B;
}

/* line 45, scss/compass/_button.scss */
.butn-big+.butn-big,
input[type=button].butn-big+.butn-big,
input[type=submit].butn-big+.butn-big {
  margin-left: 15px;
}

/* line 46, scss/compass/_button.scss */
.butn-big.big-cancel,
input[type=button].butn-big.big-cancel,
input[type=submit].butn-big.big-cancel {
  background-color: #575757;
  /* border-color: #e75e54;  */
}

/* line 50, scss/compass/_button.scss */
.butn-big.big-cancel:hover,
input[type=button].butn-big.big-cancel:hover,
input[type=submit].butn-big.big-cancel:hover {
  background-color: #353535;
  border-color: #575757;
}

/* line 54, scss/compass/_button.scss */
.butn-big.big-cancel:focus,
input[type=button].butn-big.big-cancel:focus,
input[type=submit].butn-big.big-cancel:focus {
  color: #FFF;
  background-color: #fff;
  border-color: #575757;
}

@media only screen and (max-width: 375px) {

  /* line 64, scss/compass/_button.scss */
  .butn-box .butn-big,
  .butn-box input[type=button].butn-big,
  .butn-box input[type=submit].butn-big {
    width: calc((100% - 15px) / 2);
    min-width: inherit;
    float: left;
  }
}

/* line 73, scss/compass/_button.scss */
.template-2 .butn,
.template-2 input[type=button].butn,
.template-2 input[type=submit].butn {
  background-color: #066caa;
}

/* line 76, scss/compass/_button.scss */
.template-2 .butn:hover,
.template-2 input[type=button].butn:hover,
.template-2 input[type=submit].butn:hover {
  color: #fff;
  background-color: #025385;
}

/* line 80, scss/compass/_button.scss */
.template-2 .butn:focus,
.template-2 input[type=button].butn:focus,
.template-2 input[type=submit].butn:focus {
  color: #353535;
  background-color: #ffc790;
}

/* line 84, scss/compass/_button.scss */
.template-2 .butn-big,
.template-2 input[type=button].butn-big,
.template-2 input[type=submit].butn-big {
  color: #fff;
  background-color: #066caa;
  border-color: #025282;
}

/* line 88, scss/compass/_button.scss */
.template-2 .butn-big:hover,
.template-2 input[type=button].butn-big:hover,
.template-2 input[type=submit].butn-big:hover {
  color: #fff;
  background-color: #025385;
  border-color: #003c61;
}

/* line 93, scss/compass/_button.scss */
.template-2 .butn-big:focus,
.template-2 input[type=button].butn-big:focus,
.template-2 input[type=submit].butn-big:focus {
  color: #353535;
  background-color: #ffc790;
  border-color: #ff9733;
}

/* line 98, scss/compass/_button.scss */
.template-2 .butn-big.big-cancel,
.template-2 input[type=button].butn-big.big-cancel,
.template-2 input[type=submit].butn-big.big-cancel {
  color: #fff;
  background-color: #d33a2f;
  border-color: #e75e54;
}

/* line 103, scss/compass/_button.scss */
.template-2 .butn-big.big-cancel:hover,
.template-2 input[type=button].butn-big.big-cancel:hover,
.template-2 input[type=submit].butn-big.big-cancel:hover {
  color: #fff;
  background-color: #ff5549;
  border-color: #df4d43;
}

/* line 108, scss/compass/_button.scss */
.template-2 .butn-big.big-cancel:focus,
.template-2 input[type=button].butn-big.big-cancel:focus,
.template-2 input[type=submit].butn-big.big-cancel:focus {
  color: #353535;
  background-color: #ffd5d2;
  border-color: #999;
}

/* line 116, scss/compass/_button.scss */
.template-3 .butn,
.template-3 input[type=button].butn,
.template-3 input[type=submit].butn {
  color: #000000;
  background-color: #e7b55d;
}

/* line 120, scss/compass/_button.scss */
.template-3 .butn:hover,
.template-3 input[type=button].butn:hover,
.template-3 input[type=submit].butn:hover {
  color: #fff;
  background-color: #d29e41;
}

/* line 124, scss/compass/_button.scss */
.template-3 .butn:focus,
.template-3 input[type=button].butn:focus,
.template-3 input[type=submit].butn:focus {
  color: #fff;
  background-color: #df3232;
}

/* line 128, scss/compass/_button.scss */
.template-3 .butn-big,
.template-3 input[type=button].butn-big,
.template-3 input[type=submit].butn-big {
  color: #000;
  background-color: #eec989;
  border-color: #d29e41;
}

/* line 133, scss/compass/_button.scss */
.template-3 .butn-big:hover,
.template-3 input[type=button].butn-big:hover,
.template-3 input[type=submit].butn-big:hover {
  color: #000;
  background-color: #d29e41;
  border-color: #eec989;
}

/* line 138, scss/compass/_button.scss */
.template-3 .butn-big:focus,
.template-3 input[type=button].butn-big:focus,
.template-3 input[type=submit].butn-big:focus {
  color: #000;
  background-color: #F6C4C4;
  border-color: #e44f4f;
}

/* line 143, scss/compass/_button.scss */
.template-3 .butn-big.big-cancel,
.template-3 input[type=button].butn-big.big-cancel,
.template-3 input[type=submit].butn-big.big-cancel {
  color: #000;
  background-color: #e0c3e1;
  border-color: #7c4e7d;
}

/* line 148, scss/compass/_button.scss */
.template-3 .butn-big.big-cancel:hover,
.template-3 input[type=button].butn-big.big-cancel:hover,
.template-3 input[type=submit].butn-big.big-cancel:hover {
  color: #000;
  background-color: #b18fb2;
  border-color: #7c4e7d;
}

/* line 153, scss/compass/_button.scss */
.template-3 .butn-big.big-cancel:focus,
.template-3 input[type=button].butn-big.big-cancel:focus,
.template-3 input[type=submit].butn-big.big-cancel:focus {
  color: #000;
  background-color: #fff;
  border-color: #e44f4f;
}

/* line 161, scss/compass/_button.scss */
.template-4 .butn,
.template-4 input[type=button].butn,
.template-4 input[type=submit].butn {
  color: #353535;
  background-color: #c3e8ee;
}

/* line 165, scss/compass/_button.scss */
.template-4 .butn:hover,
.template-4 input[type=button].butn:hover,
.template-4 input[type=submit].butn:hover {
  color: #353535;
  background-color: #d0edf1;
}

/* line 169, scss/compass/_button.scss */
.template-4 .butn:focus,
.template-4 input[type=button].butn:focus,
.template-4 input[type=submit].butn:focus {
  color: #353535;
  background-color: #ffe2c5;
}

/* line 173, scss/compass/_button.scss */
.template-4 .butn-big,
.template-4 input[type=button].butn-big,
.template-4 input[type=submit].butn-big {
  color: #353535;
  background-color: #c3e8ee;
  border-color: #82cfdb;
}

/* line 178, scss/compass/_button.scss */
.template-4 .butn-big:hover,
.template-4 input[type=button].butn-big:hover,
.template-4 input[type=submit].butn-big:hover {
  color: #353535;
  background-color: #def2f5;
  border-color: #a9dee6;
}

/* line 183, scss/compass/_button.scss */
.template-4 .butn-big:focus,
.template-4 input[type=button].butn-big:focus,
.template-4 input[type=submit].butn-big:focus {
  color: #353535;
  background-color: #ffe2c5;
  border-color: #ff9733;
}

/* line 188, scss/compass/_button.scss */
.template-4 .butn-big.big-cancel,
.template-4 input[type=button].butn-big.big-cancel,
.template-4 input[type=submit].butn-big.big-cancel {
  color: #353535;
  background-color: #dae7ea;
  border-color: #cdd4d6;
}

/* line 193, scss/compass/_button.scss */
.template-4 .butn-big.big-cancel:hover,
.template-4 input[type=button].butn-big.big-cancel:hover,
.template-4 input[type=submit].butn-big.big-cancel:hover {
  background-color: #f0f5f6;
  border-color: #e0e4e5;
}

/* line 197, scss/compass/_button.scss */
.template-4 .butn-big.big-cancel:focus,
.template-4 input[type=button].butn-big.big-cancel:focus,
.template-4 input[type=submit].butn-big.big-cancel:focus {
  background-color: #fff;
  border-color: #ff9733;
}

/* line 204, scss/compass/_button.scss */
.template-5 .butn,
.template-5 input[type=button].butn,
.template-5 input[type=submit].butn {
  color: #353535;
  background-color: #ffc790;
}

/* line 208, scss/compass/_button.scss */
.template-5 .butn:hover,
.template-5 input[type=button].butn:hover,
.template-5 input[type=submit].butn:hover {
  background-color: #ff9733;
  border-color: #ffc790;
}

/* line 212, scss/compass/_button.scss */
.template-5 .butn:focus,
.template-5 input[type=button].butn:focus,
.template-5 input[type=submit].butn:focus {
  color: #353535;
  background-color: #ff9733;
}

/* line 216, scss/compass/_button.scss */
.template-5 .butn-big,
.template-5 input[type=button].butn-big,
.template-5 input[type=submit].butn-big {
  color: #353535;
  background-color: #ffc790;
  border-color: #ff9733;
}

/* line 221, scss/compass/_button.scss */
.template-5 .butn-big:hover,
.template-5 input[type=button].butn-big:hover,
.template-5 input[type=submit].butn-big:hover {
  color: #353535;
  background-color: #ff9733;
  border-color: #ffc790;
}

/* line 226, scss/compass/_button.scss */
.template-5 .butn-big:focus,
.template-5 input[type=button].butn-big:focus,
.template-5 input[type=submit].butn-big:focus {
  color: #353535;
  background-color: #ffe2c5;
  border-color: #e44f4f;
}

/* line 231, scss/compass/_button.scss */
.template-5 .butn-big.big-cancel,
.template-5 input[type=button].butn-big.big-cancel,
.template-5 input[type=submit].butn-big.big-cancel {
  color: #353535;
  background-color: #efeec0;
  border-color: #b2b052;
}

/* line 236, scss/compass/_button.scss */
.template-5 .butn-big.big-cancel:hover,
.template-5 input[type=button].butn-big.big-cancel:hover,
.template-5 input[type=submit].butn-big.big-cancel:hover {
  background-color: #b2b052;
  border-color: #cfce92;
}

/* line 240, scss/compass/_button.scss */
.template-5 .butn-big.big-cancel:focus,
.template-5 input[type=button].butn-big.big-cancel:focus,
.template-5 input[type=submit].butn-big.big-cancel:focus {
  background-color: #fff;
  border-color: #e44f4f;
}

/* line 247, scss/compass/_button.scss */
.template-6 .butn,
.template-6 input[type=button].butn,
.template-6 input[type=submit].butn {
  color: #353535;
  border: 1px solid #fff;
  background-color: #cde9fa;
}

/* line 252, scss/compass/_button.scss */
.template-6 .butn:hover,
.template-6 input[type=button].butn:hover,
.template-6 input[type=submit].butn:hover {
  color: #353535;
  background-color: #cde9fa;
}

/* line 256, scss/compass/_button.scss */
.template-6 .butn:focus,
.template-6 input[type=button].butn:focus,
.template-6 input[type=submit].butn:focus {
  color: #353535;
  background-color: #FFE16D;
}

/* line 260, scss/compass/_button.scss */
.template-6 .butn-big,
.template-6 input[type=button].butn-big,
.template-6 input[type=submit].butn-big {
  color: #353535;
  background-color: #ecf7fd;
  border-color: #94c4e4;
}

/* line 265, scss/compass/_button.scss */
.template-6 .butn-big:hover,
.template-6 input[type=button].butn-big:hover,
.template-6 input[type=submit].butn-big:hover {
  color: #353535;
  background-color: #cde9fa;
  border-color: #81a9c3;
}

/* line 270, scss/compass/_button.scss */
.template-6 .butn-big:focus,
.template-6 input[type=button].butn-big:focus,
.template-6 input[type=submit].butn-big:focus {
  color: #353535;
  background-color: #FFE16D;
  border-color: #e44f4f;
}

/* line 275, scss/compass/_button.scss */
.template-6 .butn-big.big-cancel,
.template-6 input[type=button].butn-big.big-cancel,
.template-6 input[type=submit].butn-big.big-cancel {
  color: #353535;
  background-color: #f5f5f5;
  border-color: #b1c5ce;
}

/* line 280, scss/compass/_button.scss */
.template-6 .butn-big.big-cancel:hover,
.template-6 input[type=button].butn-big.big-cancel:hover,
.template-6 input[type=submit].butn-big.big-cancel:hover {
  color: #353535;
  background-color: #ececec;
  border-color: #83949b;
}

/* line 285, scss/compass/_button.scss */
.template-6 .butn-big.big-cancel:focus,
.template-6 input[type=button].butn-big.big-cancel:focus,
.template-6 input[type=submit].butn-big.big-cancel:focus {
  color: #353535;
  background-color: #FFE16D;
  border-color: #e44f4f;
}

/* line 293, scss/compass/_button.scss */
.template-7 .butn,
.template-7 input[type=button].butn,
.template-7 input[type=submit].butn {
  color: #353535;
  background-color: #c8e0c8;
}

/* line 297, scss/compass/_button.scss */
.template-7 .butn:hover,
.template-7 input[type=button].butn:hover,
.template-7 input[type=submit].butn:hover {
  color: #353535;
  background-color: #deecde;
}

/* line 301, scss/compass/_button.scss */
.template-7 .butn:focus,
.template-7 input[type=button].butn:focus,
.template-7 input[type=submit].butn:focus {
  color: #353535;
  background-color: #ffe2c5;
}

/* line 305, scss/compass/_button.scss */
.template-7 .butn-big,
.template-7 input[type=button].butn-big,
.template-7 input[type=submit].butn-big {
  color: #353535;
  background-color: #deecde;
  border-color: #9dc89d;
}

/* line 310, scss/compass/_button.scss */
.template-7 .butn-big:hover,
.template-7 input[type=button].butn-big:hover,
.template-7 input[type=submit].butn-big:hover {
  color: #353535;
  background-color: #c8e0c8;
  border-color: #87bc87;
}

/* line 315, scss/compass/_button.scss */
.template-7 .butn-big:focus,
.template-7 input[type=button].butn-big:focus,
.template-7 input[type=submit].butn-big:focus {
  color: #353535;
  background-color: #ffe2c5;
  border-color: #ff9733;
}

/* line 320, scss/compass/_button.scss */
.template-7 .butn-big.big-cancel,
.template-7 input[type=button].butn-big.big-cancel,
.template-7 input[type=submit].butn-big.big-cancel {
  color: #353535;
  background-color: #e9ede9;
  border-color: #cdd4d6;
}

/* line 325, scss/compass/_button.scss */
.template-7 .butn-big.big-cancel:hover,
.template-7 input[type=button].butn-big.big-cancel:hover,
.template-7 input[type=submit].butn-big.big-cancel:hover {
  background-color: #dfe6df;
  border-color: #bac4c7;
}

/* line 329, scss/compass/_button.scss */
.template-7 .butn-big.big-cancel:focus,
.template-7 input[type=button].butn-big.big-cancel:focus,
.template-7 input[type=submit].butn-big.big-cancel:focus {
  background-color: #fff;
  border-color: #ff9733;
}

/* line 340, scss/compass/_button.scss */
.template-12 .butn,
.template-12 input[type=button].butn,
.template-12 input[type=submit].butn {
  color: #353535;
  border: 1px solid #fff;
  background-color: #f8e2e4;
}

/* line 345, scss/compass/_button.scss */
.template-12 .butn:hover,
.template-12 input[type=button].butn:hover,
.template-12 input[type=submit].butn:hover {
  color: #353535;
  background-color: #f5d4d8;
}

/* line 349, scss/compass/_button.scss */
.template-12 .butn:focus,
.template-12 input[type=button].butn:focus,
.template-12 input[type=submit].butn:focus {
  color: #353535;
  background-color: #FFE16D;
}

/* line 353, scss/compass/_button.scss */
.template-12 .butn-big,
.template-12 input[type=button].butn-big,
.template-12 input[type=submit].butn-big {
  color: #353535;
  background-color: #f8e2e4;
  border-color: #ecaab2;
}

/* line 358, scss/compass/_button.scss */
.template-12 .butn-big:hover,
.template-12 input[type=button].butn-big:hover,
.template-12 input[type=submit].butn-big:hover {
  color: #353535;
  background-color: #fbf0f1;
  border-color: #e99da5;
}

/* line 363, scss/compass/_button.scss */
.template-12 .butn-big:focus,
.template-12 input[type=button].butn-big:focus,
.template-12 input[type=submit].butn-big:focus {
  color: #353535;
  background-color: #FFE16D;
  border-color: #e44f4f;
}

/* line 368, scss/compass/_button.scss */
.template-12 .butn-big.big-cancel,
.template-12 input[type=button].butn-big.big-cancel,
.template-12 input[type=submit].butn-big.big-cancel {
  color: #353535;
  background-color: #cbe4ee;
  border-color: #b1c5ce;
}

/* line 373, scss/compass/_button.scss */
.template-12 .butn-big.big-cancel:hover,
.template-12 input[type=button].butn-big.big-cancel:hover,
.template-12 input[type=submit].butn-big.big-cancel:hover {
  color: #353535;
  background-color: #d8ebf2;
  border-color: #a7bdc7;
}

/* line 378, scss/compass/_button.scss */
.template-12 .butn-big.big-cancel:focus,
.template-12 input[type=button].butn-big.big-cancel:focus,
.template-12 input[type=submit].butn-big.big-cancel:focus {
  color: #353535;
  background-color: #FFE16D;
  border-color: #e44f4f;
}

/* line 394, scss/compass/_button.scss */
.template-21 .butn,
.template-21 input[type=button].butn,
.template-21 input[type=submit].butn {
  background-color: #006482;
  border-radius: 8px;
}

/* line 397, scss/compass/_button.scss */
.template-21 .butn:hover,
.template-21 input[type=button].butn:hover,
.template-21 input[type=submit].butn:hover {
  color: #fff;
  background-color: #c33e1b;
}

/* line 401, scss/compass/_button.scss */
.template-21 .butn:focus,
.template-21 input[type=button].butn:focus,
.template-21 input[type=submit].butn:focus {
  color: #fff;
  background-color: #c33e1b;
}

/* line 405, scss/compass/_button.scss */
.template-21 .butn-big,
.template-21 input[type=button].butn-big,
.template-21 input[type=submit].butn-big {
  color: #fff;
  background-color: #008489;
  border-color: #008489;
  border-radius: 12px;
}

/* line 410, scss/compass/_button.scss */
.template-21 .butn-big:hover,
.template-21 input[type=button].butn-big:hover,
.template-21 input[type=submit].butn-big:hover {
  color: #fff;
  background-color: #c33e1b;
  border-color: #c33e1b;
}

/* line 415, scss/compass/_button.scss */
.template-21 .butn-big:focus,
.template-21 input[type=button].butn-big:focus,
.template-21 input[type=submit].butn-big:focus {
  color: #fff;
  background-color: #c33e1b;
  border-color: #c33e1b;
}

/* line 420, scss/compass/_button.scss */
.template-21 .butn-big.big-cancel,
.template-21 input[type=button].butn-big.big-cancel,
.template-21 input[type=submit].butn-big.big-cancel {
  color: #fff;
  background-color: #006382;
  border-color: #006382;
}

/* line 425, scss/compass/_button.scss */
.template-21 .butn-big.big-cancel:hover,
.template-21 input[type=button].butn-big.big-cancel:hover,
.template-21 input[type=submit].butn-big.big-cancel:hover {
  background-color: #c33e1b;
  border-color: #c33e1b;
}

/* line 429, scss/compass/_button.scss */
.template-21 .butn-big.big-cancel:focus,
.template-21 input[type=button].butn-big.big-cancel:focus,
.template-21 input[type=submit].butn-big.big-cancel:focus {
  background-color: #c33e1b;
  border-color: #c33e1b;
}

/* line 440, scss/compass/_button.scss */
.color-style1 .butn,
.color-style1 input[type=button].butn,
.color-style1 input[type=submit].butn {
  color: #fff;
  background-color: #36669c;
}

/* line 444, scss/compass/_button.scss */
.color-style1 .butn:hover,
.color-style1 input[type=button].butn:hover,
.color-style1 input[type=submit].butn:hover {
  color: #fff;
  background-color: #285b95;
}

/* line 448, scss/compass/_button.scss */
.color-style1 .butn:focus,
.color-style1 input[type=button].butn:focus,
.color-style1 input[type=submit].butn:focus {
  color: #000;
  background-color: #ffd79f;
}

/* line 452, scss/compass/_button.scss */
.color-style1 .butn-big,
.color-style1 input[type=button].butn-big,
.color-style1 input[type=submit].butn-big {
  color: #fff;
  background-color: #36669c;
  /* border-color: #284f7c;*/
}


@media only screen and (max-width: 768px) {
  .color-style1 .butn-big,
.color-style1 input[type=button].butn-big,
.color-style1 input[type=submit].butn-big {
  margin:0 auto;
}
}
/* line 457, scss/compass/_button.scss */
.color-style1 .butn-big:hover,
.color-style1 input[type=button].butn-big:hover,
.color-style1 input[type=submit].butn-big:hover {
  color: #fff;
  background-color: #285b95;
  border-color: #759cc6;
}

/* line 462, scss/compass/_button.scss */
.color-style1 .butn-big:focus,
.color-style1 input[type=button].butn-big:focus,
.color-style1 input[type=submit].butn-big:focus {
  color: #FFF;
  background-color: #285b95;
  border-color: #759cc6;
}

/* line 467, scss/compass/_button.scss */
.color-style1 .butn-big.big-cancel,
.color-style1 input[type=button].butn-big.big-cancel,
.color-style1 input[type=submit].butn-big.big-cancel {
  color: #fff;
  background-color: #757575;
  border-color: #cccccc;
}

/* line 472, scss/compass/_button.scss */
.color-style1 .butn-big.big-cancel:hover,
.color-style1 input[type=button].butn-big.big-cancel:hover,
.color-style1 input[type=submit].butn-big.big-cancel:hover {
  color: #fff;
  background-color: #666666;
  border-color: #bdbdbd;
}

/* line 477, scss/compass/_button.scss */
.color-style1 .butn-big.big-cancel:focus,
.color-style1 input[type=button].butn-big.big-cancel:focus,
.color-style1 input[type=submit].butn-big.big-cancel:focus {
  color: #000;
  background-color: #dedede;
  border-color: #ffb44a;
}

/* line 487, scss/compass/_button.scss */
.color-style2 .butn,
.color-style2 input[type=button].butn,
.color-style2 input[type=submit].butn {
  color: #fff;
  background-color: #a83d3d;
}

/* line 491, scss/compass/_button.scss */
.color-style2 .butn:hover,
.color-style2 input[type=button].butn:hover,
.color-style2 input[type=submit].butn:hover {
  color: #fff;
  background-color: #be4f4f;
}

/* line 495, scss/compass/_button.scss */
.color-style2 .butn:focus,
.color-style2 input[type=button].butn:focus,
.color-style2 input[type=submit].butn:focus {
  color: #353535;
  background-color: #ffc36d;
}

/* line 499, scss/compass/_button.scss */
.color-style2 .butn-big,
.color-style2 input[type=button].butn-big,
.color-style2 input[type=submit].butn-big {
  color: #fff;
  background-color: #a83d3d;
  border-color: #e05757;
}

/* line 504, scss/compass/_button.scss */
.color-style2 .butn-big:hover,
.color-style2 input[type=button].butn-big:hover,
.color-style2 input[type=submit].butn-big:hover {
  color: #fff;
  background-color: #be4f4f;
  border-color: #ed9f9f;
}

/* line 509, scss/compass/_button.scss */
.color-style2 .butn-big:focus,
.color-style2 input[type=button].butn-big:focus,
.color-style2 input[type=submit].butn-big:focus {
  color: #353535;
  background-color: #ffc36d;
  border-color: #e39019;
}

/* line 514, scss/compass/_button.scss */
.color-style2 .butn-big.big-cancel,
.color-style2 input[type=button].butn-big.big-cancel,
.color-style2 input[type=submit].butn-big.big-cancel {
  color: #fff;
  background-color: #757575;
  border-color: #cccccc;
}

/* line 519, scss/compass/_button.scss */
.color-style2 .butn-big.big-cancel:hover,
.color-style2 input[type=button].butn-big.big-cancel:hover,
.color-style2 input[type=submit].butn-big.big-cancel:hover {
  color: #fff;
  background-color: #666666;
  border-color: #bdbdbd;
}

/* line 524, scss/compass/_button.scss */
.color-style2 .butn-big.big-cancel:focus,
.color-style2 input[type=button].butn-big.big-cancel:focus,
.color-style2 input[type=submit].butn-big.big-cancel:focus {
  color: #353535;
  background-color: #dedede;
  border-color: #ffb852;
}

/* line 532, scss/compass/_button.scss */
.color-style2.template-7 .butn,
.color-style2.template-7 input[type=button].butn,
.color-style2.template-7 input[type=submit].butn {
  color: #000;
  background-color: #ffc36d;
}

/* line 536, scss/compass/_button.scss */
.color-style2.template-7 .butn:hover,
.color-style2.template-7 input[type=button].butn:hover,
.color-style2.template-7 input[type=submit].butn:hover {
  color: #000;
  background-color: #feba59;
}

/* line 540, scss/compass/_button.scss */
.color-style2.template-7 .butn:focus,
.color-style2.template-7 input[type=button].butn:focus,
.color-style2.template-7 input[type=submit].butn:focus {
  color: #000;
  background-color: #F6C4C4;
}

/* line 544, scss/compass/_button.scss */
.color-style2.template-7 .butn-big,
.color-style2.template-7 input[type=button].butn-big,
.color-style2.template-7 input[type=submit].butn-big {
  color: #000;
  background-color: #ffc36d;
  border-color: #e39019;
}

/* line 549, scss/compass/_button.scss */
.color-style2.template-7 .butn-big:hover,
.color-style2.template-7 input[type=button].butn-big:hover,
.color-style2.template-7 input[type=submit].butn-big:hover {
  color: #000;
  background-color: #feba59;
  border-color: #ce8215;
}

/* line 554, scss/compass/_button.scss */
.color-style2.template-7 .butn-big:focus,
.color-style2.template-7 input[type=button].butn-big:focus,
.color-style2.template-7 input[type=submit].butn-big:focus {
  color: #000;
  background-color: #F6C4C4;
  border-color: #e44f4f;
}

/* line 559, scss/compass/_button.scss */
.color-style2.template-7 .butn-big.big-cancel,
.color-style2.template-7 input[type=button].butn-big.big-cancel,
.color-style2.template-7 input[type=submit].butn-big.big-cancel {
  color: #000;
  background-color: #d3d3d3;
  border-color: #999999;
}

/* line 564, scss/compass/_button.scss */
.color-style2.template-7 .butn-big.big-cancel:hover,
.color-style2.template-7 input[type=button].butn-big.big-cancel:hover,
.color-style2.template-7 input[type=submit].butn-big.big-cancel:hover {
  color: #000;
  background-color: #c5c5c5;
  border-color: #6d6d6d;
}

/* line 569, scss/compass/_button.scss */
.color-style2.template-7 .butn-big.big-cancel:focus,
.color-style2.template-7 input[type=button].butn-big.big-cancel:focus,
.color-style2.template-7 input[type=submit].butn-big.big-cancel:focus {
  color: #000;
  background-color: #fff;
  border-color: #e44f4f;
}

/* line 579, scss/compass/_button.scss */
.color-style3 .butn,
.color-style3 input[type=button].butn,
.color-style3 input[type=submit].butn {
  color: #000;
  background-color: #ffc36d;
}

/* line 583, scss/compass/_button.scss */
.color-style3 .butn:hover,
.color-style3 input[type=button].butn:hover,
.color-style3 input[type=submit].butn:hover {
  color: #000;
  background-color: #feba59;
}

/* line 587, scss/compass/_button.scss */
.color-style3 .butn:focus,
.color-style3 input[type=button].butn:focus,
.color-style3 input[type=submit].butn:focus {
  color: #000;
  background-color: #F6C4C4;
}

/* line 591, scss/compass/_button.scss */
.color-style3 .butn-big,
.color-style3 input[type=button].butn-big,
.color-style3 input[type=submit].butn-big {
  color: #000;
  background-color: #ffc36d;
  border-color: #e39019;
}

/* line 596, scss/compass/_button.scss */
.color-style3 .butn-big:hover,
.color-style3 input[type=button].butn-big:hover,
.color-style3 input[type=submit].butn-big:hover {
  color: #000;
  background-color: #feba59;
  border-color: #ce8215;
}

/* line 601, scss/compass/_button.scss */
.color-style3 .butn-big:focus,
.color-style3 input[type=button].butn-big:focus,
.color-style3 input[type=submit].butn-big:focus {
  color: #000;
  background-color: #F6C4C4;
  border-color: #e44f4f;
}

/* line 606, scss/compass/_button.scss */
.color-style3 .butn-big.big-cancel,
.color-style3 input[type=button].butn-big.big-cancel,
.color-style3 input[type=submit].butn-big.big-cancel {
  color: #000;
  background-color: #d3d3d3;
  border-color: #999999;
}

/* line 611, scss/compass/_button.scss */
.color-style3 .butn-big.big-cancel:hover,
.color-style3 input[type=button].butn-big.big-cancel:hover,
.color-style3 input[type=submit].butn-big.big-cancel:hover {
  color: #000;
  background-color: #c5c5c5;
  border-color: #6d6d6d;
}

/* line 616, scss/compass/_button.scss */
.color-style3 .butn-big.big-cancel:focus,
.color-style3 input[type=button].butn-big.big-cancel:focus,
.color-style3 input[type=submit].butn-big.big-cancel:focus {
  color: #000;
  background-color: #fff;
  border-color: #e44f4f;
}

/* line 626, scss/compass/_button.scss */
.color-style4 .butn,
.color-style4 input[type=button].butn,
.color-style4 input[type=submit].butn {
  color: #fff;
  background-color: #188144;
}

/* line 630, scss/compass/_button.scss */
.color-style4 .butn:hover,
.color-style4 input[type=button].butn:hover,
.color-style4 input[type=submit].butn:hover {
  color: #fff;
  background-color: #15733c;
}

/* line 634, scss/compass/_button.scss */
.color-style4 .butn:focus,
.color-style4 input[type=button].butn:focus,
.color-style4 input[type=submit].butn:focus {
  color: #353535;
  background-color: #ffe2c5;
}

/* line 638, scss/compass/_button.scss */
.color-style4 .butn-big,
.color-style4 input[type=button].butn-big,
.color-style4 input[type=submit].butn-big {
  color: #ffffff;
  background-color: #188144;
  border-color: #39ad6a;
}

/* line 643, scss/compass/_button.scss */
.color-style4 .butn-big:hover,
.color-style4 input[type=button].butn-big:hover,
.color-style4 input[type=submit].butn-big:hover {
  color: #ffffff;
  background-color: #15733c;
  border-color: #46c27a;
}

/* line 648, scss/compass/_button.scss */
.color-style4 .butn-big:focus,
.color-style4 input[type=button].butn-big:focus,
.color-style4 input[type=submit].butn-big:focus {
  color: #353535;
  background-color: #ffe2c5;
  border-color: #e44f4f;
}

/* line 653, scss/compass/_button.scss */
.color-style4 .butn-big.big-cancel,
.color-style4 input[type=button].butn-big.big-cancel,
.color-style4 input[type=submit].butn-big.big-cancel {
  color: #fff;
  background-color: #6d6d6d;
  border-color: #999999;
}

/* line 657, scss/compass/_button.scss */
.color-style4 .butn-big.big-cancel:hover,
.color-style4 input[type=button].butn-big.big-cancel:hover,
.color-style4 input[type=submit].butn-big.big-cancel:hover {
  color: #ffffff;
  background-color: #757575;
  border-color: #aaaaaa;
}

/* line 662, scss/compass/_button.scss */
.color-style4 .butn-big.big-cancel:focus,
.color-style4 input[type=button].butn-big.big-cancel:focus,
.color-style4 input[type=submit].butn-big.big-cancel:focus {
  color: #353535;
  background-color: #ffe2c5;
  border-color: #e44f4f;
}

/* line 670, scss/compass/_button.scss */
.color-style4.template-7 .butn,
.color-style4.template-7 input[type=button].butn,
.color-style4.template-7 input[type=submit].butn {
  color: #000;
  background-color: #ffc36d;
}

/* line 674, scss/compass/_button.scss */
.color-style4.template-7 .butn:hover,
.color-style4.template-7 input[type=button].butn:hover,
.color-style4.template-7 input[type=submit].butn:hover {
  color: #000;
  background-color: #feba59;
}

/* line 678, scss/compass/_button.scss */
.color-style4.template-7 .butn:focus,
.color-style4.template-7 input[type=button].butn:focus,
.color-style4.template-7 input[type=submit].butn:focus {
  color: #000;
  background-color: #F6C4C4;
}

/* line 682, scss/compass/_button.scss */
.color-style4.template-7 .butn-big,
.color-style4.template-7 input[type=button].butn-big,
.color-style4.template-7 input[type=submit].butn-big {
  color: #000;
  background-color: #ffc36d;
  border-color: #e39019;
}

/* line 687, scss/compass/_button.scss */
.color-style4.template-7 .butn-big:hover,
.color-style4.template-7 input[type=button].butn-big:hover,
.color-style4.template-7 input[type=submit].butn-big:hover {
  color: #000;
  background-color: #feba59;
  border-color: #ce8215;
}

/* line 692, scss/compass/_button.scss */
.color-style4.template-7 .butn-big:focus,
.color-style4.template-7 input[type=button].butn-big:focus,
.color-style4.template-7 input[type=submit].butn-big:focus {
  color: #000;
  background-color: #F6C4C4;
  border-color: #e44f4f;
}

/* line 697, scss/compass/_button.scss */
.color-style4.template-7 .butn-big.big-cancel,
.color-style4.template-7 input[type=button].butn-big.big-cancel,
.color-style4.template-7 input[type=submit].butn-big.big-cancel {
  color: #000;
  background-color: #d3d3d3;
  border-color: #999999;
}

/* line 702, scss/compass/_button.scss */
.color-style4.template-7 .butn-big.big-cancel:hover,
.color-style4.template-7 input[type=button].butn-big.big-cancel:hover,
.color-style4.template-7 input[type=submit].butn-big.big-cancel:hover {
  color: #000;
  background-color: #c5c5c5;
  border-color: #6d6d6d;
}

/* line 707, scss/compass/_button.scss */
.color-style4.template-7 .butn-big.big-cancel:focus,
.color-style4.template-7 input[type=button].butn-big.big-cancel:focus,
.color-style4.template-7 input[type=submit].butn-big.big-cancel:focus {
  color: #000;
  background-color: #fff;
  border-color: #e44f4f;
}

/* line 717, scss/compass/_button.scss */
.color-style5 .butn,
.color-style5 input[type=button].butn,
.color-style5 input[type=submit].butn {
  color: #353535;
  background-color: #ff9999;
}

/* line 721, scss/compass/_button.scss */
.color-style5 .butn:hover,
.color-style5 input[type=button].butn:hover,
.color-style5 input[type=submit].butn:hover {
  color: #000;
  background-color: #faa;
}

/* line 725, scss/compass/_button.scss */
.color-style5 .butn:focus,
.color-style5 input[type=button].butn:focus,
.color-style5 input[type=submit].butn:focus {
  color: #000;
  background-color: #ffe2c5;
}

/* line 729, scss/compass/_button.scss */
.color-style5 .butn-big,
.color-style5 input[type=button].butn-big,
.color-style5 input[type=submit].butn-big {
  color: #000;
  background-color: #ff9999;
  border-color: #ffbcbc;
}

/* line 733, scss/compass/_button.scss */
.color-style5 .butn-big:hover,
.color-style5 input[type=button].butn-big:hover,
.color-style5 input[type=submit].butn-big:hover {
  color: #000;
  background-color: #faa;
  border-color: #ffcdcd;
}

/* line 738, scss/compass/_button.scss */
.color-style5 .butn-big:focus,
.color-style5 input[type=button].butn-big:focus,
.color-style5 input[type=submit].butn-big:focus {
  color: #000;
  background-color: #ffe2c5;
  border-color: #ea6e6e;
}

/* line 743, scss/compass/_button.scss */
.color-style5 .butn-big.big-cancel,
.color-style5 input[type=button].butn-big.big-cancel,
.color-style5 input[type=submit].butn-big.big-cancel {
  color: #000;
  background-color: #aaaaaa;
  border-color: #cccccc;
}

/* line 747, scss/compass/_button.scss */
.color-style5 .butn-big.big-cancel:hover,
.color-style5 input[type=button].butn-big.big-cancel:hover,
.color-style5 input[type=submit].butn-big.big-cancel:hover {
  color: #000;
  background-color: #cccccc;
  border-color: #aaaaaa;
}

/* line 752, scss/compass/_button.scss */
.color-style5 .butn-big.big-cancel:focus,
.color-style5 input[type=button].butn-big.big-cancel:focus,
.color-style5 input[type=submit].butn-big.big-cancel:focus {
  color: #000;
  background-color: #ffe2c5;
  border-color: #ea6e6e;
}

/* line 762, scss/compass/_button.scss */
.color-style6 .butn,
.color-style6 input[type=button].butn,
.color-style6 input[type=submit].butn {
  color: #fff;
  background-color: #802b93;
}

/* line 766, scss/compass/_button.scss */
.color-style6 .butn:hover,
.color-style6 input[type=button].butn:hover,
.color-style6 input[type=submit].butn:hover {
  color: #fff;
  background-color: #9733ad;
}

/* line 770, scss/compass/_button.scss */
.color-style6 .butn:focus,
.color-style6 input[type=button].butn:focus,
.color-style6 input[type=submit].butn:focus {
  color: #353535;
  background-color: #ffe2c5;
}

/* line 774, scss/compass/_button.scss */
.color-style6 .butn-big,
.color-style6 input[type=button].butn-big,
.color-style6 input[type=submit].butn-big {
  color: #fff;
  background-color: #802b93;
  border-color: #aa57bd;
}

/* line 779, scss/compass/_button.scss */
.color-style6 .butn-big:hover,
.color-style6 input[type=button].butn-big:hover,
.color-style6 input[type=submit].butn-big:hover {
  color: #fff;
  background-color: #9733ad;
  border-color: #b66fc7;
}

/* line 784, scss/compass/_button.scss */
.color-style6 .butn-big:focus,
.color-style6 input[type=button].butn-big:focus,
.color-style6 input[type=submit].butn-big:focus {
  color: #353535;
  background-color: #ffe2c5;
  border-color: #b66fc7;
}

/* line 789, scss/compass/_button.scss */
.color-style6 .butn-big.big-cancel,
.color-style6 input[type=button].butn-big.big-cancel,
.color-style6 input[type=submit].butn-big.big-cancel {
  color: #fff;
  background-color: #6d6d6d;
  border-color: #999999;
}

/* line 793, scss/compass/_button.scss */
.color-style6 .butn-big.big-cancel:hover,
.color-style6 input[type=button].butn-big.big-cancel:hover,
.color-style6 input[type=submit].butn-big.big-cancel:hover {
  color: #fff;
  background-color: #757575;
  border-color: #aaaaaa;
}

/* line 798, scss/compass/_button.scss */
.color-style6 .butn-big.big-cancel:focus,
.color-style6 input[type=button].butn-big.big-cancel:focus,
.color-style6 input[type=submit].butn-big.big-cancel:focus {
  color: #353535;
  background-color: #ffe2c5;
  border-color: #b66fc7;
}

/*-------------------------------------------------------------- 標題*/
/* line 2, scss/compass/_title.scss */
.title-paging,
.tool-button .light-box .light-box-content .title {
  color: #008269;
  padding: 0 5px;
  line-height: normal;
  font-size: 1.56rem;
  font-weight: bold;
  margin: 7px 0 10px;
  border-bottom: 4px solid #008269;
  padding-bottom: 2px;
  box-shadow: 0px 3px 0px 0px #ddd;
  /* English Version */
}

/* line 14, scss/compass/_title.scss */
.title-paging.full,
.tool-button .light-box .light-box-content .title.full {
  margin: 5px 0 25px;
}

/* line 17, scss/compass/_title.scss */
html:lang(en) .title-paging,
html:lang(en) .tool-button .light-box .light-box-content .title {
  font-size: 1.35rem;
}

/* line 19, scss/compass/_title.scss */
.span-page-title {
  color: #008269;
  padding: 0 5px;
  line-height: normal;
  font-size: 1.56rem;
  font-weight: bold;
  margin: 7px 0 10px;
  border-bottom: 4px solid #008269;
  padding-bottom: 2px;
  box-shadow: 0px 3px 0px 0px #ddd;
  width: 100%;
  display: block;
  /* English Version */
}

/* line 31, scss/compass/_title.scss */
.span-page-title.full {
  margin: 5px 0 25px;
}

/* line 34, scss/compass/_title.scss */
html:lang(en) .span-page-title {
  font-size: 1.35rem;
}

/* line 37, scss/compass/_title.scss */
h1.h1-page-title {
  font-size: 1.5rem;
  font-weight: 300;
  padding: 5px 0;
  line-height: normal;
  margin-bottom: 10px;
  border-bottom: 4px solid #008269;
  box-shadow: 0px 3px 0px 0px #ddd;
  color: #575757;
  position: relative;
}

/* line 51, scss/compass/_title.scss */
h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .title,
.template-3 .lightBox-bg .lightBox-content .title,
.template-4 .lightBox-bg .lightBox-content .title,
.template-5 .lightBox-bg .lightBox-content .title,
.template-6 .lightBox-bg .lightBox-content .title,
.template-7 .lightBox-bg .lightBox-content .title,
.template-12 .lightBox-bg .lightBox-content .title,
.color-style1 .lightBox-bg .lightBox-content .title,
.color-style2 .lightBox-bg .lightBox-content .title,
.color-style3 .lightBox-bg .lightBox-content .title,
.color-style4 .lightBox-bg .lightBox-content .title,
.color-style5 .lightBox-bg .lightBox-content .title,
.color-style6 .lightBox-bg .lightBox-content .title,
.template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content h2 {
  color: #008269;
  padding: 0 5px;
  line-height: normal;
  font-size: 1.56rem;
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: 3px solid #008269;
  padding-bottom: 5px;
  box-shadow: 0px 2px 0px 0px #ddd;
  /* English Version */
}

/* line 63, scss/compass/_title.scss */
html:lang(en) h2.h2-title,
html:lang(en) .template-2 .lightBox-bg .lightBox-content .title,
.template-2 .lightBox-bg .lightBox-content html:lang(en) .title,
html:lang(en) .template-3 .lightBox-bg .lightBox-content .title,
.template-3 .lightBox-bg .lightBox-content html:lang(en) .title,
html:lang(en) .template-4 .lightBox-bg .lightBox-content .title,
.template-4 .lightBox-bg .lightBox-content html:lang(en) .title,
html:lang(en) .template-5 .lightBox-bg .lightBox-content .title,
.template-5 .lightBox-bg .lightBox-content html:lang(en) .title,
html:lang(en) .template-6 .lightBox-bg .lightBox-content .title,
.template-6 .lightBox-bg .lightBox-content html:lang(en) .title,
html:lang(en) .template-7 .lightBox-bg .lightBox-content .title,
.template-7 .lightBox-bg .lightBox-content html:lang(en) .title,
html:lang(en) .template-12 .lightBox-bg .lightBox-content .title,
.template-12 .lightBox-bg .lightBox-content html:lang(en) .title,
html:lang(en) .color-style1 .lightBox-bg .lightBox-content .title,
.color-style1 .lightBox-bg .lightBox-content html:lang(en) .title,
html:lang(en) .color-style2 .lightBox-bg .lightBox-content .title,
.color-style2 .lightBox-bg .lightBox-content html:lang(en) .title,
html:lang(en) .color-style3 .lightBox-bg .lightBox-content .title,
.color-style3 .lightBox-bg .lightBox-content html:lang(en) .title,
html:lang(en) .color-style4 .lightBox-bg .lightBox-content .title,
.color-style4 .lightBox-bg .lightBox-content html:lang(en) .title,
html:lang(en) .color-style5 .lightBox-bg .lightBox-content .title,
.color-style5 .lightBox-bg .lightBox-content html:lang(en) .title,
html:lang(en) .color-style6 .lightBox-bg .lightBox-content .title,
.color-style6 .lightBox-bg .lightBox-content html:lang(en) .title,
html:lang(en) .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content html:lang(en) h2,
html:lang(en) .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content html:lang(en) h2,
html:lang(en) .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content html:lang(en) h2,
html:lang(en) .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content html:lang(en) h2,
html:lang(en) .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content html:lang(en) h2,
html:lang(en) .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content html:lang(en) h2 {
  font-size: 1.35rem;
}

/* line 66, scss/compass/_title.scss */
h2.h2-page-title {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 5px 10px;
  line-height: normal;
  margin-bottom: 20px;
  border-top: 4px solid #008269;
  color: #575757;
  position: relative;
  /* background-color: #f5f5f5; */
  /* English Version */
}

/* line 78, scss/compass/_title.scss */
html:lang(en) h2.h2-page-title {
  font-size: 1.35rem;
}

/* line 80, scss/compass/_title.scss */
h2 .span-page-title {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 5px 10px;
  line-height: normal;
  margin-bottom: 20px;
  border-top: 4px solid #008269;
  color: #575757;
  position: relative;
  background-color: #f5f5f5;
}

/* line 93, scss/compass/_title.scss */
h3.title {
  font-size: 1.5rem;
  font-weight: bold;
  padding-bottom: 5px;
  color: #777;
  margin: 25px 0 15px;
  border-bottom: 3px solid #cccccc;
}

/*-------------------------------------------------------------- template*/
/* line 104, scss/compass/_title.scss */
.template-2 .title-paging,
.template-2 .tool-button .light-box .light-box-content .title {
  font-size: 1.35rem;
  color: #575757;
  border-bottom: 2px solid #ddd !important;
  border-left: 5px solid #02578a;
  margin-top: 0;
  padding: 5px 0 5px 10px;
  background-color: #fbfbfb;
  box-shadow: none;
}

/* line 117, scss/compass/_title.scss */
.template-2 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .title,
.template-3 .lightBox-bg .lightBox-content .template-2 .title,
.template-4 .lightBox-bg .lightBox-content .template-2 .title,
.template-5 .lightBox-bg .lightBox-content .template-2 .title,
.template-6 .lightBox-bg .lightBox-content .template-2 .title,
.template-7 .lightBox-bg .lightBox-content .template-2 .title,
.template-12 .lightBox-bg .lightBox-content .template-2 .title,
.color-style1 .lightBox-bg .lightBox-content .template-2 .title,
.color-style2 .lightBox-bg .lightBox-content .template-2 .title,
.color-style3 .lightBox-bg .lightBox-content .template-2 .title,
.color-style4 .lightBox-bg .lightBox-content .template-2 .title,
.color-style5 .lightBox-bg .lightBox-content .template-2 .title,
.color-style6 .lightBox-bg .lightBox-content .template-2 .title,
.template-2 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-2 h2,
.template-2 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-2 h2,
.template-2 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-2 h2,
.template-2 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-2 h2,
.template-2 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-2 h2,
.template-2 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-2 h2,
.template-2 h2.h2-page-title {
  font-size: 1.35rem;
  padding: 5px 0 5px 10px;
  border-top: none;
  box-shadow: none;
  color: #575757;
  border-bottom: 2px solid #ddd !important;
  border-left: 5px solid #02578a;
  background-color: #fbfbfb;
}

/* line 130, scss/compass/_title.scss */
.template-2 .span-page-title {
  font-size: 1.35rem;
  padding: 5px 0 5px 10px;
  border-top: none;
  box-shadow: none;
  color: #575757;
  border-bottom: 2px solid #ddd !important;
  border-left: 5px solid #02578a;
  background-color: #fbfbfb;
}

/* line 140, scss/compass/_title.scss */
.template-2 .span-page-title {
  font-size: 1.35rem;
  padding: 5px 0 5px 10px;
  border-top: none;
  box-shadow: none;
  color: #575757;
  border-bottom: 2px solid #ddd !important;
  border-left: 5px solid #02578a;
  background-color: #fbfbfb;
}

/* line 151, scss/compass/_title.scss */
.template-2 .lightBox-bg .lightBox-content .title {
  padding-left: 0;
  margin-bottom: 15px;
}

/* line 159, scss/compass/_title.scss */
.template-3 .title-paging,
.template-3 .tool-button .light-box .light-box-content .title {
  font-size: 1.35rem;
  color: #575757;
  border-bottom: none;
  border-left: 5px solid #49304a;
  margin-top: 0;
  padding: 5px 0 5px 10px;
  box-shadow: none;
  background: #ebe4d7;
  background: -moz-linear-gradient(left, #ebe4d7 0%, #f8f8f8 100%);
  background: -webkit-linear-gradient(left, #ebe4d7 0%, #f8f8f8 100%);
  background: linear-gradient(to right, #ebe4d7 0%, #f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebe4d7', endColorstr='#f8f8f8', GradientType=1);
}

/* line 174, scss/compass/_title.scss */
.template-3 .tool-button .light-box .light-box-content .title {
  width: calc(100% - 65px);
}

/* line 177, scss/compass/_title.scss */
.template-3 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .template-3 .title,
.template-3 .lightBox-bg .lightBox-content .title,
.template-4 .lightBox-bg .lightBox-content .template-3 .title,
.template-5 .lightBox-bg .lightBox-content .template-3 .title,
.template-6 .lightBox-bg .lightBox-content .template-3 .title,
.template-7 .lightBox-bg .lightBox-content .template-3 .title,
.template-12 .lightBox-bg .lightBox-content .template-3 .title,
.color-style1 .lightBox-bg .lightBox-content .template-3 .title,
.color-style2 .lightBox-bg .lightBox-content .template-3 .title,
.color-style3 .lightBox-bg .lightBox-content .template-3 .title,
.color-style4 .lightBox-bg .lightBox-content .template-3 .title,
.color-style5 .lightBox-bg .lightBox-content .template-3 .title,
.color-style6 .lightBox-bg .lightBox-content .template-3 .title,
.template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3 h2.h2-page-title {
  font-size: 1.35rem;
  padding: 5px 0 5px 10px;
  border-top: none;
  box-shadow: none;
  color: #575757;
  border-bottom: none;
  border-left: 5px solid #49304a;
  background: #ebe4d7;
  background: -moz-linear-gradient(left, #ebe4d7 0%, #f8f8f8 100%);
  background: -webkit-linear-gradient(left, #ebe4d7 0%, #f8f8f8 100%);
  background: linear-gradient(to right, #ebe4d7 0%, #f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebe4d7', endColorstr='#f8f8f8', GradientType=1);
}

/* line 194, scss/compass/_title.scss */
.template-3 .span-page-title {
  font-size: 1.35rem;
  padding: 5px 0 5px 10px;
  border-top: none;
  box-shadow: none;
  color: #575757;
  border-bottom: none;
  border-left: 5px solid #49304a;
  background: #ebe4d7;
  background: -moz-linear-gradient(left, #ebe4d7 0%, #f8f8f8 100%);
  background: -webkit-linear-gradient(left, #ebe4d7 0%, #f8f8f8 100%);
  background: linear-gradient(to right, #ebe4d7 0%, #f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebe4d7', endColorstr='#f8f8f8', GradientType=1);
}

/* line 209, scss/compass/_title.scss */
.template-3 .lightBox-bg .lightBox-content .title {
  padding-left: 0;
  border: none;
  margin-bottom: 15px;
}

/* line 218, scss/compass/_title.scss */
.template-4 .title-paging,
.template-4 .tool-button .light-box .light-box-content .title {
  font-size: 1.375rem;
  text-align: left;
  color: #015488;
  margin: 0 0 15px;
  position: relative;
  display: block;
  line-height: normal;
  background: #fff;
  border-radius: 50px;
  padding: 5px 15px;
  border: 3px solid #ddd;
  border-left: 5px solid #48c1d6;
  box-shadow: none;
}

/* line 234, scss/compass/_title.scss */
.template-4 .tool-button .light-box .light-box-content .title {
  width: calc(100% - 70px);
}

/* line 237, scss/compass/_title.scss */
.template-4 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .template-4 .title,
.template-3 .lightBox-bg .lightBox-content .template-4 .title,
.template-4 .lightBox-bg .lightBox-content .title,
.template-5 .lightBox-bg .lightBox-content .template-4 .title,
.template-6 .lightBox-bg .lightBox-content .template-4 .title,
.template-7 .lightBox-bg .lightBox-content .template-4 .title,
.template-12 .lightBox-bg .lightBox-content .template-4 .title,
.color-style1 .lightBox-bg .lightBox-content .template-4 .title,
.color-style2 .lightBox-bg .lightBox-content .template-4 .title,
.color-style3 .lightBox-bg .lightBox-content .template-4 .title,
.color-style4 .lightBox-bg .lightBox-content .template-4 .title,
.color-style5 .lightBox-bg .lightBox-content .template-4 .title,
.color-style6 .lightBox-bg .lightBox-content .template-4 .title,
.template-4 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-4 h2,
.template-4 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-4 h2,
.template-4 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-4 h2,
.template-4 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-4 h2,
.template-4 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-4 h2,
.template-4 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-4 h2,
.template-4 h2.h2-page-title {
  font-size: 1.375rem;
  text-align: left;
  color: #015488;
  margin: 0 0 15px;
  position: relative;
  display: block;
  line-height: normal;
  background: #fff;
  border-radius: 50px;
  padding: 5px 15px;
  border: 3px solid #ddd;
  border-left: 5px solid #48c1d6;
  box-shadow: none;
}

/* line 255, scss/compass/_title.scss */
.template-4 .span-page-title {
  font-size: 1.375rem;
  text-align: left;
  color: #015488;
  margin: 0 0 15px;
  position: relative;
  display: block;
  line-height: normal;
  background: #fff;
  border-radius: 50px;
  padding: 5px 15px;
  border: 3px solid #ddd;
  border-left: 5px solid #48c1d6;
  box-shadow: none;
}

/* line 275, scss/compass/_title.scss */
.template-5 .title-paging,
.template-5 .tool-button .light-box .light-box-content .title {
  font-size: 1.375rem;
  color: #686868;
  border-bottom: 3px solid #f69537;
  margin-top: 0;
  padding: 5px 15px;
  background-color: #f4f4f4;
  box-shadow: none;
}

/* line 287, scss/compass/_title.scss */
.template-5 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .template-5 .title,
.template-3 .lightBox-bg .lightBox-content .template-5 .title,
.template-4 .lightBox-bg .lightBox-content .template-5 .title,
.template-5 .lightBox-bg .lightBox-content .title,
.template-6 .lightBox-bg .lightBox-content .template-5 .title,
.template-7 .lightBox-bg .lightBox-content .template-5 .title,
.template-12 .lightBox-bg .lightBox-content .template-5 .title,
.color-style1 .lightBox-bg .lightBox-content .template-5 .title,
.color-style2 .lightBox-bg .lightBox-content .template-5 .title,
.color-style3 .lightBox-bg .lightBox-content .template-5 .title,
.color-style4 .lightBox-bg .lightBox-content .template-5 .title,
.color-style5 .lightBox-bg .lightBox-content .template-5 .title,
.color-style6 .lightBox-bg .lightBox-content .template-5 .title,
.template-5 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-5 h2,
.template-5 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-5 h2,
.template-5 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-5 h2,
.template-5 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-5 h2,
.template-5 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-5 h2,
.template-5 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-5 h2,
.template-5 h2.h2-page-title {
  font-size: 1.375rem;
  color: #686868;
  border-top: none;
  border-bottom: 3px solid #f69537;
  margin-top: 0;
  padding: 5px 15px;
  background-color: #f4f4f4;
  box-shadow: none;
}

/* line 299, scss/compass/_title.scss */
.template-5 .span-page-title {
  font-size: 1.375rem;
  color: #686868;
  border-top: none;
  border-bottom: 3px solid #f69537;
  margin-top: 0;
  padding: 5px 15px;
  background-color: #f4f4f4;
  box-shadow: none;
}

/* line 310, scss/compass/_title.scss */
.template-5 .lightBox-bg .lightBox-content .title {
  padding-left: 0;
  margin-bottom: 15px;
}

/* line 318, scss/compass/_title.scss */
.template-6 .title-paging,
.template-6 .tool-button .light-box .light-box-content .title {
  font-size: 1.5rem;
  text-align: left;
  color: #014b79;
  line-height: normal;
  margin: 0 0 25px;
  position: relative;
  padding: 0 8px 5px;
  position: relative;
  border: none;
  border-bottom: 3px solid #7090ac;
  background: none;
  box-shadow: none;
}

/* line 333, scss/compass/_title.scss */
.template-6 .title-paging::after,
.template-6 .tool-button .light-box .light-box-content .title::after {
  content: '';
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 0;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

/* line 345, scss/compass/_title.scss */
.template-6 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .template-6 .title,
.template-3 .lightBox-bg .lightBox-content .template-6 .title,
.template-4 .lightBox-bg .lightBox-content .template-6 .title,
.template-5 .lightBox-bg .lightBox-content .template-6 .title,
.template-6 .lightBox-bg .lightBox-content .title,
.template-7 .lightBox-bg .lightBox-content .template-6 .title,
.template-12 .lightBox-bg .lightBox-content .template-6 .title,
.color-style1 .lightBox-bg .lightBox-content .template-6 .title,
.color-style2 .lightBox-bg .lightBox-content .template-6 .title,
.color-style3 .lightBox-bg .lightBox-content .template-6 .title,
.color-style4 .lightBox-bg .lightBox-content .template-6 .title,
.color-style5 .lightBox-bg .lightBox-content .template-6 .title,
.color-style6 .lightBox-bg .lightBox-content .template-6 .title,
.template-6 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-6 h2,
.template-6 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-6 h2,
.template-6 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-6 h2,
.template-6 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-6 h2,
.template-6 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-6 h2,
.template-6 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-6 h2,
.template-6 h2.h2-page-title {
  font-size: 1.5rem;
  text-align: left;
  color: #014b79;
  line-height: normal;
  margin: 0 0 25px;
  position: relative;
  padding: 0 8px 5px;
  position: relative;
  border: none;
  border-bottom: 3px solid #7090ac;
  background: none;
  box-shadow: none;
}

/* line 360, scss/compass/_title.scss */
.template-6 h2.h2-title::after,
.template-2 .lightBox-bg .lightBox-content .template-6 .title::after,
.template-3 .lightBox-bg .lightBox-content .template-6 .title::after,
.template-4 .lightBox-bg .lightBox-content .template-6 .title::after,
.template-5 .lightBox-bg .lightBox-content .template-6 .title::after,
.template-6 .lightBox-bg .lightBox-content .title::after,
.template-7 .lightBox-bg .lightBox-content .template-6 .title::after,
.template-12 .lightBox-bg .lightBox-content .template-6 .title::after,
.color-style1 .lightBox-bg .lightBox-content .template-6 .title::after,
.color-style2 .lightBox-bg .lightBox-content .template-6 .title::after,
.color-style3 .lightBox-bg .lightBox-content .template-6 .title::after,
.color-style4 .lightBox-bg .lightBox-content .template-6 .title::after,
.color-style5 .lightBox-bg .lightBox-content .template-6 .title::after,
.color-style6 .lightBox-bg .lightBox-content .template-6 .title::after,
.template-6 .template-3.color-style1 .lightBox-bg .lightBox-content h2::after,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-6 h2::after,
.template-6 .template-3.color-style2 .lightBox-bg .lightBox-content h2::after,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-6 h2::after,
.template-6 .template-3.color-style3 .lightBox-bg .lightBox-content h2::after,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-6 h2::after,
.template-6 .template-3.color-style4 .lightBox-bg .lightBox-content h2::after,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-6 h2::after,
.template-6 .template-3.color-style5 .lightBox-bg .lightBox-content h2::after,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-6 h2::after,
.template-6 .template-3.color-style6 .lightBox-bg .lightBox-content h2::after,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-6 h2::after,
.template-6 h2.h2-page-title::after {
  content: '';
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 0;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

/* line 371, scss/compass/_title.scss */
.template-6 .span-page-title {
  font-size: 1.5rem;
  text-align: left;
  color: #014b79;
  line-height: normal;
  margin: 0 0 25px;
  position: relative;
  padding: 0 8px 5px;
  position: relative;
  border: none;
  border-bottom: 3px solid #7090ac;
  background: none;
  box-shadow: none;
}

/* line 385, scss/compass/_title.scss */
.template-6 .span-page-title::after {
  content: '';
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 0;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

/* line 400, scss/compass/_title.scss */
.template-7 .title-paging,
.template-7 .tool-button .light-box .light-box-content .title {
  text-align: left;
  color: #4A824A;
  font-size: 1.5rem;
  margin: 0 0 10px;
  border-top: none;
  border-bottom: 1px solid #4A824A;
  padding: 0 0 3px 18px;
  background: none;
  box-shadow: none;
  position: relative;
}

/* line 413, scss/compass/_title.scss */
.template-7 .title-paging::before,
.template-7 .tool-button .light-box .light-box-content .title::before {
  content: '';
  width: 6px;
  height: 26px;
  display: block;
  background-color: #4A824A;
  position: absolute;
  top: 4px;
  left: 5px;
}

/* line 424, scss/compass/_title.scss */
.template-7 .title-paging {
  text-align: center;
  padding: 0;
}

/* line 430, scss/compass/_title.scss */
.template-7 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .template-7 .title,
.template-3 .lightBox-bg .lightBox-content .template-7 .title,
.template-4 .lightBox-bg .lightBox-content .template-7 .title,
.template-5 .lightBox-bg .lightBox-content .template-7 .title,
.template-6 .lightBox-bg .lightBox-content .template-7 .title,
.template-7 .lightBox-bg .lightBox-content .title,
.template-12 .lightBox-bg .lightBox-content .template-7 .title,
.color-style1 .lightBox-bg .lightBox-content .template-7 .title,
.color-style2 .lightBox-bg .lightBox-content .template-7 .title,
.color-style3 .lightBox-bg .lightBox-content .template-7 .title,
.color-style4 .lightBox-bg .lightBox-content .template-7 .title,
.color-style5 .lightBox-bg .lightBox-content .template-7 .title,
.color-style6 .lightBox-bg .lightBox-content .template-7 .title,
.template-7 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-7 h2,
.template-7 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-7 h2,
.template-7 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-7 h2,
.template-7 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-7 h2,
.template-7 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-7 h2,
.template-7 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-7 h2,
.template-7 h2.h2-page-title {
  text-align: left;
  color: #4A824A;
  font-size: 1.5rem;
  margin: 0 0 10px;
  border-top: none;
  border-bottom: 1px solid #4A824A;
  padding: 0 0 3px 18px;
  background: none;
  box-shadow: none;
  position: relative;
}

/* line 443, scss/compass/_title.scss */
.template-7 h2.h2-title::before,
.template-2 .lightBox-bg .lightBox-content .template-7 .title::before,
.template-3 .lightBox-bg .lightBox-content .template-7 .title::before,
.template-4 .lightBox-bg .lightBox-content .template-7 .title::before,
.template-5 .lightBox-bg .lightBox-content .template-7 .title::before,
.template-6 .lightBox-bg .lightBox-content .template-7 .title::before,
.template-7 .lightBox-bg .lightBox-content .title::before,
.template-12 .lightBox-bg .lightBox-content .template-7 .title::before,
.color-style1 .lightBox-bg .lightBox-content .template-7 .title::before,
.color-style2 .lightBox-bg .lightBox-content .template-7 .title::before,
.color-style3 .lightBox-bg .lightBox-content .template-7 .title::before,
.color-style4 .lightBox-bg .lightBox-content .template-7 .title::before,
.color-style5 .lightBox-bg .lightBox-content .template-7 .title::before,
.color-style6 .lightBox-bg .lightBox-content .template-7 .title::before,
.template-7 .template-3.color-style1 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-7 h2::before,
.template-7 .template-3.color-style2 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-7 h2::before,
.template-7 .template-3.color-style3 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-7 h2::before,
.template-7 .template-3.color-style4 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-7 h2::before,
.template-7 .template-3.color-style5 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-7 h2::before,
.template-7 .template-3.color-style6 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-7 h2::before,
.template-7 h2.h2-page-title::before {
  content: '';
  width: 6px;
  height: 26px;
  display: block;
  background-color: #4A824A;
  position: absolute;
  top: 4px;
  left: 5px;
}

/* line 455, scss/compass/_title.scss */
.template-7 .span-page-title {
  text-align: left;
  color: #4A824A;
  font-size: 1.5rem;
  margin: 0 0 10px;
  border-top: none;
  border-bottom: 1px solid #4A824A;
  padding: 0 0 3px 18px;
  background: none;
  box-shadow: none;
  position: relative;
}

/* line 467, scss/compass/_title.scss */
.template-7 .span-page-title::before {
  content: '';
  width: 6px;
  height: 26px;
  display: block;
  background-color: #4A824A;
  position: absolute;
  top: 4px;
  left: 5px;
}

/* line 479, scss/compass/_title.scss */
.template-7 .lightBox-bg .lightBox-content .title {
  margin-bottom: 15px;
}

/* line 490, scss/compass/_title.scss */
.template-12 .title-paging,
.template-12 .tool-button .light-box .light-box-content .title {
  font-size: 1.375rem;
  padding: 0 0 10px 0;
  margin: 0 0 25px;
  text-align: center;
  color: #575757;
  border-top: none;
  border-bottom: 2px solid #d4d4d4;
  background: none;
  box-shadow: none;
  position: relative;
}

/* line 503, scss/compass/_title.scss */
.template-12 .title-paging::before,
.template-12 .tool-button .light-box .light-box-content .title::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #0a3f7b transparent transparent transparent;
  position: absolute;
  left: calc(50% - 5px);
  bottom: -10px;
}

/* line 517, scss/compass/_title.scss */
.template-12 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .template-12 .title,
.template-3 .lightBox-bg .lightBox-content .template-12 .title,
.template-4 .lightBox-bg .lightBox-content .template-12 .title,
.template-5 .lightBox-bg .lightBox-content .template-12 .title,
.template-6 .lightBox-bg .lightBox-content .template-12 .title,
.template-7 .lightBox-bg .lightBox-content .template-12 .title,
.template-12 .lightBox-bg .lightBox-content .title,
.color-style1 .lightBox-bg .lightBox-content .template-12 .title,
.color-style2 .lightBox-bg .lightBox-content .template-12 .title,
.color-style3 .lightBox-bg .lightBox-content .template-12 .title,
.color-style4 .lightBox-bg .lightBox-content .template-12 .title,
.color-style5 .lightBox-bg .lightBox-content .template-12 .title,
.color-style6 .lightBox-bg .lightBox-content .template-12 .title,
.template-12 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-12 h2,
.template-12 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-12 h2,
.template-12 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-12 h2,
.template-12 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-12 h2,
.template-12 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-12 h2,
.template-12 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-12 h2,
.template-12 h2.h2-page-title {
  font-size: 1.375rem;
  padding: 0 0 10px 0;
  margin-bottom: 25px;
  text-align: center;
  color: #575757;
  border-top: none;
  border-bottom: 2px solid #d4d4d4;
  background: none;
  box-shadow: none;
  position: relative;
}

/* line 530, scss/compass/_title.scss */
.template-12 h2.h2-title::before,
.template-2 .lightBox-bg .lightBox-content .template-12 .title::before,
.template-3 .lightBox-bg .lightBox-content .template-12 .title::before,
.template-4 .lightBox-bg .lightBox-content .template-12 .title::before,
.template-5 .lightBox-bg .lightBox-content .template-12 .title::before,
.template-6 .lightBox-bg .lightBox-content .template-12 .title::before,
.template-7 .lightBox-bg .lightBox-content .template-12 .title::before,
.template-12 .lightBox-bg .lightBox-content .title::before,
.color-style1 .lightBox-bg .lightBox-content .template-12 .title::before,
.color-style2 .lightBox-bg .lightBox-content .template-12 .title::before,
.color-style3 .lightBox-bg .lightBox-content .template-12 .title::before,
.color-style4 .lightBox-bg .lightBox-content .template-12 .title::before,
.color-style5 .lightBox-bg .lightBox-content .template-12 .title::before,
.color-style6 .lightBox-bg .lightBox-content .template-12 .title::before,
.template-12 .template-3.color-style1 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-12 h2::before,
.template-12 .template-3.color-style2 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-12 h2::before,
.template-12 .template-3.color-style3 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-12 h2::before,
.template-12 .template-3.color-style4 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-12 h2::before,
.template-12 .template-3.color-style5 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-12 h2::before,
.template-12 .template-3.color-style6 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-12 h2::before,
.template-12 h2.h2-page-title::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #0a3f7b transparent transparent transparent;
  position: absolute;
  left: calc(50% - 5px);
  bottom: -10px;
}

/* line 543, scss/compass/_title.scss */
.template-12 .span-page-title {
  text-align: center;
  color: #575757;
  border-top: none;
  border-bottom: 2px solid #d4d4d4;
  background: none;
  box-shadow: none;
  position: relative;
}

/* line 552, scss/compass/_title.scss */
.template-12 .span-page-title::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #0a3f7b transparent transparent transparent;
  position: absolute;
  left: calc(50% - 5px);
  bottom: -10px;
}

/* line 577, scss/compass/_title.scss */
.template-21 .title-paging,
.template-21 .tool-button .light-box .light-box-content .title {
  text-align: left;
  color: #595959;
  margin-bottom: 25px;
  border-bottom: 3px solid #006482;
  padding: 10px;
  font-size: 1.375rem;
  background-color: #fff;
  position: relative;
  box-shadow: none;
}

/* line 588, scss/compass/_title.scss */
.template-21 .title-paging::before,
.template-21 .tool-button .light-box .light-box-content .title::before {
  content: '';
  width: 100%;
  height: 15px;
  background-color: #adadad;
  left: 0;
  bottom: 0px;
  position: absolute;
  border-radius: 100%;
  -webkit-filter: blur(13px);
  z-index: -1;
}

/* line 602, scss/compass/_title.scss */
.template-21 h2.h2-title,
.template-21 .template-2 .lightBox-bg .lightBox-content .title,
.template-2 .lightBox-bg .lightBox-content .template-21 .title,
.template-21 .template-3 .lightBox-bg .lightBox-content .title,
.template-3 .lightBox-bg .lightBox-content .template-21 .title,
.template-21 .template-4 .lightBox-bg .lightBox-content .title,
.template-4 .lightBox-bg .lightBox-content .template-21 .title,
.template-21 .template-5 .lightBox-bg .lightBox-content .title,
.template-5 .lightBox-bg .lightBox-content .template-21 .title,
.template-21 .template-6 .lightBox-bg .lightBox-content .title,
.template-6 .lightBox-bg .lightBox-content .template-21 .title,
.template-21 .template-7 .lightBox-bg .lightBox-content .title,
.template-7 .lightBox-bg .lightBox-content .template-21 .title,
.template-21 .template-12 .lightBox-bg .lightBox-content .title,
.template-12 .lightBox-bg .lightBox-content .template-21 .title,
.template-21 .color-style1 .lightBox-bg .lightBox-content .title,
.color-style1 .lightBox-bg .lightBox-content .template-21 .title,
.template-21 .color-style2 .lightBox-bg .lightBox-content .title,
.color-style2 .lightBox-bg .lightBox-content .template-21 .title,
.template-21 .color-style3 .lightBox-bg .lightBox-content .title,
.color-style3 .lightBox-bg .lightBox-content .template-21 .title,
.template-21 .color-style4 .lightBox-bg .lightBox-content .title,
.color-style4 .lightBox-bg .lightBox-content .template-21 .title,
.template-21 .color-style5 .lightBox-bg .lightBox-content .title,
.color-style5 .lightBox-bg .lightBox-content .template-21 .title,
.template-21 .color-style6 .lightBox-bg .lightBox-content .title,
.color-style6 .lightBox-bg .lightBox-content .template-21 .title,
.template-21 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-21 h2,
.template-21 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-21 h2,
.template-21 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-21 h2,
.template-21 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-21 h2,
.template-21 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-21 h2,
.template-21 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-21 h2,
.template-21 h2.h2-page-title {
  text-align: left;
  color: #595959;
  margin: 7px 0 10px;
  border-bottom: 3px solid #006482;
  padding: 10px;
  font-size: 1.375rem;
  background-color: #fff;
  position: relative;
  border-top: none;
}

/* line 613, scss/compass/_title.scss */
.template-21 h2.h2-title::before,
.template-21 .template-2 .lightBox-bg .lightBox-content .title::before,
.template-2 .lightBox-bg .lightBox-content .template-21 .title::before,
.template-21 .template-3 .lightBox-bg .lightBox-content .title::before,
.template-3 .lightBox-bg .lightBox-content .template-21 .title::before,
.template-21 .template-4 .lightBox-bg .lightBox-content .title::before,
.template-4 .lightBox-bg .lightBox-content .template-21 .title::before,
.template-21 .template-5 .lightBox-bg .lightBox-content .title::before,
.template-5 .lightBox-bg .lightBox-content .template-21 .title::before,
.template-21 .template-6 .lightBox-bg .lightBox-content .title::before,
.template-6 .lightBox-bg .lightBox-content .template-21 .title::before,
.template-21 .template-7 .lightBox-bg .lightBox-content .title::before,
.template-7 .lightBox-bg .lightBox-content .template-21 .title::before,
.template-21 .template-12 .lightBox-bg .lightBox-content .title::before,
.template-12 .lightBox-bg .lightBox-content .template-21 .title::before,
.template-21 .color-style1 .lightBox-bg .lightBox-content .title::before,
.color-style1 .lightBox-bg .lightBox-content .template-21 .title::before,
.template-21 .color-style2 .lightBox-bg .lightBox-content .title::before,
.color-style2 .lightBox-bg .lightBox-content .template-21 .title::before,
.template-21 .color-style3 .lightBox-bg .lightBox-content .title::before,
.color-style3 .lightBox-bg .lightBox-content .template-21 .title::before,
.template-21 .color-style4 .lightBox-bg .lightBox-content .title::before,
.color-style4 .lightBox-bg .lightBox-content .template-21 .title::before,
.template-21 .color-style5 .lightBox-bg .lightBox-content .title::before,
.color-style5 .lightBox-bg .lightBox-content .template-21 .title::before,
.template-21 .color-style6 .lightBox-bg .lightBox-content .title::before,
.color-style6 .lightBox-bg .lightBox-content .template-21 .title::before,
.template-21 .template-3.color-style1 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-21 h2::before,
.template-21 .template-3.color-style2 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-21 h2::before,
.template-21 .template-3.color-style3 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-21 h2::before,
.template-21 .template-3.color-style4 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-21 h2::before,
.template-21 .template-3.color-style5 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-21 h2::before,
.template-21 .template-3.color-style6 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-21 h2::before,
.template-21 h2.h2-page-title::before {
  content: '';
  width: 100%;
  height: 15px;
  background-color: #adadad;
  left: 0;
  bottom: 0px;
  position: absolute;
  border-radius: 100%;
  -webkit-filter: blur(13px);
  z-index: -1;
}

/* line 627, scss/compass/_title.scss */
.template-21 .span-page-title {
  text-align: left;
  color: #595959;
  margin: 7px 0 10px;
  border-bottom: 3px solid #006482;
  padding: 10px;
  font-size: 1.375rem;
  background-color: #fff;
  position: relative;
  border-top: none;
}

/* line 637, scss/compass/_title.scss */
.template-21 .span-page-title::before {
  content: '';
  width: 100%;
  height: 15px;
  background-color: #adadad;
  left: 0;
  bottom: 0px;
  position: absolute;
  border-radius: 100%;
  -webkit-filter: blur(13px);
  z-index: -1;
}

/* line 655, scss/compass/_title.scss */
.color-style1 .title-paging,
.color-style1 .tool-button .light-box .light-box-content .title {
  color: #345f8f;
  border-color: #36669c;
}

/* line 662, scss/compass/_title.scss */
.color-style1 h1.h1-page-title {
  border-color: #36669c;
  color: #575757;
}

/* line 669, scss/compass/_title.scss */
.color-style1 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style1 .title,
.template-3 .lightBox-bg .lightBox-content .color-style1 .title,
.template-4 .lightBox-bg .lightBox-content .color-style1 .title,
.template-5 .lightBox-bg .lightBox-content .color-style1 .title,
.template-6 .lightBox-bg .lightBox-content .color-style1 .title,
.template-7 .lightBox-bg .lightBox-content .color-style1 .title,
.template-12 .lightBox-bg .lightBox-content .color-style1 .title,
.color-style1 .lightBox-bg .lightBox-content .title,
.color-style2 .lightBox-bg .lightBox-content .color-style1 .title,
.color-style3 .lightBox-bg .lightBox-content .color-style1 .title,
.color-style4 .lightBox-bg .lightBox-content .color-style1 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style1 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style1 .title,
.template-3.color-style1 .lightBox-bg .lightBox-content h2,
.color-style1 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style1 h2,
.color-style1 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style1 h2,
.color-style1 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style1 h2,
.color-style1 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style1 h2,
.color-style1 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style1 h2 {
  color: #345f8f;
  border-color: #36669c;
}

/* line 674, scss/compass/_title.scss */
.color-style1 h2.h2-page-title {
  border-color: #36669c;
  color: #575757;
}

/* line 679, scss/compass/_title.scss */
.color-style1 .span-page-title {
  border-color: #36669c;
  color: #575757;
}

/* line 686, scss/compass/_title.scss */
.color-style1.template-4 .title-paging,
.color-style1.template-4 .tool-button .light-box .light-box-content .title,
.color-style1.template-4 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style1.template-4 .title,
.template-3 .lightBox-bg .lightBox-content .color-style1.template-4 .title,
.template-5 .lightBox-bg .lightBox-content .color-style1.template-4 .title,
.template-6 .lightBox-bg .lightBox-content .color-style1.template-4 .title,
.template-7 .lightBox-bg .lightBox-content .color-style1.template-4 .title,
.template-12 .lightBox-bg .lightBox-content .color-style1.template-4 .title,
.color-style1.template-4 .lightBox-bg .lightBox-content .title,
.color-style2 .lightBox-bg .lightBox-content .color-style1.template-4 .title,
.color-style3 .lightBox-bg .lightBox-content .color-style1.template-4 .title,
.color-style4 .lightBox-bg .lightBox-content .color-style1.template-4 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style1.template-4 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style1.template-4 .title,
.color-style1.template-4 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style1.template-4 h2,
.color-style1.template-4 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style1.template-4 h2,
.color-style1.template-4 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style1.template-4 h2,
.color-style1.template-4 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style1.template-4 h2,
.color-style1.template-4 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style1.template-4 h2,
.color-style1.template-4 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style1.template-4 h2,
.color-style1.template-4 h2.h2-page-title {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
}

/* line 693, scss/compass/_title.scss */
.color-style1.template-4 .span-page-title {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
}

/* line 700, scss/compass/_title.scss */
.color-style1.template-7 .title-paging,
.color-style1.template-7 .tool-button .light-box .light-box-content .title,
.color-style1.template-7 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style1.template-7 .title,
.template-3 .lightBox-bg .lightBox-content .color-style1.template-7 .title,
.template-4 .lightBox-bg .lightBox-content .color-style1.template-7 .title,
.template-5 .lightBox-bg .lightBox-content .color-style1.template-7 .title,
.template-6 .lightBox-bg .lightBox-content .color-style1.template-7 .title,
.template-12 .lightBox-bg .lightBox-content .color-style1.template-7 .title,
.color-style1.template-7 .lightBox-bg .lightBox-content .title,
.color-style2 .lightBox-bg .lightBox-content .color-style1.template-7 .title,
.color-style3 .lightBox-bg .lightBox-content .color-style1.template-7 .title,
.color-style4 .lightBox-bg .lightBox-content .color-style1.template-7 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style1.template-7 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style1.template-7 .title,
.color-style1.template-7 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style1.template-7 h2,
.color-style1.template-7 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style1.template-7 h2,
.color-style1.template-7 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style1.template-7 h2,
.color-style1.template-7 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style1.template-7 h2,
.color-style1.template-7 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style1.template-7 h2,
.color-style1.template-7 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style1.template-7 h2,
.color-style1.template-7 h2.h2-page-title {
  color: #2B79B6;
  border-bottom-color: #2B79B6;
}

/* line 706, scss/compass/_title.scss */
.color-style1.template-7 .title-paging::before,
.color-style1.template-7 .tool-button .light-box .light-box-content .title::before,
.color-style1.template-7 h2.h2-title::before,
.template-2 .lightBox-bg .lightBox-content .color-style1.template-7 .title::before,
.template-3 .lightBox-bg .lightBox-content .color-style1.template-7 .title::before,
.template-4 .lightBox-bg .lightBox-content .color-style1.template-7 .title::before,
.template-5 .lightBox-bg .lightBox-content .color-style1.template-7 .title::before,
.template-6 .lightBox-bg .lightBox-content .color-style1.template-7 .title::before,
.template-12 .lightBox-bg .lightBox-content .color-style1.template-7 .title::before,
.color-style1.template-7 .lightBox-bg .lightBox-content .title::before,
.color-style2 .lightBox-bg .lightBox-content .color-style1.template-7 .title::before,
.color-style3 .lightBox-bg .lightBox-content .color-style1.template-7 .title::before,
.color-style4 .lightBox-bg .lightBox-content .color-style1.template-7 .title::before,
.color-style5 .lightBox-bg .lightBox-content .color-style1.template-7 .title::before,
.color-style6 .lightBox-bg .lightBox-content .color-style1.template-7 .title::before,
.color-style1.template-7 .template-3.color-style1 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style1.template-7 h2::before,
.color-style1.template-7 .template-3.color-style2 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style1.template-7 h2::before,
.color-style1.template-7 .template-3.color-style3 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style1.template-7 h2::before,
.color-style1.template-7 .template-3.color-style4 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style1.template-7 h2::before,
.color-style1.template-7 .template-3.color-style5 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style1.template-7 h2::before,
.color-style1.template-7 .template-3.color-style6 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style1.template-7 h2::before,
.color-style1.template-7 h2.h2-page-title::before {
  background-color: #2B79B6;
}

/* line 708, scss/compass/_title.scss */
.color-style1.template-7 .span-page-title {
  color: #2B79B6;
  border-bottom-color: #2B79B6;
}

/* line 711, scss/compass/_title.scss */
.color-style1.template-7 .span-page-title::before {
  background-color: #2B79B6;
}

/* line 715, scss/compass/_title.scss */
.color-style1.template-12 .title-paging,
.color-style1.template-12 .tool-button .light-box .light-box-content .title,
.color-style1.template-12 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style1.template-12 .title,
.template-3 .lightBox-bg .lightBox-content .color-style1.template-12 .title,
.template-4 .lightBox-bg .lightBox-content .color-style1.template-12 .title,
.template-5 .lightBox-bg .lightBox-content .color-style1.template-12 .title,
.template-6 .lightBox-bg .lightBox-content .color-style1.template-12 .title,
.template-7 .lightBox-bg .lightBox-content .color-style1.template-12 .title,
.color-style1.template-12 .lightBox-bg .lightBox-content .title,
.color-style2 .lightBox-bg .lightBox-content .color-style1.template-12 .title,
.color-style3 .lightBox-bg .lightBox-content .color-style1.template-12 .title,
.color-style4 .lightBox-bg .lightBox-content .color-style1.template-12 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style1.template-12 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style1.template-12 .title,
.color-style1.template-12 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style1.template-12 h2,
.color-style1.template-12 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style1.template-12 h2,
.color-style1.template-12 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style1.template-12 h2,
.color-style1.template-12 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style1.template-12 h2,
.color-style1.template-12 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style1.template-12 h2,
.color-style1.template-12 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style1.template-12 h2,
.color-style1.template-12 h2.h2-page-title {
  border-color: #d4d4d4;
}

/* line 719, scss/compass/_title.scss */
.color-style1.template-12 .title-paging::before,
.color-style1.template-12 .tool-button .light-box .light-box-content .title::before,
.color-style1.template-12 h2.h2-title::before,
.template-2 .lightBox-bg .lightBox-content .color-style1.template-12 .title::before,
.template-3 .lightBox-bg .lightBox-content .color-style1.template-12 .title::before,
.template-4 .lightBox-bg .lightBox-content .color-style1.template-12 .title::before,
.template-5 .lightBox-bg .lightBox-content .color-style1.template-12 .title::before,
.template-6 .lightBox-bg .lightBox-content .color-style1.template-12 .title::before,
.template-7 .lightBox-bg .lightBox-content .color-style1.template-12 .title::before,
.color-style1.template-12 .lightBox-bg .lightBox-content .title::before,
.color-style2 .lightBox-bg .lightBox-content .color-style1.template-12 .title::before,
.color-style3 .lightBox-bg .lightBox-content .color-style1.template-12 .title::before,
.color-style4 .lightBox-bg .lightBox-content .color-style1.template-12 .title::before,
.color-style5 .lightBox-bg .lightBox-content .color-style1.template-12 .title::before,
.color-style6 .lightBox-bg .lightBox-content .color-style1.template-12 .title::before,
.color-style1.template-12 .template-3.color-style1 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style1.template-12 h2::before,
.color-style1.template-12 .template-3.color-style2 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style1.template-12 h2::before,
.color-style1.template-12 .template-3.color-style3 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style1.template-12 h2::before,
.color-style1.template-12 .template-3.color-style4 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style1.template-12 h2::before,
.color-style1.template-12 .template-3.color-style5 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style1.template-12 h2::before,
.color-style1.template-12 .template-3.color-style6 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style1.template-12 h2::before,
.color-style1.template-12 h2.h2-page-title::before {
  border-color: #36669c transparent transparent transparent;
}

/* line 723, scss/compass/_title.scss */
.color-style1.template-12 .span-page-title {
  border-color: #d4d4d4;
}

/* line 725, scss/compass/_title.scss */
.color-style1.template-12 .span-page-title::before {
  border-color: #36669c transparent transparent transparent;
}

/* line 734, scss/compass/_title.scss */
.color-style2 .title-paging,
.color-style2 .tool-button .light-box .light-box-content .title {
  color: #875252;
  border-color: #811818;
}

/* line 741, scss/compass/_title.scss */
.color-style2 h1.h1-page-title {
  border-color: #811818;
  color: #575757;
}

/* line 748, scss/compass/_title.scss */
.color-style2 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style2 .title,
.template-3 .lightBox-bg .lightBox-content .color-style2 .title,
.template-4 .lightBox-bg .lightBox-content .color-style2 .title,
.template-5 .lightBox-bg .lightBox-content .color-style2 .title,
.template-6 .lightBox-bg .lightBox-content .color-style2 .title,
.template-7 .lightBox-bg .lightBox-content .color-style2 .title,
.template-12 .lightBox-bg .lightBox-content .color-style2 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style2 .title,
.color-style2 .lightBox-bg .lightBox-content .title,
.color-style3 .lightBox-bg .lightBox-content .color-style2 .title,
.color-style4 .lightBox-bg .lightBox-content .color-style2 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style2 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style2 .title,
.color-style2 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style2 h2,
.template-3.color-style2 .lightBox-bg .lightBox-content h2,
.color-style2 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style2 h2,
.color-style2 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style2 h2,
.color-style2 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style2 h2,
.color-style2 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style2 h2 {
  color: #875252;
  border-color: #811818;
}

/* line 753, scss/compass/_title.scss */
.color-style2 h2.h2-page-title {
  border-color: #811818;
  color: #575757;
}

/* line 758, scss/compass/_title.scss */
.color-style2 .span-page-title {
  border-color: #811818;
  color: #575757;
}

/* line 765, scss/compass/_title.scss */
.color-style2.template-4 .title-paging,
.color-style2.template-4 .tool-button .light-box .light-box-content .title,
.color-style2.template-4 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style2.template-4 .title,
.template-3 .lightBox-bg .lightBox-content .color-style2.template-4 .title,
.template-5 .lightBox-bg .lightBox-content .color-style2.template-4 .title,
.template-6 .lightBox-bg .lightBox-content .color-style2.template-4 .title,
.template-7 .lightBox-bg .lightBox-content .color-style2.template-4 .title,
.template-12 .lightBox-bg .lightBox-content .color-style2.template-4 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style2.template-4 .title,
.color-style2.template-4 .lightBox-bg .lightBox-content .title,
.color-style3 .lightBox-bg .lightBox-content .color-style2.template-4 .title,
.color-style4 .lightBox-bg .lightBox-content .color-style2.template-4 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style2.template-4 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style2.template-4 .title,
.color-style2.template-4 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style2.template-4 h2,
.color-style2.template-4 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style2.template-4 h2,
.color-style2.template-4 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style2.template-4 h2,
.color-style2.template-4 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style2.template-4 h2,
.color-style2.template-4 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style2.template-4 h2,
.color-style2.template-4 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style2.template-4 h2,
.color-style2.template-4 h2.h2-page-title {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
}

/* line 772, scss/compass/_title.scss */
.color-style2.template-4 .span-page-title {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
}

/* line 779, scss/compass/_title.scss */
.color-style2.template-7 .title-paging,
.color-style2.template-7 .tool-button .light-box .light-box-content .title,
.color-style2.template-7 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style2.template-7 .title,
.template-3 .lightBox-bg .lightBox-content .color-style2.template-7 .title,
.template-4 .lightBox-bg .lightBox-content .color-style2.template-7 .title,
.template-5 .lightBox-bg .lightBox-content .color-style2.template-7 .title,
.template-6 .lightBox-bg .lightBox-content .color-style2.template-7 .title,
.template-12 .lightBox-bg .lightBox-content .color-style2.template-7 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style2.template-7 .title,
.color-style2.template-7 .lightBox-bg .lightBox-content .title,
.color-style3 .lightBox-bg .lightBox-content .color-style2.template-7 .title,
.color-style4 .lightBox-bg .lightBox-content .color-style2.template-7 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style2.template-7 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style2.template-7 .title,
.color-style2.template-7 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style2.template-7 h2,
.color-style2.template-7 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style2.template-7 h2,
.color-style2.template-7 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style2.template-7 h2,
.color-style2.template-7 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style2.template-7 h2,
.color-style2.template-7 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style2.template-7 h2,
.color-style2.template-7 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style2.template-7 h2,
.color-style2.template-7 h2.h2-page-title {
  color: #AD6114;
  border-bottom-color: #AD6114;
}

/* line 785, scss/compass/_title.scss */
.color-style2.template-7 .title-paging::before,
.color-style2.template-7 .tool-button .light-box .light-box-content .title::before,
.color-style2.template-7 h2.h2-title::before,
.template-2 .lightBox-bg .lightBox-content .color-style2.template-7 .title::before,
.template-3 .lightBox-bg .lightBox-content .color-style2.template-7 .title::before,
.template-4 .lightBox-bg .lightBox-content .color-style2.template-7 .title::before,
.template-5 .lightBox-bg .lightBox-content .color-style2.template-7 .title::before,
.template-6 .lightBox-bg .lightBox-content .color-style2.template-7 .title::before,
.template-12 .lightBox-bg .lightBox-content .color-style2.template-7 .title::before,
.color-style1 .lightBox-bg .lightBox-content .color-style2.template-7 .title::before,
.color-style2.template-7 .lightBox-bg .lightBox-content .title::before,
.color-style3 .lightBox-bg .lightBox-content .color-style2.template-7 .title::before,
.color-style4 .lightBox-bg .lightBox-content .color-style2.template-7 .title::before,
.color-style5 .lightBox-bg .lightBox-content .color-style2.template-7 .title::before,
.color-style6 .lightBox-bg .lightBox-content .color-style2.template-7 .title::before,
.color-style2.template-7 .template-3.color-style1 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style2.template-7 h2::before,
.color-style2.template-7 .template-3.color-style2 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style2.template-7 h2::before,
.color-style2.template-7 .template-3.color-style3 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style2.template-7 h2::before,
.color-style2.template-7 .template-3.color-style4 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style2.template-7 h2::before,
.color-style2.template-7 .template-3.color-style5 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style2.template-7 h2::before,
.color-style2.template-7 .template-3.color-style6 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style2.template-7 h2::before,
.color-style2.template-7 h2.h2-page-title::before {
  background-color: #AD6114;
}

/* line 787, scss/compass/_title.scss */
.color-style2.template-7 .span-page-title {
  color: #AD6114;
  border-bottom-color: #AD6114;
}

/* line 790, scss/compass/_title.scss */
.color-style2.template-7 .span-page-title::before {
  background-color: #AD6114;
}

/* line 794, scss/compass/_title.scss */
.color-style2.template-12 .title-paging,
.color-style2.template-12 .tool-button .light-box .light-box-content .title,
.color-style2.template-12 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style2.template-12 .title,
.template-3 .lightBox-bg .lightBox-content .color-style2.template-12 .title,
.template-4 .lightBox-bg .lightBox-content .color-style2.template-12 .title,
.template-5 .lightBox-bg .lightBox-content .color-style2.template-12 .title,
.template-6 .lightBox-bg .lightBox-content .color-style2.template-12 .title,
.template-7 .lightBox-bg .lightBox-content .color-style2.template-12 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style2.template-12 .title,
.color-style2.template-12 .lightBox-bg .lightBox-content .title,
.color-style3 .lightBox-bg .lightBox-content .color-style2.template-12 .title,
.color-style4 .lightBox-bg .lightBox-content .color-style2.template-12 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style2.template-12 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style2.template-12 .title,
.color-style2.template-12 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style2.template-12 h2,
.color-style2.template-12 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style2.template-12 h2,
.color-style2.template-12 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style2.template-12 h2,
.color-style2.template-12 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style2.template-12 h2,
.color-style2.template-12 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style2.template-12 h2,
.color-style2.template-12 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style2.template-12 h2,
.color-style2.template-12 h2.h2-page-title {
  border-color: #d4d4d4;
}

/* line 798, scss/compass/_title.scss */
.color-style2.template-12 .title-paging::before,
.color-style2.template-12 .tool-button .light-box .light-box-content .title::before,
.color-style2.template-12 h2.h2-title::before,
.template-2 .lightBox-bg .lightBox-content .color-style2.template-12 .title::before,
.template-3 .lightBox-bg .lightBox-content .color-style2.template-12 .title::before,
.template-4 .lightBox-bg .lightBox-content .color-style2.template-12 .title::before,
.template-5 .lightBox-bg .lightBox-content .color-style2.template-12 .title::before,
.template-6 .lightBox-bg .lightBox-content .color-style2.template-12 .title::before,
.template-7 .lightBox-bg .lightBox-content .color-style2.template-12 .title::before,
.color-style1 .lightBox-bg .lightBox-content .color-style2.template-12 .title::before,
.color-style2.template-12 .lightBox-bg .lightBox-content .title::before,
.color-style3 .lightBox-bg .lightBox-content .color-style2.template-12 .title::before,
.color-style4 .lightBox-bg .lightBox-content .color-style2.template-12 .title::before,
.color-style5 .lightBox-bg .lightBox-content .color-style2.template-12 .title::before,
.color-style6 .lightBox-bg .lightBox-content .color-style2.template-12 .title::before,
.color-style2.template-12 .template-3.color-style1 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style2.template-12 h2::before,
.color-style2.template-12 .template-3.color-style2 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style2.template-12 h2::before,
.color-style2.template-12 .template-3.color-style3 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style2.template-12 h2::before,
.color-style2.template-12 .template-3.color-style4 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style2.template-12 h2::before,
.color-style2.template-12 .template-3.color-style5 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style2.template-12 h2::before,
.color-style2.template-12 .template-3.color-style6 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style2.template-12 h2::before,
.color-style2.template-12 h2.h2-page-title::before {
  border-color: #5e0a0a transparent transparent transparent;
}

/* line 802, scss/compass/_title.scss */
.color-style2.template-12 .span-page-title {
  border-color: #d4d4d4;
}

/* line 804, scss/compass/_title.scss */
.color-style2.template-12 .span-page-title::before {
  border-color: #5e0a0a transparent transparent transparent;
}

/* line 813, scss/compass/_title.scss */
.color-style3 .title-paging,
.color-style3 .tool-button .light-box .light-box-content .title {
  color: #9c5c00;
  border-color: #ca7700;
}

/* line 820, scss/compass/_title.scss */
.color-style3 h1.h1-page-title {
  border-color: #ca7700;
  color: #575757;
}

/* line 827, scss/compass/_title.scss */
.color-style3 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style3 .title,
.template-3 .lightBox-bg .lightBox-content .color-style3 .title,
.template-4 .lightBox-bg .lightBox-content .color-style3 .title,
.template-5 .lightBox-bg .lightBox-content .color-style3 .title,
.template-6 .lightBox-bg .lightBox-content .color-style3 .title,
.template-7 .lightBox-bg .lightBox-content .color-style3 .title,
.template-12 .lightBox-bg .lightBox-content .color-style3 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style3 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style3 .title,
.color-style3 .lightBox-bg .lightBox-content .title,
.color-style4 .lightBox-bg .lightBox-content .color-style3 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style3 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style3 .title,
.color-style3 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style3 h2,
.color-style3 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style3 h2,
.template-3.color-style3 .lightBox-bg .lightBox-content h2,
.color-style3 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style3 h2,
.color-style3 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style3 h2,
.color-style3 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style3 h2 {
  color: #9c5c00;
  border-color: #ca7700;
}

/* line 832, scss/compass/_title.scss */
.color-style3 h2.h2-page-title {
  border-color: #ca7700;
  color: #575757;
}

/* line 837, scss/compass/_title.scss */
.color-style3 .span-page-title {
  border-color: #ca7700;
  color: #575757;
}

/* line 845, scss/compass/_title.scss */
.color-style3.template-4 .title-paging,
.color-style3.template-4 .tool-button .light-box .light-box-content .title,
.color-style3.template-4 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style3.template-4 .title,
.template-3 .lightBox-bg .lightBox-content .color-style3.template-4 .title,
.template-5 .lightBox-bg .lightBox-content .color-style3.template-4 .title,
.template-6 .lightBox-bg .lightBox-content .color-style3.template-4 .title,
.template-7 .lightBox-bg .lightBox-content .color-style3.template-4 .title,
.template-12 .lightBox-bg .lightBox-content .color-style3.template-4 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style3.template-4 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style3.template-4 .title,
.color-style3.template-4 .lightBox-bg .lightBox-content .title,
.color-style4 .lightBox-bg .lightBox-content .color-style3.template-4 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style3.template-4 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style3.template-4 .title,
.color-style3.template-4 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style3.template-4 h2,
.color-style3.template-4 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style3.template-4 h2,
.color-style3.template-4 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style3.template-4 h2,
.color-style3.template-4 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style3.template-4 h2,
.color-style3.template-4 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style3.template-4 h2,
.color-style3.template-4 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style3.template-4 h2,
.color-style3.template-4 h2.h2-page-title {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
}

/* line 852, scss/compass/_title.scss */
.color-style3.template-4 .span-page-title {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
}

/* line 859, scss/compass/_title.scss */
.color-style3.template-5 .title-paging {
  color: #8c5301;
  border-color: #F5A24A;
  background-color: #ffe6cc;
}

/* line 864, scss/compass/_title.scss */
.color-style3.template-5 .tool-button .light-box .light-box-content .title,
.color-style3.template-5 h1.h1-page-title,
.color-style3.template-5 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style3.template-5 .title,
.template-3 .lightBox-bg .lightBox-content .color-style3.template-5 .title,
.template-4 .lightBox-bg .lightBox-content .color-style3.template-5 .title,
.template-6 .lightBox-bg .lightBox-content .color-style3.template-5 .title,
.template-7 .lightBox-bg .lightBox-content .color-style3.template-5 .title,
.template-12 .lightBox-bg .lightBox-content .color-style3.template-5 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style3.template-5 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style3.template-5 .title,
.color-style3.template-5 .lightBox-bg .lightBox-content .title,
.color-style4 .lightBox-bg .lightBox-content .color-style3.template-5 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style3.template-5 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style3.template-5 .title,
.color-style3.template-5 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style3.template-5 h2,
.color-style3.template-5 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style3.template-5 h2,
.color-style3.template-5 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style3.template-5 h2,
.color-style3.template-5 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style3.template-5 h2,
.color-style3.template-5 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style3.template-5 h2,
.color-style3.template-5 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style3.template-5 h2,
.color-style3.template-5 h2.h2-page-title {
  color: #595959;
  border-color: #F5A24A;
  background-color: #ffe6cc;
}

/* line 872, scss/compass/_title.scss */
.color-style3.template-5 .span-page-title {
  color: #595959;
  border-color: #F5A24A;
  background-color: #ffe6cc;
}

/* line 879, scss/compass/_title.scss */
.color-style3.template-7 .title-paging,
.color-style3.template-7 .tool-button .light-box .light-box-content .title,
.color-style3.template-7 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style3.template-7 .title,
.template-3 .lightBox-bg .lightBox-content .color-style3.template-7 .title,
.template-4 .lightBox-bg .lightBox-content .color-style3.template-7 .title,
.template-5 .lightBox-bg .lightBox-content .color-style3.template-7 .title,
.template-6 .lightBox-bg .lightBox-content .color-style3.template-7 .title,
.template-12 .lightBox-bg .lightBox-content .color-style3.template-7 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style3.template-7 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style3.template-7 .title,
.color-style3.template-7 .lightBox-bg .lightBox-content .title,
.color-style4 .lightBox-bg .lightBox-content .color-style3.template-7 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style3.template-7 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style3.template-7 .title,
.color-style3.template-7 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style3.template-7 h2,
.color-style3.template-7 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style3.template-7 h2,
.color-style3.template-7 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style3.template-7 h2,
.color-style3.template-7 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style3.template-7 h2,
.color-style3.template-7 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style3.template-7 h2,
.color-style3.template-7 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style3.template-7 h2,
.color-style3.template-7 h2.h2-page-title {
  color: #018378;
  border-bottom-color: #018378;
}

/* line 885, scss/compass/_title.scss */
.color-style3.template-7 .title-paging::before,
.color-style3.template-7 .tool-button .light-box .light-box-content .title::before,
.color-style3.template-7 h2.h2-title::before,
.template-2 .lightBox-bg .lightBox-content .color-style3.template-7 .title::before,
.template-3 .lightBox-bg .lightBox-content .color-style3.template-7 .title::before,
.template-4 .lightBox-bg .lightBox-content .color-style3.template-7 .title::before,
.template-5 .lightBox-bg .lightBox-content .color-style3.template-7 .title::before,
.template-6 .lightBox-bg .lightBox-content .color-style3.template-7 .title::before,
.template-12 .lightBox-bg .lightBox-content .color-style3.template-7 .title::before,
.color-style1 .lightBox-bg .lightBox-content .color-style3.template-7 .title::before,
.color-style2 .lightBox-bg .lightBox-content .color-style3.template-7 .title::before,
.color-style3.template-7 .lightBox-bg .lightBox-content .title::before,
.color-style4 .lightBox-bg .lightBox-content .color-style3.template-7 .title::before,
.color-style5 .lightBox-bg .lightBox-content .color-style3.template-7 .title::before,
.color-style6 .lightBox-bg .lightBox-content .color-style3.template-7 .title::before,
.color-style3.template-7 .template-3.color-style1 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style3.template-7 h2::before,
.color-style3.template-7 .template-3.color-style2 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style3.template-7 h2::before,
.color-style3.template-7 .template-3.color-style3 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style3.template-7 h2::before,
.color-style3.template-7 .template-3.color-style4 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style3.template-7 h2::before,
.color-style3.template-7 .template-3.color-style5 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style3.template-7 h2::before,
.color-style3.template-7 .template-3.color-style6 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style3.template-7 h2::before,
.color-style3.template-7 h2.h2-page-title::before {
  background-color: #018378;
}

/* line 887, scss/compass/_title.scss */
.color-style3.template-7 .span-page-title {
  color: #018378;
  border-bottom-color: #018378;
}

/* line 890, scss/compass/_title.scss */
.color-style3.template-7 .span-page-title::before {
  background-color: #018378;
}

/* line 894, scss/compass/_title.scss */
.color-style3.template-12 .title-paging,
.color-style3.template-12 .tool-button .light-box .light-box-content .title,
.color-style3.template-12 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style3.template-12 .title,
.template-3 .lightBox-bg .lightBox-content .color-style3.template-12 .title,
.template-4 .lightBox-bg .lightBox-content .color-style3.template-12 .title,
.template-5 .lightBox-bg .lightBox-content .color-style3.template-12 .title,
.template-6 .lightBox-bg .lightBox-content .color-style3.template-12 .title,
.template-7 .lightBox-bg .lightBox-content .color-style3.template-12 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style3.template-12 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style3.template-12 .title,
.color-style3.template-12 .lightBox-bg .lightBox-content .title,
.color-style4 .lightBox-bg .lightBox-content .color-style3.template-12 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style3.template-12 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style3.template-12 .title,
.color-style3.template-12 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style3.template-12 h2,
.color-style3.template-12 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style3.template-12 h2,
.color-style3.template-12 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style3.template-12 h2,
.color-style3.template-12 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style3.template-12 h2,
.color-style3.template-12 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style3.template-12 h2,
.color-style3.template-12 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style3.template-12 h2,
.color-style3.template-12 h2.h2-page-title {
  border-color: #d4d4d4;
}

/* line 898, scss/compass/_title.scss */
.color-style3.template-12 .title-paging::before,
.color-style3.template-12 .tool-button .light-box .light-box-content .title::before,
.color-style3.template-12 h2.h2-title::before,
.template-2 .lightBox-bg .lightBox-content .color-style3.template-12 .title::before,
.template-3 .lightBox-bg .lightBox-content .color-style3.template-12 .title::before,
.template-4 .lightBox-bg .lightBox-content .color-style3.template-12 .title::before,
.template-5 .lightBox-bg .lightBox-content .color-style3.template-12 .title::before,
.template-6 .lightBox-bg .lightBox-content .color-style3.template-12 .title::before,
.template-7 .lightBox-bg .lightBox-content .color-style3.template-12 .title::before,
.color-style1 .lightBox-bg .lightBox-content .color-style3.template-12 .title::before,
.color-style2 .lightBox-bg .lightBox-content .color-style3.template-12 .title::before,
.color-style3.template-12 .lightBox-bg .lightBox-content .title::before,
.color-style4 .lightBox-bg .lightBox-content .color-style3.template-12 .title::before,
.color-style5 .lightBox-bg .lightBox-content .color-style3.template-12 .title::before,
.color-style6 .lightBox-bg .lightBox-content .color-style3.template-12 .title::before,
.color-style3.template-12 .template-3.color-style1 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style3.template-12 h2::before,
.color-style3.template-12 .template-3.color-style2 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style3.template-12 h2::before,
.color-style3.template-12 .template-3.color-style3 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style3.template-12 h2::before,
.color-style3.template-12 .template-3.color-style4 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style3.template-12 h2::before,
.color-style3.template-12 .template-3.color-style5 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style3.template-12 h2::before,
.color-style3.template-12 .template-3.color-style6 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style3.template-12 h2::before,
.color-style3.template-12 h2.h2-page-title::before {
  border-color: #ca7700 transparent transparent transparent;
}

/* line 902, scss/compass/_title.scss */
.color-style3.template-12 .span-page-title {
  border-color: #d4d4d4;
}

/* line 904, scss/compass/_title.scss */
.color-style3.template-12 .span-page-title::before {
  border-color: #ca7700 transparent transparent transparent;
}

/* line 913, scss/compass/_title.scss */
.color-style4 .title-paging,
.color-style4 .tool-button .light-box .light-box-content .title {
  color: #188144;
  border-color: #188144;
}

/* line 920, scss/compass/_title.scss */
.color-style4 h1.h1-page-title {
  border-color: #188144;
  color: #575757;
}

/* line 927, scss/compass/_title.scss */
.color-style4 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style4 .title,
.template-3 .lightBox-bg .lightBox-content .color-style4 .title,
.template-4 .lightBox-bg .lightBox-content .color-style4 .title,
.template-5 .lightBox-bg .lightBox-content .color-style4 .title,
.template-6 .lightBox-bg .lightBox-content .color-style4 .title,
.template-7 .lightBox-bg .lightBox-content .color-style4 .title,
.template-12 .lightBox-bg .lightBox-content .color-style4 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style4 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style4 .title,
.color-style3 .lightBox-bg .lightBox-content .color-style4 .title,
.color-style4 .lightBox-bg .lightBox-content .title,
.color-style5 .lightBox-bg .lightBox-content .color-style4 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style4 .title,
.color-style4 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style4 h2,
.color-style4 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style4 h2,
.color-style4 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style4 h2,
.template-3.color-style4 .lightBox-bg .lightBox-content h2,
.color-style4 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style4 h2,
.color-style4 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style4 h2 {
  color: #188144;
  border-color: #188144;
}

/* line 932, scss/compass/_title.scss */
.color-style4 h2.h2-page-title {
  border-color: #188144;
  color: #575757;
}

/* line 937, scss/compass/_title.scss */
.color-style4 .span-page-title {
  border-color: #188144;
  color: #575757;
}

/* line 945, scss/compass/_title.scss */
.color-style4.template-4 .title-paging,
.color-style4.template-4 .tool-button .light-box .light-box-content .title,
.color-style4.template-4 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style4.template-4 .title,
.template-3 .lightBox-bg .lightBox-content .color-style4.template-4 .title,
.template-5 .lightBox-bg .lightBox-content .color-style4.template-4 .title,
.template-6 .lightBox-bg .lightBox-content .color-style4.template-4 .title,
.template-7 .lightBox-bg .lightBox-content .color-style4.template-4 .title,
.template-12 .lightBox-bg .lightBox-content .color-style4.template-4 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style4.template-4 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style4.template-4 .title,
.color-style3 .lightBox-bg .lightBox-content .color-style4.template-4 .title,
.color-style4.template-4 .lightBox-bg .lightBox-content .title,
.color-style5 .lightBox-bg .lightBox-content .color-style4.template-4 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style4.template-4 .title,
.color-style4.template-4 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style4.template-4 h2,
.color-style4.template-4 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style4.template-4 h2,
.color-style4.template-4 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style4.template-4 h2,
.color-style4.template-4 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style4.template-4 h2,
.color-style4.template-4 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style4.template-4 h2,
.color-style4.template-4 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style4.template-4 h2,
.color-style4.template-4 h2.h2-page-title {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
}

/* line 952, scss/compass/_title.scss */
.color-style4.template-4 .span-page-title {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
}

/* line 959, scss/compass/_title.scss */
.color-style4.template-7 .title-paging,
.color-style4.template-7 .tool-button .light-box .light-box-content .title,
.color-style4.template-7 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style4.template-7 .title,
.template-3 .lightBox-bg .lightBox-content .color-style4.template-7 .title,
.template-4 .lightBox-bg .lightBox-content .color-style4.template-7 .title,
.template-5 .lightBox-bg .lightBox-content .color-style4.template-7 .title,
.template-6 .lightBox-bg .lightBox-content .color-style4.template-7 .title,
.template-12 .lightBox-bg .lightBox-content .color-style4.template-7 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style4.template-7 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style4.template-7 .title,
.color-style3 .lightBox-bg .lightBox-content .color-style4.template-7 .title,
.color-style4.template-7 .lightBox-bg .lightBox-content .title,
.color-style5 .lightBox-bg .lightBox-content .color-style4.template-7 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style4.template-7 .title,
.color-style4.template-7 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style4.template-7 h2,
.color-style4.template-7 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style4.template-7 h2,
.color-style4.template-7 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style4.template-7 h2,
.color-style4.template-7 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style4.template-7 h2,
.color-style4.template-7 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style4.template-7 h2,
.color-style4.template-7 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style4.template-7 h2,
.color-style4.template-7 h2.h2-page-title {
  color: #378166;
  border-bottom-color: #378166;
}

/* line 965, scss/compass/_title.scss */
.color-style4.template-7 .title-paging::before,
.color-style4.template-7 .tool-button .light-box .light-box-content .title::before,
.color-style4.template-7 h2.h2-title::before,
.template-2 .lightBox-bg .lightBox-content .color-style4.template-7 .title::before,
.template-3 .lightBox-bg .lightBox-content .color-style4.template-7 .title::before,
.template-4 .lightBox-bg .lightBox-content .color-style4.template-7 .title::before,
.template-5 .lightBox-bg .lightBox-content .color-style4.template-7 .title::before,
.template-6 .lightBox-bg .lightBox-content .color-style4.template-7 .title::before,
.template-12 .lightBox-bg .lightBox-content .color-style4.template-7 .title::before,
.color-style1 .lightBox-bg .lightBox-content .color-style4.template-7 .title::before,
.color-style2 .lightBox-bg .lightBox-content .color-style4.template-7 .title::before,
.color-style3 .lightBox-bg .lightBox-content .color-style4.template-7 .title::before,
.color-style4.template-7 .lightBox-bg .lightBox-content .title::before,
.color-style5 .lightBox-bg .lightBox-content .color-style4.template-7 .title::before,
.color-style6 .lightBox-bg .lightBox-content .color-style4.template-7 .title::before,
.color-style4.template-7 .template-3.color-style1 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style4.template-7 h2::before,
.color-style4.template-7 .template-3.color-style2 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style4.template-7 h2::before,
.color-style4.template-7 .template-3.color-style3 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style4.template-7 h2::before,
.color-style4.template-7 .template-3.color-style4 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style4.template-7 h2::before,
.color-style4.template-7 .template-3.color-style5 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style4.template-7 h2::before,
.color-style4.template-7 .template-3.color-style6 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style4.template-7 h2::before,
.color-style4.template-7 h2.h2-page-title::before {
  background-color: #378166;
}

/* line 967, scss/compass/_title.scss */
.color-style4.template-7 .span-page-title {
  color: #378166;
  border-bottom-color: #378166;
}

/* line 970, scss/compass/_title.scss */
.color-style4.template-7 .span-page-title::before {
  background-color: #378166;
}

/* line 974, scss/compass/_title.scss */
.color-style4.template-12 .title-paging,
.color-style4.template-12 .tool-button .light-box .light-box-content .title,
.color-style4.template-12 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style4.template-12 .title,
.template-3 .lightBox-bg .lightBox-content .color-style4.template-12 .title,
.template-4 .lightBox-bg .lightBox-content .color-style4.template-12 .title,
.template-5 .lightBox-bg .lightBox-content .color-style4.template-12 .title,
.template-6 .lightBox-bg .lightBox-content .color-style4.template-12 .title,
.template-7 .lightBox-bg .lightBox-content .color-style4.template-12 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style4.template-12 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style4.template-12 .title,
.color-style3 .lightBox-bg .lightBox-content .color-style4.template-12 .title,
.color-style4.template-12 .lightBox-bg .lightBox-content .title,
.color-style5 .lightBox-bg .lightBox-content .color-style4.template-12 .title,
.color-style6 .lightBox-bg .lightBox-content .color-style4.template-12 .title,
.color-style4.template-12 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style4.template-12 h2,
.color-style4.template-12 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style4.template-12 h2,
.color-style4.template-12 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style4.template-12 h2,
.color-style4.template-12 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style4.template-12 h2,
.color-style4.template-12 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style4.template-12 h2,
.color-style4.template-12 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style4.template-12 h2,
.color-style4.template-12 h2.h2-page-title {
  border-color: #d4d4d4;
}

/* line 978, scss/compass/_title.scss */
.color-style4.template-12 .title-paging::before,
.color-style4.template-12 .tool-button .light-box .light-box-content .title::before,
.color-style4.template-12 h2.h2-title::before,
.template-2 .lightBox-bg .lightBox-content .color-style4.template-12 .title::before,
.template-3 .lightBox-bg .lightBox-content .color-style4.template-12 .title::before,
.template-4 .lightBox-bg .lightBox-content .color-style4.template-12 .title::before,
.template-5 .lightBox-bg .lightBox-content .color-style4.template-12 .title::before,
.template-6 .lightBox-bg .lightBox-content .color-style4.template-12 .title::before,
.template-7 .lightBox-bg .lightBox-content .color-style4.template-12 .title::before,
.color-style1 .lightBox-bg .lightBox-content .color-style4.template-12 .title::before,
.color-style2 .lightBox-bg .lightBox-content .color-style4.template-12 .title::before,
.color-style3 .lightBox-bg .lightBox-content .color-style4.template-12 .title::before,
.color-style4.template-12 .lightBox-bg .lightBox-content .title::before,
.color-style5 .lightBox-bg .lightBox-content .color-style4.template-12 .title::before,
.color-style6 .lightBox-bg .lightBox-content .color-style4.template-12 .title::before,
.color-style4.template-12 .template-3.color-style1 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style4.template-12 h2::before,
.color-style4.template-12 .template-3.color-style2 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style4.template-12 h2::before,
.color-style4.template-12 .template-3.color-style3 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style4.template-12 h2::before,
.color-style4.template-12 .template-3.color-style4 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style4.template-12 h2::before,
.color-style4.template-12 .template-3.color-style5 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style4.template-12 h2::before,
.color-style4.template-12 .template-3.color-style6 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style4.template-12 h2::before,
.color-style4.template-12 h2.h2-page-title::before {
  border-color: #0a5e10 transparent transparent transparent;
}

/* line 982, scss/compass/_title.scss */
.color-style4.template-12 .span-page-title {
  border-color: #d4d4d4;
}

/* line 984, scss/compass/_title.scss */
.color-style4.template-12 .span-page-title::before {
  border-color: #0a5e10 transparent transparent transparent;
}

/* line 993, scss/compass/_title.scss */
.color-style5 .title-paging,
.color-style5 .tool-button .light-box .light-box-content .title {
  color: #ce4242;
  border-color: #ffa9a9;
}

/* line 1000, scss/compass/_title.scss */
.color-style5 h1.h1-page-title {
  border-color: #ffa9a9;
  box-shadow: 0px 3px 0px 0px #ddd;
  color: #575757;
}

/* line 1008, scss/compass/_title.scss */
.color-style5 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style5 .title,
.template-3 .lightBox-bg .lightBox-content .color-style5 .title,
.template-4 .lightBox-bg .lightBox-content .color-style5 .title,
.template-5 .lightBox-bg .lightBox-content .color-style5 .title,
.template-6 .lightBox-bg .lightBox-content .color-style5 .title,
.template-7 .lightBox-bg .lightBox-content .color-style5 .title,
.template-12 .lightBox-bg .lightBox-content .color-style5 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style5 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style5 .title,
.color-style3 .lightBox-bg .lightBox-content .color-style5 .title,
.color-style4 .lightBox-bg .lightBox-content .color-style5 .title,
.color-style5 .lightBox-bg .lightBox-content .title,
.color-style6 .lightBox-bg .lightBox-content .color-style5 .title,
.color-style5 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style5 h2,
.color-style5 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style5 h2,
.color-style5 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style5 h2,
.color-style5 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style5 h2,
.template-3.color-style5 .lightBox-bg .lightBox-content h2,
.color-style5 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style5 h2 {
  color: #ce4242;
  border-color: #ffa9a9;
}

/* line 1013, scss/compass/_title.scss */
.color-style5 h2.h2-page-title {
  border-color: #ffa9a9;
  color: #575757;
}

/* line 1018, scss/compass/_title.scss */
.color-style5 .span-page-title {
  border-color: #ffa9a9;
  color: #575757;
}

/* line 1025, scss/compass/_title.scss */
.color-style5.template-4 .title-paging,
.color-style5.template-4 .tool-button .light-box .light-box-content .title,
.color-style5.template-4 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style5.template-4 .title,
.template-3 .lightBox-bg .lightBox-content .color-style5.template-4 .title,
.template-5 .lightBox-bg .lightBox-content .color-style5.template-4 .title,
.template-6 .lightBox-bg .lightBox-content .color-style5.template-4 .title,
.template-7 .lightBox-bg .lightBox-content .color-style5.template-4 .title,
.template-12 .lightBox-bg .lightBox-content .color-style5.template-4 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style5.template-4 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style5.template-4 .title,
.color-style3 .lightBox-bg .lightBox-content .color-style5.template-4 .title,
.color-style4 .lightBox-bg .lightBox-content .color-style5.template-4 .title,
.color-style5.template-4 .lightBox-bg .lightBox-content .title,
.color-style6 .lightBox-bg .lightBox-content .color-style5.template-4 .title,
.color-style5.template-4 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style5.template-4 h2,
.color-style5.template-4 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style5.template-4 h2,
.color-style5.template-4 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style5.template-4 h2,
.color-style5.template-4 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style5.template-4 h2,
.color-style5.template-4 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style5.template-4 h2,
.color-style5.template-4 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style5.template-4 h2,
.color-style5.template-4 h2.h2-page-title {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
}

/* line 1032, scss/compass/_title.scss */
.color-style5.template-4 .span-page-title {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
}

/* line 1039, scss/compass/_title.scss */
.color-style5.template-12 .title-paging,
.color-style5.template-12 .tool-button .light-box .light-box-content .title,
.color-style5.template-12 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style5.template-12 .title,
.template-3 .lightBox-bg .lightBox-content .color-style5.template-12 .title,
.template-4 .lightBox-bg .lightBox-content .color-style5.template-12 .title,
.template-5 .lightBox-bg .lightBox-content .color-style5.template-12 .title,
.template-6 .lightBox-bg .lightBox-content .color-style5.template-12 .title,
.template-7 .lightBox-bg .lightBox-content .color-style5.template-12 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style5.template-12 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style5.template-12 .title,
.color-style3 .lightBox-bg .lightBox-content .color-style5.template-12 .title,
.color-style4 .lightBox-bg .lightBox-content .color-style5.template-12 .title,
.color-style5.template-12 .lightBox-bg .lightBox-content .title,
.color-style6 .lightBox-bg .lightBox-content .color-style5.template-12 .title,
.color-style5.template-12 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style5.template-12 h2,
.color-style5.template-12 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style5.template-12 h2,
.color-style5.template-12 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style5.template-12 h2,
.color-style5.template-12 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style5.template-12 h2,
.color-style5.template-12 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style5.template-12 h2,
.color-style5.template-12 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style5.template-12 h2,
.color-style5.template-12 h2.h2-page-title {
  border-color: #d4d4d4;
}

/* line 1043, scss/compass/_title.scss */
.color-style5.template-12 .title-paging::before,
.color-style5.template-12 .tool-button .light-box .light-box-content .title::before,
.color-style5.template-12 h2.h2-title::before,
.template-2 .lightBox-bg .lightBox-content .color-style5.template-12 .title::before,
.template-3 .lightBox-bg .lightBox-content .color-style5.template-12 .title::before,
.template-4 .lightBox-bg .lightBox-content .color-style5.template-12 .title::before,
.template-5 .lightBox-bg .lightBox-content .color-style5.template-12 .title::before,
.template-6 .lightBox-bg .lightBox-content .color-style5.template-12 .title::before,
.template-7 .lightBox-bg .lightBox-content .color-style5.template-12 .title::before,
.color-style1 .lightBox-bg .lightBox-content .color-style5.template-12 .title::before,
.color-style2 .lightBox-bg .lightBox-content .color-style5.template-12 .title::before,
.color-style3 .lightBox-bg .lightBox-content .color-style5.template-12 .title::before,
.color-style4 .lightBox-bg .lightBox-content .color-style5.template-12 .title::before,
.color-style5.template-12 .lightBox-bg .lightBox-content .title::before,
.color-style6 .lightBox-bg .lightBox-content .color-style5.template-12 .title::before,
.color-style5.template-12 .template-3.color-style1 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style5.template-12 h2::before,
.color-style5.template-12 .template-3.color-style2 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style5.template-12 h2::before,
.color-style5.template-12 .template-3.color-style3 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style5.template-12 h2::before,
.color-style5.template-12 .template-3.color-style4 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style5.template-12 h2::before,
.color-style5.template-12 .template-3.color-style5 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style5.template-12 h2::before,
.color-style5.template-12 .template-3.color-style6 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style5.template-12 h2::before,
.color-style5.template-12 h2.h2-page-title::before {
  border-color: #ffa9a9 transparent transparent transparent;
}

/* line 1047, scss/compass/_title.scss */
.color-style5.template-12 .span-page-title {
  border-color: #d4d4d4;
}

/* line 1049, scss/compass/_title.scss */
.color-style5.template-12 .span-page-title::before {
  border-color: #ffa9a9 transparent transparent transparent;
}

/* line 1058, scss/compass/_title.scss */
.color-style6 .title-paging,
.color-style6 .tool-button .light-box .light-box-content .title {
  color: #802b93;
  border-color: #802b93;
}

/* line 1065, scss/compass/_title.scss */
.color-style6 h1.h1-page-title {
  border-color: #802b93;
  color: #575757;
}

/* line 1072, scss/compass/_title.scss */
.color-style6 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style6 .title,
.template-3 .lightBox-bg .lightBox-content .color-style6 .title,
.template-4 .lightBox-bg .lightBox-content .color-style6 .title,
.template-5 .lightBox-bg .lightBox-content .color-style6 .title,
.template-6 .lightBox-bg .lightBox-content .color-style6 .title,
.template-7 .lightBox-bg .lightBox-content .color-style6 .title,
.template-12 .lightBox-bg .lightBox-content .color-style6 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style6 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style6 .title,
.color-style3 .lightBox-bg .lightBox-content .color-style6 .title,
.color-style4 .lightBox-bg .lightBox-content .color-style6 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style6 .title,
.color-style6 .lightBox-bg .lightBox-content .title,
.color-style6 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style6 h2,
.color-style6 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style6 h2,
.color-style6 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style6 h2,
.color-style6 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style6 h2,
.color-style6 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style6 h2,
.template-3.color-style6 .lightBox-bg .lightBox-content h2 {
  color: #802b93;
  border-color: #802b93;
}

/* line 1077, scss/compass/_title.scss */
.color-style6 h2.h2-page-title {
  border-color: #802b93;
  color: #575757;
}

/* line 1082, scss/compass/_title.scss */
.color-style6 .span-page-title {
  border-color: #802b93;
  color: #575757;
}

/* line 1089, scss/compass/_title.scss */
.color-style6.template-4 .title-paging,
.color-style6.template-4 .tool-button .light-box .light-box-content .title,
.color-style6.template-4 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style6.template-4 .title,
.template-3 .lightBox-bg .lightBox-content .color-style6.template-4 .title,
.template-5 .lightBox-bg .lightBox-content .color-style6.template-4 .title,
.template-6 .lightBox-bg .lightBox-content .color-style6.template-4 .title,
.template-7 .lightBox-bg .lightBox-content .color-style6.template-4 .title,
.template-12 .lightBox-bg .lightBox-content .color-style6.template-4 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style6.template-4 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style6.template-4 .title,
.color-style3 .lightBox-bg .lightBox-content .color-style6.template-4 .title,
.color-style4 .lightBox-bg .lightBox-content .color-style6.template-4 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style6.template-4 .title,
.color-style6.template-4 .lightBox-bg .lightBox-content .title,
.color-style6.template-4 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style6.template-4 h2,
.color-style6.template-4 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style6.template-4 h2,
.color-style6.template-4 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style6.template-4 h2,
.color-style6.template-4 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style6.template-4 h2,
.color-style6.template-4 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style6.template-4 h2,
.color-style6.template-4 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style6.template-4 h2,
.color-style6.template-4 h2.h2-page-title {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
}

/* line 1096, scss/compass/_title.scss */
.color-style6.template-4 .span-page-title {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
}

/* line 1103, scss/compass/_title.scss */
.color-style6.template-12 .title-paging,
.color-style6.template-12 .tool-button .light-box .light-box-content .title,
.color-style6.template-12 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .color-style6.template-12 .title,
.template-3 .lightBox-bg .lightBox-content .color-style6.template-12 .title,
.template-4 .lightBox-bg .lightBox-content .color-style6.template-12 .title,
.template-5 .lightBox-bg .lightBox-content .color-style6.template-12 .title,
.template-6 .lightBox-bg .lightBox-content .color-style6.template-12 .title,
.template-7 .lightBox-bg .lightBox-content .color-style6.template-12 .title,
.color-style1 .lightBox-bg .lightBox-content .color-style6.template-12 .title,
.color-style2 .lightBox-bg .lightBox-content .color-style6.template-12 .title,
.color-style3 .lightBox-bg .lightBox-content .color-style6.template-12 .title,
.color-style4 .lightBox-bg .lightBox-content .color-style6.template-12 .title,
.color-style5 .lightBox-bg .lightBox-content .color-style6.template-12 .title,
.color-style6.template-12 .lightBox-bg .lightBox-content .title,
.color-style6.template-12 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style6.template-12 h2,
.color-style6.template-12 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style6.template-12 h2,
.color-style6.template-12 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style6.template-12 h2,
.color-style6.template-12 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style6.template-12 h2,
.color-style6.template-12 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style6.template-12 h2,
.color-style6.template-12 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style6.template-12 h2,
.color-style6.template-12 h2.h2-page-title {
  border-color: #d4d4d4;
}

/* line 1107, scss/compass/_title.scss */
.color-style6.template-12 .title-paging::before,
.color-style6.template-12 .tool-button .light-box .light-box-content .title::before,
.color-style6.template-12 h2.h2-title::before,
.template-2 .lightBox-bg .lightBox-content .color-style6.template-12 .title::before,
.template-3 .lightBox-bg .lightBox-content .color-style6.template-12 .title::before,
.template-4 .lightBox-bg .lightBox-content .color-style6.template-12 .title::before,
.template-5 .lightBox-bg .lightBox-content .color-style6.template-12 .title::before,
.template-6 .lightBox-bg .lightBox-content .color-style6.template-12 .title::before,
.template-7 .lightBox-bg .lightBox-content .color-style6.template-12 .title::before,
.color-style1 .lightBox-bg .lightBox-content .color-style6.template-12 .title::before,
.color-style2 .lightBox-bg .lightBox-content .color-style6.template-12 .title::before,
.color-style3 .lightBox-bg .lightBox-content .color-style6.template-12 .title::before,
.color-style4 .lightBox-bg .lightBox-content .color-style6.template-12 .title::before,
.color-style5 .lightBox-bg .lightBox-content .color-style6.template-12 .title::before,
.color-style6.template-12 .lightBox-bg .lightBox-content .title::before,
.color-style6.template-12 .template-3.color-style1 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style1 .lightBox-bg .lightBox-content .color-style6.template-12 h2::before,
.color-style6.template-12 .template-3.color-style2 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style2 .lightBox-bg .lightBox-content .color-style6.template-12 h2::before,
.color-style6.template-12 .template-3.color-style3 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style3 .lightBox-bg .lightBox-content .color-style6.template-12 h2::before,
.color-style6.template-12 .template-3.color-style4 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style4 .lightBox-bg .lightBox-content .color-style6.template-12 h2::before,
.color-style6.template-12 .template-3.color-style5 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style5 .lightBox-bg .lightBox-content .color-style6.template-12 h2::before,
.color-style6.template-12 .template-3.color-style6 .lightBox-bg .lightBox-content h2::before,
.template-3.color-style6 .lightBox-bg .lightBox-content .color-style6.template-12 h2::before,
.color-style6.template-12 h2.h2-page-title::before {
  border-color: #5e146e transparent transparent transparent;
}

/* line 1111, scss/compass/_title.scss */
.color-style6.template-12 .span-page-title {
  border-color: #d4d4d4;
}

/* line 1113, scss/compass/_title.scss */
.color-style6.template-12 .span-page-title::before {
  border-color: #5e146e transparent transparent transparent;
}

/*-------------------------------------------------------------- 表單*/
/* line 9, scss/compass/_fill-form.scss */
.fill-form {
  background-color: #f5f5f5;
  padding: 0.5rem 0;
  margin-bottom: 30px;
  /*-------------------------------------------------------------- 版型原本色系*/
  /*-------------------- 顏色設定 ---------------------*/
  /* 顏色更換：藍 */
}

@media only screen and (max-width: 768px) {
  .fill-form {
    margin-bottom: 30px;
  }
}

/* line 13, scss/compass/_fill-form.scss */
.fill-form-note {
  color: #e00;
  margin: 30px 0 10px;
}

/* line 17, scss/compass/_fill-form.scss */
h2.h2-page-title+.fill-form-note,
.title-paging+.fill-form-note {
  margin-top: 0;
}

/* line 21, scss/compass/_fill-form.scss */
.fill-form-note .span-page-title {
  margin-top: 0;
}

/* line 26, scss/compass/_fill-form.scss */
.fill-form-title {
  font-size: 1.3rem;
  font-weight: normal;
  margin: 15px 0 10px;
  color: #777;
}

/* line 33, scss/compass/_fill-form.scss */
.fill-form .fill-data {
  padding: 1rem;
  border-bottom: 1px solid #ddd;
  margin: 0 auto;
}

/* line 38, scss/compass/_fill-form.scss */
.fill-form .fill-data a:not([class*='butn']) {
  color: #184e69;
}

/* line 40, scss/compass/_fill-form.scss */
.fill-form .fill-data a:not([class*='butn']):hover {
  text-decoration: underline;
}

/* line 41, scss/compass/_fill-form.scss */
.fill-form .fill-data a:not([class*='butn']):focus {
  outline: none;
  border: 2px dashed #ff9800 !important;
}

/* line 47, scss/compass/_fill-form.scss */
.fill-form .fill-data .data {
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  position: relative;
}

/* 聯絡我們 - 模組位置 */
.contact-parent{
  display: flex;
  justify-content: center;
}

.contact-parent .contact-box{
  width: 83.33333333%;
}

@media screen and (max-width: 769px) {
  .contact-parent .contact-box{
    width: 100%;
  }
}

/* 聯絡我們 - 個資蒐集 */
.fill-form .fill-data .data .checkBox {
  margin: 0 auto;
}

.fill-form .fill-data .data .checkBox>label {
  display: flex;
  align-items: baseline;
}

.fill-form .fill-data .data .checkBox>label .textPrivate {
  margin-left: 5px;
}

.fill-form .fill-data .data .checkBox>label .textPrivate a {
  color: #337ab7;
}

.fill-form .fill-data .data .checkBox>label .textPrivate a:hover {
  color: #23527c;
  text-decoration: none;
}


/* line 53, scss/compass/_fill-form.scss */
.fill-form .fill-data .data>label {
  width: 90px;
  padding-top: 5px;
}

/* line 56, scss/compass/_fill-form.scss */
html:lang(en) .fill-form .fill-data .data>label {
  width: 250px;
}

/* line 59, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .focus-red {
  color: #d00;
}

/* line 61, scss/compass/_fill-form.scss */
.fill-form .fill-data .data label.radio-checkbox {
  display: inline-block;
}

/* line 64, scss/compass/_fill-form.scss */
.fill-form .fill-data .data label.radio-checkbox:focus-within {
  border: 2px dashed #ff9800;
}

/* line 66, scss/compass/_fill-form.scss */
.fill-form .fill-data .data label.radio-checkbox input[type=radio],
.fill-form .fill-data .data label.radio-checkbox input[type=checkbox] {
  margin-right: 5px;
}

/* line 72, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box {
  width: calc(100% - 90px);
  margin-left: 15px;
}

/* line 75, scss/compass/_fill-form.scss */
html:lang(en) .fill-form .fill-data .data .box {
  width: calc(100% - 250px);
}

/* line 77, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* line 82, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.div-block {
  display: block;
}

/* line 84, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.div-block .symbol {
  padding: 0 5px;
}

/* line 87, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.div-wrap {
  flex-wrap: wrap;
}

/* line 89, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div>div {
  height: 34px;
  line-height: 34px;
}

/* line 95, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.two input:not([type=radio]):not([type=checkbox]),
.fill-form .fill-data .data .box>div.two select {
  width: calc((100% - 20px) / 2);
}

/* line 99, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.two input:not([type=radio]):not([type=checkbox])+input,
.fill-form .fill-data .data .box>div.two input:not([type=radio]):not([type=checkbox])+select,
.fill-form .fill-data .data .box>div.two select+input,
.fill-form .fill-data .data .box>div.two select+select {
  margin-left: 20px;
}

/* line 105, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.two>div {
  width: calc((100% - 20px) / 2);
}

/* line 108, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.two>div input:not([type=radio]):not([type=checkbox]),
.fill-form .fill-data .data .box>div.two>div select {
  width: 100%;
}

/* line 113, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.two>div+div {
  margin-left: 20px;
}

/* line 119, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.two.symbol input:not([type=radio]):not([type=checkbox]),
.fill-form .fill-data .data .box>div.two.symbol select {
  width: calc(50% - (36px / 2));
}

/* line 127, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.four input:not([type=radio]):not([type=checkbox]),
.fill-form .fill-data .data .box>div.four select {
  width: calc((100% - 20px) / 4);
}

/* line 131, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.four input:not([type=radio]):not([type=checkbox])+input,
.fill-form .fill-data .data .box>div.four input:not([type=radio]):not([type=checkbox])+select,
.fill-form .fill-data .data .box>div.four select+input,
.fill-form .fill-data .data .box>div.four select+select {
  margin-left: 20px;
}

/* line 139, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.medium input:not([type=radio]):not([type=checkbox]),
.fill-form .fill-data .data .box>div.medium select {
  width: 55%;
}

/* line 145, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.medium.two input:not([type=radio]):not([type=checkbox]),
.fill-form .fill-data .data .box>div.medium.two select {
  width: calc((55% - 20px) / 2);
}

/* line 151, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.medium.two.symbol input:not([type=radio]):not([type=checkbox]),
.fill-form .fill-data .data .box>div.medium.two.symbol select {
  width: calc(($medium_width / 2) - (36px / 2));
}

/* line 160, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.small input:not([type=radio]):not([type=checkbox]),
.fill-form .fill-data .data .box>div.small select {
  width: 23%;
}

/* line 164, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.small input:not([type=radio]):not([type=checkbox])+input:not([type=radio]):not([type=checkbox]),
.fill-form .fill-data .data .box>div.small input:not([type=radio]):not([type=checkbox])+select,
.fill-form .fill-data .data .box>div.small select+input:not([type=radio]):not([type=checkbox]),
.fill-form .fill-data .data .box>div.small select+select {
  margin-left: 20px;
}

/* line 169, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.small.two input,
.fill-form .fill-data .data .box>div.small.two select {
  width: calc((23% - 20px) / 2);
}

/* line 175, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.small.two.symbol input,
.fill-form .fill-data .data .box>div.small.two.symbol select {
  width: calc(($small_width / 2) - (36px / 2));
}

/* line 184, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.link-butn .butn {
  white-space: nowrap;
  padding-left: 8px;
  padding-right: 8px;
}

/* line 189, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.link-butn input+.butn {
  margin-left: 8px;
}

/* line 195, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.verify input:not([type=radio]):not([type=checkbox]) {
  width: 110px;
  margin-right: 12px;
}

/* line 200, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.verify .verify-img {
  margin-right: 12px;
  border: 1px solid #cccccc;
}

/* line 203, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.verify .verify-img img {
  height: 35px;
}

/* line 206, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.verify .voice {
  padding: 3px;
  text-align: center;
  background-color: #e8e8e8;
  border: 1px solid #cccccc;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
}

/* line 215, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.verify .voice img {
  width: 32px;
  height: 32px;
}

/* line 220, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.verify .voice:hover {
  background-color: #d1d0d0;
}

/* line 225, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.verify .refresh {
  color: #184e69;
  background-color: #e8e8e8;
  border-radius: 50px;
  padding: 3px 10px 3px 6px;
  border: 1px solid #cccccc;
  display: inline-block;
}

/* line 233, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.verify .refresh img {
  width: 32px;
  height: 32px;
  vertical-align: -10px;
}

/* line 239, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div.verify .refresh:hover {
  text-decoration: none;
  background-color: #d1d0d0;
}

/* line 246, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div+* {
  margin-top: 15px;
}

/* line 247, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div .symbol {
  min-width: 36px;
  padding: 0 10px;
  text-align: center;
  white-space: nowrap;
}

/* line 252, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box>div .symbol:first-child {
  padding-left: 0;
}

/* line 257, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box.two>div {
  width: 50%;
  float: left;
  margin-top: 0;
}

/* line 263, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box.two::after {
  content: '';
  display: block;
  clear: both;
}

/* line 270, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']) {
  width: 100%;
  height: 34px;
  padding: 3px 5px;
  border: 2px solid #1ebe9f;
}

/* line 276, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus {
  border: 2px dashed #ff9800;
}

/* line 279, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box select {
  width: 100%;
  height: 34px;
  padding-left: 5px;
  padding-right: 27px;
  border: 2px solid #1ebe9f;
}

/* line 286, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box select:focus {
  border: 2px dashed #ff9800;
}

/* line 289, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box textarea {
  width: 100%;
  height: 120px;
  padding: 5px;
  border: 2px solid #1ebe9f;
}

/* line 295, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box textarea:focus {
  border: 2px dashed #ff9800;
}

/* line 298, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box label {
  height: 34px;
  line-height: 34px;
}

/* line 302, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box label input:not([type=radio]):not([type=checkbox]),
.fill-form .fill-data .data .box label select {
  width: auto;
  height: 30px;
}

/* line 308, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box label input:not([type=radio]):not([type=checkbox]) {
  width: 170px;
}

/* line 311, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box label.wrap {
  display: block;
}

/* line 314, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box label.radio-checkbox {
  height: auto;
  line-height: 1.5rem;
  margin: 0 8px 0 0;
}

/* line 318, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box label.radio-checkbox:hover {
  color: #1e6385;
}

/* line 319, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box label.radio-checkbox+label.radio-checkbox.wrap {
  margin-top: 5px;
}

/* line 320, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box label.radio-checkbox label {
  height: auto;
  line-height: 1.5rem;
}

/* line 326, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box p {
  width: 100%;
  color: #d00;
  margin-top: 5px;
}

/* line 330, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box p a {
  color: #184e69;
}

/* line 332, scss/compass/_fill-form.scss */
.fill-form .fill-data .data .box p a:hover {
  text-decoration: underline;
}

/* line 339, scss/compass/_fill-form.scss */
.fill-form .butn-box {
  padding: 1.5rem 1rem 0.8rem;
  text-align: center;
}

/* line 343, scss/compass/_fill-form.scss */
.fill-form .butn-box::after {
  content: '';
  display: block;
  clear: both;
}

/* line 351, scss/compass/_fill-form.scss */
.fill-form.independence .fill-data {
  width: 100%;
}

/* line 355, scss/compass/_fill-form.scss */
.fill-form.independence .data {
  display: block;
}

/* line 358, scss/compass/_fill-form.scss */
.fill-form.independence .data>label {
  width: auto !important;
  display: block;
  padding: 0 0 10px;
}

/* line 364, scss/compass/_fill-form.scss */
.fill-form.independence .data .box {
  width: 100% !important;
  margin-left: 0;
}

@media only screen and (max-width: 768px) {

  /* line 372, scss/compass/_fill-form.scss */
  .fill-form .fill-data {
    width: 100% !important;
  }

  /* line 375, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data {
    width: 100% !important;
    display: block;
  }

  /* line 379, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data>label {
    width: auto !important;
    display: block;
    padding: 0 0 10px;
    white-space: normal;
  }

  /* line 386, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data label.radio-checkbox {
    display: block;
  }

  /* line 390, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box {
    width: 100% !important;
    margin-left: 0;
  }

  /* line 397, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.medium input:not([type=radio]):not([type=checkbox]),
  .fill-form .fill-data .data .box>div.medium select,
  .fill-form .fill-data .data .box>div.small input:not([type=radio]):not([type=checkbox]),
  .fill-form .fill-data .data .box>div.small select {
    width: 50%;
  }

  /* line 403, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.medium.two input:not([type=radio]):not([type=checkbox]),
  .fill-form .fill-data .data .box>div.medium.two select,
  .fill-form .fill-data .data .box>div.small.two input:not([type=radio]):not([type=checkbox]),
  .fill-form .fill-data .data .box>div.small.two select {
    width: calc((100% - 20px) / 2);
  }

  /* line 410, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.four {
    flex-wrap: wrap;
  }

  /* line 413, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.four input:not([type=radio]):not([type=checkbox]),
  .fill-form .fill-data .data .box>div.four select {
    width: calc((100% - 20px) / 2);
  }

  /* line 417, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.four input:not([type=radio]):not([type=checkbox])+input,
  .fill-form .fill-data .data .box>div.four input:not([type=radio]):not([type=checkbox])+select,
  .fill-form .fill-data .data .box>div.four select+input,
  .fill-form .fill-data .data .box>div.four select+select {
    margin-left: 20px;
  }

  /* line 423, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.four *:nth-of-type(2n+1) {
    margin-left: 0;
  }

  /* line 427, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.four *:nth-of-type(n+3) {
    margin-top: 15px;
  }

  /* line 432, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.four.symbol input:not([type=radio]):not([type=checkbox]),
  .fill-form .fill-data .data .box>div.four.symbol select {
    width: calc((100% - 20px) / 2);
  }

  /* line 436, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.four.symbol *:nth-of-type(n+1) {
    margin-top: 15px;
  }

  /* line 442, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.verify {
    display: block;
  }

  /* line 445, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.verify input {
    width: 100%;
    margin-bottom: 10px;
  }

  /* line 450, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.verify .verify-img {
    margin: 0 10px 5px 0;
  }

  /* line 454, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.verify .voice {
    margin-bottom: 10px;
  }

  /* line 462, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box.two>div {
    width: 100%;
    float: none;
  }

  /* line 468, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box label {
    height: auto;
    line-height: normal;
  }

  /* line 474, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box label.radio-checkbox+label.radio-checkbox {
    margin: 5px 0 0 0;
  }

  /* line 483, scss/compass/_fill-form.scss */
  .fill-form .butn-box.two {
    display: flex;
  }

  /* line 486, scss/compass/_fill-form.scss */
  .fill-form .butn-box.two>* {
    min-width: inherit;
    width: calc((100% - 15px) / 2);
  }
}

@media only screen and (max-width: 375px) {

  /* line 499, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.link-butn {
    flex-wrap: wrap;
  }

  /* line 501, scss/compass/_fill-form.scss */
  .fill-form .fill-data .data .box>div.link-butn input+.butn,
  .fill-form .fill-data .data .box>div.link-butn .butn+.butn {
    margin: 6px 6px 0 0;
  }
}

/* line 512, scss/compass/_fill-form.scss */
.template-2 .fill-form .fill-data {
  border-color: #ddd;
}

/* line 517, scss/compass/_fill-form.scss */
.template-2 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']),
.template-2 .fill-form .fill-data .data .box select,
.template-2 .fill-form .fill-data .data .box textarea {
  border-color: #a6a6a6;
}

/* line 521, scss/compass/_fill-form.scss */
.template-2 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus,
.template-2 .fill-form .fill-data .data .box select:focus,
.template-2 .fill-form .fill-data .data .box textarea:focus {
  border-color: #ff9800;
}

/* line 528, scss/compass/_fill-form.scss */
.template-3 .fill-form .fill-data {
  border-color: #ddd;
}

/* line 533, scss/compass/_fill-form.scss */
.template-3 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']),
.template-3 .fill-form .fill-data .data .box select,
.template-3 .fill-form .fill-data .data .box textarea {
  border-color: #956a7f;
}

/* line 537, scss/compass/_fill-form.scss */
.template-3 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus,
.template-3 .fill-form .fill-data .data .box select:focus,
.template-3 .fill-form .fill-data .data .box textarea:focus {
  border-color: #ff9800;
}

/* line 544, scss/compass/_fill-form.scss */
.template-4 .fill-form .fill-data {
  border-color: #ddd;
}

/* line 549, scss/compass/_fill-form.scss */
.template-4 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']),
.template-4 .fill-form .fill-data .data .box select,
.template-4 .fill-form .fill-data .data .box textarea {
  border-color: #bbb;
}

/* line 553, scss/compass/_fill-form.scss */
.template-4 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus,
.template-4 .fill-form .fill-data .data .box select:focus,
.template-4 .fill-form .fill-data .data .box textarea:focus {
  border-color: #ff9800;
}

/* line 560, scss/compass/_fill-form.scss */
.template-5 .fill-form .fill-data {
  border-color: #ddd;
}

/* line 565, scss/compass/_fill-form.scss */
.template-5 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']),
.template-5 .fill-form .fill-data .data .box select,
.template-5 .fill-form .fill-data .data .box textarea {
  border-color: #989741;
}

/* line 569, scss/compass/_fill-form.scss */
.template-5 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus,
.template-5 .fill-form .fill-data .data .box select:focus,
.template-5 .fill-form .fill-data .data .box textarea:focus {
  border-color: #e00;
}

/* line 576, scss/compass/_fill-form.scss */
.template-6 .fill-form .fill-data {
  border-color: #ddd;
}

/* line 581, scss/compass/_fill-form.scss */
.template-6 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']),
.template-6 .fill-form .fill-data .data .box select,
.template-6 .fill-form .fill-data .data .box textarea {
  border-color: #b9cbd6;
}

/* line 585, scss/compass/_fill-form.scss */
.template-6 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus,
.template-6 .fill-form .fill-data .data .box select:focus,
.template-6 .fill-form .fill-data .data .box textarea:focus {
  border-color: #ff9800;
}

/* line 592, scss/compass/_fill-form.scss */
.template-7 .fill-form .fill-data {
  border-color: #ddd;
}

/* line 597, scss/compass/_fill-form.scss */
.template-7 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']),
.template-7 .fill-form .fill-data .data .box select,
.template-7 .fill-form .fill-data .data .box textarea {
  border-color: #b4c0b4;
}

/* line 601, scss/compass/_fill-form.scss */
.template-7 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus,
.template-7 .fill-form .fill-data .data .box select:focus,
.template-7 .fill-form .fill-data .data .box textarea:focus {
  outline: none;
  border-color: #ff9800;
}

/* line 612, scss/compass/_fill-form.scss */
.template-12 .fill-form .fill-data {
  border-color: #ddd;
}

/* line 617, scss/compass/_fill-form.scss */
.template-12 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']),
.template-12 .fill-form .fill-data .data .box select,
.template-12 .fill-form .fill-data .data .box textarea {
  border-color: #a3b4c3;
}

/* line 621, scss/compass/_fill-form.scss */
.template-12 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus,
.template-12 .fill-form .fill-data .data .box select:focus,
.template-12 .fill-form .fill-data .data .box textarea:focus {
  border-color: #ff9800;
}

/* line 636, scss/compass/_fill-form.scss */
.template-21 .fill-form .fill-data {
  border-color: #ddd;
}

/* line 641, scss/compass/_fill-form.scss */
.template-21 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']),
.template-21 .fill-form .fill-data .data .box select,
.template-21 .fill-form .fill-data .data .box textarea {
  border-color: #b4c0b4;
}

/* line 645, scss/compass/_fill-form.scss */
.template-21 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus,
.template-21 .fill-form .fill-data .data .box select:focus,
.template-21 .fill-form .fill-data .data .box textarea:focus {
  outline: none;
  border-color: #ff9800;
}

/* line 661, scss/compass/_fill-form.scss */
.color-style1 .fill-form .fill-data,
.color-style2 .fill-form .fill-data,
.color-style3 .fill-form .fill-data,
.color-style4 .fill-form .fill-data,
.color-style5 .fill-form .fill-data,
.color-style6 .fill-form .fill-data {
  border-color: #ddd;
}

/* line 666, scss/compass/_fill-form.scss */
.color-style1 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']),
.color-style1 .fill-form .fill-data .data .box select,
.color-style1 .fill-form .fill-data .data .box textarea,
.color-style2 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']),
.color-style2 .fill-form .fill-data .data .box select,
.color-style2 .fill-form .fill-data .data .box textarea,
.color-style3 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']),
.color-style3 .fill-form .fill-data .data .box select,
.color-style3 .fill-form .fill-data .data .box textarea,
.color-style4 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']),
.color-style4 .fill-form .fill-data .data .box select,
.color-style4 .fill-form .fill-data .data .box textarea,
.color-style5 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']),
.color-style5 .fill-form .fill-data .data .box select,
.color-style5 .fill-form .fill-data .data .box textarea,
.color-style6 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']),
.color-style6 .fill-form .fill-data .data .box select,
.color-style6 .fill-form .fill-data .data .box textarea {
  border-color: #a6a6a6;
}

/* line 670, scss/compass/_fill-form.scss */
.color-style1 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus,
.color-style1 .fill-form .fill-data .data .box select:focus,
.color-style1 .fill-form .fill-data .data .box textarea:focus,
.color-style2 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus,
.color-style2 .fill-form .fill-data .data .box select:focus,
.color-style2 .fill-form .fill-data .data .box textarea:focus,
.color-style3 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus,
.color-style3 .fill-form .fill-data .data .box select:focus,
.color-style3 .fill-form .fill-data .data .box textarea:focus,
.color-style4 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus,
.color-style4 .fill-form .fill-data .data .box select:focus,
.color-style4 .fill-form .fill-data .data .box textarea:focus,
.color-style5 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus,
.color-style5 .fill-form .fill-data .data .box select:focus,
.color-style5 .fill-form .fill-data .data .box textarea:focus,
.color-style6 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus,
.color-style6 .fill-form .fill-data .data .box select:focus,
.color-style6 .fill-form .fill-data .data .box textarea:focus {
  border-color: #ff9800;
}

/* line 2, scss/compass/_table.scss */
table caption {
  font-size: 1.5rem;
  padding-top: 8px;
  padding-bottom: 5px;
  color: #777;
  text-align: left;
}

@media only screen and (max-width: 768px) {

  /* line 11, scss/compass/_table.scss */
  table caption {
    width: 100%;
    display: block;
  }
}

/*---------------------------------------------------------- table list*/
/* line 22, scss/compass/_table.scss */
table.table-list {
  width: 100%;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

  /* line 22, scss/compass/_table.scss */
  table.table-list {
    table-layout: fixed;
    word-wrap: break-word;
  }
}

/* line 31, scss/compass/_table.scss */
table.table-list thead tr th {
  color: #fff;
  font-weight: normal;
  padding: 5px 8px;
  text-align: left;
  border: 2px solid #fff;
  background: #008269;
  background: -moz-linear-gradient(top, #008269 0%, #00604e 56%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #008269 0%, #00604e 56%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #008269 0%, #00604e 56%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008269', endColorstr='#00604e', GradientType=0);
  /* IE6-9 */
  background-color: #008269;
}

/* line 45, scss/compass/_table.scss */
table.table-list tbody tr td {
  padding: 5px 8px;
  background-color: #efefef;
  border: 2px solid #fff;
}

/* line 50, scss/compass/_table.scss */
table.table-list tbody tr td.empty {
  text-align: center;
}

/* line 51, scss/compass/_table.scss */
table.table-list tbody tr td a:not([class*='butn']) {
  color: #1e6385;
}

/* line 53, scss/compass/_table.scss */

table.table-list tbody tr td span:focus {
  outline: none;
  background-color: #FFE16D;
}

table.table-list tbody tr td a:not([class*='butn']):hover,
table.table-list tbody tr td a:not([class*='butn']):focus {
  outline: none;
  background-color: #FFE16D;
}

/* line 59, scss/compass/_table.scss */
table.table-list tbody tr td .top {
  width: 20px;
  margin-right: 5px;
}

@media only screen and (max-width: 768px) {

  /* line 66, scss/compass/_table.scss */
  table.table-list:not(.no-rwd) {
    width: 100%;
    display: block;
  }

  /* line 70, scss/compass/_table.scss */
  table.table-list:not(.no-rwd) thead {
    display: none;
  }

  /* line 71, scss/compass/_table.scss */
  table.table-list:not(.no-rwd) tbody {
    width: 100%;
    display: block;
  }

  /* line 75, scss/compass/_table.scss */
  table.table-list:not(.no-rwd) tbody tr {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }

  /* line 80, scss/compass/_table.scss */
  table.table-list:not(.no-rwd) tbody tr td {
    width: 100% !important;
    display: flex;
    text-align: left !important;
    border: none;
    padding: 10px;
    background-color: #f7f7f7;
    margin-bottom: 2px;
  }

  /* line 89, scss/compass/_table.scss */
  table.table-list:not(.no-rwd) tbody tr td.empty {
    display: block;
    text-align: center !important;
  }

  /* line 93, scss/compass/_table.scss */
  table.table-list:not(.no-rwd) tbody tr td:first-child {
    border-top: 3px solid #1ebe9f;
  }

  /* line 94, scss/compass/_table.scss */
  table.table-list:not(.no-rwd) tbody tr td::before {
    content: attr(data-title);
    font-weight: bold;
    display: inline-block;
    color: #0a987c;
    white-space: nowrap;
  }
}

/*---------------------------------------------------------- table detail*/
/* line 109, scss/compass/_table.scss */
table.table-detail {
  width: 100%;
}

/* line 112, scss/compass/_table.scss */
table.table-detail th {
  width: 20%;
  background: #0a8068;
  border: 2px solid #fff;
  font-weight: normal;
  text-align: left;
  padding: 5px 8px;
}

/* line 121, scss/compass/_table.scss */
table.table-detail td {
  width: 80%;
  background-color: #efefef;
  border: 2px solid #fff;
  padding: 5px 8px;
}

/* line 128, scss/compass/_table.scss */
table.table-detail td a:not([class*='butn']):hover,
table.table-detail td a:not([class*='butn']):focus {
  outline: none;
  background-color: #FFE16D;
}

/* line 136, scss/compass/_table.scss */
table.table-detail .invoice th {
  width: 120px;
  text-align: center;
  padding: 5px 2px !important;
}

/* line 141, scss/compass/_table.scss */
table.table-detail .invoice td {
  width: 8%;
  text-align: center;
  padding: 5px 2px !important;
}

@media only screen and (max-width: 767px) {

  /* line 149, scss/compass/_table.scss */
  table.table-detail th,
  table.table-detail td {
    width: 100%;
    display: block;
  }

  /* line 153, scss/compass/_table.scss */
  table.table-detail th {
    color: #fff;
  }

  /* line 154, scss/compass/_table.scss */
  table.table-detail .rwd-table {
    display: flex;
  }

  /* line 156, scss/compass/_table.scss */
  table.table-detail .rwd-table .invoice {
    width: 100%;
  }

  /* line 158, scss/compass/_table.scss */
  table.table-detail .rwd-table .invoice th {
    width: 100%;
  }

  /* line 159, scss/compass/_table.scss */
  table.table-detail .rwd-table .invoice td {
    width: 100%;
  }
}

/*---------------------------------------------------------- table of article*/
@media only screen and (max-width: 768px) {

  /* line 166, scss/compass/_table.scss */
  table.table-article-list {
    width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {

  /* line 166, scss/compass/_table.scss */
  table.table-article-list {
    border: none !important;
    display: block;
  }

  /* line 174, scss/compass/_table.scss */
  table.table-article-list thead,
  table.table-article-list .title {
    display: none;
  }

  /* line 175, scss/compass/_table.scss */
  table.table-article-list tbody {
    width: 100%;
    display: block;
  }

  /* line 179, scss/compass/_table.scss */
  table.table-article-list tbody tr {
    width: 100%;
    display: block;
    padding: 3px 0;
    background-color: #f7f7f7;
  }

  /* line 185, scss/compass/_table.scss */
  table.table-article-list tbody tr+tr {
    margin-top: 20px;
  }

  /* line 186, scss/compass/_table.scss */
  table.table-article-list tbody tr td {
    width: 100% !important;
    display: flex;
    text-align: left !important;
    align-items: baseline;
    border: none !important;
    padding: 2px 10px !important;
  }

  /* line 194, scss/compass/_table.scss */
  table.table-article-list tbody tr td.empty {
    display: block;
    text-align: center !important;
  }

  /* line 199, scss/compass/_table.scss */
  table.table-article-list tbody tr td::before {
    content: attr(data-title);
    font-weight: bold;
    color: #08518f;
    display: inline-block;
    white-space: nowrap;
  }

  /* line 207, scss/compass/_table.scss */
  table.table-article-list tbody tr td p {
    margin: 5px 0;
  }
}

/*-------------------------------------------------------------- 版型原本色系*/
/* line 217, scss/compass/_table.scss */
.template-2 table.table-list thead tr th {
  color: #fff;
  background: #066caa;
  background: -moz-linear-gradient(top, #066caa 0%, #055789 100%);
  background: -webkit-linear-gradient(top, #066caa 0%, #055789 100%);
  background: linear-gradient(to bottom, #066caa 0%, #055789 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#066caa', endColorstr='#055789', GradientType=0);
  background-color: #066caa;
}

@media only screen and (max-width: 768px) {

  /* line 228, scss/compass/_table.scss */
  .template-2 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 230, scss/compass/_table.scss */
  .template-2 table.table-list tbody tr td:first-child {
    border-top-color: #00568b;
  }

  /* line 231, scss/compass/_table.scss */
  .template-2 table.table-list tbody tr td::before {
    color: #066caa;
  }
}

/* line 236, scss/compass/_table.scss */
.template-2 table.table-detail th {
  background: #066caa;
  color: #fff;
  border-color: #fff;
}

/* line 244, scss/compass/_table.scss */
.template-3 table.table-list thead tr th {
  color: #fff;
  border: 2px solid #fff;
  background: #79516e;
  background: -moz-linear-gradient(top, #79516e 0%, #4b314b 56%);
  background: -webkit-linear-gradient(top, #79516e 0%, #4b314b 56%);
  background: linear-gradient(to bottom, #79516e 0%, #4b314b 56%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79516e', endColorstr='#4b314b', GradientType=0);
  background-color: #79516e;
}

@media only screen and (max-width: 768px) {

  /* line 256, scss/compass/_table.scss */
  .template-3 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 258, scss/compass/_table.scss */
  .template-3 table.table-list tbody tr td:first-child {
    border-top-color: #63474a;
  }

  /* line 259, scss/compass/_table.scss */
  .template-3 table.table-list tbody tr td::before {
    color: #63474a;
  }
}

/* line 265, scss/compass/_table.scss */
.template-3 table.table-detail th {
  color: #ffffff;
  background: #63474a;
  border-color: #ffffff;
}

/* line 274, scss/compass/_table.scss */
.template-4 table.table-list thead tr th {
  color: #fff;
  background: #02558a;
}

@media only screen and (max-width: 768px) {

  /* line 280, scss/compass/_table.scss */
  .template-4 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 282, scss/compass/_table.scss */
  .template-4 table.table-list tbody tr td:first-child {
    border-top-color: #aec5c8;
  }

  /* line 283, scss/compass/_table.scss */
  .template-4 table.table-list tbody tr td::before {
    color: #427077;
  }
}

/* line 288, scss/compass/_table.scss */
.template-4 table.table-detail th {
  color: #fff;
  background: #02558a;
  border-color: #fff;
}

/* line 296, scss/compass/_table.scss */
.template-5 table.table-list thead tr th {
  color: #353535;
  background: #ffc572;
  background: -moz-linear-gradient(top, #ffc572 0%, #ffb750 100%);
  background: -webkit-linear-gradient(top, #ffc572 0%, #ffb750 100%);
  background: linear-gradient(to bottom, #ffc572 0%, #ffb750 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc572', endColorstr='#ffb750', GradientType=0);
  background-color: #ffc572;
}

@media only screen and (max-width: 768px) {

  /* line 309, scss/compass/_table.scss */
  .template-5 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 311, scss/compass/_table.scss */
  .template-5 table.table-list tbody tr td:first-child {
    border-top-color: #ffb141;
  }

  /* line 312, scss/compass/_table.scss */
  .template-5 table.table-list tbody tr td::before {
    color: #985b01;
  }
}

/* line 319, scss/compass/_table.scss */
.template-5 table.table-detail th {
  color: #000000;
  background: #ffc572;
  border-color: #ffffff;
}

/* line 327, scss/compass/_table.scss */
.template-6 table.table-list thead tr th {
  color: #fff;
  background: #0072bb;
}

@media only screen and (max-width: 768px) {

  /* line 333, scss/compass/_table.scss */
  .template-6 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 335, scss/compass/_table.scss */
  .template-6 table.table-list tbody tr td:first-child {
    border-top-color: #0072bb;
  }

  /* line 336, scss/compass/_table.scss */
  .template-6 table.table-list tbody tr td::before {
    color: #0154a1;
  }
}

/* line 341, scss/compass/_table.scss */
.template-6 table.table-detail th {
  color: #fff;
  background: #0072bb;
  border-color: #fff;
}

/* line 349, scss/compass/_table.scss */
.template-7 table.table-list thead tr th {
  color: #fff;
  background: #508150;
  background: -moz-linear-gradient(top, #508150 0%, #497749 100%);
  background: -webkit-linear-gradient(top, #508150 0%, #497749 100%);
  background: linear-gradient(to bottom, #508150 0%, #497749 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#508150', endColorstr='#497749', GradientType=0);
  background-color: #508150;
}

@media only screen and (max-width: 768px) {

  /* line 360, scss/compass/_table.scss */
  .template-7 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 362, scss/compass/_table.scss */
  .template-7 table.table-list tbody tr td:first-child {
    border-top-color: #b4c0b4;
  }

  /* line 363, scss/compass/_table.scss */
  .template-7 table.table-list tbody tr td::before {
    color: #474;
  }
}

/* line 369, scss/compass/_table.scss */
.template-7 table.table-detail th {
  color: #fff;
  border-color: #ffffff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#497749+0,508150+100 */
  background: #497749;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #497749 0%, #508150 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #497749 0%, #508150 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #497749 0%, #508150 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#497749', endColorstr='#508150', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  background-color: #497749;
}

/* line 388, scss/compass/_table.scss */
.template-12 table.table-list thead tr th {
  color: #fff;
  background: #016ed4;
}

/* line 392, scss/compass/_table.scss */
.template-12 table.table-list tbody tr td {
  background-color: #f6f6f6;
}

@media only screen and (max-width: 768px) {

  /* line 395, scss/compass/_table.scss */
  .template-12 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 397, scss/compass/_table.scss */
  .template-12 table.table-list tbody tr td:first-child {
    border-top-color: #016ed4;
  }

  /* line 398, scss/compass/_table.scss */
  .template-12 table.table-list tbody tr td::before {
    color: #0154a1;
  }
}

/* line 404, scss/compass/_table.scss */
.template-12 table.table-detail th {
  color: #ffffff;
  background: #016ed4;
  border-color: #ffffff;
}

/* line 421, scss/compass/_table.scss */
.template-21 table.table-list thead tr th {
  color: #fff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008489+0,008489+100 */
  background: #008489;
  /* Old browsers */
  background: -moz-linear-gradient(top, #008489 0%, #008489 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #008489 0%, #008489 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #008489 0%, #008489 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008489', endColorstr='#008489', GradientType=0);
  /* IE6-9 */
}

@media only screen and (max-width: 768px) {

  /* line 433, scss/compass/_table.scss */
  .template-21 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 435, scss/compass/_table.scss */
  .template-21 table.table-list tbody tr td:first-child {
    border-top-color: #b4c0b4;
  }

  /* line 436, scss/compass/_table.scss */
  .template-21 table.table-list tbody tr td::before {
    color: #474;
  }
}

/* line 442, scss/compass/_table.scss */
.template-21 table.table-detail th {
  color: #fff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008489+0,008489+100 */
  background: #008489;
  /* Old browsers */
  background: -moz-linear-gradient(top, #008489 0%, #008489 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #008489 0%, #008489 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #008489 0%, #008489 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008489', endColorstr='#008489', GradientType=0);
  /* IE6-9 */
}

@media only screen and (max-width: 768px) {

  /* line 459, scss/compass/_table.scss */
  .template-29 table.table-list:not(.no-rwd) tbody tr td:first-child {
    border-top: 3px solid #cfbc9c;
  }

  /* line 462, scss/compass/_table.scss */
  .template-29 table.table-list:not(.no-rwd) tbody tr td::before {
    color: #494949;
  }
}

/* line 476, scss/compass/_table.scss */
.color-style1 table.table-list thead tr th {
  color: #ffffff;
  background: #36669c;
}

@media only screen and (max-width: 768px) {

  /* line 482, scss/compass/_table.scss */
  .color-style1 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 484, scss/compass/_table.scss */
  .color-style1 table.table-list tbody tr td:first-child {
    border-top-color: #36669c;
  }

  /* line 485, scss/compass/_table.scss */
  .color-style1 table.table-list tbody tr td::before {
    color: #0a3f7b;
  }
}

/* line 490, scss/compass/_table.scss */
.color-style1 table.table-detail th {
  color: #fff;
  background: #36669c;
  border-color: #fff;
}

/* line 500, scss/compass/_table.scss */
.color-style2 table.table-list thead tr th {
  color: #fff;
  background: #bd4a4a;
}

@media only screen and (max-width: 768px) {

  /* line 506, scss/compass/_table.scss */
  .color-style2 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 508, scss/compass/_table.scss */
  .color-style2 table.table-list tbody tr td:first-child {
    border-top-color: #bd4a4a;
  }

  /* line 509, scss/compass/_table.scss */
  .color-style2 table.table-list tbody tr td::before {
    color: #811818;
  }
}

/* line 514, scss/compass/_table.scss */
.color-style2 table.table-detail th {
  color: #fff;
  background: #bd4a4a;
  border-color: #fff;
}

/* line 522, scss/compass/_table.scss */
.color-style2.template-7 table.table-list thead tr th {
  color: #fff;
  background: #AD6114;
}

@media only screen and (max-width: 768px) {

  /* line 528, scss/compass/_table.scss */
  .color-style2.template-7 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 530, scss/compass/_table.scss */
  .color-style2.template-7 table.table-list tbody tr td:first-child {
    border-top-color: #AD6114;
  }

  /* line 531, scss/compass/_table.scss */
  .color-style2.template-7 table.table-list tbody tr td::before {
    color: #9e5812;
  }
}

/* line 540, scss/compass/_table.scss */
.color-style3 table.table-list thead tr th {
  color: #000000;
  background: #f5ac43;
}

@media only screen and (max-width: 768px) {

  /* line 546, scss/compass/_table.scss */
  .color-style3 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 548, scss/compass/_table.scss */
  .color-style3 table.table-list tbody tr td:first-child {
    border-top-color: #ffb141;
  }

  /* line 549, scss/compass/_table.scss */
  .color-style3 table.table-list tbody tr td::before {
    color: #985b01;
  }
}

/* line 554, scss/compass/_table.scss */
.color-style3 table.table-detail th {
  color: #000;
  background: #f5ac43;
  border-color: #fff;
}

/* line 562, scss/compass/_table.scss */
.color-style3.template-7 table.table-list thead tr th {
  color: #fff;
  background: #018378;
}

@media only screen and (max-width: 768px) {

  /* line 568, scss/compass/_table.scss */
  .color-style3.template-7 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 570, scss/compass/_table.scss */
  .color-style3.template-7 table.table-list tbody tr td:first-child {
    border-top-color: #018378;
  }

  /* line 571, scss/compass/_table.scss */
  .color-style3.template-7 table.table-list tbody tr td::before {
    color: #017269;
  }
}

/* line 580, scss/compass/_table.scss */
.color-style4 table.table-list thead tr th {
  color: #fff;
  background: #1f864a;
}

@media only screen and (max-width: 768px) {

  /* line 586, scss/compass/_table.scss */
  .color-style4 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 588, scss/compass/_table.scss */
  .color-style4 table.table-list tbody tr td:first-child {
    border-top-color: #188144;
  }

  /* line 589, scss/compass/_table.scss */
  .color-style4 table.table-list tbody tr td::before {
    color: #229452;
  }
}

/* line 594, scss/compass/_table.scss */
.color-style4 table.table-detail th {
  color: #fff;
  background: #1f864a;
  border-color: #fff;
}

/* line 602, scss/compass/_table.scss */
.color-style4.template-7 table.table-list thead tr th {
  color: #fff;
  background: #378166;
}

@media only screen and (max-width: 768px) {

  /* line 608, scss/compass/_table.scss */
  .color-style4.template-7 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 610, scss/compass/_table.scss */
  .color-style4.template-7 table.table-list tbody tr td:first-child {
    border-top-color: #378166;
  }

  /* line 611, scss/compass/_table.scss */
  .color-style4.template-7 table.table-list tbody tr td::before {
    color: #32755d;
  }
}

/* line 620, scss/compass/_table.scss */
.color-style5 table.table-list thead tr th {
  color: #353535;
  background: #fcb2b2;
}

@media only screen and (max-width: 768px) {

  /* line 626, scss/compass/_table.scss */
  .color-style5 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 628, scss/compass/_table.scss */
  .color-style5 table.table-list tbody tr td:first-child {
    border-top-color: #ffa9a9;
  }

  /* line 629, scss/compass/_table.scss */
  .color-style5 table.table-list tbody tr td::before {
    color: #cd4141;
  }
}

/* line 634, scss/compass/_table.scss */
.color-style5 table.table-detail th {
  color: #353535;
  background: #fcb2b2;
  border-color: #fff;
}

/* line 644, scss/compass/_table.scss */
.color-style6 table.table-list thead tr th {
  color: #fff;
  background: #a04bb2;
}

@media only screen and (max-width: 768px) {

  /* line 650, scss/compass/_table.scss */
  .color-style6 table.table-list tbody tr td {
    background-color: #f7f7f7;
  }

  /* line 652, scss/compass/_table.scss */
  .color-style6 table.table-list tbody tr td:first-child {
    border-top-color: #802b93;
  }

  /* line 653, scss/compass/_table.scss */
  .color-style6 table.table-list tbody tr td::before {
    color: #802b93;
  }
}

/* line 658, scss/compass/_table.scss */
.color-style6 table.table-detail th {
  color: #fff;
  background: #a04bb2;
  border-color: #fff;
}

/* line 1, scss/compass/_accordion.scss */
.accordion {
  width: 100%;
  margin: 0 auto;
}

/* line 5, scss/compass/_accordion.scss */
.accordion .accordion-header {
  font-size: 1rem;
  color: #0d5888;
  cursor: pointer;
  padding: 12px 15px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  background-color: #eee;
  border-radius: 3px;
  transition: 0.4s;
}

/* line 18, scss/compass/_accordion.scss */
.accordion .accordion-header:focus {
  color: #fff;
  background-color: #e00;
}

/* line 22, scss/compass/_accordion.scss */
.accordion .accordion-header:hover,
.accordion .accordion-header.active {
  background-color: #cee2ef;
}

/* line 23, scss/compass/_accordion.scss */
.accordion .accordion-header.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 26, scss/compass/_accordion.scss */
.accordion .accordion-header.active:focus {
  color: #fff;
  background-color: #e00;
}

/* line 33, scss/compass/_accordion.scss */
.accordion .panel {
  background-color: white;
  max-height: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  overflow: hidden;
  box-shadow: 0px 0px 3px #ababab;
  transition: max-height 0.2s ease-out;
}

/* line 42, scss/compass/_accordion.scss */
.accordion .panel+.accordion-header {
  margin-top: 5px;
}

/* line 43, scss/compass/_accordion.scss */
.accordion .panel .panel-content {
  padding: 12px 15px;
}

/*---------------------------------------------------------- pages */
/* line 70, scss/compass/_pages.scss */
.pages {
  text-align: center;
  margin: 35px 0 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  /*-------------------------------------------------------------- 版型原本色系*/
  /*-------------------------------------------------------------- 顏色設定*/
}

/* line 78, scss/compass/_pages.scss */
.pages a {
  min-width: 30px;
  height: 30px;
  line-height: 32px;
  display: inline-block;
  background-color: #0ed8b0;
  border-radius: 3px;
  padding: 0 10px;
  text-align: center;
  color: #353535;
  margin: 0 5px;
}

/* line 90, scss/compass/_pages.scss */
.pages a:hover {
  background: #ff9800;
}

/* line 91, scss/compass/_pages.scss */
.pages a:focus {
  color: #fff !important;
  background: #e00;
  outline: none;
}

/* line 97, scss/compass/_pages.scss */
.pages a.active {
  color: #fff;
  background-color: #008269;
}

/* line 100, scss/compass/_pages.scss */
.pages a.active:focus {
  background: #e00;
}

/* line 103, scss/compass/_pages.scss */
.pages a.prev,
.pages a.first {
  width: 0;
  min-width: auto;
  height: 0;
  padding: 0;
  background: none;
  border-radius: 0;
  position: relative;
  text-indent: -9999px;
  /* 右側三角形 */
  border-width: 7.5px 13px 7.5px 0;
  border-style: solid;
  border-color: transparent #0ed8b0 transparent transparent;
}

/* line 119, scss/compass/_pages.scss */
.pages a.prev:hover,
.pages a.first:hover {
  border-color: transparent #ff9800 transparent transparent;
}

/* line 120, scss/compass/_pages.scss */
.pages a.prev:focus,
.pages a.first:focus {
  outline: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 126, scss/compass/_pages.scss */
.pages a.prev {
  margin: 0 30px 0 10px;
}

/* line 129, scss/compass/_pages.scss */
.pages a.prev::before {
  content: '';
  width: 0;
  height: 25px;
  border-left: 1px solid #bbbbbb;
  position: absolute;
  top: -13px;
  right: -31px;
}

/* line 141, scss/compass/_pages.scss */
.pages a.first::before {
  content: '';
  width: 0;
  height: 25px;
  border-left: 1px solid #bbbbbb;
  position: absolute;
  top: -13px;
  left: -15px;
}

/* line 151, scss/compass/_pages.scss */
.pages a.first::after {
  content: '';
  width: 2px;
  height: 15px;
  background: #0ed8b0;
  position: absolute;
  top: -8px;
  left: -1px;
}

/* line 162, scss/compass/_pages.scss */
.pages a.first:hover::after {
  background: #ff9800;
}

/* line 165, scss/compass/_pages.scss */
.pages a.first:focus::after {
  background: #e00;
}

/* line 170, scss/compass/_pages.scss */
.pages a.next,
.pages a.last {
  width: 0;
  min-width: auto;
  height: 0;
  padding: 0;
  background: none;
  border-radius: 0;
  position: relative;
  text-indent: -9999px;
  /* 右側三角形 */
  border-width: 7.5px 0 7.5px 13px;
  border-style: solid;
  border-color: transparent transparent transparent #0ed8b0;
}

/* line 186, scss/compass/_pages.scss */
.pages a.next:hover,
.pages a.last:hover {
  border-color: transparent transparent transparent #ff9800;
}

/* line 187, scss/compass/_pages.scss */
.pages a.next:focus,
.pages a.last:focus {
  outline: none;
  border-color: transparent transparent transparent #e00;
}

/* line 193, scss/compass/_pages.scss */
.pages a.next {
  margin: 0 10px 0 30px;
}

/* line 196, scss/compass/_pages.scss */
.pages a.next::before {
  content: '';
  width: 0;
  height: 25px;
  border-left: 1px solid #bbbbbb;
  position: absolute;
  top: -13px;
  left: -31px;
}

/* line 208, scss/compass/_pages.scss */
.pages a.last::before {
  content: '';
  width: 0;
  height: 25px;
  border-left: 1px solid #bbbbbb;
  position: absolute;
  top: -13px;
  right: -15px;
}

/* line 218, scss/compass/_pages.scss */
.pages a.last::after {
  content: '';
  width: 2px;
  height: 15px;
  background: #0ed8b0;
  position: absolute;
  top: -8px;
  right: -1px;
}

/* line 229, scss/compass/_pages.scss */
.pages a.last:hover::after {
  background: #ff9800;
}

/* line 232, scss/compass/_pages.scss */
.pages a.last:focus::after {
  background: #e00;
}

/* line 237, scss/compass/_pages.scss */
.pages p {
  width: 100%;
  margin-top: 30px;
}

/* line 241, scss/compass/_pages.scss */
.pages p br {
  display: none;
}

/* line 242, scss/compass/_pages.scss */
.pages p input[type=number]::-webkit-outer-spin-button,
.pages p input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* line 246, scss/compass/_pages.scss */
.pages p input[type=number] {
  width: 45px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

/* line 252, scss/compass/_pages.scss */
.pages p input[type=button].butn {
  padding: 2px 8px;
  margin-right: 5px;
}

@media only screen and (max-width: 414px) {

  /* line 70, scss/compass/_pages.scss */
  .pages {
    display: block;
    position: relative;
  }

  /* line 262, scss/compass/_pages.scss */
  .pages a {
    padding: 0 5px;
  }

  /* line 265, scss/compass/_pages.scss */
  .pages a.prev,
  .pages a.first,
  .pages a.next,
  .pages a.last {
    position: absolute;
    top: 55px;
  }

  /* line 274, scss/compass/_pages.scss */
  .pages a.prev {
    left: calc(50% - 38px);
  }

  /* line 277, scss/compass/_pages.scss */
  .pages a.prev::before {
    display: none;
  }

  /* line 282, scss/compass/_pages.scss */
  .pages a.first {
    left: calc(50% - 70px);
  }

  /* line 286, scss/compass/_pages.scss */
  .pages a.next {
    right: calc(50% - 38px);
  }

  /* line 289, scss/compass/_pages.scss */
  .pages a.next::before {
    display: none;
  }

  /* line 294, scss/compass/_pages.scss */
  .pages a.last {
    right: calc(50% - 70px);
  }

  /* line 299, scss/compass/_pages.scss */
  .pages p {
    margin-top: 60px;
  }

  /* line 302, scss/compass/_pages.scss */
  .pages p br {
    display: block;
  }

  /* line 303, scss/compass/_pages.scss */
  .pages p input[type=button].butn {
    margin-right: 0;
  }

  /* line 304, scss/compass/_pages.scss */
  .pages p span {
    display: inline-block;
    margin-top: 5px;
  }
}

/* line 313, scss/compass/_pages.scss */
.template-2 .pages a {
  background-color: #066caa;
  color: #fff;
}

/* line 317, scss/compass/_pages.scss */
.template-2 .pages a:hover {
  background: #666;
}

/* line 318, scss/compass/_pages.scss */
.template-2 .pages a:focus {
  background: #e00;
}

/* line 320, scss/compass/_pages.scss */
.template-2 .pages a.active {
  background-color: #aa6500;
}

/* line 322, scss/compass/_pages.scss */
.template-2 .pages a.active:focus {
  background: #e00;
}

/* line 325, scss/compass/_pages.scss */
.template-2 .pages a.prev,
.template-2 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #066caa transparent transparent;
}

/* line 331, scss/compass/_pages.scss */
.template-2 .pages a.prev:hover,
.template-2 .pages a.first:hover {
  background: none;
  border-color: transparent #666 transparent transparent;
}

/* line 335, scss/compass/_pages.scss */
.template-2 .pages a.prev:focus,
.template-2 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 342, scss/compass/_pages.scss */
.template-2 .pages a.first::after {
  background: #066caa;
}

/* line 345, scss/compass/_pages.scss */
.template-2 .pages a.first:hover::after {
  background: #666;
}

/* line 348, scss/compass/_pages.scss */
.template-2 .pages a.first:focus::after {
  background: #e00;
}

/* line 353, scss/compass/_pages.scss */
.template-2 .pages a.next,
.template-2 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #066caa;
}

/* line 359, scss/compass/_pages.scss */
.template-2 .pages a.next:hover,
.template-2 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #666;
}

/* line 363, scss/compass/_pages.scss */
.template-2 .pages a.next:focus,
.template-2 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 370, scss/compass/_pages.scss */
.template-2 .pages a.last::after {
  background: #066caa;
}

/* line 373, scss/compass/_pages.scss */
.template-2 .pages a.last:hover::after {
  background: #666;
}

/* line 376, scss/compass/_pages.scss */
.template-2 .pages a.last:focus::after {
  background: #e00;
}

/* line 383, scss/compass/_pages.scss */
.template-3 .pages a {
  background-color: #69416a;
  color: #fff;
}

/* line 387, scss/compass/_pages.scss */
.template-3 .pages a:hover {
  background: #ff9800;
}

/* line 388, scss/compass/_pages.scss */
.template-3 .pages a:focus {
  background: #e00;
}

/* line 390, scss/compass/_pages.scss */
.template-3 .pages a.active {
  color: #000000;
  background-color: #e7b55d;
}

/* line 393, scss/compass/_pages.scss */
.template-3 .pages a.active:focus {
  background: #e00;
}

/* line 396, scss/compass/_pages.scss */
.template-3 .pages a.prev,
.template-3 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #69416a transparent transparent;
}

/* line 402, scss/compass/_pages.scss */
.template-3 .pages a.prev:hover,
.template-3 .pages a.first:hover {
  background: none;
  border-color: transparent #ff9800 transparent transparent;
}

/* line 406, scss/compass/_pages.scss */
.template-3 .pages a.prev:focus,
.template-3 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 413, scss/compass/_pages.scss */
.template-3 .pages a.first::after {
  background: #69416a;
}

/* line 416, scss/compass/_pages.scss */
.template-3 .pages a.first:hover::after {
  background: #ff9800;
}

/* line 419, scss/compass/_pages.scss */
.template-3 .pages a.first:focus::after {
  background: #e00;
}

/* line 424, scss/compass/_pages.scss */
.template-3 .pages a.next,
.template-3 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #69416a;
}

/* line 430, scss/compass/_pages.scss */
.template-3 .pages a.next:hover,
.template-3 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ff9800;
}

/* line 434, scss/compass/_pages.scss */
.template-3 .pages a.next:focus,
.template-3 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 441, scss/compass/_pages.scss */
.template-3 .pages a.last::after {
  background: #69416a;
}

/* line 444, scss/compass/_pages.scss */
.template-3 .pages a.last:hover::after {
  background: #ff9800;
}

/* line 447, scss/compass/_pages.scss */
.template-3 .pages a.last:focus::after {
  background: #e00;
}

/* line 453, scss/compass/_pages.scss */
.template-4 .pages a {
  background-color: #b6e3ea;
  color: #353535;
}

/* line 457, scss/compass/_pages.scss */
.template-4 .pages a:hover {
  background: #ffe2c5;
}

/* line 458, scss/compass/_pages.scss */
.template-4 .pages a:focus {
  background: #e00;
}

/* line 460, scss/compass/_pages.scss */
.template-4 .pages a.active {
  background-color: #ffd1a3;
}

/* line 462, scss/compass/_pages.scss */
.template-4 .pages a.active:focus {
  background: #e00;
}

/* line 465, scss/compass/_pages.scss */
.template-4 .pages a.prev,
.template-4 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #b6e3ea transparent transparent;
}

/* line 471, scss/compass/_pages.scss */
.template-4 .pages a.prev:hover,
.template-4 .pages a.first:hover {
  background: none;
  border-color: transparent #ffe2c5 transparent transparent;
}

/* line 475, scss/compass/_pages.scss */
.template-4 .pages a.prev:focus,
.template-4 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 482, scss/compass/_pages.scss */
.template-4 .pages a.first::after {
  background: #b6e3ea;
}

/* line 485, scss/compass/_pages.scss */
.template-4 .pages a.first:hover::after {
  background: #ffe2c5;
}

/* line 488, scss/compass/_pages.scss */
.template-4 .pages a.first:focus::after {
  background: #e00;
}

/* line 493, scss/compass/_pages.scss */
.template-4 .pages a.next,
.template-4 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #b6e3ea;
}

/* line 499, scss/compass/_pages.scss */
.template-4 .pages a.next:hover,
.template-4 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ffe2c5;
}

/* line 503, scss/compass/_pages.scss */
.template-4 .pages a.next:focus,
.template-4 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 510, scss/compass/_pages.scss */
.template-4 .pages a.last::after {
  background: #b6e3ea;
}

/* line 513, scss/compass/_pages.scss */
.template-4 .pages a.last:hover::after {
  background: #ffe2c5;
}

/* line 516, scss/compass/_pages.scss */
.template-4 .pages a.last:focus::after {
  background: #e00;
}

/* line 522, scss/compass/_pages.scss */
.template-5 .pages a {
  background-color: #cdcb7c;
  color: #353535;
}

/* line 526, scss/compass/_pages.scss */
.template-5 .pages a:hover {
  background: #ffc992;
}

/* line 527, scss/compass/_pages.scss */
.template-5 .pages a:focus {
  background: #e00;
}

/* line 529, scss/compass/_pages.scss */
.template-5 .pages a.active {
  background-color: #ff9800;
}

/* line 531, scss/compass/_pages.scss */
.template-5 .pages a.active:focus {
  background: #e00;
}

/* line 534, scss/compass/_pages.scss */
.template-5 .pages a.prev,
.template-5 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #cdcb7c transparent transparent;
}

/* line 540, scss/compass/_pages.scss */
.template-5 .pages a.prev:hover,
.template-5 .pages a.first:hover {
  background: none;
  border-color: transparent #ffc992 transparent transparent;
}

/* line 544, scss/compass/_pages.scss */
.template-5 .pages a.prev:focus,
.template-5 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 551, scss/compass/_pages.scss */
.template-5 .pages a.first::after {
  background: #cdcb7c;
}

/* line 554, scss/compass/_pages.scss */
.template-5 .pages a.first:hover::after {
  background: #ffc992;
}

/* line 557, scss/compass/_pages.scss */
.template-5 .pages a.first:focus::after {
  background: #e00;
}

/* line 562, scss/compass/_pages.scss */
.template-5 .pages a.next,
.template-5 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #cdcb7c;
}

/* line 568, scss/compass/_pages.scss */
.template-5 .pages a.next:hover,
.template-5 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ffc992;
}

/* line 572, scss/compass/_pages.scss */
.template-5 .pages a.next:focus,
.template-5 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 579, scss/compass/_pages.scss */
.template-5 .pages a.last::after {
  background: #cdcb7c;
}

/* line 582, scss/compass/_pages.scss */
.template-5 .pages a.last:hover::after {
  background: #ffc992;
}

/* line 585, scss/compass/_pages.scss */
.template-5 .pages a.last:focus::after {
  background: #e00;
}

/* line 591, scss/compass/_pages.scss */
.template-6 .pages a {
  background-color: #0072bb;
  color: #fff;
}

/* line 595, scss/compass/_pages.scss */
.template-6 .pages a:hover {
  background: #0063a2;
}

/* line 596, scss/compass/_pages.scss */
.template-6 .pages a:focus {
  background: #e00;
}

/* line 598, scss/compass/_pages.scss */
.template-6 .pages a.active {
  color: #000;
  background-color: #f6bba8;
}

/* line 601, scss/compass/_pages.scss */
.template-6 .pages a.active:focus {
  background: #e00;
}

/* line 604, scss/compass/_pages.scss */
.template-6 .pages a.prev,
.template-6 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #0072bb transparent transparent;
}

/* line 610, scss/compass/_pages.scss */
.template-6 .pages a.prev:hover,
.template-6 .pages a.first:hover {
  background: none;
  border-color: transparent #0063a2 transparent transparent;
}

/* line 614, scss/compass/_pages.scss */
.template-6 .pages a.prev:focus,
.template-6 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 621, scss/compass/_pages.scss */
.template-6 .pages a.first::after {
  background: #0072bb;
}

/* line 624, scss/compass/_pages.scss */
.template-6 .pages a.first:hover::after {
  background: #0063a2;
}

/* line 627, scss/compass/_pages.scss */
.template-6 .pages a.first:focus::after {
  background: #e00;
}

/* line 632, scss/compass/_pages.scss */
.template-6 .pages a.next,
.template-6 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #0072bb;
}

/* line 638, scss/compass/_pages.scss */
.template-6 .pages a.next:hover,
.template-6 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #0063a2;
}

/* line 642, scss/compass/_pages.scss */
.template-6 .pages a.next:focus,
.template-6 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 649, scss/compass/_pages.scss */
.template-6 .pages a.last::after {
  background: #0072bb;
}

/* line 652, scss/compass/_pages.scss */
.template-6 .pages a.last:hover::after {
  background: #0063a2;
}

/* line 655, scss/compass/_pages.scss */
.template-6 .pages a.last:focus::after {
  background: #e00;
}

/* line 661, scss/compass/_pages.scss */
.template-7 .pages a {
  background-color: #c8e0c8;
  color: #353535;
}

/* line 665, scss/compass/_pages.scss */
.template-7 .pages a:hover {
  background: #deecde;
}

/* line 666, scss/compass/_pages.scss */
.template-7 .pages a:focus {
  background: #e00;
}

/* line 668, scss/compass/_pages.scss */
.template-7 .pages a.active {
  background-color: #d7ada2;
}

/* line 670, scss/compass/_pages.scss */
.template-7 .pages a.active:focus {
  background: #e00;
}

/* line 673, scss/compass/_pages.scss */
.template-7 .pages a.prev,
.template-7 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #c8e0c8 transparent transparent;
}

/* line 679, scss/compass/_pages.scss */
.template-7 .pages a.prev:hover,
.template-7 .pages a.first:hover {
  background: none;
  border-color: transparent #deecde transparent transparent;
}

/* line 683, scss/compass/_pages.scss */
.template-7 .pages a.prev:focus,
.template-7 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 690, scss/compass/_pages.scss */
.template-7 .pages a.first::after {
  background: #c8e0c8;
}

/* line 693, scss/compass/_pages.scss */
.template-7 .pages a.first:hover::after {
  background: #deecde;
}

/* line 696, scss/compass/_pages.scss */
.template-7 .pages a.first:focus::after {
  background: #e00;
}

/* line 701, scss/compass/_pages.scss */
.template-7 .pages a.next,
.template-7 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #c8e0c8;
}

/* line 707, scss/compass/_pages.scss */
.template-7 .pages a.next:hover,
.template-7 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #deecde;
}

/* line 711, scss/compass/_pages.scss */
.template-7 .pages a.next:focus,
.template-7 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 718, scss/compass/_pages.scss */
.template-7 .pages a.last::after {
  background: #c8e0c8;
}

/* line 721, scss/compass/_pages.scss */
.template-7 .pages a.last:hover::after {
  background: #deecde;
}

/* line 724, scss/compass/_pages.scss */
.template-7 .pages a.last:focus::after {
  background: #e00;
}

/* line 734, scss/compass/_pages.scss */
.template-12 .pages a {
  background-color: #016ed4;
  color: #fff;
}

/* line 738, scss/compass/_pages.scss */
.template-12 .pages a:hover {
  background: #537382;
}

/* line 739, scss/compass/_pages.scss */
.template-12 .pages a:focus {
  background: #e00;
}

/* line 741, scss/compass/_pages.scss */
.template-12 .pages a.active {
  color: #000000;
  background-color: #f8e2e4;
}

/* line 744, scss/compass/_pages.scss */
.template-12 .pages a.active:focus {
  background: #e00;
}

/* line 747, scss/compass/_pages.scss */
.template-12 .pages a.prev,
.template-12 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #016ed4 transparent transparent;
}

/* line 753, scss/compass/_pages.scss */
.template-12 .pages a.prev:hover,
.template-12 .pages a.first:hover {
  background: none;
  border-color: transparent #537382 transparent transparent;
}

/* line 757, scss/compass/_pages.scss */
.template-12 .pages a.prev:focus,
.template-12 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 764, scss/compass/_pages.scss */
.template-12 .pages a.first::after {
  background: #016ed4;
}

/* line 767, scss/compass/_pages.scss */
.template-12 .pages a.first:hover::after {
  background: #537382;
}

/* line 770, scss/compass/_pages.scss */
.template-12 .pages a.first:focus::after {
  background: #e00;
}

/* line 775, scss/compass/_pages.scss */
.template-12 .pages a.next,
.template-12 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #016ed4;
}

/* line 781, scss/compass/_pages.scss */
.template-12 .pages a.next:hover,
.template-12 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #537382;
}

/* line 785, scss/compass/_pages.scss */
.template-12 .pages a.next:focus,
.template-12 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 792, scss/compass/_pages.scss */
.template-12 .pages a.last::after {
  background: #016ed4;
}

/* line 795, scss/compass/_pages.scss */
.template-12 .pages a.last:hover::after {
  background: #537382;
}

/* line 798, scss/compass/_pages.scss */
.template-12 .pages a.last:focus::after {
  background: #e00;
}

/* line 812, scss/compass/_pages.scss */
.template-21 .pages a {
  background-color: #e9e9e9;
  color: #000;
}

/* line 816, scss/compass/_pages.scss */
.template-21 .pages a:hover {
  background: #ffe2c5;
}

/* line 817, scss/compass/_pages.scss */
.template-21 .pages a:focus {
  background: #e00;
}

/* line 819, scss/compass/_pages.scss */
.template-21 .pages a.active {
  background-color: #008489;
  color: #fff;
}

/* line 822, scss/compass/_pages.scss */
.template-21 .pages a.active:focus {
  background: #e00;
}

/* line 825, scss/compass/_pages.scss */
.template-21 .pages a.prev,
.template-21 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #006482 transparent transparent;
}

/* line 831, scss/compass/_pages.scss */
.template-21 .pages a.prev:hover,
.template-21 .pages a.first:hover {
  background: none;
  border-color: transparent #ffe2c5 transparent transparent;
}

/* line 835, scss/compass/_pages.scss */
.template-21 .pages a.prev:focus,
.template-21 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 842, scss/compass/_pages.scss */
.template-21 .pages a.first::after {
  background: #006482;
}

/* line 845, scss/compass/_pages.scss */
.template-21 .pages a.first:hover::after {
  background: #ffe2c5;
}

/* line 848, scss/compass/_pages.scss */
.template-21 .pages a.first:focus::after {
  background: #e00;
}

/* line 853, scss/compass/_pages.scss */
.template-21 .pages a.next,
.template-21 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #006482;
}

/* line 859, scss/compass/_pages.scss */
.template-21 .pages a.next:hover,
.template-21 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ffe2c5;
}

/* line 863, scss/compass/_pages.scss */
.template-21 .pages a.next:focus,
.template-21 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 870, scss/compass/_pages.scss */
.template-21 .pages a.last::after {
  background: #006482;
}

/* line 873, scss/compass/_pages.scss */
.template-21 .pages a.last:hover::after {
  background: #ffe2c5;
}

/* line 876, scss/compass/_pages.scss */
.template-21 .pages a.last:focus::after {
  background: #e00;
}

/* line 886, scss/compass/_pages.scss */
.color-style1 .pages a {
  background-color: #4079b9;
  color: #fff;
}

/* line 890, scss/compass/_pages.scss */
.color-style1 .pages a:hover {
  background: #ffb141;
}

/* line 891, scss/compass/_pages.scss */
.color-style1 .pages a:focus {
  background: #e00;
}

/* line 893, scss/compass/_pages.scss */
.color-style1 .pages a.active {
  background-color: #0a3f7b;
}

/* line 895, scss/compass/_pages.scss */
.color-style1 .pages a.active:focus {
  background: #e00;
}

/* line 898, scss/compass/_pages.scss */
.color-style1 .pages a.prev,
.color-style1 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #4079b9 transparent transparent;
}

/* line 904, scss/compass/_pages.scss */
.color-style1 .pages a.prev:hover,
.color-style1 .pages a.first:hover {
  background: none;
  border-color: transparent #ffb141 transparent transparent;
}

/* line 908, scss/compass/_pages.scss */
.color-style1 .pages a.prev:focus,
.color-style1 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 915, scss/compass/_pages.scss */
.color-style1 .pages a.first::after {
  background: #4079b9;
}

/* line 918, scss/compass/_pages.scss */
.color-style1 .pages a.first:hover::after {
  background: #ffb141;
}

/* line 921, scss/compass/_pages.scss */
.color-style1 .pages a.first:focus::after {
  background: #e00;
}

/* line 926, scss/compass/_pages.scss */
.color-style1 .pages a.next,
.color-style1 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #4079b9;
}

/* line 932, scss/compass/_pages.scss */
.color-style1 .pages a.next:hover,
.color-style1 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ffb141;
}

/* line 936, scss/compass/_pages.scss */
.color-style1 .pages a.next:focus,
.color-style1 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 943, scss/compass/_pages.scss */
.color-style1 .pages a.last::after {
  background: #4079b9;
}

/* line 946, scss/compass/_pages.scss */
.color-style1 .pages a.last:hover::after {
  background: #ffb141;
}

/* line 949, scss/compass/_pages.scss */
.color-style1 .pages a.last:focus::after {
  background: #e00;
}

/* line 957, scss/compass/_pages.scss */
.color-style2 .pages a {
  background-color: #ea8686;
  color: #fff;
}

/* line 961, scss/compass/_pages.scss */
.color-style2 .pages a:hover {
  background: #bc8686;
}

/* line 962, scss/compass/_pages.scss */
.color-style2 .pages a:focus {
  background: #4079b9;
}

/* line 964, scss/compass/_pages.scss */
.color-style2 .pages a.active {
  background-color: #9a4343;
}

/* line 966, scss/compass/_pages.scss */
.color-style2 .pages a.active:focus {
  background: #4079b9;
}

/* line 969, scss/compass/_pages.scss */
.color-style2 .pages a.prev,
.color-style2 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #ea8686 transparent transparent;
}

/* line 975, scss/compass/_pages.scss */
.color-style2 .pages a.prev:hover,
.color-style2 .pages a.first:hover {
  background: none;
  border-color: transparent #bc8686 transparent transparent;
}

/* line 979, scss/compass/_pages.scss */
.color-style2 .pages a.prev:focus,
.color-style2 .pages a.first:focus {
  background: none;
  border-color: transparent #4079b9 transparent transparent;
}

/* line 986, scss/compass/_pages.scss */
.color-style2 .pages a.first::after {
  background: #ea8686;
}

/* line 989, scss/compass/_pages.scss */
.color-style2 .pages a.first:hover::after {
  background: #bc8686;
}

/* line 992, scss/compass/_pages.scss */
.color-style2 .pages a.first:focus::after {
  background: #4079b9;
}

/* line 997, scss/compass/_pages.scss */
.color-style2 .pages a.next,
.color-style2 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #ea8686;
}

/* line 1003, scss/compass/_pages.scss */
.color-style2 .pages a.next:hover,
.color-style2 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #bc8686;
}

/* line 1007, scss/compass/_pages.scss */
.color-style2 .pages a.next:focus,
.color-style2 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #4079b9;
}

/* line 1014, scss/compass/_pages.scss */
.color-style2 .pages a.last::after {
  background: #ea8686;
}

/* line 1017, scss/compass/_pages.scss */
.color-style2 .pages a.last:hover::after {
  background: #bc8686;
}

/* line 1020, scss/compass/_pages.scss */
.color-style2 .pages a.last:focus::after {
  background: #4079b9;
}

/* line 1026, scss/compass/_pages.scss */
.color-style2.template-7 .pages a {
  background-color: #655c5d;
  color: #fff;
}

/* line 1030, scss/compass/_pages.scss */
.color-style2.template-7 .pages a:hover {
  background: #463637;
}

/* line 1031, scss/compass/_pages.scss */
.color-style2.template-7 .pages a:focus {
  background: #4079b9;
}

/* line 1033, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.active {
  background-color: #C25100;
}

/* line 1035, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.active:focus {
  background: #4079b9;
}

/* line 1038, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.prev,
.color-style2.template-7 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #655c5d transparent transparent;
}

/* line 1044, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.prev:hover,
.color-style2.template-7 .pages a.first:hover {
  background: none;
  border-color: transparent #463637 transparent transparent;
}

/* line 1048, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.prev:focus,
.color-style2.template-7 .pages a.first:focus {
  background: none;
  border-color: transparent #4079b9 transparent transparent;
}

/* line 1055, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.first::after {
  background: #655c5d;
}

/* line 1058, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.first:hover::after {
  background: #463637;
}

/* line 1061, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.first:focus::after {
  background: #4079b9;
}

/* line 1066, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.next,
.color-style2.template-7 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #655c5d;
}

/* line 1072, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.next:hover,
.color-style2.template-7 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #463637;
}

/* line 1076, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.next:focus,
.color-style2.template-7 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #4079b9;
}

/* line 1083, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.last::after {
  background: #655c5d;
}

/* line 1086, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.last:hover::after {
  background: #463637;
}

/* line 1089, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.last:focus::after {
  background: #4079b9;
}

/* line 1097, scss/compass/_pages.scss */
.color-style3 .pages a {
  background-color: #ffd394;
  color: #000000;
}

/* line 1101, scss/compass/_pages.scss */
.color-style3 .pages a:hover {
  background: #ff7272;
  color: #000000;
}

/* line 1105, scss/compass/_pages.scss */
.color-style3 .pages a:focus {
  background: #e00;
  color: #fff;
}

/* line 1110, scss/compass/_pages.scss */
.color-style3 .pages a.active {
  background-color: #ff9803;
  color: #000000;
}

/* line 1114, scss/compass/_pages.scss */
.color-style3 .pages a.active:focus {
  background: #e00;
  color: #fff;
}

/* line 1120, scss/compass/_pages.scss */
.color-style3 .pages a.prev,
.color-style3 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #ffd394 transparent transparent;
}

/* line 1126, scss/compass/_pages.scss */
.color-style3 .pages a.prev:hover,
.color-style3 .pages a.first:hover {
  background: none;
  border-color: transparent #ff7272 transparent transparent;
}

/* line 1130, scss/compass/_pages.scss */
.color-style3 .pages a.prev:focus,
.color-style3 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 1137, scss/compass/_pages.scss */
.color-style3 .pages a.first::after {
  background: #ffd394;
}

/* line 1140, scss/compass/_pages.scss */
.color-style3 .pages a.first:hover::after {
  background: #ff7272;
}

/* line 1143, scss/compass/_pages.scss */
.color-style3 .pages a.first:focus::after {
  background: #e00;
}

/* line 1148, scss/compass/_pages.scss */
.color-style3 .pages a.next,
.color-style3 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #ffd394;
}

/* line 1154, scss/compass/_pages.scss */
.color-style3 .pages a.next:hover,
.color-style3 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ff7272;
}

/* line 1158, scss/compass/_pages.scss */
.color-style3 .pages a.next:focus,
.color-style3 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 1165, scss/compass/_pages.scss */
.color-style3 .pages a.last::after {
  background: #ffd394;
}

/* line 1168, scss/compass/_pages.scss */
.color-style3 .pages a.last:hover::after {
  background: #ff7272;
}

/* line 1171, scss/compass/_pages.scss */
.color-style3 .pages a.last:focus::after {
  background: #e00;
}

/* line 1177, scss/compass/_pages.scss */
.color-style3.template-7 .pages a {
  background-color: #A26401;
  color: #fff;
}

/* line 1181, scss/compass/_pages.scss */
.color-style3.template-7 .pages a:hover {
  background: #ffc36d;
  color: #000;
}

/* line 1185, scss/compass/_pages.scss */
.color-style3.template-7 .pages a:focus {
  background: #e00;
  color: #fff;
}

/* line 1190, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.active {
  background-color: #ff9803;
  color: #000;
}

/* line 1194, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.active:focus {
  background: #e00;
  color: #fff;
}

/* line 1200, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.prev,
.color-style3.template-7 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #A26401 transparent transparent;
}

/* line 1206, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.prev:hover,
.color-style3.template-7 .pages a.first:hover {
  background: none;
  border-color: transparent #ffc36d transparent transparent;
}

/* line 1210, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.prev:focus,
.color-style3.template-7 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 1217, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.first::after {
  background: #A26401;
}

/* line 1220, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.first:hover::after {
  background: #ffc36d;
}

/* line 1223, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.first:focus::after {
  background: #e00;
}

/* line 1228, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.next,
.color-style3.template-7 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #A26401;
}

/* line 1234, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.next:hover,
.color-style3.template-7 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ffc36d;
}

/* line 1238, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.next:focus,
.color-style3.template-7 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 1245, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.last::after {
  background: #A26401;
}

/* line 1248, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.last:hover::after {
  background: #ffc36d;
}

/* line 1251, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.last:focus::after {
  background: #e00;
}

/* line 1259, scss/compass/_pages.scss */
.color-style4 .pages a {
  background-color: #b9eed0;
  color: #575757;
}

/* line 1263, scss/compass/_pages.scss */
.color-style4 .pages a:hover {
  background: #39ad6a;
  color: #ffffff;
}

/* line 1267, scss/compass/_pages.scss */
.color-style4 .pages a:focus {
  background: #e00;
  color: #ffffff;
}

/* line 1272, scss/compass/_pages.scss */
.color-style4 .pages a.active {
  background-color: #188144;
  color: #ffffff;
}

/* line 1275, scss/compass/_pages.scss */
.color-style4 .pages a.active:focus {
  background: #e00;
}

/* line 1278, scss/compass/_pages.scss */
.color-style4 .pages a.prev,
.color-style4 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #b9eed0 transparent transparent;
}

/* line 1284, scss/compass/_pages.scss */
.color-style4 .pages a.prev:hover,
.color-style4 .pages a.first:hover {
  background: none;
  border-color: transparent #39ad6a transparent transparent;
}

/* line 1288, scss/compass/_pages.scss */
.color-style4 .pages a.prev:focus,
.color-style4 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 1295, scss/compass/_pages.scss */
.color-style4 .pages a.first::after {
  background: #b9eed0;
}

/* line 1298, scss/compass/_pages.scss */
.color-style4 .pages a.first:hover::after {
  background: #39ad6a;
}

/* line 1301, scss/compass/_pages.scss */
.color-style4 .pages a.first:focus::after {
  background: #e00;
}

/* line 1306, scss/compass/_pages.scss */
.color-style4 .pages a.next,
.color-style4 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #b9eed0;
}

/* line 1312, scss/compass/_pages.scss */
.color-style4 .pages a.next:hover,
.color-style4 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #39ad6a;
}

/* line 1316, scss/compass/_pages.scss */
.color-style4 .pages a.next:focus,
.color-style4 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 1323, scss/compass/_pages.scss */
.color-style4 .pages a.last::after {
  background: #b9eed0;
}

/* line 1326, scss/compass/_pages.scss */
.color-style4 .pages a.last:hover::after {
  background: #39ad6a;
}

/* line 1329, scss/compass/_pages.scss */
.color-style4 .pages a.last:focus::after {
  background: #e00;
}

/* line 1337, scss/compass/_pages.scss */
.color-style5 .pages a {
  background-color: #ffc7c7;
  color: #353535;
}

/* line 1341, scss/compass/_pages.scss */
.color-style5 .pages a:hover {
  background: #ffa9a9;
  color: #353535;
}

/* line 1345, scss/compass/_pages.scss */
.color-style5 .pages a:focus {
  background: #4079b9;
}

/* line 1347, scss/compass/_pages.scss */
.color-style5 .pages a.active {
  background-color: #dc7878;
  color: #000;
}

/* line 1350, scss/compass/_pages.scss */
.color-style5 .pages a.active:focus {
  background: #4079b9;
}

/* line 1353, scss/compass/_pages.scss */
.color-style5 .pages a.prev,
.color-style5 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #ffc7c7 transparent transparent;
}

/* line 1359, scss/compass/_pages.scss */
.color-style5 .pages a.prev:hover,
.color-style5 .pages a.first:hover {
  background: none;
  border-color: transparent #ffa9a9 transparent transparent;
}

/* line 1363, scss/compass/_pages.scss */
.color-style5 .pages a.prev:focus,
.color-style5 .pages a.first:focus {
  background: none;
  border-color: transparent #4079b9 transparent transparent;
}

/* line 1370, scss/compass/_pages.scss */
.color-style5 .pages a.first::after {
  background: #ffc7c7;
}

/* line 1373, scss/compass/_pages.scss */
.color-style5 .pages a.first:hover::after {
  background: #ffa9a9;
}

/* line 1376, scss/compass/_pages.scss */
.color-style5 .pages a.first:focus::after {
  background: #4079b9;
}

/* line 1380, scss/compass/_pages.scss */
.color-style5 .pages a.next,
.color-style5 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #ffc7c7;
}

/* line 1386, scss/compass/_pages.scss */
.color-style5 .pages a.next:hover,
.color-style5 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ffa9a9;
}

/* line 1390, scss/compass/_pages.scss */
.color-style5 .pages a.next:focus,
.color-style5 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #4079b9;
}

/* line 1397, scss/compass/_pages.scss */
.color-style5 .pages a.last::after {
  background: #ffc7c7;
}

/* line 1399, scss/compass/_pages.scss */
.color-style5 .pages a.last:hover::after {
  background: #ffa9a9;
}

/* line 1402, scss/compass/_pages.scss */
.color-style5 .pages a.last:focus::after {
  background: #4079b9;
}

/* line 1410, scss/compass/_pages.scss */
.color-style6 .pages a {
  background-color: #e9c6f2;
  color: #802b93;
}

/* line 1414, scss/compass/_pages.scss */
.color-style6 .pages a:hover {
  background: #ffb141;
  color: #ffffff;
}

/* line 1418, scss/compass/_pages.scss */
.color-style6 .pages a:focus {
  background: #e00;
  color: #ffffff;
}

/* line 1423, scss/compass/_pages.scss */
.color-style6 .pages a.active {
  background-color: #802b93;
  color: #ffffff;
}

/* line 1426, scss/compass/_pages.scss */
.color-style6 .pages a.active:focus {
  background: #e00;
}

/* line 1429, scss/compass/_pages.scss */
.color-style6 .pages a.prev,
.color-style6 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #e9c6f2 transparent transparent;
}

/* line 1435, scss/compass/_pages.scss */
.color-style6 .pages a.prev:hover,
.color-style6 .pages a.first:hover {
  background: none;
  border-color: transparent #ffb141 transparent transparent;
}

/* line 1439, scss/compass/_pages.scss */
.color-style6 .pages a.prev:focus,
.color-style6 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 1446, scss/compass/_pages.scss */
.color-style6 .pages a.first::after {
  background: #e9c6f2;
}

/* line 1449, scss/compass/_pages.scss */
.color-style6 .pages a.first:hover::after {
  background: #ffb141;
}

/* line 1452, scss/compass/_pages.scss */
.color-style6 .pages a.first:focus::after {
  background: #e00;
}

/* line 1457, scss/compass/_pages.scss */
.color-style6 .pages a.next,
.color-style6 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #e9c6f2;
}

/* line 1463, scss/compass/_pages.scss */
.color-style6 .pages a.next:hover,
.color-style6 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ffb141;
}

/* line 1467, scss/compass/_pages.scss */
.color-style6 .pages a.next:focus,
.color-style6 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 1474, scss/compass/_pages.scss */
.color-style6 .pages a.last::after {
  background: #e9c6f2;
}

/* line 1477, scss/compass/_pages.scss */
.color-style6 .pages a.last:hover::after {
  background: #ffb141;
}

/* line 1481, scss/compass/_pages.scss */
.color-style6 .pages a.last:focus::after {
  background: #e00;
}

/*---------------------------------------------------------- pages */
/* line 70, scss/compass/_pages.scss */
.pages {
  text-align: center;
  margin: 35px 0 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  /*-------------------------------------------------------------- 版型原本色系*/
  /*-------------------------------------------------------------- 顏色設定*/
}

/* line 78, scss/compass/_pages.scss */
.pages a {
  min-width: 30px;
  height: 30px;
  line-height: 32px;
  display: inline-block;
  background-color: #0ed8b0;
  border-radius: 3px;
  padding: 0 10px;
  text-align: center;
  color: #353535;
  margin: 0 5px;
}

/* line 90, scss/compass/_pages.scss */
.pages a:hover {
  background: #ff9800;
}

/* line 91, scss/compass/_pages.scss */
.pages a:focus {
  color: #fff !important;
  background: #e00;
  outline: none;
}

/* line 97, scss/compass/_pages.scss */
.pages a.active {
  color: #fff;
  background-color: #008269;
}

/* line 100, scss/compass/_pages.scss */
.pages a.active:focus {
  background: #e00;
}

/* line 103, scss/compass/_pages.scss */
.pages a.prev,
.pages a.first {
  width: 0;
  min-width: auto;
  height: 0;
  padding: 0;
  background: none;
  border-radius: 0;
  position: relative;
  text-indent: -9999px;
  /* 右側三角形 */
  border-width: 7.5px 13px 7.5px 0;
  border-style: solid;
  border-color: transparent #0ed8b0 transparent transparent;
}

/* line 119, scss/compass/_pages.scss */
.pages a.prev:hover,
.pages a.first:hover {
  border-color: transparent #ff9800 transparent transparent;
}

/* line 120, scss/compass/_pages.scss */
.pages a.prev:focus,
.pages a.first:focus {
  outline: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 126, scss/compass/_pages.scss */
.pages a.prev {
  margin: 0 30px 0 10px;
}

/* line 129, scss/compass/_pages.scss */
.pages a.prev::before {
  content: '';
  width: 0;
  height: 25px;
  border-left: 1px solid #bbbbbb;
  position: absolute;
  top: -13px;
  right: -31px;
}

/* line 141, scss/compass/_pages.scss */
.pages a.first::before {
  content: '';
  width: 0;
  height: 25px;
  border-left: 1px solid #bbbbbb;
  position: absolute;
  top: -13px;
  left: -15px;
}

/* line 151, scss/compass/_pages.scss */
.pages a.first::after {
  content: '';
  width: 2px;
  height: 15px;
  background: #0ed8b0;
  position: absolute;
  top: -8px;
  left: -1px;
}

/* line 162, scss/compass/_pages.scss */
.pages a.first:hover::after {
  background: #ff9800;
}

/* line 165, scss/compass/_pages.scss */
.pages a.first:focus::after {
  background: #e00;
}

/* line 170, scss/compass/_pages.scss */
.pages a.next,
.pages a.last {
  width: 0;
  min-width: auto;
  height: 0;
  padding: 0;
  background: none;
  border-radius: 0;
  position: relative;
  text-indent: -9999px;
  /* 右側三角形 */
  border-width: 7.5px 0 7.5px 13px;
  border-style: solid;
  border-color: transparent transparent transparent #0ed8b0;
}

/* line 186, scss/compass/_pages.scss */
.pages a.next:hover,
.pages a.last:hover {
  border-color: transparent transparent transparent #ff9800;
}

/* line 187, scss/compass/_pages.scss */
.pages a.next:focus,
.pages a.last:focus {
  outline: none;
  border-color: transparent transparent transparent #e00;
}

/* line 193, scss/compass/_pages.scss */
.pages a.next {
  margin: 0 10px 0 30px;
}

/* line 196, scss/compass/_pages.scss */
.pages a.next::before {
  content: '';
  width: 0;
  height: 25px;
  border-left: 1px solid #bbbbbb;
  position: absolute;
  top: -13px;
  left: -31px;
}

/* line 208, scss/compass/_pages.scss */
.pages a.last::before {
  content: '';
  width: 0;
  height: 25px;
  border-left: 1px solid #bbbbbb;
  position: absolute;
  top: -13px;
  right: -15px;
}

/* line 218, scss/compass/_pages.scss */
.pages a.last::after {
  content: '';
  width: 2px;
  height: 15px;
  background: #0ed8b0;
  position: absolute;
  top: -8px;
  right: -1px;
}

/* line 229, scss/compass/_pages.scss */
.pages a.last:hover::after {
  background: #ff9800;
}

/* line 232, scss/compass/_pages.scss */
.pages a.last:focus::after {
  background: #e00;
}

/* line 237, scss/compass/_pages.scss */
.pages p {
  width: 100%;
  margin-top: 30px;
}

/* line 241, scss/compass/_pages.scss */
.pages p br {
  display: none;
}

/* line 242, scss/compass/_pages.scss */
.pages p input[type=number]::-webkit-outer-spin-button,
.pages p input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* line 246, scss/compass/_pages.scss */
.pages p input[type=number] {
  width: 45px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

/* line 252, scss/compass/_pages.scss */
.pages p input[type=button].butn {
  padding: 2px 8px;
  margin-right: 5px;
}

@media only screen and (max-width: 414px) {

  /* line 70, scss/compass/_pages.scss */
  .pages {
    display: block;
    position: relative;
  }

  /* line 262, scss/compass/_pages.scss */
  .pages a {
    padding: 0 5px;
  }

  /* line 265, scss/compass/_pages.scss */
  .pages a.prev,
  .pages a.first,
  .pages a.next,
  .pages a.last {
    position: absolute;
    top: 55px;
  }

  /* line 274, scss/compass/_pages.scss */
  .pages a.prev {
    left: calc(50% - 38px);
  }

  /* line 277, scss/compass/_pages.scss */
  .pages a.prev::before {
    display: none;
  }

  /* line 282, scss/compass/_pages.scss */
  .pages a.first {
    left: calc(50% - 70px);
  }

  /* line 286, scss/compass/_pages.scss */
  .pages a.next {
    right: calc(50% - 38px);
  }

  /* line 289, scss/compass/_pages.scss */
  .pages a.next::before {
    display: none;
  }

  /* line 294, scss/compass/_pages.scss */
  .pages a.last {
    right: calc(50% - 70px);
  }

  /* line 299, scss/compass/_pages.scss */
  .pages p {
    margin-top: 60px;
  }

  /* line 302, scss/compass/_pages.scss */
  .pages p br {
    display: block;
  }

  /* line 303, scss/compass/_pages.scss */
  .pages p input[type=button].butn {
    margin-right: 0;
  }

  /* line 304, scss/compass/_pages.scss */
  .pages p span {
    display: inline-block;
    margin-top: 5px;
  }
}

/* line 313, scss/compass/_pages.scss */
.template-2 .pages a {
  background-color: #066caa;
  color: #fff;
}

/* line 317, scss/compass/_pages.scss */
.template-2 .pages a:hover {
  background: #666;
}

/* line 318, scss/compass/_pages.scss */
.template-2 .pages a:focus {
  background: #e00;
}

/* line 320, scss/compass/_pages.scss */
.template-2 .pages a.active {
  background-color: #aa6500;
}

/* line 322, scss/compass/_pages.scss */
.template-2 .pages a.active:focus {
  background: #e00;
}

/* line 325, scss/compass/_pages.scss */
.template-2 .pages a.prev,
.template-2 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #066caa transparent transparent;
}

/* line 331, scss/compass/_pages.scss */
.template-2 .pages a.prev:hover,
.template-2 .pages a.first:hover {
  background: none;
  border-color: transparent #666 transparent transparent;
}

/* line 335, scss/compass/_pages.scss */
.template-2 .pages a.prev:focus,
.template-2 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 342, scss/compass/_pages.scss */
.template-2 .pages a.first::after {
  background: #066caa;
}

/* line 345, scss/compass/_pages.scss */
.template-2 .pages a.first:hover::after {
  background: #666;
}

/* line 348, scss/compass/_pages.scss */
.template-2 .pages a.first:focus::after {
  background: #e00;
}

/* line 353, scss/compass/_pages.scss */
.template-2 .pages a.next,
.template-2 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #066caa;
}

/* line 359, scss/compass/_pages.scss */
.template-2 .pages a.next:hover,
.template-2 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #666;
}

/* line 363, scss/compass/_pages.scss */
.template-2 .pages a.next:focus,
.template-2 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 370, scss/compass/_pages.scss */
.template-2 .pages a.last::after {
  background: #066caa;
}

/* line 373, scss/compass/_pages.scss */
.template-2 .pages a.last:hover::after {
  background: #666;
}

/* line 376, scss/compass/_pages.scss */
.template-2 .pages a.last:focus::after {
  background: #e00;
}

/* line 383, scss/compass/_pages.scss */
.template-3 .pages a {
  background-color: #69416a;
  color: #fff;
}

/* line 387, scss/compass/_pages.scss */
.template-3 .pages a:hover {
  background: #ff9800;
}

/* line 388, scss/compass/_pages.scss */
.template-3 .pages a:focus {
  background: #e00;
}

/* line 390, scss/compass/_pages.scss */
.template-3 .pages a.active {
  color: #000000;
  background-color: #e7b55d;
}

/* line 393, scss/compass/_pages.scss */
.template-3 .pages a.active:focus {
  background: #e00;
}

/* line 396, scss/compass/_pages.scss */
.template-3 .pages a.prev,
.template-3 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #69416a transparent transparent;
}

/* line 402, scss/compass/_pages.scss */
.template-3 .pages a.prev:hover,
.template-3 .pages a.first:hover {
  background: none;
  border-color: transparent #ff9800 transparent transparent;
}

/* line 406, scss/compass/_pages.scss */
.template-3 .pages a.prev:focus,
.template-3 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 413, scss/compass/_pages.scss */
.template-3 .pages a.first::after {
  background: #69416a;
}

/* line 416, scss/compass/_pages.scss */
.template-3 .pages a.first:hover::after {
  background: #ff9800;
}

/* line 419, scss/compass/_pages.scss */
.template-3 .pages a.first:focus::after {
  background: #e00;
}

/* line 424, scss/compass/_pages.scss */
.template-3 .pages a.next,
.template-3 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #69416a;
}

/* line 430, scss/compass/_pages.scss */
.template-3 .pages a.next:hover,
.template-3 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ff9800;
}

/* line 434, scss/compass/_pages.scss */
.template-3 .pages a.next:focus,
.template-3 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 441, scss/compass/_pages.scss */
.template-3 .pages a.last::after {
  background: #69416a;
}

/* line 444, scss/compass/_pages.scss */
.template-3 .pages a.last:hover::after {
  background: #ff9800;
}

/* line 447, scss/compass/_pages.scss */
.template-3 .pages a.last:focus::after {
  background: #e00;
}

/* line 453, scss/compass/_pages.scss */
.template-4 .pages a {
  background-color: #b6e3ea;
  color: #353535;
}

/* line 457, scss/compass/_pages.scss */
.template-4 .pages a:hover {
  background: #ffe2c5;
}

/* line 458, scss/compass/_pages.scss */
.template-4 .pages a:focus {
  background: #e00;
}

/* line 460, scss/compass/_pages.scss */
.template-4 .pages a.active {
  background-color: #ffd1a3;
}

/* line 462, scss/compass/_pages.scss */
.template-4 .pages a.active:focus {
  background: #e00;
}

/* line 465, scss/compass/_pages.scss */
.template-4 .pages a.prev,
.template-4 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #b6e3ea transparent transparent;
}

/* line 471, scss/compass/_pages.scss */
.template-4 .pages a.prev:hover,
.template-4 .pages a.first:hover {
  background: none;
  border-color: transparent #ffe2c5 transparent transparent;
}

/* line 475, scss/compass/_pages.scss */
.template-4 .pages a.prev:focus,
.template-4 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 482, scss/compass/_pages.scss */
.template-4 .pages a.first::after {
  background: #b6e3ea;
}

/* line 485, scss/compass/_pages.scss */
.template-4 .pages a.first:hover::after {
  background: #ffe2c5;
}

/* line 488, scss/compass/_pages.scss */
.template-4 .pages a.first:focus::after {
  background: #e00;
}

/* line 493, scss/compass/_pages.scss */
.template-4 .pages a.next,
.template-4 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #b6e3ea;
}

/* line 499, scss/compass/_pages.scss */
.template-4 .pages a.next:hover,
.template-4 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ffe2c5;
}

/* line 503, scss/compass/_pages.scss */
.template-4 .pages a.next:focus,
.template-4 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 510, scss/compass/_pages.scss */
.template-4 .pages a.last::after {
  background: #b6e3ea;
}

/* line 513, scss/compass/_pages.scss */
.template-4 .pages a.last:hover::after {
  background: #ffe2c5;
}

/* line 516, scss/compass/_pages.scss */
.template-4 .pages a.last:focus::after {
  background: #e00;
}

/* line 522, scss/compass/_pages.scss */
.template-5 .pages a {
  background-color: #cdcb7c;
  color: #353535;
}

/* line 526, scss/compass/_pages.scss */
.template-5 .pages a:hover {
  background: #ffc992;
}

/* line 527, scss/compass/_pages.scss */
.template-5 .pages a:focus {
  background: #e00;
}

/* line 529, scss/compass/_pages.scss */
.template-5 .pages a.active {
  background-color: #ff9800;
}

/* line 531, scss/compass/_pages.scss */
.template-5 .pages a.active:focus {
  background: #e00;
}

/* line 534, scss/compass/_pages.scss */
.template-5 .pages a.prev,
.template-5 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #cdcb7c transparent transparent;
}

/* line 540, scss/compass/_pages.scss */
.template-5 .pages a.prev:hover,
.template-5 .pages a.first:hover {
  background: none;
  border-color: transparent #ffc992 transparent transparent;
}

/* line 544, scss/compass/_pages.scss */
.template-5 .pages a.prev:focus,
.template-5 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 551, scss/compass/_pages.scss */
.template-5 .pages a.first::after {
  background: #cdcb7c;
}

/* line 554, scss/compass/_pages.scss */
.template-5 .pages a.first:hover::after {
  background: #ffc992;
}

/* line 557, scss/compass/_pages.scss */
.template-5 .pages a.first:focus::after {
  background: #e00;
}

/* line 562, scss/compass/_pages.scss */
.template-5 .pages a.next,
.template-5 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #cdcb7c;
}

/* line 568, scss/compass/_pages.scss */
.template-5 .pages a.next:hover,
.template-5 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ffc992;
}

/* line 572, scss/compass/_pages.scss */
.template-5 .pages a.next:focus,
.template-5 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 579, scss/compass/_pages.scss */
.template-5 .pages a.last::after {
  background: #cdcb7c;
}

/* line 582, scss/compass/_pages.scss */
.template-5 .pages a.last:hover::after {
  background: #ffc992;
}

/* line 585, scss/compass/_pages.scss */
.template-5 .pages a.last:focus::after {
  background: #e00;
}

/* line 591, scss/compass/_pages.scss */
.template-6 .pages a {
  background-color: #0072bb;
  color: #fff;
}

/* line 595, scss/compass/_pages.scss */
.template-6 .pages a:hover {
  background: #0063a2;
}

/* line 596, scss/compass/_pages.scss */
.template-6 .pages a:focus {
  background: #e00;
}

/* line 598, scss/compass/_pages.scss */
.template-6 .pages a.active {
  color: #000;
  background-color: #f6bba8;
}

/* line 601, scss/compass/_pages.scss */
.template-6 .pages a.active:focus {
  background: #e00;
}

/* line 604, scss/compass/_pages.scss */
.template-6 .pages a.prev,
.template-6 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #0072bb transparent transparent;
}

/* line 610, scss/compass/_pages.scss */
.template-6 .pages a.prev:hover,
.template-6 .pages a.first:hover {
  background: none;
  border-color: transparent #0063a2 transparent transparent;
}

/* line 614, scss/compass/_pages.scss */
.template-6 .pages a.prev:focus,
.template-6 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 621, scss/compass/_pages.scss */
.template-6 .pages a.first::after {
  background: #0072bb;
}

/* line 624, scss/compass/_pages.scss */
.template-6 .pages a.first:hover::after {
  background: #0063a2;
}

/* line 627, scss/compass/_pages.scss */
.template-6 .pages a.first:focus::after {
  background: #e00;
}

/* line 632, scss/compass/_pages.scss */
.template-6 .pages a.next,
.template-6 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #0072bb;
}

/* line 638, scss/compass/_pages.scss */
.template-6 .pages a.next:hover,
.template-6 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #0063a2;
}

/* line 642, scss/compass/_pages.scss */
.template-6 .pages a.next:focus,
.template-6 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 649, scss/compass/_pages.scss */
.template-6 .pages a.last::after {
  background: #0072bb;
}

/* line 652, scss/compass/_pages.scss */
.template-6 .pages a.last:hover::after {
  background: #0063a2;
}

/* line 655, scss/compass/_pages.scss */
.template-6 .pages a.last:focus::after {
  background: #e00;
}

/* line 661, scss/compass/_pages.scss */
.template-7 .pages a {
  background-color: #c8e0c8;
  color: #353535;
}

/* line 665, scss/compass/_pages.scss */
.template-7 .pages a:hover {
  background: #deecde;
}

/* line 666, scss/compass/_pages.scss */
.template-7 .pages a:focus {
  background: #e00;
}

/* line 668, scss/compass/_pages.scss */
.template-7 .pages a.active {
  background-color: #d7ada2;
}

/* line 670, scss/compass/_pages.scss */
.template-7 .pages a.active:focus {
  background: #e00;
}

/* line 673, scss/compass/_pages.scss */
.template-7 .pages a.prev,
.template-7 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #c8e0c8 transparent transparent;
}

/* line 679, scss/compass/_pages.scss */
.template-7 .pages a.prev:hover,
.template-7 .pages a.first:hover {
  background: none;
  border-color: transparent #deecde transparent transparent;
}

/* line 683, scss/compass/_pages.scss */
.template-7 .pages a.prev:focus,
.template-7 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 690, scss/compass/_pages.scss */
.template-7 .pages a.first::after {
  background: #c8e0c8;
}

/* line 693, scss/compass/_pages.scss */
.template-7 .pages a.first:hover::after {
  background: #deecde;
}

/* line 696, scss/compass/_pages.scss */
.template-7 .pages a.first:focus::after {
  background: #e00;
}

/* line 701, scss/compass/_pages.scss */
.template-7 .pages a.next,
.template-7 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #c8e0c8;
}

/* line 707, scss/compass/_pages.scss */
.template-7 .pages a.next:hover,
.template-7 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #deecde;
}

/* line 711, scss/compass/_pages.scss */
.template-7 .pages a.next:focus,
.template-7 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 718, scss/compass/_pages.scss */
.template-7 .pages a.last::after {
  background: #c8e0c8;
}

/* line 721, scss/compass/_pages.scss */
.template-7 .pages a.last:hover::after {
  background: #deecde;
}

/* line 724, scss/compass/_pages.scss */
.template-7 .pages a.last:focus::after {
  background: #e00;
}

/* line 734, scss/compass/_pages.scss */
.template-12 .pages a {
  background-color: #016ed4;
  color: #fff;
}

/* line 738, scss/compass/_pages.scss */
.template-12 .pages a:hover {
  background: #537382;
}

/* line 739, scss/compass/_pages.scss */
.template-12 .pages a:focus {
  background: #e00;
}

/* line 741, scss/compass/_pages.scss */
.template-12 .pages a.active {
  color: #000000;
  background-color: #f8e2e4;
}

/* line 744, scss/compass/_pages.scss */
.template-12 .pages a.active:focus {
  background: #e00;
}

/* line 747, scss/compass/_pages.scss */
.template-12 .pages a.prev,
.template-12 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #016ed4 transparent transparent;
}

/* line 753, scss/compass/_pages.scss */
.template-12 .pages a.prev:hover,
.template-12 .pages a.first:hover {
  background: none;
  border-color: transparent #537382 transparent transparent;
}

/* line 757, scss/compass/_pages.scss */
.template-12 .pages a.prev:focus,
.template-12 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 764, scss/compass/_pages.scss */
.template-12 .pages a.first::after {
  background: #016ed4;
}

/* line 767, scss/compass/_pages.scss */
.template-12 .pages a.first:hover::after {
  background: #537382;
}

/* line 770, scss/compass/_pages.scss */
.template-12 .pages a.first:focus::after {
  background: #e00;
}

/* line 775, scss/compass/_pages.scss */
.template-12 .pages a.next,
.template-12 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #016ed4;
}

/* line 781, scss/compass/_pages.scss */
.template-12 .pages a.next:hover,
.template-12 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #537382;
}

/* line 785, scss/compass/_pages.scss */
.template-12 .pages a.next:focus,
.template-12 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 792, scss/compass/_pages.scss */
.template-12 .pages a.last::after {
  background: #016ed4;
}

/* line 795, scss/compass/_pages.scss */
.template-12 .pages a.last:hover::after {
  background: #537382;
}

/* line 798, scss/compass/_pages.scss */
.template-12 .pages a.last:focus::after {
  background: #e00;
}

/* line 812, scss/compass/_pages.scss */
.template-21 .pages a {
  background-color: #e9e9e9;
  color: #000;
}

/* line 816, scss/compass/_pages.scss */
.template-21 .pages a:hover {
  background: #ffe2c5;
}

/* line 817, scss/compass/_pages.scss */
.template-21 .pages a:focus {
  background: #e00;
}

/* line 819, scss/compass/_pages.scss */
.template-21 .pages a.active {
  background-color: #008489;
  color: #fff;
}

/* line 822, scss/compass/_pages.scss */
.template-21 .pages a.active:focus {
  background: #e00;
}

/* line 825, scss/compass/_pages.scss */
.template-21 .pages a.prev,
.template-21 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #006482 transparent transparent;
}

/* line 831, scss/compass/_pages.scss */
.template-21 .pages a.prev:hover,
.template-21 .pages a.first:hover {
  background: none;
  border-color: transparent #ffe2c5 transparent transparent;
}

/* line 835, scss/compass/_pages.scss */
.template-21 .pages a.prev:focus,
.template-21 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 842, scss/compass/_pages.scss */
.template-21 .pages a.first::after {
  background: #006482;
}

/* line 845, scss/compass/_pages.scss */
.template-21 .pages a.first:hover::after {
  background: #ffe2c5;
}

/* line 848, scss/compass/_pages.scss */
.template-21 .pages a.first:focus::after {
  background: #e00;
}

/* line 853, scss/compass/_pages.scss */
.template-21 .pages a.next,
.template-21 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #006482;
}

/* line 859, scss/compass/_pages.scss */
.template-21 .pages a.next:hover,
.template-21 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ffe2c5;
}

/* line 863, scss/compass/_pages.scss */
.template-21 .pages a.next:focus,
.template-21 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 870, scss/compass/_pages.scss */
.template-21 .pages a.last::after {
  background: #006482;
}

/* line 873, scss/compass/_pages.scss */
.template-21 .pages a.last:hover::after {
  background: #ffe2c5;
}

/* line 876, scss/compass/_pages.scss */
.template-21 .pages a.last:focus::after {
  background: #e00;
}

/* line 886, scss/compass/_pages.scss */
.color-style1 .pages a {
  background-color: #4079b9;
  color: #fff;
}

/* line 890, scss/compass/_pages.scss */
.color-style1 .pages a:hover {
  background: #ffb141;
}

/* line 891, scss/compass/_pages.scss */
.color-style1 .pages a:focus {
  background: #e00;
}

/* line 893, scss/compass/_pages.scss */
.color-style1 .pages a.active {
  background-color: #0a3f7b;
}

/* line 895, scss/compass/_pages.scss */
.color-style1 .pages a.active:focus {
  background: #e00;
}

/* line 898, scss/compass/_pages.scss */
.color-style1 .pages a.prev,
.color-style1 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #4079b9 transparent transparent;
}

/* line 904, scss/compass/_pages.scss */
.color-style1 .pages a.prev:hover,
.color-style1 .pages a.first:hover {
  background: none;
  border-color: transparent #ffb141 transparent transparent;
}

/* line 908, scss/compass/_pages.scss */
.color-style1 .pages a.prev:focus,
.color-style1 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 915, scss/compass/_pages.scss */
.color-style1 .pages a.first::after {
  background: #4079b9;
}

/* line 918, scss/compass/_pages.scss */
.color-style1 .pages a.first:hover::after {
  background: #ffb141;
}

/* line 921, scss/compass/_pages.scss */
.color-style1 .pages a.first:focus::after {
  background: #e00;
}

/* line 926, scss/compass/_pages.scss */
.color-style1 .pages a.next,
.color-style1 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #4079b9;
}

/* line 932, scss/compass/_pages.scss */
.color-style1 .pages a.next:hover,
.color-style1 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ffb141;
}

/* line 936, scss/compass/_pages.scss */
.color-style1 .pages a.next:focus,
.color-style1 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 943, scss/compass/_pages.scss */
.color-style1 .pages a.last::after {
  background: #4079b9;
}

/* line 946, scss/compass/_pages.scss */
.color-style1 .pages a.last:hover::after {
  background: #ffb141;
}

/* line 949, scss/compass/_pages.scss */
.color-style1 .pages a.last:focus::after {
  background: #e00;
}

/* line 957, scss/compass/_pages.scss */
.color-style2 .pages a {
  background-color: #ea8686;
  color: #fff;
}

/* line 961, scss/compass/_pages.scss */
.color-style2 .pages a:hover {
  background: #bc8686;
}

/* line 962, scss/compass/_pages.scss */
.color-style2 .pages a:focus {
  background: #4079b9;
}

/* line 964, scss/compass/_pages.scss */
.color-style2 .pages a.active {
  background-color: #9a4343;
}

/* line 966, scss/compass/_pages.scss */
.color-style2 .pages a.active:focus {
  background: #4079b9;
}

/* line 969, scss/compass/_pages.scss */
.color-style2 .pages a.prev,
.color-style2 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #ea8686 transparent transparent;
}

/* line 975, scss/compass/_pages.scss */
.color-style2 .pages a.prev:hover,
.color-style2 .pages a.first:hover {
  background: none;
  border-color: transparent #bc8686 transparent transparent;
}

/* line 979, scss/compass/_pages.scss */
.color-style2 .pages a.prev:focus,
.color-style2 .pages a.first:focus {
  background: none;
  border-color: transparent #4079b9 transparent transparent;
}

/* line 986, scss/compass/_pages.scss */
.color-style2 .pages a.first::after {
  background: #ea8686;
}

/* line 989, scss/compass/_pages.scss */
.color-style2 .pages a.first:hover::after {
  background: #bc8686;
}

/* line 992, scss/compass/_pages.scss */
.color-style2 .pages a.first:focus::after {
  background: #4079b9;
}

/* line 997, scss/compass/_pages.scss */
.color-style2 .pages a.next,
.color-style2 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #ea8686;
}

/* line 1003, scss/compass/_pages.scss */
.color-style2 .pages a.next:hover,
.color-style2 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #bc8686;
}

/* line 1007, scss/compass/_pages.scss */
.color-style2 .pages a.next:focus,
.color-style2 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #4079b9;
}

/* line 1014, scss/compass/_pages.scss */
.color-style2 .pages a.last::after {
  background: #ea8686;
}

/* line 1017, scss/compass/_pages.scss */
.color-style2 .pages a.last:hover::after {
  background: #bc8686;
}

/* line 1020, scss/compass/_pages.scss */
.color-style2 .pages a.last:focus::after {
  background: #4079b9;
}

/* line 1026, scss/compass/_pages.scss */
.color-style2.template-7 .pages a {
  background-color: #655c5d;
  color: #fff;
}

/* line 1030, scss/compass/_pages.scss */
.color-style2.template-7 .pages a:hover {
  background: #463637;
}

/* line 1031, scss/compass/_pages.scss */
.color-style2.template-7 .pages a:focus {
  background: #4079b9;
}

/* line 1033, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.active {
  background-color: #C25100;
}

/* line 1035, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.active:focus {
  background: #4079b9;
}

/* line 1038, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.prev,
.color-style2.template-7 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #655c5d transparent transparent;
}

/* line 1044, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.prev:hover,
.color-style2.template-7 .pages a.first:hover {
  background: none;
  border-color: transparent #463637 transparent transparent;
}

/* line 1048, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.prev:focus,
.color-style2.template-7 .pages a.first:focus {
  background: none;
  border-color: transparent #4079b9 transparent transparent;
}

/* line 1055, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.first::after {
  background: #655c5d;
}

/* line 1058, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.first:hover::after {
  background: #463637;
}

/* line 1061, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.first:focus::after {
  background: #4079b9;
}

/* line 1066, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.next,
.color-style2.template-7 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #655c5d;
}

/* line 1072, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.next:hover,
.color-style2.template-7 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #463637;
}

/* line 1076, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.next:focus,
.color-style2.template-7 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #4079b9;
}

/* line 1083, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.last::after {
  background: #655c5d;
}

/* line 1086, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.last:hover::after {
  background: #463637;
}

/* line 1089, scss/compass/_pages.scss */
.color-style2.template-7 .pages a.last:focus::after {
  background: #4079b9;
}

/* line 1097, scss/compass/_pages.scss */
.color-style3 .pages a {
  background-color: #ffd394;
  color: #000000;
}

/* line 1101, scss/compass/_pages.scss */
.color-style3 .pages a:hover {
  background: #ff7272;
  color: #000000;
}

/* line 1105, scss/compass/_pages.scss */
.color-style3 .pages a:focus {
  background: #e00;
  color: #fff;
}

/* line 1110, scss/compass/_pages.scss */
.color-style3 .pages a.active {
  background-color: #ff9803;
  color: #000000;
}

/* line 1114, scss/compass/_pages.scss */
.color-style3 .pages a.active:focus {
  background: #e00;
  color: #fff;
}

/* line 1120, scss/compass/_pages.scss */
.color-style3 .pages a.prev,
.color-style3 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #ffd394 transparent transparent;
}

/* line 1126, scss/compass/_pages.scss */
.color-style3 .pages a.prev:hover,
.color-style3 .pages a.first:hover {
  background: none;
  border-color: transparent #ff7272 transparent transparent;
}

/* line 1130, scss/compass/_pages.scss */
.color-style3 .pages a.prev:focus,
.color-style3 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 1137, scss/compass/_pages.scss */
.color-style3 .pages a.first::after {
  background: #ffd394;
}

/* line 1140, scss/compass/_pages.scss */
.color-style3 .pages a.first:hover::after {
  background: #ff7272;
}

/* line 1143, scss/compass/_pages.scss */
.color-style3 .pages a.first:focus::after {
  background: #e00;
}

/* line 1148, scss/compass/_pages.scss */
.color-style3 .pages a.next,
.color-style3 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #ffd394;
}

/* line 1154, scss/compass/_pages.scss */
.color-style3 .pages a.next:hover,
.color-style3 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ff7272;
}

/* line 1158, scss/compass/_pages.scss */
.color-style3 .pages a.next:focus,
.color-style3 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 1165, scss/compass/_pages.scss */
.color-style3 .pages a.last::after {
  background: #ffd394;
}

/* line 1168, scss/compass/_pages.scss */
.color-style3 .pages a.last:hover::after {
  background: #ff7272;
}

/* line 1171, scss/compass/_pages.scss */
.color-style3 .pages a.last:focus::after {
  background: #e00;
}

/* line 1177, scss/compass/_pages.scss */
.color-style3.template-7 .pages a {
  background-color: #A26401;
  color: #fff;
}

/* line 1181, scss/compass/_pages.scss */
.color-style3.template-7 .pages a:hover {
  background: #ffc36d;
  color: #000;
}

/* line 1185, scss/compass/_pages.scss */
.color-style3.template-7 .pages a:focus {
  background: #e00;
  color: #fff;
}

/* line 1190, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.active {
  background-color: #ff9803;
  color: #000;
}

/* line 1194, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.active:focus {
  background: #e00;
  color: #fff;
}

/* line 1200, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.prev,
.color-style3.template-7 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #A26401 transparent transparent;
}

/* line 1206, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.prev:hover,
.color-style3.template-7 .pages a.first:hover {
  background: none;
  border-color: transparent #ffc36d transparent transparent;
}

/* line 1210, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.prev:focus,
.color-style3.template-7 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 1217, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.first::after {
  background: #A26401;
}

/* line 1220, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.first:hover::after {
  background: #ffc36d;
}

/* line 1223, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.first:focus::after {
  background: #e00;
}

/* line 1228, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.next,
.color-style3.template-7 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #A26401;
}

/* line 1234, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.next:hover,
.color-style3.template-7 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ffc36d;
}

/* line 1238, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.next:focus,
.color-style3.template-7 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 1245, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.last::after {
  background: #A26401;
}

/* line 1248, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.last:hover::after {
  background: #ffc36d;
}

/* line 1251, scss/compass/_pages.scss */
.color-style3.template-7 .pages a.last:focus::after {
  background: #e00;
}

/* line 1259, scss/compass/_pages.scss */
.color-style4 .pages a {
  background-color: #b9eed0;
  color: #575757;
}

/* line 1263, scss/compass/_pages.scss */
.color-style4 .pages a:hover {
  background: #39ad6a;
  color: #ffffff;
}

/* line 1267, scss/compass/_pages.scss */
.color-style4 .pages a:focus {
  background: #e00;
  color: #ffffff;
}

/* line 1272, scss/compass/_pages.scss */
.color-style4 .pages a.active {
  background-color: #188144;
  color: #ffffff;
}

/* line 1275, scss/compass/_pages.scss */
.color-style4 .pages a.active:focus {
  background: #e00;
}

/* line 1278, scss/compass/_pages.scss */
.color-style4 .pages a.prev,
.color-style4 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #b9eed0 transparent transparent;
}

/* line 1284, scss/compass/_pages.scss */
.color-style4 .pages a.prev:hover,
.color-style4 .pages a.first:hover {
  background: none;
  border-color: transparent #39ad6a transparent transparent;
}

/* line 1288, scss/compass/_pages.scss */
.color-style4 .pages a.prev:focus,
.color-style4 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 1295, scss/compass/_pages.scss */
.color-style4 .pages a.first::after {
  background: #b9eed0;
}

/* line 1298, scss/compass/_pages.scss */
.color-style4 .pages a.first:hover::after {
  background: #39ad6a;
}

/* line 1301, scss/compass/_pages.scss */
.color-style4 .pages a.first:focus::after {
  background: #e00;
}

/* line 1306, scss/compass/_pages.scss */
.color-style4 .pages a.next,
.color-style4 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #b9eed0;
}

/* line 1312, scss/compass/_pages.scss */
.color-style4 .pages a.next:hover,
.color-style4 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #39ad6a;
}

/* line 1316, scss/compass/_pages.scss */
.color-style4 .pages a.next:focus,
.color-style4 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 1323, scss/compass/_pages.scss */
.color-style4 .pages a.last::after {
  background: #b9eed0;
}

/* line 1326, scss/compass/_pages.scss */
.color-style4 .pages a.last:hover::after {
  background: #39ad6a;
}

/* line 1329, scss/compass/_pages.scss */
.color-style4 .pages a.last:focus::after {
  background: #e00;
}

/* line 1337, scss/compass/_pages.scss */
.color-style5 .pages a {
  background-color: #ffc7c7;
  color: #353535;
}

/* line 1341, scss/compass/_pages.scss */
.color-style5 .pages a:hover {
  background: #ffa9a9;
  color: #353535;
}

/* line 1345, scss/compass/_pages.scss */
.color-style5 .pages a:focus {
  background: #4079b9;
}

/* line 1347, scss/compass/_pages.scss */
.color-style5 .pages a.active {
  background-color: #dc7878;
  color: #000;
}

/* line 1350, scss/compass/_pages.scss */
.color-style5 .pages a.active:focus {
  background: #4079b9;
}

/* line 1353, scss/compass/_pages.scss */
.color-style5 .pages a.prev,
.color-style5 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #ffc7c7 transparent transparent;
}

/* line 1359, scss/compass/_pages.scss */
.color-style5 .pages a.prev:hover,
.color-style5 .pages a.first:hover {
  background: none;
  border-color: transparent #ffa9a9 transparent transparent;
}

/* line 1363, scss/compass/_pages.scss */
.color-style5 .pages a.prev:focus,
.color-style5 .pages a.first:focus {
  background: none;
  border-color: transparent #4079b9 transparent transparent;
}

/* line 1370, scss/compass/_pages.scss */
.color-style5 .pages a.first::after {
  background: #ffc7c7;
}

/* line 1373, scss/compass/_pages.scss */
.color-style5 .pages a.first:hover::after {
  background: #ffa9a9;
}

/* line 1376, scss/compass/_pages.scss */
.color-style5 .pages a.first:focus::after {
  background: #4079b9;
}

/* line 1380, scss/compass/_pages.scss */
.color-style5 .pages a.next,
.color-style5 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #ffc7c7;
}

/* line 1386, scss/compass/_pages.scss */
.color-style5 .pages a.next:hover,
.color-style5 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ffa9a9;
}

/* line 1390, scss/compass/_pages.scss */
.color-style5 .pages a.next:focus,
.color-style5 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #4079b9;
}

/* line 1397, scss/compass/_pages.scss */
.color-style5 .pages a.last::after {
  background: #ffc7c7;
}

/* line 1399, scss/compass/_pages.scss */
.color-style5 .pages a.last:hover::after {
  background: #ffa9a9;
}

/* line 1402, scss/compass/_pages.scss */
.color-style5 .pages a.last:focus::after {
  background: #4079b9;
}

/* line 1410, scss/compass/_pages.scss */
.color-style6 .pages a {
  background-color: #e9c6f2;
  color: #802b93;
}

/* line 1414, scss/compass/_pages.scss */
.color-style6 .pages a:hover {
  background: #ffb141;
  color: #ffffff;
}

/* line 1418, scss/compass/_pages.scss */
.color-style6 .pages a:focus {
  background: #e00;
  color: #ffffff;
}

/* line 1423, scss/compass/_pages.scss */
.color-style6 .pages a.active {
  background-color: #802b93;
  color: #ffffff;
}

/* line 1426, scss/compass/_pages.scss */
.color-style6 .pages a.active:focus {
  background: #e00;
}

/* line 1429, scss/compass/_pages.scss */
.color-style6 .pages a.prev,
.color-style6 .pages a.first {
  /* 右側三角形 */
  background: none;
  border-color: transparent #e9c6f2 transparent transparent;
}

/* line 1435, scss/compass/_pages.scss */
.color-style6 .pages a.prev:hover,
.color-style6 .pages a.first:hover {
  background: none;
  border-color: transparent #ffb141 transparent transparent;
}

/* line 1439, scss/compass/_pages.scss */
.color-style6 .pages a.prev:focus,
.color-style6 .pages a.first:focus {
  background: none;
  border-color: transparent #e00 transparent transparent;
}

/* line 1446, scss/compass/_pages.scss */
.color-style6 .pages a.first::after {
  background: #e9c6f2;
}

/* line 1449, scss/compass/_pages.scss */
.color-style6 .pages a.first:hover::after {
  background: #ffb141;
}

/* line 1452, scss/compass/_pages.scss */
.color-style6 .pages a.first:focus::after {
  background: #e00;
}

/* line 1457, scss/compass/_pages.scss */
.color-style6 .pages a.next,
.color-style6 .pages a.last {
  /* 右側三角形 */
  background: none;
  border-color: transparent transparent transparent #e9c6f2;
}

/* line 1463, scss/compass/_pages.scss */
.color-style6 .pages a.next:hover,
.color-style6 .pages a.last:hover {
  background: none;
  border-color: transparent transparent transparent #ffb141;
}

/* line 1467, scss/compass/_pages.scss */
.color-style6 .pages a.next:focus,
.color-style6 .pages a.last:focus {
  background: none;
  border-color: transparent transparent transparent #e00;
}

/* line 1474, scss/compass/_pages.scss */
.color-style6 .pages a.last::after {
  background: #e9c6f2;
}

/* line 1477, scss/compass/_pages.scss */
.color-style6 .pages a.last:hover::after {
  background: #ffb141;
}

/* line 1481, scss/compass/_pages.scss */
.color-style6 .pages a.last:focus::after {
  background: #e00;
}

/*-------------------------------------------------------------- template*/
/* line 14, scss/compass/_template-style.scss */
.template-2 .lightBox-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 18, scss/compass/_template-style.scss */
.template-2 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 21, scss/compass/_template-style.scss */
.template-2 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #fff;
}

/* line 24, scss/compass/_template-style.scss */
.template-2 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #03456e;
  border-color: #066caa;
}

/* line 28, scss/compass/_template-style.scss */
.template-2 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #ff5f53;
  border-color: #ec5044;
}

/* line 37, scss/compass/_template-style.scss */
.template-2 .text-zebra .zebra-box {
  background-color: #efefef;
}

/* line 39, scss/compass/_template-style.scss */
.template-2 .text-zebra .zebra-box .zebra-title {
  background-color: #066caa;
  color: #fff;
}

/* line 45, scss/compass/_template-style.scss */
.template-2 .straight-memu {
  border-left-color: #03456e;
}

/* line 49, scss/compass/_template-style.scss */
.template-2 .straight-memu li+li {
  border-top-color: #cad9e1;
}

/* line 51, scss/compass/_template-style.scss */
.template-2 .straight-memu li a {
  color: #31708f;
  background-color: #f5f5f5;
}

/* line 55, scss/compass/_template-style.scss */
.template-2 .straight-memu li a:hover {
  color: #ffffff;
  background-color: #066caa;
}

/* line 61, scss/compass/_template-style.scss */
.template-2 .straight-memu li .focus-button {
  color: #fffdee;
  background-color: #03456e;
}

/* line 66, scss/compass/_template-style.scss */
.template-2 .straight-memu li .focus-button:hover {
  color: #fffdee;
  background-color: #013a5d;
}

/* line 75, scss/compass/_template-style.scss */
.template-2 .registration-box .focus-red {
  color: #d00;
}

/* line 78, scss/compass/_template-style.scss */
.template-2 .registration-box .annotation {
  color: #03456e;
}

/* line 81, scss/compass/_template-style.scss */
.template-2 .registration-box .note {
  color: #d00;
}

/* line 84, scss/compass/_template-style.scss */
.template-2 .registration-box .unit-name {
  color: #1e76be;
}

/* line 87, scss/compass/_template-style.scss */
.template-2 .registration-box .user-name {
  color: #1e76be;
}

/* line 90, scss/compass/_template-style.scss */
.template-2 .registration-box .registration-content {
  background-color: #f5f5f5;
}

/* line 94, scss/compass/_template-style.scss */
.template-2 .registration-box ul li {
  border-bottom-color: #ddd;
}

/* line 98, scss/compass/_template-style.scss */
.template-2 .registration-box ul li div .registration-text input {
  border-color: #1e76be;
}

/* line 101, scss/compass/_template-style.scss */
.template-2 .registration-box ul li div .registration-text input:focus {
  border-color: #ff9800;
}

/* line 105, scss/compass/_template-style.scss */
.template-2 .registration-box ul li div .registration-text p {
  color: #d00;
}

/* line 113, scss/compass/_template-style.scss */
.template-2 .registration-box ul li .member-data div h3 {
  background-color: #03456e;
  color: #fff;
}

/* line 118, scss/compass/_template-style.scss */
.template-2 .registration-box ul li .member-data div p span {
  color: #ff2c1c;
}

/* line 128, scss/compass/_template-style.scss */
.template-2 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select {
  border: 2px solid #1e76be;
}

/* line 131, scss/compass/_template-style.scss */
.template-2 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select:focus {
  border-color: #ff9800;
}

/* line 142, scss/compass/_template-style.scss */
.template-2 .registration-box ul .registration-average .registration-width-short div div select {
  border-color: #1e76be;
}

/* line 145, scss/compass/_template-style.scss */
.template-2 .registration-box ul .registration-average .registration-width-short div div select:focus {
  border-color: #ff9800;
}

/* line 155, scss/compass/_template-style.scss */
.template-2 .registration-box div .determine {
  background-color: #066caa;
  color: #fff;
  border-color: #025282;
  text-shadow: 2px 2px 3px #03456e;
}

/* line 161, scss/compass/_template-style.scss */
.template-2 .registration-box div .determine:hover {
  background-color: #025385;
  color: #fff;
  border-color: #003c61;
  text-shadow: 2px 2px 3px #03456e;
}

/* line 168, scss/compass/_template-style.scss */
.template-2 .registration-box div .cancel {
  background-color: #d33a2f;
  color: #fff;
  border-color: #e75e54;
  text-shadow: 2px 2px 3px #8a2922;
}

/* line 174, scss/compass/_template-style.scss */
.template-2 .registration-box div .cancel:hover {
  background-color: #ff5549;
  color: #FFF;
  border-color: #df4d43;
}

/* line 184, scss/compass/_template-style.scss */
.template-2 .video-search ul li a {
  background-color: #03456e;
  color: #fff;
}

/* line 194, scss/compass/_template-style.scss */
.template-2 .video-search .video-object div a span {
  color: #03456e;
}

/* line 197, scss/compass/_template-style.scss */
.template-2 .video-search .video-object div a .video-date {
  background-color: #efefef;
}

/* line 205, scss/compass/_template-style.scss */
.template-2 .video-button a {
  background-color: #066caa;
  color: #fff;
}

/* line 211, scss/compass/_template-style.scss */
.template-2 .tool-button.tool-by-h2 {
  position: absolute;
  right: 0;
  top: -42px;
}

/* line 216, scss/compass/_template-style.scss */
.template-2 .tool-button .light-box {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 218, scss/compass/_template-style.scss */
.template-2 .tool-button .light-box .light-box-content {
  background-color: #fff;
}

/* line 220, scss/compass/_template-style.scss */
.template-2 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  background-color: #066caa;
  top: 18px;
  right: 20px;
}

/* line 226, scss/compass/_template-style.scss */
.template-2 .tool-button .light-box .light-box-content p {
  color: #d00;
}

/* line 227, scss/compass/_template-style.scss */
.template-2 .tool-button .light-box .light-box-content .fill-data {
  border-bottom-color: #ddd;
}

/* line 230, scss/compass/_template-style.scss */
.template-2 .tool-button .light-box .light-box-content .fill-data .data label {
  color: #6e6e6e;
}

/* line 232, scss/compass/_template-style.scss */
.template-2 .tool-button .light-box .light-box-content .fill-data .data label .focus-red {
  color: #d00;
}

/* line 236, scss/compass/_template-style.scss */
.template-2 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]) {
  border-color: #03456e;
}

/* line 239, scss/compass/_template-style.scss */
.template-2 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #ff9800;
}

/* line 247, scss/compass/_template-style.scss */
.template-2 .bulletin-title-list .link-button {
  background-color: #03456e;
}

/* line 249, scss/compass/_template-style.scss */
.template-2 .bulletin-title-list .link-button a {
  color: #efefef;
}

/* line 254, scss/compass/_template-style.scss */
.template-2 .tab-title {
  background-color: #efefef;
}

/* line 257, scss/compass/_template-style.scss */
.template-2 .tab-title li a {
  background-color: #d9d9d9;
  color: #575757;
}

/* line 261, scss/compass/_template-style.scss */
.template-2 .tab-title li .tab-select {
  background-color: #066caa;
  color: #fff;
}

/* line 267, scss/compass/_template-style.scss */
.template-2 .breadcrumb {
  margin-bottom: 58px !important;
}

@media screen and (max-width: 990px) {

  /* line 274, scss/compass/_template-style.scss */
  .template-2 .tool-button .light-box .light-box-content .mail-eliminate {
    color: #066caa;
    background-color: #f4f4f4;
    border-color: #ddd;
  }
}

@media screen and (max-width: 800px) {

  /* line 287, scss/compass/_template-style.scss */
  .template-2 .right-content .right-content-menu .title-paging,
  .template-2 .right-content .left-content-menu .title-paging,
  .template-2 .left-content .right-content-menu .title-paging,
  .template-2 .left-content .left-content-menu .title-paging {
    padding: 5px 35px 5px 10px;
  }

  /* line 289, scss/compass/_template-style.scss */
  .template-2 .right-content .right-content-menu .title-paging::after,
  .template-2 .right-content .left-content-menu .title-paging::after,
  .template-2 .left-content .right-content-menu .title-paging::after,
  .template-2 .left-content .left-content-menu .title-paging::after {
    top: 17px;
    right: 10px;
    border-color: #03456e transparent transparent transparent;
  }

  /* line 295, scss/compass/_template-style.scss */
  .template-2 .right-content .right-content-menu .span-page-title,
  .template-2 .right-content .left-content-menu .span-page-title,
  .template-2 .left-content .right-content-menu .span-page-title,
  .template-2 .left-content .left-content-menu .span-page-title {
    padding: 5px 35px 5px 10px;
  }

  /* line 297, scss/compass/_template-style.scss */
  .template-2 .right-content .right-content-menu .span-page-title::after,
  .template-2 .right-content .left-content-menu .span-page-title::after,
  .template-2 .left-content .right-content-menu .span-page-title::after,
  .template-2 .left-content .left-content-menu .span-page-title::after {
    top: 17px;
    right: 10px;
    border-color: #03456e transparent transparent transparent;
  }
}

@media screen and (max-width: 769px) {

  /* line 308, scss/compass/_template-style.scss */
  .template-2 .tool-button.tool-by-h2 {
    position: relative;
    top: auto;
    right: auto;
  }
}

@media screen and (max-width: 415px) {

  /* line 317, scss/compass/_template-style.scss */
  .template-2 .tab-inner .bulletin-title-list {
    width: 100%;
  }

  /* line 319, scss/compass/_template-style.scss */
  .template-2 .tab-inner .bulletin-title-list .wdn_responsive_table {
    box-shadow: -5px 0px 0 #03456e;
  }

  /* line 322, scss/compass/_template-style.scss */
  .template-2 .tab-inner .bulletin-title-list .link-button {
    box-shadow: -5px 0px 0 #03456e;
  }
}

/* line 330, scss/compass/_template-style.scss */
.template-3 .lightBox-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 334, scss/compass/_template-style.scss */
.template-3 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 337, scss/compass/_template-style.scss */
.template-3 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #000000;
}

/* line 340, scss/compass/_template-style.scss */
.template-3 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #eec989;
  border-color: #d29e41;
}

/* line 343, scss/compass/_template-style.scss */
.template-3 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover,
.template-3 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  background-color: #f6e4c5;
  border-color: #e7b55d;
}

/* line 349, scss/compass/_template-style.scss */
.template-3 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #b18fb2;
  border-color: #7c4e7d;
}

/* line 352, scss/compass/_template-style.scss */
.template-3 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover,
.template-3 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #bfa3c0;
  border-color: #9b629c;
}

/* line 363, scss/compass/_template-style.scss */
.template-3 .text-zebra .zebra-box {
  background-color: #efefef;
}

/* line 365, scss/compass/_template-style.scss */
.template-3 .text-zebra .zebra-box .zebra-title {
  background-color: #63474a;
  color: #fff;
}

/* line 371, scss/compass/_template-style.scss */
.template-3 .straight-memu {
  border-left-color: #49304a;
}

/* line 375, scss/compass/_template-style.scss */
.template-3 .straight-memu li+li {
  border-top-color: #cad9e1;
}

/* line 377, scss/compass/_template-style.scss */
.template-3 .straight-memu li a {
  color: #40274a;
  background-color: #f5f5f5;
}

/* line 381, scss/compass/_template-style.scss */
.template-3 .straight-memu li a:hover {
  color: #ffffff;
  background-color: #7e6049;
}

/* line 387, scss/compass/_template-style.scss */
.template-3 .straight-memu li .focus-button {
  color: #fffdee;
  background-color: #583d4b;
}

/* line 391, scss/compass/_template-style.scss */
.template-3 .straight-memu li .focus-button:hover {
  color: #fffdee;
  background-color: #583d4b;
}

/* line 399, scss/compass/_template-style.scss */
.template-3 .registration-box .focus-red {
  color: #d00;
}

/* line 402, scss/compass/_template-style.scss */
.template-3 .registration-box .annotation {
  color: #03456e;
}

/* line 405, scss/compass/_template-style.scss */
.template-3 .registration-box .note {
  color: #d00;
}

/* line 408, scss/compass/_template-style.scss */
.template-3 .registration-box .unit-name {
  color: #1e76be;
}

/* line 411, scss/compass/_template-style.scss */
.template-3 .registration-box .user-name {
  color: #1e76be;
}

/* line 414, scss/compass/_template-style.scss */
.template-3 .registration-box .registration-content {
  background-color: #f5f5f5;
}

/* line 418, scss/compass/_template-style.scss */
.template-3 .registration-box ul li {
  border-bottom-color: #ddd;
}

/* line 422, scss/compass/_template-style.scss */
.template-3 .registration-box ul li div .registration-text input {
  border-color: #1e76be;
}

/* line 425, scss/compass/_template-style.scss */
.template-3 .registration-box ul li div .registration-text input:focus {
  border-color: #ff9800;
}

/* line 429, scss/compass/_template-style.scss */
.template-3 .registration-box ul li div .registration-text p {
  color: #d00;
}

/* line 437, scss/compass/_template-style.scss */
.template-3 .registration-box ul li .member-data div h3 {
  background-color: #03456e;
  color: #fff;
}

/* line 442, scss/compass/_template-style.scss */
.template-3 .registration-box ul li .member-data div p span {
  color: #ff2c1c;
}

/* line 452, scss/compass/_template-style.scss */
.template-3 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select {
  border: 2px solid #1e76be;
}

/* line 455, scss/compass/_template-style.scss */
.template-3 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select:focus {
  border-color: #ff9800;
}

/* line 466, scss/compass/_template-style.scss */
.template-3 .registration-box ul .registration-average .registration-width-short div div select {
  border-color: #1e76be;
}

/* line 469, scss/compass/_template-style.scss */
.template-3 .registration-box ul .registration-average .registration-width-short div div select:focus {
  border-color: #ff9800;
}

/* line 479, scss/compass/_template-style.scss */
.template-3 .registration-box div .determine {
  background-color: #066caa;
  color: #fff;
  border-color: #025282;
  text-shadow: 2px 2px 3px #03456e;
}

/* line 485, scss/compass/_template-style.scss */
.template-3 .registration-box div .determine:hover {
  background-color: #025385;
  color: #fff;
  border-color: #003c61;
  text-shadow: 2px 2px 3px #03456e;
}

/* line 492, scss/compass/_template-style.scss */
.template-3 .registration-box div .cancel {
  background-color: #d33a2f;
  color: #fff;
  border-color: #e75e54;
  text-shadow: 2px 2px 3px #8a2922;
}

/* line 498, scss/compass/_template-style.scss */
.template-3 .registration-box div .cancel:hover {
  background-color: #ff5549;
  color: #FFF;
  border-color: #df4d43;
}

/* line 508, scss/compass/_template-style.scss */
.template-3 .video-search ul li a {
  background-color: #dcaa53;
  color: #000000;
}

/* line 511, scss/compass/_template-style.scss */
.template-3 .video-search ul li a:hover,
.template-3 .video-search ul li a:focus {
  color: #fff;
  background-color: #563c4a;
  outline: none;
}

/* line 524, scss/compass/_template-style.scss */
.template-3 .video-search .video-object div a span {
  color: #583d4b;
}

/* line 525, scss/compass/_template-style.scss */
.template-3 .video-search .video-object div a .video-date {
  background-color: #efefef;
}

/* line 531, scss/compass/_template-style.scss */
.template-3 .video-button a {
  background-color: #dcaa53;
  color: #000000;
}

/* line 534, scss/compass/_template-style.scss */
.template-3 .video-button a:hover,
.template-3 .video-button a:focus {
  color: #fff;
  background-color: #563c4a;
  outline: none;
}

/* line 543, scss/compass/_template-style.scss */
.template-3 .tool-button.tool-by-h2 {
  position: absolute;
  right: 0;
  top: -42px;
}

/* line 548, scss/compass/_template-style.scss */
.template-3 .tool-button.tool-by-h2 a {
  border-color: #dcccb0;
  border-radius: 50%;
}

/* line 553, scss/compass/_template-style.scss */
.template-3 .tool-button .light-box {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 555, scss/compass/_template-style.scss */
.template-3 .tool-button .light-box .light-box-content {
  background-color: #fff;
}

/* line 557, scss/compass/_template-style.scss */
.template-3 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  background-color: #935b95;
  top: 18px;
  right: 20px;
}

/* line 562, scss/compass/_template-style.scss */
.template-3 .tool-button .light-box .light-box-content .mail-eliminate:hover {
  background-color: #7e4e80;
}

/* line 563, scss/compass/_template-style.scss */
.template-3 .tool-button .light-box .light-box-content .mail-eliminate:focus {
  color: #353535;
  background-color: #ffe2c5;
}

/* line 568, scss/compass/_template-style.scss */
.template-3 .tool-button .light-box .light-box-content p {
  color: #d00;
}

/* line 569, scss/compass/_template-style.scss */
.template-3 .tool-button .light-box .light-box-content .fill-data {
  border-bottom-color: #ddd;
}

/* line 572, scss/compass/_template-style.scss */
.template-3 .tool-button .light-box .light-box-content .fill-data .data label {
  color: #6e6e6e;
}

/* line 574, scss/compass/_template-style.scss */
.template-3 .tool-button .light-box .light-box-content .fill-data .data label .focus-red {
  color: #d00;
}

/* line 576, scss/compass/_template-style.scss */
.template-3 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]) {
  border-color: #956a7f;
}

/* line 578, scss/compass/_template-style.scss */
.template-3 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #ff9800;
}

/* line 586, scss/compass/_template-style.scss */
.template-3 .bulletin-title-list .link-button {
  background-color: #63474a;
}

/* line 588, scss/compass/_template-style.scss */
.template-3 .bulletin-title-list .link-button a {
  color: #efefef;
}

/* line 591, scss/compass/_template-style.scss */
.template-3 .tab-title {
  background-color: #efefef;
}

/* line 595, scss/compass/_template-style.scss */
.template-3 .tab-title li a {
  background-color: #d9d9d9;
  color: #575757;
}

/* line 599, scss/compass/_template-style.scss */
.template-3 .tab-title li .tab-select {
  background-color: #a58349;
  color: #fff;
}

/* line 605, scss/compass/_template-style.scss */
.template-3 .breadcrumb {
  padding: 0;
  margin-bottom: 58px !important;
  border-bottom: none;
  background: none;
  box-shadow: none;
}

/* line 612, scss/compass/_template-style.scss */
.template-3 .breadcrumb a {
  color: #353535;
}

/* line 613, scss/compass/_template-style.scss */
.template-3 .breadcrumb span {
  color: #353535;
  margin: 0 5px;
}

/* line 619, scss/compass/_template-style.scss */
.template-3 .article-page .info {
  margin-top: 10px;
}

@media only screen and (max-width: 769px) {

  /* line 622, scss/compass/_template-style.scss */
  .template-3 .article-page .info {
    margin-top: -5px;
  }
}

@media screen and (max-width: 990px) {

  /* line 629, scss/compass/_template-style.scss */
  .template-3 .tool-button .light-box .light-box-content .mail-eliminate {
    color: #066caa;
    background-color: #f4f4f4;
    border-color: #ddd;
  }
}

@media screen and (max-width: 800px) {

  /* line 642, scss/compass/_template-style.scss */
  .template-3 .right-content .right-content-menu .title-paging,
  .template-3 .right-content .left-content-menu .title-paging,
  .template-3 .left-content .right-content-menu .title-paging,
  .template-3 .left-content .left-content-menu .title-paging {
    padding: 5px 35px 5px 10px;
  }

  /* line 644, scss/compass/_template-style.scss */
  .template-3 .right-content .right-content-menu .title-paging::after,
  .template-3 .right-content .left-content-menu .title-paging::after,
  .template-3 .left-content .right-content-menu .title-paging::after,
  .template-3 .left-content .left-content-menu .title-paging::after {
    top: 17px;
    right: 10px;
    border-color: #03456e transparent transparent transparent;
  }

  /* line 650, scss/compass/_template-style.scss */
  .template-3 .right-content .right-content-menu .span-page-title,
  .template-3 .right-content .left-content-menu .span-page-title,
  .template-3 .left-content .right-content-menu .span-page-title,
  .template-3 .left-content .left-content-menu .span-page-title {
    padding: 5px 35px 5px 10px;
  }

  /* line 652, scss/compass/_template-style.scss */
  .template-3 .right-content .right-content-menu .span-page-title::after,
  .template-3 .right-content .left-content-menu .span-page-title::after,
  .template-3 .left-content .right-content-menu .span-page-title::after,
  .template-3 .left-content .left-content-menu .span-page-title::after {
    top: 17px;
    right: 10px;
    border-color: #03456e transparent transparent transparent;
  }

  /* line 660, scss/compass/_template-style.scss */
  .template-3 .breadcrumb {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 769px) {

  /* line 664, scss/compass/_template-style.scss */
  .template-3 .tool-button.tool-by-h2 {
    position: relative;
    top: auto;
    right: auto;
  }
}

@media screen and (max-width: 415px) {

  /* line 673, scss/compass/_template-style.scss */
  .template-3 .tab-inner .bulletin-title-list {
    width: 100%;
  }

  /* line 675, scss/compass/_template-style.scss */
  .template-3 .tab-inner .bulletin-title-list .wdn_responsive_table {
    box-shadow: -5px 0px 0 #03456e;
  }

  /* line 678, scss/compass/_template-style.scss */
  .template-3 .tab-inner .bulletin-title-list .link-button {
    box-shadow: -5px 0px 0 #03456e;
  }
}

/* line 686, scss/compass/_template-style.scss */
.template-4 .lightBox-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 690, scss/compass/_template-style.scss */
.template-4 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 693, scss/compass/_template-style.scss */
.template-4 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #000000;
}

/* line 696, scss/compass/_template-style.scss */
.template-4 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  color: #353535;
  background-color: #c3e8ee;
  border-color: #82cfdb;
}

/* line 701, scss/compass/_template-style.scss */
.template-4 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover {
  color: #353535;
  background-color: #def2f5;
  border-color: #a9dee6;
}

/* line 706, scss/compass/_template-style.scss */
.template-4 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  color: #353535;
  background-color: #ffe2c5;
  border-color: #ff9733;
}

/* line 712, scss/compass/_template-style.scss */
.template-4 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  color: #353535;
  background-color: #dae7ea;
  border-color: #cdd4d6;
}

/* line 717, scss/compass/_template-style.scss */
.template-4 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover {
  background-color: #f0f5f6;
  border-color: #e0e4e5;
}

/* line 721, scss/compass/_template-style.scss */
.template-4 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #fff;
  border-color: #ff9733;
}

/* line 731, scss/compass/_template-style.scss */
.template-4 .text-zebra .zebra-box {
  background-color: #efefef;
}

/* line 733, scss/compass/_template-style.scss */
.template-4 .text-zebra .zebra-box .zebra-title {
  background-color: #015488;
  color: #fff;
}

/* line 739, scss/compass/_template-style.scss */
.template-4 .straight-memu {
  border-left-color: #015488;
}

/* line 743, scss/compass/_template-style.scss */
.template-4 .straight-memu li+li {
  border-top-color: #cad9e1;
}

/* line 745, scss/compass/_template-style.scss */
.template-4 .straight-memu li a {
  color: #40274a;
  background-color: #f5f5f5;
}

/* line 748, scss/compass/_template-style.scss */
.template-4 .straight-memu li a:hover {
  color: #fff;
  background-color: #0169aa;
}

/* line 754, scss/compass/_template-style.scss */
.template-4 .straight-memu li .focus-button {
  color: #fff;
  background-color: #015488;
}

/* line 757, scss/compass/_template-style.scss */
.template-4 .straight-memu li .focus-button:hover {
  color: #fff;
  background-color: #015488;
}

/* line 761, scss/compass/_template-style.scss */
.template-4 .straight-memu li .focus-button:focus {
  border-color: #FFE16D;
}

/* line 766, scss/compass/_template-style.scss */
.template-4 .registration-box .focus-red {
  color: #d00;
}

/* line 767, scss/compass/_template-style.scss */
.template-4 .registration-box .annotation {
  color: #03456e;
}

/* line 768, scss/compass/_template-style.scss */
.template-4 .registration-box .note {
  color: #d00;
}

/* line 769, scss/compass/_template-style.scss */
.template-4 .registration-box .unit-name {
  color: #1e76be;
}

/* line 770, scss/compass/_template-style.scss */
.template-4 .registration-box .user-name {
  color: #1e76be;
}

/* line 771, scss/compass/_template-style.scss */
.template-4 .registration-box .registration-content {
  background-color: #f5f5f5;
}

/* line 773, scss/compass/_template-style.scss */
.template-4 .registration-box ul li {
  border-bottom-color: #ddd;
}

/* line 777, scss/compass/_template-style.scss */
.template-4 .registration-box ul li div .registration-text input {
  border-color: #bbb;
}

/* line 779, scss/compass/_template-style.scss */
.template-4 .registration-box ul li div .registration-text input:focus {
  border-color: #ff9800;
}

/* line 781, scss/compass/_template-style.scss */
.template-4 .registration-box ul li div .registration-text p {
  color: #d00;
}

/* line 786, scss/compass/_template-style.scss */
.template-4 .registration-box ul li .member-data div h3 {
  color: #fff;
  background-color: #015488;
}

/* line 791, scss/compass/_template-style.scss */
.template-4 .registration-box ul li .member-data div p span {
  color: #ff2c1c;
}

/* line 799, scss/compass/_template-style.scss */
.template-4 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select {
  border-color: #bbb;
}

/* line 801, scss/compass/_template-style.scss */
.template-4 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select:focus {
  border-color: #ff9800;
}

/* line 810, scss/compass/_template-style.scss */
.template-4 .registration-box ul .registration-average .registration-width-short div div select {
  border-color: #bbb;
}

/* line 812, scss/compass/_template-style.scss */
.template-4 .registration-box ul .registration-average .registration-width-short div div select:focus {
  border-color: #ff9800;
}

/* line 820, scss/compass/_template-style.scss */
.template-4 .registration-box div .determine {
  color: #353535;
  text-shadow: none;
  background-color: #c3e8ee;
  border-color: #82cfdb;
}

/* line 826, scss/compass/_template-style.scss */
.template-4 .registration-box div .determine:hover {
  color: #353535;
  text-shadow: none;
  background-color: #def2f5;
  border-color: #a9dee6;
}

/* line 832, scss/compass/_template-style.scss */
.template-4 .registration-box div .determine:focus {
  color: #353535;
  text-shadow: none;
  background-color: #ffe2c5;
  border-color: #ff9733;
}

/* line 839, scss/compass/_template-style.scss */
.template-4 .registration-box div .cancel {
  color: #353535;
  text-shadow: none;
  background-color: #dae7ea;
  border-color: #cdd4d6;
}

/* line 845, scss/compass/_template-style.scss */
.template-4 .registration-box div .cancel:hover {
  color: #353535;
  text-shadow: none;
  background-color: #f0f5f6;
  border-color: #e0e4e5;
}

/* line 851, scss/compass/_template-style.scss */
.template-4 .registration-box div .cancel:focus {
  color: #353535;
  text-shadow: none;
  background-color: #fff;
  border-color: #ff9733;
}

/* line 863, scss/compass/_template-style.scss */
.template-4 .video-search ul li a {
  color: #353535;
  background-color: #a9dee6;
}

/* line 867, scss/compass/_template-style.scss */
.template-4 .video-search ul li a:hover {
  color: #353535;
  background-color: #75c9d7;
}

/* line 871, scss/compass/_template-style.scss */
.template-4 .video-search ul li a:focus {
  color: #353535;
  background-color: #FFE16D;
  outline: none;
}

/* line 883, scss/compass/_template-style.scss */
.template-4 .video-search .video-object div a span {
  color: #353535;
}

/* line 884, scss/compass/_template-style.scss */
.template-4 .video-search .video-object div a .video-date {
  background-color: #efefef;
}

/* line 890, scss/compass/_template-style.scss */
.template-4 .video-button a {
  color: #353535;
  background-color: #a9dee6;
}

/* line 894, scss/compass/_template-style.scss */
.template-4 .video-button a:hover {
  color: #353535;
  background-color: #75c9d7;
}

/* line 898, scss/compass/_template-style.scss */
.template-4 .video-button a:focus {
  color: #353535;
  background-color: #FFE16D;
  outline: none;
}

/* line 906, scss/compass/_template-style.scss */
.template-4 .tool-button.tool-by-h2 {
  position: absolute;
  right: 0;
  top: -42px;
}

/* line 911, scss/compass/_template-style.scss */
.template-4 .tool-button.tool-by-h2 a {
  border-color: #dcccb0;
  border-radius: 50%;
}

/* line 916, scss/compass/_template-style.scss */
.template-4 .tool-button .light-box {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 918, scss/compass/_template-style.scss */
.template-4 .tool-button .light-box .light-box-content {
  background-color: #fff;
}

/* line 920, scss/compass/_template-style.scss */
.template-4 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  background-color: #015488;
  top: 21px;
  right: 20px;
}

/* line 925, scss/compass/_template-style.scss */
.template-4 .tool-button .light-box .light-box-content .mail-eliminate:hover {
  background-color: #0173bb;
}

/* line 926, scss/compass/_template-style.scss */
.template-4 .tool-button .light-box .light-box-content .mail-eliminate:focus {
  color: #353535;
  background-color: #ffe2c5;
}

/* line 931, scss/compass/_template-style.scss */
.template-4 .tool-button .light-box .light-box-content p {
  color: #d00;
}

/* line 932, scss/compass/_template-style.scss */
.template-4 .tool-button .light-box .light-box-content .fill-data {
  border-bottom-color: #ddd;
}

/* line 935, scss/compass/_template-style.scss */
.template-4 .tool-button .light-box .light-box-content .fill-data .data label {
  color: #6e6e6e;
}

/* line 937, scss/compass/_template-style.scss */
.template-4 .tool-button .light-box .light-box-content .fill-data .data label .focus-red {
  color: #d00;
}

/* line 939, scss/compass/_template-style.scss */
.template-4 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]) {
  border-color: #bbb;
}

/* line 941, scss/compass/_template-style.scss */
.template-4 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #ff9800;
}

/* line 949, scss/compass/_template-style.scss */
.template-4 .bulletin-title-list .link-button {
  background-color: #015488;
}

/* line 951, scss/compass/_template-style.scss */
.template-4 .bulletin-title-list .link-button a {
  color: #fff;
}

/* line 954, scss/compass/_template-style.scss */
.template-4 .tab-title {
  background-color: #efefef;
}

/* line 958, scss/compass/_template-style.scss */
.template-4 .tab-title li a {
  color: #575757;
  background-color: #d9d9d9;
}

/* line 962, scss/compass/_template-style.scss */
.template-4 .tab-title li .tab-select {
  color: #353535;
  background-color: #7fd4e2;
}

/* line 968, scss/compass/_template-style.scss */
.template-4 .breadcrumb {
  padding: 0;
  margin-bottom: 58px !important;
  border-bottom: none;
  background: none;
  box-shadow: none;
}

/* line 975, scss/compass/_template-style.scss */
.template-4 .breadcrumb a {
  color: #353535;
}

/* line 976, scss/compass/_template-style.scss */
.template-4 .breadcrumb span {
  color: #353535;
  margin: 0 5px;
}

/* line 982, scss/compass/_template-style.scss */
.template-4 .article-page .info {
  margin-top: 10px;
}

@media only screen and (max-width: 769px) {

  /* line 985, scss/compass/_template-style.scss */
  .template-4 .article-page .info {
    margin-top: -5px;
  }
}

@media screen and (max-width: 990px) {

  /* line 992, scss/compass/_template-style.scss */
  .template-4 .tool-button .light-box .light-box-content .mail-eliminate {
    color: #066caa;
    background-color: #f4f4f4;
    border-color: #ddd;
  }
}

@media screen and (max-width: 800px) {

  /* line 1005, scss/compass/_template-style.scss */
  .template-4 .right-content .right-content-menu .title-paging,
  .template-4 .right-content .left-content-menu .title-paging,
  .template-4 .left-content .right-content-menu .title-paging,
  .template-4 .left-content .left-content-menu .title-paging {
    padding: 5px 35px 5px 10px;
  }

  /* line 1007, scss/compass/_template-style.scss */
  .template-4 .right-content .right-content-menu .title-paging::after,
  .template-4 .right-content .left-content-menu .title-paging::after,
  .template-4 .left-content .right-content-menu .title-paging::after,
  .template-4 .left-content .left-content-menu .title-paging::after {
    top: 17px;
    right: 10px;
    border-color: #03456e transparent transparent transparent;
  }

  /* line 1013, scss/compass/_template-style.scss */
  .template-4 .right-content .right-content-menu .span-page-title,
  .template-4 .right-content .left-content-menu .span-page-title,
  .template-4 .left-content .right-content-menu .span-page-title,
  .template-4 .left-content .left-content-menu .span-page-title {
    padding: 5px 35px 5px 10px;
  }

  /* line 1015, scss/compass/_template-style.scss */
  .template-4 .right-content .right-content-menu .span-page-title::after,
  .template-4 .right-content .left-content-menu .span-page-title::after,
  .template-4 .left-content .right-content-menu .span-page-title::after,
  .template-4 .left-content .left-content-menu .span-page-title::after {
    top: 17px;
    right: 10px;
    border-color: #03456e transparent transparent transparent;
  }

  /* line 1023, scss/compass/_template-style.scss */
  .template-4 .breadcrumb {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 769px) {

  /* line 1027, scss/compass/_template-style.scss */
  .template-4 .tool-button.tool-by-h2 {
    position: relative;
    top: auto;
    right: auto;
  }
}

@media screen and (max-width: 415px) {

  /* line 1036, scss/compass/_template-style.scss */
  .template-4 .tab-inner .bulletin-title-list {
    width: 100%;
  }

  /* line 1038, scss/compass/_template-style.scss */
  .template-4 .tab-inner .bulletin-title-list .wdn_responsive_table {
    box-shadow: -5px 0px 0 #03456e;
  }

  /* line 1041, scss/compass/_template-style.scss */
  .template-4 .tab-inner .bulletin-title-list .link-button {
    box-shadow: -5px 0px 0 #03456e;
  }
}

/* line 1049, scss/compass/_template-style.scss */
.template-5 .lightBox-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 1053, scss/compass/_template-style.scss */
.template-5 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 1056, scss/compass/_template-style.scss */
.template-5 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #353535;
}

/* line 1057, scss/compass/_template-style.scss */
.template-5 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #ffe9d4;
  border-color: #ff9733;
}

/* line 1061, scss/compass/_template-style.scss */
.template-5 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover {
  color: #353535;
  background-color: #ff9733;
  border-color: #ffc790;
}

/* line 1066, scss/compass/_template-style.scss */
.template-5 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  color: #353535;
  background-color: #ffe2c5;
  border-color: #e44f4f;
}

/* line 1072, scss/compass/_template-style.scss */
.template-5 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #efeec0;
  border-color: #b2b052;
}

/* line 1076, scss/compass/_template-style.scss */
.template-5 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover {
  background-color: #b2b052;
  border-color: #cfce92;
}

/* line 1080, scss/compass/_template-style.scss */
.template-5 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #fff;
  border-color: #e44f4f;
}

/* line 1090, scss/compass/_template-style.scss */
.template-5 .text-zebra .zebra-box {
  background-color: #efefef;
}

/* line 1092, scss/compass/_template-style.scss */
.template-5 .text-zebra .zebra-box .zebra-title {
  background-color: #066caa;
  color: #fff;
}

/* line 1098, scss/compass/_template-style.scss */
.template-5 .straight-memu {
  border-left-color: #f69537;
}

/* line 1102, scss/compass/_template-style.scss */
.template-5 .straight-memu li+li {
  border-top-color: #d8d8d8;
}

/* line 1104, scss/compass/_template-style.scss */
.template-5 .straight-memu li a {
  color: #353535;
  background-color: #f5f5f5;
}

/* line 1108, scss/compass/_template-style.scss */
.template-5 .straight-memu li a:hover {
  color: #353535;
  background-color: #efeec0;
}

/* line 1114, scss/compass/_template-style.scss */
.template-5 .straight-memu li .focus-button {
  color: #353535;
  background-color: #ffb56d;
}

/* line 1119, scss/compass/_template-style.scss */
.template-5 .straight-memu li .focus-button:hover {
  color: #353535;
  background-color: #ffb56d;
}

/* line 1128, scss/compass/_template-style.scss */
.template-5 .registration-box .focus-red {
  color: #d00;
}

/* line 1131, scss/compass/_template-style.scss */
.template-5 .registration-box .annotation {
  color: #03456e;
}

/* line 1134, scss/compass/_template-style.scss */
.template-5 .registration-box .note {
  color: #d00;
}

/* line 1137, scss/compass/_template-style.scss */
.template-5 .registration-box .unit-name {
  color: #1e76be;
}

/* line 1140, scss/compass/_template-style.scss */
.template-5 .registration-box .user-name {
  color: #1e76be;
}

/* line 1143, scss/compass/_template-style.scss */
.template-5 .registration-box .registration-content {
  background-color: #f5f5f5;
}

/* line 1147, scss/compass/_template-style.scss */
.template-5 .registration-box ul li {
  border-bottom-color: #ddd;
}

/* line 1151, scss/compass/_template-style.scss */
.template-5 .registration-box ul li div .registration-text input {
  border-color: #1e76be;
}

/* line 1154, scss/compass/_template-style.scss */
.template-5 .registration-box ul li div .registration-text input:focus {
  border-color: #ff9800;
}

/* line 1158, scss/compass/_template-style.scss */
.template-5 .registration-box ul li div .registration-text p {
  color: #d00;
}

/* line 1163, scss/compass/_template-style.scss */
.template-5 .registration-box ul li .member-data div h3 {
  background-color: #03456e;
  color: #fff;
}

/* line 1168, scss/compass/_template-style.scss */
.template-5 .registration-box ul li .member-data div p span {
  color: #ff2c1c;
}

/* line 1178, scss/compass/_template-style.scss */
.template-5 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select {
  border: 2px solid #1e76be;
}

/* line 1181, scss/compass/_template-style.scss */
.template-5 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select:focus {
  border-color: #ff9800;
}

/* line 1192, scss/compass/_template-style.scss */
.template-5 .registration-box ul .registration-average .registration-width-short div div select {
  border-color: #1e76be;
}

/* line 1195, scss/compass/_template-style.scss */
.template-5 .registration-box ul .registration-average .registration-width-short div div select:focus {
  border-color: #ff9800;
}

/* line 1205, scss/compass/_template-style.scss */
.template-5 .registration-box div .determine {
  background-color: #066caa;
  color: #fff;
  border-color: #025282;
  text-shadow: 2px 2px 3px #03456e;
}

/* line 1211, scss/compass/_template-style.scss */
.template-5 .registration-box div .determine:hover {
  background-color: #025385;
  color: #fff;
  border-color: #003c61;
  text-shadow: 2px 2px 3px #03456e;
}

/* line 1218, scss/compass/_template-style.scss */
.template-5 .registration-box div .cancel {
  background-color: #d33a2f;
  color: #fff;
  border-color: #e75e54;
  text-shadow: 2px 2px 3px #8a2922;
}

/* line 1224, scss/compass/_template-style.scss */
.template-5 .registration-box div .cancel:hover {
  background-color: #ff5549;
  color: #FFF;
  border-color: #df4d43;
}

/* line 1234, scss/compass/_template-style.scss */
.template-5 .video-search ul li a {
  color: #353535;
  background-color: #dddca1;
}

/* line 1237, scss/compass/_template-style.scss */
.template-5 .video-search ul li a:hover {
  background-color: #efeec0;
}

/* line 1238, scss/compass/_template-style.scss */
.template-5 .video-search ul li a:focus {
  background-color: #ffcc83;
}

/* line 1246, scss/compass/_template-style.scss */
.template-5 .video-search .video-object div a span {
  color: #03456e;
}

/* line 1247, scss/compass/_template-style.scss */
.template-5 .video-search .video-object div a .video-date {
  background-color: #efefef;
}

/* line 1253, scss/compass/_template-style.scss */
.template-5 .video-button a {
  color: #353535;
  background-color: #dddca1;
}

/* line 1256, scss/compass/_template-style.scss */
.template-5 .video-button a:hover {
  background-color: #efeec0;
}

/* line 1257, scss/compass/_template-style.scss */
.template-5 .video-button a:focus {
  background-color: #ffcc83;
}

/* line 1261, scss/compass/_template-style.scss */
.template-5 .tool-button.tool-by-h2 {
  position: absolute;
  right: 0;
  top: -42px;
}

/* line 1266, scss/compass/_template-style.scss */
.template-5 .tool-button .light-box {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 1268, scss/compass/_template-style.scss */
.template-5 .tool-button .light-box .light-box-content {
  background-color: #fff;
}

/* line 1270, scss/compass/_template-style.scss */
.template-5 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  background-color: #066caa;
  top: 18px;
  right: 20px;
}

/* line 1275, scss/compass/_template-style.scss */
.template-5 .tool-button .light-box .light-box-content .mail-eliminate:hover {
  background-color: #0776ba;
}

/* line 1276, scss/compass/_template-style.scss */
.template-5 .tool-button .light-box .light-box-content .mail-eliminate:focus {
  background-color: #d10000;
}

/* line 1278, scss/compass/_template-style.scss */
.template-5 .tool-button .light-box .light-box-content p {
  color: #d00;
}

/* line 1279, scss/compass/_template-style.scss */
.template-5 .tool-button .light-box .light-box-content .fill-data {
  border-bottom-color: #ddd;
}

/* line 1282, scss/compass/_template-style.scss */
.template-5 .tool-button .light-box .light-box-content .fill-data .data label {
  color: #6e6e6e;
}

/* line 1284, scss/compass/_template-style.scss */
.template-5 .tool-button .light-box .light-box-content .fill-data .data label .focus-red {
  color: #d00;
}

/* line 1288, scss/compass/_template-style.scss */
.template-5 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]) {
  border-color: #03456e;
}

/* line 1291, scss/compass/_template-style.scss */
.template-5 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #ff9800;
}

/* line 1299, scss/compass/_template-style.scss */
.template-5 .bulletin-title-list .link-button {
  background-color: #03456e;
}

/* line 1301, scss/compass/_template-style.scss */
.template-5 .bulletin-title-list .link-button a {
  color: #efefef;
}

/* line 1306, scss/compass/_template-style.scss */
.template-5 .tab-title {
  background-color: #efefef;
}

/* line 1309, scss/compass/_template-style.scss */
.template-5 .tab-title li a {
  background-color: #d9d9d9;
  color: #575757;
}

/* line 1313, scss/compass/_template-style.scss */
.template-5 .tab-title li .tab-select {
  background-color: #066caa;
  color: #fff;
}

/* line 1319, scss/compass/_template-style.scss */
.template-5 .breadcrumb {
  background-color: #f8f8f8;
  margin-bottom: 58px !important;
}

@media screen and (max-width: 990px) {

  /* line 1327, scss/compass/_template-style.scss */
  .template-5 .tool-button .light-box .light-box-content .mail-eliminate {
    color: #066caa;
    background-color: #f4f4f4;
    border-color: #ddd;
  }
}

@media screen and (max-width: 800px) {

  /* line 1340, scss/compass/_template-style.scss */
  .template-5 .right-content .right-content-menu .title-paging,
  .template-5 .right-content .left-content-menu .title-paging,
  .template-5 .left-content .right-content-menu .title-paging,
  .template-5 .left-content .left-content-menu .title-paging {
    padding: 5px 35px 5px 10px;
  }

  /* line 1342, scss/compass/_template-style.scss */
  .template-5 .right-content .right-content-menu .title-paging::after,
  .template-5 .right-content .left-content-menu .title-paging::after,
  .template-5 .left-content .right-content-menu .title-paging::after,
  .template-5 .left-content .left-content-menu .title-paging::after {
    top: 17px;
    right: 10px;
    border-color: #f69537 transparent transparent transparent;
  }

  /* line 1348, scss/compass/_template-style.scss */
  .template-5 .right-content .right-content-menu .span-page-title,
  .template-5 .right-content .left-content-menu .span-page-title,
  .template-5 .left-content .right-content-menu .span-page-title,
  .template-5 .left-content .left-content-menu .span-page-title {
    padding: 5px 35px 5px 10px;
  }

  /* line 1350, scss/compass/_template-style.scss */
  .template-5 .right-content .right-content-menu .span-page-title::after,
  .template-5 .right-content .left-content-menu .span-page-title::after,
  .template-5 .left-content .right-content-menu .span-page-title::after,
  .template-5 .left-content .left-content-menu .span-page-title::after {
    top: 17px;
    right: 10px;
    border-color: #f69537 transparent transparent transparent;
  }
}

@media screen and (max-width: 769px) {

  /* line 1361, scss/compass/_template-style.scss */
  .template-5 .tool-button.tool-by-h2 {
    position: relative;
    top: auto;
    right: auto;
  }
}

@media screen and (max-width: 415px) {

  /* line 1370, scss/compass/_template-style.scss */
  .template-5 .tab-inner .bulletin-title-list {
    width: 100%;
  }

  /* line 1372, scss/compass/_template-style.scss */
  .template-5 .tab-inner .bulletin-title-list .wdn_responsive_table {
    box-shadow: -5px 0px 0 #03456e;
  }

  /* line 1375, scss/compass/_template-style.scss */
  .template-5 .tab-inner .bulletin-title-list .link-button {
    box-shadow: -5px 0px 0 #03456e;
  }
}

/* line 1383, scss/compass/_template-style.scss */
.template-6 .lightBox-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 1387, scss/compass/_template-style.scss */
.template-6 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 1390, scss/compass/_template-style.scss */
.template-6 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #353535;
}

/* line 1391, scss/compass/_template-style.scss */
.template-6 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #ecf7fd;
  border-color: #94c4e4;
}

/* line 1394, scss/compass/_template-style.scss */
.template-6 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover {
  background-color: #cde9fa;
  border-color: #81a9c3;
}

/* line 1398, scss/compass/_template-style.scss */
.template-6 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  background-color: #FFE16D;
  border-color: #e44f4f;
}

/* line 1403, scss/compass/_template-style.scss */
.template-6 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #f5f5f5;
  border-color: #b1c5ce;
}

/* line 1407, scss/compass/_template-style.scss */
.template-6 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover {
  background-color: #ececec;
  border-color: #83949b;
}

/* line 1411, scss/compass/_template-style.scss */
.template-6 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #FFE16D;
  border-color: #e44f4f;
}

/* line 1421, scss/compass/_template-style.scss */
.template-6 .text-zebra .zebra-box {
  background-color: #efefef;
}

/* line 1423, scss/compass/_template-style.scss */
.template-6 .text-zebra .zebra-box .zebra-title {
  background-color: #0072bb;
  color: #fff;
}

/* line 1429, scss/compass/_template-style.scss */
.template-6 .straight-memu {
  border-left-color: #0072bb;
}

/* line 1433, scss/compass/_template-style.scss */
.template-6 .straight-memu li+li {
  border-top-color: #cad9e1;
}

/* line 1435, scss/compass/_template-style.scss */
.template-6 .straight-memu li a {
  color: #353535;
  background-color: #f5f5f5;
}

/* line 1439, scss/compass/_template-style.scss */
.template-6 .straight-memu li a:hover {
  color: #353535;
  background-color: #d8ebf2;
}

/* line 1445, scss/compass/_template-style.scss */
.template-6 .straight-memu li .focus-button {
  color: #353535;
  background-color: #f6bba8;
}

/* line 1449, scss/compass/_template-style.scss */
.template-6 .straight-memu li .focus-button:hover {
  color: #353535;
  background-color: #f6bba8;
}

/* line 1458, scss/compass/_template-style.scss */
.template-6 .registration-box .focus-red {
  color: #d00;
}

/* line 1461, scss/compass/_template-style.scss */
.template-6 .registration-box .annotation {
  color: #03456e;
}

/* line 1464, scss/compass/_template-style.scss */
.template-6 .registration-box .note {
  color: #d00;
}

/* line 1467, scss/compass/_template-style.scss */
.template-6 .registration-box .unit-name {
  color: #1e76be;
}

/* line 1470, scss/compass/_template-style.scss */
.template-6 .registration-box .user-name {
  color: #1e76be;
}

/* line 1473, scss/compass/_template-style.scss */
.template-6 .registration-box .registration-content {
  background-color: #f5f5f5;
}

/* line 1477, scss/compass/_template-style.scss */
.template-6 .registration-box ul li {
  border-bottom-color: #ddd;
}

/* line 1481, scss/compass/_template-style.scss */
.template-6 .registration-box ul li div .registration-text input {
  border-color: #1e76be;
}

/* line 1484, scss/compass/_template-style.scss */
.template-6 .registration-box ul li div .registration-text input:focus {
  border-color: #ff9800;
}

/* line 1488, scss/compass/_template-style.scss */
.template-6 .registration-box ul li div .registration-text p {
  color: #d00;
}

/* line 1496, scss/compass/_template-style.scss */
.template-6 .registration-box ul li .member-data div h3 {
  background-color: #03456e;
  color: #fff;
}

/* line 1501, scss/compass/_template-style.scss */
.template-6 .registration-box ul li .member-data div p span {
  color: #ff2c1c;
}

/* line 1511, scss/compass/_template-style.scss */
.template-6 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select {
  border: 2px solid #1e76be;
}

/* line 1514, scss/compass/_template-style.scss */
.template-6 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select:focus {
  border-color: #ff9800;
}

/* line 1525, scss/compass/_template-style.scss */
.template-6 .registration-box ul .registration-average .registration-width-short div div select {
  border-color: #1e76be;
}

/* line 1528, scss/compass/_template-style.scss */
.template-6 .registration-box ul .registration-average .registration-width-short div div select:focus {
  border-color: #ff9800;
}

/* line 1538, scss/compass/_template-style.scss */
.template-6 .registration-box div .determine {
  background-color: #066caa;
  color: #fff;
  border-color: #025282;
  text-shadow: 2px 2px 3px #03456e;
}

/* line 1544, scss/compass/_template-style.scss */
.template-6 .registration-box div .determine:hover {
  background-color: #025385;
  color: #fff;
  border-color: #003c61;
  text-shadow: 2px 2px 3px #03456e;
}

/* line 1551, scss/compass/_template-style.scss */
.template-6 .registration-box div .cancel {
  background-color: #d33a2f;
  color: #fff;
  border-color: #e75e54;
  text-shadow: 2px 2px 3px #8a2922;
}

/* line 1557, scss/compass/_template-style.scss */
.template-6 .registration-box div .cancel:hover {
  background-color: #ff5549;
  color: #FFF;
  border-color: #df4d43;
}

/* line 1567, scss/compass/_template-style.scss */
.template-6 .video-search ul li a {
  color: #000000;
  border: 1px solid #fff;
  background-color: #cde9fa;
}

/* line 1571, scss/compass/_template-style.scss */
.template-6 .video-search ul li a:hover {
  background-color: #aedbf7;
}

/* line 1572, scss/compass/_template-style.scss */
.template-6 .video-search ul li a:focus {
  color: #fff;
  background-color: #e00;
}

/* line 1583, scss/compass/_template-style.scss */
.template-6 .video-search .video-object div a span {
  color: #353535;
}

/* line 1584, scss/compass/_template-style.scss */
.template-6 .video-search .video-object div a .video-date {
  background-color: #efefef;
}

/* line 1590, scss/compass/_template-style.scss */
.template-6 .video-button a {
  color: #000000;
  background-color: #cde9fa;
}

/* line 1593, scss/compass/_template-style.scss */
.template-6 .video-button a:hover {
  background-color: #aedbf7;
}

/* line 1594, scss/compass/_template-style.scss */
.template-6 .video-button a:focus {
  color: #fff;
  background-color: #e00;
}

/* line 1601, scss/compass/_template-style.scss */
.template-6 .tool-button.tool-by-h2 {
  position: absolute;
  right: 0;
  top: -42px;
}

/* line 1606, scss/compass/_template-style.scss */
.template-6 .tool-button.tool-by-h2 a {
  border-color: #d4d4d4;
  border-radius: 50%;
}

/* line 1609, scss/compass/_template-style.scss */
.template-6 .tool-button.tool-by-h2 a:hover {
  background-color: #f7fbff;
}

/* line 1612, scss/compass/_template-style.scss */
.template-6 .tool-button .light-box {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 1614, scss/compass/_template-style.scss */
.template-6 .tool-button .light-box .light-box-content {
  background-color: #fff;
}

/* line 1616, scss/compass/_template-style.scss */
.template-6 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  background-color: #aa77ac;
  top: 18px;
  right: 20px;
}

/* line 1622, scss/compass/_template-style.scss */
.template-6 .tool-button .light-box .light-box-content p {
  color: #d00;
}

/* line 1623, scss/compass/_template-style.scss */
.template-6 .tool-button .light-box .light-box-content .fill-data {
  border-bottom-color: #ddd;
}

/* line 1626, scss/compass/_template-style.scss */
.template-6 .tool-button .light-box .light-box-content .fill-data .data label {
  color: #6e6e6e;
}

/* line 1628, scss/compass/_template-style.scss */
.template-6 .tool-button .light-box .light-box-content .fill-data .data label .focus-red {
  color: #d00;
}

/* line 1630, scss/compass/_template-style.scss */
.template-6 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]) {
  border-color: #956a7f;
}

/* line 1632, scss/compass/_template-style.scss */
.template-6 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #ff9800;
}

/* line 1640, scss/compass/_template-style.scss */
.template-6 .bulletin-title-list .link-button {
  background-color: #0063a2;
}

/* line 1642, scss/compass/_template-style.scss */
.template-6 .bulletin-title-list .link-button a {
  color: #efefef;
}

/* line 1645, scss/compass/_template-style.scss */
.template-6 .tab-title {
  background-color: #efefef;
}

/* line 1649, scss/compass/_template-style.scss */
.template-6 .tab-title li a {
  background-color: #d9d9d9;
  color: #575757;
}

/* line 1653, scss/compass/_template-style.scss */
.template-6 .tab-title li .tab-select {
  background-color: #0063a2;
  color: #fff;
}

/* line 1659, scss/compass/_template-style.scss */
.template-6 .breadcrumb {
  padding: 0;
  margin-bottom: 58px !important;
  border-bottom: none;
  background: none;
  box-shadow: none;
}

/* line 1666, scss/compass/_template-style.scss */
.template-6 .breadcrumb a {
  color: #353535;
}

/* line 1667, scss/compass/_template-style.scss */
.template-6 .breadcrumb span {
  color: #353535;
  margin: 0 5px;
}

/* line 1673, scss/compass/_template-style.scss */
.template-6 .article-page .info {
  margin-top: 10px;
}

@media only screen and (max-width: 769px) {

  /* line 1676, scss/compass/_template-style.scss */
  .template-6 .article-page .info {
    margin-top: -5px;
  }
}

@media screen and (max-width: 990px) {

  /* line 1683, scss/compass/_template-style.scss */
  .template-6 .tool-button .light-box .light-box-content .mail-eliminate {
    color: #066caa;
    background-color: #f4f4f4;
    border-color: #ddd;
  }
}

@media screen and (max-width: 800px) {

  /* line 1696, scss/compass/_template-style.scss */
  .template-6 .right-content .right-content-menu .title-paging,
  .template-6 .right-content .left-content-menu .title-paging,
  .template-6 .left-content .right-content-menu .title-paging,
  .template-6 .left-content .left-content-menu .title-paging {
    padding: 5px 35px 5px 10px;
  }

  /* line 1698, scss/compass/_template-style.scss */
  .template-6 .right-content .right-content-menu .title-paging::after,
  .template-6 .right-content .left-content-menu .title-paging::after,
  .template-6 .left-content .right-content-menu .title-paging::after,
  .template-6 .left-content .left-content-menu .title-paging::after {
    top: 17px;
    right: 10px;
    border-color: #03456e transparent transparent transparent;
  }

  /* line 1704, scss/compass/_template-style.scss */
  .template-6 .right-content .right-content-menu .span-page-title,
  .template-6 .right-content .left-content-menu .span-page-title,
  .template-6 .left-content .right-content-menu .span-page-title,
  .template-6 .left-content .left-content-menu .span-page-title {
    padding: 5px 35px 5px 10px;
  }

  /* line 1706, scss/compass/_template-style.scss */
  .template-6 .right-content .right-content-menu .span-page-title::after,
  .template-6 .right-content .left-content-menu .span-page-title::after,
  .template-6 .left-content .right-content-menu .span-page-title::after,
  .template-6 .left-content .left-content-menu .span-page-title::after {
    top: 17px;
    right: 10px;
    border-color: #03456e transparent transparent transparent;
  }

  /* line 1714, scss/compass/_template-style.scss */
  .template-6 .breadcrumb {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 769px) {

  /* line 1718, scss/compass/_template-style.scss */
  .template-6 .tool-button.tool-by-h2 {
    position: relative;
    top: auto;
    right: auto;
  }
}

@media screen and (max-width: 415px) {

  /* line 1727, scss/compass/_template-style.scss */
  .template-6 .tab-inner .bulletin-title-list {
    width: 100%;
  }

  /* line 1729, scss/compass/_template-style.scss */
  .template-6 .tab-inner .bulletin-title-list .wdn_responsive_table {
    box-shadow: -5px 0px 0 #03456e;
  }

  /* line 1732, scss/compass/_template-style.scss */
  .template-6 .tab-inner .bulletin-title-list .link-button {
    box-shadow: -5px 0px 0 #03456e;
  }
}

/* line 1740, scss/compass/_template-style.scss */
.template-7 .left-content .left-content-text,
.template-7 .right-content .right-content-text {
  border: 1px solid #b6b6b6;
  border-radius: 5px;
  padding: 15px;
}

/* line 1746, scss/compass/_template-style.scss */
.template-7 .left-content .left-content-menu,
.template-7 .right-content .right-content-menu {
  padding: 15px 0 0;
  background: #4A824A;
  border-radius: 5px;
}

/* line 1751, scss/compass/_template-style.scss */
.template-7 .left-content .left-content-menu .title-paging,
.template-7 .right-content .right-content-menu .title-paging {
  color: #fff;
}

/* line 1752, scss/compass/_template-style.scss */
.template-7 .left-content .left-content-menu .span-page-title,
.template-7 .right-content .right-content-menu .span-page-title {
  color: #fff;
}

/* line 1754, scss/compass/_template-style.scss */
.template-7 .lightBox-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 1758, scss/compass/_template-style.scss */
.template-7 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 1761, scss/compass/_template-style.scss */
.template-7 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #353535;
}

/* line 1762, scss/compass/_template-style.scss */
.template-7 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #ffe9d4;
  border-color: #ff9733;
}

/* line 1766, scss/compass/_template-style.scss */
.template-7 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover {
  color: #353535;
  background-color: #ff9733;
  border-color: #ffc790;
}

/* line 1771, scss/compass/_template-style.scss */
.template-7 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  color: #353535;
  background-color: #ffe2c5;
  border-color: #e44f4f;
}

/* line 1777, scss/compass/_template-style.scss */
.template-7 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #efeec0;
  border-color: #b2b052;
}

/* line 1781, scss/compass/_template-style.scss */
.template-7 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover {
  background-color: #b2b052;
  border-color: #cfce92;
}

/* line 1785, scss/compass/_template-style.scss */
.template-7 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #fff;
  border-color: #e44f4f;
}

/* line 1795, scss/compass/_template-style.scss */
.template-7 .text-zebra .zebra-box {
  background-color: #efefef;
}

/* line 1797, scss/compass/_template-style.scss */
.template-7 .text-zebra .zebra-box .zebra-title {
  color: #fff;
  background-color: #508150;
}

/* line 1803, scss/compass/_template-style.scss */
.template-7 .straight-memu {
  padding: 0;
  border: 1px solid #b6b6b6;
  border-radius: 0 0 10px 0;
  box-shadow: 0px 3px 0px 0px #b6b6b6;
}

/* line 1810, scss/compass/_template-style.scss */
.template-7 .straight-memu li+li {
  border-top-color: #b6b6b6;
}

/* line 1812, scss/compass/_template-style.scss */
.template-7 .straight-memu li:last-child a {
  border-radius: 0 0 10px 0;
}

/* line 1814, scss/compass/_template-style.scss */
.template-7 .straight-memu li a {
  color: #000;
  text-align: left;
  background-color: #fff;
}

/* line 1819, scss/compass/_template-style.scss */
.template-7 .straight-memu li a:hover {
  color: #000;
  background-color: #f0f0f0;
}

/* line 1823, scss/compass/_template-style.scss */
.template-7 .straight-memu li a:focus {
  border: none;
  outline-width: 3px;
  outline-offset: 3px;
  outline-style: dashed;
  outline-color: #b57db5;
}

/* line 1832, scss/compass/_template-style.scss */
.template-7 .straight-memu li .focus-button {
  color: #386238;
  background-color: #dbe6db;
}

/* line 1836, scss/compass/_template-style.scss */
.template-7 .straight-memu li .focus-button:hover {
  color: #386238;
  background-color: #dbe6db;
}

/* line 1844, scss/compass/_template-style.scss */
.template-7 .registration-box .focus-red {
  color: #d00;
}

/* line 1847, scss/compass/_template-style.scss */
.template-7 .registration-box .annotation {
  color: #03456e;
}

/* line 1850, scss/compass/_template-style.scss */
.template-7 .registration-box .note {
  color: #d00;
}

/* line 1853, scss/compass/_template-style.scss */
.template-7 .registration-box .unit-name {
  color: #1e76be;
}

/* line 1856, scss/compass/_template-style.scss */
.template-7 .registration-box .user-name {
  color: #1e76be;
}

/* line 1859, scss/compass/_template-style.scss */
.template-7 .registration-box .registration-content {
  background-color: #f5f5f5;
}

/* line 1863, scss/compass/_template-style.scss */
.template-7 .registration-box ul li {
  border-bottom-color: #ddd;
}

/* line 1867, scss/compass/_template-style.scss */
.template-7 .registration-box ul li div .registration-text input {
  border-color: #1e76be;
}

/* line 1869, scss/compass/_template-style.scss */
.template-7 .registration-box ul li div .registration-text input:focus {
  border-color: #ff9800;
}

/* line 1871, scss/compass/_template-style.scss */
.template-7 .registration-box ul li div .registration-text p {
  color: #d00;
}

/* line 1876, scss/compass/_template-style.scss */
.template-7 .registration-box ul li .member-data div h3 {
  color: #fff;
  background-color: #03456e;
}

/* line 1881, scss/compass/_template-style.scss */
.template-7 .registration-box ul li .member-data div p span {
  color: #ff2c1c;
}

/* line 1889, scss/compass/_template-style.scss */
.template-7 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select {
  border: 2px solid #1e76be;
}

/* line 1891, scss/compass/_template-style.scss */
.template-7 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select:focus {
  border-color: #ff9800;
}

/* line 1900, scss/compass/_template-style.scss */
.template-7 .registration-box ul .registration-average .registration-width-short div div select {
  border-color: #1e76be;
}

/* line 1903, scss/compass/_template-style.scss */
.template-7 .registration-box ul .registration-average .registration-width-short div div select:focus {
  border-color: #ff9800;
}

/* line 1913, scss/compass/_template-style.scss */
.template-7 .registration-box div .determine {
  background-color: #066caa;
  color: #fff;
  border-color: #025282;
  text-shadow: 2px 2px 3px #03456e;
}

/* line 1919, scss/compass/_template-style.scss */
.template-7 .registration-box div .determine:hover {
  background-color: #025385;
  color: #fff;
  border-color: #003c61;
  text-shadow: 2px 2px 3px #03456e;
}

/* line 1926, scss/compass/_template-style.scss */
.template-7 .registration-box div .cancel {
  background-color: #d33a2f;
  color: #fff;
  border-color: #e75e54;
  text-shadow: 2px 2px 3px #8a2922;
}

/* line 1932, scss/compass/_template-style.scss */
.template-7 .registration-box div .cancel:hover {
  background-color: #ff5549;
  color: #FFF;
  border-color: #df4d43;
}

/* line 1942, scss/compass/_template-style.scss */
.template-7 .video-search ul li a {
  color: #fff;
  background-color: #666;
}

/* line 1945, scss/compass/_template-style.scss */
.template-7 .video-search ul li a:hover {
  background-color: #ff9d02;
}

/* line 1946, scss/compass/_template-style.scss */
.template-7 .video-search ul li a:focus {
  outline-width: 2px;
  outline-offset: 1px;
  outline-style: dashed;
  outline-color: #b57db5;
  background-color: #deecde;
}

/* line 1960, scss/compass/_template-style.scss */
.template-7 .video-search .video-object div a span {
  color: #474;
}

/* line 1961, scss/compass/_template-style.scss */
.template-7 .video-search .video-object div a .video-date {
  background-color: #efefef;
}

/* line 1967, scss/compass/_template-style.scss */
.template-7 .video-button a {
  color: #fff;
  background-color: #666;
}

/* line 1970, scss/compass/_template-style.scss */
.template-7 .video-button a:hover {
  background-color: #ff9d02;
}

/* line 1971, scss/compass/_template-style.scss */
.template-7 .video-button a:focus {
  outline-width: 2px;
  outline-offset: 1px;
  outline-style: dashed;
  outline-color: #b57db5;
  background-color: #deecde;
}

/* line 1981, scss/compass/_template-style.scss */
.template-7 .tool-button.tool-by-h2 {
  position: absolute;
  right: 0;
  top: -55px;
}

/* line 1986, scss/compass/_template-style.scss */
.template-7 .tool-button .light-box {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 1988, scss/compass/_template-style.scss */
.template-7 .tool-button .light-box .light-box-content {
  background-color: #fff;
}

/* line 1990, scss/compass/_template-style.scss */
.template-7 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  background-color: #066caa;
}

/* line 1993, scss/compass/_template-style.scss */
.template-7 .tool-button .light-box .light-box-content .mail-eliminate:hover {
  background-color: #0776ba;
}

/* line 1994, scss/compass/_template-style.scss */
.template-7 .tool-button .light-box .light-box-content .mail-eliminate:focus {
  background-color: #d10000;
}

/* line 1996, scss/compass/_template-style.scss */
.template-7 .tool-button .light-box .light-box-content p {
  color: #d00;
}

/* line 1997, scss/compass/_template-style.scss */
.template-7 .tool-button .light-box .light-box-content .fill-data {
  border-bottom-color: #ddd;
}

/* line 2000, scss/compass/_template-style.scss */
.template-7 .tool-button .light-box .light-box-content .fill-data .data label {
  color: #6e6e6e;
}

/* line 2002, scss/compass/_template-style.scss */
.template-7 .tool-button .light-box .light-box-content .fill-data .data label .focus-red {
  color: #d00;
}

/* line 2006, scss/compass/_template-style.scss */
.template-7 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]) {
  border-color: #03456e;
}

/* line 2009, scss/compass/_template-style.scss */
.template-7 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #ff9800;
}

/* line 2017, scss/compass/_template-style.scss */
.template-7 .bulletin-title-list .link-button {
  padding: 8px 5px;
  background-color: #6baa6b;
}

/* line 2020, scss/compass/_template-style.scss */
.template-7 .bulletin-title-list .link-button a {
  color: #626262;
  padding: 2px 14px;
  background-color: #fff;
  border-radius: 50px;
  text-decoration: none;
  border: 2px solid #fff;
}

/* line 2027, scss/compass/_template-style.scss */
.template-7 .bulletin-title-list .link-button a:hover {
  color: #4f4f4f;
  background-color: #eaffea;
}

/* line 2031, scss/compass/_template-style.scss */
.template-7 .bulletin-title-list .link-button a:focus {
  border-color: #ff9733;
  background-color: #fff7de;
}

/* line 2038, scss/compass/_template-style.scss */
.template-7 .tab-title {
  background-color: #efefef;
}

/* line 2041, scss/compass/_template-style.scss */
.template-7 .tab-title li a {
  background-color: #d9d9d9;
  color: #575757;
}

/* line 2045, scss/compass/_template-style.scss */
.template-7 .tab-title li .tab-select {
  color: #fff;
  background-color: #508150;
}

/* line 2051, scss/compass/_template-style.scss */
.template-7 .breadcrumb {
  background-color: #f8f8f8;
  margin-bottom: 58px !important;
}

/* line 2056, scss/compass/_template-style.scss */
.template-7 .article-page article a {
  text-decoration: underline;
}

@media screen and (max-width: 990px) {

  /* line 2062, scss/compass/_template-style.scss */
  .template-7 .tool-button .light-box .light-box-content .mail-eliminate {
    color: #066caa;
    background-color: #f4f4f4;
    border-color: #ddd;
  }
}

@media screen and (max-width: 800px) {

  /* line 2072, scss/compass/_template-style.scss */
  .template-7 .left-content .left-content-menu,
  .template-7 .right-content .right-content-menu {
    background: none !important;
  }

  /* line 2075, scss/compass/_template-style.scss */
  .template-7 .left-content .left-content-menu .title-paging,
  .template-7 .right-content .right-content-menu .title-paging {
    font-size: 1.2rem;
    font-weight: normal;
    padding: 5px 35px 5px 10px;
    background-color: #4a824a;
  }

  /* line 2080, scss/compass/_template-style.scss */
  .template-7 .left-content .left-content-menu .title-paging::before,
  .template-7 .right-content .right-content-menu .title-paging::before {
    display: none;
  }

  /* line 2083, scss/compass/_template-style.scss */
  .template-7 .left-content .left-content-menu .title-paging::after,
  .template-7 .right-content .right-content-menu .title-paging::after {
    top: 16px;
    right: 10px;
    border-color: #fff transparent transparent transparent;
  }

  /* line 2089, scss/compass/_template-style.scss */
  .template-7 .left-content .left-content-menu .span-page-title,
  .template-7 .right-content .right-content-menu .span-page-title {
    font-size: 1.2rem;
    font-weight: normal;
    padding: 5px 35px 5px 10px;
    background-color: #4a824a;
  }

  /* line 2094, scss/compass/_template-style.scss */
  .template-7 .left-content .left-content-menu .span-page-title::before,
  .template-7 .right-content .right-content-menu .span-page-title::before {
    display: none;
  }

  /* line 2097, scss/compass/_template-style.scss */
  .template-7 .left-content .left-content-menu .span-page-title::after,
  .template-7 .right-content .right-content-menu .span-page-title::after {
    top: 16px;
    right: 10px;
    border-color: #fff transparent transparent transparent;
  }

  /* line 2104, scss/compass/_template-style.scss */
  .template-7 .left-content .left-content-text,
  .template-7 .right-content .right-content-text {
    border: none;
  }

  /* line 2108, scss/compass/_template-style.scss */
  .template-7 .breadcrumb {
    border-radius: 5px;
    margin-bottom: 25px !important;
  }
}

@media screen and (max-width: 768px) {

  /* line 2115, scss/compass/_template-style.scss */
  .template-7 .tool-button.tool-by-h2 {
    position: relative;
    top: auto;
    right: auto;
  }
}

@media screen and (max-width: 415px) {

  /* line 2124, scss/compass/_template-style.scss */
  .template-7 .tab-inner .bulletin-title-list {
    width: 100%;
  }

  /* line 2126, scss/compass/_template-style.scss */
  .template-7 .tab-inner .bulletin-title-list .wdn_responsive_table {
    box-shadow: -5px 0px 0 #03456e;
  }

  /* line 2129, scss/compass/_template-style.scss */
  .template-7 .tab-inner .bulletin-title-list .link-button {
    box-shadow: -5px 0px 0 #03456e;
  }
}

/* line 2141, scss/compass/_template-style.scss */
.template-12 .lightBox-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 2145, scss/compass/_template-style.scss */
.template-12 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 2148, scss/compass/_template-style.scss */
.template-12 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #353535;
}

/* line 2149, scss/compass/_template-style.scss */
.template-12 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #f8e2e4;
  border-color: #ecaab2;
}

/* line 2152, scss/compass/_template-style.scss */
.template-12 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover {
  background-color: #fbf0f1;
  border-color: #e99da5;
}

/* line 2156, scss/compass/_template-style.scss */
.template-12 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  background-color: #FFE16D;
  border-color: #e44f4f;
}

/* line 2161, scss/compass/_template-style.scss */
.template-12 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #cbe4ee;
  border-color: #b1c5ce;
}

/* line 2165, scss/compass/_template-style.scss */
.template-12 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover {
  background-color: #d8ebf2;
  border-color: #a7bdc7;
}

/* line 2169, scss/compass/_template-style.scss */
.template-12 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #FFE16D;
  border-color: #e44f4f;
}

/* line 2179, scss/compass/_template-style.scss */
.template-12 .text-zebra .zebra-box {
  background-color: #efefef;
}

/* line 2181, scss/compass/_template-style.scss */
.template-12 .text-zebra .zebra-box .zebra-title {
  background-color: #015db2;
  color: #fff;
}

/* line 2187, scss/compass/_template-style.scss */
.template-12 .straight-memu {
  border-left-color: #016ed4;
}

/* line 2191, scss/compass/_template-style.scss */
.template-12 .straight-memu li+li {
  border-top-color: #cad9e1;
}

/* line 2193, scss/compass/_template-style.scss */
.template-12 .straight-memu li a {
  color: #353535;
  background-color: #f5f5f5;
}

/* line 2197, scss/compass/_template-style.scss */
.template-12 .straight-memu li a:hover {
  color: #353535;
  background-color: #d8ebf2;
}

/* line 2203, scss/compass/_template-style.scss */
.template-12 .straight-memu li .focus-button {
  color: #353535;
  background-color: #f2c6cb;
}

/* line 2207, scss/compass/_template-style.scss */
.template-12 .straight-memu li .focus-button:hover {
  color: #353535;
  background-color: #f2c6cb;
}

/* line 2216, scss/compass/_template-style.scss */
.template-12 .registration-box .focus-red {
  color: #d00;
}

/* line 2219, scss/compass/_template-style.scss */
.template-12 .registration-box .annotation {
  color: #03456e;
}

/* line 2222, scss/compass/_template-style.scss */
.template-12 .registration-box .note {
  color: #d00;
}

/* line 2225, scss/compass/_template-style.scss */
.template-12 .registration-box .unit-name {
  color: #1e76be;
}

/* line 2228, scss/compass/_template-style.scss */
.template-12 .registration-box .user-name {
  color: #1e76be;
}

/* line 2231, scss/compass/_template-style.scss */
.template-12 .registration-box .registration-content {
  background-color: #f5f5f5;
}

/* line 2235, scss/compass/_template-style.scss */
.template-12 .registration-box ul li {
  border-bottom-color: #ddd;
}

/* line 2239, scss/compass/_template-style.scss */
.template-12 .registration-box ul li div .registration-text input {
  border-color: #1e76be;
}

/* line 2242, scss/compass/_template-style.scss */
.template-12 .registration-box ul li div .registration-text input:focus {
  border-color: #ff9800;
}

/* line 2246, scss/compass/_template-style.scss */
.template-12 .registration-box ul li div .registration-text p {
  color: #d00;
}

/* line 2254, scss/compass/_template-style.scss */
.template-12 .registration-box ul li .member-data div h3 {
  background-color: #03456e;
  color: #fff;
}

/* line 2259, scss/compass/_template-style.scss */
.template-12 .registration-box ul li .member-data div p span {
  color: #ff2c1c;
}

/* line 2269, scss/compass/_template-style.scss */
.template-12 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select {
  border: 2px solid #1e76be;
}

/* line 2272, scss/compass/_template-style.scss */
.template-12 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select:focus {
  border-color: #ff9800;
}

/* line 2283, scss/compass/_template-style.scss */
.template-12 .registration-box ul .registration-average .registration-width-short div div select {
  border-color: #1e76be;
}

/* line 2286, scss/compass/_template-style.scss */
.template-12 .registration-box ul .registration-average .registration-width-short div div select:focus {
  border-color: #ff9800;
}

/* line 2296, scss/compass/_template-style.scss */
.template-12 .registration-box div .determine {
  background-color: #066caa;
  color: #fff;
  border-color: #025282;
  text-shadow: 2px 2px 3px #03456e;
}

/* line 2302, scss/compass/_template-style.scss */
.template-12 .registration-box div .determine:hover {
  background-color: #025385;
  color: #fff;
  border-color: #003c61;
  text-shadow: 2px 2px 3px #03456e;
}

/* line 2309, scss/compass/_template-style.scss */
.template-12 .registration-box div .cancel {
  background-color: #d33a2f;
  color: #fff;
  border-color: #e75e54;
  text-shadow: 2px 2px 3px #8a2922;
}

/* line 2315, scss/compass/_template-style.scss */
.template-12 .registration-box div .cancel:hover {
  background-color: #ff5549;
  color: #FFF;
  border-color: #df4d43;
}

/* line 2325, scss/compass/_template-style.scss */
.template-12 .video-search ul li a {
  color: #000000;
  border: 1px solid #fff;
  background-color: #f8e2e4;
}

/* line 2329, scss/compass/_template-style.scss */
.template-12 .video-search ul li a:hover {
  background-color: #f2c6cb;
}

/* line 2330, scss/compass/_template-style.scss */
.template-12 .video-search ul li a:focus {
  color: #fff;
  background-color: #e00;
}

/* line 2341, scss/compass/_template-style.scss */
.template-12 .video-search .video-object div a span {
  color: #353535;
}

/* line 2342, scss/compass/_template-style.scss */
.template-12 .video-search .video-object div a .video-date {
  background-color: #efefef;
}

/* line 2348, scss/compass/_template-style.scss */
.template-12 .video-button a {
  background-color: #f8e2e4;
  color: #000000;
}

/* line 2351, scss/compass/_template-style.scss */
.template-12 .video-button a:hover {
  background-color: #f2c6cb;
}

/* line 2352, scss/compass/_template-style.scss */
.template-12 .video-button a:focus {
  color: #fff;
  background-color: #e00;
}

/* line 2359, scss/compass/_template-style.scss */
.template-12 .tool-button.tool-by-h2 {
  position: absolute;
  right: 0;
  top: -42px;
}

/* line 2364, scss/compass/_template-style.scss */
.template-12 .tool-button.tool-by-h2 a {
  border-color: #d4d4d4;
  border-radius: 50%;
}

/* line 2367, scss/compass/_template-style.scss */
.template-12 .tool-button.tool-by-h2 a:hover {
  background-color: #f7fbff;
}

/* line 2370, scss/compass/_template-style.scss */
.template-12 .tool-button .light-box {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 2372, scss/compass/_template-style.scss */
.template-12 .tool-button .light-box .light-box-content {
  background-color: #fff;
}

/* line 2374, scss/compass/_template-style.scss */
.template-12 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  background-color: #aa77ac;
  top: 18px;
  right: 20px;
}

/* line 2380, scss/compass/_template-style.scss */
.template-12 .tool-button .light-box .light-box-content p {
  color: #d00;
}

/* line 2381, scss/compass/_template-style.scss */
.template-12 .tool-button .light-box .light-box-content .fill-data {
  border-bottom-color: #ddd;
}

/* line 2384, scss/compass/_template-style.scss */
.template-12 .tool-button .light-box .light-box-content .fill-data .data label {
  color: #6e6e6e;
}

/* line 2386, scss/compass/_template-style.scss */
.template-12 .tool-button .light-box .light-box-content .fill-data .data label .focus-red {
  color: #d00;
}

/* line 2388, scss/compass/_template-style.scss */
.template-12 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]) {
  border-color: #956a7f;
}

/* line 2390, scss/compass/_template-style.scss */
.template-12 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #ff9800;
}

/* line 2398, scss/compass/_template-style.scss */
.template-12 .bulletin-title-list .link-button {
  background-color: #015db2;
}

/* line 2400, scss/compass/_template-style.scss */
.template-12 .bulletin-title-list .link-button a {
  color: #efefef;
}

/* line 2403, scss/compass/_template-style.scss */
.template-12 .tab-title {
  background-color: #efefef;
}

/* line 2407, scss/compass/_template-style.scss */
.template-12 .tab-title li a {
  background-color: #d9d9d9;
  color: #575757;
}

/* line 2411, scss/compass/_template-style.scss */
.template-12 .tab-title li .tab-select {
  background-color: #015db2;
  color: #fff;
}

/* line 2417, scss/compass/_template-style.scss */
.template-12 .breadcrumb {
  padding: 0;
  margin-bottom: 58px !important;
  border-bottom: none;
  background: none;
  box-shadow: none;
}

/* line 2424, scss/compass/_template-style.scss */
.template-12 .breadcrumb a {
  color: #353535;
}

/* line 2425, scss/compass/_template-style.scss */
.template-12 .breadcrumb span {
  color: #353535;
  margin: 0 5px;
}

/* line 2431, scss/compass/_template-style.scss */
.template-12 .article-page .info {
  margin-top: 10px;
}

@media only screen and (max-width: 769px) {

  /* line 2434, scss/compass/_template-style.scss */
  .template-12 .article-page .info {
    margin-top: -5px;
  }
}

@media screen and (max-width: 990px) {

  /* line 2441, scss/compass/_template-style.scss */
  .template-12 .tool-button .light-box .light-box-content .mail-eliminate {
    color: #066caa;
    background-color: #f4f4f4;
    border-color: #ddd;
  }
}

@media screen and (max-width: 800px) {

  /* line 2454, scss/compass/_template-style.scss */
  .template-12 .right-content .right-content-menu .title-paging,
  .template-12 .right-content .left-content-menu .title-paging,
  .template-12 .left-content .right-content-menu .title-paging,
  .template-12 .left-content .left-content-menu .title-paging {
    padding: 5px 35px 5px 10px;
  }

  /* line 2456, scss/compass/_template-style.scss */
  .template-12 .right-content .right-content-menu .title-paging::after,
  .template-12 .right-content .left-content-menu .title-paging::after,
  .template-12 .left-content .right-content-menu .title-paging::after,
  .template-12 .left-content .left-content-menu .title-paging::after {
    top: 17px;
    right: 10px;
    border-color: #03456e transparent transparent transparent;
  }

  /* line 2462, scss/compass/_template-style.scss */
  .template-12 .right-content .right-content-menu .span-page-title,
  .template-12 .right-content .left-content-menu .span-page-title,
  .template-12 .left-content .right-content-menu .span-page-title,
  .template-12 .left-content .left-content-menu .span-page-title {
    padding: 5px 35px 5px 10px;
  }

  /* line 2464, scss/compass/_template-style.scss */
  .template-12 .right-content .right-content-menu .span-page-title::after,
  .template-12 .right-content .left-content-menu .span-page-title::after,
  .template-12 .left-content .right-content-menu .span-page-title::after,
  .template-12 .left-content .left-content-menu .span-page-title::after {
    top: 17px;
    right: 10px;
    border-color: #03456e transparent transparent transparent;
  }

  /* line 2472, scss/compass/_template-style.scss */
  .template-12 .breadcrumb {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 769px) {

  /* line 2476, scss/compass/_template-style.scss */
  .template-12 .tool-button.tool-by-h2 {
    position: relative;
    top: auto;
    right: auto;
  }
}

@media screen and (max-width: 415px) {

  /* line 2485, scss/compass/_template-style.scss */
  .template-12 .tab-inner .bulletin-title-list {
    width: 100%;
  }

  /* line 2487, scss/compass/_template-style.scss */
  .template-12 .tab-inner .bulletin-title-list .wdn_responsive_table {
    box-shadow: -5px 0px 0 #03456e;
  }

  /* line 2490, scss/compass/_template-style.scss */
  .template-12 .tab-inner .bulletin-title-list .link-button {
    box-shadow: -5px 0px 0 #03456e;
  }
}

/* line 2506, scss/compass/_template-style.scss */
.template-21 .straight-memu {
  border-left: none;
}

/* line 2508, scss/compass/_template-style.scss */
.template-21 .straight-memu li {
  padding: 3px 0;
}

/* line 2510, scss/compass/_template-style.scss */
.template-21 .straight-memu li+li {
  border-top-color: #cad9e1;
}

/* line 2511, scss/compass/_template-style.scss */
.template-21 .straight-memu li a {
  color: #31708f;
  background-color: #fff;
  text-align: left;
  border-left: 5px solid #ddd;
}

/* line 2516, scss/compass/_template-style.scss */
.template-21 .straight-memu li a:hover {
  background-color: #fff2ca;
  color: #000;
  border-color: #008489;
}

/* line 2522, scss/compass/_template-style.scss */
.template-21 .straight-memu li .focus-button {
  color: #fff;
  background-color: #006482;
  border-color: #006482;
}

/* line 2526, scss/compass/_template-style.scss */
.template-21 .straight-memu li .focus-button:hover {
  color: #fff;
  background-color: #006482;
  border-color: #006482;
}

/* line 2535, scss/compass/_template-style.scss */
.template-21 .breadcrumb {
  border-radius: 8px;
  box-shadow: none;
  border: 2px solid #ddd;
  background-color: #fff;
  margin-bottom: 30px;
}

/* line 2541, scss/compass/_template-style.scss */
.template-21 .breadcrumb a {
  color: #000;
}

/* line 2546, scss/compass/_template-style.scss */
.template-21 .video-button a {
  background-color: #008489;
  color: #fff;
  border-radius: 8px;
}

/* line 2552, scss/compass/_template-style.scss */
.template-21 .tab-title {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  border-bottom: 3px solid #008489;
  box-shadow: 0px 4px 0px #ddd;
  margin-bottom: 5px;
}

/* line 2558, scss/compass/_template-style.scss */
.template-21 .tab-title li {
  padding-left: 0;
}

/* line 2560, scss/compass/_template-style.scss */
.template-21 .tab-title li a {
  border-radius: 8px 8px 0px 0px;
}

/* line 2562, scss/compass/_template-style.scss */
.template-21 .tab-title li a:hover {
  background-color: #fff3d8;
  color: #000;
}

/* line 2567, scss/compass/_template-style.scss */
.template-21 .tab-title li .tab-select {
  background-color: #008489;
}

/* line 2569, scss/compass/_template-style.scss */
.template-21 .tab-title li .tab-select:hover {
  background-color: #00676a;
  color: #fff;
}

/* line 2577, scss/compass/_template-style.scss */
.template-21 .bulletin-title-list .link-button {
  background-color: #efefef;
}

/* line 2579, scss/compass/_template-style.scss */
.template-21 .bulletin-title-list .link-button a {
  color: #000;
  padding: 10px;
}

/* line 2582, scss/compass/_template-style.scss */
.template-21 .bulletin-title-list .link-button a:hover {
  background-color: #006482;
  color: #fff;
}

/* line 2591, scss/compass/_template-style.scss */
.template-21 .text-zebra .zebra-box .zebra-title {
  background-color: #008489;
}

/* line 2597, scss/compass/_template-style.scss */
.template-21 .registration-box ul {
  padding: 0 15px;
}

/* line 2602, scss/compass/_template-style.scss */
.template-21 .registration-box ul li .member-data div h3 {
  background-color: #008489;
}

/* line 2609, scss/compass/_template-style.scss */
.template-21 .registration-box ul li div .registration-text input {
  border-color: #b4c0b4;
}

/* line 2617, scss/compass/_template-style.scss */
.template-21 .registration-box div .determine {
  background-color: #008489;
  border: none;
  text-shadow: none;
  line-height: 1.125;
  padding: 10px 0;
  border-radius: 12px;
}

/* line 2625, scss/compass/_template-style.scss */
.template-21 .registration-box div .determine:hover {
  border: none;
  text-shadow: none;
  background-color: #c33e1b;
}

/* line 2631, scss/compass/_template-style.scss */
.template-21 .registration-box div .cancel {
  border: none;
  text-shadow: none;
  line-height: 1.125;
  padding: 10px 0;
  border-radius: 12px;
  background-color: #006482;
}

/* line 2638, scss/compass/_template-style.scss */
.template-21 .registration-box div .cancel:hover {
  border: none;
  text-shadow: none;
  background-color: #c33e1b;
}

/* line 2649, scss/compass/_template-style.scss */
.template-21 .video-search ul li a {
  background-color: #006482;
  color: #fff;
  border-radius: 8px;
}

/* line 2659, scss/compass/_template-style.scss */
.template-21 .video-search .video-object div a:hover {
  background-color: #fff3d8;
}

/* line 2669, scss/compass/_template-style.scss */
.template-29 .breadcrumb {
  width: auto;
  line-height: normal;
  display: inline-block;
  background-color: #f2f2f2;
  padding: 5px 15px;
  margin: 0;
  border-radius: 50px;
  color: #626262;
  box-shadow: 1px 1px 1px #c1bebe;
}

/* line 2680, scss/compass/_template-style.scss */
.template-29 .literature_search {
  margin-top: 15px;
  padding: 20px 25px;
  background-color: #fff9ed;
  display: flex;
  align-items: stretch;
  margin-bottom: 30px;
}

/* line 2687, scss/compass/_template-style.scss */
.template-29 .literature_search .literal-input {
  display: flex;
  align-items: center;
  width: 100%;
}

/* line 2691, scss/compass/_template-style.scss */
.template-29 .literature_search .literal-input input {
  display: block;
  width: 100%;
  padding: 5px;
  border-radius: 7px;
  border: 4px solid #fff;
  background-color: #fff;
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3), 0px 2px 5px rgba(0, 0, 0, 0.2);
}

/* line 2699, scss/compass/_template-style.scss */
.template-29 .literature_search .literal-input input:focus {
  border: 4px solid #ee3737;
}

.template-29 .literature_search .literal-input select:focus {
  border: 4px solid #ee3737;
}

/* line 2703, scss/compass/_template-style.scss */
.template-29 .literature_search .literal-input select {
  display: block;
  width: 100%;
  padding: 7px;
  border-radius: 7px;
  border: 4px solid #fff;
  background-color: #fff;
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3), 0px 2px 5px rgba(0, 0, 0, 0.2);
}

/* line 2712, scss/compass/_template-style.scss */
.template-29 .literature_search .literal-input span {
  margin-right: 15px;
  width: 110px;
  text-align: center;
}

/* line 2718, scss/compass/_template-style.scss */
.template-29 .literature_search .literal {
  width: 100%;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 2px dashed #c1bbaf;
}

/* line 2723, scss/compass/_template-style.scss */
.template-29 .literature_search .literal .literal-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-evenly;
}

/* line 2728, scss/compass/_template-style.scss */
.template-29 .literature_search .literal .literal-container a {
  display: block;
  background-color: #ffead5;
  color: #000;
  width: 90px;
  text-align: center;
  padding: 5px 0 4px;
  border-radius: 5px;
  margin-left: 15px;
}

/* line 2739, scss/compass/_template-style.scss */
.template-29 .literature_search .literal .literal-list {
  list-style-type: none;
  margin-top: 20px;
  padding: 15px 0 0;
  border-top: 2px solid #d5cab4;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 2747, scss/compass/_template-style.scss */
.template-29 .literature_search .literal .literal-list li {
  width: 50%;
  margin: 5px 0;
}

/* line 2753, scss/compass/_template-style.scss */
.template-29 .literature_search .checkButtonZone {
  width: 100%;
  max-width: 300px;
  display: flex;
  align-items: flex-start;
}

/* line 2758, scss/compass/_template-style.scss */
.template-29 .literature_search .checkButtonZone a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 5px;
  color: #fff;
  margin: 0 11px;
  margin-top: 5px;
  border-radius: 5px;
}

/* line 2768, scss/compass/_template-style.scss */
.template-29 .literature_search .checkButtonZone .inquire {
  background-color: #a07e5b;
}

/* line 2770, scss/compass/_template-style.scss */
.template-29 .literature_search .checkButtonZone .inquire:focus {
  background-color: #ca3434;
}

/* line 2774, scss/compass/_template-style.scss */
.template-29 .literature_search .checkButtonZone .reset {
  background-color: #836549;
}

/* line 2776, scss/compass/_template-style.scss */
.template-29 .literature_search .checkButtonZone .reset:focus {
  background-color: #ca3434;
}

/* line 2782, scss/compass/_template-style.scss */
.template-29 .literature_search-open {
  background-image: url(../img/literal-search.png);
  background-repeat: no-repeat;
  background-size: 350px;
  background-position-x: 106%;
  background-position-y: 60px;
}

/* line 2791, scss/compass/_template-style.scss */
.template-29 .video-search ul li {
  display: flex;
  margin: 10px 0;
}

/* line 2797, scss/compass/_template-style.scss */
.template-29 .video-search .video-button a {
  background-color: #505050;
  border-radius: 50px;
}

/* line 2802, scss/compass/_template-style.scss */
.template-29 .video-search .video-search-container {
  background-color: #fff8ec;
  position: relative;
}

/* line 2805, scss/compass/_template-style.scss */
.template-29 .video-search .video-search-container li {
  align-items: center;
  width: 100%;
}

/* line 2808, scss/compass/_template-style.scss */
.template-29 .video-search .video-search-container li input {
  display: block;
  width: 100%;
  max-width: 300px;
  padding: 5px;
  border-radius: 7px;
  border: 4px solid #fff;
  background-color: #fff;
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3), 0px 2px 5px rgba(0, 0, 0, 0.2);
}

/* line 2819, scss/compass/_template-style.scss */
.template-29 .video-search .video-search-container .video-search-button {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 180px;
  top: 0;
  right: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  border-left: 2px dashed #d2bf9f;
  padding: 10px 0;
  align-items: flex-start;
}

/* line 2832, scss/compass/_template-style.scss */
.template-29 .video-search .video-search-container .video-search-button a {
  margin: 0 7px;
  background-color: #695643;
  border-radius: 7px;
  color: #fff;
}

/* line 2842, scss/compass/_template-style.scss */
.template-29 .video-search .video-object div a {
  display: block;
  text-align: center;
}

/* line 2845, scss/compass/_template-style.scss */
.template-29 .video-search .video-object div a img {
  width: 100%;
}

/* line 2848, scss/compass/_template-style.scss */
.template-29 .video-search .video-object div a span {
  display: block;
  color: #555;
}

/* line 2852, scss/compass/_template-style.scss */
.template-29 .video-search .video-object div a .video-name {
  font-size: 1.3rem;
  font-weight: bold;
}

/* line 2856, scss/compass/_template-style.scss */
.template-29 .video-search .video-object div a .video-text {
  margin: 5px 0;
}

/* line 2859, scss/compass/_template-style.scss */
.template-29 .video-search .video-object div a .video-date {
  background-color: #efefef;
  padding: 2px 0;
}

/* line 2867, scss/compass/_template-style.scss */
.template-29 .box-bg {
  padding: 0 15px;
  background-color: #fff8ec;
  border-top: 3px solid #ece0cb;
}

/* line 2872, scss/compass/_template-style.scss */
.template-29 .box-bg div a {
  color: #000;
  padding-left: 10px;
}

/* line 2877, scss/compass/_template-style.scss */
.template-29 .box-bg .title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 10px;
}

/* line 2885, scss/compass/_template-style.scss */
.template-29 .box-bg .preview-img .img-list {
  display: flex;
  width: 100%;
}

/* line 2888, scss/compass/_template-style.scss */
.template-29 .box-bg .preview-img .img-list a {
  padding: 0;
  display: block;
  width: 100%;
  margin: 0 15px;
  text-align: center;
}

/* line 2898, scss/compass/_template-style.scss */
.template-29 .history-box {
  width: 100%;
}

/* line 2901, scss/compass/_template-style.scss */
.template-29 .history-box ul li {
  list-style: none;
}

/* line 2905, scss/compass/_template-style.scss */
.template-29 .history-box .history-text {
  border-top: 1px solid #ccc3b3;
  margin: 30px 0 0;
  padding: 30px 0 0;
}

/* line 2909, scss/compass/_template-style.scss */
.template-29 .history-box .history-text p {
  margin: 0;
  padding: 25px;
  background-color: #fff8ec;
  color: #695643;
}

/* line 2916, scss/compass/_template-style.scss */
.template-29 .history-box .historyLink {
  display: flex;
  width: 100%;
  margin: 30px auto 0;
}

/* line 2920, scss/compass/_template-style.scss */
.template-29 .history-box .historyLink li {
  width: 33.3%;
  margin: 10px 15px;
}

/* line 2923, scss/compass/_template-style.scss */
.template-29 .history-box .historyLink li a {
  display: block;
  border-radius: 12px;
  padding: 15px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  font-weight: bold;
}

/* line 2931, scss/compass/_template-style.scss */
.template-29 .history-box .historyLink li a div {
  display: flex;
  align-items: center;
}

/* line 2934, scss/compass/_template-style.scss */
.template-29 .history-box .historyLink li a div span {
  display: block;
  width: 100%;
  max-width: 13px;
  margin-right: 10px;
}

/* line 2939, scss/compass/_template-style.scss */
.template-29 .history-box .historyLink li a div span img {
  width: 100%;
}

/* line 2943, scss/compass/_template-style.scss */
.template-29 .history-box .historyLink li a div p {
  width: 100%;
  margin: 0;
  color: #686868;
  font-size: 1.2rem;
}

/* line 2953, scss/compass/_template-style.scss */
.template-29 .history-box .history-line {
  margin: 30px 0 0;
  margin-top: 30px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  position: relative;
}

/* line 2960, scss/compass/_template-style.scss */
.template-29 .history-box .history-line .history-line-container {
  padding: 35px 15px 1px;
}

/* line 2962, scss/compass/_template-style.scss */
.template-29 .history-box .history-line .history-line-container li {
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 35px;
}

/* line 2966, scss/compass/_template-style.scss */
.template-29 .history-box .history-line .history-line-container li .line-title {
  display: flex;
  position: relative;
  align-items: stretch;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc3b3;
}

/* line 2973, scss/compass/_template-style.scss */
.template-29 .history-box .history-line .history-line-container li .line-title .line-title-icon {
  width: 22px;
  margin-right: 10px;
}

/* line 2976, scss/compass/_template-style.scss */
.template-29 .history-box .history-line .history-line-container li .line-title .line-title-icon img {
  width: 100%;
}

/* line 2980, scss/compass/_template-style.scss */
.template-29 .history-box .history-line .history-line-container li .line-title h3 {
  margin: 0;
}

/* line 2984, scss/compass/_template-style.scss */
.template-29 .history-box .history-line .history-line-container li .line-button {
  display: flex;
  padding: 15px;
  padding-top: 0px;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 2990, scss/compass/_template-style.scss */
.template-29 .history-box .history-line .history-line-container li .line-button a {
  display: flex;
  align-items: center;
  margin: 1%;
  width: 15%;
}

/* line 2995, scss/compass/_template-style.scss */
.template-29 .history-box .history-line .history-line-container li .line-button a div {
  width: 100%;
  max-width: 22px;
  margin-right: 5px;
}

/* line 2999, scss/compass/_template-style.scss */
.template-29 .history-box .history-line .history-line-container li .line-button a div img {
  width: 100%;
}

/* line 3003, scss/compass/_template-style.scss */
.template-29 .history-box .history-line .history-line-container li .line-button a span {
  margin: 0;
  color: #000;
  font-weight: bold;
  padding: 0 10px 0 0px;
  padding-top: 1px;
  display: block;
}

/* line 3017, scss/compass/_template-style.scss */
.template-29 .history-text {
  border-top: 1px solid #ccc3b3;
  margin: 30px 0 0;
  padding: 30px 0 0;
}

/* line 3021, scss/compass/_template-style.scss */
.template-29 .history-text p {
  margin: 0;
  padding: 25px;
  background-color: #fff8ec;
  color: #695643;
}

/* line 3028, scss/compass/_template-style.scss */
.template-29 .historyLink {
  display: flex;
  width: 100%;
  margin: 30px auto 0;
}

/* line 3036, scss/compass/_template-style.scss */
.template-29 .title-paging .light-box .light-box-content .title,
.template-29 .tool-button .light-box .light-box-content .title {
  text-align: left;
  color: #595959;
  margin-bottom: 15px;
  border: none;
  border-left: 3px solid #695643;
  padding: 0px 10px;
  font-size: 1.375rem;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  box-shadow: none;
}

/* line 3054, scss/compass/_template-style.scss */
.template-29 table.table-list thead tr th {
  padding: 10px 0;
  text-align: center;
  font-size: 1.1rem;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a07e5b+0,a07e5b+100 */
  background: #a07e5b;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #a07e5b 0%, #a07e5b 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #a07e5b 0%, #a07e5b 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #a07e5b 0%, #a07e5b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a07e5b', endColorstr='#a07e5b', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

/* line 3070, scss/compass/_template-style.scss */
.template-29 .straight-memu {
  border: none;
  margin-top: 5px;
  padding: 0 3px 0 0;
  padding: 10px;
  background: #f2eadd;
  background: -moz-linear-gradient(top, #f2eadd 0%, #fdfcfa 100%);
  background: -webkit-linear-gradient(top, #f2eadd 0%, #fdfcfa 100%);
  background: linear-gradient(to bottom, #f2eadd 0%, #fdfcfa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2eadd', endColorstr='#fdfcfa', GradientType=0);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2);
  border-radius: 18px;
  border-top: 2px solid #fff;
}

/* line 3083, scss/compass/_template-style.scss */
.template-29 .straight-memu li {
  padding: 5px 0;
}

/* line 3084, scss/compass/_template-style.scss */
.template-29 .straight-memu li+li {
  border-top: 1px solid #e5dfd5;
}

/* line 3086, scss/compass/_template-style.scss */
.template-29 .straight-memu li a {
  display: block;
  padding: 10px 15px;
  color: #000000;
  text-align: center;
  line-height: normal;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0);
}

/* line 3094, scss/compass/_template-style.scss */
.template-29 .straight-memu li a:hover {
  color: #000;
  background-color: #ffffff;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2);
}

/* line 3099, scss/compass/_template-style.scss */
.template-29 .straight-memu li a:focus {
  outline: none;
  border: 2px dashed #e00;
}

/* line 3104, scss/compass/_template-style.scss */
.template-29 .straight-memu li .focus-button {
  color: #fff;
  background-color: #695643;
}

/* line 3107, scss/compass/_template-style.scss */
.template-29 .straight-memu li .focus-button:hover {
  color: #fff;
  background-color: #695643;
}

/* line 3115, scss/compass/_template-style.scss */
.template-29 h2.h2-title,
.template-29 .template-2 .lightBox-bg .lightBox-content .title,
.template-2 .lightBox-bg .lightBox-content .template-29 .title,
.template-29 .template-3 .lightBox-bg .lightBox-content .title,
.template-3 .lightBox-bg .lightBox-content .template-29 .title,
.template-29 .template-4 .lightBox-bg .lightBox-content .title,
.template-4 .lightBox-bg .lightBox-content .template-29 .title,
.template-29 .template-5 .lightBox-bg .lightBox-content .title,
.template-5 .lightBox-bg .lightBox-content .template-29 .title,
.template-29 .template-6 .lightBox-bg .lightBox-content .title,
.template-6 .lightBox-bg .lightBox-content .template-29 .title,
.template-29 .template-7 .lightBox-bg .lightBox-content .title,
.template-7 .lightBox-bg .lightBox-content .template-29 .title,
.template-29 .template-12 .lightBox-bg .lightBox-content .title,
.template-12 .lightBox-bg .lightBox-content .template-29 .title,
.template-29 .color-style1 .lightBox-bg .lightBox-content .title,
.color-style1 .lightBox-bg .lightBox-content .template-29 .title,
.template-29 .color-style2 .lightBox-bg .lightBox-content .title,
.color-style2 .lightBox-bg .lightBox-content .template-29 .title,
.template-29 .color-style3 .lightBox-bg .lightBox-content .title,
.color-style3 .lightBox-bg .lightBox-content .template-29 .title,
.template-29 .color-style4 .lightBox-bg .lightBox-content .title,
.color-style4 .lightBox-bg .lightBox-content .template-29 .title,
.template-29 .color-style5 .lightBox-bg .lightBox-content .title,
.color-style5 .lightBox-bg .lightBox-content .template-29 .title,
.template-29 .color-style6 .lightBox-bg .lightBox-content .title,
.color-style6 .lightBox-bg .lightBox-content .template-29 .title,
.template-29 .template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-29 h2,
.template-29 .template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-29 h2,
.template-29 .template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-29 h2,
.template-29 .template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-29 h2,
.template-29 .template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-29 h2,
.template-29 .template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-29 h2,
.template-29 h2.h2-page-title {
  text-align: left;
  color: #595959;
  margin-bottom: 15px;
  border: none;
  border-left: 3px solid #695643;
  padding: 0px 10px;
  font-size: 1.375rem;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  box-shadow: none;
}

/* line 3170, scss/compass/_template-style.scss */
.template-29 .text-box .statusFunction {
  padding: 0;
  margin: 0;
  display: flex;
  list-style: none;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
}

/* line 3178, scss/compass/_template-style.scss */
.template-29 .text-box .statusFunction li {
  margin-right: 10px;
}

/* line 3180, scss/compass/_template-style.scss */
.template-29 .text-box .statusFunction li a {
  display: flex;
  padding: 2px 20px;
  border-radius: 7px;
  background-color: #fff8ec;
}

/* line 3185, scss/compass/_template-style.scss */
.template-29 .text-box .statusFunction li a div {
  width: 20px;
  margin-right: 10px;
}

/* line 3188, scss/compass/_template-style.scss */
.template-29 .text-box .statusFunction li a div img {
  width: 100%;
}

/* line 3192, scss/compass/_template-style.scss */
.template-29 .text-box .statusFunction li a p {
  font-size: .9rem;
  margin: 0;
  color: #000;
  line-height: 1.7;
}

/* line 3201, scss/compass/_template-style.scss */
.template-29 .text-box .textTitle {
  padding: 0;
  list-style: none;
}

/* line 3204, scss/compass/_template-style.scss */
.template-29 .text-box .textTitle li {
  margin-bottom: 15px;
}

/* line 3206, scss/compass/_template-style.scss */
.template-29 .text-box .textTitle li span {
  display: block;
  padding: 10px 15px;
  color: #fff;
  background-color: #a07e5c;
  font-size: 1.1rem;
  font-weight: bold;
}

/* line 3214, scss/compass/_template-style.scss */
.template-29 .text-box .textTitle li p {
  margin: 0;
  padding: 10px 15px;
  background-color: #fff;
}

/* line 3221, scss/compass/_template-style.scss */
.template-29 .text-box .text-container {
  background-color: #fff8ec;
  padding: 20px;
}

/* line 3224, scss/compass/_template-style.scss */
.template-29 .text-box .text-container p {
  margin: 0;
}

/* line 3229, scss/compass/_template-style.scss */
.template-29 .fill-form {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  margin-bottom: 25px;
}

/* line 3236, scss/compass/_template-style.scss */
.template-29 .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']) {
  border-color: #d5c3a5;
  height: 39px;
  border-radius: 5px;
}

/* line 3245, scss/compass/_template-style.scss */
.template-29 .fill-form #form1.search {
  max-width: 900px;
  margin: auto;
  float: none;
  background-color: #fff;
  padding: 20px;
  width: 100%;
  border-radius: 5px;
  box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 3257, scss/compass/_template-style.scss */
.template-29 .fill-form #form1.search .fill-data {
  width: 100%;
  padding: none;
  border-bottom: none;
  margin: 0 auto;
  width: 100%;
}

/* line 3264, scss/compass/_template-style.scss */
.template-29 .fill-form #form1.search .fill-data .data .box {
  margin-left: 0;
}

/* line 3271, scss/compass/_template-style.scss */
.template-29 .fill-form .fill-data .data>label {
  width: auto;
  padding-top: 0;
  display: flex;
  align-items: center;
  width: 130px;
}

/* line 3280, scss/compass/_template-style.scss */
.template-29 .fill-form .butn-box {
  width: 100%;
  max-width: 351px;
  padding: 0;
  text-align: center;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 769px) {

  /* line 3289, scss/compass/_template-style.scss */
  .template-29 .fill-form .search {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  /* line 3293, scss/compass/_template-style.scss */
  .template-29 .fill-form .search .fill-data .data {
    margin-bottom: 10px;
  }
}

/* line 3299, scss/compass/_template-style.scss */
.template-29 .butn-big,
.template-29 input[type=button].butn-big,
.template-29 input[type=submit].butn-big {
  color: #fff;
  background-color: #695643;
  border: 4px solid #947a5f;
}

/* line 3303, scss/compass/_template-style.scss */
.template-29 .butn-big:hover,
.template-29 input[type=button].butn-big:hover,
.template-29 input[type=submit].butn-big:hover {
  background-color: #a0754a;
  border: 4px solid #947a5f;
}

/* line 3308, scss/compass/_template-style.scss */
.template-29 .butn-big.big-cancel,
.template-29 input[type=button].butn-big.big-cancel {
  background-color: #f85d52;
  border-color: #e75e54;
}

/* line 3311, scss/compass/_template-style.scss */
.template-29 .butn-big.big-cancel:hover,
.template-29 input[type=button].butn-big.big-cancel:hover {
  background-color: #c92c21;
}

/* line 3316, scss/compass/_template-style.scss */
.template-29 .pages a {
  min-width: 30px;
  display: inline-block;
  background-color: #846649;
  border-radius: 3px;
  padding: 0 10px;
  text-align: center;
  color: #fff;
}

/* line 3324, scss/compass/_template-style.scss */
.template-29 .pages a:focus {
  background-color: #ca3434;
}

/* line 3328, scss/compass/_template-style.scss */

.template-29 .pages a.first:focus {
  outline: 3px solid #ee3737;
}

.template-29 .pages a.last:focus {
  outline: 3px solid #ee3737;
}

.template-29 .pages a.prev,
.template-29 .pages .pages a.first {
  border-color: transparent #a07e5b transparent transparent;
  background-color: rgba(0, 0, 0, 0);
}

/* line 3331, scss/compass/_template-style.scss */
.template-29 .pages a.prev:focus,
.template-29 .pages .pages a.first:focus {
  outline: 3px solid #ee3737;
}

/* line 3335, scss/compass/_template-style.scss */
.template-29 .pages a.next,
.template-29 .pages .pages a.last {
  border-color: transparent transparent transparent #a07e5b;
  background-color: rgba(0, 0, 0, 0);
}

/* line 3338, scss/compass/_template-style.scss */
.template-29 .pages a.next:focus,
.template-29 .pages .pages a.last:focus {
  outline: 3px solid #ee3737;
}

/* line 3342, scss/compass/_template-style.scss */
.template-29 .pages a.prev::before {
  display: none;
}

/* line 3345, scss/compass/_template-style.scss */
.template-29 .pages a.first::before {
  width: 4px;
  height: 30px;
}

/* line 3349, scss/compass/_template-style.scss */
.template-29 .pages a.active {
  color: #fff;
  background-color: #37262c;
}

/* line 3352, scss/compass/_template-style.scss */
.template-29 .pages a.active:focus {
  background-color: #ca3434;
}

/* line 3356, scss/compass/_template-style.scss */
.template-29 .pages a.last::after {
  background: #a07e5b;
}

/* line 3359, scss/compass/_template-style.scss */
.template-29 .pages a.first::after {
  background: #a07e5b;
}

/* line 3363, scss/compass/_template-style.scss */
.template-29 .pages a.next,
.template-29 .pages a.last {
  border-color: transparent transparent transparent #a07e5b;
  background-color: rgba(0, 0, 0, 0);
}

/* line 3367, scss/compass/_template-style.scss */
.template-29 .pages a.prev,
.template-29 .pages a.first {
  border-color: transparent #a07e5b transparent transparent;
  background-color: rgba(0, 0, 0, 0);
}

/* line 3374, scss/compass/_template-style.scss */
.template-29 footer .container-background .footer-info .other {
  display: inline-block;
  margin-top: 10px;
  background-color: #ffffff;
  padding: 5px 10px 7px;
  line-height: normal;
  border-radius: 7px;
  box-shadow: 2px 1px 3px 0px rgba(0, 0, 0, 0.2);
}

/* line 3389, scss/compass/_template-style.scss */
.template-29 .title-paging .light-box .light-box-content .title,
.template-29 .tool-button .light-box .light-box-content .title {
  color: #2b2b2b;
  border-bottom: none;
  box-shadow: none;
  border-left: 4px solid #917b65;
  padding-left: 15px;
}

/* line 3399, scss/compass/_template-style.scss */
.template-29 .span-page-title {
  color: #2b2b2b;
  border-bottom: none;
  box-shadow: none;
  border-left: 4px solid #917b65;
  padding-left: 15px;
}

/* line 3406, scss/compass/_template-style.scss */
.template-29 .title-paging,
.template-29 .tool-button .light-box .light-box-content .title {
  text-align: left;
  color: #595959;
  margin-bottom: 15px;
  border: none;
  border-left: 3px solid #695643;
  padding: 0px 10px;
  font-size: 1.375rem;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  box-shadow: none;
}

@media screen and (max-width: 990px) {

  /* line 3419, scss/compass/_template-style.scss */
  .template-29 .literature_search {
    flex-direction: row;
    flex-wrap: wrap;
  }

  /* line 3422, scss/compass/_template-style.scss */
  .template-29 .literature_search .literal {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }

  /* line 3427, scss/compass/_template-style.scss */
  .template-29 .literature_search .literal .literal-list li {
    width: 100%;
  }

  /* line 3432, scss/compass/_template-style.scss */
  .template-29 .literature_search .literal-input {
    flex-direction: row;
    flex-wrap: wrap;
  }

  /* line 3435, scss/compass/_template-style.scss */
  .template-29 .literature_search .literal-input span {
    text-align: left;
    margin-bottom: 5px;
  }
}

/* line 3444, scss/compass/_template-style.scss */
.dog-style .img-drawer {
  width: 100%;
  margin: auto;
}

/* line 3447, scss/compass/_template-style.scss */
.dog-style .img-drawer .imgDrawerMenu {
  margin: auto;
  padding: 0;
  display: flex;
  align-items: center;
  border-bottom: 3px solid #f69537;
}

/* line 3454, scss/compass/_template-style.scss */
.dog-style .img-drawer .imgDrawerMenu li a {
  display: block;
  padding: 5px 15px 2px;
  background-color: #ffe6cf;
  color: #000;
  margin-right: 5px;
}

/* line 3461, scss/compass/_template-style.scss */
.dog-style .img-drawer .imgDrawerMenu li .dogSelect {
  background-color: #df720a;
  color: #fff;
}

/* line 3468, scss/compass/_template-style.scss */
.dog-style .img-drawer .imgDrawerContent {
  padding: 25px 0;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  background-color: #fff;
}

/* line 3474, scss/compass/_template-style.scss */
.dog-style .img-drawer .imgDrawerContent li {
  margin: 10px 20px;
  width: calc(50% - 40px);
  padding: 15px;
  background-color: #fff;
  border: 2px #ffc400 solid;
  box-shadow: -5px 5px 0px #e1e1e1;
  border-radius: 10px;
  background-image: url(../img/list_bg.png);
}

/* line 3489, scss/compass/_template-style.scss */
.dog-style .img-drawer .imgDrawerContent li div {
  width: 100%;
  max-width: 200px;
  height: 200px;
  margin: auto;
  overflow: hidden;
  border-radius: 10px;
}

/* line 3496, scss/compass/_template-style.scss */
.dog-style .img-drawer .imgDrawerContent li div img {
  width: 100%;
}

/* line 3500, scss/compass/_template-style.scss */
.dog-style .img-drawer .imgDrawerContent li h4 {
  margin: 15px auto 10px;
  margin-top: 10px;
  font-size: 1.3rem;
  padding-left: 28px;
  background-image: url(../img/footprint-L.png);
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: 22px;
  margin-bottom: 15px;
}

/* line 3511, scss/compass/_template-style.scss */
.dog-style .img-drawer .imgDrawerContent li p {
  margin: auto;
  margin-bottom: 5px;
}

/* line 3521, scss/compass/_template-style.scss */
.template-21.dog-style .img-drawer {
  width: 100%;
  margin: auto;
}

/* line 3524, scss/compass/_template-style.scss */
.template-21.dog-style .img-drawer .imgDrawerMenu {
  margin: auto;
  padding: 0;
  display: flex;
  align-items: center;
  border-bottom: 4px solid #008489;
  box-shadow: 0px 5px 0px #e1e1e1;
}

/* line 3531, scss/compass/_template-style.scss */
.template-21.dog-style .img-drawer .imgDrawerMenu li {
  margin-right: 5px;
}

/* line 3533, scss/compass/_template-style.scss */
.template-21.dog-style .img-drawer .imgDrawerMenu li a {
  background-color: #d9d9d9;
  display: block;
  padding: 5px 15px;
  color: #575757;
  border-radius: 8px 8px 0px 0px;
}

/* line 3539, scss/compass/_template-style.scss */
.template-21.dog-style .img-drawer .imgDrawerMenu li a:hover {
  color: #ffffff;
  background-color: #c33e1b;
}

/* line 3543, scss/compass/_template-style.scss */
.template-21.dog-style .img-drawer .imgDrawerMenu li a:focus {
  color: #ffffff;
  background-color: #c33e1b;
  outline: none;
}

/* line 3549, scss/compass/_template-style.scss */
.template-21.dog-style .img-drawer .imgDrawerMenu li .dogSelect {
  background-color: #008489;
  color: #fff;
}

/* line 3552, scss/compass/_template-style.scss */
.template-21.dog-style .img-drawer .imgDrawerMenu li .dogSelect:focus {
  color: #ffffff;
  background-color: #c33e1b;
}

/* line 3559, scss/compass/_template-style.scss */
.template-21.dog-style .img-drawer .imgDrawerContent {
  padding: 25px 0;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  background-color: #fff;
}

/* line 3565, scss/compass/_template-style.scss */
.template-21.dog-style .img-drawer .imgDrawerContent li {
  margin: 10px 20px;
  width: calc(25% - 40px);
  padding: 10px;
  background-color: #fffaeb;
  border: 2px #008489 solid;
  box-shadow: -5px 5px 0px #e1e1e1;
  border-radius: 10px;
  background-image: none;
}

/* line 3574, scss/compass/_template-style.scss */
.template-21.dog-style .img-drawer .imgDrawerContent li div {
  width: 100%;
  max-width: 200px;
  margin: auto;
  overflow: hidden;
  border-radius: 10px;
}

/* line 3580, scss/compass/_template-style.scss */
.template-21.dog-style .img-drawer .imgDrawerContent li div img {
  width: 100%;
}

/* line 3584, scss/compass/_template-style.scss */
.template-21.dog-style .img-drawer .imgDrawerContent li h4 {
  margin: 0px auto;
  font-size: 1.3rem;
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: 22px;
}

/* line 3591, scss/compass/_template-style.scss */
.template-21.dog-style .img-drawer .imgDrawerContent li p {
  margin: auto;
  margin-bottom: 5px;
}

/*-------------------------------------------------------------- color style setting*/
/* line 9, scss/compass/_color.scss */
.color-style1 .lightBox-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 13, scss/compass/_color.scss */
.color-style1 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 16, scss/compass/_color.scss */
.color-style1 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #fff;
}

/* line 17, scss/compass/_color.scss */
.color-style1 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #0a3f7b;
  border-color: #36669c;
}

/* line 21, scss/compass/_color.scss */
.color-style1 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover,
.color-style1 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  background-color: #0d4f9a;
  border-color: #3f76b5;
}

/* line 27, scss/compass/_color.scss */
.color-style1 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #6d6d6d;
  border-color: #999999;
}

/* line 31, scss/compass/_color.scss */
.color-style1 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover,
.color-style1 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #757575;
  border-color: #aaaaaa;
}

/* line 42, scss/compass/_color.scss */
.color-style1 .text-zebra .zebra-box {
  background-color: #efefef;
}

/* line 44, scss/compass/_color.scss */
.color-style1 .text-zebra .zebra-box .zebra-title {
  background-color: #36669c;
  color: #fff;
}

/* line 50, scss/compass/_color.scss */
.color-style1 .straight-memu {
  border-left-color: #36669c;
}

/* line 54, scss/compass/_color.scss */
.color-style1 .straight-memu li+li {
  border-top-color: #d8d8d8;
}

/* line 56, scss/compass/_color.scss */
.color-style1 .straight-memu li a {
  background-color: #f5f5f5;
  color: #31708f;
}

/* line 60, scss/compass/_color.scss */
.color-style1 .straight-memu li a:hover {
  color: #353535;
  background-color: #ffb141;
}

/* line 66, scss/compass/_color.scss */
.color-style1 .straight-memu li .focus-button {
  background-color: #36669c;
  color: #f8f6e7;
}

/* line 70, scss/compass/_color.scss */
.color-style1 .straight-memu li .focus-button:hover {
  background-color: #36669c;
  color: #f8f6e7;
}

/* line 79, scss/compass/_color.scss */
.color-style1 .registration-box .focus-red {
  color: #d00;
}

/* line 82, scss/compass/_color.scss */
.color-style1 .registration-box .annotation {
  color: #03456e;
}

/* line 85, scss/compass/_color.scss */
.color-style1 .registration-box .note {
  color: #d00;
}

/* line 88, scss/compass/_color.scss */
.color-style1 .registration-box .unit-name {
  color: #1e76be;
}

/* line 91, scss/compass/_color.scss */
.color-style1 .registration-box .user-name {
  color: #1e76be;
}

/* line 94, scss/compass/_color.scss */
.color-style1 .registration-box .registration-content {
  background-color: #f5f5f5;
}

/* line 98, scss/compass/_color.scss */
.color-style1 .registration-box ul li {
  border-bottom-color: #ddd;
}

/* line 102, scss/compass/_color.scss */
.color-style1 .registration-box ul li div .registration-text input {
  border-color: #a6a6a6;
}

/* line 105, scss/compass/_color.scss */
.color-style1 .registration-box ul li div .registration-text input:focus {
  border-color: #ff9800;
}

/* line 107, scss/compass/_color.scss */
.color-style1 .registration-box ul li div .registration-text p {
  color: #d00;
}

/* line 115, scss/compass/_color.scss */
.color-style1 .registration-box ul li .member-data div h3 {
  background-color: #36669c;
  color: #fff;
}

/* line 120, scss/compass/_color.scss */
.color-style1 .registration-box ul li .member-data div p span {
  color: #ff2c1c;
}

/* line 130, scss/compass/_color.scss */
.color-style1 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select {
  border-color: #a6a6a6;
}

/* line 133, scss/compass/_color.scss */
.color-style1 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select:focus {
  border-color: #ff9800;
}

/* line 142, scss/compass/_color.scss */
.color-style1 .registration-box ul .registration-average .registration-width-short div div select {
  border-color: #a6a6a6;
}

/* line 145, scss/compass/_color.scss */
.color-style1 .registration-box ul .registration-average .registration-width-short div div select:focus {
  border-color: #ff9800;
}

/* line 153, scss/compass/_color.scss */
.color-style1 .registration-box div .determine {
  background-color: #36669c;
  color: #fff;
  border-color: #284f7c;
  text-shadow: none;
}

/* line 158, scss/compass/_color.scss */
.color-style1 .registration-box div .determine:hover {
  background-color: #285b95;
  color: #fff;
  border-color: #003c61;
  text-shadow: none;
}

/* line 165, scss/compass/_color.scss */
.color-style1 .registration-box div .cancel {
  background-color: #aaaaaa;
  color: #fff;
  border-color: #cccccc;
  text-shadow: none;
}

/* line 171, scss/compass/_color.scss */
.color-style1 .registration-box div .cancel:hover {
  background-color: #9e9e9e;
  border-color: #bdbdbd;
}

/* line 181, scss/compass/_color.scss */
.color-style1 .video-search ul li a {
  color: #fff;
  background-color: #36669c;
}

/* line 184, scss/compass/_color.scss */
.color-style1 .video-search ul li a:hover,
.color-style1 .video-search ul li a:focus {
  background-color: #3f76b5;
}

/* line 193, scss/compass/_color.scss */
.color-style1 .video-search .video-object div a span {
  color: #03456e;
}

/* line 196, scss/compass/_color.scss */
.color-style1 .video-search .video-object div a .video-date {
  background-color: #efefef;
}

/* line 204, scss/compass/_color.scss */
.color-style1 .video-button a {
  color: #fff;
  background-color: #36669c;
}

/* line 207, scss/compass/_color.scss */
.color-style1 .video-button a:hover,
.color-style1 .video-button a:focus {
  background-color: #3f76b5;
}

/* line 212, scss/compass/_color.scss */
.color-style1 .tool-button .light-box {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 214, scss/compass/_color.scss */
.color-style1 .tool-button .light-box .light-box-content {
  background-color: #fff;
}

/* line 216, scss/compass/_color.scss */
.color-style1 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  background-color: #066caa;
}

/* line 219, scss/compass/_color.scss */
.color-style1 .tool-button .light-box .light-box-content .mail-eliminate:hover {
  background-color: #285b95;
}

/* line 220, scss/compass/_color.scss */
.color-style1 .tool-button .light-box .light-box-content .mail-eliminate:focus {
  color: #353535;
  background-color: #FFE16D;
}

/* line 225, scss/compass/_color.scss */
.color-style1 .tool-button .light-box .light-box-content .fill-data {
  border-bottom-color: #ddd;
}

/* line 228, scss/compass/_color.scss */
.color-style1 .tool-button .light-box .light-box-content .fill-data .data label {
  color: #6e6e6e;
}

/* line 229, scss/compass/_color.scss */
.color-style1 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]) {
  border-color: #a6a6a6;
}

/* line 231, scss/compass/_color.scss */
.color-style1 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #ff9800;
}

/* line 239, scss/compass/_color.scss */
.color-style1 .bulletin-title-list .link-button {
  background-color: #03456e;
}

/* line 241, scss/compass/_color.scss */
.color-style1 .bulletin-title-list .link-button a {
  color: #efefef;
}

/* line 246, scss/compass/_color.scss */
.color-style1 .tab-title {
  background-color: #efefef;
}

/* line 250, scss/compass/_color.scss */
.color-style1 .tab-title li a {
  background-color: #d9d9d9;
  color: #575757;
}

/* line 254, scss/compass/_color.scss */
.color-style1 .tab-title li .tab-select {
  background-color: #36669c;
  color: #fff;
}

@media screen and (max-width: 800px) {

  /* line 265, scss/compass/_color.scss */
  .color-style1 .right-content .right-content-menu .title-paging::after,
  .color-style1 .right-content .left-content-menu .title-paging::after,
  .color-style1 .left-content .right-content-menu .title-paging::after,
  .color-style1 .left-content .left-content-menu .title-paging::after {
    border-color: #345f8f transparent transparent transparent;
  }
}

@media screen and (max-width: 990px) {

  /* line 274, scss/compass/_color.scss */
  .color-style1 .tool-button .light-box .light-box-content .mail-eliminate {
    color: #0a3f7b;
    background-color: #f4f4f4;
    border-color: #ddd;
  }
}

@media screen and (max-width: 415px) {

  /* line 285, scss/compass/_color.scss */
  .color-style1 .tab-inner .bulletin-title-list {
    width: 100%;
  }

  /* line 287, scss/compass/_color.scss */
  .color-style1 .tab-inner .bulletin-title-list .wdn_responsive_table {
    box-shadow: -5px 0px 0 #b8b8b8;
  }

  /* line 290, scss/compass/_color.scss */
  .color-style1 .tab-inner .bulletin-title-list .link-button {
    box-shadow: -5px 0px 0 #b8b8b8;
  }
}

@media (min-width: 48em) {

  /* line 299, scss/compass/_color.scss */
  .color-style1 .paging-content:not(.article-page) table th {
    color: #fff;
    border: 2px solid #fff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#066caa+0,03456e+100 */
    background: #36669c;
    /* Old browsers */
    background: -moz-linear-gradient(top, #36669c 0%, #27507e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #36669c 0%, #27507e 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #36669c 0%, #27507e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36669c', endColorstr='#27507e', GradientType=0);
    /* IE6-9 */
    background-color: #36669c;
  }
}

/* line 315, scss/compass/_color.scss */
.color-style2 .lightBox-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 319, scss/compass/_color.scss */
.color-style2 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 322, scss/compass/_color.scss */
.color-style2 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #fff;
}

/* line 323, scss/compass/_color.scss */
.color-style2 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #a83d3d;
  border-color: #e05757;
}

/* line 326, scss/compass/_color.scss */
.color-style2 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover,
.color-style2 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  background-color: #be4f4f;
  border-color: #ed9f9f;
}

/* line 332, scss/compass/_color.scss */
.color-style2 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #6d6d6d;
  border-color: #999999;
}

/* line 335, scss/compass/_color.scss */
.color-style2 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover,
.color-style2 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #757575;
  border-color: #aaaaaa;
}

/* line 346, scss/compass/_color.scss */
.color-style2 .text-zebra .zebra-box {
  background-color: #efefef;
}

/* line 348, scss/compass/_color.scss */
.color-style2 .text-zebra .zebra-box .zebra-title {
  background-color: #bd4a4a;
  color: #fff;
}

/* line 354, scss/compass/_color.scss */
.color-style2 .straight-memu {
  border-left-color: #811818;
}

/* line 357, scss/compass/_color.scss */
.color-style2 .straight-memu li+li {
  border-top-color: #d8d8d8;
}

/* line 359, scss/compass/_color.scss */
.color-style2 .straight-memu li a {
  background-color: #f5f5f5;
  color: #715151;
}

/* line 363, scss/compass/_color.scss */
.color-style2 .straight-memu li a:hover {
  background-color: #a45b5b;
  color: #ffffff;
}

/* line 369, scss/compass/_color.scss */
.color-style2 .straight-memu li .focus-button {
  background-color: #811818;
  color: #f8f6e7;
}

/* line 373, scss/compass/_color.scss */
.color-style2 .straight-memu li .focus-button:hover {
  background-color: #811818;
  color: #f8f6e7;
}

/* line 382, scss/compass/_color.scss */
.color-style2 .registration-box .focus-red {
  color: #d00;
}

/* line 385, scss/compass/_color.scss */
.color-style2 .registration-box .annotation {
  color: #03456e;
}

/* line 388, scss/compass/_color.scss */
.color-style2 .registration-box .note {
  color: #d00;
}

/* line 391, scss/compass/_color.scss */
.color-style2 .registration-box .unit-name {
  color: #1e76be;
}

/* line 394, scss/compass/_color.scss */
.color-style2 .registration-box .user-name {
  color: #1e76be;
}

/* line 397, scss/compass/_color.scss */
.color-style2 .registration-box .registration-content {
  background-color: #f5f5f5;
}

/* line 401, scss/compass/_color.scss */
.color-style2 .registration-box ul li {
  border-bottom-color: #ddd;
}

/* line 405, scss/compass/_color.scss */
.color-style2 .registration-box ul li div .registration-text input {
  border-color: #a6a6a6;
}

/* line 408, scss/compass/_color.scss */
.color-style2 .registration-box ul li div .registration-text input:focus {
  border-color: #ff9800;
}

/* line 410, scss/compass/_color.scss */
.color-style2 .registration-box ul li div .registration-text p {
  color: #d00;
}

/* line 418, scss/compass/_color.scss */
.color-style2 .registration-box ul li .member-data div h3 {
  background-color: #811818;
  color: #fff;
}

/* line 423, scss/compass/_color.scss */
.color-style2 .registration-box ul li .member-data div p span {
  color: #ff2c1c;
}

/* line 433, scss/compass/_color.scss */
.color-style2 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select {
  border-color: #a6a6a6;
}

/* line 436, scss/compass/_color.scss */
.color-style2 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select:focus {
  border-color: #ff9800;
}

/* line 445, scss/compass/_color.scss */
.color-style2 .registration-box ul .registration-average .registration-width-short div div select {
  border-color: #a6a6a6;
}

/* line 448, scss/compass/_color.scss */
.color-style2 .registration-box ul .registration-average .registration-width-short div div select:focus {
  border-color: #ff9800;
}

/* line 456, scss/compass/_color.scss */
.color-style2 .registration-box div .determine {
  background-color: #811818;
  color: #fff;
  border-color: #5e0a0a;
  text-shadow: none;
}

/* line 462, scss/compass/_color.scss */
.color-style2 .registration-box div .determine:hover {
  background-color: #be4f4f;
  color: #fff;
  border-color: #a33333;
  text-shadow: none;
}

/* line 469, scss/compass/_color.scss */
.color-style2 .registration-box div .cancel {
  background-color: #aaaaaa;
  border-color: #cccccc;
  text-shadow: none;
}

/* line 474, scss/compass/_color.scss */
.color-style2 .registration-box div .cancel:hover {
  background-color: #9e9e9e;
  border-color: #bdbdbd;
}

/* line 484, scss/compass/_color.scss */
.color-style2 .video-search ul li a {
  color: #fff;
  background-color: #be4f4f;
}

/* line 487, scss/compass/_color.scss */
.color-style2 .video-search ul li a:hover,
.color-style2 .video-search ul li a:focus {
  background-color: #ac3f3f;
}

/* line 496, scss/compass/_color.scss */
.color-style2 .video-search .video-object div a span {
  color: #575757;
}

/* line 499, scss/compass/_color.scss */
.color-style2 .video-search .video-object div a .video-date {
  background-color: #efefef;
}

/* line 507, scss/compass/_color.scss */
.color-style2 .video-button a {
  color: #fff;
  background-color: #be4f4f;
}

/* line 510, scss/compass/_color.scss */
.color-style2 .video-button a:hover,
.color-style2 .video-button a:focus {
  background-color: #ac3f3f;
}

/* line 515, scss/compass/_color.scss */
.color-style2 .tool-button .light-box {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 517, scss/compass/_color.scss */
.color-style2 .tool-button .light-box .light-box-content {
  background-color: #fff;
}

/* line 519, scss/compass/_color.scss */
.color-style2 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  background-color: #c23d3d;
}

/* line 522, scss/compass/_color.scss */
.color-style2 .tool-button .light-box .light-box-content .mail-eliminate:hover {
  background-color: #be4f4f;
}

/* line 523, scss/compass/_color.scss */
.color-style2 .tool-button .light-box .light-box-content .mail-eliminate:focus {
  color: #353535;
  background-color: #FFE16D;
}

/* line 528, scss/compass/_color.scss */
.color-style2 .tool-button .light-box .light-box-content .fill-data {
  border-bottom-color: #ddd;
}

/* line 531, scss/compass/_color.scss */
.color-style2 .tool-button .light-box .light-box-content .fill-data .data label {
  color: #6e6e6e;
}

/* line 534, scss/compass/_color.scss */
.color-style2 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]) {
  border-color: #a6a6a6;
}

/* line 537, scss/compass/_color.scss */
.color-style2 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #ff9800;
}

/* line 543, scss/compass/_color.scss */
.color-style2 .tool-button a {
  border-color: #ddd;
  background-color: #ffffff;
}

/* line 546, scss/compass/_color.scss */
.color-style2 .tool-button a:hover,
.color-style2 .tool-button a:focus,
.color-style2 .tool-button a:active {
  background-color: #f0f0f0;
}

/* line 554, scss/compass/_color.scss */
.color-style2 .bulletin-title-list .link-button {
  background-color: #bb4242;
}

/* line 556, scss/compass/_color.scss */
.color-style2 .bulletin-title-list .link-button a {
  color: #efefef;
}

/* line 559, scss/compass/_color.scss */
.color-style2 .tab-title {
  background-color: #efefef;
}

/* line 562, scss/compass/_color.scss */
.color-style2 .tab-title li a {
  color: #575757;
  background-color: #d9d9d9;
}

/* line 566, scss/compass/_color.scss */
.color-style2 .tab-title li .tab-select {
  background-color: #811818;
  color: #fff;
}

@media screen and (max-width: 990px) {

  /* line 576, scss/compass/_color.scss */
  .color-style2 .tool-button .light-box .light-box-content .mail-eliminate {
    color: #811818;
    background-color: #f4f4f4;
    border-color: #ddd;
  }
}

@media screen and (max-width: 800px) {

  /* line 590, scss/compass/_color.scss */
  .color-style2 .right-content .right-content-menu .title-paging::after,
  .color-style2 .right-content .left-content-menu .title-paging::after,
  .color-style2 .left-content .right-content-menu .title-paging::after,
  .color-style2 .left-content .left-content-menu .title-paging::after {
    border-color: #875252 transparent transparent transparent;
  }
}

@media screen and (max-width: 415px) {

  /* line 597, scss/compass/_color.scss */
  .color-style2 .tab-inner .bulletin-title-list {
    width: 100%;
  }

  /* line 599, scss/compass/_color.scss */
  .color-style2 .tab-inner .bulletin-title-list .wdn_responsive_table {
    box-shadow: -5px 0px 0 #eb6f6f;
  }

  /* line 602, scss/compass/_color.scss */
  .color-style2 .tab-inner .bulletin-title-list .link-button {
    box-shadow: -5px 0px 0 #eb6f6f;
  }
}

@media (min-width: 48em) {

  /* line 610, scss/compass/_color.scss */
  .color-style2 .paging-content:not(.article-page) table th {
    color: #fff;
    border: 2px solid #fff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#066caa+0,03456e+100 */
    background: #c94c4c;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c94c4c 0%, #c53f3f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c94c4c 0%, #c53f3f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c94c4c 0%, #c53f3f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c94c4c', endColorstr='#c53f3f', GradientType=0);
    /* IE6-9 */
    background-color: #c94c4c;
  }
}

/* line 626, scss/compass/_color.scss */
.color-style3 .lightBox-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 630, scss/compass/_color.scss */
.color-style3 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 633, scss/compass/_color.scss */
.color-style3 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #000000;
}

/* line 634, scss/compass/_color.scss */
.color-style3 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #ffc36d;
  border-color: #e39019;
}

/* line 638, scss/compass/_color.scss */
.color-style3 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover,
.color-style3 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  background-color: #F6C4C4;
  border-color: #e44f4f;
}

/* line 644, scss/compass/_color.scss */
.color-style3 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #bbbbbb;
  border-color: #999999;
}

/* line 648, scss/compass/_color.scss */
.color-style3 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover,
.color-style3 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #fff;
  border-color: #e44f4f;
}

/* line 659, scss/compass/_color.scss */
.color-style3 .text-zebra .zebra-box {
  background-color: #efefef;
}

/* line 661, scss/compass/_color.scss */
.color-style3 .text-zebra .zebra-box .zebra-title {
  background-color: #f39713;
  color: #fff;
}

/* line 667, scss/compass/_color.scss */
.color-style3 .straight-memu {
  border-left-color: #ca7700;
}

/* line 671, scss/compass/_color.scss */
.color-style3 .straight-memu li+li {
  border-top-color: #d8d8d8;
}

/* line 673, scss/compass/_color.scss */
.color-style3 .straight-memu li a {
  background-color: #f5f5f5;
  color: #575757;
}

/* line 677, scss/compass/_color.scss */
.color-style3 .straight-memu li a:hover {
  background-color: #ffd598;
  color: #575757;
}

/* line 683, scss/compass/_color.scss */
.color-style3 .straight-memu li .focus-button {
  background-color: #f7bb64;
  color: #000000;
}

/* line 687, scss/compass/_color.scss */
.color-style3 .straight-memu li .focus-button:hover {
  background-color: #f7bb64;
  color: #000000;
}

/* line 696, scss/compass/_color.scss */
.color-style3 .registration-box .focus-red {
  color: #d00;
}

/* line 699, scss/compass/_color.scss */
.color-style3 .registration-box .annotation {
  color: #03456e;
}

/* line 702, scss/compass/_color.scss */
.color-style3 .registration-box .note {
  color: #d00;
}

/* line 705, scss/compass/_color.scss */
.color-style3 .registration-box .unit-name {
  color: #1e76be;
}

/* line 708, scss/compass/_color.scss */
.color-style3 .registration-box .user-name {
  color: #1e76be;
}

/* line 711, scss/compass/_color.scss */
.color-style3 .registration-box .registration-content {
  background-color: #f5f5f5;
}

/* line 715, scss/compass/_color.scss */
.color-style3 .registration-box ul li {
  border-bottom-color: #ddd;
}

/* line 719, scss/compass/_color.scss */
.color-style3 .registration-box ul li div .registration-text input {
  border-color: #a6a6a6;
}

/* line 722, scss/compass/_color.scss */
.color-style3 .registration-box ul li div .registration-text input:focus {
  border-color: #ff9800;
}

/* line 724, scss/compass/_color.scss */
.color-style3 .registration-box ul li div .registration-text p {
  color: #d00;
}

/* line 732, scss/compass/_color.scss */
.color-style3 .registration-box ul li .member-data div h3 {
  background-color: #ca7700;
  color: #fff;
}

/* line 737, scss/compass/_color.scss */
.color-style3 .registration-box ul li .member-data div p span {
  color: #ff2c1c;
}

/* line 747, scss/compass/_color.scss */
.color-style3 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select {
  border-color: #a6a6a6;
}

/* line 750, scss/compass/_color.scss */
.color-style3 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select:focus {
  border-color: #ff9800;
}

/* line 759, scss/compass/_color.scss */
.color-style3 .registration-box ul .registration-average .registration-width-short div div select {
  border-color: #a6a6a6;
}

/* line 762, scss/compass/_color.scss */
.color-style3 .registration-box ul .registration-average .registration-width-short div div select:focus {
  border-color: #ff9800;
}

/* line 770, scss/compass/_color.scss */
.color-style3 .registration-box div .determine {
  background-color: #ffa21d;
  color: #fff;
  border-color: #e39019;
  text-shadow: none;
}

/* line 776, scss/compass/_color.scss */
.color-style3 .registration-box div .determine:hover {
  background-color: #ffb141;
  color: #fff;
  border-color: #f6970f;
  text-shadow: none;
}

/* line 783, scss/compass/_color.scss */
.color-style3 .registration-box div .cancel {
  background-color: #aaaaaa;
  border-color: #cccccc;
  text-shadow: none;
}

/* line 788, scss/compass/_color.scss */
.color-style3 .registration-box div .cancel:hover {
  background-color: #9e9e9e;
  border-color: #bdbdbd;
}

/* line 798, scss/compass/_color.scss */
.color-style3 .video-search ul li a {
  color: #353535;
  background-color: #ffc36d;
}

/* line 801, scss/compass/_color.scss */
.color-style3 .video-search ul li a:hover,
.color-style3 .video-search ul li a:focus {
  color: #ffffff;
  background-color: #ac3f3f;
}

/* line 810, scss/compass/_color.scss */
.color-style3 .video-search .video-object div a span {
  color: #575757;
}

/* line 813, scss/compass/_color.scss */
.color-style3 .video-search .video-object div a .video-date {
  background-color: #efefef;
}

/* line 821, scss/compass/_color.scss */
.color-style3 .video-button a {
  color: #353535;
  background-color: #ffc36d;
}

/* line 824, scss/compass/_color.scss */
.color-style3 .video-button a:hover,
.color-style3 .video-button a:focus {
  color: #ffffff;
  background-color: #ac3f3f;
}

/* line 829, scss/compass/_color.scss */
.color-style3 .tool-button .light-box {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 831, scss/compass/_color.scss */
.color-style3 .tool-button .light-box .light-box-content {
  background-color: #fff;
}

/* line 833, scss/compass/_color.scss */
.color-style3 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #000000;
  background-color: #eb9212;
}

/* line 836, scss/compass/_color.scss */
.color-style3 .tool-button .light-box .light-box-content .mail-eliminate:hover {
  background-color: #ffb750;
}

/* line 837, scss/compass/_color.scss */
.color-style3 .tool-button .light-box .light-box-content .mail-eliminate:focus {
  color: #fff;
  background-color: #e00;
}

/* line 842, scss/compass/_color.scss */
.color-style3 .tool-button .light-box .light-box-content .fill-data {
  border-bottom-color: #ddd;
}

/* line 845, scss/compass/_color.scss */
.color-style3 .tool-button .light-box .light-box-content .fill-data .data label {
  color: #6e6e6e;
}

/* line 846, scss/compass/_color.scss */
.color-style3 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]) {
  border-color: #a6a6a6;
}

/* line 849, scss/compass/_color.scss */
.color-style3 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #ff9800;
}

/* line 855, scss/compass/_color.scss */
.color-style3 .tool-button a {
  border-color: #ddd;
  background-color: #ffffff;
}

/* line 858, scss/compass/_color.scss */
.color-style3 .tool-button a:hover,
.color-style3 .tool-button a:focus,
.color-style3 .tool-button a:active {
  background-color: #f0f0f0;
}

/* line 866, scss/compass/_color.scss */
.color-style3 .bulletin-title-list .link-button {
  background-color: #ca7700;
}

/* line 868, scss/compass/_color.scss */
.color-style3 .bulletin-title-list .link-button a {
  color: #efefef;
}

/* line 873, scss/compass/_color.scss */
.color-style3 .tab-title {
  background-color: #efefef;
}

/* line 876, scss/compass/_color.scss */
.color-style3 .tab-title li a {
  background-color: #d9d9d9;
  color: #575757;
}

/* line 880, scss/compass/_color.scss */
.color-style3 .tab-title li .tab-select {
  background-color: #ffb141;
  color: #fff;
}

@media screen and (max-width: 990px) {

  /* line 890, scss/compass/_color.scss */
  .color-style3 .tool-button .light-box .light-box-content .mail-eliminate {
    color: #ca7700;
    background-color: #f4f4f4;
    border-color: #ddd;
  }
}

@media screen and (max-width: 800px) {

  /* line 904, scss/compass/_color.scss */
  .color-style3 .right-content .right-content-menu .title-paging::after,
  .color-style3 .right-content .left-content-menu .title-paging::after,
  .color-style3 .left-content .right-content-menu .title-paging::after,
  .color-style3 .left-content .left-content-menu .title-paging::after {
    border-color: #ca7700 transparent transparent transparent;
  }
}

@media screen and (max-width: 415px) {

  /* line 911, scss/compass/_color.scss */
  .color-style3 .tab-inner .bulletin-title-list {
    width: 100%;
  }

  /* line 913, scss/compass/_color.scss */
  .color-style3 .tab-inner .bulletin-title-list .wdn_responsive_table {
    box-shadow: -5px 0px 0 #e7a039;
  }

  /* line 916, scss/compass/_color.scss */
  .color-style3 .tab-inner .bulletin-title-list .link-button {
    box-shadow: -5px 0px 0 #e7a039;
  }
}

@media (min-width: 48em) {

  /* line 924, scss/compass/_color.scss */
  .color-style3 .paging-content:not(.article-page) table th {
    color: #353535;
    border: 2px solid #fff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#066caa+0,03456e+100 */
    background: #ffc572;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffc572 0%, #ffb750 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffc572 0%, #ffb750 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffc572 0%, #ffb750 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc572', endColorstr='#ffb750', GradientType=0);
    /* IE6-9 */
    background-color: #ffc572;
  }
}

/* line 940, scss/compass/_color.scss */
.color-style4 .lightBox-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 944, scss/compass/_color.scss */
.color-style4 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 947, scss/compass/_color.scss */
.color-style4 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #fff;
}

/* line 948, scss/compass/_color.scss */
.color-style4 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #188144;
  border-color: #39ad6a;
}

/* line 951, scss/compass/_color.scss */
.color-style4 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover,
.color-style4 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  background-color: #15733c;
  border-color: #46c27a;
}

/* line 957, scss/compass/_color.scss */
.color-style4 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #6d6d6d;
  border-color: #999999;
}

/* line 960, scss/compass/_color.scss */
.color-style4 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover,
.color-style4 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #757575;
  border-color: #aaaaaa;
}

/* line 971, scss/compass/_color.scss */
.color-style4 .text-zebra .zebra-box {
  background-color: #efefef;
}

/* line 973, scss/compass/_color.scss */
.color-style4 .text-zebra .zebra-box .zebra-title {
  background-color: #229452;
  color: #fff;
}

/* line 979, scss/compass/_color.scss */
.color-style4 .straight-memu {
  border-left-color: #188144;
}

/* line 983, scss/compass/_color.scss */
.color-style4 .straight-memu li+li {
  border-top-color: #d8d8d8;
}

/* line 985, scss/compass/_color.scss */
.color-style4 .straight-memu li a {
  background-color: #f5f5f5;
  color: #575757;
}

/* line 989, scss/compass/_color.scss */
.color-style4 .straight-memu li a:hover {
  background-color: #e8e7e7;
  color: #575757;
}

/* line 995, scss/compass/_color.scss */
.color-style4 .straight-memu li .focus-button {
  background-color: #46c27a;
  color: #303030;
}

/* line 999, scss/compass/_color.scss */
.color-style4 .straight-memu li .focus-button:hover {
  background-color: #46c27a;
  color: #303030;
}

/* line 1008, scss/compass/_color.scss */
.color-style4 .registration-box .focus-red {
  color: #d00;
}

/* line 1011, scss/compass/_color.scss */
.color-style4 .registration-box .annotation {
  color: #03456e;
}

/* line 1014, scss/compass/_color.scss */
.color-style4 .registration-box .note {
  color: #d00;
}

/* line 1017, scss/compass/_color.scss */
.color-style4 .registration-box .unit-name {
  color: #1e76be;
}

/* line 1020, scss/compass/_color.scss */
.color-style4 .registration-box .user-name {
  color: #1e76be;
}

/* line 1023, scss/compass/_color.scss */
.color-style4 .registration-box .registration-content {
  background-color: #f5f5f5;
}

/* line 1027, scss/compass/_color.scss */
.color-style4 .registration-box ul li {
  border-bottom-color: #ddd;
}

/* line 1031, scss/compass/_color.scss */
.color-style4 .registration-box ul li div .registration-text input {
  border-color: #a6a6a6;
}

/* line 1034, scss/compass/_color.scss */
.color-style4 .registration-box ul li div .registration-text input:focus {
  border-color: #ff9800;
}

/* line 1036, scss/compass/_color.scss */
.color-style4 .registration-box ul li div .registration-text p {
  color: #d00;
}

/* line 1044, scss/compass/_color.scss */
.color-style4 .registration-box ul li .member-data div h3 {
  background-color: #188144;
  color: #fff;
}

/* line 1049, scss/compass/_color.scss */
.color-style4 .registration-box ul li .member-data div p span {
  color: #ff2c1c;
}

/* line 1059, scss/compass/_color.scss */
.color-style4 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select {
  border-color: #a6a6a6;
}

/* line 1062, scss/compass/_color.scss */
.color-style4 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select:focus {
  border-color: #ff9800;
}

/* line 1071, scss/compass/_color.scss */
.color-style4 .registration-box ul .registration-average .registration-width-short div div select {
  border-color: #a6a6a6;
}

/* line 1074, scss/compass/_color.scss */
.color-style4 .registration-box ul .registration-average .registration-width-short div div select:focus {
  border-color: #ff9800;
}

/* line 1082, scss/compass/_color.scss */
.color-style4 .registration-box div .determine {
  background-color: #188144;
  color: #fff;
  border-color: #39ad6a;
  text-shadow: none;
}

/* line 1088, scss/compass/_color.scss */
.color-style4 .registration-box div .determine:hover {
  background-color: #278a51;
  color: #fff;
  border-color: #50c882;
  text-shadow: none;
}

/* line 1095, scss/compass/_color.scss */
.color-style4 .registration-box div .cancel {
  background-color: #aaaaaa;
  border-color: #cccccc;
  text-shadow: none;
}

/* line 1100, scss/compass/_color.scss */
.color-style4 .registration-box div .cancel:hover {
  background-color: #9e9e9e;
  border-color: #bdbdbd;
}

/* line 1110, scss/compass/_color.scss */
.color-style4 .video-search ul li a {
  color: #fff;
  background-color: #287a4a;
}

/* line 1113, scss/compass/_color.scss */
.color-style4 .video-search ul li a:hover,
.color-style4 .video-search ul li a:focus {
  background-color: #20603a;
}

/* line 1122, scss/compass/_color.scss */
.color-style4 .video-search .video-object div a span {
  color: #575757;
}

/* line 1125, scss/compass/_color.scss */
.color-style4 .video-search .video-object div a .video-date {
  background-color: #efefef;
}

/* line 1133, scss/compass/_color.scss */
.color-style4 .video-button a {
  background-color: #287a4a;
  color: #fff;
}

/* line 1136, scss/compass/_color.scss */
.color-style4 .video-button a:hover,
.color-style4 .video-button a:focus {
  background-color: #20603a;
}

/* line 1141, scss/compass/_color.scss */
.color-style4 .tool-button .light-box {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 1143, scss/compass/_color.scss */
.color-style4 .tool-button .light-box .light-box-content {
  background-color: #fff;
}

/* line 1145, scss/compass/_color.scss */
.color-style4 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  background-color: #188144;
}

/* line 1148, scss/compass/_color.scss */
.color-style4 .tool-button .light-box .light-box-content .mail-eliminate:hover {
  background-color: #15733c;
}

/* line 1149, scss/compass/_color.scss */
.color-style4 .tool-button .light-box .light-box-content .mail-eliminate:focus {
  color: #353535;
  background-color: #FFE16D;
}

/* line 1154, scss/compass/_color.scss */
.color-style4 .tool-button .light-box .light-box-content .fill-data {
  border-bottom-color: #ddd;
}

/* line 1157, scss/compass/_color.scss */
.color-style4 .tool-button .light-box .light-box-content .fill-data .data label {
  color: #6e6e6e;
}

/* line 1160, scss/compass/_color.scss */
.color-style4 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]) {
  border-color: #a6a6a6;
}

/* line 1163, scss/compass/_color.scss */
.color-style4 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #ff9800;
}

/* line 1169, scss/compass/_color.scss */
.color-style4 .tool-button a {
  border-color: #ddd;
  background-color: #ffffff;
}

/* line 1172, scss/compass/_color.scss */
.color-style4 .tool-button a:hover,
.color-style4 .tool-button a:focus,
.color-style4 .tool-button a:active {
  background-color: #f0f0f0;
}

/* line 1180, scss/compass/_color.scss */
.color-style4 .bulletin-title-list .link-button {
  background-color: #0a5e10;
}

/* line 1182, scss/compass/_color.scss */
.color-style4 .bulletin-title-list .link-button a {
  color: #efefef;
}

/* line 1187, scss/compass/_color.scss */
.color-style4 .tab-title {
  background-color: #efefef;
}

/* line 1190, scss/compass/_color.scss */
.color-style4 .tab-title li a {
  background-color: #d9d9d9;
  color: #575757;
}

/* line 1194, scss/compass/_color.scss */
.color-style4 .tab-title li .tab-select {
  background-color: #188144;
  color: #fff;
}

@media screen and (max-width: 990px) {

  /* line 1204, scss/compass/_color.scss */
  .color-style4 .tool-button .light-box .light-box-content .mail-eliminate {
    color: #0a5e10;
    background-color: #f4f4f4;
    border-color: #ddd;
  }
}

@media screen and (max-width: 800px) {

  /* line 1218, scss/compass/_color.scss */
  .color-style4 .right-content .right-content-menu .title-paging::after,
  .color-style4 .right-content .left-content-menu .title-paging::after,
  .color-style4 .left-content .right-content-menu .title-paging::after,
  .color-style4 .left-content .left-content-menu .title-paging::after {
    border-color: #188144 transparent transparent transparent;
  }
}

@media screen and (max-width: 415px) {

  /* line 1225, scss/compass/_color.scss */
  .color-style4 .tab-inner .bulletin-title-list {
    width: 100%;
  }

  /* line 1227, scss/compass/_color.scss */
  .color-style4 .tab-inner .bulletin-title-list .wdn_responsive_table {
    box-shadow: -5px 0px 0 #b8b8b8;
  }

  /* line 1230, scss/compass/_color.scss */
  .color-style4 .tab-inner .bulletin-title-list .link-button {
    box-shadow: -5px 0px 0 #b8b8b8;
  }
}

@media (min-width: 48em) {

  /* line 1238, scss/compass/_color.scss */
  .color-style4 .paging-content:not(.article-page) table th {
    color: #fff;
    border: 2px solid #fff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#066caa+0,03456e+100 */
    background: #1f864a;
    /* Old browsers */
    background: -moz-linear-gradient(top, #1f864a 0%, #1c7842 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1f864a 0%, #1c7842 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1f864a 0%, #1c7842 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f864a', endColorstr='#1c7842', GradientType=0);
    /* IE6-9 */
    background-color: #1f864a;
  }
}

/* line 1254, scss/compass/_color.scss */
.color-style5 .lightBox-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 1258, scss/compass/_color.scss */
.color-style5 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 1261, scss/compass/_color.scss */
.color-style5 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #000000;
}

/* line 1262, scss/compass/_color.scss */
.color-style5 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #ff9999;
  border-color: #ffbcbc;
}

/* line 1265, scss/compass/_color.scss */
.color-style5 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover,
.color-style5 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  background-color: #faa;
  border-color: #ffcdcd;
}

/* line 1271, scss/compass/_color.scss */
.color-style5 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #aaaaaa;
  border-color: #cccccc;
}

/* line 1274, scss/compass/_color.scss */
.color-style5 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover,
.color-style5 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #cccccc;
  border-color: #aaaaaa;
}

/* line 1285, scss/compass/_color.scss */
.color-style5 .text-zebra .zebra-box {
  background-color: #efefef;
}

/* line 1287, scss/compass/_color.scss */
.color-style5 .text-zebra .zebra-box .zebra-title {
  color: #fff;
  background-color: #fb9191;
}

/* line 1293, scss/compass/_color.scss */
.color-style5 .straight-memu {
  border-left-color: #ffa9a9;
}

/* line 1297, scss/compass/_color.scss */
.color-style5 .straight-memu li+li {
  border-top-color: #d8d8d8;
}

/* line 1299, scss/compass/_color.scss */
.color-style5 .straight-memu li a {
  background-color: #f5f5f5;
  color: #575757;
}

/* line 1303, scss/compass/_color.scss */
.color-style5 .straight-memu li a:hover {
  background-color: #ffbcbc;
  color: #000;
}

/* line 1309, scss/compass/_color.scss */
.color-style5 .straight-memu li .focus-button {
  background-color: #ffdede;
  color: #000;
}

/* line 1313, scss/compass/_color.scss */
.color-style5 .straight-memu li .focus-button:hover {
  background-color: #ffdede;
  color: #000;
}

/* line 1322, scss/compass/_color.scss */
.color-style5 .registration-box .focus-red {
  color: #d00;
}

/* line 1325, scss/compass/_color.scss */
.color-style5 .registration-box .annotation {
  color: #03456e;
}

/* line 1328, scss/compass/_color.scss */
.color-style5 .registration-box .note {
  color: #d00;
}

/* line 1331, scss/compass/_color.scss */
.color-style5 .registration-box .unit-name {
  color: #1e76be;
}

/* line 1334, scss/compass/_color.scss */
.color-style5 .registration-box .user-name {
  color: #1e76be;
}

/* line 1337, scss/compass/_color.scss */
.color-style5 .registration-box .registration-content {
  background-color: #f5f5f5;
}

/* line 1341, scss/compass/_color.scss */
.color-style5 .registration-box ul li {
  border-bottom-color: #ddd;
}

/* line 1345, scss/compass/_color.scss */
.color-style5 .registration-box ul li div .registration-text input {
  border-color: #a6a6a6;
}

/* line 1348, scss/compass/_color.scss */
.color-style5 .registration-box ul li div .registration-text input:focus {
  border-color: #ff9800;
}

/* line 1350, scss/compass/_color.scss */
.color-style5 .registration-box ul li div .registration-text p {
  color: #d00;
}

/* line 1358, scss/compass/_color.scss */
.color-style5 .registration-box ul li .member-data div h3 {
  background-color: #ff7d7d;
  color: #fff;
}

/* line 1363, scss/compass/_color.scss */
.color-style5 .registration-box ul li .member-data div p span {
  color: #ff2c1c;
}

/* line 1373, scss/compass/_color.scss */
.color-style5 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select {
  border-color: #a6a6a6;
}

/* line 1376, scss/compass/_color.scss */
.color-style5 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select:focus {
  border-color: #ff9800;
}

/* line 1385, scss/compass/_color.scss */
.color-style5 .registration-box ul .registration-average .registration-width-short div div select {
  border-color: #a6a6a6;
}

/* line 1388, scss/compass/_color.scss */
.color-style5 .registration-box ul .registration-average .registration-width-short div div select:focus {
  border-color: #ff9800;
}

/* line 1396, scss/compass/_color.scss */
.color-style5 .registration-box div .determine {
  background-color: #ff9999;
  color: #fff;
  border-color: #ffbcbc;
  text-shadow: none;
}

/* line 1402, scss/compass/_color.scss */
.color-style5 .registration-box div .determine:hover {
  background-color: #ff7d7d;
  color: #fff;
  border-color: #ffaaaa;
  text-shadow: none;
}

/* line 1409, scss/compass/_color.scss */
.color-style5 .registration-box div .cancel {
  background-color: #aaaaaa;
  border-color: #cccccc;
  text-shadow: none;
}

/* line 1414, scss/compass/_color.scss */
.color-style5 .registration-box div .cancel:hover {
  background-color: #9e9e9e;
  border-color: #bdbdbd;
}

/* line 1424, scss/compass/_color.scss */
.color-style5 .video-search ul li a {
  color: #000;
  background-color: #ff9f9f;
}

/* line 1427, scss/compass/_color.scss */
.color-style5 .video-search ul li a:hover,
.color-style5 .video-search ul li a:focus {
  background-color: #ffb0b0;
}

/* line 1436, scss/compass/_color.scss */
.color-style5 .video-search .video-object div a span {
  color: #575757;
}

/* line 1439, scss/compass/_color.scss */
.color-style5 .video-search .video-object div a .video-date {
  background-color: #efefef;
}

/* line 1447, scss/compass/_color.scss */
.color-style5 .video-button a {
  color: #000;
  background-color: #ff9f9f;
}

/* line 1450, scss/compass/_color.scss */
.color-style5 .video-button a:hover,
.color-style5 .video-button a:focus {
  background-color: #ffb0b0;
}

/* line 1455, scss/compass/_color.scss */
.color-style5 .tool-button .light-box {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 1457, scss/compass/_color.scss */
.color-style5 .tool-button .light-box .light-box-content {
  background-color: #fff;
}

/* line 1459, scss/compass/_color.scss */
.color-style5 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #000;
  background-color: #ff9999;
}

/* line 1462, scss/compass/_color.scss */
.color-style5 .tool-button .light-box .light-box-content .mail-eliminate:hover {
  background-color: #faa;
}

/* line 1463, scss/compass/_color.scss */
.color-style5 .tool-button .light-box .light-box-content .mail-eliminate:focus {
  background-color: #FFE16D;
}

/* line 1465, scss/compass/_color.scss */
.color-style5 .tool-button .light-box .light-box-content .fill-data {
  border-bottom-color: #ddd;
}

/* line 1468, scss/compass/_color.scss */
.color-style5 .tool-button .light-box .light-box-content .fill-data .data label {
  color: #6e6e6e;
}

/* line 1471, scss/compass/_color.scss */
.color-style5 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]) {
  border-color: #a6a6a6;
}

/* line 1474, scss/compass/_color.scss */
.color-style5 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #ff9800;
}

/* line 1480, scss/compass/_color.scss */
.color-style5 .tool-button a {
  border-color: #ddd;
  background-color: #ffffff;
}

/* line 1483, scss/compass/_color.scss */
.color-style5 .tool-button a:hover,
.color-style5 .tool-button a:focus,
.color-style5 .tool-button a:active {
  background-color: #f0f0f0;
}

/* line 1491, scss/compass/_color.scss */
.color-style5 .bulletin-title-list .link-button {
  background-color: #ffa9a9;
}

/* line 1493, scss/compass/_color.scss */
.color-style5 .bulletin-title-list .link-button a {
  color: #920303;
}

/* line 1498, scss/compass/_color.scss */
.color-style5 .tab-title {
  background-color: #efefef;
}

/* line 1501, scss/compass/_color.scss */
.color-style5 .tab-title li a {
  background-color: #d9d9d9;
  color: #575757;
}

/* line 1505, scss/compass/_color.scss */
.color-style5 .tab-title li .tab-select {
  background-color: #ffdede;
  color: #bf5858;
}

@media screen and (max-width: 990px) {

  /* line 1515, scss/compass/_color.scss */
  .color-style5 .tool-button .light-box .light-box-content .mail-eliminate {
    color: #dc7878;
    background-color: #f4f4f4;
    border-color: #ddd;
  }
}

@media screen and (max-width: 800px) {

  /* line 1529, scss/compass/_color.scss */
  .color-style5 .right-content .right-content-menu .title-paging::after,
  .color-style5 .right-content .left-content-menu .title-paging::after,
  .color-style5 .left-content .right-content-menu .title-paging::after,
  .color-style5 .left-content .left-content-menu .title-paging::after {
    border-color: #dc7878 transparent transparent transparent;
  }
}

@media screen and (max-width: 415px) {

  /* line 1536, scss/compass/_color.scss */
  .color-style5 .tab-inner .bulletin-title-list {
    width: 100%;
  }

  /* line 1538, scss/compass/_color.scss */
  .color-style5 .tab-inner .bulletin-title-list .wdn_responsive_table {
    box-shadow: -5px 0px 0 #eb8d8d;
  }

  /* line 1541, scss/compass/_color.scss */
  .color-style5 .tab-inner .bulletin-title-list .link-button {
    box-shadow: -5px 0px 0 #eb8d8d;
  }
}

@media (min-width: 48em) {

  /* line 1549, scss/compass/_color.scss */
  .color-style5 .paging-content:not(.article-page) table th {
    color: #000;
    border: 2px solid #fff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#066caa+0,03456e+100 */
    background: #fb9191;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fb9191 0%, #ff7d7d 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fb9191 0%, #ff7d7d 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fb9191 0%, #ff7d7d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9191', endColorstr='#ff7d7d', GradientType=0);
    /* IE6-9 */
    background-color: #fb9191;
  }
}

/* line 1565, scss/compass/_color.scss */
.color-style6 .lightBox-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 1569, scss/compass/_color.scss */
.color-style6 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 1572, scss/compass/_color.scss */
.color-style6 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #fff;
}

/* line 1573, scss/compass/_color.scss */
.color-style6 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #802b93;
  border-color: #aa57bd;
}

/* line 1576, scss/compass/_color.scss */
.color-style6 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover,
.color-style6 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  background-color: #9733ad;
  border-color: #b66fc7;
}

/* line 1582, scss/compass/_color.scss */
.color-style6 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #6d6d6d;
  border-color: #999999;
}

/* line 1585, scss/compass/_color.scss */
.color-style6 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover,
.color-style6 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #757575;
  border-color: #aaaaaa;
}

/* line 1596, scss/compass/_color.scss */
.color-style6 .text-zebra .zebra-box {
  background-color: #efefef;
}

/* line 1598, scss/compass/_color.scss */
.color-style6 .text-zebra .zebra-box .zebra-title {
  background-color: #a04bb2;
  color: #fff;
}

/* line 1604, scss/compass/_color.scss */
.color-style6 .straight-memu {
  border-left-color: #802b93;
}

/* line 1608, scss/compass/_color.scss */
.color-style6 .straight-memu li+li {
  border-top-color: #d8d8d8;
}

/* line 1610, scss/compass/_color.scss */
.color-style6 .straight-memu li a {
  background-color: #f5f5f5;
  color: #575757;
}

/* line 1614, scss/compass/_color.scss */
.color-style6 .straight-memu li a:hover {
  background-color: #e8e7e7;
  color: #575757;
}

/* line 1620, scss/compass/_color.scss */
.color-style6 .straight-memu li .focus-button {
  background-color: #a04bb2;
  color: #f8f6e7;
}

/* line 1624, scss/compass/_color.scss */
.color-style6 .straight-memu li .focus-button:hover {
  background-color: #a04bb2;
  color: #f8f6e7;
}

/* line 1633, scss/compass/_color.scss */
.color-style6 .registration-box .focus-red {
  color: #d00;
}

/* line 1636, scss/compass/_color.scss */
.color-style6 .registration-box .annotation {
  color: #03456e;
}

/* line 1639, scss/compass/_color.scss */
.color-style6 .registration-box .note {
  color: #d00;
}

/* line 1642, scss/compass/_color.scss */
.color-style6 .registration-box .unit-name {
  color: #1e76be;
}

/* line 1645, scss/compass/_color.scss */
.color-style6 .registration-box .user-name {
  color: #1e76be;
}

/* line 1648, scss/compass/_color.scss */
.color-style6 .registration-box .registration-content {
  background-color: #f5f5f5;
}

/* line 1652, scss/compass/_color.scss */
.color-style6 .registration-box ul li {
  border-bottom-color: #ddd;
}

/* line 1656, scss/compass/_color.scss */
.color-style6 .registration-box ul li div .registration-text input {
  border-color: #a6a6a6;
}

/* line 1659, scss/compass/_color.scss */
.color-style6 .registration-box ul li div .registration-text input:focus {
  border-color: #ff9800;
}

/* line 1661, scss/compass/_color.scss */
.color-style6 .registration-box ul li div .registration-text p {
  color: #d00;
}

/* line 1669, scss/compass/_color.scss */
.color-style6 .registration-box ul li .member-data div h3 {
  background-color: #802b93;
  color: #fff;
}

/* line 1674, scss/compass/_color.scss */
.color-style6 .registration-box ul li .member-data div p span {
  color: #ff2c1c;
}

/* line 1684, scss/compass/_color.scss */
.color-style6 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select {
  border-color: #a6a6a6;
}

/* line 1687, scss/compass/_color.scss */
.color-style6 .registration-box ul .registration-width-average .registration-width-short .pull-down-menu select:focus {
  border-color: #ff9800;
}

/* line 1696, scss/compass/_color.scss */
.color-style6 .registration-box ul .registration-average .registration-width-short div div select {
  border-color: #a6a6a6;
}

/* line 1699, scss/compass/_color.scss */
.color-style6 .registration-box ul .registration-average .registration-width-short div div select:focus {
  border-color: #ff9800;
}

/* line 1707, scss/compass/_color.scss */
.color-style6 .registration-box div .determine {
  background-color: #802b93;
  color: #fff;
  border-color: #aa57bd;
  text-shadow: none;
}

/* line 1713, scss/compass/_color.scss */
.color-style6 .registration-box div .determine:hover {
  background-color: #9b4cad;
  color: #fff;
  border-color: #bc6ece;
  text-shadow: none;
}

/* line 1720, scss/compass/_color.scss */
.color-style6 .registration-box div .cancel {
  background-color: #aaaaaa;
  border-color: #cccccc;
  text-shadow: none;
}

/* line 1725, scss/compass/_color.scss */
.color-style6 .registration-box div .cancel:hover {
  background-color: #9e9e9e;
  border-color: #bdbdbd;
}

/* line 1735, scss/compass/_color.scss */
.color-style6 .video-search ul li a {
  background-color: #802b93;
  color: #fff;
}

/* line 1745, scss/compass/_color.scss */
.color-style6 .video-search .video-object div a span {
  color: #575757;
}

/* line 1748, scss/compass/_color.scss */
.color-style6 .video-search .video-object div a .video-date {
  background-color: #efefef;
}

/* line 1756, scss/compass/_color.scss */
.color-style6 .video-button a {
  background-color: #802b93;
  color: #fff;
}

/* line 1762, scss/compass/_color.scss */
.color-style6 .tool-button .light-box {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 1764, scss/compass/_color.scss */
.color-style6 .tool-button .light-box .light-box-content {
  background-color: #fff;
}

/* line 1766, scss/compass/_color.scss */
.color-style6 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  background-color: #ab43c3;
}

/* line 1769, scss/compass/_color.scss */
.color-style6 .tool-button .light-box .light-box-content .mail-eliminate:hover {
  background-color: #9733ad;
}

/* line 1770, scss/compass/_color.scss */
.color-style6 .tool-button .light-box .light-box-content .mail-eliminate:focus {
  color: #353535;
  background-color: #FFE16D;
}

/* line 1775, scss/compass/_color.scss */
.color-style6 .tool-button .light-box .light-box-content .fill-data {
  border-bottom-color: #ddd;
}

/* line 1778, scss/compass/_color.scss */
.color-style6 .tool-button .light-box .light-box-content .fill-data .data label {
  color: #6e6e6e;
}

/* line 1781, scss/compass/_color.scss */
.color-style6 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]) {
  border-color: #a6a6a6;
}

/* line 1784, scss/compass/_color.scss */
.color-style6 .tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #ff9800;
}

/* line 1790, scss/compass/_color.scss */
.color-style6 .tool-button a {
  border-color: #ddd;
  background-color: #ffffff;
}

/* line 1793, scss/compass/_color.scss */
.color-style6 .tool-button a:hover,
.color-style6 .tool-button a:focus,
.color-style6 .tool-button a:active {
  background-color: #f0f0f0;
}

/* line 1801, scss/compass/_color.scss */
.color-style6 .bulletin-title-list .link-button {
  background-color: #5e146e;
}

/* line 1803, scss/compass/_color.scss */
.color-style6 .bulletin-title-list .link-button a {
  color: #efefef;
}

/* line 1808, scss/compass/_color.scss */
.color-style6 .tab-title {
  background-color: #efefef;
}

/* line 1811, scss/compass/_color.scss */
.color-style6 .tab-title li a {
  background-color: #d9d9d9;
  color: #575757;
}

/* line 1815, scss/compass/_color.scss */
.color-style6 .tab-title li .tab-select {
  background-color: #802b93;
  color: #fff;
}

@media screen and (max-width: 990px) {

  /* line 1825, scss/compass/_color.scss */
  .color-style6 .tool-button .light-box .light-box-content .mail-eliminate {
    color: #802b93;
    background-color: #f4f4f4;
    border-color: #ddd;
  }
}

@media screen and (max-width: 800px) {

  /* line 1839, scss/compass/_color.scss */
  .color-style6 .right-content .right-content-menu .title-paging::after,
  .color-style6 .right-content .left-content-menu .title-paging::after,
  .color-style6 .left-content .right-content-menu .title-paging::after,
  .color-style6 .left-content .left-content-menu .title-paging::after {
    border-color: #802b93 transparent transparent transparent;
  }
}

@media screen and (max-width: 415px) {

  /* line 1846, scss/compass/_color.scss */
  .color-style6 .tab-inner .bulletin-title-list {
    width: 100%;
  }

  /* line 1848, scss/compass/_color.scss */
  .color-style6 .tab-inner .bulletin-title-list .wdn_responsive_table {
    box-shadow: -5px 0px 0 #b8b8b8;
  }

  /* line 1851, scss/compass/_color.scss */
  .color-style6 .tab-inner .bulletin-title-list .link-button {
    box-shadow: -5px 0px 0 #b8b8b8;
  }
}

@media (min-width: 48em) {

  /* line 1859, scss/compass/_color.scss */
  .color-style6 .paging-content:not(.article-page) table th {
    color: #fff;
    border: 2px solid #fff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#066caa+0,03456e+100 */
    background: #a04bb2;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a04bb2 0%, #813092 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a04bb2 0%, #813092 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a04bb2 0%, #813092 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a04bb2', endColorstr='#813092', GradientType=0);
    /* IE6-9 */
    background-color: #a04bb2;
  }
}

/*-------------------------------------------------------------- color style setting of template 3*/
/* line 1876, scss/compass/_color.scss */
.template-1.color-style1 {
  background: #ffffff;
}

/* line 1876, scss/compass/_color.scss */
.template-1.color-style2 {
  background: #ffffff;
}

/* line 1876, scss/compass/_color.scss */
.template-1.color-style3 {
  background: #ffffff;
}

/* line 1876, scss/compass/_color.scss */
.template-1.color-style4 {
  background: #ffffff;
}

/* line 1876, scss/compass/_color.scss */
.template-1.color-style5 {
  background: #ffffff;
}

/* line 1876, scss/compass/_color.scss */
.template-1.color-style6 {
  background: #ffffff;
}

/* line 1883, scss/compass/_color.scss */
.template-3.color-style1 .title-paging,
.template-3.color-style1 .tool-button .light-box .light-box-content h2 {
  border-color: #066caa;
  box-shadow: none;
}

/* line 1890, scss/compass/_color.scss */
.template-3.color-style1 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .template-3.color-style1 .title,
.template-4 .lightBox-bg .lightBox-content .template-3.color-style1 .title,
.template-5 .lightBox-bg .lightBox-content .template-3.color-style1 .title,
.template-6 .lightBox-bg .lightBox-content .template-3.color-style1 .title,
.template-7 .lightBox-bg .lightBox-content .template-3.color-style1 .title,
.template-12 .lightBox-bg .lightBox-content .template-3.color-style1 .title,
.template-3.color-style1 .lightBox-bg .lightBox-content .title,
.color-style2 .lightBox-bg .lightBox-content .template-3.color-style1 .title,
.color-style3 .lightBox-bg .lightBox-content .template-3.color-style1 .title,
.color-style4 .lightBox-bg .lightBox-content .template-3.color-style1 .title,
.color-style5 .lightBox-bg .lightBox-content .template-3.color-style1 .title,
.color-style6 .lightBox-bg .lightBox-content .template-3.color-style1 .title,
.template-3.color-style1 .lightBox-bg .lightBox-content h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-3.color-style1 h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-3.color-style1 h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-3.color-style1 h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-3.color-style1 h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-3.color-style1 h2,
.template-3.color-style1 h2.h2-page-title {
  border-color: #066caa;
  box-shadow: none;
}

/* line 1896, scss/compass/_color.scss */
.template-3.color-style1 .span-page-title {
  border-color: #066caa;
  box-shadow: none;
}

/* line 1901, scss/compass/_color.scss */
.template-3.color-style1 .breadcrumb a {
  color: #6f6f6f;
}

/* line 1906, scss/compass/_color.scss */
.template-3.color-style2 .title-paging,
.template-3.color-style2 .tool-button .light-box .light-box-content h2 {
  border-color: #5e0a0a;
  box-shadow: none;
}

/* line 1913, scss/compass/_color.scss */
.template-3.color-style2 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .template-3.color-style2 .title,
.template-4 .lightBox-bg .lightBox-content .template-3.color-style2 .title,
.template-5 .lightBox-bg .lightBox-content .template-3.color-style2 .title,
.template-6 .lightBox-bg .lightBox-content .template-3.color-style2 .title,
.template-7 .lightBox-bg .lightBox-content .template-3.color-style2 .title,
.template-12 .lightBox-bg .lightBox-content .template-3.color-style2 .title,
.color-style1 .lightBox-bg .lightBox-content .template-3.color-style2 .title,
.template-3.color-style2 .lightBox-bg .lightBox-content .title,
.color-style3 .lightBox-bg .lightBox-content .template-3.color-style2 .title,
.color-style4 .lightBox-bg .lightBox-content .template-3.color-style2 .title,
.color-style5 .lightBox-bg .lightBox-content .template-3.color-style2 .title,
.color-style6 .lightBox-bg .lightBox-content .template-3.color-style2 .title,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-3.color-style2 h2,
.template-3.color-style2 .lightBox-bg .lightBox-content h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-3.color-style2 h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-3.color-style2 h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-3.color-style2 h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-3.color-style2 h2,
.template-3.color-style2 h2.h2-page-title {
  border-color: #5e0a0a;
  box-shadow: none;
}

/* line 1919, scss/compass/_color.scss */
.template-3.color-style2 .span-page-title {
  border-color: #5e0a0a;
  box-shadow: none;
}

/* line 1924, scss/compass/_color.scss */
.template-3.color-style2 .breadcrumb a {
  color: #6f6f6f;
}

/* line 1929, scss/compass/_color.scss */
.template-3.color-style3 .title-paging,
.template-3.color-style3 .tool-button .light-box .light-box-content h2 {
  border-color: #ca7700;
  box-shadow: none;
}

/* line 1936, scss/compass/_color.scss */
.template-3.color-style3 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .template-3.color-style3 .title,
.template-4 .lightBox-bg .lightBox-content .template-3.color-style3 .title,
.template-5 .lightBox-bg .lightBox-content .template-3.color-style3 .title,
.template-6 .lightBox-bg .lightBox-content .template-3.color-style3 .title,
.template-7 .lightBox-bg .lightBox-content .template-3.color-style3 .title,
.template-12 .lightBox-bg .lightBox-content .template-3.color-style3 .title,
.color-style1 .lightBox-bg .lightBox-content .template-3.color-style3 .title,
.color-style2 .lightBox-bg .lightBox-content .template-3.color-style3 .title,
.template-3.color-style3 .lightBox-bg .lightBox-content .title,
.color-style4 .lightBox-bg .lightBox-content .template-3.color-style3 .title,
.color-style5 .lightBox-bg .lightBox-content .template-3.color-style3 .title,
.color-style6 .lightBox-bg .lightBox-content .template-3.color-style3 .title,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-3.color-style3 h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-3.color-style3 h2,
.template-3.color-style3 .lightBox-bg .lightBox-content h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-3.color-style3 h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-3.color-style3 h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-3.color-style3 h2,
.template-3.color-style3 h2.h2-page-title {
  border-color: #ca7700;
  box-shadow: none;
}

/* line 1942, scss/compass/_color.scss */
.template-3.color-style3 .span-page-title {
  border-color: #ca7700;
  box-shadow: none;
}

/* line 1947, scss/compass/_color.scss */
.template-3.color-style3 .breadcrumb a {
  color: #6f6f6f;
}

/* line 1952, scss/compass/_color.scss */
.template-3.color-style4 .title-paging,
.template-3.color-style4 .tool-button .light-box .light-box-content h2 {
  border-color: #0a5e10;
  box-shadow: none;
}

/* line 1959, scss/compass/_color.scss */
.template-3.color-style4 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .template-3.color-style4 .title,
.template-4 .lightBox-bg .lightBox-content .template-3.color-style4 .title,
.template-5 .lightBox-bg .lightBox-content .template-3.color-style4 .title,
.template-6 .lightBox-bg .lightBox-content .template-3.color-style4 .title,
.template-7 .lightBox-bg .lightBox-content .template-3.color-style4 .title,
.template-12 .lightBox-bg .lightBox-content .template-3.color-style4 .title,
.color-style1 .lightBox-bg .lightBox-content .template-3.color-style4 .title,
.color-style2 .lightBox-bg .lightBox-content .template-3.color-style4 .title,
.color-style3 .lightBox-bg .lightBox-content .template-3.color-style4 .title,
.template-3.color-style4 .lightBox-bg .lightBox-content .title,
.color-style5 .lightBox-bg .lightBox-content .template-3.color-style4 .title,
.color-style6 .lightBox-bg .lightBox-content .template-3.color-style4 .title,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-3.color-style4 h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-3.color-style4 h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-3.color-style4 h2,
.template-3.color-style4 .lightBox-bg .lightBox-content h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-3.color-style4 h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-3.color-style4 h2,
.template-3.color-style4 h2.h2-page-title {
  border-color: #0a5e10;
  box-shadow: none;
}

/* line 1965, scss/compass/_color.scss */
.template-3.color-style4 .span-page-title {
  border-color: #0a5e10;
  box-shadow: none;
}

/* line 1970, scss/compass/_color.scss */
.template-3.color-style4 .breadcrumb a {
  color: #6f6f6f;
}

/* line 1975, scss/compass/_color.scss */
.template-3.color-style5 .title-paging,
.template-3.color-style5 .tool-button .light-box .light-box-content h2 {
  border-color: #ffa9a9;
  box-shadow: none;
  background: #ffdfdf;
  background: -moz-linear-gradient(left, #ffdfdf 0%, #fff7f7 100%);
  background: -webkit-linear-gradient(left, #ffdfdf 0%, #fff7f7 100%);
  background: linear-gradient(to right, #ffdfdf 0%, #fff7f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdf', endColorstr='#fff7f7', GradientType=1);
}

/* line 1987, scss/compass/_color.scss */
.template-3.color-style5 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .template-3.color-style5 .title,
.template-4 .lightBox-bg .lightBox-content .template-3.color-style5 .title,
.template-5 .lightBox-bg .lightBox-content .template-3.color-style5 .title,
.template-6 .lightBox-bg .lightBox-content .template-3.color-style5 .title,
.template-7 .lightBox-bg .lightBox-content .template-3.color-style5 .title,
.template-12 .lightBox-bg .lightBox-content .template-3.color-style5 .title,
.color-style1 .lightBox-bg .lightBox-content .template-3.color-style5 .title,
.color-style2 .lightBox-bg .lightBox-content .template-3.color-style5 .title,
.color-style3 .lightBox-bg .lightBox-content .template-3.color-style5 .title,
.color-style4 .lightBox-bg .lightBox-content .template-3.color-style5 .title,
.template-3.color-style5 .lightBox-bg .lightBox-content .title,
.color-style6 .lightBox-bg .lightBox-content .template-3.color-style5 .title,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-3.color-style5 h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-3.color-style5 h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-3.color-style5 h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-3.color-style5 h2,
.template-3.color-style5 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 .lightBox-bg .lightBox-content .template-3.color-style5 h2,
.template-3.color-style5 h2.h2-page-title {
  border-color: #ffa9a9;
  box-shadow: none;
  background: #ffdfdf;
  background: -moz-linear-gradient(left, #ffdfdf 0%, #fff7f7 100%);
  background: -webkit-linear-gradient(left, #ffdfdf 0%, #fff7f7 100%);
  background: linear-gradient(to right, #ffdfdf 0%, #fff7f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdf', endColorstr='#fff7f7', GradientType=1);
}

/* line 1998, scss/compass/_color.scss */
.template-3.color-style5 .span-page-title {
  border-color: #ffa9a9;
  box-shadow: none;
  background: #ffdfdf;
  background: -moz-linear-gradient(left, #ffdfdf 0%, #fff7f7 100%);
  background: -webkit-linear-gradient(left, #ffdfdf 0%, #fff7f7 100%);
  background: linear-gradient(to right, #ffdfdf 0%, #fff7f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdf', endColorstr='#fff7f7', GradientType=1);
}

/* line 2009, scss/compass/_color.scss */
.template-3.color-style5 .tool-button.tool-by-h2 a {
  border-color: #c8aeae;
}

/* line 2012, scss/compass/_color.scss */
.template-3.color-style5 .tool-button.tool-by-h2 a:hover,
.template-3.color-style5 .tool-button.tool-by-h2 a:focus,
.template-3.color-style5 .tool-button.tool-by-h2 a:active {
  border-color: #dc7878;
  background-color: #fff2f2;
}

/* line 2020, scss/compass/_color.scss */
.template-3.color-style5 .breadcrumb a {
  color: #6f6f6f;
}

/* line 2025, scss/compass/_color.scss */
.template-3.color-style6 .title-paging,
.template-3.color-style6 .tool-button .light-box .light-box-content h2 {
  border-color: #5e146e;
  box-shadow: none;
}

/* line 2032, scss/compass/_color.scss */
.template-3.color-style6 h2.h2-title,
.template-2 .lightBox-bg .lightBox-content .template-3.color-style6 .title,
.template-4 .lightBox-bg .lightBox-content .template-3.color-style6 .title,
.template-5 .lightBox-bg .lightBox-content .template-3.color-style6 .title,
.template-6 .lightBox-bg .lightBox-content .template-3.color-style6 .title,
.template-7 .lightBox-bg .lightBox-content .template-3.color-style6 .title,
.template-12 .lightBox-bg .lightBox-content .template-3.color-style6 .title,
.color-style1 .lightBox-bg .lightBox-content .template-3.color-style6 .title,
.color-style2 .lightBox-bg .lightBox-content .template-3.color-style6 .title,
.color-style3 .lightBox-bg .lightBox-content .template-3.color-style6 .title,
.color-style4 .lightBox-bg .lightBox-content .template-3.color-style6 .title,
.color-style5 .lightBox-bg .lightBox-content .template-3.color-style6 .title,
.template-3.color-style6 .lightBox-bg .lightBox-content .title,
.template-3.color-style1 .lightBox-bg .lightBox-content .template-3.color-style6 h2,
.template-3.color-style2 .lightBox-bg .lightBox-content .template-3.color-style6 h2,
.template-3.color-style3 .lightBox-bg .lightBox-content .template-3.color-style6 h2,
.template-3.color-style4 .lightBox-bg .lightBox-content .template-3.color-style6 h2,
.template-3.color-style5 .lightBox-bg .lightBox-content .template-3.color-style6 h2,
.template-3.color-style6 .lightBox-bg .lightBox-content h2,
.template-3.color-style6 h2.h2-page-title {
  border-color: #5e146e;
  box-shadow: none;
}

/* line 2038, scss/compass/_color.scss */
.template-3.color-style6 .span-page-title {
  border-color: #5e146e;
  box-shadow: none;
}

/* line 2043, scss/compass/_color.scss */
.template-3.color-style6 .breadcrumb a {
  color: #6f6f6f;
}

/* line 2047, scss/compass/_color.scss */
.template-7.color-style1 .left-content .left-content-menu,
.template-7.color-style1 .right-content .right-content-menu {
  background: #2B79B6;
}

/* line 2050, scss/compass/_color.scss */
.template-7.color-style1 .left-content .left-content-menu .title-paging,
.template-7.color-style1 .right-content .right-content-menu .title-paging {
  color: #fff;
}

/* line 2052, scss/compass/_color.scss */
.template-7.color-style1 .straight-memu {
  border: 1px solid #b6b6b6;
}

/* line 2056, scss/compass/_color.scss */
.template-7.color-style1 .straight-memu li+li {
  border-top-color: #b6b6b6;
}

/* line 2058, scss/compass/_color.scss */
.template-7.color-style1 .straight-memu li a {
  color: #000;
  background-color: #fff;
}

/* line 2062, scss/compass/_color.scss */
.template-7.color-style1 .straight-memu li a:hover {
  background-color: #f0f0f0;
}

/* line 2063, scss/compass/_color.scss */
.template-7.color-style1 .straight-memu li a:focus {
  outline-color: #d48649;
}

/* line 2066, scss/compass/_color.scss */
.template-7.color-style1 .straight-memu li .focus-button {
  color: #215e8d;
  background-color: #d5e4f0;
}

/* line 2070, scss/compass/_color.scss */
.template-7.color-style1 .straight-memu li .focus-button:hover {
  color: #215e8d;
  background-color: #d5e4f0;
}

/* line 2081, scss/compass/_color.scss */
.template-7.color-style1 .video-search ul li a {
  color: #fff;
  background-color: #2B79B6;
}

/* line 2084, scss/compass/_color.scss */
.template-7.color-style1 .video-search ul li a:hover {
  color: #fff;
  background-color: #115892;
}

/* line 2088, scss/compass/_color.scss */
.template-7.color-style1 .video-search ul li a:focus {
  outline-color: #d48649;
  background-color: #2B79B6;
}

/* line 2097, scss/compass/_color.scss */
.template-7.color-style1 .video-button a {
  color: #fff;
  background-color: #2B79B6;
}

/* line 2100, scss/compass/_color.scss */
.template-7.color-style1 .video-button a:hover {
  color: #fff;
  background-color: #115892;
}

/* line 2104, scss/compass/_color.scss */
.template-7.color-style1 .video-button a:focus {
  outline-color: #d48649;
  background-color: #2B79B6;
}

@media screen and (max-width: 800px) {

  /* line 2114, scss/compass/_color.scss */
  .template-7.color-style1 .left-content .left-content-menu .title-paging,
  .template-7.color-style1 .right-content .right-content-menu .title-paging {
    background-color: #2B79B6;
  }

  /* line 2116, scss/compass/_color.scss */
  .template-7.color-style1 .left-content .left-content-menu .title-paging::after,
  .template-7.color-style1 .right-content .right-content-menu .title-paging::after {
    border-color: #fff transparent transparent transparent;
  }
}

/* line 2122, scss/compass/_color.scss */
.template-7.color-style2 .left-content .left-content-menu,
.template-7.color-style2 .right-content .right-content-menu {
  background: #AD6114;
}

/* line 2125, scss/compass/_color.scss */
.template-7.color-style2 .left-content .left-content-menu .title-paging,
.template-7.color-style2 .right-content .right-content-menu .title-paging {
  color: #fff;
}

/* line 2129, scss/compass/_color.scss */
.template-7.color-style2 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 2132, scss/compass/_color.scss */
.template-7.color-style2 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #000;
}

/* line 2133, scss/compass/_color.scss */
.template-7.color-style2 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #ffc36d;
  border-color: #e39019;
}

/* line 2137, scss/compass/_color.scss */
.template-7.color-style2 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover,
.template-7.color-style2 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  background-color: #F6C4C4;
  border-color: #e44f4f;
}

/* line 2143, scss/compass/_color.scss */
.template-7.color-style2 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #bbbbbb;
  border-color: #999999;
}

/* line 2147, scss/compass/_color.scss */
.template-7.color-style2 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover,
.template-7.color-style2 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #fff;
  border-color: #e44f4f;
}

/* line 2157, scss/compass/_color.scss */
.template-7.color-style2 .straight-memu {
  border: 1px solid #b6b6b6;
}

/* line 2161, scss/compass/_color.scss */
.template-7.color-style2 .straight-memu li+li {
  border-top-color: #b6b6b6;
}

/* line 2163, scss/compass/_color.scss */
.template-7.color-style2 .straight-memu li a {
  color: #000;
  background-color: #fff;
}

/* line 2167, scss/compass/_color.scss */
.template-7.color-style2 .straight-memu li a:hover {
  background-color: #f0f0f0;
}

/* line 2168, scss/compass/_color.scss */
.template-7.color-style2 .straight-memu li a:focus {
  outline-color: #529eeb;
}

/* line 2171, scss/compass/_color.scss */
.template-7.color-style2 .straight-memu li .focus-button {
  color: #7f470f;
  background-color: #efdfd0;
}

/* line 2175, scss/compass/_color.scss */
.template-7.color-style2 .straight-memu li .focus-button:hover {
  color: #7f470f;
  background-color: #efdfd0;
}

/* line 2185, scss/compass/_color.scss */
.template-7.color-style2 .video-search ul li a {
  color: #fff;
  background-color: #463637;
}

/* line 2188, scss/compass/_color.scss */
.template-7.color-style2 .video-search ul li a:hover {
  color: #fff;
  background-color: #AD6114;
}

/* line 2192, scss/compass/_color.scss */
.template-7.color-style2 .video-search ul li a:focus {
  outline-color: #529eeb;
  background-color: #6c5455;
}

/* line 2201, scss/compass/_color.scss */
.template-7.color-style2 .video-button a {
  color: #fff;
  background-color: #463637;
}

/* line 2204, scss/compass/_color.scss */
.template-7.color-style2 .video-button a:hover {
  color: #fff;
  background-color: #AD6114;
}

/* line 2208, scss/compass/_color.scss */
.template-7.color-style2 .video-button a:focus {
  outline-color: #529eeb;
  background-color: #6c5455;
}

/* line 2217, scss/compass/_color.scss */
.template-7.color-style2 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  background-color: #AD6114;
}

/* line 2220, scss/compass/_color.scss */
.template-7.color-style2 .tool-button .light-box .light-box-content .mail-eliminate:hover {
  background-color: #C25100;
}

/* line 2221, scss/compass/_color.scss */
.template-7.color-style2 .tool-button .light-box .light-box-content .mail-eliminate:focus {
  color: #fff;
  background-color: #e00;
}

/* line 2228, scss/compass/_color.scss */
.template-7.color-style2 .tool-button a {
  border-color: #ddd;
  background-color: #ffffff;
}

/* line 2231, scss/compass/_color.scss */
.template-7.color-style2 .tool-button a:hover,
.template-7.color-style2 .tool-button a:focus,
.template-7.color-style2 .tool-button a:active {
  background-color: #f0f0f0;
}

@media screen and (max-width: 800px) {

  /* line 2242, scss/compass/_color.scss */
  .template-7.color-style2 .left-content .left-content-menu .title-paging,
  .template-7.color-style2 .right-content .right-content-menu .title-paging {
    background-color: #AD6114;
  }

  /* line 2244, scss/compass/_color.scss */
  .template-7.color-style2 .left-content .left-content-menu .title-paging::after,
  .template-7.color-style2 .right-content .right-content-menu .title-paging::after {
    border-color: #fff transparent transparent transparent;
  }
}

/* line 2250, scss/compass/_color.scss */
.template-7.color-style3 .left-content .left-content-menu,
.template-7.color-style3 .right-content .right-content-menu {
  background: #018378;
}

/* line 2253, scss/compass/_color.scss */
.template-7.color-style3 .left-content .left-content-menu .title-paging,
.template-7.color-style3 .right-content .right-content-menu .title-paging {
  color: #fff;
}

/* line 2257, scss/compass/_color.scss */
.template-7.color-style3 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 2260, scss/compass/_color.scss */
.template-7.color-style3 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #000;
}

/* line 2261, scss/compass/_color.scss */
.template-7.color-style3 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #ffc36d;
  border-color: #e39019;
}

/* line 2265, scss/compass/_color.scss */
.template-7.color-style3 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover,
.template-7.color-style3 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  background-color: #F6C4C4;
  border-color: #e44f4f;
}

/* line 2271, scss/compass/_color.scss */
.template-7.color-style3 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #bbbbbb;
  border-color: #999999;
}

/* line 2275, scss/compass/_color.scss */
.template-7.color-style3 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover,
.template-7.color-style3 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #fff;
  border-color: #e44f4f;
}

/* line 2285, scss/compass/_color.scss */
.template-7.color-style3 .straight-memu {
  border: 1px solid #b6b6b6;
}

/* line 2289, scss/compass/_color.scss */
.template-7.color-style3 .straight-memu li+li {
  border-top-color: #b6b6b6;
}

/* line 2291, scss/compass/_color.scss */
.template-7.color-style3 .straight-memu li a {
  color: #000;
  background-color: #fff;
}

/* line 2295, scss/compass/_color.scss */
.template-7.color-style3 .straight-memu li a:hover {
  background-color: #f0f0f0;
}

/* line 2296, scss/compass/_color.scss */
.template-7.color-style3 .straight-memu li a:focus {
  outline-color: #fe7c87;
}

/* line 2299, scss/compass/_color.scss */
.template-7.color-style3 .straight-memu li .focus-button {
  color: #01504a;
  background-color: #cce6e4;
}

/* line 2303, scss/compass/_color.scss */
.template-7.color-style3 .straight-memu li .focus-button:hover {
  color: #01504a;
  background-color: #cce6e4;
}

/* line 2313, scss/compass/_color.scss */
.template-7.color-style3 .video-search ul li a {
  color: #fff;
  background-color: #A26401;
}

/* line 2316, scss/compass/_color.scss */
.template-7.color-style3 .video-search ul li a:hover {
  color: #000;
  background-color: #fda00b;
}

/* line 2320, scss/compass/_color.scss */
.template-7.color-style3 .video-search ul li a:focus {
  color: #01504a;
  outline-color: #fe7c87;
  background-color: #cce6e4;
}

/* line 2330, scss/compass/_color.scss */
.template-7.color-style3 .video-button a {
  color: #fff;
  background-color: #A26401;
}

/* line 2333, scss/compass/_color.scss */
.template-7.color-style3 .video-button a:hover {
  color: #000;
  background-color: #fda00b;
}

/* line 2337, scss/compass/_color.scss */
.template-7.color-style3 .video-button a:focus {
  color: #01504a;
  outline-color: #fe7c87;
  background-color: #cce6e4;
}

/* line 2347, scss/compass/_color.scss */
.template-7.color-style3 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  background-color: #018378;
}

/* line 2350, scss/compass/_color.scss */
.template-7.color-style3 .tool-button .light-box .light-box-content .mail-eliminate:hover {
  background-color: #C25100;
}

/* line 2351, scss/compass/_color.scss */
.template-7.color-style3 .tool-button .light-box .light-box-content .mail-eliminate:focus {
  color: #fff;
  background-color: #e00;
}

/* line 2358, scss/compass/_color.scss */
.template-7.color-style3 .tool-button a {
  border-color: #ddd;
  background-color: #ffffff;
}

/* line 2361, scss/compass/_color.scss */
.template-7.color-style3 .tool-button a:hover,
.template-7.color-style3 .tool-button a:focus,
.template-7.color-style3 .tool-button a:active {
  background-color: #f0f0f0;
}

@media screen and (max-width: 800px) {

  /* line 2372, scss/compass/_color.scss */
  .template-7.color-style3 .left-content .left-content-menu .title-paging,
  .template-7.color-style3 .right-content .right-content-menu .title-paging {
    background-color: #018378;
  }

  /* line 2374, scss/compass/_color.scss */
  .template-7.color-style3 .left-content .left-content-menu .title-paging::after,
  .template-7.color-style3 .right-content .right-content-menu .title-paging::after {
    border-color: #fff transparent transparent transparent;
  }
}

/* line 2380, scss/compass/_color.scss */
.template-7.color-style4 .left-content .left-content-menu,
.template-7.color-style4 .right-content .right-content-menu {
  background: #378166;
}

/* line 2383, scss/compass/_color.scss */
.template-7.color-style4 .left-content .left-content-menu .title-paging,
.template-7.color-style4 .right-content .right-content-menu .title-paging {
  color: #fff;
}

/* line 2387, scss/compass/_color.scss */
.template-7.color-style4 .lightBox-bg .lightBox-content .lightBox-button {
  border-top-color: #ddd;
}

/* line 2390, scss/compass/_color.scss */
.template-7.color-style4 .lightBox-bg .lightBox-content .lightBox-button .button-box a {
  color: #000;
}

/* line 2391, scss/compass/_color.scss */
.template-7.color-style4 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #ffc36d;
  border-color: #e39019;
}

/* line 2395, scss/compass/_color.scss */
.template-7.color-style4 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover,
.template-7.color-style4 .lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  background-color: #F6C4C4;
  border-color: #e44f4f;
}

/* line 2401, scss/compass/_color.scss */
.template-7.color-style4 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #bbbbbb;
  border-color: #999999;
}

/* line 2405, scss/compass/_color.scss */
.template-7.color-style4 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover,
.template-7.color-style4 .lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  background-color: #fff;
  border-color: #e44f4f;
}

/* line 2415, scss/compass/_color.scss */
.template-7.color-style4 .straight-memu {
  border: 1px solid #b6b6b6;
}

/* line 2419, scss/compass/_color.scss */
.template-7.color-style4 .straight-memu li+li {
  border-top-color: #b6b6b6;
}

/* line 2421, scss/compass/_color.scss */
.template-7.color-style4 .straight-memu li a {
  color: #000;
  background-color: #fff;
}

/* line 2425, scss/compass/_color.scss */
.template-7.color-style4 .straight-memu li a:hover {
  background-color: #f0f0f0;
}

/* line 2426, scss/compass/_color.scss */
.template-7.color-style4 .straight-memu li a:focus {
  outline-color: #c87e99;
}

/* line 2429, scss/compass/_color.scss */
.template-7.color-style4 .straight-memu li .focus-button {
  color: #285d4a;
  background-color: #d7e6e0;
}

/* line 2433, scss/compass/_color.scss */
.template-7.color-style4 .straight-memu li .focus-button:hover {
  color: #285d4a;
  background-color: #d7e6e0;
}

/* line 2443, scss/compass/_color.scss */
.template-7.color-style4 .video-search ul li a {
  color: #fff;
  background-color: #B45E08;
}

/* line 2446, scss/compass/_color.scss */
.template-7.color-style4 .video-search ul li a:hover {
  color: #000;
  background-color: #f7a24d;
}

/* line 2450, scss/compass/_color.scss */
.template-7.color-style4 .video-search ul li a:focus {
  color: #000;
  outline-color: #c87e99;
  background-color: #f7a24d;
}

/* line 2460, scss/compass/_color.scss */
.template-7.color-style4 .video-button a {
  color: #fff;
  background-color: #B45E08;
}

/* line 2463, scss/compass/_color.scss */
.template-7.color-style4 .video-button a:hover {
  color: #000;
  background-color: #f7a24d;
}

/* line 2467, scss/compass/_color.scss */
.template-7.color-style4 .video-button a:focus {
  color: #000;
  outline-color: #c87e99;
  background-color: #f7a24d;
}

/* line 2477, scss/compass/_color.scss */
.template-7.color-style4 .tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  background-color: #378166;
}

/* line 2480, scss/compass/_color.scss */
.template-7.color-style4 .tool-button .light-box .light-box-content .mail-eliminate:hover {
  background-color: #C25100;
}

/* line 2481, scss/compass/_color.scss */
.template-7.color-style4 .tool-button .light-box .light-box-content .mail-eliminate:focus {
  color: #fff;
  background-color: #e00;
}

/* line 2488, scss/compass/_color.scss */
.template-7.color-style4 .tool-button a {
  border-color: #ddd;
  background-color: #ffffff;
}

/* line 2491, scss/compass/_color.scss */
.template-7.color-style4 .tool-button a:hover,
.template-7.color-style4 .tool-button a:focus,
.template-7.color-style4 .tool-button a:active {
  background-color: #f0f0f0;
}

@media screen and (max-width: 800px) {

  /* line 2502, scss/compass/_color.scss */
  .template-7.color-style4 .left-content .left-content-menu .title-paging,
  .template-7.color-style4 .right-content .right-content-menu .title-paging {
    background-color: #378166;
  }

  /* line 2504, scss/compass/_color.scss */
  .template-7.color-style4 .left-content .left-content-menu .title-paging::after,
  .template-7.color-style4 .right-content .right-content-menu .title-paging::after {
    border-color: #fff transparent transparent transparent;
  }
}

/* line 2, scss/compass/_article.scss */
.article-page article .cp.table {
  table-layout: fixed;
  width: 100%;
  padding: 1px 0;
  border-top: 2px solid #02cfbe;
  border-bottom: 2px solid #f0f0f0;
  margin: 8px 0;
}

/* line 10, scss/compass/_article.scss */
.article-page article .cp.table tr th {
  color: #fff;
  background-color: #018378;
}

/* line 15, scss/compass/_article.scss */
.article-page article .cp.table tr+tr td {
  border-top: 1px solid #b6b6b6;
}

/* line 18, scss/compass/_article.scss */
.article-page article .cp.table tr+tr td:first-child {
  background-color: #fcf9f9;
}

/* line 21, scss/compass/_article.scss */
.article-page article .cp.table tr+tr td+td {
  border-left: 1px solid #b6b6b6;
}

/* line 27, scss/compass/_article.scss */
.article-page article .item01 {
  margin: 5px 0 8px 2rem;
  position: relative;
}

/* line 30, scss/compass/_article.scss */
.article-page article .item01 p {
  margin: 0;
  position: absolute;
}

/* line 34, scss/compass/_article.scss */
.article-page article .item01 p+span {
  margin-left: 3rem;
  display: block;
}

/* line 27, scss/compass/_article.scss */
.article-page article .item02 {
  margin: 5px 0 8px 3rem;
  position: relative;
}

/* line 30, scss/compass/_article.scss */
.article-page article .item02 p {
  margin: 0;
  position: absolute;
}

/* line 34, scss/compass/_article.scss */
.article-page article .item02 p+span {
  margin-left: 3rem;
  display: block;
}

/* line 27, scss/compass/_article.scss */
.article-page article .item03 {
  margin: 5px 0 8px 4rem;
  position: relative;
}

/* line 30, scss/compass/_article.scss */
.article-page article .item03 p {
  margin: 0;
  position: absolute;
}

/* line 34, scss/compass/_article.scss */
.article-page article .item03 p+span {
  margin-left: 3rem;
  display: block;
}

/* line 27, scss/compass/_article.scss */
.article-page article .item04 {
  margin: 5px 0 8px 5rem;
  position: relative;
}

/* line 30, scss/compass/_article.scss */
.article-page article .item04 p {
  margin: 0;
  position: absolute;
}

/* line 34, scss/compass/_article.scss */
.article-page article .item04 p+span {
  margin-left: 3rem;
  display: block;
}

/* line 43, scss/compass/_article.scss */
.color-style1 .article-page article .cp.table {
  border-top: 2px solid #569fd7;
}

/* line 46, scss/compass/_article.scss */
.color-style1 .article-page article .cp.table tr th {
  color: #fff;
  background-color: #2B79B6;
}

/* line 54, scss/compass/_article.scss */
.color-style2.template-7 .article-page article .cp.table {
  border-top: 2px solid #e68727;
}

/* line 57, scss/compass/_article.scss */
.color-style2.template-7 .article-page article .cp.table tr th {
  color: #fff;
  background-color: #AD6114;
}

/* line 6, scss/paging.scss */
.t-l {
  text-align: left !important;
}

/* line 7, scss/paging.scss */
.t-c {
  text-align: center !important;
}

/* line 8, scss/paging.scss */
.t-e {
  text-align: right !important;
}

/* line 12, scss/paging.scss */
.box-bg {
  padding: 1.2rem;
  background-color: #f5f5f5;
  margin-bottom: 30px;
}

/* line 20, scss/paging.scss */
.font-size-xlarge {
  font-size: 1.5rem;
}

/* line 21, scss/paging.scss */
.font-size-large {
  font-size: 1.25rem;
}

/* line 22, scss/paging.scss */
.font-size-small {
  font-size: 0.9rem;
}

/* line 23, scss/paging.scss */
.font-size-xsmall {
  font-size: 0.8rem;
}

/* line 28, scss/paging.scss */
table.table-list tbody td ol {
  padding-left: 20px !important;
}

/* line 34, scss/paging.scss */
.article-page .attachment div a.file-7z {
  background-image: url(../img/7Z.jpg);
}

/*-------------------- light box ---------------------*/
/* line 38, scss/paging.scss */
.lightBox-bg {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
}

/* line 50, scss/paging.scss */
.lightBox-bg .lightBox-displayNone {
  width: 100%;
  text-align: center;
}

/* line 53, scss/paging.scss */
.lightBox-bg .lightBox-displayNone .displayNone-button {
  width: 35px;
  height: 35px;
  line-height: 31px;
  color: #fff;
  font-size: 1.2rem;
  background-color: #353535;
  display: inline-block;
  border-radius: 50%;
  margin: 1vh 0;
  border: 2px solid #a0a0a0;
}

/* line 64, scss/paging.scss */
.lightBox-bg .lightBox-displayNone .displayNone-button:hover {
  background-color: #131313;
  border-color: #ffb1b1;
}

/* line 68, scss/paging.scss */
.lightBox-bg .lightBox-displayNone .displayNone-button:focus {
  color: #000000;
  background-color: #fff5f5;
  border-color: #ffb1b1;
}

/* line 75, scss/paging.scss */
.lightBox-bg .lightBox-content {
  background-color: #fff;
  width: 90%;
  max-width: 750px;
  padding: 15px;
  font-weight: 300;
  padding-bottom: 0;
  border-radius: 15px;
  border: 5px solid rgba(0, 0, 0, 0.4);
}

/* line 84, scss/paging.scss */
.lightBox-bg .lightBox-content .title {
  text-align: center;
  padding: 5px 0;
  border-bottom: 3px solid #008269;
  box-shadow: 0px 3px 0px #ddd;
  font-weight: 400;
  margin-bottom: 15px;
  color: #7b7b7b;
  font-size: 2rem;
}

/* line 94, scss/paging.scss */
.lightBox-bg .lightBox-content .lightBox-text {
  height: 50vh;
  overflow: auto;
}

/* line 101, scss/paging.scss */
.lightBox-bg .lightBox-content .lightBox-text table.table-list tbody tr td input {
  width: 90%;
  height: 28px;
}

/* line 105, scss/paging.scss */
.lightBox-bg .lightBox-content .lightBox-text table.table-list tbody tr td ol {
  padding-left: 20px;
}

/* line 112, scss/paging.scss */
.lightBox-bg .lightBox-content .lightBox-button {
  display: flex;
  margin-top: 15px;
  border-top: 2px solid #ddd;
}

/* line 116, scss/paging.scss */
.lightBox-bg .lightBox-content .lightBox-button .button-box {
  display: block;
  width: 100%;
  padding: 10px 0 15px;
}

/* line 120, scss/paging.scss */
.lightBox-bg .lightBox-content .lightBox-button .button-box a {
  font-weight: 500;
  display: block;
  width: 100%;
  max-width: 100px;
  text-align: center;
  margin: auto;
  color: #fff;
  padding: 3px;
  border-radius: 5px;
}

/* line 131, scss/paging.scss */
.lightBox-bg .lightBox-content .lightBox-button .button-box .accept {
  background-color: #008269;
  border: 5px solid #12b091;
}

/* line 135, scss/paging.scss */
.lightBox-bg .lightBox-content .lightBox-button .button-box .accept:hover {
  background-color: #097661;
  border-color: #1ec8a7;
}

/* line 139, scss/paging.scss */
.lightBox-bg .lightBox-content .lightBox-button .button-box .accept:focus {
  color: #353535;
  background-color: #ffeed4;
  border-color: #FFB03B;
  outline: none;
}

/* line 146, scss/paging.scss */
.lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept {
  background-color: #d33a2f;
  border: 5px solid #e75e54;
}

/* line 150, scss/paging.scss */
.lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:hover {
  background-color: #d63d32;
  border-color: #fb756b;
}

/* line 154, scss/paging.scss */
.lightBox-bg .lightBox-content .lightBox-button .button-box .no-accept:focus {
  color: #353535;
  background-color: #fff;
  border-color: #e44f4f;
  outline: none;
}

/*-------------------- content ---------------------*/
/* line 167, scss/paging.scss */
.features-height {
  height: 298px;
}

/* line 170, scss/paging.scss */
#main-container .banner {
  padding: 0;
}

/* line 173, scss/paging.scss */
.paging-content {
  position: relative;
}

/* line 176, scss/paging.scss */
.left-content {
  height: 100%;
  min-height: 360px;
  height: 100%;
  min-height: 360px;
}

/* line 179, scss/paging.scss */
.left-content .left-content-menu {
  width: 20%;
  vertical-align: top;
  float: right;
}

/* line 186, scss/paging.scss */
.left-content .left-content-menu {
  width: 20%;
  vertical-align: top;
  float: left;
  margin-right: 2%;
  position: relative;
}

/* line 193, scss/paging.scss */
.left-content .left-content-text {
  width: 78%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

/* line 201, scss/paging.scss */
.right-content {
  height: 100%;
  min-height: 360px;
}

/* line 204, scss/paging.scss */
.right-content .right-content-menu {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  float: right;
  position: relative;
}

/* line 211, scss/paging.scss */
.right-content .right-content-text {
  width: 78%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

/* line 219, scss/paging.scss */
.text-zebra .zebra-box {
  background-color: #efefef;
}

/* line 221, scss/paging.scss */
.text-zebra .zebra-box .zebra-title {
  padding: 5px 15px;
  background-color: #16a98d;
  color: #fff;
  font-size: 1.125rem;
}

/* line 227, scss/paging.scss */
.text-zebra .zebra-box .zebra-content {
  padding: 5px 15px;
}

/*-------------------------------------------------------------- breadcrumb*/
/* line 234, scss/paging.scss */
.breadcrumb {
  width: auto;
  line-height: normal;
  display: inline-block;
  background-color: #f2f2f2;
  padding: 5px 15px;
  margin: 0;
  border-radius: 50px;
  color: #626262;
  box-shadow: 1px 1px 1px #c1bebe;
  margin-top: 30px;
}

/* line 245, scss/paging.scss */
.breadcrumb a {
  color: #1e76be;
}

/* line 247, scss/paging.scss */
.breadcrumb a:hover {
  text-decoration: underline;
}

/* line 248, scss/paging.scss */
.breadcrumb a:focus {
  outline: none;
  background-color: #FFE16D;
}

/* line 253, scss/paging.scss */
.breadcrumb span {
  color: #626262;
  margin: 0 5px;
}

/*-------------------------------------------------------------- */
/* line 260, scss/paging.scss */
.straight-memu {
  margin-top: 5px;
  padding: 0 3px 0 0;
  border-left: 4px solid #008269;
}

/* line 265, scss/paging.scss */
.straight-memu li+li {
  border-top: 1px solid #cad9e1;
}

/* line 267, scss/paging.scss */
.straight-memu li a {
  display: block;
  padding: 10px 15px;
  background-color: #f5f5f5;
  color: #31708f;
  text-align: center;
  line-height: normal;
}

/* line 275, scss/paging.scss */
.straight-memu li a:hover {
  background-color: #008269;
  color: #ffffff;
}

/* line 279, scss/paging.scss */
.straight-memu li a:focus {
  outline: none;
  border: 2px dashed #e00;
}

/* line 284, scss/paging.scss */
.straight-memu li .focus-button {
  color: #000;
  background-color: #ffc877;
}

/* line 287, scss/paging.scss */
.straight-memu li .focus-button:hover {
  color: #000;
  background-color: #ffc877;
}

/* line 296, scss/paging.scss */
.paging-list ul li {
  border-bottom: 1px solid #ddd;
}

/* line 298, scss/paging.scss */
.paging-list ul li a {
  line-height: normal;
  display: block;
  padding: 10px;
  color: #696969;
}

/* line 303, scss/paging.scss */
.paging-list ul li a:hover {
  background-color: #f6f6f6;
}

/* line 304, scss/paging.scss */
.paging-list ul li a:focus {
  outline: none;
  background-color: #fdedd5;
}

/* line 309, scss/paging.scss */
.paging-list ul li a .top {
  width: 20px;
  margin-right: 5px;
}

/* line 317, scss/paging.scss */
.guide {
  margin-top: 10px;
}

/* line 319, scss/paging.scss */
.guide .guide-text {
  background-color: #f5f5f5;
  margin: 1% 0;
  padding: 15px;
}

/* line 323, scss/paging.scss */
.guide .guide-text p {
  margin: 15px;
}

/* line 326, scss/paging.scss */
.guide ul {
  padding: 5px 15px;
}

/* line 328, scss/paging.scss */
.guide ul a:focus {
  outline: none;
  border: 2px dashed #ff9800;
}

/* line 331, scss/paging.scss */
.guide ul a:focus h2 {
  border: 2px dashed #ff9800;
}

/*-------------------------------------------------------------- member registration*/
/* line 337, scss/paging.scss */
.registration-box {
  position: relative;
  width: 100%;
  max-width: 950px;
  margin: auto;
}

/* line 342, scss/paging.scss */
.registration-box .focus-red {
  color: #d00;
}

/* line 343, scss/paging.scss */
.registration-box .annotation {
  font-size: 0.875rem;
  padding: 5px 0 0;
  display: block;
  color: #0a987c;
}

/* line 349, scss/paging.scss */
.registration-box .note {
  color: #d00;
  margin-right: 1%;
  display: block;
}

/* line 354, scss/paging.scss */
.registration-box .unit-name {
  color: #1e76be;
  font-weight: 900;
  margin: 0 1%;
}

/* line 359, scss/paging.scss */
.registration-box .user-name {
  color: #1e76be;
  margin-right: 5%;
}

/* line 363, scss/paging.scss */
.registration-box .registration-content {
  background-color: #f5f5f5;
  margin: 1% 0;
}

/* line 367, scss/paging.scss */
.registration-box ul {
  vertical-align: top;
  padding-top: 0;
}

/* line 370, scss/paging.scss */
.registration-box ul li {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  display: flex;
}

/* line 375, scss/paging.scss */
.registration-box ul li .registration-width-short {
  padding: 0 15px;
}

/* line 376, scss/paging.scss */
.registration-box ul li .content-explanation {
  padding: 0 15px;
}

/* line 378, scss/paging.scss */
.registration-box ul li div .registration-text {
  width: 100%;
}

/* line 380, scss/paging.scss */
.registration-box ul li div .registration-text input {
  width: auto;
  display: inline-block;
  padding: 3px 5px;
  margin-top: 10px;
  border: 2px solid #1ebe9f;
}

/* line 387, scss/paging.scss */
.registration-box ul li div .registration-text input:focus {
  border-color: #ff9800;
}

/* line 391, scss/paging.scss */
.registration-box ul li div .registration-text p {
  padding: 10px 0 0;
  color: #d00;
}

/* line 395, scss/paging.scss */
.registration-box ul li div .registration-text .input-check {
  display: inline-block;
  width: 70px;
  padding: 11px;
}

/* line 400, scss/paging.scss */
.registration-box ul li div .registration-text .address {
  width: 130px;
}

/* line 405, scss/paging.scss */
.registration-box ul li div .input-name {
  width: 100%;
}

/* line 409, scss/paging.scss */
.registration-box ul li .member-data {
  width: 100%;
}

/* line 411, scss/paging.scss */
.registration-box ul li .member-data div {
  margin-bottom: 5%;
}

/* line 413, scss/paging.scss */
.registration-box ul li .member-data div h3 {
  background-color: #0eac8d;
  padding: 5px;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
}

/* line 420, scss/paging.scss */
.registration-box ul li .member-data div p {
  padding: 5px 0;
}

/* line 422, scss/paging.scss */
.registration-box ul li .member-data div p span {
  font-size: 1.06rem;
  color: #ff2c1c;
  margin-right: 10px;
}

/* line 431, scss/paging.scss */
.registration-box ul .registration-width-average {
  display: flex;
}

/* line 433, scss/paging.scss */
.registration-box ul .registration-width-average .registration-width-short {
  width: 100%;
}

/* line 435, scss/paging.scss */
.registration-box ul .registration-width-average .registration-width-short .pull-down-menu {
  padding: 10px 0;
}

/* line 437, scss/paging.scss */
.registration-box ul .registration-width-average .registration-width-short .pull-down-menu select {
  width: 100%;
  display: inline-block;
  padding: 3px 5px;
  margin-top: 10px;
  border: 2px solid #1ebe9f;
}

/* line 444, scss/paging.scss */
.registration-box ul .registration-width-average .registration-width-short .pull-down-menu select:focus {
  border-color: #ff9800;
}

/* line 452, scss/paging.scss */
.registration-box ul .registration-average .registration-width-short {
  width: 100%;
}

/* line 455, scss/paging.scss */
.registration-box ul .registration-average .registration-width-short div div {
  width: 100%;
}

/* line 457, scss/paging.scss */
.registration-box ul .registration-average .registration-width-short div div select {
  width: 100%;
  display: inline-block;
  padding: 3px 5px;
  margin-top: 10px;
  border: 2px solid #1ebe9f;
}

/* line 464, scss/paging.scss */
.registration-box ul .registration-average .registration-width-short div div select:focus {
  border-color: #ff9800;
}

/* line 470, scss/paging.scss */
.registration-box ul .registration-average .registration-width-short .content-box {
  padding: 10px 0;
  width: 60%;
  display: flex;
}

/* line 474, scss/paging.scss */
.registration-box ul .registration-average .registration-width-short .content-box .content-padding {
  margin-right: 5%;
}

/* line 481, scss/paging.scss */
.registration-box .verification {
  display: flex;
}

/* line 483, scss/paging.scss */
.registration-box .verification .verification-img {
  margin-top: 6px;
  margin-right: 15px;
}

/* line 486, scss/paging.scss */
.registration-box .verification .verification-img img {
  width: 100%;
  max-width: 100px;
  min-width: 100px;
}

/* line 492, scss/paging.scss */
.registration-box .verification .renew {
  display: inline-block;
  width: 70px;
  margin-left: 1%;
  padding-top: 2%;
}

/* line 500, scss/paging.scss */
.registration-box div .determine {
  width: 150px;
  background-color: #0a987c;
  display: inline-block;
  text-align: center;
  font-size: 1.125rem;
  padding: 5px;
  border-radius: 5px;
  font-weight: 400;
  color: #fff;
  border: 6px solid #12b091;
  text-shadow: 2px 2px 3px #0c6856;
  margin-right: 15px;
  margin-bottom: 5%;
}

/* line 514, scss/paging.scss */
.registration-box div .determine:hover {
  background-color: #15ae90;
  color: #fff;
  border: 6px solid #1ebe9f;
  text-shadow: 2px 2px 3px #0c6856;
}

/* line 521, scss/paging.scss */
.registration-box div .cancel {
  width: 150px;
  background-color: #d33a2f;
  display: inline-block;
  text-align: center;
  font-size: 1.125rem;
  padding: 5px;
  border-radius: 5px;
  font-weight: 400;
  color: #fff;
  border: 6px solid #e75e54;
  text-shadow: 2px 2px 3px #8a2922;
  margin-right: 1%;
  margin-bottom: 5%;
}

/* line 536, scss/paging.scss */
.registration-box div .cancel:hover {
  background-color: #ff5549;
  color: #FFF;
  border: 6px solid #df4d43;
  text-shadow: 2px 2px 3px #8a2922;
}

/* line 545, scss/paging.scss */
.registration-box .member-login .registration-content {
  width: 100%;
}

@media screen and (max-width: 414px) {

  /* line 552, scss/paging.scss */
  .registration-box ul li {
    display: block;
  }

  /* line 555, scss/paging.scss */
  .registration-box div .determine {
    margin: 1rem 12px 0.8rem 15px;
  }

  /* line 556, scss/paging.scss */
  .registration-box div .cancel {
    margin: 1rem 15px 0.8rem 0;
  }
}

@media only screen and (max-width: 375px) {

  /* line 562, scss/paging.scss */
  .registration-box div .determine,
  .registration-box div .cancel {
    width: calc((100% - 42px) / 2);
    float: left;
  }

  /* line 568, scss/paging.scss */
  .registration-box div::after {
    content: '';
    display: block;
    clear: both;
  }
}

/* line 578, scss/paging.scss */
.member-registration .fill-form .data {
  width: 60%;
}

/*-------------------------------------------------------------- application*/
/* line 585, scss/paging.scss */
.application {
  margin-bottom: 35px;
}

/* line 588, scss/paging.scss */
.application .fill-form {
  margin: 10px 0 20px;
}

/* line 591, scss/paging.scss */
.application .fill-form .fill-data {
  width: 70%;
  margin: 0 auto;
}

/* line 596, scss/paging.scss */
.application .fill-form .fill-data .data>label {
  width: 100px;
}

/* line 600, scss/paging.scss */
.application .fill-form .fill-data .data .box {
  width: calc(100% - 100px);
}

/* line 607, scss/paging.scss */
.application .fill-form.login-form .fill-data {
  width: 60%;
}

/* line 610, scss/paging.scss */
.application .fill-form.login-form .fill-data .add-member,
.application .fill-form.login-form .fill-data .forget-pwd-link {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 621, scss/paging.scss */
.application table.table-list [class^=butn] {
  margin: 3px 0;
}

/* line 627, scss/paging.scss */
.application table.table-detail+table.table-list {
  margin-top: 35px;
}

@media only screen and (max-width: 1200px) {

  /* line 635, scss/paging.scss */
  .application .fill-form.login-form .fill-data {
    width: 75%;
  }
}

@media only screen and (max-width: 990px) {

  /* line 645, scss/paging.scss */
  .application .fill-form.login-form .fill-data {
    width: 95%;
  }
}

/*-------------------------------------------------------------- hot to home*/
/* line 654, scss/paging.scss */
.hot-to-home {
  margin-bottom: 35px;
}

/* line 658, scss/paging.scss */
.hot-to-home ul li {
  margin: 10px 0;
}

/* line 660, scss/paging.scss */
.hot-to-home ul li+li {
  margin-top: 20px;
}

/* line 664, scss/paging.scss */
.hot-to-home ul li a {
  font-size: 1.25rem;
}

/* line 671, scss/paging.scss */
.hot-to-home .fill-form .data {
  width: 60%;
}

/* line 678, scss/paging.scss */
.hot-to-home.home-search .fill-form .fill-data {
  width: 65%;
}

/* line 681, scss/paging.scss */
.hot-to-home.home-search .fill-form .fill-data .data {
  width: 100%;
}

/* line 688, scss/paging.scss */
.hot-to-home.home-search .box-bg p {
  margin: 5px 0;
}

/* line 692, scss/paging.scss */
.hot-to-home.home-search .box-bg ol {
  margin-left: 17px;
}

/*-------------------------------------------------------------- consumption*/
/* line 700, scss/paging.scss */
.consumption {
  margin-bottom: 35px;
}

/* line 704, scss/paging.scss */
.consumption .fill-form .data {
  width: 80%;
}

/* line 709, scss/paging.scss */
.consumption .fill-form .data .box label.radio-checkbox:not(.wrap) input:not([type=radio]):not([type=checkbox]) {
  width: auto;
}

/* line 713, scss/paging.scss */
.consumption .fill-form .data .box label.wrap {
  height: auto;
  line-height: 1.2;
  margin-top: 6px;
}

/* line 724, scss/paging.scss */
.consumption.hospital .hospital-item-list {
  margin-bottom: 30px;
}

/* line 727, scss/paging.scss */
.consumption.hospital .hospital-item-list .fill-form {
  display: none;
}

/* line 730, scss/paging.scss */
.consumption.hospital .hospital-item-list .fill-form:nth-of-type(1) {
  display: block;
}

/* line 734, scss/paging.scss */
.consumption.hospital .hospital-item-list .fill-form-title a {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  color: #777777;
}

/* line 740, scss/paging.scss */
.consumption.hospital .hospital-item-list .fill-form-title a::after {
  content: '';
  width: 18px;
  height: 18px;
  line-height: 15px;
  text-align: center;
  color: #777777;
  display: block;
  border: 1px solid #777;
  position: absolute;
  right: 0;
  top: 7px;
}

/* line 755, scss/paging.scss */
.consumption.hospital .hospital-item-list .fill-form-title a.open::after {
  content: '+';
}

/* line 759, scss/paging.scss */
.consumption.hospital .hospital-item-list .fill-form-title a.close::after {
  content: '-';
  line-height: 12px;
}

/* line 765, scss/paging.scss */
.consumption.hospital .hospital-item-list .fill-form-title a:hover {
  color: #1e6385;
}

/* line 768, scss/paging.scss */
.consumption.hospital .hospital-item-list .fill-form-title a:hover::after {
  color: #1e6385;
  border-color: #1e6385;
}

/* line 774, scss/paging.scss */
.consumption.hospital .hospital-item-list .fill-form-title a:focus {
  outline: none;
  text-decoration: none;
  border: 2px dashed #d10000;
}

/* line 785, scss/paging.scss */
.consumption.hospital .hospital-item-list .fill-form .fill-data .data>label {
  width: 130px;
}

/* line 789, scss/paging.scss */
.consumption.hospital .hospital-item-list .fill-form .fill-data .data .box {
  width: calc(100% - 130px);
}

/* line 803, scss/paging.scss */
.consumption.rent .fill-form .fill-data .data>label {
  width: 100px;
}

/* line 807, scss/paging.scss */
.consumption.rent .fill-form .fill-data .data .box {
  width: calc(100% - 100px);
}

/* line 819, scss/paging.scss */
.consumption.purchase .fill-form .fill-data .data .box>div label.radio-checkbox input:not([type=radio]):not([type=checkbox]) {
  width: 100px;
}

@media only screen and (max-width: 768px) {

  /* line 700, scss/paging.scss */
  .consumption {
    /** 醫院、診所 **/
    /** 購買個人房屋、購買高爾夫球證 **/
  }

  /* line 841, scss/paging.scss */
  .consumption.purchase .fill-form .fill-data .data .box>div.two.small input:not([type=radio]):not([type=checkbox]),
  .consumption.purchase .fill-form .fill-data .data .box>div.two.small select,
  .consumption.golf .fill-form .fill-data .data .box>div.two.small input:not([type=radio]):not([type=checkbox]),
  .consumption.golf .fill-form .fill-data .data .box>div.two.small select {
    width: 20%;
  }

  /* line 848, scss/paging.scss */
  .consumption.purchase .fill-form .fill-data .data .box>div.small input:not([type=radio]):not([type=checkbox]),
  .consumption.purchase .fill-form .fill-data .data .box>div.small select,
  .consumption.golf .fill-form .fill-data .data .box>div.small input:not([type=radio]):not([type=checkbox]),
  .consumption.golf .fill-form .fill-data .data .box>div.small select {
    width: 50%;
  }
}

/*-------------------------------------------------------------- login*/
/* line 865, scss/paging.scss */
.login .fill-form .fill-data,
.forget-pwd .fill-form .fill-data {
  width: 60%;
}

/* line 868, scss/paging.scss */
.login .fill-form .fill-data .add-member,
.forget-pwd .fill-form .fill-data .add-member,
.login .fill-form .fill-data .forget-pwd-link,
.forget-pwd .fill-form .fill-data .forget-pwd-link {
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 1200px) {

  /* line 879, scss/paging.scss */
  .login .fill-form .fill-data,
  .forget-pwd .fill-form .fill-data {
    width: 75%;
  }
}

@media only screen and (max-width: 990px) {

  /* line 887, scss/paging.scss */
  .login .fill-form .fill-data,
  .forget-pwd .fill-form .fill-data {
    width: 95%;
  }
}

/*-------------------------------------------------------------- forget pwd*/
/*-------------------------------------------------------------- album*/
/* line 900, scss/paging.scss */
.album {
  position: relative;
}

/* line 904, scss/paging.scss */
.album .fill-form .fill-data {
  width: 70%;
  margin: 0 auto;
}

/* line 910, scss/paging.scss */
.album ul {
  padding: 0 5px;
  margin-top: 30px;
}

/* line 914, scss/paging.scss */
.album ul::after {
  content: '';
  clear: both;
  display: block;
}

/* line 920, scss/paging.scss */
.album ul li {
  width: calc((100% - 70px) / 3);
  margin-bottom: 30px;
  float: left;
}

/* line 925, scss/paging.scss */
.album ul li+li {
  margin-left: 34px;
}

/* line 927, scss/paging.scss */
.album ul li:nth-of-type(3n+1) {
  clear: both;
  margin-left: 0;
}

/* line 932, scss/paging.scss */
.album ul li a {
  display: block;
}

/* line 936, scss/paging.scss */
.album ul li a:hover div {
  border-color: #f9b249;
  box-shadow: none;
}

/* line 940, scss/paging.scss */
.album ul li a:hover p {
  color: #1e76be;
}

/* line 943, scss/paging.scss */
.album ul li a:focus {
  outline-width: 3px;
  outline-offset: 0px;
  outline-style: dashed;
  outline-color: #e75e54;
}

/* line 948, scss/paging.scss */
.album ul li a:focus div {
  box-shadow: none;
}

/* line 952, scss/paging.scss */
.album ul li div {
  background-color: #fff;
  border: 3px solid #ffffff;
  box-shadow: 1px 1px 3px #b2b1b1;
}

/* line 956, scss/paging.scss */
.album ul li div img {
  width: 100%;
}

/* line 959, scss/paging.scss */
.album ul li p {
  color: #353535;
  font-size: 1.1rem;
  margin-top: 10px;
  padding: 0 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* line 968, scss/paging.scss */
.album ul li p.date {
  color: #565656;
  font-size: 0.9rem;
  margin-top: 5px;
}

/* line 977, scss/paging.scss */
.album-carousel {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 51;
}

/* line 989, scss/paging.scss */
.album-carousel .album-content {
  background: #ffffff;
  padding: 10px 10px 8px;
  position: relative;
  box-shadow: 1px 1px 10px #333333;
}

/* line 994, scss/paging.scss */
.album-carousel .album-content a {
  outline: 0;
}

/* line 997, scss/paging.scss */
.album-carousel .album-content a:focus {
  border: 2px solid #f00;
}

/* line 1000, scss/paging.scss */
.album-carousel .album-content .prev,
.album-carousel .album-content .next {
  width: 28px;
  height: 28px;
  cursor: pointer;
  border: 1px solid #eeeeee;
  background-color: #333333;
  background-image: url(../img/left-right.svg);
  background-repeat: no-repeat;
  background-size: 6px;
  background-position: center;
  box-shadow: 1px 1px 5px #333333;
  position: absolute;
  top: calc(50% - 28px);
  left: 20px;
}

/* line 1018, scss/paging.scss */
.album-carousel .album-content .next {
  background-image: url(../img/turn-right.svg);
  left: auto;
  right: 20px;
}

/* line 1024, scss/paging.scss */
.album-carousel .album-content .album-close {
  width: 35px;
  height: 35px;
  display: block;
  text-indent: -99999px;
  background-color: #333333;
  background-image: url(../img/close.png);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
  border: 3px solid #ffffff;
  border-radius: 50%;
  box-shadow: 1px 1px 5px #333333;
  position: absolute;
  right: -15px;
  top: -15px;
}

/* line 1042, scss/paging.scss */
.album-carousel .album-content .album-photo {
  margin-bottom: 5px;
}

/* line 1045, scss/paging.scss */
.album-carousel .album-content .album-photo img {
  max-width: 90vw;
  max-height: 90vh;
}

@media only screen and (max-width: 769px) {

  /* line 1055, scss/paging.scss */
  .album ul li {
    width: calc((100% - 35px) / 2);
  }

  /* line 1058, scss/paging.scss */
  .album ul li:nth-of-type(3n+1) {
    clear: initial;
    margin-left: 34px;
  }

  /* line 1063, scss/paging.scss */
  .album ul li:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
}

@media only screen and (max-width: 414px) {

  /* line 1073, scss/paging.scss */
  .album ul li {
    width: 100%;
    float: none;
  }

  /* line 1077, scss/paging.scss */
  .album ul li+li {
    margin-left: 0;
  }

  /* line 1081, scss/paging.scss */
  .album ul li:nth-of-type(3n+1) {
    margin-left: 0;
  }

  /* line 1088, scss/paging.scss */
  .album-carousel .album-content {
    padding: 5px;
  }

  /* line 1091, scss/paging.scss */
  .album-carousel .album-content .prev,
  .album-carousel .album-content .next {
    width: 22px;
    height: 22px;
    display: block;
  }

  /* line 1098, scss/paging.scss */
  .album-carousel .album-content .album-close {
    width: 25px;
    height: 25px;
    background-size: 11px;
    border-width: 2px;
    right: -8px;
    top: -10px;
  }
}

/*-------------------------------------------------------------- article page*/
/* line 1112, scss/paging.scss */
.article-page {
  position: relative;
}

/* line 1115, scss/paging.scss */
.article-page a:focus {
  outline-width: 2px;
  outline-offset: 1px;
  outline-style: dashed;
  outline-color: #ff6e63;
}

/* line 1122, scss/paging.scss */
.article-page article {
  padding: 10px;
}

/* line 1130, scss/paging.scss */
.article-page article * {
  font-size: revert;
  margin: revert;
  padding: revert;
  list-style-type: revert;
}

/* line 1137, scss/paging.scss */
.article-page article a {
  color: #2f71aa;
}

/* line 1139, scss/paging.scss */
.article-page article a:hover {
  color: #b92f2f;
}

/* line 1142, scss/paging.scss */
.article-page article img {
  max-width: 100% !important;
}

/* line 1144, scss/paging.scss */
.article-page article ul,
.article-page article ol {
  margin-left: -1em;
}

/* line 1147, scss/paging.scss */
.article-page article ul ul,
.article-page article ul ol,
.article-page article ol ul,
.article-page article ol ol {
  margin-top: 8px;
}

/* line 1150, scss/paging.scss */
.article-page article ul li,
.article-page article ol li {
  list-style-type: inherit;
}

/* line 1152, scss/paging.scss */
.article-page article ul li+li,
.article-page article ol li+li {
  margin-top: 8px;
}

/* line 1157, scss/paging.scss */
.article-page article ul,
.article-page article ol {
  margin-left: 1.2em;
  padding-left: 0;
}

/* line 1158, scss/paging.scss */
.article-page article h3 {
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 1159, scss/paging.scss */
.article-page article h4 {
  margin-top: 1.33em;
  margin-bottom: 1.33em;
}

/* line 1160, scss/paging.scss */
.article-page article h5 {
  font-size: 0.83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
}

/* line 1161, scss/paging.scss */
.article-page article h6 {
  font-size: 0.67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
}

/* line 1162, scss/paging.scss */
.article-page article h3 *,
.article-page article h4 *,
.article-page article h5 *,
.article-page article h6 * {
  font-size: inherit;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

  /* line 1166, scss/paging.scss */
  .article-page article ul,
  .article-page article ol {
    margin-left: 1em;
  }
}

/* line 1169, scss/paging.scss */
.article-page article p {
  margin: 10px 0;
}

/* line 1171, scss/paging.scss */
.article-page article table {
  width: 100%;
  margin: auto;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

  /* line 1171, scss/paging.scss */
  .article-page article table {
    table-layout: fixed;
  }

  /* line 1179, scss/paging.scss */
  .article-page article table * {
    word-wrap: break-word;
  }
}

/* line 1182, scss/paging.scss */
.article-page article table thead th {
  padding: 3px;
}

/* line 1185, scss/paging.scss */
.article-page article table tbody th,
.article-page article table tbody td {
  padding: 3px;
}

/* line 1189, scss/paging.scss */
.article-page article::after {
  content: '';
  display: block;
  clear: both;
}

/* line 1196, scss/paging.scss */
.article-page .info {
  margin: 20px 0 0;
  padding: 10px 10px 0;
  border-top: 3px solid #dddddd;
}

/* line 1201, scss/paging.scss */
.article-page .info span {
  display: inline-block;
}

/* line 1204, scss/paging.scss */
.article-page .info span+span {
  padding-left: 18px;
  margin-left: 15px;
  border-left: 1px solid #b1b1b1;
}

/* line 1212, scss/paging.scss */
.article-page .attachment {
  padding: 10px 10px;
  margin-top: 20px;
  border-top: 3px solid #dddddd;
}

/* line 1217, scss/paging.scss */
.article-page .attachment h3,
.article-page .attachment .title {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 1224, scss/paging.scss */
.article-page .attachment div a {
  display: inline-block;
  font-size: 1.05rem;
  padding: 5px 0 5px 30px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 22px;
}

/* line 1232, scss/paging.scss */
.article-page .attachment div a.file-word {
  background-image: url(../img/file-word.png);
}

/* line 1233, scss/paging.scss */
.article-page .attachment div a.file-excel {
  background-image: url(../img/file-excel.png);
}

/* line 1234, scss/paging.scss */
.article-page .attachment div a.file-pdf {
  background-image: url(../img/file-pdf.png);
}

/* line 1235, scss/paging.scss */
.article-page .attachment div a.file-odt {
  background-image: url(../img/file-odt.png);
}

/* line 1236, scss/paging.scss */
.article-page .attachment div a.file-ods {
  background-image: url(../img/file-ods.png);
}

/* line 1237, scss/paging.scss */
.article-page .attachment div a.file-pic {
  background-image: url(../img/file-pic.png);
}

/* line 1238, scss/paging.scss */
.article-page .attachment div a.file-zip {
  background-image: url(../img/file-zip.png);
}

/* line 1239, scss/paging.scss */
.article-page .attachment div a.file-other {
  background-image: url(../img/file-other.png);
}

/* line 1243, scss/paging.scss */
.article-page .attachment .preview-img {
  padding-top: 10px;
  margin-top: 20px;
  border-top: 3px solid #dddddd;
  display: none;
}

/* line 1249, scss/paging.scss */
.article-page .attachment .preview-img .img-list {
  display: flex;
  flex-wrap: wrap;
}

/* line 1252, scss/paging.scss */
.article-page .attachment .preview-img .img-list a {
  width: 25%;
  padding: 5px;
}

/* line 1255, scss/paging.scss */
.article-page .attachment .preview-img .img-list a img {
  width: 100%;
}

/* line 1258, scss/paging.scss */
.article-page .attachment .preview-img .img-list a p {
  text-align: center;
  margin: 5px 0;
}

/* line 1264, scss/paging.scss */
.article-page .attachment .preview-img .preview {
  width: 100%;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 55;
}

/* line 1276, scss/paging.scss */
.article-page .attachment .preview-img .preview img {
  max-width: 80%;
  max-height: 90%;
}

/* line 1280, scss/paging.scss */
.article-page .attachment .preview-img .preview .close-preview {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.8);
  background: #fff;
  position: absolute;
  top: 15px;
  right: 15px;
}

/* line 1290, scss/paging.scss */
.article-page .attachment .preview-img .preview .close-preview:hover {
  border-color: #fff;
}

/* line 1291, scss/paging.scss */
.article-page .attachment .preview-img .preview .close-preview:focus {
  color: #fff;
  border: 2px dashed #fff;
  background: #000;
}

@media only screen and (max-width: 1050px) {

  /* line 1302, scss/paging.scss */
  .article-page .info span {
    width: 48%;
    margin: 5px 0;
    text-align: center;
  }

  /* line 1307, scss/paging.scss */
  .article-page .info span:nth-of-type(2n+1) {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
  }
}

@media only screen and (max-width: 600px) {

  /* line 1316, scss/paging.scss */
  .article-page .info span {
    width: 100%;
    text-align: left;
  }

  /* line 1320, scss/paging.scss */
  .article-page .info span+span {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
  }

  /* line 1327, scss/paging.scss */
  .article-page article {
    padding: 10px 0;
  }

  /* line 1329, scss/paging.scss */
  .article-page article table {
    width: 100% !important;
  }

  /* line 1330, scss/paging.scss */
  .article-page article img {
    height: auto !important;
  }
}

@media only screen and (max-width: 414px) {

  /* line 1336, scss/paging.scss */
  .article-page article table * {
    word-break: break-word;
  }
}

/*-------------------------------------------------------------- statistics*/
/* line 1343, scss/paging.scss */
.statistics .fill-form {
  margin-bottom: 20px;
}

/* line 1345, scss/paging.scss */
.statistics .fill-form .fill-data {
  width: 70%;
  margin: 0 auto;
}

/* line 1352, scss/paging.scss */
.statistics table.table-list tr td .icon {
  width: 20px;
}

/*-------------------------------------------------------------- tree*/
/* line 1358, scss/paging.scss */
.tree {
  padding: 10px;
}

/* line 1361, scss/paging.scss */
.tree>ul {
  display: block;
}

/* line 1366, scss/paging.scss */
.tree>ul>li:last-child::before {
  display: none;
}

/* line 1371, scss/paging.scss */
.tree>ul>li>div::before {
  display: none;
}

/* line 1378, scss/paging.scss */
.tree ul {
  position: relative;
}

/* line 1381, scss/paging.scss */
.tree ul li {
  position: relative;
}

/* line 1384, scss/paging.scss */
.tree ul li::before {
  content: '';
  left: -20px;
  position: absolute;
  right: auto;
  border-left: 1px solid #999999;
  bottom: 50px;
  height: calc(100% + 30px);
  top: -10px;
  width: 1px;
  -webkit-transition: "border-color 0.1s ease 0.1s";
  -moz-transition: "border-color 0.1s ease 0.1s";
  -o-transition: "border-color 0.1s ease 0.1s";
  transition: "border-color 0.1s ease 0.1s";
}

/* line 1401, scss/paging.scss */
.tree ul li:last-child::before {
  height: 30px;
}

/* line 1406, scss/paging.scss */
.tree ul li div {
  margin-bottom: 10px;
  position: relative;
}

/* line 1410, scss/paging.scss */
.tree ul li div::before {
  content: '';
  width: 20px;
  height: 1px;
  position: absolute;
  background: #999999;
  top: 15px;
  left: -20px;
}

/* line 1420, scss/paging.scss */
.tree ul li div::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 16px;
  left: 10px;
}

/* line 1430, scss/paging.scss */
.tree ul li div.expand::after {
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #525081 transparent transparent transparent;
}

/* line 1438, scss/paging.scss */
.tree ul li div.shut::after {
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #525081 transparent;
}

/* line 1445, scss/paging.scss */
.tree ul li div a {
  padding: 6px 30px;
  color: #696969;
  font-size: 0.875rem;
  display: inline-block;
  border: 1px solid #999999;
  border-radius: 5px;
  margin-right: 15px;
  white-space: nowrap;
  background-color: #ffffff;
  cursor: pointer;
}

/* line 1457, scss/paging.scss */
.tree ul li div a:hover {
  background: #fdf4c8;
}

/* line 1461, scss/paging.scss */
.tree ul li div a.active {
  background: #fdf4c8;
  border-color: #bf863f;
}

/* line 1468, scss/paging.scss */
.tree ul li ul {
  margin-left: 35px;
  display: none;
}

/* line 1476, scss/paging.scss */
.short-field {
  width: 10%;
  text-align: center;
}

/* line 1481, scss/paging.scss */
.tab-title {
  background-color: #efefef;
  display: flex;
  list-style-type: none;
}

/* line 1485, scss/paging.scss */
.tab-title li {
  padding: 10px 5px 0;
}

/* line 1487, scss/paging.scss */
.tab-title li a {
  background-color: #d9d9d9;
  display: block;
  padding: 5px 15px;
  color: #575757;
  border-radius: 10px 10px 0px 0px;
}

/* line 1494, scss/paging.scss */
.tab-title li a:hover {
  color: #ffffff;
  background-color: #aaaaaa;
}

/* line 1499, scss/paging.scss */
.tab-title li a:focus {
  color: #ffffff;
  background-color: #ff9800;
  outline: none;
}

/* line 1505, scss/paging.scss */
.tab-title li .tab-select {
  background-color: #095c4c;
  color: #fff;
}

/* line 1509, scss/paging.scss */
.tab-title li .tab-select:focus {
  color: #ffffff;
  background-color: #ff9800;
}

/* line 1518, scss/paging.scss */
.bulletin-title-list .wdn_responsive_table {
  width: 100%;
}

/* line 1521, scss/paging.scss */
.bulletin-title-list .link-button {
  background-color: #0c6856;
  text-align: right;
  padding: 5px;
}

/* line 1526, scss/paging.scss */
.bulletin-title-list .link-button a {
  color: #efefef;
  padding: 0 5px;
}

/* line 1530, scss/paging.scss */
.bulletin-title-list .link-button a:hover {
  color: #FFE16D;
}

/* line 1531, scss/paging.scss */
.bulletin-title-list .link-button a:focus {
  border: 2px dashed #FFE16D;
  outline: none;
}

/* line 1536, scss/paging.scss */
.video-button {
  margin: 20px 0 10px;
}

/* line 1538, scss/paging.scss */
.video-button a {
  display: inline-block;
  width: auto;
  padding: 5px 15px;
  background-color: #008269;
  margin-right: 10px;
  color: #fff;
  border-radius: 50px;
  margin-bottom: 15px;
  line-height: normal;
}

/* line 1549, scss/paging.scss */
.video-button a:hover,
.video-button a:focus {
  color: #353535;
  background-color: #ffcc83;
  outline: none;
}

/* line 1559, scss/paging.scss */
.video-search ul {
  background-color: #efefef;
  padding: 2%;
  margin-bottom: 10px;
}

/* line 1563, scss/paging.scss */
.video-search ul li {
  display: flex;
  margin: 10px 0;
}

/* line 1566, scss/paging.scss */
.video-search ul li a {
  display: inline-block;
  width: auto;
  padding: 5px 15px;
  background-color: #008269;
  color: #fff;
  border-radius: 50px;
  line-height: normal;
}

/* line 1575, scss/paging.scss */
.video-search ul li a:hover,
.video-search ul li a:focus {
  color: #353535;
  background-color: #ffcc83;
  outline: none;
}

/* line 1587, scss/paging.scss */
.video-search .video-object div:nth-of-type(4n+1) {
  clear: both;
}

/* line 1588, scss/paging.scss */
.video-search .video-object div:nth-of-type(n+5) {
  margin-top: 20px;
}

/* line 1590, scss/paging.scss */
.video-search .video-object div a {
  display: block;
  text-align: center;
}

/* line 1593, scss/paging.scss */
.video-search .video-object div a img {
  width: 100%;
}

/* line 1594, scss/paging.scss */
.video-search .video-object div a span {
  display: block;
  color: #555;
}

/* line 1598, scss/paging.scss */
.video-search .video-object div a .video-name {
  font-size: 1.3rem;
  font-weight: bold;
}

/* line 1602, scss/paging.scss */
.video-search .video-object div a .video-text {
  margin: 5px 0;
}

/* line 1603, scss/paging.scss */
.video-search .video-object div a .video-date {
  background-color: #efefef;
  padding: 2px 0;
}

/* line 1608, scss/paging.scss */
.video-search .video-object div a:hover {
  background-color: #e7e7e7;
}

/* line 1609, scss/paging.scss */
.video-search .video-object div a:focus {
  border: 2px dashed #d10000;
  outline: none;
}

/* line 1618, scss/paging.scss */
.video-box {
  width: 100%;
}

/* line 1620, scss/paging.scss */
.video-content {
  width: 100%;
  max-width: 900px;
  margin: auto;
}

/* line 1624, scss/paging.scss */
.video-content .video-box {
  width: 100%;
  height: 100%;
  min-height: 500px;
}

/* line 1628, scss/paging.scss */
.video-content .video-box iframe {
  height: 100%;
  min-height: 500px;
}

/* line 1633, scss/paging.scss */
.video-content .h2-title {
  margin-top: 15px;
}

/* line 1636, scss/paging.scss */
.video-content .video-source {
  background-color: #efefef;
  padding: 15px;
}

/* line 1639, scss/paging.scss */
.video-content .video-source img {
  width: 100%;
  max-width: 250px;
}

/* line 1644, scss/paging.scss */
.video-content .video-button {
  text-align: right;
  margin: 15px auto 5%;
}

/* line 1651, scss/paging.scss */
.tool-button {
  text-align: right;
}

/* line 1654, scss/paging.scss */
.tool-button.tool-by-h2 {
  min-height: 33px;
  margin-bottom: 11px;
  /* top: -42px;
  position: absolute;
  right: 0; */
}

/* line 1658, scss/paging.scss */
.tool-button.tool-by-h2 a {
  width: 33px;
  height: 33px;
  line-height: 28px;
  padding: 0;
  text-align: center;
}

/* line 1664, scss/paging.scss */
.tool-button.tool-by-h2 a img {
  width: 70%;
}

/* line 1668, scss/paging.scss */
.tool-button .light-box {
  text-align: left;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}

/* line 1678, scss/paging.scss */
.tool-button .light-box .light-box-content {
  width: 100%;
  max-width: 910px;
  max-height: 90vh;
  margin: 5vh auto;
  border-radius: 15px;
  padding: 15px;
  background-color: #fff;
  position: relative;
}

/* line 1688, scss/paging.scss */
.tool-button .light-box .light-box-content a {
  border: none;
}

/* line 1689, scss/paging.scss */
.tool-button .light-box .light-box-content .mail-eliminate {
  color: #fff;
  padding: 7px 6px 5px;
  background-color: #008269;
  width: 50px;
  text-align: center;
  border-radius: 0px;
  position: absolute;
  top: 13px;
  right: 15px;
  z-index: 2;
}

/* line 1701, scss/paging.scss */
.tool-button .light-box .light-box-content .mail-eliminate:hover {
  background-color: #00715b;
}

/* line 1702, scss/paging.scss */
.tool-button .light-box .light-box-content .mail-eliminate:focus {
  background-color: #d10000;
}

/* line 1705, scss/paging.scss */
.tool-button .light-box .light-box-content .light-box-main-content {
  max-height: calc(90vh - 80px);
  overflow: auto;
}

/* line 1710, scss/paging.scss */
.tool-button .light-box .light-box-content p {
  color: #d00;
}

/* line 1711, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data {
  padding: 1rem;
  border-bottom: 1px solid #ddd;
  margin: 0 auto 1%;
}

/* line 1715, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data {
  display: block;
}

/* line 1717, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data a {
  color: #184e69;
}

/* line 1719, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data a:focus {
  background: none;
  outline: none;
  border: 2px dashed #ff9800 !important;
}

/* line 1725, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data label {
  width: auto !important;
  display: block;
  padding: 0 0 10px;
  text-align: left;
  font-size: 1.25rem;
  color: #6e6e6e;
  font-weight: 500;
}

/* line 1733, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data label .focus-red {
  color: #d00;
}

/* line 1735, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box {
  width: 100% !important;
  margin-left: 0;
}

/* line 1738, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* line 1744, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box .verify input:not([type=radio]):not([type=checkbox]) {
  width: 110px;
  margin-right: 12px;
}

/* line 1748, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box .verify .verify-img {
  width: auto;
  margin-right: 10px;
  padding: 0;
  border: 1px solid #cccccc;
  border-radius: 0;
}

/* line 1754, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box .verify .verify-img img {
  height: 35px;
}

/* line 1756, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box .verify .voice {
  padding: 3px;
  text-align: center;
  background-color: #e8e8e8;
  border: 1px solid #cccccc;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
}

/* line 1765, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box .verify .voice img {
  width: 32px;
  height: 32px;
}

/* line 1770, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box .verify .voice:hover {
  background-color: #d1d0d0;
}

/* line 1774, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box .verify .refresh {
  color: #184e69;
  background-color: #e8e8e8;
  border-radius: 50px;
  padding: 3px 10px 3px 6px;
  display: inline-block;
  width: auto;
}

/* line 1781, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box .verify .refresh img {
  width: 32px;
  height: 32px;
  vertical-align: -10px;
}

/* line 1786, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box .verify .refresh:hover {
  background-color: #d1d0d0;
}

/* line 1791, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box p {
  text-align: left;
  margin-top: 5px;
}

/* line 1794, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box p a {
  width: auto;
}

/* line 1796, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box p a:hover {
  background: none;
  text-decoration: underline;
}

/* line 1802, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box .mail-text {
  text-align: left;
  background-color: #eaeaea;
  padding: 12px;
  color: #646464;
}

/* line 1809, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]) {
  width: 100%;
  height: 34px;
  padding: 3px 5px;
  border: 2px solid #1ebe9f;
}

/* line 1815, scss/paging.scss */
.tool-button .light-box .light-box-content .fill-data .data .box input:not([type=radio]):not([type=checkbox]):focus {
  border: 2px dashed #ff9800;
}

/* line 1819, scss/paging.scss */
.tool-button .light-box .light-box-content .butn-box {
  text-align: center;
  margin-top: 25px;
}

/* line 1825, scss/paging.scss */
.tool-button>a {
  display: inline-block;
  width: 40px;
  padding: 6px;
  border-radius: 6px;
  margin-left: 5px;
  border: 1px solid #ddd;
  background-color: #ffffff;
}

/* line 1834, scss/paging.scss */
.tool-button>a img {
  width: 100%;
}

/* line 1836, scss/paging.scss */
.tool-button>a:hover {
  background-color: #f0f0f0;
}

/* line 1837, scss/paging.scss */
.tool-button>a:focus {
  outline: none;
  border: 2px dashed #ff6e63 !important;
}

@media screen and (max-width: 769px) {

  /* line 1844, scss/paging.scss */
  .tool-button.tool-by-h2 {
    text-align: left;
    margin-bottom: 0;
  }

  /* line 1848, scss/paging.scss */
  .tool-button.tool-by-h2 a {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 769px) {
  .template-36 .tool-button.tool-by-h2 {
    text-align: left;
    margin-bottom: 0;
    position: relative;
    top: auto;
    right: auto;
  }
}

/*-------------------------------------------------------------- page retrievals*/
/* line 1854, scss/paging.scss */
.page-retrievals .help {
  line-height: 28px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 3px solid #dddddd;
}

/* line 1861, scss/paging.scss */
.page-retrievals .tree {
  width: 100%;
  min-height: 200px;
  overflow-y: auto;
  background-color: #f1f1f1;
  margin-top: 10px;
}

/* line 1870, scss/paging.scss */
.template-29 .right-content .right-content-menu .title-paging::after,
.template-29 .right-content .left-content-menu .title-paging::after,
.template-29 .left-content .right-content-menu .title-paging::after,
.template-29 .left-content .left-content-menu .title-paging::after {
  border-color: #695643 transparent transparent transparent;
}

/* line 1875, scss/paging.scss */
.template-29 .tool-button.tool-by-h2 a img {
  -webkit-filter: grayscale(1);
}

@media screen and (max-width: 990px) {

  /* line 1883, scss/paging.scss */
  .registration-box .verification {
    display: block;
  }

  /* line 1885, scss/paging.scss */
  .registration-box .verification .renew {
    width: 35px;
  }

  /* line 1893, scss/paging.scss */
  .tool-button .light-box .light-box-content {
    max-width: 90vw;
    border-radius: 0;
    overflow: auto;
  }

  /* line 1897, scss/paging.scss */
  .tool-button .light-box .light-box-content .mail-eliminate {
    width: 30px;
    height: 30px;
    line-height: 25px;
    padding: 0;
    color: #1ebe9f;
    text-align: center;
    border-radius: 40px;
    border: 3px solid #ddd;
    background-color: #f4f4f4;
  }

  /* line 1911, scss/paging.scss */
  .tool-button .light-box .light-box-content .fill-data .data .box .verify {
    display: block;
  }

  /* line 1913, scss/paging.scss */
  .tool-button .light-box .light-box-content .fill-data .data .box .verify input:not([type=radio]):not([type=checkbox]) {
    width: 100%;
  }

  /* line 1916, scss/paging.scss */
  .tool-button .light-box .light-box-content .fill-data .data .box .verify .verify-img {
    margin: 15px auto;
  }
}

@media screen and (max-width: 800px) {

  /* line 1929, scss/paging.scss */
  .right-content .right-content-menu,
  .right-content .left-content-menu,
  .left-content .right-content-menu,
  .left-content .left-content-menu {
    float: none;
    width: 100%;
  }

  /* line 1934, scss/paging.scss */
  .right-content .right-content-menu .title-paging,
  .right-content .left-content-menu .title-paging,
  .left-content .right-content-menu .title-paging,
  .left-content .left-content-menu .title-paging {
    padding: 0 25px 0 5px;
    position: relative;
  }

  /* line 1938, scss/paging.scss */
  .right-content .right-content-menu .title-paging::after,
  .right-content .left-content-menu .title-paging::after,
  .left-content .right-content-menu .title-paging::after,
  .left-content .left-content-menu .title-paging::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #1ebe9f transparent transparent transparent;
    position: absolute;
    top: 15px;
    right: 5px;
  }

  /* line 1950, scss/paging.scss */
  .right-content .right-content-menu .span-page-title,
  .right-content .left-content-menu .span-page-title,
  .left-content .right-content-menu .span-page-title,
  .left-content .left-content-menu .span-page-title {
    padding: 0 25px 0 5px;
    position: relative;
  }

  /* line 1954, scss/paging.scss */
  .right-content .right-content-menu .span-page-title::after,
  .right-content .left-content-menu .span-page-title::after,
  .left-content .right-content-menu .span-page-title::after,
  .left-content .left-content-menu .span-page-title::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #1ebe9f transparent transparent transparent;
    position: absolute;
    top: 15px;
    right: 5px;
  }

  /* line 1969, scss/paging.scss */
  .right-content .right-content-text,
  .right-content .left-content-text,
  .left-content .right-content-text,
  .left-content .left-content-text {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {

  /* line 1977, scss/paging.scss */
  .breadcrumb {
    margin-bottom: 20px !important;
  }

  /* line 1978, scss/paging.scss */
  .left-content {
    padding: 0 !important;
  }

  /* line 1980, scss/paging.scss */
  .left-content .left-content-menu {
    padding: 0 15px !important;
  }

  /* line 1981, scss/paging.scss */
  .left-content .left-content-text {
    padding: 0 15px !important;
  }

  /* line 1983, scss/paging.scss */
  .right-content {
    padding: 0 !important;
  }

  /* line 1985, scss/paging.scss */
  .right-content .right-content-menu {
    padding: 0 15px !important;
  }

  /* line 1986, scss/paging.scss */
  .right-content .right-content-text {
    padding: 0 15px !important;
  }
}

@media screen and (max-width: 767px) {

  /* line 1991, scss/paging.scss */
  .video-object div+div {
    margin-top: 20px;
  }
}

@media screen and (max-width: 415px) {

  /* line 1996, scss/paging.scss */
  .lightBox-bg .lightBox-content {
    width: 95%;
    padding: 10px 6px;
    border-width: 3px;
    border-radius: 10px;
  }

  /* line 2005, scss/paging.scss */
  .lightBox-bg .lightBox-content .lightBox-text table.table-list thead tr th {
    font-size: 0.75rem;
  }

  /* line 2008, scss/paging.scss */
  .lightBox-bg .lightBox-content .lightBox-text table.table-list tbody tr td {
    font-size: 0.75rem;
  }

  /* line 2010, scss/paging.scss */
  .lightBox-bg .lightBox-content .lightBox-text table.table-list tbody tr td input {
    width: 100%;
  }

  /* line 2018, scss/paging.scss */
  .video-content .video-box {
    min-height: 250px;
  }

  /* line 2021, scss/paging.scss */
  .video-content .video-box iframe {
    min-height: 250px;
  }

  /* line 2029, scss/paging.scss */
  .registration-box ul .registration-width-average {
    display: block;
  }

  /* line 2033, scss/paging.scss */
  .registration-box .verification {
    display: block;
  }

  /* line 2035, scss/paging.scss */
  .registration-box .verification .renew {
    width: 45px;
  }

  /* line 2040, scss/paging.scss */
  table {
    width: 100%;
  }

  /* line 2043, scss/paging.scss */
  .tab-inner {
    display: flex;
  }

  /* line 2045, scss/paging.scss */
  .tab-inner .tab-title {
    display: block;
    width: 100px;
    background-color: rgba(0, 0, 0, 0);
  }

  /* line 2050, scss/paging.scss */
  .tab-inner .tab-title li a {
    padding: 15px 5px;
    text-align: center;
    border-radius: 10px 0px 0px 10px;
  }

  /* line 2057, scss/paging.scss */
  .tab-inner .bulletin-title-list {
    width: 100%;
  }

  /* line 2059, scss/paging.scss */
  .tab-inner .bulletin-title-list .wdn_responsive_table {
    box-shadow: -5px 0px 0 #1d917a;
  }

  /* line 2062, scss/paging.scss */
  .tab-inner .bulletin-title-list .link-button {
    box-shadow: -5px 0px 0 #1d917a;
  }
}

/* line 2068, scss/paging.scss */
.registrated-search #form1 .fill-data .data fieldset {
  width: 100%;
}



/*-------------- 功能模組：服務據點 ---------------*/
.service-location {
  padding: 0;
}

.template-36 .search-result {
  padding: 2rem 0;
}

@media only screen and (max-width: 768px) {
  .template-36 .search-result {
    padding: 0;
  }
}

.template-36 .search-result .select {
  display: none;
}

.template-36 .search-result>h3 {
  font-size: 1.3rem;
  background-color: var(--main-color);
  color: var(--second-font-color);
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  line-height: 1.625rem;
}

.template-36 .search-result .result-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.template-36 .search-result .result-list .item {
  font-size: 1rem;
  display: flex;
  gap: 0.7rem;
  min-height: 26vh;
}

.template-36 .search-result .result-list .item * {
  color: var(--colorful-font-color);
}

@media screen and (max-width: 1200px) {
  .template-36 .search-result .result-list .item {
    height: 26vh;
  }
}

@media screen and (max-width: 1024px) {
  .template-36 .search-result .result-list .item {
    height: auto;
  }
}

.template-36 .search-result .result-list .item .image {
  flex: 4;
  width: 100%;
  height: fit-content;
  position: relative;
  box-shadow: 0px 3px 8px #00000057;
  overflow: hidden;
  border-radius: 0.6rem;
  aspect-ratio: 4/3;
}

.template-36 .search-result .result-list .item .image img {
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}

.template-36 .search-result .result-list .item .content {
  flex: 6;
  padding: 0.25rem 0.5rem;
}

.template-36 .search-result .result-list .item .content>h3 {
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  line-height: 26px;
}

.template-36 .search-result .result-list .item .content>h3 a {
  font-size: 1.3rem !important;
}

.template-36 .search-result .result-list .item .content p {
  font-size: 1rem;
}

.template-36 .search-result .result-list .item .content p.address {
  text-indent: -3em;
  margin-left: 3em;
}

.template-36 .search-result .result-list .item .content .icon-box {
  margin: 0.75rem 0;
  width: 85%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.template-36 .search-result .result-list .item .content .icon-box img {
  width: 1.875rem;
  aspect-ratio: 1/1;
}

.template-36 .search-result .result-list .item .content .areaBtns {
  display: flex;
  justify-content: start;
  margin: 0.5rem 0 0;
}

/* Google 地圖-按鈕 */
.template-36 .search-result .result-list .item .content .map .btn {
  display: inline-flex;
  gap: 0.5em;
  align-items: center;
  font-size: 0.875em;
  padding: 0.375em 0.5em;
  border: solid 1px var(--main-color);
  border-radius: 5px;
  margin-right: 5px;
  color: var(--main-color);
}

.template-36 .search-result .result-list .item .content .map .btn svg {
  height: 1.5em;
  width: 1em;
  fill: var(--main-color);
}

.template-36 .search-result .result-list .item .content .map .btn:hover,
.template-36 .search-result .result-list .item .content .map .btn:focus {
  background-color: var(--main-color);
  color: var(--second-font-color);
}

.template-36 .search-result .result-list .item .content .map .btn:hover svg,
.template-36 .search-result .result-list .item .content .map .btn:focus svg {
  fill: var(--second-font-color);
}

/* 詳細資訊-按鈕 */
.template-36 .search-result .result-list .item .content .detail .btn {
  display: inline-flex;
  gap: 0.5em;
  align-items: center;
  font-size: 0.875em;
  padding: 0.375em 0.5em;
  border: solid 1px var(--main-color);
  border-radius: 5px;
  color: var(--main-color);
}

.template-36 .search-result .result-list .item .content .detail .btn svg {
  height: 1.5em;
  width: 1em;
  fill: var(--main-color);
}

.template-36 .search-result .result-list .item .content .detail .btn:hover,
.template-36 .search-result .result-list .item .content .detail .btn:focus {
  background-color: var(--main-color);
  color: var(--second-font-color);
}

.template-36 .search-result .result-list .item .content .detail .btn:hover svg,
.template-36 .search-result .result-list .item .content .detail .btn:focus svg {
  fill: var(--second-font-color);
}


.template-36 .search-result .page-box {
  margin-top: 3rem;
}

@media screen and (max-width: 1200px) {
  .template-36 .search-result .result-list .item {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 1024px) {
  .template-36 .search-result .result-list {
    grid-template-columns: 1fr;
  }

  .template-36 .search-result .select {
    display: block;
  }

  .template-36 .search-result .h2-title {
    text-align: center;
  }

  .template-36 .search-result>h3 {
    text-align: center;
    background-color: transparent;
    margin: 1rem 0;
    color: var(--brown-font-color);
  }
}

@media screen and (max-width: 769px) {
  .template-36 .search-result .result-list .item {
    padding: 0 1rem;
    flex-direction: column;
  }

  .template-36 .search-result .result-list .item .content {
    flex: 1;
  }

  .template-36 .search-result .result-list .item .content .icon-box {
    width: 100%;
  }
}

.template-36 .select {
  width: 100%;
  font-size: 1.5rem;
  background-color: var(--second-color);
  color: var(--second-font-color);
  padding: 0.5rem 0.75rem;
  border: none;
  text-align: center;
}

.template-36 .page-box {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  font-size: 1rem;
}

.template-36 .page-box * {
  color: var(--colorful-font-color);
}

.template-36 .page-box ul {
  display: flex;
  gap: 1em;
  align-items: center;
}

.template-36 .page-box ul li {
  font-size: 1em;
}

.template-36 .page-box ul li:first-child,
.template-36 .page-box ul li:last-child {
  font-size: 0.7em;
}

.template-36 .page-box ul li:hover a,
.template-36 .page-box ul li.selected a {
  color: var(--brown-font-color);
  font-weight: bold;
}

.template-36 .page-box ul li:hover a,
.template-36 .page-box ul li.selected a {
  text-decoration: underline;
}

/* 服務據點 */
.fill-form.search-result {
  padding: 0.5rem 0;
  /*-------------------------------------------------------------- 版型原本色系*/
  /*-------------------- 顏色設定 ---------------------*/
  /* 顏色更換：藍 */
}

/* line 13, scss/compass/_fill-form.scss */
.search-result .fill-form-note {
  color: #e00;
  margin: 30px 0 10px;
}

/* line 17, scss/compass/_fill-form.scss */
.search-result h2.h2-page-title+.fill-form-note,
.search-result .title-paging+.fill-form-note {
  margin-top: 0;
}

/* line 21, scss/compass/_fill-form.scss */
.search-result .fill-form-note .span-page-title {
  margin-top: 0;
}

/* line 26, scss/compass/_fill-form.scss */
.search-result .fill-form-title {
  font-size: 1.3rem;
  font-weight: normal;
  margin: 15px 0 10px;
  color: #777;
}

/* line 33, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data {
  padding: 1rem;
  border-bottom: none;
  margin: 0 auto;
}

/* line 38, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data a:not([class*='butn']) {
  color: #184e69;
}

/* line 40, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data a:not([class*='butn']):hover {
  text-decoration: underline;
}

/* line 41, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data a:not([class*='butn']):focus {
  outline: none;
  border: 2px dashed #ff9800 !important;
}

/* line 47, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data {
  display: block;
  margin: 0 auto;
  position: relative;
}

.search-result .fill-form .fill-data .parking-search-title {
  font-size: 1.3rem;
  font-weight: 600;
  border-left: 3px solid var(--colorful-font-color);
  padding-left: 10px;
  line-height: 28px;
  color: var(--colorful-font-color);
  margin-bottom: 12px;
}

.require {
  color: #d0111b;
  margin-left: 5px;
}

/* line 53, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data>label {
  font-weight: 600;
  padding-top: 5px;
}

/* line 56, scss/compass/_fill-form.scss */
html:lang(en) .search-result .fill-form .fill-data .data>label {
  width: 250px;
}

/* line 59, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .focus-red {
  color: #d00;
}

/* line 61, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data label.radio-checkbox {
  display: inline-block;
}

/* line 64, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data label.radio-checkbox:focus-within {
  border: 2px dashed #ff9800;
}

/* line 66, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data label.radio-checkbox input[type=radio],
.search-result .fill-form .fill-data .data label.radio-checkbox input[type=checkbox] {
  margin-right: 5px;
  width: 20px;
  height: 20px;
}

/* line 72, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box {
  width: calc(100% - 90px);
  margin-left: 0;
  margin-top: 10px;
  display: flex;
  align-items: center;
}

/* line 75, scss/compass/_fill-form.scss */
html:lang(en) .search-result .fill-form .fill-data .data .box {
  width: calc(100% - 250px);
}

/* line 77, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-right: 12px;
  padding:0;
}

@media only screen and (max-width: 768px) {
  .search-result .fill-form .fill-data .data .box>div {
    margin-bottom: 12px;
    width: 100%;
  }
}

/* line 82, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.div-block {
  display: block;
}

/* line 84, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.div-block .symbol {
  padding: 0 5px;
}

/* line 87, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.div-wrap {
  flex-wrap: wrap;
}

/* line 89, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div>div {
  height: 34px;
  line-height: 34px;
}

/* line 95, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.two input:not([type=radio]):not([type=checkbox]),
.search-result .fill-form .fill-data .data .box>div.two select {
  width: calc((100% - 20px) / 2);
}

/* line 99, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.two input:not([type=radio]):not([type=checkbox])+input,
.search-result .fill-form .fill-data .data .box>div.two input:not([type=radio]):not([type=checkbox])+select,
.search-result .fill-form .fill-data .data .box>div.two select+input,
.search-result .fill-form .fill-data .data .box>div.two select+select {
  margin-left: 20px;
}

/* line 105, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.two>div {
  width: calc((100% - 20px) / 2);
}

/* line 108, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.two>div input:not([type=radio]):not([type=checkbox]),
.search-result .fill-form .fill-data .data .box>div.two>div select {
  width: 100%;
}

/* line 113, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.two>div+div {
  margin-left: 20px;
}

/* line 119, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.two.symbol input:not([type=radio]):not([type=checkbox]),
.search-result .fill-form .fill-data .data .box>div.two.symbol select {
  width: calc(50% - (36px / 2));
}

/* line 127, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.four input:not([type=radio]):not([type=checkbox]),
.search-result .fill-form .fill-data .data .box>div.four select {
  width: calc((100% - 20px) / 4);
}

/* line 131, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.four input:not([type=radio]):not([type=checkbox])+input,
.search-result .fill-form .fill-data .data .box>div.four input:not([type=radio]):not([type=checkbox])+select,
.search-result .fill-form .fill-data .data .box>div.four select+input,
.search-result .fill-form .fill-data .data .box>div.four select+select {
  margin-left: 20px;
}

/* line 139, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.medium input:not([type=radio]):not([type=checkbox]),
.search-result .fill-form .fill-data .data .box>div.medium select {
  width: 55%;
}

/* line 145, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.medium.two input:not([type=radio]):not([type=checkbox]),
.search-result .fill-form .fill-data .data .box>div.medium.two select {
  width: calc((55% - 20px) / 2);
}

/* line 151, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.medium.two.symbol input:not([type=radio]):not([type=checkbox]),
.search-result .fill-form .fill-data .data .box>div.medium.two.symbol select {
  width: calc(($medium_width / 2) - (36px / 2));
}

/* line 160, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.small input:not([type=radio]):not([type=checkbox]),
.search-result .fill-form .fill-data .data .box>div.small select {
  width: 23%;
}

/* line 164, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.small input:not([type=radio]):not([type=checkbox])+input:not([type=radio]):not([type=checkbox]),
.search-result .fill-form .fill-data .data .box>div.small input:not([type=radio]):not([type=checkbox])+select,
.search-result .fill-form .fill-data .data .box>div.small select+input:not([type=radio]):not([type=checkbox]),
.search-result .fill-form .fill-data .data .box>div.small select+select {
  margin-left: 20px;
}

/* line 169, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.small.two input,
.search-result .fill-form .fill-data .data .box>div.small.two select {
  width: calc((23% - 20px) / 2);
}

/* line 175, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.small.two.symbol input,
.search-result .fill-form .fill-data .data .box>div.small.two.symbol select {
  width: calc(($small_width / 2) - (36px / 2));
}

/* line 184, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.link-butn .butn {
  white-space: nowrap;
  padding-left: 8px;
  padding-right: 8px;
}

/* line 189, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.link-butn input+.butn {
  margin-left: 8px;
}

/* line 195, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.verify input:not([type=radio]):not([type=checkbox]) {
  width: 110px;
  margin-right: 12px;
}

/* line 200, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.verify .verify-img {
  margin-right: 12px;
  border: 1px solid #cccccc;
}

/* line 203, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.verify .verify-img img {
  height: 35px;
}

/* line 206, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.verify .voice {
  padding: 3px;
  text-align: center;
  background-color: #e8e8e8;
  border: 1px solid #cccccc;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
}

/* line 215, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.verify .voice img {
  width: 32px;
  height: 32px;
}

/* line 220, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.verify .voice:hover {
  background-color: #d1d0d0;
}

/* line 225, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.verify .refresh {
  color: #184e69;
  background-color: #e8e8e8;
  border-radius: 50px;
  padding: 3px 10px 3px 6px;
  border: 1px solid #cccccc;
  display: inline-block;
}

/* line 233, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.verify .refresh img {
  width: 32px;
  height: 32px;
  vertical-align: -10px;
}

/* line 239, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div.verify .refresh:hover {
  text-decoration: none;
  background-color: #d1d0d0;
}

/* line 246, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div+* {
  /* margin-top: 15px;  */
  margin-top: 0;
}

/* line 247, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div .symbol {
  min-width: 36px;
  padding: 0 10px;
  text-align: center;
  white-space: nowrap;
}

/* line 252, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box>div .symbol:first-child {
  padding-left: 0;
}

/* line 257, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box.two>div {
  width: 50%;
  float: left;
  margin-top: 0;
}

/* line 263, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box.two::after {
  content: '';
  display: block;
  clear: both;
}

/* line 270, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']) {
  width: 100%;
  height: 34px;
  padding: 3px 5px;
  border: 2px solid #1ebe9f;
}

/* line 276, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box input:not([type=radio]):not([type=checkbox]):not([class*='butn']):focus {
  border: 2px dashed #ff9800;
}

/* line 279, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box select {
  width: 100%;
  height: 34px;
  padding-left: 5px;
  padding-right: 27px;
  border: 2px solid #337ab7;
  font-size: 1rem;
}

/* line 286, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box select:focus {
  border: 2px dashed #ff9800;
}

/* line 289, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box textarea {
  width: 100%;
  height: 120px;
  padding: 5px;
  border: 2px solid #1ebe9f;
}

/* line 295, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box textarea:focus {
  border: 2px dashed #ff9800;
}

/* line 298, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box label {
  height: 34px;
  line-height: 34px;
  min-width: 90px;
}

/* line 302, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box label input:not([type=radio]):not([type=checkbox]),
.search-result .fill-form .fill-data .data .box label select {
  width: auto;
  height: 30px;
}

/* line 308, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box label input:not([type=radio]):not([type=checkbox]) {
  width: 170px;
}

/* line 311, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box label.wrap {
  display: block;
}

/* line 314, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box label.radio-checkbox {
  height: auto;
  line-height: 1.5rem;
  margin: 0 16px 0 0;
  display: flex;
  align-items: center;
  padding: 5px 0;
}

/* line 318, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box label.radio-checkbox:hover {
  color: #1e6385;
}

/* line 319, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box label.radio-checkbox+label.radio-checkbox.wrap {
  margin-top: 0;
}

/* line 320, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box label.radio-checkbox label {
  height: auto;
  line-height: 1.5rem;
}

/* line 326, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box p {
  width: 100%;
  color: #d00;
  margin-top: 5px;
  margin-left: 8px;
}

@media only screen and (max-width: 768px) {
  .search-result .fill-form .fill-data .data .box p {
    margin-left: 0;
  }
}

/* line 330, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box p a {
  color: #184e69;
}

/* line 332, scss/compass/_fill-form.scss */
.search-result .fill-form .fill-data .data .box p a:hover {
  text-decoration: underline;
}

/* line 339, scss/compass/_fill-form.scss */
.search-result .fill-form .butn-box {
  padding: 1rem 0 0;
  text-align: left;
}

@media only screen and (max-width: 768px) {
  .search-result .fill-form .butn-box {
    padding: 0;
    text-align: center;
  }
}

/* line 343, scss/compass/_fill-form.scss */
.search-result .fill-form .butn-box::after {
  content: '';
  display: block;
  clear: both;
}

/* line 351, scss/compass/_fill-form.scss */
.search-result .fill-form.independence .fill-data {
  width: 100%;
}

/* line 355, scss/compass/_fill-form.scss */
.search-result .fill-form.independence .data {
  display: block;
}

/* line 358, scss/compass/_fill-form.scss */
.search-result .fill-form.independence .data>label {
  width: auto !important;
  display: block;
  padding: 0 0 10px;
}

/* line 364, scss/compass/_fill-form.scss */
.search-result .fill-form.independence .data .box {
  width: 100% !important;
  margin-left: 0;
}

@media only screen and (max-width: 768px) {

  /* line 372, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data {
    width: 100% !important;
  }

  /* line 375, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data {
    width: 100% !important;
    display: block;
  }

  /* line 379, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data>label {
    width: auto !important;
    display: block;
    padding: 0 0 10px;
    white-space: normal;
  }

  /* line 386, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data label.radio-checkbox {
    display: block;
  }

  /* line 390, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box {
    width: 100% !important;
    margin-left: 0;
    margin-top: 0;
    flex-direction: column;
    display: flex;
  }

  /* line 397, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.medium input:not([type=radio]):not([type=checkbox]),
  .search-result .fill-form .fill-data .data .box>div.medium select,
  .fill-form .fill-data .data .box>div.small input:not([type=radio]):not([type=checkbox]),
  .search-result .fill-form .fill-data .data .box>div.small select {
    width: 50%;
  }

  /* line 403, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.medium.two input:not([type=radio]):not([type=checkbox]),
  .search-result .fill-form .fill-data .data .box>div.medium.two select,
  .fill-form .fill-data .data .box>div.small.two input:not([type=radio]):not([type=checkbox]),
  .search-result .fill-form .fill-data .data .box>div.small.two select {
    width: calc((100% - 20px) / 2);
  }

  /* line 410, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.four {
    flex-wrap: wrap;
  }

  /* line 413, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.four input:not([type=radio]):not([type=checkbox]),
  .search-result .fill-form .fill-data .data .box>div.four select {
    width: calc((100% - 20px) / 2);
  }

  /* line 417, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.four input:not([type=radio]):not([type=checkbox])+input,
  .search-result .fill-form .fill-data .data .box>div.four input:not([type=radio]):not([type=checkbox])+select,
  .search-result .fill-form .fill-data .data .box>div.four select+input,
  .search-result .fill-form .fill-data .data .box>div.four select+select {
    margin-left: 20px;
  }

  /* line 423, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.four *:nth-of-type(2n+1) {
    margin-left: 0;
  }

  /* line 427, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.four *:nth-of-type(n+3) {
    margin-top: 15px;
  }

  /* line 432, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.four.symbol input:not([type=radio]):not([type=checkbox]),
  .search-result .fill-form .fill-data .data .box>div.four.symbol select {
    width: calc((100% - 20px) / 2);
  }

  /* line 436, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.four.symbol *:nth-of-type(n+1) {
    margin-top: 15px;
  }

  /* line 442, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.verify {
    display: block;
  }

  /* line 445, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.verify input {
    width: 100%;
    margin-bottom: 10px;
  }

  /* line 450, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.verify .verify-img {
    margin: 0 10px 5px 0;
  }

  /* line 454, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.verify .voice {
    margin-bottom: 10px;
  }

  /* line 462, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box.two>div {
    width: 100%;
    float: none;
  }

  /* line 468, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box label {
    height: auto;
    line-height: normal;
    width: 50%;
  }

  /* line 474, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box label.radio-checkbox+label.radio-checkbox {
    margin: 0 16px 0 0;
  }

  /* line 483, scss/compass/_fill-form.scss */
  .search-result .fill-form .butn-box.two {
    display: flex;
  }

  /* line 486, scss/compass/_fill-form.scss */
  .search-result .fill-form .butn-box.two>* {
    min-width: inherit;
    width: calc((100% - 15px) / 2);
  }
}

@media only screen and (max-width: 375px) {

  /* line 499, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.link-butn {
    flex-wrap: wrap;
  }

  /* line 501, scss/compass/_fill-form.scss */
  .search-result .fill-form .fill-data .data .box>div.link-butn input+.butn,
  .search-result .fill-form .fill-data .data .box>div.link-butn .butn+.butn {
    margin: 6px 6px 0 0;
  }
}

/*  detail list 詳細內容列表 */
.detail-box .detail-list .detail-content {
  display: flex;
  height: 220px;
  margin-bottom: 75px;
  margin-top: 1rem;
}
.detail-box .detail-list .detail-content img {
  width: 300px;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  border-radius: 0.6rem;
}
.detail-box .detail-list .detail-content .detail-right {
  padding: 0px 45px;
}
.detail-box .detail-list .detail-content .detail-right h3 {
  margin-bottom: 20px;
}
.detail-box .detail-list .detail-content .detail-right h3 a {
  font-weight: bold;
  text-decoration: none;
  color: var(--colorful-font-color);
  font-size: 1.3rem;
}
.detail-box .detail-list .detail-content .detail-right .detail-summary {
  height: 100px;
}
.detail-box .detail-list .detail-content .detail-right .detail-summary p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 1rem;
}
.detail-box .detail-list .detail-content .detail-right .read-more-link {
  margin-top: 12px;
}
.detail-box .detail-list .detail-content .detail-right .read-more-link a {
  /* transition: all 0.2s ease; */
  color: #333333 !important;
  border: 1px solid #36669c;
  border-radius: 5px;
  padding: 0.5rem 1.9rem;
}
.detail-box .detail-list .detail-content .detail-right .read-more-link a:hover {
  background-color: #f1f3f6;
  border-color: #e6e7ee;
  text-decoration: none;
}

@media screen and (max-width: 580px) {
  .detail-box .detail-list .detail-content {
    display: block;
    height: 100%;
  }
  .detail-box .detail-list .detail-content img {
    width: 100%;
  }
  .detail-box .detail-list .detail-content .detail-right {
    padding: 0px;
  }
}