/** 個人戶/信用卡戶 */
.iframe-login {
	position: relative;
	padding-bottom: 2%;
	padding-top: 5%;
	height: 0;
	overflow: hidden;
}

.iframe-login iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

@media ( max-width : 1200px) {
	.iframe-login {
		padding-bottom: 2% !important;
	}
}

@media only screen and (max-device-width : 768px) {
	.iframe-login {
		padding-bottom: 300px !important;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
	.iframe-login {
		padding-bottom: 2% !important;
	}
}

@media only screen and(max-device-width : 767px) {
	.iframe-login {
		padding-bottom: 300px !important;
	}
}

@media ( max-width : 767px) {
	.iframe-login {
		padding-bottom: 300px !important;
	}
}


/** 企業戶 */
.iframe-login2 {
	position: relative;
	padding-bottom: 2%;
	padding-top: 5%;
	height: 0;
	overflow: hidden;
}

.iframe-login2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media ( max-width : 1200px) {
	.iframe-login2 {
		padding-bottom: 2% !important;
	}
}

@media only screen and (max-device-width : 768px) {
	.iframe-login2 {
		padding-bottom: 355px !important;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
	.iframe-login2 {
		padding-bottom: 2% !important;
	}
}

@media only screen and(max-device-width : 767px) {
	.iframe-login2 {
		padding-bottom: 355px !important;
	}
}

@media ( max-width : 767px) {
	.iframe-login2 {
		padding-bottom: 355px !important;
	}
}


/** L3  */
.iframe-rwd {
	position: relative;
	padding-bottom: 90%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.iframe-rwd iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}