@charset "utf-8";
/* CSS Document */
body{
	font-family: "微軟正黑體";
}

.header_top{
	float: left;
	height: auto;
	width: 100%;
	background-image: url(../images/header_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #D5BC40;
}
.header_index{
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/header.png);
	color: #FFF;
	font-size: 1.2em;
	padding-top: 60px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	position: relative;
	}
.header_index h1{
    display: inline-block;
	color:#ffffff;
    background-color:#A23A22;
	}
.logoLink{
	display:block;
	position: absolute;
	width:170px;
	height: 40px;
	left:20px;
	top:10px;
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #FFF;
    text-align: center;
    background-color: #8F321C;
}
	
@media (min-width: 1000px) {
	
	
	.header_index{
	width: 1200px;
	}	
	.container{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
	
.chart_phone{
	display: none;
}
.chart{
	display: block;
}	


.rwd_img{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}

}	
@media (max-width: 1000px) {
	
	
	.rwd_img{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 10px;
		overflow: auto;
}

	
	.chart_phone{
	display:block ;
}
.chart{
	display:none ;
}	
	.header_index{
	width: 100%;
	}
	
	
	.container{
	width: 100%;
}


.copyright{
	width: 100%;
	float: left;
}




.header_index{
	font-size: 0.75em;
}





/*讓表格出現橫scroll*/
.table_scroll {
	overflow: auto;
}
.table_scroll2 {
	overflow: auto;
	width: 100%;
}

.table_scroll .itable {
	width: 1000px;
}
.table_scroll2 .itable {
	float: left;
}





}.menu {
	background-color: #F8F8F8;
	height: 51px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E7E7E7;
}
.menu .container .navbar.navbar-default.navbar-fixed-top .container_nav .navbar-collapse.collapse .nav.navbar-nav li a {
	font-size: 1.1em;
}


.rt-menu{
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 0.75em;
	color: #FFF;
	margin: 0px;
	z-index: 2;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.rt-menu a {
	color: #ffffff;
    background-color:#CB4B2E;

}
.rt-menu a:hover {
	color: #ffffff;
    background-color:#CB4B2E;
}


.menu .container .navbar.navbar-default.navbar-fixed-top .container_nav .navbar-collapse.collapse .nav.navbar-nav .on {
	background-color: #DFDFDF;
}


.footer{
	float: left;
	background-color: #FFFFFF;
	width: 100%;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CC9;
}
.footer .container .ft {
	float: left;
}




.iframe-rwd {
	position: relative;

}
.iframe-rwd iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

}


.chart{
	float: left;
	width: 100%;
	height: auto;
}

.chart ul li{
	width: 44px;
	margin: 10px;
	float: left;
	list-style-type: none;
	position: relative;
	height: 400px;
}


.chart ul .v_01 {
	background-color: #4572A7;
	color: #FFF;
}
.chart ul li .value .value_n {
	position: absolute;
	color: #333;
	top: -30px;
	text-align: center;
	width: 100%;
	left: 0px;
}

.chart ul li .value {
	position: absolute;
	width: 44px;
	bottom: 0px;
	text-align: center;
}

.chart ul .v_02 {
	background-color: #FC0;
	color: #7D5F00;
}
.chart ul li .value .v_name {
	color: #000;
	position: absolute;
	bottom: -20px;
	text-align: center;
	left: 0px;
	width: 100%;
}












.chart_phone{
	float: left;
	width: 100%;
	height: auto;
}

.chart_phone ul li{
	width: 100%;
	float: left;
	list-style-type: none;
	position: relative;
	height: 44px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}


.chart_phone ul .v_01 {
	background-color: #4572A7;
	color: #FFF;
	float: left;
}
.chart_phone ul .v_02 {
	background-color: #FC0;
	color: #7D5F00;
		float: left;
}

.chart_phone ul li .value_n {
	color: #333;
	text-align: left;
	float: left;
	margin-left: 10px;
}

.chart_phone ul li .value {

	text-align: left;
	height: 44px;
}


.chart_phone ul li  .v_name {
	color: #000;
	text-align: left;
	float: left;
	width: 100%;
}













.unit{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
}
.unit2{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.title{
	padding: 1%;
	width: 100%;
	background-color: #F4F4F4;
	font-size: 1em;
	border: 1px solid #E1E1E1;
	font-weight: bold;
	border-radius: 5px;
	margin-top: 30px;
}
.page-wrap .tb_rwd tbody tr td a {
	color: #900;
	text-decoration: underline;
}

.icon{
	border: 4px solid #09C;
	height: 17px;
	width: 17px;
	display: block;
	float: left;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 3px;
	border-radius:10px;
}
.itable tr td a {
	color: #BC0000;
	text-decoration: underline;
}

/*
.container .content .table_scroll .itable tr th {
	background-color: #8F321C;
}
*/
.itable tr .on {
    color: #0000C6;
	background-color: #F00;
	
}

.itable tr .onkeep {
    color: #FFF;
	background-color: #F00;
}

.itable tr .noGet {
    color: #0000C6;
}


.itable tr .noValid {
    font-size: 1.2em;
    color: #FFF;
    background-color: #808080;
}

.itable tr .blue {
    font-size: 1em;
    background-color: #4572A7;
	color: #FFF;
}

.itable tr .yellow {
    font-size: 1em;
	background-color: #FC0;
	color: #7D5F00;
}

.itable tr .round {
    font-size: 1.5em;
	background-color: #b1d48e;
	color: #000;
}

.itable tr .lotOrder {
    font-size: 1.2em;
    color: #e9e409;
	background-color: #7D5F00;
}

.itable tr .bider000{
    font-size: 1.2em;
    background-color: #ffffff;
	color: #000;
}

.itable tr .bider001{
    font-size: 1.2em;
    background-color: #0055a2;
	color: #fff;
}

.itable tr .bider002{
    font-size: 1.2em;
    background-color: #e71a0f;
	color: #fff;
}

.itable tr .bider003{
    font-size: 1.2em;
    background-color: #74b52f;
	color: #fff;
}

.itable tr .bider004{
    font-size: 1.2em;
    background-color: #f58200;
	color: #fff;
}

.itable tr .bider005{
    font-size: 1.2em;
    background-color: #84286b;
	color: #fff;
}

.itable tr .bider006{
    font-size: 1.2em;
    background-color: #ffffff;
	color: #000;
}

.itable tr .bider007{
    font-size: 1.2em;
    background-color: #ffffff;
	color: #000;
}

.itable tr .bider008{
    font-size: 1.2em;
    background-color: #ffffff;
	color: #000;
}

.rt-content{
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 0.75em;
	color: #FFF;
	margin: 0px;
	z-index: 2;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

a.sr-only {
    background: #2B358C;
    color: #FFF;
    float: left;
}