.table-class td.link{text-decoration: none;}
.table-class td.link:hover{color: #000}
.table-class td.link p{margin-bottom: 0px;}
.table-class td.link a{text-decoration: underline;}

.period-list.period-4 li{width: 235px}
.period-list li{padding: 20px 5px}
.period-list li .period-name{padding: 0px 10px}

.address-item.hide{display: none;}
.address-item .btn-del{display: inline-block; height: 24px; line-height: 24px; font-size: 16px; position: relative; color: #000; margin-top: 10px;}
.address-item .btn-del:hover{color: #c30d23;}

#product-added{display: none;}
.error-msg div{margin-bottom: 0px !important;}
.payment-list p{margin-bottom: 0px;}
.remain-course-container{display: none;}

.plan-container{background: #fff; padding: 10px 20px; margin-bottom: 20px;}
.plan-container .desc{padding: 0px 50px; margin-bottom: 10px;}
.plan-container .desc p{margin-bottom: 10px;}
.plan-container .desc p:last-of-type{margin-bottom: 0px;}
.plan-container .plan-fee{display: flex; align-items: top}
.plan-container .plan-fee .fee-list{width: calc(100% - 155px); display: inline-block; padding-left: 15px;}
.plan-container .plan-fee .btn{width: 150px; display: inline-block; text-align: right;}
.plan-container .plan-fee .fee-item .title{width: calc(100% - 155px); display: inline-block; margin-bottom: 0px;}
.plan-container .plan-fee .fee-item div{width: 150px; display: inline-block;}
.plan-table-tr div:nth-of-type(1){width: initial !important; margin-right: 20px;}
.plan-table-tr div:nth-of-type(2){width: initial !important; }
.full-calendar .fc-view-container .fc-time-grid .fc-slats td{height: 100px; height: 80px}
.preview .full-calendar .fc-view-container .fc-time-grid .fc-slats td{height: 100px; height: 50px}
.shareText{line-height: 35px; position: relative; top: -13px;}
.fb-like-btn{position: relative; top: -11px; margin-left: 20px;}

#search_ul li{margin-bottom: 10px;}
#search_ul li a{color: #000; font-size: 16px; }
#search_ul li a:hover{color: #c30d23;}

.effect-list > li .right ul {
    overflow: hidden;
    width: 100%;
    height: 100%;
    /* margin-left: 20px; */
    float: right;
}
.effect-list > li .right ul li {
    width: 100%;
    padding-left: 30px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
    background: url(../images/icons/icon_tick01.png) no-repeat left top;
}

.paging2{display: flex; width: 100%; align-items: center; justify-content: center;}

.course-share-list li p:before, .course-share-list li p:after{display: none;}
.course-share-list li .content{position: relative;}
.course-share-list li .content:before{left: 0; top: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.course-share-list li .content:after {
    right: 0;
    bottom: 0;
}
.course-share-list li .content:before, .course-share-list li .content:after {
    position: absolute;
    content: "";
    width: 17px;
    height: 15px;
    background: url(../images/icons/icon_quote01.png);
}

#about .undoreset-content *:not(a) {color: #fff;}
#about .undoreset-content p{text-align: justify;}
.undoreset-content2 p{text-align: justify;}

.period-list.period-4 li{width: calc((100% - 5px * 3 - 4px * 3) / 4);}

header nav{margin-right: 30px;}

/* .table-class.plan-class td:not(.plan-btn){width: calc(100% / 2); min-width: unset; padding-right: 15px;} */
.table-class.plan-class td:first-of-type{width: 200px;}
.table-class.plan-class td.price{width: 150px;}

.table-class.plan-class td:nth-child(1):before{content: '名稱';}
.table-class.plan-class td:nth-child(2):before{content: '內容';}
.table-class.plan-class td:nth-child(3):before{content: '費用';}
.table-class.plan-class td:nth-child(4):before{content: '';}

#indexPopup .indexPopup-container{max-height: 90%; overflow: auto}
@media screen and (max-width: 1280px) and (min-width: 1025px){
    .period-list.period-4 li{width: calc((100% - 2% * 3 - 4px * 3) / 4) !important;}

    header nav{margin-right: 25px !important;}
    header nav > div{margin: 0px 10px !important;}
}

@media screen and (max-width: 1024px){
    .login-panel  .col-xl-6{width: 100%;}

    .period-list.period-4 li{width: calc((100% - 2% * 2 - 4px * 2) / 3) !important; margin-right: 2% !important}
    .period-list.period-4 li:nth-of-type(3n){margin-right: 0px !important}
}

@media screen and (max-width: 768px){

    .period-list.period-4 li{width: 100% !important; margin-right: 0 !important;}
}


.content-text.fl-left{position: relative !important; float: right !important; width: 45% !important; padding-top: 0px !important;}
.recommand-list li .icon{background-size: 48px 48px !important;}
.table-class td:nth-child(2){min-width: 100px;}
.fc-detail .quota{display:none;}
.fc-detail .btn-sign{background: #e9dc39; padding: 0px 10px; border:1px solid #e9dc39; text-decoration: none; border-radius: 5px; line-height: 16px; color: #000; transition: 0.4s; -webkit-transition: 0.4s;}
.fc-detail .btn-sign:hover{color: #000; background: #fff; border-color: #000;}
.photos-block .text-side{height: auto;}
#change_date{width: 100%; max-width: 767px;}
#change_date .table-tr{float: left; width: 100%;}
#change_date .table-tr > div{float: left;}
#change_date .table-tr > div:nth-of-type(1){width: 100px;}
#change_date .table-tr > div:nth-of-type(2){width: calc(100% - 100px);}
#change_date textarea{width: 100%; height: 200px;}
#change_date .btn-container{float: left; width: 100%; text-align: center; margin-top: 10px;}

#view_change{width: 100%; max-width: 767px;}
#viewBooked{width: 100%; max-width: 767px;}
.viewChangeContainer .row{margin-bottom: 10px; border-bottom: 1px solid #000;}
.viewChangeContainer .row:last-of-type{border:0px;}
.viewChangeContainer .table-tr{margin-bottom: 10px;}
.viewChangeContainer .table-tr > div:nth-of-type(1){width: 75px;}
.viewChangeContainer .table-tr > div:nth-of-type(2){width: 100% - 75px;}
.photos-block .text-side{height: auto !important}
.fc-detail.hide br{display:none !important;}
.table-class thead th{text-align: left;}

.course-share-list li, .centre-share-list li{float: left; width: 100%;}
.course-share-list .photo, .centre-share-list .photo{width: 150px; display: inline-block;vertical-align: top; float: right; margin: 0px 30px 0px 0px;}
.course-share-list .have-photo, .centre-share-list .have-photo{width: calc(100% - 180px); display: inline-block; vertical-align: top; float: left;}
.course-share-list .photo img, .centre-share-list .photo img{max-width: 150px; max-height: 100%; width: auto; height: auto}

.course-share-list .photo-left .photo{float: left; margin: 0px 0px 0px 30px;}
.course-share-list li p {text-align: justify !important}
@media screen and (max-width: 767px){
    .course-share-list .photo img, .centre-share-list .photo img{display: block; margin: 0 auto;}
    .course-share-list .photo, .centre-share-list .photo{float: left; width: 100%; margin: 0px;}
    .course-share-list .have-photo, .centre-share-list .have-photo{float: right; width: 100%;}
}