@charset "utf-8";
/*css comment*/ 

/*fonts*/  
.f60{ font-size: 60px;}
.f48{ font-size: 48px;}
.f36{ font-size: 36px;}
.f30{ font-size: 30px;}
.f24{ font-size: 24px;}
.f22{ font-size: 22px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;}
.f16{ font-size: 16px;}

@media screen and (max-width: 1600px) {
	/*fonts*/  
	.f60{ font-size: 50px;}
	.f48{ font-size: 38px;}
	.f36{ font-size: 30px;}
	.f30{ font-size: 24px;}
	.f24{ font-size: 20px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;} 
	/*===11===*/
	.sub_wrap,
	.products_display_box{ padding-left: 40px; padding-right: 40px;}
	
	.mini_cart{ -webkit-transform: scale(.9) translateX(-20px); transform: scale(.9) translateX(-20px);}
	.mini_cart.active{ -webkit-transform: scale(1) translateX(-20px); transform: scale(1) translateX(-20px);}
}

@media screen and (max-width: 1279px) { 
	/*fonts*/  
	/*.f60{ font-size: 50px;}
	.f48{ font-size: 38px;}
	.f36{ font-size: 30px;}
	.f30{ font-size: 24px;}
	.f24{ font-size: 20px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;}*/
	
	/*header*/
	.account_icon{ display:block;}
	.account_link, .cart_toggle_text, .store_toggle_text{ display:none;}
	.header_action_item{ padding:0 10px;}  
	.header_action_item_cart{ padding:0 25px 0 10px;}
	.bar_free{ margin-left:20px;}
	.header_logo{ margin-left: 15px;}
	.nav_bar{ padding:0 2.60%;}
	.nav_bar_item{ margin-right: 3.70%;}
	.nav_bar_link .iconfont{ margin-left: 5px;}
	.nav_bar_item:last-child .nav_dropdown{
		left:auto;
		right:0;
		text-align: right;
	}
	.nav_bar_item:last-child .nav_dropdown li a{
		left:auto;
		right:0; 
	}
	.account_popover{
		-webkit-transform: scale(.9) translateX(68px);
    	transform: scale(.9) translateX(68px);
	}
	.account_popover.active{
		-webkit-transform: scale(1) translateX(68px);
    	transform: scale(1) translateX(68px);
	}
	.account_popover .icon_borderless{
		right:77px;
	}
	.mini_cart{ -webkit-transform: scale(.9) translateX(44px); transform: scale(.9) translateX(44px);}
	.mini_cart.active{ -webkit-transform: scale(1) translateX(44px); transform: scale(1) translateX(44px);}
	.mini_cart .icon_borderless{ right: 67px;}
	
	/*===01===*/
	.container{ padding: 0 20px;}
	.sub_wrap, 
	.products_display_box{ padding-left:20px; padding-right: 20px;}
	.account_guide_list li a{ height:45px; line-height: 45px;}
	.information_block{ width:50%;}
	#information_invoice{ width:100%;}
	.information_block_text, .information_invoice_table{ font-size: 14px;}
	#information_invoice{ margin-right:0; margin-left: 0;}
	#information_business{ margin-left: 0; transform: translateX(0); }
	.information_block_inner{ min-height:auto;}
	/*===01===*/
	.account_left{
		position: fixed;
		top: 0;
		right: 0;
		height: 100vh;
		width: 100vw;
		max-width: none;
		z-index: 1000; 
		background: rgba(0,0,0, .40);
		visibility: hidden;
		transition: visibility .35s linear;
	}
	.account_left_con{ 
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		height: 100%;
		max-width: 350px;
		margin-left: auto;
		background: #fff;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		transition: -webkit-transform .35s cubic-bezier(.645, .045, .355, 1);
		transition: transform .35s cubic-bezier(.645, .045, .355, 1);
		transition: transform .35s cubic-bezier(.645, .045, .355, 1),-webkit-transform .35s cubic-bezier(.645, .045, .355, 1);
	}
	.account_left.active{
		visibility: visible;
	}
	.account_left.active .account_left_con {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}  
	.account_menu{ display:block;}
	.account_heading{ padding-right: 110px;}
	.account_toolbar{ display:flex;}
	
	
	/*===02===*/ 
	.btn_add_all_pc{ display:none;}
	.btn_add_all_phone{ display:block;}
	.page{ width:100%;}
	
	/*===03===*/
	.connect_text{ float:none; margin-right: 0; margin-bottom: .20rem;}
	
	/*===04===*/
	.comments_text{ max-width:150px;}
	
	/*===05===*/
	.machines_list li{ width:33.33%;}
	
	/*===06===*/
	.services_list li{ width:33.33%;}
	
	/*===11===*/ 
	.product_item{ width:33.33%;}
	.product_item_list .product_item_inner{ align-items: flex-start;}
	.product_item_list .product_item_bar .bar_price,
	.product_item_list .product_item_get{ position: static;}
	.product_item_list .product_item_get{ margin-top:.20rem;} 
	div.zoomDiv{ width:460px!important; height: 460px!important;}
	
	/*===12===*/ 
	.cart_flex{ display:block;}
	.cart_left{ width:100%; margin-right: 0; margin-bottom: .40rem;}
	.cart_right_content{ position:static;}
	.cart_head_tit{ float:none;}
	.cart_head_notice{ float:none; margin-top: .20rem;}
	.table_box_cart .table-row-group .table-row-blank{ height:20px;} 
	.table_box_cart .description_img{ width:1.20rem;}
}

@media screen and (max-width: 999px) { 
	/*fonts*/  
	.f60{ font-size: 40px;}
	.f48{ font-size: 30px;}
	.f36{ font-size: 24px;}
	.f30{ font-size: 20px;}
	.f24{ font-size: 18px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	
	/*header*/
	.nav_bar{ display:none;}
	/*.mobile_nav{ display:block;}*/ 
	.scroller { 
		margin: 0 -20px 0 0;
	}
	.scroller_inner { 
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-scroll-snap-type: x mandatory;
		scroll-snap-type: x mandatory;
		white-space: nowrap;  
	}
	
	/*footer*/
	.footer_block_item:nth-child(n){ 
		width:50%;
	}
	
	/*===home===*/ 
	.products_show .swiper-slide{ width:34.188%;} 
	.advantage_list li{ width:50%;} 
	.advantage_block{ padding: .40rem; } 
	
	
	/*===02===*/ 
	.account_main{ padding: .30rem;} 
	
	/*===03===*/
	.page a{ margin:0;}
	.my_orders_record{ min-height: auto; padding: .50rem 0;}  
	.tracking_swiper_box{ width:auto; position: static;}
	
	/*===06===*/
	.services_list li{ width:50%;}
	
	/*===11===*/ 
	.products_left{
		margin: 0;
		position: fixed;
		top: 0;
		right: 0;
		height: 100vh;
		width: 100vw;
		max-width: none;
		z-index: 1000; 
		background: rgba(0,0,0, .40);
		visibility: hidden;
		transition: visibility .35s linear;
	}
	.products_left_con{ 
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		height: 100%;
		max-width: 350px;
		margin-left: auto;
		background: #fff;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		transition: -webkit-transform .35s cubic-bezier(.645, .045, .355, 1);
		transition: transform .35s cubic-bezier(.645, .045, .355, 1);
		transition: transform .35s cubic-bezier(.645, .045, .355, 1),-webkit-transform .35s cubic-bezier(.645, .045, .355, 1);
	}
	.products_left.active{
		visibility: visible;
	}
	.products_left.active .products_left_con {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	} 
	.products_meta{ float:none;}
	.products_toolbar{ float:none; width:100%; padding:5px 15px; background: #ffffff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 13px; position: sticky; top:100px; z-index: 4; margin:.20rem 0 .40rem;}
	.products_toolbar_inner{ justify-content: space-between;} 
	.toolbar_filter{ display:block;}
	.toolbar_layout{ margin-left:0;}
	/*products_detail*/
	.products_detail_gallery{ width:100%; float:none; max-width: none; margin-right: 0; margin-bottom: 80px;}
	.gallery_show_box{ width:100%;}
	.gallery_show_box img{ cursor: default;}
	.gallery_notice{ position:static;}
	.gallery_thumbs_box{ position:relative; margin-top: .20rem; width:100%; padding-right: 0;} 
	.gallery_thumbs .swiper-slide{ flex-flow:row wrap;}
	.gallery_thumbs .swiper-wrapper{ flex-direction: row; }
	.gallery_thumbs_box div[class*="swiper-button-"]{ width: 30px; height:100%; background: none;}
	.gallery_thumbs_box div[class*="swiper-button-"] .iconfont{ font-size: 24px; position: absolute; top:50%; left:50%; transform: rotate(-90deg) translate(50%,-50%);}
	.gallery_thumbs_box div.swiper-button-prev{ bottom:auto; top:0;} 
	.gallery_thumbs_box div.swiper-button-next{ top:auto; bottom:0; left:auto; right:0;} 
	div.zoomDiv, div.zoomMask{ display:none!important; cursor: default;}
	.jq_zoom{ cursor: default!important;} 
	.products_display{ width: 100%;}
} 

@media screen and (max-width: 640px) { 
	/*fonts*/  
	.f60{ font-size: 30px;}
	.f48{ font-size: 24px;}
	.f36{ font-size: 20px;}
	.f30{ font-size: 18px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	
	html{ font-size: 50px;}   
	/*header*/   
	.bar_button{ display: none;}
	.header_action_item_search{ display:block;}
	.header_search_bar_wrapper{
		flex: 1 0 auto;
		visibility: hidden;
		position: absolute;
		padding: 0 2.60% 10px 2.60%;
		width: 100%;
		bottom: 0;
		left: 0; 
		z-index: -1;
		transition: visibility .25s ease-in-out,margin-bottom .25s ease-in-out;
		background: #0f2b49;
	}
	.search_bar{
		opacity: 0;
		transition: opacity .2s ease-in-out;
	}
	.header_search_bar_wrapper.is_visible {
		visibility: visible;
		margin-bottom: -54px;
	}
	.header_search_bar_wrapper.is_visible .search_bar{
		opacity: 1;
		transition-delay: 0.15s;
	}
	.header_inline{ padding-top:10px; padding-bottom: 10px;}
	.header_search_expanded {
		margin-bottom: 54px;
	} 
	/*.cart_toggle_icon.active .icon_state_primary{
		opacity: 0;
		-webkit-transform:scale(.3);
		transform:scale(.3);
	}
	.cart_toggle_icon.active .icon_state_secondary{
		opacity: 1; 
		-webkit-transform: translate(-50%,-50%) scale(1);
		transform: translate(-50%,-50%) scale(1);
	}*/ 

	/*footer*/  
	.footer_block_list{ margin:0;}
	.footer_block_item:nth-child(n){ width:100%; padding: 0; border-bottom: 1px solid #e7e2de;}
	.footer_title{ margin-bottom: 0; padding: 20px 0;} 
	.footer_title_pc{ display:none;}
	.footer_title_phone{ display:block;}
	.footer_collapsible{ display:none;}
	.footer_collapsible_content{ padding: 0 20px 20px 0; } 
	
	/*===home===*/ 
	.focus_img_pc{ display:none;}
	.focus_img_phone{ display:block;}
	.products_head_tit{ float:none; max-width: 100%; width: 100%;}
	.products_head_right{ width: 100%; margin-top: 20px;}
	.products_show .swiper-slide{ width:54.188%;}
	.support_list li{ width: 100%;} 
	.advantage_list li{ width:100%;} 
	.products_show_box .container{ padding: 0;}
	.products_show_box .sec_tit{ padding:0 20px;}
	
	/*===01===*/ 
	.information_block{ width:100%;}
	
	/*===02===*/ 
	.account_heading_local{ display:none;}
	.quick_order_operate_btn{ width:100%;} 
	.table-header-group{ display:none;}
	.tc_sort{ display:block;}
	.table-row{ display: flex!important; flex-wrap: wrap; justify-content: space-between; padding: 20px!important;}
	.table-row-blank{ padding:0!important;}   
	.table_box .table-cell{ display: flex!important; flex-wrap: wrap; align-items: center; width:100%!important; }
	.table_box_order .table-cell{ border-top:1px dashed #dadada;}
	.table_box_order .table-cell.tc_item,
	.table_box_order .table-cell.tc_description{ width:auto!important; border:none;}
	.table_box_order .table-cell.tc_description{ margin-left: auto; max-width: 80%;}
	#my_orders_table .table-cell{ border-top:1px dashed #dadada;}
	#my_orders_table .table-cell:first-child{ border:none;}
	#my_orders_table .tc07{ padding-top: .30rem; padding-bottom: .30rem;}
	
	.tan_bag .table_box_order{ margin-top: -15px;}
	.tan_bag .table_box_order .table-row{ border-bottom: 1px dashed #dadada;}
	.tan_bag .table_box_order .table-cell{ width:auto!important; padding: 15px 0!important; border: none; } 
	.tan_bag .table_box_order .tc_description{ width:100%!important;} 
	.tan_bag .table_box_order .tc_description .tc_con{ margin-left: 0;}
	
	
	
	/*.tc_item, .tc_description,
	#instructions_table .table-row-group .tc_item, 
	#instructions_table .table-row-group .tc_description{ border-top:  none; width:auto!important;} */
	.table_box_order .tc_item .tc_sort,
	.table_box_order .tc_description .tc_sort{ display:none;}
	.table_box_order .tc_handle .handle_block{ padding-right:0;}
	#instructions_table .price_block,
	#instructions_table .total_block{ margin-right: 0;}
	
	
	/*===03===*/ 
	.order_confirmation_toolbar{ display:block;}
	.toolbar_right{ margin-top: .40rem;}
	
	/*===05===*/
	.machines_list li{ width:50%;}
	
	/*===06===*/
	.services_list li{ width:100%;} 
	
	/*===07===*/
	.settings_line{ flex-wrap: wrap;}
	.settings_label{ margin-bottom:.10rem;}
	.account_handle{ text-align:center;}
	
	/*===09===*/
	.inbox_head{ display: block;}
	.inbox_state{ float:left;}
	.inbox_tit{ max-width:none; overflow: hidden;}
	.inbox_action{ text-align: right; margin-top: .20rem;}
	.inbox_content{ padding-right:0;}
	
	/*===10===*/
	.help_line:nth-child(n){ width:100%;}
	
	/*===11===*/ 
	.product_item{width: 50%;}
	.toolbar_count{ width:100%; margin-left: 0; margin-top: .20rem;}
	.layout_label{display:none;} 
	.product_item_sku{ font-size: 12px;}
	.products_toolbar{ top:56px;} 
	.product_item_list .product_item_bar .bar_handle{ position: static;} 
	.get_btn{ min-width: 90px; } 
	.quantity_show{ max-width: 90px; height: 45px;} 
	.product_item_list .product_item_get .get_account{ display:flex;}
	.product_item_list .product_item_get .get_account .get_btn{ min-width: auto; padding: 0 .20rem;  margin-left: auto;} 
	
	.my_orders_screen{ display:flex; justify-content: space-between;}
	.my_orders_screen .select_wrapper{ width:50%;}
	.my_orders_screen .select_wrapper .select_text{ min-width:auto;} 
	
	.product_item_tit b{ line-height: 16px; height: 32px; font-size: 13px;}
	.table_box_cart .handle_block{ position: static;}
} 

@media screen and (max-width: 414px) { 
	/*fonts*/  
	.f60{ font-size: 24px;}
	.f48{ font-size: 20px;}
	.f36{ font-size: 18px;}
	.f30{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 12px;}
	body{ font-size: 12px; }
}