.mainMenu .topnav .a     { width:auto;_width:0;white-space:nowrap;overflow:visible; padding:0 7px 0 7px; }
.mainMenu .topnav .b { width:auto;_width:0;white-space:nowrap;overflow:visible; padding:0 7px 0 7px; }
.mainMenu .topnav .b .itemMenu            { float:left;white-space:nowrap;overflow:visible; }
.mainMenu .topnav .b .itemMenu a   { float:left;white-space:nowrap;overflow:visible; }
.topnav li ul.subnav        { width:80px; }
.topnav li ul.subnav li            { width:80px; }
.topnav li ul.subnav li a   { width:80px; }


 @media (max-width: 768px) {
        #htmlBody,.htmlBody,#topBody,.topBody,#mainBody,.mainBody,#mainBody1,.mainBody1,#bottomBody,.bottomBody,.topMenu .a{ width:100% !important;}
        .mainMenu, .mainMenu .topnav,.logoBox,.mainMenu .subMenu,.itemBox0,.bottomLine,.pageFullBox,.pageFullBoxMore{width:100% !important;}
        .logoBox dd{width:94% !important;}
        .searchBox .a{display: none;}
        .searchBox .b{width: 100% !important;}
        .mainMenu{background-color: #c20000 }
        .topMenu ul{height: auto;}


        .areaL,.pageBox dd, .pageBoxMore dd ,.pageBox, .pageBoxMore, .areaR,.typeBox, .typeBoxMore, .typeBox dd, .typeBoxMore dd{width: 100% !important}
        .typeBox dd, .typeBoxMore dd{width: auto;}
        .listArrow1 ul li{width: 90% !important;}
        .typeBox dt, .typeBoxMore dt{background-size: 100% auto; }

        .itemBox3{width: 100% !important}
        .itemBox3 dt{ background-size: 100% !important;}
        .itemBox3 dd{width: auto !important;}
    }