html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after, .language:after.social:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	outline:none;
}
img:-moz-loading,img:-moz-handler-blocked,img:-moz-handler-crashed  {
  visibility: hidden;
}
/* ---------------- common tags --------------------- */
strong {font-weight:bold;}
i, em { font-style:italic; }
.left {
	float:left;
}
.right {
	float:right;
}
.alignleft{
	text-align:left;	
}
.alignright{
	text-align:right;	
}
.aligncenter{
	text-align:center;	
}
.clear  {
	clear:both;
	line-height:1px;
	height:0;
        display:block;visibility:hidden;
        content:"";
}
textarea{
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif; /* Body Font Family Will Come Here */
}
a{
	color:#3763a6;
	text-decoration:none;
}
a:link {color:#000;}
a:hover, a.active, .active a, a.current{
	color:#ff6600;
}

/* ---------------- layout tags --------------------- */
body {
	-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;
	font-family:"PingFang SC","Hiragino Sans GB","Noto Sans CJK","Noto Sans TC", "Microsoft YaHei","微软雅黑",SimHei,"黑體",Arial, sans-serif;
	table-layout:fixed;
	font-weight:500;
	background-color:#f7f7f7;
	font-size:14px;
	color:#3763a6;
	line-height:17px;
}
#body-wrap {margin:0 auto;max-width:977px; }
#header, .toplink ,#container,.blocked,#footer  {
	max-width:976px;
	margin:0 auto; position:relative;
}
#header{background:url("../images/oldmain/idx_bg.jpg") repeat-x ;
   font-weight:700;
  z-index:99;    
    left: 0;right:0;
    width:976px;margin:0 auto;
    transition: top 800ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}

#header-top {
	width:100%;
	height:80px;
	line-height:1px;
}
#logo {
	padding:0 0 0 38px;
	float:left;
}
#logo img { max-width:100%;}
#header-right {
	float:right;
	padding:5px 0 0 0;
}
.language,  {
	width:100%;
}
.language ul {
	float:right;
}
.language li {
	float:left;
	padding:0 14px 0 0;
	color:#fff;
	font-size:14px;
}
.language li a {
	display:block;
	padding:0 6px;
	line-height:18px;
	color:#fff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.language li a:hover, .language li a:hover {
	background:#fff;
	color:#ff6600;
}

.language li a.old {
	background:#fff;
	color:#ff6600;
}
.social {margin:10px 10px -30px 0;}

#header-bottom {
	width:100%;
    font-size:16px;
}
#nav-box {
	background:url("../images/main/bg_navbox.png") repeat-x top center #1373a8;
	width:100%;
	min-height:26px;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}


.gray-block {
	background:url("../images/main/bg_gray_block.png") repeat-y;
	border:solid 1px #e2e2e2;
	height:30px;
   position:relative;   
   width:100%;
   content:"";
   font-size:14px;
   font-weight:500;
}
.icon-block {
	width:630px;
	line-height:30px;
       position:absolute; 
       top:0;left:0;
}
.icon-block h2 {
	padding:0 14px 0 20px;
	float:left;
	color:#000;
}
.icon-block li a:link {color:blue;}
.icon-block li {
	float:left;
	padding:0 15px 0 30px;
}
.icon-block li img {
	float:left;
	margin:4px 10px 0 0;
}
.icon-block li a:hover {
	color:#000;
}
to
.search {
	width:360px;
	margin:-3px 0 0 0;
	float:left;
        text-align:right;
        position:relative;
}
.search .input {
	height:19px;
	font-size:14px;
	padding:0 5px;
	border:solid 1px #bababa;
	color:#111;
	margin-right:6px;
  width: 130px;
  -webkit-transition: all 2s ease 0;
  -moz-transition: all 2s ease 0;
  -ms-transition: all 2s ease 0;
  -o-transition: all 2s ease 0;
  transition: all 2s ease 0;
  background:url("../images/main/bg_sreach.png") repeat-x;
  position:relative;
}

#proxymail input[type=email]:focus {
  width: 190px;
  /*background-color: #fff;*/
  background-image: null;
}
#proxymail input[type=submit] {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin:0 15px 0 0;
}
#search {margin:-3px 0 0 0;position:relative;} 
.button {
	width:68px;
	height:21px;
	/*font-size:14px;*/
	line-height:20px;
	vertical-align:bottom;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:none;
	background-color:#ff6600;
	cursor:pointer;
    color:#fff;
}
.button2 { position:relative;width:68px; height:21px; margin-left:2px; background:none; border:none; color:blue;z-index:10; }
#search .button2:hover { color:#fff; cursor:pointer; }
#search .button { position:absolute; left:1px; top:0px;z-index:1;
-webkit-transition:all  0.25s;
-moz-transition:all  0.25s;
-ms-transition: :all  0.25s;
-o-transition:all  0.25s;
transition:all  0.25s;
}

#search .current  {color:#fff;}
#search .current ~ .button {left:153px;}
#search .p1:hover ~ .button {left:153px;}
#search .p2:hover ~ .button {left:310px;}
#search .p3:hover ~ .button {left:388px;}
#search .p4:hover ~ .button {left:465px;}
#search:hover  > .current {color:blue;}
#search  > .current:hover {color:#fff;}

.toplink:after,#header-top:after ,#header:after{
  content: "";
  display: table;
  clear: both; 
}
.toplink ul {
	padding:0 0 0 4px;
        position:absolute;
        top:2px;
        left:0;
}
.toplink li {
	float:left;
	padding:0 0 0 10px;
	line-height:22px;
}
.toplink li.first {
	padding-left:3px;
}
.toplink .search {
	width:auto;
	padding:0 0 0 0;
}
.toplink ul.second li a {
	color:#848484;
}
.toplink ul.second li a:hover {
	color:#333;
}
/* container */
#container {
  height:28%;
  overflow:hidden;
  margin-top: 15px;
  border-right: 2px solid #008ac9;
  border-left: 2px solid #008ac9;}
#slider {
	float:left;
	position:relative;
}
#slider h2 {
	font-size:20px;
 font-weight:900;
font-family: "simhei";
	line-height:23px;
    padding: 5px 0 5px 0;
    text-align: center;
}
#slider p {
	font-size:16px;
	line-height:19px;
}
#s4 .slide  li a {height:33px;display:block;font-weight:600;}
#s4 .slide {position:absolute;top:0;left:0;background:#fff;}
.news-block {
	width:38%;
	padding:5px 0 0 10px;
	float:left;
}
.tab-nav1 {
	width:100%;
	margin:0 0 5px 0;
}

.tab-nav1 li {
	background:url("../images/main/bg_tab_nav.png") no-repeat right center;
	padding:0 9px 0 0;
	margin-right:9px;
	font-size:18px;
    font-weight:700;
	line-height:19px;
	float:left;
	cursor:pointer;
}
.tab-nav1 li.last, .tab-nav1 li:last-child {background:none;}

.tab-nav1 li.current {
	text-decoration:underline;
	color:#ff6600;
}

.tab-content1 {
	width:100%;
    display:none;
	clear:both;
}
#tabbing1 {display:block;}
.tab-content1 .block {
    clear:both; 
	width:100%;
}
.tab-content1 .block  ul {
	width:49%;
	float:left;
}
.tab-content1 .block.last {
	padding-left:20px;
}
.tab-content1 li, .blue-block li {
	list-style-type:disc;
	list-style-position:inside;
	font-size:15px;
	line-height:25px;
}
.tab-content1  ul.jsfloat li {font-size:15px;padding:2px 0;list-style-type:none;}
div.block > ul.jsfloat > li { list-style-type:none;padding:2px 2px 2px 6px;margin:0 0 0 -4px;width:226px;}

/* #tabbing4 a {font-size:16px;margin:5px;} */
.tab-content1 .block2 {
    float: left;
	margin-right:2px;
    width:98%;
}
div.block2 > ul.jsfloat > li { list-style-type:none;padding:2px 2px 2px 6px;margin:0 0 0 -4px;width:100%;}

.tab-content1 .block-blog {
    float: left;
	margin-right:2px;
    width:260px;
	border-right:1px solid #EEEEEE;
}
div.block-blog > ul.jsfloat > li { list-style-type:none;padding:2px 2px 2px 6px;margin:0 0 0 -4px;width:256px;}
.tab-content1 .block-blog-last {
    float: left;
	margin-right:2px;
    width:160px;
}
div.block-blog-last > ul.jsfloat > li { list-style-type:none;padding:2px 2px 2px 6px;margin:0 0 0 -4px;width:156px;}

.tab-content1 .block3 {
    float: left;
    width: 12%;
}

.tab-content1 .spectitle {text-align:center;letter-spacing:2px;font-size:16px;font-weight:600;}


.blocked {
	margin-top:24px;
	padding:0 4px;
	overflow:hidden;
}

#news {margin-top:10px;border-right:2px solid #008ac9;border-left:2px solid #008ac9;background:#f7f7f7;}
#comment {border-right:2px solid #3f4fac;border-left:2px solid #3f4fac;background:#f7f7f7;}
#ent {border-right:2px solid #ff812c;border-left:2px solid #ff812c;background:#f7f7f7;}
#life{border-right:2px solid #4cab45;border-left:2px solid #4cab45;background:#f7f7f7;}
#fresh {border-right:2px solid #fac407;border-left:2px solid #fac407;background:#f7f7f7;}



ul.list li {height:24px;overflow:hidden;
background: url("../images/main/dota.gif") no-repeat scroll left center transparent;
padding: 0 0 0 10px;
list-style-type: none;
border-bottom:1px solid #eee;
}
ul.list li:hover { border-bottom:1px solid #aaa}; 
ul.list li a {}
/* leftcol */
.leftcol {
	width:765px;
	float:left;/*
	overflow:hidden;*/
}
.rightcol { 	width:190px;margin:0 5px 0 775px;}
#triangle-topright {
	width: 0;
	height: 0;
    float:right;
	border-top: 24px solid white; 
	border-left: 28px solid transparent;
}		
.heading-block {
    position:relative;
	border-bottom:solid 2px #009bc8;
	height:24px;
	line-height:24px;
	background:#fff;
	vertical-align:middle;	
}
.heading-block ul.right{margin-top: -3px;}
.heading-block.purple { border-bottom:solid 2px #26439c; }
.heading-block.orange { border-bottom:solid 2px #ff812c; }
.heading-block.yellow { border-bottom:solid 2px #fcde03; }
.heading-block.green { border-bottom:solid 2px #3ca246; }
.heading-block h2 {
	width:240px;
	padding:0 0 0 26px;
	color:#fff;
	font-size:16px;
    font-weight:600;
    background-color:#0c78bf;
	position:absolute;
	/*top:2px;*/
	left:0;
    vertical-align:middle;	
}
.heading-block h2 a { color:#fff;}
.heading-block h2 span {font-size:12px;font-weight:normal;line-height:13px;}
#commentblock  {background-color:#26439c;}
#entblock  {background-color:#ff812c;}
#freshblock  {background-color:#fcde03;color:#134733;}
#freshblock a {color:#134733;} 
#lifeblock  {background-color:#3ca246;}
#newsblock  {background-color:#009bc8;}
.heading-block span.blue {
  display:block;margin:0 0 0 270px;width:300px;line-height:28px;
}
.heading-block li {
	background:url("../images/main/bg_heading_block_divider.png") no-repeat left center;
	padding:0 0 0 7px;
	margin:2px 0 0 6px;
	float:left;
}
.heading-block li.first, .heading-block li:first-child {
	background:none;
}


ul.img-list {
	margin:1px 0 0 0;
	padding:7px 0 0 0;
	border-bottom:1px dashed #bbb; clear:both;
}
div.heading-block  + ul.img-list {border-top:none }
ul.img-list li {
	width:170px;
	display: inline-block;
	margin:0 5px 0 4px;
	position:relative;
    height: 165px;
    overflow: hidden;
    line-height: 1.3;
}

ul.img-list li:first-child {margin-left:0px;}
ul.img-list li:last-child {margin-right:0px;}
ul.img-list li a.video {
	position:absolute;
	left:-5px;
	top:5px;
	z-index:10;
     background: url("../images/main/ic_video.png") no-repeat scroll 0 0 transparent;
     padding:0 0 0 34px; 
     height:34px;
}
ul.img-list > li img {

}

ul.img-list li p {
	font-size:13px;
	font-weight:600;
	line-height:20px;
	height:44px;
	overflow:hidden;
}
.list-block {
	width:100%;
}
.list-block.gap1 {
	margin-bottom:10px;
}
.list-block h2 {
	font-size:14px;
	text-align:right;
	border-bottom:dashed 1px #c0c0bc;
}
.list-block h2, .list-block h2 a {
	color:#ff6600;
}
.list-block h2 a:hover {
	color:#000;
}
/*
#newsleft {background:#E7F2FD; }
#commentleft {	background:#f7f4fa;}
#entleft  {	background:#FFFFCC;}
#lifeleft  {	background:#E1FFE1;}
*/
.blue-block {
	width:100%;
	padding:5px 0;
}
.blue-block ul {
	width:49%;
	padding:0 0 0 6px;
	float:left;
}
.blue-block ul  a:link { color:#000;}
.common {
	width:100%;
}
.common h3 {
	background:#009bc8;
	font-size:16px;
	padding:0 10px;
	line-height:28px;
	-moz-border-radius:2px 2px 0 0;
	-webkit-border-radius:2px 2px 0 0;
	border-radius:2px 2px 0 0;
}
.common h3.orange {
	background:#ff812c;
}
.common h3.yellow {
	background:#fcde03;
	color:#05472d;
}
.common h3.yellow a {color:#134733;}
.common h3.purple {
	background:#26439c;
}
.common h3.green {
	background:#3ca246;
}
.common h3, .common h3 a {
	color:#fff;
	font-size:13px;
        font-weight:400;
}
.common h3, .common h3 a.title   {font-weight:600;font-size:16px;}
.common h3 a.current {color:#ff6600;}
.common h3 a:hover {
	text-decoration:underline;
}


.tabs ,.tabsfa {
	border:solid 1px #e9e8e6;
	border-top:none;
	-moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
	margin:0 0 8px 0;
}

.tabsfa:last-child {margin-bottom:0;}

div.tabs2 ul li {list-style:none outside none;  }

ul.tabslink { padding:0;float:right;text-align:center;}
ul.tabslink1,ul.tabslink4,ul.tabslink7,ul.tabslink10 {
	text-align:center;
	padding:10px 0 0 0;
	float:none;
}
ul.tabslink li {
	background:url("../images/main/bg_heading_block_divider.png") no-repeat right center;
	padding:0 8px;
	display:inline;
	cursor:pointer;
	font-size:14px;font-weight:400;
}

ul.tabslink   li.current{ 	color:#ff6600; }
ul.tabslink9 li.current,ul.tabslink8 li.current { color:blue;}

ul.tabslink li.last, ul.tabslink li:last-child {
	background:none;
}


.tabs-content {
	margin:0;
}
.tabs-content li ,.tabsfa  li{
	list-style-position:inside;
	list-style-type:decimal;
	margin:0 8px;
	line-height:21px;
	padding:7px 0 0 0;
	border-bottom:solid 1px #e9e8e6;
    height:42px;
	overflow-y:hidden;
}
.tabs-content li a,.tabsfa  li a{ 
 color:#0133a9;  
}	

.tabs1 li a {}

.tabs-content li.last, .tabs-content li:last-child {
	border-bottom:none;
}
.jsnormal, .jsfloat {
    margin: 0;
    padding: 0;
}
div.jsnormal a {
    display: block;
}
div.tabs2 ul.jsnormal li {
    list-style-position:inside;
	list-style-type:decimal;
}
ul.jsnormal li  a {vertical-align: baseline;}

ul.jsfloat {
    list-style-type: none;
	overflow:hidden;
}
ul.jsfloat li, div.jsfloat a {
    height: 20px;
    line-height: 21px;
    overflow: hidden;
    text-align: left;
	list-style-type:none;
	margin:0  0 0 -2px;
	padding:0 0 0 2px;
	border-left:1px solid #eee;
}

.rightline{
	border-right:1px solid #eee;
}

ul.hotindex {
    list-style-type: none;
}
ul.hotindex li, ul.hotindex li a {
    display: block;
    font-size: 15px;
    height: 20px;
    overflow: hidden;
}
#footer-left > ul:after,#container:after,  .tab-nav1:after,ul.img-list:after ,div.list-block:after ,div.blue-block:after ,div.blocked:after,.language:after,.social:after { 
  display: table;
  content: "";
  clear:both;   }

/* ad position */
div.ads{max-width:995px;margin:0 auto;overflow:hidden;min-height:60px;height:90px;clear:both;background:#fff;}   
div.ad728 {max-width:728px;overflow:hidden;margin:0 auto;}
div.homead160 {width:186px;height:600px;overflow:hidden;border-left:1px solid #e9e8e6;border-right:1px solid #e9e8e6;text-align:center;margin:0 0 15px 0; }
div.homead160 iframe {margin:0 auto;}
#Had-970-2,#Had-970-1 { clear:both; margin:10px auto;min-height:60px;height:90px;text-align: center;}
#Had-728-1,#Had-728-2,#Had-728-3 {margin:5px auto;min-height:60px;}
#Had-300-1_out, #Had-300-2_out, #Had-300-3_out, #Had-300-4_out, #Had-300-5_out, #Had-300-6_out { 
width:336px;max-height:280px;height:260px;display:inline-block;margin:0 5px;}
#Had-300-1,#Had-300-2,#Had-300-3,#Had-300-4,#Had-300-5,#Had-300-6 {display:inline-block;width:336px;height:280px;margin:5px auto;text-align:center;}
#Had-300-1,#Had-300-3,#Had-300-5{padding-right:10px; }
#Had-160-1{width:160px;height:600px;margin:10px;}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}

/* 焦点图 */
.w393 {width:255px;float:left;display:inline; padding:1px; background:#f6f6f6; overflow:hidden}
.fi01{position:relative;overflow:hidden;cursor:pointer;width:255px;height:220px;margin:0 auto;}
.fi01 .fi_player{position:absolute;top:0;left:0;width:100%;height:180px;}
.fi01 .fi_tt{position:absolute;bottom:0;left:0;height:40px;width:100%;font:bold 14px/30px "宋体";line-height:22px;color:#333;background:#fff; }
.fi01 .fi_tab{height:16px;display:inline;position:absolute;text-align:center; margin-right:auto; margin-left:auto;}
.fi01 .fi_tabLB{left:2px;bottom:40px;}
.fi01 .fi_tabRB{right:2px;bottom:40px;}
.fi01 .fi_tabLT{left:2px;top:0;}
.fi01 .fi_tabRT{right:2px;top:0;}
.fi01 .fi_tab span{width:23px;font:12px/12px 'arial';color:#fff;float:left;margin-left:-1px;background-position:bottom;background-repeat:no-repeat;}
.fi01 .fi_tab span.now{background-position:top;}
.fi01 .fi_tabLB span,.fi01 .fi_tabRB span{height:13px;padding-top:3px;background-image:url("../images/main/focuson.gif");}
.fi01 .fi_tabLT span,.fi01 .fi_tabRT span{height:16px;padding-top:0;background-image:url("../images/main/focusoff.gif");}
/* 焦点图 */

ul.listleft{ font-family:"宋体";}
ul.listleft li{ height:26px; line-height:26px;overflow:hidden; }
ul.listright{ font-family:"宋体";	line-height:22px;}
ul.listright li{ height:22px; overflow:hidden; }

/* changeBox_a1 */
.changeBox_a1{
float:left;
width:275px;height:275px; 
padding:2px;
position:relative;
background: #fff;
margin:0 0 0 2px;
}

.changeBox_a1 .a_bigImg{
position:absolute;
top:2px;left:2px;
display:none;}


.changeDiv{
position:absolute;
top:2px;left:2px;
display:none;}

.changeDiv h3{
position:absolute;
left:0px;bottom:-40px;
height:40px;width:100%;font:bold 14px/30px "宋体";line-height:22px;color:#333;background:#fff;
filter:alpha(opacity=70);
opacity:0.7;}

.changeDiv h3 a{
display:block;
}


/* ul_change_a1 */
.ul_change_a1{
position:absolute;
right:2px; bottom:0px;
overflow:hidden;}

.ul_change_a1 li{
float:left;
margin-right:2px; }
.ul_change_a1 img{ border:1px solid #ddd;}
.ul_change_a1 img.now{border:1px solid #FF6600;}
.a_last,.a_next{
position:absolute;
top:10px;
width:16px;height:16px;
background:url(../images/bot.png) no-repeat;
text-indent:-999em;overflow:hidden;}

.a_last{right:30px;background-position:0 0;}
.a_next{right:12px;background-position:100% 0;}



/* ul_change_a2 */
.ul_change_a2{
position:absolute;
right:5px; bottom:47px;
padding-left:19px;
overflow:hidden;
 }
.ul_change_a2 li{
display: -moz-inline-stack;
display:inline-block;
*display:inline;
*zoom:1;}

.ul_change_a2 span{
display: -moz-inline-stack;
display:inline-block;
*display:inline;
*zoom:1;
padding:0; 
margin-right:1px;
border:1px solid #999;
opacity:0.85;
cursor:hand;
cursor:pointer;
}

.ul_change_a2 span.on{
border:1px solid #CC0000;
background:#FFFF9D;
color:#CC0000;}

.dailyrank  ul.jsfloat li {font-size:15px;padding:2px 0;list-style-type:none;width:100%}


#navPBT {
position:relative;
list-style:none;
margin:0 auto 5px auto;
padding:0;
border: 1px solid #1F4D81;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-left: 10px solid #4C7FB8;
border-right: 10px solid #4C7FB8; height:26px;
}
#navPBT:after {
  content: "";
  display: table;
  clear: both; 
}

#navPBT li {
margin:0;
padding:0;
float:left;
padding:2px 5px;
border-right:2px solid #FFF;
min-width:50px; margin-bottom:5px;

}
#navPBT li a {
margin:0 auto;
display:block;
text-decoration:none;
text-align:center;
text-transform:capitalize;
font-size:16px;
font-weight:bold;
color:#555452;
font-style:normal;
}
#navPBT li:nth-child(2n) a:hover {
-moz-box-shadow:inset 0px -4px 0px 0px #19B662;
-webkit-box-shadow:inset 0px -4px 0px 0px #19B662;
box-shadow:inset 0px -4px 0px 0px #19B662;
-moz-transition:all 0.35s ease-in;
-webkit-transition:all 0.35s ease-in;
-o-transition:all 0.35s ease-in;
transition:all 0.35s ease-in;
}
#navPBT li:nth-child(2n-1) a:hover {
-moz-box-shadow:inset 0px -4px 0px 0px #2AD887;
-webkit-box-shadow:inset 0px -4px 0px 0px #2AD887;
box-shadow:inset 0px -4px 0px 0px #2AD887;
-moz-transition:all 0.35s ease-in;
-webkit-transition:all 0.35s ease-in;
-o-transition:all 0.35s ease-in;
transition:all 0.35s ease-in;
}
#navPBT li:last-child {
border-right:none;
}
#navPBT li:nth-child(n+1) a:active {
-moz-box-shadow:inset 0px -60px 0px 0px #DCDCDC;
-webkit-box-shadow:inset 0px -60px 0px 0px #DCDCDC;
box-shadow:inset 0px -60px 0px 0px #DCDCDC;
-moz-transition:all 0.35s ease-in-out;
-webkit-transition:all 0.35s ease-in-out;
-o-transition:all 0.35s ease-in-out;
transition:all 0.35s ease-in-out;
}
#navPBT li:nth-child(2n-1) a:active {
-moz-box-shadow:inset 0px -60px 0px 0px #DCDCDC;
-webkit-box-shadow:inset 0px -60px 0px 0px #DCDCDC;
box-shadow:inset 0px -60px 0px 0px #DCDCDC;
-moz-transition:all 0.35s ease-in-out;
-webkit-transition:all 0.35s ease-in-out;
-o-transition:all 0.35s ease-in-out;
transition:all 0.35s ease-in-out;
}

.clearfix { clear:both;}

.menu { clear:both; padding-left:8px; }
.menu li { display:inline-block; background:url("../images/main/bg_navigation_divider.png") no-repeat right top; border-spacing:inherit;margin-left: -8px;}
.menu li:nth-child(10) { float:right; background:none;}
.menu li:nth-child(11) { display:none;}
.menu li > a { color: #FFF; padding: 12px 32px 0px; display: block; height: 22px; margin: -7px 0px 0px; border-radius: 3px 3px 0px 0px; position:relative;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.menu li > a:hover { background: #FFF none repeat scroll 0% 0%; color: #3763A6;}
.menu li.last { display:none;}


.menu li:hover span { visibility:visible; opacity:1;  filter: alpha(opacity=100);}
.menu li span { display:block; position:absolute; width:96px; z-index:99; padding:10px 0; border-radius:0 0 5px 5px; visibility:hidden; opacity:0;  filter: alpha(opacity=0); background:#fff;
-webkit-box-shadow: 5px 5px 10px #888;
-moz-box-shadow: 5px 5px 10px #888;
box-shadow: 5px 5px 10px #888;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.menu li span a { display:block; color:#666; font-size:14px; padding:1px 10px;}
.menu li span a:hover { background:#f2f2f2; color:#000}

.day-box { float:left; width:32%;}



.sitemap { clear:both; padding-top:3px;}
.sitemap-title { float:left; width:6%;}
.sitemap-data { float:left; width:94%;}

#hot {padding:5px 0 0 10px;overflow:hidden;width:760px;float:left;}
#hot h4 {float:left;width:40px;}
#hot p {}
#back_top{position:fixed;z-index:10;right:2%;bottom:-100px;overflow:auto;width:40px;height:40px;cursor:pointer;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out;text-align:center;background-color:#00a9e0;border-radius: 12px;}
#back_top h3 {font-size:25px;line-height: 37px;text-align: center;color: #fff;margin:0;}
ul li a {vertical-align: middle;}
ul li a.rss {
   display:inline-block;
   width:16px;
   height:16px;
   overflow:hidden;
   border:1px solid transparent;
   line-height:16px;
   text-decoration:none;
   margin:0 3px 0 0;
   /* css3 */
   text-shadow:0 -1px 0 rgba(0,0,0,0.5);
   -moz-border-radius:2px;
   -webkit-border-radius:2px;
   border-radius:2px; /* standards version last */
}
ul li a.rss:hover,
ul li a.rss:focus,
ul li a.rss:active {
   opacity:0.8;
}
 a.rss {
   position:relative;
   width:15px;
   padding:0 1px;
   border-color:#ea6635;
   text-transform:lowercase;
   text-indent:-186px;
   font-size:16px;
   font-weight:bold;
   color:#fff;
   background:#e36443;

   /* css3 */
   -moz-box-shadow:0 0 3px rgba(0,0,0,0.4);
   -webkit-box-shadow:0 0 3px rgba(0,0,0,0.4);
   box-shadow:0 0 3px rgba(0,0,0,0.4);
   background:-webkit-gradient(linear, left top, left bottom, from(#f19242), to(#e36443));
   background:-moz-linear-gradient(top, #f19242, #e36443);
   background:linear-gradient(top, #f19242, #e36443);
}
 a.rss:before,
 a.rss:after {
   content:"";
   position:absolute;
   bottom:3px;
   left:3px;
}

/* create circle */
 a.rss:before {
   width:3px;
   height:3px;
   background:#fff;
   /* css3 */
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius:3px;
}

/* create the two arcs */
 a.rss:after {
   width:6px;
   height:6px;
   border-style:double;
   border-width:6px 6px 0 0;
   border-color:#fff;
   /* css3 */
   -moz-border-radius:0 13px 0 0;
   -webkit-border-radius:0 13px 0 0;
   border-radius:0 13px 0 0;
}


div.content {margin:5px 10px;}

@media screen and (min-width: 1280px) {
#body-wrap { max-width: 1200px;}
#header, .toplink, #container, #footer {max-width:1200px;width: 1200px;}
.blocked{max-width:1188px;width: 1188px;}
.day-box {
    width: 37%;
}
.rightcol {
    width: 305px;
    margin: 0 5px 0 885px;
}
.leftcol {width: 880px;}
ul.img-list li { width: 205px;text-align: center;}

}
@media screen and (max-width: 1279px) {
#hot {width:730px;}
}
@media screen and (max-width: 990px) {
.menu li >a {padding: 12px 15px 0 12px;}
#navPBT {overflow:hidden;}
#search {display:none;}
.left-side, .right-side { width:100%; padding-bottom:8px; float:none;}
#footer-bottom h4 { float:none; text-align:center; padding:0;}
.left-side ul { text-align:center;}
.left-side ul li { display:inline-block; float:none; padding:0 5px;}
#header {width:100%;}
#slider, .news-block { width:47%; padding:0 5px;}
#slider > h2 {padding: 0 0 5px 0;}
div.dailyrank > ul.jsfloat > li {float:left;width:50%;}
.day-box { width:100%; padding:10px 0;}
.changeBox_a1 { float:none; margin:0 auto;}
.tab-content1 ul.jsfloat li {padding: 2px 10px 0px 0px;}
ul.img-list {height:175px;overflow:hidden;}
.rightcol { display:none;}
.leftcol { width:100%; padding:0 5px;float:none;}

.menu li:nth-child(9) { float:none;}
#hot {overflow:hidden;width:100%;height:27px;}
#hot h4 {display:none;}
#hot p {width:100%;height:22px;overflow:hidden;line-height:20px;}

}

@media only screen and (max-width: 570px) {
#header-top  {height:auto;}
#logo { padding:0; }
#header-right {float:none;margin:0 0 0 335px;}
#header-right  .language li {padding:2px 0;}
#header-right  .social {display:none}
.menu li >a {padding:12px 22px 0 12px;}
div.dailyrank > ul.jsfloat > li {width:100%;}
ul.img-list { text-align:center;height:auto;}
.blue-block ul { width:100%;}

#Had-300-1_out, #Had-300-2_out, #Had-300-3_out, #Had-300-4_out, #Had-300-5_out, #Had-300-6_out { float:none; text-align:center;}
#slider, .news-block, .day-box { width:100%; padding:5px 1px;}
.sitemap-title { width:100%; padding-bottom:4px; border-bottom:1px dashed #D5D5D5; margin-bottom:5px;}
.sitemap-data { width:100%;}
#hot {width:100%;}
#hot h4 {width:40px;}
#Had-970-2_out,#Had-970-1_out {height:60px;}
.heading-block ul.right,.heading-block span.blue { display:none;}
}
@media only screen and (max-width: 414px) {
  #header {position:relative;}
  #header-right  {margin:0;position:absolute;top:0;right:0;}
  #header-right > div.language > ul > li:nth-child(3),#header-right > div.language > ul > li:nth-child(4) {display:none;}
  #Had-300-1,#Had-300-12,#Had-300-3,#Had-300-4,#Had-300-5,#Had-300-6 {margin:10px auto;}
}
@media only screen and (max-width: 320px) {

}



@media \0screen {
#header-top { position:relative;}
#header-right { float:none; position:absolute;}
.language { width:auto;}
.menu li { float:left; width:90px; text-align:center;}
.menu li a { padding-left:0; padding-right:0;}
}

*+html .menu li { float:left;}
*+html ul.img-list li { float:left;}


*html #header, *html #main, *html #footer, *html #topad { width:976px;}
*html .menu li { float:left; width:90px; text-align:center; padding-top:3px;}
*html .menu li a { color:#fff; padding:0px 0 0 0 !important; height:27px; line-height:24px; display:block;}
*html .social2 a { width:25px; float:left; display:inline; overflow:hidden;}
*html .toplink { width:976px;}
*html .search-list li { display:inline-block;}