@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 

blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, 

s, samp,
small, strike,sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th  
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Tahoma;
	vertical-align:middle;
	list-style-type: none;
}	
a
{
   text-decoration: none;
}
strong
{
	font-weight:700;
}
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
img
 {
max-width:100%;
border: medium none; 
}

body{  
margin: 0 auto;
background: url("../images/bgw.png");
background-attachment: fixed;
}
.page
{
	max-width: 66em;
	margin: 0 auto;
	padding: 0em 0em;
}
.clear
{
	clear: both;
}
/*css Header*/
#header
{
   width:100%;
   margin-bottom:0.2em;	
   	margin-top:0.1em;
}
.logo
{
	width: 24.2%;
    float: left;
}
.logo img
 {
     width:auto;
	 height:auto;
	 margin-left:0em;
	 margin-top:0em;
}
/*css Header*/
/* Clearfix */
.headside
{
   width: 75%;
   margin-right: 0em;
   	margin-top: 0.6em;
   float: right;	
}
nav {
	width: auto;
	margin-left:0.1em;
	font-family: 'PT Sans', Arial, sans-serif;
	font-size:1.2em;
	position: relative;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: auto;
}
nav li {
	float: left;
	width: 25%;
}
nav a {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 2.6em;
	border: 0.01em solid #000000;
    background-color: #FFFFFF;
	color: #000000;
	border-radius: 1em;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	text-decoration: none;
	background:#000099;
	color: #FFFFFF;
}
/*css Menu*/
.leftmenu
{
	width: 28.3%;
	float: right;
	margin-top: 0.2em;
	margin-right:0.05em;
}

.Main
{
	width: 71%;
	float: left;
	margin-top: 0.1em;
}

.headline10
{
 width: auto;
 line-height: 1.7em;
 text-align:center;
 background: #000066;	
 font-size: 1.2em;
 font-weight: 700;
 color: #e8e8e8;
 overflow:hidden;
}
.headline12
{
 width: 100%;	
 line-height: 1.7em;
 text-align:center;
 background: #000066 repeat scroll 0 0;
 font-size: 1.2em;
 font-weight: bold;
 color: #FFFFFF;
}
.headline13
{
 background: #000066;
  width:100%;
  line-height: 1.7em;
 text-align:center;
 font-size: 1.2em;
 font-weight:700;
 color: #FFFFFF;
}
/*css.ballstep tab*/
#ballstep
 {
margin: 0.2em 0em;
width: auto;
}
#ballstep strong{
	color:#0000FF;
	}	
#ballstep table {
    background-color: #666666;
}
#ballstep table tr td {
     background-color: #F0F8FF;
    font-size: 0.8em;
	height: 1.8em;
    vertical-align: middle;
}
#ballstep table tr th {
    background-color: #800000;
    color: #FFFFFF;
    font-size: 0.9em;
	height: 1.8em;
    vertical-align: middle;
}
/*css analy*/
.analy
{
	margin-top: 0em;
	 background-color: #FFFFFF;
	border: 0.05em solid #333333;
}
.analy ul li
{
    border-bottom: 0.05em solid #E6E6E6;
    font-size: 0.95em;
    list-style: none outside none;
    padding: 0.3em 0em;
	text-indent: 0.5em;
}
.analy ul li a:hover
{
	color: #FF0000;
}
.analy2 {
    margin-top: 0.1em;
	border: 0.05em solid #333333;
	 background-color: #FFFFFF;
	width: 100%;
	float: left;
}
.analy2 ul li
{
    border-bottom: 0.05em solid #E6E6E6;
    font-size: 0.95em;
    list-style: none outside none;
    padding: 0.3em 0em;
}
.analy2 ul li a:hover
{
	color: #FF0000;
}
.qdwj1
{
width: 80%;
}
.zrqt1
{
width: 80%;
}
.jfbtb1
{
width: 90%;
}
/*css analy*/
/* program */
.textr
{
	text-align:right;
	padding-right:0.1em;
}
.textr_r
{
	text-align:right;
	padding-right:0.1em;
	color:#bb0000;
}
.textl
{
	text-align:left;
	padding-left:0.1em;
}
.textl_r
{
	text-align:left;
	padding-left:0.1em;
	color:#bb0000;
}
.cemter_t
{
	text-align:center;
}

.tabball
{ 
	width:100%;
	/* margin-top: 0.2em; */
	border: 0.1em solid #333333;
	position:relative;
}
.tabball img
{ 
	border: medium none;
	max-width: 100%;
}
.tabball th
{
	background-color: #800000;
	padding-top:0.1em;
	padding-bottom:0em;
	line-height: 1.8em;
	font-size: 0.9em;
	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
}
.tabball tr td
{
   background-color: #F0F8FF;
  font-size: 0.8em;
  line-height: 1.8em;
}
.tabball tr td h3
{
	padding-left: 2.3em;
	line-height: 1.7em;
	font-size: 1.2em;
	color: #FFFFFF;
	background-color: #000022;
}
.x_ded
{
   color:#ff0000;
}
/* program */
/* tarang */
#footer
{
	background-color: #F0F8FF;
	width:100%;
	height: auto;
	margin: 0.2em 0em 0.5em 0em;
	padding: 0em 0em 1em 0em;
}
#footer a
{
	color: #0000BB;
}
#footer p
{
	color: #000000;	
	padding: 0.5em 0.5em 0.5em 0.5em;
}
#footer h6
{

	font-size: 1.2em;
	text-align: center;
	padding: 0.5em 0.5em 1em 0.5em;
}
.picpost12
{
	background: #c7c7c7;
}
.showdetail
{
	padding: 2em 1em;
	font-size: 0.9em;
	 background-color: #FFFFFF;
}
.showdetail table
{
	width:80%;
}
.showdetail td
{
	line-height: 1.6em;
	text-align: center;
}
.showdetail th
{
	line-height: 1.8em;
	text-align: center;
}
.showdetail h2
{
	font-size: 1.2em;
   padding: 1em 0em 1em 0em;
   color: #0000cc;
   font-weight: bold;
}

.showdetail h3
{
	font-size: 1.1em;
   padding: 1em 0em 1em 0em;
   color:#FF0000;
   text-align: center;
   font-weight: bold;
}
.showdetail h4
{
	font-size: 1.1em;
   text-indent: 1em;
   color: #0000CC;
   padding: 2em 0em 0.5em 0em;
   font-weight: bold;
}
.showdetail h5
{
	font-size: 1em;
	padding: 1em 0em 2em 0em;
	color:#FF0000;
	font-weight: bold;
}
.showdetail img
{
	margin: 0em 0em 0.5em 0em;
}
.shownews
{
	padding: 1em 1em;
	font-size: 1em;
	background: #FFFFFF;
	
}
.shownews strong
{
	padding-left: 2.5em;
}
.shownews h3
{
	font-size: 1.2em;
	font-weight: bold;
	color:#0033FF;
	text-align: center;
	margin-bottom: 0em;
}
.shownews img
{
	margin: 0em 0em 1em 0em;
}

.datetime
{
	text-align: right;
}
/* tarang */
#tarang
 {
margin: auto;
width: auto;
text-align: center;
background-color: #D5D5D5;
}
#tarang table tr td {
    font-size: 0.9em;
	line-height: 1.8em;
	 background-color: #F0F8FF;
    vertical-align: middle;
}
#tarang table tr th {
    background-color: #800000;
    color: #FFFFFF;
    font-size: 1em;
	line-height: 2em;
    vertical-align: middle;
}
.chanal
{
   color: #FF0000;
}
#div_ad_float a
{
	padding-top: 0.1em;
	padding-left: 0.3em;
	padding-right: 0.2em;
}
#div_ad_float a img
{
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}
a.more-link {
    color: #A61011;
    font-family: "Oswald",Arial,Helvetica,Sans-serif;
    font-weight: normal;
    font-size: 0.8em;
    position: absolute;
    bottom: 0.2em;
    right: 0.2em;
}
a.paginate:hover {
    background-color: #000080;
    color: #FFFFFF;
    text-decoration: underline;
}
a.current {
    background: none repeat scroll 0 0 #000080;
    border: 0.05em solid #222222;
    color: #FFFFFF;
    cursor: default;
    font: bold 0.8em Arial,Helvetica,sans-serif;
    padding: 0.1em 0.3em;
    text-decoration: none;
}
span.inactive {
    border: 0.05em solid #999999;
    color: #999999;
    cursor: default;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    padding: 0.1em 0.3em;
}
.paginate {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.8em;
}
a.paginate {
    border: 0.05em solid #FFFFFF;
    color: #000000;
    padding: 0.1em 0.3em;
    text-decoration: none;
}
.control1 {
    background-color: #CCCCCC;
    color: #000000;
    padding: 0.3em;
}
.tablel li{
    padding-left: 0.6em;
}
 .banner
{
    background-color: #FFFFFF;
    margin: 0.1em 0em;
    padding: 0.3em 0.3em;
    text-align: center;
 }  
 .banner img
 {
	width:96%;
	min-height: 3em;
 } 
.bannerside
{
    background-color: #FFFFFF;
    margin: 0.1em 0em;
    min-height: 5em;
    padding: 0.1em;
    text-align: center;
 }  
 .bannerside img
 {
	width:100%;
	min-height:3em;
 }
@media only screen and (max-width :55em) {
.logo
{
	width: 31%;
    float: left;
}
.logo img
 {
     width:auto;
	 height:auto;
	 margin-left:0em;
	 margin-top:0em;
}
  .headside
{
   width: 69%;
   margin-top: 0.5em;
   padding: 0em;
   text-align: center;
}
nav {
	font-size:1.1em;
}
nav li {
	width: 33%;
}
nav a {
	display: block;
	line-height: 1.7em;
}
.qdwj1
  {
	 font-size: 0.8em;
  }
.zrqt1
  {
	 font-size: 0.8em;
  }
}
@media only screen and (max-width :45em) {
.Main
{
	width:100%;
	float: none;
}
.logo
{
	width: 30%;
    float: left;
}
.logo img
 {
     width:auto;
	 height:auto;
	 margin-left:0em;
	 margin-top:0em;
}
  .headside
{
   width: 70%;
   margin-top: 0.1em;
   padding: 0em;
   text-align: center;
}
nav {
	font-size:1em;
}
nav li {
	width: 50%;
}
.qdwj1
{
width: 100%;
}
.zrqt1
{
width: 100%;
}
.jfbtb1
{
width: 100%;
}	
.leftmenu
{
	width:100%;
}
.headline10
{
 font-size: 1em;
}
.headline12
{
 font-size: 1em;
}
.headline13
{
 font-size: 1em;
}
.analy2
{
	width:100%;
	float:left;
	margin-top: 0em;
	border: 0em solid #333333;
	clear:both;
}
.analy ul li
{
    font-size: 0.8em;
}

#ballstep img{
	width:auto;
	height:40%;
}	

.tabball
{ 
	width:100%;
	margin-top: 0.1em;
	border: 0em solid #333333;
	position:relative;
}
.tabball th
{
	font-size:0.6em;
	color:#fff;
	font-weight: bold;
	text-align: center;
}
.tabball tr td
{
  font-size:0.6em;
}
.tabball tr td h3
{
   line-height: 2.2em;
   padding-left: 2.7em;
}
#ballstep
 {
 margin-top: 0.1em;
margin: 0.1em 0em;
width: auto;
}
#ballstep table tr td {
    font-size: 0.6em;
    vertical-align: middle;
}
#ballstep table tr th {
    font-size: 0.8em;
    vertical-align: middle;
}

.shownews
{
	font-size: 0.9em;
}

.shownews h3
{
	font-size: 1em;
}
.showdetail
{
	padding: 1em 0.2em;
}
.showdetail table
{
	width: 100%;
}

 .banner
{
    margin: 0.1em 0em;
	padding: 0.1em 0.1em;
    min-height: auto;
    text-align: center;
 }  
 .banner img
 {
	width:99%;
	height: auto;
 }
.bannerside
{
    margin: 0.1em 0em;
    min-height: 7em;
    padding: 0.1em 0.1em;
	float:left;
	width:50%;
 }  
 .bannerside img
 {
	width:100%;
	min-height: 7em;
 }
}