#map{height:700px;width:1296px;background:url("/img/index/bg_map.png") center center no-repeat;margin:40px auto 30px;position:relative}
#map .map-title{position:absolute;font-size:64px;width:615px;height:55px;top:57px;left:366px;font-family:PiecesOfEight,sans-serif;color:#78614b;letter-spacing:-1.8px;z-index:1}
#map .map-title span{letter-spacing:6px;padding-left:6px}
#map .compass{width:180px;height:188px;background:url("/img/index/compass.png") center center no-repeat;position:absolute;top:239px;left:81px}
#map .island-container{width:930px;height:700px;position:relative;margin-left:296px}
#map .island{width:683px;height:504px;background:url("/img/index/image_island.png") center center no-repeat;position:absolute;top:128px;left:0}
@media (max-width:1326px){
#map{width:1024px;background-position:center 103px;background-size:contain}
#map .map-title{top:0;left:214px}
#map .compas{width:130px;height:138px;top:477px;left:36px;background-size:contain}
#map .island-container{margin-left:85px}
}
#map .path{position:absolute}
#map .path path{fill:#F6472F}
#map .path.path-1{top:380px;left:791px}
#map .path.path-2{top:384px;left:444px}
#map .path.path-3{top:435px;left:76px}
#map .path.path-4{top:303px;left:72px}
#map .path.path-5{top:177px;left:285px}
#map .path.path-6{top:185px;left:409px}
#map .cross{position:absolute;background-repeat:no-repeat}
#map .cross.cross-1,#map .cross.cross-5{background-image:url("/img/index/point05.svg");width:48px;height:54px}
#map .cross.cross-1{top:468px;left:860px}
#map .cross.cross-2,#map .cross.cross-4{background-image:url("/img/index/point04.svg");width:53px;height:45px}
#map .cross.cross-2{top:365px;left:741px}
#map .cross.cross-3{background-image:url("/img/index/point03.svg");top:541px;left:406px;width:51px;height:52px}
#map .cross.cross-4{top:397px;left:49px}
#map .cross.cross-5{top:295px;left:244px}
#map .cross.cross-6{background-image:url("/img/index/point06.svg");top:158px;left:461px;width:59px;height:55px}
#map .star{position:absolute;background:url("/img/index/point07.svg") center center no-repeat;width:65px;height:62px;top:338px;left:406px}
#map .circle{position:absolute;background:url("/img/index/circle.svg") center center no-repeat;width:40px;height:40px}
#map .done{position:absolute;background:url("/img/index/ok.svg") center center no-repeat;width:67px;height:50px;display:none}
#map .done.done-1{top:468px;left:860px}
#map .done.done-2{top:353px;left:738px}
#map .done.done-3{top:535px;left:398px}
#map .done.done-4{top:381px;left:49px}
#map .done.done-5{top:288px;left:240px}
#map .done.done-6{top:155px;left:466px}
#map .stage-card{position:absolute;background-repeat:no-repeat;font-size:0;width:160px;cursor:pointer}
#map .stage-card.stage-card-1{top:497px;right:18px;height:116px}
#map .stage-card.stage-card-2{top:215px;right:84px;height:149px}
#map .stage-card.stage-card-3{top:412px;left:266px;height:139px}
#map .stage-card.stage-card-4{top:248px;left:0;height:146px}
#map .stage-card.stage-card-5{top:175px;left:195px;height:133px}
#map .stage-card.stage-card-6{top:128px;left:503px;height:126px}
#map .stage-card.stage-card-result{top:315px;left:461px;height:120px;background-image:url("/img/index/steps/result_0.png")}
#map .stage-card.stage-card-result:hover{background-image:url("/img/index/steps/result_1.png");height:128px}
#map .not-start-1,#map.end .stage-card.stage-card-1,#map.not_start .stage-card.stage-card-1,#map.stage1 .stage-card.stage-card-1,#map.stage2 .stage-card.stage-card-1,#map.stage3 .stage-card.stage-card-1,#map.stage4 .stage-card.stage-card-1,#map.stage5 .stage-card.stage-card-1,#map.stage6 .stage-card.stage-card-1{background-image:url("/img/index/steps/1_0.png")}
#map .not-start-1:hover,#map.end .stage-card.stage-card-1:hover,#map.not_start .stage-card.stage-card-1:hover,#map.stage1 .stage-card.stage-card-1:hover,#map.stage2 .stage-card.stage-card-1:hover,#map.stage3 .stage-card.stage-card-1:hover,#map.stage4 .stage-card.stage-card-1:hover,#map.stage5 .stage-card.stage-card-1:hover,#map.stage6 .stage-card.stage-card-1:hover{background-image:url("/img/index/steps/1_1.png");animation:fadein .3s ease-out}
#map .started-1,#map.end .stage-card.stage-card-1,#map.stage1 .stage-card.stage-card-1,#map.stage2 .stage-card.stage-card-1,#map.stage3 .stage-card.stage-card-1,#map.stage4 .stage-card.stage-card-1,#map.stage5 .stage-card.stage-card-1,#map.stage6 .stage-card.stage-card-1{background-image:url("/img/index/steps/1_2.png")}
#map .started-1:hover,#map.end .stage-card.stage-card-1:hover,#map.stage1 .stage-card.stage-card-1:hover,#map.stage2 .stage-card.stage-card-1:hover,#map.stage3 .stage-card.stage-card-1:hover,#map.stage4 .stage-card.stage-card-1:hover,#map.stage5 .stage-card.stage-card-1:hover,#map.stage6 .stage-card.stage-card-1:hover{background-image:url("/img/index/steps/1_3.png");height:124px;animation:fadein .3s ease-out}
#map .not-start-2,#map.end .stage-card.stage-card-2,#map.not_start .stage-card.stage-card-2,#map.stage1 .stage-card.stage-card-2,#map.stage2 .stage-card.stage-card-2,#map.stage3 .stage-card.stage-card-2,#map.stage4 .stage-card.stage-card-2,#map.stage5 .stage-card.stage-card-2,#map.stage6 .stage-card.stage-card-2{background-image:url("/img/index/steps/2_0.png")}
#map .not-start-2:hover,#map.end .stage-card.stage-card-2:hover,#map.not_start .stage-card.stage-card-2:hover,#map.stage1 .stage-card.stage-card-2:hover,#map.stage2 .stage-card.stage-card-2:hover,#map.stage3 .stage-card.stage-card-2:hover,#map.stage4 .stage-card.stage-card-2:hover,#map.stage5 .stage-card.stage-card-2:hover,#map.stage6 .stage-card.stage-card-2:hover{background-image:url("/img/index/steps/2_1.png");animation:fadein .3s ease-out}
#map .started-2,#map.end .stage-card.stage-card-2,#map.stage2 .stage-card.stage-card-2,#map.stage3 .stage-card.stage-card-2,#map.stage4 .stage-card.stage-card-2,#map.stage5 .stage-card.stage-card-2,#map.stage6 .stage-card.stage-card-2{background-image:url("/img/index/steps/2_2.png")}
#map .started-2:hover,#map.end .stage-card.stage-card-2:hover,#map.stage2 .stage-card.stage-card-2:hover,#map.stage3 .stage-card.stage-card-2:hover,#map.stage4 .stage-card.stage-card-2:hover,#map.stage5 .stage-card.stage-card-2:hover,#map.stage6 .stage-card.stage-card-2:hover{background-image:url("/img/index/steps/2_3.png");height:160px;animation:fadein .3s ease-out}
#map .not-start-3,#map.end .stage-card.stage-card-3,#map.not_start .stage-card.stage-card-3,#map.stage1 .stage-card.stage-card-3,#map.stage2 .stage-card.stage-card-3,#map.stage3 .stage-card.stage-card-3,#map.stage4 .stage-card.stage-card-3,#map.stage5 .stage-card.stage-card-3,#map.stage6 .stage-card.stage-card-3{background-image:url("/img/index/steps/3_0.png")}
#map .not-start-3:hover,#map.end .stage-card.stage-card-3:hover,#map.not_start .stage-card.stage-card-3:hover,#map.stage1 .stage-card.stage-card-3:hover,#map.stage2 .stage-card.stage-card-3:hover,#map.stage3 .stage-card.stage-card-3:hover,#map.stage4 .stage-card.stage-card-3:hover,#map.stage5 .stage-card.stage-card-3:hover,#map.stage6 .stage-card.stage-card-3:hover{background-image:url("/img/index/steps/3_1.png");animation:fadein .3s ease-out}
#map .started-3,#map.end .stage-card.stage-card-3,#map.stage3 .stage-card.stage-card-3,#map.stage4 .stage-card.stage-card-3,#map.stage5 .stage-card.stage-card-3,#map.stage6 .stage-card.stage-card-3{background-image:url("/img/index/steps/3_2.png")}
#map .started-3:hover,#map.end .stage-card.stage-card-3:hover,#map.stage3 .stage-card.stage-card-3:hover,#map.stage4 .stage-card.stage-card-3:hover,#map.stage5 .stage-card.stage-card-3:hover,#map.stage6 .stage-card.stage-card-3:hover{background-image:url("/img/index/steps/3_3.png");height:152px;animation:fadein .3s ease-out}
#map .not-start-4,#map.end .stage-card.stage-card-4,#map.not_start .stage-card.stage-card-4,#map.stage1 .stage-card.stage-card-4,#map.stage2 .stage-card.stage-card-4,#map.stage3 .stage-card.stage-card-4,#map.stage4 .stage-card.stage-card-4,#map.stage5 .stage-card.stage-card-4,#map.stage6 .stage-card.stage-card-4{background-image:url("/img/index/steps/4_0.png")}
#map .not-start-4:hover,#map.end .stage-card.stage-card-4:hover,#map.not_start .stage-card.stage-card-4:hover,#map.stage1 .stage-card.stage-card-4:hover,#map.stage2 .stage-card.stage-card-4:hover,#map.stage3 .stage-card.stage-card-4:hover,#map.stage4 .stage-card.stage-card-4:hover,#map.stage5 .stage-card.stage-card-4:hover,#map.stage6 .stage-card.stage-card-4:hover{background-image:url("/img/index/steps/4_1.png");animation:fadein .3s ease-out}
#map .started-4,#map.end .stage-card.stage-card-4,#map.stage4 .stage-card.stage-card-4,#map.stage5 .stage-card.stage-card-4,#map.stage6 .stage-card.stage-card-4{background-image:url("/img/index/steps/4_2.png")}
#map .started-4:hover,#map.end .stage-card.stage-card-4:hover,#map.stage4 .stage-card.stage-card-4:hover,#map.stage5 .stage-card.stage-card-4:hover,#map.stage6 .stage-card.stage-card-4:hover{background-image:url("/img/index/steps/4_3.png");height:153px;animation:fadein .3s ease-out}
#map .not-start-5,#map.end .stage-card.stage-card-5,#map.not_start .stage-card.stage-card-5,#map.stage1 .stage-card.stage-card-5,#map.stage2 .stage-card.stage-card-5,#map.stage3 .stage-card.stage-card-5,#map.stage4 .stage-card.stage-card-5,#map.stage5 .stage-card.stage-card-5,#map.stage6 .stage-card.stage-card-5{background-image:url("/img/index/steps/5_0.png")}
#map .not-start-5:hover,#map.end .stage-card.stage-card-5:hover,#map.not_start .stage-card.stage-card-5:hover,#map.stage1 .stage-card.stage-card-5:hover,#map.stage2 .stage-card.stage-card-5:hover,#map.stage3 .stage-card.stage-card-5:hover,#map.stage4 .stage-card.stage-card-5:hover,#map.stage5 .stage-card.stage-card-5:hover,#map.stage6 .stage-card.stage-card-5:hover{background-image:url("/img/index/steps/5_1.png");animation:fadein .3s ease-out}
#map .started-5,#map.end .stage-card.stage-card-5,#map.stage5 .stage-card.stage-card-5,#map.stage6 .stage-card.stage-card-5{background-image:url("/img/index/steps/5_2.png")}
#map .started-5:hover,#map.end .stage-card.stage-card-5:hover,#map.stage5 .stage-card.stage-card-5:hover,#map.stage6 .stage-card.stage-card-5:hover{background-image:url("/img/index/steps/5_3.png");height:142px;animation:fadein .3s ease-out}
#map .not-start-6,#map.end .stage-card.stage-card-6,#map.not_start .stage-card.stage-card-6,#map.stage1 .stage-card.stage-card-6,#map.stage2 .stage-card.stage-card-6,#map.stage3 .stage-card.stage-card-6,#map.stage4 .stage-card.stage-card-6,#map.stage5 .stage-card.stage-card-6,#map.stage6 .stage-card.stage-card-6{background-image:url("/img/index/steps/6_0.png")}
#map .not-start-6:hover,#map.end .stage-card.stage-card-6:hover,#map.not_start .stage-card.stage-card-6:hover,#map.stage1 .stage-card.stage-card-6:hover,#map.stage2 .stage-card.stage-card-6:hover,#map.stage3 .stage-card.stage-card-6:hover,#map.stage4 .stage-card.stage-card-6:hover,#map.stage5 .stage-card.stage-card-6:hover,#map.stage6 .stage-card.stage-card-6:hover{background-image:url("/img/index/steps/6_1.png");animation:fadein .3s ease-out}
#map .started-6,#map.end .stage-card.stage-card-6,#map.stage6 .stage-card.stage-card-6{background-image:url("/img/index/steps/6_2.png")}
#map .started-6:hover,#map.end .stage-card.stage-card-6:hover,#map.stage6 .stage-card.stage-card-6:hover{background-image:url("/img/index/steps/6_3.png");height:131px;animation:fadein .3s ease-out}
#map.not_start .circle,#map.not_start .done{display:none}
#map.stage1 .circle{top:477px;left:866px}
#map.stage1 .cross-1{display:none}
#map.stage2 .circle,#map.stage2 .done-1{display:block}
#map.stage2 .circle{top:365px;left:746px}
#map.stage2 .cross-1,#map.stage2 .cross-2{display:none}
#map.stage2 .path-1 path{fill:#50C150}
#map.stage3 .circle,#map.stage3 .done-1,#map.stage3 .done-2{display:block}
#map.stage3 .cross-1,#map.stage3 .cross-2,#map.stage3 .cross-3{display:none}
#map.stage3 .circle{top:545px;left:416px}
#map.stage3 .path-1 path,#map.stage3 .path-2 path{fill:#50C150}
#map.stage4 .circle,#map.stage4 .done-1,#map.stage4 .done-2,#map.stage4 .done-3{display:block}
#map.stage4 .cross-1,#map.stage4 .cross-2,#map.stage4 .cross-3,#map.stage4 .cross-4{display:none}
#map.stage4 .circle{top:398px;left:57px}
#map.stage4 .path-1 path,#map.stage4 .path-2 path,#map.stage4 .path-3 path{fill:#50C150}
#map.stage5 .circle,#map.stage5 .done-1,#map.stage5 .done-2,#map.stage5 .done-3,#map.stage5 .done-4{display:block}
#map.stage5 .cross-1,#map.stage5 .cross-2,#map.stage5 .cross-3,#map.stage5 .cross-4,#map.stage5 .cross-5{display:none}
#map.stage5 .circle{top:301px;left:246px}
#map.stage5 .path-1 path,#map.stage5 .path-2 path,#map.stage5 .path-3 path,#map.stage5 .path-4 path{fill:#50C150}
#map.stage6 .circle,#map.stage6 .done-1,#map.stage6 .done-2,#map.stage6 .done-3,#map.stage6 .done-4,#map.stage6 .done-5{display:block}
#map.stage6 .cross-1,#map.stage6 .cross-2,#map.stage6 .cross-3,#map.stage6 .cross-4,#map.stage6 .cross-5,#map.stage6 .cross-6{display:none}
#map.stage6 .circle{top:164px;left:469px}
#map.stage6 .path-1 path,#map.stage6 .path-2 path,#map.stage6 .path-3 path,#map.stage6 .path-4 path,#map.stage6 .path-5 path{fill:#50C150}
#map.end .circle,#map.end .cross{display:none}
#map.end .done-1,#map.end .done-2,#map.end .done-3,#map.end .done-4,#map.end .done-5,#map.end .done-6{display:block}
#map.end .path-1 path,#map.end .path-2 path,#map.end .path-3 path,#map.end .path-4 path,#map.end .path-5 path,#map.end .path-6 path{fill:#50C150}
.link-container a{text-decoration:none;color:#757575;font-size:14px;border:none;padding-left:20px;padding-right:20px}
.link-container a:hover{text-decoration:underline;color:#757575}