﻿@charset "utf-8";
/*---- header區塊 ----*/
body{
	color:#484848;
    /*background: url(../../../images/bg/bodyBg2.png) no-repeat top center #fffce2;*/
    background-size: 100%;
}
body#index1, body#subweb{
	color:#484848;
	background:none;
}

#content .webWrap {
    background: rgba(255, 255, 255, .7);
}
#index1  #content .webWrap, #content footer .webWrap {
    background: none;
}
#index1 .aqi{
	/*background:url(../../../images/bg/bodyBg2.png) no-repeat center  #fffce2;
	background-size:100%;*/
}

a#gotocenter {
	background: #2196f3;
	color: #fff;
}
/*a:focus, button:focus, input:focus, select:focus, textarea:focus,
.topSearch .searchBtn:focus, .dl-menuwrapper li a:focus,
.tb-bottom .moreBtn:focus, .botLinks select:focus, .botLinks input.botLinks-btn:focus{
	border:3px solid #F60;
}*/
header{
    background: #fff;
}
.weatherBox .wb-R p {
	display:inline-block;
}
.wb-R .weather{
	color:#2196f3;
}
.wb-R .degree{
	color:#ad44b5;
}

.topSearch .searchBtn {
	background:#2196f3;
}


/*---- 內容區塊 ----*/
.downloadBtn{
    background: #4caf50;
    box-shadow: 0 3px #379242;
}
.downloadBtn:hover{
    background: #379242;
    box-shadow: 0 3px 5px rgba(0,0,0,.3) inset;
}
.downloadBtn.db-color2{
    background: #FF9800;
    box-shadow: 0 3px #cf7c00;
}
.downloadBtn.db-color2:hover{
    background: #cf7c00;
    box-shadow: 0 3px 5px rgba(0,0,0,.3) inset;
}

.subWeb .articleWrap{
	background:#fff;
}
.mainContent .topTitle {
    border-bottom: 2px solid #03a9f4;
}
.mc_L .leftMenu {
    border: 2px solid #dbdbdb;
}
.leftMenu li a {
    background: #f0f0f0;
}
.leftMenu li a:hover, .leftMenu li.keep a{
	background:#21a8f3;
	color:#fff;
}
.searchBox {
    background: #ebebeb;
}
.searchBox .note {
    color: #3f51b5;
}
.searchBtn{
	background:#737373;
	color:#fff;
}
.searchBtn.orgBtn{
	background:#ff9800;
}
.searchBtn:hover{
	background:#000;
	color:#fff;
}
.articleTop {
    background: #eeedeb;
}
.contentTitle {
    color: #0062b0;
}
.articleType {
    background: #ff9800;
    color: #fff;
}
.RL-th {
    background: #ffffff;
    color: #2196F3;
    border-bottom: 2px solid #2196F3;
}
.RL-td {
    background: #ecf9ff;
}
.RL-td .downloadList li{
    color: #2196f3;
    border-bottom: 1px dotted #ccc;
}
.RL-td .downloadList a {
    color: #727272;
}
.RL-td .downloadList a:hover{
	color:#000;
}
.contentType li a{
	background:#efefef;
	color:#0072c4;
    border: 1px solid #d6d4d4;
    border-bottom: 2px solid #035890;
}
.contentType li.keep a, .contentType li a:hover{
	background:#0072c4;
	color:#fff;
    border: 1px solid #035890;
    border-bottom: 2px solid #035890;
}
.tabs nav a {
    background: #000;
	color: #fff;
}
.tabs nav a:hover {
	color: rgba(255,255,255,.7);
}
/*.tabs nav li.tab-current a {
	color: #fff;
}*/

#news .tabs nav a {
    color: #a2bcc5;
}
#news .teamList li.tab-current a, #news .teamList-sub li a.keep, .themeArea h2{
	color:#1492ea;
}
#news .indexTitle::after{
    color: #d0dcdf;
}
.no-js .content section {
	border-bottom: 1px solid #47a3da;
}
.tabs #section-0, .teamList li .tl0{
	background:#63b1e1;	
}
.tabs #section-1, .teamList li .tl1{
	background:#18a194;	
}
.tabs #section-2, .teamList li .tl2{
	background:#7cb530;	
}
.tabs #section-3, .teamList li .tl3{
	background:#FF9800;	
}
.tabs #section-4, .teamList li .tl4{
	background:#FF5722;	
}
.tabs #section-5, .teamList li .tl5{
	background:#E91E63;	
}
.tabs #section-6, .teamList li .tl6{
	background:#d1069d;	
}
.tabs #section-7, .teamList li .tl7{
	background:#9C27B0;	
}
.tabs #section-8, .teamList li .tl8{
	background:#673AB7;	
}

#news .tabs #section-1, #news .tabs #section-2, #news .tabs #section-3, #news .tabs #section-4, #news .tabs #section-5{
	background:#fff;	
}
.newsWrap{
	background:#f4f4f4;	
}

.teamList-sub li a{
	background:rgba(0, 0, 0, 0.2);
	color:#fff;
}
.teamList-sub li a:hover, .teamList-sub li.keep a{
	background:rgba(0, 0, 0, 0.5);
}
#index1 .thA-Wrap {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ddf3f5+0,c8ebee+100 */
	background: rgb(221,243,245); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(221,243,245,1) 0%, rgba(200,235,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(221,243,245,1) 0%,rgba(200,235,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(221,243,245,1) 0%,rgba(200,235,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf3f5', endColorstr='#c8ebee',GradientType=0 ); /* IE6-9 */
}
#index1 .themeList li.tl-blue a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3db6fb+0,1c91f8+100 */
	background: rgb(61,182,251); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(61,182,251,1) 0%, rgba(28,145,248,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(61,182,251,1) 0%,rgba(28,145,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(61,182,251,1) 0%,rgba(28,145,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3db6fb', endColorstr='#1c91f8',GradientType=0 ); /* IE6-9 */
	transition:all ease-out .4s;
}
#index1 .themeList li.tl-blue a:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3db6fb+0,1c91f8+100 */
	background: rgb(181, 53, 241); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(28,145,248,1) 0%, rgba(61,182,251,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(28,145,248,1) 0%,rgba(61,182,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(28,145,248,1) 0%,rgba(61,182,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c91f8', endColorstr='#3db6fb',GradientType=0 ); /* IE6-9 */
}
#index1 .themeList li.tl-purple a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3db6fb+0,1c91f8+100 */
	background: rgb(255, 199, 251); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 199, 251,1) 0%, rgba(241, 146, 241,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255, 199, 251,1) 0%,rgba(241, 146, 241,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 199, 251,1) 0%,rgba(241, 146, 241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc7fb', endColorstr='#f192f1  ',GradientType=0 ); /* IE6-9 */
	transition:all ease-out .4s;
}
#index1 .themeList li.tl-purple a:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3db6fb+0,1c91f8+100 */
	background: rgb(241, 146, 241); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(241, 146, 241,1) 0%, rgba(255, 199, 251,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(241, 146, 241,1) 0%,rgba(255, 199, 251,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(241, 146, 241,1) 0%,rgba(255, 199, 251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f192f1  ', endColorstr='#ffc7fb',GradientType=0 ); /* IE6-9 */
}
#index1 .themeList li.tl-purple1 a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3db6fb+0,1c91f8+100 */
	background: rgb(255, 13, 255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(235, 173, 235,1) 0%, rgba(255, 13, 255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(235, 173, 235,1) 0%,rgba(255, 13, 255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(235, 173, 235,1) 0%,rgba(255, 13, 255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebadeb', endColorstr='#FF0DFF  ',GradientType=0 ); /* IE6-9 */
	transition:all ease-out .4s;
}
#index1 .themeList li.tl-purple2 a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3db6fb+0,1c91f8+100 */
	background: rgb(176, 69, 255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(197, 122, 253,1) 0%, rgba(176, 69, 255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(197, 122, 253,1) 0%,rgba(176, 69, 255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(197, 122, 253,1) 0%,rgba(176, 69, 255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c57afd', endColorstr='#B045FF  ',GradientType=0 ); /* IE6-9 */
	transition:all ease-out .4s;
}
#index1 .themeList li.tl-purple2 a:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3db6fb+0,1c91f8+100 */
	background: rgb(197, 122, 253); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(176, 69, 255,1) 0%, rgba(197, 122, 253,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(176, 69, 255,1) 0%,rgba(197, 122, 253,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(176, 69, 255,1) 0%,rgba(197, 122, 253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B045FF  ', endColorstr='#c57afd',GradientType=0 ); /* IE6-9 */
}
#index1 .themeList li.tl-purple3 a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3db6fb+0,1c91f8+100 */
	background: rgb(198, 120, 255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(215, 168, 250,1) 0%, rgba(198, 120, 255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(215, 168, 250,1) 0%,rgba(198, 120, 255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(215, 168, 250,1) 0%,rgba(198, 120, 255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7a8fa', endColorstr='#C678FF  ',GradientType=0 ); /* IE6-9 */
	transition:all ease-out .4s;
}

#index1 .themeList a p{
	color:#Fff;
    /*text-shadow: 1px 1px 3px rgba(0,0,0,.8);*/
}
#index1 .themeList .tl-purple a p,
#index1 .themeList .tl-purple1 a p,
#index1 .themeList .tl-purple3 a p{
	color:#333;
    /*text-shadow: 1px 1px 3px rgba(255,255,255,.8);*/
}
.indexTitle {
    border-bottom: 2px solid #50c0c2;
}
#index1 .tabs nav .teamList li a{
	background:#e7f1fa;
	color:#1c91f8;
	padding:.25em 1em;
	position:relative;
}
#index1 .tabs nav .teamList li.tab-current a{
	background:#1c91f8;
	color:#fff;
}
#index1 .tabs nav .teamList .tab-current:after {
    content: " ";
	position:absolute;
    width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 25px solid #1c91f8;
	left:40%;
}
/*#news .tabs nav ul {
    border-bottom: 2px solid #50c0c2;
}*/
#news .tabs nav ul::after{
	content:' ';
	display:block;
	width:100%;
	height:3px;
	background: rgb(76,180,219); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(76,180,219,1) 1%, rgba(198, 122, 210,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(76,180,219,1) 1%,rgba(198, 122, 210,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(76,180,219,1) 1%,rgba(198, 122, 210,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cb4db', endColorstr='#c67ad2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#news .dateStyle {
    color: #86187d;
}
#news .Bnews-Img {
    /*border: 10px solid #d295e0;*/
	background:#d295e0;
}
.newsList li{
	background:#fff;
	border-top:1px solid #ccc;	
}
.newsList li:last-child{
	border-bottom:1px dotted #ccc;
}
.newsList li:hover{
    background: #eae3ff;
}

/*#news .tabs nav li.tab-current::after {
    border-bottom: 7px solid #50c0c2;
}
.tb-bottom {
    background: #e9e9e9;
}*/
.tb-bottom .moreBtn{
	border:2px solid #9C27B0;
	background:#fff;
	color:#9C27B0;
}
.tb-bottom .moreBtn:hover, .tb-bottom .moreBtn:focus{
	color:#fff;
	background:#9C27B0;
}
.aqi-L h2 {
    color: #464646;
}
.aqiUpdate, .aqiStop:after{
    color: #158bd5;
}
.aqiList li {
    background: #efefef;
}

.aqi-L {
	border-bottom:1px solid #93c1ce;
}
.aqiInfo{
	color:#333;
}
.aqiLevel1, .aqiLevel2, .aqiLevel3, .aqiLevel4{
	color: #000000;
}
.aqiLevel1{
	background: #00e800;	
}
.aqiLevel2{
	background: #ffff00;	
}
.aqiLevel3{
	background: #ff7e00;	
}
.aqiLevel4{
	background: #ff0000;	
}
.aqiLevel5, .aqiLevel6{
	color: #fff;
}
.aqiLevel5{
	background: #8f3f97;	
}
.aqiLevel6{
	background: #7e0023;	
}

.topblockArea {
	/*background:url(../../../images/bg/indexbg1.png) center bottom no-repeat,
			   url(../../../images/bg/indexbg2.png) center top no-repeat;
	background-size:100%;*/
}

@media (max-width: 480px) {
	/*#news .tabs nav li.tab-current::before{
		border-left: 7px solid #47ca7e;
	}
	#news .tabs nav li.tab-current a{
		color:#47ca7e;
	}*/
}

/*--- rwd主選單1樣式 ---*/
.nav-toggle {
    border: 1px solid #fff;
    color: #fff;
    background: #5ac67e;
}
.nav-toggle:hover,
.nav-toggle:focus,
.nav-toggle:active {
	background-color: #fff;
	color: #212428;
}
.nav-collapse ul {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+33,d9d9d9+100 */
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f5f5 0%, #d9d9d9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#d9d9d9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5f5f5 0%,#d9d9d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
}
.nav-collapse > ul {
	border-top: 1px solid #eaeaea;
}
.nav-collapse a {
	color: #5ac67e;
}
.nav-collapse a:hover,
.nav-collapse li.focus > a {
	background-color: #5ac67e;
    color: #fff;
}
.dropdown ul a {
	background: #45b56b;
	color: #Fff;
}
.dropdown ul ul a {
	background: #33a058;
    color: #Fff;
}
.dropdown .dropdown.opened .has-dropdown {
  background: #9c2c12;
}
.htmlWrap .htmlLinkBox {
    background: #f1f1f1;
}
.htmlWrap .htmlLinkBox a {
    color: #248bbc;
}
@media screen and (min-width: 40em) {
  .has-dropdown:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #5ac67e;
  }
	.nav-collapse a.has-dropdown:hover:after,
	.nav-collapse li.focus > has-dropdown:after {
		border-top: 6px solid #fff;
	}
  .dropdown ul .has-dropdown:after {
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid #fff;
  }
  .nav-collapse .dropdown li {
	border-bottom: 1px solid #ccc;
  }
}
@media screen and (max-width: 480px) {
  .nav-collapse a {
	  border-bottom: 1px solid #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+33,d9d9d9+100 */
	  background: #f5f5f5; /* Old browsers */
	  background: -moz-linear-gradient(top, #f5f5f5 0%, #d9d9d9 100%); /* FF3.6-15 */
	  background: -webkit-linear-gradient(top, #f5f5f5 0%,#d9d9d9 100%); /* Chrome10-25,Safari5.1-6 */
	  background: linear-gradient(to bottom, #f5f5f5 0%,#d9d9d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
  }
}
@media screen and (max-width: 39.999em) {
  .js .nav-collapse .dropdown-toggle {
    border: 1px solid #fff;
    color: #fff;
  }
  .js .nav-collapse .dropdown-toggle:hover,
  .js .nav-collapse .dropdown-toggle:focus,
  .js .nav-collapse .dropdown-toggle:active {
    background-color: #fff;
    color: #212428;
  }
}
.topNav{
	background:#303030;
	color:#fff;
}
.topNav a{
	color:#fff;
}
/*--- rwd主選單樣式 ---*/
.stellarnav.light {
    background: none;
    border-top: 1px solid #eee;
}
.stellarnav.light li a {
    color: #0f83df;
}
.stellarnav.light ul ul a{
    background: #0f83df;
    color: #fff;
}
.stellarnav li li {
	border-bottom:1px solid #fff;
}
/*--- rwd主選單2樣式 ---*/
.dl-menuwrapper button {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4cb4db+1,ffcf29+100 */
	background: rgb(76,180,219); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(76,180,219,1) 1%, rgba(198, 122, 210,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(76,180,219,1) 1%,rgba(198, 122, 210,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(76,180,219,1) 1%,rgba(198, 122, 210,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cb4db', endColorstr='#c67ad2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #4cb4db;
}
.dl-menuwrapper button:after {
	background: #fff;
	box-shadow:0 10px 0 #fff, 0 20px 0 #fff;
}
.dl-menuwrapper li {
	border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
}
.dl-menuwrapper li a {
	color: #fff;
}
.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}
.dl-menuwrapper li.dl-back > a {
	background: rgba(0,0,0,0.1);
}
.dl-menuwrapper li.dl-back:after {
	color: rgba(212,204,198,0.3);
}
.dl-menuwrapper li > a:after {
	color: rgba(0,0,0,0.15);
}

/*--- 首頁banner樣式 ---*/
.da-slide h2{
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}
.da-slide p{
	color: #FFF;
}
.da-slide .da-link{
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 5px solid rgba(255,255,255,0.8);
	background: rgba(255,255,255,0.2);
}
.da-slide .da-link:hover{
	background: rgba(255,255,255,0.3);
}
.da-dots span{
	background: #59c77e;
	box-shadow:1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows span{
	background: #59c77e;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span:after{
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}

/*--- rwdTable樣式 ---*/
.rwd-table {
	background: #f5f4f4;
	}
.rwd-table tr:nth-of-type(2n){
	background: #cce5fb;
	}
.rwd-table tr{
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
}
.rwd-table tr:hover, .rwd-table tr:nth-of-type(2n):hover{
	background:#dffbff;
	}
.rwd-table th, .rwd-table td:before {	
	color:#1d7bc7;
	background:none;
	}
@media (min-width: 480px) {
.rwd-table th {	
	color: #fff;
	background:#2196f3;
	border-bottom: 2px solid #016ec4;
	}
.rwd-table tr:nth-of-type(2n){
	background: #fff;
	}
}
@media (max-width: 480px) {
.rwd-table {
    background: #ececec;
}
}
/*---- footer區塊 ----*/
footer {
	background: #0a87ec;
}
.fatFooter {
    border-bottom: 1px solid #7ec5ff;
}
.fatFooter .panel {
    background: #f5f5f5;
}
.footerInfo, .footerLinks, .copyright {
    background: none;
    color: #e0f3ff;
}
.panel .ff-title::after{
	background: rgb(76,180,219); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(76,180,219,1) 1%, rgba(198, 122, 210,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(76,180,219,1) 1%,rgba(198, 122, 210,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(76,180,219,1) 1%,rgba(198, 122, 210,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cb4db', endColorstr='#c67ad2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.copyright, .sFooter .copyright{
	color:#fff;
}
.botLinks select {
    border: 1px solid #d6d6d6;
}
.botLinks input.botLinks-btn {
    background: #676767;
    color: #fff;
}
.footerLinks li a {
    color: #ffffff;
}

/*---- footer區塊end ----*/
.contentStyle .htmlsectionTitle,
.sitemapList .htmlsectionTitle a{
	color:#1584dd;
}
.contentStyle .blackTitle{
	color:#000;	
}
.directorImg img{
	border: 3px solid #e7e7e7;
}
.htmlTable1 li .thstyle{
	background: #0292d7;
	color:#fff;	
}
.htmlTable1 li p{
    background: #ebebeb;
    border-bottom: 1px solid #fff;
}
.htmlsubTitle {
    color: #009688;
    border-bottom: 2px solid #009688;
}
.titleBlock{
	color: #FF9800;
    background: #ededed;
}
ul.PTlist li a{
    background: #ff9800;
    color: #fff;
}
ul.PTlist li a:hover{
	background: #ff5722;
    color: #fffda4;
}
.tabs-style-linetriangle li a {
	background: #efefef;
    color: #009688;
    border: 1px solid #d6d4d4;
}
.tabs-style-linetriangle li.keep a {
    background: #009688;
    color: #fff;
}
.tabs-style-linetriangle li.keep a:after {
    border-top-color: #009688;
}
.dp-note{
    background: #dadcdd;
	color: #5a7f9e;
}
.dp-noteTitle{
	background: #3ea9ff;
    color: #fff;
}
.pdc-List li a {
    background: #e1f3ff;
	border-left: 5px solid #68a7ca;
}
.pdc-List li a:hover{
	background: #FF9800;
	border-left: 5px solid #db6600;
    color: #fff;
}
.innerBottomLink{
	background: #f2f2f2;
}
.innerBottomLink ul{
	border-top:1px solid #dfdfdf;
}
.innerBottomLink a, .innerBottomLink a:hover, .innerBottomLink a:active, .innerBottomLink a:focus, .innerBottomLink ul li .fa{
	color:#278fd8;
}

@media (max-width: 480px) {
body{
	background-size:cover;
}
#index1 .aqi {
    background-size: cover;
}
.aqi-L {
    border-right: 0;
    border-bottom: 1px solid #52a8a7;
}
}
.goTop a{
    background: rgba(0, 0, 0, .3);
	color:#fff;
}
.goTop a:hover{
    background: rgba(0, 0, 0, .7);
}
.subwebContentbg{
	background:rgba(255,255,255,.8);
}
.contentStyle .sitemapList ul li{
	border-bottom:1px dotted #ccc;
}
.rsstxtBtn{
	background:#F90;
	box-shadow:0 5px 0 #F60;
	color:#fff;
}
.rsstxtBtn:hover, .rsstxtBtn:focus{
	background:#F60;
}
