#reporter { position:relative; margin-top:18px;}
#background { background:transparent url('/resource/images/information/bg_body.jpg') no-repeat center top;}
#snb { position:relative; margin-top:-30px; margin-bottom:-20px; background:url('/resource/images/common/bg_snb.png') repeat-y left;}
#content { width:760px; padding-left:170px;}
#container { padding:0; margin:0; margin-bottom:10px;}
#footer { margin-top:-10px;}
#content_header img { margin-left:20px;}
#content_header h1 { padding-top:100px; padding-bottom:10px;}

* { line-height:18px;}
.nav { position:absolute; top:50px; left:0; width:160px;}
.nav dl { width:100%; list-style:none;}
.nav dt { width:160px; text-align:center;}
.nav dt img { margin-bottom:5px; width:160px; height:84px;}
.nav dd a{ display:block; width:160px; height:30px; line-height:30px; background-image:none; padding-bottom:3px}
.nav dd a:hover, .nav .selected { background:transparent url('/resource/images/common/bg_snbnav.png') no-repeat left top;}
.nav dd a img { width:160px; height:30px;}
.nav .ad { width:140px; margin:0 auto; margin-top:10px}
.nav .ad img { width:140px; height:140px; margin:5px 0}

/*home*/
.head { position:relative; display:block; height:50px;}
.head p { font-size:11px; padding-top:3px; color:#888888}
.head h4 { float:left; padding:5px 15px 0 0;}
.head .more { font-size:11px; color:#666666; position:absolute; right:0; top:15px; text-align:right;}
h4 { padding-left:10px;}
.more { float:right; font-size:11px; color:#666666; position:absolute; right:10px; top:8px; text-align:right;}

.box { float:left; width:370px; position:relative;}
.box .cc { padding:5px 10px;}
.general {  width:374px; padding-right:10px;}
.general .cc { height:70px;}
.preparation {width:376px; }
.preparation .cc { height:70px;}
.general p, .preparation p  { font-size:11px;}
.reporter { width:360px; margin-left:10px; margin-top:30px}
.reporter .cc { height:150px; position:relative; padding:5px 10px;}
.epilogue { width:390px; margin-top:30px}
.epilogue .cc { height:150px; position:relative; }

.category { float:left; width:760px; position:relative;}
.category .cc { padding:0;}
.category img { display:block; margin:0; padding:0;}
.category .list ul { width:740px; height:150px; margin:0; padding:0}
.category .list ul li { float:left; position:relative; display:list-item; padding:3px;}
.category .list ul li h3 { position:absolute; width:240px; height:30px; background:transparent url('/resource/images/main/bg_subject.png') repeat-x bottom; bottom:3px; left:3px;}
.category .list ul li img { width:240px; height:144px;}
.category .list ul li h3 span { color:#ffffff; font-size:12px; font-weight:bold; line-height:30px; padding:0 5px;}
.category .list ul li a { color:#ffffff}
/*
.category { float:left; width:246px; position:relative; margin-right:10px}
.category.city { margin-right:0; margin-left:1px;}
.category .cc { padding:0;}
.category img { display:block; margin:0; padding:0;}
.category .list ul { width:226px; height:408px; margin:0; padding:0}
.category .list ul li { float:left; position:relative; display:list-item; padding:3px;}
.category .list ul li h3 { position:absolute; width:220px; height:30px; background:transparent url('/resource/images/main/bg_subject.png') repeat-x bottom; bottom:3px; left:3px;}
.category .list ul li img { width:220px; height:130px;}
.category .list ul li h3 span { color:#ffffff; font-size:12px; font-weight:bold; line-height:30px; padding:0 5px;}
.category .list ul li a { color:#ffffff}
*/

/* general */
.generalcontent h6 {padding:10px 0}
.generalcontent .cc { padding:15px; padding-bottom:0;}
.generalcontent .description { width:320px; vertical-align:top; padding-top:10px;}
.generalcontent .description p{ text-align:justify; line-height:18px; padding-bottom:10px;}

.generalcontent .part1 .cc { background:white url('/resource/images/information/general/bg_part1.jpg') no-repeat right top;}
.generalcontent .part1 .description { width:450px; padding-bottom:20px;}
.generalcontent .part1 .description p { text-align:left;}
.generalcontent .part1 table { border:0; width:50%;}
.generalcontent .part1 table th { color:#77b324; font-size:11px; font-weight:normal; text-align:left; width:50px; height:22px;}
.generalcontent .part1 .basic { width:100%;}
.generalcontent .part1 .basic th { width:4%;}
.generalcontent .part1 .basic td { width:46%;}
.generalcontent .part1 .holiyday { float:left; width:350px;}
.generalcontent .part1 .islamic { float:left; width:350px;}
.generalcontent .part1 table caption { font-size:16px; text-align:left; font-weight:bold; padding-bottom:10px;}
.generalcontent .part1 .thumb { margin:0; padding:10px;}
.generalcontent .part1 .thumb img { display:inline;}
.section1 { width:375px; padding-right:10px; float:left;}
.section2 { width:375px; float:left;}
.generalcontent em { color:#77b324; font-size:11px; font-style:normal; margin-bottom:10px;}
.generalcontent cite { color:#77b324; font-size:11px; font-style:normal; font-weight:bold;}
.generalcontent dl dt { font-size:11px; font-weight:bold;}
.generalcontent dl dd { color:#e6772e; font-size:11px;}
.clear { clear:both;}

/* preparation *//* general */
.preparationcontent h2 { padding:10px 0;}
.preparationcontent h3 { padding-top:10px;}
.preparationcontent h4 { padding-top:20px; padding-bottom:5px; color:#4c4c4c; font-size:16px; font-weight:bold;}
.preparationcontent .cc { padding:15px; padding-bottom:0;}
.preparationcontent .description { width:700px; vertical-align:top; padding-top:10px;}
.preparationcontent .description p { text-align:justify; line-height:18px; padding-bottom:10px;}
.preparationcontent table { width:100%; text-align:center; border-collapse:collapse;}
.preparationcontent thead td { 
	background:#99cc52; background-image:url('/resource/images/information/bg_td.jpg'); background-position:right center; background-repeat:no-repeat;
	height:30px; border-right:1px solid #99cc52; border-bottom:1px solid #8da66b; border-left:1px solid #8da66b;
	font-weight:bold; color:white; font-size:11px;
}
.preparationcontent .last { background-image:none;}
.preparationcontent tbody td { border:1px solid #d1dbc4; height:30px;}
.preparationcontent .passport { padding-bottom:20px;}
.preparationcontent .passport table thead td { width:20%; height:40px;}
.preparationcontent .passport table tbody td { font-size:14px; color:#888888; font-weight:bold;}
.preparationcontent .timing { background:#f3fae8; padding:10px; line-height:18px;}
.preparationcontent em { color:#70b312; font-weight:bold; font-style:normal;}
.preparationcontent .part2 { width:375px; float:left; padding-right:10px;}
.preparationcontent .part3 { width:375px; float:left;}
.preparationcontent .part2 .description, .preparationcontent .part3 .description { width:320px; vertical-align:top; padding-top:10px;}

/* taste */
.tastecontent .cc { padding:15px;}
.tastecontent img { float:left; padding-right:8px; padding-bottom:8px;}
.tastecontent .intro img { padding-bottom:0;}
.tastecontent .intro .description  { padding-top:45px;}
.tastecontent .article .description { position:relative; padding:0 0 40px 0;}
.tastecontent .article .description.kushari { margin-top:20px;}
.tastecontent p { padding-bottom:10px;}
.tastecontent .article h3 { 
	position:absolute; left:0; top:-20px; width:100px; height:42px; padding-top:13px; display:block; z-index:2; background:#ffd400;
	font-size:16px; color:white; line-height:18px; font-weight:bold; text-align:center;	
}
.tastecontent .article h3 em { color:#4c4c4c; display:block; font-style:normal;}
.tastecontent .article .aysh img, .tastecontent .article .hamam img{ float:right; padding:0 0 8px 8px;}
.tastecontent .article p.indent { padding-left:110px;}
.tastecontent .article .hamam p.indent { padding:80px 0 0 0;}

/* attraction *//* city */
.attractioncontent .cc , .citycontent .cc  { padding:15px;}
.attractioncontent .description , .citycontent .description { width:714px; margin:10px -2px;}
.attractioncontent .description img , .citycontent .description img { float:left; padding:0 2px 10px 2px; width:353px; height:210px}
.attractioncontent p , .citycontent p { line-height:18px; text-align:justify; padding:0 2px 10px 2px;}
.attractioncontent h3 , .citycontent h3 { display:block;}
.attractioncontent h3 img , .citycontent h3 img { float:none;}