body {   
	overflow-x:hidden; /*刪除水平捲軸*/
	font-size:12px;
	margin: 0px;
}
table,td,tr
{

	font-size:12px; 

	
}
input,select,textarea{
	font-size:12px; 
	border-Width:1px;
		
}

.txtFocus {
	background-color:#CDF6FF;
	
} 
.txtBlur {
	background-color:#FFFFFF;	
}	


tr.TitleBgcolor,td.TitleBgcolor
{
	background-color:#94C9DD;
	font-size:12px;
	color: #686868;	
	vertical-align:middle;
	height:30px;
	font-weight: 800;
	width:100%;
	word-break:keep-all;/* 不換行 */
	white-space:nowrap;/* 不換行 */
	overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */
	text-overflow:ellipsis;/* 當對像內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用。*/	 
	background-image:url(../images/bar_001.gif);
	text-align:left;
	border-bottom-color:#BABABA;
	border-bottom-width:2px;
	border-bottom-style:solid;
	
}
.TitleBgcolorSort{
	background-image: url(../images/sort.gif);         
	
	cursor: pointer;     
	font-weight: bold;     
	background-repeat: no-repeat;     
	background-position: center right;     
	margin-left: -1px; 
	cursor: hand;
	text-align:left;
	border-bottom-color:#BABABA;
	border-bottom-width:2px;
	border-bottom-style:solid;
}
.TitleBgcolorSort1{
	background-image: url(../images/sort1.gif);         	
	cursor: pointer;     
	font-weight: bold;     
	background-repeat: no-repeat;     
	background-position: center right;     
	margin-left: -1px; 
	cursor: hand;
	text-align:left;
	border-bottom-color:#BABABA;
	border-bottom-width:2px;
	border-bottom-style:solid;
}
.TitleBgcolorSort2{
	background-image: url(../images/sort2.gif);         	
	cursor: pointer;     
	font-weight: bold;     
	background-repeat: no-repeat;     
	background-position: center right;     
	margin-left: -1px; 
	cursor: hand;
	text-align:left;
	border-bottom-color:#BABABA;
	border-bottom-width:2px;
	border-bottom-style:solid;
}
tr.DataBgcolor1,td.DataBgcolor1
{

	background-color:#F4F8FB;
	font-size:12px;
	height:30px;
	vertical-align:middle;
}



tr.DataBgcolor2,td.DataBgcolor2
{
	background-color:#F9F9F9;
	font-size:12px;
	height:30px;
	vertical-align:middle;
}
hr {
	border: 1px dashed #CCCCCC;
}

tr.SDataBgcolor1,td.SDataBgcolor1
{
	text-align: right;
	background-color: #FFFFFF;
	color: #0644ad;
	vertical-align:middle;
}


tr.SDataBgcolor2,td.SDataBgcolor2
{
	text-align: left;
	background-color: #FFFFFF;
	color: #000000;	
	border-bottom-color:#F6F6F6;
	border-bottom-width:1px;
      border-bottom-style:inset;

}
tr.DataBgcolor3
{
	background-color:#E9E9E9;
	font-size:12px;
	color: #000000;
	height:30px;	
	vertical-align:middle;
}
table.TableBgcolor{
 border-collapse: separate; // collapse;
 border-spacing: 3px;
  empty-cells:  show ; 
}

//Modify
table.MTableBgcolor{
	background-color: #B5C7E7;
	border-collapse: separate; // collapse;
	border-spacing: 3px;
	empty-cells:  show ; 
}
tr.MTitleBgcolor,td.MTitleBgcolor{
	background-color: #95D5D3;
	font-size:12px;
	color: #FFFFFF;	
	
}
tr.MDataBgcolor1,td.MDataBgcolor1{
	text-align: right;
	vertical-align:top;
	color: #0644ad;
}

tr.MDataBgcolor2,td.MDataBgcolor2{
	text-align: left;

	color: #000000;	
	border-bottom-color:#F6F6F6;
	border-bottom-width:1px;
      border-bottom-style:inset;


}
.btn{
width:100px
}

form{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
.linksubmit{
	background-image: url(../images/sort.gif);         
	cursor: pointer;     
	font-weight: bold;     
	background-repeat: no-repeat;     
	background-position: center right;     
	margin-left: -1px; 
	cursor: hand;
}

.DMIn {color:#CE4C08;font-weight: 800; text-decoration:none; }
#loading {   
	position:absolute;
	width:300px;
	top:0px;	
	text-align:left;
	padding:7px 0 0 0;
	background-color:#FFFFFF;
}

.red {color:#ff0000;font-weight: 800;}
.title {color:#ff0000;font-weight: 800; }



img{
border:0px
}


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

.PageFocus{
	cursor: hand;

}


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



@media print {
.noprint {display:none}
}



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


#pagination {	
    	clear:both;
	font-size:12px;
	text-align:center;	
}

div.pagination ul {
    list-style: none;
    padding: 2px 0;
    line-height: 16px;
}

div.pagination li {
    display: inline;
}


/*Digg*/
div.pagination.digg {
	padding: 3px;
	margin: 3px;

}

div.pagination.digg a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;

	text-decoration: none; /* no underline */
	color: #8ABEEA;
}

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

div.pagination.digg li.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #8ABEEA;

	font-weight: bold;
	background-color: #8ABEEA;
	color: #FFF;
}

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

h1{
	font-size:17px;
	vertical-align:middle;
	margin:0 auto;
	 display: inline;
	 color:#FFFFFF;
}
h2{
	font-size:17px;
	height: 20px;
	margin:0 auto;
	 display: inline;
}
h3{
	font-size:12px;	
	font-weight: 100;
	margin:0 auto;
	 display: inline;
	
}
h4{
	font-size:12px;
	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;
	
}





a:visited ,a:link{font-size: 12px; color:#3f7c93; padding:1px;text-decoration:none;}
a:hover{font-size: 12px; color:#FF0000; padding:1px;text-decoration:none;}
u{text-decoration: none}





#header {
	height:68px;
	vertical-align:middle;
	padding-left:80px;
	background-color:#68A1B8;
	margin-top: 0px;
}

#header li{	
	list-style-type:none;
	width:auto;
	float:left;
}
#header a{
	color:#FFFFFF;
}
#main_nav {
	margin-top:-20px;
	height:28px;
	text-align:center;
	
	background-color:#68A1B8;
	
}

#main_nav li {	
	list-style-type:none;
	width: 99px;
	float:left;
	vertical-align:middle;
}
#main_nav li:hover {
	background-color:#5578AA;
	vertical-align:middle;
	cursor: pointer;/*手型*/;

}
#main_nav a {	
	color:#FFFFFF;
	text-decoration: none;	
	font-size:13px;
}



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

	
}



#LEFT {
	
	float: left;
	width: 150px;
	height:auto;
	margin-left:15px;
	background-color:#FFFFFF;


	
}


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

}


#FOOTER {
	clear: both;

	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;
	height:500px;
}

.clear{ clear:both;} 


 #cloud a.tag1 { font-size: 2.5em; font-weight: 900; } 
 #cloud a.tag2 { font-size: 2.4em; font-weight: 800; } 
 #cloud a.tag3 { font-size: 2.3em; font-weight: 700; } 
 #cloud a.tag4 { font-size: 2.2em; font-weight: 600; } 
 #cloud a.tag5 { font-size: 2.1em; font-weight: 500; } 
 #cloud a.tag6 { font-size: 2.0em; font-weight: 400; } 
 #cloud a.tag7 { font-size: 1.9em; font-weight: 300; } 
 #cloud a.tag8 { font-size: 1.8em; font-weight: 200; } 
 #cloud a.tag9 { font-size: 1.7em; font-weight: 100; } 
 #cloud a.tag10 { font-size: 1.6em; font-weight: 900; }
 #cloud a.tag11 { font-size: 1.5em; 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; }