@charset "UTF-8";
div img{    width: 100%;display: block; margin: auto;}
table{width: 100%;}
section{padding: 3em 1em}

#page {overflow: hidden;position: relative;}
#page article{max-width: 900px;margin: auto;}
/*-----------------------------------------按鈕-----------------------------------------*/
/*留單按鈕 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: inline-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;
}
.more_btn{
    background-color: #c1272d;
    color: white;
    padding: 0.5em 1em;
    min-width: 50%;
    margin: 0.75rem auto 1em;
    border-radius: 1em;
    border: 0.01em solid #c94248;
    border-image: url(../images/index-btn-border.png)100/2em round;
    border-image-outset: 0.25em;
    position: relative;
    box-shadow: 0.25em 0.5em 0.75em rgba(0,0,0,0.75);
}
.more_btn.r:before,.more_btn.l:before{
    position: absolute;
    content: "";
    width: 3em;
    height: 2em;
    right: calc(100% - 2.5em);
    bottom:calc(100% - 0.5em);
    background: url(../images/index-btn-icon-l.png)bottom center/contain no-repeat;
}
.more_btn.r:before{background-image: url(../images/index-btn-icon-r.png);right: -0.25em;}
.more_btn:hover,#btns .btn:hover{
    box-shadow: 0.25em 0.5em 0.75em black;
}

/*各班按鈕*/
.go_btn{
    display: inline-block;
    padding: 0.25em 0.5em;
    background: #c1272d;
    color:white;
    border-radius: 1em;
    padding: 0.25em 1em;
    margin: 0.5em;
    box-shadow: 0.125em 0.125em 0.5em rgba(0,0,0,0.75);
}
.go_btn:hover{
    box-shadow: 0 0 0.1em 0.1em #e8d922, 0.125em 0.125em 0.5em rgba(255,255,255,1);
}
/*底部滑動橫條*/
#bottom{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10000;
    text-align: center!important;
}
#goTop{position: fixed;bottom: 1em;right: 1em;width: 3em;height: 3em;padding: 0.5em;}

/*下方line@群組*/
#line-btns{padding: 0.5em 0;}
#line-btns a {
    font-weight: bolder;
    padding: 0.2em 0.5em;
    color: #5F5D5D;
    white-space: nowrap;
    border-radius: 0.25em;
}
#line-btns a.for{background-color: #004477;    color: #fff;}
#line-btns a:hover { background-color: #fff000;    color: black;}
#line-btns a{ background-color: #00C300;    color: #fff;}
#line-btns a:before{ content: "line";}
#line-btns a.for:before{ content: "";}

@media screen and (max-width:576px){
    #line-btns a {font-size: 0.75em;text-align:left;}
}
#askLine {
    color: #fff;
    background-color: #4CAF50;
    line-height: 1;
    position: fixed;
    top:40vh;    right: 0.5em;
    padding: 0.5em;
    border-radius: 1em 0;
}
/*nav 頂端目錄*/
#navbarDropdownLINE{
    width: 3.5em;
    height: 3.5em;
    font-size: 0.75em;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #bfffdc;
    color: darkgreen;
    border:none;
    text-shadow: 0 0 0.25em rgb(255 235 59 / 0.75), 0 0 0.5em rgb(255 235 59 / 0.75);
    background: url(../images/line-btn.png)center/contain no-repeat;
}
*[aria-labelledby="navbarDropdownLINE"]{
    right: 0;left: inherit;
}
/*頂端目錄 滑過效果*/
.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)}
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .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;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    position: relative;
    color: #fff;
    background: url(../images/index-03-title.png)center/100% no-repeat;
    text-shadow: 0 0 0.25em rgb(255 235 59 / 0.75), 0 0 0.5em rgb(255 235 59 / 0.75);
}
.navbar-dark .navbar-nav .nav-link:focus:before, .navbar-dark .navbar-nav .nav-link:hover:before{
    position: absolute;
    content: "";
    width: 100%;
    height:8px;
    bottom: -0.75em;
    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);
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff;
    background: url(../images/index-03-title.png)center/100% no-repeat;
    text-shadow: 0 0 0.25em rgb(255 235 59 / 0.75), 0 0 0.5em rgb(255 235 59 / 0.75);
}
/*-------------------------------------END-按鈕-----------------------------------------*/
/*-----------------------------------------顏色-----------------------------------------*/
/* Colors */
.amber,.hover-amber:hover{color:#000!important;background-color:#eaae4e!important}
.aqua,.hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.blue,.hover-blue:hover{color:#fff!important;background-color:#2b9ad8!important}
.light-blue,.hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.brown,.hover-brown:hover{color:#fff!important;background-color:#42210b!important}
.cyan,.hover-cyan:hover{color:#000!important;background-color:#00ffff!important}
.blue-grey,.hover-blue-grey:hover,.blue-gray,.hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.green,.hover-green:hover{color:#fff!important;background-color:#009245!important}
.light-green,.hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.indigo,.hover-indigo:hover{color:#fff!important;background-color:#1d4686!important}
.khaki,.hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.lime,.hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.orange,.hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.deep-orange,.hover-deep-orange:hover{color:#fff!important;background-color:#e04c3d!important}
.pink,.hover-pink:hover{color:#fff!important;background-color:#db4f58!important}
.purple,.hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.deep-purple,.hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.red,.hover-red:hover{color:#fff!important;background-color:#c1272d!important}
.sand,.hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.teal,.hover-teal:hover{color:#fff!important;background-color:#56bdab!important}
.yellow,.hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.white,.hover-white:hover{color:#000!important;background-color:#fff!important}
.black,.hover-black:hover{color:#fff!important;background-color:#231815!important}
.grey,.hover-grey:hover,.gray,.hover-gray:hover{color:#000!important;background-color:#bbb!important}
.light-grey,.hover-light-grey:hover,.light-gray,.hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.dark-grey,.hover-dark-grey:hover,.dark-gray,.hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.pale-red,.hover-pale-red:hover{color:#000!important;background-color:#f28270!important}
.pale-orange,.hover-pale-orange:hover{color:#000!important;background-color:#FCF2E9!important}
.pale-green,.hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.pale-yellow,.hover-pale-yellow:hover{color:#000!important;background-color:#efe4a0!important}
.pale-blue,.hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.text-red,.hover-text-red:hover{color:#c1272d!important}
.text-green,.hover-text-green:hover{color:#009245!important}
.text-blue,.hover-text-blue:hover{color:#2b9ad8!important}
.text-yellow,.hover-text-yellow:hover{color:#ffeb3b!important}
.text-white,.hover-text-white:hover{color:#fff!important}
.text-black,.hover-text-black:hover{color:#231815!important}
.text-grey,.hover-text-grey:hover,.text-gray,.hover-text-gray:hover{color:#757575!important}
.text-amber,.hover-text-amber:hover{color:#eaae4e!important}
.text-aqua,.hover-text-aqua:hover{color:#00ffff!important}
.text-light-blue,.hover-text-light-blue:hover{color:#87CEEB!important}
.text-brown,.hover-text-brown:hover{color:#42210b!important}
.text-cyan,.hover-text-cyan:hover{color:#00ffff!important}
.text-blue-grey,.text-blue-gray,.hover-text-blue-grey,.text-blue-gray:hover{color:#607d8b!important}
.text-light-green,.hover-text-light-green:hover{color:#8bc34a!important}
.text-indigo,.hover-text-indigo:hover{color:#1d4686!important}
.text-khaki,.hover-text-khaki:hover{color:#b4aa50!important}
.text-lime,.hover-text-lime:hover{color:#cddc39!important}
.text-orange,.hover-text-orange:hover{color:#ff9800!important}
.text-deep-orange,.hover-text-deep-orange:hover{color:#e04c3d!important}
.text-pink,.hover-text-pink:hover{color:#db4f58!important}
.text-pale-red,.hover-text-pale-red:hover{color:#f28270!important}
.text-pale-orange,.text-hover-pale-orange:hover{color:#FCF2E9!important}
.text-pale-green,.text-hover-pale-green:hover{color:#ddffdd!important}
.text-pale-yellow,.text-hover-pale-yellow:hover{color:#efe4a0!important}
.text-pale-blue,.text-hover-pale-blue:hover{color:#ddffff!important}

.text-purple,.hover-text-purple:hover{color:#9c27b0!important}
.text-deep-purple,.hover-text-deep-purple:hover{color:#673ab7!important}
.text-sand,.hover-text-sand:hover{color:#fdf5e6!important}
.text-teal,.hover-text-teal:hover{color:#56bdab!important}
.text-light-grey,.hover-text-light-grey:hover,.text-light-gray,.hover-text-light-gray:hover{color:#f1f1f1!important}
.text-dark-grey,.hover-text-dark-grey:hover,.text-dark-gray,.hover-text-dark-gray:hover{color:#3a3a3a!important}
.border-red,.hover-border-red:hover{border-color:#c1272d!important}
.border-green,.hover-border-green:hover{border-color:#009245!important}
.border-blue,.hover-border-blue:hover{border-color:#2b9ad8!important}
.border-yellow,.hover-border-yellow:hover{border-color:#ffeb3b!important}
.border-white,.hover-border-white:hover{border-color:#fff!important}
.border-black,.hover-border-black:hover{border-color:#231815!important}
.border-grey,.hover-border-grey:hover,.border-gray,.hover-border-gray:hover{border-color:#757575!important}
.border-amber{border-color:#eaae4e!important}
.border-aqua{border-color:#00ffff!important}
.border-light-blue{border-color:#87CEEB!important}
.border-brown{border-color:#42210b!important}
.border-cyan{border-color:#00ffff!important}
.border-blue-grey,.border-blue-gray{border-color:#607d8b!important}
.border-light-green{border-color:#8bc34a!important}
.border-indigo{border-color:#1d4686!important}
.border-khaki{border-color:#b4aa50!important}
.border-lime{border-color:#cddc39!important}
.border-orange{border-color:#ff9800!important}
.border-deep-orange{border-color:#e04c3d!important}
.border-pink{border-color:#db4f58!important}
.border-pale-red{border-color:#f28270!important}
.border-pale-orange,.border-hover-pale-orange:hover{border-color:#FCF2E9!important}
.border-pale-green,.border-hover-pale-green:hover{border-color:#ddffdd!important}
.border-pale-yellow,.border-hover-pale-yellow:hover{border-color:#efe4a0!important}
.border-pale-blue,.border-hover-pale-blue:hover{border-color:#ddffff!important}
.border-purple{border-color:#9c27b0!important}
.border-deep-purple{border-color:#673ab7!important}
.border-sand{border-color:#fdf5e6!important}
.border-teal{border-color:#56bdab!important}
.stroke-black{
    text-shadow: 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black, 0 0 0.125em black;
}
.stroke-white{
    text-shadow: 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white, 0 0 0.125em white;
}
.stroke-blue{
    text-shadow: 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087, 0 0 0.125em #1D2087;
}
.stroke-indigo{
    text-shadow: 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464, 0 0 0.125em #1b1464;
}
.stroke-cyan {
    text-shadow: 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2, 0 0 0.125em #31abe2;
}
.stroke-orange{
    text-shadow: 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B, 0 0 0.125em #FBB03B;
}
.stroke-yellow{
    text-shadow: 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100, 0 0 0.125em #fff100;
}
.round{border-radius: 0.5em;}
/*-------------------------------------END-顏色-----------------------------------------*/
#ban{background: url(../images/index-Ban-BG.png)right top 20em/50% no-repeat;}
#a01{background: url(../images/index-Ban-BG.png)right top -20em/50% no-repeat;}
#ban+*{background: url(../images/index-Ban-BG.png)right top -20em/50% no-repeat;}
#a02{background-color: #ffebe9;}
#a02-2{background: url(../images/index-02-2-BG.png)right -5em bottom -10em/50% no-repeat;}
#a02-3{background: url(../images/index-02-3-BG.png)center bottom -10em/150% no-repeat;}
#a03{background: url(../images/index-03-BG.png)center top 10em/100% no-repeat;background-color: #f28270;color: white;    background-attachment: fixed;}
#a04{background: url(../images/index-04-BG.png)right -10em center/50vh no-repeat;}
#a05{background: url(../images/index-04-BG.png)left -10em bottom/30vh no-repeat;}
#buttones{background: url(../images/index-bottom-bg.png)center top 5em/125% no-repeat;}
@media screen and (max-width:1140px){
#buttones{background: url(../images/index-bottom-bg.png)center bottom -5em/200% no-repeat;}
}
/*----------------------------------------- BAN區塊-----------------------------------------*/

#ban img[src="images/index-Ban-1.png"]{transform: scale(1.5);}
#ban .handbg{
    position: relative;
}
#ban .handbg:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 55%;
    left: 45%;
    background: url(../images/index-Ban-2.png)bottom left/contain no-repeat;
}
#btns .btn{
    background-color: #f28270;
    color: white;
    font-size: 1.5em;
    width: 100%;
    margin: 0.5em auto;
    border-radius: 0.75em;
    border: 0.01em solid #f38c7c;
    border-image: url(../images/index-ban-btns.png)100/1em round;
    border-image-outset: 0.25em;
    box-shadow: 0.25em 0.25em 0.5em rgba(0,0,0,0.75);
    position: relative;
}
/*-------------------------------------END-BAN區塊-----------------------------------------*/

/*----------------------------------------- 區塊a01 -----------------------------------------*/
#a01 .title{
    color: transparent;
    background: url(../images/index-01-title.png)left center/contain no-repeat;
    padding:1em 0;
}

/*-------------------------------------END- 區塊a01 -----------------------------------------*/
/*----------------------------------------- 區塊a02 -----------------------------------------*/
section#a02{padding-right: 0;padding-left: 0;}
#a02 .title{
    display: inline-block;
    font-size: 3em;
    min-width: 7em;
    background: url(../images/index-02-title-BG.png)center/90% 90% no-repeat;
    padding:1em 0;
    margin-top: 1em;
    color: white;
    text-shadow: 0 0 0.125em black, 0 0 0.25em black;
    position: relative;
}
#a02 .title .round-circle{
    position: absolute;
    display: inline-block;
    width: 8em;
    padding: 1.75em 0;
    top: -1em;
    left: calc(100% - 4em);
    background: url(../images/index-02-title2-BG.png)center/90% 90% no-repeat;
    text-shadow: 0 0 0.125em #c1272d, 0 0 0.25em rgb(255 235 59);
    font-size: 0.5em;
}
#a02 .title:before{
    position: absolute;
    content: "";
    width: 2em;
    height: 4em;
    background: url(../images/index-02-title-icon.png)bottom right/contain no-repeat;
    left: -0.5em;
    bottom: 0.5em;
}
#a02 article{
    padding:1em 1.5em;
    max-width: 800px;
}
#a02 .title2{
    border-radius: 0.75em;
    border: 0.01em solid #efe4a0;
    border-image: url(../images/index-02-2-2-title.png)100/1em round;
    border-image-outset: 0.25em;
    background-color: #efe4a0;
    position: relative;
}

/*考取心得*/
.experience{
    max-width: 750px;
    margin:2em auto;
}

.experience>*:nth-child(1){
    padding-left: 3rem;
    font-size: 3em;
    border-right: 0.01em dashed #c1272d;
    background: url(../images/index-02-1-2.png)center left/contain no-repeat;
}
.experience .girl{
    background-image: url(../images/index-02-2-2.png);
}
@media screen and (max-width:576px){
    .experience>*:nth-child(1){
        border:none;
    }
}
/*年度班*/
#a02-1-1 .img{
    padding: 5em 0 0;
    color: transparent;
    background: url(../images/index-02-1-1-1.png)center/contain no-repeat;
}
#a02-1-1 .img[title="專業師資"]{background-image: url(../images/index-02-1-1-2.png);}
#a02-1-1 .img[title="優秀輔考"]{background-image: url(../images/index-02-1-1-3.png);}
/*年度班*/
#a02-2-1 .tit{
    min-height: 2em;
    color: white;
    border-radius: 0.75em;
    border: 0.01em solid #f28270;
    border-image: url(../images/index-02-2-1-title.png)100/1em round;
    border-image-outset: 0.25em;
    background-color: #e85749;
    position: relative;
}
#a02-2-1>*:nth-child(1) .tit:before{
    position: absolute;
    content: "";
    width: 3em;
    height: 3em;
    background: url(../images/index-02-2-1-1.png)center/contain no-repeat;
    top:-1em;
    left: -0.25em;
}
#a02-2-1>*:nth-child(2) .tit:before{
    position: absolute;
    content: "";
    width: 3em;
    height: 3em;
    background: url(../images/index-02-2-1-2.png)center/contain no-repeat;
    top:-1em;
    left: -0.25em;
}
#a02-2-1 .rounded-circle,#a04 .img{
    padding: 0.25em;
    color: white;
    background-color: #534741;
    background: url(../images/index-04-badge.png)center/contain no-repeat;
}
/*考取班*/
#a02-3-1 .blue{
    color: white;
    border-radius: 0.75em;
    border: 0.01em solid #2b9ad8;
    border-image: url(../images/index-02-3-1-BG.png)125/2em round;
    border-image-outset: 0.25em;
    background-color: #2b9ad8;
    padding:1em;
    position: relative;
}
#a02-3-3 .title2{padding:0 2em;margin-right: -1em;}
#a02-3-3 .title2:before{
    position: absolute;
    content: "";
    width: 3em;
    height: 3em;
    background: url(../images/index-02-3-2.png)center/contain no-repeat;
    bottom:0em;
    left: -1em;
}

/*輪播控制*/
/*-------------------------------------END- 區塊a02 -----------------------------------------*/
/*----------------------------------------- 區塊a03 -----------------------------------------*/
#a03 .title{
    display: inline-block;
    min-width: 80%;
    background: url(../images/index-03-title.png)center/100% 100% no-repeat;
    padding:1em 0.5em;
    color: white;
    text-shadow: 0 0 0.125em black, 0 0 0.25em black;
    position: relative;
}
#a03 .title:before{
    position: absolute;
    content: "";
    width: 4em;
    height: 2em;
    background: url(../images/index-Ban-2.png)bottom right/contain no-repeat;
    right: -1.5em;
    top: 1em;
}
#a03 .border-bottom{
    border-bottom: 0.1em dashed #ffb6a8!important
}
/*-------------------------------------END- 區塊a03 -----------------------------------------*/

/*----------------------------------------- 區塊a04 -----------------------------------------*/
#a04 .title{
    background: url(../images/index-03-title.png)center/100% 100% no-repeat;
    padding:1em 0.25em;
    color: white;
    text-shadow: 0 0 0.125em black, 0 0 0.25em black;
    position: relative;
}
#a04 .title:before{
    display: inline-block;
    min-width: 80%;
    position: absolute;
    content: "";
    width: 4em;
    height: 3em;
    background: url(../images/index-04-title-icon.png)bottom center/contain no-repeat;
    right: 0.5em;
    top:-2em;
}
#a04 .word-keep{line-height: 1.5}
#a04 .t1{color: transparent;background: url(../images/index-04-t1.png)center/100% no-repeat;}
#a04 .t2{color: transparent;background: url(../images/index-04-t2.png)center/100% no-repeat;}
#a04 .t3{color: transparent;background: url(../images/index-04-t3.png)center/100% no-repeat;}
#a04 .t4{color: transparent;background: url(../images/index-04-t4.png)center/100% no-repeat;}
#a04 .round-circle{
    background: url(../images/index-04-bg-C.png)center/contain no-repeat;
    position: relative;
    min-height: 15em;
    padding: 4em 0.25em;
    margin-bottom: 5em;
}
#a04 .round-circle:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 10em;
    top: 10.5em;
    left: 0;
    background: url(../images/index-04-1.png)top center/contain no-repeat;
}
#a04 .round-circle[title="報名兩年班"]:after{background-image: url(../images/index-04-2.png);}
#a04 .round-circle[title="振興回饋"]:after{background-image: url(../images/index-04-3.png);}

/*-------------------------------------END- 區塊a04 -----------------------------------------*/
/*----------------------------------------- 區塊a05 -----------------------------------------*/
#a05 .title{
    display: inline-block;
    min-width: 60%;
    background: url(../images/index-05-title.png)center/100% 100% no-repeat;
    padding:1em 0.5em;
    color: white;
    text-shadow: 0 0 0.125em black, 0 0 0.25em black;
    position: relative;
}
#a05 .title:before{
    position: absolute;
    content: "";
    width: 6em;
    height: 4em;
    background: url(../images/index-05-title-icon.png)bottom right/contain no-repeat;
    right: calc(90% - 1.25em);
    top: -2.5em;
}
#a05 .round{border-radius: 2em;}
#a05 .border-right{min-width: 3.25em;}
/*-------------------------------------END- 區塊a05 -----------------------------------------*/
/*----------------------------------------- 區塊a06 -----------------------------------------*/

/*-------------------------------------END- 區塊a06 -----------------------------------------*/
/*----------------------------------------- 區塊a07 -----------------------------------------*/

/*-------------------------------------END- 區塊a07 -----------------------------------------*/
/*----------------------------------------- 區塊buttones -----------------------------------------*/
#buttones{padding-bottom: 15vh;}
#buttones .title.round{
    display: inline-block;
    background-color: #ffebe7;
    color: white;
    padding: 0.5em 1em;
    min-width: 50%;
    margin: 0.75rem auto 1.5em;
    border-radius: 1em;
    border: 0.01em solid;
    border-image: url(../images/index-bottom-title.png)100/2em round;
    border-image-outset: 0.25em;
    position: relative;
}
#buttones .title .word-keep:first-child{color: transparent;background: url(../images/index-bottom-title-1.png)center/contain no-repeat;}
#buttones .title .word-keep:last-child{color: transparent;background: url(../images/index-bottom-title-2.png)center/contain no-repeat;}

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