@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Noto+Serif+TC:wght@700;900&family=ZCOOL+XiaoWei&display=swap');
body {
    font-family: Arial,'Noto Sans TC', sans-serif;
    font-size: 16px;
    color: var(--line);
}

* {
    box-sizing: border-box;
    outline: none;
}

:root {
    --mainBlue: #0E9FC1;
    --lightblue:#ebf7ff;
    --darkblue:#0068b7;
    --deepBlue:#2c497e;
    --skyblue:#00a0e9;
    --buttonBlue: #0E5987;
    --focusYellow: #FFF794;
    --deepCourseA: #3A7177;
    --lightCourseA: #85BDCA;
    --deepCourseB: #63AD9F;
    --lightCourseB: #86D1C3;
    --lightGray: #ededed;
    --black:#000000;
    --lightOrange:#f69851;
    --deepOrange:#f47615;

}

.lazyLoad{
	position: relative;
	top: 50px;
	opacity: 0;
	transition: .3s;
}

.lazyLoad.show{
	top: 0px;
	opacity: 1;
}

.button {
    position: relative;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    border-radius: 0.25rem;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.15em;
    color: white;
    background: var(--darkblue);
    transition: .3s;
    cursor: pointer;

}

/* 按鈕 */
.button_style {
    display: block;
    vertical-align: middle;
    position: relative;
    top: 0;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    max-width: 220px;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 7px;
    color: #ffffff;
    font-weight: 500;
    font-size: 24px;
    border-radius: 50px;
    margin: 50px auto 50px auto;
    cursor: pointer;
}


.button_style:hover, .button_style:focus, .button_style:active {
    top: -5px;
    box-shadow: 0 4px 3px rgb(0 0 0 / 20%);
    color: #fff;
}


.button:hover {
    top: -5px;
    box-shadow: 0 4px 3px rgb(0 0 0 / 20%);
    color: #fff;

}


.btn_01{
    background-color: var(--darkblue);
}

.btn_02{
    background-color: var(--deepOrange);
}

@media screen and (max-width: 1023px) {
    body {
        font-size: 14px;
    }

    .button_style{
        margin: 0px auto;
    }
}