@charset "UTF-8";
@-webkit-keyframes beat { 0%, 100% { position: relative; bottom: 5px; }
  50% { position: relative; bottom: -5px; } }
@keyframes beat { 0%, 100% { position: relative; bottom: 5px; }
  50% { position: relative; bottom: -5px; } }
@-webkit-keyframes beat2 { 0%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); } }
@keyframes beat2 { 0%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); } }
@-webkit-keyframes halo-dot1 { 0%, 100% { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transform: scale(1) \0; -ms-transform: scale(1) \0; transform: scale(1) \0; }
  50% { -webkit-transform: translate(-50%, -50%) scale(1.5); -ms-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5); -webkit-transform: scale(1.5) \0; -ms-transform: scale(1.5) \0; transform: scale(1.5) \0; } }
@keyframes halo-dot1 { 0%, 100% { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transform: scale(1) \0; -ms-transform: scale(1) \0; transform: scale(1) \0; }
  50% { -webkit-transform: translate(-50%, -50%) scale(1.5); -ms-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5); -webkit-transform: scale(1.5) \0; -ms-transform: scale(1.5) \0; transform: scale(1.5) \0; } }
@-webkit-keyframes halo-dot2 { 0%, 100% { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transform: scale(1) \0; -ms-transform: scale(1) \0; transform: scale(1) \0; }
  50% { -webkit-transform: translate(-50%, -50%) scale(2); -ms-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); -webkit-transform: scale(2) \0; -ms-transform: scale(2) \0; transform: scale(2) \0; } }
@keyframes halo-dot2 { 0%, 100% { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transform: scale(1) \0; -ms-transform: scale(1) \0; transform: scale(1) \0; }
  50% { -webkit-transform: translate(-50%, -50%) scale(2); -ms-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); -webkit-transform: scale(2) \0; -ms-transform: scale(2) \0; transform: scale(2) \0; } }
@keyframes checkmark { 0% { height: 0; width: 0; opacity: 1; }
  20% { height: 0; width: 0.525em; opacity: 1; }
  40% { height: 1.05em; width: 0.525em; opacity: 1; }
  100% { height: 1.05em; width: 0.525em; opacity: 1; } }
.ani-beat { position: relative; -webkit-animation: beat 2s ease infinite; animation: beat 2s ease infinite; }

.cm-notify { -webkit-animation: beat2 2s ease infinite; animation: beat2 2s ease infinite; }

@keyframes anim-lightspeed-in { 0% { transform: translateX(-200%); opacity: 1; }
  100% { transform: translateX(0); opacity: 1; } }
@keyframes wave { 0% { margin-left: 0; }
  100% { margin-left: -1600px; } }
@keyframes swell { 0%, 100% { transform: translate3d(0, -25px, 0); }
  50% { transform: translate3d(0, 5px, 0); } }
@keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }
.fadeIn { animation-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }

.delay-1s { animation-delay: 1s; }

.delay-2s { animation-delay: 2s; }

.delay-3s { animation-delay: 3s; }

.delay-4s { animation-delay: 4s; }

.delay-5s { animation-delay: 5s; }

@media (print), (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } }
.ffTextBoxWrapper, .ffPasswordWrapper, .ffCheckboxWrapper, .ffRadioWrapper, .ffTextAreaWrapper, .ffSubmitWrapper, .ffResetWrapper, .ffButtonWrapper { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: 10px !important; }

.ffRadioWrapper { vertical-align: top; }

.ffTextBoxWrapper input, .ffPasswordWrapper input { border: 0 !important; padding: 1px 0 !important; top: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0; border-radius: 0 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.ffTextBoxWrapper input:focus, .ffPasswordWrapper input:focus { background: none !important; background-color: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: 0 !important; outline: none; }
.ffTextBoxWrapper input:hover, .ffPasswordWrapper input:hover { background-color: transparent !important; }

.ffSelectWrapper { display: inline-block; zoom: 1; vertical-align: middle; margin-right: 10px !important; }

.ffTextBoxLeft, .ffTextBoxRight, .ffPasswordLeft, .ffPasswordRight, .ffCheckbox, .ffRadio { background-image: url(/MMA8/mma/images/sprite.png); background-repeat: no-repeat; }

.ffSelectButton { background-image: url(/MMA8/mma/images/sprite.png); background-repeat: no-repeat; }
.ffSelectButton span { background-image: url(/MMA8/mma/images/sprite.png); background-repeat: no-repeat; }

.ffSelectMenuWrapper div.ffSelectMenuTop, .ffSelectMenuWrapper div.ffSelectMenuBottom { background-image: url(/MMA8/mma/images/sprite.png); background-repeat: no-repeat; }
.ffSelectMenuWrapper > div > span { background-image: url(/MMA8/mma/images/sprite.png); background-repeat: no-repeat; }

.ffTextAreaTop, .ffTextAreaBottom, .ffSubmitWrapper a, .ffResetWrapper a, .ffButtonWrapper a { background-image: url(/MMA8/mma/images/sprite.png); background-repeat: no-repeat; }
.ffTextAreaTop span, .ffTextAreaBottom span, .ffSubmitWrapper a span, .ffResetWrapper a span, .ffButtonWrapper a span { background-image: url(/MMA8/mma/images/sprite.png); background-repeat: no-repeat; }

.text-xxm .ffTextBoxWrapper, .text-xxm .ffPasswordWrapper { width: 45px; *clear: both; }
.text-xxm .ffTextBoxWrapper input, .text-xxm .ffPasswordWrapper input { width: 100% !important; }

.text-xm .ffTextBoxWrapper, .text-xm .ffPasswordWrapper { width: 74px; *clear: both; }
.text-xm .ffTextBoxWrapper input, .text-xm .ffPasswordWrapper input { width: 100% !important; }

.text-sm .ffTextBoxWrapper, .text-sm .ffPasswordWrapper { width: 134px; *clear: both; }
.text-sm .ffTextBoxWrapper input, .text-sm .ffPasswordWrapper input { width: 100% !important; }

.text-m .ffTextBoxWrapper, .text-m .ffPasswordWrapper { width: 194px; *clear: both; }
.text-m .ffTextBoxWrapper input, .text-m .ffPasswordWrapper input { width: 100% !important; }

.text-m1 .ffTextBoxWrapper, .text-m1 .ffPasswordWrapper { width: 160px; *clear: both; }
.text-m1 .ffTextBoxWrapper input, .text-m1 .ffPasswordWrapper input { width: 100% !important; }

.text-l .ffTextBoxWrapper, .text-l .ffPasswordWrapper { width: 230px; *clear: both; }
.text-l .ffTextBoxWrapper input, .text-l .ffPasswordWrapper input { width: 100% !important; }

.text-l1 .ffTextBoxWrapper, .text-l1 .ffPasswordWrapper { width: 300px; *clear: both; }
.text-l1 .ffTextBoxWrapper input, .text-l1 .ffPasswordWrapper input { width: 100% !important; }

.text-xl .ffTextBoxWrapper, .text-xl .ffPasswordWrapper { width: 350px; *clear: both; }
.text-xl .ffTextBoxWrapper input, .text-xl .ffPasswordWrapper input { width: 100% !important; }

.text-xll .ffTextBoxWrapper, .text-xll .ffPasswordWrapper { width: 370px; *clear: both; }
.text-xll .ffTextBoxWrapper input, .text-xll .ffPasswordWrapper input { width: 100% !important; }

.text-xll1 .ffTextBoxWrapper, .text-xll1 .ffPasswordWrapper { width: 400px; *clear: both; }
.text-xll1 .ffTextBoxWrapper input, .text-xll1 .ffPasswordWrapper input { width: 100% !important; }

.text-full .ffTextBoxWrapper, .text-full .ffPasswordWrapper { width: 100%; *clear: both; }
.text-full .ffTextBoxWrapper input, .text-full .ffPasswordWrapper input { width: 100% !important; }

.ffTextBoxRight, .ffPasswordRight { background-position: right -256px; padding-right: 5px !important; }
.is-error .ffTextBoxRight, .is-error .ffPasswordRight { background-position: right -495px; }

.ffTextBoxLeft, .ffPasswordLeft { background-position: 0 0; padding: 0 5px 0 10px !important; }
.is-error .ffTextBoxLeft, .is-error .ffPasswordLeft { background-position: 0 -441px; }

.ffTextBoxLeft input, .ffPasswordLeft input { border: 0; height: 32px; background-color: transparent; margin-top: 8px \9; height: 26px \9; width: 100%; }

.ffTextBoxRight:hover, .ffPasswordRight:hover { background-position: right -320px; }

.ffTextBoxLeft:hover, .ffPasswordLeft:hover { background-position: 0 -38px; }

.focus .ffTextBoxRight, .focus .ffPasswordRight { background-position: right -320px; }
.focus .ffTextBoxLeft, .focus .ffPasswordLeft { background-position: 0 -76px; }

.ffTextBoxWrapper.disabled .ffTextBoxRight, .ffPasswordWrapper.disabled .ffPasswordRight { background-position: right -206px; }

.ffTextBoxWrapper.disabled .ffTextBoxLeft, .ffPasswordWrapper.disabled .ffPasswordLeft { background-position: 0 -112px; color: #999999; }

.isDatepicker .ffTextBoxWrapper { position: relative; margin-right: 40px !important; }
.isDatepicker .ffTextBoxWrapper + .ui-datepicker-trigger { margin-left: -30px !important; }
.isDatepicker .ffTextBoxWrapper .datepicker + .ui-datepicker-trigger { position: absolute; right: -35px; }

.ffCheckboxWrapper a { text-decoration: none; color: #6f6f6f; position: relative; top: 1px; font-size: 13px; padding-left: 5px; margin-right: 10px; }

.ffCheckbox { width: 21px; height: 21px; float: left; background-position: 0 -296px; cursor: pointer; }

.ffCheckboxWrapper:hover a, .ffCeckboxWrapper.focus a { color: #4e4e4e; }

.ffCheckboxWrapper:hover .ffCheckbox, .ffCeckboxWrapper.focus .ffCheckbox { background-position: -30px -296px; }

.ffCheckboxWrapper.on .ffCheckbox { background-position: -60px -296px; }
.ffCheckboxWrapper.on:hover .ffCheckbox { background-position: -90px -296px; }

.ffCeckboxWrapper.on.focus .ffCheckbox { background-position: -90px -296px; }

.ffCheckboxWrapper.disabled .ffCheckbox { background-position: -120px -296px; }
.ffCheckboxWrapper.on.disabled .ffCheckbox { background-position: -150px -296px; }
.ffCheckboxWrapper.disabled a { color: #999999; }

.ffCeckboxWrapper.disabled:hover a, .ffCeckboxWrapper.disabled.focus a { color: #999999; }

.ffRadioWrapper a { text-decoration: none; color: #555555 !important; position: relative; top: 1px; font-size: 15px; padding-left: 5px; margin-right: 10px; }

.ffRadio { width: 18px; height: 18px; float: none; background-position: -180px -296px; cursor: pointer; display: inline-block; vertical-align: middle; }

.line24 .ffRadio { height: 24px; }

.ffRadioWrapper:hover a, .ffRadioWrapper.focus a { color: #4e4e4e; }
.ffRadioWrapper:hover .ffRadio, .ffRadioWrapper.focus .ffRadio { background-position: -210px -296px; }
.ffRadioWrapper.on .ffRadio { background-position: -240px -296px; }

.line24 .ffRadioWrapper.on .ffRadio { background-position: -240px -296px; }

.ffRadioWrapper.on:hover .ffRadio, .ffRadioWrapper.on.focus .ffRadio { background-position: -270px -296px; }

.line24 .ffRadioWrapper.on:hover .ffRadio, .line24 .ffRadioWrapper.on.focus .ffRadio { background-position: -270px -296px; }

.ffRadioWrapper.disabled .ffRadio { background-position: -300px -296px; }
.ffRadioWrapper.on.disabled .ffRadio { background-position: -330px -296px; }
.ffRadioWrapper.disabled a, .ffRadioWrapper.disabled:hover a, .ffRadioWrapper.disabled.focus a { color: #999999; }

.aclist .ffSelectWrapper { width: 250px; *clear: both; }

.aclist-large .ffSelectWrapper { width: 500px; *clear: both; }

.select-ss .ffSelectWrapper { width: 64px; *clear: both; }

.select-s .ffSelectWrapper { width: 97px; *clear: both; }

.select-sm .ffSelectWrapper { width: 124px; *clear: both; }

.select-m .ffSelectWrapper { width: 194px; *clear: both; }

.select-m1 .ffSelectWrapper { width: 160px; *clear: both; }

.select-l .ffSelectWrapper { width: 230px; *clear: both; }

.select-l1 .ffSelectWrapper { width: 300px; *clear: both; }

.select-xl .ffSelectWrapper { width: 350px; *clear: both; }

.select-xll .ffSelectWrapper { width: 370px; *clear: both; }

.select-qqq .ffSelectWrapper { width: 500px; *clear: both; }

.ffSelectWrapper { width: 180px; *clear: both; }

.custom-add .ffSelectWrapper { width: 180px; }
.custom-add .ffTextBoxWrapper { width: 160px; }

.custom-edit .ffTextBoxWrapper { width: 160px; }

.ffSelect { position: relative; }
.ffSelect > a { background-position: right -128px; display: block; text-decoration: none; outline: 0; cursor: default; }
.ffSelect > a > span { display: block; height: 34px; margin-right: 33px; padding-left: 10px; background-position: 0 0; overflow: hidden; line-height: 34px; font-size: 13px; color: #555555; white-space: nowrap; *white-space: normal; text-overflow: ellipsis; }
.ffSelect:hover > a { background-position: right -165px; }

.ffSelectWrapper.focus .ffSelect > a { background-position: right -165px; }

.ffSelect:hover > a > span { background-position: 0 -76px; }

.ffSelectWrapper.focus .ffSelect > a > span { background-position: 0 -76px; }
.ffSelectWrapper.active .ffSelect > a { background-position: right -165px; z-index: 1005; position: relative; }
.ffSelectWrapper.active .ffSelect > a > span { background-position: 0 -76px; }
.ffSelectWrapper.disabled .ffSelect > a { background-position: right -128px; }
.ffSelectWrapper.disabled .ffSelect > a > span { background-position: 0 -112px; color: #999999; }

.ffSelectMenuWrapper { width: 100%; }
.ffSelectMenuWrapper .ffSelectMenuMidBG ul { list-style-type: none; margin: 0 0; padding: 0; }
.ffSelectMenuWrapper .ffSelectMenuMidBG li { cursor: default; background-color: #ffffcc; line-height: 34px; padding-left: 10px; margin-left: 2px; margin-right: 2px; }
.ffSelectMenuWrapper .ffSelectMenuMidBG li SPAN { font-size: 13px; }
.ffSelectMenuWrapper .ffSelectMenuMidBG li.disabled SPAN { color: #888888; }
.ffSelectMenuWrapper .ffSelectMenuMidBG li.on { background-color: #ffea5f; }

.ffSelectMenuTop { height: 5px; background-position: 0 -394px; }
.ffSelectMenuTop span { display: block; height: 5px; margin-left: 8px; background: right -384px; }

.ffSelectMenuBottom { height: 5px; background-position: 0 -414px; }
.ffSelectMenuBottom span { display: block; height: 5px; margin-left: 8px; background-position: right -404px; }

.ffSelectMenuMidBG { background: url(/MMA8/mma/images/sides.png) repeat-y right 0; }

.ffSelectMenuMid { max-height: 200px; overflow: auto; background: url(/MMA8/mma/images/sides.png) repeat-y 0 0; padding-left: 4px; margin-right: 4px; }

.scrollingBarWrapper { width: 24px; height: 200px; background: url(/MMA8/mma/images/scrollingBarBg.png) no-repeat; right: 3px !important; }

.scrollingHandle { width: 24px; padding-top: 20px; background: url(/MMA8/mma/images/scrollingHandleTop.png) no-repeat 0 0; }

.scrollingHandleBottom { width: 24px; background: url(/MMA8/mma/images/scrollingHandleBottom.png) no-repeat 0px bottom; }

.ffTextAreaWrapper textarea { border: 0; margin: 10px 10px 10px 15px; padding: 0; font-size: 13px; color: #555555; background: none; font-family: Arial; resize: none; }

.ffTextAreaTop { height: 5px; background-position: 0 -394px; }
.ffTextAreaTop span { display: block; height: 5px; margin-left: 8px; background-position: right -384px; }

.ffTextAreaMid { background: transparent url(/MMA8/mma/images/sides.png) repeat-y right 0; }
.ffTextAreaMid .ffTextAreaLeft { background: url(/MMA8/mma/images/sides.png) repeat-y 0 0; margin-right: 4px; }

.ffTextAreaBottom { height: 5px; background-position: 0 -414px; }
.ffTextAreaBottom span { display: block; height: 5px; margin-left: 6px; background-position: right -404px; }

.ffButtonWrapper > a { background-position: right -585px; display: block; text-decoration: none; outline: 0; }
.ffButtonWrapper > a > span { display: block; height: 36px; padding-bottom: 2px; line-height: 39px; font-size: 15px; background-position: 0 -424px; text-align: center; padding: 0 10px 0 15px; color: white; font-weight: bold; text-transform: uppercase; margin-right: 5px; }
.ffButtonWrapper:hover > a { background-position: right -625px; }
.ffButtonWrapper:hover > a > span { background-position: 0 -464px; }
.ffButtonWrapper > a:active { background-position: right -665px; position: relative; }
.ffButtonWrapper > a:active > span { background-position: 0 -504px; }
.ffButtonWrapper.disabled > a { background-position: right -705px; position: static; }
.ffButtonWrapper.disabled > a > span { background-position: 0 -544px; color: #c1c1c1; }

input[type="text"], input[type="password"] { outline: none; }

textarea { outline: none; }

select { outline: none; }
select.mobileSelect { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; display: block; }

.scrolling_table, .disable_scrolling_table { width: 100%; margin: 0px 0 10px; }
.scrolling_table .viewport, .disable_scrolling_table .viewport { height: 100%; overflow: hidden; position: relative; }
.scrolling_table .overview, .disable_scrolling_table .overview { width: 100%; list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scrolling_table .scrollbar, .disable_scrolling_table .scrollbar { background: transparent url(/MMA8/mma/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 7px 0; float: right; width: 15px; margin-left: 5px; }
.scrolling_table .track, .disable_scrolling_table .track { background: transparent url(/MMA8/mma/images/bg-scrollbar-trackend-y.png) no-repeat 7px 100%; height: 100%; width: 13px; position: relative; padding: 0 1px; }
.scrolling_table .thumb, .disable_scrolling_table .thumb { background: transparent url(/MMA8/mma/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
.scrolling_table .thumb .end, .disable_scrolling_table .thumb .end { background: transparent url(/MMA8/mma/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
.scrolling_table .disable, .disable_scrolling_table .disable { display: none; }

.disable_scrolling_table .overview { position: static; }

.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.btn-zone { clear: both; margin: 10px auto; text-align: center; }
.btn-zone.left { text-align: left; }
.btn-zone.wrap { margin: 7px auto; }
.btn-zone.wrap a.nbtn, .btn-zone.wrap input.nbtn, .btn-zone.wrap button.nbtn { display: block; margin: 0 auto 15px auto; }
.btn-zone a.nbtn, .btn-zone input.nbtn, .btn-zone button.nbtn { font-family: inherit; margin: 10px 8px; font-weight: normal; display: inline-block; *display: inline; zoom: 1; font-size: 15px; color: #666666; padding: 8px 30px; line-height: 15px; border-radius: 5px; border: 1px solid #dddddd; box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); background-color: #ffffff; cursor: pointer; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(25%, #ffffff), color-stop(100%, #efefef)); background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #efefef 100%); }
.btn-zone a.nbtn:focus, .btn-zone input.nbtn:focus, .btn-zone button.nbtn:focus { outline: none; }
.btn-zone a.nbtn.hide, .btn-zone input.nbtn.hide, .btn-zone button.nbtn.hide { display: none; }
.rowElem .btn-zone a.nbtn, .rowElem .btn-zone input.nbtn, .rowElem .btn-zone button.nbtn { margin-top: 0; margin-bottom: 0; }
.btn-zone a.nbtn.login-btn, .btn-zone a.nbtn.lbox-btn, .btn-zone input.nbtn.login-btn, .btn-zone input.nbtn.lbox-btn, .btn-zone button.nbtn.login-btn, .btn-zone button.nbtn.lbox-btn { background: #f31e36; display: block; margin-left: 0; margin-right: 0; color: #fff; font-weight: bold; font-size: 18px; line-height: 24px; padding-top: 4px; padding-bottom: 4px; border: 0; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC43343', endColorstr='#FF8B0212'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0MzM0MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhiMDIxMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c43343), color-stop(100%, #8b0212)); background-image: -moz-linear-gradient(top, #c43343 0%, #8b0212 100%); background-image: -webkit-linear-gradient(top, #c43343 0%, #8b0212 100%); background-image: linear-gradient(to bottom, #c43343 0%, #8b0212 100%); }
.btn-zone a.nbtn.lbox-btn, .btn-zone input.nbtn.lbox-btn, .btn-zone button.nbtn.lbox-btn { display: inline-block; }
.btn-zone a.nbtn.disabled, .btn-zone a.nbtn.disabled:hover, .btn-zone a.nbtn[disabled], .btn-zone a.nbtn[disabled]:hover, .btn-zone input.nbtn.disabled, .btn-zone input.nbtn.disabled:hover, .btn-zone input.nbtn[disabled], .btn-zone input.nbtn[disabled]:hover, .btn-zone button.nbtn.disabled, .btn-zone button.nbtn.disabled:hover, .btn-zone button.nbtn[disabled], .btn-zone button.nbtn[disabled]:hover { color: #c7c7c7 !important; cursor: not-allowed !important; border: 1px solid #dddddd !important; background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.25, #ffffff), to(#efefef)) !important; pointer-events: none; }
.btn-zone a.nbtn:hover, .btn-zone input.nbtn:hover, .btn-zone button.nbtn:hover { color: white; background: #f31e36; border: #d00f24 1px solid; box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); }
.btn-zone a.nbtn:hover.login-btn, .btn-zone a.nbtn:hover.lbox-btn, .btn-zone input.nbtn:hover.login-btn, .btn-zone input.nbtn:hover.lbox-btn, .btn-zone button.nbtn:hover.login-btn, .btn-zone button.nbtn:hover.lbox-btn { border: 0; color: #fff; cursor: pointer; }
.btn-zone a.nbtn.nomg, .btn-zone input.nbtn.nomg, .btn-zone button.nbtn.nomg { margin: 0; }
.btn-zone a.gold, .btn-zone input.gold, .btn-zone button.gold { border-color: #c6a041 1px solid; background: #c6a041; color: #FFFFFF; font-weight: bold; min-width: 148px; line-height: 20px; }
.btn-zone a.gold:hover, .btn-zone input.gold:hover, .btn-zone button.gold:hover { background: #f0ca69; border: #f0ca69 1px solid; }
.btn-zone a.add, .btn-zone input.add, .btn-zone button.add { display: block; border: #dddddd 1px solid; border-radius: 5px; font-weight: normal; width: 468px; box-sizing: border-box; line-height: 20px; padding: 26px 20px; text-align: center; color: #595959; font-size: 17px; margin: 0 auto; }
.btn-zone a.add > span, .btn-zone input.add > span, .btn-zone button.add > span { width: 20px; height: 20px; position: relative; margin-right: 15px; display: inline-block; vertical-align: middle; top: -2px; /* Vertical line */ /* horizontal line */ }
.btn-zone a.add > span:before, .btn-zone a.add > span:after, .btn-zone input.add > span:before, .btn-zone input.add > span:after, .btn-zone button.add > span:before, .btn-zone button.add > span:after { content: ""; position: absolute; background-color: #595959; transition: transform 0.25s ease-out; }
.btn-zone a.add > span:before, .btn-zone input.add > span:before, .btn-zone button.add > span:before { top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; }
.btn-zone a.add > span:after, .btn-zone input.add > span:after, .btn-zone button.add > span:after { top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; }
.btn-zone a.add:hover, .btn-zone input.add:hover, .btn-zone button.add:hover { background: #d00f24; color: #FFFFFF; }
.btn-zone a.add:hover > span:before, .btn-zone a.add:hover > span:after, .btn-zone input.add:hover > span:before, .btn-zone input.add:hover > span:after, .btn-zone button.add:hover > span:before, .btn-zone button.add:hover > span:after { background-color: white; }
.btn-zone a.sml, .btn-zone input.sml, .btn-zone button.sml { display: inline-block; font-size: 13px; margin: 5px; padding: 0 7px; color: #666; border: 1px solid #dddddd; line-height: 2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.btn-zone a.sml.xs, .btn-zone input.sml.xs, .btn-zone button.sml.xs { margin: 5px auto; white-space: nowrap; }
.btn-zone a.sml.sml-red, .btn-zone input.sml.sml-red, .btn-zone button.sml.sml-red { background-color: #c53444; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC53444', endColorstr='#FF8B0212'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MzQ0NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhiMDIxMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c53444), color-stop(100%, #8b0212)); background-image: -moz-linear-gradient(top, #c53444 0%, #8b0212 100%); background-image: -webkit-linear-gradient(top, #c53444 0%, #8b0212 100%); background-image: linear-gradient(to bottom, #c53444 0%, #8b0212 100%); color: #fff; border-color: transparent; }
.btn-zone a.sml.sml-red:hover, .btn-zone input.sml.sml-red:hover, .btn-zone button.sml.sml-red:hover { color: #fff; border-color: transparent; background-color: #8b0212; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF8B0212', endColorstr='#FFC53444'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MzQ0NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhiMDIxMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #c53444), color-stop(100%, #8b0212)); background-image: -moz-linear-gradient(bottom, #c53444 0%, #8b0212 100%); background-image: -webkit-linear-gradient(bottom, #c53444 0%, #8b0212 100%); background-image: linear-gradient(to top, #c53444 0%, #8b0212 100%); }
.btn-zone a.sml:hover, .btn-zone a.sml.sml-ok, .btn-zone input.sml:hover, .btn-zone input.sml.sml-ok, .btn-zone button.sml:hover, .btn-zone button.sml.sml-ok { color: #e99595; border-color: #e99595; }
.btn-zone a.sml.sml-ok, .btn-zone input.sml.sml-ok, .btn-zone button.sml.sml-ok { position: relative; }
.btn-zone a.sml.sml-ok::before, .btn-zone input.sml.sml-ok::before, .btn-zone button.sml.sml-ok::before { display: block; position: absolute; right: -4px; bottom: -4px; content: ""; width: 12px; height: 12px; background: #009a12; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.btn-zone a.sml.sml-ok::after, .btn-zone input.sml.sml-ok::after, .btn-zone button.sml.sml-ok::after { display: block; content: ""; position: absolute; right: 0; bottom: 0; width: 3px; height: 5px; border: 1px solid #fff; border-left: 0; border-top: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.btn-zone a.cbtn, .btn-zone input.cbtn, .btn-zone button.cbtn { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; cursor: pointer; color: #666666; font-size: 13px; font-weight: bold; padding: 0 22px; line-height: 27px; box-sizing: border-box; border: #999999 1px solid; text-decoration: none; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; margin-left: 3px; margin-right: 4px; }
.btn-zone a.cbtn:hover, .btn-zone a.cbtn:active, .btn-zone input.cbtn:hover, .btn-zone input.cbtn:active, .btn-zone button.cbtn:hover, .btn-zone button.cbtn:active { border: #d60821 1px solid; color: #d60821; }
.btn-zone a.cbtn.focus, .btn-zone input.cbtn.focus, .btn-zone button.cbtn.focus { color: #FFFFFF; background: #d60821; border: #d60821 1px solid; }
.btn-zone a.cbtn.focus:hover, .btn-zone a.cbtn.focus:active, .btn-zone input.cbtn.focus:hover, .btn-zone input.cbtn.focus:active, .btn-zone button.cbtn.focus:hover, .btn-zone button.cbtn.focus:active { background: #ec102a; color: #FFFFFF; }
.btn-zone a.bigbtn, .btn-zone input.bigbtn, .btn-zone button.bigbtn { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; display: inline-block; cursor: pointer; color: #ffffff; font-size: 30px; font-weight: bold; padding: 0 48px; line-height: 1.6; text-decoration: none; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; margin: 15px auto; }
.btn-zone a.bigbtn.smaller, .btn-zone input.bigbtn.smaller, .btn-zone button.bigbtn.smaller { font-size: 20px; padding: 0 45px; line-height: 1.9; }
.btn-zone a.bigbtn.cblue, .btn-zone input.bigbtn.cblue, .btn-zone button.bigbtn.cblue { -moz-box-shadow: 0px 6px 0px 0px #104277; -webkit-box-shadow: 0px 6px 0px 0px #104277; box-shadow: 0px 6px 0px 0px #104277; background-color: #2669b6; }
.btn-zone a.bigbtn.cblue:hover, .btn-zone input.bigbtn.cblue:hover, .btn-zone button.bigbtn.cblue:hover { color: #FFFFFF; background-color: #4477ca; }
.btn-zone a.bigbtn.cred, .btn-zone input.bigbtn.cred, .btn-zone button.bigbtn.cred { -moz-box-shadow: 0px 6px 0px 0px #950b1c; -webkit-box-shadow: 0px 6px 0px 0px #950b1c; box-shadow: 0px 6px 0px 0px #950b1c; background-color: #d60821; }
.btn-zone a.bigbtn.cred:hover, .btn-zone input.bigbtn.cred:hover, .btn-zone button.bigbtn.cred:hover { background-color: #ec102a; color: #FFFFFF; }
.btn-zone a.bigbtn:active, .btn-zone input.bigbtn:active, .btn-zone button.bigbtn:active { position: relative; top: 1px; }
.btn-zone a.pure-btn, .btn-zone input.pure-btn, .btn-zone button.pure-btn { margin: 10px 8px; font-weight: normal; display: inline-block; *display: inline; zoom: 1; font-size: 15px; padding: 8px 30px; line-height: 15px; }
.btn-zone a.pure-btn.less, .btn-zone input.pure-btn.less, .btn-zone button.pure-btn.less { padding: 8px 0; }
.btn-zone a.underline:hover, .btn-zone input.underline:hover, .btn-zone button.underline:hover { text-decoration: underline; }
.btn-zone a.fori, .btn-zone input.fori, .btn-zone button.fori { padding-left: 25px; }
.btn-zone a i.arr-seemore, .btn-zone input i.arr-seemore, .btn-zone button i.arr-seemore { display: inline-block; width: 6px; height: 6px; border: 3px solid #d00f24; border-top: 0; border-right: 0; margin-right: 15px; margin-bottom: 2px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.btn-zone a:hover i.arr-seemore, .btn-zone input:hover i.arr-seemore, .btn-zone button:hover i.arr-seemore { border-color: white; }
.btn-zone a.nbtn-v2, .btn-zone input.nbtn-v2, .btn-zone button.nbtn-v2 { display: inline-block; cursor: pointer; padding: 10px 15px; min-width: 150px; border-radius: 5px; background: #f45149; color: white; font-size: 18px; box-sizing: border-box; line-height: 1.5; vertical-align: middle; margin: 20px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; border: 0; outline: 0; -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.2); }
.btn-zone a.nbtn-v2:hover, .btn-zone a.nbtn-v2:focus, .btn-zone input.nbtn-v2:hover, .btn-zone input.nbtn-v2:focus, .btn-zone button.nbtn-v2:hover, .btn-zone button.nbtn-v2:focus { color: white; background: #f00; }
.btn-zone a.nbtn-v2.cancel, .btn-zone input.nbtn-v2.cancel, .btn-zone button.nbtn-v2.cancel { background: #bbb; }
.btn-zone a.nbtn-v2.cancel:hover, .btn-zone a.nbtn-v2.cancel:focus, .btn-zone input.nbtn-v2.cancel:hover, .btn-zone input.nbtn-v2.cancel:focus, .btn-zone button.nbtn-v2.cancel:hover, .btn-zone button.nbtn-v2.cancel:focus { background: #999; }
.btn-zone a.nbtn-v2.disabled, .btn-zone input.nbtn-v2.disabled, .btn-zone button.nbtn-v2.disabled { background: #bbb; cursor: not-allowed; }
.btn-zone a.nbtn-v2.disabled:hover, .btn-zone a.nbtn-v2.disabled:focus, .btn-zone input.nbtn-v2.disabled:hover, .btn-zone input.nbtn-v2.disabled:focus, .btn-zone button.nbtn-v2.disabled:hover, .btn-zone button.nbtn-v2.disabled:focus { background: #bbb; cursor: not-allowed; }
.btn-zone a.redbtn, .btn-zone input.redbtn, .btn-zone button.redbtn { background: white; border: #d00f24 1px solid; border-radius: 5px; box-sizing: border-box; line-height: 1.5em; font-size: 16px; padding: 7px 1em; text-align: center; display: inline-block; margin: 0 0.4em; color: #d00f24; cursor: pointer; }
.btn-zone a.redbtn:focus, .btn-zone a.redbtn:hover, .btn-zone input.redbtn:focus, .btn-zone input.redbtn:hover, .btn-zone button.redbtn:focus, .btn-zone button.redbtn:hover { background-color: #fff0f2; color: #d00f24; }
.btn-zone a.redbtn-m, .btn-zone input.redbtn-m, .btn-zone button.redbtn-m { width: 120px; }
.btn-zone.inline { display: inline-block; *display: inline; *zoom: 1; margin-top: 0; margin-bottom: 0; }
.btn-zone.inline a.nbtn, .btn-zone.inline input.nbtn, .btn-zone.inline button.nbtn { margin: 0 auto; }
.btn-zone.inline.middle { vertical-align: middle; }
.btn-zone.inline.top { vertical-align: top; }
.btn-zone .search { background: url(/MMA8/mma/images/menu_bg_active.png) repeat-x 0 0; width: 136px; height: 38px; border: none; font-size: 15px; color: #FFF; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; vertical-align: middle; }
.btn-zone a.focus, .btn-zone input[type=submit].focus, .btn-zone button.focus { color: white; background: #d00f24; border: 1px solid #ac1414; }
.btn-zone a:hover, .btn-zone input[type=submit]:hover, .btn-zone button:hover { text-decoration: none; }
.btn-zone a.focus:hover, .btn-zone input[type=submit].focus:hover, .btn-zone button.focus:hover { background: #f31e36; }
.btn-zone img { margin: 8px; }
.btn-zone.fltlogin { position: relative; height: 100px; margin: 5px 0; padding: 0; }
.btn-zone.fltlogin .fltbtn { position: absolute; display: block; cursor: pointer; }
.btn-zone.fltlogin .fltbtn img { margin: 0; padding: 0; }
.btn-zone .nav-btns { display: table; font-size: 15px; }
.btn-zone .nav-btns li { display: table-cell; }
.btn-zone .nav-btns li:first-child > a { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.btn-zone .nav-btns li:last-child > a { border-right: 1px solid #ddd; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.btn-zone .nav-btns li > a { display: block; padding: 10px 13px; border: 1px solid #ddd; border-right: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ color: #474747; }
.btn-zone .nav-btns li > a.active { background: #f45550; filter: none; color: #fff; }
.btn-zone.spd .nbtn { padding: 8px 20px; }
.btn-zone.bmg { margin: 20px auto; }

/*--20191031 定存活動 三組button排列--*/
.btn-triple { margin: 10px auto; text-align: center; }
.btn-triple a { float: left; width: 25%; font-family: inherit; margin: 10px 5px 50px 5px; font-weight: normal; display: inline-block; *display: inline; zoom: 1; font-size: 15px; color: #666666; padding: 8px; line-height: 15px; border-radius: 5px; border: 1px solid #dddddd; box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); background-color: #ffffff; cursor: pointer; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…Igd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(25%, #ffffff), color-stop(100%, #efefef)); background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #efefef 100%); }

/*--CHECK BOX Style 1(check icon)--*/
label.toggle { display: inline-block; color: #fff; text-align: left; text-indent: -9999px; width: 1px; }

input[type=checkbox].onoff { text-decoration: -9999px; visibility: hidden; width: 1px; cursor: pointer; }

.onoff[type=checkbox] ~ label { background: url(/MMA8/mma/images/toggle.png) top left transparent no-repeat; height: 25px; background-position: left top; display: inline-block; border: 0; padding: 0 0 0 50px; text-align: left; cursor: pointer; }

.onoff[type=checkbox]:checked ~ label { background: url(/MMA8/mma/images/toggle.png) top left transparent no-repeat; height: 25px; background-position: left bottom; display: inline-block; border: 0; padding: 0 0 0 50px; text-align: left; cursor: pointer; }

.keyboard-zone { overflow: hidden; }
.keyboard-zone .numbers { width: 240px; float: left; }
.keyboard-zone .numbers a { width: 40px; height: 41px; display: block; float: left; margin-right: 8px; margin-bottom: 7px; }
.keyboard-zone .numbers .k0 { background: url(../images/k0.png) no-repeat left top; }
.keyboard-zone .numbers .k0:hover { background: url(../images/k0_over.png) no-repeat left top; }
.keyboard-zone .numbers .k1 { background: url(../images/k1.png) no-repeat left top; }
.keyboard-zone .numbers .k1:hover { background: url(../images/k1_over.png) no-repeat left top; }
.keyboard-zone .numbers .k2 { background: url(../images/k2.png) no-repeat left top; }
.keyboard-zone .numbers .k2:hover { background: url(../images/k2_over.png) no-repeat left top; }
.keyboard-zone .numbers .k3 { background: url(../images/k3.png) no-repeat left top; }
.keyboard-zone .numbers .k3:hover { background: url(../images/k3_over.png) no-repeat left top; }
.keyboard-zone .numbers .k4 { background: url(../images/k4.png) no-repeat left top; }
.keyboard-zone .numbers .k4:hover { background: url(../images/k4_over.png) no-repeat left top; }
.keyboard-zone .numbers .k5 { background: url(../images/k5.png) no-repeat left top; }
.keyboard-zone .numbers .k5:hover { background: url(../images/k5_over.png) no-repeat left top; }
.keyboard-zone .numbers .k6 { background: url(../images/k6.png) no-repeat left top; }
.keyboard-zone .numbers .k6:hover { background: url(../images/k6_over.png) no-repeat left top; }
.keyboard-zone .numbers .k7 { background: url(../images/k7.png) no-repeat left top; }
.keyboard-zone .numbers .k7:hover { background: url(../images/k7_over.png) no-repeat left top; }
.keyboard-zone .numbers .k8 { background: url(../images/k8.png) no-repeat left top; }
.keyboard-zone .numbers .k8:hover { background: url(../images/k8_over.png) no-repeat left top; }
.keyboard-zone .numbers .k9 { background: url(../images/k9.png) no-repeat left top; }
.keyboard-zone .numbers .k9:hover { background: url(../images/k9_over.png) no-repeat left top; }
.keyboard-zone .numbers a[class*="k"]:active { background-position: 1px 1px; }
.keyboard-zone .clear_btn { width: 67px; height: 89px; background: url(../images/btn_clear.png) no-repeat left top; text-indent: -9999px; border: none; cursor: pointer; outline: none; }
.keyboard-zone .clear_btn:hover { background: url(../images/btn_clear_over.png) no-repeat left top; }
.keyboard-zone .clear_btn:active { background-position: 1px 1px; outline: none; }

.aclist .selectWrapper, .aclist.selectWrapper { width: 250px; *clear: both; }

.aclist-large .selectWrapper, .aclist-large.selectWrapper { width: 500px; *clear: both; }

.select-ss .selectWrapper, .select-ss.selectWrapper { width: 64px; *clear: both; }

.select-sm1 .selectWrapper, .select-sm1.selectWrapper { width: 104px; *clear: both; }

.select-sm .selectWrapper, .select-sm.selectWrapper { width: 124px; *clear: both; }

.select-m .selectWrapper, .select-m.selectWrapper { width: 194px; *clear: both; }

.select-m1 .selectWrapper, .select-m1.selectWrapper { width: 160px; *clear: both; }

.select-l .selectWrapper, .select-l.selectWrapper { width: 230px; *clear: both; }

.select-l1 .selectWrapper, .select-l1.selectWrapper { width: 300px; *clear: both; }

.select-xl .selectWrapper, .select-xl.selectWrapper { width: 350px; *clear: both; }

.select-xll .selectWrapper, .select-xll.selectWrapper { width: 370px; *clear: both; }

.select-xxl .selectWrapper, .select-xxl.selectWrapper { width: 550px; *clear: both; }

.select { background-image: url(/MMA8/mma/images/sprite.png); background-repeat: no-repeat; }
.select span { background-image: url(/MMA8/mma/images/sprite.png); background-repeat: no-repeat; }

.options div.optionsTop, .options div.optionsBottom { background-image: url(/MMA8/mma/images/sprite.png); background-repeat: no-repeat; }
.options > div > span { background-image: url(/MMA8/mma/images/sprite.png); background-repeat: no-repeat; }

.select { position: relative; background-position: right -128px; display: block; text-decoration: none; outline: 0; cursor: default; }
.select > span { display: block; height: 34px; margin-right: 33px; padding-left: 10px; background-position: 0 0; overflow: hidden; line-height: 34px; font-size: 15px; color: #555555; white-space: nowrap; *white-space: normal; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.is-error .select { background-position: right -533px; }
.is-error .select:hover { background-position: right -533px; }
.select:hover { background-position: right -165px; }

.selectWrapper.focus .select { background-position: right -165px; }

.select:hover > span { background-position: 0 -76px; }

.selectWrapper { display: inline-block; position: relative; margin-right: 10px; vertical-align: middle; }
.selectWrapper.focus .select > span { background-position: 0 -76px; }
.selectWrapper.active .select { background-position: right -165px; z-index: 1005; position: relative; }
.selectWrapper.active .select > span { background-position: 0 -76px; }
.selectWrapper.disabled .select { background-position: right -128px; }
.selectWrapper.disabled .select > span { background-position: 0 -112px; color: #999999; }
.selectWrapper.is-error .select > span { background-position: 0 -441px; }

.options { display: none; width: 100%; position: absolute; z-index: 9999; }
.options .optionsMidBG ul { list-style-type: none; margin: 0 0; padding: 0; }
.options .optionsMidBG li { cursor: default; background-color: #ffffcc; line-height: 34px; padding-left: 12px; margin-left: 0px; margin-right: 0px; padding-right: 2px; }
.options .optionsMidBG li.disabled { cursor: not-allowed; pointer-events: none; }
.options .optionsMidBG li SPAN { font-size: 13px; }
.options .optionsMidBG li.disabled SPAN { color: #888888; }
.options .optionsMidBG li.on { background-color: #ffea5f; }
.is-error .options .optionsMidBG li { background-color: #fff; }
.is-error .options .optionsMidBG li.on { background-color: #fcecef; }
.options .optionsMidBG li.optionL { line-height: 22px; padding-bottom: 5px; padding-top: 5px; }

.optionsTop { height: 5px; background-position: 0 -394px; }
.optionsTop span { display: block; height: 5px; margin-left: 8px; background-position: right -384px; }
.is-error .optionsTop { background-position: 0 -589px; }
.is-error .optionsTop span { background-position: right -579px; }

.optionsBottom { height: 5px; background-position: 0 -414px; }
.optionsBottom span { display: block; height: 5px; margin-left: 8px; background-position: right -404px; }
.is-error .optionsBottom { background-position: 0 -609px; }
.is-error .optionsBottom span { background-position: right -599px; }

.optionsMidBG { background: url(/MMA8/mma/images/sides.png) repeat-y right 0; }
.is-error .optionsMidBG { background: url(/MMA8/mma/images/sides-red.png) repeat-y right 0; }

.optionsMid { max-height: 258px; overflow: auto; background: url(/MMA8/mma/images/sides.png) repeat-y 0 0; padding-left: 4px; margin-right: 4px; }
.optionsMid > ul > li:hover { background-color: #ffea5f; }
.is-error .optionsMid { background: url(/MMA8/mma/images/sides-red.png) repeat-y 0 0; }
.is-error .optionsMid > ul > li:hover { background-color: #fcecef; }
.macscroll .optionsMid { /* Let's get this party started */ /* Track 背後那條 */ /* Handle 可以拉的那一條 */ }
.macscroll .optionsMid .selectWrapper { overflow-y: scroll; }
.macscroll .optionsMid::-webkit-scrollbar { width: 10px; }
.macscroll .optionsMid::-webkit-scrollbar-thumb { border-radius: 10px; background: #999; }
.macscroll .optionsMid::-webkit-scrollbar-thumb:window-inactive { background: #999; }

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: 20px; height: 20px; margin: -1px 8px 0 0; vertical-align: middle; cursor: pointer; border: 1px solid #aaa; background-color: transparent; box-sizing: border-box; -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: 12px; height: 12px; background-color: #e99494; margin-left: 3px; margin-top: 3px; 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: 20px; height: 20px; 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); box-sizing: border-box; }
input.artfld[type="radio"].tick:checked + label span.getCheck::before { position: absolute; content: ""; display: block; border: 2px solid #fff; left: 55%; 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: 20px; height: 20px; 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); box-sizing: border-box; }
input.artfld[type="radio"].tickr:checked + label span.getCheck::before { position: absolute; content: ""; display: block; border: 2px solid #fff; left: 55%; 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[type="radio"]:disabled + label { color: #999; cursor: default; }
input.artfld[type="radio"]:disabled + label > span { background: #f6f6f6; }
input.artfld[type="radio"]:disabled + label span.getCheck::after, input.artfld[type="radio"]:disabled + label span.getCheck::before { background-color: #999; }
input.artfld[type="radio"]:disabled:focus + label > span, input.artfld[type="radio"]:disabled:hover + label > span { border-color: #aaaaaa; }

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 { box-sizing: border-box; display: inline-block; width: 20px; height: 20px; 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: 20px; height: 20px; 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); box-sizing: border-box; }
input.artfld.circle[type="checkbox"]:checked + label span.getCheck::before { content: ""; display: block; border: 2px solid #fff; left: 55%; 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.circle[type="checkbox"]:checked + label span.getCheck::after { display: none; }

/* Custom radio buttons */
input[type="radio"].artstyle { display: none !important; *display: inline; }
input[type="radio"].artstyle + label { display: flex; justify-content: flex-start; align-items: center; cursor: pointer; position: relative; padding-left: 30px; margin-right: 15px; }
input[type="radio"].artstyle + label:before { content: ""; display: block; width: 20px; height: 20px; margin-right: 14px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; border: 1px solid #aaa; background-color: #fff; box-shadow: inset 0px 1px 1px 0px #a7a7a7; border-radius: 50%; box-sizing: border-box; }
input[type="radio"].artstyle + label:hover:before { border-color: #f7c43c; background-color: #ffffcc; }
input[type="radio"].artstyle:checked + label::after, input[type="radio"].artstyle:not(:checked) + label::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 4px; margin: auto; width: 12px; height: 12px; border-radius: 50%; background: #e99494; box-sizing: border-box; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
input[type="radio"].artstyle:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
input[type="radio"].artstyle:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
input[type="radio"].artstyle:disabled + label { color: #999; cursor: default; }
input[type="radio"].artstyle:disabled + label::before { border-color: #cccccc; background-color: #f6f6f6; }
input[type="radio"].artstyle:disabled + label::after { background: #dddddd; }

input[type="checkbox"].artstyle { display: none !important; *display: inline; }
input[type="checkbox"].artstyle + label { display: flex; justify-content: flex-start; align-items: flex-start; cursor: pointer; position: relative; padding-left: 30px; margin-right: 15px; font-size: 15px; line-height: 1.5; }
input[type="checkbox"].artstyle + label:before { content: ""; display: block; width: 20px; height: 20px; margin-right: 14px; position: absolute; top: 2px; bottom: 0; left: 0; border: 1px solid #aaa; background-color: #fff; box-shadow: inset 0px 1px 1px 0px #a7a7a7; box-sizing: border-box; }
input[type="checkbox"].artstyle + label:hover:before { border-color: #f7c43c; background-color: #ffffcc; }
input[type="checkbox"].artstyle:checked + label::after { content: ""; display: block; position: absolute; top: 12px; bottom: 0; left: 2px; opacity: 1; height: 1.05em; width: 0.525em; transform-origin: left top; border-right: 3px solid #e99494; border-top: 3px solid #e99494; animation-duration: 800ms; animation-timing-function: ease; animation-name: checkmark; transform: scaleX(-1) rotate(135deg); }
input[type="checkbox"].artstyle:disabled + label { color: #999; cursor: default; }
input[type="checkbox"].artstyle:disabled + label::before { border-color: #cccccc; background-color: #f6f6f6; }
input[type="checkbox"].artstyle:disabled + label::after { border-color: #cccccc; }
input[type="checkbox"].artstyle.terms-tick + label { padding-left: 0; }
input[type="checkbox"].artstyle.terms-tick + label:before { content: ""; display: inline-block; width: auto; height: auto; border: none; }
input[type="checkbox"].artstyle.terms-tick:checked + label { padding-left: 30px; }
input[type="checkbox"].artstyle.terms-tick:checked + label:before { width: 20px; height: 20px; margin-right: 14px; position: absolute; top: 2px; bottom: 0; left: 0; background-color: #fff; box-sizing: border-box; box-shadow: none; }

.check-block { margin-bottom: 10px; }

input.artfld[type="checkbox"] { opacity: 0; width: 0; height: 0; margin: 0; padding: 0; position: absolute; top: inherit; }
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: 20px; height: 20px; margin: -1px 8px 0 0; vertical-align: middle; cursor: pointer; border: 1px solid #c7c7c7; background-color: transparent; border-radius: 1px; line-height: 1.2; box-sizing: border-box; -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: 12px; height: 12px; -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="checkbox"].nowords + label > span { margin-right: 0; }

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: 6px 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; }
input.artfld[type="text"]:disabled, input.artfld[type="text"]:disabled:focus, input.artfld[type="text"]:disabled:hover, input.artfld[type="date"]:disabled, input.artfld[type="date"]:disabled:focus, input.artfld[type="date"]:disabled:hover, input.artfld[type="datetime-local"]:disabled, input.artfld[type="datetime-local"]:disabled:focus, input.artfld[type="datetime-local"]:disabled:hover, input.artfld[type="month"]:disabled, input.artfld[type="month"]:disabled:focus, input.artfld[type="month"]:disabled:hover, input.artfld[type="time"]:disabled, input.artfld[type="time"]:disabled:focus, input.artfld[type="time"]:disabled:hover, input.artfld[type="week"]:disabled, input.artfld[type="week"]:disabled:focus, input.artfld[type="week"]:disabled:hover, input.artfld[type="search"]:disabled, input.artfld[type="search"]:disabled:focus, input.artfld[type="search"]:disabled:hover, input.artfld[type="password"]:disabled, input.artfld[type="password"]:disabled:focus, input.artfld[type="password"]:disabled:hover, input.artfld[type="tel"]:disabled, input.artfld[type="tel"]:disabled:focus, input.artfld[type="tel"]:disabled:hover, input.artfld[type="number"]:disabled, input.artfld[type="number"]:disabled:focus, input.artfld[type="number"]:disabled:hover, input.artfld[type="url"]:disabled, input.artfld[type="url"]:disabled:focus, input.artfld[type="url"]:disabled:hover, input.artfld[type="email"]:disabled, input.artfld[type="email"]:disabled:focus, input.artfld[type="email"]:disabled:hover, textarea.artfld:disabled, textarea.artfld:disabled:focus, textarea.artfld:disabled:hover { 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); }

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+ */ }

.datePicker { width: 365px; background: #f9f9f9; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 5px 5px 10px; position: relative; margin-top: 5px; }
.datePicker input[type="button"] { height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; border: #dedede 1px solid; color: #666666; background: #FFF; display: inline-block; text-align: center; padding-left: 20px; padding-right: 20px; margin-left: 5px; font-size: 12px; outline: none; }
.datePicker .date_btnzone { position: absolute; right: 10px; bottom: 10px; }

ul.calendar { display: table; }
ul.calendar li { width: 30px; height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; border: #dedede 1px solid; color: #666666; line-height: 30px; background: #FFF; display: inline-block; text-align: center; float: left; margin-right: 5px; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; position: relative; cursor: pointer; }
ul.calendar li.on { border: #ff9191 1px solid; }

.checkmark { display: inline-block; width: 10px; height: 10px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); position: absolute; right: 0; bottom: 0; }
.checkmark::before { content: ''; display: block; position: absolute; width: 10px; height: 10px; background-color: #ff9191; border-radius: 10px; left: 0; top: 0; }
.checkmark span { display: block; position: absolute; width: 2px; height: 7px; background-color: #fff; left: 5px; top: 1px; }
.checkmark::after { content: ''; display: block; position: absolute; width: 5px; height: 2px; background-color: #fff; left: 2px; top: 6px; }

.warning_tips { line-height: 28px; border: #f3d0d4 1px solid; background: #fcecef; color: #f3011b; padding: 0 10px; display: inline-block; position: relative; margin-top: 8px; }
.warning_tips:after, .warning_tips:before { bottom: 100%; left: 12%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.warning_tips:after { border-color: rgba(252, 236, 239, 0); border-bottom-color: #fcecef; border-width: 8px; margin-left: -8px; }
.warning_tips:before { border-color: rgba(243, 208, 212, 0); border-bottom-color: #f3d0d4; border-width: 9px; margin-left: -9px; }

.checkElem { margin: 5px auto; padding-left: 30px; text-indent: -30px; text-align: justify; }
.checkElem.inline { display: inline-block; vertical-align: middle; }

.art-table { font-size: 15px; }
.art-table th { text-align: right; }
.art-table th, .art-table td { padding: 10px; }

.art-tab, .art-tabvue { display: block; border-bottom: 1px solid #dddddd; }
.art-tab li, .art-tabvue li { display: inline-block; margin-bottom: -1px; margin-right: 3px; }
.art-tab li a, .art-tabvue li a { display: block; background: #f2f2f2; border: 1px solid #dddddd; font-size: 14px; padding: 8px 14px; }
.art-tab li a.active, .art-tabvue li a.active { background: #fff; border-bottom-color: #fff; }
.art-tab.s1 li, .art-tabvue.s1 li { line-height: 1; }
.art-tab.s1 li a, .art-tabvue.s1 li a { color: #000; }
.art-tab.mg10, .art-tabvue.mg10 { margin-top: 10px; }
.art-tab.mg10, .art-tabvue.mg10 { margin-bottom: 10px; }

.arttooltip { position: relative; }
.arttooltip .tip-block { opacity: 0; position: absolute; left: 0; right: 70%; bottom: 0; color: #fff; font-weight: normal; line-height: 1.5; background: rgba(0, 0, 0, 0.8); padding: 10px; text-indent: 0; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.arttooltip .tip-block::before { opacity: 0; content: ""; display: block; position: absolute; left: 50%; bottom: -10px; margin-left: -5px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.arttooltip .tip-block.right { left: 100%; right: initial; bottom: initial; }
.arttooltip .tip-block.right::before { left: -10px; bottom: 50%; margin-left: 0; margin-bottom: -10px; border-width: 10px 10px 10px 0; border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent; }
.arttooltip .tip-block.left { left: initial; right: 100%; bottom: initial; }
.arttooltip .tip-block.left::before { left: initial; right: -10px; bottom: 50%; margin-bottom: -10px; margin-right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent rgba(0, 0, 0, 0.8); }
.arttooltip .tip-block.obs1 { width: 80px; top: -15px; left: 0; bottom: initial; }
.arttooltip .tip-block.obs2 { width: 120px; left: initial; right: 0; top: 50%; margin-top: -100%; }
.arttooltip:hover .tip-block { opacity: 1; bottom: calc(100% + 10px); }
.arttooltip:hover .tip-block::before { opacity: 1; }
.arttooltip:hover .tip-block.obs1 { left: 140%; bottom: initial; }
.arttooltip:hover .tip-block.obs2 { left: initial; bottom: initial; right: 110%; }
.arttooltip.disabled-tip .tip-block { display: none; }

.more-box { max-height: 5000px; position: relative; -moz-transition: max-height 0.5s ease; -o-transition: max-height 0.5s ease; -webkit-transition: max-height 0.5s ease; transition: max-height 0.5s ease; }
.more-box .see-more, .more-box::after { display: none; }
.more-box.hidden-all { max-height: 500px; overflow: hidden; }
.more-box.hidden-all .tip-block { display: none; }
.more-box.hidden-all .see-more { display: block; position: absolute; z-index: 2; left: 50%; bottom: 40px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.more-box.hidden-all::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 70px; z-index: 1; -moz-box-shadow: inset 0 -70px 30px -30px white; -webkit-box-shadow: inset 0 -70px 30px -30px white; box-shadow: inset 0 -70px 30px -30px white; }

.artfld.select { display: inline-block; background: #fff; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.artfld.select.hide { display: none; }
.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: 2px 28px 1px 10px; 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, .artfld.select + input.artfld { margin-left: 7px; }
.artfld.select + input.artfld { top: 0; }
.artfld.select.middle { vertical-align: middle; }

@-moz-document url-prefix() { .artfld.select select { padding-top: 4px; padding-bottom: 4px; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .artfld.select select { padding-top: 9px; padding-bottom: 6px; } }
label.artfld.input-file { display: inline-block; padding: 7px 35px; background: #d00f24; color: #fff; line-height: 1.5; font-size: 16px; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
label.artfld.input-file:hover { background: #f31e36; }
label.artfld.input-file input { display: none; }

/***********switch on/off checkbox add by naomi 20170608**/
.onoffswitch { position: relative; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.onoffswitch.inline { display: inline-block; vertical-align: middle; margin-left: 7px; margin-right: 7px; }

.onoffswitch-checkbox { display: none; }

.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #a3acb2; border-radius: 20px; }

.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; }

.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 18px; padding: 0; line-height: 18px; font-size: 18px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -webkit-box-sizing: border-box; box-sizing: border-box; }

.onoffswitch-inner:before { content: ""; padding-left: 16px; background-color: #FF3B3B; color: #FFFFFF; }

.onoffswitch-inner:after { content: ""; padding-right: 16px; background-color: #FFFFFF; color: #666666; text-align: right; }

.onoffswitch-switch { display: block; width: 20px; margin: 0px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 20px; border: 1px solid #a3acb2; border-radius: 36px; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }

.bootstrap-table { margin: 15px auto 20px; }
.bootstrap-table .table { margin-bottom: 0 !important; border-collapse: collapse !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bootstrap-table .table > tbody > tr > th, .bootstrap-table .table > tfoot > tr > th, .bootstrap-table .table > thead > tr > td, .bootstrap-table .table > tfoot > tr > td, .bootstrap-table .table > tbody > tr > td { padding: 8px 3px; }
.bootstrap-table .table > tbody > tr > th.reset-padding, .bootstrap-table .table > tfoot > tr > th.reset-padding, .bootstrap-table .table > thead > tr > td.reset-padding, .bootstrap-table .table > tfoot > tr > td.reset-padding, .bootstrap-table .table > tbody > tr > td.reset-padding { padding: 0; height: 1px; }
.bootstrap-table .table > tbody > tr > th.tradedetail .memo, .bootstrap-table .table > tfoot > tr > th.tradedetail .memo, .bootstrap-table .table > thead > tr > td.tradedetail .memo, .bootstrap-table .table > tfoot > tr > td.tradedetail .memo, .bootstrap-table .table > tbody > tr > td.tradedetail .memo { font-size: 11px; }
.bootstrap-table .table > tbody > tr > th.tradedetail a, .bootstrap-table .table > tfoot > tr > th.tradedetail a, .bootstrap-table .table > thead > tr > td.tradedetail a, .bootstrap-table .table > tfoot > tr > td.tradedetail a, .bootstrap-table .table > tbody > tr > td.tradedetail a { display: block; }
.bootstrap-table .table.table-no-bordered > thead > tr > th, .bootstrap-table .table.table-no-bordered > tbody > tr > td { border-right: 2px solid transparent; }
.bootstrap-table .table .dytbl { display: table; width: 100%; height: 100%; }
.bootstrap-table .table .dytbl .dyr { display: table-row; }
.bootstrap-table .table .d1 { border-bottom: 1px solid #ddd; }
.bootstrap-table .table .d1, .bootstrap-table .table .d2 { padding: 8px 3px; white-space: nowrap; display: table-cell; vertical-align: middle; }

.fixed-table-container { position: relative; clear: both; border: 1px solid #dddddd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.fixed-table-container.table-no-bordered { border: 1px solid transparent; }

.fixed-table-footer, .fixed-table-header { overflow: hidden; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; }

.fixed-table-footer { border-top: 1px solid #dddddd; }

.fixed-table-body { overflow-x: auto; overflow-y: auto; height: 100%; }

.fixed-table-container table { width: 100%; }
.fixed-table-container thead th { height: 0; padding: 0; margin: 0; border-left: 1px solid #dddddd; }
.fixed-table-container thead th:first-child { border-left: none; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; }
.fixed-table-container thead th .th-inner { padding: 8px; line-height: 1.5em; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fixed-table-container thead th .sortable { cursor: pointer; background-position: right 10px center; background-repeat: no-repeat; padding-right: 30px; }
.fixed-table-container thead th .both { background-image: url(/MMA8/mma/images/arrow_both.png); }
.fixed-table-container thead th .asc { background-image: url(/MMA8/mma/images/arrow_asc_active.png); }
.fixed-table-container thead th .desc { background-image: url(/MMA8/mma/images/arrow_desc_active.png); }
.fixed-table-container th.detail { width: 30px; }
.fixed-table-container tbody td { border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.fixed-table-container tbody tr:first-child td { border-top: none; }
.fixed-table-container tbody td:first-child { border-left: none; }
.fixed-table-container tbody .selected td { background-color: #f5f5f5; }
.fixed-table-container tbody tr:last-child td { border-bottom: 0; }
.fixed-table-container tbody tr:last-child td:first-child { border-bottom-left-radius: 5px; }
.fixed-table-container tbody tr:last-child td:last-child { border-bottom-right-radius: 5px; }
.fixed-table-container .bs-checkbox { text-align: center; }
.fixed-table-container .bs-checkbox .th-inner { padding: 8px 0; }
.fixed-table-container input[type="radio"], .fixed-table-container input[type="checkbox"] { margin: 0 auto !important; }
.fixed-table-container .no-records-found { text-align: center; }

/* the same color with .active */
.fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail { margin-top: 10px; margin-bottom: 10px; }
.fixed-table-pagination div.pagination.W-full, .fixed-table-pagination .pagination-detail.W-full { width: 100%; }
.fixed-table-pagination div.pagination.margin3, .fixed-table-pagination .pagination-detail.margin3 { margin: 30px auto; }
.fixed-table-pagination div.pagination .pagination { margin: 0; }
.fixed-table-pagination .pagination a { padding: 6px 12px; line-height: 1.428571429; }
.fixed-table-pagination .pagination-info { line-height: 34px; margin-right: 5px; }
.fixed-table-pagination .btn-group { position: relative; display: inline-block; vertical-align: middle; }
.fixed-table-pagination .dropup .dropdown-menu { margin-bottom: 0; }
.fixed-table-pagination .page-list { display: inline-block; }

.fixed-table-toolbar .columns-left { margin-right: 5px; }
.fixed-table-toolbar .columns-right { margin-left: 5px; }
.fixed-table-toolbar .columns label { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; }
.fixed-table-toolbar .bars, .fixed-table-toolbar .search, .fixed-table-toolbar .columns { position: relative; margin-top: 10px; margin-bottom: 10px; line-height: 34px; }

.fixed-table-pagination li.disabled a { pointer-events: none; cursor: default; }

.fixed-table-loading { display: none; position: absolute; top: 42px; right: 0; bottom: 0; left: 0; z-index: 99; background-color: #fff; text-align: center; }

.fixed-table-body .card-view .title { font-weight: bold; display: inline-block; min-width: 30%; text-align: left !important; }
.fixed-table-body thead th .th-inner { box-sizing: border-box; }

/* support bootstrap 2 */
.table th, .table td { vertical-align: middle; box-sizing: border-box; }

.fixed-table-toolbar .dropdown-menu { text-align: left; max-height: 300px; overflow: auto; }
.fixed-table-toolbar .btn-group > .btn-group { display: inline-block; margin-left: -1px !important; }
.fixed-table-toolbar .btn-group > .btn-group > .btn { border-radius: 0; }
.fixed-table-toolbar .btn-group > .btn-group:first-child > .btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.fixed-table-toolbar .btn-group > .btn-group:last-child > .btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.bootstrap-table .table > thead > tr > th { vertical-align: middle; border-bottom: 1px solid #ddd; }
.bootstrap-table .table thead > tr > th { padding: 0; margin: 0; }

/* support bootstrap 3 */
.pull-right .dropdown-menu { right: 0; left: auto; }

/* calculate scrollbar width */
p.fixed-table-scroll-inner { width: 100%; height: 200px; }

div.fixed-table-scroll-outer { top: 0; left: 0; visibility: hidden; width: 200px; height: 150px; overflow: hidden; }

.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
.pagination.center { display: block; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #428bca; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #2a6496; background-color: #eee; border-color: #ddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca; }
.pagination > .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination > .disabled > span:hover, .pagination > .disabled > span:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination > .disabled > a { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }

.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; }
.pager li { display: inline; }
.pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; }
.pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; }
.pager .next > a, .pager .next > span { float: right; }
.pager .previous > a, .pager .previous > span { float: left; }
.pager .disabled > a { color: #777; cursor: not-allowed; background-color: #fff; }
.pager .disabled > a:hover, .pager .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; }
.pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; }

.pagination-detail { display: none; }

.center-block { display: block; margin-right: auto; margin-left: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

ul.nav_tab.sty_flex.combine { width: 90%; }
ul.nav_tab.sty_flex.combine li a { word-break: break-all; line-height: 1.2; height: 36px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.observe-list-edit-btn { float: left; line-height: 36px; }
.observe-list-edit-btn .ico-edit { display: block; padding-left: 20px; font-size: 15px; background: url(/MMA8/mma/images/ico-edit.png) no-repeat left center; }

.search-filter { padding: 10px 10px 15px; margin-bottom: 10px; border: 1px solid #dddddd; background: #ffffff; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e3e3e3)); background: -o-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); background: linear-gradient(to bottom, #ffffff 0%, #e3e3e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */ }
.search-filter .hot ul { display: inline-block; }
.search-filter .hot ul li { display: inline-block; }

.filter-tab li { display: inline-block; }
.filter-tab li a { position: relative; display: block; border: 1px solid #dddddd; padding: 8px 30px 8px 12px; margin-bottom: 10px; background: #fff; font-size: 16px; color: #2f2f2f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.filter-tab li a::after { position: absolute; right: 10px; top: 8px; display: block; content: ""; width: 7px; height: 7px; border: 2px solid #8b8b8b; border-left: 0; border-top: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.filter-tab li a:hover::after { border-color: #368bdf; }
.filter-tab li.active a { padding-bottom: 18px; margin-bottom: 0; border-bottom: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.filter-tab li.active a::after { top: 13px; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.filter-panel { background: #fff; padding: 15px; margin-top: -2px; border: 1px solid #dddddd; margin-bottom: 10px; }

.outer_container a.fund-clear-all { font-size: 16px; color: #2f2f2f; float: right; line-height: 2; }
.outer_container a.fund-clear-all:hover { text-decoration: underline; }

.filter-widget { margin-bottom: 20px; }

.emb-search { display: inline-block; position: relative; }
.emb-search input.artfld[type="text"] { padding-right: 35px; }
.emb-search::after { position: absolute; top: 11px; right: 24px; display: block; content: ""; width: 16px; height: 16px; background: url(/MMA8/mma/images//ico-search.png) no-repeat center right; }

.filter-items { overflow: hidden; }
.filter-items.scrolling_table .scrollbar { display: none; }

.filter-options { display: none; }
.filter-options.active { display: block; }
.filter-options fieldset { font-size: 15px; margin-bottom: 20px; }
.filter-options fieldset:last-child { margin-bottom: 0; }
.filter-options fieldset.for-legend { border-top: 1px solid #dddddd; }
.filter-options legend { padding-right: 10px; margin-bottom: 10px; }
.filter-options .checklist { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.filter-options .checklist li { width: 25%; padding-top: 5px; padding-bottom: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.filter-options .checklist li input.artfld.circle[type="checkbox"] + label { margin-right: 0; }
.filter-options .checklist.col3 li { width: 33.333333333333%; }
.filter-options .checklist.col2 li { width: 50%; }
.filter-options .checklist.col1 li { width: 100%; }

.data-detail-panel { position: relative; line-height: 1.5; margin-bottom: 10px; padding-left: 5px; }

.fund-compare { font-size: 15px; display: inline-block; }

.fund-compare-count { display: inline-block; font-size: 15px; color: #fff; cursor: pointer; padding: 0 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #c53444; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c53444 0%, #8b0212 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#c53444), to(#8b0212)); background: -o-linear-gradient(top, #c53444 0%, #8b0212 100%); background: linear-gradient(to bottom, #c53444 0%, #8b0212 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c53444', endColorstr='#8b0212',GradientType=0 ); /* IE6-9 */ }

.fund-compare-block { display: inline-block; }

.fund-compare-popup { position: absolute; z-index: 1; padding: 10px; top: 31px; border: 1px solid #dddddd; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2); -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 65%; left: 0; -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; }
.fund-compare-popup.open { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); }
.fund-compare-popup.open ul, .fund-compare-popup.open .btn-zone { opacity: 1; }
.fund-compare-popup .btn-zone { opacity: 0; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.fund-compare-popup ul { display: table; width: 100%; opacity: 0; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.fund-compare-popup ul li { display: table-row; }
.fund-compare-popup ul li p { display: table-cell; vertical-align: middle; height: 40px; border-bottom: 1px solid #dddddd; padding: 7px 3px; }
.fund-compare-popup ul li p.cancel { width: 50px; }
.fund-compare-popup ul li p.cancel a { display: block; position: relative; margin: 0 auto; width: 20px; height: 20px; }
.fund-compare-popup ul li p.cancel a::before, .fund-compare-popup ul li p.cancel a::after { content: ""; display: block; position: absolute; left: 50%; width: 2px; height: 100%; background: #dddddd; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.fund-compare-popup ul li p.cancel a::after { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.fund-compare-popup::before { content: ""; display: block; position: absolute; top: -6px; left: 21.45%; width: 12px; height: 12px; background: #fff; -moz-box-shadow: -1px -1px 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px -1px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: -1px -1px 2px 2px rgba(0, 0, 0, 0.2); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.fund-compare-popup::after { content: ""; display: block; position: absolute; top: 0; left: 20%; width: 25px; height: 15px; background: #fff; }

.fund-cate-switch { display: inline-block; margin-bottom: 10px; }
.fund-cate-switch li { display: inline-block; padding-left: 5px; padding-right: 9px; font-size: 14px; border-right: 1px solid #2f2f2f; line-height: 1; }
.fund-cate-switch li:last-child { border-right: 0; }
.fund-cate-switch li a.active { color: #2f2f2f; cursor: text; }
.fund-cate-switch li a.active:hover { color: #2f2f2f; }
.fund-cate-switch.top { margin-top: 10px; margin-bottom: 0; }

.fund-info-switch { float: right; }
.fund-info-switch a { font-size: 14px; }
.fund-info-switch a.active { color: #474747; }
.fund-info-switch span { font-size: 14px; }

.filter-result { background: #fff; border: 1px solid #dddddd; padding: 10px; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.filter-result > ul { display: table; table-layout: fixed; width: 100%; }
.filter-result > ul > li { display: table-row; }
.filter-result > ul > li .title, .filter-result > ul > li .item { display: table-cell; font-size: 15px; vertical-align: middle; border-bottom: 1px solid #dddddd; padding: 7px 5px; height: 40px; line-height: 1.5; }
.filter-result > ul > li .title.top, .filter-result > ul > li .item.top { vertical-align: top; }
.filter-result > ul > li .title { width: 15%; white-space: nowrap; text-align: right; }
.filter-result > ul > li .item { position: relative; }
.filter-result > ul > li:last-child .title, .filter-result > ul > li:last-child .item { border-bottom: 0; }
.filter-result > ul > li.diag > .title, .filter-result > ul > li.diag > .item { padding-top: 15px; }
.filter-result > ul > li.diag .diag-toggle { display: block; color: transparent; position: relative; }
.filter-result .filter-listing { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.filter-result .filter-listing.nocancel li { padding-right: 5px; }
.filter-result .filter-listing li { display: inline-block; position: relative; background: #f8dfdf; padding-right: 30px; padding-left: 5px; margin: 2px; line-height: 24px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.filter-result .filter-listing li.add-filter { vertical-align: top; overflow: hidden; padding: 0; background: transparent; }
.filter-result .filter-listing li.add-filter a { display: block; width: 24px; height: 24px; padding: 0; line-height: 24px; background-color: #c53444; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC53444', endColorstr='#FF8B0212'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MzQ0NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhiMDIxMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c53444), color-stop(100%, #8b0212)); background-image: -moz-linear-gradient(top, #c53444 0%, #8b0212 100%); background-image: -webkit-linear-gradient(top, #c53444 0%, #8b0212 100%); background-image: linear-gradient(to bottom, #c53444 0%, #8b0212 100%); color: transparent; display: block; font-size: 0; position: relative; }
.filter-result .filter-listing li.add-filter a::before, .filter-result .filter-listing li.add-filter a::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-left: -1px; margin-top: -25%; width: 2px; height: 50%; background: #fff; }
.filter-result .filter-listing li.add-filter a::after { margin-left: -25%; margin-top: -1px; width: 50%; height: 2px; }
.filter-result .filter-listing .cancel { display: inline-block; position: absolute; right: 5px; top: 50%; width: 20px; height: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.filter-result .filter-listing .cancel::before, .filter-result .filter-listing .cancel::after { content: ""; display: block; position: absolute; left: 50%; width: 2px; height: 100%; background: #e99696; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.filter-result .filter-listing .cancel::after { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.filter-result a.fund-clear-all { line-height: 1.5; }

.observe { position: relative; }
.observe .observe-popup { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; position: absolute; z-index: 1; padding: 10px; width: 250%; top: 30%; left: -250%; border: 1px solid #dddddd; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; }
.observe .observe-popup.open { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
.observe .observe-popup ul { position: relative; z-index: 1; }
.observe .observe-popup ul li { margin-bottom: 3px; }
.observe .observe-popup::before { content: ""; display: block; position: absolute; top: 9%; right: -6px; width: 12px; height: 12px; background: #fff; -moz-box-shadow: 1px -1px 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px -1px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px -1px 2px 2px rgba(0, 0, 0, 0.2); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.observe .observe-popup::after { content: ""; display: block; position: absolute; top: 7%; right: 0; width: 15px; height: 25px; background: #fff; }
.observe .observe-popup input { display: none; }
.observe .observe-popup input + label { position: relative; white-space: normal; word-break: break-all; display: block; font-size: 15px; padding: 8px; text-align: left; padding-left: 40px; cursor: pointer; border: 1px solid transparent; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.observe .observe-popup input + label:hover { border: 1px solid #ffe027; background: #fffce7; }
.observe .observe-popup input + label::before { content: ""; display: inline-block; position: absolute; left: 10px; top: 8px; width: 25px; height: 23px; background: url(/MMA8/mma/images/ico-star.png) no-repeat 0 0; }
.observe .observe-popup input + label::after { content: ""; display: none; background: url(/MMA8/mma/images/ico-star-hover.png) no-repeat 0 0; }
.observe .observe-popup input:checked + label { border: 1px solid #ffe027; background: #fffce7; }
.observe .observe-popup input:checked + label::before { background: url(/MMA8/mma/images/ico-star-hover.png) no-repeat 0 0; }
.observe .btn-zone .sml { white-space: nowrap; }

.sorting-table::before { content: ""; display: none; background: url(/MMA8/mma/images/arrow_asc_active.png) no-repeat 0 0; }
.sorting-table::after { content: ""; display: none; background: url(/MMA8/mma/images/arrow_desc_active.png) no-repeat 0 0; }
.sorting-table .sorting { padding-right: 16px; position: relative; white-space: nowrap; display: inline-block; color: #2f2f2f; }
.sorting-table .sorting.asc { color: #d00f24; }
.sorting-table .sorting.asc::after { background: url(/MMA8/mma/images/arrow_asc_active.png) no-repeat 0 0; background-size: 100% auto; }
.sorting-table .sorting.desc { color: #d00f24; }
.sorting-table .sorting.desc::after { background: url(/MMA8/mma/images/arrow_desc_active.png) no-repeat 0 0; background-size: 100% auto; }
.sorting-table .sorting::after { content: ""; display: block; position: absolute; width: 14px; height: 14px; right: 0; top: 50%; margin-top: -7px; background: url(/MMA8/mma/images/arrow_both.png) no-repeat 0 0; background-size: 100% auto; }

.observe-list-edit { width: 410px; padding: 15px; }

.fund-comparison { width: 870px; padding: 15px; }
.fund-comparison .datepicks { display: inline-block; margin-left: 15px; vertical-align: top; }
.fund-comparison .currentDate { line-height: 2; }
.fund-comparison .comparison-listing { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 15px; }
.fund-comparison .comparison-listing li { width: 50%; line-height: 1.5; }
.fund-comparison .comparison-listing .ico-rf { position: relative; padding-left: 20px; display: inline-block; margin-right: 15px; }
.fund-comparison .comparison-listing .ico-rf.rise { color: #d00f24; }
.fund-comparison .comparison-listing .ico-rf.rise::before { content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #d00f24 transparent; }
.fund-comparison .comparison-listing .ico-rf.fall { color: #33a700; }
.fund-comparison .comparison-listing .ico-rf.fall::before { content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #33a700 transparent transparent transparent; }
.fund-comparison .comparison-listing .names { display: inline-block; }
.fund-comparison .comparison-listing .names i { display: inline-block; width: 12px; height: 12px; margin-right: 5px; background: #d00f24; }

.observe-lists { list-style: decimal; margin-left: 20px; }
.observe-lists li { padding-left: 10px; margin: 5px 0; }
.observe-lists li input.artfld { width: calc(100% - 1em); }

.highstock-container { width: 100%; height: 400px; }

.highcharts-container .hs-legend { font-weight: normal; font-size: 15px; }
.highcharts-container .hs-percentage { font-weight: bold; }

.hs-fset { border: 1px solid #dddddd; margin-bottom: 25px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.hs-fset legend { border: 1px solid #dddddd; font-size: 17px; padding: 7px 20px; margin-left: 25px; -moz-border-radius: 100px / 100px; -webkit-border-radius: 100px 100px; border-radius: 100px / 100px; }

.fund-rise { color: #ff6000; font-size: 15px; }

.fund-fall { color: #009a12; font-size: 15px; }

.diag-panel { display: table; width: 100%; margin-left: -100px; margin-top: 25px; }
.diag-panel li { display: table-row; }
.diag-panel li .title, .diag-panel li .item { display: table-cell; }
.diag-panel li .title { width: 10%; }
.diag-panel li .item { white-space: nowrap; }
.diag-panel li .item label { display: inline-block; width: 28%; white-space: nowrap; }
.diag-panel .icon-ques { vertical-align: top; margin-top: 2px; margin-left: 3px; cursor: pointer; }

.diag-notice { max-width: 650px; background: #fff; border: 1px solid #dddddd; padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.diag-notice .notice-block { padding: 20px 10px 40px; border-bottom: 1px solid #dddddd; line-height: 1.7; font-size: 15px; text-align: justify; }

.lbox-fund-adv { width: 880px; background: #fff; border: 1px solid #dddddd; padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.lbox-fund-adv .select-items { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.lbox-fund-adv label { width: 20%; font-size: 15px; margin-right: 0 !important; padding-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.lbox-fund-adv .select-box { margin: 10px 0 0 15px; padding-bottom: 15px; border-bottom: 1px solid #dddddd; }
.lbox-fund-adv .artfld.circle[type="checkbox"] + label { line-height: 2; }
.lbox-fund-adv .artfld.circle[type="checkbox"] + label > span { margin: 0 7px 7px 0; }

.fund-index-promo { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fff; border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.fund-index-promo.st2 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: transparent; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.fund-index-promo.st2 li { display: block; width: 24%; height: auto; background-color: #fff; border: 1px solid #dddddd; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.fund-index-promo.st2 li.fund-promo1 { background: #fff url(/MMA8/mma/images/fund-promo05.jpg) no-repeat center top; }
.fund-index-promo.st2 li.fund-promo2 { background: #fff url(/MMA8/mma/images/fund-promo06.jpg) no-repeat center top; }
.fund-index-promo.st2 li.fund-promo3 { background: #fff url(/MMA8/mma/images/fund-promo07.jpg) no-repeat center top; }
.fund-index-promo.st2 li.fund-promo4 { background: #fff url(/MMA8/mma/images/fund-promo08.jpg) no-repeat center top; }
.fund-index-promo.st2 li.fund-promo5 { background: #fff url(/MMA8/mma/images/fund-promo09.jpg) no-repeat center top; }
.fund-index-promo.st2 li.fund-promo6 { background: #fff url(/MMA8/mma/images/fund-promo10.jpg) no-repeat center top; }
.fund-index-promo.st2 li:hover .promo-block::before { top: 0; left: 0; right: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.fund-index-promo.st2 .promo-block { display: block; width: auto; height: auto; margin-left: 0; padding-top: 127px; color: #2f2f2f; }
.fund-index-promo.st2 .promo-block::before { content: ""; position: absolute; z-index: -2; top: 50%; bottom: 0; left: 10px; right: 10px; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 100px / 10px; -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.6); box-shadow: 0 0 17px rgba(0, 0, 0, 0.6); }
.fund-index-promo.st2 .promo-block .title { color: #004d99; }
.fund-index-promo.st2 .promo-block .title .red { color: #d00f24 !important; }
.fund-index-promo.st2 .promo-block .desc { padding-bottom: 12px; }
.fund-index-promo.st2 .promo-block .more { position: static; font-size: 14px; padding-top: 12px; padding-bottom: 12px; color: #2f2f2f; }
.fund-index-promo.st2 .promo-block .more:hover { color: #368bdf; }
.fund-index-promo li { width: 50%; height: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
.fund-index-promo li:first-child { border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; }
.fund-index-promo li:last-child { border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; }
.fund-index-promo li.fund-promo1 { background: url(/MMA8/mma/images/fund-promo01.png) no-repeat center left; }
.fund-index-promo li.fund-promo2 { background: url(/MMA8/mma/images/fund-promo02.png) no-repeat center left; }
.fund-index-promo li.fund-promo3 { background: url(/MMA8/mma/images/fund-promo03.png) no-repeat center left; }
.fund-index-promo li.fund-promo4 { background: url(/MMA8/mma/images/fund-promo04.png) no-repeat center left; }
.fund-index-promo .promo-block { width: 50%; height: 100%; margin-left: 50%; padding: 7px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.fund-index-promo .promo-block .title { font-size: 20px; line-height: 2; }
.fund-index-promo .promo-block .title .red { color: #2f2f2f !important; }
.fund-index-promo .promo-block .desc { font-size: 15px; line-height: 1.5; text-align: justify; }
.fund-index-promo .promo-block .more { display: block; position: absolute; bottom: 15px; font-size: 15px; padding-left: 12px; background: url(/MMA8/mma/images/list_arrow_red.png) no-repeat left center; }

.fund-ranking .pricing-date { font-size: 12px; color: #aaa; }
.fund-ranking input.artfld[type="checkbox"] + label.no-text > span { margin-top: -4px; }

.data-table-main3 .fund-ranking td { padding: 5px 2px; }
.data-table-main3 .fund-ranking .article_title { word-break: break-all; }

.fund-index-news { display: table; background: #fff; border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.fund-index-news.st2 { display: block; }
.fund-index-news.st2 h3 { display: block; color: #004d99; font-size: 20px; line-height: 36px; border-bottom: 1px solid #d00f24; padding-left: 3px; margin-bottom: 10px; }
.fund-index-news.st2 li { display: block; padding: 20px; padding-bottom: 0; }
.fund-index-news.st2 li:last-child { padding-bottom: 30px; }
.fund-index-news.st2 li .thumbs { padding: 0; border: 0; }
.fund-index-news.st2 li .texts { padding: 0; padding-left: 15px; border: 0; }
.fund-index-news.st2 li .texts .more { color: #2f2f2f; right: 0; bottom: 0; }
.fund-index-news.st2 li .texts .more:hover { color: #368bdf; }
.fund-index-news h3 { display: none; }
.fund-index-news li { display: table-row; }
.fund-index-news li .thumbs, .fund-index-news li .texts { display: table-cell; padding: 15px; vertical-align: top; border-bottom: 1px solid #dddddd; }
.fund-index-news li .thumbs { padding-right: 0; }
.fund-index-news li .texts { position: relative; }
.fund-index-news li .texts .title { font-size: 18px; line-height: 2; }
.fund-index-news li .texts .desc { font-size: 15px; line-height: 1.5; text-align: justify; }
.fund-index-news li .texts .more { position: absolute; right: 15px; bottom: 15px; font-size: 15px; padding-left: 12px; background: url(/MMA8/mma/images/list_arrow_red.png) no-repeat left center; }
.fund-index-news li:last-child .thumbs, .fund-index-news li:last-child .texts { border-bottom: 0; }

.bonds-pricing-page > div { display: none; }
.bonds-pricing-page > div.active { display: block; }

.bonds-filter-page, .bonds-list-page { margin-top: 15px; }

.bonds-list-page .ntable .btn-zone a.sml.sml-red { margin: 0; }

.lbox-bonds-details { width: 900px; background: #fff; border: 1px solid #dddddd; padding: 15px; border-radius: 5px; }
.lbox-bonds-details .new-datatable th { width: 10%; }
.lbox-bonds-details .new-datatable th:first-child { padding-left: 20px; }
.lbox-bonds-details .new-datatable td { width: 241px; }
.lbox-bonds-details .new-datatable td:first-of-type { width: 30%; }

.block_full_page .fund-cate-switch { margin-left: 10px; }
.block_full_page .bonds-list-page .filter-result { margin-left: 10px; margin-right: 10px; }
.block_full_page hr, .block_full_page h2.title.infull, .block_full_page .MemoContent-s2, .block_full_page .bonds-filter-page { margin-left: 10px; margin-right: 10px; }

.flex-list { display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.flex-list.nowrap { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.flex-list.wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.flex-list.between { -webkit-justify-content: space-between; justify-content: space-between; }

.requires li { display: block; width: 21.5%; text-align: center; background: #fafafa; padding: 10px; position: relative; }
.requires li:first-child::before { display: none; }
.requires li:last-child::after { display: none; }
.requires li::before, .requires li::after { content: ""; display: block; position: absolute; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.requires li::before { left: -6px; top: 0; bottom: 0; border-right: 6px solid #efefef; }
.requires li::after { right: -6px; top: 0; bottom: 0; border-left: 6px solid #e7e7e7; }
.requires .inc { width: 90px; height: 86px; background-repeat: no-repeat; background-position: center center; }
.requires .inc.inc1 { background-image: url(/MMA8/mma/images/icon-inc01.png); }
.requires .inc.inc2 { background-image: url(/MMA8/mma/images/icon-inc02.png); }
.requires .inc.inc3 { background-image: url(/MMA8/mma/images/icon-inc03.png); }
.requires .inc.inc4 { background-image: url(/MMA8/mma/images/icon-inc04.png); }
.requires .cap { font-size: 20px; font-weight: bold; line-height: 2; margin-bottom: 10px; }
.requires .desc { font-size: 16px; line-height: 1.5; }
.requires .point { font-size: 24px; color: #d00f24; }

.remind-note { font-size: 16px; line-height: 1.5; margin: 10px 0; text-align: justify; }

.ol-note, .ul-note { list-style-type: decimal; font-size: 16px; line-height: 1.5; margin-left: 32px; margin-top: 20px; }
.ol-note li, .ul-note li { margin-bottom: 0.3em; }
.ol-note.artfld, .ul-note.artfld { margin-left: 15px; margin-right: 15px; }

.ul-note { list-style-type: none; margin-left: 10px; }

.mind-the-gap { font-size: 16px; line-height: 1.5; }

.necessary { line-height: 1.5; text-decoration: underline; }

.apply-success { font-size: 20px; line-height: 6; text-align: center; color: #33a700; display: flex; justify-content: center; align-items: center; }
.apply-success .icon { margin-right: 15px; }

.apply-fail { font-size: 20px; line-height: 6; text-align: center; color: #d00f24; display: flex; justify-content: center; align-items: center; }
.apply-fail .icon { margin-right: 15px; }

.apply-warning { font-size: 20px; line-height: 6; text-align: center; color: #f1c100; display: flex; justify-content: center; align-items: center; }
.apply-warning .icon { margin-right: 15px; }

.id-blocks, .extend-doc { display: flex; justify-content: space-around; }
.id-blocks li, .extend-doc li { text-align: center; }
.id-blocks figure, .extend-doc figure { display: block; background: #efefef; padding: 15px; border: 2px dashed #b5b5b5; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
.id-blocks figure img, .extend-doc figure img { vertical-align: top; width: 100%; height: 100%; }
.id-blocks label, .extend-doc label { position: relative; top: -66px; }

.id-blocks figure { width: 356px; height: 214px; }

.extend-doc figure { width: 176px; height: 176px; }

.abgne_tab.relative { position: relative; }
.abgne_tab.relative .icon-ques { position: absolute; right: 0; top: 5px; padding-left: 25px; padding-right: 5px; font-size: 15px; width: inherit; color: #2f2f2f; }
.abgne_tab.relative .icon-ques:hover { color: #3d9fd8; }

.mitable tr td { vertical-align: middle; white-space: nowrap; }
.mitable tr td:nth-child(5) { white-space: pre-wrap; font-size: 13px; text-align: left; }
.mitable tr td:nth-child(6) { font-size: 13px; }

.ntable.cols th { background: #f6f6f6; padding: 15px 25px; font-size: 15px; white-space: nowrap; }
.ntable.cols td { padding: 15px 25px; text-align: left; font-size: 15px; line-height: 1.5em; }
.ntable.cols .termstd { background: #f6f6f6; border: #666666 3px solid; border-radius: 0 !important; padding: 8px 25px; }
.ntable.cols .greentd { background: #f0faeb; }

.outer_container.main_ctn_applymma { padding-bottom: 40px; }

.main_ctn_applymma h2.major { font-size: 45px; line-height: 1.5; letter-spacing: 5px; }
.main_ctn_applymma h3 { font-size: 23px; font-weight: bold; margin-bottom: 15px; line-height: 2; }
.main_ctn_applymma h4 { font-size: 17px; font-weight: bold; line-height: 2; }
.main_ctn_applymma main.content { background: rgba(255, 255, 255, 0.7); }
.main_ctn_applymma .lower { font-size: 0.78125vw; line-height: 1.5; }
.main_ctn_applymma input.artfld[type="checkbox"] + label { font-size: 15px; font-weight: bold; }
.main_ctn_applymma input.artfld[type="checkbox"] + label > span { background: white; }
.main_ctn_applymma input.artfld.circle[type="checkbox"] + label > span, .main_ctn_applymma input.artfld.circle[type="radio"] + label > span { background: white; }
.main_ctn_applymma .artfld.select select { color: black; }
.main_ctn_applymma .apply-by-card { display: none; }
.main_ctn_applymma .apply-by-card.active { display: block; }
.main_ctn_applymma .apply-by-card.step2 .new-datatable { width: 100%; }
.main_ctn_applymma .apply-by-card.step2 .new-datatable th { width: 35%; }
.main_ctn_applymma.apply-index { min-height: auto; }
.main_ctn_applymma.apply-index .ani-container { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 41.1458333333vw; }
.main_ctn_applymma.apply-index .ani-container.lft-active .lft { width: 67%; }
.main_ctn_applymma.apply-index .ani-container.lft-active .lft .choose-method-block { right: 1.40625vw; z-index: 2; }
.main_ctn_applymma.apply-index .ani-container.lft-active .lft .btn-zone.apply { display: none; }
.main_ctn_applymma.apply-index .ani-container.lft-active .rgt { width: 33%; }
.main_ctn_applymma.apply-index .ani-container.lft-active .the-girl { left: 67%; }
.main_ctn_applymma.apply-index .ani-container.lft-active .the-girl img { opacity: 0; }
.main_ctn_applymma.apply-index .ani-container.lft-active .the-girl img.toright { opacity: 0; }
.main_ctn_applymma.apply-index .ani-container.lft-active .pc-img { top: 50%; left: 50%; top: 20.5729166667vw\0; opacity: .1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.main_ctn_applymma.apply-index .ani-container.lft-active .card-img { top: 50%; top: 20.5729166667vw\0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); }
.main_ctn_applymma.apply-index .ani-container.rgt-active .lft { width: 33%; }
.main_ctn_applymma.apply-index .ani-container.rgt-active .rgt { width: 67%; }
.main_ctn_applymma.apply-index .ani-container.rgt-active .rgt .choose-method-block { left: 11%; z-index: 1; }
.main_ctn_applymma.apply-index .ani-container.rgt-active .rgt .btn-zone.apply { display: none; }
.main_ctn_applymma.apply-index .ani-container.rgt-active .the-girl { left: 33%; -webkit-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; }
.main_ctn_applymma.apply-index .ani-container.rgt-active .the-girl img { opacity: 0; }
.main_ctn_applymma.apply-index .ani-container.rgt-active .the-girl img.toleft { opacity: 0; }
.main_ctn_applymma.apply-index .ani-container.rgt-active .pc-img { top: 50%; top: 20.5729166667vw\0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.main_ctn_applymma.apply-index .ani-container.rgt-active .card-img { top: 50%; top: 20.5729166667vw\0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 21%; }
.main_ctn_applymma.apply-index .ani-container.lft-active h3, .main_ctn_applymma.apply-index .ani-container.rgt-active h3 { top: 4%; }
.main_ctn_applymma.apply-index .lft, .main_ctn_applymma.apply-index .rgt, .main_ctn_applymma.apply-index .col-dawho { width: 50%; overflow: hidden\0; position: relative; -webkit-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; }
.main_ctn_applymma.apply-index h3, .main_ctn_applymma.apply-index .pc-img, .main_ctn_applymma.apply-index .btn-zone.apply, .main_ctn_applymma.apply-index .the-girl { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; }
.main_ctn_applymma.apply-index .card-img { position: absolute; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); -webkit-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; }
.main_ctn_applymma.apply-index h3 { font-size: 2.34375vw; font-weight: normal; top: 59.5%; letter-spacing: .15em; margin-left: .15em; white-space: nowrap; color: black; z-index: 1; }
.main_ctn_applymma.apply-index .pc-img { top: 6.7708333333vw; z-index: 2; }
.main_ctn_applymma.apply-index .pc-img img { width: 23.8020833333vw; height: 18.5416666667vw; }
.main_ctn_applymma.apply-index .card-img { top: 7.8125vw; z-index: 2; }
.main_ctn_applymma.apply-index .card-img img { width: 21.3020833333vw; height: 14.0104166667vw; }
.main_ctn_applymma.apply-index .btn-zone.apply { top: 28.6458333333vw; }
.main_ctn_applymma.apply-index .btn-zone.apply a { letter-spacing: .2em; padding-left: calc(15px + .2em); }
.main_ctn_applymma.apply-index .btn-zone a.nbtn-v2, .main_ctn_applymma.apply-index .btn-zone input.nbtn-v2 { padding: 0.5208333333vw 0.78125vw; min-width: 7.8125vw; border-radius: 0.2604166667vw; font-size: 0.9375vw; margin: 1.0416666667vw; -webkit-box-shadow: 0.5208333333vw 0.5208333333vw 1.0416666667vw 0 rgba(0, 0, 0, 0.2); box-shadow: 0.5208333333vw 0.5208333333vw 1.0416666667vw 0 rgba(0, 0, 0, 0.2); }
.main_ctn_applymma.apply-index .dlcomp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #2f2f2f; font-size: 0.78125vw; position: relative; top: 1.0416666667vw; }
.main_ctn_applymma.apply-index .dlcomp .icon { margin-right: 0.5208333333vw; }
.main_ctn_applymma.apply-index .dlcomp:hover { color: #368bdf; }
.main_ctn_applymma.apply-index .the-girl { bottom: 50%; margin-bottom: -90px; z-index: 3; }
.main_ctn_applymma.apply-index .the-girl img { opacity: 0; -webkit-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.main_ctn_applymma.apply-index .the-girl img.active { display: block; position: static; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; width: 190px; height: auto; }
.main_ctn_applymma.apply-index .the-girl img.toleft, .main_ctn_applymma.apply-index .the-girl img.toright { display: none; width: 7.6041666667vw; height: 15.3125vw; }
.main_ctn_applymma.apply-index .choose-method-block { display: none; position: absolute; z-index: -1; top: 20%; }
.main_ctn_applymma.apply-index .choose-method { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.main_ctn_applymma.apply-index .choose-method::before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; background: white; border-radius: 1.0416666667vw; width: 19.7916666667vw; opacity: .9; z-index: -1; -webkit-transition: .4s ease; -o-transition: .4s ease; transition: .4s ease; }
.main_ctn_applymma.apply-index .choose-method.active1::before { left: 0vw\0; }
.main_ctn_applymma.apply-index .choose-method.active2::before { left: 19.7916666667vw; }
.main_ctn_applymma.apply-index .choose-method.active3::before { left: 39.5833333333vw; }
.main_ctn_applymma.apply-index .choose-method li { display: block; width: 19.7916666667vw; padding: 2.2916666667vw; -webkit-box-sizing: border-box; box-sizing: border-box; }
.main_ctn_applymma.apply-index .choose-method .icon-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 4.7395833333vw; }
.main_ctn_applymma.apply-index .choose-method .title { font-weight: bold; font-size: 1.3541666667vw; line-height: 3; letter-spacing: .1em; text-align: center; color: black; }
.main_ctn_applymma.apply-index .choose-method .desc { font-size: 0.9895833333vw; line-height: 2; text-align: justify; text-justify: inter-ideograph; }
.main_ctn_applymma.apply-index .choose-method b { color: #f10b00; }
.main_ctn_applymma.apply-index .choose-method .text-sm { font-size: 0.75em; opacity: 0.8; }
.main_ctn_applymma.apply-index .ani-container-3 { outline: 1px solid; }
.main_ctn_applymma.apply-index .ani-container-3.lft-active > *:not(.col-pc) { width: 16.5%; }
.main_ctn_applymma.apply-index .ani-container-3.lft-active > *:not(.col-pc) h3 { top: 10%; font-size: 1.5625vw; }
.main_ctn_applymma.apply-index .ani-container-3.lft-active .card-img img { transform: scale(0.66); }
.main_ctn_applymma.apply-index .ani-container-3.rgt-active .col-card { width: 66.667%; }
.main_ctn_applymma.apply-index .ani-container-3.rgt-active > *:not(.col-card) { width: 16.6667%; }
.main_ctn_applymma.apply-index .ani-container-3.rgt-active > *:not(.col-card) h3 { top: 10%; font-size: 1.5625vw; }
.main_ctn_applymma.apply-index .ani-container-3.rgt-active .pc-img img { transform: scale(0.59); }
.main_ctn_applymma.apply-index .ani-container-3.lft-active .col-dawho .dawho-imgbox, .main_ctn_applymma.apply-index .ani-container-3.rgt-active .col-dawho .dawho-imgbox { top: 50%; top: 20.5729166667vw\0; right: 50%; -webkit-transform: translate(50%, -50%) scale(0.71667); -ms-transform: translate(50%, -50%) scale(0.71667); transform: translate(50%, -50%) scale(0.71667); }
.main_ctn_applymma.apply-index .ani-container-3.lft-active .col-dawho .dawho-imgbox h4, .main_ctn_applymma.apply-index .ani-container-3.rgt-active .col-dawho .dawho-imgbox h4 { transform: scale(1.15); }
.main_ctn_applymma.apply-index .ani-container-3 .col-pc, .main_ctn_applymma.apply-index .ani-container-3 .col-card, .main_ctn_applymma.apply-index .ani-container-3 .col-dawho { width: 33.333%; }
.main_ctn_applymma.apply-index .ani-container-3 .col-pc .desc { font-size: 0.9375vw; min-height: 9.64em; }
.main_ctn_applymma.apply-index .ani-container-3 .col-pc .desc-tight { display: block; line-height: 1.75; margin-top: .2em; }
.main_ctn_applymma.apply-index .ani-container-3 .col-pc .choose-method li { padding-left: 1.9791666667vw; padding-right: 1.9791666667vw; }
.main_ctn_applymma.apply-index .ani-container-3 .col-dawho .dawho-imgbox { position: absolute; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); -webkit-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; top: 7.8125vw; z-index: 2; }
.main_ctn_applymma.apply-index .ani-container-3 .col-dawho .dawho-imgbox img { display: inline-block; width: 9.375vw; height: 10.2083333333vw; transition: 1s ease; }
.main_ctn_applymma.apply-index .ani-container-3 .col-dawho .dawho-imgbox h4 { margin-top: 0.78125vw; font-size: 0.9375vw; transition: 1s; text-align: center; backface-visibility: hidden; will-change: transform; }
.main_ctn_applymma.apply-index .ani-container-3 .col-dawho .nbtn-v2 { background-color: #c4a96f; }
.main_ctn_applymma.apply-index .ani-container-3 .col-dawho .nbtn-v2:hover, .main_ctn_applymma.apply-index .ani-container-3 .col-dawho .nbtn-v2:focus { background-color: #8d6500; }
.main_ctn_applymma.apply-index .ani-container-3 .pc-img img, .main_ctn_applymma.apply-index .ani-container-3 .card-img img { transition: 1s; }
.main_ctn_applymma.apply-index .ani-container-3 a.nbtn-v2, .main_ctn_applymma.apply-index .ani-container-3 input.nbtn-v2 { white-space: nowrap; }
.main_ctn_applymma .icon.icon-white-branch { width: 0.9375vw; height: 0.8854166667vw; }
.main_ctn_applymma .icon.icon-white-link { width: 1.1979166667vw; height: 0.9375vw; }
.main_ctn_applymma .icon.icon-white-location { width: 0.9895833333vw; height: 0.9375vw; }

i { display: inline-block; position: relative; top: 0.1041666667vw; }
i.icon-cabinet { width: 4.6875vw; height: 4.4791666667vw; background: url(/MMA8/mma/images/applymma-icon1.svg) no-repeat center center; background-size: 100% 100%; }
i.icon-applybyatm { width: 3.0729166667vw; height: 4.7395833333vw; background: url(/MMA8/mma/images/applymma-icon2.svg) no-repeat center center; background-size: 100% 100%; }
i.icon-card { width: 4.0104166667vw; height: 4.0104166667vw; background: url(/MMA8/mma/images/applymma-icon3.svg) no-repeat center center; background-size: 100% 100%; }
i.icon-applybyotp { width: 4.3229166667vw; height: 4.53125vw; background: url(/MMA8/mma/images/applymma-icon4.svg) no-repeat center center; background-size: 100% 100%; }
.flex i { top: 0; }

.big-title { font-size: 58px; line-height: 1.5; }

.big-subtitle { font-size: 26px; line-height: 1.5; }

.big-success, .big-fail { position: relative; top: 25px; }

.step-panel { text-align: center; padding: 25px 0 15px; }
.step-panel.white { color: white; }
.step-panel .step-block-spec-style { width: 70%; margin: 0 auto; }
.step-panel .step-block-spec-style .step-circles { position: relative; }
.step-panel .step-block-spec-style .step-circles .circles { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 10px auto 25px; }
.step-panel .step-block-spec-style .step-circles .cle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.step-panel .step-block-spec-style .step-circles .cle::before, .step-panel .step-block-spec-style .step-circles .cle::after { content: ""; display: block; height: 5px; background: rgba(255, 255, 255, 0.4); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.step-panel .step-block-spec-style .step-circles .cle:first-of-type::before { background: transparent; }
.step-panel .step-block-spec-style .step-circles .cle:last-of-type::after { background: transparent; }
.step-panel .step-block-spec-style .step-circles .cle i { display: block; width: 100%; width: 34px; height: 34px; border: 5px solid rgba(255, 255, 255, 0.4); border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }
.step-panel .step-block-spec-style .step-circles .cle.success::before, .step-panel .step-block-spec-style .step-circles .cle.success::after { background: white; }
.step-panel .step-block-spec-style .step-circles .cle.success:first-of-type::before { background: transparent; }
.step-panel .step-block-spec-style .step-circles .cle.success:last-of-type::after { background: transparent; }
.step-panel .step-block-spec-style .step-circles .cle.success i { border-color: white; }
.step-panel .step-block-spec-style .step-circles .cle.success + .cle:not(.current-dot)::before { background: white; }
.step-panel .step-block-spec-style .step-circles .current-dot { position: absolute; top: 0; }
.step-panel .step-block-spec-style .step-circles .current-dot::before, .step-panel .step-block-spec-style .step-circles .current-dot::after { display: none; }
.step-panel .step-block-spec-style .step-circles .current-dot i { border-color: #65b8d6; background: white; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; border-width: 8px; position: absolute; top: 0; }
.step-panel .step-block-spec-style .step-circles .current-dot i::before, .step-panel .step-block-spec-style .step-circles .current-dot i::after { content: ""; display: block; width: 34px; height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; position: absolute; left: 50%; top: 50%; left: -8px\0; top: -8px\0; border: 8px solid rgba(101, 184, 214, 0.6); -webkit-transform: translate(-50%, -50%) scale(1.5); -ms-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5); -webkit-transform: scale(1.5) \0; -ms-transform: scale(1.5) \0; transform: scale(1.5) \0; z-index: 1; -webkit-animation: halo-dot1 2s ease infinite; animation: halo-dot1 2s ease infinite; }
.step-panel .step-block-spec-style .step-circles .current-dot i::before { -webkit-transform: translate(-50%, -50%) scale(2); -ms-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); -webkit-transform: scale(2) \0; -ms-transform: scale(2) \0; transform: scale(2) \0; border-color: rgba(101, 184, 214, 0.3); -webkit-animation: halo-dot2 2s ease infinite; animation: halo-dot2 2s ease infinite; }
.step-panel .step-block-spec-style .step-circles .current-dot.active1 i { left: 14%; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.step-panel .step-block-spec-style .step-circles .current-dot.active2 i { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.step-panel .step-block-spec-style .step-circles .current-dot.active3 i { left: 86%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.step-panel .step-block-spec-style .step-words { font-size: 21px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 10px auto; position: relative; }
.step-panel .step-block-spec-style .step-words p { width: 100%; white-space: nowrap; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }
.step-panel .step-block-spec-style .step-words .active { color: #555; }

@media (max-width: 1280px) { .main_ctn_applymma.apply-index .choose-method-block { top: 20%; }
  .main_ctn_applymma.apply-index .choose-method-block .choose-method li { padding-left: 1.0416666667vw; padding-right: 1.0416666667vw; }
  .main_ctn_applymma.apply-index .choose-method-block .choose-method .desc { line-height: 1.5; }
  .main_ctn_applymma.apply-index .the-girl img.active { width: 19vw; height: auto; } }
.main_ctn_applymma.apply-index .ani-container.verify { height: unset; }

.online-verify { width: 100vw; overflow: hidden; position: relative; display: flex; flex-direction: row; justify-content: center; margin: 2.8125vw 0; }
.online-verify__box { box-sizing: border-box; max-width: 640px; width: 100%; background: #ffffff; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.18); border-radius: 10px; padding: 1.6666666667vw; margin: 10px; }
.online-verify__box-single { max-width: 948px; }
.online-verify h2 { text-align: center; font-weight: 700; font-size: 1.4583333333vw; line-height: 150%; color: #C38B47; margin-bottom: 32px; width: 100%; }
.online-verify .notice { color: #c38b47; margin-top: -28px; margin-bottom: 14px; text-align: center; }
.online-verify__description { display: block; height: 7.0833333333vw; width: 100%; }
.online-verify ul.descriptions li { list-style-type: none; color: #111; font-weight: 400; font-size: 0.8333333333vw; line-height: 1.25vw; }
.online-verify ul.descriptions li::before { content: url(/MMA8/mma/images/icon_check-circle.svg); vertical-align: middle; margin-right: 5px; }
.online-verify ul.descriptions li.gold { color: #C38B47; }

.verify-item { cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: space-around; margin-bottom: 0.8333333333vw; border: 1px solid #e3e3e3; border-radius: 3px; padding: 0.8333333333vw; }
.verify-item div:nth-child(2) { width: 58%; font-size: 0.625vw; line-height: 1.5; color: #818181; }
.verify-item div:nth-child(2) h4 { color: #111; font-size: 0.8854166667vw; }
.verify-item div:nth-child(2) .remark { font-size: 12px; margin-top: 5px; display: inline-block; }
.verify-item div:nth-child(3) { width: 20%; color: #C38B47; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: flex-end; }

ol.brench.decimal { margin-left: 15px; }

.popup_verify.popupbox > h3 { border-bottom: 2px solid #C38B47; }
.popup_verify .scan_area { padding-top: 24px; border: 0px; }
.popup_verify .scan_area .gold { color: #C38B47; }

.online-verify__description { min-height: 7em; height: unset; margin-bottom: 1em; }
.online-verify__description.right { margin-bottom: 14px; }

@media (max-width: 1200px) { .main_ctn_applymma.apply-index .ani-container.verify { height: unset; } }
.product__wrapper { font-family: "Microsoft Jhenhei", "微軟正黑體", "新細明體", "Arial", "Sans-serif"; font-size: 14px; margin: 30px auto; line-height: 1.5; text-align: justify; max-width: 960px; }

.page__header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; }
.page__header h3 { position: relative; font-size: 22px; line-height: 24px; margin-top: 20px; margin-bottom: 10px; }
.page__header h3 b { font-weight: bold; }
.page__header h3 small { font-size: 65%; color: #777; margin-right: 20px; }
.page__header h3 small.print { position: absolute; bottom: 0; right: 0; }

.btn-combineAccount { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.btn-combineAccount.btn-info { color: #fff; background-color: #d00f24; border-color: #d00f24; }
.btn-combineAccount.btn-info:hover { background-color: #f31e36; border-color: #f31e36; }

.pills__wrapper { position: relative; margin: 0 auto; overflow: hidden; height: 40px; }
.pills__wrapper ul { position: relative; left: 0; top: 0; margin-top: 0; }
.pills__wrapper ul.nav { padding-left: 0; margin-bottom: 0; list-style: none; }
.pills__wrapper ul.nav:before { display: table; content: " "; }
.pills__wrapper ul.nav li { float: left; display: table-cell; position: relative; text-align: center; color: #efefef; vertical-align: middle; border-radius: 4px; }
.pills__wrapper ul.nav li a { position: relative; display: block; padding: 10px 15px; border-radius: 4px; }
.pills__wrapper ul.nav li a:hover { text-decoration: none; background-color: #eee; }
.pills__wrapper ul.nav li.active { color: #fff; background-color: #ac1414; }
.pills__wrapper ul.nav li.active a { color: #efefef; position: relative; display: block; padding: 10px 15px; border-radius: 4px; }
.pills__wrapper ul.nav li.active a:hover { color: #fff; background-color: #f31e36; }

.table__product { width: 100%; max-width: 100%; margin-bottom: 20px; margin-top: 20px; color: #333; }
.table__product.table__bordered { border: 1px solid #ddd; }
.table__product tr th { vertical-align: middle; padding: 8px; line-height: 1.4; text-align: center; border: 1px solid #ddd; width: 15%; background-color: #f9f9f9; }
.table__product tr td { vertical-align: middle; border: 1px solid #ddd; padding: 8px; line-height: 1.4; }

.notice__text { min-height: 20px; padding: 19px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; }
.notice__text .table__notice { text-align: left; width: 100%; max-width: 100%; border-spacing: 0; border-collapse: collapse; }
.notice__text .table__notice thead tr th { border-bottom: 2px solid #ddd; padding: 8px; line-height: 1.4; vertical-align: middle; font-weight: bold; font-size: 15px; }
.notice__text .table__notice tbody tr td { vertical-align: middle; padding: 8px; line-height: 1.4; border-top: 1px solid #ddd; }

.formblock .combine__data-table th { font-size: 15px; padding: 15px 10px 5px 0px; width: 30px; vertical-align: middle; }
.formblock .combine__data-table td { font-size: 15px; padding: 15px 0px 5px 10px; vertical-align: middle; }
.formblock .combine__data-table th.note-in-tbl, .formblock .combine__data-table td.note-in-tbl { padding-left: 0; padding-right: 0; }

.tLayer { position: relative; margin: 10px 0 0 0; }
.tLayer h4 { text-align: center; padding: 0 25px; display: table; margin: 0 auto; color: #ac1414; font-weight: 700; background: #FFF; font-size: 18px; }
.tLayer line { position: absolute; width: 100%; height: 1px; background: #e8e8e8; z-index: -1; top: 10px; }

.table__netValue { float: left; width: 50%; max-width: 100%; margin: 20px 10px; color: #333; }
.table__netValue.table__bordered { border: 1px solid #ddd; }
.table__netValue tr:nth-child(odd) { background: #f1f0f0; }
.table__netValue tr th { vertical-align: middle; padding: 8px; line-height: 1.4; text-align: center; border: 1px solid #ddd; width: 15%; background-color: #ac1414; color: #FFF; }
.table__netValue tr td { vertical-align: middle; border: 1px solid #ddd; padding: 8px; line-height: 1.4; }
.table__netValue tr td:nth-child(1) { text-align: center; }
.table__netValue tr td:nth-child(2), .table__netValue tr td:nth-child(3), .table__netValue tr td:nth-child(4) { text-align: right; }

.highcharts-figure, .highcharts-data-table table { width: 100%; margin: 1em auto; }

.highcharts-data-table table { font-family: Verdana, sans-serif; border-collapse: collapse; border: 1px solid #ebebeb; margin: 10px auto; text-align: center; width: 100%; max-width: 500px; }

.highcharts-data-table caption { padding: 1em 0; font-size: 1.2em; color: #555; }

.highcharts-data-table th { font-weight: 600; padding: 0.5em; }

.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption { padding: 0.5em; }

.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) { background: #f8f8f8; }

.highcharts-data-table tr:hover { background: #f1f7ff; }

.p-0 { padding: 0 !important; }

.nowrap { white-space: nowrap; }

.block { display: block; }

.inlinebox { display: inline-block; vertical-align: top; }

.debug { border: 1px solid red; }

.hide, [v-cloak] { display: none; }

.invisible { visibility: hidden; }

.lineh15 { line-height: 1.5em; }

.mb10 { margin-bottom: 10px; }

.ml30 { margin-left: 30px; }

.w20 { width: 20%; }

.ModalPopUpBackground_Color { background-color: #ebebeb; }

.fontw { font-weight: bold; }

.ModalPopUpBody { background-color: #8a8a8a; color: Black; font-family: Verdana, Arial; font-size: 12pt; }

.toggle-slide { display: none; }

.toggle-with-loading { position: relative; display: flex; align-items: center; }
.toggle-with-loading .loading-data { margin-left: 1em; }
.toggle-with-loading .btn-zone { margin-right: 0; }

.indent-justify { display: inline-block; }
.indent-justify.w48 { width: 48px; }

a { color: #2f2f2f; text-decoration: none; }
a:hover { color: #3d9fd8; }
a.blue-link { color: #004d99; }
a.blue-link:hover { color: #368bdf; }

input { font-size: 15px; }

main { display: block; }

.tab-panel > div { display: none; }
.tab-panel > div.active { display: block; }

.blue-link-inner a { color: #004d99; }
.blue-link-inner a:hover { color: #368bdf; }

ol.disc { list-style: disc; margin-left: 1.5em; }
ol.decimal { list-style: decimal; }
ol.square { list-style: square; }
ol.lower-alpha { list-style: lower-alpha; }
ol.decimal-cjk { list-style: trad-chinese-informal; }
ol.push { margin-left: 1.5em; }
ol.ch-2 > li > span { display: inline-block; vertical-align: top; }
ol.ch-2 > li .inline-box { width: calc(98% - 25px); display: inline-block; vertical-align: top; }
ol.ch-2 > li .inline-box > img { display: block; width: 95%; margin: 5px 0 10px 0; }

.box-shadow::before { content: ""; position: absolute; z-index: -2; top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; -webkit-border-radius: 100px 10px; border-radius: 100px / 10px; -moz-box-shadow: 0 0 17px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.6); box-shadow: 0 0 17px rgba(0, 0, 0, 0.6); }

.spanbox { margin: 0 10px; }

.count-down { font-size: 18px; font-weight: bold; margin: 0 5px; }

.rowinline { font-size: 0; }
.rowinline li { font-size: 13px; display: inline-block; vertical-align: middle; }
.rowinline li a { padding-right: 10px; padding-left: 10px; border-right: 1px solid #dddddd; color: #004d99; }
.rowinline li a:hover { color: #368bdf; }
.rowinline li span { padding-right: 10px; padding-left: 10px; border-right: 1px solid #dddddd; }
.rowinline li:last-child a, .rowinline li:last-child span { border-right: 0; }
.rowinline li.last a { border-right: 0; }

.ui-datepicker-trigger { margin-left: 6px; }

.menu_iframe { display: none; overflow: hidden; opacity: 0; filter: alpha(opacity=0); z-index: 998; top: 125px; left: 0; position: absolute; visibility: inherit; height: 295px; width: 100%; }
.menu_iframe.tall { height: auto; }

.sbnav-iframe { display: none; overflow: hidden; opacity: 0; filter: alpha(opacity=0); z-index: 998; position: absolute; visibility: inherit; top: -1px; right: -190px; }

hr { border: 0; height: 1px; background-color: #dddddd; }
hr.bgshadow { background: url(/MMA8/mma/images/singlepage_shadow.png) no-repeat center bottom; height: 10px; }

h5 { font-size: 24px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; padding-left: 15px; }

body { font-size: 13px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; color: #474747; margin: 0 auto; width: 100%; min-width: 980px; }
body > * { font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; }
body.scroll-fixed { overflow: hidden; }

.wrapper { position: relative; }

.wrapper_1.masks { width: 100%; height: 100%; position: fixed; z-index: 997; background-color: #000; opacity: 0.4; filter: "alpha(opacity=40)"; filter: alpha(opacity=40); -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.wrapper_1 .loading-data { display: block; position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; }
.wrapper_1 .loading-data img { width: 100px; }
.wrapper_1.preload::before { content: ""; display: none; background: url(/MMA8/mma/images/loading.svg); }

.container { width: 948px; padding-left: 6px; padding-right: 6px; margin: 0 auto; }
.container .content { background-color: white; min-height: 500px; padding: 25px 40px; border: 1px solid #dddddd; margin-bottom: 35px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.container .content.incleft { padding: 0; width: 960px; border: 0; background-color: transparent; }
.container .content.full-width-page { width: 960px; box-sizing: border-box; padding-left: 6px; padding-right: 6px; background-color: transparent; border: 0; }
.container .block_row_1 { position: relative; }
.container.declare-statement { width: 1100px; }

h3.regular { font-size: 15px; font-weight: normal; margin: 20px 0; }

.yards3 { color: #f00; font-size: 18px; font-weight: bold; }

.icon { display: inline-block; background-image: url(/MMA8/mma/images/icons.png); }
.icon.icon-login { background-position: 20px 13px; }
.icon.icon-login.logout { color: #d00f24; }
.icon.icon-login.logout:hover { color: #d00f24; }
.icon.icon-allon { background-position: 0 -1200px; padding-left: 28px; line-height: 16px; padding-right: 10px; }
.icon.icon-cpl { background-position: left -1200px; width: 16px; height: 16px; line-height: 16px; margin-right: 8px; display: inline-block; vertical-align: middle; }
.icon.icon-notyet { background-position: left -1898px; width: 16px; height: 16px; line-height: 16px; margin-right: 8px; display: inline-block; vertical-align: bottom; }
.icon.icon-fail { background-position: right -1199px; width: 16px; height: 16px; line-height: 16px; margin-right: 8px; display: inline-block; vertical-align: middle; }
.icon.icon-alloff { background-position: 0 -1250px; padding-left: 28px; line-height: 16px; padding-right: 10px; }
.icon.icon-service { background-position: 20px -27px; }
.icon.icon-branch { background-position: 20px -68px; }
.icon.icon-mobile { background-position: 20px -2178px; position: relative; }
.icon.icon-mobile.active { background-position: 20px -2218px; background-color: #af0d1e; color: white; }
.icon.icon-mobile.active:hover { color: #fff; }
.icon.icon-search { background-position: 20px -107px; position: relative; }
.icon.icon-search.active { position: absolute; top: 0; right: 0; z-index: 997; height: 46px; background-position: -98px -107px; background-color: #af0d1e; color: white; }
.icon.icon-search.active:hover { color: #fff; }
.icon.icon-livechat { background-position: 15px -1690px; position: relative; }
.icon.icon-livechat.active { position: absolute; top: 0; right: 0; z-index: 997; height: 46px; background-color: #af0d1e; color: white; }
.icon.icon-funcashier { position: absolute; background-position: 0 -166px; width: 33px; height: 38px; left: 11px; top: 0; cursor: pointer; }
.icon.icon-open { background-position: 0 -791px; width: 13px; height: 13px; }
.icon.icon-close { background-position: -14px -791px; width: 13px; height: 13px; }
.icon.icon-print { background-position: 0 -1152px; width: 22px; height: 20px; margin: 0 8px; }
.icon.icon-dldetail { background-position: -23px -1153px; width: 21px; height: 19px; margin: 0 8px; }
.icon.icon-tradetail { background-position: -45px -1152px; width: 18px; height: 20px; margin: 0 8px; }
.icon.icon-close_x { background-position: 6px -1294px; width: 22px; height: 22px; }
.icon.icon-cardback { background-position: 0 -1934px; width: 59px; height: 34px; vertical-align: middle; }
.icon.icon-ques { background: url(/MMA8/mma/images/ico-ques.png) no-repeat 0 0; width: 19px; height: 18px; }
.icon.icon-success { background-position: 0 -1050px; width: 58px; height: 58px; vertical-align: middle; }
.icon.icon-fail-big { background-position: right -1050px; width: 58px; height: 58px; vertical-align: middle; }
.icon.icon-warning { background-position: -72px -1050px; width: 58px; height: 58px; vertical-align: middle; }
.icon.icon-telcs { background-position: 0 -2100px; width: 32px; height: 22px; vertical-align: middle; }
.icon.icon-qaq { background-position: 0 -2148px; width: 21px; height: 21px; }
.icon.icon-qaa { background-position: -21px -2148px; width: 21px; height: 21px; }
.icon.icon-input-keyword1 { background-position: 12px -2259px; background-repeat: no-repeat; }
.icon.icon-input-keyword2 { background-position: 14px -2301px; background-repeat: no-repeat; }
.icon.icon-input-email { background-position: 10px -2343px; background-repeat: no-repeat; }
.icon.icon-chip { background-position: 0 -2390px; width: 24px; height: 21px; }
.icon.icon-white-tick { background-position: 0 -2415px; width: 19px; height: 14px; }
.icon.icon-white-branch { background: url(/MMA8/mma/images/icon-bank-branch.svg) no-repeat center center; background-size: 100% 100%; width: 18px; height: 17px; }
.icon.icon-white-link { background: url(/MMA8/mma/images/icon-hyperlink.svg) no-repeat center center; background-size: 100% 100%; width: 23px; height: 18px; }
.icon.icon-white-location { background: url(/MMA8/mma/images/icon-location.svg) no-repeat center center; background-size: 100% 100%; width: 19px; height: 18px; }
.icon.ico-signup-page { padding-left: 19px; background-position: left top; }
.icon.ico-use-dynkb { background-position: 3px -635px; padding-left: 22px; }
.icon.ico-que { background-position: left -2610px; padding-left: 17px; }
.icon.ico-accessibility { background-position: left -2587px; padding-left: 17px; }
.icon.ico-swarning { background-position: left -2518px; width: 16px; height: 16px; line-height: 16px; margin-right: 0.5em; }
.icon.icon-info { background: url(/MMA8/mma/images/icon-info.svg) no-repeat center center; width: 16px; height: 16px; line-height: 16px; }
.icon.icon-arrowR { background: url(/MMA8/mma/images/arrow-right.svg) no-repeat center center; width: 16px; height: 16px; margin-left: 4px; }
.icon.icon__newInfo { display: inline-block; position: relative; cursor: pointer; top: 1px; width: 14px; height: 14px; background: url(/MMA8/mma/images/icon_new_info.svg) no-repeat center; }
.icon.icon__miniArrowRight { display: inline-block; position: absolute; margin-top: -2px; right: 70px; width: 5px; height: 8px; cursor: pointer; background: url(/MMA8/mma/images/mini_arrow_right.svg) no-repeat center; }
.icon.icon__copyAccount { display: inline-block; position: absolute; margin-top: -12px; right: 70px; width: 24px; height: 24px; cursor: pointer; background: url(/MMA8/mma/images/icon_copy_account.svg) no-repeat center; }

.ico { display: inline-block; vertical-align: middle; }
.ico.ico-edit2 { background: url(../images/ico-edit2.png) center; width: 17px; height: 17px; }
.ico.ico-edit2:hover { position: relative; top: 1px; }

.lightbox { display: none; }
.lightbox .close-btn { position: absolute; top: -13px; right: -13px; background: url(/MMA8/mma/images/icons.png) no-repeat 0 -966px; width: 34px; height: 34px; cursor: pointer; }
.lightbox .upgradebox { width: 530px; background-color: #fff; border: 1px solid #dddddd; padding: 20px 25px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: block; }
.lightbox .upgradebox .upgcontent { background: url(/MMA8/mma/images/upgrade-lbox.png) no-repeat 22px 26px; padding-left: 146px; padding-right: 48px; height: 150px; font-size: 16px; line-height: 24px; }
.lightbox .upgradebox .upgcontent p { padding-top: 30px; }
.lightbox .btn-zone { margin: 0 auto; }
.lightbox .btn-zone a { width: 200px; }

.lboxed { display: none; position: relative; font-family: "Microsoft JhengHei", "微軟正黑體", "新細明體", "Arial", "Sans-Serif"; }
.lboxed > .close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; cursor: pointer; }
.lboxed > .close::before { content: ""; display: block; background: url(/MMA8/mma/images/icons.png) no-repeat 0 -1300px; width: 10px; height: 10px; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; }
.lboxed .lbox-block { background: #fff; border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.lboxed .lbox-block .terms { width: 800px; padding: 20px; }
.lboxed .lbox-block .terms.borderbox { box-sizing: border-box; }
.lboxed .lbox-block .mortgages-calc, .lboxed .lbox-block .mortgages-result { width: 560px; padding: 20px; }
.lboxed .lbox-block .mortgages-calc .data-table th, .lboxed .lbox-block .mortgages-result .data-table th { width: 100px; }
.lboxed .lbox-block .mortgages-calc .data-table .fth, .lboxed .lbox-block .mortgages-result .data-table .fth { padding-right: 10px; font-weight: bold; }
.lboxed .lbox-block .msgs { width: 600px; padding: 20px; text-align: justify; text-justify: inter-ideograph; }
.lboxed .lbox-block .msgs p { font-size: 16px; line-height: 1.5; margin-bottom: 1em; }
.lboxed .lbox-block .close_x { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; cursor: pointer; }
.lboxed .lbox-block .close_x::before { content: ""; display: block; background: url(/MMA8/mma/images/icons.png) no-repeat 0 -1300px; width: 10px; height: 10px; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; }
.lboxed h3 { color: #474747; font-size: 20px; font-weight: bold; line-height: 38px; border-bottom: 2px #e8362c solid; padding: 0 10px; text-align: left; margin-bottom: 10px; }
.lboxed td.caption h3 { border-bottom: 0; }

.ajax-loading-gif { position: relative; }
.ajax-loading-gif::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/MMA8/mma/images/loading.gif) no-repeat center center rgba(255, 255, 255, 0.5); background-size: 120px; z-index: 997; }

.ajax-loading-svg { position: static !important; }
.ajax-loading-svg::before { content: ""; position: fixed; left: 0; top: 0; bottom: 0; right: 0; opacity: 1; z-index: 999; pointer-events: none; background-color: rgba(0, 0, 0, 0.75); background-image: url(../images/new-loading.svg); background-repeat: no-repeat; background-position: center; margin-top: -120px; }
.ajax-loading-svg::after { content: "交易進行中，請稍候"; font-weight: bold; font-size: 20px; line-height: 1.6; width: 200px; height: 32px; color: #ffffff; position: fixed; z-index: 1000; margin: auto; top: 0; right: 0; left: 0; bottom: 0; text-align: center; }

.ajax-loading-svg2 { position: static !important; }
.ajax-loading-svg2::before { content: ""; position: fixed; left: 0; top: 0; bottom: 0; right: 0; opacity: 1; z-index: 999; pointer-events: none; background-color: white; background-image: url(../images/loading.svg); background-repeat: no-repeat; background-position: center; margin-top: -120px; }
.ajax-loading-svg2::after { content: "載入中，請稍候"; font-weight: bold; font-size: 20px; line-height: 1.6; width: 200px; height: 32px; color: #ffffff; position: fixed; z-index: 1000; margin: auto; top: 0; right: 0; left: 0; bottom: 0; text-align: center; }

header { background: #ffffff; position: relative; top: 0; z-index: 998; width: 100%; }
header .container { padding-top: 15px; *height: 65px; }
header .left-pane { float: left; }
header .left-pane .logo { float: left; }
header .left-pane .logo a { display: block; }
header .left-pane .header-title { position: relative; top: 34px; float: left; border-left: 1px solid #d2d2d2; padding-left: 14px; color: #d00f24; font-size: 18px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-weight: bold; }
header .right-pane { height: 65px; float: right; text-align: right; position: relative; }
header .right-pane .main-func > ul { vertical-align: bottom; position: relative; top: 25px; font-size: 0; }
header .right-pane .main-func > ul > li { display: inline-block; *display: inline; zoom: 1; text-align: left; vertical-align: middle; font-size: 14px; line-height: 40px; background: url(/MMA8/mma/images/mainfunc_split.png) no-repeat right bottom; }
header .right-pane .main-func > ul > li a { color: #2f2f2f; }
header .right-pane .main-func > ul > li a:hover { color: #3d9fd8; text-decoration: none; }
header .right-pane .main-func > ul > li .icon { padding-left: 41px; padding-right: 20px; }
header .right-pane .main-func > ul > li:last-child { background: none; }
header .right-pane .main-func > ul > li.last { background: none; }
header .right-pane .main-func > ul > li.search-wrap { position: relative; width: 89px; height: 40px; }
header .right-pane .main-func > ul > li.search-wrap a.active:hover { color: #fff; }
header .right-pane .main-func > ul > li.livechat-wrap { position: relative; width: 131px; height: 40px; }
header .right-pane .main-func > ul > li.livechat-wrap a.active:hover { color: #fff; }
header .right-pane .sub-func { position: absolute; right: 0; top: 0; display: flex; align-items: center; }
header .right-pane .icon-box { margin-right: 20px; }
header .right-pane .icon-box a, header .right-pane .icon-box img { display: block; }
header .right-pane .languages { font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
header .right-pane .languages .im-globe { display: inline-block; background: url(/MMA8/mma/images/icon-language.svg) no-repeat center center; width: 16px; height: 16px; margin-right: 10px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; top: 0; }
header .right-pane .languages select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMjFsLTEyLTE4aDI0eiIvPjwvc3ZnPg==) no-repeat right center; background-size: 0.65em auto, 100%; border: 0px; width: 80px; margin-left: 5px; }
header .right-pane .languages select:focus { outline: none; }
header .main-menu { position: relative; border-top: 6px solid #d00f24; border-bottom: 1px solid #979797; background: url(/MMA8/mma/images/menu_bg.png) repeat-x 0 0; background-size: auto 100%; *height: 38px; -moz-box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); -webkit-box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); }
header .main-menu .container { padding-top: 0; }
header .main-menu .nav-lv1 { position: relative; z-index: 997; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }
header .main-menu .nav-lv1 > li { position: relative; font-size: 18px; display: block; line-height: 2.25; border-left: 1px solid #d1d1d1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-grow: 1; }
header .main-menu .nav-lv1 > li a { display: block; text-align: center; cursor: pointer; }
header .main-menu .nav-lv1 > li a:hover { color: #f31e36; text-decoration: none; }
header .main-menu .nav-lv1 > li a:active, header .main-menu .nav-lv1 > li a.active { background: url(/MMA8/mma/images/menu_bg_active.png) repeat-x 0 0; color: #fff; }
header .main-menu .nav-lv1 > li:last-child { border-right: 1px solid #d1d1d1; }
header .main-menu .nav-lv1 > li.last { border-right: 1px solid #d1d1d1; }
header .main-menu .nav-lv1 > li .watermark { display: none; position: absolute; width: 100%; height: 11px; background: url(/MMA8/mma/images/downbitchhead.png) no-repeat center top; }
header .main-menu .nav-lv1 > li.ibrain a { position: relative; z-index: 2; font-size: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
header .main-menu .nav-lv1 > li.ibrain a::before { content: ""; display: block; background: url(/MMA8/mma/images/ibrain-logo.svg) no-repeat center center, url(/MMA8/mma/images/ibrain-logo-hover.svg) no-repeat -9999px -9999px, url(/MMA8/mma/images/ibrain-logo-active.svg) no-repeat -9999px -9999px; width: 96px; height: 24px; }
header .main-menu .nav-lv1 > li.ibrain a:hover::before { background: url(/MMA8/mma/images/ibrain-logo-hover.svg) no-repeat center center; }
header .main-menu .nav-lv1 > li.ibrain a.active::before, header .main-menu .nav-lv1 > li.ibrain a:active::before { background: url(/MMA8/mma/images/ibrain-logo-active.svg) no-repeat center center; }

.container.search-popup { position: relative; padding-top: 0; *height: 0; }
.container.search-popup .search-block { display: none; position: absolute; top: 86px; right: 0; z-index: 999; width: 500px; height: 120px; padding: 25px 40px; background-color: white; background: url(/MMA8/mma/images/search-darrow.png) no-repeat 392px 0px white; -moz-box-shadow: 0px 3px 15px 4px rgba(99, 99, 99, 0.5); -webkit-box-shadow: 0px 3px 15px 4px rgba(99, 99, 99, 0.5); box-shadow: 0px 3px 15px 4px rgba(99, 99, 99, 0.5); border: 1px solid #dddddd\9; border-top: none\9; }
.container.search-popup .search-block .search-area { position: relative; margin: 15px 0 20px; }
.container.search-popup .search-block .search-area .ffTextBoxWrapper { width: 345px; }
.container.search-popup .search-block .search-area .ffTextBoxWrapper .ffTextBoxRight { background-image: url(/MMA8/mma/images/sprite-search.png); background-position: right -644px; }
.container.search-popup .search-block .search-area .ffTextBoxWrapper .ffTextBoxRight .ffTextBoxLeft { background-image: url(/MMA8/mma/images/sprite-search.png); background-position: 0 -600px; }
.container.search-popup .search-block .search-area .ffTextBoxWrapper .ffTextBoxRight .ffTextBoxLeft input { width: 197px; height: 38px; padding-left: 30px !important; line-height: 38px\9; vertical-align: top\9; margin-top: 0\9; margin-left: 30px\9; padding-left: 0\9 !important; }
.container.search-popup .search-block .search-area .ffTextBoxWrapper .ffTextBoxRight .ffTextBoxLeft input:hover, .container.search-popup .search-block .search-area .ffTextBoxWrapper .ffTextBoxRight .ffTextBoxLeft input:focus { background: none; }
.container.search-popup .search-block .search-area .ffSelectWrapper { width: 100px; }
.container.search-popup .search-block .search-area .ffSelectWrapper .ffSelect a { background-image: url(/MMA8/mma/images/sprite-search.png); background-position: right -697px; }
.container.search-popup .search-block .search-area .ffSelectWrapper .ffSelect a span { background-image: url(/MMA8/mma/images/sprite-search.png); background-position: 0 -547px; }
.container.search-popup .search-block .search-area .srowElem { position: absolute; top: 2px; right: 146px; }
.container.search-popup .search-block .search-area .icon-search { position: absolute; background: url(/MMA8/mma/images/icons.png) no-repeat 0 -560px; width: 16px; height: 16px; top: 13px; left: 15px; }
.container.search-popup .search-block .search-area .btn-zone { vertical-align: top\9; }
.container.search-popup .search-block .search-area .rowElem { margin: 0; }
.container.search-popup .search-block .advsearch { float: right; margin-right: 5px; }
.container.search-popup .search-block .advsearch a { color: #004d99; }
.container.search-popup .search-block .advsearch a:hover { color: #3d9fd8; }
.container.search-popup .search-block .hot-key { line-height: 16px; font-size: 13px; width: 430px; float: left; }
.container.search-popup .search-block .hot-key .hk-list { display: inline-block; }
.container.search-popup .search-block .hot-key .hk-list li { display: inline-block; *display: inline; zoom: 1; padding-right: 5px; }
.container.search-popup .search-block .hot-key .hk-list li a { display: inline-block; *display: inline; zoom: 1; padding-right: 5px; color: #004d99; }
.container.search-popup .search-block .hot-key .hk-list li a:hover { color: #3d9fd8; }

.new-icon { background: url(/MMA8/mma/images/icons.png) no-repeat 0 -494px; width: 18px; height: 13px; display: inline-block; vertical-align: middle; margin-right: 10px; }

.slide-menu-wrapper { display: none; width: 100%; min-width: 980px; height: 300px; background-color: white; position: absolute; top: 127px; left: 0; padding-top: 30px; padding-bottom: 30px; z-index: 998; border-bottom: 1px solid #979797\9; -moz-box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); -webkit-box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); }
.slide-menu-wrapper.tall { height: auto; }
.slide-menu-wrapper.tall ul.menu { margin-bottom: 10px; }
.slide-menu-wrapper.tall .container .msg-announce { position: relative; top: auto; left: auto; bottom: auto; }
.slide-menu-wrapper .container { height: 100%; overflow: hidden; display: none; }
.slide-menu-wrapper .container a:hover { text-decoration: none; }
.slide-menu-wrapper .container .leftline { border-left: 0; margin-left: 15px; }
.slide-menu-wrapper .container .settingtitle { display: flex; border-bottom: 1px solid #d00f24; padding-left: 0; line-height: 2; }
.slide-menu-wrapper .container .settingtitle span { position: relative; background-color: #d00f24; display: block; color: white; }
.slide-menu-wrapper .container .settingtitle span::after { content: ""; display: block; position: absolute; right: -10px; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 48px 0 0 10px; border-color: transparent transparent transparent #ddd; }
.slide-menu-wrapper .container .settingtitle span, .slide-menu-wrapper .container .settingtitle a { padding: 0 15px; }
.slide-menu-wrapper .container .settingtitle a { border: 1px solid #d00f24; border-bottom: 0; color: #d00f24 !important; position: relative; }
.slide-menu-wrapper .container .settingtitle a::after { content: ""; display: block; position: absolute; right: -11px; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 48px 0 0 10px; border-color: transparent transparent transparent #ddd; }
.slide-menu-wrapper .container .settingtitle a:hover { color: #d00f24 !important; }
.slide-menu-wrapper .container .left-func { width: 100%; height: 100%; position: relative; }
.slide-menu-wrapper .container .left-func > ul { overflow: hidden; margin: 20px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.slide-menu-wrapper .container .left-func > ul > li { overflow: hidden; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; flex-basis: 113px; }
.slide-menu-wrapper .container .left-func > ul > li > a { display: block; text-align: center; margin: 0 auto; font-size: 15px; width: 100px; color: #004d99; }
.slide-menu-wrapper .container .left-func > ul > li > a:hover { color: #3d9fd8; }
.slide-menu-wrapper .container .msg-announce { line-height: 24px; margin-left: 15px; position: absolute; bottom: 10px; }
.slide-menu-wrapper .container .msg-announce .new-icon { background: url(/MMA8/mma/images/icons.png) no-repeat 0 -494px; width: 18px; height: 13px; display: inline-block; vertical-align: middle; margin-right: 10px; }
.slide-menu-wrapper .container .msg-announce .funcashier-icon { background: url(/MMA8/mma/images/icons.png) no-repeat 0 -839px; width: 36px; height: 28px; display: inline-block; vertical-align: middle; margin-right: 10px; }
.slide-menu-wrapper .container .msg-announce a { font-size: 14px; }
.slide-menu-wrapper .container .right-func { position: relative; background-color: #fff; float: left; width: 270px; height: 100%; display: none !important; }
.slide-menu-wrapper .container .right-func:before { content: ""; z-index: -1; position: absolute; width: 200px; top: 29px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -moz-box-shadow: 3px -16px 25px 0px #2a2e31; -webkit-box-shadow: 3px -16px 25px 0px #2a2e31; box-shadow: 3px -16px 25px 0px #2a2e31; height: 90%; }
.slide-menu-wrapper .container .right-func:after { background: #fff; content: ""; z-index: -1; position: absolute; width: 270px; top: 0px; height: 100%; }
.slide-menu-wrapper .container .right-func h5 { padding-left: 45px; }
.slide-menu-wrapper .container .right-func > ul { height: 100%; margin-top: 10px; }
.slide-menu-wrapper .container .right-func > ul > li { line-height: 38px; padding-left: 45px; background: url(/MMA8/mma/images/border-linear-gradient.png) no-repeat left bottom; }
.slide-menu-wrapper .container .right-func > ul > li.last { background: none; }
.slide-menu-wrapper .container .right-func > ul > li a { display: block; background: url(/MMA8/mma/images/icons.png) no-repeat 6px -513px; font-size: 16px; padding-left: 26px; }
.slide-menu-wrapper .container .full-func { position: relative; height: 100%; }
.slide-menu-wrapper .container .full-func ul.menu { margin-top: 30px; margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-align-items: flex-start; }
.slide-menu-wrapper .container .full-func ul.menu li { display: block; -ms-flex-preferred-size: 20%; flex-basis: 20%; -webkit-flex-basis: 20%; }
.slide-menu-wrapper .container .full-func dt { font-size: 17px; border-left: 3px solid #d00f24; padding-left: 10px; padding-top: 6px; padding-bottom: 6px; }
.slide-menu-wrapper .container .full-func dd { font-size: 15px; padding-left: 12px; border-left: 1px solid #999; padding-top: 5px; padding-bottom: 5px; }
.slide-menu-wrapper .container .full-func a { color: #004db2; }
.slide-menu-wrapper .container .full-func a:hover { color: #3d9fd8; }

.mico { width: 54px; height: 54px; background-image: url(/MMA8/mma/images/menu-sprite-icons_v9.png?v=20240819); background-repeat: no-repeat; margin: 0 auto 10px; /*&.ico-foreign-9 { background-position: -755px -343px;
}*/ /*台股下單*/ /*證券損益*/ /*成交回報*/ /*台股大盤*/ /*個股報價*/ /*證券開戶*/ /*保單查詢*/ /*網路投保*/ /*保險E點通*/ }
.mico.ico-myassets-1 { background-position: -11px -43px; }
.mico.ico-myassets-2 { background-position: -104px -43px; }
.mico.ico-myassets-3 { background-position: -197px -43px; }
.mico.ico-myassets-4 { background-position: -290px -43px; }
.mico.ico-myassets-5 { background-position: -383px -43px; }
.mico.ico-myassets-6 { background-position: -476px -43px; }
.mico.ico-myassets-7 { background-position: -569px -43px; }
.mico.ico-myassets-8 { background-position: -662px -43px; }
.mico.ico-twd-1 { background-position: -11px -193px; }
.mico.ico-twd-2 { background-position: -104px -193px; }
.mico.ico-twd-3 { background-position: -197px -193px; }
.mico.ico-twd-4 { background-position: -290px -193px; }
.mico.ico-twd-5 { background-position: -383px -193px; }
.mico.ico-twd-6 { background-position: -476px -193px; }
.mico.ico-twd-7 { background-position: -569px -193px; }
.mico.ico-twd-8 { background-position: -662px -193px; }
.mico.ico-foreign-1 { background-position: -11px -343px; }
.mico.ico-foreign-2 { background-position: -104px -343px; }
.mico.ico-foreign-3 { background-position: -197px -343px; }
.mico.ico-foreign-4 { background-position: -290px -343px; }
.mico.ico-foreign-5 { background-position: -383px -343px; }
.mico.ico-foreign-6 { background-position: -476px -343px; }
.mico.ico-foreign-7 { background-position: -569px -343px; }
.mico.ico-foreign-8 { background-position: -662px -343px; }
.mico.ico-fund-1 { background-position: -11px -493px; }
.mico.ico-fund-2 { background-position: -104px -493px; }
.mico.ico-fund-3 { background-position: -197px -493px; }
.mico.ico-fund-4 { background-position: -290px -493px; }
.mico.ico-fund-5 { background-position: -383px -493px; }
.mico.ico-fund-6 { background-position: -476px -493px; }
.mico.ico-fund-7 { background-position: -569px -493px; }
.mico.ico-fund-8 { background-position: -662px -493px; }
.mico.ico-invest-1 { background-position: -11px -643px; }
.mico.ico-invest-2 { background-position: -104px -643px; }
.mico.ico-invest-3 { background-position: -197px -643px; }
.mico.ico-invest-4 { background-position: -290px -643px; }
.mico.ico-invest-5 { background-position: -383px -643px; }
.mico.ico-invest-6 { background-position: -476px -643px; }
.mico.ico-invest-7 { background-position: -569px -643px; }
.mico.ico-invest-8 { background-position: -662px -643px; }
.mico.ico-bondinsure-1 { background-position: -11px -793px; }
.mico.ico-bondinsure-2 { background-position: -104px -793px; }
.mico.ico-bondinsure-3 { background-position: -197px -793px; }
.mico.ico-bondinsure-4 { background-position: -290px -793px; }
.mico.ico-bondinsure-5 { background-position: -383px -793px; }
.mico.ico-bondinsure-6 { background-position: -476px -793px; }
.mico.ico-bondinsure-7 { background-position: -569px -793px; }
.mico.ico-bondinsure-8 { background-position: -662px -793px; }
.mico.ico-bondinsure-9 { background-position: -755px -793px; }
.mico.ico-card-1 { background-position: -11px -943px; }
.mico.ico-card-2 { background-position: -104px -943px; }
.mico.ico-card-3 { background-position: -197px -943px; }
.mico.ico-card-4 { background-position: -290px -943px; }
.mico.ico-card-5 { background-position: -383px -943px; }
.mico.ico-card-6 { background-position: -476px -943px; }
.mico.ico-card-7 { background-position: -569px -943px; }
.mico.ico-card-8 { background-position: -662px -943px; }
.mico.ico-card-9 { background-position: -755px -943px; }
.mico.ico-card-10 { background-position: -848px -943px; }
.mico.ico-card-11 { background-position: -941px -943px; }
.mico.ico-funcashier-1 { background-position: -11px -1093px; }
.mico.ico-funcashier-2 { background-position: -104px -1093px; }
.mico.ico-funcashier-3 { background-position: -197px -1093px; }
.mico.ico-funcashier-4 { background-position: -290px -1093px; }
.mico.ico-funcashier-5 { background-position: -383px -1093px; }
.mico.ico-funcashier-6 { background-position: -476px -1093px; }
.mico.ico-funcashier-7 { background-position: -569px -1093px; }
.mico.ico-funcashier-8 { background-position: -662px -1093px; }
.mico.ico-setting-1 { background-position: -11px -1243px; }
.mico.ico-setting-2 { background-position: -104px -1243px; }
.mico.ico-setting-3 { background-position: -197px -1243px; }
.mico.ico-setting-4 { background-position: -290px -1243px; }
.mico.ico-setting-5 { background-position: -383px -1243px; }
.mico.ico-setting-6 { background-position: -476px -1243px; }
.mico.ico-setting-7 { background-position: -569px -1243px; }
.mico.ico-setting-8 { background-position: -662px -1243px; }
.mico.ico-loan-1 { background-position: -11px -1393px; }
.mico.ico-loan-2 { background-position: -104px -1393px; }
.mico.ico-loan-3 { background-position: -197px -1393px; }
.mico.ico-loan-4 { background-position: -290px -1393px; }
.mico.ico-loan-5 { background-position: -383px -1393px; }
.mico.ico-loan-6 { background-position: -476px -1393px; }
.mico.ico-loan-7 { background-position: -569px -1393px; }
.mico.ico-loan-8 { background-position: -662px -1393px; }
.mico.ico-loan-9 { background-position: -755px -1393px; }
.mico.ico-card-inner-1 { background-position: -11px -1543px; }
.mico.ico-card-inner-2 { background-position: -104px -1543px; }
.mico.ico-card-inner-3 { background-position: -197px -1543px; }
.mico.ico-card-inner-4 { background-position: -290px -1543px; }
.mico.ico-card-inner-5 { background-position: -383px -1543px; }
.mico.ico-card-inner-6 { background-position: -476px -1543px; }
.mico.ico-ibrain-1 { background-position: -11px -1693px; }
.mico.ico-ibrain-2 { background-position: -104px -1693px; }
.mico.ico-ibrain-3 { background-position: -197px -1693px; }
.mico.ico-ibrain-4 { background-position: -290px -1693px; }
.mico.ico-ibrain-5 { background-position: -383px -1693px; }
.mico.ico-ibrain-6 { background-position: -476px -1693px; }
.mico.ico-ibrain-7 { background-position: -569px -1693px; }
.mico.ico-ibrain-8 { background-position: -662px -1693px; }

.footer { background: #fff; border-top: #d00f24 6px solid; position: relative; z-index: 1; }
.footer.less { border-top: 0; }
.footer.less .toggle-footlist { top: -26px; }
.footer .toggle-footlist { position: absolute; width: 100%; top: -32px; text-align: center; font-size: 14px; }
.footer .toggle-footlist .opened { display: inline-block; cursor: pointer; }
.footer .toggle-footlist .closed { display: none; cursor: pointer; }
.footer .toggle-footlist .tag { font-size: 14px; margin-left: 10px; margin-right: 10px; }
.footer .toggle-footlist span { display: inline-block; vertical-align: middle; }
.footer .footer-list { display: none; }

.foot_nav { color: #000000; font-size: 13px; line-height: 28px; padding: 15px 25px; display: table; width: 910px; }
.foot_nav h2 { font-size: 15px; font-weight: bold; line-height: 30px; }
.foot_nav ul.nav li { float: left; width: 23%; padding: 0 1%; }
.foot_nav ul.nav ul.lv2 li { display: block; clear: both; width: 100%; padding: 0; display: flex; justify-content: flex-start; align-items: center; }
.foot_nav ul.nav img { margin-right: 0.5em; }
.foot_nav a { color: #000000; }
.foot_nav a:hover { color: #3d9fd8; }
.foot_nav a img { vertical-align: middle; margin-right: 5px; margin-top: -4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.clear-last-br { border-right: 0; }

.clear-last-bt { border-bottom: 0; }

.copyright { background-color: #254a91; color: #ededed; text-align: center; line-height: 62px; height: 62px; }
.copyright a { color: #ededed; margin-left: 48px; }
.copyright a.copyright:visited, .copyright a.copyright:link { color: #fff; }
.copyright a.copyright:hover { color: #fff; text-decoration: underline; background: none; }

.breadcrumbs { line-height: 40px; padding-left: 25px; font-size: 0px; }
.breadcrumbs ul { height: 40px; }
.breadcrumbs ul li { display: inline-block; *display: inline; zoom: 1; padding-right: 7px; font-size: 13px; padding-left: 13px; background: url(/MMA8/mma/images/icons.png) no-repeat 0 -268px; }
.breadcrumbs ul li a { display: block; color: #004d99; }
.breadcrumbs ul li a:hover { text-decoration: underline; }
.breadcrumbs ul li.home { background: none; padding-left: 0; }
.breadcrumbs ul li.home a { color: #004d99; padding-left: 15px; background: url(/MMA8/mma/images/icons.png) no-repeat 0 -225px; }
.breadcrumbs ul li.mcf { display: none; background: url(/MMA8/mma/images/icons.png) no-repeat right -1617px; padding-left: 0; padding-right: 13px; margin-right: 12px; }
.breadcrumbs ul li.mcf a { color: #004d99; padding-left: 20px; background: url(/MMA8/mma/images/icons.png) no-repeat 0 -1617px; }

.breadcrumbs__empty { display: block; height: 40px; }

section.sub-menu { width: 228px; float: left; margin-right: 12px; margin-bottom: 20px; min-height: 720px; }
section.sub-menu a { color: #2f2f2f; display: block; border-bottom: 1px solid #dddddd; cursor: pointer; }
section.sub-menu a:hover { color: #d00f24; text-decoration: none; }
section.sub-menu h3.title { font-size: 18px; line-height: 46px; border-bottom: 1px solid #d00f24; color: #004d99; padding-left: 20px; background: white; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, white 0%, #f8f8f8 50%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f8f8f8), color-stop(100%, #f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #f8f8f8 50%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #f8f8f8 50%, #f1f1f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #f8f8f8 50%, #f1f1f1 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #f1f1f1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */ -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; margin: 0 auto; }
section.sub-menu h3.title .cmsettings { float: right; font-size: 12px; font-weight: bold; border-bottom: 1px solid #d00f24; border-bottom: 0\0; padding-right: 10px; }
section.sub-menu h4.title { padding-left: 28px; font-size: 14px; line-height: 40px; background: url(/MMA8/mma/images/icons.png) no-repeat 10px -364px; }
section.sub-menu .nav-block { position: relative; z-index: 997; background-color: #f4f4f4; border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); -webkit-box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); }
section.sub-menu.float { float: none; position: absolute; z-index: 996; }
section.sub-menu.float .nav-block { background: #f4f4f4; border: 1px solid #dddddd; }
section.sub-menu.float .nav-block:after, section.sub-menu.float .nav-block:before { bottom: 100%; left: 36%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
section.sub-menu.float .nav-block:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; margin-left: -7px; }
section.sub-menu.float .nav-block:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #dddddd; border-width: 8px; margin-left: -8px; }
section.sub-menu .sbnav-lv1 > li { position: relative; line-height: 38px; font-size: 16px; }
section.sub-menu .sbnav-lv1 > li > a { border-top: 1px solid #fff; padding-left: 30px; margin-left: 8px; margin-right: 8px; }
section.sub-menu .sbnav-lv1 > li > a:hover { background: url(/MMA8/mma/images/icons.png) no-repeat 190px -307px; }
section.sub-menu .sbnav-lv1 > li > a.clear-last-bt { border-bottom: 1px solid #f4f4f4; }
section.sub-menu .sbnav-lv1 > li.active { background: url(/MMA8/mma/images/menu_bg_active.png) repeat-x 0 0; border-top: 1px solid #d00f24; border-bottom: 1px solid #9a101f; }
section.sub-menu .sbnav-lv1 > li.active > a { background: url(/MMA8/mma/images/icons.png) no-repeat 190px -337px; color: #fff; border: 0; }
section.sub-menu .sbnav-lv1 > li.active.sbnav-lv1-vip { background: none; border-top: #c6a041; border-bottom: #c6a041; }
section.sub-menu .sbnav-lv2, section.sub-menu .sbnav-lv3 { display: none; width: 188px; position: absolute; background-color: #fcecef; border: 1px solid #dddddd; right: -190px; top: -1px; z-index: 998; }
section.sub-menu .sbnav-lv2 li, section.sub-menu .sbnav-lv3 li { line-height: 38px; font-size: 16px; position: relative; }
section.sub-menu .sbnav-lv2 li a, section.sub-menu .sbnav-lv3 li a { border-top: 1px solid #fff; padding-left: 15px; }
section.sub-menu .sbnav-lv2 li a.clear-last-bt, section.sub-menu .sbnav-lv3 li a.clear-last-bt { border-bottom: 1px solid #fcecef; }
section.sub-menu .sbnav-lv2 li a:hover, section.sub-menu .sbnav-lv3 li a:hover { color: initial; background-color: #f3d0d4; border-top: 1px solid #f3d0d4; border-bottom: 1px solid #f3d0d4; }
section.sub-menu .sbnav-lv2 .sbnav-arrow, section.sub-menu .sbnav-lv3 .sbnav-arrow { background: url(/MMA8/mma/images/icons.png) no-repeat 168px -396px; }
section.sub-menu .shortcut { font-size: 14px; background-color: #dedadb; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
section.sub-menu .shortcut .sc-nav { padding-left: 8px; padding-right: 8px; background-color: #ebebeb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
section.sub-menu .shortcut .sc-nav li { line-height: 40px; }
section.sub-menu .shortcut .sc-nav li a { padding-left: 20px; }

.indent-with-chinese-bracket { text-indent: -30px; margin-left: 30px; }
.indent-with-chinese-bracket + .indent-with-chinese-bracket { margin-top: 15px; }
.indent-with-chinese-bracket.digit2 { text-indent: -45px; margin-left: 45px; }

.indent-with-number-bracket { text-indent: -23px; margin-left: 23px; }

.indent-with-notice { text-indent: -55px; margin-left: 55px; }
.indent-with-notice + .indent-with-notice { margin-top: 15px; }

.qa-block { line-height: 1.5; font-size: 15px; padding: 0 10px; margin-bottom: 45px; }
.qa-block > li { border-bottom: 1px solid #ddd; padding: 10px 0; }
.qa-block > li.active .title::after { transform: rotate(45deg); top: 15px; }
.qa-block .title { font-size: 18px; line-height: 2; position: relative; cursor: pointer; }
.qa-block .title::before { content: ""; display: inline-block; width: 21px; height: 21px; background: url(/MMA8/mma/images/icons.png) no-repeat 0 -2148px; vertical-align: middle; margin-right: 10px; position: relative; top: -2px; }
.qa-block .title::after { content: ""; display: inline-block; width: 8px; height: 8px; border: 2px solid #ddd; border-right: 0; border-bottom: 0; transform: rotate(225deg); transition: all 0.3s ease; position: absolute; right: 25px; top: 10px; }
.qa-block .paragraph { display: none; margin-left: 31px; padding-top: 15px; text-align: justify; text-justify: inter-ideograph; padding-right: 10px; position: relative; }
.qa-block .paragraph::before { content: ""; display: inline-block; width: 21px; height: 21px; background: url(/MMA8/mma/images/icons.png) no-repeat -21px -2148px; vertical-align: middle; margin-left: -31px; position: absolute; top: 15px; left: 0; }
.qa-block .decimal, .qa-block .disc { list-style-type: decimal; margin-left: 24px; margin-top: 15px; text-indent: 0; }
.qa-block .decimal li, .qa-block .disc li { margin-bottom: 15px; }
.qa-block .decimal.mtop0, .qa-block .disc.mtop0 { margin-top: 0; }
.qa-block .disc { list-style-type: disc; }

.outer_container { background-color: #ededed; padding-bottom: 15px; min-height: 500px; position: relative; z-index: 1; -webkit-transition: opacity 400ms linear; -o-transition: opacity 400ms linear; transition: opacity 400ms linear; }
.outer_container.main_ctn_fund01 { background: url(/MMA8/mma/images/topbanner_fund_01.jpg) no-repeat center top #ededed; }
.outer_container.main_ctn_fund02 { background: url(/MMA8/mma/images/topbanner_fund_02.jpg) no-repeat center top #ededed; }
.outer_container.main_ctn_fund03 { background: url(/MMA8/mma/images/topbanner_fund_03.jpg) no-repeat center top #ededed; }
.outer_container.main_ctn_fund04 { background: url(/MMA8/mma/images/topbanner_fund_04.jpg) no-repeat center top #ededed; }
.outer_container.main_ctn_fund05 { background: url(/MMA8/mma/images/topbanner_fund_05.jpg) no-repeat center top #ededed; }
.outer_container.main_ctn_fund06 { background: url(/MMA8/mma/images/topbanner_fund_06.jpg) no-repeat center top #ededed; }
.outer_container.main_ctn_fund07 { background: url(/MMA8/mma/images/topbanner_fund_07.jpg) no-repeat center top #ededed; }
.outer_container.main_ctn_fund08 { background: url(/MMA8/mma/images/topbanner_fund_08.jpg) no-repeat center top #ededed; }
.outer_container.main_ctn_fund09 { background: url(/MMA8/mma/images/topbanner_fund_09.jpg) no-repeat center top #ededed; }
.outer_container.main_ctn_fund10 { background: url(/MMA8/mma/images/topbanner_fund_10.jpg) no-repeat center top #ededed; }
.outer_container.main_ctn_fund11 { background: url(/MMA8/mma/images/topbanner_fund_11.png) no-repeat center top #ededed; }
.outer_container.main_ctn_fund12 { background: url(/MMA8/mma/images/topbanner_fund_12.png) no-repeat center top #ededed; }
.outer_container.main_ctn_fund13 { background: url(/MMA8/mma/images/topbanner_fund_13.png) no-repeat center top #ededed; }
.outer_container.main_ctn_fund14 { background: url(/MMA8/mma/images/topbanner_fund_14.png) no-repeat center top #ededed; }
.outer_container.main_ctn_fund15 { background: url(/MMA8/mma/images/topbanner_fund_15.png) no-repeat center top #ededed; }
.outer_container.main_ctn_fund16 { background: url(/MMA8/mma/images/topbanner_fund_16.png) no-repeat center top #ededed; }
.outer_container.main_ctn_myassets01 { background: url(/MMA8/mma/images/topbanner_myassets_01.jpg) no-repeat center top #ededed; }
.outer_container.main_ctn_invest01 { background: url(/MMA8/mma/images/topbanner_invest_01.png) no-repeat center top #ededed; }
.outer_container.main_ctn_twd01, .outer_container.main_ctn_foreign01, .outer_container.main_ctn_loan01, .outer_container.main_ctn_card01, .outer_container.main_ctn_setting01 { background: url(/MMA8/mma/images/topbanner_twd_01.jpg) no-repeat center top #ededed; }
.outer_container.main_ctn_applymma.bycard { background: url(/MMA8/mma/images/applymma.jpg) no-repeat center top #ededed; }
.outer_container.main_ctn_applymma.apply-index .lft { background: url(/MMA8/mma/images/applymma-bg-left.jpg) no-repeat right center #ededed; }
.outer_container.main_ctn_applymma.apply-index .rgt { background: url(/MMA8/mma/images/applymma-bg-right.jpg) no-repeat left center #ededed; background-size: cover; }
.outer_container.main_ctn_applymma.apply-index .col-dawho { background: url(/MMA8/mma/images/applymma-bg-dawho.jpg) no-repeat center center; background-size: cover; }
.outer_container.con_vip { background: url(/MMA8/mma/images/topbanner_vip2.png) no-repeat center top #ededed; }
.outer_container.con_vip_none { background: url(/MMA8/mma/images/topbanner_vip2.png) no-repeat center top #ededed; }
.outer_container.con_daboss { background: url(/MMA8/mma/images/topbanner_DABOSS.jpg) no-repeat center top #ededed; }
.outer_container.main-index { padding-top: 12px; }
.outer_container.upgrade-page { padding-top: 15px; }
.outer_container.upgrade-page .container { width: 1000px; }
.outer_container a { color: #004d99; }
.outer_container a:hover { color: #368bdf; }
.outer_container a.black { color: #2f2f2f; }
.outer_container section.index-login { width: 228px; float: left; margin-right: 12px; margin-bottom: 20px; }
.outer_container section.index-login a { color: #2f2f2f; }
.outer_container section.index-login a:hover { color: #d00f24; text-decoration: none; }
.outer_container section.index-login .login-block { position: relative; z-index: 997; background-color: #f4f4f4; border: 1px solid #dddddd; padding: 10px 15px; min-height: 280px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); -webkit-box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); box-shadow: 0px 4px 5px 0px rgba(169, 169, 169, 0.5); }
.outer_container section.index-login .login-block .rowElem { position: relative; }
.outer_container section.index-login .login-block .rowElem .ie89placeholder { display: none; position: absolute; width: 94%; line-height: 36px; padding-left: 10px; color: #a9a9a9; cursor: text; z-index: 1; font-size: 15px; }
.outer_container section.index-login .login-block .rowElem img { margin-left: 8px; vertical-align: middle; }
.outer_container section.index-login .login-block .capslock { height: 20px; visibility: hidden; }
.outer_container section.index-login .login-block.login-form h2.title { font-size: 16px; text-align: center; font-weight: normal; border-bottom: 0; padding-bottom: 0; }
.outer_container section.index-login .login-block.logged h2.title { font-size: 16px; text-align: center; font-weight: normal; }
.outer_container section.index-login .login-block.logged .usually > ul { margin-top: 10px; }
.outer_container section.index-login .login-block.logged .usually > ul > li { line-height: 40px; font-size: 16px; text-align: center; border-bottom: 1px solid #dddddd; }
.outer_container section.index-login .login-block.logged .usually > ul > li.last { border-bottom: 0; }
.outer_container section.index-login .login-block.logged .usually > ul > li:last-child { border-bottom: 0; }
.outer_container section.index-login .login-block.logged .usually > ul > li a { display: block; width: 100%; height: 100%; }
.outer_container section.index-login .rowElem { padding-bottom: 10px; }
.outer_container section.index-login .shortcut { position: relative; display: flex; justify-content: space-between; align-items: center; }
.outer_container section.index-login .shortcut a.ico-accessibility { color: #004d99; }
.outer_container section.index-login .shortcut a.ico-accessibility:hover { color: #d00f24; }
.outer_container section.index-login .shortcut .clearfix { display: none; }
.outer_container section.index-login .shortcut #switchBlock { position: absolute; top: -160px; left: 201px; }
.outer_container section.index-login .common-link { font-size: 12px; text-align: center; padding: 3px 0; display: flex; justify-content: space-between; align-items: center; line-height: 1.3em; }
.outer_container .container { position: relative; z-index: 995; }
.outer_container .container.no-breadcrumbs { padding-top: 20px; }
.outer_container .container.single-page { padding-bottom: 20px; }
.outer_container .container.single-page.passby .content { background: #fff url(/MMA8/mma/images/singlepage_bg01.png) no-repeat center 13px; }
.outer_container .container.single-page.passby .content .descsec { margin-top: 100px; }
.outer_container .container.single-page.passby.funcashier .content { background: #fff url(/MMA8/mma/images/passby.jpg) no-repeat center 13px; padding-top: 555px; margin-top: 0; min-height: 53px; padding-bottom: 15px; }
.outer_container .container.single-page.passby.funcashier .content .descsec { display: none; }
.outer_container .container.single-page.passby.passby_property .content { background: #fff url(/MMA8/mma/images/singlepage_bg04.png) no-repeat center 13px; }
.outer_container .container.single-page.passby.passby_life .content { background: #fff url(/MMA8/mma/images/singlepage_bg03.png) no-repeat center 13px; }
.outer_container .container.single-page.passby.passby_cs .content { background: #fff url(/MMA8/mma/images/singlepage_bg06.png) no-repeat center 13px; }
.outer_container .container.single-page.login .content { background: #fff url(/MMA8/mma/images/singlepage_bg02.png) no-repeat center 13px; }
.outer_container .container.single-page.login .login-area { position: relative; padding-bottom: 15px; margin-bottom: 15px; }
.outer_container .container.single-page.login .login-area ul { margin-top: 50px; }
.outer_container .container.single-page.login .login-area ul li { margin-bottom: 14px; }
.outer_container .container.single-page.login .login-area ul li:first-child { margin-bottom: 32px; }
.outer_container .container.single-page.login .login-area h4 { font-size: 24px; font-weight: bold; letter-spacing: 2px; }
.outer_container .container.single-page.login .login-area .th { font-size: 15px; text-align: right; width: 37%; }
.outer_container .container.single-page.login .login-area .td { width: 240px; }
.outer_container .container.single-page.login .login-area .td .rowElem .ffTextBoxWrapper, .outer_container .container.single-page.login .login-area .td .rowElem .ffPasswordWrapper, .outer_container .container.single-page.login .login-area .td .rowElem input { width: 100%; box-sizing: border-box; }
.outer_container .container.single-page.login .login-area .td .rowElem.text-s input { width: 122px; }
.outer_container .container.single-page.login .login-area .td .rowElem.text-s img { margin-left: 10px; vertical-align: middle; }
.outer_container .container.single-page.login .login-area .th, .outer_container .container.single-page.login .login-area .td { padding-left: 5px; padding-right: 5px; display: inline-block; vertical-align: middle; }
.outer_container .container.single-page.login .login-area .info { text-align: center; }
.outer_container .container.single-page.login .login-area .info .linkforgotpwd { float: left; }
.outer_container .container.single-page.login .login-area .info .linkfaq { float: right; }
.outer_container .container.single-page.login .login-area .btn-zone { text-align: left; margin: 0; }
.outer_container .container.single-page.login .login-area .btn-zone a { display: block; text-align: center; margin: 0; cursor: pointer; }
.outer_container .container.single-page.login .login-area .icon.ico-signup-page { background-position: 3px -600px; padding-left: 20px; }
.outer_container .container.single-page.login .login-area .icon.ico-use-dynkb { background-position: 3px -635px; padding-left: 22px; }
.outer_container .container.single-page.login .login-area .bgshadow { margin-top: 20px; margin-bottom: 15px; }
.outer_container .container.single-page.login .login-area .dynKeyBoard { position: absolute; bottom: -40px; right: 210px; }
.outer_container .container.single-page.login .login-area .title-area { position: relative; margin-bottom: 32px; }
.outer_container .container.single-page.login .login-area .title-area .capslock { position: absolute; bottom: -22px; visibility: hidden; left: 0; right: 0; }
.outer_container .container.single-page.login .remind { text-align: center; }
.outer_container .container.single-page .content { border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-height: 400px; padding-bottom: 50px; }
.outer_container .container.single-page .content .descsec { text-align: center; line-height: 24px; padding-bottom: 20px; }
.outer_container .container.single-page .content .descsec h2 { font-size: 28px; color: #548dda; font-weight: bold; margin-bottom: 25px; }
.outer_container .container.single-page .content .descsec h3 { font-size: 16px; font-weight: bold; margin-bottom: 25px; }
.outer_container .container.single-page .content .descsec h4 { font-size: 13px; }
.outer_container .container.single-page .content .btn-zone .nbtn { font-size: 18px; font-weight: bold; padding-left: 45px; padding-right: 45px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; cursor: pointer; }
.outer_container .container.single-page .content .btn-zone .nbtn.normal { padding-left: 30px; padding-right: 30px; font-weight: normal; }
.outer_container .container .list-common { margin-bottom: 30px; }
.outer_container .container .setting-common h6.title { color: #004d99; font-size: 14px; line-height: 36px; padding-top: 5px; padding-bottom: 5px; }
.outer_container .container .setting-common div.mapBox { padding: 10px; border: 2px solid #e7e7e7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; margin-bottom: 10px; }
.outer_container .container .setting-common div.mapBox span.switch { position: absolute; top: 12px; right: 10px; }
.outer_container .container .setting-common div.mapBox div.mapBoxTop { display: none; }
.outer_container .container .setting-common div.mapBox div.mapBoxBtm { display: none; }
.outer_container .container .setting-common div.mapBox h3 { line-height: 18px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; }
.outer_container .container .setting-common div.mapBox dl { clear: both; margin-bottom: 20px; margin-top: 20px; }
.outer_container .container .setting-common div.mapBox dl dt { background: #ffeaea; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 15px; font-weight: bold; clear: both; margin-bottom: 8px; }
.outer_container .container .setting-common div.mapBox dl dd { padding: 0 0 10px 20px; margin-right: 10px; float: left; width: 200px; font-size: 15px; padding: 5px 0 10px 20px; margin-right: 10px; float: left; width: 155px; font-size: 13px; background: url(/MMA8/mma/images/icons.png) no-repeat 3px -747px; }
.outer_container .container .setting-common div.mapBox dl dd.active { background-position: 3px -710px; }
.outer_container .container .setting-common div.mapBox dl dd.groupTitle { display: block; float: none; width: auto; clear: both; background: url(/MMA8/mma/images/icon_groupTitle.png) 8px 17px no-repeat; margin-right: 0; padding-top: 10px; border-top: 1px dashed #ddd; font-size: 15px; color: #ec495b; }
.outer_container .container .setting-common div.mapBox dl dd.first { border: 0; }
.outer_container .container .setting-common div.mapBox dl dd a { color: #004d99; }
.outer_container .container .setting-common div.mapBox dl dd a:hover { color: #368bdf; }
.outer_container .inner-content { width: 622px; background: none; border: 0; float: left; margin-left: 0; margin-right: 0; padding: 0px 0 25px 0; }
.outer_container section.content { width: 708px; background: none; border: 0; float: left; margin-left: 0; margin-right: 0; padding: 0px 0 25px 0; }
.outer_container section.content.inner_page { background-color: #fff; border: #dddddd solid 1px; border-radius: 4px; padding: 10px 14px; width: 671px; margin-bottom: 20px; min-height: 720px; }
.outer_container section.content.index-block { width: 100%; min-height: 400px; padding-top: 30px; }

.index-hotlink.hotlink-inner { margin: 20px 0; }
.index-hotlink > ul { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-justify-content: space-around; }
.index-hotlink > ul > li { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: auto\0; display: block; }
.index-hotlink > ul > li a { display: block; width: 100%; text-align: center; font-size: 16px; font-weight: bold; color: #2f2f2f; }
.index-hotlink > ul > li a p { color: #2f2f2f; }
.index-hotlink > ul > li a:hover { text-decoration: none; }
.index-hotlink > ul > li a:hover p { color: #d00f24; text-decoration: none; }
.index-hotlink > ul > li a:hover .idxico.ico-fund { background-position: -75px -1190px; }
.index-hotlink > ul > li a:hover .idxico.ico-coupon { background-position: -75px -1120px; }
.index-hotlink > ul > li a:hover .idxico.ico-paybill { background-position: -75px -1048px; }
.index-hotlink > ul > li a:hover .idxico.ico-mmatube { background-position: -75px -979px; }
.index-hotlink > ul > li a:hover .idxico.ico-Cloud24 { background-position: -75px -910px; }
.index-hotlink > ul > li a:hover .idxico.ico-Cloud { background-position: -75px -840px; }
.index-hotlink > ul > li a:hover .idxico.ico-duty { background-position: -75px -770px; }
.index-hotlink > ul > li a:hover .idxico.ico-100area { background-position: -75px -700px; }
.index-hotlink > ul > li a:hover .idxico.ico-1hloan { background-position: -75px -630px; }
.index-hotlink > ul > li a:hover .idxico.ico-loan { background-position: -75px -560px; }
.index-hotlink > ul > li a:hover .idxico.ico-triplefd { background-position: -75px -490px; }
.index-hotlink > ul > li a:hover .idxico.ico-sheetkeeper { background-position: -75px -420px; }
.index-hotlink > ul > li a:hover .idxico.ico-card { background-position: -75px -350px; }
.index-hotlink > ul > li a:hover .idxico.ico-rmb { background-position: -75px -280px; }
.index-hotlink > ul > li a:hover .idxico.ico-webatm { background-position: -75px -210px; }
.index-hotlink > ul > li a:hover .idxico.ico-exchange { background-position: -75px -140px; }
.index-hotlink > ul > li a:hover .idxico.ico-online-apply { background-position: -75px -70px; }
.index-hotlink > ul > li a:hover .idxico.ico-mobile { background-position: -75px 0; }
.index-hotlink > ul > li a:hover .idxico.ico-FXplatform { background-position: -75px -1258px; }
.index-hotlink > ul > li a .idxico { background-image: url(/MMA8/mma/images/index-icons.png?v=211228); background-repeat: no-repeat; width: 75px; height: 70px; margin: 0 auto 15px; }
.index-hotlink > ul > li a .idxico.ico-luckybag { background-image: url(/MMA8/mma/images/icon-luckybag.gif); background-position: 0 0; }
.index-hotlink > ul > li a .idxico.ico-fund { background-position: 0 -1190px; }
.index-hotlink > ul > li a .idxico.ico-coupon { background-position: 0 -1120px; }
.index-hotlink > ul > li a .idxico.ico-paybill { background-position: 0 -1048px; }
.index-hotlink > ul > li a .idxico.ico-mmatube { background-position: 0 -979px; }
.index-hotlink > ul > li a .idxico.ico-Cloud24 { background-position: 0 -910px; }
.index-hotlink > ul > li a .idxico.ico-Cloud { background-position: 0 -840px; }
.index-hotlink > ul > li a .idxico.ico-duty { background-position: 0 -770px; }
.index-hotlink > ul > li a .idxico.ico-100area { background-position: 0 -700px; }
.index-hotlink > ul > li a .idxico.ico-1hloan { background-position: 0 -630px; }
.index-hotlink > ul > li a .idxico.ico-loan { background-position: 0 -560px; }
.index-hotlink > ul > li a .idxico.ico-triplefd { background-position: 0 -490px; }
.index-hotlink > ul > li a .idxico.ico-sheetkeeper { background-position: 0 -420px; }
.index-hotlink > ul > li a .idxico.ico-card { background-position: 0 -350px; }
.index-hotlink > ul > li a .idxico.ico-rmb { background-position: 0 -280px; }
.index-hotlink > ul > li a .idxico.ico-webatm { background-position: 0 -210px; }
.index-hotlink > ul > li a .idxico.ico-exchange { background-position: 0 -140px; }
.index-hotlink > ul > li a .idxico.ico-online-apply { background-position: 0 -70px; }
.index-hotlink > ul > li a .idxico.ico-mobile { background-position: 0 0; }
.index-hotlink > ul > li a .idxico.ico-FXplatform { background-position: 0 -1258px; }

.index_fund section.content { padding-top: 243px; }

h2.title, h2.title2 { border-bottom: 2px solid #e8362c; padding-bottom: 5px; padding-left: 5px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.5em; }
h2.title::after, h2.title2::after { content: ""; display: block; clear: both; }
h2.title .info, h2.title2 .info { float: right; font-size: 13px; }
h2.title .light, h2.title2 .light { background: url(/MMA8/mma/images/icons.png) no-repeat; background-position: 0 -1850px; padding-left: 24px; }
h2.title .more, h2.title2 .more { float: right; font-size: 11px; }

h2.title2 { margin-bottom: 15px; }

h2.title3 { border-bottom: 2px solid #e8362c; padding-bottom: 5px; padding-left: 5px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.5em; }

th { font-weight: bold; }

.clearboth, .clearfix { clear: both; }

.before_select_txt { margin-right: 5px; }

.firsttxt { margin-right: 10px; }

section.trans-content .icon.icon-search, .popuptrans .icon.icon-search { padding-left: 35px; background-position: 10px -110px; }
section.trans-content .formblock, .popuptrans .formblock { margin: 15px 0 20px 0 !important; border: #dddddd 1px solid; border-radius: 5px; padding: 0 10px; }
section.trans-content .formblock.info, .popuptrans .formblock.info { padding: 20px; }
section.trans-content .formblock.info p, .popuptrans .formblock.info p { font-size: 16px; font-weight: normal; margin-top: 10px; margin-bottom: 10px; line-height: 1.6em; }
section.trans-content .formblock.status-info, .popuptrans .formblock.status-info { margin: 0 20px 0 !important; padding: 20px; }
section.trans-content .formblock-s2, .popuptrans .formblock-s2 { margin: 15px 0 20px 0; border: #dddddd 1px solid; border-radius: 5px; padding: 0 10px; font-size: 15px; }
section.trans-content .formblock-s2 .subj, .popuptrans .formblock-s2 .subj { font-weight: bold; }
section.trans-content .formblock-s2 .rowElem, .popuptrans .formblock-s2 .rowElem { border-bottom: 1px solid #dddddd; margin-bottom: 0; line-height: 38px; }
section.trans-content .formblock-s2 .rowElem.last, .popuptrans .formblock-s2 .rowElem.last { border-bottom: 0; }
section.trans-content .formblock-s2 .loading, .popuptrans .formblock-s2 .loading { text-align: center; margin-top: 30px; margin-bottom: 30px; }
section.trans-content .formblock-s3, .popuptrans .formblock-s3 { margin: 15px 0 20px 0; border: #dddddd 1px solid; border-radius: 5px; padding: 10px; font-size: 15px; line-height: 2; }
section.trans-content .data-table, .popuptrans .data-table { border-collapse: collapse; }
section.trans-content .data-table th, .popuptrans .data-table th { font-size: 15px; color: #666666; width: 311px; text-align: right; vertical-align: top; padding: 10px; border-bottom: 1px solid #dddddd; line-height: 32px; }
section.trans-content .data-table th .slave, .popuptrans .data-table th .slave { margin-left: 10px; color: #666666; font-size: 12px; font-weight: normal; }
section.trans-content .data-table td, .popuptrans .data-table td { padding: 10px; border-bottom: 1px solid #dddddd; line-height: 32px; font-size: 15px; }
section.trans-content .data-table .tr-mix1 th, section.trans-content .data-table .tr-mix1 td, .popuptrans .data-table .tr-mix1 th, .popuptrans .data-table .tr-mix1 td { border-bottom-style: none; padding-bottom: 0; }
section.trans-content .data-table .tr-mix2 th, section.trans-content .data-table .tr-mix2 td, .popuptrans .data-table .tr-mix2 th, .popuptrans .data-table .tr-mix2 td { padding-top: 5px; }
section.trans-content .data-table .valigntop th, section.trans-content .data-table .valigntop td, .popuptrans .data-table .valigntop th, .popuptrans .data-table .valigntop td { vertical-align: top; }
section.trans-content .data-table .detail-tables, .popuptrans .data-table .detail-tables { border: 1px solid #dddddd; display: table; float: left; margin-right: 10px; }
section.trans-content .data-table .detail-tables dt, .popuptrans .data-table .detail-tables dt { color: #666666; background-color: #eeeeee; padding: 0 20px; height: 33px; }
section.trans-content .data-table .detail-tables dd, .popuptrans .data-table .detail-tables dd { text-align: center; line-height: 33px; }
section.trans-content .data-table .cashtable, .popuptrans .data-table .cashtable { width: 340px; text-align: center; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin-left: 0; }
section.trans-content .data-table .cashtable th, .popuptrans .data-table .cashtable th { background: #fff; text-align: center; }
section.trans-content .data-table .cashtable td, section.trans-content .data-table .cashtable th, .popuptrans .data-table .cashtable td, .popuptrans .data-table .cashtable th { padding: 4px 22px; }
section.trans-content .data-table .cashtable .row1 td, .popuptrans .data-table .cashtable .row1 td { background: #fff; }
section.trans-content .data-table .cashtable .row2 td, .popuptrans .data-table .cashtable .row2 td { background: #f9f9f9; }
section.trans-content .data-table.info td, .popuptrans .data-table.info td { text-align: right; line-height: 1.5em; padding: 0 24px; }
section.trans-content .data-table.info th, .popuptrans .data-table.info th { font-size: 18px; text-align: left; width: auto; line-height: 1.5em; padding: 0 24px; vertical-align: middle; }
section.trans-content .data-table .notice, .popuptrans .data-table .notice { line-height: 18px; font-size: 13px; font-weight: normal; margin: 10px 0 5px 0; clear: both; }
section.trans-content .data-table.forvd th, .popuptrans .data-table.forvd th { width: 100px; }
section.trans-content .msgbox, .popuptrans .msgbox { margin-top: 20px; margin-left: 10px; font-size: 16px; font-weight: bold; }
section.trans-content .msgbox p, .popuptrans .msgbox p { font-size: 13px; font-weight: normal; margin: 20px 10px 20px 0; }
section.trans-content .formblock p, .popuptrans .formblock p { font-size: 16px; font-weight: 700; margin-top: 15px; }
section.trans-content .formblock.mdl15 p, .popuptrans .formblock.mdl15 p { font-size: 15px; font-weight: normal; }
section.trans-content.termserv .formblock, .popuptrans.termserv .formblock { line-height: 2em; padding: 0 20px 15px; }
section.trans-content.termserv .formblock ol li, .popuptrans.termserv .formblock ol li { list-style: decimal; margin-left: 20px; line-height: 26px; }
section.trans-content .rowElem label, .popuptrans .rowElem label { margin: 0 10px; }
section.trans-content #showNumImg, .popuptrans #showNumImg { display: inline-block; border: 1px solid #bbb; width: 60px; height: 30px; vertical-align: middle; }
section.trans-content .digit, .popuptrans .digit { width: 20px; height: 30px; }
section.trans-content .trans-acct, .popuptrans .trans-acct { font-size: 20px; display: inline-block; vertical-align: middle; margin-right: 10px; }
section.trans-content .queryRange, section.trans-content .certificate, .popuptrans .queryRange, .popuptrans .certificate { font-size: 15px; padding-left: 5px; }

.salary-ctner .salary-info { display: table; width: 100%; }
.salary-ctner .salary-info .pay { display: table-cell; width: 48%; border: 3px solid #666; padding: 10px; background-color: #fcf3f3; }
.salary-ctner .salary-info .pay .title { color: #e8362c; }
.salary-ctner .salary-info .bridge { display: table-cell; width: 2%; }
.salary-ctner .salary-info .deduct { display: table-cell; width: 48%; border: 3px solid #666; padding: 10px; background-color: #f0faeb; }
.salary-ctner .salary-info .deduct .title { color: #1d8b00; }
.salary-ctner .salary-info .name { display: inline-block; width: 50%; vertical-align: middle; word-break: break-all; box-sizing: border-box; }
.salary-ctner .salary-info .amnt { display: inline-block; width: 50%; padding-left: 1em; box-sizing: border-box; text-align: right; vertical-align: middle; word-break: break-all; }
.salary-ctner .salary-info .detail-row { border-bottom: 1px dotted #dddddd; line-height: 26px; }
.salary-ctner .salary-info .detail-row.last { border-bottom: 0; }
.salary-ctner .salary-info .total-row { border-top: 2px solid #666; }
.salary-ctner .salary-info .title { position: relative; font-size: 18px; font-weight: bold; }
.salary-ctner .salary-info .title hr { position: absolute; top: 9px; width: 270px; right: 0; }
.salary-ctner .totalpay { text-align: right; font-size: 18px; padding: 15px 5px; }
.salary-ctner .totalpay .title { font-weight: bold; margin-right: 10px; }

.listing-table { width: 100%; text-align: center; background-color: #dddddd; border-collapse: separate; border-spacing: 1px; font-size: 15px; line-height: 18px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.listing-table.with-no-thead-tfoot tr:first-child th:first-child, .listing-table.with-no-thead-tfoot tr:first-child td:first-child { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.listing-table.with-no-thead-tfoot tr:first-child th:last-child, .listing-table.with-no-thead-tfoot tr:first-child td:last-child { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.listing-table.with-no-thead-tfoot tr:last-child th:first-child, .listing-table.with-no-thead-tfoot tr:last-child td:first-child { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.listing-table.with-no-thead-tfoot tr:last-child th:last-child, .listing-table.with-no-thead-tfoot tr:last-child td:last-child { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.listing-table a { color: #004d99; }
.listing-table a:hover { color: #368bdf; }
.listing-table tr.odd th, .listing-table tr.odd td { background-color: #fff; }
.listing-table tr.even th, .listing-table tr.even td { background-color: #f6f6f6; }
.listing-table thead tr:first-child th, .listing-table thead tr:first-child td { background-color: #f6f6f6; }
.listing-table thead tr:first-child th:first-child, .listing-table thead tr:first-child td:first-child { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.listing-table thead tr:first-child th:last-child, .listing-table thead tr:first-child td:last-child { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.listing-table tfoot tr:last-child th:first-child, .listing-table tfoot tr:last-child td:first-child { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.listing-table tfoot tr:last-child th:last-child, .listing-table tfoot tr:last-child td:last-child { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.listing-table th, .listing-table td { background-color: #fff; vertical-align: middle; padding: 10px 5px; }
.listing-table th { background-color: #f6f6f6; }
.listing-table .actions { padding-right: 15px; }
.listing-table.tablemsg td { padding: 10px !important; }
.listing-table.tablemsg td.light { color: #368bdf; }
.listing-table.tablemsg th { text-align: center !important; }
.listing-table.text-break tbody tr.odd td:last-child { word-break: break-all; }
.listing-table tr.highlight > td { background-color: #f6f6f6; }

.pd2 th, .pd2 td { padding: 10px 2px; }

.actions { font-size: 14px; padding-left: 20px; padding-right: 15px; text-align: right; }
.actions .action { margin-left: 14px; display: inline-block; }
.actions .action span { display: inline-block; vertical-align: middle; }
.actions.forbstbl .action { position: relative; top: -38px; }

div.upgrade-content { line-height: 24px; }
div.upgrade-content ol { margin-left: 24px; }
div.upgrade-content ol .inner { margin-left: 40px; }
div.upgrade-content ol .inner li { margin-bottom: 20px; }
div.upgrade-content ol li { list-style: decimal; vertical-align: top; padding-bottom: 20px; }
div.upgrade-content ol li img { display: block; margin: 0 auto; margin: 0; margin-top: 10px; }
div.upgrade-content fieldset { border: 1px solid #dddddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #fefff1; margin-bottom: 30px; }
div.upgrade-content fieldset legend { width: 65px; height: 28px; padding-left: 20px; margin-left: 20px; line-height: 28px; border: 1px solid #dddddd; border-radius: 20px; color: #ffffff; background: #d00f24; }
div.upgrade-content fieldset.nolegend { margin-top: 15px; padding-top: 20px; }
div.upgrade-content .bico { display: inline-block; background: url(/MMA8/mma/images/browser-upgrade/browsers.jpg) no-repeat 0 0; width: 100px; height: 150px; margin-right: 20px; }
div.upgrade-content .bico.browser-ie8 { background-position: 0 0; }
div.upgrade-content .bico.browser-chrome { background-position: -140px 0; }
div.upgrade-content .bico.browser-firefox { background-position: -278px 0; }
div.upgrade-content .bico.browser-Safa { background-position: -418px 0; }

.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 .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.step { background-image: url(/MMA8/mma/images/split.png); height: 100%; margin: 0; padding: 0; width: 5px; background-position: 0 18px; }
.stepsboard .steps span { display: none; }
.stepsboard .s1 { background-image: url(/MMA8/mma/images/s1.png); }
.stepsboard .s1_on { background-image: url(/MMA8/mma/images/s1_on.png); color: #d00f24; }
.stepsboard .s2 { background-image: url(/MMA8/mma/images/s2.png); }
.stepsboard .s2_on { background-image: url(/MMA8/mma/images/s2_on.png); color: #d00f24; }
.stepsboard .s3 { background-image: url(/MMA8/mma/images/s3.png); }
.stepsboard .s3_on { background-image: url(/MMA8/mma/images/s3_on.png); color: #d00f24; }
.stepsboard .s4 { background-image: url(/MMA8/mma/images/s4.png); }
.stepsboard .s4_on { background-image: url(/MMA8/mma/images/s4_on.png); color: #d00f24; }
.stepsboard .s5 { background-image: url(/MMA8/mma/images/s5.png); }
.stepsboard .s5_on { background-image: url(/MMA8/mma/images/s5_on.png); color: #d00f24; }
.stepsboard .s6 { background-image: url(/MMA8/mma/images/s6.png); }
.stepsboard .s6_on { background-image: url(/MMA8/mma/images/s6_on.png); color: #d00f24; }
.stepsboard .s7 { background-image: url(/MMA8/mma/images/s7.png); }
.stepsboard .s7_on { background-image: url(/MMA8/mma/images/s7_on.png); color: #d00f24; }
.stepsboard .s8 { background-image: url(/MMA8/mma/images/s8.png); }
.stepsboard .s8_on { background-image: url(/MMA8/mma/images/s8_on.png); color: #d00f24; }
.stepsboard .s9 { background-image: url(/MMA8/mma/images/s9.png); }
.stepsboard .s9_on { background-image: url(/MMA8/mma/images/s9_on.png); color: #d00f24; }

section.trans-content .data-table th { font-size: 15px; padding: 15px 10px 5px 0px; width: 185px; vertical-align: middle; }
section.trans-content .data-table td { font-size: 15px; padding: 15px 0px 5px 10px; vertical-align: middle; }
section.trans-content .data-table th.note-in-tbl, section.trans-content .data-table td.note-in-tbl { padding-left: 0; padding-right: 0; }

.chart-intable .chart-container { width: 380px; height: 242px; border: 1px solid #dddddd; padding: 0 15px; margin: 0 auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.chart-intable .chart-container .highcharts-container { margin: 0 auto; }

.highcharts-container { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.full-chart { width: 844px; height: 400px; }

.choosing-type { margin: 15px 0 20px 0; padding: 20px 25px; background: url(/MMA8/mma/images/choosebg2.png) no-repeat right bottom; border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.choosing-type.nobg { background: transparent; }

.format-text-block { display: table; width: 100%; }
.format-text-block li { display: table-row; }
.format-text-block .lft, .format-text-block .rgt { display: table-cell; font-size: 16px; line-height: 1; padding: 10px 0; }
.format-text-block .lft { text-align: right; width: 18%; }
.format-text-block .bot-line .lft, .format-text-block .bot-line .rgt { border-bottom: 1px solid #dddddd; padding-bottom: 20px; }
.format-text-block .bot-line + li .lft, .format-text-block .bot-line + li .rgt { padding-top: 20px; }

.apply-step { display: inline-table; }
.apply-step i { display: table-cell; position: relative; padding: 0 12px 0 24px; }
.apply-step i::after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 22px 0 22px 12px; position: absolute; top: 0; right: -12px; z-index: 1; background: transparent; }
.apply-step i:first-child { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 12px; }
.apply-step i:last-child { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.apply-step i:last-child::after { display: none; }
.apply-step i::before { display: inline-block; padding-right: 6px; font-weight: bold; }
.apply-step i.s1::before { content: "1"; }
.apply-step i.s2::before { content: "2"; }
.apply-step i.s3::before { content: "3"; }
.apply-step.blue { font-size: 18px; color: #fff; line-height: 44px; }
.apply-step.blue .s1 { background: #6fb6e3; border-right: 1px solid #6fb6e3 \0; }
.apply-step.blue .s1::after { border-color: transparent transparent transparent #6fb6e3; }
.apply-step.blue .s2 { background: #3f9dd9; }
.apply-step.blue .s2::after { border-color: transparent transparent transparent #3f9dd9; }
.apply-step.blue .s3 { background: #0f85d0; }

.rnotes { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 32px; border: #f3d0d4 1px solid; background: #fcecef; margin-top: 15px; position: relative; font-size: 13px; }
.rnotes.pd-h { padding: 0 12px; }
.rnotes .transaction_number { right: 2%; position: absolute; display: block; }
.rnotes .transaction_number.dis-top { top: 0; }
.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; }
.rnotes.nyellow { display: flex; width: 100%; box-sizing: border-box; margin-bottom: 5px; line-height: 24px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; font-size: 14px; justify-content: flex-start; align-items: center; background-color: #fff9e9; border-color: #ffe7a7; }
.rnotes.nyellow.yellow { color: #b17500; }
.rnotes.nyellow.mb10 { margin-bottom: 10px; }
.rnotes.nyellow.justify-center { justify-content: center; }
.rnotes.nyellow.mt15 { margin-top: 15px; }

.rnotes-df { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 20px; margin-top: 15px; }

.gray_notes { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 32px; padding: 0 10px; margin: 15px auto -15px auto; position: relative; }

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

.inform { position: relative; }

.cm-notify { position: absolute; left: 0; top: 135%; background: #e86264; color: white; padding: 0 5px; font-size: 13px; }
.cm-notify::before { content: ""; display: block; position: absolute; left: 15%; bottom: 100%; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #e86264 transparent; }

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

.tick-note { display: block; font-size: 16px; line-height: 1.5; padding-left: 20px; margin: 0; background: url(/MMA8/mma/images/icons.png) no-repeat 0 -1895px; }

.dot-note { display: block; font-size: 13px; line-height: 1.5; position: relative; padding-left: 20px; }
.dot-note::before { position: absolute; left: 7px; top: 50%; margin-top: -3px; content: ""; display: inline-block; width: 6px; height: 6px; background: #474747; }

i { display: inline-block; }
i.mot01 { width: 102px; height: 73px; background: url(/MMA8/mma/images/mortgages-sprites.png) no-repeat 0 0; }
i.mot02 { width: 102px; height: 73px; background: url(/MMA8/mma/images/mortgages-sprites.png) no-repeat 0 -73px; }
i.mot03 { width: 102px; height: 73px; background: url(/MMA8/mma/images/mortgages-sprites.png) no-repeat 0 -146px; }

.gradient-ul-block li { display: inline-block; margin-top: 15px; margin-right: 30px; margin-bottom: 10px; margin-left: 0; }
.gradient-ul-block li a { display: block; border: 1px solid #dddddd; padding: 20px 25px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: white; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEFEFEF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef)); background-image: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #efefef 100%); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); }
.gradient-ul-block li a:hover { background-color: white; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%); background-image: -webkit-linear-gradient(top, #efefef 0%, #ffffff 100%); background-image: linear-gradient(to bottom, #efefef 0%, #ffffff 100%); }
.gradient-ul-block li a span { display: block; font-size: 15px; text-align: center; line-height: 2; }

.vcaptcha { display: inline-block; }
.vcaptcha img { vertical-align: middle; cursor: pointer; }

.bdr-radius { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.full-size { width: 100%; }

.center { text-align: center; }

.fwb { font-weight: bold; }

.fwn { font-weight: normal; }

.bodycolor { color: #474747 !important; }
.bodycolor:hover { color: #474747 !important; }

.red, .text-red-500 { color: #d00f24 !important; }

.red2 { color: #fe0000; }

.light-blue { color: #368bdf; }

.light-red { color: #ff314b; }

.pink { color: #ff9999 !important; }

.gray, .grey { color: #666666; }

.light-grey { color: #999999; }

.blue { color: #004d99 !important; }

.green-light { color: #31ad00; }

.green { color: #33a700; }

.greenlight { color: #33a700; }

.greendark { color: #009a12; }

.orangelight { color: #ff6000; }

.orange { color: #ff9c00; }

.tright { text-align: right; }

.txt__light { color: #818181; }

.txt__lighter { color: #aaaaaa; }

.fs13 { font-size: 13px; }

.fs14 { font-size: 14px; }

.fs15 { font-size: 15px !important; }

.fs16 { font-size: 16px; }

.fs17 { font-size: 17px; }

.fs18 { font-size: 18px; }

.fs20 { font-size: 20px; }

.fs24 { font-size: 24px; }

.fs28 { font-size: 28px; }

.fs36 { font-size: 36px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.ml20 { margin-left: 20px; }

.ml28 { margin-left: 28px; }

.ml80 { margin-left: 80px; }

.mg50 { margin: 50px auto; }

.mg40 { margin: 40px auto; }

.mg100 { margin: 100px auto; }

.lh15 { line-height: 1.5; }

.lh175 { line-height: 1.75; }

.lh2 { line-height: 2; }

.lh22 { line-height: 2.2; }

.lh25 { line-height: 2.5; }

.lh3 { line-height: 3; }

.rnote { line-height: 1.3em; }

.underline { text-decoration: underline; }

sup { vertical-align: super; font-size: 13px; padding-left: 4px; }

sub { vertical-align: sub; font-size: 12px; }

.sarrow { line-height: 34px; background: url(/MMA8/mma/images/sarrow.png) no-repeat left 14px; }

.pd20 { box-sizing: border-box; padding: 0 20px; }

.pl10 { box-sizing: border-box; padding-left: 10px; }

.pl20 { box-sizing: border-box; padding-left: 20px; }

.pl30 { box-sizing: border-box; padding-left: 30px; }

.srowElem.inline, .rowElem.inline, .rowElem-fund.inline { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.srowElem a.sarrow, .rowElem a.sarrow, .rowElem-fund a.sarrow { display: inline-block; *display: inline; *zoom: 1; margin-left: 10px; padding-left: 12px; vertical-align: middle; }
.srowElem a.sarrow.top, .rowElem a.sarrow.top, .rowElem-fund a.sarrow.top { vertical-align: top; }

section.trans-content .rowElem, .popuptrans .rowElem { margin-bottom: 10px; line-height: 34px; }
section.trans-content .rowElem input.datepicker, .popuptrans .rowElem input.datepicker { width: 100px; margin-right: 5px; }
section.trans-content .rowElem.h3, .popuptrans .rowElem.h3 { font-size: 17px; font-weight: bold; margin-top: 20px; }
section.trans-content .rowElem.line, .popuptrans .rowElem.line { background: url(/MMA8/mma/images/line.jpg) repeat-x left 17px; margin-top: 20px; }
section.trans-content .rowElem.text-s input.datepicker, .popuptrans .rowElem.text-s input.datepicker { width: 171px; }
section.trans-content .rowElem.mb0, .popuptrans .rowElem.mb0 { margin-bottom: 0; }

.balance { margin: 0 7px; }

.warning-notice { font-size: 20px; text-align: center; margin-top: 55px; margin-bottom: 50px; min-height: 204px; line-height: 24px; }
.warning-notice .sub { font-size: 15px; }
.datainfo .warning-notice { min-height: 100px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; margin: 0 auto; }
.datainfo .warning-notice.hide { display: none; }

section.trans-content .foreign-exchange-instructions { background-color: #fcecef; padding: 15px; line-height: 28px; margin-right: 5px; }
section.trans-content .foreign-exchange-instructions .row { margin-bottom: 15px; }
section.trans-content .foreign-exchange-instructions .title { float: left; width: 18%; }
section.trans-content .foreign-exchange-instructions .description { float: right; width: 82%; line-height: 21px; margin-top: 4px; min-height: 28px; }
section.trans-content .foreign-exchange-instructions p { font-size: 15px; font-weight: normal; margin: 0; }

.MemoContent-s2 h2.title { color: #474747; }
.MemoContent-s2 .listStyle { margin: 15px 20px; line-height: 24px; }
.MemoContent-s2 .listStyle > ol > li { list-style: decimal outside; margin-left: 15px; text-align: justify; text-justify: inter-ideograph; }
.MemoContent-s2 .mr0 { margin-right: 0 !important; }
.MemoContent-s2 .ml0 { margin-left: 0 !important; }
.MemoContent-s2 ul li { list-style: square outside; text-align: justify; text-justify: inter-ideograph; }
.MemoContent-s2 ul li ol li { list-style: decimal outside; margin-left: 15px; text-align: justify; text-justify: inter-ideograph; }
.MemoContent-s2 ul li ol li li { list-style: lower-latin outside; }
.MemoContent-s2 ul li ol li li li { list-style: disc outside; }
.MemoContent-s2 ul li ol li li li li { list-style: lower-greek outside; }
.MemoContent-s2 ul li ol li a { color: #3d9fd8; }
.MemoContent-s2 ul li ol li a:hover { color: #d00f24; }
.MemoContent-s2 ul.margin li { margin: 10px auto; }
.MemoContent-s2 ul.border li { border: #dddddd 1px solid; padding: 8px 15px; box-sizing: border-box; }
.MemoContent-s2 li { text-align: justify; text-justify: inter-ideograph; }
.MemoContent-s2 .inner { margin-left: 0px; }
.MemoContent-s2 .ininner { margin-left: 20px; }
.MemoContent-s2 p.single { margin: 20px 0; font-size: 15px; }
.MemoContent-s2 .noStyle li { list-style: none; }
.MemoContent-s2 .lower-roman > li { list-style-type: lower-roman; }
.MemoContent-s2 .lower-latin li { list-style-type: lower-latin; }
.MemoContent-s2 .decimal > li { list-style-type: decimal; }
.MemoContent-s2 .cideographic li { list-style: cjk-ideographic; }
.MemoContent-s2 .cjk-ideographic { display: table; }
.MemoContent-s2 .cjk-ideographic dl { display: table-row; }
.MemoContent-s2 .cjk-ideographic dt { display: table-cell; text-align: right; white-space: nowrap; }
.MemoContent-s2 .cjk-ideographic dd { display: table-cell; text-align: left; }
.MemoContent-s2 .cdecimal { display: table; }
.MemoContent-s2 .cdecimal > dl { display: table-row; }
.MemoContent-s2 .cdecimal > dl > dt { display: table-cell; text-align: right; white-space: nowrap; vertical-align: top; margin: 0; }
.MemoContent-s2 .cdecimal > dl > dd { display: table-cell; text-align: left; vertical-align: top; margin: 0; padding: 0; }
.MemoContent-s2 ul.upper-alpha { margin: 0; padding: 0; margin-left: 20px; }
.MemoContent-s2 ul.upper-alpha > li { list-style: upper-alpha; }
.MemoContent-s2.scroll-style { background: white; padding: 10px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 1.5; margin: 10px auto; }
.MemoContent-s2.scroll-style .wrap { max-height: 100px; overflow-y: auto; margin: 0; padding-right: 10px; }
.MemoContent-s2.scroll-style .wrap ol, .MemoContent-s2.scroll-style .wrap ul { margin-left: 25px; }

.MemoContent-s3 { border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 15px; line-height: 28px; padding: 20px; }
.MemoContent-s3 .title { font-size: 20px; font-weight: bold; }

.inside_container .MemoContent-s2 .listStyle ol li a, .inside_container .MemoContent-s2 .listStyle ul li a { color: #3d9fd8; }

.before_select_txt { margin-right: 5px; }

.row { margin-bottom: 15px; }

/*--index background slide show -- start*/
.MainVisual { min-width: 948px; height: 100%; min-height: 410px; width: 100%; margin: 0 auto; position: absolute; top: 0; }

.cycle-slideshow { width: 100%; height: 100%; }
.cycle-slideshow .slide-templates { width: 100%; height: 100%; }
.cycle-slideshow .slide-templates.cycle-slide.cycle-sentinel { height: 0; }
.cycle-slideshow.main-index .img-wrapper { background: url(/MMA8/mma/images/index-linear-bg.png) repeat-x 0 bottom; width: 100%; height: 361px; }
.cycle-slideshow.main-index .cycle-pager { background: none; width: auto; top: 312px; right: 0; }
.cycle-slideshow.main-index .custom-caption { display: none; }
.cycle-slideshow.main-index .slide-link { display: block; width: 100%; height: 320px; text-indent: -9999px; }
.cycle-slideshow.main-index .cycle-overlay { padding-top: 0; top: 0; }
.cycle-slideshow .img1 { background: url(/MMA8/mma/images/1jpg) no-repeat center -125px; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .img2 { background: url(/MMA8/mma/images/2jpg) no-repeat center -125px; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .img3 { background: url(/MMA8/mma/images/3jpg) no-repeat center -125px; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .img4 { background: url(/MMA8/mma/images/4jpg) no-repeat center -125px; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .img5 { background: url(/MMA8/mma/images/5jpg) no-repeat center -125px; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .index-img1 { background: url(/MMA8/mma/images/index_carousel01.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .index-img2 { background: url(/MMA8/mma/images/index_carousel02.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .index-img3 { background: url(/MMA8/mma/images/index_carousel03.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .index-img4 { background: url(/MMA8/mma/images/index_carousel04.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .index-img5 { background: url(/MMA8/mma/images/index_carousel05.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .index-img6 { background: url(/MMA8/mma/images/index_carousel06.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .index-img7 { background: url(/MMA8/mma/images/index_carousel07.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .index-img8 { background: url(/MMA8/mma/images/index_carousel08.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .index-img9 { background: url(/MMA8/mma/images/index_carousel09.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 410px; }

.cycle-overlay { display: none; position: absolute; top: 40px; left: 246px; line-height: 34px; width: 708px; }
.cycle-overlay h2 { color: #000000; font-size: 30px; padding-left: 50px; font-weight: normal; letter-spacing: 0.2em; }
.cycle-overlay h2.cash { background: url(/MMA8/mma/images/h2_cash.png) no-repeat left 2px; }
.cycle-overlay h2.et { background: url(/MMA8/mma/images/h2_et.png) no-repeat left 2px; }
.cycle-overlay h2.ta { background: url(/MMA8/mma/images/h2_ta.png) no-repeat 9px 2px; }
.cycle-overlay ul { margin: 12px 0 15px 68px; }
.cycle-overlay ul li { list-style: url(/MMA8/mma/images/li_point.png); line-height: 40px; font-size: 16px; line-height: 32px; padding-left: 4px; }

/*index background slide show --end--*/
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before, .clearfix:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }

.container_4:before, .container_4:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }

.clearfix:after, .container_4:after { clear: both; }

/* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */
.clearfix, .container_4 { zoom: 1; }

.nav_browse_wrap { width: 220px; display: block; border: 1px solid #c7c7c7; border-radius: 4px; background: url(/MMA8/mma/images/side_menu_bg.jpg); }
.nav_browse_wrap .nav_browse_title { font-size: 18px; font-family: inherit; color: #004d99; line-height: 45px; padding-left: 20px; border-bottom: 1px solid #d00f24; }
.nav_browse_wrap .nav_browse_title a:hover { text-decoration: none !important; }
.nav_browse_wrap ul.nav_browse_ul { font-size: inherit; line-height: 40px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; clear: both; display: block; margin: 0px; padding: 0px 0px 0px 0px; position: relative; }
.nav_browse_wrap ul.nav_browse_ul a { font-size: 15px; color: #2f2f2f; line-height: 40px; padding: 0px 0px 0px 30px; margin-right: 0px; display: block; border-bottom: 1px solid #c7c7c7; border-top: 1px solid #fff; margin: 0px 0px; }
.nav_browse_wrap ul.nav_browse_ul a.normal { margin: 0px 8px; }
.nav_browse_wrap ul.nav_browse_ul a:focus, .nav_browse_wrap ul.nav_browse_ul a.focus { color: #fff; margin: 0px 8px; background-color: #cf0f24; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCF0F24', endColorstr='#FF8B0010'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cf0f24), color-stop(100%, #8b0010)); background-image: -webkit-linear-gradient(top, #cf0f24 0%, #8b0010 100%); background-image: -moz-linear-gradient(top, #cf0f24 0%, #8b0010 100%); background-image: -o-linear-gradient(top, #cf0f24 0%, #8b0010 100%); background-image: linear-gradient(to bottom, #cf0f24 0%, #8b0010 100%); padding: 0px 0px 0px 38px; margin: 0px 0px; border-bottom: 1px solid #8b0010; border-top: 1px solid #cf0f24; cursor: default; }
.nav_browse_wrap ul.nav_browse_ul a:focus:hover, .nav_browse_wrap ul.nav_browse_ul a.focus:hover { color: #fff; margin: 0px 8px; background-color: #cf0f24; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCF0F24', endColorstr='#FF8B0010'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cf0f24), color-stop(100%, #8b0010)); background-image: -webkit-linear-gradient(top, #cf0f24 0%, #8b0010 100%); background-image: -moz-linear-gradient(top, #cf0f24 0%, #8b0010 100%); background-image: -o-linear-gradient(top, #cf0f24 0%, #8b0010 100%); background-image: linear-gradient(to bottom, #cf0f24 0%, #8b0010 100%); padding: 0px 0px 0px 38px; margin: 0px 0px; border-bottom: 1px solid #8b0010; border-top: 1px solid #cf0f24; cursor: default; }
.nav_browse_wrap ul.nav_browse_ul a:focus:after, .nav_browse_wrap ul.nav_browse_ul a:focus:hover:after { content: url(/MMA8/mma/images/side_menu_arrow_white.png); float: right; padding: 12px 8px 12px 8px; }
.nav_browse_wrap ul.nav_browse_ul a.focus:after, .nav_browse_wrap ul.nav_browse_ul a.focus:hover:after { content: url(/MMA8/mma/images/side_menu_arrow_white.png); float: right; padding: 12px 8px 12px 8px; }
.nav_browse_wrap ul.nav_browse_ul a:hover { text-decoration: none; color: #d00f24; background: url(/MMA8/mma/images/side_menu_arrow_red.png) no-repeat right; }
.nav_browse_wrap ul.nav_subcat_ul, .nav_browse_wrap ul.nav_sub_subcat_ul { width: 190px; border: 1px solid #c7c7c7; border-bottom: none; border-left: none; box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.3); }
.nav_browse_wrap ul.nav_subcat_ul a, .nav_browse_wrap ul.nav_sub_subcat_ul a { font-size: 15px; color: #2f2f2f; background-color: #fcecef; line-height: 40px; padding: 0px 0px 0px 30px; margin-right: 0px; display: block; border-bottom: 1px solid #c7c7c7; border-top: 1px solid #fff; }
.nav_browse_wrap ul.nav_subcat_ul a:hover, .nav_browse_wrap ul.nav_sub_subcat_ul a:hover { background-color: #f3d0d4; text-decoration: none; border-bottom: 1px solid #f3d0d4; border-top: 1px solid #f3d0d4; }
.nav_browse_wrap ul.nav_subcat_ul a.nav_sub_arrow:after, .nav_browse_wrap ul.nav_sub_subcat_ul a.nav_sub_arrow:after { content: url(/MMA8/mma/images/side_menu_arrow_gray.png); float: right; padding: 12px 8px 12px 8px; }
.nav_browse_wrap .nav_subcat_1 { position: absolute; top: 47px; left: 222px; overflow: hidden; }
.nav_browse_wrap .nav_sub_subcat_1 { position: absolute; top: 215px; left: 413px; overflow: hidden; }
.nav_browse_wrap .quick_link_sec { color: #666666; font-size: 14px; background-color: #dedadb; padding-bottom: 8px; }
.nav_browse_wrap .quick_link_sec .title { background: url(/MMA8/mma/images/side_menu_quicklinks_icon.png) 20px no-repeat; line-height: 40px; height: 40px; padding-left: 38px; }
.nav_browse_wrap .quick_link_sec ul.quick_links_ul { font-size: inherit; line-height: 40px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; background-color: #ebebeb; border-radius: 4px; clear: both; display: block; margin: 0px 10px 10px 10px; padding: 0px 0px 0px 0px; }
.nav_browse_wrap .quick_link_sec ul.quick_links_ul a { border-bottom: 1px solid #c7c7c7; margin: 0px 8px; font-size: inherit; color: inherit; line-height: 33px; padding: 0px 10px 0px 10px; margin-right: 2px; display: block; }
.nav_browse_wrap .quick_link_sec ul.quick_links_ul a.normal { margin: 0px 8px; }
.nav_browse_wrap .quick_link_sec ul.quick_links_ul a.last { border-bottom: none; }
.nav_browse_wrap .quick_link_sec ul.quick_links_ul a:hover { text-decoration: none; color: #d00f24; }

ul.nav_tab { font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; clear: both; display: block; margin: 0px; padding: 0px 0px 0px 20px; }
ul.nav_tab li { *float: left; }
.main_ctn_myassets01 ul.nav_tab li a { padding: 0 60px; }
ul.nav_tab a { font-size: 15px; color: #fff; float: left; background-color: #a0a0a1; background-color: rgba(127, 127, 127, 0.7); *background-color: #a0a0a1; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; line-height: 36px; padding: 0px 35px; margin-right: 2px; }
ul.nav_tab a.promote { position: relative; }
ul.nav_tab a.promote::after { background: url(/MMA8/mma/images/cards/luggage.png) center no-repeat; display: none; content: ""; position: absolute; right: -54px; bottom: 4px; width: 68px; height: 63px; }
ul.nav_tab a.focus { background-color: #ac1414; }
ul.nav_tab a:hover { text-decoration: none; background-color: #ac1414; color: #fff; }
ul.nav_tab a.focus:hover { color: #fff; cursor: default; }
ul.nav_tab.two_tabs a { padding: 0px 65px; }
ul.nav_tab.sty_flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
ul.nav_tab.sty_flex li { display: block; width: 20%; }
ul.nav_tab.sty_flex li a { float: none; padding: 0; display: block; text-align: center; }
ul.nav_tab.combine { float: left; }

.sub_nav_block { position: relative; }
.sub_nav_block .more_info button { color: #666666 !important; position: absolute; right: 0%; padding: 3px 10px; }
.sub_nav_block .more_info button.zoomout { display: none; }
.sub_nav_block .more_info a { color: #666666 !important; position: absolute; right: 0%; font-size: 14px; line-height: 14px; padding: 0px 0px; margin: 5px 0px; }
.sub_nav_block .more_info a:hover { text-decoration: underline; }

@-moz-document url-prefix() { .sub_nav_block .more_info button { padding: 0; } }
ul.sub_nav_tab { font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; display: block; margin: 0px auto 8px auto !important; padding: 0px 0px 0px 0px; text-align: center; }
ul.sub_nav_tab li { font-size: 14px; color: #666666; display: inline-block; *display: inline; zoom: 1; line-height: inherit; padding: 0px 15px; margin: 5px 0px; border-right: #a0a0a1 solid 1px; border-right: rgba(127, 127, 127, 0.7) solid 1px; }
ul.sub_nav_tab a { color: #2f2f2f; }
ul.sub_nav_tab a:hover { text-decoration: none; color: #d00f24; }
ul.sub_nav_tab .last { border-right: none; }
ul.sub_nav_tab .focus a { color: #d00f24; border-bottom: #d00f24 solid 3px; text-decoration: none; }
ul.sub_nav_tab .push-bottom { margin-bottom: 15px !important; }

.opr-sec { width: 70px; position: absolute; top: 5px; right: 0; float: right; display: block; text-align: right; }
.opr-sec .sort-up, .opr-sec .sort-down { position: absolute; top: 6px; display: inline-block; background: url(/MMA8/mma/images/icons.png) no-repeat 0 -675px; width: 11px; height: 14px; margin-right: 10px; }
.opr-sec .sort-up { left: 0; }
.opr-sec .sort-down { background-position: -21px -675px; left: 21px; }
.opr-sec a.del { font-size: 12px; vertical-align: top; margin-right: 5px; color: #004d99 !important; }
.opr-sec a.del:hover { color: #368bdf !important; }

.cmmktterms h5 { font-size: 16px; margin-bottom: 10px; }
.cmmktterms .listing-table { font-size: 15px; text-align: left; }
.cmmktterms .listing-table th, .cmmktterms .listing-table td { background-color: #fff; padding-left: 10px; padding-right: 10px; text-align: left; }
.cmmktterms .listing-table th.center, .cmmktterms .listing-table td.center { text-align: center; }
.cmmktterms .listing-table thead tr th, .cmmktterms .listing-table thead tr td { background-color: #fff; border-bottom: 2px solid #666; }
.cmmktterms .listing-table thead tr td.agree-all, .cmmktterms .listing-table tbody tr td.agree-all { background-color: #f1f9ff; }
.cmmktterms .listing-table thead tr td.agree, .cmmktterms .listing-table tbody tr td.agree { background-color: #fffff4; }
.cmmktterms .listing-table thead tr td.disagree, .cmmktterms .listing-table tbody tr td.disagree { background-color: #fff3f5; }
.cmmktterms .listing-table label { display: block; text-indent: -20px; margin-left: 20px; }
.cmmktterms .notice { line-height: 24px; margin-top: 10px; margin-bottom: 10px; }

.data-table1 { font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 13px; border-collapse: collapse; color: #2f2f2f; width: 680px; clear: both; }
.data-table1.cmmfunc01 { width: 100%; font-size: 15px; line-height: 26px; }
.data-table1.cmmfunc01 td { line-height: 26px; text-align: left; padding-left: 25px; position: relative; }
.data-table1.cmmfunc01 a { color: #2f2f2f; }
.data-table1.cmmfunc01 a:hover { color: #3d9fd8; }
.data-table1 .row-two { background-color: #fcecef; }
.data-table1 a { color: #004d99; }
.data-table1 a:hover { text-decoration: underline; }
.data-table1 .article_title { text-align: left; }
.data-table1 th { font-size: inherit; color: #2f2f2f; text-align: center; vertical-align: top; background-color: #f3d0d4; padding: 5px; border: 1px solid #dddddd; vertical-align: middle; }
.data-table1 td { padding: 5px; border: 1px solid #dddddd; font-size: inherit; text-align: center; line-height: 18px; vertical-align: middle; }

a.timmer { background-image: url(/MMA8/mma/images/icon_timmer_16x16.png); padding: 0px 0px 0px 18px; background-repeat: no-repeat; }
a.cart { background-image: url(/MMA8/mma/images/icon_cart_16x16.png); padding: 0px 0px 0px 18px; background-repeat: no-repeat; }

.notification .note { color: #666666; }
.notification .note_title { font-size: 11px; line-height: 21px; }
.notification ol { font-family: inherit; list-style-type: decimal; font-size: 11px; line-height: 16px; margin-left: 20px; color: inherit; }
.notification ol.normalsize { font-size: 15px; }
.notification ul { font-family: inherit; list-style-type: none; font-size: 11px; line-height: 16px; color: inherit; }
.notification ol li, .notification ul li { line-height: 1.6em; margin-bottom: 5px; }
.notification.common { margin-top: 10px; margin-bottom: 10px; }
.notification.common ol { font-size: 15px; line-height: 24px; }
.notification.common ol li { margin-bottom: 24px; }
.notification.thinest ol li { margin-bottom: 0; }

#right_block h1 { margin-top: 30px; display: block; margin: 20px 0px 30px 20px; display: block; font-size: 21px; }

.wfb00c { background-color: transparent; }

.block_right_1 { margin: 20px 0px 0px 0px; width: 708px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; position: relative; }
.block_right_1.combine-tab { margin-top: 0; }
.full-width-page .block_right_1 { width: 100%; }
.block_right_1 h1 { margin-top: 30px; display: block; margin: 20px 0px 30px 20px; display: block; font-size: 21px; }
.block_right_1 h1.emphasis { font-size: 28px; font-weight: bold; }
.block_right_1 .formblock { margin: 15px 0 20px 0 !important; border: #dddddd 1px solid; border-radius: 5px; padding: 0 10px; }
.block_right_1 h2 { margin: 0px auto 10px auto; padding: 0px 0px 8px 8px; font-size: 20px; line-height: 20px; color: #004d99; display: block; border-bottom: 1px solid #d00f24; }
.block_right_1 h2.title { margin: 0 auto; border-bottom: 2px solid #e8362c; padding: 0px 8px 5px 8px; font-size: 20px; font-weight: 700; line-height: 1.5em; color: #474747; }
.block_right_1::before { content: ""; position: absolute; z-index: -2; top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; -webkit-border-radius: 100px 10px; border-radius: 100px / 10px; -moz-box-shadow: 0 0 17px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.6); box-shadow: 0 0 17px rgba(0, 0, 0, 0.6); }
.block_right_1.st2::before { display: none; }

.block_right_2 { background-color: #fff; border: #dddddd solid 1px; border-radius: 4px; padding: 10px 14px; }
.block_right_2.combine-tab { margin-top: 0; }
.block_right_2 .first_block { margin-top: 30px !important; }
.block_right_2 .report_date { font-size: 11px; text-align: right; margin: 10px 0px 0px 0px; }
.block_right_2.nobdr { border: 0; }
.block_right_2.pd0 { padding: 0; }

.block_right_3 { margin-top: 20px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; padding: 12px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(30%, #ffffff), color-stop(70%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 30%, #ffffff 70%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 30%, #ffffff 70%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 30%, #ffffff 70%, rgba(255, 255, 255, 0) 100%); }
.block_right_3 h2 { font-size: 24px; margin: 20px 0 10px; }
.block_right_3 .subcat { min-height: 136px; }
.block_right_3 .subcat .col_ul { font-size: 15px; line-height: 26px; float: left; margin-right: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.block_right_3 .subcat .col_ul li { line-height: 34px; list-style-position: inside; list-style-image: url(/MMA8/mma/images/list_arrow_red.png); float: left; width: 220px; }
.block_right_3 .subcat .col_ul li a { padding-right: 10px; }
.block_right_3.nomt { margin-top: 0; }

.cm-block { border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; margin: 10px 0; }

.tbl-in-blocks th, .tbl-in-blocks td { padding: 6px 10px; font-size: 15px; line-height: 1.5; vertical-align: middle; }
.tbl-in-blocks th.top, .tbl-in-blocks td.top { padding-top: 12px; vertical-align: top; }
.tbl-in-blocks th { padding-left: 40px; text-align: right; white-space: nowrap; }
.tbl-in-blocks.inner th, .tbl-in-blocks.inner td { padding-top: 0; padding-left: 0; padding-right: 0; }
.tbl-in-blocks.inner th { padding-right: 10px; }

.news-listing { margin-bottom: 25px; }
.news-listing th, .news-listing td { padding: 13px 10px; line-height: 1.5; border-bottom: 1px solid #dddddd; font-weight: normal; }
.news-listing td { width: 100%; }
.news-listing td a { color: #2f2f2f; }

/* pager */
.cycle-pager { text-align: left; width: 145px; height: 40px; z-index: 500; position: absolute; top: 233px; overflow: hidden; background: url(/MMA8/mma/images/cycle-bar.png) no-repeat left 1px; right: 12px; line-height: 40px; padding: 0 10px 0 20px; }
.cycle-pager .home { font-size: 14px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; width: 50px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-right: 10px; }

.cycle-pager span { font-family: arial; width: 16px; display: inline-block; color: #666666; cursor: pointer; font-size: 30px; vertical-align: middle; }

.cycle-pager span.cycle-pager-active { color: #d00f24; }

.cycle-pager > * { cursor: pointer; }

/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }

.block_right_0 { margin-bottom: 13px; }
.block_right_0.mt20 { margin-top: 20px; }
.block_right_0 h1 { margin-top: 30px; display: block; margin: 20px 0px 30px 20px; display: block; font-size: 21px; }
.block_right_0 h1.multi { font-size: 24px; line-height: 1.6; margin-top: 47px; margin-bottom: 47px; }
.block_right_0 h2 { margin: 0px auto 10px auto; padding: 0px 0px 8px 8px; font-size: 20px; line-height: 20px; color: #004d99; display: block; border-bottom: 1px solid #d00f24; }

.con_bondinsure h3.mod_title.bdrleft { border-left: 3px solid #d00f24; }
.con_bondinsure .block_row_1 .mod, .con_bondinsure .block_row_1 .pure-mod { border: #cdcdcd 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; background-color: #fff; /*z-index:1;*/ }
.con_bondinsure .block_row_1 .mod .mod_1, .con_bondinsure .block_row_1 .pure-mod .mod_1 { background: white; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, white 0%, #f3f3f3 50%, #eaeaea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f3f3f3), color-stop(100%, #eaeaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #f3f3f3 50%, #eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #f3f3f3 50%, #eaeaea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #f3f3f3 50%, #eaeaea 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #eaeaea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0); /* IE6-8 */ padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.con_bondinsure .block_row_1 .mod .mod_1 h3.mod_title, .con_bondinsure .block_row_1 .pure-mod .mod_1 h3.mod_title { line-height: 43px; font-size: 16px; color: #ac1414; vertical-align: middle; margin-right: 10px; border-bottom: 0; }
.con_bondinsure .block_row_1 .mod .mod_1.quick-search, .con_bondinsure .block_row_1 .pure-mod .mod_1.quick-search { padding-right: 0; }
.con_bondinsure .block_row_1 .mod .mod_3, .con_bondinsure .block_row_1 .pure-mod .mod_3 { background-color: #fff; padding: 15px; font-size: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.con_bondinsure .block_row_1 .mod .mod_3 .mod_con, .con_bondinsure .block_row_1 .pure-mod .mod_3 .mod_con { vertical-align: top; width: 212px; margin-right: 20px; margin-bottom: 10px; }
.con_bondinsure .block_row_1 .mod .mod_3 .mod_con:last-child, .con_bondinsure .block_row_1 .pure-mod .mod_3 .mod_con:last-child { margin-right: 0; }
.con_bondinsure .block_row_1 .mod .mod_3 .mod_con.last, .con_bondinsure .block_row_1 .pure-mod .mod_3 .mod_con.last { margin-right: 0; }
.con_bondinsure .block_row_1 .mod .mod_3 .list, .con_bondinsure .block_row_1 .pure-mod .mod_3 .list { margin-top: 7px; margin-bottom: 7px; margin-left: 14px; line-height: 26px; }
.con_bondinsure .block_row_1 .mod h3.mod_title, .con_bondinsure .block_row_1 .pure-mod h3.mod_title { border-bottom: #d6263d 1px solid; line-height: 36px; font-size: 20px; color: #474747; }
.con_bondinsure .block_row_1 .mod h3.mod_title.inline, .con_bondinsure .block_row_1 .pure-mod h3.mod_title.inline { display: inline-block; *display: inline; zoom: 1; }
.con_bondinsure .block_row_1 .mod h3.mod_title.bdrleft, .con_bondinsure .block_row_1 .pure-mod h3.mod_title.bdrleft { font-size: 16px; color: #474747; border-left: 3px solid #d00f24; padding-left: 10px; line-height: 18px; margin-right: 0; margin-bottom: 10px; border-bottom: 0; }
.con_bondinsure .block_row_1 .mod h3.mod_title .more, .con_bondinsure .block_row_1 .pure-mod h3.mod_title .more { color: #004d99; font-size: 12px; float: right; font-weight: bold; }
.con_bondinsure .block_row_1 .mod h3.mod_title span, .con_bondinsure .block_row_1 .pure-mod h3.mod_title span { width: 35px; height: 36px; display: inline-block; *display: inlne; zoom: 1; vertical-align: middle; background: url(/MMA8/mma/images/icons-bond.png) no-repeat; }
.con_bondinsure .block_row_1 .mod h3.mod_title span.instant, .con_bondinsure .block_row_1 .pure-mod h3.mod_title span.instant { background-position: 0 -47px; }
.con_bondinsure .block_row_1 .mod h3.mod_title span.hot, .con_bondinsure .block_row_1 .pure-mod h3.mod_title span.hot { background-position: -35px -47px; }
.con_bondinsure .block_row_1 .mod h3.mod_title span.individual, .con_bondinsure .block_row_1 .pure-mod h3.mod_title span.individual { background-position: -70px -46px; }
.con_bondinsure .block_row_1 .mod h3.mod_title span.emeg-warr, .con_bondinsure .block_row_1 .pure-mod h3.mod_title span.emeg-warr { background-position: -105px -46px; }
.con_bondinsure .block_row_1 .mod h3.mod_title span.short-term, .con_bondinsure .block_row_1 .pure-mod h3.mod_title span.short-term { background-position: -140px -46px; }
.con_bondinsure .block_row_1 .mod h3.mod_title span.mkt-exp, .con_bondinsure .block_row_1 .pure-mod h3.mod_title span.mkt-exp { background-position: -175px -46px; }
.con_bondinsure .block_row_1 .mod .mod_con, .con_bondinsure .block_row_1 .pure-mod .mod_con { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.con_bondinsure .block_row_1 .mod .mod_con .btn-aline, .con_bondinsure .block_row_1 .pure-mod .mod_con .btn-aline { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.con_bondinsure .block_row_1 .mod .mod_con .rowElem, .con_bondinsure .block_row_1 .pure-mod .mod_con .rowElem { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 8px; }
.con_bondinsure .block_row_1 .mod .mod_con .ffSelect > a > span, .con_bondinsure .block_row_1 .pure-mod .mod_con .ffSelect > a > span { line-height: 34px; height: 34px; }
.con_bondinsure .block_row_1 .mod .mod_con .ffTextBoxLeft, .con_bondinsure .block_row_1 .pure-mod .mod_con .ffTextBoxLeft { padding: 0; margin: 0; height: 34px; }
.con_bondinsure .block_row_1 .mod .mod_con .ffTextBoxRight, .con_bondinsure .block_row_1 .pure-mod .mod_con .ffTextBoxRight { padding: 0; margin: 0; height: 34px; }
.con_bondinsure .block_row_1 .mod .mod_con .rowElem input[type="text"], .con_bondinsure .block_row_1 .mod .mod_con .rowElem input[type="password"], .con_bondinsure .block_row_1 .pure-mod .mod_con .rowElem input[type="text"], .con_bondinsure .block_row_1 .pure-mod .mod_con .rowElem input[type="password"] { width: 100%; border: none; border-radius: 0px; top: 0; height: 34px; line-height: 34px; padding: 0; margin: 0; box-shadow: none; }
.con_bondinsure .block_row_1 .mod .mod_con .rowElem input[type="text"].focus, .con_bondinsure .block_row_1 .mod .mod_con .rowElem input[type="text"]:focus, .con_bondinsure .block_row_1 .mod .mod_con .rowElem input[type="password"].focus, .con_bondinsure .block_row_1 .mod .mod_con .rowElem input[type="password"]:focus, .con_bondinsure .block_row_1 .pure-mod .mod_con .rowElem input[type="text"].focus, .con_bondinsure .block_row_1 .pure-mod .mod_con .rowElem input[type="text"]:focus, .con_bondinsure .block_row_1 .pure-mod .mod_con .rowElem input[type="password"].focus, .con_bondinsure .block_row_1 .pure-mod .mod_con .rowElem input[type="password"]:focus { background: none; }
.con_bondinsure .block_row_1 .modleft { margin-right: 12px; }
.con_bondinsure .block_row_1 .modleft h3.mod_title span { background-position: 0 0; }
.con_bondinsure .block_row_1 .modright h3.mod_title span { background-position: -50px 0; }
.con_bondinsure .block_row_1 .mod_con { font-size: 12px; }
.con_bondinsure .block_row_1 .mod_con .board { table-layout: fixed; width: 100%; text-align: center; line-height: 24px; }
.con_bondinsure .block_row_1 .mod_con .board th { background-color: #ffc7cd; }
.con_bondinsure .block_row_1 .mod_con .board td { border-bottom: 1px solid #dddddd; vertical-align: middle; }
.con_bondinsure .block_row_1 .mod_con .board a { color: #004d99; font-weight: bold; }
.con_bondinsure .block_row_1 .mod_con .board.rise-top5 .range { color: #f00; }
.con_bondinsure .block_row_1 .mod_con .board.fell-top5 .range { color: #090; }
.con_bondinsure .block_row_1 .mod_con .board .dec { text-align: right; }
.con_bondinsure .block_row_1 .mod:before { content: ""; position: absolute; z-index: -2; top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; -webkit-border-radius: 100px 10px; border-radius: 100px / 10px; -moz-box-shadow: 0 0 17px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.6); box-shadow: 0 0 17px rgba(0, 0, 0, 0.6); }
.con_bondinsure .block_row_2 { float: left; }
.con_bondinsure .block_row_2 .mod, .con_bondinsure .block_row_2 .pure-mod { width: 346px; border: #cdcdcd 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; position: relative; background-color: #fff; /*z-index:1;*/ }
.con_bondinsure .block_row_2 .mod h3.mod_title, .con_bondinsure .block_row_2 .pure-mod h3.mod_title { border-bottom: #d6263d 1px solid; line-height: 43px; font-size: 20px; color: #474747; background: white; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, white 0%, #f8f8f8 50%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f8f8f8), color-stop(100%, #f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #f8f8f8 50%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #f8f8f8 50%, #f1f1f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #f8f8f8 50%, #f1f1f1 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #f1f1f1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */ -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.con_bondinsure .block_row_2 .mod h3.mod_title span, .con_bondinsure .block_row_2 .pure-mod h3.mod_title span { width: 47px; height: 43px; display: inline-block; *display: inlne; zoom: 1; vertical-align: middle; background: url(/MMA8/mma/images/icons-bond.png) no-repeat; }
.con_bondinsure .block_row_2 .modleft { margin-right: 12px; }
.con_bondinsure .block_row_2 .modleft h3.mod_title span { background-position: 0 0; }
.con_bondinsure .block_row_2 .modright h3.mod_title span { background-position: -50px 0; }
.con_bondinsure .block_row_2 .mod_con { padding: 12px 16px 18px 16px; background: white; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, white 0%, #f8f8f8 50%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f8f8f8), color-stop(100%, #f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #f8f8f8 50%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #f8f8f8 50%, #f1f1f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #f8f8f8 50%, #f1f1f1 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #f1f1f1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */ -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.con_bondinsure .block_row_2 .mod:before { content: ""; position: absolute; z-index: -2; top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; -webkit-border-radius: 100px 10px; border-radius: 100px / 10px; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); }
.con_bondinsure .block_row_2 h3.mod_title span { background: url(/MMA8/mma/images/icons-bond.png) no-repeat; }
.con_bondinsure .block_row_2 .mc_1 { background: url(/MMA8/mma/images/bond_bg1.jpg) no-repeat; width: 100%; height: 271px; }
.con_bondinsure .block_row_2 .mc_1 .mc_2 { padding-left: 42px; padding-top: 21px; }
.con_bondinsure .research-report { margin-top: 25px; margin-bottom: 25px; }
.con_bondinsure .research-report .research-title { font-size: 20px; font-weight: bold; }
.con_bondinsure .research-report .research-table { border: 1px solid #ededed; }
.con_bondinsure .research-report .research-table tr { background-color: #efefef; }
.con_bondinsure .research-report .research-table tr td.bwl9 { font-size: 16px; background-color: transparent; }
.con_bondinsure .research-report .research-table tr.whitebg { background-color: #fff; }
.con_bondinsure .research-report .research-table tr.wuc9 { background-color: #f3d0d4; }

.cycle-overlay { padding-top: 25px; }
.cycle-overlay ul.nav { text-align: left; display: inline; margin: 0; list-style: none; display: table; position: relative; margin-top: 60px; display: table; }
.cycle-overlay ul.nav li { font-size: 20px; list-style: none; padding: 15px 18px 15px 18px; width: 99px; cursor: pointer; line-height: 30px; border-left: #ffffff 1px solid; border-right: #e3e3e3 1px solid; color: #004d99; white-space: nowrap; position: absolute; }
.cycle-overlay ul.nav li.nav1 { left: 0; border-left: none; }
.cycle-overlay ul.nav li.nav1 span.icon { background: url(/MMA8/mma/images/icons_fund.png) no-repeat left top; width: 30px; height: 30px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-right: 10px; }
.cycle-overlay ul.nav li.nav1:hover { left: -16px; }
.cycle-overlay ul.nav li.nav1:hover span.icon { background: url(/MMA8/mma/images/icons_fund.png) no-repeat left -30px; }
.cycle-overlay ul.nav li.nav2 { left: 136px; }
.cycle-overlay ul.nav li.nav2 span.icon { background: url(/MMA8/mma/images/icons_fund.png) no-repeat -30px top; width: 30px; height: 30px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-right: 10px; }
.cycle-overlay ul.nav li.nav2:hover span.icon { background: url(/MMA8/mma/images/icons_fund.png) no-repeat -30px -30px; }
.cycle-overlay ul.nav li.nav3 { left: 273px; }
.cycle-overlay ul.nav li.nav3 span.icon { background: url(/MMA8/mma/images/icons_fund.png) no-repeat -60px top; width: 30px; height: 30px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-right: 10px; }
.cycle-overlay ul.nav li.nav3:hover span.icon { background: url(/MMA8/mma/images/icons_fund.png) no-repeat -60px -30px; }
.cycle-overlay ul.nav li.nav4 { left: 408px; }
.cycle-overlay ul.nav li.nav4 span.icon { background: url(/MMA8/mma/images/icons_fund.png) no-repeat -90px top; width: 30px; height: 30px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-right: 10px; }
.cycle-overlay ul.nav li.nav4:hover span.icon { background: url(/MMA8/mma/images/icons_fund.png) no-repeat -90px -30px; }
.cycle-overlay ul.nav li.nav5 { left: 545px; border: none; padding: 15px 18px 15px 19px; }
.cycle-overlay ul.nav li.nav5 span.icon { background: url(/MMA8/mma/images/icons_fund.png) no-repeat -120px top; width: 30px; height: 30px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-right: 10px; }
.cycle-overlay ul.nav li.nav5:hover span.icon { background: url(/MMA8/mma/images/icons_fund.png) no-repeat -120px -30px; }
.cycle-overlay ul.nav li a { color: #004d99; }
.cycle-overlay ul.nav li:hover { color: #d00f24; padding: 25px 17px 15px 19px; width: 116px; position: absolute; z-index: 999; top: -30px; border: none; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; background: #ffffff; -webkit-box-shadow: 0px 5px 6px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 5px 6px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 5px 6px 0px rgba(50, 50, 50, 0.3); -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; }
.cycle-overlay ul.nav li ul { margin: 0; padding: 0; left: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; border: none; background: #ffffff; margin: 20px 0 0 0; }
.cycle-overlay ul.nav li ul li { display: block; color: #fff; padding: 0 7px 0 18px; width: 116px; color: #121212; font-size: 16px; border: none; position: relative; clear: both; background: url(/MMA8/mma/images/icons.png) no-repeat 0px -432px; }
.cycle-overlay ul.nav li ul li:hover { color: #d00f24; width: 116px; color: #d00f24; font-size: 16px; background: url(/MMA8/mma/images/icons.png) no-repeat 0px -432px; padding: 0 7px 0 18px; position: relative; top: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.cycle-overlay ul.nav li:hover ul { display: block; opacity: 1; visibility: visible; }

.con_fund .block_row_1, .index_fund .block_row_1 { position: relative; }
.con_fund .block_row_1 .mod, .con_fund .block_row_1 .pure-mod, .index_fund .block_row_1 .mod, .index_fund .block_row_1 .pure-mod { border: #cdcdcd 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; position: inherit\9; background-color: #fff; }
.con_fund .block_row_1 .mod .mod_1, .con_fund .block_row_1 .pure-mod .mod_1, .index_fund .block_row_1 .mod .mod_1, .index_fund .block_row_1 .pure-mod .mod_1 { background: white; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, white 0%, #f3f3f3 50%, #eaeaea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f3f3f3), color-stop(100%, #eaeaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #f3f3f3 50%, #eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #f3f3f3 50%, #eaeaea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #f3f3f3 50%, #eaeaea 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #eaeaea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0); /* IE6-8 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.con_fund .block_row_1 .mod .mod_1 h3.mod_title, .con_fund .block_row_1 .pure-mod .mod_1 h3.mod_title, .index_fund .block_row_1 .mod .mod_1 h3.mod_title, .index_fund .block_row_1 .pure-mod .mod_1 h3.mod_title { line-height: 33px; font-size: 16px; color: #d00f24; vertical-align: middle; margin-right: 10px; border-bottom: 0; }
.con_fund .block_row_1 .mod .mod_3, .con_fund .block_row_1 .pure-mod .mod_3, .index_fund .block_row_1 .mod .mod_3, .index_fund .block_row_1 .pure-mod .mod_3 { background-color: #fff; padding: 15px; font-size: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.con_fund .block_row_1 .mod .mod_3 .mod_con, .con_fund .block_row_1 .pure-mod .mod_3 .mod_con, .index_fund .block_row_1 .mod .mod_3 .mod_con, .index_fund .block_row_1 .pure-mod .mod_3 .mod_con { vertical-align: top; width: 212px; margin-right: 20px; margin-bottom: 10px; }
.con_fund .block_row_1 .mod .mod_3 .mod_con:last-child, .con_fund .block_row_1 .pure-mod .mod_3 .mod_con:last-child, .index_fund .block_row_1 .mod .mod_3 .mod_con:last-child, .index_fund .block_row_1 .pure-mod .mod_3 .mod_con:last-child { margin-right: 0; }
.con_fund .block_row_1 .mod .mod_3 .mod_con.last, .con_fund .block_row_1 .pure-mod .mod_3 .mod_con.last, .index_fund .block_row_1 .mod .mod_3 .mod_con.last, .index_fund .block_row_1 .pure-mod .mod_3 .mod_con.last { margin-right: 0; }
.con_fund .block_row_1 .mod .mod_3 .list, .con_fund .block_row_1 .pure-mod .mod_3 .list, .index_fund .block_row_1 .mod .mod_3 .list, .index_fund .block_row_1 .pure-mod .mod_3 .list { margin-top: 7px; margin-bottom: 7px; margin-left: 14px; line-height: 26px; }
.con_fund .block_row_1 .mod h3.mod_title, .con_fund .block_row_1 .pure-mod h3.mod_title, .index_fund .block_row_1 .mod h3.mod_title, .index_fund .block_row_1 .pure-mod h3.mod_title { border-bottom: #d6263d 1px solid; line-height: 36px; font-size: 20px; color: #474747; }
.con_fund .block_row_1 .mod h3.mod_title.inline, .con_fund .block_row_1 .pure-mod h3.mod_title.inline, .index_fund .block_row_1 .mod h3.mod_title.inline, .index_fund .block_row_1 .pure-mod h3.mod_title.inline { display: inline-block; *display: inline; zoom: 1; }
.con_fund .block_row_1 .mod h3.mod_title.bdrleft, .con_fund .block_row_1 .pure-mod h3.mod_title.bdrleft, .index_fund .block_row_1 .mod h3.mod_title.bdrleft, .index_fund .block_row_1 .pure-mod h3.mod_title.bdrleft { font-size: 16px; color: #474747; border-left: 3px solid #d00f24; padding-left: 10px; line-height: 18px; margin-right: 0; margin-bottom: 10px; border-bottom: 0; }
.con_fund .block_row_1 .mod h3.mod_title .more, .con_fund .block_row_1 .pure-mod h3.mod_title .more, .index_fund .block_row_1 .mod h3.mod_title .more, .index_fund .block_row_1 .pure-mod h3.mod_title .more { color: #004d99; font-size: 12px; float: right; font-weight: bold; }
.con_fund .block_row_1 .mod h3.mod_title span, .con_fund .block_row_1 .pure-mod h3.mod_title span, .index_fund .block_row_1 .mod h3.mod_title span, .index_fund .block_row_1 .pure-mod h3.mod_title span { width: 35px; height: 36px; display: inline-block; *display: inlne; zoom: 1; vertical-align: middle; background: url(/MMA8/mma/images/icons-bond.png) no-repeat; }
.con_fund .block_row_1 .mod h3.mod_title span.instant, .con_fund .block_row_1 .pure-mod h3.mod_title span.instant, .index_fund .block_row_1 .mod h3.mod_title span.instant, .index_fund .block_row_1 .pure-mod h3.mod_title span.instant { background-position: 0 -47px; }
.con_fund .block_row_1 .mod h3.mod_title span.hot, .con_fund .block_row_1 .pure-mod h3.mod_title span.hot, .index_fund .block_row_1 .mod h3.mod_title span.hot, .index_fund .block_row_1 .pure-mod h3.mod_title span.hot { background-position: -35px -47px; }
.con_fund .block_row_1 .mod h3.mod_title span.individual, .con_fund .block_row_1 .pure-mod h3.mod_title span.individual, .index_fund .block_row_1 .mod h3.mod_title span.individual, .index_fund .block_row_1 .pure-mod h3.mod_title span.individual { background-position: -70px -46px; }
.con_fund .block_row_1 .mod h3.mod_title span.emeg-warr, .con_fund .block_row_1 .pure-mod h3.mod_title span.emeg-warr, .index_fund .block_row_1 .mod h3.mod_title span.emeg-warr, .index_fund .block_row_1 .pure-mod h3.mod_title span.emeg-warr { background-position: -105px -46px; }
.con_fund .block_row_1 .mod h3.mod_title span.short-term, .con_fund .block_row_1 .pure-mod h3.mod_title span.short-term, .index_fund .block_row_1 .mod h3.mod_title span.short-term, .index_fund .block_row_1 .pure-mod h3.mod_title span.short-term { background-position: -140px -46px; }
.con_fund .block_row_1 .mod h3.mod_title span.mkt-exp, .con_fund .block_row_1 .pure-mod h3.mod_title span.mkt-exp, .index_fund .block_row_1 .mod h3.mod_title span.mkt-exp, .index_fund .block_row_1 .pure-mod h3.mod_title span.mkt-exp { background-position: -175px -46px; }
.con_fund .block_row_1 .mod .mod_con, .con_fund .block_row_1 .pure-mod .mod_con, .index_fund .block_row_1 .mod .mod_con, .index_fund .block_row_1 .pure-mod .mod_con { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.con_fund .block_row_1 .mod .mod_con .btn-aline, .con_fund .block_row_1 .pure-mod .mod_con .btn-aline, .index_fund .block_row_1 .mod .mod_con .btn-aline, .index_fund .block_row_1 .pure-mod .mod_con .btn-aline { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.con_fund .block_row_1 .mod .mod_con .rowElement, .con_fund .block_row_1 .pure-mod .mod_con .rowElement, .index_fund .block_row_1 .mod .mod_con .rowElement, .index_fund .block_row_1 .pure-mod .mod_con .rowElement { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 8px; }
.con_fund .block_row_1 .modleft, .index_fund .block_row_1 .modleft { margin-right: 12px; }
.con_fund .block_row_1 .modleft h3.mod_title span, .index_fund .block_row_1 .modleft h3.mod_title span { background-position: 0 0; }
.con_fund .block_row_1 .modright h3.mod_title span, .index_fund .block_row_1 .modright h3.mod_title span { background-position: -50px 0; }
.con_fund .block_row_1 .mod_con, .index_fund .block_row_1 .mod_con { font-size: 12px; }
.con_fund .block_row_1 .mod_con .nbtn[type="submit"], .index_fund .block_row_1 .mod_con .nbtn[type="submit"] { width: 140px; margin: 0; cursor: pointer; }
.con_fund .block_row_1 .mod_con .text-xll .ffTextBoxWrapper, .index_fund .block_row_1 .mod_con .text-xll .ffTextBoxWrapper { width: 373px; }
.con_fund .block_row_1 .mod_con .text-xll1 .ffTextBoxWrapper, .index_fund .block_row_1 .mod_con .text-xll1 .ffTextBoxWrapper { width: 443px; }
.con_fund .block_row_1 .mod_con .btn-zone, .index_fund .block_row_1 .mod_con .btn-zone { margin: 0 !important; }
.con_fund .block_row_1 .mod_con .board, .index_fund .block_row_1 .mod_con .board { table-layout: fixed; width: 100%; text-align: center; line-height: 24px; }
.con_fund .block_row_1 .mod_con .board th, .index_fund .block_row_1 .mod_con .board th { background-color: #ffc7cd; }
.con_fund .block_row_1 .mod_con .board td, .index_fund .block_row_1 .mod_con .board td { border-bottom: 1px solid #dddddd; vertical-align: middle; }
.con_fund .block_row_1 .mod_con .board a, .index_fund .block_row_1 .mod_con .board a { color: #004d99; font-weight: bold; }
.con_fund .block_row_1 .mod_con .board.rise-top5 .range, .index_fund .block_row_1 .mod_con .board.rise-top5 .range { color: #f00; }
.con_fund .block_row_1 .mod_con .board.fell-top5 .range, .index_fund .block_row_1 .mod_con .board.fell-top5 .range { color: #090; }
.con_fund .block_row_1 .mod_con .board .dec, .index_fund .block_row_1 .mod_con .board .dec { text-align: right; }
.con_fund .block_row_1 .mod:before, .index_fund .block_row_1 .mod:before { content: ""; position: absolute; z-index: -2; top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; -webkit-border-radius: 100px 10px; border-radius: 100px / 10px; -moz-box-shadow: 0 0 17px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.6); box-shadow: 0 0 17px rgba(0, 0, 0, 0.6); }
.con_fund .block_row_1 .mod_part1, .index_fund .block_row_1 .mod_part1 { border-bottom: #ffffff 1px solid; padding: 15px; }
.con_fund .block_row_1 .mod_part1 .ffTextBoxLeft, .con_fund .block_row_1 .mod_part1 .ffTextBoxRight, .con_fund .block_row_1 .mod_part1 .ffPasswordLeft, .con_fund .block_row_1 .mod_part1 .ffPasswordRight, .con_fund .block_row_1 .mod_part1 .ffCheckbox, .con_fund .block_row_1 .mod_part1 .ffRadio, .index_fund .block_row_1 .mod_part1 .ffTextBoxLeft, .index_fund .block_row_1 .mod_part1 .ffTextBoxRight, .index_fund .block_row_1 .mod_part1 .ffPasswordLeft, .index_fund .block_row_1 .mod_part1 .ffPasswordRight, .index_fund .block_row_1 .mod_part1 .ffCheckbox, .index_fund .block_row_1 .mod_part1 .ffRadio { background-image: url(/MMA8/mma/images/sprite_fund_index.png); background-repeat: no-repeat; }
.con_fund .block_row_1 .mod_part1 .ffSelect > a > span, .index_fund .block_row_1 .mod_part1 .ffSelect > a > span { line-height: 34px; height: 34px; }
.con_fund .block_row_1 .mod_part1 .ffTextBoxLeft, .index_fund .block_row_1 .mod_part1 .ffTextBoxLeft { padding: 0; margin: 0; height: 34px; }
.con_fund .block_row_1 .mod_part1 .ffTextBoxRight, .index_fund .block_row_1 .mod_part1 .ffTextBoxRight { padding: 0; margin: 0; height: 34px; }
.con_fund .block_row_1 .mod_part1 .rowElem input[type="text"], .con_fund .block_row_1 .mod_part1 .rowElem input[type="password"], .index_fund .block_row_1 .mod_part1 .rowElem input[type="text"], .index_fund .block_row_1 .mod_part1 .rowElem input[type="password"] { width: 100%; border: none; border-radius: 0px; top: 0; height: 34px; line-height: 34px; padding: 0; margin: 0; box-shadow: none; }
.con_fund .block_row_1 .mod_part1 .rowElem input[type="text"].focus, .con_fund .block_row_1 .mod_part1 .rowElem input[type="text"]:focus, .con_fund .block_row_1 .mod_part1 .rowElem input[type="password"].focus, .con_fund .block_row_1 .mod_part1 .rowElem input[type="password"]:focus, .index_fund .block_row_1 .mod_part1 .rowElem input[type="text"].focus, .index_fund .block_row_1 .mod_part1 .rowElem input[type="text"]:focus, .index_fund .block_row_1 .mod_part1 .rowElem input[type="password"].focus, .index_fund .block_row_1 .mod_part1 .rowElem input[type="password"]:focus { background: none; }
.con_fund .block_row_1 .mod_part2, .index_fund .block_row_1 .mod_part2 { border-top: #cdcdcd 1px solid; }
.con_fund .block_row_1 .mod_part2 .ffSelectWrapper, .index_fund .block_row_1 .mod_part2 .ffSelectWrapper { margin-right: 0 !important; }
.con_fund .block_row_1 .mod_part2 .ffSelectMenuWrapper div.ffSelectMenuTop, .con_fund .block_row_1 .mod_part2 .ffSelectMenuWrapper div.ffSelectMenuBottom, .index_fund .block_row_1 .mod_part2 .ffSelectMenuWrapper div.ffSelectMenuTop, .index_fund .block_row_1 .mod_part2 .ffSelectMenuWrapper div.ffSelectMenuBottom { background-image: url(/MMA8/mma/images/sprite_fund_index.png); background-repeat: no-repeat; }
.con_fund .block_row_1 .mod_part2 .ffSelectMenuWrapper > div > span, .index_fund .block_row_1 .mod_part2 .ffSelectMenuWrapper > div > span { background-image: url(/MMA8/mma/images/sprite_fund_index.png); background-repeat: no-repeat; }
.con_fund .block_row_1 .mod_part2 .ffSelectButton, .index_fund .block_row_1 .mod_part2 .ffSelectButton { background-image: url(/MMA8/mma/images/sprite_fund_index.png); background-repeat: no-repeat; }
.con_fund .block_row_1 .mod_part2 .ffSelectButton span, .index_fund .block_row_1 .mod_part2 .ffSelectButton span { background-image: url(/MMA8/mma/images/sprite_fund_index.png); background-repeat: no-repeat; }
.con_fund .block_row_1 .mod_part2 .ffSelect > a > span, .index_fund .block_row_1 .mod_part2 .ffSelect > a > span { line-height: 34px; height: 34px; }
.con_fund .block_row_1 .mod_part2 .ffTextBoxLeft, .index_fund .block_row_1 .mod_part2 .ffTextBoxLeft { padding: 0; margin: 0; height: 34px; }
.con_fund .block_row_1 .mod_part2 .ffTextBoxRight, .index_fund .block_row_1 .mod_part2 .ffTextBoxRight { padding: 0; margin: 0; height: 34px; }
.con_fund .block_row_1 .mod_part2 .rowElem input[type="text"], .con_fund .block_row_1 .mod_part2 .rowElem input[type="password"], .con_fund .block_row_1 .mod_part2 .rowElem input[type="tel"], .index_fund .block_row_1 .mod_part2 .rowElem input[type="text"], .index_fund .block_row_1 .mod_part2 .rowElem input[type="password"], .index_fund .block_row_1 .mod_part2 .rowElem input[type="tel"] { width: 100%; border: none; border-radius: 0px; top: 0; height: 34px; line-height: 34px; padding: 0; margin: 0; box-shadow: none; }
.con_fund .block_row_1 .mod_part2 .rowElem input[type="text"].focus, .con_fund .block_row_1 .mod_part2 .rowElem input[type="text"]:focus, .con_fund .block_row_1 .mod_part2 .rowElem input[type="password"].focus, .con_fund .block_row_1 .mod_part2 .rowElem input[type="password"]:focus, .con_fund .block_row_1 .mod_part2 .rowElem input[type="tel"].focus, .con_fund .block_row_1 .mod_part2 .rowElem input[type="tel"]:focus, .index_fund .block_row_1 .mod_part2 .rowElem input[type="text"].focus, .index_fund .block_row_1 .mod_part2 .rowElem input[type="text"]:focus, .index_fund .block_row_1 .mod_part2 .rowElem input[type="password"].focus, .index_fund .block_row_1 .mod_part2 .rowElem input[type="password"]:focus, .index_fund .block_row_1 .mod_part2 .rowElem input[type="tel"].focus, .index_fund .block_row_1 .mod_part2 .rowElem input[type="tel"]:focus { background: none; }
.con_fund .block_row_1 .mod_part2 h3.mod_title, .index_fund .block_row_1 .mod_part2 h3.mod_title { margin-bottom: 2px; }
.con_fund .block_row_1 .mod_part2 .left, .index_fund .block_row_1 .mod_part2 .left { width: 309px; padding-right: 12px; border-right: #cdcdcd 1px solid; float: left; padding: 0px 12px 0 15px; margin: 10px 0 15px 0; }
.con_fund .block_row_1 .mod_part2 .left .select-l1 .ffSelectWrapper, .index_fund .block_row_1 .mod_part2 .left .select-l1 .ffSelectWrapper { width: 310px; }
.con_fund .block_row_1 .mod_part2 .right, .index_fund .block_row_1 .mod_part2 .right { width: 338px; border-left: #ffffff 1px solid; float: left; padding: 0px 15px 0 12px; margin: 10px 0 15px 0; }
.con_fund .block_row_1 .mod_part2 .right .select-m1 .ffSelectWrapper, .index_fund .block_row_1 .mod_part2 .right .select-m1 .ffSelectWrapper { width: 169px; }

.data-table-main { font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 13px; border-collapse: collapse; color: #2f2f2f; width: 680px; clear: both; margin-bottom: 20px; }
.full-width-page .data-table-main { width: 100%; }
.data-table-main .row-two { background-color: #fcecef; }
.data-table-main .article_title { text-align: left; }
.data-table-main th { font-size: inherit; color: #2f2f2f; text-align: center; vertical-align: top; background-color: #f3d0d4; padding: 5px; border: 1px solid #dddddd; vertical-align: middle; }
.data-table-main td { padding: 5px; border: 1px solid #dddddd; font-size: inherit; text-align: center; line-height: 18px; vertical-align: middle; }
.data-table-main td.lft-title { text-align: left; }
.data-table-main a { color: #004d99; }
.data-table-main a:hover { text-decoration: underline; }

.con_myassets .scrolling_table { height: 340px; }

.assets-fix-head { color: #2f2f2f; text-align: center; background-color: #efefef; line-height: 30px; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.assets-fix-head li { width: 100%; }

.data-table-main2 { font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 13px; border-collapse: collapse; color: #2f2f2f; width: 100%; clear: both; margin-bottom: 20px; }
.data-table-main2 .article_title { text-align: left; }
.data-table-main2 th { font-size: inherit; color: #2f2f2f; text-align: center; background-color: #efefef; line-height: 30px; vertical-align: middle; }
.data-table-main2 td { padding: 5px; border-bottom: 1px solid #dddddd; font-size: inherit; text-align: center; line-height: 25px; vertical-align: middle; }
.data-table-main2 .th-links { width: 125px; }
.data-table-main2 .links { text-align: right; }
.data-table-main2 .links a { color: #da2034; }
.data-table-main2 .links a:hover { text-decoration: underline; }
.data-table-main2.fund-overview .th-links { width: 105px; }
.data-table-main2.fund-overview .increase { color: #f00; }
.data-table-main2.fund-overview .decrease { color: #090; }
.data-table-main2 .zoom18 { font-size: 18px; }

.data-table-main3 { font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 13px; color: #2f2f2f; width: 100%; clear: both; margin-bottom: 20px; border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.data-table-main3 table { border-collapse: collapse; width: 100%; }
.data-table-main3 table tr th:first-child, .data-table-main3 table tr td:first-child { border-left: 0; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.data-table-main3 table tr th:last-child, .data-table-main3 table tr td:last-child { border-right: 0; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.data-table-main3 table tr:first-child th { border-top: 0; }
.data-table-main3 table tr:last-child td { border-bottom: 0; }
.data-table-main3 .article_title { text-align: justify; }
.data-table-main3 th { font-size: inherit; color: #2f2f2f; padding: 5px; text-align: center; background-color: #efefef; line-height: 1.5; vertical-align: middle; border: 1px solid #dddddd; }
.data-table-main3 td { padding: 5px; border: 1px solid #dddddd; text-align: center; line-height: 1.5; vertical-align: middle; }
.data-table-main3 .th-links { width: 125px; }
.data-table-main3 .links { text-align: right; }
.data-table-main3 .links a { color: #da2034; }
.data-table-main3 .links a:hover { text-decoration: underline; }
.data-table-main3.fund-overview .th-links { width: 105px; }
.data-table-main3.fund-overview .increase { color: #f00; }
.data-table-main3.fund-overview .decrease { color: #090; }
.data-table-main3 .zoom18 { font-size: 18px; }

.block_right_2 { display: block; position: relative; background-color: #fff; border: #dddddd solid 1px; border-radius: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; clear: both; }
.block_right_2.videoblock { padding: 25px 32px 15px 32px; }
.block_right_2 .iner_two_col { width: 332px; display: inline-block; *display: inline; zoom: 1; margin-right: 12px; }
.block_right_2.search_panel { padding: 0px !important; border: none; }
.block_right_2.col_2 { width: 348px; *width: 322px; display: block; *display: inline; zoom: 1; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; margin-right: 12px; clear: none; }
.block_right_2.col_2:after { content: url(/MMA8/mma/images/block_shadow_col_2.png); z-index: 1; display: block; bottom: -7px; left: 45px; position: absolute; }
.block_right_2.col_3 { width: 33%; }
.block_right_2 ul.col_2_ul { font-size: 14px; line-height: 26px; width: 48%; float: left; margin-right: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; }
.block_right_2 ul.col_2_ul li { list-style-position: inside; list-style-image: url(/MMA8/mma/images/list_arrow_red.png); }
.block_right_2 ul.col_2_ul a { color: #2f2f2f; }
.block_right_2 ul.col_2_ul a:hover { text-decoration: nont; cursor: pointer; }
.block_right_2 .first_block { margin-top: 30px !important; }
.block_right_2 .report_date { font-size: 11px; text-align: right; margin: 10px 0px 0px 0px; }

.block_full_page { padding-left: 0; padding-right: 0; }
.block_full_page .data-table-main3 { border-left: 0; border-right: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.block_full_page .data-table-main3 table tr th:first-child, .block_full_page .data-table-main3 table tr td:first-child { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; }
.block_full_page .data-table-main3 table tr th:last-child, .block_full_page .data-table-main3 table tr td:last-child { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }
.block_full_page .data-detail-panel { padding-left: 12px; padding-right: 12px; }

.mod-cluster { margin-top: 20px; }
.mod-cluster a { color: #2f2f2f; }
.mod-cluster a:hover { color: #d00f24; text-decoration: none; }
.mod-cluster.flex-type { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.mod-cluster.flex-type .block-mod { float: none; margin-right: 0; }
.mod-cluster.flex-type .block-mod .col1 { width: 198px; height: 100%; margin-right: 0; position: relative; }
.mod-cluster.flex-type .block-mod .col1 img { width: 198px; height: auto; }
.mod-cluster.flex-type .block-mod .col1 .intro { padding: 14px 0; line-height: 20px; overflow: hidden; text-overflow: ellipsis; color: #474747; text-align: justify; }
.mod-cluster.flex-type .block-mod .col1 .f_more { position: absolute; right: 0; bottom: 10px; line-height: 25px; color: #004d99; text-decoration: none; }
.mod-cluster .block-mod { height: 246px; border: 1px solid #dddddd; margin-right: 12px; padding: 2px 8px 0; background-color: #fff; margin-top: 10px; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.mod-cluster .block-mod .col1 { width: 210px; }
.mod-cluster .block-mod .col1-1 { width: 300px; }
.mod-cluster .block-mod .col1-2 { width: 360px; }
.mod-cluster .block-mod .col2 { width: 450px; }
.mod-cluster .block-mod .col3 { width: 690px; margin-right: 0; }
.mod-cluster .block-mod .loading { text-align: center; width: 210px; margin-top: 80px; }
.mod-cluster .block-mod .loading p { margin-top: 15px; }
.mod-cluster .block-mod .scrolling_table { height: 206px; }
.mod-cluster .block-mod h3.mod-title { color: #004d99; font-size: 20px; line-height: 36px; border-bottom: 1px solid #d00f24; padding-left: 3px; }
.mod-cluster .block-mod h3.mod-title .more { font-size: 12px; float: right; font-weight: bold; }
.mod-cluster .block-mod h3.mod-title .more a { color: #004d99; }
.mod-cluster .block-mod .listing { width: 100%; }
.mod-cluster .block-mod .listing th { vertical-align: middle; height: 40px; }
.mod-cluster .block-mod .listing td { vertical-align: middle; height: 40px; border-top: 1px solid #dddddd; }
.mod-cluster .block-mod .rate { font-size: 14px; }
.mod-cluster .block-mod .rate td { text-align: center; }
.mod-cluster .block-mod .acct-notice td, .mod-cluster .block-mod .index-listing td { padding-left: 26px; background: url(/MMA8/mma/images/icons.png) no-repeat 11px -426px; }
.mod-cluster .block-mod .mod-desc { font-size: 13px; line-height: 20px; margin-top: 10px; margin-bottom: 10px; min-height: 60px; }
.mod-cluster .block-mod .mod-link { overflow: hidden; }
.mod-cluster .block-mod .mod-link hr { margin-bottom: 10px; }
.mod-cluster .block-mod .mod-link .col_ul { font-size: 13px; line-height: 26px; width: 100%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.mod-cluster .block-mod .mod-link .col_ul.col_2_ul { width: 50%; }
.mod-cluster .block-mod .mod-link .col_ul.ml-10 { margin-left: -10px; }
.mod-cluster .block-mod .mod-link .col_ul li { list-style-position: inside; list-style-image: url(/MMA8/mma/images/list_arrow_red.png); white-space: nowrap; }
.mod-cluster .block-mod .mod-link .col_ul li a { cursor: pointer; margin-left: -4px; margin-left: -9px\9; }
.mod-cluster .block-mod.general { height: auto; padding: 10px; }

.all-my-assets { border-top: 1px solid #dddddd; display: flex; flex-wrap: wrap; }
.all-my-assets .block-assets { margin-top: 40px; width: 110px; height: 120px; }
.all-my-assets .block-assets a { display: block; }
.all-my-assets .block-assets span.icon { display: block; height: 52px; background: url(/MMA8/mma/images/assets_icons.png) no-repeat 0 0; margin: 0 auto; }
.all-my-assets .block-assets span.icon.icon01 { width: 51px; background-position: 0 0; }
.all-my-assets .block-assets span.icon.icon02 { width: 52px; background-position: -57px 0; }
.all-my-assets .block-assets span.icon.icon03 { width: 44px; background-position: -123px 0; }
.all-my-assets .block-assets span.icon.icon04 { width: 59px; background-position: -174px 0; }
.all-my-assets .block-assets span.icon.icon05 { width: 52px; background-position: 0 -55px; }
.all-my-assets .block-assets span.icon.icon06 { width: 59px; background-position: -53px -55px; }
.all-my-assets .block-assets span.icon.icon07 { width: 52px; background-position: -298px 0; }
.all-my-assets .block-assets span.icon.icon08 { width: 45px; background-position: -182px -55px; }
.all-my-assets .block-assets span.icon.icon09 { width: 45px; background-position: -243px 0; }
.all-my-assets .block-assets span.icon.icon10 { width: 45px; background-position: -243px -55px; }
.all-my-assets .block-assets span.icon.icon11 { width: 40px; background-position: -125px -52px; }
.all-my-assets .block-assets p { text-align: center; font-size: 16px; color: #878787; margin-top: 10px; }

.balance-info { width: 485px; float: left; }
.balance-info table { width: 100%; line-height: 24px; }
.balance-info table tr { border: 1px solid #dddddd; }
.balance-info table th { border-right: 1px solid #dddddd; vertical-align: middle; }
.balance-info table td { width: 50%; text-align: right; padding-right: 20px; vertical-align: middle; }
.balance-info .assets th { background-color: #f9e3e3; }
.balance-info .assets td { background-color: #fcf3f3; }
.balance-info .debt th { background-color: #e0f3d6; }
.balance-info .debt td { background-color: #f0faeb; }
.balance-info .nobdrbt { border-bottom: 0; }

.update-info { float: left; margin-left: 15px; }
.update-info a { color: #3d9fd8; }
.update-info .info1 { padding-top: 80px; background: url(/MMA8/mma/images/updatetime.png) no-repeat center 23px; margin-bottom: 20px; display: table; line-height: 30px; }
.update-info .info1 span { display: table-cell; }
.update-info .info1 .th { width: 52px; overflow: hidden; text-align: justify; text-justify: distribute-all-lines; -moz-text-align-last: justify; text-align-last: justify; }
.update-info .info2, .update-info .info3, .update-info .info4 { line-height: 16px; margin-bottom: 20px; }

h4.notice-title { background: url(/MMA8/mma/images/look01.gif) no-repeat left 3px; font-size: 16px; color: #000; padding-left: 20px; font-weight: bold; line-height: 26px; }

.notice-block ol { list-style-type: decimal; margin-left: 44px; line-height: 20px; }

.last { margin-right: 0px !important; }

.fund_article { border-top: 6px solid #d00f24; padding-top: 40px; padding-bottom: 40px; }
.fund_article .content { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #dddddd; }
.fund_article .article-table th { border-bottom: #d00f24 2px solid; height: 26px; text-align: left; font-size: 20px; padding: 8px 10px; }
.fund_article .article-table td { line-height: 26px; text-align: left; font-size: 16px; padding: 5px 10px; text-align: justify; text-justify: inter-ideograph; }
.fund_article .article-table td p { margin: 12px 0; }
.fund_article .article-table td.writter { text-align: right; padding: 5px 0; }

.action_block { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #dddddd; padding: 10px; }
.action_block .ps { color: #a0a0a1; }
.action_block .action_table { font-size: 12px; }
.action_block .action_table tr.last td, .action_block .action_table tr.last th { border-bottom: none; }
.action_block .action_table th, .action_block .action_table td { border-bottom: 1px solid #dddddd; line-height: 34px; text-align: left; padding: 16px 10px; font-size: 12px; }
.action_block .action_table th { width: 115px; text-align: right; }
.action_block .action_table td ul.rlist li.rowElem { margin-bottom: 10px; }
.action_block .action_table td ul.rlist li.rowElem label { width: 80px; display: inline-block; *display: line; zoom: 1; }
.action_block .action_table td ul.rlist li.rowElem label.sizem { width: 100px; }
.action_block .action_table td ul.rlist li.rowElem.last { margin-bottom: 0; }
.action_block .action_table .showlist { background: #fcecef; padding: 10px; }
.action_block .action_table .ffCheckboxWrapper { margin-right: 4px !important; }
.action_block .action_table .sspace span { padding-right: 20px; }
.action_block .action_table .pr20 { padding-right: 20px; }
.action_block .maction { display: inlne-block; float: right; *display: inline; zoom: 1; width: 19px; height: 19px; margin-top: 8px; background: url(/MMA8/mma/images/action_close.png) no-repeat left top; }
.action_block .maction.action_open { background: url(/MMA8/mma/images/action_open.png) no-repeat left top; }
.action_block .table-item th, .action_block .table-item td { border-bottom: none; line-height: 16px; padding: 0 3px; vertical-align: top; }
.action_block .table-item .ffCheckboxWrapper { margin-right: 0px !important; }
.action_block .table-item span { display: inline-block; *display: inline; zoom: 1; }
.action_block .table-item .wfb5r { text-align: right; }
.action_block .table-item.row3 .ffCheckboxWrapper { width: 21px; vertical-align: top; }
.action_block .table-item.row3 span { width: 130px; }
.action_block .table-item.star span { padding-right: 6px; }
.action_block .table-item .rowElem { margin: 5px 0; }
.action_block .table-item input[type="button"], .action_block .table-item input.button { background: url(/MMA8/mma/images/simplebtn_bg.jpg) repeat-x #ffffff left top; height: 28px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; border: none; border: #e5e5e5 1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #000000; }
.action_block .table-item input[type="button"]:hover, .action_block .table-item input.button:hover { color: #3d9fd8; }

.data-table-main .fund-name { text-align: left; }

.newopen { background: url(/MMA8/mma/images/openwin.png) no-repeat left top; text-indent: -9999px; width: 15px; height: 15px; vertical-align: middle; margin-left: 15px; display: inline-block; *display: inline; zoom: 1; }
.newopen:hover { background: url(/MMA8/mma/images/openwin_on.png) no-repeat left top; }

.container .fund_sitemap h2 { font-size: 18px; border-bottom: 2px solid #d00f24; padding-bottom: 8px; margin-bottom: 15px; color: #2f2f2f; }
.container .fund_sitemap .info-table { border-collapse: collapse; width: 203px; color: #2f2f2f; margin: 0px 12px 12px 0px; }
.container .fund_sitemap .info-table th { font-size: 15px; vertical-align: top; padding: 5px 10px 5px 10px; line-height: 32px; background-color: #f3d0d4; border-radius: 5px 5px 0px 0px; border: none; width: 226px; }
.container .fund_sitemap .info-table td { padding: 5px 10px 5px 10px; border-bottom: 1px solid #dddddd; line-height: 32px; font-size: 15px; background-color: white; border: 1px solid #dddddd; }
.container .fund_sitemap .info-table .row-two { background-color: #fcecef; }

input.blur { color: #cccccc; }

.outer_container.whitebg { background-color: #ffffff; }
.outer_container.whitebg .container { padding-top: 10px; }
.outer_container.whitebg .container .content { border-radius: 0px; border: none; padding: 50px 0; margin: 0 auto; width: 800px; background: url(/MMA8/mma/images/bg_404.png) no-repeat left 30px; }

.errorpage .searchbar { margin: 20px auto; width: 640px; }
.errorpage .searchbar .inline { float: left; }
.errorpage .searchbar .ffSelectWrapper, .errorpage .searchbar .ffTextBoxWrapper { margin-right: 0 !important; }
.errorpage .searchbar .related-words { position: absolute; z-index: 80; top: 35px; width: 432px; background-color: #ffffff; border: #b9b9b9 1px solid; }
.errorpage .searchbar .related-words li a { display: table; width: 100%; line-height: 26px; color: #666666; background-color: #ffffff; }
.errorpage .searchbar .related-words li a:hover { background-color: #eeeeee; }
.errorpage .searchbar .related-words li a .words { float: left; padding: 0 10px; }
.errorpage .searchbar .related-words li a .searches { float: right; padding: 0 10px; }
.errorpage .searchbar .text-xll .ffTextBoxWrapper { width: 475px; }
.errorpage .searchbar .ffSelectMenuWrapper div.ffSelectMenuTop, .errorpage .searchbar .ffSelectMenuWrapper div.ffSelectMenuBottom { background-image: url(/MMA8/mma/images/sprite3.png); background-repeat: no-repeat; }
.errorpage .searchbar .ffSelectMenuWrapper > div > span { background-image: url(/MMA8/mma/images/sprite3.png); background-repeat: no-repeat; }
.errorpage .searchbar .ffSelectButton { background-image: url(/MMA8/mma/images/sprite3.png); background-repeat: no-repeat; }
.errorpage .searchbar .ffSelectButton span { background-image: url(/MMA8/mma/images/sprite3.png); background-repeat: no-repeat; }
.errorpage .searchbar .ffSelectWrapper { width: 96px; }
.errorpage .searchbar .ffSelect > a > span { background-position: -10px 0; line-height: 60px; height: 60px; font-size: 15px; }
.errorpage .searchbar .ffTextBoxRight { background-position: 0 0; background-image: url(/MMA8/mma/images/sprite3.png); padding: 0; height: 60px; }
.errorpage .searchbar .ffTextBoxLeft { background-position: right -450px; padding: 0; padding-right: 0 !important; background-image: url(/MMA8/mma/images/sprite3.png); height: 60px; margin: 0; }
.errorpage .searchbar .ffSelectWrapper.focus .ffSelect > a, .errorpage .searchbar .ffSelect:hover > a, .errorpage .searchbar .ffSelect:focus > a, .errorpage .searchbar .ffSelectWrapper.active .ffSelect > a { background-position: right -128px; }
.errorpage .searchbar .ffSelectMenuWrapper .ffSelectMenuMidBG li { background: #ffffff; }
.errorpage .searchbar .ffSelectMenuWrapper .ffSelectMenuMidBG li.on { background: #f2f2f2; }
.errorpage .searchbar .ffTextBoxLeft input, .errorpage .searchbar .ffPasswordLeft input { height: 60px; line-height: 60px; padding: 0; margin: 0; font-size: 17px; color: #666666; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; }
.errorpage .searchbar .btn-zone { clear: none; margin: 0 auto !important; }
.errorpage .searchbar .btn-zone a.nbtn, .errorpage .searchbar .btn-zone input.nbtn, .errorpage .searchbar .btn-zone button.nbtn { cursor: pointer; margin: 0; line-height: 42px; border: #dddddd 1px solid; border-left: none; padding: 8px 15px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; }
.errorpage .searchbar .btn-zone a.nbtn:hover, .errorpage .searchbar .btn-zone input.nbtn:hover, .errorpage .searchbar .btn-zone button.nbtn:hover { -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; }
.errorpage .oxsearch { border: #dceaf2 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.errorpage .oxsearch:hover, .errorpage .oxsearchfocus { border: #54d9ff 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.errorpage .advsearch a { position: relative; top: 0px; color: #014fa1; padding: 0 6px; }
.errorpage .advsearch a:hover { color: #3d9fd8; }
.errorpage .error-info { padding: 80px 0 125px 480px; }
.errorpage .error-info .msg { margin-left: 42px; line-height: 38px; padding-bottom: 25px; }
.errorpage .error-info .msg h3 { color: #aeaeae; font-size: 36px; padding: 8px 0; }
.errorpage .error-info .msg h4 { color: #d00f24; font-size: 25px; padding: 2px 0; }
.errorpage .error-info .msg h5 { color: #000000; font-size: 24px; padding-left: 0; }
.errorpage .error-info .action a { width: 64px; height: 36px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-right: 36px; text-indent: -9999px; }
.errorpage .error-info .action a.toindex { background: url(/MMA8/mma/images/etoindex.png) no-repeat left top; }
.errorpage .error-info .action a.toindex:hover { background: url(/MMA8/mma/images/etoindex_on.png) no-repeat left top; }
.errorpage .error-info .action a.back { background: url(/MMA8/mma/images/eback.png) no-repeat left top; }
.errorpage .error-info .action a.back:hover { background: url(/MMA8/mma/images/eback_on.png) no-repeat left top; }
.errorpage .error-info .action a.contactus { width: 90px; margin-right: 0; background: url(/MMA8/mma/images/econtactus.png) no-repeat left top; }
.errorpage .error-info .action a.contactus:hover { background: url(/MMA8/mma/images/econtactus_on.png) no-repeat left top; }

.con_bondinsure section.content.inner_page { min-height: 1000px; }
.con_bondinsure .inner_page { background-color: #fff; border: #dddddd solid 1px; border-radius: 4px; padding: 10px 14px; }
.con_bondinsure .inner_page img { vertical-align: middle; }
.con_bondinsure .inner_page .mt { color: #222222; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; line-height: 30px; }
.con_bondinsure .inner_page body.mt { background-color: #ffffff; color: #222222; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; }
.con_bondinsure .inner_page h1.mt { font-size: 20px; text-align: center; }
.con_bondinsure .inner_page h2.mt { font-size: 18px; text-align: center; }
.con_bondinsure .inner_page h3.mt { font-size: 16px; text-align: center; }
.con_bondinsure .inner_page .mt { font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 12px; }
.con_bondinsure .inner_page input.button { background-color: #d6d3ce; font-size: 9px; text-decoration: none; margin: 0 3px; font-weight: normal; display: inline-block; *display: inline; zoom: 1; color: #666666; padding: 3px 3px; line-height: 12px; border-radius: 2px; border: 1px solid #dddddd; box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.25, #ffffff), to(#efefef)); cursor: pointer; }
.con_bondinsure .inner_page input.button:hover { color: white; background: #f31e36; border: #d00f24 1px solid; border: 0\9; box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); }
.con_bondinsure .inner_page input.text { background-color: #efefef; font-size: 9pt; height: 14pt; text-decoration: none; width: 30pt; }
.con_bondinsure .inner_page input.mt { background-color: #efefef; font-size: 9pt; height: 14pt; width: 36pt; }
.con_bondinsure .inner_page input.mt1 { background-color: #efefef; font-size: 9pt; height: 14pt; }
.con_bondinsure .inner_page select.mt { color: #333333; font-size: 9pt; width: 62pt; }
.con_bondinsure .inner_page a.mt { color: royalblue; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; text-decoration: none; }
.con_bondinsure .inner_page a.mt:hover { color: #ff9900; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; text-decoration: none; }
.con_bondinsure .inner_page table { width: 100%; }
.con_bondinsure .inner_page table.mt { border-collapse: collapse; }
.con_bondinsure .inner_page table.mt td { border: 1px solid #dddddd; }
.con_bondinsure .inner_page table.mt td.font11 { padding: 5px 0; }
.con_bondinsure .inner_page .font11 { font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 11pt; line-height: 30px; }
.con_bondinsure .inner_page .font10 { font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 10pt; }
.con_bondinsure .inner_page .font9 { font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 9pt; }
.con_bondinsure .inner_page .font8 { font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 8pt; }
.con_bondinsure .inner_page .wul9 { background-color: #f3d0d4; color: #2f2f2f; font-size: 9pt; text-align: left; }
.con_bondinsure .inner_page .wul10 { background-color: #f3d0d4; color: #2f2f2f; font-size: 10pt; text-align: left; }
.con_bondinsure .inner_page .wuc9 { background-color: #f3d0d4; color: #2f2f2f; font-size: 9pt; text-align: center; }
.con_bondinsure .inner_page .wuc10 { background-color: #f3d0d4; color: #2f2f2f; font-size: 10pt; text-align: center; }
.con_bondinsure .inner_page .wuc11 { background-color: #7b8abd; color: #ffffff; font-size: 11pt; text-align: center; }
.con_bondinsure .inner_page .wur9 { background-color: #f3d0d4; color: #2f2f2f; font-size: 9pt; text-align: right; }
.con_bondinsure .inner_page .wrc10 { background-color: #f3d0d4; color: #2f2f2f; font-size: 10pt; text-align: center; }
.con_bondinsure .inner_page .wrc9 { background-color: #f3d0d4; color: #2f2f2f; font-size: 9pt; text-align: center; }
.con_bondinsure .inner_page .wrr9 { background-color: #f3d0d4; color: #2f2f2f; font-size: 9pt; text-align: right; }
.con_bondinsure .inner_page .bwl9 { background-color: #ffffff; color: #222222; font-size: 9pt; text-align: left; }
.con_bondinsure .inner_page .bwc9 { background-color: #ffffff; color: #222222; font-size: 9pt; text-align: center; }
.con_bondinsure .inner_page .bwr9 { background-color: #ffffff; color: #222222; font-size: 9pt; text-align: right; }
.con_bondinsure .inner_page .bwl10 { background-color: #ffffff; color: #222222; font-size: 10pt; text-align: left; }
.con_bondinsure .inner_page .bwc10 { background-color: #ffffff; color: #222222; font-size: 8pt; text-align: center; }
.con_bondinsure .inner_page .bwr10 { background-color: #ffffff; color: #222222; font-size: 8pt; text-align: right; }
.con_bondinsure .inner_page .bwl11 { background-color: #ffffff; color: #222222; font-size: 11pt; text-align: left; }
.con_bondinsure .inner_page .bwc11 { background-color: #ffffff; color: #222222; font-size: 11pt; text-align: center; }
.con_bondinsure .inner_page .bwr11 { background-color: #ffffff; color: #222222; font-size: 11pt; text-align: right; }
.con_bondinsure .inner_page .bpl9 { background-color: #efefef; font-size: 9pt; text-align: left; color: #222222; }
.con_bondinsure .inner_page .bpc9 { background-color: #efefef; color: #222222; font-size: 9pt; text-align: center; }
.con_bondinsure .inner_page .bpr9 { background-color: #efefef; color: #222222; font-size: 9pt; text-align: right; }
.con_bondinsure .inner_page .bpl10 { background-color: #efefef; font-size: 10pt; text-align: left; color: #222222; }
.con_bondinsure .inner_page .bpc10 { background-color: #efefef; color: #222222; font-size: 10pt; text-align: center; }
.con_bondinsure .inner_page .bpr10 { background-color: #efefef; color: #222222; font-size: 10pt; text-align: right; }
.con_bondinsure .inner_page .bsl9 { background-color: #efefef; color: #222222; font-size: 9pt; text-align: left; }
.con_bondinsure .inner_page .bsc9 { background-color: #efefef; color: #222222; font-size: 9pt; text-align: center; }
.con_bondinsure .inner_page .bsr9 { background-color: #efefef; color: #222222; font-size: 9pt; text-align: right; }
.con_bondinsure .inner_page .big { color: royalblue; text-decoration: none; }
.con_bondinsure .inner_page .border { background-color: #7b8abd; }
.con_bondinsure .inner_page .bgl9 { background-color: #efefef; color: #000000; font-size: 9pt; text-align: left; }
.con_bondinsure .inner_page .bgc9 { background-color: #efefef; color: #000000; font-size: 9pt; text-align: center; }
.con_bondinsure .inner_page .bgr9 { background-color: #efefef; color: #000000; font-size: 9pt; text-align: right; }
.con_bondinsure .inner_page .wrc { background-color: #ee0000; color: #ffffff; text-align: center; }
.con_bondinsure .inner_page .wbl9 { background-color: #434543; color: #ffffff; font-size: 9pt; text-align: left; }
.con_bondinsure .inner_page .wbc9 { background-color: #434543; color: #ffffff; font-size: 9pt; text-align: center; }
.con_bondinsure .inner_page .wbr9 { background-color: #434543; color: #ffffff; font-size: 9pt; text-align: right; }
.con_bondinsure .inner_page .wgc { background-color: #009a00; color: #ffffff; text-align: center; }
.con_bondinsure .inner_page .wgl9 { background-color: #009a00; color: #ffffff; font-size: 9pt; text-align: left; }
.con_bondinsure .inner_page .wgc9 { background-color: #009a00; color: #ffffff; font-size: 9pt; text-align: center; }
.con_bondinsure .inner_page .wgr9 { background-color: #009a00; color: #ffffff; font-size: 9pt; text-align: right; }
.con_bondinsure .inner_page table.blue { background-color: #7b8abd; }
.con_bondinsure .inner_page .brian { background-color: #cecece; font-family: Arial; font-size: 20pt; }
.con_bondinsure .inner_page input.brw9 { background: Red; color: White; font-size: 9pt; }
.con_bondinsure .inner_page input.brw10 { background: Red; color: White; font-size: 10pt; }
.con_bondinsure .inner_page input.brw11 { background: Red; color: White; font-size: 11pt; }
.con_bondinsure .inner_page input.bry9 { background: Red; color: Yellow; font-size: 9pt; }
.con_bondinsure .inner_page input.bry10 { background: Red; color: Yellow; font-size: 10pt; }
.con_bondinsure .inner_page input.bry11 { background: Red; color: Yellow; font-size: 11pt; }
.con_bondinsure .inner_page input.bsr9 { color: Red; font-size: 9pt; }
.con_bondinsure .inner_page input.bsr10 { color: Red; font-size: 10pt; }
.con_bondinsure .inner_page input.bsr11 { color: Red; font-size: 11pt; }
.con_bondinsure .inner_page input.sbw9 { background: Blue; color: White; font-size: 9pt; }
.con_bondinsure .inner_page input.sbw10 { background: Blue; color: White; font-size: 10pt; }
.con_bondinsure .inner_page input.sbw11 { background: Blue; color: White; font-size: 11pt; }
.con_bondinsure .inner_page input.sby9 { background: Blue; color: Yellow; font-size: 9pt; }
.con_bondinsure .inner_page input.sby10 { background: Blue; color: Yellow; font-size: 10pt; }
.con_bondinsure .inner_page input.sby11 { background: Blue; color: Yellow; font-size: 11pt; }
.con_bondinsure .inner_page input.ssb9 { color: Blue; font-size: 9pt; }
.con_bondinsure .inner_page input.ssb10 { color: Blue; font-size: 10pt; }
.con_bondinsure .inner_page input.ssb11 { color: Blue; font-size: 11pt; }
.con_bondinsure .inner_page .htmlbuy { color: red !important; }
.con_bondinsure .inner_page .htmlsell { color: green !important; }
.con_bondinsure .inner_page .newstr2, .con_bondinsure .inner_page .bpc9 { background-color: #fcecef; }
.con_bondinsure .inner_page .newstr1, .con_bondinsure .inner_page .bwc9 { background-color: #ffffff; }
.con_bondinsure .inner_page #NewsList { width: auto; }

.rowElem input[type="text"], .rowElem input[type="password"], .rowElem input[type="tel"] { 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; width: 176px; padding: 8px 10px; position: relative; top: 1px; }
.rowElem input[type="text"]:focus, .rowElem input[type="text"]:hover, .rowElem input[type="password"]:focus, .rowElem input[type="password"]:hover, .rowElem input[type="tel"]:focus, .rowElem input[type="tel"]:hover { background: none; 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; }
.rowElem.text-s input[type="text"], .rowElem.text-s input[type="password"], .rowElem.text-s input[type="tel"] { width: 58px; *clear: both; }
.rowElem.text-xm input[type="text"], .rowElem.text-xm input[type="password"] { width: 74px; *clear: both; }
.rowElem.text-sm input[type="text"], .rowElem.text-sm input[type="password"] { width: 134px; *clear: both; }
.rowElem.text-m input[type="text"], .rowElem.text-m input[type="password"] { width: 194px; *clear: both; }
.rowElem.text-m1 input[type="text"], .rowElem.text-m1 input[type="password"] { width: 160px; *clear: both; }
.rowElem.text-l input[type="text"], .rowElem.text-l input[type="password"] { width: 230px; *clear: both; }
.rowElem.text-l1 input[type="text"], .rowElem.text-l1 input[type="password"] { width: 300px; *clear: both; }
.rowElem.text-xl input[type="text"], .rowElem.text-xl input[type="password"] { width: 350px; *clear: both; }
.rowElem.text-xll input[type="text"], .rowElem.text-xll input[type="password"] { width: 370px; *clear: both; }
.rowElem.text-xll1 input[type="text"], .rowElem.text-xll1 input[type="password"] { width: 400px; *clear: both; }
.rowElem select:focus { background: none; 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; }
.rowElem textarea { 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; background: none; width: 460px; height: 100px; display: inline-block; *display: inline; zoom: 1; padding: 8px 5px; vertical-align: middle; }
.rowElem textarea:focus { background: none; 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; }

/* =========== fit for inside_container =========== */
.inside_container { padding-bottom: 35px; background-color: #ededed; }
.inside_container section.page-content { width: 1000px; margin: 0 auto !important; background-color: #fff; border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-height: 600px; padding-top: 25px; padding-bottom: 50px; }
.inside_container .block_right_2 { padding: 12px; }
.inside_container .btnfun-right { text-align: right; }
.inside_container .btnfun-right input[type="button"] { margin-left: 10px; }
.inside_container.main_ctn_myassets01 { background: url(/MMA8/mma/images/topbanner_myassets_01.jpg) no-repeat center top #ededed; margin-top: -40px; padding-top: 40px; }
.inside_container.main_ctn_myassets01 section.page-content { width: 948px; padding-left: 6px; padding-right: 6px; padding-top: 0; background-color: transparent; border: 0; }
.inside_container.main_ctn_myassets01 section.page-content .siteBox { margin-left: 0; margin-right: 0; }
.inside_container.main_ctn_myassets01 section.sub-menu { margin-left: 0 !important; margin-right: 12px !important; background-color: transparent; padding: 0; }
.inside_container.main_ctn_myassets01 section.sub-menu a { color: #2f2f2f; }
.inside_container.main_ctn_myassets01 section.sub-menu a:hover { color: #d00f24; text-decoration: none; }
.inside_container.main_ctn_myassets01 section.sub-menu .sbnav-lv1 > li.active a { color: #fff; }
.inside_container.main_ctn_myassets01 section.content { margin-left: 0 !important; margin-right: 0 !important; }
.inside_container.main_ctn_myassets01 section.content a { color: #2f2f2f; }
.inside_container.main_ctn_myassets01 section.content a:hover { color: #d00f24; text-decoration: none; }
.inside_container.main_ctn_myassets01 ul.nav_tab a { color: #fff; }
.inside_container.main_ctn_myassets01 ul.nav_tab a:hover { color: #fff; }
.inside_container.main_ctn_myassets01 ul.sub_nav_tab .focus a { color: #d00f24; }
.inside_container section.content { /* for mma8 @ mma7 section content*/ width: 708px; background: none; border: 0; float: left; margin-left: 0 !important; margin-right: 0 !important; padding: 0px 0 25px 0; }
.inside_container section.content.inner_page { background-color: #fff; border: #dddddd solid 1px; border-radius: 4px; padding: 10px 14px; width: 671px; margin-bottom: 20px; min-height: 720px; }
.inside_container section.content.index-block { width: 100%; min-height: 400px; margin-top: 40px; }
.inside_container section.content.index-block a { color: #2f2f2f; }
.inside_container section.content.index-block a:hover { color: #d00f24; text-decoration: none; }
.inside_container section.content.index-block .index-hotlink > ul { font-size: 0px; }
.inside_container section.content.index-block .index-hotlink > ul > li { width: 20%; display: inline-block; *display: inline; *zoom: 1; }
.inside_container section.content.index-block .index-hotlink > ul > li a { display: block; width: 100%; text-align: center; font-size: 16px; font-weight: bold; color: #2f2f2f; }
.inside_container section.content.index-block .index-hotlink > ul > li a p { color: #2f2f2f; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover p { color: #d00f24; text-decoration: none; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover .idxico.ico-Cloud24 { background-position: -75px -910px; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover .idxico.ico-Cloud { background-position: -75px -840px; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover .idxico.ico-duty { background-position: -75px -770px; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover .idxico.ico-100area { background-position: -75px -700px; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover .idxico.ico-1hloan { background-position: -75px -630px; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover .idxico.ico-loan { background-position: -75px -560px; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover .idxico.ico-triplefd { background-position: -75px -490px; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover .idxico.ico-sheetkeeper { background-position: -75px -420px; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover .idxico.ico-card { background-position: -75px -350px; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover .idxico.ico-rmb { background-position: -75px -280px; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover .idxico.ico-webatm { background-position: -75px -210px; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover .idxico.ico-exchange { background-position: -75px -140px; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover .idxico.ico-online-apply { background-position: -75px -70px; }
.inside_container section.content.index-block .index-hotlink > ul > li a:hover .idxico.ico-mobile { background-position: -75px 0; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico { background-image: url(/MMA8/mma/images/index-icons.png); background-repeat: no-repeat; width: 75px; height: 70px; margin: 0 auto 15px; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico.ico-Cloud24 { background-position: 0px -910px; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico.ico-Cloud { background-position: 0px -840px; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico.ico-duty { background-position: 0px -770px; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico.ico-100area { background-position: 0 -700px; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico.ico-1hloan { background-position: 0 -630px; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico.ico-loan { background-position: 0 -560px; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico.ico-triplefd { background-position: 0 -490px; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico.ico-sheetkeeper { background-position: 0 -420px; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico.ico-card { background-position: 0 -350px; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico.ico-rmb { background-position: 0 -280px; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico.ico-webatm { background-position: 0 -210px; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico.ico-exchange { background-position: 0 -140px; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico.ico-online-apply { background-position: 0 -70px; }
.inside_container section.content.index-block .index-hotlink > ul > li a .idxico.ico-mobile { background-position: 0 0; }
.inside_container section.content .balance-info table { border-collapse: collapse; line-height: 24px; }
.inside_container section.content .balance-info th { padding: 0 !important; font-weight: bold; }
.inside_container section.content .balance-info td { padding: 0 !important; padding-right: 20px !important; }
.inside_container section.content .update-info { margin-left: 15px !important; }
.inside_container section.content .update-info a { color: #3d9fd8; }
.inside_container section.content .notice-block ol li { list-style-type: decimal; }

#ui-id-1 { z-index: 998; }

/*RESERVE START*/
.reserve a { color: #004d99; }
.reserve a:hover { color: #3d9fd8; }
.reserve .btn-zon button.focus { color: white; background: #d00f24; border: 1px solid #ac1414; }
.reserve .btn-zon button.focus:hover, .reserve .btn-zon button.nbtn:hover { color: white; background: #f31e36; border: #d00f24 1px solid; box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); }
.reserve .stepsboard { margin-bottom: 20px; }
.reserve .newform { margin: 20px 0; border: #dddddd 1px solid; border-radius: 5px; padding: 15px 0; background: #fff; }
.reserve iframe { border: #dddddd 1px solid; margin: 15px auto 0 auto; width: 864px; }
.reserve .new_iframe { width: 844px; border: none; margin: 0; }
.reserve .newform910 { padding: 10px 20px 20px 20px; }
.reserve .newform-normal { margin: 20px 0; padding: 20px 20px 20px 20px; border: #dddddd 1px solid; border-radius: 5px; background: #fff; line-height: 20px; }
.reserve .newform h3 { margin: 10px 22px; font-weight: bold; font-size: 15px; color: #666666; }
.reserve .rowElem-2 { display: block; margin-left: 233px; line-height: 34px; clear: both; }
.reserve .choose-block { margin: 0 22px 22px 22px; padding-bottom: 20px; border-bottom: #8b8b8b 1px dashed; line-height: 34px; padding-left: 140px; }
.reserve .choose-block .indent { margin: 0 18px; margin-bottom: 13px; }
.reserve .choose-block .block_con { margin: 0 35px; }
.reserve .choose-block .block_foot { line-height: 22px; margin: 0 20px; text-align: justify; text-justify: inter-ideograph; }
.reserve .phone1 { background: url(/MMA8/mma/images/phone_01.png) no-repeat 25px 25px; padding-left: 145px; padding-top: 20px; }
.reserve .phone2 { background: url(/MMA8/mma/images/phone_02.png) no-repeat 25px 25px; padding-left: 145px; padding-top: 20px; }
.reserve .phone3 { background: url(/MMA8/mma/images/phone_03.png) no-repeat 25px 25px; padding-left: 145px; padding-top: 20px; }
.reserve .phone4 { background: url(/MMA8/mma/images/phone_04.png) no-repeat 25px 25px; padding-left: 145px; padding-top: 20px; }
.reserve .phone5 { background: url(/MMA8/mma/images/phone_05.png) no-repeat 25px 25px; padding-left: 145px; padding-top: 20px; }
.reserve .phone3 p { line-height: 26px; }
.reserve .line { background: url(/MMA8/mma/images/line.png) repeat-x left; margin: 15px 0; height: 1px; }
.reserve .phone1, .reserve .phone2, .reserve .phone3, .reserve .phone5 { min-height: 140px; width: 696px; display: block; height: 150px\9; }
.reserve .phone4 { min-height: 100px; width: 696px; display: block; height: 110px\9; }
.reserve .btn-zone_content { text-align: left; }
.reserve .btn-zone_content span { font-family: Arial; font-size: 16px; }
.reserve .btn-zone_content .b { font-weight: bold; }
.reserve .btn-zone_content .mr15 { margin-right: 15px; }
.reserve .choose .btn-zone_content .btn-bb a.nbtn, .reserve .choose .btn-zone_content .btn-bb input.nbtn, .reserve .choose .btn-zone_content .btn-bb button.nbtn { margin-left: 15px; margin-right: 15px; }
.reserve .choose .btn-zone_content a.nbtn, .reserve .choose .btn-zone_content input.nbtn, .reserve .choose .btn-zone_content button.nbtn { padding: 16px 25px; margin-left: 0; margin-right: 30px; }
.reserve .appCompletedbg .btn-zone_content a, .reserve .appCompletedbg .btn-zone_content input.nbtn, .reserve .appCompletedbg .btn-zone_content button.nbtn { padding: 16px 25px; margin-left: 0; margin-right: 30px; }
.reserve .btn-zone a { padding: 8px 20px; font-size: 15px; }
.reserve .btn-zone a.nbtn { margin: 10px 8px; font-weight: normal; display: inline-block; *display: inline; zoom: 1; font-size: 15px; color: #666666; padding: 8px 25px; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(25%, #ffffff), color-stop(100%, #efefef)); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #dddddd; -moz-box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); -webkit-box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); }
.reserve .btn-zone input.nbtn, .reserve .btn-zone button.nbtn { margin: 10px 8px; font-weight: normal; display: inline-block; *display: inline; zoom: 1; font-size: 15px; color: #666666; padding: 8px 25px; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(25%, #ffffff), color-stop(100%, #efefef)); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #dddddd; -moz-box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); -webkit-box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); }
.reserve .btn-zone a.nbtn:hover, .reserve .btn-zone input.nbtn:hover, .reserve .btn-zone button.nbtn:hover { color: #fff; background: #d00f24; background: #fd3442; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkMzQ0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2Y3MTAyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMzA3MGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fd3442 0%, #f71020 25%, #e3070f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd3442), color-stop(25%, #f71020), color-stop(100%, #e3070f)); background: -webkit-linear-gradient(top, #fd3442 0%, #f71020 25%, #e3070f 100%); background: -o-linear-gradient(top, #fd3442 0%, #f71020 25%, #e3070f 100%); background: -ms-linear-gradient(top, #fd3442 0%, #f71020 25%, #e3070f 100%); background: linear-gradient(to bottom, #fd3442 0%, #f71020 25%, #e3070f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd3442', endColorstr='#e3070f', GradientType=0); border: #d00f24 1px solid; border-bottom: #d00f24 1px solid; -moz-box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); -webkit-box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); }
.reserve .btn-zone a:hover { text-decoration: none; }
.reserve h3.normal { margin: 10px 0px; font-weight: bold; font-size: 15px; color: #666666; }
.reserve h3.green { color: #33a700; }
.reserve .bwords { font-size: 15px; line-height: 24px; }
.reserve .bwords a { text-decoration: underline; }
.reserve .font-15 { font-size: 15px; line-height: 22px; }
.reserve .font-16 { font-size: 16px; line-height: 24px; }
.reserve .font-20 { font-size: 20px; line-height: 30px; }
.reserve .lh-high { line-height: 30px; }
.reserve .lh-mid { line-height: 26px; }
.reserve .checktab { margin: 15px 0; font-size: 15px; line-height: 24px; }
.reserve .checktab li { margin-bottom: 10px; }
.reserve .checktab input[type="checkbox"] { display: inline-block; *display: inline; zoom: 1; vertical-align: text-top; margin-top: 4px; margin-right: 5px; }
.reserve .checktab p.checklabel { width: 96%; display: inline-block; *display: inline; zoom: 1; vertical-align: top; }
.reserve .checktab ul li { margin-left: 20px; margin-bottom: 0; }
.reserve .line { background: url(/MMA8/mma/images/line.png) repeat-x left; margin: 15px 0; height: 1px; }
.reserve .reserve-area { margin: 20px auto; background: #fff url(/MMA8/mma/images/singlepage_bg05.png) no-repeat center top; border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding-top: 140px; }
.reserve .reserve-area ul { margin: 10px 0; margin-left: 162px; }
.reserve .reserve-area ul li { font-size: 18px; line-height: 20px; margin-bottom: 20px; border-left: #d00f24 4px solid; padding-left: 8px; }
.reserve .reserve-area ul li b { font-weight: bold; display: block; }
.reserve .reserve-area ul li div { font-size: 15px; }
.reserve .reserve-area ul li.rfirst { border-left: #d00f24 0px solid; line-height: 30px; padding-left: 0px; }
.reserve .reserve-area ul li.rfirst b { display: inline; }

.systemmsg { font-size: 20px; line-height: 6; text-align: center; display: flex; justify-content: center; align-items: center; }
.systemmsg.green, .systemmsg.red, .systemmsg.success, .systemmsg.error { color: #33a700; }
.systemmsg.green img, .systemmsg.red img, .systemmsg.success img, .systemmsg.error img { width: 58px; height: 58px; margin-right: 15px; background: url(/MMA8/mma/images/icons.png) no-repeat left -1050px; vertical-align: middle; }
.systemmsg.red, .systemmsg.error { color: #d00f24; }
.systemmsg.red img, .systemmsg.error img { background-position: -142px -1050px; }

/*RESERVE END*/
.newpathway { background-color: transparent; }
.newpathway ul { margin: 0 auto; width: 948px; }

.inside_container section.page-content.reserve { width: 948px; border: none; border-radius: 0; background-color: #ededed; padding-top: 0; }

.abgne_tab ul, .abgne_tab li { margin: 0; padding: 0; list-style: none; }

.abgne_tab { clear: left; margin: 10px 0; }

ul.tabs, ul.ntabs, ul.ftabs { display: inline-block; zoom: 1; *display: inline; vertical-align: text-top; width: 643px; height: 32px; border-bottom: 1px solid #ccc; }
ul.tabs.fs15, ul.ntabs.fs15, ul.ftabs.fs15 { font-size: 15px; }
ul.tabs.full-width, ul.ntabs.full-width, ul.ftabs.full-width { width: 100%; }
ul.tabs li, ul.ntabs li, ul.ftabs li { float: left; height: 31px; line-height: 31px; overflow: hidden; position: relative; margin-bottom: -1px; border: 1px solid #ccc; background: #eee; margin-right: 5px; }
ul.tabs li a, ul.ntabs li a, ul.ftabs li a { display: inline-block; padding: 0 20px; color: #000; text-decoration: none; }
ul.tabs li a:hover, ul.ntabs li a:hover, ul.ftabs li a:hover { background: #e8e8e8; color: #2f2f2f; }
ul.tabs li.active, ul.ntabs li.active, ul.ftabs li.active { background: #fff; border-bottom: 1px solid #fff; }
ul.tabs li.active a:hover, ul.ntabs li.active a:hover, ul.ftabs li.active a:hover { background: #fff; }
ul.tabs li.disabled a, ul.tabs li.disabled a:hover, ul.ntabs li.disabled a, ul.ntabs li.disabled a:hover, ul.ftabs li.disabled a, ul.ftabs li.disabled a:hover { color: #bbb; }

ul.ntabs { width: 100%; }

ul.ftabs { width: 100%; margin-bottom: 15px; }

ul.btabs { display: flex; align-items: center; }
ul.btabs li { display: block; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #efefef 100%); line-height: 15px; border: 1px solid #dddddd; }
ul.btabs li a { padding: 10px 14px; display: block; text-decoration: none; color: #474747; }
ul.btabs li:hover { background: linear-gradient(to bottom, #f45550 0%, #f45550 25%, #f45550 100%); }
ul.btabs li:hover a { color: #fff; }
ul.btabs li:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
ul.btabs li:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: 0; }
ul.btabs li.active { background: linear-gradient(to bottom, #f45550 0%, #f45550 25%, #f45550 100%); }
ul.btabs li.active a { color: #fff; }

.faketh { font-size: 15px; padding: 0px 10px 5px 0px; width: 175px; display: inline-block; zoom: 1; *display: inline; vertical-align: text-top; color: #666666; text-align: right; line-height: 32px; font-weight: bold; }

.faketd { display: inline-block; zoom: 1; *display: inline; vertical-align: text-top; width: 643px; }

.otherscard, .otherscard02 { display: none; }

div.tab_container { clear: left; width: 100%; border-top: none; background: #fff; }
div.tab_container .tab_content { padding: 20px 0 10px 0; }
div.tab_container .tab_content h2 { margin: 0 0 20px; }

.loading-data { display: none; text-align: center; }
.loading-data img { vertical-align: top; }

.front-hide { display: none; }

.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.newfund { padding: 10px 20px 10px 20px; width: 560px; min-height: 150px; text-align: left; }
.popupbox.newfund .con { font-size: 14px; }
.popupbox.newfund .con p { font-size: 14px; line-height: 26px; }
.popupbox.fundtable { width: 860px; }
.popupbox.remit { width: 800px; }
.popupbox.remit-confirm { width: 560px; }
.popupbox.fund-detail { width: 720px; padding: 10px 20px 10px 20px; min-height: 1000px; }
.popupbox.cash { width: 340px; }
.popupbox.cash { width: 340px; }
.popupbox.popup__notice { width: 340px; }
.popupbox.error { width: 300px; box-sizing: border-box; min-height: auto; padding: 5px 20px 0px 20px; }
.popupbox.error .con { margin: 10px auto 0 auto; }
.popupbox.post { width: 720px; padding: 0; padding-top: 77px; background: none; }
.popupbox.post .con { margin: 0px auto; font-size: 15px; line-height: 26px; background: #fff; border-radius: 5px; padding: 30px 20px; color: #474747; }
.popupbox.post .con p { font-size: 15px; }
.popupbox.post:before { display: block; content: url(/MMA8/mma/images/systemupdate.png); width: 200px; height: 122px; text-align: center; position: absolute; top: 0; left: 240px; }
.popupbox.post .icon-close_x { top: 90px; }
.popupbox .right { text-align: right; }
.popupbox .listico { list-style: none; margin: 15px auto; border-top: #dddddd 1px solid; }
.popupbox .listico li { background: url(/MMA8/mma/images/icons.png) no-repeat left -1647px; padding-left: 25px; line-height: 40px; border-bottom: #dddddd 1px solid; float: left; width: 50%; font-size: 14px; box-sizing: border-box; white-space: nowrap; }
.popupbox .listico:after { content: ""; display: block; clear: both; }
.popupbox .listico.single > li { width: 100%; float: none; }
.popupbox.ebillad { width: 570px; height: 300px; background: url(/MMA8/mma/images/ebill-ad.png) no-repeat center top; padding: 0; margin: 0; }
.popupbox.ebillad .con { width: 385px; margin: 160px 0px 0 0px; }
.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 h3 > span { font-size: 14px; font-weight: normal; }
.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 p.fs18 { font-size: 18px; }
.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; }
.popupbox.popuptrans.warning h5.mt20 { margin-top: 20px; }
.popupbox.popuptrans .con { margin-top: 15px; }
.popupbox.misclbox { width: 900px; box-sizing: border-box; padding: 30px; padding-bottom: 0; }
.popupbox.misclbox h3.noline { line-height: 1; border-bottom: none; padding: 0; }
.popupbox.misclbox iframe { padding: 0; border: none; border-radius: 0; }

.pinktable { border-collapse: collapse; margin: 15px auto; }
.pinktable th { background-color: #fbe3e3; font-size: 15px; }
.pinktable th, .pinktable td { border: #cccccc 1px solid; line-height: 34px; vertical-align: middle; }
.pinktable input[type="text"] { padding: 5px; width: 45px; top: 0; }
.pinktable .wblue { color: #0080c0; }

.currency { width: 160px; white-space: nowrap; display: inline-block; vertical-align: middle; }
.currency img { width: 16px; height: 11px; margin-right: 10px; vertical-align: middle; background: url(/MMA8/mma/images/icon_country.png) no-repeat; }
.currency.usd img { background-position: left top; }
.currency.jpy img { background-position: left -36px; }
.currency.gbp img { background-position: left -72px; }
.currency.chf img { background-position: left -108px; }
.currency.hkd img { background-position: left -144px; }
.currency.cad img { background-position: left -180px; }
.currency.aud img { background-position: left -216px; }
.currency.sgd img { background-position: left -251px; }
.currency.eur img { background-position: left -287px; }
.currency.sek img { background-position: left -323px; }
.currency.nzd img { background-position: left -359px; }
.currency.zar img { background-position: left -395px; }
.currency.cny img { background-position: left -431px; }
.currency.thb img { background-position: left -467px; }
.currency.mop img { background-position: left -503px; }
.currency.ntd img { background-position: left -539px; }
.currency .ffRadioWrapper a { background: url(/MMA8/mma/images/icon_country.png) no-repeat; padding-left: 35px; }
.currency.usd .ffRadioWrapper a { background-position: 10px 4px; }
.currency.jpy .ffRadioWrapper a { background-position: 10px -32px; }
.currency.gbp .ffRadioWrapper a { background-position: 10px -68px; }
.currency.chf .ffRadioWrapper a { background-position: 10px -104px; }
.currency.hkd .ffRadioWrapper a { background-position: 10px -140px; }
.currency.cad .ffRadioWrapper a { background-position: 10px -176px; }
.currency.aud .ffRadioWrapper a { background-position: 10px -212px; }
.currency.sgd .ffRadioWrapper a { background-position: 10px -247px; }
.currency.eur .ffRadioWrapper a { background-position: 10px -283px; }
.currency.sek .ffRadioWrapper a { background-position: 10px -319px; }
.currency.nzd .ffRadioWrapper a { background-position: 10px -355px; }
.currency.zar .ffRadioWrapper a { background-position: 10px -391px; }
.currency.cny .ffRadioWrapper a { background-position: 10px -427px; }
.currency.thb .ffRadioWrapper a { background-position: 10px -463px; }
.currency.mop .ffRadioWrapper a { background-position: 10px -499px; }
.currency.ntd .ffRadioWrapper a { background-position: 10px -535px; }

.cashtable-title { text-align: left; font-size: 14px; line-height: 24px; }
.cashtable-title span { vertical-align: middle; display: inline-block; margin-right: 10px; }
.cashtable-title .currency img { position: relative; top: -2px; }

.cashtable { width: 340px; text-align: center; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin: 0 auto; }
.cashtable th { background: #fff; text-align: center; border-bottom: 1px solid #dddddd; }
.cashtable td, .cashtable th { padding: 4px 20px; white-space: nowrap; line-height: 32px; }
.cashtable .row1 td { background: #fff; }
.cashtable .row2 td { background: #f9f9f9; }
.cashtable .qty { width: 40px; height: 23px; text-align: center; padding: 0; margin: 0; border: #dddddd 1px solid; border-left: none; border-right: none; line-height: 23px; display: inline-block; *display: inline; zoom: 1; }
.cashtable .qtybutton { width: 23px; height: 23px; padding: 0; margin: 0; border: #dddddd 1px solid; background: #fafafa; display: inline-block; *display: inline; zoom: 1; line-height: 23px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; user-select: none; }
.cashtable .qtybutton1 { width: 23px; height: 23px; padding: 0; margin: 0; border: #dddddd 1px solid; background: #fafafa; display: inline-block; *display: inline; zoom: 1; line-height: 23px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; user-select: none; }

.sum { width: 300px; margin: 0 auto; font-size: 14px; padding: 0 20px; line-height: 40px; text-align: right; }
.sum span { font-size: 18px; font-family: Arial, Helvetica; padding-left: 10px; }

.ntable { border-collapse: separate; border-spacing: 0; margin: 15px 0 20px 0; width: 100%; }
.ntable.oddeven tr:nth-child(even) td { background: #ffffff; }
.ntable.oddeven tr:nth-child(odd) td { background: #fdfdfd; }
.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, .ntable.myaccount td:nth-child(2) { 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.notice__60 { width: 60%; margin: 10px auto; margin-right: 8px; display: inline-table; vertical-align: middle; }
.ntable.notice__60 th, .ntable.notice__60 td { padding: 8px; }
.ntable.th__side { font-size: 16px; }
.ntable.th__side tr:nth-child(odd) { background: #fdfdfd; }
.ntable.th__side th { width: 20%; font-weight: bold; text-align: right; }
.ntable.th__side td { text-align: left; }
.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 th.th-gray, .ntable tr td.th-gray { background-color: #eaeaea; }
.ntable tr > :first-child { border-left-style: solid; }
.ntable tr.even td { background: #fdfdfd; }
.ntable tr.even.sm th { padding: 5px; line-height: 24px; }
.ntable tr.odd td { background: #ffffff; }
.ntable tr.odd.lg td { padding: 30px 15px; }
.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.rtradius, .ntable tr th.rtradius { border-top-right-radius: 8px !important; }
.ntable tr td.rbradius, .ntable tr th.rbradius { border-bottom-right-radius: 8px !important; }
.ntable tr td.noradius, .ntable tr th.noradius { border-radius: 0 !important; }
.ntable .tdadd:first-child { text-align: right; background: #fff; z-index: 1000; }
.ntable .tdadd:first-child a.add { background: url(/MMA8/mma/images/icon_add.png) no-repeat left 2px; padding-left: 20px; }
.ntable a.sort { background: url(/MMA8/mma/images/icon_sort.png) no-repeat left 2px; padding-left: 23px; }
.ntable a.save { background: url(/MMA8/mma/images/icons.png) no-repeat left -1401px; padding-left: 23px; line-height: 18px; }
.ntable.pd0 th, .ntable.pd0 td { padding: 15px 0px; }
.ntable.pd8 th, .ntable.pd8 td { padding: 8px 8px; vertical-align: middle; }
.ntable.pd8 th { white-space: nowrap; }
.ntable.pd10 th, .ntable.pd10 td { padding: 10px 10px; vertical-align: middle; }
.ntable .arsort { background-image: url(/MMA8/mma/images/arrow_both.png); cursor: pointer; background-position: right -5px center; background-repeat: no-repeat; padding-right: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.ntable .arsort.desc { background-image: url(/MMA8/mma/images/arrow_desc_active.png); }
.ntable .arsort.asc { background-image: url(/MMA8/mma/images/arrow_asc_active.png); }
.ntable.vmiddle th, .ntable.vmiddle td { vertical-align: middle; }
.ntable.full-structure th, .ntable.full-structure td { padding: 5px; }
.ntable.full-structure th { white-space: nowrap; }
.ntable.full-structure thead th { background-color: #f6f6f6; font-weight: bold; }
.ntable.full-structure thead tr:last-child th:first-child { border-bottom-left-radius: 0; }
.ntable.full-structure thead tr:last-child th:last-child { border-bottom-right-radius: 0; }
.ntable.full-structure thead .arsort { background-position: right -1px center; padding-right: 18px; }
.ntable.full-structure tbody tr:first-child th, .ntable.full-structure tbody tr:first-child td { background: transparent; border-top: 0; }
.ntable.full-structure tbody tr:first-child th:first-child, .ntable.full-structure tbody tr:first-child td:first-child { border-top-left-radius: 0; }
.ntable.full-structure tbody tr:first-child th:last-child, .ntable.full-structure tbody tr:first-child td:last-child { border-top-right-radius: 0; }
.ntable.square-border tr:first-child th:first-child, .ntable.square-border tr:first-child td:first-child { border-top-left-radius: 0; }
.ntable.square-border tr:first-child th:last-child, .ntable.square-border tr:first-child td:last-child { border-top-right-radius: 0; }
.ntable.square-border tr:last-child th:first-child, .ntable.square-border tr:last-child td:first-child { border-bottom-left-radius: 0; }
.ntable.square-border tr:last-child th:last-child, .ntable.square-border tr:last-child td:last-child { border-bottom-right-radius: 0; }
.ntable.context-left tbody td { text-align: left; }
.ntable.force-th-weight-normal th { font-weight: normal !important; }
.ntable.mtop0 { margin-top: 0; }
.ntable .left { text-align: left; }
.block_full_page .ntable tr th:first-child, .block_full_page .ntable tr td:first-child { border-left: 0; }
.block_full_page .ntable tr th:last-child, .block_full_page .ntable tr td:last-child { border-right: 0; }
.ntable.firsttdcenter tr td:first-child { text-align: center; }
.ntable.lasttrright tr:last-child td { text-align: right; }
.ntable.tdevenly { table-layout: fixed; }

a > table.ntable { color: #474747; }

.table-mortgages th, .table-mortgages td { padding: 10px; }
.table-mortgages td { vertical-align: middle; }
.table-mortgages tr.summary td { text-align: left; font-size: 18px; padding-left: 25px; background: #fff; }
.table-mortgages tr.summary td:first-child { border-right: 0; }

.reserve .choose { background: url(/MMA8/mma/images/choosebg.png) no-repeat right top; }

.choose .btn-zone .btn-bb { display: inline-block; *display: inline; *zoom: 1; text-align: center; margin-right: 30px; }
.choose .btn-zone .btn-bb .nbtn { padding: 16px 20px; margin-left: 0; margin-right: 0; font-weight: normal !important; }
.choose .btn-zone .btn-bb .note { display: block; font-size: 13px; color: #999999; line-height: 18px; }
.choose .btn-zone.left { text-align: left; }

.sort_overlay { height: 100%; position: absolute; width: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1001; opacity: 0.3; background: black; position: fixed; display: none; }

table.common tr, table.deal tr { position: relative; }
table.common td, table.common th.save, table.deal td, table.deal th.save { position: relative; z-index: 1002; overflow: visible; zoom: 1; background: #fff; }
table.common thead tr:last-child th:first-child, table.common thead tr:last-child td:first-child, table.deal thead tr:last-child th:first-child, table.deal thead tr:last-child td:first-child { border-bottom-left-radius: 0px; }
table.common thead tr:last-child th:last-child, table.common thead tr:last-child td:last-child, table.deal thead tr:last-child th:last-child, table.deal thead tr:last-child td:last-child { border-bottom-right-radius: 0px; }
table.common tbody tr:first-child th:first-child, table.common tbody tr:first-child td:first-child, table.deal tbody tr:first-child th:first-child, table.deal tbody tr:first-child td:first-child { border-top-left-radius: 0px; }
table.common tbody tr:first-child th:last-child, table.common tbody tr:first-child td:last-child, table.deal tbody tr:first-child th:last-child, table.deal tbody tr:first-child td:last-child { border-top-right-radius: 0px; }

.popuptrans.simplebox { padding: 20px; min-width: 350px; box-sizing: border-box; }
.popuptrans.popup__noticebox { padding: 20px; width: 420px; font-size: 15px; box-sizing: border-box; }
.popuptrans.popup__noticebox h4.heading__h4 { font-size: 20px; font-weight: bold; line-height: 30px; padding: 18px 0; margin-left: 0; }
.popuptrans.popup__noticebox p { line-height: 30px; }
.popuptrans.popup__noticebox ul.list { list-style: decimal; }
.popuptrans.popup__noticebox ul.list li { margin-left: 20px; line-height: 22px; }
.popuptrans.popup__noticebox ul.list li ol { list-style: disc; }
.popuptrans.popup__normalbox { padding: 20px; width: 510px; font-size: 15px; box-sizing: border-box; }
.popuptrans.popup__normalbox h4.heading__h4 { font-size: 20px; font-weight: bold; line-height: 30px; padding: 18px 0; margin-left: 0; }
.popuptrans.popup__normalbox p { line-height: 30px; }
.popuptrans.popup__normalbox ul.list { list-style: decimal; }
.popuptrans.popup__normalbox ul.list li { margin-left: 20px; line-height: 22px; }
.popuptrans.popup__normalbox ul.list li ol { list-style: disc; }
.popuptrans .formblock { margin: 15px 0 20px 0 !important; border: #dddddd 1px solid; border-radius: 5px; padding: 0 0px; }
.popuptrans .con p { font-size: 14px; line-height: 20px; }
.popuptrans .rnotes { margin-top: 0; }
.popuptrans .data-table th { width: 200px; padding: 15px 10px; }
.popuptrans .data-table th.sizes { width: auto; }
.popuptrans .data-table td { padding: 15px 10px; }

.save-tips { position: absolute; background: #474747; color: #fff; line-height: 24px; font-size: 13px; padding: 0 5px; display: inline-block; z-index: 1002; right: 180px; top: 260px; }

.save-tips:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(71, 71, 71, 0); border-left-color: #474747; border-width: 12px; margin-top: -12px; }

.up, .down { width: 25px; height: 25px; text-indent: -9999px; display: inline-block; vertical-align: middle; margin: 0 3px; background: url(/MMA8/mma/images/icons.png) no-repeat; }

.up { background-position: 0px -1350px; }
.up.disabled { background-position: 0px -1375px; }

.down { background-position: -25px -1350px; }
.down.disabled { background-position: -25px -1375px; }

.login-keyboard { display: none; position: absolute; width: 300px; padding: 30px 6px 6px 6px; min-height: 150px; border: #dddddd 1px solid; }
.login-keyboard .icon-close_x { top: 5px; right: 5px; }

.main-index .login-keyboard { top: 230px; right: -308px; display: none; }

.login .login-keyboard { top: 360px; right: 10px; }

.kb-block { width: 300px; }
.kb-block .row { text-align: center; font-size: 0; margin: 0 auto; margin-bottom: 6px; }
.kb-block .latin a { -moz-box-shadow: 0px 2px 0px 0px #b4b2b2; -webkit-box-shadow: 0px 2px 0px 0px #b4b2b2; box-shadow: 0px 2px 0px 0px #b4b2b2; 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: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #dddddd; display: inline-block; cursor: pointer; color: #474747 !important; font-family: Arial; font-size: 20px; padding: 2px 0px; text-decoration: none; }
.kb-block .latin a:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #ffffff)); background: -moz-linear-gradient(top, #f0f0f0 5%, #ffffff 100%); background: -webkit-linear-gradient(top, #f0f0f0 5%, #ffffff 100%); background: -o-linear-gradient(top, #f0f0f0 5%, #ffffff 100%); background: -ms-linear-gradient(top, #f0f0f0 5%, #ffffff 100%); background: linear-gradient(to bottom, #f0f0f0 5%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0); background-color: #f0f0f0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.kb-block .latin a:active { position: relative; top: 1px; }
.kb-block .latin a.icon_delete { font-size: 15px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; line-height: 20px; }
.kb-block .latin a.icon_delete img { margin-left: 2px; margin-right: 3px; vertical-align: middle; background: url(/MMA8/mma/images/icon_delete.png) no-repeat 0 0; width: 12px; height: 12px; }
.kb-block .latin a.icon_capslock { font-size: 15px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; line-height: 20px; }
.kb-block .latin a.icon_capslock span { font-size: 11px; font-family: Arial; vertical-align: bottom; }
.kb-block .latin a.icon_capslock img { margin-left: 4px; margin-right: 2px; vertical-align: middle; background: url(/MMA8/mma/images/icon_capslock.png) no-repeat 0 0; width: 12px; height: 12px; }
.kb-block .latin a.icon_capslock img.lower { background: url(/MMA8/mma/images/icon_capslock.png) no-repeat 0 -12px; }
.kb-block .latin a.icon_reset { font-size: 15px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; line-height: 20px; }
.kb-block .latin a.icon_reset img { margin-left: 4px; margin-right: 2px; vertical-align: middle; background: url(/MMA8/mma/images/icon_reset.png) no-repeat 0 0; width: 12px; height: 12px; }
.kb-block .num a { -moz-box-shadow: 0px 2px 0px 0px #63000c; -webkit-box-shadow: 0px 2px 0px 0px #63000c; box-shadow: 0px 2px 0px 0px #63000c; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b12333), color-stop(1, #8f0515)); background: -moz-linear-gradient(top, #b12333 5%, #8f0515 100%); background: -webkit-linear-gradient(top, #b12333 5%, #8f0515 100%); background: -o-linear-gradient(top, #b12333 5%, #8f0515 100%); background: -ms-linear-gradient(top, #b12333 5%, #8f0515 100%); background: linear-gradient(to bottom, #b12333 5%, #8f0515 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b12333', endColorstr='#8f0515', GradientType=0); background-color: #b12333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #921524; display: inline-block; cursor: pointer; color: #ffffff !important; font-family: Arial; font-size: 20px; padding: 2px 0px; text-decoration: none; }
.kb-block .num a:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8f0515), color-stop(1, #b12333)); background: -moz-linear-gradient(top, #8f0515 5%, #b12333 100%); background: -webkit-linear-gradient(top, #8f0515 5%, #b12333 100%); background: -o-linear-gradient(top, #8f0515 5%, #b12333 100%); background: -ms-linear-gradient(top, #8f0515 5%, #b12333 100%); background: linear-gradient(to bottom, #8f0515 5%, #b12333 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f0515', endColorstr='#b12333', GradientType=0); background-color: #8f0515; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.kb-block .num a:active { position: relative; top: 1px; }
.kb-block .col { display: inline-block; text-align: center; font-size: 20px; margin: 0 2px; }
.kb-block .col-1 a { width: 24px; padding-top: 2px; padding-bottom: 2px; }
.kb-block .col-2 a { width: 52px; padding-top: 2px; padding-bottom: 2px; }
.kb-block .col-3 a { width: 84px; padding-top: 2px; padding-bottom: 2px; }
.kb-block .col-5 a { width: 144px; padding-top: 2px; padding-bottom: 2px; }

.catch_fund .rblock { border: #e7e7e7 1px solid; border-radius: 4px; margin: 10px auto; background: url(/MMA8/mma/images/rblock_bg.jpg) repeat-y left top; display: flex; justify-content: flex-start; align-items: flex-start; }
.catch_fund .rcat { background-color: #f6f6f6; padding: 9px; display: inline-block; vertical-align: top; }
.catch_fund .rcat div { width: 90px; min-height: 80px; text-align: center; background-color: #fff; border-radius: 2px; display: inline-block; }
.catch_fund .rcat i { background: url(/MMA8/mma/images/cfund_icons.png) no-repeat; width: 46px; height: 43px; display: block; text-align: center; margin: 7px auto; }
.catch_fund .rcat i.cycle { background-position: 0 -43px; }
.catch_fund .rcat i.ransom { background-position: 0 -86px; }
.catch_fund .rcat i.single { background-position: 0 -129px; }
.catch_fund .rcat i.balance { background-position: 0 -172px; }
.catch_fund .rcat i.adjustment { background-position: 0 -212px; }
.catch_fund .rcat i.HBD { background-position: 0 -250px; }
.catch_fund .rcat p { color: #717881; font-size: 13px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; line-height: 16px; margin-bottom: 5px; }
.catch_fund .rinfo { line-height: 22px; }
.catch_fund .rinfo li { margin-bottom: 5px; }
.catch_fund .rinfo .highlight { color: #d00f24; }
.catch_fund .rdata { padding: 10px 15px 6px 12px; font-size: 15px; vertical-align: top; display: flex; justify-content: space-between; align-items: flex-start; flex: 1 1 80%; flex-wrap: nowrap; }
.catch_fund .rdata.aligncenter { align-items: center; }
.catch_fund .rdata.pd20 { padding: 20px; }
.catch_fund .rdata .rinfo { margin-right: 1em; width: 55%; flex-shrink: 1; }
.catch_fund .rdata .rinfo.full { width: 100%; margin-right: auto; flex: 0 0 auto; }
.catch_fund .rdata .raction { line-height: 30px; text-align: right; width: 43%; flex-shrink: 0; flex-grow: 1; }
.catch_fund .rdata .raction .rdate { margin-bottom: 7px; white-space: nowrap; display: flex; justify-content: flex-end; align-items: center; }
.catch_fund .rdata .raction .rdate::before { display: block; content: ""; width: 20px; height: 30px; background: url(/MMA8/mma/images/icons.png) 0 -1517px no-repeat; }
.catch_fund .rdata .raction .others { clear: both; white-space: nowrap; }
.catch_fund .rdata .raction .others b { font-size: 18px; font-family: Microsoft JhengHei, Arial; color: #d00f24; margin-right: 15px; vertical-align: middle; }
.catch_fund .rdata .raction .others a { background: #c53444; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MzQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2MwMzA0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzk2MGMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YjAyMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c53444 0%, #c03040 30%, #960c1c 80%, #8b0212 100%); background: -webkit-linear-gradient(top, #c53444 0%, #c03040 30%, #960c1c 80%, #8b0212 100%); background: linear-gradient(to bottom, #c53444 0%, #c03040 30%, #960c1c 80%, #8b0212 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c53444', endColorstr='#8b0212', GradientType=0); border-radius: 3px; color: #fff; font-size: 15px; font-weight: bold; text-align: center; display: inline-block; vertical-align: middle; padding-left: 1.5em; padding-right: 1.5em; line-height: 30px; height: 30px; border: #d00f24 1px solid; }
.catch_fund .rdata .raction .others a:hover { background: #f31e36; border: #d00f24 1px solid; }
.catch_fund .rdata .raction .others a.nbtn { color: #666666; border: 1px solid #dddddd; box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); background-color: #ffffff; cursor: pointer; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(25%, #ffffff), color-stop(100%, #efefef)); background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #efefef 100%); }
.catch_fund .rdata .raction .others a.nbtn:focus { outline: none; }
.catch_fund .rdata .raction .others a.nbtn:hover { color: white; background: #f31e36; border: #d00f24 1px solid; box-shadow: 0px 1px 1px rgba(180, 78, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); }
.catch_fund .rdata:after { clear: both; content: ""; display: block; }
.catch_fund ul.radio-list { display: block; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.catch_fund ul.radio-list > li { /*width:50%;*/ white-space: nowrap; }
.catch_fund ul.radio-list .small_info { font-size: 12px; margin-top: -6px; }

.catch_foreign .rblock { border: #e7e7e7 1px solid; border-radius: 4px; margin: 10px auto; background: url(/MMA8/mma/images/rblock_bg.jpg) repeat-y left top; display: flex; justify-content: flex-start; align-items: flex-start; }
.catch_foreign .rcat { background-color: #f6f6f6; padding: 9px; display: inline-block; vertical-align: top; }
.catch_foreign .rcat div { width: 90px; height: 80px; text-align: center; background-color: #fff; border-radius: 2px; display: inline-block; }
.catch_foreign .rcat p { color: #717881; font-size: 13px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; line-height: 16px; margin-bottom: 5px; }
.catch_foreign i { width: 42px; height: 42px; display: block; text-align: center; margin: 7px auto; background-size: 100% 100%; }
.catch_foreign i.cad { background: url(/MMA8/mma/images/foreign-currency-cad.png) no-repeat; }
.catch_foreign i.chf { background: url(/MMA8/mma/images/foreign-currency-chf.png) no-repeat; }
.catch_foreign i.cny { background: url(/MMA8/mma/images/foreign-currency-cny.png) no-repeat; }
.catch_foreign i.cnh { background: url(/MMA8/mma/images/foreign-currency-cnh.png) no-repeat; }
.catch_foreign i.eur { background: url(/MMA8/mma/images/foreign-currency-eur.png) no-repeat; }
.catch_foreign i.gbp { background: url(/MMA8/mma/images/foreign-currency-gbp.png) no-repeat; }
.catch_foreign i.jpy { background: url(/MMA8/mma/images/foreign-currency-jpy.png) no-repeat; }
.catch_foreign i.nzd { background: url(/MMA8/mma/images/foreign-currency-nzd.png) no-repeat; }
.catch_foreign i.sek { background: url(/MMA8/mma/images/foreign-currency-sek.png) no-repeat; }
.catch_foreign i.sgd { background: url(/MMA8/mma/images/foreign-currency-sgd.png) no-repeat; }
.catch_foreign i.usd { background: url(/MMA8/mma/images/foreign-currency-usd.png) no-repeat; }
.catch_foreign i.zar { background: url(/MMA8/mma/images/foreign-currency-zar.png) no-repeat; }
.catch_foreign i.hkd { background: url(/MMA8/mma/images/foreign-currency-hkd.png) no-repeat; }
.catch_foreign i.twd { background: url(/MMA8/mma/images/foreign-currency-twd.png) no-repeat; }
.catch_foreign i.thb { background: url(/MMA8/mma/images/foreign-currency-thb.png) no-repeat; }
.catch_foreign i.mop { background: url(/MMA8/mma/images/foreign-currency-mop.png) no-repeat; }
.catch_foreign i.HBD { background: url(/MMA8/mma/images/HBD_icons.png) no-repeat; }
.catch_foreign i.aud { background: url(/MMA8/mma/images/foreign-currency-aud.png) no-repeat; }
.catch_foreign i.foryou { background: url(/MMA8/mma/images/only_for_you.png) no-repeat; margin: 17px auto !important; width: 46px; height: 46px; }
.catch_foreign i.inflation { background: url(/MMA8/mma/images/inflation.png) no-repeat; }
.catch_foreign i.subscription { background: url(/MMA8/mma/images/subscription.png) no-repeat; }
.catch_foreign i.coupon { background: url(/MMA8/mma/images/coupon.png) no-repeat; width: 46px; height: 46px; background-position: 0px -2px; }
.catch_foreign .rinfo { line-height: 22px; }
.catch_foreign .rinfo li { margin-bottom: 5px; }
.catch_foreign .rdata { padding: 10px 15px 6px 12px; font-size: 15px; vertical-align: top; display: flex; justify-content: space-between; align-items: flex-start; flex: 1 1 80%; flex-wrap: nowrap; }
.catch_foreign .rdata .rinfo { margin-right: 1em; width: 55%; flex-shrink: 1; }
.catch_foreign .rdata .raction { line-height: 30px; text-align: right; width: 43%; flex-shrink: 0; flex-grow: 1; }
.catch_foreign .rdata .raction .rdate { margin-bottom: 7px; white-space: nowrap; display: flex; justify-content: flex-end; align-items: center; }
.catch_foreign .rdata .raction .rdate::before { display: block; content: ""; width: 20px; height: 30px; background: url(/MMA8/mma/images/icons.png) 0 -1517px no-repeat; }
.catch_foreign .rdata .raction .others { clear: both; white-space: nowrap; }
.catch_foreign .rdata .raction .others b { font-size: 18px; font-family: Microsoft JhengHei, Arial; color: #d00f24; margin-right: 15px; vertical-align: middle; }
.catch_foreign .rdata .raction .others a { background: #c53444; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MzQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2MwMzA0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzk2MGMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YjAyMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c53444 0%, #c03040 30%, #960c1c 80%, #8b0212 100%); background: -webkit-linear-gradient(top, #c53444 0%, #c03040 30%, #960c1c 80%, #8b0212 100%); background: linear-gradient(to bottom, #c53444 0%, #c03040 30%, #960c1c 80%, #8b0212 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c53444', endColorstr='#8b0212', GradientType=0); border-radius: 3px; color: #fff; font-size: 15px; font-weight: bold; text-align: center; display: inline-block; vertical-align: middle; width: 104px; line-height: 30px; height: 30px; }
.catch_foreign .rdata .raction .others a:hover { background: #f31e36; border: #d00f24 1px solid; line-height: 28px; height: 28px; width: 102px; }
.catch_foreign .rdata .raction .others a.nbtn { color: #666666; border: 1px solid #dddddd; box-shadow: 0px 1px 1px rgba(180, 178, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); background-color: #ffffff; cursor: pointer; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(25%, #ffffff), color-stop(100%, #efefef)); background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 25%, #efefef 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #efefef 100%); }
.catch_foreign .rdata .raction .others a.nbtn:focus { outline: none; }
.catch_foreign .rdata .raction .others a.nbtn:hover { color: white; background: #f31e36; border: #d00f24 1px solid; box-shadow: 0px 1px 1px rgba(180, 78, 178, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7); }
.catch_foreign .rdata:after { clear: both; content: ""; display: block; }
.catch_foreign.revent .rdata { align-items: center; }
.catch_foreign.revent .rcat i { margin: 19px auto; }

section.trans-content .agree { margin: 15px auto; }
section.trans-content .agree .rowElem { line-height: 28px; margin-bottom: 0; font-size: 15px; }
section.trans-content .agree .checkElem + p { margin-left: 28px; line-height: 1.5; }
section.trans-content .agree .flex { font-size: 15px; padding: 5px; }
section.trans-content .agree .maction { margin-left: 33px; }
section.trans-content .agree .maction:before { content: ""; background-position: 0 -791px; width: 13px; height: 13px; background-image: url(/MMA8/mma/images/icons.png); display: inline-block; vertical-align: middle; margin-right: 5px; }
section.trans-content .agree .maction:after { content: "展開基金列表"; color: #474747; display: inline-block; vertical-align: middle; }
section.trans-content .agree .maction.action_open:before { background-position: -14px -791px; }
section.trans-content .agree .maction.action_open:after { content: "收合基金列表"; }
section.trans-content .agree .showlist a { display: block; margin-left: 33px; line-height: 24px; }
section.trans-content .agree .showlist a.inline { display: inline; margin-left: 0; }
section.trans-content .agree .showlist p { margin-left: 33px; }
section.trans-content .agree .showlist span.gray { color: #999999; }

.iframe_block { margin: 15px auto; border: #dddddd 1px solid; border-radius: 5px; padding: 10px 10px; }
.iframe_block.max150 { max-height: 150px; overflow-y: auto; -webkit-overflow-scrolling: touch; }

/**********************new form style***************************20160129***/
td.caption h3 { font-size: 17px; position: relative; margin-top: 0px; }
td.caption h3:before { content: ""; display: block; border-top: solid 1px #ff9090; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1; }
td.caption h3 span { background: #fff; padding: 5px 20px; position: relative; z-index: 5; margin-left: 88px; font-weight: bold; border: 1px #ff9090 solid; border-radius: 30px; color: #ff9090; }

.new-datatable { font-size: 15px; border-collapse: collapse; margin: 10px auto; color: #666666; }
.new-datatable.mg30 { margin: 30px auto; }
.new-datatable.mg_bottom30 { margin-bottom: 30px; }
.new-datatable.detaillist th { width: 105px; }
.new-datatable.single-col th, .new-datatable.single-col td { padding-left: 10px; padding-right: 10px; }
.new-datatable .ntable { margin: 5px auto 5px auto; }
.new-datatable .ntable th { text-align: center; line-height: 1.4; padding: 10px 20px; width: inherit; vertical-align: middle; font-size: 15px; white-space: nowrap; }
.new-datatable .ntable td { padding: 10px 20px; line-height: 1.4; }
.new-datatable .ntable.lastright tr th:last-child, .new-datatable .ntable.lastright tr td:last-child { text-align: right; }
.new-datatable th { text-align: right; line-height: 36px; padding: 5px 10px 5px 0px; width: 185px; vertical-align: middle; font-size: 16px; white-space: nowrap; }
.new-datatable th > br { line-height: 0.2em; }
.new-datatable th.autowidth { width: auto; }
.new-datatable th.center { text-align: center; }
.new-datatable th.lh15 { line-height: 1.5; }
.new-datatable td { text-align: left; line-height: 34px; padding: 5px 0px 5px 10px; vertical-align: middle; }
.new-datatable td.center { text-align: center; }
.new-datatable td.air_td { padding: 0px; }
.new-datatable td.line__heightsm { line-height: 23px; }
.new-datatable .fwn { font-weight: normal; }
.new-datatable td.caption { padding: 15px 10px 10px 10px; line-height: 34px; }
.new-datatable.vtop th, .new-datatable.vtop td { vertical-align: top; }
.new-datatable tr.line td { background: url(/MMA8/mma/images/line.jpg) repeat-x left 5px; content: ""; }
.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; }
.new-datatable .PWidth { width: 66px; }

section.trans-content .new-datatable .rowElem { line-height: 34px; margin-bottom: 0; }
section.trans-content .new-datatable .mb10 { margin-bottom: 10px; }
section.trans-content .group-radios { width: 500px; }
section.trans-content .rinfo { font-size: 13px; }
section.trans-content .rinfo h6 { font-size: 16px; }

.videoblock h3 { line-height: 20px; font-size: 16px; padding-top: 8px; padding-bottom: 8px; width: 780px; float: left; }
.videoblock .share { float: right; background: url(/MMA8/mma/images/icons.png) no-repeat right -1560px; padding-right: 30px; color: #666666; line-height: 20px; margin: 8px auto; display: block; }
.videoblock .vcon { padding-top: 5px; padding-bottom: 20px; color: #666666; line-height: 1.5em; border-top: #dedadb 1px solid; clear: both; }
.videoblock .vfoot { border-top: #dedadb 1px solid; padding-top: 10px; }
.videoblock .vfoot .pull-left { width: 720px; padding-top: 6px; }
.videoblock .vfoot .pull-right { width: 160px; }
.videoblock .vfoot .bubblebox { display: none; position: relative; background: #f9f9f9; border: 1px solid #dddddd; width: 200px; box-sizing: border-box; margin-top: 25px; z-index: 2; text-align: center; padding: 12px 10px; border-radius: 4px; right: 39px; }
.videoblock .vfoot .bubblebox h4 { font-size: 20px; color: #666666; }
.videoblock .vfoot .bubblebox:after, .videoblock .vfoot .bubblebox:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.videoblock .vfoot .bubblebox:after { border-color: rgba(249, 249, 249, 0); border-bottom-color: #f9f9f9; border-width: 20px; margin-left: -20px; }
.videoblock .vfoot .bubblebox:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #dddddd; border-width: 21px; margin-left: -21px; }
.videoblock .vfoot .bubblebox:hover { display: block !important; }
.videoblock .vfoot .mdownload { float: right; width: 160px; border-left: #dedadb 1px solid; box-sizing: border-box; padding-right: 4px; padding-left: 30px; height: 50px; }
.videoblock .vfoot .mdownload .btn a { display: block; background: url(/MMA8/mma/images/app_button.jpg) no-repeat; width: 125px; height: 50px; text-indent: -9999px; }
.videoblock .vfoot li { border-right: #dedadb 1px solid; padding-right: 10px; padding-left: 10px; display: inline-block; margin-bottom: 9px; }
.videoblock .vfoot li.first { padding-left: 0; }
.videoblock .vfoot li.last { border-right: #dedadb 0px solid; }

.main_ctn_fund-video { background: url(/MMA8/mma/images/main_ctn_fund-video.png) no-repeat center top #ededed; }
.main_ctn_fund-video .mod-cluster { clear: both; }
.main_ctn_fund-video .mod-cluster .block-mod { float: none; margin-right: 0px; height: inherit; padding: 8px 15px 0; }
.main_ctn_fund-video .mod-cluster .block-mod .acct-notice td.status { background: none; padding-left: 0; }
.main_ctn_fund-video .mod-cluster .date { padding-right: 20px; }
.main_ctn_fund-video .mod-cluster .status { text-align: center; width: 50px; }
.main_ctn_fund-video .mod-cluster .status .new { width: 28px; height: 13px; display: inline-block; vertical-align: middle; background: url(/MMA8/mma/images/icons.png) no-repeat right -1600px; text-indent: -9999px; }
.main_ctn_fund-video .mod-cluster .status .hot { width: 28px; height: 13px; display: inline-block; vertical-align: middle; background: url(/MMA8/mma/images/icons.png) no-repeat 0 -1600px; text-indent: -9999px; }
.main_ctn_fund-video .pagination { margin-left: auto; margin-right: auto; }
.main_ctn_fund-video .block_right_3 { margin-top: 5px; }

.videoblock .iframeblock { background-color: #000000; text-align: center; height: 360px; }

#mcfmenu { display: none; }

.chat-popup { position: relative; padding-top: 0; *height: 0; }

.chatblock { display: none; position: absolute; top: 86px; right: 0; z-index: 998; width: 500px; height: 600px; background-color: white; background: url(/MMA8/mma/images/search-darrow.png) no-repeat 437px 0px white; -moz-box-shadow: 0px 3px 15px 4px rgba(99, 99, 99, 0.5); -webkit-box-shadow: 0px 3px 15px 4px rgba(99, 99, 99, 0.5); box-shadow: 0px 3px 15px 4px rgba(99, 99, 99, 0.5); border: 1px solid #dddddd\9; border-top: none\9; }
.chatblock .links { padding: 12px 4px 13px 4px; }
.chatblock .links li { border-right: #d1d1d1 1px solid; line-height: 20px; font-size: 16px; text-align: center; width: 98px; float: left; }
.chatblock .links li:last-child { border-right: none; }
.chatblock .links:after { clear: both; content: ""; display: block; }
.chatblock a { color: #474747; }
.chatblock a:hover { color: #3d9fd8; }
.chatblock .btnclose { width: 17px; height: 17px; position: absolute; right: 16px; top: 15px; z-index: 990; background: url(/MMA8/mma/images/icons.png) no-repeat left -1750px; }

.container.mobile-popup { position: relative; padding-top: 0; }

.mobile-block { display: none; position: absolute; top: 86px; right: 0; z-index: 999; width: 515px; background-color: white; background: url(/MMA8/mma/images/search-darrow.png) no-repeat 106px 0px white; -moz-box-shadow: 0px 3px 15px 4px rgba(99, 99, 99, 0.5); -webkit-box-shadow: 0px 3px 15px 4px rgba(99, 99, 99, 0.5); box-shadow: 0px 3px 15px 4px rgba(99, 99, 99, 0.5); border: 1px solid #dddddd\9; border-top: none\9; line-height: 2; }
.mobile-block .mblock { background: url(/MMA8/mma/images/bg_mmamobile.png) no-repeat right bottom; box-sizing: border-box; padding: 18px 34px; }
.mobile-block .mblock1 { width: 198px; }
.mobile-block h5 { line-height: 1.5; font-size: 28px; padding-left: 0; font-weight: normal; }
.mobile-block a { color: #004d99; }
.mobile-block a:hover { color: #3d9fd8; }

/***fix new block & old block ****/
.outer_container .inside_container { margin: 0 -15px; padding-bottom: 0; background-color: none; }
.outer_container .inside_container section.page-content { border: none; width: 100%; padding: 0; }
.outer_container .inside_container div.siteBox { padding: 0; margin: 0; }

.propage .charts { position: relative; }
.propage .charts .label { position: absolute; z-index: 1; bottom: 23px; line-height: 1.4; }

.spterms { height: 200px; }

/**/
a.trend-link { vertical-align: middle; display: inline-block; height: 23px; }

.page_news { background: url(/MMA8/mma/images/page_news.jpg) no-repeat center top #fff; }
.page_news h1 { display: block; margin: 7px 0px 38px 15px; display: block; font-size: 30px; }
.page_news .mod-cluster .block-mod { height: inherit; padding: 8px 13px 0; }
.page_news .mod-cluster .block-mod .listing td { border-top: none; border-bottom: 1px solid #dddddd; }
.page_news .mod-cluster .block-mod .col3 { width: 680px; }
.page_news .pagination, .page_news .pageslink { margin: 25px auto 25px auto; }

.page_event { background: url(/MMA8/mma/images/page_news.jpg) no-repeat center top #fff; }
.page_event h1 { display: block; margin: 7px 0px 38px 15px; display: block; font-size: 30px; }
.page_event .mod-cluster .block-mod { height: inherit; padding: 0px 13px 0; }
.page_event .mod-cluster .block-mod .col3 { width: 680px; }
.page_event .event_block h3 { padding-left: 13px; background: url(/MMA8/mma/images/icons.png) no-repeat 1px -426px; line-height: 40px; font-size: 18px; float: left; }
.page_event .event_block img { width: 680px; height: auto; margin-bottom: 8px; }
.page_event .event_block dl { font-size: 15px; line-height: 28px; display: table-row; }
.page_event .event_block dt { display: table-cell; vertical-align: top; width: 10%; white-space: nowrap; }
.page_event .event_block dd { display: table-cell; vertical-align: top; }
.page_event .event_block li { border-bottom: #dddddd 1px solid; padding-bottom: 15px; padding-top: 5px; }
.page_event .event_block .date { float: right; line-height: 40px; font-size: 15px; }

.pageslink { text-align: center; margin: 15px auto 30px auto; }
.pageslink a { color: #999999; }
.pageslink a:hover { color: #3d9fd8; }
.pageslink .pages { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 2px; border-left: #ededed 1px solid; }
.pageslink .pages a, .pageslink .pages span { border: #ededed 1px solid; border-left: none; padding: 6px 8px; line-height: 13px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.pageslink .pages span, .pageslink .pages .active { color: #004d99; font-weight: bold; color: #ffffff; font-weight: bold; background: #004d99; border: #004d99 1px solid; }
.pageslink .prev, .pageslink .next, .pageslink .first, .pageslink .final { padding: 6px 8px; line-height: 13px; border: #ededed 1px solid; margin: 0 2px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }

.pagination { text-align: center; margin: 15px auto 30px auto; }
.pagination a, .pagination span { padding: 6px 8px; line-height: 13px; border: #ededed 1px solid; margin: 0 2px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; color: #999999; }
.pagination a:hover, .pagination span:hover { color: #3d9fd8; }
.pagination span.current { color: #ffffff; font-weight: bold; background: #004d99; border: #004d99 1px solid; }
.pagination span.current.next, .pagination span.current.prev { background: #ffffff; color: #cccccc; border: #ededed 1px solid; font-weight: normal; }

.pagination2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.pagination2.center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.pagination2 li { margin: 0 4px; }
.pagination2 a { line-height: 1; display: block; border: 1px solid #ccc; padding: 8px 0; text-align: center; color: #888; font-weight: bold; min-width: 26px; box-sizing: border-box; }
.pagination2 a:hover { color: #004d99; border-color: #004d99; }
.pagination2 .more { padding: 5px; }
.pagination2 .prev a, .pagination2 .next a { font-weight: normal; }
.pagination2 .prev a, .pagination2 .next a, .pagination2 .first a, .pagination2 .last a { padding: 8px; }
.pagination2 .current a { border-color: #004d99; background: #004d99; color: white; }
.pagination2 .disabled a { color: #ddd; cursor: not-allowed; }
.pagination2 .disabled a:hover { border-color: #ccc; }

.section_profile .rblock { border: #e7e7e7 1px solid; border-radius: 4px; margin: 30px auto 10px auto; background: url(/MMA8/mma/images/profilelist_bg.jpg) repeat-y left top; }
.section_profile .rblock:after { clear: both; content: ""; display: block; }
.section_profile .rblock h3 span { top: -5px; background: #fff; padding: 5px 20px; position: relative; z-index: 5; margin-left: 15px; font-weight: bold; border: 1px #dddddd solid; border-radius: 30px; color: #666666; font-size: 17px; }
.section_profile .rblock .profile_set { display: table; width: 100%; }
.section_profile .rblock .profile_set li { display: table-row; }
.section_profile .rblock .profile_set .td { display: table-cell; vertical-align: middle; }
.section_profile .rblock .profile_set .td.set { width: 135px; }
.section_profile .rblock .profile_set .new-datatable { width: 730px; }
.section_profile .rblock .profile_set .btn-zone a.nbtn, .section_profile .rblock .profile_set .btn-zone input.nbtn, .section_profile .rblock .profile_set .btn-zone button.nbtn { padding: 8px 12px; position: relative; top: -8px; }

.fba { margin-left: 15px; }
.fba img { vertical-align: middle; margin-right: 10px; }

.vtable { border-collapse: separate; border-spacing: 0; margin: 15px 0 20px 0; width: 100%; }
.vtable.vmiddle td { vertical-align: middle; }
.vtable.tdevenly { table-layout: fixed; }
.vtable th, .vtable td { border: solid 1px #dddddd; border-style: none solid solid none; padding: 15px 20px; line-height: 20px; text-align: left; }
.vtable th { background-color: #f6f6f6; border-left: solid 1px #dddddd; }
.vtable th:not(:first-child) { border-left: none; }
.vtable.th100 th { width: 100px; }
.vtable.th200 th { width: 200px; }
.vtable tr th { vertical-align: middle; text-align: right; }
.vtable tr:first-child th, .vtable tr:first-child td { border-top: solid 1px #dddddd; }
.vtable tr:first-child th:first-child { border-top-left-radius: 8px; border-top: solid 1px #dddddd; }
.vtable tr:first-child td:last-child { border-top-right-radius: 8px; border-top: solid 1px #dddddd; }
.vtable tr:last-child th:first-child { border-bottom-left-radius: 8px; }
.vtable tr:last-child td:last-child { border-bottom-right-radius: 8px; }
.vtable tr .noleftline { border-left-style: none; }
.vtable tr:nth-child(odd) td { background: #fdfdfd; }
.vtable tr:nth-child(even) td { background: #ffffff; }
.vtable.center tr th, .vtable.center tr td { text-align: center; }

.fixed-table-footer tbody tr td { border: solid 0px #dddddd; }
.fixed-table-footer tbody tr:last-child td:first-child { font-weight: bold; font-size: 14px; }
.fixed-table-footer tbody tr:last-child td:last-child { border-left: solid 1px #dddddd; font-weight: bold; color: #d00f24; font-size: 14px; }

.fixed-table-footer .interest tbody tr:last-child td:nth-child(5), .fixed-table-footer .interest tbody tr:last-child td:nth-child(6), .fixed-table-footer .interest tbody tr:last-child td:nth-child(7), .fixed-table-footer .interest tbody tr:last-child td:nth-child(8), .fixed-table-footer .interest tbody tr:last-child td:nth-child(9), .fixed-table-footer .interest tbody tr:last-child td:last-child { border-left: solid 1px #dddddd; }
.fixed-table-footer .interest tbody tr:last-child td:nth-child(5), .fixed-table-footer .interest tbody tr:last-child td:nth-child(6) { color: #d00f24; font-size: 14px; font-weight: bold; }

.noticelist { display: none; padding: 0 0 8px 0; }

.N_listnotice { padding: 0 10px; font-size: 16px; }
.N_listnotice .listStyle { margin: 10px 0px; }
.N_listnotice p.title { font-weight: bold; padding: 10px 0 10px 0; }
.N_listnotice p.title a { color: #474747; }
.N_listnotice .listStyle > ul > li { list-style: none; border-bottom: 1px solid #dddddd; }
.N_listnotice .listStyle > ul > li.noline { border-bottom: none; }
.N_listnotice a.togglePanel { display: block; position: relative; }
.N_listnotice a.togglePanel::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 2%; width: 8px; height: 8px; border: 2px solid #dddddd; border-right: 0; border-bottom: 0; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); margin: auto; }
.N_listnotice a.togglePanel.active::after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.news-zone { margin-top: 15px; }

section.trans-details { margin: 0 -20px; }
section.trans-details p { margin-top: 10px; margin-bottom: 10px; line-height: 34px; }
section.trans-details h3 { font-size: 17px; margin-top: 20px; clear: both; }
section.trans-details h3 .info { float: right; font-size: 13px; }
section.trans-details h4 { font-size: 15px; margin-top: 20px; }

ul.disc { margin-left: 20px; margin-bottom: 20px; }
ul.disc li { line-height: 22px; color: #8e8e8e; }
ul.disc li::before { content: "．"; display: inline-block; vertical-align: middle; line-height: 22px; margin-left: -13px; text-align: justify; text-justify: inter-ideograph; }

.switchbar { float: right; }

.floatleft { float: left; }

.floatright { float: right; }

.grayblock { background: #f9f9f9; border-radius: 20px; box-sizing: border-box; padding: 10px 20px 12px 20px; position: relative; margin-top: 5px; line-height: 48px; }

.mt0 { margin-top: 0; }

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.mr10 { margin-right: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt10 { margin-top: 10px; }

h3.title { font-size: 16px; font-weight: bold; margin: 20px auto; padding-left: 5px; padding-right: 5px; }
h3.title.vacuum { position: absolute; right: 10px; top: 0; }
h3.title.vacuum .info { display: block; text-align: right; float: none; }
h3.title .info { float: right; font-size: 14px; font-weight: normal; }

th .icon.icon-ques { width: auto; padding-right: 22px; height: 20px; background-position: right 2px; cursor: pointer; }

.new-datatable th .icon.icon-ques { width: auto; padding-right: 22px; height: 36px; background-position: right 9px; cursor: pointer; }

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

.accordion .atitle { font-size: 18px; line-height: 50px; padding: 0 2px; position: relative; display: block; color: #474747; }
.accordion .atitle::after { display: inline-block; content: ""; border: solid #aaaaaa; border-width: 0 1px 1px 0; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 20px; right: 10px; position: absolute; }
.accordion .atitle.active::after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: 24px; }
.accordion .atitle:hover::after { border-color: #474747; }
.accordion > li { border-bottom: #dddddd 1px solid; padding: 0 0 0 10px; }
.accordion > li:last-child { border: none; }

.accordion_block { display: none; }

.s_plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 12px; transform: rotate(180deg); position: relative; margin: 0 auto; }
.s_plus::before { content: ""; display: block; width: 12px; height: 0px; border-bottom: solid 2px #474747; position: absolute; bottom: 5px; transform: rotate(90deg); transition: width 0.3s; }
.s_plus::after { content: ""; display: block; width: 12px; height: 0px; border-bottom: solid 2px #474747; position: absolute; bottom: 5px; }

.s_minus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 12px; transform: rotate(180deg); position: relative; margin: 0 auto; }
.s_minus::after { content: ""; display: block; width: 12px; height: 0px; border-bottom: solid 2px #474747; position: absolute; bottom: 5px; }

.s_equal { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 12px; transform: rotate(180deg); position: relative; margin: 0 auto; }
.s_equal::before { content: ""; display: block; width: 12px; height: 0px; border-bottom: solid 2px #474747; position: absolute; top: 2px; }
.s_equal::after { content: ""; display: block; width: 12px; height: 0px; border-bottom: solid 2px #474747; position: absolute; bottom: 3px; }

.ftable { display: table; margin: 0 auto; }
.ftable > ul { display: table-row; }
.ftable > ul > li { display: table-cell; vertical-align: middle; text-align: center; }
.ftable.fixwidth > ul > li { width: 108px; }

dl.stable { border: #dddddd 1px solid; font-size: 15px; text-align: center; box-sizing: border-box; margin: 0 auto; }
dl.stable.fixwidth { width: 108px; }
dl.stable.fixwidth2 { width: 138px; }
dl.stable dt { background: #f6f6f6; line-height: 30px; border-bottom: #dddddd 1px solid; }
dl.stable dd { line-height: 35px; }

.nlink { line-height: 2; display: inline-block; margin: 0 30px; font-size: 14px; }

.acontent { padding-bottom: 30px; }

ul.hortcut { overflow: hidden; margin: 20px 0; text-align: center; }
ul.hortcut > li { overflow: hidden; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 10px; }
ul.hortcut a { display: block; text-align: center; font-size: 15px; width: 100px; color: #004d99; }
ul.hortcut a:hover { color: #3d9fd8; }

h2.warnings { border: none; color: #666666; font-weight: bold; font-size: 28px; line-height: 1; margin-bottom: 15px; padding: 0; margin-top: 20px; }

.telcs { font-size: 15px; font-weight: normal; line-height: 22px; padding-right: 3px; }

/*#upgrade1,#upgrade2 {display:none;}*/
h2.title a.togglePanel { display: block; position: relative; color: #474747; }
h2.title a.togglePanel::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 2%; width: 8px; height: 8px; border: 2px solid #dddddd; border-right: 0; border-bottom: 0; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); margin: auto; }
h2.title a.togglePanel:hover { color: #000000; }
h2.title a.togglePanel:hover::after { border-color: #c9c9c9; }
h2.title a.togglePanel.active::after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

h2.h2 { font-size: 24px; font-weight: bold; text-align: center; line-height: 2em; }

.oldcontainer { margin-left: 11px; margin-right: 1px; padding: 10px 20px; box-sizing: border-box; }

.epaper_new { background: url(/MMA8/mma/images/book.jpg) no-repeat top center; min-height: 720px; margin: 10px auto; box-sizing: border-box; padding: 10px 22px 25px 27px; }
.epaper_new .epage { width: 380px; display: inline-block; vertical-align: top; }
.epaper_new li:last-child { margin-left: 50px; }
.epaper_new h3 { font-size: 18px; font-weight: bold; line-height: 2.444444444444em; padding-left: 48px; background-repeat: no-repeat; background-position: 7px 6px; }
.epaper_new h3.assets { background-image: url(/MMA8/mma/images/ico_assets.png); }
.epaper_new h3.lb { background-image: url(/MMA8/mma/images/ico_liabilities.png); padding-left: 52px; }

.inside_container ul.epaper_new { padding: 20px 22px 25px 48px !important; margin: 10px auto; }

.assets_table { width: 100%; border-collapse: separate; border-spacing: 0; }
.assets_table tr:first-child th:first-child, .assets_table tr:first-child td:first-child { border-top-left-radius: 8px; }
.assets_table tr:first-child th:last-child, .assets_table tr:first-child td:last-child { border-top-right-radius: 8px; }
.assets_table tr:last-child td:first-child, .assets_table tr:last-child th:first-child { border-bottom-left-radius: 8px; }
.assets_table tr:last-child td:last-child, .assets_table tr:last-child th:last-child { border-bottom-right-radius: 8px; }
.assets_table tr:first-child th { border-top-style: solid; }
.assets_table tr:first-child td { border-top-style: solid; }
.assets_table tr > :first-child { border-left-style: solid; }
.assets_table tr td { background: #fcf3f3; text-align: center; font-size: 15px; line-height: 2.4em; border: solid 1px #cccccc; border-style: none solid solid none; padding: 0 12px; width: 125px; box-sizing: border-box; }
.assets_table tr td.odd { background: #f9e3e3; }
.assets_table tr td:last-child { background: #fff; text-align: right; width: 130px; }
.assets_table tr td.noleftborder { border-left-style: none; }
.assets_table.vmiddle th, .assets_table.vmiddle td { vertical-align: middle; }

.lb_table { width: 100%; border-collapse: separate; border-spacing: 0; }
.lb_table tr:nth-child(odd) { background: #e0f3d6; }
.lb_table tr:nth-child(even) { background: #f0faeb; }
.lb_table tr:first-child th:first-child, .lb_table tr:first-child td:first-child { border-top-left-radius: 8px; }
.lb_table tr:first-child th:last-child, .lb_table tr:first-child td:last-child { border-top-right-radius: 8px; }
.lb_table tr:last-child td:first-child, .lb_table tr:last-child th:first-child { border-bottom-left-radius: 8px; }
.lb_table tr:last-child td:last-child, .lb_table tr:last-child th:last-child { border-bottom-right-radius: 8px; }
.lb_table tr:first-child th { border-top-style: solid; }
.lb_table tr:first-child td { border-top-style: solid; }
.lb_table tr > :first-child { border-left-style: solid; }
.lb_table tr td { text-align: center; font-size: 15px; line-height: 2.4em; border: solid 1px #cccccc; border-style: none solid solid none; padding: 0 12px; box-sizing: border-box; }
.lb_table tr td:last-child { background: #ffffff; text-align: right; width: 130px; }
.lb_table.vmiddle th, .lb_table.vmiddle td { vertical-align: middle; }

/*20171128 by naomi*/
.bank_service { text-align: center; margin: 45px auto; color: #666666; font-size: 16px; }
.bank_service > .row2 { text-align: center; display: inline-block; vertical-align: top; width: 296px; }
.bank_service > .row2:first-child { margin-right: 48px; }
.bank_service > .row2 > img { margin: 0 auto 45px auto; }
.bank_service p { text-align: left; text-align: justify; text-justify: inter-ideograph; line-height: 1.5; }
.bank_service .more { padding-left: 0.5em; text-decoration: underline; color: #4477ca; }
.bank_service .note-branch { font-size: 12px; line-height: 1.4; background: url(/MMA8/mma/images/icon_branch.png) no-repeat left center; padding-left: 30px; text-align: left; text-align: justify; text-justify: inter-ideograph; white-space: nowrap; }
.bank_service .note-branch > a { text-decoration: underline; display: block; color: #4477ca; }

.cards_promote_zone { width: 670px; margin: 10px auto; text-align: center; color: #333333; line-height: 1.6; }
.cards_promote_zone h3 { font-size: 20px; font-weight: bold; }
.cards_promote_zone p { font-size: 15px; text-align: justify; text-justify: inter-ideograph; }
.cards_promote_zone > div { text-align: left; }

.topic { margin: 0 auto 15px auto; }
.topic .rtitle { display: inline-block; vertical-align: top; width: calc(100% - 144px); }
.topic .formma { display: inline-block; vertical-align: top; width: 140px; }
.topic .formma > b { background: #e71a0f; color: #ffffff; line-height: 1.5625; padding: 0 15px; font-weight: bold; font-size: 16px; display: block; text-align: center; border-radius: 12px; }
.topic .banner { margin: 10px auto; }
.topic .banner + p { margin: 0 1em; }
.topic .banner + p .note { font-size: 12px; }
.topic .bimg { display: block; }
.topic .bimg > img { display: block; text-align: center; }
.topic .bbonus { box-sizing: border-box; border: #e71a0f 1px solid; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; font-size: 15px; }
.topic h4 { border-bottom-left-radius: 6px; background: #e71a0f; color: #ffffff; padding: 0 15px; display: inline-block; line-height: 2; }
.topic .abonus { color: #666666; padding: 0 15px; line-height: 2; display: inline-block; }
.topic .abonus:hover { text-decoration: underline; }

img.card_process { margin: 0px auto; }

div.card_process, .card_notice { margin: 15px auto; }

.card_notice ol { margin: 10px auto; }

.cards_album { margin: 0 -18px; padding: 12px 0; box-sizing: border-box; background: #f8f8f8; text-align: center; }
.cards_album h3 { padding: 0 16px; }
.cards_album h4 { font-size: 16px; white-space: nowrap; }
.cards_album .btn-zone { margin: 12px auto 15px auto; }
.cards_album .more { display: inline-block; margin: 0 auto; }
.cards_album .more:hover { text-decoration: underline; }
.cards_album .item { box-sizing: border-box; padding: 8px 12px; border-right: #cacaca 1px dotted; }

.card_feature > li { background: url(/MMA8/mma/images/cardli.png) 2px center no-repeat; padding-left: 12px; line-height: 2; color: #666666; text-align: justify; text-justify: inter-ideograph; }
.card_feature > li > b { color: #c2170e; }

.textleft { text-align: left; }

.textright { text-align: right; }

.icon-cpl + span, .icon-fail + span { display: inline-block; vertical-align: middle; line-height: 32px; }

.period { border: #dddddd 1px solid; border-radius: 30px; padding: 0 10px; line-height: 30px; margin-right: 10px; box-sizing: border-box; cursor: pointer; display: inline-block; }
.period:hover, .period.checked { border-color: #ff9090; color: #ff9090; }

.ico-dl { background: url(/MMA8/mma/images/ico-dl.svg) no-repeat 2px 9px; padding-left: 26px; line-height: 2; display: block; }
.ico-dl:hover { background: url(/MMA8/mma/images/ico-dl_hover.svg) no-repeat 2px 9px; }

.flex { display: flex; }
.flex.wrap, .flex.warp { flex-wrap: wrap; }
.flex.column { flex-direction: column; }

.inline-flex { display: inline-flex; }

.flex-end { justify-content: flex-end; }

.justify-center { justify-content: center; }

.justify-start { justify-content: flex-start; }

.space-between { justify-content: space-between; }

.space-around { justify-content: space-around; }

.aligncenter { align-items: center; }

.alignstart { align-items: flex-start; }

.selfstart { align-self: flex-start; }

.selfend { align-self: flex-end; }

.stretch { align-items: stretch; }

.settingbox { margin: 15px auto 20px auto; border: #dddddd 1px solid; border-radius: 8px; box-sizing: border-box; padding: 20px 0; align-items: flex-start; font-size: 16px; }
.settingbox > .item { padding-top: 14px; padding-bottom: 14px; box-sizing: border-box; text-align: center; border-right: #dddddd 1px solid; }
.settingbox > .item:last-child { border-right: 0px; }
.settingbox > .item:first-child:nth-last-child(4), .settingbox > .item:first-child:nth-last-child(4) ~ .item { width: 25%; }
.settingbox > .item:first-child:nth-last-child(3), .settingbox > .item:first-child:nth-last-child(3) ~ .item { width: 33%; }
.settingbox > .item:first-child:nth-last-child(2), .settingbox > .item:first-child:nth-last-child(2) ~ .item { width: 50%; }
.settingbox > .item:first-child:nth-last-child(1), .settingbox > .item:first-child:nth-last-child(1) ~ .item { width: 100%; }
.settingbox h4 { font-size: 20px; }
.settingbox .status { margin-top: 14px; margin-bottom: 14px; display: block; }
.settingbox .status.O { color: #37b914; }
.settingbox .status.O > span { display: inline-block; background-image: url(/MMA8/mma/images/icons.png); background-position: left -1200px; width: 16px; height: 16px; line-height: 16px; margin-right: 4px; display: inline-block; vertical-align: bottom; }
.settingbox .status.X { color: #ffba00; }
.settingbox .status.X > span { display: inline-block; background-image: url(/MMA8/mma/images/icons.png); background-position: left -2518px; width: 16px; height: 16px; line-height: 16px; margin-right: 4px; display: inline-block; vertical-align: bottom; }
.settingbox .status.XX { color: #d00f24; }
.settingbox .status.XX > span { display: inline-block; background-image: url(/MMA8/mma/images/icons.png); background-position: left -2554px; width: 16px; height: 16px; line-height: 16px; margin-right: 4px; display: inline-block; vertical-align: bottom; }
.settingbox a.btn { border: #004d99 1px solid; border-radius: 4px; padding: 0 0.5em; color: #004d99; line-height: 2em; display: inline-block; }
.settingbox a.btn:hover { background: #004d99; color: #ffffff; }

.desh { padding: 0 0.5em; color: #cccccc; }

.chart-table { width: 494px; margin-left: 30px; }
.chart-table th { background: #333333; color: #ffffff; line-height: 1; padding: 14px 10px; font-size: 17px; text-align: left; }
.chart-table th:first-child { padding-left: 14px; white-space: nowrap; }
.chart-table th:last-child { padding-right: 14px; }
.chart-table tr:last-child td { border-bottom: 0px; }
.chart-table td { font-size: 15px; padding: 12px 7px; line-height: 1.4em; text-align: left; border-bottom: #333333 1px dotted; }
.chart-table td:first-child { padding-left: 14px; white-space: nowrap; width: 5em; }
.chart-table td:nth-child(2) { width: 44%; }
.chart-table td:last-child { padding-right: 14px; }
.chart-table td b { align-self: flex-end; width: 60px; text-align: right; }
.chart-table .bar { width: 100px; height: 15px; overflow: hidden; margin-left: 10px; }
.chart-table .bar.stock1 { background-color: rgba(0, 42, 90, 0.2); }
.chart-table .bar.stock1 > span { background-color: #002a5a; }
.chart-table .bar.stock2 { background-color: rgba(0, 71, 154, 0.2); }
.chart-table .bar.stock2 > span { background-color: #00479a; }
.chart-table .bar.stock3 { background-color: rgba(0, 89, 192, 0.2); }
.chart-table .bar.stock3 > span { background-color: #0059c0; }
.chart-table .bar.stock4 { background-color: rgba(0, 107, 231, 0.2); }
.chart-table .bar.stock4 > span { background-color: #006be7; }
.chart-table .bar.stock5 { background-color: rgba(6, 93, 164, 0.2); }
.chart-table .bar.stock5 > span { background-color: #065da4; }
.chart-table .bar.bond1 { background-color: rgba(230, 35, 16, 0.2); }
.chart-table .bar.bond1 > span { background-color: #e62310; }
.chart-table .bar.bond2 { background-color: rgba(237, 119, 119, 0.2); }
.chart-table .bar.bond2 > span { background-color: #ed7777; }
.chart-table .bar.bond3 { background-color: rgba(234, 167, 167, 0.2); }
.chart-table .bar.bond3 > span { background-color: #eaa7a7; }
.chart-table .bar.bond4 { background-color: rgba(166, 25, 12, 0.2); }
.chart-table .bar.bond4 > span { background-color: #a6190c; }
.chart-table .bar.bond5 { background-color: rgba(102, 16, 7, 0.2); }
.chart-table .bar.bond5 > span { background-color: #661007; }
.chart-table .bar.bond6 { background-color: rgba(243, 37, 17, 0.2); }
.chart-table .bar.bond6 > span { background-color: #f32511; }
.chart-table .bar.bond7 { background-color: rgba(204, 31, 14, 0.2); }
.chart-table .bar.bond7 > span { background-color: #cc1f0e; }
.chart-table .bar.others { background-color: rgba(172, 172, 172, 0.2); }
.chart-table .bar.others > span { background-color: #acacac; }
.chart-table .bar > span { width: 0px; display: block; height: 15px; transition: width 0.8s ease; transition-delay: 1s; }
.chart-table.max { width: 100%; margin-left: 0; }
.chart-table.max th:nth-child(3) { text-align: center; }
.chart-table.max th:nth-child(4) { text-align: center; }
.chart-table.max th:nth-child(5) { text-align: center; }
.chart-table.max td:nth-child(2) { width: 35%; }
.chart-table.max td:nth-child(3) { text-align: right; }
.chart-table.simple td:nth-child(3) { text-align: center; }
.chart-table.simple td:nth-child(4) { text-align: right; }

.chart-block { position: relative; }
.chart-block .charts { margin-left: auto; margin-right: auto; position: relative; }
.chart-block .equity-expo { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 50%; width: 50%; height: 65%; }
.chart-block .equity-expo .year { color: #333; font-size: 30px; text-align: center; margin-bottom: 20px; margin-top: 0; }
.chart-block .equity-expo .status { color: #333; font-size: 24px; text-align: center; margin-bottom: 0px; margin-top: 20px; }
.chart-block .equity-expo .sbrate { display: flex; justify-content: center; line-height: 1; }
.chart-block .equity-expo .sbrate div { padding: 0 20px; }
.chart-block .equity-expo .sbrate p { font-size: 20px; white-space: nowrap; margin-top: 0; font-weight: normal; }
.chart-block .equity-expo .sbrate p.mt10 { margin-top: 10px; }
.chart-block .equity-expo .sbrate .huge { font-size: 50px; }
.chart-block .equity-expo .sbrate .stock { color: #065da4; border-right: 1px solid black; }
.chart-block .equity-expo .sbrate .bond { color: #e62310; }
.chart-block .equity-expo .sbrate .completion p { font-size: 15px; text-align: center; }
.chart-block .equity-expo .sbrate .completion .huge { font-size: 40px; color: #065da3; padding-top: 5px; }

div[id*="chart-container"] { position: relative; z-index: 2; }
div[id*="chart-container"] .highcharts-tooltip-box { fill: white !important; }

.pureblock { border: #dddddd 1px solid; border-radius: 5px; padding: 10px 15px; box-sizing: border-box; display: block; position: relative; }
.pureblock.flex { display: flex; }
.pureblock.wrap { flex-wrap: wrap; }
.pureblock.pd25 { padding: 30px 25px 25px 25px; }
.pureblock.arrow::after { border: solid #999999; border-width: 0 1px 1px 0; display: inline-block; padding: 12px; content: ""; vertical-align: middle; position: absolute; right: 40px; top: 0; bottom: 0; margin: auto; transform: rotate(-45deg); width: 20px; height: 20px; box-sizing: border-box; }
.pureblock .blocktips { position: absolute; left: -20px; top: -20px; }
.pureblock .legend { line-height: 1; }

a.pureblock { color: #474747; position: relative; }
a.pureblock:hover { color: #474747; box-shadow: 0px 3px 5px 0px #cccccc; }

.ocean { width: 100%; position: relative; bottom: 0; left: 0; right: 0; overflow: hidden; height: 162px; padding: 25px 20px; }

.wave { background: url(/MMA8/mma/images/wave.svg) repeat-x; position: absolute; top: 122px; width: 6400px; height: 40px; animation: wave 25s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0); background-size: auto 40px; }

.wave:nth-of-type(2) { top: 122px; animation: wave 15s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite; opacity: 1; }

.summaryblock > div { width: 50%; text-align: center; line-height: 40px; }
.summaryblock > div:nth-of-type(2) { border-left: #dddddd 1px solid; }
.summaryblock h4 { font-size: 16px; }
.summaryblock p { font-size: 20px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 12px; }
.summaryblock b { font-size: 30px; }

a.pureblock + a.pureblock { margin-top: 15px; }

.chart-data { flex-grow: 2; }

.puretable { margin-left: -15px; }
.puretable th, .puretable td { text-align: left; padding: 0 15px; }

.sum_content_chart { border-right: #dddddd 1px solid; padding-right: 20px; margin-right: 20px; }
.sum_content_chart h5 { padding-top: 7px; }
.sum_content_chart h6::before { content: ""; display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-right: 5px; width: 12px; height: 12px; border-radius: 6px; }
.sum_content_chart h6.green-light::before { background-color: #31ad00; }
.sum_content_chart h6.orange::before { background-color: #ff9c00; }

.legend { background: #fff; padding: 7px 20px; position: absolute; z-index: 5; font-weight: bold; border: 1px #dddddd solid; border-radius: 30px; color: #474747; font-size: 18px; top: -16px; }

.chart-info > li { display: flex; justify-content: space-between; border-bottom: #dddddd 1px solid; box-sizing: border-box; padding: 15px 58px 15px 20px; margin: 0 -13px; font-size: 17px; line-height: 30px; position: relative; cursor: pointer; }
.chart-info > li .info { border-left: 5px solid; padding: 0 15px; flex-grow: 1; }
.chart-info > li .detail { display: none; padding-top: 10px; }
.chart-info > li:hover::after { border-color: #000000; }
.chart-info > li::after { content: ""; display: block; position: absolute; right: 17px; box-sizing: border-box; height: 13px; width: 13px; top: 32px; border-style: solid; border-color: #474747; border-width: 0px 1px 1px 0px; transform: rotate(45deg); transition: border-width 150ms ease-in-out; }
.chart-info > li.show::after { transform: rotate(225deg); }
.chart-info > li:first-child, .chart-info > li.others, .chart-info > li.total { cursor: inherit; }
.chart-info > li:first-child::after, .chart-info > li.others::after, .chart-info > li.total::after { display: none; }
.chart-info > li.stock1 .info { border-color: #002a5a; }
.chart-info > li.stock1 .num { color: #002a5a; }
.chart-info > li.stock2 .info { border-color: #00479a; }
.chart-info > li.stock2 .num { color: #00479a; }
.chart-info > li.stock3 .info { border-color: #0059c0; }
.chart-info > li.stock3 .num { color: #0059c0; }
.chart-info > li.stock4 .info { border-color: #006be7; }
.chart-info > li.stock4 .num { color: #006be7; }
.chart-info > li.stock5 .info { border-color: #065da4; }
.chart-info > li.stock5 .num { color: #065da4; }
.chart-info > li.bond1 .info { border-color: #e62310; }
.chart-info > li.bond1 .num { color: #e62310; }
.chart-info > li.bond2 .info { border-color: #ed7777; }
.chart-info > li.bond2 .num { color: #ed7777; }
.chart-info > li.bond3 .info { border-color: #eaa7a7; }
.chart-info > li.bond3 .num { color: #eaa7a7; }
.chart-info > li.bond4 .info { border-color: #a6190c; }
.chart-info > li.bond4 .num { color: #a6190c; }
.chart-info > li.bond5 .info { border-color: #661007; }
.chart-info > li.bond5 .num { color: #661007; }
.chart-info > li.others .info { border-color: #acacac; }
.chart-info > li.others .num { color: #acacac; }
.chart-info > li.total { border-bottom: #ffffff 1px solid; }
.chart-info > li.total .info { border-color: #ffffff; }
.chart-info > li.total p { font-size: 24px; }
.chart-info > li.withdraw .info { border-color: #0b81d1; }
.chart-info > li.withdraw .num { color: #0b81d1; }
.chart-info > li.repayment .info { border-color: #d34668; }
.chart-info > li.repayment .num { color: #d34668; }
.chart-info > li.debit .info { border-color: #00479a; }
.chart-info > li.debit .num { color: #00479a; }
.chart-info > li.return .info { border-color: #ed7777; }
.chart-info > li.return .num { color: #ed7777; }
.chart-info > li.repair .info { border-color: #eaa7a7; }
.chart-info > li.repair .num { color: #eaa7a7; }
.chart-info.quota > li { cursor: unset; }
.chart-info.quota > li.money__withdraw .info { border-color: #0b81d1; }
.chart-info.quota > li.money__withdraw .num { color: #002a5a; }
.chart-info.quota > li.money__withdraw .num p { margin-top: 15px; }
.chart-info.quota > li.money__withdraw::after { display: none; }
.chart-info.quota > li.money__withdraw.show::after { display: none; }
.chart-info.quota > li.money__refund .info { border-color: #d34668; }
.chart-info.quota > li.money__refund .num { color: #002a5a; }
.chart-info.quota > li.money__refund .num p { margin-top: 15px; }
.chart-info.quota > li.money__refund::after { display: none; }
.chart-info.quota > li.money__refund.show::after { display: none; }
.chart-info.payment > li { display: block; margin: 0; }
.chart-info.payment > li.heading { display: flex; padding-bottom: 5px; }
.chart-info.payment > li.bill__record .info { position: relative; display: inline-block; width: 100%; border-color: #00479a; padding: 4px 15px; }
.chart-info.payment > li.bill__record .info .done { margin: 0 10px; color: #fff; background: #979797; padding: 3px 7px; border-radius: 10px; font-size: 12px; font-weight: bold; }
.chart-info.payment > li.bill__record .info .unpay { margin: 0 10px; color: #b9160f; background: #ffd0ce; padding: 3px 7px; border-radius: 10px; font-size: 12px; font-weight: bold; }
.chart-info.payment > li.bill__record .num { position: absolute; display: inline-block; right: 30px; top: -4px; color: #002a5a; }
.chart-info.payment > li.bill__record .num p { margin-top: 15px; }
.chart-info 清 .num { font-family: Arial, Helvetica, sans-serif; text-align: right; flex-grow: 1; }
.chart-info b { font-size: 24px; }
.chart-info table.puretable { margin-left: -15px; }
.chart-info table.puretable th { font-weight: normal; }
.chart-info.details .num b { font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 17px; }
.chart-info.noDetail > li { cursor: default; align-items: center; }
.chart-info.noDetail > li::after { display: none; }
.chart-info.default .num { position: absolute; top: 27px; right: 58px; }
.chart-info.default .info { padding: 0 0 0 15px; }

.double-table { border-collapse: separate; }
.double-table tr:first-child th:first-child { border-top-left-radius: 10px; }
.double-table tr:first-child th:last-child { border-top-right-radius: 10px; }
.double-table tr:last-child td { border-bottom: solid 1px #dddddd; }
.double-table tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.double-table tr:last-child td:last-child { border-bottom-right-radius: 10px; }
.double-table th { width: 12%; background: #f6f6f6; }
.double-table th, .double-table td { border-left: solid 1px #dddddd; border-top: solid 1px #dddddd; padding: 8px; vertical-align: middle; text-align: center; }
.double-table th div:nth-child(even), .double-table td div:nth-child(even) { color: #0080c0; }
.double-table th:last-child, .double-table td:last-child { border-right: solid 1px #dddddd; }

#sTypeHeader.br { line-height: 1.5em; margin-top: 5px; display: block; }

.PBox { margin: 15px 0; }
.PBox .phoneimg { position: relative; }
.PBox .startBtn { border: none; width: 150px; height: 40px; border-radius: 10px; background-color: #ffea00; color: #0085c4; font-size: 22px; font-family: "微軟正黑體"; letter-spacing: 2px; position: absolute; bottom: 52%; right: 28%; outline: none; cursor: pointer; animation: btngo 0.4s linear infinite alternate; }
@keyframes btngo { 0% { transform: translateY(-2px); }
  100% { transform: translateY(0px); } }
.lineh16 { line-height: 1.6; }

.insurance_details tr > td:nth-child(3), .insurance_details tr > td:nth-child(4), .insurance_details tr > td:nth-child(5), .insurance_details tr > td:nth-child(6) { word-break: break-all; }
.insurance_details th, .insurance_details td { padding: 15px 5px; }

.menu-more { text-align: center; margin: 30px auto; }
.menu-more__link { display: inline-block; border: #004d99 1px solid; color: #004d99; padding: 0 1em; line-height: 2; font-size: 15px; }

.casbBtable .cashB { border-right-style: none; }
.casbBtable .cashBtd { border-left-style: solid; }
.casbBtable .cashBtd2 { border-right-style: none; border-bottom-left-radius: 8px; }
.casbBtable #cashBtd3 { border-bottom-left-radius: 0; }
.casbBtable tbody tr .cashB_td { text-align: right; }

.cash_left { text-align: left; font-size: 15px; color: #474747; line-height: 24px; margin-bottom: 5%; }

.cashB_font { font-size: 20px; line-height: 30px; padding: 5% 0; }

.cashB_fwn { font-weight: normal; padding: 5px 0; font-size: 16px; }

.credit_ad { width: 100%; border: 2px solid #e35f5f; border-radius: 10px; border-bottom: 6px solid #e35f5f; margin: 15px 0; }

.credit_content { display: flex; }
.credit_content .credit_bg, .credit_content .credit_text { text-align: center; padding-left: 10px; padding-top: 15px; padding-bottom: 15px; }
.credit_content .credit_name { background-color: #f6f6f6; border-bottom-left-radius: 8px; border-top-left-radius: 10px; padding: 10px; }
.credit_content .credit_name p:nth-child(1) { color: #b51818; font-size: 30px; font-weight: 800; line-height: 1.4em; }
.credit_content .credit_name p:nth-child(2) { font-size: 22px; color: #c56666; line-height: 1.6em; }
.credit_content .credit_bg p:nth-child(1) { background: #ed7676; border-radius: 10px; color: #ffffff; padding: 8px 12px; font-size: 17px; font-weight: 800; }
.credit_content .credit_bg p:nth-child(2) { font-size: 26px; font-weight: 600; margin-top: 10px; }
.credit_content .credit_bg .Afont { font-family: Arial, Helvetica, sans-serif; }
.credit_content .credit_text { padding-top: 5px; }
.credit_content .credit_text p { text-align: left; padding-top: 12px; }
.credit_content .credit_text p span { font-weight: 800; color: #747474; font-size: 16px; }
.credit_content .credit_text .tickicon { width: 30px; vertical-align: middle; }
.credit_content .credit_btn { padding: 4px 15px; border-radius: 20px; font-weight: 800; font-size: 18px; }
.credit_content .credit-zone { margin-top: 45px; }
.credit_content .credit-zone a { color: #ffffff; background-color: #bd1d1d; box-shadow: 0px 10px 10px #d6d5d5; }
.credit_content .credit-zone a:hover { background-color: #ed7676; }

.thcolor th { background-color: #cfe8fd; }

.mt--15 { margin-top: -15px; }

/*owl*/
.owl-theme.chart__carousel { width: 744px; margin: 0 auto; }
.owl-theme.chart__carousel .owl-nav .owl-prev { border: solid #999999; border-width: 0 1px 1px 0; display: inline-block; padding: 12px; vertical-align: middle; position: absolute; left: -40px; top: 0; bottom: 0; margin: auto !important; transform: rotate(135deg); width: 20px; height: 20px; box-sizing: border-box; border-radius: 0; background: none; outline: 0; }
.owl-theme.chart__carousel .owl-nav .owl-prev:hover { background: none; border-color: #006be7; }
.owl-theme.chart__carousel .owl-nav .owl-next { border: solid #999999; border-width: 0 1px 1px 0; display: inline-block; padding: 12px; vertical-align: middle; position: absolute; right: -40px; top: 0; bottom: 0; margin: auto !important; transform: rotate(-45deg); width: 20px; height: 20px; box-sizing: border-box; border-radius: 0; background: none; outline: 0; }
.owl-theme.chart__carousel .owl-nav .owl-next:hover { background: none; border-color: #006be7; }
.owl-theme.chart__carousel .owl-dots .owl-dot { background: none; cursor: pointer; outline: 0; border: none; padding: 0; }

.tooltips.inline { display: flex; align-items: center; }
.tooltips.inline.innewdatatable { justify-content: flex-end; }
.tooltips.inline.icon-ques { display: block; }

th .tooltips.inline i.icon.icon-ques { width: 19px; height: 18px; background-position: center; margin-left: 4px; padding: 0; top: 0; bottom: 0; }

.HBD_box { max-width: 667px; width: 100%; border: 1px solid #919191; padding: 7px 10px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); }
.HBD_box_img { width: 40%; }
.HBD_box_text { width: 60%; margin-left: 4.8%; }

#invest > .full-func > ul.menu > li:nth-child(1) dt:after { content: ""; width: 42px; height: 18px; display: inline-block; vertical-align: middle; margin-left: 5px; background: url(/MMA8/mma/images/icon_invest.png); }

.icon_vip { background-image: none !important; display: flex !important; justify-content: flex-start; align-items: center; padding-left: 18px !important; margin-left: 0 !important; margin-right: 0 !important; color: #c6a041 !important; font-weight: bold; }
.icon_vip:before { display: block; content: ""; width: 19px; height: 18px; background: url(/MMA8/mma/images/icon_vip.png) no-repeat center; margin-right: 15px; }
.icon_vip:hover { background: none !important; background-color: #c6a041 !important; color: #ffffff !important; }
.icon_vip:hover:before { background: url(/MMA8/mma/images/icon_vip_hover.png) no-repeat center; }
.active .icon_vip { background: none !important; background-color: #c6a041 !important; color: #ffffff !important; }
.active .icon_vip:before { background: url(/MMA8/mma/images/icon_vip_hover.png) no-repeat center; }
.active .icon_vip:hover { background: none !important; background-color: #c6a041 !important; color: #ffffff !important; }

.vip_block { padding: 1em 35px; box-sizing: border-box; /*vip專區圖片快取fixes*/ }
.vip_block::after { position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; content: url(/MMA8/mma/images/vip_1.png) url(/MMA8/mma/images/vip_2.png) url(/MMA8/mma/images/vip_3.png) url(/MMA8/mma/images/vip_4.png) url(/MMA8/mma/images/vip_none.png); }
@media print { .vip_block::after { display: none; } }

.con_vip .imgbox img { border-radius: 4px; }

ol.disc_custom > li { list-style: none; display: flex; justify-content: flex-start; align-items: center; }
ol.disc_custom > li:before { width: 0.25em; height: 0.25em; content: ""; border-radius: 50%; margin-right: 0.5em; display: block; background: #2f2f2f; }

.live-notes { line-height: 1.5; padding: 0.6em 1em; background: #f8f8f8; margin: 1em auto; }

.btabs_con { display: none; }
.btabs_con.show { display: block; }

.trend-icon { width: 25px; display: inline-block; margin: 10px 10px 0 0; }
.trend-icon > img { vertical-align: middle; }

.Stockbox { border: #dddddd 1px solid; border-radius: 5px; }
.Stockbox * { box-sizing: border-box; }
.Stockbox > div { line-height: 30px; padding: 0 30px; }
.Stockbox .Stockitem-3 { width: 100%; display: flex; align-items: center; }
.Stockbox .Stockitem-3 div { width: calc(100% / 3); padding: 23px 0; }
.Stockbox .Stockitem-3 p { font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
.Stockbox .Stockitem-2 { width: 100%; border-top: 1px solid #dddddd; display: flex; justify-content: flex-start; align-items: center; background-color: #f6f6f6; }
.Stockbox .Stockitem-2 div { width: 50%; padding: 5px 0; }
.Stockbox .Stockitem-2 p { padding: 8px 0; }

.Stockitem { text-align: center; width: calc((100% - 17px) / 2); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: #dddddd 1px solid; border-radius: 5px; margin: 10px 0 50px; padding: 38px 0 0; position: relative; }
.Stockitem .flag_abs { position: absolute; top: -32px; left: 50%; transform: translateX(-50%); }
.Stockitem h4 { padding-bottom: 18px; }
.Stockitem .rate { color: #aaaaaa; }
.Stockitem .Stocktable { border-top: 1px solid #dddddd; background-color: #f6f6f6; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-top: 20px; }
.Stockitem table { width: 100%; text-align: left; }
.Stockitem table td { font-size: 15px; padding: 10.5px 30px; line-height: 1.6; }
.Stockitem table td p { font-size: 16px; font-family: Arial, Helvetica, sans-serif; }

/*買賣外幣調整20210709*/
.exchange_rowElem { display: flex; align-content: center; }
.exchange_rowElem .ffRadioWrapper { display: flex; align-items: center; }

.slTxt { min-height: 34px; }

#card .menu-more { margin: 0 auto 15px; }
#card .msg-announce { bottom: 0; }

.invest_block { border: 1px solid #dddddd; border-radius: 8px; margin-bottom: 15px; }
.invest_block > h2 { border-top-style: solid; background-color: #f6f6f6; color: #666666; line-height: 1.4; padding: 5px 20px; padding-left: 104px; vertical-align: middle; display: flex; justify-content: space-between; border-radius: 8px; }
.invest_block .maction { font-weight: normal; }
.invest_block .maction:after { content: "展開"; display: inline-block; vertical-align: middle; }
.invest_block .maction.action_open:after { content: "收合"; }
.invest_block .showlist { display: none; }

.searchWrap { box-sizing: border-box; width: 100%; padding: 4px; background-color: #ffffcc; position: relative; }
.searchWrap input.artfld[type="search"].col-2 { width: calc(100% - 6px); margin: 0 auto; display: flex; justify-content: center; align-items: center; background-color: #ffffcc; padding-right: 32px; }
.searchWrap input.artfld[type="search"].col-2::-webkit-search-cancel-button { -webkit-appearance: none; }
.searchWrap .o-icon-search { position: absolute; width: 18px; height: 18px; top: 13px; right: 14px; background-image: url(/MMA8/mma/images/sprite.png); background-repeat: no-repeat; background-position: -360px -296px; cursor: pointer; }

.o-panelBtn { display: inline-block; width: 20px; height: 20px; vertical-align: middle; background-size: 20px; margin-left: 4px; }
.o-panelBtn--privacy { background-image: url(/MMA8/mma/images/eye.svg); }
.o-panelBtn--hide { background-image: url(/MMA8/mma/images/eye-close.svg); }

.error-msg { width: 600px; }

#btn-collapse { display: flex; align-items: center; }
#btn-collapse i { margin-right: 6px; width: 14px; height: 14px; background: url(/MMA8/mma/images/collapse-open.png) no-repeat; background-size: 100% auto; }
#btn-collapse i.active { background: url(/MMA8/mma/images/collapse-close.png) no-repeat; background-size: 100% auto; }
#btn-collapse > p { margin: 0; }

/*行動裝置綁定*/
.box-row2 { border-radius: 5px; border: #dddddd 1px solid; box-sizing: border-box; width: 424px; }
.box-row2.pd2432 { padding: 24px 32px; }

.deviceValid { line-height: 1.5; }
.deviceValid__title { font-size: 16px; color: #666666; margin-bottom: 12px; }
.deviceValid__desc { font-size: 16px; color: #666666; text-align: left; min-height: 4.5em; }
.deviceValidTool { text-align: left; line-height: 1.2; font-size: 14px; }
.deviceValidTool__title { color: #d00f24; margin-bottom: 3px; }
.deviceValidTool__icon { margin-right: 15px; width: 48px; height: 48px; }
.deviceValidTool__item { margin-bottom: 20px; }
.deviceValidTool__item.last-child { margin-bottom: 0; }

.hr-title { display: flex; align-items: center; margin: 20px auto; font-size: 14px; }
.hr-title:before, .hr-title:after { content: ""; display: block; flex-grow: 1; height: 1px; background-color: #d00f24; }
.hr-title__title { padding: 0 0.5em; color: #d00f24; }

.binding__block { text-align: center; }
.binding__way { font-size: 20px; color: #666666; margin: 20px auto; font-weight: bold; }
.binding__note { font-size: 20px; color: #666666; }
.bindingSteps { color: #666666; margin-bottom: 20px; }
.bindingSteps__step { line-height: 1.5; font-weight: bold; font-size: 16px; }
.bindingSteps__desc { min-height: 2.5em; margin-bottom: 16px; line-height: 1.25; font-size: 16px; }
.bindingSteps__item { width: 200px; }
.binding__qrcode { margin: 30px auto; }

.progress { margin-top: 16px; line-height: 1.6; padding-left: 8px; }
.progress-square.blue, .progress-bar.blue { background-color: #1470ca; }
.progress-square.skyblue, .progress-bar.skyblue { background-color: #50b0da; }
.progress-square.orange, .progress-bar.orange { background-color: #ff4f00; }
.progress-square.yellow, .progress-bar.yellow { background-color: #ffba00; }
.progress-square.purple, .progress-bar.purple { background-color: #a056bd; }
.progress-square.pink, .progress-bar.pink { background-color: #f476a7; }
.progress-square.green, .progress-bar.green { background-color: #bad72b; }
.progress-container { width: calc(100% - 84px - 68px - 28px); height: 16px; background: #eeeeee; margin: 0 14px; }
.progress-bar { width: 0%; height: inherit; background-color: inherit; transition: width 0.2s linear; }
.progress-square { width: 16px; height: 16px; display: inline-block; border-radius: 3px; background-color: initial; margin-right: 6px; }
.progress .unit { display: inline-flex; justify-content: flex-end; align-items: center; max-width: 68px; flex-basis: 68px; }

table.record { width: 100%; }
table.record tr th { text-align: left; padding: 0; font-weight: normal; }
table.record tr td { text-align: right; padding: 0 15px; }

.psn_money_descrioption { margin-top: 15px; font-size: 13px; line-height: 25px; }
.psn_money_descrioption ul li { list-style: square outside; text-align: justify; margin-left: 20px; }
.psn_money_descrioption ul li ol li { list-style: decimal outside; }
.psn_money_descrioption ul li ol li ul li { list-style: disc outside; }
.psn_money_descrioption ul li ol li ul li ol li { list-style: decimal outside; }

.input__unitCol5 { position: absolute; display: unset; z-index: 10; right: 21em; }

.txt__rnotesR { position: absolute; display: unset; z-index: 10; right: 1em; }

.outofService { display: flex; text-align: center; flex-direction: column; }
.outofService img.icon__error { width: 267px; height: 162px; margin: 55px auto 30px auto; }
.outofService h3 { font-weight: 600; font-size: 18px; line-height: 28px; margin-bottom: 25px; }

.billSet { padding: 16px; border-radius: 8px; border: 1px solid #ddd; background: #f4f4f4; }
.billSet__button { border-radius: 8px; background: #e54646; color: #fff; padding: 10px; font-size: 16px; outline: none; border: none; }

.error_frame { border: 1px solid #cf0f24; border-radius: 5px; }

.owl-dots .owl-dot { display: inline-block; background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; webkit-appearance: button; cursor: pointer; }
.owl-dots .owl-dot.active span { background-color: #d00f24; }
.owl-dots span { width: 10px; height: 10px; margin: 5px 7px; background: #666666; display: block; -webkit-backface-visibility: visible; transition: opacity 0.2s ease; border-radius: 30px; }

.fraud-box { padding: 0 16px; margin: 16px auto; line-height: 1.5em; }
.fraud-box__label { font-size: 16px; }
.fraud-box__icon { display: inline-flex; justify-content: center; align-items: center; font-size: 14px; color: #cf0209; outline: 1px solid #cf0209; padding-right: 4px; border-radius: 4px; margin-right: 8px; }
.fraud-box__icon::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4wMzk0IDIuMDU0MUMxMi41Nzc1IDEuMjU0MSAxMS40MjI4IDEuMjU0MSAxMC45NjEgMi4wNTQxTDEuMjk1MzcgMTguNzk1NEMwLjgzMzQ5MiAxOS41OTU0IDEuNDEwODQgMjAuNTk1NCAyLjMzNDYgMjAuNTk1NEgyMS42NjU4QzIyLjU4OTYgMjAuNTk1NCAyMy4xNjY5IDE5LjU5NTQgMjIuNzA1IDE4Ljc5NTRMMTMuMDM5NCAyLjA1NDFaTTExLjEyMjMgNy45MjgwNVYxNS43MDU4SDEyLjg3NzdWNy45MjgwNUgxMS4xMjIzWk0xMS4xMjIzIDE2LjgxNjlWMTcuOTI4MUgxMi44Nzc3VjE2LjgxNjlIMTEuMTIyM1oiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+Cg=="); background-size: 18px; background-position: center; background-repeat: no-repeat; font-size: 18px; width: 24px; height: 24px; min-height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 4px 0 0 4px; margin-right: 4px; background-color: #cf0209; color: #cf0209; content: ""; }
.fraud-box__reminder { margin-top: 8px; font-size: 14px; }

.justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }

.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }

.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

.editEmailNotification__container { line-height: 1.4; }
.main_ctn_applymma .editEmailNotification__icon { display: none; }