@charset "utf-8";


body{
	font-size: 1em;
	font-family:sans-serif;
	color: #404040;
}


div {
	text-align:left;
	height:4em;
	padding:0%;
}

div.div_center {
	 float: left;
     width: 90%;
     box-sizing: border-box;
     text-align:center;
     height:100%;
}

div.div_left, div.div_right {
     width: 5%;
     float:left;
     height:100%;
     visibility: hidden;
	}

div.box1 {
     float: left;
     width: 50%;
     background: #ffffff;
     box-sizing: border-box;
     padding:10px;
}

div.box2 {
     float: left;
     width: 25%;
     background: #ffffff;
     box-sizing: border-box;
     text-align:center;
     padding:10px;
}

div.box5 {
     float: left;
     width: 30%;
     background: #ffffff;
     box-sizing: border-box;
     text-align:center;
     padding:10px;
}

div.box3 {
     float: left;
     width: 100%;
     background: #ffffff;
     box-sizing: border-box;
     text-align:left;
     padding:10px;
}

div.box4 {
     float: left;
     width: 70%;
     background: #ffffff;
     box-sizing: border-box;
     text-align:left;
     padding:10px;
}

div.rdb4 {
 height:12.5em;
}


input  {
	width: 100%;
	font-size: 1em;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align:center;
	height: 2em;
	color: #404040;
}

.button {
            display: inline-block;
            background-color: #ffffff;
            border:1px solid #d1d1d1;
            cursor:pointer;
            overflow: hidden;
            height: 2.5em;
            color: #959595;

        }
        

select {
	width:100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	color: #404040;
	height: 2.25em;
	font-size:1em;
	color: #404040;
}

iframe {
	
	width:100%;
	padding:0%;
	border:none;
}

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

     
     div.div_center, div.box1, div.box4, div.box5 {
     width: 95%;
     box-sizing: border-box;
     float:left;
     text-align:left;
     }
     
     
     	div.div_left, div.div_right {
     width: 2.5%;
     float:left;
	}
	
}

@media screen and (max-width: 512px)   {

     
     div.div_center, div.box1, div.box4, div.box5 {
     width: 98%;
     box-sizing: border-box;
     float:left;
     text-align:left;
     }
     
     div.box2 {
     width: 48%;
     box-sizing: border-box;
     float:left;
     text-align:center;
     }
     
     	div.div_left, div.div_right {
     width: 1%;
     float:left;
	}
	
}


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

     
 div.div_left, div.div_right {
     width: 10%;
}

div.div_center {
     width: 80%;
}
}
@media screen and (min-width: 1536px)   {

     
 div.div_left, div.div_right {
      width: 25%;
}

div.div_center {
     width: 50%;
}
}