@charset "UTF-8";
/* ******************************************************************
	--home.css--
****************************************************************** */
html, body {
	-webkit-font-smoothing: antialiased;
}
body {
	cursor: default;
	font-size: 14px;
	font-family: "SF Pro Display", Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 22px;
	overflow-x: hidden;
	background: #fff;
}
a:hover {
	cursor: pointer;
	color: #4b9331;
}
a:focus {
	outline: none;
}
img, object, embed {
	height: auto;
}
object, embed {
	height: 100%
}
img {
	-ms-interpolation-mode: bicubic;
	display: inline-block;
}
textarea {
	height: auto;
	min-height: 50px;
	resize: none;
	outline: none;
}
select {
	width: 100%;
	outline: none;
}
::selection {
    color: #FFF;
    background-color: #be030c;
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*{
	outline: none;
}
input, radio{
	outline: none;
}
input:focus, textarea:focus, select:focus {
	outline-offset: 0px !important;
	outline: none !important;
}
.clear{
	clear: both;
}
.hienthi{
	display: block;
}
.an{
	display: none;
}
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #76b800;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border: 1px solid #76b800;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
	color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform: scaleX(1);
}
.button_send.hvr-sweep-to-right:before, .button_send.hvr-sweep-to-right:hover:before, .button_send.hvr-sweep-to-right:focus:before, .button_send.hvr-sweep-to-right:active:before{
	border-radius: 0px;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	border: 1px solid #76b800;
}
/*********************************body****************************/
.bg5 {
	padding-bottom: 100px;	
}
.section {
	position: relative;
	display: block;
	width: 100%;
}
.bg5, .wrapper{
	background: #f5f6f6;
}
.logo_jpc, .slide_magazine_ct, .slide_magazine_ct_footer, .slide_magazine_ct_cont, .slide_magazine_ct_form, .form-group-content, #form_tuvan{
	float: left;
	display: block;
	width: 100%;
}
.logo_jpc{
    margin-top: 50px;
    text-align: center;
    margin-bottom: 20px;
}
.slide_magazine_ct_cont_label{
	color: #189f59;
    font-size: 40px;
    line-height: 48px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.slide_magazine_ct {
    margin-top: 30px;
    padding: 50px 90px;
	background: #fff;
    -webkit-box-shadow: 2px 3px 5px 1px #c5c5c5;
    -moz-box-shadow: 2px 3px 5px 1px #c5c5c5;
    box-shadow: 2px 3px 5px 1px #c5c5c5;
}
.slide_magazine_ct_footer {
    margin-top: 30px;
    color: #898989;
    font-size: 14px;
    line-height: 22px;
	text-align: center;
}
.slide_magazine_ct_form_row_right{
	margin: 0 auto;
	width: 50%;
}
.slide_magazine_ct_cont{
	text-align: center;
    font-size: 18px;
    line-height: 26px;
}
.slide_magazine_ct_cont a{
	color: #039a83;
}
.container {
    background: #f5f6f6;
}
.slide_magazine_ct_cont.thongtin{
	margin-bottom: 30px;
}
.slide_magazine_ct hr{
	border-top: 1px solid #189f59;
	float: none;
	margin: 0 auto 30px auto;
	width: 60%;
}
.dienthong_error, .form-group-label, .form-group, .form-group-input, .noilamviecmongmuon_dropdown, .select_style.new_custom_select, 
.label_select {
	float: left;
    display: block;
    width: 100%;
}
.dienthong_error {
    color: #f00;
    font-style: italic;
    margin-bottom: 10px;
}
.form-group-label sup{
	 color: #f00;
}
.tuvantructuyen_content_ct{
	font-size: 16px;
	line-height: 24px;
}
.form-control {
    color: #333;
    background-color: #e5fff2;
    border-bottom: 1px solid #189f59;
    border-radius: 0px;
}
.label_select.error {
    border-bottom: 1px solid #ff0000;
}
.label_select_data {
    float: left;
    display: block;
    width: 85%;
    padding-left: 10px;
    line-height: 35px;
	color: #9c9c9c;
}
.label_select{
	background-color: #e5fff2;
    border-bottom: 1px solid #189f59;
}
.label_select span {
    background: url(../images/icon/icon_up@2x.png) no-repeat center center #e5fff2;
    background-size: 14px 8px;
    float: right;
    display: block;
    width: 35px;
    height: 35px;
    text-indent: -9999px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .label_select span{
		background: url(../images/icon/icon_up@2x.png) no-repeat center center #e5fff2;
		background-size: 14px 8px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .label_select span{
		background: url(../images/icon/icon_up@2x.png) no-repeat center center #e5fff2;
		background-size: 14px 8px;
	} 
}
.new_custom_select ul {
    width: 100%;
    border: 1px solid #039a83;
    position: relative;
    z-index: 999;
    margin: 2px 0 0 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    color: #0d1218;
    font-size: 14px;
    overflow: auto;
    max-height: 170px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: none;
}
.new_custom_select ul li {
    margin: 0;
    padding: 3px 20px 3px 20px;
    color: #039a83;
    text-align: left;
    font-size: 12px;
    text-align: left;
}
.form-group-label{
	padding-bottom: 5px;
}
.form_button{
	float: none;
	margin: 0 auto;
	width: 100%;
}
.form_button button{
	width: 48%;
	background: #039a83;
	border: 1px solid #039a83;
	color: #fff;
	margin-bottom: 30px;
	margin-top: 20px;
	height: 35px;
	line-height: 35px;
	margin: 20px auto 30px auto;
	display: block;
}
.tieude_tuyensinh{
	color: #039a83;
	font-size: 18px;
	line-height: 26px;
}
.form_button button:hover{
	border: 1px solid #76b800;
}
.noilamviecmongmuon_dropdown ul li:hover{
	color: #f00;
	cursor: pointer;
}
.panel-group, .panel-body span, .panel-body ul{
	float: left;
    display: block;
    width: 100%;
}
.panel-title a{
	text-transform: uppercase;
	color: #039a83;
	font-weight: bold;
	font-size: 18px;
    line-height: 26px;
}
.panel-body{
	font-size: 16px;
    line-height: 24px;
	padding: 15px 30px;	
}
.panel-body span{
	padding-left: 30px;
}
.panel-body span.address_tuyensinh{
	background: url(../images/icon/icon_location@2x.png) no-repeat left center transparent;
	background-size: 15px 20px;
	padding-left: 20px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .panel-body span.address_tuyensinh{
		background: url(../images/icon/icon_location@2x.png) no-repeat left center transparent;
		background-size: 15px 20px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .panel-body span.address_tuyensinh{
		background: url(../images/icon/icon_location@2x.png) no-repeat left center transparent;
		background-size: 15px 20px;
	} 
}
.panel-body ul li{
	float: left;
    width: 100%;
    list-style: square;
}
.form_button button.left, .form_button button.right{
	width: 49%;
}
.form_button button.right{
	float: right;
}
.title_hocphi{
	font-size: 22px;
    line-height: 30px;
}
.ma_QR{
	width: 300px !important;
}
.qr_content {
    margin-top: 50px;
}
.text-item {
    padding-top: 20px;
}
.card-body {
    padding-bottom: 20px;
}
.card-header, .text-item, .text-qr{
	font-size: 16px;
	line-height: 24px;
}
.QR-receipt{
	height: 250mm !important;
}
.QR-receipt {
    padding: 10mm 5mm !important;
    height: auto !important;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}