/* reset */

*  {margin:0; padding:0;-webkit-overflow-scrolling: touch;}
html, body  {width:100%; height:100%; overflow:hidden; font-family:"Archivo_ExpandedLight", "Microsoft JhengHei", "微软雅黑", "Microsoft YaHei";}

body  {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select:none;
	-webkit-text-size-adjust:none;
	-webkit-touch-callout:none;

	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color:#fff;
}

@supports(padding:max(0px)) {
    body, header, footer {
        padding-left: min(0vmin, env(safe-area-inset-left));
        padding-right: min(0vmin, env(safe-area-inset-right));
    }
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	cursor:pointer;

}
 
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
	border-radius: 10px;
	background-color: #F5F5F5;
}
 

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.0);
	background-color: #555;

}



.clearfix {
    zoom: 1;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }


*:focus  
{  
    outline: none;  
}  

ul {
	list-style: none;
}



/* fonts */
@font-face {
    font-family: 'Archivo_ExpandedLight';
    src: url('../fonts/Archivo_ExpandedLight.eot');
    src: url('../fonts/Archivo_ExpandedLight.eot') format('embedded-opentype'),
         url('../fonts/Archivo_ExpandedLight.woff2') format('woff2'),
         url('../fonts/Archivo_ExpandedLight.woff') format('woff'),
         url('../fonts/Archivo_ExpandedLight.ttf') format('truetype'),
         url('../fonts/Archivo_ExpandedLight.svg#Archivo_ExpandedLight') format('svg');
    font-display: swap;
}




/* stage: basic UI */
h1  {position:fixed; top:40px; left:40px; z-index:600; text-indent:-9999px; display:block; width:70px; height:70px; background:url("../images/logo.svg") no-repeat 0 0; background-size:70px 70px; transition: opacity 500ms ease; opacity:0; transform-origin:center center; cursor:pointer;}

@media screen and (max-width: 360px) {
     h1 {top:6px; left:6px;  background:url("../images/logo.svg") no-repeat 0 0; background-size:40px 40px; height:40px; width:40px;}
}



#lbda_menu  {position:fixed; top:0px; right:0px; z-index:600; opacity:0;transition: opacity 500ms ease; }
	#lbda_menu > ul  {height:52px; font-size:9px; display:block;}
		#lbda_menu > ul >  li  {display:block; float:right; cursor:pointer;}

		#lbda_menu > ul > li:nth-child(4)  {width:52px; height:52px; text-indent:-9999px; background:url(../images/return.png) no-repeat center center rgba(0,0,0,0.4);background-size:20px 20px; position:relative; left:0px; top:-52px; transition: all 200ms ease; }
		#lbda_menu > ul > li:nth-child(4).selected  {top:0px;}
		#lbda_menu > ul > li:nth-child(4).selected:hover  {background:url(../images/return_hover.png) no-repeat center center #fff !important; background-size:20px 20px !important;}

		#lbda_menu > ul > li:nth-child(3) {width:52px; height:52px; text-indent:-9999px; background:url(../images/menu.png) no-repeat center center rgba(0,0,0,0.4);background-size:15px 10px; transition: all 400ms ease;}
        #lbda_menu > ul > li:nth-child(3):hover  {background:url(../images/menu_hover.png) no-repeat center center #fff;background-size:15px 10px;}


		#lbda_menu > ul > li:nth-child(2)  {width:52px; height:52px; text-indent:-9999px; background:url(../images/music_off.png) no-repeat center center rgba(0,0,0,0.4);background-size:20px 20px; position:relative; left:0px top:-52px; transition: all 200ms ease;  }
		#lbda_menu > ul > li:nth-child(2):hover  {background:url(../images/music_off_hover.png) no-repeat center center #fff  !important; background-size:20px 20px  !important;  }
		#lbda_menu > ul > li:nth-child(2).selected  {background:url(../images/music_on.png) no-repeat center center rgba(0,0,0,0.4); background-size:20px 20px;  }
		#lbda_menu > ul > li:nth-child(2).selected:hover  {background:url(../images/music_on_hover.png) no-repeat center center #fff  !important; background-size:20px 20px  !important;  }

 
		#lbda_menu > ul > li:nth-child(1) {width:52px; height:52px;}
			#lbda_menu > ul > li:nth-child(1) > ul {width:52px; height:52px; overflow:hidden;}
				#lbda_menu > ul > li:nth-child(1) > ul  li  {width:52px; height:52px;line-height:52px; text-align:center; position:relative; background-color:rgba(0,0,0,0.4);text-indent:0px; letter-spacing:1px; transition:background-color 300ms ease;}	
				#lbda_menu > ul > li:nth-child(1) > ul  li  a  {font-weight:bold; display:block; width:52px; height:52px;line-height:52px; text-decoration:none; color:#fff; font-size:12px;transform: scale(0.833);}

				#lbda_menu > ul > li:nth-child(1) > ul  li:hover  {background-color:#fff !important;}	
	 				#lbda_menu > ul > li:nth-child(1) > ul  li:hover  a  {text-decoration:none; color:#000;}

			#lbda_menu > ul > li:nth-child(1) > ul:hover  {width:52px; height:104px;}




#renderIsland {
    width: 100%;
    height: 100%;
    touch-action: none;
    position:fixed;
    z-index:100;
    opacity:1;
    transition:all 500ms ease;    
    overflow:hidden;
}

#renderRoom {
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    touch-action: none;
    position:fixed;
    z-index:-1;
    opacity:0;
    transition: opacity 600ms ease;
}

#lbda_loading {
    width: 100%;
    height: 100%;
    touch-action: none;
    position:fixed;
    z-index:1000;
    opacity:1;
    transition:background-color 1000ms ease, opacity 1000ms ease, -webkit-backdrop-filter 3500ms ease, backdrop-filter 3500ms ease;
    background-color: rgba(225,225,225,1);
    overflow: hidden;
    -webkit-backdrop-filter: blur(120px);backdrop-filter: blur(120px);
}


#bgm  {opacity:0; width:0; height:0; overflow:hidden;}


section#lbda_loading.active  {background-color: rgba(145,145,145,0.5); -webkit-backdrop-filter: blur(120px); backdrop-filter: blur(120px);}

    #lbda_loading_logo  {width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; transform-origin: center center; opacity: 1; transition:all 1800ms ease-in;}
    section#lbda_loading.active #lbda_loading_logo  {transform: translate(-50%, -50%) scale(2); opacity: 0;}


@media screen and (min-width: 1025px) {
    #lbda_loading_logo  { transform: translate(-50%, -50%) scale(0.9);}
}

@media screen and (max-width: 1024px) and (min-width: 361px) {

    #lbda_loading_logo  {width: 150px; height: 150px; transform: translate(-50%, -50%) scale(0.9);}
    #lbda_loading  div#lbda_loading_copy p:nth-child(3)  {display: none;}

}

@media screen and (max-width: 360px) {

    #lbda_loading_logo  {transform: translate(-50%, -50%) scale(0.9);}
    #lbda_loading  div#lbda_loading_copy p:nth-child(3)  {display: none;}

}




#lbda_loading_progress  {position: absolute; left: 50%; top: calc(50vh + 100px); transform-origin: center center; transform: translate(-50%, -50%);opacity: 1;transition:opacity 200ms ease; text-align:center; }

    #lbda_loading_progress p {font-size: 17px;  font-weight: bold; color: #fff; text-shadow: 0 0 4px rgb(0 0 0 / 50%); display: block; font-weight: bold; white-space: nowrap; letter-spacing: 2px;}


section#lbda_loading.active #lbda_loading_progress  {opacity: 0;}


#lbda_loading  div#lbda_loading_copy  {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
    #lbda_loading  div#lbda_loading_copy  p  {font-size: 17px; color: #fff;line-height: 25px; display: block; font-weight: bold; text-align: center; margin: 0 0 20px 0; letter-spacing: 2px; min-width: 350px; text-shadow: 0 0 4px rgba(0,0,0,0.5);}
    #lbda_loading  div#lbda_loading_copy  p  span {display: inline-block;background-color: rgba(0,0,0,0.13); border-radius: 4px; padding: 3px;}

        #lbda_loading  div#lbda_loading_copy p:nth-child(1)  {opacity: 0; transition: all 700ms ease 900ms;}
        #lbda_loading  div#lbda_loading_copy p:nth-child(2)  {opacity: 0; transition: all 700ms ease 1300ms;}
        #lbda_loading  div#lbda_loading_copy p:nth-child(3)  {opacity: 0; transition: all 700ms ease 1700ms;}


section#lbda_loading.active  div#lbda_loading_copy p {opacity: 1;}
#lbda_loading  button  {margin: 60px auto 0 auto; display: block; font-size: 11px; color: #000; border: 0; background-color: #fff; cursor: pointer; transition: opacity 700ms ease 2200ms, transform 500ms ease; width: 100px; height: 100px; border-radius: 100px; text-transform : uppercase; letter-spacing: 2px; opacity:0; transform: scale(1); box-shadow: 0 0 4px rgba(0,0,0,0.5); font-weight: bold;}
section#lbda_loading.active  button  {opacity: 1;}
section#lbda_loading.active  button:hover  {transform: scale(1.1);}
#lbda_loading button:disabled {cursor: wait; pointer-events: none;}












#lbda_roomcover {
    width: 100%;
    height: 100%;
    touch-action: none;
    position:fixed;
    z-index:-1;
    opacity:0;
    transition:all 1500ms ease;    
    background: rgba(0,0,0,0.5);
    overflow: hidden;
    -webkit-backdrop-filter: blur(120px);backdrop-filter: blur(120px);
}

section#lbda_roomcover.active  {}

#lbda_roomcover  div  {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
    #lbda_roomcover  div  h3  {fon-size: 16px; color: #fff;line-height: 30px; display: block; text-align: center; margin: 0 0 20px 0; letter-spacing: 2px; min-width: 350px;transition: all 800ms ease 1000ms;}
    #lbda_roomcover  div  p  {fon-size: 13px; color: #fff;line-height: 20px; display: block; text-align: center; margin: 0 0 20px 0; letter-spacing: 2px; min-width: 350px;transition: all 800ms ease 1000ms;}

    #lbda_roomcover  div  span  {font-size: 11px; color: #fff;line-height: 30px; display: block; text-align: center; margin: 20px 0 0 0; letter-spacing: 2px; min-width: 350px;transition: all 800ms ease 1000ms; cursor: pointer;}


section#lbda_roomcover.active  div p {opacity: 1;}
section#lbda_roomcover.active  div h3  {opacity: 1;}




#lbda_roomcover  button  {margin: 60px auto 0 auto; display: block; font-size: 11px; color: #000; border: 0; background-color: #fff; cursor: pointer; width: 110px; height: 110px; border-radius: 110px; text-transform : uppercase; animation:lbda_coverbutton 3s infinite; cursor: wait; transition: all 500ms ease; transform: scale(1); font-weight: bold;}

#lbda_roomcover  button:hover  {transform: scale(1.1);}

section#lbda_roomcover   button.complete  {opacity: 1; animation:lbda_coverbutton2 1s infinite; cursor: pointer;}

@keyframes lbda_coverbutton
{
    0%   {opacity: 100%;}
    50%  {opacity: 0;}
    100% {opacity: 100%;}
}
 

@keyframes lbda_coverbutton2
{
    0%   {opacity: 100%;}
    100% {opacity: 100%;}
}


section#lbda_roomcover.complete  {-webkit-backdrop-filter: blur(120px);backdrop-filter: blur(120px);}




#lbda_note  {width:52px; height:52px;  background:url("../images/note.png") no-repeat center center rgba(0,0,0,0.4); background-size:17px 17px; overflow:hidden; position:fixed; right:0px; bottom:0px; z-index:400; cursor:pointer; transition:opacity 300ms ease, background-color 300ms ease; padding:0px;  opacity:0; }
	#lbda_note  h3, #lbda_note p, #lbda_note  span  {visibility:hidden;}
	#lbda_note  span  {text-indent:-9999px;}


#lbda_note:hover  {background:url("../images/note_hover.png") no-repeat center center #fff;background-size:17px 17px; }


div#lbda_note.active  {width:350px; height:auto; color:#fff; padding:20px; background:rgba(0,0,0,0.4);}

	div#lbda_note.active  h3  {font-size:15px; line-height:35px; visibility:visible; text-transform : uppercase; letter-spacing:1px;}
	div#lbda_note.active  p  {font-size:15px; line-height:23px; visibility:visible; margin-bottom:10px;}
	div#lbda_note.active  span  {position:absolute; width:52px; height:52px;  display:block; cursor:pointer; bottom:0px; right:0px; visibility:visible; background:url(../images/close.png) no-repeat center center; background-size:12px 12px;}



@media screen and (max-width: 360px) {


    div#lbda_note.active  {width: 320px;}


}






 
 






/* menu pages */
#lbda_pages  {z-index:-1; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(254,254,254,0); -webkit-backdrop-filter: blur(120px); backdrop-filter: blur(120px);opacity:0;  transition:all 1000ms ease;  overflow-x:hidden; overflow: hidden;}

#lbda_pages > ul  {transition:all 500ms ease;  width: 100%; height: 100%;}

    #lbda_pages > span.lbda_pages_close  {font-size: 20px;color: #000; position: absolute; z-index: 501; top: 50px; right: 50px;cursor: pointer; display: block; padding: 0 0 0 50px; background: url("../images/return_hover.png") no-repeat 15px 15px; background-size: 20px 20px; height: 50px;line-height: 50px;text-align: right; font-weight: bold;}


    #lbda_pages > ul > li  {position: absolute; left: 50px; height: 80px; transition: all 1000ms ease; overflow: hidden;}
    #lbda_pages > ul > li:hover  {}


    #lbda_pages > ul > li:nth-child(1)   {top: 50px; }
    #lbda_pages > ul > li:nth-child(2)   {top: 130px;}
    #lbda_pages > ul > li:nth-child(3)   {top: 210px;}    
    #lbda_pages > ul > li:nth-child(4)   {top: 290px;}
    #lbda_pages > ul > li:nth-child(5)   {bottom: 0px;}

    #lbda_pages > ul > li.inactive  {position: absolute; top: -300px;}
    #lbda_pages > ul > li.active  { height: auto; top: 50px; width: calc(100% - 100px);}

    #lbda_pages > ul > li:nth-child(3).active  {height: calc(100% - 100px); overflow: auto;}



        #lbda_pages > ul > li > h2 {font-size: 45px; line-height: 80px; letter-spacing: 0px; color: #333; transition: all 300ms ease; opacity: 1; display: block; height: 80px; cursor: pointer;    text-transform : uppercase;  transform-origin: 0 center; }
        #lbda_pages > ul > li > h2:hover  {opacity: 1;   letter-spacing: 5px; color: #000;}


        #lbda_pages > ul > li:nth-child(5) > h2 {font-size: 12px; line-height: 80px; letter-spacing: 0px; color: #333; transition: all 700ms ease; opacity: 1; display: block; height: 80px; cursor: pointer; border: solid 0px #fff;   text-transform : uppercase; transform:scale(1); transform-origin: 0 center; }
        #lbda_pages > ul > li:nth-child(5) > h2:hover  {opacity: 1;  letter-spacing: 1px; color: #000;}


        #lbda_pages > ul > li.active > h2 {font-size: 45px;color: #000; opacity: 1;  transform: scale(1); letter-spacing: 5px;  cursor: default;}
        #lbda_pages > ul > li.inactive > h2  {font-size: 45px; opacity: 0;}

        #lbda_pages > ul > li > div { padding: 72px 0 0 0px; opacity: 0; transition: all 1000ms ease; height: 5px; overflow: hidden;}
        #lbda_pages > ul > li.active > div  {opacity: 1;height: auto; overflow: auto;} 


            #lbda_pages > ul > li > div#lbda_pages_about  {height: calc(100% - 244px); overflow-y: auto;}
            #lbda_pages > ul > li > div#lbda_pages_term  {height: calc(100% - 244px); overflow-y: auto;}            

                #lbda_pages > ul > li > div#lbda_pages_about > p  {color: #333; font-weight: normal; font-size: 36px; line-height: 48px; letter-spacing: 0px; margin: 0 0 30px 0;}
                #lbda_pages > ul > li > div#lbda_pages_contact > p  {color: #333; font-weight: bold; font-size: 18px; line-height: 48px; letter-spacing: 0px; margin: 0 0 30px 0;}
                #lbda_pages > ul > li > div#lbda_pages_term > p  {color: #333;  font-size: 18px; line-height: 31px; letter-spacing: 0px; margin: 0 0 30px 0; padding: 0 20px 0 0;}




        #lbda_collection_content   {}

            #lbda_collection_content  ul  {width: 100%; margin: 0 50px 0 0;}
            #lbda_collection_content  ul  li  {float:left; width:33%; overflow:hidden; cursor:pointer; overflow: hidden; text-align: center;}
                #lbda_collection_content  ul  li  img  { width:100%; height:auto; transform: scale(0.97); transition:500ms ease all; border-radius:2px; transform-origin: center center;}
                #lbda_collection_content  ul  li  img:hover  {transform:scale(1);}

                #lbda_collection_content  ul  li  h3 {font-weight:bold; font-size:24px; line-height:30px; margin:30px 0 0 0; color: #000;letter-spacing:2px; text-align: center;}
                #lbda_collection_content  ul  li  p {font-weight:normal; font-size:20px;line-height:54px; color: #000;letter-spacing:1px; text-align: center;}


 



        @media screen and (max-width: 360px) {

            #lbda_pages > ul  {transition:all 500ms ease;}
            #lbda_pages > ul > li  {height: 50px; left: 30px;}


            #lbda_pages > span.lbda_pages_close  {font-size: 15px;color: #000; position: absolute; z-index: 501; top: 43px; right: 30px;cursor: pointer; display: block; padding: 0 0 0 30px; background: url("../images/return_hover.png") no-repeat 5px 15px; background-size: 20px 20px; height: 50px;line-height: 50px;text-align: right; font-weight: bold;}


            #lbda_pages > ul > li:nth-child(1)   {top: 50px; }
            #lbda_pages > ul > li:nth-child(2)   {top: 100px;}
            #lbda_pages > ul > li:nth-child(3)   {top: 150px;}    
            #lbda_pages > ul > li:nth-child(4)   {top: 200px;}
            #lbda_pages > ul > li:nth-child(5)   {bottom: 0px; }

            #lbda_pages > ul > li.inactive  {position: absolute; top: -300px;  }
            #lbda_pages > ul > li.active  {height: 93%; top: 50px;  overflow: auto; width: calc(100% - 50px);}

                #lbda_pages > ul > li > h2 {font-size: 26px; line-height: 45px; letter-spacing: 0px; color: #333; transition: all 300ms ease; opacity: 1; display: block; height: 50px; cursor: pointer;    text-transform : uppercase;  }
                #lbda_pages > ul > li > h2:hover  {opacity: 1; letter-spacing: 4px; color: #000;}


                #lbda_pages > ul > li:nth-child(5) > h2 {font-size: 12px; line-height: 45px; letter-spacing: 1px; color: #333; transition: all 700ms ease; opacity: 1; display: block; height: 50px; cursor: pointer; border: solid 0px #fff;   text-transform : uppercase; transform:scale(1); transform-origin: 0 center; }
                #lbda_pages > ul > li:nth-child(5) > h2:hover  {opacity: 1;   transform: scale(1); letter-spacing: 2px; color: #000;}


                #lbda_pages > ul > li.active > h2 {font-size: 26px;color: #000; opacity: 1;  transform: scale(1); letter-spacing: 0px;  cursor: default;}
                #lbda_pages > ul > li.inactive > h2  {font-size: 26px; opacity: 0;}

                #lbda_pages > ul > li > div { padding: 25px 0 0 0px; opacity: 0; transition: all 1000ms ease; height: 0px; overflow: hidden;}
                #lbda_pages > ul > li.active > div  {opacity: 1;height: auto; overflow: auto;} 


                    #lbda_pages > ul > li > div#lbda_pages_about  {padding: 25px 10px 0 0; height: calc(100% - 100px);}
                        #lbda_pages > ul > li > div#lbda_pages_about > p  {color: #333; font-weight: bold; font-size: 17px; line-height: 24px; letter-spacing: 1px; margin: 0 0 30px 0;}
                        #lbda_pages > ul > li > div#lbda_pages_contact > p  {color: #333; font-weight: bold; font-size: 12px; line-height: 48px; letter-spacing: 0px; margin: 0 0 30px 0;}
                        #lbda_pages > ul > li > div#lbda_pages_term > p  {color: #333; font-weight: bold; font-size: 12px; line-height: 48px; letter-spacing: 0px; margin: 0 0 30px 0;}


                #lbda_collection_content   {}
                    #lbda_collection_content  ul  {width: 100%;}                
                    #lbda_collection_content  ul  li  {float:left; width:130px; margin: 0 20px 0 0;overflow:hidden; cursor:pointer; overflow: hidden; text-align: center;}
                        #lbda_collection_content  ul  li  img  { width:130px; height:auto; border-radius:2px; transform: scale(0.98); transform-origin: center center;}
                        #lbda_collection_content  ul  li  h3 {font-weight:bold; font-size:16px; line-height:30px; color: #000; letter-spacing:0px; text-align: center; margin: 15px 0 0 0;}
                        #lbda_collection_content  ul  li  p {font-weight:normal; font-size:12px;line-height:22px; text-align: center; color: #000;letter-spacing:1px;margin: 0 0 30px 0;}


        }






/* operation note */

aside  {width: auto; height: 40px; line-height: 40px; text-align: center; border-radius: 40px; background: rgba(0,0,0,0.5); color: #fff; font-size: 13px; position: fixed; top: 40px; padding: 0 40px 0 40px; z-index: 600; left: 50%; transform: translate(-50%, 0); opacity: 0; transition: opacity 500ms ease;}

@media screen and (max-width: 600px) {
    aside {display:none !important;}
}






/* scene switch panel */
#lbda_panel  {position: fixed; left: 50%;   transform: translate(-50%, 0px);  height:40px; bottom: 40px; z-index: 600; opacity: 0; transition: opacity 400ms ease, bottom 400ms ease; color: #000;}

#lbda_panel  li:nth-child(1)  {display: inline-block; width: 40px; height: 40px; border-radius: 40px; background-color: #fff; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); font-size: 15px; text-align: center; font-weight: bold; line-height: 40px; cursor: pointer;  overflow: hidden; transform: scale(1); transition: transform 300ms ease;}

#lbda_panel  li:nth-child(2)  {display: inline-block; min-width: 100px; padding: 0 20px 0 20px;height: 40px; border-radius: 40px; background-color: #fff; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); font-size: 15px; transition: width 300ms ease; text-align: center; font-weight: bold; line-height: 40px;   overflow: hidden; margin: 0 5px 0 5px;}

#lbda_panel  li:nth-child(3)  {display: inline-block; width: 40px; height: 40px; border-radius: 40px; background-color: #fff; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); font-size: 15px; text-align: center; font-weight: bold; line-height: 40px; cursor: pointer;    overflow: hidden; transform: scale(1); transition: transform 300ms ease;}


#lbda_panel  li:nth-child(1): hover  {transform: scale(1.2);}
#lbda_panel  li:nth-child(3): hover  {transform: scale(1.2);}


@media screen and (max-width: 360px) {


    #lbda_panel  {width: 250px;}


}

@media screen and (max-width: 600px) {

    #lbda_panel  {display:flex; align-items:center; justify-content:center; gap:5px; width:calc(100% - 24px);}
    #lbda_panel  li:nth-child(1),
    #lbda_panel  li:nth-child(3)  {flex:0 0 40px;}
    #lbda_panel  li:nth-child(2)  {flex:0 1 auto; min-width:0; max-width:calc(100% - 90px); margin:0; padding:0 16px; white-space:nowrap; text-overflow:ellipsis;}

}


/* copyright */
#cpr {position: absolute; left: 40px; bottom: 20px; font-size: 12px; color: #fff; z-index: 400; text-shadow: 0 0 3px #000;}


@media screen and (max-width: 360px) {

    #cpr {display: none;}

}






/* tips */
.lbda_tip  {touch-action: manipulation; z-index:400; position:fixed; top:0; left:0; opacity:0; transition:opacity 350ms ease; display: block; padding: 0 20px 0 40px; border-radius: 40px; height:40px; line-height: 40px; background: url(../images/spot_region.png) no-repeat 0 0 rgba(254,254,254,0.6); background-size: 40px 40px; text-align:center; overflow: hidden; cursor: pointer;}