/* imglist */
#imglist{position:relative;}
#imglist:before{content:url(/images/00/img-head.png);position: absolute;z-index: 1;right: -60px;top: -17%;animation-name: head;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;opacity: 1;transition: opacity .5s, transform 1s;zoom: 80%;}
@keyframes head{0%{transform-origin:right bottom;transform:rotate(-3deg);}100%{transform-origin:right bottom;transform:rotate(3deg);}}

#imglist img { margin-bottom: 20px; width: 100%; max-height: 400px; }
#imglist .img_nav .item { margin: 0 10px; width: 100px; height: 100px; border: 1px #d2d2d2 solid; }
#imglist .img_nav .item img { margin: 10%; width: 80%; height: 80%; }

/* productinfo */
#productinfo .tit_box p{display:flex;align-items: center;font-size: 18px;color: #8a8a8a;margin-bottom: 10px;}
#productinfo .tit_box p font{margin-left:10px;font-size: 18px;color: #8a8a8a;}
#productinfo .tit_box .cat { font-size: 15px; color: #727272; }
#productinfo .tit_box h2 {font-weight: 500;font-size: 29px;color: #252525;}
#productinfo .tit_box article {font-weight: 400;font-size: 16px;color: #363636;text-align: justify;line-height: 200%;}
#productinfo .price_box p {font-weight: bold;font-size: 25px;color: #262626;font-family: "Lato", sans-serif;}
#productinfo .price_box p b{font-family: "Lato", sans-serif;font-size: 14px;}
#productinfo .price_box .original { text-decoration: line-through; font-size: 12px; color: #949494; }
#order_box .box label { width: 70px; display: block; font-size: 14px; color: #5d5d5d; }
#order_box .box .btn {padding: .15em .5em;min-width: 30px;display: flex;justify-content: center;align-items: center;border: 1px #ced4da solid;border-radius: .2em;font-weight: 300;}
#order_box .box .btn.action {background: var(--secondary);border-color: var(--secondary);color: #fff;}

/* quantity_box */
#quantity_box font { width: 1%; flex: 1 auto; border: 1px #ced4da solid; }
#quantity_box a[data-action="checkout"] { position: relative; width: 36px; min-height: 100%; border: #ced4da solid; border-width: 0 1px 0 0; display: block; }
#quantity_box a[data-action="checkout"]:before , #quantity_box a.plus:after { position: absolute; width: 25%; height: 1px; background: var(--info); display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; }
#quantity_box a.plus { border-width: 0 0 0 1px; }
#quantity_box a.plus:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
#quantity_box input {width: 1%;flex: 1 auto;border: 0;text-align: center;background: none;}

/* buy_btns */
#buy_btns a {padding: .8em .5em;width: 48%;border: 1px #8c8c8c solid;letter-spacing: .1em;font-weight: 300;border-radius: 50px;}
#buy_btns a[data-type="0"] { background: #3f3f3f; border-color: #3f3f3f; color: #fff; }

/* track */
#track svg { width: 18px; height: 16px; fill: #b8b8b8; }
#track span { letter-spacing: .1em; font-weight: 300; font-size: 14px; color: #282828; }

/* product_tabs */
#product_tabs { margin-top: 35px; }
#product_tabs .tabs { border-bottom: 1px #ddd solid; }
#product_tabs .tabs li { margin: 0 5px; }
#product_tabs .tabs li a { padding: .6em 2.5em; font-size: 14px; color: #777; }
#product_tabs .tabs li.active a { background: #545454; color: #fff; }

@media screen and (max-width: 1280px) {
    #imglist:before{zoom: 65%;top: -9%;}
}
@media screen and (max-width: 1024px) {
    #imglist:before{right: 15%;}
}
@media screen and (max-width: 980px) {
    #imglist:before{right: 5%;}
}
@media screen and (max-width: 640px) {
    #imglist:before{right: -17%;zoom: 50%;}
    #productinfo{margin-top:20px;}
}