@charset "utf-8";
/* CSS Document */

,h4,h5,h6{ padding:0; margin:0}

body {
	background-color:#efefef;
	text-align:center; margin:0; padding:0;
}


.box {
	width:100%;
}
.box2 {
	width:860px; margin:0 auto; background-color:#F00
}
.box-content {
	width:1020px; height:auto; overflow:hidden; margin:0 auto;
	text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;	background:#FFF  url(images/bgy.jpg) repeat-y;
}

.wrapper {
	width:960px; height:auto; overflow:hidden; margin:0 auto;
	text-align:justify;	font-size:80%; background:#FFF  url(images/bgy.jpg) repeat-y; padding:0 30px 0 30px;
	line-height:25px;font-size:1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.box-text {
	width:820px; height:auto; overflow:hidden;
	text-align:justify; padding:0 20px 0 20px; 
	font-size:1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


	
.bg-x {
	background:url(images/bg.jpg) repeat-x  ; height:250px;}
	
.header {
	background:url(images/header.jpg); height:250pxl; background-repeat:no-repeat}
	
	
/*css width 1000*/
.box1 {
	width:100%;
}
.box2 {
	width:1020px; margin:0 auto;}
	
.box-content2 {width:1020px; height:auto; overflow:hidden;	
 text-align:justify;font-size:85%; background:#FFF  url(images/bgy.jpg) 50% 0 repeat-y;}






.bgx {
	background:url(images/bgx.jpg) repeat-x  ; height:300px}
	
.box-menu-top { width:1020px; height:70px; float:left; margin:0 auto;}	
.banner-new { width:825px; height:241px; float:left; background:url(images/banner.jpg) no-repeat}
.icon_list { list-style-image: url(images/list-icon.jpg); line-height:30px}

/*---testi---*/
.testi-top {
	background-image:url(images/testi-top.jpg); width:780px; height:10px;}
.testi-body {
	background-image: url(images/testi-body.jpg); width:740px; background-repeat:repeat-y;
	padding:0 20px 0 20px;}
.testi-btm {
	background-image: url(images/testi-btm.jpg); width:780px; height:37px;}
/*--and-testi---*/


/*sprites btn*/

.xxx { width:240px;height:150px; float:right}
.xx { background:url(images/login.jpg) -11px -12px no-repeat;}
.xx:hover { background:url(images/login.jpg) -11px -118px no-repeat; cursor:pointer}

.box-menu{
	width:195px; height:241px; float:left;
}

ul.icon-bar {
 	list-style:none; display:block; width:195px; float:left;
	padding:0; margin:0; height:58px;
}

ul.icon-bar li {
	display:block;
}

ul.icon-bar li a.icon1 {
	background: url(images_/menu.jpg) -0px -0px no-repeat;
	display:block; text-indent:-9999px; width: 195px; height:58px; 
}

ul.icon-bar li a.icon1:hover {
	background:url(images_/menu.jpg)  -0px -241px no-repeat;
	display:block; text-indent:-9999px; width: 195px; height:58px; 
}

ul.icon-bar li a.icon2 {
	background:url(images_/menu.jpg) -0px -57px no-repeat;
	display:block; text-indent:-9999px; width: 195px; height:58px;
}

ul.icon-bar li a.icon2:hover {
	background:url(images_/menu.jpg) -0px -298px no-repeat;
	display:block; text-indent:-9999px; width: 195px; height:58px;
}

ul.icon-bar li a.icon3 {
	background:url(images_/menu.jpg) -0px -116px no-repeat;
	display:block; text-indent:-9999px; width: 195px; height:58px;
}

ul.icon-bar li a.icon3:hover {
	background:url(images_/menu.jpg) -0px -357px no-repeat;
	display:block; text-indent:-9999px; width: 195px; height:58px;
}

ul.icon-bar li a.icon4 {
	background:url(images_/menu.jpg) -0px -174px no-repeat;
	display:block; text-indent:-9999px; width: 195px; height:67px;
}

ul.icon-bar li a.icon4:hover {
	background:url(images_/menu.jpg) -0px -415px no-repeat;
	display:block; text-indent:-9999px; width: 195px; height:67px;
}