/* • Select Indices
	------------------------------------------------------------------------- */

	.select-type { padding-right:5px; text-transform:uppercase;}

	select#indices 			{ width:100%; height:35px; padding-left:20px; margin-bottom:10px;line-height:2; text-transform:uppercase; color:#fff;
							 	 border-radius:0;
								        border:none; 
			        			    background: #074584 url(images/icon-arrow-year-white.svg);
			        			    background-position:right center; background-repeat:no-repeat;
			           				-webkit-appearance: none;
			    					   -moz-appearance: none;
			    							appearance: none; 
								 -webkit-border-radius: 2px;
					-webkit-border-bottom-right-radius: 10px;
								    -moz-border-radius: 2px;
						-moz-border-radius-bottomright: 10px;
										 border-radius: 2px;
							border-bottom-right-radius: 10px;
								}

   html #body.en select#indices { font-size:14px; }
   html #body.cn select#indices { font-size:15px; letter-spacing:1.4px; font-weight:lighter; }

	select#indices:focus 		{ }
	select#indices::-ms-expand  { display:none; }


	/* • Indices blk
	------------------------------------------------------------------------- */


	.indices-blk 	{ display:table; table-layout:fixed; height:100%; width:100%; margin:50px 0 0 0; padding-bottom:50px; border-bottom:1px solid #ececec}
   	.indices-blk:last-child { border-bottom:none;}

	.col-sm-height 	{ display:table-cell; float:none; height:100%; }
	.col-sm-height.left-col  { width:30%; background: #ececec url(images/bg-data-bank.png) no-repeat; background-position: center top -100px;
								-webkit-border-top-right-radius: 30px;
							  -webkit-border-bottom-left-radius: 80px;
								    -moz-border-radius-topright: 30px;
								  -moz-border-radius-bottomleft: 80px;
								        border-top-right-radius: 30px;
								      border-bottom-left-radius: 80px;}
	.col-sm-height.right-col { width:70%; vertical-align:bottom; }

	.col-sm-height.left-col .pos  { padding:20px 20px 50px 20px}
	.col-sm-height.right-col .pos { padding:0 0 0 30px}

	html #body.en .col-sm-height.left-col .title-xl { font-size:40px; }
	html #body.cn .col-sm-height.left-col .title-xl { font-size:30px; }
	
	.col-sm-height.left-col .title-xl {  text-transform:uppercase; line-height:normal;}
	.col-sm-height.left-col .title-sm { font-size:20px; line-height:normal; margin-bottom:30px}
	.col-sm-height.left-col .title-mobile { display:none; visibility:hidden;}


	.col-sm-height.left-col ul.mon 		{ margin:0; padding:0}
	.col-sm-height.left-col ul.mon li   { margin:0; list-style:none; border-bottom:1px solid #fff;}
	.col-sm-height.left-col ul.mon li:before { content:url('images/nav-dot.svg'); padding-right:2px}
	.col-sm-height.left-col ul.mon a    { cursor:pointer; text-decoration:none; color:#333; }

	.col-sm-height.left-col ul.mon a li 		{ padding:8px 0px; cursor:pointer; text-decoration:none; color:#333;  transition: all 0.3s ease-out;}
	.col-sm-height.left-col ul.mon a:hover li 	{ padding-left:20px; color:#125ba6; }

	.col-sm-height.left-col ul.mon a.current li { color:#125ba6; font-weight:bold; padding:8px 0px; cursor:default;}


	.col-sm-height.left-col ul.mon.desktop { display:block; visibility:visible;}
	.col-sm-height.left-col ul.mon.mobile  { display:none; visibility:hidden;}


	/* ==========================================================================
		Media Styles
	============================================================================= */
	
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
	.col-sm-height.left-col  { width:35% }
	.col-sm-height.right-col { width:65% }
	.col-sm-height.left-col .title-sm { font-size:18px; line-height:normal; margin-bottom:30px}

	}   


    @media only screen and (max-width: 745px) {	
	.col-sm-height.left-col .title-xl { font-size:25px; text-transform:uppercase; line-height:normal;}
	.col-sm-height.left-col .title-sm { font-size:16px; line-height:normal; margin-bottom:30px}

	.col-sm-height.left-col  { width:35% }
	.col-sm-height.right-col { width:65% }

	select#indices 			{ height:25px;
			    	   -webkit-border-top-right-radius: 10px;
				     -webkit-border-bottom-left-radius: 10px;
				           -moz-border-radius-topright: 10px;
				         -moz-border-radius-bottomleft: 10px;
				               border-top-right-radius: 10px;
			             	 border-bottom-left-radius: 10px;}
	}


	@media only screen and (max-width:590px) {
	.indices-blk 	{ display:inline-block; table-layout:inherit; height:auto; width:100%; margin:30px 0 0 0; padding-bottom:30px;}
	.col-sm-height 	{ display:inline-block; float:left; height:auto; }

	.col-sm-height.left-col  { width:100%;  background-image:none; background-position:inherit; background-color: inherit;
								-webkit-border-top-right-radius: 30px;
							  -webkit-border-bottom-left-radius: 10px;
								    -moz-border-radius-topright: 30px;
								  -moz-border-radius-bottomleft: 10px;
								        border-top-right-radius: 30px;
								      border-bottom-left-radius: 10px; }
	.col-sm-height.left-col .pos  	{ padding:5px 0 0 0; border-bottom:1px solid #125ba6}
	.col-sm-height.right-col 		{ width:100% }
	.col-sm-height.right-col .pos 	{ padding:0}


	.col-sm-height.left-col .title-xl, .col-sm-height.left-col .title-sm { display:none; visibility: hidden;}
	
	.col-sm-height.left-col .title-mobile { display:block; visibility:visible; line-height:normal; text-transform:uppercase;}
	html #body.en .col-sm-height.left-col .title-mobile { font-size:18px;}
	html #body.cn .col-sm-height.left-col .title-mobile { font-size:20px;}



	.col-sm-height.left-col ul.mon.desktop { display:none; visibility:hidden;}
	.col-sm-height.left-col ul.mon.mobile  { display:block; visibility:visible;}

	html #body.cn .col-sm-height.left-col ul.mon.mobile  { font-size:11px}
	html #body.en .col-sm-height.left-col ul.mon.mobile  { font-size:11px}

	.col-sm-height.left-col ul.mon 		{ margin:0; padding:0}
	.col-sm-height.left-col ul.mon li   { margin:0; list-style:none; border-bottom:none; display:inline-block; width:32%; line-height:normal;}
	.col-sm-height.left-col ul.mon li:before { content:"•"; color:#479ef5; padding-right:5px}

	.col-sm-height.left-col ul.mon a li 		{ padding:0;}
	.col-sm-height.left-col ul.mon a:hover li 	{ padding-left:0;}



	}
	
	.rptype-Daily.indices-blk > div{
		display:none;
	}