/* need modify infoAreaRight and infoAreaLeft float value and height1 to height */

#informationArea {
	width:100%;
	padding:0px;
}
#informationArea #infoAreaRight{ 
	float:right;
	width: 33.333333%;
	height:410px;
}
#informationArea #infoAreaCenter{ 
	float:right;
	width: 33.333333%;
	height:410px;
}
#informationArea #infoAreaLeft{
	float:left;
	width: 33.333333%;
	height:410px;
}

@media (max-width: 991px) {
	#informationArea #infoAreaRight{
		float:none;
		width: 100%;
		height:410px;
		margin-top:20px;

	}
	#informationArea #infoAreaCenter{
		float:none;
		width: 100%;
		height:410px;
		margin-top:20px;
	}
	#informationArea #infoAreaLeft{
		float:none;
		width: 100%;
		height:410px;
		margin-top:20px;
	}
	#informationArea {
		width:100%;
	}
}

#information {
	width:100%;
	height:inherit;
}
#information .fa {
	font-size: 30px;
	position: relative;
	top: 0px;
	margin-right: 5px;
}
#information .content {
	/*padding: 0px 20px 55px 20px;*/
	padding: 0px 20px 10px 20px;
	overflow: hidden;
}
#information .divfloat1 {
	float: right;
}

#information .divfloat2 {
	float: left;
}


@media (max-width: 768px) {
    #information .content {
        text-align: center;
    }
}
@media (min-width: 1025px) {
   #information .content {
	  /*padding: 0px 35px 52px;*/
	  padding: 0px 35px 10px;
   }
    #information h3 {
        font-size: 1.8em;
    }
}


#information .boxC1_content {
	background-color:#a0e5fe;
	height:329px;
	padding-top:24px;
}
#information .boxC1_content ul li a {
	color: #333;
	font-size: 1.3em;
	padding: 5px 0;
	display: block;
	padding-left: 10px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#information .boxC1_content ul li a:hover {
	color: #333;
	background-color: #eee;
	border-radius: 5px;
	text-decoration: none;
	display: block;
}

#information .content ul li a1 {
	color: #fff;
	font-size: 1.3em;
	padding: 5px 0;
	display: block;
	padding-left: 10px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#information .content ul li a1:hover {
	color: #000;
	background-color: #fff;
	border-radius: 5px;
	text-decoration: none;
	display: block;
}
.boxA1 {
	background-color: #aa80b0;
    min-height: 255px;
	width:100%;
}
.boxB1 {
	background-color: #599c33;
    min-height: 255px;
	width:100%;
}
.boxC1 {
	border: 1px solid #ccc;
	background-color: #00aff0;  /*#4760a2*/ 
    min-height: 411px;
	width:100%;
}
.boxD1 {
	border: 1px solid #ccc;
	background-color: #ef4870; /*#e16531*/
    min-height: 320px;
	width:100%;
}
#information h3 {
	text-align: center;
	padding: 10px 0;
	/*border-bottom: 1px solid #ded2e2;*/
	font-size: 1.6em;
    font-weight: 400;
	letter-spacing: 4px;
	color: #333;
	/*margin: 0;*/
}
.boxD1 h3 {
	text-align: center;
	font-size: 1.6em;
	font-weight: 500; 
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight:bold;
	letter-spacing: 4px;
}
#information .button  a{
	color: #fff;
}
.boxC1 h3 {
    font-size: 1.6em !important;
    height: 50px; 
	font-weight:bold;
}
#information .button {
	background-color: #717171;  /*#ffffff*/
	color: #fff;
	outline: none;
	float: right;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .2rem 1rem;
	font-size: 1.5rem;
	border-radius: .25rem;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-top: 5px;
	margin-bottom:10px
}


#information .button:hover {
	background-color: #717171;
	color: #fff;
}

/* 電廠跑馬燈 區塊
.nuclear_content {
	padding: 0px 0px 10px 0px;
    text-align: center;
	overflow: hidden;
}
.nuclear_content table{
	width:100%;
}
.nuclear_content table td{
    text-align: center;
} */

.nuclear_content table {
	font-size: 1.1em;
	/*font-weight: bold;*/
	margin: auto;
	width: 100%;
}
.nuclear_content table thead td {
	text-align: center;
	line-height: 18px; 
	color: #ffffff;
	width: 33.333333%;
	background-color:#ef4870;
}
.nuclear_content table td {
	text-align: center;
	line-height: 27px;
}

#boxUpa1 table tbody tr:nth-child(odd), #boxUpa2 table tbody tr:nth-child(odd) {
	/*color: #282828;*/
	/*background-color: rgba(255, 255, 255, 0.79);*/
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}
#boxUpa1 table tbody tr:nth-child(even), #boxUpa2 table tbody tr:nth-child(even) {
	/*color: #4da244;*/
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}
#boxUp {
	margin-left:-1px;
	height: 325px;
}
#boxUp #boxUpa1 td, #boxUp #boxUpa2 td {
	padding: 0px 0px;
	width: 33.333333%;
}

@media (min-width:992px){
	#boxUp {
		/*height: 118px;*/
		margin-top: 0px;
	}
	.row-height {
		display: flex;
	}
}