@charset "utf-8";
#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 .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:60%;
    min-width:230px;
    height:20px;
    margin:10px 0 0 10px;
    font-size:1.125em;
    font-weight:bold;
    display:block;
    cursor:pointer;
    color:#FFF;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
  }
  .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:#f8f8f8;
  -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;
}
.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 12px;
  -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);
}
.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:#967412;
}
.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;
  color:#fffff2;
}
.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:none;
  }
  .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;
  padding:0 5px 0 5px;
  margin:0 0 28px 0;
  padding:0 0 23px 0;
}
.column_news_main{
  width:100%;
  background:none;
  height:auto;
}
.more_news_bottom{
  clear:both;
  font-size:1.063em;
  letter-spacing:1px;
  width:100%;
  text-align:center;
}
.more_news_bottom a{
  background:#FFF;
  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{
  float:left;
  width:80px;
  font-size:0.813em;
  color:var(--theme_master_color);
  font-family:Arial, Helvetica, sans-serif;
  letter-spacing:1px;
  margin:0 0 15px 0;
}
.box_news .left .counts{
  float:left;
  font-size:0.813em;
  color:var(--theme_master_color);
  font-family:Arial, Helvetica, sans-serif;
  background:url(icon_counts.png) no-repeat left;
  padding:0 0 0 15px;
  letter-spacing:1px;
  margin:0 0 15px 0;
}
.box_news .left a{
  display: block;
  color: #000;
}
.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:20px;
}
.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:#967412;
}
.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;
  padding:0 5px 0 5px;
  margin:0 0 10px 0;
}
.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%;
    background:none;
    height:auto;
    padding:10px 5px 20px 5px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
  }
  .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(--column_copyright);
  z-index:9;
  overflow:hidden;
}
.column_copyright .block_style{
  position:relative;
  display:block;
  width:100%;
  background:var(--column_copyright_block_style);
  height:26px;
  overflow:hidden;
  margin:0 auto;
}
@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:0 2% 20px 1%;
}
.column_copyright .column .link{
  display: block;
  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: 'Microsoft JhengHei', '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;
  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 */
}
#search input{
  padding: 5px 34px 5px 9px;
  width:100%;
  max-width:160px;
  background-color: #fff;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  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 5px 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 .search_button{
  padding:4px 5px;
  border-radius:5px;
  border: #aaa 1px solid;
  color: #fff;
  background-color: var(--theme_master_color);
  font-size:0.938em;
  line-height: 20px;
  margin: 5px 0;
  text-shadow: rgba(255,255,255,.6) 0 1px 0;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari 和 Chrome */
}
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{
  -ms-content-zooming: none; /* Disables zooming */
  overflow-x:hidden;
  overflow-y:auto;
}
body{
  margin:0;
  padding:0;
  overflow-x:hidden;
  font-family: 'Microsoft JhengHei', 'simhei', 'Arial';
  background:var(--body_bg);
  font-size:1em;
  -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-tap-highlight-color: rgba(0,0,0,0);
    -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%;}
/*****************************/
/*****************************************************************************/
/*top banner*/
.top_banner{
  width:100%;
  height:160px;
  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;}} */
/*****************************************************************************/
/*20211228*/
._pointer{
  cursor: pointer;
}
._noneclick{
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.vmap_marker_none{
  fill: #000;
  pointer-events: none;
  font-size: 1em;
}
/******有DOC/輔導團的地區***************/
.vmap_marker{
  fill: #000;
  pointer-events: none;
  font-size: 1em;
}
.vmap_marker_reddot{
  fill: #cc0000;
  pointer-events: none;
  font-size: 1.2em;
}
/***20220913 無障礙修正***/
*:focus{
  outline: 3px dashed #ffcc00;
}
.TOP_mobile{
  position: fixed;
}
@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;
}
._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;
  }
}
.search_button{
  padding:4px 5px;
  border-radius:5px;
  border: #aaa 1px solid;
  color: #fff;
  background-color: var(--theme_master_color);
  font-size:0.938em;
  line-height: 20px;
  margin: 5px 0;
  text-shadow: rgba(255,255,255,.6) 0 1px 0;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari 和 Chrome */
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}