@media only screen and (max-width:1366px){
.logo{ width:40%;margin-top:10px;}
}
/*---responsive media quaries---*/
@media only screen and (max-width:1280px){
.logo{ width:40%;margin-top:15px;}
.menu li{list-style:none;display:inline-block; margin:1em 0 1.0em;padding:0px 5px; font: normal 16px/40px "΢ÈíÑźÚ"}
}
@media only screen and (max-width:1024px){
.logo{ width:40%;margin-top: 2px;}
.menu {margin:0px 0;}
.active {display: block;}
.menu li{list-style:none;display:inline-block; margin:0;padding:0px 5px; font: normal 14px/40px "΢ÈíÑźÚ"}
}
@media screen and (max-width:960px) {
.header{ padding:10px; height:110px;background:#f5bfa3;}
.logo{ width:50%;margin-top: 2px;}
.menu {margin:0px 0;}
.active {display: block;}
.menu li { border-bottom:1px solid #fff;text-align:center;margin:0;height:36px; line-height:36px;padding:0px 5px;}
.nav {list-style: none;*zoom: 1;width:150px;position: absolute;right:0px;background:#ca0000;top:75px;z-index: 9999;}
.nav li ul{width:120px;}
.nav > li {float: none;display:block;}
.nav ul {display: block;width:120px;}
.nav > li.hover > ul , .nav li li.hover ul {position: static;}
.nav li a{color:#fff; border:none; text-align:center;}
.menu li a{color:#fff; border:none;}
.menu li a:hover{display: block;border:none; color:#ff9000;}
#nav .current a {color:#ff9000;border:none;}
.menu li.active a{color:#ff9000;border:none;} 
}
@media only screen and (max-width:768px){
.header{ padding:10px; height:80px;background:#f5bfa3;}
.logo{ width:50%;margin-top:8px;}
.nav {right:0px;background:#a50000;top:80px;}
.menu li {margin:0; height:40px; font: normal 14px/40px "΢ÈíÑźÚ";padding:0px 0px;}
.menu li.active a { color:#fff;border:none;}
.menu li a {color:#fff;border:none;}
.menu li a:hover{color:#ffff03;border:none;}
.title-tab-nav li { width:32.7%;}
}
@media only screen and (max-width:640px){
.header{ padding:10px; height:80px;background:#f5bfa3;}
.logo{ width:60%;margin-top: 2px;}
.nav {right:0px;background:#a50000;top:80px;}
.menu li {margin:0; height:40px; font: normal 14px/40px "΢ÈíÑźÚ";padding:0px 0px;}
.menu li.active a { color:#fff;border:none;}
.menu li a {color:#fff;border:none;}
.menu li a:hover{color:#ffff03;border:none;}
.title-tab-nav li { width:32.7%;}
}
@media only screen and (max-width:480px){
.header{ padding:10px; height:80px;background:#f5bfa3;}
.logo {width:70%;margin-top:5px;}
.logo img{ margin-top:3px;}
.nav {right:0px;background:#a50000;top:80px;}
.menu li {margin:0; height:40px; font: normal 14px/40px "΢ÈíÑźÚ";padding:0px 0px;}
.menu li.active a { color:#fff;border:none;}
.menu li a {color:#fff;border:none;}
.menu li a:hover{color:#ffff03;border:none;}
.title-tab-nav li { width:32.7%;}
}
/*---responsive media quaries---*/
@media only screen and (max-width:320px){
.title-tab-nav li { width:32.7%;}
.header{ padding:10px; height:60px;background:#f5bfa3;}
.logo{ width:70%;margin-top: 5px;}
.logo img{ margin-top:3px;}
.toggleMenu {padding-top:8px;}
.nav {right:0px;background:#a50000;top:70px;}
.menu li {margin:0; height:40px; font: normal 14px/40px "΢ÈíÑźÚ";padding:0px 0px;}
.menu li.active a { color:#fff;border:none;}
.menu li a {color:#fff;border:none;}
.menu li a:hover{color:#ffff03;border:none;}
.foot-ico li {width:48%; border:none; margin-top:10px;}
.foot-ico{ padding:10px 0px;}
}