/* CSS Document */
body{font-family:Lato, "PingFang TC", "Helvetica Neue", Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif;position:relative}

.logo_is {
	display: block;
}

.banner_is {
	display:none;
}

.bg-new-btn {
	background-color:#F2EFDC;
}

.fastlink{width:145px;position:fixed;right:-115px;top:170px;transition:.4s;z-index:99999}
.fastlink_btn{float:left;width:30px;position:absolute;top:0px;left:0}
.fastlink_btn a{text-align:center;background-color:#6BA5A9;font-weight:bold;display:block;color:#fff;padding:10px 5px 40px;text-decoration:none;width:30px;border-radius:5px 0 0 5px;line-height:1.4em;position:relative}
.fastlink_btn a:after{content:'';background-color:#fff;border-radius:50%;width:18px;height:18px;position:absolute;bottom:13px;left:7px;z-index:99}
.fastlink_btn a:before{content:'';border:2px solid #6BA5A9;width:8px;height:8px;position:absolute;bottom:18px;left:13px;z-index:999;transform:rotate(-135deg);border-bottom:none;border-left:none}
.fastlink_btn a:hover{text-decoration:none; color:#e7e7e7;}
.fastlink_btn2{float:left;width:30px;position:absolute;top:0px;left:0;display:none}
.fastlink_btn2 a{text-align:center;background-color:#6BA5A9;font-weight:bold;display:block;color:#fff;padding:10px 5px 40px;text-decoration:none;width:30px;border-radius:5px 0 0 5px;line-height:1.4em;position:relative}
.fastlink_btn2 a:after{content:'';background-color:#fff;border-radius:50%;width:18px;height:18px;position:absolute;bottom:13px;left:7px;z-index:99}
.fastlink_btn2 a:before{content:'';border:2px solid #6BA5A9;width:8px;height:8px;position:absolute;bottom:18px;left:10px;z-index:999;transform:rotate(45deg);border-bottom:none;border-left:none}
.fastlink_btn2 a:hover{text-decoration:none; color:#e7e7e7;}
.fastlink ul{margin:0 0 0 30px;padding:7px 5px;width:115px;background-color:#92d1c4;text-align:center;border-radius:0 0 0 5px}
.fastlink ul li{margin:0 0 5px;list-style:none;border-bottom:1px dotted #fff;padding-bottom:5px}
.fastlink ul li:last-child{margin:0;border:none}
.fastlink ul li a{display:block;padding:5px;text-align:center;border-radius:5px;font-size:0.875em;color:#fff;line-height:1.5em}
.fastlink ul li a.web{font-size:0.813em}
.fastlink ul li a img{width:30px;height:30px;display:block;margin:0 auto 4px;}
.fastlink ul li a:hover{background-color:#6BA5A9;text-decoration:none}


#demos .owl-carousel{margin:2rem 0}
#demos .owl-carousel .item{padding:1rem}
#demos .owl-carousel .item h4{color:#FFF;font-weight:400;margin-top:0rem}
#demos .owl-carousel .item-video{height:300px}
#demos #setup{margin-top:4rem}
#demos .demo-list h5{margin:0}
@media only screen{.demo-list [class*="column"]+[class*="column"]:last-child{float:left}}


.large-12{width:100%}
.tab_news_text {margin:0px 5px; font-family:'微軟正黑體'; font-size:1em; padding:10px 2px;}
.menu_mobile{display: block;}


@media (min-width: 576px) {
.logo_is {
	display: block;
}

.banner_is {
	display:none;
}

.menu_mobile{
	display: block;
}

.tab_news_text {margin:0px 5px; font-family:'微軟正黑體'; font-size:1em; padding:10px 30px;}


}

@media (min-width: 768px) {
.logo_is {
	display:none;
}

.banner_is {
	display: none;
}

.menu_mobile{
	display: block;
}

    .tab_news_text {
        margin: 0px 5px;
        font-family: '微軟正黑體';
        font-size: 1.3125em;
        padding: 10px 30px;
    }

}

@media (min-width: 992px) {
.logo_is {
	display:none;
}

.banner_is {
	display: none;
}

.menu_mobile{
	display: block;
}

    .tab_news_text {
        margin: 0px 5px;
        font-family: '微軟正黑體';
        font-size: 1.3125em;
        padding: 10px 30px;
    }

}

@media (min-width: 1010px) {
.logo_is {
	display:none;
}

.banner_is {
	display: block;
}

.menu_mobile{
	display:none;
}

    .tab_news_text {
        margin: 0px 5px;
        font-family: '微軟正黑體';
        font-size: 1.3125em;
        padding: 10px 30px;
    }


}

@media (min-width: 1200px) {
.logo_is {
	display:none;
}

.banner_is {
	display: block;
}

.menu_mobile{
	display:none;
}

    .tab_news_text {
        margin: 0px 5px;
        font-family: '微軟正黑體';
        font-size: 1.3125em;
        padding: 10px 30px;
    }

}



.tabContent{position:static;display:none;padding:1em 0 .8em;background:#fff;}
.active .tabContent{display:block}
.tabContent ul{list-style-type:none;margin:0;padding:0;line-height:1.6em}
    .tabContent ul li {
        margin: 1em 0;
        padding: 0 10px 10px 10px;
        display: block;
        border-bottom: 1px solid #f4f4f4;
        position: relative;
        text-align: left;
        font-size: 1.125em
    }
.tabContent ul li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}
.tabContent ul li a:hover,.tabContent ul li a:focus{color:#6ea9ad;text-decoration:none;}
.tabContent ul li a:hover span,.tabContent ul li a:focus span{color:#666;text-decoration:none}
.tabContent ul li:hover::before{left:15px}
.tabContent ul li.news_icon a::before{content:'NEW';width:2.5em;height:1.5em;line-height:1.5em;text-align:center;position:absolute;top:4px;left:0px;border:none;background-color:#ec4d30;color:#fff;font-size:0.8em;padding:0;border-radius:3px}
.tabContent ul li.top_icon a::before{content:'TOP';width:2.5em;height:1.5em;line-height:1.5em;text-align:center;position:absolute;top:4px;left:0px;border:none;background-color:#6AB95A;color:#fff;font-size:0.8em;padding:0;border-radius:3px}
.tabContent ul li span{display:inline-block;margin:0 1em 0 0;color:#a5965d; width:100px}
.tabContent{display:none}
.active+.tabContent{display:block}



/*  
.tabContent ul li::before{content:'';width:0px;height:0px;position:absolute;top:8px;left:5px;border-top:5px solid transparent;border-left:5px solid #63b653;border-bottom:5px solid transparent;transition:.3s ease-out}*/

.more{clear:both;}
.btn-more{display:block;width:100%;max-width:180px;border-color:#a5965d;color:#a5965d;padding:10px 0;margin:20px auto;font-size:1em;border-radius:50rem}

.nav-item {padding:0 1px 0 0;}
@media (min-width: 425px) {
    .nav-item {
        padding: 0 14px 0 0;
    }
}


.search_form { width:150px;}

.mobile_menu_ul {
	background-color:#FFF;
	padding:0;
	margin:0;
	color:#666;
}

.mobile_menu_li {
	color:#666;
}

.menu_border_w{
	border-top:#CCC 1px solid;
	color:#666;
	padding:8px;
	background-color:#FFF;
}


.page-header {
    padding-bottom: 9px;
    margin: 25px 0 25px;
    border-bottom: 1px solid #eee;
    color: #00a5bb;
    font-weight: bold;
    font-size: 1.5625em;
    letter-spacing: 0.05em;
}

.breadcrumb {
    margin: 10px 0 20px -15px;
    list-style: none;
    font-size: 0.9375em;
    background-color: #FFF;
}
.breadcrumb>li{display:inline-block;}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb>.active{color:#6ea9ad}

.page_update_tm {
	width:100%;
	text-align:right;
	margin-top:50px;
	color:#a5965d;
	font-size:1em;
	font-family:"微軟正黑體";
	padding:5px 20px;
	margin-bottom:20px;
}

.main_content {
	line-height:30px;
	color:#606060;
	padding-left:2.5%;
	padding-right:2.5%;
}

.newsDate2 {
	color:#a5965d;
	margin-right:10px;
	display:inline-block;
}
.newsDate3 {
    white-space: nowrap;
    margin-right: 20px;
}
@media (min-width: 767px) {
    .newsDate3 {
        white-space: nowrap;
        margin-right: 40px;
    }
}
@media (min-width: 1023px) {
    .newsDate3 {
        white-space: nowrap;
        margin-right: 35px;
    }
}
@media (min-width: 1439px) {
    .newsDate3 {
        white-space: nowrap;
        margin-right: 20px;
    }
}
.newsDate4 {
    white-space: nowrap;
    margin-right: 20px;
}

@media (min-width: 767px) {
    .newsDate4 {
        white-space: nowrap;
        margin-right: 50px;
    }
}

@media (min-width: 1023px) {
    .newsDate4 {
        white-space: nowrap;
        margin-right: 40px;
    }
}

@media (min-width: 1439px) {
    .newsDate4 {
        white-space: nowrap;
        margin-right: 30px;
    }
}
.divPage1 {
    display:none;
}
.divPage2 {
    display:inline;
}
@media (min-width: 1439px) {
   
    .divPage1 {
        display: inline;
    }

    .divPage2 {
        display: none;
    }
}
.newsTitle2 {
    font-size: 1.1875em;
    display: inline-block;
}

.newsTxt2 {
    font-size: 1.125em;
    border-bottom: #f4f4f4 1px solid;
    padding: 12px 5px;
}

.newsTxt {
    font-size: 1.125em;
    border-bottom: #f4f4f4 1px solid;
    padding: 8px 5px;
    line-height: 30px;
}

.newsDate {
    padding: 10px;
    color: #CC0;
    font-weight: bold;
    width: 100%;
    font-size: 1.125em;
    text-align: left;
}

.newsTitle {
    font-size: 1.5em;
    padding-bottom: 15px;
}

.subnewsTitle {
	display:none;
}
 
@media (min-width: 768px) {
.newsDate {
	background-color:#CC0;
	padding:10px;
	color:#FFF;
	font-weight: bold;
	text-align: center;
}
.subnewsTitle {
	border-top:#c7dad5 1px dotted;	
	padding-top:15px;
	display: block;
}
}


.rwd-table {
 background: #fff;
 overflow: hidden;
}

    .rwd-table tr:nth-of-type(2n) {
 background: #eee;
    }

    .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: 8.5em;
 display: inline-block;
        }

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

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

@media (min-width: 800px) {
    .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: 1em !important;
    }
}



/* sub_nav media*/
ul.classLink_media {
    text-align: center;
    padding-bottom: 8px;
}

    ul.classLink_media li {
        display: inline-block;
    }

        ul.classLink_media li a {
            display: block;
            margin: 3px 3px 4px 3px;
            font-size: 1.0625em;
            font-family: "微軟正黑體";
            padding: 12px 10px;
            color: #000;
            border: 1px solid #e4e4e4;
            text-decoration: none;
            position: relative;
            background-color: #FFF;
        }

            ul.classLink_media li a:hover {
                background: #e2e2e2;
                color: #000;
            }

            ul.classLink_media li a.current {
                background: #666666;
                color: #fff;
            }

                ul.classLink_media li a.current:after {
                    content: " ";
                    width: 0px;
                    height: 0px;
                    border-style: solid;
                    border-width: 5px 7.5px 0 7.5px;
                    border-color: #666666 transparent transparent transparent;
                    position: absolute;
                    bottom: -5px;
                    left: 50%;
                    margin-left: -7.5px;
                }