﻿body
{	
	font-family: Arial;
	color: #000000;
}

.float-layer-home {    
    margin-top: 0px;
}

/*頂端功能*/
#divPageTop 
{
    color: #FFFFFF;
	background-color: #005dac;
}
#divPageTop #top_menu a {
	color: #FFFFFF;
    text-decoration: none;    
}
#divPageTop #top_menu .font_small {
	background: url('font_s.png') no-repeat center center;
}
#divPageTop #top_menu .font_small_selected {
	background: url('font_s_f.png') no-repeat center center;
}
#divPageTop #top_menu .font_middle {
	background: url('font_m.png') no-repeat center center;
}
#divPageTop #top_menu .font_middle_selected {
	background: url('font_m_f.png') no-repeat center center;
}
#divPageTop #top_menu .font_large {
	background: url('font_l.png') no-repeat center center;
}
#divPageTop #top_menu .font_large_selected {
	background: url('font_l_f.png') no-repeat center center;
}

.BannerLogo
{
	background: url('banner_1170.jpg') no-repeat left center;	
}

/*搜尋區塊*/
#divSearch {
	background-color: #fff;	
}
#divSearch #divSearchBar #divSearchButton input[type="submit"]
{
	color: #FFFFFF;
	background-color: #dd2280;
}

/*主選單*/
#divMenu .nav > li > a:hover,
#divMenu .nav > li > a:focus {
	color: #000000;
	background-color: #9df5de;
}
#divMenu .navbar-expand-lg {
	background-color: #007cbb;
	background: url('menu_bg.gif') repeat-x;
}
#divMenu .navbar-expand-lg .navbar-nav > li > a {	
    color: #FFFFFF;    
}
#divMenu .navbar-expand-lg .navbar-nav > li.open > a
{
	color: #000000;
}
#divMenu .navbar-expand-lg .navbar-nav > li > a:hover,
#divMenu .navbar-expand-lg .navbar-nav > li > a:focus {	
    color: #000000;    
}
#divMenu .navbar-expand-lg .navbar-nav > li:hover {
	color: #000000;
	background-color: #9df5de;
}
#divMenu .dropdown-menu > li > a {
    color: #000000;    
}
#divMenu .dropdown-menu > li > a:hover,
#divMenu .dropdown-menu > li > a:focus {
	color: #000000;
	background-color: #9df5de;
}

/*內容*/
.div-content {
    border-top: 3px solid #b2d6f4;
    border-bottom: 3px solid #b2d6f4;    
}

/* 麵包屑 Path */
#divPath .container
{
	color: #000000;
	background: #b2d6f4;
}
#divPath a {
	color: #000000;
}
#divPath a:hover,
#divPath a:focus {
	color: #000000;
}

/*單元標題*/
#divSubject {
    background: url('dashline.gif') repeat-x bottom left;
}
#divSubject h1 {	
    color: #034ea1;    
}

/*回上一頁、回頁首*/
.aBack, .aBack:hover, .aBack:visited,
.aPageTop, .aPageTop:hover, .aPageTop:visited {   
    color: #000000;
    background-color: #b2d6f4;    
}


/* 內頁左側選單 */
#divLeftMenu {
    border: 1px solid #cbcbcb;
    border-bottom: 2px solid #b2d6f4;    
}
#divLeftMenu .menu_title {
	border-top: 4px solid #b2d6f4;	
	background: #ecebec;
}
#divLeftMenu .menu_title a {
	color: #034ea1;
}
#divLeftMenu .menu_list li a
{
	background: url('icon_menu_red.png') no-repeat 5px 8px;	
	color: #000000;    
}
#divLeftMenu .menu_list li:hover,
#divLeftMenu .menu_list li:focus,
#divLeftMenu .menu_list li.selected {
	background-color: #0071a2;
}
#divLeftMenu .menu_list li:hover a,
#divLeftMenu .menu_list li:focus a,
#divLeftMenu .menu_list li.selected a {
	color: #fff000;
}


/*FatFooter*/
#divFatFotoer .container {
    background-color: #005dac;    
}
#divFatFotoer dl dt,
#divFatFotoer dl dt a {
    color: #FFFFFF;
}
#divFatFotoer dl dd,
#divFatFotoer dl dd a {
	color: #FFFFFF;
}


/*頁尾資訊*/
#divPageBottom .container
{	
	background-color: #E8F0C5;	
}
#divPageBottom .e_gov,
#divPageBottom .a_plus
{
	margin-top: 30px;
}
#divPageBottom .info
{	
	color: #5f3c24;
	font-size: 105%;
	font-weight: bold;
}
#divPageBottom .info .divOrgName
{
	color: #7a001e;
	font-size: 110%;
	font-weight: bold;
}
#divPageBottom .info a
{
	color: #0029bb;
	font-size: 105%;
	font-weight: bold;
}

/*活動看版*/
#SliderBox {
    position: static;
    /*margin-top: 225px;*/
    width: 100%;
    z-index: 1;
}

#SliderBox .outlevel {
    width: 100%;
    height: auto;
}

#SliderBox .outlevel img {
    width: 100%;
}

#SliderBox .outlevel .bannerpic_left {
    width: 50%;
    float: left;
}

#SliderBox .outlevel .bannerpic_right {
    width: 50%;
    float: right;
}

#SliderBox .SlideMore {
    color: #005dac;
    position: relative;
    text-align: right;
    width: 5em;
    float: left;
    padding-top: 4px;
}

#SliderBox .SlideMore a {
    color: #005dac;
    font-weight: bold;
}

#SliderBox img {
    margin: 0 auto;
}


#SliderBox .bx-wrapper {
    margin-bottom: 0px;
}
/*以下都是輪播圈圈的位置及樣式，取代原本的css-開始*/
/*輪播圈圈的位置*/
#SliderBox .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #FFFFFF;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 1px solid #808080;
}

#SliderBox .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #EE1B22;
}

#SliderBox #bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 10px;
    float: left;
}

#SliderBox #bx-pager a {
    cursor: pointer;
    background: #b3b3b3;
    color: transparent;
    text-indent: -9999px;
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 3px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

 #SliderBox #bx-pager a:hover,
 #SliderBox #bx-pager a.active {
     background: #c1272d;
 }
/*輪播圈圈的css-結束*/

/*首頁新聞*/
#divHomeNewsDos
{
	margin-top: 29px;	
    /*margin-right:20px;*/
}
#divHomeNewsDos .tabs {
	top: 0;
    z-index: 1;
	width: 100%;
	height: 40px;
    /*background: url('news_title.gif'), no-repeat left center;*/
    background-color: #005EAC;
    border-radius: 3px;
    font-size: 120%;
    color: #FFFFFF;
    font-weight:bold;
    line-height: 40px;
}

#divHomeNewsDos .tabs .divHomeNewsDos-title-right {
    width: 30px;
    height: 40px;
    float: left;
    /*background: url('bar_right.png') no-repeat left center;*/
    background: url('icon_new.png') no-repeat left center;
    background-size: 30px;
    margin: 0 10px;
}

#divHomeNewsDos .tab_container {
	position: relative;
    width: 100%;
    min-height: 230px;	
}
#divHomeNewsDos .tab_container ul
{
    /*margin-left: 23px;*/
    padding: 0px 10px;
    /*border-left: 8px solid #66cc33;
    border-right: 8px solid #66cc33;*/
    margin-bottom: 0px;
    background-color: #FFFFFF;
}

#divHomeNewsDos .tab_container .divBottomLeftRadius {
    float: left;
    margin-left: 23px;
    width: 8px;
    height: 8px;
    /*background-color: #66cc33;*/
    /*border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;*/
}

#divHomeNewsDos .tab_container .divBottomRightRadius {
    float: right;
    width: 8px;
    height: 8px;
    /*background-color: #66cc33;*/
    /*border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;*/
}

#divHomeNewsDos .tab_container ul li {
    list-style: none;
    border-bottom: 1px dashed #000000;
    padding: 8px 0px;
}

/*#divHomeNewsDos .tab_container .divBottomRadius
{
	margin-left: 23px;
	width: 8px;
	height: 8px;
	background-color: #66cc33;	
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}*/
/*#divHomeNewsDos .tab_container ul li {
	list-style: none;
	border-bottom: 1px dashed #000000;
	line-height: 230%;
}*/
#divHomeNewsDos .tab_container ul li .liDate {
	padding: 0 5px;
	float: left;
}
#divHomeNewsDos .tab_container ul li .liContent {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#divHomeNewsDos .tab_container ul a {
    display: block;
	color: #000000;
	text-decoration: none;
}
#divHomeNewsDos .tab_container ul a:focus {
	color: #000000;
}
#divHomeNewsDos .tab_container .divNewsMore {
	clear: both;
    height: 25px;
    /*background: url('news_bottom.gif') no-repeat left center;*/
    margin-left: 16px;
    /*margin-top: 15px;*/
    position: relative;
}
#divHomeNewsDos .tab_container .divNewsMore a {
	position: absolute;
    right: 0px;
    color: #005EAC;
    font-weight: bold;
    /*top: 10px;*/
}

#divHomeNewsDos .tab_container .divNewsBottom {
    height: 10px;
    background-color: #005EAC;
    border-radius: 3px;
}

#divHomeSlideAD
{
    margin-top: 35px;
}

/*首頁最新統計指標*/
#divHomeStatsIndexDos {
    margin-top: 35px;
    /*margin-left: 20px;*/
}

#divHomeStatsIndexDos .tabs {
    top: 0;
    z-index: 1;
    width: 100%;
    height: 35px;
    /*background: url('stats_index_title.png') no-repeat left center;*/
    background-color: #F2A902;
    -webkit-text-shadow: 0 3px 18px rgba(0,0,0,.6);
    text-shadow: 0 3px 18px rgba(0,0,0,.6);
    position: relative;
    border-radius: 3px;
    font-size: 120%;
    color: #FFFFFF;
    font-weight:bold;
    line-height: 40px;
    padding-left: 10px;
}

#divHomeStatsIndexDos .tabs .stats-index-text {
    background: url('stats_index_text.png') no-repeat left bottom;
    background-size: 150px;
    width: 163px;
    height: 26px;
    position: absolute;
    right: 10%;
    bottom: 5px;
    /*margin-left: auto;
    margin-right: 100px;*/
}

#divHomeStatsIndexDos .stats-index-title-right {
    background: url('stats_index_title_right.png') no-repeat left center;
    float: right;
    width: 50px;
    height: 40px;
    display: none;
}

#divHomeStatsIndexDos .tab_container {
    position: relative;
    width: 100%;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexTable {
    display: table;
    margin-left: 15px;
    margin-right: 15px;
    /*padding-left: 5px;*/
    margin-bottom: 0px;
    background-color: #FFFFFF;
    /*border-left: 8px solid #ff6666;
    border-right: 8px solid #ff6666;*/
    height: 250px;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexTable .divStatsIndexRow {
    display: table-row;
    padding: 0px;
    margin: 0px;
    background-color: #FFFFFF;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexTable .divStatsIndexRow .divStatsIndexCell_Title .item_yyymm {
    font-family: Arial;
    color: #5f5d5e;
    font-size: 0.6875em;
    font-weight: normal;
    display: block;
    margin-bottom: 1px;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexTable .divStatsIndexRow .divStatsIndexCell_Title {
    display: table-cell;
    color: #356395;
    font-size: 0.8125em;
    width:35%;
    font-weight: bold;
    line-height: 1em;
    vertical-align: middle;
    height: 50px;
    border-bottom: 1px dashed #FCA300;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexTable .divStatsIndexRow .divStatsIndexCell_Title .pub_date {
    font-family: Arial;
    color: #5f5d5e;
    font-size: 0.6875em;
    font-weight: normal;
    display: block;
    margin-top: 1px;
    display: none;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexTable .divStatsIndexRow .divStatsIndexCell_Value {
    display: table-cell;
    padding: 3px 3px 5px 0px;
    font-family: Arial;
    font-size: 95%;
    font-weight: bold;
    line-height:1em;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    border-bottom: 1px dashed #FCA300;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexTable .divStatsIndexRow .divStatsIndexCell_Value .item_yyymm {
    font-family: Arial;
    color: #5f5d5e;
    font-size: 0.6875em;
    font-weight: normal;
    display: block;
    margin-bottom: 1px;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexTable .divStatsIndexRow .divStatsIndexCell_Change {
    display: table-cell;
    width: 30px;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px dashed #FCA300;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexTable .divStatsIndexRow .divStatsIndexCell_Rate {
    display: table-cell;
    padding: 3px 3px 5px 0px;
    font-family: Arial;
    font-size: 95%;
    font-weight: bold;
    text-align: right;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    border-bottom: 1px dashed #FCA300;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexTable .divStatsIndexRow .divStatsIndexCell_Files {
    display: table-cell;
    width: 40px;
    vertical-align: middle;
    border-bottom: 1px dashed #FCA300;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexTable .divStatsIndexRow .divStatsIndexCell_Files a {
    display: inline-block;
}

#divHomeStatsIndexDos .tab_container .divBottomLeftRadius {
    float: left;
    margin-left: 23px;
    width: 8px;
    height: 8px;
    background-color: #ff6666;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#divHomeStatsIndexDos .tab_container .divBottomRightRadius {
    float: right;
    width: 8px;
    height: 8px;
    background-color: #ff6666;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexMore {
    height: 19px;
    /*margin-left: 16px;
    margin-top: 20px;
    margin-bottom: 15px;*/
    text-align: right;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexMore #slider-next {
    display: inline-block;
    /*height: 5px;*/
    background: url('slider-next.png') no-repeat center center;
    cursor: pointer;
    background-size: 20px 11px;
    margin: 0px;
    margin-right: 20px;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexMore #slider-prev {
    display: inline-block;
    /*height: 5px;*/
    background: url('slider-prev.png') no-repeat center center;
    cursor: pointer;
    background-size: 20px 11px;
    margin: 0px;
}

#divHomeStatsIndexDos .tab_container .divStatsIndexBottom {
    height: 10px;
    background-color: #FCA300;
    border-radius: 3px;
}

#divHomeStatsIndexDos .bx-wrapper {
    margin-bottom: 0px;
}

#divHomeStatsIndexDos .bx-next,
#divHomeStatsIndexDos .bx-prev {
    display: block;
    width: 38px;
    height: 19px;
}

#divHomeStatsIndexDos .bx-wrapper img {
    max-width: initial;
    display: initial;
}

/*核心業務*/
#divHomeCoreItem {
    margin-top: 30px;
    background-color: #FFFFFF;
}

#divHomeCoreItem .divOuterContainer {
    /*border: 1px solid #A97D3C;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;*/
    border: 0;
    padding: 10px 45px;
}

#divHomeCoreItem .tabs {
    display: none;
    top: 0;
    z-index: 1;
    padding-right: 1px;
    text-align: center;
    color: #FFFFFF;
    background-color: #008EC3;
    font-size: 120%;
    padding: 10px;
    border-radius: 10px;
}

#divHomeCoreItem .outer-links img {
    width: 125px;
    height: 121px;
}

#divHomeActive {
    margin-top: 30px;
}

/*首頁重點連結*/
#divHomeActiveDos 
{
	margin-top: 20px;	
}
#divHomeActiveDos .divOuterContainer
{		
}
#divHomeActiveDos .outer-links
{
	
}
#divHomeActiveDos .outer-links .outer-links-div
{
	text-align: center;
	margin-bottom: 5px;
}
#divHomeActiveDos .outer-links .outer-links-div img {
	width: 162px;
    height: 157px;
}





@media print {
    
}

/* mobile xs */
@media screen and (max-width: 767px) {
	.BannerLogo
	{
		background: url('banner_logo.png') no-repeat left center;
		height: 110px;
	}

	.float-layer-home {
		margin-top: 0px;
	}

	/*主功能選單*/	
    #divMenu .navbar-expand-lg .navbar-nav > li > a {
        color: #FFFFFF;
    }    
	#divMenu .navbar-nav
	{	
		background-color: #286579;
	}
    #divMenu .navbar-nav .open .dropdown-menu {     
        background: #ffffff;
    }

    #SliderBox {
        margin-top: 0px;
    }
    	
}

@media screen and (min-width: 992px) {
    /*主功能選單*/	
    #divMenu .navbar-expand-lg .navbar-nav > li > a {
        color: #FFFFFF;
        text-align:center;
    } 
}

/* tablet sm */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .BannerLogo
	{
		background: url('banner_930.jpg') no-repeat left center;	
	}
}

/* desktop md */
@media screen and (min-width: 992px) and (max-width: 1170px) {
    .BannerLogo
	{
		background: url('banner_1170.jpg') no-repeat left center;	
	}

	.yamm .dropdown.yamm-fw .dropdown-menu li {    
        width: auto;        
    }
	/*.navbar-nav > li > .dropdown-menu4 {
		padding-left: 710px;
	}
	.navbar-nav > li > .dropdown-menu5 {
		padding-left: 520px;
	}*/
}

/* large-desktop lg */
@media screen and (min-width: 1171px) {
    .BannerLogo
	{
		background: url('banner_1170.jpg') no-repeat left center;	
	}

	.yamm .dropdown.yamm-fw .dropdown-menu li {    
        width: auto;        
    }
	/*.navbar-nav > li > .dropdown-menu4 {
		padding-left: 710px;
	}
	.navbar-nav > li > .dropdown-menu5 {
		padding-left: 520px;
	}*/
}