﻿.park_map {
    padding: 25px 0;
}

    .park_map > p {
        line-height: 1.5;
    }

        .park_map > p img {
            height: 23px;
            vertical-align: middle;
            margin: 0 0 0 5px;
            box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
            border-radius: 2px;
        }

        .park_map > p span {
            display: inline-block;
            font-size: 0.8125rem;
            color: #666;
            margin: 8px 10px 3px -4px;
        }

.Map_box {
    background: url(../Images/map/Bg.png) no-repeat top 165px center;
}

.map {
    position: relative;
    height: 1004px;
    margin: 50px 0 0 0;
}

    .map div p, .map div b, .map div {
        position: absolute;
    }

        .map div.no {
            position: inherit;
            font-weight: normal;
            z-index: 2;
        }

            .map div.no:after {
                display: none;
            }

        .map div p {
            transition: background 0.25s ease-out;
        }

            .map div p:first-child {
                width: 66px;
                height: 83px;
                background: url(../Images/map/01.png);
                left: 630px;
                top: 89px;
            }

            .map div p:nth-child(2) {
                width: 60px;
                height: 52px;
                background: url(../Images/map/02.png);
                left: 681px;
                top: 98px;
            }

            .map div p:nth-child(3) {
                width: 201px;
                height: 179px;
                background: url(../Images/map/03.png);
                left: 584px;
                top: 66px;
            }

            .map div p:nth-child(4) {
                width: 141px;
                height: 154px;
                background: url(../Images/map/04.png);
                left: 505px;
                top: 118px;
            }

            .map div p:nth-child(5) {
                width: 174px;
                height: 190px;
                background: url(../Images/map/05.png);
                left: 600px;
                top: 147px;
            }

            .map div p:nth-child(6) {
                width: 158px;
                height: 152px;
                background: url(../Images/map/06.png);
                left: 478px;
                top: 166px;
            }

            .map div p:nth-child(7) {
                width: 185px;
                height: 131px;
                background: url(../Images/map/07.png);
                left: 410px;
                top: 223px;
            }

            .map div p:nth-child(8) {
                width: 267px;
                height: 135px;
                background: url(../Images/map/08.png);
                left: 379px;
                top: 298px;
            }

            .map div p:nth-child(9) {
                width: 131px;
                height: 125px;
                background: url(../Images/map/09.png);
                left: 322px;
                top: 371px;
            }

            .map div p:nth-child(10) {
                width: 213px;
                height: 221px;
                background: url(../Images/map/10.png);
                left: 410px;
                top: 356px;
            }

            .map div p:nth-child(11) {
                width: 179px;
                height: 102px;
                background: url(../Images/map/11.png);
                left: 291px;
                top: 474px;
            }

            .map div p:nth-child(12) {
                width: 209px;
                height: 340px;
                background: url(../Images/map/12.png);
                left: 526px;
                top: 311px;
            }

            .map div p:nth-child(13) {
                width: 44px;
                height: 35px;
                background: url(../Images/map/13.png);
                left: 367px;
                top: 554px;
            }

            .map div p:nth-child(14) {
                width: 232px;
                height: 128px;
                background: url(../Images/map/14.png);
                left: 289px;
                top: 520px;
            }

            .map div p:nth-child(15) {
                width: 169px;
                height: 155px;
                background: url(../Images/map/15.png);
                left: 281px;
                top: 580px;
            }

            .map div p:nth-child(16) {
                width: 233px;
                height: 280px;
                background: url(../Images/map/16.png);
                left: 322px;
                top: 563px;
            }

            .map div p:nth-child(17) {
                width: 201px;
                height: 345px;
                background: url(../Images/map/17.png);
                left: 478px;
                top: 549px;
            }

            .map div p:nth-child(18) {
                width: 161px;
                height: 274px;
                background: url(../Images/map/18.png);
                left: 388px;
                top: 712px;
            }
        /**/
        .map div b {
            font-weight: bolder;
            letter-spacing: 0;
        }

            .map div b:first-child {
                left: 635px;
                top: 116px;
                color: #c93e0d;
            }

            .map div b:nth-child(2) {
                left: 700px;
                top: 100px;
                color: #c93e0d;
            }

            .map div b:nth-child(3) {
                left: 635px;
                top: 170px;
                color: #c93e0d;
            }

            .map div b:nth-child(4) {
                left: 540px;
                top: 150px;
                color: #c93e0d;
            }

            .map div b:nth-child(5) {
                left: 670px;
                top: 250px;
                color: #335e9f;
            }

            .map div b:nth-child(6) {
                left: 510px;
                top: 210px;
                color: #c93e0d;
            }

            .map div b:nth-child(7) {
                left: 480px;
                top: 280px;
                color: #bf3131;
            }

            .map div b:nth-child(8) {
                left: 420px;
                top: 360px;
                color: #bf3131;
            }

            .map div b:nth-child(9) {
                left: 360px;
                top: 430px;
                color: #bf3131;
            }

            .map div b:nth-child(10) {
                left: 490px;
                top: 460px;
                color: #bf3131;
            }

            .map div b:nth-child(11) {
                left: 350px;
                top: 495px;
                color: #bf3131;
            }

            .map div b:nth-child(12) {
                left: 615px;
                top: 450px;
                color: #335e9f;
            }

            .map div b:nth-child(13) {
                left: 365px;
                top: 555px;
                color: #4a7643;
            }

            .map div b:nth-child(14) {
                left: 305px;
                top: 570px;
                color: #4a7643;
            }

            .map div b:nth-child(15) {
                left: 330px;
                top: 650px;
                color: #4a7643;
            }

            .map div b:nth-child(16) {
                left: 440px;
                top: 670px;
                color: #4a7643;
            }

            .map div b:nth-child(17) {
                left: 540px;
                top: 680px;
                color: #335e9f;
            }

            .map div b:nth-child(18) {
                left: 420px;
                top: 780px;
                color: #4a7643;
            }
    /**/
    .map div {
        font-weight: bolder;
        z-index: 3;
    }

        .map div:after {
            content: '';
            height: 1px;
            border-bottom: 1px dashed #666;
            width: 110px;
            position: absolute;
            display: block;
        }

        .map div span {
            display: block;
        }

        .map div img {
            height: 18px;
            vertical-align: middle;
            margin: 0 0 0 5px;
            box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
        }

        .map div a {
            display: inline-block;
            font-size: 1rem;
            color: #FFF;
            border-radius: 3px;
            letter-spacing: 0;
            margin: 6px 0 0 0;
            padding: 5px 15px;
            transition: all 0.15s ease-out;
        }

        .map div.a03, .map div.a04, .map div.a06 {
            left: 720px;
            top: -30px;
            color: #B15530;
            font-size: 1.187rem;
        }

            .map div.a03 a, .map div.a04 a, .map div.a06 a {
                background: #B15530;
            }

                .map div.a03 a:hover, .map div.a04 a:hover, .map div.a06 a:hover {
                    background: #da5f2e;
                }

            .map div.a03:after {
                bottom: 0px;
                left: -65px;
                transform: rotate(-65deg);
                width: 80px;
            }

        .map div.a04 {
            left: 420px;
            top: -10px;
        }

            .map div.a04:after {
                bottom: -50px;
                right: 35px;
                transform: rotate(45deg);
            }

        .map div.a06 {
            left: 255px;
            top: 20px;
        }

            .map div.a06:after {
                bottom: -20px;
                left: 130px;
                transform: rotate(15deg);
                width: 120px;
            }

        .map div.a07, .map div.a08, .map div.a10, .map div.a11 {
            right: 640px;
            top: 160px;
            color: #BD4259;
            font-size: 1.187rem;
            /*right: 640px;
		top: 190px;
		color: #BD4259;
		font-size: 1.187rem;*/
        }

            .map div.a07 a, .map div.a08 a, .map div.a10 a, .map div.a11 a {
                background: #BD4259;
            }

                .map div.a07 a:hover, .map div.a08 a:hover, .map div.a10 a:hover, .map div.a11 a:hover {
                    background: #da405c;
                }

            .map div.a07:after {
                bottom: 65px;
                right: -90px;
                transform: rotate(15deg);
                width: 150px;
            }

        .map div.a08 {
            right: 710px;
            top: 330px;
        }

            .map div.a08:after {
                bottom: 55px;
                right: -90px;
                transform: rotate(0deg);
                width: 80px;
            }

        .map div.a10 {
            text-align: left;
            left: 20px;
            right: auto;
            top: 413px;
        }

            .map div.a10:after {
                top: 45px;
                left: 280px;
                transform: rotate(0deg);
                width: 210px;
            }

        .map div.a11 {
            right: 760px;
            top: 604px;
        }

            .map div.a11:after {
                bottom: 85px;
                right: -65px;
                width: 190px;
                transform: rotate(-22deg);
            }

        .map div.a05, .map div.a12, .map div.a17 {
            left: 800px;
            top: 320px;
            color: #077F95;
            font-size: 1.187rem;
        }

            .map div.a05 a, .map div.a12 a, .map div.a17 a {
                background: #077F95;
            }

                .map div.a05 a:hover, .map div.a12 a:hover, .map div.a17 a:hover {
                    background: #1c8ca0;
                }

        .map div.a05 {
            top: 210px;
        }

            .map div.a05:after {
                top: 20px;
                left: -75px;
                transform: rotate(-13deg);
                width: 70px;
            }

        .map div.a12 {
            left: 740px;
            top: 390px;
        }

            .map div.a12:after {
                transform: rotate(0deg);
                bottom: 85px;
                left: -92px;
                width: 80px;
            }

        .map div.a17 {
            left: 660px;
            top: 680px;
        }

            .map div.a17:after {
                bottom: 60px;
                left: -75px;
                width: 65px;
                transform: rotate(17deg);
            }

        .map div.a15, .map div.a16, .map div.a18 {
            right: 670px;
            top: 650px;
            color: #3F7F4D;
            font-size: 1.187rem;
        }

            .map div.a15 a, .map div.a16 a, .map div.a18 a {
                background: #3F7F4D;
            }

                .map div.a15 a:hover, .map div.a16 a:hover, .map div.a18 a:hover {
                    background: #4a935a;
                }

            .map div.a15:after {
                bottom: 90px;
                right: 27px;
                transform: rotate(-35deg);
                width: 80px;
            }

        .map div.a16 {
            right: 685px;
            top: 797px;
        }

            .map div.a16:after {
                bottom: 85px;
                right: -55px;
                transform: rotate(-45deg);
            }

        .map div.a18 {
            text-align: left;
            left: 300px;
            right: auto;
            top: 890px;
        }

            .map div.a18:after {
                bottom: 165px;
                left: 50px;
                transform: rotate(-50deg);
                width: 120px;
            }

    /*----------EN----------*/

    .map.en-US div b:first-child {
        left: 620px;
    }

    .map.en-US div b:nth-child(5) {
        left: 645px;
        top: 260px;
    }

    .map.en-US div b:nth-child(7) {
        left: 450px;
        top: 285px;
    }

    .map.en-US div b:nth-child(8) {
        left: 410px;
        top: 350px;
    }

    .map.en-US div b:nth-child(10) {
        left: 460px;
        top: 470px;
    }

    .map.en-US div b:nth-child(11) {
        left: 320px;
    }

    .map.en-US div b:nth-child(14) {
        top: 580px;
    }

    .map.en-US div b:nth-child(15) {
        left: 310px;
    }

    .map.en-US div b:nth-child(16) {
        left: 420px;
        top: 675px;
    }

    .map.en-US div b:nth-child(17) {
        top: 700px;
    }

    .map.en-US div span {
        font-size: 1rem;
    }

    .map.en-US div a {
        font-size: 0.75rem;
        font-weight: normal;
    }

    .map.en-US div.a04 {
        left: 260px;
    }

    .map.en-US div.a03:after {
        bottom: 0px;
        left: -65px;
    }

    .map.en-US div.a04:after {
        width: 190px;
        bottom: -60px;
        right: -60px;
        transform: rotate(30deg);
    }

    .map.en-US div.a06 {
        left: 210px;
        top: 60px;
    }

    .map.en-US div.a08:after {
        bottom: 24px;
        right: -98px;
        transform: rotate(-6deg);
        width: 120px;
    }

    .map.en-US div.a10 {
        left: -10px;
    }

        .map.en-US div.a10:after {
            top: 60px;
        }

    .map.en-US div.a11:after {
        bottom: 80px;
        right: -69px;
    }

    .map.en-US div.a12:after {
        bottom: 20px;
        left: -68px;
        width: 65px;
        transform: rotate(30deg);
    }

    .map.en-US div.a15:after {
        bottom: 86px;
        right: -60px;
    }

    .map.en-US div.a16:after {
        bottom: 81px;
        right: -171px;
    }

    /*----------JP----------*/
    .map.ja-JP div a {
        font-size: 0.825rem;
        font-weight: normal;
    }

    .map.ja-JP div.a04 {
        left: 300px;
    }

    .map.ja-JP div.a10 {
        top: 560px;
        left: 723px;
    }

    .map.ja-JP div.a04:after {
        bottom: -24px;
        right: 0;
        transform: rotate(20deg);
    }

    .map.ja-JP div.a05:after {
        top: -13px;
        left: -136px;
        transform: rotate(44deg);
    }

    .map.ja-JP div.a06:after {
        bottom: 54px;
    }

    .map.ja-JP div.a07:after {
        right: -107px;
        transform: rotate(23deg);
        width: 157px;
    }

    .map.ja-JP div.a08:after {
        bottom: 24px;
        right: -108px;
        transform: rotate(-6deg);
        width: 120px;
    }

    .map.ja-JP div.a11:after {
        bottom: 17px;
        right: -98px;
        width: 95px;
        transform: rotate(-4deg);
    }

    .map.ja-JP div.a12:after {
        bottom: 28px;
        left: -110px;
        transform: rotate(20deg);
    }

    .map.ja-JP div.a15:after {
        right: -124px;
        transform: rotate(-23deg);
        width: 140px;
    }

    /*----------KR----------*/
    .map.ko-KR div a {
        font-size: 0.825rem;
        font-weight: normal;
    }

    .map.ko-KR div.a04 {
        left: 300px;
    }

    .map.ko-KR div.a10 {
        top: 560px;
        left: 723px;
    }

    .map.ko-KR div.a03:after {
        bottom: -4px;
        left: -134px;
    }

    .map.ko-KR div.a04:after {
        bottom: -28px;
        right: -10px;
        transform: rotate(20deg);
        width: 120px;
    }

    .map.ko-KR div.a05:after {
        top: -13px;
        left: -136px;
        transform: rotate(44deg);
    }

    .map.ko-KR div.a06:after {
        bottom: 57px;
        left: -187px;
        transform: rotate(6deg);
        width: 180px;
    }

    .map.ko-KR div.a07:after {
        right: -107px;
        transform: rotate(23deg);
        width: 127px;
    }

    .map.ko-KR div.a08:after {
        bottom: 24px;
        right: -108px;
        transform: rotate(-6deg);
        width: 108px;
    }

    .map.ko-KR div.a11:after {
        bottom: 17px;
        right: -98px;
        width: 95px;
        transform: rotate(-4deg);
    }

    .map.ko-KR div.a12:after {
        bottom: 28px;
        left: -110px;
        transform: rotate(20deg);
    }

    .map.ko-KR div.a15:after {
        right: -124px;
        transform: rotate(-23deg);
        width: 140px;
    }

    /*----------MY----------*/
    .map.ms-MY div b:first-child {
        left: 620px;
    }

    .map.ms-MY div b:nth-child(5) {
        left: 645px;
        top: 260px;
    }

    .map.ms-MY div b:nth-child(7) {
        left: 450px;
        top: 285px;
    }

    .map.ms-MY div b:nth-child(8) {
        left: 410px;
        top: 350px;
    }

    .map.ms-MY div b:nth-child(10) {
        left: 460px;
        top: 470px;
    }

    .map.ms-MY div b:nth-child(11) {
        left: 320px;
    }

    .map.ms-MY div b:nth-child(14) {
        top: 580px;
    }

    .map.ms-MY div b:nth-child(15) {
        left: 310px;
    }

    .map.ms-MY div b:nth-child(16) {
        left: 420px;
        top: 675px;
    }

    .map.ms-MY div b:nth-child(17) {
        top: 700px;
    }

    .map div.a15 {
        top: 690px;
    }

    .map div.a15 {
        width: 292px;
    }

    .map.ms-MY div span {
        font-size: 1rem;
    }

    .map.ms-MY div a {
        font-size: 13px;
        font-weight: normal;
    }

    .map.ms-MY div.a04 {
        left: 100px;
    }

        .map.ms-MY div.a04:after {
            bottom: -34px;
            right: 3px;
            transform: rotate(25deg);
            width: 120px;
        }

    .map.ms-MY div.a06:after {
        bottom: 84px;
    }

    .map.ms-MY div.a08:after {
        bottom: 21px;
        right: -97px;
        transform: rotate(-8deg);
        width: 124px;
    }

    .map.ms-MY div.a11:after {
        bottom: 55px;
        right: -67px;
        width: 60px;
    }

    .map.ms-MY div.a12:after {
        transform: rotate(12deg);
        bottom: 26px;
        left: -111px;
    }

    .map.ms-MY div.a15:after {
        bottom: 29px;
        right: -114px;
        width: 164px;
    }

    /*----------VN----------*/
    .map.vi-VN div b:first-child {
        left: 620px;
    }

    .map.vi-VN div b:nth-child(5) {
        left: 645px;
        top: 260px;
    }

    .map.vi-VN div b:nth-child(7) {
        left: 450px;
        top: 285px;
    }

    .map.vi-VN div b:nth-child(8) {
        left: 410px;
        top: 350px;
    }

    .map.vi-VN div b:nth-child(10) {
        left: 460px;
        top: 470px;
    }

    .map.vi-VN div b:nth-child(11) {
        left: 320px;
    }

    .map.vi-VN div b:nth-child(14) {
        top: 580px;
    }

    .map.vi-VN div b:nth-child(15) {
        left: 310px;
    }

    .map.vi-VN div b:nth-child(16) {
        left: 420px;
        top: 675px;
    }

    .map.vi-VN div b:nth-child(17) {
        top: 700px;
    }

    .map.vi-VN div span {
        font-size: 1rem;
    }

    .map.vi-VN div a {
        font-size: 0.8125rem;
        font-weight: normal;
    }