@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (min-width: 1200) {
	
}
/**
 * [Large Screen for PC & Pad]
 * 1025~1199
 */
@media screen and (max-width: 1199px) {
	
}
/**
 * [Medium Screen for Pad]
 * 768~1024
 */
@media screen and (max-width: 1024px) {
  
}
/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
}
@media screen and (max-width: 479px) {
  .wrapper {min-width: unset;}
  .wrapper .inner {width: 100%;}

  /* 頭部樣式 */
  #headerBg { display: none; width: 100%; }
  #headerBgM { display: block; width: 100%; }
  #header .bannerbar { top: 4px; right: -20px; }
  #header .email { display: none; }
  #header .search-box { display: none;}
  #container .inner {width:calc(100vw - 20px); padding:10px;}

  #nav {min-width: unset; background-image: url(./images/nav_bg_m.png); background-size: 100% auto; height: auto;}
  .navbox .menu-home a.menu-link {padding: 0 20px;}
  .navbox .wp-menu .menu-item a.menu-link {padding: 0 4px;}
  #container .banner { display: none; }
  .wp-navi .navi-slide-head {display: block;}
  .navbox .menu-home { float: unset; display: none; width: 100%; border-top: 1px solid #fff;}
  .navbox .wp-menu { float: unset; width:100%; display: none;}
  .navbox .sub-menu {display: none;}
  .navbox .wp-menu .menu-item { float: unset; padding-left: 20px; border-top: 1px solid #fff;}
  .navbox .sub-menu {background-color: transparent; position: unset;}
  .navbox .sub-menu .sub-menu {background-color: transparent;}

  .modbox1 .mod2 {position: relative; top: 0; right: 0;}
  .modbox1 {flex-direction: column-reverse; width: 100%; align-items: center; height: auto;}
  .modbox1 .mod1 { width: 100%; margin-top: 10px; height: auto;}
  .modbox1 .mod2 { width: 100%; height: auto;}
  .modbox1 .mod2 .con .news_title {width: unset;}
  .modbox1 .mod3 { width: 100%; margin-top: 10px; position: relative; top: 0; height: auto;}
  .modbox1 .modbox-inner {width: 100%; margin-top: 10px;}

  .modbox1 .mod2 .con .news_meta {width: 54px; height: 40px;}
  .modbox2 .mod2 .c_pt_12 .c_pic {display: none;}
  .modbox2 { flex-direction: column; height: auto;}
  .modbox2 .mod1 {width: 100%; margin-top: 10px; height: auto;}
  .modbox2 .mod2 { width: 100%; margin-left: unset; margin-top: 10px; height: auto; height: auto;}

  .modbox3 { flex-direction: column; align-items: center; width: 100%;}
  .modbox3 .box {margin-left: 0;}

  .modbox4 .links { width: 90%; margin-left: unset; margin-top: 10px; margin-bottom: 10px;}
  .modbox4 {display: flex; margin-top: 20px; flex-direction: column; align-items: center; }
  .modbox4 .con1, .modbox4 .con2 {position: unset; display: block; padding-bottom: 10px; width: 90%; background-color: unset;}
  .modbox4 .con1 a, .modbox4 .con2 a {color: #1677b3;}
  #container .post .con .news_list .news_title {width: 70%;}
  .modbox4 .links select {margin-left: 0; width: 100% !important;}

  .col_menu {display: block; margin-right: 0; width: 100%;}
  .col_news_box {margin-left: 0;}
  .article .entry .read img {width: 100% !important; display: inline-block;}
  .col_news_con .col_news_list img {display: inline-block; width: 100% !important;}
  .navbox .wp-menu .menu-item .menu-switch-arrow{display: block;width: 38px;height: 38px;position: absolute;right: 6px;top: 1px;background: url(css/img/icons.png) no-repeat 10px -116px;}

  .col_news_con .col_news_list .news_list .news_title {width: 70%;}
  .footer-container { height: auto; }
  .footer-container a {color: #fff;}
  footer {padding-top: 10px; background-image: url(images/foot_bg_m.png);}
  .copyright { line-height: 30px; text-align: center; color: white;}
}