/* 
Stylesheet for the free sNews15_1 template
from http://www.free-css-templates.com
*/

/* Reset all margins and paddings for browsers */
* { 
	padding: 0;
	margin: 0;
}
#wrap {
margin:0 auto;
padding:0;
width:960px;}
body {
	font: .8em Verdana, Arial, Sans-Serif;
	line-height: 1.6em;
	margin: 0;
}
.news {
	margin: 15px;
	border: thin solid #666666;
	text-align: left;
	padding: 5px;
	line-height: 25px;
}


#top_border {
	height: 10px;
	width: 960px;
	margin:0;
	padding:0;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bottom_border {
	height: 10px;
	width: 960px;
	margin:0;
	padding:0;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#content {
	width:960px;
	height:478px;
	margin:0;
	padding:0;
	background:url(images/cont_bg.jpg) repeat-y top;
	display:table;
}

#content_left {
width:192px;
text-align:left;
margin:0;
float:left;
padding:6px 9px 25px 11px;
color:#4D4D3A;
}

#content_left .logo {
	width: 190px;
	background-image: url(images/logo_zhtw.jpg) ;
	height: 71px;
	float: left;
}
#content_left #language_panel {
	width: 190px;
	height: 30px;
	float: left;
}
#content_left .banner {
	width: 190px;
	background-image: url(images/banner_big_v1.gif);
	height: 32px;
	float: left;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 6px;
}
#content_left .content {
	width: 190px;
	float: left;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 6px;

}

#content_right {
	width:748px;
	text-align:left;
	margin:0;
	padding:0;
	background-image:url(images/px_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	display:table;
	float:right;
}


#content_right #menu {
	width: 734px;
	background-image: url(images/banner_big_v1.gif);
	height: 32px;
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-left: 2px;
}

#content_right #wideimage {
	width: 734px;
	background-image: url(images/banner/main_banner_zhtw.jpg);
	height: 140px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}

#content_right #main {
	background: #FFF;
	color: #333333;
	margin-top: 0px;
	margin-right: 5;
	margin-bottom: 15px;
	margin-left: 4;
	width: 732px;
	float: left;
}


  #fishEyeList {
    cursor:pointer;
  }
  #fishEyeList ul {
    width:175px;
    list-style-type:none;
  }
  .fisheyeTarget {
  	font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
  }
.fisheyeTarget a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D3A;
	text-decoration:none;
}  
  .fisheyeTarget a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(121,181,57);
	text-decoration:none;
}
  #fishEyeList li {
  	font-family: Arial, Helvetica, sans-serif;
    text-align:right;
    padding-bottom:12px;
  }
  .ilk {
    border-top:1px solid #999;
    color:#666;
    font:10px Arial,sans-serif;
  }




#main #rightside {
	width: 220px;
	float: right;
	background: #FFF;
	margin-right: 8px;
	color: #666;
	
} 

#main #rightside .box {
	background: #efefef;
	margin-bottom: 10px;
	padding: 5px;
	color: #666;
}

#main #rightside h2 {
	font: bold 1.0em Arial, Arial, Sans-Serif; 
    background: #CDCDCD url(images/greyc.gif) no-repeat top right;
	height: 18px;
	padding: 3px;
	color: #777;
}

/*-- customize --*/
.shadow {
  background: transparent url(/images/fuzzy_shadow.png) no-repeat scroll right bottom;
  float: left;
  width: auto;
  margin:10;
}
.shadow div {
  background: transparent url(/images/fuzzy_shadow1.png) no-repeat scroll right top;
}

.shadow div div a {


}

.shadow div div {
  padding: 0 6px 6px 0;
  background: transparent url(/images/fuzzy_shadow2.png) no-repeat scroll left bottom;
  display: block;
}
/*
.shadow img {
  border: 1px solid #999999;
  padding: 4px;
  background-color: #ffffff;
  color: #000000;
  vertical-align: bottom;
}
*/

/* LEFT SIDE - ARTICLES AREA -------- */
#leftside {
	padding-left: 8px;
	color: #888;
	background: #FFF;
	margin-right: 255px;
	margin-left: 8px;
	
}

.celltext {
	padding-left: 8px;
	color: #333333;
	font-size: 12px;
	margin-top: 1px;
	margin-right: 15px;
	margin-bottom: 1px;
	margin-left: 15px;
}
#footinfo {
	padding-left: 8px;
	color: #333333;
	margin-right: 20px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
}
#command_panel {
	color: #333333;
	background: #CCCCCC;
	float: right;
	width: 100%;
}
#command_panel .inside {
	color: #333333;
	width: 100%;
	background-color: #CCCCCC;
	border: thin groove #333333;
}
#leftside h2 { color: #555; text-indent: 17px; background: #FFF url(../images/head.gif) no-repeat left; }

#footer {
	clear: both;
	background: #FFF url(images/footer.jpg) repeat-x;
	height: 46px;
	margin-left: 8px;
	margin-right: 8px;
	font-size: 75%;
	color: #666;
}
#footer p  { padding: 5px }
#footer .rside { float: right; display: inline; padding: 5px; text-align: right}
a { color: #006600; background: inherit; text-decoration: none }
 
h1 { font: bold 1.9em Arial, Arial, Sans-Serif }
h2 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0 }
ul {  padding: 0; margin: 0}
li { list-style-type: none }
.date { border-top: 1px solid #e5e5e5; text-align: right; margin-bottom: 25px; margin-top: 5px;}
#main #leftside .date a, #main #rightside a { border: 0; text-decoration: none; }
 
.comment .date { text-align: left; border: 0;}	


#breadcrumbs { 
	float: left;
	padding-left: 8px;
	padding-top: 0px;
	font: bold .8em Arial, Arial, Sans-Serif; 
	color: #666;
	width: 100%;
	height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

#WKG
p {padding:2px}

#img {margin-right:10px}

body {
background-color:#C1BD9F;
height:30;
color:#878777;
font-family:"Bookman Old Style", "Times New Roman", "Arial Unicode MS", Arial;
font-size:11px;
padding:0;
margin:0;
line-height:15px;
text-align: center;
}

#top {margin:0px auto 0px auto;
width:960px;
text-align:center;
display:table;
}

#wrap_small {
margin:0 auto;
padding:0;
width:688px;
}

#top_a{
width:960px;
height:10px;
background:url(../images/top.jpg) center;
margin:0px auto 0px auto;
}

#top_b{
width:960px;
height:202px;
text-align:left;
margin:0px auto 0px auto;
}

#top_b_left{
width:212px;
height:202px;
text-align:left;
background-image:url(../images/top_left.jpg);
float:left;
}

#top_b_right{
width:748px;
height:202px;
text-align:left;
background-image:url(../images/top_right.jpg);
float:right;
}

#bot_menu {
width:748px;
height:37px;
background-image:url(../images/bot_px.jpg);
background-position:top left; background-repeat:no-repeat;
margin:0px;
padding-top:15px;}

.dot_u {background-image:url(../images/dot_hor.gif); background-position:bottom; background-repeat:repeat-x}

#footer {
width:960px;
height:11px;
margin:0px auto 0px auto;
text-align:left;
background-image:url(../images/footer.jpg);
display:table;
}

#inner_left {
margin-left:17px;
line-height:13px;
width:161px;
display:table;}
#copyright {
	margin-left:25px;
	line-height:20px;
	width:180px;
	display:table;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#inner_right {
width:703px;
height:453px;
margin:0 28px 0 17px;
}

#inner_right2 {
width:703px;
height:453px;
margin:0 28px 0 17px;
display:table;
padding:0
}
#box_about {
width:155px;
height:129px;
background:url(theme/weikeng/images/px_box.jpg) repeat-x top left;
float:right;
padding:0 0 12px 0;
margin:0 0 0 22px;
background-color:#EEF4D8;
color:#63634A}

#box_about1 {
width:165px;
height:129px;
background:url(../images/px_box.jpg) repeat-x top left;
float:right;
padding:0 0 12px 0;
margin:0 0 0 22px;
background-color:#EEF4D8;
color:#63634A}

#welcome0 {
width:520px;
height:129px;
padding:0;
margin:0;
float:left;
}

#welcome1 {
width:415px;
height:129px;
padding:0;
margin:0;
float:left;
display:table;}

#welcome2 {
width:243px;
height:129px;
padding:0;
margin:0;
float:left;}

#customer {
width:176px;
background-image:url(../images/vert_line.jpg);
background-position:left;
background-repeat:repeat-y;
float:right;
padding:0 0 0 5px;
margin:0 0 0 5px;
clear:both
}

#award {
background-image:url(../images/vert_line.jpg);
background-position:left;
background-repeat:repeat-y;
float:right;
padding:0 0 0 5px;
margin:0 0 0 5px;
clear:both
}

#customer1 {
width:256px;
background-image:url(../images/vert_line.jpg);
background-position:left;
background-repeat:repeat-y;
float:right;
padding:0 0 0 5px;
margin:0 0 0 5px;
clear:both}

#customer2 {
width:290px;
float:right;
padding:0 0 0 0px;
margin:0 0 0 5px;
clear:both}

#serv {
width:240px;
padding:0;
margin:0;
float:left;
}

#serv1 {
width:165px;
padding:0;
margin:0;
float:left;}

#serv2 {
width:135px;
padding:0;
margin:0;
float:left;}

#hor {
background-image:url(../images/hor_line.jpg); clear:both}

#line {
width:192px;
height:1px;
background-color:#C2C0B2;}

.copy {
color:#878777;
font-family:verdana;
font-size:10px;
text-decoration:none;
}
.green {color:#44920C; text-decoration:none}
.green_subject 	{
	font-size:14px;
	color:green;
	height:14px;
	text-decoration:none;
	font-weight: bold;
}
.gray {color:#9F9F91; text-decoration:none}
a_BK {
	text-decoration: underline;
	color:#0071BC;
}
.form_main { 
        width:520px;
		height:50px;
		line-height:2;
		font-size:12px;
		border-style:;
		border-width:;
		border-color:#;
		background-color:#FFFFFF;
		color:#4D4D3A;
		padding:0;
		margin:0;		
		margin-left:0px;
		margin-right:0px}
.form_main_tra { 
        width:520px;
		height:50px;
		line-height:2;
		font-size:12px;
		border-style:;
		border-width:;
		border-color:#;
		color:#4D4D3A;
		padding:0;
		margin:0;		
		margin-left:0px;
		margin-right:0px}

.form_main_full { 
        width:680px;
		height:12px;
		line-height:1.3;
		font-size:11px;
		border-style:;
		border-width:;
		border-color:#;
		background-color:#FFFFFF;
		color:#4D4D3A;
		padding:0;
		margin:0;		
		margin-left:0px;
		margin-right:0px}		
.form_main_cell {
		margin-left:0px;
		margin-right:0px;
		
				padding:0;
		margin:0;		
			line-height:2;
		font-size:12px;
		border-style:;
		border-width:;
		border-color:#;
		background-color:#FFFFFF;
		color:#4D4D3A;
		padding:0;
		margin:0;		
		margin-left:0px;
		margin-right:0px}	


.form { width:180px;
		height:21px;
		font-size:11px;
		border-style:;
		border-width:;
		border-color:#;
		background-color:#B3B38F;
		color:#FFFFFF;
		margin-left:0px;
		margin-right:0px}
.form2 { width:100px;
		height:21px;
		font-size:11px;
		border-style:;
		border-width:;
		border-color:#;
		background-color:#B3B38F;
		color:#FFFFFF;
		margin-left:0px;
		margin-right:0px}		
.form_pass { width:92px;
		height:21px;
		font-size:11px;
		border-style:;
		border-width:;
		border-color:#;
		background-color:#B3B38F;
		color:#FFFFFF;
		margin-left:0px;
		margin-right:0px}
		
.form1 { width:263px;
		height:19px;
		
		font-size:11px;
		border-style:solid;
		border-width:1px;
		border-color:#A1A192;
		background-color:#EAEAE6;
		color:#000000;
		margin-left:0px;
		margin-right:0px}
		
.textarea{ width:263px;
		height:119px;
		
		font-size:11px;
		border-style:solid;
		border-width:1px;
		border-color:#A1A192;
		background-color:#EAEAE6;
		color:#000000;
		overflow:auto;
		margin-left:0px;
		margin-right:0px}

.text_with_pic	{
		
		font-size:12px;
		color:#4D4D3A;
		line-height:1.2;
		text-decoration:none;
		margin-left:5px;
		margin-right:5px;
		padding-left:15px;
		padding-right:15px;
}
.text_black	{
	font-size:12px;
	color:#000000;
	text-decoration:none;
	line-height: 20px;
	font-weight: bold;
}

.text	{
	font-size:12px;
	color:#4D4D3A;
	text-decoration:none;
	margin-left:0px;
	margin-right:5px;
	line-height: 24px;
	word-spacing: normal;
		
	height: 16px;
	font-style: normal;
	text-indent: 20pt;
}


.text:link {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:none;
}
.text:visited {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:none;
}
.text:hover {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:underline;

}
.text:active {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:none;
}
.text_white 	{font-size:12px;
		color:white;
		height:14px;
		text-decoration:none;
}
.w12_25	{
	font-size:12px;
	color:white;
	height:25px;
	text-decoration:none;
	padding-left: 10px;
}
.bigBoldGreen 	{
	
	font-size:12px;
	color:#003300;
	height:14px;
	text-decoration:none;
	line-height: 20px;
	font-weight: bold;
}
.bigBold 	{
	
	font-size:12px;
	color:#4D4D3A;
	height:14px;
	text-decoration:none;
	line-height: 20px;
	font-weight: bold;
}
.title 	{
	font-size:12px;
	color:#4D4D3A;
	height:14px;
	text-decoration:none;
	line-height: 20px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.small 	{
	
	font-size:9px;
	color:#4D4D3A;
	height:11px;
	text-decoration:none;
	line-height: 14px;
}
.big 	{
	
	font-size:12px;
	color:#4D4D3A;
	height:14px;
	text-decoration:none;
	line-height: 20px;
}
.big:link {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:none;
}
.big:visited {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:none;
}
.big:hover {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:none;
}
.big:active {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:none;
}
.menu 	{font-size:12px;
		color:#4D4D3A;
		height:14px;
		text-decoration:none;
}
.menu:link {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:none;
}
.menu:visited {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:none;
}
.menu:hover {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:underline;
}
.menu:active {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:none;
}
.menucata 	{
	font-size:12px;
	color:#4D4D3A;
	height:14px;
	text-decoration:none;
	font-weight: bold;
}
.menucata:link {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:none;
}
.menucata:visited {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:none;
}
.menucata:hover {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:underline;
}
.menucata:active {
	font-size:12px;
	color:#4D4D3A;
	text-decoration:none;
}
.news_subject 	{
	font-size:14px;
	color:#4D4D3A;
	height:14px;
	text-decoration:none;
	font-weight: bold;
	
}
.news_subject:link {
	font-size:14px;
	color:#4D4D3A;
	text-decoration:none;
}
.news_subject:visited {
	font-size:14px;
	color:#4D4D3A;
	text-decoration:none;
}
.news_subject:hover {
	font-size:14px;
	color:#4D4D3A;
	text-decoration:underline;
}
.news_subject:active {
	font-size:14px;
	color:#4D4D3A;
	text-decoration:none;
}
.u		{text-decoration:underline}

a:hover{text-decoration:underline;}
#a:hover{text-decoration:none;}
.doc_more_link {
	font-size:12px;
	color:#4D4D3A;
	height:14px;
	text-decoration:none;
	font-weight: bold;
	
}
.doc_more_link a { color: #4D4D3A; background: inherit; text-decoration: none }
.doc_more_link a:hover {
	border: thin solid #666666;
	background-color: #E9E9E9;
}
.doc_cata_label {
	font-size:15px;
	color:#4D4D3A;
	height:15px;
	text-decoration:none;
	font-weight: bold;
	
	
}
.green_sub_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003300;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color:#333333
}



#leftside #txt {width: 85%; height: 10em; padding: 3px 3px 3px 6px; margin-left:0em;}
#leftside textarea { border: 1px solid #bbb; width: 85%;  }


/* SNEWS */
#main #leftside fieldset { float: left; width: 95%; border: 1px solid #ccc; padding: 10px 8px; margin: 0 10px 8px 0; background: #FFF; color: #000; }
#main #leftside fieldset p { width: 95%; }
#main input { padding: 3px; margin: 0; border: 1px solid #bbb }
p { margin-top: 5px; }
/*input.search { border: 1px solid #ccc; padding: 4px; width: 160px; }*/
.comment { background: #FFF; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #FFF; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.languageBar{
	font-size: 10px;
	border: thin inset #99CC66;
	background-color: #D4EABE;
}