/* HTML5 display-role reset for older browsers */


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body {	height: 100%;}

body {
	font-family	:  Arial, Sans-Serif;
	line-height: 1;

	padding: 0;
	margin: 0;

}

ol, ul {
	padding: 0;
	margin:0;
	list-style: none;
}
p,dd,dl,span { padding: 0; margin: 0; }

a {
	color: #222222;
	text-decoration: none;
	background-color: transparent;
  }

a:hover{text-decoration: none; color : #222222;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.displaynone {display:none !important;}

#wrap_box {	width: 1350px; height: 100%; 	/*overflow: hidden;*/ margin: auto; }

#wrap {position: relative; width: 1300px; height: 800px; min-height: 800px; margin: auto;    transform: translate(0%, -50%);    top: 50%;}
.container {position: absolute ; height: 800px; width: 1200px; top: 50%; left:50%;  transform: translate(-50%, -50%);  border: 1px solid #dddddd; overflow: hidden;}
.container .page{position: absolute; top:0; left: 0;width: 1200px; height: 800px; display: none; font-size: 0;}
.container .page.active{display: block;}

/* #header {position: absolute;padding: 0px;    z-index: 100;  } */
#header .page_logo {position: absolute;left:68px;top:43px;}
#header ul.menu {position:absolute;top:0;left:813px;width:331px;height:38px;}
#header ul.menu.bg1{background:url('../img/menu_bg.png') center no-repeat;}
#header ul.menu.bg2{background:url('../img/menu_bg2.png') center no-repeat;}
#header ul.menu li.link1{position:absolute;width:161px;height:38px;left:0;top:0;}
#header ul.menu li.link2{position:absolute;width:161px;height:38px;left:170px;top:0;}

/*#header ul.submenu {position: absolute; width: 175px; background: rgba(255,255,255,.9); top: 38px; left: -5px; border: 1px solid #dddddd;display: none; }
#header ul.submenu li{display: block; padding: 8px 0 8px 10px; font-size: 12px; color: #444444;  border: 0;  text-align: left;}
#header ul.submenu li:hover {color: #034488;}
#header li:hover ul.submenu{display: block;}*/

.sound {position: absolute; right: -10px; top: 0; }
.btn_play {width: 50px; height: 50px; display: block;  z-index: 10; background: url('../img/btn_sound.png') 0px 0 no-repeat; background-size: 100px;    cursor: pointer;  }
.btn_play.on {background: url('../img/btn_sound.png') 0 0 no-repeat; background-size: 100px; }
.btn_play.off {background: url('../img/btn_sound.png') -55px 0px no-repeat; background-size: 100px; }

.sound  audio { display: none; }

.page .paging  {position: absolute; top:calc(100% - 28px); left: 50%; transform: translateX(-50%);z-index: 2;}
.page .paging li {display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin: 0 10px; background:rgba(255,255,255,.5); }
.page .paging li.on {background:rgba(255,255,255,1);}
.link {cursor: pointer;}

.btn_next  {position: absolute; right: 50px; bottom: 75px;  z-index: 2; }
.btn_prev  {position: absolute; right: 50px; bottom: 75px;  z-index: 2; }
.bg_item {position: absolute; bottom: 0; left: 0;}

.btn_arrowprev {position: absolute; left: 20px; top: 50%; z-index: 100; transform: translateY(-50%);}
.btn_arrownext {position: absolute; right: 20px; top: 50%; z-index: 100;transform: translateY(-50%);}

#page1 .bg div{ position: absolute; bottom: 0; left: 0; width: 100%; height:100%;  background:url('../img/page1_bg1.png') center no-repeat;}
#page1 .img1{position:absolute;left:99px;top:64px;}
#page1 .img2{position:absolute;left:768px;top:435px;}
#page1 .img3{position:absolute;left:813px;top:511px;}
#page1 .img4{position:absolute;left:768px;top:601px;}
#page1 .img5{position:absolute;left:805px;top:628px;}
#page1 .skipbg {width: 500px; right: 0; top: 0; opacity:0;  position: absolute; z-index: 2; cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;}
#page1:hover .skipbg{opacity: 1;}
#page1 .skip {position: absolute; right: 50px; top: 50%; transform: translateY(-50%);z-index: 10; opacity:0; }
#page1:hover .skip{opacity: 1;}

#page2 .bg div{ position: absolute; bottom: 0; left: 0; width: 100%; height:100%; background:url('../img/page2_bg1.png') center no-repeat;}
#page2 .img1{position:absolute;left:112px;top:144px;}
#page2 .img2{position:absolute;left:90px;top:353px;}
#page2 .img3{position:absolute;left:90px;top:426px;}
#page2 .img4{position:absolute;left:90px;top:508px;}


#page3 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page3 .img1{position:absolute;left:119px;top:54px;}
#page3 .img2{position:absolute;left:65px;top:216px;}
#page3 .img3{position:absolute;left:69px;top:335px;}
#page3 .img4{position:absolute;left:365px;top:283px;}
#page3 .img5{position:absolute;left:365px;top:368px;}
#page3 .img6{position:absolute;left:574px;top:96px;}
#page3 .img7{position:absolute;left:574px;top:283px;}


#page4 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page4 .img1{position:absolute;left:119px;top:54px;}
#page4 .img2{position:absolute;left:65px;top:216px;}
#page4 .img3{position:absolute;left:69px;top:335px;}
#page4 .img4{position:absolute;left:352px;top:96px;}
#page4 .img5{position:absolute;left:352px;top:140px;}

#page5 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page5 .img1{position:absolute;left:119px;top:54px;}
#page5 .img2{position:absolute;left:65px;top:216px;}
#page5 .img3{position:absolute;left:69px;top:335px;}
#page5 .img4{position:absolute;left:352px;top:96px;}
#page5 .img5{position:absolute;left:352px;top:139px;}
#page5 .img6{position:absolute;left:760px;top:139px;}
#page5 .img7{position:absolute;left:352px;top:490px;}
#page5 .img8{position:absolute;left:352px;top:610px;}
#page5 .img9{position:absolute;left:761px;top:610px;}

#page6 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page6 .img1{position:absolute;left:119px;top:54px;}
#page6 .img2{position:absolute;left:65px;top:216px;}
#page6 .img3{position:absolute;left:69px;top:335px;}
#page6 .img4{position:absolute;left:352px;top:96px;}
#page6 .img5{position:absolute;left:352px;top:140px;}
#page6 .img6{position:absolute;left:352px;top:258px;}

#page7 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page7 .img1{position:absolute;left:119px;top:54px;}
#page7 .img2{position:absolute;left:65px;top:216px;}
#page7 .img3{position:absolute;left:69px;top:335px;}
#page7 .img4{position:absolute;left:352px;top:96px;}
#page7 .img5{position:absolute;left:352px;top:139px;}
#page7 .img6{position:absolute;left:352px;top:301px;}

#page8 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page8 .img1{position:absolute;left:119px;top:54px;}
#page8 .img2{position:absolute;left:65px;top:216px;}
#page8 .img3{position:absolute;left:69px;top:335px;}
#page8 .img4{position:absolute;left:352px;top:96px;}
#page8 .img5{position:absolute;left:352px;top:134px;}
#page8 .img6{position:absolute;left:352px;top:258px;}

#page9 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page9 .img1{position:absolute;left:119px;top:54px;}
#page9 .img2{position:absolute;left:65px;top:216px;}
#page9 .img3{position:absolute;left:69px;top:335px;}
#page9 .img4{position:absolute;left:352px;top:96px;}
#page9 .img5{position:absolute;left:352px;top:139px;}
#page9 .img6{position:absolute;left:352px;top:363px;}

#page10 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page10 .img1{position:absolute;left:119px;top:54px;}
#page10 .img2{position:absolute;left:65px;top:216px;}
#page10 .img3{position:absolute;left:69px;top:335px;}
#page10 .img4{position:absolute;left:352px;top:96px;}
#page10 .img5{position:absolute;left:352px;top:139px;}
#page10 .img6{position:absolute;left:352px;top:382px;}

#page11 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page11 .img1{position:absolute;left:119px;top:54px;}
#page11 .img2{position:absolute;left:65px;top:216px;}
#page11 .img3{position:absolute;left:69px;top:335px;}
#page11 .img4{position:absolute;left:352px;top:96px;}
#page11 .img5{position:absolute;left:352px;top:139px;}
#page11 .img6{position:absolute;left:352px;top:387px;}

#page12 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page12 .img1{position:absolute;left:119px;top:54px;}
#page12 .img2{position:absolute;left:65px;top:216px;}
#page12 .img3{position:absolute;left:69px;top:335px;}
#page12 .img4{position:absolute;left:352px;top:96px;}
#page12 .img5{position:absolute;left:352px;top:139px;}
#page12 .img6{position:absolute;left:352px;top:406px;}

#page13 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page13 .img1{position:absolute;left:119px;top:54px;}
#page13 .img2{position:absolute;left:65px;top:216px;}
#page13 .img3{position:absolute;left:69px;top:335px;}
#page13 .img4{position:absolute;left:352px;top:96px;}
#page13 .img5{position:absolute;left:352px;top:139px;}
#page13 .img6{position:absolute;left:352px;top:264px;}

#page14 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page14 .img1{position:absolute;left:119px;top:54px;}
#page14 .img2{position:absolute;left:65px;top:216px;}
#page14 .img3{position:absolute;left:69px;top:335px;}
#page14 .img4{position:absolute;left:352px;top:96px;}
#page14 .img5{position:absolute;left:352px;top:139px;}
#page14 .img6{position:absolute;left:352px;top:276px;}

#page15 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page15 .img1{position:absolute;left:119px;top:54px;}
#page15 .img2{position:absolute;left:65px;top:216px;}
#page15 .img3{position:absolute;left:69px;top:335px;}
#page15 .img4{position:absolute;left:352px;top:96px;}
#page15 .img5{position:absolute;left:352px;top:139px;}

#page16 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page16 .img1{position:absolute;left:119px;top:54px;}
#page16 .img2{position:absolute;left:65px;top:216px;}
#page16 .img3{position:absolute;left:69px;top:335px;}
#page16 .img4{position:absolute;left:352px;top:96px;}
#page16 .img5{position:absolute;left:352px;top:139px;}
#page16 .img6{position:absolute;left:352px;top:278px;}

#page17 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page17 .img1{position:absolute;left:119px;top:54px;}
#page17 .img2{position:absolute;left:65px;top:216px;}
#page17 .img3{position:absolute;left:69px;top:335px;}
#page17 .img4{position:absolute;left:352px;top:96px;}
#page17 .img5{position:absolute;left:352px;top:139px;}
#page17 .img6{position:absolute;left:352px;top:419px;}

#page18 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page18 .img1{position:absolute;left:119px;top:54px;}
#page18 .img2{position:absolute;left:65px;top:216px;}
#page18 .img3{position:absolute;left:69px;top:335px;}
#page18 .img4{position:absolute;left:352px;top:96px;}
#page18 .img5{position:absolute;left:352px;top:139px;}
#page18 .img6{position:absolute;left:352px;top:386px;}

#page19 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page19 .img1{position:absolute;left:119px;top:54px;}
#page19 .img2{position:absolute;left:65px;top:216px;}
#page19 .img3{position:absolute;left:69px;top:335px;}
#page19 .img4{position:absolute;left:352px;top:96px;}
#page19 .img5{position:absolute;left:352px;top:139px;}
#page19 .img6{position:absolute;left:352px;top:443px;}

#page20 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page20 .img1{position:absolute;left:119px;top:54px;}
#page20 .img2{position:absolute;left:65px;top:216px;}
#page20 .img3{position:absolute;left:69px;top:335px;}
#page20 .img4{position:absolute;left:352px;top:96px;}
#page20 .img5{position:absolute;left:352px;top:139px;}
#page20 .img6{position:absolute;left:352px;top:271px;}

#page21 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page21 .img1{position:absolute;left:119px;top:54px;}
#page21 .img2{position:absolute;left:65px;top:216px;}
#page21 .img3{position:absolute;left:69px;top:335px;}
#page21 .img4{position:absolute;left:352px;top:96px;}
#page21 .img5{position:absolute;left:352px;top:135px;}

#page22 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page22 .img1{position:absolute;left:119px;top:54px;}
#page22 .img2{position:absolute;left:65px;top:216px;}
#page22 .img3{position:absolute;left:69px;top:335px;}
#page22 .img4{position:absolute;left:352px;top:96px;}
#page22 .img5{position:absolute;left:352px;top:139px;}
#page22 .img6{position:absolute;left:352px;top:278px;}
#page22 .img7{position:absolute;left:352px;top:453px;}
#page22 .img8{position:absolute;left:352px;top:596px;}

#page23 .bg div{ position: absolute; bottom: 0; left: 0; width: 312px; height:100%; background:url('../img/page3_bg1.png') center no-repeat;}
#page23 .img1{position:absolute;left:119px;top:54px;}
#page23 .img2{position:absolute;left:65px;top:216px;}
#page23 .img3{position:absolute;left:69px;top:335px;}
#page23 .img4{position:absolute;left:352px;top:96px;}
#page23 .img5{position:absolute;left:352px;top:139px;}
#page23 .img6{position:absolute;left:352px;top:275px;}
#page23 .img7{position:absolute;left:352px;top:453px;}
#page23 .img8{position:absolute;left:352px;top:596px;}

#page24 .bg div{ position: absolute; bottom: 0; left: 0; width: 100%; height:100%; background:url('../img/page24_bg.png') center no-repeat;}
#page24 .img1{position:absolute;left:538px;top:274px;}
#page24 .img2{position:absolute;left:512px;top:407px;}
#page24 .img3{position:absolute;left:85px;top:503px;}
#page24 .img4{position:absolute;left:85px;top:620px;}


.link_wrap{width:100%;position:absolute;top:0;}
.link_wrap a{display:block;height:16px;margin-bottom:3.5px;}