.tGameContainer{
font-size: 16px;
font-family: 'Dosis', sans-serif;
margin: 0;
overflow: hidden;
}
.hidden {
display: none;
}
.show {
display: block;
}
.pointer {
cursor: pointer;
}

#rules{
width: 100%;
height: 100%;
background-color: #BAE2D7;
color: #000;
font-size:22px;
text-align: center;
position: absolute;
z-index: 100;
padding: 20% 0 0;
}
#rules p.em{
color: #99181D;
}

#winbg {
width: 100%;
height: 100%;
position: absolute;
z-index: 3;
opacity: 0;
}

#winpage {
width: 100%;
height: 100%;
position: absolute;
z-index: 4;
}
#wintext {
width: 50%;
height: 50%;
position:absolute;
z-index: 5;
top: 50%;
left: 50%;
text-align: center;
transform: translate(-50%,-50%);
}
#wintext #replay{
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
}
#wintext #replay #reset_in{
stroke-width: 2;
stroke-opacity: 10;
fill-opacity: 0;
}

#icon {
position: absolute;
width: 40px;
height: 40px;
bottom:10px;
right:10px;
z-index: 3;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#icon:hover {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
cursor: pointer;
}

#wrap {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: relative;
}

.gamein_container {
width: 100%;
height: 100%;
margin: 0;
top: 10%;
left: 10%;
position: relative;
}
.gamein_container svg {
width: 80%;
height: 80%;
}
.gamein_container svg circle.empty {
fill: #000000;
fill-opacity: 0;
}
#winbg.show.yinyang {
background-color: #58685B;
}
#wintext.show.yinyang {
color: #F1CE66;
}
#wintext #replay.yinyang text {
fill: #F1CE66;
}
#wintext #replay.yinyang circle#reset_out.p0{
fill: #F3EECE;
}
#wintext #replay.yinyang circle#reset_out.p1{
fill: #27403D;
}
#wintext #replay.yinyang circle#reset_in{
stroke: #F1CE66;
}
#wintext #replay.yinyang circle#reset_load.p0{
stroke: #27403D;
}
#wintext #replay.yinyang circle#reset_load.p1{
stroke: #F3EECE;
}

#wrap.yinyang {
background-color: #58685B;
color: #F1CE66;
}
.gamein_container svg rect.yinyang {
stroke: #F1CE66;
fill: #58685B;
}
.gamein_container svg line.yinyang {
stroke: #F1CE66;
}
.gamein_container svg circle.full-0.yinyang {
fill: #F3EECE;
}
.gamein_container svg circle.full-0.yinyang.translucent {
fill: #F3EECE;
fill-opacity: 0.7;
stroke:#000;
}
.gamein_container svg circle.full-1.yinyang {
fill: #27403D;
}
.gamein_container svg circle.full-1.yinyang.translucent {
fill: #27403D;
fill-opacity: 0.7;
stroke:#000;
}
#winbg.show.sancai {
background-color: #BAE2D7;
}
#wintext.show.sancai {
color: #FFFFFF;
}
#wintext #replay.sancai text {
fill: #FFFFFF;
}
#wintext #replay.sancai circle#reset_out.p0{
fill: #FDEB59;
}
#wintext #replay.sancai circle#reset_out.p1{
fill: #99181D;
}
#wintext #replay.sancai circle#reset_in{
stroke: #FFFFFF;
}
#wintext #replay.sancai circle#reset_load.p0{
stroke: #99181D;
}
#wintext #replay.sancai circle#reset_load.p1{
stroke: #FDEB59;
}

#wrap.sancai {
background-color: #BAE2D7;
color: #FFFFFF;
}
.gamein_container svg rect.sancai {
stroke: #FFFFFF;
fill: #BAE2D7;
}
.gamein_container svg line.sancai {
stroke: #FFFFFF;
}
.gamein_container svg circle.full-0.sancai {
fill: #FDEB59;
}
.gamein_container svg circle.full-0.sancai.translucent {
fill: #FDEB59;
fill-opacity: 0.7;
stroke:#000;
}
.gamein_container svg circle.full-1.sancai {
fill: #99181D;
}
.gamein_container svg circle.full-1.sancai.translucent {
fill: #99181D;
fill-opacity: 0.7;
stroke:#000;
}
#winbg.show.qinghua {
background-color: #ffffff;
}
#wintext.show.qinghua {
color: #1aa3ff;
}
#wintext #replay.qinghua text {
fill: #1aa3ff;
}
#wintext #replay.qinghua circle#reset_out.p0{
fill: #b3e0ff;
}
#wintext #replay.qinghua circle#reset_out.p1{
fill: #004d80;
}
#wintext #replay.qinghua circle#reset_in{
stroke: #1aa3ff;
}
#wintext #replay.qinghua circle#reset_load.p0{
stroke: #004d80;
}
#wintext #replay.qinghua circle#reset_load.p1{
stroke: #b3e0ff;
}

#wrap.qinghua {
background-color: #ffffff;
color: #1aa3ff;
}
.gamein_container svg rect.qinghua {
stroke: #1aa3ff;
fill: #ffffff;
}
.gamein_container svg line.qinghua {
stroke: #1aa3ff;
}
.gamein_container svg circle.full-0.qinghua {
fill: #b3e0ff;
}
.gamein_container svg circle.full-0.qinghua.translucent {
fill: #b3e0ff;
fill-opacity: 0.7;
stroke:#000;
}
.gamein_container svg circle.full-1.qinghua {
fill: #004d80;
}
.gamein_container svg circle.full-1.qinghua.translucent {
fill: #004d80;
fill-opacity: 0.7;
stroke:#000;
}



.iframe_fs_back{z-index:1999;}
.iframeoverlay{z-index:2000;}
.contentLoader{z-index:2001;}
.gameStrip_in{z-index:2002;}