body{
    font-family: "Helvetica", Helvetica, Arial, Microsoft JhengHei, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    background-color: white;
}
input, select {
    font-family: "Helvetica", Helvetica, Arial, Microsoft JhengHei, sans-serif!important;
}
body p{
    font-weight: bold!important;
}
.text-red{
    color: red;
}
.head-line{
    color: black;
}
.text-blue{
    color: dodgerblue;
}
.btn:focus, .btn:active, .btn:visited, .btn:active:focus{
    outline: none;
}
ul{
    list-style-type: none;
}

/*--捲動淡出淡入效果--*/
.slideanim-top {visibility:hidden;}
.slideanim-zoomout {visibility:hidden;}
.slideanim-zoomout img{
    -webkit-box-shadow: 2px 3px 12px rgba(0,0,0,.6);
    box-shadow: 2px 3px 12px rgba(0,0,0,.6);
}
.slide-top {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}
.slide-zoomout {
    animation-name: slide-zoomout;
    -webkit-animation-name: slide-zoomout;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}

@media (max-width: 520px){
    .mobile{
    display: initial;
}
}


@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

@keyframes slide-zoomout {
    0% {
        opacity: 0;
        transform: scale(2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes slide-zoomout {
    0% {
        opacity: 0;
        -webkit-transform: scale(2);
    }
    100% {
        opacity: 1;
    }
}