﻿@charset "utf-8";

/*common*/
html {
	height: 100%;
}
body {
	height:100%;
	margin:0;
	padding:0;
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size:10px;
	color:#858585;
	text-align:center;
	background: url("/hantacommon/image/common/line_bg.gif") repeat-x 0 800px;
}
form, ul, li, div {margin:0; padding:0;}
img		{border:0; vertical-align:middle;}
input	{vertical-align:middle;}
table	{border-collapse:collapse;}
li 		{list-style:none;}
p {padding:0; margin:0;}
a:link,a:visited {text-decoration:none; color:#858585;}
a:hover,a:active {text-decoration:underline; color:#858585;}
.cboth	{clear:both; font-size:0; line-height:0; height:0;}

/*layout*/
#mdvwrap {padding:0; margin:0 auto; position:relative; text-align:left; width:884px;}
#mdvhead {padding:0; margin:0; height:430px;}
#mdvhead #flash {position:absolute; right:0; top:100px; z-index:2;}

#mdvbody {height:289px; margin-top:15px; border:0px solid red;}
#mdvbody #cont01{float:left; width:250px; margin-left:20px; display:inline;}
#mdvbody #cont02{float:left; width:265px; margin-left:15px;}
#mdvbody #cont03{float:left; width:210px; margin-left:25px;}
	.cont {margin-left:7px;}
	.cont1 {margin-left:7px; margin-top:20px;}
	.cont span.ss {color:#5C5C5C; display:block; text-decoration:underline; margin-bottom:3px;}
	.st {margin-bottom:15px;}
	.st_2 {margin-bottom:10px;}
	.st_1 {margin-bottom:100px;}
	.st2 {margin-bottom:10px;}
	.st3 {margin-top:47px;}
	.st4 {margin-top:36px;}
	.st5 {margin-top:15px;}
	.pic {float:left; margin-right:10px;}
	.txt01 {margin-top:16px;}
	.txt01_01 {margin-top:10px;}

	.pic01 {float:left; width:59px;}
	.pic02 {float:left; width:199px;}
	.pic03 {width:227px; border-top:1px dashed #D8D8D8; padding:6px 0 0 13px; margin-top:28px;}
	.txt02 {margin:9px 0 7px 0;}

	.txt03 {padding:5px 0 3px 0; border-bottom:1px solid #D8D8D8;}
	.point01 {font-size:14px; font-weight:bold; color:#FF6600; margin-right:10px;}
	.point02 {font-size:11px; color:#FF6600;}
	.share01 {float:left; margin-top:-5px;}
	.txt04 {padding:4px 0 9px 0;}
#mdvfoot { 
	width:850px;
	height: 93px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: center;
	top: 60px;
	z-index: 0;
}

/*#mdvfoot {width:850px; height:60px; background:url(/hantacommon/image/main/foot_bg.gif) repeat-x 0 0; margin-top:19px; border:0px solid red;}
#mdvfoot ul {padding:4px 0 0 0; margin:0; height:16px;}
#mdvfoot ul li {float:left; padding:0 12px 0 13px; margin:0; background:#fff url(/hantacommon/image/main/foot_bul.gif) no-repeat 0 3px;}
#mdvfoot ul li img {vertical-align:top;}
#mdvfoot ul li.sta {background:#fff; padding-left:0;} 
.copyright {padding:0; margin:-3px 0 0 0;}
.family {margin:0 0 0 770px;}
#footerNetwork {height:13px;}
#footerNetwork dl {
	position:absolute;
	bottom:0;
	display:inline-block;
	text-align:left;
	line-height:14px;
	margin:0 0 42px 0;
	border-left:1px solid #D2CECB;
	border-right:1px solid #D2CECB;
}
#footerNetwork dl dt {
	display:block;
	cursor:pointer;
	padding:0;
	width:78px;
}
#footerNetwork dl dt img {vertical-align:top;}
#footerNetwork dl dd {display:none; padding:0; margin:0; background:#FFF; width:78px;}
#footerNetwork dl dd.on {display:block;}
#footerNetwork dl dd.on a {display:block; padding:1px 0 4px 7px;}
#footerNetwork dl dd.on a:hover {background:#EEE;text-decoration:none;color:#000;}*/

/*css*/
#suv_footer{
	float: left;
}
#suv_footer div.con_footer{
	float: left;
	width: 503px;
	margin: 20px 0 0;
}
#suv_footer ul{
	width: 413px;
	height: 10px;
	float: left;
}
#suv_footer ul li{
	float: left;
	padding: 0 5px 0 5px;
	background: url("/hantacommon/image/common/bg_line.gif") no-repeat left 1px;
}
#suv_footer ul li.list1{
	background: none;
	padding: 0 5px 0 0;
}
#suv_footer div.copyright{
	clear: both;
	padding: 7px 0 0;
	float: left;
}
.family {margin:0 0 0 770px;}
#footerNetwork dl {
	position:absolute;
	bottom:0;
	display:inline-block;
	text-align:left;
	line-height:14px;
	margin:0 0 42px 0;
	border: 1px solid #e1e1e1;
}
#footerNetwork dl dt {
	display:block;
	cursor:pointer;
	padding:0;
	width:117px;
}
#footerNetwork {height:13px;}
#footerNetwork dl dt img {vertical-align:top;}
#footerNetwork dl dd {display:none; padding:0; margin:0; background:#FFF; width:117px;}
#footerNetwork dl dd.on {display:block;}
#footerNetwork dl dd.on a {display:block; padding:1px 0 4px 7px;}
#footerNetwork dl dd.on a:hover {background:#EEE;text-decoration:none;color:#000;}
