/* CSS Head */
body { 
background-color:#ffffff;
font-family: Arial;
font-size:14px;
color:#3e3e3e;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height : 100%;
}

#mainbg{ 
background:#ffffff url(../images/bghead_infonet_bt.gif) repeat-x scroll center top;
height : 100%;
width : 100%;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#wrapper {
margin:0px;
padding:0px;
border:#ff0000 0px solid;
height:100%;
width:1024px;
}

#header {
float:left;
width:1024px;
height:180px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:#000000 0px solid;
}

#top-l {
background:transparent url(../images/top-l.jpg) scroll 0%;
float:left;
width:50px;
height:180px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#logo {
float:left;
background:transparent url(../images/logo-bg.gif) scroll 0%;
width:250px;
height:180px;
padding:0px 0px 0px 0px;
}

#logo_img {
	float:left;
	width:250px;
	height:67px;
	padding:63px 0px 0px 0px;
	border:0px;
}

#logo_img a img{
	border:0px;
}

#logo_motto {
	float:left;
	width:250px;
	height:50px;
	padding:0px 0px 0px 0px;
}

#logo_motto h2 {
	font-family:Arial;
	font-size:12px;
	color:#ff0000;
	padding: 4px 2px 4px 2px;
}

#head_banner {
float:left;
width:714px;
height:95px;
padding:20px 0px 0px 0px;
}

#head_banner_img {
float:left;
width:500px;
height:80px;
vertical-align:middle;
background-color:#ffffff;
}

#top-m {
background:transparent url(../images/bghead_infonet_bt.gif) repeat-x scroll 0%;
float:left;
width:674px;
height:180px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#top-m-empty {
background:transparent url(../images/top-menu-icon.gif);
float:left;
width:674px;
height:37px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#top-m-langbar {
background:transparent url(../images/menu-icon-bg.gif);
float:left;
width:674px;
height:40px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#top-m-langbar-left {
float:left;
width:270px;
height:25px;
margin:0px 0px 0px 0px;
padding:15px 0px 0px 4px;
}

#home-partner-sitemap { float:left;	margin: 0px;  padding:0px;  text-align: left;  }
#home-partner-sitemap li {    display: inline; padding: 0px 0px;}
#home-partner-sitemap li a{  padding: 4px 4px; margin:4px 4px;}


#top-m-langbar-right {
float:left;
width:400px;
height:40px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#top-m-langbar-right-link {
float:left;
text-align:right;
width:300px;
height:25px;
margin:0px 0px 0px 0px;
padding:15px 0px 0px 0px;
}

#top-m-langbar-right-text-size {
float:left;
text-align:right;
width:97px;
height:30px;
margin:0px 0px 0px 0px;
padding:10px 3px 0px 0px;
}

#top-m-menu {
background:transparent url(../images/menubg.jpg) repeat-x scroll 0%;
float:left;
width:674px;
height:103px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#top-m-menu-left {
float:left;
width:567px;
height:103px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#top-m-menu-left-main {
float:left;
width:547px;
height:28px;
margin:0px 0px 0px 0px;
padding:25px 0px 0px 20px;
}

#gnav { float:left;  margin: 0px;  padding:0px 0px 12px 0px; text-align: left; margin-bottom:10px;  }
#gnav li { display: inline; padding: 2px 11px 12px 10px; }
#gnav li:hover {  background:transparent url(../images/navi_arrow_up.jpg) no-repeat scroll center bottom;}
#gnav li.notri:hover {  background:transparent ;}
#gnav li.active {  background:transparent url(../images/navi_arrow_up.jpg) no-repeat scroll center bottom;}
#gnav li a {    font-family: Arial; font-size: 16px;	font-weight:normal;  color: #999999;        padding: 2px 8px 0px 0px;	text-decoration:none;}
#gnav li a:hover {   font-family: Arial; font-size: 16px;	font-weight:normal;   color: #ff0000; }


.top-m-menu-left-sub { float:left;  margin: 0px;  padding:7px 0px 0px 0px; text-align: left;  }
.top-m-menu-left-sub li { display: inline; padding: 0px 5px 0px 5px; }
.top-m-menu-left-sub a {    font-family: Arial; font-size: 12px;	font-weight:normal;  color: #E6641D;    padding: 2px 8px 0px 0px;	text-decoration:none;}
.top-m-menu-left-sub a:hover {   font-family: Arial; font-size: 12px;	font-weight:normal;  text-decoration:underline;  color: #E6641D; }
.top-m-menu-left-sub a:visited {  font-size: 12px; }
.top-m-menu-left-sub a:link {  font-size: 12px;	 }


#top-m-menu-btlogo {
float:left;
width:107px;
height:90px;
margin:0px 0px 0px 0px;
padding:13px 0px 0px 0px;
}


#top-r {
background:transparent url(../images/top-r.jpg) scroll 0%;
float:left;
width:50px;
height:180px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#banner {
background: url(../images/body-bg.gif) repeat-y scroll 0%;
float:left;
width:1024px;
height:263px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:#000000 0px solid;
}

#banner-l {
background: transparent;
float:left;
width:50px;
height:263px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#banner-l img {
border:0px;
width:50px;
height:53px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#banner-m {
background-color:#ffffff;
float:left;
width:915px;
height:263px;
margin:0px 0px 0px 0px;
padding:0px 4px 0px 5px;
}

#banner-r {
background: transparent;
float:left;
width:50px;
height:263px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#underbanner {
background: url(../images/body-bg.gif) repeat-y scroll 0%;
float:left;
width:1024px;
height:32px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:#000000 0px solid;
}

#underbanner-l {
background: transparent;
float:left;
width:50px;
height:32px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#underbanner-l img {
border:0px;
width:50px;
height:32px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#underbanner-m {
background:url(../images/bg_under_banner.jpg) repeat-x scroll 0%;
float:left;
width:915px;
height:32px;
margin:3px 4px 0px 5px;
padding:0px 0px 0px 0px;
}

#underbanner-m ul { float:right;  margin: 0px;  padding:10px 10px 5px 0px; text-align: left;  }
#underbanner-m ul li { display: inline; padding: 0px 2px 0px 2px; }
#underbanner-m ul a {   font-weight:normal;  padding: 2px 8px 2px 8px;}

#underbanner-r {
background: transparent;
float:left;
width:50px;
height:32px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


.clear-all {
clear:both; height:0; line-height:0; font-size:0;}
}

a:active {font-family: arial; font-size: 14px;  color: #3e3e3e; text-decoration: none; padding:2px 2px 2px 2px;} 
a:link {font-family: arial; font-size: 14px;  color: #3e3e3e; text-decoration: none; padding:2px 2px 2px 2px;} 
a:visited {font-family: arial; font-size: 14px; color: #3e3e3e; text-decoration: none; padding:2px 2px 2px 2px;} 
a:hover {font-family: arial; font-size: 14px; color: #ff0000; text-decoration: none; padding:2px 2px 2px 2px;}


.link-txt12:active {font-family: arial; font-size: 12px; color: #999999; text-decoration: none; background-color:#ffffff; } 
.link-txt12:link {font-family: arial; font-size: 12px; color: #999999; text-decoration: none; background-color:#ffffff; } 
.link-txt12:visited {font-family: arial; font-size: 12px; color: #999999; text-decoration: none; background-color:#ffffff; } 
.link-txt12:hover {font-family: arial; font-size: 12px; color: #F98800; text-decoration: none; background-color:#ffffff; }

.link-txt16:active {font-family: arial; font-size: 16px; color: #999999; text-decoration: none; background-color:#ffffff; padding:2px 2px 2px 2px;} 
.link-txt16:link {font-family: arial; font-size: 16px; color: #999999; text-decoration: none; background-color:#ffffff; padding:2px 2px 2px 2px;} 
.link-txt16:visited {font-family: arial; font-size: 16px; color: #999999; text-decoration: none; background-color:#ffffff; padding:2px 2px 2px 2px;} 
.link-txt16:hover {font-family: arial; font-size: 16px; color: #F98800; text-decoration: none; background-color:#ffffff; padding:2px 2px 2px 2px;}

.link-txt18:active {font-family: arial; font-size: 18px; color: #999999; text-decoration: none; background-color:#ffffff; padding:2px 2px 2px 2px;} 
.link-txt18:link {font-family: arial; font-size: 18px; color: #999999; text-decoration: none; background-color:#ffffff; padding:2px 2px 2px 2px;} 
.link-txt18:visited {font-family: arial; font-size: 18px; color: #999999; text-decoration: none; background-color:#ffffff; padding:2px 2px 2px 2px;} 
.link-txt18:hover {font-family: arial; font-size: 18px; color: #F98800; text-decoration: none; background-color:#ffffff; padding:2px 2px 2px 2px;}

.langbar:active {font-family: arial; font-size: 14px; font-weight:bold; color: #999999; text-decoration: none; padding:2px 2px 2px 2px;} 
.langbar:link {font-family: arial; font-size: 14px; font-weight:bold; color: #999999; text-decoration: none; padding:2px 2px 2px 2px;} 
.langbar:visited {font-family: arial; font-size: 14px; font-weight:bold; color: #999999; text-decoration: none; padding:2px 2px 2px 2px;} 
.langbar:hover {font-family: arial; font-size: 14px; font-weight:bold; color: #ff0000; text-decoration: none; padding:2px 2px 2px 2px;}


/* END CSS Head */

/* CSS Body */
#body_content {
background: url(../images/body-bg.gif) repeat-y scroll 0%;
float:left;
width: 924px;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 50px 0px 50px;
border:#000000 0px solid;
}

#body-l {
background: url(../images/body-bg-l.gif) repeat-y scroll 0%;
float:left;
width:50px;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#body-m {
background-color:#ffffff;
float:left;
width:924px;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#body-r {
background:url(../images/body-bg-r.gif) repeat-y scroll 0%;
float:left;
width:50px;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/* ======================Start home page style===================================  */
#body-m-inner-left{
background-color:#ffffff;
float:left;
width:512px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
border-right:#cccccc 1px solid;
}

#body-m-inner-left h1{
font-family:Arial;
color:#000000;
font-weight:normal;
text-align:left;
margin: 0px 0px 5px 0px;
padding: 10px 0px 2px 10px;
}

#body-m-inner-left p{
font-family:Arial;
font-size:14px;
text-align:justify;
padding: 4px 35px 4px 20px;
margin:2px 0px 2px 0px;
line-height:1.3em;
}

#four-main-box1{
width:475px;
height:60px;
border:#000000 solid 0px;
padding:10px 15px 10px 0px;
}

#four-main-box2{
width:475px;
height:60px;
border:#000000 solid 0px;
padding:10px 15px 10px 0px;
}

#four-main-box-1{
float:left;
background:url(../images/service-bg-global.jpg) no-repeat scroll 0%;
width:194px;
height:54px;
padding: 10px 0px 0px 30px;
margin:0px 0px 0px 0px;
text-align:left;
}

#four-main-box-1 a{
color:#64379b;
font-size:22px;
line-height:1.0em;
}

#four-main-box-2{
float:right;
background:url(../images/service-bg-domestic.jpg) no-repeat scroll 0%;
width:194px;
height:54px;
padding: 10px 0px 0px 30px;
margin:0px 0px 0px 0px;
text-align:left;
}

#four-main-box-2 a{
color:#ffa02f;
font-size:22px;
line-height:1.0em;
}

#four-main-box-3{
float:left;
background:url(../images/service-bg-system.jpg) no-repeat scroll 0%;
width:194px;
height:54px;
padding: 10px 0px 0px 30px;
margin:0px 0px 0px 0px;
text-align:left;
}

#four-main-box-3 a{
color:#000066;
font-size:22px;
line-height:1.0em;
}

#four-main-box-4{
float:right;
background:url(../images/service-bg-outsourcing.jpg) no-repeat scroll 0%;
width:194px;
height:54px;
padding: 10px 0px 0px 30px;
margin:0px 0px 0px 0px;
text-align:left;
}

#four-main-box-4 a{
color:#d71f85;
font-size:22px;
line-height:1.0em;
}

#body-m-inner-right-head{
background-color:#ffffff;
float:left;
width:391px;
margin:10px 0px 0px 0px;
padding:-20px 0px 0px 0px;
border-left:#cccccc 1px solid;
}

#body-m-inner-right-head h1{
font-family:Arial;
color:#000000;
font-weight:normal;
text-align:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 10px;
}

#body-m-inner-right{
background-color:#ffffff;
float:left;
width:391px;
margin:10px 0px 0px 10px;
padding:-20px 0px 0px 10px;
border-left:#cccccc 0px solid;
}

#body-m-inner-right h1{
font-family:Arial;
color:#000000;
font-weight:normal;
text-align:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 10px;
}

#body-m-inner-right div{
font-family:Arial;
font-size:14px;
text-align:justify;
padding: 4px 15px 15px 20px;
line-height:1.3em;
}

#body-m-inner-right div.newsday{
display:block;
background:transparent url(../images/newsletter.png) no-repeat scroll left ;
color:#999999;
font-size:12px;
padding:2px 0px 2px 30px;
border:0px;
}

#body-m-inner-right div h2{
font-family:Arial;
font-size:14px;
font-weight:bold;
text-align:left;
color:#336699;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}

#body-m-inner-right div p{
margin: 0px 0px 0px 0px;
}

#body-m-inner-right div.newsmore{
display:block;
background:transparent url(../images/news_more.png) no-repeat scroll right ;
padding:2px 20px 2px 0px;
margin:0px 20px 0px 0px;
border:0px;
text-align:right;
}

#body-m-inner-right div a:active {font-family: arial; font-size: 14px; font-weight:bold; color: #336699; text-decoration: none; } 
#body-m-inner-right div a:link {font-family: arial; font-size: 14px; font-weight:bold; color: #336699; text-decoration: none; } 
#body-m-inner-right div a:visited {font-family: arial; font-size: 14px; font-weight:bold; color: #336699; text-decoration: underline; } 
#body-m-inner-right div a:hover {font-family: arial; font-size: 14px; font-weight:bold; color: #336699; text-decoration: underline; }

#body-m-inner-right div.newsmore a:active {font-family: arial; font-size: 14px; color: #ff0000; text-decoration: none; } 
#body-m-inner-right div.newsmore a:link {font-family: arial; font-size: 14px; color: #ff0000; text-decoration: none; } 
#body-m-inner-right div.newsmore a:visited {font-family: arial; font-size: 14px; color: #ff0000; text-decoration: underline; } 
#body-m-inner-right div.newsmore a:hover {font-family: arial; font-size: 14px; color: #ff0000; text-decoration: underline; }

#body-m-inner-right div a img {border:0px; } 
/* ======================End home  style===================================  */

/* ======================Start Product line style===================================  */

#product-line{
background-color:#ffffff;
float:left;
width:914px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
}

#product-line h1{
font-family:Arial;
color:#000000;
font-weight:normal;
text-align:left;
margin: 10px 0px 15px 0px;
padding: 10px 0px 2px 10px;
}

#product-line p{
font-family:Arial;
font-size:14px;
text-align:justify;
padding: 4px 35px 4px 35px;
line-height:1.3em;
}

#product-line-box{
background:url(../images/bg_product_box.jpg) repeat-x scroll 0%;
float:left;
width:884px;
height:170px;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
}

#product-line-box-col1{
float:left;
width:120px;
padding:0px 30px 0px 26px;
}

#product-line-box-col1 h3{
text-align:left;
color:#64379b;
font-size:14px;
border-bottom:1px dotted #000000;
margin:15px 0px 0px 0px;
padding-bottom:10px;
}

#product-line-box-col1 ul{
list-style-type:none;
margin:5px 0px 1px 0px;
padding:0px 0px 0px 0px;
}

#product-line-box-col1 ul li {
color:#000000;
overflow:hidden;
text-align:left;
padding:1px 0px 1px 0px;
}

#product-line-box-col2{
float:left;
width:120px;
padding:0px 30px 0px 26px;
}

#product-line-box-col2 h3{
text-align:left;
color:#ffa02f;
font-size:14px;
border-bottom:1px dotted #000000;
margin:15px 0px 0px 0px;
padding-bottom:10px;
}

#product-line-box-col2 ul{
list-style-type:none;
margin:5px 1px 1px 1px;
padding:0px 0px 0px 0px;
}

#product-line-box-col2 ul li {
color:#000000;
overflow:hidden;
text-align:left;
padding:1px 0px 1px 0px;
}

#product-line-box-col3{
float:left;
width:120px;
padding:0px 30px 0px 26px;
}

#product-line-box-col3 h3{
text-align:left;
color:#69be28;
font-size:14px;
border-bottom:1px dotted #000000;
margin:15px 0px 0px 0px;
padding-bottom:10px;
}

#product-line-box-col3 ul{
list-style-type:none;
margin:5px 1px 1px 1px;
padding:0px 0px 0px 0px;
}

#product-line-box-col3 ul li {
color:#000000;
overflow:hidden;
text-align:left;
padding:1px 0px 1px 0px;
}

#product-line-box-col4{
float:left;
width:120px;
padding:0px 30px 0px 26px;
}

#product-line-box-col4 h3{
text-align:left;
color:#000066;
font-size:14px;
border-bottom:1px dotted #000000;
margin:15px 0px 0px 0px;
padding-bottom:10px;
}

#product-line-box-col4 ul{
list-style-type:none;
margin:5px 1px 1px 1px;
padding:0px 0px 0px 0px;
}

#product-line-box-col4 ul li {
color:#000000;
overflow:hidden;
text-align:left;
padding:1px 0px 1px 0px;
}

#product-line-box-col5{
float:left;
width:120px;
padding:0px 30px 0px 26px;
}

#product-line-box-col5 h3{
text-align:left;
color:#D71F85;
font-size:14px;
border-bottom:1px dotted #000000;
margin:15px 0px 0px 0px;
padding-bottom:10px;
}

#product-line-box-col5 ul{
list-style-type:none;
margin:5px 1px 1px 1px;
padding:0px 0px 0px 0px;
}

#product-line-box-col5 ul li {
color:#3e3e3e;
overflow:hidden;
text-align:left;
padding:1px 0px 1px 0px;
}

#product-line-box-col1 ul li a:hover { color:#64379B; }
#product-line-box-col2 ul li a:hover { color:#FFA02F; }
#product-line-box-col3 ul li a:hover { color:#69BE28; }
#product-line-box-col4 ul li a:hover { color:#000066; }
#product-line-box-col5 ul li a:hover { color:#D71F85; }

/* ======================End product line style===================================  */
#bottom_ja{ 
background:#ffffff url(../images/bgbot_infonet_bt.gif) repeat-x scroll center bottom;
height : 125px;
width : 100%;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#wrapper_bottom {
margin:0px;
padding:0px;
border:#ff0000 0px solid;
height:100%;
width:1024px;
}

#bottom-l {
background: url(../images/bot-l.gif) repeat-y scroll 0%;
float:left;
width:50px;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#bottom-m {
background-color:#ffffff;
float:left;
width:924px;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#bottom-r {
background:url(../images/bot-r.gif) repeat-y scroll 0%;
float:left;
width:50px;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#bottom-link {
background: transparent;
float:left;
width:924px;
height:65px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#bottom-link-link {
background:transparent;
float:left;
text-align:left;
width:400px;
height:45px;
margin:0px 0px 0px 12px;
padding:20px 0px 0px 0px;
}

#bottom-link-partner {
background:transparent;
float:left;
text-align:right;
width:500px;
height:65px;
margin:0px 12px 0px 0px;
padding:0px 0px 0px 0px;
}

#bottom-link-partner img {
border:0px;
}

#bottom-copy {
background:url(../images/bot-bg-copy-repeat.gif) repeat-x scroll 0%;
float:left;
width:924px;
height:60px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#bottom-copy-text {
float:left;
text-align:left;
width:400px;
height:45px;
margin:0px 0px 0px 0px;
padding:15px 0px 0px 12px;
}

#bottom-copy-policy {
float:left;
text-align:right;
width:500px;
height:45px;
margin:0px 0px 0px 0px;
padding:15px 12px 0px 0px;
}

/* END Body Head */