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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
@media print  {
.noprint {
display:none;
}
}

body {
overflow-x:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
margin:0;padding:0;
letter-spacing:0pt; 
}

html {overflow-x: hidden;  }


.oFormTable
{
    border:1px solid #000;
    border-collapse:collapse;
    font-size:15px;
}

tr.TitleBgcolor,td.TitleBgcolor,#oFormTable th,.oFormTable th {
background-color:#D6D7D6;
height:30px;
 font-size:15px;
color:#000000;
vertical-align:middle;
padding:5px ;
font-weight:800;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-align:left;
border-bottom-color:#ADAEAD;
border-bottom-width:1px;
border-bottom-style:solid;
border-top-color:#ADAEAD;
border-top-width:1px;
border-top-style:solid;
}
.oFormTable td{
border-bottom:1px dashed #dedede;
padding:5px ;
}
.TitleBgcolorSort {
vertical-align:middle;
background-image:url(../images/sort.gif);
font-weight:700;
background-repeat:no-repeat;
background-position:center right;
margin-left:-1px;
cursor:hand;
text-align:left;
}

.TitleBgcolorSort1 {
vertical-align:middle;
background-image:url(../images/sort1.gif);
font-weight:700;
background-repeat:no-repeat;
background-position:center right;
margin-left:-1px;
cursor:hand;
text-align:left;
}

.TitleBgcolorSort2 {
vertical-align:middle;
background-image:url(../images/sort2.gif);
font-weight:700;
background-repeat:no-repeat;
background-position:center right;
margin-left:-1px;
cursor:hand;
text-align:left;
}

tr.DataBgcolor1,td.DataBgcolor1 {
text-align:left;
font-size:15px;background:#f5f5f5; border-bottom:1px dashed #dedede;
}



tr.DataBgcolor2,td.DataBgcolor2 {
text-align:left;
font-size:15px;background:#ededed; border-bottom:1px dashed #dedede;
}
tr.DataBgcolor3 {
text-align:left;
font-size:15px;background:#e6e6e6; 
}
hr {
border:1px dashed #CCC;
}



form {
margin:0;
}

.DMIn {
	color:#FF0000;
	text-decoration:none;
	display:inline-block;
	width:7px;
	font-weight: 800;
	padding-right:5px;
}
#loading {   
	position:absolute;
	width:300px;
	top:0px;	
	text-align:left;
	margin:0px;padding:0px;
	background-color:#FFFFFF;
}
img {
border:none;
}

.border {
border:1px solid #000;
}

span.SS {
color:#1286B6;
text-decoration:underline;
cursor:hand;
}

#pagination{
	clear:both;
	font-size:12px;
	text-align:right;
	margin:auto;
}

#pagination ul {
list-style-position:outside;
list-style:none;
line-height:16px;
padding:2px 0;
}

#pagination li {
list-style:none;
display:inline;
}

#pagination.digg {
margin:3px;
padding:3px;
}

#pagination.digg a {
border:1px solid #AAD;
text-decoration:none;
color:#009;
margin:2px;
padding:2px 5px;
}

#pagination.digg a:hover,div.pagination.digg a:active {
border:1px solid #009;
color:#000;
}

#pagination.digg li.current {
border:1px solid #009;
font-weight:700;
background-color:#009;
color:#FFF;
margin:2px;
padding:2px 5px;
}

#pagination.digg li.disabled {
border:1px solid #EEE;
color:#DDD;
margin:2px;
padding:2px 5px;
}



.red,.title {
color:red;
font-weight:800;
font-size:35px;
}



.ulitem{
	MARGIN: 15px; 
	PADDING-TOP: 0px;
	PADDING-left: 10px;
	list-style-type: decimal;
}


.leftImage {
	BACKGROUND: url(../images/x1.gif) no-repeat right top; WIDTH: 14px; HEIGHT: 33px
}
.rightImage {
	BACKGROUND: url(../images/x3.gif) no-repeat left top; WIDTH: 6px; HEIGHT: 33px
}
.contenImage {
	PADDING-RIGHT: 10px; FONT-SIZE: 12px; BACKGROUND: url(../images/x2.gif) 50% top; TEXT-INDENT: 5px; LINE-HEIGHT: 36px; FONT-FAMILY: Arial; HEIGHT: 33px
}
.tableTip {
	DISPLAY: none; FILTER: alpha(opacity=90); OVERFLOW: hidden; POSITION: absolute; BORDER-COLLAPSE: collapse; empty-cells: hide; opacity: 0.9
}


h1{
	font-size:17px;
	vertical-align:middle;
	margin:0 auto;
	 display: inline;
	 color:#FFFFFF;
}
h2{
	font-size:21px;
	height: 20px;
	margin:0;
	padding:0;
	color:#FF0000;
	font-weight: 800;
	 display: inline;
}
h3{
	font-size:15px;	
	font-weight: 100;
	margin:0 auto;
	 display: inline;
	
}
h4{
	font-size:15px;
	font-weight: 100;
	margin:0 auto;
	 display: inline;
}


#friend li{
	width:100px;
	
	float:left;
}



#case li{
	width:250px;
	height:190px;
	list-style-type:none;
	float:left;
	text-align: center;
	color:#737573;	
	font-size:12px;
}
#case img{
	width:200px;
	height:140px;
}
#info{
padding-left:25px;
}


u{text-decoration: none}
a.red:visited ,a.red:link,a.red:hover{font-size:25px; color:#185395; padding:1px;text-decoration:none;}
#header {
	width:1000px;
	height:60px;
	background-color:#68A1B8;
	margin:0;padding:0;
	position:relative;
	color:#FFF;
}
#header li{	
	list-style-type:none;
	margin:0;padding:0;
	float:left;
}
#header a{
	color:#FFFFFF;
	font-size:15px;
}
#nav {
	vertical-align: top;
	display: list-item; 
	width:1000px;
	background-color:#172322;
	padding:0;
	marign:0;
	height:30px;
	color:#FFF;
	line-height:25px;
	display:table-cell; 
	vertical-align:middle;
}

#nav li {	
	list-style-type:none;
	width: 105px;	
	float:left;
	text-align:center; /*文字置中對齊*/ 
	 display:inline;
}
#nav li:hover {
	background-color:#5578AA;
	vertical-align:middle;
	cursor: pointer;/*手型*/;
	display:inline;
	
}
#nav a {	
	color:#FFFFFF;
	text-decoration: none;	
}



#WRAPPER {
	width:1000px;
	height:auto;
	background-color:#FFFFFF;

}



#LEFT {
	float: left;
	width: 170px;
	height:auto;
	margin-left:5px;
	background-color:#FFFFFF;
}


#RIGHT {
	background-color:#FFFFFF;	
	float:right; 
	padding-left:10px;
	width:800px;
	display:inline;
	

}


#FOOTER {
	clear: both;
	text-align:center;
	background-color:#FFFFFF;
	width:1000px;
	height:45px; 
	padding-top:30px;
	
}

#RIGHT ul img {
	border:3px solid #E5E5E5;
	
}


#worksleft{	
	float: left;
	width: 350px;
	height:auto;
	margin:10px;
	
}
#worksright{
	float: right;
	width: 400px;		
	height:auto;
}
#works{
	padding:20px;
}
#submenu ul{
	list-style-type: decimal; /*阿拉伯數字*/;
	padding: 1;
	margin: 1;
}
#submenu ul li{
	border-bottom-style:dotted;
	border-bottom-width:1px;
}
.clear{ clear:both;} 


 #cloud a.tag1 { font-size: 2.5em; font-weight: 900;color:#FF0000 } 
 #cloud a.tag2 { font-size: 2.2em; font-weight: 800; } 
 #cloud a.tag3 { font-size: 2.1em; font-weight: 700; } 
 #cloud a.tag4 { font-size: 1.9em; font-weight: 600; } 
 #cloud a.tag5 { font-size: 1.8em; font-weight: 500; } 
 #cloud a.tag6 { font-size: 1.7em; font-weight: 400; } 
 #cloud a.tag7 { font-size: 1.6em; font-weight: 300; } 
 #cloud a.tag8 { font-size: 1.5em; font-weight: 200; } 
 #cloud a.tag9 { font-size: 1.4em; font-weight: 100; } 
 #cloud a.tag10 { font-size: 1.3em; font-weight: 900; }
 #cloud a.tag11 { font-size: 0.6em; font-weight: 100; } 
 #cloud a.tag12 { font-size: 1.4em; font-weight: 100; } 
 #cloud a.tag13 { font-size: 1.3em; font-weight: 100; } 
 #cloud a.tag14 { font-size: 1.2em; font-weight: 100; } 
 #cloud a.tag15 { font-size: 1.1em; font-weight: 100; } 
 #cloud a.tag16 { font-size: 1.0em; font-weight: 100; } 
 #cloud a.tag17 { font-size: 0.9em; font-weight: 100; } 
 #cloud a.tag18 { font-size: 0.8m; font-weight: 100; } 
 #cloud a.tag19 { font-size: 0.7m; font-weight: 100; } 
 #cloud a.tag20 { font-size: 0.7em; font-weight: 100; } 
 #cloud { padding: 2px; line-height: 3em; text-align: left; } 
 #cloud a { padding: 0px; }
 #cloud { margin: 0; } #cloud li { display: inline; } 
 
a:link {font-size:15px; color:#006594; text-decoration:none;}
a:visited{font-size:15px; color:#6BA2BD; text-decoration:none;}
a:hover {font-size:15px; color:#6BA2BD; text-decoration:none;}
#FOOTER a{
font-size:15px; color:#FF0000; text-decoration:none;
}

ul.hormenu{
list-style-type: none;
margin: auto;
}
ul.hormenu li{
float: left;
}