html,body{background-color:#fff;color: #60544B;font-family: "sofia-pro-soft","Microsoft JhengHei","Arial",STHeitiTC,STHeitiSC,sans-serif;font-size: 16px;font-weight: 300;line-height: 1.125em;min-height: 100vh;z-index: 0;}
@media (max-width: 1199px){
    html,body{font-size: 16px;}
}
@media (max-width: 991px){
    html,body{font-size: 16px;}
}
@media (max-width: 767px){
    html,body{font-size: 16px;}
}
body.noscroll{overflow: hidden;height: 100vh;}
a,.btl_container a{color: #166F3B;}
a:active, a:focus, a:hover{color: #166F3B;text-decoration: underline;}
h1{font-size: 2.25rem;line-height: 1.375rem;}
h2{font-size: 1.75rem;line-height: 1.875rem;}
h3{font-size: 1.25rem;line-height: 1.375rem;}
h1,h2,h3{margin: 10px 0;font-weight: 700;}
iframe{border: 0;width: 100%;height: 100%;}
.modal-open{padding-right: 0px !important;overflow: auto !important;overflow-x: hidden !important;}
@media (max-width: 991px){
    #container .btl_container_withsidebar_group .html_content iframe{width: 100%;max-width: 700px;margin: 0; }
}
.btl_bt{background-color: #FFAE50;border-color: #FFAE50;color: #FFF;}
.btl_bt:hover,.btl_bt:active,.btl_bt:focus{background-color: #FFF;border-color: #FFAE50;color: #FFAE50;}
a.btl_bt{background-color: #FFAE50;border-color: #FFAE50;color: #FFF;}
a.btl_bt:hover,a.btl_bt:active,a.btl_bt:focus{background-color: #FFF;border-color: #FFAE50;color: #FFAE50;text-decoration: none;}
a.btn:hover,a.btn:active,a.btn:focus{text-decoration: none;}
.material-icons{font-size: 1rem;line-height: 1rem;}

.table_row{display: table;width: 100%;height: 100%;}
.table_row .table_col{display: table-cell;height: 100%;vertical-align: middle;}

/*Header*/
#header_space{height: 110px;}
#header{background-color: #fff;display: block;height: 80px;position: fixed;top: 0;left: 0;right: 0;z-index: 2;}
#header .container{height: 100%;}
#header .img_btn{display: inline-block;}
#header .img_btn img{display: inline-block;width: auto;height: 80px;padding: 5px 0;}
#header .table_col{text-align: left;}
#header .table_col.menu{display: none;width: 80px;}
#header .table_col.link{text-align: right;}
#header .table_col.link a{margin-left: 15px;}
#header .table_col.link a.img_btn img{height: 80px;padding: 20px 0;}
#header .table_col.link a.img_btn.school img{height: 80px;padding: 10px 0 0 0;}
#header .btl_bt{border-radius: 50px;color: #fff;font-size: 1rem;padding: 0.3rem 1rem}
#header .btl_bt:active,
#header .btl_bt:focus,
#header .btl_bt:hover{background-color: #fff;color: #FBCA40;}
#header .btl_bt.res_dl{background-color: #FBCA40;border-color: #FBCA40;}
#header .btl_bt.res_dl:active,
#header .btl_bt.res_dl:focus,
#header .btl_bt.res_dl:hover{background-color: #fff;color: #FBCA40;}
#header .btl_bt.parent{background-color: #4844A6;border-color: #4844A6;}
#header .btl_bt.parent:active,
#header .btl_bt.parent:focus,
#header .btl_bt.parent:hover{background-color: #fff;color: #4844A6;}
#header .btl_bt.login_btn{background-color: #FC7984;border-color: #FC7984;color: #fff;}
#header .btl_bt.login_btn:active,
#header .btl_bt.login_btn:focus,
#header .btl_bt.login_btn:hover{background-color: #fff;color: #FC7984;}
#header .btl_bt.logout_btn{background-color: transparent;border-color: transparent;color: #60544B;font-size: 1.25rem;}
#header .btl_bt.logout_btn:active,
#header .btl_bt.logout_btn:focus,
#header .btl_bt.logout_btn:hover{background-color: transparent;color: #60544B;}
#header .btl_bt.logout_btn .fa{transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);}
#header .btl_bt.school{background-color: #F95C4B;border-color: #F95C4B;color: #fff;}
#header .btl_bt.school:active,
#header .btl_bt.school:focus,
#header .btl_bt.school:hover{background-color: #fff;color: #F95C4B;}
#header .pc{display: inline-block !important;}
#header .mb{display: none !important;}
#header:after{background-image: url("/images/header_bg.png");background-size: contain;background-repeat: repeat-x;background-position: center top;content: '';display: block;width: 100%;height: 40px;position: absolute;top: 100%;left: 0;right: 0;}
@media (max-width: 991px){
    #header .table_col{width: calc((100% - 80px) / 2);}
    #header .table_col.menu{display: table-cell;width: 80px;}
    #header .table_col.logo{text-align: left;}
    #header .pc{display: none !important;}
    #header .mb{display: inline-block !important;}
}
@media (max-width: 500px){
    #header .table_col.link a{font-size: 0.75rem;line-height: 1.1rem;padding: .7rem 1rem;}
}
@media (max-width: 360px){
    #header .table_col.link{display: none;}
}

/*Menu*/
.menu{display: block;width: 100%;height: 100%;}
.menu .menu_btn{background-color: transparent;border: 0;color: #60544B;cursor: pointer;font-size: 2.875rem;line-height: 3rem;display: block;padding: 18px;}
.menu .menu_btn span{font-size: inherit;}
.menu .close_btn{background-color: transparent;border: 0;color: #fff;font-size: 3rem;line-height: 3rem;text-align: right;display: block;width: 100%;padding: 15px 30px 0 20px;position: absolute;left: 0;right: 0;top: 0;z-index: 1;}
.menu .close_btn .material-icons{font-size: inherit;line-height: inherit;}
.menu .logout_btn{background-color: #EF505D;color: #fff;font-size: 1.25rem;display: block;width: 100%;padding: 18px 20px;position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;padding-bottom: 90px;}
.menu .logout_btn .fa{font-size: 2rem;position: absolute;top: 13px;left: auto;right: 30px;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.menu .mbtn{opacity: 1;}
.menu .mbtn:active,
.menu .mbtn:focus,
.menu .mbtn:hover{opacity: 0.9;text-decoration: none;}
.menu .menu_list{background-color: #60544B;display: block;width: 100vw;height: 100vh;padding: 60px 0 0 0;position: fixed;top: 0;left: -100vw;z-index: 100;}
.menu.logined .menu_list{padding-bottom: 54px}
.menu .menu_list ul{list-style: none;height: 100%;margin: 0;padding: 0;padding-bottom: 90px;position: relative;overflow-y: auto;z-index: 0;}
.menu .menu_list ul::-webkit-scrollbar{width: 6px;}
.menu .menu_list ul::-webkit-scrollbar-track{background: transparent; border-radius: 10px;}
.menu .menu_list ul::-webkit-scrollbar-thumb{background: rgba(255,255,255,0.5);border-radius: 10px;}
.menu .menu_list ul li{position: relative;}
.menu .menu_list ul li.last{border-bottom: 1px solid rgba(255,255,255,0.2);}
.menu .menu_list ul li.group_t{padding-top: 5px;}
.menu .menu_list ul li.group_b{padding-bottom: 5px;}
.menu .menu_list ul li a{color: #fff;display: block;font-size: 1rem;font-weight: 300;line-height: 1.125rem;padding: 15px 20px 35px 55px;opacity: 0.5;}
.menu .menu_list ul li a.active{opacity: 1;}
.menu .menu_list ul li a.sublink{font-size: 0.75rem;padding: 20px 20px 20px 20px;}
.menu .menu_list ul li a:active,
.menu .menu_list ul li a:focus,
.menu .menu_list ul li a:hover{text-decoration: none;opacity: 1;}
.menu .menu_list ul li a .material-icons{display: inline-block;font-size: 1.5rem;position: absolute;top: 14px;left: 20px;}
.menu .menu_list ul li a.kw_link{font-size: 1rem;padding: 30px 55px 30px 20px;}
.menu .menu_list ul li a.kw_link .material-icons{font-size: 2rem;line-height: 2rem;top: 24px;left: auto;right: 30px;}
.menu .menu_list .copyright{color: rgba(255,255,255,0.5);font-size: 0.75rem;font-weight: 300;display: block;padding: 20px 20px;}
.menu .menu_list .copyright img{display: inline-block;width: auto;height: 20px;}

/*Modal*/
.modal .close{font-size: 4rem;font-weight: 300;line-height: 3rem;margin: 0;padding: 15px 30px;position: absolute;top: 0;right: 0;}
.modal .modal-body{padding: 15px;}

/*Login*/
.login_popup.modal .modal-header{border: 0;padding: 30px;}
.login_popup.modal .modal-body h3{color: #60544B;font-size: 1.75rem;font-weight: 500;line-height: 2.3rem;text-align: center;}
.login_popup.modal .btl_form .form_group{padding-bottom: 10px;}
.login_popup.modal .btl_form .form_label{color: #60544B;font-size: 1rem;font-weight: 400;padding: 2px 15px 8px 15px;}
.login_popup.modal .btl_form .form_input{background-color: #F0F0F0;border-radius: 2px;border-color: #D9D9D9;color: #60544B;padding: 15px 10px;}
.login_popup.modal .btl_form .type_checkbox{padding: 15px 15px;}
.login_popup.modal .btl_form .form_block.type_checkbox .form_checkbox_btn{font-size: 1.6rem;}
.login_popup.modal .signin_btn{background-color: #FC7984;border: 1px solid #FC7984;border-radius: 50px;color: #fff;width: 100%;padding: .5rem 1rem;}
.login_popup.modal .signin_btn:active,
.login_popup.modal .signin_btn:focus,
.login_popup.modal .signin_btn:hover{background-color: #fff;color: #FC7984;}

/*Footer*/
#footer{background-color: #FC7984;text-align: left;}
#footer .table_row{padding: 5px 0;}
#footer img{display: inline-block;height: 20px;}
#footer span{display: inline-block;color: #fff;font-size: 0.75rem;font-weight: 300;line-height: 0.8rem;padding: 10px 20px 10px 5px;}
#footer a{display: inline-block;color: #fff;font-size: 0.75rem;font-weight: 300;line-height: 0.8rem;margin: 0 5px;padding: 10px;}
#footer a:active,
#footer a:focus,
#footer a:hover{text-decoration: none;}
.footer_bg{background-image: url("/images/footer_bg.png");background-size: 100% 100%;background-repeat: no-repeat;background-position: center bottom;display: block;width: 100%;height: 240px;position: relative;}
.footer_bg .container{height: 100%;position: relative;}
.footer_bg .bg_img{display: block;width: auto;height: auto;max-width: 95%;max-height: 120px;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 0;}
.btl_banktop{position: fixed;right: 15px;bottom: 15px;z-index: 5;}
.btl_banktop .fa{background-color: #FC7984;border: 0 solid transparent;border-radius: 50%;color: #fff;font-size: 1.6rem;padding: 13px;}
@media (max-width: 991px){
    #footer{padding: 5px 0;}
    #footer .container{display: none;}
}
@media (max-width: 767px){
    .footer_bg{height: 160px;}
}

/*Breadcrumb*/
#breadcrumb{padding: 20px 0 10px;}
#breadcrumb a{color: #FFAE50;font-size: 1rem;padding: 10px 5px;}
#breadcrumb a.active,
#breadcrumb a:active,
#breadcrumb a:focus,
#breadcrumb a:hover{color: #FFAE50;text-decoration: none;}
#breadcrumb a:last-child{color: #60544B;}
#breadcrumb span{color: #60544B;font-size: 1.5rem;line-height: 1.5rem;padding: 8px 0;}
@media (max-width: 991px){
    #breadcrumb{display: none;}
}

#container{min-height: calc(100vh - 110px - 240px - 42px);position: relative;}
#container.bg1{background-image: url("/images/bg1.png");background-size: 600px 450px;background-repeat: repeat;background-position: center;}
@media (max-width: 991px){
    #container{min-height: calc(100vh - 110px - 240px - 10px);}
}

.supplementary{display: block;padding: 30px 0;text-align: center;}
.supplementary img{display: block;width: auto;height: auto;max-width: 100%;max-height: 200px;margin: 0 auto;}
.supplementary p{color: #776B62;font-size: 2rem;line-height: 2.125rem;font-weight: 700;text-align: center;margin: 0;padding: 20px;}
.supplementary .btl_bt{background-color: #FFAE50;border: 0 solid transparent;border-radius: 50px;color: #fff;font-size: 1.5rem;font-weight: 600;padding: 0.6rem 1.6rem 0.8rem;}
.supplementary .btl_bt:active,
.supplementary .btl_bt:active,
.supplementary .btl_bt:active{background-color: #fff;color: #FFAE50;}
@media (max-width: 767px){
    .supplementary{background-color: #DFF5FA;width: calc(100% + 30px);margin: 0 -15px;}
    .supplementary .btl_bt{background-color: #fff;color: #60544B;}
    .supplementary .btl_bt:active,
    .supplementary .btl_bt:active,
    .supplementary .btl_bt:active{background-color: #60544B;color: #fff;}
}

.pagetitle{color: #60544B;font-size: 1.75rem;font-weight: 700;line-height: 2rem;text-align: left;margin-top: 30px;}

.backpage_btn{background-color: #FCFAF7;border: 0 solid transparent;border-radius: 10px;color: #FFAE50;font-size: 1rem;line-height: 1rem;text-align: left;display: block;width: 100%;margin: 15px 0;padding: 15px 10px 15px 45px;position: relative;}
.backpage_btn:active,
.backpage_btn:focus,
.backpage_btn:hover{color: #FFAE50;text-decoration: none;}
.backpage_btn .material-icons{font-size: 1.8rem;line-height: 1.8rem;position: absolute;top: 10px;left: 10px;}

.page404{font-size: 4rem;font-weight: 700;line-height: 4.125rem;text-align: center;padding: 30px 15px;}

.sidemenu_btn{display: none;height: 50px;margin: 15px 0;position: relative;z-index: 1;}
.sidemenu_btn button{background-color: #FCFAF7;border: 1px solid #F4F2EF;border-radius: 10px;box-shadow: 0 3px 10px rgba(139, 85, 31, 0.2) !important;color: #60544B;font-size: 1rem;font-weight: 500;display: block;width: 100%;padding: 15px;}
.sidemenu_btn.faxtop button{width: 690px;position: fixed;top: 135px;left: calc((100vw - 705px) / 2);z-index: 2;}
.sidemenu_btn.faxtop:after{background-color: #fff;content: '';display: block;width: 100vw;height: 100px;position: fixed;top: 100px;left:0;z-index: 1;}
.sidemenu_btn.left button{text-align: left;position: relative;}
.sidemenu_btn.left.faxtop button{position: fixed;}
.sidemenu_btn.left .material-icons{font-size: 2rem;line-height: 2rem;display: block;width: 30px;height: 30px;position: absolute;top: 8px;right: 15px;transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);}
@media (max-width: 991px){
    .sidemenu_btn,sidefilter_btn{display: block;}
}
@media (max-width: 767px){
    .sidemenu_btn.faxtop button{width: 510px;left: calc((100vw - 525px) / 2);}
}
@media (max-width: 575px){
    .sidemenu_btn.faxtop button{width: calc(100% - 30px);left: 15px;}
}

.popup_video{background-color: rgba(0, 0, 0, .8);}
.popup_video .modal-content{background-color: transparent;border: 0;}
.popup_video .modal-header{border: 0;padding: 20px 1rem 10px 1rem;position: relative;}
.popup_video .modal-header h4{color: #fff;font-size: 1.125rem;line-height: 1.125rem;text-align: left;display: block;width: 100%;}
.popup_video .modal-header .close{color: #fff;font-size: 3rem;line-height: 1rem;padding: 8px 20px;opacity: 1;}
.popup_video .modal-body{padding: 0 1rem;}
.popup_video .modal-footer{border: 0;justify-content: center;}
.popup_video .modal-footer .btl_bt{background-color: #fff;border: 0;border-radius: 50px;color: #60544B;font-size: 1.125rem;line-height: 1.125rem;text-align: center;padding: 0.6rem 1.125rem;}
.popup_video .modal-footer .btl_bt:active,
.popup_video .modal-footer .btl_bt:active,
.popup_video .modal-footer .btl_bt:active{background-color: #fff;color: #60544B;}
.popup_video .video-js{width: 100%;height: 50vh;}
.popup_video .video-js .vjs-big-play-button{background-color: #fff;border-radius: 50%;color: #60544B;font-size: 3rem;line-height: 2.8rem;width: 50px;height: 50px;}
.popup_video .vjs-big-play-centered .vjs-big-play-button{margin-top: -.5em;margin-left: -.5em;}

.audioplayer{display: block;width: calc(100% - 10px);height: 30px;padding: 10px;position: absolute;left: 5px;right: 5px;bottom: 5px;transform-origin: bottom left;}
.audioplayer .controls__current-time{display: none;}
.audioplayer .play-pause-btn__icon{fill: #60544B !important;}
.green-audio-player .slider .gap-progress{background-color: #60544B;}
.green-audio-player .slider .gap-progress .pin{background-color: #60544B;}
.green-audio-player .volume .volume__button path,
.green-audio-player .volume .volume__button.open path{fill: #60544B;}
.green-audio-player .volume .volume__controls{background-color: #c8c8c8;}

#form_login .error_msg{color: red;margin-bottom: 10px;display: none;}
#form_login .error_msg.show{display: block;}

.page_home #header{display: none;}
.page_home #header_space{display: none;}
.page_home #container{background-color: #FC7984;min-height: calc(100vh - 42px);}
.page_home .footer_bg{display: none;}
.home_header{background: transparent linear-gradient(180deg, #FFFFFF 0%, #5AE6FF 100%) 0% 0% no-repeat padding-box;display: block;min-height: calc(100vh - 42px - 342px);position: relative;z-index: 0;}
.home_header:after{background-image: url("/images/home_bg.png");background-size: contain;background-repeat: repeat-x;background-position: center bottom;content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;}
.home_header .container-fluid{min-height: calc(100vh - 42px - 408px);overflow: hidden;z-index: 1;}
.home_header .container-fluid > .row{min-height: calc(100vh - 42px - 342px);overflow: hidden;}
.home_logo{display: block;padding: 20px 0;}
.home_banner{display: block;}
.home_login{min-height: calc(100vh - 42px - 408px);padding: 150px 15px 70px;position: relative;z-index: 0;}
.home_login:before{background-image: url("/images/login_bottom.png");background-size: contain;background-repeat: no-repeat;background-position: center bottom;content: '';display: block;width: 140%;height: 200px;position: absolute;left: -20%;right: -20%;bottom: 0;z-index: 0;}
.home_login:after{background-image: url("/images/login_bg.png");background-size: 100% 100%;background-repeat: no-repeat;background-position: center top;content: '';display: block;width: 100%;height: 100%;position: absolute;top: 20px;left: 0;right: 0;z-index: -1;}
.home_login .btl_form{background-color: #fff;border: 0;border-radius: 10px;box-shadow: 0 10px 10px 10px rgba(0,0,0,0.2);position: relative;z-index: 1;}
.home_login .btl_form h3{font-weight: 600;}
.home_login .btl_form label{font-weight: 400;padding: 5px 0;}
.home_login .btl_form .form_input{background-color: #F0F0F0;}
.home_login .btl_form .signin_btn{background-color: #FFAE50;border-radius: 50px;color: #fff;display: block;margin: 5px auto;min-width: 210px;max-width: 100%;}
.home_login .error_msg{color: red;margin-bottom: 10px;display: none;}
.home_login .error_msg.show{display: block;}
.home_footer{background-color: #FC7984;}
.home_footer .elt_banner{padding-top: 10px;}
.home_footer .elt_banner .owl-carousel .owl-item img{border: 2px solid #fff;box-shadow: none;max-height: 150px;}
.home_links{display: block;text-align: center;}
.home_links.more_series{text-align: center;padding-bottom: 30px;}
.home_links a{display: inline-block;margin: 0 10px;}
.home_links .img_btn img{display: inline-block;width: auto;height: 80px;padding: 20px 0;}
.home_links .btl_bt{border-radius: 50px;color: #fff;font-size: 1.25rem;font-weight: 700;line-height: 1.25rem;padding: 1rem 3rem}
.home_links .btl_bt:active,
.home_links .btl_bt:focus,
.home_links .btl_bt:hover{background-color: #fff;color: #FBCA40;}
.home_links .btl_bt.res_dl{background-color: #FBCA40;border-color: #FBCA40;}
.home_links .btl_bt.res_dl:active,
.home_links .btl_bt.res_dl:focus,
.home_links .btl_bt.res_dl:hover{background-color: #fff;color: #FBCA40;}
.home_links .btl_bt.parent{background-color: #4844A6;border-color: #4844A6;}
.home_links .btl_bt.parent:active,
.home_links .btl_bt.parent:focus,
.home_links .btl_bt.parent:hover{background-color: #fff;color: #4844A6;}
.home_links .pc{display: inline-block !important;}
.home_links .mb{display: none !important;}
.home_login .login_btn_mb{background-color: #fff;border: 10px solid #FC7984;border-radius: 50px;color: #FC7984;font-size: 2rem;font-weight: 700;line-height: 2rem;text-align: center;display: none;padding: 20px;position: relative;z-index: 2;text-decoration: none;}
.home_login .login_btn_mb:hover{text-decoration: none;}
.home_login .login_btn_mb:before{border: 8px dotted #FFEAAF;border-radius: 50px;content: '';position: absolute;top: -8px;left: -8px;right: -8px;bottom: -8px;z-index: 1;}
.home_login .col-xl-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
@media (min-width: 1400px){
    .home_login{padding: 150px 15px 100px;}
    .home_login .col-xl-6{-ms-flex: 0 0 50%;flex: 0 0 100%;max-width: 50%;}
}
@media (min-width: 992px){
    .home_banner .elt_banner .owl-carousel{text-align: center;}
    .home_banner .elt_banner .owl-carousel .owl-dots{background-color: #D94141;border: 3px solid #BD3939;border-radius: 50px;display: inline-block;margin-top: 10px;padding: 0;}
    .home_banner .elt_banner .owl-carousel .owl-dots .owl-dot{padding: 2px 4px!important;}
    .home_banner .elt_banner .owl-carousel .owl-dots .owl-dot span{background-color: #FBEB9C;width: 12px;height: 12px;opacity: 0.5;}
    .home_banner .elt_banner .owl-carousel .owl-dots .owl-dot.active span{background-color: #ffe6a5;box-shadow: 0 0 10px #FFD364;opacity: 1;}
}
@media (max-width: 991px){
    .page_home #header{display: block;}
    .page_home #header_space{display: block;}
    .page_home #container{min-height: calc(100vh - 120px);}
    .home_logo{display: none;}
    .home_links a{display: block;margin: 0 0 10px;}
    .home_links .pc{display: none !important;}
    .home_links .mb{display: inline-block !important;}
    .home_login{min-height: 1px;padding: 10px 15px 180px;}
    .home_login:before{background-size: 700px;width: 100%;left: 0;right: 0;}
    .home_login:after{display: none;}
    .home_login .btl_form{display: none;}
    .home_login .login_btn_mb{display: block;}
    .home_links.more_series .btl_bt{display: inline-block;}
}
@media (max-width: 767px){
    .home_login{padding-bottom: 100px;}
    .home_login:before{background-size: 400px;}
    .home_footer .elt_banner .owl-carousel .owl-item img{height: 150px;}
}
@media (max-width: 576px){
    .home_footer .elt_banner .owl-carousel .owl-item img{height: 200px;}
}
@media (max-width: 400px){
    .home_login:before{background-size: contain;}
}

.page_list{display: block;position: relative;}
.page_list .page{display: block;position: relative;}
.page_list .page_group{background: #FFFBF7;border: 1px solid #F5EFE9;border-radius: 10px;display: table;width: 100%;position: relative;margin-bottom: 15px;}
.page_list .page_img{display: inline-block;float: left;width: 170px;padding: 20px 0 10px 20px;}
.page_list .page_img img{display: block;width: auto;height: auto;max-width: 100%;max-height: 150px;margin: 0 auto;}
.page_list .page_info{display: inline-block;float: left;width: calc(100% - 170px);padding: 20px 20px 10px 15px;}
.page_list .page_title{color: #FC7984;font-size: 2.25rem;font-weight: 700;line-height: 2.375rem;text-align: left;display: block;}
.page_list .page_subtitle{color: #60544B;font-size: 1.125rem;font-weight: 400;line-height: 1.25rem;text-align: left;display: block;margin: 0;}
.page_list .page_grouptitle{color: #60544B;font-size: 1.25rem;font-weight: 700;line-height: 1.375rem;text-align: left;display: block;margin: 30px 0 10px 0;}
.page_list .page_desc{color: #60544B;font-size: 1rem;font-weight: 300;line-height: 1.25rem;text-align: left;display: block;margin: 0;padding: 15px 0;position: relative;}
.page_list .page_links{display: table;width: 100%;padding: 20px;position: relative;}
.page_list .page_links a{background: #FFFFFF;border: 1px solid #F4F0EA;border-radius: 10px;color: #FFAE50;font-size: 1.25rem;font-weight: 400;line-height: 1.375rem;text-align: center;display: inline-block;margin: 0 10px 10px 0;padding: 10px;padding-left: 50px;position: relative;}
.page_list .page_links a:hover{text-decoration: none;}
.page_list .page_links a .material-icons{font-size: 2rem;line-height: 2rem;display: block;width: 30px;height: 30px;position: absolute;top: 5px;left: 10px;}
.page_list .page_tabview{display: block;padding: 10px 0;}
.page_list .tab_links{display: table;width: 100%;}
.page_list .tab_links button{background: #FFAE50;border: 1px solid #FFAE50;border-bottom: 0;border-radius: 20px 20px 0px 0px;color: #FCFAF7;font-size: 1.125rem;font-weight: 400;line-height: 1.25rem;text-align: center;display: inline-block;float: left;padding: 15px 20px;}
.page_list .tab_links button.on{background: #FCFAF7;border-color: #F4F2EF;color: #FFAE50;}
.page_list .tab_content{background: #FCFAF7;border: 1px solid #F4F2EF;border-bottom: 0;border-radius: 0 0 10px 10px;color: #60544B;font-size: 1rem;line-height: 1.25rem;display: none;width: 100%;padding: 20px;}
.page_list .tab_content.on{display: block;}
.page_list ul{display: block;list-style: none;padding-left: 0;margin: 0 0 15px 0;}
.page_list ul li{padding: 10px;padding-left: 30px;position: relative;}
.page_list ul li:before{content: '\2605';position: absolute;top: 10px;left: 10px;}
.page_list ul.download_list a{color: #FFAE50;}
.page_list ul.download_list ul{list-style: none;}
.page_list ul.download_list li{border-bottom: 1px solid #F5EFE9;display: table;width: 100%;margin-bottom: 10px;padding: 0;position: relative;clear: both;}
.page_list ul.download_list li:last-child{border-bottom: 0;}
.page_list ul.download_list li:before{content: '';}
.page_list ul.download_list li label{color: #60544B;text-align: left;font-size: 1rem;line-height: 1.25rem;float: left;display: block;width: calc(100% - 150px);margin: 0;padding: 15px 10px 15px 35px;position: relative;}
.page_list ul.download_list li a.btn{color: #FFAE50;text-align: left;font-size: 1rem;line-height: 1.25rem;float: right;display: block;width: 150px;padding: 15px 10px 15px 35px;position: relative;}
.page_list ul.download_list li .material-icons{font-size: 1.8rem;line-height: 1.8rem;display: block;position: absolute;top: 10px;left: 0;}
.page.resdl .page_img{float: right;width: 240px;padding: 20px;}
.page.resdl .page_img img{max-width: 100%;max-height: 200px;}
.page.resdl .page_info{width: calc(100% - 240px);padding: 20px 0 20px 20px;}
.page.parent .page_img{width: 240px;padding: 20px;}
.page.parent .page_img img{max-width: 100%;max-height: 200px;}
.page.parent .page_info{width: calc(100% - 240px);padding: 20px 20px 20px 0;}
.page.school .page_info{width: 100%;padding: 20px;}
.page_list .page_desc img{border-radius: 10px;display: block;width: auto;height: auto;max-width: 100%;margin: 0 auto 10px;}
.page_list .page_desc .btn{background-color: #FFAE50;border: 1px solid #FFAE50;border-radius: 50px;color: #fff;padding: .3rem 1rem;}
.page_list .page_desc .btn:hover{background-color: #fff;color: #FFAE50;}
@media (max-width: 991px){
    .content{padding-top: 20px;}
    .page_list .page_img{display: block;width: 100%;padding: 20px 20px 0 20px;}
    .page_list .page_info{display: block;width: 100%;padding: 0 20px;}
    .page_list .page_title{font-size: 1.5rem;line-height: 1.625rem;text-align: center;}
    .page_list .page_subtitle{font-size: 0.875rem;line-height: 1rem;text-align: center;}
    .page_list .page_links{border-top: 1px solid #F2EEEA;}
    .page_list .page_links a{text-align: left;display: block;width: 100%;margin: 0 0 10px 0;}
    .page_list .tab_links button{border-radius: 10px;margin: 0 5px 5px 0;}
    .page_list .tab_content{background-color: transparent;border: 0;padding: 10px 0;}
    .page_list ul.download_list li label{width: calc(100% - 60px);}
    .page_list ul.download_list li a.btn{width: 60px;text-align: center;padding: 10px;}
    .page_list ul.download_list li a.btn span{display: none;}
    .page_list ul.download_list li a.btn span.material-icons{display: block;position: relative;top: 0;}
    .page.resdl .page_img{width: 100%;padding: 20px;}
    .page.resdl .page_info{width: 100%;padding: 20px;}
    .page.parent .page_img{width: 100%;padding: 20px;}
    .page.parent .page_info{width: 100%;padding: 20px;}
}

.elt_sidemenu{overflow: hidden;overflow-y: auto;}
.elt_sidemenu::-webkit-scrollbar{width: 8px;}
.elt_sidemenu::-webkit-scrollbar-track{background: transparent; border-radius: 10px;}
.elt_sidemenu::-webkit-scrollbar-thumb{background: #FC7984;border-radius: 10px;}
.elt_sidemenu.scrollfix{width: 255px;height: calc(100vh - 180px - 42px);position: fixed;left: 15px;z-index: 2;}
@media (max-width: 1200px){
    .elt_sidemenu.scrollfix{width: 210px;}
}
@media (max-width: 991px){
    .elt_sidemenu{width: 100vw;height: 100vh;overflow: hidden;}
    .elt_sidemenu.scrollfix{display: none;}
    .elt_sidemenu.on.scrollfix{display: block;top: 0 !important;left: 0 !important;width: 100vw;height: 100vh;position: fixed;}
}
@media (min-width: 576px){
    .elt_sidemenu.scrollfix{left: calc(((100vw - 540px) / 2) + 15px);}
}
@media (min-width: 768px){
    .elt_sidemenu.scrollfix{left: calc(((100vw - 720px) / 2) + 15px);}
}
@media (min-width: 992px){
    .elt_sidemenu.scrollfix{left: calc(((100vw - 960px) / 2) + 15px);}
}
@media (min-width: 1200px){
    .elt_sidemenu.scrollfix{left: calc(((100vw - 1140px) / 2) + 15px);}
}

.tooltip-inner{background-color: #484848;}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before{border-top-color: #484848;}

.elt_selceted_tags{display: table;width: 100%;margin: 0;padding: 0;padding-top: 10px;position: relative;}
.elt_selceted_tags li{background-color: #FFAE50;border: 1px solid #FFAE50;border-radius: 10px;color: #fff;display: inline-block;float: left;margin: 0 5px 5px 0;padding: 5px 10px;}
.elt_selceted_tags li.tag_title{background-color: transparent;border: 0;color: #60544B;font-weight: 400;padding-left: 0;}

@media (max-width: 991px){
    .container{max-width: 100%;}
}

.elt_banner{padding-top: 10px;}
.elt_banner .owl-carousel .owl-item .list_item a.nonclick:hover{cursor: default;}
.home_footer .elt_banner .owl-carousel .owl-item .list_item a{vertical-align: bottom;}

.elt_selceted_cat{display: block;padding-top: 10px;}
.elt_selceted_cat span{background-color: #99daea;border: 1px solid #99daea;border-radius: 10px;color: #fff;display: inline-block;float: left;margin: 0 5px 5px 0;padding: 5px 10px;}

@media (max-width: 400px){
    .table_pagination ul .p_btn{font-size: 1.25rem;line-height: 1.25rem;min-width: 22px;height: 30px;margin: 0 4px;padding: 5px 2px;}
    .table_pagination ul .material-icons{font-size: 1.25rem;line-height: 1.25rem;}
    .table_pagination ul li.p_total{font-size: 1.25rem;line-height: 1.25rem;}
}


.home_links .btl_bt{padding: 1rem 2rem;}
.home_links .img_btn.presch{margin: 0 10px;}
.home_links .img_btn.presch img{height: 100px;}
@media (max-width: 991px){
	.home_links .img_btn{margin: 0 10px;}
}
.page_list .page_links a.img_btn{padding-right: 90px;padding-left: 10px;}
.page_list .page_links a img.img_icon{display: block;width: auto;height: 30px;position: absolute;top: 6px;right: 10px;}