.box_mid{
	position: relative;
}
.btnUpPost {
    position: absolute;
    top: 10px;
    right: 0;
}
.btnUpPost a{
	display: block;
}
.btnUpPost a span{
	padding-left: 25px;
	position: relative;
}
.btnUpPost a span:before{
	content: "\f055";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color:#c80000;
}
/*============================================*/
.bgMember{
	background: #f2f2f2;
	border:solid 1px #dddddd;
	padding: 30px 10px;
}
.bgMember .wrap{
	max-width: 370px;
	margin:0 auto;
}
/*=============================================*/
.formMember label{
	font-weight: bold;
}
.formMember input[type="text"],
.formMember input[type="password"],
.formMember select{
	width: 100%;
	background: #ffffff;
	border:solid 1px #dddddd;
	height: 45px;
	padding-left: 10px;
}
.formMember .grid{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin:0 -5px;
}
.formMember .grid .col{
	width: 50%;
	padding: 0 5px;
}
.formMember .radio label,
.formMember .checkbox label{
	font-weight: normal;
}
.formMember .checkbox label a{
	color:#c80000;
}
.formMember button{
	width: 100%;
	height: 45px;
	background: #c80000;
	color:#ffffff;
	border:none;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-transform: uppercase;
}
.formMember button:hover{
	background: #333333;
}
.formMember .formFa{
	position: relative;
}
.formMember .formFa:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	left:10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.formMember .formFa.right:before{
	left:initial;
	right:10px;
}
/*=======================================================================*/
.tableWhish table{
	width: 100%;
}
.tableWhish table tr th{
	background: #eeeeee;
	padding: 9px 10px;
}
.tableWhish table tr td{
	padding: 15px;
	border-bottom: solid 1px #dddddd;
}
.tableWhish table tr td:first-child{
	width: 115px;
	padding-right: 0;
}
.tableWhish .tend{
	width: 300px;
}
.tableWhish .tend a{
	display: block;
	font-weight: bold;
	max-height: 44px;
	overflow: hidden;
}
.tableWhish .price{
	color: #c80000;
	font-weight: bold;
}
.tableWhish .closez{
	font-size: 20px;
	line-height: 30px;
	color:#666666;
}
.tableWhish .closez:hover{
	color:#c80000;
}
/*============================================================*/
.searchTools{
	padding: 15px;
	background: #eeeeee;
	border-radius: 5px;
	border:solid 1px #dddddd;
	margin-bottom: 20px;
}
.searchTools .grid{
	margin: 0 -5px;
}
.searchTools .grid:after{
	content: "";
	display: block;
	clear: both;
}
.searchTools .grid .col1{
	width: 22.5%;
	padding: 0 5px;
}
.searchTools .grid .col2{
	width: 10%;
	padding: 0 5px;
}
.searchTools input,
.searchTools select{
	width: 100%;
	height: 40px;
	border:solid 1px #dddddd;
	padding-left: 10px;
}
.searchTools .formFa{
	position: relative;
}
.searchTools .formFa input{
	padding-right: 35px;
}
.searchTools .formFa:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	right:10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.searchTools button, .popupContent button{
	width: 100%;
	height: 40px;
	background: #c80000;
	color:#ffffff;
	text-transform: uppercase;
	border:none;
	text-align: center;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.popupContent button{
	width: auto;
	padding: 10px 20px;
}
.searchTools button:hover{
	background: #333333;
}
/*===========================*/
.modal-title{
	text-transform: uppercase;
	font-weight: bold;
}
/*=============================================================*/
.tableManager table{
	width: 100%;
}
.tableManager table tr th{
	background: #eeeeee;
	padding: 9px 10px;
}
.tableManager table tr td{
	padding: 15px;
	border-bottom: solid 1px #dddddd;
	vertical-align: top;
}
.tableManager table tr td:first-child{
	width: 150px;
	padding-right: 0;
}
.tableManager .info {
    max-width: 290px;
}
.tableManager .tend a{
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	max-height: 44px;
	overflow: hidden;
}
.tableManager .attr{
	font-size: 13px;
	line-height: 21px;
	color:#666666;
}
.tableManager .attr p{
	padding: 0;
}
.tableManager .attr span{
	color:#c80000;
	font-weight: bold;
}
.tableManager .txt{
	font-weight: bold;
	margin-bottom: 5px;
}
.tableManager .datez{
	color:#999999;
}
.tableManager .stt{
	font-weight: bold;
}
.tableManager .div_tools{
	width: 100px;
}
.tableManager .div_tools .tools {
	margin-bottom: 10px;
}
.tableManager .div_tools .tools ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tableManager .div_tools .tools ul li{
	margin: 0 5px;
}
.tableManager .div_tools .tools ul li a{
	display: inline-block;
	font-size: 13px;
	line-height: 21px;
	color:#999999;
}
.tableManager .div_tools .tools ul li a span{
	padding-bottom: 20px;
	position: relative;
	display: block;
}
.tableManager .div_tools .tools ul li a span:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.tableManager .div_tools .tools ul li a:hover{
	color:#c80000;
}
.tableManager .div_tools .upPost a{
	display: block;
	text-align: center;
	background: #c80000;
	font-weight: bold;
	border-radius: 5px;
	color:#ffffff;
	padding: 6px 5px;
}
.tableManager .div_tools .upPost a:hover{
	background: #333333;
}
.tableManager .refesh, .tableManager .stop, .tableManager .start{
	margin-top: 10px;
}
.tableManager .refesh a, .tableManager .stop a, .tableManager .start a{
	/*color:#999999;*/
	display: block;
}
.tableManager .refesh.d a{
	color:#c80000;
}
.tableManager .refesh a span, .tableManager .stop a span, .tableManager .start a span{
	padding-left: 20px;
	position: relative;
}
.tableManager .refesh a span:before, .tableManager .stop a span:before, .tableManager .start a span:before{
	content: "\f1da";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.tableManager .stop a span:before{
	content: "\f00d";
}
.tableManager .start a span:before{
	content: "\f077";
}
.tableManager .refesh a:hover{
	color:#00000;
}
/*===========================================================*/
.titleMember{
	border:solid 1px #dddddd;
	border-radius: 5px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	padding: 8px 15px;
	margin-bottom: 10px;
}
.titleMember:before{
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	right:10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.titleMember span{
	padding-left: 25px;
	position: relative;
}
.titleMember span:before{
	content: "\f007";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color:#c80000;
}
.boxMember{
	border-radius: 5px;
	border:solid 1px #dddddd;
	overflow: hidden;
	margin-bottom: 20px;
}
.boxMember .title{
	background: #c80000;
	color:#ffffff;
	text-transform: uppercase;
	padding: 9px 15px;
}
.boxMember .part{
    padding: 10px 20px;
    border-bottom: solid 1px #dddddd;
}
.boxMember .tit{
    color: #c80000;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}
.boxMember .menu ul li{
    margin-bottom: 5px;
}
.boxMember .menu ul li:last-child{
    margin-bottom: 0;
}
.boxMember .menu ul li a{
    display: block;
    padding-left: 15px;
    position: relative;
}
.boxMember .menu ul li.current a{
    color: #c80000;
}
.boxMember .menu ul li a:before{
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left:0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #c80000;
}
.boxMember .menu ul li a span{
    color:#c80000;
    font-weight: bold;
}
.boxMember .logout a{
    display: block;
    text-align: center;
    color:#666666;
    text-transform: uppercase;
    background: #f3f3f3;
    padding: 9px 10px;
}
.boxMember .logout a:hover{
    background: #333333;
    color:#ffffff;
}
.boxMember .point{
    margin-bottom: 5px;
}
.boxMember .point p{
    padding: 0;
}
.boxMember .listTK{
	padding: 15px 20px;
}
.boxMember .listTK ul li{
	margin-bottom: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.boxMember .listTK ul li .link {
	font-weight: bold;
}
.boxMember .listTK ul li .link span{
	padding-left: 20px;
	position: relative;
}
.boxMember .listTK ul li .link span:before{
	content: "\f4b9";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color:#c80000;
}
.boxMember .listTK ul li.s{
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #c80000;
}
.boxMember .listTK ul li.s .at{
	color:#c80000;
}
.boxMember .listTK ul li.s .as{
	font-size: 18px;
	line-height: 26px;
}
.boxMember .listTK ul li.b{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #dddddd;
}
/*=========================================================*/
.boxAttend{
	padding: 20px 15px;
	border:solid 1px #c80000;
	color:#c80000;
	border-radius: 10px;
	margin-bottom: 20px;
}
/*=========================================================*/
.tablePoint table{
	width: 100%;
}
.tablePoint table tr th{
	background: #eeeeee;
	padding: 9px 10px;
}
.tablePoint table tr td{
	padding: 15px;
	border-bottom: solid 1px #dddddd;
	vertical-align: top;
}
.tablePoint table tr td:nth-child(3){
	font-weight: bold;
	color:#c80000;
}
.tablePoint table tr.c td:nth-child(3){
	color:#333333;
}
/*=========================================================*/
.boxBank{
}
.boxBank .title{
	border-bottom: solid 1px #dddddd;
	background: #f3f3f3;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	padding: 10px 20px;
	text-transform: uppercase;
}
.boxBank ul li , .boxResult ul li{
    font-size: 15px;
    line-height: 23px;
    font-weight: bold;
    border-bottom: solid 1px #dddddd;
    padding: 18px 20px;
    padding-left: 55px;
    position: relative;
    cursor: pointer;
}
.boxBank ul li:last-child, .boxResult ul li:last-child{
	border-bottom: none;
}
.boxBank ul li input[type="checkbox"]{
	display: none;
}
.boxBank ul li input[type="text"]{
	width:100%;
	max-width: 300px;
	height: 40px;
	padding-left: 10px;
	font-weight: normal;
	font-style: italic;
}
.boxBank ul li:before{
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	left:20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #f4f4f4;
	border:solid 1px #d8d8d8;
	border-radius: 100%;
}
.boxBank ul li.checked:before{
	border:solid 5px #c80000;
	background: #ffffff;
}
.boxBank ul li .sl, .boxResult ul li .sl{
	position: absolute;
	right:150px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: normal;
}
.boxBank ul li .sl .c, .boxResult ul li .sl .c{
	color:#c80000;
}
.btnSubmitBank{
	width: 240px;
	height: 40px;
	background: #c80000;
	color:#ffffff;
	text-transform: uppercase;
	border:none;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.btnSubmitBank.btnCancel,
.btnSubmitBank:hover{
	background: #333333;
}
/*=========================================================*/
.designPopup .fancybox-close-small{
	width: 40px;
	height: 40px;
	top: 0px;
	right:0px;
}
.designPopup .fancybox-close-small svg{
	opacity: 1;
}
.designPopup .fancybox-close-small svg path{
	stroke:#ffffff;
}
.designPopup .fancybox-slide--iframe{
    padding: 0;
    margin-bottom: 0;
}
.designPopup .fancybox-slide--iframe .fancybox-content{
	width: 99%;
    max-width: 430px;
    min-height: 640px;
    background: #ffffff;
}
/*=====================================*/
#vnt-popup {
}
#vnt-popup .title{
	font-size: 16px;
	line-height: 24px;
	color:#ffffff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 10px;
	text-align: center;
	background: #c80000;
}
#vnt-popup .content{
	padding: 20px 25px;
}
/*=======================*/
#box-popup {
	padding: 0;
	width: 99%;
	max-width: 430px;
	background: #ffffff;
}
#box-popup .title{
	font-size: 16px;
	line-height: 24px;
	color:#ffffff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 10px;
	text-align: center;
	background: #c80000;
}
#box-popup .content{
	padding: 20px 25px;
}
.div_success{
	padding: 20px;
	text-align: center;
}
.list_pic_old{}

.list_pic_old .pic_item{
	float:left;
	margin:5px;
	position:relative;
	border:#ccc solid 1px;
	padding:2px;
	width: 97px;
}
.list_pic_old .pic_item img { max-width: 100%}
.list_pic_old .pic_item .remove{
	background:url(../images/remove.png) no-repeat right top;
	width:18px;
	height:18px;
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
}
/*==========================================================================*/
/*============================RESPONSIVE====================================*/
/*==========================================================================*/
@media all and (max-width: 991px){
.tableWhish table tr{
	display: block;
}
.tableWhish table tr ~ tr{
	padding: 10px;
	border:solid 1px rgba(0,0,0,0.15);
	border-top: none;
	position: relative;
	padding-left: 115px;
	padding-right: 30px;
}
.tableWhish table tr th{
	display: none;
	text-transform: uppercase;
}
.tableWhish table tr th:first-child{
	display: block;
}
.tableWhish table tr td{
	display: block;
	padding: 0;
	border:none;
	margin-bottom: 5px;
}
.tableWhish table tr td.be:before{
	content: attr(data-content)": ";
	font-weight: bold;
	color:#333333;
}
.tableWhish table tr td:first-child{
	font-weight: bold;
	width: 100%;
}
.tableWhish .img{
	width: 90px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.tableWhish .closez{
	position: absolute;
	top: 10px;
	right: 10px;
}
.tableWhish .tend{
	width: auto;
}
.tableWhish .tend a{
	overflow: initial;
	max-height:initial;
}
.tableWhish .price{
	display: inline-block;
}
}

@media all and (max-width: 768px){
.searchTools{
	padding: 10px;
}
.searchTools .grid .col1{
	width: 50%;
	margin-bottom: 10px;
}
.searchTools .grid .col2{
	width: 100%;
}
.tableManager table tr{
	display: block;
}
.tableManager table tr ~ tr{
	padding: 10px;
	border:solid 1px rgba(0,0,0,0.15);
	border-top: none;
	position: relative;
	padding-left: 135px;
}
.tableManager table tr th{
	display: none;
	text-transform: uppercase;
}
.tableManager table tr th:first-child{
	display: block;
}
.tableManager table tr td{
	display: block;
	padding: 0;
	border:none;
	margin-bottom: 5px;
}
.tableManager table tr td.be:before{
	content: attr(data-content)": ";
	font-weight: bold;
	color:#333333;
}
.tableManager table tr td:first-child{
	font-weight: bold;
	width: 100%;
}
.tableManager .img{
	width: 110px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.tableManager .div_tools{
	position: absolute;
	bottom: 15px;
	right: 10px;
}
.tablePoint table tr{
	display: block;
}
.tablePoint table tr ~ tr{
	padding: 10px;
	border:solid 1px rgba(0,0,0,0.15);
	border-top: none;
	position: relative;
	padding-left: 120px;
}
.tablePoint table tr th{
	display: none;
	text-transform: uppercase;
}
.tablePoint table tr th:nth-child(5){
	display: block;
}
.tablePoint table tr td{
	display: block;
	padding: 0;
	border:none;
	margin-bottom: 5px;
	position: relative;
}
.tablePoint table tr td:before{
	content: attr(data-content)": ";
	font-weight: bold;
	color:#333333;
	position: absolute;
	top: 0;
	left: -110px;
}
.boxBank ul li .sl{
	position: initial;
	-webkit-transform: initial;
	-ms-transform: initial;
	-o-transform: initial;
	transform: initial;
	display: block;
}
}

@media all and (max-width: 440px){
.tableManager table tr ~ tr{
	padding-left: 10px;
}
.tableManager .img{
	position: initial;
	width: 100%;
}
.tableManager .img img{
	width: 100%;
}
#vnt-popup .content{
	padding: 15px 10px;
}
#box-popup .content{
	padding: 15px 10px;
}
}

@media all and (max-width: 380px){
.tableWhish table tr ~ tr{
	padding-left: 10px;
	padding-top: 75px;
}
.searchTools .grid .col1{
	width: 100%;
}
}