@charset "utf-8";

#main_fbox{
	/*background:url(../../../../../images/lb/grid3.png);*/
	background:rgba(0,0,0,0.7);
	position:fixed;
	z-index:1000300;
	width:100%;
	height:100%;
	text-align:center;
	left:0px;
	top:0px;
	visibility:hidden;
	opacity:0;
}
#main_fbox *{
	transition:all 0s 0s;
}
#main_fbox.active *{
	transition: all 0.5s ease 0s;
}
#main_fbox.active{
	visibility: visible;
	opacity:1;
	/*display:block;*/
	/*animation:show_lb 0.3s linear;*/
}
@keyframes show_lb{
	0%{opacity:0}
	100%{opacity:1;}
}


#main_fcontent{
	position:fixed;
	/*background:url(../../../../../images/lb/grid2.png);*/
	color:#ffffff;
	margin:auto;
	top:50%;
	left:50%;
	min-width:200px;
	min-height:200px;
	transform:translate(-50%,-50%);
}



.lb_header{
	padding-bottom:0px;
	color:#fff;
	border-bottom:3px solid #679296;
}
#lb_title{
	font-family:"Montserrat","PingFang","微軟正黑體","Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding:7px 0px 7px;
	font-size: 20px; 
/*	border-radius:10px 10px 0px 0px;*/
/*	color:#8fd4e0;*/
	text-shadow:0px 1px 1px #000;
	min-height:40px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap; 
}
#main_fcontent:hover #lb_close{
	right:-40px;
}

#lb_close {
	background:url(../../../../../images/lb/lb_close_whi.png) no-repeat center center;
	width:40px;
	height:40px;
	right:0;
	top:40px;
	cursor:pointer;
	position:absolute;
	/*border-radius:5px;*/
}
#lb_close:hover{
	background:url(../../../../../images/lb/lb_close.png) no-repeat center center;
	background-color:#ffde00;
}

#main_fdetails{
	
	text-align:left;
	-webkit-overflow-scrolling: touch;
	overflow:hidden;
	width:100%;
	height:300px;
	/*overflow:auto;*/
	background-color:#ffffff;
}
#main_fdetails.loading{
	background:url(../../../../../images/loading2.gif) no-repeat center center;
	background-color:#ffffff;
	transition:all 0.5s, background-position 0s!important;
}
#mf_iframe{
	/*overflow:hidden!important;*/
	position:relative;
	-webkit-overflow-scrolling: touch;
	width:100%;
    height:100%;
 

}