@charset "utf-8";

/* CSS Document */
.graphik-bold {
	font-family: "graphik2", Helvetica, Arial, sans-serif;
	font-weight: 500;
}

.font-weight-bold {
	font-weight: 600
}

button {
	cursor: pointer
}

.bundle_btn {
	cursor: pointer;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 0;
	padding-right: 0
}

#register input::placeholder,
#login input::placeholder{ color: #ccc;}

#register .col-sm-6,
#register .col-xs-12
{
	padding-left: 5px;
	padding-right: 5px;
}

#register .nav-tabs>li{ margin-left: 8px; }
#register .nav-tabs>li a{ font-family: "graphik2", "courier new", "Arial";}

.common_width1 {
	width: 100%
}

ul.login-signup-tab {
	height: 48px;
	line-height: 48px;
}

ul.login-signup-tab li {
	width: 50%;
    float: left;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-family: "graphik2", Helvetica, Arial, sans-serif;
	cursor: pointer;
    border: 1px solid #767676;
}

ul.login-signup-tab li span {
	display: block;
}

ul.login-signup-tab li.active {
	color: #2AB459;
}

ul.login-signup-tab li.active span {

}

.login-signup-content {
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 40px;
	color: #fff;
}

.login-signup-content h3 {
	margin: 30px 0px;
    font-size: 26px;
    color: #2AB459;
}

.login-signup-content .login-notice {
	color: #951f0b;
	font-size: 14px;
	margin-top: 5px;
}

.login-signup-content .row {
	margin-left: 0;
	margin-right: 0
}

.login-signup-content form button {
	width: 100%;
	color: #fff;
	height: 52px;
	background-color: #2AB459;
	border-radius: 2px;
	border: none;
	margin-top: 50px;
	transition: all 0.4s;
    font-size: 18px;
}

.login-signup-content form button:hover {
	background-color: #006937;
}

.login-signup-content form button:active{
    background-color: #2AB459;
    color: #FFD900;
}

.login-signup-content form .form-group {
	margin-bottom: 18px;
}

.login-signup-content form label {
	font-weight: normal;
    margin-bottom: 8px;
}

.login-signup-content form .form-control {
	box-shadow: none;
	border-radius: 2px;
	height: 50px;
	padding: 9px 10px;
	font-size: 14px !important;
    background-color: #242424;
    border: 0;
    color: #fff;

}

.login-signup-content .forget-pwd{
    text-align: center;
    width: 100%;
    margin-top: 20px;
    padding: 3px 0;
}

.login-signup-content .forget-pwd a {
	font-size: 12px;
	color: #2AB459;
}

.login-signup-content .agree .agree-block {
	float: left;
	width: 24px;
	height: 24px;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer
}

.login-signup-content .agree span {
	float: left;
	width: 90%;
	color: #79807C;
	font-size: 12px;
	margin-left: 8px;
	margin-top: 3px;
}

.login-signup-content .agree a {
	color: #79807C;
	text-decoration: underline
}

#sign-up button {
	margin-top: 50px;
}

.connect-with {
	border-top: 1px solid #E6E6E6;
	margin-top: 25px;
	padding-top: 25px;
	display: block
}

.connect-with span {
	display: block
}

.connect-with button.facebook {
	width: 100%;
	height: 40px;
	background-color: #38649D;
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
	border-radius: 2px;
	color: #fff;
	text-align: center;
	border: none;
	position: relative;
	margin-top: 10px;
	transition: all 0.4s;
}

.connect-with button.facebook:hover {
	background-color: #2e5281;
	box-shadow:  rgba(0, 0, 0, 1);
}

.connect-with button.google {
	width: 100%;
	height: 40px;
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
	background-color: #DE5445;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	border: none;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	transition: all 0.4s;
}

.connect-with button.google:hover {
	background-color: #c03d2e;
	box-shadow:  rgba(0, 0, 0, 0.20);
}

.connect-with button.facebook img, .connect-with button.google img {
	position: absolute;
	left: 15px;
	z-index: 999;
	top: 12px;
}

.banner img {
	width: 100%;
}

.user_center {
	margin-top: 8px;
}

.user_center h4, .user_center h5 {
	margin: 0
}

.user_center .left_padding_offset {
	padding-left: 8px;
	padding-right: 8px
}

.user_center .leftmenu {
	position: relative;
	width: 100%;
	background: #444;
	color: #fff;
}

.user_center .leftmenu .current a {
	color: #1FB58A
}

.user_center .leftmenu h4 {
	height: 50px;
	border: 1px solid #DEDEDE;
	border-radius: 2px;
	line-height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative
}

.user_center .leftmenu h4 .fl {
	float: left
}

.user_center .leftmenu h4 .fr {
	float: right
}

.user_center .leftmenu h4 .glyphicon {
	font-size: 12px;
	color: #1c9c5e;
	line-height: 50px;
}

.user_center .leftmenu ul {
	border: 1px solid #DEDEDE;
	border-radius: 2px;
	width: 100%;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-color: #111;
}

.user_center .leftmenu ul li {
	height: 30px;
	line-height: 30px;
}

.user_center .leftmenu ul li a {
	color: #e5e5e5
}

.user_center .leftmenu .btn {
	width: 100%;
	height: 50px;
	border-radius: 2px;
	padding: 6px 15px;
    background-color: #444;
}

.user_center .leftmenu .btn #selected_text {
	float: left;
	color: #1FB58A !important
}

.user_center .leftmenu .glyphicon-menu-down:before {
	color: #11b083
}

.user_center .leftmenu .dropdown-menu > li > a {
	padding-left: 15px;
}

.user_center .leftmenu .dropdown-menu > li > a:hover {
	background-color: #fff;
	color: #1FB58A
}

.user_center .leftmenu .glyphicon {
	float: right;
	margin-top: 3px
}

.user_center .current_order, .user_center .warranty, .user_center .my_coupon {
	margin-top: 12px;
}

.user_center .my_coupon{
	padding-left: 8px;
	padding-right: 8px;
}

.user_center .warranty .warranty_margintop, .user_center .warranty .warranty_margintop1 {
	margin-top: 3px;
}

.user_center .warranty .gray_color, .user_center .warranty .warranty_product a {
	color: #bbb;
}
.faulty-product-name{height:38px; overflow: hidden;}
.warranty_product b{ font-weight: 500; }

.user_center .current_order ul.order_list,
.user_center .warranty ul.warranty_list {
	margin-top: -10px;
	background-color: unset;
}

.user_center .current_order ul.order_list li, .user_center .warranty ul.warranty_list li {
	margin-top: 10px;
	background-color: #444;
	padding: 20px 8px 0px 8px
}

.user_center .current_order ul.order_list li .row, .user_center .warranty ul.warranty_list li .row {
	margin-left: 0;
	margin-right: 0;
}

.user_center .current_order ul.order_list li .row ul, .user_center .warranty ul.warranty_list li .row ul {
	margin-top: 0;
	background-color: #444;
	color: #e5e5e5;
}

.user_center .current_order ul.order_list li .row ul li, .user_center .warranty ul.warranty_list li .row ul li {
	display: inline;
	font-family: "graphik2", Helvetica, Arial, sans-serif;
	font-weight: 500;
	padding: 0
}

.user_center .current_order ul.order_list li .row ul li.block_item, .user_center .warranty ul.warranty_list li .row ul li.block_item {
	display: block;
	margin-top: 0;
	font-size: 18px;
	margin-bottom: 4px
}

.user_center .current_order ul.order_list li .row ul li.block_item span.focus {
	color: #1FB58A;
}

.user_center .current_order .order_status, .user_center .warranty .returndate {
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-family: "graphik2", Helvetica, Arial, sans-serif;
	font-weight: 500;
	margin-top: 12px;
	position: relative;
}

.user_center .current_order ul.order_list li.no-records,
.user_center .warranty ul.warranty_list li.no-records,
.user_center div.no-records {
	background-color: #444;
	border: none;
    color: #e5e5e5;
	margin-bottom: 50px;
    padding-bottom: 20px;
}

.user_center .current_order .order_status span.processing {
	display: block;
	border: 1px dashed #FFC412;
	color: #FFC412;
	border-radius: 2px;
}

.user_center .current_order .order_status span.track_order {
	display: block;
	border-radius: 2px;
	background-color: #1C9C5E;
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
	color: #fff
}

.user_center .current_order .order_status span.track_order a {
	color: #fff;
	text-decoration: none;
}

.user_center .current_order .order_status span.shipped {
	display: block;
	border: 1px solid #1FB558;
	width: 70%;
	color: #1FB558;
	border-radius: 2px;
	float: right;
}

.user_center .current_order .order_status span.download {
	width: 30px;
	height: auto;
	display: block;
	float: left;
}

.user_center .current_order .order_status span.icon-inbox-download:before {
	content: "\e914";
	color: #1FB58A;
	display: block;
	font-size: 3rem;
	line-height: 3.5rem;
}

.user_center .current_order .shipping_status, .user_center .warranty .warranty_product {
	background-color: #222;
	padding: 15px 10px 5px 10px;
	margin-top: 10px;
	color: #e5e5e5;
}

.user_center .warranty .warranty_product {
	padding: 5px 10px;
}

.user_center .current_order .shipping_status .shipping_fl {
	float: left;
	margin-bottom: 15px;
	width: 18px;
}

.user_center .current_order .shipping_status .shipping_fr {
	float: left;
	padding-left: 12px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 10px;
	width: 93%
}

.user_center .current_order .shipping_status .shipping_fr a {
	text-decoration: underline;
	color: #fff;
}

.user_center .current_order .view_items, .user_center .warranty .view_items {
	padding: 15px 0;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
	color: #20c173;
}

.user_center .current_order .order_list_goods_all {
	margin-top: 8px;
	display: none;
	font-size: 12px;
}

.user_center .warranty .warranty_detail {
	margin-top: 8px;
	font-size: 14px;
	display: none
}
.warranty_detail b{ font-weight: 500; }

.user_center .current_order .order_list_goods {
	margin-left: -8px;
	margin-right: -8px;
	border-top: 1px solid #999;
	padding: 10px 8px;
	position: relative;
}

.user_center .current_order .order_list_goods .goods_img {
	width: 16%;
	display: inline-table;
	height: 44px;
	line-height: 44px;
	text-align: center;
	vertical-align: top
}

.user_center .current_order .order_list_goods .goods_img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 44px;
}

.user_center .current_order .order_list_goods .goods_info {
	display: inline-block;
	width: 70%;
	padding-left: 5%;
	padding-right: 1%;
}

.user_center .current_order .order_list_goods .goods_info .goods_num_price {
	margin-top: 8px;
}

.user_center .current_order .order_list_goods .goods_info .goods_name a {
	color: #fff;
}

.user_center .current_order .order_list_goods .goods_info .goods_name span.focus {
	color: #1FB58A;
}

.user_center .current_order .order_list_goods .goods_info .goods_num {
	color: #fff;
}

.user_center .current_order .order_list_goods .goods_info .goods_price {
	color: #fff;
}

.user_center .current_order .order_list_goods button.cart_btn {
	border-radius: 3px;
	font-family: "graphik2", Helvetica, Arial, sans-serif;
	width: 100px;
	font-size: 11px;
	height: 28px;
	border: 1px solid #444;
	border-radius: 2px;
	background-color: #1C9C5E;
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
	color: #fff;
	text-align: center;
	float: right;
	display: inline-block;
	margin-top: 16px;
	transition: all 0.4s;
}
.user_center .current_order .order_list_goods button.cart_btn:hover {
	background-color: #17804d;
	box-shadow:  rgba(0, 0, 0, 0.20);
}

.user_center .current_order .order_list_goods button.cart_btn span.icon_cart {
	background: url(../images/icon_cart.png) no-repeat;
	display: inline-block;
	background-position: 0 0;
	width: 17px;
	height: 14px
}

.user_center .current_order .order_cost {
	position: relative;
	margin-left: -8px;
	margin-right: -8px;
	border-top: 1px solid #999;
	padding: 4px 8px 15px 8px;
	background-color: #444;
}

.user_center .current_order .order_cost .goods_img {
	width: 0%;
	display: inline-table;
	height: 44px;
	line-height: 44px;
	text-align: center;
	vertical-align: top
}

.user_center .current_order .order_cost .goods_img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 44px;
}

.user_center .current_order .order_cost .goods_info {
	display: inline-block;
	width: 100%;
}

.user_center .current_order .order_cost .goods_info .goods_num_price {
	margin-top: 6px;
}

.user_center .current_order .order_cost .goods_info .goods_name a {
	color: #434343;
}

.user_center .current_order .order_cost .goods_info .goods_num {
	color: #fff;
	float: left;
	padding-left: 12px
}

.user_center .current_order .order_cost .goods_info .color1 {
	color: #434343
}

.user_center .current_order .order_cost .goods_info .goods_price {
	color: #fff;
	float: right;
	padding-right: 12px
}

.user_center .current_order .order_cost .button_offset {
	padding-left: 12px;
	padding-right: 12px
}

.user_center .current_order .order_cost button.cart_btn {
	width: 100%;
	height: 40px;
	border: 1px solid #EEEEEE;
	border-radius: 2px;
	background-color: #1C9C5E;
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
	font-family: "graphik2", Helvetica, Arial, sans-serif;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	display: block;
	margin-top: 13px;
	font-size: 14px
}

.user_center .current_order .order_cost button.cart_btn span.icon_cart {
	background: url(../images/icon_cart.png) no-repeat;
	display: inline-block;
	background-position: 0 0;
	width: 17px;
	height: 14px
}

.user_center .current_order .block2, .user_center .warranty .block2, .user_center .my_coupon .block2 {
	padding: 45px 0;
	text-align: center;
	border-top: 1px solid #666;
}

.icon_cart_gray {
	background-position: 0 -16px !important
}

.user_center .current_order .block2 p, .user_center .warranty .block2 p, .user_center .my_coupon .block2 p {
	margin: 0;
	margin-bottom: 15px;
}

.user_center .current_order .block2 p.show, .user_center .warranty .block2 p.show, .user_center .my_coupon .block2 p.show {
	color: #79807C;
}

.user_center .current_order .block2 p.back_to_top, .user_center .warranty .block2 p.back_to_top, .user_center .my_coupon .block2 p.back_to_top {
	color: #1C9C5E;
}

.user_center .current_order .block2 button.load_more, .user_center .warranty .block2 button.load_more , .user_center .my_coupon .block2 button.load_more {
	margin-bottom: 15px;
	width: 120px;
	height: 40px;
	border-radius: 2px;
	background-color: #1C9C5E;
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
	border: 0;
	color: #fff
}

.login_error_border {
	border: 1px solid #e14c4f;
	width: 306px;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 20px 0 26px;
	position: relative;
	padding-left: 26px;
	background-color: #ffe9e9;
	color: #e4393c;
}

.login_success_border span, .login_error_border span {
	margin-left: 5px;
    display: inline-block;
}

.login_error_border img, .login_success_border img {
	width: 14px;
	position: absolute;
	top: 7px;
	left: 8px;
}

.login_success_border img {
	top: 9px;
}

.login_success_border .login_success_tips {
	font-size: 12px;
}

.login_success_border {
	border: 1px solid #008f4d;
	width: 290px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 20px 0 26px;
	position: relative;
	padding-left: 26px;
	background-color: #edfff7;
	color: #09663a;
}

.userlogin_userlist {
	width: 90%;
	padding: 5% 2%;
}

.userlogin_userlist li {
	display: inline-block;
	margin-left: 4%;
	background: #066839;
	padding: 8px;
	margin-top: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.userlogin_userlist li a {
	color: #fff;
}

#register .error, #up_info .error {
	color: #fff;
	font-size: 12px;
}

.user_center .current_order .order_status span.cancelled {
	display: block;
	border: 1px solid #ff0000;
	color: #ff0000;
	border-radius: 2px;
}

.mobile-text {
	font-weight: 500;
	font-size: 12px;
	color: #999999;
	margin-bottom: 6px;
	margin-top: 16px;
}

.mobile-text + p {
	margin-top: 0px;
}

.package_detail {
	padding: 5px 8px;
	background: #056839;
	color: #fff;
	cursor: pointer;
}

.current_num {
	float: right;
	background-color: #2AB459;
	color: #fff;
	padding: 4px 9px;
	border-radius: 50%;
	line-height: normal;
	margin-top: 10px;
}
.wswu{
	height: 828px;
    width: 405px;
}

.banner .wswu{
	display: flex;
	justify-content:center;
	padding-top: 550px;
	text-align: center;
	color: #fff;
	margin-left: 8px;
    background-size: cover;
    position: absolute;
    top: 52px;
    right: 35px;
}

.banner .right-black-bolck{
    background-color: #111111;
    position: relative;
    width: 405px;
    height: 850px;
}

.banner .login-bg{
    background: url("../images/login_bg.png");
}

.banner .signup-bg{
    background: url("../images/signup_bg.png");
}

.banner .wswu h1{
	font-size: 22px;
	text-align: cenetr;
}
.banner .wswu .conten{
	width: 80%;
}

.banner .wswu p{
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin-top: 20px;
    line-height: 1.2em;
}

.banner .wswu span{
	color: #20c173;
	font-family: "graphik2", Helvetica, Arial, sans-serif;
}


.user_center .current_order .order_status span.track_order a:hover {
	text-decoration: underline;
}

div[class^="package_goods_list"] {
	display: none;
	position: absolute;
	background: #111;
	width: 600px;
	padding: 10px;
	border: 1px solid #056839;
	top: 30;
	left: 0;
	z-index: 99999999;
	color: #fff;
	line-height: 1.8em;
}

.terms-conditions {
	font-weight: 500;
	font-size: 12px;
	margin-top: 15px;
	color: #fff;
    text-align: center;
}

.terms-conditions a{
	color: #2AB459;
}

/*complete order search*/
.order-search-box, .warranty-search-box {
	width: 100%;
	display: table;
	margin: 15px auto;
}

.order-search-box .order-search-input, .warranty-search-box .warranty-search-input {
	height: 35px;
	margin-top: 12px;
}

.order-search-box .order-search-input input,
.warranty-search-box .warranty-search-input input {
	width: 98%;
	height: 35px;
	line-height: 32px;
    border: none;
	text-indent: 8px;
	outline: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.order-search-box .order-search-button, .warranty-search-box .warranty-search-button, .warranty-search-box .warranty-return-button {
	height: 35px;
}

.warranty-search-box .warranty-return-button{
	margin-top:8px;
}

.order-search-box .order-search-button button, .warranty-search-box .warranty-search-button button, .warranty-search-box .warranty-return-button button {
	width: 100px;
	height: 35px;
	background-color: #2AB459;
	border: 0px;
	color: #fff;
	line-height: 32px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	transition: all 0.4s;
}
.order-search-box .order-search-button button:hover,.warranty-search-box .warranty-search-button button:hover,.warranty-search-box .warranty-return-button button:hover {
	background-color: #006937;
}
.order-search-box .order-search-button button:active,.warranty-search-box .warranty-search-button button:active,.warranty-search-box .warranty-return-button button:active {
    color: #FFD900;
}

.warranty-list-title{
	display: block;
}

.warranty-return-docket-button{
	display: inline-block;
	margin-top: 8px;
	border: 1px solid #1FB558;
	padding: 6px 10px;
}

.warranty-return-docket-button a{
	color: #1FB558;
}

.warranty-return-docket-button a:hover{
	text-decoration: none;
}

.user_center .help_center a p.right-arr {
	font-size: 20px;
	color: #FFCC00;
}

.layui-layer .layui-layer-content .main-center {
	width: 94%;
	margin: 0px auto;
}

.layui-layer .layui-layer-content .main-center p {
	width: 100%;
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
}

.layui-layer .layui-layer-content .main-center ul {
	width: 100%;
	height: auto;
	list-style: none;
}

.layui-layer .layui-layer-content .main-center ul li {
	width: 100%;
	height: auto;
	line-height: 30px;
	display: block;
	border-bottom: #ddd solid 1px;
	cursor: pointer;
	text-align: left;
	color: #333;
	font-size: 14px;
}

.layui-layer .layui-layer-content .main-center ul li:hover {
	background-color: #efefef;
	font-weight: 600;
}

#loginsubmit:disabled{
	opacity: 0.4;
}

.my_coupon_title h3 {
	font-family: "graphik2", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 38px;
	color: #e5e5e5;
	font-size: 33px;
	height: 38px;
	margin-top: 0px;
}

.my_coupon_title p {
	height: 21px;
	color: #959595;
	font-family: Graphik;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 34px;
}

.my_coupons_table tr th{
	font-size: 16px;
}

.layui-layer-track .layui-layer-content{
	padding: 8px 22px;
}

.layui-layer-track .layui-layer-content a{
	color: #434343;
}

.umartpc-user-center{ background-color: #000;}

.user_center .my_coupon .my_coupons_table{ color: #e5e5e5;}

@media (max-width: 320px) {
	.login-signup-content .agree span {
		width: 88%
	}

	.user_center .current_order .order_list_goods .goods_info {
		width: 68%;
	}

	.user_center .current_order .order_status span.shipped {
		width: 100%;
	}

	.user_center .current_order .order_status span.download {
		display: block;
		float: none;
		position: absolute;
		right: 1rem;
		top: -3.8rem;
	}
}

@media screen and (min-width: 320px) and (max-width: 767px) {

	.my_coupon_title h3 {
		display: none;
	}

	.my_coupon_title p {
		margin-top: 20px;
		margin-bottom: 30px;
	}
}

@media (max-width: 766px) {

	div[class^="package_goods_list"] {
		width: 100%
	}

	.user_center .current_order .order_status span.shipped {
		width: 100%;
	}

	.user_center .current_order .order_status span.download {
		display: block;
		float: none;
		position: absolute;
		right: 1rem;
		top: -3.8rem;
	}

	.user_center .current_order ul.order_list li .row ul li:nth-of-type(3),
	.user_center .current_order ul.order_list li .row ul li:nth-of-type(4) {
		margin-left: 5px;
		border-left: #666 solid 1px;
		padding-left: 6px;
	}

	/*complete order search*/
	.user_center .current_order .order-search-box, .user_center .warranty .warranty-search-box {
		width: 96%;
		float: none;
		clear: both;
		margin: 0px auto;
		display: block;
		margin-bottom: 20px;
	}

	.order-search-box .order-search-input input, .warranty-search-box .warranty-search-input input {
		width: 100%;
	}

    .user_center .current_order ul.order_list,
    .user_center .warranty ul.warranty_list {
        margin-top: 10px;
    }

	.user_center .current_order .order-search-box .order-search-button button, .user_center .warranty .warranty-search-box .warranty-search-button button, .user_center .warranty .warranty-search-box .warranty-return-button button {
		width: 100%;
		margin-top: 12px;
	}
}

.user_center .view_warehouse_info{
	text-align: center;
	padding: 5px;
}
.user_center .view_warehouse_info a{
	color: #959595;
	font-size: 12px;
	padding: 5px 0px 0px 0px;
}
@media (min-width: 768px) {
	ul.login-signup-tab {
		margin-top: 40px;
	}

	.row {
		margin-left: 0;
		margin-right: 0
	}

	.block-padding-holder {
		padding-left: 15px;
		padding-right: 15px
	}

	ul.login-signup-tab li {

	}

	ul.login-signup-tab li.active {

	}

	.login-signup-content {
		border-top: none;
		padding: 25px 25px 18px 15px;
		margin-top: 5px;
		border-radius: 0 0 2px 2px;
		margin-bottom: 60px
	}

	.connect-with {
		border-top: none;
		border-left: 1px solid #E6E6E6;
		margin-left: 23px;
		padding-left: 23px;
		padding-top: 10px;
		height: 312px;
		margin-top: 5px
	}

	#sign-up .connect-with {
		height: 420px
	}

	.connect-with button.facebook, .connect-with button.google {
		width: 100%
	}

	.connect-with button.facebook img, .connect-with button.google img {
		left: 30px;
	}

	.user_center {
		padding-left: 0;
		padding-right: 0
	}

	.user_center .left_padding_offset {
		padding-left: 8px;
		padding-right: 8px;
	}

	.user_center .current_order ul.order_list li, .user_center .warranty ul.warranty_list li {
		border-top: 1px solid #E6E6E6;
		border-bottom: 1px solid #E6E6E6;
		padding: 20px 15px 0 15px;
	}

	.user_center .row {
		margin-left: -15px;
		margin-right: -15px;
	}

	.user_center .current_order ul.order_list li .row ul li, .user_center .warranty ul.warranty_list li .row ul li {
		font-size: 16px;
		border: none;
	}
    .user_center .current_order ul.order_list li .row ul li.block_item, .user_center .warranty ul.warranty_list li .row ul li.block_item {
        font-size: 16px;
    }

	.user_center .warranty ul.warranty_list li .row ul li {
		margin-right: 18px
	}

	.user_center .current_order ul.order_list li .row ul li.block_item, .user_center .warranty ul.warranty_list li .row ul li.block_item {
		display: inline;
	}

	.user_center .current_order .order_status, .user_center .warranty .returndate {
		margin-top: -5px;
		width: 98%;
		float: right;
	}
	.user_center .view_warehouse_info{
		width: 100%;
		float: right;
		text-align: right;
	}
	.user_center .current_order .shipping_status, .user_center .warranty .warranty_product {
		padding: 5px 5px 5px 8px !important;
		height: 48px;
	}

	.user_center .warranty .warranty_margintop {
		margin-top: 8px;
	}

	.user_center .warranty .warranty_margintop1 {
		margin-top: 0;
	}

	.user_center .warranty .warranty_product {
		line-height: 38px
	}

	.user_center .current_order .shipping_status .col-sm-6 {
		width: 46%
	}

	.user_center .current_order .shipping_status .col-sm-3 {
		width: 27%
	}

	.user_center .current_order .shipping_status .border_right {
		border-right: 2px solid #E3E3E3;
		height: 38px;
		padding-left: 12px
	}

	.user_center .current_order .shipping_status .no_border_right {
		border-right: none;
	}

	.user_center .current_order .shipping_status .border_right_none {
		padding-left: 12px
	}

	.user_center .current_order .shipping_status .shipping_fl, .current_order .shipping_status .shipping_fr {
		margin-top: 9px;
		margin-bottom: 0
	}

	.user_center .current_order .shipping_status .shipping_fr {
		padding-right: 5px;
		width: auto;
	}

	.user_center .current_order .shipping_status .delivery_addr {
		width: 92%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.user_center .current_order .order_list_goods_all, .user_center .warranty .warranty_detail {
		margin-top: 15px
	}

	.user_center .current_order .order_list_goods {
		margin-left: -15px;
		margin-right: -15px;
		padding: 10px 15px
	}

	.user_center .current_order .order_list_goods .goods_img {
		width: 10%;
	}

	.user_center .current_order .order_list_goods .goods_info {
		padding-left: 1%;
		width: 78%;
		padding-top: 15px;
		display: inline-block;
	}

	.user_center .current_order .order_list_goods .goods_info .goods_name {
		display: inline-block;
		width: 65%;
		padding-right: 5%;
		white-space: nowrap;
	}

	.user_center .current_order .order_list_goods .goods_info .goods_name .name-box{
		display: inline-block;
		vertical-align:top;
		width: 88%;
		padding-right: 0px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.user_center .current_order .order_list_goods .goods_info .goods_num_price {
		display: inline-block;
		vertical-align:top;
		margin-top: 0;
		width: 29%
	}

	.user_center .current_order .order_list_goods .goods_info .goods_num {
		width: 66%;
		display: inline-block;
		float: none;
	}

	.user_center .current_order .order_list_goods .goods_info .goods_price {
		width: 29%;
		display: inline-block;
		float: none
	}

	.user_center .current_order .order_cost {
		margin-left: -15px;
		margin-right: -15px;
		padding: 4px 15px 10px 15px
	}

	.user_center .current_order .order_cost .goods_img {
		width: 10%;
	}

	.user_center .current_order .order_cost .goods_info {
		padding-left: 1%;
		width: 73%;
		display: inline-block;
		padding-right: 1%;
	}

	.user_center .current_order .order_cost .goods_info .goods_name {
		display: inline-block;
		width: 70%;
		padding-right: 5%
	}

	.user_center .current_order .order_cost .goods_info .goods_num_price {
		display: inline-block;
		width: 29%
	}

	.user_center .current_order .order_cost .goods_info .goods_num {
		width: 66%;
		display: inline-block;
		padding-left: 0
	}

	.user_center .current_order .order_cost .goods_info .goods_price {
		width: 29%;
		display: inline-block;
		padding-right: 0
	}

	.user_center .current_order .order_cost .button_offset {
		padding-left: 0px;
		padding-right: 0px;
		display: inline-block;
		float: right;
		margin-top: 20px
	}

	.user_center .current_order .order_cost button.cart_btn {
		font-size: 12px;
		width: 112px;
		height: 35px;
		border: 1px solid #444;
		border-radius: 2px;
		line-height: 32px;
		text-align: center;
		float: right;
		display: inline-block;
		margin-top: 3px;
		transition: all 0.4s;
	}

	.user_center .current_order .order_cost button.cart_btn:hover {
		background-color: #17804d;
		box-shadow:  rgba(0, 0, 0, 0.20);
	}


	.navigation .bar-center {
		background-color: #F2F2F2;
	}

	.user_center .current_order ul.order_list li .row ul li:nth-of-type(2),
	.user_center .current_order ul.order_list li .row ul li:nth-of-type(3),
	.user_center .current_order ul.order_list li .row ul li:nth-of-type(4) {
		margin-left: 8px;
		border-left: #666 solid 2px;
		padding-left: 8px;
	}

	.user_center .current_order .order_status span.track_order {
		float: right;
		width: 80%;
	}

	/*complete order search*/
	.user_center .current_order .order-search-box, .user_center .warranty .warranty-search-box {
		width: 96%;
		float: none;
		clear: both;
		margin: 0px auto;
		display: block;
		margin-bottom: 20px;
	}

	.user_center .current_order .order-search-box .order-search-button button, .user_center .warranty .warranty-search-box .warranty-search-button button, .user_center .warranty .warranty-search-box .warranty-return-button button {
		width: 100%;
	}

	.user_center .warranty .warranty-search-box .warranty-search-button, .user_center .warranty .warranty-search-box .warranty-return-button{
		display: inline-block;
	}

	.warranty-search-box .warranty-return-button{
		margin-top:0px;
	}

	.order-search-box .order-search-input, .warranty-search-box .warranty-search-input {
		margin-top: 0;
	}

	.warranty-list-title{
		display: inline;
		float: left;
	}

	.warranty-return-docket-button{
		margin-top: -5px;
		display: inline;
		float: right;
	}

    .terms-conditions{
        font-size: 14px;
    }

    .login-signup-content .forget-pwd a{
        font-size: 14px;
    }

}

.abcRioButton {
	border-radius: 1px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
	transition: background-color .218s, border-color .218s, box-shadow .218s;
	-webkit-user-select: none;
	-webkit-appearance: none;
	background-color: #fff;
	background-image: none;
	color: #262626;
	cursor: pointer;
	outline: none;
	overflow: hidden;
	position: relative;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	width: auto;
	margin-top: 10px;
	width: 100%;
}

.abcRioButtonBlue {
	background-color: #4285f4;
	border: none;
	color: #fff;
}

.abcRioButtonBlue .abcRioButtonIcon {
	background-color: #fff;
	border-radius: 1px;
}

.abcRioButtonBlue .abcRioButtonContentWrapper {
	border: 1px solid transparent;
}

.abcRioButtonIcon {
	float: left;
}

.abcRioButtonContents {
	font-family: Roboto, arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .21px;
	margin-left: 6px;
	margin-right: 6px;
	vertical-align: top;
}
.abcRioButton:hover {
	box-shadow: 0 0 3px 3px rgba(66,133,244,.3);
}
.abcRioButtonBlue:hover {
	background-color: #4285f4;
}
.warehouse-status-container {
	display: flex;
	justify-content: center;
	background: url(../images/warehouse_info.png) no-repeat;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 14px 6px;
	margin-top: 12px;
	background-color: rgba(200, 200, 200, 0.8);
	background-blend-mode: overlay;
}

.warehouse-status {
	background-color: #ebebeb;
	border-radius: 5px;
	text-align: center;
	width: 270px;
	font-family: graphik2, Helvetica, Arial, sans-serif;
	cursor: pointer;
}

.warehouse-status p {
	margin-bottom: 0;
	margin-top: 4px;
	font-size: 12px;
}

.warehouse-status:first-of-type {
	margin-right: 10px;
}

.warehouse-status h3{
	margin: 0 0 6px 0;
	font-size: 18px;
}
.warehouse-status a{
	color: #434343;
	text-decoration: none;
}

.user_center .current_order h2, .user_center .warranty h2{
	color: #e5e5e5;
}

@media (min-width: 768px) and (max-width: 1200px) {

	.my_coupon_title h3 {
		display: none;
	}

	.my_coupon_title p {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.user_center .my_coupon{
		padding-left: 15px;
		padding-right: 15px;
	}

}

@media (min-width: 992px) {
	ul.login-signup-tab {
		margin-top: 0px;
	}

	.user_center .current_order .order_cost .goods_info {
		width: 74%;
	}

	.navigation .bar-center {
		background-color: transparent;
	}

    .user_center .current_order ul.order_list li .row ul li, .user_center .warranty ul.warranty_list li .row ul li {
        font-size: 18px;
    }
    .user_center .current_order ul.order_list li .row ul li.block_item, .user_center .warranty ul.warranty_list li .row ul li.block_item {
        font-size: 18px;
    }

	/*complete order search*/
	.user_center .current_order .order-search-box, .user_center .warranty .warranty-search-box {
		width: 97%;
		float: none;
		clear: both;
		margin: 0px auto;
		display: block;
		margin-bottom: 20px;
	}

	.my_coupons_table tr th{
		font-size: 18px;
	}

    .login-signup-content h3{
        font-size: 36px;
    }

    .login-signup-content form button {
        font-size: 22px;
    }

}

@media (min-width: 1200px) {
	.user_center .current_order .order_cost .goods_info .goods_name {
		width: 66%;
	}

	.common_width {
		width: 1180px !important;
	}

	.common_width1 {
		max-width: 1400px
	}

	.user_center .row {
		margin-left: 0;
		margin-right: 0
	}

	.block-padding-holder {
		padding-left: 0;
		padding-right: 0
	}

	ul.login-signup-tab li {
		padding: 0;
	}

	ul.login-signup-tab li.active {

	}

	.login-signup-content {
		border: none;
		margin-top: 0;
		padding-left: 155px
	}

	.login-signup-content form {
		width: 85%
	}

	.login-signup-content .forget-pwd {
		float: right;
	}

	.login-signup-content form button {
		width: 100% !important;
		float: left;
	}

	#sign-up .connect-with {
		height: auto
	}

	.connect-with {
		border-left: none;
		border-top: 1px solid #E6E6E6;
		margin-top: 25px;
		padding-top: 25px;
		margin-left: 0;
		padding-left: 0;
		height: auto
	}

	.connect-with button.facebook, .connect-with button.google {
		display: inline-block;
		width: 232px;
		margin-right: 38px;
	}

	.user_center {
		margin-top: 72px;
		margin-bottom: 95px;
	}

	.user_center .left_padding_offset {
		padding-left: 0;
		padding-right: 0
	}

	.user_center .leftmenu {
		width: 280px;
		border-top: 1px solid #999;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		border-radius: 2px;
		position: inherit
	}

	.user_center .leftmenu ul {
		display: block
	}

	.user_center .leftmenu h4, .user_center .leftmenu ul li {
		height: 48px;
		line-height: 48px;
		border: none;
		border-bottom: 1px solid #999;
		padding-left: 16px;
		padding-right: 16px
	}

	.user_center .leftmenu h4 .fl {
		float: none
	}

	.user_center .leftmenu h4 .fr {
		float: none
	}

	.user_center .leftmenu ul {
		position: inherit;
		box-shadow: none;
		padding-left: 0;
		border: none;
	}

	.user_center .leftmenu ul li.item_focus {
		border-left: 4px solid #2AB459;
		padding-left: 12px
	}

	.user_center .leftmenu ul li a {
		color: #fff;
	}

	.user_center .leftmenu ul li.item_focus a {
		color: #2AB459;
		font-weight: 500;
		font-family: graphik2, Helvetica, Arial, sans-serif;
	}

	.user_center .help_center {
		border: 1px solid #999;
		border-radius: 2px;
		padding: 24px 26px 18px 20px;
		margin-top: 20px;
		width: 280px;
		background: #444;
	}

	.user_center .help_center a {
		text-decoration: none;
	}

	.user_center .help_center h5 {
		color: #FFC412
	}

	.user_center .help_center p {
		font-size: 12px;
		color: #fff;
		margin-top: 12px
	}

	.user_center .current_order, .user_center .warranty, .user_center .my_coupon {
		margin: 0;
		width: 860px;
		padding-left: 25px;
	}

	.user_center .current_order h2, .user_center .warranty h2 {
		font-size: 33px;
		margin: 0
	}

	.user_center .current_order .block1, .user_center .warranty .block1 {
		margin-top: 25px
	}

	.user_center .current_order .block1 span, .user_center .warranty .block1 span, .user_center .my_coupon .block1 span {
		color: #959595
	}

	.user_center ul.page {
		float: right;
		display: inline;
		color: #B3B3B3
	}

	.user_center ul.page li {
		display: inline-block;
		width: 24px;
		height: 24px;
		text-align: center;
	}

	.user_center ul.page li.selected {
		border: 1px solid #1FB58A;
		color: #1FB58A;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}

	.user_center ul.page li a {
		color: #B3B3B3
	}

	.user_center .current_order ul.order_list,
    .user_center .warranty ul.warranty_list,
    .user_center .my_coupon .my_coupons_table {
		margin-top: 25px;
		border-left: none;
		border-right: none;
        color: #e5e5e5;
	}

	.user_center .my_coupon .my_coupons{
		margin-bottom: -20px;
	}

	.user_center .current_order ul.order_list li,
    .user_center .warranty ul.warranty_list li {
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		padding: 20px 20px 0px 20px;
		border-radius: 2px;
	}

	.user_center .current_order .shipping_status .col-sm-3 {
		width: 25%
	}

	.user_center .current_order .order_list_goods {
		margin-left: -20px;
		margin-right: -20px;
		padding: 10px 20px;
	}

	.user_center .current_order .order_list_goods .goods_img {
		width: 7%
	}

	.user_center .current_order .order_list_goods .goods_info {
		width: 76%
	}

	.user_center .current_order .order_list_goods .goods_info .goods_num {
		width: 71%;
		padding-left: 25px;
	}

	.user_center .current_order .order_list_goods .goods_info .goods_price {
		width: 25%
	}

	.user_center .current_order .order_cost {
		margin-left: -20px;
		margin-right: -20px;
		padding: 10px 20px;
	}

	.user_center .current_order .order_cost .goods_img {
		width: 7%
	}

	.user_center .current_order .order_cost .goods_info {
		width: 76%
	}

	.user_center .current_order .order_cost .goods_info .goods_num {
		width: 71%;
		padding-left: 25px;
	}

	.user_center .current_order .order_cost .goods_info .goods_price {
		width: 25%
	}

	.user_center .current_order .block2, .user_center .warranty .block2, .user_center .my_coupon .block2 {
		padding: 30px 0;
		border: 0
	}

	.user_center .current_order .block2 p.show, .user_center .warranty .block2 p.show, .user_center .my_coupon .block2 p.show {
		color: #959595;
		float: left;
		margin-bottom: 0
	}

	.container-login {
		padding: 30px;
	}

	/*complete order search*/
	.user_center .current_order .order-search-box, .user_center .warranty .warranty-search-box {
		width: 100%;
		margin-top: 15px;
		margin-bottom: 0px;
	}

	.user_center .current_order .order-search-box .order-search-button button, .user_center .warranty .warranty-search-box .warranty-search-button button {
		width: 100px;
	}

    .user_center .warranty .warranty-search-box .warranty-return-button button{
		width: 174px;
	}

	.user_center .current_order ul.order_list li.no-records, .user_center .warranty ul.warranty_list li.no-records {
		/*padding-left: 2px;*/
	}
	.abcRioButton{
		width: 232px;
	}
    .margin-block{
        margin-top: 80px;
        margin-bottom: 80px;
        min-height: 820px;
        position: relative;
    }
    .gray-block{
        background-color: #242424;
        width: 375px;
        position: absolute;
        right: 50px;
        min-height: 1200px;
        top: -120px;
    }
}

@media (min-width: 1440px) {
	.container-login {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.license_list{
	margin-top: 4px;
	display: none;
}