.ordertable { width:100%; }
.ordertable th { font-weight:bold; color:#6b914d; background-color:#e2e0c4; padding:3px 20px; border-bottom:solid 1px white; border-top:solid 1px rgb(204,195,149); width:120px; }

.ordertable td { padding-top:3px; padding-bottom:3px; }
.ordertable td input, .ordertable td select { border:solid 1px #aaa; height:20px; }

p.blockTitle { font-weight:bold; margin:25px 0 5px; text-indent:10px; font-size:14px; color:#98b17f; }
p.blockTitle > span { font-size:17px; color:#ad8618; }


#orderflow { padding:15px 0; height:46px; line-height:46px; text-align:center; margin-bottom:20px; background:url(../img/order/t_bg.gif) no-repeat center top; }
#ordering { width:100%; padding:0 10px; box-sizing: border-box;}
.odcomple { border-collapse:collapse; width:100%; border-top: 1px solid #1d87b1; }
.odcomple td { font-size:13px; text-align:left;border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; padding: 5px 6px 5px 16px; }
.odcomple .message { text-align:center; }
.odcomple .fontd { text-indent:10px; background-color:#f9f9f9; border-left:none; font-weight:bold; }
.odcomple .fontri { font-weight:normal; }
.odcomple .ordertd { color:#CC66CC; }
.odcomple .cred { color:red; }
.odcomple .double td { border-top:double 3px #ddd; }

@media (max-width : 768px) {
    #orderflow { padding-top:20px; }
        #orderflow img { height:32px; }

        .odcomple td { width:70%; }
        .odcomple td.fontd { width:90px; }

        .ordertable, .ordertable tbody, .ordertable tbody tr { display:block; width:100%; }
        .ordertable th, .ordertable td { display:block; width:100%; box-sizing: border-box;}
        .ordertable td { border:solid 1px #ddd; border-top:none; }
            .ordertable td input, .ordertable td textarea { max-width: calc(100% - 20px); }
            .ordertable .right { padding:0;}
        .ordertable .right table.none td { border:none; }
        .ordertable .right table.none td:first-child { border-bottom:solid 1px #ddd; }

}