@font-face {
    font-family: 'g-star';
    src: url('/assets/webfonts/g-star/font/g-star.eot?15232666');
    src: url('/assets/webfonts/g-star/font/g-star.eot?15232666#iefix') format('embedded-opentype'),
        url('/assets/webfonts/g-star/font/g-star.woff?15232666') format('woff'),
        url('/assets/webfonts/g-star/font/g-star.ttf?15232666') format('truetype'),
        url('/assets/webfonts/g-star/font/g-star.svg?15232666#g-star') format('svg');
    font-weight: normal;
    font-style: normal;
}

.tutor-records {
    position: relative;
    bottom: 0;
    height: 65%;
}

@media only screen and (min-width: 575px) {
    .tutor-records {
        height: 75%;
    }
    .tutor-info-box{
        padding: 15px 25px;
    }
}

.w-40 {
    width: 40%;
}

.tutor-info-box > table {
    height: 100%;
}

.tutor-info-box > table > tbody > tr.tutor-info > td {
    height: 120px;
    padding-bottom: 15px;
}

.tutor-info-box .tutor-img {
    margin: 0 auto;
}


.tutor-info-box .tutor-detail-box{
    height: calc(100% - 135px);
    
}

.tutor-info-box .tutor-detail{
    height: 100%;
    overflow-y: scroll
}
.rate-box {
    border: 1px solid orange;
    border-radius: 5px;
    background-color: #fda50024;
    padding: 10px;
    margin-bottom: 2rem;
}

.star-lg {
    font-size: 1.6rem;
}

.star-sm {
    display: inline-block;
    font-size: 1.3rem;
}

.star-sm:after,
.star-lg:after {
    font-family: "g-star";
    color: orange;
}

.star-sm.r-50:after,
.star-lg.r-50:after {
    content: "\e814\e814\e814\e814\e814";
}

.star-sm.r-45:after,
.star-lg.r-45:after {
    content: "\e814\e814\e814\e814\f123";
}

.star-sm.r-40:after,
.star-lg.r-40:after {
    content: "\e814\e814\e814\e814\e815";
}

.star-sm.r-35:after,
.star-lg.r-35:after {
    content: "\e814\e814\e814\f123\e815";
}

.star-sm.r-30:after,
.star-lg.r-30:after {
    content: "\e814\e814\e814\e815\e815";
}

.star-sm.r-25:after,
.star-lg.r-25:after {
    content: "\e814\e814\f123\e815\e815";
}

.star-sm.r-20:after,
.star-lg.r-20:after {
    content: "\e814\e814\e815\e815\e815";
}

.star-sm.r-15:after,
.star-lg.r-15:after {
    content: "\e814\f123\e815\e815\e815";
}

.star-sm.r-10:after,
.star-lg.r-10:after {
    content: "\e814\e815\e815\e815\e815";
}

.star-sm.r-05:after,
.star-lg.r-05:after {
    content: "\f123\e815\e815\e815\e815";
}

.rate-box table > tbody > tr > td:first-child {
    white-space: nowrap
}

.everage-rate {
    font-size: 3.5rem;
    line-height: 3.5rem;
}

.customer-feedback .c-name {
    display: inline-block;
    font-weight: 800;
}

.customer-feedback span {
    display: block;
    margin-bottom: 2rem;
}

.g-star {
    font-family: "g-star";
    color: orange;
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/** ICON 修正 **/
.btn-box a:first-child::before {
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
}

.btn-box a:last-child::before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
}