@charset "UTF-8";
/*-----------------------1230---------------------*/

/*-----------------------2020/04/10新增---------------------*/
.in_pl0{
	padding-left: 0px!important;
	padding-right: 0px!important;
	
}
/*------------------------輪播----------------------------*/

.wrap-carousel {
    position: relative;
    width: 1170px;
    margin: 0 auto;
}

.carousel-inner {
	height:500px; /* 原562 */
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    width: 100%;
    /*min-width: 1400px;*/
	height:500px; /* 原562 */
}

.carousel-control {
    width: 5%
}

.glyphicon-chevron-left:before {
    font-family: FontAwesome;
    content: "\f104";
    font-size: 3em;
}

.glyphicon-chevron-right:before {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 3em;
}

.carousel-caption {
    width: 1170px;
	height: 50px;
	overflow: hidden;
    padding: 0 15px;
    background: #256fa0;
    color: #fff;
    text-align: left;
    bottom: inherit;
    top: 450px;/* 原512 */
    z-index: 5;
    right: inherit;
    left: 50%;
    margin-left:-585px;
}
.carousel-caption .title-main {
    font-size: 1.375em;
    line-height: 50px;
    margin: 0;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.5);
	display: inline-block;
}
.carousel-caption .carousel-title .title-label {
    font-size: 1.375em;
    display: inline-block;
}

.carousel-caption a.more {
    font-size: 0.7em;
    color: #fff900;
    text-decoration: underline;
    margin-left: 8px;
}

.carousel-indicators li {
    background-color: #256FA0;
    border: none
}

.carousel-indicators .active {
    background-color: #000;
}

.carousel-indicators {
    bottom: -30px;
}
/**----列車訊息----**/

.train-notice {
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    display: block;
}

/*------------------------------------首頁查詢頁籤--------------------------------*/

.search-box {
    top: 350px;
    margin: 42px auto 0;
    color: #fff;
    min-width: 1170px;
    left: 0;
    right: 0;
}
.search-box .input-wrapper {
    color: #333;
}
.search-box .zone, .search-box .input-gap {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.search-box .input-gap {
    margin-left: 0;
}
.search-box .zone.time-wrapper {
    min-width: inherit;
}
.search-box .zone.v-bottom {
    margin-top:30px;
}
.search-box .zone {
    margin-right: 8px;
}

.search-box ul,
.search-box li {
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.search-box .list-tab li {
    width: 33.33%;
    float: left;
    height: 42px;
    font-size: 1em;
}

.search-box .list-tab a {
    font-size: 1.125em;
    line-height: 42px;
    display: block;
    color: rgba(255, 255, 255, 1);
    text-align: center;
}

.list-tab .active > a {
    color: rgba(255, 255, 255, 1);
}

.search-box .tab-bg1, #searchbox1 {
    background: rgba(250, 34, 90, 0.7);
}

.search-box .tab-bg2, #searchbox2 {
    background: #007A91;
}

.search-box .tab-bg3, #searchbox3 {
    background: #9E4000;
}

.search-box .tab-bg4, #searchbox4 {
    background: rgba(22, 53, 9, 0.7);
}

.search-box .tab-bg1.active,
#searchbox1.active,
.search-box .tab-bg2.active,
#searchbox2.active,
.search-box .tab-bg3.active,
#searchbox3.active,
.search-box .tab-bg4.active,
#searchbox4.active,
.search-box .tab-bg1.active a:hover,
.search-box .tab-bg2.active a:hover,
.search-box .tab-bg3.active a:hover,
.search-box .tab-bg4.active a:hover {
    background: rgba(0, 0, 0, 0.9);
}

.search-box .tab-bg1 a:hover {
    background: rgba(250, 34, 90, 0.8);
    color: rgba(255, 255, 255, 1);
}

.search-box .tab-bg2 a:hover {
    background: rgba(0, 63, 104, 0.8);
    color: rgba(255, 255, 255, 1);
}

.search-box .tab-bg3 a:hover {
    background: rgba(187, 84, 0, 0.8);
    color: rgba(255, 255, 255, 1);
}

.search-box .tab-bg4 a:hover {
    background: rgba(22, 53, 9, 0.8);
    color: rgba(255, 255, 255, 1);
}

.search-box > .container {
    position: relative;
}

.list-tab {
    position: absolute;
    left: 0;
}

.search-inner {
    position: relative;
    text-align: center;
    padding: 8px 16px 24px 16px;
}

.search-box .active {
    display: block;
}

.search-inner .zone {
    text-align: left;
}

/*---表單尺寸---*/
.tab-bg2 .site-wrapper .input-wrapper input {
    width: 200px;
}


/*-------------------首頁 頁籤 提示框--------------------*/

.search-box .icon-info + .tooltip .tooltip-inner {
    color: #666;
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}

.search-box .icon-info + .tooltip.top .tooltip-arrow {
    border-top-color: #fff;
}


.search-box .btn-basic {
    width: 260px;
    margin-top: -1px;
}

#searchbox3.search-inner {
    padding: 8px 30px 24px;
   
}

/*-----------------------------首頁 最新消息 區塊-------------------------*/

.index-newsbox {
    margin: 50px auto;
}

.index-newsbox .title-wrapper {
    display: block;
    position: relative;
}

/*-----------------------------202004修改-------------------------*/
.index-newsbox .title-text {
    font-size: 1.1em;
    border-bottom: 3px solid #d0d0d0;
    padding-bottom: 4px;
}

.index-newsbox .more {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 0.25em;
    border-bottom: 3px solid #256fa0;
    width: 10%;
    font-size: 1.125em;
    text-align: center;
}

.index-newsbox .more a {
    display: block;
    line-height: 0.8em;
    color: #256fa0;
}

.index-newsbox .more a:after {
    content: "+";
    display: inline-block;
    width: 24px;
    height: 24px;
    /*border: 2px solid #256fa0;*/
    border-radius: 50%;
    text-align: center;
    font-size: 1.5em;
    padding-top: 5px;
    margin-left: 4px;
}

.index-newsbox ul {
    margin-top: 12px;
}

.index-newsbox ul li {
    font-size: 1.125em;
    margin: 0;
    padding: 8px 16px;
    border-bottom: 1px solid #f3f3f3;
    clear: both;
    display: block;
}

.index-newsbox .news-label,
.index-newsbox .text,
.index-newsbox .post-info,
.index-newsbox .time {
    float: left;
    margin-right: 2%;
    width: 8%;
    text-align: center;
    overflow: hidden;
}

.index-newsbox .news-label {
    width: 6%;
}

.index-newsbox .news-label span {
    padding: 4px 12px;
    background: #5e5e5e;
    color: #fff;
}

.index-newsbox .time {
    margin-right: 0;
    text-align: right;
    width: 10%;
}

.index-newsbox .text {
    width: 70%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;      
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

.index-newsbox li.wrong {
    background: #ffd6d6;
}

.index-newsbox li.wrong .news-label span {
    background: #de0000;
}

.index-newsbox li.wrong .text a {
    color: #C70000;
}


/*--------------------------------首頁購物區塊---------------------------*/

.things-item {
	background: #f7f7f7;
	color: #000;
	padding: 3em 0;
	min-width: 1170px;
	margin: 0 auto;
}
.things-item.more-item {
    border-top: 1px solid #ccc;
    background: #fff;
}

.things-item .item-img {
    position: relative;
}

.things-item .event {
    padding: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.things-item-list {
    margin: 16px 0;
}

/* 20201016改 */
.things-item .description {
    padding: 16px 19px;
    height: 270px;
}

.things-item h3 {
    font-size: 1.375em;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space : nowrap;
    display : inline-block;
    width: 100%;
}

.things-item .description p {
    margin: 16px 0;
    position: relative;
    line-height: 1.5em;
    height: 72px;
    overflow: hidden;
    letter-spacing: 1px;
    text-align: justify;
}

.things-item .btn.angle-left {
	background: #C70000;
	color: #fff!important;
}

.things-item .btn.angle-right {
    border: 2px solid #000;
    color: #000;
}
.things-item .btn {
    font-size:1em;
}
.things-item .btn.angle-left:hover {
	background: rgba(199, 0, 0, 0.8);
}

.things-item .btn.angle-right:hover {
	border: 2px solid rgba(43,43,43, 0);
	color: rgba(255,522,255,1);
	background: rgba(0, 0, 0, 0.3);
}

.things-item .things-sy1 {
    /*橘色底*/
    background: #e9931a;
}

.things-item .things-sy1 .btn.angle-left {
    color: #e9931a;
}

.things-item .things-sy1 .event {
    background: #c86503;
    background: rgba(208, 101, 3, 0.8);
}

.things-item .things-sy2 {
    /*藍色底*/
    background: #1691be;
}

.things-item .things-sy2 .btn.angle-left {
    color: #1691be;
}

.things-item .things-sy2 .event {
    background: #166ba2;
    background: rgba(22, 107, 162, 0.8);
}

.things-item .things-sy3 {
    /*綠色底*/
    background: #59920e;
}

.things-item .things-sy3 .btn.angle-left {
    color: #59920e;
}

.things-item .things-sy3 .event {
    background: #2c5809;
    background: rgba(44, 88, 9, 0.8);
}


/*載入更多*/

.load-more {
    margin: 2em auto;
    text-align: center;
}

.load-more .btn {
    width: 23.125em;
    padding: 0.5em 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}