@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#300;
	background: #fff;
	white-space: nowrap;
    overflow-x: scroll;
	overflow-y: hidden;
	background: url("images/body.jpg") right center;
	background-size: auto 100%;
}

@media only screen and (max-height: 938px) { body{ font-size: 15px !important; } }
@media only screen and (max-height: 875px) { body{ font-size: 14px !important; } }
@media only screen and (max-height: 813px) { body{ font-size: 13px !important; } }
@media only screen and (max-height: 750px) { body{ font-size: 12px !important; } }
@media only screen and (max-height: 688px) { body{ font-size: 11px !important; } }
@media only screen and (max-height: 625px) { body{ font-size: 10px !important; } }

a{
	color:#300;
}

a:hover{
	text-decoration: none;
	color: #e64048 !important;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

img{
	display:block;
	max-height: 100%;
	max-width: 100%;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

table{
	font-size: 1em;
}

.photo{
	position: relative;
	overflow: hidden;
}

.photo img{
	width: 100%;
	height: 100%;
}

.photo p{
	position: absolute;
	left: 0px;
	bottom : 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.abs{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0;
	z-index: 10;
}

.abs2{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}


.music{
	position: fixed;
	right: 1em;
	top: 1em;
	width: 2.8em;
	height: 2.8em;
	cursor: pointer;
	z-index: 999;
}
.music.on{background:url(images/music-on.png) no-repeat; background-size:100% 100%;}
.music.off{background:url(images/music-off.png) no-repeat;background-size:100% 100%;}
.music img{display: inline-block;}
@-moz-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-o-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-webkit-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@keyframes music{from{ transform:rotate(-360deg); }to{ }}
.music.on{
	animation:'music' 1.5s linear 0s infinite;
	-ms-animation:music 1.5s linear 0s infinite;
	-moz-animation:music 1.5s linear 0s infinite;
	-o-animation:'music' 1.5s linear 0s infinite;
	-webkit-animation:'music' 1.5s linear 0s infinite;
}


#roll{
	position: relative;
	height: 100%;
	vertical-align: top;
    display: inline-block;
}

.main-bg{
	height: 100%;
	width: auto;
	max-width: none;
}

.layout{
	top: 0px;
	height: 100%;
	position: absolute;
	overflow: visible;
}

.layout .bg{
	height: 100%;
}

#layout1{ left: 0%; }
#layout2{ left: 7.01%; }
#layout3{ left: 14.78%; }
#layout4{ left: 21.83%; }
#layout5{ left: 26.46%; }
#layout6{ left: 31.45%; }
#layout7{ left: 39.87%; }
#layout8{ left: 45.94%; }
#layout9{ left: 51.78%; }
#layout10{ left: 56%; }
#layout11{ left: 62.16%; }
#layout12{ left: 66.95%; }
#layout13{ left: 72.78%; }
#layout14{ left: 76.09%; }
#layout15{ left: 82.12%; }
#layout16{ left: 86.58%; }
#layout17{ left: 89.56%; }
#layout18{ left: 94.32%; }

.bg1b{
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	overflow: hidden;
}

.bg1b img{
	width: 100%;
	height: 100%;
}

.cover{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.cover img{
	position: absolute;
	max-height: none;
	width: 100%;
}

.cover1,.cover1 img,.cover3,.cover3 img{ left: 0%; bottom: 0%; }
.cover2,.cover2 img,.cover4,.cover4 img{ right: 0%; top: 0%; }

.p1-1{
	left: 28.6%;
	top: 38.8%;
	width: 11.2%;
	height: 29.4%;
	background-image: url("images/p1-1.png");
}

.p1-2{
	left: 39.8%;
	top: 45.6%;
	width: 4%;
	height: 13%;
	background-image: url("images/p1-2.png");
}

.p1-3{
	left: 40.2%;
	top: 38.8%;
	width: 10.2%;
	height: 27.2%;
	background-image: url("images/p1-3.png");
}

.p1-4{
	left: 50.6%;
	top: 37.5%;
	width: 11.4%;
	height: 33.1%;
	background-image: url("images/p1-4.png");
}

.p1-5{
	left: 33.5%;
	top: 67.5%;
	width: 22.4%;
	height: 3.3%;
	background-image: url("images/p1-5.png");
}

.p1-6{
	left: 40.9%;
	top: 23.4%;
	width: 8%;
	height: 16.6%;
	background-image: url("images/p1-6.png");
}

.p1-7{
	left: 2%;
	top: 5%;
	width: 13.2%;
	height: 2.5%;
	background-image: url("images/p1-7.png");
}

.p2-1{
	left: -12.9%;
	top: 16.1%;
	width: 24.9%;
	height: 48.7%;
	background-image: url("images/p2-1.png");
}

.p2-2{
	left: 26.5%;
	top: 13.3%;
	width: 111.8%;
	height: 80.7%;
	background-image: url("images/p2-2.png");
	background-position: center bottom;
}

.p2-3{
	left: 33.7%;
	top: 0.2%;
	width: 46.8%;
	height: 83.9%;
	background-image: url("images/p2-3.png");
	background-position: center bottom;
}

.p2-4{
	left: 14.6%;
	top: 11.5%;
	width: 14.2%;
	height: 45.4%;
	background-image: url("images/p2-4.png");
}

.p2-5{
	left: 27.1%;
	top: 7%;
	width: 23.2%;
	height: 60.6%;
	background-image: url("images/p2-5.png");
	z-index: 11;
}

.p2-6{
	left: 56.3%;
	bottom: 0%;
	width: 10.6%;
	height: 76.5%;
	background-image: url("images/p2-6.png");
	background-position: center bottom;
}

.p2-7{
	left: 68%;
	bottom: 0%;
	width: 38.3%;
	height: 74.4%;
	background-image: url("images/p2-7.png");
	background-position: center bottom;
	z-index: 12;
}

.p3-1{
	left: -15.2%;
	top: 7.7%;
	width: 123%;
	height: 81.6%;
	background-image: url("images/p3-1.png");
	background-position: center bottom;
}

.p3-2{
	left: 50.9%;
	top: 0%;
	width: 24%;
	height: 39.7%;
	background-image: url("images/p3-2.png");
	background-position: center top;
}

.p3-3{
	left: 21%;
	bottom: 0%;
	width: 81.1%;
	height: 92.7%;
	background-image: url("images/p3-3.png");
	background-position: center bottom;
}

.p3-4{
	left: -2%;
	top: 0%;
	width: 35.9%;
	height: 100%;
	background-image: url("images/p3-4.png");
	background-size: auto 100%;
	background-position: left center;
	z-index: 11;
}

.p3-5{
	left: -1%;
	bottom: 0%;
	width: 32.4%;
	height: 92.7%;
	background-image: url("images/p3-5.png");
	background-position: center bottom;
	z-index: 13;
}

.p3-7{
	left: 37%;
	bottom: 0%;
	width: 23.8%;
	height: 49.1%;
	background-image: url("images/p3-7.png");
	background-position: center bottom;
}

.p3-8{
	left: 61.2%;
	bottom: 0%;
	width: 32.2%;
	height: 52.5%;
	background-image: url("images/p3-8.png");
	background-position: center bottom;
}

.p4-1{
	left: -10.5%;
	bottom: 0%;
	width: 137.9%;
	height: 100%;
	background-image: url("images/p4-1b.png");
	background-position: center bottom;
	opacity: 1;
}

.p4-1 .order1{
	background-image: url("images/p4-1.png");
	opacity: 0;
}

.p4-2{
	left: -11%;
	bottom: 0%;
	width: 35.6%;
	height: 29%;
	background-image: url("images/p4-2.png");
	background-position: center bottom;
	z-index: 11;
}

.p4-4{
	left: 32.5%;
	bottom: 0%;
	width: 66.3%;
	height: 64.6%;
	background-image: url("images/p4-4.png");
	background-position: center bottom;
	z-index: 12;
}

.p5-1{
	left: -24.8%;
	bottom: 0%;
	width: 189.4%;
	height: 136.6%;
	background-image: url("images/p5-1.png");
	background-position: left bottom;
	z-index: 11;
}

.p5-1 .order1{
	background-image: url("images/p5-1a.png");
}

.p5-1 .order2{
	background-image: url("images/p5-1b.png");
}

.p6-1{
	left: -23.3%;
	top: 0%;
	width: 104.2%;
	height: 100%;
	background-image: url("images/p6-1.png");
	background-size: auto 100%;
	background-position: left center;
}

.p6-2{
	left: 36.8%;
	top: -1.8%;
	width: 25.8%;
	height: 46.9%;
	background-image: url("images/p6-2.png");
}

.p6-2 .order1{
	background-image: url("images/p6-2a.png");
}

.p6-2 .order2{
	background-image: url("images/p6-2b.png");
}

.p6-3{
	left: 33%;
	bottom: 0%;
	width: 55.5%;
	height: 99%;
	background-image: url("images/p6-3.png");
	background-position: center bottom;
	z-index: 11;
}

.p6-4{
	left: 35%;
	top: 55%;
	width: 4%;
	height: 10.8%;
}

.p6-4 .order1{
	background-image: url("images/p6-4a.png");
}

.p6-4 .order2{
	background-image: url("images/p6-4b.png");
}

.p6-5{
	left: -14%;
	top: 11.3%;
	width: 20.5%;
	height: 55.2%;
}

.p6-5 .order1{
	background-image: url("images/p6-5a.png");
}

.p6-5 .order2{
	background-image: url("images/p6-5b.png");
}

.p6-5 .order3{
	background-image: url("images/p6-5c.png");
}

.p7-1{
	left: -31.4%;
	bottom: 0%;
	width: 124.9%;
	height: 95.2%;
	background-image: url("images/p7-1b.png");
	background-position: center bottom;
	opacity: 1;
}

.p7-1 .order1{
	background-image: url("images/p7-1.png");
	opacity: 0;
}

.p7-2{
	left: -4%;
	bottom: 0%;
	width: 48.4%;
	height: 57.4%;
	background-image: url("images/p7-2.png");
	background-position: center bottom;
}

.p7-3{
	left: 72.2%;
	top: 26.3%;
	width: 24.5%;
	height: 37.3%;
	background-image: url("images/p7-3.png");
	z-index: 11;
}

.p8-1{
	left: 5%;
	top: 17.7%;
	width: 18.8%;
	height: 47.7%;
	background-image: url("images/p8-1.png");
}

.p8-2{
	left: 28.8%;
	top: 29.7%;
	width: 35.2%;
	height: 55.2%;
	background-image: url("images/p8-2.png");
	z-index: 11;
}

.p8-3{
	left: 59.6%;
	bottom: 0%;
	width: 42.7%;
	height: 89.4%;
	background-image: url("images/p8-3.png");
	background-position: center bottom;
}

.p9-1{
	left: 0%;
	bottom: 0%;
	width: 59.1%;
	height: 65.4%;
	background-image: url("images/p9-1.png");
	background-position: center bottom;
}

.p10-1{
	left: 1.5%;
	bottom: 0%;
	width: 47.8%;
	height: 73.6%;
	background-image: url("images/p10-1.png");
	background-position: center bottom;
	opacity: 1;
}

.p11-1{
	left: 0%;
	top: 16.6%;
	width: 22.9%;
	height: 46.9%;
	background-image: url("images/p11-1.png");
}

.p11-2{
	left: 18.6%;
	bottom: 0%;
	width: 73.2%;
	height: 81.7%;
	background-image: url("images/p11-2.png");
	background-position: center bottom;
}

.p12-1{
	left: 0%;
	bottom: 0%;
	width: 103.1%;
	height: 77.7%;
	background-image: url("images/p12-1.png");
	background-position: center bottom;
}

.p12-2{
	left: 33%;
	bottom: 0%;
	width: 50.8%;
	height: 74.6%;
	background-image: url("images/p12-2.png");
	background-position: center bottom;
}

.p13-1{
	left: 28.7%;
	bottom: 0%;
	width: 129.6%;
	height: 60.3%;
	background-image: url("images/p13-1.png");
	background-position: center bottom;
}

.p13-1 .order1,.p13-1 .order2,.p13-1 .order3{
	width: 37.3%;
	height: 24.4%;
	left: 29.4%;
	top: 67.5%;
}

.p13-1 .order1{
	background-image: url("images/p13-1a.png");
}

.p13-1 .order2{
	background-image: url("images/p13-1b.png");
}

.p13-1 .order3{
	background-image: url("images/p13-1c.png");
}

.p14-1{
	left: 9%;
	top: 11.5%;
	width: 18.3%;
	height: 46.9%;
	background-image: url("images/p14-1.png");
}

.p14-2{
	left: 62%;
	bottom: 0%;
	width: 38%;
	height: 87.6%;
	background-image: url("images/p14-2.png");
	background-position: center bottom;
}

.p15-1{
	left: 60%;
	top: 3%;
	width: 9%;
	height: 14.2%;
	opacity: 1;
}

.p15-1 .order1{
	background-image: url("images/p15-1a.png");
}

.p15-1 .order2{
	background-image: url("images/p15-1b.png");
}

.p15-1 .order3{
	background-image: url("images/p15-1c.png");
}

.p15-1 .order4{
	background-image: url("images/p15-1d.png");
}

.p15-2{
	left: 15.7%;
	top: 76.7%;
	width: 37.7%;
	height: 15.4%;
	opacity: 1;
}

.p15-2 .order1{
	background-image: url("images/p15-2a.png");
}

.p15-2 .order2{
	background-image: url("images/p15-2b.png");
}

.p15-2 .order3{
	background-image: url("images/p15-2c.png");
}

.p16-1{
	left: 38%;
	bottom: 0%;
	width: 46.5%;
	height: 90.5%;
	background-image: url("images/p16-1.png");
	background-position: center bottom;
}

.p17-1{
	left: 67.8%;
	top: 8.3%;
	width: 30.2%;
	height: 25.2%;
	background-image: url("images/p17-1.png");
}

.p18-1{
	left: 3.7%;
	top: 58.3%;
	width: 30.2%;
	height: 31.3%;
	background-image: url("images/p18-1.png");
}

.p18-2{
	left: 24.4%;
	bottom: 0%;
	width: 75.6%;
	height: 91.5%;
	overflow: hidden;
}

.p18-2 img{
	height: 100%;
	max-width: none;
}

.p18-3{
	left: 73.5%;
	top: 12%;
	width: 23.1%;
	height: 50%;
	background-image: url("images/p18-3.png");
}

.bg18b{
	top: 0px;
	right: -10em;
	height: 100%;
	width: 10em;
	background: url("images/bg18b.jpg") no-repeat left center;
	background-size: auto 100%;
}

.bg18b img{
	height: 100%;
	width: auto;
}

.word{
	z-index: 99;
}

.w2-1{
	width: 18.6%;
	height: 48.2%;
	left: 30.2%;
	top: 47.6%;
	background-image: url("images/links/w2-1.png");
}

.w2-1 .link1{
	height: 9.7%;
	width: 51.5%;
	left: 13.8%;
	top: 12.1%;
	z-index: 12;
}

.w2-1 .link2{
	height: 7.5%;
	width: 22.6%;
	left: 13.8%;
	top: 70%;
}

.w2-2{
	width: 18.1%;
	height: 28.2%;
	left: 67%;
	top: 16.5%;
	background-image: url("images/links/w2-2.png");
}

.w2-2 a{
	height: 10%;
	top: 65%;
	width: 20%;
}

.w2-2 .link1{
	height: 15%;
	width: 68%;
	left: 9%;
	top: 19%;
}

.w2-2 .link2{
	left: 8.5%;
}

.w2-2 .link3{
	left: 30%;
}

.w2-2 .link4{
	left: 51.5%;
}

.w2-2 .link5{
	left: 73%;
}

.w3-2{
	width: 18%;
	height: 28.2%;
	left: 50.7%;
	top: 16.6%;
	background-image: url("images/links/w3-2.png");
}

.w3-2 a{
	height: 10%;
	width: 23.5%;
}

.w3-2 .link1{
	left: 10%;
	top: 18%;
	height: 14%;
	width: 40%;
}

.w3-2 .link2{
	left: 10%;
	top: 61%;
}

.w3-2 .link3{
	left: 36.5%;
	top: 61%;
}

.w3-2 .link4{
	left: 64%;
	top: 61%;
}

.w3-2 .link5{
	left: 10%;
	top: 73.5%;
}

.w3-2 .link6{
	left: 36.5%;
	top: 73.5%;
	width: 30%;
}

.w4-1{
	width: 24%;
	height: 24.5%;
	left: -8%;
	top: 27%;
	background-image: url("images/links/w4-1.png");
	z-index: 11;
}

.w4-1 .link1{
	left: 9.5%;
	top: 18%;
	height: 14%;
	width: 36%;
}

.w4-1 .link2{
	left: 9.5%;
	top: 66%;
	height: 14%;
	width: 32%;
}

.w4-2{
	width: 21.8%;
	height: 25.8%;
	left: 61.5%;
	top: 26%;
	background-image: url("images/links/w4-2.png");
}

.w4-2 a{
	height: 10%;
	width: 66%;
	left: 14.2%;
}

.w4-2 .link1{
	top: 17%;
	height: 15%;
}

.w4-2 .link2{
	top: 64.5%;
}

.w4-2 .link3{
	top: 75.5%;
}

.w5{
	width: 23.5%;
	height: 25%;
	left: 25%;
	top: 27%;
	background-image: url("images/links/w5.png");
}

.w5 .link1{
	left: 12%;
	top: 17%;
	height: 15%;
	width: 58%;
}

.w5 .link2{
	left: 12%;
	top: 67%;
	height: 10%;
	width: 30%;
}

.w6-1{
	width: 32.4%;
	height: 60.4%;
	left: 14.8%;
	top: 5%;
	background-image: url("images/links/w6-1.png");
}

.w6-1 a{
	height: 5.2%;
	width: 11%;
}

.w6-1 .link1{
	top: 10%;
	left: 23%;
	height: 6%;
	width: 20%;
}

.w6-1 .link2{
	top: 28.5%;
	left: 23%;
}

.w6-1 .link3{
	top: 28.5%;
	left: 35%;
}

.w6-1 .link4{
	top: 35%;
	left: 13%;
	height: 6%;
	width: 35%;
}

.w6-1 .link5{
	top: 53.8%;
	left: 13%;
}

.w6-1 .link6{
	top: 53.8%;
	left: 24.5%;
}

.w6-1 .link7{
	top: 53.8%;
	left: 36%;
}

.w6-1 .link8{
	top: 53.8%;
	left: 48%;
}

.w6-1 .link9{
	top: 60.5%;
	left: 17.6%;
	height: 6%;
	width: 20%;
}

.w6-1 .link10{
	top: 78.3%;
	left: 17.6%;
}

.w6-1 .link11{
	top: 46%;
	left: 75.5%;
	height: 6%;
	width: 15%;
}

.w6-1 .link12{
	top: 65.2%;
	left: 75.5%;
}

.w6-2{
	width: 11.7%;
	height: 20.8%;
	left: 76%;
	top: 50.5%;
	background-image: url("images/links/w6-2.png");
}

.w6-2 .link1{
	top: 15%;
	left: 13%;
	height: 20%;
	width: 30%;
}

.w6-2 .link2{
	top: 70%;
	left: 13%;
	height: 12%;
	width: 30%;
}

.w7-1{
	width: 18.6%;
	height: 24.2%;
	left: 22%;
	top: 36.5%;
	background-image: url("images/links/w7-1.png");
}

.w7-1 .link1{
	top: 18%;
	left: 10%;
	height: 20%;
	width: 80%;
}

.w7-1 .link2{
	top: 68%;
	left: 10%;
	height: 12%;
	width: 30%;
}

.w7-2{
	width: 17.8%;
	height: 24.7%;
	left: 51%;
	top: 21%;
	background-image: url("images/links/w7-2.png");
}

.w7-2 .link1{
	top: 15%;
	left: 10%;
	height: 18%;
	width: 70%;
}

.w7-2 .link2{
	top: 75%;
	left: 10%;
	height: 12%;
	width: 30%;
}

.w7-3{
	width: 18.4%;
	height: 24.4%;
	left: 81%;
	top: 51%;
	background-image: url("images/links/w7-3.png");
}

.w7-3 .link1{
	top: 15%;
	left: 12%;
	height: 18%;
	width: 60%;
}

.w7-3 .link2{
	top: 75%;
	left: 12%;
	height: 12%;
	width: 30%;
}

.w8-1{
	width: 20.8%;
	height: 25.5%;
	left: 25%;
	top: 54%;
	background-image: url("images/links/w8-1.png");
}

.w8-1 a{
	height: 12.5%;
	width: 24.4%;
	top: 69.8%;
}

.w8-1 .link1{
	left: 10.7%;
	top: 14.5%;
	height: 15%;
}

.w8-1 .link2{
	left: 10.7%;
}

.w8-1 .link3{
	left: 37.9%;
}

.w8-1 .link4{
	left: 64.8%;
}

.w8-2{
	width: 20.2%;
	height: 23%;
	left: 65.5%;
	top: 54%;
	background-image: url("images/links/w8-2.png");
}

.w8-2 .link1{
	left: 11%;
	top: 15%;
	width: 30%;
	height: 15%;
}

.w8-2 .link2{
	left: 11%;
	top: 77%;
	width: 25%;
	height: 12%;
}

.w9-1{
	width: 26.8%;
	height: 26%;
	left: -6%;
	top: 16%;
	background-image: url("images/links/w9-1.png");
}

.w9-1 .link1{
	left: 12%;
	top: 18%;
	width: 70%;
	height: 15%;
}

.w9-1 .link2{
	left: 12%;
	top: 73%;
	width: 30%;
	height: 12%;
}

.w9-2{
	width: 28.9%;
	height: 24.4%;
	left: 8%;
	top: 56%;
	background-image: url("images/links/w9-2.png");
}

.w9-2 .link1{
	left: 15%;
	top: 15%;
	width: 30%;
	height: 15%;
}

.w9-2 .link2{
	left: 15%;
	top: 75%;
	width: 25%;
	height: 12%;
}

.w9-3{
	width: 30.3%;
	height: 45.5%;
	left: 60%;
	top: 16%;
	background-image: url("images/links/w9-3.png");
}

.w9-3 a{
	width: 28%;
	height: 9%;
}

.w9-3 .link1{
	left: 9%;
	top: 10%;
	width: 85%;
}

.w9-3 .link2{
	left: 9%;
	top: 41%;
}

.w9-3 .link3{
	left: 17%;
	top: 51.5%;
	width: 70%;
}

.w9-3 .link4{
	left: 17%;
	top: 83%;
}

.w10-1{
	width: 19%;
	height: 24.5%;
	left: 30%;
	top: 38%;
	background-image: url("images/links/w10-1.png");
}

.w10-1 .link1{
	left: 9%;
	top: 15%;
	width: 40%;
	height: 15%;
}

.w10-1 .link2{
	left: 9%;
	top: 75%;
	width: 30%;
	height: 10%;
}

.w10-2{
	width: 19.7%;
	height: 27.3%;
	left: 72%;
	top: 38%;
	background-image: url("images/links/w10-2.png");
}

.w10-2 .link1{
	left: 12.5%;
	top: 20%;
	width: 61%;
	height: 15%;
}

.w10-2 .link2{
	left: 12.5%;
	top: 71%;
	width: 25%;
	height: 10%;
}

.w11{
	width: 23.3%;
	height: 24.4%;
	left: 69.5%;
	top: 53%;
	background-image: url("images/links/w11.png");
}

.w11 .link1{
	left: 12.5%;
	top: 14%;
	width: 35%;
	height: 15%;
}

.w11 .link2{
	left: 12.5%;
	top: 74%;
	width: 30%;
	height: 10%;
}

.w12-1{
	width: 20.8%;
	height: 24.4%;
	left: 0%;
	top: 22%;
	background-image: url("images/links/w12-1.png");
}

.w12-1 .link1{
	left: 12.5%;
	top: 15%;
	width: 30%;
	height: 15%;
}

.w12-1 .link2{
	left: 12.5%;
	top: 75%;
	width: 28%;
	height: 10%;
}

.w12-1 .link3{
	left: 39%;
	top: 75%;
	width: 28%;
	height: 10%;
}

.w12-2{
	width: 20.1%;
	height: 24.8%;
	left: 48.5%;
	top: 53%;
	background-image: url("images/links/w12-2.png");
}

.w12-2 .link1{
	left: 12.5%;
	top: 15%;
	width: 30%;
	height: 15%;
}

.w12-2 .link2{
	left: 12.5%;
	top: 74%;
	width: 30%;
	height: 10%;
}

.w13-1{
	width: 43.8%;
	height: 60.2%;
	left: -8%;
	top: 25.5%;
	background-image: url("images/links/w13-1.png");
}

.w13-1 a{
	width: 20.5%;
	height: 7%;
}

.w13-1 .link1{
	left: 14.7%;
	top: 6%;
	height: 8%;
	width: 30%;
}

.w13-1 .link2{
	left: 14.7%;
	top: 27.5%;
}

.w13-1 .link3{
	left: 14.7%;
	top: 35%;
	height: 8%;
	width: 30%;
}

.w13-1 .link4{
	left: 14.7%;
	top: 59.2%;
}

.w13-1 .link5{
	left: 12%;
	top: 66.7%;
	height: 8%;
	width: 30%;
}

.w13-1 .link6{
	left: 12%;
	top: 87%;
}

.w13-1 .link7{
	left: 35%;
	top: 87%;
}

.w13-2{
	width: 35.4%;
	height: 24.5%;
	left: 56.5%;
	top: 13%;
	background-image: url("images/links/w13-2.png");
}

.w13-2 .link1{
	left: 12%;
	top: 15%;
	width: 25%;
	height: 15%;
}

.w13-2 .link2{
	left: 12%;
	top: 75%;
	width: 25%;
	height: 10%;
}

.w13-3{
	width: 33%;
	height: 20.6%;
	left: 81.7%;
	top: 67.7%;
	background-image: url("images/links/w13-3.png");
}

.w13-3 .link1{
	left: 12%;
	top: 15%;
	width: 70%;
	height: 18%;
}

.w13-3 .link2{
	left: 12%;
	top: 72%;
	width: 30%;
	height: 10%;
}

.w14-1{
	width: 19.5%;
	height: 24.5%;
	left: 40%;
	top: 39%;
	background-image: url("images/links/w14-1.png");
}

.w14-1 a{
	width: 25.3%;
	height: 15%;
	top: 71%;
}

.w14-1 .link1{
	top: 15%;
	left: 10.5%;
	width: 40%;
}

.w14-1 .link2{
	left: 10.5%;
}

.w14-1 .link3{
	left: 36.8%;
}

.w14-1 .link4{
	left: 64.7%;
}

.w14-2{
	width: 19.5%;
	height: 19.4%;
	left: 92%;
	top: 20%;
	background-image: url("images/links/w14-2.png");
}

.w14-2 .link1{
	left: 12%;
	top: 20%;
	width: 70%;
	height: 18%;
}

.w14-2 .link2{
	left: 12%;
	top: 68%;
	width: 30%;
	height: 10%;
}

.w15-1{
	width: 28.8%;
	height: 41.4%;
	left: 25.3%;
	top: 20%;
	background-image: url("images/links/w15-1.png");
}

.w15-1 a{
	width: 23.2%;
	height: 10%;
	left: 17%;
}

.w15-1 .link1{
	top: 8%;
	width: 35%;
}

.w15-1 .link2{
	top: 35%;
}

.w15-1 .link3{
	top: 53%;
	width: 50%;
}

.w15-1 .link4{
	top: 80%;
}

.w15-1 .link5{
	left: 43%;
	top: 80%;
}

.w15-2{
	width: 26.3%;
	height: 24.5%;
	left: 89.2%;
	top: 20%;
	background-image: url("images/links/w15-2.png");
}

.w15-2 .link1{
	left: 11%;
	top: 15%;
	width: 30%;
	height: 18%;
}

.w15-2 .link2{
	left: 11%;
	top: 75%;
	width: 30%;
	height: 10%;
}

.w16-1{
	width: 35.7%;
	height: 22.5%;
	left: 50%;
	top: 45.3%;
	background-image: url("images/links/w16-1.png");
}

.w16-1 .link1{
	left: 15%;
	top: 15%;
	width: 40%;
	height: 18%;
}

.w16-1 .link2{
	left: 15%;
	top: 68%;
	width: 30%;
	height: 10%;
}

.w16-2{
	width: 39.4%;
	height: 22.7%;
	left: 93%;
	top: 20%;
	background-image: url("images/links/w16-2.png");
}

.w16-2 .link1{
	left: 10%;
	top: 16%;
	width: 60%;
	height: 18%;
}

.w16-2 .link2{
	left: 10%;
	top: 71%;
	width: 30%;
	height: 10%;
}

.w16-2 .link3{
	left: 40%;
	top: 71%;
	width: 30%;
	height: 10%;
}

.w17{
	width: 24.8%;
	height: 39.4%;
	left: 35.3%;
	top: 20%;
	background-image: url("images/links/w17.png");
}

.w17 .link1{
	left: 10%;
	top: 8%;
	width: 60%;
	height: 12%;
}

.w17 .link2{
	left: 10%;
	top: 31%;
	width: 28%;
	height: 10%;
}

.w17 .link3{
	left: 10%;
	top: 49%;
	width: 30%;
	height: 12%;
}

.w17 .link4{
	left: 10%;
	top: 79%;
	width: 28%;
	height: 10%;
}

.w18{
	width: 21.7%;
	height: 22.7%;
	left: 12%;
	top: 20%;
	background-image: url("images/links/w18.png");
}

.w18 .link1{
	left: 8%;
	top: 17.5%;
	width: 80%;
	height: 15%;
}

.w18 .link2{
	left: 10%;
	top: 71%;
	width: 28%;
	height: 10%;
}


@media only screen and (orientation: portrait) {
	#phone_note{
		position: fixed;
		z-index: 10000;
		left: 0%;
		top: 0%;
		width: 100%;
		height: 100%;
		background: url("images/phone3.jpg");
	}
	#phone_note .text{
		position: absolute;
		width: 85%;
		height: 13.3%;
		left: 7.5%;
		top: 32%;
		background: url("images/phone1.png") no-repeat center center;
		background-size: contain;
	}
	#phone_note .close{
		position: absolute;
		width: 7.4%;
		height: 4.5%;
		left: 46.3%;
		top: 68.2%;
		background: url("images/phone2.png") no-repeat center center;
		background-size: contain;
		cursor: pointer;
	}
}



.layout{
	background-size: 100% 100%;
}

.layout .bg{
	opacity: 0;
}

#layout1{ background-image: url("images/bg1.jpg"); }
#layout2{ background-image: url("images/bg2.jpg"); }
#layout3{ background-image: url("images/bg3.jpg"); }
#layout4{ background-image: url("images/bg4.jpg"); }
#layout5{ background-image: url("images/bg5.jpg"); }
#layout6{ background-image: url("images/bg6.jpg"); }
#layout7{ background-image: url("images/bg7.jpg"); }
#layout8{ background-image: url("images/bg8.jpg"); }
#layout9{ background-image: url("images/bg9.jpg"); }
#layout10{ background-image: url("images/bg10.jpg"); }
#layout11{ background-image: url("images/bg11.jpg"); }
#layout12{ background-image: url("images/bg12.jpg"); }
#layout13{ background-image: url("images/bg13.jpg"); }
#layout14{ background-image: url("images/bg14.jpg"); }
#layout15{ background-image: url("images/bg15.jpg"); }
#layout16{ background-image: url("images/bg16.jpg"); }
#layout17{ background-image: url("images/bg17.jpg"); }
#layout18{ background-image: url("images/bg18.jpg"); }