html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	
}

body{ background-color:#fff4df; margin:0px auto;}
.no-pad{ padding:0px;}
strong{font-weight:500;}
.fill{ background-color:#fff;width:100%;height:100%;}

.mainbody{width:100%;height:auto;}
header{width:100%;height:auto; padding:15px 10px; background-color:#d0b4b4;border-bottom:1px dashed #dedede;}
.logoarea{width:100%;height:auto;padding-top:3%;padding-left:4px;}
.logoarea img{width:64%;}
.logoarea p{ color:#f34023; font-size:25px; font-weight:600;}

.topadd{width:100%; height:auto;}
.topadd img{width:100%;}

section{width:100%;height:auto; background-color:#f4f4f4;padding-bottom:5%;}
.leftadd{width:100%;height:auto;}
.leftadd img{width:100%;}

.rightadd{width:100%;height:auto;}
.rightadd img{width:100%;}

.bodydata{width:100%;height:auto;padding:5% 3%;}
.trackarea{width:100%;height:auto;}
.trackarea h4{font-size:22px;font-weight:600;letter-spacing:0.2px;padding-bottom:14px;}
.trackarea p{padding-bottom:25px;line-height:21px;font-size:13px;color:#454545;}
.traceinput{ width:80%; padding:10px 15px; height:auto; box-shadow:none; border:none; border:1px solid #e6e6e6;}
.tracebtn{ border:none; padding:10px 15px; background-color:#f25818; color:#fff; border-radius:4px; border:1px solid #f25818; transition:all 0.5s;}
.tracebtn:hover{ background-color:#e34f12}

.recentarea{ width:100%; height:auto; margin:6% 0%;}
.recentarea h4{font-size:17px;font-weight:400;letter-spacing:0.2px;padding-bottom:14px;color:#679c03;}
.recentarea table{ width:100%; height:auto;}
.recentarea table thead tr th{padding:10px 15px;}
.recentarea table tbody tr td{padding:10px 15px;}
.detail{width:100%; height:auto;}
.detail p{padding-bottom:3%;line-height:23px;}

footer{ background-color:#0e0e0e; padding:10px 0px;}
footer p{ color:#fff; text-align:center;}
footer a{ color:#fff;}
footer a:hover{ color:#fff; text-decoration:none;}

.number-link a{color:#565555;}
.number-link a:hover{color:#666;text-decoration:none;}

@media (max-width:766px) {
section{display:flex;flex-direction:column;}
.getorder{order:2;}
.setorder{order:1;}
.goorder{order:3;}
.traceinput{width:100%; margin-bottom:3%;}
.tracebtn{width:100%;}
.recentarea{margin:14% 0% 6% 0%;overflow-x:auto;}
.logoarea{padding:3% 0% 6% 0%;text-align:center;}
.logoarea img{width:80%;}
	
}


@media (min-width:767px) and (max-width:1024px) {
.traceinput{width:100%;margin-bottom:2%;}
.tracebtn{float:right;}
.recentarea{margin:14% 0% 6% 0%;}
.logoarea{padding-top:6%;}
	
}