@charset "utf-8";body{border-right:2px solid #00a1bd !important}.themeColor,themeColor a,.CateName,.CateName a,.CateName:visited{color:#00a1bd !important}.themeBgColor{background-color:#00a1bd}.themeBorderColor,.Segment li.selected{border-color:#00a1bd !important}#ShareBar #Social #Comment{background-position:-150px -1050px}#Category li.selected{border-top:2px solid #00a1bd}.CommonBtn.SubmitBtn{background-color:#00a1bd}#InvChartMenu .selected,.InvChartWrapper li.selected{background-color:#00a1bd !important;color:#fff}.ChartSwitch.On{background-position:-238px -1706px}#InvChartSettingOption li>ul.SetColor>li.selected{border-color:#00a1bd !important}.bold{font-weight:bold}.DataSheetStyleA li.FuturesTime{width:100px;text-align:left}div .bio .Content img{width:auto}.FuturesHome{list-style:none;padding:0;margin:0;font-size:0;display:block}.DataGridStyleA.OpenTrade{background-color:#e7f6fd;border:1px solid #92dae7;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.2);box-shadow:0 0 2px 0 rgba(0,0,0,0.2)}.DataGridStyleA.OpenTrade li.StockName:after{content:"開市中";background-color:#00a1bd;color:#fff;font-size:11px;padding:1px 2px 0 2px;line-height:110%;display:inline-block;vertical-align:middle;margin-left:2px}.DataGridStyleA.CloseTrade{border:1px solid #eaeaea}.DataGridStyleA.Summary{padding-bottom:0}.DataGridStyleA.Spot{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding:12px 0}.DataGridStyleA.ChartArea{border-bottom:1px solid #eaeaea;padding-bottom:12px}.DataGridStyleA.Day{margin-top:5px}.FuturesHome li{width:100%}.FuturesHome li{display:inline-block;margin:0;vertical-align:top;font-size:16px;padding:0}.FuturesHome li.StockName{width:100%;font-weight:bold}.DataGridStyleA.TypeA,.DataGridStyleA.TypeB{width:calc(100% - 20px);margin:7px 10px !important}.DataGridStyleA.TypeA,.DataGridStyleA.TypeB.Spot{padding:10px}.DataGridStyleA.TypeB.Summary{padding:0 10px !important}.FuturesHome li.Nominal{font-size:22px;margin:6px 0}.FuturesHome li.Nominal span{font-size:13px;vertical-align:middle;margin-left:8px}.FuturesHome li.Nominal span:first-child{color:#333}.FuturesHome li.Nominal span.Arrow{margin-left:0 !important}.FuturesHome li.Others,.FuturesHome li.Notes{font-size:0;line-height:100%}.FuturesHome li.Notes{padding:5px 0 5px 0}.FuturesHome li.Others span,.FuturesHome li.Notes span{display:inline-block;font-size:15px;color:#666;line-height:130%}.FuturesHome li.Others span{width:50%}.FuturesHome li.Notes span{width:100%}.FuturesHome li.ChartImg{text-align:center}.FuturesHome li.ChartImg img{width:100%;max-width:290px}.FuturesHome li.ChartLegend>span{display:inline-block;margin-right:8px;font-size:12px}.FuturesHome li.ChartLegend>span>span{width:12px;height:12px;display:inline-block;margin-right:2px}.FuturesHome li.ChartLegend>span:first-child>span{background-color:#0b66a4}.FuturesHome li.ChartLegend>span:last-child>span{background-color:#fa3200}#FuturesHomeList li.Time{width:50px}#FuturesHomeList li.Lowest{padding-right:10px}#FuturesHomeList li.PD{width:55px;text-align:right;font-weight:bold}#FuturesHomeList ul.ListHeader li.PD{font-weight:normal}#FuturesHomeList ul.PrevTrade,#FuturesHomeList ul.PrevTrade li{background-color:#fff9ef !important}#FuturesHomeList ul.OpenTrade,#FuturesHomeList ul.OpenTrade li{background-color:#e7f7ff !important}.CurrentQuoteInfo{width:calc(100% - 16px);list-style:none;margin:10px 8px;padding:0;font-size:0}.CurrentQuoteInfo li{margin-right:8px;display:inline-block;vertical-align:top;font-size:16px;padding:2px 0}.CurrentQuoteInfo li.StockName{font-weight:bold}.CurrentQuoteInfo li.Nominal{font-weight:bold}.CurrentQuoteInfo li.Nominal span{font-size:13px;color:#333;font-weight:normal;margin-left:5px;word-spacing:2px}.CurrentQuoteInfo li.Others span{display:inline-block;padding-right:15px;font-size:13px}.CurrentQuoteInfo li.Others span:first-child{width:100%}#QuoteWarrant ul{border-bottom:1px solid #eaeaea}#QuoteWarrant ul.at,#QuoteWarrant ul.at li{background-color:#ffd07d !important}#QuoteWarrant ul li.Nominal{width:60px;padding-left:0}#QuoteWarrant ul li.Price{text-align:left}#QuoteWarrant ul li.Ask{padding-right:10px}#QuoteWarrant ul li.Type{width:50px}#QuoteWarrant li.InOut{width:70px;text-align:right}#QuoteWarrant ul li.Type span{display:inline-block;padding:1px 3px;color:#fff;font-size:13px}#QuoteWarrant ul li.Type.Call span{background-color:#e87c12}#QuoteWarrant ul li.Type.Put span{background-color:#8c58a4}#chartLink{float:right}#chartLink a{color:#00a1bd !important}.QuoteFloating{width:calc(100% - 20px);margin:5px 10px;padding:2px;list-style:none;display:block;background-color:#fff;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.4);box-shadow:0 0 5px 0 rgba(0,0,0,0.4)}.QuoteFloating ul{width:100%;font-size:0;margin:0;padding:6px 2px;list-style:none;display:block}.QuoteFloating .VCM{background-color:#fff4fb;margin-top:2px}.QuoteFloating li{display:inline-block;line-height:120%;padding:1px;vertical-align:top;margin:0}.QuoteFloating li.Title{font-size:15px !important;line-height:160%}.QuoteFloating .VCM li.Value{width:19%;text-align:right}.QuoteFloating .VCM li.Value{width:19%;color:#333;text-align:right;font-weight:bold;font-size:15px}.QuoteFloating .VCM li.Value.Item{color:#666;font-size:12px;font-weight:normal;padding-top:7px}.QuoteFloating li.Title,.QuoteFloating li.Time{width:43%;font-weight:bold}.QuoteFloating li.Time{font-size:13px;margin-top:2px}.VCMAlert{background-color:#c01f1c;color:#fff;display:inline-block;font-size:12px;line-height:14px;margin:1px;padding:3px}ul.FuturesHome li.Others span.AlertRemarkIcon{color:#FFF;width:15px;line-height:15px;font-size:11px}@media only screen and (min-width:480px){.DataGridStyleA.TypeA{width:calc(50% - 14px);display:inline-block;float:left}.DataGridStyleA.TypeA.Day{margin-right:1px !important}.DataGridStyleA.TypeA.Night{margin-right:1px !important}.DataGridStyleA.TypeB li.Notes span{width:auto;margin-right:20px}.Segment{text-align:center}.FuturesHome li.ChartLegend{text-align:center}.CurrentQuoteInfo li.Others span:first-child{width:auto}.QuoteFloating.Portrait{display:none}.QuoteFloating.Landscape{display:inline-block !important}ul.FuturesHome .Others span{width:50%}}@media only screen and (max-width:320px){.FuturesHome li.Others span,.FuturesHome li.Notes span{font-size:13px}}@media only screen and (-webkit-min-device-pixel-ratio:0){::webkt,.DataGridStyleA.TypeA,.DataGridStyleA.TypeB{width:96%;margin:7px 2% !important}}@media only screen and (-webkit-min-device-pixel-ratio:0) and (orientation:landscape){::webkt,.DataGridStyleA.TypeA,.DataGridStyleA.TypeB{width:98%;margin:7px 1% !important}::webkt,.DataGridStyleA.TypeA{width:47%}}