* {
	
}
html {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
.clearfix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "";
}
.clearfix {
	clear: both; zoom: 1;
}
* + html .clearfix {
	height: 1px; line-height: 1px; overflow: hidden;
}
.wrap {
	margin: 85px auto 0px; width: 995px; height: 4146px; position: relative;
}
.header {
	width: 100%; height: 85px;
}
.header_inner {
	margin: 0px auto; width: 995px; height: 85px; position: relative;
}
.header_inner a {
	width: 100%; height: 100%; text-align: center; color: rgb(67, 67, 67); line-height: 30px; font-family: "΢   ź "; text-decoration: none; display: block;
}
#a1 {
	left: 468px; top: 28px; width: 80px; height: 30px; position: absolute; cursor: pointer;
}
#a2 {
	left: 558px; top: 28px; width: 80px; height: 30px; position: absolute; cursor: pointer;
}
#a3 {
	left: 650px; top: 28px; width: 80px; height: 30px; position: absolute; cursor: pointer;
}
#a4 {
	left: 748px; top: 28px; width: 80px; height: 30px; position: absolute; cursor: pointer;
}
#a5 {
	left: 848px; top: 28px; width: 80px; height: 30px; position: absolute; cursor: pointer;
}
#a7 {
	left: 732px; top: 28px; width: 80px; height: 30px; position: absolute; cursor: pointer;
}
#a8 {
	left: 830px; top: 28px; width: 80px; height: 30px; position: absolute; cursor: pointer;
}
#a9 {
	left: 930px; top: 28px; width: 80px; height: 30px; position: absolute; cursor: pointer;
}
.p_tag {
	width: 100%; height: 0px; position: absolute;
}
.inner {
	left: 50%; top: 50%; width: 996px; height: 556px; margin-top: -240px; margin-left: -498px; position: relative;
}
#section1 {
	background: rgb(109, 191, 221); top: 0px; width: 100%; height: 100%; position: absolute;
}
#section1 .inner {
	background: url("../img/bg_s1_0.png") no-repeat 0px 0px; width: 1095px; height: 682px; margin-top: -310px; margin-left: -544px; position: relative;
}
#p1_1 {
	background: url("../img/p1_1.png") no-repeat; left: 480px; top: 674px; width: 100px; height: 100px; position: absolute; cursor: pointer; opacity: 0;
}
#p1_2 {
	background: url("../img/p1_2.png") no-repeat; left: 480px; top: 674px; width: 100px; height: 100px; position: absolute; cursor: pointer; opacity: 0;
}
#p1_3 {
	background: url("../img/p1_3.png") no-repeat; left: 480px; top: 674px; width: 100px; height: 100px; position: absolute; cursor: pointer; opacity: 0;
}
#p1_4 {
	background: url("../img/p1_4.png") no-repeat; left: 480px; top: 674px; width: 100px; height: 100px; position: absolute; cursor: pointer; opacity: 0;
}
#p1_5 {
	background: url("../img/p1_5.png") no-repeat; left: 480px; top: 674px; width: 100px; height: 100px; position: absolute; cursor: pointer; opacity: 0;
}
#btn_1 {
	background: url("../img/btn_1.png") no-repeat; left: 165px; top: 450px; width: 192px; height: 61px; position: absolute;
}
#btn_1 > a {
	width: 192px; height: 62px; display: block;
}
#update {
	left: 108px; top: 530px; width: 300px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; position: absolute;
}
#section2 {
	background: rgb(249, 200, 107); top: 100%; width: 100%; height: 100%; position: absolute;
}
#section2 .inner {
	background: url("../img/bg_s2.png") no-repeat 0px 0px; width: 836px; height: 519px; margin-top: -218px; margin-left: -418px; position: relative;
}
#p2_1 {
	background: url("../img/p2_1.png") no-repeat center / cover; border-radius: 164px; left: 304px; top: 17px; width: 141px; height: 141px; position: absolute; opacity: 0;
}
#p2_2 {
	background: url("../img/p2_2.png") no-repeat center / cover; border-radius: 91px; left: 374px; top: 395px; width: 78px; height: 78px; position: absolute; opacity: 0; animation: balloon1 6s ease-in-out infinite;
}
#p2_3 {
	background: url("../img/p2_3.png") no-repeat center / cover; border-radius: 108px; left: 137px; top: 360px; width: 92px; height: 92px; position: absolute; opacity: 0;
}
#p2_4 {
	background: url("../img/p2_4.png") no-repeat center / cover; border-radius: 132px; left: 137px; top: 34px; width: 113px; height: 113px; position: absolute; opacity: 0;
}
#p2_5 {
	background: url("../img/p2_5.png") no-repeat center / cover; border-radius: 132px; left: 415px; top: 92px; width: 113px; height: 113px; position: absolute; opacity: 0;
}
#p2_6 {
	background: url("../img/p2_6.png") no-repeat center / cover; border-radius: 132px; left: 180px; top: 174px; width: 113px; height: 113px; position: absolute; opacity: 0; animation: balloon2 4s ease-in-out infinite;
}
#p2_7 {
	background: url("../img/p2_7.png") no-repeat center / cover; border-radius: 85px; left: 595px; top: 128px; width: 73px; height: 73px; position: absolute; opacity: 0; animation: balloon3 3s ease-in-out infinite;
}
#section3 {
	background: rgb(217, 244, 255); top: 200%; width: 100%; height: 100%; position: absolute;
}
#section3 .inner {
	background: url("../img/bg_s3.png") no-repeat 0px 0px; position: relative;
}
#p3_0 {
	background: url("../img/bg_s3_0.png") no-repeat 0px 0px; left: 0px; top: 0px; width: 0px; height: 580px; position: absolute;
}
#section4 {
	background: rgb(227, 243, 199); top: 300%; width: 100%; height: 100%; position: absolute;
}
#section4 .inner {
	background: url("../img/bg_s4.png") no-repeat; width: 923px; height: 471px; margin-top: -185px; margin-left: -471px;
}
#p4_1 {
	background: url("../img/p4_1.png") no-repeat; left: 300px; top: 169px; width: 0px; height: 54px; position: absolute; opacity: 1;
}
#p4_2 {
	background: url("../img/p4_2.png") no-repeat; left: 300px; top: 247px; width: 0px; height: 55px; position: absolute; opacity: 1;
}
#p4_3 {
	background: url("../img/p4_3.png") no-repeat; left: 300px; top: 325px; width: 0px; height: 55px; position: absolute; opacity: 1;
}
#p4_4 {
	background: url("../img/p4_4.png") no-repeat; left: 300px; top: 404px; width: 0px; height: 56px; position: absolute; opacity: 1;
}
#p4_5 {
	background: url("../img/p4_5.png") no-repeat; left: 576px; top: 169px; width: 0px; height: 54px; position: absolute; opacity: 1;
}
#p4_6 {
	background: url("../img/p4_6.png") no-repeat; left: 576px; top: 247px; width: 0px; height: 55px; position: absolute; opacity: 1;
}
#p4_7 {
	background: url("../img/p4_7.png") no-repeat; left: 576px; top: 325px; width: 0px; height: 55px; position: absolute; opacity: 1;
}
#p4_8 {
	background: url("../img/p4_8.png") no-repeat; left: 576px; top: 404px; width: 0px; height: 56px; position: absolute; opacity: 1;
}
#section5 {
	background: rgb(217, 244, 255); top: 400%; width: 100%; height: 100%; overflow: hidden; position: absolute;
}
#section5 .inner {
	background: url("../img/bg_s5.png") no-repeat; width: 942px; height: 486px; margin-top: -230px; margin-left: -465px;
}
#p5_s {
	background: url("../img/p5_s.png") no-repeat; left: 538px; top: 430px; width: 408px; height: 107px; position: absolute; opacity: 0;
}
#p5_m {
	background: url("../img/p5_m.png") no-repeat; left: 355px; top: 369px; width: 456px; height: 171px; position: absolute; opacity: 0;
}
#p5_1 {
	background: url("../img/p5_1.png") no-repeat; left: 716px; top: -200px; width: 173px; height: 174px; position: absolute; opacity: 0;
}
#p5_2 {
	background: url("../img/p5_2.png") no-repeat; left: 578px; top: -200px; width: 134px; height: 119px; position: absolute; opacity: 0;
}
#p5_3 {
	background: url("../img/p5_3.png") no-repeat; left: 796px; top: -200px; width: 130px; height: 112px; position: absolute; opacity: 0;
}
#p5_4 {
	background: url("../img/p5_4.png") no-repeat; left: 626px; top: -200px; width: 163px; height: 211px; position: absolute; opacity: 0;
}
#p5_5 {
	background: url("../img/p5_5.png") no-repeat; left: 636px; top: -200px; width: 84px; height: 146px; position: absolute; opacity: 0;
}
#p5_6 {
	background: url("../img/p5_6.png") no-repeat; left: 720px; top: -200px; width: 122px; height: 182px; position: absolute; opacity: 0;
}
#p5_7 {
	background: url("../img/p5_7.png") no-repeat; left: 682px; top: -200px; width: 92px; height: 122px; position: absolute; opacity: 0;
}
#p5_8 {
	background: url("../img/p5_8.png") no-repeat; left: 560px; top: -200px; width: 66px; height: 191px; position: absolute; opacity: 0;
}
#p5_9 {
	background: url("../img/p5_9.png") no-repeat; left: 658px; top: -200px; width: 131px; height: 102px; position: absolute; opacity: 0;
}
#section6 {
	background: rgb(255, 255, 255); top: 300%; width: 100%; height: 100%; position: absolute;
}
#section6 .inner {
	background: url("../img/bg_s6.png") no-repeat;
}
#p6_1 {
	background: url("../img/p6_1.png") no-repeat; width: 114px; height: 114px; position: absolute; opacity: 0;
}
#p6_2 {
	background: url("../img/p6_2.png") no-repeat; width: 114px; height: 114px; position: absolute; opacity: 0;
}
#p6_3 {
	background: url("../img/p6_3.png") no-repeat; width: 114px; height: 114px; position: absolute; opacity: 0;
}
#p6_4 {
	background: url("../img/p6_4.png") no-repeat; width: 114px; height: 114px; position: absolute; opacity: 0;
}
#p6_5 {
	background: url("../img/p6_5.png") no-repeat; width: 114px; height: 114px; position: absolute; opacity: 0;
}
#p6_6 {
	background: url("../img/p6_6.png") no-repeat; width: 114px; height: 114px; position: absolute; opacity: 0;
}
#p6_7 {
	background: url("../img/p6_7.png") no-repeat; width: 114px; height: 114px; position: absolute; opacity: 0;
}
#section7 {
	background: url("../img/bg_s7.jpg") no-repeat center / cover; top: 500%; width: 100%; height: 100%; position: absolute;
}
#section7 .inner {
	background: url("../img/p7_0.png") no-repeat;
}
#p7_cover {
	background: url("../img/p7_cover.png") no-repeat; left: 0px; top: 0px; width: 996px; height: 556px; position: absolute; z-index: 3;
}
#p7_move {
	background: url("../img/p7_move.png") no-repeat; left: 70px; top: 0px; width: 377px; height: 556px; position: absolute;
}
#nav {
	top: 40%; right: 0px; position: absolute; z-index: 10;
}
#nav li {
	list-style: none; margin: 10px; border-radius: 14px; border: 1px solid rgb(177, 233, 254); width: 10px; height: 10px; cursor: pointer;
}
#nav li.active {
	background: rgb(77, 188, 229);
}
.help_wrap {
	margin: 15px auto; width: 995px;
}
.help_wrap .left {
	border: 1px solid rgb(23, 163, 222); width: 186px; padding-bottom: 20px; clear: left; margin-right: 22px; float: left; min-height: 300px;
}
.help_wrap .left .title {
	background: rgb(234, 243, 246); border: 1px solid rgb(255, 255, 255); height: 5px; color: rgb(23, 163, 222); line-height: 28px; padding-left: 15px; font-family:     ; font-size: 14px; font-weight: bold;
}
.help_wrap .left h3 {
	margin: 15px 0px 10px 15px; padding: 0px;
}
.help_wrap .left h3 a {
	background: url("../img/dot+.gif") no-repeat 0px 2px; color: rgb(51, 51, 51); padding-left: 18px; font-family:     ; font-size: 14px; text-decoration: none; cursor: pointer;
}
.help_wrap .left h3.active a {
	background: url("../img/icon_arr_r.png") no-repeat 0px 0px;
}
.help_wrap .left ul {
	margin: 0px 0px 0px 35px; padding: 0px; display: none;
}
.help_wrap .left ul.active {
	display: block;
}
.help_wrap .left ul li {
	background: url("../img/dot_left.gif") no-repeat 0px 12px; list-style: none; line-height: 24px;
}
.help_wrap .left ul li a {
	color: rgb(0, 153, 204); font-size: 14px; margin-left: 10px; cursor: pointer;
}
.help_wrap .left ul li a.active {
	font-weight: bold;
}
.help_wrap .left ul li ul {
	margin-left: 15px;
}
.help_wrap .left ul li ul li {
	list-style: none; line-height: 24px;
}
.help_wrap .left ul li ul li a {
	color: rgb(153, 153, 153); font-size: 14px; cursor: pointer;
}
.help_wrap .left ul li ul li a.active {
	color: rgb(51, 51, 51); font-weight: bold;
}
.help_wrap .right {
	width: 782px; clear: right; float: left; min-height: 460px;
}
.help_wrap .right > div {
	display: none;
}
.help_wrap .right > div.active {
	display: block;
}
.help_wrap .right .crumb {
	color: rgb(0, 153, 204); font-family:     ; font-size: 12px; text-decoration: none; margin-bottom: 30px;
}
.help_wrap .right .crumb a {
	color: rgb(0, 153, 204); text-decoration: none; cursor: pointer;
}
.help_wrap .right .content {
	color: rgb(51, 51, 51); line-height: 2em; font-family:     ; font-size: 14px;
}
.help_wrap .right .content h2 {
	color: rgb(0, 153, 204); font-size: 14px; font-weight: bold;
}
.help_wrap .right .img {
	text-align: center; padding-top: 1em;
}
.help_wrap .right .img img {
	max-width: 100%;
}
.help_wrap .right .img p {
	margin: 0px 0px 5px; color: rgb(153, 153, 153);
}
.footer {
	background: rgb(0, 153, 204); height: 80px; text-align: center; color: rgb(204, 255, 255); line-height: 80px; font-size: 14px; margin-top: 45px; min-width: 995px;
}
.foot {
     width:100%;bottom:0px;height:35px;position:fixed;background: url(../img/bg_header_outer.jpg);margin-left:auto;
}
.header_innerdd {
width:995px;margin-left:auto;margin-right:auto;padding-top:5px;text-align:right;
}