/* CSS Document */
/* 訊息公告 頁籤 CSS *  Start */
	.news_tab {
	}

	.news_tab > section {
		display: none;
		padding: 10px 0px;
		border-top: 1px solid #dadada;
	}

	.news_tab > input {
		display: none;
	}

	.news_tab > label {
		display: inline-block;
		margin: 8px 1px -1px 1px;
		padding: 8px 3px;
		font-weight: normal;
		text-align: left;
		/*color: #00000;
		border: 1px solid transparent;*/
		background: linear-gradient(90deg, #dadada 15%, #E4E4E4 95%); /*for IE */
		background: -moz-linear-gradient(0deg, #dadada 15%, #E4E4E4 95%);
		background: -webkit-linear-gradient(0deg, #dadada 15%, #E4E4E4 95%);
		background: -o-linear-gradient(0deg, #dadada 15%, #E4E4E4 95%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
		/*border-bottom-left-radius: 5px;*/
    /*border-bottom-right-radius: 5px;*/
	}

	.news_tab > label:before {
		/*font-weight: normal;*/
		margin-right: 10px;
	}

	.news_tab > label:hover {
		border: 1px solid hsla(0,0%,50%,1.00);
		border-bottom: 0px solid hsla(0,0%,50%,1.00);
		background: hsla(0,0%,95%,1.00);
		cursor: pointer;
	}
	.news_tab > input:checked  label {
		border-bottom: 2px solid #9d0e35; /* 9d0e35 777777 by gray */
	}

	.news_tab > input:checked + label {
		font-weight: 600;
		border: 2px solid #9d0e35;
		background: hsla(0,0%,99%,1.00);
		border-bottom: 2px solid hsla(0,0%,100%,1.00); /* 9d0e35 777777 by gray */
		/*border-bottom: 1px solid #dadada;*/
		box-shadow: 1px -1px 1px hsla(0,0%,50%,0.75);
		-webkit-box-shadow: 2px -2px 1px hsla(0,0%,40%,1.00);
		-moz-box-shadow: 2px -2px 1px hsla(0,0%,40%,1.00);
	}
	.news_tab > input:nth-child(1):checked + label {
		/*
		background: linear-gradient(90deg, #FF9797 15%, #ffffff 95%); //for IE 
		background: -moz-linear-gradient(0deg, #FF9797 15%, #ffffffff 95%);
		background: -webkit-linear-gradient(0deg, #FF9797 15%, #ffffffff 95%);
		background: -o-linear-gradient(0deg, #FF9797 15%, #ffffffff 95%);*/
	}
	.news_tab > input:nth-child(3):checked + label {
		/*
		background: linear-gradient(90deg, #FF9224 15%, #ffffff 95%); //for IE 
		background: -moz-linear-gradient(0deg, #FF9224 15%, #ffffffff 95%);
		background: -webkit-linear-gradient(0deg, #FF9224 15%, #ffffffff 95%);
		background: -o-linear-gradient(0deg, #FF9224 15%, #ffffffff 95%);
		*/
	}
	.news_tab > input:nth-child(5):checked + label {
		/*
		background: linear-gradient(90deg, #F9F900 15%, #ffffff 95%); //for IE 
		background: -moz-linear-gradient(0deg, #F9F900 15%, #ffffffff 95%);
		background: -webkit-linear-gradient(0deg, #F9F900 15%, #ffffffff 95%);
		background: -o-linear-gradient(0deg, #F9F900 15%, #ffffffff 95%);*/
	}
	.news_tab > input:nth-child(7):checked + label {
		/*
		background: linear-gradient(90deg, #02F78E 15%, #ffffff 95%); //for IE 
		background: -moz-linear-gradient(0deg, #02F78E 15%, #ffffffff 95%);
		background: -webkit-linear-gradient(0deg, #02F78E 15%, #ffffffff 95%);
		background: -o-linear-gradient(0deg, #02F78E 15%, #ffffffff 95%);
		*/
	}
	.news_tab > input:nth-child(9):checked + label {
		/*
		background: linear-gradient(90deg, #0080FF 15%, #ffffff 95%); //for IE 
		background: -moz-linear-gradient(0deg, #0080FF 15%, #ffffffff 95%);
		background: -webkit-linear-gradient(0deg, #0080FF 15%, #ffffffff 95%);
		background: -o-linear-gradient(0deg, #0080FF 15%, #ffffffff 95%);
		*/
	}
	.news_tab > input:nth-child(11):checked + label {
		/*
		background: linear-gradient(90deg, #6A6AFF 15%, #ffffff 95%); //for IE 
		background: -moz-linear-gradient(0deg, #6A6AFF 15%, #ffffffff 95%);
		background: -webkit-linear-gradient(0deg, #6A6AFF 15%, #ffffffff 95%);
		background: -o-linear-gradient(0deg, #6A6AFF 15%, #ffffffff 95%);
		*/
	}
	.news_tab > input:nth-child(13):checked + label {
		/*
		background: linear-gradient(90deg, #B766AD 15%, #ffffff 95%); //for IE 
		background: -moz-linear-gradient(0deg, #B766AD 15%, #ffffffff 95%);
		background: -webkit-linear-gradient(0deg, #B766AD 15%, #ffffffff 95%);
		background: -o-linear-gradient(0deg, #B766AD 15%, #ffffffff 95%);
		*/
	}


	#tab1:checked ~ #content1,
	#tab2:checked ~ #content2,
	#tab3:checked ~ #content3,
	#tab4:checked ~ #content4,
	#tab5:checked ~ #content5,
	#tab6:checked ~ #content6,
	#tab7:checked ~ #content7,
	#tab8:checked ~ #content8,
	#tab9:checked ~ #content9,
	#tab10:checked ~ #content10,
	#tab11:checked ~ #content11,
	#tab12:checked ~ #content12,
	#tab13:checked ~ #content13,
	#tab14:checked ~ #content14,
	#tab15:checked ~ #content15 {
		display: block;
	}

	@media screen and (max-width: 768px) {
		.news_tab > label {
			padding: 5px 3px;
			/*float:left;*/
			margin: 1px 0px;
		}
		.news_tab >input:checked + label {
			/*border-bottom: 1px solid #fff;*/
		}
		.news_tab > label:before {
			margin: 0;
		}
		.news_tab > section {
			border-top: none;
		}
	}
	@media screen and (max-width: 500px) {
		.news_tab > label {
			font-size: 90%;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
		}
		
		.news_tab > label:hover {
			border: 2px solid hsla(0,0%,50%,1.00);
			background: hsla(0,0%,95%,1.00);
			cursor: pointer;
		}
		.news_tab > input:checked  label {
			border-bottom: 2px solid #9d0e35; /* 9d0e35 777777 by gray */
		}
		.news_tab > input:checked + label {
			font-weight: 600;
			border: 2px solid hsla(0,0%,20%,1.00);
			background: hsla(0,0%,99%,1.00);
			/*border-bottom: 1px solid #dadada;*/
			box-shadow: 0px 0px 0px hsla(0,0%,40%,1.00);
			-webkit-box-shadow: 0px 0px 0px hsla(0,0%,40%,1.00);
			-moz-box-shadow: 0px 0px 0px hsla(0,0%,40%,1.00);
			border-radius: 10px;
		
		}		

		
	}