@charset "utf-8";
/* CSS Document */
.chart {
    margin: 15px 0 30px 0;
}

.chart .row {
    margin: 0;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.chart .title {
  color: #000000;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  font-family: "Microsoft JhengHei";
  padding: 0 0 0 0;
  position: absolute;
  font-size: 150%;
  letter-spacing: 2px;
  margin: -20px 0 0 0;
  width: 100%;
}
.chart .title p {
  position: absolute;
  color: #000;
  top: 65%;
  letter-spacing: 2px;
  margin: 0;
  left: 50%;
  width: initial;
  text-align: center;
  transform: translate(-50%, -50%);
	    line-height: 25px;
}
.chart .title p::after {
  content: "";
  width: initial;
  height: 2px;
  display: block;
  background-color: #545352;
  margin: 5px auto 0 auto;
}

.chart .more{
    display: block;
    text-align: center;
    padding: 20px 0 0 0;
}
.chart .more a{
    background-color: #ff8a2b;
    color: #fff;
    padding: 15px 20px;
}
.chart .more a:hover{
    background-color: #015093;
}
.chart_slider {
    width: 100%;
}

.chart .box {
    padding: 10px;
    background-color: #fff;
    /*border: 5px rgba(0, 0, 0, 0.1) solid;*/
    height: 100%;
}

.chart .box.info {
    padding: 0;
}

.chart .box.info .stitle {
    /*background-color: #1c3686;*/
    color: #b81231;
    font-weight: 600;
    font-size: 104%;
    letter-spacing: 2px;
    padding: 10px;
    text-align: center;
}

.chart .box.info .txt {
    padding: 10px;
    line-height: 160%;
}
.chart .slick-dots {
    position: relative;
    bottom: inherit;
    margin: 0 0 20px 0;
}

/*新增*/ 
/*more更多 圖*/
.chart .more a{
    color: #6d4623;
    background: url(../images/template/more_icon_r.png) no-repeat;
    padding: 13px 8px 13px 50px;
	text-decoration: none;
	font-weight: 500;
}
.chart .more a:hover{
    color: #BC5515 ;
    background: url(../images/template/more_icon02_r.png) no-repeat;
    padding: 13px 8px 13px 50px;
	text-decoration: none;
	font-weight: 500;
}

/*大標題左右線條*/
/*.chart .title::after {
	right: 0;
    position: absolute;
    content: '';
    width: 32%;
    top: 32px;
    height: 2px;
    background-color: #595959;
}

.chart .title::before {
	left: 0;
    position: absolute;
    content: '';
    width: 32%;
    top: 32px;
    height: 2px;
    background-color: #595959;
}
@media (max-width: 769px) {
.chart .title::after {
    width: 15%;
}
.chart .title::before {
    width: 15%;
}
}*/