@charset "utf-8";
/* CSS Document */



.intro { background:url(../images/index-intro.jpg) left top no-repeat; padding: 1em 0; height:auto; }
#intro-index .box {  display: inline-block; }
#intro-index .box a:link, #intro-index .box a:visited { 
	width: 80%; height: 8em; background-color: #fff; color:#000; text-decoration: none; display: block; margin: 0 auto;
	font-weight: 600;
}
#intro-index .box a:hover { background-color: #e3faea; }
#intro-index .box a span { margin: 0 auto;}

.imagine-block .media { margin: .5em .5em .2em .5em; }
.imagine-block .media-heading { font-size: 1.1em; font-weight: bold; }
.imagine-block .media-object img { max-width: 20%; height:auto; }

@media (min-width: 768px) {
	.main-shortcut-block .block img { -webkit-border-radius:.5em; -moz-border-radius: .5em; border-radius: .5em; width: auto !important; max-width: 100% !important; height:auto; }
}
@media (max-width: 767px) {
	.main-shortcut-block .block img { width: 80px !important; height:auto; }
}

.other-link-block { height: 29em; }
.other-link-block .in { display: block; padding: .5em 1em; width: 100%; height: 100%; }
.other-link-block .in h2.title { display: block; margin-bottom: .5em; font-weight: 600; letter-spacing: .2em; font-size: 1em; }
.other-link-block .in marquee { height: 12em; margin-top: .5em; }
.other-link-block .in marquee a:link { color: #000; }
.other-link-block .in marquee a:visited { color: #000; }

/*最新消息*/
.news-btn {
    color: #D87E27;
    background-color: #fff;
    border-color: #D87E27;
	border-radius: 1.2em;
	font-weight: 600;
}
.news-btn:hover{
    color: #fff;
    background-color: #D87E27;
}
.news-btn-active {
  background-color: #D87E27;
  color: #fff;
}


/*指定用FontAwesome css logo 做li 列表圖示*/
.hotlink .item { list-style: none; }
.hotlink .item li { display: inline-block; }
.hotlink .item li::before { font-family: "Font Awesome 5 Free" !important; font-weight: 400; content: "\f35a"; }
.hotlink .item li a:link, .hotlink .item li a:visited { color: #407ab9; }

.hotlink-ft div { display: inline-block; height: 1em; }
.hotlink-ft span { display:block; width: 100%; height: 100%;}
.hotlink-ft .item1 { background-color: #acd697; border-bottom-left-radius: .3em; border-bottom-right-radius: .3em; }
.hotlink-ft .item2 { background-color: #6aa9d2; border-bottom-left-radius: .3em; border-bottom-right-radius: .3em; }
.hotlink-ft .item3 { background-color: #bc8cc0; border-bottom-left-radius: .3em; border-bottom-right-radius: .3em; }


@media (max-width: 767px) {
	.intro { background-size: cover; }
}

.rwd-table {
 background: #fff;
 overflow: hidden;
}
.rwd-table tr:nth-of-type(2n){
  background: #FCEFEF;
}
.rwd-table th, 
.rwd-table td {
  margin: 0.5em 1em;
}
.rwd-table {
  min-width: 100%;
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
}

.rwd-table td:before {
  content: attr(data-th) "";
  font-weight: bold;
  width: 10em;
  display: inline-block;
}

.rwd-table th, .rwd-table td {
  text-align: left;
}

.rwd-table th, .rwd-table td:before {
  color: #D20B2A;
  font-weight: bold;
}

@media (min-width: 767px) {
  .rwd-table td:before {
	display: none;
  }
 .rwd-table th, .rwd-table td {
	display: table-cell;
	padding: 0.25em 0.5em;
  }
  .rwd-table th:first-child, 
  .rwd-table td:first-child {
	padding-left: 0;
  }
  .rwd-table th:last-child, 
  .rwd-table td:last-child {
	padding-right: 0;
  }
   .rwd-table th, 
   .rwd-table td {
	padding: .8em !important;
  }
}
@media (max-width: 576px) {
	.login { font-size: .8em; }
}