html { overflow-x:hidden; }
.content-header {
	position: relative;
	padding: 0 0 3px 8px
}

.content-header>.breadcrumb {
    position: relative;
    top: 0;
    right: 0;
    float: none;
    margin-top: 0px;
    padding-left: 10px;
    background: #ecf0f5;
}

.main-footer {
    padding: 7px;
    color: #444;
    border-top: 1px solid #eee;
}

[v-cloak] {
  display: none;
}

.grid-btn{
	margin-bottom:12px;
}
.grid-btn .btn{
	margin-right:10px;
}
.pointer{cursor: pointer;}

.ml-10 { margin-left:0 !important; }
@media (min-width: 768px) {
	.ml-10 { margin-left:10px !important; }
	.col-sm-10 {width: 70%;padding-left: 0px;}
	.col-sm-2 {width: 24%;}
}
tbody > tr > th {font-weight: normal; }
.panel .table { margin:0 0; }
.panel .pagination { margin:0; }
.panel-default>.panel-heading {background-color: #f5f5f5;}
.row{
	border-top: 1px solid #ddd;
	margin:0;
	padding:20px 2px 0px 2px;
}
.col-xs-6{padding-left: 0px;padding-right: 0px;}
.form-horizontal .form-group {margin-left:0px;margin-right:0px;}
.form-horizontal{
	width:550px;padding-top:20px;
}

.red-star {
	color: red;
	margin-left:3px;
}

#chose_pic_btn {
    width: 30%;
    height: 80px;
    position: relative;
    display: inline-block;
    background-image: url(../image/add.png);
    box-sizing: border-box;
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #dbdbdb;
    margin-left: 3.3333%;
    margin-bottom: 12px;
}
#chose_pic_complete_btn {
    width: 30%;
    height: 80px;
    position: relative;
    display: inline-block;
    background-image: url(../image/add.png);
    box-sizing: border-box;
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #dbdbdb;
    margin-left: 3.3333%;
    margin-bottom: 12px;
}

.release_up_pic .up_pic {
    background-color: #fff;
    padding: 15px 12px;
    font-size: 0;
    margin-left: -3.33333%;
    padding-bottom: 3px;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}
#chose_pic_btn input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}
#chose_pic_complete_btn input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.release_up_pic .up_pic .pic_look {
    width: 30%;
    height: 80px;
    display: inline-block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    margin-left: 3.3333%;
    margin-bottom: 12px;
    position: relative;
}
.release_up_pic .up_pic {
    background-color: #fff;
    padding: 15px 12px;
    font-size: 0;
    margin-left: -3.33333%;
    padding-bottom: 3px;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}

.release_up_pic .up_pic .pic_look em {
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: red;
    color: #fff;
    font-size: 18px;
    right: 5px;
    top: 5px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    font-weight: 700;
}

.A1L {
	background-color:#FF0000;
	color:#FFFFFF;
}
.A2L {
	background-color:#EAC100;
	color:#FFFFFF;
}
.A3L {
	background-color:#FFFF37;
	color:#FFFFFF;
}

.A4L {
	background-color:#7D7DFF;
	color:#FFFFFF;
}

.A5L {
	background-color:#BEBEBE;
	color:#FFFFFF;
}
.A6L {
	background-color:#C2FF68;
	color:#FFFFFF;
}
.A7L {
	background-color:#D2A2CC;
	color:#FFFFFF;
}