@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Oswald:400,500,700|Raleway:400,700|Roboto:300,400,500,700');
/* font-family: 'Oswald', sans-serif;
 font-family: 'Raleway', sans-serif;
 font-family: 'Lato', sans-serif;
 font-family: 'Roboto', sans-serif;
 */
 html {
     font-size: 14px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale 
}
 body {
     font-family: 'Roboto', sans-serif;
     font-weight: 400;
     font-style: normal;
     line-height: 1.6;
     letter-spacing: 0;
     overflow-x: hidden 
}
 img {
    -webkit-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out;
     opacity: 1
}
 .container{
     overflow: hidden
}
 a:hover{
     text-decoration: none
}
 h1, h2, h3, h4, h5, h6 {
     color: #484848;
     /*font-family: 'Lato', sans-serif;*/
     font-weight: 400;
     line-height: 120%;
}
 h2 {
     font-size: 2.3rem;
     font-weight: 700 
}
 h3 {
     font-size: 2rem;
     font-weight: 400 
}
 h5 {
     font-size: 1.3rem;
     font-weight: 500 
}
 h6 {
     font-size: 1.2rem;
     font-weight: 500 
}
 p {
     font-size: 1rem;
     /* color: #7b7b7b; */
}
 .overlay {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 0 
}
 .main-section {
     padding: 3rem 0 
}
 .very_small_hamburger {
     padding-top: 1.5rem 
}
 .very_small_hamburger svg {
     width: 80px;
     height: 50px;
     cursor: pointer;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0) 
}
 .very_small_hamburger path {
     fill: none;
     -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
     transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
     stroke-width: 40px;
     stroke-linecap: round;
     stroke: #ffffff;
     stroke-dashoffset: 0px 
}
 .very_small_hamburger path.top, .very_small_hamburger path.bottom {
     stroke-dasharray: 240px 950px 
}
 .very_small_hamburger path.middle {
     stroke-dasharray: 240px 240px 
}
 .very_small_hamburger.open path.top, .very_small_hamburger.open path.bottom {
     stroke-dashoffset: -650px 
}
 .very_small_hamburger.open path.middle {
     stroke-dashoffset: -115px;
     stroke-dasharray: 1px 220px 
}
 .ham-cont {
     margin-left: -11px;
     margin-top: -2px 
}
 .ham-cont .very_small_hamburger {
     padding-top: 0 
}
 .m-t-20{
     margin-top: 20px 
}
 .ham-cont svg {
     width: 60px;
     height: 40px 
}
 .btn-read-more-fill {
     background: #009df4;
     padding: 14px 30px;
     border: 2px solid #009df4;
     text-transform: uppercase;
     color: #ffffff;
     font-weight: 600;
     display: inline-block;
     -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     -ms-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
}
 .btn-read-more-fill i {
     padding-left: 10px;
}
 .btn-read-more-fill:hover {
     color: #222222;
     background: transparent;
     -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     -ms-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
}
 .title-link {
     position: relative;
     overflow: hidden;
     font-weight: bold;
     text-transform: uppercase;
     font-size: 20px;
     /* color:#2087cc; */
     color: #585858;
     border-bottom: 1px solid #2087cc;
     margin: 10px 0 5px 0;
}
 .title-link span {
    position: absolute;
     right: 0;
     font-size: 1rem;
     top: 12px;
     color: #f0131c;
}
 .title-link span::before {
     content: '';
     position: absolute;
     height: 2px;
     width: 100%;
     color: #ffffff;
     background: #000;
     right: 0;
     bottom: 0px 
}
 .title-link span a{
     color: #fe0000
}
 .shadow-button {
     color: #0b0b0b;
     border: 1px solid #ffffff40;
     margin-top: 1.9rem;
     border-radius: 30px;
     box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.18), 0 1px 9px 0 rgba(0, 0, 0, 0.15);
     -webkit-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out;
     display: inline-block 
}
 .shadow-button .fa-arrow-right {
     color: inherit;
     opacity: 0;
     -webkit-transform: translateX(5px);
     transform: translateX(5px);
     -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.2s ease-out 0.1s;
     transition: opacity 0.3s ease-out, -webkit-transform 0.2s ease-out 0.1s;
     transition: transform 0.2s ease-out 0.1s, opacity 0.3s ease-out;
     transition: transform 0.2s ease-out 0.1s, opacity 0.3s ease-out, -webkit-transform 0.2s ease-out 0.1s 
}
 .shadow-button:hover {
     box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28), 0 4px 15px 0 rgba(0, 0, 0, 0.25);
     -webkit-transform: translateY(-2px);
     transform: translateY(-2px) 
}
 .shadow-button:hover .fa-arrow-right {
     opacity: 1;
     -webkit-transform: translateX(20px);
     transform: translateX(20px) 
}
 .desc {
     max-width: 900px;
     margin: 0 auto;
     text-align: center 
}
 i:focus, a:focus, a:visited {
     outline: none 
}
 .hidden {
     display: none 
}
/* header*/
 .row15{
     padding: 0 15px
}
.drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-nav, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger{ display: none; }
.drawer-hamburger{ position: relative; }
 .col-top-1{
     float: left;
     width: 12%
}
 .col-top-2{
    float: left;
     width: 43%
}
 .col-top-3{
    float: left;
     width: 45%
}
 .col-top-1 .logo{
     margin:5px 0;
     display: block;
}

 header{
}
 header .top-header{
     background: #ce1126;
     color:#fff;
     padding: 6px 0
}
 header .top-header .left{
     float: left;
     width: 80%;
     text-align: left
}
 header .top-header .left p{
     padding:7px 0;
     display: inline-block;
     color:#fff;
     margin: 0px 20px 0px 0px;
}
 header .top-header .right{
     float: right;
     width: 20%
}
 header .top-header .right .input-group{
    border-bottom: 1px #fff solid
}
 header .top-header .right .input-group input {
    background: none;
     border: 0;
    color:#fff;
     border-radius: 0;
}
 header .top-header .right .input-group .input-group-btn button{
     display: block;
     background: none;
     border: 0;
}
 header .mid-header{
     padding: 0rem 0;
}
 header .mid-header .sup{
     color: #ed170e;
}
 header .mid-header .sup ul{
     display: block;
     margin: 6px 0;
}
 header .mid-header .sup ul li{
     font-size: 1rem;
     font-weight: bold;
    display: inline-block
}
 .name-company{
     text-transform: uppercase;
     padding: 8px 0;
}
 .name-company h1{
     font-size: 21px;
     margin: 10px 0px;
     color: #D50003;
     font-weight: 700 
}
 .name-company h2 {
    font-size: 16px;
     margin: 8px 0px;
}
 .name-company h3 {
    font-size: 16px;
     margin:8px 0px
}
 .bg-right-top img{
     width: 100% 
}
 .bottom-header{
    background: #0d0c46!important;
    height: 46px;
}
 .bottom-header .container{
     position: relative
}
 .nav-menu-pc{
     color: #fff
}
 .nav-menu-pc ul{
     display:block;
     margin: 0
}
 .nav-menu-pc ul li{
     display:inline-block;
     padding: 5px 7px
}
 .nav-menu-pc ul li a{
    color: #fff;
     display: block;
     padding: 8px 5px;
     text-transform: uppercase;
    font-weight: 700
}
 .search-menu {
    position: absolute;
     width: 360px;
     right: 0;
     top: 0;
     height: 48px;
     text-align: right;
     padding-right: 25px;
}
 .search-box{
     margin: 10px 0;
     color: #fff
}
.search-box a{ color: #fff; }
 .search-box form{
     display: block;
}
 .search-box form label {
     margin-right: 4px;
     font-weight:400;
}
 .search-box form input{
     background: none;
    border: 1px solid #6463a2;
     padding: 1px 5px ;
     display: inline-block;
}
 .search-box form button{
     background: #ce1126;
     border: 1px solid #6463a2;
     margin-left: -4px ;
     display: inline-block;
}
/* slider */
 .slider{
     position: relative;
     margin: 15px 0;
}
 .banner-content-right{
     border: 1px solid #eee;
     height: auto;
     padding: 0 10px 
}
 .col-banner h2{
     font-size: 17px;
     text-transform: uppercase;;
     font-weight: 700px;
     margin-top: 8px;
}
 .col-banner h3{
     font-size: 16px;
     margin:0;
}
 .col-banner b{
     font-size: 12px;
     color: #34891d;
     display: block;
     font-weight: 400
}
.col-banner p{
	padding-bottom: 0;
	margin-bottom: 0;
}
/* main home */
 .content-main{
     margin: 20px 0;
}
 .content-main .sev{
}
 .sv-box {
     position: relative;
     background: #000;
     margin-bottom: 30px 
}
 .sv-box figure img{
     width: 100%;
     opacity: 0.8 
}
 .sv-box figure a:hover img{
     opacity: 1 
}
 .sv-box figcaption{
    position: absolute;
     left: 0;
     bottom: 0px;
     width: 100%;
     background: #00000038;
     color: #fff;
     display: block;
     padding: 5px 10px
}
 .news-content{
     /* margin: 0 15px; */
}
 .news-content .media{
     margin: 8px 0;
     text-align: justify;
     border-bottom: #E0E0E0 1px dotted;
     padding-bottom: 5px;
}
 .news-content .media-heading{
     font-weight: 400;
     font-size: 16px;
     color: #000 
}
 .news-content .media-body p{
     max-height: 65px;
     overflow: hidden;
     margin: 0
}
 .news-content .media-body span{
     font-size: 13px;
     color: #915105;
}
.news-content .media-body h3 {
	font-size: 17px;
	margin-bottom: 7px;
}

 .links .item{
     border: 1px solid #eee;
     padding: 5px 5px;
     text-align: center;
     margin: 0 5px;
	 min-height: 75px;      
}
/*Page*/
 .breadcrumb-page{
     background: #f5f5f5;
    margin-top: -20px 
}
 .breadcrumb-page .breadcrumb{
     padding: 15px 15px;
     margin-bottom: 0;
     list-style: none;
     background-color: #f5f5f5;
     border-radius: 0;
}
 .content-main-page{
     margin: 0;
}
 .header-page{
     background: #eee;
     margin-top: -20px;
}
 .header-page h3{
     text-align: center;
}
 .header-page .breadcrumb{
    padding: 8px 15px;
     margin-bottom: 20px;
     text-align: center;
     list-style: none;
     background: none;
     border-radius: 0px;
}
 .border-right{
     border-right: 1px solid #eee 
}
 .catalog-list{
     margin:15px 0;
}
 .catalog-list h3{
     text-transform: uppercase;
     font-size: 1.5rem;
}
 .catalog-list ul li{
     padding: 7px 0;
     border-bottom: 1px solid #eee;
}
.blog .media{
     border-top: 1px #eee solid;
     padding-top: 10px;
     padding-bottom: 10px;
     margin: 0;
}
 .blog .media:first-child{
     border: none;
     padding-top: 0px;
}
 .content-page{
     margin:15px 0;
     padding: 0 10px 20px;
}
 .content-2 .carousel-control.left .fa{
     top: 45%;
     position: absolute;
     font-size: 2rem
}
 .content-2 .carousel-control.right .fa{
     top: 45%;
     position: absolute;
     font-size: 2rem
}
 .content-3{
}
 .content-3 .logo-cus img{
     width: 100%
}
/*====================================== Contact Page Area styles ========================================*/
 .page-contact-us-area .page-contact-us-left p {
     margin-bottom: 52px;
}
 .page-contact-us-area .page-contact-us-left ul li {
     margin-bottom: 15px;
}
 .page-contact-us-area .page-contact-us-left ul li i {
     color: #009df4;
     width: 30px;
     font-size: 20px;
}
 .page-contact-us-area .page-contact-us-right .contact-form .form-group {
     margin-bottom: 20px;
}
 .page-contact-us-area .page-contact-us-right .contact-form .form-group .form-control {
     border-radius: 0;
     background: #f9f9f9;
     box-shadow: none;
     border: none;
}
 .page-contact-us-area .page-contact-us-right .contact-form .form-group input {
     height: 45px;
}
 .form-response {
     border-radius: 0!important;
}
 .form-response .alert {
     border-radius: 0!important;
}
 .form-response .alert-success {
     background: #009df4;
     margin-bottom: 0;
     border-radius: 0;
     border: 0;
}
 .form-response .alert-success p {
     color: #ffffff;
     letter-spacing: 4px;
     font-weight: 600;
}
/* footer*/
 .bg-footer{
    background: #0d0c46;
     padding-top: 15px 
}
 .info-footer-bottom {
     color: #62616e;
     background: #051321;
     padding: 6px 0
}
 .list-footer{
     color: #C0C0C0;
}
 .list-footer ul{
     padding: 10px 0
}
 .list-footer h4{
     color: #fff;
     position: relative
}
 .list-footer h4::before{
     content: " ";
     height: 2px;
     width: 60px;
     position: absolute;
     left: 0;
     top: 25px;
     background: #fff 
}
 .list-footer ul li a{
     color: #C0C0C0;
}
 .list-footer-top {
     text-align: center
}
 ul.footer-social li {
     display: inline-block;
     margin-right: 5px;
}
 ul.footer-social li a {
     width: 38px;
     height: 38px;
     border: 1px solid #ccc;
     display: block;
     text-align: center;
}
 ul.footer-social li a i {
     color: #ccc;
     padding: 10px 10px 
}
 ul.footer-social li a:hover i {
     color: #04ace8;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -ms-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
 ul.zoom-hinhcon{
     padding: 15px;
     display: block;
     text-align: center
}
 ul.zoom-hinhcon li.hinhcon{
     display: inline-block;
     margin: 0 5px
}

.hotline {padding-left: 20px;}

.language {float: right; text-align: right; padding-right: 30px; margin: 0; white-space: nowrap;}
.language a {margin: 0 2px;}

.contact-info {margin: 15px 0 5px 0 !important; padding: 0;}
.contact-info span {font-weight: normal; font-size: 14px; text-transform: none; padding-left: 10px;}

.read-more {display: block; color: #000; padding-top: 3px; text-align: right; font-size: 13px;}
.content-banner {text-align: justify; overflow: hidden;}
.center {text-align: center;}


.textcontent {min-height: 300px; margin-bottom: 50px;}
.textcontent h1 {font-size: 22px;}

.textcontent2 {min-height: 200px; margin-bottom: 50px;}
.textcontent2 h1 {font-size: 22px;}

.textbody {font-family: Arial; font-size: 15px; line-height: 1.4; text-align: justify;}
.textbody table {max-width: 100% !important;}
.textbody table td {padding: 3px 5px;}
.textbody img {max-width: 100%;}
.textbody div {padding: 0; margin: 2px 0;}
.textbody p {padding: 0; margin: 4px 0;}
.textbody blockquote {color: #000;}
.textbody ul {margin: 0; padding: 0 0 2px 20px; list-style-type: square !important; list-style-position: inside;}
.textbody ul ul {padding: 0 0 2px 40px;}
.textbody ol {margin: 0; padding: 0 0 2px 25px; list-style-type: decimal !important; list-style-position: inside;}
.textbody ul li, .textbody ol li {padding: 5px 0 5px 0 !important; display: list-item !important; background: none !important; border: none !important;}
.textbody ul li p, .textbody ol li p {margin: -22px 0 0 15px;}
.textbody iframe {max-width: 100% !important;}

.news-pic {display: block; height: 220px; overflow: hidden;}
.news-pic img {min-height: 220px;}

.errorMsg {color: #ff0000; text-align: center;}

h1.title {font-size: 19px; font-weight: 600; color: #ff0000; margin: 5px 0;}

.news-box {display: block; overflow: auto; clear: both; padding: 15px 0; border-bottom: #E0E0E0 1px dotted; text-align: justify; font-size: 16px; line-height: 1.4;}
.news-box:first-child {padding-top: 0;}
.news-box img {float: left; max-width: 180px; margin: 0 15px 0 0;}
.news-box h3 {font-size: 18px; font-weight: 500; margin: 0 0 3px 0; padding-top: 0;}
.news-box .preview {margin-top: 10px;}

.news-pic2 {float: left; max-width: 180px; margin: 6px 5px 0 0;}
.date {color: #ACACAC; font-size: 14px !important;}

.news-date {color: #808080; margin: 5px 0 15px 0;}

.other-news {border-top: #E0E0E0 1px solid; padding-top: 10px; margin: 0 0 30px 0; text-align: left; font-size: 14px;}
.other-news h2 {font-size: 16px; font-weight: 500; margin: 0 0 7px 0;}
.other-news li {padding: 5px 0 0 20px;}

/*Pagination */
.page-nav{ text-align:center; margin:0 auto;}
.page-nav > span {display:inline-block; }
.page-nav > span a{
	display:block;
	background:#dcdcdc;
	color:#fff;
	border-radius:100%;
	height:30px;
	width:30px;
	padding:2px;
	font-size:16px;
	line-height:27px;
	text-align:center !important;
}
.page-nav > span a > i {font-size:18px;}
.page-nav > span.current a{background:#F1BB00;}
.page-nav > span a:hover, .pager > span a:focus{ background:#535353; text-decoration: none !important;}

.clear {clear: both;}
.pic-small {padding-right: 10px;}
.pic-small img {max-width: 100%;}

.contactForm {width: 500px; max-width: 100%;}
.contactForm input[type="text"], .contactForm textarea {width: 100%; padding: 3px 5px; border: #D0D0D0 1px solid; border-radius: 3px;}
.contactForm label {font-weight: normal;}
.contactForm b {font-weight: 500;}
.contactForm td {padding: 0 5px !important;}
.contactForm .sep {height: 10px !important;}
.contactForm p {padding: 0; margin: 0; line-height: 1.3;}

.mybutton {display: inline-block; padding: 5px 20px; color: #fff; background-color: #299a0b; border: #299a0b 1px solid; border-radius: 5px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
	font-size: 14px;
}
.mybutton:hover {background-color: #39BA0E; border: #39BA0E 1px solid;}

.backbutton {display: inline-block; padding: 5px 20px; color: #fff; background-color: #009df4; border: #009df4 1px solid; border-radius: 5px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
	font-size: 14px;
}
.backbutton:hover {background-color: #00cdf4; border: #009df4 1px solid;}

.imgCode {width: 230px; padding: 0; margin: 0;}
.imgCode img {float: right; height: 26px; margin-top: 1px;}

.contact-msg {color: #808080;}
h1.site-name {font-size: 18px; color: #ff0000; font-weight: 500; line-height: 1.4; margin-bottom: 10px;}

#drawerEl {display: none;}

.contactForm td {padding: 5px 0 !important;}

.bottom-header .container{
     overflow:inherit !important
}
.nav-menu-pc ul li .dropdown-menu { display: none;}
.nav-menu-pc ul li:hover .dropdown-menu {display: block !important; }
.nav-menu-pc ul li ul.dropdown-menu li {display: block; }
.nav-menu-pc ul li ul.dropdown-menu a {color: #000; text-transform: none; padding: 3px 10px; font-weight: normal;}
.nav-menu-pc ul li ul.dropdown-menu a:hover {color: red; background: none; }
 

.header-form{ text-align: center; }
.header-form img { display: block; margin: 0 auto; max-width: 100% }
.content-form {width: 900px; max-width: 100%; margin: 0 auto;}
.content-form .group-input{}
.content-form .group-input ul{ display: block;margin-bottom: 5px; border:1px solid #eee; padding: 4px 0}
.content-form .group-input ul li{ display: inline-block; padding: 0px 0; margin-left: 10px }


.form-spaceleft {padding-left: 15px !important;}
.formlogo img {max-width: 80px;}
.formheader {width: 900px; max-width: 100%; margin: 0 auto;}
.formheader-1 {font-weight: bold; line-height: 1.2;}
.formheader-1 p {padding: 2px 0; margin: 0; font-size: 15px;}
.formheader-2 {font-size: 24px; font-weight: bold; padding-top: 40px; text-align: center;}
.formheader-3 {text-align: right; padding-top: 20px;}
.formheader-3 img {max-width: 170px; max-height: 170px; border: #C0C0C0 1px solid; padding: 2px;}
.formfooter ul {list-style-type: none; padding: 0; margin: 0;}

.title-form{ font-size: 20px; color: red; font-weight: bold; margin: 20px 0 10px 0; text-transform: uppercase;}
.title-form-2{ font-size: 18px; color: #676767; margin: 5px 0; font-weight: 600;}
.title-form-3{ font-size: 16px; color: #676767l; margin: 5px 0;}
.content-form-2{}
.content-form-2 h3{     font-size: 16px;
font-weight: bold;
color: #ce1126;
/* border-top: 1px dashed #ccc; */
padding-top: 15px; }
.content-form-2 ul { display: block; }
.content-form-2 ul li{ display: block; padding: 2px 0; margin-right: 5px }
.content-form-2 ul li label{ width: 200px }
.content-form-2 ul li:first-child input[type=text]{ border:1px solid #e6e6e6; background: none; padding: 3px 5px; width: 200px
}
.content-form-2 ul li input[type=text]{ border:1px solid #e6e6e6; background: none; padding: 3px 5px; width: 250px
}

input, select, textarea {max-width: 100% !important;}

.center {text-align: center;}
.myform input[type="text"], .myform input[type="email"], .myform input[type="number"], .myform select, .myform textarea {padding: 2px 5px; border: #ACACAC 1px solid; border-radius: 3px;}
.myform select {padding: 4px 5px;}
.myform input[type="file"] {padding: 1px; border: #ACACAC 1px solid; border-radius: 3px; display: inline;}
.total-num {font-weight: bold; padding: 4px 5px !important; font-size: 15px; text-align: center;}

.application-form{
     margin: 15px 0;
     padding: 0 10px 20px;
     width: 800px;
     max-width: 100%;
     min-width: 300px;
     margin: 0 auto;
}

.application-form h3 {color: #C97DF6; margin-top: 0; padding-top: 0; margin-bottom: 5px;}
.application-form table td {vertical-align: top; padding: 3px 5px;}
.application-form table td.sep {height: 10px;}
.application-form label {font-weight: normal;}

.form-desc {color: #585858; margin-top: 3px; font-style: italic; font-size: 13px;}
.form-desc2 {color: #585858; margin-top: 3px; font-size: 13px;}

.space-left {padding-left: 20px !important;}
.space-left2 {padding-left: 25px !important;}
.space-left3 {padding-left: 50px !important;}

.block-mailback {display: none;}
.block-person-foreign {display: none;}

.ui-datepicker-month, .ui-datepicker-year, .ui-icon ui-icon-circle-triangle-e {color: #000; font-weight: normal; text-align: center;}

.pic-preview {max-width: 200px; max-height: 200px; margin-bottom: 5px;}
.lb-remove {display: inline-block; vertical-align: bottom; margin-bottom: 0; padding-bottom: 0;}
.text-justify {text-align: justify;}

.nav-application {padding-left: 10px; color: #ff0000; font-weight: 500;}
.confirm_number {font-weight: bold; color: #8B008B;}
.finish-all {font-size: 16px; font-weight: 500; color: #8B008B;}
.ntitle {font-size: 17px; font-weight: bold; color: #8B008B;}

.number-checking {width: 350px; border: #C0C0C0 1px solid; padding: 3px 5px; text-align: center; border-radius: 5px;}
.number-sm {color: #fff; background-color: #288fc8; border: #288fc8 1px solid; padding: 3px 10px; text-align: center; border-radius: 5px; margin-left: 3px;}

.result-box {border: #ff0000 1px solid; background-color: #FBFBFB; padding: 10px 30px 20px 30px; width: 600px; max-width: 100%; margin: 0 auto; text-align: left;}
.result-box .rtitle {font-size: 17px; font-weight: bold; color: #ff0000; padding-bottom: 20px;}

.info-box {border: #D0D0D0 1px dotted; padding: 20px 30px; width: 600px; max-width: 100%; margin: 0 auto; text-align: left;}
.space-top {margin-top: 10px;}
 
 .input-w {width: 300px; max-width: 100%;}
 
.logo-menu img {max-height: 60px;}
.footer-social-menu {margin-top: 10px;}


.support-apply {
    position: fixed;
    z-index: 999;
}

.support-apply a { display: block;
    position: relative;
    margin: 5px 10px;
    text-align: left;
    padding: 2px 25px 2px 25px;
    background-color: #4b81e8;
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 2;
    z-index: 999;
    border-radius: 20px;
    text-decoration: none;
}

.support-apply a:hover {  
    background-color: #71a7ff;
}

.img-rotate {display: inline-block; font-size: 16px; color: #8CBD97; cursor: pointer; margin: 2px 0 0 20px; vertical-align: top;}
.download {padding-top: 15px !important; border-top: #C0C0C0 1px dotted;}
.download .dtitle {margin-bottom: 5px; font-size: 15px;}

.map_canvas {width: 100%; height: 400px; border: #E0E0E0 1px solid;}
.map_canvas iframe {width: 100% !important; height: 100% !important;}

.mb-15 {margin-bottom: 20px;}