@charset "UTF-8";
body {color:#000;margin:0;padding:0;background-color:#F4F4F4; background-image:url(../images/bg_main.gif)}

/*div layer index*/
#headerindex {float:none;width:750px;height:120px;left:0;top:0;}
#headerindexright {float:none;width:750px;left:0;top:0;}
#menuindex {float:none;background-color:#000;width:749px;height:24px;left:0;top:121px;color:#666;}
#flashmain {float:none;background-color:#000;width:750px;height:252px;left:0;top:145px;}
#footerlayerindex {position:absolute;float:none;width:750px;color:#FFF;top:500px;left:20px;}

/*div layer*/
#header {position: relative;float: left; width: 760px;height: 92px;margin: 0 auto;}
#submenu {width:760px;height:22px;}
#menulayer {position: relative;float:left;background-color:#000;width:760px;height:24px;}
#mainpic {position: relative;float:left;width:760px;height:155px;color:#666; background-color:#000000}
#mainpic_1{position:relative;float:left;width:760px;hight:155px;}
#maintopic_1{position:relative;float:left;width:543px;hight:10px;background-color:#cccddd;}
#space {position: relative;float:left;width:760px;height:6px;}
#space_undermenu {position: relative;float:left;width:760px;height:1px; background:#FFFFFF;}
#wrapper {width: 760px;position: relative;float: left;margin: 0 auto;}
#wrapper .content-left {width:225px;position: relative;float: left;margin: 0;padding: 0;height:auto;}
#wrapper .content-right {width:535px;position: relative;float: left;margin: 0;padding: 0;height: 500px;}
#footer {position: relative;float: left;width: 760px;height: 50px;margin: 0 auto;background-image:url(../images/bgfooter.jpg)} 

/*font syle*/
.contenttext {
	color:#000;
	font-size:13px;
	font-family:Arial,Tahoma;
}
.copyrighttext {color:#333;font-size:11px;text-decoration:none;font-family:Tahoma;}
.stext {color:#333;font-size:11px;text-decoration:none;font-family:Tahoma;}
.stext:link {
	color:#333;
	font-size:11px;
	text-decoration:none;
	font-family:Tahoma;
}
.stext:visited {
	color:#333;
	font-size:11px;
	text-decoration:none;
	font-family:Tahoma;
}
.stext:hover {
	color:#933;
	font-size:11px;
	text-decoration:none;
	font-family:Tahoma;
}
.footer {color:#666;font-size:12px;text-decoration:none;font-family:Microsoft Sans Serif;}
.menu:link {color:#666;font-size:13px;text-decoration:none;font-family:Arial;font-weight:700;}
.menu:active {
	color:#666;
	font-size:13px;
	text-decoration:none;
	font-family:Arial;
	font-weight:700;
}
.submenu:hover {color:#633;font-size:13px;text-decoration:none;font-family:Arial;}
.submenu:active {
	color:#633;
	font-size:13px;
	text-decoration:none;
	font-family:Arial;
}
.H1 {color:#FF8A00;font-size:19px;text-decoration:none;font-family:Arial;}
.headtoppic {color:#FFFFFF;font-size:15px;text-decoration:none;font-family:Arial;}
.xstext {color:#999;font-size:10px;text-decoration:none;font-family:MS Sans Serif;}
.text:link,.text:visited {
	color:#960;
	font-size:13px;
	text-decoration:none;
	font-family:Arial, Tahoma;
}
.text:hover,.text:active {
	color:#c00;
	font-size:13px;
	text-decoration:none;
	font-family:Arial, Tahoma;
}
.stext:hover,.stext:active {
	color:#933;
	font-size:11px;
	text-decoration:none;
	font-family:Tahoma;
}
.footer:link,.footer:visited {
	color:#666;
	font-size:12px;
	text-decoration:none;
	font-family:"Microsoft Sans Serif";
}
.footer:hover,.footer:active {
	color:#600;
	font-size:12px;
	text-decoration:none;
	font-family:"Microsoft Sans Serif";
}
.menu:visited,.menu:hover {
	color:#F90;
	font-size:13px;
	text-decoration:none;
	font-family:Arial;
	font-weight:700;
}
.submenu,.submenu:link,.submenu:visited {color:#666;font-size:13px;text-decoration:none;font-family:Arial;}

/*menu top*/
h1#logo {
width: 356px;height: 69px;background: url("../images/logo_top.gif") no-repeat;/*position: absolute;*/top: 0px;left: 0px;}
#logo a,#logo a:hover {width: 356px; height: 69px; display: block; text-decoration: none; background: none;}
#logo span {visibility:hidden;}
h2#logo {
width: 217px;height: 155px;background: url("../images/img_top_profile.jpg") no-repeat;/*position: absolute;*/top: 0px;left: 0px;}
#logo a,#logo a:hover {width: 217px; height: 155px; display: block; text-decoration: none; background: none;}
#logo span {visibility:hidden;}

ul#menu {list-style-type:none;width:auto;position:relative;display:block;height:24px;font-size:12px;background:transparent url("../images/black.jpg") repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;margin:0;padding:0;}
ul#menu li {display:block;float:left;border-right:1px solid #fff;margin:0;}
ul#menu li a {display:block;float:left;color:#fff;text-decoration:none;height:20px;padding:4px 16px 0;}
ul#menu li a:hover {background:transparent url("../images/blue.jpg") repeat-x top left;}

/*colunm*/
.equal {
    display:table;
 width:600px;
 border-spacing:10px;
 background:#f2f2f2;
}
.row {
    display:table-row;
}
.row div {
    display:table-cell;
 background:#CCCC00;
 }
.row .one {    
width:200px;
}  
.row .two {    
width:200px;
}
.row .three {    
width:200px;
}
 <!–[if IE]>
<style type=”text/css”>
    .equal {
padding-bottom: 10px;
}

.row {  
padding:10px;
}

.row div {
float:left;
}

.row .one {   
width:190px;
}
.row .two {   
margin-left:10px;
width:190px;
}
.row .three { 
width:190px; 
margin-left: 10px; 
}

* html .row div { /* IE6 and older */
height: expression(parseFloat(row.offsetHeight)-10);
}

html>body #row div { /* IE7, and maybe later versions */
min-height: expression(parseInt(row.offsetHeight)-43);
}
</style>
<![endif]–>
