@charset "utf-8";
/* CSS Document */

/* hide scrollbars */
#main-navigation::-webkit-scrollbar {
	width: 0;
	height: 0;
}


.container {
	position: relative;
	width: 100%;
	padding: 0;
}

.row {
	padding: 0;
	width: 100%;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

@media (min-width: 992px) and (max-width:1199px) {
	.container {
		max-width: 970px;
	}

	#top-banner {
		max-width: 100%;
	}
}

@media (min-width: 768px) and (max-width:991px) {
	.container {
		max-width: 750px;
	}

	#top-banner {
		max-width: 100%;
	}
}

@media (min-width:1200px) {
	.top-line,
	#main-navigation-wrapper.navbar-default {
		font-size: 14px;
	}
}

@media (max-width:1199px) and (min-width:992px) {
	.top-line,
	#main-navigation-wrapper.navbar-default {
		font-size: 13px;
	}
}

@media (max-width:991px) {
	#top-banner .row {
		margin: 0;
	}
}

@media (max-width:768px) {
	.keep-in {
		padding-top: 20px;
	}
}

.top-line *,
#main-navigation-wrapper.navbar-default * {
	font-size: inherit !important;
}

#main-navigation-wrapper.navbar-default i.fa {
	font-size: 18px !important;
}

#main-navigation-wrapper .logo img {
	max-width: 218px;
	margin-top: 2%;
}

#main-navigation-wrapper .navbar-nav ul li.tag {
	border-bottom: 0 none;
	padding: 16px 16px 0 16px;
	color: #AAA;
}

	#main-navigation-wrapper .navbar-nav ul li.tag:not(:first-child) {
		border-top: 1px solid #222;
		margin-top: 1px;
	}

	#main-navigation-wrapper .navbar-nav ul li.tag:first-child {
		padding-top: 12px;
	}

@media (min-width:992px) {
	.navbar-nav {
		width: calc(100% - 280px);
		/*display: -webkit-flex;*/
		align-content: space-between;
		/*display: inline-flex;*/
	}

		.navbar-nav > li.mobile-menu {
			display: none;
		}

		.navbar-nav > li:not(.mobile-menu) {
			display: inline-block;
			margin: 0 auto;
		}

	#main-navigation-wrapper .navbar-nav > li > .dropdown-submenu {
		margin-top: 14px;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	#main-navigation-wrapper .navbar-nav > li > .dropdown-submenu {
		margin-left: 5px
	}
}

@media (min-width:1200px) {
	#main-navigation-wrapper .navbar-nav > li > .dropdown-submenu {
		margin-left: 14px
	}
}

#important-notice td:nth-child(2) a {
	color: #999;
}

	#important-notice td:nth-child(2) a:hover {
		color: #666;
		text-decoration: none;
	}

#top-banner {
	/*padding: 0;*/
	padding-right:0px;

	/*margin: 0 auto 80px auto;*/
	margin: 0 auto 0 auto;
	/* position:  relative; */
}

	#top-banner .row {
		white-space: nowrap;
		overflow: visible;
		margin: 0 auto;
	}

		#top-banner .row * {
			white-space: normal;
		}

	#top-banner div[class*="col"] {
		padding: 0;
		box-sizing: border-box;
	}

	#top-banner section {
		width: 100%;
		height: 500px;
	}

@media (max-width:991px) {
	#top-banner section {
		height: auto;
	}

	#top-banner {
		margin-bottom: 40px;
	}
}

/* EDIT : SLIDER MENU */
.cd-slider-nav {
    overflow-x: scroll;

    /*-ms-overflow-style: none;
    scrollbar-width: none;*/ /* Firefox */
}

    .cd-slider-nav::-webkit-scrollbar {
        height: 6px;
        background-color: rgba(47, 56, 61, 0.8);
        padding: 0px 5px;
        /*display: none;*/
    }

    .cd-slider-nav::-webkit-scrollbar-thumb {
        background-color: #cacaca6b;
        border-radius: 6px;
        border-radius: 10px;
    }




.cd-slider-nav li {
    min-width:160px;
}

.cd-slider-nav li.selected {
    border-top: 6px solid #c33b32 !important;
}



.cd-hero-slider li img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width:991px) and (min-width:769px) {
	.cd-hero-slider li img {
		margin-top: calc(250px - 32.5vw)
	}
}

.seminar-banner {
	height: inherit;
	/*background: rgba(255,255,255,.6);*/
    background : #FFFFFF;
	padding: 30px 25px;
	text-align: left;
	font-size: 14px;
}

	.seminar-banner h2 {
		font-size: 16px;
		font-weight: 300;
		padding: 0;
		color: #CCC;
	}

	.seminar-banner dl {
		text-align: right;
		border-bottom: 1px solid #EEE;
		padding: 1em 0 0 0;
		margin: 0 0 .7em 0;
	}

		.seminar-banner dl > * {
			text-align: left;
		}

		.seminar-banner dl:after {
			display: inline-block;
			margin: .5em 0 -.1em auto;
			color: #0068bd;
			border-bottom: 3px solid;
			width: fit-content;
			padding: 0 0 .2em 0;
			font-weight: 400;
		}

	.seminar-banner dt {
		font-weight: normal;
		padding: 0 0 .1em 0;
		font-size: 1.2em;
		line-height: 135%;
		-webkit-font-smoothing: antialiased;
	}

	.seminar-banner dd {
		padding: .25em 0 0 0;
	}

		.seminar-banner dd.venue,
		.seminar-banner dd.fee {
			display: none;
		}

		.seminar-banner dd.time > s:before {
			content: " ";
			padding: 0 .3em;
		}

	.seminar-banner dl:hover {
		opacity: .6;
		cursor: pointer;
	}

html .seminar-banner dd:before {
	display: inline-block;
	width: 60px;
	opacity: .5;
}

html[lang="tc"] .seminar-banner dl:after {
	content: "立即報名";
}

html[lang="tc"] .seminar-banner dd.date:before {
	content: "日期:"
}

html[lang="tc"] .seminar-banner dd.time:before {
	content: "時間:"
}

html[lang="tc"] .seminar-banner dd.venue:before {
	content: "地點:"
}

html[lang="tc"] .seminar-banner dd.fee:before {
	content: "費用:"
}

html[lang="sc"] .seminar-banner dl:after {
	content: "立即报名";
}

html[lang="sc"] .seminar-banner dd.date:before {
	content: "日期:"
}

html[lang="sc"] .seminar-banner dd.time:before {
	content: "时间:"
}

html[lang="sc"] .seminar-banner dd.venue:before {
	content: "地点:"
}

html[lang="sc"] .seminar-banner dd.fee:before {
	content: "费用:"
}

html[lang="en"] .seminar-banner dl:after {
	content: "Register Now";
}

html[lang="en"] .seminar-banner dd.date:before {
	content: "Date:"
}

html[lang="en"] .seminar-banner dd.time:before {
	content: "Time:"
}

html[lang="en"] .seminar-banner dd.venue:before {
	content: "Venue:"
}

html[lang="en"] .seminar-banner dd.fee:before {
	content: "Fee:"
}

.boxmenu {
	background: rgba(0,0,0, 0.8);
	width: 120px;
}

	.boxmenu a {
		position: relative;
		display: block;
		z-index: 2;
		line-height: calc(500px/8);
		height: calc(500px/8);
		background-color: inherit;
		font-size: 13px;
		color: #DDD;
		padding: 0 13px 0 36px;
		white-space: normal;
	}

		.boxmenu a:hover {
			background: rgba(255,255,255,.1);
		}

		.boxmenu a:not(:last-child) {
			border-bottom: 1px solid #5A5A5A;
		}

		.boxmenu a > i.fa {
			font-style: normal;
			font-size: 13px;
			font-family: inherit;
			line-height: 16px;
			display: inline-block;
			vertical-align: middle;
		}

		.boxmenu a > i:before {
			font-size: 15px;
			font-family: FontAwesome;
			width: 20px;
			display: inline-block;
			vertical-align: middle;
			float: none;
			position: absolute;
			left: 13px;
			margin: 0;
			padding: 0;
		}

#request-call-form:before,
#request-call-form:after {
	content: none;
}

#request-call-form small {
	display: inline-block;
	width: 100%;
	line-height: 135%;
	padding: 1em 0;
}

	#request-call-form small,
	#request-call-form small > a {
		font-size: 12px;
		color: #FFF;
		visibility: hidden;
		padding: 0;
	}

		#request-call-form small > a {
			font-weight: bold;
			border-bottom: 1px solid #FFF;
		}

.top-header div[class*="col-"] {
	white-space: nowrap;
}

	.top-header div[class*="col-"] > * {
		vertical-align: middle;
	}

#MenuBar-lang > li > a {
	font-weight: bold;
	padding-right: 15px;
}

#market-glance h6 {
	color: #df2e1b;
}

	#market-glance h6 > small {
		font-size: .8em;
		float: right;
		padding-top: .4em;
	}

.Our-services .date,
#card-RMM h4 {
	vertical-align: middle;
}

.boxSTI h5 > a {
	display: inline-block;
	width: 30%;
	text-align: left;
	font-weight: normal;
	color: #999;
}

	.boxSTI h5 > a.on {
		font-weight: bold;
		color: #df2e1b;
	}

.box.market-news iframe:not(.selected) {
	display: none;
}

.box h3 > a {
	font-size: 13px;
	display: inline-block;
	font-weight: normal;
	color: #999;
	margin: 0 10px 0 0;
}

	.box h3 > a:last-child {
		margin: 0;
	}

	.box h3 > a:hover {
		color: #df2e1b;
	}

	.box h3 > a.on {
		font-weight: bold;
		color: #df2e1b;
	}

.form-grp.mandatory-field > label:first-child:after {
	content: "*";
	color: red;
	padding-left: .25em;
}

.form-grp > label:first-child {
	display: block;
	padding-right: 1em;
	padding-bottom: .5em;
}

.form-grp {
	margin-bottom: 20px;
}

.checklist input[type="text"] {
	margin-bottom: 0 !important;
	margin-left: 10px;
}

input[type="radio"], input[type="checkbox"] {
	margin-right: 10px;
}

.checklist.selectOne .invalid + .error-msg {
	top: 0;
	right: 0;
}

.checklist.selectOne > label {
	display: inline-flex;
	display: -webkit-inline-flex;
	align-items: center;
	-webkit-align-items: center;
	font-weight: normal;
	position: relative;
}

	.checklist.selectOne > label:nth-child(1) {
		width: 29%;
	}

	.checklist.selectOne > label:nth-child(2) {
		width: 70%;
	}

.checklist.selectOne.contact-us > label {
	width: 100%;
	height: 45px;
}

	.checklist.selectOne.contact-us > label > input[type="text"] {
		height: 100%;
	}

.checklist.way-to-know {
	margin: 0;
	padding: 0;
}

	.checklist.way-to-know > label {
		display: inline-flex;
		display: -webkit-inline-flex;
		align-items: center;
		-webkit-align-items: center;
		width: 49.5%;
		font-weight: normal;
		height: 35px;
		min-width: fit-content;
		max-width: 100%;
	}

html[lang="en"] .checklist {
	font-size: .95rem;
}

	html[lang="en"] .checklist > label {
		white-space: nowrap;
	}

.checklist.way-to-know > label > input[type="text"] {
	margin-left: .5em;
	margin-bottom: 0 !important;
	height: 100%;
}

.form-survey > h3 {
	padding: 20px 15px !important;
}

*[class*="client-only"] {
	display: none;
}

*[data-client="no_rID"] *.non-client-only,
*[data-client="got_rID"] *.client-only {
	display: block !important;
}

.agreement-check {
	padding-top: 20px;
}

	.agreement-check > .form-grp {
		margin-bottom: 0;
	}

	.agreement-check label {
		font-weight: normal;
		padding-left: 20px;
	}

		.agreement-check label > input[type="checkbox"] {
			margin-left: -20px;
			position: absolute;
		}

@media (max-width:640px) {
	.checklist.selectOne > label:nth-child(1) {
		width: 100%;
	}

	.checklist.selectOne > label:nth-child(2) {
		width: 100%;
	}

	.checklist.way-to-know > label {
		display: block;
		width: 100%;
		height: auto;
		padding: 5px 0;
	}

		.checklist.way-to-know > label > input[type="text"] {
			width: calc(100% - 22px) !important;
			margin: 2px 0 0 22px;
			float: none;
			display: block;
		}
}

.contact-box.seminar-info h4 {
	font-weight: bold;
	font-size: 22px;
	line-height: 130%;
}

.prompt-content {
	position: fixed;
	background: #FFF;
	padding: 40px 3%;
	z-index: 999;
	box-shadow: 0 0 0 100vmax rgba(0,0,0,.5);
	border-radius: 5px;
	display: block;
	margin: auto;
}

	.prompt-content:not([data-auto-width]) {
		left: 0;
		right: 0;
		width: 80vw;
		max-width: 1140px;
		min-width: 350px;
	}

	.prompt-content:not([data-auto-height]) {
		top: 0;
		bottom: 0;
		height: auto;
		max-height: 80vh;
	}

	.prompt-content:not(.show) {
		display: none;
	}

.btn-prompt-close.fa.fa-close {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 2em;
	line-height: 40px;
	cursor: pointer;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	z-index: 999;
}

.prompt-content[data-caller="#enews-tnc"] iframe {
	width: 100%;
	height: 100%;
	margin: auto;
}

.prompt-content[data-auto-width] {
	max-width: 800px;
	left: 0;
	top: 0;
}

.contact_us-second,
.Products-page,
.Research-page,
.register {
	padding-top: 50px;
}

.header h2 {
	margin: 0 0 40px 0;
}

.header h3 {
	font-size: 30px;
	opacity: .25;
	font-weight: 100;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: normal;
}

.header h2:before {
	top: 1.1em;
}

@media (max-width:480px) {
    .contact_us-second,
    .Products-page,
    .Research-page,
    .register {
        padding-top: 20px !important;
    }

        .contact_us-second.contactUs {
            padding-top:0px;
        }

        .contact_us-second.contactUs header {
            margin-bottom: 0px;
        }

        .contact_us-second form div[class*="col-"] {
             padding-top: 0px !important; 
        }

            .contact_us-second form div[class*="col-"] .form-grp input {
                height: 35px;
                box-shadow: none;
                border: 1px solid #333;
                border-radius: 0.35rem;
            }

            .contact_us-second form div[class*="col-"] .form-grp > button {
                margin-bottom: 10px;
            }

        .contact-box h3 {
            margin-top: 20px;
            font-size: 14px !important;
        }
    .header h2 {
        font-size: 26px !important;
    }

    /*.our-futured-services .header h2:before {
        left: 15px !important;
    }*/
}

@media (max-width:800px) {
	.prompt-content[data-auto-width] {
		max-width: 90%;
	}
}

.navbar-toggle {
	margin: 0;
}

#market-glance {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 80px;
}

	#market-glance > div {
		-webkit-order: 1;
		order: 1;
		max-width: 100%;
	}

#card-promo > div {
	vertical-align: bottom;
	max-width: 500px;
	margin: 0 auto;
}

.our-futured-services h4 > span {
	white-space: nowrap;
	display: inline-block;
}

@media (min-width: 992px) {
	#card-promo {
		margin: 0;
	}

		#card-promo > div {
			display: inline-block;
			float: none;
			margin: 0 -5px;
		}
}

#request-call-form {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

	#request-call-form > input {
		-webkit-order: 1;
		order: 1;
		width: calc(50% - 80px);
		padding: 5px 1em;
		margin: 0 auto 0 0;
	}

	#request-call-form > a {
		-webkit-order: 2;
		order: 2;
		width: 140px;
		margin: 0 0 0 auto;
		padding: 0;
	}

	#request-call-form > small {
		-webkit-order: 3;
		order: 3;
		width: 100%;
	}

.error-msg:not(.show) {
	display: none;
}

#request-call-form > .error-msg.show {
	font-size: .8em;
	color: #FFCC00;
	width: 100%;
	text-align: right;
	padding-right: 170px;
}

	#request-call-form > .error-msg.show + input {
		box-shadow: 0 0 0 1px #FFCC00;
	}

input.invalid, select.invalid {
	border: 1px solid #F00;
}

.invalid + .error-msg {
	position: absolute;
	margin-top: -1.4em;
	color: #F00;
	font-size: .8rem;
	right: 1.2em;
	display: block;
}

@media (max-width:640px) {
	.invalid + .error-msg {
		right: 0;
	}
}

.checkbox-grp {
	padding: 0 0 .5em 0;
	margin: 0;
}

	.checkbox-grp p {
		line-height: 130%;
		padding: 9px 0;
	}

		.checkbox-grp p:last-child {
			padding-bottom: 0;
		}

		.checkbox-grp p > input[type="checkbox"],
		.checkbox-grp p > input[type="radio"] {
			vertical-align: -10%;
			margin: 0 5px 0 0;
		}

div.control-attendant > a {
	cursor: pointer;
	font-size: 18px;
	padding: 0;
	height: 56px;
	line-height: 56px;
	display: block;
	margin: 0 auto 20px auto;
	text-decoration: none;
}

	div.control-attendant > a:hover {
		color: #c33b32;
		opacity: .8
	}

	div.control-attendant > a > b {
		font-family: 'Open Sans', Arial, Verdana;
		padding-left: .5em;
		font-weight: normal;
	}

div.control-attendant.add > a {
	text-align: center;
	background: #c33b32;
	color: #FFF;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
}

div.control-attendant.remove > a {
	text-align: right;
}

	div.control-attendant.remove > a > b {
		font-size: .8em;
	}

.contact_us-second h3 {
	padding: 25px 0;
}

*[data-popup]:before {
	opacity: 0;
	z-index: -1;
	content: attr(data-popup);
	display: block;
	font-size: .7em;
	line-height: 130%;
	position: absolute;
	right: -10px;
	bottom: 60px;
	padding: .65em 1em;
	background: rgba(0,0,0,.75);
	color: #DDD;
	max-width: calc(100% - 75px);
	width: fit-content;
}

*[data-popup].showHint:before {
	opacity: 1;
	z-index: 1;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.additional_form {
	clear: both;
	padding: 0 15px;
	margin: 0 -15px;
}

.form-attendant {
	margin: 3em 0;
}

	.form-attendant:not(.added) > div:not(.control-attendant) {
		display: none;
	}

	.form-attendant:not(.added) > div.remove {
		display: none;
	}

	.form-attendant.added > div.control-attendant:not(.remove) {
		display: none;
	}

	.form-attendant.added h3 {
		padding: 0;
		margin: 1em 0;
		opacity: .25;
		font-weight: bold;
	}

	.form-attendant:not(.added) + .form-attendant {
		display: none;
	}

#my-orders-table {
	margin: 0 auto;
	background: #FFF;
	border-radius: 5px;
	border: 1px solid #EEE;
	border-collapse: separate;
}

	#my-orders-table td {
		padding: 15px;
		border-top: 1px solid #F9F9F9;
		background: #FDFDFD;
	}

		#my-orders-table td a:not([class*="btn"]) {
			color: inherit;
		}

		#my-orders-table td small {
			display: block;
			line-height: normal;
			font-size: .7rem;
			white-space: normal;
		}

	#my-orders-table th {
		font-weight: bold;
		padding: 1em;
		border-bottom: 1px solid #FCFCFC;
		color: #777;
	}

	#my-orders-table tr > *:nth-child(7) > a.btn-register {
		font-weight: bold;
	}

	#my-orders-table tr > *:nth-child(7) > a.btn-cancel {
		color: #999;
	}

		#my-orders-table tr > *:nth-child(7) > a.btn-cancel:hover {
			color: #333;
		}

	#my-orders-table tr > *:nth-child(6),
	#my-orders-table tr > *:nth-child(7) {
		text-align: center;
	}

	#my-orders-table tr > *:nth-child(1),
	#my-orders-table tr > *:nth-child(6),
	#my-orders-table tr > *:nth-child(7) {
		white-space: nowrap;
	}

		#my-orders-table tr > *:nth-child(7) s {
			display: inline-block;
			padding-right: .5em;
			margin-left: .5em;
			border-left: 1px solid #DDD;
			height: 1.4em;
			vertical-align: middle;
		}

	#my-orders-table tr > *:nth-child(2) {
		min-width: 100px;
	}

		#my-orders-table tr > *:nth-child(2) s {
			white-space: pre !important;
			display: inline;
			margin: 0 .25em;
		}

			#my-orders-table tr > *:nth-child(2) s:after {
				content: " ";
			}

	#my-orders-table tr > *:nth-child(3) {
		min-width: 180px;
	}

	#my-orders-table tr > *:nth-child(4) {
		min-width: 180px;
	}

	#my-orders-table tr > *:nth-child(5) {
		min-width: 135px;
		max-width: 230px;
		width: auto;
	}

	#my-orders-table tr > *:nth-child(4) small {
		width: 150px;
	}

	#my-orders-table tr > *:nth-child(5) small {
		width: 200px;
	}

@media (max-width:1199px) {
	#my-orders-table td small {
		display: none;
	}

	#my-orders-table tr > *:nth-child(4) {
		min-width: 135px;
	}
}

@media (min-width:640px) {
	#my-orders-table tr > *:nth-child(2) s:after {
		content: "-\A";
	}
}

#market-glance h3 {
	display: block;
	width: 100%;
}

#market-glance [class*="box"] {
	position: relative;
}

.dbp-footer {
	height: 14px;
	line-height: 14px;
	font-size: 13px;
	color: #DDD;
	position: absolute;
	bottom: 10px;
}

	.dbp-footer a,
	.dbp-footer a:link,
	.dbp-footer a:active {
		color: #BBB;
		display: inline-block;
	}

		.dbp-footer a:last-child {
			float: right;
		}

@media (max-width:991px) {
	#top-banner section { /* height: auto; */
	}

	#market-glance {
		padding-bottom: 50px;
		padding-right: 15px;
	}

		#market-glance > div#card-RMM {
			margin-bottom: 0;
		}

	#my-orders-table tr > *:nth-child(4),
	#my-orders-table tr > *:nth-child(5),
	#my-orders-table tr > *:nth-child(6) {
		display: none;
	}
}

@media (min-width:992px) {
	#top-banner .col-md-8 {
		width: calc(75% - 120px) !important;
	}

	#top-banner .col-md-1 {
		width: 120px !important;
		position: absolute;
		right: 0;
	}

	#market-glance > div {
		padding: 0 0 0 15px;
	}
}

@media (max-width:991px) {
	#market-glance {
		padding-right: 0
	}

		#market-glance > div {
			margin-bottom: 20px;
		}

			#market-glance > div#card-HK-Indices {
				-webkit-order: 2;
				order: 2;
			}

			#market-glance > div#card-Key-Indices {
				-webkit-order: 3;
				order: 3;
			}

			#market-glance > div:not(#card-RMM) {
				width: calc(50% - 7px);
				padding: 0 0 15px 15px;
				margin: 0;
			}
}

@media (max-width: 720px) {
	#top-banner { /* padding: 0 15px; */
	}

	#market-glance > div {
		width: 100% !important;
		max-width: 500px;
		margin: 20px auto 0 auto !important;
	}

	#request-call-form > input {
		font-size: 14px;
	}

		#request-call-form > input[id*=email] {
			width: calc(50% - 40px);
		}

		#request-call-form > input[id*=name] {
			width: calc(50% - 100px);
		}

	#request-call-form > a {
		width: 120px
	}
}

#main-navigation-wrapper .nav > li.select-lang {
	display: none;
}

@media (max-width: 991px) {
	#main-navigation-wrapper .nav > li:first-child {
		width: calc(100% - 160px);
		display: inline-block;
		vertical-align: top;
	}

	#main-navigation-wrapper .nav > li.select-lang {
		width: 150px;
		display: block;
		vertical-align: top;
		float: right;
	}

		#main-navigation-wrapper .nav > li.select-lang > a {
			width: 50px;
			float: left;
			border-top: 0 none;
			color: #999;
		}

	html[lang="tc"] #main-navigation-wrapper .nav > li.select-lang > a[href*="('tc')"],
	html[lang="sc"] #main-navigation-wrapper .nav > li.select-lang > a[href*="('sc')"],
	html[lang="en"] #main-navigation-wrapper .nav > li.select-lang > a[href*="('en')"] {
		color: #FFF;
		font-weight: bold;
	}

	.cd-menu i.fa-lock {
		margin-right: 10px;
	}
}

@media (max-width: 640px) {
	#request-call-form > input {
		width: 100% !important;
		margin: 0 auto 10px auto
	}

	#request-call-form > a {
		-webkit-order: 2;
		order: 2;
		width: 100%;
		margin: 0 auto 10px auto;
	}

	#request-call-form > small {
		-webkit-order: 3;
		order: 3;
		width: 100%;
		margin: 0 auto;
	}

	#request-call-form > .error-msg.show {
		padding-right: 0;
	}

	#my-orders-table tr > *:nth-child(2),
	#my-orders-table tr > *:nth-child(7) {
		white-space: nowrap;
	}

		#my-orders-table tr > *:nth-child(7) > s {
			display: none;
		}

		#my-orders-table tr > *:nth-child(7) > a {
			display: block;
			font-size: .8em;
			font-weight: bold;
			width: 100%;
			border-radius: 16px;
			height: 32px;
			line-height: 32px;
			padding: 0 1em;
			margin: .5em 0;
		}

			#my-orders-table tr > *:nth-child(7) > a:hover {
				opacity: .8;
			}

			#my-orders-table tr > *:nth-child(7) > a.btn-register {
				background: #c33b32;
				color: #FFF;
			}

			#my-orders-table tr > *:nth-child(7) > a.btn-cancel {
				background: #F0F0F0;
				color: #999;
			}

	#my-orders-table tbody td:nth-child(2),
	#my-orders-table tbody td:nth-child(2) * {
		white-space: normal !important;
	}

	#my-orders-table tbody td:nth-child(2) {
		min-width: 7em;
	}
}

@media (min-width:501px) {
	#my-orders-table tbody td {
		font-size: 15px;
	}
}

@media (max-width:640px) {
	#my-orders-table thead {
		display: none;
	}

	#my-orders-table tbody td {
		font-size: 16px;
	}

	#my-orders-table tr {
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		display: flex;
		flex-wrap: wrap;
	}

	#my-orders-table td {
		display: block;
		width: 100%;
		padding: .25em 1em 0 1em;
	}

		#my-orders-table td:not(:nth-child(3)) {
			border-top: 0 none;
		}

		#my-orders-table td:before {
			color: #777;
		}

		#my-orders-table td:nth-child(3) {
			-webkit-order: 1;
			order: 1;
			font-weight: bold;
			padding-top: 1em;
		}

		#my-orders-table td:nth-child(1) {
			-webkit-order: 2;
			order: 2;
		}

		#my-orders-table td:nth-child(2) {
			-webkit-order: 3;
			order: 3;
		}

		#my-orders-table td:nth-child(7) {
			-webkit-order: 4;
			order: 4;
			text-align: left;
			padding-bottom: 1em;
		}

	#my-orders-table tr > *:nth-child(7) > a {
		display: inline-block;
		font-size: .85rem;
		width: 120px;
		text-align: center;
	}

	body[lang="en"] #my-orders-table td:nth-child(1):before {
		content: "Date: "
	}

	body[lang="en"] #my-orders-table td:nth-child(2):before {
		content: "Time: "
	}
}

@media (max-width:480px) {
	.Our-services .date {
		padding: 10px 10px 8px 10px;
		font-size: 90%;
		line-height: 100%;
	}

	#card-RMM h4 {
		padding: 15px 0 0 0;
		display: block;
		width: 100%;
		line-height: 130%;
	}

	.Our-services .date > small {
		display: inline-block;
		padding-left: 10px;
		font-size: inherit;
	}

	.Our-services p {
		line-height: inherit;
		padding: 10px 0 10px 0;
	}
}

.marketNews {
	height: 248px;
	overflow: auto;
	position: relative;
	margin: 5px 0 10px 0;
	font-size: 13px;
	font-family: 'Open Sans', Arial;
	color: #222;
}
	/*.marketNews>a, .marketNews>a:link, .marketNews>a:active, .marketNews>a:visited, .marketNews>a:hover{text-decoration:none; color:#333;}*/
	.marketNews > ul,
	.marketNews > ul li {
		display: block;
	}

	.marketNews > ul {
		padding: 0;
		margin: 0;
		width: 100%;
		white-space: normal;
	}

		.marketNews > ul li {
			width: 100%;
			padding: .5em .8em;
		}
			/*.marketNews>ul li>a{display:block; padding:.5em .8em; line-height:140%;}*/
			.marketNews > ul li:not(:last-child) {
				border-bottom: 1px solid #F9F9F9;
			}
			/*.marketNews>ul li:hover{background:#FAFAFA;}*/
			.marketNews > ul li > span {
				display: block;
				font-size: .9em;
				padding: .3em 0;
				opacity: .7;
			}

			.marketNews > ul li > p {
				margin: 0;
				padding: 0 0 .5em 0;
				line-height: 140%;
			}

	.marketNews::-webkit-scrollbar {
		width: 5px;
	}

	.marketNews::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	.marketNews::-webkit-scrollbar-thumb {
		background: #888;
	}

		.marketNews::-webkit-scrollbar-thumb:hover {
			background: #555;
		}
/****** Override responsive ******/
.service1-section .service-right-content .service-business i.fa + i.fa {
	padding-left: .25em;
}



@media screen and (max-width: 991px) {
	.service1-section {
		padding: 60px 0;
	}

		.service1-section > .container > .row {
			display: -webkit-flex;
			-webkit-flex-flow: wrap-reverse;
			display: flex;
			flex-flow: wrap-reverse;
		}

		.service1-section aside {
			padding-right: 0;
			padding-top: 20px;
		}

			.service1-section aside .request-quote {
				margin-top: 50px;
			}

		.service1-section .col-xs-12 {
			margin-bottom: 40px;
		}
}

@media screen and (max-width:480px) {
	.container {
		padding: 0 15px;
	}

	.service1-section {
		padding: 40px 0;
	}

		.service1-section .service-right-content p,
		.service1-section .service-right-content div,
		.service1-section .service-right-content table {
			font-size: inherit;
			line-height: inherit;
		}

	*[class*="col-"], #market-glance > div:not(#card-RMM) {
		padding-left: 0;
		padding-right: 0;
	}

	/*.header h2:before {
		left: 0 !important;
	}*/

	body,
	table {
		font-size: 14px;
		line-height: 150%;
	}
}
/****** Override Bootstrap ******/
code {
	background: none;
	color: inherit;
	opacity: .7;
}

.navbar-collapse {
	border: 0 none;
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
	cursor: default;
}

.small,
small {
	font-size: .8rem;
}

aside .list-group > h4 {
	padding-bottom: 5px;
	opacity: .3;
}

aside .list-group > h4 {
	font-weight: 500;
	opacity: .8;
	font-size: .94rem;
	display: inline-block;
	max-width: 105px;
	line-height: 120%;
	vertical-align: middle;
	padding: 0;
}

	aside .list-group > h4 + .list-group-item {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

@media (max-width:992px) {
	.row {
		margin-left: 0;
		margin-right: 0;
	}
}
/****** Content Styles ******/
.main-footer h3 a {
	color: inherit;
	font: inherit;
	display: inline-block;
}

	.main-footer h3 a:not(:last-child) {
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		border-right: 1px solid #555;
	}

@media (min-width:992px) {
	.social-icons {
		max-width: calc(100% - 265px);
	}

	.get-in-touch {
		min-width: 265px;
	}
}

form[action] {
	position: relative;
}

/*html[lang="tc"] form[action]:after {
	content: "必須填寫";
}

html[lang="sc"] form[action]:after {
	content: "必须填写";
}

html[lang="en"] form[action]:after {
	content: "Mandatory fields";
}*/

form[action]:after {
	color: #333;
	font-size: 80%;
	position: absolute;
	bottom: 0;
	right: 0;
}

/*form[action]:before {
	content: "*";
	color: #F33;
	font-weight: bold;
	font-size: 80%;
	position: absolute;
	bottom: 0;
	right: 8.2em;
}*/

img[src*="/download-"] {
	width: auto;
	height: inherit;
	max-height: 46px;
}

.app-download > a,
a[href*="itunes.apple.com"],
a[href*="play.google.com"],
a[href*="download.php"],
a[href*="drive.utrade.com.hk/UTRADE_Download/UTRADE-Apps/"] {
	display: inline-block;
	height: 46px;
	width: auto;
	margin: 5px 0;
}

	.app-download > a:not(:last-child),
	a[href*="itunes.apple.com"]:not(:last-child),
	a[href*="play.google.com"]:not(:last-child),
	a[href*="download.php"]:not(:last-child),
	a[href*="drive.utrade.com.hk/UTRADE_Download/UTRADE-Apps/"]:not(:last-child) {
		margin-bottom: 10px;
		margin-right: 10px;
	}

.app-download > a, .apps-group:not(.desktop) > a::after,
a[href*="itunes.apple.com"],
a[href*="play.google.com"],
a[href*="download.php"],
a[href*="drive.utrade.com.hk/UTRADE_Download/UTRADE-Apps/"] {
	padding-right: 65px;
}

.apps-group {
	margin: 10px 0 20px 0 !important;
}

	.apps-group a {
		position: relative;
		text-align: center;
		line-height: 30px;
		width: 30px;
		height: 30px;
		padding: 0 !important;
		margin: 0 0 0 20px !important;
		display: inline-block;
		vertical-align: middle;
	}

	.apps-group:hover a > i.fa {
		color: rgba(0,0,0,.6);
	}

	.apps-group a > i.fa {
		margin: 0 auto;
		float: none;
		position: relative;
		font-size: 36px;
		line-height: inherit;
		color: rgba(0,0,0,.3);
	}

		.apps-group a > i.fa.fa-download {
			top: 1px;
		}

			.apps-group a > i.fa.fa-download:before {
				font-size: .95em;
			}

			.apps-group a > i.fa.fa-download:after {
				content: "APK";
				color: #FFF;
				position: relative;
				left: -31px;
				bottom: -2px;
				font-size: 8px;
				font-family: "Open Sans";
				font-weight: 500;
				display: inline-block;
				padding: 1px 2px;
				background: rgb(174, 176, 179);
				line-height: 0;
				width: 31px;
				text-align: left;
				border-bottom: 4px solid rgb(174, 176, 179);
				border-radius: 0 0 2px 2px;
			}

@media (min-width: 480px) {
	.app-download > a::after, .apps-group:not(.desktop) > a::after,
	a[href*="itunes.apple.com"]:after,
	a[href*="play.google.com"]:after,
	a[href*="download.php"]:after,
	a[href*="drive.utrade.com.hk/UTRADE_Download/UTRADE-Apps/"]:after {
		padding: 0;
		vertical-align: middle;
		background-color: none;
		display: inline-block;
		background-repeat: no-repeat;
		background-position: top left;
		background-size: cover;
		position: absolute;
		content: '';
		transition: all 0.2s ease-in;
	}

	.app-download > a:hover::after, .apps-group > a:hover::after,
	a[href*="itunes.apple.com"]:hover::after,
	a[href*="play.google.com"]:hover::after,
	a[href*="download.php"]:hover::after,
	a[href*="drive.utrade.com.hk/UTRADE_Download/UTRADE-Apps/"]:hover::after {
		opacity: 1;
		width: 60px;
		height: 60px;
		margin: -5px 0 0 5px;
	}

	a[href="https://itunes.apple.com/hk/app/id575851619"]:after {
		background-image: url(/home/img/UTRADE-HK-Mobile-iOS.svg);
	}

	a[href="https://play.google.com/store/apps/details?id=com.uob.android"]:after {
		background-image: url(/home/img/UTRADE-HK-Mobile-Android.svg);
	}

	a[href="http://drive.utrade.com.hk/UTRADE_Download/UTRADE-Apps/UTRADEHKMobile"]:after {
		background-image: url(/home/img/UTRADE-HK-Mobile-APK.svg);
	}

	a[href="https://itunes.apple.com/hk/app/id976001690"]:after {
		background-image: url(/home/img/UTRADE-HK-for-US-Markets-iOS.svg);
	}

	a[href="https://play.google.com/store/apps/details?id=com.aastocks.uobl"]:after {
		background-image: url(/home/img/UTRADE-HK-for-US-Markets-Android.svg);
	}

	a[href="http://drive.utrade.com.hk/UTRADE_Download/UTRADE-Apps/UTRADEHKforUSMarkets"]:after {
		background-image: url(/home/img/UTRADE-HK-for-US-Markets-APK.svg);
	}

	a[href="https://itunes.apple.com/hk/app/id1043451438"]:after {
		background-image: url(/home/img/UTRADE-HK-Futures-iOS.svg);
	}

	a[href="https://play.google.com/store/apps/details?id=hk.com.sharppoint.spmobile.sptraderprohd"]:after {
		background-image: url(/home/img/UTRADE-HK-Futures-Android.svg);
	}

	a[href="http://spsystem.info/download/sptraderhd.apk"]:after {
		background-image: url(http://sharppoint.com.hk/images/qrcode/qr-apk.png);
		background-size: 125% !important;
		background-position: 50% 50% !important;
	}

	#mobile-reminder a[href*="itunes.apple.com"]:after,
	#mobile-reminder a[href*="play.google.com"]:after,
	#mobile-reminder a[href*="download.php"]:after,
	#mobile-reminder a[href*="drive.utrade.com.hk/UTRADE_Download/UTRADE-Apps/"]:after {
		border: 2px solid #FFF;
		background-color: #FFF;
		border-radius: 2px;
	}

	.apps-group a::after {
		position: absolute;
		opacity: 0;
		width: 50%;
		height: 50%;
		margin: 25%;
		top: 0;
		left: 0;
		background-color: #FFF;
		border: 3px solid #FFF;
		border-radius: 3px;
	}

	.apps-group a:hover::after {
		width: 200%;
		height: 200%;
		margin: -50%;
		cursor: none;
	}

	.apps-group.desktop > a:after {
		content: none !important;
	}
}

.Products-page p {
	height: auto;
}

.Products-page h4 {
	margin-top: 10px;
	font-size: 120%;
}

.Products-page figure {
	position: absolute;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

	.Products-page figure > img {
		height: auto;
		width: auto;
		min-width: 100%;
		min-height: 100%;
	}

.service-right-content a:not([class]):not([role="tab"]) {
	color: inherit;
	font-weight: inherit;
	border-bottom: 1px dashed #CCC;
}

	.service-right-content a:not([class]):not([role="tab"]):hover {
		opacity: .6;
	}

.service1-section .service-right-content ul li {
	font-size: inherit;
}

.service1-section aside .request-quote a.btn {
	overflow: hidden;
}

.service1-section .service-right-content .service-first,
.service1-section .service-right-content .service-first p,
.service1-section .service-right-content p {
	margin: 0 0 10px 0;
}

	.service1-section .service-right-content .service-first h2 > small {
		color: inherit;
		font: inherit;
		text-transform: none;
	}

.service1-section li > h6 {
	font-weight: bold;
	font-size: 1em;
	display: block;
}

.service-right-content div.row {
	margin-top: 50px;
}

.list-group-item.download-pdf {
	padding-left: 45px;
}

	.list-group-item.download-pdf i {
		display: block;
		text-align: center;
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 18px;
		margin: 0;
		padding: 0;
		position: absolute;
		left: 0;
		top: 0;
	}

		.list-group-item.download-pdf i.fa.fa-laptop + i.fa.fa-mobile-phone::before {
			background: #FFF;
			display: inline-block;
			padding: 1px;
			height: 12px;
			line-height: 11px;
			top: 3px;
			position: relative;
			margin-left: 16px;
			font-size: 17px;
			border-radius: 1px;
		}

.service1-section .service-right-content ul li {
	font-weight: normal;
}

.nav-tabs > li {
	padding: 10px 5px 0 5px;
	margin: -1px -5px;
	overflow: hidden;
}

	.nav-tabs > li.active > a {
		box-shadow: 0 -1px 10px 0 rgba(0,0,0,.1);
	}

.service1-section .service-right-content h3 + * {
	margin-top: 30px;
}

.hyphen-list {
	padding: 0 0 .5em 0;
	margin: 0;
}

	.hyphen-list li {
		display: block;
		padding: .5em 0 0 1em;
		font-weight: normal;
		line-height: 150%;
		position: relative;
	}

		.hyphen-list li:before {
			content: "-";
			display: inline-block;
			width: 1em;
			list-style: none;
			line-height: 130%;
			position: absolute;
			left: 0;
		}

ol.decimal {
	padding: 0 0 .2em 1.5em;
	margin: 0;
}

	ol.decimal li {
		padding-top: .3em;
		font-weight: normal;
		line-height: 150%;
	}

.small ol.decimal li {
	padding-top: .75em;
	line-height: 140%;
}

	.small ol.decimal li:first-child {
		padding-top: 0;
	}

.toggle {
	margin-bottom: 0;
}

.accordion .toggle i {
	line-height: 14px;
	top: 4px;
	margin: 0;
}

.accordion .toggle .toggle-heading a:not(.collapsed) i.fa.fa-plus {
	display: none;
}

.toggle:not(:last-child) {
	margin-bottom: 25px;
}

.toggle .toggle-heading a {
	padding: 0 0 0 30px;
	font-size: 100%;
}

.small .toggle .toggle-heading a {
	line-height: 200%;
}

.toggle .toggle-body {
	padding-left: 32px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
}

	.toggle .toggle-body a.end-link {
		font-weight: normal;
	}

	.toggle .toggle-body > *:last-child { /* padding-bottom: 0 !important; */
		margin-bottom: 0 !important;
	}

.toggle-card .toggle {
	background: rgba(255,255,255,.5);
}

	.toggle-card .toggle .toggle-heading a {
		padding: 15px 15px 15px 38px;
	}

.toggle-card.accordion .toggle .toggle-heading a i {
	top: 18px;
}

.toggle-card .toggle-body {
	padding: 0 40px;
}

	.toggle-card .toggle-body > *:first-child {
		padding-top: 0 !important;
	}

.accordion.toggle-card .toggle i {
	width: 32px;
}

div[onclick]:hover {
	opacity: .75;
	cursor: pointer;
}
/****** Login ******/
.tab-pane {
	padding: 1em 0;
}

.tab-content p {
	padding: 0 0 .5em 0;
}
/****** Research ******/
.Research-page h4 {
	text-transform: uppercase;
	line-height: 135%;
}

	.Research-page h4 > small {
		text-transform: lowercase;
		font: inherit;
		color: inherit;
	}

.Research-page figure {
	width: 125px;
	overflow: hidden;
}

.Research-page p,
.Research-page .box .header {
	width: 100%;
	padding-left: 140px;
}

.Research-page p {
	font-weight: 300;
	clear: both;
	float: none;
}

	.Research-page p > small {
		display: block;
		margin: 16px 0 0 0;
	}

@media (max-width: 480px) {
	.Research-page h4 {
		font-size: 120%;
		display: inline-block;
		vertical-align: middle;
	}

	.Research-page .box .header {
		text-align: left;
		height: 165px;
		line-height: 165px;
		padding: 0 20px 0 140px;
	}

	.Research-page p {
		width: 100%;
		padding: 15px;
		font-size: 100%;
	}

		.Research-page p > small {
			font-size: 100%
		}
}
/****** Seminar / Contact us form ******/
.contact_us-second form {
	margin: 0 0 2rem 0;
	padding: 0;
	text-align: left;
	display: block;
	position: relative;
	overflow: visible;
}

	.contact_us-second form > div {
		margin: 0 15px 0 -15px;
		height: auto;
	}

		.contact_us-second form > div[class*="col-"][class*="-12"] {
			clear: both;
		}

	.contact_us-second form .col-md-12 {
		float: none;
		clear: both;
	}

	.contact_us-second form div[class*="col-"] {
		padding-top: 10px;
	}

	.contact_us-second form .form-survey {
		padding-top: 20px;
	}

.additional_form:hover {
	background: rgba(255,255,255,.25);
}

.additional_form:after, .additional_form:before {
	content: "";
	display: block;
	clear: both;
	height: 0;
	width: 100%;
}

.additional_form .col-md-8,
.additional_form .col-md-4 {
	display: inline-block;
	float: none;
}

.additional_form .col-md-8 {
	width: calc(100% - 120px);
	margin: 0 auto 0 0;
}

.additional_form .col-md-4 {
	width: 110px;
	margin: 0 0 0 auto;
	text-align: right;
	position: relative;
}

.additional_form div.control-attendant.remove {
	padding: 0;
}

	.additional_form div.control-attendant.remove > a {
		padding: 1em;
		height: auto;
		margin: 0;
		line-height: normal;
	}

.additional_form h3 {
	padding: 1em 0;
}

.address-box:last-child {
	border-bottom: 0 none;
}

.address-box small {
	display: block;
	line-height: normal;
}

.contact-box .address-box .address-text + .address-text {
	padding-top: .5em;
}

.contact-box .address-box .address-text > s:before {
	content: " ";
	display: inline;
	margin: 0 .5em;
}

@media (max-width:768px) {
	.contact_us-second form > div {
		margin: 0 -15px;
		padding: 0;
	}
}

@media (max-width:480px) {
	.additional_form div.control-attendant.remove > a {
		margin-right: -1em;
	}

	.contact_us-second h3 {
		padding-top: 0;
		padding: 0 0 1rem 0 !important;
		font-size: 1rem;
	}

	.contact_us-second form { /* margin-left:auto; */
		/*margin-bottom: 50px;*/
		font-size: 1rem;
	}

		.contact_us-second form > div {
			left: 0;
			margin-left: 0;
			margin-right: 0;
			padding-right: 0;
			clear: both;
		}

	.projects-section {
		padding-top: 40px;
	}
}
/****** Tools ******/
.tools .toggle .toggle-body > p {
	padding: 1em 0;
	margin: 0;
}

.tools .toggle .toggle-body > img {
	width: 80%;
	height: auto;
	padding: 0;
	margin: 0 auto 1em auto;
	display: block;
}

.tools .toggle .toggle-body > div.small {
	padding: 0 0 1em 0;
}

	.tools .toggle .toggle-body > div.small > u {
		display: block;
		margin: 0 0 .5em 0;
	}
/****** why UTRADE ******/
.why-utrade .box {
	border: 1px solid #cfcfcf;
	width: 100%;
	position: relative;
	padding: 20px;
	padding-bottom: 50px;
	background: #C5C3C3;
	color: #404856;
	transition: all 0.3s linear;
	text-align: left;
}

	.why-utrade .box:hover {
		background: #c33b32;
		color: #FFFFFF;
	}

	.why-utrade .box * {
		color: inherit;
	}

	.why-utrade .box h4 {
		text-align: left;
		font-size: 24px;
		font-weight: bold;
		line-height: 125%;
		margin: 10px 0;
	}

	.why-utrade .box .icon-box {
		text-align: right;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 5px;
	}

	.why-utrade .box i {
		color: #000;
		opacity: 0.5;
		font-size: 45px;
		position: relative;
	}

		.why-utrade .box i.fa-laptop,
		.why-utrade .box i.fa-bar-chart,
		.why-utrade .box i.fa-book {
			bottom: -3px;
		}

	.why-utrade .box > * {
		width: 100% !important;
	}

@media (min-width:992px) {
	.why-utrade .box {
		height: 320px !important;
	}

	.Products-page .box {
		/*height: 320px;*/
		/*width: 399px !important;*/
		height: 210px;
	}
}

@media (max-width: 991px) and (min-width: 640px) {
	.Products-page .box:after {
		content: "";
		display: block;
		height: 0;
		width: 100%;
		clear: both;
	}

	.Products-page .box p,
	.Products-page .box .header {
		float: right;
		min-width: 290px;
		text-align: left;
		width: 60%;
	}

	.Products-page .box .header {
		height: 36px;
	}

	.Products-page figure {
		float: left;
		max-width: 300px;
		min-width: 80px;
		margin-top: -36px;
		width: 40%;
		height: 160px;
		padding: 0;
		text-align: center;
		position: relative;
	}

		.Products-page figure > img {
			width: auto;
			height: 100%;
			margin: 0 auto;
		}
}

@media (max-width: 639px) {
	.Products-page figure {
		position: relative;
	}
}

@media (max-width:480px) {
	.TabbedPanelsTab {
		font: inherit;
		padding: 12px;
	}
}
/****** Notice ******/
.Notices {
	height: 600px;
}

	.Notices .text-box .text {
		margin-bottom: 0;
	}

		.Notices .text-box .text h4 {
			font-weight: 600; /* font-size: 14px; */
			margin: .25em 0;
			line-height: 140%;
		}

	.Notices a {
		color: #c33b32;
	}

	.Notices .img-box {
		margin-bottom: .5em;
	}

	.Notices .blog-wraper {
		height: 520px;
		overflow: auto;
		font-size: 15px;
		line-height: 140%;
	}

		.Notices .blog-wraper .date {
			width: auto;
			height: auto;
			padding: 5px 15px;
			background: #c33b32;
			text-align: center;
			color: #FFFFFF;
			display: inline-block;
			margin: 0 0 5px -32px;
		}

	.Notices .text-box {
		padding: 16px 0;
		margin: 0 32px;
	}

		.Notices .text-box:not(:last-child) {
			border-bottom: 1px solid #DDD;
		}

	.Notices a[data-toggle="collapse"]:before {
		display: inline-block;
		margin-top: 10px;
	}

	.Notices a[data-toggle="collapse"].collapsed:before {
		margin-top: 0;
	}

	.Notices div.text h4:empty + div.collapse {
		display: block;
		height: auto !important;
	}

		.Notices div.text h4:empty + div.collapse + small {
			display: none;
		}

	.Notices .blog-wraper::scrollbars, .Notices .blog-wraper::-webkit-scrollbar {
		width: 5px;
	}

	.Notices .blog-wraper::scrollbar-track, .Notices .blog-wraper::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	.Notices .blog-wraper::scrollbar-thumb, .Notices .blog-wraper::-webkit-scrollbar-thumb {
		background: #888;
	}

	.Notices .blog-wraper::scrollbar-thumb:hover, .Notices .blog-wraper::-webkit-scrollbar-thumb:hover {
			background: #555;
	}


@media (max-width: 720px) {
	#top-banner { /* padding: 0 15px; */
	}

	#market-glance > div {
		width: 100% !important;
		max-width: 500px;
		margin: 20px auto 0 auto !important;
	}

	#request-call-form > input {
		font-size: 14px;
	}

		#request-call-form > input[id*=email] {
			width: calc(50% - 40px);
		}

		#request-call-form > input[id*=name] {
			width: calc(50% - 100px);
		}

	#request-call-form > a {
		width: 120px
	}
}

#main-navigation-wrapper .nav > li.select-lang {
	display: none;
}

@media (max-width: 991px) {
	#main-navigation-wrapper .nav > li:first-child {
		width: calc(100% - 160px);
		display: inline-block;
		vertical-align: top;
	}

	#main-navigation-wrapper .nav > li.select-lang {
		width: 150px;
		display: block;
		vertical-align: top;
		float: right;
	}

		#main-navigation-wrapper .nav > li.select-lang > a {
			width: 50px;
			float: left;
			border-top: 0 none;
			color: #999;
		}

	html[lang="tc"] #main-navigation-wrapper .nav > li.select-lang > a[href*="('tc')"],
	html[lang="sc"] #main-navigation-wrapper .nav > li.select-lang > a[href*="('sc')"],
	html[lang="en"] #main-navigation-wrapper .nav > li.select-lang > a[href*="('en')"] {
		color: #FFF;
		font-weight: bold;
	}

	.cd-menu i.fa-lock {
		margin-right: 10px;
	}
}

@media (max-width: 640px) {
	#request-call-form > input {
		width: 100% !important;
		margin: 0 auto 10px auto
	}

	#request-call-form > a {
		-webkit-order: 2;
		order: 2;
		width: 100%;
		margin: 0 auto 10px auto;
	}

	#request-call-form > small {
		-webkit-order: 3;
		order: 3;
		width: 100%;
		margin: 0 auto;
	}

	#request-call-form > .error-msg.show {
		padding-right: 0;
	}