/*字型設定*/
@font-face {
    font-family: 'TauhuOo';
    src: url('../font/TauhuOo20.05-Regular.woff2') format('woff2'), url('../font/TauhuOo20.05-Regular.woff') format('woff'), url('../font/TauhuOo2005-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
    font-family:'Noto Sans TC', 'TauhuOo', sans-serif !important;
}

/************************RWD-手機優先(479.99px以下)**********************/
/***********************************************************************/
/*default => 1rem = 16px*/

/**************************樣式**************************************************************/
/***登入***/
.font-style-login-btn{
    /* font-family: "Noto Sans Bengali UI"; */
    font-style: normal;
    line-height: 50%;
    font-weight: 700;
    letter-spacing: 2px;
}

.font-style-warning-title{
    font-style: normal;
    color: #BD3133;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.font-style-warning-content{
    font-style: normal;
    color: #EC494C;
    font-weight: 400;
    letter-spacing: 0.8px;
}

/***詞彙練習***/
/*字體樣式-400-詞彙練習副標題-白*/
.font-style-practice-white-subtitle{
    color: #FFF;
    font-style: normal;
    font-weight: 400;
}

/*字體樣式-400-詞彙練習標題-白*/
.font-style-practice-white-title{
    color: #FFF;
    font-style: normal;
    font-weight: 700;
}

/*字體樣式-500-詞彙練習-黑*/
.font-style-practice-black{
    color: #545454;
    font-style: normal;
    font-weight: 600;
}

/*字體樣式-500-詞彙練習-灰*/
.font-style-practice-gray{
    color: #BDBDBD;
    font-style: normal;
    font-weight: 600;
}

/*字體樣式-500-詞彙練習-灰*/
.font-style-practice-green{
    color: rgba(57, 157, 160, 0.60);
    font-style: normal;
    font-weight: 600;
}

/************************************導航欄******************************/
/*字體樣式-700-導航欄-灰*/
.font-style-navbar-gray{
    color: #BDBDBD;
    font-style: normal;
    font-weight: 700;
}

/*字體樣式-700-導航欄-黑*/
.font-style-navbar-black{
    color: #545454;
    font-style: normal;
    font-weight: 700;
}

/***************************************選單******************************/
/*字體樣式-小粗體字寬(600)-返回黑*/
.font-style-option-back{
    color: #545454;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.1rem;
}

/*字體樣式-粗體字寬(700)-選項黑*/
.font-style-option-title{
    color: #545454;
    font-style: normal;
    font-weight: 700;
}

/*字體樣式-小粗體字寬(600)-選項灰*/
.font-style-option-item{
    color: #BDBDBD;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.0875rem;
}

/***首頁***/
/*能量條*/
.font-style-index-engry{
    color: #FFF;
    font-style: normal;
    font-weight: 500;
}

/*能量條說明*/
.font-style-index-engry-message{
    color: #399DA0;
    font-style: normal;
    font-weight: 500;
}

/*選項PC按紐文字*/
.font-style-index-option-btn-title{
    color: #FFF;
    font-style: normal;
    font-weight: 700;
}

/*選項文字*/
.font-style-index-option{
    color: #399DA0;
    font-style: normal;
    font-weight: 600;
}

.font-style-index-option-hover{
    color: #FFF;
    font-style: normal;
    font-weight: 600;
}

/*標題文字*/
.font-style-index-title{
    color: #FFF;
    font-style: normal;
    font-weight: 700;
}

.font-style-index-subtitle{
    color: #FFF;
    font-style: normal;
    font-weight: 400;
}

/***關卡***/
/*各題標題*/
.font-style-level-title{
    color: #545454;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.1rem;
}

/*關卡組句子選項*/
.font-style-level-sentence-option{
    color: #828282;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.125rem;
}

/*關卡組句子選項-未選擇*/
.font-style-level-sentence-option-unselected{
    color: #E9E9E9;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.125rem;
}

/*關卡-句子翻譯-問題*/
.font-style-level-translate-question{
    color: #50B5B9;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

/***送出按鈕***/
/*確認答案按鈕*/
.font-style-level-submit-btn-check{
    color: #FFFFFF;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.125rem;
}

.font-style-level-submit-btn-next{
    color: #FFF;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.125rem;
}

.font-style-level-submit-btn-error{
    color: #FFF;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.125rem;
}

/*答對訊息*/
.font-style-level-next-message{
    color: #399DA0;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.1rem;
}

/*答錯訊息*/
.font-style-level-error-message{
    color: #EC494C;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.1rem;
}

/*正確答案*/
.font-style-level-error-answer{
    color: #BD3133;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.1rem;
}

/*單字題選項*/
.font-style-level-vocabulary-option{
    color: #828282;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.1rem;
}

/*連連看內容*/
.font-style-level-connect-content{
    color: #828282;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.125rem;
}

.font-style-level-connect-content-selected{
    color: #399DA0;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.125rem;
}

.font-style-level-connect-content-error{
    color: #EC494C;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.125rem;
}

/*填空題目*/
.font-style-level-blank-question{
    color: #50B5B9;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.053rem;
}

/*關卡訊息*/
.font-style-level-message{
    color: #399DA0;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.031rem;
}

/*填空選項*/
.font-style-level-blank-option{
    color: #828282;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.125rem;
}

.font-style-level-blank-option-selected{
    color: #50B5B9;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.125rem;
}

/*結算*/
.font-style-level-result-title{
    color: #2E2E2E;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.font-style-level-result-subtitle{
    color: #FFF;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.font-style-level-result-score{
    color: #2E2E2E;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.font-style-level-result-btn-back{
    color: #50B5B9;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/*************************************詞彙複習******************************/
/*標題*/
.font-style-review-title{
    color: #FFF;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/*腔調選項*/
.font-style-review-accent-btn{
    color: #399DA0;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.04375rem;
}

.font-style-review-accent-btn-hover{
    color: #FFF;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.04375rem;
}

/*頁面bar*/
.font-style-review-bar-selected{
    color: #545454;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.font-style-review-bar-unselected{
    color: #A1A1A1;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/*詞彙複習內容*/
.font-style-review-hakka{
    color: #545454;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.font-style-review-chinese{
    color: #A1A1A1;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/**************************************任務*******************************/
/*標題*/
.font-style-mission-title{
    color: #FFF;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/*內容標題*/
.font-style-mission-content-title{
    color: #545454;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/*內容-統計計分*/
.font-style-mission-content-total{
    color: #50B5B9;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.font-style-mission-content-bar{
    color: #828282;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.font-style-mission-content-bar2{
    color: #FFF;
    font-style: normal;
    font-weight: 600;
    line-height: normal;    
}

.font-style-mission-item-title{
    color: #BDBDBD;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.0375rem
}

.font-style-mission-item-main-title{
    color: #545454;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.font-style-mission-item-score{
    color: #F9C26B;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.font-style-mission-item-score2{
    color: #DADADA;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.font-style-mission-message{
    color: #50B5B9;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/***************************************排行榜******************************/
/*帳號*/
.font-style-rank-user{
    color: #545454;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.06rem;
}

/*分數*/
.font-style-rank-score{
    color: #828282;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/*標題*/
.font-style-rank-title{
    color: #545454;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.font-style-rank-subtitle{
    color: #545454;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.font-style-rank-time{
    color: #50B5B9;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.0875rem;
}

/************************************個人資料******************************/
/*資料-數字*/
.font-style-profile-data-number{
    color: #2E2E2E;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/*資料-標題*/
.font-style-profile-data-title{
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0875rem;
    /*顏色單獨設定在頁面CSS*/
}

.font-style-profile-header-title{
    color: #828282;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.043rem;
}

.font-style-profile-header-user{
    color: #545454;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/**************************大小**********************************/
/***登入**/
.font-size-login-btn-M{
    font-size: 1.25rem;
}

.font-size-login-btn-L{
    font-size: 1.375rem;
}

.font-size-login-btn-XL{
    font-size: 1.5rem;
}

.font-size-warning-title-M{
    font-size: 1rem;
}

.font-size-warning-title-L{
    font-size: 1.125rem;
}

.font-size-warning-title-XL{
    font-size: 1.25rem;
}

.font-size-warning-content-M{
    font-size: 1rem;
}

.font-size-warning-content-L{
    font-size: 1.125rem;
}

.font-size-warning-content-XL{
    font-size: 1.25rem;
}

/***詞彙練習***/
.font-size-practice-title-M{
    font-size: 1.125rem;
    line-height: normal;
}

.font-size-practice-title-L{
    font-size: 1.25rem;
    line-height: normal;
}

.font-size-practice-title-XL{
    font-size: 1.375rem;
    line-height: normal;
}

.font-size-practice-subtitle-M{
    font-size: 0.875rem;
    line-height: normal;
}

.font-size-practice-subtitle-L{
    font-size: 1rem;
    line-height: normal;
}

.font-size-practice-subtitle-XL{
    font-size: 1.125rem;
    line-height: normal;
}

.font-size-practice-content-M{
    font-size: 1rem;
    line-height: normal;
}

.font-size-practice-content-L{
    font-size: 1.125rem;
    line-height: normal;
}

.font-size-practice-content-XL{
    font-size: 1.25rem;
    line-height: normal;
}

/************************************導航欄******************************/
/*導航欄M*/
.font-size-nav-M{
    /*14px*/
    font-size: 0.875rem;
    letter-spacing: 0.04375rem;
}

/*導航欄L*/
.font-size-nav-L{
    /*14px*/
    font-size: 0.9375rem;
    letter-spacing: 0.04375rem;
}

/*導航欄XL*/
.font-size-nav-XL{
    /*14px*/
    font-size: 1rem;
    letter-spacing: 0.04375rem;
}

/***************************************選單******************************/
.font-size-option-title-M{
    font-size: 1.375rem;
    line-height: normal;
}

.font-size-option-title-L{
    font-size: 1.5rem;
    line-height: normal;
}

.font-size-option-title-XL{
    font-size: 1.625rem;
    line-height: normal;
}

.font-size-option-back-M{
    font-size: 1rem;
    line-height: normal;
}

.font-size-option-back-L{
    font-size: 1.125rem;
    line-height: normal;
}

.font-size-option-back-XL{
    font-size: 1.25rem;
    line-height: normal;
}

.font-size-option-content-M{
    font-size: 0.875rem;
    line-height: normal;
}

.font-size-option-content-L{
    font-size: 1rem;
    line-height: normal;
}

.font-size-option-content-XL{
    font-size: 1.125rem;
    line-height: normal;
}

.img-size-option-icon-M{
    height: 0.875rem;
    width: auto;
}

.img-size-option-icon-L{
    height: 1rem;
    width: auto;
}

.img-size-option-icon-XL{
    height: 1.125rem;
    width: auto;
}

/***首頁***/
/*選項文字*/
.font-size-index-option-M{
    font-size: 0.875rem;
    line-height: normal;
    letter-spacing: 0.04375rem;
}

.font-size-index-option-L{
    font-size: 0.9375rem;
    line-height: normal;
    letter-spacing: 0.04375rem;
}

.font-size-index-option-XL{
    font-size: 1rem;
    line-height: normal;
    letter-spacing: 0.04375rem;
}

/*選項icon*/
.img-size-index-icon-M{
    height: 1.125rem;
    width: auto;
}

.img-size-index-icon-L{
    height: 1.1875rem;
    width: auto;
}

.img-size-index-icon-XL{
    height: 1.25rem;
    width: auto;
}

/*選項PC按紐文字*/
.font-size-index-option-btn-title-M{
    font-size: 0.875rem;
    line-height: normal;
}

.font-size-index-option-btn-title-L{
    font-size: 1rem;
    line-height: normal;
}

.font-size-index-option-btn-title-XL{
    font-size: 1.125rem;
    line-height: normal;
}

/*體力條訊息*/
.font-size-index-option-energy-message-M{
    font-size: 0.75rem;
    line-height: normal;
}

.font-size-index-option-energy-message-L{
    font-size: 0.875rem;
    line-height: normal;
}

.font-size-index-option-energy-message-XL{
    font-size: 1rem;
    line-height: normal;
}

/*標題*/
.font-size-index-title-M{
    font-size: 1rem;
    line-height: normal;
}

.font-size-index-title-L{
    font-size: 1.0625rem;
    line-height: normal;
}

.font-size-index-title-XL{
    font-size: 1.125rem;
    line-height: normal;
}

.font-size-index-subtitle-M{
    font-size: 0.75rem;
    line-height: normal;
}

.font-size-index-subtitle-L{
    font-size: 0.8125rem;
    line-height: normal;
}

.font-size-index-subtitle-XL{
    font-size: 0.875rem;
    line-height: normal;
}

/***關卡***/
.font-size-level-title-M{
    font-size: 1.125rem;
    line-height: normal;
}

.font-size-level-title-L{
    font-size: 1.25rem;
    line-height: normal;
}

.font-size-level-title-XL{
    font-size: 1.375rem;
    line-height: normal;
}

.font-size-level-sentence-option-M{
    font-size: 1.25rem;
    line-height: normal;
}

.font-size-level-sentence-option-L{
    font-size: 1.375rem;
    line-height: normal;
}

.font-size-level-sentence-option-XL{
    font-size: 1.5rem;
    line-height: normal;
}

/*關卡-句子翻譯-問題*/
.font-size-level-translate-question-M{
    font-size: 1.0625rem;
    line-height: normal;
}

.font-size-level-translate-question-L{
    font-size: 1.15625rem;
    line-height: normal;
}

.font-size-level-translate-question-XL{
    font-size: 1.25rem;
    line-height: normal;
}

/*確認答案按鈕*/
.font-size-level-submit-btn-M{
    font-size: 1.25rem;
    line-height: normal;
}

.font-size-level-submit-btn-L{
    font-size: 1.375rem;
    line-height: normal;
}

.font-size-level-submit-btn-XL{
    font-size: 1.5rem;
    line-height: normal;
}

/*按鈕區訊息*/
.font-size-level-btn-message-M{
    font-size: 1rem;
    line-height: normal;
}

.font-size-level-btn-message-L{
    font-size: 1.125rem;
    line-height: normal;
}

.font-size-level-btn-message-XL{
    font-size: 1.25rem;
    line-height: normal;
}

/*單字題選項*/
.font-size-level-vocabulary-option-M{
    font-size: 1.5rem;
    line-height: normal;
}

.font-size-level-vocabulary-option-L{
    font-size: 1.625rem;
    line-height: normal;
}

.font-size-level-vocabulary-option-XL{
    font-size: 1.75rem;
    line-height: normal;
}

/*連連看*/
.font-size-level-connect-M{
    font-size: 1.25rem;
    line-height: normal;
}

.font-size-level-connect-L{
    font-size: 1.375rem;
    line-height: normal;
}

.font-size-level-connect-XL{
    font-size: 1.5rem;
    line-height: normal;
}

/*填空題目*/
.font-size-level-blank-question-M{
    font-size: 1.0625rem;
    line-height: normal;
}

.font-size-level-blank-question-L{
    font-size: 1.15625rem;
    line-height: normal;
}

.font-size-level-blank-question-XL{
    font-size: 1.25rem;
    line-height: normal;
}

/*關卡訊息*/
.font-size-level-message-M{
    font-size: 1.375rem;
    line-height: normal;
}

.font-size-level-message-L{
    font-size: 1.5rem;
    line-height: normal;
}

.font-size-level-message-XL{
    font-size: 1.625rem;
    line-height: normal;
}

/*填空選項*/
.font-size-level-blank-option-M{
    font-size: 1.25rem;
    line-height: normal;
}

.font-size-level-blank-option-L{
    font-size: 1.375rem;
    line-height: normal;
}

.font-size-level-blank-option-XL{
    font-size: 1.5rem;
    line-height: normal;
}

/*結算*/
.font-size-level-result-title-M{
    font-size: 1.25rem;
    line-height: normal;
}

.font-size-level-result-title-L{
    font-size: 1.375rem;
    line-height: normal;
}

.font-size-level-result-title-XL{
    font-size: 1.5rem;
    line-height: normal;
}

.font-size-level-result-subtitle-M{
    font-size: 0.875rem;
    line-height: normal;
}

.font-size-level-result-subtitle-L{
    font-size: 0.9375rem;
    line-height: normal;
}

.font-size-level-result-subtitle-XL{
    font-size: 1rem;
    line-height: normal;
}

.font-size-level-result-btn-back-M{
    font-size: 1.25rem;
    line-height: normal;
}

.font-size-level-result-btn-back-L{
    font-size: 1.375rem;
    line-height: normal;
}

.font-size-level-result-btn-back-XL{
    font-size: 1.5rem;
    line-height: normal;
}

/*************************************詞彙複習******************************/
.font-size-review-title-M{
    font-size: 1.25rem;
    line-height: normal;
}

.font-size-review-title-L{
    font-size: 1.375rem;
    line-height: normal;
}

.font-size-review-title-XL{
    font-size: 1.5rem;
    line-height: normal;
}

/*詞彙複習-腔調按鈕*/
.font-size-review-accent-M{
    font-size: 0.875rem;
    line-height: normal;
    letter-spacing: 0.04375rem;
}

.font-size-review-accent-L{
    font-size: 0.9375rem;
    line-height: normal;
    letter-spacing: 0.04375rem;
}

.font-size-review-accent-XL{
    font-size: 1rem;
    line-height: normal;
    letter-spacing: 0.04375rem;
}

/*詞彙複習-腔調icon*/
.img-size-review-accent-icon-M{
    height: 1.125rem;
    width: auto;
}

.img-size-review-accent-icon-L{
    height: 1.1875rem;
    width: auto;
}

.img-size-review-accent-icon-XL{
    height: 1.25rem;
    width: auto;
}

/*詞彙複習-頁面bar*/
.font-size-review-bar-M{
    font-size: 1rem;
    line-height: normal;
}

.font-size-review-bar-L{
    font-size: 1.125rem;
    line-height: normal;
}

.font-size-review-bar-XL{
    font-size: 1.25rem;
    line-height: normal;
}

/*詞彙複習內容*/
.font-size-review-hakka-M{
    font-size: 1.125rem;
    line-height: normal;
}

.font-size-review-hakka-L{
    font-size: 1.25rem;
    line-height: normal;
}

.font-size-review-hakka-XL{
    font-size: 1.375rem;
    line-height: normal;
}

.font-size-review-chinese-M{
    font-size: 0.875rem;
    line-height: normal;
}

.font-size-review-chinese-L{
    font-size: 1rem;
    line-height: normal;
}

.font-size-review-chinese-XL{
    font-size: 1.125rem;
    line-height: normal;
}

/************************************任務******************************/
.font-size-mission-title-M{
    font-size: 1.25rem;
    line-height: normal;
}

.font-size-mission-title-L{
    font-size: 1.375rem;
    line-height: normal;
}

.font-size-mission-title-XL{
    font-size: 1.5rem;
    line-height: normal;
}

/*內容標題*/
.font-size-mission-content-title-M{
    font-size: 1.125rem;
    line-height: normal;
}

.font-size-mission-content-title-L{
    font-size: 1.25rem;
    line-height: normal;
}

.font-size-mission-content-title-XL{
    font-size: 1.375rem;
    line-height: normal;
}

/*內容-統計計分*/
.font-size-mission-content-total-M{
    font-size: 0.75rem;
    line-height: normal;
}

.font-size-mission-content-total-L{
    font-size: 0.875rem;
    line-height: normal;
}

.font-size-mission-content-total-XL{
    font-size: 1rem;
    line-height: normal;
}

.font-size-mission-content-bar-M{
    font-size: 0.75rem;
}

.font-size-mission-content-bar-L{
    font-size: 0.84375rem;
}

.font-size-mission-content-bar-XL{
    font-size: 0.9375rem;
}

.font-size-mission-item-title-M{
    font-size: 0.875rem;
}

.font-size-mission-item-title-L{
    font-size: 0.9375rem;
}

.font-size-mission-item-title-XL{
    font-size: 1rem;
}

.font-size-mission-item-main-title-M{
    font-size: 0.875rem;
}

.font-size-mission-item-main-title-L{
    font-size: 1rem;
}

.font-size-mission-item-main-title-XL{
    font-size: 1.125rem;
}

.font-size-mission-message-M{
    font-size: 1rem;
}

.font-size-mission-message-L{
    font-size: 1.125rem;
}

.font-size-mission-message-XL{
    font-size: 1.25rem;
}

/***************************************排行榜******************************/
/*帳號*/
.font-size-rank-user-M{
    font-size: 1rem;
}

.font-size-rank-user-L{
    font-size: 1.125rem;
}

.font-size-rank-user-XL{
    font-size: 1.25rem;
}

/*分數*/
.font-size-rank-score-M{
    font-size: 0.875rem;
}

.font-size-rank-score-L{
    font-size: 1rem;
}

.font-size-rank-score-XL{
    font-size: 1.125rem;
}

/*標題*/
.font-size-rank-title-M{
    font-size: 1.125rem;
}

.font-size-rank-title-L{
    font-size: 1.25rem;
}

.font-size-rank-title-XL{
    font-size: 1.375rem;
}

.font-size-rank-subtitle-M{
    font-size: 0.875rem;
}

.font-size-rank-subtitle-L{
    font-size: 1rem;
}

.font-size-rank-subtitle-XL{
    font-size: 1.125rem;
}

.font-size-rank-time-M{
    font-size: 0.875rem;
}

.font-size-rank-time-L{
    font-size: 1rem;
}

.font-size-rank-time-XL{
    font-size: 1.125rem;
}

/************************************個人資料******************************/
/*資料-數字*/
.font-size-profile-data-number-M{
    font-size: 1.875rem;
}

.font-size-profile-data-number-L{
    font-size: 2rem;
}

.font-size-profile-data-number-XL{
    font-size: 2.125rem;
}

/*資料-標題*/
.font-size-profile-data-title-M{
    font-size: 0.875rem;
}

.font-size-profile-data-title-L{
    font-size: 1rem;
}

.font-size-profile-data-title-XL{
    font-size: 1.125rem;
}

.font-size-profile-header-title-M{
   font-size: 0.875rem;
}

.font-size-profile-header-title-L{
   font-size: 1rem;
}

.font-size-profile-header-title-XL{
   font-size: 1.125rem;
}

.font-size-profile-header-user-M{
    font-size: 1.25rem;
}

.font-size-profile-header-user-L{
    font-size: 1.375rem;
}

.font-size-profile-header-user-XL{
    font-size: 1.5rem;
}
/*我的好友-按鈕*/
.font-size-profile-my-friend-btn-M{
    font-size: 1rem;
}
.font-size-profile-my-friend-btn-L{
    font-size: 1.125rem;
}
.font-size-profile-my-friend-btn-XL{
    font-size: 1.25rem;
}

/*好友名單*/
.font-size-profile-friend-account-M{
    font-size: 1rem;
}
.font-size-profile-friend-account-L{
    font-size: 1.125rem;
}
.font-size-profile-friend-account-XL{
    font-size: 1.25rem;
}
.font-size-profile-friend-info-btn-M{
    font-size: 0.875rem;
}
.font-size-profile-friend-info-btn-L{
    font-size: 1rem;
}
.font-size-profile-friend-info-btn-XL{
    font-size: 1.125rem;
}

/*新增好友*/
.font-size-profile-add-friend-title-M{
    font-size: 1rem;
}
.font-size-profile-add-friend-title-L{
    font-size: 1.125rem;
}
.font-size-profile-add-friend-title-XL{
    font-size: 1.25rem;
}
.font-size-profile-add-friend-search-M{
    font-size: 1rem;
}
.font-size-profile-add-friend-search-L{
    font-size: 1.125rem;
}
.font-size-profile-add-friend-search-XL{
    font-size: 1.25rem;
}

/***************************************延伸學習******************************/
.font-size-other-btn-M{
    font-size: 1.5rem;
}
.font-size-other-btn-L{
    font-size: 1.75rem;
}
.font-size-other-btn-XL{
    font-size: 2rem;
}


/*********************RWD-極小螢幕(小於350px)**************************/
@media (max-width: 370px){
    /**************************大小**********************************/
    /***詞彙練習***/
    .font-size-practice-title-M{
        font-size: calc(1.125rem * 0.9);
        line-height: normal;
    }
    
    .font-size-practice-title-L{
        font-size: calc(1.25rem * 0.9);
        line-height: normal;
    }
    
    .font-size-practice-title-XL{
        font-size: calc(1.375rem * 0.9);
        line-height: normal;
    }
    
    .font-size-practice-subtitle-M{
        font-size: calc(0.875rem * 0.9);
        line-height: normal;
    }
    
    .font-size-practice-subtitle-L{
        font-size: calc(1rem * 0.9);
        line-height: normal;
    }
    
    .font-size-practice-subtitle-XL{
        font-size: calc(1.125rem * 0.9);
        line-height: normal;
    }
    
    .font-size-practice-content-M{
        font-size: calc(1rem * 0.9);
        line-height: normal;
    }
    
    .font-size-practice-content-L{
        font-size: calc(1.125rem * 0.9);
        line-height: normal;
    }
    
    .font-size-practice-content-XL{
        font-size: calc(1.25rem * 0.9);
        line-height: normal;
    }

    /*************************************詞彙複習******************************/
    .font-size-review-title-M{
        font-size: calc(1.25rem * 0.9);
        line-height: normal;
    }

    .font-size-review-title-L{
        font-size: calc(1.375rem * 0.9);
        line-height: normal;
    }

    .font-size-review-title-XL{
        font-size: calc(1.5rem * 0.9);
        line-height: normal;
    }

    /************************************導航欄******************************/
    /*導航欄M*/
    .font-size-nav-M{
        font-size: calc(0.875rem * 0.85);
        letter-spacing: 0.04375rem;
    }

    /*導航欄L*/
    .font-size-nav-L{
        font-size: calc(0.9375rem * 0.85);
        letter-spacing: 0.04375rem;
    }

    /*導航欄XL*/
    .font-size-nav-XL{
        font-size: calc(1rem * 0.85);
        letter-spacing: 0.04375rem;
    }

    /***************************************選單******************************/
    .font-size-option-title-M{
        font-size: calc(1.375rem * 0.9);
        line-height: normal;
    }

    .font-size-option-title-L{
        font-size: calc(1.5rem * 0.9);
        line-height: normal;
    }

    .font-size-option-title-XL{
        font-size: calc(1.625rem * 0.85);
        line-height: normal;
    }

    .font-size-option-back-M{
        font-size: calc(1rem * 0.9);
        line-height: normal;
    }
    
    .font-size-option-back-L{
        font-size: calc(1.125rem * 0.9);
        line-height: normal;
    }
    
    .font-size-option-back-XL{
        font-size: calc(1.25rem * 0.9);
        line-height: normal;
    }

    .font-size-option-content-M{
        font-size: calc(0.875rem * 0.9);
        line-height: normal;
    }
    
    .font-size-option-content-L{
        font-size: calc(1rem * 0.9);
        line-height: normal;
    }
    
    .font-size-option-content-XL{
        font-size: calc(1.125rem * 0.9);
        line-height: normal;
    }

    .img-size-option-icon-M{
        height: calc(0.875rem * 0.9);
        width: auto;
    }
    
    .img-size-option-icon-L{
        height: calc(1rem * 0.9);
        width: auto;
    }
    
    .img-size-option-icon-XL{
        height: calc(1.125rem * 0.9);
        width: auto;
    }

    /***首頁***/
    /*選項文字*/
    .font-size-index-option-M{
        font-size: calc(0.875rem * 0.85);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-index-option-L{
        font-size: calc(0.9375rem * 0.85);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-index-option-XL{
        font-size: calc(1rem * 0.85);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    /*選項PC按紐文字*/
    .font-size-index-option-btn-title-M{
        font-size: calc(0.875rem * 0.9);
        line-height: normal;
    }

    .font-size-index-option-btn-title-L{
        font-size: calc(1rem * 0.9);
        line-height: normal;
    }

    .font-size-index-option-btn-title-XL{
        font-size: calc(1.125rem * 0.9);
        line-height: normal;
    }

    /*體力條訊息*/
    .font-size-index-option-energy-message-M{
        font-size: calc(0.75rem * 0.9);
        line-height: normal;
    }

    .font-size-index-option-energy-message-L{
        font-size: calc(0.875rem * 0.9);
        line-height: normal;
    }

    .font-size-index-option-energy-message-XL{
        font-size: calc(1rem * 0.9);
        line-height: normal;
    }

    /*標題*/
    .font-size-index-title-M{
        font-size: calc(1rem * 0.9);
        line-height: normal;
    }

    .font-size-index-title-L{
        font-size: calc(1.0625rem * 0.9);
        line-height: normal;
    }

    .font-size-index-title-XL{
        font-size: calc(1.125rem * 0.9);
        line-height: normal;
    }

    .font-size-index-subtitle-M{
        font-size: calc(0.75rem * 0.9);
        line-height: normal;
    }
    
    .font-size-index-subtitle-L{
        font-size: calc(0.8125rem * 0.9);
        line-height: normal;
    }
    
    .font-size-index-subtitle-XL{
        font-size: calc(0.875rem * 0.9);
        line-height: normal;
    }

    /*詞彙複習-腔調按鈕*/
    .font-size-review-accent-M{
        font-size: calc(0.875rem * 0.85);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-review-accent-L{
        font-size: calc(0.9375rem * 0.85);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-review-accent-XL{
        font-size: calc(1rem * 0.85);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }
}

/************************RWD-小平板(480px~767.99px)*********************/
@media (min-width: 480px){
    /**************************大小**********************************/
    /***首頁***/
    /*選項文字*/
    .font-size-index-option-M{
        font-size: calc(0.875rem * 1.05);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-index-option-L{
        font-size: calc(0.9375rem * 1.05);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-index-option-XL{
        font-size: calc(1rem * 1.05);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    /*選項icon*/
    .img-size-index-icon-M{
        height: calc(1.125rem * 1.05);
        width: auto;
    }

    .img-size-index-icon-L{
        height: calc(1.1875rem * 1.05);
        width: auto;
    }

    .img-size-index-icon-XL{
        height: calc(1.25rem * 1.05); 
        width: auto;
    }

    /***關卡***/
    .font-size-level-title-M{
        font-size: calc(1.125rem * 1.05);
        line-height: normal;
    }

    .font-size-level-title-L{
        font-size: calc(1.25rem * 1.05);
        line-height: normal;
    }

    .font-size-level-title-XL{
        font-size: calc(1.375rem * 1.05);
        line-height: normal;
    }

    /*************************************詞彙複習******************************/
    /*詞彙複習-腔調按鈕*/
    .font-size-review-accent-M{
        font-size: calc(0.875rem * 1.05);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-review-accent-L{
        font-size: calc(0.9375rem * 1.05);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-review-accent-XL{
        font-size: calc(1rem * 1.05);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    /*詞彙複習-腔調icon*/
    .img-size-review-accent-icon-M{
        height: calc(1.125rem * 1.05);
        width: auto;
    }

    .img-size-review-accent-icon-L{
        height: calc(1.1875rem * 1.05);
        width: auto;
    }

    .img-size-review-accent-icon-XL{
        height: calc(1.25rem * 1.05); 
        width: auto;
    }

}

/************************RWD-大平板、小電腦(768px~1199.99px)*************/
@media (min-width: 768px){

    /**************************大小**********************************/
    /***登入***/
    .font-size-warning-title-M{
        font-size: calc(1rem * 1.8);
    }
    
    .font-size-warning-title-L{
        font-size: calc(1.125rem * 1.8);
    }
    
    .font-size-warning-title-XL{
        font-size: calc(1.25rem * 1.8);
    }

    .font-size-warning-content-M{
        font-size: calc(1rem * 1.65);
    }
    
    .font-size-warning-content-L{
        font-size: calc(1.125rem * 1.65);
    }
    
    .font-size-warning-content-XL{
        font-size: calc(1.25rem * 1.65);
    }

    /************************************導航欄******************************/
    /*導航欄M*/
    .font-size-nav-M{
        /*14px*/
        font-size: calc(0.875rem * 1.15);
        letter-spacing: 0.04375rem;
    }

    /*導航欄L*/
    .font-size-nav-L{
        /*14px*/
        font-size: calc(0.9375rem * 1.15);
        letter-spacing: 0.04375rem;
    }

    /*導航欄XL*/
    .font-size-nav-XL{
        /*14px*/
        font-size: calc(1rem * 1.15);
        letter-spacing: 0.04375rem;
    }

    /***首頁***/
    /*選項文字*/
    .font-size-index-option-M{
        font-size: calc(0.875rem * 1.2);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-index-option-L{
        font-size: calc(0.9375rem * 1.2);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-index-option-XL{
        font-size: calc(1rem * 1.2);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    /*選項icon*/
    .img-size-index-icon-M{
        height: calc(1.125rem * 1.2);
        width: auto;
    }

    .img-size-index-icon-L{
        height: calc(1.1875rem * 1.2);
        width: auto;
    }

    .img-size-index-icon-XL{
        height: calc(1.25rem * 1.2); 
        width: auto;
    }

    /*選項PC按紐文字*/
    .font-size-index-option-btn-title-M{
        font-size: calc(0.875rem * 1.05);
        line-height: normal;
    }

    .font-size-index-option-btn-title-L{
        font-size: calc(1rem * 1.05);
        line-height: normal;
    }

    .font-size-index-option-btn-title-XL{
        font-size: calc(1.125rem * 1.05);
        line-height: normal;
    }

    /*體力條訊息*/
    .font-size-index-option-energy-message-M{
        font-size: calc(0.75rem * 1.05);
        line-height: normal;
    }

    .font-size-index-option-energy-message-L{
        font-size: calc(0.875rem * 1.05);
        line-height: normal;
    }

    .font-size-index-option-energy-message-XL{
        font-size: calc(1rem * 1.05);
        line-height: normal;
    }

    /*標題*/
    .font-size-index-title-M{
        font-size: calc(1rem * 1.05);
        line-height: normal;
    }

    .font-size-index-title-L{
        font-size: calc(1.0625rem * 1.05);
        line-height: normal;
    }

    .font-size-index-title-XL{
        font-size: calc(1.125rem * 1.05);
        line-height: normal;
    }

    .font-size-index-subtitle-M{
        font-size: calc(0.75rem * 1.05);
        line-height: normal;
    }
    
    .font-size-index-subtitle-L{
        font-size: calc(0.8125rem * 1.05);
        line-height: normal;
    }
    
    .font-size-index-subtitle-XL{
        font-size: calc(0.875rem * 1.05);
        line-height: normal;
    }

    /***關卡***/
    .font-size-level-title-M{
        font-size: calc(1.125rem * 1.15);
        line-height: normal;
    }

    .font-size-level-title-L{
        font-size: calc(1.25rem * 1.15);
        line-height: normal;
    }

    .font-size-level-title-XL{
        font-size: calc(1.375rem * 1.15);
        line-height: normal;
    }

    /*************************************詞彙複習******************************/
    /*詞彙複習-腔調按鈕*/
    .font-size-review-accent-M{
        font-size: calc(0.875rem * 1.2);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-review-accent-L{
        font-size: calc(0.9375rem * 1.2);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-review-accent-XL{
        font-size: calc(1rem * 1.2);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    /*詞彙複習-腔調icon*/
    .img-size-review-accent-icon-M{
        height: calc(1.125rem * 1.2);
        width: auto;
    }

    .img-size-review-accent-icon-L{
        height: calc(1.1875rem * 1.2);
        width: auto;
    }

    .img-size-review-accent-icon-XL{
        height: calc(1.25rem * 1.2); 
        width: auto;
    }

}

/************************RWD-大螢幕(1200px以上)**************************/
@media (min-width: 1200px){

    /**************************大小**********************************/
    /***詞彙練習***/
    .font-size-practice-title-M{
        font-size: calc(1.125rem * 1.1);
        line-height: normal;
    }
    
    .font-size-practice-title-L{
        font-size: calc(1.25rem * 1.1);
        line-height: normal;
    }
    
    .font-size-practice-title-XL{
        font-size: calc(1.375rem * 1.1);
        line-height: normal;
    }
    
    .font-size-practice-subtitle-M{
        font-size: calc(0.875rem * 1.1);
        line-height: normal;
    }
    
    .font-size-practice-subtitle-L{
        font-size: calc(1rem * 1.1);
        line-height: normal;
    }
    
    .font-size-practice-subtitle-XL{
        font-size: calc(1.125rem * 1.1);
        line-height: normal;
    }
    
    .font-size-practice-content-M{
        font-size: calc(1rem * 1.1);
        line-height: normal;
    }
    
    .font-size-practice-content-L{
        font-size: calc(1.125rem * 1.1);
        line-height: normal;
    }
    
    .font-size-practice-content-XL{
        font-size: calc(1.25rem * 1.1);
        line-height: normal;
    }

    /*************************************詞彙複習******************************/
    .font-size-review-title-M{
        font-size: calc(1.25rem * 1.1);
        line-height: normal;
    }

    .font-size-review-title-L{
        font-size: calc(1.375rem * 1.1);
        line-height: normal;
    }

    .font-size-review-title-XL{
        font-size: calc(1.5rem * 1.1);
        line-height: normal;
    }

    /************************************導航欄******************************/
    /*導航欄M*/
    .font-size-nav-M{
        /*14px*/
        font-size: calc(0.875rem * 1.3);
        letter-spacing: 0.04375rem;
    }

    /*導航欄L*/
    .font-size-nav-L{
        /*14px*/
        font-size: calc(0.9375rem * 1.3);
        letter-spacing: 0.04375rem;
    }

    /*導航欄XL*/
    .font-size-nav-XL{
        /*14px*/
        font-size: calc(1rem * 1.3);
        letter-spacing: 0.04375rem;
    }

    /***************************************選單******************************/
    .font-size-option-title-M{
        font-size: calc(1.375rem * 1.1);
        line-height: normal;
    }

    .font-size-option-title-L{
        font-size: calc(1.5rem * 1.1);
        line-height: normal;
    }

    .font-size-option-title-XL{
        font-size: calc(1.625rem * 1.1);
        line-height: normal;
    }

    .font-size-option-back-M{
        font-size: calc(1rem * 1.1);
        line-height: normal;
    }
    
    .font-size-option-back-L{
        font-size: calc(1.125rem * 1.1);
        line-height: normal;
    }
    
    .font-size-option-back-XL{
        font-size: calc(1.25rem * 1.1);
        line-height: normal;
    }

    .font-size-option-content-M{
        font-size: calc(0.875rem * 1.1);
        line-height: normal;
    }
    
    .font-size-option-content-L{
        font-size: calc(1rem * 1.1);
        line-height: normal;
    }
    
    .font-size-option-content-XL{
        font-size: calc(1.125rem * 1.1);
        line-height: normal;
    }

    .img-size-option-icon-M{
        height: calc(0.875rem * 1.1);
        width: auto;
    }
    
    .img-size-option-icon-L{
        height: calc(1rem * 1.1);
        width: auto;
    }
    
    .img-size-option-icon-XL{
        height: calc(1.125rem * 1.1);
        width: auto;
    }

    /***首頁***/
    /*選項文字*/
    .font-size-index-option-M{
        font-size: calc(0.875rem * 1.3);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-index-option-L{
        font-size: calc(0.9375rem * 1.3);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-index-option-XL{
        font-size: calc(1rem * 1.3);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    /*選項icon*/
    .img-size-index-icon-M{
        height: calc(1.125rem * 1.3);
        width: auto;
    }

    .img-size-index-icon-L{
        height: calc(1.1875rem * 1.3);
        width: auto;
    }

    .img-size-index-icon-XL{
        height: calc(1.25rem * 1.3); 
        width: auto;
    }

    /*選項PC按紐文字*/
    .font-size-index-option-btn-title-M{
        font-size: calc(0.875rem * 1.1);
        line-height: normal;
    }

    .font-size-index-option-btn-title-L{
        font-size: calc(1rem * 1.1);
        line-height: normal;
    }

    .font-size-index-option-btn-title-XL{
        font-size: calc(1.125rem * 1.1);
        line-height: normal;
    }

    /*體力條訊息*/
    .font-size-index-option-energy-message-M{
        font-size: calc(0.75rem * 1.1);
        line-height: normal;
    }

    .font-size-index-option-energy-message-L{
        font-size: calc(0.875rem * 1.1);
        line-height: normal;
    }

    .font-size-index-option-energy-message-XL{
        font-size: calc(1rem * 1.1);
        line-height: normal;
    }

    /*標題*/
    .font-size-index-title-M{
        font-size: calc(1rem * 1.1);
        line-height: normal;
    }

    .font-size-index-title-L{
        font-size: calc(1.0625rem * 1.1);
        line-height: normal;
    }

    .font-size-index-title-XL{
        font-size: calc(1.125rem * 1.1);
        line-height: normal;
    }

    .font-size-index-subtitle-M{
        font-size: calc(0.75rem * 1.1);
        line-height: normal;
    }
    
    .font-size-index-subtitle-L{
        font-size: calc(0.8125rem * 1.1);
        line-height: normal;
    }
    
    .font-size-index-subtitle-XL{
        font-size: calc(0.875rem * 1.1);
        line-height: normal;
    }

    /***關卡***/
    .font-size-level-title-M{
        font-size: calc(1.125rem * 1.25);
        line-height: normal;
    }

    .font-size-level-title-L{
        font-size: calc(1.25rem * 1.25);
        line-height: normal;
    }

    .font-size-level-title-XL{
        font-size: calc(1.375rem * 1.25);
        line-height: normal;
    }

    /*************************************詞彙複習******************************/
    /*詞彙複習-腔調按鈕*/
    .font-size-review-accent-M{
        font-size: calc(0.875rem * 1.3);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-review-accent-L{
        font-size: calc(0.9375rem * 1.3);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    .font-size-review-accent-XL{
        font-size: calc(1rem * 1.3);
        line-height: normal;
        letter-spacing: 0.04375rem;
    }

    /*詞彙複習-腔調icon*/
    .img-size-review-accent-icon-M{
        height: calc(1.125rem * 1.3);
        width: auto;
    }

    .img-size-review-accent-icon-L{
        height: calc(1.1875rem * 1.3);
        width: auto;
    }

    .img-size-review-accent-icon-XL{
        height: calc(1.25rem * 1.3); 
        width: auto;
    }

}

/************************RWD-手機、小平板橫置處理(寬768以內、高600.01以內)******************************/
@media (orientation: landscape) and (max-height: 600px){

    /*********大小**********/
}