@charset "UTF-8";

/* 抬頭 Head  inc/headFlash_css、headFlash_pic.asp、headFlash.asp */

/* RWD 抬頭固定 */
.header_top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.header_menu {
  position: static;
  z-index: 3;
}

/* H1 標籤底圖設置 topic_indexh1 首頁 H1 */
@media only screen and (min-width: 801px) {
  /* 螢幕大於801PX的時候 */
  #body_indexh1 .inner_indexh1 .left_indexh1 .Sbox_indexh1 .topic_indexh1 {
    font-size: 32px;
    height: 40px;
    font-family: "微軟雅黑", "Microsoft Yahei", "mingliu", "Arial Black";
    margin: 0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: normal;
  }
}

@media only screen and (min-width: 581px) and (max-width: 800px) {
  #body_indexh1 .inner_indexh1 .left_indexh1 .Sbox_indexh1 .topic_indexh1 {
    background: url("../img/pageh1-tab.jpg") no-repeat center;
    font-size: 20px;
    height: 40px;
    font-family: "微軟雅黑", "Microsoft Yahei", "mingliu", "Arial Black";
    margin: 0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: normal;
  }
}

@media only screen and (min-width: 381px) and (max-width: 580px) {
  #body_indexh1 .inner_indexh1 .left_indexh1 .Sbox_indexh1 .topic_indexh1 {
    background: url("../img/pageh1-tab2.jpg") no-repeat center;
    font-size: 20px;
    height: 40px;
    font-family: "微軟雅黑", "Microsoft Yahei", "mingliu", "Arial Black";
    margin: 0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: normal;
  }
}

@media only screen and (min-width: 0px) and (max-width: 380px) {
  /* (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺 */
  #body_indexh1 .inner_indexh1 .left_indexh1 .Sbox_indexh1 .topic_indexh1 {
    background: url("../img/pageh1-mob.jpg") no-repeat center;
    font-size: 20px;
    height: 40px;
    font-family: "微軟雅黑", "Microsoft Yahei", "mingliu", "Arial Black";
    margin: 0 0 -10px 0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: normal;
  }

  .webmenu_top {
    margin-top: 10px;
  }
}

/* H1 標籤底圖設置 topic_index 網頁 */
@media only screen and (min-width: 801px) {
  /* 螢幕大於801PX的時候 */
  #body_index .inner_index .left_index .Sbox_index {
    font-size: 20px;
    height: 50px;
    font-family: "微軟雅黑", "Microsoft Yahei", "mingliu", "Arial Black";
    margin: 0 0 10px 0;
    line-height: 100px;
    text-align: center;
    color: #888;
    font-weight: normal;
  }
}

@media only screen and (min-width: 581px) and (max-width: 800px) {
  #body_index .inner_index .left_index .Sbox_index .topic_index {
    background: url("../img/page-tab.jpg") no-repeat center;
    font-size: 20px;
    height: 40px;
    font-family: "微軟雅黑", "Microsoft Yahei", "mingliu", "Arial Black";
    margin: 0 0 10px 0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: normal;
  }
}

@media only screen and (min-width: 381px) and (max-width: 580px) {
  #body_index .inner_index .left_index .Sbox_index .topic_index {
    background: url("../img/page-tab2.jpg") no-repeat center;
    font-size: 20px;
    height: 40px;
    font-family: "微軟雅黑", "Microsoft Yahei", "mingliu", "Arial Black";
    margin: 0 0 10px 0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: normal;
  }
}

@media only screen and (min-width: 0px) and (max-width: 380px) {
  /* (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺 */
  #body_index .inner_index .left_index .Sbox_index .topic_index {
    background: url("../img/page-mob.jpg") no-repeat center;
    font-size: 20px;
    height: 40px;
    font-family: "微軟雅黑", "Microsoft Yahei", "mingliu", "Arial Black";
    margin: 0 0 10px 0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: normal;
  }
}

/* 動態文字兩行選單---適RWED */
nav-txt-menu {
  width: 100%;
  margin: 10px auto;
  overflow: hidden;
}

nav-txt-menu ul {
  list-style: none;
  overflow: hidden;
}

nav-txt-menu li a {
  background: #444;
  border-right: 1px solid #fff;
  color: #fff;
  display: block;
  float: left;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 12.5%;
  transition: background 0.5s ease;
}

nav-txt-menu li a:hover {
  background: #222;
}

nav-txt-menu small {
  text-transform: none;
  color: #aaa;
}

nav-txt-menu li:last-child a {
  border: none;
}

/* Media Queries */
@media only screen and (max-width: 1220px) {
  nav-txt-menu li a {}
  nav-txt-menu small {}
}

@media only screen and (max-width: 930px) {
  nav-txt-menu li a {
    width: 25%;
    border-bottom: 1px solid #fff;
  }
  nav-txt-menu li:last-child a,
  nav-txt-menu li:nth-child(4) a {
    border-right: none;
  }
}

@media only screen and (max-width: 580px) {
  nav-txt-menu li a {
    width: 50%;
    font: 800 38px/1.5 'Cutive', "Microsoft Yahei", Arial, Helvetica, sans-serif, Verdana;
    border-bottom: 2px solid #fff;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 320px) {
  nav-txt-menu li a {
    font: 400 24px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
  }
}

/* 選單共用 emphasize 強調網頁 H2 */
.content_box .list_box {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.content_box .list_box .list_class li {
  width: 100%;
  float: left;
  height: 50px;
  margin-bottom: 6px;
  font-size: 1.5rem;
  display: inline;
}

.content_box .list_box .list_class li a {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  display: block;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));
  background: -moz-linear-gradient(top, #ffffff, #f0f0f0);
}

.content_box .list_box .list_class li a:hover {
  text-decoration: none;
}