:root {
			--height-cart1: 90px;
			--pad-caption1: 40px;
			--pad-bottoms:70px;
			--pad-topmain:110px;
			--logo-height:136px;
			--logo-width:136px;
			--logo-top:6px;
			--search-length:200px;
			--topsearch-padleft:260px;
			--topquick-indent:125px;
			--max-width-res:500px;
			--dp-block-hide:block;
			--dp2-block-hide:block;
			--dp-hide-toblock:none;
			--font1-size:1em;
			--font2-size:1em;
			--font3-size:0.9em;
			--font4-size:1.5em;
			--spacer:130px;
			--packbox-width:900px;
			--pad-toplogin:0;
			--pack-img-width:250px;
			--pack-img-height:187px;
			--pack-width:150px;
			--font-t1:arial;
			--font-t2:arial;
			--name-width:156px;
			--search-button-tt:capitalize;
			--search-button-font: arial;
			--search-button-right:-71px;
			--cathide:0px;
			--search-top:30px;
			--leftmenu-top:142px;
			--leftmenu-height:32px;
			--cmenu-fontsize1:1.2em;
			--cmenu-lineheight:16px;
			--cmenu-height:100%;
			--slider1:block;
			--slider2:none;
			--slider-height:200px;
			--top-main-mwidth:calc(100% - 135px);
			--zoombox-height: calc(100% - 110px);
			--zoombox-marg-top:-230px;
			--zoombox-width:var(--top-main-mwidth);
			/* --zoombox-width:660px; */
			--zoombox-marg-left:-330px;
			--wrapper-bottom: 42.25%;
			--wrapper-right: 40%;
}
@media screen
  and  (max-width: 480px)
  {
		:root {
			--slider2:block;
			--slider1:none;
			--top-main-mwidth:100%;

		}
	}
@media screen
  and (min-width: 320px) and (max-width: 639px)
  {
		:root {
			--inner-shadow:0;
			--logo-width:80px;
			--logo-height:70px;
			--height-cart1: 70px;
			--pad-topmain:0px;
			--pad-bottoms:30px;
			--pad-caption1:5px;
			--search-length:150px;
			--topsearch-padleft:70px;
			--topquick-indent:5px;
			--max-width-res:300px;
			--dp-block-hide:none;
			--dp2-block-hide:none;
			--dp-hide-toblock:block;
			--font1-size:1em;
			--font2-size:1em;
			--font3-size:0.9em;
			--font4-size:1em;
			--spacer:100px;
			--packbox-width:300px;
			--name-width:200px;
			--search-button-tt:none;
			--search-button-font:'Material Icons';
			--search-button-right:-32px;
			--cathide:-125px;
			--zoombox-height:300px;
			--zoombox-marg-top:-150px;
			--zoombox-width:calc(100% - 35px);
			--tmp1:calc(var(--zoombox-width) / 2 );
			--zoombox-marg-left:calc(var(--tmp1) - var(--tmp1) - var(--tmp1));
			--wrapper-bottom: 52.25%;
			--wrapper-right: 0;
		}
 }
	@media screen
	  and (min-width: 375px) and (max-width: 640px)
	  {
			:root {
				--search-length:185px;
	 		}
		}
		@media screen
		  and (min-width: 568px) and (max-width: 640px)
		  {
				:root {
					--pack-img-width:140px;
					--pack-img-height:105px;
					--pack-width:100px;
					--slider-height:140px;

		 		}
			}
	@media screen
		and (min-width: 600px) and (max-width:731)
	  {
			:root {
				--topsearch-padleft:200px;
				--color-shadow:black;
				--dp-block-hide:block;
				--dp2-block-hide:none;
				--dp-hide-toblock:none;
				--font1-size:1em;
				--font3-size:0.9em;
				--font4-size:1.5em;
				--spacer:75px;
				--packbox-width:600px;
				--pad-toplogin:-35px;
				--pack-img-width:200px;
				--pack-img-height:150px;
				--pack-width:100px;
				--search-top:40px;
				--slider-height:140px;

			}
		}

@media screen
  and (min-width: 640px) and (max-width:730px)
  {
		:root {
			--inner-shadow:0;
			--logo-width:80px;
			--logo-height:70px;
			--height-cart1: 90px;
			--pad-topmain:30px;
			--pad-bottoms:20px;
			--pad-caption1:5px;
			--logo-top:-15px;
			--topsearch-padleft:220px;
			--topquick-indent:5px;
			--max-width-res:500px;
			--dp-block-hide:block;
			--dp2-block-hide:none;
			--dp-hide-toblock:none;
			--font1-size:1em;
			--font2-size:0.9em;
			--font3-size:0.9em;
			--spacer:100px;
			--packbox-width:600px;
			--name-width:200px;
			--pack-img-width:150px;
			--pack-img-height:112px;
			--pack-width:100px;
			--search-button-tt:none;
			--search-button-font:'Material Icons';
			--search-button-right:-32px;
			--cathide:-125px;
			--slider-height:140px;
			--zoombox-marg-left:-150px; */
			--zoombox-height:300px;
			--zoombox-marg-top:-150px;
			--zoombox-width:600px;
			--zoombox-marg-left:-300px;
 		}
	}
	@media screen
	  and (min-width: 731px) and (max-width: 899px)
	  {
			:root {
				--spacer:130px;
				--pad-topmain:30px;
				--packbox-width:600px;
				--pad-bottoms: 135px;
				--font2-size:0.9em;
				--pack-img-width:150px;
				--pack-img-height:112px;
				--pack-width:100px;
				--topsearch-padleft:255px;
				--search-top:25px;
				--cathide:-125px;
				--zoombox-width:calc(100% - 35px);
				--tmp1:calc(var(--zoombox-width) / 2 );
				--zoombox-marg-left:calc(var(--tmp1) - var(--tmp1) - var(--tmp1));

			}
		}
		@media screen
		  and (min-width: 731px) and (max-width: 899px) and (min-height: 320px) and (max-height: 420px)
		  {
				:root {
					--zoombox-height:280px;
					--zoombox-marg-top:-123px;
					--zoombox-width:533px;
					--zoombox-marg-left:-266px;

				}
			}

		@media screen
		  and (min-width: 900px) and (max-width: 1024px)
		  {
				:root {
					--spacer:130px;
					--pad-topmain:30px;
					--packbox-width:600px;
					--pad-bottoms: 135px;
					--font2-size:1em;
					--pack-img-width:180px;
					--pack-img-height:135px;
					--pack-width:100px;
					--topsearch-padleft:255px;
					--search-top:25px;
				}
			}
	@media screen
	  and (min-width: 1025px)
	  {
			:root {
			}
		}
	@media screen
	  and (max-height: 444px)
	  {
			:root {
				--leftmenu-top:100px;
				--cmenu-height:380px;
			}
		}
	@media screen
		and (max-height: 414px)
		{
			:root {
				--cmenu-height:300px;
			}
		}
	@media screen
		and (max-height: 411px)
		{
			:root {
				--cmenu-height:300px;
			}
		}
	@media screen
	  and (max-height: 390px)
	  {
			:root {
				--leftmenu-height:20px;
				--cmenu-fontsize1:1em;
				--cmenu-lineheight:26px;
				--zoombox-height:300px;
				--cmenu-height:280px;
			}
		}
	@media screen
	and (max-height: 375px)
	{
		:root {
			--cmenu-height:255px;
		}
	}
	@media screen
	and (max-height: 360px)
	{
		:root {
			--cmenu-height:235px;
		}
	}
	@media screen
	and (max-height: 320px)
	{
		:root {
			--leftmenu-height:20px;
			--cmenu-fontsize1:1em;
			--cmenu-lineheight:26px;
			--zoombox-height:212px;
			--cmenu-height:200px;
		}
	}
	@media screen
	and (max-height: 280px)
	{
		:root {
			--cmenu-height:160px;
		}
	}
.catmenuscroll {
		max-height:var(--cmenu-height);
		overflow: auto;
}
.inner-window {
	position: fixed;
  margin-top: 26px;
  overflow-y: scroll;
  display: block;
  top: 57px;
  bottom: 0;
  width: 100%;
}
.inner-page {
  height: 50%;
  position: fixed;
  display: block;
  width: 50%;
  z-index: -1;
  top: 25px;
}
.inner-page-mask1{
  height: 100%;
  position: fixed;
  top: 25px;
  left: 400;
  width: 100%;
  z-index: -1;
}
.inner-page-mask2{
  height: 100%;
  position: fixed;
  top: 220px;
  width: 100%;
  z-index: -1;
}
.pack-a, .pack-a1 {
	font-size: var(--font2-size);
	letter-spacing: -1px;
}
.pack-container, .pack-container1 {
  position: relative;
	display: inline-block;
}
.pack-container .pack-title{
	font-size: var(--font2-size);
  letter-spacing: -1px;
	padding-right:7px;
	padding-left: 1px;
}
.pack-container1 .pack-title1{
	font-size: var(--font2-size);
  letter-spacing: -1px;
}
.pack-price1{
		display: none;
}
.pack-price {
	display: block;
  position: absolute;
	bottom: 2px;
	right: 12px;
  min-width: 85px;
  border-left-style: groove;
  border-left-width: 10px;
	font-size: var(--font2-size);
	letter-spacing: -0.05em;
	padding-right: 7px;
	text-align: right;
}
.pack-title{
	display: block;
  position: absolute;
	top: 2px;
	left: 2px;
  max-width: 80%;
  border-right-width: 10px;
  text-align: left;
	padding: 4px;
	line-height: 14px;
}
.pack-title1{
	display: block;
	position: relative;
	max-width: 125px;
	line-height: 14px;
	text-shadow: 0px 0px 4px white;
	background-color: rgb(218 165 32 / 0%);
	padding-bottom:10px;
}
.pack-area,.pack-area1{
	display: inline-block;
	margin-bottom: 25px;
	padding-right: 10px;
}
.toplogo {
	display: block;
	position: fixed;
	top: var(--logo-top);
	left: 0;
	width: var(--logo-width);
  height: var(--logo-height);
}
.cart_view {
	position: absolute;
  top: 80px;
  width: 400px;
  height: calc(100% - var(--height-cart1));
	border-left: 1px solid #795548;
	border-top: 1px solid;
	border-bottom: 1px solid #795548;
}
.cart_item_img {
	height:125px;
	width:125px;
}
.input-qty {
	width:45px;
	height:40px;
	border:1px solid grey;
	text-indent:5px;
}
.button-update-qty {
	display:inline-block;
	width:50px;
	height:50px;
}
.button-delete, .navb,.item_add2cart {
	padding:4px 6px 4px 6px;
	font-size: var(--font1-size);
	text-align:center;
	border:1px solid #000;
	line-height:13px;
}
.cart-row-item {
	display:block;
	position:relative;
	padding:5px 0 5px;
	border-bottom:1px solid var(--color-button1);
	font-size: var(--font1-size);
	max-width: 300px;
}
.cart-row-inline {
	display:inline-block;
	position: relative;
	min-width: 60px;
}
.cart-row-inner-text {
	padding:0 5px 0 5px;
	width:207px;
	height:auto;
	min-height:22px;
	line-height:22px;
  letter-spacing: -0.04em;
	display: inline-flex;
}
#cartlist {
	padding-left: 100px;
  height: calc(100% - 90px);
  width: auto;
  display: block;
  position: relative;
  overflow-y: overlay;
}
#cart-bottom {
	padding-left: 100px;
  width: auto;
  display: block;
  position: relative;
}
.cart-row{
	width: 245px;
}
.cart-row-item form {
	padding:0;
	margin:0;
}
.cart-row-thumb {
	display:inline-block;
	position:relative;
	width:50px;
	height:50px;
	vertical-align:top;
	margin-top: 5%;
	padding-left: 5px;
}
.item_price, .item_quantity span, .shipping_method, .checkout_total, .checkout_confirm {
	font-size:var(--font2-size);
	line-height:20px;
}
.select1 {
	margin:auto;
	width:206px;
	height:23px;
	line-height:12px;
	border:1px solid #A9A9A9;
	border-radius:0;
	text-indent:5px;
}
.navbar {
	padding-top: 10px;
	text-align-last: center;
	width: 200px
}
#input-search-top {
	width: var(--search-length);
	height: 25px;
	box-sizing: unset;
}
#topcategory {
	position: relative;
	display: inline-block;
	width: var(--name-width);
	font-size: var(--font4-size);
	line-height: 16px;
	padding-top: 9px;
}
#topbar {
	position:fixed;
	display:block;
	width:100%;
	top:0px;
}
#toplspace {
	position: relative;
	display: inline-block;
	width:var(--spacer);
}
#topsearch {
	padding-top: var(--search-top);
	position: relative;
	display: inline-block;
	padding-left: var(--topsearch-padleft);
}
#topright {
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	height:25px;
	width: 22%;
  text-align: right;
	z-index: 1;
	max-width:  150px;
}
#topquick {
	display: block;
  position: absolute;
	top:65px;
  width: 100%;
  text-align: left;
  text-indent: var(--topquick-indent);
	font-family: var(--font-t2);
	z-index: 2;
}
#topquick div {
	z-index: 10;
	display: inline;
}
#toplogin2 {
	display: var(--dp-hide-toblock);
	position: absolute;
	top: 47px;
	left: -10px;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	padding:0;
	padding-right:10px;
}
#top-cart,#toplogin {
	padding-right:10px;
	position: relative;
	display: inline-block;
}
#toplogin {
	display:var(--dp-block-hide);
	width: 46px;
  text-align: center;
	vertical-align: middle;
	margin-left: var(--pad-toplogin);
}
#tlgin {
  letter-spacing: -0.02em;
  display: block;
  position: absolute;
}
#cart-number {
  padding: 1px;
	font-family: monospace;
  margin-top: 1px;
	padding-left: 1px;
  display: block;
  position: relative;
  height: 25px;
}
#top-cart {
  width: 20px;
}
.spacer {
	height:150px;
	display:block;
	position: relative;
}
.bottom-s {
	display: block;
	position: relative;
	text-align: left;
	padding-left: var(--pad-bottoms);
	border-top: 2px solid black;
	height: auto;
}
.box1 {
	display:block;
	position: relative;
	margin-top: 20px;
  vertical-align: top;
  position: relative;
  display: inline-block;
  width: 32%;
  font-family: var(--font-t1);
  letter-spacing: 0.02em;
  line-height: 40px;
	height:auto;
	margin-bottom: 50px;
}
#sparam {
	display: block;
  position: relative;
  text-align: left;
	font-family: var(--font-t1);
	padding-left: 35px;
  padding-bottom: 10px;
}
.remopt {
	display: inline-block;
  padding-left: 5px;
}
.caption3 {
  letter-spacing: 0.15em;
  padding-left: var(--pad-caption1);
	max-width: 300px;
	text-align: left;
	/* margin-top: 12px; */
	/* margin-bottom: 12px; */
  display: block;
	position:relative;
}
.caption1 {
  letter-spacing: 0.15em;
  padding-left: 40px;
  max-width: var(--packbox-width);
  text-align: left;
  font-size: var(--font4-size);
	padding-bottom: 5px;
  padding-top: 5px;
  margin-bottom: 25px;
}
.caption2 {
  letter-spacing: 0.15em;
  padding-right: 40px;
	text-align: right;
	margin-top: 10px;
}
.inner-inner {
	min-height: 65vh;
	padding-left: 14px;
	padding-top: 10px;
	width: calc(100% - 28px);
}
.catsel {
  position: absolute;
  display: block;
	padding-right: 4px;
  padding-bottom: 4px;
  padding-top: 1px;
  top: var(--leftmenu-top);
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	left: var(--cathide);
}
.catsel2 {
	padding-left: 0px;
	width: 135px;
  display: block;
  position: relative;
	height:auto;
}
.cmenu {
	width: 100%;
	display: block;
	margin-top: 5px;
	font-size: 1.4em;
	letter-spacing: -2px;
}
.cmenu-longword {
	font-size: 1.2em;
	letter-spacing: -0.06em;
}
.cmenu-2lines {
	letter-spacing: -0.03em;
	font-size: var(--cmenu-fontsize1);
 	line-height: var(--cmenu-lineheight);
}
.pad1 {
	padding-right:10px;
}
.pad2 {
	padding-top:10px;
}
.vtop {
	vertical-align: top;
}
.vbot {
	vertical-align: bottom;
}
.ul1 li {
	padding-top: 6px;
}
.ba {
  letter-spacing: 0.02em;
}
.button-bigtxt {
	height: 100px;
	width: 100px;
	font-size: var(--font2-size);
	line-height: 1.5em;
	vertical-align: top;
	margin-right: 20px;
}
.bigbutton {
	font-size: var(--font1-size);
  letter-spacing: 0.1em;
  height: 30px;
}
.top-service {
	padding-right: 10px;
}
.chk1 {
	vertical-align: top;
  text-align: left;
  font-family: var(--font-t1);
  line-height: 1.5em;
}
.p1 {
	display: inline-block;
  max-width: 230px;
  text-align: left;
  vertical-align: middle;
  font-size: var(--font1-size);
  font-weight: bold;
  font-family: monospace;
}
.p2 {
	display: inline-block;
  max-width: 500px;
  text-align: left;
  vertical-align: middle;
	font-size: var(--font3-size);;
  line-height: 1.2em;
}
.p2 span {
	font-size: var(--font1-size);
}
.checkbox1 {
	height: 20px;
  width: 20px;
	margin:10px
}
.confirmorder {
	width: 278px;
  border-left: 2px solid black;
  text-align: left;
  letter-spacing: -0.06em;
	padding-right: 5px;
	padding-top: 7px;
	display: block;
position: relative;
}
.pcell {
	width: 80px;
	text-align: right;
}
.sprice {
	font-size: 0.9em;
  font-family: monospace;
  letter-spacing: -0.09em;
  text-align: center;
  line-height: 11px;
}
.rcell {
	text-align: right;
}
.dotted {
	border-bottom: 1px dotted black;
}
.bigbutton1 {
	padding-top: 16px;
	padding-bottom: 18px;
}
.addressbox {
  border-width: 1px;
  max-width: 286px;
	font-size: var(--font3-size);;
  letter-spacing: -0.05em;
  padding-bottom: 10px;
  line-height: 20px;
	padding-left: 5px;
}
.spolicy {
  text-align: right;
  padding-right: 5px;
}
.top-main {
	padding-left: var(--pad-topmain);
	margin-top:20px;
	max-width: var(--top-main-mwidth);
}
.pack-box{
	padding-top: 25px;
  max-width: var(--packbox-width);
	padding-left:var(--pad-topmain);
}
.pack-img{
	width: var(--pack-img-width);
	height: var(--pack-img-height);
	border:2px solid black;
}
.pack-img1{
	width: 125px;
	height: 94px;
	border:2px solid black;
}
.input2 {
	width:calc(var(--search-length) + 6px);
	border-width: 0.1px;
}
.input1 {
	width:var(--search-length);
	border-width: 0.1px;
}
.searchbutton {
	height: 30px;
  vertical-align: bottom;
	display: block;
  position: absolute;
  top: 0;
  right: var(--search-button-right);
}
.pullbar {
	display: block;
	position: absolute;
	height: 41px;
	width: 25px;
	right: -15px;
	top: calc(50% - 21px);
	border-right: 10px solid black;
}
.cathide {
	left: -110px;
}
.bshadow {
	padding-top: 25px;
}
.badge1 {
	width:75px;
	vertical-align: top;
	padding-top: 16px;
}
.text1 {
	max-width:300px;
	text-align: left;
	font-weight: bold;
	letter-spacing: -0.02em;
}
.text2 {
	max-width: var(--packbox-width);
	padding-left: 20px;
	padding-right: 20px;
}
.text3 {
	width: calc(100% - 80px);
  vertical-align: bottom;
}
.box2 {
	margin:0;
	height:300px;
	width:300px;
  padding: 0px 0px;
	font-size: 1.2em;
	overflow: hidden;
	text-align: center;
	position:relative;
	display: inline-flex;
	vertical-align: text-top;
}
.oncra{
	border: 10px solid var(--color-button1);
	width: 190px;
	height: 75px;
	text-align: center;
	vertical-align: middle;
	display: block;
	position: relative;
}
.oncra img{
	display: block;
  position: absolute;
  top: 21px;
  left: 3px;
}
.oncra span{
	font-size: 2em;
  letter-spacing: -0.05em;
  display: block;
  position: absolute;
  top: 16px;
  left: 34px;
}
.sdesc {
	width: 100%;
  text-align: right;
}
.slider1,.slider2 {;
	height: var(--slider-height);
	margin-top: -20px;
	margin-left: var(--pad-topmain);
}
.slider1_none, .slider2_none {
	display: none;
}
.slider1_active {
	display: var(--slider1);
}
.slider2_active {
	display: var(--slider2);
}
#callsearch {
	margin: 0;
  padding: 0;
  position: relative;
}
.arrow-right {
	display: block;
	position: relative;
	border-top: 13px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 32px solid white;
	height: 0;
	width: 0;
	margin-top: 7px;
	margin-left: 5px;
}
.arrow-right:hover {
	border-left: 34px solid rgb(0, 255, 41);
}
.curr_logo {
	width: 40px;
	height: 20px;
}
.pplogo {
	 width: 270px;
	 height: 100px;
	 display: block;
}
.row {display: table-row}
.cell {display: table-cell;}
.table {display: table;    width: 100%;}

.inline{
	display: inline-block;
}
.cart-fold {
	right:-200%
}
.cart-unfold {
	right: -0px;
}
html {
  height:100%;
}
body {
	width: 100%;
	overflow: hidden;
	margin: 0;
  padding: 0;
  border: 0;
}
#pnum {
width:25px;
}
.oh1{
	width: 240px;
	max-width: 80%;
}
.wrapper169 {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.wrapper169 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wrapper43 {
  position: relative;
  padding-bottom: 42.25%;
	margin-right: 40%;
}
.wrapper43 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wrapper-adaptive {
  position: relative;
  padding-bottom: var(--wrapper-bottom);
	margin-right: var(--wrapper-right);
}
.wrapper-adaptive iframe ,.wrapper-adaptive video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pbw {
	padding-right: 10px;
	padding-left: 10px;
}
.cpoint{
  padding-left: calc(50% - 70px);
}
.iframe1 {
	border:0px;
}