﻿/*--------------------------------------------------*/

.clearfix:after 

{ 

content:"."; 

display:block; 

height:0; 

clear:both; 

visibility:hidden; 

} 

.clearfix 

{ 

display:inline-block; 

} 

/* Hide from IE Mac */ 

.clearfix {display:block;} 

/* End hide from IE Mac */ 

/* end of clearfix */ 

/*--------------------------------------------------*/

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

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

a:hover		 { color: #666666; text-decoration: underline; }

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

/*--------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,

fieldset,input,textarea,p,blockquote,th,td {

padding: 0;    

margin: 0;    

}

table {

border-collapse: collapse;    

border-spacing: 0;    

}    

fieldset,img { 

border: 0;    

}    

address,caption,cite,code,dfn,em,strong,th,var {    

font-weight: normal;    

font-style: normal;    

}    

ol,ul {

list-style: none;

}    

caption,th {

 text-align: left;

}

h1,h2,h3,h4,h5,h6 {

font-weight: normal;

font-size: 100%;

}    

q:before,q:after {

content:'';

}    

abbr,acronym {

border: 0;

}

/*--------------------------------------------------*/

body {

	background-image: url(../images/bg.gif);

	background-repeat: repeat-x;

	background-position: top;

	background-color: #a2a2a2;

	font-size: 12px;

}

.myscript {

	display: none;

}

.seo {

	display: none;

}

#absDiv {

	position: absolute;

	top: 0px;

	left: 50%;

	width: 876px;

	margin-left: -438px;

	height: 10px;

	z-index: 1;

}

	#absDiv .toolsBar {

		position: absolute;

		top:0px;

		left:0px;

		width: 267px;

		height: 33px;

		padding-left: 609px;

		overflow: hidden;

		background-image: url(../images/toolsbar.gif);

		background-repeat: no-repeat;

	}

		#absDiv .toolsBar li{

			float: left;

		}

		#absDiv .toolsBar a {

			height: 	0px !important;

			height /**/:33px; /* IE 5/Win hack */

			padding: 33px 0 0 0;

			overflow: hidden;

			display: block;

			float: left;

		}

		#absDiv .toolsBar li.tl1 a{

			width: 59px;

		}

		#absDiv .toolsBar li.tl2 a{

			width: 36px;

		}

		#absDiv .toolsBar li.tl3 a{

			width: 63px;

		}

		#absDiv .toolsBar li.tl4 a{

			width: 55px;

		}

		#absDiv .toolsBar li.tl5 a{

			width: 54px;

		}

		

	#absDiv .navMenu {

		height: 36px;

		top:33px;

		width: 701px;

		padding-left: 175px;

		position: absolute;

		left: 0px;

		background-image: url(../images/navMenu.jpg);

		background-repeat: no-repeat;

	}

		.navMenu li {

			display: inline;

		}

			.navMenu a,

			.navMenu a:link,

			.navMenu a:visited,

			.navMenu a:active {

				height: 	0px !important;

				height /**/:36px; /* IE 5/Win hack */

				padding: 36px 0 0 0;

				overflow: hidden;

				display: block;

				background-image: url(../images/navMenu.jpg);

				float: left;

			}

			.navMenu a:hover {

				background-position: 0px -36px;

			}

			

			.navMenu li.n1 a,

			.navMenu li.n1 a:link,

			.navMenu li.n1 a:visited,

			.navMenu li.n1 a:active

			 {

				background-position: -175px 0px;

				width:91px;

				height:36px;

			}

			.navMenu li.n1 a:hover {

				background-position: -175px -36px;

			}

			

			.navMenu li.n2 a,

			.navMenu li.n2 a:link,

			.navMenu li.n2 a:visited,

			.navMenu li.n2 a:active {

				background-position:-266px 0px;

				width:115px;

				height:36px;

			}

			.navMenu li.n2 a:hover {

				background-position:-266px -36px;

			}

			

			.navMenu li.n3 a,

			.navMenu li.n3 a:link,

			.navMenu li.n3 a:visited,

			.navMenu li.n3 a:active {

				background-position:-381px 0px;

				width:120px;

				height:36px;

			}

			.navMenu li.n3 a:hover {

				background-position:-381px -36px;

			}

			.navMenu li.n4 a,

			.navMenu li.n4 a:link,

			.navMenu li.n4 a:visited,

			.navMenu li.n4 a:active {

				background-position:-501px 0px;

				width:119px;

				height:36px;

			}

			.navMenu li.n4 a:hover {

				background-position:-501px -36px

			}

			.navMenu li.n5 a,

			.navMenu li.n5 a:link,

			.navMenu li.n5 a:visited,

			.navMenu li.n5 a:active {

				background-position:-620px 0px;

				width:119px;

				height:36px;

			}

			.navMenu li.n5 a:hover {

				background-position:-620px -36px;

			}

			.navMenu li.n6 a,

			.navMenu li.n6 a:link,

			.navMenu li.n6 a:visited,

			.navMenu li.n6 a:active {

				background-position:-739px 0px;

				width:114px;

				height:36px;

			}

			.navMenu li.n6 a:hover {

				background-position:-739px -36px;

			}





	

	#absDiv .indexBanner {

		width: 876px;

		height: 305px;

		position: absolute;

		top:71px;

		left: 0px;

		overflow: hidden;

		background-color: white;

		border-bottom: solid 7px #636363;

		z-index: 2

	}

	#absDiv .indexMainBox {

		top:389px;

		left: 0px;

		position: absolute;

		height: 150px;

		width: 876px;

		background-image: url(../images/indexMainBox.jpg);

		background-repeat: no-repeat;

		z-index: 2;

	}

		.indexMainBox .col1 {

			width: 300px;

			top: 0px;

			left: 0px;

			position: absolute;

			z-index: 3;

		}

			.indexMainBox .col1 .inner {

				padding-left: 10px;

				padding-right: 20px;

				padding-top: 5px;

			}

			

			.indexMainBox .col1 .inner a,

			.indexMainBox .col1 .inner a:link,

			.indexMainBox .col1 .inner a:visited,

			.indexMainBox .col1 .inner a:active {

				color: #8f8f8f;

			}

			.indexMainBox .col1 .innera:hover {

				color: #333;

				text-decoration: underline;

			}



			.indexMainBox .col1 h1 a {

				height: 	0px !important;

				height /**/:25px; /* IE 5/Win hack */

				padding: 25px 0 0 0;

				overflow: hidden;

				display: block;

			}

		.indexMainBox .col2 {

			left:300px;

			top: 0px;

			width: 333px;

			position: absolute;

			z-index: 3;

		}

			.indexMainBox .col2 .inner {

				padding-left: 20px;

				padding-top: 5px;

				padding-right: 15px;

				height: 90px;

				padding-bottom: 10px;

				overflow: hidden;

				

			}

			.indexMainBox .col2 .inner p {

				line-height: 150%;

				text-indent: 2em;

				color: #8f8f8f;

			}

			.indexMainBox .col2 a

			.indexMainBox .col2 a:link,

			.indexMainBox .col2 a:visited,

			.indexMainBox .col2 a:active {

				color: #8f8f8f;

			}

			.indexMainBox .col2 a:hover {

				color: #333;

				text-decoration: none;

			}

			

			.indexMainBox .col2 .inner img {

				float: right;

			}

			.indexMainBox .col2 h1 a {

				height: 	0px !important;

				height /**/:25px; /* IE 5/Win hack */

				padding: 25px 0 0 0;

				overflow: hidden;

				display: block;

			}

		.indexMainBox .col3 {

			width: 243px;

			top: 0px;

			left:633px;

			position: absolute;

			z-index: 3;

		}

			.indexMainBox .col3 h1 a {

				height: 	0px !important;

				height /**/:138px; /* IE 5/Win hack */

				padding: 138px 0 0 0;

				overflow: hidden;

				display: block;

			}

	

		#absDiv .indexMainBoxSplitBox {

			position: absolute;

			left:556px;

			top:394px;

			width: 56px;

			height: 16px;

			overflow: hidden;

			z-index: 4;

		}

			.indexMainBoxSplitBox a {

				display: block;

				float: left;

				width: 16px;

				height: 16px;

				background-image: url(../images/123split.gif);

				background-repeat: no-repeat;

				margin-right: 2px;

			}

			.indexMainBoxSplitBox .sp1,

			.indexMainBoxSplitBox .sp1:link,

			.indexMainBoxSplitBox .sp1:visited,

			.indexMainBoxSplitBox .sp1:active,

			.indexMainBoxSplitBox .sp1:hover {

				background-position: 0px 0px;

			}

			

			

			.indexMainBoxSplitBox .sp1a,

			.indexMainBoxSplitBox .sp1a:link,

			.indexMainBoxSplitBox .sp1a:visited,

			.indexMainBoxSplitBox .sp1a:active,

			.indexMainBoxSplitBox .sp1a:hover {

				background-position: 0px -16px;

			}

			

			.indexMainBoxSplitBox .sp2,

			.indexMainBoxSplitBox .sp2:link,

			.indexMainBoxSplitBox .sp2:visited,

			.indexMainBoxSplitBox .sp2:active,

			.indexMainBoxSplitBox .sp2:hover {

				background-position: -16px 0px;

			}



			.indexMainBoxSplitBox .sp2a,

			.indexMainBoxSplitBox .sp2a:link,

			.indexMainBoxSplitBox .sp2a:visited,

			.indexMainBoxSplitBox .sp2a:active,

			.indexMainBoxSplitBox .sp2a:hover {

				background-position: -16px -16px;

			}



			.indexMainBoxSplitBox .sp3,

			.indexMainBoxSplitBox .sp3:link,

			.indexMainBoxSplitBox .sp3:visited,

			.indexMainBoxSplitBox .sp3:active,

			.indexMainBoxSplitBox .sp3:hover {

				background-position: -32px 0px;

			}

			

			.indexMainBoxSplitBox .sp3a,

			.indexMainBoxSplitBox .sp3a:link,

			.indexMainBoxSplitBox .sp3a:visited,

			.indexMainBoxSplitBox .sp3a:active,

			.indexMainBoxSplitBox .sp3a:hover {

				background-position: -32px -16px;

			}

	

	#absDiv .indexHotBox {

		width: 876px;

		height: 79px;
		padding-top:7px;
		z-index: 2;

		position: absolute;

		left: 0px;

		top: 520px;

		background-image: url(../images/indexHotBoxbg.gif);
		background-position: 0px 7px;

		background-repeat: no-repeat;

		overflow: hidden;
	

	}

		.indexHotBox .inner {

			padding-left: 40px;

			padding-right: 40px;

			padding-bottom: 8px;

			font-size: 0px;

			line-height: 0px;

		}

		

	#absDiv .footer {

		top:609px;

		left: 0px;

		z-index: 2;

		position: absolute;

		width:706px;

		padding-left: 170px;

		height: 54px;

		padding-top: 24px;

		overflow: hidden;

		background-image: url(../images/footer.jpg);

		background-repeat: no-repeat;

	}

		#absDiv .footer p {

			line-height: 180%;

			padding-right: 20px;

			color: #9e9e9e;

			font-size: 12px;

		}

		#absDiv .footer p.copy {

			color: #656565;

		}

		

	#absDiv .neiBanner {

		top:71px;

		width: 876px;

		position: absolute;

		z-index: 2;

		height: 236px;

		overflow: hidden;

		left:0px;

		background-color: white;

	}

	

	

	#absDiv .leftbox {

		width: 212px;

		_height: 781px;

		min-height: 781px;

		top: 310px;

		background-color: white;

		left: 0px;

		position: absolute;

		z-index: 2;

	}

		.leftbox h1.lefttitle {

			height: 	0px !important;

			height /**/:60px; /* IE 5/Win hack */

			padding: 60px 0 0 0;

			overflow: hidden;

			display: block;

			background-repeat: no-repeat;

			font-size: 0px;

			clear: both;

		}

		.leftbox h1.lt1 {

			background-image: url(../images/lt1.jpg);

			margin: 0px;

		}

		.leftbox h1.lt2 {

			background-image: url(../images/lt2.jpg);

			margin: 0px;

		}

		.leftbox h1.lt3 {

			background-image: url(../images/lt3.jpg);

			margin: 0px;

		}

		.leftbox h1.lt4 {

			background-image: url(../images/lt4.jpg);

			margin: 0px;

		}

		.leftbox h1.lt5 {

			background-image: url(../images/lt5.jpg);

			margin: 0px;

		}

		.leftbox h1.lt6 {

			background-image: url(../images/lt6.jpg);

			margin: 0px;

		}

		.leftbox h1.lt7 {

			background-image: url(../images/lt7.jpg);

			margin: 0px;

		}

		.leftbox h1.lt8 {

			background-image: url(../images/lt8.jpg);

			margin: 0px;

		}
		.leftbox h1.lt9 {

			background-image: url(../images/lt9.jpg);

			margin: 0px;

		}
		

		.leftbox h1.lefttel {

			background-image: url(../images/lefttel.jpg);

			margin-top: 20px;

		}

		.leftbox .ServiceLink {

			padding-left: 5px;

			padding-top: 20px;

			padding-bottom: 20px;

		}

	#absDiv .rightbox {

		width: 663px;

		_height: 781px;

		min-height: 781px;

		top: 310px;

		

		left: 212px;

		position: absolute;

		z-index: 2;

		background-image: url(../images/rightboxbg.gif);

		background-color: white;

		background-repeat: repeat-x;

		background-position: top;

	}

		.rightbox .pagerNow {

			color: #727272;

			height: 50px;

			line-height: 50px;

			font-size: 12px;

		}

			.rightbox .pagerNow span {

				font-size: 13px;

				padding-left: 5px;

				padding-right: 5px;

			}

			.rightbox  .supportad {

				width: 650px;

				height: 192px;

				overflow: hidden;

				margin: 0px auto;

			}

			

		#absDiv .nfooter {

			top:1094px;

		}

#elem-FrontCommonContent_showDetailByList-AboutUsDoc {

	padding: 0px;

	width: 650px;

	margin: 0px;

}

#elem-FrontCommonContent_showDetailByList-AboutUsDoc .content {

	width: 650px;

	padding-left: 0px;

}



.indexSalesDiv {

	display: none; 

}
