.course .swiper-button-next,
.course .swiper-button-prev {
    top: 50%;
    display: none;
}

.course .swiper-button-next.swiper-button-next,
.course .swiper-button-prev.swiper-button-next {
    right: 0;
}
.wrapper .main-block .count .box .courselist h4 b.total_detail{
	    color: #1eccf8;
}
.show_course_detail:hover{
cursor: pointer;
}
.notice_txt ul li p a{
	    color: black;
}
.wrapper .main-block .count .last .box:nth-child(1) .con{
	position:relative;
}

.course .swiper-button-next.swiper-button-prev,
.course .swiper-button-prev.swiper-button-prev {
    left: 0;
}

.course .swiper {
    padding-bottom: 40px;
}

.course .swiper-horizontal>.swiper-pagination-bullets,
.course .swiper-pagination-bullets.swiper-pagination-horizontal,
.course .swiper-pagination-custom,
.course .swiper-pagination-fraction {
    bottom: 0;
}
.wrapper .main-block .activity .study-team .blueDeepbg .btna a.has_end{
	background-image: linear-gradient(#9d9d9d, #9d9d9d);
}

/******日曆*******/

#calendar.fc .fc-scrollgrid-section-header .fc-scroller-harness {
    margin-bottom: 1rem;
}

#calendar.fc td:not(.has-events),
#calendar.fc th {
    pointer-events: none;
}

#calendar.fc td.has-events:not(.fc-day-other) {
    cursor: pointer;
    pointer-events: auto;
}

#calendar.fc td.has-events.fc-day-other .fc-daygrid-day-number {
    background-color: transparent !important;
    color: #4D4D4D !important;
}

#calendar.fc td.has-events.fc-day-other .fc-daygrid-day-events {
    display: none !important;
}

#calendar.fc .fc-view-harness {
    box-sizing: content-box;
    padding-bottom: 4rem;
}

#calendar.fc .fc-view-harness .fc-day-other .fc-daygrid-day-top {
    opacity: 0.1;
}

#calendar.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    background-color: #FFDA9A !important;
    color: #623d09 !important;
}

#calendar.fc .fc-daygrid-day-number {
    border-color: transparent;
}

#calendar.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    display: none;
    min-height: 1rem;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

#calendar.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events .fc-daygrid-event-harness:nth-child(n+6) {
    display: none;
}

#calendar.fc .fc-daygrid-event {
    width: 6px;
    height: 6px;
}

#calendar.fc .fc-daygrid-day-bottom {
    display: none;
}
.wrapper .main-block .course .row .box .topcontent .boximg em{color: #4e4646;}
.stage-title,.jcccp-summary h4{color: #773508 !important;}
.stage-number{color: #2e2723 !important;background: rgba(241, 109, 18, 0.1) !important;}
.wrapper .main-block .course .load a{background: #ac501b !important;border: 1px solid #ac501b !important;}
.wrapper .main-block .garyback .taba a.active{color: #7590b8 !important;border-bottom-color: #7590b8 !important;}
.wrapper .main-block .course .row .box{}
.wrapper .main-block .course .row .box .topcontent .con{}
@media (min-width: 768px) {
    #calendar.fc .fc-view-harness {
        box-sizing: border-box;
        padding-bottom: 0;
    }
}

.wrapper .main-block .count .calendar_cont .box {
    background: unset;
    border: none;
    /* padding: 2.5rem 2rem; */
    padding: 0;
    height: 100%;
}

.fc .fc-daygrid-day-number {
    color: #fff;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: transparent;
}

#calendar.fc .fc-view-harness .fc-day-other .fc-daygrid-day-top {
    opacity: 1;
    color: #8e8f95;
}

.fc .fc-col-header-cell-cushion {
    font-size: 16px;
  
}

.fc .fc-daygrid-day-number {
    font-size: 15px;
}

.wrapper .main-block .count>.col-md-4 .box.new_bg::before {
    display: none;
}


/*
@media (max-width: 1440px) {
    .wrapper .main-block .count>.l_item {
        width: 100% !important;
    }
    .wrapper .main-block .count>.l_item .left_list {
        width: 50% !important;
    }
    .wrapper .main-block .count>.l_item .right_list {
        width: 50% !important;
        height: 600px;
        overflow-y: auto;
    }
}
@media (max-width: 1110px) {
    .wrapper .main-block .count>.l_item .left_list {
        width: 100% !important;
    }
    .wrapper .main-block .count>.l_item .right_list {
        width: 100% !important;
        height: auto;
        overflow-y: auto;
    }
}
*/


/*****organization*******/

.organization {
    position: relative;
    padding-right: 20px;
}

.organization span {
    display: inline-block;
    color: #fff;
    cursor: pointer;
    transition: all 0.35s ease;
}

.organization span i {
    margin-left: 10px;
}

.organization dl {
    display: none;
    margin-bottom: 0;
    position: absolute;
    left: -20%;
    top: 40px;
    width: 140%;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    border-radius: 10px;
}

.organization dl dd {
    padding: 5px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .organization dl dd {
        padding: 0 5px;
    }
}

.organization dl dd a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #333;
    transition: all 0.35s ease;
}

.organization dl dd a:hover {
    color: #39CAE1;
}


/*****organization*******/

.ml-10 {
    margin-left: 10px;
}

.modal_tabs.nav-tabs {
    border: none;
}

.modal_tabs.nav-tabs .nav-link {
    border: 1px solid #dee2e6;
    margin-right: 10px;
    color: #495057
}

.modal_tabs.nav-tabs .nav-link:hover,
.modal_tabs.nav-tabs .nav-item.show .nav-link,
.modal_tabs.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #495057;
    border-color: #dee2e6 #dee2e6 #fff;
}


/***用戶切換圖像****/

#changAvatar .person {
    position: relative;
    max-width: 92px;
}

#changAvatar .person .edit {
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0d6efd;
}

#ID-upload-demo-preview {
    width: 90px;
    line-height: 90px;
    text-align: center;
    height: 90px;
    border-radius: 50%;
}

#ID-upload-demo-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.align-center {
    align-items: center;
}
.wrapper .main-block .course .article .garyback.hei-auto{
	display: flex;
    justify-content: space-between;
}
.wrapper .main-block .course .article .garyback dl{
	display:block;
  	width:50%;
}

.wrapper .main-block .course .article .garyback dl dd {
    width: 100%;
    padding: 0 10px;
    /* background: rgba(9, 15, 41, 0.3); */
    margin-bottom: 2%;
    border-right: unset;
}
.size{position: relative;    margin-right: 2.5rem;}
.size span{
    display: inline-block;
    color: #fff;
    cursor: pointer;
    transition: all 0.35s ease;

}
.size dl{
    display: none;
    margin-bottom: 0;
    position: absolute;
    left: -20%;
    top: 40px;
    width: 100%;
    min-width: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    border-radius: 10px;
} 
.size dl dd{
    padding: 5px;
    margin-bottom: 0;
}
.size dl dd a{
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #333;
    transition: all 0.35s ease;
}  
html[lang="en-GB"] .wrapper .main-block .formbox .form-group input{width: 450px;} 
.wrapper .main-block .formbox .garyback{position: relative;}
.wrapper .main-block .formbox .garyback i{position: absolute;right: 0.5rem;cursor: pointer;}
@media (max-width: 1680px) {
    .wrapper .main-block .course .row .box .itemsText span{padding-left: 0.5rem  !important;padding-right: 0.5rem !important;}
}

@media (max-width: 1440px) {
    .wrapper .main-block .course .article .garyback dl dd {
        width: 97%;
        padding: 10px;
        border: none;
    }
}
@media (max-width: 1366px) {
    .wrapper .main-block .formbox{margin: 0 !important;margin-top: 1rem !important;}
}
@media (max-width: 767px) {
    .wrapper .main-block .course .article .garyback dl dd {
        padding: 0.7rem 1rem;
        width: 100%;
    }
    .size{margin-right: 1.5rem;}
  .wrapper .main-block .course .article .garyback.hei-auto{
  	display:block;
  }
  .wrapper .main-block .course .article .garyback dl{
  	width:100%;
  }
}
.wrapper .main-block .course .row .box .itemsText .state.orange-state {
    color: #ff7f36;
}
.wrapper .main-block .course .row .box .itemsText .state.orange-state::before {
    background: #ff7f36;
}
/*******edit idp********/

.idp .modern-table td {
    width: 30%;
}

.idp .modern-table td.edit-cont {
    width: 35%;
}

.edit-cont {
    cursor: default;
}

.edit-cont>span {
    display: none;
    width: 100%;
}

.edit-cont label {
    width: max-content;
    display: none;
    margin: 0;
}

.edit-cont label input {
    padding: 4px 8px;
    border: none;
    width: max-content;
	background: #ffffff12;
	color: #fff;
}

.edit-cont textarea, .edit-cont textarea:focus {
    padding: 4px 8px;
    border: none;
    width: 100%;
    background: #ffffff12;
    color: #fff;
    height: 150px;
}

.edit-cont label input:focus {
    background: #ffffff12;
    color: #fff;
    border: none;
    padding: 4px 8px;
    box-shadow: none;
}

.edit-cont label input.edit-cont label input {
    background: #ffffff12;
    color: #fff;
    border: none;
    padding: 4px 8px;
}


.edit-cont.textarea_cont label {
    width: 100%;
    display: block;
}

.edit-cont.textarea_cont label textarea {
    background: #ffffff12;
    color: #fff;
    border: none;
    padding: 4px 8px;
    min-height: 80px;
}

.edit-cont.textarea_cont label textarea:focus {
    background: #ffffff12;
    color: #fff;
    border: none;
    padding: 4px 8px;
    box-shadow: none;
}

.wrapper .main-block .course .row .box .topcontent .boximg a{color: #000;}
.empty-info{color: #fff !important;}
.badge-item.required{color: #969696 !important; }
.wrapper .main-block .activity .study-team .blueDeepbg .btna a:nth-child(2){background: #c05516;}
.wrapper .main-block .bar .creat-team{border: none;background: #ca4f07;}
.wrapper .main-block .resources table th{color: #c64c06;}
.wrapper .main-block .forum .blueDeepbg .taba a{color: #7a7c85;}
.wrapper .main-block .forum .blueDeepbg .tabcontent .items .content .online .left .blue_name{color: #267af7;}
.wrapper .main-block .forum .blueDeepbg .taba a.active{color: #2b7bf3;border-color: #2b7bf3;}
.quiz-form textarea.form-control{color: #fff !important;}
#loadBox-pc .col-12.col-xl-6{visibility: visible !important;}
.wrapper .main-block .news .row .box .con .play{display: none !important;}
.wrapper .main-block .garyback .taba a{text-align: center;}
@media (max-width: 1024px) {
.main-block{padding-top: 0px;}
.wrapper .main-block .garyback{width: 100%;}
.headbar{position: relative;top: 0;justify-content: flex-end;width: 100%;margin-bottom: 0px;}
.courseboxct{overflow-x: scroll;}
.modern-table th{white-space: nowrap;}
.wrapper .main-block .formbox{display: block;}
.wrapper .main-block .formbox .garyback{width: 100% !important;}
.wrapper .main-block .formbox{width: 100% !important;}
.wrapper .main-block .formbox .form-group{justify-content: space-between; margin-left: 0 !important;margin-bottom: 1rem !important;margin-top: 1rem !important;}
.wrapper .main-block .formbox button.btn.ms-3{margin-left: 0 !important;}
}
@media (max-width: 767px) {
    .energy_cont .px-4 {width: 100%;overflow-x: scroll;}
    .wrapper .main-block .formbox{width: 100%;}
    .checkboxlist .checkbox-inline .checkbox{margin-right: 2px;}
    .wrapper .main-block .formbox .garyback i{padding-right: 0;}
    .course_cont .row{display: block;}
    .course_cont .row .col{width: 100%;margin-top: 0.5rem;}
    .topbar .right{height: 450px;overflow-y: scroll;}
    .wrapper .main-block .formbox .form-group{min-width: 100% !important;}
    .wrapper .main-block .formbox{display: block !important;margin: 0 !important;}
    .wrapper .main-block .formbox .form-group{margin-left: 0 !important;}
    .wrapper .main-block .formbox button.btn.ms-3{margin-left: 0 !important;}
    .index_container .index_dialog .introduce‌_box .cont{padding: 0 10px !important;}
    .wrapper .main-block .formbox .garyback{width: 100% !important;}
    .wrapper .main-block .formbox{width: 100% !important;}
    .wrapper .main-block .garyback .taba a{margin: 0;}
    .wrapper .main-block .formbox .garyback i{right: 1rem;}
}
@media (max-width: 390px) {
    .mobile-bar .logo{width: 100px;}
    .size{margin-right: 0.5rem;}
    .organization{padding-right: 0.5rem;}
    .noticebox .notice{margin-left: 0.5rem;margin-right: 0.5rem;}
}

.pageinfo ul{display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
  .pageinfo ul li{margin: 10px 5px;}
  .pageinfo ul li a{display: flex;align-items: center;justify-content: center; padding: 5px 12px;border-radius: 6px;height: 34px;}
  .pageinfo ul li.active a{color: #fff;background: linear-gradient(#0164fb, #1eccf8);color: #fff;}
  .pageinfo ul li.all-page .form-control{cursor: pointer; border-radius: 5px;border: 1px solid #C6D9CF;} 
  .pageinfo ul li.prev a::after{
    content: "\f104";
    font-family: 'FontAwesome';
    color: #fff;
  }
  .pageinfo ul li.next a::after{
    content: "\f105";
    font-family: 'FontAwesome';
    color: #fff;
  }
  .pageinfo ul li a:hover{background: linear-gradient(#0164fb, #1eccf8);color: #fff;}
  .pageinfo ul li a:hover::after{color: #fff;}
.wrapper .main-block .course .article .garyback .introduction p{
	font-size:16px;
}
.wrapper .main-block .course .article .garyback .introduction .tit{
	font-size:18px;
  	color:#fff;
}
@media (max-width: 1440px) {
    .wrapper .main-block .course .article .garyback.introduction_box {
        border-radius: 10px;
        background: rgba(9, 15, 41, 0.7);
        padding: 15px;
    }
    

}

@media (max-width: 1800px) {
    html[lang="en-GB"] .wrapper .main-block .count > .col-md-4:nth-last-child(1){width: 100%;margin-top: 1rem !important;}
    html[lang="en-GB"] .wrapper .main-block .count > .col-md-8{width: 66.66666%;}
    html[lang="en-GB"] .journey-path{justify-content: space-around;}
    html[lang="en-GB"] .wrapper .main-block .count .col-md-6.col-xxl-4{width: 50%;}
    html[lang="en-GB"] .wrapper .main-block .count .col-md-12.col-xxl-4{width: 100%;}
}
@media (max-width: 1600px) {
    .wrapper .main-block .count .last .box{padding: 0.5rem;}
}
@media (max-width: 1366px) {
    .wrapper .main-block .count .last .box{padding: 0.5rem 2rem;}
}
@media (max-width: 820px) {
    .wrapper .main-block .count .last .box{padding: 0.5rem 1rem;}
    html[lang="en-GB"] .wrapper .main-block .count > .col-md-4{width: 100%;}
    html[lang="en-GB"] .wrapper .main-block .count > .col-md-8{width: 100%;margin-top: 1rem;}
    html[lang="en-GB"] .wrapper .main-block .count .col-md-6.col-xxl-4{width: 100%;}
}
@media (max-width: 430px) {
    #chart-container{height: 190px !important;}
}

@media (max-width: 767px) {
    .wrapper .main-block .count .last .box {

         display: block; 
    }
    .wrapper .main-block .count .last .box:nth-child(2){margin-top: 1rem;}
    html[lang="en-GB"] .wrapper .main-block .count > .col-md-8{margin-top: 0;}
}
@media (max-width: 767px) {
  .wrapper .main-block .count > .col-md-4 .box.lastbox {
    display: none;
    
  }
}