body {
    /* overflow-y: hidden; */
    scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth;
    font-family: 'NotoSansTC', "Microsoft JhengHei", Arial, sans-serif;
}

html,
body {
    /* overflow-x: hidden; */
    position: relative;
    height: 100%;
}

main {
    overflow-x: hidden;
}

button {
    padding: 0;
}

/* select去除ie箭頭 */
select::-ms-expand {
    display: none;
}

section {
    display: block;
    position: relative;
}

/* a去除樣式 */
.link-unstyled,
.link-unstyled:link,
.link-unstyled:hover {
    color: inherit;
    text-decoration: inherit;
    -webkit-appearance: none;
    outline: none;
}

.link-unstyled:focus {
    -webkit-appearance: none;
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* 按鈕 */



/* 漸變 */
.transition_ease {
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

/* 標題deco */
.c_title_line {
    display: inline-block;
    width: 7px;
    height: 2px;
    margin: 0 auto 20px auto;
    background: #133978;
    display: none;
}

.c_title_dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin: 10px auto 10px 0;
}

/* deco */
.c_deco {
    position: absolute;
}

.c_deco.cotton1,
.c_deco.cotton2,
.c_deco.cotton3,
.c_deco.cotton4,
.c_deco.cotton5,
.c_deco.cotton6,
.c_deco.cotton7,
.c_deco.cotton8 {
    opacity: 0.4;
}

.c_deco.cotton1 {
    width: 248px;
    height: 325px;
    background: 50% 50% url(../../images/common_icon/deco_cotton01.png) no-repeat;
}

.c_deco.cotton2 {
    width: 223px;
    height: 373px;
    background: 50% 50% url(../../images/common_icon/deco_cotton02.png) no-repeat;
}

.c_deco.cotton3 {
    width: 100px;
    height: 118px;
    background: 50% 50% url(../../images/common_icon/deco_cotton03.png) no-repeat;
}

.c_deco.cotton4 {
    width: 180px;
    height: 266px;
    background: 50% 50% url(../../images/common_icon/deco_cotton04.png) no-repeat;
}
.c_deco.cotton5 {
    left: 0;
    bottom: 500px;
    width: 248px;
    height: 325px;
    background: 50% 50% url(../../images/common_icon/deco_cotton05.png) no-repeat;
}

.c_deco.cotton6 {
    right: 0;
    bottom: 100px;
    width: 223px;
    height: 373px;
    background: 50% 50% url(../../images/common_icon/deco_cotton06.png) no-repeat;
}

/* animate */
.c_rotateZero {
    -webkit-animation-name: rotateZero;
    animation-name: rotateZero;
}

@keyframes rotateZero {
    0% {
        -webkit-transform: rotate(90deg) translate(0px, 0px);
        transform: rotate(90deg) translate(0px, 0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(0deg) translate(0px, 0px);
        transform: rotate(0deg) translate(0px, 0px);
        opacity: .4;
    }
}