﻿@charset "utf-8";
/*----- Global CSS -----*/
body { background:#f0eeea url(http://img.chinayescache.com/sys/blog/img/www/bg_navi.png) center 0 no-repeat; font-size:12px; font-family:sans-serif; color:#666;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
input,textarea,select{vertical-align:middle; color:#666;font-size:12px;font-family:Arial,sans-serif,PMingliu;}  
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
table{ margin:0 auto;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}   
caption,th {text-align:left;}   
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}   
q:before,q:after {content:'';}
abbr,acronym {border:0;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-style:normal;}   
/*----- link color font -----*/
a {color:#212122;text-decoration:none;}
a.red,.red{color:#b9001c;}
a.red:hover{color:#212122;}
a:visited {}
a:hover {text-decoration:underline; color:#b9001c;}
a:active {}

/*----- block style -----*/
.clear{clear:both; height:0; overflow:hidden; display:block;}
.clearfix{zoom:1;}
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:".";}

.tabMenu{ position:absolute; left:90px; top:4px;}
.tabMenu li{float:left; margin:0 3px;}
.tabMenu li a{ display:inline-block; padding:0 15px; height:31px; line-height:31px;}
.tabMenu li.on{background:url(http://img.chinayescache.com/sys/blog/img/www/tab_menuLeft.png) left 0 no-repeat;}
.tabMenu li.on a{background:url(http://img.chinayescache.com/sys/blog/img/www/tab_menuRight.png) right 0 no-repeat;}

.author_60x60{position:relative; display:block;}
.author_60x60 span{background:url(http://img.chinayescache.com/sys/blog/img/www/author_60x60.png) 0 0 no-repeat; left:0; top:0; position:absolute; height:64px; width:64px; cursor:pointer;}
.author_60x60 img{ padding:2px;}

.author_100x100{position:relative; display:block;}
.author_100x100 span{background:url(http://img.chinayescache.com/sys/blog/img/www/author_100x100.png) 0 0 no-repeat; left:0; top:0; position:absolute; height:104px; width:104px; cursor:pointer;}
.author_100x100 img{ padding:2px;}


/*------ header ------*/
.header {width:960px; height:125px; position:relative; margin:0 auto; z-index:9;}
	.header .logo{position:absolute; left:6px; top:9px;}
	.navi{ font-size:14px; font-family:simsun; position:absolute; left:5px; top:75px;}
		.navi li{float:left; position:relative;background:url(http://img.chinayescache.com/sys/blog/img/www/bg_navi_hr.png) right 0 no-repeat;height:34px; line-height:34px;}
		.navi li a{display:inline-block; text-align:center;}
		.navi li a:hover{ text-decoration:none;}
		.navi li a span{display:inline-block; width:68px; color:#fff; cursor:pointer;}
		.navi li a:hover span{background:url(http://img.chinayescache.com/sys/blog/img/www/bg_navi_hover.png) 0 bottom no-repeat;color:#e20022;}
		.navi li.on a,.navi li.on a:hover{background:url(http://img.chinayescache.com/sys/blog/img/www/bg_navi_on.png) 0 0 no-repeat;}
		.navi li.on a span{font-weight:bold;}
		.navi li.r a{background:url(http://img.chinayescache.com/sys/blog/img/www/bg_navi_r.png) 0 0 no-repeat;}
	.topLink{height:22px; padding:9px 3px 0 0; clear:both; float:right;}
	.topLink a{padding:0 9px; color:#3a3a3a; }
	.search input{background:none; border:0; position:absolute; right:12px; width:100px; top:85px; color:#b9b9b9;}
		#subMenu{background:none;}
			#subMenu:hover .submenuBox,#subMenu.hover .submenuBox{display:block;}
			#subMenu:hover span,#subMenu.hover span{color:#e20022;}
			.navi .submenuBox{position:absolute; left:-77px; top:27px; background:url(http://img.chinayescache.com/sys/blog/img/www/bg_navi_subTop.png) 0 0; width:225px; display:none;}
			.navi .submenuBox ul{background:url(http://img.chinayescache.com/sys/blog/img/www/bg_navi_subBottom.png) 0 bottom no-repeat; float:left; position:relative; padding:15px 15px 20px 15px; width:195px; margin-bottom:-37px;}
			.navi .submenuBox ul li{background:none;height:30px; line-height:30px;}
			.navi .submenuBox ul li a{width:64px; color:#fff;}
			.navi .submenuBox ul li a:hover{background:#222;}
/*------- stage -------*/
.stage{width:960px; margin:0 auto; position:relative; z-index:0;}

	.leftCol{float:left; width:648px; background:url(http://img.chinayescache.com/sys/blog/img/www/bg_stage_top.png) 0 0 no-repeat #f8f8f8; padding-top:9px;}
		.leftColBg{background:url(http://img.chinayescache.com/sys/blog/img/www/bg_stage_bottom.png) 0 bottom no-repeat;padding:0 9px 9px 9px;}
		.leftColBox{background:url(http://img.chinayescache.com/sys/blog/img/www/bg_leftCol_bottom.png) 0 bottom; margin-top:9px;}
		.leftColBox .colTitle{background:url(http://img.chinayescache.com/sys/blog/img/www/bg_leftCol_top.png) 0 0; height:40px; line-height:36px; padding:0 15px; font-size:14px; font-family:simsun; color:#b9001c;}
		
		.slidesBox{width:630px; height:270px; position:relative; background:#262626; overflow:hidden;}
		.slidesBox .bg{position:absolute; z-index:9; background-image:url(http://img.chinayescache.com/sys/blog/img/www/bg_slides_box.png); height:6px; width:6px;}
		.slidesBox .LT{top:0; left:0;  background-position:0 0;}
		.slidesBox .LB{bottom:0; left:0; background-position:0 bottom;}
		.slidesBox .RT{top:0; right:0; background-position:right 0;}
		.slidesBox .RB{bottom:0; right:0; background-position:right bottom;}
		
		#picNavi{float:right;}
		#picNavi li a{width:173px; height:71px; padding:9px 15px; display:block; border-bottom:1px solid #5c5a5b; cursor:pointer; color:#fff; line-height:18px;}
		#picNavi li a.activeSlide{ height:72px; background:#363636;}
		#picNavi li a img{filter: alpha(opacity=65);-moz-opacity:0.65;opacity:0.65; border:1px solid #333; float:left; margin-right:6px;}
		#picNavi li a.activeSlide img{filter: alpha(opacity=100);-moz-opacity:1;opacity:1;}
		#picNavi li a span{display:block; clear:both; color:#ccc; padding:6px 0 0 3px;}
		
		.taiwan{position:relative; height:215px; overflow:hidden;}
		.taiwan .pic{float:left; background:url(http://img.chinayescache.com/sys/blog/img/www/bg_picY.png) bottom repeat-x; }
		.taiwan .tabCol{padding:9px 12px 0 12px;}
		.taiwan .tabCol h3{float:right; width:392px; font-size:14px; font-family:simsun; padding:6px 0; font-weight:bold;}
		.taiwan .tabCol p{float:right; width:392px; padding:0 0 9px 0; line-height:18px;}
		.taiwan .tabCol ul{float:right; width:392px; padding:9px 0; background:url(http://img.chinayescache.com/sys/blog/img/www/hr_x.png) top repeat-x;}
		.taiwan .tabCol li{padding:4px 0;}
		.taiwan .tabCol li a{padding-left:15px;background:url(http://img.chinayescache.com/sys/blog/img/www/icon_1.png) 6px 5px no-repeat;}
		
		.recommend{position:relative; height:315px; overflow:hidden;}
		.recommend .list{padding:9px 12px 0 12px;}
		.recommend .list li{height:88px; width:303px; float:left;}
		.recommend .list li .author_60x60{float:left;}
		.recommend .list li p{float:right; width:228px;}
		.recommend .list li .text{height:48px; background:url(http://img.chinayescache.com/sys/blog/img/www/box_1.png) 0 0 no-repeat; line-height:18px; padding:9px 30px 0 15px; margin:3px 0 0 0; width:190px;}
		.recommend .list li .info a{padding:0 6px;}
		
		.album{position:relative; height:243px; z-index:999;}
		.albumList{padding:9px 0 0 15px;}
		.albumList li{float:left;}
		.albumList li .info{display:none; z-index:2; color:#fff; background:url(http://img.chinayescache.com/sys/blog/img/www/bg_listHover.png); height:106px; width:100px; padding-left:135px; position:absolute; left:-8px; top:-5px;}
		.albumList li:hover,.albumList li.hover{position:relative;}
		.albumList li:hover .info,.albumList li.hover .info{display: block;}
		.albumList li:hover .pic,.albumList li.hover .pic{position:relative; z-index:3;}
		.albumList li .info strong{line-height:20px; font-size:14px; font-family:simsun; display:block; padding:9px 0 0 0;}
		.albumList li .info a{color:#fff;}
		.albumList li .info span{position:absolute; bottom:12px; right:6px;}
		.albumList li .info span a{padding-right:6px;}
		
		.activeBlog{position:relative; height:205px;}
		.blogList{padding:3px 0 0 11px;}
		.blogList li{float:left; padding:6px;}
		
	.rightCol{width:300px; float:right;}
		.rightColBox{background:url(http://img.chinayescache.com/sys/blog/img/www/bg_rightCol_bottom.png) 0 bottom; margin-top:9px;}
		.rightColBox .colTitle{background:url(http://img.chinayescache.com/sys/blog/img/www/bg_rightCol_top.png) 0 0; height:40px; line-height:36px; padding:0 15px; font-size:14px; font-family:simsun; color:#b9001c;}
		
		.loginBox{height:195px; position:relative; background:url(http://img.chinayescache.com/sys/blog/img/www/box_login.png) 0 0;}
		.loginBox h2{color:#212121;font-weight:bold; padding:0 0 0 46px; height:38px; line-height:38px;}
		.loginBox fieldset{border:0;color:#212121;}
		.loginBox fieldset input{background:none; border:0; width:170px; padding:0 6px;}
		.loginBox fieldset p{position:absolute;}
		.loginBox fieldset p.name{left:28px; top:48px;}
		.loginBox fieldset p.pass{left:28px; top:84px;}
		.loginBox fieldset p.check{left:90px; top:116px;}
		.loginBox fieldset p.check input{display:none;}
		.loginBox fieldset p.check label{padding:0 15px 0 22px; color:#999; cursor:pointer;}
		.loginBox fieldset p.check a{text-decoration:underline;}
		.loginBox fieldset p.check label.on{background: url(http://img.chinayescache.com/sys/blog/img/www/inputOn.png) 5px 0 no-repeat;}
		.loginBox fieldset p.name label,.loginBox fieldset p.pass label{padding-right:6px;}
		.loginBox fieldset p.submit{left:86px; top:140px;}
		.loginBox fieldset p.submit input{height:28px; width:73px; float:left; text-indent:-9999pt; cursor:pointer;}
		.loginBox fieldset p.submit a{float:left; margin:7px 0 0 6px; text-decoration:underline;}
		
		.announcement{height:85px; background:url(http://img.chinayescache.com/sys/blog/img/www/box_3.png) 0 0; margin:9px 0 0 0; position:relative;}
		.announcement h2{font-weight:bold; padding:10px 0 0 12px; color:#212121;}
		.announcement li{color:#999; background:#f7f7f5;}
		.announcement a{padding:0 6px;}
		.announcement span{padding:0 6px;}
		.announcement ul{ position:absolute; left:40px; top:48px; width:200px;}
		.announcement #next{position:absolute; right:16px; top:8px; width:16px; height:16px; background:url(http://img.chinayescache.com/sys/blog/img/www/box_3.png) -9999pt no-repeat; padding:0;}
		.announcement #prev{position:absolute; right:34px; top:8px; width:16px; height:16px; background:url(http://img.chinayescache.com/sys/blog/img/www/box_3.png) -9999pt no-repeat; padding:0;}
		
		.celebrity{ width:300px; height:515px; overflow:hidden;}
		.celebrity .list{padding:9px 12px 0 12px;}
		.celebrity .list li{height:90px;}
		.celebrity .list li .author_60x60{float:left;}
		.celebrity .list li p{float:right; width:198px;}
		.celebrity .list li .text{height:48px; background:url(http://img.chinayescache.com/sys/blog/img/www/box_2.png) 0 0 no-repeat; line-height:18px; padding:9px 20px 0 15px; margin:3px 0 0 0; width:170px;}
		.celebrity .list li .info a{padding:0 6px;}
	
		.blogRank {width:300px; height:375px; overflow:hidden;}
		.blogRank .list {padding:9px 12px 0 12px;}
		.blogRank .list li { height:26px; clear:both;}
		.blogRank .list li .num {float:left; width:35px; font-family:Arial;}
		.blogRank .list li .c {float:right; font-family:Arial; color:#999; +margin:-16px 0 0 0;}
		.blogRank .list li .red {font-weight:bold;}
		.blogRank .list li.one {height:80px;}
		.blogRank .list li.one .author_60x60 {float:left;}
		.blogRank .list li.one .c {float:right; width:165px; margin:0;}
		.blogRank .list li.one .t {float:right; width:165px; padding:6px 0; font-size:14px; font-family:simsun;}
		
		.fluoroscopy {width:300px; overflow:hidden;}
		.fluoroscopy .list {padding:9px 12px;}
		.fluoroscopy .list li { margin-bottom:10px;}
		.fluoroscopy .list .author_100x100 {float:left; margin:6px 0 0 0;}
		.fluoroscopy .list h3 {float:right; width:150px; font-size:14px; font-family:simsun; padding:6px 9px; line-height: 21px;}
		.fluoroscopy .list .text {padding:7px 15px;float:right; width:135px; line-height:20px; background:url(http://img.chinayescache.com/sys/blog/img/www/box_5.png) 0 0 no-repeat;}

/* SubPage style... */
.listPage .leftCol{background:url(http://img.chinayescache.com/sys/blog/img/www/bg_stage_top.png) 0 0 no-repeat #fff;}

.subListTitle{background:url(http://img.chinayescache.com/sys/blog/img/www/bg_subList_droptop.png); height:39px; position:relative;}
	.subListTitle h2{position:absolute; left:12px; top:13px; font-size:13px;}
	.subListTitle h2 span{color:#999; padding-right:9px;}
	.subListTitle h2 .link{padding-right:9px;}
	.subListTitle h2 .thisLink{padding-left:9px;}
	#dropButton{position:absolute; color:#212121; height:27px; width:87px; line-height:27px; padding-left:17px; right:7px; cursor:pointer; top:7px;}
	#dropBox{position:absolute; background:url(http://img.chinayescache.com/sys/blog/img/www/bg_subList_dropdown.png); height:84px; width:86px; padding:10px; right:5px; top:33px; display:none;}
	#dropBox li{padding:1px 0;}
	#dropBox li a{padding:4px 0 4px 17px;background:url(http://img.chinayescache.com/sys/blog/img/www/icon_3.png) 7px 7px no-repeat; display:block;}
	#dropBox li a:hover{background-color:#eee;}

.articleList{padding:9px 0;}
	.articleItem{padding:15px 9px 12px 9px; background:url(http://img.chinayescache.com/sys/blog/img/www/hr_x.png) bottom repeat-x;}
	.articleItem .author_100x100{float:left; margin:6px 0 0 0;}
	.articleItem h3{float:right; width:480px; font-size:14px; font-family:simsun; padding:6px 9px;}
	.articleItem p{float:right;}
	.articleItem .text{padding:9px 15px 6px 15px; width:470px; line-height:20px; background:url(http://img.chinayescache.com/sys/blog/img/www/box_4_top.png) 0 0 no-repeat;}
	.articleItem .text a{padding-left:9px;}
	.articleItem .down{padding:12px 15px 9px 15px; width:470px; background:url(http://img.chinayescache.com/sys/blog/img/www/box_4_down.png) 0 -15px no-repeat; color:#999; font-family:Arial;}
	.articleItem .down .likeButton{float:left; background:url(http://img.chinayescache.com/sys/blog/img/www/bg_like.png) 0 0 no-repeat;}
	.articleItem .down .likeButton a{display:inline-block; height:22px; line-height:22px; padding:0 12px 0 25px; background:url(http://img.chinayescache.com/sys/blog/img/www/bg_like.png) right -44px no-repeat; font-family: simsun;}
	.articleItem .down .likeInfo{float:left; line-height:22px; border-left:1px solid #ccc; padding:0 9px; margin-left:9px;}
	.articleItem .down .author{float:left; line-height:22px; border-left:1px solid #ccc; padding:0 9px;}
	.articleItem .down .onLike{background:url(http://img.chinayescache.com/sys/blog/img/www/bg_like.png) 0 -22px no-repeat;}
	.articleItem .down .onLike a{color:#999; cursor:default;}
	.articleItem .down .onLike a:hover{text-decoration:none;}

.pageBar {padding:15px 0 18px 0; position:relative; height:30px;}
	.pageBar p{background:#fff; height:30px; line-height:30px; position:absolute;}
	.pageBar a{float:left; height:28px; line-height:28px; padding:0 12px; border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc; font-weight:normal;}
	.pageBar .prev{ height:30px; background:url(http://img.chinayescache.com/sys/blog/img/www/pageBar.png) left 0; border:0;}
	.pageBar .next{ height:30px; background:url(http://img.chinayescache.com/sys/blog/img/www/pageBar.png) right 0; border:0;border-left:1px solid #ccc;}
	.pageBar a:hover,.pageBar a.thisPage{background-color:#e8e8e8;}

/*----- footer -----*/
.footer {background:url(http://img.chinayescache.com/sys/blog/img/www/bg_foot.png) 0 9px no-repeat; color:#999; padding:20px 6px 36px 6px; height:100px; margin:0 auto; width:972px; text-align:center;}
.footer .link{color:#666;}
.footer .link a{padding:0 9px; color:#666;}
.footer .text{color:#b9001c; padding:20px 0 12px 0;}
.footer .text a{color:#b9001c;padding:0 9px;} 
.footer .en{padding:6px;}
.footer .en a{color:#999;}
/*- ad -*/
.ad300x100{margin-top:9px; height:100px; background:#212121;}
.ad630x90{padding:9px 0;}