<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
body{
	margin: 0px;
	padding: 0px;
}
p{
	line-height:25px;
}
* {
	padding:0;
	margin:0;
}

* ul{
	list-style-type: none;
}
ul.pul{
	list-style-type: disc;
	padding-left:15px;
}
ul.pul li{margin:10px;}
* a img{
	padding: 0px;
	border-style: none;
}
h1{font-size: 20px;
	font-weight: bold;
	color: #060;
	margin:25px 0;}
h2{
	font-size: 16px;
	font-weight: bold;
	color: #060;
	margin:10px 0;
}
.clear{clear:both;}
a:link,a:visited{
	text-decoration: none;
	color: #000;
}
a:hover{
	text-decoration:underline;
}
.greentable{
	background-color: #98ca2d;
	padding: 5px 5px 5px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
.imgmargin{
	/*float:left;*/
}
.imgmargin img{margin-right:25px;}
#container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 932px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#container #header{
	background-image: url(../images/top_bg.jpg);
	text-align:right;
	height:39px;
	line-height:39px;
	font-size: 9px;
	padding-right:50px;
}
#header ul{
	margin:0;
	overflow:hidden;
}
#header li{
	display:inline;
	padding:0;
	width:1px;
}
#header a:link,#header a:visited{
	text-decoration: none;
	color: #333;
}
#header a:hover{text-decoration:underline;}

#mainbody{
	background-image: url(../images/mainbody_bg.jpg);
	background-repeat: repeat-y;	
}
#mainbody #content{
	width:858px;
	margin:0 auto;
	padding-bottom:10px;
	background-color: #FFF;
}
#mainbody #content #logo{
	height:79px;
	width:300px;
	float:left;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}
#mainbody #content #logo a{display:block;height:79px;width:300px;}
#mainbody #content #menu{
	height:79px;
	float:right;
	padding:0 10px;
	}
#mainbody #content #menu li.menu_left{
	background-image: url(../images/menu_left.jpg);
	background-repeat: no-repeat;
	width:9px;
	padding: 0px 0px 0px 0px;
}
#mainbody #content #menu li.menu_right{
	background-image: url(../images/menu_right.jpg);
	background-repeat: no-repeat;
	width:8px;
}
#mainbody #content #menu .menuDIV{
	background-image: url(../images/menuDIV.jpg);
	width: 1px;
}
#mainbody #content #menu li{
	float:left;
	height:32px;
}
#mainbody #content #menu li a:link,#mainbody #content #menu li a:visited{
	background-image: url(../images/menu_bg.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: #324802;
	font-weight: bold;
	display:block;
	padding: 12px 15px 6px 15px;
	overflow: hidden;
}

#mainbody #content #menu li li a:link,#mainbody #content #menu li li a:visited{
	background-image: none;
	background-repeat: repeat-x;
}
#mainbody #content #menu li a:hover{
	background-image: url(../images/menu_bg2.jpg);		
	display:block;
}
#mainbody #content #menu li li a:hover{
	background-image: none;
	display:block;
	background-color: #75ad44;
}


#mainbody #content #menu li li {
	width:150px;
}

#mainbody #content #menu li ul{
	position: absolute;
	z-index: 99;
	left: -999em;
	width:150px;
	height: auto;
	background:#88b62d;
	filter: Alpha(Opacity=90);
	padding-top: 0px;
	margin-top:-1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #7bad51;
	border-bottom-color: #7bad51;
	border-left-color: #7bad51;
}
#mainbody #content #menu li li ul{
   position: absolute;
   margin: -33px 0 0 12.5em;
}

#mainbody #content #menu li:hover ul ul, #mainbody #content #menu li:hover ul ul, #mainbody #content #menu li.sfhover ul ul, #mainbody #content #menu li.sfhover ul ul {
   left: -999em;
}
#mainbody #content #menu li:hover ul, #mainbody #content #menu li li:hover ul,#mainbody #content #menu li.sfhover ul, #mainbody #content #menu li li.sfhover ul, #mainbody #content #menuli li.sfhover ul {
   left: auto;
}

#mainbody #content #banner{
	clear:both;
	text-align: center;
	}
#mainbody #content #homenews{padding-left:20px;}
#mainbody #content #homenews .area{
	width:240px;
	float:left;
	margin-right:20px;
}
#mainbody #content #homenews .area ul{
	margin-top: 10px;
	padding-left:10px;
	width:240px;
}
#mainbody #content #homenews .area ul.newshead{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cce770;
}
#mainbody #content #homenews .area ul.newshead li.newsbold,#mainbody #content #homenews .area ul.newshead li.newsbold2,#mainbody #content #homenews .area ul.newshead li.newsbold3{
	width:85px;
	height:24px;
	line-height:24px;
	font-weight: bold;
	color: #324802;
	background-image: url(../images/c1.gif);
	float:left;
	background-repeat: no-repeat;
	padding:2px 0 0 5px;
}
#mainbody #content #homenews .area ul.newshead li.newsbold span{
	background-image: url(../images/icon1.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left -4px;
}
#mainbody #content #homenews .area ul.newshead li.newsbold2 span{
	background-image: url(../images/icon2.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left -4px;
}
#mainbody #content #homenews .area ul.newshead li.newsbold3 span{
	background-image: url(../images/icon3.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left -4px;
}

#mainbody #content #homenews .area ul.newshead li.more{
	float: right;
	padding:10px 5px 0 0;
}
.copy {
	height: 19px;
	list-style-type: none;
}

#mainbody #content #homenews .area li{
	padding-left: 12px;
}
#mainbody #content #homenews .area li.newstitle{
	font-weight: bold;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #324802;
	clear:both;
}
#mainbody #content #homenews .area li.newstitle a{
	color: #324802;
}
#mainbody #content #sitemap,#mainbody #content #about{padding:15px 35px;}
#mainbody #content #sitemap ul,#mainbody #content #about ul{
	padding-left: 15px;
	list-style-type: disc;
}
#mainbody #content #sitemap ul li,#mainbody #content #about ul li{
	margin-top:10px;
}
#mainbody #content #sitemap ul ul{
	list-style-type: square;
}
#mainbody #content #sitemap ul ul ul{
	list-style-type: circle;
}
#mainbody #content #contact{padding:25px 35px;}
#mainbody #content #contact ul#map{float:left;width:40%;}
#mainbody #content #contact ul#inquiryform{float:right;width:54%;}
#mainbody #content #contact ul li{margin:10px 0;}
#mainbody #content #contact ul li span{font-weight: bold;}
#mainpage{padding:25px 0 25px 25px;}
#sidebar{
	float: left;
	margin:0 15px 0 5px;
}
#sidebar li{
	width:150px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#sidebar li li{
	width: 130px;}
#sidebar li a{
	display:block;
	padding:8px 8px 8px 20px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	}
#sidebar li.current a{
	color:#060;
	font-weight: bold;
	}
#sidebar li a:hover{
	background-color: #EFEFEF;
	text-decoration:none;
	color: #060;
}
#sidebar li ul{
	display:none;
	border: 1px solid #ccc;
	width: 130px;
}
#sidebar li ul li {
	border-style: none;
}
/*#sidebar li. ul{
    margin: -33px 0 0 12.5em;
	position: absolute;
}*/
#sidebar li:hover ul,#sidebar li.sfhover ul{
	display:block;
	margin:0 0 0 10px;
	position: relative;
}
#location{
	padding:0 0 0 15px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-buttom:10px;
	color: #666;
}

#contentpage{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	float: left;
	padding:0 10px 0 25px;
	width:600px;
}
#contentpage ul#case li{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #060;
	margin:10px 0;
}
#contentpage ul#case img{
	margin: 0 10px 10px 0;
	float:left;
}
#contentpage ul#case span{
	font-size: 12px;
	font-weight: bold;
	color: #060;
	padding:10px 0;
}
#contentpage #content0{
	float:left;
}
#contentpage #content1{
	width:70%;
	float:left;
	padding-right:15px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCC;
}
#contentpage #content2{width:25%;float:right;padding-left:5px;}
#contentpage #content2 li{
	background-image: url(../images/arrow_137.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
	margin:10px 0;
}
#contentpage #content2 li.content2pho{
	padding-left:15px;
	background-image: none;
}
#contentpage #content1 ul,#contentpage #content0 ul{
	list-style-type: disc;
	padding:5px 0 5px 15px;
}
#contentpage #content1 ul li,#contentpage #content0 ul li{margin:10px 0;
}
.subtitle{
	font-size: 14px;
	font-weight: bold;
	color: #060;
	margin:10px 0;
}
.sectitle{
	font-size:14px;
	font-weight: bold;
	color: #09C;
}
.thrtitle{
	font-weight: bold;
	color: #069;
}

#mainbody #content #promotion{padding:15px 15px;width:95%;}
#mainbody #content #promotion ul.yh{
	list-style-type: none;
	padding:8px;
	float:left;
	width: 184px;
}
#mainbody #content #promotion ul.yh li{
	margin:0px;
}
#footer{
	background-color:#ededed;
	height:84px;
	line-height:84px;
	background-repeat: no-repeat;
	padding:0 90px;
	color: #666666;
	clear:both;
	background-image: url(../images/foot_bg2.jpg);
}
#footer ul#phone{
	background-image: url(../images/phone.gif);
	float: left;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: left center;
}
#footer ul#copyright{float:right;}
.product_catalog{
	padding:5px;
	border:1px solid #060;
	float:right;
	clear:both;
	margin:-50px 20px 0 0;
	display:inline;
}
.product_catalog2{
	border:1px solid #060;
	width:53px;
	position:absolute;
	right:0;
	top: 0;
}
div#contentpage div#content0 ul.product_catalog2{
	list-style-type: none;
	padding:5px;
}
div#contentpage div#content0 ul.product_catalog2 li{
	margin:5px 0;
}
.product_catalog2 span{
	font-weight: bold;
	color:#060;
}



.ftitle{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #000;
	padding: 3px;
	text-align: center;
}
.ftitle1{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #000;
	padding: 3px;
	font-style: italic;
}
.ftitle2{
	font-size: 12px;
	color: #333;
	background-color: #CCC;
	padding: 3px;
	font-style: italic;
}
.ftop{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;	
}
.ftl{
	padding: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.ftr{
	padding: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.ftrl{
	padding: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.fortigate{
	border: 1px solid #030;
	padding:0px;
}
.fortigate ul.fortitle{
	background-color: #030;
	color:#FFF;
	font-size: 14px;
	font-weight: bold;	
}
.tu td{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	height:25px;
}
.contactlink a{
	font-weight: bold;
	color: #060;
	text-decoration:underline;
}

.stable {	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.red{
	color:#F00;
}

.Section1{
	padding: 15px 30px;
}

.link_underline a{
	color:#036;
	font-weight:bold;
}

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

/*promotion*/
#promotion ul.yearsList{padding: 15px 0;}
#promotion ul.yearsList li{padding: 10px 20px;background:#CCC;float:left;margin:0 5px;}
#promotion ul.yearsList li.current{background:#060;color:#fff;}
#promotion ul.yearContent p{line-height:15px;}

#promotion ul.yearContent{display:none;}
#promotion ul.yearContent.current{display:block;}
#promotion ul.yearContent li{float:left;margin:10px;}</pre></body></html>