@charset "utf-8";


/*導盲磚*/
.messages .guide{font-size:0.875rem; text-decoration:none; position:absolute;left:0px; z-index:9; }
#M{color: #FFF8F8;}
#C{color: #fff;}

.wrapper {
  	max-width: 1000px;
  	height: 100%;
  	margin: 0 auto;
	padding: 0px 20px 10px 20px;
}
/*---------------------*/
/*主版面*/
.sectionbox{width: 100%;display: block;}
.sectionbox:before,.sectionbox:after{content: "";clear: both;display: table; }
.sectionbox h2{color: #792015;}
.sectionbox h2 img{width: 48px;vertical-align: top;padding-right: 10px;}
.sectionbox.top-banner{height:100%;margin-bottom: 40px;text-align: center;overflow: hidden;}
.sectionbox.top-banner img{width: 100%; max-width:793px;}
/*.sectionbox .top-banner img{width: 100%;height:100%;display: inline-block;}*/
.list-section .list-itm{padding: 10px 15px;text-align: center;margin-bottom: 2em;}
.list-section .list-itm.first{text-align: left;padding-left: 0;}
.list-section .list-itm.last{text-align: right;padding-right: 0;}

.col-full, .col-sm-50, .col-sm-100, .col-md-15, .col-md-20, .col-md-25, .col-md-33, .col-md-40, .col-md-50, .col-md-60, .col-md-75, .col-md-80, .col-md-85, .col-md-100, .col-lg-20, .col-lg-33, .col-lg-25 {
  position: relative;
  float: left;
/*  padding: 0 30px;*/
  min-height: 1px; }

.col-full {  width: 100%; }

@media (min-width: 768px) {
  .col-md-100 {width: 100%; }
  .col-md-85 {width: 85%; }
  .col-md-80 {width: 80%; }
  .col-md-75 {width: 75%; }
  .col-md-60 {width: 60%; }
  .col-md-50 {width: 50%; }
  .col-md-40 {width: 40%; }
  .col-md-33 {width: 33.3%; }
  .col-md-25 {width: 25%; }
  .col-md-20 {width: 20%; }
  .col-md-15 {width: 15%; } 
}

@media (min-width: 992px) {
.col-lg-33 {width: 33.3%; }
.col-lg-25 {width: 25%; } 
.col-lg-20 {width: 20%; } 
}

@media (max-width: 1199px) {
/*  .col-full, .col-sm-100, .col-md-15, .col-md-20, .col-md-25, .col-md-40, .col-md-50, .col-md-60, .col-md-75, .col-md-80, .col-md-85, .col-md-100, .col-lg-20, .col-lg-33 {padding: 0 15px;}*/
  .row {margin: auto -15px; } 
}

@media (max-width: 767px) {
.col-sm-100 {width: 100%; }
.col-sm-50 {width: 50%; } 
.list-section{padding-top: 0.5em;padding-bottom: 1em;margin-top: 1em;border-bottom: solid 1px #555;}
.list-section .list-itm,.list-itm.first,.list-itm.last{text-align: center;padding: 10px 0px;margin-bottom: 0.5em;}
}

/*---------------------*/
/*List*/
.world-list{display: inline-block;width: 100%;border: solid 1px #ddd;text-align: center;text-decoration: none;color: #333;border-radius: 3px;transition: 0.5s}
.world-list:hover{box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);transform: translateY(-7px);background-color: #333;color: #fff;}
.world-list h3{padding: 10px;border-top: solid 1px #ddd;}
.world-list .img-box{background-color: #fff;width: 100%;height: 200px;overflow: hidden;text-align: center;vertical-align: top;}
.world-list .img-box img{max-width: 100%;height: 100%;}


/*相關連結*/
.outlink{clear: both;display: block;margin: 25px 10px;color: #fff;}
.outlink h2{display: block;padding-bottom: 5px;background: #3F8412;position: relative;padding: 0px 0px 0px 10px;}
.outlink h2 img{vertical-align: middle;margin-right: 10px;height: 25px;}
.outlink .more{display: inline-block;float: right;vertical-align: top;font-size: 1rem;text-decoration: none;color: #593936;background: #A0DB79;padding: 5px 25px 5px 25px;margin-right: 0;border-radius: 15px 0 0 15px;}
.outlink .more:after{position: absolute;right: 0;content: "";display: inline-block;width: 0;height: 0;border-color: transparent transparent transparent #593936;border-style: solid solid solid solid;border-width: 10px;}
.outlink .link_box{padding: 10px;}

.outlink .link_box .prev{ display:block;margin-bottom: 10px;float: left;}
.outlink .link_box .next{ display:block;margin-bottom: 10px;float: right;}
.outlink .link_box .slide{display: table;margin: 0 auto;width: 100%;}

.outlink .link_box .link{ display:table-cell;width: 20%;text-align: center;}
.outlink .link_box .link img{width: 160px;height: 60px;padding: 3px;border: solid 1px #ddd;}
.outlink .link_box .prev img, .outlink .link_box .next img{height: 100%;}

/*================================●●●●●●●●●●●●電腦版●●●●●●●●●●●●================================*/
@media screen and (max-width:1280px){
.bulletin .b_grids .column .gtable .gtd .mores{ padding:0; width:30px; height:26px; font-size:0px; background-position:center; }
.bulletin .b_grids .column .gtable .gtd .dates{ padding:0; width:30px; height:26px; font-size:0px; background-position:center; }
}



/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){
/*標題*/
.maintitle .tds-title{ display:block; padding: 10px 0 0 0; }
.maintitle .tds-nav{ display:block; padding: 10px; }



/*相關連結*/
.outlink .link_box .slide{display: block;margin: 0 auto;width: 100%;position: relative;}
.outlink .link_box .link{ display:inline-block;width: 48%;}
.outlink .link_box .prev,.outlink .link_box .next{ display:inline-block;margin-bottom: 0px;float: none;position: absolute;top: 50%;transform: translateY(-50%);}
.outlink .link_box .prev{left: 0;}
.outlink .link_box .next{right: 0;}

}



/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
/*導盲磚*/
/*.messages .guide{ top:15px; }*/

/*相關連結*/
.outlink .link_box .slide{display: block;margin: 0 auto;width: 100%;position: relative;}
.outlink .link_box .link{ display:inline-block;width: 100%;}
.outlink .link_box .prev,.outlink .link_box .next{ display:inline-block;margin-bottom: 0px;float: none;position: absolute;top: 50%;transform: translateY(-50%);}
.outlink .link_box .prev{left: 0;}
.outlink .link_box .next{right: 0;}



}

/*切換*/
.active{ display:block}
.active_hidden{ display:none !important}

.servicepic .active{ display:block}
.servicepic .active_inline{ display:inline-block}
.servicepic .active_hidden{ display:none}

.listpic{
	cursor: pointer;
}