/*==========================================*/
/*			   	General Style 				*/
/*==========================================*/

	/*============ Global Style ============*/

	.dataTables_filter{
		display:none;
	}

	.more-link {
		margin-top: 10px;
	}
	.dataTables_empty{
		text-align: center;
	}

	.customdatatable {
		border: 0px;
		width: 100% !important;
		border-color: #fff;
		font-size: 15px;
	}
		.customdatatable tr {
			line-height: 1.2em;
		}
		.customdatatable td.details-control {
			text-align: center;
		}
			.customdatatable td.details-control i {
				cursor: pointer;
				padding: 0px 3px;
			}
			.customdatatable tr.shown td.details-control i:before {
				content: "\f068";
			}

	.customdatatable .dtheader {
		background-color: #FF6726;
		color: #fff;
		white-space: nowrap;
		text-align: left;
	}

	.customdatatable .dtheader.blue {
		background-color: #337ab7;
	}

	.customdatatable tr {
		border-bottom: 0px;
	}
		.customdatatable tr.odd {
			background-color: #EFEFEF;
		}
		.customdatatable tr.even {
			background-color: #fff;
		}
	.customdatatable th {
		padding: 1rem 0.5rem;
		padding: 10px 10px;
	}

	table.dataTable thead .sorting,
	table.dataTable thead .sorting_asc,
	table.dataTable thead .sorting_desc,
	table.dataTable thead .sorting_asc_disabled,
	table.dataTable thead .sorting_desc_disabled {
		cursor: pointer;
		*cursor: hand;
		background-repeat: no-repeat;
		background-position: center right;
	}

	table.dataTable thead .sorting_asc {
		background-image: url(../image/sort_asc.png);
	}
	table.dataTable thead .sorting_desc {
		background-image: url(../image/sort_desc.png);
	}
	table.dataTable thead .sorting {
		/*background-image: url(/images/sort_both.png);*/
	}

	.customdatatable td {
		padding: 0.8rem 0.5rem;
		color: #2a2a2a;
		vertical-align: middle;
		border: solid 1px #fff; /* for IE */
		min-height: 30px;
		font-weight: normal;		
	}

	.customdatatable .hide_column_md {
		display: none;
	}

	/* table paging */

	.paginate_button {
		color: #444;
		margin-left: 5px;
		cursor: pointer;
	}

	.paginate_button.current {
		background: #ddd;
		padding: 2px 5px;
	}

	.dataTables_info {
		font-size: 15px;
		display: inline-block;
	}

	.dataTables_paginate {
		display: inline-block;
		font-size: 15px;
		float: right;
	}

	.dataTables_info, .dataTables_paginate {
		margin-top: 6px;
	}

	/* end of table paging */

		/*---------- Page CSS ----------*/

		/* ~~ Admin ~~ */
		
		/*statements*/
		.statements .customdatatable th:last-child, .statements .customdatatable td:last-child {
			width: 70px;
			text-align: center;
		}
		
			/*statements-daily*/

			/*statements-daily-ae*/

			/*statements-monthly*/

			/*statements-monthly-ae*/


		/*records*/
		.records .customdatatable.records-tables .dtheader {
			white-space: pre-wrap;
		}
			/*Fund-Enquiry-Records*/
			.records.fund-enquiry-records .filterbutton {
				margin-left: 15px;
			}

			.records.fund-enquiry-records .more-link {
				padding-left: 5px;
				font-weight: 700;
				font-size: 15px;
			}
			.records.fund-enquiry-records .confirmation-section-edit-container {
				font-size: 16px;
				margin-top: -6px;
				display: inline-block;
				float: right;
				font-size: 18px;
				margin-left: 10px;
				padding: 0;
				background: #003664;
				display:none;
			}

			.records.fund-enquiry-records .confirmation-section-edit-container a {
				color: #fff;
				padding: 0 6px;
				font-size: 20px;
				vertical-align: bottom;
			}

			/*deposit-records*/

			/*deposit-records-ae*/

			/*withdrawal-records*/

			/*withdrawal-records-ae*/

			/*ipo-search*/

			/*ipo-search-ae*/

			/*ipo*/
			/*[class = records-tables]*/
			.records.ipo .customdatatable.records-tables th {
				cursor: pointer;
			}

			.records.ipo .customdatatable.records-tables td p {
				margin: 0 0 3px;
			}

			.records.ipo .customdatatable.records-tables th:last-child,
			.records.ipo .customdatatable td:last-child {
				white-space: nowrap;
			}
			
			/*[class = news-tables]*/
			.records.ipo .customdatatable.news-tables tr td:nth-child(2){
				text-align: right;
			}
			
			.records.ipo .customdatatable.news-tables #table_ipo_news a,
			.records.ipo .customdatatable.news-tables #table_ipo_news a:hover {
				/* color: #2a2a2a; */
			}
			
			.records.ipo .customdatatable.news-tables #table_ipo_news td:first-child {
				background: transparent;
				color: #2a2a2a;
			}

			.records.ipo .customdatatable.news-tables #table_ipo_news td {
				padding: 10px !important;
			}
				
				/*ipo-news-list*/
				.records.ipo.news-list .news-thead{
					display:none;
				}

				.records.ipo.news-list .remark {
					padding-top: 10px;
					padding-bottom: 10px;
				}
				
				.records.ipo.news-list .nowrap{
					white-space: nowrap;
				}
					
					
		/*awaiting-verification*/
		.awaiting #table_awaiting_verification th:last-child, .awaiting #table_awaiting_verification td:last-child {
			width: 70px !important;
			white-space: nowrap;
		}

		.awaiting .buttonspace {
			margin-right: 10px;
		}

		.awaiting .multi {
			margin-bottom: 3px;
		}

		.awaiting .awaiting-hidden-val, .awaiting .awaited-hidden-val {
			display: none;
		}

		.awaiting .expandicon {
			font-size: 16px;
			font-weight: normal;
			vertical-align: bottom;
			padding-left: 5px;
		}

		.awaiting .expanddetail {
			/*float:right;*/
			cursor: pointer;
		}

		/*research-report*/
		.research .customdatatable.dataTable {
			width: 100% !important;
		}

		.research .report-title {
			font-size: 16px;
			margin-top: 3px;
		}

		.research .report-name, 
		.research .posting-date {
			font-size: 13px;
			color: #999;
			margin-top: 3px;
			float: right;			
		}

		.research .report-summary {
			font-size: 15px;
			margin-top: 8px;
		}

		.research .content-container .contentwrapper {
			overflow: inherit;
		}

		/*formdownload-ae*/
		.formdownload-ae .customdatatable {
			border-left-width: 0px;
			border-right-width: 0px;
			font-size: 16px;
		}
			.formdownload-ae .customdatatable td.download-col {
				width: 30px;
				padding-right: 0px;
				padding-left: 0px;
				text-align: center;
			}
			.formdownload-ae .customdatatable td {
				border-width: 0px;
				padding-left: 20px;
			}
		
		/* ~~ End Admin ~~ */
		
		/* ~~ Master ~~ */
		
		.guest .customdatatable {
			font-size: 1.1rem;
		}
			/* .guest .customdatatable tr { */
				/* border: 0px; */
			/* } */
			.guest .customdatatable .dtheader.blue {
				background-color: #337ab7;
			}
			
		.guest .table-responsive {
			overflow: hidden;
		}
			.guest .table-responsive table {
				width: 100% !important;
				margin-bottom: 20px;
			}
			
		.guest .dtcustomdatatable_sub {
			margin: -0.5rem 0;
			margin-bottom: -0.5rem !important;
		}
		
			/*futures*/
			
				/*ltd-calendar*/
				.guest.futures.calendar td.fc-day.fc-widget-content {
					position: relative;
				}

				.guest.futures.calendar .no-tables #table_product_list td:nth-child(2) {
					background: none;
					color: #2a2a2a;
				}

				.guest.futures.calendar .no-tables td.dataTables_empty {
					background: none;
					color: #2a2a2a;
					padding-left: 10px !important;
					text-align: left;
				}
						
				.guest.futures.calendar .btn-group.bootstrap-select.form-control {
					height: 50px;
				}

				.guest.futures.calendar button.btn.dropdown-toggle.btn-default {
					height: 50px;
				}
				
				.guest.futures.calendar .product_indexes_wrapper .dataTables_wrapper {
					display: block;
				}

				.guest.futures.calendar .has-event-item {
					position: absolute;
					top: 0;
					right: 10%;
					color: #337ab7;
					font-size: 8px;
				}
												
				/*fee-and-charges*/
				.guest.futures.fee-and-charges .table-responsive table {
					margin-bottom: 5px;
				}
				
				/*Product*/
				.guest.futures.product .dataTables_wrapper {
					display: none;
				}
				
				.guest.futures.product .product_no_matching_records_container {
					border-radius: 4px;
					margin-top: 20px;
					font-size: 1.2rem;
				}
				
				.guest.futures.product .slide-content {
					display: none;
				}
				
			/*help*/
			
				/*faq*/
				.guest.help.faq .customdatatable {
					border: 0px;
					font-size: 15px;
					border-color: #fff;
				}
					.guest.help.faq .customdatatable .dtheader {
						white-space: pre-wrap;
					}

				.guest.help.faq td.responsive-td-style{
					padding-left: 5px !important;
				}
				
				/*fee-and-charges*/
				.guest.help.fee-and-charges table.feeTable td{
					width: 50%;
				}
				
				/*forms-download*/
				.guest.help.forms-download .customdatatable {
					border: 0px;
					font-size: 15px;
				}
					
				.guest.help.forms-download thead.news-thead {
					display: none;
				}

				.guest.help.forms-download .customdatatable td.download-col {
					width: 30px;
					padding-right: 0px;
					padding-left: 0px;
					text-align: center;
				}

				.guest.help.forms-download .customdatatable td, 
				.guest.help.forms-download .customdatatable th {
					/* border-width: 0px; */
					padding-left: 20px;
				}

				.guest.help.forms-download .fa-arrow-down:before {
					content: "\f063";
				}
				
					/*FormDownload_Futures*/
					
					/*FormDownload_Stock*/
					
			/*market*/
			.guest.market .customdatatable td:last-child {
			  white-space: nowrap;
			}
				
				/*Announcements*/
				.guest.market.announcements thead.news-thead{
					display:none;
				}
				
				.guest.market.announcements .article-section-header {
				  cursor: default;
				}
				  
				/*main*/
				
				
				/*Market-Focus*/
				.guest.market.market-focus thead.news-thead{
					display:none;
				}
				
				.guest.market.market-focus .article-section-header {
				  cursor: default;
				}
				  
				/*research-report*/
				.guest.market.research .customdatatable.dataTable{
					width:100% !important;
				}

				.guest.market.research .customdatatable tr.odd {
					background: #EFEFEF !important;
				}

				.guest.market.research .customdatatable td{
					border-bottom: 1px solid #efefef;
				}
				
				.guest.market.research .customdatatable td:last-child {
					white-space: normal;
				}
		
			/*securities*/
			
				/*cn*/
				
					/*cnstock*/
					
					/*introduction*/
				
				/*hk*/
					
					/*introduction*/
					.guest.securities.hk.introduction .customdatatable{
						width: auto !important;
					}
					
					/*ipo*/
					
					/*ipo-detail*/
					
					/*ipo-news*/
					
					/*margin_ratio*/
					
				/*us*/
				
					/*margin_ratio*/
					
					/*usstock*/
					
				/*others*/
				
					/*introduction*/
					
				/*fee-and-charges*/
				.guest.securities.fee-and-charges table.fee-table td{
					width: 50%;
				}				
				
				/*main*/
				
			/*tools*/
			
				/*trading-platform-comparison*/				
				.guest.tools.platform-comp .customdatatable.comparison-table tr th{
					width: 20% !important;
				}				
					.guest.tools.platform-comp .customdatatable.comparison-table tr th:first-child{
						width: 15% !important;
					}
					
				/*bond*/
				.guest.tools.bond .table_product_head{
					display: none;
				}
				
				/*mutual-fund*/
				.guest.tools.mutual-fund .table_product_head{
					display: none;
				}
					
		/* ~~ End Master ~~ */



/*==========================================*/
/*			   Responsive Style 			*/
/*==========================================*/

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

	/*============ Global CSS ============*/
	
	body .dataTables_info{
		display: none;
	}

	body .dataTables_paginate {
		text-align: right;
		display: block;
		float: none;
	}
	
	.table-responsive {
        border: solid 0px #ddd;
    }
	
	.no-tables .dtheader {
        display: none;
    }

    .no-tables thead, .no-tables tbody, .no-tables th, .no-tables td, .no-tables tr {
        display: block;
    }

        .no-tables td:first-child {
            background: #337ab7;
            color: #fff;
        }
		
	.no-tables td {
        border: 0;
        position: relative;
        padding: 0 !important;
        padding-left: 150px !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        padding-right: 1px !important;
        white-space: normal;
        text-align: left;
    }

        .no-tables td:before {
            content: attr(data-title);
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

	.no-tables .title {
		padding: 0 !important;
		padding-top: 6px !important;
		padding-bottom: 6px !important;
		padding-left: 6px !important;
	}
	
	/* .customdatatable tr { */
        /* margin-bottom: 20px; */
        /* border: solid 0px #ddd; */
        /* line-height: 1.5rem; */
    /* } */

		/* .customdatatable .title { */
			/* padding: 0 !important; */
			/* padding-top: 6px !important; */
			/* padding-bottom: 6px !important; */
			/* padding-left: 6px !important; */
		/* } */
		/*---------- Page CSS ----------*/
	
		/* ~~ Admin ~~ */
		
		/*statements*/
		.main-container.statements #table_statement th:nth-child(3), 
		.main-container.statements #table_statement td:nth-child(3) {
			display: none !important;
		}
		

			/*statements-daily*/

			/*statements-daily-ae*/

			/*statements-monthly*/

			/*statements-monthly-ae*/

		/*records*/

			/*Fund-Enquiry-Records*/

			/*deposit-records*/

			/*deposit-records-ae*/

			/*withdrawal-records*/

			/*withdrawal-records-ae*/

			/*ipo-search*/

			/*ipo-search-ae*/

			/*ipo*/

		/*awaiting-verification*/
		.main-container.awaiting .customdatatable {
			border-width: 0px;
		}

		.main-container.awaiting .customdatatable .dtheader {
			display: none;
		}

		.main-container.awaiting .customdatatable thead,
		.main-container.awaiting .customdatatable tbody,
		.main-container.awaiting .customdatatable th,
		.main-container.awaiting .customdatatable td,
		.main-container.awaiting .customdatatable tr {
			display: block;
		}

		.main-container.awaiting .customdatatable td:first-child {
			background: #337ab7;
			color: #fff;
		}

		.main-container.awaiting .customdatatable td {
			border: 0;
			position: relative;
			padding: 0 !important;
			padding-left: 130px !important;
			padding-top: 6px !important;
			padding-bottom: 6px !important;
			padding-right: 1px !important;
			white-space: normal;
			text-align: left;
		}

		.main-container.awaiting .customdatatable td.last {
			white-space: nowrap;
		}

		.main-container.awaiting .customdatatable td:before {
			content: attr(data-title);
			position: absolute;
			top: 6px;
			left: 6px;
			width: 125px;
			padding-right: 10px;
			white-space: nowrap;
			text-align: left;
			font-weight: bold;
		}

		.main-container.awaiting .customdatatable tr {
			/*margin-bottom: 20px;
			border: solid 1px #777;*/
			line-height: 1.5rem;
		}


		/*Research Report*/
		
		.main-container.research .report-name {
			float: none;
		}

		.main-container.research .customdatatable td {
			position: relative;
		}

		.main-container.research .posting-date {
			position: absolute;
			right: 7px;
			top: 11px;
		}
		
		/* ~~ End Admin ~~ */
		
		/* ~~ Master ~~ */
		
			/*futures*/
					
				/*ltd-calendar*/
				.main-container.guest.futures.calendar .no-tables td.dataTables_empty {
					background: none;
					color: #2a2a2a;
					padding-left: 10px !important;
					text-align: left;
				}

				.main-container.guest.futures.calendar #product-calendar-container .no-tables td.dataTables_empty {
					display: block !important;
				}
				
				/*fee-and-charges*/
				.main-container.guest.futures.fee-and-charges table.fee-table.fivecols td {
					width: 20%;
				}

				.main-container.guest.futures.fee-and-charges table.fee-table.fourcols td {
					width: 25%;
				}
				
				/*Product*/
				.main-container.guest.futures.product .no-tables td:nth-child(2) {
					background: #337ab7;
					color: #fff;
				}
				
				.main-container.guest.futures.product .contentwrapper .table-responsive {
					margin-bottom: 0px;
					border: 0px;
				}
				
				.main-container.guest.futures.product .slide-content-row {
					display: none !important;
				}
				
			/*market*/
				
				
			/*securities*/
				
				
				/*cn*/
				
					/*cnstock*/ 
					
					/*introduction*/

				/*others*/
				
					/*introduction*/
								
				/*fee-and-charges*/

			/*tools*/
			
				/*trading-platform-comparison*/				
				.main-container.guest.tools.platform-comp .no-tables td:not(.title) {
					padding-left: 165px !important;
				}
				
		/* ~~ End Master ~~ */
		
		

}

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

	/*============ Global CSS ============*/

		/*---------- Page CSS ----------*/

		/* ~~ Admin ~~ */
		/*Research Report*/
		.main-container.research .customdatatable td {
			position: relative;
		}

		.main-container.research .posting-date {
			position: absolute;
			right: 7px;
			top: 11px;
		}

		.main-container.research .report-name {
			float: none;
		}
		/* ~~ End Admin ~~ */
}

@media only screen and (max-width: 910px) {
	/*============ Global CSS ============*/

		/*---------- Page CSS ----------*/
		
		/* ~~ Master ~~ */		
		/*futures*/
		
			/*futures-main*/
			.main-container.guest.futures.futures-main .table-responsive table {
				max-width: 350px;
			}
		
		/* ~~ End Master ~~ */
}

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

	/*============ Global CSS ============*/	
	[data-mobile="two-lines"]{
		height:44px;
	}

	[data-mobile="two-lines"]:before {
		white-space:normal !important;
	}

		/*---------- Page CSS ----------*/

		/*statements*/

			/*statements-daily*/

			/*statements-daily-ae*/

			/*statements-monthly*/

			/*statements-monthly-ae*/

		/*records*/
		/*[class = records-tables]*/
		.main-container.records .customdatatable.records-tables .dtheader{
			display: none;
		}
		.main-container.records .customdatatable.records-tables thead,
		.main-container.records .customdatatable.records-tables tbody,
		.main-container.records .customdatatable.records-tables th,
		.main-container.records .customdatatable.records-tables td,
		.main-container.records .customdatatable.records-tables tr{
			display: block;
		}
		
		.main-container.records .customdatatable.records-tables td:first-child{
			background: #337ab7;
			color: #fff;
		}
		
		.main-container.records .customdatatable.records-tables td{
			border: 0;
			position: relative;
			padding:6px 1px 6px 130px !important;
			white-space: normal;
			text-align: left;
		}
		
		.main-container.records .customdatatable.records-tables td:before {
			content: attr(data-title);
			position: absolute;
			top: 6px;
			left: 6px;
			width: 125px;
			padding-right: 10px;
			white-space: nowrap;
			text-align: left;
			font-weight: bold;
			word-break: keep-all;
		}
		
		.main-container.records .customdatatable.records-tables td.dataTables_empty {
			background: none;
			color: #2a2a2a;
			padding-left: 10px !important;
			text-align: left;
		}
		
			/*Fund-Enquiry-Records*/
			
			/* deposit-records */
			
			/* deposit-records-ae */
			
			/* withdrawal-records */
			
			/* withdrawal-records-ae */
			
			/* ipo-search */
			
			/* ipo-search-ae */
			
			/*ipo*/
			
			
				/* ~~ Master ~~ */				
				/*Product*/
				.main-container.guest.futures.product .no-tables td:nth-child(2) {
					background: #337ab7;
					color: #fff;
				}

				.main-container.guest.futures.product .hidden-sm-down {
					display: none !important;
				}
				
				.main-container.guest.futures.product .slide-content-row {
					display: none;
				}
				/* ~~ End Master ~~ */

		.customdatatable {
			table-layout: fixed;
		}
		.customdatatable th {
			white-space: normal;
		}
}