@charset "utf-8";
body { margin:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, Tahoma; font-size: 80.5%;}
img {border:none;}
#clear {clear: both;}
#kuangjia1 {
    background-image: url('../images/bg_head.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.transition {
    -webkit-transition: all 0.2s ease-out; 
    -moz-transition: all 0.2s ease-out; 
    -o-transition: all 0.2s ease-out; 
    transition: all 0.2s ease-out;
}
#kuangjia2 {width: 969px; margin: auto;}
#box {padding: 5px; margin: 0 0 5px 0;}
.boxx {border: solid #ccc 1px; padding: 5px; margin: 0 0 5px 0; width:32px;height:32px;}
.boxx:hover {background:#CCCCCC; color:#fff;}

#top { min-height: 386px;}
#top .menu {padding: 47px 0 0 0;}
#top .menu1 {background: url('../images/menu/m1.png'); display: block; float: left; cursor: pointer; width: 83px; height: 90px;}
#top .menu1:hover {background: url('../images/menu/m1_over.png');}
#top .menu2 {background: url('../images/menu/m2.png'); display: block; float: left; cursor: pointer; width: 83px; height: 90px;}
#top .menu2:hover {background: url('../images/menu/m2_over.png');}
#top .menu3 {background: url('../images/menu/m3.png'); display: block; float: left; cursor: pointer; width: 103px; height: 90px;}
#top .menu3:hover {background: url('../images/menu/m3_over.png');}
#top .menu4 {background: url('../images/menu/m4.png'); display: block; float: left; cursor: pointer; width: 103px; height: 90px;}
#top .menu4:hover {background: url('../images/menu/m4_over.png');}
    #top .menu5 {background: url('../images/menu/m5.png'); display: block; float: left; width: 246px; height: 90px; margin-top:-47px;}
#top .menu6 {background: url('../images/menu/m6.png'); display: block; float: left; cursor: pointer; width: 134px; height: 90px;}
#top .menu6:hover {background: url('../images/menu/m6_over.png');}
#top .menu7 {background: url('../images/menu/m7.png'); display: block; float: left; cursor: pointer; width: 100px; height: 90px;}
#top .menu7:hover {background: url('../images/menu/m7_over.png');}
#top .menu8 {background: url('../images/menu/m8.png'); display: block; float: left; cursor: pointer; width: 117px; height: 90px;}
#top .menu8:hover {background: url('../images/menu/m8_over.png');}
#mid {}
#zuobian {float:left; width: 233px;}
#zuobian .dl_btn {background: url('../images/download_btn.png'); width: 233px; height: 122px; display: block; cursor: pointer;}
#zuobian .dl_btn:hover {background: url('../images/download_btn_over.png');}
#zuobian .su_btn {background: url('../images/signup_btn.png'); width: 117px; height: 78px; display: block; cursor: pointer; float: left;}
#zuobian .su_btn:hover {background: url('../images/signup_btn_over.png');}
#zuobian .lo_btn {background: url('../images/login_btn.png'); width: 116px; height: 78px; display: block; cursor: pointer; float: left;}
#zuobian .lo_btn:hover {background: url('../images/login_btn_over.png');}
#cen {float: left; width: 465px; margin: 0 5px 0 5px;}
#right {float: left; width: 260px;}
#rank {font-family:Tahoma,arial; font-size:13px;}
.tr {font-weight:bold; font-size:15px; line-height:20px; border-bottom:1px solid #ccc;}
.td {line-height:20px;}
.facebook { min-height:62px; float:left; width:95%;}
.rank_btn {background:url(../images/ranking.png); width:260px; height:136px; display:block; cursor:pointer;}
.rank_btn:hover {background:url(../images/ranking_over.png);}
.lbtn1 {background:url(../images/left_box1.png); width:116px; height:83px; display:block; float:left; cursor:pointer;}
.lbtn1:hover {background:url(../images/left_box1_over.png);}
.lbtn2 {background:url(../images/left_box2.png); width:117px; height:83px; display:block; float:left; cursor:pointer;}
.lbtn2:hover {background:url(../images/left_box2_over.png);}
.lbtn3 {background:url(../images/left_box3.png); width:233px; height:44px; display:block; float:left; cursor:pointer;}
.lbtn3:hover {background:url(../images/left_box3_over.png);}
.lbtn4 {background:url(../images/left_box4.png); width:233px; height:50px; display:block; float:left; cursor:pointer;}
.lbtn4:hover {background:url(../images/left_box4_over.png);}
.lbtn5 {margin:5px 0 0 0; width:233px; height:20px; display:block; float:left; font-weight:bold; text-align:left;}
.lbtn5 img{vertical-align:middle;}

#footer { border-top:dashed 2px #ccc; background:#eee; padding:10px; margin:10px 0 20px 0; }
.nav {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; padding:10px; background:#eee; margin: 0 0 10px 0; width:930px;}
.b_left {border-right:1px dashed #ccc;}
.b_left_h1 {border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; background:#dff2f8; line-height:40px; font-weight:bold; margin:5px; padding:0 10px; font-size:22px;}

#l_menu {width:95%; margin:auto;}
	#l_menu .btn { background:#eeeeee; border-bottom:1px solid #ccc; color:#2b599c;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border:1px solid #ccc; padding:10px; display:block; cursor:pointer; margin:3px 0; font-size:12px;}
	#l_menu .btn:hover {text-decoration:underline;}
	#l_menu li { list-style: inside; font-size:13px; margin:5px; color:#333;}
	#l_menu ul {border-radius:10px; margin:5px 0; border:1px solid #ccc; padding:10px;}
	#l_menu a {text-decoration:none;}
	#l_menu a:hover {text-decoration:underline;}
	
#content {width:730px; float:left;  border-left:1px dashed #d3d3d3; }	
	#content h1 {font-size:30px; line-height:30px; font-weight:bold;}
	#content h2 {font-size:18px; line-height:18px; font-weight:bold; border-top:dashed 1px #ccc; padding:5px 10px; color:#666;}
	#content .agreement { width:570px; height:300px; margin:auto; }

.temp_btn {
    display:block; text-align:center; padding:10px; margin:20px 5px; cursor:pointer;
    border-radius:5px;	-moz-border-radius:5px;	-webkit-border-radius:5px;	-ms-border-radius:5px; float:left; width:40%;
}
.temp_btn:hover {	 font-weight:bold;}
.red {background:#F00; color:#fff;}
.red:hover {background:#900; box-shadow:inset #f00 0 -5px 0px;}
.green {background:#0C3; color:#fff;}
.green:hover {background:#090;box-shadow:inset #0c3 0 -5px 0px;}
.complete {background:#333; color:#fff; font-weight:bold; text-align:center; line-height:80px; font-size:40px; padding:20px; width:500px; margin:auto; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border:solid 1px #fff; box-shadow:#ccc 0 5px 5px;}

input {border-radius:10px; padding:10px; border:none; background:#ddd; color:#000;}

article {font-size:13px; padding:0 0 0 20px;}

#table_s { width:100%; font-size:13px; border:solid 1px #ccc; border-radius:10px;}
	#table_s th { text-align:center; padding:15px 6px; background:#d9edf7;}
	#table_s td {padding:10px 6px; border-bottom:dotted 1px #ccc;}
	#table_s .bleft {border-left:dotted 1px #ccc;}
	
#ibox {font-size:13px;}	

.table_date{
    color:slategray;
}
a:link {
    color:slategray;
    text-decoration: none;
}
a:visited {
    color:slategray;
    text-decoration: none;
}
a:hover {
    color:slategray;
    text-decoration: none;
}
a:active {
    color:slategray;
    text-decoration: none;
}

/* download end ------------------------------------------*/
/* q&a ---------------------------------------------------*/
#qa {
  font-size: 12px;
  margin: 4px 4px;
  border: 1px solid #bbbbe8;
}
#qa .icon {
  float: left;
  padding: 0 10px 0 0;
}
#qa .text {
  float: left;
}
#qa article {
  float: left;
  font-weight: normal;
  width: 650px;
}
#qa .article {
  padding: 8px;
  border-top: 1px solid #bbbbe8;
}
#qa .head {
  padding: 8px;
  background: #e9e6f1;
  color: #5067db;
  font-weight: bold;
}

div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }

.charsetl {margin-right:15px; box-shadow:#ccc  0 2px 2px;} 
.charsetl:hover {box-shadow:#ccc  2px 4px 4px 2px;} 
.charsetr {margin-left:15px; box-shadow:#ccc  0 2px 2px;} 
.charsetr:hover {box-shadow:#ccc  2px 4px 4px 2px;} 
.chari {margin-right:5px; box-shadow:#ccc  0 2px 2px;} 
.chari:hover {box-shadow:#ccc  2px 4px 4px 2px;} 

#login_btn {float: right; background: #2c8de0; padding: 5px; font-size: 11px; color:#fff; font-weight: bold; border-radius: 5px; margin: 5px 0 0 0;}
#login_btn:hover {color: #3e3e3e; background: #ccc;}

.btn_compound {background:url(../images/feature/item1.png); width:124px; height:65px; cursor:pointer;float:left;}
.btn_compound:hover {background:url(../images/feature/item1_.png);}
.btn_compoundpet {background:url(../images/feature/item2.png); width:124px; height:65px; cursor:pointer;}
.btn_compoundpet:hover {background:url(../images/feature/item2_.png);}
.btn_temper {background:url(../images/feature/item3.png); width:124px; height:65px; cursor:pointer;}
.btn_temper:hover {background:url(../images/feature/item3_.png);}
.btn_ah {background:url(../images/feature/item4.png); width:124px; height:65px; cursor:pointer;}
.btn_ah:hover {background:url(../images/feature/item4_.png);}
.btn_decompound {background:url(../images/feature/item5.png); width:124px; height:65px; cursor:pointer;}
.btn_decompound:hover {background:url(../images/feature/item5_.png);}
.btn_decompoundpet {background:url(../images/feature/item6.png); width:124px; height:65px; cursor:pointer;}
.btn_decompoundpet:hover {background:url(../images/feature/item6_.png);}
.btn_myshop {background:url(../images/feature/item7.png); width:124px; height:65px; cursor:pointer;}
.btn_myshop:hover {background:url(../images/feature/item7_.png);}
.btn_milshop {background:url(../images/feature/item8.png); width:124px; height:65px; cursor:pointer;}
.btn_milshop:hover {background:url(../images/feature/item8_.png);}
.btn_donate {background:url(../images/feature/item9.png); width:124px; height:65px; cursor:pointer;}
.btn_donate:hover {background:url(../images/feature/item9_.png);}

.grayscale {
  /* Firefox 10+, Firefox on Android */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  /* IE 6-9 */
  filter: gray;

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(100%);
}

.tblcolr {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
	
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
}.tblcolr table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.tblcolr tr:last-child td:last-child {
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
}
.tblcolr table tr:first-child td:first-child {
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
}
.tblcolr table tr:first-child td:last-child {
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
}.tblcolr tr:last-child td:first-child{
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
}.tblcolr tr:hover td{
	
}
.tblcolr tr:nth-child(odd){ background-color:#ffaa56; }
.tblcolr tr:nth-child(even)    { background-color:#ffffff; }.tblcolr td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.tblcolr tr:last-child td{
	border-width:0px 1px 0px 0px;
}.tblcolr tr td:last-child{
	border-width:0px 0px 1px 0px;
}.tblcolr tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.tblcolr tr:first-child td{
		background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
	background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00");	background: -o-linear-gradient(top,#ff7f00,bf5f00);

	background-color:#ff7f00;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.tblcolr tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
	background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00");	background: -o-linear-gradient(top,#ff7f00,bf5f00);

	background-color:#ff7f00;
}
.tblcolr tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.tblcolr tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.carddeck {margin-right:10px; margin-top:10px; box-shadow:#ccc  0 2px 2px;} 
.carddeck:hover {box-shadow:#ccc  2px 4px 4px 2px;} 

.tb tr:nth-child(even) {background: #fbf9ee }
.tb tr:nth-child(odd) {background: #ffff }

.point {text-align:center;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; padding:10px; background:#c7f6c7 ; margin: 0 0 10px 0; width:120px;}

.qhalf {
    -moz-transform:scale(0.25);
    -webkit-transform:scale(0.25);
    transform:scale(0.25);
}

.half {
    -moz-transform:scale(0.5);
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
}