html {height:100%;font:12px/17px arial,tahoma,helvetica,sans-serif;}
body {padding:0px;margin:0px;min-height:100%;color:#666;background:#fff;}
p {margin:0 0 14px 0;}
ul {padding:0px;margin:0 0 14px 0;list-style:none;}
ul li {padding:0 0 3px 30px;background:url('../_images/ico/bullet.gif') no-repeat 10px 5px;}
ol {padding:0 0 0 24px;margin:0 0 14px 0;}
a {color:#666;text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none;}
address {font-style:normal;}
td {padding:0px;}
h1,h2,h3,h4,h5,h6 {margin:0px;font-family:tahoma,arial,helvetica,sans-serif;font-weight:normal;}
form {margin:0px;}

strong,em,i,u {font:19px arial,tahoma,helvetica,sans-serif; text-decoration: none;}
strong {color:#943224;}
em,i {color:#028796;}
u {color: #AEAEAE}
h1 {padding:0px;font:26px arial,tahoma,helvetica,sans-serif;color:#943224; padding-bottom: 20px;}
blockquote {padding:0px; margin:0px; padding-left: 29px;}

.both {width:100%;clear:both;overflow:hidden;}
.clear {width:100%;height:1px;clear:both;overflow:hidden;}



#wrap {
width:959px;
margin:0 auto;
position:relative;
}


/* ---------------------------------- footer */
#footer {
width:100%;
height:41px;
clear:both;
border-top:1px solid #ccc;
position:relative;
z-index:1;
}
#copy {
position:absolute;
top:5px;
left:1px;
font-size:10px;
}

/* ---------------------------------- header */
#header {
width:100%;
height:183px;
position:relative;
z-index:2;
}
#logo {
position:absolute;
top:38px;
}
#logo img {display:block;}
#phone {
font-weight:bold;
position:absolute;
bottom:3px;
right:0px;
font-size:14px;
}
ul#menu {
width:100%;
padding:0 0 10px 14px;
margin:0px;
font-weight:normal;
position:absolute;
left:0px;
top:163px;
font-size:14px;
}
ul#menu li {
height:20px;
padding:0px;
float:left;
position:relative;
background:none;
}
ul#menu li.active a, ul#menu li.active span {font-weight:bold;color:#943224;}
ul#menu li strong {
font-size:100%;
font-weight:bold;
}
ul#menu li a, ul#menu li span {
padding:0 25px 0 0;
display:block;
text-decoration:none;
}
ul#menu li:hover a {color:#943224;}
ul#menu li ul {
width:163px;
display:none;
font:13px arial,tahoma,helvetica,sans-serif;
position:absolute;
top:20px;
left:-14px;
}
ul#menu li:hover ul {display:block;}
ul#menu li ul li {
width:135px;
height:auto;
padding:4px 14px;
float:left;
position:static;
background:url('../_images/menu-ul.png') repeat 0 0;
}
ul#menu li ul li a {
position:relative;
color:#e9e9e9 !important;
}
ul#menu li ul li a:hover {text-decoration:underline !important;}
ul#menu li ul li.active {
font-weight:bold;
color:#fff !important;
}
ul#menu li.active ul li a{
font-weight: normal;
}
ul#menu li.active ul li span {
color:#e9e9e9 !important;
}
/* ---------------------------------- content */

#content {
width:100%;
padding:0 0 45px 0;
position:relative;
z-index:1;
}

#pix {
width:100%;
height:319px;
padding:0 0 15px 0;
overflow:hidden;
position:relative;
z-index:1;
}
#pix img {display:block;position:absolute;top:0px;}
#pix img.p1 {left:0px;}
#pix img.p2 {left:533px;}
#pix img.p3 {left:706px;}

/* ---------------------------------- left */
#left {
width:674px;
padding:0 3px 45px 3px;
float:left;
position:relative;
z-index:1;
}

/* ---------------------------------- right */
#right {
width:253px;
float:right;
position:relative;
z-index:1;
}
p.present {
margin:-15px 0 0 0;
font-weight:bold;
position:relative;
top:-10px;
text-align:right;
}

.m_text {
	margin-bottom: 40px;
}
.m_text2 u {
	color:#313131;
}

.m_text img {
border:4px solid #ccc;
display:block;
}
/*--------------------------- programmer */
.mainspecs {
	display: none;
}

#counter {
height:33px;
overflow:hidden;
position:relative;
float: right;
top:5px;
}
#counter li {
padding:0 0 0 10px;
float:left;
background:none;
}

#creator a, #creator a:hover {
	float: right;
	display: block;
	margin-top: 5px;
	font-size: 11px;
	}
#lang {
	margin-top:120px;
	display: block;
	float: right;
	}
#banner {
	left: 216px;	
	top: 34px;
	display: block;
	position: absolute;
	}	
#piccc {
padding-bottom:45px;
}

#ban {
padding-bottom: 35px;
}
#sp {
height: 20px;}