body{font-family:"Geograph", "Noto Sans TC", Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif}.fish1{animation:fadeIn 3s ease-in 1s;-webkit-animation:fadeIn 3s ease 1s forwards;-moz-animation:fadeIn 3s ease 1s forwards;-o-animation:fadeIn 3s ease 1s forwards;-ms-animation:fadeIn 3s ease 1s forwards}.fish2{animation:fadeIn 1s ease-in 1s;-webkit-animation:fadeIn 1s ease 1s forwards;-moz-animation:fadeIn 1s ease 1s forwards;-o-animation:fadeIn 1s ease 1s forwards;-ms-animation:fadeIn 1s ease 1s forwards}.fish3{animation:fadeIn 5s ease-in 0.5s;-webkit-animation:fadeIn 5s ease 0.5s forwards;-moz-animation:fadeIn 5s ease 0.5s forwards;-o-animation:fadeIn 5s ease 0.5s forwards;-ms-animation:fadeIn 5s ease 0.5s forwards}.fish4{animation:fadeIn 2.2s ease-in 1s;-webkit-animation:fadeIn 2.2s ease 1s forwards;-moz-animation:fadeIn 2.2s ease 1s forwards;-o-animation:fadeIn 2.2s ease 1s forwards;-ms-animation:fadeIn 2.2s ease 1s forwards}.fish5{animation:fadeIn 1.5s ease-in 0.5s;-webkit-animation:fadeIn 1.5s ease 0.5s forwards;-moz-animation:fadeIn 1.5s ease 0.5s forwards;-o-animation:fadeIn 1.5s ease 0.5s forwards;-ms-animation:fadeIn 1.5s ease 0.5s forwards}.bigtitle{animation:fadeIn 1s ease-in forwards;-webkit-animation:fadeIn 1s ease-in forwards;-moz-animation:fadeIn 1s ease-in forwards;-o-animation:fadeIn 1s ease-in forwards;-ms-animation:fadeIn 1s ease-in forwards}.subtitle{animation:fadeIn 1s ease-in 0.5s forwards;-webkit-animation:fadeIn 1s ease-in 0.5s forwards;-moz-animation:fadeIn 1s ease-in 0.5s forwards;-o-animation:fadeIn 1s ease-in 0.5s forwards;-ms-animation:fadeIn 1s ease-in 0.5s forwards}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}#form-page{background-color:#ffffff}#form-page .container{width:85%;max-width:1110px;margin:0 auto}#form-page .container em{color:#175887}#form-page .container h1{position:initial;text-align:center;font-size:2rem;font-weight:bold;margin:2rem 0 1rem}#form-page .kv-banner{background:url(../img/clean/clean_bg2.png) center no-repeat;background-size:cover;height:450px}#form-page .kv-banner .natgeo-logo{padding-top:20px;padding-left:30px;width:120px;height:auto}#form-page .kv-banner .container{position:relative;text-align:center}#form-page .kv-banner .container img{text-align:center}#form-page .kv-banner .container .bigtitle{width:60%;max-width:480px;opacity:0}#form-page .kv-banner .container .subtitle{width:60%;max-width:420px;display:block;margin:0 auto;opacity:0}#form-page .kv-banner .container .fish1,#form-page .kv-banner .container .fish2,#form-page .kv-banner .container .fish3,#form-page .kv-banner .container .fish4,#form-page .kv-banner .container .fish5{position:absolute;opacity:0}#form-page .kv-banner .container .fish1{left:6%;top:-30%}#form-page .kv-banner .container .fish2{left:-10%;bottom:-55%}#form-page .kv-banner .container .fish3{right:-10%;top:-40%}#form-page .kv-banner .container .fish4{right:-5%;top:50%}#form-page .kv-banner .container .fish5{right:0;bottom:-20%}@media all and (max-width: 991px){#form-page .kv-banner .natgeo-logo{width:100px;height:auto}#form-page .kv-banner .container{width:100%;max-width:850px;margin-top:-20px}#form-page .kv-banner .container img{transform:scale(0.85);-ms-transform:scale(0.85);-webkit-transform:scale(0.85)}#form-page .kv-banner .container .fish2{left:-20%;bottom:-55%}}@media all and (max-width: 750px){#form-page .kv-banner{height:360px}#form-page .kv-banner .natgeo-logo{width:80px;height:auto;padding-left:10px}#form-page .kv-banner .container{width:100%;height:100%;margin-top:1rem}#form-page .kv-banner .container .bigtitle{width:80%;min-width:340px}#form-page .kv-banner .container .subtitle{min-width:340px;margin-top:-1rem}}#form-page .enroll-form{padding:2rem 0}#form-page .enroll-form .container{width:86%;max-width:720px}#form-page .enroll-form .runner-block,#form-page .enroll-form .add-runner{background:#F5F5F5;margin:1rem 0;padding:1rem 0}#form-page .enroll-form .add-runner{text-align:center;background:#F5F5F5;border:2px dotted #D9D9D9;border-radius:2px;color:#666666;font-size:0.875rem;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}#form-page .enroll-form .add-runner:hover{cursor:pointer;background:#ffffff;border:2px dotted #E4E4E4;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}#form-page .enroll-form .add-runner .add-btn{background:url(../img/form/icon-add.svg) center left no-repeat;height:24px;padding-left:30px}#form-page .enroll-form input[type="text"]{display:inline-block;height:32px;padding:0 10px;border:1px solid #cccccc;border-radius:3px}#form-page .enroll-form input[type="text"]::-webkit-input-placeholder{color:#999;font-size:1em}#form-page .enroll-form input[type="text"]:-ms-input-placeholder{color:#999;font-size:1em}#form-page .enroll-form input[type="text"]::-ms-input-placeholder{color:#999;font-size:1em}#form-page .enroll-form input[type="text"]::placeholder{color:#999;font-size:1em}#form-page .enroll-form input[type="radio"]{padding:0}#form-page .enroll-form input[type="radio"]:checked,#form-page .enroll-form input[type="radio"]:not(:checked){position:absolute;left:-9999px}#form-page .enroll-form [type="radio"]:checked+label,#form-page .enroll-form [type="radio"]:not(:checked)+label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block}#form-page .enroll-form [type="radio"]:checked+label:before,#form-page .enroll-form [type="radio"]:not(:checked)+label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:#fff}#form-page .enroll-form [type="radio"]:checked+label:after,#form-page .enroll-form [type="radio"]:not(:checked)+label:after{content:'';width:12px;height:12px;border:5px solid #6D94B0;position:absolute;top:0;left:0;border-radius:100%;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}#form-page .enroll-form [type="radio"]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}#form-page .enroll-form select{height:32px;width:calc((100% - 132px)/3);border:1px solid #cccccc;border-radius:3px;padding:0 6px}#form-page .enroll-form select:invalid{color:#999999}#form-page .enroll-form select [disabled]{display:none;color:#999999}#form-page .enroll-form select option{color:#000}#form-page .enroll-form .fill-group-title{margin-left:2rem;color:#666}#form-page .enroll-form .fill-group{width:100%;max-width:500px;margin:1.25em auto}#form-page .enroll-form .fill-group label{width:70px;margin-right:15px;display:inline-block;text-align:right}#form-page .enroll-form .fill-group input{width:calc(100% - 147px)}#form-page .enroll-form .fill-group .group{display:inline-block;width:calc(100% - 125px);vertical-align:top}#form-page .enroll-form .fill-group .group select{width:49%}#form-page .enroll-form .fill-group .group input{width:calc(100% - 21px);margin:0.5rem 0}#form-page .enroll-form .fill-group .notice{margin-left:90px;font-size:0.875em;color:#175887}#form-page .enroll-form .radio-group{width:100%;max-width:500px;margin:1.25em auto}#form-page .enroll-form .radio-group .list-item{width:70px;margin-right:15px;display:inline-block;text-align:right}#form-page .enroll-form .radio-group label{margin-right:1em;color:#000}#form-page .enroll-form .radio-group .group{display:inline-block}#form-page .enroll-form .fee-table{margin:1em auto}#form-page .enroll-form .fee-table h2{font-size:1.5rem;text-align:center;margin:3em 0 1em}#form-page .enroll-form .fee-table .row{background:#E6F0F7}#form-page .enroll-form .fee-table .row .col{display:inline-block}#form-page .enroll-form .fee-table .row .col:first-child{width:26%;padding:10px 0;margin-left:10%}#form-page .enroll-form .fee-table .row .col:nth-child(2){width:45%;padding:10px 0}#form-page .enroll-form .fee-table .row .col:nth-child(3){width:17%;padding:10px 0}#form-page .enroll-form .fee-table .row .col.expand{width:60%;max-width:400px}#form-page .enroll-form .fee-table .row .col.expand span{display:inline-block;margin:0 1rem 0rem 0}#form-page .enroll-form .fee-table .row .col.expand input{width:calc(100% - 20px);max-width:268px}#form-page .enroll-form .fee-table .row .col.expand select{display:inline-block;width:23.5%}#form-page .enroll-form .fee-table .row .col.divide-two select{display:inline-block;width:35.5%}@media all and (max-width: 750px){#form-page .enroll-form .fee-table .row .col.expand{max-width:300px}#form-page .enroll-form .fee-table .row .col.expand span{display:inline-block;margin:0 1rem 1rem 0}#form-page .enroll-form .fee-table .row .col.expand input{max-width:260px}#form-page .enroll-form .fee-table .row .col.expand select{display:inline-block;width:32%}#form-page .enroll-form .fee-table .row .col.divide-two select{display:inline-block;width:49%}}#form-page .enroll-form .fee-table .row .col-full{width:100%;display:block;margin-left:10%;color:#666;padding-top:10px}#form-page .enroll-form .fee-table .row.table-title{background:#6D94B0;color:#ffffff}#form-page .enroll-form .fee-table .row:nth-child(4){border-bottom:1px solid #ffffff}#form-page .enroll-form .fee-table .row.receipt{background:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex}#form-page .enroll-form .fee-table .row.receipt-add{background:#f5f5f5;border-bottom:1px solid #ffffff;padding-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex}#form-page .enroll-form .fee-table .row .price{color:#175887}#form-page .enroll-form .fee-table .row .little-mark{width:47px;border-radius:3px;border:solid 1px #6d94b0;width:36px;font-size:0.75rem;color:#6d94b0;margin-right:8px;padding:1px 3px}#form-page .enroll-form .fee-table .row select{width:80px}@media all and (max-width: 750px){#form-page .enroll-form .fee-table .row .col{display:inline-block}#form-page .enroll-form .fee-table .row .col:first-child{margin-left:3%}#form-page .enroll-form .fee-table .row .col-full{margin-left:3%}}#form-page .enroll-form .fee-table .total-fee{font-size:1.625rem;font-weight:500;background:#fff;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;padding:1rem 0;color:#FF712B}#form-page .enroll-form .fee-table .with-partner{border-bottom:1px solid #ffffff}#form-page .enroll-form .agreement{width:100%;max-width:287px;margin:4rem auto 2rem}#form-page .enroll-form .agreement a{color:#2486AA;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}#form-page .enroll-form .agreement a:hover{color:#175887;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}#form-page .enroll-form .agreement label{margin-bottom:2rem}#form-page .enroll-form .agreement .customlabel{display:block;position:relative;padding-left:30px;line-height:1.2rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#form-page .enroll-form .agreement .customlabel input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}#form-page .enroll-form .agreement .customlabel input:checked ~ .checkmark{background-color:white}#form-page .enroll-form .agreement .customlabel .checkmark{position:absolute;top:-3px;left:0;height:20px;width:20px;border:2px solid #cccccc;border-radius:3px}#form-page .enroll-form .agreement .customlabel .checkmark:after{content:"";position:absolute;display:none}#form-page .enroll-form .agreement .customlabel .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid #6D94B0;border-width:0 4px 4px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#form-page .enroll-form .agreement .customlabel input:checked ~ .checkmark:after{display:block}#form-page .enroll-form .btn-primary{display:block;width:220px;height:65px;margin:2.5rem auto 6rem;font-size:1.25rem;font-weight:500;background-color:#ffcc00;border:0;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:pointer;letter-spacing:0.2rem;border:0}#form-page .enroll-form .btn-primary:hover{background-color:#ffdb4d;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;color:#333333}.state-success{margin:4rem 0 6rem;text-align:center}.state-success img{width:100%;max-width:220px}.footer-container{background:#000000}.footer-container .footer-copyright{border-top:1px solid #404048}.jquery-modal{z-index:999}.jquery-modal.blocker{padding:30px 10px;z-index:9999}.jquery-modal .modal{max-width:600px;padding:0}.jquery-modal .modal a.close-modal{width:40px;height:40px;top:-20px;right:-20px}.jquery-modal .modal-content{overflow:hidden;border-radius:8px;padding:2rem}.jquery-modal .modal-content h3{text-align:center;border-bottom:1px solid #ccc;margin-bottom:2rem}.jquery-modal .modal-content ul li{list-style:decimal}.jquery-modal .modal-content ul.event-notice{margin-left:1rem;line-height:1.75em}.jquery-modal .modal-content img{width:100%}.jquery-modal .modal-content a{color:#2486AA}