/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 19, 2019, 11:53:46 AM
    Author     : vorn.sokeng
*/
.container{
    overflow: hidden;
}
#content {
    padding: 20px 0!important;
    /* overflow-x: scroll; */
    
}
.ctn{
    position: relative;
    min-height: 70vh;
}
#test{
    margin-bottom: 6px;
}
.ctn .containerZoom{
    /* text-align: center; */
}
.ctn img{
    overflow-x: scroll;
    width: 3400px;
    /* height: 1800px; */
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 0;
    height: 0;
}
.ctn ul li{
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    cursor: pointer;
    width: 26px;
    height: 24px;
    line-height: 22px;
}

ul li.separate, div.separate{
    border: none;
    width: 100%;
    margin-top: 16px;
}
ul li.book_and_paid{
    background: red;
    color:#fff;
}
ul li.book{
    background: #ef7070;
    color:#fff;
}
ul li.reserve{
    background: green;
    color: #000;
}
ul li.reserve-blue{
    background: blue;
    color: #fff;
}
ul li.b-separate,div.b-separate{
    border: none;
    width: 100%;
    margin-top: 60px;
}
#print > div[class^="blog"]{
    position: absolute;
    box-sizing: border-box;
}
/* #print > div[class^="blog"] ul li:nth-child(odd){
    float: right;
} */
#print > div[class^="blog"] ul li:nth-child(even){
    overflow: hidden;
}
#print > div[class^="blogA"] ul li:nth-child(even){
    overflow: none;
}
#print > div[class^="blog15_"] ul li:nth-child(odd),
#print > div[class^="blog16_"] ul li:nth-child(odd),
#print > div[class^="blogA"] ul li:nth-child(odd){
    float: none;
}
#print > div[class^="blog16_4"] ul li:nth-child(odd){
    float: right;
}

/* div[class^="blogA"]{
    font-size: 13px;
} */
div.blogA1{
    left: 716px;
    top: 294px;
    transform: rotate(271deg);
}
div.blogA2{
    left: 878px;
    top: 297px;
    transform: rotate(271deg);
}
div.blogA3{
    left: 1017px;
    top: 299px;
    transform: rotate(1deg);
}
div.blogA4{
    left: 1014px;
    top: 498px;
    transform: rotate(1deg);
}
div.blogA5{
    left: 1013px;
    top: 636px;
    transform: rotate(91deg);
}
div.blogA6{
    left: 849px;
    top: 632px;
    transform: rotate(91deg);
}

div.blogB1{
    left: 1111px;
    top: 289px;
    transform: rotate(271deg);
}
div.blogB2{
    left: 1111px;
    top: 318px;
    transform: rotate(271deg);
}

div.blogB3{
    left: 1109px;
    top: 377px;
    transform: rotate(271deg);
}
div.blogB4{
    left: 1109px;
    top: 406px;
    transform: rotate(271deg);
}

div.blogB5{
    left: 1108px;
    top: 465px;
    transform: rotate(271deg);
}
div.blogB6{
    left: 1108px;
    top: 494px;
    transform: rotate(271deg);
}

div.blogB7{
    left: 1106px;
    top: 554px;
    transform: rotate(271deg);
}
div.blogB8{
    left: 1106px;
    top: 584px;
    transform: rotate(271deg);
}

div.blogB9{
    left: 1105px;
    top: 643px;
    transform: rotate(271deg);
}
div.blogB10{
    left: 1105px;
    top: 672px;
    transform: rotate(271deg);
}

div.blogB11{
    left: 1247px;
    top: 292px;
    transform: rotate(271deg);
}
div.blogB12{
    left: 1247px;
    top: 321px;
    transform: rotate(271deg);
}

div.blogB13{
    left: 1245px;
    top: 380px;
    transform: rotate(271deg);
}
div.blogB14{
    left: 1245px;
    top: 409px;
    transform: rotate(271deg);
}

div.blogB15{
    left: 1244px;
    top: 469px;
    transform: rotate(271deg);
}
div.blogB16{
    left: 1244px;
    top: 498px;
    transform: rotate(271deg);
}

div.blogB17{
    left: 1410px;
    top: 295px;
    transform: rotate(271deg);
}
div.blogB18{
    left: 1410px;
    top: 324px;
    transform: rotate(271deg);
}

div.blogB19{
    left: 1409px;
    top: 383px;
    transform: rotate(271deg);
}
div.blogB20{
    left: 1409px;
    top: 412px;
    transform: rotate(271deg);
}

div.blogB21{
    left: 1408px;
    top: 472px;
    transform: rotate(271deg);
}
div.blogB22{
    left: 1408px;
    top: 501px;
    transform: rotate(271deg);
}

div.blogB23{
    left: 1406px;
    top: 561px;
    transform: rotate(271deg);
}
div.blogB24{
    left: 1406px;
    top: 590px;
    transform: rotate(271deg);
}

div.blogB25{
    left: 1574px;
    top: 298px;
    transform: rotate(271deg);
}
div.blogB26{
    left: 1574px;
    top: 327px;
    transform: rotate(271deg);
}

div.blogB27{
    left: 1572px;
    top: 386px;
    transform: rotate(271deg);
}
div.blogB28{
    left: 1572px;
    top: 415px;
    transform: rotate(271deg);
}

div.blogB29{
    left: 1571px;
    top: 475px;
    transform: rotate(271deg);
}
div.blogB30{
    left: 1571px;
    top: 504px;
    transform: rotate(271deg);
}

div.blogB31{
    left: 1569px;
    top: 564px;
    transform: rotate(271deg);
}
div.blogB32{
    left: 1569px;
    top: 593px;
    transform: rotate(271deg);
}

div.blogB33{
    left: 1738px;
    top: 301px;
    transform: rotate(271deg);
}
div.blogB34{
    left: 1738px;
    top: 330px;
    transform: rotate(271deg);
}

div.blogB35{
    left: 1732px;
    top: 567px;
    transform: rotate(271deg);
}
div.blogB36{
    left: 1732px;
    top: 596px;
    transform: rotate(271deg);
}

div.blogC1{
    left: 1120px;
    top: 781px;
    transform: rotate(288.5deg);
}
div.blogC2{
    left: 1225px;
    top: 817px;
    transform: rotate(378.5deg);
}
div.blogC3{
    left: 1345px;
    top: 1047px;
    transform: rotate(565.4deg);
}

div.blogC4{
    left: 1895px;
    top: 570px;
    transform: rotate(271deg);
}
div.blogC5{
    left: 1894px;
    top: 599px;
    transform: rotate(271deg);
}

div.blogD1{
    left: 1901px;
    top: 304px;
    transform: rotate(271deg);
}
div.blogD2{
    left: 1901px;
    top: 333px;
    transform: rotate(271deg);
}

div.blogD3{
    left: 2064px;
    top: 307px;
    transform: rotate(271deg);
}
div.blogD4{
    left: 2064px;
    top: 336px;
    transform: rotate(271deg);
}

div.blogD5{
        left: 2063px;
    top: 396px;
    transform: rotate(271deg);
}
div.blogD6{
    left: 2063px;
    top: 425px;
    transform: rotate(271deg);
}

div.blogD7{
    left: 2062px;
    top: 485px;
    transform: rotate(271deg);
}
div.blogD8{
    left: 2062px;
    top: 514px;
    transform: rotate(271deg);
}

div.blogD9{
    left: 2228px;
    top: 311px;
    transform: rotate(271.2deg);
}
div.blogD10{
    left: 2227px;
    top: 340px;
    transform: rotate(271.2deg);
}

div.blogD11{
    left: 2394px;
    top: 313px;
    transform: rotate(271.2deg);
}
div.blogD12{
    left: 2393.5px;
    top: 342px;
    transform: rotate(271.2deg);
}

div.blogD13{
    left: 2392px;
    top: 402px;
    transform: rotate(271.2deg);
}
div.blogD14{
    left: 2391.5px;
    top: 431px;
    transform: rotate(271.2deg);
}

div.blogD15{
    left: 2390px;
    top: 491px;
    transform: rotate(271.2deg);
}
div.blogD16{
    left: 2389.5px;
    top: 520px;
    transform: rotate(271.2deg);
}

div.blogD17{
    left: 2585px;
    top: 317px;
    transform: rotate(271.2deg);
}
div.blogD18{
    left: 2584px;
    top: 346px;
    transform: rotate(271.2deg);
}

div.blogD19{
    left: 2583px;
    top: 406px;
    transform: rotate(271.2deg);
}
div.blogD20{
    left: 2582px;
    top: 435px;
    transform: rotate(271.2deg);
}

div.blogD21{
    left: 2581px;
    top: 495px;
    transform: rotate(271.2deg);
}
div.blogD22{
    left: 2580px;
    top: 524px;
    transform: rotate(271.2deg);
}

div.blogD23{
    left: 2748px;
    top: 321px;
    transform: rotate(270.2deg);
}
div.blogD24{
    left: 2748px;
    top: 350px;
    transform: rotate(270.2deg);
}

div.blogD25{
    left: 2912px;
    top: 324px;
    transform: rotate(270.2deg);
}
div.blogD26{
    left: 2912px;
    top: 353px;
    transform: rotate(270.2deg);
}

div.blogD27{
    left: 2995px;
    top: 325px;
    transform: rotate(271.5deg);
}
div.blogD28{
    left: 2994px;
    top: 354px;
    transform: rotate(271.5deg);
}

div.blogD29{
    left: 2911px;
    top: 412px;
    transform: rotate(271.5deg);
}
div.blogD30{
    left: 2910px;
    top: 441px;
    transform: rotate(271.5deg);
}

div.blogD31{
    left: 2993px;
    top: 414px;
    transform: rotate(271.5deg);
}
div.blogD32{
    left: 2992px;
    top: 443px;
    transform: rotate(271.5deg);
}

div.blogD33{
    left: 3073px;
    top: 416px;
    transform: rotate(271.5deg);
}
div.blogD34{
    left: 3072px;
    top: 445px;
    transform: rotate(271.5deg);
}

div.blogD35{
    left: 2909px;
    top: 501px;
    transform: rotate(271.5deg);
}
div.blogD36{
    left: 2908px;
    top: 530px;
    transform: rotate(271.5deg);
}

div.blogD37{
    left: 2990px;
    top: 503px;
    transform: rotate(271.5deg);
}
div.blogD38{
    left: 2989.5px;
    top: 532px;
    transform: rotate(271.5deg);
}

div.blogD39{
    left: 3071px;
    top: 504px;
    transform: rotate(271.5deg);
}
div.blogD40{
    left: 3070px;
    top: 533px;
    transform: rotate(271.5deg);
}

div.blogE1{
    left: 545.5px;
    top: 257px;
    transform: rotate(270deg);
}

div.blogE2{
    left: 545.5px;
    top: 625px;
    transform: rotate(270deg);
}

div.blogF1{
    left: 658px;
    top: 132px;
    transform: rotate(1deg);
}

div.blogF2{
    left: 724px;
    top: 133px;
    transform: rotate(1deg);
}

div.blogF3{
    left: 782px;
    top: 134px;
    transform: rotate(1deg);
}

div.blogF4{
    left: 905px;
    top: 136px;
    transform: rotate(1deg);
}

div.blogF5{
    left: 1034px;
    top: 138px;
    transform: rotate(1deg);
}

div.blogF6{
    left: 1110.3px;
    top: 140px;
    transform: rotate(1deg);
}

div.blogF7{
    left: 1185px;
    top: 140.5px;
    transform: rotate(1deg);
}

div.blogF8{
        left: 1261.5px;
    top: 141px;
    transform: rotate(2deg);
}

div.blogF9{
    left: 1337px;
    top: 142.5px;
    transform: rotate(2deg);
}

div.blogF10{
    left: 1412px;
    top: 144px;
    transform: rotate(2deg);
}

div.blogF11{
    left: 1487px;
    top: 145px;
    transform: rotate(1.6deg);
}

div.blogF12{
    left: 1562px;
    top: 147px;
    transform: rotate(1.6deg);
}

div.blogF13{
    left: 1637.5px;
    top: 148px;
    transform: rotate(1.6deg);
}

div.blogF14{
    left: 1713px;
    top: 149.5px;
    transform: rotate(1.6deg);
}

div.blogF15{
    left: 1788px;
    top: 151px;
    transform: rotate(1.6deg);
}

div.blogF16{
    left: 1863px;
    top: 152.5px;
    transform: rotate(1.4deg);
}

div.blogF17{
    left: 1938px;
    top: 154px;
    transform: rotate(1.4deg);
}

div.blogF18{
    left: 2014px;
    top: 155px;
    transform: rotate(1.4deg);
}

div.blogF19{
    left: 2089px;
    top: 156.5px;
    transform: rotate(1.4deg);
}

div.blogF20{
    left: 2164px;
    top: 158px;
    transform: rotate(1.4deg);
}

div.blogF21{
    left: 2240px;
    top: 159px;
    transform: rotate(1.4deg);
}

div.blogF22{
    left: 2315px;
    top: 160.5px;
    transform: rotate(1.4deg);
}

div.blogF23{
    left: 2390px;
    top: 162px;
    transform: rotate(1.4deg);
}

div.blogF24{
    left: 2541px;
    top: 164.5px;
    transform: rotate(1.4deg);
}

div.blogF25{
    left: 2616px;
    top: 166px;
    transform: rotate(1.4deg);
}

div.blogF26{
    left: 2691px;
    top: 167px;
    transform: rotate(1.4deg);
}

div.blogF27{
    left: 2766px;
    top: 168.5px;
    transform: rotate(1.4deg);
}

div.blogF28{
    left: 2842px;
    top: 170px;
    transform: rotate(1.4deg);
}

div.blogF29{
    left: 2917px;
    top: 171.5px;
    transform: rotate(1.4deg);
}

div.blogF30{
    left: 2992px;
    top: 173px;
    transform: rotate(1.4deg);
}

div.blogF31{
    left: 3108px;
    top: 150px;
    transform: rotate(50deg);
}

div.blogF32{
    left: 3176px;
    top: 229px;
    transform: rotate(51deg);
}

div.blogF33{
    left: 3135.5px;
    top: 320px;
    transform: rotate(3deg);
}

div.blogF34{
    left: 3131px;
    top: 439px;
    transform: rotate(3deg);
}

div.blogF35{
    left: 3129px;
    top: 513px;
    transform: rotate(3deg);
}

div.blogF36{
    left: 3126px;
    top: 587px;
    transform: rotate(3.6deg);
}