.top-secound {
    background-color: #ffe0dd8f;
    color: #000;
}
.top-tit{
	background: #9d4841;
    color: #fff;
}
.top-tit-elw{
	background: #ffb8b3;
}
.img-thumbnail{
	width: 100%;
}

/* ============================================================
	Responsive Table via Data Label
============================================================ */
/*table{
    border:0;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
	thead{
        background: #F0F0F0;
        height: 60px!important;
		tr{
			th:first-child{
				padding-left:45px;
			}
			th{
				text-transform: uppercase;
				line-height:60px!important;
				text-align: left;
				font-size:11px;
				padding-top:0px!important;
 				padding-bottom:0px!important;
			}
		}
	}
	tbody{
		background: #fff;
		tr{
			border-top:1px solid #e5e5e5;
      height: 60px;
			td:first-child{
				padding-left:45px;
			}
			td{
        height: 60px;
        line-height: 60px!important;
				text-align: left;
				padding:0 10px;
				font-size:14px;
				
				i{
					margin-right:8px;
				}
			}
		}
	}
}


@media screen and (max-width: 800px) {
	table{
		border: 1px solid transparent;
    box-shadow: none;
		thead{
			display: none;
		}
		tbody{
			tr{
				border-bottom: 45px solid #F8F8F8;
				td:first-child{
					padding-left:10px;

				}
				td:before{
					content: attr(data-label);
					float: left;
					font-size:10px;
					text-transform: uppercase;
					font-weight: bold;
				}
				td{
					display: block;
					text-align: right;
					font-size: 14px;
          padding: 0px 10px!important;
          box-shadow: 0 1px 1px rgba(0,0,0,.3);
				}
			}
		}
	}	
}*/

 table {
            border: 1px solid #ccc;
            width: 100%;
            margin: 0;
            padding: 0;
            border-collapse: collapse;
            border-spacing: 0;
        }

            table tr {
                
                padding: 5px;
            }

            table th, table td {
                padding: 10px;
                text-align: left;
            }

            table th {
                text-transform: uppercase;
                font-size: 14px;
           
            }

        @media screen and (max-width: 600px) {

            table {
                border: 0;
            }

                table thead {
                    display: none;
                }

                table tr {
                    margin-bottom: 10px;
                    display: block;
                }

                table td {
                    display: block;
                    text-align: right;
                    font-size: 14px;
                    border-bottom: 1px dotted #ccc;
                        width: 100%;
                }

                    table td:last-child {
                            border-bottom: 0;
                    
                    }
					
					

                    table td:before {
                        content: attr(data-label);
                        float: left;
                        text-transform: uppercase;
                        font-weight: bold;
                    }
            .panel-light table{border: 0px}
            .panel-light table tr{border: 1px solid #ddd;padding: 0}
             .panel-light table tbody tr td:last-child{border-bottom: 0px}
            .panel-light table tbody tr td{position: relative;float: none;padding-left: 80px !important;text-align: left;border: 0px;border-bottom: 1px solid #ddd}
            .panel-light table tbody tr td:before{position: absolute;float: none;left: 5px;}
        }
}