/* reset */
*{margin:0;padding:0}html{color:#000;overflow-x:auto!important;overflow-x:hidden;overflow-y:auto}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000;}del,ins{text-decoration:none}p{ margin:0; padding:0}img {-ms-interpolation-mode: bicubic;}
a{ text-decoration:none}
.clear { clear:both; height:0; line-height:0; font-size:0}
.hidden,a strong, .logo, .navTit em, .cyLogo {text-indent:-5000px; display:block; height:0; font-size:0; line-height:0; overflow:hidden}

/*navBox*/
.navBox { overflow: hidden;background: #e52675; text-align: center; font-size: 0; width: 100%; margin: 0 auto;}
.navBox a{ display: block; float: left; color: #fff4f8; width: 24.5%; background: #e52675; height: 2.5em; line-height: 2.5em; font-size: 20px; font-weight: bold; border-left: 1px solid #ffd4ff; border-right: 1px solid #ef0049; text-align: center;}
.navBox a:last-child{ border-right: none; }
.navBox a:first-child{ border-left: none; }
.navBox a:hover,.navBox a.cur{  color: #8b093e; background: #f76aa4;}
@media screen and (min-width:540px)and (orientation:landscape) 
{
    .navBox a{ font-size: 30px;}
}