/* 縮小失敗。正在傳回未縮小的內容。
(887,15): run-time error CSS1036: Expected expression, found '$'
 */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/*! jQuery UI - v1.11.4 - 2015-09-03
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=e54646&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=e54646&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=e54646&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=e54646&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and ../images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0; /* support: IE7 */
  font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/* button sets */
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 13em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  /*width: 45%; 20151110*/
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  min-height: 0; /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25); /* support: IE8 */
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}
.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #eeeeee url("../images/ui-bg_highlight-soft_100_eeeeee_1x100.png")
    50% top repeat-x;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #d0983c;
  background: #d0983c
    url("../images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6 url("../images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50%
    repeat-x;
  font-weight: bold;
  color: #666666;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #d0983c;
  background: $light-gold url("../images/ui-bg_glass_100_fdf5ce_1x400.png") 50%
    50% repeat-x;
  font-weight: bold;
  color: #d0983c;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #ffffff url("../images/ui-bg_glass_65_ffffff_1x400.png") 50% 50%
    repeat-x;
  font-weight: bold;
  color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #d0983c;
  background: #d0983c
    url("../images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
  color: #ffffff;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("../images/ui-bg_diagonals-thick_18_b81900_40x40.png")
    50% 50% repeat;
  color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70); /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and ../images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../images/ui-icons_e54646_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("../images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
  background-image: url("../images/ui-icons_e54646_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../images/ui-icons_e54646_256x240.png");
}
.ui-state-active .ui-icon {
  background-image: url("../images/ui-icons_e54646_256x240.png");
}
.ui-state-highlight .ui-icon {
  background-image: url("../images/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../images/ui-icons_ffd27a_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #666666 url("../images/ui-bg_diagonals-thick_20_666666_40x40.png")
    50% 50% repeat;
  opacity: 0.5;
  filter: Alpha(Opacity=50); /* support: IE8 */
}
.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url("../images/ui-bg_flat_10_000000_40x100.png") 50% 50%
    repeat-x;
  opacity: 0.2;
  filter: Alpha(Opacity=20); /* support: IE8 */
  border-radius: 5px;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 100%;
	background: none;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background:none;
	position: relative;
}

.jspDrag
{
	background:url(../images/iamscroll.png) no-repeat;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
@charset "UTF-8";
.u-bold { font-weight: bold; }

.u-normal { font-weight: normal; }

.u-fMini { font-size: 12px; }

.u-fMid { font-size: 14px; }

.u-fMedium { font-size: 16px; }

.u-fLarge { font-size: 20px; }

.u-fRed { color: #E54646; }

.u-gold { color: #d0983c !important; }

.border-gold { border-color: #d0983c !important; }

.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; }
.ffTextBoxWrapper input:hover, .ffPasswordWrapper input:hover { background-color: transparent !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: 26px \9; width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.line24 .ffRadio { height: 24px; }

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

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

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

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

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

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

.aclist-large .ffSelectWrapper { width: 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(../images/sides.png) repeat-y right 0; }

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

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

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

.scrollingHandleBottom { width: 24px; background: url(../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(../images/sides.png) repeat-y right 0; }
.ffTextAreaMid .ffTextAreaLeft { background: url(../images/sides.png) repeat-y 0 0; margin-right: 4px; }

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

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

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

textarea { outline: none; }

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

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

.disable_scrolling_table .overview { position: static; }

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

.btn-zone { clear: both; margin: 30px auto; text-align: center; /*20151021*/ /*flexbtn 20190619*/ }
.btn-zone .search { background: url(../images/menu_bg_active.png) repeat-x 0 0; width: 136px; height: 38px; border: none; font-size: 15px; color: #FFF; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; vertical-align: middle; }
.btn-zone.left { text-align: left; }
.btn-zone.left a.nbtn, .btn-zone.left input.nbtn, .btn-zone.left button.nbtn { text-align: center; }
.btn-zone a.nbtn, .btn-zone input.nbtn, .btn-zone button.nbtn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 10px 5px; font-weight: normal; display: inline-block; *display: inline; zoom: 1; font-size: 18px; color: #d0983c; padding: 10px 30px; line-height: 1.11em; border-radius: 5px; border: 1px solid #d0983c; width: 220px; }
.btn-zone a.nbtn.size-s, .btn-zone input.nbtn.size-s, .btn-zone button.nbtn.size-s { width: inherit; font-size: 15px; padding: 5px; margin: 0 5px; }
.btn-zone a.nbtn.Med2, .btn-zone input.nbtn.Med2, .btn-zone button.nbtn.Med2 { width: 295px; }
.btn-zone a.nbtn.big, .btn-zone a.nbtn.l-big, .btn-zone input.nbtn.big, .btn-zone input.nbtn.l-big, .btn-zone button.nbtn.big, .btn-zone button.nbtn.l-big { width: 265px; }
.btn-zone a.nbtn.black, .btn-zone input.nbtn.black, .btn-zone button.nbtn.black { border: 1px solid #444444; color: #444444; background: #fff; }
.btn-zone a.nbtn.black:hover, .btn-zone input.nbtn.black:hover, .btn-zone button.nbtn.black:hover { color: #FFF; background: #444444; border: 1px solid #444444; }
.btn-zone a.nbtn.cancel, .btn-zone input.nbtn.cancel, .btn-zone button.nbtn.cancel { border: 1px solid #b0b0b0; color: #FFF; background: #b0b0b0; }
.btn-zone a.nbtn.cancel:hover, .btn-zone input.nbtn.cancel:hover, .btn-zone button.nbtn.cancel:hover { color: #FFF; background: #d5d5d5; border: 1px solid #d5d5d5; }
.btn-zone a.nbtn.cancel.big, .btn-zone a.nbtn.cancel.l-big, .btn-zone input.nbtn.cancel.big, .btn-zone input.nbtn.cancel.l-big, .btn-zone button.nbtn.cancel.big, .btn-zone button.nbtn.cancel.l-big { width: 265px; }
.btn-zone a.nbtn.l-hide, .btn-zone input.nbtn.l-hide, .btn-zone button.nbtn.l-hide { display: none; }
.btn-zone a.nbtn.gift:before, .btn-zone input.nbtn.gift:before, .btn-zone button.nbtn.gift:before { content: ''; clear: both; width: 25px; height: 20px; background: url(../images/gift.png) no-repeat left center; display: inline-block; vertical-align: bottom; }
.btn-zone a.nbtn.disabled, .btn-zone a.nbtn.disabled:hover, .btn-zone input.nbtn.disabled, .btn-zone input.nbtn.disabled:hover, .btn-zone button.nbtn.disabled button.nbtn.disabled:hover { color: #ffffff; cursor: not-allowed; border: 1px solid #d7d7d7; background: #d7d7d7; }
.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 a.nbtn:hover, .btn-zone input.nbtn:hover, .btn-zone button.nbtn:hover { color: #d0983c; background: #fcf8f0; border: #d0983c 1px solid; }
.btn-zone a.focus, .btn-zone input[type=submit].focus, .btn-zone button.focus { color: white; background: #d0983c; border: 1px solid #d0983c; }
.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: #e8b877; border: 1px solid #e8b877; color: #FFF; }
.btn-zone img { margin: 8px; }
.btn-zone a.link { display: block; color: #2f2f2f; font-size: 15px; line-height: 2em; text-decoration: underline; }
.btn-zone a.link:hover { color: #3d9fd8; }
.btn-zone.nobg { background: none; display: block; margin: 0 auto; }
.btn-zone.flexbtn { padding: 0; }
.btn-zone.flexbtn a.nbtn.big { margin-bottom: 0; display: block; margin-left: auto; margin-right: auto; width: 450px; }

.btn-block { text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.btn-block__inline { flex-direction: row; }
.btn-block .btn { border: none; outline: none; margin: 0; padding: 0; font-weight: bold; font-size: 0.9375rem; line-height: 1.6em; padding: 0.5333em; border-radius: 3px; background-color: #b0b0b0; color: #FFFFFF; margin: 0.333em auto; box-sizing: border-box; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; }
.btn-block .btn:hover { background-color: #d5d5d5; }
.btn-block .btn.focus { background-color: #d0983c; }
.btn-block .btn.focus:hover { background-color: #e8b877; }
.btn-block.full .btn { width: 100%; }

.popupbox .btn-zone { margin: 10px auto; }

@media screen and (max-width: 768px) { .btn-zone { margin: 3% auto; /*flexbtn 20190619*/ }
  .btn-zone.nobg { padding: 0; }
  .btn-zone a.nbtn, .btn-zone input.nbtn, .btn-zone button.nbtn { margin: 3% 5px; width: 44%; padding: 3% 0px; }
  .btn-zone a.nbtn.big, .btn-zone input.nbtn.big, .btn-zone button.nbtn.big { width: 100%; margin: 0 auto; }
  .btn-zone a.nbtn.l-big, .btn-zone input.nbtn.l-big, .btn-zone button.nbtn.l-big { width: 44%; margin: 3% 5px; }
  .btn-zone a.nbtn.l-hide, .btn-zone input.nbtn.l-hide, .btn-zone button.nbtn.l-hide { display: inline-block; }
  .btn-zone a.nbtn.size-s, .btn-zone input.nbtn.size-s, .btn-zone button.nbtn.size-s { margin: 1vw; white-space: nowrap; }
  .btn-zone.flexbtn { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; box-sizing: border-box; padding: 4vw 3vw; }
  .btn-zone.flexbtn a.nbtn { flex-grow: 0; width: 48%; margin-top: 3vw; margin-bottom: 0vw; margin-left: 0; margin-right: 0; }
  .btn-zone.flexbtn a.nbtn.big { width: 100%; flex-grow: 1; margin-bottom: 0; }
  .btn-zone.flexbtn a.nbtn:first-child { margin-top: 0vw; }
  .btn-zone.flexbtn a.nbtn:last-child { margin-left: 4%; }
  .btn-zone.flex-full { display: flex; flex-direction: column; }
  .btn-zone.flex-full a.nbtn:last-child { margin-top: 3vw; } }
.keyboard-zone { overflow: hidden; display: inline-block; zoom: 1; vertical-align: middle; margin-left: 8px; }
.keyboard-zone .numbers { width: 155px; float: left; }
.keyboard-zone .numbers a { width: 26px; height: 22px; display: block; float: left; margin-right: 4px; margin-bottom: 4px; }
.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: 46px; height: 48px; 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(../images/sprite.png); background-repeat: no-repeat; }
.select span { background-image: url(../images/sprite.png); background-repeat: no-repeat; }

.options div.optionsTop, .options div.optionsBottom { background-image: url(../images/sprite.png); background-repeat: no-repeat; }
.options > div > span { background-image: url(../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(../images/sides.png) repeat-y right 0; }

.optionsMid { max-height: 258px; overflow: auto; background: url(../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; }

.bootstrap-table { margin: 15px auto 20px; }
.bootstrap-table .table { margin-bottom: 0 !important; border-collapse: collapse !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bootstrap-table .table > tbody > tr > th, .bootstrap-table .table > tfoot > tr > th, .bootstrap-table .table > thead > tr > td, .bootstrap-table .table > tfoot > tr > td, .bootstrap-table .table > tbody > tr > td { padding: 8px; }
.bootstrap-table .table > tbody > tr > th.reset-padding, .bootstrap-table .table > tfoot > tr > th.reset-padding, .bootstrap-table .table > thead > tr > td.reset-padding, .bootstrap-table .table > tfoot > tr > td.reset-padding, .bootstrap-table .table > tbody > tr > td.reset-padding { padding: 0; }
.bootstrap-table .table.table-no-bordered > thead > tr > th, .bootstrap-table .table.table-no-bordered > tbody > tr > td { border-right: 2px solid transparent; }
.bootstrap-table .table .d1 { border-bottom: 1px solid #ddd; padding: 8px; white-space: nowrap; }
.bootstrap-table .table .d2 { padding: 8px; white-space: nowrap; }

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

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

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

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

.fixed-table-container table { width: 100%; }
.fixed-table-container thead th { height: 0; padding: 0; margin: 0; border-left: 1px solid #dddddd; }
.fixed-table-container thead th:first-child { border-left: none; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; }
.fixed-table-container thead th .th-inner { padding: 8px; line-height: 1.5em; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fixed-table-container thead th .sortable { cursor: pointer; background-position: right; background-repeat: no-repeat; padding-right: 30px; }
.fixed-table-container thead th .both { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC"); }
.fixed-table-container thead th .asc { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg=="); }
.fixed-table-container thead th .desc { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= "); }
.fixed-table-container th.detail { width: 30px; }
.fixed-table-container tbody td { border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.fixed-table-container tbody tr:first-child td { border-top: none; }
.fixed-table-container tbody td:first-child { border-left: none; }
.fixed-table-container tbody .selected td { background-color: #f5f5f5; }
.fixed-table-container tbody tr:last-child td { border-bottom: 0; }
.fixed-table-container tbody tr:last-child td:first-child { border-bottom-left-radius: 5px; }
.fixed-table-container tbody tr:last-child td:last-child { border-bottom-right-radius: 5px; }
.fixed-table-container .bs-checkbox { text-align: center; }
.fixed-table-container .bs-checkbox .th-inner { padding: 8px 0; }
.fixed-table-container input[type="radio"], .fixed-table-container input[type="checkbox"] { margin: 0 auto !important; }
.fixed-table-container .no-records-found { text-align: center; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pagination-detail { display: none; }

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

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

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

iframe, img, embed, object, video, canvas { max-width: 100%; }

img { height: auto; }

*:focus, button, button:active, button:focus, button:hover, input, input:active, input:focus, input:hover { outline: 0; }

html, body { font-size: 16px; font-family: 'roboto', helvetica, arial, sans-serif; color: black; /*word-break:keep-all;*/ word-wrap: normal; width: 100%; }

a { color: inherit; text-decoration: none; font-weight: inherit; color: #254a91; }

.fw-bold { font-weight: bold; }

.fs13 { font-size: 13px; }

.fs15 { font-size: 15px; line-height: 1.6; }

.mt1 { margin-top: 1em; }

.mb1 { margin-bottom: 1em; }

.mr1 { margin-right: 1em; }

.mlxs { margin-left: 0.5em; }

.ml1 { margin-left: 1em; }

.mt2 { margin-top: 2em; }

.mb2 { margin-bottom: 2em; }

.underline { text-decoration: underline; }

.fc-gold { color: #d0983c; }

cite:before, q:before { content: '\201C'; }

cite:after, q:after { content: '\201D'; }

iframe { margin: 0 auto; max-width: 100%; }

.inline { display: inline-block; vertical-align: middle; }

* { box-sizing: border-box; }
*:before, *:after { box-sizing: border-box; }

.center { text-align: center; }

.clearboth { clear: both; }

.container { width: 100%; max-width: 960px; margin: 0 auto; box-sizing: border-box; }

body { font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-size: 13px; }

a, a:hover { text-decoration: none; }

ul { list-style: none inside; }

ul li { margin: 0; padding: 0; }

.red { color: #cc463c; }

.ui-datepicker { z-index: 3 !important; }

.ui-datepicker-trigger { width: 24px; height: auto; vertical-align: middle; }

/*20151021*/
.d_overlay { height: 100%; position: absolute; width: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1001; opacity: 0.7; background: black; position: fixed !important; }

/*---START of FORM elements--*/
input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }

/*input[type="radio"]:disabled { position: relative;
	}*/
*:focus { outline: 0; }

input { border: 1px solid #f3f3f3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; outline: 0; background-color: #f3f3f3; color: #626262; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input:focus { border: 1px solid #ffe82d !important; outline: 0; background-color: #fffebf; }
input.error { border: 1px solid #e54545; outline: 0; }
input.error::-webkit-input-placeholder { color: #c23c33; }
input.text-s { width: 115px; }
input:disabled { color: #b2b2b2; }

textarea.error::-webkit-input-placeholder, input.error:-moz-placeholder, textarea.error:-moz-placeholder, input.error::-moz-placeholder, textarea.error::-moz-placeholder, input.error:-ms-input-placeholder, textarea.error:-ms-input-placeholder { color: #c23c33; }

input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/*CHECKBOX hack*/
/* Fix Android */
body { -webkit-animation: bugfix infinite 1s; }

@-webkit-keyframes bugfix { from { padding: 0; }
  to { padding: 0; } }
/* Like a link would behave */
label { cursor: pointer; user-select: none; text-align: left; }

#toggleSect { margin: 0 0 2% 0; }

input[type=checkbox]:not(old), input[type=radio]:not(old) { width: 1px; margin: 0; padding: 0; opacity: 0; }

input[type=radio]:not(old) + label { display: inline-block; margin-left: -1px; padding-left: 28px; background: url("../images/radio.png") no-repeat 0 0; line-height: 40px; white-space: nowrap; }

input[type=checkbox]:not(old) + label { display: inline-block; margin-left: -1px; padding-left: 28px; background: url("../images/check-uncheck.png") no-repeat 0 -6px; line-height: 2em; }

input[type=checkbox].green { width: 0; margin: 0; padding: 0; opacity: 0; }

input[type=checkbox].green + label { display: inline-block; margin-left: 0px; padding-left: 0px; line-height: 40px; background: none; position: relative; }
input[type=checkbox].green + label:before { width: 18px; height: 18px; box-sizing: border-box; display: inline-block; content: ''; border: #666666 1px solid; border-radius: 1px; margin-right: 8px; position: relative; top: 4px; }

input[type=checkbox].green:checked + label:before { background-color: #c3e434; border-color: #c3e434; }
input[type=checkbox].green:checked + label:after { position: absolute; left: 6px; top: 13px; display: inline-block; transform: rotate(45deg); height: 12px; width: 7px; border-bottom: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; content: ''; }

input[type=checkbox]:not(old):checked + label { background: url("../images/check-checked.png") no-repeat 0 -6px; }

input[type=radio]:not(old):checked + label { background-position: 0 -40px; }

.otherOption div { display: inline-block; }

/*--CHECK BOX Style 1(check icon)--*/
.toggle { display: inline-block; color: #666666; margin: 2% 0 2% 0; text-align: left; }

#inputToggle[type=checkbox] ~ label { background: url(../images/toggle.png) top left transparent no-repeat; background-size: 50px 60px; height: 22px; background-position: left top; display: inline-block; border: 0; padding: 8px 0 0 60px; text-align: left; vertical-align: middle; line-height: 20px; margin-left: 0; }
#inputToggle[type=checkbox]:checked ~ label { background: url(../images/toggle.png) top left transparent no-repeat; background-size: 50px 60px; height: 22px; background-position: left bottom; display: inline-block; border: 0; padding: 8px 0 0 60px; text-align: left; line-height: 20px; }

.formblock { margin: 0px auto 20px auto; }
.formblock h4 { font-size: 17px; color: #444444; padding-bottom: 5px; }
.formblock h4:after { clear: both; content: ''; display: block; }
.formblock h6 { font-size: 14px; color: #666666; padding-bottom: 5px; }

.tab-content { margin: -10px auto; display: none; }
.tab-content.current { display: block; }

ul.formtable { margin-left: auto; margin-right: auto; display: table; border-spacing: 10px; }
ul.formtable--left { margin-left: 0; margin-right: 0; border-spacing: 10px 4px; box-sizing: border-box; }
ul.formtable--left h5 { min-width: 96px; }
ul.formtable.tab-content { margin: -10px auto; display: none; }
ul.formtable.tab-content.current { display: table; }
ul.formtable li { font-size: 15px; color: #666666; display: table-row; }
ul.formtable li.caption { display: block; text-align: center; }
ul.formtable li.hide { display: none; }
ul.formtable h5 { display: table-cell; padding: 0 5px; vertical-align: top; line-height: 40px; text-align: right; }
ul.formtable h5.large { width: 220px; }
ul.formtable .pr5 { padding-right: 5px; }
ul.formtable div.td { display: table-cell; vertical-align: top; line-height: 40px; word-break: break-all; }
ul.formtable div.td div { line-height: 40px; }
ul.formtable div.td div.arrow_box { line-height: 26px; }
ul.formtable div.td div.error_tips { line-height: 20px; }
ul.formtable div.td div.tips { line-height: 20px; }
ul.formtable div.td span.pr10 { padding-right: 10px; }
ul.formtable div.td span.pl10 { padding-left: 10px; }
ul.formtable div.td img { margin: 0 10px; vertical-align: middle; }
ul.formtable div.td input[type="text"].inline, ul.formtable div.td input[type="password"].inline, ul.formtable div.td input[type="tel"].inline { display: inline-block; vertical-align: middle; }
ul.formtable div.td .row2 + img { margin: 0; }
ul.formtable div.td .row2:first-child { margin-right: 5%; }
ul.formtable.td350 div.td { width: 350px; position: relative; }
ul.formtable.td255 { margin-left: 75px; }
ul.formtable.td255 div.td { width: 255px; }
ul.formtable.td255 .cards > img { margin-right: 5%; margin-left: 0; }
ul.formtable.td255 .cards > img:last-child { margin-right: 0; }
ul.formtable.detail div.td, ul.formtable.detail h5 { line-height: 24px; }
ul.formtable.tabs { margin: -10px auto; }
ul.formtable.tabs a { background: #fff; color: #e54545; border: #e54545 1px solid; display: inline-block; line-height: 38px; width: 173px; text-align: center; }
ul.formtable.tabs a.first { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
ul.formtable.tabs a.last { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
ul.formtable.tabs a.current { background: #e54545; color: #FFF; }
ul.formtable.fs12 li { font-size: 12px; line-height: 2em; }
ul.formtable.fs12 h5 { line-height: 2em; }
ul.formtable.fs12 div.td { line-height: 2em; }

.auto_deduct ul.formtable h5 { width: 160px; }

table.detail { margin: 10px auto; }
table.detail th { line-height: 25px; vertical-align: middle; text-align: right; font-size: 15px; color: #666666; padding: 5px; white-space: nowrap; }
table.detail td { line-height: 25px; vertical-align: middle; text-align: left; font-size: 15px; color: #666666; padding: 5px; word-break: break-all; }
table.detail .colspan { text-align: center; }

.btable { margin: 20px auto; width: 350px; }
.btable li { border-bottom: #fff 1px solid; }
.btable table.detail { margin: 0 auto; width: 100%; }
.btable table.detail th, .btable table.detail td { padding: 5px 20px; }
.btable table.textleft th, .btable table.textleft td { text-align: left; }
.btable.intabs { margin: 20px 0 20px 190px; }

.arrow_box { position: relative; background: #c3e434; border-radius: 10px; color: #FFF; font-size: 15px; line-height: 26px; height: 26px; padding: 0 65px; text-align: center; }

.arrow_box:after { bottom: 100%; left: 15%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(195, 228, 52, 0); border-bottom-color: #c3e434; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #c3e434; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #b2b2b2; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b2b2b2; opacity: 1; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b2b2b2; opacity: 1; }

:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #b2b2b2; }

.placeholder { color: #b2b2b2; }

select { color: #626262; -webkit-appearance: none; appearance: none; -moz-appearance: window; padding: 0 35px 0 10px; background: url(../images/select.png) #f3f3f3 no-repeat right 10px center; }
select:disabled { background: url(../images/select_d.png) #f3f3f3 no-repeat right 10px center; color: #b2b2b2; }
select:disabled:focus { background-color: #f3f3f3; }
select:disabled:focus option { background-color: #f3f3f3; }
select:focus { border: 1px solid #ffe82d !important; outline: 0; background-color: #fffebf; }

.ui-datepicker select { -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; outline: none; padding: 0; background-image: none; background-color: #FFF; }

.ui-datepicker .ui-datepicker-title { margin: 0 5%; }

select::-ms-expand { display: none; }

@-moz-document url-prefix() { /* If you use a background image */
  select { background-image: none; background: #f3f3f3; color: #626262; } }
.selectCredit { border: 1px solid #f3f3f3; width: 100%; line-height: 38px; height: 38px; border-radius: 5px; color: #474747; }

select:focus::-ms-value { -webkit-appearance: none; appearance: none; padding-right: 30px; border: none; outline: 0; background-color: #fffebf; color: #626262; }

.selectCredit.error { border: #e54545 1px solid; color: #e54545; }

/*---END of FORM elements----*/
/*----------------------------------------------Header start--------------------------------------------------------------*/
header { background: #FFFFFF; position: relative; top: 0; z-index: 999; width: 100%; border-bottom: #d00f24 6px solid; box-sizing: border-box; }
header .container { padding-top: 7px; *height: 65px; display: flex; justify-content: space-between; align-items: flex-end; }
header .container:after { display: none; }
header .container .clearboth { display: none; }
header .left-pane { display: flex; justify-content: flex-start; align-items: flex-end; }
header .left-pane .logo a { display: block; }
header .left-pane .header-title { border-left: 1px solid #d2d2d2; padding-left: 14px; color: #d00f24; font-size: 18px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 10px; }
header .left-pane .header-title a { color: #d00f24; }

.right-pane { display: flex; justify-content: flex-end; align-items: flex-end; text-align: right; }
.right-pane .main-func > ul { font-size: 14px; display: flex; justify-content: flex-end; align-items: flex-end; }
.right-pane .main-func > ul > li { display: block; text-align: left; vertical-align: middle; font-size: 14px; line-height: 40px; background: url(../images/mainfunc_split.png) no-repeat right bottom; }
.right-pane .main-func > ul > li a { color: #2f2f2f; }
.right-pane .main-func > ul > li a:hover { color: #3d9fd8; text-decoration: none; }
.right-pane .main-func > ul > li .icon { padding-left: 41px; padding-right: 20px; }
.right-pane .main-func > ul > li:last-child { background: none; }
.right-pane .main-func > ul > li.last { background: none; }
.right-pane .main-func > ul > li.search-wrap { position: relative; width: 89px; height: 40px; }
.right-pane .main-func > ul > li.search-wrap a.active:hover { color: #fff; }
.right-pane .main-func > ul > li.livechat-wrap { position: relative; width: 131px; height: 40px; }
.right-pane .main-func > ul > li.livechat-wrap a.active:hover { color: #fff; }

.container.search-popup { position: relative; padding-top: 0; *height: 0; }
.container.search-popup h5 { font-size: 24px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; padding-left: 15px; }
.container.search-popup .search-block { display: none; position: absolute; top: 78px; right: 0; z-index: 999999; width: 500px; height: 120px; padding: 25px 40px; background-color: white; background: url(../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(../images/sprite-search.png); background-position: right -644px; }
.container.search-popup .search-block .search-area .ffTextBoxWrapper .ffTextBoxRight .ffTextBoxLeft { background-image: url(../images/sprite-search.png); background-position: 0 -600px; }
.container.search-popup .search-block .search-area .ffTextBoxWrapper .ffTextBoxRight .ffTextBoxLeft input { width: 197px; height: 40px; padding-left: 30px !important; line-height: 40px\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(../images/sprite-search.png); background-position: right -697px; }
.container.search-popup .search-block .search-area .ffSelectWrapper .ffSelect a span { background-image: url(../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(../images/icons.png) no-repeat 0 -560px; width: 16px; height: 16px; top: 13px; left: 15px; }
.container.search-popup .search-block .search-area .btn-zone { vertical-align: top\9; }
.container.search-popup .search-block .search-area .rowElem { margin: 0; }
.container.search-popup .search-block .advsearch { float: right; margin-right: 5px; }
.container.search-popup .search-block .advsearch a { color: #004d99; }
.container.search-popup .search-block .advsearch a:hover { color: #3d9fd8; }
.container.search-popup .search-block .hot-key { line-height: 16px; font-size: 13px; width: 430px; float: left; }
.container.search-popup .search-block .hot-key .hk-list { display: inline-block; }
.container.search-popup .search-block .hot-key .hk-list li { display: inline-block; *display: inline; zoom: 1; padding-right: 5px; }
.container.search-popup .search-block .hot-key .hk-list li a { display: inline-block; *display: inline; zoom: 1; padding-right: 5px; color: #004d99; }
.container.search-popup .search-block .hot-key .hk-list li a:hover { color: #3d9fd8; }

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

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

/*----------------------------------------------Header end--------------------------------------------------------------*/
/*----------------------------------------------footer start--------------------------------------------------------------*/
.footer { background: #fff; border-top: #d00f24 6px solid; position: relative; z-index: 999; width: 100%; box-sizing: border-box; }
.footer.less { border-top: 0; }
.footer.less .toggle-footlist { top: -26px; }
.footer .toggle-footlist { width: 100%; text-align: center; font-size: 14px; padding: 6px; }
.footer .toggle-footlist.bg-white { background: #ffffff; }
.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: 48px; }
.copyright a.copyright:visited, .copyright a.copyright:link { color: #FFF; }
.copyright a.copyright:hover { color: #FFF; text-decoration: underline; background: none; }

.icon { display: inline-block; background-image: url(../images/icons.png); }
.icon.icon-login { background-position: 20px 13px; /*&.logout { color: $main-color; &:hover { color: $main-color; }
}*/ }
.icon.icon-allon { background-position: 10px -1200px; padding-left: 28px; line-height: 16px; padding-right: 10px; }
.icon.icon-alloff { background-position: 10px -1250px; padding-left: 28px; line-height: 16px; padding-right: 10px; }
.icon.icon-service { background-position: 20px -27px; }
.icon.icon-branch { background-position: 20px -68px; }
.icon.icon-news { background-position: 19px -1780px; }
.icon.icon-search { background-position: 20px -107px; position: relative; }
.icon.icon-search.active { position: absolute; z-index: 9999; height: 40px; background-position: -98px -107px; background-color: #af0d1e; color: white; }
.icon.icon-livechat { background-position: 17px -1688px; position: relative; }
.icon.icon-livechat.active { z-index: 9999; height: 40px; background-position: 17px -1688px; background-color: #af0d1e; color: white; }
.icon.icon-livechat.active:hover { color: white; }
.icon.icon-funcashier { position: absolute; background-position: 0 -166px; width: 33px; height: 38px; left: 11px; top: 0; cursor: pointer; }
.icon.icon-open { background-position: 0 -791px; width: 13px; height: 13px; }
.icon.icon-close { background-position: -14px -791px; width: 13px; height: 13px; }
.icon.icon-print { background-position: 0 -1152px; width: 22px; height: 20px; margin: 0 8px; }
.icon.icon-dldetail { background-position: -23px -1153px; width: 21px; height: 19px; margin: 0 8px; }
.icon.icon-tradetail { background-position: -45px -1152px; width: 18px; height: 20px; margin: 0 8px; }
.icon.icon-close_x { background-position: 6px -1294px; width: 22px; height: 22px; }

/*----------------------------------------------footer end--------------------------------------------------------------*/
/*----------------------------------------------index start-------------------------------------------------------------*/
.l-hide { display: none; }

.m-hide { display: block; }

span.m-hide { display: inline-block; }

/*.index_page {background:url(../images/bg_index.jpg) no-repeat center top; padding-top:317px; min-width:970px; margin:0 auto;}*/
/*--index background slide show -- start*/
.error_icon { display: inline-block; vertical-align: middle; margin: 5% auto; }

.error_description { display: inline-block; vertical-align: middle; margin-left: 35px; width: 341px; }
.error_description p { line-height: 30px; font-size: 15px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; }

.sorry { margin: 3% auto; }

.error_page .btn-zone { margin: 15px auto; }

.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%; background: #f7f7f7; }
.cycle-slideshow .slide-templates.cycle-slide.cycle-sentinel { height: 0; }
.cycle-slideshow.index_page { /*.img-wrapper { background: url(../images/index-linear-bg.png) repeat-x 0 bottom; width: 100%; height: 360px;
}*/ }
.cycle-slideshow.index_page .cycle-pager { background: none; width: 100%; top: 280px; right: 0; z-index: 999; text-align: center; }
.cycle-slideshow.index_page .custom-caption { display: none; }
.cycle-slideshow.index_page .slide-link { display: block; width: 100%; height: 260px; text-indent: -9999px; }
.cycle-slideshow.index_page .cycle-overlay { padding-top: 0; top: 0; }
.cycle-slideshow.adindex .cycle-pager { background: none; width: 100%; top: 315px; right: 0; z-index: 999; text-align: center; }
.cycle-slideshow.adindex .custom-caption { display: none; }
.cycle-slideshow.adindex .slide-link { display: block; width: 100%; height: 260px; text-indent: -9999px; }
.cycle-slideshow.adindex .cycle-overlay { padding-top: 0; top: 0; }
.cycle-slideshow .img1 { background: url(../images/1.jpg) no-repeat center -125px; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .img2 { background: url(../images/2.jpg) no-repeat center -125px; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .img3 { background: url(../images/3.jpg) no-repeat center -125px; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .img4 { background: url(../images/4.jpg) no-repeat center -125px; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .img5 { background: url(../images/5.jpg) no-repeat center -125px; width: 100%; height: 100%; min-height: 410px; }
.cycle-slideshow .index-img1 { background: url(../images/banner001.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 316px; }
.cycle-slideshow .index-img2 { background: url(../images/banner002.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 316px; }
.cycle-slideshow .index-img3 { background: url(../images/banner003.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 316px; }
.cycle-slideshow .index-img4 { background: url(../images/banner004.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 316px; }
.cycle-slideshow .index-img5 { background: url(../images/banner005.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 316px; }
.cycle-slideshow .index-img6 { background: url(../images/banner006.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 316px; }
.cycle-slideshow .auto-img1 { background: url(../images/auto-debuct01.jpg) no-repeat center 0; width: 100%; height: 100%; min-height: 316px; }

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

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

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

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

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

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

.block_right_0 { margin-bottom: 13px; }
.block_right_0.mt20 { margin-top: 20px; }
.block_right_0 h1 { margin-top: 30px; display: block; margin: 20px 0px 30px 20px; display: block; font-size: 21px; }
.block_right_0 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; }

/*index background slide show --end--*/
.indexnav { position: relative; z-index: 888; text-align: center; font-size: 16px; /*20200806*/ }
.indexnav .nicon { height: 100px; margin: 12px auto 12px; /*background:url(../images/icon-index.png) no-repeat;*/ display: flex; justify-content: center; align-items: center; }
.indexnav .nicon .ico { margin-left: auto; margin-right: auto; display: block; }
.indexnav ul { display: flex; justify-content: space-between; align-items: flex-start; margin-left: auto; margin-right: auto; box-sizing: border-box; padding: 0 12px; }
.indexnav li { box-sizing: border-box; margin: 0 0 50px; text-align: left; padding: 0; /*&:after {content:''; display:block; clear:both;}
		 &.cards .nicon{background-position: 0px top;}
		 &.wpg .nicon{background-position: -100px top;}
		 &.tel .nicon{background-position: -200px top;}
		 &.traffic .nicon{background-position: -300px top;}
		 &.tax .nicon{background-position: -400px top;}
		 &.others .nicon{background-position: -500px top;}
		 &.notyet .nicon{background-position: -600px top;}*/ }
.indexnav h3 { font-size: 16px; font-weight: bold; padding-bottom: 12px; color: #d10d23; }
.indexnav .lv2 { position: relative; text-align: left; }
.indexnav .lv2 a { color: #666666; line-height: 1.6em; font-size: 16px; display: block; }
.indexnav .lv2 a:hover { color: #F00; }

.adindex-nav { position: relative; z-index: 888; background: #FFFFFF; margin-bottom: 3em; border-radius: 10px; -webkit-box-shadow: 0px 9px 9px 0px rgba(216, 216, 216, 0.6); -moz-box-shadow: 0px 9px 9px 0px rgba(216, 216, 216, 0.6); box-shadow: 0px 9px 9px 0px rgba(216, 216, 216, 0.6); text-align: center; font-size: 16px; /*20190603*/ }
.adindex-nav .nicon { width: 100px; height: 100px; background: #F00; margin: 0 auto 12px; background: url(../images/icon-index.png) no-repeat; }
.adindex-nav ul { display: flex; margin-left: auto; margin-right: auto; align-items: flex-start; justify-content: center; text-align: center; }
.adindex-nav li { width: 25%; height: 250px; border-right: #d5d5d5 1px solid; box-sizing: border-box; margin: 0 auto 50px auto; text-align: center; flex: 1 1 25%; text-align: center; padding: 0 10px; }
.adindex-nav li:after { content: ''; display: block; clear: both; }
.adindex-nav li.cards .nicon { background-position: 0px top; }
.adindex-nav li.wpg .nicon { background-position: -100px top; }
.adindex-nav li.tel .nicon { background-position: -200px top; }
.adindex-nav li.traffic .nicon { background-position: -300px top; }
.adindex-nav li.tax .nicon { background-position: -400px top; }
.adindex-nav li.others .nicon { background-position: -500px top; }
.adindex-nav li.notyet .nicon { background-position: -600px top; }
.adindex-nav li:last-child { border-right: 0; }
.adindex-nav h3 { font-size: 16px; font-weight: bold; padding-bottom: 12px; color: #d10d23; }
.adindex-nav .lv2 { position: relative; text-align: center; }
.adindex-nav .lv2 a { color: #666666; line-height: 1.6em; font-size: 16px; padding: 0 6px; display: block; }
.adindex-nav .lv2 a:hover { color: #F00; }

.navhead { display: flex; justify-content: space-between; align-items: center; padding: 15px 40px 0 40px; }
.navhead h2 { font-size: 30px; line-height: 2em; color: #474747; }
.navhead a.back { display: block; position: relative; color: #666666; }
.navhead a.back:hover { color: #3d9fd8; }
.navhead a.back:hover .arrow-left { background-color: #3d9fd8; }
.navhead a.back:hover .arrow-left:before, .navhead a.back:hover .arrow-left:after { border-color: #3d9fd8; }
.navhead a.back > span { padding-left: 25px; }
.navhead:after { display: none; }

.arrow-left { position: absolute; width: 16px; height: 2px; transform: rotate(-180deg); border-radius: 2px; background-color: #393939; margin: auto; top: 0; bottom: 0; display: block; }
.arrow-left:before { position: absolute; width: 12px; height: 12px; border-radius: 2px; display: block; content: ""; border-right: 2px solid #393939; border-bottom: 2px solid #393939; transform: rotate(-45deg); margin: auto; top: 0; bottom: 0; left: 5px; }

/*20190603 add*/
.wrapper { overflow-x: hidden; position: relative; left: 0; }

.flex { display: flex; }

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

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

/*20190603 add end*/
/*20190603 edit*/
.hottag { padding: 6px 5px 6px 84px; line-height: 18px; position: relative; border-radius: 21px; background: #FFF; border: #dddddd 1px solid; font-size: 15px; display: flex; /*&.auto-debuct {
		margin-left:10px;
		background:#e61a0f; 
		&:hover {
			background:#ea5550;
		}
		color:#FFFFFF;
		padding-left:6px;
		a {color:#FFFFFF;}
		&:before{content:'扣繳申請';display: none; }
	}*/ }
.hottag:before { display: block; content: '線上繳費'; position: absolute; top: 0; bottom: 0; z-index: 5; left: 0px; line-height: 40px; background: #e61a0f; color: #FFF; border-top-left-radius: 21px; border-bottom-left-radius: 21px; padding: 0 10px 0 10px; }
.hottag .more { width: 35px; position: absolute; bottom: 6px; z-index: 5; right: 6px; background: url(../images/harrow.png) no-repeat center 4px; line-height: 28px; height: 28px; padding: 0; }
.hottag a { line-height: 28px; border-right: #e8e8e8 1px solid; padding: 0 0.75em; display: inline-block; color: #666666; white-space: nowrap; }
.hottag a:hover { color: #ea5550; }
.hottag a.hot { font-weight: bold; color: #ea5550; }
.hottag a.hot:hover { color: #F00; }
.hottag a:last-child { border-right: none; }
.hottag.auto-debuct { margin-left: 10px; }
.hottag.auto-debuct::before { content: '扣繳申請'; }
.hottag.ps:before { content: '個人服務'; }
.hottag.ps a { padding: 0 1em; }

/*20190603 edit end*/
.mod-cluster { position: relative; z-index: 888; margin-top: 20px; margin-bottom: 45px; display: table; }
.mod-cluster a { color: #2f2f2f; }
.mod-cluster a:hover { color: #d00f24; text-decoration: none; }
.mod-cluster .block-mod { border: 1px solid #dddddd; margin-right: 20px; padding: 2px 8px 0; background-color: #fff; margin-top: 10px; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*20151021*/ }
.mod-cluster .block-mod.last { margin-right: 0px; }
.mod-cluster .block-mod .jspVerticalBar { background: url(../images/line_index.png) no-repeat 0 -20px; }
.mod-cluster .block-mod .col1 { width: 212px; }
.mod-cluster .block-mod .col2 { width: 442px; }
.mod-cluster .block-mod .loading { text-align: center; width: 210px; margin-top: 80px; }
.mod-cluster .block-mod .loading p { margin-top: 15px; }
.mod-cluster .block-mod h3.mod-title { color: #004d99; font-size: 20px; line-height: 36px; border-bottom: 1px solid #d00f24; padding-left: 3px; /*20151021*/ }
.mod-cluster .block-mod h3.mod-title a { color: #004d99; }
.mod-cluster .block-mod h3.mod-title .more { font-size: 12px; float: right; font-weight: bold; }
.mod-cluster .block-mod h3.mod-title .more a { color: #004d99; }
.mod-cluster .block-mod .listing { height: 118px; margin: 8px auto 9px auto; width: 100%; /*20151021*/ }
.mod-cluster .block-mod .listing li { vertical-align: middle; line-height: 39px; border-top: 1px solid #dddddd; /*20151021*/ background: url(../images/sarrow.jpg) no-repeat 7px 16px; /*20151021*/ padding-left: 20px; }
.mod-cluster .block-mod .listing li.first { border-top: none; }
.mod-cluster .block-mod .rate { font-size: 14px; }
.mod-cluster .block-mod .rate td { text-align: center; }
.mod-cluster .block-mod .acct-notice td, .mod-cluster .block-mod .index-listing td { padding-left: 26px; background: url(../images/newicons.png) no-repeat 11px -426px; }
.mod-cluster .block-mod .mod-desc { font-size: 13px; line-height: 20px; margin-top: 10px; margin-bottom: 10px; min-height: 60px; height: 60px; overflow: hidden; }
.mod-cluster .block-mod .mod-link { overflow: hidden; }
.mod-cluster .block-mod .mod-link hr { margin-bottom: 10px; }
.mod-cluster .block-mod .mod-link .col_ul { font-size: 13px; line-height: 26px; width: 100%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.mod-cluster .block-mod .mod-link .col_ul.col_2_ul { width: 50%; }
.mod-cluster .block-mod .mod-link .col_ul li { list-style-position: inside; list-style-image: url(../images/list_arrow_red.png); white-space: nowrap; }
.mod-cluster .block-mod .mod-link .col_ul li a { cursor: pointer; margin-left: -4px; margin-left: -9px\9; }
.mod-cluster .block-mod.general { height: auto; padding: 10px; }

input { box-sizing: border-box; }

.searchbar { padding: 13px 0 25px 0; position: relative; z-index: 888; width: 648px; margin: 0 auto; color: #656565; }
.searchbar .inline { width: 100%; }
.searchbar .keyword { line-height: 2em; }

.searchmenu { display: none; border-bottom: #d8d8d8 1px solid; }

.searchtext { border-radius: 0; box-shadow: inset 0px 0px 3px 2px #DDDDDD; -webkit-box-shadow: inset 0px 0px 3px 2px #DDDDDD; -moz-box-shadow: inset 0px 0px 3px 2px #DDDDDD; -o-box-shadow: inset 0px 0px 3px 2px #DDDDDD; border: #e7e7e7 1px solid; border-right: #f7d5d8 0px solid; border-top-left-radius: 3px; border-bottom-left-radius: 3px; line-height: 2.85em; padding: 0 10px; box-sizing: border-box; width: 88%; font-size: 13px; background: #FFF; vertical-align: middle; }

.searchbtn { width: 12%; height: 38px; border-radius: 0; background: #fd313e; background-repeat: no-repeat, no-repeat; background-position: center; background-image: url(../images/ssearch.png), linear-gradient(to bottom, #fd313e, #d60c1d); border-top-right-radius: 3px; border-bottom-right-radius: 3px; color: #ffffff; border: solid #d9162a 1px; border-left: #f7d5d8 0px solid; text-decoration: none; line-height: 35px; vertical-align: middle; font-size: 15px; }

/*----------------------------------------------index end---------------------------------------------------------------*/
/************news*************************************************************************************/
.news_page { background: #f3f3f3; }
.news_page h2 { font-size: 1.46em; color: #000000; line-height: 4em; }

.pageslink { text-align: center; margin: 3% auto; }
.pageslink a { color: #999999; }
.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; padding: 6px 8px; line-height: 13px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.pageslink .pages a:hover { border: #d30f25 1px solid; }
.pageslink .pages span, .pageslink .pages .active { color: #004d99; font-weight: bold; color: #ffffff; font-weight: bold; background: #d30f25; border: #d30f25 1px solid; }
.pageslink a:hover { border: #d30f25 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; }

section.list { border: #dfdfdf 1px solid; border-radius: 5px; background: #FFF; }

.news_list li { border-bottom: #e6e6e6 1px solid; }
.news_list li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.news_list h3 { float: left; width: 755px; font-size: 1.15em; }
.news_list .rdate { float: left; text-align: right; width: 110px; font-size: 1.07em; }
.news_list a { color: #666666; display: block; width: 100%; box-sizing: border-box; line-height: 4em; }
.news_list a:after { display: block; float: right; vertical-align: middle; position: relative; top: 3px; content: url(../images/more.png); }
.news_list a:hover:after { content: url(../images/more_active.png); }

.news_content { border: #dfdfdf 1px solid; border-radius: 5px; background: #FFF; }
.news_content h3 { font-size: 1.53em; line-height: 1.6em; }
.news_content .rdate { text-align: right; font-size: 1.07em; color: #9a9a9a; line-height: 1.6em; }
.news_content .rcon { line-height: 2em; color: #666666; font-size: 1.15em; display: table; text-align: justify; text-justify: inter-ideograph; }
.news_content .block { padding: 3% 4% 0 4%; }
.news_content hr { display: block !important; }
.news_content .btn-zone { margin: 3% auto; }

/************news*************************************************************************************/
.inside_page section.content, .login_page section.content { display: flex; justify-content: stretch; /*20190710*/ }
.inside_page section.content::after, .login_page section.content::after { display: none; }

/*** inside menu***/
.mainnav { width: 250px; border-left: #e6e6e6 1px solid; border-right: #e6e6e6 1px solid; background: #fafafa; /*20190710 float:left;*/ /*.cards h3 {background-position:7px 0px;}
	.tax h3 {background-position:7px -50px;}
	.gov h3 {background-position:7px -100px;}
	.park h3 {background-position:7px -150px;}
	.others h3 {background-position:7px -200px;}*/ }
.mainnav ul.nav > li { border-bottom: #acacac 1px solid; }
.mainnav h3 { line-height: 50px; font-size: 18px; padding-left: 60px; color: #444444; font-weight: bold; cursor: pointer; position: relative; background-repeat: no-repeat; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); /* W3C */ }
.mainnav h3:hover, .mainnav h3.opened { color: #FFFFFF; background: #eac383; /* Old browsers */ background: -moz-linear-gradient(top, #eac383 0%, #e2ab51 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eac383), color-stop(100%, #e2ab51)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eac383 0%, #e2ab51 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eac383 0%, #e2ab51 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eac383 0%, #e2ab51 100%); /* IE10+ */ background: linear-gradient(to bottom, #eac383 0%, #e2ab51 100%); /* W3C */ }
.mainnav h3.first { border-top: #eaeaea 0px solid; }
.mainnav h3:after { content: ''; display: inline-block; position: absolute; right: 4%; top: 16px; background: url(../images/arrow_right.png) no-repeat; width: 17px; height: 17px; }
.mainnav h3.opened:after { background: url(../images/arrow_down.png) no-repeat; }
.mainnav .lv2 a { color: #626262; display: block; line-height: 43px; background: #ffffff; font-size: 16px; padding-left: 60px; border-top: #e3e3e3 1px solid; }
.mainnav .lv2 a:hover { background: #f3f3f3; color: #626262; }
.mainnav .lv2 a.active { background: #fcf8f0; color: #dfa340; position: relative; }
.mainnav .lv2 a.active:before { background: url(../images/menutag.png) no-repeat left top; width: 40px; height: 26px; position: absolute; left: -7px; top: 10px; z-index: 5; display: block; content: ''; }
.mainnav .lv2 a:fisrt-child { border-top: none; }

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

ul.steps { color: #fff; border: 1px solid #959595; margin: 10px auto; *zoom: 1; }
ul.steps:before { display: table; line-height: 0; content: ""; }
ul.steps:after { display: table; line-height: 0; content: ""; clear: both; }
ul.steps li { color: #666666; width: 33%; float: left; /*margin-right: 0.5%;*/ text-align: center; position: relative; }
ul.steps li:first-of-type { width: 34%; }
ul.steps li div { font-size: 16px; display: block; height: 32px; line-height: 32px; background: #fff; padding-left: 13px; vertical-align: middle; }
ul.steps li div br { display: none; }
ul.steps li div.l-hide { display: none; }
ul.steps li div:after { content: ""; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 16px solid #ffffff; position: absolute; right: -15px; top: 0; z-index: 2; }
ul.steps li div:before { content: ""; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 16px solid #959595; position: absolute; left: 0; top: 0; padding: 0 10px 0 16px; }
ul.steps li:first-child div:before { display: none; }
ul.steps li:last-child { margin-right: 0; }
ul.steps li:last-child div:after { display: none; }
ul.steps li.current div { color: #fff; background: #e4b360; }
ul.steps li.current div span { color: #ffffff; }
ul.steps li.current div:after { border-left: 16px solid #e4b360; }
ul.steps li.pass div { color: #dfa340; background: #fcf8f0; }
ul.steps li.pass div span { color: #dfa340; }
ul.steps li.pass div:after { border-left: 16px solid #fcf8f0; }

ul.steps5 li { width: 20%; }
ul.steps5 li:first-of-type { width: 20%; }

ul.steps4 li { width: 25%; }
ul.steps4 li:first-of-type { width: 25%; }

ul.steps3 li { width: 33%; }
ul.steps3 li:first-of-type { width: 34%; }

ul.steps2 li { width: 50%; }
ul.steps2 li:first-of-type { width: 50%; }

.popupbox { display: none; background: #fff; border-radius: 5px; position: relative; /*20190619 .close_xx*/ }
.popupbox h3 { color: #212121; font-size: 17px; font-weight: bold; line-height: 24px; padding: 8px 0; }
.popupbox p { color: #666666; font-size: 15px; line-height: 30px; }
.popupbox .close_x { width: 22px; height: 22px; overflow: hidden; line-height: 1000px; display: block; position: absolute; top: 5px; right: 5px; background: url(../images/newicons.png) no-repeat left top; }
.popupbox .close_btn { position: absolute; top: 0; z-index: 1; left: auto; right: 0; margin: 1em; width: 30px; height: 30px; background-color: #d0983c; border-radius: 99em; cursor: pointer; }
.popupbox .close_btn:before, .popupbox .close_btn:after { content: ''; display: block; border-radius: 4px; width: 70%; height: 2px; background-color: white; transform: rotate(45deg); left: 50%; top: 50%; position: relative; margin-left: -36%; margin-top: -1px; }
@media (max-width: 768px) { .popupbox .close_btn:before, .popupbox .close_btn:after { transform: scale(0.8) rotate(45deg); } }
.popupbox .close_btn:after { transform: rotate(-45deg); }
@media (max-width: 768px) { .popupbox .close_btn:after { transform: scale(0.8) rotate(-45deg); } }
.popupbox .close_xx { position: absolute; display: inline-block; width: 25px; height: 25px; overflow: hidden; top: 10px; right: 16px; z-index: 999; cursor: pointer; }
.popupbox .close_xx:hover::before, .popupbox .close_xx:hover::after { background: #efefef; }
.popupbox .close_xx::before, .popupbox .close_xx::after { border-radius: 4px; content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #FFFFFF; }
.popupbox .close_xx::before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.popupbox .close_xx::after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.popupbox.get_ticket { box-sizing: border-box; width: 650px; border-radius: 0; background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 68%, #f6f6f6 70%, #e2e3e3 100%); background: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 68%, #f6f6f6 70%, #e2e3e3 100%); background: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 68%, #f6f6f6 70%, #e2e3e3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e2e3e3', GradientType=0); }
.popupbox.get_ticket input { font-size: 16px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; }
.popupbox.get_ticket .box_wrapper { background: url(../images/phone.png) no-repeat right 20px center; padding: 40px 0 20px 45px; }
.popupbox.get_ticket .con { padding-top: 30px; }
.popupbox.get_ticket ul.formtable { margin-left: 0; }
.popupbox.lotterybox { max-width: 390px; width: 98%; }
.popupbox.lotterybox .head a { display: block; }
.popupbox.lotterybox .banner { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.popupbox.lotterybox b { font-size: 17px; }
.popupbox.lotterybox .con { padding: 1% 1%; padding-top: 1em; }
.popupbox.lotterybox .pnote { font-size: 12px; line-height: 1.4em; }
.popupbox.lotterybox ul.formtable { margin-left: 0; }
.popupbox.lotterybox ul.formtable div.td img { margin-left: 0; }
.popupbox.lotterybox .btn-zone { background: none; padding: 0%; margin: 0 auto; }
.popupbox.lotterybox .btn-zone .nbtn { width: 100% !important; box-sizing: border-box; margin: 0 auto 0.6em auto; }
.popupbox.lotterybox .foot { box-sizing: border-box; text-align: right; margin: 0 3vw; margin-bottom: 1em; }
.popupbox.lotterybox .foot a.right { text-align: right; text-decoration: underline; }
.popupbox.news { padding-top: 103px; background: url(../images/icon_news.png) no-repeat center 20px #FFFFFF; width: 550px; }
.popupbox.news .con { min-height: 230px; padding: 20px; }
.popupbox.news .foot { margin: 0 auto; background: #f3f3f3; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; line-height: 22px; padding: 16px 20px; color: #6f6f6f; }
.popupbox.news .foot a.prev { padding-left: 20px; background: url(../images/newicons.png) no-repeat left -44px; float: left; display: block; color: #6f6f6f; font-size: 15px; }
.popupbox.news .foot a.next { padding-right: 20px; background: url(../images/newicons.png) no-repeat right -22px; float: right; display: block; color: #6f6f6f; font-size: 15px; }
.popupbox.share-mail { width: 550px; }
.popupbox.share-mail .head { color: #666666; font-size: 17px; padding: 18px 20px; font-weight: bold; }
.popupbox.share-mail hr { margin: 0px auto; }
.popupbox.share-mail .con, .popupbox.share-mail .foot { width: 380px; margin: 0 auto; }
.popupbox.share-mail .btn-zone a.nbtn, .popupbox.share-mail .btn-zone input.nbtn, .popupbox.share-mail .btn-zone button.nbtn { width: 135px; }
.popupbox.share-mail table.detail { width: 100%; }
.popupbox.share-mail table.detail td, .popupbox.share-mail table.detail th { padding: 0 5px; }
.popupbox.share-mail table.detail th { text-align: left; width: 80px; }
.popupbox.share-mail ol.list li { margin: 10px auto; line-height: 38px; font-size: 15px; color: #666666; }
.popupbox.share-mail ol.list label { margin-right: 5px; padding: 0 5px; }
.popupbox.share-mail input.input1 { width: 315px; }
.popupbox.share-mail input.input2 { width: 263px; }
.popupbox.message .btn-zone a.nbtn, .popupbox.message .btn-zone input.nbtn, .popupbox.message .btn-zone button.nbtn { width: 105px; }
.popupbox.message .btn-zone a.full, .popupbox.message .btn-zone input.full, .popupbox.message .btn-zone button.full { width: auto; }
.popupbox.message .head { padding: 0 20px; }
.popupbox.message .con { padding: 20px 20px 0 20px; }
.popupbox.message b { font-size: 17px; font-weight: bold; color: #666666; }
.popupbox.message.phone .head { background: #d0983c; color: #FFF; background: url(../images/icon_phone.png) no-repeat center 13px #d0983c; padding-top: 75px; padding-bottom: 5px; text-align: center; font-weight: bold; font-size: 16px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; line-height: 30px; }
.popupbox.message.warning { max-width: 500px; }
.popupbox.message.warning .head { background: #d0983c; color: #FFF; min-height: 30px; padding-bottom: 5px; text-align: center; font-weight: bold; font-size: 16px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; line-height: 30px; }
.popupbox.message.success .head { padding-top: 20px; }
.popupbox.message.success .head img { margin: 0 auto; }
.popupbox.message.success .con { width: 220px; padding-top: 10px; }
.popupbox.new_message { min-width: 360px; max-width: 500px; }
@media screen and (max-width: 320px) { .popupbox.new_message { min-width: 320px; } }
.popupbox.new_message .heading { font-size: 18px; color: #303030; }
.popupbox.new_message .foot { margin-bottom: 18px; }
.popupbox.new_message .fc-gold { color: #d0983c; }
.popupbox.new_message .text-btn { display: block; text-align: center; color: #797979; font-size: 15px; text-decoration: underline; margin-top: 2em; }
@media (max-width: 768px) { .popupbox.new_message .text-btn { margin-top: 0; } }
.popupbox.new_message .app-QRcode > img { max-width: 150px; }
@media (max-width: 768px) { .popupbox.new_message .btn-zone { background: none; padding: 0%; margin: 1em auto; }
  .popupbox.new_message .btn-zone a.nbtn-mb, .popupbox.new_message .btn-zone input.nbtn-mb, .popupbox.new_message .btn-zone button.nbtn-mb { width: 150px; } }
.popupbox .app-QRcode { text-align: center; }
.popupbox .app-QRcode > img { max-width: 150px; }
.popupbox.banner { max-width: 500px; }
.popupbox.banner img { vertical-align: middle; }
.popupbox.banner .con { overflow: hidden; border-radius: 5px; }

.lbox { background-color: #FFFFFF; border-radius: 8px; min-width: 360px; max-width: 500px; }
.lbox__head { border-top-right-radius: 8px; border-top-left-radius: 8px; background-color: #d0983c; color: #FFFFFF; font-weight: bold; font-size: 1.3em; padding: 0.5em; line-height: 1.5em; }
.lbox__con { box-sizing: border-box; padding: 1em 1em 0 1em; }
.lbox__foot { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.lbox__box { display: none; }
.lbox__h3 { font-size: 1.5em; line-height: 2em; }
.lbox__btn-zone { margin: 0 auto; padding: 1em; display: flex; justify-content: space-around; align-items: center; }
.lbox__btn-zone a.nbtn, .lbox__btn-zone input.nbtn, .lbox__btn-zone button.nbtn { width: 40vw; max-width: 150px; margin: 0 auto; box-sizing: border-box; padding: 0.5em 1em; font-size: 1.3em; }
.lbox__input { width: 100%; }
.lbox__formtable { width: 100%; }
.lbox__delete { display: flex; justify-content: flex-end; align-items: center; line-height: 2; font-size: 14px; color: #666666; margin-right: 1em; }
.lbox__delete__ico { width: 17px; height: 21px; background: url(../images/ico-delete.png) no-repeat center; margin-right: 0.8em; }

.icon { display: inline-block; background-image: url(../images/icons.png); }

.sidebar { border: #f00 0px solid !important; }

/********credit_card**********/
.chooseway { margin: 10px auto 15px auto; }
.chooseway a, .chooseway .way { display: block; zoom: 1; border: #7a7a7a 1px solid; margin: 7px auto; border-radius: 3px; padding: 12px 25px; width: 100%; box-sizing: border-box; }
.chooseway a .icon, .chooseway .way .icon { background: url(../images/payway.png) no-repeat left top; width: 50px; height: 50px; color: #666666; display: inline-block; vertical-align: middle; margin-right: 15px; }
.chooseway a h5, .chooseway .way h5 { font-size: 17px; line-height: 24px; color: #666666; }
.chooseway a p, .chooseway .way p { line-height: 24px; color: #666666; }
.chooseway a br, .chooseway .way br { display: none; }
.chooseway a .info, .chooseway .way .info { font-size: 12px; }
.chooseway a .rdata, .chooseway .way .rdata { display: inline-block; vertical-align: middle; }
.chooseway a.way_mma .icon, .chooseway .way.way_mma .icon { background-position: 0 0; }
.chooseway a.way_atm .icon, .chooseway .way.way_atm .icon { background-position: 0 -50px; }
.chooseway a.way_other .icon, .chooseway .way.way_other .icon { background-position: 0 -100px; }
.chooseway a.way_card .icon, .chooseway .way.way_card .icon { background-position: 0 -200px; }
.chooseway a.way_fun, .chooseway .way.way_fun { display: none; }
.chooseway a.way_fun .icon, .chooseway .way.way_fun .icon { background-position: 0 -150px; }
.chooseway a:hover, .chooseway .way:hover { background-color: #f3f3f3; }
.chooseway a:hover h5, .chooseway a:hover p, .chooseway .way:hover h5, .chooseway .way:hover p { color: #e54646; }
.chooseway a:hover.way_mma .icon, .chooseway .way:hover.way_mma .icon { background-position: -50px 0; }
.chooseway a:hover.way_atm .icon, .chooseway .way:hover.way_atm .icon { background-position: -50px -50px; }
.chooseway a:hover.way_other .icon, .chooseway .way:hover.way_other .icon { background-position: -50px -100px; }
.chooseway a:hover.way_fun .icon, .chooseway .way:hover.way_fun .icon { background-position: -50px -150px; }
.chooseway a:hover.way_card .icon, .chooseway .way:hover.way_card .icon { background-position: -50px -200px; }
.chooseway .way a { margin: 0 auto; padding: 0; border: none; }
.chooseway .way a:hover { background-color: transparent; }
.chooseway .way .openblock { display: none; }
.chooseway .way .openblock ul.formtable { max-width: 450px; }
.chooseway .way .openblock h5 { font-size: 15px; line-height: 40px; }
.chooseway .way.active.way_other .icon { background-position: 0 -100px; }
.chooseway .way.active.way_card .icon { background-position: 0 -200px; }
.chooseway .way.active:hover { background-color: #FFF; }
.chooseway .way.active:hover .way_other .icon { background-position: -50px -100px; }
.chooseway .way.active:hover .way_card .icon { background-position: -50px -200px; }
.chooseway .way.active:hover h5, .chooseway .way.active:hover p { color: #666666; }

.note { line-height: 22px; font-size: 13px; color: #666666; padding: 10px 0; }

ol.num { list-style: decimal outside; margin-left: 25px; }

ol.disc { list-style: disc outside; margin-left: 25px; }

/******* CREDIT CARD ATM**********/
.webatm-service { background: url(../images/bg_atm01.png) no-repeat 220px top; height: 260px; }
.webatm-service .mod_head { margin-left: 453px; margin-top: 8px; background: url(../images/bg_atm02.png) no-repeat left top; width: 200px; height: 103px; text-indent: -9999px; }
.webatm-service .mod_con { margin-left: 453px; }

.ul-square { margin-left: 5px; line-height: 24px; }

.ul-square li { list-style-image: url(../images/square.png); }

.ul-none li { list-style: none outside; }

.status { padding: 20px; text-align: center; margin: 10px auto; }
.status div { background: url(../images/status.png) no-repeat left top; width: 232px; height: 75px; text-indent: -9999px; margin: 0 auto; }
.status.success { background-color: #c3e434; }
.status.success.add div { background-position: left -600px; width: 265px; }
.status.success.delete div { background-position: left -675px; }
.status.success.edit div { background-position: left -750px; }
.status.success.result div { background-position: left -825px; }
.status.success + p { margin-top: 20px; display: block; }
.status.fail { background-color: #e54646; }
.status.fail div { background-position: left -75px; }
.status.fail p { color: #FFF; font-size: 15px; margin-top: 15px; display: block; }
.status.ing { background-color: #ffe508; }
.status.ing div { background-position: left -150px; }
.status.busy { background-color: #ffe508; }
.status.busy div { background-position: left -300px; width: 228px; }
.status.noresponse { background-color: #ffe508; }
.status.noresponse div { background-position: left -375px; width: 265px; }
.status.cantconnect { background-color: #ffe508; }
.status.cantconnect div { background-position: left -450px; width: 300px; }
.status.uc { background-color: #ffe508; }
.status.uc div { background-position: left -525px; width: 300px; }
.status.error { background-color: #ffe508; }
.status.error div { background: url(../images/error.gif) no-repeat left top; width: 300px; }
.status.confirm { background-color: #fff6f5; }
.status.confirm div { background: none; width: inherit; height: inherit; text-indent: inherit; font-size: 20px; line-height: 20px; color: #cc463c; }
.status.confirm div p { font-size: 13px; margin: 10px auto; }
.status.confirm div label { color: #515151; font-size: 15px; }
.status.confirm div input { margin-left: 10px; }
.status.overdue { background-color: #ec7777; }
.status.overdue div { background: none; width: inherit; height: inherit; text-indent: inherit; font-size: 20px; line-height: 20px; color: #FFFFFF; }

.printtable .status { margin: 0 auto; }
.printtable .status div { text-indent: inherit; font-size: 40px; line-height: 75px; color: #FFF; background: none; }
.printtable .status div p { font-size: 13px; margin: 10px auto; }
.printtable .toolbar { display: none; }

.sharebar { padding: 2px 6px 0 6px; line-height: 25px; text-align: right; height: 25px; }
.sharebar a { width: 25px; height: 25px; margin: 0 0 0 12px; display: inline-block; background: url(../images/toolbar.png) no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.sharebar a.bookmark { background-position: left top; }
.sharebar a.bookmark:hover { background-position: right top; }
.sharebar a.bookmark.ed { background-position: left -160px top; }
.sharebar a.email { background-position: 0 -25px; }
.sharebar a.email:hover { background-position: right top -25px; }
.sharebar a.print { background-position: 0 -50px; }
.sharebar a.print:hover { background-position: right top -50px; }

.iframe { border-radius: 5px; border: #bfbaba 1px solid; width: 100%; height: 20em; box-sizing: border-box; padding: 5px 5px 5px 2%; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; width: 100%; }
.iframe iframe { width: 100%; height: 100%; border: none; vertical-align: top; }
.iframe + .consent { margin-top: 1em; margin-bottom: 1em; }

.consent { color: #666666; font-size: 14px; display: flex; align-items: flex-start; }

.floatright { float: right; }

.radio_block { width: 450px; margin: 0 auto; color: #666666; font-size: 15px; }
.radio_block.row6 { width: 100%; }
.radio_block.row6 li { width: 16%; float: left; }
.radio_block.row6:after { display: block; content: ''; clear: both; }
.radio_block.row3 li { width: 33.33%; float: left; }
.radio_block.row3:after { display: block; content: ''; clear: both; }
.radio_block.row2 li { width: 50%; float: left; }
.radio_block.row2:after { display: block; content: ''; clear: both; }
.radio_block.large { margin: 0 auto; box-sizing: border-box; justify-content: space-between; display: flex; }
.radio_block.large li { margin-left: 40px; width: auto; }
.radio_block.large li:first-child { margin-left: 0; }

ul.datatable { display: table; width: 100%; border-collapse: collapse; text-align: center; margin: 20px auto 30px auto; }
ul.datatable h5 { display: table-cell; text-align: center; border: #e2e2e2 1px solid; line-height: 1.6em; padding: 8px; vertical-align: middle; box-sizing: border-box; }
ul.datatable > li > div { display: table-cell; text-align: center; border: #e2e2e2 1px solid; line-height: 1.6em; padding: 8px; vertical-align: middle; box-sizing: border-box; }
ul.datatable > li > div:last-child { width: 120px; }
ul.datatable > li > div:last-child .btn-zone a.nbtn { margin: 0; margin-left: 8px; }
ul.datatable > li > div:last-child .btn-zone a.nbtn:first-child { margin-left: 0; }
ul.datatable > li > div.m-hide { display: table-cell; }
ul.datatable > li { display: table-row; }
ul.datatable > li.odd, ul.datatable > li:nth-child(odd) { background: #f9f9f9; }
ul.datatable > li.even, ul.datatable > li:nth-child(even) { background: #FFF; }
ul.datatable > li > div:nth-child(4) { white-space: nowrap; width: 65px; }

input[type=radio].nolabel { visibility: hidden; position: relative; width: 20px; height: 20px; margin: 0; padding: 0; opacity: 1; top: 3px; }
input[type=radio].nolabel:before { content: ""; visibility: visible; position: absolute; border: 1px solid #d4d4d4; border-radius: 50%; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; }
input[type=radio].nolabel:checked:before { content: "\2022"; color: #FFF; font-size: 33px; text-align: center; line-height: 16px; background: #9ddc4b; border: 1px solid #9ddc4b; }

input[type=checkbox].nolabel { visibility: hidden; position: relative; width: 20px; height: 20px; margin: 0; padding: 0; opacity: 1; top: 3px; }
input[type=checkbox].nolabel:before { content: ""; visibility: visible; position: absolute; border: 1px solid #d4d4d4; border-radius: 3px; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; }
input[type=checkbox].nolabel:checked:before { content: "\2714"; color: #FFF; font-size: 16px; text-align: center; line-height: 16px; background: #9ddc4b; border: 1px solid #9ddc4b; }

.total { font-size: 17px; color: #484848; }
.total span { padding-left: 15px; }

.checkdiv.size-s { width: 255px; }
.checkdiv input[type=radio]:not(old) + label { width: calc(50% - 40px); }

ul.formtable .checkdiv-row3 { width: 290px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
ul.formtable .checkdiv-row3 > li { width: 33%; display: block; }

.hide-select-bar select { display: none; }

.hide { display: none; }

p.info { font-size: 16px; line-height: 1.6; color: #666666; }
p.info + hr { margin-top: 20px; }

.notebox { background-color: #f7f7f7; color: #666666; padding: 1em; line-height: 1.6em; margin-top: 1.5em; margin-bottom: 1.5em; }

.setModule { text-align: center; margin: 1em auto; }
.setModule__nav { margin: 0 auto; display: inline-flex; flex-direction: row; justify-content: space-between; align-items: center; }
.setModule__item { margin-left: 0.5em; margin-right: 0.5em; }
.inputpage .setModule__item { margin-left: 0px; margin-right: 0px; }
.setModule__link { color: #d0983c; font-size: 15px; line-height: 1.8em; display: flex; justify-content: flex-start; align-items: center; border: #d0983c 1px solid; padding: 0.2em 0.7em; border-radius: 5px; }
.setModule__link:link, .setModule__link:visited { color: #d0983c; }
.setModule__link:hover { background-color: #fcf8f0; }
.setModule__link:before { content: '+\00a0'; display: block; }
.setModule__link.setted { color: #30ccff; text-decoration: none; }
.setModule__link.setted:before { content: '∨\00a0'; }
.setModule__link + .datatable { margin-top: 1em; }
.setModule__link.single { display: inline-flex; }
.setModule.inputpage { text-align: left; margin: 0.3em auto; }

.ajax-loading-svg { height: 100vh; position: absolute; width: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1004; background: rgba(0, 0, 0, 0.5); }

.ajax-loading-svg::before { content: ""; display: block; width: 120px; height: 120px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; left: 50%; margin-left: -60px; z-index: 1005; position: fixed; top: 50%; margin-top: -60px; background: url(../images/loading.svg) no-repeat center center; background-size: 120px; z-index: 9999; }

.form-switch { display: flex; justify-content: center; align-items: center; line-height: 2.8571em; cursor: pointer; -webkit-tap-highlight-color: transparent; color: #666666; }
.form-switch__i { position: relative; display: inline-block; margin-right: .5rem; width: 34px; height: 18px; background-color: #acacac; border-radius: 17px; vertical-align: text-bottom; transition: all 0.3s linear; }
.form-switch__i::before { content: ""; position: absolute; left: 0; width: 32px; height: 16px; background-color: #fff; border-radius: 11px; transform: translate3d(1px, 1px, 0) scale3d(1, 1, 1); transition: all 0.25s linear; }
.form-switch__i::after { content: ""; position: absolute; left: 0; width: 16px; height: 16px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); transform: translate3d(1px, 1px, 0); transition: all 0.2s ease-in-out; }
.form-switch:active .form-switch__i::after { width: 16px; transform: translate3d(1px, 1px, 0); }
.form-switch:active .form-switch__check:checked + .form-switch__i::after { transform: translate3d(8px, 2px, 0); }
.form-switch__checkbox { display: none; }
.form-switch__checkbox:checked + .form-switch__i { background-color: #4BD763; }
.form-switch__checkbox:checked + .form-switch__i::before { transform: translate3d(16px, 1px, 0) scale3d(0, 0, 0); }
.form-switch__checkbox:checked + .form-switch__i::after { transform: translate3d(16px, 1px, 0); }

.ico-refresh { width: 1em; height: 0.92857em; display: block; background: url(../images/ico-refresh.png) no-repeat center; }
.ico-edit { width: 20px; height: 20px; display: block; background: url(../images/ico-edit.png) no-repeat center; }
.ico-announce { width: 20px; height: 20px; display: block; background: url(../images/ico-announce.png) no-repeat center; }
.ico-edit-pen { margin: 0 auto; width: 17px; height: 17px; padding: 0.2em 0.6em; display: block; background: url(../images/ico-edit-pen.png) no-repeat center; }

/*login page 20200728 desktop*/
.login { margin-left: auto; margin-right: auto; margin-top: 2em; margin-bottom: 1em; }
.login__box { display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.login__row { display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; flex-grow: 1; flex-shrink: 1; font-size: 1.076923076923077em; line-height: 1.5; }
.login__col { padding: 5px; }
.login__label { width: 140px; display: block; text-align: right; padding-top: 0.67857em; padding-bottom: 0.67857em; color: #484848; }
.login__fakerow { display: flex; align-items: center; }
.login__fakerow + .login__fakerow { margin-top: 0.7142em; }
.login .login__text { width: 100%; padding-top: 0.6071em; padding-bottom: 0.6071em; height: 2.857em; box-sizing: border-box; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; }
.login .login__text.has-ico { padding-left: 3em; padding-right: 1em; background-repeat: no-repeat; background-position: left 0.8em center; }
.login .login__text.inputPass { background-position: left 1em center; }
.login__td { flex-grow: 1; flex-shrink: 1; width: 100%; max-width: 290px; }
.login__Captcha-img { width: 7.714285714285714em; max-width: inherit; height: 2.857142857142857em; }
.login .refresh { display: block; padding: 0.71428em; }
.login__note { margin: 0 auto; }
.login__note__item { display: flex; justify-content: flex-start; align-items: center; font-size: 1.0769em; line-height: 1.5; padding: 0.3em; color: #666666; text-align: left; }
.login__note__item i { flex-shrink: 0; flex-grow: 0; width: 20px; margin-right: 0.8em; flex-grow: 0; flex-shrink: 0; }
.login__note__item p { flex-grow: 1; flex-wrap: wrap; flex-shrink: 1; width: 100%; flex-basis: auto; }
.login__link { color: #666666 !important; }
.login__link--red { color: #c23c33 !important; }

.inputName { background-image: url(../images/ico_name.png); background-repeat: no-repeat; }

.inputMail { background-image: url(../images/ico_mail.png); background-repeat: no-repeat; }

.inputAddress { background-image: url(../images/ico_address.png); background-repeat: no-repeat; }

.inputCode { background-image: url(../images/ico_code.png); background-repeat: no-repeat; }

.inputPhone { background-image: url(../images/ico_phone.png); background-repeat: no-repeat; }

.inputPid { background-image: url(../images/icon_pId.png); background-repeat: no-repeat; background-position: 0.8em center; }

.inputPid.inputPid { padding-left: 3em; }

.inputPass { background-image: url(../images/ico-pass.png); background-repeat: no-repeat; }

.calendarText { background-image: url(../images/icon_date.png); background-repeat: no-repeat; background-size: 20px 16px; background-position: right 0.5em center; }

.filter { font-size: 15px; margin: 1em auto; }
.filter_page { font-size: 15px; }
.filter__row { display: flex; justify-content: space-between; align-items: center; }
.filter__title { flex-shrink: 0; flex-grow: 0; }
.filter__picker { flex-grow: 1; flex-shrink: 1; margin-left: 1.5em; margin-right: 1.5em; display: flex; justify-content: space-between; align-items: center; }
.filter__date { flex-grow: 1; flex-shrink: 1; width: 100%; }
.filter__to { padding: 0 1em; }
.filter__btn-block { flex-grow: 1; flex-shrink: 1; width: 20%; }

.title--withborder { font-size: 15px; display: flex; justify-content: flex-start; align-items: center; }
.title--withborder:before { width: 2px; height: 15px; display: block; background-color: #c23c33; margin-right: 0.3em; content: ''; }

.pg { text-align: center; margin: 2em auto; font-size: 15px; }
.pg__nav { margin: 0 auto; display: inline-flex; justify-content: center; align-items: center; }
.pg__item { margin-left: 0.2em; margin-right: 0.2em; }
.pg__link { display: block; line-height: 1.5; padding: 0.2em 0.6em; border: #d0983c 1px solid; color: #d0983c; }
.pg__link:hover { background-color: #ffecec; }
.pg__active { display: block; line-height: 1.5; padding: 0.2em 0.6em; border: #d0983c 1px solid; background-color: #d0983c; color: #FFFFFF; }

.tab__container { font-size: 15px; line-height: 1.6; }
.tab__nav { margin: 1em auto; display: flex; justify-content: center; align-items: center; }
.tab__navtab { padding: 0.4em 1.7em; border-radius: 5px; border: #d0983c 1px solid; color: #d0983c; text-align: center; flex: 1 1 50%; }
.tab__navtab:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; border-right: none; }
.tab__navtab:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.tab__navtab--active { background-color: #d0983c; color: #FFFFFF; }
.tab__content { display: none; }
.tab__content--active { display: block; }

.commonfunc__datatable > li > div:nth-child(3) { width: 65px; white-space: nowrap; }

.reminder { font-size: 15px; }
.reminder__block { margin: 2em auto 1em auto; }

.radio__box { display: flex; justify-content: center; align-items: center; margin: 0 auto; max-width: 385px; }
.r2 .radio__item { width: 50%; }

.download { border-top: #acacac 1px solid; border-bottom: #acacac 1px solid; padding: 2em; box-sizing: border-box; font-size: 12px; line-height: 2em; margin: 2em auto; }

.rtable { margin: 1em auto; font-size: 15px; line-height: 1.6; width: 100%; }
.rtable__cell { padding: 0.3em 1em 0.3em 0.5em; }
.rtable__th { text-align: right; width: 165px; }
.rtable__row.line { border-bottom: #dddddd 1px solid; }

/**********************************************************************************************
***************************                                       *****************************  
***************************             Mobile style              *****************************
***************************                                       *****************************
***********************************************************************************************/
@media screen and (max-width: 768px) { .reminder__block { margin: 0 auto; padding: 4vw 4vw 0 4vw; }
  .download { margin: 1em auto; padding: 1em; }
  .download a.red { display: inline-block; vertical-align: middle; }
  .pg { margin: 1em auto; }
  .mtextcenter { text-align: center; }
  section.content .mainnav { display: none !important; }
  .commonfunc__datatable > li > div:nth-child(3) { width: 57px; }
  .ui-autocomplete { max-height: 220px; }
  .ui-combobox-input { font-size: 15px; }
  .inputName, .inputMail, .inputCode, .inputPhone, .inputAddress { padding: 0 2% 0 14% !important; }
  .inputCode { background-position: 4% 50%; }
  .iframe { margin-left: 3%; margin-right: 3%; width: 94%; }
  .consent { margin-left: 3%; margin-right: 3%; }
  html { background: #f7f7f7; }
  .m-hide { display: none; }
  span.m-hide { display: none; }
  .l-hide { display: block; }
  .l-hide.inline { display: inline; }
  .container { width: 94%; padding-top: 0; padding: 3% 3%; min-width: 94%; }
  .container.chat-popup { padding: 0; }
  input[type="text"], input[type="password"], input[type="tel"] { line-height: 38px; padding: inherit; padding: 0 10px; height: 38px; width: 100%; font-size: 15px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; }
  input[type="text"].row2, input[type="password"].row2, input[type="tel"].row2 { width: 47.5%; }
  input[type="text"].row2:first-child, input[type="password"].row2:first-child, input[type="tel"].row2:first-child { margin-right: 5%; }
  input[type="text"].row2 + img, input[type="password"].row2 + img, input[type="tel"].row2 + img { margin: 0; }
  /*input.error {background:url(../images/icon_Ierror.png) #fff no-repeat !important;background-size:20px 19px!important;background-position:5% 50%!important; margin:3% auto;text-align:left;}*/
  .error_tips { text-align: left; color: #e54646; background: url(../images/icon_Ierror.png) no-repeat !important; background-size: 20px 19px !important; background-position: 0 50% !important; padding-left: 25px; margin: 1% auto; }
  .forget a { color: #a2a2a2; display: block; text-align: center; margin-top: 5%; }
  .txtM2 { padding: 4% 5% 4% 15%; width: 80%; }
  .txtM1:focus, .txtM2:focus { color: #666666; }
  .error_tips { line-height: 20px; }
  .otherOption div { display: block; }
  .formblock { width: 100%; margin: 0 auto; }
  .formblock h4 { padding-bottom: 0px; padding: 3% 0 3% 0; margin: 0 3%; }
  .formblock h4.quild { color: #d0983c; }
  p.info { font-size: 14px; padding: 0 3vw; }
  ul.formtable { width: 100%; }
  ul.formtable li { font-size: 15px; color: #666666; display: table-row; }
  ul.formtable h5 { white-space: nowrap; padding: 0; }
  ul.formtable h5.m-hide { display: none; }
  ul.formtable div.td { display: table-cell; vertical-align: top; position: relative; /*20151021*/ /*20151021*/ }
  ul.formtable div.td .ui-datepicker-trigger { position: absolute; right: 0px; z-index: 9999; top: 10px; display: none; }
  ul.formtable.td350 div.td, ul.formtable.td255 div.td { width: 100%; }
  ul.formtable.tab-content { margin: -10px auto 10px auto; }
  ul.formtable.tabs { margin: 0px auto; }
  ul.formtable.tabs h5.m-hide { display: none; }
  ul.formtable.tabs a { background: #fff; color: #e54545; border: #e54545 1px solid; display: inline-block; line-height: 38px; width: 50%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .btn-zone { margin: 0% auto; padding: 5% 3%; background: #f7f7f7; }
  header { min-width: 100%; }
  header .container { padding-top: 0; padding: 3% 3%; align-items: center; }
  header .left-pane { text-align: left; float: none; align-items: center; /*201200730*/ }
  header .left-pane .logo { float: none; display: inline-block; vertical-align: middle; width: 40vw; margin: 0; text-align: center; max-width: 220px; /*20151021*/ }
  header .left-pane .logo a, header .left-pane .logo img { width: 100%; }
  header .left-pane .header-title { position: inherit; float: none; display: inline-block; vertical-align: middle; color: #444444; font-weight: normal; margin-bottom: 0; margin-left: 2vw; padding-left: 2vw; font-size: 4.8vw; /*20151021*/ }
  header .left-pane .header-title a { color: #d00f24; }
  header .right-pane { display: flex; justify-content: flex-end; align-items: center; }
  header .right-pane .main-func > ul > li { background: none; }
  header .right-pane .main-func > ul > li .icon { padding-left: 24px; padding-right: 0; background-position: left 13px; }
  .container.search-popup { display: none; }
  /*20151021*/
  .footer { min-width: 100%; font-size: 12px; z-index: 102; }
  .copyright.l-hide { line-height: 20px; padding: 3%; height: inherit; }
  .selectCredit.row2 { width: 47.5%; }
  .selectCredit.row2:first-child { margin-right: 5%; }
  .selectCredit.row2 + img { margin: 0; }
  /*----------------------------------------------index start-------------------------------------------------------------*/
  /*.index_page {background:url(../images/bg_index_m.jpg) no-repeat center top; padding-top:135px; min-width:100%;}*/
  .cycle-slideshow .slide-templates { display: none !important; }
  #custom-caption { display: none; }
  .cycle-pager { display: none; }
  .mnews { margin: 5% auto 5% auto; }
  .mnews li { width: 100%; }
  .mnews li a { overflow: hidden; line-height: 24px; height: 24px; display: inline-block; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; width: 100%; color: #626262; font-size: 14px; }
  .mnews li a .darkblue { color: #254a91; }
  .mnews .more { COLOR: #000; MARGIN: 2% 2%; FONT-SIZE: 1.15EM; DISPLAY: BLOCK; }
  .index_page .container { width: 100%; padding: 0; }
  .indexnav ul.nav { padding: 0; text-align: center; font-size: 16px; flex-wrap: wrap; }
  .indexnav ul.nav .nicon { width: 20vw; height: 20vw; }
  .indexnav ul.nav .nicon > .ico { max-width: 100%; max-height: 100%; }
  .indexnav ul.nav li { width: 50%; box-sizing: border-box; float: left; margin: 0; border-top: #f3f3f3 1px solid; position: relative; text-align: center; }
  .indexnav ul.nav h3 { font-size: 16px; font-weight: bold; padding-bottom: 4%; color: #666666; }
  .indexnav ul.nav .lv2 { position: absolute; text-align: left; display: none; width: 100%; left: 0; z-index: 999; }
  .indexnav ul.nav .lv2 a { line-height: 2.5em; font-size: 16px; padding: 2.5% 6%; box-sizing: border-box; display: block; background: #c3c9cd; color: #FFF; border-bottom: #FFF 1px solid; }
  .indexnav ul.nav .lv2 a:hover, .indexnav ul.nav .lv2 a:active { background: #ffecec; color: #F00; }
  .indexnav ul.nav.m-hide { display: none; }
  .abgne_tab { clear: left; width: 100%; margin: 0 auto; background: #FFF; }
  ul.tabs { width: 100%; line-height: 1.8em; display: flex; justify-content: flex-start; align-items: center; }
  ul.tabs li { width: 50%; }
  ul.tabs li a { display: block; padding: 0 18%; line-height: 2.5em; color: #e75553; border-bottom: 5px solid #fff; text-decoration: none; font-size: 1.1em; text-align: center; /*20190603 remove here*/   /*&.hot:before {background:url(../images/icon_hot.png) no-repeat center; background-size:contain; display:inline-block; content:''; width: 27.5%;height: 2.5em; vertical-align:middle;} &.search:before {background:url(../images/icon_search.png) no-repeat  center; background-size:contain; display:inline-block; content:''; width: 27.5%; height: 2.5em; vertical-align:middle; margin:0 0 0 10%}
			*/ }
  ul.tabs li a:hover { border-bottom: #e75553 5px solid; }
  ul.tabs li.active a { border-bottom: 5px solid #e75553; }
  div.tab_container { clear: left; width: 100%; border-top: none; background: #fff; }
  /*20190603 edit*/
  .mhottag { display: flex; justify-content: space-around; align-items: center; align-self: center; flex-wrap: wrap; }
  .mhottag a { width: 25%; flex: 1 1 25%; box-sizing: border-box; background: #efefef; color: #666666; height: 25vw; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 14px; }
  .mhottag a:before { background-size: contain; width: 40%; height: 40%; content: ''; display: block; margin: 0 auto 10% auto; font-size: 1.1em; }
  .mhottag a.mtag1:before { background: url(../images/mtag1.png) no-repeat; background-size: contain; }
  .mhottag a.mtag2:before { background: url(../images/mtag2.png) no-repeat; background-size: contain; }
  .mhottag a.mtag3:before { background: url(../images/mtag3.png) no-repeat; background-size: contain; }
  .mhottag a.mtag4:before { background: url(../images/mtag4.png) no-repeat; background-size: contain; }
  .mhottag a.mtag5:before { background: url(../images/mtag5.png) no-repeat; background-size: contain; }
  .mhottag a.mtag6:before { background: url(../images/mtag6.png) no-repeat; background-size: contain; }
  .mhottag a.mtag7:before { background: url(../images/mtag7.png) no-repeat; background-size: contain; }
  .mhottag a.mtag8:before { background: url(../images/mtag8.png) no-repeat; background-size: contain; }
  .mhottag a.mtag9:before { background: url(../images/mtag9.png) no-repeat; background-size: contain; }
  .mhottag a.mtag10:before { background: url(../images/mtag10.png) no-repeat; background-size: contain; }
  .mhottag a.mtag11:before { background: url(../images/mtag11.png) no-repeat; background-size: contain; }
  .mhottag a.ps1:before { background: url(../images/ps1.png) no-repeat; background-size: contain; }
  .mhottag a.ps2:before { background: url(../images/ps2.png) no-repeat; background-size: contain; }
  .mhottag a.ps3:before { background: url(../images/ps3.png) no-repeat; background-size: contain; }
  .mhottag a.ps4:before { background: url(../images/ps4.png) no-repeat; background-size: contain; }
  /*20190603 edit end*/
  .navhead h2 { font-size: 7.5vw; }
  .navhead a.back { font-size: 3.75vw; }
  .adindex .container { width: 100%; padding: 0; }
  .adindex-nav { box-shadow: 0px 0px 0px 0px; border-radius: 0; margin-bottom: 0; }
  .adindex-nav ul { flex-wrap: wrap; }
  .adindex-nav ul > li { width: 50%; flex: 1 1 49.5%; margin: 0 auto; padding: 3vw 0; box-sizing: border-box; border-right: 0px; }
  .adindex-nav li { height: 70vw; }
  .adindex-nav li:first-child { border-bottom: #d5d5d5 1px solid; }
  .adindex-nav li:nth-child(2) { border-bottom: #d5d5d5 1px solid; }
  .adindex-nav li:nth-child(odd) { border-right: #d5d5d5 1px solid; }
  .adindex-nav li.cards .nicon { background: url(../images/icon-index_01.png) no-repeat center; background-size: contain; }
  .adindex-nav li.wpg .nicon { background: url(../images/icon-index_02.png) no-repeat center; background-size: contain; }
  .adindex-nav li.tel .nicon { background: url(../images/icon-index_03.png) no-repeat center; background-size: contain; }
  .adindex-nav li.traffic .nicon { background: url(../images/icon-index_04.png) no-repeat center; background-size: contain; }
  .adindex-nav li.tax .nicon { background: url(../images/icon-index_05.png) no-repeat center; background-size: contain; }
  .adindex-nav li.others .nicon { background: url(../images/icon-index_06.png) no-repeat center; background-size: contain; }
  .adindex-nav li.notyet .nicon { background: url(../images/icon-index_07.png) no-repeat center; background-size: contain; }
  .adindex-nav h3 { font-size: 4.6875vw; line-height: 1.6666em; margin-bottom: 0.8vw; padding-bottom: 0; }
  .adindex-nav .nicon { width: 23.4375vw; height: 23.4375vw; margin-bottom: 0.5vw; }
  .adindex-nav .lv2 a { font-size: 4.6875vw; line-height: 1.7em; }
  .navhead { padding: 2vw 5.15vw 0 5.15vw; }
  /*----------------------------------------------index end---------------------------------------------------------------*/
  /*** news mobile**********************************************20160825**************************************************/
  .news_page .container { width: 100%; margin-top: 40px; padding: 0; min-width: 100%; }
  section.list, .news_page section.content { border: none; border-radius: 0; }
  .news_list li { padding-left: 1em; padding-right: 1em; box-sizing: border-box; }
  .news_list h3 { width: calc(100% - 25px); max-width: 100%; font-size: 1.15em; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .news_list .rdate { display: none; }
  .news_list a { color: #666666; width: 100%; box-sizing: border-box; line-height: 4em; }
  .news_list a:after { display: block; float: right; vertical-align: middle; position: relative; top: 3px; content: url(../images/more.png); }
  .news_list a:hover:after { content: url(../images/more_active.png); }
  /*** news mobile**********************************************20160825**************************************************/
  /*----------inside page--------------------*/
  .notindex { margin-top: 40px; background-color: transparent; }
  .notindex .container { width: 100%; padding: 3% 0%; padding-top: 0; min-width: 100%; }
  .main-header { text-align: center; font-weight: 300; font-size: 90%; }
  .toolbar { position: fixed; top: 0; left: 0; right: 0; line-height: 40px; background: #12213a; color: #FFF; height: 40px; z-index: 99; }
  .toolbar h1 { text-align: center; font-weight: bold; font-size: 18px; line-height: 40px; }
  .menu-button { position: absolute; top: 0; left: 0; margin: 10px 15px; height: 20px; width: 20px; cursor: pointer; background: url(../images/menubtn.png) no-repeat center top; }
  .menu-prev { position: absolute; top: 0; left: 0; margin: 10px 15px; height: 20px; width: 20px; cursor: pointer; background: url(../images/menu-prev.png) no-repeat center top; }
  .menu-left { float: left; margin-right: 1.5em; }
  .inside_login { font-size: 15px; color: #FFFFFF; position: absolute; top: 0; right: 0.5em; padding: 0 0.5em; }
  .sidebar { margin: 0; color: white; background-color: #1abc9c; border: #fff 0 solid !important; }
  .sidebar li { line-height: 32px; }
  .sidebar li:hover { background-color: #e84e40; }
  .sidebar hr { margin: 2em auto; border: 0; padding: 0; width: 80%; height: 1px; background-color: white; }
  .mainblock { width: 100%; float: none; margin: 0 0 0 0; background: #ffffff; }
  /*** inside menu***/
  .mainnav { width: 170px; border: #e6e6e6 0px solid; min-height: 100%; background: #fafafa; border-top: #e6e6e6 0px solid; float: left; position: fixed; left: -170px; /*.cards h3 {background-position:7px 2px;}
		.tax h3 {background-position:7px -40px;}
		.gov h3 {background-position:7px -80px;}
		.park h3 {background-position:7px -120px;}
		.others h3 {background-position:7px -160px;}*/ }
  .mainnav ul.nav { height: 100%; overflow-x: hidden; overflow-y: auto; position: relative; }
  .mainnav h3 { line-height: 40px; font-size: 16px; /*padding-left:55px;*/ padding-left: 20px; color: #444444; font-weight: bold; border-top: #eaeaea 0px solid; cursor: pointer; background-repeat: no-repeat; background: #ffffff; /* Old browsers */ background: #fafafa; }
  .mainnav h3:after { top: 12px; }
  .mainnav h3.first { border-top: #eaeaea 0px solid; background: url(../images/home.png) no-repeat #fafafa; background-position: 20px 8px; padding-left: 52px; background-size: 24px 21px; }
  .mainnav h3.first a { color: #444444; }
  .mainnav h3.first:after { background: none; }
  .mainnav .lv2 { border-bottom: #eaeaea 0px solid; }
  .mainnav .lv2 a { display: block; line-height: 43px; background: #f3f3f3; font-size: 16px; /*padding-left:55px;*/ padding-left: 30px; color: #666666; }
  .mainnav .lv2 a:hover, .mainnav .lv2 a.active { /*padding-left:55px;*/ padding-left: 30px; margin-left: 0px; }
  .mainnav .lv2 a:hover:before, .mainnav .lv2 a.active:before { background: none; width: 0; }
  /*** inside menu***/
  ul.steps { border-left: none; border-right: none; margin: 0 auto; }
  ul.steps li div { font-size: 13px; height: 40px; line-height: 40px; padding-left: 5px; }
  ul.steps li div br { display: block; }
  ul.steps li div.m-hide { display: none; }
  ul.steps li div.l-hide { display: block; }
  ul.steps li div:after { content: ""; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 11px solid #ffffff; position: absolute; right: -10px; top: 0; z-index: 1; }
  ul.steps li div:before { content: ""; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 11px solid #959595; position: absolute; left: 0; top: 0; padding: 0 5px 0 5px; }
  ul.steps li.current div:after { border-left: 10px solid #e4b360; }
  ul.steps li.pass div { border-left: 11px solid #ffffff; background: #fff; color: #666666; }
  ul.steps li.pass div span { color: #666666; }
  ul.steps li.pass div:after { border-left: 11px solid #ffffff; }
  ul.steps span { display: block; line-height: 20px; }
  .popupbox.news { width: 80%; }
  .popupbox .con { padding: 20px 4% 0 4%; }
  .popupbox .foot { margin: 0 auto; padding: 8px 4%; }
  .popupbox.share-mail { width: 96vw; }
  .popupbox.share-mail .head { color: #666666; font-size: 15px; padding: 3vw; font-weight: bold; }
  .popupbox.share-mail hr { margin: 0px auto; }
  .popupbox.share-mail .con, .popupbox.share-mail .foot { width: 100%; margin: 0 auto; box-sizing: border-box; padding: 3vw; }
  .popupbox.share-mail .btn-zone a.nbtn, .popupbox.share-mail .btn-zone input.nbtn, .popupbox.share-mail .btn-zone button.nbtn { width: 40%; }
  .popupbox.share-mail table.detail { width: auto; }
  .popupbox.share-mail table.detail td, .popupbox.share-mail table.detail th { padding: 0 5px; }
  .popupbox.share-mail table.detail th { text-align: left; width: 80px; }
  .popupbox.share-mail ol.list li { margin: 10px auto; line-height: 38px; font-size: 15px; color: #666666; display: flex; justify-content: flex-start; align-items: center; }
  .popupbox.share-mail ol.list label { margin-right: 5px; padding: 0 5px; flex: 0 0 auto; }
  .popupbox.share-mail input.input2 { flex-shrink: 1; flex-grow: 1; width: 100%; }
  .popupbox.share-mail input.input1 { flex-shrink: 1; flex-grow: 1; width: 100%; }
  .popupbox.share-mail .btn-zone { padding: 0; margin: 1em auto; }
  .popupbox.message .btn-zone a.nbtn, .popupbox.message .btn-zone input.nbtn, .popupbox.message .btn-zone button.nbtn { width: 44%; }
  .popupbox.message .head { padding: 0 20px; }
  .popupbox.message.warning { width: 96%; margin: 0 2%; }
  .popupbox.message.phone { width: 96%; margin: 0 2%; }
  .popupbox.message .con { padding: 0 20px; padding-top: 5%; }
  .popupbox.message .btn-zone { background: none; padding: 4% 3%; }
  .popupbox.message .foot { padding: 0; }
  .popupbox.get_ticket { box-sizing: border-box; width: 96%; margin: 0 2%; border-radius: 0; background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 68%, #f6f6f6 70%, #e2e3e3 100%); background: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 68%, #f6f6f6 70%, #e2e3e3 100%); background: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 68%, #f6f6f6 70%, #e2e3e3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e2e3e3', GradientType=0); }
  .popupbox.get_ticket input { font-size: 16px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; }
  .popupbox.get_ticket .head { padding: 0 4%; text-align: center; }
  .popupbox.get_ticket .head img { text-align: center; margin: 0 auto; }
  .popupbox.get_ticket .box_wrapper { background: none; padding: 5% 0; }
  .popupbox.get_ticket .con { padding: 1% 1%; }
  .popupbox.get_ticket ul.formtable { margin-left: 0; }
  .popupbox.get_ticket ul.formtable div.td img { margin-left: 0; }
  .popupbox.get_ticket .inputCode { margin-bottom: 8px; }
  .popupbox.get_ticket .btn-zone { background: none; padding: 0%; margin: 0 auto; }
  .popupbox.get_ticket .btn-zone .nbtn { width: 100% !important; box-sizing: border-box; margin: 0 auto; }
  .popupbox.get_ticket .foot { box-sizing: border-box; }
  .popupbox.banner { width: 96vw; }
  .popupbox.banner .con { padding: unset; }
  .lbox { min-width: auto; width: 96vw; max-width: 500px; }
  .lbox__btn-zone { background-color: transparent; padding: 1em; }
  .lbox__btn-zone a.nbtn, .lbox__btn-zone input.nbtn, .lbox__btn-zone button.nbtn { width: 44%; max-width: inherit; }
  .lbox__delete { margin-right: 3vw; }
  .lboxed { display: none; }
  .login { margin: 0.5em auto; }
  .login__box { width: 100%; }
  .login__row { font-size: 15px; line-height: 1.6; }
  .login__col { padding: 5px 0; }
  .login__fakerow { display: flex; align-items: center; }
  .login__fakerow + .login__fakerow { margin-top: 0.7142em; }
  .login .login__text { width: 100%; padding-top: 0.4em; padding-bottom: 0.4em; height: 2.4em; box-sizing: border-box; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; }
  .login .login__text.has-ico { padding-left: 3em; padding-right: 1em; background-repeat: no-repeat; background-position: left 0.8em center; }
  .login .login__text.inputPass { background-position: left 1em center; }
  .login__th { display: none; }
  .login__td { flex-grow: 1; flex-shrink: 1; width: 100%; max-width: 100%; }
  .login__Captcha-img { width: 7.2em; max-width: inherit; height: 2.857142857142857em; }
  .login .refresh { display: block; padding: 0.71428em; }
  .login_page { background: #FFFFFF; }
  .login_page h2 { font-size: 17px; line-height: 1.6em; }
  .login_page .container { width: 100%; box-sizing: border-box; padding: 4vw; }
  .login_page .mainblock { background-image: none; border-right: #eaeaea 0px solid; }
  .login_page .login-area { width: 94%; float: none; padding: 5% 3% 5% 3%; border-right: #eaeaea 0px solid; background: #fbfbfb; background-image: none; }
  .login_page .login-area ul li { margin-bottom: 3%; }
  .login_page .login-area h4 { font-size: 17px; font-weight: bold; letter-spacing: 0px; text-align: left; color: #484848; }
  .login_page .login-area .td { padding: 0; width: 100%; }
  .login_page .login-area .th { display: none; }
  .login_page .login-area .info { text-align: left; }
  .login_page .login-area .info .link { display: none; }
  .login_page .login-area .info .linkforgotpwd { float: none; }
  .login_page .login-area .info .linkfaq { display: none; }
  .login_page .login-area .btn-zone { text-align: left; margin: 3% auto; padding: 0; background: none; }
  .login_page .login-area .btn-zone a { display: block; text-align: center; margin: 0; cursor: pointer; }
  .login_page .login-area .icon.ico-signup-page { background-position: 3px -600px; padding-left: 20px; float: left; }
  .login_page .login-area .icon.ico-use-dynkb { display: none; }
  .login_page .login-area .bgshadow { display: none; }
  .login_page .login-area .title-area { margin-bottom: 1%; }
  .login_page .login-area .title-area .capslock { visibility: hidden; }
  .login_page .remind { display: none; }
  hr { display: none; }
  h4.bill { background: #fbfafa; font-size: 17px; margin: 0; padding: 3% 3% 1% 3%; }
  .billbox { position: relative; background: #fbfafa; border: 1px solid #fbfafa; }
  .billbox .bill-item { border-bottom: #e6e6e6 1px solid; padding: 8px 3%; color: #4a4a4a; }
  .billbox .bill-item h5 { padding: 2% 0; display: inline-block; text-align: left; width: 90px; font-size: 15px; }
  .billbox .bill-item .rdata { padding: 2% 0; display: inline-block; text-align: left; font-size: 15px; }
  .chooseway { margin: 3vw 3%; border: #dcdcdc 2px solid; border-radius: 5px; }
  .chooseway a, .chooseway .way { display: block; zoom: 1; margin: 0 auto; border: none; border-radius: 0px; padding: 3% 3%; }
  .chooseway a .icon, .chooseway .way .icon { background: url(../images/payway.png) no-repeat left top; width: 50px; height: 50px; color: #666666; display: inline-block; vertical-align: middle; margin-right: 15px; }
  .chooseway a h5, .chooseway .way h5 { font-size: 17px; line-height: 14px; padding-bottom: 0.5em; color: #666666; }
  .chooseway a p, .chooseway .way p { line-height: 16px; color: #666666; }
  .chooseway a br, .chooseway .way br { display: block; }
  .chooseway a .info, .chooseway .way .info { font-size: 12px; }
  .chooseway a .rdata, .chooseway .way .rdata { display: inline-block; vertical-align: middle; width: calc(100% - 65px); }
  .chooseway a.way_mma, .chooseway .way.way_mma { border-top-left-radius: 5px; border-top-right-radius: 5px; }
  .chooseway a.way_mma .icon, .chooseway .way.way_mma .icon { background-position: 0 0; }
  .chooseway a.way_atm, .chooseway .way.way_atm { display: none !important; }
  .chooseway a.way_atm .icon, .chooseway .way.way_atm .icon { background-position: 0 -50px; }
  .chooseway a.way_atm.show, .chooseway .way.way_atm.show { display: inline-block !important; }
  .chooseway a.way_other .icon, .chooseway .way.way_other .icon { background-position: 0 -100px; }
  .chooseway a.way_fun, .chooseway .way.way_fun { display: none; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
  .chooseway a.way_fun .icon, .chooseway .way.way_fun .icon { background-position: 0 -150px; }
  .chooseway a:hover, .chooseway .way:hover { background-color: #f3f3f3; }
  .chooseway a:hover h5, .chooseway a:hover p, .chooseway .way:hover h5, .chooseway .way:hover p { color: #e54646; }
  .chooseway a:hover.way_mma .icon, .chooseway .way:hover.way_mma .icon { background-position: -50px 0; }
  .chooseway a:hover.way_atm .icon, .chooseway .way:hover.way_atm .icon { background-position: -50px -50px; }
  .chooseway a:hover.way_other .icon, .chooseway .way:hover.way_other .icon { background-position: -50px -100px; }
  .chooseway a:hover.way_fun .icon, .chooseway .way:hover.way_fun .icon { background-position: -50px -150px; }
  .chooseway a.guild, .chooseway .way.guild { border: none; }
  .chooseway .way .openblock h5 { padding-bottom: 0; }
  .chooseway .way .openblock ul.formtable { /*margin: 0 -10px -10px -10px;width: calc(100% + 20px);*/ display: block; }
  .chooseway .way .openblock ul.formtable > li { display: flex; justify-content: space-around; align-items: flex-start; padding: 1vw 0; }
  .chooseway .way .openblock ul.formtable > li > h5 { flex: 1 1 35%; box-sizing: border-box; }
  .chooseway .way .openblock ul.formtable > li > .td { flex: 1 1 65%; padding-left: 3%; box-sizing: border-box; }
  .chooseway .way .openblock ul.formtable > li > .td.colspan2 { padding-left: 0; }
  .chooseway.guild { border: #d0983c 2px solid; }
  .note { margin: 0; padding: 5% 3%; background: #f7f7f7; }
  .btable { margin: 5% 3%; width: 94%; }
  .btable table.detail { margin: 0 auto; width: 100%; }
  .btable table.detail th, .btable table.detail td { padding: 2% 3%; white-space: nowrap; }
  .status { margin-top: 0; }
  .status.confirm div input { margin-left: 0; margin: 2% auto 0 auto; }
  .status.confirm div div { text-align: left; }
  .error_page { background: #FFF; }
  .error_icon { display: block; margin: 3% auto; width: 100%; text-align: center; }
  .error_icon img { width: 90%; height: auto; }
  .error_description { display: block; margin-left: 0px; width: 100%; text-align: center; }
  .error_description img { width: 90%; height: 100%; }
  .error_description p { line-height: 30px; font-size: 15px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; }
  .sorry { margin: 3% auto; }
  .error_page .btn-zone { margin: 15px auto; background: #FFF; }
  .mcon { font-size: 16px; padding: 3% 0; }
  .mcon h3 { margin: 0px auto; color: #666666; }
  .mcon .mailcontent { margin: 5% auto 0 auto; border: #e1e1e1 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #FFF; box-sizing: border-box; padding: 3%; }
  .mcon caption { white-space: nowrap; padding: 5px; line-height: 25px; }
  .mcon table.detail th, .mcon table.detail td { color: #000000; }
  .mfoot { padding: 0% 0; }
  .mfoot .note { margin: 0 auto; padding: 3% 0; }
  .inside_banner a, .left_banner a { display: block; }
  .inside_banner img, .left_banner img { width: 100%; height: auto; }
  .get_ticket .con { min-height: 100px; }
  .get_ticket .info_success { text-align: center; }
  .get_ticket .info_success p { line-height: 100px; font-size: 18px; color: #000; }
  ul.datatable { display: table; width: 100%; border-collapse: collapse; text-align: center; margin: 2% auto 3% auto; }
  ul.datatable h5 { white-space: nowrap; }
  ul.datatable > li > div.m-hide, ul.datatable h5.m-hide { display: none; }
  ul.datatable > li > div:first-child span { display: block; }
  ul.datatable > li > div:last-child { width: 60px; max-width: 60px; padding-left: 0; padding-right: 0; }
  ul.datatable > li > div:last-child .btn-zone { display: flex; flex-direction: column; align-items: center; text-align: center; }
  ul.datatable > li > div:last-child .btn-zone a.nbtn { width: 40px; margin: 1vw; }
  ul.datatable > li > div:last-child .btn-zone a.nbtn:first-child { margin-left: 1vw; }
  ul.datatable > li > div:nth-child(4) { width: 57px; }
  .radio_block { width: auto; display: table; margin: 0 auto; }
  .radio_block li { display: table-row; white-space: nowrap; padding-left: 2%; box-sizing: border-box; }
  .radio_block.row6 li { width: 33.33%; float: left; }
  .radio_block.row6:after { display: block; content: ''; clear: both; }
  .radio_block.row3 li { width: 50%; float: left; }
  .radio_block.row3:after { display: block; content: ''; clear: both; }
  .radio_block.row2 li { width: 100%; float: left; }
  .radio_block.row2:after { display: block; content: ''; clear: both; }
  .radio_block.large { flex-wrap: wrap; }
  .radio_block.large li { width: 100%; margin-left: 0; }
  .total { margin: 3.5% auto 5% auto; padding: 0 2%; }
  ul.formtable .checkdiv-row3 { width: 100%; box-sizing: border-box; }
  ul.formtable .checkdiv-row3 > li { width: 50%; }
  ul.formtable div.td div.tips { white-space: pre-wrap; }
  .checkdiv.size-s { width: 100%; }
  .notebox { margin-top: 0; margin-bottom: 0; }
  .filter { margin: 0 auto; padding: 4vw; box-sizing: border-box; }
  .filter_page ul.datatable > li > div { font-size: 12px; }
  .filter__row { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
  .filter__title { margin-bottom: 0.7em; }
  .filter__picker { margin-left: 0; margin-right: 0; margin-bottom: 0.7em; }
  .filter__date { width: 100%; }
  .filter__picker .filter__date { padding: 0 0.3em; }
  .filter__to { padding: 0 0.3em; }
  .filter__btn-block { flex-grow: 1; flex-shrink: 1; width: 100%; }
  .setModule__link.single { margin-left: 2vw; }
  .setModule__link + .datatable > li > div { font-size: 12px; }
  .tab__nav { box-sizing: border-box; padding: 0 2vw; }
  .tab__navtab { flex-grow: 1; flex-shrink: 1; width: 100%; white-space: nowrap; }
  .rtable { margin: 3vw 3vw; width: calc(100% - 6vw); }
  .rtable__cell { padding: 0.3em 0 0.3em 0; }
  .rtable__th { display: none; }
  .rtable__row.line { border-bottom: #dddddd 1px solid; }
  .rtable__account { padding: 0 10px; line-height: 38px; display: block; }
  .openblock .rtable { margin: 3vw auto 0 auto; width: 100%; }
  .m-gapblock { margin-left: 3%; margin-right: 3%; }
  .m-flex { display: flex; } }
@media screen and (max-width: 345px) { .consent { margin: 0 0%; }
  .setModule__nav { margin: 0 auto; width: 100%; max-width: 70vw; flex-direction: column; justify-content: center; align-items: flex-start; }
  .setModule__item { margin-left: 0; margin-right: 0; margin-bottom: 1em; }
  .setModule__item:last-child { margin-bottom: 0; } }
@media screen and (min-width: 769px) { section.content .mainnav { display: block !important; }
  .mainnav.sidebar { display: none !important; }
  .ui-combobox { width: 255px !important; }
  .cycle-slideshow .slide-templates { display: block !important; }
  .main_container { background-image: url(../images/backgrounds/content_bg.png); background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat; }
  .main_container .owl-carousel { display: none !important; }
  .main_container .container { /*20190710 background:url(../images/main_container.png) repeat-y left top; padding-bottom:50px;*/ }
  .main_container.index_page .container { background: none; padding-top: 300px; width: 962px; text-align: center; padding-bottom: 50px; }
  .main_container.adindex .container { background: none; padding-top: 350px; width: 94vw; min-width: inherit; max-width: 962px; text-align: center; }
  .main_container.error_page .container { background: none; padding-top: 0; text-align: center; }
  .main_container.news_page .container { background: none; padding-top: 0; }
  .cycle-pager { text-align: left; height: 20px; z-index: 500; position: absolute; top: 28.58627858627859vw; overflow: hidden; background: url(../images/cycle-bar.png) no-repeat left 1px; right: 12px; line-height: 20px; /*20190627*/ }
  section.list { padding: 0 30px; }
  input[type="text"], input[type="password"], input[type="tel"] { font-size: 15px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; line-height: 38px; padding: inherit; padding: 0 10px; height: 38px; }
  .Small { width: 122px; }
  .Med { width: 265px; }
  .Med2 { width: 295px; }
  .Large { width: 350px; }
  .Bfont { font-size: 22px; font-weight: bold; }
  .row2 { width: 47.5%; }
  .error_tips { text-align: left; color: #e54646; background: url(../images/icon_Ierror.png) no-repeat; background-size: 20px 19px !important; padding-left: 30px; line-height: 20px; margin: 5px auto; }
  .mainblock { width: 650px; /*20190710 float:left;*/ padding: 15px 0 50px 0; margin-left: 50px; }
  .mainblock h2 { font-size: 19px; }
  .mainblock h4.square { background: url(../images/newicons.png) no-repeat left -66px; padding-left: 21px; margin-bottom: 0.5em; }
  .mainblock h4.bill { background: url(../images/newicons.png) no-repeat left -200px; padding-left: 24px; }
  .mainblock .billbox { position: relative; background: #fbfafa; border: 1px solid #fbfafa; margin-top: 10px; margin-bottom: 20px; }
  .mainblock .billbox .bill-item { border-bottom: #e6e6e6 1px solid; padding: 8px 15px; color: #4a4a4a; }
  .mainblock .billbox .bill-item h5 { padding: 8px 0; display: inline-block; margin-right: 20px; text-align: right; width: 135px; font-size: 15px; }
  .mainblock .billbox .bill-item .rdata { padding: 8px 0; display: inline-block; text-align: left; font-size: 15px; }
  .mainblock .billbox:after, .mainblock .billboxx:before { bottom: 100%; left: 8%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
  .mainblock .billbox:after { border-color: rgba(251, 250, 250, 0); border-bottom-color: #fbfafa; border-width: 10px; margin-left: -10px; }
  .mainblock .billbox:before { border-color: rgba(251, 250, 250, 0); border-bottom-color: #fbfafa; border-width: 11px; margin-left: -11px; }
  .login_page .mainnav { min-height: 450px; }
  .login_page .login-area { background: #fff url(../images/singlepage_bg02.png) no-repeat center top; min-height: 400px; position: relative; padding-bottom: 15px; margin-bottom: 15px; margin-top: 20px; border-radius: 5px; border: #eaeaea 1px solid; }
  .login_page .login-area ul { padding-top: 50px; }
  .login_page .login-area ul li { margin-bottom: 14px; }
  .login_page .login-area h4 { font-size: 24px; font-weight: bold; letter-spacing: 2px; text-align: center; margin-bottom: 30px; }
  .login_page .login-area .th { font-size: 15px; text-align: right; width: 32%; line-height: 33px; vertical-align: top; }
  .login_page .login-area .td { width: 260px; }
  .login_page .login-area .th, .login_page .login-area .td { padding-left: 5px; padding-right: 5px; display: inline-block; vertical-align: top; }
  .login_page .login-area .info { text-align: center; }
  .login_page .login-area .info a:before { content: '> '; display: inline-block; }
  .login_page .login-area .info .linkforgotpwd { float: left; }
  .login_page .login-area .info .linkfaq { float: right; }
  .login_page .login-area .btn-zone { text-align: left; margin: 0; }
  .login_page .login-area .btn-zone a { display: block; text-align: center; margin: 0; cursor: pointer; width: 260px; }
  .login_page .login-area .icon.ico-signup-page { background-position: 3px -600px; padding-left: 20px; float: left; }
  .login_page .login-area .icon.ico-use-dynkb { background-position: 3px -635px; padding-left: 22px; float: right; }
  .login_page .login-area .bgshadow { margin-top: 20px; margin-bottom: 15px; }
  .login_page .login-area .dynKeyBoard { position: absolute; bottom: -40px; right: 210px; }
  .login_page .login-area .title-area { position: relative; }
  .login_page .login-area .title-area .capslock { visibility: hidden; text-align: center; height: 17px; padding-top: 5px; }
  .login_page .remind { text-align: center; }
  .mcon { background: #f9f9f9; font-size: 16px; padding: 25px 0; }
  .mcon h3 { width: 700px; margin: 0px auto; color: #666666; }
  .mcon .mailcontent { width: 700px; margin: 25px auto 0 auto; border: #e1e1e1 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #FFF; box-sizing: border-box; padding: 10px 25px; }
  .mcon caption { white-space: nowrap; padding: 5px; line-height: 25px; }
  .mfoot { padding: 15px 0; }
  .mfoot .note { width: 700px; margin: 0 auto; }
  .single_page .container { background: none; width: 100%; padding: 0 0 50px 0; }
  .inside_banner a { display: block; }
  .inside_banner img { width: 650px; height: auto; }
  .left_banner a { display: block; }
  .left_banner img { width: 250px; height: auto; }
  .get_ticket .box_wrapper { min-height: 463px; }
  .get_ticket .con { min-height: 212px; }
  .get_ticket .info_success { width: 300px; text-align: center; }
  .get_ticket .info_success p { line-height: 212px; font-size: 22px; color: #000; }
  .full-width .container { width: 700px; background: none; min-width: 700px; padding: 0 50px; box-sizing: border-box; }
  .full-width .mainblock { width: 100%; float: none; margin-left: 0px; } }
.parking_fee_pay li *:first-child { white-space: nowrap; }

.main-sidebar-wrapper { height: 100%; overflow-x: hidden; overflow-y: auto; position: relative; }

.ui-combobox { position: relative; height: 100%; box-sizing: border-box; display: block; }

.ui-combobox-input { cursor: pointer; width: 100%; padding: 0 10px; font-weight: normal; background: #f3f3f3; border: #f3f3f3 1px solid; line-height: 38px; height: 38px; box-sizing: border-box; }

.ui-state-default { border: none; }

.ui-combobox-input:focus { cursor: inherit; }

.ui-combobox .ui-button { right: 0.5em; left: auto; margin: 0 auto; position: absolute; top: 0; bottom: 0; height: 100%; background: url(../images/select.png) no-repeat right 10px center; }

.ui-combobox .ui-icon-triangle-1-s { background: none; }

.ui-autocomplete { max-height: 300px; overflow-x: hidden; overflow-y: auto; }

.ui-menu .ui-menu-item { list-style: none; padding: 0; border: none; }

.ui-autocomplete .ui-menu-item-wrapper, .ui-autocomplete .ui-menu-item > a { border: #eeeeee 1px solid; color: #474747; font-weight: normal; padding: .5em; line-height: 1.5em; display: block; margin: 0 .2em; }

.ui-autocomplete .ui-menu-item > a.ui-state-focus { font-weight: normal; border: 1px solid #d0983c; }

.codebox { border: #d0983c 1px solid; box-sizing: border-box; padding: 3% 5%; color: #d0983c; text-align: left; margin: 3% auto; line-height: 1.4em; }

.collapse-check-all { font-size: 15px; margin: 4px 16px; color: #666; }

.collapse { border: 1px solid #E6E6E6; }
.collapse + .collapse { margin-top: -1px; }
.collapse__toggle { font-size: 15px; position: relative; background-color: #efefef; display: flex; align-items: center; color: #666; line-height: 40px; border-bottom: 1px solid #E6E6E6; margin-bottom: -1px; padding-left: 16px; padding-right: 40px; padding-top: 8px; padding-bottom: 8px; cursor: pointer; }
.collapse__toggle-label { white-space: nowrap; padding-left: 28px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.728 5.414L14.314 4l-7.071 7.071-2.829-2.828L3 9.657l2.828 2.828L7.243 13.9l1.414-1.415 7.07-7.07z' fill='%238AD529'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 0 50%; background-size: 18px 18px; }
.collapse__toggle-icon { width: 40px; height: 40px; position: absolute; display: inline-block; right: 8px; top: 50%; margin-top: -20px; }
.collapse__toggle-icon:before, .collapse__toggle-icon:after { content: ''; display: block; height: 2px; width: 12px; background-color: #959595; position: absolute; left: 50%; top: 50%; margin-top: -1px; margin-left: -6px; }
.collapse__toggle-icon:after { transform: rotate(-90deg); transition: transform 0.25s; }
.collapse--active .collapse__toggle-icon:after { transform: none; }
.collapse__toggle input[type=checkbox]:not(old) + label { background-position: 0 0; }
.collapse__toggle .formtable--left { margin-left: -10px; border-spacing: 10px 0; }
.collapse__toggle .formtable--left h5 { min-width: 0; }
.collapse__content { max-height: 0; overflow: hidden; transition: max-height 0.3s; }
.collapse--active .collapse__content { max-height: 2000px; }
.collapse__content .formtable { padding-top: 10px; padding-bottom: 10px; }

header.header { background: transparent; border-bottom: 0; }
header.header--abs { position: absolute; }
header.header--dark { background-color: #12213a; }
@media (max-width: 768px) { header.header { background: rgba(0, 0, 0, 0.6); } }
header.header .container { padding: 0; display: block; }

.header__inner { display: flex; justify-content: space-between; align-items: center; min-height: 84px; padding: 16px 1.2vw; background: transparent; }
@media (max-width: 768px) { .header__inner { min-height: 60px; padding: 2.0833333333vw 5.2083333333vw; } }
.header.Max-W960 .header__inner { margin: 0 auto; max-width: 960px; width: 100%; padding: 16px 0; }
@media (max-width: 768px) { .header.Max-W960 .header__inner { padding: 2.0833333333vw 5.2083333333vw; } }
.header .left-pane .header__logo a { display: block; width: 150px; height: auto; margin: 0; max-width: 220px; }
@media (max-width: 768px) { .header .left-pane .header__logo a { width: 33.8541666667vw; } }
.header .left-pane .header__logo a img { max-width: 100%; height: 100%; vertical-align: middle; }
.header .left-pane .header-title { color: #ffffff; font-size: 18px; font-weight: bold; white-space: nowrap; margin: 0; padding: 0; border: 0; }
@media (max-width: 768px) { .header .left-pane .header-title { font-size: 5.2083333333vw; } }
.header .left-pane .header-line { width: 2px; height: 20px; background-color: #ffffff; display: inline-block; margin: 0 18px; }
@media (max-width: 768px) { .header .left-pane .header-line { height: 4.1666666667vw; margin: 0 2.8645833333vw; } }
.header-nav { font-size: 16px; font-weight: bold; }
.header-nav__menu { display: flex; justify-content: center; align-items: center; }
.header-nav__item { margin-left: 32px; }
@media screen and (max-width: 1440px) { .header-nav__item { margin-left: 2vw; } }
.header-nav__item:last-child { margin-left: 42px; padding-right: 16px; }
@media screen and (max-width: 1440px) { .header-nav__item:last-child { margin-left: 3.5vw; } }
@media (max-width: 768px) { .header-nav__item:last-child { margin-left: 0; padding-right: 2.0833333333vw; } }
.header-nav__link { display: inline-block; line-height: 1.5; white-space: nowrap; color: #666666; }
@media screen and (max-width: 981px) { .header-nav__link { color: #ffffff; } }
.header-nav__link.text-white { color: #ffffff; }
.header-nav__link:hover { color: #dfa340; }
.header-nav__btn { color: #fff; display: inline-block; font-size: 18px; font-weight: bold; box-shadow: 0px 2px 10px 0 rgba(102, 102, 102, 0.3); padding: 7px 22px; line-height: 1; text-decoration: none; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; border-radius: 16px; transition: all .175s, color .175s; }
@media (max-width: 768px) { .header-nav__btn { padding: 1.4322916667vw 2.6041666667vw; font-size: 3.90625vw; background: #dfa340; border-radius: 3.3854166667vw; } }
.header-nav__btn:hover { transform: translateY(-2px); }
.header-nav__btn.btn-theme--dark { background-color: #203e5b; }
@media (max-width: 768px) { .header-nav__btn.btn-theme--dark { background-color: #dfa340; } }
.header-nav__btn.btn-theme--light { background-color: #dfa340; }
.header-icon { display: inline-flex; align-items: center; }
.header-icon::before { content: ''; width: 20px; height: 18px; display: block; margin-right: 6px; background-repeat: no-repeat; background-size: contain; vertical-align: middle; }
.header-icon--service::before { background-image: url(../images/icon-service.png); }
.header-icon--issue::before { background-image: url(../images/icon-issue.png); }
.header-icon--dacard::before { background-image: url(../images/icon-dacard.png); }

.index_wrap { width: 100%; position: relative; display: flex; justify-content: center; align-items: stretch; }
@media screen and (max-width: 981px) { .index_wrap { flex-direction: column; } }
.index_item:first-child { flex-grow: 1; width: 25%; }
@media screen and (max-width: 981px) { .index_item:first-child { width: 100%; } }
.index_item:last-child { width: 50%; padding-top: 84px; }
@media screen and (max-width: 1440px) { .index_item:last-child { flex-grow: 2; padding-top: 70px; } }
@media screen and (max-width: 1024px) { .index_item:last-child { padding-top: 84px; } }
@media screen and (max-width: 981px) { .index_item:last-child { height: auto; width: 100%; padding-top: 3.90625vw; padding-bottom: 3.90625vw; } }
@media (max-width: 768px) { .index_item:last-child { padding-bottom: 29.9479166667vw; } }
.index #indexbanner a { width: 100%; }
.index #indexbanner .item { height: 1080px; background-size: cover; background-position: center; background-repeat: no-repeat; }
@media (max-width: 1200px) { .index #indexbanner .item { background-position: top center; } }
@media (max-width: 768px) { .index #indexbanner .item { height: auto; min-height: 101.5625vw; background-size: 100% auto; } }
.index_banner .owl-carousel .owl-controls { position: absolute; bottom: 68px; left: 0; right: 0; }
@media (max-width: 768px) { .index_banner .owl-carousel .owl-controls { bottom: 4%; } }
.index_banner .owl-carousel .owl-pagination { display: flex; justify-content: center; align-items: center; }
.index_banner .owl-carousel .owl-page { width: 8px; height: 8px; border-radius: 99em; background: #ffffff; margin: 0 7px; }
@media (max-width: 768px) { .index_banner .owl-carousel .owl-page { width: 16px; height: 16px; margin: 0 1.8229166667vw; } }
@media screen and (max-width: 425px) { .index_banner .owl-carousel .owl-page { width: 8px; height: 8px; } }
.index_banner .owl-carousel .owl-page.active { width: 12px; height: 12px; background: #dfa340; }
@media (max-width: 768px) { .index_banner .owl-carousel .owl-page.active { width: 25px; height: 25px; } }
@media screen and (max-width: 425px) { .index_banner .owl-carousel .owl-page.active { width: 12px; height: 12px; } }
.index_content { background: top/cover no-repeat url(../images/backgrounds/cindexmask_pc.png), 100% 2%/616px 596px no-repeat url(../images/backgrounds/cindexbg_pc.png); }
@media screen and (max-width: 1024px) { .index_content { background: top/100% 114% no-repeat url(../images/backgrounds/cindexmask_pc.png), 300px 60px/60vw auto no-repeat url(../images/backgrounds/cindexbg_pc.png); } }
@media (max-width: 768px) { .index_content { background: top/100% auto no-repeat url(../images/backgrounds/cindexmask_mb.png), center 120px/100% auto repeat-y url(../images/backgrounds/cindexbg_mb.png); } }

.index_nav-wrap { margin: auto; width: 100%; height: 100%; font-weight: bold; padding: 0 20px; }
@media screen and (max-width: 1440px) { .index_nav-wrap { margin: auto 0 0; padding: 0 2.08%; } }
@media screen and (max-width: 1024px) { .index_nav-wrap { margin: auto; } }
@media (max-width: 768px) { .index_nav-wrap { padding: 0 2.6041666667vw; }
  .index_nav-wrap div.whitesShadow { background-color: #ffffff; box-shadow: 0 0 20px 20px #ffffff; } }
.index_nav--head { font-size: 26px; color: #203e5b; text-align: left; display: flex; }
.index_nav--head.m-hide { display: block; }
@media (max-width: 768px) { .index_nav--head.m-hide { display: none; } }
@media screen and (max-width: 1024px) { .index_nav--head { font-size: 20px; } }
@media (max-width: 768px) { .index_nav--head { font-size: 6.5104166667vw; margin-bottom: 5.2083333333vw; margin-top: 20.3125vw; } }
.index_nav--head::after { flex-grow: 1; height: 1px; content: ''; background-color: #ddd; position: relative; top: .5em; margin-left: 12px; }
@media (max-width: 768px) { .index_nav--head::after { content: none; } }
.index_nav--head.growS::after { flex-grow: 0.71; }
@media screen and (max-width: 1024px) { .index_nav--head.growS::after { flex-grow: 1; } }
.index_nav-list { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 30px 20px 50px; }
@media (max-width: 768px) { .index_nav-list { margin: 48px auto; } }
.index_nav-list > li { margin: 0 20px 1.2em; }
@media (max-width: 768px) { .index_nav-list > li { width: calc((100% / 4) ); margin: 0 0 2em 0; } }
.index_nav-list > li:hover .index_nav--title, .index_nav-list > li:focus .index_nav--title { color: #dfa340; }
.index_nav-list > li:hover .icon-jiaofei, .index_nav-list > li:focus .icon-jiaofei { background: center/contain url(../images/icon/icon_index-h1.png) no-repeat; }
.index_nav-list > li:hover .icon-changyong, .index_nav-list > li:focus .icon-changyong { background: center/contain url(../images/icon/icon_index-h2.png) no-repeat; }
.index_nav-list > li:hover .icon-tising, .index_nav-list > li:focus .icon-tising { background: center/contain url(../images/icon/icon_index-h3.png) no-repeat; }
.index_nav-list > li:hover .icon-geren, .index_nav-list > li:focus .icon-geren { background: center/contain url(../images/icon/icon_index-h4.png) no-repeat; }
.index_nav-list > li:hover .icon-dianfei, .index_nav-list > li:focus .icon-dianfei { background: center/contain url(../images/icon/icon_index-h5.png) no-repeat; }
.index_nav-list > li:hover .icon-shueifei, .index_nav-list > li:focus .icon-shueifei { background: center/contain url(../images/icon/icon_index-h6.png) no-repeat; }
.index_nav-list > li:hover .icon-wasih, .index_nav-list > li:focus .icon-wasih { background: center/contain url(../images/icon/icon_index-h7.png) no-repeat; }
.index_nav-list > li:hover .icon-diansin, .index_nav-list > li:focus .icon-diansin { background: center/contain url(../images/icon/icon_index-h8.png) no-repeat; }
.index_nav-list > li:hover .icon-tingchefei, .index_nav-list > li:focus .icon-tingchefei { background: center/contain url(../images/icon/icon_index-h9.png) no-repeat; }
.index_nav-list > li:hover .icon-jianbao, .index_nav-list > li:focus .icon-jianbao { background: center/contain url(../images/icon/icon_index-h10.png) no-repeat; }
.index_nav-list > li:hover .icon-nianjin, .index_nav-list > li:focus .icon-nianjin { background: center/contain url(../images/icon/icon_index-h11.png) no-repeat; }
.index_nav-list > li:hover .icon-laobao, .index_nav-list > li:focus .icon-laobao { background: center/contain url(../images/icon/icon_index-h12.png) no-repeat; }
.index_nav-list > li:hover .icon-laotuei, .index_nav-list > li:focus .icon-laotuei { background: center/contain url(../images/icon/icon_index-h13.png) no-repeat; }
.index_nav--icon { width: 80px; height: 80px; margin: 0 auto; border-radius: 99em; transition: background .175s; }
@media (max-width: 768px) { .index_nav--icon { width: 18.2291666667vw; height: 18.2291666667vw; } }
.index_nav--title { text-align: center; font-size: 16px; line-height: 1.13; color: #333333; margin-top: 12px; transition: color 0.2s cubic-bezier(0.77, 0.2, 0.05, 1); }
@media (max-width: 768px) { .index_nav--title { font-size: 3.90625vw; line-height: 4.6875vw; } }

.icon-jiaofei { background: center/contain url(../images/icon/icon_index-n1.png) no-repeat; }
.icon-changyong { background: center/contain url(../images/icon/icon_index-n2.png) no-repeat; }
.icon-tising { background: center/contain url(../images/icon/icon_index-n3.png) no-repeat; }
.icon-geren { background: center/contain url(../images/icon/icon_index-n4.png) no-repeat; }
.icon-dianfei { background: center/contain url(../images/icon/icon_index-n5.png) no-repeat; }
.icon-shueifei { background: center/contain url(../images/icon/icon_index-n6.png) no-repeat; }
.icon-wasih { background: center/contain url(../images/icon/icon_index-n7.png) no-repeat; }
.icon-diansin { background: center/contain url(../images/icon/icon_index-n8.png) no-repeat; }
.icon-tingchefei { background: center/contain url(../images/icon/icon_index-n9.png) no-repeat; }
.icon-jianbao { background: center/contain url(../images/icon/icon_index-n10.png) no-repeat; }
.icon-nianjin { background: center/contain url(../images/icon/icon_index-n11.png) no-repeat; }
.icon-laobao { background: center/contain url(../images/icon/icon_index-n12.png) no-repeat; }
.icon-laotuei { background: center/contain url(../images/icon/icon_index-n13.png) no-repeat; }

.nav__list { display: flex; justify-content: space-between; align-items: flex-start; white-space: nowrap; }
.nav__list > li { flex: 1; }
@media (max-width: 768px) { .nav__list > li { width: 100%; border-radius: 3.2552083333vw; background-color: #f2f2f2; margin-bottom: 1.8229166667vw; } }
@media (max-width: 768px) { .nav__list > li.is-show { box-shadow: 0px 1px 1.3020833333vw 0px rgba(77, 77, 77, 0.24); }
  .nav__list > li.is-show .nav__list-lv2 { display: block; opacity: 1; height: 100%; pointer-events: auto; border-radius: 0 0 3.2552083333vw 3.2552083333vw; }
  .nav__list > li.is-show .nav-icon::after { transform: rotateX(180deg); } }
@media (max-width: 768px) { .nav__list { flex-direction: column; } }
.nav__list--head { font-size: 20px; color: #203e5b; text-align: center; margin-top: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
@media (max-width: 1200px) { .nav__list--head { flex-direction: column; font-size: 16px; margin-bottom: 10px; } }
@media (max-width: 768px) { .nav__list--head { font-size: 5.7291666667vw; text-align: left; padding: 5.2083333333vw; margin: 0; flex-direction: row; justify-content: flex-start; } }
.nav__list .nav-icon::before { content: ''; display: inline-block; width: 26px; height: 26px; vertical-align: middle; }
@media screen and (max-width: 1024px) { .nav__list .nav-icon::before { margin-bottom: 2px; } }
@media (max-width: 768px) { .nav__list .nav-icon::before { width: 6.5104166667vw; height: 6.5104166667vw; margin-bottom: 0; margin-right: 1.3020833333vw; } }
.nav__list .nav-icon_cards::before { background: center/cover no-repeat url(../images/icon/icon_cards.svg); }
.nav__list .nav-icon_tel::before { background: center/cover no-repeat url(../images/icon/icon_tel.svg); }
.nav__list .nav-icon_wpg::before { background: center/cover no-repeat url(../images/icon/icon_wpg.svg); }
.nav__list .nav-icon_traffic::before { background: center/cover no-repeat url(../images/icon/icon_traffic.svg); }
.nav__list .nav-icon_tax::before { background: center/cover no-repeat url(../images/icon/icon_tax.svg); }
.nav__list .nav-icon_others::before { background: center/cover no-repeat url(../images/icon/icon_others.svg); }
.nav__list .nav-icon_terms::before { background: center/cover no-repeat url(../images/icon/icon_terms.svg); }
@media (max-width: 768px) { .nav__list .nav-icon::after { content: ''; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5ZyW5bGkXzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzMgMTcuNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzMgMTcuNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjAzRTVCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIzMS41LDEgMTYuNSwxNiAxLjQsMSAiLz4NCjwvc3ZnPg0K); background-repeat: no-repeat; background-position: center; display: inline-block; width: 5.9895833333vw; height: 3.125vw; margin-left: auto; transition: all 0.2 cubic-bezier(0.23, 1, 0.32, 1); } }

.nav__list-lv2 { display: flex; flex-direction: column; align-items: center; }
.nav__list-lv2 > a { color: #666666; font-size: 15px; line-height: 36px; display: block; }
@media screen and (max-width: 1024px) { .nav__list-lv2 > a { font-size: 14px; line-height: 22px; text-align: center; } }
@media (max-width: 768px) { .nav__list-lv2 > a { font-size: 4.1666666667vw; padding: 0 5.2083333333vw; position: relative; text-align: left; line-height: 15.625vw; }
  .nav__list-lv2 > a:last-child { padding-bottom: 2.34375vw; }
  .nav__list-lv2 > a:last-child::after { content: none; }
  .nav__list-lv2 > a:after { content: ''; display: block; width: 92%; height: 2px; background-color: #d0d0d0; margin: auto; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } }
.nav__list-lv2 > a:hover { color: #dfa340; }
@media (max-width: 768px) { .nav__list-lv2 { display: none; opacity: 0; background-color: #fff; border-radius: 3.2552083333vw; height: 0; pointer-events: none; transition: all 0.8s ease-in; } }
@media screen and (max-width: 1024px) { .nav__list-lv2 .lh1 { line-height: 1.2; } }
@media (max-width: 768px) { .nav__list-lv2 .lh1 { line-height: 15.625vw; } }
.nav__list-lv2 .L-hide { display: none; }
@media screen and (max-width: 1024px) { .nav__list-lv2 .L-hide { display: block; } }
@media (max-width: 768px) { .nav__list-lv2 .L-hide { display: none; } }

.m-tabs { display: flex; justify-content: center; align-items: center; }
.m-tabs__tab { width: calc(100% / 2); text-align: center; position: relative; }
.m-tabs__tab > a { display: block; padding: 20px 0; font-size: 5.2083333333vw; color: #203e5b; transition: color 0.15s ease-in; }
@media (max-width: 768px) { .m-tabs__tab > a { color: #888682; } }
.m-tabs__tab:after { content: ""; position: absolute; background-color: #203e5b; display: block; width: 0; height: 4px; transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); left: 0; bottom: 0; z-index: 2; }
.m-tabs__tab:before { content: ''; display: block; width: 100%; height: 4px; background-color: #cacaca; position: absolute; bottom: 0; transition: background-color 0.2s ease-in; }
.m-tabs__tab.is-active > a { color: #203e5b; }
.m-tabs__tab.is-active:after { width: 100%; }
@media (max-width: 768px) { .m-tabs__inner { display: none; }
  .m-tabs__inner.is-show { display: block; background-color: #fff; box-shadow: 0 0 20px 20px #fff; } }

.fixed-nav { position: fixed; right: 16px; top: 70%; transform: translateY(-70%); }
@media (max-width: 768px) { .fixed-nav-item { width: 11.71875vw; height: 11.71875vw; min-width: 45px; min-height: 45px; border-radius: 99em; background-color: #dfa340; box-shadow: 0 2px 4px rgba(49, 49, 49, 0.4); margin: 12px auto; display: flex; } }
.fixed-nav-item--DacardBlue { background-color: #1c3c57; }
@media (max-width: 768px) { .fixed-nav-link { width: 6.5104166667vw; height: 6.5104166667vw; display: block; margin: auto; } }
.fixed-nav-link--mb { width: 10.4166666667vw; height: 10.4166666667vw; }
.fixed-nav-link--issue { background: center/cover url(../images/fixed-issue.png) no-repeat; }
.fixed-nav-link--service { background: center/cover url(../images/fixed-service.png) no-repeat; }
.fixed-nav-link--dacard { background: center/cover url(../images/fixed-dacard.svg) no-repeat; }

.smartBn { display: none; }

@media (max-width: 768px) { .smartBn { position: fixed; z-index: 10000; background-color: #ffffff; width: 100%; left: 0; top: auto; bottom: 0; right: auto; padding: 20px 10px; display: flex; box-shadow: 0 0 4px 0 #000; }
  .smartBn.is-hide { display: none; } }
@media (max-width: 768px) and (max-width: 320px) { .smartBn { padding: 12px 6px 16px; } }
@media (max-width: 768px) { .smartBn-close { position: relative; width: 16px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
  .smartBn-close::before, .smartBn-close::after { content: ''; width: 16px; height: 2px; border-radius: 4px; background-color: #020202; display: inline-flex; align-items: center; position: absolute; }
  .smartBn-close::after { transform: rotate(45deg); }
  .smartBn-close::before { transform: rotate(-45deg); }
  .smartBn-icon { width: 48px; margin: 0 10px; }
  .smartBn-content { display: flex; align-items: center; justify-content: center; flex: 1; }
  .smartBn-text { font-weight: bold; }
  .smartBn-text > span { font-size: 16px; color: #1c3c57; white-space: nowrap; }
  .smartBn-text p { margin-top: 10px; font-size: 14px; color: #333333; line-height: 1.2; } }
@media (max-width: 768px) and (max-width: 321px) { .smartBn-text > span { font-size: 12px; }
  .smartBn-text br { display: none; } }
@media (max-width: 768px) { .smartBn-btn { margin: auto; }
  .smartBn-btn a { font-size: 14px; padding: 8px; background-color: #dfa340; color: #ffffff; display: inline-block; white-space: nowrap; } }
.o-iconAction { position: absolute; right: calc(350px - 260px); top: 50%; transform: translateY(-50%); cursor: pointer; }
@media (max-width: 768px) { .o-iconAction { right: 10px; } }
.o-iconAction::before { content: ''; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; width: 24px; height: 24px; }

.o-icon--eye::before { background-image: url(../images/icon/icon-eye-close.svg); }
.o-icon--eye--active::before { background-image: url(../images/icon/icon-eye-open.svg); }

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.owl-prev, .owl-next { position: absolute; top: 43%; left: 0%; margin-top: -12px; width: 50px; height: 50px; color: transparent; background: transparent; opacity: .8; z-index: 9999; }
.owl-prev::before, .owl-next::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; width: 30px; height: 30px; border-left: 3px solid #FFF; border-bottom: 3px solid #FFF; box-sizing: border-box; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.owl-prev:hover, .owl-next:hover { opacity: 1; }

.owl-next { left: auto; right: 0%; }
.owl-next::before { -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }