/***** 
    layout start
*****/
.section-branch {
    /* margin-top: 60px; */
    padding-top: 0;
    background-color: var(--bg-content-light);
    overflow: hidden;
}
.page-main,
.page-next {
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.page-main.move-none,
.page-next.move-none {
    display: none !important;
    -webkit-transform: translateX(-1000px);
        -ms-transform: translateX(-1000px);
            transform: translateX(-1000px);    
    -webkit-transition: 0.3s ease;    
    -o-transition: 0.3s ease;    
    transition: 0.3s ease;
}

.page-main {
    position: relative;
    padding-top: 30px;
}
.page-next {}
.page-next .page-nav {}
.page-next .page-nav .btn {
    padding: 15px 50px 15px 5px;
}


/* 訂閱課表 - 頁面上的按鈕 */
.page-branch-subs {
    /* background: #d5d5d5; */
    background-color: #c7c7c7;
    color: #535353;
    margin-bottom: 2%;
    padding:10px 10px 20px;
    border-radius: 10px;
    text-align: center;
}
.page-branch-subs .btns {
    gap: 1rem;
    margin: 0;
}
.page-branch-subs .btns .btn {
    background-color: #dfdfdf;
    -webkit-box-shadow: 0 0 2px #8d8d8d;
            box-shadow: 0 0 2px #8d8d8d;
    /* border: 2px solid #a5a5a5; */
    color: #535353;
}
.page-branch-subs .btns .btn:hover,
.page-branch-subs .btns .btn:focus {
    background-color: #ffffff;
    color: var(--jgun-red);
}
.page-branch-subs .btns .btn-search {}
.page-branch-subs .btns .btn-subs {
    background-color: #f7c0b9;
}


/* 訂閱課表 - 燈箱 - 共用 */
.step-label {
    display: inline-block;
    width: 100%;
}
.step-label .input-text {
    width: 100%;
}
.modal-header, .modal-footer {
    border-width: 0px;
}
.modal-body {
    width: 90%;
    margin: 0 auto;
}
.modal-title {
    font-size: 1.5rem;
}



/* 訂閱課表 - 燈箱 - branch-subs */
.modal-branch-subs {}
.modal-branch-subs .modal-dialog {}
.modal-branch-subs .modal-content {}
.modal-branch-subs .modal-header {
    border: none;
    padding-bottom: 0;
}
.modal-branch-subs .modal-header .modal-title {}
.modal-body-branch-subs {}
.modal-body-branch-subs .branch-subs-step {
    padding: 5px 0 15px;
}
.modal-body-branch-subs .branch-subs-step .text {}
.modal-body-branch-subs .branch-subs-step p {}
.modal-body-branch-subs .branch-subs-step .text .head {}

.accordion-city {
    margin: 2% 0;
    overflow-y: scroll;
    height: 300px;
}
.accordion-city .accordion-item {
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-radius: 0px;
    border-bottom: 2px dotted var(--bs-accordion-border-color);
}
.accordion-city .accordion-header {}
.accordion-city .accordion-button {}
.accordion-city .accordion-button.collapsed {}
.accordion-city .accordion-collapse {}
.accordion-city .accordion-collapse.collapse {}
.accordion-city .accordion-body {}
.accordion-city .accordion-body .form-group {}
.accordion-city .accordion-body label {
    width: 100%;
    padding: 6px;
}
.accordion-city .accordion-body input {}
.accordion-city .accordion-body input .text {}

.modal-body-branch-subs .step-label {}
.modal-body-branch-subs .step-label input {}
.modal-body-branch-subs .step-label input[type="text"]{
    width: 100%;
}
/* .branch-subs-step {}
.branch-subs-step .text {}
.branch-subs-step .text .head {} */

.modal-branch-subs .modal-footer {}
.modal-branch-subs .modal-footer .btn {}


/* 訂閱課表 - 燈箱 - modal-body-branch-unsubs01 */
.modal-branch-unsubs {}
.modal-branch-unsubs .modal-content {}
.modal-branch-unsubs .modal-content .modal-header {}
.modal-branch-unsubs .modal-content .modal-title {}
.modal-body-branch-unsubs01 {}
.modal-body-branch-unsubs01 .branch-subs-step {
    padding: 2% 0;
}
.modal-body-branch-unsubs01 .branch-subs-step .text {}
.modal-body-branch-unsubs01 .branch-subs-step .text .head {}
.modal-body-branch-unsubs01 .branch-subs-step .text .step-label {}
.modal-body-branch-unsubs01 .branch-subs-step .text .step-label input
.modal-body-branch-unsubs01 .modal-footer {}
.modal-body-branch-unsubs01 .modal-footer .btn {}


/* 訂閱課表 - 燈箱 - modal-body-branch-unsubs02 */
.modal-branch-unsubs02 {}
.modal-branch-unsubs02 .modal-content {}
.modal-branch-unsubs02 .modal-content .modal-header {}
.modal-branch-unsubs02 .modal-content .modal-title {}
.modal-body-branch-unsubs02 {}
.modal-body-branch-unsubs02 .branch-subs-step {}
.modal-body-branch-unsubs02 .branch-subs-step .text {
    padding-bottom: 1rem;
}
.modal-body-branch-unsubs02 .branch-subs-step .head {}
.table-branch-subs-wrapper {}
.table-branch-subs {}
.table-branch-subs .check-all-wrapper {
    width: 35%;
}
.table-branch-subs .check-all-wrapper .form-group {
    cursor: pointer;
}
.table-branch-subs .check-all-wrapper input {}
.table-branch-subs tr {}
.table-branch-subs tr th {}
.table-branch-subs tr th input {}
.table-branch-subs tr th input td {}

.modal-branch-unsubs02 .modal-footer {}
.modal-branch-unsubs02 .modal-footer .btns {}
.modal-branch-unsubs02 .modal-footer .btns .btn {}


/***** 
    layout start
*****/


/***** 
    Share component start
*****/
/* tag */
/* .tag-group {
    font-size: var(--fzSm);
    margin: 0 0 5px 0;
    display: inline-block;
} */

.tag-branch, .tag-combine {
    word-break: keep-all;
    word-wrap: normal;
    /* border: 1px solid #d3d3d3; */
    /* padding: 5px 8px 6px 7px; */
    /* border-radius: 3px; */
    margin: 0px 5px 10px 5px;
    display: inline-block;
    /* box-shadow: 0 0 2px #eee; */
}
.tag-branch {
    color: var(--jgun-red);
    line-height: 1;
}
.tag-branch::before {
    content: '';
    width: 6px;
    height: 12px;
    display: inline-block;
    background-color: var(--jgun-red);
    margin-right: 3px;
}
.tag-combine {
    color: var(--soeasy-purple);
    line-height: 1;
}
.tag-combine::before {
    content: '';
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url('../images/content/icon-branch-combine.svg') no-repeat center center / 100%;
    /* background: var(--jgun-red);
    background: -moz-linear-gradient(90deg, var(--jgun-red) 45%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 55%, var(--soeasy-purple) 55%);
    background: -webkit-linear-gradient(90deg, var(--jgun-red) 45%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 55%, var(--soeasy-purple) 55%);
    background: linear-gradient(90deg, var(--jgun-red) 45%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 55%, var(--soeasy-purple) 55%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6230a",endColorstr="#5d379d",GradientType=1); */
    margin-right: 3px;
    vertical-align: baseline;
}
/***** 
    Share component end
*****/


/*****
  select board start
*****/
.select-board {
    /* position: sticky; */
    background-color: #ffffff;
    padding: 1rem;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
            box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
    border: 0px solid transparent;
    border-bottom: 2px solid #d5d5d5;
    border-radius: 10px 10px 0 0;

}
.select-board-title {
    text-align: center;
    font-size: var(--fz2);
    font-weight: 700;
    margin: 2% 0 3%;

}
.select-board .note {
    margin-bottom: 0.5rem;
}

.form-select-city {
    /* text-align: center; */
}
.form-select-city option {}

.search-result-list {
    overflow: visible;
    padding-bottom: 30px;
}
/*****
  select board end
*****/

.city-head {
    font-weight: 500;
    margin-top: 1.5rem;
    margin-bottom: 0;
}


/*****
  card-list start
*****/
.card.list-branch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    border-radius: 5px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.card.list-branch.active {}
.list-branch-text {
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
    padding: 15px 10px;
}
.list-branch-text .head {
    font-weight: 500;
    font-size: var(--fzSm);
    line-height: 1;
    margin-bottom: 10px;
    color: var(--text-gray);
    border-bottom: 2px dotted #eee;
    padding-bottom: 12px;
}
.list-branch-text .head .head-branch {
    font-size: 18px;
    font-weight: 500;
    color: var(--text-bk);
    display: inline-block;
    padding-left: 5px;
}
/* .list-branch-text .head .head-branch::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #969696;
    margin-top: 5px;
} */
/* .list-branch-text .tag-group {}

.list-branch-text .tag-group .tag-branch {}
.list-branch-text .tag-group .tag-branch span {
}
.list-branch-text .tag-group .tag-combine {
}
.list-branch-text .tag-group .tag-combine span {
    vertical-align: bottom;
} */

.list-branch-text .info {
    margin-bottom: 0;
}
.list-branch-text .info .li {
    line-height: 1.6;
}
.list-branch-text .info .li i {
    color: #ac8585;
    width: 18px;
    font-size: 14px;
    text-align: center;
}
.list-branch-text .info .info-phone {}
.list-branch-text .info .info-phone a {}
.list-branch-text .info .info-phone::before {
    content: '';
}
.list-branch-text .info .info-address {
    margin-bottom: 0;
}
.list-branch-text .info .info-address::before {
    content: '';
}
.list-branch-btnbox {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
}
.list-branch-btnbox .btn {
    height: 100%;
    width: 100%;
    outline: none;
    color: var(--jgun-red);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.list-branch-btnbox .btn:hover,
.list-branch-btnbox .btn:focus {
    background-color: #dedede;
}
.list-branch-btnbox .btn:active,
.list-branch-btnbox .btn:focus {
    outline: none;
}
/*****
  card-list end
*****/



/*****
  card-content (be selected) start
*****/
.card.content-branch {
    padding: 15px 15px 30px;
    margin-bottom: 3%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.card.content-branch a {
    color: var(--link);
}
.card.content-branch .texthead {}
.card.content-branch .texthead .head {
    font-weight: 500;
    font-size: var(--fzSm);
    line-height: 1;
    margin-bottom: 10px;
    color: var(--text-gray);
    border-bottom: 2px dotted #eee;
    padding-bottom: 12px;
}
.card.content-branch .texthead .head .head-branch {
    font-size: 20px;
    font-weight: 500;
    color: var(--text-bk);
    display: inline-block;
    padding-left: 5px;
}
/* .card.content-branch .texthead .head .head-branch::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #969696;
    margin-top: 5px;
} */
/* .card.content-branch .texthead .head .tag-group {} */

.card.content-branch .texthead .info {}
.card.content-branch .texthead .info .li {
    line-height: 1.6;
}
.card.content-branch .texthead .info .li i {
    color: #ac8585;
    width: 18px;
    font-size: 14px;
    text-align: center;
}
.card.content-branch .texthead .info .info-phone a {}
.card.content-branch .texthead .info .info-address {}
.card.content-branch .texthead .btnbox {}

.content-branch-empty {
    border-radius: 10px;
}
.content-branch-empty .text {
    color: #5e5e5e;
}
.content-branch-empty .img {
    display: block;
    margin: auto;
}
/*****
  card-content (be selected) end
*****/

/*****
  carousel start
*****/
.card.content-branch .carousel {
    padding-top: 10px;
}
.swiper-branch-slide {}
.swiper-branch-slide .swiper-slide {
    cursor: pointer;
}
.swiper-branch-slide .swiper-slide .img {}

.swiper-branch-thumb {}
.swiper-branch-thumb .swiper-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
}
.swiper-branch-thumb .swiper-slide {
    cursor: pointer;
    background-color: #333333;
}
.swiper-branch-thumb .swiper-slide .img {
    opacity: 0.6;
}
.swiper-branch-thumb .swiper-slide.swiper-slide-thumb-active {
    cursor: default;
}
.swiper-branch-thumb .swiper-slide.swiper-slide-thumb-active img {
    
    opacity: 1;
}
.swiper-branch-thumb .swiper-slide .img {}
/*****
  carousel end
*****/

/*****
  traffic start
*****/
.card.content-branch .traffic {
    margin-top: 10px;
}
.card.content-branch .traffic .head {}
.card.content-branch .traffic ol li {}

.card.content-branch .traffic br {}
.card.content-branch .traffic .ratio {
    margin-top: 2rem;
}
/*****
  traffic end
*****/




/* 全國分校立案名稱 */




    .global_popup{
        text-align: center;
    
    }
    
    
    .global_popup_h1{
        text-align: center;
        font-size: 24px;
        margin-bottom: 20px;
    }
    

.registered_list > li {
  
    margin-bottom: 20px;
}




.overflow {
    height: 89vh;
    overflow: scroll;
}


.global_popup button{
width: 100%;
}

.overflow h1{
    margin-top: 0;
}



.global_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.global_box button{
display: inline-block;
height: 40px;
margin-bottom: 10px;

}



/* 全國分校立案名稱 */




@media  screen and (min-width: 992px) {




/* 全國分校立案名稱 */


.global_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.global_box button{
display: inline-block;
height: 40px;

}


.overflow h1{
    margin-top: 0;
}

.overflow{
    height: 90vh;
    overflow: scroll;
}


    .registered_number_info .registered_body .registered_list {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 26px;
        padding: 0px 24px 22px;
    }
    
    .registered_list > li > div > div > p:last-of-type {
        width: 32%;
    }
    
    
    .registered_number_info .registered_body .registered_list > li > p {
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 1px;
        color: rgba(0, 0, 0, 0.6);
        width: 18%;
        padding-left: 40px;
        line-height: 150%;
    }
    
    .registered_list > li {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    
    .registered_list > li > div {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 82%;
    }
    
    .registered_list > li > div > div {
        display: flex;
    }
    
    
    .registered_list > li > div > div > p:first-of-type {
        padding-right: 10px;
        width: 68%;
    }

    /* 全國分校立案名稱 */
    
    /***** 
        layout start
    *****/
    .section-branch {}
    .page-main,
    .page-next {
        position: relative;
    }
    .page-main.move-none,
    .page-next.move-none {}
    .page-main {}
    .page-next {
        padding-top: 30px;
    }
    .page-next .page-nav {}
    .page-next .page-nav .btn {}
    /***** 
        layout end
    *****/

    /***** 
        Share component start
    *****/
    /* tag */
    /* .tag-group {} */

    .tag-branch, .tag-combine {}
    .tag-branch {}
    .tag-branch::before {}
    .tag-combine {}
    .tag-combine::before {}
    /***** 
        Share component end
    *****/


    /*****
    select board start
    *****/
    .select-board {}
    .select-board .note {}

    .form-select-city {
        /* text-align: center; */
    }
    .form-select-city option {}

    .search-result-list {
        overflow: scroll;
        height: 100vh;
        padding: 0 5px 20px;
    }
    /*****
    select board end
    *****/

    .city-head {}


    /*****
    card-list start
    *****/
    .card.list-branch {
        border: 3px solid transparent;
        border-right-width: 0px;
    }
    .card.list-branch.active {        
        border-color: var(--jgun-deco-pink);
    }
    .card.list-branch.active .list-branch-btnbox .btn {
        background-color: var(--jgun-deco-pink);
        padding: 0;
        margin-left: 1px;
        border: 0;
        border-radius: 0px;
        outline: none;
        /* color: #ffffff; */
        cursor: default;
    }
    .list-branch-text {}
    .list-branch-text .head {}
    .list-branch-text .head .head-branch {}
    /* .list-branch-text .tag-group {}
    .list-branch-text .tag-group .tag-branch {}
    .list-branch-text .tag-group .tag-branch span {}
    .list-branch-text .tag-group .tag-combine {}
    .list-branch-text .tag-group .tag-combine span {} */

    .list-branch-text .info {}
    .list-branch-text .info .li {}
    .list-branch-text .info .li i {}
    .list-branch-text .info .info-phone {}
    .list-branch-text .info .info-phone a {}
    .list-branch-text .info .info-phone::before {}
    .list-branch-text .info .info-address {}
    .list-branch-text .info .info-address::before {}
    .list-branch-btnbox {}
    .list-branch-btnbox .btn {}
    /*****
    card-list end
    *****/



    /*****
    card-content (be selected) start
    *****/
    .card.content-branch {
        border-top: 5px solid var(--jgun-deco-pink);
        border-radius: 0px;
    }
    .card.content-branch a {}
    .card.content-branch .texthead {}
    .card.content-branch .texthead .head {}
    .card.content-branch .texthead .head .head-branch {}
    /* .card.content-branch .texthead .head .tag-group {} */
    .card.content-branch .texthead .info {}
    .card.content-branch .texthead .info .li {}
    .card.content-branch .texthead .info .info-phone a {}
    .card.content-branch .texthead .info .info-address {}
    .card.content-branch .texthead .btnbox {}
    /*****
    card-content (be selected) end
    *****/

    /*****
    carousel start
    *****/
    .card.content-branch .carousel {}
    .swiper-branch-slide {}
    .swiper-branch-slide .swiper-slide {}
    .swiper-branch-slide .swiper-slide .img {}
    .swiper-branch-thumb {}
    .swiper-branch-thumb .swiper-wrapper {}
    .swiper-branch-thumb .swiper-slide {}
    .swiper-branch-thumb .swiper-slide .img {}
    .swiper-branch-thumb .swiper-slide.swiper-slide-thumb-active {}
    .swiper-branch-thumb .swiper-slide.swiper-slide-thumb-active img {}
    .swiper-branch-thumb .swiper-slide .img {}
    /*****
    carousel end
    *****/

    /*****
    traffic start
    *****/
    .card.content-branch .traffic {}
    .card.content-branch .traffic .head {}
    .card.content-branch .traffic ol li {}
    /*****
    traffic end
    *****/
}