body 
{
    font-family: Arial ,新細明體;
    /*font-family: Calibri,Palatino Linotype,Verdana,Arial,"Microsoft JhengHei",PMingLiU;*/
    color: #000;
    /* color: #636363; */
    font-size:14px;
    margin: 0px;
}

body a 
{
    /*color: #000;*/
    color:#5570D7 ;

	/* color: #636363; */
	text-decoration: none;
}
body a:hover {
	background: transparent;
	color: #5570D7;
	/*
	color: #636363;
    */
}

.wrapfooter
{
    font-family: Calibri,Palatino Linotype,Verdana,Arial,"Microsoft JhengHei",PMingLiU;
    color: #000;
    /*
    color: #636363;
    */
    font-size:13px;
}


h1 
{
    font-size: 15px;
}

hr 
{
    height: 1px;
    border: 0;
    background-color: Gray;
    width: 95%
}

.invisible
{
    height: 0px;
    border: 0;
}

.logo:link { color: #FFFFFF; font-family: Arial; text-decoration: none; }
.logo:visited { color: #FFFFFF; font-family: Arial; text-decoration: none; }
.logo:hover { color: #FFFFFF; font-family: Arial; text-decoration: none; }


.clear {
    clear:both;
}
.left
{
    float:left;
}
.right
{
    float:right;
}

input[type="submit"], input[type="button"], input[type="reset"] {
	color: #fff;
	/*background: #FF5300;*/
    background: #0050B4;  
	font-weight: bold;
	border: 2px solid #979A9E;
}

.aspNetDisabled
{
    display: none;
}
input[type="submit"]:hover, input[type="button"]:hover ,input[type="reset"]:hover{
	color: #fff;
	background: #636363;
	font-weight: bold;
	border: 2px solid #979A9E;
}



input, textarea, select
{
	border:1px solid #656565;
	font-size:12px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding:3px;
}
input:focus, textarea:focus, select:focus {
    color: #FF5300;
    background: #FFFFCC;
    border: 1px solid #000006;
}
/*
input:focus, textarea:focus, select:focus {
    color: #B7DBF0;
	background: #FFFFCC;
    border: 1px solid #000006;
}
*/


div.hideSkiplink, .header-table {
    background-color:#E5E5E5;
}


/* Menu */

.sitemastermenu
{
}

.sitemastermenu li
{
    margin-left: 2px;
    margin-right: 2px;
}

.sitemastermenu li a 
{
    background-color: #326496;
    color: #FFFFFF;
}

.sitemastermenu li a:hover
{
    background-color: #636363;
    color: #FFFFFF;
}

.sitemastermenu li a.selected
{
    background-color: #B7DBF0;
    color: #FFFFFF;
}

#NavigationMenu .static.selected
{
    background-color: #B7DBF0;
    color: #FFFFFF;
}

div.menu {
    padding:4px 0 4px 8px;
    font-weight: bold;
    font-size: 15px;
    
}

.menu-th 
{
    padding-bottom: 10px;   
}

div.menu ul {
    list-style:none outside none;
    margin:0;
    padding:0;
    width:auto;
    text-align:center;
}

div.menu ul .current 
{
    background-color:#636363;
}

div.menu ul .static
{
    /*background-color:#FF5300;*/
    background-color: #0050B4;  
    color:#fff;
}

#ul-table {
    width:562px;
    text-align:center;
    margin: 0px auto;
    padding:0;
    color: navy;
    list-style-type:none;
    clear:both;
}
#ul-table li {
    width: 139px;
    float:left;
    text-align: center;
}

div.menu ul li a, div.menu ul li a:visited {
    /*background-color:#B7DBF0;*/
    border:1px solid #fff;
     color:#fff;
    
    /*color:#009e4b;*/
    display:block;
    line-height:1.35em;
    padding: 4px 10px;
    text-decoration:none;
    white-space:nowrap;
}

div.menu ul li a.selected
{
    background-color: #636363;/*4bb342*/
    color:#fff;
}

div.menu ul li a, div.menu ul li a 
{
    /* background-color: #B7DBF0; */
    /*background-color: #FF5300;*/   
    background-color: #0050B4;  
}

div.menu ul li a:hover {
    /*background-color:#4BB342;*/
    background-color:#636363;
    color:#FFFFFF;
    text-decoration:none;
}

div.menu ul li a:active {
    /*background-color:#4bb342;*/
    background-color:#636363;
    color:#FFFFFF;
    text-decoration:none;
}

div.menu li.current a, div.menu li.current a:hover
{
    background-color:#636363;
    color:#fff;
}

/* IPO */

.header-row 
{
    font-size: 18px;
    line-height: 130%;
    /*background-color: #E76120;*/
    background-color: #0050B4;
    color: #fff;
    font-weight: bold;
}

.ipo-title 
{
    background-color: #DDDDDD;   
}


/* Calendar */
.pretty-cal{
    background-color: #FFFFFF;
    width: 680px;
}

.pretty-cal tr {
    background-color: #E1E7EF;
}

.pretty-cal tr:nth-child(even) {
    background-color:#CACFD5;
}

.pretty-cal a{
    text-decoration: none;
}

.calTitle tr{
    background-color: #B7DBF0;
    color: #33668F;
    font-weight: bold;
    border: 2px solid #636363;
}

.calWeekendDay{
    color: #7E1B4E;
}

.calendarPopup a{
    color: #505050;
}

.calTodayDay {
    background-color:#98ABC4;
}

.calTodayDay a{
    color: #326496;
}

.calendarPopup:hover{
    background-color: #B7DBF0;
}

.chart-table
{
    width: 100%;
}

.chart-table td[scope='header']
{
    background-color: #DFE5ED;
}

.hidden
{
    display: none;
}

.level1 
{
    margin: auto;
}

.level1 li
{
    float: left;   
}

.disclaimer
{
    font-size: 12px;
    padding-left: 5px;
    padding-top: 5px;
}

.disclaimer-text 
{
    font-size: 12px;
}

.topnavbar 
{
    font-size: 12px;   
}

.topnavbar .selected
{
    font-weight: bold;
    color: #000; 
}

.ipoitem 
{
    color: #5570D7;   
}

.ipomaster-companynameheader 
{
    width: 735px;
    /* background-color: #B7DBF0; */
    color: #33668F;
    font-size: 16px;
    font-weight: bold;
    line-height: 185%;
    margin-bottom: 2px;
    padding-left: 8px;
}

.ipoitem-selectedrow 
{
    background-color: #EEEEEE;   
}

.more-floater
{
    float: right; 
    text-align: right;
    color: #33668F;
    font-size: 12px;
    
}

.shk-div
{
    font-size: 12px;
    padding-left: 5px;
    padding-top: 5px;
}

.main
{
    width: 735px;   
}
#NavigationMenu {
display:none;
}


.disablelink
{
color: #000 !important;
text-decoration: none;
    cursor: default;
}
a.disablelink:hover {
    color: #000 !important; 
}

.en-US .StockSearch #sector_select
{
width: 152px;
}


/*
.data-table th {
    height: 17px;
}
.data-table tr.index-row th.stock-click{
    background-color: #E1E7EF;
}

.data-table tr.index-row.alternaterow th.stock-click{
    background-color: #CACFD5;
}
*/

/*IndexQuote*/
.IndexQuote, .IndexQuote td {
    font-family: 微軟正黑體, 'Microsoft JhengHei', 黑體, Helvetica, Arial, sans-serif;
}

.IndexQuote .up {
   color: #07964f;
}

.IndexQuote .dn {
  color: #ee2b8f;
}

.IndexQuote td {
  font-size: 12px;
}
/*toprank2 ,hkindicesdetails*/
.toprank2 .main,.hkindicesdetails .main,
.ahsharesfull .main
{
    width: 100%;
}
.toprank2 .insidescroll .data-table ,.hkindicesdetails .insidescroll .data-table{
    width: 100%;
    border: 2px solid #979A9E;
}

/*hkindicesdetails*/

.hkindicesdetails .data-table td
,.hkindicesdetails .data-table th
,.toprank2  .data-table th
,.toprank2  .data-table td
,.toprank2  .header-table th

,#warrantdata .data-table th, #warrantdata .data-table td
,#cbbcdata .data-table th, #cbbcdata .data-table td
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.hkindicesdetails th {
    background-color: #E1E7EF;
}




/*news*/
.news .menubar{    
    display:block;
    float: left;
    padding-left:10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.news .menubar ul{
    width:auto;
    float: left;
}
.news .menubar ul li{
    width:auto;
    float: left;
    position:relative;
    padding-top:4px;
    padding-bottom:4px;
}
.news .menubar ul li a{
    font-size:15px;
    background-color:#c5ae71;
    padding-right:10px;
    padding-left:10px;
    padding-top:4px;
    padding-bottom:4px;
    border:1px solid #fff;
    color:#000000;
}

.news .menubar ul li a:hover{
    background-color:#D62C00;
    color:#fff;
}

.news .menubar ul li a.selected{
    background-color:#D62C00;
    color:#fff;
}

.news .header-table{
    width:735px;
}

.news .header-table tr:first-child{
    vertical-align:middle;
}

.news .header-table td:first-child{
    vertical-align:middle;
}

.news .dropdownlist{
    max-width:120px;
    width:120px;
    height: 38px;
    padding-left:10px;
}

.news .dropdownlist select{
    width:120px;
}

#news_stock_id{
    margin: 0px; 
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right:5px;
    float:right;
    text-align:right;
}

.news_title{
    padding-left: 5px; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    /*background-color: #eee; */
    color: #aaa; 
    font-size: 15px; 
    font-weight: bold; 
    line-height: 130%; 
    width: 730px; 
    overflow: hidden;
}

.news-date{
    border-right:1px solid #fff;
    width:115px;
}

.newslink{
    font-size:15px;
}

.news #datatable{
    width: 731px; 
    border:2px solid #eee; 
    overflow: hidden;
}
.news .data-table{
    width: 731px; 
    border: none;
}

.news-content td{
    font-family:MingLiU;
}
.news a {
        color: #4C4C4C;
}
.news a:hover {
        color: #B36A01;
}
/*news*/

/*news5*/
.news5{
    font-family: Arial, "Microsoft YaHei", 微軟雅黑體, Sans-Serif;
    
}
.news5 .header-table {
width: 735px;
height: 50px;
background-color: #fff;

}

.news5 #dropDownMenu {
    padding-top:13px;
     padding-bottom:13px;
    float: right;
}
.news5 #searchWrapper {
    padding-top:12px;
        padding-bottom:12px;

    float: right;
}

.news5 .news_title {
    padding:5px;
    float: left;
    font-size:24px;
    color:#238ddc;
    width:300px;
    font-weight: normal;
        height: 40px;
    line-height: 40px;
}
.news5 #datatable{
    width: 731px; 
    border:2px solid #eee; 
    overflow: hidden;
        padding: 4px;
}
.news5 #news_stock_id {
    margin: 0px;
    padding:0px;
    float: right;
    text-align: right;
}
.news5 .data-table{
    width: 731px; 
    border: none;
     font-family: Arial, "Microsoft YaHei", 微軟雅黑體, Sans-Serif;
}

    .news5 .dataRow {
    height:30px;
    }

.news5 .news-date{
    width:115px;
    color:#555555;
    font-size:14px;
    float: left;
}
.news5 .news-list-content{
    width: 599px;

    float: left;
}
.news5 .newslink{
    color:#555555;
    font-size:14px;
}

.news5 #select_menu,
.news5 input{
    height:26px;
    border: 1px solid #e0e0e0;
}

.news5 input[type="submit"], input[type="button"], input[type="reset"] {
    color: #fff;
    background:#238ddc;
    font-weight: bold;
    border: 2px solid #979A9E;
}
/*news5*/
/*news content*/
.show_news_content .wrapfooter{
    background-image: url(../Images/MegaHubFooter.png); 
    height: 70px; 
    width: 710px; 
    border: 0px solid black;
}
.show_news_content .news-table{
    margin-top:40px;
}

.news td {
    font-family: Calibri,Palatino Linotype,Verdana,Arial,"Microsoft JhengHei",PMingLiU;
    color: #333;
}

.news .data-table th, .news .data-table td, .news .header-table th
 {
padding-top: 5px; padding-bottom: 5px; padding-left: 5px; 
}
/*news content*/



.cbbcsearch2 .disclaimer, .warrantsearch2 .disclaimer, .cbbcsearch2 .disclaimer-text, .warrantsearch2 .disclaimer-text {
    font-size: 12px;
}
/*added 2016 0517*/
    .data_rise {
    color: #00B100;
    text-align: right;
}
         .data_drop{
    color:#FF0000;
}
.disclaimer .disclaimer-text {
    font-size: 14px;
    font-family: Calibri,Palatino Linotype,Verdana,Arial,"Microsoft JhengHei",PMingLiU;
}


/*  newsTab */
   .newsTab {
        width:100%;
        font-family: Calibri,Palatino Linotype,Verdana,Arial,"Microsoft JhengHei",PMingLiU;
        }
        .newsTab a {
    text-decoration: none;
}


       .newsTab table {
        border: none;
        border-collapse: collapse;
    }

     .newsTab table td {
    margin: 0;
    padding: 5px;
}
       .newsTab a, .newsTab table td
       { color: #217EC4; 
        }
     .newsTab #mainContent .newslist_row td {
    _line-height: 22px !important;
	    height: 22px ;
}


     .newsTab #mainContent tbody td {
    padding: 2px;
    font-size:12px;
}

       .newsTab #mainContent {
    width: 577px;
	table-layout:fixed;
}
        .newsTab #mainContent thead tr{
            
            color:#217EC4;font-size:12px;font-weight:bold;height:40px;vertical-align: top;
       }

        .newsTab #mainContent #cell1 {
        width:78px;
        }
         .newsTab #mainContent #cell2 {
        width:6px;
        }
          .newsTab #mainContent #cell3 {
        width:50px;
        }
           .newsTab #mainContent #cell4 {
        width:6px;
        }
        .newsTab #mainContent #cell5 {
        width:387px;
        }

       .newsTab #mainContent  span.news_content {
    display: inline-block;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 387px;
}

.newsTab #mainContent .alternaterow {
    background-color: #FFFFFF;
}

.newsTab a, .newsTab table td
{ color: #2a3e61 !important; 
}



/*IndexQuote2*/
   #IndexQuote2 {
        font-family:微軟正黑體, Arial;font-size:18px;
        }

            #IndexQuote2 table {
                width:200px;
            }
             #IndexQuote2 table td#cell1{
               padding-top:0px;padding-left:2px;
            }
            #IndexQuote2 #lastupdatetable {
                   width:200px;
                   padding-left:5px
            }
            #IndexQuote2 table td#cell2 {
                font-size:20px; font-weight:bold;
            }

        #IndexQuote2 table td#cell3{
        font-size:12px; font-weight:bold; line-height:12px;
        }

       #IndexQuote2  .disclaimer-small {
    font-size: 11px;
    line-height: 12px;
    color: #333333;
}
       /*indexquote3*/
          .IndexQuote3 {
            width: 326px;
            height: 308px;
            margin: 5px;
            font-family: Arial, "Microsoft YaHei", 微軟雅黑體, Sans-Serif!important;
        }

/*WorldIndices3*/
#WorldIndices3{
    font-family: Calibri, Palatino Linotype, Verdana, Arial, "Microsoft JhengHei", PMingLiU; 
     font-size: 12px; line-height: 12px; 
    }
    #WorldIndices3 .small-data-table {
     font-size: 12px; line-height: 12px; 
    }

    #WorldIndices3  .small-data-table th,#WorldIndices3   .small-data-table td, #WorldIndices3  .header-table th {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 1px;
}
    #WorldIndices3 .footer {
    font-size: 12px;
    line-height:18px;
}
     #WorldIndices3 .footer  td {
    padding:1px;
    }



		#WorldIndices3 .small-data-table
		{
		table-layout:fixed;
		}
		#WorldIndices3 .small-data-table th, #WorldIndices3 .small-data-table td, #WorldIndices3 .header-table th
		{
		_display: inline-block;
		}
	#WorldIndices3 .small-data-table th[scope="left_col"], #WorldIndices3 .small-data-table td.indexName {
	width: 75px;
	
    max-width: 75px;
    min-width: 75px;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
	    
	}


 /* top mover*/


.tabTopMover .alternaterow {
    background-color: transparent;
}
      .tabTopMover {
        width:100%;
         font-family: Calibri,Palatino Linotype,Verdana,Arial,"Microsoft JhengHei",PMingLiU;
         padding-top: 0px !important;
    width: 580px;
    overflow-x: hidden;
    background-color: transparent;
        }
      .tabTopMover table {
    border: none;
    border-collapse: collapse;
}
        .tabTopMover #mainContent{
            border:1px;border-radius:5px 5px;background-color:transparent;
        }
            .tabTopMover #mainContent table {
                margin-top: 5px;width:580px;min-width:580px;max-width:580px;
		 table-layout:fixed;
            }
                .tabTopMover #mainContent table thead {
                background-color:transparent;padding-bottom:10px;
                }
                    .tabTopMover #mainContent table thead th {
                    
                    font-weight:bold;
                    text-align:center;
                    }
                .tabTopMover #mainContent table thead tr{
                    color:#747474;font-size:12px;font-weight:bold;height:35px;vertical-align:top;
                }


      .tabTopMover #mainContent table  #cell1 {
        width:115px;max-width:115px;min-width:115px;
        text-align:left;
        }
        .tabTopMover #mainContent table #cell2 {
       width:5px;
        }
          .tabTopMover #mainContent table #cell3 {
        width:40px;max-width:40px;min-width:40px;
        }
          .tabTopMover #mainContent table #cell4 {
        width:5px;
        }
           .tabTopMover #mainContent table #cell5 {
         width:50px;max-width:50px;min-width:50px;
        }
            .tabTopMover #mainContent table #cell6 {
         width:5px;
        }
          ..tabTopMover #mainContent table #cell7 {
         width:60px;max-width:60px;min-width:60px;
        }
       .tabTopMover #mainContent table #cell8{
        width:14px;max-width:14px;min-width:14px;
        }
         .tabTopMover #mainContent table #cell9{
        width:115px;max-width:115px;min-width:115px;
        text-align:left;
        }
            .tabTopMover #mainContent table #cell10 {
         width:5px;
        }
       .tabTopMover #mainContent table #cell11 {
        width:40px;max-width:40px;min-width:40px; 
        }
        .tabTopMover #mainContent table #cell12 {
         width:5px;
        }

        .tabTopMover #mainContent table #cell13 {
        width:50px;max-width:50px;min-width:50px;
        }
         .tabTopMover #mainContent table #cell14 {
         width:5px;
        }
          .tabTopMover #mainContent table #cell15 {
         width:63px;max-width:63px;min-width:63px;
        }

         .tabTopMover #mainContent table tbody {
        font-size:12px;line-height:10px;
        }
		
	  .tabTopMover #mainContent .rightstockname {
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

        .tabTopMover #mainContent table td, .tabTopMover  #lastupdateDiv td {
         margin: 0;
	line-height:10px;
         padding: 4px 0px 4px 0px;
        }

         .tabTopMover #mainContent table tbody td.stockname {
            padding-left:1px;width:114px;max-width:114px;min-width:114px;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;
        }
           .tabTopMover #mainContent table tbody td.rightcell {
            padding-right:4px
        }

        .tabTopMover #mainContent table tbody td..rightstockname {
            padding-left:1px;width:114px;max-width:114px;min-width:114px;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;
        }

        .tabTopMover #lastupdateDiv {
        font-size:12px;
        }


		 /* top mover ocbc*/

.tabTopMover_ocbc {
    font-family: "Microsoft JhengHei",PMingLiU,Calibri,Palatino Linotype,Verdana,Arial;
    padding-top: 0px !important;
    width: 384px;
    height: 768px;
    overflow-x: hidden;
    background-color: #000;

}

.tabTopMover_ocbc .stock_wrapper {
    /*padding-left: 9px;
    padding-right: 9px;*/
    width: 100%;
}
.tabTopMover_ocbc .padleft {
   padding-left: 9px;

}
.tabTopMover_ocbc .padright {
   padding-right: 9px;

}
.tabTopMover_ocbc .content_wrapper {
    height:692px;
}
.tabTopMover_ocbc .content_wrapper .title {
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}
.tabTopMover_ocbc .content_wrapper .title.en {
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 0px;

}
.tabTopMover_ocbc .content_wrapper .title .page {
    color: #fff;
    font-size: 25px;
}
.tabTopMover_ocbc .content_wrapper .title.en .page {
    color: #fff;
    font-size: 20px;
}
.tabTopMover_ocbc .content_wrapper .stock_wrapper .desp {
    color: #fff;
    font-size: 28px;
    margin-bottom: 5px;
    margin-left: 9px;
    font-weight:bold;

}

.tabTopMover_ocbc .content_wrapper .stock_wrapper .en_desp {
    color: #fff;
    font-size: 20px;
    margin-bottom: 5px;
    margin-left: 9px;
    font-weight: bold;
}

.tabTopMover_ocbc .content_wrapper .stock_wrapper .symbol {
    color: #ffac30;
    font-size: 22px;
    margin-left: 9px;
    font-weight: bold;
    width: 60px;
}

.tabTopMover_ocbc .content_wrapper .stock_wrapper .last {
    color: #ffac30;
    font-size: 22px;
    margin-left: 10px;
    font-weight: bold;
    width: 175px;
    text-align: right;
}

.tabTopMover_ocbc .content_wrapper .stock_wrapper .tri {
  width: 16px;
  padding-left:13px;
  position:relative;
}

.tabTopMover_ocbc .content_wrapper .stock_wrapper .arrow-up {
  width: 0; 
  height: 0; 
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  
  border-bottom: 16px solid #21e622;
  position:absolute;
  top:8px;
}
.tabTopMover_ocbc .content_wrapper .stock_wrapper .arrow-down {
  width: 0; 
  height: 0; 
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  
  border-top: 16px solid #ff1d1d;
  padding-top: 5px;
  position:absolute;
  top: 8px;
}
.tabTopMover_ocbc .content_wrapper .stock_wrapper .change {
    font-size: 22px;
    margin-left: 13px;
    font-weight: bold;
    color: #afafaf;
    width:93px;
    text-align: right;
}

.tabTopMover_ocbc .content_wrapper .stock_wrapper .change.rise,
.tabTopMover_ocbc .content_wrapper .stock_wrapper .change_pct.rise{
    color: #0ed60f;
}
.tabTopMover_ocbc .content_wrapper .stock_wrapper .change.drop,
.tabTopMover_ocbc .content_wrapper .stock_wrapper .change_pct.drop
{
    color: #ff3f3f;
}


.tabTopMover_ocbc .content_wrapper .stock_wrapper .change_pct {
    font-size: 22px;
    margin-left: 13px;
    font-weight: bold;
    color: #afafaf;
    text-align: right;
    width: 90px;
}

.tabTopMover_ocbc .empty {
    height: 15px;
}
.tabTopMover_ocbc #lastupdateDiv {
    color: #fff;
    font-size: 20px;
    text-align:center;
    width: 100%;


}
.tabTopMover_ocbc .nodata {
    color: #afafaf;
   font-size: 33px;
   padding-top: 311px;
   text-align: center;
}

.tabTopMover_ocbc #lastupdateDiv a {
    color: #fff;
}


/* white */
.tabTopMover_ocbc.white {
    font-family: "Microsoft JhengHei",PMingLiU,Calibri,Palatino Linotype,Verdana,Arial;
    padding-top: 0px !important;
    width: 384px;
    height: 768px;
    overflow-x: hidden;
    background-color: #C69214;

}

.tabTopMover_ocbc.white .content_wrapper .title {
    color: #fff;
}

.tabTopMover_ocbc.white .content_wrapper .title .page {
    color: #fff;
}
.tabTopMover_ocbc.white .content_wrapper .title.en .page {
    color: #fff;
}
.tabTopMover_ocbc.white .content_wrapper .stock_wrapper .desp {
    color: #fff;

}

.tabTopMover_ocbc.white .content_wrapper .stock_wrapper .en_desp {
    color: #fff;
}

.tabTopMover_ocbc.white .content_wrapper .stock_wrapper .symbol {
    color: #fff;
}

.tabTopMover_ocbc.white .content_wrapper .stock_wrapper .last {
    color: #000;
}

.tabTopMover_ocbc.white .content_wrapper .stock_wrapper .arrow-up {
  width: 0; 
  height: 0; 
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  
  border-bottom: 16px solid #07b908;
  position:absolute;
  top:8px;
}
.tabTopMover_ocbc.white .content_wrapper .stock_wrapper .arrow-down {
  width: 0; 
  height: 0; 
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  
  border-top: 16px solid #ff1d1d;
  padding-top: 5px;
  position:absolute;
  top: 8px;
}
.tabTopMover_ocbc.white .content_wrapper .stock_wrapper .change {
    font-size: 22px;
    margin-left: 13px;
    font-weight: bold;
    color: #afafaf;
    width:93px;
    text-align: right;
}

.tabTopMover_ocbc.white .content_wrapper .stock_wrapper .change.rise,
.tabTopMover_ocbc.white .content_wrapper .stock_wrapper .change_pct.rise{
    color: #07b908;
}
.tabTopMover_ocbc.white .content_wrapper .stock_wrapper .change.drop,
.tabTopMover_ocbc.white .content_wrapper .stock_wrapper .change_pct.drop
{
    color: #ff3f3f;
}

.tabTopMover_ocbc.white .data_wrapper {
    /*background-color: #fffbe2;*/
}


.tabTopMover_ocbc.white #lastupdateDiv {
    color: #fff;

}

.tabTopMover_ocbc.white #lastupdateDiv a {
    color: #fff;
}



.hsiindex {
    font-family: "Microsoft JhengHei",PMingLiU,Calibri,Palatino Linotype,Verdana,Arial;
    padding-top: 0px !important;
    width: 384px;
    height: 768px;
    overflow-x: hidden;
    background-color: #000;

}

.hsiindex .content_wrapper{
    margin-top:154px;
    

}

.hsiindex .desp_chinese {
    text-align:center;
    color: #fff;
    font-size: 45px;
    font-weight: bold;
}
.hsiindex .desp_en {
    text-align:center;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
}
.hsiindex .last {
    text-align:center;
    color: #ffac30;
    font-size: 70px;
    font-weight: bold;
    margin-top: 45px;
    margin-bottom: 30px;
    line-height: 70px;
}

.hsiindex .change_wrapper .arrow-up {
  width: 0; 
  height: 0; 
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  
  border-bottom: 35px solid #21e622;
  position:relative;
  top:4px;
  margin-right: -17px;
}
.hsiindex .change_wrapper .arrow-down {
  width: 0; 
  height: 0; 
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  
  border-top: 35px solid #ff1d1d;
  padding-top: 5px;
  position:relative;
  top:7px;
}
.hsiindex .change_wrapper .tri_wrapper {
    padding-left: 66px;

}
.hsiindex .change_wrapper .change,
.hsiindex .change_pct {
    font-size: 50px;
    font-weight: bold;
    padding-right: 65px;
    text-align: right;
    color: #afafaf;
}
.hsiindex table {
    width: 100%;
    margin-right: 60px;
    margin-bottom: 35px;
}

.hsiindex .change_wrapper .change.drop,
.hsiindex .change_pct.drop
{
    color: #ff3f3f;

}

.hsiindex .change_wrapper .change.rise,
.hsiindex .change_pct.rise{
    color: #0ed60f;
}
.hsiindex #lastupdateDiv {
    color: #fff;
    font-size: 20px;
    text-align:center;
    width: 100%;


}
.hsiindex .nodata {
    color: #fff;
    width: 100%; 
    text-align: center;
}

.hsiindex #lastupdateDiv a {
    color: #fff;
}

/*white*/

.hsiindex.white {
    background-color:#C69214;

}

.hsiindex.white .desp_chinese {
    color: #fff;

}
.hsiindex.white .desp_en {
    color: #fff;
}
.hsiindex.white .last {
    color: #000;
}

.hsiindex.white .change_wrapper .arrow-up {
  width: 0; 
  height: 0; 
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  
  border-bottom: 35px solid #07b908;
  position:relative;
  top:4px;
  margin-right: -17px;
}
.hsiindex.white .change_wrapper .arrow-down {
  width: 0; 
  height: 0; 
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  
  border-top: 35px solid #ff1d1d;
  padding-top: 5px;
  position:relative;
  top:7px;
}

.hsiindex .change_wrapper .change.drop,
.hsiindex .change_pct.drop
{
    color: #ff3f3f;

}

.hsiindex .change_wrapper .change.rise,
.hsiindex .change_pct.rise{
    color: #07b908;
}
.hsiindex.white #lastupdateDiv {
    color: #fff;
    font-size: 20px;
    text-align:center;
    width: 100%;


}
.hsiindex.white .nodata {
    color: #fff;
    width: 100%; 
    text-align: center;
}

.hsiindex.white #lastupdateDiv a {
    color: #fff;
}