.user-p{
	font-family: "Arial";
	/*padding-left: 280px;*/
	/*padding: 135px 0px 0px 230px;*/
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	/*padding-top: 67px;*/
}
.user-p.tran{
	padding-left: 0;
}
.user-p.tran .sb-col{
	left: -230px;
}
.user-p .container-fluid {
	margin-top: 50px;
}
.ct-head{
	position: fixed;
	top: 113px;
	right: 0;
	z-index: 1;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	left: 230px;
}
.user-p.tran .ct-head{
	left: 0;
}
.sb-col{
	position: fixed;
	top: 100px;
	bottom: 0;
	left: 0;
	width: 230px;
	background: #FF5000;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	z-index: 9;
}
.sb-col > button{
	position: absolute;
	left: 100%;
	background: none;
	color: #5A738E;
	font-size: 28px;
	padding: 0;
	line-height: 1;
	width: 46px;
	height: 46px;
	background: #EDEDED;
	/*box-shadow: 0 0 4px 0 rgba(100,100,100,0.4);*/
}
.sb-col > button:hover{
	color: #2A3F54;
}
.sb-col > button:after{
	font-family: FontAwesome;
	content: "\f0c9";
}
.sb-col-ct{
	width: 100%;
	height: 100%;
}
.sb-col-ct{
	overflow-x: hidden;
	overflow-y: auto;
}
.u-logo{
	display: inline-block;
	padding: 10px 15px;
	margin: 10px 0;
	vertical-align: middle;
}
.u-logo img{
	max-width: 100%;
	display: block;
	max-height: 50px;
}
.user-head{
	padding: 15px;
	margin-bottom: 20px;
	border-top: solid 1px rgba(255,255,255,.1);
}
.user-head img{
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	border: solid 5px rgba(255,255,255,.95);
	border-radius: 50%;
	-webkit-object-fit: cover;
	-moz-object-fit: cover;
	-ms-object-fit: cover;
	-o-object-fit: cover;
	object-fit: cover;
}
.user-head .ct{
	margin-left: 75px;
	color: #ccc;
	padding-top: 10px;
}
.user-head .ct p{
	font-size: 11px;
	margin-top: 3px;
	word-break: break-all;
}
.ctrl-sb a{
	display: block;
	padding: 10px 15px;
	color: #e7e7e7;
	border-bottom: solid 1px rgba(255,255,255,.05);
	position: relative;
}
.ctrl-sb a:hover, .ctrl-sb .active > a{
	background: rgba(255,255,255,.05);
}
.ctrl-sb ul a{
	padding: 10px 15px 10px 35px;
}
.ctrl-sb ul{
	position: relative;
}
.ctrl-sb ul:before{
	content: '';
	position: absolute;
	top: 18px;
	bottom: 18px;
	width: 1px;
	background: #425668;
	left: 20px;
}
.ctrl-sb ul a:before{
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #425668;
	position: absolute;
	left: 17px;
	top: 50%;
	margin-top: -4px;
}
.ctrl-sb li i{
	font-style: normal;
	float: right;
	color: #fff;
	font-size: 18px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	pointer-events: none;
}
.ctrl-sb li i:after{
	font-family: FontAwesome;
	content: "\f105";
	line-height: 1;
}
.ctrl-sb li.open i:after{
	content: "\f107";
}
.ctrl-sb ul{
	display: none;
}
.ct-head{
	text-align: right;
	background: #EDEDED;
	border-bottom: 1px solid #D9DEE4;
	padding: 5px 20px 8px 0;
	font-size: 13px;
	margin-bottom: 20px;
}
.ct-head label{
	display: inline-block;
	vertical-align: middle;
}
.ct-head > a{
	margin-left: 15px;
	display: inline-block;
	vertical-align: middle;
}
.ct-head > a:hover{
	color: #2A3F54;
	text-decoration: underline;
}
.ct-head sup{font-size: 70%;}
/*.u-notify{
	margin-left: 15px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: left;
}
.u-notify> a{
	display: block;
}
.u-notify> a:hover{
	color: #2A3F54;
	text-decoration: underline;
}
.u-notify> a span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.u-notify> a i{vertical-align: middle;}
.u-notify .more{
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
    text-transform: uppercase;
    margin: 9px 0;
    color: #2A3F54;
}
.u-notify .more:hover{
	text-decoration: underline;
}
.u-notify > a.more:hover{
	background: none;
	text-decoration: underline;
}
.u-notify .ct{
	position: absolute;
	right: -50px;
	min-width: 250px;
	background: #fff;
	display: none;
	margin-top: 10px;
	box-shadow: 0 0 5px 0 rgba(100,100,100,0.5);
	z-index: 1;
}
.u-notify ul li a{
	display: block;
	padding: 8px 15px;
	font-size: 13px;
	border-bottom: dotted 1px #e1e1e1;
	background: #fff;
}
.u-notify ul li a:hover{
	background: #f6f6f6;
	}*/
	.u-account{
		display: inline-block;
		vertical-align: middle;
		margin-left: 15px;
		text-align: left;
		position: relative;
	}
	.u-account > a{
		display: block;
	}
	.u-account > a:hover{
		text-decoration: underline;
		color: #2A3F54;
	}
	.u-account img{
		width: 30px;
		height: 30px;
		border-radius: 50%;
		-webkit-object-fit: cover;
		-moz-object-fit: cover;
		-ms-object-fit: cover;
		-o-object-fit: cover;
		object-fit: cover;
		float: left;
	}
	.u-account .name{
		margin-left: 38px;
		margin-top: 7px;
		font-size: 13px;
	}
	.u-account ul{
		background: #fff;
		position: absolute;
		right: 0;
		min-width: 160px;
		background: #fff;
		box-shadow: 0 0 5px 0 rgba(100,100,100,0.5);
		display: none;
		margin-top: 6px;
		z-index: 1;
	}
	.u-account ul a{
		display: block;
		padding: 7px 15px;
		font-size: 13px;
		border-bottom: dotted 1px #e1e1e1;
	}
	.u-account ul a i{
		float: right;
		margin-top: 3px;
	}
	.u-account ul a:hover{
		background: #f8f8f8;
	}
	.panel-title{
		font-weight: bold;
		color: #2A3F54;
	}
	.panel-body > h2{
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 20px;
		margin-top: 5px;
		color: #2A3F54;
	}
	.panel-body > h3{
		font-weight: bold;
		font-size: 20px;
		color: #e01d17;
		margin-bottom: 20px;
		margin-top: 5px;
	}
	.u-form-line:after{
		content: '';
		display: block;
		clear: both;
	}
	.u-form-line{
		margin-bottom: 10px;
	}
	.u-form-line span{
		width: 175px;
		font-size: 13px;
		display: block;
		float: left;
		margin-top: 5px;
		padding-right: 20px;
		color: #2A3F54;
		font-weight: bold;
	}
	.u-form-line .ctrl{
		margin-left: 175px;
	}
	.u-form-line .ctrl input[type="text"], .u-form-line .ctrl input[type="number"], .u-form-line .ctrl input[type="password"], 
	.u-form-line .ctrl input[type="email"], .u-form-line .ctrl select, .u-form-line .ctrl textarea{
		border: solid 1px #ccc;
		border-radius: 3px;
		height: 32px;
		width: 405px;
		max-width: 100%;
		margin-bottom: 5px;
		display: block;
	}
	.u-form-line .ctrl select{padding-left: 8px;}
	.u-form-line .ctrl textarea{
		height: 100px;
		resize: none;
	}
	.u-form-line .ctrl .sm, .u-form-line .ctrl .xs{
		width: 200px !important;
		display: inline-block !important;
	}
	.user-p .btn{
		padding: 5px 12px;
		margin-bottom: 10px;
	}
	.u-table{
		width: 100%;
		border: solid 1px #e8e8e8;
	}
	.u-table td{
		border-top: solid 1px #e8e8e8;
		font-size: 13px;
		vertical-align: middle;
	}
	.u-table th{
		text-transform: uppercase;
		background: #f8f8f8;
		color: #2A3F54;
		padding: 8px 10px;
	}
	.u-table td{
		padding: 8px 10px;
	}
	.u-table tr:nth-child(2n) td{
		background: #f5f5f5;
	}
	.u-table td a{
		color: #337ab7;
	}
	.u-table td a:hover{
		color: #2A3F54;
		text-decoration: underline;
	}
	.u-table i{font-size: 18px;}
	.img-table td{
		padding: 5px 10px;
	}
	.img-table td, .img-table th{
		text-align: center;
	}
	.img-table td:first-child{
		text-align: left;
		width: 90px;
	}
	.img-table td:nth-child(2){
		text-align: left;
	}
	.img-table td img{
		width: 100%;
		display: inline-block;
		vertical-align: middle;
	}
	.u-collapse .ctrl{
		display: block;
		padding: 10px 15px;
		font-weight: bold;
		font-size: 13px;
		background: #e1e1e1;
		cursor: pointer;
		margin-bottom: 20px;
	}
	.u-collapse .ctrl:hover{
		text-decoration: underline;
	}
	.u-collapse .ctrl span{
		font-size: 14px;
	}
	.u-collapse .ctrl.active span{
		color: #e01d17;
	}
	.u-collapse .ct{
		padding: 0 15px;
		display: none;
		margin-bottom: 20px;
	}
	.u-collapse .ct p{
		color: #2A3F54;
		font-weight: bold;
		font-size: 13px;
		margin-bottom: 3px;
	}
	.u-collapse .ct input[type="text"], .u-collapse .ct input[type="number"] {
		display: block;
		width: 300px;
		max-width: 100%;
		height: 30px;
		border: solid 1px #e1e1e1;
		border-radius: 3px;
	}
	.cards label{
		display: inline-block;
		vertical-align: top;
		margin-right: 5px;
		margin-bottom: 10px;
		cursor: pointer;
	}
	.cards label input{display: none;}
	.cards label img{
		height: 40px;
		padding: 2px 5px;
		border: solid 1px transparent;
	}
	.cards label input:checked + img{
		border-color: #ff0000;
	}
	.donhang{
		margin-bottom: 20px;
	}
	.dh-head{
		border: 1px solid #cae1fe;
		background: #e8f2ff;
		padding: 7px 15px;
		font-size: 13px;
	}
	.dh-head a:hover{text-decoration: underline;}
	.dh-head span{margin-right: 10px;display: inline-block;vertical-align: middle;}
	.dh-head span a{color: #337ab7;}
	.dh-head span i{font-style: normal;color: #c00;}
	.dh-body{border: 1px solid #cae1fe;border-top: none;}
	.dh-item{
		font-size: 12px;
	}
	.dh-item .btn{
		font-size: 13px;
	}
	.dh-item table{
		width: 100%;
	}
	.dh-item th{
		padding: 10px 5px;
		text-align: center;
		border-right: solid 1px #f1f1f1;
	}
	.dh-item td{
		padding: 5px;
		vertical-align: top;
		border-top: solid 1px #f1f1f1;
		border-right: solid 1px #f1f1f1;
	}
	.dh-item td img{width: 80px;}
	.dh-item td a.dh-item-title{
		color: #23527c;
	}
	.dh-item td a.dh-item-title:hover{
		text-decoration: underline;
	}
	.dh-item td p{
		margin: 0;
	}
	.dh-item td input{width: 80px;}
	.dh-item td:nth-child(n+3){
		text-align: center;
	}
	.dh-item td strong{
		color: #ff7300;
	}
	.dh-item td a i{color: #ed1b24;}
	.dh-body-box{font-size: 13px;padding-top: 9px;}
	.dh-body-box a.btn{margin-bottom: 10px;font-size: 13px;}
	.dh-body-box a:not(.btn){color: #337ab7;}
	.dh-body-box a:not(.btn):hover{color: #23527c;text-decoration: underline;}
	@media all and (max-width: 1199px){
	}
	@media all and (max-width: 991px){
		.user-p, .user-p.tran{padding-left: 0;}
		.sb-col{left: -230px;}
		.user-p.tran .sb-col{left: 0;}
		.user-p.tran .ct-head, .ct-head{left: 0;}
		.user-p.tran .sb-col > button{box-shadow: 0 0 4px 0 rgba(100,100,100,0.4)}
	}
	@media all and (max-width: 767px) {
		.ct-head > a{display: none;}
		.u-form-line span, .u-form-line strong{
			float: none;
			display: block;
			margin-bottom: 3px;
		}
		.u-form-line .ctrl{margin-left: 0;}
		.panel-body .alert{font-size: 13px;padding: 10px 15px;}
		.u-table, .u-table tbody, .u-table tr, .u-table td{display: block;}
		.u-table thead, .u-table th{display: none;}
		.img-table tr{
			position: relative;
			padding-left: 80px;
			padding-bottom: 8px;
			border-bottom: solid 1px #e8e8e8;
			margin-bottom: 10px;
		}
		.img-table tr:last-child{
			padding-bottom: 0px;
			border-bottom: none;
			margin-bottom: 0px;
		}
		.img-table tr:nth-child(2n) td{background: none;}
		.img-table td{border: none;text-align: left;padding: 0;}
		.img-table td:first-child{
			width: 70px;
			padding: 0;
			position: absolute;
			left: 0;top: 0;
		}
		.img-table td:nth-child(n + 3){
			display: inline-block;
			width: 48%;
			margin-top: 2px;
		}
		.img-table td:last-child{display: none;}
		
		.ct-table{border: none;}
		.ct-table tr{
			margin-bottom: 15px;
			border: solid 1px #ccc;
		}
		.ct-table td:empty{display: none;}
		.ct-table td{
			position: relative;
			padding-left: 45%;
			text-align: left;
			min-height: 36px;
		}
		.ct-table td:before{
			content: attr(data-dt);
			position: absolute;
			left: 0px;
			width: 45%;
			font-weight: bold;
			text-indent: 11px;
		}
		.u-table tr:nth-child(2n) td{
			background: none;
		}
		.dh-item thead{display: none;}
		.dh-item table, .dh-item tr, .dh-item td, .dh-item tbody{display: block;}
		.dh-item tr{
			position: relative;
			padding: 10px 10px 10px 100px;
			border-bottom: solid 1px #e1e1e1;
		}
		.dh-item td{border: none;padding: 0;}
		.dh-item td:first-child{
			position: absolute;
			left: 10px;
			width: 80px;
		}
		.dh-item td img{width: 100%;display: block;}
		.dh-item td:nth-child(2){padding-bottom: 5px;margin-bottom: 5px;border-bottom: solid 1px #f1f1f1}
		.dh-item td:nth-child(3){display: none;}
		.dh-item td:nth-child(4){display: inline-block;width: 50px;text-align: left;}
		.dh-item td:nth-child(5){display: inline-block;text-align: left;}
		.dh-item td:nth-child(6){display: inline-block;text-align: left;padding-left: 5px;}
		.dh-body-box{padding-left: 15px;}
		.dh-body-box br{display: none;}
		.dh-body-box a{
			display: inline-block;
			vertical-align: baseline;
			margin-right: 10px;
		}
		.user-p .sb-col { z-index: 100; top: 0px; }
	}
	@media all and (max-width: 480px){
		.u-form-line .ctrl .sm{display: block !important;width: 405px !important;}
		.u-form-line .ctrl .xs{width: 48% !important;}
	}
	.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
	.ui-timepicker-div dl { text-align: left; }
	.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
	.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
	.ui-timepicker-div td { font-size: 90%; }
	.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
	.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
	.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
	.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }
	.ui-timepicker-rtl{ direction: rtl; }
	.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
	.ui-timepicker-rtl dl dt{ float: right; clear: right; }
	.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
	/* Shortened version style */
	.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
	.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
	.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
	.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
	.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
	.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
	.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
	.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
	.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
	.count {
		background-color: #fff;
		color: #2a3f54;
		border-radius: 7px;
		margin-left: 6px;
		text-align: center;
		min-width: 30px;
		display: inline-block;
		float: right;
		margin-right: 6px;
	}
	.btn-u {
		background: #1678e3 none repeat scroll 0 0;
		border: 0 none;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		font-weight: 400;
		padding: 6px 13px;
		position: relative;
		text-decoration: none;
	}
	.c-loading-data {
		background: rgba(0, 0, 0, 0) url("../images/loading_line.gif") no-repeat scroll 50% 8px;
		border: 1px solid #ddd;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
		color: #888;
		padding: 28px 15px 15px;
		text-align: center;
		display: none;
	}
	.image_area .zoom_image {
		border: 1px solid rgba(0, 0, 0, 0.2);
		padding: 5px;
	}
	.image_area .zoom_image img {
		max-width: 100%;
	}
	.image_area .image_list {
		margin: 0;
		text-align: center;
	}
	.image_area .image_list a {
		border: 1px solid rgba(0, 0, 0, 0.2);
		display: inline-block;
		margin: 0 3px;
		padding: 2px;
	}
	.image_area .image_list a {
		margin: 10px 3px 0;
	}
	.image_list img { vertical-align: middle; }
	.item-info {
		background-color: #eee;
		padding: 10px;
	}
	.item-info h1 {
		font-size: 18px;
		margin: 10 0 30px;
	}
	.form-horizontal .control-label {
		margin-bottom: 0;
		padding-top: 7px;
		text-align: right;
	}
	.item_one_form a { cursor: pointer; font-size: 13px; }
	.item_one_form .control-label {
		color: #838383;
		font-weight: 400;
		line-height: 30px;
	}
	input#d_item_price {
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
		color: #555;
		font-size: 14px;
		height: 34px;
		line-height: 1.42857;
		padding: 6px 12px;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		width: 120px;
	}
	#color_product .i_item {
		border: 2px solid rgba(0, 0, 0, 0.2);
		color: #323232;
		display: inline-block;
		margin: 0 10px 6px 0;
		padding: 1px;
		text-align: center;
		text-decoration: none;
	}
	#size_product .n_item {
		background-color: #f7f7f7;
		border: 2px solid rgba(0, 0, 0, 0.2);
		color: #323232;
		display: inline-block;
		height: 34px;
		margin: 0 10px 6px 0;
		padding: 6px 10px;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}
	strong#item_price, strong#total_price {
		color: #c00;
		font-size: 24px;
		font-weight: 400;
	}
	.j_input_row { display: none; }
	.item-info .buynum_select {
		width: 120px;
	}
	.headline {
		border-bottom: 1px dotted #e4e9f0;
		display: block;
		margin: 10px 0 25px;
	}
	.headline-md {
		margin-bottom: 15px;
	}
	.item-seller-info .headline {
		margin-top: 0;
	}
	.headline h2, .headline h3, .headline h4 {
		border-bottom: 2px solid #72c02c;
		display: inline-block;
		margin: 0 0 -2px;
		padding-bottom: 5px;
	}
	.headline-md h2 {
		font-size: 21px;
	}
	.headline h2, .headline h3, .headline h4 {
		border-bottom: 2px solid #72c02c;
	}
	.j_props_row #size_product a.disabled {
		border: 2px dashed #ccc;
		color: #999;
		cursor: not-allowed;
	}
	.j_props_row #color_product a.selected {
		border: 2px solid #be0106;
		color: #323232;
	}
	#popup_mask {
		background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 99999999;
	}
	#popup_box {
		background-clip: padding-box;
		background-color: #fff;
		border-color: rgba(0, 0, 0, 0.1);
		border-style: solid;
		border-width: 5px;
		left: 50%;
		margin-left: -225px;
		position: fixed;
		text-align: center;
		top: 100px;
		width: 450px;
		z-index: 999999999;
		padding: 10px;
	}
	#popup_mask, #popup_box {
		display: none;
	}
	div.order_history p.oh_current {
		color: coral;
	}
	div.order_history p em {
		display: inline-block;
		width: 15px;
	}
	div.order_history p span {
		display: inline-block;
		padding-right: 18px;
		text-align: right;
	}
	.item-seller-info { overflow-x: hidden; }