@charset "UTF-8";

/* lg */
@media (min-width:1200px) {
/* Desktops and laptops ----------- */

.list-group-item {width:100%;}
.list-group .list-group-item  h4{float:left;width:30%;}
.list-group .list-group-item .detail
{float:left;width:70%; font-size:1em;}
.question { color:#000; }

}

/* md */
@media (min-width:992px) and (max-width:1199px) {
	.list-group-item {width:100%;}
.list-group .list-group-item  h4{float:left;width:40%;}
.list-group .list-group-item .detail
{float:left;width:60%;}

}


/* sm */
@media (min-width:768px) and (max-width:991px) {
.header {
	background-color: #405248;
	background-repeat: no-repeat;
    background-position: 50% 25%;
	min-height: 60px;
	padding-left: 20px;
	padding-top: 70px;
	color: #fff;
	padding-bottom: 5px;
}
.header h1 {
	padding-top:8px ;margin:0;
	margin-left:-20px;
	border:none;
	text-align:center;
	border-top: 1px dotted #95ada0; 	
	text-align:center;
}
.list-group-item {width:100%;}
.list-group .list-group-item  h4{float:left;width:40%;}
.list-group .list-group-item .detail
{float:left;width:60%;}
}

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

/* XS Portrait */
@media (max-width:480px) {
.header {
	background-color: #405248;
	background-repeat: no-repeat;
    background-position: 50% 25%;
	min-height: 60px;
	padding-left: 20px;
	padding-top: 70px;
	color: #fff;
	padding-bottom: 5px;
}
.header h1 {
	padding-top:8px ;margin:0;
	margin-left:-20px;
	border:none;
	text-align:center;
	border-top: 1px dotted #95ada0; 	
	text-align:center;
}
.form-control {
	
}
.Box {	padding: 15px;
	font-size: 1em;
	color: #0320CD;
	height: 45px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	min-width:180px;}
.bigger { /*查詢*/
	padding: 5px;
	font-size: 1.25em;
	color: #fff;
	height: 45px;
	
	background-color: #FB9C25;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}
.radio-inline, .checkbox-inline
{
	display: block;
	}

}



@media only screen and (max-width : 320px) {
/* Smartphones (portrait) ----------- */

.header {
	background-color: #405248;
	background-repeat: no-repeat;
	min-height: 60px;
	padding-left: 20px;
	padding-top: 70px;
	color: #fff;
	padding-bottom: 5px;
}
.header h1 {
	padding-top:8px ;margin:0;
	margin-left:-20px;
	border:none;
	text-align:center;
	border-top: 1px dotted #95ada0; 	
	text-align:center;
}
.form-control {
	padding: 10px;

}


.Box {	padding: 15px;
	font-size: 1em;
	color: #0320CD;
	height: 45px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	min-width:180px;}
.bigger { /*查詢*/
	padding: 5px;
	font-size: 1.25em;
	color: #fff;
	height: 45px;
	background-color: #FB9C25;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* iPads (portrait and landscape) ----------- */


}




}