@charset "gb2312";
* { margin:0; padding:0; list-style:none;   -moz-user-select:none; }
body{ font-size:12px; font-family:"΢ÈíÑźÚ",Arial, Helvetica, sans-serif; margin:0; padding:0; }
img { border:none; }
a{color:#333333;text-decoration:none;}
.clear{ clear:both;}
body {-moz-user-select : none;-webkit-user-select: none;}/**·À¸´ÖÆ**/

.tagTop{}
.tagWidth{ margin:0 auto; padding:10px;}
.topLeft{color: #fff; font: bold 20px/60px "΢ÈíÑźÚ",Arial,Helvetica,sans-serif; letter-spacing: 8px; padding: 15px 0 15px 20px; } 
.topLeft h1{font-size:30px;text-shadow: 2px 2px #333,3px 3px #ccc; letter-spacing:16px; display:inline-block;}

.round10{-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius:4px;}

.siteTagTitle, .siteRelativeTitle{text-align:center;}
.siteTagTitle span, .siteRelativeTitle span{background: #fff; color: #000; display: inline-block; font: bold 14px/30px ""; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius:  4px 4px 0 0; -khtml-border-radius:  4px 4px 0 0; border-radius:  4px 4px 0 0; min-width:200px;}

.siteTagList, .siteTagPicList, .siteTagArtList{margin-bottom: 30px; border: 2px solid #fff; background: rgba(0,0,0,0.3); padding: 10px;}
.siteTagList li{float: left; padding: 2px 1%; min-width: 16%; background: #fff; margin: 4px 1%; text-align: center; background:#fff;-moz-border-radius:4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.siteTagList li a{ display:block;line-height:26px; padding:0 6px; }
.siteTagList li:hover{ background:rgba(0,0,0,0.4); -moz-border-radius:4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.siteTagList li:hover a{ color:#fff;}

/*siteKeyword beigin*/
.siteTagSubTitle{padding-left: 20px;}
.siteTagSubTitle span{background: #fff; color: #000; display: inline-block; font: 14px/26px ""; padding: 0 20px; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius:  4px 4px 0 0; -khtml-border-radius:  4px 4px 0 0; border-radius:  4px 4px 0 0;}

.siteTagPicList{ padding:10px;}
.siteTagPicList li{border: 4px solid #fff; float: left; margin: 0 16px 16px 0; position: relative; text-align: center; width: 245px;-moz-border-radius:4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.siteTagPicList li a{ display:block;}
.siteTagPicList li img{height: 180px; width: 245px;}
.siteTagPicList li span{background: url("touming.png") repeat; bottom: 0; color: #fff; left: 0; line-height: 24px; position: absolute; width: 100%;}
.siteTagArtList{ padding:10px;}
.siteTagArtList li{float: left; line-height: 28px; margin-right: 1%; width: 24%; margin-bottom: 6px; overflow: hidden; white-space: nowrap;}
.siteTagArtList li a{color: #fff; display: block; background: url("touming.png") repeat; padding-left: 6px;}
/*siteKeyword end*/

@media screen and (max-width: 767px){
	.siteTagTitle, .siteTagList { display:none;}
	.tagWidth{padding:0;}
	.topLeft{color: #fff; font: bold 2.0rem/4rem "΢ÈíÑźÚ",Arial,Helvetica,sans-serif; letter-spacing:0;} 
	.topLeft h1{font-size:2.4rem;text-shadow: 1px 1px #333,2px 2px #ccc; letter-spacing:0; display:inline-block;}
	
	.siteTagList, .siteTagPicList, .siteTagArtList{margin-bottom:2rem; border:none; padding: 1%;}
	
	.siteTagPicList ul{ padding:0.8rem 1%;}
	.siteTagPicList li{margin: 1% 0 !important; float: left;  width: 46%; text-align: center; border: 1px solid #ddd; padding: 1%; background: #fff;}
	.siteTagPicList li a{ display:block;}
	.siteTagPicList li img{width: 100%;display: block; height: 100%;}
	.siteTagPicList li span{display: block; line-height: 2.4rem; white-space: nowrap; overflow: hidden; position: inherit;}
	.siteTagPicList li:nth-child(2n){ float:right !important;}
	
	.siteTagArtList{ padding:2% 1%;}
	.siteTagArtList li{float: left; line-height: 2.4rem; margin-right: 1%; width: 48%; margin-bottom: 0.4rem; overflow: hidden; white-space: nowrap;}
	.siteTagArtList li a{color: #fff; display: block; background: url("touming.png") repeat; padding-left: 1%;}
	.siteTagArtList li:nth-child(2n){ float:right !important;}
}