html{
box-sizing:border-box
}
*,*:before,*:after{
/*box-sizing:inherit*/
}
@font-face {
font-family: 'Zen Maru Gothic';
src: URL('ZenMaruGothic-Light.ttf') format('truetype');
}
@font-face {
font-family: 'Ma Shan Zheng';
src: URL('MaShanZheng-Regular.ttf') format('truetype');
}
body {
font-family:'Zen Maru Gothic','Microsoft YaHei','Hiragino Sans GB','STHeiti',Tahoma,'SimHei',sans-serif;
font-weight:100;
overscroll-behavior-y: contain;
/* background: rgb(103,12,23); */
/* background-image: linear-gradient(230deg, rgba(103,12,23,1) 0%, rgba(97, 8, 8, 0.938) 17%, rgba(120, 7, 9, 0.947) 81%, rgba(172, 1, 7, 0.824) 100%),url('../images/p2.png'); */
background-image: url('../images/p10.png');
background-repeat: repeat;
background-size: auto;
background-color:#083c30; /*#980000;*/
/*background-color: #210103;#06061d;/*#3c404b;*//*#1a1a1c;*/ /*#f1d1c8*/
color:#f6f6f6;/*#fcf2bb*/;/*#f5d006*//*#e3e3e3;*/
/* text-shadow: 1px 1px 2px rgb(81, 79, 79); */
text-shadow: 1px 1px 1px rgb(0, 0, 0);
}
.w3-row-padding:after,.w3-row-padding:before{content:"";display:table;clear:both}
.w3-third{float:left;width:100%}
@media (min-width:601px){
.w3-third{width:33.33333%}
}
@media (max-width:992px){
.w3-row-padding,.w3-row-padding>.w3-third{padding:0 8px}
}
/*@media print {
.page-break { display: block; page-break-before: auto; }
}*/
@media print {
footer {page-break-after: always;}
}
input,select {
font-size: 14px;
font-family: Verdana, Arial, Helvetica;
border-radius: 5px;
padding:2px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
/* text-indent: 1px;*/
text-overflow: '';
padding: 0 5px;
}
a {
/* color: #d6a529; */
color: #fefefe;
text-shadow: 1px 1px 2px rgb(0, 0, 0);
}
a:link {
text-decoration: none;
}
a:hover {
/* color: #fff; */
/* color: #1f0725;
border: 1px solid #f5b214; */
/* border:1px solid #fff;*/
color: #bb4516;
border: 1px solid #f5b214;
text-shadow: 1px 1px 2px #fff;
}
a:visited {
text-decoration: none;
}
.redColor{
color:red;
}
.whiteColor{
color:white;
}
.myButton {
border-radius: 5px;
background-image: linear-gradient(0deg,#fe7904,#f15050);
padding: 3px;
font-size: 12px;
border: 1px solid rgba(255, 255, 255, 0.2);
flex: 1;
text-align: center;
}
.myButton:hover{
background-image: linear-gradient(0deg,#fc861f,#db4a4a);
background-color: #2e1705;
}
td {
/* border:1px solid rgba(90,90,90,1); */
/*rgba(204, 153, 0,0.5);*//*#999; */
border: 0.4px solid rgba(147, 134, 134, 0.8);
height: 40px;
width: 50px;
text-align: center;
cursor: pointer;
}
table {
text-align:center;
border-collapse: collapse;
}
.tgdz {
color:#f79767;
font-size: 24px;
}
.canggan {
color:#f7e6e6;/*#f6f6f6;*//*#FC9; */
font-size:12px;
}
.icon{
font-size:12;
color:#C60;
display: none;
}
img {
width:32px;
}
.picpng{
width:50px;
bottom:-15px;
position:relative
}
.foreColor{
color:#f6f6f6;/*#fcf2bb*/;/*#e3e3e3;*/
}
.displayContent{
color:#f6f6f6;/*#fcf2bb*/;/*#e3e3e3;*//*#cfdb00;*/
font-size:16px;/*24px;*/
text-shadow: none;
}
.myContainer{
margin-top: 10px;
/* height:550px;*/
width:98%;
max-width:98%;
display:inline-block;
color:#f6f6f6;/*#fcf2bb*/;/*#e3e3e3;*//*#cfdb00;*/
font-size:16px;/*24px;*/
line-height: 1.6;
padding: 5px;
}
.containerCenter{
display: flex;
align-items: center;
flex-direction: column;
overflow: scroll;
margin-bottom: 40px;
}
.displayGuaContent{
color:#fbda20;/*#e3e3e3;*//*#cfdb00;*/
font-size:16px;/*24px;*/
}
.divgua spana{
color:#F00;
}
.divgua spanb{
color:#EFF8F9;/*#09F;*/
}
.normal{
font-weight: 100;
}
.fxStar1{
border:none;
font-size: 16px;
color: #eee;
}
td.fxStar1 {
height: 40px;
width: 40px;
text-align: center;
cursor: pointer;
}
td.cc_content,td.cal_centent {
border:none;
padding:2px;
width:38px;
}
.fxStar{
color:#cfdb00;
border:2px solid #999;
font-size: 20px;
height:30px;
width:30px;
border-radius:50%;
line-height:30px;/*30px;new setting*/
text-align:center
}
.fxSelect{
background-color: #cfdb00;
color: #333333;
height: 30px;
width: 30px;
border-radius: 50%;
line-height: 30px;/*30px;new setting*/
text-align: center;
}
.cal-display{
background-color: #fcc125;
color:#ccc;
border:1px solid #aaa;
}
.cal-display:hover{
background-color: #fcc;
}
.myCalwhite{
background-color: #efeea0;
}
.myCalblack{
margin-top: 10px;
height: 380px;
/*width: 380px;*/
margin-bottom: 5px;
border-radius: 5px;
justify-content: center;
display: flex;
}
.c3-white{
text-align:center;
width:30px;
height:30px;
padding: 6px;
cursor: pointer;
color:#fff;
text-shadow: none;
border-radius: 5px;
}
.c3-white:hover{
font-weight: bold;
}
.fface{
font-size:10px ;
color:#ccc;
}
.cb{
color:#236AB9!important;
background-color:#e5dbd0;
}
.cb_body{
color:#236AB9!important;
background-color:#fff;
}
.myButton2{
border-radius: 3px;
padding: 3px;
background-color: #044;
color:#ccc;
font-weight: bold;
}
/* .solarDay{
position: relative;
font-size: 12px;
color:#090f6b;
top:-4px;
}
.jiazi60{
position: relative;
font-size: 8px;
color:#312e04;
top:-4px;
}
.lunarDay{
position: relative;
font-size: 12px;
color: #333;
} */
.solarDay{
position: relative;
font-size: 10px;
font-weight: 700;
color:#090f6b;
top:-4px;
left:-10px;
}
.jc12{
position: relative;
font-size: 8px;
color:#312e04;
top:-5px;
right:-8px;
/* color: transparent !important; */
}
.jiazi60{
position: relative;
font-size: 8px;
color:#312e04;
top:-2px;
left:-5px;
width: 40px;
display: inline-block;
}
.mtgdz{
position: relative;
font-size: 8px;
color:#1114e0;
top:-42px;
display: inline-block;
}
.lunarDay{
position: relative;
font-size: 12px;
font-weight: 700;
color: #333;
top:-3px;
display: inline-block
}
.bazi_title{
color:#fff;
font-size:14px;
/*width:16%;*/
}
.bazi_subtitle{
color:#fff;
font-size:20px ;
width:16%;
}
.bazi_subtitle1{
font-size:20px ;
width:16%;
}
.shenSha_subtitle1{
font-size:20px ;
width:16%;
vertical-align: top;
}
.shichen{
color:#fff;
font-size:12px;
}
.shichen_xuong{
color:red;
font-size:14px;
}
.shichen_ji{
color:#ffff6f;
font-size:14px;
}
.strokeme {
color: #fc0;
font-weight: bold;
}
.starFx1{
border:none;
font-size: 8px;
color: #eee;
padding-left: 2px;
padding-right: 2px;
}
td.starFx1{
height: 30px;
width: 40px;
text-align: center;
cursor: pointer;
}
.starFx{
color:#eee;/*#cfdb00;*/
border:2px solid #999;
font-size: 12px;
height:20px;
width:20px;
border-radius:50%;
line-height:1.6;/*20px; new setting*/
text-align:center
}
.midFx{
background-color: #cfdb00;
color:#333;
border:2px solid #999;
font-size: 12px;
height:20px;
width:20px;
border-radius:50%;
line-height:20px;/*20px;new setting*/
text-align:center
}
.starFxTitle{
font-size: 16px;
}
.yearlack{
color:#f6f6f6;/*#fcf2bb*/;/*#e3e3e3#cfdb00*/;
text-align: left;
display: flex;
justify-content: center;
margin-top: 10px;
margin-bottom: 10px;
}
.topLabel td{
border:none;
font-size: 8px;
color:#f6f6f6;/*#fcf2bb*/;/*#e3e3e3#cfdb00*/;
height: 10px;
}
.topLabel{
margin-top: -15px;
}
.yunSelected{
/*color:#fff;*/
background-color: #4d5360;
}
.vTitle{
color: #fbd026;
font-weight: 500;
cursor: pointer;
}
.footerClass{
position:fixed;
bottom: 0px;
padding:5px;
width:100%;
margin-left:-14px;
background-image: linear-gradient(0deg,#420202,#8d0808,#c75353);
background-color:#855906;/*#212839;/* #05102A;*/
display: flex;
justify-content: center;
}
label{
font-size: 12px;
}
.yy-circle{
/*text-shadow: 1px 1px 0 rgba(200,200,200,0.7);*/
}
#guaDisplay{
color:#fff;/*#fc4;*/
}
.myImg{
width:260px;
height:215px;
display: none;
/* -webkit-filter: drop-shadow(1px 1px 1px #222);
filter: drop-shadow(1px 1px 1px #222);*/
/*display:none;*/
/*background-color: rgba(30,30,30,0.5);*/
}
@breakpoint: 500px;
/* Responsive
==================================== */
@media all and (max-width: @breakpoint) {
.Rtable--collapse {
display: block;
.Rtable-cell { width: 100% !important; }
.Rtable-cell--foot { margin-bottom: 1em; }
}
}
.no-flexbox .Rtable {
display: block;
.Rtable-cell { width: 100%; }
.Rtable-cell--foot { margin-bottom: 1em; }
}
.wxColor{
/*border-color:#000; */
color:#fff;
font-size:16px;
text-align: center;
filter: drop-shadow(1px 1px #222);
/* height=285*/
}
.flexHorizontal{
display: flex;
flex-direction: row;
justify-content: center;
}
#calendar{
display: inline-block;
line-height: 0.7;
margin-left: -5px;
}
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
background-color: #e3700aba;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
display: flex;
flex-direction: row;
justify-content: space-between;
border-radius: 3px;
width: 280px;
}
#inputField{
width:220px;
}
.w3-row-padding:after,.w3-row-padding:before{content:"";display:table;clear:both;}
.w3-third{float:left;width:100%}
@media (min-width:720px){
.w3-third{width:32%}
}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
#zwmp{
text-shadow: none !important;
}
/* @charset "utf-8"; */
/* CSS Document */
.zwds,#zwdsDetail, #moreDetail{
font-family: 'Zen Maru Gothic';
/* Ma Shan Zheng'; */
}
.zwds tr td{
font-size:16px;
padding: 8px;
line-height:16px;
background-color: #020235;
color: #fff;}
/* @media (min-width:420px){
.zwds tr td{ font-size:12px;padding: 3px; line-height:16px; }
} */
.layui-badge{
margin-bottom:3px;
margin-right:1px;
position: relative;
display: inline-block;
padding: 0 6px;
font-size: 16px;
text-align: center;
border: 2px solid #9f8607;
color: #f3ecc5;
border-radius: 2px;
}
.userzwmp{
text-align: left;
font-size: 1rem;
line-height: 1.4;
}
@media (max-width:552px){
.zwds tr td{ font-size:12px;padding: 3px; line-height:16px; /*height:auto*/}
.zwfz12{ font-size:12px;}
.layui-badge{ font-size: 12px; }
.userzwmp{ font-size: 0.675rem;}
}
@media (max-width:412px){
.zwds tr td{ font-size:10px;padding: 3px; line-height:16px; /*height:auto*/}
.zwfz12{ font-size:10px;}
.layui-badge{ font-size: 10px; }
.userzwmp{ font-size: 0.6rem;}
}
.zw1{ color:#F00}
.zw2{ color:rgb(255, 123, 0)}
.zw3{ color:#fc0}
.zw4{ color:#fff}
.zw5 {color: rgb(255, 217, 0);border:2px solid rgb(165, 2, 2);text-align: center; padding-left:5px;padding-right:5px;}
.zw6{ color:#7da60e}
.zw7{ color:#039}
.zw8{ color:#72e606}
.zw9{ color:#1cc8d0}
.zw10 {color: #72e606;text-align: center; padding-left:3px; }/*background: #eeeeee;*/
.zwfz12{ font-size:14px;}
.left-zw{ float:left}
.left-mw{ position:relative; margin-left:60px; height:140px; width:40px; display:none; margin-bottom:7px; }
.right-zw{ float:right}
/*.left-zw p,.right-zw p{ line-height:6px;padding:5px;}*/
.right-x{ padding-top:16px; text-align:right}
.right-t{ text-align:right}
.zw3x{ color:#960; font-size:20px; line-height:150%;}
.zw3y{ color:#960; line-height:150%;}
.zwsz td { text-align:left; padding:5px; padding-left:10px;}
/*.zwsz tr:hover{ background:#f2f2f2;}*/
/* table tr:hover {
background-color: #f2f2f2;
} */
.dys{margin-bottom:3px; margin-right:2px;
position: relative;
display: inline-block;
padding: 0 2px;
font-size: 10px;
text-align: center;
color: #fff;
border-radius: 2px;
background-color: #FFB800!important;
}
.lns{margin-bottom:3px; margin-right:2px;
position: relative;
display: inline-block;
padding: 0 2px;
font-size: 10px;
text-align: center;
color: #fff;
border-radius: 2px;
background-color: #1E9FFF!important;
}
.thisBazi{
/* background-color: rgba(5, 5, 48, 0.874); */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.thisBaziTable tr td{
font-size: 20px;
border: none;
}
.thisBaziTable tr td:hover:not(.no-hover) {
background-color: yellow;
}
.blkColor{
color:#fff !important;
text-shadow: none !important;
}
#showAllTable{
color:#fff !important;
text-shadow: none !important;
}
#TableJixuong, #TableBazi {
/* background-color: #bb148261; */
background-color: #0d2e4b61;
}