div.animation{width:100%;height:100vh;background-color:#e08958;position:fixed;top:0;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#first{stroke-dasharray:490px;stroke-dashoffset:490px;-webkit-animation:fadeinside .6s ease-in forwards;animation:fadeinside .6s ease-in forwards}#second{stroke-dasharray:404px;stroke-dashoffset:404px;-webkit-animation:fadeinside .6s ease-in forwards .2s;animation:fadeinside .6s ease-in forwards .2s}#third{stroke-dasharray:371px;stroke-dashoffset:371px;-webkit-animation:fadeinside .6s ease-in forwards .4s;animation:fadeinside .6s ease-in forwards .4s}#fourth{stroke-dasharray:413px;stroke-dashoffset:413px;-webkit-animation:fadeinside .6s ease-in forwards .6s;animation:fadeinside .6s ease-in forwards .6s}#fifth{stroke-dasharray:400px;stroke-dashoffset:400px;-webkit-animation:fadeinside .6s ease-in forwards .8s;animation:fadeinside .6s ease-in forwards .8s}#sixth{stroke-dasharray:310px;stroke-dashoffset:310px;-webkit-animation:fadeinside .6s ease-in forwards 1s;animation:fadeinside .6s ease-in forwards 1s}#seventh{stroke-dasharray:371px;stroke-dashoffset:371px;-webkit-animation:fadeinside .6s ease-in forwards 1.2s;animation:fadeinside .6s ease-in forwards 1.2s}#eighth{stroke-dasharray:1386px;stroke-dashoffset:1386px;-webkit-animation:fadeinside .6s ease-in forwards 1.4s;animation:fadeinside .6s ease-in forwards 1.4s}#ninth{stroke-dasharray:1133px;stroke-dashoffset:1133px;-webkit-animation:fadeinside .6s ease-in forwards;animation:fadeinside .6s ease-in forwards}#tenth{stroke-dasharray:1174px;stroke-dashoffset:1174px;-webkit-animation:fadeinside .6s ease-in forwards .25s;animation:fadeinside .6s ease-in forwards .25s}#eleven{stroke-dasharray:1389px;stroke-dashoffset:1389px;-webkit-animation:fadeinside .6s ease-in forwards .5s;animation:fadeinside .6s ease-in forwards .5s}#twelfth{stroke-dasharray:1000px;stroke-dashoffset:1000px;-webkit-animation:fadeinside .6s ease-in forwards .75s;animation:fadeinside .6s ease-in forwards .75s}#thirteen{stroke-dasharray:1283px;stroke-dashoffset:1283px;-webkit-animation:fadeinside .6s ease-in forwards 1s;animation:fadeinside .6s ease-in forwards 1s}#fourteen{stroke-dasharray:1210px;stroke-dashoffset:1210px;-webkit-animation:fadeinside .6s ease-in forwards 1.25s;animation:fadeinside .6s ease-in forwards 1.25s}#fifteen{stroke-dasharray:1210px;stroke-dashoffset:1210px;-webkit-animation:fadeinside .6s ease-in forwards 1.5s;animation:fadeinside .6s ease-in forwards 1.5s}svg{-webkit-animation:fill 1s ease-in forwards 1.5s;animation:fill 1s ease-in forwards 1.5s}@-webkit-keyframes fadeinside{to{stroke-dashoffset:0}}@keyframes fadeinside{to{stroke-dashoffset:0}}@-webkit-keyframes fill{from{fill:transparent}to{fill:#fff}}@keyframes fill{from{fill:transparent}to{fill:#fff}}*{padding:0;margin:0;box-sizing:border-box;font-family:"Noto Sans TC",sans-serif}body{position:relative}.orange{position:absolute;top:-10vh;right:0;z-index:-1;width:55vw;height:125vh}.orange1{position:absolute;top:40vh;left:-8vh;z-index:-1}header nav{width:100%}header nav ul{padding:2rem;width:70%;display:flex;list-style-type:none;justify-content:space-around}header nav ul li{font-size:1rem}header nav ul li a{color:#000;text-decoration:none}nav ul li a:hover{color:#e08958}.hbgIcon{display:none}main{display:flex;flex-wrap:wrap}main section.left{flex:3 1 500px;padding:2rem}main section.left h1{font-size:4rem;color:#e08958}main section.left p{font-size:1.1rem;padding:1rem 0;padding-right:3.5rem}main section.right{flex:1 1 600px;position:relative}main section.right img{border-radius:50%;width:20vw;height:20vw;position:absolute;top:25vh;right:25vw;transform:rotateY(-50%)}main section.table{flex:3 1 500px;padding:2rem}main section.table table{border-collapse:collapse}main section.table table tr{border-bottom:2px solid #b9b8b8;transition:all .2s ease}main section.table table tr td{padding:1rem}main section.table table tr td ol{padding-left:1rem}main section.table table tr:hover{background-color:#fcc7a9}main section.picture{flex:1 1 600px;position:relative;padding:2rem 3rem}main section.picture img{width:25vw}main section.picture div.orangerect{width:27vw;height:35vw;background-color:#e08958;position:absolute;top:45px;left:60px;z-index:-1}main section.form{flex:1 1 600px}main section.form form{min-height:70vh;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:1.4rem}main section.form form div{margin:.5rem}main section.form form div label{font-size:1.2rem;padding-right:7px}main section.form form div input,main section.form form div textarea{background-color:#fcc7a0;color:#fff;font-size:1.25rem;padding:.5rem .25rem;border:none;width:50vh}main section.form form div textarea{vertical-align:top}main section.form form button{align-self:center;background-color:#e08958;color:#fff;border:none;cursor:pointer;padding:1rem 3rem;font-size:1rem;border-radius:10px}main div.line{margin:2rem 0;background-color:#b9b8b8;width:2px}main section.contect{flex:1 1 500px;display:flex;justify-content:center;align-items:center;padding:2rem}main section.contect div.content h2{margin:1rem 0;color:#e08958}footer a{padding:1rem}footer a img{width:5vh;height:5vh;margin:2rem 0}.active{color:#e08958}@media screen and (max-width:1100px){header{height:60px}header div{position:fixed;width:150px;z-index:1}header nav{background-color:#fff;position:absoulute;top:100%;width:100%;transition:transform .3s ease-out;transform:scale(1,0);transform-origin:top}header nav ul{width:100%;flex-direction:column}header nav ul li{padding:1rem 0}header .show{transform:scale(1,1)}.hbgIcon{margin:1rem 1rem 1rem;display:block;border:none;background-color:#fff;cursor:pointer}main section.right{display:flex;justify-content:center;align-items:center;margin:1rem}main section.right img{position:static;transform:none;width:30vw;height:30vw}main section.picture{display:flex;justify-content:center;align-items:center}main section.picture img{width:50vw}main section.picture div.orangerect{display:none}img.orange{opacity:.7}}