@media (min-width: 576px){
	.modal-content {
		box-shadow: 0 0.5rem 1rem rgba(0,0,0,.5);
	}
	.modal-dialog {
		margin: .75rem auto;
	}
	.modal-body{
		padding:.5rem 1rem;
	}
}

@media screen and (min-width: 769px) {
	#Mobile {
		display: none;
	}
}

@media screen and (max-width: 769px) {
	/*.custom-select {
		width: 33% !important;
	}*/

	small {
		display: none;
	}

	.vanish {
		display: none;
		margin-right: 0;
	}

	#nav-link {
		text-align: center;
		padding: 10px !important;
		border: 1px solid;
		background: #80AB1B;
	}

	#nav-link i {
		color: #fff;
		padding: 10px;
		border: 1px solid #fff;
	}
	
	.modal-dialog {margin:0;}
	
	.Bgg>li{
		min-width: 16.8%;
		margin-bottom:2px;
	}
	
	#books {
		margin: 0px;
	}
	.navbar-nav{
		margin-bottom:10px;
	}
	.table-rwd{min-width: 100%; border:0;}
	/*針對tr去做隱藏*/
	.table-rwd thead,tr.tr-only-hide {display: none !important;}
	/*讓tr變成區塊主要讓他有個區塊*/
	.table-rwd tr{
		display: block;
		border:1px solid #80AB1B;
		border-bottom: 0;
		margin-bottom:5px;
	}
	.table-rwd td {
		text-align: left;
		font-size: 15px;
		overflow: hidden;
		width: 100%;
		display: block;
		border-right: 0;
		height:40px;
		line-height:40px;
		padding:0px !important;
	}
	.table-rwd td:before {
		/*最重要的就是這串*/
		content: attr(data-th) " : ";
		/*最重要的就是這串*/
		display: inline-block;
		text-transform: uppercase;
		font-weight: bold;
	    margin-right: 5px;
		color: #333;
		min-width: 30%;
		background-color: rgba(199, 233, 118);
		padding: 0 5px;
	}
 
	/*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
	.table-rwd.table-bordered td,.table-rwd.table-bordered th,.table-rwd.table-bordered{border:0;}
	
	.row .form-group:nth-child(2){margin-top:8px;}
	.datafield{display:inline-block;}
	.datafield>div{width:100%; margin-top:0;}
	.datafield>.form-inline label {line-height:2.75;}
	.datafield>div.form-inline>div{
		margin-bottom:3px;
	}
	.datafield>div.form-inline>div:nth-child(odd){ width:26% !important;}
	.datafield>div.form-inline>div:nth-child(even){ width:73% !important;}
	.datafield>div.form-inline>div>input{
		display:inline; 
	}
	.datafield ,.datafield label,.datafield>div.form-inline>div>input{
		font-size:12px;
	}

	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
		float: none!important;
	}

	.modal{padding-right:0!important;}

	/*rows*/
	.rows {
		display:block;
	}
	.col{
		display:inherit !important;
	}
	.rows .col,.rows .select2-container{
		width:100% !important;
	}
	.col-left{
		margin-bottom: 10px;
	}
	/* rows end */

	.hide {
		display: block !important;
	}

	.display{
		display: none !important;
	}

	
}