.cartNum span          {color:#fff;}
.cartNum:before        {background: #D90012}
.cartNum+span          {padding-left:3px;padding-right:3px;}


.editorBlock ,
.editorBlock *  {text-align: left;font-weight: normal;letter-spacing: 2px}
.editorBlock p  {margin: 16px 0; font-size: 16px;}
.editorBlock h4 {font-weight: bold}
.editorBlock    {word-wrap: break-word; word-break: break-word;}

.hightLight {color:#D90012;}
.hightLight *{color:#D90012;}


.saleIcon .st0 {fill:#1C723F;}
.saleIcon .st1 {fill:#26A65B;}
.saleIcon .st2 {fill:#ffffff;}
.saleIcon.green .st0 {fill:#1C723F;}
.saleIcon.green .st1 {fill:#26A65B;}
.saleIcon.red   .st0 {fill:#DF3344;}
.saleIcon.red   .st1 {fill:#BE1424;}
.saleIcon.org   .st0 {fill:#E77135;}
.saleIcon.org   .st1 {fill:#C55014;}



.listStyle1 li        {padding-left:1em; }
.listStyle1 li:before {content: "\e906"; font-family: 'veganshop' !important;margin-left: -1em;font-size:20px;line-height: 20px;vertical-align: middle;display: inline-block;}
.listStyle1 li:before {color:#26A65B;}


/*---------------------------------------------------------------------------------------------------*/
/* 標題樣式 */
/*---------------------------------------------------------------------------------------------------*/
.blockTitle {text-align: left;align-items: flex-end;-webkit-align-items: flex-end;margin-bottom: 30px;}
.blockTitle h2{padding-bottom: 15px}

.blockTitle h5{font-size:36px;font-weight: bold;line-height:32px;text-transform: capitalize;}
.blockTitle h2{font-size:36px;line-height:32px;}

.blockTitle h5{color:rgba(35,24,21,.2);}
.blockTitle h2{color:#26A65B;}

.blockTitle {border-bottom:1px solid #929293}


@media (max-width: 768px){
	.blockTitle h2 {font-size:200%}
	.blockTitle h5 {font-size:20px}
}


@media (min-width: 769px){
	.showSmall{display:none  !important;}
	.showBig  {display:inherit !important;}
}

@media (max-width: 768px){
	.showSmall{display:inherit !important;}
	.showBig  {display:none !important;}
}



.titleStyle1 {transition: all .3s ease-in;-webkit-transition: all .3s ease-in;}
.titleStyle1 {display:inline-block;padding:10px 0;margin-bottom: 1.5em}
.titleStyle1 {color:#231815;font-size:18px;font-weight: bold;border-bottom:3px solid transparent;}
.titleStyle1,
.titleStyle1:focus,
.titleStyle1:hover,
.titleStyle1:active,
.titleStyle1.active {color:#231815;border-color:#DF3344;}







/*---------------------------------------------------------------------------------------------------*/
/* linkStyle1 */
/*---------------------------------------------------------------------------------------------------*/
.linkStyle1 {transition: all .3s ease-in;-webkit-transition: all .3s ease-in;}
.linkStyle1 {display:inline-block;padding:10px;}
.linkStyle1 {color:#0F0A06;font-size:18px;font-weight: bold;border-bottom:3px solid transparent;}
.linkStyle1:focus,
.linkStyle1:hover,
.linkStyle1:active,
.linkStyle1.active, 
.linkStyle1:focus *,
.linkStyle1:hover *,
.linkStyle1:active *,
.linkStyle1.active .icon,
.linkStyle1:focus .icon,
.linkStyle1:hover .icon,
.linkStyle1:active .icon,
.linkStyle1.active .icon{color:#26A65B;border-color:#26A65B;}





/*---------------------------------------------------------------------------------------------------*/
/* form element */
/*---------------------------------------------------------------------------------------------------*/
form>* {vertical-align: middle;}


/*button font*/
button                {font-size:15px;}
.btn                  {font-size:15px;}

/*button space*/
.btn                  {padding:5px 10px;}
.btn .icon            {padding-right: 3px}
button                {padding:3px 5px;}
button .icon          {padding:0 3px}


/*button style*/
.btn                {-webkit-appearance: none;border-radius:1px}
.btn                {background: #26A65B;color:#fff;box-shadow:1px 0 0 #26A65B,-1px 0 0 #26A65B,0 1px 0 #26A65B,0 -1px 0 #26A65B;-webkit-box-shadow:1px 0 0 #26A65B,-1px 0 0 #26A65B,0 1px 0 #26A65B,0 -1px 0 #26A65B;border:2px solid ;cursor:pointer;}
.btn.big            {border:3px solid}
.btn *              {color:#fff;}
.btn:hover          {background: #DF3344;box-shadow:1px 0 0 #DF3344,-1px 0 0 #DF3344,0 1px 0 #DF3344,0 -1px 0 #DF3344;-webkit-box-shadow:1px 0 0 #DF3344,-1px 0 0 #DF3344,0 1px 0 #DF3344,0 -1px 0 #DF3344;}
.btn.style1         {background: #DF3344;box-shadow:1px 0 0 #DF3344,-1px 0 0 #DF3344,0 1px 0 #DF3344,0 -1px 0 #DF3344;-webkit-box-shadow:1px 0 0 #DF3344,-1px 0 0 #DF3344,0 1px 0 #DF3344,0 -1px 0 #DF3344;}
.btn.style1:hover   {background: #26A65B;box-shadow:1px 0 0 #26A65B,-1px 0 0 #26A65B,0 1px 0 #26A65B,0 -1px 0 #26A65B;-webkit-box-shadow:1px 0 0 #26A65B,-1px 0 0 #26A65B,0 1px 0 #26A65B,0 -1px 0 #26A65B;}
.btn.style2         {background: #595757;box-shadow:1px 0 0 #595757,-1px 0 0 #595757,0 1px 0 #595757,0 -1px 0 #595757;-webkit-box-shadow:1px 0 0 #595757,-1px 0 0 #595757,0 1px 0 #595757,0 -1px 0 #595757;}
.btn.style2:hover   {background: #7C7C7C;box-shadow:1px 0 0 #7C7C7C,-1px 0 0 #7C7C7C,0 1px 0 #7C7C7C,0 -1px 0 #7C7C7C;-webkit-box-shadow:1px 0 0 #7C7C7C,-1px 0 0 #7C7C7C,0 1px 0 #7C7C7C,0 -1px 0 #7C7C7C;}
.btn.style3         {background: #ffffff;box-shadow:none;-webkit-box-shadow:none;border:1px solid #CFD0D0;}
.btn.style3:hover   {background: #26A65B;box-shadow:none;-webkit-box-shadow:none;color:#fff;}


button                {-webkit-appearance: none;border-radius:1px}
button                {background: #26A65B;color:#fff;box-shadow:1px 0 0 #26A65B,-1px 0 0 #26A65B,0 1px 0 #26A65B,0 -1px 0 #26A65B;-webkit-box-shadow:1px 0 0 #26A65B,-1px 0 0 #26A65B,0 1px 0 #26A65B,0 -1px 0 #26A65B;border:2px solid ;cursor:pointer;}
button *              {color:#fff;}
button.big            {border:5px solid}
button:active,
button:focus,
button:hover          {background: #DF3344;box-shadow:1px 0 0 #DF3344,-1px 0 0 #DF3344,0 1px 0 #DF3344,0 -1px 0 #DF3344;-webkit-box-shadow:1px 0 0 #DF3344,-1px 0 0 #DF3344,0 1px 0 #DF3344,0 -1px 0 #DF3344;}
button.style1         {background: #DF3344;box-shadow:1px 0 0 #DF3344,-1px 0 0 #DF3344,0 1px 0 #DF3344,0 -1px 0 #DF3344;-webkit-box-shadow:1px 0 0 #DF3344,-1px 0 0 #DF3344,0 1px 0 #DF3344,0 -1px 0 #DF3344;}
button.style1:hover   {background: #26A65B;box-shadow:1px 0 0 #26A65B,-1px 0 0 #26A65B,0 1px 0 #26A65B,0 -1px 0 #26A65B;-webkit-box-shadow:1px 0 0 #26A65B,-1px 0 0 #26A65B,0 1px 0 #26A65B,0 -1px 0 #26A65B;}
button.style2         {background: #595757;box-shadow:1px 0 0 #595757,-1px 0 0 #595757,0 1px 0 #595757,0 -1px 0 #595757;-webkit-box-shadow:1px 0 0 #595757,-1px 0 0 #595757,0 1px 0 #595757,0 -1px 0 #595757;}
button.style2:hover   {background: #7C7C7C;box-shadow:1px 0 0 #7C7C7C,-1px 0 0 #7C7C7C,0 1px 0 #7C7C7C,0 -1px 0 #7C7C7C;-webkit-box-shadow:1px 0 0 #7C7C7C,-1px 0 0 #7C7C7C,0 1px 0 #7C7C7C,0 -1px 0 #7C7C7C;}
button.style3         {background: #ffffff;box-shadow:none;-webkit-box-shadow:none;border:1px solid #CFD0D0;}
button.style3:hover   {background: #26A65B;box-shadow:none;-webkit-box-shadow:none;color:#fff;}


/*button effect*/
button,.btn {transition: all .3s ease-in;-webkit-transition: all .3s ease-in}





/* fixed ios onfocus auto zoom in*/
@media screen and (-webkit-min-device-pixel-ratio:0) { select, textarea, input {font-size: 16px; } }

/*select*/
.select                     {display:inline-block;padding:0;border:1px solid #CFD0D0;background:url(../../images/temp_a/icon-arrow-down.svg)no-repeat center right/20px,#ffffff;border-radius: 5px}
.select select              {height: 30px;padding-left:1em;padding-right:60px;border:0;background: none; }
.select select              {-webkit-appearance: none; -moz-appearance: none; appearance: none; }
.select select::-ms-expand  {display: none; }
.select+span {display: inline-block;vertical-align: middle;line-height: 30px;font-size:16px;}

/*textarea*/
textarea {border:1px solid #CFD0D0;background:#ffffff;border-radius: 5px}
textarea {padding:1em;}


/*input-normal*/
input              {border:1px solid #CFD0D0;background:#ffffff;border-radius: 5px}
input[type="date"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="text"] {height:30px;line-height: 30px;padding:0 1em;}
input.big          {height:40px;line-height: 40px}
.short+span {display: inline-block;vertical-align: middle;line-height: 30px;padding-left:10px;font-size:16px;}



input::-webkit-input-placeholder {color:#CFD0D0;}
input:-moz-placeholder           {color:#CFD0D0;}
input::-moz-placeholder          {color:#CFD0D0;}
input:-ms-input-placeholder      {color:#CFD0D0;} 
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder           {color:transparent;}
input:focus::-moz-placeholder          {color:transparent;}
input:focus:-ms-input-placeholder      {color:transparent;} 

/*input-radio*/
input[type="radio"] {vertical-align: middle;margin:0 5px;display: inline-block;}


/*input num add or less*/
.inputNum                 {display:inline-block;padding:0;vertical-align: middle;}
.inputNum                 {border:1px solid #CFD0D0;background:#ffffff;border-radius: 5px}
.inputNum *               {display:inline-block;padding:0;vertical-align: middle;height:30px;border:0;line-height: 30px;background: none;}
.inputNum input           {width:2em;text-align: center;padding:0;border:0;background: none;} 
.inputNum img             {vertical-align: top;} 
.inputNum button          {border:0;box-shadow:none} 
.inputNum button:active   {background: #eee} 
.inputNum button:focus    {background: #eee} 
.inputNum button:hover    {background: #eee} 


/*label*/
label                   {display: inline-block;vertical-align: middle;padding-right: 30px}
form p,
form label {font-size:16px;}
form .must:before {content:'*';font-size:18px;color:#D90012;margin-right:5px;}





.formTable                             {width: 100%}
.formTable                             {display: flex;display:-webkit-flex;justify-content: space-between;flex-direction: column;-webkit-justify-content: space-between;-webkit-flex-direction: column;}
.formTable>div                         {display: flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.formTable>div>div                     {flex:1;-webkit-flex:1;}
.formTable>div>*                       {display: block;width: 100%}
.formTable>div                         {margin:1em 0;}
.formTable>div>div:not(:first-child)   {margin-left:2em;}

@media (max-width:768px){
	.formTable>div {flex-direction: column;-webkit-flex-direction: column;}
	.formTable>div>div                       {}
	.formTable>div>div:not(:first-child)     {margin-left:0;margin-top:2em;}
}

.formTable input[type="date"] {width: 100%}
.formTable input[type="text"] {width: 100%}
.formTable textarea           {width: 100%}




.captcha            {background: #aaa;vertical-align: top;}
.captcha+input      {width:80px !important;}





.Bbox_table                   {display:table}
.Bbox_table>*                 {display:table-row;}
.Bbox_table>*>*               {display: table-cell;vertical-align: top;padding:0.5em 1em;}
.Bbox_table>*>*:nth-child(1)  {white-space: nowrap;}







/*---------------------------------------------------------------------------------------------------*/
/* tabList */
/*---------------------------------------------------------------------------------------------------*/
.tabList .tabLabel                    {order:0;}
.tabList .tabContent                  {order:2;width: 100%;}
.tabList .tabContent img              {max-width: 100%;height: auto !important}

/*box*/
.tabList .tabLabel                    {position: relative;}
/*.tabList .tabLabel:after              {content:'';position: absolute;left:0;bottom:-2px;height: 2px;width: 100%;}*/

/* space */
.tabList .tabLabel                    {padding:10px 30px;}
.tabList .tabContent                  {padding:60px 0;}


/*color*/
.tabList .tabLabel                    {border-bottom: 3px solid transparent;}
.tabList .tabLabel:hover              {color: #26A65B;border-bottom: 3px solid #26A65B;}
.tabList .tabLabel.active             {color: #26A65B;border-bottom: 3px solid #26A65B;}
/*.tabList .tabLabel:hover:after        {background: #26A65B}
.tabList .tabLabel.active:after       {background: #26A65B}*/
.tabList .tabContent                  {border-top:1px solid #CFD0D0;}

/*font*/
.tabList .tabLabel                    {font-size:18px;line-height: 1.5em;font-weight: bold;}

.tabList .tabContent                  {display: none}
.tabList .tabLabel.active+.tabContent {display: block;}
.tabList .tabLabel:focus+.tabContent  {display: block;order:1;}

@media (max-width:768px){
	.tabList .tabLabel                     {order:0;}
	.tabList .tabContent                   {order:0;display: block;}
	.tabList .tabLabel:focus+.tabContent   {display: block;order:0;}
	.tabList .tabLabel:after               {background: #26A65B}
	.tabList .tabLabel                     {color: #26A65B;border-bottom: 3px solid #26A65B;}
	.tabList .tabContent                   {padding:5% 0;}
}







/*---------------------------------------------------------------------------------------------------*/
/* stickyBlock */
/*---------------------------------------------------------------------------------------------------*/
[class*="stickyBlock"] {position: fixed;z-index: 999}
[class*="stickyBlock"] {top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.stickyBlock-right {right:0;}
.stickyBlock-left  {left:0;}





/*---------------------------------------------------------------------------------------------------*/
/*pagenav*/
/*---------------------------------------------------------------------------------------------------*/
.pageNav   {margin:60px 0;}
.pageNav ul{padding:0;margin:0;list-style: none}
.pageNav ul{display: flex;justify-content: center;align-items: center;}
.pageNav ul{display:-webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}

.pageNav li a            {width:30px;line-height: 30px;display:inline-block;text-align: center;margin:7.5px;}

.pageNav li a             {background:#CFD0D0;}
.pageNav li.active a,
.pageNav li a:hover {background: #26A65B;}

.pageNav li:first-child a ,
.pageNav li:last-child a           {background: none;width:auto;}
.pageNav li:first-child a:hover ,
.pageNav li:last-child a:hover     {background: none;}



/*---------------------------------------------------------------------------------------------------*/
/* cartPanel */
/*---------------------------------------------------------------------------------------------------*/
.cartPanel                     {display:none;}
.cartPanel                     {position: absolute;z-index: 100;transform: translate(-20%,5px);-webkit-transform: translate(-20%,5px);text-align: center;}
.cartPanel .itemList           {display: flex;flex-direction: column;}
.cartPanel .itemList           {display: -webkit-flex;-webkit-flex-direction: column;}
.cartPanel .itemList           {box-sizing:border-box;padding:1em;max-height: 70vh;overflow-y: auto;overflow-x:hidden;}
.cartPanel .B_item_productlist {width:150px;margin:5px auto;max-width: 100%}
.cartPanel .B_item_title       {height: 2.4em;line-height: 1.2;overflow: hidden;padding-top:5px;}
.cartPanel .cartTxt            {padding:5px;}
.cartPanel .cartPrice          {padding:5px;}

.cartPanel>a{width: 150px; display: block; text-align: center; margin: 10px auto; }

.cartPanel                     {background: #EBEBEB}
.cartPanel .itemList           {background: #F7F8F8}
.cartPanel .cartTxt            {color: #26A65B}
.cartPanel .cartPrice          {color: #26A65B}

.cartPanel .itemList::-webkit-scrollbar {width: 5px; }
.cartPanel .itemList::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.cartPanel .itemList::-webkit-scrollbar-thumb {background: #26A65B }


@media (max-width: 1280px){.cartPanel     {transform:none;-webkit-transform:none;right:0;} }
@media (max-width: 768px){
	.cartPanel                     {position:fixed;top:0;left:0;right:0;bottom:0;padding-bottom:80px;} 
	.cartPanel .itemList           {max-height: 65vh}
	.cartPanel .itemList           {flex-direction:inherit;flex-wrap:wrap;justify-content: flex-start;}
	.cartPanel .itemList           {-webkit-flex-direction:inherit;-webkit-flex-wrap:wrap;-webkit-justify-content: flex-start;}
	.cartPanel .B_item_hoverInfo   {position: static;opacity: 1 !important;flex-direction: row!important;-webkit-flex-direction: row!important;}
	.cartPanel .cartTxt            {line-height: 40px}
	.cartPanel .closeBtn           {position: absolute;top:5px;right:5px;}
	
	.cartPanel .B_item_hoverInfo   {background: none !important}
	.cartPanel .cartTxt            {color: #26A65B}
}


/*---------------------------------------------------------------------------------------------------*/
/* sideCart */
/*---------------------------------------------------------------------------------------------------*/

/*box*/
.sideCart                             {width:120px;}
.sideCart .itemList                   {display: flex;display:-webkit-flex;flex-direction: column;-webkit-flex-direction: column;list-style: none;}
.sideCart .itemList                   {margin:0;}
.sideCart .itemList .item             {padding:10px;}
.sideCart .itemList .itemImg          {width:100%;height:120px;margin-bottom: 1em	}
.sideCart .itemList .itemImg          {display:flex;display:-webkit-flex;}
.sideCart .itemList .itemImg *        {margin:auto;min-width:100%;max-height: 100%;width:auto;height:auto;}
.sideCart .iconList li a              {display: flex;flex-direction:column;justify-content:center;align-items:center;}
.sideCart .iconList li a              {display: -webkit-flex;-webkit-flex-direction:column;-webkit-justify-content:center;-webkit-align-items:center;}
.sideCart .iconList li a>*            {margin-bottom:3px}
.sideCart .iconList li a:hover .info  {top:-2.5em;}

/* font */
.sideCart *               {text-align: center;word-break: break-all;}
.sideCart p               {line-height: 1.2em;color:#666666;}
.sideCart .listTitle      {line-height: 2.3em;color:#fff;}
.sideCart .iconList *     {text-align: center;}
.sideCart .iconList .icon {font-size:21px;}

/*color & bg*/
.sideCart                        {}
.sideCart .listTitle             {background:#231815;}
.sideCart .itemList              {border:1px solid #271800;}
.sideCart .itemList .item        {border-bottom: 1px solid #CFD0D0;background:#fff;}
.sideCart .itemList .itemImg     {background: #efefef;}
.sideCart .iconList .info        {background: #231815;color:#fff;}
.sideCart .iconList .info:after  {border-color:#231815 transparent transparent transparent}

/*effect*/
.sideCart        {transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.sideCart        {opacity: 0;right:-100%;}
.sideCart.scroll {opacity:1;right:0;}



@media (max-width: 992px){
	.sideCart {display: none !important}
}





/*---------------------------------------------------------------------------------------------------*/
/* breadcrumb */
/*---------------------------------------------------------------------------------------------------*/

/*color & bg */
.breadcrumb                         {background: none}
.breadcrumb *                       {color:#000;}
.breadcrumb a                       {color:#000;}
.breadcrumb a:hover                 {color:#26A65B;}
.breadcrumb a:active                {color:#26A65B;}
.breadcrumb a:focus                 {color:#26A65B;}
.breadcrumb li:last-child a:hover   {color:#26A65B;}
.breadcrumb li:last-child           {color:#26A65B;}
.breadcrumb li:last-child a         {color:#26A65B;}

/* font size */
.breadcrumb                      {font-size:1.3846em;color:#000;}
.breadcrumb a                    {line-height: 35px}

/* space */
.breadcrumb                      {padding:0 30px;}
.breadcrumb .Bbox                {padding:0 15px;}
.breadcrumb ul                   {padding:0;margin:0;list-style: none}
.breadcrumb ul                   {display: flex;display:-webkit-flex;margin-bottom:30px;}
.breadcrumb li:after             {content: '>';margin:0 5px;}
.breadcrumb li:last-child:after  {display: none}

@media (max-width: 768px){
	.breadcrumb {display: none}
}





/*---------------------------------------------------------------------------------------------------*/
/*prolist item*/
/*---------------------------------------------------------------------------------------------------*/

.proPrice       {font-size:18px;color:#D90012;line-height: 1em}
.proPrice span  {font-size:15px;color:#000;text-decoration: line-through;padding:0;display:block;vertical-align: middle;}

.B_item_hoverInfo    {position: absolute;top:0;left:0;right:0;bottom:0;}
.B_item_hoverInfo    {display: flex;display: -webkit-flex;flex-wrap:wrap ; justify-content: center;-webkit-flex-wrap:wrap ; -webkit-justify-content: center;overflow: hidden;}
.B_item_hoverInfo>*  {margin:auto;}

.B_item_productlist .B_item_img              {padding-bottom: 100%;overflow: hidden;top:5px;}
.B_item_productlist .B_item_img>a            {position: absolute;top:0;bottom: 0;left:0;right:0;overflow: hidden;}
.B_item_productlist .B_item_img>a img        {width: auto; height: auto; max-height: 100%; max-width: 100%;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.B_item_productlist .B_item_img>a img        {transition: all .3s ease;-webkit-transition: all .3s ease;}
.B_item_productlist:hover .B_item_img>a img  {transform: translate(-50%,-50%) scale(1.4);-webkit-transform: translate(-50%,-50%) scale(1.4);}

.B_item_productlist .B_item_img             {background:url(../../images/temp_a/logo-w.svg)no-repeat center center / 50%}
.B_item_productlist .B_item_img img[src=""] {display: none}



.B_item_productlist .B_item_hoverInfo               {background: rgba(38,166,91,.8)}
.B_item_productlist .B_item_hoverInfo .icon         {font-size:35px;color:#26A65B;background:#fff;width:inherit;}
.B_item_productlist .B_item_hoverInfo .info         {min-width: 120px;top:-100%;background: #231815;color:#fff;}
.B_item_productlist .B_item_hoverInfo .info:after   {border-color:#231815  transparent transparent transparent;}
.B_item_productlist .B_item_hoverInfo a:hover .icon {background:#fff;color:#D90012;border-color:#D90012; }
.B_item_productlist .B_item_hoverInfo li            {margin:15px;}
.B_item_productlist .B_item_hoverInfo li:after      {display: none}

.B_item_productlist .B_item_hoverInfo        {opacity: 0;transition: all .3s ease;-webkit-transition: all .3s ease;}
.B_item_productlist:hover .B_item_hoverInfo  {opacity: 1}
.B_item_productlist:hover .B_item_title      {border-color:#D90012;}



/*typeA (normal prolist)*/
.B_item_productlist.typeA>div:nth-child(1)    {padding-left:5px;padding-right:5px;position: relative;}/*for sale icon*/
.B_item_productlist.typeA>div:nth-child(2)    {padding:0 20px;margin-top:-25px;position: relative;z-index: 10}
.B_item_productlist.typeA>div:nth-child(2)>a  {display: inline-block;width:100%;padding:15px;background: #F7F8F8;}

.B_item_productlist.typeA .B_item_price          {}
.B_item_productlist.typeA .B_item_title          {width: 100%;line-height:1.3em;min-height:2.6em;padding:0;padding-left:30px;font-size:18px;}
.B_item_productlist.typeA .B_item_title          {position: relative;}
.B_item_productlist.typeA .B_item_title:before   {content:''; display: inline-block;position: absolute;left:0;top:-55%;height: 60px;width:30px;}
.B_item_productlist.typeA .B_item_title:before   {background:url(../../images/temp_a/icon-protitle.svg) no-repeat center center }
.B_item_productlist.typeA .B_item_title          {border-bottom:0;}




/*typeB - (cartPanel)*/
.B_item_productlist.typeB>div                     {position: relative;text-align: center;}


.B_item_productlist.typeB .B_item_hoverInfo       {flex-direction: column;justify-content: center;align-items: center;}
.B_item_productlist.typeB .B_item_hoverInfo       {-webkit-flex-direction: column;-webkit-justify-content: center;-webkit-align-items: center;}
.B_item_productlist.typeB .B_item_hoverInfo>*     {margin:10px;width:35px;height:35px;}
.B_item_productlist.typeB .B_item_hoverInfo>*     {display: flex;}
.B_item_productlist.typeB .B_item_hoverInfo>*>*   {margin:auto;}

.B_item_productlist.typeB .B_item_img   {width: 100px;padding-bottom: 100px;margin:auto;}

.B_item_productlist.typeB .itemContent   {display:inline-block;padding-bottom: 10px;}
.B_item_productlist.typeB .itemContent>* {margin:5px auto;}

.B_item_productlist.typeB .B_item_qty     {width: 110px;padding:3px;margin:auto;}
.B_item_productlist.typeB .B_item_qty     {display:flex;justify-content:space-around;}
.B_item_productlist.typeB .B_item_qty     {display:-webkit-flex;-webkit-justify-content:space-around;}
.B_item_productlist.typeB .B_item_qty>*   {padding-left:10px;padding-right:10px;}

/*style*/
.B_item_productlist.typeB .B_item_title,
.B_item_productlist.typeB .B_item_price                  {font-size:15px;text-align: center;}
.B_item_productlist.typeB .B_item_hoverInfo>*            {background:#F7F8F8}
.B_item_productlist.typeB .B_item_qty                    {background:#fff;border:1px solid #CFD0D0;border-radius: 5px}
.B_item_productlist.typeB .B_item_qty>*:nth-child(even)  {border-left:1px solid #F7F8F8;}
.B_item_productlist.typeB:not(:last-child) .itemContent                   {border-bottom: 1px solid #CFD0D0}






@media (max-width: 768px){
	.B_item_productlist.typeD {width: 100%;}
	.B_item_productlist.typeD .B_item_hoverInfo .iconList   {display: none}
	.B_item_productlist.typeA .B_item_title:before { display: none;}
	.B_item_productlist.typeA .B_item_title {padding-left: 0px;}
	.mainContent {padding: 0px 3%;}
	.B_item_productlist.typeA>div:nth-child(2) {padding: 0 10px;}
	.B_item_productlist.typeA>div:nth-child(2)>a {padding: 10px;}

}

@media (max-width: 440px){
	.B_item_productlist.typeD>div:nth-child(1) {width: 30%}
	.B_item_productlist.typeD>div:nth-child(2) {width: 70%;padding-left: 20px}
	.B_item_productlist.typeA .B_item_title{ font-size: 15px;  }
	.B_item_productlist.typeA>div:nth-child(2){ padding: 0 5px; }
}







/*---------------------------------------------------------------------------------------------------*/
/*searchForm*/
/*---------------------------------------------------------------------------------------------------*/

/*pos*/
.searchForm            {position:fixed;top:0;left: 0;display: flex;display: -webkit-flex;z-index: 0;}
.searchForm.open       {z-index: 100}
.searchForm .content   {position:relative; display: flex;display:-webkit-flex;margin:auto;z-index: 100}
.searchForm .content>* {margin:auto;}
/*size*/
.searchForm               {width:100%;height:100%}
.searchForm .content      {width:500px;height:auto;padding: 3%}
.searchForm .content form {width:100%;}
/*style*/
.searchForm .content            {background: rgba(255,255,255,.95);box-shadow:1px 1px 3px rgba(0,0,0,.5);}
.searchForm .content form       {text-align: center;}
.searchForm .content input      {width: 70%;}
.searchForm .content button     {background: none;border:0;padding:0;box-shadow: none}
.searchForm .content button .icon {color:#26A65B;}
.searchForm .content .icon      {font-size:2em;}
.searchForm .content .closeBtn  {position: absolute;top:10px;right: 10px;width: 20px}
/*effect*/
.searchForm            {opacity: 0;top:-100%;transition: opacity .3s ease;-webkit-transition: opacity .3s ease;}
.searchForm.open       {opacity: 1;top:0;}


@media (max-width: 768px){

	/*pos*/	
	.searchForm .content   {margin:0;}
	.searchForm .content>* {margin:auto;}

	/*size*/
	.searchForm               {width:100%;height:100vh;overflow-y:auto}
	.searchForm .content      {width:100%;height:auto;padding: 15% 3%}
	.searchForm .content form {width:100%;}

	/*effect*/
	.searchForm {z-index: 0;height: 0}
	.searchForm.open {z-index: 1000;height: 100vh;}
	

}









/*---------------------------------------------------------------------------------------------------*/
/*loginForm*/
/*---------------------------------------------------------------------------------------------------*/

/*pos*/
.loginForm            {position:fixed;top:0;left: 0;display: flex;display: -webkit-flex;align-items:flex-start;-webkit-align-items:flex-start; z-index: 0;}
.loginForm.open       {z-index: 200}
.loginForm .content   {position:relative; display: flex;display:-webkit-flex;z-index: 100}
.loginForm .content   {margin:10% auto;}
.loginForm .content>* {margin:auto;}
/*size*/
.loginForm               {width:100%;height:100%}
.loginForm .content      {width:80%;max-width:900px;padding: 3%}
.loginForm .content form {width:100%;}
/*style*/
.loginForm .content            {background: rgba(255,255,255,.95);box-shadow:1px 1px 3px rgba(0,0,0,.5);}
.loginForm .content form       {text-align: center;}
.loginForm .content input      {width: 70%;}
.loginForm .content input      {margin:1em auto;}
.loginForm .content button     {margin:1em auto;}
.loginForm .content .btn       {margin:1em auto;padding:3px 2em;display: inline-block;}
.loginForm .content .icon      {font-size:1em;padding:0 5px;}
.loginForm .content .closeBtn  {position: absolute;top:10px;right: 10px;width: 20px}
.loginForm .loginBlock  {border-right: 1px solid #000}
/*effect*/
.loginForm            {opacity: 0;top:-100%;transition: opacity .3s ease;-webkit-transition: opacity .3s ease;}
.loginForm.open       {opacity: 1;top:0;}

.loginForm2            {position:fixed;top:0;left: 0;display: flex;display: -webkit-flex;align-items:flex-start;-webkit-align-items:flex-start; z-index: 0;}
.loginForm2.open       {z-index: 200}
.loginForm2 .content   {position:relative; display: flex;display:-webkit-flex;z-index: 100}
.loginForm2 .content   {margin:10% auto;}
.loginForm2 .content>* {margin:auto;}
/*size*/
.loginForm2               {width:100%;height:100%}
.loginForm2 .content      {width:80%;max-width:900px;padding: 3%}
.loginForm2 .content form {width:100%;}
/*style*/
.loginForm2 .content            {background: rgba(255,255,255,.95);box-shadow:1px 1px 3px rgba(0,0,0,.5);}
.loginForm2 .content form       {text-align: center;}
.loginForm2 .content input      {border:0;background: none;border-bottom: 1px solid #000;width: 70%;}
.loginForm2 .content input      {margin:1em auto;}
.loginForm2 .content button     {margin:1em auto;}
.loginForm2 .content .btn       {margin:1em auto;padding:3px 2em;display: inline-block;}
.loginForm2 .content .icon      {font-size:1em;padding:0 5px;}
.loginForm2 .content .closeBtn  {position: absolute;top:10px;right: 10px;width: 20px}
.loginForm2 .loginBlock  {border-right: 1px solid #000}
/*effect*/
.loginForm            {opacity: 0;top:-100%;transition: opacity .3s ease;-webkit-transition: opacity .3s ease;}
.loginForm.open       {opacity: 1;top:0;}

.loginForm2            {opacity: 0;top:-100%;transition: opacity .3s ease;-webkit-transition: opacity .3s ease;}
.loginForm2.open       {opacity: 1;top:0;}
@media (max-width: 768px){
	/*pos*/	
	.loginForm .content   {margin:0;}
	.loginForm .content>* {margin:0;}
	.loginForm .content .flex {flex-direction: column;justify-content: center;align-items: center;}
	.loginForm .content .flex {-webkit-flex-direction: column;-webkit-justify-content: center;-webkit-align-items: center;}

	/*size*/
	.loginForm               {width:100%;height:100vh;overflow-y:auto}
	.loginForm .content      {width:100%;height:100vh;padding: 3%}
	.loginForm .content form {width:100%;}
	.loginForm .loginBlock   {padding:5% 0; border:0;border-bottom: 1px solid #000}
	.loginForm .regBlock     {padding:5% 0;}

	/*effect*/
	.loginForm      {z-index: 0;height: 0}
	.loginForm.open {z-index: 1100;height:100vh;}
}





/*---------------------------------------------------------------------------------------------------*/
/* topLink */
/*---------------------------------------------------------------------------------------------------*/
.topLink                {padding:0;position: relative;z-index: 100}
.topLink .Bbox          {padding:0 15px;}

.brandLogo .hamburger   {display: none}
.brandLogo img          {vertical-align: middle;}

.socialList *  {transition: all .3s ease-in;-webkit-transition: all .3s ease-in}
.socialList ul {padding:0;margin:0;list-style: none}
.socialList li                  {margin-right: 10px}
.socialList a       .icon       {font-size:30px;text-align: center;color:#231815;vertical-align: middle;}
.socialList a:hover .icon       {color:#D90012;}


.funList .iconList li a          {padding:0 10px;display:inline-block;}
.funList .iconList .icon          {padding-right: 3px}
.funList .iconList li:last-child  {}
.funList                        {font-size:13px;color:#26A65B;}
.funList .icon                  {font-size:16px;color:#26A65B;}
.funList  a:hover .info         {color:#D90012;}
.funList .iconList li:after     {background: none}
.funList .iconList .info        {background: none;color:#26A65B;}
.funList .iconList .info:after  {border-color:#231815 transparent transparent transparent}


.funList .iconList [data-showhide=".cartPanel"].active   {background:#26A65B;color:#fff;}
.funList .iconList [data-showhide=".cartPanel"].active * {color:#fff;}



.seoTxt {color:#26A65B;}
.seoTxt {font-size:13px;}

.topBar {padding:3px;position: relative;z-index: 200}
.topBar {background: #F7F8F8;border-bottom: 3px solid #D90012}

.hotKeyword {padding: 0;}
.hotKeyword {font-size:13px;}
.hotKeyword {border-top:1px solid #EBEBEB;}



/*---------------------------------------------------------------------------------------------------*/
/* navmenu - style*/
/*---------------------------------------------------------------------------------------------------*/


/* pos */
.navmenu .closeNav                  {display: none}
.navmenu .servicePhone              {overflow: visible;padding-left:10px;}
.navmenu .servicePhone .icon        {padding-right:3px;vertical-align: baseline;}

.navmenu>ul>li:hover:after {content: '';display: inline-block;position: absolute;left:50%;bottom:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index: 100}
.navmenu>ul>li:hover:after {width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent rgba(247,248,248,.95) transparent;}

.navmenu .subMenu                   {padding:0;width:90vw;}
.navmenu .subMenu>div               {}
.navmenu .subMenu ul                {margin:30px;}
.navmenu .subMenu .itemTitle        {padding-bottom:1em;margin-bottom: 1em;width:100%;}
.navmenu .subMenu li a              {min-width:120px;max-width:100%;}
.navmenu .subMenu li a              {padding-left: 1.5em;}
.navmenu .subMenu li a:before       {margin-left:-1.5em;float:left;}
.navmenu .subMenu li a:before       {content:"\e906";font-family: 'veganshop' !important;}

/*style*/
.navmenu>ul>li>a              {background:#fff;border:5px solid #fff;border-radius: 5px;border-width: 10px 5px;}
.navmenu>ul>li:hover>a        {background:#F7F8F8;}
.navmenu>ul>li a .EN          {color:#26A65B;}
.navmenu>ul>li a .colorO      {color:#E77135;}
.navmenu>ul>li a .colorR      {color:#DF3344;}
.navmenu>ul>li a .colorB      {color:#267191;}
.navmenu>ul>li a .colorG      {color:#26A65B;}
.navmenu>ul>li a .colorY      {color:#FDD35C;}
.navmenu .subMenu>div         {background:rgba(247,248,248,.95);border-radius: 5px}
.navmenu .subMenu .itemTitle  {border-bottom: 3px solid #DF3344}
.navmenu .subMenu li a:before       {color:#26A65B;}
.navmenu .subMenu li a:hover       {color:#DF3344;}
.navmenu .servicePhone        {color:#DF3344;background:none !important;}
.navmenu .servicePhone .icon  {color:#26A65B;}


/* fontsize */
.navmenu .servicePhone           {font-size:15px;}
.navmenu .servicePhone .icon     {font-size:17px;}
.navmenu .CH                     {font-size:15px;}
.navmenu .EN                     {}
.navmenu .subMenu a              {font-size:15px;}
.navmenu .subMenu .itemTitle     {font-size:18px;}


@media (min-width: 769px){

	.navmenu>ul>li         {padding-left:3px ;padding-right:2px;}
	.navmenu>ul>li:before  {content:'';display: inline-block;width: 1px;height:35px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); z-index: 110;}
	.navmenu>ul>li:before  {background: #CFD0D0}

	.navmenu>ul>li a {padding:5px;min-width: 95px}

	.navmenu .CH           {padding:0;padding-right:1em;margin-top:1em;}
	.navmenu .CH           {background: url(../../images/temp_a/icon-menudown.svg)no-repeat right center;}
	.navmenu .EN           {position: absolute;width: 100%;padding:0;min-width: 120px}
	.navmenu .EN           {transform: scale(.5);transform-origin: left top;-webkit-transform: scale(.5);-webkit-transform-origin: left top;}
}



@media (min-width: 769px) and (max-width: 1160px) {
	.brandLogo {flex:1;-webkit-flex:1;}
	.navmenu   {flex:3;-webkit-flex:3;}
	.navmenu>ul {justify-content: flex-end;-webkit-justify-content: flex-end;}
	.navmenu>ul>li.servicePhone:before{display: none}
}



/*---------------------------------------------------------------------------------------------------*/
/* header - rwd*/
/*---------------------------------------------------------------------------------------------------*/
@media (max-width: 768px){

	/* pos */
	header        {position: static;}
	header.scroll {position:fixed;top:0;left:0;width:100%;z-index: 999;}
	


	/* style */
	header {background: #fff;box-shadow: 0 0 5px rgba(0,0,0,.5)}



	.topLink             {padding: 0 10px;}
	.topLink .flex       {justify-content: center;-webkit-justify-content: center;}
	.topLink .socialList {order:2;}
	.topLink .brandLogo  {order:1;width: 100%}
	.topLink .funList    {order:3;}


	.topLink .seoTxt {display: none}
	.topLink .hotKeyword {display: none}
	.topLink .topBar {height: 0;padding:0;border:0;}

	/*---------------*/
	/*socialList*/
	/*---------------*/
	.topLink .socialList {display: none}

	/*---------------*/
	/*brandLogo*/
	/*---------------*/
	.brandLogo             {display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;-webkit-align-items: center;-webkit-justify-content: space-between;}
	.brandLogo>div         {max-width: 200px}
	.brandLogo img         {vertical-align: middle; max-height: 50px; -webkit-backface-visibility: hidden;}
	.brandLogo .hamburger  {display:block}


	/*---------------*/
	/*funList*/
	/*---------------*/

	/*pos*/
	body                                   {padding-bottom: 50px}
	.funList                               {height: 50px}
	.funList                               {position: fixed;bottom: 0;left:0;right:0;z-index: 999;}
	.funList .iconList                     {justify-content: space-around;-webkit-justify-content: space-around; align-items: center;-webkit-align-items: center; height: 100%;text-align: center;}
	.funList .iconList .info               {transform:none;-webkit-transform:none;  position: static;opacity: 1;width:100%;}
	.funList .iconList.typeB li:after,
	.funList .iconList.typeB .cartPrice,
	.funList .iconList .info:after         {display: none}


	/*style*/
	.funList                   {background: #333;border-top:1px solid #595757;}
	.funList .iconList .info   {background: none;color:#fff;}
	.funList .iconList a       {text-align: center;color:#fff;}
	.funList .iconList .icon   {text-align: center;color:#fff;}
	body #gotop					{bottom:-55px}





	
	/*---------------*/
	/*navmenu*/
	/*---------------*/
    
	/*effect*/
    .navmenu                       {transition: all .3s ease-out;-webkit-transition: all .3s ease-out;}    
    .navmenu *                     {transition: none;-webkit-transition: none;} 

	/*effect*/
    .navmenu.typeB *                     {transition: none;-webkit-transition: none;}    

	/*hide*/
    .navmenu.typeB>ul:before             {display: none}
    .navmenu.typeB>ul:after              {display: none}
	.navmenu.typeB>ul>li:hover>a:before ,
	.navmenu.typeB>ul>li.active>a:before {display: none}

    /*pos*/
	.navmenu.typeB                       {position: fixed;top:0;left:-100%;width:100%;height:100vh;overflow: auto;z-index: 9999}
	.navmenu.typeB                       {padding-bottom: 10%}
	.navmenu.open                        {left:0;}
	.navmenu.typeB a                     {width: auto;display: block}
	.navmenu.typeB ul,
	.navmenu.typeB ul li                 {display: inline-block;width: 100%}
	.navmenu.typeB>ul>li .subMenu           {position: relative;left:0;height:0;transform: none;-webkit-transform:none;}
	.navmenu.typeB>ul>li .subMenu           {display: block;width: 100%;}
	.navmenu.typeB>ul>li .subMenu ul        {flex-direction: column;-webkit-flex-direction: column;justify-content: flex-start;-webkit-justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;flex-wrap: nowrap;-webkit-flex-wrap: nowrap;}	
	.navmenu.typeB>ul>li .subMenu ul        {padding-left:5%;}	
	.navmenu.typeB>ul>li .subMenu a         {width: auto}
    .navmenu.typeB>ul>li:hover .subMenu     {opacity:1;top:100%;height: 100%;overflow:visible;}
    .navmenu.typeB>ul>li.open .subMenu      {opacity:1;top:100%;height: 100%;overflow:visible;}
    .navmenu.typeB>ul>li.active .subMenu    {opacity:1;top:100%;height: 100%;overflow:visible;}

    .navmenu>ul>li a .EN {padding:0;line-height: 1em} 
    .navmenu>ul>li a .CH {padding:0;} 

    .navmenu.typeB .closeNav {display: block;padding:10px;}

	/*style*/
	.navmenu.typeB                {background: #fff}
	.navmenu.typeB>ul>li          {background:url(../../images/temp_a/icon-cross.svg)no-repeat right 1em / 2em auto}
	.navmenu.typeB>ul>li:hover,
	.navmenu.typeB>ul>li.active   {background:url(../../images/temp_a/icon-arrow-down.svg)no-repeat right 1em / 2em auto,#F7F8F8}
	.navmenu.typeB>ul>li>a        {border:0;}
	.navmenu.typeB>ul>li:hover>a  {background:#F7F8F8;border:0;}
	.navmenu.typeB .subMenu a     {}
	.navmenu.typeB .closeNav      {text-align: right;}
	.navmenu.typeB .closeNav img  {width: 30px}

	.navmenu.typeB .subMenu {background: none;box-shadow: none;-webkit-box-shadow:none;}
	
	
}





@media (max-width:440px){
	.funList .iconList .info   {display:block;}
}






/*---------------------------------------------------------------------------------------------------*/
/* footer */
/*---------------------------------------------------------------------------------------------------*/

footer  {margin-top:120px;}
footer  {background: #F7F8F8;}
footer a{color:#929293;}
footer *{font-size:15px;}


.footerContent                         {padding:2.5%;}
.footerContent>*                       {padding-left:2.5%;padding-right:2.5%;}
.footerContent>*:not(.footerContact)   {border-left:1px solid #EBEBEB;}


footer .socialList li    {margin-bottom: 15px}
footer .socialList .icon {padding-right:15px}
footer .socialList .icon {color:#929293;}
footer .socialList a[href="#_"]:hover ,
footer .socialList a[href="#_"]:hover .icon {color:#929293;cursor: default;}


.eNews .flex-center{height: 80px;align-items: center;-webkit-align-items:center;}
.eNews {background: #EBEBEB}
.eNews label{font-size:18px;font-weight: bold;color:#929293;letter-spacing: 2px;}
.eNews input{width:350px;max-width: 90%;padding-left: 45px;}
.eNews input{color:#333;background: url(../../images/temp_a/icon-mail.svg)no-repeat 15px center,#fff;}
.eNews button{width: 160px;margin-left:30px;}
@media (max-width: 768px){
	.eNews .flex-center{height: auto;justify-content: flex-start;-webkit-justify-content: flex-start;}
	.eNews .Bbox>* {margin:10px;}
	.eNews label {width:100%;}
}
@media (max-width:600px){
	.eNews input {width:190px;}
	.eNews button {width:90px;}
}


.siteMap          {}
.siteMap .B_item  {margin-right: 30px}
.siteMap ul       {padding:0;list-style: none;margin:0;}
.siteMap li       {margin-bottom: 20px}

.siteMap a        {text-decoration: underline;}
.siteMap a:hover  {color:#26A65B;}



.footerContact  .Bbox_table *{padding: 0}
.footerContact  .footerLogo {margin-bottom: 30px}
.footerContact  *{color:#929293;}
.footerContact  .icon {color:#26A65B;padding-right: 1em}


footer .hotTags  {width:400px;max-width: 100%;}
.hotTags a       {transition:all .3s ease-out;-webkit-transition:all .3s ease-out}
.hotTags a       {display: inline-block;padding:5px 10px;margin-right:13px;margin-bottom:13px;line-height: 1em;}
.hotTags a       {font-size:15px;color:#929293;border:1px solid #26A65B;border-radius: 5px}
.hotTags a:hover {color:#fff;background:#26A65B;border:1px solid #26A65B;box-shadow: 0 0 5px rgba(38,166,91,.8);}



.copyright .flex>*{margin:5px 1em;}
.copyright {background: #26A65B}
.copyright *{color:#fff;}



@media (max-width: 1350px){
	.footerContent                         {padding:10px;}
	.footerContent>*                       {padding-left:15px;padding-right:15px;}
}
@media (max-width: 1200px){
	footer .hotTags{width:65%;}
	.footerContent>*                       {padding-left:2em;padding-right:2em;margin-bottom: 30px}
}

@media (max-width: 992px){
	.footerContent {justify-content: flex-start;-webkit-justify-content: flex-start;}
	footer .hotTags{width:100%;}
}
@media (max-width: 768px){
	.footerContent {flex-direction: column;-webkit-flex-direction: column;}
}








#gotop {width:60px;height:60px;}
#gotop {position: fixed;right: 0;bottom:0;}
#gotop {transition: all .3s ease-in;-webkit-transition: all .3s ease-in}
#gotop {display: flex;justify-content: center;align-items: center;}
#gotop {display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
#gotop       {background: #F7F8F8;cursor: pointer;}
#gotop:hover {background: #ddd}



















/*---------------------------------------------------------------------------------------------------*/
/* index-brand */
/*---------------------------------------------------------------------------------------------------*/
.indexBrand [class*="B_item"]  {padding:0 15px;}

.indexBrand .B_item_adBlock .item:hover .info  {background: url(indexBrand-hover-bk.png)no-repeat center center/100%;}
.indexBrand .B_item_adBlock .item:hover .info  h3{color:#fff;}
.indexBrand .B_item_adBlock .item:hover .info  button{color:#D90012;background: #fff}

@media (max-width: 1700px) {
	.indexBrand {padding:0 10%;}
}

@media (max-width: 1200px) {
	.indexBrand [class*="B_item"]  {width: 50%}
}

@media (max-width: 600px) {
	.indexBrand [class*="B_item"]  {width: 100%}
	.indexBrand {padding:0 5%;}
}






/*---------------------------------------------------------------------------------------------------*/
/* banner */
/*---------------------------------------------------------------------------------------------------*/
.banner                  {height: inherit;background: #aaa;}
.banner .showSmall       {display: none;}
.banner img.showSmall    {width: 100%}
.banner img              {vertical-align: top;}
@media (max-width: 768px){	
	.banner .slick-prev  {display: none}
	.banner .slick-next  {display: none}
}











/*---------------------------------------------------------------------------------------------------*/
/* adBanner  */
/*---------------------------------------------------------------------------------------------------*/

.adBanner {margin:60px auto;}


/* type A (1 big banner)*/
.adBanner.typeA img {width: 100%;}

/* type B (2 banner , same hight) */
.adBanner.typeB       {display: flex;flex-direction: row;}
.adBanner.typeB       {display: -webkit-flex;-webkit-flex-direction: row;}
.adBanner.typeB .item {margin:15px;}


/* type C ( leftx2 right1 ) */
.adBanner.typeC           {}
.adBanner.typeC .item     {float:left;padding:0.64%;}
.adBanner.typeC .item a   {display: inline-block;position: relative;width:100%;vertical-align: middle;overflow: hidden;}
.adBanner.typeC .item img {width:auto;max-width:none;height: 100%;position: absolute;top:0;left:0;}
/* 
.adBanner.typeC .item:nth-child(1) {width:500px;height:170px;}
.adBanner.typeC .item:nth-child(2) {width:665px;height:355px;}
.adBanner.typeC .item:nth-child(3) {width:500px;height:170px;margin-top:-200px} 
*/
.adBanner.typeC .item:nth-child(1)   {width:43.1%;}
.adBanner.typeC .item:nth-child(2)   {width:56.9%;}
.adBanner.typeC .item:nth-child(3)   {width:43.1%;margin-top:-15.45%;}
.adBanner.typeC .item:nth-child(1) a {padding-bottom:34%;}
.adBanner.typeC .item:nth-child(2) a {padding-bottom:53.38%;}
.adBanner.typeC .item:nth-child(3) a {padding-bottom:34%;}


.adBanner.typeD           {}
.adBanner.typeD .item     {float:left;padding:0.64%;}
.adBanner.typeD .item a   {display: inline-block;position: relative;width:100%;vertical-align: middle;overflow: hidden;}
.adBanner.typeD .item img {width:auto;max-width:none;height: 100%;position: absolute;top:0;left:0;}
.adBanner.typeD .item:nth-child(1)   {width:43.1%;}
.adBanner.typeD .item:nth-child(2)   {width:56.9%;}
.adBanner.typeD .item:nth-child(3)   {width:43.1%;margin-top:-15.45%;}
.adBanner.typeD .item:nth-child(1) a {padding-bottom:34%;}
.adBanner.typeD .item:nth-child(2) a {padding-bottom:53.38%;width:49.36%;display: inline-block;float: left;}
.adBanner.typeD .item:nth-child(2) a+a{float: right}
.adBanner.typeD .item:nth-child(3) a {padding-bottom:34%;}



@media (max-width: 768px){
	.adBanner.typeC .item:nth-child(1)   {width:100%;}
	.adBanner.typeC .item:nth-child(2)   {width:100%;}
	.adBanner.typeC .item:nth-child(3)   {width:100%;margin-top:0;}
	.adBanner.typeD .item:nth-child(1)   {width:100%;}
	.adBanner.typeD .item:nth-child(2)   {width:100%;}
	.adBanner.typeD .item:nth-child(3)   {width:100%;margin-top:0;}

	.adBanner.typeB {flex-direction: column;-webkit-flex-direction: column;}
	.adBanner.typeB .item img{width:100%;}
}


/*---------------------------------------------------------------------------------------------------*/
/* index-block*/
/*---------------------------------------------------------------------------------------------------*/



.indexSlogan            {position:relative; margin-top:-35px;;margin-bottom:60px;z-index: 10}
.indexSlogan>.Bbox      {height:80px;}
.indexSlogan .B_item    {padding:5px;flex:1;-webkit-flex:1;}
.indexSlogan *          {vertical-align: middle;text-align: center;}
.indexSlogan img.icon   {padding-right: 10px}

.indexSlogan>.Bbox                {background: #DF3344;border-radius: 5px;}
.indexSlogan .B_item              {border-right: 1px solid #BE1424}
.indexSlogan .B_item:last-child   {border:0;}
.indexSlogan *                    {font-size:18px;color:#fff;}

@media (max-width: 768px){.indexSlogan{display: none} }



/*nowOnSale & popular & newarrivals */
.adBlock.typeC .blockTitle                            {padding:0;margin-bottom: 30px}
.adBlock.typeC .blockContent                          {padding:0;margin-bottom: 30px}
.adBlock.typeC .blockContent [class*="Bbox_r"]         {margin-bottom: -30px}

.adBlock.typeC .adSlidShow .slick-prev {left:-120px;}
.adBlock.typeC .adSlidShow .slick-next {right:-120px;}
@media (max-width:1570px){
	.adBlock.typeC .adSlidShow             {overflow: hidden;}
	.adBlock.typeC .adSlidShow .slick-prev {left:0;}
	.adBlock.typeC .adSlidShow .slick-next {right:0;}
}
@media (max-width:992px){
	.adBlock.typeC .adSlidShow             {width: 100%;margin-top:15px;}
	.adBlock.typeC .adSlidShow .slick-prev {}
	.adBlock.typeC .adSlidShow .slick-next {}
}
@media (max-width: 1700px) {.adBlock {padding:0 5%;} }
@media (max-width: 600px) {  }



.indexNowOnSale.adBlock.typeC .blockContent> div {width: 100%;}

.indexPopular .blockContent> div {width:100%;}


/*block spac*/
.banner                                       {margin-bottom:0;}
.indexAdBanner                                {margin-bottom:60px;}
.indexAdBanner  .adBanner                     {margin:0;}
.indexNowOnSale                               {margin-bottom:60px;}
.indexPopular                                 {margin-bottom:60px;}
.indexNewArrivals                             {margin-bottom:60px;}
@media (max-width:768px){
	.banner {margin-bottom:10%;}

}

@media (max-width:600px){
	.indexNowOnSale.adBlock.typeA,
	.indexPopular.adBlock.typeA,
	.indexNewArrivals.adBlock.typeA {padding:0 8%;}
}



/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.mainContent {padding:0;margin-top:30px;}
@media (max-width: 1300px){.mainContent {padding:0 5%;} }
@media (max-width: 1200px){.mainContent {padding:0 10%;} }
@media (max-width: 600px) {.mainContent {padding:0 3%;} }


/*---------------------------------------------------------------------------------------------------*/
/* proListBlock */
/*---------------------------------------------------------------------------------------------------*/
.proListBlock  .sideBlock                           {padding-left:50px;}
.proListBlock  .sideBlock .sideSearch               {margin-bottom:60px;}
.proListBlock  .sideBlock .blockTitle               {margin-bottom:0;margin-top:60px;}
.proListBlock  .sideBlock .blockTitle               {border:0;}
.proListBlock  .sideProList .blockTitle  {margin-bottom: 30px}

.sideProList .B_item_productlist.typeD               {margin-bottom: 10px}
.sideProList .B_item_productlist.typeD .B_item_title {line-height: 1.2em}
.sideProList .B_item_productlist.typeD>div:nth-child(1) {width:30%;}
.sideProList .B_item_productlist.typeD>div:nth-child(2) {width:70%;}


.proListBlock .sideBlock .sideSearch               {position: relative;}
.proListBlock .sideBlock .sideSearch input         {width:100%;padding-right:40px;}
.proListBlock .sideBlock .sideSearch button        {position: absolute;top:0;right:0;line-height: 40px;width:40px;}
.proListBlock .sideBlock .sideSearch button        {background: none;border:0;box-shadow:none}
.proListBlock .sideBlock .sideProList .blockTitle  {border-bottom:1px solid #929293;}

@media (max-width: 768px){
	.proListBlock  .blockTitle {margin-top: 0}
}
@media (max-width: 1200px){
	.proListBlock .flex>[class*="Bbox_c"]{width: 100%;flex:inherit;-webkit-flex:inherit;}
	.proListBlock .sideBlock{padding-left:0;margin-top:30px; }
}




/*---------------------------------------------------------------------------------------------------*/
/* spPro (prolist page top suggestion pro) */
/*---------------------------------------------------------------------------------------------------*/
.spProList                      {}
.spProList [class*="B_item"]    {padding-left:15px; padding-right:15px;margin-bottom: 0}
.spProList .B_item_price        {width: auto}
.spProList .B_item_img_icon     {top:15px;}
.spProList .B_item_img          {padding-bottom: 60%}
.spProList .B_item_productlist  {margin-bottom:30px;}

/*color*/
.spProList .B_item_titleSP *       {color:#fff;}
.spProList .B_item_price h3 span   {color:#fff;}
.spProList .B_item_title           {color:#fff;border-bottom:0;border-top:1px solid #D90012;}
.spProList .B_item_img             {background:#fff;border:1px solid #000;}
.spProList .B_item_productlist>div {background: #000}

/*font*/
.spProList h3              {font-weight: bold}
.spProList .B_item_title   {letter-spacing: inherit;}


@media (max-width: 768px){
	.spProList .B_item_productlist {width: 100%;}
}






/*---------------------------------------------------------------------------------------------------*/
/* sideBlock */
/*---------------------------------------------------------------------------------------------------*/

/* sideMenu */
.sideMenu                {padding:0}
.sideMenu .menuList      {padding:0;margin:0;list-style: none;margin-bottom: 1em}
.sideMenu .menuList>li   {}
.sideMenu .menuList>li>a {display:inline-block;padding:10px 30px;width: 100%;}

.sideMenu .subMenu           {padding:0;margin:0;list-style: none}
.sideMenu .subMenu li>a      {padding:1em 10px;padding-left: 60px}
.sideMenu .subMenu a         {width:100%;vertical-align:;display: inline-block;}
/* .sideMenu .subMenu li:before {content:'';display: inline-block;vertical-align: top;border-radius: 100%;margin-right: 1em;margin-left:3px;margin-top:8px;}
.sideMenu .subMenu li:before {width:10px;height: 10px;border-radius: 100%;} */


.sideMenu .menuList>li>a>h3        {padding-left:1em; line-height: 30px}
.sideMenu .menuList>li>a>h3:before {content: "\e906"; font-family: 'veganshop' !important;margin-left: -1em;font-size:20px;line-height: 30px;display: inline-block;vertical-align:middle;}
.sideMenu .menuList>li>a>h3:before {color:#26A65B;}


/*sideMenu font*/
.sideMenu a           {font-weight: normal;font-size:18px;}
.sideMenu h3          {font-weight: normal;font-size:18px;}
.sideMenu .subMenu *  {font-size:18px;line-height: 1.3em;}
.sideMenu .subMenu a  {vertical-align: middle;}

/*sideMenu color*/
.sideMenu .menuList>li                   {border-bottom: 1px solid #929293}
.sideMenu .menuList>li:first-child       {border-top: 1px solid #929293}
.sideMenu .menuList>li.active>a,
.sideMenu .menuList>li>a:hover          {}

.sideMenu .subMenu *                     {}
.sideMenu .subMenu a                     {color:#0F0A06;border-radius: 5px}
.sideMenu .subMenu a:hover               {background:#26A65B;color:#fff;}
.sideMenu .subMenu .active a             {background:#26A65B;color:#fff;}





/*sideFilter*/
.sideFilter       {margin-bottom: 30px}
.sideFilter h3    {padding-left:30px;}
.sideFilter form  {padding:30px 15px;}
.sideFilter form  {border:1px solid #CFD0D0;}
.sideFilter .btn  {padding:3px 5px;}

#priceFilter                      {height:5px;margin-bottom: 30px}
#priceFilter .noUi-handle         {width:20px;height:20px;cursor:pointer;}
#priceFilter .noUi-handle:before  {display: none}
#priceFilter .noUi-handle:after   {display: none}

#priceFilter                      {border:0;background:#aaa;border-radius:0;box-shadow: none;cursor:pointer;}
#priceFilter .noUi-background     {background:#aaa;border-radius:0;box-shadow: none}
#priceFilter .noUi-handle         {border:0;background:#000;border-radius: 100%;box-shadow: none;}
#priceFilter .noUi-connect        {background: #000;box-shadow: none;border-radius: 0}

#showPrice {display: inline-flex;display: -webkit-inline-flex;}
#showPrice>*:first-child:after {content:'>';padding-left:5px;padding-right: 5px}


/* sideAD */
.sideAD     {padding:0;}
.sideAD a   {display:inline-block;margin-top:30px;}
.sideAD img {max-width: 100%v}


/* proFun */
.proFun                      {padding:0;}
.proFun *                    {display: inline-block;vertical-align: middle;}
.proFun .flex>*              {margin-left: 10px;}
.proFun .icon                {padding:0;font-size:30px;color:#595757;}
.proFun .linkStyle1 .icon                {display: none}
.proFun .linkStyle1.active .icon         {display: inline-block;}

.proFun .changeListType               {padding:0;}
.proFun .changeListType               {padding:0;}
.proFun .changeListType:hover .icon   {color:#fff;}

@media (max-width: 768px) {
	.proFun>div>div>span {display: none}
}
@media (max-width: 500px) {
	.proFun>div>div {width: 100%;}
	.proFun>div>div:nth-child(2) {text-align: right}
	.proFun>div>div>span {display: none}
    #searchForm {width:100%;margin:1em 0;}
	#searchForm .select{width:100%;}
	#searchForm .select select{width:100%;}
}








/*---------------------------------------------------------------------------------------------------*/
/* proList */
/*---------------------------------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------------------------------*/
/* relatedPro */
/*---------------------------------------------------------------------------------------------------*/
.relatedPro.adBlock.typeA  .adSlidShow {width: 100%}







/*---------------------------------------------------------------------------------------------------*/
/* proDetail */
/*---------------------------------------------------------------------------------------------------*/

/* box */
.proDetail [class*="B_item_"]               {padding:0}

.proDetail .B_item_proImg                   {width:690px;max-width:58%;padding-right:15px;}
.proDetail .B_item_proInfo                  {width:42%;padding-left:15px;}
.proDetail .B_item_proInfo .proPrice span   {display: inline;padding:0 10px;}
.proDetail .socialList .iconList            {display: inline-flex;display:-webkit-inline-flex;}

.proDetail .B_item_img_icon     {position: absolute;left:0;top:0;margin:0;z-index: 10}
.proDetail .B_item_img_icon img {position: relative;}
.proDetail .B_item_img_icon svg {display: block}



.proDetail .proImgSlid                 {position: relative;}
.proDetail .proImgSlid .item           {text-align: center;}
.proDetail .proImgSlid .item img       {display: inline-block;}
.proDetail .proImgSlid_Nav             {position: relative;padding:0 100px;}
.proDetail .proImgSlid_Nav .item       {cursor: pointer;padding:3px;}
.proDetail .proImgSlid_Nav .slick-prev {left:0;}
.proDetail .proImgSlid_Nav .slick-next {right:0;}

@media (max-width: 1200px){
	.proDetail .B_item_proImg    {max-width:50%;}
	.proDetail .B_item_proInfo   {width:50%;}
}

@media (max-width: 992px){
	.proDetail      {display: block;}
	.proDetail .B_item_proImg    {max-width:100%;width:100%;padding-right:0;}
	.proDetail .B_item_proInfo   {width:100%;padding-left:0;}
}

@media (max-width: 768px){
	.proDetail .B_item_proImg    {max-width:100%;}
	.proDetail .B_item_proInfo   {width:100%;}
}

@media (max-width: 420px){
	.proDetail #proImgSlid_Nav {visibility: hidden;}
}

/* back to list btn's pos*/
/*.proDetail .B_item_proInfo           {position: relative;}
.proDetail .B_item_proInfo .proTitle {padding-right:100px;margin-top:0;}

@media (max-width: 768px){
	.proDetail                            {position: relative;padding-top:3em;}
	.proDetail .B_item_proInfo            {position: static;}
	.proDetail .B_item_proInfo .proTitle  {padding-right:0;}
	.proDetail .B_item_proInfo .btn.back  {position: absolute;left:0;top:0;width: 100%;height: 3em; line-height: 3em; padding: 0; text-align: center;} 
}
*/

/* space */
.proDetail .B_item_proInfo .proTitle   {margin-bottom: 30px}
.proDetail .B_item_proInfo .proPrice   {margin-bottom: 10px}
.proDetail .B_item_proInfo .proEvent   {margin-bottom: 30px}
.proDetail .B_item_proInfo .proTxt     {margin-bottom: 30px; }
.proDetail .B_item_proInfo .proOption  {margin-bottom: 30px}
.proDetail .B_item_proImg>div          {margin-bottom: 30px}
.proDetail .B_item_proMore             {margin-bottom: 30px;margin-top:80px;}
.proDetail .addCart                    {width:150px;max-width:100%;}
.proDetail .proOption                  {padding:15px 0;}
.proDetail .proOption form>*           {margin-top:15px;margin-bottom:15px;}
@media (max-width: 768px){

	.proDetail .addCart                 {width:100%;margin-top:1.5em;}
}


/* size */
.proDetail .B_item_proImg img {max-width: 100%}
.proDetail .proOption         {border-width: 1px 0;border-style: solid;border-color:#929293;}



/* font */
.proDetail .B_item_proImg  {text-align:center;}
.proDetail .B_item_proInfo {text-align:left;}
.proDetail .proTitle       {line-height: 1.3em}
.proDetail .proTxt         {font-size:18px;}
.proDetail .proEvent a           {display: inline-block;margin-bottom: 5px}
.proDetail .proEvent a:focus,
.proDetail .proEvent a:hover     {opacity: .8}
.proDetail .proEvent a.style1    {color:#26A65B;}
.proDetail .proEvent a.style1_1  {color:#26A65B;border:1px solid #26A65B;padding-left:3px;padding-right:3px;}
.proDetail .proEvent a.style1_2  {color:#ffffff;border:1px solid #26A65B;background:#26A65B;padding-left:3px;padding-right:3px;}
.proDetail .proEvent a.style2    {color:#DF3344;}
.proDetail .proEvent a.style2_1  {color:#DF3344;border:1px solid #DF3344;padding-left:3px;padding-right:3px;}
.proDetail .proEvent a.style2_2  {color:#ffffff;border:1px solid #DF3344;background:#DF3344;padding-left:3px;padding-right:3px;}
.proDetail .proEvent a.style3    {color:#E77135;}
.proDetail .proEvent a.style3_1  {color:#E77135;border:1px solid #E77135;padding-left:3px;padding-right:3px;}
.proDetail .proEvent a.style3_2  {color:#ffffff;border:1px solid #E77135;background:#E77135;padding-left:3px;padding-right:3px;}
.proDetail .storeInfo            {color: ;font-size: 16px;}
.proDetail .storeInfoTitle       {color: #333;font-size: 18px;font-weight: bold;}
.proDetail .storeName            {color:#26A65B;font-size: 16px;font-weight: bold;}

/*product====================================================================================*/
.proDetail .storeInfo{
	width: 100%;
	padding: 30px 0 36px 0;
	border-top: 1px #929293 solid;
	border-bottom: 1px #929293 solid;
	color: #6A6A6A;
}
.proDetail .storeBrandBlock{
	width: 100%;
	display: flex;
	align-items: center;
}
.proDetail .storeBrand{
	display: inline-block;
	width: 90px;
	height: 90px;
	border: 1px #CFCFCF solid;
	overflow: hidden;
	margin-right: 18px;
	margin-top: 23px;
	margin-bottom: 20px;
}
.proDetail .storeBrand img{
	width: 100%;
	height: auto;
	display: block;
}
.proDetail .rank{
	display: flex;
	align-items: center;
}
.proDetail .rank span{display: inline-block;}
.proDetail .region{margin-right: 20px;}
.proDetail .region i{
	margin-right: 8px;
}
.proDetail .star{
	color: #e75f00;
	margin-right: 6px;
}
.proDetail .storeInfo-btn1,.proDetail .storeInfo-btn2{
	display: inline-block;
	width: 133px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border-radius: 5px;
}
.proDetail .storeInfo-btn1{
	background-color: #26A65B;
	color: #fff;
	margin-right: 15px;
}
.proDetail .storeInfo-btn2{
	background-color: #fff;
	color: #5F5F5F;
	border: 1px #929293 solid;
}
.proDetail .storeListBlock{
	width: 100%;
	margin-top: 39px;
}
.proDetail .storeList{
	width: 100%;
	padding-left: 10px;
}
.proDetail .storeList li{
	width: 100%;
	padding-left: 166px;
	list-style: none;
	color: #B2B2B2;
	position: relative;
}
.proDetail .storeList span:first-child{
	position: absolute;
	left: 0;
}
.proDetail .storeList span:last-child{
	color: #323232;
}

/*---------------------------------------------------------------------------------------------------*/
/* newsList */
/*---------------------------------------------------------------------------------------------------*/
.B_item_newslist *{text-align: center;}
.B_item_newslist .B_item_date  {display: block !important;text-align: center !important; }
.B_item_newslist .B_item_img   {padding-bottom: 100%}
.B_item_newslist .B_item_img a {position: absolute;top:0;left:0;right:0;bottom:0;overflow: hidden;}
.B_item_newslist .B_item_link  {margin:10px 0;}

.B_item_newslist .B_item_img              {background:url(../../images/temp_a/logo-w.svg)no-repeat center center / 50%,#F7F8F8}
.B_item_newslist .B_item_img img[src=""]  {display: none}
.B_item_newslist .B_item_img img          {min-height: 100%;min-width: 100%;max-width:none;max-height:none;width:auto;height:auto;left:50%;top:0;transform: translateX(-50%);-webkit-transform: translateX(-50%);}

/*---------------------------------------------------------------------------------------------------*/
/* cart */
/*---------------------------------------------------------------------------------------------------*/

.stepTitle         {position: relative;display:inline-block; }
.stepTitle:after   {content:'';position: absolute;left:0;bottom:-2px;height: 2px;width: 100%;}

/* spack */
.stepTitle    {padding:0 30px;}

/*color*/
.stepTitle:after    {background: #D90012}
.stepTitle:hover:after    {background: #D90012}
.stepTitle.active:after   {background: #D90012}

/*font*/
.stepBlock {text-align: center;margin:30px 0;}
.stepTitle {font-size:24px;line-height: 1.5em;font-weight: bold;text-align: center;}


@media (max-width:768px){
.stepTitle {width: 100%}
}




.cartPage>* {margin:30px 0;display: table;	width: 100%}
.checkOut>* {margin:30px auto;}
.orderComplete>* {margin:30px 0;}


.couponForm   {margin-bottom: 60px}
.couponForm.flex-center   {align-items: center;-webkit-align-items:center;}
.couponForm>* {margin:1em;}


/*orderlist*/
.orderList                       {display:table;width:100%;margin:30px 0;max-width: 100%}
.orderList .proItem              {display:flex;display:-webkit-flex;justify-content: flex-start;flex-wrap: nowrap;-webkit-justify-content: flex-start;-webkit-flex-wrap: nowrap;}
.orderList .proItem>div          {flex:1;-webkit-flex:1;padding:1em;}
.orderList .proInfo              {display: flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;-webkit-justify-content:space-between;-webkit-flex-wrap:wrap;}
.orderList .proInfo>div          {margin:3px; line-height: 2.2em;}
.orderList .proTitle			 {width:40%;}
.orderList .proNum			     {width:20%;}
.orderList .proTotal			 {width:20%;}
.orderList .proInfo>.proPrice    {width:10%; }
.orderList .proTitle h5			 {font-size:16px;}

.orderList .proImg       {max-width:120px;min-width: 40px}
.orderList .proImg img   {width:100%;max-width: none}
.orderList .proNum       {min-width:100px;}

.orderList .proItem *    {font-size:1em;}

.orderPayStyle      {text-align: center;}
.orderPayStyle>div  {margin-bottom: 30px}
.orderPayStyle label  {white-space: nowrap;}

@media (max-width: 768px){
	.orderPayStyle .flex {flex-direction: column;-webkit-flex-direction: column;}
	.orderPayStyle .flex>* {margin:10px;}

	.orderList .proTitle  {width:100%;}
	.orderList .proNum	  {width:100%;}
	.orderList .proTotal  {width:50%;}
	.orderList .proDel	  {}

	.orderList .proInfo>.proPrice    {width:100%;}
}
@media (max-width: 400px){
	.orderList .proItem>.proInfo {flex:1;-webkit-flex:1;}
	.orderList .proItem>.proImg {flex:1;-webkit-flex:1;}
	.orderList .proTotal  {width:100%;}
	.orderList .proDel    {width:100%;}
}

/*orderCount*/
.orderCount         {padding:15px;text-align: right;border-top:1px solid #ccc;}
.orderCount>div     {display:inline-block;}
.orderCount>div>div {margin:15px 0;}
.orderCount * {font-size:16px;}
.orderCount #span_total {font-weight: bold}

.orderComplete .orderList .proItem      {align-items: center;-webkit-align-items: center;}
.orderComplete .orderList .proItem>div  {padding:0 1em;}
.orderComplete .orderList .proImg       {max-width:80px;min-width: 40px}
.orderComplete .orderList .proPrice     {color:#333;line-height: inherit;}
.orderComplete .Bbox_table {margin:30px auto;}
@media (max-width: 400px){
	.orderComplete .orderList .proItem      {align-items:flex-start;-webkit-align-items:flex-start;}
	.orderComplete .orderList .proItem>div  {padding:1em;}

}



/*orderInfo*/
.orderInfo>*:nth-child(1) {width:50%;}
.orderInfo>*:nth-child(2) {width:50%;}
.orderInfo .stepBlock {text-align: left}
.orderInfo .Bbox_table {margin:0;font-size:16px;}
@media (max-width: 768px){
	.orderInfo>*:nth-child(1) {width:100%;}
	.orderInfo>*:nth-child(2) {width:100%;}
}



/*---------------------------------------------------------------------------------------------------*/
/* member */
/*---------------------------------------------------------------------------------------------------*/



/*memberOrder*/
.memberOrder>*                {margin-bottom: 30px}
.memberOrder .Bbox_table      {width: 100%}
.memberOrder .Bbox_table>*>*  {vertical-align: middle;text-align: center;padding:1em;}
.memberOrder .Bbox_table>*>*  {border-bottom:1px dotted #efefef;}

.memberOrder .Bbox_table>*>*:nth-child(1)    {white-space: normal;}
.memberOrder .orderID a    {}
.memberOrder .orderID a:hover    {color:#D90012;}
@media (max-width:768px){
	.memberOrder .Bbox_table>*>* {padding:1em 0;}
}

@media (max-width:500px){
		.memberOrder .Bbox_table .payFun {display: none}
		.memberOrder .Bbox_table>*>* {}
		.memberOrder .Bbox_table a {}
}


/*memberOrderDetail*/
.memberOrderDetail.flex>*>* {margin-bottom: 30px}
.memberOrderDetail .Bbox_c3 {padding:0;}
.memberOrderDetail .orderList .proImg {max-width: 80px; min-width: 40px;}
.memberOrderDetail .orderList .proItem {align-items: center;-webkit-align-items: center; }
.memberOrderDetail .orderList .proItem>div {padding: 0 1em; }





.memberOrder .sideMenu,
.memberOrderDetail .sideMenu,
.memberPwd .sideMenu,
.memberPay .sideMenu,
.memberData .sideMenu{
	padding-right: 50px;
}


@media (max-width:1200px){
	.memberOrder  {flex-direction: column;-webkit-flex-direction: column;}
	.memberOrder>*:nth-child(1) {order:2;-webkit-order:2;}
	.memberOrder>*:nth-child(2) {order:1;-webkit-order:1;}
	.memberOrder .sideMenu  {padding-right: 15px}
}

@media (max-width:1200px){
	.memberOrderDetail  {flex-direction: column;-webkit-flex-direction: column;}
	.memberOrderDetail>*:nth-child(1) {order:2;-webkit-order:2;margin-top:40px;}
	.memberOrderDetail>*:nth-child(2) {order:1;-webkit-order:1;}
	.memberOrderDetail .sideMenu  {padding-right: 15px}
}


/*memberPwd*/
@media (max-width:1200px){
	.memberPwd  {flex-direction: column;-webkit-flex-direction: column;}
	.memberPwd>*:nth-child(1) {order:2;-webkit-order:2;margin-top:40px;}
	.memberPwd>*:nth-child(2) {order:1;-webkit-order:1;}
	.memberPwd .sideMenu  {padding-right: 15px}
}

/*memberPay*/
@media (max-width:1200px){
	.memberPay  {flex-direction: column;-webkit-flex-direction: column;}
	.memberPay>*:nth-child(1) {order:2;-webkit-order:2;margin-top:40px;}
	.memberPay>*:nth-child(2) {order:1;-webkit-order:1;}
	.memberPay .sideMenu  {padding-right: 15px}
}


/*memberData*/
@media (max-width:1200px){
	.memberData  {flex-direction: column;-webkit-flex-direction: column;}
	.memberData>*:nth-child(1) {order:2;-webkit-order:2;margin-top:40px;}
	.memberData>*:nth-child(2) {order:1;-webkit-order:1;}
	.memberData .sideMenu  {padding-right: 15px}
}








/*---------------------------------------------------------------------------------------------------*/
/* joinForm */
/*---------------------------------------------------------------------------------------------------*/
.joinForm ul {list-style: none;margin-bottom: 2em}
.joinForm p,
.joinForm ul * {font-size:14px;line-height: 2;}
.joinForm p {margin-bottom: 40px}
.joinForm h5 {font-size:1.3em;color:#000;text-decoration: underline;margin:1em auto}




/*---------------------------------------------------------------------------------------------------*/
/* plugAD */
/*---------------------------------------------------------------------------------------------------*/
.plugAd       {position: absolute;z-index: 100}
.plugAd       {top:550px;left:7.5%;}
.plugAd .item {width:145px;margin-bottom: 15px}

.index .plugAd {top:850px;}






/**/
.topMenu2 {background:#26A65B;}
.topMenu2 ul{padding:0;margin:0;text-align: center;list-style: none;}
.topMenu2 ul{display:flex;justify-content: center;flex-wrap: wrap}
.topMenu2 ul{display:-webkit-flex;-webkit-justify-content: center;-webkit-flex-wrap: wrap}
.topMenu2 li{text-align: center;padding:0;margin:5px 0;line-height: 1}
.topMenu2 a{padding:0 1em;display: inline-block;line-height: 1.3;vertical-align: middle;}
.topMenu2 a{font-size:15px;color:#fff;}
.topMenu2 a:hover{color:rgba(255,255,255,.5);}
.topMenu2 li {border-right:1px solid #198e49;}
.topMenu2 li:first-child {border-left:1px solid #198e49;}
@media (max-width:768px){
	.topMenu2 ul{justify-content: flex-start;-webkit-justify-content: flex-start;flex-wrap: nowrap;-webkit-flex-wrap:nowrap;}
	
	.topMenu2     {overflow-x:auto;overflow-y: hidden;padding:0;}
	.topMenu2 ul  {overflow:hidden;overflow-x:auto;text-align: left;padding:0;}
	.topMenu2 .Bbox {padding:0;}
	.topMenu2 ul a{white-space: nowrap;line-height: 2em}
	.topMenu2 li:first-child {border-left:0;}
	
/*	.topMenu2 li{width:50%}
	.topMenu2 li:first-child {border-left:0;}
	.topMenu2 li:nth-child(even) {border:0;}*/
}









#twzipcode select,
#twzipcode input {margin-bottom: .5em}
#twzipcode input {width: auto}

@media (max-width:768px){
	.cartPanel .B_item_title {color:#333;}
	.cartPanel .B_item_qty {color:#333;}

}