@charset "utf-8";

@media (max-width: 767px) {
	.hidden-xs{ display: none !important;}
	.DocWarp .MainContent,.DocWarp #ContentWarp,.DocWarp .Content,.DocWarp .FooterWrap,.DocWarp .Head,.DocWarp .Header {width: 100%;min-width: 100%;}
	/*头部模块*/
	.DocWarp_2 {position: relative;}
    .DocWarp_2 .Header {position: fixed;top: 0;width: 100%;max-width: 650px !important;min-width: auto;background: #fff;z-index: 100;box-shadow: 0px 3px 5px -2px #e7e6e6;}
    .DocWarp.DocWarp_2 {padding-top: 102px;}
	.Head {padding: 10px;box-sizing: border-box;background: #fff;}
	.Category {background: url(../images/res-imgs/master_icon-750.png) 0px 0px no-repeat;width: 45px;height: 31px;float: left;margin-top: 15px;margin-right: 20px;}
	.Category:hover {background-position: 0px -400px;}
	.Logo {width: 37.125%;margin-right: 0 !important;}
	.Logo img {width: 100%;}
	.DocWarp_2 .header-r {float: right;width: auto; padding: 0;}
	.DocWarp_2 .header-r a {float: left;padding: 0; height: auto;}
	.DocWarp_2 .header-r .searchImg{position: inherit;transform: initial;margin-top: 10px;width: 26px;height: 20px;}
	.DocWarp_2 .header-r .searchImg{position: inherit;transform: initial;margin-top: 10px;width: 25px;height: 20px;}
	.DocWarp_2 .header-r .Search {background: url(../images/res-imgs/master_icon-750.png) 0 -100px no-repeat;width: 41px;height: 41px;margin-right: 45px;}
	.DocWarp_2 .header-r .Search:hover {background-position: 0px -500px;}
	.DocWarp_2 .header-r .ShoppingCart {background: url(../images/res-imgs/master_icon-750.png) -0px -200px no-repeat;width: 44px;height: 44px;margin-right: 45px;}
	.DocWarp_2 .header-r .ShoppingCart:hover {background-position: 0px -600px;}
	.DocWarp_2 .header-r .Debarkation {background: url(../images/res-imgs/master_icon-750.png) 0px -300px no-repeat;width: 38px;height: 40px;}
	.DocWarp_2 .header-r .Debarkation:hover {background-position: -1px -700px;}
	.Navigation {width: 100%;height: 80px;padding: 0;}
	.Navigation ul {width: 100%;}
	.Navigation ul li {width: 25%;background: #333333;text-align: center;border-right: 1px #999 solid;box-sizing: border-box;}
	.Navigation.hasClearence ul li{width: 20%;}
	.Navigation ul li:nth-child(5) {border-right: none;}
	.Navigation ul li:hover {background: #d21f34;}
	.Navigation ul li:hover a {color: #fff !important;}
	.Navigation ul li a {width: 100%;line-height: 1.5rem;color: #fff;font-size: 1.5rem;padding: 0;font-weight: 500;text-decoration: none;padding-top: 15px;height: 80px;box-sizing: border-box;margin: 0;}
	.Navigation ul li:nth-child(1) a{line-height: 5rem;padding-top: 0;}
	.Navigation ul li:nth-child(5) a{line-height: 2.5rem;padding-top: 0;}
	.Navigation ul li:hover .BS_down {display: block;}
	.FixedHeader > div {width: 100%;}
	.FixedHeader .Logo {display: block;}
	.FixedHeader .Head .header-r {padding: 0;}
	.FixedHeader .Navigation {margin: 0;width: 100%;}
	.FixedHeader .SmallLotMain {display: none;}


	  /*尾部模块*/
	.FooterMain {padding: 0 10px;}
	.FooterWrap{border: none;background: #fafafa;padding-top: 0px;}
	.FooterWrap .FriendLink .Share{ text-align: center;}
	.FooterWrap .MinHelpLink dl{ width: 100%; padding: 0; float: none;}
	.FooterWrap .MinHelpLink dl:nth-child(2) dt {border-top: 0;}
	.FooterWrap .MinHelpLink dl:nth-child(3) dt {border-top: 0;}
	.MinHelpLink dt{ padding: 0; cursor: pointer; line-height: 3.125rem; height: 50px; border-bottom: #e6e4e4 solid 1px; font-size: 15px;position: relative;font-family: "Open Sans";}
	.MinHelpLink dt em { background: url(../images/res-imgs/master_icon-750.png) 0px -1300px no-repeat;width: 30px;height: 17px;display: block;position: absolute;right: 9px;top: 15px;transform: scale(0.6);}
	.MinHelpLink dt em.fold{background: url(../images/res-imgs/master_icon-750.png) 0px -1399px no-repeat;}
	.MinHelpLink dt:before {width: 20px; height: 2px; top: 24px; right: 20px;}
	.MinHelpLink dt:after {width: 2px; height: 20px; top: 17px; right: 29px;}
	.MinHelpLink dt em.fold,.MinHelpLink dl.UnFold dt em{background: url(../images/res-imgs/master_icon-750.png) 0px -1400px no-repeat;}
	.MinHelpLink ul {padding: 0 10px;}
	.FooterWrap .FriendLink dd { display: none; font-size: 1rem; line-height: 2.25rem;}
	.FooterWrap .FriendLink dd a{ display: block; text-decoration: none; font-size: 0.75rem; color: #737372;border-bottom: #e8e8e8 solid 1px;}

	.FooterWrap .FriendLink {width: 100%;box-sizing: border-box;padding: 0;}
	.FooterWrap .FriendLink .Share{ width: 83%;margin: 0 auto;}
	.FooterWrap .FriendLink .Share a{ width: 59px;height: 61px;}
	.FooterWrap .FriendLink .Share .pinterestIcon{left: 110px;}
	.FooterWrap .FriendLink .Share .instagramIcon{left: 220px;}
	.FooterWrap .FriendLink .Share .youtubeIcon{left: 323px;}
	.FooterWrap .FriendLink .Share .serviceIcon{display: none;}
	.FooterWrap .MinHelpLink {margin-top: 15px;}
	.FooterWrap .ServiceWrap {width: 100%;min-width: 100%;}
	.FooterWrap .SubscribeBox {width: 100%;padding: 10px 0;}
	.FooterWrap .ServiceInf span {width: 100%;display: block;padding: 0 10px;box-sizing: border-box;}
	.FooterWrap .ServiceInf span:nth-child(1) {margin: 0;font-size: 16px;text-align: left;}
	.FooterWrap .ServiceWrap .Subscribe .SubscribeInput {width: 70%;box-sizing: border-box;line-height: 40px;height: 40px;}
	.FooterWrap .ServiceWrap .Subscribe .SubscribeBtn {width: 30%;box-sizing: border-box;}
	.FooterWrap .FriendBox {padding: 0;}
	.FooterWrap .FriendBox,.FriendWrap {width: 100%;min-width: 100%;}
	.FooterWrap .PayWay span{ display: inline-block; max-width: 630px;}
	.FooterWrap .PayWay {width: 100%;padding: 10px 5px;box-sizing: border-box;}
	.FooterWrap .PayWay img {width: 100%;}
	.FooterWrap .CopyRight {line-height: unset;}

	.Gray {text-align: center;font-size: 0.75rem;}
	.Totop {margin-left: 80%;z-index: 12;display: block !important;bottom: 80px !important;}
	.Totop a {display: block;}

	.ms-drawer-mask{ background:rgba(0, 0, 0, 0.5); width:15%; position:absolute; right:0; top:0; z-index:100;display:none;}
	.ms-drawer-mask .ms-drawer-back { display:block; position:absolute; top:0; left:0; width:100%; height:49px; background:url(../images/res-imgs/icon_sign.png) no-repeat -68px 15px; background-size:125px auto;}
	.ms-drawer .ms-drawer-close{ background:#fff; padding:7px 10px;}
	.ms-drawer .ms-drawer-close .CloseIcon{width: 17px;height: 18px;display: inline-block;background-position: 0px -188px;background-size: 30px auto;}
	/* category footer */
	.ms-category-mask{background: rgba(0, 0, 0, 0.3);width: 15%;position: absolute;right: 0;top: 0;z-index: 10;display: none;}
	.ms-category-drawer{
		background-color:#f4f4f4;
		position:fixed;
		width:85%;
		top:0;
		left:0;
		z-index:1000;
		-webkit-transform:translateX(-100%);
		-webkit-transition:-webkit-transform .25s ease-out;
		-moz-transform:translateX(-100%);
		-moz-transition:-moz-transform .25s ease-out;
		transform:translateX(-100%);
		transition:transform .25s ease-out;
	}
	.childNavList{background-color:#f4f4f4; position:fixed;width:100%; top:51px; left: 100%; z-index:999;
		-webkit-transform:translateX(100%);
		-webkit-transition:-webkit-transform .25s ease-out;
		-moz-transform:translateX(-100%);
		-moz-transition:-moz-transform .25s ease-out;
		transform:translateX(-100%);
		transition:transform .25s ease-out;
	}
	.ms-category-drawer.open{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
	.childNavList.hide{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
	.ms-category-head{ padding: 5px 13px;}
	.ms-category-head .ms-category-cancel{ background: url(../images/res-imgs/lists_icon.png) 12px -174px no-repeat; display: block; width: 40px; height: 48px; position: absolute; background-size: 30px auto; right: 10px; top: 0;}
	.ms-category-title{ font-size: 1.125rem;    text-align: center;position: relative;background: #FFF;height: 19px;padding: 12px 0 11px;margin: 0 10px;}
	.category-back{margin-left: 30px;}
	#NewLiveHelp {width: 42px;height: 42px;float: right;cursor: pointer;background: url(../images/res-imgs/icon_sign_3.png) 8px 10px no-repeat;background-size:30px auto;display: none;}
	.ms-drawer{ background-color:#f4f4f4; position:absolute; width:85%; top:0; left:0; z-index:102;-webkit-transform:translateX(-100%);-webkit-transition:-webkit-transform .25s ease-out;-moz-transform:translateX(-100%);-moz-transition:-moz-transform .25s ease-out;transform:translateX(-100%);transition:transform .25s ease-out;}
	.ms-drawer.open{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
	.ms-drawer-loginInfo{ padding:17px; background:#f5f5f5; overflow:hidden;}
	.ms-drawer-loginInfo .user-face{ width:42px; height:42px; float:left;}
	.ms-drawer-loginInfo .user-face em {background: url(../images/res-imgs/icon_sign_4.png) 0px -300px no-repeat;width: 42px;height: 42px;display: block;}
	.ms-drawer-loginInfo .user-face em:hover {background: url(../images/res-imgs/icon_sign_4.png) 0px 0px no-repeat;}
	.ms-drawer-loginInfo .drawer-unlogin{float:left; margin:12px 0 0;}
	.ms-drawer-loginInfo .drawer-unlogin a{ display:inline-block;}
	.ms-drawer-loginInfo .drawer-signin{ padding:0 12px; border-right:solid 1px #999;}
	.ms-drawer-loginInfo .drawer-join{ padding-left:12px;}
	.ms-drawer-loginInfo .drawer-logined{ float:left;padding-left:12px;line-height: 2.625rem;}
	.ms-drawer-loginInfo .drawer-logined span{ display:block;}
	.ms-drawer-loginInfo .drawer-email{ font-size:0.75rem;}
	.ms-drawer-usercenter{ text-align:center; background-color:#fff; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; overflow:hidden;}
	.ms-drawer-usercenter a{ float:left; display:block;}
	.ms-drawer-usercenter .drawer-myOrder, .ms-drawer-usercenter .drawer-cart, .ms-drawer-usercenter .drawer-wishList{width:33.33%; display:block; padding:9px 0; font-size:0.8125rem;}
	.ms-drawer-usercenter .drawer-myOrder, .ms-drawer-usercenter .drawer-cart{ border-right:solid 1px #ddd;}
	.ms-drawer-usercenter .drawer-wishList{ width:32%;}
	.ms-drawer-usercenter a i{ display:block; background:url(../images/res-imgs/icon_sign_2.png) no-repeat; background-size:25px auto; margin:0 auto; padding-bottom:8px;}
	.ms-drawer-usercenter .drawer-myOrder i{ background-position:0 -32px; width:18px; height:20px;}
	.ms-drawer-usercenter .drawer-myOrder:hover i {background: url(../images/res-imgs/icon_sign_3.png) 0 -32px no-repeat;background-size:25px auto;}
	.ms-drawer-usercenter .drawer-cart i{background-position:0 -63px; width:22px; height:20px;}
	.ms-drawer-usercenter .drawer-cart:hover i {background: url(../images/res-imgs/icon_sign_3.png) 0 -63px no-repeat;background-size:25px auto;}
	.ms-drawer-usercenter .drawer-wishList i {background-position:0 -97px; width:20px; height:20px;}
	.ms-drawer-usercenter .drawer-wishList:hover i {background: url(../images/res-imgs/icon_sign_3.png) 0 -97px no-repeat;background-size:25px auto;}
	.ms-drawer-usercenter p {float: left;width: 100%;}
	.ms-drawer-usercenter p img {width: 100%;}
	.drawer-guide {background: #fff;}
	.ms-drawer .MinHelpLink {margin-top: 0;background: #fff;}
	.ms-drawer .MinHelpLink dl{border-bottom: 1px solid #f0efef;}
	.ms-drawer .MinHelpLink dt { background:url(../images/res-imgs/icon_sign_2.png) no-repeat; background-size:30px auto; float:none;height:44px; padding-left:36px; font-size:0.875rem;border-bottom: none;line-height: 2.75rem;width: auto;text-align: left;border-left: none;border-right: none; margin-right: 0;position: relative;}
	.ms-drawer .MinHelpLink dt a {display: block;width: 100%;}
	.ms-drawer .MinHelpLink dl dt:hover {color: #e01836;}
	.ms-drawer .MinHelpLink dl dt:hover a {color: #e01836;}
	.ms-drawer .MinHelpLink  dt.AllCategories {background-position:10px -219px;}
	.ms-drawer .MinHelpLink dl:hover dt.AllCategories {background:url(../images/res-imgs/icon_sign_3.png) no-repeat;background-size:30px auto;background-position:10px -219px;}
	.ms-drawer .MinHelpLink dd ul {padding: 0 10px;box-sizing: border-box;border-top: solid 1px #e0e0e0;}
	.ms-drawer .MinHelpLink dd ul li {line-height: 2.375rem;font-size: 0.75rem;border-bottom: solid 1px #f0efef;}
	.ms-drawer .MinHelpLink dd ul li a {display: block;width: 100%;}
	.ms-drawer .MinHelpLink dd ul li:last-child {border-bottom: none;}
	.ms-drawer .MinHelpLink  dt.Headline {background-position:10px -261px;}
	.ms-drawer .MinHelpLink dl:hover dt.Headline {background:url(../images/res-imgs/icon_sign_3.png) no-repeat;background-size:30px auto;background-position:10px -261px;}
	.ms-drawer .MinHelpLink  dt.PrintingDesign {background-position:10px -298px;}
	.ms-drawer .MinHelpLink dl:hover dt.PrintingDesign {background:url(../images/res-imgs/icon_sign_3.png) no-repeat;background-size:30px auto;background-position:10px -298px;}
	.ms-drawer .MinHelpLink  dt.DiscountPolicy {background-position:10px -339px;}
	.ms-drawer .MinHelpLink dl:hover dt.DiscountPolicy {background:url(../images/res-imgs/icon_sign_3.png) no-repeat;background-size:30px auto;background-position:10px -339px;}
	.ms-drawer .MinHelpLink  dt.DeliveryFee {background-position:10px -377px;}
	.ms-drawer .MinHelpLink dl:hover dt.DeliveryFee {background:url(../images/res-imgs/icon_sign_3.png) no-repeat;background-size:30px auto;background-position:10px -377px;}
	.ms-drawer .MinHelpLink  dt.RepackingService {background-position:10px -416px;}
	.ms-drawer .MinHelpLink dl:hover dt.RepackingService {background:url(../images/res-imgs/icon_sign_3.png) no-repeat;background-size:30px auto;background-position:10px -416px;}
	.drawer-guide li, .drawer-feature li, .drawer-download li { height:44px; line-height:2.75rem; overflow:hidden; background-color:#fff;}
	.drawer-guide li, .drawer-feature li { border-bottom:solid 1px #e0e0e0;}
	.drawer-guide li a, .drawer-feature li a, .drawer-download li a {display: block; padding-left:10px;}
	.drawer-guide li a, .drawer-feature li a{ background:url(../images/res-imgs/icon_sign_2.png) no-repeat; background-size:30px auto; height:44px; padding-left:36px; font-size:0.875rem;}
	.drawer-guide .newNav.drawer-currency a {background-position:10px -183px;}
	.drawer-guide .newNav.drawer-currency a:hover {background: url(../images/res-imgs/icon_sign_3.png) 10px -183px no-repeat;background-size: 30px auto;}
	.drawer-guide .drawer-language a{ background-position:10px -144px;}
	.drawer-guide .drawer-language a:hover {background: url(../images/res-imgs/icon_sign_3.png) 10px -144px no-repeat;background-size: 30px auto;}
	.drawer-feature .drawer-contact a{ background-position:10px -301px;}
	.drawer-language span{ float:right; color:#666; margin-right:10px;}
	.drawer-guide .drawer-currency span {float: right;padding-right: 10px;}
	#CurrencySelect,#headerLanguage {position: absolute;overflow-y: auto;top: 100%;height: 100%;width: 100%;left: 0;display: none;z-index: 105;-webkit-transform: translateZ(0px);-moz-transform: translateZ(0px);}
	.ms-panel{ background-color:#fff;}
	.CurrencyBg .ms-panel-header,.CurrencyBg .ms-panel-list{background: #ffffff;}
	.refine-title span,
	.ms-panel-header .ms-panel-cancel,.shield-list-cancel,.selectState-cancel{ width:40px; height:48px; position:absolute;}
	.panel-list .active a{background:url(../images/res-imgs/lists_icon.png) no-repeat right -740px;background-size:30px auto;}
	.panel-list .active p{background:url(../images/res-imgs/lists_icon.png) no-repeat right -730px;background-size:30px auto;}
	#deliveryWrapList .panel-list .active a{background:url(../images/res-imgs/lists_icon.png) no-repeat right -740px;background-size:30px auto;}
	.panel-show{display:block !important;}
	.ms-panel-header{height:49px; border-bottom:1px solid #dcdcdc; text-align:center; line-height:3.0625rem;}
	.ms-panel-header .ms-panel-title{ font-size:1rem;}
	.ms-panel-header .ms-panel-title_b{font-size:1.125rem;}
	.ms-panel-list li{ height:24px; border-bottom: 1px solid #dcdcdc; padding:12px 10px;}
	.ms-panel-list li:last-child{border-bottom:0;}
	.ms-panel-list a{display:block; line-height:1.5rem;}
	.ms-panel-header .ms-panel-cancel {background: url(../images/res-imgs/lists_icon.png) no-repeat scroll 0% 0% transparent;display: block;}
	.ms-panel-header .ms-panel-cancel {background-position: 12px -174px;background-size: 30px auto;right: 10px;top: 0;}
	.panel-list .active a{background:url(../images/res-imgs/lists_icon.png) no-repeat right -740px;background-size:30px auto;}
	.panel-list .active p{background:url(../images/res-imgs/lists_icon.png) no-repeat right -730px;background-size:30px auto;}
	/****/
	.search-box {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100;background: #fff;display: none;}
	.search-box .top-nav {position: absolute;left: 0;right: 0;width: 100%;z-index: 10;}
	.search-box .close-search {width: 2.5rem;height: 2.8125rem;line-height: 2.875rem;position: absolute;top: .0625rem;left: 0;text-align: center;z-index: 999;cursor: pointer;}
	.search-box .top-search {padding: .5rem .5rem .5rem 2.5rem;width:78%;float:left}
	.top-search .search-area .search-input {height: 1.85rem;width: 100%;border: 1px solid #e01836;border-radius: .25rem;padding: 0 0.3125rem 0 2.3125rem;color: #333;font-size: .6875rem;background: url(../images/res-imgs/master_icon-750.png) no-repeat -30px -257px #fff;background-size: 100px 400px;cursor: pointer;}
	.search-box .top-search .search-area .search-input {height: 1.75rem;width: 100%;border: 1px solid #e01836;border-radius: .25rem;padding: 0 0 0 10px; background: none; color: #333;font-size: .6875rem;}
	.search-box .suggestions {list-style: none;margin: 0;padding: 3rem 0 0;width: 100%;height: 100%;overflow-x: hidden;overflow-y: scroll; }
	.close-search em{cursor: pointer;background: url(../images/res-imgs/head-icon-close.png) 5px 5px no-repeat #FFFFFF;width: 30px;height: 30px;position: absolute;top: 8px;left: 6px;background-size: 50px auto;}
	.search-box .suggestions li {height: 2.75rem;line-height: 2.75rem;font-size: .875rem;border-bottom: 1px solid #f1f1f1;color: #333;padding: 0 .875rem;cursor: pointer;}
	.top-search .search-area .clear-btn {cursor: pointer;background: url(../images/res-imgs/head-icon-close.png) -28px 4px no-repeat #FFFFFF;width: 24px;height: 24px;right: 4px;top: 2px;margin: 0;position: absolute;background-size: 50px auto;}
	.hideSearchBox{display: none;}
	.top-nav {background-color: #fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;height: 3rem;position: relative;}
	.top-search .search-form {margin: 0;width: 100%;height: 1.875rem;}
	.top-search .search-area {height: 1.875rem;width: 100%;border-radius: .25rem;position: relative;}
	.hideSearchBox {display: none;}

	.up-img-search{position: relative;width: 8%; float: left;}
	.up-img-search .searchImg{right: 0; top: 11px;}


	.itemsNum{position: absolute;top:-5px;right:-5px;display: inline-block;background: #e01836;border-radius: 20px;color: #fff;width: 20px;height: 20px;text-align: center;padding: 2px;}
	.seeSize a{display: inline-block;line-height: 35px;border: 1px #e8e8e8 solid;padding: 0 2px;margin-top: 5px;}

	.ms-drawer .MinHelpLink dt.RecentTrends {background: url(../images/master/recently-trends.png) 10px no-repeat; background-size: 20px; color: #e01836;}
	.ms-drawer .MinHelpLink .TrendsBox ul li a {padding: 0 10px; width: auto;}
	.ms-drawer .MinHelpLink .TrendsBox ul li:first-child a {font-weight: bold; padding: 0;}
}

@media (min-width: 992px) {
	.hidden-md {display: none !important;}
}

@media (min-width: 1200px) {
	.hidden-md {display: none !important;}
}

@media (min-width: 992px) and (max-width: 1024px) {

}

@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm{ display: none !important;}
}

@media (max-width: 560px) {
	/*头部模块*/
     .Head {padding: 5px !important;}
     .Category {transform: scale(0.6);margin-top: 5px;margin-right: 0px;margin-left: -8px;}
     .Logo {margin: 4px 0 0;width: 130px;}
     .header-r {padding: 0;}
     .header-r a {transform: scale(0.6);margin-right: 0 !important;}
     .DocWarp .TopMenu,.DocWarp .Head, .DocWarp .Header .Navigation, .DocWarp .Content, .DocWarp .Footer, .DocWarp .CopyrightBox,.DocWarp .NevPage {width: 100%;max-width: 100%;padding: 0;}
     .Navigation {height: 40px;}
     .Navigation ul li a {font-size: 0.75rem;line-height: 0.75rem;height: 40px;padding-top: 8px;}
     .Navigation ul li:nth-child(1) a {line-height: 2.5rem;padding-top: 0;}
     .Navigation ul .BigSale a em {top: 18px;right: 10px;}
     .BS_down {top: 40px;}
     .BS_down ul li {line-height: 2.1875rem !important;height: 35px !important;}
     .BS_down ul li a {line-height: 2.1875rem !important;height: 35px !important;padding: 0 0 0 10px !important;}

     /*尾部模块*/
     .CopyLogo {padding: 15px 35px 5px;}
}

@media (max-width: 375px) {

}

@media (max-width: 320px) {

}