*{box-sizing:border-box;line-height:normal;}
.cnzodiac{display:block;width:100%;height:auto;margin:40px auto 33px auto;}
.zosigns{display:block;width:100%;height:auto;margin:40px auto 42px auto;}
.zodiachinese{display:block;width:100%;height:auto;margin:0 auto;}
.zo-cover{display:block;width:100%;min-width:300px;max-width:90%;height:auto;margin:20px auto 22px auto;padding:0 0 1.5em;background-color:#f1f1f1;}
.zo-cover img{display:block;width:100%;height:auto;margin:0 auto 20px auto;}
.zo-info{display:block;width:90%;height:auto;margin:0 auto 6px auto;color:#888;font-size:15px;}
.cnflexi{display:flex;gap:5px;margin:0 auto;box-sizing:border-box;justify-content:center;padding:10px;}
.cnz{display:block;}
.golden888{padding:1em 0 1em;text-align:center;border-radius:7px;}
.bgmt:hover{background-color:#ccc;box-shadow:0 2px 2px #000, inset 0 1px 7px #fff;}
.bgwt:hover{background-color:#3CF;box-shadow:0 2px 2px #000, inset 0 1px 7px #fff;}
.bgwd:hover{background-color:#FC9;box-shadow:0 2px 2px #000, inset 0 1px 7px #fff;}
.bgfr:hover{background-color:#F63;box-shadow:0 2px 2px #000, inset 0 1px 7px #fff;}
.bgea:hover{background-color:#C63;box-shadow:0 2px 2px #000, inset 0 1px 7px #fff;}
.cnz ul{list-style:none;padding:0;margin:0 auto;}
.cnz ul li{display:block;width:100%;height:auto;list-style:none;padding:0;margin:0 auto;}
.cnz ul li img{display:inline-block;width:30px;height:auto;margin-left:5px;margin-right:7px;vertical-align:middle;}
.cnz a,.cnz a:visited{display:block;text-decoration:none;color:#036;box-sizing:border-box;padding:.3em 1em .3em;box-shadow:0 1px 0 #f1f1f1;}
.cnz a:hover,.cnz a:active{display:block;text-decoration:none;color:#900;box-shadow:0 1px 0 #333;}
.golden888 .svg-elmntcz{display:block;width:150px;height:auto;margin:0 auto 10px auto;transform:scale(.97) translateY(0)}
.golden888:hover .svg-elmntcz{transform:scale(1) translateY(-5px);}
.golden888 tspan { white-space:pre } 
.golden888 .cnz0 { fill: #000000 } 
.golden888 .cnzt1 { font-size: 24px;fill: #003366;font-family: "Arial" }
.golden888:hover .cnz0 { fill: #ffffff;filter:drop-shadow(0 1px 3px #000); }
.golden888:hover .cnzt1 { font-size: 24px;fill: #ffffff;font-family: "Arial"; }
@media (min-width: 240px) and (max-width: 767px) {
.cnzodiac,.zosigns{display:block;width:100%;height:auto;margin:40px auto 33px auto;}
.zo-cover{display:block;width:100%;height:auto;margin:20px auto 22px auto;padding:0 0 1.5em;background-color:#f1f1f1;}
.zo-cover img{display:block;width:100%;height:auto;margin:0 auto 20px auto;}
.zo-info{display:block;width:97%;height:auto;margin:0 auto 6px auto;color:#888;font-size:15px;}
.cnflexi{display:flex;gap:0;margin:0 auto;width:80%;box-sizing:border-box;justify-content:center;flex-direction: column;}
.golden888{padding:1em 0 1em;text-align:center;border-radius:7px;}
.cnz ul{list-style:none;padding:0;margin:0 auto;}
.cnz ul li{display:block;width:100%;height:auto;list-style:none;padding:0;margin:0 auto;}
.cnz ul li img{display:block;width:90px;height:auto;margin:10px auto 12px auto;}
.cnz a,.cnz a:visited{display:block;text-decoration:none;color:#036;box-sizing:border-box;padding:.5em 0 .5em;box-shadow:0 1px 0 #f1f1f1;text-align:center;}
.cnz a:hover,.cnz a:active{display:block;text-decoration:none;color:#900;box-shadow:0 1px 0 #333;}
	}
	.cnzodiac,.zosigns,.zo-cover{display:block;width:100%;}
.zo-info p{display:block;margin:3px auto 3.5px auto;line-height:normal;}