@charset "UTF-8";
/******* seec app *******/
/**
 * respond( $a [ ,$b ] )
 * Generate media quereis string
 *
 * @include respond( 0, 799 ) {}    // <=800  (0~800)
 * @include respond( 800, 1199 ) {} // 800~1199
 * @include respond( 1200 ) {}      // >=1200
 */
/**
 * Cozy Layout ( 1440+ )
 */
/**
 * Compact Layout ( 0~1280 )
 */
/**
 * pad Layout ( 0~992 )
 */
/**
 * Mobile Layout ( 0~768 )
 */
/**
 * Mobile Layout ( 0~640 )
 */
/**
 * Mobile Layout ( 0~480 )
 */
/**
 * Mobile Layout ( 0~414 )
 */
/**
 * Mobile Layout ( 0~390 )
 */
/**
 * Mobile Layout ( 0~375 )
 */
/**
 * Mobile Layout ( 0~320 )
 */
/**
 * Box-sizing
 */
/**
 * clearfix
 */
/**
 * font-family
 */
/**
 * hide text
 */
/**
 * border-radius
 */
/**
 * box-shadow
 */
/**
 * background-gradient
 */
/**
 * columns
 */
/**
 * Opacity
 */
/**
 * other minins by yougi
 */
/******* seec app *******/
/**
 * respond( $a [ ,$b ] )
 * Generate media quereis string
 *
 * @include respond( 0, 799 ) {}    // <=800  (0~800)
 * @include respond( 800, 1199 ) {} // 800~1199
 * @include respond( 1200 ) {}      // >=1200
 */
/**
 * Cozy Layout ( 1440+ )
 */
/**
 * Compact Layout ( 0~1280 )
 */
/**
 * pad Layout ( 0~992 )
 */
/**
 * Mobile Layout ( 0~768 )
 */
/**
 * Mobile Layout ( 0~640 )
 */
/**
 * Mobile Layout ( 0~480 )
 */
/**
 * Mobile Layout ( 0~414 )
 */
/**
 * Mobile Layout ( 0~390 )
 */
/**
 * Mobile Layout ( 0~375 )
 */
/**
 * Mobile Layout ( 0~320 )
 */
/**
 * Box-sizing
 */
/**
 * clearfix
 */
/**
 * font-family
 */
/**
 * hide text
 */
/**
 * border-radius
 */
/**
 * box-shadow
 */
/**
 * background-gradient
 */
/**
 * columns
 */
/**
 * Opacity
 */
/**
 * other minins by yougi
 */
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap");
/* line 5, ../sass/frame/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-family: 微軟正黑體, sans-serif;
}

/* HTML5 display-role reset for older browsers */
/* line 27, ../sass/frame/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 31, ../sass/frame/_reset.scss */
body {
  font-family: 微軟正黑體, sans-serif;
  line-height: 1;
  font-size: 1em;
  color: black;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
}

/* line 39, ../sass/frame/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 42, ../sass/frame/_reset.scss */
.clearfix {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* line 43, ../sass/frame/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 46, ../sass/frame/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 51, ../sass/frame/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * Add from html5doctor.com Reset Stylesheet
 */
/* line 59, ../sass/frame/_reset.scss */
del {
  text-decoration: line-through;
}

/* change border colour to suit your needs */
/* line 64, ../sass/frame/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* line 73, ../sass/frame/_reset.scss */
input, select {
  vertical-align: middle;
}

/**
 * Hyperlinks
 */
/* line 4, ../sass/frame/_general.scss */
a {
  color: #0077b1;
  text-decoration: none;
}

/* line 8, ../sass/frame/_general.scss */
a:hover {
  text-decoration: underline;
}

/* line 11, ../sass/frame/_general.scss */
a[target=_blank]:hover {
  color: #be252c;
}

/* line 14, ../sass/frame/_general.scss */
a.ad,
a.important {
  color: #be252c;
}

/* line 18, ../sass/frame/_general.scss */
a img {
  border: none;
}

/**
 * Form Elements
 */
/* line 25, ../sass/frame/_general.scss */
textarea,
input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=button],
input[type=submit] {
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 39, ../sass/frame/_general.scss */
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus {
  outline: none;
}

/**
 * Common Class Names
 */
/* line 51, ../sass/frame/_general.scss */
.hide {
  display: none;
}

/* line 54, ../sass/frame/_general.scss */
.invisible {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  position: absolute;
  left: -99999px;
  top: -99999px;
}

/* line 119, ../sass/define/___mixins.scss */
.clearfix {
  zoom: 1;
}
/* line 122, ../sass/define/___mixins.scss */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

/* line 63, ../sass/frame/_general.scss */
.clearself {
  overflow: hidden;
}

/**
 * inner content style reset
 */
/* line 70, ../sass/frame/_general.scss */
.content p {
  margin: 1.2em 0;
}

/* line 73, ../sass/frame/_general.scss */
.content * {
  line-height: 170%;
}

/* line 76, ../sass/frame/_general.scss */
.content ul,
.content ol {
  margin: 1.2em 0 1.2em 2em;
}

/* line 80, ../sass/frame/_general.scss */
.content ul {
  list-style: disc;
}

/* line 83, ../sass/frame/_general.scss */
.content ol {
  list-style: decimal;
}

/**
 * .button
 * .button.blue
 * .button.grey (or .button.gray)
 * .button.large    // shadow style
 * .button.medium   // shadow style
 * .button.small
 * .button.disabled
 */
/* line 10, ../sass/frame/_button.scss */
.button {
  /** active/pressed **/
  /**
   * Grey
   */
  /**
   * Blue
   */
  /**
   * gray
   */
 /**
* blink yellow button
*/
  /**Header Red **/
  /** Large **/
  /**
   * Medium
   */
  /**
   * Small
   */
}
/* line 11, ../sass/frame/_button.scss */
.button {
  font-size: 12.8px;
  cursor: pointer;
  color: white !important;
  text-decoration: none !important;
  white-space: nowrap;
  width: auto;
  text-align: center;
  line-height: 100%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #be252c;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
}
/* line 26, ../sass/frame/_button.scss */
.button, .button[type] {
  padding: .5em 1em .4em;
}
/* line 30, ../sass/frame/_button.scss */
.button:hover {
  color: white !important;
  text-decoration: none !important;
  background: #ce343f;
}
/* line 35, ../sass/frame/_button.scss */
.button.disabled, .button[disabled] {
  cursor: default !important;
  color: #e5babf;
  background: #cc757f;
}
/* line 41, ../sass/frame/_button.scss */
.button[type=reset], .button[type=button], .button[type=submit] {
  font-family: inherit;
  border: 0 none;
  margin: 0;
}
/* line 51, ../sass/frame/_button.scss */
.button:active, .button.pressed {
  background: #9e1621;
}
/* line 54, ../sass/frame/_button.scss */
.button:active.large, .button.pressed.large {
  -webkit-box-shadow: inset 0 -4px 0 0 #be252c;
  -moz-box-shadow: inset 0 -4px 0 0 #be252c;
  box-shadow: inset 0 -4px 0 0 #be252c;
}
/* line 57, ../sass/frame/_button.scss */
.button:active.medium, .button.pressed.medium {
  -webkit-box-shadow: inset 0 -3px 0 0 #be252c;
  -moz-box-shadow: inset 0 -3px 0 0 #be252c;
  box-shadow: inset 0 -3px 0 0 #be252c;
}
/* line 65, ../sass/frame/_button.scss */
.button.grey, .button.gray {
  /** active/pressed **/
}
/* line 67, ../sass/frame/_button.scss */
.button.grey, .button.gray {
  background: #eee;
  color: #555 !important;
}
/* line 71, ../sass/frame/_button.scss */
.button.grey:hover, .button.gray:hover {
  background: #ddd;
  color: #555 !important;
}
/* line 75, ../sass/frame/_button.scss */
.button.grey.disabled, .button.grey[disabled], .button.gray.disabled, .button.gray[disabled] {
  color: #bbb !important;
  background: #eee !important;
}
/* line 81, ../sass/frame/_button.scss */
.button.grey.large, .button.gray.large {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 84, ../sass/frame/_button.scss */
.button.grey.large.disabled, .button.grey.large[disabled], .button.gray.large.disabled, .button.gray.large[disabled] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 90, ../sass/frame/_button.scss */
.button.grey.medium, .button.gray.medium {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 93, ../sass/frame/_button.scss */
.button.grey.medium.medium.disabled, .button.grey.medium.medium[disabled], .button.gray.medium.medium.disabled, .button.gray.medium.medium[disabled] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 101, ../sass/frame/_button.scss */
.button.grey:active, .button.grey.pressed, .button.gray:active, .button.gray.pressed {
  background: #333;
  color: white !important;
}
/* line 105, ../sass/frame/_button.scss */
.button.grey:active.large, .button.grey.pressed.large, .button.gray:active.large, .button.gray.pressed.large {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 108, ../sass/frame/_button.scss */
.button.grey:active.medium, .button.grey.pressed.medium, .button.gray:active.medium, .button.gray.pressed.medium {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 117, ../sass/frame/_button.scss */
.button.blue {
  /** active/pressed **/
}
/* line 118, ../sass/frame/_button.scss */
.button.blue {
  background: #1180c2;
}
/* line 121, ../sass/frame/_button.scss */
.button.blue:hover {
  background: #2290c6;
}
/* line 124, ../sass/frame/_button.scss */
.button.blue.disabled, .button.blue[disabled] {
  color: #b1d1e1 !important;
  background: #0066a0 !important;
}
/* line 130, ../sass/frame/_button.scss */
.button.blue.large {
  -webkit-box-shadow: inset 0 -4px 0 0 #0066a0;
  -moz-box-shadow: inset 0 -4px 0 0 #0066a0;
  box-shadow: inset 0 -4px 0 0 #0066a0;
}
/* line 133, ../sass/frame/_button.scss */
.button.blue.large.disabled, .button.blue.large[disabled] {
  -webkit-box-shadow: inset 0 -4px 0 0 #b1d1e1;
  -moz-box-shadow: inset 0 -4px 0 0 #b1d1e1;
  box-shadow: inset 0 -4px 0 0 #b1d1e1;
}
/* line 139, ../sass/frame/_button.scss */
.button.blue.medium {
  -webkit-box-shadow: inset 0 -3px 0 0 #0066a0;
  -moz-box-shadow: inset 0 -3px 0 0 #0066a0;
  box-shadow: inset 0 -3px 0 0 #0066a0;
}
/* line 142, ../sass/frame/_button.scss */
.button.blue.medium.medium.disabled, .button.blue.medium.medium[disabled] {
  -webkit-box-shadow: inset 0 -3px 0 0 #b1d1e1;
  -moz-box-shadow: inset 0 -3px 0 0 #b1d1e1;
  box-shadow: inset 0 -3px 0 0 #b1d1e1;
}
/* line 150, ../sass/frame/_button.scss */
.button.blue:active, .button.blue.pressed {
  background: #0066a0;
}
/* line 153, ../sass/frame/_button.scss */
.button.blue:active.large, .button.blue.pressed.large {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #004e7a;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #004e7a;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #004e7a;
}
/* line 156, ../sass/frame/_button.scss */
.button.blue:active.medium, .button.blue.pressed.medium {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #004e7a;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #004e7a;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #004e7a;
}
/* line 165, ../sass/frame/_button.scss */
.button.gray {
  /** active/pressed **/
}
/* line 166, ../sass/frame/_button.scss */
.button.gray {
  background: #e7e7e7;
}
/* line 169, ../sass/frame/_button.scss */
.button.gray:hover {
  background: #cccccc;
}
/* line 172, ../sass/frame/_button.scss */
.button.gray.disabled, .button.gray[disabled] {
  color: #cccccc !important;
  background: #e7e7e7 !important;
}
/* line 178, ../sass/frame/_button.scss */
.button.gray.large {
  -webkit-box-shadow: inset 0 -4px 0 0 #cccccc;
  -moz-box-shadow: inset 0 -4px 0 0 #cccccc;
  box-shadow: inset 0 -4px 0 0 #cccccc;
}
/* line 181, ../sass/frame/_button.scss */
.button.gray.large.disabled, .button.gray.large[disabled] {
  -webkit-box-shadow: inset 0 -4px 0 0 #cccccc;
  -moz-box-shadow: inset 0 -4px 0 0 #cccccc;
  box-shadow: inset 0 -4px 0 0 #cccccc;
}
/* line 187, ../sass/frame/_button.scss */
.button.gray.medium {
  -webkit-box-shadow: inset 0 -3px 0 0 #cccccc;
  -moz-box-shadow: inset 0 -3px 0 0 #cccccc;
  box-shadow: inset 0 -3px 0 0 #cccccc;
}
/* line 190, ../sass/frame/_button.scss */
.button.gray.medium.medium.disabled, .button.gray.medium.medium[disabled] {
  -webkit-box-shadow: inset 0 -3px 0 0 #cccccc;
  -moz-box-shadow: inset 0 -3px 0 0 #cccccc;
  box-shadow: inset 0 -3px 0 0 #cccccc;
}
/* line 198, ../sass/frame/_button.scss */
.button.gray:active, .button.gray.pressed {
  background: #777777;
}
/* line 201, ../sass/frame/_button.scss */
.button.gray:active.large, .button.gray.pressed.large {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #cccccc;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #cccccc;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #cccccc;
}
/* line 204, ../sass/frame/_button.scss */
.button.gray:active.medium, .button.gray.pressed.medium {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #cccccc;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #cccccc;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #cccccc;
}
/* line 213, ../sass/frame/_button.scss */
.button.blink {
  background: #F39C12;
}
/* line 216, ../sass/frame/_button.scss */
.button.blink:hover {
  background: #FBB03B;
}
/* line 219, ../sass/frame/_button.scss */
.button.blink.disabled, .button.blink[disabled] {
  color: #fffadc !important;
  background: #D35400 !important;
}
/* line 225, ../sass/frame/_button.scss */
.button.blink.large {
  -webkit-box-shadow: inset 0 -4px 0 0 #D35400;
  -moz-box-shadow: inset 0 -4px 0 0 #D35400;
  box-shadow: inset 0 -4px 0 0 #D35400;
}
/* line 228, ../sass/frame/_button.scss */
.button.blink.large.disabled, .button.blink.large[disabled] {
  -webkit-box-shadow: inset 0 -4px 0 0 #9F400C;
  -moz-box-shadow: inset 0 -4px 0 0 #9F400C;
  box-shadow: inset 0 -4px 0 0 #9F400C;
}
/* line 234, ../sass/frame/_button.scss */
.button.blink.medium {
  -webkit-box-shadow: inset 0 -3px 0 0 #D35400;
  -moz-box-shadow: inset 0 -3px 0 0 #D35400;
  box-shadow: inset 0 -3px 0 0 #D35400;
}
/* line 237, ../sass/frame/_button.scss */
.button.blink.medium.medium.disabled, .button.blink.medium.medium[disabled] {
  -webkit-box-shadow: inset 0 -3px 0 0 #9F400C;
  -moz-box-shadow: inset 0 -3px 0 0 #9F400C;
  box-shadow: inset 0 -3px 0 0 #9F400C;
}
/* line 244, ../sass/frame/_button.scss */
.button.blink:active, .button.blink.pressed {
  background: #D35400;
}
/* line 247, ../sass/frame/_button.scss */
.button.blink:active.large, .button.blink.pressed.large {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #9F400C;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #9F400C;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #9F400C;
}
/* line 250, ../sass/frame/_button.scss */
.button.blink:active.medium, .button.blink.pressed.medium {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #9F400C;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #9F400C;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #9F400C;
}
/* line 256, ../sass/frame/_button.scss */
.button.header-red {
  /** active/pressed **/
}
/* line 257, ../sass/frame/_button.scss */
.button.header-red {
  background: #e8414d;
  -webkit-box-shadow: inset 0 -4px 0 0 #8f0100;
  -moz-box-shadow: inset 0 -4px 0 0 #8f0100;
  box-shadow: inset 0 -4px 0 0 #8f0100;
  padding-top: .5em;
  padding-bottom: .8em;
}
/* line 263, ../sass/frame/_button.scss */
.button.header-red:hover {
  background: #ea4f5a;
}
/* line 269, ../sass/frame/_button.scss */
.button.header-red:active, .button.header-red.pressed {
  background: #ea4f5a;
  -webkit-box-shadow: inset 0 4px 1px 0 #8f0100;
  -moz-box-shadow: inset 0 4px 1px 0 #8f0100;
  box-shadow: inset 0 4px 1px 0 #8f0100;
}
/* line 277, ../sass/frame/_button.scss */
.button.large {
  font-size: 15px;
  padding: 9px 22px 11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 -4px 0 0 #9e1621;
  -moz-box-shadow: inset 0 -4px 0 0 #9e1621;
  box-shadow: inset 0 -4px 0 0 #9e1621;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 284, ../sass/frame/_button.scss */
.button.large.disabled, .button.large[disabled] {
  -webkit-box-shadow: inset 0 -4px 0 0 #e5babf;
  -moz-box-shadow: inset 0 -4px 0 0 #e5babf;
  box-shadow: inset 0 -4px 0 0 #e5babf;
}
/* line 288, ../sass/frame/_button.scss */
.button.large:active, .button.large.pressed {
  -webkit-box-shadow: inset 0 4px 1px 0 #7d0b14;
  -moz-box-shadow: inset 0 4px 1px 0 #7d0b14;
  box-shadow: inset 0 4px 1px 0 #7d0b14;
  padding: 11px 22px 9px;
}
/* line 299, ../sass/frame/_button.scss */
.button.medium {
  font-size: 13.2px;
  padding: 8px 16px 9px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 -3px 0 0 #9e1621;
  -moz-box-shadow: inset 0 -3px 0 0 #9e1621;
  box-shadow: inset 0 -3px 0 0 #9e1621;
}
/* line 305, ../sass/frame/_button.scss */
.button.medium.disabled, .button.medium[disabled] {
  -webkit-box-shadow: inset 0 -3px 0 0 #e5babf;
  -moz-box-shadow: inset 0 -3px 0 0 #e5babf;
  box-shadow: inset 0 -3px 0 0 #e5babf;
}
/* line 309, ../sass/frame/_button.scss */
.button.medium:active, .button.medium.pressed {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #7d0b14;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #7d0b14;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #7d0b14;
  padding: 9px 16px 8px;
}
/* line 320, ../sass/frame/_button.scss */
.button.small {
  font-size: 12px;
  padding: .4em .5em .3em;
}

/**
 * ico-
 */
/* line 331, ../sass/frame/_button.scss */
.button.large.ico-arrow {
  padding-left: 33px;
}

/**
 * collect-button style
 */
/* line 339, ../sass/frame/_button.scss */
.button.collect-button {
  height: 30px;
  width: 80px;
  padding-left: 17px !important;
  padding-right: 0 !important;
  text-align: center;
}

/* line 4, ../sass/media/_main_inside.scss */
html, body {
  height: 100%;
  font-size: 16px;
  margin: 0;
  padding: 0;
}

/* line 10, ../sass/media/_main_inside.scss */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: env(safe-area-inset-top);
  /* 安全區高度 */
  background-color: #eeeeee;
  z-index: 9999;
}

/* line 20, ../sass/media/_main_inside.scss */
body {
  font-family: 'Noto Sans TC', 'PingFang TC', 'Heiti TC', '微軟正黑體', sans-serif;
  font-size: 1em;
  background-color: #F8F8F8;
  color: #444444;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

/* line 32, ../sass/media/_main_inside.scss */
header {
  background: #EEEEEE;
  position: fixed;
  z-index: 1000;
}

/* line 41, ../sass/media/_main_inside.scss */
.headertop {
  padding: 0 10px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 49, ../sass/media/_main_inside.scss */
.logo {
  width: 40%;
  max-width: 200px;
}
/* line 52, ../sass/media/_main_inside.scss */
.logo img {
  width: 100%;
}

/* line 56, ../sass/media/_main_inside.scss */
nav {
  display: flex;
  justify-content: flex-end;
}
/* line 59, ../sass/media/_main_inside.scss */
nav a {
  color: inherit;
  font-size: 1.6em;
  border-left: 1px solid #D3D3D3;
  padding: 5px 8px;
}
/* line 64, ../sass/media/_main_inside.scss */
nav a:first-child {
  border-left: none;
}

/* line 72, ../sass/media/_main_inside.scss */
.serchblock {
  display: none;
  position: relative;
  margin: 0px auto;
  padding: 10px 0;
  background: #ddd;
}
/* line 78, ../sass/media/_main_inside.scss */
.serchblock .search_inp {
  width: calc(100% - 20px);
  margin: 0 auto;
  border: 1px solid #ccc;
}
/* line 82, ../sass/media/_main_inside.scss */
.serchblock .search_inp input {
  width: 100%;
  padding: 2px;
}
/* line 87, ../sass/media/_main_inside.scss */
.serchblock .search_btn {
  position: absolute;
  top: 50%;
  right: 20px;
  font-size: 1.4em;
  transform: translateY(-50%);
}

/* line 96, ../sass/media/_main_inside.scss */
.main_section {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 539px;
  height: 1090px;
  margin: 0 auto;
  padding: 97px 50px 65px 60px;
  position: relative;
}
/* line 106, ../sass/media/_main_inside.scss */
.main_section.real {
  width: 100%;
  height: 100%;
  padding: 0;
}
/* line 111, ../sass/media/_main_inside.scss */
.main_section.real .fakeframe {
  display: none;
}
/* line 114, ../sass/media/_main_inside.scss */
.main_section.real header, .main_section.real footer {
  width: 100%;
}

/* line 119, ../sass/media/_main_inside.scss */
.fakeframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

/* line 128, ../sass/media/_main_inside.scss */
.main_wrap {
  height: 100%;
  position: relative;
  padding-top: 120px;
}
/* line 133, ../sass/media/_main_inside.scss */
.main_wrap.index {
  padding-top: 60px;
}

/* line 137, ../sass/media/_main_inside.scss */
.main_content {
  border-radius: 30px;
  position: relative;
  padding-bottom: 95px;
}

/* line 146, ../sass/media/_main_inside.scss */
ol.filelist li {
  cursor: pointer;
  line-height: 1.3em;
  text-align: center;
  font-size: 1em;
  padding: 20px 35px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
/* line 157, ../sass/media/_main_inside.scss */
ol.filelist li a {
  color: inherit;
}
/* line 161, ../sass/media/_main_inside.scss */
ol.filelist li:nth-child(even) {
  background-color: #E5E5E5;
}
/* line 166, ../sass/media/_main_inside.scss */
ol.filelist li i.setlist {
  margin-right: 10px;
}
/* line 174, ../sass/media/_main_inside.scss */
ol.filelist li.fnode {
  justify-content: center;
}
/* line 176, ../sass/media/_main_inside.scss */
ol.filelist li.fnode.file {
  text-align: left;
  justify-content: space-between;
}
/* line 179, ../sass/media/_main_inside.scss */
ol.filelist li.fnode.file .favicon {
  font-size: 1.4em;
}
/* line 187, ../sass/media/_main_inside.scss */
ol.filelist li.fnode.file .favicon.on i {
  color: #00B7ED;
}
/* line 194, ../sass/media/_main_inside.scss */
ol.filelist li.sublist {
  justify-content: space-between;
}
/* line 196, ../sass/media/_main_inside.scss */
ol.filelist li.sublist a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 202, ../sass/media/_main_inside.scss */
ol.filelist li.sublist a span:first-child {
  display: inline-block;
  min-width: 73%;
  text-align: left;
}
/* line 210, ../sass/media/_main_inside.scss */
ol.filelist li.sublist.t_tc {
  width: 100%;
}
/* line 214, ../sass/media/_main_inside.scss */
ol.filelist li .ww_100 {
  width: 100%;
}

/* line 222, ../sass/media/_main_inside.scss */
#backBtn {
  display: none;
  cursor: pointer;
}

/* line 227, ../sass/media/_main_inside.scss */
.index_banner {
  position: relative;
  width: 100%;
  aspect-ratio: 100 / 37;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #aaa;
  border-bottom: 3px solid #013985;
}
/* line 236, ../sass/media/_main_inside.scss */
.index_banner .swiper {
  width: 100%;
  height: 100%;
}
/* line 240, ../sass/media/_main_inside.scss */
.index_banner .swiper-slide {
  display: flex;
  width: 100%;
}
/* line 243, ../sass/media/_main_inside.scss */
.index_banner .swiper-slide a {
  display: flex;
  width: 100%;
}
/* line 247, ../sass/media/_main_inside.scss */
.index_banner .swiper-slide img {
  width: 100%;
  object-fit: cover;
  justify-content: center;
}

/* line 254, ../sass/media/_main_inside.scss */
.index_main {
  display: flex;
  flex-wrap: wrap;
}

/* line 259, ../sass/media/_main_inside.scss */
.topblock, .midblock {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex: 0 0 100%;
  box-sizing: border-box;
  justify-content: center;
}

/* line 268, ../sass/media/_main_inside.scss */
.topblock {
  background: #E1E1E1;
}

/* line 271, ../sass/media/_main_inside.scss */
.midblock {
  padding-top: 10px;
}

/* line 275, ../sass/media/_main_inside.scss */
.indexicon {
  display: flex;
  flex: 0 0 calc((100% - 20px) / 3);
  box-sizing: border-box;
  aspect-ratio: 1 / 1;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}
/* line 284, ../sass/media/_main_inside.scss */
.indexicon .iconpic {
  width: 70%;
  margin: 0 auto;
  height: auto;
}
/* line 288, ../sass/media/_main_inside.scss */
.indexicon .iconpic img {
  width: 100%;
}
/* line 292, ../sass/media/_main_inside.scss */
.indexicon a {
  color: inherit;
  display: block;
  width: 100%;
}

/* line 299, ../sass/media/_main_inside.scss */
.pagetop {
  background-color: #E1E1E1;
  align-items: center;
  justify-content: center;
  height: 60px;
  position: relative;
  display: none;
  border-bottom: 1px solid #666;
}
/* line 307, ../sass/media/_main_inside.scss */
.pagetop.on {
  display: flex;
}

/* line 311, ../sass/media/_main_inside.scss */
.toptitle {
  text-align: center;
}

/* line 314, ../sass/media/_main_inside.scss */
.btn {
  color: #999999;
  padding: 0;
}
/* line 317, ../sass/media/_main_inside.scss */
.btn.left {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  /* 垂直位移自身高度一半，達到置中 */
  font-size: 2.4em;
}
/* line 324, ../sass/media/_main_inside.scss */
.btn.right {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  /* 垂直位移自身高度一半，達到置中 */
  font-size: 2.4em;
}

/* line 333, ../sass/media/_main_inside.scss */
.subtitle {
  background: #787878;
  color: #fff;
  padding: 20px 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 341, ../sass/media/_main_inside.scss */
.subtitle.goselect {
  padding: 0;
}
/* line 345, ../sass/media/_main_inside.scss */
.subtitle select {
  width: 95%;
  background: #787878;
  color: #fff;
  margin: 0 auto;
  border: none;
  height: 50px;
}

/* line 356, ../sass/media/_main_inside.scss */
.subtitle_info a {
  color: inherit;
  font-size: 1.4em;
}

/* line 364, ../sass/media/_main_inside.scss */
footer {
  background-color: #B5B5B5;
  position: fixed;
  height: 80px;
  bottom: 0;
  width: 427px;
  border-top: 1px solid #333;
  padding-bottom: 20px;
}

/* line 375, ../sass/media/_main_inside.scss */
.bottomblock {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #B5B5B5;
  width: 100%;
  height: 100%;
  border-top: 1px solid #fff;
}
/* line 384, ../sass/media/_main_inside.scss */
.bottomblock li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-left: 1px solid #dddddd;
  position: relative;
}
/* line 391, ../sass/media/_main_inside.scss */
.bottomblock li:first-child {
  border-left: none;
}
/* line 394, ../sass/media/_main_inside.scss */
.bottomblock li a {
  color: inherit;
}

/* line 401, ../sass/media/_main_inside.scss */
.paddingblock {
  padding: 35px 0;
}

/* line 404, ../sass/media/_main_inside.scss */
.calcublock {
  background-color: none;
}

/* line 409, ../sass/media/_main_inside.scss */
.callist {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 35px;
}
/* line 415, ../sass/media/_main_inside.scss */
.callist.white {
  background-color: #fff;
}
/* line 418, ../sass/media/_main_inside.scss */
.callist.noc {
  background-color: #E1E1E1;
}
/* line 420, ../sass/media/_main_inside.scss */
.callist.noc:nth-child(even) {
  background-color: #E1E1E1;
}
/* line 424, ../sass/media/_main_inside.scss */
.callist:nth-child(even) {
  background-color: #E5E5E5;
}
/* line 427, ../sass/media/_main_inside.scss */
.callist.dark {
  background: #626262;
  color: #fff;
}
/* line 430, ../sass/media/_main_inside.scss */
.callist.dark.hh {
  padding: 25px 35px;
}
/* line 434, ../sass/media/_main_inside.scss */
.callist label {
  width: 100%;
}
/* line 437, ../sass/media/_main_inside.scss */
.callist select {
  width: 50%;
  max-width: 180px;
}
/* line 442, ../sass/media/_main_inside.scss */
.callist .ans i {
  margin-right: 5px;
}

/* line 448, ../sass/media/_main_inside.scss */
.f_red {
  color: #f00;
}

/* line 452, ../sass/media/_main_inside.scss */
.cal1_list {
  display: table;
  width: 100%;
  /* 或其他寬度，依需求 */
  border-collapse: collapse;
}
/* line 456, ../sass/media/_main_inside.scss */
.cal1_list > .callist {
  display: table-row;
}
/* line 458, ../sass/media/_main_inside.scss */
.cal1_list > .callist > span {
  display: table-cell;
  padding: 12px 8px;
  border-bottom: 1px solid #fff;
  /* 若要有分隔線可加上 */
  vertical-align: middle;
  /* 垂直置中，可依需求調整 top/bottom */
}
/* line 463, ../sass/media/_main_inside.scss */
.cal1_list > .callist > span:nth-child(1) {
  padding-left: 35px;
}
/* line 470, ../sass/media/_main_inside.scss */
.cal1_list > .callist > span:nth-child(3) {
  padding-right: 25px;
}

/* line 478, ../sass/media/_main_inside.scss */
.dataview {
  padding: 35px;
}
/* line 481, ../sass/media/_main_inside.scss */
.dataview h2 {
  font-size: 1.5em;
  font-weight: bolder;
  padding-bottom: 10px;
}
/* line 486, ../sass/media/_main_inside.scss */
.dataview .date {
  float: right;
  font-size: 0.6em;
  font-weight: normal;
  line-height: 1.5em;
}
/* line 493, ../sass/media/_main_inside.scss */
.dataview .data_content h3 {
  font-size: 1.2em;
  font-weight: bolder;
  margin-top: 20px;
}
/* line 497, ../sass/media/_main_inside.scss */
.dataview .data_content h3:first-child {
  margin-top: 0;
}
/* line 501, ../sass/media/_main_inside.scss */
.dataview .data_content h4 {
  font-size: 1em;
  font-weight: bolder;
  margin: 8px 0;
  line-height: 1.2em;
}
/* line 506, ../sass/media/_main_inside.scss */
.dataview .data_content h4 span {
  margin-top: 5px;
  font-weight: bold;
  margin-bottom: 3px;
  margin-left: 10px;
  display: inline-block;
}
/* line 514, ../sass/media/_main_inside.scss */
.dataview .data_content p {
  padding: 15px 0;
  line-height: 1.2em;
  text-align: justify;
}
/* line 519, ../sass/media/_main_inside.scss */
.dataview .data_content ol {
  padding: 15px 0;
  margin-left: 20px;
  line-height: 1.2em;
}
/* line 523, ../sass/media/_main_inside.scss */
.dataview .data_content ol > li {
  list-style: decimal;
  line-height: 1.2em;
  margin: 6px 0;
}
/* line 528, ../sass/media/_main_inside.scss */
.dataview .data_content ol.st1 {
  margin-left: 0;
}
/* line 530, ../sass/media/_main_inside.scss */
.dataview .data_content ol.st1 > li {
  list-style: none;
  counter-increment: section;
  font-weight: bolder;
  margin-top: 12px;
}
/* line 535, ../sass/media/_main_inside.scss */
.dataview .data_content ol.st1 > li:first-child {
  margin-top: 6px;
}
/* line 538, ../sass/media/_main_inside.scss */
.dataview .data_content ol.st1 > li::before {
  content: counter(section,cjk-ideographic) "、";
  /* 使用中文數字並加上逗號 */
  margin-right: 8px;
  font-weight: bolder;
}
/* line 544, ../sass/media/_main_inside.scss */
.dataview .data_content ol.st1 p {
  padding-top: 5px;
}
/* line 548, ../sass/media/_main_inside.scss */
.dataview .data_content ol.st2 {
  padding-top: 0px;
  padding-left: 5px;
}
/* line 553, ../sass/media/_main_inside.scss */
.dataview .data_content ul {
  margin-left: 25px;
  margin-bottom: 20px;
}
/* line 556, ../sass/media/_main_inside.scss */
.dataview .data_content ul li {
  list-style: disc;
  line-height: 1.2em;
  margin: 6px 0;
}

/* line 565, ../sass/media/_main_inside.scss */
.t_tc {
  text-align: center;
}

/* line 568, ../sass/media/_main_inside.scss */
#cbpdf {
  display: none;
}
/* line 570, ../sass/media/_main_inside.scss */
#cbpdf.on {
  display: flex;
}

/* line 574, ../sass/media/_main_inside.scss */
#cbnote {
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1.2;
}

/* line 579, ../sass/media/_main_inside.scss */
.pdficon {
  margin-right: 20px;
}

/* line 583, ../sass/media/_main_inside.scss */
.nopad_top {
  padding-top: 0;
}

/* line 588, ../sass/media/_main_inside.scss */
.ss_swiper {
  width: 100%;
  height: 40px;
  position: relative;
  overflow-x: hidden;
}
/* line 593, ../sass/media/_main_inside.scss */
.ss_swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 601, ../sass/media/_main_inside.scss */
.ss_swiper .swiper-slide.on {
  background: #535353;
  color: #fff;
}
/* line 604, ../sass/media/_main_inside.scss */
.ss_swiper .swiper-slide.on .pp1 {
  background: #535353;
}

/* line 610, ../sass/media/_main_inside.scss */
.unit {
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 0;
  background: #AAAAAA;
  text-align: center;
  color: #fff;
  width: 50px;
  height: 100%;
  line-height: 40px;
}
/* line 622, ../sass/media/_main_inside.scss */
.unit .unt.u2 {
  background-color: #fff;
  color: #444444;
}

/* line 628, ../sass/media/_main_inside.scss */
.swipersbar {
  padding: 10px 35px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 635, ../sass/media/_main_inside.scss */
.goprev, .gonext {
  display: flex;
  flex-grow: 0 0 30px;
  font-size: 2em;
  color: #999;
}

/* line 641, ../sass/media/_main_inside.scss */
.swipersbar_tune {
  width: 100%;
}

/* line 645, ../sass/media/_main_inside.scss */
input[type=range] {
  -webkit-appearance: none;
  /* 移除原生樣式 */
  width: 100%;
  /* 可自行調整寬度 */
  height: 4px;
  /* bar 的高度 */
  background: #ccc;
  /* bar 的顏色 */
  border-radius: 10px;
  cursor: pointer;
  margin: 10px 0;
}

/* line 655, ../sass/media/_main_inside.scss */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  /* 滑塊寬 */
  height: 20px;
  /* 滑動圓點的高度 */
  background: #999;
  /* 圓點顏色 */
  border-radius: 50%;
  /* 圓點圓角 */
  cursor: pointer;
}

/* line 665, ../sass/media/_main_inside.scss */
.ccsp {
  display: flex;
  flex-direction: column;
  /* 垂直上下排列 */
  justify-content: center;
  /* 垂直置中 */
  align-items: center;
  /* 水平置中 */
  text-align: center;
}

/* line 672, ../sass/media/_main_inside.scss */
.sp1 {
  display: block;
  width: 100%;
  text-align: center;
}
/* line 676, ../sass/media/_main_inside.scss */
.sp1.pp1 {
  background-color: #E5E5E5;
}

/* line 680, ../sass/media/_main_inside.scss */
.reddot {
  display: none;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #f00;
  top: 0;
  right: 7px;
}
/* line 689, ../sass/media/_main_inside.scss */
.reddot.on {
  display: block;
}

@media only screen and (max-width: 1440px) {
  /* 1400 */
}
@media only screen and (max-width: 1280px) {
  /* 1280 */
}
@media only screen and (max-width: 1024px) {
  /* 1024 */
}
@media only screen and (max-width: 768px) {
  /* 768 */
}
@media only screen and (max-width: 640px) {
  /* 640 */
}
@media only screen and (max-width: 480px) {
  /* 480 */
}
@media only screen and (max-width: 414px) {
  /* 414 */
}
@media only screen and (max-width: 390px) {
  /* 390*/
}
@media only screen and (max-width: 375px) {
  /* 375 */
  /* line 40, ../sass/media/_touch_main_inside.scss */
  .bottomblock {
    font-size: 0.9em;
  }
}
@media only screen and (max-width: 320px) {
  /* 320 */
  /* line 46, ../sass/media/_touch_main_inside.scss */
  .bottomblock {
    font-size: 0.8em;
  }
}