html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

* html { font-size: 100%; }

html { font-size: 16px; line-height: 24px; }

body { font-family: "Helvetica Neue", "Helvetica", "Arial", "STHeitiTC-Light","Microsoft JhengHei", "Lantinghei TC", sans-serif; font-weight: 400; font-style: normal; }

code { font-family: "Anonymous Pro", "Inconsolata", "Consolas Regular Font", "Monaco", "Courier New" ,MonoSpace; font-weight: 400; font-style: normal; }

.btn, .form-label { -webkit-font-smoothing: subpixel-antialiased; }

body { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; color: #333333; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; font-weight: normal; margin-bottom: 24px; }

h1 { font-size: 32px; line-height: 36px; }

h2 { font-size: 24px; line-height: 30px; }

h3 { font-size: 18px; line-height: 24px; }

h4 { font-size: 16px; line-height: 24px; }

h5 { font-size: 15px; line-height: 21px; }

h6 { font-size: 13px; line-height: 18px; }

p { margin-top: 0px; margin-bottom: 24px; font-size: 16px; line-height: 24px; }

blockquote { margin: 0; padding: 0; border: 0; margin: 24px 0; border-left: 3px solid #dddddd; padding-left: 21px; color: #999999; }
blockquote p { margin-bottom: 6px; }
blockquote small { font-size: 16px; line-height: 24px; color: #333333; display: block; }
blockquote small:before { content: '\2014 \00A0'; }

code { font-size: 13px; line-height: 18px; padding: 3px 6px; background-color: #f3f3f3; white-space: nowrap; }

pre { margin-top: 24px; margin-bottom: 24px; }
pre code { display: block; padding: 24px; }

pre code { overflow: auto; white-space: pre; -webkit-overflow-scrolling: touch; background-image: linear-gradient(to right, #f3f3f3 12.5%, rgba(243, 243, 243, 0)), linear-gradient(to right, rgba(243, 243, 243, 0), #f3f3f3 87.5%), radial-gradient(0 50%, farthest-side, rgba(159, 159, 159, 0.3), rgba(159, 159, 159, 0)), radial-gradient(100% 50%, farthest-side, rgba(159, 159, 159, 0.3), rgba(159, 159, 159, 0)); background-image: linear-gradient(to right, #f3f3f3 12.5%, rgba(243, 243, 243, 0)), linear-gradient(to right, rgba(243, 243, 243, 0), #f3f3f3 87.5%), radial-gradient(farthest-side at 0 50%, rgba(159, 159, 159, 0.3), rgba(159, 159, 159, 0)), radial-gradient(farthest-side at 100% 50%, rgba(159, 159, 159, 0.3), rgba(159, 159, 159, 0)); background-repeat: no-repeat; background-color: #f3f3f3; background-size: 80px 100%, 80px 100%, 10px 110%, 10px 110%; background-attachment: local, local, scroll, scroll; background-position: left center, right center, left center, right center; }

ol, ul { margin-top: 24px; margin-bottom: 24px; padding-left: 24px; }
ol ol, ol ul, ul ol, ul ul { margin: 0; }

dl { margin-top: 24px; margin-bottom: 24px; }
dl dt { font-weight: bold; }
dl dd { margin: 0; }

a { color: #23bbf2; text-decoration: none; }
a:hover { color: #0a7ca5; }
a:hover { text-decoration: underline; }
a img { border: none; }

.break-all { -ms-word-break: break-all; word-break: break-all; word-break: break-word; }

hr, .divider { margin-top: 24px; margin-bottom: 24px; border-top: 1px solid #dddddd; }

img { max-width: 100%; }
.hide { display: none !important; }
.hide-pad { display: none !important;}
@media (min-width: 820px) {.hide-pad { display: block !important;}
.hide-desktop { display: none;}}
.btn { display: inline-block; margin-bottom: 0; padding: 5px 23px; border: 1px solid #dddddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 15px; line-height: 24px; background-image: none; text-align: center; text-shadow: none; cursor: pointer; outline: none; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; color: #444444; background-color: #dddddd; }
.btn:hover { text-decoration: none; color: #444444; border-color: #dddddd; background-color: #dddddd; }
.btn:disabled, .btn.is-disabled { cursor: default; color: #999999; border-color: #eeeeee; background-color: #eeeeee; }
.btn_primary { color: white; border-color: #444444; background-color: #444444; }
.btn_primary:hover { color: white; border-color: #444444; background-color: #444444; }
.btn_primary:disabled, .btn_primary.is-disabled { cursor: default; color: #999999; border-color: #eeeeee; background-color: #eeeeee; }
.btn_danger { color: white; border-color: #df3f3f; background-color: #df3f3f; }
.btn_danger:hover { color: white; border-color: #df3f3f; background-color: #df3f3f; }
.btn_danger:disabled, .btn_danger.is-disabled { cursor: default; color: #999999; border-color: #eeeeee; background-color: #eeeeee; }
.btn_outline { border-color: #444444; background-color: transparent; }
.btn_outline:hover { border-color: #444444; background-color: transparent; }
.btn_outline:disabled, .btn_outline.is-disabled { color: #999999; border-color: #dddddd; background-color: transparent; }
.form textarea, .form input:not([type]), .form input[type="text"], .form input[type="password"], .form input[type="email"], .form input[type="url"], .form input[type="search"], .form input[type="tel"], .form input[type="number"], .form input[type="datetime"] { -webkit-appearance: none; }
.form .form-control, .form textarea, .form select, .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="email"], .form input[type="month"], .form input[type="number"], .form input[type="password"], .form input[type="search"], .form input[type="tel"], .form input[type="text"], .form input[type="time"], .form input[type="url"], .form input[type="week"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dddddd; padding: 5px 12px; min-height: 36px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #444444; font-size: 15px; line-height: 24px; background-color: white; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none; max-width: 100%; }
.form .form-control::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder, .form select::-webkit-input-placeholder, .form input[type="date"]::-webkit-input-placeholder, .form input[type="datetime"]::-webkit-input-placeholder, .form input[type="datetime-local"]::-webkit-input-placeholder, .form input[type="email"]::-webkit-input-placeholder, .form input[type="month"]::-webkit-input-placeholder, .form input[type="number"]::-webkit-input-placeholder, .form input[type="password"]::-webkit-input-placeholder, .form input[type="search"]::-webkit-input-placeholder, .form input[type="tel"]::-webkit-input-placeholder, .form input[type="text"]::-webkit-input-placeholder, .form input[type="time"]::-webkit-input-placeholder, .form input[type="url"]::-webkit-input-placeholder, .form input[type="week"]::-webkit-input-placeholder { /* WebKit browsers */ color: #999999; -webkit-font-smoothing: antialiased; }
.form .form-control:-moz-placeholder, .form textarea:-moz-placeholder, .form select:-moz-placeholder, .form input[type="date"]:-moz-placeholder, .form input[type="datetime"]:-moz-placeholder, .form input[type="datetime-local"]:-moz-placeholder, .form input[type="email"]:-moz-placeholder, .form input[type="month"]:-moz-placeholder, .form input[type="number"]:-moz-placeholder, .form input[type="password"]:-moz-placeholder, .form input[type="search"]:-moz-placeholder, .form input[type="tel"]:-moz-placeholder, .form input[type="text"]:-moz-placeholder, .form input[type="time"]:-moz-placeholder, .form input[type="url"]:-moz-placeholder, .form input[type="week"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999999; }
.form .form-control::-moz-placeholder, .form textarea::-moz-placeholder, .form select::-moz-placeholder, .form input[type="date"]::-moz-placeholder, .form input[type="datetime"]::-moz-placeholder, .form input[type="datetime-local"]::-moz-placeholder, .form input[type="email"]::-moz-placeholder, .form input[type="month"]::-moz-placeholder, .form input[type="number"]::-moz-placeholder, .form input[type="password"]::-moz-placeholder, .form input[type="search"]::-moz-placeholder, .form input[type="tel"]::-moz-placeholder, .form input[type="text"]::-moz-placeholder, .form input[type="time"]::-moz-placeholder, .form input[type="url"]::-moz-placeholder, .form input[type="week"]::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b3b3b3; }
.form .form-control:-ms-input-placeholder, .form textarea:-ms-input-placeholder, .form select:-ms-input-placeholder, .form input[type="date"]:-ms-input-placeholder, .form input[type="datetime"]:-ms-input-placeholder, .form input[type="datetime-local"]:-ms-input-placeholder, .form input[type="email"]:-ms-input-placeholder, .form input[type="month"]:-ms-input-placeholder, .form input[type="number"]:-ms-input-placeholder, .form input[type="password"]:-ms-input-placeholder, .form input[type="search"]:-ms-input-placeholder, .form input[type="tel"]:-ms-input-placeholder, .form input[type="text"]:-ms-input-placeholder, .form input[type="time"]:-ms-input-placeholder, .form input[type="url"]:-ms-input-placeholder, .form input[type="week"]:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999999; }
.form .form-control.full-width, .form textarea.full-width, .form select.full-width, .form input[type="date"].full-width, .form input[type="datetime"].full-width, .form input[type="datetime-local"].full-width, .form input[type="email"].full-width, .form input[type="month"].full-width, .form input[type="number"].full-width, .form input[type="password"].full-width, .form input[type="search"].full-width, .form input[type="tel"].full-width, .form input[type="text"].full-width, .form input[type="time"].full-width, .form input[type="url"].full-width, .form input[type="week"].full-width { width: 100%; }
.form input[type="file"], .form select { cursor: pointer; outline: none; }
.form textarea { vertical-align: top; min-height: 108px; }
.form select { height: 36px; }
.form-row + .form-row { margin-top: 12px; }
.form-label { display: block; font-size: 15px; line-height: 24px; margin-bottom: 3px; color: black; }
.is_required .form-label:after { content: '*'; display: inline; font-size: 17px; line-height: 1; color: #c00; }
.form-content { display: block; font-size: 15px; line-height: 24px; color: #444444; }
.form-tip { display: block; margin: 0; font-size: 13px; line-height: 24px; color: #999999; }
.radio-group, .checkbox-group { display: block; }
.radio-group + .radio-group, .checkbox-group + .checkbox-group { margin-top: 3px; }
.radio, .checkbox { cursor: pointer; display: inline-block; margin-right: 12px; }
.radio input, .checkbox input { outline: none; margin-right: 3px; }
.form-action { margin-top: 24px; }
.form-action .btn { margin-right: 12px; }

.first-content{padding-top: 60px;}
@media (min-width: 1024px) {.first-content {margin-top:3px;padding-top:40px;}}
.main-content{padding-top: 20px;}
@media (min-width: 1024px) {.main-content {padding-top:30px;}}
.main-title {position: relative; font-size: 32px; line-height: 40px; margin: 12px 0px 10px 0px; color: #04519c;}
.main-title:after{content: "";position: absolute;display: inline-block;left: 0px;bottom: -10px;width: 100%;height: 2px;background-color: #04519c;}

.center-block > div,.center-block > p,.center-block > span,.center-block > ul,.center-block > h1,.center-block > h2,.center-block > h3,.center-block > h4 {margin-left:12px;margin-right: 12px;}
@media (min-width: 640px) {.center-block > div,.center-block > p,.center-block > span,.center-block > ul,.center-block > h1,.center-block > h2,.center-block > h3,.center-block > h4 {margin-left:36px;margin-right: 36px;}}