body {width:1024px;margin:auto}

div {width:inherit;margin:auto}
div.catalogue {display:grid; grid-template-columns:33% 33% 33%; grid-gap:1px;padding:0px; min-height: 95%;width:1024px;margin:auto}

table {border-collapse:collapse;width:98%;margin:auto}
table#pdetailtable {width:680px;padding:0;}
table#pdetailtable, table#pdetailtable th, table#pdetailtable td {border:1px solid black; text-align:center;}
table.product_list, table.product_list th, table.product_list td { border:none; text-align:left; }

a {color:black;text-decoration:none;width:inherit}
h3 {text-align:center}

div.header-box {height:81px; margin:0 auto;width:1024px}
form.header {display:flex; align-items:center; justify-content:space-between; position:fixed; top:0; width:1024px; height:81px;
    margin: 0 auto; box-sizing:border-box;background:rgba(255,255,255,1);}
.header-img {display:inline; margin:2px 5px 0 5px;}
#search {width:800px; padding:3px 7px; border-radius:5px;margin:0px auto 2px auto}
.search-button {border:none; color:green; margin:0px auto; width:auto}
hr {display: block;margin: 0 auto; height:2px; border-width:0;}

p#newsdata {font-size:12px;text-align:center}

ol {list-style-type:decimal; list-style-position:inside; margin:auto; padding:0 0 0 20px;width:1024px}

ul {list-style-type:none;margin-top:10px;margin-left:10px;padding:0;}
.catalogue-1 {background:rgb(180,180,180);}
.catalogue-2 {background:rgb(210,210,210);}
.catalogue-3 {}

ul#comm_ul img {width:32px;}
ul#comm_qq li,a,span {text-align:center}
ul#comm_qq li {margin:10px 5px}
ul#comm_qq a {text-decoration:underline;}

li {margin:inherit;}
.catalogue li {margin-top:14px;margin-bottom:14px; background:inherit; }

#ul-nav {position:fixed;bottom:0;width:1024px;height:36px; padding:0;margin:auto;box-sizing:border-box;background:rgba(240,240,240,1);}
.li-nav{display:inline; line-height:36px; text-decoration:none; padding:7px 69px;}

#pdimg {margin:5px; float:left; height:300px; width:300px; border:1px solid lightgreen;}
div#pd {display:inline-block;width:700px;}
p#pname {font-weight:bold;padding:0;margin:10px}
p#pbrandstorage {padding:4px 0;margin:10px;width:680px;line-height:1.8}
p#pstorage {padding:0;margin:10px}
span#pinstruction a {border:1px solid black; padding:4px;margin:auto 10px auto auto;float:right;}