@charset "UTF-8";


 body {
    font-family: Helvetica, Arial, '微軟正黑體', sans-serif;
    background:#EFEFED;
    margin: 0 0 150px 0;
 }

a { color: #555; text-decoration: none; }
a:hover { color: #C30; font-weight: 600; }


/* Container 主體寬度 */
div.container { width: 850px; max-width: 850px; margin: 0 auto 0 auto; }



/* 整體滿意度頁面 survey_keyin.aspx*/
div#KeyIN_Content { background: #FFF; padding: 30px; border-radius: 20px; border:solid 5px #DBDBD9; margin: 120px 0 0 0;}

/* 訊息提示 */
ul.MessageArea { padding: 10px 0 40px 0; margin: 0; list-style: none; width: 70%; margin: 0 auto 0 auto; }
ul.MessageArea li { text-align: center; background: #B71515; color: #FFF; font-weight: 600; padding: 10px 0; margin: 3px 0; border-radius: 5px; }

/* 上方課程資訊 */
div#CourseInfo { width: 100%; height: 80px; background: #428C71; position: fixed; top:0; }
div#CourseInfo ul { margin: 0; padding: 0; list-style: square; }
div#CourseInfo ul li { float: left; color: #FFF; margin: 0 25px 0 0; line-height: 80px; padding: 0 20px 0 0; }
div#CourseInfo ul li span {}

h1 { text-align: center; }
p.descp { text-align: center; font-size: 19px; margin: -10px 0 20px 0; }

/* 問卷配分說明 */
ul.SurveyInfo { float: right; list-style: none; }
ul.SurveyInfo li { float: left; margin: 0 0 0 20px; font-weight: 600; }
ul.SurveyInfo li span { background: #EFE750; padding: 5px 8px; border-radius: 5px; margin: 0 4px 0 0; }


/* 表格設定 */
table { width: 100%; margin: auto; }
table tr td { padding: 3px 0 5px 15px; }
table tr td.Section { background: #428C71; color: #FFF; border-radius: 5px; padding: 8px 0 8px 15px; }
table tr td.Section h2 { margin: 0 0 0 0; font-size: 20px; font-weight: 400; }
table tr td.SelectArea { padding: 25px 15px 27px 15px; font-size: 18px; }
table tr td.TextBOXArea input { height: 40px; border:0; border-radius: 8px; font-size: 18px; padding: 5px 15px; width: 97%; background: #F9F4EA; }

table#ContentSubmitArea {  }
table#ContentSubmitArea input { 
	background: #3E684F; 
	color: #FFF; 
	width: 200px; 
	border:0; 
	font-size: 22px; 
	padding: 10px 0; 
	border-radius: 8px; 
	font-weight: 600;
	font-family: Helvetica, Arial, '微軟正黑體', sans-serif;
}

table#ContentSubmitArea input:hover { transition: 0.3s; background: #C30; }



/* 請專人與我連絡 */
table#ContactUs {}
table#ContactUs tr td.TextBOXArea input {  }



/*首頁 class_course_qry.aspx */

div#SurveyHomeContent { 
	display: table; 
	background: #FFF; 
	width: 800px; 
	min-height: 300px; 
	margin: 20px auto 0 auto; 
	padding: 20px 30px;
	border-radius: 20px;
	border:solid 5px #DBDBD9;
}

div#SurveyHomeContent > h1 > span { border-bottom: solid 5px #FC0; padding: 0 0 8px 0; }

div#SurveyHomeContent > div.SurveyDescp { padding: 15px; }

/* SearchSurvey 問卷調查首頁 課程班別搜尋區塊 設計*/
div#SurveyHomeContent > div.SearchSurvey { 
	margin: 0 auto 10px auto; width: 55%;
}

div#SurveyHomeContent > div.SearchSurvey > span.REQUIREDFIELD { color: #3E684F; font-weight: 600; }

div#SurveyHomeContent > div.SearchSurvey #qry_class_id { 
	background: #F9F4EA; 
	color: #555; 
	width: 160px; height: 35px; 
	border: 0; 
	font-size: 16px; 
	padding: 0px 10px; 
	border-radius: 4px; 
	font-weight: 600;
	margin: 0 5px;
	font-family: Helvetica, Arial, '微軟正黑體', sans-serif;
}






span.searchBTN { padding: 0;  }

span.searchBTN > input { 
	background: #3E684F; border:0; color: #FFF; 
	font-family: Helvetica, Arial, '微軟正黑體', sans-serif;
	padding: 0 11px;
	border-radius: 4px;
	height: 35px; line-height: 30px;
	font-size: 16px; 
	margin: 0px 2px 0 2px;
}

span.searchBTN > input:hover { background: #C30; transition: 0.2s; }

div#SurveyHomeContent > div.CourseInfo {
	
	padding: 25px 0 25px 0; 
	margin: 10px 0 0 0;
}

div#SurveyHomeContent > div.CourseInfo > div.ClassList > ul {
	background: #F9F4EA; 
	padding: 20px 10px 20px 35px; 
	margin: 0; 
	border-radius: 10px;
	list-style: disc;
}

div#SurveyHomeContent > div.CourseInfo > div.ClassList > ul li {
	margin: 0 0 6px 0; 
}


div#SurveyHomeContent > div.CourseInfo > div.ClassList > ul.ClassDetail { 

	background: none; 
	padding: 0px 10px 20px 35px; 
	margin: 0 0 0 0;
}

div#SurveyHomeContent > div.CourseInfo > div.ClassList > ul.ClassDetail li {
	margin: 0 0 5px 0;
	border-bottom: dashed 1px #CCC;
	padding: 10px 0 10px 0;
	line-height: 1.45;
}
div#SurveyHomeContent > div.CourseInfo > div.ClassList > ul.ClassDetail li:hover { transition: 0.2s; border-bottom: solid 2px #FC0; }
div#SurveyHomeContent > div.CourseInfo > div.ClassList > ul.ClassDetail li font { color: #1B8B9E; font-size: 14px; }

/* MS_Descp */
div#MS_Descp { background: #FFF; border-top:solid 4px #EFEFED;  }

div#MS_Descp > h2 { text-align: center; padding-top: 20px }
div#MS_Descp > h2 > span { border-bottom: solid 3px #FC0; padding: 0 0 8px 0; }
div#MS_Descp > ul { list-style: decimal; padding: 10px 0 20px 35px; }
div#MS_Descp > ul li { margin: 0 0 8px 0; }


ul.Lnk li a { color: #914A31; }
ul.Lnk li a:hover { color:#BC3535 }





div#CourseInfo  ul.class-ul li{ float: left; color: #FFF; margin: 10px 25px 0 0; line-height: 25px; padding: 0 20px 0 0; }





/* 成功送出表單 */
.success-content{width: 100%;display: flex;justify-content: center;align-items: center;}
.success-content #KeyIN_Content {padding: 60px 30px;text-align:center ;}
.success-content #KeyIN_Content h2 {font-size: 1.8rem;line-height: 1.5;font-weight: 600;}
.success-content #KeyIN_Content .icon {width: 120px;margin: 0 auto 20px;}
.success-content #KeyIN_Content .icon svg{width: 100%;}

@media (max-width:575px) {
	.success-content{height:auto;}
	.success-content #KeyIN_Content h2 {font-size: 1.3rem;}
	.success-content #KeyIN_Content {padding: 30px 15px;}


	/* div#SurveyHomeContent > div.SearchSurvey {display: flex;align-items: center;justify-content: center;}
	div#SurveyHomeContent > div.SearchSurvey #qry_class_id { width:250px; height:60px; }
	div#SurveyHomeContent > div.SearchSurvey > span.REQUIREDFIELD {  font-size:2rem;line-height: 30px;}
	div#SurveyHomeContent > div.SearchSurvey { width: 100%; text-align: center; }
	span.searchBTN > input { height: 60px; font-size: 2rem; margin-left: 10px;} */
	

}