/*--------------------- COMMON ----------------------------*/
*{margin:0;padding:0}
body{background:#DDE0A6;width:100%;_text-align:center;}
p{line-height:200%;}
#tagline {margin-top:80px;}
#profile_block{
border-top:1px dashed #aaa;
border-bottom:1px dashed #aaa;
}
#weibo{position:absolute;z-index:99999999999;right:0;top:670px;}
#RecentPosts{
border-top:1px dashed #aaa;
border-bottom:1px dashed #aaa;
}
#mysignature {
    background: none repeat scroll 0 0 #BBBBBB;
    border: 1px dashed #FFFF99;
    color: #6A916E;
    padding: 5px;
    width: 99px;
}
a:hover{color:red;text-decoration:none;}
/*hacks for IE#*/
#leftmenu{_text-align:left;z-index:1;}
#main{_text-align:left;width:auto;margin-top:60px;marginborder:2px solid #555;box-shadow: inset 0 0 3px 4px #535353;}
#top{_text-align:left;}
#Header1_HeaderTitle{z-index:-0;}
#div_digg{background:white;border:1px solid #ccc;padding:1em;position:fixed;right:1px;bottom:20px;}

/*----------------------- LOGO *----------------------------*/



#glass{
     background: -moz-linear-gradient(left center , rgba(255, 255, 255, 0.55), rgba(255, 255, 

255, 0) 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.5));
   background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.3) 

30%, rgba(255, 255, 255, 0) 85%,rgba(255, 255, 255, 0.5));
   background: linear-gradient(left, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.3) 30%, 

rgba(255, 255, 255, 0) 85%,rgba(255, 255, 255, 0.5));
   background: linear-gradient(left center, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.3) 

30%, rgba(255, 255, 255, 0) 85%,rgba(255, 255, 255, 0.5));
    border-radius: 8em 5em 10em 3em/6em 4em 5em;
    
    left: 55px;
    position: absolute;
    top: 688px;
    width: 70px;
    height:50px;
    z-index:100;
    box-shadow: 0 0.3em 0.3em rgba(255, 254, 255, 0.6) inset, 0 -0.1em 0.3em rgba(0, 0, 0, 

0.15) inset, 0 0.1em 3px #98A9B8, 0 0.3em 1px #43505A, 0 0.5em 5px rgba(0, 0, 0, 0.4);
    color: #326999 !important;
    -webkit-transition: all 0.5s ease-in .218s;
    -moz-transition: all 0.5s ease-in .0038s;
    -o-transition: all 0.5s ease-in .0038s;
    transition: all 0.5s ease-in .0038s;
}
#glass:hover{
    left:140px;
    border-radius:3em 8em 5em 7em/4em 5em;
    width:80px;
    -webkit-transition: all 0.5s ease-in .218s;
    -moz-transition: all 0.5s ease-in .0038s;
    -o-transition: all 0.5s ease-in .0038s;
    transition: all 0.5s ease-in .0038s;
}
.button.blue {
     background: -moz-linear-gradient(left center , rgba(255, 255, 255, 0.55), rgba(255, 255, 

255, 0) 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.5));
   background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.3) 

30%, rgba(255, 255, 255, 0) 85%,rgba(255, 255, 255, 0.5));
   background: linear-gradient(left, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.3) 30%, 

rgba(255, 255, 255, 0) 85%,rgba(255, 255, 255, 0.5));
   background: linear-gradient(left center, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.3) 

30%, rgba(255, 255, 255, 0) 85%,rgba(255, 255, 255, 0.5));
    border-radius: 9em 21em 12em 6em/7em;
    
    left: 0;
    position: absolute;
    top: 668px;
    width: 200px;
    height:60px;
    background-color: #7FC3FF;
    box-shadow: 0 0.3em 0.3em rgba(255, 254, 255, 0.6) inset, 0 -0.1em 0.3em rgba(0, 0, 0, 

0.15) inset, 0 0.1em 3px rgb(58, 96, 126), 0 0.3em 1px rgb(43, 80, 112), 0 .5em 10px rgba(0, 0, 

0, 0.6);
    color: #326999 !important;
    -webkit-transition: all 0.5s ease-in .218s;
    -moz-transition: all 0.5s ease-in .0038s;
    -o-transition: all 0.5s ease-in .0038s;
    transition: all 0.5s ease-in .0038s;
}
.button.blue:hover {
    border-radius: 21em 9em 6em 12em/7em;
    -webkit-transition: all 0.5s ease-in .218s;
    -moz-transition: all 0.5s ease-in .0038s;
    -o-transition: all 0.5s ease-in .0038s;
    transition: all 0.5s ease-in .0038s;
}
.button {
    text-align: center;
}
.skew {
    border-radius: 5em 1em 5em 1em;
    border-top: medium none;
    padding-left: 0.8em;
    padding-right: 1.2em;
}
.serif {
    font-family: 'Lobster',serif;
    font-weight: normal;
}
.button {
    -moz-user-select: none;
    background-image: radial-gradient(ellipse farthest-corner at center top , rgba(255, 255, 

255, 0.7) 0%, rgba(255, 255, 255, 0) 100%), url("noise.png");
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #666666 !important;
    display: inline-block;
    margin: 0.5em;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    transition: background 0.2s ease-in-out 0s;
	width:260px;
	height:60px;
	line-height:70px;
	font-weight:bold;
	font-size:30px;
	
}
a {
    color: #5185BC;
}

/*---------------------- Search Form -----------------------*/
    #q,#google_q { 
		background-color: #ccc; 
		-webkit-transition-duration: 400ms; 
		-webkit-transition-property: width, background;
		-webkit-transition-timing-function: ease;
		-moz-transition-duration: 400ms; 
		-moz-transition-property: width, background; 
		-moz-transition-timing-function: ease; 
		-o-transition-duration: 400ms; 
		-o-transition-property: width, background; 
		-o-transition-timing-function: ease; 
       width: 97px; 
	   }
	#q:focus,#google_q:focus{ background-color: #f9f9f9; width: 114px; }

    #q,#google_q{
		background: #fafafa;
		-moz-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.5); 
		box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.5); 
		border: 1px solid #ddd; color: #888; 
		-webkit-border-radius:17px;
		-moz-border-radius: 17px;
		border-radius: 17px; 
		font-size: 12px; 
		height: 22px; line-height: 1.2em; 
		padding: 4px 10px 4px 28px; 
		}
    #q:focus,#google_q:focus{ 
		color: #373737; 
		border:1px red solid; 
		}


html,body{margin:0;padding:0;}
div#top{background:#DDE0A6;}
input.btn_my_zzk{padding:0 4px;cursor:pointer;}
.btn_my_zzk{
        height:20px;margin-top:0px;
        background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	border-left:solid 1px #2ab7ec;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 

100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 

100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 

100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	border-radius:5px;
        -webkit-border-radius:5px;-moz-border-radius:5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px 

#999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px 

#999;border:0;}
.btn_my_zzk:active{top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 

100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 

100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 

100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px 

#999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;}
.btn_my_zzk::before{
        background-color:#2561b4;
	content:"1";
	max-height:29px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:8px;
	top:0px;
	left:-36px;
	font-size:16px;
	font-weight:bold;
	color:#8fd1ea;
	text-shadow:1px 1px 0px #07526e;
	border-right:solid 1px #07526e;
	background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 

100%);
	background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 

100%);
	background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(10,94,125)),
	color-stop(1, rgb(14,139,184))
	);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px 

#999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;}
.btn_my_zzk:active::before{top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px 

#044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px 

#999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px 

#044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px 

#999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px 

#044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px 

#999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 

2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;}
.input_my_zzk{border-radius:5px;border:1px solid #ccc;}

div#top a{}
#blog-news {color: red;font-family: 微软雅黑;}
#tagline{color:red;}




/*----------------------- navigator -------------------------*/
div#leftmenu ul:nth-child(2){
    list-style: none;
    /* Apple使用Lucida字体 */
    font-family:Lucida Sans Unicode;
    letter-spacing: -0.5px;
    font-size: 13px;
    margin-left:82px;
    height:34px;
    width:1248px;
    /* 文字阴影 */
    text-shadow: 0 -1px 3px #202020;
    /*圆角*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*阴影*/
    -moz-box-shadow: 0 3px 3px #cecece;
    -webkit-box-shadow: 0 3px 3px #cecece;
    box-shadow: 0 3px 4px #8b8b8b;
}

div#leftmenu ul:nth-child(2) li,div#leftmenu h3:first-child:not(.catListTitle){
    display: block;
    float: left;
    border-right: 1px solid #5d5d5d;
    border-left: 1px solid #929292;
    width:206px;


    height: 34px;
    border-bottom: 1px solid #575757;
    border-top: 1px solid #797979;
     /*渐变背景 */
    background-image: -webkit-linear-gradient(bottom, #787878 0%, #5E5E5E 50%, #707070 51%, 

#838383 100%);
					background-image: -moz-linear-gradient(bottom, #787878 

0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color: #5f5f5f;
}
div#leftmenu h3:first-child:not(.catListTitle){
        font-size:20px;
        box-shadow: 0 1px 3px #8b8b8b;
        font-weight:bold;
        font-family: font-family:Lucida Sans Unicode;
	line-height:34px;
        height:34px;
        width:80px;
        padding:0;
        text-align:center;
        color:white;
        text-shadow: 0 -1px 3px #202020;

}
/*鼠标滑过菜单元素后*/
div#leftmenu ul:nth-child(2) li:hover {
    background-image: -moz-linear-gradient(bottom, #3F3F3F 0%, #383838 50%, #434343 51%, 

#555555 100%);
				background-image: -webkit-linear-gradient(bottom, #3F3F3F 0%, 

#383838 50%, #434343 51%, #555555 100%);

    /*增加内阴影效果 */
    -moz-box-shadow: inset 0 0 5px 5px #535353;
    -webkit-box-shadow: inset 0 0 5px 5px #535353;
    box-shadow: inset 0 0 5px 5px #535353;
}
/*鼠标按下菜单元素后*/
div#leftmenu ul:nth-child(2) li:active{
				background-image: -moz-linear-gradient( #3F3F3F 0%, #383838 

50%, #434343 51%, #555555 100%);
				background-image: -webkit-linear-gradient( #3F3F3F 0%, #383838 

50%, #434343 51%, #555555 100%);
background-image:linear-gradient( #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100%);
				-moz-box-shadow: inset 1px 1px 7px #000;
				-webkit-box-shadow: inset 1px 1px 7px #000;
				-o-box-shadow: inset 1px 1px 7px #000;
				box-shadow: inset 1px 1px 7px #000;
}

div#leftmenu ul:nth-child(2) li a ,#leftmenu h3:first-child a{
    color: white;
    text-decoration: none;
    text-align: center;
    display: block;
    line-height: 34px;
    outline: none;
}
/* Rounded corner for the first in last item. Shorthand: Top left, Top right, Bottom right, 

Bottom left.
We also remove the borders, since they don't need them. */
div#leftmenu h3:nth-child(1){
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;

    border-left: none;
}

/* The first child image - the logo - has to be centered. Because of the image dimensions, we 

manually need to shift it a bit. */

div#leftmenu li:last-child {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;

    border-right: none; /* The width of the last menu item (search bar) is bigger than the 

others */
    width: 124px;
	
}
#blog-calendar-block{margin-top:16px;}


#appleNav {
    -webkit-animation: showMenu 1s;
    position: relative;
}
/*弹出层样式*/
/*-------------------------太极------------------------------*/
.tj {
    width: 200px;
    height: 200px;
    margin: 2em auto;
    position: relative;
    background-color: #000;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
}
.tj:hover {
    -moz-transform: rotate(540deg);
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
}
.tj:before, .tj:after {
    content: '';
    height: 200px;
    width: 100px;
    position: absolute;
    z-index: 1;
    top: 0;
}
.tj:before {
    background-color: #FFF;
    left: 0;
    -moz-border-radius: 100px 0 0 100px;
    -webkit-border-radius: 100px 0 0 100px;
    border-radius: 100px 0 0 100px;
}
.tj:after {
    background-color: #000;
    right: 0;
    -moz-border-radius: 0 100px 100px 0;
    -webkit-border-radius: 0 100px 100px 0;
    border-radius: 0 100px 100px 0;
}
.tj div {
    width: 100px;
    height: 100px;
    -moz-border-radius: 50px;
    -weblit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    z-index: 2;
    left: 50px;
}
.tj .t {
    background-color: #000;
    top: 0;
}
.tj .b {
    background-color: #FFF;
    bottom: 0;
}
.tj div:after {
    content: '';
    height: 25px;
    width: 25px;
    position: absolute;
    top: 37.5px;
    left: 37.5px;
    -moz-border-radius: 12.5px;
    -webkit-border-radius: 12.5px;
    border-radius: 12.5px;
}
.tj .t:after {
    background-color: #FFF;
}
.tj .b:after {
    background-color: #000;
}
.flashBottom {width:60%;height:40%;margin:0 auto;}