@charset "UTF-8";
img{width: 100%;display: block;margin:inherit auto;}
table{width: 100%;}
th,td{vertical-align: middle;}
a,a *{transition: all .15s ease-in-out; color: inherit;}
#page {overflow: hidden;position: relative;}
#page section{padding: 3em 0.5em;margin: 0;}
#page article{max-width: 900px;margin:0 auto;}
.rounded-2xs{border-radius: 0.5em!important;}
.rounded-xs{border-radius: 0.8em!important;}
.rounded-1x{border-radius: 1em!important;}
.rounded-2x{border-radius: 1.5em!important;}
.roundedx{border-radius: 3em!important;}
.rounded-4x{border-radius: 4em!important;}
.rounded-top{border-bottom-left-radius: 0!important;border-bottom-right-radius: 0!important;}
.rounded-bottom{border-top-left-radius: 0!important;border-top-right-radius: 0!important;}
.rounded-left{border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;}
.rounded-right{border-top-left-radius: 0!important;border-bottom-left-radius: 0!important;}
/*-----------------------------------------按鈕-----------------------------------------*/
.btn{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    outline: 0;
    line-height: 1.25;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    text-align: center;
    transition: all .15s ease-in-out;
    display: inline-block;
}

#page .btn:hover{
    transform: translate(0.25em,0.1em) scale(0.9);
    filter: drop-shadow(0 0 0.125rem white)drop-shadow(0 0 0.25rem #f7b730);
}

/*滑動效果*/
.hvr-underline-from-left,.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before,.hvr-underline-from-left:before {  background: #1BAFEB;  height: 0.125em;}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {left: 0; right: 0; }

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {right: 0;}

[class*="hvr-underline-from"].disabled:hover:before, [class*="hvr-underline-from"].disabled:focus:before, [class*="hvr-underline-from"].disabled:active:before {content: inherit; }
/*底部滑動橫條*/
#goTop{position: fixed;bottom: 5em;right: 1em;width: 3em;height: 3em;padding: 0.5em;}
#SocialLinks .btn{font-weight: 700; border: 0;filter: drop-shadow(0 -1px 3em rgba(0,0,0,01));font-size: 1.75em;}
#SocialLinks .btn.green{background: -webkit-linear-gradient(35deg, #8fcc35, #62aa00);background: -o-linear-gradient(35deg, #8fcc35, #62aa00);background: linear-gradient(125deg, #8fcc35, #62aa00);}
#SocialLinks .btn.blue{background: -webkit-linear-gradient(35deg, #5c80e1, #3b60c4);background: -o-linear-gradient(35deg, #5c80e1, #3b60c4);background: linear-gradient(125deg, #5c80e1, #3b60c4);}
.offcanvas-bottom{height: inherit;padding-bottom: 3em;}
/*#topNavbar {
    animation-name: fadeInDown;
    animation-duration: 0.75s;
    animation-fill-mode: both;
}*/

/*-------------------------------------END-按鈕-----------------------------------------*/
/*-----------------------------------------顏色-----------------------------------------*/
/* Colors */
.red,.hover-red:hover{color:#fff!important;background-color:#e6081f!important}
.dark-red,.hover-dark-red:hover{color:#fff!imffportant;background-color:#981b03!important}
.pale-red,.hover-pale-red:hover{color:#000!important;background-color:#f3d4d5!important}
.pink,.hover-pink:hover{color:#fff!important;background-color:#f9748f!important;}
.orange,.hover-orange:hover{color:#fff!important;background-color:#f7931e!important}
.deep-orange,.hover-deep-orange:hover{color:#fff!important;background-color:#E83828!important}
.pale-orange,.hover-pale-orange:hover{color:#fff!important;background-color:#f7a587!important}
.amber,.hover-amber:hover{color:#000!important;background-color:#e9ad4e!important}
.deep-amber,.hover-deep-amber:hover{color:#fff!important;background-color:#f7931e!important}
.pale-amber,.hover-pale-amber:hover{color:#000!important;background-color:#f7cb83!important}
.sand,.hover-sand:hover{color:#000!important;background-color:#ebdccf!important}
.khaki,.hover-khaki:hover{color:#000!important;background-color:#f6ed81!important}
.yellow,.hover-yellow:hover{color:#000!important;background-color:#ffff00!important}
.pale-yellow,.hover-pale-yellow:hover{color:#000!important;background-color:#fffaec!important}
.green,.hover-green:hover{color:#fff!important;background-color:#009245!important}
.pale-green,.hover-pale-green:hover{color:#000!important;background-color:#cce9da!important}
.light-green,.hover-light-green:hover{color:#fff!important;background-color:#39b54a!important}
.lime,.hover-lime:hover{color:#000!important;background-color:#00ff00!important}
.teal,.hover-teal:hover{color:#fff!important;background-color:#009688!important}
.pale-teal,.hover-pale-teal:hover{color:#000!important;background-color:#ddf2ee!important}
.aqua,.hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.cyan,.hover-cyan:hover{color:#fff!important;background-color:#1BAFEB!important}
.light-blue,.hover-light-blue:hover{color:#000!important;background-color:#b4c5e2!important}
.blue,.hover-blue:hover{color:#fff!important;background-color:#0075a4!important}
.pale-blue,.hover-pale-blue:hover{color:#000!important;background-color:#e7f0fd!important}
.indigo,.hover-indigo:hover{color:#fff!important;background-color:#171c61!important}
.pale-indigo,.hover-pale-indigo:hover{color:#000!important;background-color:#eaebf1!important}
.deep-purple,.hover-deep-purple:hover{color:#fff!important;background-color:#796bae!important}
.purple,.hover-purple:hover{color:#fff!important;background-color:#822662!important}
.pale-purple,.hover-pale-purple:hover{color:#000!important;background-color:#D2CDE6!important}
.brown,.hover-brown:hover{color:#fff!important;background-color:#7c3e06!important}
.dark-brown,.hover-dark-brown:hover{color:#fff!important;background-color:#42210b!important}
.pale-brown,.hover-pale-brown:hover{color:#000!important;background-color:#e5d8cd!important}
.dark-goldenrod,.hover-dark-goldenrod:hover{color:#fff!important;background-color:#c9a063!important}
.goldenrod,.hover-goldenrod:hover{color:#000!important;background-color:#8e6540!important}
.blue-grey,.hover-blue-grey:hover,.blue-gray,.hover-blue-gray:hover{color:#000!important;background-color:#a0b1b9!important}
.grey,.hover-grey:hover,.gray,.hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.light-grey,.hover-light-grey:hover,.light-gray,.hover-light-gray:hover{color:#000!important;background-color:#e0e0e0!important}
.dark-grey,.hover-dark-grey:hover,.dark-gray,.hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.black,.hover-black:hover{color:#fff!important;background-color:#000!important}
.white,.hover-white:hover{color:#000!important;background-color:#fff!important}

.text-red,.hover-text-red:hover{color:#e6081f!important}
.text-dark-red,.hover-text-dark-red:hover{color:#981b03!important}
.text-pale-red,.hover-text-pale-red:hover{color:#f3a4a3!important}
.text-pink,.hover-text-pink:hover{color:#f9748f!important;}
.text-orange,.hover-text-orange:hover{color:#f7931e!important}
.text-deep-orange,.hover-text-deep-orange:hover{color:#E83828!important}
.text-pale-orange,.hover-text-pale-orange:hover{color:#f7a587!important}
.text-amber,.hover-text-amber:hover{color:#e9ad4e!important}
.text-deep-amber,.hover-text-deep-amber:hover{color:#f7931e!important}
.text-pale-amber,.hover-text-pale-amber:hover{color:#f7cb83!important}
.text-sand,.hover-text-sand:hover{color:#ebdccf!important}
.text-khaki,.hover-text-khaki:hover{color:#f6ed81!important}
.text-yellow,.hover-text-yellow:hover{color:#ffff00!important}
.text-pale-yellow,.hover-text-pale-yellow:hover{color:#fffaec!important}
.text-green,.hover-text-green:hover{color:#009245!important}
.text-pale-green,.hover-text-pale-green:hover{color:#cce9da!important}
.text-light-green,.hover-text-light-green:hover{color:#39b54a!important}
.text-lime,.hover-text-lime:hover{color:#00ff00!important}
.text-teal,.hover-text-teal:hover{color:#009688!important}
.text-pale-teal,.hover-text-pale-teal:hover{color:#ddf2ee!important}
.text-aqua,.hover-text-aqua:hover{color:#00ffff!important}
.text-cyan,.hover-text-cyan:hover{color:#1BAFEB!important}
.text-light-blue,.hover-text-light-blue:hover{color:#b4c5e2!important}
.text-blue,.hover-text-blue:hover{color:#0075a4!important}
.text-pale-blue,.hover-text-pale-blue:hover{color:#e7f0fd!important}
.text-indigo,.hover-text-indigo:hover{color:#171c61!important}
.text-pale-indigo,.hover-text-pale-indigo:hover{color:#eaebf1!important}
.text-deep-purple,.hover-text-deep-purple:hover{color:#796bae!important}
.text-purple,.hover-text-purple:hover{color:#822662!important}
.text-pale-purple,.hover-text-pale-purple:hover{color:#D2CDE6!important}
.text-brown,.hover-text-brown:hover{color:#7c3e06!important}
.text-dark-brown,.hover-text-dark-brown:hover{color:#42210b!important}
.text-pale-brown,.hover-text-pale-brown:hover{color:#e5d8cd!important}
.text-dark-goldenrod,.hover-text-dark-goldenrod:hover{color:#c9a063!important}
.text-goldenrod,.hover-text-goldenrod:hover{color:#8e6540!important}
.text-blue-grey,.hover-text-blue-grey:hover,.text-blue-gray,.hover-text-blue-gray:hover{color:#a0b1b9!important}
.text-grey,.hover-text-grey:hover,.text-gray,.hover-text-gray:hover{color:#9e9e9e!important}
.text-light-grey,.hover-text-light-grey:hover,.text-light-gray,.hover-text-light-gray:hover{color:#e0e0e0!important}
.text-dark-grey,.hover-text-dark-grey:hover,.text-dark-gray,.hover-text-dark-gray:hover{color:#616161!important}
.text-black,.hover-text-black:hover{color:#000!important}
.text-white,.hover-text-white:hover{color:#fff!important}
/*[class*="border-"]{border:0.1rem solid}*/
.bordered{border:0.125rem solid!important}
.bordered-xs{border:0.5rem solid!important}
.bordered-2xs{border:0.25rem solid!important}
.bordered-top{border-bottom:0!important;border-right: 0!important;border-left: 0!important;}
.bordered-bottom{border-top: 0!important;border-right: 0!important;border-left: 0!important;}
.bordered-left{border-right: 0!important;order-bottom:0!important;border-top: 0!important;}
.bordered-right{border-left: 0!important;order-bottom:0!important;border-top: 0!important;}
.border-red,.hover-border-red:hover{border-color:#e6081f!important}
.border-dark-red,.hover-border-dark-red:hover{border-color:#981b03!important}
.border-pale-red,.hover-border-pale-red:hover{border-color:#f3a4a3!important}
.border-pink,.hover-border-pink:hover{border-color:#f9748f!important;}
.border-orange,.hover-border-orange:hover{border-color:#f7931e!important}
.border-deep-orange,.hover-border-deep-orange:hover{border-color:#E83828!important}
.border-pale-orange,.hover-border-pale-orange:hover{border-color:#f7a587!important}
.border-amber,.hover-border-amber:hover{border-color:#e9ad4e!important}
.border-deep-amber,.hover-border-deep-amber:hover{border-color:#f7931e!important}
.border-pale-amber,.hover-border-pale-amber:hover{border-color:#f7cb83!important}
.border-sand,.hover-border-sand:hover{border-color:#ebdccf!important}
.border-khaki,.hover-border-khaki:hover{border-color:#f6ed81!important}
.border-yellow,.hover-border-yellow:hover{border-color:#ffff00!important}
.border-pale-yellow,.hover-border-pale-yellow:hover{border-color:#fffaec!important}
.border-green,.hover-border-green:hover{border-color:#009245!important}
.border-pale-green,.hover-border-pale-green:hover{border-color:#cce9da!important}
.border-light-green,.hover-border-light-green:hover{border-color:#39b54a!important}
.border-lime,.hover-border-lime:hover{border-color:#00ff00!important}
.border-teal,.hover-border-teal:hover{border-color:#009688!important}
.border-pale-teal,.hover-border-pale-teal:hover{border-color:#ddf2ee!important}
.border-aqua,.hover-border-aqua:hover{border-color:#00ffff!important}
.border-cyan,.hover-border-cyan:hover{border-color:#1BAFEB!important}
.border-light-blue,.hover-border-light-blue:hover{border-color:#b4c5e2!important}
.border-blue,.hover-border-blue:hover{border-color:#0075a4!important}
.border-pale-blue,.hover-border-pale-blue:hover{border-color:#e7f0fd!important}
.border-indigo,.hover-border-indigo:hover{border-color:#171c61!important}
.border-pale-indigo,.hover-border-pale-indigo:hover{border-color:#eaebf1!important}
.border-deep-purple,.hover-border-deep-purple:hover{border-color:#796bae!important}
.border-purple,.hover-border-purple:hover{border-color:#822662!important}
.border-pale-purple,.hover-border-pale-purple:hover{border-color:#D2CDE6!important}
.border-brown,.hover-border-brown:hover{border-color:#7c3e06!important}
.border-dark-brown,.hover-border-dark-brown:hover{border-color:#42210b!important}
.border-pale-brown,.hover-border-pale-brown:hover{border-color:#e5d8cd!important}
.border-dark-goldenrod,.hover-border-dark-goldenrod:hover{border-color:#c9a063!important}
.border-goldenrod,.hover-border-goldenrod:hover{border-color:#8e6540!important}
.border-blue-grey,.hover-border-blue-grey:hover,.border-blue-gray,.hover-border-blue-gray:hover{border-color:#a0b1b9!important}
.border-grey,.hover-border-grey:hover,.border-gray,.hover-border-gray:hover{border-color:#9e9e9e!important}
.border-light-grey,.hover-border-light-grey:hover,.border-light-gray,.hover-border-light-gray:hover{border-color:#e0e0e0!important}
.border-dark-grey,.hover-border-dark-grey:hover,.border-dark-gray,.hover-border-dark-gray:hover{border-color:#616161!important}
.border-black,.hover-border-black:hover{border-color:#000!important}
.border-white,.hover-border-white:hover{border-color:#fff!important}

.stroke-red,.hover-stroke-red:hover{color:#fff;text-shadow:0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f,0 0 0.125em #e6081f}
.stroke-dark-red,.hover-stroke-dark-red:hover{color:#fff;text-shadow:0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03,0 0 0.125em #981b03}
.stroke-pale-red,.hover-stroke-pale-red:hover{color:#000;text-shadow:0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3,0 0 0.125em #f3a4a3}
.stroke-pink,.hover-stroke-pink:hover{color:#fff;text-shadow:0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f,0 0 0.125em #f9748f}
.stroke-orange,.hover-stroke-orange:hover{color:#fff;text-shadow:0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e}
.stroke-deep-orange,.hover-stroke-deep-orange:hover{color:#fff;text-shadow:0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828,0 0 0.125em #E83828}
.stroke-pale-orange,.hover-stroke-pale-orange:hover{color:#fff;text-shadow:0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587,0 0 0.125em #f7a587}
.stroke-amber,.hover-stroke-amber:hover{color:#000;text-shadow:0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e,0 0 0.125em #e9ad4e}
.stroke-deep-amber,.hover-stroke-deep-amber:hover{color:#fff;text-shadow:0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e,0 0 0.125em #f7931e}
.stroke-pale-amber,.hover-stroke-pale-amber:hover{color:#000;text-shadow:0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83,0 0 0.125em #f7cb83}
.stroke-sand,.hover-stroke-sand:hover{color:#000;text-shadow:0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf,0 0 0.125em #ebdccf}
.stroke-khaki,.hover-stroke-khaki:hover{color:#000;text-shadow:0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81,0 0 0.125em #f6ed81}
.stroke-yellow,.hover-stroke-yellow:hover{color:#000;text-shadow:0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00,0 0 0.125em #ffff00}
.stroke-pale-yellow,.hover-stroke-pale-yellow:hover{color:#000;text-shadow:0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec,0 0 0.125em #fffaec}
.stroke-green,.hover-stroke-green:hover{color:#fff;text-shadow:0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245}
.stroke-pale-green,.hover-stroke-pale-green:hover{color:#000;text-shadow:0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da,0 0 0.125em #cce9da}
.stroke-light-green,.hover-stroke-light-green:hover{color:#fff;text-shadow:0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a,0 0 0.125em #39b54a}
.stroke-lime,.hover-stroke-lime:hover{color:#000;text-shadow:0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00,0 0 0.125em #00ff00}
.stroke-teal,.hover-stroke-teal:hover{color:#fff;text-shadow:0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688}
.stroke-pale-teal,.hover-stroke-pale-teal:hover{color:#000;text-shadow:0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee,0 0 0.125em #ddf2ee}
.stroke-aqua,.hover-stroke-aqua:hover{color:#fff;text-shadow:0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff}
.stroke-cyan,.hover-stroke-cyan:hover{color:#000;text-shadow:0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB,0 0 0.125em #1BAFEB}
.stroke-light-blue,.hover-stroke-light-blue:hover{color:#000;text-shadow:0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2,0 0 0.125em #b4c5e2}
.stroke-blue,.hover-stroke-blue:hover{color:#fff;text-shadow:0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4,0 0 0.125em #0075a4}
.stroke-pale-blue,.hover-stroke-pale-blue:hover{color:#fff;text-shadow:0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd,0 0 0.125em #e7f0fd}
.stroke-indigo,.hover-stroke-indigo:hover{color:#fff;text-shadow:0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61,0 0 0.125em #171c61}
.stroke-pale-indigo,.hover-stroke-pale-indigo:hover{color:#000;text-shadow:0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1,0 0 0.125em #eaebf1}
.stroke-deep-purple,.hover-stroke-deep-purple:hover{color:#fff;text-shadow:0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae,0 0 0.125em #796bae}
.stroke-purple,.hover-stroke-purple:hover{color:#fff;text-shadow:0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662,0 0 0.125em #822662}
.stroke-pale-purple,.hover-stroke-pale-purple:hover{color:#000;text-shadow:0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6,0 0 0.125em #D2CDE6}
.stroke-brown,.hover-stroke-brown:hover{color:#fff;text-shadow:0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06,0 0 0.125em #7c3e06}
.stroke-dark-brown,.hover-stroke-dark-brown:hover{color:#fff;text-shadow:0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b}
.stroke-pale-brown,.hover-stroke-pale-brown:hover{color:#000;text-shadow:0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd,0 0 0.125em #e5d8cd}
.stroke-dark-goldenrod,.hover-stroke-dark-goldenrod:hover{color:#fff;text-shadow:0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063,0 0 0.125em #c9a063}
.stroke-goldenrod,.hover-stroke-goldenrod:hover{color:#000;text-shadow:0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540,0 0 0.125em #8e6540}
.stroke-blue-grey,.hover-stroke-blue-grey:hover,.stroke-blue-gray,.hover-stroke-blue-gray:hover{color:#000;text-shadow:0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9,0 0 0.125em #a0b1b9}
.stroke-grey,.hover-stroke-grey:hover,.stroke-gray,.hover-stroke-gray:hover{color:#000;text-shadow:0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e,0 0 0.125em #9e9e9e}
.stroke-light-grey,.hover-stroke-light-grey:hover,.stroke-light-gray,.hover-stroke-light-gray:hover{color:#000;text-shadow:0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0,0 0 0.125em #e0e0e0}
.stroke-dark-grey,.hover-stroke-dark-grey:hover,.stroke-dark-gray,.hover-stroke-dark-gray:hover{color:#fff;text-shadow:0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161,0 0 0.125em #616161}
.stroke-black,.hover-stroke-black:hover{color:#fff;text-shadow:0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000}
.stroke-white,.hover-stroke-white:hover{color:#000;text-shadow:0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff}
.hover-shadow:hover{filter: drop-shadow(0 0 0.125em rgba(255,255,255,0.7))drop-shadow(0 0 0.5em rgba(0,0,0,0.3)); cursor: pointer;}

.img_text{color: rgba(255,255,255,0.01);padding: 0.75em 0.5em 0;}
.img_text img{pointer-events: none; }
/*-------------------------------------END-顏色-----------------------------------------*/
/*----------------------------------------- 區塊ExamPlan -----------------------------------------*/

/*----------------------------------------- BAN區塊-----------------------------------------*/
@media screen and (max-width:576px){
    #ExamPlan #topNavbar .navbar-brand .fa-xs {font-size: 0.5em;}
}

#ExamPlan #page {
    background: #fffce4 url(https://www.paochen.com.tw/event/activity-20180926/images/ExamPlan.png)left top -3vw/100% no-repeat;
    overflow: hidden;
}
/*志光系列*/
#ExamPlan.CK #page {
    background: url(../images/BG-01.png)center top -8vw/100% no-repeat, #fffce4;
}
#ExamPlan.CK [class*="hvr-underline-from"]:before {  background: #00ff00;}

/*-------------------------------------END-BAN區塊-----------------------------------------*/
/*----------------------------------------- 區塊a01 -----------------------------------------*/

#ExamPlan article,.thead{max-width:1000px;}
#ExamPlan .overflow{
    max-height: 80vh;
    overflow-y: scroll;
    scrollbar-width: 0.25em;
}
#ExamPlan .overflow::-webkit-scrollbar {width: 0.25em;background: rgba(0,0,0,0.1);}
#ExamPlan .overflow::-webkit-scrollbar-button {width: 0.25em}
#ExamPlan .overflow::-webkit-scrollbar-thumb {width: 0.25em}
#ExamPlan .overflow::-webkit-scrollbar-track {width: 0.25em}
#ExamPlan .overflow::-webkit-scrollbar-corner{width: 0.25em}
#ExamPlan .overflow::-webkit-resizer{width: 0.25em}

/*表格的滾輪*/
#ExamPlan .table-responsive::-webkit-scrollbar {width: 0.25em;height: 0.25em; background-color: #F5F5F5; }
#ExamPlan .table-responsive::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0.1em rgba(0,0,0,0.3); border-radius: 5em; background-color: #F5F5F5; }
#ExamPlan.sr .table-responsive::-webkit-scrollbar-thumb {border-radius: 5em; -webkit-box-shadow: inset 0 0 0.1em rgba(0,0,0,.3); background: -webkit-linear-gradient(35deg, #171c6155, #171c61);background: -o-linear-gradient(35deg, #171c6155, #171c61);background: linear-gradient(125deg, #171c6155, #171c61); }
#ExamPlan.CK .table-responsive::-webkit-scrollbar-thumb {border-radius: 5em; -webkit-box-shadow: inset 0 0 0.1em rgba(0,0,0,.3); background: -webkit-linear-gradient(35deg, #8fcc35, #62aa00);background: -o-linear-gradient(35deg, #8fcc35, #62aa00);background: linear-gradient(125deg, #8fcc35, #62aa00); }

[title="考試簡稱"]{font-size: 1.5em;color: #009688;}
[title="考試名稱"]{font-size: 0.8em;color: #009688ee;}
[headers="序號"]{max-width: 3em;font-size: 1rem;}
[headers*="日期"]{width: 8em;}
[headers="考試資訊"]{min-width: calc(100% - 12em);}
#ExamPlan td[headers="考試資訊"]{text-align: left;font-size: 0.9em;}
#ExamPlan td{padding: 0.5em 0.25em 1em;border:0.1em solid rgba(0,0,0,0.1);}
#ExamPlan th,.thead th,*[headers*="日期"]{font-size: 1.25em}
#ExamPlan .exam-name{font-size: 1.5em;}
#ExamPlan .exam-name{color: #009688;}
#ExamPlan .exam-setcode,#ExamPlan .exam-name{    font-weight: 500;}

#ExamPlan [headers="考試資訊"] .btn{text-align: left;margin: 0; }
#ExamPlan [headers="考試資訊"] .btn[href*="http"]{
    border-bottom: 0.1em dashed #009688ee;
    margin:0 1em 0.5em 0;
}
/*-------------------------------------END- 區塊a01 -----------------------------------------*/

#ExamPlan footer .position-absolute {
    top: 0%;
    left:0%;
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
}
#ExamPlan .btn.lime{
    color: black;
    background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
}
#ExamPlan .btn.hover-pale-red,.pink-gradient{
    background-image: -webkit-linear-gradient(45deg, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
    background-image: -o-linear-gradient(45deg, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
    background-image: linear-gradient(45deg, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
}
/*-------------------------------------END- 區塊ExamPlan -----------------------------------------*/
/*----------------------------------------- 區塊buttones -----------------------------------------*/


/*-------------------------------------END- 區塊buttones -----------------------------------------*/