﻿
/* reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
img{vertical-align:top; }
a img {border:none;}

/* typography*/
body {font-size:75%;color:#333;background:#fff;font-family: Tahoma, Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.17em;margin-bottom:0.33em;}
h3 {font-size:1em;margin-bottom:0.6em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;text-decoration:underline;}
a {color:#1F3A87;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em{font-style:normal;}
dfn {font-style:italic;}
em,dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {list-style:none}
dl {margin:0 0 0.6em 0;}
dl dt {font-weight:bold;}
dt img{float:left;}
table {margin-bottom:0.6em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
input,button,textarea{border:1px #ccc solid;}


/*variable*/
.clear:after{
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
	content:" ";
}
.clear{
	display:inline-block;
}
/* fix IE hack \*/
* html .clear{
	height:1%;
}
.clear{
	display:block;
}
/* end hack*/

.more{
	position:absolute;
	right:10px;
	top:4px;
}

.blank6,.blank15{
	height:6px;
	font-size:0;
	clear:both;
}

.blank15
{
    height:15px;    
}

.start
{
    color:#f00;    
}

.layout
{
    width:960px;
    margin:0 auto;
}

.head
{
    position:relative;
}

.topline
{
    background:#bfeafd;
    height:5px;
    overflow:hidden;  
}

.topline span
{
    width:220px;
    height:100%;
    background:#00aad5;
    float:left;
    display:block;  
}

.nav
{
    background:#CA5B5B url(../images/navbg.gif) repeat-x;
}

.nav li
{
    float:left;
    font-size:1.2em;
    text-align:center;
    margin-right:10px;
}
.Ding who
{
  right:10px;
}

.nav a
{
    display:block;
    color:#fff;
    width:99px;
    line-height:35px;
}

.nav a:hover,#home .home,#journal .journal,#contact .contact,#data .data,#politics .politics,#behave .behave,#review .review
{
    background:url(../images/navhover.png) no-repeat 0 0;
    position:relative;
    margin-top:-9px;
    line-height:44px;
    color:inherit;
}

.search
{
    position:absolute;
    top:189px;
    right:4px;    
}

.search button
{
    border:0 none;
    padding:0;
    width:23px;
    height:16px;
    background:url(../images/btnsearch.gif) no-repeat;
    text-indent:-999em;
    vertical-align:middle;
}

.main{
	margin:6px 0 10px;
	border:#ccc solid;
	padding:8px 0;
	border-width:1px 0;
	background:url(../images/bg.gif) repeat-y;
}

.l
{
    width:202px;
    float:left;
    padding:8px;
    background:#ededef;    
}

.info
{
    border:1px #ccc solid; 
    position:relative;
	background-color:#fff;   
}

.info h2
{
    height:21px;
    border-bottom:1px #ccc solid;
    background:url(../images/infobg.gif) repeat-x;
    position:relative;   
}

.info span
{
    color:#b70011;
    width:72px;
    line-height:18px;
    background:#fff url(../images/infospan.png) no-repeat;
    display:block;
    position:absolute;
    bottom:-1px;
    left:10px;
    overflow:hidden;
    padding-left:4px;

}
.info-1
{
	margin-top:25px;
    border:1px #ED9BB6 solid; 
    position:relative;
	background-color:#fff;   
}

.info-1 h2
{
    height:23px;
    border-bottom:1px #ED9BB6 solid;
    background:url(../images/infobg-1.gif) repeat-x;
    position:relative;   
}

.info-1 h2 span
{
    color:#E15885;
    width:82px;
    line-height:21px;
    background:#fff url(../images/infospan-1.png) no-repeat;
    display:block;
    position:absolute;
    bottom:-1px;
    left:10px;
    overflow:hidden;
   
	text-align:center;
}

.info p,.info-1 p
{
    padding:4px 4px 14px;    
}
.info-1 a{
/*padding-left:5px;
overflow:hidden;*/
}
.info a
{
    position:absolute;
    right:10px;
    bottom:10px;
    /*display:block;
	   width:38px;
            height:11px;
            background:url(../images/btnmore.gif) no-repeat;  */
    overflow:hidden;
    /*text-indent:-999em;*/
}


.diet
{
    position:relative; 
    padding-top:60px;  
}

.diet p
{
    border:1px #ccc solid;
    padding:10px 0 0 90px;
	background-color:#fff;
	
}

.diet strong span
{
    font-size:1.4em;
    padding-right:6px;    
}

.diet img
{
    position:absolute;
    bottom:1px;
    left:1px;     
}

.diet a
{
    position:absolute;
    padding-left:10px;
    background:url(../images/newwindow.gif) no-repeat 0 50%; 
    top:30px;
    right:4px;   
}

.magazine img
{
    width:190px;
    height:261px;
    padding:4px 5px;
    border:1px #ccc solid;    
}

.magazine p
{
    padding:8px 10px;   
}

.magazine a
{
    width:34px;
    height:14px;
    display:inline-block;
    background:url(../images/download.png) no-repeat;
    text-indent:-999em;
    overflow:hidden; 
    margin-left:20px;
    vertical-align:middle;
} 

.r
{
    float:right;
    width:723px;
    padding-right:8px;    
}

.box{
	width:353px;
	float:left;
	border:1px #ccc solid;
	padding-bottom:10px;
}

.title2{
	position:relative;
	background:url(../images/titlebg.gif) repeat-x;
	border-bottom:1px #ccc solid;
	margin-bottom:7px;
}

.title2 h2{
	background:#f00 url(../images/h2bg.gif) repeat-x;
	float:left;
	letter-spacing:2px;
	padding:0 6px;
	margin-bottom:0;
	line-height:32px;
	color:#fff;
	position:relative;
}

.title2 h2 span{
	display:block;
	width:12px;
	height:7px;
	background:url(../images/arrow2.gif) no-repeat;
	position:absolute;
	bottom:-7px;
	left:50%;
	margin-left:-6px;
	overflow:hidden;
}

.pivotnews{
	padding:4px 4px 0;
}

.pivotnews dt{
	color:#dc1c00;
}

.pivotnews dt a
{
    color:#f00;    
}

.pivotnews dt a:hover
{
    color:#000;    
}

.pivotnews dd a
{
    color:#666;    
}

.pivotnews img{
	padding:4px;
	border:1px #ccc solid;
	margin-right:10px;
	width:116px;
	height:80px;	
}

.box .newsinfo,.newsinfo-1{
	padding:0 4px;
}

.newsinfo li
{
    background:url(../images/arrow.gif) no-repeat 4px 50%;
	border-bottom:1px #ccc dashed;
	padding:4px 0 3px 20px;
	position:relative;
}
.newsinfo-1 li
{
    
	padding:4px 0 3px 12px;
	
}
.newsinfo span
{   
    position:absolute;
    right:6px;   
}
.vol-span{
 position:absolute;
    right:4px;  
}
.vol-dt{
padding-bottom:8px;
border-bottom: 1px solid #E15885;
}

.title3
{
    font-size:1.2em;
    margin-bottom:0.6em;
    line-height:2em;
    border-bottom:1px #ccc dashed;
    padding-left:35px;
    background:url(../images/arrow3.gif) no-repeat 10px 50%;
    color:#CA5A59;
    font-weight:bold;    
}

.link
{
    border:1px #ccc solid;
    padding:4px 10px;   
}

.link li
{
    float:left;
    margin:0 5px;
    display:inline;
	vertical-align:middle;    
}

.foot
{
    border-top:1px #ccc solid;
    background:#fefefe url(../images/footlogo.jpg) no-repeat 20px 50%;
    padding:8px  0 10px 290px;   
}

.foot span{
	float:left;
	margin-right:20px;
	display:inline;
}

.foot .address{
	width:380px;
}

.right
{
    float:right;    
}

.left
{
    float:left;    
}

.leftmenu li{
	background:url(../images/dotline.gif) no-repeat 50% 100%;
	padding:4px 0;
}

.leftmenu img{
	border:2px #ccc solid;
}

