@charset "UTF-8";

/* common */
html,body{
	margin:0;
	font-size:10px;
	text-align:left;
	height:100%;
	background-color: black;
}
/*
body{
	font-size:2.6rem;
	border:1px solid black;
}
*/
a,a:visited,a:hover{
	text-decoration: none;
}

/* header */
header{
	display:flex;
	flex-wrap:nowrap;
	width:100%;
	font-size:2.6rem;
	height:6%;
    /*height:40px;*/
	text-align: center;
	color:#ffcc00;
	background-color:#131D0D;
    vertical-align: middle;
    /*line-height: 6%;*/
}
/*.header{width:10%;align-self: center;}*/
.header{width:80px;align-self: center;}
/*.header i{width:100%;} 當有<i>fa icon時會造成整個header位移*/
/*#head_title{width:40%;font-weight: bold;height:100%;}*/
#head_title{font-weight: bold;height:100%;}
#head_trad{font-family:'Bowlby One SC', cursive;}
#head_game{
	font-family:'Bowlby One SC', cursive;
	color:#C7C7C7;
}
#head_game.active{
	color:#57FF93;
}
#home_menu {font-size:2.2rem;font-weight: bold; }
#header_nav_ldate{width:20%;}
/*#head_back{width:10%;}*/
/*#head_conn{width:10%;}*/
#head_title_acc{display:flex;align-items:center;justify-content:center;}
#head_title_opt{display:flex;align-items:center;justify-content:center;}

/* tw_stock */
main{
	height:85%;
	padding:0px;
	background-color:black;
	color:white;
}

/* footer */
footer{
	display:flex;
	flex-wrap:nowrap;
	justify-content: space-around;
	width:100%;
	/*height:8%;*/
    height: 50px;
	z-index: 500;
	position: fixed;
	bottom:0;
	background-color:#131D0D;
/*    background-color: #888888;*/
}

footer a{
	width:20%;
	height:70%;
	margin:auto;
	text-align: center;
	font-weight: bold;	
	color:#fff2cc;
	display: flex;
	justify-content: space-around;
	align-items: center;	
}
#footer_tmin a{
    width:40% !important;
    font-size: 2.6rem;
}
.footer_active,.footer_active:hover{
	background-color:#2a3f1d;
	color:#ffcc00;
	border-radius:20px;
}

/* 自選 */
#sel_focus{
	background:transparent;
	border:none;
	color:black;
	height:100%;
	letter-spacing:3px;
	border-radius: 0;
	font-size: 26px;	
}
/* 類股、權證 */
#level_2 a,.cate_active {
	color:#00ffff;
}

.fas_symbol {
    font-size: 3.2rem;
}

/***********************
	連線燈號
************************/
.red_light_x { background-color:#FF0000;color:#000000;text-shadow: 1px 1px 1px #ccc;display: inline-block; font-size:2rem !important; height: auto; line-height:27.6px; width: 24.5px; vertical-align: middle;border-radius:3px;}
.red_light   { color:#FF0000;text-shadow: 1px 1px 1px #ccc;}
.green_light { color:#00BB00;text-shadow: 1px 1px 1px #ccc;}
.yellow_light{ color:#FFD306;text-shadow: 1px 1px 1px #ccc;}
/*.yellow_light{ color:yellow;  border-style: solid;  border-color: #E0D900; border-radius: 5px;}*/ /*text-shadow: 1px 1px 1px #ccc;*/
.trade_light {
	vertical-align: middle;
	font-weight: 600;
	display:inline-block;
	font-size: 20px;
	/*padding-top:5px;*/
	color:#000000 !important;
	cursor: pointer;
}

/********************************/
@media(max-width: 767px){
    body{border:none;}
    main{background-color: black;color:white;}
    footer a{ height:76%;line-height:33px;}
    .footer_active,.footer_active:hover{border-radius:8px;}
    #sel_focus{height:98%;background:rgba(0,0,0,0.5);font-size: 22px;}
    header{font-size:2rem;}
    .header{/*width:30px;*/align-self: center;}
}