@charset "UTF-8";
*{scroll-behavior: smooth;}
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,header{padding: 2.5em 0.5em 1.5em;margin: 0;}
#page article{max-width: 900px;margin:0 auto; padding: 1em 1em 1em;position: relative;z-index: 1;}
footer{padding-bottom: 15vh!important;}
#buttones{padding-bottom: 15vh;}
.rounded-2xs{border-radius: 0.5em!important;}
.rounded-xs{border-radius: 0.8em!important;}
.rounded-1x{border-radius: 1em!important;}
.rounded-2x{border-radius: 2em!important;}
.rounded-3x{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;}
/*-----------------------------------------按鈕-----------------------------------------*/
/*留單按鈕 OR 前往各班按鈕*/
.go_btn,.more_btn,#askLine,#btns .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;
    position: relative;
    z-index: 2;
}
.btn{position: relative;}
/*各班按鈕*/
.more_btn{
    color: #fff;
    background: linear-gradient(-60deg,transparent 10%,#000 10%,#000 13%,transparent 13%,transparent 15%,#000 15%,#000 85%,transparent 85%,transparent 87%,#000 87%,#000 90%,transparent 90%);
    padding: 0.5em 15%;
    margin: 0.5em -2.5% 0.25em -2.5%;
    line-height: 1;
    transform: translate(-0.25rem,-0.125rem);
    /*filter: drop-shadow(0.3rem 0.35rem 0rem #00000099);*/
    position: relative;

}
.more_btn:hover{
    background: linear-gradient(45deg,transparent 10%,#000 10%,#000 13%,transparent 13%,transparent 15%,#000 15%,#000 85%,transparent 85%,transparent 87%,#000 87%,#000 90%,transparent 90%);
}
#btns .btn:hover:before,.more_btn:hover:before{transform: scale(0.01) }
#btns .btn:before,.more_btn:before{
    content: "";
    position: absolute;
    width: 3rem;
    height: 3rem;
    background: url(../images/index-btns-icon.png)center/contain no-repeat;
    bottom: -1rem;
    right: -1rem;
    transition: all .15s ease-in-out;
}
.go_btn:hover,.more_btn:hover,.btn:hover,#btns .btn:hover,.hvr-underline-from-center:hover{
    color: #fff100;
    transform: scale(0.9)translateY(0.25rem);
    box-shadow: none;
    filter: drop-shadow(0 0 0.01rem white)drop-shadow(0 0 0.25rem #ff1000)drop-shadow(0 0 0.25rem #fff100);
}
/*滑動效果*/
.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 {content: ""; position: absolute; z-index: -1;  background: #fff100;  height: 0.125em;
    -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center:before {    
    left: 51%;
    right: 51%;
    bottom: 0;
    -webkit-transition-property: left, right;
    transition-property: left, right;
}
.hvr-underline-from-left:before {
    left: 0;
    right: 100%;
    bottom: 0;
    -webkit-transition-property: right;
    transition-property: right;
}
.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:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {right: 0; }
/*nav 上方導覽列*/
#topNavbar .navbar-brand.middle{display:flex;justify-content: center;align-items: center;padding: 0;}
a[title$="全國電話"] .rounded-circle{background: linear-gradient(-45deg,#ff4e50,#f9d423)!important;width: 1.5em;height: 1.5em;display: flex;justify-content: center;align-items: end;}
/*footer*/
/*footer a.d-block .hvr-underline-from-left{display: inline-block;padding:0 0 0.25em;line-height: 1.25;}
footer a i{font-size: 0.75em;margin:0 0.5em;}
footer a.d-block[title*="志光"]:hover,footer a.d-block[title*="志光"] i{color: #c8fcb6}
footer a[title$="官網"][title*="志光"] {background-color: #c8fcb6}
footer a.d-block:not([title*="志光"]):hover,footer a.d-block:not([title*="志光"]) i{color: #aadde6}
footer a[title$="官網"]:not([title*="志光"]){background-color: #aadde6}
footer a.d-block:not([title*="志光"]) .hvr-underline-from-left:before {background: #aadde6}*/
a[title$="LINE"]{background: linear-gradient(-45deg,#52b72f,#8ef92e)center/200% 200%;font-weight: bolder;}
/*底部滑動橫條*/
#goTop{position: fixed;bottom: 5em;right: 1em;width: 3em;height: 3em;padding: 0.5em;z-index: 10;}
#SocialLinks .btn{font-weight: 700; border: 0;filter:drop-shadow(0 0.4em 0.5em rgba(0,0,0,001));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;}
/*#LineMenu .btn{color: #52b72f}*/
#topNavbar {
    animation-name: fadeInDown;
    animation-duration: 0.75s;
    animation-fill-mode: both;
}
.disabled, .disabled:hover{cursor:not-allowed!important; }
/*-------------------------------------END-按鈕-----------------------------------------*/
/*-----------------------------------------顏色-----------------------------------------*/
/* Colors */
.red,.hover-red:hover{color:#fff;background-color:#c1272d!important}
.dark-red,.hover-dark-red:hover{color:#fff;background-color:#8f2422!important}
.pale-red,.hover-pale-red:hover{color:#000;background-color:#d35341!important}
.pink,.hover-pink:hover{color:#fff;background-color:#ff8f85!important;}
.orange,.hover-orange:hover{color:#fff;background-color:#e8351d!important}
.deep-orange,.hover-deep-orange:hover{color:#fff;background-color:#E83828!important}
.pale-orange,.hover-pale-orange:hover{color:#fff;background-color:#f1ae8e!important}
.amber,.hover-amber:hover{color:#000;background-color:#e5ab42!important}
.deep-amber,.hover-deep-amber:hover{color:#fff;background-color:#f7931e!important}
.pale-amber,.hover-pale-amber:hover{color:#000;background-color:#e2ad7d!important}
.sand,.hover-sand:hover{color:#000;background-color:#f7eee7!important}
.khaki,.hover-khaki:hover{color:#000;background-color:#fff7d8!important}
.yellow,.hover-yellow:hover{color:#000;background-color:#ffeb3b!important}
.pale-yellow,.hover-pale-yellow:hover{color:#000;background-color:#f9f2a0!important}
.green,.hover-green:hover{color:#fff;background-color:#00d65a!important}
.pale-green,.hover-pale-green:hover{color:#000;background-color:#c8fcb6!important}
.light-green,.hover-light-green:hover{color:#fff;background-color:#13ae67!important}
.lime,.hover-lime:hover{color:#000;background-color:#72ca2c!important}
.teal,.hover-teal:hover{color:#fff;background-color:#01565b!important}
.pale-teal,.hover-pale-teal:hover{color:#fff;background-color:#9ccec2!important}
.aqua,.hover-aqua:hover{color:#fff;background-color:#00ffff!important}
.cyan,.hover-cyan:hover{color:#000;background-color:#2AAAC1!important}
.blue,.hover-blue:hover{color:#fff;background-color:#014e84!important}
.light-blue,.hover-light-blue:hover{color:#000;background-color:#9bcaed!important}
.pale-blue,.hover-pale-blue:hover{color:#000;background-color:#aadde6!important}
.indigo,.hover-indigo:hover{color:#fff;background-color:#004061!important}
.pale-indigo,.hover-pale-indigo:hover{color:#000;background-color:#cdcee0!important}
.deep-purple,.hover-deep-purple:hover{color:#fff;background-color:#796bae!important}
.purple,.hover-purple:hover{color:#fff;background-color:#a499c9!important}
.pale-purple,.hover-pale-purple:hover{color:#000;background-color:#D2CDE6!important}
.brown,.hover-brown:hover{color:#fff;background-color:#40220f!important}
.pale-brown,.hover-pale-brown:hover{color:#fff;background-color:#a48b78!important}
.dark-goldenrod,.hover-dark-goldenrod:hover{color:#fff;background-color:#c9a063!important}
.goldenrod,.hover-goldenrod:hover{color:#000;background-color:#E0BC79!important}
.blue-grey,.hover-blue-grey:hover,.blue-gray,.hover-blue-gray:hover{color:#000;background-color:#ece9f2!important}
.grey,.hover-grey:hover,.gray,.hover-gray:hover{color:#000;background-color:#9e9e9e!important}
.light-grey,.hover-light-grey:hover,.light-gray,.hover-light-gray:hover{color:#000;background-color:#f0f0f0!important}
.dark-grey,.hover-dark-grey:hover,.dark-gray,.hover-dark-gray:hover{color:#fff;background-color:#616161!important}
.black,.hover-black:hover{color:#fff;background-color:#000!important}
.white,.hover-white:hover{color:#000;background-color:#fff!important}

.text-red,.hover-text-red:hover{color:#c1272d!important}
.text-dark-red,.hover-text-dark-red:hover{color:#8f2422!important}
.text-pale-red,.hover-text-pale-red:hover{color:#d35341!important}
.text-pink,.hover-text-pink:hover{color:#ff8f85!important;}
.text-orange,.hover-text-orange:hover{color:#e8351d!important}
.text-deep-orange,.hover-text-deep-orange:hover{color:#E83828!important}
.text-pale-orange,.hover-text-pale-orange:hover{color:#f1ae8e!important}
.text-amber,.hover-text-amber:hover{color:#e5ab42!important}
.text-deep-amber,.hover-text-deep-amber:hover{color:#f7931e!important}
.text-pale-amber,.hover-text-pale-amber:hover{color:#e2ad7d!important}
.text-sand,.hover-text-sand:hover{color:#f7eee7!important}
.text-khaki,.hover-text-khaki:hover{color:#fff7d8!important}
.text-yellow,.hover-text-yellow:hover{color:#ffeb3b!important}
.text-pale-yellow,.hover-text-pale-yellow:hover{color:#f9f2a0!important}
.text-green,.hover-text-green:hover{color:#00d65a!important}
.text-pale-green,.hover-text-pale-green:hover{color:#c8fcb6!important}
.text-light-green,.hover-text-light-green:hover{color:#13ae67!important}
.text-lime,.hover-text-lime:hover{color:#72ca2c!important}
.text-teal,.hover-text-teal:hover{color:#01565b!important}
.text-pale-teal,.hover-text-pale-teal:hover{color:#9ccec2!important}
.text-aqua,.hover-text-aqua:hover{color:#00ffff!important}
.text-cyan,.hover-text-cyan:hover{color:#2AAAC1!important}
.text-blue,.hover-text-blue:hover{color:#014e84!important}
.text-light-blue,.hover-text-light-blue:hover{color:#9bcaed!important}
.text-pale-blue,.hover-text-pale-blue:hover{color:#aadde6!important}
.text-indigo,.hover-text-indigo:hover{color:#004061!important}
.text-pale-indigo,.hover-text-pale-indigo:hover{color:#cdcee0!important}
.text-deep-purple,.hover-text-deep-purple:hover{color:#796bae!important}
.text-purple,.hover-text-purple:hover{color:#a499c9!important}
.text-pale-purple,.hover-text-pale-purple:hover{color:#D2CDE6!important}
.text-brown,.hover-text-brown:hover{color:#40220f!important}
.text-pale-brown,.hover-text-pale-brown:hover{color:#a48b78!important}
.text-dark-goldenrod,.hover-text-dark-goldenrod:hover{color:#c9a063!important}
.text-goldenrod,.hover-text-goldenrod:hover{color:#E0BC79!important}
.text-blue-grey,.hover-text-blue-grey:hover,.text-blue-gray,.hover-text-blue-gray:hover{color:#ece9f2!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:#f0f0f0!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}

.bordered{border:0.125rem solid}
.bordered-2xs{border:0.25rem solid}
.bordered-xs{border:0.5rem solid}
.bordered-lg{border:0.75rem solid}
.border-red,.hover-border-red:hover{border-color:#c1272d!important}
.border-dark-red,.hover-border-dark-red:hover{border-color:#8f2422!important}
.border-pale-red,.hover-border-pale-red:hover{border-color:#d35341!important}
.border-pink,.hover-border-pink:hover{border-color:#ff8f85!important;}
.border-orange,.hover-border-orange:hover{border-color:#e8351d!important}
.border-deep-orange,.hover-border-deep-orange:hover{border-color:#E83828!important}
.border-pale-orange,.hover-border-pale-orange:hover{border-color:#f1ae8e!important}
.border-amber,.hover-border-amber:hover{border-color:#e5ab42!important}
.border-deep-amber,.hover-border-deep-amber:hover{border-color:#f7931e!important}
.border-pale-amber,.hover-border-pale-amber:hover{border-color:#e2ad7d!important}
.border-sand,.hover-border-sand:hover{border-color:#f7eee7!important}
.border-khaki,.hover-border-khaki:hover{border-color:#fff7d8!important}
.border-yellow,.hover-border-yellow:hover{border-color:#ffeb3b!important}
.border-pale-yellow,.hover-border-pale-yellow:hover{border-color:#f9f2a0!important}
.border-green,.hover-border-green:hover{border-color:#00d65a!important}
.border-pale-green,.hover-border-pale-green:hover{border-color:#c8fcb6!important}
.border-light-green,.hover-border-light-green:hover{border-color:#13ae67!important}
.border-lime,.hover-border-lime:hover{border-color:#72ca2c!important}
.border-teal,.hover-border-teal:hover{border-color:#01565b!important}
.border-pale-teal,.hover-border-pale-teal:hover{border-color:#9ccec2!important}
.border-aqua,.hover-border-aqua:hover{border-color:#00ffff!important}
.border-cyan,.hover-border-cyan:hover{border-color:#2AAAC1!important}
.border-blue,.hover-border-blue:hover{border-color:#014e84!important}
.border-light-blue,.hover-border-light-blue:hover{border-color:#9bcaed!important}
.border-pale-blue,.hover-border-pale-blue:hover{border-color:#aadde6!important}
.border-indigo,.hover-border-indigo:hover{border-color:#004061!important}
.border-pale-indigo,.hover-border-pale-indigo:hover{border-color:#cdcee0!important}
.border-deep-purple,.hover-border-deep-purple:hover{border-color:#796bae!important}
.border-purple,.hover-border-purple:hover{border-color:#a499c9!important}
.border-pale-purple,.hover-border-pale-purple:hover{border-color:#D2CDE6!important}
.border-brown,.hover-border-brown:hover{border-color:#40220f!important}
.border-pale-brown,.hover-border-pale-brown:hover{border-color:#a48b78!important}
.border-dark-goldenrod,.hover-border-dark-goldenrod:hover{border-color:#c9a063!important}
.border-goldenrod,.hover-border-goldenrod:hover{border-color:#E0BC79!important}
.border-blue-grey,.hover-border-blue-grey:hover,.border-blue-gray,.hover-border-blue-gray:hover{border-color:#ece9f2!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:#f0f0f0!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{text-shadow: 0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d,0 0 0.12em #c1272d}
.stroke-dark-red,.hover-stroke-dark-red:hover{text-shadow: 0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422,0 0 0.12em #8f2422}
.stroke-pale-red,.hover-stroke-pale-red:hover{text-shadow: 0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341,0 0 0.12em #d35341}
.stroke-pink,.hover-stroke-pink:hover{text-shadow: 0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!,0 0 0.12em #ff8f85!}
.stroke-orange,.hover-stroke-orange:hover{text-shadow: 0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d,0 0 0.12em #e8351d}
.stroke-deep-orange,.hover-stroke-deep-orange:hover{text-shadow: 0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828,0 0 0.12em #E83828}
.stroke-pale-orange,.hover-stroke-pale-orange:hover{text-shadow: 0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e,0 0 0.12em #f1ae8e}
.stroke-amber,.hover-stroke-amber:hover{text-shadow: 0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42,0 0 0.12em #e5ab42}
.stroke-deep-amber,.hover-stroke-deep-amber:hover{text-shadow: 0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e,0 0 0.12em #f7931e}
.stroke-pale-amber,.hover-stroke-pale-amber:hover{text-shadow: 0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d,0 0 0.12em #e2ad7d}
.stroke-sand,.hover-stroke-sand:hover{text-shadow: 0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7,0 0 0.12em #f7eee7}
.stroke-khaki,.hover-stroke-khaki:hover{text-shadow: 0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8,0 0 0.12em #fff7d8}
.stroke-yellow,.hover-stroke-yellow:hover{text-shadow: 0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b,0 0 0.12em #ffeb3b}
.stroke-pale-yellow,.hover-stroke-pale-yellow:hover{text-shadow: 0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0,0 0 0.12em #f9f2a0}
.stroke-green,.hover-stroke-green:hover{text-shadow: 0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a,0 0 0.12em #00d65a}
.stroke-pale-green,.hover-stroke-pale-green:hover{text-shadow: 0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6,0 0 0.12em #c8fcb6}
.stroke-light-green,.hover-stroke-light-green:hover{text-shadow: 0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67,0 0 0.12em #13ae67}
.stroke-lime,.hover-stroke-lime:hover{text-shadow: 0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c,0 0 0.12em #72ca2c}
.stroke-teal,.hover-stroke-teal:hover{text-shadow: 0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b,0 0 0.12em #01565b}
.stroke-pale-teal,.hover-stroke-pale-teal:hover{text-shadow: 0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2,0 0 0.12em #9ccec2}
.stroke-aqua,.hover-stroke-aqua:hover{text-shadow: 0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff,0 0 0.12em #00ffff}
.stroke-cyan,.hover-stroke-cyan:hover{text-shadow: 0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1,0 0 0.12em #2AAAC1}
.stroke-blue,.hover-stroke-blue:hover{text-shadow: 0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84,0 0 0.12em #014e84}
.stroke-light-blue,.hover-stroke-light-blue:hover{text-shadow: 0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed,0 0 0.12em #9bcaed}
.stroke-pale-blue,.hover-stroke-pale-blue:hover{text-shadow: 0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6,0 0 0.12em #aadde6}
.stroke-indigo,.hover-stroke-indigo:hover{text-shadow: 0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061,0 0 0.12em #004061}
.stroke-pale-indigo,.hover-stroke-pale-indigo:hover{text-shadow: 0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0,0 0 0.12em #cdcee0}
.stroke-deep-purple,.hover-stroke-deep-purple:hover{text-shadow: 0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae,0 0 0.12em #796bae}
.stroke-purple,.hover-stroke-purple:hover{text-shadow: 0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9,0 0 0.12em #a499c9}
.stroke-pale-purple,.hover-stroke-pale-purple:hover{text-shadow: 0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6,0 0 0.12em #D2CDE6}
.stroke-brown,.hover-stroke-brown:hover{text-shadow: 0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f,0 0 0.12em #40220f}
.stroke-pale-brown,.hover-stroke-pale-brown:hover{text-shadow: 0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78,0 0 0.12em #a48b78}
.stroke-dark-goldenrod,.hover-stroke-dark-goldenrod:hover{text-shadow: 0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063,0 0 0.12em #c9a063}
.stroke-goldenrod,.hover-stroke-goldenrod:hover{text-shadow: 0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79,0 0 0.12em #E0BC79}
.stroke-blue-grey,.hover-stroke-blue-grey:hover,.stroke-blue-gray,.hover-stroke-blue-gray:hover{text-shadow: 0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2,0 0 0.12em #ece9f2}
.stroke-grey,.hover-stroke-grey:hover,.stroke-gray,.hover-stroke-gray:hover{text-shadow: 0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e,0 0 0.12em #9e9e9e}
.stroke-light-grey,.hover-stroke-light-grey:hover,.stroke-light-gray,.hover-stroke-light-gray:hover{text-shadow: 0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0,0 0 0.12em #f0f0f0}
.stroke-dark-grey,.hover-stroke-dark-grey:hover,.stroke-dark-gray,.hover-stroke-dark-gray:hover{text-shadow: 0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161,0 0 0.12em #616161}
.stroke-white,.hover-stroke-white:hover{color:#000;text-shadow: 0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff,0 0 0.12em #fff;}
.stroke-black,.hover-stroke-black:hover{color:#FFF;text-shadow: 0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000,0 0 0.12em #000;}
.hover-shadow:hover,.shadow{filter: drop-shadow(0.01rem 0.01rem 0.5em #00000022);}

.img_text{color: rgba(255,255,255,0.01)!important;padding: 0.75em 0.5em 0;position: relative;}
.img_text img{pointer-events: none; user-select: none;}
.rotate-3{transform: rotate(-3deg);}
.rotate-5{transform: rotate(-5deg);}
.rotate-10{transform: rotate(-10deg);}
.tag {
    /*font-size: 0.975em;*/
    background: linear-gradient(to top,#fdd557 1rem, transparent 0%)bottom/100% 1.6em;
    display: inline-block;
    padding: 0.05rem 0.5rem;
    margin: 0;
    line-height: 1em;
  }
/*-------------------------------------END-顏色-----------------------------------------*/
/*----------------------------------------- 背景-----------------------------------------*/
.logo{padding: 0.25em;background:url(../images/志光保成學儒.svg)center/contain no-repeat;color: rgba(255,255,255,0.01)!important;}
nav .logo{background-image:url(../images/LOGO.svg)}
body{background-color: #e4e4e4;}
#ban{background:url(../images/index-ban_BG-B.png)center bottom -0.1rem/100% no-repeat,url(../images/index-ban-BG.png)center/cover no-repeat;}
#a01{background:url(../images/index-01_BG-C.png)center bottom 5em/50em no-repeat,url(../images/index-01_BG.png)center/100%,conic-gradient(at 50% 80%,transparent 30%,#d3a72c 30%,#e7e381 50%,#c99c27 70%,transparent 70%) 100% no-repeat,radial-gradient(at 50% 50%,transparent 30%,#e4e4e4 80%),repeating-conic-gradient(at 50% 90%,transparent -5deg, transparent 5deg, #ffffff66 5deg, #ffffff66 10deg);}
#a02{background:url(../images/index-02_BG2.png)center /100% 100% no-repeat,url(../images/index-02_BG.png);}
#a03{background:url(../images/index-03_BG.png)center/ 100%;}
#a04{background:url(../images/index-04_BG.png)center/100%,radial-gradient(at 50% 50%,transparent 30%,#fcd379 80%),repeating-conic-gradient(at 50% 90%,transparent -5deg, transparent 5deg, #ffffff66 5deg, #ffffff66 10deg),#fcd379;}
#a05{background:url(../images/index-05_BG.png)center top -5em/100% no-repeat,radial-gradient(at 50% 50%,transparent 30%,#82c2eb 80%),repeating-conic-gradient(at 50% 90%,transparent -5deg, transparent 5deg, #ffffff66 5deg, #ffffff66 10deg),#82c2eb;}
#buttones{background:url(../images/index-buttones_BG.png)center top 8em/ 95% no-repeat,#d35341;}

/*-------------------------------------END-背景-----------------------------------------*/
/*----------------------------------------- BAN區塊 -----------------------------------------*/
#ban img{transform: scale(1.1);}
/*-------------------------------------END- BAN區塊 -----------------------------------------*/
/*----------------------------------------- 區塊 a01 -----------------------------------------*/
#a01 article.Cards:after{
    position: absolute;
    content: "";
    width: 50%;
    max-width: 20vw;
    height: 100%;
    bottom: 0em;
    right: calc(95% - 10vw);
    background: url(../images/index-01-1.png)right bottom/contain no-repeat;
    z-index: 1;
    filter: drop-shadow(0 0 0.1em white);
}
.swiper-slide.brown{
    background: url(../images/index-01-Card_BG.png)top center/cover;
    overflow: hidden;
    filter: drop-shadow(0.25em  0.25em 1em #ffffff55);
}

.text-gradient{
    background: -webkit-linear-gradient(45deg,#c18f2f,#fbef7e,#9d6812,#e2c65c);
    background: -o-linear-gradient(45deg,#c18f2f,#fbef7e,#9d6812,#e2c65c);
    background: linear-gradient(45deg,#c18f2f,#fbef7e,#9d6812,#e2c65c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: black 1px;
    font-weight: 900;
    font-size: 1.5em;
    position: relative;
}
.swiper-slide .content .text-gradient:after{
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: calc(100% - 5.5em);
    height: 1em;
    background: radial-gradient(#e2c65c 50%,transparent 50%)left center/0.25em 0.25em no-repeat,radial-gradient(#e2c65c 50%,transparent 50%)right center/0.25em 0.25em no-repeat,linear-gradient(45deg,#c18f2f,#fbef7e,#9d6812,#e2c65c)center/calc(100% - 0.25em) 1px no-repeat;
}
.swiper-slide .content .text-gradient[title="經歷"]:after{
    width: calc(100% - 2.5em);
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, [class^=swiper-button-] {
  transition: all 0.3s ease;
}

.swiper-container {
  width: 100%;
  height: 35em;
  transition: opacity 0.6s ease;
  overflow: inherit;
  /*max-width: 75vw;*/
}
.swiper-container.swiper-container-coverflow {
  padding-top: 2%;
}
.swiper-container.loading {
  opacity: 0;
  visibility: hidden;
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  max-width: 30em;
}
.swiper-slide .content {
  position: absolute;
  top: 5%;
  left: 0;
  width: 90%;
  padding-left: 5%;
  color: #fff;
  font-size: 1.1em;
}
.swiper-slide .content .title {
  font-size: 2.5em;
  font-weight: bold;
  margin: 0.75em 0 1em 1.5em;
  text-shadow: -1px -1px 0.12em #000;
  padding: 0 1.75em 0 1.0em;
  position: relative;
}
.swiper-slide .content .title>*{position: relative;}
.swiper-slide .content .title:before,.swiper-slide .content .title:after {
    position: absolute;
    content: "";
}
.swiper-slide .content .title:before{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, calc(100% - 1.5em) 0%, calc(100% - 0.75em) 100%,calc(100% - 0.5em) 100%, calc(100% - 1.25em) 0, calc(100% - 1.25em + 5px) 0, calc(100% - 0.5em + 5px) 100%, calc(100% - 0.15em) 100%, calc(100% - 0.9em) 0, calc(100% - 0.75em) 0, 100% 100%, 0 100%);
    background: linear-gradient(to left,#c18f2f,#fbef7e,#9d6812,#e2c65c);
}
.swiper-slide .content .title:after {
    left: -1.25em;
    top: -0.5em;
    width: 2.5em;
    height: 2.5em;
    background: url(../images/index-01-Card_poto.png)center/contain;
}  
.swiper-slide .content .caption {
  display: block;
  line-height: 1.4;
  padding-left: 1em;
}
.swiper-slide .content .caption li{list-style: "　";}
.swiper-slide .content .caption li:before{
  content: "\f521";
  font-weight: 900;
  margin:0 0.5em 0 -1.25em;
  color: #c99c27;
  font-family: "Font Awesome 6 Pro",'Noto Sans TC',"Microsoft JhengHei","微軟正黑體","Heiti tc",  Arial, "新細明體", "PMingLiU", "細明體", "MingLiU", Helvetica, sans-serif;;
}

[class^=swiper-button-]{background-image: none!important;color: black;}
.swiper-button-prev {left: -2em; /*transform: translateX(50px);*/ }
.swiper-button-next {right: -2em; /*transform: translateX(-50px);*/ }
.swiper-button-prev:after{content: "◀";}
.swiper-button-next:after{content: "▶";}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: -2em;}


.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 9px;
  position: relative;
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 0.4;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  border: 0px solid #fff;
  border-radius: 50%;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border-width: 1px;
}

@media (max-width: 1023px) {
  .swiper-container.swiper-container-coverflow {padding-top: 0; }
}
/*-------------------------------------END- 區塊 a01 -----------------------------------------*/
/*----------------------------------------- 區塊 a02 -----------------------------------------*/
#a02 article:before{
    position: absolute;
    content: "";
    width: 30vw;
    height: 100%;
    bottom: -2.5em;
    left: calc(60% + 15vw);
    background: url(../images/index-02-1.png)center bottom/contain no-repeat;
}
.box{
    position: relative;
    border: 1px solid;
    border-image: url(../images/index-02-border.png)150 50 50 fill/9em 3em 3em/0.75em 0 0 round;
    color: white;
    width: 13em;
    padding: 1.5em 0em 0.5em;
    margin: 1.5em 0.25em 1em 0.25em;
}
.box .brown{
    border-radius: 1em;
    padding: 0.5em;
    border: 0.1em dashed #ffc36b;
    width: 5em;
    height: 6em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box .brown+div{width: 7em; }
@media screen and (min-width:576px){
    .box{font-size: 1.5em;}
}
/*-------------------------------------END- 區塊 a02 -----------------------------------------*/
/*----------------------------------------- 區塊 a03 -----------------------------------------*/
.badge{font-size: 0.9em;padding: 0.25em 0.5em;margin: 0 0.2em;border-radius: 0.5em;font-weight: 500;}
.ticket{
    width: 12em;
    margin: 1em 0.25rem;
    filter: drop-shadow(0.25em 0.25em  #2e001499);
}
.ticket-T .rounded-circle{
    font-size: 1.125em;
    position: absolute;
    bottom: calc(100% - 0.5em);
    left: calc(50% - 1em);
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0 3px 1px #2e001499);
}
.ticket-T,.ticket-B{
    position: relative;
    border: 1em solid;
    border-radius: 0.5em;
    padding: 0.45em 0em;
    border-image: url(../images/index-ticket-T.png)50 fill/1.5em/0 0.25rem repeat round;
    /*filter: drop-shadow(0.25rem 0.25rem 0em #00000055);*/
}
.ticket-T:before{
    position: absolute;
    content: "";
    width: 110%;
    height: 110%;
    left: -0.5rem;
    top: -0.5rem;
    background: url(../images/index-04-ticket_BG.png)center/contain no-repeat;
}
.ticket-T>*{position: relative;}
.ticket-B{
    border-image: url(../images/index-ticket-B.png)50 fill/1.5em/0.25rem repeat round;
    padding: 1.5em 0 0;
    height: 6em;
    display: flex;
    justify-content: center;
    align-items: center;
}
#a03 h2:before{
    position: absolute;
    content: "";
    width: 30%;
    height: 125%;
    top: 0em;
    left: 80%;
    background: url(../images/index-03-1.png)center/contain no-repeat;
    z-index: 1;
}
#a03-1:before{
    position: absolute;
    content: "";
    width: 30%;
    height: 80%;
    top: 3em;
    left: 100%;
    background: url(../images/index-03_1-1.png)-3em 50%/100% no-repeat;
}
#a03-1 .ticket-B{border-image: url(../images/index-03-ticket-B.png)50 fill/1.5em/0.25rem repeat round;
}
#a03-1 .ticket-T{border-image: url(../images/index-03-ticket-T.png)50 fill/1.5em/0 0.25rem repeat round;}
#a03-1 .ticket-T:before{
    background: url(../images/index-03-ticket_BG.png)center/contain no-repeat;
}
#a03-2:before{
    position: absolute;
    content: "";
    width: 20%;
    height: 80%;
    top: 3em;
    right: 100%;
    background: url(../images/index-03_2-1.png)right -3em center/100% no-repeat;
}
/*-------------------------------------END- 區塊 a03 -----------------------------------------*/
/*----------------------------------------- 區塊 a04 -----------------------------------------*/
#a04 article:after,#a04 article:before{
    position: absolute;
    content: "";
    width: 15vw;
    height: 100%;
    bottom: 0em;
    left: calc(100% - 10vw);
    background: url(../images/index-04-R.png)center/contain no-repeat;
    z-index: 1;
}
#a04 article:before{
    left: calc(0% - 5vw);
    background: url(../images/index-04-L.png)center/contain no-repeat;   
}
/*-------------------------------------END- 區塊 a04 -----------------------------------------*/
/*----------------------------------------- 區塊 a05 -----------------------------------------*/
#a05 h2{
    width: 150%;
    margin-left: -25%;
}
#player{
    background: linear-gradient(#41297c 5em,#322049 10em,#231815 20em);
    color: white;
    padding-bottom: 1.5em;
}
#player .badge{background-color: #e1e1e155!important;}
#player .fa-heart{color: #00d65a!important;}
#player .list-group-item{
    background: transparent;
    color: #e1e1e1;
    font-size: 0.8em;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 0.5em;
}
#player .list-title>span:nth-child(1){width: 1.05em;}
#player .list-title>span:nth-child(2){width: 6em;}
#player .list-group-item .hover_btn{width: calc(100% - 2em);margin-left: auto;}
#player .list-group-item .hover_btn>img{max-width: 3em;}
#player .list-group-item .hover_btn>img+*{width: 6em;}
#player .list-group-item .hover_btn>img+*+*,#player .list-title>span:nth-child(3){width: 50%; max-width: calc(100% - 15em);}
#player .list-group-item:hover{
    background-color: hsla(0,0%,100%,.1)!important;
}
.hover_btn{
    cursor: pointer;
    transition: all .25s ease-in-out;
    position: relative;
    color: inherit!important;
}
.hover_btn:before {
    transition: all .25s ease-in-out;
    position: absolute;
    content: '點歌去 \f101';
    font-family: "Font Awesome 6 Pro";
    font-weight: normal;
    text-shadow: 0.1em 0.1em 0.5em black;
    letter-spacing: 0.15em;
    font-size: 1.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 0%;
    height: 150%;
    top: -25%;
    left: -30%;
    font-weight: lighter;
    background: linear-gradient(to right,transparent 3em,#322049 calc(50% - 4em) ,#322049 50%,#231815 );
    background: linear-gradient(to right,transparent 3em,#231815 calc(50% - 4em) ,#231815 50%,#231815 );
    /*background: hsla(0,0%,100%,.1);*/
}
.hover_btn:hover:before{
    width: 150%;
    padding-left: 95%;
}
.hover_btn:after{
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    opacity: 0;
    z-index: 1;
}

.hover_btn:hover:after {
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
@keyframes shiny-btn1 {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    0% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    1% { transform: scale(4) rotate(45deg); opacity: 1; }
    20% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    1% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    20% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@media screen and (min-width:768px){
    #player{font-size: 1.5em; font-weight: lighter;}
}
/*-------------------------------------END- 區塊 a05 -----------------------------------------*/
/*-------------------------------------END- 區塊 a10 -----------------------------------------*/
/*----------------------------------------- 區塊 buttones -----------------------------------------*/
#buttones .hover-blue+.hover-blue:before{
    position: absolute;
    content: "";
    width: 1px;
    height: 1em;
    background: #fff;
    top: 0.5em;
    right: 101%;
}
/*-------------------------------------END- 區塊 buttones -----------------------------------------*/