@charset "UTF-8";
html, body {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  color: #555;
}

.tabType {
  max-width: 678px !important;
  width: 100%;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
}
  .tabType * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .tabType-tab {
    width: 100%;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important; }
    .tabType-tab li {
      list-style: none !important;
      position: relative;
      float: left;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
      font-size: 14px;
      cursor: pointer;
      letter-spacing: 1px;
      background-color: #ececec;
      background: -webkit-gradient(linear, left top, left bottom, from(#baeffe), color-stop(42%, #baeffe)) !important;
      background: -webkit-linear-gradient(top, #baeffe 0%, #baeffe 42%) !important;
      background: -o-linear-gradient(top, #baeffe 0%, #baeffe 42%) !important;
      background: linear-gradient(to bottom, #baeffe 0%, #baeffe 42%) !important;
      padding: 16px;
      height: auto; }
      .tabType-tab li.now {
		padding: 18px;
        background: -webkit-gradient(linear, left top, left bottom, from(#e0ff07 ), color-stop(42%, #cfe52e)) !important;
        background: -webkit-linear-gradient(top, #e0ff07 0%, #cfe52e 42%) !important;
        background: -o-linear-gradient(top, #e0ff07 0%, #cfe52e 42%) !important;
        background: linear-gradient(to bottom, #e0ff07 0%, #cfe52e 42%) !important; }
      .tabType-tab li:not(:last-child):after {
        width: 1px;
        height: 100%;
        content: '';
        display: block;
        position: absolute;
        right: 0px;
        top: 0;
        background-color: #ddd; }
    .tabType-tab:after {
      clear: both;
      content: "";
      display: table; }
    @media only screen and (max-width: 667px) {
      .tabType-tab li {
        padding: 10px 10px;
        -webkit-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s; } }
  .tabType-main {
    width: 100%;
    padding: 30px 25px 30px;
    /*文章 的 CSS 基礎設定*/
    font-size: 15px; }
    .tabType-main-cont:not(:first-child) {
      display: none; }
    .tabType-main-cont img {
      max-width: 100%; }
    .tabType-main h1 {
      font-size: 30px;
      color: #199DC2;
      margin-bottom: 10px;
      font-weight: bold; }
    .tabType-main h3 {
      font-size: 16px;
      margin-bottom: 10px; }
      .tabType-main h3 em {
        font-weight: bold; }
    .tabType-main em {
      font-style: normal;
      color: #85A00D; }
    .tabType-main p {
      line-height: 1.8;
      text-align: justify;
      letter-spacing: 1px;
      margin: 0; }
      .tabType-main p a {
        border-bottom: 0; }
    .tabType-main a {
      color: #009CC7;
      padding-bottom: 1px;
      margin-left: 2px;
      text-decoration: none;
      font-weight: bold; }
    .tabType-main ol {
      margin: 0;
      padding-left: 17px; }
      .tabType-main ol li {
        list-style: decimal;
        margin-bottom: 10px; }
    .tabType-main strong {
      color: #E75F63; }
    .tabType-main table {
      border-collapse: collapse;
      text-align: center;
      margin: 30px auto;
      position: relative;
      border: 1px solid #99D3E3;
      width: 100% !important; }
      .tabType-main table tr:first-child td {
        border: 1px solid #99D3E3;
        padding: 5px 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #86C4D5;
        letter-spacing: 4px;
        text-shadow: 0 0 8px #398BA2;
        line-height: 1.33;
        color: #fff; }
      .tabType-main table td {
        border: 1px solid #99D3E3;
        color: #555;
        padding: 10px 10px; }
    @media only screen and (max-width: 414px) {
      .tabType-main {
        padding: 20px 15px 20px; }
        .tabType-main p {
          letter-spacing: 0; } }
		  
.tabType table{
	font-weight:normal;
}


.eshop table tr:first-child td {
    border: 1px solid #99D3E3;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    letter-spacing: 0px;
    text-shadow: none;
    line-height: 1.33;
    color: #fff;
	background-color:transparent;
}