table{
  border-spacing:0;
  border-collapse: collapse; 
}
a{
	color:#0270D2;
	text-decoration:none !important;
}

body {
  font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC",  "Hiragino Sans GB", "Microsoft YaHei", STXihei,"华文细黑", "WenQuanYi Micro Hei", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-align:left;
  background-image:url("CHANGE/bg.gif"); 
  background-repeat:repeat;
  background-attachment: fixed;
  max-width: 1600px;
  margin: 0 auto;
  padding:0;
}
img{
	border:none;
	margin:0;
}

.site-block-can{
	display: inline-block;
	width: 100%;
}
.site-block-can img{
	width:190px;
	min-width:150px;
	min-height:90px;
	max-width:190px;
	max-height:115px;
}



.hide-when-loaded{
	display:none;
}


.small-icon{
	width: 1.5em; height: 1.5em;
    vertical-align: bottom;
}
@media only screen and (max-width: 375px){
  .small-icon{width: 1.2em; height: 1.2em;}
}


.subsite > tbody >tr > td
{
   padding-top:10px; /* 10px */
   padding-bottom:5px;
   position: relative;
}
.subsite-link
{
    font-weight:bold;
    color:#0270D2;
	white-space: nowrap;
}
.subsite .type
{
    font-weight:bold;
    margin-left: 10px;
    color: #007300;
}

.flag {
    position: absolute;
}
.flag:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 22px;
}
.flag-text {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg) translateZ(0); 
    transform: rotate(-45deg) translateZ(0);
    color: #FFF;
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 1px;
    z-index: 1;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
}
.flag.is-new:before {
    border-color: rgba(4,120,0,.9) transparent transparent rgba(4,120,0,.9);
}
.flag.is-hot:before {
    border-color: rgba(255,128,0,.7) transparent transparent rgba(255,128,0,.7);
}

.logo{
	background-image:url("CHANGE/logoNew_split_back.png"); 
	background-repeat:repeat-y;
	background-size: contain;
	position: relative;
}
#logoFore{
	background-image:url("CHANGE/logoNew_split_fore.png"); 
	background-repeat:no-repeat;
	background-size: cover;	
	background-position-y: center;
	width:100%;
	position:absolute;
	height:40px;
	pointer-events:none;
}
#logoTD{
	position:absolute; 
	z-index:99;
}
.logoLink{
    position: relative;
    z-index: 100;
}
.logoLink-top{display:block;}
.logoLink-bottom{display:none;}
@media (max-width: 569px){
  .logoLink-top{display:none;}
  .logoLink-bottom{display:block;}
}



.big-group{
    background-color: #6FAACE;
    border-color: #00659C;
    border-width: 2px;
    border-style: solid;
    font-weight: bolder;
    padding: 0.3em;
}
.small-group{
	font-weight: bolder;
	color:#007300;
	margin-left:0.5em;
}
.site-block .site-block-can{
	text-align:center;
}

.big-group{
	margin-top:0.8em;
	margin-bottom:0;
}
.small-group{
	margin-top:1.5em;
	margin-bottom:0.05em;
}
.site-block-can{
	margin-top:1.5em;
}

.footer-text p{
	line-height:1.0em !important;
}
.footer-text span{
  margin:.35em 0;
}

.footer-img, .footer-img-can{
	display:none;
}
@media only screen and (min-width: 620px) {
	.footer-img, .footer-img-can{
		display:block;
	}  
}
@media only screen and (max-width: 680px) {
  .big-group {margin-top:0.4em;}
}
@media only screen and (max-width: 480px) {
  .big-group {margin-top:0.3em;}
}


body{font-size:20px;}

@media only screen and (orientation:portrait) and (min-width: 768px) and (min-height: 1024px)  {
  body{font-size:30px;}
}

@media only screen and (orientation:portrait) and (min-width:1024px ) and (min-height: 1366px)  {
  body{font-size:32px;}
}
@media only screen and (orientation:landscape) and (min-width:1366px ) and (min-height: 1024px)  {
  body{font-size:32px;}
}

@media only screen and (orientation:portrait) and (min-width:1024px ) and (min-height: 1366px)  {
  body{font-size:34px;}
}
@media only screen and (orientation:landscape) and (min-width: 1366px) and (min-height: 1024px)  {
  body{font-size:34px;}
}

@media only screen and (orientation:landscape) and (min-width: 2560px){
  body{font-size:36px;}
  .footer-img{ height: 180px; width: 170px;}
}
@media only screen and (orientation:portrait) and (min-height: 2560px){
  body{font-size:36px;}
  .footer-img{ height: 180px; width: 170px;}
}


.logo{ height:40px; }
@media only screen and (min-width: 520px){
	#logoFore{ background-size: contain; }
}

@media only screen and (min-width: 500px){
	.logo,#logoFore{ height:50px; }
}
@media only screen and (min-width: 600px){
	.logo,#logoFore{ height:60px; }
}
@media only screen and (min-width: 740px){
	.logo,#logoFore{ height:70px; }
}
@media only screen and (min-width: 900px){
	.logo,#logoFore{ height: 4.6vw;  }
}

.v-middle{
	height: 100%;
}
.v-middle:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}
.v-middle > div{
  display: inline-block;
}
@media only screen and (min-width: 370px){
	.v-middle > div{vertical-align: middle;}
}


@media only screen and (min-width: 320px){
	.site-block-can{ width: 50%;	}
	.site-block-can img{ width:140px; }
}
@media only screen and (min-width: 360px){
	.site-block-can img{ width:160px; }
}
@media only screen and (min-width: 420px){
	.site-block-can img{ width:190px; }
}
@media only screen and (min-width: 570px){
	.site-block-can{ width: 33.33%;	}
	.site-block-can img{ width:160px; }
}
@media only screen and (min-width: 615px){
	.site-block-can img{ width:175px; }
}
@media only screen and (min-width: 660px){
	.site-block-can img{ width:190px; }
}
@media only screen and (min-width: 850px){
	.site-block-can{ width: 25%;	}
}
@media only screen and (min-width: 1100px){
	.site-block-can{ width: 20%;	}
}
@media only screen and (min-width: 1400px){
	.site-block-can img{ width: 220px; }
}
@media only screen and (min-width: 1600px){
	.site-block-can img{ width: 250px; }
}
@media only screen and (min-width: 2000px){
	.site-block-can img{ width: 300px; }
}
@media only screen and (min-width: 2500px){
	.site-block-can img{ width: 350px; }
}


.ad-area ins{
	max-width:100%;
	width:100%;
}


ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}