@charset "utf-8";
._noscript{
  color: #f00;
  text-align: center;
  padding: 5px; 
}
@media screen and (max-width:1100px) {
  ._noscript{
    position: fixed;
    z-index: 100;
    width: 100%;
    background: #fe0;
    top: 40px;
  }
}
#mask{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:98;
	transition:background-color 2s;
	-webkit-transition:background-color 2s;
	background-color: rgba(0, 0, 0, 0.7); 
}
.contain_head{
	width:100%;
	max-width: 1150px;
	margin:0 auto;
	background:#fff;
	-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0 0px 5px rgba(0,0,0,0.3);
}
.header{
	width:100%;
	height:40px; 
	margin:0 auto;
}
.header .link{
	width:100%;
	height:40px;
	background-color:rgba(255, 255, 255, 0);
	font-family:Arial, Helvetica, sans-serif;
}
.header .link .link_column{
	width:1100px;
	margin:0 auto; 
}
.header .link .link_column ul{
	float:left;
	margin:0 0 0 -20px;
}
.header .link .link_column ul li{
	float:left;
}
.header .link .link_column ul li img{
	vertical-align:text-top;
	float:left;
	margin:0 3px 0 0;
	position:relative;
	top:1px;
}
.header .link .link_column ul li a{
	color:#999;
	line-height:40px;
	font-size:0.938em;
	display:inline-block;
	margin:0 3px 0 3px;
}
.header .link .link_column ul li a:hover{
	color:#000;
}
.header .link .link_column .message{
	width: 450px;
	text-align: right;
	float:right;
	line-height:40px;
	font-size:0.938em;
}
.header .link .link_column a {
    color: #223b6b;
}
.header .link .link_column .message img {
    position: relative;
    top: 5px;
    margin: 0 2px 0 8px;
    max-width: 20px;
    background: var(--theme_master_color);
    padding: 2px;
    -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}

.header .column{
	width:100%;
	margin:0 auto;
	background:none;
	/*height:350px;*/
	overflow:hidden;
}
.header .column .logo{
	width:1100px;
	height:80px;
	margin:230px auto 0 auto;
	display:none;
}
.header .column .logo a{
  display: inline-block;
}
.header .column .link{
	float:right;
	font-size:0.750em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 20px 0 0;
}
.header .column .link li{
	float:right;
	display:inline-block;
	margin:0 0 0 10px;
}
.header .column .link li img{
	position:relative;
	top:4px;
	margin:0 3px 0 0;
}
.header .column .link li a{
	color:#777;
}
.header .column .link li a:hover{
	color:#333;
}

@media screen and (max-width:1100px) {
	.header .link{
		display:none;
	}
	.header{
		position:fixed;
		top:0;
		left:0;
		height:40px;
		background:var(--theme_master_color);
		-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
		box-shadow: 0 3px 3px rgba(0,0,0,0.3);
		z-index:99;
	}
	.header .column{
		width:100%;
		margin:0 auto;
		height:40px;
		overflow:visible;
		background:none;
	}
	.header .column .logo{
		float:left;
		width:calc(100% - 75px);
		height:20px;
		margin:10px 0 0 10px;
		font-size:1.125em;
		font-weight:bold;
		display:block;
		cursor:pointer;
		color:#FFF;
	}
	.header .column .logo a{
		color:#FFF;
	}
	.header .column .link{
		display:none;
	}
}
/*option_menu*/
#option_column{
	display:none;
}
@media screen and (max-width:1100px) {
	/*option_menu*/
	#option_column{
		display:block;
		z-index:9999;
		width:100%;
		position:relative;
		left:100%;
		overflow:hidden;
		overflow-y:auto;
		padding:0 0 40px 0;
		background-color: rgba(245, 245, 245, 1);
		transition:left 0.5s;
		-webkit-transition:left 0.5s;
	}
	#option_column .option_wrap {
		margin:0;
	}
	/*狀態*/
	#option_column.clicked {
		display: block;
		left:30%;
		transition: left 0.3s;
		-webkit-transition:left 0.3s;
	}
	#option_column.back {
		display:block;
		left:100%;
		transition:left 0.3s;
		-webkit-transition:left 0.3s;
	}
	#option_column .option_sel{
    position: relative;
		clear:both;
		width:100%;
		height:49px;
		font-size:1.2em;
		text-indent:20px;
		line-height:49px;
		display:block;
		border-bottom:1px solid #ddd;
		color:#333;
		cursor:pointer;
		background:#f4f4f4;
	}
	#option_column .option_sel img{
		position:relative;
		top:3px;
		margin:0 5px 0 0;
	}
	#option_column .option_title{
		clear:both;
		width:100%;
		height:49px;
		font-size:1.2em;
		text-indent:20px;
		line-height:49px;
		display:block;
		border-bottom:1px solid #ddd;
		color:#fff;
		background:var(--theme_master_color);
	}
	#option_column .option_sel a{
		clear:both;
		width:100%;
		height:49px;
		text-indent:20px;
		line-height:49px;
		display:block;
		border-bottom:1px solid #ddd;
		color:#333;
	}
	#option_column .option_sel a:hover{
		background:#e8e8e8;
  }
  #option_column .option_sel span.status{
    position: absolute;
    top: 0.7em;
    right: calc(33%);
    width: 3em;
    height: 3em;
    display: block;
    line-height: 2.9em;
    text-align: center;
    background-color: var(--theme_master_color);
    color: #fff;
    border-radius:50%;
    font-size: 0.7rem;
    white-space: nowrap;
    text-indent: 0px;
    pointer-events: none;
  }
}
/*option*/
#option{
	float:right;
	width:60px;
	height:40px;
	background:url(icon_head_option_agent.png) center center no-repeat;
	background-size:40px 40px;
	display:none;
	cursor:pointer;
	margin:0 0 0 0;
  font-size: 0em;
  color: transparent;
  overflow: hidden;
}
#option.member{
	background:url(icon_head_option_member.png) center center no-repeat;
}
#option.close{
	background:url(icon_head_option_agent_close.png) center center no-repeat;
	background-size:40px 40px;
}
@media screen and (max-width:1100px) {
	#option{
		display:inline-block;
	}
}
.categoryitems li{
	width:100%;
	line-height:40px;
}
.categoryitems li a{
	width:100%;
	color:#333745;
	background:#f4f4f4;
	font-size:1.000em;
	text-indent:0px;
	line-height:49px;
	display:block;
	border-bottom:1px solid #E4E4E4;
	margin:0;
	padding:0 0 0 25px;
}
.categoryitems li a:hover{
	background:#e8e8e8;
}
/***************************************************************/
.contain{
	width:100%;
	max-width:1150px;
	margin:0 auto;
	background:#fff;
	-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0 0px 5px rgba(0,0,0,0.3);
}
/*menu*/
.contain_head .menu{
	position:relative;
	width:100%;
	max-width: 1180px;
	margin:0 auto;
	height:40px;
	background:var(--theme_master_color);
	z-index:99;
}
@media screen and (max-width:1100px) {
	.contain{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.contain_head .menu{
		display:none;
	}
}
.menu_column{
	width:1100px;
	margin:0 auto;
}
.menu ul.nav{
	width:1100px;
	float:left;
	text-align:center;
	letter-spacing:-4px;
	margin: 0 auto;
}
.menu ul.nav li{
	position:relative;
	display:inline-block;
	text-align:left;
	height:40px;
	letter-spacing:0px;
	cursor:pointer;
	vertical-align: top;
}
.menu ul.nav li img{
	position:relative;
	top:3px;
	margin:0 3px 0 0;
}
.menu ul.nav li a{
	font-size:1.063em;
	line-height:40px;
	height:40px;
	display:block;
	color:#fff;
	padding:0 15px 0 15px;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.menu ul.nav li>a:hover{
	position:relative;
	color:#FF9;
	background:rgba(0,0,0,0.2)
}
.menu ul.nav .sel,
.menu ul.nav .sel:hover{
	height:40px;
	border-bottom:2px solid var(--theme_master_color);
}
/*menu_login*/
.menu .login{
	position:relative;
	float:right;
	width:100px;
	height:30px;
	margin:5px 20px 0 0;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	cursor:pointer;
	background:#fff;
}
.menu .login ul{
	position:absolute;
	width:100%;
	clear:both;
	top:8px;
	background:#fff;
	padding:22px 0 0 0;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	overflow:hidden;
}
.menu .login ul li{
	width:100%;
	clear:both;
	text-align:center;
}
.menu .login ul li a{
	display:block;
	font-size:0.95em;
	line-height:1.2em;
	height:inherit;
	color:#666;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	border-top:1px dotted #CCCCCC;
}
.menu .login ul li a:hover{
	background:#f4f4f4;
}
.menu .login img{
	position:absolute;
	z-index:2;
}
.menu .login .bg_color{
	position:absolute;
	background:#666666;
	margin:2px;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
	width:95px;
	height:28px;
	z-index:1;
}
.menu .login:hover .bg_color{
	background:var(--theme_master_color);
}
/******************************************/
/*submenu*/
.menu ul li .submenu{
  display:none;
  position:absolute;
  z-index:99;
  top:40px;
  width:100%;
  background:#fff;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.mini_submenu ul li .submenu{
	display:none;
	position:absolute;
	z-index:99;
	top:40px;
	width:100%;
	background:#fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.menu ul li .submenu_style1{
	width:auto;
	left:0px;
	overflow:hidden;
}
.mini_submenu ul li .submenu_style1{
	width:auto;
	overflow:hidden;
}
.menu ul li .submenu .sub_class,
.mini_submenu ul li .submenu .sub_class{
	float:left;
	margin:0;
}
.menu ul li .submenu .sub_class .title{
	float:left;
	width:100%;
	text-align:center;
	padding:0 0 0 0;
	height:inherit;
	margin:0 0 0 0;
	overflow:hidden;
}
.mini_submenu ul li .submenu .sub_class .title{
	clear:both;
	text-align:left;
	padding:0 0 0 0;
	height:inherit;
	margin:0 0 0 0;
	overflow:hidden;
}
.menu ul li .submenu .sub_class .title:hover{
	background:#f4f4f4;
}
.menu ul li .submenu .sub_class .title a,
.mini_submenu ul li .submenu .sub_class .title a{
	display:block;
	font-size:0.95em;
	line-height:1.2em;
	height:inherit;
	color:#666;
	margin:0 0 0 0;
	padding:10px 10px 10px 10px;
	border-top:1px dotted #CCCCCC;
}
.menu ul li .submenu .sub_class .title a:hover{
	background:#f4f4f4;
}
.mini_submenu ul li .submenu .sub_class .title a:hover{
	background:#f4f4f4;
}
/*****************************************************************************/
/*mini_menu*/
.mini_menu{
	display:block;
	position:fixed;
	width:100%;
	height:40px;
	top:-45px;
	background:var(--theme_master_color);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	z-index:99999;
	transition: top 0.2s linear;
	-webkit-transition: top 0.2s linear;
}
@media screen and (max-width:1150px) {
	.mini_menu{
		display:none;
	}
}
.mini_menu .column{
	width:100%;
	height:40px;
	margin:0 auto;
	text-align:center;
}
.mini_menu .column .logo{
	display:inline-block;
	width:270px;
	height:35px;
	color:#FFF;
	font-size:1.125em;
	font-weight:bold;
	position:relative;
	top:-13px;
}
.mini_menu .column .logo a{
	display:inline-block;
	color:#FFF;
}
.mini_menu .column .mini_submenu{
	display:inline-block;
	height:40px;
}
.mini_menu .column .mini_submenu ul{
	display:inline-block;
	height:40px;
	line-height:40px;
}
.mini_menu .column .mini_submenu ul li{
	float:left;
	text-align:center;
	cursor:pointer;
	margin:0px 10px 0 10px;
	color:#fff;
}
.mini_menu .column .mini_submenu ul li:hover{
	color:#99CC00;
}
.mini_menu .column .mini_submenu ul li a{
	color:#fff;
	position:relative;
	top:0;
	-webkit-transition: top 0.2s linear;
	-moz-transition: top 0.2s linear;
	-ms-transition: top 0.2s linear;
	-o-transition: top 0.2s linear;
	transition: top 0.2s linear;
}
.mini_menu .column .mini_submenu ul li>a:hover{
	position:relative;
	top:-3px;
}
.mini_menu .column .mini_submenu ul li>a:hover{
	position:relative;
	top:-3px;
	color:#FF9;
}
.mini_menu .column .mini_submenu ul li img{
	position:relative;
	top:3px;
	margin:0 3px 0 0;
}
/*****************************************************************************/
.mobile_banner{
/* 	display:none;
	margin:20px auto 0 auto;
	width:100%;
	background:url(bg_header.jpg) no-repeat center;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	padding-bottom:18%; */
}
/************/
.contain .info_column{
	position:relative;
	width:1100px;
	/*min-height:500px;*/
	overflow:hidden;
	margin:0 auto;
}
@media screen and (max-width:1100px) {
	.mobile_banner{
		display:block;
	}
	.contain .info_column{
		width:100%;
		padding:0 0 2% 0;
	}
}
.column_title{
	float:left;
	width:100%;
	height:35px;
	color:#666666;
	font-size:1.063em;
	line-height:30px;
	border-bottom:1px solid var(--theme_master_color);
	margin:0 0 15px 0;
}

.column_title2{
	clear:both;
	float:none;
	width:98%;
	margin:10px auto 0 auto;
}
.icon_column_title_default{
	float:left;
	width:12px;
	height:12px;
	background:var(--theme_master_color);
	margin:7px 4px 0 6px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.icon_column_title_result{
	float:left;
	width:28px;
	height:28px;
	background:var(--icon_column_title_result);
	margin:2px 4px 0 6px;
}
.icon_column_title_story{
	float:left;
	width:28px;
	height:28px;
	background:var(--icon_column_title_story);
	margin:2px 4px 0 6px;
}
.title_info{
	float:left;
	height:35px;
	color:var(--theme_master_color);
	font-size:1.500em;
	line-height:30px;
	letter-spacing:1px;
}
.title_info_news{
	color:var(--theme_master_color);
	border-bottom:4px solid var(--theme_master_color);
	font-size:1.625em;
}
.title_info_course{
	color:var(--theme_master_color);
	border-bottom:4px solid var(--theme_master_color);
	font-size:1.500em;
}
.column_more{
	float:right;
	font-size:0.688em;
	line-height:42px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 10px 0 0;
}
.column_more a{
	color:#666;
}
.column_more a:hover{
	color:var(--theme_master_color);
}
/*news_list*/
.column_news{
	width:700px;
	background:#fff;
	padding:0 5px 0 5px;
	margin:0 0 28px 0;
}
.column_news_main{
	width:100%;
	background:none;
	height:auto;
}
.more_news_bottom{
	font-size:1.063em;
	letter-spacing:1px;
	width:100%;
	text-align:center;
}
.more_news_bottom a{
	display:inline-block;
	padding:12px 25px 12px 25px;
	border:1px solid #ccc;
	color:#666;
}
.more_news_bottom a:hover{
	background:#e8e8e8;
}
/*box_news*/
.box_news{
	clear:both;
	width:688px;
	border-bottom:1px dashed #CCCCCC;
	overflow:hidden;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
.box_news_mainpage_list{
	width:100%;
}
.box_news .left{
	float:left;
	padding:8px 0 0 20px;
	width:465px;
}
.box_news .left_mainpage_list{
	width:78%;
}
.box_news .left_mainpage_list2{
	width:70%;
}
.box_news .left .date{
  display: inline-block;
  width: 90px;
	font-size: 0.938em;
	color:var(--theme_master_color);
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin: 0;
}
.box_news .left .counts{
	display: inline-block;
	font-size:0.813em;
	color:var(--theme_master_color);
	font-family:Arial, Helvetica, sans-serif;
	background:url(icon_counts.png) no-repeat left;
  background-position: 0 3px;
	padding:0 0 0 12px;
	letter-spacing:1px;
	margin: 0 2px 0 0;
}
.box_news .left img.label{
  display: inline-block;
  width: 32px;
  height: 20px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.box_news .left .title{
	clear:both;
	margin:0 0 16px 0;
	font-size:1.063em;
	padding:2px 0 2px 0;
}
.box_news .left .title a{
	color:#000;
}
.box_news .left .title a:hover{
	color:var(--theme_master_color);
}
.box_news .left .info{
	clear:both;
	font-size:0.938em;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}
.box_news .left .info a{
	color:#666;
}
.box_news .right{
	float:right;
	margin:0 20px 0 0;
}
.box_news .right .image_s{
	float:left;
	width:180px;
	height:150px;
}
/*box_course*/
.course_list_mode{
	display:none;
}
.course_list_mode_show{
	display:block;
}
.box_course .left .date_column{
	width:160%;
	float:left;
	font-size:0.813em;
	color:var(--theme_master_color);
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin:0 0 15px 0;
}
.box_course .left .date_column .date{
	float:left;
	width:auto;
	margin:0 15px 0 0;
}
.box_course .left .date_column .time{
	float:left;
	width:auto;
	margin:4px 15px 0 0;
}
.box_course .left .address{
	float:left;
	width:80%;
	font-size:0.813em;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	margin:10px 0 0 0;
}
.box_course .left .join_button{
	float:left;
	width:85px;
	min-width:80px;
	margin:10px 0 0 0;
}
.box_course .left .join_button a{
	color:#ffffff;
	background:var(--theme_master_color);
	padding:2px 8px;
	font-size:0.875em;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.box_course .left .join_button a:hover{
	position:relative;
	top:-1px;
}
/**************************************************************/
/*group_label*/
.group{
	font-size:0.750em;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 5px 2px 5px;
	margin:0 0 10px 0;
	width:auto;
	display:inline-block;
}
.group.g1{/*教育部*/
	background:#99cc00;
}
.group.g2{/*經濟部*/
	background:#003399;
}
.group.g3{/*衛服部*/
	background:#cc9900;
}
.group.g4{/*農委會*/
	background:#336600;
}
.group.g5{/*內政部*/
	background:#0099ff;
}
.group.g6{/*原民會*/
	background:#cc3333;
}
.group.g7{/*國發會*/
	background:#33ccff;
}
.group.g8{/*勞動部*/
	background:#006699;
}
/*media_right_list*/
.column_media{
	width:350px;
	background:#F2FFE8;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:0 5px 0 5px;
	margin:0 0 2px 0;
}
.column_media img{
    width: 100%;
}
.column_media2{
	width:350px;
	background:#fff;
	height:625px;
	padding:0 5px 0 5px;
	margin:0 0 28px 0;
}
/*box_media_right*/
.box_media_right{
	float:left;
	width:340px;
	border-bottom:1px dashed #CCCCCC;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}
.box_media_right .left{
	float:left;
	margin:0 0 0 10px;
	width:95%;
}
.box_media_right .left .image_media{
	clear:both;
	width:320px;
	height:180px;
	overflow:hidden;
	margin:0 0 10px 0;
}
.box_media_right .left .title{
	clear:both;
	margin:0 0 10px 0;
	font-size:1.063em;
	width:100%;
}
.box_media_right .left .title a{
	color:#000;
}
.box_media_right .left .title a:hover{
	color:var(--theme_master_color);
}
.box_media_right .left .info{
	clear:both;
	width:100%;
	color:#999;
	font-size:0.750em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	margin:0 0 15px 0;
}
.box_media_right .left .link{
	clear:both;
	font-size:0.875em;
}
.box_media_right .left .link a{
	color:#666666;
	background:#e6e6e6;
	padding:2px 8px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.box_media_right .left .link a:hover{
	color:#069;
}
@media screen and (max-width:1100px) {
	.column_media,
	.column_media2{
		width:100%;
		max-width:700px;
		height:auto;
		overflow:hidden;
	}
	.box_media_right{
		margin:0 5px 15px 0;
	}
	.column_news{
		width:100%;
		height:auto;
		padding:10px 5px 20px 5px;
	}
	.box_news{
		width:100%;
		padding:0 0 10px 0;
		margin:0 0 10px 0;
	}
	.box_news .left{
		width:62%;
		overflow:visible;
	}
	.box_news .left .title{
		width:160%;
	}
	.box_news .right{
		float:right;
		width:35%;
		max-width:180px;
		margin:70px 5px 0 0;
	}
	.box_news .right .image_s{
		width:100%;
		height:auto;
		max-width:180px;
	}
	.box_news .right .image_s img{
		width:100%;
	}
	.box_media_right{
		width:49%;
		max-width:340px;
		margin:0 1% 15px 0;
	}
	.box_media_right .left .image_media{
		width:100%;
		max-width:320px;
		height:auto;
	}
	.box_media_right .left .image_media iframe,
	.box_media_right .left .image_media img{
		width:100%;
		height:auto;
	}
	/*course*/
	#calendar{
		display:none;
	}
	.course_list_mode{
		display:block;
	}
}
@media screen and (max-width:420px) {
	.box_course .left .date_column .time{
		clear:both;
	}
	.box_course .right{
		margin:100px 5px 0 0;
	}
}
/*column_copyright*/
.column_copyright{
	position:relative;
	clear:both;
	width:100%;
	padding:0 0 20px 0;
	margin:0 auto;
	color:#fff;
	background:var(--theme_master_color);
	z-index:9;
	overflow:hidden;
}
.column_copyright .block_style{
	position:relative;
	display:block;
	width:1100px;
	background:#fff;
	height:25px;
	overflow:hidden;
	margin:0 auto;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-webkit-border-radius:0 0 15px 15px;
	-moz-border-radius:0 0 15px 15px;
	border-radius:0 0 15px 15px;
}
@media screen and (max-width:1100px) {
	.column_copyright .block_style{
		width:100%;
	}
}
.column_copyright .column{
	border-top:none;
	max-width:1070px;
	margin:0 auto;
}
.column_copyright .column .fb{
	float:left;
	width:30%;
	margin:30px 2% 20px 1%;
}
.column_copyright .column .link{
	width:100%;
	max-width:980px;
	margin:30px auto 20px auto;
}
.column_copyright .column .link ul{
	text-align:center;
	width:100%;
}
.column_copyright .column .link ul li{
	display:inline-block;
	line-height:30px;
	font-size:1.000em;
	margin:0 10px 0 10px;
}
.column_copyright .column .link ul li a{
	line-height:30px;
	font-size:1.000em;
	color:#FFF;
}
.column_copyright .column .link ul li a:hover{
	border-bottom:1px dashed #FFFFFF;
}
.column_copyright .column .counts{
	clear:both;
	width:100%;
	text-align:center;
	font-size:0.875em;
	color:#fff;
	margin:20px auto 0 auto;
	padding:20px 0 0 0;
	border-top:2px solid rgba(255, 255, 255, 0.5);
}
.column_copyright .column .counts img{
	position:relative;
	top:1px;
}
.column_copyright .column .info{
	width:100%;
	text-align:center;
	font-size:0.875em;
	color:#fff;
	margin:20px 0 0 0;
	padding:0 10px;
	line-height:20px;
}
.column_copyright .column .info .host,
.column_copyright .column .info .address{
	display:inline-block;
}
.column_copyright .column .info .service_msg{
	clear:both;
}
@media screen and (max-width:1100px) {
	.column_copyright .column{
		padding:20px 0 0 0;
		text-align:center;
	}
	.column_copyright .column .fb{
		float:none;
		display:inline-block;
		width:inherit;
		margin:10px auto 0 auto;
	}
	.column_copyright .column .info .host,
	.column_copyright .column .info .address,
	.column_copyright .column .info .service_msg{
		display:block;
	}
}
.column_copyright .column .e-mail{
	width:100%;
	text-align:center;
	font-size:0.875em;
	color:#fff;
	margin:0 0 0 0;
	line-height:20px;
}
.column_copyright .column .e-mail a{
	color:#fff;
}
/*input物件*/
select {
	background: url(icon-arrow-dwn.png) center right no-repeat;
	padding: 5px 35px 5px 10px;
	background-color: #eee;
	border-radius: 5px;
	border: #aaa 1px solid;
	color: #444;
	font-family: helvetica, arial, sans-serif;
	font-size:0.938em
	line-height: 20px;
	margin: 10px 0 0 0;
	text-shadow: rgba(255,255,255,.6) 0 1px 0;
	font-family: 微軟正黑體, simhei, Arial;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari 和 Chrome */
}
select::-ms-expand {
    display: none;
}
select.group_sel{
	background: url(icon-arrow-dwn.png) center right no-repeat;
	padding: 4px 34px 4px 9px;
	background-color: #eee;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	border: #aaa 1px solid;
	color: #444;
	font-family: helvetica, arial, sans-serif;
	font-size:0.938em
	line-height: 20px;
	margin: 10px 0 0 0;
	text-shadow: rgba(255,255,255,.6) 0 1px 0;
	font-family: 微軟正黑體, simhei, Arial;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari 和 Chrome */
}
#search input{
	padding: 4px 34px 4px 9px;
	background-color: #eee;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	border: #aaa 1px solid;
	color: #444;
	font-family: helvetica, arial, sans-serif;
	font-size:0.938em
	line-height: 20px;
	margin: 10px 0 0 0;
	text-shadow: rgba(255,255,255,.6) 0 1px 0;
	font-family: 微軟正黑體, simhei, Arial;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari 和 Chrome */
	width:120px;
}
input[type="checkbox"]{
	background-color: #ddd;
	border-radius: 5px;
	border: #aaa 1px solid;
	height:14px;
	width:14px;
	-webkit-appearance:none;
	vertical-align:text-bottom;
}

input[type="checkbox"]:checked {
	background: #333 url(icon-check.png) no-repeat center center;
	border: #333 1px solid;
}
/*輔助設定*/
.font_color_000{
	color:#000;
}
.font_color_390{
	color:#390;
}
.font_color_ccc{
	color:#ccc;
}
.font_color_399{
	color:#399;
}
.font_color_39c{
	color:#39c;
	padding:0 0 0 5px;
}
.font_color_c00{
	color:#c00;
}
.font_color_333{
	color:#333;
}
.font_color_666{
	color:#666;
}
.font_size_12{
	font-size:0.750em;
}
.font_size_18{
	font-size:1.125em;
	position:relative;
	top:2px;
}
.font_size_20{
	font-size:1.250em;
}
.float_right{
	float:right;
}
.float_left{
	float:left;
}
img{
	border:none;
}
h1{
	font-weight:normal;
}
html{
	overflow-x:hidden;
	overflow-y:auto;
}
body{
	margin:0;
	padding:0;
	overflow-x:hidden;
	font-family:微軟正黑體,STHeiti,simhei,Arial;
	background:url(bg.jpg) repeat;
	font-size:1.000em;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;
}
a:link,
a:visited,
a:hover{
	text-decoration:none;
}
.over_length{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.justify{
	text-align: justify;
	text-justify:inter-ideograph; 
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/*20190713#_新增 tabindex 用的輔助底色*/
.menu ul li:hover .submenu{display:block !important;}
.mini_submenu ul li:hover .submenu{display:block !important;}
.menu ul li .submenu .sub_class,
.mini_submenu ul li .submenu .sub_class{width: 100%;min-width: 80px;}
.menu .login:hover ul{display:block !important;}
.column_media .column_more a{color: #000;}
/*****************************/
/*20181016#_新增*/
.column_media .media_box {width: 100%; clear: both; margin: 0 0 10px 0;}
.column_media .media_box a{font-size: 0.875em; color: #000; width: 100%;}
/*****************************/
/*20190924#_新增*/
.menu ul.nav li.m0_login>a{padding: 0; margin: 0 15px 0 15px; position: relative; top:2px;}
.menu ul li .submenu_style2{
  width:calc(100% - 32px);
  left:15px;
  top:40px;
  overflow:hidden;
}
/*20210226#_新增*/
.menu ul li .submenu_style3{
	width:150%;
	left:-25%;
	overflow:hidden;
}
/*20200302*/
/*****************************************************************************/
/*top banner*/
.goCenter {
  position: absolute;
  top: 5px;
  left: 35%; 
  z-index: 9999;
  border: 1px solid #fff;
  background-color: #fffc00;
  padding: 5px 10px;
  opacity: 0;
}
.goCenter:focus, .goCenter:hover { opacity: 1; }
.top_banner{
  position: relative;
  width:100%;
  height:190px;
  margin:0 auto;
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
  box-shadow: 0 3px 5px rgba(0,0,0,0.3);
  background-color:rgba(0,0,0,0);/*20181013#*/
}
.top_banner .fotorama__nav{
  position:relative;
  bottom:30px;
}
.top_banner .fotorama__dot{
  border:1px solid #fff;
}
@media screen and (max-width:1100px) {
	.top_banner{/*20181013#*/
		margin:40px auto 0 auto;
    height: 0;
    padding-bottom: 15%;
		background-repeat: no-repeat;
		background-position: top center;
		-moz-background-size: contain; -webkit-background-size: contain; -o-background-size: contain; background-size: contain;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
}
/* @media screen and (max-width:1000px) {.top_banner{height: 320px;}}
@media screen and (max-width:900px) {.top_banner{height: 286px;}}
@media screen and (max-width:860px) {.top_banner{height: 273px;}}
@media screen and (max-width:800px) {.top_banner{height: 254px;}}
@media screen and (max-width:760px) {.top_banner{height: 241px;}}
@media screen and (max-width:700px) {.top_banner{height: 222px;}}
@media screen and (max-width:640px) {.top_banner{height: 203px;}}
@media screen and (max-width:600px) {.top_banner{height: 190px;}}
@media screen and (max-width:560px) {.top_banner{height: 178px;}}
@media screen and (max-width:520px) {.top_banner{height: 165px;}}
@media screen and (max-width:480px) {.top_banner{height: 152px;}}
@media screen and (max-width:440px) {.top_banner{height: 140px;}}
@media screen and (max-width:400px) {.top_banner{height: 127px;}}
@media screen and (max-width:360px) {.top_banner{height: 115px;}}
@media screen and (max-width:320px) {.top_banner{height: 102px;}} */
/*****************************************************************************/
/*20220617*/
._label_new{
  display: inline-block;
  background: #00b1ff;
  border-radius: 5px;
  padding: 2px 5px;
  color: #ffffff;
  font-weight: bold;
  margin-right: 2px;
  font-size: 0.9em;
}
._label_new::after{
  content: "NEW";
}
._label_hot{
  display: inline-block;
  background: #ff005e;
  border-radius: 5px;
  padding: 2px 5px;
  color: #fffc00;
  font-weight: bold;
  margin-right: 2px;
  font-size: 0.9em;
}
._label_hot::after{
  content: "HOT";
}
/*****************************************************************************/
/***20220913 無障礙修正***/
*:focus{
  outline: 3px dashed #ffcc00;
}
.TOP_mobile{
  position: fixed;
  display: none;
}
@media screen and (max-width:1100px) {
  .TOP_mobile{
    display: inline-block;
  }
  .TOP{
    display: none;
  }
}
#rwdmenu_tab_close{
  opacity: 0;
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
  display: block;
}
/*20250606-無障礙修改需求-banner start*/
/*首頁精選 start*/
.commend_title{
  display: block;
  position: relative;
  width: 100%;
  max-width: 270px;
  margin: 0 auto;
  height: 60px;
  background-color: #fffcb2;
  border-bottom: 5px solid #00000022;
  border-radius:50px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.55);
}
.commend_title .icon{
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  top: -15px;
  left: 10px;
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.commend_title .title{
  display: inline-block;
  width: calc(100% - 130px);
  padding: 0px 0 6px 10px;
  margin: 0 20px 0 10px;
  /*border-bottom: 5px solid #e3e3af;*/
  vertical-align: middle;
  font-size: 1.2em;
}
.commend_title .title h2.text{
  float: left;
  margin: 0;
  color: #944704;
  font-size: 1.2em;
}
.commend_title .icon_index_column_1{background-image: url('../images/icon_starbook.png');}
/***/
.column_commend{
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  text-align: center;
  display: block;
}
.column_commend .column_grid{
  display: grid;
  gap: 0px;
  grid-template-columns: repeat(4,1fr);
}
.box_commend{
  position: relative;
  display: inline-block;
  background-color: #ffffff;
  width: 100%;
}
.box_commend .pic{
  overflow: hidden;
  width: 100%;
  padding-bottom: 13.91304347826087%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0em;
  color: transparent;
}
.box_commend .info_column{
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
}
.box_commend .cat{
  position: absolute;
  top: -0px;
  left: -4px;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  background-color: var(--hover_color);
  border-radius: 5px 0px 0px 0px;
  padding: 4px 10px 4px 28px;
  margin-bottom: 5px;
  color: #fff;
  /*box-shadow: 0 1px 5px rgba(0,0,0,0.4);*/
  font-weight: bold;
  font-size: 0.75em;
  background-image: url("../images/icon_star.png");
  background-size: 16px;
  background-position: 7px center;
  background-repeat: no-repeat;
}
.box_commend .cat::before{
  position: absolute;
  top: 0;
  right: -9px;
  content: "";
  width: 10px;
  height: 100%;
  background-color: var(--hover_color);
  clip-path: polygon(50% 0, 0 50%, 55% 100%, 0 100%, 0 0);
}
.box_commend .cat::after{
  position: absolute;
  bottom: -10px;
  left: 0px;
  content: "";
  width: 10px;
  height: 10px;
  background-color: var(--hover_color);
  filter: grayscale(66%);
  clip-path: polygon(0 0, 100% 100%, 100% 0);
}
.box_commend .info_column .unit{
  position: relative;
  left: 0;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 0 8px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1em;
  color: var(--hover_color);
}
.box_commend .info_column .title{
  position: relative;
  top: -5px;
  left: 0;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  border-radius: 5px 0px 0px 0px;
  padding: 0 8px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.1em;
}
.box_commend .info_column .text{
  position: relative;
  top: -5px;
  left: 0;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  border-radius: 15px 15px 15px;
  padding: 0 8px;
}
.box_commend .info_column .text::after{
  content: "...more";
}
.box_commend a{
  display: block;
  color: #000;
}
.box_commend a:hover{
  background-color: #fffee1;
}
.box_commend a:focus{
  outline: 2px dashed #ff6600;
  background-color: #fffee1;
}
/*首頁精選 end*/
@media screen and (max-width:1200px) {
  .swiper-container.swiper_banner {
    margin: 0 !important;
  }
}
@media screen and (max-width:1100px) {
  .swiper-container.swiper_banner {
    margin: 40px 0 0 0;
  }
}
/*20250606-無障礙修改需求-banner end*/