/* CSS Document */
* {margin:0px; padding:0px;}
*,*::before,*::after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0; padding: 0;}
body, html {font-size:16px; font-family:'Noto Sans TC','微軟正黑體','Microsoft Jhenghei',sans-serif; font-weight:400; overflow-x:hidden;}
a, input, button {text-decoration:none; outline:none !important;}
a:hover, a:focus, a:active {text-decoration:none; cursor:pointer; outline:none !important;}
img { border: 0px;}
ul,li { list-style-type:none; text-transform:none;}


header {height:75px; overflow:hidden; background:#880c83; display:flex; justify-content:center; align-content:center;}

header nav {display:flex; flex-wrap:nowrap; justify-content:center; align-items:center;}
header nav a {height:75px; font-size:15px; line-height:75px; color:white; padding:0px 15px; font-weight:500;}
header nav a:hover {background:#97d6f5; color:#880c83;}
header nav a.tp {height:85px;}

#nav_ham {display:none;}


footer {background:#f1f1f1; padding:20px 0px 50px 0px;}
.ft_top {display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; border-bottom:2px solid #d6d4d4; padding-bottom:15px;}
.ft_logo {margin-right:30px;}
.p1 {font-size:15px; line-height:20px; color:black;}
.p2 {font-size:13px; color:#666;}
.call {display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; margin-left:30px;}
.call span {color:#ae87d8; font-size:22px; margin-right:2px;}
.call p {color:#666; font-size:15px;}
.call a {color:#513393; font-size:22px; margin-bottom:5px;}
.ft_btm {padding:20px;}
.ft_btm p {font-size:12px; line-height:18px; color:#999; text-align:center;}

h1.con_top {position:relative; background:whitesmoke; font-size:50px; font-weight:700; color:#7f3e97; text-align:center; padding:30px 0px;}

.copy {display:block; position:relative; padding:15px 0px;
    background: rgb(119,26,123);
    background: -moz-linear-gradient(90deg, rgba(119,26,123,1) 0%, rgba(85,38,92,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(119,26,123,1) 0%, rgba(85,38,92,1) 100%);
    background: linear-gradient(90deg, rgba(119,26,123,1) 0%, rgba(85,38,92,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#771a7b",endColorstr="#55265c",GradientType=1);
}
.copy span {display:block; width:100%; max-width:1200px; margin:auto; box-sizing:border-box;}
.copy span p {font-size:15px; color:white;}

.ft_fultrix {display:table; position:fixed; right:0; bottom:0; z-index:3; background:#7f3e97; color:white; padding:12px 30px; border-top-left-radius:12px; border-top-right-radius:12px;}

.back_to_top {display:none; position:fixed; right:10px; bottom:55px; width:50px; height:50px; z-index:3;}

.check_number {display:block; font-size:12px; padding:20px; color:gray; text-align:center;}


@media screen and (max-width:480px) {

    header {height:auto; justify-content:space-between; align-items:center;}
    header img {max-width:190px;}

    #nav_ham {z-index:5; display:block; width:35px; height:28px; position: relative; margin:0px 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}

    #nav_ham span {display: block; position: absolute; height:5px; width: 100%; background:white; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

    #nav_ham span:nth-child(1) {top: 0px;}
    #nav_ham span:nth-child(2),#nav_ham span:nth-child(3) {top:11px;}
    #nav_ham span:nth-child(4) {top:22px;}
    #nav_ham.open span:nth-child(1) {top: 18px; width: 0%; left: 50%;}
    #nav_ham.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
    #nav_ham.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
    #nav_ham.open span:nth-child(4) {top: 18px; width: 0%; left: 50%;}

    header nav {display:none; width:100%; height:calc(100vh - 63px); position:absolute; top:63px; flex-wrap:wrap; align-content:flex-start; background:white; z-index:5;}
    header nav a {display:block; margin:auto; width:90%; border-bottom:1px solid #c2c2c2; color:#9f2e9b; font-size:20px; text-align:center;}

    .ft_top {flex-wrap:wrap;}
    .p1, .p2 {text-align:center;}
    .ft_logo {margin-right:0px; margin-bottom:20px;}
    .call {margin-left:0px; margin-top:20px;}

    h1.con_top {font-size:30px; padding:20px 0px;}

    .copy span {padding:0px 50px;}
    .copy span p {font-size:13px;}
        
    .ft_fultrix {width:100%; text-align:center;}

}