/*
 For full portal web
*/

/* common */
#portalWrapper *{font-family:helvetica,Arial,sans-serif,serif; font-size:15px}
.header{height:130px;}
.upLogo{background: url(../images/percentage-up.png) no-repeat 2% 50%;background-size: 12px 12px;padding: 0px 2px 0px 12px;}
.downLogo{background: url(../images/percentage-down.png) no-repeat 0% 0%;background-size: 12px 12px;padding: 0px 2px 0px 12px;}
.negative, .redColor{color: red;}
.positive, .greenColor{color: green;}
a:not(.md-button){color:rgb(33, 30, 143);}
#postLogon{width:100%;margin:inherit}
td,th{display:table-cell;vertical-align:inherit}
.errMsg{color:#BF0000}
.ui-widget-header{color:#000}
.clearBoth{clear:both}
.maxWidth{width:100%}
.maxHeight{height:100%}
.alignRight{text-align:right}
#searchStockPanel *{color:#222;font-family:Arial,Helvetica,sans-serif;padding:4px 10px}
#searchStockPanel input,button{margin:5px}
#searchStockPanel button{background-attachment:scroll;background-clip:border-box;background-color:#f6f4f4;background-origin:padding-box;background-size:auto;border-bottom-left-radius:0;border-bottom-right-radius:0;border-collapse:collapse;border-image-outset:0;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;border-top-left-radius:0;border-top-right-radius:0;color:#555;cursor:pointer;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:25.5938px;line-height:normal;list-style-image:none;list-style-position:outside;list-style-type:none;margin-right:1.2px;overflow-x:visible;overflow-y:visible;position:relative;text-align:center;text-decoration:none;width:63px;zoom:1;border-color:#fff;border-style:solid;border-width:1px;padding:0}
#stockSymbolName{background-color:#1a5db0;color:#fff;height:20px;font-size:14px;font-weight:700;padding-top:3px;padding-bottom:3px;padding-left:5px;vertical-align:middle}

/*datePicker*/
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{width:15px;}
.ui-datepicker td span, .ui-datepicker td a{text-align:center;}
.ui-datepicker table thead tr th{background:#17559e; border:0px; color:#fff;}
.ui-datepicker table tbody tr td{background:#f4f7fd; border:1px solid #17559e;}

.ui-datepicker-calendar {background: #f4f7fd;}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default{border:0px; padding: .20rem 0 1.5rem; font-size: 1rem;}
.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight{color: #f4f7fd; background-color: #4E4F4A !important; border-color: #4E4F4A;}
.ui-datepicker .ui-widget-content .ui-state-active.ui-state-hover, 
.ui-datepicker .ui-widget-content .ui-state-active.ui-state-hover a:hover, 
.ui-datepicker .ui-widget-content .ui-state-active{background: #3f4c5c !important; color:#FFF}

.ui-widget-content .ui-state-default:not(.ui-state-hover):not(.ui-state-active), .ui-state-default:not(.ui-state-hover):not(.ui-state-active),
.ui-widget-content .ui-state-highlight:not(.ui-state-hover):not(.ui-state-active), .ui-widget-header .ui-state-highlight:not(.ui-state-hover):not(.ui-state-active){background:initial;border:0px}
.ui-widget-content .ui-state-active.ui-state-hover, .ui-widget-content .ui-state-active.ui-state-hover a:hover, .ui-widget-content .ui-state-active{background: #3f4c5c; color:#FFF}

/*content page*/
.contentBannerParent{position: relative;overflow: hidden;height:369px;width: 100%}
.contentBannerChild{height:355px; top:-356px; position: absolute;width: 100%;left: -9999px;right: -9999px;margin: auto;
  transition: top .5s ease-out; width:100%} 
.textBackground{border-bottom: 80px solid rgb(234, 194, 134);border-right: 40px solid transparent; width:32%; left:-200px;
  margin-top:-70px;position:absolute;transition: left 1s cubic-bezier(0.17, 0.04, 0.03, 0.94);}.bannerTextBox{margin-top: 360px;width:32%;}
#portalWrapper .textBackground div{float:right;font-size:60px;margin-top:-70px;position:relative;top: 75px;}
.titleTextBox{position:absolute;top:-60px;right: 475px;font-size:60px;font-weight:bold;}
.miniNav{width:55%; margin:auto; padding: 20px 0px;}
.contentContainer{background:#DDD; margin:auto; width: 920px}
.contentContainer .submenuNavBlock{width:200px; height:100%; float:left}
.contentContainer .submenuNavBlock table{width:100%;}
.contentContainer .submenuNavBlock tr td{border-bottom: 1px solid #000; padding: 10px 0px; margin-bottom: 0px}
.contentContainer .submenuNavBlock table thead tr td{border-bottom: 3px solid #000; font-size:19px; padding: 10px 0px;}
.contentContainer .submenuNavBlock table tbody tr{cursor:pointer;}
.contentContainer .submenuNavBlock table tbody tr:hover{background:rgb(234, 194, 134);}
.contentContainer .submentContentBlock{width:720px; float:right;}
.contentContainer .submentContentBlock .ui-view{padding-left: 25px}

/*home page*/
#portalWrapper{margin:0;padding:0;font-family:helvetica;color:#000000;font-size:14px;}
.bx-wrapper .bx-viewport{-moz-box-shadow:none -webkit-box-shadow:none; box-shadow:none;}
.navMenu{width:100%;background:#562D2D;float:left;z-index:10000;border-bottom: 5px solid #DBC88F;}
.navMenu ul{margin:0; padding:0; list-style:none;position:relative; text-align:center}
.navMenu ul li{display:inline-block;}
.navMenu ul li a{display:block;text-decoration:none;padding:10px 40px;color:#FFF; font-size:15px;
transition:background 0.1s linear 0s, color 0.2s linear 0s; background: url(../images/1x11_white.jpg) no-repeat 100% 50%}
.navMenu .megamenu ul li a{color:#000000;}
.navMenu ul li a.lastMenuChild{background:none;}
.navMenu ul li a.selectedMenu{background:#F0B186; color: #000000; font-weight:bold}
.navMenu ul li a:hover, .navMenu > ul > li:hover, .navMenu > ul > li:hover > a{background:#FFFFFF; color: #000000;}

/* home page mega menu css */
.navMenu ul li .megamenu{width:100%; padding:5px 5px; background:#FFFFFF;
position:absolute; display:none; left: 0px; border-bottom: 2px solid #999999;z-index:10000}
.navMenu ul li:hover .megamenu{display:block;}
.navMenu ul li:hover .displayNone {display:none;}
.navMenu ul li:hover .megamenu li:first-child .submenuComponent{display:block;}
.navMenu ul li .megamenu .submenu{overflow:auto; height:290px; width:1000px; margin:auto; overflow-x: hidden;
  overflow-y: hidden;}
.navMenu ul li:hover .megamenu li{width:100%; margin-right:40px; float:left;}
.navMenu ul li:hover .megamenu li a{padding:10px; background:#FFFFFF;}
.navMenu ul li:hover .megamenu li a:hover{background:#EEEEEE; color:#fb6969}
.navMenu ul li:hover .megamenu li:hover, .navMenu ul li:hover .megamenu li:hover .submenuComponent{display:block;}
.navMenu ul li .submenuComponent{width:75%; height:0%; float:right; display:none; position:absolute; left:230px; top:0px }
.navMenu ul li .megamenu .submenuTitle{float:left; width: 25%}
.navMenu ul li .submenuComponent .submenuTable{width:100%; height:290px; background:#FFFFFF}

/* home page Top menu */
.topMenu{float:right}
.topMenu .trapezoid{border-top: 30px solid #444;border-left: 40px solid transparent;
  border-right: 40px solid transparent;height: 0;width: 267px; transition: border-top .1s ease-in; }
.topMenu:hover .trapezoid{border-top: 35px solid #444;}
.topMenu ul{position: relative;top: -23px;left: -50px;}
.topMenu ul li{color: #FFF;display:inline-block;padding: 0px 20px; margin-right: -5px;
  background: url(../images/1x11_white.jpg) no-repeat 100% 50%, url(../images/1x11_white.jpg) no-repeat 0% 50%}
.topMenu ul li a{text-decoration: none;color: #FFF}
.topMenu .magnifying-glass{font-size: 22px;display: inline-block;width: 9px;height: 9px;
  border: 2px solid green;position: relative;border-radius: 0.35em;margin-left: 5px}
.topMenu .magnifying-glass::before{content: "";display: inline-block;position: absolute;right: -0.27em;
  bottom: -0.12em;border-width: 0;background: green;width: 0.35em;height: 0.08em;
  -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg)}

/* home page Top Search Bar */
.globalSearch{color: #FFF; cursor:pointer}
#container{transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);height:100%}
.searchPopUp{background:#181818;color:#FFF;position: absolute;top: -75px;left: 0;width: 100%;
  height: 75px;padding: 20px;transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  overflow: hidden;box-sizing: border-box;text-align:center;}
.submitButton{background-color: #222222; /* Green */border: none;color: white;padding: 2px 32px;text-align:
  center;text-decoration: none;display: inline-block;font-size: 16px;cursor:pointer}

/* home page banner */
.bx-wrapper .bx-viewport{border:0px;}

/* Common Iframe Page */
.commonIframePage{width:700px; height:100%}
.ipo .commonIframePage{width:750px;}

/* blockUI */
.blockHeader{font-weight:700;font-size:16px;color:#1855bd}
#blockWrapper .blockTitle{background-color:#1A5DB0;font-size:18px;font-weight:700;color:#FFF;padding:5px;top:5px}
#blockWrapper .blockTime{font-size:15px;font-weight:700;padding-top:10px}
#blockWrapper .blockContent{padding-top:5px;font-size:13px;font-family:MingLiu}
#blockWrapper .blockFooter{text-align:center;font-size:13px;color:#444}
#blockWrapper .line{border-color:#bfbfbf transparent #FFF;border-style:solid;border-width:1px 0;top:10px}
#blockWrapper .blockFooter .copyRight{top:10px;font-weight:700}
#blockWrapper .blockFooter .disclaimer{top:3px;font-weight:400}

/* CompanyProfile */
#companyProfileTitle{color:#1855bd;font-size:16px;font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;font-style:normal;font-variant:normal;font-weight:700}
.containerOutline{background-attachment:scroll;background-clip:border-box;background-color:#fff;background-origin:padding-box;border-collapse:collapse;color:#222;display:block;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;line-height:normal;text-align:left;width:664px;border-color:#eee;border-style:solid;border-width:1px;margin:0;padding:0}
.dataTitle span{color:#0085c6;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;padding:3px 0 3px 5px}
.companyInfo .dataTitle{width:130px;vertical-align:top}
.companyInfo .dataTitle:lang(zh_TW){width:150px;vertical-align:top}
.companyInfo .dataTitle:lang(zh_CN){width:150px;vertical-align:top}
.financialRecord td{padding:3px 0 3px 5px}
.financialRecord .tableTitle{background:silver!important;color:#222;font-weight:700;font-size:14px}
.financialRatios .tableTitle{background:silver;color:#222;font-weight:700;font-size:14px}
.financialRatios td{padding:3px 0 3px 5px}
.capitalChanges .tableTitle{background:silver;color:#222;font-weight:700;font-size:14px;margin-bottom:5px}
#containerExpertCornerFrame{width:100%;height:620px;overflow:hidden;border:0}
#containerSectorComparisonFrame{width:100%;height:3250px;overflow-y:hidden;border:0}

/* common detail page content style */
.contentTitle{
  height: 43px;
  line-height: 30px;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  text-indent: 0.5em;
  font-size: 20px;
  margin: auto;
  border-bottom: 1px solid rgb(195, 204, 217);
}
.contentSubTitle{
  color:#2e74b5;
  font-weight:bold;
  font-size:15px;
  margin: 12px 0px;
}
.contentText{
    line-height: 30px!important;
    font-size: 13px!important;
    font-family: Arial,Helvetica,sans-serif
    text-align: justify;
}

.overflowAuto{
	overflow-y:auto;
	height: 25vh;
}

.fixedHeaderTr{
	display:table;
	width:calc(100% - 2em);
	table-layout:fixed;
}

.fixedContentTr{
	display:table;
	width:100%;
	table-layout:fixed;
}

.scrollContent{
	display:block;
}