@charset "utf-8";
/* CSS Document */

.lib_tabborder_sx{ width:100%; height:auto; margin-top:20px;}
.lib_Menubox_sx{ width: 100%; height: 60px; background: #ebebeb; font-size: 14px; line-height: 60px; text-align: right; padding:0px 10px; }
.lib_Menubox_sx li{display:inline; padding:6px 30px; margin:0px 1px; border-radius:3px; cursor:pointer;position: relative;}
.lib_Menubox_sx li:hover{ background:#000; color:#fff;}
.lib_Menubox_sx li.hover{ background:#000; color:#fff;}
.lib_Menubox_sx li.btbuy{ background:#e00; color:#fff;}

.lib_Menubox_sx li.gdlj{ background: url(../img/gdlj.png) center center no-repeat;}
.lib_Menubox_sx li.gdlj span{ padding: 0 10px; }
.lib_Menubox_sx li.gdlj:hover{ background: url(../img/gdlj_hover.png) #000 center center no-repeat;}
.lib_Menubox_sx li .gdlj_hover{ background: #000000;min-width: 120px; text-align: right;position: absolute;right: 0%;margin-right: 0px;top: 30px;display: none; z-index: 9999;cursor:pointer;border-radius:3px;}
.lib_Menubox_sx li .gdlj_hover p{padding: 10px; font-size: 12px; line-height: 0.1em;}
.lib_Menubox_sx li .gdlj_hover a{ color: #CCCCCC;}
.lib_Menubox_sx li .gdlj_hover a:hover{ color: #ee0000;}

.lib_Contentbox_sx{ width:100%; height:auto; min-height:500px; padding:10px 0px;}
.lib_Contentbox_sx .procontent_box{ padding-top:15px }
.lib_Contentbox_sx .procontent_con{ font-size: 14px; line-height: 1.8em; }
.lib_Contentbox_sx .procontent_con p{ padding-bottom: 10px; }
.lib_Contentbox_sx .procontent_con img{ width:100%; height:auto;}

@media (max-width: 640px){
  

}
@media (max-width: 540px){
  

}
@media (max-width: 414px){
     
 .lib_Menubox_sx li{ padding:6px 29px; margin:0px 1px; }
}
@media (max-width: 375px){
   
 .lib_Menubox_sx li{ padding:6px 24px; margin:0px 1px; }
}
@media (max-width: 360px){ 
 
 .lib_Menubox_sx li{ padding:6px 22px; margin:0px 1px; }
}
@media (max-width: 320px){
 
 .lib_Menubox_sx li{ padding:6px 18px; margin:0px 1px; }
}
@media (max-width: 280px){ 
 .lib_Menubox_sx li{ padding:6px 12px; margin:0px 1px; }
}