@font-face {
    font-family: MontserratBlack;
    src: url('../fonts/Montserrat-Black.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: MontserratBold;
    src: url('../fonts/Montserrat-Bold.ttf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: MontserratExtraBold;
    src: url('../fonts/Montserrat-ExtraBold.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: MontserratHairlight;
    src: url('../fonts/Montserrat-Hairlight.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: MontserratLight;
    src: url('../fonts/Montserrat-Light.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: MontserratRegular;
    src: url('../fonts/Montserrat-Regular.ttf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: MontserratSemiBold;
    src: url('../fonts/Montserrat-SemiBold.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: MontserratUltraLight;
    src: url('../fonts/Montserrat-UltraLight.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

.F1
{
    font-family: MontserratBold;
    font-size: 1.625rem;    /* 26px */
}

.F2
{
    font-family: MontserratBold;
    font-size: 2.000rem;    /* 32px */
}

.F3
{
    font-family: MontserratLight;
    font-size: 3.750rem;    /* 60px */
}

.F4
{
    font-family: MontserratRegular;
    font-size: 1.625rem;    /* 26px */
}

.F5
{
    font-family: MontserratRegular;
    font-size: 2.250rem;    /* 36px */
}

.F6
{
    font-family: MontserratRegular;
    font-size: 2.000rem;    /* 32px */
}

.F7
{
    font-family: MontserratSemiBold;
    font-size: 1.625rem;    /* 26px */
}

.F8
{
    font-family: MontserratLight;
    font-size: 1.625rem;    /* 26px */
}

.F9
{
    font-family: MontserratLight;
    font-size: 1.375rem;    /* 22px */
}

.F10
{
    font-family: MontserratLight;
    font-size: 2.000rem;    /* 32px */
}

.F11
{
    font-family: MontserratSemiBold;
    font-size: 2.000rem;    /* 32px */
}

.F12
{
    font-family: MontserratRegular;
    font-size: 1.750rem;    /* 28px */
}

.F13
{
    font-family: MontserratSemiBold;
    font-size: 1.500rem;    /* 24px */
}

.F14
{
    font-family: MontserratRegular;
    font-size: 1.375rem;    /* 22px */
}

.F15
{
    font-family: MontserratBold;
    font-size: 1.875rem;    /* 30px */
}

.F16
{
    font-family: MontserratBold;
    font-size: 2.188rem;    /* 35px */
}

.F17
{
    font-family: MontserratLight;
    font-size: 2.188rem;    /* 35px */
}

.F18
{
    font-family: MontserratLight;
    font-size: 1.875rem;    /* 30px */
}

.F19
{
    font-family: MontserratLight;
    font-size: 4.063rem;    /* 65px */
}

.F20
{
    font-family: MontserratLight;
    font-size: 4.375rem;    /* 70px */
}

.F21
{
    font-family: MontserratLight;
    font-size: 2.500rem;    /* 40px */
}

.F22
{
    font-family: MontserratLight;
    font-size: 1.250rem;    /* 20px */
}

.F23
{
    font-family: MontserratSemiBold;
    font-size: 1.063rem;    /* 17px */
}

.F24
{
    font-family: MontserratRegular;
    font-size: 1.125rem;    /* 18px */
}

.F25
{
    font-family: MontserratLight;
    font-size: 1.125rem;    /* 18px */
}

.F26
{
    font-family: MontserratRegular;
    font-size: 1.250rem;    /* 20px */
}

.F27
{
    font-family: MontserratLight;
    font-size: 1.750rem;    /* 28px */
}

.F28
{
    font-family: MontserratRegular;
    font-size: 2.500rem;    /* 40px */
}

.F29
{
    font-family: MontserratRegular;
    font-size: 1.500rem;    /* 24px */
}

.F30
{
    font-family: MontserratBold;
    font-size: 1.375rem;    /* 22px */
}

.F31
{
    font-family: MontserratSemiBold;
    font-size: 1.375rem;    /* 22px */
}

.F32
{
    font-family: MontserratSemiBold;
    font-size: 2.125rem;    /* 34px */
}

.F33
{
    font-family: MontserratBold;
    font-size: 1.125rem;    /* 18px */
}

.F34
{
    font-family: MontserratRegular;
    font-size: 1.875rem;    /* 30px */
}

.F35
{
    font-family: MontserratLight;
    font-size: 0.450rem;    /* 7.2px */
}

.F36
{
    font-family: MontserratRegular;
    font-size: 0.450rem;    /* 7.2px */
}

.F37
{
    font-family: MontserratLight;
    font-size: 0.750rem;    /* 12px */
}

.F38 
{
    font-family: MontserratRegular;
    font-size: 0.375rem;    /* 6px */
}

.F39
{
    font-family: MontserratLight;
    font-size: 0.375rem;    /* 6px */
}

.F40
{
    font-family: MontserratRegular;
    font-size: 0.375rem;    /* 6px */
}

.F41
{
    font-family: MontserratRegular;
    font-size: 1.188rem;    /* 19px */
}

.F42
{
    font-family: MontserratLight;
    font-size: 1.500rem;    /* 24px */
}

.F43
{
    font-family: MontserratLight;
    font-size: 1.599rem;    /* 25px */
}

.F44
{
    font-family: MontserratRegular;
    font-size: 3.199rem;    /* 50px */
}

.F45
{
    font-family: MontserratLight;
    font-size: 4.250rem;    /* 68px */
}

.F46
{
    font-family: MontserratBold;
    font-size: 1.750rem;    /* 28px */
}

.F47
{
    font-family: MontserratRegular;
    font-size: 2.125rem;    /*34px
}

.F48
{
    font-family: MontserratSemiBold;
    font-size: 1.188rem;    /* 19px */
}

.F49
{
    font-family: MontserratRegular;
    font-size: 1.000rem;    /* 16px */
}

.F50
{
    font-family: MontserratSemiBold;
    font-size: 1.000rem;    /* 16px */
}

.F51
{
    font-family: MontserratBold;
    font-size: 1.000rem;    /* 16px */
}

.F52
{
    font-family: MontserratSemiBold;
    font-size: 1.875rem;    /* 30px */
}

.F53
{
    font-family: MontserratBold;
    font-size: 2.125rem;    /* 34px */
}

.F54
{
    font-family: MontserratBold;
    font-size: 1.375rem;    /* 22px */
}

.F55
{
    font-family: MontserratRegular;
    font-size: 1.500rem;    /* 24px */
}

.F56
{
    font-family: MontserratUltraLight;
    font-size: 5.375rem;    /* 86px */
}

.F57
{
    font-family: MontserratLight;
    font-size: 1.750rem;    /* 28px */
}

.F58
{
    font-family: MontserratBold;
    font-size: 1.875rem;    /* 30px */
}

.F59
{
    font-family: MontserratRegular;
    font-size: 3.125rem;    /* 50px */
}

.F60
{
    font-family: 'Microsoft JhengHei';
    font-weight: bold;
    font-size: 1.625rem;    /* 26px */
}

.F61
{
    font-family: 'Microsoft JhengHei';
    font-weight: bold;
    font-size: 1.375rem;    /* 22px */
}

.F62
{
    font-family: 'Microsoft JhengHei';
    font-weight: bold;
    font-size: 1.500rem;    /* 24px */
}

.F63
{
    font-family: MontserratRegular;
    font-size: 1.813rem;    /* 29px */
}

.F64
{
    font-family: MontserratSemiBold;
    font-size: 1.750rem;    /* 28px */
}

.F65
{
    font-family: MontserratLight;
    font-size: 3.000rem;    /* 48px */
}

.F66
{
    font-family: MontserratSemiBold;
    font-size: 0.875rem;    /* 14px */
}

.F67
{
    font-family: MontserratBold;
    font-size: 1.625rem;    /* 26px */
}

.F68
{
    font-family: 'Microsoft JhengHei';
    font-size: 1.750rem;    /* 28px
}

.F69
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.250rem;    /* 36px */
}

.F70
{
    font-family: MontserratSemiBold;
    font-size: 1.250rem;    /* 20px */
}

.F71
{
    font-family: MontserratLight;
    font-size: 3.125rem;    /* 50px */
}

.F72
{
    font-family: MontserratLight;
    font-size: 3.375em;     /* 54px */
}

.F73
{
    font-family: MontserratRegular;
    font-size: 1.688rem;    /* 28px */
}

.F74
{
    font-family: MontserratSemiBold;
    font-size: 1.688rem;    /* 27px */
}

.F75
{
    font-family: MontserratLight;
    font-size: 2.125rem;    /* 34px */
}

/* 綠色 */
.C1 {
    color: #27afa0;
}
.BC1 {
    background-color: #27afa0!important;
}

/* 灰色 */
.C2 {
    color: #c6c3bf;
}
.BC2 {
    background-color: #c6c3bf;
}

/* 灰色 */
.C3 {
    color: #878787;
}
.BC3 {
    background-color: #878787;
}

/* 白色 */
.C4 {
    color: #ffffff;
}
.BC4 {
    background-color: #ffffff;
}

/* 黑色 */
.C5 {
    color: #5f5f5f;
}
.BC5 {
    background-color: #5f5f5f;
}

/* 灰色 */
.C6 {
    color: #bec3c7;
}
.BC6 {
    background-color: #bec3c7;
}

/* 綠色 */
.C7 {
    color: #87b3a2;
}
.BC7 {
    background-color: #87b3a2;
}

/* 橘色 */
.C8 {
    color: #fcad75;
}
.BC8 {
    background-color: #fcad75;
}

/* 綠色 */
.C9 {
    color: #ddef82;
}
.BC9 {
    background-color: #ddef82;
}

/* 鐵灰 */
.C10 {
    color: #434343;
}
.BC10 {
    background-color: #434343;
}

/* 淺灰 */
.C11 {
    color: #d9d7d2;
}
.BC11 {
    background-color: #d9d7d2!important;
}

/* 灰色 */
.C12 {
    color: #b9b5af;
}
.BC12 {
    background-color: #b9b5af!important;
}

/* 灰色 */
.C13 {
    color: #cfcfcf;
}
.BC13 {
    background-color: #cfcfcf!important;
}

/* 天藍 */
.C14 {
    color: #eaf4ff;
}
.BC14 {
    background-color: #eaf4ff;
}

/* 色 */
.C15 {
    color: #fdd8bb;
}
.BC15 {
    background-color: #fdd8bb;
}

/* 米色 */
.C16 {
    color: #faf8f5;
}
.BC16 {
    background-color: #faf8f5;
}

/* 土黃 */
.C17 {
    color: #aaa193;
}
.BC17 {
    background-color: #aaa193;
}

/* 橘黃 */
.C18 {
    color: #ef922e;
}
.BC18 {
    background-color: #ef922e;
}

/* 灰色 */
.C19 {
    color: #bebebe;
}
.BC19 {
    background-color: #bebebe;
}

/* 色 */
.C20 {
    color: #d1d5d8;
}
.BC20 {
    background-color: #d1d5d8;
}

/* 色 */
.C21 {
    color: #f47e55;
}
.BC21 {
    background-color: #f47e55;
}

/* 天空 */
.C22 {
    color: #b5d2e9;
}
.BC22 {
    background-color: #b5d2e9;
}

/* 海底藍 */
.C23 {
    color: #1d77a0;
}
.BC23 {
    background-color: #1d77a0;
}

/* 翠綠藍 */
.C24 {
    color: #449baf;
}
.BC24 {
    background-color: #449baf;
}

/* 黑 */
.C25 {
    color: #000000;
}
.BC25 {
    background-color: #000000;
}

/* 灰 */
.C26 {
    color: #888888;
}
.BC26 {
    background-color: #888888;
}

/* 灰 */
.C27 {
    color: #b3b3b3;
}
.BC27 {
    background-color: #b3b3b3;
}

/* 蛋黃 */
.C28 {
    color: #ffa364;
}
.BC28 {
    background-color: #ffa364;
}

/* 紫色 */
.C29 {
    color: #606C73;
}
.BC29 {
    background-color: #606C73;
}

/* 淺灰藍 */
.C30 {
    color: #82caef;
}
.BC30 {
    background-color: #82caef;
}

/* 深藍色 */
.C31 {
    color: #4a9eca;
}
.BC31{
    background-color: #4a9eca;
}

/* 土色 */
.C32 {
    color: #9a9994;
}
.BC32 {
    background-color: #9a9994;
}

/* 淺灰色 */
.C33 {
    color: #c9c5be;
}
.BC33 {
    background-color: #c9c5be;
}

/* 橘黃 */
.C34 {
    color: #ef922e;
}
.BC34 {
    background-color: #ef922e;
}

/* 水泥灰 */
.C35 {
    color: #837e76;
}
.BC35 {
    background-color: #837e76;
}

/* 灰 */
.C36 {
    color: #85847e;
}
.BC36 {
    background-color: #85847e;
}

/* 螢光青 */
.C37 {
    color: #eaff7d;
}
.BC37 {
    background-color: #eaff7d;
}

/* 奶灰 */
.C38 {
    color: #e8e5e0;
}
.BC38 {
    background-color: #e8e5e0;
}

/* 天空藍 */
.C39 {
    color: #74c2ff;
}
.BC39 {
    background-color: #74c2ff;
}

/* 黑色 */
.C40 {
    color: #303030;
}
.BC40 {
    background-color: #303030;
}

/* 螢光青 */
.C41 {
    color: #e7ff6c;
}
.BC41 {
    background-color: #e7ff6c;
}

/* 灰色 */
.C42 {
    color: #848484;
}
.BC42 {
    background-color: #848484;
}

/* 螢光青 */
.C42 {
    color: #8ece22;
}
.BC43 {
    background-color: #8ece22;
}

/* 亮橘色 */
.C44 {
    color: #ffa263;
}
.BC44 {
    background-color: #ffa263;
}

/* 土灰色 */
.C45 {
    color: #b5b0a8;
}
.BC45 {
    background-color: #b5b0a8;
}

/* 淺藍 */
.C46 {
    color: #157efb;
}
.BC46 {
    background-color: #157efb;
}

/* 淺灰色 */
.C47 {
    color: #92918f;
}
.BC47 {
    background-color: #92918f;
}

/* 淺灰色 */
.C48 {
    color: #b1ada8;
}
.BC48 {
    background-color: #b1ada8;
}

/* 編號錯誤 37~ */
/* 中深灰色 */
.C49 {
    color: #86837c;
}
.BC49 {
    background-color: #86837c;
}

/* 淺灰藍 */
.C50 {
    color: #515462;
}
.BC50 {
    background-color: #515462;
}

/* 亮橘色 */
.C51 {
    color: #ff550a;
}
.BC51 {
    background-color: #ff550a;
}

/* 螢光淺藍 */
.C52 {
    color: #96e6f4;
}
.BC52 {
    background-color: #96e6f4;
}

/* 螢光淺綠 */
.C53 {
    color: #83f8ba;
}
.BC53 {
    background-color: #83f8ba;
}

/* 螢光淺紅 */
.C54 {
    color: #f4b696;
}
.BC54 {
    background-color: #f4b696;
}

/* 深綠 */
.C55 {
    color: #009685;
}
.BC55 {
    background-color: #009685;
}

/* 橘色 */
.C56 {
    color: #ffca4b;
}
.BC56 {
    background-color: #ffca4b;
}

/* 深橘色 */
.C57 {
    color: #ff560b;
}
.BC57 {
    background-color: #ff560b;
}

/* 深褐色 */
.C58 {
    color: #97948f;
}
.BC58 {
    background-color: #97948f;
}

/* 淺褐色 */
.C59 {
    color: #ae9a8a;
}
.BC59 {
    background-color: #ae9a8a;
}

/* 灰色 */
.C60 {
    color: #d8d6d4;
}
.BC60 {
    background-color: #d8d6d4;
}

/* 橘色 */
.C61 {
    color: #f26939;
}
.BC61 {
    background-color: #f26939;
}

/* 深褐色 */
.C62 {
    color: #797774;
}
.BC62 {
    background-color: #797774;
}

/* 淡藍色 */
.C63 {
    color: #d4e0ff;
}
.BC63 {
    background-color: #d4e0ff;
}

/* 淡綠色 */
.C64 {
    color: #def7eb;
}
.BC64 {
    background-color: #def7eb;
}

/* 淡橘色 */
.C65 {
    color: #feefd1;
}
.BC65 {
    background-color: #feefd1;
}

/* 淡粉紫 */
.C66 {
    color: #f1d1ff;
}
.BC66 {
    background-color: #f1d1ff;
}