@charset "utf-8";

section.content,.box-wrap {
    width: 100%;
    float: left;
	position: relative;
}

.box-inner {
    max-width: 1260px;
    margin: auto;
	width: 100%;
}

.box01{
    width: 100%;
    float: left;
    margin: 100px auto 0;
}
 .outline{
    width: 100%;
    max-width: 100%;
    background-color: transparent;
	position: relative;
	margin: 0 auto;
 }

 .outline tbody {
    border-top: 1px solid #ccc;
}

.outline tr{
  width:100%;
  float: left;
}

 .outline:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    background: #fcc800;
    display: block;
    top: 0px;
    left: 0;
}

.outline tr:nth-child(1) td{
    padding: 20px .75rem .75rem !important;
    vertical-align: top;
    border-top: none;
 }

 .outline tr:nth-child(1) th{
    padding: 20px .75rem .75rem 0 !important;
    vertical-align: top;
    border-top: none;
 }

 .outline td, .outline th{
    padding: 0 .75rem .75rem;
    vertical-align: top;
    border-top: none;
 }

tr:last-child th,tr:last-child td {
    padding: 0 .75rem .75rem !important;
}

 .outline td{
	color: #5c5c5c;
	width: 25%;
	float: left;
 }


 .outline th {
    width: 25%;
    font-weight: 500;
	float: left;
}

 .g-text{
   color: #ccc;
 }

 .outline a {
    color: #5c5c5c;
    text-decoration: underline;
}

.outline02 td {
    width: 75%;
}

#performance_table thead {
    border-top: 1px solid #ccc;
    position: relative;
    width:100%;
    display:block;
}

#performance_table thead:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    background: #fcc800;
    display: inline-block;
    top: -1px;
    left: 0;
}

#performance_table tbody {
    border-top: 1px solid #ffe076;
}

@media (max-width: 991px) {



}
@media (max-width: 767px) {

.box01 {
    margin: 40px auto 0;
}

th.y-text,.o-10,tr {
    width: 100%;
    float: left;
}

.outline tr:nth-child(1) td{
    padding: 5px !important;
 }

td.o-10 {
    padding: 5px !important;
    background: #f8f8f8f8;
	margin: 20px auto 10px;
	width: 100%;
}

.o-5{
    width:50% !important;
    float:left;
}

 .outline td, .outline th{
    padding: 5px;
 }

tr:last-child th,tr:last-child td {
    padding: 5px !important;
}

tr:last-child td.o-10 {
    padding: 5px !important;
}

thead .y-text {
    width: 25%;
}


}

@media (max-width: 500px) {
 .o-20 {display: none;}

}