*{padding:0;margin:0;box-sizing:border-box;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}body{background-color:#ccc;color:#000}#header{position:sticky;top:0;background-color:#ccc;display:flex;justify-content:space-between;align-items:center}#header h1{color:red;font-family:Times New Roman,Times,serif;font-weight:700}#nav{display:flex;justify-content:space-between;align-items:center}.link{text-decoration:none;color:#000;transition:all .5s linear}#active{background-color:red}#introText{border-top:1px solid black;border-bottom:1px solid black}#display-image{width:100%}.pro_name{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;background-color:red}.brand_div{display:grid}.item_div{background-color:#fff;width:100%}.brand_img{width:100%}.brand_name{color:red;font-weight:400}.brand_price{font-family:Times New Roman,Times,serif;font-weight:400}.pur_div{display:flex;justify-content:space-between}.pur_det{display:flex;justify-content:space-between;align-items:center}.pur_num{font-weight:400}.pur_btn{background:none;border:none;cursor:pointer;outline:none;font-weight:400}.cart_btn{border:none;background-color:red;color:#000;cursor:pointer;outline:none;font-weight:400}#footer{background-color:#414141;color:#fff;text-align:center}#fotLinks1{display:grid;grid-template-columns:1fr 1fr 1fr;background-color:#414141}#fotLinks2{display:grid;grid-template-rows:1fr 1fr 1fr;background-color:#414141}.fotLink{font-weight:400;text-decoration:none;color:#fff;background-color:#414141;border:none}#rigDiv{font-weight:400;color:#ffffffbf;background-color:#414141}.itemSec{background-color:#fff}.itemDet{display:flex}.itemPrice{font-weight:400}.itemParam,.itemParamBtn{display:flex;align-items:center}.itemParamBtn var{font-weight:400}.itemBtn{background:none;border:none;cursor:pointer}.remItemBtn{border:none;background-color:red;cursor:pointer}#conOrderBtn{width:100%;border:none;background-color:red;text-align:center;cursor:pointer}@media all and (max-width: 767px){#header{padding:.75rem .5rem}#header h1{font-size:1.25rem}#nav{gap:0 .75rem}.link{font-size:.75rem;border-radius:.25rem}#active{padding:.125rem .25rem;letter-spacing:.5px}.link:hover{letter-spacing:.5px}#introText{padding:1rem .5rem;font-size:.75rem}#display-image-div{padding:1rem .5rem}#display-image{height:25rem}.pro_name{font-size:1rem;margin:0 .5rem .25rem;padding:.25rem}.brand_div{grid-template-columns:1fr 1fr;grid-gap:.25rem;margin-bottom:.25rem;padding:0 .5rem}.brand_div:last-child{margin-bottom:.5rem}.item_div{padding:.5rem}.brand_img{height:7.5rem;margin-top:.25rem}.brand_name{font-size:.75rem;margin-top:.25rem}.brand_desc{font-size:.75rem;margin:.25rem 0}.brand_price{font-size:.75rem}.pur_div{margin-top:.5rem}.pur_num{font-size:1rem;margin:0 1rem}.pur_btn{font-size:1rem}.cart_btn{font-size:.75rem;padding:.125rem .25rem}#footer{padding:.5rem}.fotLink{font-size:.75rem;margin:.5rem}#rigDiv{padding:.75rem 0 .5rem;margin-top:.25rem;font-size:.75rem;border-top:1px solid white}.itemSec{padding:.5rem;margin:0 .5rem .25rem}.itemDet{gap:.5rem}.itemPic{width:2.5rem;height:2.5rem}.itemName,.itemPrice{font-size:.75rem}.itemParam{gap:1rem;margin-top:.5rem}.itemParamBtn{gap:1.5rem}.itemParamBtn var,.itemBtn{font-size:1rem}.itemTotal{font-size:.75rem}.remItemBtn{padding:.125rem .25rem;font-size:.75rem;margin-top:.5rem}#conOrderBtn{font-size:1rem;padding:.5rem;margin:.5rem}}@media all and (min-width: 768px) and (max-width: 1023px){#header{padding:1.5rem 1rem}#header h1{font-size:2rem}#nav{gap:0 2rem}.link{font-size:1.5rem;border-radius:.5rem}#active{padding:.125rem .5rem;letter-spacing:1.5px}.link:hover{letter-spacing:1.5px}#introText{padding:1.5rem 1rem;font-size:1.5rem}#display-image-div{padding:1.5rem 1rem}#display-image{height:45rem}.pro_name{font-size:2rem;margin:0 1rem .75rem;padding:.5rem}.brand_div{grid-template-columns:1fr 1fr;grid-gap:.75rem;margin:0 1rem .75rem}.brand_div:last-child{margin-bottom:1rem}.item_div{padding:1rem}.brand_img{height:12rem;margin-top:.25rem}.brand_name{font-size:1.5rem;margin-top:.75rem}.brand_desc{font-size:1.5rem;margin:.75rem 0}.brand_price{font-size:1.5rem}.pur_div{margin-top:.75rem}.pur_num{font-size:2rem;margin:0 2rem}.pur_btn{font-size:2rem}.cart_btn{font-size:1.5rem;padding:.25rem .75rem}#footer{padding:1rem}.fotLink{font-size:1rem;margin:.75rem}#rigDiv{padding:.75rem 0 .5rem;margin-top:.75rem;font-size:1.5rem;border-top:2px solid white}.itemSec{padding:1rem;margin:0 1rem .5rem}.itemDet{gap:.75rem}.itemPic{width:3.5rem;height:3.5rem}.itemName,.itemPrice{font-size:1.5rem}.itemParam{gap:1.5rem;margin-top:1rem}.itemParamBtn{gap:2rem}.itemParamBtn var,.itemBtn{font-size:2rem}.itemTotal{font-size:1.5rem}.remItemBtn{padding:.25rem .75rem;font-size:1.5rem;margin-top:1rem}#conOrderBtn{font-size:2rem;padding:.5rem;margin:1rem}}@media all and (min-width: 1024px){#header{padding:1rem}#header h1{font-size:1.25rem}#nav{gap:0 1.5rem}.link{font-size:1rem;border-radius:.25rem}#active{padding:.125rem .5rem;letter-spacing:1px}.link:hover{letter-spacing:1px}#introText{padding:1rem;font-size:1rem}#display-image-div{padding:1rem}#display-image{height:35rem}.pro_name{font-size:1.25rem;margin:0 1rem .5rem;padding:.5rem}.brand_div{grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.5rem;margin:0 1rem .5rem}.brand_div:last-child{margin-bottom:1rem}.item_div{padding:1rem}.brand_img{height:10rem;margin-top:.25rem}.brand_name{font-size:1rem;margin-top:.5rem}.brand_desc{font-size:1rem;margin:.5rem 0}.brand_price{font-size:1rem}.pur_div{margin-top:.5rem}.pur_num{font-size:1.25rem;margin:0 1.5rem}.pur_btn{font-size:1.25rem}.cart_btn{font-size:1rem;padding:.25rem .75rem}#footer{padding:1rem}.fotLink{font-size:1rem;margin:.75rem 0}#rigDiv{padding:1rem 0 .5rem;margin-top:.25rem;font-size:1rem;border-top:1px solid white}.itemSec{padding:.75rem;margin:0 1rem .5rem}.itemDet{gap:.75rem}.itemPic{width:3rem;height:3rem}.itemName,.itemPrice{font-size:1rem}.itemParam{gap:1rem;margin-top:.75rem}.itemParamBtn{gap:2rem}.itemBtn{font-size:1.25rem}.itemParamBtn var,.itemTotal{font-size:1rem}.remItemBtn{padding:.25rem .75rem;font-size:1rem;margin-top:.75rem}#conOrderBtn{font-size:1.35rem;padding:.5rem;margin:1rem}}
