.elementor-22 .elementor-element.elementor-element-6eb78cd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-3c3598b{--display:flex;--min-height:550px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:84px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-167b688{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-8d47034{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-8d47034.e-con{--align-self:center;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-39b2eb4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-39b2eb4.elementor-element{--align-self:center;}.elementor-22 .elementor-element.elementor-element-39b2eb4{text-align:center;}.elementor-22 .elementor-element.elementor-element-39b2eb4 .elementor-heading-title{font-family:"Noto Sans TC", Sans-serif;font-size:20px;font-weight:700;letter-spacing:2px;color:#2F5483;}.elementor-22 .elementor-element.elementor-element-7f949b9 > .elementor-widget-container{margin:-12px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-7f949b9{text-align:center;}.elementor-22 .elementor-element.elementor-element-7f949b9 .elementor-heading-title{font-family:"Noto Sans TC", Sans-serif;font-size:50px;font-weight:700;line-height:74px;letter-spacing:5px;color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-99c013b{--display:flex;}.elementor-22 .elementor-element.elementor-element-2b92199{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;}.elementor-22 .elementor-element.elementor-element-368c330{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-22 .elementor-element.elementor-element-368c330 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-368c330 .elementor-heading-title{font-family:"Noto Sans TC", Sans-serif;font-size:35px;font-weight:500;line-height:52px;letter-spacing:3.5px;color:var( --e-global-color-secondary );}.elementor-widget-search-form input[type="search"].elementor-search-form__input{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-search-form .elementor-search-form__input,
					.elementor-widget-search-form .elementor-search-form__icon,
					.elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button,
					.elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button:hover,
					.elementor-widget-search-form.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-search-form .elementor-search-form__submit{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );background-color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-6d9ae4e{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-22 .elementor-element.elementor-element-6d9ae4e > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-22 .elementor-element.elementor-element-6d9ae4e .elementor-search-form__container{min-height:30px;}.elementor-22 .elementor-element.elementor-element-6d9ae4e .elementor-search-form__submit{min-width:30px;}body:not(.rtl) .elementor-22 .elementor-element.elementor-element-6d9ae4e .elementor-search-form__icon{padding-left:calc(30px / 3);}body.rtl .elementor-22 .elementor-element.elementor-element-6d9ae4e .elementor-search-form__icon{padding-right:calc(30px / 3);}.elementor-22 .elementor-element.elementor-element-6d9ae4e .elementor-search-form__input, .elementor-22 .elementor-element.elementor-element-6d9ae4e.elementor-search-form--button-type-text .elementor-search-form__submit{padding-left:calc(30px / 3);padding-right:calc(30px / 3);}.elementor-22 .elementor-element.elementor-element-6d9ae4e:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{border-radius:3px;}.elementor-22 .elementor-element.elementor-element-6d9ae4e.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{border-radius:3px;}.elementor-widget-pp-posts .pp-post-terms{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-pp-posts .pp-post-title, .elementor-widget-pp-posts .pp-post-title a{color:var( --e-global-color-secondary );}.elementor-widget-pp-posts .pp-post-title a:hover{color:var( --e-global-color-secondary );}.elementor-widget-pp-posts .pp-post-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-pp-posts .pp-post-excerpt{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-pp-posts .pp-post-meta, .elementor-widget-pp-posts .pp-post-meta a{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-pp-posts .pp-posts-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-pp-posts .pp-posts-pagination .page-numbers, .elementor-widget-pp-posts .pp-posts-pagination a{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-22 .elementor-element.elementor-element-4355183 .pp-post-filters{justify-content:flex-start;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-posts-container .pp-post-thumbnail-wrap{padding-bottom:calc( 0.69 * 100% );}.elementor-22 .elementor-element.elementor-element-4355183 .pp-post-meta .pp-meta-separator:not(:last-child):after{content:"-";}.elementor-22 .elementor-element.elementor-element-4355183 .pp-posts-pagination-wrap{text-align:center;}.elementor-22 .elementor-element.elementor-element-4355183{--grid-column-gap:25px;--grid-row-gap:25px;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-posts:not(.elementor-grid){margin-left:-25px;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-posts:not(.elementor-grid) .pp-post-wrap{padding-left:25px;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-elementor-grid .pp-grid-item-wrap{margin-bottom:25px;}body:not(.rtl) .elementor-22 .elementor-element.elementor-element-4355183 .pp-post-filters .pp-post-filter{margin-right:5px;}body.rtl .elementor-22 .elementor-element.elementor-element-4355183 .pp-post-filters .pp-post-filter{margin-left:5px;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-post-filters .pp-post-filter{margin-bottom:5px;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-post-filter, .elementor-22 .elementor-element.elementor-element-4355183 .pp-post-filters-dropdown-button, .elementor-22 .elementor-element.elementor-element-4355183 .pp-post-filters-dropdown-item{color:#3E99B6;background-color:#3E99B600;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-post-filter.pp-filter-current, .elementor-22 .elementor-element.elementor-element-4355183 .pp-post-filters-dropdown-item.pp-filter-current{color:#FFFFFF;background-color:#3E99B6;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-post-filter:hover, .elementor-22 .elementor-element.elementor-element-4355183 .pp-post-filters-dropdown-item:hover{color:#FFFFFF;background-color:#3E99B6;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-post-thumbnail{margin-bottom:20px;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-post-title{margin-bottom:10px;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-post-excerpt{margin-bottom:20px;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-post-meta .pp-meta-separator:not(:last-child){margin-left:calc(5px / 2);margin-right:calc(5px / 2);}.elementor-22 .elementor-element.elementor-element-4355183 .pp-post-meta{margin-bottom:20px;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-posts-button{background-color:#3E99B6;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-posts-pagination-top .pp-posts-pagination{margin-bottom:61px;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-posts-pagination-bottom .pp-posts-pagination{margin-top:61px;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-posts-pagination .page-numbers, .elementor-22 .elementor-element.elementor-element-4355183 .pp-posts-pagination a{font-family:"Roboto Slab", Sans-serif;font-size:20px;font-weight:400;color:#8F8F8F;}.elementor-22 .elementor-element.elementor-element-4355183 .pp-posts-pagination .page-numbers.current{color:#000000;}body:not(.rtl) .elementor-22 .elementor-element.elementor-element-4355183 .pp-posts-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-22 .elementor-element.elementor-element-4355183 .pp-posts-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-22 .elementor-element.elementor-element-4355183 .pp-posts-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-22 .elementor-element.elementor-element-4355183 .pp-posts-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}body.elementor-page-22:not(.elementor-motion-effects-element-type-background), body.elementor-page-22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-pp-posts .pp-post-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-167b688{--content-width:100%;}.elementor-22 .elementor-element.elementor-element-8d47034{--content-width:100%;}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-pp-posts .pp-post-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-6eb78cd{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-22 .elementor-element.elementor-element-3c3598b{--min-height:353px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22 .elementor-element.elementor-element-368c330.elementor-element{--align-self:center;}.elementor-22 .elementor-element.elementor-element-368c330{text-align:center;}.elementor-widget-pp-posts .pp-post-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-6eb78cd:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-6eb78cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://roc-afterschool.org.tw/wp-content/uploads/2023/12/background_mobile-1.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-22 .elementor-element.elementor-element-6eb78cd{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-3c3598b{--min-height:250px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-8d47034{--min-height:119px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22 .elementor-element.elementor-element-39b2eb4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 15px 0px;}.elementor-22 .elementor-element.elementor-element-39b2eb4 .elementor-heading-title{font-size:12px;line-height:18px;letter-spacing:1.2px;}.elementor-22 .elementor-element.elementor-element-7f949b9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-7f949b9{text-align:center;}.elementor-22 .elementor-element.elementor-element-7f949b9 .elementor-heading-title{font-size:23px;letter-spacing:2.3px;}.elementor-22 .elementor-element.elementor-element-368c330 > .elementor-widget-container{padding:0px 0px 12px 0px;}.elementor-22 .elementor-element.elementor-element-368c330{--container-widget-width:127px;--container-widget-flex-grow:0;width:var( --container-widget-width, 127px );max-width:127px;}.elementor-22 .elementor-element.elementor-element-368c330 .elementor-heading-title{font-size:15px;line-height:22px;letter-spacing:1.5px;}.elementor-22 .elementor-element.elementor-element-6d9ae4e{--container-widget-width:127px;--container-widget-flex-grow:0;width:var( --container-widget-width, 127px );max-width:127px;}.elementor-widget-pp-posts .pp-post-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-22 .elementor-element.elementor-element-4355183 .pp-posts-container .pp-post-thumbnail-wrap{padding-bottom:calc( 1 * 100% );}}/* Start custom CSS for heading, class: .elementor-element-39b2eb4 */.elementor-22 .elementor-element.elementor-element-39b2eb4:first-letter{
    color: #E97A0B;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7f949b9 */.elementor-22 .elementor-element.elementor-element-7f949b9{
    width: 16%;
    border-bottom:2px solid #409AB6;
     white-space:nowrap;
     align-items: center;
}

@media(max-width:1024px){
    .elementor-22 .elementor-element.elementor-element-7f949b9{
        width: 27%;
    }
}

@media(max-width:767px){
    .elementor-22 .elementor-element.elementor-element-7f949b9{
        width: 38%;
        height:62px;
        margin-top:-35px;
        border-bottom:1px solid #409AB6;
    }
}/* End custom CSS */
/* Start custom CSS for pp-posts, class: .elementor-element-4355183 */.elementor-22 .elementor-element.elementor-element-4355183 .pp-post-filters-container {
    margin-left: -35px;
}/* End custom CSS */