@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(//fonts.googleapis.com/css?family=Open+Sans);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

hr { display: none; }

html { -webkit-text-size-adjust: 100%; }

html, body { width: 100%; margin: 0; padding: 0; background: #fff; color: #000000; font-family: "Open Sans", "Noto Sans TC"; font-size: 14px; }

a { color: #374e80; text-decoration: none; outline: none; }
a:link, a:active, a:visited, a:hover { color: #374e80; }
a:focus { outline: none; }

legend { display: none; }

p, form, input, select, textarea, button, dl, dt, dd { margin: 0; padding: 0; font-family: "Open Sans", "Noto Sans TC"; font-size: 14px; }

img { vertical-align: top; border: 0 none; }

textarea { overflow: auto; vertical-align: top; outline: none; }

select, button, input { *overflow: visible; line-height: normal; outline: none; border: 0; }

select { -webkit-appearance: button; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; }

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; background: transparent; }

hr { display: none; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }

/* don't show the x for text inputs */
::-ms-clear { display: none; }

/* don't show the eye for password inputs */
::-ms-reveal { display: none; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }

#container { z-index: 99; min-height: calc(100% - 131px); }

#header { position: relative; margin: 0 auto; min-width: 1100px; position: relative; height: 150px; text-align: center; background-color: #000; }
#header #sub_visual_wrap { position: relative; overflow: hidden; width: 100%; height: 150px; }
#header #sub_visual_wrap .sub { position: absolute; z-index: 0; width: 100%; height: 150px; }
#header #sub_visual_wrap .sub.visual_01 { background: url("../img/common/sub/visual_01.jpg") no-repeat 0 -70px; }
#header #sub_visual_wrap .sub.visual_02 { background: url("../img/common/sub/visual_02.jpg") no-repeat 0 -70px; }
#header #sub_visual_wrap .sub.visual_03 { background: url("../img/common/sub/visual_03.jpg") no-repeat 0 -70px; }
#header #sub_visual_wrap .sub.visual_04 { background: url("../img/common/sub/visual_04.jpg") no-repeat 0 -70px; }
#header p { position: absolute; z-index: 99; top: 100px; width: 100%; font-size: 0; color: #FFF; text-align: center; }

#contents { position: relative; margin: 0 auto; min-width: 1100px; padding: 120px 0 200px; min-height: calc(100% - 470px); }

.hide { text-indent: -99999px; overflow: hidden; font-size: 0; }

.tooltipIcon { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 22px; height: 22px; cursor: help; background: url("../img/common/tooltip.png") no-repeat left top; }
.tooltipIcon:hover { background: url("../img/support/iconMore.png") no-repeat 0 -22px; }

.tooltipText { display: none; position: absolute; z-index: 99; max-width: 314px; padding: 17px 20px 20px 20px; font-size: 13px; color: #41507b; line-height: 140%; background: #ecf1f8; width: 250px; }
.tooltipText:before { content: ""; display: block; position: absolute; left: 17px !important; top: -7px; width: 15px; height: 8px; background: url("../img/support/iconArr.png") no-repeat 0 0; }
.tooltipText strong { color: #008cca; }

.wrapRecaptcha { margin: 20px 0 0 0; }

.wrapCaptcha { position: relative; width: 410px; margin: 20px 0 0 0; padding: 20px 20px; background-color: #f2f2f2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wrapCaptcha p { position: absolute; width: 150px; height: 80px; }
.wrapCaptcha p img { width: 150px; height: 80px; }
.wrapCaptcha .input, .wrapCaptcha .wrapInput { position: relative; top: 0; }
.wrapCaptcha .input .btn, .wrapCaptcha .wrapInput .btn { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 22px; height: 18px; margin: 9px 0 10px 165px; font-size: 0; cursor: pointer; background: url("../img/signin/btnReload.png") no-repeat 0 0; }
.wrapCaptcha .input .inputGroup, .wrapCaptcha .wrapInput .inputGroup { width: 215px; padding: 0; }
.wrapCaptcha .input .inputGroup label, .wrapCaptcha .wrapInput .inputGroup label { display: none; }
.wrapCaptcha .input .inputGroup input, .wrapCaptcha .wrapInput .inputGroup input { width: 215px !important; margin-left: 165px; height: 18px; }
.wrapCaptcha .input .inputGroup input:focus, .wrapCaptcha .wrapInput .inputGroup input:focus { height: 22px; }
.wrapCaptcha .input .inputGroup input.invalid, .wrapCaptcha .wrapInput .inputGroup input.invalid { border: 1px solid #e8aaab; background-color: #f8e9e9; box-shadow: none; color: #252525; }
.wrapCaptcha .input .inputGroup .customPh, .wrapCaptcha .wrapInput .inputGroup .customPh { display: inline; top: 10px; width: 200px; margin-left: 160px; }
.wrapCaptcha .msg { display: none; width: 420px; }
.wrapCaptcha .msg.invalid { display: block; color: #b80e0e; padding-top: 5px !important; }

header.top { width: 800px; margin: 0 auto; margin-bottom: 42px; text-align: center; font-size: 40px; color: #2d3f73; }
header.top .process { height: 14px; }
header.top .process li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 6px; margin-right: 0; font-size: 0; }
header.top .process li:before { content: ""; display: block; width: 14px; height: 14px; background: url("../img/signup/dotProcess.png") no-repeat left top; }

body.join { /* .wrapCaptcha {display:none;} */ }
body.join header.top { width: 490px; text-align: left; }
body.join header.top h1 { margin-left: 30%; }
body.join header.top .process { margin-left: 41%; }
body.join .wrapContent { width: 490px; }
body.join #recaptcha-ui, body.join #wavecaptcha-ui { display: none; }
body.join .step1:before { background-position: 0 -15px !important; }
body.join .wrapButton { padding-top: 40px !important; text-align: left; border-bottom: 0 none; }
body.signup .step2:before { background-position: 0 -15px !important; }
body.complete .step3:before { background-position: 0 -15px !important; }
body.signup.login header.top .process, body.fb.complete header.top .process, body.error header.top .process { display: none; }
body.with header.top { display: none; }

.wrapContent { width: 800px; margin: 0 auto; }

.wrapBox { padding: 55px 0 0 0; font-size: 15px; line-height: 1.7em; color: #404040; text-align: center; border-top: 1px solid #d5d5d5; }
.wrapBox article span { display: block; }
.wrapBox article strong { color: #a10000; }
.wrapBox article p { padding-top: 30px; }
.wrapBox article p strong { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding-left: 28px; font-size: 20px; color: #c69e6a; background: url("../img/common/iconEmail.png") no-repeat 0 3px; }
.wrapBox article .errorArea { margin: 0 0 15px 0; text-align: left; line-height: initial !important; }

.wrapButton { padding: 30px 0 60px 0; text-align: center; border-bottom: 1px solid #d5d5d5; }
.wrapButton .btn { width: 220px; height: 56px; font-size: 18px; color: #FFF; background-color: #3e5791; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; line-height: 56px; text-align: center; text-decoration: none; cursor: pointer; border: 0 none; outline: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; width: 220px !important; }
.wrapButton .btn.disable { background-color: #c1c1c1; cursor: default; }
.wrapButton .btn.disable:hover { background-color: #c1c1c1; }
.wrapButton .btn:hover { background-color: #2b417d; color: #FFF !important; }
.wrapButton .btn + a, .wrapButton .btn + button { width: 220px; height: 56px; font-size: 18px; color: #FFFFFF; background-color: #c1c1c1; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; line-height: 56px; text-align: center; text-decoration: none; cursor: pointer; border: 0 none; outline: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; margin-left: 5px; }
.wrapButton .btn + a.disable, .wrapButton .btn + button.disable { background-color: #c1c1c1; cursor: default; }
.wrapButton .btn + a.disable:hover, .wrapButton .btn + button.disable:hover { background-color: #c1c1c1; }
.wrapButton .btn + a:hover, .wrapButton .btn + button:hover { background-color: #b3b3b3; }

.wrapLinks { position: relative; padding-top: 30px; text-align: center; }
.wrapLinks .btn { font-size: 13px; color: #374e80; cursor: pointer; margin: 0 20px; }
.wrapLinks .btn:hover { color: #0944ab; text-decoration: underline; }

.wrapBanner { display: none; }

.errorArea { position: relative; display: block; margin-top: 10px; padding: 11px 15px 13px 35px; font-size: 13px; color: #a10000; border: 1px solid #f2dbdb; background-color: #ffeded; line-height: 140%; }
.errorArea:before { position: absolute; top: 13px; left: 15px; content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 14px; height: 15px; margin-right: 5px; background: url("../img/common/iconInvalid.png") no-repeat left top; }
.errorArea a { text-decoration: underline; }

.customPh { position: absolute; top: 15px; left: 15px; color: #b5b5b5; }

.inputGroup { position: relative; padding-bottom: 10px; }
.inputGroup label { display: none; }
.inputGroup.wrapDob label { display: block; margin-bottom: 10px; cursor: default; }
.inputGroup.wrapDob div { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; }
.inputGroup.wrapDob input { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 110px !important; margin-right: 8px; }
.inputGroup.wrapDob input.valid { background: none !important; }
.inputGroup #passwordMsg { display: none; }

.pwStrength { display: none; position: relative; z-index: 99; width: auto; margin-top: 25px; padding: 20px 20px; font-size: 12px; border: 1px solid #d2d2d2; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 400px !important; }
.pwStrength:before { content: ""; display: block; position: absolute; top: -8px; right: 10px; width: 18px; height: 8px; background: url("../img/account/tooltipTop.png") no-repeat left top; }
.pwStrength p { font-size: 14px; color: #000000; }
.pwStrength strong.grade { color: #404040; }
.pwStrength strong.grade.grade0 { color: #404040; }
.pwStrength strong.grade.grade1 { color: #d90000; }
.pwStrength strong.grade.grade2 { color: #e9730a; }
.pwStrength strong.grade.grade3 { color: #35b105; }
.pwStrength strong.grade.grade4 { color: #00a1ff; }
.pwStrength .bar { height: 8px; margin: 10px 0; font-size: 0; background: url("../img/common/pwStrength.png") no-repeat 0 0; }
.pwStrength .bar.grade0 { background-position: 0 0; }
.pwStrength .bar.grade1 { background-position: 0 -8px; }
.pwStrength .bar.grade2 { background-position: 0 -16px; }
.pwStrength .bar.grade3 { background-position: 0 -24px; }
.pwStrength .bar.grade4 { background-position: 0 -32px; }
.pwStrength .capslock { margin-bottom: 10px; padding: 8px 10px; font-size: 13px; color: #c60000; border: 1px solid #f2dbdb; background-color: #ffeded; }
.pwStrength .capslock:before { content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 14px; height: 15px; margin-right: 10px; background: url("../img/common/iconInvalid.png") no-repeat left top; }
.pwStrength ul li { padding: 2px 0 6px 10px; color: #818181; background: url("../img/common/bullet.png") no-repeat 0 7px; }
.pwStrength ul li.error { width: inherit !important; text-align: left !important; color: #c60000; }

.tooltipIcon { position: absolute; right: 0; top: 15px; }

.wrapInput { width: 490px; margin: 0 auto; }
.wrapInput .inputGroup input { width: 419px; height: 22px; padding: 12px 15px 12px 15px; color: #000; font-size: 16px; border: 1px solid #d5d5d5; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.wrapInput .inputGroup input:focus { -moz-box-shadow: #7889b2 0 0 4px; -webkit-box-shadow: #7889b2 0 0 4px; box-shadow: #7889b2 0 0 4px; height: 26px; border: 1px solid #7889b2 !important; background-color: #FFFFFF; color: #000; padding: 10px 15px 10px 15px; }
.wrapInput .inputGroup input.error, .wrapInput .inputGroup input.invalid { border: 1px solid #c62f2f; background-color: #FFFFFF; -moz-box-shadow: #c62f2f 0 0 4px; -webkit-box-shadow: #c62f2f 0 0 4px; box-shadow: #c62f2f 0 0 4px; }
.wrapInput .inputGroup input.error:focus, .wrapInput .inputGroup input.invalid:focus { border: 1px solid #7889b2; background-color: #FFFFFF; -moz-box-shadow: #f1cbcb 0 0 4px; -webkit-box-shadow: #f1cbcb 0 0 4px; box-shadow: #f1cbcb 0 0 4px; }
.wrapInput .inputGroup input.valid { border: 1px solid #7889b2; background: #FFF url("../img/common/iconValid.png") no-repeat 98% 14px; -moz-box-shadow: #7889b2 0 0 4px; -webkit-box-shadow: #7889b2 0 0 4px; box-shadow: #7889b2 0 0 4px; }
.wrapInput .inputGroup input.valid:focus { border: 1px solid #d2d2d2; background: #FFFFFF none; }
.wrapInput .inputGroup input:-moz-placeholder { color: #b5b5b5; }
.wrapInput .inputGroup input::-moz-placeholder { color: #b5b5b5; }
.wrapInput .inputGroup input:-ms-input-placeholder { color: #b5b5b5; }
.wrapInput .inputGroup input::-webkit-input-placeholder { color: #b5b5b5; }
.wrapInput .inputGroup input[disabled="disabled"] { background-color: #f2f2f2; border-color: #f2f2f2; }
.wrapInput .inputGroup.wrapDob { padding-top: 10px; }
.wrapInput .inputGroup .msg { display: none; padding-top: 12px; padding-bottom: 10px; }
.wrapInput .inputGroup .msg.invalid { display: block; display: block; color: #b80e0e; }
.wrapInput .inputGroup .msg.valid strong.grade { color: #404040; }
.wrapInput .inputGroup .msg.valid strong.grade.grade0 { color: #404040; }
.wrapInput .inputGroup .msg.valid strong.grade.grade1 { color: #d90000; }
.wrapInput .inputGroup .msg.valid strong.grade.grade2 { color: #e9730a; }
.wrapInput .inputGroup .msg.valid strong.grade.grade3 { color: #35b105; }
.wrapInput .inputGroup .msg.valid strong.grade.grade4 { color: #00a1ff; }
.wrapInput .legal { margin-top: 20px; }
.wrapInput .legal input[type='checkbox'] { position: absolute; left: -999px; }
.wrapInput .legal label { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; height: 20px; line-height: 20px; padding: 0 0 0 28px; background: url("../img/common/checkbox.png") no-repeat 0 0; color: #888888; vertical-align: middle; }
.wrapInput .legal label.checked { background: url("../img/common/checkbox.png") no-repeat 0 -21px; }
.wrapInput .legal label a { font-size: 13px; color: #374e80; cursor: pointer; }
.wrapInput .legal label a:hover { color: #0944ab; text-decoration: underline; }
.wrapInput .authorized input[type='checkbox'] { position: absolute; left: -999px; }
.wrapInput .authorized label { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; height: 20px; line-height: 20px; padding: 0 0 0 28px; background: url("../img/common/checkbox.png") no-repeat 0 0; color: #888888; vertical-align: middle; }
.wrapInput .authorized label.checked { background: url("../img/common/checkbox.png") no-repeat 0 -21px; }
.wrapInput .authorized label a { font-size: 13px; color: #374e80; cursor: pointer; }
.wrapInput .authorized label a:hover { color: #0944ab; text-decoration: underline; }
.wrapInput .authorized .tooltipIcon { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 22px; height: 22px; margin-bottom: 3px; cursor: help; background: url("../img/common/tooltip.png") no-repeat left top; }
.wrapInput .authorized .tooltipIcon:hover { background-position: 0 -22px; }
.wrapInput .errorArea { display: none; width: 396px !important; padding: 7px 15px 7px 35px !important; }
.wrapInput .errorArea.invalid { position: relative; display: block; margin-top: 10px; padding: 11px 15px 13px 35px; font-size: 13px; color: #a10000; border: 1px solid #f2dbdb; background-color: #ffeded; line-height: 140%; }
.wrapInput .errorArea.invalid:before { position: absolute; top: 13px; left: 15px; content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 14px; height: 15px; margin-right: 5px; background: url("../img/common/iconInvalid.png") no-repeat left top; }
.wrapInput .errorArea.invalid a { text-decoration: underline; }
.wrapInput .errorArea.invalid:before { top: 9px !important; }

body.error_container #header { display: none; }
body.error_container #contents header.top { display: none; }
body.error_container .wrapButton { border-bottom: 0 none; }
body.error_container .wrapBox { border-top: 0 none; }
body.error_container .wrapBox .wrapInput { width: 360px; margin: 20px auto 0 auto; padding: 20px 40px 20px 60px; text-align: left; border: 1px solid #e7e7e7; background-color: #FFFFFF; }
body.error_container .wrapBox .wrapInput .inputGroup { position: relative; padding-bottom: 20px; }
body.error_container .wrapBox .wrapInput .inputGroup label { display: block; padding-bottom: 10px; font-size: 14px; color: #404040; }
body.error_container .wrapBox .wrapInput .inputGroup input { width: 300px; height: 22px; padding: 12px 15px 12px 15px; color: #000; font-size: 16px; border: 1px solid #d5d5d5; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
body.error_container .wrapBox .wrapInput .inputGroup input:focus { -moz-box-shadow: #7889b2 0 0 4px; -webkit-box-shadow: #7889b2 0 0 4px; box-shadow: #7889b2 0 0 4px; height: 26px; border: 1px solid #7889b2 !important; background-color: #FFFFFF; color: #000; padding: 10px 15px 10px 15px; }
body.error_container .wrapBox .wrapInput .inputGroup input.error, body.error_container .wrapBox .wrapInput .inputGroup input.invalid { border: 1px solid #c62f2f; background-color: #FFFFFF; -moz-box-shadow: #c62f2f 0 0 4px; -webkit-box-shadow: #c62f2f 0 0 4px; box-shadow: #c62f2f 0 0 4px; }
body.error_container .wrapBox .wrapInput .inputGroup input.error:focus, body.error_container .wrapBox .wrapInput .inputGroup input.invalid:focus { border: 1px solid #7889b2; background-color: #FFFFFF; -moz-box-shadow: #f1cbcb 0 0 4px; -webkit-box-shadow: #f1cbcb 0 0 4px; box-shadow: #f1cbcb 0 0 4px; }
body.error_container .wrapBox .wrapInput .inputGroup input.valid { border: 1px solid #7889b2; background: #FFF url("../img/common/iconValid.png") no-repeat 98% 14px; -moz-box-shadow: #7889b2 0 0 4px; -webkit-box-shadow: #7889b2 0 0 4px; box-shadow: #7889b2 0 0 4px; }
body.error_container .wrapBox .wrapInput .inputGroup input.valid:focus { border: 1px solid #d2d2d2; background: #FFFFFF none; }
body.error_container .wrapBox .wrapInput .inputGroup input:-moz-placeholder { color: #b5b5b5; }
body.error_container .wrapBox .wrapInput .inputGroup input::-moz-placeholder { color: #b5b5b5; }
body.error_container .wrapBox .wrapInput .inputGroup input:-ms-input-placeholder { color: #b5b5b5; }
body.error_container .wrapBox .wrapInput .inputGroup input::-webkit-input-placeholder { color: #b5b5b5; }
body.error_container .wrapBox .wrapInput .inputGroup input[disabled="disabled"] { background-color: #f2f2f2; border-color: #f2f2f2; }
body.error_container .wrapBox .wrapInput .inputGroup .msg { display: none; }
body.error_container .wrapBox .wrapInput .inputGroup .msg.invalid { display: block; color: #b80e0e; }
body.error_container .wrapBox .wrapInput .inputGroup .tooltipIcon { position: absolute; right: 0; top: 44px; }

body.addInfo #contents header.top .process { display: none; }
body.addInfo #contents .wrapContent { border-top: 1px solid #d5d5d5; }
body.addInfo .notice { width: 450px; margin: 0 auto; padding: 50px 0 30px 0; color: #888888; line-height: 130%; }
body.addInfo .notice a { color: #0944ab; }
body.addInfo .wrapInput { width: 450px; padding-bottom: 50px; }
body.addInfo .wrapInput .wrapDob input { margin-right: 5px; }
body.addInfo .legal { clear: both; padding-bottom: 10px; }
body.addInfo .legal input[type='checkbox'] { position: absolute; left: -999px; }
body.addInfo .legal label { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; height: 20px; line-height: 20px; padding: 0 0 0 28px; background: url("../img/common/checkbox.png") no-repeat 0 0; color: #888888; vertical-align: middle; }
body.addInfo .legal label.checked { background: url("../img/common/checkbox.png") no-repeat 0 -21px; }
body.addInfo .legal label a { font-size: 13px; color: #374e80; cursor: pointer; }
body.addInfo .legal label a:hover { color: #0944ab; text-decoration: underline; }
body.addInfo .legal + .legal { margin-top: 0; }
body.addInfo .errorArea { margin-top: 30px !important; }
body.addInfo .errorArea:before { top: 8px; }
body.addInfo .wrapButton { border-bottom: 0 none; border-top: 1px solid #d5d5d5; }

body.notVerify #contents header.top { display: none; }
body.notVerify .wrapButton { border-top: 0 none; border-bottom: 1px solid #d5d5d5; }

.error { width: 800px; margin: 0 auto; text-align: center; }
.error .wrapBox { margin-top: 100px; }
.error .wrapBox p { font-size: 24px; color: #333; line-height: 130%; }
.error .wrapButton { margin-top: 50px; }
.error .wrapButton .btn { width: 220px; height: 56px; font-size: 18px; color: #FFF; background-color: #3e5791; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; line-height: 56px; text-align: center; text-decoration: none; cursor: pointer; border: 0 none; outline: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; }
.error .wrapButton .btn.disable { background-color: #c1c1c1; cursor: default; }
.error .wrapButton .btn.disable:hover { background-color: #c1c1c1; }
.error .wrapButton .btn:hover { background-color: #2b417d; color: #FFF !important; }