@charset "utf-8";

/* CSS Document */



*{box-sizing:border-box; background-repeat:no-repeat; -webkit-overflow-scrolling:touch;}





/* Form */

form{margin:0px;}

input, textarea, input[type=number]::-webkit-inner-spin-button, input[type="checkbox"]{-webkit-appearance:none; appearance:none; outline:none; border-radius:0px; border:1px solid #c2c2c2; display:inline-block; background-color:#FFFFFF; font-family:Montserrat-Regular,Helvetica,Arial,'微軟正黑體','Microsoft JhengHei',sans-serif;}

input[type="radio"] {-webkit-appearance:none; appearance:none; border-radius:100%; border:3px solid #FFFFFF; box-shadow:0px 0px 0px 1px #C2C2C2; background-color:#FFFFFF; clip:rect(0 0 0 0); box-sizing:border-box; width:14px !important; height:14px !important;}

input[type="radio"]:checked{-webkit-appearance:radio-button; appearance:radio-button; background-color:#545454;}

input[type="checkbox"]{height:15px !important; width:15px !important; vertical-align:middle; margin-right:2px;}

input[type="checkbox"]:checked{-webkit-appearance:checkbox; appearance:checkbox; content:"\2714" !important;}

select{-webkit-appearance:none; appearance:none; outline:none; border-radius:0px;}

::-webkit-input-placeholder{color:#999999; font-size:13px; text-indent:5px;}

:-moz-placeholder{color:#999999; font-size:13px; text-indent:5px;}

::-moz-placeholder{color:#999999; font-size:13px; text-indent:5px;}

:-ms-input-placeholder{color:#999999; font-size:13px; text-indent:5px;}









/* Up, Down ******************************************************************************************************************************************************************************************/

.Up, .Down, .Unchange{font-weight:bold;}

.Up{color:#009900;}

.Down{color:#CC0000;}

.Unchange{color:#000000;}

.Arrow{white-space:nowrap;}

.Arrow::before{content:""; border-left:5px solid transparent; border-right:5px solid transparent; width:0px; height:0px; display:inline-block; *display:inline; padding:0px; margin:0px 3px 0px 0px; float:left; vertical-align:bottom;}

.Arrow::after{clear:both;}



body.ColorPaletteA .Up{color:#009900;}

body.ColorPaletteA .Down{color:#CC0000;}

body.ColorPaletteA .Up.Arrow::before{border-bottom:9px solid #009900;}

body.ColorPaletteA .Down.Arrow::before{border-top:9px solid #CC0000;}

body.ColorPaletteB .Up{color:#CC0000;}

body.ColorPaletteB .Down{color:#009900;}

body.ColorPaletteB .Up.Arrow::before{border-bottom:9px solid #CC0000;}

body.ColorPaletteB .Down.Arrow::before{border-top:9px solid #009900;}

.Unchange.Arrow{display:none;}









/* Carousel *********************************************************************************************************************************************************************************************/

.CarouselWrapper{width:100%; margin:0%; padding:0%; font-size:0px; position:relative; overflow:hidden;}

.CarouselInner{width:auto; height:auto; position:relative; top:0%; left:0%; display:flex; flex-wrap:nowrap; align-items:stretch;}

.CarouselInner > *{flex-shrink:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none;}

.CarouseIndicator{margin:-20px auto 0 0; position:relative;}

.CarouseIndicator > span.swiper-pagination-bullet{width:10px; height:10px; background-color:#FFFFFF; border:1px solid #999999; opacity:1; overflow:hidden; list-style:none; margin:0px 3px; display:inline-block; border-radius:100%;}

.CarouseIndicator > span.swiper-pagination-bullet-active{border-color:#333333; background-color:#333333; cursor:default; color:#FFFFFF;}

.CarouseIndicator.Numbering{text-align:center;}

.CarouseIndicator.Numbering > span{width:40px; height:40px; line-height:30px; font-size:12px; color:#999999; text-align:center; border-radius:50%; padding:5px 0px; margin:10px 2px; border-color:#E2E3E4;}

.CarouseIndicator.Numbering > span.swiper-pagination-bullet-active{border-color:#333333; color:#FFFFFF;}

.swiper-pagination{text-align:center; -webkit-transition:300ms opacity; o-transition:300ms opacity; transition:300ms opacity; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10;}

.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;}



@media only screen and (min-width:900px) {

	.CarouseIndicator{margin:0px auto; position:relative;}

}





/* List *********************************************************************************************************************************************************************************************/

.List{display:block; width:100%; margin:0px; padding:0px; list-style:none;}

.List > li{display:flex; flex-wrap:wrap; align-items:flex-start; padding:5px 0px; border-bottom:1px dotted #CCCCCC; position:relative;}

.List > li:last-of-type{border-bottom:none;}

.List p, .List h4{margin:6px 0px; line-height:130%; width:100%;}

.List p{font-size:15px; color:#666666;}

.List .ContentGroup{display:flex; flex-wrap:nowrap; align-items:center;}

.List .ContentExtra{flex:1 1;}

.List .Thumbnail{flex:0 0 100%; order:-1; margin:0%;}

.List .RankingNum, .List .ProfileImg{flex:0 0 65px; margin-right:10px;}

.List .RankingNum{line-height:65px; font-size:36px; color:#666666; text-align:center; align-self:center; position:relative; border-radius:50%; background-color:#FFFFFF; border:1px solid #EFEFEF; -webkit-box-shadow: 0px -6px 6px -3px rgba(0,0,0,0.1); box-shadow: 0px -6px 6px -3px rgba(0,0,0,0.1); -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none;  font-family:Montserrat-Bold,Helvetica,Arial,'微軟正黑體','Microsoft JhengHei',sans-serif; transition:background-color color 0.3s;}

.List .RankingNum:hover{background-color:#333333; color:#FFFFFF; transition:all 0.3s;}

.List.SRanking .ContentGroup{flex:0 0 55px;}

.List.SRanking .RankingNum{flex:0 0 45px; margin-right:10px; height:45px; line-height:45px; font-size:18px; font-weight:900; align-self:flex-start;}

.List.SRanking h4{flex:1 1;}



/* List TypeA */

.List.TypeA .Content{width:100%; padding:0px; margin:0px; font-size:0px;}

.List.TypeA.TimeNoWrap p.Time, .List.TypeA.TimeNoWrap h4{display:block;}

@media only screen and (min-width:800px) {

	.List.TypeA.TimeNoWrap p.Time, .List.TypeA.TimeNoWrap h4{display:inline-block; vertical-align:middle; margin:0px;}

	.List.TypeA.TimeNoWrap p.Time{width:90px;}

	.List.TypeA.TimeNoWrap h4{width:calc(100% - 90px);}

}





/* List TypeB */

.List.TypeB{display:flex; flex-wrap:wrap; align-items:flex-start;}

.List.TypeB > li{padding:10px 0px; flex:0 0 100%;}

.List.TypeB .Thumbnail{flex:0 1 50%; order:0; margin-left:10px;}

.List.TypeB .Content{flex:1 1; padding:0px; margin:0px; font-size:0px;}

.List.TypeB.SRanking .Content{display:flex;}

@media only screen and (min-width:600px) {

    .List.TypeB{align-items:stretch;}

	.List.TypeB > li{flex:0 0 50%; padding:1vw; border:none;}

	.List.TypeB > li:nth-child(odd){padding-left:0;}

	.List.TypeB > li:nth-child(even){padding-right:0;}

    .List.TypeB > li > .Content{flex:0 0 100%; order:2;}

    .List.TypeB > li > .Thumbnail{flex:0 0 100%; order:1; margin:0px;}

}

@media only screen and (min-width:900px) {

    .List.TypeB > li{flex:0 0 33.333%;}

	.List.TypeB > li:nth-child(odd), .List.TypeB > li:nth-child(even){padding-left:1vw; padding-right:1vw;}

    .List.TypeB > li:nth-child(3n-2){padding-left:0;}

    .List.TypeB > li:nth-child(3n-0){padding-right:0;}

}





/* List TypeC */

.List.TypeC .Content{flex:1 0 0; padding:0px; margin:0px; font-size:0px; margin-top:15px; padding-right:0%;}

@media only screen and (min-width:600px) {

	.List.TypeC .Thumbnail{flex:0 0 200px; order:0;}

	.List.TypeC .Content{padding-right:3%; margin-top:inherit;}

}





/* List TypeD */

.List.TypeD .Content{width:100%; padding:0px 0px 8px 0px; margin:0px auto; border-radius:6px; background-color:#FFFFFF; overflow:hidden; font-size:0px; -webkit-box-shadow:0px 12px 8px -10px rgba(0,0,0,0.1); box-shadow:0px 12px 8px -10px rgba(0,0,0,0.1); border:1px solid #E2E3E4;}

.List.TypeD .User{display:inline-block; font-weight:500; -webkit-transition:background-color ease-in 0.1s; transition:background-color ease-in 0.1s;}

.List.TypeD p{margin:0px; padding:3px 15px; font-size:14px; color:#000000;}

.List.TypeD .Title{display:block; font-size:14px; color:#000000; font-style:italic; text-align:justify; background-color:#F5F5F5; margin-bottom:8px; padding:10px 55px 10px 15px; border-bottom:1px solid #E2E3E4; position:relative; -webkit-user-select:none; user-select:none; cursor:pointer; -webkit-transition:background-color ease-in 0.1s, color ease-in 0.1s; transition:background-color ease-in 0.1s, color ease-in 0.1s;}

.List.TypeD .Title::after{content:"〉"; display:block; font-size:15px; color:#999999; font-weight:normal; font-style:normal; text-align:center; width:30px; height:30px; line-height:30px; position:absolute; right:5px; top:calc(50% - 15px); tranform:translateY(-50%); -webkit-transition:right ease-in 0.1s; transition:right ease-in 0.1s;}

.List.TypeD li{border-bottom:none; padding-bottom:8px;}

.List.TypeD .Content:hover{background-color:#F5F5F5; -webkit-transition:background-color ease-out 0.2s; transition:background-color ease-out 0.2s;}

.List.TypeD .Content:hover .Title{background-color:#E2E3E4; color:#000000; -webkit-transition:background-color ease-out 0.2s, color ease-out 0.2s; transition:background-color ease-out 0.2s, color ease-out 0.2s;}

.List.TypeD .Content:hover .Title::after{right:0px; -webkit-transition:right ease-out 0.2s; transition:right ease-out 0.2s;}









/* Grid *********************************************************************************************************************************************************************************************/

.Grid{display:flex; width:100%; flex-wrap:nowrap; align-items:stretch; justify-content:flex-start; padding:0px;}

.Grid > ul{flex:1 1 100%; list-style:none; margin:0%; padding:0px; max-width:none;}

.Grid > ul > li{display:flex; flex-wrap:wrap; padding:15px 0%; width:100%;}

/*.CarouselInner .Grid{width:33.333%; display:inline-flex;}*/

.CarouselInner .Grid{width:100%; display:inline-flex;}

.CarouselInner .Grid > ul{width:100%; flex:1 0 100% !important;}

.Grid p, .Grid h4{margin:0px 0px 3% 0px; line-height:130%; width:100%; display:block;}

.Grid p{font-size:15px; color:#666666;}

.Grid .ContentGroup{display:flex; flex-wrap:nowrap; align-items:center;}

.Grid .ProfileImg{flex:0 0 65px; margin-right:10px; margin-bottom:10px;}

.Grid .ContentExtra{flex:1 0 0;}



/* Grid TypeA */

.Grid.TypeA > ul > li{align-items:stretch;}

.Grid.TypeA .Content{flex:1 1; align-self:flex-start; padding:0% 5%; margin:0px; font-size:0px;}

.Grid.TypeA .Thumbnail{flex:0 0 100%; order:-1; margin-bottom:15px;}

/*@media only screen and (min-width:600px) {

	.Grid.TypeA > ul{flex:0 1 50%;}

	.Grid.TypeA > ul > li{padding:15px 10px;}

	.Grid.TypeA .Content{padding:0% 5%;}

}

@media only screen and (min-width:800px) {

	.Grid.TypeA > ul{flex:0 1 33.333%;}

	.Grid.TypeA.Col-2 > ul{flex:0 1 50%;}

}*/



/* Grid TypeB */

.Grid.TypeB > ul > li{align-items:flex-start;}

.Grid.TypeB > ul{border-bottom:none;}

.Grid.TypeB .Content{flex:1 0 0; align-self:flex-start; padding:0%; margin:0px; font-size:0px;}

.Grid.TypeB .Thumbnail{flex:0 0 100%; order:-1; margin-bottom:15px;}

@media only screen and (min-width:600px) {

	.Grid.TypeB .Thumbnail{flex:0 0 200px; order:1; margin-left:10px; margin-bottom:0px;}

	.Grid.TypeB .Content{flex:1 0 0; order:-1;}

	.Grid.TypeB > ul{flex:0 1 100%; border-bottom:1px dotted #CCCCCC;}

	.Grid.TypeB > ul:last-of-type{border-bottom:none;}

}

@media only screen and (min-width:800px) {

	.Grid.TypeB > ul{flex:0 1 33.333%; border-bottom:none;}

	.Grid.TypeB .Content{flex:1 0 0; order:1; padding:0% 5%;}

	.Grid.TypeB .Thumbnail{flex:0 0 100%; order:-1; margin-bottom:15px; margin-left:0px;}

	.Grid.TypeB > ul > li{padding:15px 3%;}

	.Grid.TypeB.Col-2 > ul{flex:0 1 50%;}

}



/* Grid TypeC */

.Grid.TypeC > ul{flex:0 1 100%;}

.Grid.TypeC > ul > li{height:100%; padding:15px 5%; display:block; background-size:30px; background-position:top 3% left 5%; background-repeat:no-repeat; background-image:url("../images/greybubblebg.png");}

.Grid.TypeC .Content{display:flex; flex-wrap:wrap; flex-direction:column; height:100%; height:auto; width:100%; margin:0px; padding:0px 5%; font-size:0px;}

.Grid.TypeC .ContentGroup{flex:0 0 100%; order:-1;}

.Grid.TypeC h4{flex:1 0 0; order:-1;}

/*@media only screen and (min-width:480px) {

	.Grid.TypeC .Content{flex:1 0 100%; padding:0% 2%;}

}

@media only screen and (min-width:600px) {

	.Grid.TypeC > ul > li{padding:15px 0%;}

	.Grid.TypeC .Content{padding:0%;}

}

@media only screen and (min-width:800px) {

	.Grid.TypeC > ul{flex:0 1 33.333%; border-bottom:none;}

	.Grid.TypeC > ul > li{padding:15px 5%; background-size:30px; background-position:top 3% left 5%; background-repeat:no-repeat; background-image:url("../images/greybubblebg.png");}

	.Grid.TypeC .Content{flex-direction:column; height:100%; padding:0% 5%;}

	.Grid.TypeC .ContentGroup{flex:0 0 65px; order:1;}

	.Grid.TypeC h4{flex:1 0 0; order:-1;}

	.Grid.TypeC.Col-2 > ul{flex:0 1 50%;}

}*/



/* Grid TypeD */

.Grid.TypeD > ul{flex:0 1 33.333%; border-bottom:none;}

.Grid.TypeD > ul > li{padding:15px 5%; height:100%; background-size:30px; background-position:top 3% left 5%; background-repeat:no-repeat; background-image:url("../images/greybubblebg.png");}

.Grid.TypeD .Content{display:flex; flex-wrap:wrap; flex-direction:column; width:100%; margin:0px; padding:0% 5%;}

.Grid.TypeD .ContentGroup{flex:0 0 65px; order:1;}

.Grid.TypeD h4{flex:1 0 0; order:-1;}



/* Grid TypeE */

.Grid.TypeE .Content{flex:1 0 0; align-self:flex-start; padding:0%; margin:0px; font-size:0px;}

.Grid.TypeE .Thumbnail{flex:0 0 100%; order:-1; margin-bottom:15px;}

.Grid.TypeE .Thumbnail, .Grid.TypeE .ProfileImg{-webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); transition:none;}

.Grid.TypeE > ul{margin:15px 0%;}

.Grid.TypeE > ul > li{padding:0px; margin:0%; height:100%; -webkit-box-shadow:0px 12px 10px -10px rgba(0,0,0,0.2); box-shadow: 0px 12px 10px -10px rgba(0,0,0,0.2); border:1px solid #EFEFEF; align-content:flex-start; transition:-webkit-box-shadow 0.3, box-shadow 0.3s;}

.Grid.TypeE > ul > li:hover{-webkit-box-shadow:0px 12px 10px -10px rgba(0,0,0,0.4); box-shadow: 0px 12px 10px -10px rgba(0,0,0,0.4); transition:all 0.2s;}

.Grid.TypeE .Content{padding:0% 5% 5% 5%;}





.List a, .Grid a{color:#333333;}

.List a:hover, .Grid a:hover{color:#666666;}



/* Table *********************************************************************************************************************************************************************************************/

.Table{margin:15px 0px;}

.Table ul.TB-ItemHeader li span{display:inline-block; vertical-align:middle; margin:0px; padding:0px;}

.Table ul.TB-ItemHeader li{font-size:13px !important; color:#333333 !important; line-height:120%;}

.Table ul.TB-ItemHeader li a:hover{color:#333333 !important;}

/* Table Filter */

.TBFilter{width:100%; margin:10px 0px; padding:0px; list-style:none; display:flex; flex-wrap:nowrap; align-items:stretch; align-content:stretch; border:1px solid #E2E3E4; border-radius:6px;}

.TBFilter > li{font-size:13px;  line-height:120%;; padding:12px 5px; margin:0px; color:#999999; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; cursor:pointer; text-align:center; overflow:hidden; border-left:1px solid #E2E3E4; flex-grow:1;}

.TBFilter > li.Selected{background-color:#333333; color:#FFFFFF; position:relative; border:none; overflow:visible;}

.TBFilter > li.Selected::after{content:""; border-left:5px solid transparent; border-right:5px solid transparent; width:0px; height:0px; display:inline-block; *display:inline; padding:0px; margin:0px; border-top:5px solid #333333; z-index:2; position:absolute; bottom:-5px; left:calc(50% - 4px);}

.TBFilter > li:first-of-type{border-top-left-radius:6px; border-bottom-left-radius:6px; border-left:none;}

.TBFilter > li:last-of-type{border-top-right-radius:6px; border-bottom-right-radius:6px;}

.Table a{color:#333333 !important;}

.Table a:hover{color:#666666 !important;}

@media only screen and (min-width:768px) {

	.TBFilter{display:none;}

}

/* Table Sorting */

.TBSorting{border-left:5px solid transparent !important; border-right:5px solid transparent !important; width:0px; height:0px; display:none; padding:0px; margin:0px 0px 0px 3px;}

.TBSorting.ACG{border-bottom:9px solid #00A1BD;}

.TBSorting.DEG{border-top:9px solid #00A1BD;}

.TBSorting.ACG, .TBSorting.DEG{display:inline-block; *display:inline;}



/* Table TypeA */

.Table.TypeA{display:table; width:100%; padding:0px; border-collapse:collapse; border-spacing:0px;}

.Table.TypeA > ul{display:table-row; cursor:pointer; border-bottom:1px dotted #CCCCCC;}

.Table.TypeA > ul:last-of-type{border-bottom:0px;}

.Table.TypeA > ul:hover{background-color:#F3F3F3;}

.Table.TypeA ul.TB-ItemHeader, .Table.TypeA ul.TB-ItemHeader:hover{border-bottom:2px solid #333333; background-color:#FFFFFF; cursor:default;}

.Table.TypeA > ul > li{display:table-cell; vertical-align:middle; padding:10px 5px; font-size:15px;  line-height:120%;}

.Table.TypeA > ul > li.Filter{display:none;}

.Table.TypeA > ul > li.Filter.Selected{display:table-cell;}

.Table.TypeA .Arrow::before{margin-top:5px;}

@media only screen and (min-width:768px) {

	.Table.TypeA > ul > li.Filter{display:table-cell;}

}



/* Table TypeB */

.Table.TypeB{display:block; padding:0px; margin:0px; width:100%;}

.Table.TypeB > ul{display:flex; flex-wrap:wrap; align-items:flex-start; list-style:none; width:100%; margin:0px; padding:15px 0px; cursor:pointer; border-bottom:1px dotted #E2E3E4;}

.Table.TypeB > ul:last-of-type{border-bottom:0px;}

.Table.TypeB > ul > li{flex:1 0 50%; padding:5px 5px 5px 0px; font-size:15px; line-height:120%; order:1;}

.Table.TypeB > ul > li span.Remark{display:block;}

.Table.TypeB > ul:first-of-type{display:none;}

@media only screen and (min-width:600px) {

	.Table.TypeB{display:table; width:100%; padding:0px; border-collapse:collapse; border-spacing:0px;}

	.Table.TypeB > ul{display:table-row; cursor:pointer; border-bottom:1px dotted #E2E3E4;}

	.Table.TypeB > ul:hover{background-color:#F3F3F3;}

	.Table.TypeB > ul:first-of-type, .Table.TypeA > ul:first-of-type:hover{border-bottom:2px solid #333333; background-color:#FFFFFF; cursor:default; display:table-row;}

	.Table.TypeB > ul:first-of-type li{font-size:13px; color:#333333;  line-height:120%;;}

	.Table.TypeB > ul:first-of-type li a:hover{color:#333333;}

	.Table.TypeB > ul > li{display:table-cell; padding:10px 5px; vertical-align:middle;}

	.Table.TypeB > ul > li span.Remark{display:none;}

}



/* Table TypeB IPO_A */

.Table.TypeB.IPOTableA .IPO-Number, .Table.IPOTableA .IPO-Name{font-weight:bold; align-self:baseline; font-size:17px;}

.Table.TypeB.IPOTableA .IPO-Number{flex:0 1 0; padding-right:0px;}

.Table.TypeB.IPOTableA .IPO-Name{flex:1 1 0;}

.Table.TypeB.IPOTableA .IPO-Break{flex:1 0 100%; height:0px; padding:0px;}

.Table.TypeB.IPOTableA .IPO-Prospectus{order:2; white-space:nowrap;}

.Table.TypeB.IPOTableA .IPO-Prospectus span{display:inline-block; overflow:hidden; border:1px solid #E2E3E4; border-radius:4px; padding:3px 10px 5px 10px; background-color:#FFFFFF; cursor:pointer; content:"招股書"; transition:all 0.4s;}

.Table.TypeB.IPOTableA .IPO-Prospectus span::before{content:"招股書"; font-size:13px;}

.Table.TypeB.IPOTableA .IPO-Prospectus span:hover{background-color:#333333; color:#FFFFFF; -webkit-box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.2); box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.2); align-content:flex-start; transition:all 0.2s;}

@media only screen and (min-width:480px) {

	.Table.TypeB.IPOTableA > ul > li{flex:1 0 33.333%;}

}

@media only screen and (min-width:600px) {

	.Table.TypeB.IPOTableA .IPO-Number, .Table.TypeB.IPOTableA .IPO-Name{font-weight:normal; font-size:15px;}

	.Table.TypeB.IPOTableA .IPO-Prospectus{order:1; vertical-align:middle; margin:0px; padding:0px; font-size:0px;}

	.Table.TypeB.IPOTableA .IPO-Break{display:none;}

}



.Table li.Left, .Table li.Code, .Table li.StockName{text-align:left !important;}

.Table li.Code, .Table li.StockName{font-weight:500;}

.Table li.Right, .Table li.Nominal, .Table li.Change, .Table li.PChange, .Table li.Highest, .Table li.Lowest, .Table li.Turnover, .Table li.Currency, .Table li.BreakPercent, .Table li.Industry, .Table li.Open, .Table li.PreClose{text-align:right !important;}

.Table li.Center, .Table li.Sequence{text-align:center !important;}













/* Table TypeC */

.Table.TypeC{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%; padding:0px; margin:0px;}

.Table.TypeC > div{flex:1 1 100%; display:flex; flex-wrap:wrap; padding:10px 0px; margin:0px; cursor:pointer; align-items:center; border-top:1px dotted #CCCCCC;}

.Table.TypeC > div:first-of-type{border-top:none;}

.Table.TypeC ul{flex:0 0 100%; list-style:none; display:flex; flex-wrap:wrap; padding:0px; margin:0px;}

.Table.TypeC > div:hover{background-color:#F3F3F3;}

.Table.TypeC ul > li{flex:1 1; padding:3px 0px; font-size:15px; line-height:120%;}

.Table.TypeC ul > li.Code{flex:0 0 60px; padding-right:5px;}

.Table.TypeC ul > li.Code, .Table.TypeC ul > li.StockName{font-weight:500;}

.Table.TypeC div.ChartImg img{width:100%; max-width:240px; padding:10px 0px;}

.Table.TypeC .Arrow::before{margin-top:4px;}