@charset "UTF-8";
/*
	順序上位於 base/variable 之前，因此不能使用任何 base/variable 變數 
*/
input[type=text], input[type=email], input[type=file], input[type=password],
input[type=date], input[type=number], input[type=search], select, textarea {
  padding: 5px 8px;
  border: 1px solid #CECECE;
  box-sizing: border-box;
  background-color: #ffffff;
  vertical-align: middle;
  box-sizing: border-box;
}

input[type=text], input[type=email], input[type=file], input[type=password],
input[type=date], input[type=number], input[type=search], select, textarea {
  padding: 0 8px;
  box-sizing: border-box;
  line-height: 1.5;
  height: 40px;
  font-size: 1em;
  letter-spacing: 0.5px;
  transition: 150ms;
  border: 1px solid #CECECE;
  border-radius: 3px;
}
input[type=text]:hover, input[type=email]:hover, input[type=file]:hover, input[type=password]:hover,
input[type=date]:hover, input[type=number]:hover, input[type=search]:hover, select:hover, textarea:hover {
  border-color: #646464;
}
input[type=text]:focus, input[type=email]:focus, input[type=file]:focus, input[type=password]:focus,
input[type=date]:focus, input[type=number]:focus, input[type=search]:focus, select:focus, textarea:focus {
  border-color: #997950;
  outline: none !important;
  box-shadow: 0px 0px 1px 3px #c7e3ff;
}
input[disabled][type=text], input[disabled][type=email], input[disabled][type=file], input[disabled][type=password],
input[disabled][type=date], input[disabled][type=number], input[disabled][type=search], select[disabled], textarea[disabled] {
  color: #787878;
  background-color: #f0f0f0 !important;
  border-color: #787878 !important;
}
input.is-danger[type=text], input.is-danger[type=email], input.is-danger[type=file], input.is-danger[type=password],
input.is-danger[type=date], input.is-danger[type=number], input.is-danger[type=search], select.is-danger, textarea.is-danger {
  border-color: #c83737;
}
input.is-danger[type=text]:focus, input.is-danger[type=email]:focus, input.is-danger[type=file]:focus, input.is-danger[type=password]:focus,
input.is-danger[type=date]:focus, input.is-danger[type=number]:focus, input.is-danger[type=search]:focus, select.is-danger:focus, textarea.is-danger:focus {
  box-shadow: 0px 0px 1px 3px #f5dada;
}

input[type=radio], input[type=checkbox] {
  width: 20px;
  height: 20px;
  border: 1px solid #CECECE;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #ffffff;
  border-color: #CECECE;
  border-radius: 3px;
  vertical-align: sub;
  box-sizing: border-box;
}
input[type=radio]:hover, input[type=checkbox]:hover {
  border-color: #646464;
}
input[type=radio]:focus, input[type=checkbox]:focus {
  border-color: #997950;
  outline: none !important;
  box-shadow: 0px 0px 1px 3px #c7e3ff;
}
input[type=radio]:checked, input[type=checkbox]:checked {
  background-color: #997950;
  border-color: #997950;
  background-image: url("../images/svg/icon_check.svg");
}
input[disabled][type=radio], input[disabled][type=checkbox] {
  color: #CECECE;
  background-color: #f0f0f0 !important;
  border-color: #787878 !important;
  cursor: no-drop;
}
input[disabled][type=radio]:after, input[disabled][type=checkbox]:after {
  filter: contrast(0.5);
}
input.is-danger[type=radio], input.is-danger[type=checkbox] {
  border-color: #c83737;
}
input.is-danger[type=radio]:focus, input.is-danger[type=checkbox]:focus {
  box-shadow: 0px 0px 1px 3px #f5dada;
}

input[type=radio] {
  border-radius: 50%;
}
input[type=radio]:checked:after {
  border-radius: 50%;
}

input[type=file] {
  padding: 2px;
}

.base-content .group-list.nav > .in > .ct .group.nav > .in > .hd a {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@font-face {
  font-family: "icomoon";
  src: url("../images/icon-font/icomoon.eot?59oic8");
  src: url("../images/icon-font/icomoon.eot?#iefix59oic8") format("embedded-opentype"), url("../images/icon-font/icomoon.ttf?59oic8") format("truetype"), url("../images/icon-font/icomoon.woff?59oic8") format("woff"), url("../images/icon-font/icomoon.svg?59oic8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
.base-content {
  max-width: calc(100% - 300px);
  margin: 0 auto;
  padding: 15px;
  margin-top: 150px;
}
@media screen and (max-width: 1366px) {
  .base-content {
    max-width: 100%;
    padding: 8px;
  }
}
@media screen and (max-width: 768px) {
  .base-content {
    margin-top: 60px;
  }
}

.simple-text.major-logo {
  display: block;
  flex: 1;
  align-self: center;
}
.simple-text.major-logo .ct a {
  padding-bottom: 0;
}

.base-content .group-list.nav {
  background-color: #2D2D2D;
  border-radius: 15px;
  box-shadow: 0 3px 10px 10px rgba(52, 52, 52, 0.1);
}
.base-content .group-list.nav > .in {
  background-color: transparent;
}
.base-content .group-list.nav > .in > .hd h3 {
  border-bottom: 1px solid #CECECE;
  border-color: #787878;
}
.base-content .group-list.nav > .in > .hd a {
  padding: 15px;
  color: #ffffff;
}
.base-content .group-list.nav > .in > .hd a:after {
  display: none;
}
.base-content .group-list.nav > .in > .ct {
  border-top: none;
}
.base-content .group-list.nav > .in > .ct > .in > ul > li + li {
  border-top: 1px dashed #787878;
}
.base-content .group-list.nav > .in > .ct > .in > ul > li.is-active .group.nav > .in > .hd a, .base-content .group-list.nav > .in > .ct > .in > ul > li:hover .group.nav > .in > .hd a {
  color: #ffffff !important;
  background-color: #997950;
}
.base-content .group-list.nav > .in > .ct .group.nav > .in > .hd a {
  background-image: url("../images/icon_nav-arrow.svg");
  background-position: center left 20px;
  padding-left: 50px;
  background-size: 20px;
}
.base-content .group-list.nav > .in > .ct .group.nav > .in > .hd a:hover {
  background-color: #646464;
}
.base-content .group-list.nav > .in > .ct .group.nav > .in > .ct > .in {
  background-color: #646464;
}
.base-content .group-list.nav a {
  color: #ffffff;
  padding: 8px;
  display: block;
}
.base-content .group-list.nav .list-text.nav > .in {
  margin: 0 !important;
}
.base-content .group-list.nav .list-text.nav a {
  padding-left: 50px;
  background-color: #997950;
}
.base-content .group-list.nav .list-text.nav a:hover {
  background-color: deeper(#997950);
  color: #ffffff;
}

/*# sourceMappingURL=page.css.map */