/*rwd*/
.container-fluid,
.row,
.row>* {
    margin: 0px;
    padding: 0px;
}

.mobile {
    display: none !important;
}

@media screen and (max-width:768px) {
    .desktop {
        display: none !important;
    }

    .mobile {
        display: inherit !important;
    }
}

/*reset*/
p {
    margin: 0;
}

a {
    color: auto;
    text-decoration: none;
}

/*color setting*/
:root {
    --primary-50: #F6F6FA;
    --primary-100: #F1F0F6;
    --primary-200: #E2E6F1;
    --primary-300: #BFCBE2;
    --primary-400: #7891CA;
    --primary-500: #5A80C8;
    --primary-600: #3A5DAE;
    --primary-700: #1A3179;
    --primary-800: #192464;
    --primary-900: #130048;

    --gray-50: #F5F5F5;
    --gray-100: #FAFAFA;
    --gray-200: #F5F5F5;
    --gray-300: #DDDDDD;
    --gray-400: #A9A9A9;
    --gray-500: #8A8D8F;
    --gray-600: #606060;
    --gray-700: #414141;
    --gray-800: #181818;
    --gray-900: #000000;

}

/*font setting*/

body {
    font-family: 'Noto Sans TC', 'Arial';
}

h1 {
    font-weight: 300;
    font-size: 96px;
    line-height: 139px;
    letter-spacing: -0.015em;
}

h2 {
    font-weight: 350;
    font-size: 71px;
    line-height: 103px;
    letter-spacing: -0.005em;
}

h3 {
    font-weight: 400;
    font-size: 57px;
    line-height: 83px;
}

h4 {
    font-weight: 400;
    font-size: 40px;
    line-height: 58px;
    letter-spacing: 0.0025em;
}

h5 {
    font-weight: 500;
    font-size: 28px;
    line-height: 41px;
}

h6 {
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 0.0015em;
}

.subtitle1 {
    font-weight: 500;
    font-size: 19px;
    line-height: 28px;
    letter-spacing: 0.0015em;
}

.subtitle2 {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.001em;
}

.body1 {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.005em;
}

.body2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
}

.caption-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.004em;
}

.overline-text {
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.015em;
}

.button-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0125em;
}

.content-wrapper {
    max-width: 1046px;
    margin: auto;
}

/*background setting*/
.bg-white {
    background-color: white;
}

.bg-primary-50 {
    background-color: var(--primary-50);
}

/*container*/
@media screen and (min-width:1280px) {
    .container {
        max-width: 1045px;
    }
}