@charset "utf-8";
/* CSS Document */

.Bread_crumbs {font-size: 14px;}
.TopMenu, .Head, .Navigation, .Footer, .CopyrightBox{width: auto; max-width: initial;}
.Head .Logo {margin-right: 50px;}
.headerNavigation {position: relative;}
.headerNavigation ul {width: 100%; max-width: 1800px;}
.headerNavigation ul li {width: auto;}
.headerNavigation .headerNavigation-container {width: calc(100% - 64px); margin-right: 64px;}
.headerNavigation .headerNavigation-container ul {width: auto;}
.headerNavigation .headerNavigation-button-next{ background:url(../images_new/master/icon-arrow.png) center 13px no-repeat #aedbd2; margin: 0; width: 32px; height: 42px; top: 0; right: 0;}
.headerNavigation .headerNavigation-button-prev{ background:url(../images_new/master/icon-arrow.png) center 14px no-repeat #aedbd2; margin: 0; width: 32px; height: 42px; top: 0; right: 32px; left: auto; transform: rotate(-180deg);}
.headerNavigation .headerNavigation-button-next.swiper-button-disabled{ display: none; background:url(../images_new/master/icon-arrow.png) center -37px no-repeat #aedbd2; opacity: 1;}
.headerNavigation .headerNavigation-button-prev.swiper-button-disabled{ display: none; background:url(../images_new/master/icon-arrow.png) center -36px no-repeat #aedbd2; opacity: 1; transform: rotate(-180deg);}
.Navigation li.PandaHallSelected a { display: flex; justify-content: center; color: #fe8f01;}
.Navigation li.PandaHallSelected a:before {content: "";background: url(../images_new/selected/master/wap-logo.png) no-repeat;background-size: 100%;width: 33px;height: 24px;float: left; margin: 0 5px;}
.Navigation li.Craft:after { content: url(../images_new/selected/master/new.gif);position: absolute;right: 1px;top: 1px;}
.Navigation li.promotionNav{ position: relative;}
.Navigation li.promotionNav a:before {content:""; display: block; background: url(../images/static/promotion/75off.gif) no-repeat; width: 54px; height: 19px; position: absolute; top: 0px; left: 50%; margin-left: -27px;}
.FixedHeader .PandaHallSelected a {width: auto; }
.FixedHeader .PandaHallSelected a:before {display: none;}
.FixedHeader .headerNavigation .headerNavigation-container {width: calc(100% - 64px); margin-right: 64px;}
.FixedHeader .headerNavigation .headerNavigation-button-next,.FixedHeader .headerNavigation .headerNavigation-button-prev {background-color:#fff;}

.HeadNotice{width: calc(100% - 700px); padding: 0; background: none; height:40px;line-height:40px;overflow:hidden;float:left;margin: 0 auto;font-size:15px;}
.HeadNotice ul li a{ width: auto; max-width:max-content; background: url(../images/master/icon_notice.png) 0 center no-repeat; margin: 0 auto; padding-left:35px; display:block; height:40px; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.Footer .Newsletter {margin: 0 auto;}
.CustomerWrap { width: 100%; display: flex; justify-content: center; }
.CustomerWrap .Line {height: 174px; margin: 0 60px; padding: 0 !important;}
.Websites dd a {width: 240px;}
.Newsletter .EmailText {margin-right: 40px;}
.Footer .Newsletter {width: auto; display: flex; justify-content: center;}
.Newsletter > p {margin-right: 0;}
.SmallLotMain{ float: left; width: calc(100% - 1020px);}
.SmallLotWrap{position:relative; float:left; width: 100%;}
.SmallLotWrap .Search{ overflow:hidden; width: 100%;}
.Search .search_input {width: 100%;}
.SearchPrompt {width: 100%; box-sizing: border-box;}
.SmallLotWrap .SearchText {width: 100%; font-size: 14px;}
.Head {padding: 8px 10px;}
.header-r > a { margin: 0 10px;}
.header-r .Cart, .WishList span {display: block;}
.LoginWrap .Login, .LoginWrap .Account {display: block;}
.LoginWrap .smallLogin {display: none;}
.headerNavigation {font-size: 16px;}
.Navigation li a {padding: 0 20px;}
.FixedHeader > div {width: 100%;}
.FixedHeader .Navigation {width: calc(100% - 840px) !important; background: none; margin-top: 3px;}
.FixedHeader .SmallLotMain {width: auto; right: 440px; padding-top: 0; z-index: 20;}
.FixedHeader .Search .search_input {width: 256px;}
.header-r .LoginBox_Hover .Bg_FFF {width: 100%;}
.TopMenu > span.Country,#ChooseCurrency .Country,.TopMenu .SubNav {font-size: 13px;}
.TopMenu div.Currency ul.NoLi li {font-size: 13px; width: 175px;}
.TopMenu div.Choosed ul {width: 380px;}
.header-r p,.SignIn .MenuList dd a {font-size: 14px;}
.TopMenu div.Currency {background: none;}
.TopMenu div.Currency.Choosed {background: #fff;}
.TopMenu div.Currency a:first-child:after { content: " "; display: block; float: left; width: 7px; height: 4px; margin-top: 6px; background: url(../images/master/pull-down.png) no-repeat; }
.ShippingFee .LinkMore,.CopyrightBox .Copyright,.Websites dd a {font-size: 14px;}
.ShippingFee a:hover .LinkMore {color: #90BFB6;}
.list-wrap .navfix{top: 60px}
#ContentWarp .ContentLeft dd a{font-size: 15px}

@media (max-width: 767px) {
    .BottomNavigation{ background: #FFFFFF; border-top: 1px solid #e8e8e8; position: fixed; width: 100%; padding: 10px 0; bottom: 0; left: 0; z-index: 11; box-sizing: border-box;}
    .BottomNavigation ul{ display: flex; justify-content: center;}
    .BottomNavigation li{ width: 25%; text-align: center; font-size: 14px;}
    .BottomNavigation li a:hover, .BottomNavigation li span:hover{text-decoration: none; color: #90BFB6;}
    .BottomNavigation li a:before, .BottomNavigation li span:before{ content: ""; width: 35px; height: 35px; display: block; background: url(../images/master/master_icon-750.png) no-repeat; background-size: 130px; margin: 0 auto 5px;}
    .BottomNavigation li.Home a:before{ background-position: -90px -252px;}
    .BottomNavigation li.Home a:hover:before{ background-position: -90px -294px;}
    .BottomNavigation li.Categories span:before{ background-position: -92px -209px;}
    .BottomNavigation li.Categories span:hover:before{ background-position: -92px -167px;}
    .BottomNavigation li.Cart a:before{ background:url(../images/master/icon_sign.png) 0 -89px no-repeat; background-size: 140px;}
    .BottomNavigation li.Cart a:hover:before{ background-position: -49px -89px;}
    .BottomNavigation li.Account a:before{ background-position: -111px -518px; background-size: 160px;}
    .BottomNavigation li.Account a:hover:before{ background-position: -111px -570px;}
    .BottomNavigationFixed{ position: fixed;}

    .DocWarp .FixedHeader .Navigation {background: #aedbd2;width: 100% !important;}
    .DocWarp .header-r > a {margin: 0;}
    .DocWarp .headerNavigation {height: auto;}
    .headerNavigation li {padding: 0; height: 42px;}
    .Navigation ul li a {line-height: 42px; height: 42px; font-size: 14px; font-weight: normal; padding: 0 10px;}
    .Navigation li.PandaHallSelected a {height: auto;}
    .Navigation li.PandaHallSelected a:before {margin: 9px 6px; display: none;}
    .FixedHeader .headerNavigation .headerNavigation-button-next, .FixedHeader .headerNavigation .headerNavigation-button-prev {background-color: #aedbd2;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .DocWarp .SmallLotWrap .Search {width: 100% !important;}
    .Join {width: 320px;}
    .TopWrap{font-size: 12px;}
    .HeadNotice{ font-size: 13px; width: calc(100% - 300px);}
    .Head {padding: 8px 0;}
    .Head .header-r{ width: auto; margin-right: 10px;}
    .header-r > a {margin: 0 5px;}
    .Head .Logo {width: auto; margin:5px 10px 0 0;}
    .SmallLotWrap .SearchPrompt {width: 100% !important;}
    .DocWarp .SearchText {width: 100%;}
    .DocWarp .SmallLotWrap {margin: 0;}
    .header-r .Cart, .WishList span{display: none;}
    .LoginWrap .Login, .LoginWrap .Account{ display: none;}
    .SmallLotMain{ width: calc(100% - 520px) !important;}
    .FixedHeader .Navigation {width: calc(100% - 350px) !important;}
    .FixedHeader .Search .search_input {width: 213px;}
    .FixedHeader .Head .SmallLotMain {margin: 0; right: 10px; width: auto !important; padding: 0;}
    .FixedHeader .Head .SmallLotMain .SmallLotWrap {width: auto;}
    .FixedHeader .Head .header-r {display: none;}
    .CopyrightBox .foot table {width: 100%;}
    .headerNavigation-container{ width: calc(100% - 64px);}
    .headerNavigation li{ font-size: 14px;}
    .headerNavigation li a{ padding: 0 20px !important;}
    .headerNavigation .Home a{ background-position: 18px -265px;}
    .Navigation li.PandaHallSelected a:before{ margin-left: 0;}
    .ContentWarp{ padding: 10px 0;}
    .FooterMain{ padding: 10px;}
    .Websites dd a{ width: auto;}
    .CustomerWrap .Line{ margin: 0 20px;}
    .FooterMain{ width: 100%;}
    .CustomerWrap{ flex-wrap: wrap; margin-top: 10px; width: 100%; box-sizing: border-box; padding: 0 10px;}
    .CustomerWrap .HomeOutsideLink{ width: 100%;}
    .CustomerWrap .HomeOutsideLink li:nth-child(2n){ margin-right: 10px;}
    .CustomerWrap .HomeOutsideLink li:last-child{ margin-right: 0;}
    .CopyrightBox .FriendLink{ font-size: 13px;}
    .FriendLink .Line{ padding: 0 5px;}
    .NewsletterMain{ flex-wrap: wrap; justify-content: center;}
    .Footer .Newsletter{ padding: 10px 0;}
    .Newsletter .EmailText{ margin-right: 10px;}
    .CopyrightBox > div{ width: 100% !important; padding-left: 10px; box-sizing: border-box; text-align: center; flex-wrap: wrap; justify-content: center;}
    .CopyrightBox > div > a:first-child {width: 100%; margin-bottom: 5px;}
    .foot > img{ width: 96%; margin: 10px 2% 0 !important;}
    .hidden-sm{ display: none !important;}
    .FixedHeader .SmallLotMain {right: 240px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .NavigationDiv .Categories,.NavMenu {display: none;}
    .FixedHeader .Head .SmallLotMain {margin: 0 10px; right: 0; padding: 0;}
    .FixedHeader .Head .header-r {display: none;}
    .FixedHeader .Navigation {width: calc(100% - 400px) !important;}
    .noticeTipActive, .noticeTipActive p {width: calc(100% - 20px) !important;}
    .TopWrap{font-size: 13px;}
    .HeadNotice{ font-size: 14px;}
    .headerNavigation li{ font-size: 14px;}
    .SmallLotMain{ width: calc(100% - 700px);}
    .FooterMain{ padding: 10px;}
    .Websites dd a{ width: auto;}
    .CustomerWrap{ margin-top: 10px; width: 100%; padding: 10px 20px; box-sizing: border-box;}
    .CustomerWrap .Line{ margin: 0 20px;}
    .Footer .Newsletter{ padding-left: 58px;}
    .FooterLeft{display: none;}
    .FooterMain{ width: 100%;}
    .CustomerWrap .HomeOutsideLink{ width: 400px;}
    .CopyrightBox .FriendLink{ font-size: 13px;}
    .FriendLink .Line{ padding: 0 5px;}
    .Newsletter .EmailText{ margin-right: 20px;}
    .CustomerWrap .FriendLink li {width: auto;}
}
@media only screen and (min-width: 1366px) and (max-width: 1535px) {
    .noticeTipActive, .noticeTipActive p {width: calc(100% - 20px) !important;}
    .headerNavigation li{ font-size: 15px;}
    .FooterMain{ padding: 10px;}
    .Websites dd a{ width: auto;}
    .CustomerWrap .Line{ margin: 0 20px;}
    .Footer .Newsletter{ padding-left: 58px;}
    .FooterLeft{ width: 268px;}
    .FooterMain{ width: calc(100% - 268px);}
    .Newsletter .EmailText{ margin-right: 30px;}
}
@media only screen and (min-width: 1536px) and (max-width: 1799px) {
    .noticeTipActive, .noticeTipActive p {width: calc(100% - 20px) !important;}
    .CustomerWrap .Line{ margin: 0 40px;}
    .FooterWrap .HomeAbout,.FooterWrap .OurApp,.CustomerWrap .FriendLink li {margin-left: 50px;}
    .CustomerWrap .FriendLink a {font-size: 14px;}
}
@media only screen and (min-width: 1800px) {
    .noticeTipActive, .noticeTipActive p {width: 1780px !important;}
    .TopMenu, .Head, .headerNavigation-container, .Footer, .FixedHeader > div{ width: 1800px; margin:0 auto; padding: 0;}
    .Head{ padding: 15px 0;}
    .FooterWrap .HomeAbout,.FooterWrap .OurApp,.CustomerWrap .FriendLink li {margin-left: 50px;}
    .CustomerWrap .FriendLink a {font-size: 14px;}
    .headerNavigation .headerNavigation-container { width: 1800px; margin-right: auto;}
}