@charset "utf-8";
* html { overflow-x: hidden; }
* {padding:0; margin:0;}

body{font-size:12px;font-family:tahoma, verdana, arial, sans-serif;color:#333333; background: #8cc22c ; }

/* global div */ 
ul {margin:0; padding:0; list-style-type:none;}
a {color:#FFF; text-decoration:none;}
a:hover{ text-decoration:underline}

/* global class */ 
.clear {clear:both;}

/* body */ 
#wrapper{width:900px; margin:10px auto; padding:4px;background:#FFF}
#body{ background:#fcab1e}

/* header */
#header { background:url(images/logo.jpg) no-repeat; height:130px; padding-left:0px; padding-right:0px;}
#slide{ padding-top:5px; padding-bottom:5px; border-bottom:2px solid #888888; border-top:2px solid #ccea00; background:#f6ffec; font-weight:bold; color:#e65100}

#content{ background:#fff; padding:5px 0px 0px 0px;}
#left{float:left; width:195px;}
#home-main{float:left; width:500px; margin-left:5px; margin-right:5px}
#main{ float:left; width:690px; margin-left:10px;}
#right{float:left; width:195px;background:#FFF;}

#home-flash{}
#home-page{ background:#FFF; margin-top:5px; margin-bottom:5px;}
#home-page h1{ background:#67a7e3; color:#FFF; font-size:13px; padding:3px 10px;}
#home-page .page{ padding:5px 10px;}


#right h1{ background:#c3c8cd; color:#333;font-size:13px; padding:3px 10px; text-align:center}
#right .home-profile{ padding:7px 0px; text-align:center}
#right .home-profile a{ color:#000000}
#right .home-profile img{ border:1px solid #93c7f7; padding:3px;}

#main h1{ font-size:18px; padding-left:0px; padding-right:0px; padding-bottom:7px;}

.box-menu{ background:#9ac945; width:195px; margin-bottom:5px; font-size:14px}
.box-menu div{ background:#74ad0c; color:#FFF; font-size:13px; padding:3px 10px; text-align:center; border-top:1px solid #feffa1; border-bottom:1px solid #feffa1;}
.box-menu ul{}
.box-menu ul li{text-align:right;padding:4px 10px;}
.box-menu ul li a{ color:#f9f400; font-weight:bold; outline:none;}
.box-menu ul li a:hover{ text-decoration:none; color:#FFF; padding-right:20px; border-bottom:1px solid #FFF}

.box-link{ background:#fcab1e; width:195px; margin-bottom:5px;}
.box-link div{ background:#fdce7b; color:#074e9c; font-size:13px; padding:3px 10px; text-align:center; border-top:1px solid #feffa1; border-bottom:1px solid #feffa1;}
.box-link ul{}
.box-link ul li{border-bottom:1px dashed #FFF}
.box-link ul li a{ display:block; color:#074e9c;padding:4px 5px 4px 15px; outline:none;}
.box-link ul li a:hover{ text-decoration:none; color:#000}

#footer{ background:#fcab1e; padding-left:0px; padding-right:0px;color:#1469c6; padding:5px 5px;}

/* page */
.page{}
.page ol{padding-left:40px; padding-bottom:5px;}
.page ol li{ list-style-type: decimal; }
.page ul{ padding-left:40px; padding-bottom:5px;}
.page ul li{ list-style-type:disc;}
.page p{ padding-bottom:7px;}

.chart{ width:100%}
.pic { padding:3px; background:#FFFFFF; border:1px solid #333333}

/* sendmail */
#sendmail { padding-left:80px;}
#sendmail .mail-error{ color:#333}
#sendmail .mail-success{ color:#339900;}
#sendmail .box-sending{text-align:center; background:#BEEFFD; border:1px solid #0DC3F7; padding-top:3px;padding-bottom:3px}
#sendmail .box-error{text-align:center; background:#FAB8B8; border:1px solid #CC0000; padding-top:3px;padding-bottom:3px}
#sendmail .box-success{text-align:center; background:#DDF8C5; border:1px solid #8DC83A; padding-top:3px;padding-bottom:3px}
#sendmail .box-hide{ display:none}
#sendmail input{ width:300px;}
#sendmail textarea{ width:300px; height:100px;}
#sendmail #send{ width:auto;}

/* travel list */
ul.home-list{ margin-top:5px; border:0px; color:#000000}
ul.home-list li { clear:both;}
ul.home-list li div{float:left; padding-top:10px; padding-bottom:10px;}
ul.home-list li .thumb{ width:150px; text-align:center;}
ul.home-list li .desc{ width:340px;}
ul.home-list li .desc p{ padding-bottom:5px; padding-top:3px;}
ul.home-list li strong a{ text-decoration:underline}
ul.home-list li a{ text-decoration:none;color:#1F8BDA;}
ul.home-list li a:hover{ text-decoration:underline;}
ul.home-list li img{ padding:3px; border:1px solid #666666; }

.home-more{ text-align:right; padding-bottom:7px;}
.home-more a{ color:#0099FF}

/* travel list */
ul.post-list{ margin-top:5px; border:0px; color:#000000}
ul.post-list li { clear:both;}
ul.post-list li div{float:left; padding-top:10px; padding-bottom:10px;border-top: 1px dashed #999999}
ul.post-list li .thumb{ width:150px; text-align:center;}
ul.post-list li .desc{ width:540px;}
ul.post-list li .desc p{ padding-bottom:5px; padding-top:3px;}
ul.post-list li strong a{ text-decoration:underline}
ul.post-list li a{ text-decoration:none;color:#1F8BDA;}
ul.post-list li a:hover{ text-decoration:underline;}
ul.post-list li img{ padding:3px; border:1px solid #666666; }

/* paging */
.paging-box{border-top: 1px dashed #999999; padding-top:10px;}
.paging{padding:10px;}
.paging strong{ font-weight:bold; margin:2px; border:1px solid #328AB2; background:#4EB6E5; padding:2px 5px; color:#FFFFFF; }
.paging a{margin:2px; border:1px solid #328AB2; background:#FFFFFF; padding:2px 5px; color:#2583AD;}
.paging a:hover{color:#FFFFFF; background:#4EB6E5}