@charset "utf-8";

html, body, h1, h2, h3, h4, h5, h6, p, div, ul, ol, li, label, dl, dt, dd {
margin:0;
padding:0;
list-style:none;
}

img {
border:none;
vertical-align:top;
}


.frame{
	width: 1000px;
	height: 567px;
	position: relative;
	margin:0 auto;
	background: url(../images/guidemenu/hpb18-19-20-cl-bg.jpg) 50% 50%;
}
.btn-hpbs:hover,
.btn-bnr:hover,
.btn-hpbmp:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    cursor: pointer;
}
.btn-hpbs, .btn-bnr, .btn-hpbmp{
	position: absolute;
}
.btn-hpbs{
	width: 600px;
	height: 82px;
	bottom: 0
}
.btn-bnr{
	width: 400px;
	height: 230px;
	right: 0
}
.btn-hpbmp{
	width: 400px;
	height: 82px;
	right: 0;
	bottom: 0
}

/*#outerShell { width: 100%; }
#innerShell {
 margin:0 auto;
 width: 1000px;
 height: 567px;
 position: rerative;
 background:url(images/hpb19cl-bg.png) 50% 50%;
 }

.clearFix:after {
 clear: both;
 content: "";
 display: block;
 height: 0;
 visibility: hidden;
 }

.fLeft { width:575px; float:left; }
.fRight{ width:375px; float:right; }

.hpbs {
 margin-left:23px;
 padding-top:480px;
 }
.mp { margin-right:25px; }
.mp li { margin-top:234px; }
.mp li.assist { margin-top:247px; }

.fRight_inner{
	width: 350px;
	margin-top: 56px;
	margin-left: 2px
}
.fRight_inner a img{
	margin-top: 5px
}*/