﻿<style>

body
{
    width:100%;
    margin: 100px auto 0 auto;
    font-family: "Microsoft JhengHei UI", "Microsoft YaHei",  'Trebuchet MS', Arial, Helvetica;
    font-size: large;
} 

h2, h3, p
{
    margin: 0 0 15px 0;
}

#newstabs
{
  overflow: auto;
  width: 100%;
  list-style: none;
  padding: 0;
  margin-left:5em;

}

#newstabs li
{
    margin: 0;
    padding: 0;
    float: left;
    

}

#newstabs a
{
    -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    background: #ad1c1c;
    background:    -moz-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);     
    background:     -ms-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); 
    background:      -o-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); 
    background:         linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    color: #fff;
    float: left;
    font-size:1.5em;
    font-weight:600;
    height: 40px;
    padding: 10px 50px 0px 50px;
    text-decoration: none;
}

#newstabs a:hover
{
    background: #c93434;
    background:    -moz-linear-gradient(220deg, transparent 10px, #c93434 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px);     
    background:     -ms-linear-gradient(220deg, transparent 10px, #c93434 10px); 
    background:      -o-linear-gradient(220deg, transparent 10px, #c93434 10px); 
    background:         linear-gradient(220deg, transparent 10px, #c93434 10px);     
}

#newstabs a:focus
{
    outline:0;
}

#newstabs #current a
{
    background: #fff;
    background:    -moz-linear-gradient(220deg, transparent 10px, #fff 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #fff 10px);     
    background:     -ms-linear-gradient(220deg, transparent 10px, #fff 10px); 
    background:      -o-linear-gradient(220deg, transparent 10px, #fff 10px); 
    background:         linear-gradient(220deg, transparent 10px, #fff 10px);
    text-shadow: none;    
    color:#ad1c1c;
}

#newscontent
{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background-image: -webkit-linear-gradient(top, #fff, #ddd); 
    background-image:    -moz-linear-gradient(top, #fff, #ddd); 
    background-image:     -ms-linear-gradient(top, #fff, #ddd); 
    background-image:      -o-linear-gradient(top, #fff, #ddd); 
    background-image:         linear-gradient(top, #fff, #ddd);
    -moz-border-radius: 0 2px 2px 2px;
    -webkit-border-radius: 0 2px 2px 2px;
    border-radius: 0 2px 2px 2px;
    -moz-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
    -webkit-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
    box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
    padding: 20px;
    width:1024px;
    margin-left:5em;
}

/* Remove the rule below if you want the content to be "organic" */
#newscontent div
{
	height:100%;

} 

#newscontent ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.6;}
	
#newscontent li {
	margin: 0 1.3em 0;
	padding:10px 0 0 0;  
	position: relative;
	border-bottom: 1px #F96C00 dashed;
}
#newscontent li a {
	white-space: inherit;
	overflow: visible;
	text-overflow:initial;
	margin-right:7em;
	margin-left:1em;
	text-align: left;
	display: inline-block;
	position: relative;
	padding: 0 0 10px 15px;
	font-size: large;
	color:black;
	font-weight:600;
	text-align: justify;
    text-justify:inter-ideograph;
}
#newscontent li a:hover {
    color:#F96C00 ;
}
#newscontent li a:before {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	transform: rotate(45deg);
	border: 2px solid #666;
	border-left: none;
	border-bottom: none;
	top: .5em;
	left: 0;
}

#newscontent li time {
	display: block;
	margin: 0 0 0 1em;
	text-align: right;
	font-size: large;
    color: #F96C00;
	width: 100px;
	position: absolute;
	right: 0;
	top: 0;
}


#newscontent1
{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background-image: -webkit-linear-gradient(top, #fff, #ddd); 
    background-image:    -moz-linear-gradient(top, #fff, #ddd); 
    background-image:     -ms-linear-gradient(top, #fff, #ddd); 
    background-image:      -o-linear-gradient(top, #fff, #ddd); 
    background-image:         linear-gradient(top, #fff, #ddd);
    -moz-border-radius: 0 2px 2px 2px;
    -webkit-border-radius: 0 2px 2px 2px;
    border-radius: 0 2px 2px 2px;
    -moz-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
    -webkit-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
    box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
    padding: 20px;
    width:1024px;
    margin-left:5em;
}

/* Remove the rule below if you want the content to be "organic" */
#newscontent1 div
{
	height:100%;

} 

#newscontent1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.6;}
	
#newscontent1 li {
	margin: 0 1.3em 0;
	padding:10px 0 0 0;  
	position: relative;
	border-bottom: 1px #F96C00 dashed;
}
#newscontent1 li a {
	white-space: inherit;
	overflow: visible;
	text-overflow:initial;
	margin-right:7em;
	margin-left:1em;
	text-align: left;
	display: inline-block;
	position: relative;
	padding: 0 0 10px 15px;
	font-size: large;
	color:black;
	font-weight:600;
	text-align: justify;
    text-justify:inter-ideograph;
}
#newscontent1 li a:hover {
    color:#F96C00 ;
}
#newscontent1 li a:before {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	transform: rotate(45deg);
	border: 2px solid #666;
	border-left: none;
	border-bottom: none;
	top: .5em;
	left: 0;
}

#newscontent1 li time {
	display: block;
	margin: 0 0 0 1em;
	text-align: right;
	font-size: large;
    color: #F96C00;
	width: 100px;
	position: absolute;
	right: 0;
	top: 0;
}


/* --- */
#newsabout
{ background-color:#96FCFB;
    color: #999;
}
#newsabout ul


#newsabout a
{
    color: #eee;
}
</style>
