@charset "utf-8";
/* CSS Document */

html,body{margin:0; padding:0; width:100%; height:100%; overflow:hidden; border:none;}
body{background:#333;}
img{border:none;}

audio{position:absolute; top:-1000px; width:1px; height:1px;}

.loading{width:100%; height:100%; background:url(c_1_1_4.gif) no-repeat center center;}
#loading_text{display:block; padding:480px 0 0; text-align:center; font-size:36px;}
.loading_ok{background:url(loading_ok.jpg) no-repeat center center; width:100%; height:100%;}

.m_c{position:absolute; left:50%; top:50%; width:1080px; height:640px; margin:-320px 0 0 -540px; overflow:hidden; background:#e5e2dd;}
.m_p{position:relative; width:1080px; height:640px;}
.m_b{position:absolute; width:1080px; height:640px; z-index:999; overflow:hidden;}
.b_touch{-webkit-overflow-scrolling:touch; overflow-scrolling:touch; -webkit-overflow-x:scroll; overflow-x:scroll;}
#touch{width:1090px; height:640px; background:#FFFFFF; opacity:0;}
.m_m{position:absolute; width:1080px; height:640px; z-index:1; overflow:hidden;}

.play{position:fixed; right:30px; top:20px; background:url(play.png) no-repeat; width:44px; height:44px; cursor:pointer; z-index:1000; display:none;}
.playing{-webkit-animation:playing 5s infinite linear; -moz-animation:playing 5s infinite linear; -ms-animation:playing 5s infinite linear; animation:playing 5s infinite linear;}

.p_c{width:40000px; height:640px;}
.p_p{position:relative; width:40000px; height:640px;}
.p_p img{position:absolute; left:-2000px;}

.p_p img.c_1_1{top:40px; left:45px;}
.p_p img.c_1_1_1{top:540px; left:345px;}
.p_p img.c_1_1_2{position:fixed; left:150px; top:270px; z-index:2; display:none;}
.p_p img.c_1_1_3{position:fixed; left:150px; top:230px; z-index:2; display:none;}
.p_p img.c_1_1_4{top:90px; left:20px;}
.p_p img.c_1_2{top:375px; left:793px; }
.p_p img.c_1_3{top:235px; left:2985px;}
.p_p img.c_1_3_1{top:155px; left:3140px; display:none;}
.p_p img.c_1_3_2{top:350px; left:3540px;}
.p_p img.c_1_4{top:77px; left:3680px;}
.p_p img.c_1_4_1{top:87px; left:3682px; width:123px; height:249px;}
.p_p img.c_1_4_2{top:87px; left:3803px; width:123px; height:249px;}
.p_p img.c_1_5{top:17px; left:3970px; display:none;}
.p_p img.c_2_1{top:0px; left:4550px;}
.p_p img.c_2_1_1{top:198px; left:4556px; width:0px; height:422px;}
.p_p img.c_2_2{position:fixed; left:140px; top:380px; z-index:2; display:none;}
.p_p img.c_2_2_1{position:fixed; left:50px; top:270px; z-index:2; display:none;}
.p_p img.c_2_2_2{position:fixed; left:50px; top:270px; z-index:2; display:none;}
.p_p img.c_2_3{left:5085px; top:150px;}
.p_p img.c_2_3_1{left:5600px; top:190px; display:none;}
.p_p img.c_2_3_2{left:5600px; top:190px; display:none;}
.p_p img.c_2_4{position:fixed; left:190px; top:470px; z-index:2; display:none;}
.p_p img.c_2_5{left:6060px; top:10px;}
.p_p img.c_2_5_1{left:6160px; top:10px;}
.p_p img.c_2_6{left:8550px; top:134px; display:none;}
.p_p img.c_2_6_1{left:8550px; top:320px; width:0px; height:0px; -webkit-animation:playing 10s infinite linear; -moz-animation:playing 10s infinite linear; -ms-animation:playing 10s infinite linear; animation:playing 10s infinite linear;}
.p_p img.c_2_6_2{left:8863px; top:20px; display:none;}
.p_p img.c_3_1{left:9650px; top:100px;}
.p_p img.c_3_1_1{position:fixed; left:450px; top:380px; z-index:2; display:none;}
.p_p img.c_3_1_2{position:fixed; left:450px; top:380px; z-index:2; display:none;}
.p_p img.c_3_1_3{position:fixed; left:450px; top:380px; z-index:2; display:none;}
.p_p img.c_3_2{left:10350px; top:100px;}
.p_p img.c_3_2_1{left:10535px; top:10px; display:none;}
.p_p img.c_3_2_2{left:11345px; top:100px; display:none;}
.p_p img.c_3_2_3{left:11595px; top:100px; display:none;}
.p_p img.c_3_2_4{left:11835px; top:100px; display:none;}
.p_p img.c_3_2_5{left:12078px; top:100px; display:none;}
.p_p img.c_3_2_6{left:12264px; top:100px; display:none;}
.p_p img.c_4_1{left:12630px; top:0px;}
.p_p img.c_4_2{position:fixed; left:140px; top:380px; z-index:2; display:none;}
.p_p img.c_4_2_1{position:fixed; left:130px; top:290px; display:none;}
.p_p img.c_4_2_2{position:fixed; left:50px; top:270px; z-index:2; display:none;}
.p_p img.c_4_2_3{position:fixed; left:50px; top:270px; z-index:2; display:none;}
.p_p img.c_4_3{left:13100px; top:0px;}
.p_p img.c_4_4{left:13800px; top:550px;}
.p_p img.c_4_4_1{left:13600px; top:420px; display:none;}
.p_p img.c_4_4_2{left:13600px; top:420px; display:none;}
.p_p img.c_4_4_3{left:13600px; top:420px; display:none;}
.p_p img.c_4_4_4{left:13600px; top:420px; display:none;}
.p_p img.c_4_4_5{left:13600px; top:80px;}
.p_p img.c_4_5{left:15030px; top:350px;}
.p_p img.c_4_5_1{left:15030px; top:350px; display:none;}
.p_p img.c_4_5_2{left:14680px; top:50px; display:none;}
.p_p img.c_4_5_3{left:14680px; top:50px; display:none;}
.p_p img.c_4_5_4{left:14680px; top:50px; display:none;}
.p_p img.c_5_1{left:15280px; top:-660px;}
.p_p img.c_5_2{position:fixed; left:140px; top:350px; z-index:2; display:none;}
.p_p img.c_5_2_1{position:fixed; left:50px; top:240px; z-index:2; display:none;}
.p_p img.c_5_3{left:15790px; top:-270px; width:136px;}
.p_p img.c_5_4{position:fixed; left:450px; top:330px; z-index:2; display:none;}
.p_p img.c_5_4_1{position:fixed; left:465px; top:350px; z-index:2; display:none; cursor:pointer;}
.p_p img.c_5_4_2{position:fixed; left:295px; top:505px; z-index:2; display:none;}
.p_p img.c_5_5{position:fixed; left:20px; top:20px; z-index:2; display:none;}

@-webkit-keyframes playing {
  from{-webkit-transform:rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
  to{-webkit-transform:rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
}

@media screen and (orientation: portrait) {
	.m_c{-webkit-transform:rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}   
}
@media screen and (orientation: landscape) {
	.m_c{-webkit-transform:rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
}