input[type=text]{width: 100%; padding: 8px 10px; display: inline-block; border: 1px solid #ccc; box-sizing: border-box;}

input[type=number]{width: 100%; padding: 8px 10px; display: inline-block; border: 1px solid #ccc; box-sizing: border-box;}
input[type=submit]{ padding: 8px 10px; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; cursor:pointer;}
textarea{width: 100%; padding: 8px 10px; display: inline-block; border: 1px solid #ccc; box-sizing: border-box;}
.select_box{width: 100%; padding: 8px 10px; display: inline-block; border: 1px solid #ccc; box-sizing: border-box;}


.popUp_window {display: none; position: fixed;z-index:3; left: 0;top: auto; width: 100%; height: 100%;overflow: auto;
	background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.4); }
.window-content {background-color: #fefefe; margin: 5% auto 5% auto;border: 1px solid #888; max-width:900px; width:90%; padding-top: 0px;}

.pop_window_header{height:40px; line-height:40px; background-color: red }
.pop_window_header .pop_window_head_1{ color:white;}
.pop_window_header .pop_window_head_1 #pop_window_head_text{ padding-left:20px; font-size:22px; text-align:center;  }

.pop_window_header .pop_window_head_1 #pop_window_close_button{float:right; margin-right:10px; font-size:20px; font-weight:bolder; 
		cursor:pointer; }

.pop_container {margin:10px; padding:25px; border:1px #DDD solid;}
.pop_container #text_label{float:left; padding:10px 0px;}
.pop_container #star_label{color: red;}
.pop_container #pop_window_email_text{width: 100%; padding: 8px 10px; display: inline-block; border: 1px solid #ccc; box-sizing: border-box;}
.window_button{text-align:center; width:100%; padding:20px 0px;}

.window_sub_button{width:100px; height:35px; background-color:#4CAF50; border:none; display:block; color:#FFF;}
.window_sub_button:hover {opacity: 0.8;}
.cancel_button {width:100px; height:35px; background-color: #f44336;color:#FFF;}
.cancel_button:hover {opacity: 0.8;}

/* Add Zoom Animation */
.animate {-webkit-animation: animatezoom 0.5s;animation: animatezoom 0.5s}

@-webkit-keyframes animatezoom {from {-webkit-transform: scale(0)} to {-webkit-transform: scale(1)}}
    
@keyframes animatezoom {from {transform: scale(0)} to {transform: scale(1)}}

/* ----------------- responsive -------------------- */
@media only screen and (max-width: 600px) 
{
	
} 
@media only screen and (max-width: 768px) 
{
	
}
@media only screen and (max-width: 992px) 
{
	
}