body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, figure{
 font-family: Trebuchet MS,Arial Narrow,sans-serif,微軟正黑體;
}
input, textarea, select{
 letter-spacing: 0.5px;
}
p{
 letter-spacing: 0.5px;line-height: 1.8;
}
#menu .menu-box .menu-list>ul>li>a,
.cate-menu-box .cate-menu>li>a{font-weight: normal;}
.cate-menu-box .cate-menu>li .pulldown>li>a{font-weight: normal;font-size: 18px;}

.g-footer .footer-wrap .footer-menu .box2 .f-prolist .type-title,
.g-footer .footer-wrap .footer-menu .box2 .f-prolist ul{
 width: 100%;
}
.idx-banner-wrap,
.inner-top .toppic{
 padding-top: 148px;
}

.idx-contact .btn-wrap .phone span{
 color: #e7656e;
}
/*.article-box{ font-family: Arial Narrow!important; }*/
/*.article-box ul,.article-box ol,.article-box li,.article-box h1,.article-box h2,.article-box h3,.article-box h4,.article-box h5,.article-box h6,.article-box p{
  font-family: Arial Narrow!important;
}*/

.company h5{
  /*color: #e7656e;
  border-bottom: 1px solid #e7656e;*/
  border-bottom: 1px solid #c3a583;
  color: #b0895e;

}
.footer-box .info span{
  /*color:#c3a583;*/
  /*color: #e7656e;*/
  color: #b0895e;
}
.pro-list li a .pro-name{
 line-height: 1.2;
 
}
    
.pro-list li a .pro-name .pro-size{
 font-family: Trebuchet MS,Arial Narrow,sans-serif,微軟正黑體;
}

@media screen and (min-width: 601px){
   .form-item .title{
       width: 140px;
       letter-spacing: 0;
  }
  
}

@media screen and (max-width: 1200px){
 #menu .menu-box .menu-list>ul>li>a {
     padding: 15px 10px;
 }
}
@media screen and (max-width: 1500px){
 .idx-pro-class .class-list li>a h2{
  font-size: 24px;
 }
}

@media screen and (max-width: 1330px){
 .idx-banner-wrap,
 .inner-top .toppic{
    padding-top: 126px;
   }
}


@media screen and (max-width: 1024px){
 .idx-banner-wrap,
 .inner-top .toppic{
     padding-top: 75px;
 }
 .idx-pro-class .class-list li>a h2{
  font-size:18px;
  letter-spacing: 0.5px;
 }
 .idx-pro-class .idx-title h2{
  font-size: 24px;
 }
}
@media screen and (max-width: 768px){
 .form-item.type .btn-list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 }
 .form-item.type .btn-list li{
  width: 49%;
  margin: 1% 0;
 }
 .form-item.type .btn-list li label{
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
 }
}

@media screen and (max-width: 600px){
 .idx-banner-wrap,
 .inner-top .toppic{
     padding-top: 53px;
 }

 .idx-pro-class .class-list li {
    width: 48%;
    margin-bottom: 10px ;
}

.idx-pro-class .class-list li>a {
    padding-bottom: 50%;
}
.idx-pro-class .class-list li>a h2{
 /* font-size: 18px; */
 width: 100%;
}
.idx-pro-class .class-list li>a img{
 width: 100%;
 height: auto;
}

.idx-pro-class .idx-title h2{
  font-size: 20px;
}

.idx-contact .btn-wrap .phone span{
 display: block;
}
.form-item.type .btn-list li{
 width: 49%;
}
}

@media screen and (max-width: 400px){
 .form-item.type .btn-list li{
  width: 100%;
  margin: 5px 0;
 }
 .form-item.type .btn-list li label{
  height: auto;
  padding: 10px 5px;
 }
}