@charset "utf-8";
/*------------------------
富聯網 ETF元件開發 - 排行 v201611
------------------------*/
/*====Scrollbar====
::-webkit-scrollbar, ::-webkit-scrollbar-button {width: 8px; height:8px}
::-webkit-scrollbar-thumb{border-radius: 0;}*/

/*=====table=====*/
table.ranking { font-size:14px; width:100%;border-collapse:collapse;width:100%; white-space:nowrap}
table.ranking td, table.ranking th {padding:/*.75em 1.5em*/0.35em 0.75em;text-align:left}
table.ranking th, .sticky-thead th, .sticky-wrap th {font-weight:normal;white-space:nowrap;}
table.sticky-thead thead, table.sticky-col thead, table.sticky-col tbody, .sticky-wrap thead th {background-color: #fff;}
table.ranking tbody th { text-align: left;}
table.ranking tbody tr:nth-child(2n-1) {transition:all .125s ease-in-out}
.sticky-wrap th {white-space: nowrap;}
.sticky-col/*, .sticky-intersect thead th:first-child*/ {/*border-right: 1px solid #c4c4c4;*/-moz-box-shadow: 5px 0px 5px rgba(0,0,0,.15); -webkit-box-shadow: 5px 0px 5px rgba(0,0,0,.15); box-shadow: 5px 0px 5px rgba(0,0,0,.15);}
.sticky-thead/*, .sticky-col*/ {-moz-box-shadow: 0px -3px 15px rgba(0,0,0,.5); -webkit-box-shadow: 0px -3px 15px rgba(0,0,0,.5); box-shadow: 0px -3px 15px rgba(0,0,0,.5);}
table thead { border-bottom: none;}

/* For appearance */
.sticky-wrap{ /*overflow-x:auto;overflow-y:hidden;*/overflow:auto; position:relative;/*margin:3em 0;*/width:100%; max-height: 90vh;}
.sticky-wrap .sticky-thead,.sticky-wrap .sticky-col,.sticky-wrap .sticky-intersect{opacity:0;position:absolute;top:0;left:0;transition:all .125s ease-in-out;z-index:50;width:auto/* Prevent table from stretching to full size */}
.sticky-wrap .sticky-intersect{opacity:1;z-index:150}
.sticky-wrap td,.sticky-wrap th{box-sizing:border-box}
td.user-name{text-transform:capitalize}
.sticky-wrap.overflow-y{overflow-y:auto;max-height:50vh}

@media only screen and (max-width: 768px) {
	.sticky-wrap {background:-moz-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.08) 100%) ;background:-webkit-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.08) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.08) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#1c000000',GradientType=1)}
}
@media screen and (max-width:415px) {
	.reportUnit { font-size:13px; margin-top:0px}
}
@media only screen and (max-width: 356px) {
	.reportUnit { font-size:12px; margin-top:-3px}
}