* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

li {
    list-style: none;
}

i {
    font-style: normal;
}

a {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}
a:visited {
    color: inherit; 
}
a:hover {
    color: inherit; 
    text-decoration: none;
}
a:active {
    color: inherit;
    text-decoration: none; 
}
a:focus {
    outline: none; 
}
button{
    background:0;
    border: 0;
}

figure{
    font-size: .875rem;
    color: var(--gray-2nd );
}

input{
    outline: none;
    box-shadow: none;
    border: none;
}

html {
    scroll-behavior: smooth;
}

body{
    overflow-x: hidden;
    /* Background: steelblue; */
    background: #FFFEFB;
}
body::-webkit-scrollbar {
    width: 12px; /* Change the height of the scrollbar */
}

body::-webkit-scrollbar-track {
    background: var(--gray-5th); /* Background of the scrollbar track */
    border-radius: 10px;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--g-2nd-100); /* Color of the scrollbar handle */
    border-radius: 8px; /* Roundness of the scrollbar handle */
    border: 2px solid var(--white-100); /* Padding around the scrollbar handle */
}

body::-webkit-scrollbar-thumb:hover {
    background: var(--g-1st-100); /* Color when hovering over the scrollbar handle */
    border-radius: 10px;
}
body::-webkit-scrollbar-button{
    display: none;
}
section{
    min-height: 500px;
}
article{
    color: var(--c-1st-10);
}

.pointer{
    cursor: pointer;
}

/* section-padding-topbottom */
.s-pd-t{
    padding-top: 7.5rem;
}
.s-pd-b{
    padding-bottom: 4rem; 
}
.s-mr-t{
    margin-top: 60px;  /* 第一個section要扣掉nav */
}
/* section - padding margin- right left */

/* section - max-width */
.s-pd-rl{
    padding-left:0;
    padding-right:0;
    max-width:1440px;
    width: 100%;
}


@media screen and (max-width:1600px){
    .s-pd-rl{
        padding-right: 0rem;
        padding-left: 0rem;
        max-width: 90%;
    }
}
@media screen and (max-width:1200px){
    .s-pd-rl{
        padding-right: 0rem;
        padding-left: 0rem;
    }
}
@media screen and (max-width:991px){
    .s-pd-rl{
        padding-right: 0rem;
        padding-left: 0rem;
    }
}

@media screen and (max-width:768px){
    .s-pd-rl{
        padding-right: 2rem;
        padding-left: 2rem;
        max-width: 100%;
    }
    .s-pd-tb{
        padding-top: 3.25rem;
        padding-bottom: 2.75rem;
    }
}

@media screen and (max-width:640px){
    .s-pd-rl{
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .s-pd-tb{
        padding-top: 3rem;
        padding-bottom: 2rem;
    }
}