/*===心得回饋===*/
.feedback-detailed,
.feedback-project,
.feedback-detailed p{
	font-size: 16px;
	margin: 0;
	line-height: 2;
}
.feedback-project {
	float: left;
	font-weight: 600;
}
.feedback-project_blue {
	float: left;
	color: #369;
	font-weight: 600;
}
.feedback-detailed_date {
	float: left;
	color: darkmagenta;
	margin-right: 1%;
}
.feedback-detailed_place {
	width: 100%;
	float: left;
}
.feedback_listBox {
	width: 100%;
	float: left;
	background: #fff;
	padding: 15px;
	border-bottom: 1px solid #b9b9b9;
}
.feedback-content {
	width: 100%;
	float: left;
	padding: 15px;
}
.feedback-content h3{
	font-size: 20px;
	color: #575757;
	margin: 0 0 5px;
	font-weight: bold;
}
.feedback textarea {
	width: 100%;
	color: #888;
	resize: none;
	background: none;
	height: 5em;
	padding: 13px 10px;
	outline: none;
	border: 1px solid #ebebeb;
	margin: 3px 0 15px 0;
	font-size: 16px;
	}
.feedback_but {
	padding: 0 15px;
    text-align: center;
}
.feedback_but input[type=submit] {
	color: #fff;
	padding: 5px;
	font-size: 1.3em;
  cursor: pointer;
  font-weight: 600;
	margin-bottom: 1em;
	border: none;
	background: #dd2727;
	outline: none;
	width: 100%;
}

/*--responsive media-quries--*/
@media(max-width:460px){
.feedback-detailed,
.feedback-project,
.feedback-detailed p{
	font-size: 1em;
	line-height: 1.5;
}
.feedback-detailed_title	{
  font-size: 1.2em;
}

}	
@media(max-width:420px){
.feedback-content h3{
	font-size: 16px;
}
.feedback-content textarea {
	font-size: 15px;
	}
}	
@media(max-width:380px){
.feedback-content h3{
	font-size: 15px;
}
.feedback-content textarea {
	font-size: 14px;
	}
}	

/*====問卷調查===*/
.LSQ-form{
	float: left;
	width: 100%;
}
.LSQ-form h4{
	font-weight: 600;
    font-size: 20px;
}
.LSQ-form p{
	font-size: 16px;
	color: #000;
}
.LSQ-form_row{
    float: left;
    width: 100%;
    font-size: 16px;
}
.LSQ-Q{
    float: left;
    width: auto;
    font-weight: 600;
    margin-right: 1%;
}
.LSQ-A{
    float: left;
    width: auto;
}
.LSQ-form input[type="text"] {
	width: 100%;
    margin: 0px;
    color: #888;
    background: none;
    padding: 2px 8px;
    outline: none;
    font-size: 16px;
    border: 1px solid #ebebeb;
    margin: 3px 0 10px 0;
}
.LSQ-form textarea {
	display: block;
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	outline: none;
	margin: 10px 0;
	font-size: 16px;
	color: #999;
	height:100px;
	resize: none;
}
.LSQ-form input[type="submit"] {
	color: #fff;
	font-size: 16px;
	border: none;
	outline: none;
	cursor: pointer;
	font-family: '微軟正黑體', 'Open Sans', sans-serif;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	float: left;
	font-weight: 500;
	background-color: #5eb402;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
}

/*** responsice layout ***/
@media all and (max-width: 500px) {
.LSQ-form input[type="text"] {
    padding: 3px;
}
.LSQ_but-1 {
    font-size: 13px;
    padding: 5px 10px;
}
.LSQ-form_row{
    font-size: 14px;
     padding: 5px;
}
.LSQ-form textarea {
    font-size: 14px;
    padding: 8px;
}	
}


/*==== 統計數據====*/
.SQD-form {
	float: left;
	width: 100%;
	padding: 5px;
}
.SQD-form p{
	font-size: 14px;
	line-height: 1.5;
}
.SQDTop-butBox {
	width: 100%;
	float: left;
	padding: 0;
	margin: -.2em 0 .5em;
	font-size: 1.5em;
	font-weight: 600;
  line-height: 1;
}
.SQD-form td {
	font-size: 14px;
	text-align: center;
	border: 1px solid #C4C4C4;
	line-height: 1.5;
	padding: 2px;
}
.SOD-row {
  padding-left: -.1%;
	padding-right: -.1%;
}
.SODBox {
	float: left;
  width: 49.8%;
  margin: .1%;
  padding: .5%;
  border: solid 1px #C4C4C4;
}
.flotcontainer {
    width: 100%;
    height: 240px;
}

/*** responsice layout ***/
@media(max-width:600px){
.SQDTop-butBox {
   font-size: 1.3em;	
	}
}


@media all and (max-width: 550px) {
.SQDTop-butBox {
   font-size: 1.2em;	
	}
.SQD-form h2{
	font-size: 1.4em;
}
.SQD-form p,
.SQD-form td {
	font-size: 13px;
}
}

@media all and (max-width: 500px) {	
.SOD-row {
  padding-left: 0;
	padding-right: 0;
}
.SODBox {
  width: 100%;
  margin: 0 0 .5em ;
}	
.SQDTop-butBox {
   font-size: 1.1em;	
	}	
}
@media all and (max-width: 420px) {
.SQD-form h2{
	font-size: 1.2em;
}
.SQD-form p,
.SQD-form td {
	font-size: 12px;
}
.SQDTop-butBox {
   font-size: 1em;	
	}
}