* {margin: 0; padding: 0; outline: 0; padding: 0; margin: 0; border: 0; text-decoration: none; vertical-align: baseline;}
html,body {margin:0; padding: 0; font: 14px/1.5 Tahoma;}   
.clear{clear:both;}

#info{padding:15px 0;}
#info .img{width:25%; float:left; max-width:150px;}
#info img{width:100%; border-radius:8px; float:left; border:1px solid #B0B0B0;}
#info .text{float:left; width:75%; }
#info .text p{padding-bottom:3px;}
#info .text-full{width:100%; }
#info .text-in{ padding:0 10px;}

#info .text a {color: #449922; font-weight:bold; }
#info .text a:hover { background-color: #af002c; color: #fff; }

#info h2{ color:#449922; }
#info h3{ color:#313538;font-size:110%;}
fieldset {border:1px solid silver; border-radius:6px; padding:10px;}
legend {border:1px solid silver; border-radius:6px; padding:7px 10px; color:#003300; background:#CBDDCB; text-align:left; font-weight:110%;}
#order {text-align:right;}
#order .input{width:50%; float:left;}
#order input{border:1px solid #578965; border-radius:6px; padding:12px; width:97%; margin:5px;}
#order input:focus{background:#FCFCDF}

.title{font-weight:bold; font-size:110%;}

#order .select{width:50%; float:left; text-align:left;}
#order select{border:1px solid #578965; border-radius:6px; padding:10px; width:50%; margin:5px;}
#order select:focus{background:#FCFCDF}
#order .select-c{width:97%;}
#order .select_book{width:95%; margin-left:10px;}
                              

#order .submit{width:40%; float:right;}
#order input[type=submit] { width:97%; background:#588A63; color:#fff; padding:12px; font-weight:600; letter-spacing:2px; display:block;}
#order input[type=submit]:hover{background:#D1DFCC; color:#588A63; cursor:pointer;}
#order textarea{border:1px solid #578965; border-radius:6px; padding:10px; width:98.5%; margin:5px; height:130px;}
#order textarea:focus{background:#FCFCDF}

#message-box{position:absolute; width:100%; height:150px; bottom:0; }
#message-box .message-in{position:absolute; height:30px; padding:4% 2%; width:96%; background:#5A8D64; bottom:0; border-radius:6px; color:#fff; font-size:120%; text-align:center; opacity:0.9;}
#message-box a{padding-left:10px; }
#message-box img{height:30px; vertical-align:-10px;} 


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

#order .input{width:100%;}
#order .select{width:100%;}
#order .submit{width:100%;}
#order textarea{width:97%;}
#info .img{display: flex; width:100%; max-width:100%; text-align:center;}
#info img{width:60%; margin:5px 45px;}  
#info .text{width:100%; }
}