@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: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);
}
.more_btn:hover:after,.go_btn:hover:after,#page .btn:hover:after{transform:scale(0.0); }

.more_btn.disabled,.go_btn.disabled,#ban .btn.disabled{
    transform: scale(0.9);
    filter: none;
}
/*底部滑動橫條*/
#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:#c30d23!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:#ae2b54!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:#f39800!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:#56bdab!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:#02388b!important}
.pale-blue,.hover-pale-blue:hover{color:#fff!important;background-color:#7aa4c6!important}
.indigo,.hover-indigo:hover{color:#fff!important;background-color:#1b5390!important}
.pale-indigo,.hover-pale-indigo:hover{color:#000!important;background-color:#cfd9e5!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:#c30d23!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:#ae2b54!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:#f39800!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:#56bdab!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:#02388b!important}
.text-pale-blue,.hover-text-pale-blue:hover{color:#7aa4c6!important}
.text-indigo,.hover-text-indigo:hover{color:#1b5390!important}
.text-pale-indigo,.hover-text-pale-indigo:hover{color:#a4b5ce!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:#c30d23!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:#ae2b54!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:#f39800!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:#56bdab!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:#02388b!important}
.border-pale-blue,.hover-border-pale-blue:hover{border-color:#7aa4c6!important}
.border-indigo,.hover-border-indigo:hover{border-color:#1b5390!important}
.border-pale-indigo,.hover-border-pale-indigo:hover{border-color:#a4b5ce!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 #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23,0 0 0.125em #c30d23}
.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 #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54,0 0 0.125em #ae2b54}
.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 #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800,0 0 0.125em #f39800}
.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 #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab,0 0 0.125em #56bdab}
.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 #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b,0 0 0.125em #02388b}
.stroke-pale-blue,.hover-stroke-pale-blue:hover{color:#fff;text-shadow:0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6,0 0 0.125em #7aa4c6}
.stroke-indigo,.hover-stroke-indigo:hover{color:#fff;text-shadow:0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390,0 0 0.125em #1b5390}
.stroke-pale-indigo,.hover-stroke-pale-indigo:hover{color:#000;text-shadow:0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce,0 0 0.125em #a4b5ce}
.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; }
.text-center.wow.animate__bounceInUp{animation-delay: 0}
/*-------------------------------------END-顏色-----------------------------------------*/
#a01 article{background: url(../images/index-01-bg.png)center bottom/contain no-repeat;}
#ban{background: url(../images/index-ban-bg.png)center bottom/100% 100% no-repeat;}
.title{
    display: inline-block;
    background: url(../images/index-title.png)center bottom/100% 50% no-repeat;
    padding: 0.5em 0.75em;
}
/*----------------------------------------- BAN區塊-----------------------------------------*/
/*-------------------------------------END-BAN區塊---------------------------------------*/
/*----------------------------------------- 區塊a01 -----------------------------------------*/
#a01 .white{
    background-image:-webkit-linear-gradient(bottom, #C3C2B3 1px, transparent 1px, transparent),
  -webkit-linear-gradient(left, #C3C2B3 1px, transparent 1px, transparent);
  background-image:-o-linear-gradient(bottom, #C3C2B3 1px, transparent 1px, transparent),
  -o-linear-gradient(left, #C3C2B3 1px, transparent 1px, transparent);
  background-image:linear-gradient(to top, #C3C2B3 1px, transparent 1px, transparent),
  linear-gradient(to right, #C3C2B3 1px, transparent 1px, transparent);
  background-size:0.75em 0.75em;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  border: 0.1em solid;
    border-image: url(../images/index-border-w.png)25 /0.75em /0.25em repeat!important;
}
#a01 article,#a01 .indigo.after:after{position: relative;}
#a01 .white:before,#a01 article:after,#a01 .indigo.after:after{
    position: absolute;
    content: "";
    width: 5em;
    height: 13em;
    left: calc(100% - 1em);
    top: -4em;
    background: url(../images/index-01-box-1.png)left bottom/contain no-repeat;
}
#a01 article:after{
    width: 10em;
    height: 8em;
    left: -2em;
    top: calc(100% - 4em);
    background: url(../images/index-01-bg-2.png)left bottom/contain no-repeat;
}
#a01 .indigo.after:after{
    width: 3rem;
    height: 3rem;
    left: calc(100% - 1em);
    top: -2rem;
    background: url(../images/index-01-box-2.png)left bottom/contain no-repeat;
}
#a01 .indigo{
    border: 0.1em solid;
    border-image: url(../images/index-border-B.png)25 /1em /0.1em repeat!important;
    border-radius: 0.5em;
}
#a01 .indigo.bordered-xs {
    filter: drop-shadow(0.25em 0.25em 0.125em rgba(0,0,0,0.5));
    border-image: url(../images/index-border-w.png)25 /0.75em /0.25em repeat!important;
}
#a01 .indigo.bg{
    background: url(../images/index-01-box-3-1.png)top 0.5em right 0.5em/1.5em no-repeat;
}
.animate {animation-name: fadeInLeft; }
.fa-2x.rotae90{
    display: block;
    position: relative;
    z-index: 1;
    padding: 0;
}
@media screen and (min-width:576px){
    /*#a01 .animate{margin-left: -0.5em}*/
    #a01 .indigo.bordered-xs {
        min-height: 6em;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width:576px){
    #a01 .rotae90{transform: rotate(90deg); }
    .animate {animation-name: fadeInDown; }
}
/*----------------------------------------- 區塊a02 -----------------------------------------*/
/*-------------------------------------END- 區塊a02 -----------------------------------------*/
/*----------------------------------------- 區塊a03 -----------------------------------------*/
/*-------------------------------------END- 區塊a03 -----------------------------------------*/
/*----------------------------------------- 區塊a04 -----------------------------------------*/
/*-------------------------------------END- 區塊a04 -----------------------------------------*/
/*----------------------------------------- 區塊a05 -----------------------------------------*/
/*-------------------------------------END- 區塊a05 -----------------------------------------*/
/*----------------------------------------- 區塊a06 -----------------------------------------*/
/*-------------------------------------END- 區塊a06 -----------------------------------------*/
/*----------------------------------------- 區塊a07 -----------------------------------------*/
/*-------------------------------------END- 區塊a07 -----------------------------------------*/
/*----------------------------------------- 區塊buttones -----------------------------------------*/
.rotae{display: inline-block;transform: rotate(-5deg); }
#buttones .rotae.red{font-size: 0.8em;padding: 0.5em 0.125em;}
#buttones .rotae.tag{
    transform: rotate(-3deg);
    border: 0.1em solid;
    border-image: url(../images/index-border-w.png)25 /0.2em /0 0.125em repeat!important;
    border-radius: 0.5em;
}
#buttones article{position: relative;}
#buttones article:before{
    position: absolute;
    content: "";
    width: 25%;
    height: 20vw;
    background: url(../images/index-buttones-1.png)top right/contain no-repeat;
    top: -8em;
    right: 0;
}

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