.title_image {
	max-width:990px;
	margin-top:1%;
	margin-right:auto;
	margin-left:auto;
}
#search_keyword {
	max-width:900px;
	margin-right:auto;
	margin-left:auto;
	background:#FFF;
}
#search_keyword .block {
	margin-right:3px;
	float:right;
}
#search_keyword .select-control{width:70px;height:32px;padding-left:7px;-moz-border-radius:22px 0 0 22px;-webkit-border-radius:22px 0 0 22px;border-radius:22px 0 0 22px;border:none;border-top:1px solid #1C237B;border-bottom:1px solid #5DA5D8;color:#FFF;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);background-image:-webkit-linear-gradient(top,#1C237B 0,#5da5d8 100%);background-image:-o-linear-gradient(top,#1C237B 0,#5da5d8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#1C237B),to(#5da5d8));background-image:linear-gradient(to bottom,#1C237B 0,#5da5d8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1C237B', endColorstr='#ff5da5d8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;float:left;outline:none;}
#search_keyword .select-control:hover, #search_keyword .select-control:focus{background-color:#5DA5D8;background-position:0 -15px;color:#151515;}
#search_keyword .select-control option{background:#FFF;}
#search_keyword .form-control{width:200px;height:24px;padding:3px 22px 3px 1px;text-align:center;-moz-border-radius:0 22px 22px 0;-webkit-border-radius:0 22px 22px 0;border-radius:0 22px 22px 0;-moz-box-shadow:0 0 0 transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;font-size:16px;line-height:1.4;color:#333;background-color:rgba(213,247,249,0.65);background-image:none;border:none;border-top:1px solid #1C237B;border-right:1px solid #1C237B;border-bottom:1px solid #5DA5D8;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;float:left;outline:none;}
#search_keyword .btn{background:transparent none;border:0;color:#ADADAD;margin:-28px 0 0 245px;display:inline-block;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.4;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;text-transform:none;overflow:visible;outline:none;}
#search_keyword .btn:hover{color:#9A9A9A;}
#search_keyword .fa-search:before{content:"\f002";}
.mainContent {width:100%;margin-top:20px;padding-right:20px;padding-left:20px;}
.mainContent .pageContainer{max-width:900px;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;}
#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 .oName {
	font-size:1em;
	color:#424242;
	text-overflow:ellipsis;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
}
#courseList ul li .intro {
	font-size:0.9em;
	color:#919191;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
}
.zoneMenu {
	width:100%;
	background-color:#DED6F8;
	padding:10px 0;
}
.zoneMenu ul {
	width:100%;
	text-align:center;
}
.zoneMenu ul li {
	width:90px;
	height:30px;
	margin:5px 2.5px;
	font-size:16px;
	font-weight:600;
	color:#F5F5F5;
	background:#473653;
	border:2px solid #FFF;
	border-radius:5px;
	letter-spacing:1px;
	line-height:26px;
	text-align:center;
	cursor:pointer;
	display:inline-block;
}
.zoneMenu ul li:hover {
	color:#FAFAFA;
	background:#8D6BA6;
}
.zoneMenu ul li.mixitup-control-active {
	color:#FFF;
	background:#4B0B7A;
	border:2px solid #FFC300;
}
.zoneMenu ul li.area {
	background:#1E4C89; /* Old browsers */
	/*background:-moz-linear-gradient(top, #b4e391 0%, #60e21f 51%, #b4e391 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, #b4e391 0%,#60e21f 51%,#b4e391 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, #b4e391 0%,#60e21f 51%,#b4e391 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 );*/ /* IE6-9 */
}
.zoneMenu ul li.area:hover {
	background:#2969BE; /* Old browsers */
	/*background:-moz-linear-gradient(top, #60e21f 0%, #b4e391 51%, #60e21f 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, #60e21f 0%, #b4e391 51%, #60e21f 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, #60e21f 0%,#b4e391 51%,#60e21f 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#60e21f', endColorstr='#60e21f',GradientType=0 );*/ /* IE6-9 */
}
.zoneMenu ul li.area.mixitup-control-active {
	color:#FFF;
	background:#0A3F87; /* Old browsers */
	/*background:-moz-linear-gradient(top, #b4e391 0%, #409202 51%, #b4e391 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, #b4e391 0%,#409202 51%,#b4e391 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, #b4e391 0%,#409202 51%,#b4e391 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 );*/ /* IE6-9 */
}
.zoneMenu ul li.training {
	background:#E37C3C; /* Old browsers */
	/*background:-moz-linear-gradient(top, #f2bc9b 0%, #ed9b21 51%, #f2bc9b 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, #f2bc9b 0%,#ed9b21 51%,#f2bc9b 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, #f2bc9b 0%,#ed9b21 51%,#f2bc9b 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2bc9b', endColorstr='#f2bc9b',GradientType=0 );*/ /* IE6-9 */
}
.zoneMenu ul li.training:hover {
	background:#FCA26A; /* Old browsers */
	/*background:-moz-linear-gradient(top, #ed9b21 0%, #f2bc9b 51%, #ed9b21 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, #ed9b21 0%,#f2bc9b 51%,#ed9b21 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, #ed9b21 0%,#f2bc9b 51%,#ed9b21 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9b21', endColorstr='#ed9b21',GradientType=0 );*/ /* IE6-9 */
}
.zoneMenu ul li.training.mixitup-control-active {
	color:#FFF;
	background:#E34300; /* Old browsers */
	/*background:-moz-linear-gradient(top, #f2bc9b 0%, #ff2323 51%, #f2bc9b 100%);*/ /* FF3.6-15 */
	/*background:-webkit-linear-gradient(top, #f2bc9b 0%,#ff2323 51%,#f2bc9b 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background:linear-gradient(to bottom, #f2bc9b 0%,#ff2323 51%,#f2bc9b 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2bc9b', endColorstr='#f2bc9b',GradientType=0 );*/ /* IE6-9 */
}
#likeCourse {
	width:100%;
	padding-left:10px;
	padding-right:10px;
}
#likeCourse ul li {
	width:100%;
	margin-bottom:20px;
}
#likeCourse ul li .title {
	margin-top:5px;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
#likeCourse ul li .title a {
	color:#333;
}
#likeCourse ul li .title a:hover {
	color:#03C;
}
#likeCourse ul li .date {
	font-size:0.8em;
	color:#0052A5;
}
#likeCourse ul li .date strong {
	margin-right:20px;
}

#page{width:100%;text-align:center;font-size:0.9em;padding-right:5px;padding-left:5px;}
.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;}
@media screen and (max-width: 767px) {
	.mainContent{margin-top:10px;padding-right:5px;padding-left:5px;}
	#likeCourse ul li .date strong.addr{display:none;}
}
@media screen and (max-width: 455px) {
	.mainContent .pageContainer .left{width:100%;min-width:300px;float:none;}
	.mainContent .pageContainer .right{width:100%;margin-left:0;float:none;}
}
#ad_banner2 {
	text-align:center;
}
#ad_banner2 .block {
	display:inline-block;
}
#ad_banner2 .block:first-child {
	margin-bottom:10px;
}
.centerTitle03_2 {
    text-align: center;
    color: #0052A5;
    font-size: 1.5em;
    letter-spacing: 0.2em;
}
.border-b01 {
    border-bottom: 1px solid #0052A5;
}
.margin-b15 {
    margin-bottom: 15px;
}
.margin-t30{
	margin-top: 30px;
}

#sta_survey {
	width:100px;
	height:100px;
	position:fixed;
	top:250px;
	left:100px;
	z-index:9;
	display:block;
}
#sta_survey:hover {
	-webkit-transform: rotateZ(-30deg);
	-ms-transform: rotateZ(-30deg);
	transform: rotateZ(-30deg);
}

#noData{text-align: center;width: 256px;}
#noData .title{
	font-size: 18px;
}