@charset "utf-8";
@import url(framework.css);

html ,body {
   margin: 0px;
	padding: 0px;
   /*background-image: url(../images/tanho_bg.png);
   background-position: center;
   background-repeat: repeat-y;*/
	border: none;
}

#CosmtecLogo{
	border:none;
	padding-left:50px;
	padding-top:0px;
	width:200px;
	height:80px;
	float:left;
}
#AntennaMenu{
	border:none;
	padding-right:5px;
	padding-bottom:0px;
	height:35px;
	float:right;
}


p {
   line-height: 21px;
   margin: 0px;
}
a {
   text-decoration: none;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #000000;
}
a:hover {
   text-decoration: underline;
   color: #000000;
}
a img {
   border: none;
}
form {
   margin: 0px;
}
#top_menu {
	float: left;
	width: 690px;
	padding-top: 16px;
	padding-left: 16px;
	padding-bottom: 5px;
}
#top_menu ul {
	margin:0;
	padding:0;
	list-style:none;
	width:647px;
}
#top_menu ul li {
	display: block;
	float: left;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	height: 16px;
}


div#wrapper{
width : 100%;
padding: 0px;
margin:  0 auto;
text-align: left;
}

div#header{
width : 100%;
clear : both;
margin: 0 auto;
height:117px;
}

div#header a{
float:left;
text-decoration:none;
}

div#header a#version{
float:left;
margin-left:10px;
}


div#maincontent{
width : 100%;
float: left;
margin: 0px;
padding: auto;
border:0px solid #EEEEEE;
}

div#maincontent p{
float:left;
width:970px;
clear:both;
margin-top:5px;
margin-bottom:5px;
padding:0px;

}
div#maincontent xmp{
float:left;
width:970px;
clear:both;
white-space: pre;
white-space: -moz-pre-wrap;
word-wrap: break-word;
margin-top:5px;
margin-bottom:5px;
}

span.code{
float:left;
border: 1px dotted #99CC00;
background-color:#E6FF97;
clear:both;
width:700px;
}

span.tozoom{
float:left;
width:420px;
margin:5px;
}

span.tozoom img{
border: 0px solid #EEEEEE;
}

fieldset{
float:left;
clear:both;
width:700px;
padding:0px;
margin-left:30px;
margin-top:20px;
border:1px solid #CCCCCC;

}

fieldset a{
float:left;
width:80px;
}

div#Classcontent{
width : 100%;
float: left;
margin: 0px;
padding: auto;
border:1px solid #000000;
text-align:center;
display:block;
}

div#Classcontent a:hover{
   text-decoration: none;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #000000;
   text-align:center;
}

div#Classcontent a:span {
   text-decoration: none;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #000000;
   text-align:center;
}


div#Classcontent img{
border:1px solid #000000;
}

.product_img{
	border-style:solid;
	border-color:FF8400;
	width:150px;
	height:150px;
	float:left;
	clear:both;
	border-width:1px;
	cursor:pointer;
}
.blue_title{
	background-color:#99CCFF;
	border-style:solid;
	border-width:1px;
	border-color:#99CCFF;
	color:#095DCF;
	font-family: "Arial","新細明體";
	font-weight: bold;
	text-align:left;
	line-height:18px;
}

.blue_cont{
	background-color:#E8F3FF;
	border-style:solid;
	border-width:1px;
	border-color:#99CCFF;
	text-align:left;
	color:#095DCF;
	padding: 5px;
}
.green_title{
	background-color:#EEFBB8;
	border-width:1px;
	border-style:solid;
	border-color:#A0C702;
	color:#6F8B01;
	font-family: "Arial","新細明體";
	font-weight: bold;
	width: 30%;
}

.green_cont{
	text-align:left;
	border-width:1px;
	border-style:solid;
	border-color:#A0C702;
	color:#6F8B01;
	width: 70%;
}