@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0; }

body { margin: 0; padding: 0; text-align: center; line-height: 1.75em; color: #666; font-size: 15px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; background: #fff !important; }

/*=====================================================
clearfix 
=====================================================*/
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }

.clearfix { zoom: 1; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

a { color: #666; }

a:hover { color: #d70c18; }

::selection { color: #fff; background: #f00; }

.em { color: #f00; }

a .em, a .em2 { text-decoration: none; }

.em2 { color: #00a3e0; }

/*=====================================================
Header
=====================================================*/
div.header { border-bottom: 6px solid #d00f24; }

div.header div.inner { padding: 0 10px; width: 980px; margin: 0 auto; text-align: left; }

div.header div.inner h1 { text-indent: -9999px; width: 453px; height: 64px; background: url(../images/logo.png) 0 0 no-repeat; }

div.container { width: 980px; margin: 0 auto; text-align: left; padding: 20px 10px; }

/*=====================================================
左選單
=====================================================*/
div.nav { width: 300px; float: left; }

div.nav h3 { font-family: "微軟正黑體", "新細明體"; border-bottom: 3px solid #e8362c; padding-bottom: 5px; padding-left: 5px; }

div.nav ul { list-style: none; margin: 0; padding: 0; padding-left: 5px; margin-top: 15px; }

div.nav ul li { margin-bottom: 15px; }

div.nav ul li a { display: block; width: 290px; height: 70px; text-indent: -9999px; }

div.nav ul li.rate a { background: url(../images/nav_rate.png) 0 0 no-repeat; }

div.nav ul li.rate a:hover { background: url(../images/nav_rate_over.png) 0 0 no-repeat; }

div.nav ul li.mma a { background: url(../images/nav_mma.png) 0 0 no-repeat; }

div.nav ul li.mma a:hover { background: url(../images/nav_mma_over.png) 0 0 no-repeat; }

div.nav ul li.login a { background: url(../images/nav_login.png) 0 0 no-repeat; }

div.nav ul li.login a:hover { background: url(../images/nav_login_over.png) 0 0 no-repeat; }

div.nav ul li.logout a { background: url(../images/nav_logout.png) 0 0 no-repeat; }

div.nav ul li.logout a:hover { background: url(../images/nav_logout_over.png) 0 0 no-repeat; }

div.nav ul li.overview a { background: url(../images/nav_overview.png) 0 0 no-repeat; }

div.nav ul li.overview a:hover { background: url(../images/nav_overview_over.png) 0 0 no-repeat; }

div.nav ul li.setup a { background: url(../images/nav_setup.png) 0 0 no-repeat; }

div.nav ul li.setup a:hover { background: url(../images/nav_setup_over.png) 0 0 no-repeat; }

div.nav ul li.fee a { background: url(../images/nav_fee.png) 0 0 no-repeat; }

div.nav ul li.fee a:hover { background: url(../images/nav_fee_over.png) 0 0 no-repeat; }

div.sub { width: 665px; float: left; margin-left: 15px; }

div.main { width: 980px; }

div.section h3 { font-family: "微軟正黑體", "新細明體"; border-bottom: 3px solid #e8362c; padding-bottom: 5px; padding-left: 5px; font-weight: bold; }

div.section h4 { padding: 10px; line-height: 2em; font-size: 1.25em; font-weight: normal; color: #000000; }

div.section h4.red { color: #d00f24; }

div.section p { padding: 10px; }

div.section.clearp p { padding: 0 10px; }

div.section ol { margin-left: 10px; }

div.section li { list-style: none; }

div.section li a { text-decoration: underline; background: url(../images/arrow.png) 0 3px no-repeat; padding-left: 18px; }

div.section ul.level1 li a { background: none; padding-left: 0; }

.center { text-align: center; }

h5 { font-size: 1.133333333333333em; font-weight: normal; padding: 3px 10px; }

strong { font-weight: bold; }

img.img { border: #cccccc 1px solid; margin: 10px; max-width: 100%; height: auto; }

.stepbox { margin: 20px auto; }

/*=====================================================
麵包屑
=====================================================*/
div.crumbs { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 0 15px; background: #f5f5f5; border: 1px solid #ddd; margin-bottom: 30px; }

div.crumbs a { color: #000; text-decoration: none; float: left; background: url(../images/crumbs_deco.png) 0 0 no-repeat; padding-left: 45px; line-height: 40px; float: left; padding-top: 3px; }

div.crumbs a:hover { color: #d70c18; }

div.crumbs a.home { background: url(../images/icon_home.png) 0 14px no-repeat; padding-left: 24px; }

div.crumbs span { background: url(../images/crumbs_deco.png) 0 0 no-repeat; padding-left: 45px; line-height: 40px; float: left; padding-top: 3px; }

div.page_ctrl { text-align: center; margin: 0 auto; }

div.page_ctrl a { display: inline-block; *display: inline; zoom: 1; text-align: center; }

div.page_ctrl:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }

div.page_ctrl img { margin-right: 15px; cursor: pointer; /* float:left; */ }

div.page_ctrl a.btn { margin-right: 15px; }

div.page_ctrl input.btn { margin-right: 15px; }

div.page_ctrl ~ h3 { margin-top: 30px; }

/*=====================================================
Footer
=====================================================*/
div.footer { background: url(../images/footerBg.png) 0 0 repeat-x; padding: 25px 0; }

div.footer div.inner { padding: 0 10px; width: 980px; margin: 0 auto; text-align: left; }

div.footer div.inner p { background: url(../images/footer_logo.png) 0 0 no-repeat; padding-left: 160px; position: relative; height: 40px; line-height: 40px; }

div.footer div.inner p span { position: absolute; left: 666px; top: 5px; }

/*=====================================================
MAIN
=====================================================*/
.decos { margin: 20px auto 20px 20px; width: 938px; border: 1px solid #D9D9D9; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: left; }

/*=====================================================
匯率表格
=====================================================*/
p.notice { color: #F00; margin: 0 20px; }

p.memo { margin: 0 20px; }

p.date { text-align: center; }

p.inbtm { margin-bottom: 20px; }

.decos table { width: 100%; border-spacing: 0.2em; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-collapse: collapse; }

.decos table tbody th { border-top-left-radius: 8px; border-top-right-radius: 8px; }

.decos table th { background: url(../images/thbg.png) repeat-x bottom left; border-bottom: 1px solid #D9D9D9; color: #666; font-size: 16px; margin: 0; padding: 10px 10px 10px 50px; min-height: 40px; text-align: left; border-right: 1px solid #D9D9D9; }

.decos table td { border-bottom: 1px solid #D9D9D9; color: #666; font-size: 16px; margin: 0; padding: 10px 10px 10px 50px; min-height: 40px; border-right: 1px solid #D9D9D9; }

.decos table td a { text-decoration: underline; background: url(../images/arrow.png) 0 3px no-repeat; padding-left: 18px; margin-right: 50px; }

.decos table tr:last-child td { border-bottom: none; border-radius: 0 0 8px 8px; }

.decos table tr.even td { background: #fafafa !important; }

.decos table .noline { border-right: 0; }

/*=====================================================
首頁
=====================================================*/
table.keyboard_deco { margin-left: 10px; }

table.keyboard_deco td { padding: 20px; border: 1px dashed #ccc; }

table.keyboard_deco td:last-child { background: #f1f1f1; }

span.key { display: block; color: #9a0000; }

/*=====================================================
輸入框
=====================================================*/
input[type="text"], input[type="password"] { width: 200px; padding: 8px 5px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: inset 2px 2px 0px 0px #e7e7e7; -moz-box-shadow: inset 2px 2px 0px 0px #e7e7e7; box-shadow: inset 2px 2px 0px 0px #e7e7e7; }

input[type="text"]:focus, input[type="password"]:focus { background-color: #ffffcc; -webkit-box-shadow: inset 2px 2px 0px 0px #e5e5a6; -moz-box-shadow: inset 2px 2px 0px 0px #e5e5a6; box-shadow: inset 2px 2px 0px 0px #e5e5a6; border: 1px solid #f7c43c; outline: none; }

/*=====================================================
內容-有表頭用 dl-無表頭用 ul
=====================================================*/
.decos li { line-height: 36px; padding: 15px 20px 20px; border-bottom: 1px solid #D9D9D9; list-style: none; position: relative; }

/*.decos li:last-child {border-radius:0 0 8px 8px;}*/
.decos ul.level1 li { padding: 5px 20px; }

.decos li em.m1 { font-style: normal; left: 430px; color: #f00; position: absolute; }

.decos li em.m2 { font-style: normal; left: 660px; color: #f00; position: absolute; }

.decos li span { float: right; }

.decos dt { background: url(../images/thbg.png) repeat-x bottom left; border-bottom: 1px solid #D9D9D9; color: #666; font-size: 16px; margin: 0; padding: 15px 10px 10px 30px; min-height: 30px; font-weight: bold; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; position: relative; }

.decos dt span.inquiry-date { position: absolute; font-weight: normal; right: 15px; }

.decos dd { line-height: 36px; padding: 15px 40px 20px; border-bottom: 1px solid #D9D9D9; overflow: auto; }

.decos dd:last-child { border-bottom: none; border-radius: 0 0 8px 8px; }

.decos dd label { cursor: pointer; }

.decos dd input[type="text"] { margin-left: 5px; margin-right: 20px; }

.decos dd input[type="text"].date { width: 120px; }

.decos li a, .decos dd a { text-decoration: underline; background: url(../images/arrow.png) 0 3px no-repeat; padding-left: 18px; }

.decos table.detail th, .decos table.tranfer th { background: none; border-bottom: 1px solid #D9D9D9; color: #666; font-size: 16px; margin: 0; padding: 10px; min-height: 40px; text-align: center; border-right: 1px solid #D9D9D9; }

.decos table.detail tr:last-child th, .decos table.tranfer tr:last-child th { border-bottom: 0; }

.decos table.detail td { text-align: center; padding: 10px; }

.done { color: #e8362c; text-align: center; margin-top: 15px; }

/*=====================================================
登入
=====================================================*/
.loginbox { width: 798px; margin-left: 90px; }

.loginbox ul { margin-top: 30px; margin-left: 60px; margin-bottom: 30px; }

.loginbox ul li { list-style: none; clear: both; margin-bottom: 30px; line-height: 36px; border: 0; padding: 0; }

.loginbox ul li:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }

.loginbox ul li label { float: left; width: 200px; text-align: right; padding-right: 10px; }

.loginbox ul li input[type="text"] { float: left; }

.loginbox ul li img { float: left; margin-left: 10px; }

.loginbox ul li a { float: left; background: none; }

.loginbox p { background: #f4f4f4; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-top: 1px solid #d9d9d9; }

div.notice { text-align: center; }

div.notice p { margin: 20px auto 10px; background: #fff1f3; color: #e8362c; padding: 5px 10px; display: inline-block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.button { line-height: 36px; padding: 0 10px; margin-left: 10px; }

/*=====================================================
變更使用者代碼/密碼
=====================================================*/
.modify label { float: left; width: 200px; text-align: right; padding-right: 10px; }

.modify input[type="text"] { float: left; }

.fintxt { text-align: center; font-family: '微軟正黑體', '新細明體'; margin: 40px; line-height: 1.6em; font-size: 26px; }

.fintxt span { display: block; font-size: 16px; font-weight: normal; }

table.memo { margin: 0 auto; }

table.memo td { font-size: 15px; padding: 10px; }

table.memo td li { border: 0; padding: 0; }

table.memo td li span { float: none; }

/*按鈕*/
.btn { /*float:left;*/ width: 130px; height: 51px; text-indent: -9999px; display: inline-block; vertical-align: middle; border: 0px; cursor: pointer; }

.btn_btov { background: url(../images/btn_btov.png) no-repeat; width: 170px; }

.btn_btov:hover { background: url(../images/btn_btov_over.png) no-repeat; width: 170px; }

.btn_normal { width: auto; min-width: 130px; height: auto; box-sizing: border-box; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f0f0f0)); background: -moz-linear-gradient(top, #ffffff 5%, #f0f0f0 100%); background: -webkit-linear-gradient(top, #ffffff 5%, #f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 5%, #f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 5%, #f0f0f0 100%); background: linear-gradient(to bottom, #ffffff 5%, #f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0); background-color: #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #dddddd; display: inline-block; cursor: pointer; color: #888888; font-size: 20px; font-weight: bold; padding: 11px 0; margin-left: 20px; margin-right: 20px; text-indent: 0; text-decoration: none; letter-spacing: 2px; }
.btn_normal:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e31c2c), color-stop(1, #dc060d)); background: -moz-linear-gradient(top, #e31c2c 5%, #dc060d 100%); background: -webkit-linear-gradient(top, #e31c2c 5%, #dc060d 100%); background: -o-linear-gradient(top, #e31c2c 5%, #dc060d 100%); background: -ms-linear-gradient(top, #e31c2c 5%, #dc060d 100%); background: linear-gradient(to bottom, #e31c2c 5%, #dc060d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e31c2c', endColorstr='#dc060d',GradientType=0); background-color: #e31c2c; color: #FFFFFF; }
.btn_normal:disabled { cursor: not-allowed; opacity: 0.5; }
.btn_normal:disabled:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f0f0f0)); background: -moz-linear-gradient(top, #ffffff 5%, #f0f0f0 100%); background: -webkit-linear-gradient(top, #ffffff 5%, #f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 5%, #f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 5%, #f0f0f0 100%); background: linear-gradient(to bottom, #ffffff 5%, #f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0); background-color: #ffffff; }

.btn_cancel { background: url(../images/btn_cancel.png) no-repeat; border: 0; }

.btn_cancel:hover { background: url(../images/btn_cancel_over.png) no-repeat; }

.btn_close { background: url(../images/btn_close.png) no-repeat; }

.btn_close:hover { background: url(../images/btn_close_over.png) no-repeat; }

.btn_home { background: url(../images/btn_home.png) no-repeat; }

.btn_home:hover { background: url(../images/btn_home_over.png) no-repeat; }

.btn_login { background: url(../images/btn_login.png) no-repeat; }

.btn_login:hover { background: url(../images/btn_login_over.png) no-repeat; }

.btn_logout { background: url(../images/btn_logout.png) no-repeat; }

.btn_logout:hover { background: url(../images/btn_logout_over.png) no-repeat; }

.btn_next { background: url(../images/btn_next.png) no-repeat; }

.btn_next:hover { background: url(../images/btn_next_over.png) no-repeat; }

.btn_next[disabled] { opacity: 0.4; cursor: not-allowed; }
.btn_next[disabled]:hover { background: url(../images/btn_next.png) no-repeat; }

.btn_previous { background: url(../images/btn_previous.png) no-repeat; height: 51px; }

.btn_previous:hover { background: url(../images/btn_previous_over.png) no-repeat; }

.btn_sure { background: url(../images/btn_sure.png) no-repeat; }

.btn_sure:hover { background: url(../images/btn_sure_over.png) no-repeat; }

.btn_keepon { background: url(../images/btn_keepon.png) no-repeat; }

.btn_keepon:hover { background: url(../images/btn_keepon_over.png) no-repeat; }

.btn_download { background: url(../images/btn_download.png) no-repeat; }

.btn_download:hover { background: url(../images/btn_download_over.png) no-repeat; }

.btn_refresh { background: url(../images/btn_refresh.png) no-repeat; }

.btn_refresh:hover { background: url(../images/btn_refresh_over.png) no-repeat; }

.btn_apply { background: url(../images/btn_apply.png) no-repeat; width: 210px; }

.btn_apply:hover { background: url(../images/btn_apply_over.png) no-repeat; }

.btn_applynow { background: url(../images/btn_applynow.png) no-repeat; }

.btn_applynow:hover { background: url(../images/btn_applynow_over.png) no-repeat; }

.btn_dc { background: url(../images/btn_dc.png) no-repeat; }

.btn_dc:hover { background: url(../images/btn_dc_over.png) no-repeat; }

.btn_inquire { background: url(../images/btn_inquire.png) no-repeat; }

.btn_inquire:hover { background: url(../images/btn_inquire_over.png) no-repeat; }

.btn_delete { background: url(../images/btn_delete.png) no-repeat; }

.btn_delete:hover { background: url(../images/btn_delete_over.png) no-repeat; }

.btn_modify1 { background: url(../images/btn_modify1.png) no-repeat; }

.btn_modify1:hover { background: url(../images/btn_modify1_over.png) no-repeat; }

.btn_modify2 { background: url(../images/btn_modify2.png) no-repeat; }

.btn_modify2:hover { background: url(../images/btn_modify2_over.png) no-repeat; }

.btn_edit { background: url(../images/btn_edit.png) no-repeat; }

.btn_edit:hover { background: url(../images/btn_edit_over.png) no-repeat; }

.btn_reapply { background: url(../images/btn_reapply.png) no-repeat; }

.btn_reapply:hover { background: url(../images/btn_reapply_over.png) no-repeat; }

.btn_back { background: url(../images/btn_back.png) no-repeat; }

.btn_back:hover { background: url(../images/btn_back_over.png) no-repeat; }

input.artfld[type="radio"] { opacity: 0; width: 0; height: 0; margin: 0; padding: 0; position: absolute; }
input.artfld[type="radio"]:focus + label > span { border-color: #f7c43c; background-color: #ffffcc; }
input.artfld[type="radio"] + label { cursor: pointer; margin-right: 20px; line-height: 2; }
input.artfld[type="radio"] + label > span { display: inline-block; width: 15px; height: 15px; margin: -1px 8px 0 0; vertical-align: middle; cursor: pointer; border: 1px solid #aaa; background-color: transparent; -moz-box-shadow: inset 0px 1px 1px 0px #a7a7a7; -webkit-box-shadow: inset 0px 1px 1px 0px #a7a7a7; box-shadow: inset 0px 1px 1px 0px #a7a7a7; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
input.artfld[type="radio"] + label > span + img { vertical-align: top; margin-left: 20px; }
input.artfld[type="radio"] + label:hover > span { border-color: #f7c43c; background-color: #ffffcc; }
input.artfld[type="radio"] + label.no-text { margin-right: 0; }
input.artfld[type="radio"] + label.no-text > span { margin-right: 0; }
input.artfld[type="radio"] + label.no-text > span span.getCheck { margin-left: 0; }
input.artfld[type="radio"]:checked + label span.getCheck { display: inline-block; width: 11px; height: 11px; background-color: #e99494; margin-left: 2px; margin-top: 2px; vertical-align: top; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
input.artfld[type="radio"].tick:checked + label span.getCheck { display: inline-block; width: 15px; height: 15px; background-color: #e99494; border: 1px solid #e99494; margin-left: -1px; margin-top: -1px; vertical-align: top; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
input.artfld[type="radio"].tick:checked + label span.getCheck::before { position: absolute; content: ""; display: block; border: 3px solid #fff; left: 50%; margin-left: -25%; top: 35%; margin-top: -25%; background: transparent; width: 25%; height: 50%; border-left: 0; border-top: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
input.artfld[type="radio"].tick:checked + label span.getCheck::after { display: none; }
input.artfld[type="radio"].tickr:checked + label span.getCheck { display: inline-block; width: 15px; height: 15px; background-color: #37b914; border: 1px solid #37b914; margin-left: -1px; margin-top: -1px; vertical-align: top; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
input.artfld[type="radio"].tickr:checked + label span.getCheck::before { position: absolute; content: ""; display: block; border: 3px solid #fff; left: 50%; margin-left: -25%; top: 35%; margin-top: -25%; background: transparent; width: 25%; height: 50%; border-left: 0; border-top: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
input.artfld[type="radio"].tickr:checked + label span.getCheck::after { display: none; }

input.artfld.circle[type="checkbox"] { opacity: 0; width: 0; height: 0; margin: 0; padding: 0; }
input.artfld.circle[type="checkbox"]:focus + label > span { border-color: #f7c43c; background-color: #ffffcc; }
input.artfld.circle[type="checkbox"] + label { cursor: pointer; margin-right: 20px; text-indent: 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 5px; padding-right: 5px; }
input.artfld.circle[type="checkbox"] + label > span { display: inline-block; width: 15px; height: 15px; margin: 3px 8px 0 0; vertical-align: middle; cursor: pointer; border: 1px solid #aaa; background-color: transparent; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
input.artfld.circle[type="checkbox"] + label > span + img { vertical-align: top; margin-left: 20px; }
input.artfld.circle[type="checkbox"] + label:hover > span { border-color: #f7c43c; background-color: #ffffcc; }
input.artfld.circle[type="checkbox"]:checked + label span.getCheck { position: static; display: inline-block; width: 15px; height: 15px; background-color: #e99494; border: 1px solid #e99494; margin-left: -1px; margin-top: -1px; vertical-align: top; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
input.artfld.circle[type="checkbox"]:checked + label span.getCheck::before { content: ""; display: block; border: 3px solid #fff; left: 4px; margin-left: 0; top: 2px; margin-top: 0; background: transparent; width: 4px; height: 8px; border-left: 0; border-top: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
input.artfld.circle[type="checkbox"]:checked + label span.getCheck::after { display: none; }

input.artfld[type="checkbox"] { opacity: 0; width: 0; height: 0; margin: 0; padding: 0; position: absolute; }
input.artfld[type="checkbox"] + label { cursor: pointer; line-height: 1.5; text-align: justify; }
input.artfld[type="checkbox"] + label i { display: inline-block; text-indent: 0; }
input.artfld[type="checkbox"] + label > span { position: relative; display: inline-block; width: 19px; height: 19px; margin: -1px 8px 0 0; vertical-align: middle; cursor: pointer; border: 1px solid #c7c7c7; background-color: transparent; border-radius: 1px; line-height: 1.2; -moz-box-shadow: inset 0px 1px 1px 0px #a7a7a7; -webkit-box-shadow: inset 0px 1px 1px 0px #a7a7a7; box-shadow: inset 0px 1px 1px 0px #a7a7a7; }
input.artfld[type="checkbox"] + label > span + img { vertical-align: top; margin-left: 20px; }
input.artfld[type="checkbox"] + label.no-text { margin-right: 0; display: inline; padding-left: 0; padding-right: 0; }
input.artfld[type="checkbox"] + label.no-text > span { position: static; margin-right: 0; -webkit-transform: none; -ms-transform: none; transform: none; }
input.artfld[type="checkbox"]:checked + label span.getCheck { display: inline-block; width: 11px; height: 11px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 2px; top: 1px; }
input.artfld[type="checkbox"]:checked + label span.getCheck::after { content: ""; display: inline-block; position: absolute; width: 4px; height: 16px; background-color: #595959; left: 9px; top: -3px; }
input.artfld[type="checkbox"]:checked + label span.getCheck::before { content: ""; display: inline-block; position: absolute; width: 7px; height: 4px; background-color: #595959; left: 3px; top: 9px; }
input.artfld[type="checkbox"]:disabled + label { color: #999; cursor: default; }
input.artfld[type="checkbox"]:disabled + label > span { background: #f6f6f6; }
input.artfld[type="checkbox"]:disabled + label span.getCheck::after, input.artfld[type="checkbox"]:disabled + label span.getCheck::before { background-color: #999; }

input.artfld[type="text"], input.artfld[type="date"], input.artfld[type="datetime-local"], input.artfld[type="month"], input.artfld[type="time"], input.artfld[type="week"], input.artfld[type="search"], input.artfld[type="password"], input.artfld[type="tel"], input.artfld[type="number"], input.artfld[type="url"], input.artfld[type="email"], textarea.artfld, .selectWrapper, .artfld.select { width: 370px; -webkit-box-sizing: border-box; box-sizing: border-box; }
input.artfld[type="text"].col-1, input.artfld[type="date"].col-1, input.artfld[type="datetime-local"].col-1, input.artfld[type="month"].col-1, input.artfld[type="time"].col-1, input.artfld[type="week"].col-1, input.artfld[type="search"].col-1, input.artfld[type="password"].col-1, input.artfld[type="tel"].col-1, input.artfld[type="number"].col-1, input.artfld[type="url"].col-1, input.artfld[type="email"].col-1, textarea.artfld.col-1, .selectWrapper.col-1, .artfld.select.col-1 { width: 60px; }
input.artfld[type="text"].col-1-s1, input.artfld[type="date"].col-1-s1, input.artfld[type="datetime-local"].col-1-s1, input.artfld[type="month"].col-1-s1, input.artfld[type="time"].col-1-s1, input.artfld[type="week"].col-1-s1, input.artfld[type="search"].col-1-s1, input.artfld[type="password"].col-1-s1, input.artfld[type="tel"].col-1-s1, input.artfld[type="number"].col-1-s1, input.artfld[type="url"].col-1-s1, input.artfld[type="email"].col-1-s1, textarea.artfld.col-1-s1, .selectWrapper.col-1-s1, .artfld.select.col-1-s1 { width: 90px; }
input.artfld[type="text"].col-2, input.artfld[type="date"].col-2, input.artfld[type="datetime-local"].col-2, input.artfld[type="month"].col-2, input.artfld[type="time"].col-2, input.artfld[type="week"].col-2, input.artfld[type="search"].col-2, input.artfld[type="password"].col-2, input.artfld[type="tel"].col-2, input.artfld[type="number"].col-2, input.artfld[type="url"].col-2, input.artfld[type="email"].col-2, textarea.artfld.col-2, .selectWrapper.col-2, .artfld.select.col-2 { width: 130px; }
input.artfld[type="text"].col-3, input.artfld[type="date"].col-3, input.artfld[type="datetime-local"].col-3, input.artfld[type="month"].col-3, input.artfld[type="time"].col-3, input.artfld[type="week"].col-3, input.artfld[type="search"].col-3, input.artfld[type="password"].col-3, input.artfld[type="tel"].col-3, input.artfld[type="number"].col-3, input.artfld[type="url"].col-3, input.artfld[type="email"].col-3, textarea.artfld.col-3, .selectWrapper.col-3, .artfld.select.col-3 { width: 200px; }
input.artfld[type="text"].col-4, input.artfld[type="date"].col-4, input.artfld[type="datetime-local"].col-4, input.artfld[type="month"].col-4, input.artfld[type="time"].col-4, input.artfld[type="week"].col-4, input.artfld[type="search"].col-4, input.artfld[type="password"].col-4, input.artfld[type="tel"].col-4, input.artfld[type="number"].col-4, input.artfld[type="url"].col-4, input.artfld[type="email"].col-4, textarea.artfld.col-4, .selectWrapper.col-4, .artfld.select.col-4 { width: 270px; }
input.artfld[type="text"].col-5, input.artfld[type="date"].col-5, input.artfld[type="datetime-local"].col-5, input.artfld[type="month"].col-5, input.artfld[type="time"].col-5, input.artfld[type="week"].col-5, input.artfld[type="search"].col-5, input.artfld[type="password"].col-5, input.artfld[type="tel"].col-5, input.artfld[type="number"].col-5, input.artfld[type="url"].col-5, input.artfld[type="email"].col-5, textarea.artfld.col-5, .selectWrapper.col-5, .artfld.select.col-5 { width: 340px; }
input.artfld[type="text"].col-6, input.artfld[type="date"].col-6, input.artfld[type="datetime-local"].col-6, input.artfld[type="month"].col-6, input.artfld[type="time"].col-6, input.artfld[type="week"].col-6, input.artfld[type="search"].col-6, input.artfld[type="password"].col-6, input.artfld[type="tel"].col-6, input.artfld[type="number"].col-6, input.artfld[type="url"].col-6, input.artfld[type="email"].col-6, textarea.artfld.col-6, .selectWrapper.col-6, .artfld.select.col-6 { width: 410px; }
input.artfld[type="text"].col-7, input.artfld[type="date"].col-7, input.artfld[type="datetime-local"].col-7, input.artfld[type="month"].col-7, input.artfld[type="time"].col-7, input.artfld[type="week"].col-7, input.artfld[type="search"].col-7, input.artfld[type="password"].col-7, input.artfld[type="tel"].col-7, input.artfld[type="number"].col-7, input.artfld[type="url"].col-7, input.artfld[type="email"].col-7, textarea.artfld.col-7, .selectWrapper.col-7, .artfld.select.col-7 { width: 480px; }
input.artfld[type="text"].col-8, input.artfld[type="date"].col-8, input.artfld[type="datetime-local"].col-8, input.artfld[type="month"].col-8, input.artfld[type="time"].col-8, input.artfld[type="week"].col-8, input.artfld[type="search"].col-8, input.artfld[type="password"].col-8, input.artfld[type="tel"].col-8, input.artfld[type="number"].col-8, input.artfld[type="url"].col-8, input.artfld[type="email"].col-8, textarea.artfld.col-8, .selectWrapper.col-8, .artfld.select.col-8 { width: 550px; }
input.artfld[type="text"].col-9, input.artfld[type="date"].col-9, input.artfld[type="datetime-local"].col-9, input.artfld[type="month"].col-9, input.artfld[type="time"].col-9, input.artfld[type="week"].col-9, input.artfld[type="search"].col-9, input.artfld[type="password"].col-9, input.artfld[type="tel"].col-9, input.artfld[type="number"].col-9, input.artfld[type="url"].col-9, input.artfld[type="email"].col-9, textarea.artfld.col-9, .selectWrapper.col-9, .artfld.select.col-9 { width: 620px; }
input.artfld[type="text"].col-auto, input.artfld[type="date"].col-auto, input.artfld[type="datetime-local"].col-auto, input.artfld[type="month"].col-auto, input.artfld[type="time"].col-auto, input.artfld[type="week"].col-auto, input.artfld[type="search"].col-auto, input.artfld[type="password"].col-auto, input.artfld[type="tel"].col-auto, input.artfld[type="number"].col-auto, input.artfld[type="url"].col-auto, input.artfld[type="email"].col-auto, textarea.artfld.col-auto, .selectWrapper.col-auto, .artfld.select.col-auto { width: auto; }

input.artfld[type="text"], input.artfld[type="date"], input.artfld[type="datetime-local"], input.artfld[type="month"], input.artfld[type="time"], input.artfld[type="week"], input.artfld[type="search"], input.artfld[type="password"], input.artfld[type="tel"], input.artfld[type="number"], input.artfld[type="url"], input.artfld[type="email"], textarea.artfld { font-family: inherit; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: inset 2px 2px 0px 0px #e7e7e7; box-shadow: inset 2px 2px 0px 0px #e7e7e7; width: 176px; padding: 8px 10px; position: relative; top: 1px; margin-right: 10px; font-size: 15px; }
input.artfld[type="text"]:focus, input.artfld[type="text"]:hover, input.artfld[type="date"]:focus, input.artfld[type="date"]:hover, input.artfld[type="datetime-local"]:focus, input.artfld[type="datetime-local"]:hover, input.artfld[type="month"]:focus, input.artfld[type="month"]:hover, input.artfld[type="time"]:focus, input.artfld[type="time"]:hover, input.artfld[type="week"]:focus, input.artfld[type="week"]:hover, input.artfld[type="search"]:focus, input.artfld[type="search"]:hover, input.artfld[type="password"]:focus, input.artfld[type="password"]:hover, input.artfld[type="tel"]:focus, input.artfld[type="tel"]:hover, input.artfld[type="number"]:focus, input.artfld[type="number"]:hover, input.artfld[type="url"]:focus, input.artfld[type="url"]:hover, input.artfld[type="email"]:focus, input.artfld[type="email"]:hover, textarea.artfld:focus, textarea.artfld:hover { background-color: #ffffcc; -webkit-box-shadow: inset 2px 2px 0px 0px #e5e5a6; box-shadow: inset 2px 2px 0px 0px #e5e5a6; border: 1px solid #f7c43c; outline: none; }
input.artfld[type="text"][class*="icon-input-"], input.artfld[type="date"][class*="icon-input-"], input.artfld[type="datetime-local"][class*="icon-input-"], input.artfld[type="month"][class*="icon-input-"], input.artfld[type="time"][class*="icon-input-"], input.artfld[type="week"][class*="icon-input-"], input.artfld[type="search"][class*="icon-input-"], input.artfld[type="password"][class*="icon-input-"], input.artfld[type="tel"][class*="icon-input-"], input.artfld[type="number"][class*="icon-input-"], input.artfld[type="url"][class*="icon-input-"], input.artfld[type="email"][class*="icon-input-"], textarea.artfld[class*="icon-input-"] { padding-left: 40px; }
input.artfld[type="text"].required, input.artfld[type="date"].required, input.artfld[type="datetime-local"].required, input.artfld[type="month"].required, input.artfld[type="time"].required, input.artfld[type="week"].required, input.artfld[type="search"].required, input.artfld[type="password"].required, input.artfld[type="tel"].required, input.artfld[type="number"].required, input.artfld[type="url"].required, input.artfld[type="email"].required, textarea.artfld.required { border-color: red; }

textarea.artfld.limit { max-width: 620px; max-height: 200px; }

.flex { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

.artfld.select { display: inline-block; background: #fff; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.artfld.select::before { content: ""; display: block; position: absolute; top: 50%; right: 10px; margin-top: -4px; width: 4px; height: 4px; border: 2px solid #666; border-top: 0; border-right: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.artfld.select select { font-size: 1em; font-family: inherit; color: #5f5f5f; line-height: 2; padding-left: 10px; padding-right: 28px; padding-top: 2px; background: transparent; display: block; border: 1px solid #ddd; width: 100%; margin: 0; -moz-appearance: none; -webkit-appearance: none; -moz-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.artfld.select select:focus, .artfld.select select:hover { background: none; background-color: #ffffcc; -webkit-box-shadow: inset 2px 2px 0px 0px #e5e5a6; box-shadow: inset 2px 2px 0px 0px #e5e5a6; outline: none; border: 1px solid #f7c43c; }
.artfld.select select::-ms-expand { display: none; }
.artfld.select select:disabled { color: #aaa; background: #f5f5f5; border-color: #ddd; -moz-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); }
.artfld.select + .artfld.select { margin-left: 7px; }

.formblock { border: #dddddd 1px solid; border-radius: 5px; }

.new-datatable { font-size: 15px; border-collapse: collapse; margin: 0px auto; color: #666666; }
.new-datatable tr { border-bottom: 1px solid #D9D9D9; }
.new-datatable tr:last-child { border-bottom: 0px; }
.new-datatable tr.hidetr { border-bottom: 0px; }
.new-datatable > caption { background: url(../images/thbg.png) repeat-x bottom left; border-bottom: 1px solid #D9D9D9; color: #666; font-size: 16px; margin: 0; padding: 15px 10px 10px 30px; min-height: 30px; font-weight: bold; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; position: relative; text-align: left; }
.new-datatable.single-col th, .new-datatable.single-col td { padding-left: 10px; padding-right: 10px; }
.new-datatable th { text-align: right; line-height: 36px; padding: 18px 10px 18px 10px; width: 185px; vertical-align: middle; font-size: 16px; white-space: nowrap; font-weight: normal; }
.new-datatable td { text-align: left; line-height: 34px; padding: 18px 10px 18px 10px; vertical-align: middle; }
.new-datatable td.center { text-align: center; }
.new-datatable td.air_td { padding: 0px; }
.new-datatable .fwn { font-weight: normal; }
.new-datatable td.caption { padding: 15px 10px 0px 10px; line-height: 34px; }
.new-datatable.vtop th, .new-datatable.vtop td { vertical-align: top; }
.new-datatable .vtop { vertical-align: top; }
.new-datatable .intable { background: #fcecef; padding: 10px; margin-top: 5px; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.new-datatable .intable th { width: 105px; }
.new-datatable .intable:last-of-type { margin-bottom: 0; }

.inline { display: inline-block; }

.iframe_block { margin: 15px auto; border: #dddddd 1px solid; border-radius: 5px; padding: 10px 10px; }

.panel-note { display: block; font-size: 16px; line-height: 1.5; margin: 0; }

.agree { position: relative; }

.hidediv { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 26px; height: 26px; }

.bimg { margin: 30px auto; }

.red { color: #d00f24; }

.data-table { border-collapse: collapse; }
.data-table th, .data-table td { border-bottom: #ddd 1px solid; padding: 12px 10px; font-weight: normal; }
.data-table tr:last-child th, .data-table tr:last-child td { border-bottom: none; }
.data-table tr .last-child { border-bottom: none; }
.data-table th { color: #666666; }
.data-table .text-full { width: 99%; }
.data-table strong { font-weight: bold; }
.data-table .red { color: #d00f24; }
.data-table .inline { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-left: 5px; margin-right: 5px; }
.data-table .dl { display: inline-block; vertical-align: middle; }
.data-table.component-dl td { width: 75px; }
.data-table.component-dl th { padding: 12px 20px; }
.data-table i.arrow { top: 0; right: 0; }

i { border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; vertical-align: middle; position: relative; top: -2px; }
i.right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-right: 10px; }

.precautions { margin: 15px 5px 30px 5px; }
.precautions > ul { margin-left: 20px; line-height: 24px; }
.precautions > ul.ul-decimal li { list-style: decimal; text-align: justify; . text-justify: inter-ideograph; }

.stepsboard { background: #e7e7e7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTdlN2U3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, white 30%, #e7e7e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, white), color-stop(100%, #e7e7e7)); background: -webkit-linear-gradient(top, white 30%, #e7e7e7 100%); background: -o-linear-gradient(top, white 30%, #e7e7e7 100%); background: -ms-linear-gradient(top, white 30%, #e7e7e7 100%); background: linear-gradient(to bottom, #ffffff 30%, #e7e7e7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); border: #dddddd 1px solid; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 44px; margin: 14px auto 0; color: #aaaaaa; padding-left: 10px; }
.stepsboard i { border-color: #aaaaaa; top: 0; bottom: 0; padding: 3px; border-width: 0 1px 1px 0; }
.stepsboard .steps { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding-left: 34px; background-position: left 11px; background-repeat: no-repeat; margin-left: 9px; margin-right: 9px; color: #aaaaaa; line-height: 45px; }
.stepsboard .steps span { display: none; }
.stepsboard .s1 { background-image: url(../images/s1.png); }
.stepsboard .s1_on { background-image: url(../images/s1_on.png); color: #d00f24; }
.stepsboard .s2 { background-image: url(../images/s2.png); }
.stepsboard .s2_on { background-image: url(../images/s2_on.png); color: #d00f24; }
.stepsboard .s3 { background-image: url(../images/s3.png); }
.stepsboard .s3_on { background-image: url(../images/s3_on.png); color: #d00f24; }
.stepsboard .s4 { background-image: url(../images/s4.png); }
.stepsboard .s4_on { background-image: url(../images/s4_on.png); color: #d00f24; }
.stepsboard .s5 { background-image: url(../images/s5.png); }
.stepsboard .s5_on { background-image: url(../images/s5_on.png); color: #d00f24; }
.stepsboard .s6 { background-image: url(../images/s6.png); }
.stepsboard .s6_on { background-image: url(../images/s6_on.png); color: #d00f24; }
.stepsboard .s7 { background-image: url(../images/s7.png); }
.stepsboard .s7_on { background-image: url(../images/s7_on.png); color: #d00f24; }
.stepsboard .s8 { background-image: url(../images/s8.png); }
.stepsboard .s8_on { background-image: url(../images/s8_on.png); color: #d00f24; }
.stepsboard .s9 { background-image: url(../images/s9.png); }
.stepsboard .s9_on { background-image: url(../images/s9_on.png); color: #d00f24; }

.ntable { border-collapse: separate; border-spacing: 0; margin: 15px 0 20px 0; width: 100%; }
.ntable.smg { margin: 10px auto; }
.ntable.nowrap th, .ntable.nowrap td { white-space: nowrap; }
.ntable.center th, .ntable.center td { text-align: center; }
.ntable.left th, .ntable.left td { text-align: left; }
.ntable.right td { text-align: right; }
.ntable.vertical-style th, .ntable.vertical-style td { padding-left: 0; padding-right: 0; }
.ntable.width-bigger { width: 70%; }
.ntable.myaccount td:first-child { text-align: left; }
.ntable.vmiddle td { vertical-align: middle; }
.ntable.cfund td { vertical-align: middle; }
.ntable.cfund td:nth-child(2) { text-align: left; padding: 15px 15px 10px 15px; }
.ntable.sizes th, .ntable.sizes td { padding: 8px 8px; line-height: 20px; }
.ntable.row3 { width: 402px; margin: 10px auto; margin-right: 8px; display: inline-table; vertical-align: top; }
.ntable.row2 { width: 268px; margin: 10px auto; display: inline-table; vertical-align: top; }
.ntable th, .ntable td { border: solid 1px #dddddd; border-style: none solid solid none; padding: 15px 15px; line-height: 20px; text-align: center; }
.ntable tr th { vertical-align: middle; }
.ntable tr th.th { background-color: #f6f6f6; font-weight: bold; }
.ntable tr:first-child th:first-child, .ntable tr:first-child td:first-child { border-top-left-radius: 8px; }
.ntable tr:first-child th:last-child, .ntable tr:first-child td:last-child { border-top-right-radius: 8px; }
.ntable tr:last-child td:first-child, .ntable tr:last-child th:first-child { border-bottom-left-radius: 8px; }
.ntable tr:last-child td:last-child, .ntable tr:last-child th:last-child { border-bottom-right-radius: 8px; }
.ntable tr:first-child th { border-top-style: solid; background-color: #f6f6f6; font-weight: bold; }
.ntable tr:first-child td { border-top-style: solid; }
.ntable tr th.th { background-color: #F6F6F6; }
.ntable tr > :first-child { border-left-style: solid; }
.ntable tr.even td { background: #fdfdfd; }
.ntable tr.odd td { background: #ffffff; }
.ntable tr .noleftline { border-left-style: none; }
.ntable tr td.ltradius, .ntable tr th.ltradius { border-top-left-radius: 8px !important; }
.ntable tr td.lbradius, .ntable tr th.lbradius { border-bottom-left-radius: 8px !important; }
.ntable tr td.noradius, .ntable tr th.noradius { border-radius: 0  !important; }
.ntable.vmiddle th, .ntable.vmiddle td { vertical-align: middle; }
.ntable.mtop0 { margin-top: 0; }
.ntable .left { text-align: left; }

.full-size { width: 100%; }

.rnotes { display: inline-block; *display: inline; box-sizing: border-box; *zoom: 1; vertical-align: middle; line-height: 1.5em; padding: 10px; border: #f3d0d4 1px solid; background: #fcecef; margin-top: 15px; margin-bottom: 15px; position: relative; }
.rnotes .transaction_number { right: 2%; position: absolute; display: block; }
.rnotes.out-content { display: block; width: auto; margin-top: 0; margin-bottom: 5px; line-height: 24px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; }
.rnotes.ngreen { display: block; width: 100%; box-sizing: border-box; text-align: center; margin-bottom: 5px; line-height: 24px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; color: #454545; font-size: 14px; border: #b7deac 1px solid; background-color: #f2faef; }
.rnotes.ngreen .transaction_number { line-height: 32px; }
.rnotes.nred { display: block; width: 100%; box-sizing: border-box; text-align: center; margin-bottom: 5px; line-height: 24px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; font-size: 14px; }
.rnotes.nred .transaction_number { line-height: 32px; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #dddddd; margin: 0.5em 0; padding: 0; }

.pink { color: #ff3e3e; }

.reminder { box-sizing: border-box; padding: 12px 30px; color: #000000; }
.reminder > p { line-height: 2em; font-size: 18px; padding: 0 !important; margin: 0; }
.reminder .pink { color: #ff3e3e; }

.cblock { box-sizing: border-box; padding-top: 20px; padding-bottom: 20px; }

/*=====================================================
popup視窗
=====================================================*/
.popupbox { display: none; background: #fff; border-radius: 5px; width: 510px; padding: 10px 20px 0px 20px; min-height: 240px; text-align: center; font-size: 15px; }
.popupbox h3 { color: #474747; font-size: 20px; font-weight: bold; line-height: 38px; border-bottom: 2px #e8362c solid; padding: 0 10px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; text-align: left; }
.popupbox h4 { font-size: 24px; font-weight: bold; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; line-height: 30px; padding: 12px 0; margin-left: 0; }
.popupbox h4.green { color: #37b914; }
.popupbox h4.red { color: #d00f24; }
.popupbox p { color: #666666; font-size: 15px; line-height: 30px; }
.popupbox .inline { display: inline-block; vertical-align: middle; }
.popupbox .icon-close_x { width: 22px; height: 22px; overflow: hidden; line-height: 1000px; display: block; position: absolute; top: 13px; right: 18px; }
.popupbox .con { text-align: left; margin: 20px auto 0 auto; }
.popupbox .con.mt28 { margin-top: 28px; }
.popupbox .con p { font-size: 17px; }
.popupbox .con p.note { font-size: 13px; line-height: 22px; }
.popupbox .con.center { display: inline-block; text-align: center; }
.popupbox .con label.mlr10 { margin: 0 10px; }
.popupbox .foot { font-size: 15px; margin: 0 -20px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; line-height: 22px; padding: 5px 20px 16px 20px; color: #6f6f6f; text-align: left; }
.popupbox .foot hr { margin: 10px auto; }
.popupbox .foot a { color: #6f6f6f; font-size: 15px; }
.popupbox .rowElem input[type="text"].text-m { width: 243px; }
.popupbox .rowElem input[type="text"].id215 { width: 215px; }
.popupbox.branch { width: 500px; }
.popupbox.branch .branchmap { width: 500px; height: auto; margin: 10px auto; }
.popupbox.branch .con { margin: 0 auto; }
.popupbox.branch p { font-size: 16px; }
.popupbox.branch h5 { font-size: 18px; padding-left: 0px; line-height: 30px; margin-right: 10px; }
.popupbox.popuptrans h5 { font-size: 20px; line-height: 30px; padding: 10px 0; }
.popupbox.popuptrans.warning { width: 340px; min-height: 220px; }
.popupbox.popuptrans.warning h5 { margin-top: 30px; color: #666666; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; }
.popupbox.popuptrans .con { margin-top: 15px; }
.popupbox.error { width: 300px; box-sizing: border-box; min-height: auto; padding: 5px 20px 0px 20px; }
.popupbox.error .con { margin: 10px auto 0 auto; }

/*=====================================================
遮罩
=====================================================*/
.mask .mesk-content {
    margin: auto;
    padding: 0px;
    border: 0px solid #888;
    width: 280px;
    height: 330px;
}

.mask {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-color: #585858;
    text-align: center;
    color: #fff;
    font-size: 30px;
}

.mask-content {
    margin-top: calc(25%);
}