body { width: 100%; overflow: hidden; }
.hide { display: none; }
.page { position: absolute; width: 100%; top: 0; bottom: 0; font-size: 100px; text-align: center; }
.page .wrap { height: 100%; }
.page-1-1 { background-color: #000000; background: url(000.jpg) center center no-repeat; background-size: cover }
.page-2-1 { background-color: #000000; background: url(001.jpg) center center no-repeat; background-size: cover }
.page-3-1 { background-color: #000000; background: url(002.jpg) center center no-repeat; background-size: cover }
.page-4-1 { background-color: #000000; background: url(003.jpg) center center no-repeat; background-size: cover }
.page-5-1 { background-color: #000000; background: url(004.jpg) center center no-repeat; background-size: cover }
.page-6-1 { background-color: #000000; background: url(005.jpg) center center no-repeat; background-size: cover }
.page-7-1 { background-color: #000000; background: url(006.jpg) center center no-repeat; background-size: cover }
.page-8-1 { background-color: #000000; background: url(007.jpg) center center no-repeat; background-size: cover }
.page-9-1 { background-color: #000000; background: url(008.jpg) center center no-repeat; background-size: cover }
.page-10-1 { background-color: #000000; background: url(009.jpg) center center no-repeat; background-size: cover }
.page-11-1 { background-color: #b52026; background: url(010.jpg) center center no-repeat; background-size: cover  }
.page-20-1 { background-color:#F94848; background: url(t4-bg.gif) center center no-repeat; background-size: cover }

.page-current { z-index: 1; }
.page-1-1 .img_1 { height: auto; width: 320px; position: absolute; left: 50%; top: 50%; margin-left: -160px; z-index: 999; margin-top: -108.75px }
.page-1-1 .img_2 { height: auto; width: 292.5px; position: absolute; left: 50%; top: 50%; margin-left: -146.5px; margin-top: -150.5px }
.page-1-1 .img_3 { height: auto; width: 25px; position: absolute; left: 50%; top: 93%; margin-left: -12px; }

.page-2-1 .img_1 { height: auto; width: 62%; position: absolute; left: 2%; top: 11%;}
.page-2-1 .img_2 {height:auto;width:80%;position:absolute;left:1%;top:32%;}
.page-2-1 .img_6 { height: auto; width: 25px; position: absolute; left: 50%; top: 92%; margin-left: -12px; }

.page-3-1 .img_1 {height:auto;width:60%;position:absolute;left:6%;top:8%;}
.page-3-1 .img_2 {height:auto;width:75%;position:absolute;left:10%;top:29%;}
.page-3-1 .img_3 {height:auto;width:40%;position:absolute;left:6%;top:47%;}
.page-3-1 .img_4 {height:auto;width:13%;position:absolute;left:4%;top:60%;}
.page-3-1 .img_5 {height:auto;width:70%;position:absolute;left:20%;top:22%;}
.page-3-1 .img_6 { height: auto; width: 25px; position: absolute; left: 50%; top: 92%; margin-left: -12px; }
.page-3-1 .img_7 {height:auto;width:50%;position:absolute;left:40%;top:65%;}
.page-3-1 .img_8 {height:auto;width:35%;position:absolute;left:30%;top:58%;}
.page-3-1 .img_9 {height:auto;width:35%;position:absolute;left:67%;top:62%;}

.page-4-1 .img_1 {height:auto;width:25%;position:absolute;left:5%;top:8%;}
.page-4-1 .img_2 {height:auto;width:50%;position:absolute;left:35%;top:4%;}
.page-4-1 .img_3 {height:auto;width:50%;position:absolute;left:40%;top:12%;}
.page-4-1 .img_4 {height:auto;width:90%;position:absolute;left:5%;top:22%;}
.page-4-1 .img_5 {height:auto;width:90%;position:absolute;left:5%;top:48%;}
.page-4-1 .img_7 {height:auto;width:12%;position:absolute;left:81%;top:52%;}
.page-4-1 .img_8 {height:auto;width:90%;position:absolute;left:5%;top:65%;}
.page-4-1 .img_6 { height: auto; width: 25px; position: absolute; left: 50%; top: 92%; margin-left: -12px; }

.page-5-1 .img_1 {height:auto;width:50%;position:absolute;left:40%;top:3%;}
.page-5-1 .img_2 {height:auto;width:70%;position:absolute;left:20%;top:15%;}
.page-5-1 .img_3 {height:auto;width:55%;position:absolute;left:4%;top:36%;}
.page-5-1 .img_4 {height:auto;width:55%;position:absolute;left:44%;top:40%;}
.page-5-1 .img_5 {height:auto;width:65%;position:absolute;left:10%;top:70%;}
.page-5-1 .img_7 {height:auto;width:40%;position:absolute;left:0%;top:0%;}
.page-5-1 .img_8 {height:auto;width:40%;position:absolute;left:60%;top:75%;}
.page-5-1 .img_6 { height: auto; width: 25px; position: absolute; left: 50%; top: 92%; margin-left: -12px; }

.page-6-1 .img_1 {height:auto;width:55%;position:absolute;left:40%;top:3%;}
.page-6-1 .img_2 {height:auto;width:80%;position:absolute;left:0%;top:40%;}
.page-6-1 .img_3 {height:auto;width:80%;position:absolute;left:22%;top:61%;}
.page-6-1 .img_6 { height: auto; width: 25px; position: absolute; left: 50%; top: 92%; margin-left: -12px; }

.page-7-1 .img_1 {height:auto;width:55%;position:absolute;left:45%;top:1%;}
.page-7-1 .img_2 {height:auto;width:80%;position:absolute;left:0%;top:40%;}
.page-7-1 .img_3 {height:auto;width:80%;position:absolute;left:22%;top:60%;}
.page-7-1 .img_6 { height: auto; width: 25px; position: absolute; left: 50%; top: 92%; margin-left: -12px; }

.page-8-1 .img_1 {height:auto;width:55%;position:absolute;left:2%;top:2%;}
.page-8-1 .img_2 {height:auto;width:100%;position:absolute;left:0%;top:40%;}
.page-8-1 .img_6 {height: auto;width:25px;position:absolute;left: 50%;top: 92%; margin-left: -12px; }

.page-9-1 .img_1 {height:auto;width:70%;position:absolute;left:35%;top:1%;}
.page-9-1 .img_2 {height:auto;width:60%;position:absolute;left:0%;top:8%;}
.page-9-1 .img_3 {height:auto;width:70%;position:absolute;left:30%;top:20%;}
.page-9-1 .img_4 {height:auto;width:100%;position:absolute;left:0%;top:49%;}
.page-9-1 .img_5 {height:auto;width:40%;position:absolute;left:30%;top:80%;}
.page-9-1 .img_6 {height: auto;width:25px;position:absolute;left: 50%;top: 92%; margin-left: -12px; }

.page-10-1 .img_1 {height:auto;width:80%;position:absolute;left:10%;top:2%;}
.page-10-1 .img_2 {height:auto;width:45%;position:absolute;left:5%;top:35%;}
.page-10-1 .img_3 {height:auto;width:45%;position:absolute;left:45%;top:40%;}
.page-10-1 .img_6 {height: auto;width:25px;position:absolute;left: 50%;top: 92%; margin-left: -12px; }


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#ccc}
.reg{ position: absolute; left:50%; top:40%; margin-left:-120px; padding: 10px 15px; width: 210px; background-color:#ccc; font-size: 14px; color:#fff; border: 5px solid #df3031; background-color: #fff; z-index: 10;}
.reg dl dd{ display: block; padding: 5px 0;}
.reg .ipt-text{ padding: 0 5px; width: 100%; height: 32px; line-height: normal; border: 1px solid #d2d2d2; border-radius: 4px; -webkit-appearance: none; appearance: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:"΢ÈíÑźÚ";}
.reg select{ padding: 0 5px; width: 100%; height: 32px; line-height: 32px; border: 1px solid #d2d2d2; border-radius: 4px; background-color:#fff; -webkit-appearance: none; appearance: none; color: #ccc; font-family:"΢ÈíÑźÚ";}
.reg .btn{ margin: 10px auto 0 auto; display: block; width: 200px; height: 30px; line-height: 30px; background-color: #df3031; color: #fff; text-align: center; border-radius: 4px;}

.result{ padding: 45px 0; text-align:center; color:#df3031; font-size: 16px;}





.page-4-2 .img_1 { height: auto; width: 298px; position: absolute; left: 50%; top: 5%; margin-left: -149px; }
.page-4-2 .img_2 { height: auto; width: 260px; position: absolute; left: 50%; top: 75%; margin-left: -130px; }
.page-4-2 .img_3 { height: auto; width: 20px; position: absolute; left: 50%; top: 87%; margin-left: -10px; }
.page-4-2 .img_6 { height: auto; width: 25px; position: absolute; left: 50%; top: 92%; margin-left: -12px; }

.page-10-1 div.text { top: 276px; color: #FF811A; font-size: 16px; position: absolute; text-align: center; width: 100%; line-height: 1.5em; }
.page-10-1 div.text a { color: #FF811A; }
.page-10-1 span h2 { font-size: 28px; }
.page-10-1 span h3 { font-size: 24px; }
#textsuper { position: absolute; top: -1000; left: -1000; overflow-x: hidden; overflow-y: hidden; z-index: 4000 }
#textsub { color: black; position: relative; font-size: 21pt; text-align: left; line-height: 40pt; top: 2000px }
#share { background: rgba(0,0,0,0.8); position: absolute; top: 0px; width: 100%; height: 100%; display: none; z-index: 99998 }
.shareImg { background: url(../images/share.png) right top no-repeat; position: absolute; top: 0px; right: 0px; width: 165px; height: 114px; background-size: cover; z-index: 99999 }