@charset "UTF-8";

#packingarea{padding:0 20px 20px}
.block{margin:0 0 20px;overflow:hidden}
.stepbox{margin:0 0 20px;padding:15px 25px 10px;border:1px solid #ccc;overflow:hidden}
#packingarea h2{color:#333}
#packingarea h3{margin:0 0 10px;font-size:115%;font-weight:700;line-height:150%;color:#2a4985}
#packingarea h3 span{margin:0 10px 0 0;font-size:9pt;font-weight:700;line-height:150%;color:#666}
.phototextblock{overflow:hidden;zoom:100%}
.stepbox .leftphoto{float:left;width:195px;padding:0 0 20px}
#packingarea .stepbox .righttext{float:left;width:635px}
#packingarea ul li{margin:0 0 0 20px;list-style-type:disc;line-height:200%}
.contactme{margin:0 0 20px;color:#5175bc}
#packorder{text-align:center}
#packorder img:hover{opacity:.5}

@media only screen and (max-width: 1023px) {
#packingarea .stepbox .righttext{width:68%}
}

@media only screen and (max-width: 639px) {
#packingarea{margin:0 5px;padding:0}
.block{margin:5px 0 20px 5px;overflow:hidden}
.stepbox .leftphoto{float:none;width:auto;}
.stepbox .leftphoto{float:none;padding:0 0 10px}
#packingarea .stepbox .righttext{float:none;width:100%}
#packorder{text-align:left}
}

@media screen and (max-width:380px){#packorder img{width:100%;height:auto}}