@charset "UTF-8";
/* ******************************************************************
	--2.css--
****************************************************************** */
.footer_codinh {
	float: left;
    display: block;
    width: 100%;
}
.newsletter_content_thanhvien_dt a{ 
	background: #4b9331;
	color: #fff;
	font-family: "Times New Roman", Times, serif;
    font-size: 24px;
	text-align: center;
}
.newsletter_content_thanhvien_dt a sup{ 
	top: -0.3em;
    font-size: 16px;
}
.footer_codinh_goinhanh_icon{
	display: block;
    margin: 0px;
    padding: 0px;
    border: 0px;
    background: transparent;
    overflow: hidden;
    position: fixed;
    z-index: 16000001;
    opacity: 1;
    transform: translateY(0%);
    left: 15px;
    bottom: 15px;
}
.footer_codinh_goinhanh_icon button, .footer_codinh_goinhanh_icon button.btn:hover, .footer_codinh_goinhanh_icon button.btn:focus, .footer_codinh_goinhanh_icon button.btn.focus, .footer_codinh_goinhanh_icon button:hover{
	background: #4b9331;
	color: #fff;
	bottom: 15px;
	padding: 5px 8px;
	border: 0px;
}

.modal.in .modal-dialog {
    z-index: 9999;
}
.modal-header{
	border-bottom: 0px solid #e5e5e5;
	padding: 0px;
}
.modal-footer {
    border-top: 0px solid #e5e5e5;
}
.modal-dialog, .modal.in .modal-dialog{
    width: 800px;
}
#myModaltuvan .modal-header-title{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
    float: left;
    display: block;
    background-size: 15px 15px;
    margin-top: 59px;
    padding-left: 45px;
    padding-top: 50px;
    font-size: 40px;
    color: #e9e9e9;
    text-transform: uppercase;
    position: absolute;
    height: 62px;
    z-index: 16000002;
    top: 290px;
    right: 345px;
    width: 100%;
}
#myModaltuvan .modal-content{
	padding-left: 100px;
    background: #ffff;
    border: 0px;
    float: left;
    display: block;
    width: 100%;
}
.modal-content{
	float: left;
    display: block;
    width: 100%;
}
#myModaltuvan .modal-header{
	padding: 0px;
	border-bottom: 0px solid #e5e5e5;
}
#myModaltuvan h4.modal-title{
	margin-right: 100px;
    padding-top: 20px;
    font-family: 'Tinos', serif;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 30px;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 20px
}
#myModaltuvan .modal-header button, #myModaltuvan_confirm .modal-header button{
	background: #be030c;
	color: #fff;
	height: 50px;
	width: 50px;
	text-align: center;
	margin-top: 0px;
	opacity: 1;
	filter: alpha(opacity=100); 
	zoom: 1; 
}
#myModaltuvan .modal-body, #myModaltuvan_confirm  .modal-body{
	padding: 15px 100px 15px 0px;
    float: left;
    display: block;
}
.modal-body form{
	padding: 0px;
    margin: 20px 0px 0px 0px;
    float: left;
    display: block;
    width: 100%;
}
#myModaltuvan .modal-body form .form-group, .form-group-label, .form-group-input, .navbar-form .form-group-input input, .navbar-form .form-group-input textarea, .modal-body-confirm{
	float: left;
    display: block;
	width: 100%;
}
#myModaltuvan .modal-body form .form-group{
	margin-bottom: 20px;
}
#myModaltuvan .form-group-label{
	margin-bottom: 5px;
}
#myModaltuvan .form-group-label sup{
	top: 0em;
    left: 3px;
    color: #ff0000;
    font-size: 100%;
}
.navbar-form .form-group-input input, .navbar-form .form-group-input textarea{
	border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	background: #f3f7fa;
	border: 0px solid #fff;
	border-bottom: 1px solid #d4d4d4;
}
#myModaltuvan .modal-footer, #myModaltuvan_confirm   .modal-footer{
	float: left;
    display: block;
    padding: 0px;
    margin-bottom: 30px;
	width: 100%;
	padding-right: 100px;
}
 #myModaltuvan_confirm   .modal-footer{
	padding-left: 100px;
}
#myModaltuvan .modal-footer .button_send, #myModaltuvan_confirm   .modal-footer .button_send, #myModaltuvan .modal-footer .button_cancel{
	float: left;
	display: block;
	width: 48%;
	background: #4b9331;
	color: #fff;
	text-transform: uppercase;
	border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	border: 0px solid #4b9331;
	height: 32px;
	line-height: 32px;
}
#myModaltuvan .modal-footer .button_cancel{
	float: right;
	display: block;
	width: 48%;
	background: #909090;
	color: #fff;
	text-transform: uppercase;
	border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	border: 0px solid #909090;
	height: 32px;
	line-height: 32px;
}
.modal-body-confirm{
	font-family: 'Tinos', serif;
    font-size: 24px;
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
#myModaltuvan_confirm  .modal-body{
	width: 90%;
    padding-left: 100px;
    padding-top: 10px;
    padding-bottom: 20px;
}
.tuvantructuyen_content_input.error input, .form-group-input.error input, .form-group-input.error textarea, .kithinanglucnhatngu_form_row_input.error input{
    border: 0px;
	border-bottom: 1px solid #ff0000;
}
.form-group-input input{
	padding: 0px 12px;
	height: 32px;
	line-height: 32px;
}
.modal-dialog {
    margin: 50px auto;
}	
@media only screen and (max-width: 767px) {
	#myModaltuvan .modal-header-title{
		top: 215px;
		right: 280px;
	}
	#myModaltuvan .modal-content, #myModaltuvan_confirm .modal-footer	{
		padding-left: 80px;
	}
	#myModaltuvan h4.modal-title {
		margin-right: 80px;
	}
	#myModaltuvan .modal-body{
		padding: 15px 80px 15px 0px;
	}
	#myModaltuvan .modal-footer, #myModaltuvan_confirm .modal-footer{
		padding-right: 80px;
	}
	#myModaltuvan_confirm .modal-body{
		padding: 15px 80px 15px 80px;
	}
	.label_file_label{
		display: none;
	}
	.format_input{
		float: left;
		display: block;
		width: 100%;
		margin-top: 5px;
	}
	.newsletter_content_thanhvien.newsletter_content_thanhvien_dt{
		width: 100%;	
	}
}
@media only screen and (max-width: 736px) {
	#myModaltuvan .modal-footer, #myModaltuvan_confirm .modal-footer{
		padding-right: 80px;
	}
}
@media only screen and (max-width: 734px) {
	
}
@media only screen and (max-width: 722px) {
	#myModaltuvan .modal-header-title {
		top: 210px;
		right: 275px;
	}
}
@media only screen and (max-width: 695px) {
	#myModaltuvan .modal-header-title{
		top: 200px;
		right: 260px;
	}
}
}
@media only screen and (max-width: 685px) {
	#myModaltuvan .modal-header-title {
		top: 190px;
		right: 255px;
	}
}
@media only screen and (max-width: 668px) {
	#myModaltuvan .modal-header-title{
		top: 190px;
		right: 250px;
	}
}
@media only screen and (max-width: 641px) {
	#myModaltuvan .modal-header-title{
		top: 175px;
		right: 235px;
	}
	#myModaltuvan .modal-footer, #myModaltuvan_confirm .modal-footer {
		padding-right: 60px;
	}
}
@media only screen and (max-width: 602px) {
	#myModaltuvan .modal-header-title{
		top: 160px;
		right: 220px;
	}
	#myModaltuvan .modal-content #myModaltuvan_confirm .modal-footer {
		padding-left: 70px;
	}
	#myModaltuvan h4.modal-title{
		margin-right: 70px;
	}
	#myModaltuvan .modal-body{
		padding: 15px 70px 15px 0px;
	}
	#myModaltuvan .modal-footer{
		padding-right: 70px;
	}
	#myModaltuvan_confirm .modal-body{
		padding: 15px 70px 15px 70px;
	}
	.content_expand_content p span.span_text{
		width: 83% !important;
	}
	#myModaltuvan .modal-body form .form-group.hoten, #myModaltuvan .modal-body form .form-group.dienthoai{
		width: 100%;
	}
}
@media only screen and (max-width: 599px) {
	#myModaltuvan .modal-header-title{
		top: 160px;
		right: 220px;
	}
}
@media only screen and (max-width: 570px) {
	#myModalsearch .modal-header-title {
		top: 145px;
		right: 205px;
	}
	#myModaltuvan .modal-header-title{
		top: 140px;
		right: 205px;
	}
	#myModaltuvan .modal-body form .form-group.hoten,
	#myModaltuvan .modal-body form .form-group.dienthoai{
		width: 100%;
	}
}
@media only screen and (max-width: 553px) {
	#myModaltuvan .modal-header-title {
		top: 130px;
		right: 190px;
	}
	#myModaltuvan_confirm .modal-body{
		width: 88%;
		padding: 15px 30px 15px 70px;
	}
}
@media only screen and (max-width: 534px) {
	#myModaltuvan .modal-header-title {
		top: 120px;
		right: 180px;
	}
}
@media only screen and (max-width: 515px) {
	#myModaltuvan .modal-header-title{
		top: 100px;
		right: 165px;
	}
	#myModaltuvan .modal-body {
		padding: 15px 70px 15px 0px;
		width: 100%;
	}
	#myModaltuvan h4.modal-title{
		font-size: 20px;
		line-height: 25px;
	}
}
@media only screen and (max-width: 481px) {
	#myModaltuvan .modal-header-title{
		top: 75px;
		right: 140px;
		font-size: 30px;
	}
	.modal-body-confirm {
		font-size: 22px;
	}
	#myModaltuvan .modal-content, 
	#myModaltuvan_confirm .modal-footer {
		padding-left: 50px;
	}
	#myModaltuvan h4.modal-title {
		margin-right: 50px;
	}
	#myModaltuvan .modal-body{
		padding: 15px 50px 15px 0px;
	}
	#myModaltuvan .modal-footer, #myModaltuvan_confirm .modal-footer{
		padding-right: 50px;
	}
	#myModaltuvan_confirm .modal-body{
		padding: 15px 50px 15px 50px;
	}
	#myModaltuvan .modal-footer, #myModaltuvand_confirm .modal-footer {
		padding-right: 50px;
	}
	#myModaltuvan .modal-header-title{
		top: 100px;
		right: 165px;
	}
	#myModaltuvan .modal-body {
		padding: 15px 70px 15px 0px;
		width: 100%;
	}
	#myModaltuvan h4.modal-title{
		font-size: 20px;
		line-height: 25px;
	}
}
@media only screen and (max-width: 414px) {
	#myModaltuvan .modal-header-title {
		top: 75px;
		right: 137px;
		font-size: 30px;
	}
	#myModaltuvan .modal-content {
		padding-left: 50px;
	}
	#myModaltuvan .modal-footer {
		padding: 0px 50px 30px 0px;
	}
	#myModaltuvan .modal-body {
		padding: 15px 50px 15px 0px;
	}
}
@media only screen and (max-width: 401px) {
	#myModaltuvan .modal-header-title {
		top: 70px;
		right: 130px;
	}
}
@media only screen and (max-width: 376px) {
	#myModaltuvan .modal-content {
		padding-left: 40px;
	}
	#myModaltuvan .modal-footer {
		padding: 0px 40px 30px 0px;
	}
	#myModaltuvan .modal-header-title {
		top: 50px;
		right: 125px;
		font-size: 25px;
	}
	#myModaltuvan .modal-body {
		padding: 15px 40px 15px 0px;
	}
	#myModaltuvan .modal-footer .button_send, #myModaltuvan .modal-footer .button_cancel {
		width: 100%;
	}
	#myModaltuvan .modal-footer .button_cancel {
		margin-top: 10px;
	}
}
@media only screen and (max-width: 361px) {
	#myModaltuvan .modal-header-title {
		top: 44px;
		right: 117px;
	}
}
@media only screen and (max-width: 343px) {
	#myModaltuvan .modal-header-title {
		top: 40px;
		right: 110px;
	}
}