/* Custom Web fonts */

@font-face {
  font-family: 'bhra2019';
  src:  url('../fonts/bhra2019.eot?6zfszv');
  src:  url('../fonts/bhra2019.eot?6zfszv#iefix') format('embedded-opentype'),
    url('../fonts/bhra2019.ttf?6zfszv') format('truetype'),
    url('../fonts/bhra2019.woff?6zfszv') format('woff'),
    url('../fonts/bhra2019.svg?6zfszv#bhra2019') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="bhra2019-"], [class*=" bhra2019-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bhra2019' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bhra2019-btn-submit-vote:before {
  content: "\e900";
}

/************************************************/
/* Custom Scroll Bar */
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(222, 222, 222, .75);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0.5s 0.5s ease-out;
  transition: opacity 0.5s 0.5s ease-out;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .5);
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/************************************************/

/*::-moz-selection {
 	 text-shadow: none;
 	 background: unset;
}
::selection {
  	text-shadow: none;
  	background: unset;
}*/
img::selection {
 	background: unset;
}
img::-moz-selection {
  	background: unset;
}
a:link, a:visited, input, textarea, button, .btn, .navbar-default, .navbar-default .navbar-header .navbar-brand, .thumb-blk, .input-field i.fa, .fb-login{
	-webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}
html {
	height: auto;
    min-height: 100%;
	scroll-behavior: smooth;
}
body {
  	webkit-tap-highlight-color: #c5f5fc;
}

.highlight {
	color: #231815;
	font-weight: bold;
}

.clearfix {
  overflow: auto;
}

.error.help-block {
	text-align: left;
	color: red;
}

.word-count {
	color:#000;
	display:block;
	text-align:right;
	font-size: 15px;
}

.no-scroll {
   position: fixed!important;
   width: 100%!important;
}

#modal-award-print-ad {
	padding: 0!important;
}
#modal-award-print-ad .modal-dialog {
	width: 100%;
	margin: 2% auto;
	padding-right: 0!important;
}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:hover{
	color: #e3007f;
}
/************************************************/


/*Page transition*/
.transition-1{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1031;
	background-color: #e3007f;
	background: linear-gradient(90deg, rgba(131,81,157,1) 0%, rgba(102,103,171,1) 100%);
	opacity: 0;
	pointer-events: none;
	transition: 0.5s ease-out;
}
.transition-1.is-active{
	opacity: 1;
	pointer-events: all;
}
.transition-2{
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	right: 0;
	bottom: 0;
	z-index: 1031;
	background-color: #e3007f;
	background: linear-gradient(90deg, rgba(131,81,157,1) 0%, rgba(102,103,171,1) 100%);
	transition: 0.5s ease-out;
}
.transition-2.is-active{
	left: 0px;
}
.transition-3{
	position: fixed;
	top: 100%;
	left: 0;
	width: 100%;
	right: 0;
	height: 100%;
	bottom: 0;
	z-index: 1031;
	background-color: #e3007f;
	background: linear-gradient(90deg, rgba(131,81,157,1) 0%, rgba(102,103,171,1) 100%);
	transition: 0.5s ease-out;
}
.transition-3.is-active{
	top: 0;
}
.mobile .transition-1, .mobile .transition-2, .mobile .transition-3{
	display: none;
}
/************************************************/

/*Modal*/
.page-best-hr-awards-2023 .modal {
	padding-left: 0!important;
	font-family: "Microsoft JhengHei",Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}
.page-best-hr-awards-2023 .modal:not(.modal-judge-details):not(.modal-cere-speakers-details):not(.modal-address) .modal-header  {
	padding: 15px 0;
	border-bottom: 1px solid #e5e5e5;
}
.page-best-hr-awards-2023 .modal:not(.modal-judge-details):not(.modal-cere-speakers-details):not(.modal-address) .modal-header .modal-title {
	font-family: 'Raleway','Microsoft JhengHei',Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}
.page-best-hr-awards-2023 .modal:not(.modal-judge-details):not(.modal-cere-speakers-details):not(.modal-address) .close {
	z-index: 100;
	position: relative;
	width: 30px;
	height: 30px;
	color: #000;
	font-weight: bold;
	font-size: 17px;
	line-height: 16px;
	opacity: 1;
}
.page-best-hr-awards-2023 .modal:not(.modal-judge-details):not(.modal-cere-speakers-details):not(.modal-address) .close:hover {
}
.page-best-hr-awards-2023 .modal:not(.modal-judge-details):not(.modal-cere-speakers-details):not(.modal-address) .close span {
	position: relative;
	top: -1px;
}
.page-best-hr-awards-2023 .modal-company-details .modal-content {
	padding: 10px;
}

.page-best-hr-awards-2023 .modal-company-details a {
	color: #fff;
}

.page-best-hr-awards-2023 .modal-company-details a:hover {
	text-decoration: underline;
}
.page-best-hr-awards-2023.modal-open {
	padding-right: 0 !important;
}
.page-best-hr-awards-2023 .modal:not(.modal-judge-details):not(.modal-cere-speakers-details):not(.modal-address) .modal-content {
	display: block;
	padding: 10px 20px;
	margin-bottom: 30px;
	position: relative;
	background: white;
	color: #000;
	font-size: 16px;
	z-index: 3;
}
.page-best-hr-awards-2023 .modal:not(.modal-judge-details):not(.modal-cere-speakers-details):not(.modal-address) .modal-content a {
	z-index: 4;
	position: relative;
}
.page-best-hr-awards-2023 .modal-app-notes a {
	text-decoration: underline;
}
.page-best-hr-awards-2023 .modal-app-notes .modal-title,
.page-best-hr-awards-2023 .modal-tnc .modal-title {
	text-align: left;
}
.page-best-hr-awards-2023 .modal-app-notes .modal-body,
.page-best-hr-awards-2023 .modal-tnc .modal-body {
	text-align: left;
	font-size: 15px;
}
.page-best-hr-awards-2023 .modal-app-notes .modal-content a,
.page-best-hr-awards-2023 .modal-tnc .modal-content a  {
	color: #e3007f;
	text-decoration: none;
}
.page-best-hr-awards-2023 .modal-app-notes .modal-content a:hover,
.page-best-hr-awards-2023 .modal-tnc .modal-content a:hover {
	text-decoration: underline;
}

/************************************************/
/*All pages*/

.page-best-hr-awards-2023 {
	font-family: 'Raleway', Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
	text-align: center;
}

.page-best-hr-awards-2023 .body-container {
	position: relative;
	display: block;
	width: 100%;
	/*overflow: hidden;*/
}

.page-best-hr-awards-2023 .body-container .bg-content{
	width: 100vw;
    height: 100vh;
    position: fixed;
	background-image: url('../images/dots.png');
	background-repeat: no-repeat;
	background-position: top;
	background-size: 90%;
}
/*.page-best-hr-awards-2023 .body-container .bg-top .bg-content {
	width: 100%;

}

.page-best-hr-awards-2023 .body-container .bg-top .bg-content .left{
	width: 45vw;
    height: 100%;
    background: url(../images/best-hr.svg)no-repeat;
    background-position: right bottom;
    display: block;
	-webkit-animation: main-visual 2s linear forwards;
    -moz-animation: main-visual 2s linear forwards;
    -o-animation: main-visual 2s linear forwards;
    animation: main-visual 2s linear forwards;
}
.page-best-hr-awards-2023 .body-container .bg-top .bg-content .right{
	color: #fff;
    display: inline-block;
    font-size: 12vw;
    font-variant: all-petite-caps;
    text-align: right;
    line-height: 0.7;
    width: 60%;
    position: absolute;
    right: 10%;
    top: 160px;
}*/



.page-best-hr-awards-2023 .body-container header,
.page-best-hr-awards-2023 .body-container section,
.page-best-hr-awards-2023 .body-container footer {
	position: relative;
	z-index: 3;
}
.page-best-hr-awards-2023 header .container {
	padding-bottom: 0;
}

:lang(chi) .page-best-hr-awards-2023 {
	font-size: 15px;
	font-family: 'Raleway','Microsoft JhengHei',Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}

.page-best-hr-awards-2023 .btn-default,
.page-best-hr-awards-2023 .btn-primary {
	position: relative;
	font-weight: bold;
	background: #e3007f;
	text-transform: none;
	color: white;
	border: 1px solid #e3007f;
	font-size: 13px;
	padding: 12px;
	margin: 0px 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.page-best-hr-awards-2023 .btn-default:focus,
.page-best-hr-awards-2023 .btn-default:hover,
.page-best-hr-awards-2023 .btn-primary:focus,
.page-best-hr-awards-2023 .btn-primary:hover {
	background: white;
	color: #e3007f;
}
:lang(chi) .page-best-hr-awards-2023 .btn-default,
:lang(chi) .page-best-hr-awards-2023 .btn-primary {
	font-family: 'Raleway','Microsoft JhengHei',Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}
.page-best-hr-awards-2023 .best-hr-awards-2023-title{
	width: 323px;
	margin: 0 auto;
	padding-top: 100px;
}

/************************************************/

/*Nav Bar*/
.page-best-hr-awards-2023 .navbar {
	background: transparent;
}
.page-best-hr-awards-2023.page-eform .navbar {
	min-height: 60px;
}
.page-best-hr-awards-2023 .navbar-custom.affix-top {
	background: transparent;
}
.page-best-hr-awards-2023 .navbar-custom.affix {
	background: rgba(0,0,0,0.8);
}
.page-best-hr-awards-2023 .navbar-custom .navbar-toggle {
   background-color: #ffffff;
   border-color: #3a1350;
}
.page-best-hr-awards-2023 .navbar-custom  .dropdown-menu {
	background: #3a1350;
	border: 1px solid #3a1350;
}
.page-best-hr-awards-2023 .navbar-custom .dropdown.open > a {
	background: #0a709e;
	color: #FFD900;
}
.page-best-hr-awards-2023 .navbar-custom  .dropdown-menu > li > a {
	color: #ffffff;
	background: #3a1350;
}
.page-best-hr-awards-2023 .navbar-custom .open .dropdown-menu > .active > a {
	background: #3a1350;
	color: #ffe100;
}
.page-best-hr-awards-2023 .navbar-custom .navbar-nav > .active > a{
	color: #e3007f;
}
.page-best-hr-awards-2023 .navbar-custom .navbar-nav > li > a:hover{
	color: #e3007f;
}
.navbar-default .navbar-toggle .icon-bar {
   background-color: #3a1350;
}
.page-best-hr-awards-2023 .navbar-header .btn-register-mobile {
	display: none;
	color: #FFF;
	background: #e3007f;
	font-weight: bold;
	padding: 2px 9px 4px 9px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-family: 'Microsoft JhengHei',Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}
.page-best-hr-awards-2023 .navbar-header .btn-register-mobile:hover {
	background: #ff63c3;
	color: #fff;
}
.page-best-hr-awards-2023 .navbar-custom .nav li a.btn-register {
	color: #FFF;
	/* background: #e3007f; */
	background: #fdd000;
	color: #6500bf;
	font-weight: bold;
	padding: 2px 9px 4px 9px;
	margin: 9px 8px 8px 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.page-best-hr-awards-2023 .navbar-custom .nav li a.btn-register:hover {
	/* background: #e3007f; */
	background: #fdd000;
	color: #6500bf;
}
.chrome.mobile.page-best-hr-awards-2023 .navbar-custom .nav li a.btn-register {
	padding: 4px 9px 4px 9px;
}

.page-best-hr-awards-2023.page-eform .navbar .navbar-brand {
	max-width: 106px;
}
.page-best-hr-awards-2023.page-eform  .navbar-custom .navbar-header {
	padding-top: 10px;
	padding-bottom: 10px;
}
.page-best-hr-awards-2023 .navbar .lang .btn {
	color: #fff;
}
.page-best-hr-awards-2023 .navbar .lang .btn:hover {
	color: #f7e46d;
}
.page-best-hr-awards-2023 .navbar-custom .btn-go-to-home {
	color: #fff;
	font-size: 15px;
	position: absolute;
	top: 15px;
	right: 0;
}
.page-best-hr-awards-2023 .navbar-custom .btn-go-to-home:focus,
.page-best-hr-awards-2023 .navbar-custom .btn-go-to-home.focus,
.page-best-hr-awards-2023 .navbar-custom .btn-go-to-home:hover {
	color: #e3007f;
	text-decoration: none;
}


/*Event Pages */

.page-event-page {
	padding-top: 80px;
	background: rgb(0, 0, 6);
	background: linear-gradient(180deg, rgba(0, 0, 6, 1) 20%, rgba(90, 0, 163, 1) 100%);
	background-attachment: fixed; 
	font-family: 'Raleway','Microsoft JhengHei',Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
}
.page-event-page p {
	color: #fff;
}
.page-event-page .body-container {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-top: -80px;
	color: white;
}
.page-event-page .body-container .container {
	z-index: 3;
	position: relative;
}
.page-home{
	height: 100vh;
	/*background: url(../images/1.1.jpg) center ;*/
	/*background-size: cover;*/
	/*background-repeat: no-repeat;*/
	/*animation: slide 10s infinite;*/
}

.page-ceremony{
	height: 100vh;
	/*background: url(../images/1.1.jpg) center ;*/
	/*background-size: cover;*/
	/*background-repeat: no-repeat;*/
	/*animation: slide 10s infinite;*/
}

.page-event-page .main-title {
	padding-top: 50px;
	margin-bottom: 40px;
	font-size: 16pt;
	letter-spacing: 5px;
	text-align: center;
	color: #fff;
}


@keyframes slide{
	0%{
		background-image:url(../images/1.2.jpg);
	}
	10%{
		background-image:url(../images/1.3.jpg);
	}
	20%{
		background-image:url(../images/1.4.jpg);
	}
	30%{
		background-image:url(../images/1.3.jpg);
	}
	40%{
		background-image:url(../images/1.4.jpg);
	}
	50%{
		background-image:url(../images/1.3.jpg);
	}
	60%{
		background-image:url(../images/1.4.jpg);
	}
	70%{
		background-image:url(../images/1.3.jpg);
	}
	80%{
		background-image:url(../images/1.4.jpg);
	}
	90%{
		background-image:url(../images/1.3.jpg);
	}
	100%{
		background-image:url(../images/1.2.jpg);
	}
}


.page-home .main-visual, .page-ceremony .main-visual{
	display: block;
	margin: 0 auto;
	margin-top: 10vh;
	min-height: 120px;
}
.page-home .main-visual .hra-logo, .page-best-hr-awards-2023 .hra-logo{
	display: inline-block;
	width: 50%;
	height: auto;
	margin-bottom: 0;
	-webkit-animation: main-visual 2s linear forwards; /* Safari 4+ */
	-moz-animation: main-visual 2s linear forwards; /* Fx 5+ */
	-o-animation: main-visual 2s linear forwards; /* Opera 12+ */
	animation: main-visual 2s linear forwards; /* IE 10+, Fx 29+ */
}
.page-best-hr-awards-2023 .hra-logo{
	height: 150px;
	margin-bottom: 50px;
}

@-webkit-keyframes main-visual{
	0%	{opacity: 0; }
	100%{opacity: 1; }
}
@-moz-keyframes main-visual{
	0%	{opacity: 0; }
	100%{opacity: 1; }
}
@-o-keyframes main-visual{
	0%	{opacity: 0; }
	100%{opacity: 1; }
}
@keyframes main-visual {
	0%	{opacity: 0; }
	100%{opacity: 1; }
}

/*Best HR Awards 2023 Logo*/
.page-home .main-visual .hra-logo .ct-logo,
.page-ceremony .main-visual .hra-logo .ct-logo, 
.page-best-hr-awards-2023 .hra-logo .ct-logo{
	width: 93px;
    position: absolute;
    top: 86px;
	left: calc((992px - 323px)/2);
}
.page-home .main-visual .hra-logo .best-hr,
.page-ceremony .main-visual .hra-logo .best-hr, 
.page-best-hr-awards-2023 .hra-logo .best-hr{
    position: absolute;
    width: 128px;
    top: calc(86px + 38px);
	left: calc((992px - 323px)/2);
}
.page-home .main-visual .hra-logo .awards-2023,
.page-ceremony .main-visual .hra-logo .awards-2023, 
.page-best-hr-awards-2023 .hra-logo .awards-2023{
    position: absolute;
    width: 200px;
    top: calc(86px + 30px);
	left: calc(((992px - 323px)/2) + 128px - 5px);
}

.page-home .main-visual .infinity{
	width: 800px;
    margin: 0 auto;
    margin-top: 80px;
}
.page-ceremony .main-visual .infinity{
	width: 800px;
	margin: 0 auto;
	margin-top: 0;
}
.page-home .main-visual .infinity .header-video, .page-ceremony .main-visual .infinity .header-video{
	display: block;
}
.page-home .main-visual .infinity .header-video.hidden{
	display: none;
}
.page-home .main-visual .infinity video, .page-ceremony .main-visual .infinity video{
	width: 100%;
}
/*.ios.page-home .main-visual .infinity video{
	display: none;
}*/
.page-home .main-visual .infinity .visual-image, .page-ceremony .main-visual .infinity .visual-image{
	display: none;
}
/*.ios.page-home .main-visual .infinity .visual-image{
	display: block;
}*/
.page-home .submission,
.page-ceremony .submission {
	font-size: 20px;
	display: block;
	background: #e3007f; 
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	width: fit-content;
	padding: 10px 30px;
	margin: 0 auto;
}

.page-home .submission .deadline{
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 1px;
	font-variant: normal;
}
.page-home .submission:hover,
.page-home .submission:active,
.page-home .submission:focus,
.page-ceremony .submission:hover,
.page-ceremony .submission:active,
.page-ceremony .submission:focus
{
	background: #fff;
	color: #0d0815;
	text-decoration: none;
	/*-webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;*/
}


/*sponsor logo*/
.sponsor-logo{
	background:#fff;
	margin: 10px;
	color: #000;
	font-size: 15px;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 10px;
}

.logo-left{
    flex: 70%;
	float: left;	
}

.logo-right{
    flex: 30%;
	float: left;
}
.sp-logo{
	width: auto;	
    height: 35px;
    margin: 10px 16px;
}
.sp-title{
	text-align: left;
	padding:10px;
    font-size: 13px;	
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {

  .logo-left {
    flex: 100%;
  }
  .logo-right {
    flex: 100%;

  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .logo-left {
    flex: 100%;
  }
  
  .logo-right {
    flex: 100%;
  }
}


@-webkit-keyframes filter-animation {
  0% {
    -webkit-filter: hue-rotate(0deg);
  }

  50% {
    -webkit-filter: hue-rotate(360deg);
  }

  100% {
    -webkit-filter: hue-rotate(0deg);
  }
}

.page-home .slogan{
	font-size: 16pt;
}

.page-home .slogan .highlight{
	font-size: 24pt;
    color: white;
    font-weight: normal;
}

.page-home .desc {
	font-size: 10pt;
	line-height: 1.5;
	color: #fff;
	margin: 2rem auto;
}

/*.page-home .category ul{
	padding-left: 0;
	margin: 0 0 1rem 0;
}
.page-home .category ul a{
	color: white;
	font-size: 20px;
	font-weight: bolder;
	letter-spacing: 3px;
	list-style: none;
	font-variant: all-petite-caps;
	padding-left: 0;
}
.page-home .category ul a:hover{
	opacity: 1;
	text-decoration: none;
	text-shadow: 0 0 4px #fff, 0 0 18px rgba(255,255,255,0.45);
	-webkit-animation: fadein 1s; /* Safari and Chrome */
    /*-moz-animation: fadein 1s; /* Firefox */
    /*-ms-animation: fadein 1s; /* Internet Explorer */
    /*-o-animation: fadein 1s; /* Opera */
    /*animation: fadein 1s;
}
/*.page-home .category li{
	display: inline-block;
	padding: 12px;
}*/

.page-home .tooltip {
	margin-left: 11px;
}
.page-home .tooltip-inner {
	background: #ffe100;
	color: #3a1350;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Raleway','Microsoft JhengHei',Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
	padding: 8px 10px;
}
.page-home .tooltip.bottom .tooltip-arrow {
	border-bottom-color: #ffe100;
}
.page-home .body-container .container, .page-home .body-container footer{
	margin-bottom: 0;
}

/*Ceremony*/
.page-ceremony .ceremony{
	color: #fff;
	margin-top: -5rem;
}
.page-ceremony .ceremony .ceremony-sub-title{
	font-size: 16pt;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.page-ceremony .ceremony .ceremony-title{
	font-size: 25pt;
	font-weight:bold;
	background-color: #ffffff;
    /*background-color: #83a8d8;
    background: linear-gradient(to right, #83a8d8 40%, #fff 50%, #83a8d8 60%);*/
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
.page-ceremony .ceremony .ceremony-details{
	display: table;
    margin: 2rem auto;
}
.page-ceremony .ceremony .ceremony-details .date-time{
	display: table-cell;
    vertical-align: middle;
	padding-right: 15px;
    text-align: right;
	font-size: 16pt;
    font-weight: bold;
}
.page-ceremony .ceremony .ceremony-details .venue{
    border-top: 0;
    border-left: 4px solid #fff;
	display: table-cell;
	border-image: linear-gradient(to bottom, #5a5499, rgba(0, 0, 0, 0)) 1 100%;
	vertical-align: middle;
}
.page-ceremony .ceremony .ceremony-details .venue a{
	color: #fff;
	text-align: left;
}
.page-ceremony .register-btn{
	font-size: 20px;
    font-weight: bolder;
    letter-spacing: 3px;
    font-variant: all-petite-caps;
    line-height: 0.9;
    display: block;
    background: #e3007f;
    background: -moz-linear-gradient(left, e3007f 0%, #7db9e8 100%);
    background: -webkit-linear-gradient(left, e3007f 0%,#7db9e8 100%);
    background: linear-gradient(to right, e3007f 0%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='e3007f', endColorstr='#7db9e8',GradientType=1 );
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    width: fit-content;
    padding: 15px 30px;
    margin: 0 auto;
}
.page-ceremony .register-btn:hover,
.page-ceremony .register-btn:active,
.page-ceremony .register-btn:focus{
	background: #fff;
	color: #0d0815;
	text-decoration: none;
}
.page-ceremony .register-btn .remark{
	font-weight: normal;
    letter-spacing: 0;
	margin-left: 0.5rem;
	-webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}
.page-ceremony .register-btn:hover > .remark,
.page-ceremony .register-btn:active > .remark,
.page-ceremony .register-btn:focus > .remark{
	color: #0d0815;
	text-decoration: none;
}
.page-ceremony .body-container .container{
	margin-bottom: 0;
}
.page-ceremony .section-title .best-hr-icon{
	width: 200px;
    height: 120px;
    background: url(../images/best-hr.svg)no-repeat;
    background-position: left bottom;
    opacity: 0.5;
}
.page-ceremony .section-title .text{
	color: #fff;
    font-variant: all-petite-caps;
    font-size: 55pt;
    text-align: center;
    position: relative;
    top: -65px;
	margin-left: 90px;
    letter-spacing: 2pt;
	overflow: hidden;
	line-height: 0.7;
}
.page-ceremony .section-content{
	color: #FFF;
}
/*.page-ceremony .section-event-desc{
	background-image: url(../images/ceremony-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
	height: 100vh;
}*/
/*.page-ceremony .section-event-desc p{
	font-size: 12pt;
}*/
/*.page-ceremony .section-event-desc .highlight{
	font-weight: normal;
	font-size: 18pt;
}*/
.page-ceremony .section-agenda .time-session{
	margin-bottom: 10rem;
}
.page-ceremony .section-agenda .time-session .sub-title{
	font-variant: all-petite-caps;
	font-size: 20pt;
	font-weight: bold;
	width: 15%;
	display: inline-block;
	vertical-align: top;
	line-height: 1;
	text-align: left;
	margin-top: -1.5rem;
}
.page-ceremony .section-agenda .time-session .sub-title .remark{
	font-size: 16pt;
	font-weight: normal;
	color: #9f8b55;
}
.page-ceremony .section-agenda .time-session .table{
	padding-left: 40px;
	width: 84%;
	display: inline-block;
	font-size: 12pt;
}
.page-ceremony .section-agenda .time-session .table li{
	list-style-type: none;
	padding: 3rem;
    border-bottom: 1px solid;
	text-align: left;
}
.page-ceremony .section-agenda .time-session .table li:first-child{
	border-top: 1px solid;
}
.page-ceremony .section-agenda .time-session .table li .content.guest{
	font-weight: bold;
	color: #e3007f;
}
.page-ceremony{
	padding-top: 0;
}

.page-ceremony .scroll{
	scroll-snap-type: y mandatory;
	overflow-y: scroll;
	height: 100vh;
}
.mobile.page-ceremony .scroll{
	scroll-snap-type: none;
}
/*.page-ceremony .scroll::-webkit-scrollbar {
	display: none;
	-ms-overflow-style: none;  /* IE and Edge */
  	/*scrollbar-width: none;
  }*/
.page-ceremony main{
	padding-top: 80px;
}
.page-ceremony main, .page-ceremony .section-guest-speakers,
.page-ceremony .section-gallery,
.page-ceremony .section-event-highlight{
	scroll-snap-align: center;
}
.section-event-highlight {
	padding:0 0 150px 0;
}
.page-ceremony .section-agenda,
.page-ceremony .section-sponsors{
	scroll-snap-align: start;
}
.page-ceremony main .remark{
	margin: 2rem 0;
	color: #fff;
}
.page-ceremony .section-guest-speakers .swiper{
	height: 400px;
}
.page-ceremony .section-guest-speakers .speaker-wrapper{
	background: #6667ab;
	width: 75%;
	height: 100%;
	margin: 0 auto;
}
.page-ceremony .section-guest-speakers .speaker-img{
	background: #fff;
	width: 25%;
	position: absolute;
	left: 65%;
	top: 40px;
	opacity: 0.9;
}
.page-ceremony .section-guest-speakers .swiper .text{
	padding: 50px 35% 50px 50px;
	color: #fff;
	text-align: left;
	height: 100%;
}
.page-ceremony .section-guest-speakers .swiper .text .topic{
	font-size: 16pt;
	margin-bottom: 2rem;
	font-style: italic;
	padding-bottom: 2rem;
	border-bottom: 1px solid #fff;
}
.page-ceremony .section-guest-speakers .swiper .text .name{
	font-variant: all-petite-caps;
	font-size: 24pt;
	font-weight: bold;
	margin-bottom: 1rem;
	line-height: 0.8;
}
.page-ceremony .section-guest-speakers .swiper .text .title{
	font-size: 12pt;
	margin-bottom: 3rem;
}


.page-ceremony .section-guest-speakers .swiper-slide{
	width: 65%;
}
.page-ceremony .section-sponsors{
	background: #fff;
}
.page-ceremony .section-sponsors::before{
	height: 0;
}
.page-ceremony .section-sponsors .section-title .best-hr-icon{
	opacity: 0.2;
}
.page-ceremony .section-sponsors .section-title .text{
	color: #0d0815;
}
.page-ceremony .section-sponsors .group{
	width: 100%;
	display: inline-block;
	margin-bottom: 8rem;
}
.page-ceremony .section-sponsors .group .title{
	color: #000;
	width: 20%;
    text-align: right;
    display: inline-block;
	margin-right: 25px;
	vertical-align: top;
}
.page-ceremony .section-sponsors .group .logos{
	width: 69%;
    display: inline-block;
	text-align: left;
}
.page-ceremony .section-sponsors .group .logos > li{
	display: inline-block;
    width: 200px;
	margin: 0px 0px 16px 0px;
}
.page-ceremony .section-sponsors .group .logos > li > a >img{
	height: 45px;
}	

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
	color: #fff;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
	color: #fff;
}



/*Award Categories*/
.page-award-categories .sub-categories-title {
	color: #e3007f;
	font-size: 24pt;
	font-weight: 600;
	font-variant: all-petite-caps;
	line-height: 1;
}
.page-award-categories .sub-categores-content {
	margin: 58px 30px;
}
.page-award-categories .sub-category {
	display: inline-block;
	width: 30%;
	min-width: 300px;
	margin: 0 auto 60px auto;
	text-align: left;
}
.page-award-categories .sub-category .light {
	display: inline-block;
	vertical-align: top;
	width: 6px;
	height: 66px;
	background: -moz-linear-gradient(top, rgba(179,0,221,1) 0%, rgba(102,103,171,0) 100%);
    background: -webkit-linear-gradient(top, rgba(179,0,221,1) 0%,rgba(102,103,171,0) 100%);
    background: linear-gradient(to bottom, rgba(179,0,221,1) 0%,rgba(102,103,171,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='b300dd', endColorstr='#00626aab',GradientType=0 );
}
.page-award-categories .sub-category .title {
	 display: inline-block;
	 vertical-align: top;
	 color: #fff;
	 text-align: left;
	 font-size: 14pt;
	 padding-left: 22px;
	 width: 90%;
}
.page-award-categories .sub-category .title .desc-wrapper p{
	font-size: 10pt;
}

/*
.page-award-categories .sub-category .title-text.new::after{
	content: "NEW";
    padding: 2pt 8pt;
    font-size: 10pt;
    background: #e3007f;
    border-radius: 20pt;
	word-break: keep-all;
}
*/

.page-award-categories .category-2 .sub-categories-title {
	color: #e3007f;
}
.page-award-categories .category-single .sub-categories-title {
	color: #e3007f;
}
.page-award-categories .sub-category .title-text.in {
	text-decoration: none;
	text-shadow: 0 0 4px #fff, 0 0 18px rgba(255,255,255,0.45);
}
.page-award-categories .sub-category .title  .title-desc {
	margin-top: 14px;
}
.page-award-categories .sub-category .title:focus,
.page-award-categories .sub-category .title:hover {
	text-decoration: none;
}
.page-award-categories .sub-category .title:focus .title-text,
.page-award-categories .sub-category .title:hover .title-text {
	text-decoration: none;
	text-shadow: 0 0 4px #fff, 0 0 18px rgba(255,255,255,0.45);
}
.page-award-categories .sub-category .title:focus .title-desc,
.page-award-categories .sub-category .title:hover .title-desc {
	text-decoration: none;
}
.page-award-categories .category-2 .sub-category .light {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/e3007f+0,626aab+100&1+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(179,0,221,1) 0%, rgba(102,103,171,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(179,0,221,1) 0%,rgba(102,103,171,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(179,0,221,1) 0%,rgba(102,103,171,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='b300dd', endColorstr='#00626aab',GradientType=0 ); /* IE6-9 */
}
.page-award-categories .category-single .sub-category .light {
	width: 6px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e3007f+0,e3007f+100&1+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(179,0,221,1) 0%, rgba(102,103,171,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(179,0,221,1) 0%,rgba(102,103,171,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(179,0,221,1) 0%,rgba(102,103,171,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='b300dd', endColorstr='#00626aab',GradientType=0 ); /* IE6-9 */
}



@-webkit-keyframes filter-animation {
  0% {
    -webkit-filter: hue-rotate(0deg);
  }

  50% {
    -webkit-filter: hue-rotate(360deg);
  }

  100% {
    -webkit-filter: hue-rotate(0deg);
  }
}

.page-timeline .main-timeline{
    position: relative;
	margin: 40px 0;
	color: white;
}
.page-timeline .main-timeline .event{
    z-index: 1;
    position: relative;
	display: inline-block;
	width: 24%;
	vertical-align: top;
}
.page-timeline .main-timeline .event:after{
	content: "";
	width: 28px;
	border: 1px solid white;
	position: absolute;
	top: 137px;
	left: -16px;
}
.page-timeline .main-timeline .event:first-child:after{
	display: none;
}
.page-timeline .main-timeline .event .date{
	display: inline-block;
	width: 100%;
	padding-bottom: 20px;
	vertical-align: top;
	font-weight: bold;
}
.page-timeline .main-timeline .event .icon{
	width: 150px;
	height: 150px;
	margin: 0 auto;
	border: 1px solid ;
	border-color: #e3007f;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	display: table;
	border-collapse: separate;
	border-spacing: 5px;
}
.page-timeline .main-timeline .event .icon .icon-wrapper{
	display: table-cell;
	border: 1px solid #69e8ff;
	/* border-color: #e3007f; */
	border-radius: 140px;
	-webkit-border-radius: 140px;
	-moz-border-radius: 140px;
}
.page-timeline .main-timeline .event.d2{
	filter: drop-shadow(0 0 3px #e3007f);
}
.page-timeline .main-timeline .event.d1 .icon .icon-wrapper{
	background: url('../images/timeline-icon-sprite.svg')no-repeat 0 0 ;
	background-size: 560px 140px;
}
.page-timeline .main-timeline .event.d2 .icon .icon-wrapper{
	background: url('../images/timeline-icon-sprite.svg')no-repeat 33.3% 0 ;
	background-size: 560px 140px;
}
.page-timeline .main-timeline .event.d3 .icon .icon-wrapper{
	background: url('../images/timeline-icon-sprite.svg')no-repeat 66.6% 0 ;
	background-size: 560px 140px;
}
.page-timeline .main-timeline .event.d4 .icon .icon-wrapper{
	background: url('../images/timeline-icon-sprite.svg')no-repeat 100% 0 ;
	background-size: 560px 140px;
	background-color: #e3007f;
	border: 1px solid #e3007f;	
}
.page-timeline .main-timeline .event .event-content{
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 20px;
}
.page-timeline .main-timeline .event-wrapper {
	display: table;
	position: relative;
	width: 100%;
}
.page-timeline .main-timeline .event-wrapper .content-wrapper {
	display: table-cell;
	vertical-align: middle;
}
.page-timeline .main-timeline .event:nth-child(even){
}
.page-timeline .main-timeline .event.event-start {
	margin-bottom: 4.6%;
}
.page-timeline .main-timeline .event:last-child:before { height: 0; }

.page-timeline .main-timeline .event-bar {
    width: 36px;
	position: relative;
    margin: auto;
    z-index: 10;
	line-height: 0;
	position: absolute;
	position: relative;
	right: -36px;
	margin: auto;
	float: right;
}
.page-timeline .main-timeline .event:nth-child(even) .event-bar {
	right: auto;
	float: left;
}

.page-timeline .main-timeline .event-content {
    z-index: 6;
}
.ios.page-timeline .main-timeline .event-content,
.chrome.page-timeline .main-timeline .event-content {
}

.page-timeline .main-timeline .event:last-child .event-content:before,
.page-timeline .main-timeline .event:last-child .event-content:after {
    width: 0;
    height: 0;
}
.page-timeline .main-timeline .event:nth-child(odd) .event-content {
}
.page-timeline .main-timeline .event-content .date {
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
:lang(chi) .page-timeline .main-timeline .event-content .date {
	font-family: 'Microsoft JhengHei',Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}
.page-timeline .main-timeline .event-content .event-title {
    font-size: 14pt;
    color: #fff;
    margin-top: 0;
	position: relative;
}
:lang(chi) .page-timeline .main-timeline .event-content .event-title {
	font-family: 'Microsoft JhengHei',Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}
.page-timeline .main-timeline .event-content .event-title.title-highlight {
	display: inline-block;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding: 2px 12px;
	text-align: center;
}
.page-timeline .main-timeline .event-content .event-desc{
	color: #fff;
	font-size: 16px;
}
.page-timeline .main-timeline .event.d3 .event-content .event-desc {
}
.page-timeline .main-timeline .event.d4 .event-content .event-desc {
    color: yellow;
    padding: 8px;
    border-radius: 5px;
}
.page-timeline .main-timeline .event.d6 .event-content .event-desc {
}
.page-timeline .main-timeline .event .text {
	color: #fce100;
	z-index: 2;
	position: relative;
}
.page-timeline .main-timeline .event .highlight-line {
	z-index: 1;
}
.page-timeline .main-timeline .event.d3 .highlight-line {
	display: none;
	/*display: inline-block;*/
	width: 94px;
	height: 10px;
	background: url("../images/timeline-green-highlight.png") no-repeat;
	background-size: 94px 10px;
	position: absolute;
	bottom: -4px;
	left: 0;
}
.page-timeline .main-timeline .event.d6 .highlight-line {
	display: none;
	/*display: inline-block;*/
	width: 89px;
	height: 10px;
	background: url("../images/timeline-d6-highlight.png") no-repeat;
	background-size: 89px 10px;
	position: absolute;
	bottom: -3px;
	right: -5px;
}
.page-timeline .main-timeline .event-content .event-desc p {
	font-size: 14px;
	line-height: 1.4;
	color: #fff;
	position: relative;
	margin-bottom: 4px;
}
:lang(chi) .page-timeline .main-timeline .event-content .event-desc p {
	font-family: 'Microsoft JhengHei',Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}


/*modal-cere-speakers-details */
.modal-cere-speakers-details {
	padding-left: 0!important;
	padding-right: 0!important;
}
.modal-cere-speakers-details .modal-dialog {
	max-width: 500px;
	margin-top: 15px;
}
.modal-cere-speakers-details .modal-body {
	padding-top: 0;
}
.modal-cere-speakers-details .photo {
	display: block;
	text-align: center;
}
.modal-cere-speakers-details .photo.blank {
	background: #dddddd;
	position: relative;
	padding-bottom: 100%;
}
.modal-cere-speakers-details .photo img {
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
}
.modal-cere-speakers-details .cere-speakers-details {
	display: block;
	height: auto;
	text-align: left;
	max-width: 360px;
	margin: 0 auto;
}
.modal-cere-speakers-details .cere-speakers-details .eng-name {
	display: block;
	font-size: 40px;
	font-weight: bold;
	font-family: Arial, PMingLiU, MingLiU, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #3a1350;
	line-height: 1;
	padding: 10px 0 4px 0;
}
.modal-cere-speakers-details .cere-speakers-details .job-title {
	font-size: 14px;
	font-family: Arial, sans-serif;
	color: #666666;
	line-height: 1.3;
	padding-bottom: 26px;
}
.modal-cere-speakers-details .cere-speakers-details .job-desc {
	font-size: 13px;
	font-family: Arial, sans-serif;
	color: #666666;
	line-height: 1.3;
	padding-bottom: 50px;
	text-align: justify;
}
.modal-cere-speakers-details .cere-speakers-details .job-desc ul {
	padding-top: 12px;
	padding-left: 12px;
}
.modal-cere-speakers-details .cere-speakers-details .job-desc ul.no-p-top {
	padding-top: 0;
}

.modal-cere-speakers-details .cere-speakers-details .job-desc ol  {
	padding-top: 12px;
	padding-left: 24px;
}


/*modal-judge-details */
.modal-judge-details {
	padding-left: 0!important;
	padding-right: 0!important;
}
.modal-judge-details .modal-dialog {
	max-width: 500px;
	margin-top: 15px;
}
.modal-judge-details .modal-body {
	padding-top: 0;
}
.modal-judge-details .photo {
	display: block;
	text-align: center;
}
.modal-judge-details .photo.blank {
	background: #dddddd;
	position: relative;
	padding-bottom: 100%;
}
.modal-judge-details .photo img {
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
}
.modal-judge-details .judge-details {
	display: block;
	height: auto;
	text-align: left;
	max-width: 360px;
	margin: 0 auto;
}
.modal-judge-details .judge-details .eng-name {
	display: block;
	font-size: 40px;
	font-weight: bold;
	font-family: Arial, PMingLiU, MingLiU, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #3a1350;
	line-height: 1;
	padding: 10px 0 4px 0;
}
.modal-judge-details .judge-details .job-title {
	font-size: 14px;
	font-family: Arial, sans-serif;
	color: #666666;
	line-height: 1.3;
	padding-bottom: 26px;
}
.modal-judge-details .judge-details .job-desc {
	font-size: 13px;
	font-family: Arial, sans-serif;
	color: #666666;
	line-height: 1.3;
	padding-bottom: 50px;
	text-align: justify;
}
.modal-judge-details .judge-details .job-desc ul {
	padding-top: 12px;
	padding-left: 12px;
}
.modal-judge-details .judge-details .job-desc ol  {
	padding-top: 12px;
	padding-left: 24px;
}


.page-judges .judges {
	display: inline-block;
	padding-left: 0;
	max-width: 700px;
	margin: 0 auto 80px auto;
}
.page-judges .judge-list {
	padding: 0;
	margin: 0;
}
.page-judges .judge {
	display: inline-table;
	margin-bottom: 63px;
	width: 250px;
	margin-left: 10px;
	margin-right: 10px;
}
.page-judges .judge .photo {
	display: table;
	cursor: pointer;
	width: 183px;
	height: 183px;
	border: 1px solid #fff;
	margin: 0 auto;
	background: transparent;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	border-collapse: separate;
	border-spacing: 5px;
}
.page-judges .judge .photo img{
	display: table-cell;
	border: 1px solid white;
	border-radius: 50%;
	-webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.page-judges .judge .photo img:hover{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.page-judges .judge .name {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	margin-top: 20px;
	color: #fff;
}
.page-judges .judge .job-title {
	font-size: 13px;
	text-align: center;
	margin-top: 2px;
	color: #fff;
}



.page-browse-by-year .browse-by-year-list {
	display:inline-block;
    text-align: center;
    padding-left: 16px;
    color: #ffffff;
	list-style-type: none;
	padding-left: 0;
	max-width: 800px;
	width: 100%;
}
.page-browse-by-year .browse-by-year-list .per-year {
    padding-bottom: 50px;
	display: inline-block;
	width: 49%;
	min-width: 300px;
	max-width: 400px;
}
.page-browse-by-year .browse-by-year-list .per-year a,
.page-browse-by-year .browse-by-year-list .per-year a:hover {
	text-decoration: none;
}
.page-browse-by-year .browse-by-year-list .per-year .icon {
	display: inline-block;
	vertical-align: middle;
	width: 48px;
	height: 48px;
	background: url("../images/browse-by-year-icon-sprite.png") no-repeat;
	background-size: 48px 101px;
	background-position: 0px -1px;
}
.page-browse-by-year .browse-by-year-list .per-year:hover .icon {
	text-decoration: none;
}
.page-browse-by-year .browse-by-year-list .per-year .text {
	display: inline-block;
	vertical-align: middle;
	 color: #ffffff;
    font-size: 21px;
	padding-left: 8px;
}
.page-browse-by-year .browse-by-year-list .per-year:hover .text {
	text-decoration: none;
	text-shadow: 0 0 4px #fff, 0 0 18px rgba(255,255,255,0.45);
}

.page-enquiries .enquiries-text{
	color: white;
	line-height: 1.5;
	font-size: 16pt;
}
.page-enquiries .enquiries {
	padding-left: 0;
}
.page-enquiries .enquiry {
	display: inline-block;
	padding: 44px 0 50px 0;
	color: #fff;
	min-width: 320px;
	max-width: 400px;
	min-height: 140px;
}
.page-enquiries .enquiry a {
	color: #fff;
}
.page-enquiries .enquiry .fa {
	font-size: 40px;
}
.page-enquiries .enquiry .text {
	display: block;
	padding-top: 16px;
	font-size: 14px;
}
.page-enquiries .enquiry .text .title {
	font-weight: bold;
	font-size: 20px;
	display: block;
	padding-bottom: 6px;
}
.page-enquiries .form-section .section-wrapper{
	display: block;
	margin: 15px auto;
    padding: 25px;
    margin-bottom: 5px;
    position: relative;
    background: white;
    color: black;
    border-radius: 15px;
}
.page-enquiries .form-section .section-wrapper .checkbox{
	margin-top: 0;
    margin-bottom: 0;
	text-align: left;
}
.page-enquiries > .form-group:last-child{
	margin-bottom: 0;
}
.page-enquiries .form-group label{
	text-align: left;
	height: auto;
    font-size: 15px;
}
.page-enquiries .form-group label span{
	display: block;
}
.page-enquiries .form-group .checkbox > label{
	height: auto;
}

.page-enquiries .form-group .add-info a{
	color: #e3007f;
	text-decoration: none;
}
.page-enquiries .form-group .add-info a:hover, 
.page-enquiries .form-group .add-info a:active,
.page-enquiries .form-group .add-info a:focus{
	color: #b300dd;
	opacity: 1;
}  
.page-enquiries .action-btns{
	padding: 22px 0 0 0;
}
.page-enquiries .action-btns .btn{
	position: relative;
    background-color: #fdd000;
    color: #6500bf;
    font-size: 20px;
    line-height: 0.9;
    padding: 16px 40px;
    margin: 10px 6px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.page-enquiries .action-btns .btn:hover{
	background: transparent;
    color: #fff;
	border: 1px solid #fff;
}
.follow-us .text,
.copyright {
	font-family: Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}


.section-event-banner-ad {
	display:none;
	background: #fff;
	margin-top: 0;
}


/*Nominate Form */

/*Best HR Awards 2023 Logo*/
.page-eform .hra-logo{
	display: inline-block;
    width: 50%;
    -webkit-animation: main-visual 1s linear forwards;
    -moz-animation: main-visual 1s linear forwards;
    -o-animation: main-visual 1s linear forwards;
    animation: main-visual 1s linear forwards;
}
.page-eform .hra-logo .ct-logo{
	width: 80px;
    position: absolute;
	left: calc(50% - 140px);
}
.page-eform .hra-logo .best-hr{
    position: absolute;
    width: 120px;
    top: 5rem;
	left: calc(50% - 140px);
}
.page-eform .hra-logo .awards-2023{
    position: absolute;
    width: 180px;
    top: 4.5rem;
	left: calc(50% - 25px);
}
.page-eform {
	padding-top: 60px;
	/* background: #0d0815; */
	min-height: 100%;
}
.page-eform header{
	height: 150px;
}
.mobile.page-eform {
	padding-top: 60px;
	/* background: #0d0815; */
	min-height: 100%;
}
:lang(chi) .page-eform .btn {
	font-family: 'Raleway','Microsoft JhengHei',Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}

.page-eform footer {
	display: block;
	background: transparent;
	color: #ffffff;
	padding: 12px 0;
	position: relative;
	left: 0;
	right: 0;
	bottom: 0;
}
.page-eform footer .container {
	text-align: center;
}
.page-eform footer .container-wrapper {
	display: inline-block;
	margin: 0 auto;
}
.page-eform footer .title {
	font-weight: bold;
	display: inline-block;
	padding-right: 28px;
}
.page-eform footer .enquiries {
	display: inline-block;
}
.page-eform footer .enquiries .enquiry {
	display: inline-block;
	padding: 0 8px;
}
.page-eform footer .enquiries .enquiry .fa,
.page-eform footer .enquiries .enquiry a {
	color: #fff;
}
.page-eform footer .enquiry .content {
	font-size: 13px;
	padding-left: 6px;
	font-family: Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}
.page-eform footer.fixed {
	position: fixed;
}
.page-eform section:before {
	height: 60px;
}
.page-eform .email {
	text-decoration: none;
}
.page-eform .section {
	padding: 0 0 40px 0;
	margin-top: -20px;
	margin-bottom: 0px;
}

.page-eform .modal ul {
	padding-top: 10px;
}
.page-eform .modal.modal-company-details .modal-dialog {
	width: 100%;
	max-width: 992px;
	padding: 0 15px;
	margin-top: 20px;
	margin-bottom: 0;
}
.page-eform .modal.modal-company-details .modal-content {
	height: 600px;
	height: 96vh;
	margin-bottom: 0;
}
.page-eform .modal.modal-company-details .nav-pills {
	padding-left: 0;
	border-bottom: 1px solid #e5e5e5;
}
.page-eform .modal.modal-company-details .nav-pills > li.active > a {
	background: transparent;
	color: #000;
	border-bottom: 4px solid #e3007f;
	padding: 1px 0;
	border-radius: 0;
}
.page-eform .modal.modal-company-details .browser-not-support-msg {
	display: inline-block;
	max-width: 460px;
	margin: 0 auto 44px auto;
}
.page-eform .modal.modal-company-details .nav-pills > li > a {
	background: transparent;
	color: #000;
	border-bottom: 4px solid transparent;
	padding: 1px 0;
	border-radius: 0;
	margin: 0 20px 12px 0;
	font-size: 18px;
}
.page-eform .modal.modal-company-details .nav-pills > li > a:hover {
	text-decoration: none;
	border-bottom: 4px solid #e3007f;
}

.page-eform .modal.modal-company-details .row {
	margin: 0 0 20px 0;
}
.page-eform .modal.modal-company-details.in .modal-body {
	position: relative;
	height: 100%;
	overflow: hidden;
}
.page-eform .modal.modal-company-details .tab-content {
	height: 92%;
	margin-top: 20px;
	position: relative;
}
.page-eform .modal.modal-company-details .mCSB_container {
	margin-right: 20px;
	margin-bottom: 20px;
}
.page-eform .modal.modal-company-details .mCS_no_scrollbar .mCSB_container {
	margin-right: 0;
}
.page-eform .modal.modal-company-details #pills-award-info {
	position: relative;
	width: 100%;
	height: 100%;
}
.page-eform .modal.modal-company-details .tab-pane {
	height: 100%;
	margin-top: 10px;
	width: 95%;
}
.page-eform .modal.modal-company-details-guideline .tab-pane {
	height: 100%;
	margin-top: 10px;
}
.ie.page-eform .modal.modal-company-details-guideline .tab-pane {
	height: 94%;
}
.ios.page-eform .modal.modal-company-details-guideline .tab-pane {
	height: 90%;
}
.page-eform .modal.modal-company-details .row.award-info {
	position: relative;
	width: 100%;
	height: 100%;
	margin-bottom: 0;
}
.page-eform .modal.modal-company-details ul ul,
.page-eform .modal.modal-company-details ul ol,
.page-eform .modal.modal-company-details ol ol,
.page-eform .modal.modal-company-details ol ul {
	padding-bottom: 0;
}
.page-eform .modal .modal-body .alert {
	display:none;
	padding: 6px 15px;
	margin: 10px 0 0 0;
	background: transparent;
	color: red;
	border: 0;
	text-align: left;
	padding: 0;
}
.page-eform .modal-footer,
.page-eform .modal-header {
	z-index: 10;
	position: relative;
}
.page-eform .modal-body {
	padding-bottom: 7px;
	overflow-x: hidden;
	overflow-y: auto;
	height: 85%;
	z-index: 10;
}
.page-best-hr-awards-2023.page-register {
	background: rgb(0, 0, 6);
    background: linear-gradient(180deg, rgba(0, 0, 6, 1) 20%, rgba(90, 0, 163, 1) 100%);
    background-attachment: fixed;
	font-size: 15px;
	font-family: 'Raleway','Microsoft JhengHei',Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}

.page-register .best-hr-awards-2023-title{
	padding-top: 0;
}

.page-register .award-company {
	display: inline-block;
	margin: 0 auto;
	width: 30%;
	margin: 0 6px 20px 6px;
	position: relative;
	color: #595757;
	background: #fff;
	font-size: 16px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.page-register .alert-save-success {
	margin-top:12px;
}
.page-register .form-upload .page-form.form-step .btn-upload {
	display: inline-block;
}
.page-register #modal-upload-company-logo .modal-header .modal-title  {
	text-align: left;
}
.page-register .modal-pdf-file .modal-header .modal-title {
	max-width: 300px;
	text-align: left;
}
.page-register #modal-upload-company-logo.modal.in .modal-dialog,
.page-register #modal-upload-file.modal.in .modal-dialog {
    height: auto;
}
.page-register #modal-upload-company-logo .modal-body,
.page-register .modal-pdf-file .modal-body {
    padding: 22px 0;
}
.page-register #modal-upload-company-logo .modal-footer,
.page-register .modal-pdf-file .modal-footer {
	border-color: #e5e5e5;
	text-align: right;
	padding-left: 0;
	padding-right: 0;
}
.page-register #modal-upload-company-logo .modal-footer .btn,
.page-register .modal-pdf-file .modal-footer .btn {
	position: relative;
	font-weight: bold;
	background: #e3007f;
	color: #fff;
	font-size: 13px;
	padding: 12px;
	margin: 10px 6px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.page-register #modal-upload-company-logo .modal-footer .btn:focus,
.page-register .modal-pdf-file .modal-footer .btn:focus,
.page-register #modal-upload-company-logo .modal-footer .btn:hover,
.page-register .modal-pdf-file .modal-footer .btn:hover {
	background: #fff;
	color: #e3007f;
	border: 1px solid #e3007f;
}
.page-register #modal-upload-company-logo .modal-footer .btn-close,
.page-register .modal-pdf-file .modal-footer .btn-close{
	color: #e3007f;
	border: 1px solid #e3007f;
	background: #fff;
}
.page-register #modal-upload-company-logo .modal-footer .btn-close:focus,
.page-register .modal-pdf-file .modal-footer .btn-close:focus,
.page-register #modal-upload-company-logo .modal-footer .btn-close:hover,
.page-register .modal-pdf-file .modal-footer .btn-close:hover{
	color: #fff;
	border: 1px solid #e3007f;
	background: #e3007f;
}

/* modal-upload-company-logo-print */
.page-register #modal-upload-company-logo-print .modal-header .modal-title  {
	text-align: left;
}

.page-register #modal-upload-company-logo-print.modal.in .modal-dialog,
.page-register #modal-upload-file.modal.in .modal-dialog {
    height: auto;
}
.page-register #modal-upload-company-logo-print .modal-body,
.page-register .modal-pdf-file .modal-body {
    padding: 22px 0;
}
.page-register #modal-upload-company-logo-print .modal-footer,
.page-register .modal-pdf-file .modal-footer {
	border-color: #e5e5e5;
	text-align: right;
	padding-left: 0;
	padding-right: 0;
}
.page-register #modal-upload-company-logo-print .modal-footer .btn,
.page-register .modal-pdf-file .modal-footer .btn {
	position: relative;
	font-weight: bold;
	background: #e3007f;
	color: #fff;
	font-size: 13px;
	padding: 12px;
	margin: 10px 6px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.page-register #modal-upload-company-logo-print .modal-footer .btn:focus,
.page-register .modal-pdf-file .modal-footer .btn:focus,
.page-register #modal-upload-company-logo-print .modal-footer .btn:hover,
.page-register .modal-pdf-file .modal-footer .btn:hover {
	background: #fff;
	color: #e3007f;
	border: 1px solid #e3007f;
}
.page-register #modal-upload-company-logo-print .modal-footer .btn-close,
.page-register .modal-pdf-file .modal-footer .btn-close{
	color: #e3007f;
	border: 1px solid #e3007f;
	background: #fff;
}
.page-register #modal-upload-company-logo-print .modal-footer .btn-close:focus,
.page-register .modal-pdf-file .modal-footer .btn-close:focus,
.page-register #modal-upload-company-logo-print .modal-footer .btn-close:hover,
.page-register .modal-pdf-file .modal-footer .btn-close:hover{
	color: #fff;
	border: 1px solid #e3007f;
	background: #e3007f;
}

.page-register .bootstrap-filestyle .btn-primary {
	margin: 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.page-register .form-upload .bootstrap-filestyle  .form-control[disabled],
.page-register .form-upload .bootstrap-filestyle  .form-control[readonly] {
	background: transparent;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	height: 46px;
	margin: 0 4px 0 16px;
	padding-left: 0;
	color: #000;
	text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}


.page-register .modal.in .modal-dialog {
	height: 90%;
}
.page-register .modal .bootstrap-filestyle {
	padding-bottom: 8px;
}
.page-register #modal-preview-logo .modal-body {
	padding-top: 25px;
	padding-bottom: 15px;
	text-align: center;
}
.page-register #modal-preview-logo .modal-content {
	height: auto;
}
.page-register #modal-preview-logo .modal-footer {
	text-align: center;
}

.page-register .add-info {
	color: #fff;
	text-align: center;
	max-width: 600px;
	margin: 25px auto 0 auto;
}

.page-eform .modal-submit-text-alert {
	padding: 0 15px !important;
}
.page-eform .modal-company-details {
	color: #13558C;
}
.page-eform .modal-company-details .company-desc {
	word-wrap: break-word;
}
.page-eform .modal-company-details .company-desc.no-value {
	color: #aaa;
}
.page-eform .modal-company-details .no-value.logo-wrapper .logo {
	border: 2px dashed #999;
	padding: 40px;
	text-align: center;
	color: #aaa;
	margin-bottom: 0;
	font-size: 16px;
}

.page-eform .modal-company-details .btn-company-profile-more {
	font-size: 18px;
	padding: 12px 40px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.page-eform .modal-company-details .no-value.company-video {
	border: 2px dashed #999;
	padding: 0;
	text-align: center;
	color: #aaa;
	margin-bottom: 0;
	font-size: 16px;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.page-eform .modal-company-details .no-value.company-video .video {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	height: 100%;
	width: 100%;
}
.page-eform .modal-company-details .no-value.award-info {
	border: 2px dashed #999;
	padding: 10px;
	text-align: center;
	color: #aaa;
	margin-bottom: 0;
	font-size: 16px;
	position: relative;
	height: 0;
}
.page-eform .modal-company-details-guideline .modal-body {
	overflow: hidden;
}
.page-eform .modal-company-details .row.no-value.award-info {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.df-body-fullscreen .df-container.df-fullscreen {
	background: rgba(58,41,30,0.9)!important;
}

.ios.df-body-fullscreen.modal-open .modal-company-details{
	overflow: hidden;
}

.ios.df-body-fullscreen.page-eform .modal-company-details .close {
	z-index: -1;
}

.ios.df-body-fullscreen.page-eform .modal-company-details .nav-pills {
	position: relative;
	z-index: -1;
}

.ios.df-body-fullscreen.page-eform .modal-company-details .modal-dialog {
	margin-top: 0;
	padding: 0;
}

.ios.df-body-fullscreen .df-container.df-fullscreen {
	overflow: visible!important;
	height: 100vh!important;
	transform: translate3d(0,0,0)!important;
    -webkit-transform: translate3d(0,0,0)!important;
}

.ios.df-body-fullscreen.page-eform .modal-company-details .modal-content {
	margin: 0;
	height: 100vh;
	padding: 0;
	border: 0;
	background: transparent;
	-webkit-box-shadow: none;
        box-shadow: none;
}

.ios.df-body-fullscreen .df-floating .df-ui-controls {
	z-index: 9999;
	bottom: 15%;
}

.ios.df-body-fullscreen.page-eform .modal-company-details .modal-content:before {
	border: 0;
}

.ios.df-body-fullscreen.page-eform .modal-company-details .modal-content:after {
	border: 0;
}

.ios.df-body-fullscreen .df-book-stage {
	top: 6%!important;
}

.page-eform .modal-company-details .no-value.award-info .pdf {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
    left: 0;
}

.page-eform .modal-company-details .pdf-viewer {
	position: relative;
	width: 100%;
	height: 92%;
}

.chrome.page-eform .modal-company-details .pdf-viewer .hide-popout-btn {
	right: 13px;
}

.page-eform .modal-company-details .pdf-viewer .hide-popout-btn {
	display: none;
	width: 60px;
	height: 42px;
	background: rgba(58,41,30,0);
	z-index: 2;
	position: absolute;
	right: 17px;
	top: 12px;
}

.page-eform .modal-company-details #pdf-viewer-frame {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.page-eform .modal-company-details .award-info  #pdf-loading {
	height: 100px;
	line-height: 100px;
	text-align: center;
}

.page-eform .modal-company-details .company-resources .company-resources-thumbnails .preview-attachment .thumbnail {
	border: 0;
}
.page-eform .modal-company-details .company-resources .company-resources-thumbnails .preview-attachment-guideline.no-value {
	height: 0;
	padding-bottom: 58.58%;
	margin-bottom: 0;
	position: relative;
}
.page-eform .modal-company-details .company-resources .company-resources-thumbnails .preview-attachment-guideline.no-value .thumbnail {
	border: 2px dashed #999;
	padding: 8px;
	text-align: center;
	color: #aaa;
	font-size: 13px;
	vertical-align: middle;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0 0 -2px 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 10%;
	cursor: default;
}
.page-eform .modal-company-details.modal-company-details-guideline .company-resources .preview-attachment-guideline.no-value .thumbnail {
	padding-top: 20%;
}
.page-eform .modal-company-details .company-resources .company-resources-thumbnails .preview-attachment-guideline.no-value.last .thumbnail {
	margin: 0;
}
.page-eform .modal-company-details .company-resources .company-resources-large.no-value {
	border: 2px dashed #999;
	padding: 8px;
	text-align: center;
	color: #aaa;
	font-size: 13px;
	vertical-align: middle;
	position: relative;
	left: -2px;
	cursor: default;
	border-left-color: transparent;
	line-height: 1.42857;
}

.page-eform .modal-company-details .company-resources .company-resources-large img {
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -moz-animation: fadein 1s; /* Firefox */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera */
    animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}??

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.page-eform .modal-company-details .row {
	margin: 0;
}
.page-eform .modal-company-details .body-top .logo-wrapper {
	padding: 0;
	display: block;
	float: left;
	width: 50%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0;
	max-width: 271px;
}

.ie.page-eform .modal-company-details .body-top .logo-wrapper > a {
	max-width: 271px;
}

.page-eform .modal-company-details .body-top .logo-wrapper.get-min-height {
	display: table;
	height: 80px;
}
.page-eform .modal-company-details .body-top .logo-wrapper.get-min-height > a {
	display: table-cell;
	vertical-align: middle;
}
.page-eform .modal-company-details .body-top .logo-wrapper img.img-vertical {
	width: auto;
	height: 180px;
}
.page-eform .modal-company-details .body-top .logo-wrapper img.img-org {
	width: auto;
	max-width: 100%;
}
.page-eform .modal-company-details .body-top .logo-wrapper .ct-logo {
	height: 60px;
}
.page-eform .modal-company-details .body-top .logo-wrapper .ct-logo img {
	width: auto;
	height: 100%;
}
.page-eform .modal-company-details .btn-wrapper {
	padding: 0;
	display: block;
	float: right;
	width: 50%;
}

.page-eform .modal-company-details .btn-vote-company {
	position: relative;
	font-weight: bold;
	background: #e3007f;
	color: #fff;
	font-size: 18px;
	padding: 16px 40px;
	margin: 0 6px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	z-index: 1;
}
.page-eform .modal-company-details .btn-vote-company:focus,
.page-eform .modal-company-details .btn-vote-company.focus,
.page-eform .modal-company-details .btn-vote-company:hover {
	background: transparent;
	border: 1px solid #e3007f;
	color: #e3007f;
}
.page-eform .modal-company-details .btn-vote-company .text-wrapper .text {
	font-size: 26px;
	font-weight: bold;
	padding-left: 8px;
}
.page-eform .modal-company-details .btn-vote-company .text-wrapper .fa {
	font-size: 22px;
	position: relative;
	top: 2px;
}
.page-eform .modal-company-details .company-name {
	font-weight: bold;
	font-size: 26px;
	text-align: left;
	margin: 22px 0 0 0;
	font-family: 'Raleway','Microsoft JhengHei',Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}
.page-eform .modal-company-details .company-name a {
	color: #e3007f;
}
.page-eform .modal-company-details .company-name a:hover {
	text-decoration: underline;
}
.page-eform .modal-company-details .company-desc {
	text-align: justify;
	margin-top: 12px;
	font-size: 15px;
	font-family: Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}
.page-eform .modal-company-details .company-desc.no-value {
	font-size: 16px;
}
.page-eform .navbar-custom .navbar-header {
	width: auto;
}
.page-eform .container > .row {
	padding-top: 12px;
}
.page-eform .form-section .section-wrapper {
	display: block;
	padding: 25px 25px 10px 25px;
	margin-bottom: 5px;
	position: relative;
	background: white;
	color: #e3007f;
	font-size: 16px;
	border-radius: 15px;
}
.page-eform .form-title {
	color: #fff;
	padding-top: 32px;
	letter-spacing: 6px;
	font-variant: all-petite-caps;
}
.page-eform .email {
	text-decoration: none;
}
.page-eform .form-section-title {
	color: white;
	font-size: 20px;
	font-weight: bold;
	padding: 25px 0;
}
.page-eform .btn-back,
.page-eform .btn-submit {
	background: #fff;
    color: #240b3d;
    border: 1px solid #fff;
    padding: 8px 60px;
    font-size: 18px;
    font-weight: bold;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.page-eform .btn-back:focus,
.page-eform .btn-back:hover,
.page-eform .btn-submit:focus,
.page-eform .btn-submit:hover {
	background: #fff;
    color: #240b3d;
    border: 1px solid #fff;
}
.page-eform .info-btns {
	padding-bottom: 24px;
}
.page-eform .info-btns .btn {
	position: relative;
	font-weight: bold;
	background: transparent;
	color: #fff;
	border: 1px solid white;
	border-radius: 2em;
	font-size: 16px;
	padding: 16px 40px;
	margin: 0px 6px;
}
.page-eform .info-btns .btn:focus,
.page-eform .info-btns .btn:hover {
	background: white;
	color: #3a1350;
}
.page-eform .app-info {
	padding-bottom: 44px;
	color: #fff;
	font-size: 15px;
	margin: 0 auto;
}
.page-eform .app-info .details{
    padding: 20px;
    text-align: left;
    border: 1px solid white;
	border-radius: 15px;
}
.page-eform .app-info .details .title,
.page-eform .app-info .details .title02{
    font-weight: bold;
}
.page-eform .app-info .details .title02{
    display: block;
}
.page-eform .app-info .details ul{
	margin: 0 0 0 -17px;
}
.page-eform .app-info .highlight {
	font-weight: bold;
	color: white;
}
.page-eform .app-info .highlight a {
	color: #e3007f;
}
.page-eform .btn-add {
	position: relative;
	font-weight: bold;
	background: #e3007f;
	color: white;
	font-size: 20px;
	width: 44px;
	height: 44px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
}
.page-eform .btn-add:focus,
.page-eform .btn-add:hover {
	background: white;
	border: 1px solid #e3007f;
	color: #e3007f;
}
.page-eform .btn-remove {
	background: #aaaaaa;
	border-color: #aaaaaa;
	color: #fff;
}
.page-eform .btn-remove.disabled {
	background: #e4e4e4;
	border-color: #e4e4e4;
	color: #999;
}
.page-eform .btn-remove.disabled:hover {
	background: #e4e4e4;
	border-color: #e4e4e4;
	color: #999;
}

.page-eform .form-group label {
	text-align: left;
	color: #000;
	display: table;
}
.page-eform .form-group label span {
	display: table-cell;
	vertical-align: middle;
}

.page-eform .form-group .form-element {
	padding-left: 38px;
}
.page-eform .action-btns {
	padding: 22px 0 0 0;
}
.page-eform .action-btns .btn {
	position: relative;
	/* background: transparent;
	color: #fff; */
	background-color: white;
	color: #3a1350;
	font-size: 20px;
	line-height: 0.9;
	padding: 16px 40px;
	margin: 10px 6px;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.page-eform .action-btns .btn:focus,
.page-eform .action-btns .btn:hover {
	/* background-color: white;
	color: #3a1350; */
	background: transparent;
	color: #fff;
}



.page-eform .award-company .logo {
	display:table;
	width: 90%;
    margin: 1em auto;
	height: 170px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	text-align: center;
}
.page-eform .award-company .logo-v {
	display:table;
	width: 90%;
    margin: 1em auto;
	height: 170px;
	background: #cccccc;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	text-align:center;
}
.page-eform .award-company .logo .logo-wrapper {
	display:table-cell;
	vertical-align:middle;
}
.page-eform .award-company .logo .logo-wrapper img {
	width: auto;
	max-height: 100px;
	margin: 0 auto;
}
.page-eform .award-company .logo .logo-wrapper img.img-vertical {
	width: auto;
	height: 110px;
}
.page-eform .award-company .logo-v .logo-wrapper {
	display:table-cell;
	vertical-align:middle;
	cursor:pointer;
}
.page-eform .award-company .logo-v .logo-wrapper img {
	width: 90%;
	max-width: 90%;
	margin: 0 auto;
}
.page-eform .award-company .logo-v .logo-wrapper img.img-vertical {
	width: auto;
	height: 110px;
}
.page-eform .award-company .company-name {
	display: block;
	text-align: center;
	padding: 5px 0 10px 0;
	height: 21%;
	margin: 4px 0;
	font-size: 15px;
	overflow: hidden;
	word-wrap: break-word;

}
.page-eform .award-company .company-name-v {
	display: block;
	color: #fff;
	text-align: center;
	padding: 5px 0 10px 0;
	height: 21%;
	margin: 4px 0;
	font-size: 15px;
	overflow: hidden;
	word-wrap: break-word;
	cursor:pointer;
}
.page-eform .award-company .btns {
	display: block;
	position: relative;
	top: 4px;
}
.page-eform .award-company .btns .btn-primary {
	border: 0;
	position: relative;
	font-weight: bold;
	background: #e3007f;
	color: #fff;
	font-size: 12pt;
	font-family: 'Raleway', Arial,PMingLiU,MingLiU,Helvetica,sans-serif;
	width: 50%;
	padding: 1.5rem 1rem;
	margin: 4px 0;
	display: inline-block;
	z-index: 3;
	position: relative;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.page-eform .award-company .btns .btn-primary .fa {
	padding-right: 5px;
	font-size: 14px;
}
.page-eform .award-company .btns .btn-vote-company-small .vote-selected {
	display: none;
}

.page-register.page-register-step1 .form-group label {
	height: auto;
    font-size: 15px;
}

.page-register.page-register-step1 .form-group label span {
	display: block;
}
.page-register.page-register-step1 .nominations-list .form-group label span {
	display: inline-block;
}
.page-register.page-register-step1 .nominations-list .form-group label span.award-no {
	margin-left: 4px;
}
.page-register.page-register-step1 .nominations-list .form-group label span.award-title-chi,
.page-register.page-register-step1 .nominations-list .form-group label span.award-title-eng {
	display: block;
}
.page-register .form-group label .award-title-prefix,
.page-register .form-group label .award-no {
	display: inline-block;
}

/*Nominate Form Step 2 */

.page-register .form-control {
	font-family: 'Microsoft JhengHei',Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}
.page-register .btn-submit-vote  {
	position: fixed;
	left: 0;
	bottom: 150px;
	z-index: 3;
	background-color: #FDD000;
	padding: 0 6px 3px 3px;
	border: 2px solid #3a1350;
	-webkit-box-shadow: #013A72 0px 2px 5px;
	-moz-box-shadow: #013A72 0px 2px 5px;
	box-shadow: #013A72 0px 2px 5px;
	display: none;
}
.page-register .btn-submit-vote:focus,
.page-register .btn-submit-vote.focus,
.page-register .btn-submit-vote:hover {
	background-color: #3a1350;
	border: 2px solid #ffffff;
	-webkit-box-shadow: #013A72 0px 2px 5px!important;
	-moz-box-shadow: #013A72 0px 2px 5px!important;
	box-shadow: #013A72 0px 2px 5px!important;
}
.page-register .btn-submit-vote .icon {
	background: url("../images/vote-submit-icon-sprite.png");
	background-size: 32px 64px;
	background-position: 0 0;
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
}
.page-register .btn-submit-vote:focus .icon,
.page-register .btn-submit-vote.focus .icon,
.page-register .btn-submit-vote:hover .icon {
	background-position: 0 -32px;
}
.page-register .btn-submit-vote .text {
	display: inline-block;
	color: #3a1350;
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	margin-left: -4px;
}
.page-register .btn-submit-vote:focus .text,
.page-register .btn-submit-vote.focus .text,
.page-register .btn-submit-vote:hover .text {
	color: #ffffff;
}
.page-register .btn-submit-vote  .num-of-vote {
	font-weight: bold;
	position: relative;
	top: -1px;
	color: #3a1350;
}
.page-register .btn-submit-vote:focus .num-of-vote,
.page-register .btn-submit-vote.focus .num-of-vote,
.page-register .btn-submit-vote:hover .num-of-vote {
	color: #e3007f;
}
.page-register .btn-submit-vote .fa {
	display: inline-block;
	color: #3a1350;
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
}
.page-register .btn-submit-vote:focus .fa,
.page-register .btn-submit-vote.focus .fa,
.page-register .btn-submit-vote:hover .fa {
	color: #ffffff;
}
.page-register  textarea {
    resize: none;
}
.page-register.page-register-step2 .form-section {
    position: relative;
	display: block;
	padding: 0px;
	margin: 30px 0;
	position: relative;
	color: #fff;
	font-size: 16px;
}
.page-register.page-register-step2 .form-section-title {
	font-size: 16px;
	font-weight: normal;
	padding: 30px;
	color: #fff;
	border-bottom: 1px solid white;
	position: relative;
	z-index: 1;
}

.page-register.page-register-step2 .qs-content ul.text{
	color: #000;
}

.page-register.page-register-step2 .company-details-template{
	color: red;
	text-decoration: underline;
}

.page-register.page-register-step2 .company-details-template:hover {
	color:red;
}

.page-register.page-register-step2 .company-details-template-group{
	color: red;
	font-weight: bold;
}

.page-register.page-register-step2 .form-participant-information .error.help-block{
	margin-left: 20px;
}

.page-register.page-register-step2 .form-impacts .text-desciption{
	font-weight: normal;
}

.page-register .form-section .section-wrapper .checkbox{
	margin-top: 0;
	margin-bottom: 0;

}

.page-register.page-register-step1 .form-group .checkbox label{
	height:0;
}

@media only screen and (max-width: 768px){
	.page-register.page-register-step1.page-signup .form-group .last-name-field{
		margin-top: 15px;
	} 

}


.page-register .form-section-content {
	background: none;
	margin-bottom: 0;
	padding: 30px 12px 12px 12px;
}
.page-register .form-section-content .extra-info-form-wrapper,
.page-register .form-section-content .form-collapse-wrapper {
	margin: 0;
	display: block;
	width: 100%;
}

.page-register .form-section-desc {
	font-size: 15px;
	padding: 20px 12px 30px 12px;
}
.page-register .form-qs label {
	font-size: 14px;
}
.page-register .form-complex-qs .qs-title {
	padding: 0 0 20px 0;
}
.page-register .form-complex-qs .qs-title .num,
.page-register .form-group label .num {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	color: white;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	 -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	margin-right: 8px;
	text-shadow: none;
}
.page-register .form-complex-qs .qs-title .text,
.page-register .form-group label .text {
	font-size: 12pt;
	display: inline-block;
	vertical-align: top;
	color: #fff;
}
.page-register .form-logo{
	background: #fff;
	padding: 30px;
}
.page-register .qs-content {
	padding: 0px 38px 12px 38px;
}
.page-register .form-complex-qs fieldset {
	padding-bottom: 30px;
}
.page-register .form-complex-qs legend {
	font-size: 14px;
	font-weight: bold;
	padding: 6px 10px;
	margin-bottom: 0;
	border: 0;
	background: #ADC3D5;
	position: relative;
	z-index: 1;

	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	behavior: url("/promotions/CTgoodjobs-HR-Congress-2017/PIE.htc");
}

.page-register .form-check {
	border: 1px solid #a3dde0;
	border-top: 0;
	padding: 8px 10px 4px 10px;

}
.page-register .form-check .icheckbox_flat {
	width: 20px;
	display: inline-block;
	vertical-align: top;
}
.page-register .form-check label {
	width: 90%;
	font-size: 14px;
	padding-left: 4px;
	display: inline-block;
	vertical-align: top;
}
.page-register .form-collapse {
	background: white;
	border-bottom: 0;
	padding: 30px;
	position: relative;
	border-bottom: 2px solid #e5e5e5;
}
.page-register .form-collapse.last {
	border-bottom: 1px solid #a3dde0;
}
.page-register .form-collapse label {
	width: 100%;
	font-size: 12pt;
	padding-left: 4px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 2rem;
}
.page-register .form-collapse .form-collapse-section .fa {
	display: block;
	color: #000;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.page-register .form-collapse .info-form-text .padding-left {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: auto;
	height: auto;
	background: none;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding-top: 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	margin-right: 8px;
	position: relative;
	top: 0px;
	width:5%;
}
.page-register .form-collapse .info-form-text .content-text {
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	width:90%;
	margin-left: -1px;
	margin-top: 3px;
	color: #fff;
}
.page-register .form-collapse .extra-info-form.form-confirmed .form-desc {
	display: block;
	text-align: left;
	margin-top: 33px;
	margin-bottom: 0;
	color: #fdd000;
	padding-right: 5%;
}
.page-register .form-collapse .form-desc .desc-text {
	display: inline-block;
	font-size: 13px;
}
.page-register .form-collapse .form-collapse-label {
	width: 100%;
	padding-right: 20px;
	display: block;
	position: relative;
	z-index:2;
	cursor: pointer;
}

.page-register .form-section-content .btn-preview-page-content {
	margin: 12px 0 12px 39px;
	text-align: left;
	white-space: normal;
}
.page-register .form-section-content .form-confirmed .btn-preview-page-content {
	margin-left: 0;
}
.page-register .form-upload label {
	display: block;
}
.page-register .form-upload .fa {
	margin-right: 4px;
}
.page-register .form-upload .file-upload {
	width: auto;
	margin-right: 4px;
	margin-bottom: 4px;
	cursor: pointer;
	display: inline-block;
	padding: 0;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(94,149,207,1) !important;
	-moz-box-shadow: 0px 0px 10px 2px rgba(94,149,207,1) !important;
	box-shadow: 0px 0px 10px 2px rgba(94,149,207,1) !important;
	text-shadow: 0 0 8px #60daff, 0 0 3px rgba(96,218,205,0.4) !important;
	min-height: 42px;
}
.page-register .form-upload .file-upload:focus,
.page-register .form-upload .file-upload:hover {
	-webkit-box-shadow: 0px 0px 24px 2px rgba(92,166,243,1)!important;
	-moz-box-shadow: 0px 0px 24px 2px rgba(92,166,243,1)!important;
	box-shadow: 0px 0px 24px 2px rgba(92,166,243,1)!important;
	text-shadow: 0 0 4px #fff, 0 0 3px rgba(92,166,243,0.8), 0 0 12px rgba(92,166,243,0.4) !important;
}

.page-register .form-upload .file-upload .file-upload-text {
	display: block;
	width: 100%;
	min-width: 166px;
	min-height: 42px;
	height: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 300px;
	padding: 12px;
	overflow: hidden;
	text-align: center;
}
.page-register .form-upload .fa {
	min-height: 13px;
	min-width: 13px;
}
.page-register .form-upload .btn-primary {
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.page-register .form-upload .btn-primary[disabled] {
	background: #efefef;
	border-color: #efefef;
	color: #999;
	cursor: default;
}

.page-register .form-upload .btn-upload-logo {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 190px;
	margin-bottom: 8px;
}
.page-register .form-upload .form-control[disabled],
.page-register .form-upload .form-control[readonly] {
	background: #eee;
}
.page-register .form-upload .btn-primary {
	vertical-align: top;
}
.page-register .add-notes {
	color: #000;
	margin-top: 6px;
	font-size: 10pt;
	padding-left: 50px;
	text-align: left;
	padding-left: 0;
	margin-bottom: 1rem;
}
.page-register .extra-info-form {
	padding: 10px 15px;
	margin: 0 0 0 14px;
	display: none;
	font-size: 12px;
}
.page-register .extra-info-form .form-impacts .form-description {
	min-height: 400px;
}
.page-register .extra-info-form  input.form-control {
	font-size: 12px;
	height: 28px;
}
.page-register .extra-info-form .form-control {
	margin-left: 12px;
}
.page-register .extra-info-form .form-upload .file-upload {
	margin-left: 18px;
	margin-top: 6px;
}
.page-register .form-upload .file-upload input[type="file"] {
	cursor: pointer;
	font-size: 0;
}
.page-register .extra-info-form  .form-video .form-control,
.page-register .extra-info-form  input.form-control {
	margin-left: 18px;
	margin-top: 4px;
}

.page-register .extra-info-form .form-upload,
.page-register .extra-info-form .form-sub-group {
	margin: 2px 0 2rem 36px;
}
.page-register .extra-info-form  .form-sub-group .qs-num {
	display: inline-block;
	vertical-align: top;
	width: 2%;
	min-width: 12px;
}
.page-register .extra-info-form  .form-sub-group .qs-text {
	display: inline-block;
	vertical-align: top;
	padding-left: 6px;
	width: 95%;
	font-size: 10pt;
}
.page-register .extra-info-form  .form-sub-group .loc {
	white-space: nowrap;
}
.page-register .extra-info-form  .form-sub-group .form-upload-item {
	margin: 0 0 20px 0;
}
.page-register .extra-info-form .form-sub-group .question-mark {
	display: inline-block;
	border: 1px solid #000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	cursor: pointer;
	text-shadow: none;
	text-align: center;
	position: relative;
	vertical-align: middle;
}
.page-register .extra-info-form .form-sub-group .question-mark .fa {
	font-size: 17px;
	color: #000;
	margin-right: 0;
	vertical-align: middle;
}
.page-register .extra-info-form label .num {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: auto;
	height: auto;
	background: none;
	color: #000;
	font-size: 12pt;
	padding-top: 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	margin-right: 8px;
	position: relative;
	top: 0px;
	width: 5%;
	border: 0;

}
.page-register .extra-info-form .form-sub-group .remark{
	color: #595757;
	font-weight: normal;
}
.page-register .extra-info-form .form-sub-group .remark a{
	color: #e3007f;
}
.page-register .extra-info-form label .text {
	font-size: 12pt;
	display: inline-block;
	vertical-align: top;
	width:90%;
	color: #000;
}
.page-register .extra-info-form .form-sub-group .text {
	font-size: 12pt;
	display: inline-block;
	vertical-align: top;
	width:90%;
	color: #000;
	margin-bottom: 1rem;
}
.page-register #pdf-upload-button {
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	overflow: hidden;
}
.page-register .phone-no {
	display: inline-block;
	white-space: nowrap;
	font-family: Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}
.page-register .info-date {
	display: inline-block;
	white-space: nowrap;
	font-family: Arial,PMingLiU,MingLiU,Helvetica,sans-serif !important;
}
.page-register.page-register-thank-you {
	text-align: center;
	position: relative;
	min-width: 0;
}
.page-register.page-register-thank-you .msg-text {
	width: 98%;
	margin: 0 auto;
	color: #fff;
	max-width: 600px;
}
.page-register.page-register-thank-you .msg-text a {
	color: #fff;
	text-decoration: underline;
}
.page-register.page-register-thank-you .action-btns {
	width: 90%;
	margin: 0 auto;
}
.page-register.page-register-thank-you .action-btns .btn {
	white-space: normal;
	line-height: 1.6;
}
.page-register.page-register-thank-you .msg-text {
	padding: 50px 0;
}

footer {
	background: transparent;
	color: #fff;
	padding-bottom: 30px;
}
footer a,
footer a:link,
footer a:visited,
footer a:hover,
footer a:focus,
footer .fa {
	color: #fff;
}
footer .member-of{
	opacity: 0.5;
	margin-top: 5px;
}
.page-register .extra-info-form  .form-sub-group .form-remark {
	margin-top: 15px;
    font-style: italic;
}
.page-register .extra-info-form  .form-sub-group .form-remark-item {
	margin-top: 10px;
    display: block;
    font-size: 12px;
    font-weight: normal;
}
.page-register .extra-info-form  .form-sub-group .form-remark-item .highlight-title {
	display: block;
    font-weight: bold;
}
.page-register .extra-info-form  .form-sub-group .form-remark-item .highlight {
    font-weight: bold;
	color:#ff0000;
	text-decoration:underline;
}

/* Arrow Box */
.page-register .form-upload .fa.fa-question-circle{
	color: black;
	margin: 6px;
}

.tippy-tooltip.white-theme {
	background-color: #fff;
	color: #333;
	border: 1px solid #dddddd;
	padding: 8px 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);
}

.tippy-popper[x-placement^=top] .tippy-tooltip.white-theme .tippy-arrow { 
	border-top: 7px solid #ccc; border-right: 7px solid transparent; border-left: 7px solid transparent
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.white-theme .tippy-arrow {
	border-bottom: 7px solid #ccc; border-right: 7px solid transparent; border-left: 7px solid transparent
}
.tippy-popper[x-placement^=left] .tippy-tooltip.white-theme .tippy-arrow {
	border-left: 7px solid #ccc; border-top: 7px solid transparent; border-bottom: 7px solid transparent
}
.tippy-popper[x-placement^=right] .tippy-tooltip.white-theme .tippy-arrow {
	border-right: 7px solid #ccc; border-top: 7px solid transparent; border-bottom: 7px solid transparent
}

.tippy-tooltip.help-theme {
	font-size: 13px;
	text-align: left;
	background-color: #000;
	color: #fff;
	padding: 8px 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
}

.tippy-popper[x-placement^=top] .tippy-tooltip.help-theme .tippy-arrow { 
	border-top: 7px solid #000; border-right: 7px solid transparent; border-left: 7px solid transparent
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.help-theme .tippy-arrow {
	border-bottom: 7px solid #000; border-right: 7px solid transparent; border-left: 7px solid transparent
}
.tippy-popper[x-placement^=left] .tippy-tooltip.help-theme .tippy-arrow {
	border-left: 7px solid #000; border-top: 7px solid transparent; border-bottom: 7px solid transparent
}
.tippy-popper[x-placement^=right] .tippy-tooltip.help-theme .tippy-arrow {
	border-right: 7px solid #000; border-top: 7px solid transparent; border-bottom: 7px solid transparent
}

/*Voting*/

.page-voting {
	background: rgb(7,22,63);
	background: linear-gradient(180deg, rgba(7,22,63,1) 20%, rgba(41,30,117,1) 52%);
	background-attachment: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
	line-height: 0;
}

.page-voting .modal {
	line-height: normal;
}

.page-voting .modal.modal-submit-text-alert .modal-header {
	border-bottom: 0;
}

.page-voting .modal.modal-submit-text-alert .modal-content {
	min-height: 300px;
}

.page-voting .action-btns {
	padding-bottom: 22px;
}

.page-voting .form-section .section-wrapper{
	background-color: transparent;
	color: white;
}
.page-voting .form-group label{
	color: white;
}

.page-voting .body-container footer {
	position: absolute;
	bottom: 0;
}

.page-voting .container > .row {
	padding-bottom: 44px;
}


.page-voting .form-title {
	padding-top: 24px;
}

.page-voting .btn-link {
	display: block;
	color: #fff;
	cursor: pointer;
	margin: 1em 0;
}/**/

.page-voting .add-info {
	color: #fff;
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
}

.page-voting-step2 .btn-submit-vote{
	position: fixed;
	bottom: 2em;
	right: -1em;
	z-index: 4;
	padding: 3em;
	border-radius: 40px 0 0 40px;
	background-color: rgba(81, 49, 143, 0.8);
}
.page-voting-step2 .btn-submit-vote:hover,
.page-voting-step2 .btn-submit-vote:focus{
	background: #e3007f;
	color: #fff;
}

.page-voting-step2 .btn-submit-vote .icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
.page-voting-step2 .btn-submit-vote .icon img{
	height: 5rem;
    width: auto;
}
.page-voting-step2 .btn-submit-vote .text {
	display: inline-block;
	vertical-align: middle;
	font-size: 20pt;
	font-weight: bold;
	position: relative;
	margin-left: -4px;
}

.page-voting-step2 .btn-submit-vote .num-of-vote {
	font-weight: bold;
	position: relative;
	font-size: 14pt;
	background: #fff;
	color: #e3007f;
	vertical-align: middle;
	border-radius: 2rem;
    padding: 0.5rem 1.5rem;
    margin: 0 1rem;
	transition: all 0.5s ease;
}
:lang(chi) .page-voting-step2 .btn-submit-vote .num-of-vote{
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.page-voting .btn-submit-vote:focus .num-of-vote,
.page-voting .btn-submit-vote.focus .num-of-vote,
.page-voting .btn-submit-vote:hover .num-of-vote {
	color: #e3007f;
}
.page-voting .btn-submit-vote .fa {
	display: inline-block;
	vertical-align: middle;
	font-size: 20pt;
	font-weight: bold;
	line-height: 32px;
	position: relative;
	margin: 0 5px;
}


.page-voting .navbar-nav {
	margin: 0;
}

.page-voting .nav-dropdown-tabs.navbar-collapse {
	position: absolute;
	bottom: 0;
	top: 62px;
	width: 100%;
	margin-top: 0;
	right: 15px;
	background: #3a1350 !important;
	padding: 0;
}

.page-voting .nav-dropdown-tabs.collapse {
	display: none!important;
}

.page-voting .nav-dropdown-tabs.navbar-collapse.in {
	display: block!important;
}

.page-voting .nav-dropdown-tabs .nav-tabs {
	border: 0;
}

.page-voting .nav-dropdown-tabs .navbar-nav > li  > ul {
	margin: 0 0 20px 0;
	padding: 0;
}

.page-voting .nav-dropdown-tabs .navbar-nav > li.award-type-all {
	padding: 8px 12px;
}

.page-voting .nav-dropdown-tabs .navbar-nav > li .sub-title {
	color: #fff;
	font-weight: bold;
	padding: 8px 15px;
	margin-right: 7px;
	line-height: 1.42857143;
	text-align: left;
	border-top: 1px solid rgba(255,255,255,0.4);
}

.page-voting .nav-dropdown-tabs .navbar-nav > li .sub-title.category-1 {
	color: #e3007f;
}

.page-voting .nav-dropdown-tabs .navbar-nav > li .sub-title.category-2 {
	color: #d84191;
}

.page-voting .nav-dropdown-tabs .nav-tabs li > a,
.page-voting .nav-dropdown-tabs .nav-tabs li > a:hover,
.page-voting .nav-dropdown-tabs .nav-tabs li > a:focus
.page-voting .nav-dropdown-tabs .nav-tabs li.active > a,
.page-voting .nav-dropdown-tabs .nav-tabs li.active > a:hover,
.page-voting .nav-dropdown-tabs .nav-tabs li.active > a:focus {
	border: 0;
	text-decoration: none;
}

.page-voting .nav-dropdown-tabs .navbar-nav li.active > a {
	color: #e3007f;
}

.page-voting .nav-dropdown-tabs .navbar-nav  li a {
	font-size: 14px;
	padding: 8px 15px;
	display: block;
	line-height: 1.42857143;
	text-align: left;
}

.page-voting .nav-dropdown-tabs .navbar-nav li a.award-type-all {
	cursor: pointer;
	margin: 0;
}

.page-voting .nav-tabs-dropdown.btn-primary,
.page-voting .nav-tabs-dropdown.btn-primary:before,
.page-voting .nav-tabs-dropdown.btn-primary:after {
	background-color: #fff;
	border-color: #fff;
	color: #3a1350;
	width: auto;
	display: inline-block;
	margin: 0 auto;
	position: absolute;
	right: 15px;
	top: 14px;
	padding: 6px 12px;
	box-shadow: none!important;
	text-shadow: none!important;
	border: 0!important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.page-voting .nav-tabs-dropdown.btn-primary:before,
.page-voting .nav-tabs-dropdown.btn-primary:after {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.page-voting .nav-tabs-dropdown.btn-primary .text {
	font-size: 14px;
	overflow: hidden;
}
.page-voting .nav-tabs-dropdown.btn-primary .fa {
	padding-left: 8px;
	font-weight: bold;
	font-size: 20px
}

.page-voting .award-company-list {
	padding-left: 0;
	margin: 0 auto;
	max-width: 992px;
}

.page-voting-step2 .body-container footer {
	z-index: -1;
	position: relative;
	overflow: initial;
	/*width: 90%;*/
}
.page-voting-step2 .desc {
	margin: 44px auto;
	font-size: 18px;
	color: #fff;
}
.page-voting-step2 .desc .highlight {
	color: #e3007f;
}
.page-voting-step2 .awards-list{
	margin-bottom: 4em;
	position: relative;
}
.page-voting-step2 .section-form{
	overflow-x: unset;
}
.page-voting-step2 .awards-list .dropbtn {
	display: block;
	width: 100%;
    background-color: #fff;
    color: #555;
    border: 1px solid #ccc;
	border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
}

.page-voting-step2 .awards-list .dropbtn:hover, .page-voting-step2 .awards-list .dropbtn:focus {
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.page-voting-step2 .awards-list .dropdown {

}

.page-voting-step2 .awards-list .dropdown-content {
  	display: none;
 	position: absolute;
  	background-color: #f6f6f6;
  	width: 100%;
	height: 25rem;
  	overflow-y: scroll;
	overflow-x: hidden;
  	border: 1px solid #ddd;
  	z-index: 4;
	border-radius: 0 0 4px 4px;
}

.page-voting-step2 .awards-list .dropdown-content button{
	color: black;
	padding: 6px 12px;
	text-decoration: none;
	display: block;
	border: 0;
    margin: 0 auto;
    background: transparent;
	width: 100%;
}

.page-voting-step2 .awards-list .dropdown-content button:hover{background-color: #ddd;}

.page-voting-step2 .awards-list .show {display: block;}

.page-voting-step2 .tabcontent-wrapper{
	color: #fff;
	padding-top: 4em;
    border-top: 1px solid #fff;
}
.page-voting-step2 .tabcontent{
	-webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
	display: table;
	width: 100%;
}
.page-voting-step2 .sub-category {
	display: table;
	text-align: left;
}
.page-voting-step2 .sub-category .light {
	display: table-cell;
	vertical-align: top;
	width: 6px;
	height: 66px;
	background: -moz-linear-gradient(top, rgba(102,103,171,1) 0%, rgba(102,103,171,0) 100%);
    background: -webkit-linear-gradient(top, rgba(102,103,171,1) 0%,rgba(102,103,171,0) 100%);
    background: linear-gradient(to bottom, rgba(102,103,171,1) 0%,rgba(102,103,171,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3007f', endColorstr='#e3007f',GradientType=0 );
}
.page-voting-step2 .sub-category .title {
	 display: table-cell;
	 vertical-align: middle;
	 color: #fff;
	 font-size: 20px;
	 padding-left: 22px;
}
.page-voting-step2 .award-company-wrapper{
	padding: 2em;
}
.page-voting-step2 .award-company {
	display: inline-block;
	width: 100%;
	padding: 0;
	position: relative;
	color: #595757;
	background: #fff;
	font-size: 16px;
	-webkit-border-radius: 31px;
	-moz-border-radius: 31px;
	border-radius: 31px;
}
.page-voting-step2 .award-company .logo{
	border-bottom: 1px solid #e3007f;
	margin: 1em auto 0;
	display: table;
}
.page-voting-step2 .award-company .logo .logo-wrapper{
	display: table-cell;
	padding: 2rem;
}
.page-voting-step2 .award-company a.desc{
	cursor: pointer;
}
.page-voting-step2 .award-company .company-name{
	padding: 2rem 1rem;
	height: 8rem;
}
.page-voting-step2 .award-company .btns{
	position: initial;
}
.page-voting-step2 .award-company .btns .btn-primary{
	font-weight: normal;
	margin: 0;
}
.page-voting-step2 .award-company .btns .btn-primary:hover{
	color: #e3007f;
	background: #fff;
}
.page-voting-step2 .award-company .btns .btn-company-details{
	-webkit-border-radius: 0 0 0 30px;
    -moz-border-radius: 0 0 0 30px;
	border-radius: 0 0 0 30px;
	border-right: 1px solid #fff;
}
.page-voting-step2 .award-company .btns .btn-vote-company-small{
	-webkit-border-radius: 0 0 30px 0;
    -moz-border-radius: 0 0 30px 0;
	border-radius: 0 0 30px 0;
}
.page-voting-step2 .award-company .btns .btn-vote-company-small.vote-selected{
	background-color: #22ac38;
	color: #fff;
}
.page-voting-step2 .modal-desc .logo-wrapper{
	margin: 2em 5em;
}
.page-voting-step2 .modal-desc .logo-wrapper img{
	width: 250px;
    margin: 0 auto;
}
.page-voting-step2 .modal-desc .text{
	color: #595757;
	font-family: 'Raleway', Arial,PMingLiU,MingLiU,Helvetica,sans-serif;
	text-align: justify;
	line-height: 1.5;
	margin-top: 2rem;
}
.page-voting-step2 .category-2 .sub-categories-title {
	color: #d84191;
}
.page-voting-step2 .category-2 .btns .btn-primary{
	background: #e3007f;
}
.page-voting-step2 .category-single .sub-categories-title {
	color: #67ffff;
}
.page-voting-step2 .sub-category .title-text.in {
	text-decoration: underline;
}
.page-voting-step2 .sub-category .title:focus,
.page-voting-step2 .sub-category .title:hover {
	text-decoration: none;
}

.page-voting-step2 .add-info {
	font-size: 13px;
	padding-bottom: 80px;
	color: #fff;
}

.page-voting-confirm .action-btns {
	padding-bottom: 10px;
}
.page-voting-confirm .action-btns .btn {
	margin: 0px 8px 12px 8px;
}

.page-voting-confirm .msg-text {
	display: block;
	text-align: center;
	margin-bottom: 1em;
}
.page-voting-confirm .prize-list {
    padding: 0;
}
.page-voting-confirm .prize-list .prize {
	list-style: none;
	background: #fff;
	border-radius: 2rem;
	display: flex;
	margin-bottom: 2rem;
}

.page-voting-confirm .prize-list .prize .icon {
	width: 20%;
    display: inline-flex;
	background: #e3007f;
	padding: 1rem;
	border-radius: 2rem 0 0 2rem;
}
.page-voting-confirm .prize-list .prize .icon img {
	width: 150px;
}
.page-voting-confirm .prize-list .prize .details{
	width: 80%;
    display: inline-block;
	padding: 1rem;
}
.page-voting-confirm .prize-list .prize-name {
	color: #e3007f;
	text-align: center;
	font-weight: bold;
	font-size: 16pt;
	padding: 1rem;
    border-bottom: 1px solid;
}
.page-voting-confirm .prize-list .company-name {
	color: #e3007f;
	display: inline-table;
    padding: 1rem;
	margin-top: 1rem;
	width: 100%;
}
.page-voting-confirm .prize-list .company-name .logo {
	width: 30%;
    display: table-cell;
	vertical-align: middle;
}
.page-voting-confirm .prize-list .company-name .logo img{
	max-height: 80px;
    width: auto;
    margin: 0 auto;
}
.page-voting-confirm .prize-list .company-name .text{
	width: 70%;
    display: table-cell;
    font-size: 16pt;
    text-align: center;
	vertical-align: middle;
	color: #595757;
}
.page-voting-thank-you .form-group {
	margin-bottom: 0;
}
.page-voting-thank-you .form-group ul {
	display: inline-block;
	text-align: left;
	width: auto;
	padding: 0;
	margin: 0 0 0 16px;
}
.page-voting-thank-you .form-group li{
	padding-bottom: 8px;
}

/*Winners*/


.page-winners .awards-list .dropbtn {
	display: block;
	width: 100%;
    background-color: #fff;
    color: #555;
    border: 1px solid #ccc;
	border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
}

.page-winners .awards-list .dropbtn:hover, .page-winners .awards-list .dropbtn:focus {
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.page-winners .awards-list{
	margin-bottom: 4em;
    position: relative;
}

.page-winners .awards-list .dropdown {

}

.page-winners .awards-list .dropdown-content {
  	display: none;
 	position: absolute;
  	background-color: #f6f6f6;
  	width: 100%;
	height: 25rem;
  	overflow-y: scroll;
	overflow-x: hidden;
  	border: 1px solid #ddd;
  	z-index: 4;
	border-radius: 0 0 4px 4px;
}
.page-winners .awards-list .dropdown-content .sub-title{
	color: #333;
}
.page-winners .awards-list .dropdown-content button{
	color: black;
	padding: 6px 12px;
	text-decoration: none;
	display: block;
	border: 0;
    margin: 0 auto;
    background: transparent;
	width: 100%;
}

.page-winners .awards-list .dropdown-content button:hover{background-color: #ddd;}

.page-winners .awards-list .show {display: block;}

.page-winners .tabcontent-wrapper{
	color: #fff;
    padding-top: 4em;
    border-top: 1px solid #fff;
}
.page-winners .winners-list-wrapper{
	/*padding-bottom: 20px;*/
	border-radius: 20px;
	margin-bottom: 5rem;
}

.page-winners .category-1 .winners-list-wrapper, .page-winners .category-2 .winners-list-wrapper{
	background: rgba(101, 129, 192, 0.6);
}
.page-winners .category-3 .winners-list-wrapper{
	background: rgba(93, 89, 165, 0.6);
}
.page-winners .category-4 .winners-list-wrapper{
	background: rgba(81, 49, 143, 0.6);
}
.page-winners .category-5 .winners-list-wrapper{
	background: rgba(62, 29, 125, 0.6);
}
.page-winners .winners-list-wrapper .title{
	text-align: left;
    font-size: 14pt;
	cursor: pointer;
    background: transparent;
    border: none;
    width: 100%;
	outline: none;
	padding: 20px;
}
.page-winners .winners-list-wrapper .title .collapsible-btn{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 7px;
    float: right;
}
.page-winners .category-1 .winners-list-wrapper .title .collapsible-btn,
.page-winners .category-2 .winners-list-wrapper .title .collapsible-btn{
	background: #e3007f;
}
.page-winners .category-3 .winners-list-wrapper .title .collapsible-btn{
	background: #e3007f;
}
.page-winners .category-4 .winners-list-wrapper .title .collapsible-btn{
	background: #e3007f;
}
.page-winners .category-5 .winners-list-wrapper .title .collapsible-btn{
	background: #e3007f;
}
.page-winners .winners-list-wrapper .title .collapsible-btn .symbol{
	background: white;
    height: 15px;
    position: relative;
    width: 3px;
    margin: 0 auto;
}
.page-winners .winners-list-wrapper .title .collapsible-btn .symbol::after{
	background: white;
    content: "";
    height: 3px;
    left: -6px;
    position: absolute;
    top: 6px;
    width: 15px;
}
.page-winners .winners-list-wrapper .title.active .collapsible-btn .symbol{
	background: none;
}
.page-winners .winners-list-wrapper .winners-list{
	/*padding: 20px;
	margin-top: 20px;*/
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.2s ease-out;
	margin: 0 20px;
}
.page-winners .winners-list-wrapper .winners-list:after{
	content: "";
	display: block;
	height: 20px;
}
.page-winners .winners-list-wrapper .winner{
	background: #fff;
	display: table;
    margin: 0 auto;
    width: 100%;
	padding: 20px;
    border-bottom: 1px solid #ccc;
}
/*.page-winners .winners-list-wrapper .winner:first-child{
	padding-top: 0;
}*/
.page-winners .winners-list-wrapper .winner:last-child{
	border-bottom: 0;
}
/*.page-winners .winners-list-wrapper .winners-list .winner .trophy-icon{
	width: 10%;
	display: table-cell;
}
.page-winners .winners-list-wrapper .winners-list .winner .trophy-icon img{
	width: auto;
	max-height: 80px;
	margin: 0 auto;
}*/
.page-winners .winners-list-wrapper .winners-list .winner .company-logo{
	width: 50%;
	display: table-cell;
	padding: 0 8%;
	vertical-align: middle;
	height: 80px;
}
.page-winners .winners-list-wrapper .winners-list .winner .company-logo img{
	width: auto;
	max-height: 80px;
	max-width: 200px;
	margin: 0 auto;
}
.page-winners .winners-list-wrapper .winners-list .winner .text{
	color: #000;
	width: 50%;
	display: table-cell;
    vertical-align: middle;
	font-size: 14pt;
	text-align: left;
}
.page-winners .winners-list-wrapper .winners-list .winner .text .rank{
	letter-spacing: 5pt;
    text-transform: uppercase;
	margin-bottom: 1rem;
}
.page-winners .winners-list-wrapper .winners-list .winner .text .rank.grand{
	color: #fff;
    width: fit-content;
    padding: 2px 2px 2px 6px;
    border-radius: 5px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a26258+0,c3877c+50,a26258+100 */
	background: #a26258; /* Old browsers */
	background: -moz-linear-gradient(left,  #a26258 0%, #c3877c 50%, #a26258 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #a26258 0%,#c3877c 50%,#a26258 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #a26258 0%,#c3877c 50%,#a26258 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a26258', endColorstr='#a26258',GradientType=1 ); /* IE6-9 */
}
.page-winners .winners-list-wrapper .winners-list .winner .text .rank.gold{
	color: #9f8b55;
}
.page-winners .sub-categories.category-1 .winners-list-wrapper .winners-list .winner .text .company-name,
.page-winners .sub-categories.category-2 .winners-list-wrapper .winners-list .winner .text .company-name,
.page-winners .sub-categories.category-3 .winners-list-wrapper .winner .text .company-name,
.page-winners .sub-categories.category-4 .winners-list-wrapper .winner .text .company-name,
.page-winners .sub-categories.category-5 .winners-list-wrapper .winner .text .company-name{
	font-weight: bold;
}
.page-winners .sub-categories.category-4 .winners-list-wrapper .winners-list .winner .text .awardee-name{
	font-weight: bold;
}
.page-winners .sub-categories-title{
	font-size: 24pt;
    font-weight: 600;
    font-variant: all-petite-caps;
    line-height: 1;
	margin-bottom: 2rem;
}
.page-winners .category-1 .sub-categories-title, .page-winners .category-2 .sub-categories-title{
	color: #e3007f;
}
.page-winners .category-3 .sub-categories-title{
	color: #e3007f;
}
.page-winners .category-4 .sub-categories-title{
	color: #e3007f;
}
.page-winners .category-5 .sub-categories-title{
	color: #e3007f;
}
.navbar-custom .container{
	width: 95%;
}

@media only screen and (orientation: portrait){
	.page-home{
		height: auto;
	}
	.transition-1, .transition-2, .transition-3{
		display: none;
	}
}
@media only screen and (max-width: 992px){

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
	.navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	.navbar .lang {
	    margin: 16px 0 0 130px !important;
	}
	.navbar-custom .navbar-header {
	    min-height: 60px;
	}
	.navbar-custom .navbar-header {
	    padding: 15px;
	    margin-left: -15px;
	    margin-right: -15px;
	}
	.page-best-hr-awards-2023 .navbar {
	    border-bottom: 0;
	}
	.navbar-custom.affix-top {
	    height: auto;
	}
	.navbar-custom .container {
	    padding-bottom: 0;
	    position: absolute;
	    width: 100%;
	    bottom: 0;
	    top: 0;
	}
	.navbar .iScrollLoneScrollbar {
		display: block;
	}
	.navbar-collapse.collapse {
		overflow: hidden!important;
	}
	.navbar-custom .navbar-nav > li > a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	    text-align: left;
	}
	.navbar-custom .nav .link-event-promo, .navbar-custom .nav .follow-us {
		text-align: left;
	}
	.navbar-custom .nav .other-links {
	    position: relative;
	}
	.navbar-custom .nav .v-separator {
	    display: none;
	}
	.navbar-fixed-top .navbar-collapse.in {
	    min-height: 480px;
	}

	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	    margin-left: 0px;
	}
	.page-event-page .navbar-fixed-top .navbar-collapse {
	    background: #07163f;
	}
	.navbar-fixed-top .navbar-collapse {
	    top: 81px;
	}
	.navbar-fixed-top .navbar-collapse {
	    border: 0;
	}
	.navbar-fixed-top .navbar-collapse {
		padding-left: 30px;
	    padding-right: 30px;
	}
	.navbar-fixed-top .navbar-collapse {
	    position: absolute;
	    bottom: 0;
	    top: 81px;
	    width: 100%;
	}
	.navbar .navbar-collapse {
	    margin-top: 0;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.navbar-custom .nav li a {
	    font-size: 10pt;
	}
	.navbar-custom .nav .divider {
	    display: block;
	}
	.navbar-custom .nav .link-event-promo, .navbar-custom .nav .follow-us {
	    display: block;
		top:0;
	}
	.navbar-custom .nav .other-links.with-btn {
	    right: 0 !important;
	}
	.navbar-custom .nav .other-links {
	    margin-top:0px;
	}
	.navbar-custom .nav .other-links .text,
	.navbar-custom .nav .other-links a {
		opacity: 1;
	}
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	    margin-right: -15px;
	    margin-left: -15px;
	}
	.navbar-custom .nav .follow-us .text {
	    font-size: 15px;
	}
	.navbar-custom .navbar-nav > li > a {
	    padding: 12px 10px;
	}
	.page-best-hr-awards-2023 .navbar-header .btn-register-mobile {
		display: inline-block;
		float: right;
		margin-right: 10px;
		vertical-align: middle;
		margin-top: 12px;
	}
	.page-home .main-visual, .page-ceremony .main-visual{
		width: 100%;
		margin-top: 5rem;
	}
	
	/*Best HR Awards 2023 Logo*/
	.page-home .main-visual .hra-logo .ct-logo,
	.page-ceremony .main-visual .hra-logo .ct-logo, 
	.page-best-hr-awards-2023 .hra-logo .ct-logo{
		left: calc((100% - 323px) /2);
	}
	.page-home .main-visual .hra-logo .best-hr,
	.page-ceremony .main-visual .hra-logo .best-hr, 
	.page-best-hr-awards-2023 .hra-logo .best-hr{
		left: calc((100% - 323px) /2);
	}
	.page-home .main-visual .hra-logo .awards-2023,
	.page-ceremony .main-visual .hra-logo .awards-2023, 
	.page-best-hr-awards-2023 .hra-logo .awards-2023{
		left: calc(((100% - 323px) /2) + 128px - 5px);
	}

	.page-home .main-visual .infinity{
		width: 100%;
		margin-top: 150px;
	}
	.page-ceremony .main-visual .infinity{
		width: 100%;
		margin-top: 0;
	}
	/*.page-home .category li{
		padding: 8px;
	}
	.page-home .category ul a{
		font-size: 16px;
	}*/
	.page-timeline .main-timeline {
	}
	.page-timeline .main-timeline .event:nth-child(even){
		left: 0;
	}
	.page-timeline .main-timeline .event .event-bar {
		right: auto;
		float: left;
    }

    .page-timeline .main-timeline .event:nth-child(odd) .event-content {
    }
	.page-timeline .main-timeline .event-content {
	}
	.page-timeline .main-timeline .event-wrapper .content-wrapper {
		height: 100%;
	}
	.page-best-hr-awards-2023 .navbar-custom .nav li {
		text-align: left;
	}
	.navbar-custom .nav li a.btn-register {
		margin: 8px 10px;
	}
	.page-best-hr-awards-2023 .navbar-custom .nav li a.btn-register-mobile {
		display: inline-block;
	}
	.page-voting .navbar .lang {
	    margin: 12px 0 0 120px !important;
	}
	.page-voting-step2 .desc {
		max-width: 550px;
	}
	:lang(chi).page-voting-step2 .desc {
		max-width: 100%;
	}

	/*Ceremony*/
	.page-ceremony .section-guest-speakers .swiper .text{
		padding: 50px 30% 50px 50px;
	}
	.page-ceremony .section-guest-speakers .speaker-img{
		left: 68%;
	}
	.page-ceremony .section-sponsors .group .title{
		width: 100%;
		text-align: left;
	}
	.page-ceremony .section-sponsors .group .logos{
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 900px) {
	.page-voting .nav-tabs-dropdown.btn-primary .text {
		white-space: nowrap;
		text-overflow: ellipsis;
		display: inline-block;
		padding-right: 2px;
		position: relative;
		top: 3px;
	}
	.ios.page-voting .nav-tabs-dropdown.btn-primary .text {
		top: 0;
	}
	.page-voting .nav-tabs-dropdown.btn-primary {
		padding: 4px 12px;
		top: 16px;
		max-width: 360px;
	}
	.page-voting .nav-tabs-dropdown.btn-primary .text {
		font-size: 14px;
		width: 82%;
	}

}
@media screen and (max-width: 767px) {
	.navbar .lang {
		margin: 16px 0 0 130px;
	}
	#modal-award-print-ad .modal-dialog {
		max-width: none;
		width: auto;
		margin: 15% 10px;
		height: auto;
	}

	.page-home .category li{
		display: block;
	}
	.page-home .category ul a{
		font-size: 20px;
	}
	/*.page-best-hr-awards-2023 .body-container .bg-top .bg-content{
		height: 0vh;
	}
	.page-best-hr-awards-2023 .body-container .bg-top .bg-content .left{
		width: 100%;
		background-position: left bottom;
	}
	.page-best-hr-awards-2023 .body-container .bg-top .bg-content .right{
		width: 80%;
		font-size: 18vw;
	}*/
	.ios.page-home .main-visual .infinity video{
		display: none;
	}
	.ios.page-home .main-visual .infinity .visual-image{
		display: block;
	}
	.page-best-hr-awards-2023 .navbar-header .btn-register-mobile {
		display: inline-block;
		float: right;
		margin-right: 10px;
		vertical-align: middle;
		margin-top: 12px;
	}
	.page-eform .modal-company-details #pills-award-info iframe {
		position: relative;
		width: 100%;
	}
	.page-register .modal.modal-company-details .modal-content {
		min-height: 400px;
		min-height: 85vh;
		height: 90vh;
	}
	.ios.page-register .modal.modal-company-details .modal-content {
		min-height: 80vh;
		height: 80vh;
	}
	.page-event-page .navbar-fixed-top .navbar-collapse {
		background: #07163f;
	}
	.navbar-custom .nav .link-event-promo, .navbar-custom .nav .follow-us {
		text-align: left;
	}
	.page-home .logo {
		min-height: 420px;
	}
	.ie.page-home .logo {
		height: 420px;
	}

	.page-home .tooltip {
		margin-left: 4px;
	}



	.navbar-custom.affix-top {
		height: auto;
	}
	.navbar-fixed-top .navbar-collapse {
		border: 0;
	}
	.navbar-custom .navbar-header {
		min-height: 60px;
	}
	.navbar-fixed-top .navbar-collapse {
		top: 81px;
	}
	.mobile.navbar-custom .navbar-header {
		border-top: 0;
	}
	.page-best-hr-awards-2023 .navbar {
		border-bottom: 0;
	}
	.page-enquiries .form-group.name > div{
		margin-bottom: 15px;
	}
	.page-enquiries .form-group.name > div:last-child{
		margin-bottom: 0;
	}
	.page-enquiries .form-group label{
		height: auto;
	}
	.page-enquiries .form-group label span{
		display: inline-block;
	}

	.page-eform .form-section-content .btn-preview-page-content {
		margin-left: 7.2%;
	}
	.page-eform .modal.modal-company-details .tab-content {
		padding-bottom: 20px;
	}

	.page-register.page-register-step1 .form-group label {
		height: 24px;
	}
	.page-register .info-btns .btn {
		margin-bottom: 12px;
	}
	.page-register .form-upload .bootstrap-filestyle  .form-control[disabled],
	.page-register .form-upload .bootstrap-filestyle  .form-control[readonly] {
		margin: 6px 4px 24px 0px;
		height: 36px;
	}
	.page-register .form-upload-file-wrapper {
		width: 90%;
	}
	.page-register .extra-info-form .form-group {
		margin-bottom: 20px;
	}
	.page-register .extra-info-form .form-control {
		width: 93%;
		margin-left: 7%;
	}
	.page-register .extra-info-form  .form-award-info-video .form-control {
		margin-left: 4%;
	}
	.word-count {
		width: 93%;
		margin: 5px 0 5px 7%;
	}
	.page-register .extra-info-form .form-award-info-video .form-sub-group {
		margin-left: 7.2%;
	}
	.page-register .extra-info-form .form-upload .form-control {
		display: block;
		width: 100%;
	}
	.page-voting-step2 .section-form{
		width: 90%;
		margin: 0 auto;
	}
	.page-voting-step2 .btn-submit-vote{
		width: 100%;
		bottom: 0;
		right: 0;
		border-radius: 0;
		margin: 0 auto;
		padding: 0.5em;
	}
	.page-voting-step2 .btn-submit-vote .icon{
		font-size: 24pt;
	}
	.page-voting-step2 .btn-submit-vote .text{
		font-size: 15pt;
	}
	.page-voting-step2 .btn-submit-vote .num-of-vote{
		font-size: 10pt;
		padding: 0.5rem 1rem;
		border-radius: 1rem;
	}
	.page-voting.page-voting-step2 .df-container  .content-wrapper {
		position: absolute;
		left: 10%;
		right: 10%;
		overflow: hidden;
		width: 80%;
		height: 100%;
		display: inline-block;
	}

	.page-voting.page-voting-step2 .df-container {
		height: 70%!important;
	}

	.page-voting-confirm .prize-list .company-name .logo{
		display: block;
		width: 100%;
	}
	.page-voting-confirm .prize-list .company-name .text{
		display: block;
		width: 100%;
		margin-top: 1rem;
	}

	.page-timeline .main-timeline .event{
		display: block;
		width: 100%;
		margin-bottom: 30px;
	}
	.page-timeline .main-timeline .event:after{
		width: 1px;
		height: 30px;
		top: -30px;
		left: 45%;
	}
	.page-timeline .main-timeline .event .date{
		width: 30%;
		vertical-align: middle;
	}
	.page-timeline .main-timeline .event .icon{
		width: 100px;
		height: 100px;
		display: inline-table;
		vertical-align: middle;
	}
	.page-timeline .main-timeline .event.d1 .icon .icon-wrapper,
	.page-timeline .main-timeline .event.d2 .icon .icon-wrapper,
	.page-timeline .main-timeline .event.d3 .icon .icon-wrapper,
	.page-timeline .main-timeline .event.d4 .icon .icon-wrapper{
		background-size: 360px 90px;
	}
	.page-timeline .main-timeline .event .event-content{
		width: 40%;
		vertical-align: middle;
	}

	/*Ceremony*/
	.page-ceremony .section-guest-speakers .swiper-slide{
		width: 95%;
	}
	.page-ceremony .section-guest-speakers .swiper{
		height: auto;
	}
	.page-ceremony .section-guest-speakers .swiper .text{
		padding: 30px;
	}
	.page-ceremony .section-guest-speakers .swiper .text .topic{
		font-size: 16pt;
	}
	.page-ceremony .section-guest-speakers .swiper .text .name{
		font-size: 24pt;
	}
	.page-ceremony .section-guest-speakers .swiper .text .title{
		font-size: 10pt;
		margin-bottom: 1rem;
	}
	.page-ceremony .section-guest-speakers .speaker-img{
		width: 100%;
		height: 40vh;
		position: relative;
		left: unset;
		top: unset;
		opacity: 1;
	}
	.page-ceremony .section-guest-speakers .speaker-img img{
		height: 100%;
		object-fit: contain;
	}
	.page-ceremony .section-sponsors .group{
		margin-bottom: 2rem;
	}
	.page-ceremony .section-sponsors .group .title{
		width: 100%;
		text-align: center;
		display: block;
		margin-bottom: 1rem;
	}
	.page-ceremony .section-sponsors .group .logos{
		width: 100%;
		display: block;
	}
}

@media screen and (max-width: 700px) {
	.page-enquiries .enquiry{
		padding-bottom: 25px;
	}
}
@media screen and (max-width: 650px) {
	.page-eform .modal-company-details .btn-vote-company {
		padding: 11px 26px;
	}
	.page-eform .modal-company-details .company-resources .company-resources-thumbnails .preview-attachment-guideline.no-value .thumbnail {
		padding: 15% 20px 15% 20px;
	}
	.page-register .form-upload .input-group {
		display: block;
		text-align: left;
	}
	.page-register .form-upload .input-group .form-control {
		display: block;
		width: 100%;
	}
	.page-register .form-upload .input-group .input-group-btn > .btn {
		display: inline-block;
		margin-top: 4px;
		width: auto;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.page-register .qs-content {
		padding: 0px 0px 12px;
	}
	.page-register .extra-info-form {
		padding-right: 0;
	}
	.page-voting .navbar-custom .btn-go-to-home {
		padding: 4px 10px;
		top: 0;
		font-size: 10pt;
	}
	.page-voting .nav-tabs-dropdown.btn-primary {
		max-width: 240px;
	}
	.page-voting .nav-tabs-dropdown.btn-primary .text {
		font-size: 12px;
		width: 82%;
	}
	.page-voting-step2 .desc {
		max-width: 300px;
	}
}

@media (max-width: 600px) {
	/*.page-best-hr-awards-2023 .body-container .bg-top .bg-content{
		height: 0vh;
	}*/
	.page-voting-confirm .form-section .section-wrapper{
		padding: 0;
	}
	.page-voting-confirm .prize-list .prize{
		display: block;
	}
	.page-voting-confirm .prize-list .prize .icon{
		width: 100%;
    	display: block;
		border-radius: 2rem 2rem 0 0;
	}
	.page-voting-confirm .prize-list .prize .icon img{
		width: 40px;
		display: block;
    	margin: 0px auto;
	}
	.page-voting-confirm .prize-list .prize-name{
		font-size: 12pt;
	}
	.page-voting-confirm .prize-list .prize .details{
		width: 100%;
    	display: block;
		padding: 0;
	}
	.page-voting-confirm .prize-list .company-name .logo img{
		height: 50px;
	}
	.page-voting-confirm .prize-list .company-name .text{
		font-size: 12pt;
	}

	/*Winners*/
	/*.page-winners .winners-list-wrapper .winners-list .winner .trophy-icon{
		display: none;
	}*/
	.page-winners .winners-list-wrapper .winners-list .winner .company-logo{
		width: 100%;
		display: block;
	}
	.page-winners .winners-list-wrapper .winners-list .winner .text{
		margin-top: 1rem;
		width: 100%;
		display: block;
		font-size: 10pt;
		text-align: center;
	}
	.page-winners .winners-list-wrapper .winners-list .winner .text .rank{
		margin: 0 auto;
    	margin-bottom: 1rem;
	}
	.page-winners .winners-list-wrapper .title{
		text-align: center;
		padding: 15px;
		font-size: 12pt;
	}
	.page-winners .winners-list-wrapper .title .collapsible-btn{
		float: unset;
		margin: 0 auto;
		margin-top: 1rem;
	}


	/*Ceremony*/
	.page-ceremony .ceremony{
		margin-top: 40px;
	}
	.page-home .main-visual .hra-logo, .page-best-hr-awards-2023 .hra-logo{
		display: block;
		width: 90%;
		margin: 0 auto 50px auto;
	}
	.page-ceremony .ceremony .ceremony-sub-title{
		font-size: 10pt;
	}
	.page-ceremony .ceremony .ceremony-title{
		font-size: 14pt;
	}
	.page-ceremony .ceremony .ceremony-details .date-time{
		display: block;
		padding-right: 0;
		text-align: center;
	}
	.page-ceremony .ceremony .ceremony-details .venue{
		display: block;
		border: 0;
	}
	.page-ceremony .ceremony .ceremony-details .venue a{
		text-align: center;
	}
	.page-ceremony .section-title .text{
		margin-left: 0;
		text-align: center;
		font-size: 40pt;
	}
	/*.page-ceremony .section-event-desc p{
		font-size: 10pt;
	}*/
	/*.page-ceremony .section-event-desc .highlight{
		font-size: 14pt;
		line-height: 1.5;
	}*/
	.page-ceremony .section-agenda .time-session .sub-title{
		display: block;
		text-align: center;
		width: 100%;
	}
	.page-ceremony .section-agenda .time-session .table{
		padding-left: 0;
		width: 100%;
		display: block;
		font-size: 10pt;
	}
	.page-ceremony .section-agenda .time-session .table li{
		padding: 2rem;
	}
	.page-ceremony .section-agenda .time-session .table li:first-child{
		border-top: 0;
	}

	.page-ceremony .section-guest-speakers .swiper .text{
		padding: 20px;
	}
	.page-ceremony .section-guest-speakers .swiper .text .topic{
		font-size: 10pt;
	}
	.page-ceremony .section-guest-speakers .swiper .text .name{
		font-size: 16pt;
		text-align: left;
	}
	.page-ceremony .section-guest-speakers .swiper .text .title{
		font-size: 8pt;
		text-align: left;
	}
	.page-ceremony .section-sponsors .group .logos > li{
		width: 120px;
	}
	.page-ceremony .section-sponsors .group{
		display: block;
		width: 100%;
	}
}
@media screen and (max-width: 620px) {
	.page-eform .modal-company-details .company-resources .company-resources-thumbnails .preview-attachment.no-value,
	.page-eform .modal-company-details .company-resources .company-resources-thumbnails .preview-attachment-guideline.no-value {
		margin-bottom: 0;
		height: auto;
		padding-bottom: 0;
	}
	.page-eform .modal-company-details .company-resources .company-resources-thumbnails .preview-attachment.no-value .thumbnail	{
		position: relative;
		padding-top: 8px;
	}
	.page-eform .modal-company-details .company-resources .company-resources-thumbnails .preview-attachment-guideline.no-value .thumbnail {
		position: relative;
		padding: 15% 20px;
	}
	.page-home .main-visual .hra-logo, .page-best-hr-awards-2023 .hra-logo{
		display: block;
		width: 90%;
		margin: 0 auto 50px auto;
	}

@media screen and (max-width: 550px) {
	
	/*Best HR Awards 2023 Logo*/
	.page-home .main-visual .hra-logo .ct-logo,
	.page-ceremony .main-visual .hra-logo .ct-logo, 
	.page-best-hr-awards-2023 .hra-logo .ct-logo{
		width: 80px;
		position: absolute;
		left: calc((100% - 224px) /2);
		top: 86px;
	}
	.page-home .main-visual .hra-logo .best-hr,
	.page-ceremony .main-visual .hra-logo .best-hr, 
	.page-best-hr-awards-2023 .hra-logo .best-hr{
		width: 90px;
		top: calc(86px + 30px);
		left: calc((100% - 224px) /2);
	}
	.page-home .main-visual .hra-logo .awards-2023,
	.page-ceremony .main-visual .hra-logo .awards-2023, 
	.page-best-hr-awards-2023 .hra-logo .awards-2023{
		width: 140px;
		top: calc(86px + 26px);
		left: calc(((100% - 224px) /2) + 92px - 5px);
	}

	.page-home .main-visual, .page-ceremony .main-visual{
		margin-top: 0rem;
	}
	.page-home .main-visual .hra-logo, .page-best-hr-awards-2023 .hra-logo{
		display: block;
		width: 90%;
		margin: 0 auto 50px auto;
	}
	.page-home .main-visual .infinity{
		margin-top: 180px;
	}
	.page-home .slogan{
		font-size: 14pt;
	}
	.page-home .slogan .highlight{
		font-size: 20pt;
	}
	.page-home .submission{
		width: 80%;
	}
	
	.page-best-hr-awards-2023 .best-hr-awards-2023-title{
		width: 230px;
	}
	.page-best-hr-awards-2023 .body-container .bg-content{
		position: absolute;
		background-size: 150%;
	}
	
	.page-award-categories .sub-category{
		width: 100%;
		margin-bottom: 40px;
	}
	.page-award-categories .sub-category .light{
		height: 50px;
	}
	.page-award-categories .sub-categories-title {
		font-size: 25px;
	}
	.page-award-categories .sub-category .title {
		font-size: 18px;
	}



	.page-timeline .main-timeline .event-content .date {
		font-size: 18px;
	}
	.page-timeline .main-timeline .event .event-content .event-desc {
		width: 100%!important;
	}
	.page-timeline .main-timeline .event-content {
		width: 110%;
	}
	.page-timeline .main-timeline .event-content .event-title {
		font-size: 12pt;
	}
	.page-timeline .main-timeline .event-content .event-desc {
		font-size: 12px;
	}

	.modal-cere-speakers-details .cere-speakers-details .eng-name {
		font-size: 30px;
	}

	.modal-judge-details .judge-details .eng-name {
		font-size: 30px;
	}

	.page-eform .modal.modal-company-details .nav-pills > li > a {
		font-size: 16px;
	}
	.page-eform .modal-company-details .company-name {
		font-size: 24px;
	}
	.page-eform .modal-company-details .company-desc {
		font-size: 13px;
	}
	.page-eform .modal-company-details .body-top {
		text-align: center;
	}
	.page-eform .modal-company-details .body-top .logo-wrapper {
		display: inline-block;
		margin: 12px auto;
		float: none;
		width: 80%;
		max-width: none;
		padding: 8px;
	}
	.page-eform .modal.modal-company-details .tab-content {
		height: 90%;
	}
	.ios.page-eform .modal.modal-company-details-guideline .tab-content {
		height: 90%;
	}
	.page-eform .modal.modal-company-details-guideline #pills-award-info-guideline {
		position: relative;
		height: 90%;
	}
	.ios.page-eform .modal.modal-company-details-guideline #pills-award-info-guideline {
		height: 80%;
	}
	.page-eform .modal-company-details .btn-vote-company .text-wrapper .text {
		font-size: 16px;
		padding-left: 6px;
		line-height: 1.3;
	}
	.page-eform .modal-company-details .btn-vote-company {
		font-size: 14px;
		padding: 9px 18px;
	}
	.page-eform .modal-company-details .btn-vote-company:before {
		border: 4px solid #fff;
	}
	.page-eform .modal-company-details .btn-vote-company:after {
		top: 3px;
		left: 3px;
		right: 3px;
		bottom: 3px;
	}
	.page-eform .modal-company-details .btn-company-profile-more {
		padding: 10px 26px;
	}
	.page-eform .modal-company-details .btn-wrapper {
		float: none;
		width: 100%;
		text-align: center;
		display: inline-block;
	}

	.page-register .form-complex-qs .qs-title .text {
		width: 80%;
	}
	.page-register .extra-info-form {
		margin-left: 0;
	}
	.page-register .extra-info-form  .form-sub-group .qs-text {
		width: 80%;
	}
	.page-eform footer .title {
		display: block;
		float: left;
	}
	.page-eform footer .enquiries {
		display: block;
		float: left;
	}
	.page-eform footer .enquiries .enquiry {
		text-align: left;
	}
	.page-eform footer .enquiries .enquiry.tel {
		display: block;
	}
	.page-eform .modal-company-details .btn-company-profile-more {
		font-size: 14px;
	}
	.page-register.page-register-thank-you .msg-text {
		width: 88%;
	}
	.page-voting header .logo {
		max-width: 300px;
	}
	.page-voting .action-btns {
		padding-top: 0;
		padding-bottom: 22px;
	}
	.page-voting .action-btns .btn {
		padding: 12px 24px;
		margin: 6px;
	}
	.page-voting .nav-tabs-dropdown.btn-primary {
		padding: 4px 12px;
		top: 16px;
		max-width: 150px;
	}
	.page-voting-step2 .modal.modal-company-details .modal-content {
		padding-left: 8px;
		padding-right: 8px;
	}
	.page-voting-step2 .modal-company-details .media-desc .title {
		font-size: 18px;
	}
	.page-voting-step2 .modal-company-details .media-desc {
		font-size: 13px;
	}

	.page-voting-confirm .action-btns .btn {
		font-size: 14px;
	}
	.page-voting-confirm .msg-text {
		font-size: 14px;
	}
	.page-voting-confirm .form-section .form-content .add-info {
		max-width: 200px;
	}
	:lang(chi) .page-voting-confirm .form-section .form-content .add-info {
		max-width: 160px;
	}
	.page-voting-confirm .action-btns .btn {
		font-size: 16px;
	}

	.page-voting-thank-you .form-group li{
		font-size: 14px;
		padding-bottom: 8px;
	}
	.page-voting-thank-you .form-group li{
		padding-bottom: 8px;
	}
	.page-voting-thank-you .action-btns  .btn {
		font-size: 16px;
	}
}

@media screen and (max-width: 500px) {
	:lang(en) .page-eform .modal.modal-company-details .nav-pills > li  {
		clear: both;
	}
	:lang(en) .page-eform .modal.modal-company-details .modal-body {
		padding-left: 8px;
		padding-right: 8px;
	}
	:lang(en) .page-eform .modal.modal-company-details .close {
		position: absolute;
		right: 8px;
	}
	.page-voting.page-voting-step2 .df-container .content-wrapper {
		position: absolute;
		left: 15%;
		right: 15%;
		overflow: hidden;
		width: 70%;
		height: 100%;
		display: inline-block;
	}
}

@media screen and (max-width: 480px) {
	.page-timeline .main-timeline .event{
		margin-bottom: 20px;
	}
	.page-timeline .main-timeline .event:after{
		height: 20px;
		top: -20px;
		left: 40%;
	}
	.page-timeline .main-timeline .event .date{
		display: inline-block;
		width: 25%;
		margin: 0;
		padding: 15px 0;
	}
	.page-timeline .main-timeline .event .icon{
		width: 65px;
		height: 65px;
		border-spacing: 3px;
	}
	.page-timeline .main-timeline .event.d1 .icon .icon-wrapper{
		background-size: 230px 58px;
	}
	.page-timeline .main-timeline .event.d2 .icon .icon-wrapper{
		background-size: 230px 58px;
	}
	.page-timeline .main-timeline .event.d3 .icon .icon-wrapper{
		background-size: 230px 58px;
	}
	.page-timeline .main-timeline .event.d4 .icon .icon-wrapper{
		background-size: 230px 58px;
	}
	.page-timeline .main-timeline .event .event-content{
		display: inline-block;
		width: 45%;
		text-align: center;
		padding: 10px 0;
	}

	.page-eform .modal-title {
		font-size: 16px;
	}
	.page-eform h4.modal-title {
		font-size: 16px;
	}
	.page-eform .modal-body {
		font-size: 14px;
	}
	.page-eform .modal-footer {
		text-align: center;
	}
	.page-eform .form-section-content .btn-preview-page-content {
		margin-left: 9%;
	}
	.page-eform .modal-company-details .no-value.award-info .pdf-wrapper {
		max-width: 200px;
		margin: 0 auto;
	}
	.page-register .form-complex-qs .qs-title .text {
		width: 80%;
	}
	.page-register .extra-info-form .form-control {
		margin-left: 10%;
		width: 90%;
	}
	.page-register .extra-info-form .form-award-info-video .form-sub-group {
		margin-left: 9%;
	}
	.page-register .extra-info-form label .num {
		width: 6%;
	}
	.page-register .form-collapse label {
		width: 100%;
	}
	.page-register .form-collapse .info-form-text .padding-left {
		width: 6%;
	}
	.page-register .form-collapse .info-form-text .content-text {
		width: 80%;
	}
	.page-register .form-upload .file-upload .file-upload-text {
		max-width: 180px;
	}
	.page-register.page-register-thank-you .action-btns .btn {
		padding: 8px 30px;
	}
	.page-register.page-register-thank-you .action-btns .btn {
		padding: 8px 30px;
	}

	.page-voting .nav-tabs-dropdown.btn-primary {
		max-width: 60px;
	}
	.page-voting .nav-tabs-dropdown.btn-primary .fa {
		padding-left: 0;
	}

	.page-voting.page-voting-step2 .df-ui-controls .df-ui-btn {
		width: 30px;
		font-size: 15px;
	}

	.page-voting-thank-you .form-section .btn {
		display: block;
		margin-bottom: 6px;
	}

	.page-voting.page-voting-step2 .df-container {
		height: auto!important;
	}

	.page-judges .judge{
		width: 80%;
	}
}
@media screen and (max-width: 420px) {
	.page-eform .form-title {
		font-size: 24px;
	}
}
@media screen and (max-width: 400px) {
	
	.page-home .desc{
		font-size: 9pt;
	}
	.page-home .main-visual .infinity{
		margin-top: 190px;
	}

	.page-judges .judge {
		width: auto;
	}

	.page-eform .modal-company-details .body-top .logo-wrapper img.img-vertical {
		width: auto;
		height: 160px;
	}
	.page-eform .modal.modal-company-details .close {
		position: absolute;
		right: 8px;
	}
	.page-eform .modal.modal-company-details .modal-content {
		padding: 10px;
	}
	.page-eform .modal.modal-company-details .modal-body {
		padding-left: 8px;
		padding-right: 8px;
	}
	.page-eform footer .title {
		display: inline-block;
		float: none;
		width: 206px;
		text-align: left;
		padding-bottom: 6px;
	}
	.page-eform footer .enquiries {
		display: inline-block;
		float: none;
	}
	.page-register .extra-info-form {
		margin: 0;
		padding: 10px;
	}
	.page-register .form-complex-qs .qs-title .text {
		width: 78%;
	}
	.page-register .form-check label {
		width: 88%;
	}
	.page-register .extra-info-form .form-sub-group .text {
		width: 94%;
	}
	.page-eform .modal.modal-company-details .tab-content {
		padding-bottom: 60px;
	}
}
@media screen and (max-width: 380px) {
	.page-eform .modal.modal-company-details .nav-pills > li  {
		clear: both;
	}
	.navbar .navbar-brand {
		max-width: 120px;
	}
	.navbar .lang {
		margin: 16px 0 0 130px;
	}
}
@media screen and (max-width: 360px) {
	.page-browse-by-year .browse-by-year-list .per-year {
		min-width: 100%;
	}
	.page-enquiries .enquiry {
		min-width: 100%;
	}
	.page-enquiries .enquiry .text {
		font-size: 18px;
	}
	/*Winners*/
	.page-winners .winners-list-wrapper .winners-list .winner .company-logo{
		height: 60px;
	}
	.page-winners .winners-list-wrapper .winners-list .winner .company-logo img{
		max-height: 60px;
		max-width: 150px;
	}

	/*Ceremony*/
	.page-ceremony .section-sponsors .group .logos > li{
		width: 95px;
	}
}
@media screen and (min-width: 768px) {
	#modal-award-print-ad .modal-dialog {
		max-width: 750px;
	}

	.page-home .logo {
		min-height: 600px;
	}
	.ie.page-home .logo {
		height: 600px;
	}
	.page-home .logo img {
		max-width: 376px;
	}
	.page-enquiries .enquiries {
	}
	.modal-cere-speakers-details .modal-dialog {
		height: 90%;
	}
	.modal-cere-speakers-details .modal-content {
		height: 100%;
	}
	.modal-cere-speakers-details .modal-body {
		height: 90%;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.modal-judge-details .modal-dialog {
		height: 90%;
	}
	.modal-judge-details .modal-content {
		height: auto;
	}
	.modal-judge-details .modal-body {
		height: 90%;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.page-judges .judge:nth-child(odd) {
		clear: both;
	}

	.navbar-custom .nav .other-links.with-btn {
		right: 64px;
	}

	html[lang="chi"] .navbar-custom .nav .other-links.with-btn {
		right: 64px;
	}

	.page-eform .modal.modal-company-details.in .modal-body {
		padding: 20px;
	}
	.page-eform .modal-company-details .no-value.logo-wrapper .logo {
		padding: 14px;
	}

	.page-register .modal-app-notes .modal-content {
		 min-height: 400px;
	}
	.page-register .qs-content {
		padding: 0px 38px 12px 38px;
	}
	.page-register .form-group .form-element {
		padding-left: 38px;
	}
	.page-register .extra-info-form .form-control {
		width: 446px;
	}
	.word-count {
		width: 446px;
		margin:5px 0 5px 13px;
	}
	.page-register .extra-info-form .form-award-info-video .form-sub-group {
		margin-left: 36px;
	}
	.page-register .extra-info-form .form-upload .form-control {
		display: block;
		margin-bottom: 6px;
		width: 100%;
	}
	.page-register .extra-info-form .form-group {
		margin-bottom: 20px;
	}
	.page-register .extra-info-form .form-award-info-video .form-upload-video-pic-1 .line-break {
		display: block;
	}
	.navbar .navbar-brand {
		max-width: 140px;
	}
	.navbar .lang {
		margin: 16px 0 0 115px;
	}

	.page-voting .navbar .lang {
		margin-top: 12px;
	}

	.page-voting .action-btns  {
		padding-bottom: 0;
	}

	.page-voting .nav-dropdown-tabs.navbar-collapse {
		bottom: auto;
		width: 400px;
		padding: 0;
		overflow: hidden!important;
		max-height: 480px;
	}
	.page-voting .nav-dropdown-tabs.navbar-collapse.in {
		min-height: 480px;
	}
	.page-voting-step2 .nav-dropdown-tabs.navbar-collapse.in {
		min-height: 0;
	}

	.page-voting .nav-dropdown-tabs .iScrollLoneScrollbar {
		display: block;
		top: 2px !important;
		bottom: 2px !important;
		right: 2px !important;
	}
	.page-voting .nav-tabs-dropdown .btn-primary {
		background-color: #9b80b7;
		border-color: #9b80b7;
	}
	.page-voting .nav-dropdown-tabs .navbar-nav {
		float: none;
		margin: 0;
	}
	.page-voting .nav-dropdown-tabs .navbar-nav  li {
		float: none;
	}
}
@media screen and (min-width: 768px) and (orientation: portrait){
	/*Best HR Awards 2023 Logo*/
	/*.page-home .main-visual .hra-logo .ct-logo, .page-ceremony .main-visual .hra-logo .ct-logo{
		top: 86px;
	}
	.page-home .main-visual .hra-logo .best-hr, .page-ceremony .main-visual .hra-logo .best-hr{
		top: 24rem;
	}
	.page-home .main-visual .hra-logo .awards-2023, .page-ceremony .main-visual .hra-logo .awards-2023{
		top: 23rem;
	}*/
	/*.page-best-hr-awards-2023 .body-container .bg-top .bg-content{
		height: 0vh;
	}*/
	.page-home .main-visual, .page-ceremony .main-visual{
		margin-top: 10rem;
	}
}
@media screen and (min-width: 992px) {
	#modal-award-print-ad .modal-dialog {
		max-width: 1120px;
	}
	.navbar-custom .nav li a  {
		font-size: 13px;
	}
	.navbar-custom .navbar-nav > li > a {
		padding: 12px 7px;
	}
	.navbar-custom .nav .other-links.with-btn {
		/*right: 77px;*/
		right: 68px;
	}
	.navbar .navbar-brand {
		max-width: 140px;
	}

	.navbar-custom .nav li a.btn-register{
		margin: 8px;
	}

	.page-register .extra-info-form .form-control {
		width: 90%;
		margin-left: 39px;
	}
	.word-count {
		width: 90%;
		margin-left: 39px;
	}
	.page-register .extra-info-form .form-award-info-video .form-sub-group,
	.page-register .extra-info-form .form-referees-information .form-sub-group {
		margin-left: 6.2%;
	}
	.page-register .extra-info-form .form-group {
		margin-bottom: 20px;
	}
	.form-upload-company-logo .form-control.preview {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.page-voting .form-section .form-title {
		font-size: 32px;
		line-height: 68px;
		height: 68px;
	}
	.page-voting .form-section .form-title .left .top,
	.page-voting .form-section .form-title .right .top {
		height: 68px;
	}
	.page-voting .form-section .form-content {
		font-size: 16px;
	}
	.page-voting-step2 .form-section .form-content {
		font-size: 16px;
	}
	.page-voting-step2 .modal-company-details .media-desc {
		padding-right: 0;
		padding-left: 0;
		margin-top: 24px;
	}
}

@media screen and (max-width: 767px) and (max-height: 480px) {
	.page-voting.page-voting-step2 .navbar-collapse.nav-dropdown-tabs {
		max-height: 300px;
	}
}

@media screen and (max-width: 320px) {
	.navbar .navbar-brand {
		max-width: 95px !important;
	}
	.navbar .navbar-brand .brand-logo {
		margin: 3px 0 0 0 !important;
	}
	.navbar .lang {
		margin: 12px 0 0 106px !important;
	}
	
}
@media screen and (min-width: 992px) and (max-width: 1440px) and (max-height: 700px){
	/*Best HR Awards 2023 Logo*/
	/*.page-home .main-visual .hra-logo .ct-logo, .page-ceremony .main-visual .hra-logo .ct-logo{
		width: 93px;
		top: 86px;
		left: 0;
	}
	.page-home .main-visual .hra-logo .best-hr, .page-ceremony .main-visual .hra-logo .best-hr{
		width: 128px;
		top: calc(86px + 38px);
		left: 0;
	}
	.page-home .main-visual .hra-logo .awards-2023, .page-ceremony .main-visual .hra-logo .awards-2023{
		width: 200px;
		top: calc(86px + 30px);
		left: calc(128px - 5px);
	}*/
	.page-home{
		height: auto;
	}
	.page-home .main-visual, .page-ceremony .main-visual{
		margin-top: 0rem;
	}

}
@media screen and (min-width: 992px) and (max-width: 1544px) {
	.page-timeline .main-timeline .event:after{
		left: -44px;
		width: 85px;
	}
}
@media screen and (max-width: 1544px) {
	.navbar .navbar-brand {
		max-width: 120px;
		top: 8px;
	}
}
@media screen and (min-width: 1545px) {
	/*Best HR Awards 2023 Logo*/
	/*.page-home .main-visual .hra-logo .ct-logo, .page-ceremony .main-visual .hra-logo .ct-logo{
		top: 86px;
	}
	.page-home .main-visual .hra-logo .best-hr, .page-ceremony .main-visual .hra-logo .best-hr{
		top: 21rem;
	}
	.page-home .main-visual .hra-logo .awards-2023, .page-ceremony .main-visual .hra-logo .awards-2023{
		top: 19.5rem;
	}*/
	.navbar .navbar-brand {
		max-width: 120px;
		top: 8px;
	}
}
@media screen and (max-height: 900px){
	.page-home{
		height: auto;
	}
}
@media screen and (max-height: 760px){
	.page-home .main-visual .infinity{
		margin-top: 170px;
	}
}
@media screen and (max-height: 400px) {
	
	.page-register .modal.modal-company-details-guideline .tab-pane {
		height: 80%;
		position: relative;
	}

	.ios.df-body-fullscreen .df-book-stage {
		top: 0!important;
	}

	.page-voting.page-voting-step2 #pills-award-info .mCSB_container {
		min-height: 140%!important;
	}
}

/*  IE6,7,9,10  */
/*@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
	.transition-1, .transition-2, .transition-3{
		display: none;
	}
	.page-home .main-visual .hra-logo .best-hr{
		top: -12rem;
	}
}*/
/*  Chrome & Safari (any version)  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
}
@-moz-document url-prefix() {

}