@charset "UTF-8";

/* 

	if window has width 375 or smaller
	portrait position
	320 x 480

 */
 
@media only screen and (max-width: 375px) and (orientation:portrait)  {
  
	#dw_popup_popup-box {
	    position: fixed;
		left: 50%;
		top: 55%;
		transform: translate(-50%, -50%);
		background-color: #3c6e7f;
		color: #FFFFFF;
		width: 90%;
		max-width: 600px;
		padding: 20px;
		border: 10px solid #FFFFFF;
		display: none;
		z-index: 10000;
		font-size: 9px;
		height: 400px;
	}
	
	#dw_popup_logo{
		position: initial;
		right: -42%;
		left: 46%; 
		width: 50px;
		padding-botton: 20px;
	}
	
	
	#dw_popup_popup-close {
	    position: absolute;
	    top: -25px;
	    right: -25px;
	    cursor: pointer;
	    width: 30px;
	}
}


@media only screen and (max-height: 375px) and (orientation:landscape) {
  
	#dw_popup_popup-box {
	    position: fixed;
		left: 50%;
		top: 55%;
		transform: translate(-50%, -50%);
		background-color: #3c6e7f;
		color: #FFFFFF;
		width: 90%;
		max-width: 600px;
		padding: 20px;
		border: 10px solid #FFFFFF;
		display: none;
		z-index: 10000;
		font-size: 13px;
		height: 200px;
		overflow: auto;
	}
	
	
	#dw_popup_logo{
		position: initial;
		right: -42%;
		left: 46%; 
		width: 50px;
		padding-botton: 20px;
	}
	
	
	#dw_popup_popup-close {
	    position: absolute;
	    top: -25px;
	    right: -25px;
	    cursor: pointer;
	    width: 30px;
	}
	
}





/*=====================*/
/*
	400x800
	480x800
*/

@media only screen and (min-width: 376px) and (max-width: 480px) and (orientation:portrait)  {
  
	#dw_popup_popup-box {
	    position: fixed;
		left: 50%;
		top: 55%;
		transform: translate(-50%, -50%);
		background-color: #3c6e7f;
		color: #FFFFFF;
		width: 90%;
		max-width: 600px;
		padding: 20px;
		border: 10px solid #FFFFFF;
		display: none;
		z-index: 10000;
		font-size: 14px;
		height: 550px;
	}
	
	#dw_popup_logo{
		position: initial;
		right: -42%;
		left: 46%; 
		width: 50px;
		padding-botton: 20px;
	}
	
	
	#dw_popup_popup-close {
	    position: absolute;
	    top: -25px;
	    right: -25px;
	    cursor: pointer;
	    width: 30px;
	}
}


@media only screen and (min-height: 376px) and (max-height: 480px) and (orientation:landscape) {
  
	#dw_popup_popup-box {
	    position: fixed;
		left: 50%;
		top: 55%;
		transform: translate(-50%, -50%);
		background-color: #3c6e7f;
		color: #FFFFFF;
		width: 90%;
		max-width: 600px;
		padding: 20px;
		border: 10px solid #FFFFFF;
		display: none;
		z-index: 10000;
		font-size: 13px;
		height: 300px;
		overflow: auto;
	}
	
	
	#dw_popup_logo{
		position: initial;
		right: -42%;
		left: 46%; 
		width: 50px;
		padding-botton: 20px;
	}
	
	
	#dw_popup_popup-close {
	    position: absolute;
	    top: -25px;
	    right: -25px;
	    cursor: pointer;
	    width: 30px;
	}
	
}






/*=====================*/
/*
	540×960
	
*/

@media only screen and (min-width: 481px) and (max-width: 540px) and (orientation:portrait)  {
  
	#dw_popup_popup-box {
	    position: fixed;
		left: 50%;
		top: 55%;
		transform: translate(-50%, -50%);
		background-color: #3c6e7f;
		color: #FFFFFF;
		width: 90%;
		max-width: 600px;
		padding: 20px;
		border: 10px solid #FFFFFF;
		display: none;
		z-index: 10000;
		font-size: 16px;
		height: 550px;
	}
	
	#dw_popup_logo{
		position: initial;
		right: -42%;
		left: 46%; 
		width: 50px;
		padding-botton: 20px;
	}
	
	
	#dw_popup_popup-close {
	    position: absolute;
	    top: -25px;
	    right: -25px;
	    cursor: pointer;
	    width: 30px;
	}
}


@media only screen and (min-height: 481px) and (max-height: 540px) and (orientation:landscape) {
  
	#dw_popup_popup-box {
	    position: fixed;
		left: 50%;
		top: 55%;
		transform: translate(-50%, -50%);
		background-color: #3c6e7f;
		color: #FFFFFF;
		width: 90%;
		max-width: 600px;
		padding: 20px;
		border: 10px solid #FFFFFF;
		display: none;
		z-index: 10000;
		font-size: 13px;
		height: 300px;
		overflow: auto;
	}
	
	
	#dw_popup_logo{
		position: initial;
		right: -42%;
		left: 46%; 
		width: 50px;
		padding-botton: 20px;
	}
	
	
	#dw_popup_popup-close {
	    position: absolute;
	    top: -25px;
	    right: -25px;
	    cursor: pointer;
	    width: 30px;
	}
	
}





/*=====================*/
/*
	640×480
	640×1136
	
*/

@media only screen and (min-width: 541px) and (max-width: 640px) and (orientation:portrait)  {
  
	#dw_popup_popup-box {
	    position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background-color: #3c6e7f;
		color: #FFFFFF;
		width: 90%;
		max-width: 600px;
		padding: 20px;
		border: 10px solid #FFFFFF;
		display: none;
		z-index: 10000;
		font-size: 16px;
		height: 550px;
	}
	
	#dw_popup_logo{
		position: initial;
		right: -42%;
		left: 46%; 
		width: 50px;
		padding-botton: 20px;
	}
	
	
	#dw_popup_popup-close {
	    position: absolute;
	    top: -25px;
	    right: -25px;
	    cursor: pointer;
	    width: 30px;
	}
}


@media only screen and (min-height: 514px) and (max-height: 640px) and (orientation:landscape) {
  
	#dw_popup_popup-box {
	    position: fixed;
		left: 50%;
		top: 55%;
		transform: translate(-50%, -50%);
		background-color: #3c6e7f;
		color: #FFFFFF;
		width: 90%;
		max-width: 600px;
		padding: 20px;
		border: 10px solid #FFFFFF;
		display: none;
		z-index: 10000;
		font-size: 15px;
		height: 500px;

	}
	
	
	#dw_popup_logo{
		position: initial;
		right: -42%;
		left: 46%; 
		width: 50px;
		padding-botton: 20px;
	}
	
	
	#dw_popup_popup-close {
	    position: absolute;
	    top: -25px;
	    right: -25px;
	    cursor: pointer;
	    width: 30px;
	}
	
}






/*=====================*/
/*
	720×1280
	
*/

@media only screen and (min-width: 641px) and (max-width: 720px) and (orientation:portrait)  {
  
	#dw_popup_popup-box {
	    position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background-color: #3c6e7f;
		color: #FFFFFF;
		width: 90%;
		max-width: 600px;
		padding: 20px;
		border: 10px solid #FFFFFF;
		display: none;
		z-index: 10000;
		font-size: 16px;
		height: 550px;
	}
	
	#dw_popup_logo{
		position: initial;
		right: -42%;
		left: 46%; 
		width: 50px;
		padding-botton: 20px;
	}
	
	
	#dw_popup_popup-close {
	    position: absolute;
	    top: -25px;
	    right: -25px;
	    cursor: pointer;
	    width: 30px;
	}
}


@media only screen and (min-height: 641px) and (max-height: 720px) and (orientation:landscape) {
  
	#dw_popup_popup-box {
	    position: fixed;
		left: 50%;
		top: 55%;
		transform: translate(-50%, -50%);
		background-color: #3c6e7f;
		color: #FFFFFF;
		width: 90%;
		max-width: 600px;
		padding: 20px;
		border: 10px solid #FFFFFF;
		display: none;
		z-index: 10000;
		font-size: 15px;
		height: 500px;
	}
	
	
	#dw_popup_logo{
		position: initial;
		right: -42%;
		left: 46%; 
		width: 50px;
		padding-botton: 20px;
	}
	
	
	#dw_popup_popup-close {
	    position: absolute;
	    top: -25px;
	    right: -25px;
	    cursor: pointer;
	    width: 30px;
	}
	
}





/*=====================*/
/*
	720×1280
	768×1024
	768×1280
	800×400
	800×480
	800×1280
	960×540	
	960×640	
	1024×600
	1024×768
*/

@media only screen and (min-width: 721px) and (max-width: 1024px) and (orientation:portrait)  {
  
	#dw_popup_popup-box {
	    position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background-color: #3c6e7f;
		color: #FFFFFF;
		width: 90%;
		max-width: 600px;
		padding: 20px;
		border: 10px solid #FFFFFF;
		display: none;
		z-index: 10000;
		font-size: 16px;
		height: 550px;
	}
	
	#dw_popup_logo{
		position: initial;
		right: -42%;
		left: 46%; 
		width: 50px;
		padding-botton: 20px;
	}
	
	
	#dw_popup_popup-close {
	    position: absolute;
	    top: -25px;
	    right: -25px;
	    cursor: pointer;
	    width: 30px;
	}
}


@media only screen and (min-height: 721px) and (max-height: 1024px) and (orientation:landscape) {
  
	#dw_popup_popup-box {
	    position: fixed;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    background-color: #3c6e7f;
	    color: #FFFFFF;
	    width: 90%;
	    max-width: 600px;
	    padding: 30px;
	    border: 10px solid #FFFFFF;
	    display: none;
	    font-size: 16px;
	    z-index: 10000;
	}
	
	#dw_popup_logo{
		position: initial;
		right: -42%;
		left: 46%; 
		width: 50px;
		padding-botton: 20px;
	}
	
	
	#dw_popup_popup-close {
	    position: absolute;
	    top: -25px;
	    right: -25px;
	    cursor: pointer;
	    width: 30px;
	}
	
}




/*=====================*/


@media only screen and (min-width: 1025px) and (orientation:portrait)  {
  
	#dw_popup_popup-box {
	    position: fixed;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    background-color: #3c6e7f;
	    color: #FFFFFF;
	    width: 90%;
	    max-width: 600px;
	    padding: 30px;
	    border: 10px solid #FFFFFF;
	    display: none;
	    z-index: 10000;
	    font-size: 18px;
	}
	
	#dw_popup_logo{
		position: initial;
		right: -42%;
		left: 46%; 
		width: 50px;
		padding-botton: 20px;
	}
	
	
	#dw_popup_popup-close {
	    position: absolute;
	    top: -25px;
	    right: -25px;
	    cursor: pointer;
	    width: 30px;
	}
}


@media only screen and (min-height: 1025px) and (orientation:landscape) {
  
	#dw_popup_popup-box {
	    position: fixed;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    background-color: #3c6e7f;
	    color: #FFFFFF;
	    width: 90%;
	    max-width: 600px;
	    padding: 30px;
	    border: 10px solid #FFFFFF;
	    display: none;
	    z-index: 10000;
	    font-size: 18px;
	}
	
	#dw_popup_logo{
		position: initial;
		right: -42%;
		left: 46%; 
		width: 50px;
		padding-botton: 20px;
	}
	
	
	#dw_popup_popup-close {
	    position: absolute;
	    top: -25px;
	    right: -25px;
	    cursor: pointer;
	    width: 30px;
	}
	
}





#dw_popup_list-builder {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    filter: alpha(opacity=80);
	opacity: 0.8;
    display: none;
}

#dw_popup_popup-boxc_a {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #3c6e7f;
    color: #FFFFFF;
    width: 90%;
    max-width: 600px;
    padding: 30px;
    border: 10px solid #FFFFFF;
    display: none;
    z-index: 10000;
}

#dw_popup_logo_a{
	position: initial;
	right: -42%;
	left: 46%; 
	width: 50px;
	padding-botton: 20px;
}


#dw_popup_popup-close_a {
    position: absolute;
    top: -25px;
    right: -25px;
    cursor: pointer;
    width: 30px;
}

#dw_popup_popup-box h1 {
    margin: 0;
}

#dw_popup_popup-box form {
    margin-bottom: 0px;
}

#dw_popup_popup-box input {
    padding: 10px;
    border: 1px solid #333;
    width: 90%;
}

#dw_popup_popup-box button {
    padding: 10px;
    border: 1px solid #333;
}


#dw_popup_popup-box-content h1{
	font-size: 24px;	
}


#dw_popup_popup-form input, button{
	color: #000000;
	margin: 5px;
}



/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }



/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 47.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}