#mainPopup { position:relative; background:#4f5b7b; display: table; width: 35%; height: 60%; padding:10px 10px 40px;}
#mainPopup .popupTab-content {display:none; padding:15px 5px 5px 5px;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    margin-top: 5%;
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */                          
    left: -20%;  
}

#mainPopup.imgPopup{padding: 0 0 37px 0;width: 500px;height:auto;} 
#mainPopup.imgPopup .popBox{position: relative;background: none;}  
#mainPopup.imgPopup .popBox .popupTab-content{padding: 0; height: auto;} 
#mainPopup.imgPopup .popBox .popupTab-content .img{margin-bottom: 0; border:0;}
#mainPopup.imgPopup .popupTitle{padding: 0}
#mainPopup.imgPopup .popBox .close span:before {background: #666; }
#mainPopup.imgPopup .popBox .close span:after {background: #666; }
#mainPopup.imgPopup .popBox .link01{width: 270px;height: 35px;left: calc(50% - 135px);top:165px;}
#mainPopup.imgPopup .popBox .link02{width: 200px;height: 235px;left: 75px;top:300px;}
#mainPopup.imgPopup .popBox .link03{width: 200px;height: 235px;right: 75px;top:300px;}
#mainPopup.imgPopup .popBox .link01 i{width: 100%; height: 100%; color: transparent; display: block; background-image: url("../images/transparent.png");}
#mainPopup.imgPopup .popBox .link02 i{width: 100%; height: 100%; color: transparent; display: block; background-image: url("../images/transparent.png");}
#mainPopup.imgPopup .popBox .link03 i{width: 100%; height: 100%; color: transparent; display: block; background-image: url("../images/transparent.png");}


#mainPopup2 { position:relative; background:#4f5b7b; display: table; width: 35%; height: 60%; padding:10px 10px 40px;}
#mainPopup2 .popupTab2-content {display:none; padding:15px 5px 5px 5px;}

/* The modal2 (background) */
.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
/*     background-color: rgb(0,0,0); /* Fallback color */
/*     background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* modal2 Content/Box */
.modal2-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    margin-top: 5%;
    padding: 20px;
    left: 0%;  
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */                          
}

#mainPopup2.imgPopup{padding: 0 0 37px 0;width: 500px;height:auto;} 
#mainPopup2.imgPopup .popBox{position: relative;background: none;}  
#mainPopup2.imgPopup .popBox .popupTab2-content{position:relative; padding: 0; height: auto;} 
#mainPopup2.imgPopup .popBox .popupTab2-content .img{margin-bottom: 0; border:0;}
#mainPopup2.imgPopup .popBox .popupTab2-content>a{display: inline-block;z-index: 999;}
#mainPopup2.imgPopup .popupTitle{padding: 0}
#mainPopup2.imgPopup .popBox .close span:before {background: #666; }
#mainPopup2.imgPopup .popBox .close span:after {background: #666; }
#mainPopup2.imgPopup .popBox .link01{width: 270px;height: 35px;left: calc(50% - 135px);top:165px;}
#mainPopup2.imgPopup .popBox .link02{width: 200px;height: 235px;left: 75px;top:300px;}
#mainPopup2.imgPopup .popBox .link03{width: 200px;height: 235px;right: 75px;top:300px;}
#mainPopup2.imgPopup .popBox .link01 i{width: 100%; height: 100%; color: transparent; display: block; background-image: url("../images/transparent.png");}
#mainPopup2.imgPopup .popBox .link02 i{width: 100%; height: 100%; color: transparent; display: block; background-image: url("../images/transparent.png");}
#mainPopup2.imgPopup .popBox .link03 i{width: 100%; height: 100%; color: transparent; display: block; background-image: url("../images/transparent.png");}

#mainPopup3 { position:relative; background:#4f5b7b; display: table; width: 35%; height: 60%; padding:10px 10px 40px;}
#mainPopup3 .popupTab3-content {display:none; padding:15px 5px 5px 5px;}

/* The modal3 (background) */
.modal3 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
/*     background-color: rgb(0,0,0); /* Fallback color */
/*     background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* modal3 Content/Box */
.modal3-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    margin-top: 5%;
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */                          
    left: 20%;  
}

#mainPopup3.imgPopup{padding: 0 0 37px 0;width: 500px;height:auto;} 
#mainPopup3.imgPopup .popBox{position: relative;background: none;}  
#mainPopup3.imgPopup .popBox .popupTab2-content{position:relative; padding: 0; height: auto;} 
#mainPopup3.imgPopup .popBox .popupTab2-content .img{margin-bottom: 0; border:0;}
#mainPopup3.imgPopup .popBox .popupTab2-content>a{display: inline-block;z-index: 999;}
#mainPopup3.imgPopup .popupTitle{padding: 0}
#mainPopup3.imgPopup .popBox .close span:before {background: #666; }
#mainPopup3.imgPopup .popBox .close span:after {background: #666; }
#mainPopup3.imgPopup .popBox .link01{width: 270px;height: 35px;left: calc(50% - 135px);top:165px;}
#mainPopup3.imgPopup .popBox .link02{width: 200px;height: 235px;left: 75px;top:300px;}
#mainPopup3.imgPopup .popBox .link03{width: 200px;height: 235px;right: 75px;top:300px;}
#mainPopup3.imgPopup .popBox .link01 i{width: 100%; height: 100%; color: transparent; display: block; background-image: url("../images/transparent.png");}
#mainPopup3.imgPopup .popBox .link02 i{width: 100%; height: 100%; color: transparent; display: block; background-image: url("../images/transparent.png");}
#mainPopup3.imgPopup .popBox .link03 i{width: 100%; height: 100%; color: transparent; display: block; background-image: url("../images/transparent.png");}

#mainPopup4 { position:relative; background:#4f5b7b; display: table; width: 35%; height: 60%; padding:10px 10px 40px;}
#mainPopup4 .popupTab4-content {display:none; padding:0;}

/* The modal3 (background) */
.modal4 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
/*     background-color: rgb(0,0,0); /* Fallback color */
/*     background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* modal3 Content/Box */
.modal4-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    margin-top: 5%;
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */                          
    left: 0%;  
}

#mainPopup4.imgPopup{padding: 0 0 37px 0;width: 500px;height:auto;} 
#mainPopup4.imgPopup .popBox{position: relative;background: none;}  
#mainPopup4.imgPopup .popBox .popupTab2-content{position:relative; padding: 0; height: auto;} 
#mainPopup4.imgPopup .popBox .popupTab2-content .img{margin-bottom: 0; border:0;}
#mainPopup4.imgPopup .popBox .popupTab2-content>a{display: inline-block;z-index: 999;}
#mainPopup4.imgPopup .popupTitle{padding: 0}
#mainPopup4.imgPopup .popBox .close span:before {background: #666; }
#mainPopup4.imgPopup .popBox .close span:after {background: #666; }
#mainPopup4.imgPopup .popBox .link01{width: 270px;height: 35px;left: calc(50% - 135px);top:165px;}
#mainPopup4.imgPopup .popBox .link02{width: 200px;height: 235px;left: 75px;top:300px;}
#mainPopup4.imgPopup .popBox .link03{width: 200px;height: 235px;right: 75px;top:300px;}
#mainPopup4.imgPopup .popBox .link01 i{width: 100%; height: 100%; color: transparent; display: block; background-image: url("../images/transparent.png");}
#mainPopup4.imgPopup .popBox .link02 i{width: 100%; height: 100%; color: transparent; display: block; background-image: url("../images/transparent.png");}
#mainPopup4.imgPopup .popBox .link03 i{width: 100%; height: 100%; color: transparent; display: block; background-image: url("../images/transparent.png");}

@media (max-width: 1024px){
	.modal-content {left:-10% !important}
	.modal2-content {left:-10% !important}
	.modal3-content {left:-10% !important}
	.modal4-content {left:-10% !important}
}
@media (max-width: 768px){
	.modal-content {left:-3% !important}
	.modal2-content {left:-3% !important}
	.modal3-content {left:-3% !important}
	.modal4-content {left:-3% !important}
}
@media (max-width: 599px){
	#mainPopup .popOpt {bottom: -25px; }
	#mainPopup.imgPopup{padding: 0 0 37px 0;width: 450px;height: auto;}
	#mainPopup.imgPopup .popBox .link01{width: 200px;height: 25px;left: calc(50% - 100px);top:124px;}
	#mainPopup.imgPopup .popBox .link02{width: 160px;height: 170px;left: 55px;top:220px;}
	#mainPopup.imgPopup .popBox .link03{width: 160px;height: 170px;right: 55px;top:220px;}
	#mainPopup.imgPopup .popOpt .chk label, #mainPopup.imgPopup .popOpt a {font-size: 1em;}
	.modal-content {left:auto !important;}
	
	#mainPopup2 .popOpt {bottom: -25px; }
	#mainPopup2.imgPopup{padding: 0 0 37px 0;width: 450px;height: auto;}
	#mainPopup2.imgPopup .popBox .link01{width: 200px;height: 25px;left: calc(50% - 100px);top:124px;}
	#mainPopup2.imgPopup .popBox .link02{width: 160px;height: 170px;left: 55px;top:220px;}
	#mainPopup2.imgPopup .popBox .link03{width: 160px;height: 170px;right: 55px;top:220px;}
	#mainPopup2.imgPopup .popOpt .chk label, #mainPopup2.imgPopup .popOpt a {font-size: 1em;}
	.modal2-content {left:auto !important;}
	
	#mainPopup3 .popOpt {bottom: -25px; }
	#mainPopup3.imgPopup{padding: 0 0 37px 0;width: 450px;height: auto;}
	#mainPopup3.imgPopup .popBox .link01{width: 200px;height: 25px;left: calc(50% - 100px);top:124px;}
	#mainPopup3.imgPopup .popBox .link02{width: 160px;height: 170px;left: 55px;top:220px;}
	#mainPopup3.imgPopup .popBox .link03{width: 160px;height: 170px;right: 55px;top:220px;}
	#mainPopup3.imgPopup .popOpt .chk label, #mainPopup3.imgPopup .popOpt a {font-size: 1em;}
	.modal3-content {left:auto !important;}
	
	#mainPopup4 .popOpt {bottom: -25px; }
	#mainPopup4.imgPopup{padding: 0 0 37px 0;width: 450px;height: auto;}
	#mainPopup4.imgPopup .popBox .link01{width: 200px;height: 25px;left: calc(50% - 100px);top:124px;}
	#mainPopup4.imgPopup .popBox .link02{width: 160px;height: 170px;left: 55px;top:220px;}
	#mainPopup4.imgPopup .popBox .link03{width: 160px;height: 170px;right: 55px;top:220px;}
	#mainPopup4.imgPopup .popOpt .chk label, #mainPopup3.imgPopup .popOpt a {font-size: 1em;}
	.modal4-content {left:auto !important;}
}
@media (max-width: 450px){
	#mainPopup .popOpt {bottom: -25px; }
	#mainPopup.imgPopup{padding: 0 0 37px 0;width: 400px;height: auto;}
	#mainPopup.imgPopup .popBox .link01{width: 180px;height: 25px;left: calc(50% - 90px);top:110px;}
	#mainPopup.imgPopup .popBox .link02{width: 130px;height: 150px;left: 50px;top:200px;}
	#mainPopup.imgPopup .popBox .link03{width: 130px;height: 150px;right: 50px;top:200px;}
	
	#mainPopup2 .popOpt {bottom: -25px; }
	#mainPopup2.imgPopup{padding: 0 0 37px 0;width: 400px;height: auto;}
	#mainPopup2.imgPopup .popBox .link01{width: 180px;height: 25px;left: calc(50% - 90px);top:110px;}
	#mainPopup2.imgPopup .popBox .link02{width: 130px;height: 150px;left: 50px;top:200px;}
	#mainPopup2.imgPopup .popBox .link03{width: 130px;height: 150px;right: 50px;top:200px;}
	
	#mainPopup3 .popOpt {bottom: -25px; }
	#mainPopup3.imgPopup{padding: 0 0 37px 0;width: 400px;height: auto;}
	#mainPopup3.imgPopup .popBox .link01{width: 180px;height: 25px;left: calc(50% - 90px);top:110px;}
	#mainPopup3.imgPopup .popBox .link02{width: 130px;height: 150px;left: 50px;top:200px;}
	#mainPopup3.imgPopup .popBox .link03{width: 130px;height: 150px;right: 50px;top:200px;}
	
	#mainPopup4 .popOpt {bottom: -25px; }
	#mainPopup4.imgPopup{padding: 0 0 37px 0;width: 400px;height: auto;}
	#mainPopup4.imgPopup .popBox .link01{width: 180px;height: 25px;left: calc(50% - 90px);top:110px;}
	#mainPopup4.imgPopup .popBox .link02{width: 130px;height: 150px;left: 50px;top:200px;}
	#mainPopup4.imgPopup .popBox .link03{width: 130px;height: 150px;right: 50px;top:200px;}
}
@media (max-width: 400px){
	#mainPopup .popOpt {bottom: -25px; }
	#mainPopup.imgPopup{padding: 0 0 37px 0;width: 300px;height: auto;}
	#mainPopup.imgPopup .popBox .link01{width: 135px;height: 17px;left: calc(50% - 67px);top:82px;}
	#mainPopup.imgPopup .popBox .link02{width: 100px;height: 117px;left: 37px;top:150px;}
	#mainPopup.imgPopup .popBox .link03{width: 100px;height: 117px;right: 37px;top:150px;}
	#mainPopup.imgPopup .popBox .popupTab-content{height:auto;} 
	
	#mainPopup2 .popOpt {bottom: -25px; }
	#mainPopup2.imgPopup{padding: 0 0 37px 0;width: 300px;height: auto;}
	#mainPopup2.imgPopup .popBox .link01{width: 135px;height: 17px;left: calc(50% - 67px);top:82px;}
	#mainPopup2.imgPopup .popBox .link02{width: 100px;height: 117px;left: 37px;top:150px;}
	#mainPopup2.imgPopup .popBox .link03{width: 100px;height: 117px;right: 37px;top:150px;}
	#mainPopup2.imgPopup .popBox .popupTab2-content{height:auto;} 
	
	#mainPopup3 .popOpt {bottom: -25px; }
	#mainPopup3.imgPopup{padding: 0 0 37px 0;width: 300px;height: auto;}
	#mainPopup3.imgPopup .popBox .link01{width: 135px;height: 17px;left: calc(50% - 67px);top:82px;}
	#mainPopup3.imgPopup .popBox .link02{width: 100px;height: 117px;left: 37px;top:150px;}
	#mainPopup3.imgPopup .popBox .link03{width: 100px;height: 117px;right: 37px;top:150px;}
	#mainPopup3.imgPopup .popBox .popupTab2-content{height:auto;} 
	
	#mainPopup4 .popOpt {bottom: -25px; }
	#mainPopup4.imgPopup{padding: 0 0 37px 0;width: 300px;height: auto;}
	#mainPopup4.imgPopup .popBox .link01{width: 135px;height: 17px;left: calc(50% - 67px);top:82px;}
	#mainPopup4.imgPopup .popBox .link02{width: 100px;height: 117px;left: 37px;top:150px;}
	#mainPopup4.imgPopup .popBox .link03{width: 100px;height: 117px;right: 37px;top:150px;}
	#mainPopup4.imgPopup .popBox .popupTab2-content{height:auto;} 
}