.div_filter {margin-bottom: 1em;}

.div_filter > * {clear: both;}

.div_filter fieldset {border-radius: 0.5em;}
.div_filter fieldset > legend {font-weight: bold; padding: 0.1em 0.2em; line-height: 1.2em; height: 1.2em;}
.div_filter fieldset > legend > input {margin-left: 0.5em;}

.div_filter fieldset.filter_disabled {height: 1.2em; padding: 0em; overflow: hidden; border-width: 0px;}
.div_filter fieldset.filter_disabled > * {display: none;}
.div_filter fieldset.filter_disabled > legend {display: block ; margin: 0px; padding: 0px;}
.div_idlife a {color: inherit;}

.fs_timerange input[type="text"] {width: 11em; margin-left: 0.5em; margin-right: 0.5em; width: 8em;}
.fs_timerange input[type="checkbox"] + label {margin-right: 1em;}
.fs_timerange input[type="button"] {margin-right: 0.5em;}
.fs_timerange .f_tr_fastmonth {display: block; float: right; text-align: right;}
.fs_timerange .f_tr_fastmonth input:first-of-type {margin-left: 0.5em;}

.fs_sctype .f_sct_pointfilter {width: 5em; text-align: right;}
.fs_sctype .f_sct_lobbyfilter {margin-left: 1.5em; width: 20em;}
.fs_sctype .f_sct_group {margin: 0.5em 1em 0.5em 0;}
.fs_sctype .f_sct_group .f_sct_groupbar {margin-left: 1em; display: inline-block;}
.fs_sctype .f_sct_group .f_sct_grouptitle {white-space: nowrap; margin: 0 1em 0 0;}
.fs_sctype .f_sct_group .f_sct_groupitem {margin: 0 0.2em;}

.fs_recent div input[type="number"] {margin-left: 0.5em; text-align: right; width: 5em;}
.fs_recent div > span:last-child {margin-left: 2em;}

.fs_stable {margin-top: 0.5em;}
.fs_stable .spn_tlvalue {display: inline-block; width: 8em;}
.f_stg_detail {}
.f_stg_detail > span {display: block;;}
.f_stg_detail > span > span {min-width: 4em; display: inline-block; text-align: center;}
.f_stg_detail > span > span:nth-child(2) {font-weight: normal; min-width: 6em; text-align: left;}
.f_stg_detail > span > span:nth-child(4) {font-weight: normal; min-width: 5em; text-align: right;}

.fs_result .spn_tlitem > span > .spn_tltext:first-child {margin-left: 0;}
.fs_result .fs_result_itemvalue {display: inline-block; width: 4em; text-align: right;}
.fs_result .f_rst_outdiv {width: 100%; padding-top: 0.2em; clear: both;}
.fs_result .f_rst_outdiv .f_rst_idlelimit {margin-left: 1em;}
.fs_result .f_rst_outdiv .f_rst_idlelimit > a {display: inline-block; margin-right: 0.2em; color: #666; text-decoration: none;  border: 1px solid #ccc; cursor: pointer;}
.thr_darktheme .fs_result .f_rst_outdiv .f_rst_idlelimit > a {color: #999; border-color: #333;}
.fs_result .f_rst_outdiv .f_rst_idlelimit > a.f_rst_active {background: #333; color: #fff; border-color: #fff;}
.thr_darktheme .fs_result .f_rst_outdiv .f_rst_idlelimit > a.f_rst_active {background: #ccc; color: #000; border-color: #fff;}
.fs_result .f_rst_contdiv {margin: 0; width: 100%; height: 12em; overflow: hidden;}
.fs_result .spn_tlitem a:visited {color: blue;}
.thr_darktheme .fs_result .spn_tlitem a:visited {color: #33f;}
.thr_darktheme .f_gtd_detail:visited {color: #33f;}

.fs_rss .fs_rss_itemvalue {display: inline-block; width: 4em; text-align: right;}

.fs_psm_contdiv {margin: 0.1em 0; width: 100%; height: 2em;}
.f_psm_toolbar {position: absolute; z-index: 9999; left: 0.5em; top: 0.2em; font-size: 0.8em; color: #666; cursor: default; }
.thr_darktheme .f_psm_toolbar {color: #999;}
.f_psm_root {position: relative;}
.f_psm_toolbar a {display: inline-block; margin: 0.1em; color: #666; text-decoration: none;  border: 1px solid #ccc; cursor: pointer;}
.thr_darktheme .f_psm_toolbar a {color: #999; border-color: #333;}
.f_psm_toolbar a.f_psm_active {background: #333; color: #fff;}
.thr_darktheme .f_psm_toolbar a.f_psm_active {background: #ccc; color: #000;}

.f_agr_process {}
.f_agr_process > *:first-child {margin-right: 1em;}
.f_agr_process > span:nth-child(n+2) {font-weight: normal;}
.f_agr_popup_process {max-width: 95%;}

.div_goto {box-sizing: border-box;}

.f_gtd_data {display: inline-block; min-width: 15em;}
.f_gtd_detail {display: inline-block; margin-left: 1em;}
.f_gtd_detail:visited {color: blue;}
.thr_darktheme .f_gtd_detail:visited {color: #33f;}
.f_gtd_contdiv {margin: 0.1em 0; width: 100%; height: 16em; clear: both;}
.f_gtd_itemvalue {display: inline-block; min-width: 5em; text-align: right;}
.f_gtd_itemvalue2 {min-width: 10em;}
.f_gtd_itemvalue3 {min-width: 10em;}

thead td.td_sortable {text-decoration: underline; color: #00f; cursor: pointer;;}
.thr_darktheme thead td.td_sortable {color: #33f;}
td.td_sorted {font-weight: bold;}
thead td.td_sorted_asc::after {content: "\2193";}
thead td.td_sorted_desc::after {content: "\2191";}

.fs_xgm .spn_tlitem {overflow-y: hidden;}
.fs_xgm .spn_tlvalue {display: inline-block; margin-right: 1em; text-align: right; min-width: 4em;}
.fs_xgm .f_xgm_brief {min-width: 24em; text-align: left;}
.fs_xgm .f_xgm_input {margin-left: 1em;}
.fs_xgm .f_xgm_input input {width: 3em; text-align: right; margin: 0; 
	height: 1em; line-height: 1em; font-size: 1em; text-decoration: underline; padding: 0; border: 0;}
.fs_xgm input[type="number"]::-webkit-inner-spin-button {opacity: 1;}
.fs_xgm input[type="number"]::inner-spin-button {opacity: 1;}
.fs_xgm input[type="number"]::-webkit-outer-spin-button {opacity: 1;}
.fs_xgm input[type="number"]::outer-spin-button {opacity: 1;}

.f_xgm_table table {border-collapse: collapse; border-spacing: 0px;}
.f_xgm_table .f_xgm_td_player * {white-space: nowrap;}
.f_xgm_table .f_xgm_td_colspan {border-bottom: 1px dotted #fde; border-right: 1em transparent;}
.f_xgm_table tbody td {text-align: right; font-family: Monospace;}
.f_xgm_table thead td {text-align: center;}
.f_xgm_table td.f_xgm_td_opponent {text-align: center;}
.f_xgm_table tbody tr {height: 1.2em; line-height: 1em;}
.f_xgm_input > span {display: inline-block; margin-right: 1em;}
.f_xgm_input a {color: #00f;}
.thr_darktheme .f_xgm_input a {color: #33f;}
.f_xgm_table_3 .f_xgm_td_order_4
	{visibility: hidden; width: 0px; border: none; overflow:hidden; position: absolute; top: -10em;}
/*.f_xgm_table .f_xgm_td_p {background: #eeeeee;}*/
.f_xgm_table .f_xgm_td_avgorder {background: #eeeeee; border-left: 1em transparent solid;}
.thr_darktheme .f_xgm_table .f_xgm_td_avgorder {background-color: #111; }
.f_xgm_table .f_xgm_td_order_1, 
	.thr_greenrising .f_xgm_table_4 .f_xgm_td_order_4, .thr_greenrising .f_xgm_table_3 .f_xgm_td_order_3 
	{background: #ffdddd;}
.f_xgm_table_4 .f_xgm_td_order_2, 
	.thr_greenrising .f_xgm_table_4 .f_xgm_td_order_3, .thr_greenrising .f_xgm_table_3 .f_xgm_td_order_2 
	{background: #ffeedd;}
.f_xgm_table_4 .f_xgm_td_order_3, .f_xgm_table_3 .f_xgm_td_order_2,
	.thr_greenrising .f_xgm_table_4 .f_xgm_td_order_2
	{background: #ddddff;}
.f_xgm_table_4 .f_xgm_td_order_4, .f_xgm_table_3 .f_xgm_td_order_3,
	.thr_greenrising .f_xgm_table .f_xgm_td_order_1
	{background: #ddffdd;}

.thr_darktheme .f_xgm_table .f_xgm_td_order_1, 
	.thr_darktheme.thr_greenrising .f_xgm_table_4 .f_xgm_td_order_4, .thr_darktheme.thr_greenrising .f_xgm_table_3 .f_xgm_td_order_3 
	{background: inherit; color: #ffdddd;}
.thr_darktheme .f_xgm_table_4 .f_xgm_td_order_2, 
	.thr_darktheme.thr_greenrising .f_xgm_table_4 .f_xgm_td_order_3, .thr_darktheme.thr_greenrising .f_xgm_table_3 .f_xgm_td_order_2 
	{background: inherit; color: #ffeedd;}
.thr_darktheme .f_xgm_table_4 .f_xgm_td_order_3, .thr_darktheme .f_xgm_table_3 .f_xgm_td_order_2,
	.thr_darktheme.thr_greenrising .f_xgm_table_4 .f_xgm_td_order_2
	{background: inherit; color: #ddddff;}
.thr_darktheme .f_xgm_table_4 .f_xgm_td_order_4, .thr_darktheme .f_xgm_table_3 .f_xgm_td_order_3,
	.thr_darktheme.thr_greenrising .f_xgm_table .f_xgm_td_order_1
	{background: inherit; color: #ddffdd;}

.f_odp_graph {width: 100%; height: 4em; }

.f_stk_item {min-width: 6em; display: inline-block; text-align: right;}
.f_stk_value {min-width: 4em; display: inline-block; text-align: right;}
.f_stk_detail {}
.f_stk_detail > span {display: block;;}
.f_stk_detail > * > span {min-width: 8em; display: inline-block; text-align: center;}
.f_stk_detail > * > span:last-child {min-width: 6em; text-align: right;}

.div_orderline {}
.div_orderlineone {max-height: 1em; margin: 0.2em; overflow: hidden; font-size: 1em;}
.div_orderlineone > a {display: inline-block; width: 1em; height: 1em; line-height: 1em;
	box-sizing: border-box; text-align: center; color: transparent; text-decoration: none; }
.div_orderlineone > a.f_odl_configlink {color: #777; opacity: 0.2;}
.div_orderlineone > a.f_odl_configlink:hover {opacity: 1;}
/* div:nth-child(n+2) > .div_orderlineone > a.f_odl_configlink {visibility: hidden;} */
.thr_darktheme .div_orderlineone > a {}
.div_orderlineone.f_odl_linestyle_0 > a:hover {border-radius: 0.5em;}
.div_orderlineone > a:hover {color: #000;}
.thr_darktheme .div_orderlineone > a:hover {color: #fff;}
.div_orderlineone > span {display: inline-block; margin-left: 1em; color: #777; line-height: 1em;}
.div_orderlineone:hover > span {color: inherit;}

.f_odl_linestyle_1 > a {border-radius: 0.5em;}

.f_odl_linestyle_2 > a.f_odl_order_1 {border-radius: 0 0.5em 0.5em 0.5em;}
.f_odl_linestyle_2 > a.f_odl_order_2 {border-radius: 0.5em 0 0.5em 0.5em;}
.f_odl_linestyle_2 > a.f_odl_order_3 {border-radius: 0.5em 0.5em 0.5em 0;}
.f_odl_linestyle_2 > a.f_odl_order_4 {border-radius: 0.5em 0.5em 0 0.5em;}

.f_odl_linestyle_3 > a.f_odl_order_1 {border-radius: 0 0 10em 0;}
.f_odl_linestyle_3 > a.f_odl_order_2 {border-radius: 0 0 0 10em;}
.f_odl_linestyle_3 > a.f_odl_order_3 {border-radius: 0 10em 0 0;}
.f_odl_linestyle_3 > a.f_odl_order_4 {border-radius: 10em 0 0 0;}

.div_orderlineone.f_odl_linestyle_4 > a {color: #000;}
.thr_darktheme .div_orderlineone.f_odl_linestyle_4 > a {color: #fff;}

.div_orderlineone.f_odl_linestyle_5 > a {border-radius: 0.5em; color: #000;}
.thr_darktheme .div_orderlineone.f_odl_linestyle_5 > a {color: #fff;}

.div_phoenixdb .spn_lineswrapper .spn_tlitem > span:nth-child(n+2) {min-width: 8em;}
.div_phoenixdb .f_pxd_detail_item {display: inline-block; height: 3em; width: 20em; position: relative;}
.div_phoenixdb .f_pxd_detail_item > *:first-child {display: block; float: right; width: 10em; height: 100%; position: absolute; right: 0; top: 0; z-index: -1;}
.div_phoenixdb .f_pxd_detail_item > *:first-child canvas {width: 100%; height: 100%;}
.div_phoenixdb .f_pxd_detail_item > *:nth-child(2) {display: block; padding-top: 0.3em; float: left; line-height: 1.2em;}
.div_phoenixdb .f_pxd_detail_item > *:last-child {display: block; padding-top: 0.2em; float: left; clear: left; line-height: 1.2em;}
.div_phoenixdb .f_pxd_detail_item {border: 1px solid #ccc; margin: 0.1em; padding: 0.1em;} 
.thr_darktheme .div_phoenixdb .f_pxd_detail_item {border-color: #333;} 
.div_phoenixdb .f_pxd_detail_group:first-child {background: linear-gradient(to bottom, #fff, #fde, #fff); 
	height: 1.5em; line-height: 1.5em; clear: both; width: 100%; text-align: center;
	overflow: hidden;}
.thr_darktheme .div_phoenixdb .f_pxd_detail_group:first-child {background: linear-gradient(to bottom, #000, #123, #000);}

.div_phoenixdb .f_pxd_detail_group:first-child::before {content: '\25CF \00B7:\2022:\00B7 \25CF'; margin-right: 1em;} 
.div_phoenixdb .f_pxd_detail_group:first-child::after {content: '\25CF \00B7:\2022:\00B7 \25CF'; margin-left: 1em;} 

.div_phoenixdb .f_pxd_detail_group:nth-child(n+2) > *:first-child {width: 100%; display: block;
	background: linear-gradient(to bottom, #fff, #ff8, #fff); 
	height: 1.5em; line-height: 1.5em; clear: both; width: 100%; text-align: center;
	overflow: hidden;}
.thr_darktheme .div_phoenixdb .f_pxd_detail_group:nth-child(n+2) > *:first-child {background: linear-gradient(to bottom, #000, #110, #000);}
.div_phoenixdb .f_pxd_detail_group:nth-child(n+2) > span:first-child::before {content: ':\2022:'; margin-right: 1em;} 
.div_phoenixdb .f_pxd_detail_group:nth-child(n+2) > span:first-child::after {content: ':\2022:'; margin-left: 1em;} 
.div_phoenixdb .f_pxd_range_0 {font-weight: 900; }
.div_phoenixdb .f_pxd_range_1 {font-weight: 700; }
.div_phoenixdb .f_pxd_range_2 {font-weight: 550; }
.div_phoenixdb .f_pxd_range_3 {font-weight: 400; opacity: 0.8; }