*, *::after, *::before
{
	box-sizing: border-box;
}

body {
    color: #202020;
    font-family: 'Century Gothic';
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100%; /*cover;*/
    /*background-position: 0 100%;*/
    /* background-image: url(../images/20189JG_black-gradient.png), url('http://exhibitions.jewellerynetasia.com/Portals/37/Skins/9jg/images/bg.jpg'); */
	background-image: url(../images/black-gradient.png), url(../images/9JG_bg.jpg), url(../images/9JG_bg.jpg) ;
	background-position: top center;
	background-repeat: repeat-x, no-repeat, repeat-y;

}

#body
{
	background-color: transparent;
}

body a
{
	text-decoration: underline;
}

h1
{
	font-family: 'Century Gothic';
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.3999996185303px;
	margin-top: 5px;
}

ol, ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
}

.primaryContainer {
    max-width: 886px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
    display: inline-block;
}

.header-banner .primaryContainer {
    max-width: none;
}

.top {
    margin: auto;
	margin-left:100px;
    float: left;
    width: 100%;
}

.fair_logo {
    float: left;
    display: inline-block;
    width: auto;
    height: auto;
    margin-bottom: 10px;
}

.fair_title, .fair_title_cn {
    display: block;
    color: #FFFFFF;
    text-shadow: 2px 2px #000000;
    line-height: normal;
    margin-top: 60px;
    margin-left: 20px;
    float: left;
    text-align: left;
}

.fair_title h2 {
    font-size: 2.2em;
    font-weight: 700;
    color: #fff;
    font-family: Century Gothic,CenturyGothic,AppleGothic,Muli,sans-serif;
    line-height: 0;
    padding: 0;
}

.fair_title_cn h2 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
    line-height: 1.3;
    padding: 0;
    word-wrap: break-word;
    letter-spacing: 2px;
}

.fair_title_cn p {
    font-size: 19.2px;
    opacity: 1;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

.fair_title h3 {
    font-size: 2em;
    font-weight: 600;
    color: #fff;
    font-family: Century Gothic,CenturyGothic,AppleGothic,Muli,sans-serif;
}

.fair_title p {
    font-size: 1.2em;
    opacity: 1;
}

.fair_titles {
    text-align: center;
    display: none;
    text-shadow: 2px 2px #000000;
}

.fair_titles h2 {
    font-size: 2em;
    font-weight: 700;
    color: #fff;
    font-family: Century Gothic,CenturyGothic,AppleGothic,Muli,sans-serif;
    line-height: 0;
    padding: 0;
}

.fair_titles h3 {
    font-size: 1.4em;
    font-weight: 600;
    color: #fff;
    font-family: Century Gothic,CenturyGothic,AppleGothic,Muli,sans-serif;
}

div.imgLogo_banner {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    background-attachment: inherit;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
    height: 240px;
    background-image: url(../images/20196JG_banner.jpg);
    background-position: center;	
	background-size: auto;
}

#imgFairLogo
{
	width: auto;
	max-width: 100%;
	height: auto;
	clear: none;
	color: rgb(0, 0, 0);
    display: none;
}

#imgFairLogo_2
{
	float: left;
	width: auto;
	max-width: 100%;
	height: auto;
	margin-left: 2.02377%;
	margin-top: 40px;
	clear: none;
	color: rgb(0, 0, 0);
}

p.email-confirm-tip {
    padding-top: 5px;
    font-size: 12px;
    text-align: center;
}

.label-id-tip p {
    font-weight: normal;
    margin-bottom: 5px;
}

.label-id-tip.label-id-tip2 p {
    padding-top: 5px;
    font-size: 12px;
}

.li-btn {
    text-align: right;
    padding-right:20px;
}

.li-page-footer {
    padding-top: 30px;
}

.li-page-footer.login-page-footer{
    padding-left: 30px;
    text-align: left;
}

.li-page-footer p {
    margin-bottom: 5px;
}

li.demoQli { display: inline-block; }

#link-preview { display: block; }

.Qseq-sub { margin-left: 15px; }

.content-review .changeLang { display: none; }

#chkRR-error { position: relative; float: none; }

.col { float: left; box-sizing: border-box; padding-right: 4px; }
.col-2 { width: 16.66%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33%; }
.col-5 { width: 41.66%; }
.col-6 { width: 50%; }
.col-8 { width: 66.66%; }

@media only screen and (max-width:1200px) {
    div.imgLogo_banner {
        background-size: auto 100%;
    }
}

@media only screen and (min-width:900px)
{
    li.demoQli {
        /*width: 600px;*/
    }
}

@media only screen and (max-width: 624px)
{
	#imgFairLogo
	{
		clear: none;
		height: auto;
		width: auto;
	}

	#imgFairLogo_2
	{
		height: auto;
		width: auto;
		max-width: 50%;
		margin-top: 40px;
		margin-left: 4%;
		clear: none;
	}
}

@media only screen and (max-width: 508px)
{

	#imgFairLogo
	{
		clear: none;
		height: auto;
		width: auto;
	}

	#imgFairLogo_2
	{
		margin-top: 50px;
		margin-left: 2.46063%;
		clear: none;
	}

	fieldset ul.Dform li div.DformGroup
	{
		width: 100%;
	}
}

div.imgLogo_date
{
	text-align: center;
	display: inline-block;
}

div.imgLogo_date img
{
	width: 100%;
}

.header-banner
{
	float: left;
	width: 100%;
	display: inline-block;
	text-align: center;
    height: auto;
    overflow: hidden;
}

fieldset.whole_form {
    background-color: white; /*#fefad7;*/
    border-radius: 5px;
    padding: 30px;
}

div.middleContent
{
	/* max-width: 950px; */
	max-width: 850px;
	margin: 5px auto;
}

div.socialMiddleContent
{
	max-width: 950px;
	margin: 0 auto;
}

#loginForm label, #loginWithSocial label
{
	text-align: left;
}

#loginForm input, #loginWithSocial input
{
	width: auto;
}

#loginForm legend, #loginWithSocial legend
{
	font-size: 15px;
	color: #6c6c6c;
}

#loginForm #cphBtnLogin_btn_DLogin
{
	margin-top: 10px;
}

#loginWithSocial #cphBtnSLogin_btn_SLogin
{
	margin-top: 10px;
}


fieldset ul li
{
	list-style-type: none;
	margin: 0 0 8px 0;
	padding: 0;
	vertical-align: top;
}

fieldset ul.Dform li
{
	min-height: 45px;
	margin-bottom: 15px;
}

fieldset ul
{
	margin: 0;
	padding: 0;
}

li
{
	display: list-item;
	text-align: -webkit-match-parent;
}

form fieldset ul li label.labelQ {
	display: inline-block;
	text-align: right;
	margin: 6px 0px 0 0;
}

form fieldset ul li label.twoClabelQ {
	margin: 0px 0px 0 0;
}

form fieldset ul li input[type="text"], form fieldset ul li input[type="tel"] {
	padding: 4px 6px;
    width: 100%;
    box-sizing: border-box;
}

form fieldset ul li span.mandat {
	font-weight: 900;
	height: 30px;
}

form fieldset ul li .form-control {
	width: 70%;
	display: inline;
}

fieldset ul li.col-xs-1, fieldset ul li.col-sm-1, fieldset ul li.col-md-1, fieldset ul li.col-lg-1, fieldset ul li.col-xs-2, fieldset ul li.col-sm-2, fieldset ul li.col-md-2, fieldset ul li.col-lg-2, fieldset ul li.col-xs-3, fieldset ul li.col-sm-3, fieldset ul li.col-md-3, fieldset ul li.col-lg-3, fieldset ul li.col-xs-4, fieldset ul li.col-sm-4, fieldset ul li.col-md-4, fieldset ul li.col-lg-4, fieldset ul li.col-xs-5, fieldset ul li.col-sm-5, fieldset ul li.col-md-5, fieldset ul li.col-lg-5, fieldset ul li.col-xs-6, fieldset ul li.col-sm-6, fieldset ul li.col-md-6, fieldset ul li.col-lg-6, fieldset ul li.col-xs-7, fieldset ul li.col-sm-7, fieldset ul li.col-md-7, fieldset ul li.col-lg-7, fieldset ul li.col-xs-8, fieldset ul li.col-sm-8, fieldset ul li.col-md-8, fieldset ul li.col-lg-8, fieldset ul li.col-xs-9, fieldset ul li.col-sm-9, fieldset ul li.col-md-9, fieldset ul li.col-lg-9, fieldset ul li.col-xs-10, fieldset ul li.col-sm-10, fieldset ul li.col-md-10, fieldset ul li.col-lg-10, fieldset ul li.col-xs-11, fieldset ul li.col-sm-11, fieldset ul li.col-md-11, fieldset ul li.col-lg-11, fieldset ul li.col-xs-12, fieldset ul li.col-sm-12, fieldset ul li.col-md-12, fieldset ul li.col-lg-12
{
	padding-right: 5px;
	padding-left: 5px;
}

form fieldset div.FormDiv
{
	padding: 5px 20px 10px;
}


.modal, .modalCover {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('../Images/ajax-loader.gif') 50% 50% no-repeat;
}

.modal.show, .modalCover.show {
    display: block !important;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
div.loading
{
	overflow: hidden;
}

	/* Anytime the body has the loading class, our
   modal element will be visible */
	div.loading .modal
	{
		display: block;
	}

.fieldForm label
{
	font-size: 14px;
	font-weight: normal;
}

.fieldForm .questionDiv
{
	margin-bottom: 35px;
}

label.help-inline
{
	float: right;
	color: red;
}

span.field-validation-error {
    color: red;
    font-weight: normal;
    /*font-style: italic;*/
    font-size: 12px;
}

.form-login span.field-validation-error {
    text-align: left;
    padding-left: 33%;
    padding-bottom: 10px;
    padding-top: 3px;
}

.form-registration span.field-validation-error {
    text-align: left;
    padding-left: 5px;
}

div#goRegSection
{
	margin-bottom: 20px;
}

div.resultDIV
{
	margin-bottom: 10px;
}

div.changeLang
{
	margin-top: 15px;
	margin-bottom: 15px;
}

.disable
{
	display: none;
}

form fieldset ul li label.disable
{
	display: none;
}

fieldset ul.Dform li.disableHeight
{
	height: 0px;
	min-height: 0px;
}

fieldset ul.Dform li input.fullWidth
{
	width: auto;
}

fieldset ul.Dform li div.DformGroup
{
	width: 60%;
	float: left;
}

	fieldset ul.Dform li div.DformGroup input
	{
		margin-right: 1%;
	}

		fieldset ul.Dform li div.DformGroup input.col2
		{
			width: 15%;
			float: left;
		}

		fieldset ul.Dform li div.DformGroup input.col5
		{
			width: 40%;
			float: left;
		}

		fieldset ul.Dform li div.DformGroup input.col3
		{
			width: 25%;
			float: left;
		}

div.captchaDiv
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.title {
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 15px;
}

.title h1 {
	font-size: 28px;
}

label.error {
	color: red;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	float: right;
	z-index: 10;
	position: absolute;
	width: 240px;
}

.ul-demo-form label.error {
    position: relative;
    float: none;
    text-align: left;
    width: 100%;
    white-space: normal;
    font-style: normal;
}

.ul-demo-form .info-uploadimage label.error { float: none; text-align: center; }

.form-login label.error {
    width: 100%;
    display: block;
    float: none;
    position: relative;
    font-style: normal;
    padding-left: 33.33%;
}

div.scrollPR {
	height: 230px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px #CCCCCC solid;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}

input.btn-info, input.btn-primary
{
	background-image: linear-gradient(to bottom, #FF4C70 0%, #C80033 100%);
	border-color: #FF0033;
}

input.btn-info:hover, input.btn-info:focus, input.btn-primary:hover, input.btn-primary:focus
{
	background-color: #C80033;
	background-position: 0 -15px;
	border-color: #C80033;
}

div.orLine
{
	width: 25px;
	background-image: url('../Images/orBar_W.png');
	background-repeat: no-repeat;
	height: 250px;
	float: left;
}

label.orLabel
{
	position: absolute;
	top: 116px;
	left: 6px;
	color: #D2D2D2;
	font-size: 12px;
}

div.questionDiv ul li
{
	width: 50%;
	float: left;
	min-height: 28px;
}

div.questionDiv ul li input[type="checkbox"], div.questionDiv ul li input[type="radio"]
{
	width: 20px;
    cursor: pointer;
}

.section-question div.questionDiv ul li label {
    cursor: pointer;
}

div.questionDiv ul li label
{
	width: auto;
	max-width: 90%;
	display: inline-table;
}

div.newFormOr
{
	background: none;
	float: left;
	width: 100%;
	height: auto;
}

label.newFormLabel
{
	width: 250px;
	height: 29px;
	background-image: url('../Images/orBar_H.png');
	background-repeat: no-repeat;
	text-align: center;
	color: #D2D2D2;
	font-size: 12px;
	position: initial;
	padding-top: 5px;
}

div.progress
{
	height: 30px;
}

div.progress-bar
{
	font-size: 15px;
	line-height: 27px;
}

div#cphInvatation_divQuestions label
{
	font-weight: normal;
}

div ul li.autoHeight
{
	height: auto;
}

#dynamicQuestion ul li
{
	margin: 0px;
}

h4.title_left
{
	text-align: left;
}

h5.DGh5
{
	color: blue;
	/*font-style: italic;*/
}

label.labelitalic
{
	font-style: italic;
}

div.prTitle
{
	font-size: 16px;
	font-weight: bold;
}

div.prTopic
{
	font-size: 14px;
	font-weight: bold;
}

div.scrollPR p
{
	font-size: 12px;
}

#LangBtnPanel .btn-language {
    background-color: #7e7e7e; /*#1B9AF7;*/
    border-color: #d3d3d3; /*#1B9AF7;*/
    color: #FFF;
}

#LangBtnPanel .btn-language:visited {
    color: #FFF;
}

#LangBtnPanel .btn-language:hover,
#LangBtnPanel .btn-language:focus {
    background-color: #bdbdbd; /*#4cb0f9;*/
    border-color: #d3d3d3; /*#4cb0f9;*/
    color: #FFF;
}

#LangBtnPanel .btn-language:active,
#LangBtnPanel .btn-language.active,
#LangBtnPanel .btn-language.is-active {
    background-color: #3f3f3f; /*#2798eb;*/
    border-color: #d3d3d3; /*#2798eb;*/
    color: #FFF; /*#0880d7;*/
}

input[type=text]:read-only, input[type=email]:read-only, input[type=tel]:read-only,
input[type=number]:read-only {
    background-color: #EBEBE4;
    border: 1px solid #D3D3D3;
}

.modal-id-instrunction img { width: 100%; }
.modal-id-instrunction .modal-body { padding: 0; }
.modal-id-instrunction.modal { background-color: rgba(0,0,0,0.4); }

.info-uploadimage { text-align: center; }
.info-uploadimage .filename-link { margin-right: 10px; display:none; }
.info-uploadimage span, .info-uploadimage input[type=file] {
    display: inline-block;
}

.result-container { margin-bottom: 20px; }

.result-container table.table-content {
    max-width: 720px;
    background-color: #fff;
    border: 3px solid #bebcbc;
}

.result-container table.table-content .img-linebreak { max-width: 550px; }

.result-container table.table-content > tr > td, .result-container table.table-content > tbody > tr > td {
    padding: 2px 35px;
}

.result-container table.table-content > tr > td.td-img-banner, .result-container table.table-content > tbody > tr > td.td-img-banner {
    padding: 0;
}

.result-container table.table-content .img-banner {
    width: 100%;
}

.login-desc {
    text-align: left;
    margin-left: 15px;
}

#img-preview {
    display: block;
    margin: 10px auto;
    max-width: 210px;
    box-sizing: border-box;
    padding: 5px;
    border: 2px dashed #C0C0C0;
}

ol.ol-credential li {
    padding: 10px 0;
}

ol.ol-credential label.error {
    position: relative;
    display: inline-block;
    float: none;
    width: 100%;
    box-sizing: border-box;
    white-space: normal;
    text-align: left;
    font-style: normal;
}

fieldset ul.ul-idtips { margin:0; margin-left: 15px; list-style-type: none; }
fieldset ul.ul-idtips li { float: none; list-style-type: none; margin:0; padding: 0; padding-left: 15px; box-sizing: border-box; width: 100%; }

@media print {
    .result-container table.table-content .img-linebreak {
        max-width: 550px;
    }
    .result-container table.table-content, .result-container table.table-content .img-linebreak {
        -webkit-print-color-adjust: exact;
    }
}

@media only screen and (max-width: 991px) {
	body
	{
		font-size: 17px;
        overflow-x: hidden;
	}

    .fair_title, .fair_title_cn {
        margin-top: 50px;
        margin-left: 0;
		text-align:left;
    }

    .fair_logo img {
        width: 80%;
		margin-top:20px;

    }

    .fair_title h2, .fair_title_cn h2 {
        font-size: 2.2em;
        margin-top: 20px;
        line-height: normal;
		margin-bottom: 0px;
    }

    .fair_title h3, .fair_title_cn h3 {
		margin:0px;
        font-size: 1.5em;
        display: inline-block;
    }

    .fair_title p, .fair_title_cn p {
        font-size: 15px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
    }

	div.container
	{
		padding-left: 0px;
		padding-right: 0px;
	}

	div.questionDiv ul li
	{
		width: 100%;
	}

	div.questionDiv
	{
		float: left;
	}

	div.orLine
	{
		background: none;
		float: left;
		width: 100%;
		height: auto;
	}

	label.orLabel
	{
		width: 250px;
		height: 29px;
		background-image: url('../Images/orBar_H.png');
		background-repeat: no-repeat;
		text-align: center;
		color: #D2D2D2;
		font-size: 15px;
		position: initial;
		padding-top: 5px;
	}

	form fieldset ul li input[type="text"]
	{
		padding-left: 6px;
		padding-right: 6px;
		width: 100%;
		height: 30px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	form fieldset ul li .form-control
	{
		width: 100%;
		display: inline;
	}

	fieldset ul.Dform li div.DformGroup
	{
		width: 100%;
	}

	#loginForm legend, #loginWithSocial legend
	{
		font-size: 18px;
	}

	.fieldForm label
	{
		font-size: 17px;
	}

	span.field-validation-error
	{
		font-size: 12px;
	}

	#DForm1 label.error
	{
		font-size: 15px;
        position: relative;
        float: none;
        text-align: left;
        width: 100%;
        font-style: normal;
        padding-bottom: 5px;
	}

	label.newFormLabel
	{
		height: 35px;
		font-size: 15px;
	}

	div.questionDiv ul li input[type="checkbox"], div.questionDiv ul li input[type="radio"]
	{
		transform: scale(1.1, 1.1);
	}


	li.demoQli
	{
		width: 100%;
	}

	div ul li.autoHeight
	{
		height: 100px;
	}

	input.btn
	{
		width: 100%;
	}

    #loginForm span.field-validation-error {
        padding-left: 0;
    }

    p.email-confirm-tip {
        text-align: left;
    }

    .label-id-tip p b {
        font-size: 17px;
    }

    .label-id-tip p {
        font-size: 12px;
    }

    .col { padding-right: 0; float: none; }
    .col-2, .col-3, .col-4, .col-5, .col-6, .col-8 { width: 100%; margin-bottom: 4px; }

    ol.ol-credential label.error { text-align: center !important; padding-left: 0; }

    fieldset ul.ul-idtips li { padding-left: 0; }
}

@media only screen and (max-width: 720px) {
    .result-container table.table-content { width: 100% !important; }
    .result-container table.table-content > tr > td, .result-container table.table-content > tbody > tr > td {
        padding: 2px 35px;
    }
    .result-container table.table-content .img-linebreak {
        width: 100%;
    }
}


div.autoJumpClass input, div.autoJumpClass label
{
	margin-bottom: 2px;
}

select#dllJobTitle
{
	margin-bottom: 10px;
}

label.lblQuestion
{
	font-weight: bold;
	font-size: 15px;
}

.resultcontent h5 p { margin-bottom:27px; }


@media screen and (max-width:754px) {
    .fair_logo {
		width:auto;
		margin-top:20px;
    }
	
	.fair_logo img{
		width:150px!important;
		height:150px!important;
	}

    .fair_title, .fair_title_cn {
        text-align: left;
		margin-top:70px!important;
        width: auto;
    }
	
    .top {
		margin-left:0px;
        padding-top: 0;
		display:flex;
    }
	
    .fair_title h2, .fair_title_cn h2 { font-size: 2.2em; margin: 0; }
    .fair_title h3, .fair_title_cn h3 { margin: 0; }
	
	img,table,tbody,tr,td{
		max-width:100vw!important;
	}
	
	p,table{
		padding:10px;
	}
}
@media screen and (max-width: 620px) {
	.divider{
		display:none;
	}
}
@media screen and (max-width:479px) {

    .fair_title, .fair_title_cn {
		width:auto;
		text-align:left;
		margin-top:20px!important;
    }

    .fair_logo {
		width:auto;
		max-width:200px;
		margin-top:30px;
		min-width:150px;
    }

    .top {
        padding-top: 0;
		display:flex;
    }

    .fair_title h2, .fair_title_cn h2 { font-size: 2.2em; }
    .fair_title h3, .fair_title_cn h3 { font-size: 1.5em; }
}

@media screen and (max-width:420px){
	
    .top {
        padding-top: 0;
		display:flex;
    }
	
    .fair_title, .fair_title_cn {
		width:auto;
		text-align:left;
	}

    .fair_logo {
		width:auto;
		max-width:200px;
		margin-top:20px;
		min-width:130px;
	}

    .fair_title h2, .fair_title_cn h2 { font-size: 2em; }
    .fair_title h3, .fair_title_cn h3 { font-size: 1.3em; }
}