@charset "utf-8";
/* CSS Document */
/*CSS by thenv202@gmmail.com*/
html{}
body{
	font-size:12px;
	color:#333;
    padding: 0;
	margin: 0;
	background-color:#f7f7f7;
	}
a{
	color:#0069ac;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
button, input[type="button"], input[type="submit"]{
	cursor:pointer;
	}
select, input[type="text"], textarea, input[type="password"], #fill-train .date{
	border:1px solid #ccc;
	padding:4px;
	color:#444;
	}
.w20{
	width:20px;text-align:center;
	}
.w100{
	width:100px;
	text-align:center;
	}
.w120{
	width:120px;
	}
.w150{
	width:150px;
	}
/**/
#header{
	padding:10px;
	background:#fff;
	overflow:hidden;
	}
#logo{
	display:block;
	float:left;
	width:382px;
	height:75px;
	text-indent:-1000em;
	margin:10px 0 0 0;
	background:url(../image/logo.png) no-repeat 0 0;}
#hd-r{
	float:right;
	}
#body{
	margin:10px;
	min-height:600px;
	}
#page-tl{
	margin:20px 0;
	overflow:hidden;
	}
#page-tl h2{
	font-size:30px;
	margin:0;
	float:left;
	}
#steps{
	border-bottom:1px solid #555;
	padding-bottom:3px;
	height:20px;
	margin:0 0 15px 0;
	}
#steps li{
	list-style:none;
	float:left;
	color:#777;
	font-weight:bold;
	margin-right:30px;
	line-height:20px;
	text-transform:uppercase;
	}
#steps .number{
	background:#999;
	color:#fff;
	font-weight:bold;
	display:block;
	float:left;
	margin-right:10px;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%;
	}
#steps .active{
	color:#0066bc;
	}

#steps .active .number{
	color:#fff;
	background:#0066bc;
	}
#steps .end{
	color:#333;
	}
#steps .end .number{
	background:#333;
	color:#fff;
	}
#page-tl .rate{
	float:right;
	border:1px solid #ddd;
	padding:3px 10px 3px 30px;
	background:#fff url(../image/rate.png) no-repeat 7px 4px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
#page-tl .rate strong{
	color:#dd0000;
	}
.carhd{
	color:#fff;
	background:#626262;
	padding:8px 10px;
	margin:10px 0;
	text-transform:uppercase;
	font-weight:bold;
	}
.carhd td{
	padding:0 10px;
	}
.checkbox{
	display:block;
	width:16px;
	height:16px;
	text-indent:-1000em;
	background:url(../image/checkbox.gif) no-repeat 0 100%;
	}
.checkbox.active{
	background:url(../image/checkbox.gif) no-repeat 0 0;
	}
.carcare{
	padding:0 5px 10px 5px;
	background:#fff;
	margin-bottom:15px;
	border:1px solid #eee;
	}
.carcare th, .carcare td, .profile th, .profile td{
	padding:10px;
	}
.carcare thead td, .carcare thead th{
	border-bottom:1px solid #ccc;
	}
.carcare tbody td{
	background:#fff;
	border-bottom:#e4e4e4;
	border-bottom:1px solid #e4e4e4
	}
.carcare tbody tr:hover td{
	background:#eff4f9}
.carcare tbody td .thumb{
	float:left;
	width:80px;
	}
.carcare tbody td .info{
	margin-left:95px;
	}
.carcare tbody td .info div.link, .carcare tbody td .info div.desc  {
	margin-bottom:10px;
	}
.carcare tfoot .red{
	font-size:120%;
	}

.quantum{
	background:#eee;
	padding:2px;
	overflow:hidden;
	width:72px;
	margin-left:15px;
	}
.quantum a{
	color:#333;
	padding:0 5px;
	font-size:140%;
	line-height:20px;
	}
.quantum a:hover{
	text-decoration:none;
	}
.quantum input{
	width:30px;
	padding:2px;
	border:1px solid #555;
	}
.quantum a, .quantum input{
	float:left;
	}
.textright{
	text-align:right;
	}
.delete{
	display:none;
	width:16px;
	height:16px;
	text-indent:-1000em;
	background:url(../image/bin.png) no-repeat 0 0;}
.delete span{
	display:none;
	}
.carcare tr:hover .delete{
	display:inline-block;
	}
.carcare-bt{
	padding:0 20px;font-size:115%;
	}
.carcare-bt .checkbox{
	float:left;
	margin-right:10px;
	}
.carcare-bt th, .carcare-bt td{
	padding:5px 10px;
	vertical-align:middle;
	}
.carcare-bt td{
	font-size:110%;
	}
.order-money{
	font-size:110%;
	}

.carcare-bt th{
	font-weight:normal;
	}
.carcare-bt .total{
	color:#d00;
	font-weight:bold;
	}
.carcare-bt .total td, .carcare-bt .total th{
	border-top:1px solid #ccc;
	}
.carcare-bt .total td .vnd, .order-money .vnd{
	margin-top:5px;
	}
.carcare-bt .fl{
	font-size:12px;
	}
.button {
    background-color: #EEEEEE;
    background-image: linear-gradient(#FFFFFF, #EEEEEE);
    border: 1px solid #CCCCCC;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    color: #444444;
    cursor: pointer;
    display: inline-block;
	text-transform:uppercase;
    margin: 0 5px;
    padding: 5px 10px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.submit {
    background-color: #2D7FCB;
    background-image: linear-gradient(#5698D5, #2D7FCB);
    border: 1px solid #2D7FCB;
    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}
/**/
#footer{
	clear:both;
	background:#444;
	padding:5px 10px;
	font-size:90%;
	color:#fff;
	}
/**/
.add-cons{
	background:#fff;
	padding:10px;
	margin-bottom:15px;
	}
.add-cons h3, .boxcare h3{
	font-size:100%;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px solid #777;
	padding-bottom:5px;
	margin:0 0 10px 0;
	}
.icon-edit{
	display:inline-block;
	text-indent:-1000em;
	width:16px;
	height:16px;
	background:url(../image/edit.png) no-repeat 0 0;}
.note{
	color:#d00;}
.success{
	padding:15px 15px 15px 100px;
	background:#fff url(../image/success.png) no-repeat 15px 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #ccc;
	min-height:80px;
	}
.success h3{
	color:#85cf22}
.aler-btn{
	border-top:1px solid #ccc;
	padding-top:15px;
	}
/**/
#nav{
	height:40px;
	background:#0081b6;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	}
#nav ul{
	margin:0;
	}
#nav li{
	list-style:none;
	float:left;
	margin-right:1px;
	}
#nav li a{
	color:#fff;
	padding:0 10px;
	line-height:40px;
	display:block;
	height:40px;
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	}
#nav li a.active{
	color:#fff;
	text-decoration:none;
	background:#016088;
	}
#nav li a:hover{
	color:#fff;
	text-decoration:none;
	background:#33a5d4;
	}
/**/
#sidebar{
    
    float: left;
    height: 100%;
	top:150px;
    left: 0;
    width: 200px;
    z-index: 100;
	margin:-9px 0 0 -10px;
	padding:15px 0;
	font-size:110%;
	box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);
	}
#content{
	margin:0 0 0 200px;
	}
#sidebar .menu-v{
	margin:0;
	}
#sidebar .menu-v li{
	list-style:none;
	margin-bottom:0px;
	}
#sidebar .menu-v li a{
	color:#333;
	display:block;
	padding:8px 10px 8px 15px;
	border-left:3px solid transparent;
	}
#sidebar .menu-v li a.active, #sidebar .menu-v li a.active:hover{
	font-weight:bold;
	color:#FF6C00;
	text-decoration:none;
	border-left:3px solid #FF6C00;
	background:none;
	padding:8px 10px 8px 15px;
	margin:0;
	}
#sidebar .menu-v li sup{
	color:#777;
	}
#sidebar .menu-v li a:hover{
	background:#dfdfdf;
	text-decoration:none;
	margin:0 5px 0 10px;
	padding:8px 5px 8px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
.field{
	margin-bottom:10px;
	}
.field .caption{
	width:150px;
	float:left;
	}
.field .fieldtext{
	margin-left:165px;
	}
	
#filter, .boxcare{
	background:#fff;
	border:1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
	}
#filter{
	margin-bottom:15px;
	padding:15px 15px 10px 15px;
	}
#filter .field .caption{
	width:80px;
	}
#filter .field .fieldtext{
	margin-left:90px;
	}
.tabs{
	margin:0 0 -1px 0;
	height:33px;
	border-bottom:1px solid #ccc;
	}
.tabs li{
	list-style:none;
	margin-right:-1px;
	float:left;
	border-top:none;
	}
.tabs a{
	color:#555;
	padding:0 10px;
	line-height:32px;
	font-weight:bold;
	display:block;
	float:left;
	border:1px solid #ddd;
	position:relative;
	}
.tabs a.active{line-height:30px;
	color:#d0000c;
	background:#fff;
	border-top:3px solid #333;
	border-bottom:1px solid #fff;
	z-index:99;
	}
.tabs a:hover{
	background:#fff;
	text-decoration:none;
	}
.tabs a sup{
	font-weight:normal;
	color:#777;
	}
.orderslist-ct{
	background:#fff;
	border:1px solid #ddd;
	}
.orderslist-ct th, .orderslist-ct td{
	padding:10px;
	vertical-align:middle;
	border-bottom:1px solid #ddd;
	}
.orderslist-ct th{
	border-bottom:1px solid #555;
	}
.t-yell{
	color:#ff9600;}
.t-red{
	color:#f00000;}
.t-blue{
	color:#0084cf;}
.t-green{
	color:#1cee00;}
.t-gray{
	color:#777;}
.paging{
	padding:10px;
	text-align:center;
	}
.paging ul{
	margin:0;
	display:inline;
	}
.paging li{
	list-style:none;
	display:inline;
	margin:0 2px;
	}
.paging a{
	color:#333;
	font-size:120%;
	padding:3px 6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
.paging a.active{
	color:#d0000c;
	background:#dfdfdf;
	}
.fl{
	float:left;
	}
.fr{
	float:right;
	}
.col2{
	width:49%;
	}
.order-info{
	margin-bottom:15px;
	}
.order-info .col2{
	margin-bottom:10px;
	}
.order-info .col2 div{
	padding:10px;}
.boxcare th, .boxcare td{
	padding:10px;
	}
.order-info .col2 th{
	width:120px;
	}
.note-view{
	background:#fff;
	padding:0 10px;
	margin-bottom:5px;
	overflow:auto;
	min-height:100px;
	border:1px solid #ccc;
	}
/**/
/*login*/
#login{
	
	width:940px;
	min-height:600px;
	padding-top:40px;
	margin:0 auto;
	}
#brandlogin{
	width:475px;
	float:left;
	}
#loginId{
	width:343px;
	float:right;
	margin-right:50px;
	}
#loginId .clearfix{
	height:auto;
	margin-bottom:10px;
	}
#loginId .clearfix input{
	padding:8px 5px;
	}
#loginId .clearfix select{
	padding:7px 5px;
	}
.small{
	font-size:90%;
	color:#777;
	}
#login .log-fb, #login .log-gl{
	height:25px;
	color:#fff;
	font-weight:bold;
	line-height:25px;
	padding:4px 5px 4px 35px;
	margin-right:5px;
	display:inline-block;
	}
#login .log-fb:hover, #login .log-gl:hover{
	text-decoration:none;}
#login .log-fb{
	background:#3a589b url(../image/Facebook-24.png) no-repeat 5px 50%;
	}
#login .log-gl{
	background:#d6492f url(../image/Google-24.png) no-repeat 5px 50%;
	}
#loginId hr{
	height:1px;
	border:none;
	border-bottom:1px dashed #ccc;}
#loginId .view-inset a{
	display:block;
	background:url(../image/arrow-bt-b.png) no-repeat 100% 6px;}
/**/
.profile th{
	width:150px;
	}
.bo-l{
	border-left:1px solid #ddd;}
/**/
.financial{
	margin-bottom:15px;
	}
.financial th, .financial td{
	border-bottom:1px solid #ddd;
	}
#recharge{
	padding:10px;
	}
/**/
#taskbar{
	position:fixed;
	top:0;
	height:30px;
	padding-bottom:5px;
	width:100%;
	background:url(../image/bg-taskbar.png) repeat-x 0 100%;
	line-height:30px;
	color:#333;
	z-index:99999;
	}
#taskbar .fl{
	margin-left:10px;
	}
#taskbar .fl a{
	margin:0 5px;
	}
#taskbar .fl a.acc-name{
	font-weight:bold;
	color:#f79400;
	}
#taskbar .fr{
	margin-right:10px;
	}
#taskbar .icon-cart{
	padding-left:20px;
	color:#333;
	background:url(../image/icon-cart.png) no-repeat 0 50%;}
#taskbar .icon-cart sup{
	color:#fff;
	width:16px;
	height:16px;
	text-align:center;
	display:block;
	float:right;
	font-size:11px;
	background:url(../image/sup-cart.png) no-repeat 0 0;
	
	}
/**/
.process{
	display:inline-block;
	height:16px;
	width:100px;
	font-size:80%;
	background:#eeeeee;
	}
.process span{
	display:block;
	height:16px;
	text-align:center;
	color:#fff;
	}
.process span.p-yell, .btn-yell{
	background:#FF9600;
	}
.process span.p-red, .btn-red{
	background:#e70000;
	}
.process span.p-blue, .btn-blue{
	background:#0084CF;
	}
.process span.p-green, .btn-green{
	background:#42a500;
	}
.process span.p-black, .btn-black{
	background:#333;
	}
.process span.p-gray, .btn-gray{
	background:#888;
	}
.btn-yell, .btn-red, .btn-blue, .btn-green, .btn-black, .btn-gray{
	color:#fff;
	text-shadow:none;
	border:none;
	}
/**/
.line{
	margin:10px 0;
	clear:both;
	height:1px;
	background:none;
	border:none;
	border-bottom:1px solid #ddd;
	}
.complaints{
	padding:15px;
	}