@charset "utf-8";
/* CSS Document */

body,h1,div,ul,ol,li,table,tr,td,form,p{margin:0;padding:0;}
body{width:100%;font-family: "微軟正黑體",Verdana, Geneva, sans-serif;}
a{text-decoration:none;outline:none;}
li{list-style:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img{display: block; border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;}
.clear{clear:both;line-height:0;font-size:0px;display:block;}
.margin-t5{margin-top:5px;}.margin-t10{margin-top:10px;}.margin-t15{margin-top:15px;}.margin-t20{margin-top:20px;}.margin-t25{margin-top:25px;}.margin-t30{margin-top:30px;}.margin-t50{margin-top:50px;}
.margin-b5{margin-bottom:5px;}.margin-b10{margin-bottom:10px;}.margin-b15{margin-bottom:15px;}.margin-b20{margin-bottom:20px;}.margin-b25{margin-bottom:25px;}.margin-b30{margin-bottom:30px;}

.footerLine{border-bottom:5px solid #35195A;}
#footer{width:100%;color:#333;text-align:center;font-size:0.8em;margin-bottom:30px;padding-right:5px;padding-left:5px;margin-top: 30px;}
#footer a{color:#047FFF;font-size:14px;}
#footer a:hover{color:#007DFF;}
@media screen and (max-width: 989px) {
	#header .link{display:none;}
	#mobile_menu_btn{display:block;}
}
.title_image {
	max-width:990px;
	margin-right:auto;
	margin-left:auto;
}
#filter {
	max-width:990px;
	margin-right:auto;
	margin-left:auto;
	background-color:#F4F7FD;
	padding:15px 8px;
}
#filter .board {
	width:100%;
	max-width:821px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	display: flex;
	flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
#filter .board .block {
	width:145px;
	height:58px;
	margin:8px;
	display:inline-block;
}
.mainContent {width:100%;}
.mainContent .pageContainer{max-width:990px;margin-right:auto;margin-left:auto}
.mainContent .pageContainer .left{width:calc(100% - 130px);float:left;}
.mainContent .pageContainer .right{width:120px;margin-left:10px;float:left;}
#search_menu {
	max-width:990px;
	margin-right:auto;
	margin-left:auto;
	background-image:url(../images/title_searchBg.jpg);
	background-repeat:repeat;
	padding-bottom:20px;
}
#search_menu .top {
	max-width:990px;
	margin-right:auto;
	margin-left:auto;
	display: flex;
    flex-direction: row;
    align-items: center;
}
#search_menu .top select {
	width:180px;
	height:26px;
	margin:10px 0 10px 10px;
	outline:none;
}
#search_menu .top input[type="text"] {
	width:170px;
	height:26px;
	margin:10px 0 10px 10px;
	padding:2px 0 2px 2px;
	box-sizing:border-box;
	border:1px solid #5D5D5D;
	outline:none;
}
#search_menu .top input[type="button"] {
	width:31px;
	height:26px;
	border:0;
	background-color:#404646;
	background-image:url(../images/btn_searchCourse.png);
	background-repeat:no-repeat;
	background-position-y:2px;
	color:#FFF;
	cursor:pointer;
	outline:none;
}
#search_menu .top .btn {
	display:none;
}
#search_menu .down {
	max-width:990px;
	margin-right:auto;
	margin-left:auto;
	color:#FFF;
	font-size:14px;
	padding-right:5px;
	padding-left:5px;
}
#search_menu .inp_and_btn_group{
	display: flex;
    flex-direction: row;
    /* width: 100%; */
    align-items: center;
}
.mb-black{display: none;}
@media screen and (max-width: 989px) {
	#search_menu .top select {
		width:300px;
	}
	#search_menu .top input[type="text"] {
		width:578px;
	}
}
@media screen and (max-width: 957px) {
	#search_menu .top select {
		width:350px;
	}
	#search_menu .top input[type="text"] {
		width:678px;
	}
}
@media screen and (max-width: 767px) {
	.mainContent{padding-right:5px;padding-left:5px;}
	#filter .board .block {
		margin:3px;
	}
	#search_menu .top {
		padding-top:15px;
		padding-right:20px;
		padding-left:20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#search_menu .top select {
		appearance:none;
		-moz-appearance:none;
		-webkit-appearance:none;
		background:url(../images/icon_selectDown.png) no-repeat;
		background-size:contain;
		background-position:right;
		background-color:#FFF;
		border:none;
		width:100%;
		height:35px;
		border-radius:7px;
		padding-left:5px;
		margin:0;
		margin-bottom:15px;
		color:#7F7F7F;
        border: 1px solid #ccc;
	}
	#search_menu .top input[type="text"] {
		background-color:#FFF;
		border-radius:7px 0 0 7px;
		width:calc(100% - 50px);
		height:35px;
		margin:0;
		padding:0;
		margin-bottom:10px;
		padding-right:5px;
		padding-left:5px;
		color:#7F7F7F;
		float:left;
        border: 1px solid #ccc;
	}
	#search_menu .top input[type="button"] {
		display:none;
	}
	#search_menu .top .btn {
		display:block;
		background-image:url(../images/btn_searchCourse.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		background-color:#3f51b5;
		width:50px;
		height:35px;
		border:none;
		border-radius:0 7px 7px 0;
		font:'trebuchet ms', trebuchet;
		display:inline-block;
		text-align:left;
		text-indent:-1000px;
		white-space:nowrap;
		float:left;
		cursor:pointer;
		outline:none;
	}

	#search_menu .inp_and_btn_group{
		display: flex;
	    flex-direction: row;
	    align-items: unset;
	    width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.mainContent .pageContainer .left{width:100%;min-width:300px;float:none;}
	.mainContent .pageContainer .right{width:100%;margin-left:0;float:none;}

}
@media screen and (max-width: 359px) {
	#filter .board .block {
		margin:2px;
	}
}
#courseList {
	width:100%;
}
#courseList ul li {
	width:100%;
	margin-bottom:15px;
	padding-bottom:12px;
	border-bottom:1px dotted #666;
}
#courseList ul li .title {
	font-size:1.2em;
	margin-top:5px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
}
#courseList ul li .title a {
	color:#333;
}
#courseList ul li .title a:hover {
	color:#03C;
}
#courseList ul li .date {
	font-size:1em;
	color:#0052A5;
	text-overflow:ellipsis;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
}
#courseList ul li .date strong {
	margin-right:20px;
}
#courseList ul li .intro {
	font-size:1em;
	color:#919191;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
}

#page{width:100%;text-align:center;font-size:0.9em;padding-right:5px;padding-left:5px;padding-bottom: 30px;}
.pagination{display:inline-block;padding-left:0;border-radius:4px;}
.pagination>li{display:inline;}
.pagination>li>a, .pagination>li>span{position:relative;float:left;padding:4px 8px;margin-left:-1px;line-height:1.42857143;color:#337AB7;text-decoration:none;background-color:#FCFCFC;border:1px solid #DDD;}
.pagination>li:first-child>a, .pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{z-index:3;color:#23527C;background-color:#EEE;border-color:#DDD;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>.active>span>a{z-index:2;color:#FFF;cursor:default;background-color:#337AB7;border-color:#337AB7;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{color:#777;cursor:none;background-color:#FCFCFC;border-color:#DDD;}
.pagination>.active>span>a{cursor:pointer;}
#noData{width:200px;margin-right:auto;margin-left:auto;}
#noData .title{text-align:center;color:#333;}
#ad_banner {
	text-align:center;
}
#ad_banner .block {
	display:inline-block;
	margin-bottom:10px;
}
/*#ad_banner .block:first-child {
	margin-bottom:10px;
}*/
.top_nav{height: 70px;}
#list_logo{left: 80px;position: absolute;
    top: 0px;}

/* 8/1新增 */
#filter .board .block{
		background: linear-gradient(90deg, #72BDF3 0%, #55AAE7 22.79%, #1880CC 75.1%, #0070C2 100%);
		width: 143px;
		height: 46px;
		border-radius: 20px;
		font-size: 22px;
		line-height: 46px;
}
#filter .board .block img{
		vertical-align: middle;
		margin-right: 5px;
}
#filter .board .block:hover{
		background:  linear-gradient(90deg, #0E5DF8 0%, #0F4EE0 31.03%, #1026A3 96.31%, #10249F 100%);
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.d-inline {
	display: inline;
}
.d-flex-center {
	display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
/* 20230203新增 */
.social{width: 40px;}
.text-center ul{text-align: center;padding: 15px;}
.text-center ul li{list-style: none;display: inline-block;text-align: center;padding-right: 15px;}