@charset "utf-8";

.wrapper {
  width:100%; display:block;
}

.wrapper .tabs-wrapper { overflow: hidden; display:block; }

.wrapper .tabs-wrapper .tab-content a:hover { text-decoration: underline; }

.wrapper .tabs-wrapper .tab-content ul {
  margin: 0; display:block;
  padding-left: 20px;
  list-style: square;
}

.wrapper .tabs-wrapper .tab-content ul li { margin-bottom: 5px; }

.animated {
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}


.tabs-wrapper {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.tabs-wrapper select.tab-nav { display: none; }

.tabs-wrapper ul.tab-nav {
  list-style: none;
  display: block;
  margin: 0px;

}

.tabs-wrapper ul.tab-nav li { text-align:center; font-size:22px;  font-family:'微軟正黑體';
  display: inline-block; width:calc(100%/5 - 6px); 
  
}
.tabs-wrapper ul.tab-nav li:last-child{ margin-right:0;}
.tabs-wrapper ul.tab-nav li a { font-weight:bold;
  text-decoration: none; padding:7px 0;
  color: #969696;
  display: block;
  border-radius:5px ;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.tabs-wrapper ul.tab-nav li.active a {
color: #4e5694; border:1px solid #4e5694;
}

.tabs-wrapper ul.tab-nav li:hover a { color: #4e5694; border:1px solid #4e5694; }

.tabs-wrapper .target-tabs {

  border-radius: 2px;

  position: relative;
}

.tabs-wrapper .target-tabs .tab-content {
  display: none;
  padding: 20px 0; 
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.tabs-wrapper .target-tabs .tab-content a:hover{ text-decoration:none;}

.tabs-wrapper .target-tabs .tab-content .tab-heading .tab-no {
  font-size: 28px;
  font-weight: light;
}

/*.tabs-wrapper .target-tabs .tab-content p {
  line-height: 24px;
  word-spacing: 1px;
}*/
.tabs-wrapper .target-tabs .tab-content img{ max-width:100%; height:auto;}
.tabs-wrapper .target-tabs .tab-content.active { display: block; }

.tabs-wrapper .target-tabs .tab-content.inactive { position: absolute; }

/*.tabs-wrapper .target-tabs .tab-content a {
  color: #007FD3;
  text-decoration: none;
}*/

 @media screen and (max-width: 850px) {
.tabs-wrapper ul.tab-nav li { font-size:20px;}
}



 @media screen and (max-width: 768px) {

.tabs-wrapper ul.tab-nav { display: none; }

.tabs-wrapper select.tab-nav {
  width:calc(100% - 25px);
  padding: 10px;
  background: #FFF; font-size:16px;
  border: 1px solid  #1A6ABD;
  border-radius: 2px 2px 0px 0px;
  display: block;
}

.tabs-wrapper select.tab-nav:focus { outline: none; }

.tabs-wrapper .target-tabs { border-radius: 0px 0px 2px 2px; border:none;}
}