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

.clear {
    clear: both;
}

a {
    color: #0049A4;
}

a:hover {
    color: #CF0A0D;
}

img {
    border: 0px;
}

h1, h2, h3{
    font-family: Arial, Tahoma, Verdana;
    line-height: 1.2em;
}

h1 {
	font-size: 20px;
	font-weight: normal;
	color: #CF0A0D;
	padding: 10px;
}

h2 {
    font-size: 16px;
    color: #000;
    font-weight: normal;
}

h3 {
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.red {
    color: #CF0A0D;
}
 
body {
    background: #3E3E3E;
    font-size: 12px;
    color: #3D3D3D;
    font-family: Arial, Tahoma, Verdana;
}
   
#header { 
    background: url(image/bg_logo.gif) no-repeat top center;
    height: 145px;
    text-align: center;
}

#logo {
    width:987px;
	margin:0px auto;
}

#top {
    width:528px;
	float:left;
	padding:30px 30px 10px 20px;
	height:77px;
	text-align:right;
}

#lag {
    float:left;
	width:200px;
	height:20px;
	padding:5px 5px 5px 172px;
	margin-top:100px;
}

#lag a{
    color:#FFFFFF;
	display:block;
	width:50px;
	padding:5px;
	float:left;
}

#nav {
    padding: 17px 0px 15px 18px;
	background:#ADADAB url(image/bg_nav.gif) no-repeat center;
	border-top: 1px solid #EEEEEE;
}

#nav a {
    color: #000000;
}

#nav a:hover {
    color: #CF0A0D;
}

#nav ul {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0px;
	width:969px;
	margin:0px auto;
}

#nav li {
    display:inline;
    font-weight: bold;
    color: #000000;
    padding: 0px 14px 0px 16px;
    background: url(widget/gMenu-marker.gif) no-repeat left bottom;
}

#body {
    background: #EEEEEE url(widget/topGr.gif) repeat-x top center;
}

#middle {
	padding-bottom: 8px;
	margin:0px auto;
	width:987px;
}

#main {
    background: #FFF url(widget/sheet-middle.gif) repeat-y;
    margin-right: -1px;
    width: 782px;
    float: left;
}

#guide {
	width:762px;
	padding:12px 0px 10px 20px;
	background:url(widget/sheet-top.png) left top no-repeat;
	color: #FFFFFF;
	font-weight: bold;
}

#guide a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight: bold;
}

#banner {
	width:282px;
	float:left;
	background:#7E7E7E;
	padding:4px 4px;
}

#about {
    width:742px;
	padding:20px 20px 0px 20px;
}

#about ul{
	margin-left:10px;
}

#about li{
	list-style:none;
	text-align:left;
	width:100%;
	padding:5px 5px 0px 5px;
	text-size:10px;
}

#about td span{
    color:#FF0000;
}

#product {
	width:742px;
	padding:20px 20px 0px 20px;
	font-size:12px;
}

#product a{
    text-decoration:none;
	color:#333333;
}

#product h2{
	height:19px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(widget/bg_proli.gif) no-repeat left;
	padding:4px 5px 1px 7px;
	margin-bottom:5px;
	font-weight:bold;
}

#product li img {
	width:120px;
	display: block;
	border: #D9DCD7 solid 1px;
}

#product li {
	width:217px;
	float:left;
	padding: 10px 20px 10px 5px;
	border-right: #D9DCD7 dotted 1px;
	min-height:255px;
	_height: 255px;
	list-style-image:none;
	list-style-type:none;
	display: block;
}

#tag {
	border-top:#D9DCD7 solid 1px;
	border-bottom:#D9DCD7 solid 1px;
	margin-top:10px;
	text-align: right;
	width:588px;
	padding:10px 20px 5px 20px;
	float: right;
}

#faq {
    margin:60px 20px 5px 20px;
}

#faq li{
    padding:10px 10px 5px 30px;
}

#faq span {
	background: url(widget/redpoint.gif) no-repeat left;
	padding-left: 16px;
	font-size:16px;
}

.first {
	background: url(widget/faq.gif) no-repeat left top;
}

#menu {
	width:190px;
	float:left;
	_height:500px;
	min-height:500px;
	padding-top: 30px;
	display:block;
	margin-left: 2px;
	font-size: 14px;
	background-color: #E8F0DD;
}

#menu #list {
    width:190px;
	background-color: #E8F0DD;
	_filter:alpha(opacity=80);
    _opacity: .30;
}

.switchcontent a{
	display:block;
	width:168px;
	padding:5px 5px 0px 18px;
}

.showcontent a{
	display:block;
	width:168px;
	padding:5px 2px 0px 18px;
}

#menu h2{
	width:173px;
	padding:10px 5px 0px 10px;
	font-size:14px;
	border-bottom:#D9DCD7 dotted 1px;
	font-weight: normal;
}

#content {
	width:533px;
	float:left;
	_height:500px;
	min-height:500px;
	display:block;
}

#content img {
	border:#D9DCD7 solid 10px;
	margin: 5px 5px;
}

#content td {
	border-top:#D9DCD7 solid 1px;
	border-left:#D9DCD7 solid 1px;
}

#content table {
	border:#D9DCD7 solid 1px;
}

#content #text {
	width:516px;
	margin-left:17px;
}
#content .myform{ border:none;}
#content .myform td{ border:none;}
.picshow {
	float:left;
	text-align:center;
	padding-bottom: 10px;
}

ol {
	padding-left:30px;
}

#content h3 {
	padding:5px 5px 2px 5px;
	margin:5px;
	font-size:14px;
	font-weight:600;
	border-bottom: #D9DCD7 solid 1px;
}

#right {
    float: right;
    width: 190px;
    margin-top: -1px;
}

#right p{
    padding:0px 1px 0px 3px;
}

.news {
    width: 186px;
    margin-bottom: 15px;
}

.title {
    background: url(widget/widget-top.png) no-repeat;
    color: #FFF;
    font-weight: bold;
    padding-left: 15px;
}

.title img {
    position: relative;
    top: -5px;
    display: block;
    float: left;
}

.title span {
    display: block;
    margin-left: 33px;
    padding: 12px 5px 10px 10px;
}

.contentdark {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:16px;
	color:#2B2B2B;
	padding:0px 0px 5px 0px;
	border:#D9DCD7 solid 1px;
	background-color:#FFFFFF;	 
}

.contentlight {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:16px;
	color:#2B2B2B;
	padding:0px 0px 5px 0px;
	border:#D9DCD7 solid 1px;
	background-color:#FFFFFF;	 
}

.content {
    background: url(widget/widget-gr.gif) no-repeat;
    position: relative;
    top: -5px;
    margin: 0px 3px;
    padding: 14px 12px 0px 12px;
    line-height: 1.5em;
}

.news_bg {
    background: url(widget/widget-body.gif) repeat-y;
}

.news_bottom {
    background: url(widget/widget-bottom.gif) no-repeat;
    height: 9px;
}

.vertMenu {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.vertMenu li {
    padding-bottom: 4px;
    padding-left: 0px;
	font-weight:bold;
	cursor:pointer;
}

.vertMenu .current {
    list-style-image: url('../images/marker.gif');
	vertical-align: middle;
    font-weight: bold;
    margin-left: 15px;
    padding-left: 3px;
}

.subMenu {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.subMenu li {
    padding-bottom: 4px;
    padding-left: 8px;
	font-weight:normal;
}

.subMenu .current {
    list-style-image: url('../images/marker.gif');
	vertical-align: middle;
    font-weight: bold;
    margin-left: 15px;
    padding-left: 3px;
}

.news a {
	display:block;
	padding: 2px 0px 2px 9px;
	margin-top: 5px;
}

.news h2 {
	font-size:14px;
	font-weight: normal;
}

.navon {
	background-color:#B1CE8A;
	border:#A2C473 solid 1px;
	_filter:alpha(opacity=80);
    _opacity:.1;
}

.linkon {
    background: url(widget/marker.gif) no-repeat left center;
	text-decoration:none;
}

.sheet_bottom {
    float: left;
    width: 782px;
    position: relative;
    top: -6px;
}

#foot {
    border-top: 1px solid #EEEEEE;
    text-align: center;
    padding-top: 19px;
    padding-bottom: 19px;
    font-size: 11px;
    color: #7E7E7E;
}

#foot a {
    color: #fff;
    font-size: 12px;
    padding: 0px 3px;
}


#comment {
 	width:912px;
	padding:10px 20px;
	text-align:left;
	color: #7E7E7E;  
}

#comment a{
	color: #7E7E7E;
}

.link { 
    padding:5px;
	list-style:none;
}

.link a{
	text-decoration:none;
	color:#3D3D3D;
}

.link li{
	padding:3px;
	color:#7E7E7E;
	float:left;
}

.container{
	width:280px;
	height:200px;
	border:1px solid #eee;
	position:relative;
}
#idPicText{
	background:#eee;
	line-height:25px;
	text-align:center;
	font-weight:bold;
	width:282px;
	white-space:nowrap;
	overflow:hidden;
	font-size:12px;
}
#idPicText a{
	text-decoration:none;
	color:#333;
	display:block;
}
#idPicList img{
	cursor:pointer;
	width:73px;
	height:50px;
	filter:alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
	border:0;
	margin:10px;
}
#idPicList img.on{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#idNum{ position:absolute; right:5px; bottom:5px;}
#idNum li{
	float: left;
	list-style:none;
	color: #fff;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	margin: 1px;
	border: 1px solid #707070;
	background-color: #060a0b;
}
#idNum li.on{
	line-height: 18px;
	width: 18px;
	height: 18px;
	font-size: 14px;
	border: 0;
	background-color: #ce0609;
	font-weight: bold;
}

.box {
    float:left;
	text-align:left; 
	border: #D9DCD7 solid 1px;
	margin:5px;
}

.box a{
    text-decoration:none;	
}

.box a:hover{
    text-decoration: underline;	
}

.subject{
	background: url(widget/orangeButton.png) no-repeat center left;
	height:22px;
	margin-top:10px;
	padding: 7px 10px 2px 10px;
}

.subject a{
	color:#FFFFFF;
	text-align: center;
}

.greenButton, .orangeButton, .redButton {
    background: url('widget/small-green-na.png') no-repeat;
    width: 154px;
    height: 42px;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

.greenButton a, .orangeButton a, .redButton a {
    color: #fff;
    display: block;
    height: 100%;
    padding: 5px 5px 0px 5px;
}

.greenButton a:hover {
   background: url('widget/small-green-a.png') no-repeat; 
}

.shortText a {
    padding-top: 13px;
    height: 28px;
}

.orangeButton {
    background: url('widget/orangeButton.png') no-repeat;
}

.redButton {
    background: url('widget/small-red-na.png') no-repeat;
}

.redButton a:hover {
   background: url('widget/small-red-a.png') no-repeat; 
}

.orangeButton a {
    padding: 13px 5px 0px 5px;
}

.activeMenu span {
    display: block;
    position: relative;
    bottom: -33px;
}

.activeMenu a {
    position: relative;
    top: 8px;
}

.leftButton {
    float: left;
    margin-top: 5px;
    margin-bottom: 15px;
    width:50%;
}

.rightButton {
    float: right;
    margin-top: 5px;
    margin-bottom: 15px;
    width: 50%;
}

ul.nlist{ list-style:none; margin-top:15px;}
ul.nlist li{ background:url(image/iChat.gif) 0px 5px no-repeat; padding-left:26px;}
ul.nlist li h2{ font-size:14px; font-weight:bold; line-height:28px;}
ul.nlist li p{ line-height:150%; font-family:Verdana, Arial, Helvetica, sans-serif;}
.page{ clear:both;}
.page li{ float:left; padding:5px; list-style:none;}