@charset "UTF-8";

#tab_container{
	width:530px;
	margin: 0;
	padding: 0px;
	position: relative;
	height: 30px;
}

#tab_slider							{
	height: 530px;
	overflow: hidden;
	width: 530px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	position: relative;
	z-index: 300;
 }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#tab_mover							{
	width: 700px;
	position: inherit;
	z-index: 300;
}

ul.tab{
	margin-left: -5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: -5px;
}
ul.tab li{
	list-style-type:none;
	width:120px;
	height:30px;
	float:left;
}
ul.tab li a{
	outline:none;
	background:url("./image/tab.jpg");
	display:block;
	text-decoration:none;
	color:blue;
	line-height:30px;
	text-align:center;
	cursor:pointer;
}
ul.tab li a.selected{
	background:url("./image/tab_selected.jpg");
	text-decoration:none;
	color:#333;
	cursor:default;
}

.panel						{
	width: 530px;
	float: left;
	position: absolute;
	height: 530px;
	left: 0px;
	background-color: #FFFFFF;
	padding: 0px;
	z-index: 300;
}
.panel_group{
	float:left;
	height: 530px;
	width: 530px;
	height: 530px;
}
ul.panel_group li a{
	color: #FFFFFF;
}
ul.panel_group li  a:hover{
	color: #FFFF00;
}
.panel .info2 {
	float: left;
	height: 265px;
	width: 265px;
	list-style-type: none;
}
.info2_text {
	top: 215px;
	position: relative;
	width: 250px;
	left: 40px;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
.panel #info2_1_1 {
	background-image: url(image/tab_img/info2_1_1.jpg);
	z-index: 300;
}
.panel #info2_1_2 {
	background-image: url(image/tab_img/info2_1_2.jpg);
}
.panel #info2_1_3 {
	background-image: url(image/tab_img/info2_1_3.jpg);
}
.panel #info2_1_4 {
	background-image: url(image/tab_img/info2_1_4.jpg);
}
.panel #info2_2_1 {
	background-image: url(image/tab_img/info2_2_1.jpg);
}
.panel #info2_2_2 {
	background-image: url(image/tab_img/info2_2_2.jpg);
}
.panel #info2_2_3 {
	background-image: url(image/tab_img/info2_2_3.jpg);
}
.panel #info2_2_4 {
	background-image: url(image/tab_img/info2_2_4.jpg);
}