.hidden-desktop { display: none !important;}
/****************************************************************************************************/
@media (max-width: 1695px) {
    #communityBox {
      display: none !important;
    }
    .footer .info .logo {
      margin: 0 0 0 12px !important;
    }
    .footer .footer-line  {
      display: block !important;
    }
    ul.milieuList > li {
      margin: 1.5% 0.6% !important;
    }
}
/*@media (max-width: 1366px) {
    #communityBox {
      display: none !important;
    }
    .footer .info .logo {
      margin: 0 0 0 12px !important;
    }
    .footer .footer-line  {
      display: block !important;
    }
    ul.milieuList > li {
      margin: 1.5% 0.6% !important;
    }
}
*/
@media (max-width: 1200px) {
/*header*/
	#header ul.main_menu > li {
      padding: 0 22px;
    }
    #header #main_navigation.shrinked ul.main_menu > li {
      padding: 0px 20px;
      padding: 0px 20px\0;/*ie8以下適用*/
    }
    :root #header #main_navigation.shrinked ul.main_menu > li {
      padding: 0px 20px\0;/*ie9以上適用*/
    }
}
@media (max-width: 995px) {
/*header*/
	#header ul.main_menu > li {
      padding: 0 11px;
    }
    #header ul.main_menu > li > a .tw {
      line-height: 95px;
      padding: 0px 0 0 0;
      font-weight: normal;
      font-size: 15px;
    }
    #header ul.main_menu > li > a .en {
      font-size: 12px;
    }
    #header ul.main_menu > li a.iconHome {
      width: 32px;
      background-position: center 46px;
    }
    #header #main_navigation.shrinked ul.main_menu > li {
      padding: 0px 11px;
      padding: 0px 11px\0;/*ie8以下適用*/
    }
    :root #header #main_navigation.shrinked ul.main_menu > li {
      padding: 0px 11px\0;/*ie9以上適用*/
    }
    .footer .btnLine span {
      display: none !important;    
    }
    .footer .linkQR{
      display: none !important;    
    }
}
/****************************************************************************************************/
@media (max-width: 800px) {
.hidden-desktop { display: inherit !important;}
.hidden-mobile { display: none !important;}

/*sidebar*/
.sidebar { 
    float: none;
    max-width: 99%!important;
    padding: 0 1.5% !important;
    margin-top: 50px !important;
}

.sidebar ul.adList { display: none;}
.sidebar ul.adList li{
  text-align: center !important;
}
.sidebar ul.adList li img {
  width:90%;
}
.sidebar ul.adListA { display: block;}

}
/****************************************************************************************************/
@media (min-width: 768px) and (max-width: 979px) {

.hidden-desktop { display: inherit !important;}
.hidden-tablet { display: none !important;}

/*header*/
.hidden-desktop { display: inherit !important;}
.hidden-tablet { display: none !important;}

/*combineList*/
ul.combineList > li div.img { margin-bottom: 10px !important; padding: 0px !important;}

/*processBox*/
.processBox div.img { margin-bottom: 10px !important; padding: 0px !important;}

/*drBox*/
div.drBox .drHeader img.drPic { right: -30px;}

}

/****************************************************************************************************/
@media screen and (max-width: 767px) {
/*header*/
.sticky-wrapper { height: auto !important;}
#header { position: fixed !important; position: relative !important; height: 50px !important;}
#header #main_navigation { height: 50px !important; background: #eac100 !important;}
/*#header { position: fixed !important; position: relative !important; height: 44px !important;}
#header #main_navigation { height: 44px !important; background: #eac100 !important;}*/
#header #main_navigation .logo-container, #header #main_navigation ul.main_menu > li,
#header #main_navigation.shrinked .logo-container, #header #main_navigation.shrinked ul.main_menu > li { line-height: 44px !important; height: 44px !important;}

#header #main_navigation #logo { background-image: url(images/header_logoWhite.png) !important; background-size: 60% auto !important;}

#toggle-menu { display: inline-block; float: right !important; width: auto !important; line-height: 60px !important; height: 60px !important;}
#toggle-menu .toggle-menu i.fa-list { top: 25px !important; background-image: url(../scripts/header/icon_toggle_menuWhite.png); filter: alpha(opacity=100); opacity: 1;}

#main_menu { display: none !important;}

#header ul.btnLine { display: none !important;}

/*revslider
.rev_slider_wrapper { display: none;}*/

/*btnLine*/
.titlebar { display: none;}

/*content*/
.section { padding-top: 10px;}
.content { font-size: 15px;}

.content h1,
.content h1 b { font-size: 21px;}
.content h2,
.content h2 b { font-size: 18px;}
.content h1 { margin-bottom: 20px !important;}
.content h2 { margin: 30px 0px 30px;}
.content h3,
.content h3 b,
.content h4,
.content h4 b { font-size: 18px;}
.content > h3,
.content > h4 { margin-bottom: 10px !important;}
.content > p,
.content > ul,
.content > ol,
.content > img { margin-bottom: 20px !important;}

.content > ul.moreTag { top: -10px;}
.content > ul.moreTag li a { margin: 0px 0px 10px; padding: 5px 10px; font-size: 16px !important;}

/*combineList*/
ul.combineList > li:first-child { top: -48px;}
ul.combineList > li div.img { margin-bottom: 10px !important; padding: 0px !important;}

/*apparatusList*/
ul.apparatusList > li { padding: 10px;}
ul.apparatusList > li p { padding-right: 70px;}
ul.apparatusList > li img.pic { top: 40px; left: auto; right: 5px; height: 140px;}
ul.apparatusList > li:last-child img.pic { top: 10px;}
ul.apparatusList > li a.btnMore { display: block; margin-right: 85px; padding: 2px 0px;}

/*newsInfoList
ol.newsInfoList > li div.img { max-height: 250px !important; margin-bottom: 10px !important; padding: 0px !important; border-bottom: 1px solid #ccc;}*/

/*wookmark*/
.wookmarkBox .tiles li { width: 100% !important; margin-bottom: 20px !important;}

/*processBox*/
.processBox div.img { margin-bottom: 10px !important; padding: 0px !important;}

/*drBox*/
div.drBox .drHeader { height: 100px; padding: 20px 10px 0px;}
div.drBox .drHeader img.drPic { right: -20px; height: 145px;}
div.drBox .drHeader h2, div.drBox .drHeader h2 b { font-size: 30px;}
div.drBox .drHeader .drType { font-size: 16px;}
div.drBox .drInfo { margin-bottom: 30px;}
div.drBox h3 { font-size: 18px;}

/*videoWrap*/
.videoWrap iframe { max-width: 100%; max-height: auto;}

/*masonry-item*/
.masonry-item {}

/*footer*/
.footer { padding-top: 20px !important;}
.footer p {
  line-height: 1.5!important;
  letter-spacing: 0px!important;
}
.footer .address { margin: 0px; padding: 5px 30px; text-align: center;}
.footer .info { text-align: center; border: none;}
.footer .info .logo {
  width: 100%;
  padding: 0;
  display: none;
  float: none!important;
}
.footer .info-in {
  width: 100%!important;
  padding: 0!important;
  margin: 10px 0 0 0 !important;
  background: none !important;
  float: none!important;
}
.footer .info .tel {
  color: #CC9900;
}
.footer .info .tel b { display: inline-block; margin-left: 5px;}
/*.footer ul.btnLine { bottom: 120px; left: 0px; right: 0px; margin: 0px; padding: 0px; text-align: center;}*/
	#contactOnlineOk .html {
      margin: 5% 1% 0 1%!important; 
      padding: 7% 10%;
    }
/*banner隱藏*/
.in-carousel {
  display: none !important;
}


@media screen and (max-width: 600px){/*當螢幕小於600 並直著看*/
	.maplink-title { 
      margin-bottom: 8px !important;
    }
    #contactOnline .control-code {
      float: right;
    }
    #newsDia .title h2 {
      margin:0 20% 0 0 !important;
    }
    /*頁碼 
    *********************************/
    .pageNum {
        padding: 0 !important;
    }
    .pageNum a {
        margin: 0 !important;
        padding: 0 0.5%!important;
    }
    .pageNum span {
        padding: 0 1%!important;
        font-size:90%!important;
    }
    .pageNum a span {
        font-size:90%!important;
    }
    .pageNum a span:hover {
        font-size:90%!important;
    }
    .pageNum a.control{
      min-width: 20px !important;
      padding: 0 !important;
    }
    .pageNum a.control span{ 
        color: #996600;
        font-weight: bold;
        padding-right: 0px;
        padding-left: 0px;
        font-size:80%;
        line-height:2em;
    }
    .pageNum.p2 {
      padding: 10px 0 0 0!important;
    }
    
    #news .search {
      padding:0!important;
      margin:0 0 2% 0!important;
      text-align: center!important;
    }
    #news .search form {
      float:left;
      width: 55% !important;
      padding-right: 0!important;
      display: block;
    }
    #news .search form .txt {
      width: 80% !important;
    }
    #news .search .searchSort {
      float: right;
      display: block;
      font-size:85%;
    }
    #news .search .searchSort a {
      font-size:95%;
    }
    
    .titleCase .inner {
      margin-bottom:30px!important;
    }
    .titleCase .inner .info {
      padding: 1% 3.5% 11% 3.5% !important;
    }
    ul.caseList2 li {
      padding-bottom: 5%!important;      
    }
    
    #contactOnline form .form-group button {
      width:45%;
    }
    .form-group { margin-bottom: 0px !important; }
}
/****************************************************************************************************/
@media screen and (max-width: 480px) {
    .search form {
      margin-right: 0px!important;
      background-image: none!important;
    }
    .search .searchHot {
      display: none;
    }
    .InewsList li .inner {
      margin:0 10px !important;
    }
    .InewsList li .inner h4 {
      margin: 0px 0 5px 0 !important;
    }
    .Iteam .pic img{
      width: 100%;
    }
    .footer .info-in span {
      display: block;
    }
    .footer .info .tel {
      line-height: 1.4!important;
      margin-bottom: 5px;
    }
    #aboutMilieu .html {
      padding: 135px 2px 0 2px!important;
    }
    ul.milieuList {
      padding: 0 0 0 0px!important;
    }
    ul.caseList li .pic{
      width: 50%;
      overflow: hidden;
    }
    ul.caseList2 li {
      margin: 0 4% 25px 4%!important;
    }
    ul.caseList2 li h3 {
      margin-bottom: 0%;
    }
}