@charset "utf-8";

[class^="scene-"].active .main_txt{visibility:visible !important;}
[class^="scene-"].active .sub_txt{visibility:visible !important;}
[class^="scene-"].active .mobile_wrap{visibility:visible !important;}
[class^="scene-"].active .vi_wrap{visibility:visible !important;}
[class^="scene-"].active .cont_wrap .info_wrap{visibility:visible !important;}

.anchur { position:absolute; top:-50px; }

@media screen and (min-width:1201px) {
[class^="scene-"] { position:relative; width:100%; }
[class^="scene-"] .inner { position:relative; z-index:1; }
[class^="scene-"] .cont_wrap { overflow:hidden; }
[class^="scene-"] .main_txt { position: relative; visibility:hidden; }
[class^="scene-"] .sub_txt { position: relative; visibility:hidden; }
[class^="scene-"] .mobile_wrap { position: relative; visibility:hidden; }
[class^="scene-"] .vi_wrap { position: relative; visibility:hidden; }
[class^="scene-"] [class^="status_wrap-"] { display: inline-block;}	

.scene-1 { padding:50px 0; background-color:#fff; position:relative; }
.scene-1 .cont_wrap { margin:auto; position:relative; width:1200px; margin:auto; }
.scene-1 .main_txt { position:relative; display:inline-block; vertical-align:top; width:540px; height:720px; background-image:url(/theme/basic/img/sub/map.png); background-position:center; background-size:100%; }
.scene-1 .main_txt span { position:absolute; display:inline-block; padding:2px 4px; border-radius:3px; background-color:#222; color:#999; }
.scene-1 .main_txt #onX { background-color:#06F; color:#fff; }
.scene-1 .sub_txt { overflow:hidden; z-index:1001; display:inline-block; vertical-align:middle; width:49%; }
.scene-1 .sub_txt > div { text-align:left; padding:20px 0; }
.scene-1 .sub_txt h1 { text-align:center; }
.scene-1 .sub_txt h2 { font-size:27px; font-family:'SJ_R'; padding:25px 0; font-family:'SJ_R'; font-weight:normal; text-align:center; border-bottom:1px solid #ddd; }
.scene-1 .sub_txt p { font-size:14px; color:#666; text-align:center; display:inline-block; vertical-align:top; width:49%; height:35px; line-height:35px; background-color:#eee; border:1px solid #ddd; margin-bottom:5px; }

.box01 { top:180px; left:150px; }
.box02 { top:180px; left:90px; }
.box03 { top:210px; left:90px; }
.box04 { top:215px; left:155px; }
.box05 { top:250px; left:95px; }
.box06 { top:265px; left:150px; }
.box07 { top:240px; left:150px; }
}


@media screen and (max-width:1200px) and (min-width:901px) {
[class^="scene-"] { position:relative; width:100%; }
[class^="scene-"] .inner { position:relative; z-index:1; }
[class^="scene-"] .cont_wrap { overflow:hidden; }
[class^="scene-"] .main_txt { position: relative; visibility:hidden; }
[class^="scene-"] .sub_txt { position: relative; visibility:hidden; }
[class^="scene-"] .mobile_wrap { position: relative; visibility:hidden; }
[class^="scene-"] .vi_wrap { position: relative; visibility:hidden; }
[class^="scene-"] [class^="status_wrap-"] { display: inline-block;}	
	
.scene-1 { padding:50px 0; background-color:#fff; position:relative; }
.scene-1 .cont_wrap { margin:auto; position:relative; margin:auto; }
.scene-1 .main_txt { position:relative; display:inline-block; vertical-align:top; width:540px; height:720px; background-image:url(/theme/basic/img/sub/map.png); background-position:center; background-size:100%; }
.scene-1 .main_txt span { position:absolute; display:inline-block; padding:2px 4px; border-radius:3px; background-color:#222; color:#999; }
.scene-1 .main_txt #onX { background-color:#06F; color:#fff; }
.scene-1 .sub_txt { overflow:hidden; z-index:1001; display:inline-block; vertical-align:middle; width:49%; }
.scene-1 .sub_txt > div { text-align:left; padding:20px 0; }
.scene-1 .sub_txt h1 { text-align:center; }
.scene-1 .sub_txt h2 { font-size:27px; font-family:'SJ_R'; padding:25px 0; font-family:'SJ_R'; font-weight:normal; text-align:center; border-bottom:1px solid #ddd; }
.scene-1 .sub_txt p { font-size:14px; color:#666; text-align:center; display:inline-block; vertical-align:top; width:49%; height:35px; line-height:35px; background-color:#eee; border:1px solid #ddd; margin-bottom:5px; }

.box01 { top:180px; left:150px; }
.box02 { top:180px; left:90px; }
.box03 { top:210px; left:90px; }
.box04 { top:215px; left:155px; }
.box05 { top:250px; left:95px; }
.box06 { top:265px; left:150px; }
.box07 { top:240px; left:150px; }
}


@media screen and (max-width:900px) {
[class^="scene-"] { position:relative; width:100%; }
[class^="scene-"] .inner { position:relative; z-index:1; }
[class^="scene-"] .cont_wrap { overflow:hidden; }
[class^="scene-"] .main_txt { position: relative; visibility:hidden; }
[class^="scene-"] .sub_txt { position: relative; visibility:hidden; }
[class^="scene-"] .mobile_wrap { position: relative; visibility:hidden; }
[class^="scene-"] .vi_wrap { position: relative; visibility:hidden; }
[class^="scene-"] [class^="status_wrap-"] { display: inline-block;}	

.scene-1 { padding:50px 20px; background-color:#fff; position:relative; }
.scene-1 .cont_wrap { margin:auto; position:relative; margin:auto; }
.scene-1 .main_txt { position:relative; width:390px; height:520px; background-image:url(/theme/basic/img/sub/map.png); background-position:center; background-size:100%; margin:auto; }
.scene-1 .main_txt span { position:absolute; display:inline-block; padding:2px 4px; border-radius:3px; background-color:#222; color:#999; }
.scene-1 .main_txt #onX { background-color:#06F; color:#fff; }
.scene-1 .sub_txt { overflow:hidden; z-index:1001; }
.scene-1 .sub_txt > div { text-align:left; padding:20px 0; }
.scene-1 .sub_txt h1 { text-align:center; }
.scene-1 .sub_txt h2 { font-size:27px; font-family:'SJ_R'; padding:25px 0; font-family:'SJ_R'; font-weight:normal; text-align:center; border-bottom:1px solid #ddd; }
.scene-1 .sub_txt p { font-size:14px; color:#666; text-align:center; display:inline-block; vertical-align:top; width:49%; height:35px; line-height:35px; background-color:#eee; border:1px solid #ddd; margin-bottom:5px; }

.box01 { top:130px; left:110px; }
.box02 { top:130px; left:70px; }
.box03 { top:150px; left:70px; }
.box04 { top:155px; left:115px; }
.box05 { top:180px; left:75px; }
.box06 { top:200px; left:110px; }
.box07 { top:177px; left:110px; }
}