.lchart {
	width: 700px;
	height: 350px;
}

.normal { background-color: rgba(120,120,120,0.1); color: rgba(120,120,120,1) }
.upper  { background-color: rgba(217,83,79,  0.1); color: rgba(217,83,79,  1) }
.lower  { background-color: rgba(51,122,183, 0.1); color: rgba(51,122,183, 1) }
.equal  { background-color: rgba(92,184,92,  0.1); color: rgba(92,184,92,  1) }
.avg    { background-color: rgba(243,156,18, 0.1); color: rgba(243,156,18, 1) }

.sort-icon {
	display: inline-block;
	position: relative;
}
.sort-icon > span {
	position: absolute;
	bottom: 0;
	left:  5px;
	color: yellow;
}
 
 /*
input[type=radio] {
	margin-left: 6px;
	margin-right: 6px;
}
*/
.date {
	padding-top: 5px;
	font-size: 12pt;
	color: rgb(80,80,80);
}

.category .title {
	font-size: 18pt;
	font-weight: bold;
	background-color: rgba(255,255,255,0.5);
	text-align: center; 
	padding: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.category .subtitle {
	text-align: center; 
	font-size: 16pt;
	font-weight: bold;
	background-color: rgb(150, 150, 150);
	padding: 5px;
	color: white;
}

.category .table thead tr th {
	font-size: 14pt;
	background-color: rgb(230, 230, 230);
	color: rgb(80, 80, 80);
}

.category .table tbody tr td {
	text-align: center;
	font-size: 14pt;
	padding: 5px;
}

.category .table th:first-child, .category .table th:last-child {
	border-radius: 0;
}

.category .flag {
	border-style: solid;
	border-width: 0px;
	border-radius: 2px;
	font-size: 46pt;
    right: 10px;
	z-index: 90;
	position: absolute;
    -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari */
    transform: rotate(20deg); /* Standard syntax */
}

#gchartDiv {
	height: 250px;
 	top: -50px;
}

.gchart-info {
	font-size: 14pt;
	text-align: center;	
}

.gchart-info h1, h2, h3, h4, h5 {font-weight:bold; display:inline-block; margin: 5px}
.gchart-info h1 {font-size: 60px}
.gchart-info h2 {font-size: 36px}
.gchart-info h3 {font-size: 22pt}
.gchart-info h4 {font-size: 18pt}
.gchart-info h5 {font-size: 16pt}

.gchart-info .strong h1, .gchart-info .strong h2, .gchart-info .strong h3, 
.gchart-info .strong h4, .gchart-info .strong h5 {
	color:red;
}
.gchart-info .weak h1, .gchart-info .weak h2, .gchart-info .weak h3, .gchart-info .weak h4, 
.gchart-info .weak h5 {
	color: blue;
}

.gchart-info .dot-line {
	border-color: #A3C75A;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	margin-top: 10px;
	margin-bottom: 10px;
}
.gchart-info .fa {
	font-size: 110px;
}

.gchart-info .weak {
	padding-bottom: 15px;
	color: blue;
/*	float: center;  必須關掉,不然Safari會被強迫換行*/
}

.gchart-info .strong {
	padding-bottom: 15px;
	color: red;
/*	float: center;  必須關掉,不然Safari會被強迫換行*/
}
.show-item {
	float: right;
}

@media (min-width:768px) and (max-width:991px) {
	.gchart-info h1 {font-size: 45px}
	.gchart-info .fa { font-size: 60px}
}

@media (max-width:767px) {
	.show-item {
		padding-bottom: 15px;
		float: none;
		text-align: center;
		border-bottom: 1px solid #DDD;
		margin-bottom: 15px;
	}
	.table > thead > tr > th, .table > tbody > tr > td {
		font-size: 10pt;
	}
	#gchartDiv {
		top: -80px;
	}
	
	.sort-icon, .sort-icon>span {
		position: relative;
		left: 0;
	}
}
/***********************************************/
.gf-ex-rate {
	margin-left: 20px;
	margin-right: 20px;
}
@media (min-width:768px) and (max-width:991px) {
	.gf-ex-rate {
		margin-left: 15px;
		margin-right: 15px;
	}		
}
@media (max-width:767px) {
	.gf-ex-rate {
		margin-left: 0px;
		margin-right: 0px;
	}
}
.gf-ex-rate .btn-ex-rate {
	margin-top: 15px;
}
.gf-ex-rate .share-box {
	margin-top: 0px;
}
@media (max-width:767px) {
	.gf-ex-rate .items [class^='col-md-'] {
		padding-left: 0;
		padding-right: 0;
	}
	.gf-ex-rate .btn-ex-rate {
		text-align: center;
	}
	.gf-ex-rate .btn-ex-rate>.btn {
		display: inline-block;
		width: auto;
		margin-left: 8px;
		margin-right: 8px;
		margin-bottom: 5px;
	}
	.gf-ex-rate .btn-ex-rate>.btn:first-child:not(:last-child):not(.dropdown-toggle),
	.gf-ex-rate .btn-ex-rate>.btn:last-child:not(:first-child), 
	.gf-ex-rate .btn-ex-rate>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
		border-radius: 6px;
	}
}