@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

body {
background: #fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color: #333;
margin: 0;
padding: 0;
line-height: 16px;
}

a {
text-decoration: none;
color: #E78A13;
}
a:hover {
text-decoration: underline;
color: #111;
}

	#Menu { width: 740px; float: right; padding: 80px 0px 0 40px; height: 30px; border:0px #000 solid;}
	#Menu UL LI { display: inline; list-style-type: none;  }
	#Menu a:link, #Menu a:visited {   font: 11px Arial, Helvetica, sans-serif; font-weight:bold; color: #F2F2F2;}
	#Menu LI.link1 a,#Menu LI.link2 a,#Menu LI.link3 a,#Menu LI.link4 a,#Menu LI.link5 a { background: url('../images/link.png') no-repeat; float: left; margin: 0 1px 0 0;}
	#Menu LI.link1 a:hover, #Menu LI.link2 a:hover, #Menu LI.link3 a:hover, #Menu LI.link4 a:hover,#Menu LI.link5 a:hover { background: url('../images/link2.png') no-repeat; color: #FFF; cursor: pointer; }
	#Menu LI.link1 a { padding: 6px 35px 11px 35px; }	
	#Menu LI.link2 a { padding: 6px 25px 11px 26px; }
	#Menu LI.link3 a { padding: 6px 31px 11px 30px; }
	#Menu LI.link4 a { padding: 6px 32px 11px 30px; }
	#Menu LI.link5 a { padding: 6px 30px 11px 26px; }
	#Menu SPAN.Underline { text-decoration: underline; }


#wrap {
margin:0 auto;
width: 98%;
}
#logo{
  width:auto;
  margin-top:20px;
}
#top {
background: #fff url(../images/logo.png) no-repeat;
height:300px;
width:987px;
margin: 0 auto;
}

#content {
 padding: 0 20px;
 width:870px;
 margin:0 auto;
}
#content h3{
  font-size:14px;
  font-weight:bold;
  margin-top:10px;
  color:#336699;
}
#title-article{
  width:850px;
  margin:0 auto;
}
#title-article h2{
  color:#333333;
  margin-top: 4px;
  margin-bottom: 4px;
}
#title-article .topic-tags{
  color:#666666;
  margin-top:4px;
}
#show-article{
  width:850px;
  border: 1px dashed #CCCCCC;
  padding: 10px;
  margin-top:20px;
}
#show-article .list-twitter{
  float:left;
  position:relative;
  width:100px;
  padding:10px;
  text-align:center;
  border:1px #333333 dashed;
  margin-left:15px;
  margin-top:5px;
}
#show-article .list-topic{
  padding:6px;
}
#show-article .list-topic label{
  float:right;
  width:200px;
  text-align:right;
}
#show-article .list-topic p{
  border-bottom:1px #333333 dotted;
  margin-top:2px;
  padding-bottom:2px;
}
#last-update{
  width:850px;
  border: 1px dashed #CCCCCC;
  padding: 10px;
  margin-top:20px;
}
#comment-detail{
  width:850px;
  border: 1px dashed #CCCCCC;
  padding: 10px;
  margin-top:2px;
}
#comment-box{
  width:450px;
  border: 1px dashed #CCCCCC;
  padding: 10px;
  margin:0 auto;
  margin-top:20px;
}
#comment-box label{
  float:left;
  width:120px;
}
#comment-box p{
  padding:10px;
  display:inline;
  line-height:32px;
}
#comment-box form{
  width:400px;
  margin:0 auto;
}
#twitter-box{
  width:850px;
  border: 1px dashed #CCCCCC;
  padding: 10px;
  margin-top:2px;
}
#twitter-box h1{
  color:#E78A13;
  font-size:16px;
}
#twitter-left{
  width:350px;
  float:left;
  position:relative;
  padding:10px;
  border: 1px solid #000;
}
#twitter-left label{
  float:left;
  width:90px;
}
#twitter-left p{
  padding:4px;
}
#twitter-right{
  width:450px;
  float:right;
  padding:10px;
  border: 1px solid #000;
}
#twitter-right .list-twitter{
  float:left;
  position:relative;
  width:100px;
  padding:10px;
  text-align:center;
  border:1px #333333 dashed;
  margin-left:15px;
  margin-top:5px;
}
#bottom {
background: #fff url(images/bottom.jpg) no-repeat;
padding: 10px 0;
}
#form-search{
  margin:0px auto;
}
.left {
float: left;
width: 540px;
text-align: justify;
padding-top: 10px;
}
.left h2 {
font-size: 16px;
font-weight: 100;
height: 30px;
line-height: 30px;
background: #000;
padding-left: 10px;
}
.left h2 a {
text-decoration: none;
color: #fff;
}
.left h2 a:hover {
color: #eee;
}
.articles {
padding: 10px;
}

.right {
float: right;
width: 200px;
padding-top: 10px;
}
.right h2 {
padding-left: 10px;
height: 30px;
line-height: 30px;
background: #000;
color: #fff;
font-size: 13px;
}
.right ul {
padding: 10px 0 15px 10px;
list-style-type: none;
}
.right ul li a {
color: #336699;
text-decoration: none;
font-size: 12px;
font-weight: 600;
}
.right ul li a:hover {
color: #111;
}

.show-cate{
  float:left;
  position:relative;
  width:170px;
  height:160px;
  padding:10px;
  text-align:center;
  border:1px #333333 solid;
  margin-left:15px;
  margin-top:5px;
}
.list-video{
  float:left;
  position:relative;
  width:130px;
  height:130px;
  padding:10px;
  text-align:center;
  border:1px #333333 solid;
  margin-left:15px;
  margin-top:5px;
}
.show-yt{
  padding: 10px;
  border:1px solid #CCCCCC;
  width:480px;
  text-align:center;
  margin:0 auto;
}
.preload{
  background: url(../images/blank.gif) no-repeat center;
}
#footer {
text-align: center;
font-size: 11px;
padding: 10px 0;
}
/* Dropline Menu */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav {
margin:10px 0 25px 0 ;
}

#nav {
float:left; 
width:870px; 
height:27px; 
position:relative;
border-bottom:5px solid #FF6600;
}

#nav .select b{
font-weight:100;
}

#nav .select, #nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:block;
}

#nav li {
display:inline; 
margin:0; 
padding:0;
height:auto;
}

#nav .select a,
#nav .current a {
display:block; 
height:27px; 
float:left;
background: url(../images/blue/left_blue.png) no-repeat left top; 
padding:0 0 0 3px; 
text-decoration:none; 
font-size:12px; 
line-height:27px; 
white-space:nowrap; 
margin-left:3px;
}
* html #nav .select a, * html #nav .current a {
width:1px;
}

#nav .select a b, 
#nav .current a b {
height:100%; 
display:block; 
background:url("../images/blue/right_blue.png") no-repeat right top; 
padding:0 16px 0 13px; 
color:#FFF;
}

#nav .select a:hover, 
#nav .select li:hover a {
background-position:0 -27px; 
border-color:#046; 
cursor:pointer;
}

#nav .select a:hover b, 
#nav .select li:hover a b {
background-position:100% -27px; 
border-color:#FF6600; 
color:#fff;
}

#nav .sub {
display:none;
}

/* for IE5.5 and IE6 only */
#nav table {
position:absolute; 
border-collapse:collapse; 
left:0; 
top:0; 
font-size:11px;
}

#nav .current a {
background-position:0 -27px; 
border-color:#FF6600;
}
#nav .current a b {
background-position:100% -27px; 
color:#fff;
}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {
background:#FFA76C url(../images/blue/sub_sep.png) top right no-repeat; 
color:#fff; 
text-decoration:underline;
}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {
background:#FFA76C url(../images/blue/sub_sep.png) top right no-repeat; 
color:#000; 
text-decoration:none;
}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {
display:block; 
position:absolute; 
width:800px; 
top:26px; 
left:0; 
background:#FF6600; 
margin-top:1px; 
padding:0; 
z-index:100;
}

#nav .sub, #nav .sub_active {
margin:0; 
padding:0; 
list-style:none;
}

#nav .sub_active {
display:block; 
position:absolute; 
width:800px; 
top:26px; 
left:0; 
background:#FF6600; 
margin-top:1px; 
padding:0; 
z-index:10; 
color:#000;
}
* html #nav .sub_active, * html #nav .select a:hover .sub {
z-index:-1; 
margin-top:0; 
margin-t\op:1px;
}

#nav .sub_active a {
height:25px; 
float:left; 
text-decoration:none; 
line-height:24px; 
white-space:nowrap; 
font-weight:normal;
}
#nav .sub_active a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {
display:inline; 
background:#FF6600 url(../images/blue/sub_sep.png) top right no-repeat; 
padding:0 10px; 
margin:0; 
font-size:10px; 
width:auto; 
white-space:nowrap; 
font-weight:normal; 
border:0; 
color:#fff; 
height:30px; 
line-height:30px; 
}

/* End Dropline Menu */