/* CSS Document */
html,body,table {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
body {
	text-align:center;
	padding:0px;
	margin:0px;
	background:url(images_icon/bg.gif) center repeat-y;
	color:#333333;
}

h3 {
	margin:2px;
	padding:2px;
	color:#CC0033;
	font-weight:bold;
	font-size: 14px;
}
h4 {
	margin:2px;
	padding:2px;
	color:#00736C;
	font-weight:bold;
	font-size: 12px;
}
h5 {
	margin:2px;
	padding:2px;
	color: #666666;
	font-weight:bold;
	font-size: 11px;
}
a {
	text-decoration:none;
	color:#cc0000;
}
a:hover {
	color: #3366FF;
	text-decoration:underline;
}
a img {
border-width: 0px;
}
ul {
	list-style:square;
	color:#CC0000;
	margin:0px;
	padding:5px 5px 5px 20px;
}
ul li {
	margin:0px;
	padding:0px;
}

#overall {
	width:996px;
	padding:0px 0px 0px 0px;
	margin:0px auto;
	text-align:left;
	background:url(images_icon/foot-bg-pic.gif) right bottom no-repeat;
}
.readingfont {line-height: 25px; font-size: 15px;}
/***********************
# header
************************/
#header {
/*
	background:url(images_icon/top-banner.jpg) top center no-repeat;
	background:url(images_icon/top-banner-christmas.jpg) top center no-repeat;
	background:url(images_icon/top-banner-normal1.jpg) top center no-repeat;
	background:url(images_icon/top-banner-dragon-boat-festival.jpg) top center no-repeat;
*/
	background:url(images_icon/top-banner-normal1.jpg) top center no-repeat;
	width:100%;
	padding-top:5px;
	height:140px;
}

#header #logo {
	margin:60px 5px 0px 5px;
	padding:0px;
	float:left;
	background:url(images_icon/top-logo.gif) top left no-repeat;
}

#header #logo #nav {
	clear:left;
	float:left;
	width:500px;
	margin:3px 5px 0px 5px;
	font-size:12px;
}
#header #adtitle {
	width:450px;
	float:right;
	height:95px;
	font-size:12px;
	text-align:right;
}

#header #searchform {
	width:355px;
	clear:right;

	float:right;
	text-align:right;
	font-size:12px;
}
#searchform {
float:right;
padding:0px;
margin:0px;
}
#header #searchform #search {
	padding:0px;
	margin:0px;
}
#header #searchform #search #q{
	border:1px #CCCCCC solid;
	color:#666666;
	width:250px;
	padding:2px 5px 2px 5px;
}
#searchbutton {
	margin:0px;
	padding:0px;
}

#header #today {
	color:#CC0000;
	font-weight:bold;
	padding-right:2px;
}
/***********************
#menu
************************/

#menu {
	width:140px;
	margin:5px 0px 5px 4px;
	float:left; display: inline; overflow: hidden;
	padding-top:10px;
	clear:left;
}

#menulist {
	list-style:none;
	width:140px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#menulist li {
	margin:0px 0px 1px 0px;
	list-style:none;
	padding:0px;
}
#menulist li a{
	background:url(images_icon/menu_up.gif) top left no-repeat;
	padding: 12px 0px 0px 10px;
	display:block;
	width:130px;
	height:30px;
	margin-top:0px;
	color:#000000;
	cursor: pointer;
}
#menulist li a:hover{
	background:url(images_icon/menu_down.gif) top left no-repeat;
}

#menulist2 {
	list-style:none;
	width:140px;
	margin:0px;
	padding:0px;
}
#menulist2 li {
	list-style:none;
	width:140px;
	margin:0px 0px 1px 0px;
	padding:0px;
}
#menulist2 li a{
	background:url(images_icon/menu_sub_up.gif) top left no-repeat;
	padding: 3px 25px 0px 25px;
	width: 90px; height: auto;
	margin:0px;
	color:#444444;
}
#menulist2 li a:hover{
	color:#222222;
	background:url(images_icon/menu_sub_down.gif) top left no-repeat;
}

#menulist2_topic {
	list-style:none;
	width:140px;
	margin:0px;
	padding:0px;
}
#menulist2_topic li {
	list-style:none;
	width:140px;
	margin:0px 0px 1px 0px;
	padding:0px;
}
#menulist2_topic li a{
	background:url(images_icon/menu_up_topic.gif) top left no-repeat;
	padding: 3px 25px 0px 25px;
	width: 90px; height: auto;
	margin:0px;
	color:#444444;
}
#menulist2_topic li a:hover{
	color:#222222;
	background:url(images_icon/menu_down_topic.gif) top left no-repeat;
}

#menulist3 {
	list-style:none;
	width:140px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}
#menulist3 li {
	list-style:none;
	width:140px;
	margin:0px;
	padding:0px;
	border:solid 1px #CCCCCC;
	border-top:solid 1px #EEEEEE;
	border-left:solid 1px #EEEEEE;
}
#menulist3 li a{
	background:url(images_icon/menu_sub_up2.gif) bottom left repeat-x;
	padding: 3px 0px 3px 0px;
	display:block;
	width:140px;
	height: auto;
	margin: 0px;
	color:#444444;
	cursor:pointer;
}
#menulist3 li a:hover{
	color:#000000;
	font-weight:normal;
	background:url(images_icon/menu_sub_down2.gif) top left repeat-x;
}

/***********************
#content
************************/

#content {
	float:right;
	width:841px;
	margin:5px 4px 5px 0px;
}
#content_topic {
	width:841px;
	margin:5px 4px 5px 0px;
}
#maincontent{
	width:600px;
	float:left; display: inline; overflow: hidden;
	padding-top:10px;
}

#maincontent_topic{
	width:987px;
	padding-top:0px;
}

#navtag0 {
	list-style:none; 
	height:30px;
	margin:0px;
	padding: 0px;
}
#navtag0 li {
	background:url(images_icon/tagbg_down0.gif) top left no-repeat;
	float:left;
	display:block;
	padding: 0px;
	width:120px;
	height:30px;
	text-align:center;
	list-style:none; 
	margin:0px;
}
#navtag0 li a{
	background:url(images_icon/tagbg_up0.gif) top left no-repeat;
	padding: 10px 0px 0px 0px;
	float:left;
	display:block;
	text-align:center;
	width:120px;
	height:20px;
	color:#222222;
	cursor:pointer;
}
#navtag0 li a:hover{
	color: #CC0000;
	background:url(images_icon/tagbg_down0.gif) top left no-repeat;
}

#navtag {
	list-style:none; 
	height:30px;
	margin:0px;
	padding: 0px;
}
#navtag li {
	background:url(images_icon/tagbg_down.gif) top left no-repeat;
	float:left;
	display:block;
	padding: 0px;
	width:150px;
	height:30px;
	text-align:center;
	list-style:none; 
	margin:0px;
}
#navtag li a{
	background:url(images_icon/tagbg_up.gif) top left no-repeat;
	padding: 10px 0px 0px 0px;
	float:left;
	display:block;
	text-align:center;
	width:150px;
	height:20px;
	color:#222222;
	cursor:pointer;
}
#navtag li a:hover{
	color: #CC0000;
	background:url(images_icon/tagbg_down.gif) top left no-repeat;
}

#navtag2 {
	list-style:none;
	height:30px;
	margin:0px;
	padding: 0px;
}
#navtag2 li {
	background:url(images_icon/tagbg2_down.gif) top left no-repeat;
	float:left;
	display:block;
	margin:0px;
	padding: 0px;
	width:99px;
	height:30px;
	text-align:center;
}
#navtag2 li a{
	background:url(images_icon/tagbg2_up.gif) top left no-repeat;
	padding: 10px 0px 0px 0px;
	float:left;
	display:block;
	text-align:center;
	width:99px;
	height:20px;
	color:#222222;
	cursor: pointer;
}
#navtag2 li a:hover{
	color: #CC0000;
	background:url(images_icon/tagbg2_down.gif) top left no-repeat;
}

#navtag5 {
	list-style:none; 
	height:30px;
	margin:0px;
	padding: 0px;
}
#navtag5 li {
	background:url(images_icon/tagbg_down5.gif) top left no-repeat;
	float:left;
	display:block;
	padding: 0px;
	width:100px;
	height:30px;
	text-align:center;
	list-style:none; 
	margin:0px;
}
#navtag5 li a{
	background:url(images_icon/tagbg_up5.gif) top left no-repeat;
	padding: 10px 0px 0px 0px;
	float:left;
	display:block;
	text-align:center;
	width:100px;
	height:20px;
	color:#222222;
	cursor:pointer;
}
#navtag5 li a:hover{
	color: #CC0000;
	background:url(images_icon/tagbg_down5.gif) top left no-repeat;
}

#row, .row {
	background:url(images_icon/bg-o-s.gif) left bottom repeat-x;
	margin-bottom:3px;
}
#row2 {
	background:url(images_icon/bg-b-s.gif) left bottom repeat-x;
	margin-bottom:3px;
	float:left;
	width:200px;
}
#row3 {
	background:url(images_icon/bg-b-s.gif) left bottom repeat-x;
	margin-bottom:3px;
	width:600px;
}
#row4 {
	margin-bottom:3px;
	width:600px;
}
#row5 {
	background:url(images_icon/bg-o-s1.gif) left bottom repeat-x;
	margin-bottom:3px;
}
#row6 {
	background:url(images_icon/bg-o-s2.gif) left bottom repeat-x;
	margin-bottom:3px;
}
#row_w, .row_w {
	background:url(images_icon/bg-o-w.gif) left bottom repeat-x;
	margin-bottom:3px;
}

#row3 td, #row4 td { vertical-align:top;}
#searchblocktitle, #learningtitle, #restguidetitle, #wineguidetitle, #reviewtag {
	border-bottom: solid 3px #F68356;
}
#eventtitle {
	border-bottom: solid 3px #7FCAAC;
}
#searchtagblock, #learntagblock, #lifeblock , #commendblock, #hotblock{
	border: solid 1px #DDDDDD;
	margin-top:1px;
	padding:5px;
}

#winetagblock ,#resttagblock{
border: solid 1px #DDDDDD;
	margin-top:1px;
	padding:8px 6px 8px 10px ;
}
#resttagblock{
border: solid 1px #DDDDDD;
	margin-top:1px;
	padding:8px 6px 8px 10px ;
}

#hotblock{
	border: solid 1px #DDDDDD;
	margin-top:1px;
	padding:4px;
}
#resttagblock, {
	height:120px;
}
#EventComblock, #EventJohnblock, #EventMemblock {
	border: solid 1px #DDDDDD;
	margin:1px 0px 0px 0px;
	padding:5px;
}

#columnblock {
	margin-top:1px;
	border: solid 1px #000000;
	text-align:center;
}
#printblock {
	margin-right:4px;
	margin-top:1px;
	padding:2px;
	border: solid 1px #000000;
}


/**********************
sidebar
**********************/

#sidebar {
	float:right;
	width:236px;	
}
#logintitle {
	border-bottom: solid 3px #F68356;
}
#loginform {
	margin-top:1px;
	padding:5px;
	border: solid 1px #DDDDDD;
}
#epaperform {
	margin-top:1px;
	padding:10px;
	border: solid 1px #DDDDDD;
	
}


/**********************
Style class
**********************/

.inputform{
	border: solid 1px #DDDDDD;
	color:#666666;
	margin-bottom:2px;
	padding: 2px 5px 2px 5px;
	font-size:11px;
}
.inputform2{
	border: solid 1px #999999;
	color:#000000;
	margin-bottom:2px;
	padding: 2px 5px 2px 5px;
	font-size:11px;
}
.imgframe {
	padding:3px;
	margin:5px;
	border:solid 1px #DDDDDD;
	float:left;
	background-color:#FFFFFF;
}
.imgframe_index {
	padding:3px;
	border:solid 1px #DDDDDD;
	float:left;
	background-color:#FFFFFF;
}
.imgframedetail {
	padding:3px;
	margin: 5px 0 5px 6px; width: 105px;
	border: solid 1px #DDDDDD;
	float:left; display: inline; overflow: hidden; white-space: nowrap;
	background-color:#FFFFFF;
}
.imgframedetail div {
	width: 105px; overflow: hidden; white-space: nowrap;
}

.imgframe-nofloat {
	padding:3px;
	margin:5px;
	border:solid 1px #DDDDDD;
	background-color:#FFFFFF;
}
.imgadv{
	border:solid 1px #000000;
}
.more {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #F58356; 
	font-weight:bold;
	padding:1px;
	text-decoration:none;
}

.more:hover {
	color: #7FCAAD;
}
.more2 {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	padding:1px;
	text-decoration:none;
	background-color: #7FCAAD;
}

.more2:hover {
	background-color: #F58356;
	color:#FFFFFF;
}
.redarrow {
	padding-left:10px;
	background:url(images_icon/icon-006.gif) left no-repeat;
}

.hotline {
	padding-left: 50px;
	height:58px;
	background:url(images_icon/icon-005.gif) left no-repeat;
}

.relatedline {
	background:url(images_icon/icon_relatedtitle.gif) no-repeat;
	padding: 5px 5px 5px 40px;
	height:22px;
}
.relatedul {
	margin:5px;
	padding:0px 10px 20px 20px;
}
.relatedul li {
	color:#CC0000;
}
.relatedol {
	margin:5px;
	padding:0px 10px 10px 35px;
	list-style: outside;
}
.relatedol li{
	color:#666666;
	border-bottom: dashed 1px #FFDDDD;
	padding-bottom:2px;
}

.link { color:#000000;}
.link a {color:#000000;}
.link a:hover{text-decoration:underline;}

.link2 {height:20px; margin:4px; font-size:12px; float:right; color:#000000;}
.link2 a {color:#000000;}
.link2 a:hover{text-decoration:underline;}

.subchild {
	overflow: visible;
	position: absolute;
	display:none;
	width:150px;
	z-index:9;
	margin-left:140px;
	padding-left:0px;
}
.subchild ul { list-style:none; margin:0px; padding:0px;}

.contactlist {
	border-top: solid 1px #CCCCCC;
}
.contactlist ul {
	padding: 0; margin: 0;
}
.contactlist ul li {
	float: left; padding: 0; margin: 0; list-style: none;
}

/***********************
#footer
************************/
#footer {
	text-align:center;
	font-size:12px;
	border-bottom: solid 3px #F68356;
}


/* ÓÑÇéßB½Ócss*/
#clear, .clear {
	clear:both;
}
.style_logotitle {
	height:40px;
	font-size:16px;
	font-weight: bold;
	color:#9b6f2e;
	text-align:left;
	margin-bottom:3px; 
}
.style_logourl {
	cursor:pointer;
	height:20px;
	font-size:12px;
	text-align:left;
   
}
.style_logopic {
	cursor:pointer;
	float:left; 
	width:60px; 
	border-width:1px; 
	border:1px solid #9b6f2e;
}

.Links A:link {color: #000000}
.Links A:visited {color: #000000}
.Links A:hover {
	color: block;
	text-decoration:underline;
}
.youqing{
	widht:300px;
	height:auto;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	}
.youqing img{
	float:left;
	}
.youqing ul li{

	float:left;
	display:block;
	width:260px;
	height:70px;
	margin-top:20px;
	list-style-type:none;
	}
.youqing .youqing2{
	width:150px;
	height:50px; 
	float:left;
	padding:5px 0px 5px 20px;
	}	
.youqing .youqing3{
	color: #9B6F2E;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    text-align: left;
	display:block;
	}	
.youqing a img{
    border-width: 0;
	}