@import url('/css/SeoJump.css');

* { margin: 0; padding: 0; }

body { margin:0; }
body ::selection { background: #29a1d7; color: #fff; }
body::-webkit-scrollbar { width: 7px; }
body::-webkit-scrollbar-track { background: #b7b7b7; }
body::-webkit-scrollbar-thumb { background: #176f97; }
body::-webkit-scrollbar-thumb:hover { background: #29a1d7; }

div, header, footer, nav, article, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, ul, li, img, font, strong, b, span, a, i{ text-align: left; vertical-align: middle; margin: 0; padding: 0; line-height: 170%; border-width: 0; font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow"; font-size: 16px; word-wrap: break-word; word-break: break-all; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

:before , :after { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

ul, ol { list-style: none; }

fieldset { border: 0; }

input,button,select,textarea { outline:none }

img { max-width: 100%; }

a:link , a:visited , a:hover { text-decoration: none; vertical-align: initial; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

livedemo00.template-help:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.text-clamp { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }

/* a.photo */
a.photo , .bgBox { overflow: hidden; background-position: 50%; background-repeat: no-repeat; background-size: cover; display: block; }

/* wow */
.wow { animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-duration: 1s; -webkit-animation-duration: 1s; }

/* fancybox */
[class^="fancybox-"] , [class^="fancybox-"] * { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/* webBox */
.webBox { position: relative; overflow: hidden; width: 100%; }
.webBox .pageh1 { position: absolute; top: 0; z-index: 1; }
.webBox .wrapper { position: relative; min-height: 100vh; background-color: rgb(250, 250, 250); background-image: url(/css/paypage/paypageBg.svg); background-attachment: fixed; background-size: cover; background-repeat: repeat; background-position: center center; z-index: 2; }

/* Sitemap */
#Sitemap #jsonUL a { color: #000; }

/* pagetitle */
.pagetitle { padding: 60px 0 0; text-align: center; }
.pagetitle font { font-size: 40px; color: #363636; }
.pagetitle b { margin-right: 10px; padding: 0 20px 5px 10px; background: #2c6f86; border-radius: 10px; font-style: italic; font-size: 40px; color: #fefefe; }

/* form */
form { margin: 20px auto 0; padding: 30px 0 10px; width: 500px; background: #fff; border: 1px #ddd solid; box-shadow: 1px 1px 7px #d3d0d0; }
form p { padding: 0 30px 20px; }
form p.goTxt { text-align: center; }
form p label b { color: #E71013; }
form p input , form p textarea { padding: 5px 10px; width: calc(100% - 21px); background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); border: 1px #E5E5E5 solid; box-shadow: 0 0 8px #f0f0f0; }
form p input#Checknum { width: 60px; }
form p font { position: relative; margin-left: 10px; display: inline-block; }
form p font:before { position: absolute; width: 100%; height: 100%; display: block; z-index: 1; content: ""; cursor: not-allowed; }
form p font.nocilck:before { z-index: 3; }
form p #btnOK { position: relative; padding: 5px 20px; background: #2485a6; border-radius: 3px; display: inline-block; color: #fff; z-index: 2; }

/* load */
.la-ball-spin-clockwise,
.la-ball-spin-clockwise > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.la-ball-spin-clockwise { display: block; font-size: 0; color: #2b6f86; }
.la-ball-spin-clockwise.la-dark { color: #333; }
.la-ball-spin-clockwise > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; }
.la-ball-spin-clockwise { margin: 20px auto; width: 50px; height: 50px; }
.la-ball-spin-clockwise > div { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; border-radius: 100%; -webkit-animation: ball-spin-clockwise 1s infinite ease-in-out; -moz-animation: ball-spin-clockwise 1s infinite ease-in-out; -o-animation: ball-spin-clockwise 1s infinite ease-in-out; animation: ball-spin-clockwise 1s infinite ease-in-out; }
.la-ball-spin-clockwise > div:nth-child(1) { top: 5%; left: 50%; -webkit-animation-delay: -.875s; -moz-animation-delay: -.875s; -o-animation-delay: -.875s; animation-delay: -.875s; }
.la-ball-spin-clockwise > div:nth-child(2) { top: 18.1801948466%; left: 81.8198051534%; -webkit-animation-delay: -.75s; -moz-animation-delay: -.75s; -o-animation-delay: -.75s; animation-delay: -.75s; }
.la-ball-spin-clockwise > div:nth-child(3) { top: 50%; left: 95%; -webkit-animation-delay: -.625s; -moz-animation-delay: -.625s; -o-animation-delay: -.625s; animation-delay: -.625s; }
.la-ball-spin-clockwise > div:nth-child(4) { top: 81.8198051534%; left: 81.8198051534%; -webkit-animation-delay: -.5s; -moz-animation-delay: -.5s; -o-animation-delay: -.5s; animation-delay: -.5s; }
.la-ball-spin-clockwise > div:nth-child(5) { top: 94.9999999966%; left: 50.0000000005%; -webkit-animation-delay: -.375s; -moz-animation-delay: -.375s; -o-animation-delay: -.375s; animation-delay: -.375s; }
.la-ball-spin-clockwise > div:nth-child(6) { top: 81.8198046966%; left: 18.1801949248%; -webkit-animation-delay: -.25s; -moz-animation-delay: -.25s; -o-animation-delay: -.25s; animation-delay: -.25s; }
.la-ball-spin-clockwise > div:nth-child(7) { top: 49.9999750815%; left: 5.0000051215%; -webkit-animation-delay: -.125s; -moz-animation-delay: -.125s; -o-animation-delay: -.125s; animation-delay: -.125s; }
.la-ball-spin-clockwise > div:nth-child(8) { top: 18.179464974%; left: 18.1803700518%; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }
.la-ball-spin-clockwise.la-sm { width: 16px; height: 16px; }
.la-ball-spin-clockwise.la-sm > div { width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; }
.la-ball-spin-clockwise.la-2x { width: 64px; height: 64px; }
.la-ball-spin-clockwise.la-2x > div { width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; }
.la-ball-spin-clockwise.la-3x { width: 96px; height: 96px; }
.la-ball-spin-clockwise.la-3x > div { width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; }

@-webkit-keyframes ball-spin-clockwise { 0% , 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 20% { opacity: 1; } 80% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } }
@-moz-keyframes ball-spin-clockwise { 0%, 100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } 20% { opacity: 1; } 80% { opacity: 0; -moz-transform: scale(0); transform: scale(0); } }
@-o-keyframes ball-spin-clockwise { 0%, 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } 20% { opacity: 1; } 80% { opacity: 0; -o-transform: scale(0); transform: scale(0); } }
@keyframes ball-spin-clockwise {
0%, 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 20% { opacity: 1; } 80% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }

@media screen and (max-width: 600px) {
	form { width: 85%; }
}
@media screen and (max-width: 450px) {
	.pagetitle b , .pagetitle font { font-size: 10vw; }
	form p { padding: 0 15px 20px; }
	form p font { margin-top: 20px; margin-left: 0; display: block; text-align: center; }
}