body { background-color:#fff; color:#36404b;}
body, td { font-family: Roboto, Arial, Tahoma; font-size: 10pt;}

a.btn-primary, input.btn-primary, button.btn-primary { background-color: #b11116; color:#fff; border: none; text-transform: uppercase; padding: 6px 15px;}
a.btn-default, input.btn-default, button.btn-default { background-color: #fff; color:#b11116; border: none; text-transform: uppercase; padding: 6px 15px; box-shadow: 0 0 27px 0 rgba(48, 48, 48, .09);}
a.btn-info, input.btn-info, button.btn-info { background-color: #00b7b5; color:#fff; border: none; text-transform: uppercase; padding: 6px 15px; }
.tn { text-transform: none;}
h1, h3 { margin-top: 0;}
h4 { font-size: 11pt;}

#top_header { background-color: #eeeeee; font-size: 8pt;}
#top_header .nav>li>a, #mnuMember .nav>li>a { padding: 6px 15px; text-transform: uppercase; color: #000;}
#top_header .nav>li>a:hover, #mnuMember .nav>li>a:hover { color:#b11116;}
#mnuMember .nav { white-space: nowrap;  float: left; display: inline-flex;}
#mnuMember a > .fa { margin-right: 5px;}
#mnuMember {margin-top: 2px;}

.b { color: #000; text-decoration: none;}
.r { color: #b11116; text-decoration: none;}
.hint {color: #999; font-style: italic;}

h1.title { font-size:18pt; margin-bottom:40px;}
h2.title2 { color: #b11116; font-size: 14pt; text-transform: uppercase; margin-bottom: 25px;}
.title { text-transform: uppercase;}
.title.underline { position: relative; margin-bottom: 40px; text-align: center; }
.title.underline::before {content: ""; position: abso lute; height: 2px; background-color: #c7c7c7; width: 20%; left: 40%; bottom: -12px; }
.title.underline::after {content: ""; position: absolute; height: 2px; background-color: #d91818; width: 10%; left: 45%; bottom: -12px; }


#nav_header_top { border:none; background-color:#fff; border-radius:0; border-bottom:1px solid #e7e7e7; margin-bottom: 0; }
#nav_header_top.affix { width: 100%; z-index: 10000; top: 0; left: 0; }
#main_menu a .fa { font-size:15pt;}
#main_menu > ul > li  > a { color:#36404B; font-size:10pt; line-height:40px; text-transform: uppercase;}
#main_menu > ul > li > a::after {content: '';display: block;width: 0;height: 2px;background:#C00;transition: width .3s; position: absolute; bottom: 0; left:0; }
#main_menu > ul > li > a.active, #main_menu > ul > li > a:hover { color:#C00; }
#main_menu > ul > li > a.active::after, #main_menu > ul > li > a:hover::after {width: 100%;}
#main_menu li.dropdown > a > .fa { font-size: 10pt;}

#mnuGuest a:hover { background-color: inherit;}
#main_menu .dropdown-menu { background-color:#fff; padding:0; }
#main_menu .dropdown-menu a {line-height:40px; color:#333; text-transform: unset; }
#main_menu .dropdown.open > a { background-color: inherit; background-color: #f2f2f2;}

.page_custom_site.section_index footer { margin-top: 0;}
section.bg_home_bottom {  padding-top: 20px; }
section.bg_home_bottom h4 { font-size: 12pt; color: #00adab; text-transform: capitalize;}
section.bg_home_bottom h3 { font-size: 14pt; color: #666666; text-transform: uppercase; font-weight: bold; line-height: 30px; margin-bottom: 30px;}

footer { background-color: #efefef; padding:30px 0; font-size: 10pt; color:#636363; margin-top:40px; min-height: 300px; }
footer h3 { text-transform: uppercase; font-size:10pt; font-weight: bold; color: #333;}
footer a { color:inherit; text-decoration: none; }
footer a:hover { color:#000; text-decoration: none;  }
footer ul { margin: 0; padding: 0; padding-left: 15px;}
footer ul a { text-transform: capitalize;}
.social_links a {  margin:0 5px 10px; color:#fff; font-size:14pt;  display: inline-block; text-align: center; width: 35px; height: 35px; line-height: 30px; border-radius: 100%; background-color: #0a73bb; padding-top: 6px;}
.social_links a.youtube { background-color: #ff0000;}
.social_links a.linkedin { background-color: #007abb;}
.social_links a.facebook { background-color: #235a9b;}
footer .line { margin:50px 0 20px 0; height:1px; background-color:#ddd;}
footer .contact_info { font-weight: bold; color: #333;}
footer .copyright { margin: 20px 0;}

.separator .text { border:1px solid #ccc; border-radius: 20px; padding: 5px 25px;}
#scrollTopButton { display:none;}


.popMem { position: relative;}
.popMem .body { background: url("images/bg_box.jpg") no-repeat center top; padding-top: 40px; }
.popMem .bg { position: relative; height: 540px; background: url("images/bg_login.jpg?t=1") no-repeat top; background-size: cover;}
.popMem .bg .bottom { position: absolute; bottom: 10px; width: 100%; text-align: center;}
.popMem h3 { margin-bottom: 20px;}

#divLogin form { margin-top: 80px;}
#divLogin form .form-group { margin-bottom: 30px;}
#divLogin .body { padding-left: 40px; padding-right: 40px;}
#divRegister.popMem .bg { background:url("images/bg_register.jpg?t=3") no-repeat top; background-size: cover;}
#divRegister .content { padding-top: 40px; padding-left: 30px; padding-right: 30px;}
#divRegister .content h3 { margin-bottom: 50px;}
#divRegister .content h3 b { color:#b11116;}

#divRegister .icon { width: 80px; height: 70px; background: url("images/sprites.png") no-repeat; display: block;}
#divRegister .icon.icon2 { background-position: 0 -100px;}
#divRegister .icon.icon3 { background-position: 0 -230px;}
.job_attribs .icon { background: url("images/sprites.png") no-repeat; display: inline-block; width: 40px; height: 40px;}
.job_attribs .icon.location { background-position: -485px -5px; }
.job_attribs .icon.industry { background-position: -488px -345px; }
.job_attribs .icon.level { background-position: -485px -75px; }
.job_attribs .icon.type { background-position: -485px -148px; }
.job_attribs .icon.experience { background-position: -485px -210px; }

.item-list { margin-bottom: 40px; padding-left: 100px; position: relative; }
.item-list .icon { position: absolute; top: 0; left: 0;}
.item-list .text { text-align: left;}
.item-list .text h4 { font-weight: bold; text-transform: uppercase;}

.list_links li { line-height: 20px;padding:10px 5px; border-bottom:1px solid #9e9e9e;}
.list_links li:last-child {border-bottom: none;}
.list_links li a {color: #eee;text-decoration: none;}
.list_links li a:hover {color:#eacd7c;}

/* job search */
.job { margin-bottom: 20px; background-color: #fff; color: #333; padding: 10px 10px; position: relative; padding-left: 125px; min-height: 120px; }
.job .logo { position: absolute; left: 0; top: 0; padding: 10px; }
.job .logo img { width:100px; height: 100px; object-fit: contain; border: 1px solid #ccc; }
.job h4 { margin-top: 0;}
.job h4 a { font-weight: bold; color: #000;}
.job h5 a { font-weight: normal; color: #666; font-size: 10pt;}
.job .job_tags{ margin: 10px 0; }
.job .job_tags a { margin-bottom: 5px; background-color: #eee; color: #666; border: none; padding: 4px 8px; margin-right: 5px; }
.job .attribs > div { display: inline-block; margin-right: 8px; }
.job .attribs a { color: #333; text-decoration: none;  }
.job .job_benefits .benefit { display: inline-block; margin-right: 10px; line-height: 20px; margin-bottom: 2px;}
.job .job_benefits .benefit .icon { border: none; width: 10px; height: 20px; }


#header_job_search { background: url("images/bg_job.png") no-repeat top center;  background-size: cover; padding-top: 60px;    }
#header_job_search .container { position: relative; height: 200px; }
#header_job_search h1 { text-align: center; color: #333; font-size: 20pt; text-transform: uppercase; font-weight: bold; margin-bottom: 20px;}

#search_job_results {background: url("images/bg_home.jpg?t=1") repeat-x; padding-top: 70px;}
#search_job_results h1 {font-size: 11pt; font-weight: bold; }
#search_job_results .job { border-top: 1px solid #ccc; padding-left: 180px; min-height: 150px; margin-bottom: 10px; }
#search_job_results .job .logo { padding: 10px;  }
#search_job_results .job .logo img { width:160px; height: 120px;  }


#header_job_detail { background: url("images/bg_job.png") no-repeat top center;  background-size: cover; position: relative;  }
#header_job_detail .box { margin-bottom: -30px; min-height: 160px; }
#header_job_detail .header { text-align: center; font-size: 20pt; height: 150px; font-weight: 100; padding: 60px 0; text-transform: uppercase; font-weight: bold;}
#header_job_detail h1 { text-transform: uppercase; font-size: 11pt; font-weight: bold; }
#header_job_detail h3 { text-transform: uppercase; font-size: 9pt; font-weight: normal; }
#header_job_detail .logo img { max-height: 160px; object-fit: contain; max-width: 100%; }
#header_job_detail .salary { color: #b11116; }
#header_job_detail .button .dropdown { margin-bottom: 15px; }
#header_job_detail .bookmark { color: #ea7211; text-decoration: none; text-transform: uppercase; margin-top: 20px; }
#header_job_detail .bookmark .fa { color: #bfbfbf; font-size: 40pt; }
#header_job_detail .bookmark.saved .fa { color: #ea7211;}

.job_detail_gray { background-color: #e8e8e8; padding: 30px 0 0 0; }
.job_detail_gray .share_social { margin: 10px 0;}
#job_detail_page { padding-top: 20px; }
#job_detail_page .box { background-color: #eaeff0; box-shadow: none; color: #333; border-radius: 8px; }
#job_detail_page .job_attribs, .job_attribs a { color:#666}
#job_detail_page .job_attribs .icon { position: absolute; left: 0;}
#job_detail_page .job_attribs li { margin-bottom: 15px; padding-left: 80px; position: relative; line-height: 30px;}
#job_detail_page .job_attribs h4 { color:#333; text-transform:uppercase; font-weight: bold; margin: 0;}
#job_detail_page h2 { text-transform: uppercase; }
.bg_job_apply { background: url("images/bg_04.png") left center; padding: 20px 15px; margin: 20px 0; line-height: 30px;}

.bg_dash { background: url("images/bg_03.png") repeat; }
#job_relates h2 { color:#b11116; text-transform: uppercase; font-size: 12pt; font-weight: bold; margin-bottom: 20px;}
#job_tabs { margin-top: 10px;}
#job_tabs li { display: inline-block;}
#job_tabs a { text-transform: uppercase; color: #999; padding: 10px 15px; }
#job_tabs li.active a { color: #000; border-bottom: 2px solid #666; }
#job_tabs_content { padding-bottom: 10px;}


/* news */
.page_custom_news #nav_header_top { margin-bottom: 0;}
.page_custom_news.section_detail #body_content { margin-top: 20px;}
.page_custom_news.section_detail #body_content h1 { font-size: 15pt; margin-bottom: 20px; }
.page_custom_news.section_detail footer { margin-top: 0;}
#header_news { background: url("images/bg_blog.png") no-repeat top center; height: 156px; background-size: cover; padding-top: 40px;  }
#header_news h1 { text-align: center; color: #333; font-size: 20pt; text-transform: uppercase; font-weight: bold; margin-top: 20px;}


.top_news_listing { background-color:#eeeeee; padding: 20px 0; margin-bottom: 20px; }
.top_news_listing .heading { position: relative; }
.top_news_listing .heading img { width: 100%; height: 350px; }
.top_news_listing .heading .text h4 a { color: #fff; text-decoration: none; }
.top_news_listing .heading .text { position: absolute; bottom: 0; background-color: rgba(0,0,0,.5); padding: 10px 15px; color: #fff; width: 100%; }
.top_news_listing .item-list { margin-bottom: 10px; position: relative; padding-left: 190px; min-height: 110px;}
.top_news_listing .item-list .image { position: absolute; top: 0; left: 0;}
.top_news_listing .item-list .image img { width: 180px; height: 105px; object-fit: cover;}
.top_news_listing .item-list h4 { margin: 0 0 5px 0;}
.top_news_listing .item-list h4 a { color: #000; text-decoration: none;}

.news_block { margin-bottom: 50px;}
.news_block .item {margin-bottom:30px; background-color: #fff; box-shadow: 0 0 27px 0 rgba(48, 48, 48, .09); padding: 10px 15px; }
.news_block .item .image { height:160px; overflow: hidden;}
.news_block .item .image img { width:100%; max-width: 100%; min-height: 100%; object-fit: cover; }
.news_block .item .text { padding:10px 15px; height:180px; overflow: hidden; }
.news_block .item h4 a { text-decoration: none; color:#333; text-transform: uppercase; font-weight: bold;}
.news_block .item h4 a:hover { color:#ce1313;}

#news_list .news_block .item { background-color: none; box-shadow: none; padding: 0;  }
#news_list .news_block .item .text { padding: 10px 0; height: 100px;  }


.open-gallery { color:#fff; position: absolute; width:25px; height:25px; top:10px; right:20px; line-height: 25px; text-align: center; font-size:12pt; opacity: 0.4}
.open-gallery:hover { color:#fff; opacity: 1;}

#banner_home { left:0; right:0; width:100%; }
#banner_home .carousel-inner .item img { width:100%; object-fit: cover;}
#banner_home .container { position: relative;}
#quick_search_home { border-radius: 6px; background-color: #fff; box-shadow: 0 0 15px 0 rgba(48, 48, 48, .4); margin-right: 15px; }
#quick_search_home .content { padding: 10px 15px; }
#quick_search_home #keywords, #quick_search_home form .search { height:40px;}
#quick_search_home .dropdown-menu { max-height:270px !important;}
#quick_search_home .bootstrap-select.btn-group .btn .filter-option { color:#cecece  !important;}
#quick_search_home { position:absolute; z-index:100; bottom:-35px; }
#quick_search_home h3 { font-size: 14pt; margin-bottom: 50px; margin-top: 5px;   }
#quick_search_home h4 { font-size: 12pt; margin-bottom: 10px; margin-top: 5px;   }
#quick_search_home .formSearch {  display: block; min-height: 155px;  }
#quick_search_home form { margin:0;}
#quick_search_home form input, #quick_search_home form select { border:0; background-color:transparent; outline:none; box-shadow: none;}
#quick_search_home .chosen-container-single .chosen-single { box-shadow: none; border:none;}
#quick_search_home #keywords { color:#333; padding:2px 10px; margin:0; height:34px; font-size:13px;}
#quick_search_home .input-group-addon { background-color: transparent; border:none;}
#quick_search_home  form > div { padding:0 10px 0 0;}
#quick_search_home .input-group { border-bottom: 1px solid #ccc;}
#quick_search_home .fa { color:#cecece;}
#quick_search_home .box_footer { background-color: #e8e8e8; height: 35px; padding: 5px 15px; line-height: 25px; overflow: hidden;}
#quick_search_home .box_footer a { color: #333; text-decoration: none; text-transform: uppercase; margin: 0 12px;   }
#quick_search_home .box_footer a:hover { color: #b11116;  }

.home_top_companies  { background: url("images/bg_home.jpg?t=1") repeat-x; padding-top: 50px;}
.home_top_companies .job { margin-bottom: 20px; border-bottom: 1px solid #eee; position: relative; padding: 2px 60px 10px 85px; min-height: 85px; }
.home_top_companies .job .logo { position: absolute; top: 0; left: 0; padding: 0; }
.home_top_companies .job .logo img { width: 75px; height: 70px !important; object-fit: contain; }
.home_top_companies .job h4 {margin-top: 0;}
.home_top_companies .job h4 a {font-weight: bold; color: #000; text-decoration: none; font-size: 12pt;}
.home_top_companies .job h5 a {font-weight: normal; color: #333; text-decoration: none;}
.home_top_companies .job .price {color:#C00;}

#home_job_category { background: url("images/bg_home2.jpg") no-repeat; background-size: cover; margin: 20px 0 40px 0;}
#home_job_category .job_keywords { padding: 5px 15px; margin: 20px 0 20px 0;}
#home_job_category .job_keywords li { display: inline-block; width: 24%; line-height: 25px;}
#home_job_category .job_keywords a { color: #000; text-decoration: none; text-transform: capitalize;}
#home_job_category .job_keywords a:hover { color: #d91818;}
#home_job_category .nav-tabs>li>a { background: unset; border: none; text-transform: uppercase; color: #666;}
#home_job_category .nav-tabs>li.active>a { color: #d91818; border-bottom: 1px solid #d91818;}

/* contact */
#page_contact_header { background: url("images/bg_jsk_contact.jpg") no-repeat top center; min-height: 260px; color: #fff; padding-top: 60px; }
.contact_form { margin: 20px 0; }
.contact_form dt { width: 80px; text-align: left; line-height: 25px;}
.contact_form dd { margin-left: 80px; line-height: 25px;}


.custom_page_index h3 { text-align: center; margin:40px 0;}
.custom_page_index.container { width:100%; padding:0;}

.table-hover>tbody>tr:hover { background-color: inherit !important;}
.page_custom_member, .page_custom_job.section_apply, .page_custom_job.section_applysuccess { background-color: #1e6489; background: url('images/bg_mem.jpg') top center no-repeat; background-size: cover; }
.page_custom_job.section_detail footer { margin-top: 0;}

.pagination .active a, .pagination .active a:hover { background-color: #970110; border-color:#970110;}


.box_info { border:1px solid #ccc; border-radius:3px; padding:30px; background-image: -webkit-gradient(linear, right top, left top, from(#ffffff), to(#f7f9fc)); background-image: -webkit-linear-gradient(right, #ffffff, #f7f9fc); background-image: -o-linear-gradient(right, #ffffff, #f7f9fc); background-image: linear-gradient(to left, #ffffff, #f7f9fc);}
.box_info .header { border-bottom:1px solid #ccc; padding:10px 0;}
.box_info .header h3 { font-size:12pt; font-weight: bold; color:#333; margin:0;}
.box_info .body { padding: 20px 0; }

.btn-apply {background: linear-gradient(270deg, #e44e78 0, #ce74ba); text-align: center; color:#fff;}


.small_list h4 a { font-size:10pt; color:#333; text-decoration: none;}

#bg_create_resume { position: relative; background: url(images/bg_home.jpg); background-attachment: scroll; background-size: cover; min-height: 400px; }
#bg_create_resume .container { color:#fff; padding:80px 0; font-size:12pt; line-height: 30px;}
#bg_create_resume .container h2 { font-size:20pt; margin-bottom:30px; }
#bg_create_resume .container .btn { margin-top:40px; color:#fff; background-color:transparent; border:2px solid #fff; border-radius:10px; padding:8px 30px; }
.bg_blue {  background-color: rgba(30,92,139, .7); position:absolute; height:100%; width:100%;}


.icon-info { display: inline-block; margin-right:20px; margin-bottom: 10px; color:#555; }
.icon-info a { color:#555;}
.icon-info .fa { color: #e44e78; font-size:12pt; margin-right:10px;}

.box { border-radius: 6px; box-shadow: 0 0 6px 0 rgba(48, 48, 48, .4); background-color: #fff; padding: 15px 20px;}

form .title, .title_header { background-color: #f2f2f2; font-size:10pt; font-weight: bold; padding: 10px 15px; border-left:5px solid #f7941d; }
form  .header { background-color: #f2f2f2; font-size:10pt; font-weight: bold; padding: 10px 15px; margin-left: -20px; margin-right: -20px;  }
form  .header.top { margin-top: -15px; margin-bottom: 10px; }
form .box { margin-bottom: 20px;}

#home_logo { margin: 50px 0; }
#home_logo .ads > div { display: inline-block; padding: 5px 10px; }
#home_logo .ads > div img { border:1px solid #ddd; padding: 10px; height:80px; }

.btn-like { border-radius: 100%; width:35px; height:35px; padding-top: 5px; margin-left: 10px; margin-right: 10px; font-size: 15pt; border: 2px solid #e44e78; display: inline-block; color:#e44e78; text-align: center; line-height: 35px;}
.btn-like.liked { background-color: #e44e78; color:#fff; }
.share_social a { color:#999;}
.share_social a:hover { color:#e44e78;}
.navbar-inverse .navbar-toggle .icon-bar { background-color: #000;}

#divBoxApply { margin-top: 70px; margin-bottom: 60px; }
#divBoxApply .body { padding: 15px 25px;}
#divBoxApply h1 { font-size: 13pt; color: #000;}
#divBoxApply h1 span { font-weight: lighter; color: #333;}
#divBoxApply .header { background-color: #008a88; padding: 20px 25px; color: #fff; }
#divBoxApply .header h2 { margin: 0; }
.job_list .job { border: 1px solid #eee; }


.company_list .company {box-shadow: 0 0 4px 0 rgba(48, 48, 48, .4); background-color: #fff; margin-left: 5px; margin-right: 10px; margin-bottom: 20px; }
.company_list .company .image { height: 180px;}
.company_list .company .image  img { object-fit: cover;}
.company_list .company .text { height: 80px; padding: 10px 10px;}
.company_list .company .text h4 a { color: #333; text-transform: capitalize; font-size: 10pt; font-weight: bold;}

#company_profile .container { position: relative; z-index: 1000;}
#company_profile .banner img { width: 100%; max-height: 370px; object-fit: cover;}
#company_profile .company_logo  { background-color: #fff; padding: 30px 0;}
#company_profile .company_logo img  { max-width: 100%; max-height: 100%;}
#company_profile h1 { text-transform: uppercase; font-size: 12pt; font-weight: bold;}
#company_profile .company_jobs { padding: 20px 0; position: relative; background-color: #eaeaea; min-height: 300px;}
#company_profile .company_jobs::before { content: ""; background: url("images/bg_comp1.jpg") no-repeat left top; width: 50%; height: 300px; position: absolute; left: 0; top: 0; }
#company_profile .company_jobs::after { content: ""; background: url("images/bg_comp2.jpg") no-repeat right top; width: 100%; height: 300px; position: absolute; right: 0; top: 0; }
#company_profile .company_intro { padding: 40px 0; background: url("images/bg_comp4.jpg") no-repeat top left; background-size: cover; margin-bottom: -40px; }
#company_profile .company_intro .content { color: #fff; background-color: #ff8400; padding: 20px; height: 400px; }
.company_image_w img { width: 100%; height: 192px; object-fit: cover;}
.company_image_h img { height: 400px; width: 100%; object-fit: cover;}
.company_image_w .first { margin-bottom: 15px;}
#company_profile .item { margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
#company_profile .item h4 a { color: #000;  font-weight: bold; text-decoration: none; }
#company_profile .item .attribs > div { display: inline-block; margin-right: 10px; font-size: 9pt; }
#company_profile .item .attribs > div.price { color:#cb1d1d; }
#company_profile .item  { padding-right: 80px; position: relative; }
#company_profile .item .button  { position: absolute; right: 0; top: 10px; }
#company_profile .item .button a { background-color: #cb1d1d; color: #fff; text-decoration: none; padding: 5px 10px; }


/* my */
#header_dashboard { background: url("images/jsk_02.jpg?t=1") no-repeat; background-size: cover; min-height: 200px; text-align: center; color: #333; padding-top: 70px; }
#header_dashboard h1 { font-size: 20pt; margin: 0; font-weight: 100; text-transform: uppercase; }
.dashboard_nav { background-color: #e4e6e7; text-align: center;}
.dashboard_nav .nav li { display: inline-block; }
.dashboard_nav .nav li a { text-transform: uppercase; color: #000; }
.dashboard_nav .nav li a:hover { color: #b11116; }
#dashboard_body { background: url("images/jsk_03.jpg") no-repeat top center; background-size: contain; padding-top: 40px; padding-bottom: 20px;}
.dashboard_box .box { text-align: center; color: #fff; min-height: 180px; margin-bottom: 20px; margin-left: -10px; margin-right: -5px; }
.dashboard_box .box a { color: #fff; text-decoration: none; font-size: 11px; }
.dashboard_box .box h3 { font-size: 40pt; font-weight: 100; }
.dashboard_box .box h4 { text-transform: uppercase; font-size: 11pt; line-height: 15pt; }
.dashboard_box .box.employer { background-color: #0db7bd; }
.dashboard_box .box.recommend { background-color: #0090ff; }
.dashboard_box .box.myjob { background-color: #ff7e1f; }
.member-info h2 { text-transform: uppercase; }

.avatar_bg { width: 275px; height: 220px; display: inline-block; background: url("images/sprites.png") no-repeat; background-position: -688px -275px; float: left; position: relative;}
.avatar_bg img { border-radius: 100%; overflow: hidden; height: 180px; width: 180px; position: absolute; top: 20px; left: 60px; border: 5px solid #fff;}
.box-config-resume {border:1px solid #ccc; box-shadow: none; background-color: #f7f7f7; margin: 20px 0 60px 0;}
.box-config-resume a { color: #ff7e1f; text-decoration: none;}
.icon-config { background:url("images/sprites.png") no-repeat; width: 40px; height: 40px; display: inline-block; background-position: -670px -73px; margin-top: -10px; float: left; margin-right: 10px;  }
.icon-resume-config { background:url("images/sprites.png") no-repeat; width: 85px; height: 90px; display: inline-block;  background-position: -670px -150px; float: left; margin-right: 10px; }
.box_resume_header { margin-bottom: 30px;}
.box_resume_header a { color: #b11116; margin-right: 10px;}
.box_resume_header .text { padding-top: 140px;}



.job-list-line .job { border-top: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 10px;}

div.line { margin:50px 0 20px 0; height:1px; background-color:#ddd; }


/* home */
.top_logo_company .item { padding: 10px 15px; text-align: center; font-size: 11px;}
.top_logo_company .item .text{ margin:10px auto;}
.top_logo_company .item a { color: #333; text-decoration: none;}
.top_logo_company .item .logo {  box-shadow: 0 0 6px 0 rgba(48, 48, 48, .4); background-color: #fff; border-radius: 4px; height: 150px; padding: 10px; display: table-cell; vertical-align: middle; }
.top_logo_company .item .logo img { max-width: 100%; max-height: 100%; width: unset; margin: 0 auto; height: 100%;  }


.nav-tabs-custom.style1 .nav-tabs { border: none !important; margin-bottom: 20px; }
.nav-tabs-custom.style1 .nav-tabs > li { margin-bottom: 0; background-color: none; border-right: 1px solid #eee; margin-right: 15px; }
.nav-tabs-custom.style1 .nav-tabs > li:last-child { border-right: none;}
.nav-tabs-custom.style1 .nav-tabs a { border: none !important; text-transform: uppercase; padding: 5px 10px 5px 0; color: #666; }
.nav-tabs-custom.style1 .nav-tabs > li > a:hover, .nav-tabs-custom.style1 .nav-tabs li.active a { color: #b11116; background: transparent; }
.tip { padding: 5px 0; color: #999; font-style: italic; font-weight: normal;}

.page_navigator { text-align: center;  }
.page_navigator li:first-child span, .page_navigator li:first-child a, .page_navigator li:last-child a {font-size: 26px; margin-top:-10px;}
.page_navigator .disabled span { border: none !important; }
.page_navigator  a { border: none !important; color: #333 !important; }
.page_navigator .active a { border-radius: 100%; background-color: #970110; font-weight: bold; color: #fff !important; }

.top_company {border:1px solid #ccc; border-radius: 4px; margin-bottom: 20px;}
.top_company .banner  { max-width: 100%; height: 150px;}
.top_company .banner img  { max-width: 100%; height: 100%; object-fit: cover;}
.top_company .header { position: relative; margin-bottom: 20px; }
.top_company .logo { width: 80px; height: 70px;  margin-left: 5px; box-shadow: 0 0 5px 0 rgba(48, 48, 48, .09); position: absolute; top: -20px; left: 5px; background-color: #fff;  }
.top_company .logo div { width: 80px; height: 70px; vertical-align: middle;display: table-cell;  }

.top_company .logo img { max-width: 100%; max-height: 100%; height: auto; }
.top_company .name { margin-left: 100px;   }
.top_company .name h3 { font-size: 11pt; margin: 3px 0; }
.top_company .name h3 a { color: #000; text-decoration: none; }
.top_company .name h4 { font-size: 9pt; margin: 3px 0; color: #999; }
.top_company .intro { padding: 15px 10px;  }
.top_company .jobs .item { background-color: #f3f3f3; border-bottom: 1px solid #ccc; padding: 8px 10px; }
.top_company .jobs .item a { color: #333; text-decoration: none; }
.top_company .btn-jobs  {  background-color: #b11116; padding: 10px 15px; text-align: center; }
.top_company .btn-jobs a { color: #fff; text-decoration: none;}


.member_overview .avatar { width: 100px; height: 100px;}
.member_overview h1 { font-size: 13pt; text-transform: capitalize; margin:0 10px 0 0; font-weight: bold; }
.member_overview .head { text-transform: uppercase; font-size: 11pt; font-weight: bold; margin-top: 20px; }
.member_overview .dl-horizontal dt { text-align: left; width: 160px; text-transform: capitalize; line-height: 25px;}
.member_overview .dl-horizontal dd { margin-left: 160px; line-height: 25px}
.member_overview .summary { background-color: #eee; margin:20px -15px; padding:20px 15px 20px 15px;}
.member-contact { border-radius: 5px; padding: 20px 15px; background-color: #eee;}
.member-contact .profile-attrib { color: #902b2b; font-size: 10pt;}
.member-contact .profile-attrib > div { line-height: 30px; padding-left: 30px; }
.pdfviewer { border: none; height: 600px; width: 100%;}
.box.tabs { padding: 0;}
.box.tabs .tab-content { padding: 10px 15px;}
.box.tabs .nav-tabs{ border-bottom: 2px solid #ddd; }
.box.tabs .nav-tabs>li{ margin-bottom: -2px; }
.box.tabs .nav-tabs>li>a{ border: none; padding: 12px 20px; }
.box.tabs .nav-tabs>li.active>a{ border-bottom: 2px solid #cd0000; }

.page_custom_member.section_quickupload {background: none; }
#listAttachment a { color: #0d95e8; text-decoration: none;}
#listAttachment .btn-remove { background-color: #902b2b; color: #fff; text-decoration: none; border-radius: 100%; padding: 2px; font-size: 8pt; width: 15px; height: 15px; display: inline-block; line-height: 15px;text-align: center;}
#listAttachment .btn-remove:hover { color: #fff;}

#list_company_blacklist { white-space: nowrap;}
#list_company_blacklist .item { display: inline-block; width: 120px; height: 80px; position: relative; margin-right: 5px;}
#list_company_blacklist .item img { width: 100%; height: 100%; object-fit: cover;}
#list_company_blacklist .item a { width: 100%; height: 40px; position: absolute; background-color: rgba(0,0,0,.3); color: #fff; text-align: center; padding-top: 10px; left: 0; bottom: 0; padding-top: 4px; }
#list_company_blacklist .item a .fa { background-color: #000; color: #fff; border-radius: 100%; width: 20px; height: 20px; padding-top: 4px; }

.page_industry h3 { text-transform: uppercase; font-size: 10pt; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 4px; }
.page_industry .list { list-style-type: none; margin: 0; padding:0; margin-bottom: 20px;}
.page_industry .list span { float: right; color: #C00;}
.page_industry .list a { color: inherit; }
.page_industry .industry_list { display: flex;flex-wrap:wrap;}

@media(min-width: 767px) {
    #main_menu > .nav { height: 70px; }
    #boxFormContact { margin-top: -80px;}
}

@media (max-width: 767px) {
    #main_menu a {line-height:40px;}
    #home_job_category .job_keywords li { width: 49%;}
    #top_header { display: block !important;}
    #top_header li { display: inline-block;}
    #search_job_results .job .logo img { width: 80px; height: 80px;}
    #search_job_results .job { padding-left: 100px;}

    #job_tabs {display: inline-flex; flex-wrap: nowrap;width: 100%;white-space: nowrap;overflow-x: scroll;overflow-y: hidden; -ms-overflow-style: none; overflow: -moz-scrollbars-none;-webkit-overflow-scrolling: touch;}
    #job_tabs::-webkit-scrollbar { display: none; /*Safari and Chrome*/}
}

@media (max-width: 420px) {

    #quick_search_home { position: unset; margin-top: 20px; }
    #quick_search_home .input-group { margin-bottom: 10px;}
    #body_content img { max-width: 100%; height: auto !important;}
    #header_news { background-size: cover;}
    #search_job_results { padding-top: 150px;}

    #jobs_hot .owl-nav { position: relative;}
    #jobs_hot .owl-nav [class*=owl-] { border: 1px solid #eee; width: 30px; height: 30px; border-radius: 100%; text-align: center; line-height: 30px; top:-10px;}
    #jobs_hot .owl-dots { width: 60%; height: 40px; margin-left: 20%;}
    #jobs_hot .owl-prev { left:20%; position: absolute;}
    #jobs_hot .owl-next { right:20%; position: absolute;}

    .avatar_bg { display: block; width: 100%; margin-bottom: 20px;}
}

/*custom autocomplete qc.hr1*/
#quick_search_home .dropdown-menu {
	height: auto;
    max-height: 200px!important;
    overflow-y: auto;
    width: calc(100% + 5px);
    margin-left: -22px;
}

#quick_search_home .dropdown-menu>li>a {
	padding-top: 6px;
	padding-bottom: 6px;
}