#tfePopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9989;
	
    visibility: hidden;
    opacity: 0;
    /*transition: visibility 0s linear 500ms, opacity 500ms ease-out;/**/
    animation: tfePopupHideAnimation 500ms ease-out 1;
	
	-webkit-font-size-adjust:100%;
	-moz-font-size-adjust:100%;
	-ms-font-size-adjust:100%;
}
#tfePopup.tfePopupShow {
    visibility: visible;
    opacity: 1;
    /*transition-delay: 0s;/**/
    animation: tfePopupShowAnimation 500ms ease-out 1;
}
@keyframes tfePopupShowAnimation {
    0% {opacity: 0; visibility: visible;}
    100% {opacity: 1; visibility: visible;}
}
@keyframes tfePopupHideAnimation {
    0% {opacity: 1; visibility: visible;}
    100% {opacity: 0; visibility: visible;}
}

#tfePopup .tfePopupOverlay {
	opacity: inherit;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    z-index: 9990;
    background-color: rgba(0,0,0,.50);
}

#tfePopup .tfePopupCloseWrap,
#tfePopup .tfePopupBody {
    position: absolute;
    opacity: inherit;
    overflow: hidden;
    overflow-y: auto;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 960px;
    max-height: 640px;
    box-sizing: border-box;
    padding: 0 !important;
    background-color: #fff !important;
    border-radius: 5px !important;
    z-index: 9991;
}

#tfePopup.tfePopupLead .tfePopupCloseWrap,
#tfePopup.tfePopupLead .tfePopupBody {
    max-width: 360px;
    max-height: 468px;
}
#tfePopup.tfePopupLead .tfePopupBody {
    overflow-y: hidden !important;
	text-align: center;
}

#tfePopup .tfePopupBody .tfePopupBodyWidget {}
#tfePopup .tfePopupBody .tfePopupBodyWidget iframe {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    display: block !important;
    overflow: hidden;
}
#tfePopup .tfePopupBody .tfePopupBodyContent {}

#tfePopup .tfePopupBody.tfePopupWait {
    background-color: #ffffff !important;
    animation: tfePopupWaitAnimation 3s infinite ease-in-out;
}
@keyframes tfePopupWaitAnimation {
    0% {
        background-color: #ffffff;
    }
    50% {
        background-color: #e5e5e5;
    }
    100% {
        background-color: #ffffff;
    }
}

#tfePopup .tfePopupCloseWrap{ z-index:9991; overflow:visible; }
#tfePopup .tfePopupCloseWrap .tfePopupClose{ position:absolute; left:100%; top:0; margin:0 0 10px 10px; width:20px; height:20px; cursor:pointer; }
#tfePopup .tfePopupCloseWrap .tfePopupClose::before,
#tfePopup .tfePopupCloseWrap .tfePopupClose::after{ background-color:#ccc; position: absolute; width:141%; height:2px; content:''; top:50%; left:50%; transform: translate(-50%, -50%) rotate(-45deg); }
#tfePopup .tfePopupCloseWrap .tfePopupClose::after{ transform: translate(-50%, -50%) rotate(45deg);  }

#tfePopup .tfePopupCloseWrap .tfePopupClose:hover::before,
#tfePopup .tfePopupCloseWrap .tfePopupClose:hover::after{ background-color:#fff; }

.tfe-embed-wrapper,
#tfePopup .tfePopupBody,
#tfePopupBodyContent{ 
	-webkit-overflow-scrolling: touch !important;
  	overflow-y: scroll !important;
}
.tfe-embed-wrapper:empty{
	overflow-y: hidden !important;
}

@media(max-width:1042px){
	#tfePopup .tfePopupCloseWrap,
    #tfePopup .tfePopupBody { height: calc(100% - 20px); }
	#tfePopup .tfePopupCloseWrap .tfePopupClose{ left:auto; top:auto; bottom:100%; right:0; }
}
@media(max-height:720px){
	#tfePopup .tfePopupCloseWrap,
	#tfePopup .tfePopupBody{ margin-bottom:10px; max-height:calc(100% - 10px - 20px - 10px - 10px); }
	#tfePopup .tfePopupCloseWrap .tfePopupClose{ left:auto; top:auto; bottom:100%; right:0; }
}

/* A-TEST bx70462 */
@media(max-width:480px){

	#tfePopup .tfePopupBody{ 
		max-width:none; 
		max-height:none; 
		width:100%; 
		height:100%; 
		margin:0; 
		top:0; 
		left:0; 
		right:0; 
		bottom:0; 
		border-radius:0 !important;
	}

	#tfePopup .tfePopupCloseWrap{
		width:30px;
		height:30px; 
		z-index: 10000;
		top:5px;
		right:10px;
		bottom: auto;
		left: auto;
		border-radius: 0 !important;
		background-color:transparent !important;
	}

	#tfePopup .tfePopupCloseWrap .tfePopupClose{
		top:0; 
		left:0; 
		right:auto; 
		bottom:auto;
		transform:none;
		margin:5px 0 0 5px;
	}
	
	#tfePopup .tfePopupClose:hover::before,
	#tfePopup .tfePopupClose:hover::after{ 
		background-color:#c00; 
	}

	#tfePopup.tfePopupLead .tfePopupCloseWrap, 
	#tfePopup.tfePopupLead .tfePopupBody {
		max-width: 100%;
		max-height: 100%;
	}

}
/* A-TEST bx70462 END */