/* CSS Document */
#trigger {
	/*text-align:center;*/
}

/* Style you custom popupbox according to your requirement */
.popupbox,.popupbox2 {
	width:100%;
	height:100%;
	overflow: hidden;
	/*background-image:url(pop-up_03.png);
	background-repeat:no-repeat;*/
	/*background: #fff;*/
	display: none; /* Hidden as default */
	/*float: left;*/
	position: fixed;
	margin: 0% 0%!important;
	padding: 0% 0% ;
	/*top: 50%; left: 50%;*/
	z-index: 99999;
	/*-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;*/
}

#fade { 
	display: none; /* Hidden as default */
	background: #000;
	position: fixed; 
	/*left: 0; top: 0;*/
	width: 100%; 
	height: 100%;
	opacity: .75;
	z-index: 9999;
}
#intabdiv,.close {
	float: left;
	/*background: #f00;*/
}

#intabdiv{
	float: left;
	width: 100%;
	height: 100%;
	/*padding: 3% 5% ;*/
	overflow: auto;
	background: #fff;
}

.close {
	width: 50px;
	height:50px;
	right: 0px;
	position: fixed;
	float: right;
	background: #7c97ab;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 30px;
	z-index: 2;
	 font-family:Microsoft JhengHei,STHeiti;/*"Ubuntu"sans-serif*/
	 -o-transition:color .3s linear,background .3s linear;
  -webkit-transition:color .3s linear,background .3s linear;
  -moz-transition:color .3s linear,background .3s linear;
  transition:color .3s linear,background .3s linear
}

.close:hover {
	cursor: pointer;
	 background: #6897b8;
}
#intabdiv h3{
	/*color: #754c24;
	font-size: 18px;
	float: left;*/
}

#intabdiv p{
	float: left;
	width: 100%;
	margin: 7% 0;
	line-height: 30px;
	font-size: 16px;
}
#intabdiv ul,#intabdiv ul li{
	width: 100%;
	float: left;
}

@media only screen and (min-width:768px) {

	.popupbox {
		width:90%;
		height:85%;
		overflow: hidden;
		margin: 5% 5%!important;
	}
	#intabdiv {
		float: left;
		width: 92.5%;
		height: 100%;
		overflow: auto;
		background: #fff;
		margin: 15% 0;
	}
	.close {
		width: 75px;
		height:75px;
		position: relative;
		float: right;
		background: #7c97ab;
		text-align: center;
		vertical-align: middle;
		color: #fff;
		font-size: 50px;

	}
}

@media only screen and (min-width:1024px) {
	#intabdiv {
		width: 100%;
	}

}

@media only screen and (min-width:1280px) {
	
	.popupbox {
		width:70%;
		height:85%;
		margin: 5% 15%!important;
		padding: 0% 0% ;
	}

	#intabdiv {
		width: 93%;
	}
}

@media only screen and (min-width:1366px) {
	.popupbox {
		width:70%;
		height:85%;
		margin: 0% 15%!important;
	}
	#intabdiv {
		width: 100%;
	}
}

@media only screen and (min-width:1500px) {

	.popupbox {
		width:55%;
		height:90%;
		margin: 3% 22%!important;
	}
	#intabdiv {
		width: 100%;
	}

	#intabdiv {
		height: 70%;
	}
	
}