@charset "UTF-8";
div img{    width: 100%;display: block; margin: auto;}
table{width: 100%;}
a,a *{transition: all .15s ease-in-out;color: inherit;}
#page {overflow: hidden;position: relative;}
#page section{padding: 0em;}
#page section[id^="a"]{padding-top: 5em}
#page article{max-width: 900px;margin:auto;}
/*隱藏姓名*/
.Vname{position: relative;color: transparent;width: 1em;}
.Vname:before{
position: absolute;
content: "○";
left: 0;
color: initial;
visibility: visible;
}
.rounded-2xs{border-radius: 0.5em;}
.rounded-xs{border-radius: 0.8em;}
.rounded-1x{border-radius: 1em;}
.rounded-2x{border-radius: 1.5em;}
.rounded-3x{border-radius: 3em;}
.rounded-4x{border-radius: 4em;}
/*-----------------------------------------按鈕-----------------------------------------*/
/*留單按鈕 OR 前往各班按鈕*/
.go_btn,.more_btn,#askLine{
    -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;
}
/*各班按鈕*/
.more_btn,#btns .btn{
    color: black;
    border-radius: 0.5em;
    border:0.125em solid;
    background: #86bc42;
    box-shadow: 0.25em 0.25em 0.5em, inset 0 0 0 0.175em #86bc42, inset -0.25em 0.25em 0 0.25em #658D32;
    padding: 0.5em 1em;
    margin: 1em auto 2em;
}
.more_btn:hover,.go_btn:hover,#btns .btn:hover{
    transform: scale(1.25);
    filter: drop-shadow(0 0 0.25rem orange);
}
.go_btn{
    line-height: 1;
    background: #F0AA3E;
    color: #000;
    margin: 1rem;
    border: 0.25rem solid;
    border-radius: 2em;
    padding: 0.25em;
    min-width: 7em;
    box-shadow: 0.25rem 0.25rem rgb(0 0 0 / 40%);
}
.more_btn:hover,.go_btn:hover,#btns .btn:hover{
    transform: translate(0.25em,0.25em)scale(0.95);
    box-shadow: 0rem 0rem 0 0.125em rgb(0 0 0 / 40%);
    filter: drop-shadow(0 0 0.25rem orange);
}

/*底部滑動橫條*/
#goTop{position: fixed;bottom: 1em;right: 1em;width: 3em;height: 3em;padding: 0.5em;}
/*3倍券按鈕*/
#SP{
    position: fixed;bottom: 5em;right: 1em;width: 4em;height: 6em;
    background: url(../images/cupon.png)right center/contain no-repeat;
    transition: all .1s ease-in-out;
}
#SP:hover{
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}

/*頂端目錄 滑過效果*/
.navbar .red{
    border: 0.01em solid #c94248;
    border-image: url(../images/index-btn-border.png)100/2em round;
    border-image-outset: 0.25em;
}
/*.navbar>.container{width: calc(100% - 4em)}*/
.nav-link {
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    opacity: 1;
    color: white;
    font-weight: 400;
    text-shadow:0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0em 0em 0.125em #335674,0.125em 0.125em 0.25em #335674,0.125em 0.125em 0.25em #335674,0.125em 0.125em 0.25em #335674,0.125em 0.125em 0.25em #335674,0.125em 0.125em 0.25em #335674,0.125em 0.125em 0.25em #335674,0.125em 0.125em 0.25em #335674,0.125em 0.125em 0.25em #335674,0.125em 0.125em 0.25em #335674,0.125em 0.125em 0.25em #335674,0.125em 0.125em 0.25em #335674,0.125em 0.125em 0.25em #335674;
}
.nav-link:focus, .nav-link:hover,.active>.nav-link, .nav-link.active, .nav-link.show, .show>.nav-link {
    position: relative;
    color: #fff;
    text-shadow:0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0em 0em 0.125em #C30D23,0.125em 0.125em 0.25em #C30D23,0.125em 0.125em 0.25em #C30D23,0.125em 0.125em 0.25em #C30D23,0.125em 0.125em 0.25em #C30D23,0.125em 0.125em 0.25em #C30D23,0.125em 0.125em 0.25em #C30D23,0.125em 0.125em 0.25em #C30D23,0.125em 0.125em 0.25em #C30D23,0.125em 0.125em 0.25em #C30D23,0.125em 0.125em 0.25em #C30D23,0.125em 0.125em 0.25em #C30D23,0.125em 0.125em 0.25em #C30D23;
}
.nav-link:focus:before, .nav-link:hover:before{
    position: absolute;
    content: "";
    width: 100%;
    height:8px;
    bottom: 0em;
    left: 0;
    border-bottom: 0.25em solid #fff;
    text-shadow: 0 0 0.25em rgb(255 235 59 / 0.75), 0 0 0.5em rgb(255 235 59 / 0.75);
}
/*nav 頂端目錄*/
#navbarDropdownLINE{
    width: 3.5em;
    height: 3.5em;
    font-size: 0.75em;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border:none;
    background: url(https://www.paochen.com.tw/event/activity-20200904/images/icon_line.png)center/contain no-repeat;
    background-color: #bfffdc;
    color: rgba(255,255,255,0.1);
    text-shadow: inherit;
    position: absolute;
    top: -2.75em;
    right: 0.25em;
}
*[aria-labelledby="navbarDropdownLINE"]{
    right: 0;left: inherit;
}
/*-------------------------------------END-按鈕-----------------------------------------*/
/*-----------------------------------------顏色-----------------------------------------*/
/* Colors */
.amber,.hover-amber:hover{color:#000/*!important*/;background-color:#eaae4e/*!important*/}
.aqua,.hover-aqua:hover{color:#000/*!important*/;background-color:#00ffff/*!important*/}
.black,.hover-black:hover{color:#fff/*!important*/;background-color:#231815/*!important*/}
.blue,.hover-blue:hover{color:#fff/*!important*/;background-color:#2b9ad8/*!important*/}
.blue-grey,.hover-blue-grey:hover,.blue-gray,.hover-blue-gray:hover{color:#fff/*!important*/;background-color:#607d8b/*!important*/}
.brown,.hover-brown:hover{color:#fff/*!important*/;background-color:#42210b/*!important*/}
.cyan,.hover-cyan:hover{color:#000/*!important*/;background-color:#00ffff/*!important*/}
.dark-grey,.hover-dark-grey:hover,.dark-gray,.hover-dark-gray:hover{color:#fff/*!important*/;background-color:#616161/*!important*/}
.deep-orange,.hover-deep-orange:hover{color:#fff/*!important*/;background-color:#e04c3d/*!important*/}
.deep-purple,.hover-deep-purple:hover{color:#fff/*!important*/;background-color:#941D5B/*!important*/}
.green,.hover-green:hover{color:#fff/*!important*/;background-color:#009245/*!important*/}
.grey,.hover-grey:hover,.gray,.hover-gray:hover{color:#000/*!important*/;background-color:#bbb/*!important*/}
.indigo,.hover-indigo:hover{color:#fff/*!important*/;background-color:#335674/*!important*/}
.khaki,.hover-khaki:hover{color:#000/*!important*/;background-color:#f0e68c/*!important*/}
.light-blue,.hover-light-blue:hover{color:#000/*!important*/;background-color:#87CEEB/*!important*/}
.light-green,.hover-light-green:hover{color:#000/*!important*/;background-color:#83B445/*!important*/}
.light-grey,.hover-light-grey:hover,.light-gray,.hover-light-gray:hover{color:#000/*!important*/;background-color:#f1f1f1/*!important*/}
.lime,.hover-lime:hover{color:#000/*!important*/;background-color:#cddc39/*!important*/}
.orange,.hover-orange:hover{color:#fff/*!important*/;background-color:#EC8E26/*!important*/}
.pale-blue,.hover-pale-blue:hover{color:#000/*!important*/;background-color:#D9E1E8/*!important*/}
.pale-green,.hover-pale-green:hover{color:#000/*!important*/;background-color:#ddffdd/*!important*/}
.pale-orange,.hover-pale-orange:hover{color:#000/*!important*/;background-color:#FCF2E9/*!important*/}
.pale-red,.hover-pale-red:hover{color:#000/*!important*/;background-color:#f28270/*!important*/}
.pale-yellow,.hover-pale-yellow:hover{color:#000/*!important*/;background-color:#efe4a0/*!important*/}
.pink,.hover-pink:hover{color:#fff/*!important*/;background-color:#db4f58/*!important*/}
.purple,.hover-purple:hover{color:#fff/*!important*/;background-color:#9c27b0/*!important*/}
.red,.hover-red:hover{color:#fff/*!important*/;background-color:#C30D23/*!important*/}
.sand,.hover-sand:hover{color:#000/*!important*/;background-color:#fdf5e6/*!important*/}
.teal,.hover-teal:hover{color:#fff/*!important*/;background-color:#56bdab/*!important*/}
.white,.hover-white:hover{color:#000/*!important*/;background-color:#fff/*!important*/}
.yellow,.hover-yellow:hover{color:#000/*!important*/;background-color:#ffeb3b/*!important*/}

.text-amber,.hover-text-amber:hover{color:#eaae4e/*!important*/}
.text-aqua,.hover-text-aqua:hover{color:#00ffff/*!important*/}
.text-black,.hover-text-black:hover{color:#231815/*!important*/}
.text-blue,.hover-text-blue:hover{color:#2b9ad8/*!important*/}
.text-blue-grey,.text-blue-gray,.hover-text-blue-grey,.text-blue-gray:hover{color:#607d8b/*!important*/}
.text-brown,.hover-text-brown:hover{color:#42210b/*!important*/}
.text-cyan,.hover-text-cyan:hover{color:#00ffff/*!important*/}
.text-dark-grey,.hover-text-dark-grey:hover,.text-dark-gray,.hover-text-dark-gray:hover{color:#3a3a3a/*!important*/}
.text-deep-orange,.hover-text-deep-orange:hover{color:#e04c3d/*!important*/}
.text-deep-purple,.hover-text-deep-purple:hover{color:#941D5B/*!important*/}
.text-green,.hover-text-green:hover{color:#009245/*!important*/}
.text-grey,.hover-text-grey:hover,.text-gray,.hover-text-gray:hover{color:#757575/*!important*/}
.text-indigo,.hover-text-indigo:hover{color:#335674/*!important*/}
.text-khaki,.hover-text-khaki:hover{color:#b4aa50/*!important*/}
.text-light-blue,.hover-text-light-blue:hover{color:#87CEEB/*!important*/}
.text-light-green,.hover-text-light-green:hover{color:#83B445/*!important*/}
.text-light-grey,.hover-text-light-grey:hover,.text-light-gray,.hover-text-light-gray:hover{color:#f1f1f1/*!important*/}
.text-lime,.hover-text-lime:hover{color:#cddc39/*!important*/}
.text-orange,.hover-text-orange:hover{color:#EC8E26/*!important*/}
.text-pale-blue,.text-hover-pale-blue:hover{color:#D9E1E8/*!important*/}
.text-pale-green,.text-hover-pale-green:hover{color:#ddffdd/*!important*/}
.text-pale-orange,.text-hover-pale-orange:hover{color:#FCF2E9/*!important*/}
.text-pale-red,.hover-text-pale-red:hover{color:#f28270/*!important*/}
.text-pale-yellow,.text-hover-pale-yellow:hover{color:#efe4a0/*!important*/}
.text-pink,.hover-text-pink:hover{color:#db4f58/*!important*/}
.text-purple,.hover-text-purple:hover{color:#9c27b0/*!important*/}
.text-red,.hover-text-red:hover{color:#C30D23/*!important*/}
.text-sand,.hover-text-sand:hover{color:#fdf5e6/*!important*/}
.text-teal,.hover-text-teal:hover{color:#56bdab/*!important*/}
.text-white,.hover-text-white:hover{color:#fff/*!important*/}
.text-yellow,.hover-text-yellow:hover{color:#ffeb3b/*!important*/}

.border-amber{border-color:#eaae4e!important}
.border-aqua{border-color:#00ffff!important}
.border-black,.hover-border-black:hover{border-color:#231815!important}
.border-blue,.hover-border-blue:hover{border-color:#2b9ad8!important}
.border-blue-grey,.border-blue-gray{border-color:#607d8b!important}
.border-brown{border-color:#42210b!important}
.border-cyan{border-color:#00ffff!important}
.border-deep-orange{border-color:#e04c3d!important}
.border-deep-purple{border-color:#941D5B!important}
.border-green,.hover-border-green:hover{border-color:#009245!important}
.border-grey,.hover-border-grey:hover,.border-gray,.hover-border-gray:hover{border-color:#757575!important}
.border-indigo{border-color:#335674!important}
.border-khaki{border-color:#b4aa50!important}
.border-light-blue{border-color:#87CEEB!important}
.border-light-green{border-color:#83B445!important}
.border-lime{border-color:#cddc39!important}
.border-orange{border-color:#EC8E26!important}
.border-pale-blue,.border-hover-pale-blue:hover{border-color:#D9E1E8!important}
.border-pale-green,.border-hover-pale-green:hover{border-color:#ddffdd!important}
.border-pale-orange,.border-hover-pale-orange:hover{border-color:#FCF2E9!important}
.border-pale-red{border-color:#f28270!important}
.border-pale-yellow,.border-hover-pale-yellow:hover{border-color:#efe4a0!important}
.border-pink{border-color:#db4f58!important}
.border-purple{border-color:#9c27b0!important}
.border-red,.hover-border-red:hover{border-color:#C30D23!important}
.border-sand{border-color:#fdf5e6!important}
.border-teal{border-color:#56bdab!important}
.border-white,.hover-border-white:hover{border-color:#fff!important}
.border-yellow,.hover-border-yellow:hover{border-color:#ffeb3b!important}

.stroke-amber{text-shadow:0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E,0 0 0.125em #FFBE2E}
.stroke-aqua{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,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff}
.stroke-black,.hover-border-black:hover{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,0 0 0.125em #000,0 0 0.125em #000,0 0 0.125em #000}
.stroke-blue,.hover-border-blue:hover{text-shadow:0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba,0 0 0.125em #0055ba}
.stroke-blue-grey,.stroke-blue-gray{text-shadow:0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b,0 0 0.125em #607d8b}
.stroke-brown{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,0 0 0.125em #42210b,0 0 0.125em #42210b,0 0 0.125em #42210b}
.stroke-cyan{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,0 0 0.125em #00ffff,0 0 0.125em #00ffff,0 0 0.125em #00ffff}
.stroke-deep-orange{text-shadow:0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c,0 0 0.125em #e6651c}
.stroke-deep-purple{text-shadow:0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B,0 0 0.125em #941D5B}
.stroke-green,.hover-border-green:hover{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,0 0 0.125em #009245,0 0 0.125em #009245,0 0 0.125em #009245}
.stroke-grey,.hover-border-grey:hover,.stroke-gray,.hover-border-gray:hover{text-shadow:0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575,0 0 0.125em #757575}
.stroke-indigo{text-shadow:0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674,0 0 0.125em #335674}
.stroke-khaki{text-shadow:0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50,0 0 0.125em #b4aa50}
.stroke-lavender{text-shadow:0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7,0 0 0.125em #747FB7}
.stroke-light-blue{text-shadow:0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB,0 0 0.125em #87CEEB}
.stroke-light-green{text-shadow:0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445,0 0 0.125em #83B445}
.stroke-lime{text-shadow:0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165,0 0 0.125em #A3D165}
.stroke-orange{text-shadow:0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26,0 0 0.125em #EC8E26}
.stroke-pink{text-shadow:0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63,0 0 0.125em #e91e63}
.stroke-purple{text-shadow:0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0,0 0 0.125em #9c27b0}
.stroke-red,.hover-border-red:hover{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,0 0 0.125em #C30D23,0 0 0.125em #C30D23,0 0 0.125em #C30D23}
.stroke-sand{text-shadow:0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6,0 0 0.125em #fdf5e6}
.stroke-teal{text-shadow:0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688,0 0 0.125em #009688}
.stroke-white,.hover-border-white:hover{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,0 0 0.125em #fff,0 0 0.125em #fff,0 0 0.125em #fff}
.stroke-yellow,.hover-border-yellow:hover{text-shadow:0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b,0 0 0.125em #ffeb3b}
.text-shadow{text-shadow: 0 -0.1em 0.125em #000}
/*-------------------------------------END-顏色-----------------------------------------*/
body{background-color: #F9F5AD;}
#ban {
    padding-top: 3em!important;
    background: -webkit-linear-gradient(bottom, #F9F5AD 35%, rgba(0, 0, 0, 0) 0%), url(../images/index-ban_bg.png)top center/contain repeat-x;
    background: -o-linear-gradient(bottom, #F9F5AD 35%, rgba(0, 0, 0, 0) 0%), url(../images/index-ban_bg.png)top center/contain repeat-x;
    background: linear-gradient(to top, #F9F5AD 35%, rgba(0, 0, 0, 0) 0%), url(../images/index-ban_bg.png)top center/contain repeat-x;
}
footer,#buttones{background-color: #71C6D4;}

/*----------------------------------------- BAN區塊-----------------------------------------*/
.nav-link{
    display: flex;
    padding: 0.25em 0.75em 0.25em 1.5em;
    padding-left: 1.5em!important;
    background: url(../images/index-icon_g.png)center left/1em no-repeat;
}
.nav-item:nth-child(2) .nav-link{background-image: url(../images/index-icon_b.png);}
.nav-item:nth-child(3) .nav-link{background-image: url(../images/index-icon_r.png);}
.nav-item:nth-child(4) .nav-link{background-image: url(../images/index-icon_br.png);}
#btns .btn{margin:0.125rem 0.25rem;}

/*-------------------------------------END-BAN區塊-----------------------------------------*/
/*----------------------------------------- 區塊a01 -----------------------------------------*/
#a01 .btns{padding: 3em 0}
#a01 a>*{
    width: 12em;
    height: 15em;
    margin: 0.5em 0.25em;
    padding: 1.5em 0;
    border:0.25em solid white;
    background: url(../images/index-01-1.png)top 5em center/80% no-repeat,#CFD62F;
    transform: scale(1.1)skew(-5deg);
    filter: drop-shadow(0.5em 0.5em 0 rgba(0,0,0,0.5));
}
#a01 a:nth-child(even)>*{transform: translateY(2em)scale(1.1)skew(-5deg); }
#a01 a:nth-child(2)>*{background-image: url(../images/index-01-2.png);background-color: #9FDFED}
#a01 a:nth-child(3)>*{background-image: url(../images/index-01-3.png);background-color: #FEEC99}
#a01 a:nth-child(4)>*{
    background: url(../images/index-01-4.png)top 1em left/15em no-repeat, radial-gradient(circle, #B7282C 98%, black 100%), #B7282C;
    position: relative;
}
#a01 a:nth-child(4) .img{
    position: absolute;
    display: inline-block;
    width: 100%;
    padding: 1em;
    color: rgba(255,255,255,0.1);
    background: url(../images/index-01-4-title.png)center/contain no-repeat;
    transform: rotate(-3deg);
    top: -1em;
    left: 0;
}
#a01 a:hover>*{
    transform: scale(1.2)skew(-5deg)translate(-1em);
    filter: drop-shadow(0 0 0.25rem orange);
}
@media screen and (max-width:576px){
#a01 a>*{font-size: 1.1em;}
}

/*-------------------------------------END- 區塊a01 -----------------------------------------*/
/*----------------------------------------- 區塊a02 -----------------------------------------*/
#a02 .title{
    background: url(../images/index-02-BG.png)top center/contain repeat-x;
}
#a02 .title2{
    padding-left: calc(50% - 8em);
    background: url(../images/index-02-title.png)left top/contain no-repeat;
}
#a02 span.badge {
    width: 75%;
    min-width: 2em;
    white-space: pre-wrap;
    border-radius: 0.4em;
    font-size: 0.9em;
    padding: 0.7em 0.5em;
}
a[title="試閱-狀元大密技"]{
    max-width: 10em;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    position: relative;
}
a[title="試閱-狀元大密技"]:hover{
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
a[title="試閱-狀元大密技"] img{
    -webkit-filter: drop-shadow(0.25em 0.25em black);
    -o-filter: drop-shadow(0.25em 0.25em black);
    filter: drop-shadow(0.25em 0.25em black);
}
a[title="試閱-狀元大密技"] .rounded-circle.red {
    width: 4.5em;
    height: 4.5em;
    padding: 0.5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    opacity: 0.9;
    cursor: pointer;
    position: absolute;
    right: -1em;
    bottom: -1em;
}
@media screen and (max-width:576px){
a[title="試閱-狀元大密技"] .rounded-circle.red {font-size: 1.1em}
}
/*-------------------------------------END- 區塊a02 -----------------------------------------*/
/*----------------------------------------- 區塊a03 -----------------------------------------*/
#a03 article{
    background: url(../images/index-03-BG1.png)top center/100% no-repeat, url(../images/index-03-BG2.png)top center/calc(100% - 5em) no-repeat,linear-gradient(to top, #EEE93A 100%, rgba(0, 0, 0, 0) 0%)top center/calc(100% - 1.5em) no-repeat;
    padding: 2em;
    margin-top: -2em;
}
#a03 .title span{display: inline-block;padding: 0.5em 0.5em 1em;margin-bottom: -0.5em;color: transparent;}
#a03 .title .t1{background: url(../images/index-03-t1.png)center/contain no-repeat;}
#a03 .title .t2{background: url(../images/index-03-t2.png)center/contain no-repeat;}
#a03 .title .t3{background: url(../images/index-03-t3.png)center/contain no-repeat;}
#a03 .title .t4{position: relative;font-size: 1.5em;padding: 0 0.5em;}
#a03 .title .t4:before{position: absolute;content: "";width: 1.5em; height: 2.5em; top: -0.75em; right: -0.1em;background: url(../images/index-03-title.png)center/contain no-repeat;}
#a03 .title .t5{background: url(../images/index-03-t5.png)center/contain no-repeat;}

#a03 .light-green{
    position: relative;
    border: 0.25em solid;
    margin: 4em 0.25em 0.25em;
    padding: 1em 0;
    min-width: 12em;
    width: 40%;
}
#a03 .light-green:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 4em;
    top:-3.5em;
    left: 0;
    background: url(../images/index-03-1.png)center/contain no-repeat;
}
#a03 .light-green:nth-child(1):before{background-image: url(../images/index-03-1.png);}
#a03 .light-green:nth-child(2):before{background-image: url(../images/index-03-2.png);}
#a03 .light-green:nth-child(3):before{background-image: url(../images/index-03-3.png);}
#a03 .light-green a{
    height: calc(50% - 1em);
    max-height: 5.5em;
    margin:1em;
    color: white;
    background: #E45826;
    border-radius: 1em;
    box-shadow: 0 0 0 0.125em #fff, 0 0 0.25em 0.25em #B7282C,0.25em 0.25em 0.5em, inset 0 0 0 0.25em #E45826, inset -0.25em 0.25em 0 0.5em #B7282C;
}
#a03 .light-green a:hover{
    transform: translateY(0.5em);
    box-shadow: 0 0 0 0.125em #fff, 0 0 0em 0.4em #B7282C,0.25em 0.25em 0.5em, inset 0 0 0 0.25em #E45826, inset -0em 0em 0 0.5em #B7282C;
}

#a03 li{
    list-style: none;
    padding-left: 4em;
    background: url(../images/index-icon_r.png)center left/3.5em no-repeat;
    margin:1em 0;
}
#a03 li:nth-child(2) {background-image: url(../images/index-icon_b.png);}
/*-------------------------------------END- 區塊a03 -----------------------------------------*/
/*----------------------------------------- 區塊a04 -----------------------------------------*/
#a04 {
    background: url(../images/index-04-BG.png)top 5em center/35em repeat-x,url(../images/index-04-BG2.png)bottom center/35em repeat-x;
    padding: 2em 0;
}
#a04 .title span,#a04 .title2{display: inline-block;padding: 0.5em 0.5em 1em;margin-bottom: -0.5em;color: transparent;}
#a04 .title .t1{background: url(../images/index-04-title-t1.png)center/contain no-repeat;}
#a04 .title .t2{background: url(../images/index-04-title-t2.png)center/contain no-repeat;}
#a04 .title2{transform: scale(1.5);}
#a04 .title2 .t1{background: url(../images/index-04-title2-t1.png)center/contain no-repeat;}
#a04 .title2 .t2{background: url(../images/index-04-title2-t2.png)center/contain no-repeat;padding: 0.25em 0;}
#a04 .title .img{
    display: inline-block;
    vertical-align: middle;
    width: 4em;
    height: 5em;
    background: url(../images/index-04-title.png)center/contain no-repeat;
}
/*影片*/
#viedo{
    max-width: 750px;
    border:0.75em solid blue;
    border-image: url(../images/index-04-1-1.png)60 60 200 60/1.5em/0em round;
    /*background: url(../images/index-04-1-1.png)top center/100% no-repeat;*/
    padding: 1em 1em 7em;
    margin: 1em auto -7em;
}
/*心得*/
#experience .carousel-inner{
    overflow: inherit;
    background: white;
    border:0.75em solid blue;
    border-image: url(../images/index-experience-border.png)75 fill/1.5em/1em round;
}
#experience .red{
    display: inline-block;
    padding: 0.5em 1em;
    border:0.25em solid black;
    position: relative;
}
#experience .red:after{
    position: absolute;
    content: "";
    width: 5em;
    height: 5em;
    top:-4em;
    left:-4.25em;
    background: url(../images/index-experience-icon.png)right bottom/contain no-repeat;
}
/*-------------------------------------END- 區塊a04 -----------------------------------------*/
/*----------------------------------------- 區塊a05 -----------------------------------------*/
#a05 article{
    background: url(../images/index-05-BG.png)bottom center/100% 100% no-repeat,#3B0103;
    color: white;
    margin:1.5em auto;
    border:0.75em solid blue;
    border-image: url(../images/index-05-border.png)75/1.5em/1em round;
}
#a05 .text-yellow{text-shadow: 0.1em 0.1em 0.1em black, 0.1em 0.1em 0.1em black, 0.1em 0.1em 0.1em black}

#a05 .rounded-circle{
    border:0.125em solid;
    width: 5em;
    height: 5em;
    margin:0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 900;
}
#a05 .border{
    display: inline-block;
    background: rgba(0,0,0,0.3);
    padding: 1em 0.5em;
    min-width: 65%;
    margin: 1em;
    border-width: 0.25em!important;
}
#a05 .border.font3 *{line-height: 1;font-weight: 900;}
#a05 img[title*="3倍券變5倍券"]{
    margin-bottom: -0.5em;
}
/*-------------------------------------END- 區塊a05 -----------------------------------------*/
/*----------------------------------------- 區塊buttones -----------------------------------------*/
/*-------------------------------------END- 區塊buttones -----------------------------------------*/