@charset "UTF-8";
/* CSS Document */

/*font*/
/*@font-face {
   font-family: big5;
   src: url(./font/big5.ttf), url(./font/big5.eot);

}

@font-face {
   font-family: gb;
   src: url(./font/gb.eot), url(./font/gb.ttf);
}*/

/*layout*/
#indexBody {
	margin:0;
	background-image:url(./images/bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

#container {
	width:1460px;
	margin:0 auto;
}

#indexLeft {
	float:left;
	width:250px;
	border-bottom:2px solid #979797;
	height:180px;
	padding-top:1px;
}

#indexMiddle {
	float:left;
	width:960px;
	margin:0 auto;
}

#indexRight {
	float:right;
	width:250px;
	border-bottom:2px solid #979797;
	height:180px;
	padding-top:1px;
}

#header {
	height:180px;
}

#content {
	clear:both;
	min-height:400px;
	/*background-image: -moz-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
	background-image: -ms-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
	background-image: -o-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0779bf), color-stop(1, #48a9e4));
	background-image: -webkit-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
	background-image: linear-gradient(top, #0779bf 0%, #48a9e4 100%);*/
}

		/*#subMenu {
		 float:left;
		 width:180px;
		 min-height:400px;
		 display:none;
		 background:url(images/contentbg.png) repeat;
		 border-radius:8px;
		}*/


		#mainContent {
			width:960px;
			display:none;
			/*padding-left:20px;*/
			/*float:right;*/
			/*background:url(images/contentbg.png) repeat;*/
			border-radius:8px;
		}


#footer {
	height:100px;
	clear:both;
}


/*main menu*/

#menulist {
	height:30px;
	padding-bottom:1px;
	border-bottom:2px solid #979797;
	width:960px;
}

#mainMenu {
	float:left;
	list-style:none;
	position:relative;
	padding:0;
	margin:0;

}

#mainMenu li {
	font-size:20px;
	float:left;
	text-align:center;
	height:30px;
	background-color:#ffffff;
	line-height:31px;
	position:relative;
	font-weight:bold;
	border-top:1px #979797 solid;
	border-left:1px solid #979797;
	border-right:1px solid #979797;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	margin-right:5px;
	display:block;
	padding-right:15px;
	padding-left:15px;
	text-decoration:none;
	color:#000;
	cursor:pointer;
	border-bottom:2px solid #979797;
}

#mainMenu li label {
	cursor:pointer;
}

#mainMenu li:hover {
	background-color:#FC0;
}


#mainMenu li:link { text-decoration:none;}
#mainMenu li:visited { text-decoration:none;}
#mainMenu li:hover { text-decoration:none; background-color:#01DEFC}
#mainMenu li:active { text-decoration:none; background-color:#FFFFFF}

#mainMenu ul {
	position:absolute;
	left:-9999px;
	list-style:none;
	padding:0;
	width:100%;
}

#mainMenu ul li {
	float:none;
	white-space:nowrap;
	text-decoration:none;
	padding-left:15px;
	padding-right:0px;
	color:#000;
	text-align:left;
	border-bottom:1px #CCCCCC solid;
	border-top:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	width:500px;
}

#mainMenu li:hover ul {
	left:0;
}

/*main menu */

.postContent {
	background:url(images/contentbg.png) repeat-y;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-top:20px;
	border-radius:8px;
}

/*php paging*/
ul.tsc_pagination { margin:4px 0; padding:0px; height:100%; overflow:hidden; font:18px Tahoma; list-style-type:none; }
ul.tsc_pagination li { float:left; margin:0px; padding:0px; margin-left:5px; }
ul.tsc_pagination li:first-child { margin-left:0px; }
ul.tsc_pagination li a { color:black; display:block; text-decoration:none; padding:7px 10px 7px 10px; }
ul.tsc_pagination li a img { border:none; }
ul.tsc_paginationC li a { color:#707070; background:#FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #DCDCDC; padding:6px 9px 6px 9px; }
ul.tsc_paginationC li { padding-bottom:1px; }
ul.tsc_paginationC li a:hover,
ul.tsc_paginationC li a.current { color:#FFFFFF; box-shadow:0px 1px #EDEDED; -moz-box-shadow:0px 1px #EDEDED; -webkit-box-shadow:0px 1px #EDEDED; }
ul.tsc_paginationC01 li a:hover,
ul.tsc_paginationC01 li a.current { color:#893A00; text-shadow:0px 1px #FFEF42; border-color:#FFA200; background:#FFC800; background:-moz-linear-gradient(top, #FFFFFF 1px, #FFEA01 1px, #FFC800); background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #FFEA01), color-stop(1, #FFC800)); }
ul.tsc_paginationC li a.In-active {
   pointer-events: none;
   cursor: default;
}
/*php paging*/

/*time icon */

time.icon
{
  font-size: 0.9em; /* change icon size */
  display: block;
  position: relative;
  width: 5em;
  height: 5.5em;
  background-color: #fff;
  margin: 1em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #0F85FD;
  border-bottom: 1px dashed #9AE5EF;
  box-shadow: 0 2px 0 #0F85FD;
}

time.icon em
{
  position: absolute;
  bottom: 0em;
  color: #0F85FD;
}

time.icon span
{
  width: 100%;
  font-size: 2.4em;
  letter-spacing: -0.05em;
  padding-top: 0.7em;
  color: #2f2f2f;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}

/*time incon */