@charset "UTF-8";
.ffTextBoxWrapper, .ffPasswordWrapper, .ffCheckboxWrapper, .ffRadioWrapper, .ffTextAreaWrapper, .ffSubmitWrapper, .ffResetWrapper, .ffButtonWrapper {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-right: 10px !important;
}

.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;
}

.ffSelectWrapper {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  margin-right: 10px !important;
}

.ffTextBoxLeft, .ffTextBoxRight, .ffPasswordLeft, .ffPasswordRight, .ffCheckbox, .ffRadio {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}

.ffSelectButton {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}
.ffSelectButton span {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}

.ffSelectMenuWrapper div.ffSelectMenuTop, .ffSelectMenuWrapper div.ffSelectMenuBottom {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}
.ffSelectMenuWrapper > div > span {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}

.ffTextAreaTop, .ffTextAreaBottom, .ffSubmitWrapper a, .ffResetWrapper a, .ffButtonWrapper a {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}
.ffTextAreaTop span, .ffTextAreaBottom span, .ffSubmitWrapper a span, .ffResetWrapper a span, .ffButtonWrapper a span {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}

.text-xm .ffTextBoxWrapper {
  width: 74px;
  *clear: both;
}

.text-sm .ffTextBoxWrapper {
  width: 134px;
  *clear: both;
}
.text-sm input {
  width: 115px;
}

.text-m .ffTextBoxWrapper {
  width: 194px;
  *clear: both;
}

.text-m1 .ffTextBoxWrapper {
  width: 160px;
  *clear: both;
}

.text-l .ffTextBoxWrapper {
  width: 230px;
  *clear: both;
}

.text-l1 .ffTextBoxWrapper {
  width: 300px;
  *clear: both;
}

.text-xl .ffTextBoxWrapper {
  width: 350px;
  *clear: both;
}

.text-xll .ffTextBoxWrapper {
  width: 370px;
  *clear: both;
}

.text-xll1 .ffTextBoxWrapper {
  width: 400px;
  *clear: both;
}

.ffTextBoxRight, .ffPasswordRight {
  background-position: right -256px;
  padding-right: 5px !important;
}

.ffTextBoxLeft, .ffPasswordLeft {
  background-position: 0 0;
  padding: 0 5px 0 10px !important;
}

.ffTextBoxLeft input, .ffPasswordLeft input {
  width: 100%;
  border: 0;
  height: 34px;
  background-color: transparent;
  margin-top: 8px \9;
  height: 26px \9;
}

.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;
}

.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;
  position: relative;
  top: 1px;
  font-size: 13px;
  padding-left: 5px;
  margin-right: 10px;
}

.ffRadio {
  width: 18px;
  height: 18px;
  float: left;
  background-position: -180px -296px;
  cursor: pointer;
}

.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: 403px;
  *clear: both;
}

.select-ss .ffSelectWrapper {
  width: 64px;
  *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;
}

.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/bank/images/sides.png) repeat-y right 0;
}

.ffSelectMenuMid {
  max-height: 200px;
  overflow: auto;
  background: url(/MMA8/bank/images/sides.png) repeat-y 0 0;
  padding-left: 4px;
  margin-right: 4px;
}

.scrollingBarWrapper {
  width: 24px;
  height: 200px;
  background: url(/MMA8/bank/images/scrollingBarBg.png) no-repeat;
  right: 3px !important;
}

.scrollingHandle {
  width: 24px;
  padding-top: 20px;
  background: url(/MMA8/bank/images/scrollingHandleTop.png) no-repeat 0 0;
}

.scrollingHandleBottom {
  width: 24px;
  background: url(/MMA8/bank/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/bank/images/sides.png) repeat-y right 0;
}
.ffTextAreaMid .ffTextAreaLeft {
  background: url(/MMA8/bank/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;
}

.btn-panel {
  position: relative;
}

.btn-zone {
  clear: both;
  margin: 10px auto;
  text-align: center;
}
.btn-zone a.nbtn, .btn-zone input.nbtn, .btn-zone button.nbtn {
  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: -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));
}
.btn-zone.inline {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-top: 0;
  margin-bottom: 0;
}
.btn-zone.inline.middle {
  vertical-align: middle;
}
.btn-zone .search {
  background: url(/MMA8/bank/images/menu_bg_active.png) repeat-x 0 0;
  width: 136px;
  height: 38px;
  border: none;
  font-size: 15px;
  color: #FFF;
  font-family: "微軟正黑體", "MS UI Gothic", Arial, Helvetica, sans-serif;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: middle;
}
.btn-zone a.nbtn:hover, .btn-zone input.nbtn:hover, .btn-zone button.nbtn: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);
}
.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 .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 */
}
.btn-zone .nav-btns li > a.active {
  background: #f45550;
  filter: none;
  color: #fff;
}

.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: 403px;
  *clear: both;
}

.select-ss .selectWrapper, .select-ss.selectWrapper {
  width: 64px;
  *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 {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}
.select span {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}

.options div.optionsTop, .options div.optionsBottom {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}
.options > div > span {
  background-image: url(/MMA8/bank/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;
  text-overflow: ellipsis;
}
.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;
}

.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 SPAN {
  font-size: 13px;
}
.options .optionsMidBG li.disabled SPAN {
  color: #888888;
}
.options .optionsMidBG li.on {
  background-color: #ffea5f;
}

.optionsTop {
  height: 5px;
  background-position: 0 -394px;
}
.optionsTop span {
  display: block;
  height: 5px;
  margin-left: 8px;
  background: right -384px;
}

.optionsBottom {
  height: 5px;
  background-position: 0 -414px;
}
.optionsBottom span {
  display: block;
  height: 5px;
  margin-left: 8px;
  background-position: right -404px;
}

.optionsMidBG {
  background: url(/MMA8/bank/images/sides.png) repeat-y right 0;
}

.optionsMid {
  max-height: 258px;
  overflow: auto;
  background: url(/MMA8/bank/images/sides.png) repeat-y 0 0;
  padding-left: 4px;
  margin-right: 4px;
}
.optionsMid > ul > li:hover {
  background-color: #ffea5f;
}
.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 {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #999;
}
.macscroll .optionsMid::-webkit-scrollbar-thumb:window-inactive {
  background: #999;
}

.rowElem input.modern[type="radio"] {
  display: none;
}
.rowElem input.modern[type="radio"] + label {
  cursor: pointer;
}
.rowElem input.modern[type="radio"] + label {
  margin-right: 20px;
}
.rowElem input.modern[type="radio"] + label > span {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: -1px 8px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #dddddd;
  background-color: transparent;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.rowElem input.modern[type="radio"] + label > span + img {
  vertical-align: top;
  margin-left: 20px;
}
.rowElem input.modern[type="radio"] + label:hover > span {
  border-color: #f7c43c;
  background-color: #ffffcc;
}
.rowElem input.modern[type="radio"]:checked + label span.getCheck {
  display: inline-block;
  width: 11px;
  height: 11px;
  background-color: #e99494;
  margin-left: 2px;
  margin-top: 2px;
  vertical-align: top;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.rowElem input.modern[type="radio"]:disabled + label {
  color: #b5b5b5;
}
.rowElem input.modern[type="radio"]:disabled + label span {
  background-color: #eaeaea;
}
.rowElem input.modern[type="radio"]:disabled + label:hover > span {
  border: 1px solid #dddddd;
  background-color: #eaeaea;
}

a {
  color: #2f2f2f;
  text-decoration: none;
}
a:hover {
  color: #3d9fd8;
}

h5 {
  font-size: 24px;
  font-family: "微軟正黑體", "MS UI Gothic", Arial, Helvetica, sans-serif;
  padding-left: 15px;
}

body {
  font-size: 13px;
  font-family: "微軟正黑體", "MS UI Gothic", Arial, Helvetica, sans-serif;
  color: #474747;
  margin: 0 auto;
}

.spanbox {
  margin-right: 10px;
}

.font-vn {
  font-family: 'Calibri';
}

.font-weight-bold {
  font-weight: bold !important;
}

.pull-left {
  float: left;
}
.pull-left.withabs {
  position: absolute;
  left: 0;
}

.pull-right {
  float: right;
}
.pull-right.withabs {
  position: absolute;
  right: 0;
}

.container {
  width: 948px;
  padding-left: 6px;
  padding-right: 6px;
  margin: 0 auto;
}
.container .content {
  background-color: white;
  min-height: 500px;
  padding: 25px 40px;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
.infopage04 .container {
  width: 1038px;
}

.infopage .content {
  border: none;
  background: none;
  padding: 25px 0;
}
.infopage .content p {
  line-height: 24px;
  padding: 0px 40px;
}
.infopage .content p.noPading {
  padding: 0;
}
.infopage .content p.hideDesc {
  display: none;
}
.infopage .content p.textDesc {
  line-height: 10px;
}
.infopage .content p .descInfo {
  display: block;
  line-height: 17px;
}
.infopage .content p.widthLess {
  width: 50%;
  text-wrap: wrap;
  text-align: justify;
}
.infopage .content p.widthLess a {
  color: #1969b8;
}
.infopage .content .table-note {
  padding: 10px;
  line-height: 24px;
}
.infopage .content .imgrate {
  margin: 20px auto;
}
.infopage .content div.tab_container .tab_content h2.title {
  margin-bottom: 0px;
}
.infopage .data-table1 {
  width: 100%;
  border-collapse: separate;
  font-size: 14px;
}
.infopage .data-table1.yb td {
  width: 98px;
}
.infopage .data-table1.yb .currencytd {
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  white-space: nowrap;
}
.infopage .data-table1.yb .currencytd > img {
  margin-right: 12px;
  width: 16px;
  height: 11px;
  position: relative;
  top: -1px;
}
.infopage .data-table1.reWidth th {
  padding: 0;
}
.infopage .data-table1 th {
  background: #ffc7cd;
  border-top: #dddddd 1px solid;
}
.infopage .data-table1 th,
.infopage .data-table1 td {
  border: none;
  border-left: #dddddd 1px solid;
  line-height: 26px;
  border-bottom: #dddddd 1px solid;
}
.infopage .data-table1 td.bsc10 {
  line-height: 20px;
  padding: 10px 0;
}
.infopage .data-table1 td.bsc10--pading {
  padding: 10px;
}
.infopage .data-table1 .top-left {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
.infopage .data-table1 .top-right {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
.infopage .data-table1 .bottom-left {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}
.infopage .data-table1 .bottom-right {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
}
.infopage .data-table1 .lastcolumn {
  border-right: #dddddd 1px solid;
}
.infopage .data-table1 .last-child {
  border-bottom: #dddddd 1px solid;
}
.infopage .data-table1 .noradius {
  border-radius: 0px;
}
.infopage .data-table1 .bgwhite {
  background: #ffffff;
}
.infopage .currencies {
  line-height: 40px;
}
.infopage .currencies img {
  width: 16px;
  height: 11px;
  margin-right: 10px;
  vertical-align: middle;
  background: url(/MMA8/bank/images/icon_country.png) no-repeat;
}
.infopage .currencies .slash {
  margin: 0 10px;
}
.infopage .currencies div {
  display: inline-block;
}
.infopage .currencies .usd img {
  background-position: left top;
}
.infopage .currencies .jpy img {
  background-position: left -36px;
}
.infopage .currencies .gbp img {
  background-position: left -72px;
}
.infopage .currencies .chf img {
  background-position: left -108px;
}
.infopage .currencies .hkd img {
  background-position: left -144px;
}
.infopage .currencies .cad img {
  background-position: left -180px;
}
.infopage .currencies .aud img {
  background-position: left -216px;
}
.infopage .currencies .sgd img {
  background-position: left -251px;
}
.infopage .currencies .eur img {
  background-position: left -287px;
}
.infopage .currencies .sek img {
  background-position: left -323px;
}
.infopage .currencies .nzd img {
  background-position: left -359px;
}
.infopage .currencies .zar img {
  background-position: left -395px;
}
.infopage .currencies .cny img {
  background-position: left -431px;
}
.infopage .currencies .thb img {
  background-position: left -467px;
}
.infopage .currencies .mop img {
  background-position: left -503px;
}
.infopage .currencies .ntd img {
  background-position: left -539px;
}
.infopage .td_currency {
  padding: 0 10px;
  text-align: left;
  width: 120px;
  white-space: nowrap;
}
.infopage .td_currency .dr {
  width: 120px;
  white-space: nowrap;
  margin-left: 20px;
  float: left;
}
.infopage .td_currency.inline {
  display: inline-block;
}
.infopage .td_currency.ss .dr {
  width: auto;
  margin-left: 10px;
}
.infopage .td_currency .trend-link {
  display: block;
  float: right;
}
.infopage .td_currency .trend-link img {
  width: auto;
  height: auto;
  margin-right: 0;
  background: transparent;
}
.infopage .td_currency img {
  width: 16px;
  height: 11px;
  margin-right: 10px;
  vertical-align: middle;
  background: url(/MMA8/bank/images/icon_country.png) no-repeat;
}
.infopage .td_currency.usd img {
  background-position: left top;
}
.infopage .td_currency.jpy img {
  background-position: left -36px;
}
.infopage .td_currency.gbp img {
  background-position: left -72px;
}
.infopage .td_currency.chf img {
  background-position: left -108px;
}
.infopage .td_currency.hkd img {
  background-position: left -144px;
}
.infopage .td_currency.cad img {
  background-position: left -180px;
}
.infopage .td_currency.aud img {
  background-position: left -216px;
}
.infopage .td_currency.sgd img {
  background-position: left -251px;
}
.infopage .td_currency.eur img {
  background-position: left -287px;
}
.infopage .td_currency.sek img {
  background-position: left -323px;
}
.infopage .td_currency.nzd img {
  background-position: left -359px;
}
.infopage .td_currency.zar img {
  background-position: left -395px;
}
.infopage .td_currency.cny img {
  background-position: left -431px;
}
.infopage .td_currency.thb img {
  background-position: left -467px;
}
.infopage .td_currency.mop img {
  background-position: left -503px;
}
.infopage .td_currency.ntd img {
  background-position: left -539px;
}
.infopage .td_currency.xpec {
  padding: 0;
  font-size: 14px;
  width: auto;
  margin-bottom: 15px;
}

.switch-block .propage {
  display: none;
}
.switch-block .propage.active {
  display: block;
}
.switch-block .data-page {
  display: table;
  width: 100%;
}
.switch-block .data-page .page {
  display: table-cell;
  width: 50%;
}
.switch-block .data-page .page.lft {
  padding-right: 10px;
}
.switch-block .data-page .page.rgt {
  padding-left: 10px;
}

.charts {
  width: 100%;
}
.charts .highcharts-container {
  border: 1px solid #dddddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.charts .highcharts-title {
  font-family: '微軟正黑體';
}

.icon {
  display: inline-block;
  background-image: url(/MMA8/bank/images/icons.png);
}
.icon.icon-login {
  background-position: 20px 13px;
}
.icon.icon-login.logout {
  color: #d00f24;
}
.icon.icon-service {
  background-position: 20px -27px;
}
.icon.icon-branch {
  background-position: 20px -68px;
}
.icon.icon-search {
  background-position: 20px -107px;
  position: relative;
}
.icon.icon-search.active {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
  height: 46px;
  background-position: -98px -107px;
  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;
}

header {
  background: #ffffff;
  position: absolute;
  top: 0;
  z-index: 999;
  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: "微軟正黑體", "MS UI Gothic", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
header .left-pane .header-title--vnTitle {
  top: 24px;
  text-align: center;
  line-height: 1.2;
  font-size: 12px;
  font-family: 'Calibri';
}
header .right-pane {
  height: 65px;
  float: right;
  text-align: right;
}
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/bank/images/mainfunc_split.png) no-repeat right bottom;
}
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 .hot-key {
  line-height: 16px;
  font-size: 13px;
}
header .right-pane .hot-key .hk-list {
  display: inline-block;
}
header .right-pane .hot-key .hk-list li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding-right: 5px;
}
header .right-pane .hot-key .hk-list li a {
  color: #004d99;
}
header .main-menu {
  position: relative;
  border-top: 6px solid #d00f24;
  border-bottom: 1px solid #979797;
  background: url(/MMA8/bank/images/menu_bg.png) repeat-x 0 0;
  *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--vietnamMenu {
  background: url(/MMA8/bank/images/menu_bg.png) repeat-x center bottom;
}
header .main-menu .container {
  padding-top: 0;
}
header .main-menu .nav-lv1 {
  margin: 0 auto;
  text-align: left;
  font-size: 0;
  position: relative;
  z-index: 9998;
}
header .main-menu .nav-lv1 > li {
  position: relative;
  font-size: 17px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 38px;
  border-left: 1px solid #d1d1d1;
}
header .main-menu .nav-lv1 > li.funcashier {
  position: relative;
}
header .main-menu .nav-lv1 > li.funcashier a {
  padding-left: 50px;
  font-weight: bold;
  color: #666;
}
header .main-menu .nav-lv1 > li a {
  display: block;
  padding-left: 24px;
  padding-right: 24px;
}
header .main-menu .nav-lv1 > li a:hover {
  color: #f31e36;
}
header .main-menu .nav-lv1 > li a:active, header .main-menu .nav-lv1 > li a.active {
  background: url(/MMA8/bank/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/bank/images/downbitchhead.png) no-repeat center top;
}
header .main-menu .nav-lv1--vietnamNav {
  font-family: 'Calibri';
}
header .main-menu .nav-lv1--vietnamNav > li {
  line-height: 1;
  text-align: center;
}
header .main-menu .nav-lv1--vietnamNav > li a {
  padding: 4px 24px;
  display: block;
}
header .main-menu .nav-lv1--vietnamNav > li a:active, header .main-menu .nav-lv1--vietnamNav > li a.active {
  background: url(/MMA8/bank/images/menu_bg_active.png) repeat-x center #cb0f24;
}

.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: 999999;
  width: 500px;
  height: 120px;
  padding: 25px 40px;
  background-color: white;
  background: url(/MMA8/bank/images/search-darrow.png) no-repeat 512px 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/bank/images/sprite-search.png);
  background-position: right -644px;
}
.container.search-popup .search-block .search-area .ffTextBoxWrapper .ffTextBoxRight .ffTextBoxLeft {
  background-image: url(/MMA8/bank/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/bank/images/sprite-search.png);
  background-position: right -697px;
}
.container.search-popup .search-block .search-area .ffSelectWrapper .ffSelect a span {
  background-image: url(/MMA8/bank/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/bank/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 .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;
}

.slide-menu-wrapper {
  display: none;
  width: 100%;
  height: 226px;
  background-color: white;
  position: absolute;
  top: 125px;
  padding-top: 30px;
  padding-bottom: 30px;
  z-index: 999999;
  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 .container {
  height: 100%;
  overflow: hidden;
}
.slide-menu-wrapper .container .left-func {
  float: left;
}
.slide-menu-wrapper .container .right-func {
  float: left;
}

.footer {
  background: #fff;
  border-top: #d00f24 6px solid;
  position: relative;
  z-index: 999999;
}
.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;
}
.foot_nav a {
  color: #000000;
}
.foot_nav a:hover {
  color: #3d9fd8;
}
.foot_nav a img {
  vertical-align: middle;
  margin-right: 2px;
}

.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: 8px;
}
.copyright a.copyright:visited, .copyright a.copyright:link {
  color: #fff;
}
.copyright a.copyright:hover {
  color: #fff;
  text-decoration: underline;
  background: none;
}
.copyright--bgc {
  background-color: #d00f24;
}
.copyright--vnCopyright {
  line-height: 1.2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.copyright__tradeMark {
  text-align: left;
}
.copyright__address {
  text-align: right;
  margin-left: 84px;
}

.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/bank/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/bank/images/icons.png) no-repeat 0 -225px;
}

.outer_container {
  background-color: #ededed;
  min-height: 500px;
  position: relative;
  padding-top: 125px;
}
.outer_container--vietnam-container {
  padding-top: 133px;
}
.outer_container.main_ctn_fund01 {
  background: url(/MMA8/bank/images/topbanner_fund_01.jpg) no-repeat center 125px #ededed;
}
.outer_container.main_ctn_fund02 {
  background: url(/MMA8/bank/images/topbanner_fund_02.jpg) no-repeat center 125px #ededed;
}
.outer_container.main_ctn_fund03 {
  background: url(/MMA8/bank/images/topbanner_fund_03.jpg) no-repeat center 125px #ededed;
}
.outer_container.main_ctn_fund04 {
  background: url(/MMA8/bank/images/topbanner_fund_04.jpg) no-repeat center 125px #ededed;
}
.outer_container.main_ctn_fund05 {
  background: url(/MMA8/bank/images/topbanner_fund_05.jpg) no-repeat center 125px #ededed;
}
.outer_container.main_ctn_fund06 {
  background: url(/MMA8/bank/images/topbanner_fund_06.jpg) no-repeat center 125px #ededed;
}
.outer_container.main_ctn_fund07 {
  background: url(/MMA8/bank/images/topbanner_fund_07.jpg) no-repeat center 125px #ededed;
}
.outer_container.main_ctn_fund08 {
  background: url(/MMA8/bank/images/topbanner_fund_08.jpg) no-repeat center 125px #ededed;
}
.outer_container.main_ctn_fund09 {
  background: url(/MMA8/bank/images/topbanner_fund_09.jpg) no-repeat center 125px #ededed;
}
.outer_container.infopage01 {
  background: url(/MMA8/bank/images/topbanner_info_01.jpg) no-repeat center 125px #ededed;
}
.outer_container.infopage02 {
  background: url(/MMA8/bank/images/topbanner_info_02.jpg) no-repeat center 125px #ededed;
}
.outer_container.infopage03 {
  background: url(/MMA8/bank/images/topbanner_info_03.jpg) no-repeat center 125px #ededed;
}
.outer_container.infopage04 {
  background: url(/MMA8/bank/images/topbanner_info_04.jpg) no-repeat center 125px #ededed;
}
.outer_container.infopage04 .content {
  padding-top: 15px;
}
.outer_container.infopage04 .abgne_tab {
  margin-top: 30px;
}
.outer_container.infopage04 .abgne_tab div.tab_container {
  padding: 15px;
        /*.data-table1 {
				  font-size: 12px;
			}20160705*/
}
.outer_container.infopage05 {
  background: url(/MMA8/bank/images/topbanner_info_05.jpg) no-repeat center 125px #ededed;
}
.outer_container.infopage06 {
  background: url(/MMA8/bank/images/topbanner_info_06.jpg) no-repeat center 125px #ededed;
}
.outer_container.service {
  background: url(/MMA8/bank/images/topbanner_ss_01.jpg) repeat-x center 125px #ededed;
  border-top: 0px solid #d00f24;
}
.outer_container.service.errorpage {
  background: #f2f2f2;
}
.outer_container.service-seacrh {
  margin-top: 80px;
  padding-top: 0;
  background: url(/MMA8/bank/images/topbanner_ss_01.jpg) repeat-x center top #ededed;
  border-top: 6px solid #d00f24;
}
.outer_container.service-index {
  background: url(/MMA8/bank/images/topbanner_service_01.jpg) repeat-x left 125px #ffffff;
  border-top: 0px solid #d00f24;
}
.outer_container section.sub-menu {
  width: 228px;
  float: left;
  margin-right: 12px;
  margin-bottom: 20px;
}
.outer_container section.sub-menu a {
  display: block;
  border-bottom: 1px solid #dddddd;
}
.outer_container section.sub-menu a:hover {
  color: #d00f24;
}
.outer_container 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;
}
.outer_container section.sub-menu h4.title {
  padding-left: 28px;
  font-size: 14px;
  line-height: 40px;
  background: url(/MMA8/bank/images/icons.png) no-repeat 10px -364px;
}
.outer_container section.sub-menu .nav-block {
  position: relative;
  z-index: 9999;
  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);
}
.outer_container section.sub-menu .sbnav-lv1 > li {
  position: relative;
  line-height: 38px;
  font-size: 16px;
}
.outer_container section.sub-menu .sbnav-lv1 > li > a {
  border-top: 1px solid #fff;
  padding-left: 30px;
  margin-left: 8px;
  margin-right: 8px;
}
.outer_container section.sub-menu .sbnav-lv1 > li > a:hover {
  background: url(/MMA8/bank/images/icons.png) no-repeat 190px -307px;
}
.outer_container section.sub-menu .sbnav-lv1 > li > a.clear-last-bt {
  border-bottom: 1px solid #f4f4f4;
}
.outer_container section.sub-menu .sbnav-lv1 > li.active {
  background: url(/MMA8/bank/images/menu_bg_active.png) repeat-x 0 0;
  border-top: 1px solid #d00f24;
  border-bottom: 1px solid #9a101f;
}
.outer_container section.sub-menu .sbnav-lv1 > li.active > a {
  background: url(/MMA8/bank/images/icons.png) no-repeat 190px -337px;
  color: #fff;
  border: 0;
}
.outer_container section.sub-menu .sbnav-lv2,
.outer_container section.sub-menu .sbnav-lv3 {
  display: none;
  width: 188px;
  position: absolute;
  background-color: #fcecef;
  border: 1px solid #dddddd;
  right: -190px;
  top: -1px;
}
.outer_container section.sub-menu .sbnav-lv2 li,
.outer_container section.sub-menu .sbnav-lv3 li {
  line-height: 38px;
  font-size: 16px;
  position: relative;
}
.outer_container section.sub-menu .sbnav-lv2 li a,
.outer_container section.sub-menu .sbnav-lv3 li a {
  border-top: 1px solid #fff;
  padding-left: 15px;
}
.outer_container section.sub-menu .sbnav-lv2 li a.clear-last-bt,
.outer_container section.sub-menu .sbnav-lv3 li a.clear-last-bt {
  border-bottom: 1px solid #fcecef;
}
.outer_container section.sub-menu .sbnav-lv2 li a:hover,
.outer_container section.sub-menu .sbnav-lv3 li a:hover {
  color: initial;
  background-color: #f3d0d4;
  border-top: 1px solid #f3d0d4;
  border-bottom: 1px solid #f3d0d4;
}
.outer_container section.sub-menu .sbnav-lv2 .sbnav-arrow,
.outer_container section.sub-menu .sbnav-lv3 .sbnav-arrow {
  background: url(/MMA8/bank/images/icons.png) no-repeat 168px -396px;
}
.outer_container section.sub-menu .shortcut {
  font-size: 14px;
  background-color: #dedadb;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.outer_container 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;
}
.outer_container section.sub-menu .shortcut .sc-nav li {
  line-height: 40px;
}
.outer_container section.sub-menu .shortcut .sc-nav li a {
  padding-left: 20px;
}
.outer_container .container {
  /*overflow: hidden;*/
  position: relative;
  z-index: 99999;
}
.outer_container section.content {
  width: 708px;
  background: none;
  border: 0;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 0px 0 25px 0;
}

.index_fund section.content {
  padding-top: 243px;
}

h2.title {
  border-bottom: 2px solid #e8362c;
  padding-bottom: 5px;
  padding-left: 5px;
  font-family: "微軟正黑體", "MS UI Gothic", 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;
}

.formblock2 {
  margin: 15px 0 20px 0 !important;
  border: #dddddd 1px solid;
  border-radius: 5px;
  padding: 10px;
}
.formblock2 .data-table {
  border-collapse: collapse;
}
.formblock2 .data-table th {
  font-size: 15px;
  color: #666666;
  text-align: right;
  vertical-align: top;
  padding: 10px;
  line-height: 32px;
}
.formblock2 .data-table th.init {
  vertical-align: initial;
  line-height: 1.5;
}
.formblock2 .data-table td {
  padding: 10px;
  line-height: 32px;
  font-size: 15px;
}
.formblock2 .data-table .detail-tables {
  border: 1px solid #dddddd;
  display: table;
  float: left;
  margin-right: 10px;
}
.formblock2 .data-table .detail-tables dt {
  color: #666666;
  background-color: #eeeeee;
  padding: 0 20px;
  height: 33px;
}
.formblock2 .data-table .detail-tables dd {
  text-align: center;
  line-height: 33px;
}
.formblock2 .data-table.info td {
  text-align: right;
  line-height: 1.5em;
  padding: 0 24px;
}
.formblock2 .data-table.info th {
  font-size: 18px;
  text-align: left;
  width: auto;
  line-height: 1.5em;
  padding: 0 24px;
  vertical-align: middle;
}
.formblock2 .data-table .notice {
  line-height: 18px;
  font-size: 13px;
  font-weight: normal;
  margin: 10px 0 5px 0;
  clear: both;
}
.formblock2 .data-table.bdr-btm th,
.formblock2 .data-table.bdr-btm td {
  border-bottom: 1px solid #dddddd;
}

section.trans-content .formblock {
  margin: 15px 0 20px 0 !important;
  border: #dddddd 1px solid;
  border-radius: 5px;
  padding: 0 10px;
}
section.trans-content .data-table {
  border-collapse: collapse;
}
section.trans-content .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 {
  margin-left: 10px;
  color: #666666;
  font-size: 12px;
  font-weight: normal;
}
section.trans-content .data-table td {
  padding: 10px;
  border-bottom: 1px solid #dddddd;
  line-height: 32px;
  font-size: 15px;
}
section.trans-content .data-table .detail-tables {
  border: 1px solid #dddddd;
  display: table;
  float: left;
  margin-right: 10px;
}
section.trans-content .data-table .detail-tables dt {
  color: #666666;
  background-color: #eeeeee;
  padding: 0 20px;
  height: 33px;
}
section.trans-content .data-table .detail-tables dd {
  text-align: center;
  line-height: 33px;
}
section.trans-content .data-table.info td {
  text-align: right;
  line-height: 1.5em;
  padding: 0 24px;
}
section.trans-content .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 {
  line-height: 18px;
  font-size: 13px;
  font-weight: normal;
  margin: 10px 0 5px 0;
  clear: both;
}
section.trans-content .msgbox {
  margin-top: 20px;
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
}
section.trans-content .msgbox p {
  font-size: 13px;
  font-weight: normal;
  margin: 20px 10px 20px 0;
}
section.trans-content .formblock p {
  font-size: 16px;
  font-weight: 700;
  margin-top: 15px;
}
section.trans-content.termserv .formblock {
  line-height: 2em;
  padding: 0 20px 15px;
}
section.trans-content.termserv .formblock ol li {
  list-style: decimal;
  margin-left: 20px;
  line-height: 26px;
}
section.trans-content .rowElem label {
  margin: 0 10px;
}

.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/bank/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/bank/images/s1.png);
}
.stepsboard .s1_on {
  background-image: url(/MMA8/bank/images/s1_on.png);
  color: #d00f24;
}
.stepsboard .s2 {
  background-image: url(/MMA8/bank/images/s2.png);
}
.stepsboard .s2_on {
  background-image: url(/MMA8/bank/images/s2_on.png);
  color: #d00f24;
}
.stepsboard .s3 {
  background-image: url(/MMA8/bank/images/s3.png);
}
.stepsboard .s3_on {
  background-image: url(/MMA8/bank/images/s3_on.png);
  color: #d00f24;
}

section.trans-content .data-table th {
  font-size: 13px;
  padding: 15px 10px 5px 0px;
  width: 185px;
  vertical-align: middle;
}
section.trans-content .data-table td {
  font-size: 13px;
  padding: 15px 0px 5px 10px;
  vertical-align: middle;
}

.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;
}
.rnotes .transaction_number {
  right: 2%;
  position: absolute;
  display: block;
}

.rnotes-df {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  line-height: 20px;
  margin-top: 15px;
}

.rnotes-general {
  color: #b5b5b5;
  font-size: 13px;
  display: block;
  line-height: 1;
}

.rnotes-center {
  display: block;
  vertical-align: middle;
  line-height: 20px;
  margin-top: 15px;
  text-align: center;
}

.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;
}

.bdr-radius {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.full-size {
  width: 100%;
}

.center {
  text-align: center;
}

.fwb {
  font-weight: bold;
}

.red {
  color: #d00f24 !important;
}

.gray {
  color: #666666;
}

.litegray {
  color: #5e5e5e;
}

.green {
  color: #006600;
}

.lh2 {
  line-height: 2em;
}

.fs12 {
  font-size: 12px;
}

.fs13 {
  font-size: 13px;
}

.fs15 {
  font-size: 15px;
}

.fs16 {
  font-size: 16px;
}

.fs18 {
  font-size: 18px;
}

.fs20 {
  font-size: 20px;
}

.sarrow {
  line-height: 34px;
  background: url(/MMA8/bank/images/sarrow.png) no-repeat left 14px;
}

.rowElem.inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.rowElem a.sarrow {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 10px;
  padding-left: 12px;
  vertical-align: middle;
}

section.trans-content .rowElem {
  margin-bottom: 10px;
  line-height: 34px;
}

.balance {
  margin: 0 7px;
}

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: 17%;
}
section.trans-content .foreign-exchange-instructions .description {
  float: right;
  width: 83%;
  line-height: 21px;
}
section.trans-content .foreign-exchange-instructions p {
  font-size: 12px;
  font-weight: normal;
  margin: 0;
}

.MemoContent-s2 .listStyle {
  margin: 15px 20px;
}
.MemoContent-s2 .listStyle * {
  line-height: 24px;
}
.MemoContent-s2 ol li {
  list-style: decimal inside;
  text-indent: -15px;
  margin-left: 15px;
}
.MemoContent-s2 .inner {
  margin-left: 24px;
}

.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 .img1 {
  background: url(/MMA8/bank/images/1.jpg) no-repeat center top;
  width: 100%;
  height: 100%;
  min-height: 410px;
}
.cycle-slideshow .img2 {
  background: url(/MMA8/bank/images/2.jpg) no-repeat center top;
  width: 100%;
  height: 100%;
  min-height: 410px;
}
.cycle-slideshow .img3 {
  background: url(/MMA8/bank/images/3.jpg) no-repeat center top;
  width: 100%;
  height: 100%;
  min-height: 410px;
}
.cycle-slideshow .img4 {
  background: url(/MMA8/bank/images/4.jpg) no-repeat center top;
  width: 100%;
  height: 100%;
  min-height: 410px;
}
.cycle-slideshow .img5 {
  background: url(/MMA8/bank/images/5.jpg) no-repeat center top;
  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/bank/images/h2_cash.png) no-repeat left 2px;
}
.cycle-overlay h2.et {
  background: url(/MMA8/bank/images/h2_et.png) no-repeat left 2px;
}
.cycle-overlay h2.ta {
  background: url(/MMA8/bank/images/h2_ta.png) no-repeat 9px 2px;
}
.cycle-overlay ul {
  margin: 12px 0 15px 68px;
}
.cycle-overlay ul li {
  list-style: url(/MMA8/bank/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;
}

.ffTextBoxWrapper,
.ffPasswordWrapper,
.ffCheckboxWrapper,
.ffRadioWrapper,
.ffTextAreaWrapper,
.ffSubmitWrapper,
.ffResetWrapper,
.ffButtonWrapper {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-right: 10px !important;
}

.ffSelectWrapper {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  margin-right: 10px !important;
}

.ffTextBoxLeft,
.ffTextBoxRight,
.ffPasswordLeft,
.ffPasswordRight,
.ffCheckbox,
.ffRadio {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}

.ffSelectButton {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}
.ffSelectButton span {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}

.ffSelectMenuWrapper div.ffSelectMenuTop, .ffSelectMenuWrapper div.ffSelectMenuBottom {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}
.ffSelectMenuWrapper > div > span {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}

.ffTextAreaTop,
.ffTextAreaBottom,
.ffSubmitWrapper a,
.ffResetWrapper a,
.ffButtonWrapper a,
.ffTextAreaTop span,
.ffTextAreaBottom span,
.ffSubmitWrapper a span,
.ffResetWrapper a span,
.ffButtonWrapper a span {
  background-image: url(/MMA8/bank/images/sprite.png);
  background-repeat: no-repeat;
}

.text-xm .ffTextBoxWrapper {
  width: 74px;
  *clear: both;
}

.text-sm .ffTextBoxWrapper {
  width: 134px;
  *clear: both;
}
.text-sm input {
  width: 115px;
}

.text-m .ffTextBoxWrapper {
  width: 194px;
  *clear: both;
}

.text-m1 .ffTextBoxWrapper {
  width: 160px;
  *clear: both;
}

.text-l .ffTextBoxWrapper {
  width: 230px;
  *clear: both;
}

.text-l1 .ffTextBoxWrapper {
  width: 300px;
  *clear: both;
}

.text-xl .ffTextBoxWrapper {
  width: 350px;
  *clear: both;
}

.text-xll .ffTextBoxWrapper {
  width: 370px;
  *clear: both;
}

.text-xll1 .ffTextBoxWrapper {
  width: 400px;
  *clear: both;
}

.ffTextBoxRight,
.ffPasswordRight {
  background-position: right -256px;
  padding-right: 5px !important;
}

.ffTextBoxLeft,
.ffPasswordLeft {
  background-position: 0 0;
  padding: 0 5px 0 10px !important;
}

.ffTextBoxLeft input,
.ffPasswordLeft input {
  border: 0;
  height: 32px;
  background-color: transparent;
  margin-top: 8px \9;
  height: 24px \9;
}

.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;
}

.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;
  position: relative;
  top: 1px;
  font-size: 13px;
  padding-left: 5px;
  margin-right: 10px;
}

.ffRadio {
  width: 18px;
  height: 18px;
  float: left;
  background-position: -180px -296px;
  cursor: pointer;
}

.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;
}

.ffRadioWrapper {
  position: relative;
}
.ffRadioWrapper .ffRadio {
  position: absolute;
  top: 50%;
  margin-top: -9px;
}
.ffRadioWrapper .ffRadio + a {
  padding-left: 28px;
  font-size: 15px;
}

.aclist .ffSelectWrapper {
  width: 250px;
  *clear: both;
}

.aclist-large .ffSelectWrapper {
  width: 403px;
  *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;
}

.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/bank/images/sides.png) repeat-y right 0;
}

.ffSelectMenuMid {
  max-height: 200px;
  overflow: auto;
  background: url(/MMA8/bank/images/sides.png) repeat-y 0 0;
  padding-left: 4px;
  margin-right: 4px;
}

.scrollingBarWrapper {
  width: 24px;
  height: 200px;
  background: url(/MMA8/bank/images/scrollingBarBg.png) no-repeat;
  right: 3px !important;
}

.scrollingHandle {
  width: 24px;
  padding-top: 20px;
  background: url(/MMA8/bank/images/scrollingHandleTop.png) no-repeat 0 0;
}

.scrollingHandleBottom {
  width: 24px;
  background: url(/MMA8/bank/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/bank/images/sides.png) repeat-y right 0;
}
.ffTextAreaMid .ffTextAreaLeft {
  background: url(/MMA8/bank/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;
}

.btn-zone {
  clear: both;
  margin: 10px auto;
  text-align: center;
}
.btn-zone a.nbtn,
.btn-zone input.nbtn,
.btn-zone button.nbtn {
  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);
}
.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.focus {
  color: white;
  background: #d00f24;
  border: 1px solid #ac1414;
}
.btn-zone a:hover {
  text-decoration: none;
}
.btn-zone a.focus:hover {
  background: #f31e36;
}
.btn-zone img {
  margin: 8px;
}

.keyboard-zone .numbers {
  width: 240px;
  display: table;
  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(/MMA8/bank/images/k0.png) no-repeat left top;
}
.keyboard-zone .numbers .k0:hover {
  background: url(/MMA8/bank/images/k0_over.png) no-repeat left top;
}
.keyboard-zone .numbers .k1 {
  background: url(/MMA8/bank/images/k1.png) no-repeat left top;
}
.keyboard-zone .numbers .k1:hover {
  background: url(/MMA8/bank/images/k1_over.png) no-repeat left top;
}
.keyboard-zone .numbers .k2 {
  background: url(/MMA8/bank/images/k2.png) no-repeat left top;
}
.keyboard-zone .numbers .k2:hover {
  background: url(/MMA8/bank/images/k2_over.png) no-repeat left top;
}
.keyboard-zone .numbers .k3 {
  background: url(/MMA8/bank/images/k3.png) no-repeat left top;
}
.keyboard-zone .numbers .k3:hover {
  background: url(/MMA8/bank/images/k3_over.png) no-repeat left top;
}
.keyboard-zone .numbers .k4 {
  background: url(/MMA8/bank/images/k4.png) no-repeat left top;
}
.keyboard-zone .numbers .k4:hover {
  background: url(/MMA8/bank/images/k4_over.png) no-repeat left top;
}
.keyboard-zone .numbers .k5 {
  background: url(/MMA8/bank/images/k5.png) no-repeat left top;
}
.keyboard-zone .numbers .k5:hover {
  background: url(/MMA8/bank/images/k5_over.png) no-repeat left top;
}
.keyboard-zone .numbers .k6 {
  background: url(/MMA8/bank/images/k6.png) no-repeat left top;
}
.keyboard-zone .numbers .k6:hover {
  background: url(/MMA8/bank/images/k6_over.png) no-repeat left top;
}
.keyboard-zone .numbers .k7 {
  background: url(/MMA8/bank/images/k7.png) no-repeat left top;
}
.keyboard-zone .numbers .k7:hover {
  background: url(/MMA8/bank/images/k7_over.png) no-repeat left top;
}
.keyboard-zone .numbers .k8 {
  background: url(/MMA8/bank/images/k8.png) no-repeat left top;
}
.keyboard-zone .numbers .k8:hover {
  background: url(/MMA8/bank/images/k8_over.png) no-repeat left top;
}
.keyboard-zone .numbers .k9 {
  background: url(/MMA8/bank/images/k9.png) no-repeat left top;
}
.keyboard-zone .numbers .k9:hover {
  background: url(/MMA8/bank/images/k9_over.png) no-repeat left top;
}
.keyboard-zone .numbers a[class*='k']:active {
  background-position: 1px 1px;
}
.keyboard-zone .clear_btn {
  float: left;
  width: 67px;
  height: 89px;
  background: url(/MMA8/bank/images/btn_clear.png) no-repeat left top;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
  display: block;
  outline: none;
}
.keyboard-zone .clear_btn:hover {
  background: url(/MMA8/bank/images/btn_clear_over.png) no-repeat left top;
}
.keyboard-zone .clear_btn:active {
  background-position: 1px 1px;
  outline: none;
}

.nav_browse_wrap {
  width: 220px;
  display: block;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  background: url(/MMA8/bank/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: "微軟正黑體", "MS UI Gothic", 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/bank/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/bank/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/bank/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/bank/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/bank/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: "微軟正黑體", "MS UI Gothic", 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: "微軟正黑體", "MS UI Gothic", Arial, Helvetica, sans-serif;
  clear: both;
  display: block;
  margin: 0px;
  padding: 0px 0px 0px 20px;
}
ul.nav_tab li {
  *float: left;
}
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.focus {
  background-color: #ac1414;
}
ul.nav_tab a:hover {
  text-decoration: none;
  background-color: #ac1414;
}
ul.nav_tab a.focus:hover {
  cursor: default;
}
ul.nav_tab.two_tabs a {
  padding: 0px 65px;
}

.sub_nav_block {
  position: relative;
}
.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;
}

ul.sub_nav_tab {
  font-family: "微軟正黑體", "MS UI Gothic", 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;
}

.data-table1 {
  font-family: "微軟正黑體", "MS UI Gothic", Arial, Helvetica, sans-serif;
  font-size: 13px;
  border-collapse: collapse;
  color: #2f2f2f;
  width: 680px;
  clear: both;
}
.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/bank/images/icon_timmer_16x16.png);
  padding: 0px 0px 0px 18px;
  background-repeat: no-repeat;
}
a.cart {
  background-image: url(/MMA8/bank/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 ul {
  font-family: inherit;
  list-style-type: none;
  font-size: 11px;
  line-height: 16px;
  color: inherit;
}
.notification ol li,
.notification ul li {
  line-height: inherit;
  margin-bottom: 5px;
}

.block_right_1 {
  margin: 20px 0px 0px 0px;
  width: 708px;
  font-family: "微軟正黑體", "MS UI Gothic", Arial, Helvetica, sans-serif;
  position: relative;
  z-index: 0;
}
.block_right_1 h1 {
  margin-top: 30px;
  display: block;
  margin: 20px 0px 30px 20px;
  display: block;
  font-size: 21px;
}
.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: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_2 {
  background-color: #fff;
  border: #dddddd solid 1px;
  border-radius: 4px;
  padding: 10px 14px;
}
.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;
}

/* pager */
.cycle-pager {
  text-align: left;
  width: 145px;
  height: 40px;
  z-index: 500;
  position: absolute;
  top: 233px;
  overflow: hidden;
  background: url(/MMA8/bank/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: "微軟正黑體", "MS UI Gothic", 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 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/bank/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 .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/bank/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/bank/images/icons-bond.png) no-repeat;
}
.con_bondinsure .block_row_2 .mc_1 {
  background: url(/MMA8/bank/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;
}

.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;
      /*-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;*/
  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/bank/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/bank/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/bank/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/bank/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/bank/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/bank/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/bank/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/bank/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/bank/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/bank/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/bank/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/bank/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 .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;
  /*z-index:1;*/
}
.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/bank/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/bank/images/sprite_fund_index.png);
  background-repeat: no-repeat;
}
.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/bank/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/bank/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/bank/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/bank/images/sprite_fund_index.png);
  background-repeat: no-repeat;
}
.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: "微軟正黑體", "MS UI Gothic", Arial, Helvetica, sans-serif;
  font-size: 13px;
  border-collapse: collapse;
  color: #2f2f2f;
  width: 680px;
  clear: both;
}
.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 a {
  color: #004d99;
}
.data-table-main a:hover {
  text-decoration: underline;
}

.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 .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: inline-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/bank/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/bank/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;
}

.last {
  margin-right: 0px !important;
}

.abgne_tab {
  clear: left;
  margin: 10px 0;
  margin-top: 40px;
}
.abgne_tab ul.tabs {
  width: 100%;
  height: 32px;
  margin-left: 40px;
}
.abgne_tab ul.tabs--height {
  height: 60px;
  margin: 0;
  margin-left: 3px;
}
.abgne_tab ul.tabs--tabsCen {
  display: flex;
  justify-content: center;
  overflow: hidden;
  margin: 0;
}
.abgne_tab ul.tabs li {
  font-size: 15px;
  float: left;
  height: 31px;
  line-height: 31px;
  overflow: hidden;
  position: relative;
  margin-bottom: -1px;
  /* 讓 li 往下移來遮住 ul 的部份 border-bottom */
  border: 1px solid #808081;
  background: url(/MMA8/bank/images/tabbg.png) repeat left top;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  margin-right: 1px;
}
.abgne_tab ul.tabs li:hover {
  border: 1px solid #ac1414;
}
.abgne_tab ul.tabs li a {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  display: block;
  padding: 0 20px;
  color: #ffffff;
  text-decoration: none;
}
.abgne_tab ul.tabs li a:hover {
  background: #ac1414;
}
.abgne_tab ul.tabs li.active {
  background: #ac1414;
  border: 1px solid #ac1414;
}
.abgne_tab ul.tabs li.listStyle {
  height: 100%;
  line-height: 60px;
  text-align: center;
  font-size: 13px;
}
.abgne_tab ul.tabs li.listStyle a {
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 17px;
  padding: 0 10px;
}
.abgne_tab ul.tabs.en {
  text-align: center;
  margin-left: auto;
  height: 35px;
}
.abgne_tab ul.tabs.en li {
  line-height: 1.2em;
  height: 34px;
  text-align: center;
  float: none;
  display: inline-block;
  margin-right: auto;
}
.abgne_tab ul.tabs.en li > a {
  line-height: 1em;
  padding-top: 4px;
  box-sizing: border-box;
}
.abgne_tab ul.tabs.en li span {
  display: block;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}
.abgne_tab.livechat_tab {
  margin-left: -28px;
  margin-right: -28px;
}
.abgne_tab.livechat_tab ul.tabs {
  width: inherit;
  margin-left: 28px;
}
.abgne_tab.livechat_tab div.tab_container {
  border-radius: 0;
  padding-left: 30px;
  padding-right: 30px;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.abgne_tab div.tab_container {
  clear: left;
  border-top: none;
  background: #fff;
  background-color: white;
  padding: 15px 40px;
  border: 1px solid #dddddd;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}
.abgne_tab div.tab_container--noPading {
  padding: 15px;
}
.abgne_tab div.tab_container p.caption {
  line-height: 40px;
  font-size: 14px;
  padding: 0;
  float: left;
}
.abgne_tab div.tab_container p.caption.lh2 {
  line-height: 2em;
}
.abgne_tab div.tab_container p.caption.fs12 {
  font-size: 12px;
}
.abgne_tab div.tab_container p.caption--noLH {
  line-height: 18px;
  margin-bottom: 15px;
  color: red;
  text-align: justify;
}
.abgne_tab div.tab_container p.caption--noLH .marTop {
  display: block;
  margin-top: 5px;
}
.abgne_tab div.tab_container p.unit {
  line-height: 40px;
  font-size: 14px;
  padding: 0;
  padding-right: 10px;
  float: right;
}
.abgne_tab div.tab_container p.unit--noSpace {
  line-height: 17px;
  padding: 0;
}
.abgne_tab div.tab_container .tab_content {
  padding: 0px;
}
.abgne_tab div.tab_container .tab_content h2 {
  margin: 0 0 20px;
}
.abgne_tab div.tab_container .tab_fold {
  border-bottom: 1px solid #DFDCD4;
  margin: 28px 0 5px;
  display: flex;
  width: auto;
  cursor: pointer;
}
.abgne_tab div.tab_container .tab_fold--container {
  margin-bottom: 12px;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.abgne_tab div.tab_container .tab_fold--container p {
  font-size: 16px;
  padding: 0;
}
.abgne_tab div.tab_container .tab_fold--container img:nth-of-type(2) {
  display: none;
}
.abgne_tab div.tab_container .tab_fold--content {
  display: none;
  margin-top: 10px;
}
.abgne_tab div.tab_container .tab_fold.noborder {
  border: none;
}

.info-searchbar {
  text-align: center;
}
.info-searchbar label {
  margin-right: 10px;
  vertical-align: middle;
  line-height: 34px;
}
.info-searchbar .ffSelectWrapper {
  margin-right: 0px !important;
  text-align: left;
}
.info-searchbar input[type='submit'] {
  cursor: pointer;
}

.service .searchbar {
  color: #666666;
  margin: 30px;
}
.service .searchbar .inline {
  float: left;
}
.service .searchbar .ffSelectWrapper,
.service .searchbar .ffTextBoxWrapper {
  margin-right: 0 !important;
}
.service .searchbar .related-words {
  position: absolute;
  z-index: 80;
  top: 35px;
  width: 432px;
  background-color: #ffffff;
  border: #b9b9b9 1px solid;
}
.service .searchbar .related-words li a {
  display: table;
  width: 100%;
  line-height: 26px;
  color: #666666;
  background-color: #ffffff;
}
.service .searchbar .related-words li a:hover {
  background-color: #eeeeee;
}
.service .searchbar .related-words li a .words {
  float: left;
  padding: 0 10px;
}
.service .searchbar .related-words li a .searches {
  float: right;
  padding: 0 10px;
}
.service .searchbar .text-xll .ffTextBoxWrapper {
  width: 440px;
}
.service .searchbar .ffSelectMenuWrapper div.ffSelectMenuTop, .service .searchbar .ffSelectMenuWrapper div.ffSelectMenuBottom {
  background-image: url(/MMA8/bank/images/sprite2.png);
  background-repeat: no-repeat;
}
.service .searchbar .ffSelectMenuWrapper > div > span {
  background-image: url(/MMA8/bank/images/sprite2.png);
  background-repeat: no-repeat;
}
.service .searchbar .ffSelectButton {
  background-image: url(/MMA8/bank/images/sprite2.png);
  background-repeat: no-repeat;
}
.service .searchbar .ffSelectButton span {
  background-image: url(/MMA8/bank/images/sprite2.png);
  background-repeat: no-repeat;
}
.service .searchbar .ffSelectWrapper {
  width: 96px;
}
.service .searchbar .ffSelect > a > span {
  background-position: -10px 0;
  font-size: 15px;
}
.service .searchbar .ffTextBoxRight {
  background-position: 0 0;
  background-image: url(/MMA8/bank/images/sprite2.png);
}
.service .searchbar .ffTextBoxLeft {
  background-position: right -450px;
  padding-right: 0 !important;
  background-image: url(/MMA8/bank/images/sprite2.png);
}
.service .searchbar .ffTextBoxLeft input,
.service .searchbar .ffPasswordLeft input {
  color: #777777;
  font-size: 15px;
  font-family: "微軟正黑體", "MS UI Gothic", Arial, Helvetica, sans-serif;
}
.service .searchbar .ffSelectWrapper.focus .ffSelect > a,
.service .searchbar .ffSelect:hover > a,
.service .searchbar .ffSelect:focus > a,
.service .searchbar .ffSelectWrapper.active .ffSelect > a {
  background-position: right -128px;
}
.service .searchbar .ffSelectMenuWrapper .ffSelectMenuMidBG li {
  background: #ffffff;
}
.service .searchbar .ffSelectMenuWrapper .ffSelectMenuMidBG li.on {
  background: #f2f2f2;
}
.service .searchbar .rowElem input[type='text'],
.service .searchbar .rowElem input[type='password'] {
  width: 100%;
  border: none;
  border-radius: 0px;
  padding: 0;
  top: 0;
  box-shadow: none;
}
.service .searchbar .rowElem input[type='text'].focus, .service .searchbar .rowElem input[type='text']:focus,
.service .searchbar .rowElem input[type='password'].focus,
.service .searchbar .rowElem input[type='password']:focus {
  background: none;
}
.service .searchbar .btn-zone {
  clear: none;
  margin: 0 auto !important;
}
.service .searchbar .btn-zone a.nbtn,
.service .searchbar .btn-zone input.nbtn,
.service .searchbar .btn-zone button.nbtn {
  cursor: pointer;
  margin: 0;
  -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;
}
.service .searchbar .btn-zone a.nbtn:hover,
.service .searchbar .btn-zone input.nbtn:hover,
.service .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;
}
.service .searchbar .btn-zone a.nbtn.focus,
.service .searchbar .btn-zone input.nbtn.focus,
.service .searchbar .btn-zone button.nbtn.focus {
  color: white;
  background: #d00f24;
  border: 1px solid #ac1414;
}
.service .searchbar .btn-zone a.nbtn.focus:hover,
.service .searchbar .btn-zone input.nbtn.focus:hover,
.service .searchbar .btn-zone button.nbtn.focus:hover {
  background: #f31e36;
}
.service .oxsearch {
  border: #dceaf2 1px solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.service .oxsearch:hover, .service .oxsearchfocus {
  border: #54d9ff 1px solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.service .advsearch a {
  position: relative;
  top: 15px;
  color: #014fa1;
  padding: 0 6px;
}
.service .advsearch a:hover {
  color: #3d9fd8;
}
.service .rhot {
  margin: 8px 5px;
  line-height: 17px;
  font-size: 15px;
}
.service .rhot a {
  color: #014fa1;
  padding: 0 6px;
}
.service .rhot a:hover {
  color: #3d9fd8;
}

.service .content {
  background: none;
  padding: 0;
  border: none;
}

.customers-service {
  padding-bottom: 30px;
}
.customers-service .content {
  background-color: white;
  min-height: 500px;
  padding: 0;
  border: 1px solid #dddddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.customers-service .formblock {
  border: #dddddd 1px solid;
  padding: 30px 35px;
  margin-top: 20px;
}
.customers-service .formblock .niframe {
  width: 100%;
  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;
  margin: 0 auto;
  display: block;
  height: 300px;
}
.customers-service .formblock .rowElem {
  margin-bottom: 12px;
}
.customers-service .formblock .rowElem .ftitle {
  width: 168px;
  margin: 0 18px;
  text-align: right;
  line-height: 34px;
  display: inline-block;
  color: #666666;
}
.customers-service .formblock .rowElem .rnote {
  color: #b5b5b5;
  font-size: 13px;
  margin-left: 204px;
  display: block;
}
.customers-service .formblock .rowElem .ffTextAreaWrapper textarea {
  width: 460px;
  height: 60px;
}
.customers-service .formblock .rowElem .before_select_txt {
  margin-right: 10px;
}
.customers-service .formblock .rowElem img {
  vertical-align: middle;
  margin-right: 10px;
}
.customers-service .fgline {
  background: url(/MMA8/bank/images/fgline.jpg) no-repeat center 12px;
  width: 100%;
  height: 12px;
  padding: 12px 0 12px 0;
  font-size: 13px;
}
.customers-service .cs-content {
  padding: 30px 40px;
  line-height: 22px;
}
.customers-service .cs-content p {
  color: #666666;
}
.customers-service .cs-content .cswords_link {
  background: url(/MMA8/bank/images/contactus.png) no-repeat left top;
  width: 161px;
  height: 135px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  text-indent: -9999px;
}
.customers-service .cs-content .cswords_link:hover {
  background: url(/MMA8/bank/images/contactus_on.png) no-repeat left top;
}
.customers-service .cs-content body {
  margin-top: 30px;
}
.customers-service .cs-content .underline {
  text-decoration: underline;
}
.customers-service .cs-content table#RadioButtonList_CustSEXY {
  display: inline-block;
}
.customers-service .cs-content .frametable {
  margin: 30px auto;
}
.customers-service .cs-content.fullwidth {
  padding: 30px 0;
}
.customers-service .cs-content .yblock {
  text-align: center;
  width: 750px;
  font-size: 15px;
  margin: 0 auto;
  line-height: 26px;
  background-color: #fffef2;
  padding: 20px 30px;
  font-size: 15px;
}
.customers-service .cs-content .yblock p {
  text-align: left;
  color: #8f8a50;
}
.customers-service .cs-content .abgne_tab ul.tabs {
  margin-left: 20px;
}
.customers-service .cs-content .abgne_tab ul.tabs li a {
  width: 145px;
  text-align: center;
}
.customers-service .cs-content .tab_container {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: #dddddd 0px solid;
  border-top: #dddddd 1px solid;
  padding: 20px 40px;
}
.customers-service .cs-content .tab_container .tab_content {
  text-align: center;
}
.customers-service .cs-content .tab_container .tab_content .articles {
  text-align: center;
  width: 810px;
  font-size: 15px;
  margin: 0 auto;
  line-height: 26px;
}
.customers-service .cs-content .tab_container .tab_content .articles p,
.customers-service .cs-content .tab_container .tab_content .articles h5,
.customers-service .cs-content .tab_container .tab_content .articles div,
.customers-service .cs-content .tab_container .tab_content .articles ul,
.customers-service .cs-content .tab_container .tab_content .articles li {
  text-align: left;
}
.customers-service .cs-content .tab_container .tab_content h5 {
  font-size: 15px;
  color: #2f2f2f;
  font-weight: bold;
  padding-left: 0;
  line-height: 32px;
}
.customers-service .cs-content .tab_container .tab_content img {
  margin: 20px auto;
}
.customers-service .cs-content .tab_container .tab_content ul.num li {
  list-style: decimal;
  margin-left: 20px;
}
.customers-service .cs-content .tab_container .tab_content ul.none li {
  list-style: none;
  margin-left: 20px;
}
.customers-service .cs-content .tab_container .tab_content ul.none li b {
  font-weight: bold;
}
.customers-service .cs-content .tab_container .tab_content ul.abc li {
  list-style: lower-latin;
  margin-left: 20px;
}

.cs-cat {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  background: url(/MMA8/bank/images/icon_cs_bg.jpg) repeat-x left top;
}
.cs-cat a {
  width: 236px;
  height: 16px;
  float: left;
  display: block;
  background: url(/MMA8/bank/images/icon-customerservice.png) no-repeat;
  border-left: #dddddd 1px solid;
  font-size: 16px;
  color: #2f2f2f;
  text-align: center;
  padding-top: 75px;
  line-height: 16px;
  padding-bottom: 17px;
  border-bottom: #dddddd 1px solid;
}
.cs-cat a:hover, .cs-cat a.active {
  color: #d00f24;
  border-top: 5px #d00f24 solid;
  padding-top: 70px;
}
.cs-cat a.webmsg {
  background-position: 22px 0;
  width: 235px;
}
.cs-cat a.webmsg:hover, .cs-cat a.webmsg.active {
  background-position: 22px -115px;
}
.cs-cat a.words {
  background-position: -168px 0;
  display: none;
}
.cs-cat a.words:hover, .cs-cat a.words.active {
  background-position: -168px -115px;
}
.cs-cat a.webcall {
  background-position: -358px 0;
}
.cs-cat a.webcall:hover, .cs-cat a.webcall.active {
  background-position: -358px -115px;
}
.cs-cat a.phonecall {
  background-position: -546px 0;
}
.cs-cat a.phonecall:hover, .cs-cat a.phonecall.active {
  background-position: -546px -115px;
}
.cs-cat a.branch {
  background-position: -737px 0;
}
.cs-cat a.branch:hover, .cs-cat a.branch.active {
  background-position: -737px -115px;
}
.cs-cat a.first {
  border-left: none;
}
.font-vn .cs-cat a {
  border-top: none;
  border-bottom: none;
  padding-top: 60px !important;
}
.font-vn .cs-cat {
  border-top: 5px #d00f24 solid;
  padding-bottom: 10px !important;
  border-bottom: #dddddd 1px solid;
}

.service-seacrh .content {
  background: none;
  padding: 0;
  border: none;
}
.service-seacrh .abgne_tab {
  padding: 0;
  margin: 0;
}
.service-seacrh .abgne_tab ul.tabs {
  margin-left: 30px;
}
.service-seacrh .abgne_tab.searchpage_tab1 .tab_container {
  padding: 0;
}
.service-seacrh .inline {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.service-seacrh .result-block .not-found .rdata {
  width: 374px;
  vertical-align: middle;
  margin-left: 30px;
  font-size: 15px;
}
.service-seacrh .sicon {
  display: inline-block;
  *dipslay: inline;
  zoom: 1;
  vertical-align: middle;
  background: url(/MMA8/bank/images/icon-search.png) no-repeat left 0px;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.service-seacrh .sicon.sicon_faq {
  background-position: 0 0px;
}
.service-seacrh .sicon.sicon_doc {
  background-position: -14px 0px;
}
.service-seacrh .sicon.sicon_apply {
  background-position: -28px 0px;
}
.service-seacrh .sicon.sicon_pinfo {
  background-position: -42px 0px;
}
.service-seacrh .sicon.sicon_all {
  background-position: -56px 0px;
}
.service-seacrh .sicon.sicon_rk {
  background-position: -70px 0px;
}
.service-seacrh .service-seacrh-index {
  padding-bottom: 30px;
}
.service-seacrh .service-seacrh-adv {
  padding-bottom: 50px;
}
.service-seacrh .advsearch-block ul.rlist li {
  border-bottom: #cdcdcd 1px solid;
  padding: 15px 0;
}
.service-seacrh .advsearch-block ul.rlist li.last {
  border-bottom: none;
}
.service-seacrh .advsearch-block ul.rlist li h5 {
  font-size: 13px;
  font-weight: normal;
  color: #d00f24;
  padding: 0 40px 0 30px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  line-height: 34px;
}
.service-seacrh .advsearch-block ul.rlist li .rdata {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 600px;
  line-height: 34px;
}
.service-seacrh .advsearch-block ul.rlist li .rdata .line1,
.service-seacrh .advsearch-block ul.rlist li .rdata .line2 {
  white-space: nowrap;
}
.service-seacrh .advsearch-block ul.rlist li .rdata .line1 {
  padding-bottom: 15px;
}
.service-seacrh .advsearch-block ul.rlist li .rdata .line1 span {
  padding-right: 27px;
}
.service-seacrh .advsearch-block ul.rlist li .rdata .line2 span {
  padding-right: 14px;
}
.service-seacrh .advsearch-block ul.rlist li .rdata .ffCheckbox {
  position: relative;
  top: 9px;
}
.service-seacrh .advsearch-block.arrow_box {
  width: 874px;
  margin: 0 auto;
  position: relative;
  background: #ffffff;
  border: 2px solid #d2dbe0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.service-seacrh .advsearch-block.arrow_box:after, .service-seacrh .advsearch-block.arrow_box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.service-seacrh .advsearch-block.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}
.service-seacrh .advsearch-block.arrow_box:before {
  border-color: rgba(210, 219, 224, 0);
  border-bottom-color: #d2dbe0;
  border-width: 11px;
  margin-left: -11px;
}
.service-seacrh .result-block {
  width: 600px;
  padding: 0 32px 15px 29px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.service-seacrh .result-block .search-total {
  line-height: 26px;
  padding-top: 10px;
  color: #6d6d6d;
}
.service-seacrh .result-block .search-total span {
  padding-right: 20px;
}
.service-seacrh .result-block .search-total select {
  margin: 0 6px;
}
.service-seacrh .result-block .list-block {
  border-bottom: #ededed 1px solid;
}
.service-seacrh .result-block .links.customer-service {
  padding: 18px 10px;
}
.service-seacrh .result-block .links.customer-service a {
  padding-left: 30px;
  padding-right: 20px;
  line-height: 22px;
  background: url(/MMA8/bank/images/icon-service.png) no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #004d99;
}
.service-seacrh .result-block .links.customer-service a.msg {
  background-position: 0 0;
}
.service-seacrh .result-block .links.customer-service a.words {
  background-position: -92px 0;
}
.service-seacrh .result-block .links.customer-service a.skype {
  background-position: -195px 0;
}
.service-seacrh .result-block .links.customer-service a.voice {
  background-position: -297px 0;
}
.service-seacrh .result-block .links.customer-service a.branch {
  background-position: -397px 0;
}
.service-seacrh .result-block .links.customer-service a:hover {
  color: #3d9fd8;
}
.service-seacrh .result-block .links.customer-service a:hover.msg {
  background-position: 0 -50px;
}
.service-seacrh .result-block .links.customer-service a:hover.words {
  background-position: -92px -50px;
}
.service-seacrh .result-block .links.customer-service a:hover.skype {
  background-position: -195px -50px;
}
.service-seacrh .result-block .links.customer-service a:hover.voice {
  background-position: -297px -50px;
}
.service-seacrh .result-block .links.customer-service a:hover.branch {
  background-position: -397px -50px;
}
.service-seacrh .result-block .rcat {
  width: 14px;
  height: 14px;
  margin-right: 3px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background: url(/MMA8/bank/images/icon-search.png) no-repeat left 0px;
  margin-top: 6px;
}
.service-seacrh .result-block .rcat.sicon_faq {
  background-position: 0 0px;
}
.service-seacrh .result-block .rcat.sicon_doc {
  background-position: -14px 0px;
}
.service-seacrh .result-block .rcat.sicon_apply {
  background-position: -28px 0px;
}
.service-seacrh .result-block .rcat.sicon_pinfo {
  background-position: -42px 0px;
}
.service-seacrh .result-block .rcat.sicon_all {
  background-position: -56px 0px;
}
.service-seacrh .result-block .rlist {
  margin: 25px 0;
}
.service-seacrh .result-block .rdata {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 570px;
  font-size: 13px;
  line-height: 24px;
}
.service-seacrh .result-block .rdata a .keyword,
.service-seacrh .result-block .rdata .keyword {
  color: #ff0000;
}
.service-seacrh .result-block .rtitle a {
  color: #004d99;
  font-size: 15px;
  float: left;
}
.service-seacrh .result-block .rtitle a:hover {
  text-decoration: underline;
  color: #3d9fd8;
}
.service-seacrh .result-block .rurl {
  color: #b0b0b0;
}
.service-seacrh .result-block .rintro {
  color: #666666;
}
.service-seacrh .result-block .rnote {
  float: left;
  font-size: 12px;
  color: #666666;
}
.service-seacrh .result-block .rnote span {
  padding: 0 5px;
  font-size: 12px;
}
.service-seacrh .result-block .related-keywords {
  padding: 12px 10px;
  border-bottom: #ededed 1px solid;
}
.service-seacrh .result-block .related-keywords p {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.service-seacrh .result-block .related-keywords a {
  color: #004d99;
}
.service-seacrh .result-block .related-keywords a:hover {
  color: #3d9fd8;
}
.service-seacrh .ad-block {
  width: 240px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: 70px;
  margin-bottom: 30px;
}
.service-seacrh .ad-block .mod_con {
  background: #f2f2f2;
  padding: 10px 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.service-seacrh .ad-block .mod_con .ad-list {
  line-height: 22px;
}
.service-seacrh .ad-block .mod_con .ad-list li {
  padding: 5px 0;
}
.service-seacrh .ad-block .mod_con .rtitle,
.service-seacrh .ad-block .mod_con .rtitle a {
  color: #004d99;
  font-size: 14px;
  font-weight: bold;
}
.service-seacrh .ad-block .mod_con .rurl {
  font-size: 12px;
}
.service-seacrh .ad-block .mod_con .rintro {
  font-size: 13px;
}
.service-seacrh .ad-block .mod_con .keyword {
  color: #f00;
}
.service-seacrh .ad-block .mod_con a:hover {
  text-decoration: underline;
  color: #3d9fd8;
}
.service-seacrh .ad-block h3 {
  line-height: 36px;
  font-size: 20px;
  color: #000000;
}

.tabnav2 {
  border-bottom: #ededed 1px solid;
  padding: 0 38px;
}
.tabnav2 li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  line-height: 30px;
  margin-right: 20px;
}
.tabnav2 li a {
  line-height: 30px;
  display: block;
  padding: 5px 11px 5px 8px;
  font-size: 13px;
}
.tabnav2 li:hover a {
  padding-bottom: 1px;
  border-bottom: #3d9fd8 4px solid;
}
.tabnav2 li:hover .sicon_faq {
  background-position: 0 -28px;
}
.tabnav2 li:hover .sicon_doc {
  background-position: -14px -28px;
}
.tabnav2 li:hover .sicon_apply {
  background-position: -28px -28px;
}
.tabnav2 li:hover .sicon_pinfo {
  background-position: -42px -28px;
}
.tabnav2 li:hover .sicon_all {
  background-position: -56px -28px;
}
.tabnav2 li.active a {
  padding-bottom: 1px;
  border-bottom: #dd4b39 4px solid;
  color: #dd4b39;
}
.tabnav2 li.active .sicon_faq {
  background-position: 0 -14px;
}
.tabnav2 li.active .sicon_doc {
  background-position: -14px -14px;
}
.tabnav2 li.active .sicon_apply {
  background-position: -28px -14px;
}
.tabnav2 li.active .sicon_pinfo {
  background-position: -42px -14px;
}
.tabnav2 li.active .sicon_all {
  background-position: -56px -14px;
}
.tabnav2 li.active:hover a {
  padding-bottom: 1px;
  border-bottom: #dd4b39 4px solid;
  color: #dd4b39;
}
.tabnav2 li.active:hover .sicon_faq {
  background-position: 0 -14px;
}
.tabnav2 li.active:hover .sicon_doc {
  background-position: -14px -14px;
}
.tabnav2 li.active:hover .sicon_apply {
  background-position: -28px -14px;
}
.tabnav2 li.active:hover .sicon_pinfo {
  background-position: -42px -14px;
}
.tabnav2 li.active:hover .sicon_all {
  background-position: -56px -14px;
}

.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;
}

.service-index .searchbar {
  margin: 68px 0 68px 0;
  width: 645px;
}
.service-index .searchbar .inline {
  float: left;
}
.service-index .searchbar .ffSelectWrapper,
.service-index .searchbar .ffTextBoxWrapper {
  margin-right: 0 !important;
}
.service-index .searchbar .related-words {
  position: absolute;
  z-index: 80;
  top: 35px;
  width: 432px;
  background-color: #ffffff;
  border: #b9b9b9 1px solid;
}
.service-index .searchbar .related-words li a {
  display: table;
  width: 100%;
  line-height: 26px;
  color: #666666;
  background-color: #ffffff;
}
.service-index .searchbar .related-words li a:hover {
  background-color: #eeeeee;
}
.service-index .searchbar .related-words li a .words {
  float: left;
  padding: 0 10px;
}
.service-index .searchbar .related-words li a .searches {
  float: right;
  padding: 0 10px;
}
.service-index .searchbar .text-xll .ffTextBoxWrapper {
  width: 475px;
}
.service-index .searchbar .ffSelectMenuWrapper div.ffSelectMenuTop, .service-index .searchbar .ffSelectMenuWrapper div.ffSelectMenuBottom {
  background-image: url(/MMA8/bank/images/sprite3.png);
  background-repeat: no-repeat;
}
.service-index .searchbar .ffSelectMenuWrapper > div > span {
  background-image: url(/MMA8/bank/images/sprite3.png);
  background-repeat: no-repeat;
}
.service-index .searchbar .ffSelectButton {
  background-image: url(/MMA8/bank/images/sprite3.png);
  background-repeat: no-repeat;
}
.service-index .searchbar .ffSelectButton span {
  background-image: url(/MMA8/bank/images/sprite3.png);
  background-repeat: no-repeat;
}
.service-index .searchbar .ffSelectWrapper {
  width: 96px;
}
.service-index .searchbar .ffSelect > a > span {
  background-position: -10px 0;
  line-height: 60px;
  height: 60px;
  font-size: 15px;
}
.service-index .searchbar .ffTextBoxRight {
  background-position: 0 0;
  background-image: url(/MMA8/bank/images/sprite3.png);
  padding: 0;
  height: 60px;
}
.service-index .searchbar .ffTextBoxLeft {
  background-position: right -450px;
  padding: 0;
  padding-right: 0 !important;
  background-image: url(/MMA8/bank/images/sprite3.png);
  height: 60px;
  margin: 0;
}
.service-index .searchbar .ffSelectWrapper.focus .ffSelect > a,
.service-index .searchbar .ffSelect:hover > a,
.service-index .searchbar .ffSelect:focus > a,
.service-index .searchbar .ffSelectWrapper.active .ffSelect > a {
  background-position: right -128px;
}
.service-index .searchbar .ffSelectMenuWrapper .ffSelectMenuMidBG li {
  background: #ffffff;
}
.service-index .searchbar .ffSelectMenuWrapper .ffSelectMenuMidBG li.on {
  background: #f2f2f2;
}
.service-index .searchbar .ffTextBoxLeft input,
.service-index .searchbar .ffPasswordLeft input {
  height: 60px;
  line-height: 60px;
  padding: 0;
  margin: 0;
  font-size: 17px;
  color: #666666;
  font-family: "微軟正黑體", "MS UI Gothic", Arial, Helvetica, sans-serif;
}
.service-index .searchbar .btn-zone {
  clear: none;
  margin: 0 auto !important;
}
.service-index .searchbar .btn-zone a.nbtn,
.service-index .searchbar .btn-zone input.nbtn,
.service-index .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;
  height: 60px;
}
.service-index .searchbar .btn-zone a.nbtn:hover,
.service-index .searchbar .btn-zone input.nbtn:hover,
.service-index .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;
}
.service-index .oxsearch {
  border: #dceaf2 1px solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.service-index .oxsearch:hover, .service-index .oxsearchfocus {
  border: #54d9ff 1px solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.service-index .advsearch a {
  position: relative;
  top: 0px;
  color: #014fa1;
  padding: 0 6px;
}
.service-index .advsearch a:hover {
  color: #3d9fd8;
}
.service-index .rhot {
  margin: 6px 5px;
  line-height: 22px;
  float: left;
  font-size: 15px;
}
.service-index .rhot a {
  color: #014fa1;
  padding: 0 6px;
}
.service-index .rhot a:hover {
  color: #3d9fd8;
}
.service-index .advsearch {
  margin: 8px 5px;
  line-height: 17px;
  float: right;
}
.service-index .advsearch a {
  color: #014fa1;
  padding: 0 6px;
}
.service-index .advsearch a:hover {
  text-decoration: underline;
  color: #3d9fd8;
}
.service-index h3 {
  color: #366d92;
  font-size: 24px;
  padding: 8px 0;
  line-height: 36px;
}
.service-index .findblock {
  float: left;
  width: 720px;
  margin-right: 35px;
}
.service-index .findblock div.slideBar {
  height: 115px;
  width: 720px;
  clear: both;
  position: relative;
}
.service-index .findblock #carousel img {
  border: 0;
}
.service-index .findblock #ui-carousel-next,
.service-index .findblock #ui-carousel-prev {
  width: 80px;
  height: 115px;
  background: url(/MMA8/bank/images/slideright.png) center center no-repeat;
  display: block;
  position: absolute;
  top: 53px;
  z-index: 10;
}
.service-index .findblock #ui-carousel-next {
  right: 0;
  background-image: url(/MMA8/bank/images/slideright.png);
}
.service-index .findblock #ui-carousel-next:hover {
  background-image: url(/MMA8/bank/images/slideright_on.png);
}
.service-index .findblock #ui-carousel-prev {
  left: 0;
}
.service-index .findblock #ui-carousel-next > span,
.service-index .findblock #ui-carousel-prev > span {
  display: none;
}
.service-index .findblock .ui-carousel {
  height: 115px;
  margin: 0;
  overflow: auto;
  padding: 0;
  position: relative;
  /*for ie7 to work e.g in html carousels*/
  width: 300px;
}
.service-index .findblock .ui-carousel > .wrapper {
  margin: 0;
  padding: 0;
  width: 9999px;
}
.service-index .findblock .ui-carousel > .wrapper > * {
  border: 0;
  display: block;
  float: left;
  height: 115px;
  overflow: hidden;
  width: 160px;
}
.service-index .serviceblock {
  float: left;
  width: 160px;
  padding: 30px 0;
}
.service-index .serviceblock a {
  display: block;
}
.service-index .serviceblock a.onlineservice {
  background: url(/MMA8/bank/images/icon_onlineservice.png) no-repeat left top;
  width: 160px;
  height: 150px;
}
.service-index .serviceblock a.phoneservice {
  background: url(/MMA8/bank/images/icon_phoneservice.png) no-repeat left top;
  width: 160px;
  height: 190px;
  margin-top: 30px;
}
.service-index .faq_block {
  clear: both;
  padding-bottom: 40px;
}
.service-index .faq_block .faq-cat {
  float: left;
  width: 312px;
}
.service-index .faq_block .faq-cat .icons {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding-right: 7px;
}
.service-index .faq_block .faq-cat ul.rlist {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  color: #616161;
  font-size: 17px;
  line-height: 30px;
}
.service-index .faq_block .faq-cat ul.rlist a {
  color: #616161;
}
.service-index .faq_block .faq-cat ul.rlist a:hover {
  color: #3d9fd8;
}
.service-index .faq_block .faq-cat ul.rlist .rmore {
  padding-left: 16px;
}
.service-index .faq_block .faq-cat ul.rlist .rmore a {
  color: #ea1f18;
}
.service-index .faq_block .faq-cat ul.rlist .rmore a:hover {
  color: #3d9fd8;
}

.sec_container {
  padding: 20px 28px 20px 28px;
  border: 1px solid #dddddd;
  background: #ffffff;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}
.sec_container h3 {
  font-size: 24px;
  line-height: 32px;
  color: #2f2f2f;
  padding: 15px 0;
}
.sec_container h5 {
  font-size: 16px;
  color: #d00f24;
  padding: 20px 0px;
  font-weight: bold;
}
.sec_container .pqa-cat {
  background: #f7f7f7;
  padding: 10px 0 25px 0;
}
.sec_container .pqa-cat a {
  width: 127px;
  height: 116px;
  float: left;
  display: block;
  background: url(/MMA8/bank/images/icon-servicefaq.png) no-repeat;
  text-indent: -9999px;
}
.sec_container .pqa-cat a.creditcard {
  background-position: 0 0;
}
.sec_container .pqa-cat a.creditcard:hover, .sec_container .pqa-cat a.creditcard.active {
  background-position: 0 -116px;
}
.sec_container .pqa-cat a.deposits-loans {
  background-position: -127px 0;
}
.sec_container .pqa-cat a.deposits-loans:hover, .sec_container .pqa-cat a.deposits-loans.active {
  background-position: -127px -116px;
}
.sec_container .pqa-cat a.exchange {
  background-position: -254px 0;
}
.sec_container .pqa-cat a.exchange:hover, .sec_container .pqa-cat a.exchange.active {
  background-position: -254px -116px;
}
.sec_container .pqa-cat a.fund-money {
  background-position: -381px 0;
}
.sec_container .pqa-cat a.fund-money:hover, .sec_container .pqa-cat a.fund-money.active {
  background-position: -381px -116px;
}
.sec_container .pqa-cat a.mma {
  background-position: -508px 0;
}
.sec_container .pqa-cat a.mma:hover, .sec_container .pqa-cat a.mma.active {
  background-position: -508px -116px;
}
.sec_container .pqa-cat a.b-banking {
  background-position: -635px 0;
}
.sec_container .pqa-cat a.b-banking:hover, .sec_container .pqa-cat a.b-banking.active {
  background-position: -635px -116px;
}
.sec_container .pqa-cat a.funcashier {
  background-position: -762px 0;
}
.sec_container .pqa-cat a.funcashier:hover, .sec_container .pqa-cat a.funcashier.active {
  background-position: -762px -116px;
}
.sec_container .pqa-cat.online a {
  width: 178px;
  position: relative;
}
.sec_container .pqa-cat.online a.creditcard {
  background-position: 10px -232px;
}
.sec_container .pqa-cat.online a.creditcard:hover, .sec_container .pqa-cat.online a.creditcard.active {
  background-position: 10px -348px;
}
.sec_container .pqa-cat.online a.mma {
  background-position: -138px -232px;
}
.sec_container .pqa-cat.online a.mma:hover, .sec_container .pqa-cat.online a.mma.active {
  background-position: -138px -348px;
}
.sec_container .pqa-cat.online a.webatm {
  background-position: -286px -232px;
}
.sec_container .pqa-cat.online a.webatm:hover, .sec_container .pqa-cat.online a.webatm.active {
  background-position: -286px -348px;
}
.sec_container .pqa-cat.online a.funcashier {
  background-position: -434px -232px;
}
.sec_container .pqa-cat.online a.funcashier:hover, .sec_container .pqa-cat.online a.funcashier.active {
  background-position: -434px -348px;
}
.sec_container .pqa-cat.online a.b2b {
  background-position: -582px -232px;
}
.sec_container .pqa-cat.online a.b2b:hover, .sec_container .pqa-cat.online a.b2b.active {
  background-position: -582px -348px;
}
.sec_container .pqa-cat.online a.b2c {
  background-position: -725px -232px;
}
.sec_container .pqa-cat.online a.b2c:hover, .sec_container .pqa-cat.online a.b2c.active {
  background-position: -725px -348px;
}
.sec_container .pqa-cat.online a.b2c:after {
  border: 0px;
}
.sec_container .pqa-cat.online a:after {
  display: block;
  content: '';
  width: 22px;
  background: #f7f7f7;
  position: absolute;
  right: 0;
  z-index: 2;
  height: 100%;
  /* border-image: linear-gradient(to right, rgb(113, 78, 176) 0%, rgb(249, 145, 189) 100%); */
  /* border-image-slice: 1; */
  border-right: #ccc 1px solid;
}
.sec_container .pqa-cat.online a:before {
  display: block;
  content: '';
  width: 22px;
  background: #f7f7f7;
  position: absolute;
  left: 0;
  z-index: 2;
  height: 100%;
}
.sec_container .pqa-cat.online a:last-child:after {
  border: 0px;
}
.sec_container .pqa-cat-slider {
  position: relative;
  padding: 15px 0 20px 0;
}
.sec_container .pqa-cat-slider .pqa-cat-outer {
  width: 100%;
  overflow: hidden;
  padding: 0 5px;
  box-sizing: border-box;
}
.sec_container .pqa-cat-slider .pqa-cat-inner {
  width: 1290px;
  transform: translateX(-10px);
}
.sec_container .pqa-cat-slider .pqa-cat-inner.move {
  transform: translateX(-381px);
}
.service-faqcontent .sec_container .pqa-cat-slider .pqa-cat-inner.move {
  transform: translateX(-261px);
}
.sec_container .pqa-cat-slider .pqa-cat-arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  background: url(/MMA8/bank/images/icon-servicefaq-arrow.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  left: -20px;
  opacity: 0;
  pointer-events: none;
  top: 50%;
  margin-top: -20px;
}
.sec_container .pqa-cat-slider .pqa-cat-arrow.active {
  opacity: 1;
  pointer-events: auto;
}
.sec_container .pqa-cat-slider .pqa-cat-arrow-r {
  left: auto;
  right: -20px;
  transform: rotate(180deg);
}
.sec_container .pqa-cat-slider a {
  background-size: 100% 100%;
  position: relative;
  text-indent: inherit;
}
.sec_container .pqa-cat-slider a.creditcard {
  background: url(/MMA8/bank/images/icon-servicefaq-1.png) no-repeat;
}
.sec_container .pqa-cat-slider a.creditcard:hover, .sec_container .pqa-cat-slider a.creditcard.active {
  background: url(/MMA8/bank/images/icon-servicefaq-1-active.png) no-repeat;
}
.sec_container .pqa-cat-slider a.deposits-loans {
  background: url(/MMA8/bank/images/icon-servicefaq-2.png) no-repeat;
}
.sec_container .pqa-cat-slider a.deposits-loans:hover, .sec_container .pqa-cat-slider a.deposits-loans.active {
  background: url(/MMA8/bank/images/icon-servicefaq-2-active.png) no-repeat;
}
.sec_container .pqa-cat-slider a.exchange {
  background: url(/MMA8/bank/images/icon-servicefaq-3.png) no-repeat;
}
.sec_container .pqa-cat-slider a.exchange:hover, .sec_container .pqa-cat-slider a.exchange.active {
  background: url(/MMA8/bank/images/icon-servicefaq-3-active.png) no-repeat;
}
.sec_container .pqa-cat-slider a.fund-money {
  background: url(/MMA8/bank/images/icon-servicefaq-4.png) no-repeat;
}
.sec_container .pqa-cat-slider a.fund-money:hover, .sec_container .pqa-cat-slider a.fund-money.active {
  background: url(/MMA8/bank/images/icon-servicefaq-4-active.png) no-repeat;
}
.sec_container .pqa-cat-slider a.mma {
  background: url(/MMA8/bank/images/icon-servicefaq-5.png) no-repeat;
}
.sec_container .pqa-cat-slider a.mma:hover, .sec_container .pqa-cat-slider a.mma.active {
  background: url(/MMA8/bank/images/icon-servicefaq-5-active.png) no-repeat;
}
.sec_container .pqa-cat-slider a.dawho {
  background: url(/MMA8/bank/images/icon-servicefaq-11.png) no-repeat;
}
.sec_container .pqa-cat-slider a.dawho:hover, .sec_container .pqa-cat-slider a.dawho.active {
  background: url(/MMA8/bank/images/icon-servicefaq-11-active.png) no-repeat;
}
.sec_container .pqa-cat-slider a.digipayment {
  background: url(/MMA8/bank/images/icon-servicefaq-12.png) no-repeat;
}
.sec_container .pqa-cat-slider a.digipayment:hover, .sec_container .pqa-cat-slider a.digipayment.active {
  background: url(/MMA8/bank/images/icon-servicefaq-12-active.png) no-repeat;
}
.sec_container .pqa-cat-slider a.overbusiness {
  background: url(/MMA8/bank/images/icon-servicefaq-13.png) no-repeat;
}
.sec_container .pqa-cat-slider a.overbusiness:hover, .sec_container .pqa-cat-slider a.overbusiness.active {
  background: url(/MMA8/bank/images/icon-servicefaq-13-active.png) no-repeat;
}
.sec_container .pqa-cat-slider a.b-banking {
  background: url(/MMA8/bank/images/icon-servicefaq-6.png) no-repeat;
}
.sec_container .pqa-cat-slider a.b-banking:hover, .sec_container .pqa-cat-slider a.b-banking.active {
  background: url(/MMA8/bank/images/icon-servicefaq-6-active.png) no-repeat;
}
.sec_container .pqa-cat-slider a.funcashier {
  background: url(/MMA8/bank/images/icon-servicefaq-7.png) no-repeat;
}
.sec_container .pqa-cat-slider a.funcashier:hover, .sec_container .pqa-cat-slider a.funcashier.active {
  background: url(/MMA8/bank/images/icon-servicefaq-7-active.png) no-repeat;
}
.sec_container .pqa-cat-slider a.hong_kong {
  background: url(/MMA8/bank/images/icon-servicefaq-8.png) no-repeat;
}
.sec_container .pqa-cat-slider a.hong_kong:hover, .sec_container .pqa-cat-slider a.hong_kong.active {
  background: url(/MMA8/bank/images/icon-servicefaq-8-active.png) no-repeat;
}
.sec_container .pqa-cat-slider a.macao {
  background: url(/MMA8/bank/images/icon-servicefaq-9.png) no-repeat;
}
.sec_container .pqa-cat-slider a.macao:hover, .sec_container .pqa-cat-slider a.macao.active {
  background: url(/MMA8/bank/images/icon-servicefaq-9-active.png) no-repeat;
}
.sec_container .pqa-cat-slider a.vietnam {
  background: url(/MMA8/bank/images/icon-servicefaq-10.png) no-repeat;
}
.sec_container .pqa-cat-slider a.vietnam:hover, .sec_container .pqa-cat-slider a.vietnam.active {
  background: url(/MMA8/bank/images/icon-servicefaq-10-active.png) no-repeat;
}
.sec_container .pqa-cat-slider a p {
  font-size: 20px;
  color: #2f2f2f;
  text-align: center;
  margin-top: 85px;
  font-weight: bold;
}
.sec_container .pqa-cat-slider a:hover p, .sec_container .pqa-cat-slider a.active p {
  color: #d00f24;
}
.sec_container .pqa-cat-slider a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 116px;
  background: url(/MMA8/bank/images/icon-servicefaq-line.png) no-repeat;
  background-size: 100% auto;
}
.sec_container .pqa-cat-slider a:first-child:before {
  display: none;
}
.sec_container .pqa-container {
  background: #fff0f2;
  padding: 20px 0;
  margin-top: 15px;
  display: table;
}
.sec_container .pqa-container .pqa-container_1 {
  display: table-row;
}
.sec_container .pqa-container h3 {
  color: #d00f24;
  font-size: 16px;
  line-height: 36px;
  padding: 0 15px 15px 28px;
  font-weight: bold;
  display: table-cell;
}
.sec_container .pqa-container nav {
  width: 160px;
  position: relative;
  z-index: 10;
  display: table-cell;
  vertical-align: top;
}
.sec_container .pqa-container .newhand123 {
  border: #db9da6 1px solid;
  display: block;
  background: #fff;
  margin-bottom: 20px;
  padding: 10px 30px;
  font-size: 13px;
  color: #000000;
}
.sec_container .pqa-container .newhand123 b {
  font-size: 15px;
  font-weight: bold;
}
.sec_container .pqa-container .newhand123 span.num {
  color: #db9da6;
  padding-left: 20px;
  padding-right: 5px;
}
.sec_container .pqa-container .newhand123 a {
  color: #004d99;
}
.sec_container .pqa-container .newhand123 a:hover {
  color: #3d9fd8;
}
.sec_container .pqa-container .main-content {
  width: 649px;
  padding: 30px;
  border: #db9da6 1px solid;
  display: table-cell;
  /*position:relative;*/
  z-index: 9;
  left: -1px;
  background: #fff;
}
.sec_container .pqa-container .space {
  width: 18px;
  display: table-cell;
}
.sec_container .pqa-container .lv1a {
  font-size: 14px;
  line-height: 18px;
  padding: 3px 8px 3px 45px;
  display: block;
  background: url(/MMA8/bank/images/lv1_open.jpg) no-repeat left top;
  height: 18px;
  color: #2f2f2f;
}
.sec_container .pqa-container .lv1a:hover {
  text-decoration: none;
  color: #d00f24;
}
.sec_container .pqa-container .lv1_active {
  font-size: 14px;
  line-height: 18px;
  padding: 3px 8px 3px 45px;
  display: block;
  background: url(/MMA8/bank/images/lv1_close.jpg) no-repeat left top;
  height: 18px;
  color: #2f2f2f;
}
.sec_container .pqa-container .menu li {
  margin-left: 0px;
  margin-bottom: 6px;
}
.sec_container .pqa-container .menu li:hover .lv1a {
  color: #d00f24;
}
.sec_container .pqa-container .menu li .lv2 li {
  margin-bottom: 0;
}
.sec_container .pqa-container .lv2 {
  margin-bottom: 0px;
  display: none;
}
.sec_container .pqa-container .lv2 li {
  height: 24px;
}
.sec_container .pqa-container .lv2 a {
  font-size: 14px;
  color: #7a7a7a;
  background: #f3f3f3 url(/MMA8/bank/images/lv2_close.jpg) no-repeat left top;
  display: block;
  padding: 3px 8px 3px 62px;
}
.sec_container .pqa-container .lv2 a:hover {
  background: #f3f3f3 url(/MMA8/bank/images/lv2_hover.jpg) no-repeat left top;
  color: #ffffff;
}
.sec_container .pqa-container .lv2 a.active {
  background: #f3f3f3 url(/MMA8/bank/images/lv2_active.jpg) no-repeat left top;
  color: #ffffff;
}
.sec_container .pqa-container .lv2 a.active:hover {
  background: #f3f3f3 url(/MMA8/bank/images/lv2_active.jpg) no-repeat left top;
}
.sec_container table.article th.article_title {
  color: #004d99;
  font-size: 15px;
  font-weight: bold;
  line-height: 26px;
}
.sec_container table.article th.article_title .rnote {
  color: #9d9d9d;
  font-size: 12px;
  padding-left: 12px;
}
.sec_container table.article td.article_content {
  color: #666666;
  line-height: 26px;
  padding: 10px 0;
  text-align: justify;
  text-justify: inter-ideograph;
}
.sec_container table.article td.article_content img {
  margin: 15px 0;
}
.sec_container table.article .article_foot a {
  padding-left: 30px;
  color: #004d99;
}
.sec_container table.article .article_foot a:hover {
  color: #3d9fd8;
}
.sec_container table.article .sicon {
  display: inline-block;
  *dipslay: inline;
  zoom: 1;
  vertical-align: middle;
  background: url(/MMA8/bank/images/icon-search.png) no-repeat left 0px;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.sec_container table.article .sicon.sicon_faq {
  background-position: 0 -42px;
}
.sec_container table.article .sicon.sicon_doc {
  background-position: -14px -42px;
}
.sec_container table.article .sicon.sicon_apply {
  background-position: -28px -42px;
}
.sec_container table.article .sicon.sicon_pinfo {
  background-position: -42px -42px;
}
.sec_container table.article .sicon.sicon_all {
  background-position: -56px -42px;
}
.sec_container table.article .sicon.sicon_rk {
  background-position: -70px -42px;
}
.sec_container .satisfaction {
  margin: 20px 0;
  padding: 6px 0px 6px 28px;
  border: #a7a7a7 1px dotted;
  background-color: #fff0f2;
  line-height: 40px;
}
.sec_container .satisfaction input {
  vertical-align: middle;
}
.sec_container .satisfaction input[type='radio'], .sec_container .satisfaction input.radio {
  margin: 0 3px 0 15px;
}
.sec_container .satisfaction input[type='submit'], .sec_container .satisfaction input.submit {
  margin-left: 15px;
  background: url(/MMA8/bank/images/simplebtn_bg.jpg) repeat-x #ffffff left top;
  height: 28px;
  font-family: "微軟正黑體", "MS UI Gothic", Arial, Helvetica, sans-serif;
  border: none;
  border: #e5e5e5 1px solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 50px;
  color: #000000;
  margin-right: 19px;
  cursor: pointer;
}
.sec_container .satisfaction input[type='submit']:hover, .sec_container .satisfaction input.submit:hover {
  color: #3d9fd8;
}
.sec_container .satisfaction .contactus {
  border-left: #ffffff 1px solid;
  height: 37px;
  padding-left: 24px;
  display: none;
}
.sec_container .satisfaction .simplebtn {
  line-height: 26px;
  border: none;
  border: #e5e5e5 1px solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 12px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-algin: middle;
  margin: 5px 6px;
  color: #000000;
  background: url(/MMA8/bank/images/simplebtn_bg.jpg) repeat-x #ffffff left top;
}
.sec_container .satisfaction .simplebtn:hover {
  color: #3d9fd8;
}
.sec_container h4 {
  color: #666666;
  font-size: 15px;
  font-weight: bold;
  line-height: 32px;
}
.sec_container .related-block {
  margin: 20px 0;
  line-height: 32px;
}
.sec_container .related-block ul.rlist li a {
  color: #004d99;
}
.sec_container .related-block ul.rlist li a:hover {
  color: #3d9fd8;
}
.sec_container .related-block ul.rlist li .rnote {
  color: #9d9d9d;
  font-size: 12px;
  padding-left: 12px;
}

.service-faqcontent {
  padding-bottom: 30px;
}
.service-faqcontent .pageslink {
  margin-bottom: 0;
}

.service-faqlist .pqa-container {
  background: #fff0f2;
  padding: 20px 0;
  margin-top: 15px;
  display: table;
}
.service-faqlist .pqa-container .pqa-container_1 {
  display: table-row;
}
.service-faqlist .pqa-container h3 {
  color: #d00f24;
  font-size: 16px;
  line-height: 36px;
  padding: 0 15px 15px 28px;
  font-weight: bold;
}
.service-faqlist .pqa-container nav {
  width: 160px;
  position: relative;
  z-index: 10;
  display: block;
  float: left;
}
.service-faqlist .pqa-container .right-block {
  width: 712px;
  float: left;
  display: block;
}
.service-faqlist .pqa-container .related-block {
  margin: 0;
}
.service-faqlist .pqa-container .main-content {
  width: 650px;
  padding: 20px 30px;
  border: #db9da6 1px solid;
  display: block;
  position: relative;
  z-index: 10;
  background: #fff;
  min-height: 250px;
}
.service-faqlist .pqa-container .space {
  width: 18px;
  display: table-cell;
}
.service-faqlist .pqa-container .lv1a {
  font-size: 14px;
  line-height: 18px;
  padding: 3px 8px 3px 45px;
  display: block;
  background: url(/MMA8/bank/images/lv1_open.jpg) no-repeat left top;
  height: 18px;
  color: #2f2f2f;
}
.service-faqlist .pqa-container .lv1a:hover {
  text-decoration: none;
  color: #d00f24;
}
.service-faqlist .pqa-container .menu li {
  margin-left: 0px;
  margin-bottom: 6px;
}
.service-faqlist .pqa-container .menu li:hover .lv1a {
  color: #d00f24;
}
.service-faqlist .pqa-container .menu li .lv2 li {
  margin-bottom: 0;
}
.service-faqlist .pqa-container .lv2 {
  margin-bottom: 0px;
  display: none;
}
.service-faqlist .pqa-container .lv2 li {
  height: 24px;
}
.service-faqlist .pqa-container .lv2 a {
  font-size: 14px;
  color: #7a7a7a;
  background: #f3f3f3 url(/MMA8/bank/images/lv2_close.jpg) no-repeat left top;
  display: block;
  padding: 3px 8px 3px 62px;
}
.service-faqlist .pqa-container .lv2 a:hover {
  background: #f3f3f3 url(/MMA8/bank/images/lv2_hover.jpg) no-repeat left top;
  color: #ffffff;
}
.service-faqlist .pqa-container .lv2 a.active {
  background: #f3f3f3 url(/MMA8/bank/images/lv2_hover.jpg) no-repeat left top;
  color: #ffffff;
}
.service-faqlist .pqa-container .lv2 a.active:hover {
  background: #f3f3f3 url(/MMA8/bank/images/lv2_hover.jpg) no-repeat left top;
}

.data-table2 {
  width: 100%;
  border-collapse: separate;
  font-size: 14px;
}
.data-table2 th,
.data-table2 td {
  border: none;
  border-left: #cfcfcf 1px solid;
  line-height: 36px;
  border-bottom: #cfcfcf 1px solid;
  padding: 0 15px;
}
.data-table2 th {
  background: #efefef;
  border-top: #dddddd 1px solid;
}
.data-table2.withoutth .ftrth td {
  border-top: #dddddd 1px solid;
}
.data-table2.withoutth a {
  text-decoration: none;
}
.data-table2 .top-left {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
.data-table2 .top-right {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
.data-table2 .bottom-left {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}
.data-table2 .bottom-right {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
}
.data-table2 .lastcolumn {
  border-right: #cfcfcf 1px solid;
}
.data-table2 .last-child {
  border-bottom: #cfcfcf 1px solid;
}
.data-table2 .noradius {
  border-radius: 0px;
}
.data-table2 .bgwhite {
  background: #ffffff;
}
.data-table2 .row-two th,
.data-table2 .row-two td {
  background: #fff5f4;
}
.data-table2 a,
.data-table2 .atips div {
  padding: 0 5px;
  color: #0070c0;
  text-decoration: underline;
  display: inline;
  cursor: pointer;
}
.data-table2 a:hover,
.data-table2 .atips div:hover {
  color: #3d9fd8;
}

.floatright {
  float: right;
}

.floatleft {
  float: left;
}

.ui-tooltip {
  position: absolute;
  z-index: 99999;
  background: #ffffff;
  color: #474747;
  line-height: 22px;
  font-size: 14px;
  font-family: "微軟正黑體", "MS UI Gothic", Arial, Helvetica, sans-serif;
}

.service-download .sicon {
  display: inline-block;
  *dipslay: inline;
  zoom: 1;
  vertical-align: middle;
  background: url(/MMA8/bank/images/icon-search.png) no-repeat left 0px;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  text-indent: -9999px;
  padding: 0;
}
.service-download .sicon.sicon_doc {
  background-position: -14px 0px;
}
.service-download .sicon.sicon_doc:hover {
  background-position: -14px -28px;
}

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/bank/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/bank/images/sprite3.png);
  background-repeat: no-repeat;
}
.errorpage .searchbar .ffSelectMenuWrapper > div > span {
  background-image: url(/MMA8/bank/images/sprite3.png);
  background-repeat: no-repeat;
}
.errorpage .searchbar .ffSelectButton {
  background-image: url(/MMA8/bank/images/sprite3.png);
  background-repeat: no-repeat;
}
.errorpage .searchbar .ffSelectButton span {
  background-image: url(/MMA8/bank/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/bank/images/sprite3.png);
  padding: 0;
  height: 60px;
}
.errorpage .searchbar .ffTextBoxLeft {
  background-position: right -450px;
  padding: 0;
  padding-right: 0 !important;
  background-image: url(/MMA8/bank/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: "微軟正黑體", "MS UI Gothic", 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/bank/images/etoindex.png) no-repeat left top;
}
.errorpage .error-info .action a.toindex:hover {
  background: url(/MMA8/bank/images/etoindex_on.png) no-repeat left top;
}
.errorpage .error-info .action a.back {
  background: url(/MMA8/bank/images/eback.png) no-repeat left top;
}
.errorpage .error-info .action a.back:hover {
  background: url(/MMA8/bank/images/eback_on.png) no-repeat left top;
}
.errorpage .error-info .action a.contactus {
  width: 90px;
  margin-right: 0;
  background: url(/MMA8/bank/images/econtactus.png) no-repeat left top;
}
.errorpage .error-info .action a.contactus:hover {
  background: url(/MMA8/bank/images/econtactus_on.png) no-repeat left top;
}

.rowElem input[type='text'],
.rowElem input[type='password'] {
  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;
  margin-right: 10px;
  font-size: 15px;
}
.rowElem input[type='text']:focus,
.rowElem input[type='password']: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.text-xm input[type='text'], .rowElem.text-xm input[type='password'] {
  width: 74px;
  *clear: both;
}
.rowElem.text-smm input[type='text'], .rowElem.text-smm input[type='password'] {
  width: 102px;
  *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;
}

a#magicbtn {
  border: #d00f24 1px solid;
  margin-left: 27px;
  padding: 5px 26px;
  margin-bottom: 10px;
  display: inline-block;
}
a#magicbtn:hover {
  color: #d00f24;
}

.inline.middle {
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.iframe_livechat {
  border-radius: 5px;
  height: 680px !important;
}

.livechat .content {
  border-radius: 5px;
  background: #fff;
  margin-bottom: 15px;
}

.addshadow {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(5, 5, 5, 0.3);
  -moz-box-shadow: 0px 0px 10px 0px rgba(5, 5, 5, 0.3);
  box-shadow: 0px 0px 10px 0px rgba(5, 5, 5, 0.3);
}

.catechat {
  background: #fafafa;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fafafa 0%, #f2f2f2 50%, #f2f2f2 100%);
  background: -webkit-linear-gradient(top, #fafafa 0%, #f2f2f2 50%, #f2f2f2 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #f2f2f2 50%, #f2f2f2 100%);
  padding: 15px 0 20px 0;
  margin: 15px auto;
}
.catechat .cate {
  display: flex;
  justify-content: space-between;
}
.catechat h3 {
  padding: 0 15px 10px 15px;
  color: #474747;
  font-size: 18px;
}
.catechat li {
  min-height: 200px;
  background: url(/MMA8/bank/images/cline.png) no-repeat right bottom;
  text-align: center;
  width: 33.333%;
}
.catechat li:last-child {
  background: none;
}
.catechat .exchange,
.catechat .fund {
  display: none;
}
.catechat .rimg {
  width: 64px;
  height: 85px;
  margin: 17px auto 25px auto;
  background: url(/MMA8/bank/images/catcaht.png) no-repeat left top;
}
.catechat .bank .rimg {
  background-position: 1px 0;
}
.catechat .card .rimg {
  background-position: -64px 0;
}
.catechat .exchange .rimg {
  background-position: -128px 0;
}
.catechat .fund .rimg {
  background-position: -192px 0;
}
.catechat .stock a .rimg {
  background-position: -256px 0;
}
.catechat .bank a:hover .rimg {
  background-position: 1px -86px;
}
.catechat .card a:hover .rimg {
  background-position: -64px -86px;
}
.catechat .exchange a:hover .rimg {
  background-position: -128px -86px;
}
.catechat .fund a:hover .rimg {
  background-position: -192px -86px;
}
.catechat .stock a:hover .rimg {
  background-position: -256px -86px;
}
.catechat a:hover {
  color: #626262;
}
.catechat .description {
  padding: 0 20px 0 25px;
  font-size: 13px;
  color: #626262;
  line-height: 1.8em;
}
.catechat ul:after {
  clear: both;
  content: '';
  display: block;
}

.lc-content {
  padding: 20px 28px;
}
.lc-content p {
  line-height: 1.8em;
}

.selectCondition {
  display: inline-block;
  padding-left: 10px;
}

.errorpage .content {
  min-height: 615px;
}
.errorpage .pause {
  background: url(/MMA8/bank/images/pause.png) no-repeat left 3px;
}
.errorpage .unknown_error {
  background: url(/MMA8/bank/images/unknown_error.png) no-repeat left 3px;
}
.errorpage .error404 {
  background: url(/MMA8/bank/images/error404.png) no-repeat left 3px;
}
.errorpage .maintenance {
  background: url(/MMA8/bank/images/maintenance.png) no-repeat left 3px;
  min-height: 635px;
}
.errorpage .error_info {
  margin-left: 540px;
  width: 354px;
  text-align: center;
  padding-top: 170px;
  font-size: 15px;
  line-height: 2em;
}

.text-right {
  text-align: right;
}

.resultblock {
  background: #fafafa;
  border-top: #dddddd 1px solid;
  padding: 0 15px;
  margin: 0 -10px -10px -10px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.resultblock li {
  border-bottom: #dddddd 1px solid;
  line-height: 25px;
  padding: 13px 15px 13px 56px;
  font-size: 15px;
}
.resultblock li b {
  color: #d00f24;
  font-size: 1.33em;
  padding: 0 5px;
}
.resultblock li:last-child {
  border-bottom: none;
}
.resultblock .tag {
  color: #fff;
  padding: 0 5px;
  border-radius: 4px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.resultblock .tag.sight {
  background: #ac1414;
}
.resultblock .tag.cash {
  background: #254a91;
}

.flex-between {
  display: inline-flex;
  vertical-align: middle;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}

.rate_info {
  align-items: flex-end;
  padding-bottom: 10px;
  flex-direction: row-reverse;
}
.rate_info > p {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

ul.square {
  list-style: square outside;
  margin-left: 20px;
  padding-left: 0;
  line-height: 1.8;
}

ol.brackets {
  list-style-type: none;
  padding-left: 0;
  line-height: 1.8;
}
ol.brackets li {
  display: flex;
  counter-increment: section;
}
ol.brackets li:before {
  content: "(" counter(section,decimal) ") ";
}

ol.decimal {
  list-style: decimal outside;
  margin-left: 20px;
  padding-left: 0;
  line-height: 1.8;
}

.fwn {
  font-weight: normal;
}

.graytable {
  background: #f1f1f1;
  font-size: 16px;
  line-height: 1.6;
  border-collapse: collapse;
  margin: 10px auto;
}
.graytable.fs15 {
  font-size: 15px;
}
.graytable.fs15 td {
  padding: 5px 15px;
}
.graytable.center {
  text-align: center;
}
.graytable th {
  color: #ffffff;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  padding: 8px 15px;
}
.graytable th.lite-blue {
  background: #029bdb;
  border: #029bdb 1px solid;
}
.graytable th.cerulean-blue {
  background: #0084bb;
  border: #0084bb 1px solid;
}
.graytable td {
  padding: 8px 15px;
  border: #a7a7a7 1px solid;
  vertical-align: middle;
}
.graytable td .center {
  text-align: center;
}
.graytable tr.row2 {
  background: #dde1e4;
}

h3.ex {
  font-size: 24px;
  line-height: 40px;
  margin-left: 15px;
  margin-bottom: 14px;
}
h3.ex b {
  background: #029bdb;
  color: #ffffff;
  padding: 0 5px;
  display: inline-block;
  margin-right: 5px;
}

button.updatedrate {
  width: 197px;
}

.qa__cat__icon {
  background: #f7f7f7;
  padding: 10px 0 25px 0;
}
.qa__cat__icon a {
  height: 115px;
  float: left;
  display: block;
}
.qa__cat__icon a.creditcard {
  width: 111px;
  background: url(/MMA8/bank/images/cs_qa_icons_01.png) top left no-repeat;
}
.qa__cat__icon a.creditcard:hover, .qa__cat__icon a.creditcard.active {
  background: url(/MMA8/bank/images/cs_qa_icons_on_01.png) top left no-repeat;
}
.qa__cat__icon a.deposits-loans {
  width: 110px;
  background: url(/MMA8/bank/images/cs_qa_icons_02.png) top left no-repeat;
}
.qa__cat__icon a.deposits-loans:hover, .qa__cat__icon a.deposits-loans.active {
  background: url(/MMA8/bank/images/cs_qa_icons_on_02.png) top left no-repeat;
}
.qa__cat__icon a.exchange {
  width: 110px;
  background: url(/MMA8/bank/images/cs_qa_icons_03.png) top left no-repeat;
}
.qa__cat__icon a.exchange:hover, .qa__cat__icon a.exchange.active {
  background: url(/MMA8/bank/images/cs_qa_icons_on_03.png) top left no-repeat;
}
.qa__cat__icon a.fund-money {
  width: 111px;
  background: url(/MMA8/bank/images/cs_qa_icons_04.png) top left no-repeat;
}
.qa__cat__icon a.fund-money:hover, .qa__cat__icon a.fund-money.active {
  background: url(/MMA8/bank/images/cs_qa_icons_on_04.png) top left no-repeat;
}
.qa__cat__icon a.dawho {
  width: 110px;
  background: url(/MMA8/bank/images/cs_qa_icons_05.png) top left no-repeat;
}
.qa__cat__icon a.dawho:hover, .qa__cat__icon a.dawho.active {
  background: url(/MMA8/bank/images/cs_qa_icons_on_05.png) top left no-repeat;
}
.qa__cat__icon a.mma {
  width: 110px;
  background: url(/MMA8/bank/images/cs_qa_icons_06.png) top left no-repeat;
}
.qa__cat__icon a.mma:hover, .qa__cat__icon a.mma.active {
  background: url(/MMA8/bank/images/cs_qa_icons_on_06.png) top left no-repeat;
}
.qa__cat__icon a.b-banking {
  width: 109px;
  background: url(/MMA8/bank/images/cs_qa_icons_07.png) top left no-repeat;
}
.qa__cat__icon a.b-banking:hover, .qa__cat__icon a.b-banking.active {
  background: url(/MMA8/bank/images/cs_qa_icons_on_07.png) top left no-repeat;
}
.qa__cat__icon a.digipayment {
  width: 115px;
  background: url(/MMA8/bank/images/cs_qa_icons_08.png) top left no-repeat;
}
.qa__cat__icon a.digipayment:hover, .qa__cat__icon a.digipayment.active {
  background: url(/MMA8/bank/images/cs_qa_icons_on_08.png) top left no-repeat;
}

.cs-webmsg .cs-content {
  padding: 30px 45px !important;
}

.cs-quickLinks {
  background: url(/MMA8/bank/images/bg_cs-quickLinks.svg) no-repeat center bottom #E3F4FD;
  padding: 16px 16px 16px 186px;
  margin-bottom: 18px;
  font-size: 15px;
  font-family: "Noto Sans TC","微軟正黑體", serif;
  font-optical-sizing: auto;
  font-style: normal;
  min-height: 200px;
  box-sizing: border-box;
}
.cs-quickLinks__title {
  font-size: 24px;
  color: #333333;
  line-height: 1.20;
  margin-bottom: 8px;
  font-weight: 700;
}
.cs-quickLinks__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -4px;
  min-height: 94px;
  align-items: center;
}
.cs-quickLinks__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 0 -7px;
}
.cs-quickLinks__item {
  flex-grow: 1;
  flex-shrink: 0;
  margin-left: 7px;
  margin-right: 7px;
}
.cs-quickLinks__nav {
  margin-bottom: 5px;
}
.cs-quickLinks__link {
  border: 1px solid #B0B0B0;
  border-radius: 8px;
  text-align: center;
  padding: 8px;
  display: block;
  font-weight: 500;
  color: #333333;
  background: rgba(255, 255, 255, 0.6);
  box-sizing: border-box;
  height: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
}
.cs-quickLinks__link:hover, .cs-quickLinks__link:focus-visible {
  color: #d00f24;
  border: 1px solid #d00f24;
}
.cs-quickLinks__icon {
  display: flex;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
}
.cs-quickLinks__desc {
  margin-top: 6px;
  color: #333333 !important;
  line-height: 1.46;
}
.cs-quickLinks__label {
  width: 5em;
  display: block;
  line-height: 130%;
  font-weight: bold;
}
.cs-quickLinks__intro {
  font-size: 16px;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 16px;
}

.c-online-message {
  text-align: center;
  padding: 16px;
  border: #DDDDDD 1px solid;
  border-radius: 6px;
  margin-bottom: 8px;
}
.c-online-message__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #D31D31;
  margin-bottom: 0.5rem;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}
.c-online-message__desc {
  font-size: 1rem;
  color: #222222 !important;
  margin-bottom: 19px;
  line-height: 1.5;
}
.c-online-message__btn {
  display: inline-flex;
  align-items: center;
  padding: 16px 24px 21px 60px;
  background: linear-gradient(to bottom, #d00f24 0%, #940918 100%);
  color: #fff;
  font-weight: 700;
  border-radius: 30px;
  box-shadow: 0 4px 6px 0 rgba(99, 99, 99, 0.2);
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  text-shadow: 0 1px 0 #830E1A;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
}
.c-online-message__btn:before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  margin-right: 4px;
  background-image: url("/MMA8/bank/images/xiaofeng.png");
  background-size: contain;
  position: absolute;
  left: 6px;
}
.c-online-message__btn:hover {
  background: linear-gradient(to top, #d00f24 0%, #940918 100%);
  box-shadow: 0 6px 8px 0 rgba(99, 99, 99, 0.25);
  color: #FFFFFF;
}
.c-online-message__btn-text {
  display: inline-block;
}

.icon-cc-log {
  background-image: url("/MMA8/bank/images/cc-log.svg");
}

.icon-cc-bill {
  background-image: url("/MMA8/bank/images/cc-bill.svg");
}

.icon-cc-resend {
  background-image: url("/MMA8/bank/images/cc-resend.svg");
}

.icon-cc-status {
  background-image: url("/MMA8/bank/images/cc-status.svg");
}

.icon-fx-deposit {
  background-image: url("/MMA8/bank/images/fx-deposit.svg");
}

.icon-dc-loss {
  background-image: url("/MMA8/bank/images/dc-loss.svg");
}

.sideMenu {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80px;
  position: fixed;
  bottom: 5%;
  right: 5px;
  z-index: 999;
  box-sizing: border-box;
}
.sideMenu * {
  box-sizing: border-box;
}
.sideMenu .beeIcon {
  display: block;
  width: 90%;
}
.sideMenu .yellowBlock {
  display: block;
  border-radius: 10px;
  background: #f3cd5f;
  padding: 5px 5px;
}
.sideMenu .yellowBlock .blockStyle {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  color: #73572c;
  font-size: 15px;
  position: relative;
  white-space: nowrap;
}
.sideMenu .yellowBlock .blockStyle img {
  max-width: 40px;
  width: 100%;
}
.sideMenu .yellowBlock .blockStyle::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  border-radius: 5px;
  margin: 10px auto;
}
.sideMenu .yellowBlock .blockStyle:last-child:after {
  display: none;
}

@media screen and (max-width: 800px) {
  .sideMenu {
    width: 55px;
  }
  .sideMenu .yellowBlock .blockStyle {
    font-size: 1rem;
  }
}
