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

body{font-size:12px;font-family: verdana, arial,helvetica,  sans-serif; color:#222; background:#999481; padding-bottom:7px;}

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

/* global class */ 
.clear {clear:both; font-size:0px;}

/* body */ 
#body{ width:990px; margin:0px auto; background:url(images/bg.gif) repeat-y center}
#body-top{ background:url(images/bg_top.gif) center no-repeat; height:10px; font-size:0px;}
#body-bottom{ background:url(images/bg_bottom.gif) center no-repeat; height:10px; font-size:0px;}

#header{}
#header .logo{ height:175px; background:url(images/header.jpg) no-repeat center;}
#header .logo h1{ display:none}
#header .main-menu{ background:#0b459e; width:980px;margin: 0 auto 0 auto;}
#slide{ padding-top:5px; padding-bottom:5px; margin-left:5px; margin-right:5px; border-bottom:2px solid #888888; border-top:2px solid #ccea00; background:#f6ffec; font-weight:bold; color:#e65100}
.main-menu ul{}
.main-menu ul li{ float:left;}
.main-menu ul li a{ display:block; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px; color:#FFFFFF; text-decoration:none}
.main-menu ul li a:hover{ background:#1e61c6;}

#container{ padding-bottom:5px; padding-top:7px;}
#footer{width:990px; margin:0px auto;text-align:center; font-size:11px;}

#sidebar{ float:left; width:180px; margin-left:10px; background:#fae9d0}
#sidebar h2{ background:#2978c7; font-size:13px; font-weight:bold; padding:3px 7px; color:#FFFFFF}
#sidebar p{ padding:5px;text-align:center;}
#sidebar p img{ border:1px solid #666666}


ul.side-menu{ padding-bottom:5px; padding-top:5px;}
ul.side-menu li{}
ul.side-menu li a{ display:block; padding:2px 3px 2px 15px; text-decoration:none}
ul.side-menu li a:hover{ background:#f8d49f}

ul.side-institutes{ padding-bottom:5px; padding-top:5px;}
ul.side-institutes li{}
ul.side-institutes li a{ display:block; padding:2px 5px 2px 5px; text-decoration:none}
ul.side-institutes li a:hover{ background:#f8d49f}

ul.side-link{ padding-top:10px;}
ul.side-link li{}
ul.side-link li a{padding:2px 5px 2px 5px;}

#main{ float:left; width:780px; margin-left:10px;}
#main h1{ font-size:20px; color:#886d07; padding-bottom:7px;}
#main h1 a{ color:#886d07;}

/* page */
.page{ padding-bottom:5px; width:100%;}
.page p{ padding-bottom:3px; padding-top:3px;}
.page ol{ margin-left:40px;}
.page ol li{ list-style-type: decimal; vertical-align:text-top}
.page ul{ margin-left:40px;}
.page ul li{ list-style-type:disc; vertical-align:text-top}
.page table{margin: 0 auto 0 auto;}

/* List List */
ul.list-list { margin-left:100px; margin-bottom:30px;}
ul.list-list li{list-style-type: disc; padding-top:2px; padding-bottom:2px;}
ul.list-list li a{ color:#0033FF}

/* sendmail */
#sendmail { padding-left:80px;}
#sendmail .mail-error{ color:#FF0000}
#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;}

/* Board */


.board {width:98%; padding-bottom:10px; padding-top:5px;}
.board h2{ font-size:16px; padding-bottom:5px;}

.board-list table{ width:100%}
.board-list thead{ background:#464646; text-align:center}
.board-list thead td{color:#D7D7D7;font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px;}
.board-list thead th{color:#D7D7D7;font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px;}
.board-list tbody td{ padding-top:3px; padding-bottom:3px;padding-left:3px;padding-right:3px; vertical-align:top;}
.board-list tbody th { text-align:left;font-weight:normal; padding-top:4px; padding-left:3px;padding-right:3px; vertical-align:top;}
.board-list tbody a{ font-weight:bold;}
.board-list tfoot{  }
.board-list tfoot th{color:#C6D9E9;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#EDF7FE;padding-left:3px;}
.board-list tfoot td{color:#333333;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#EDF7FE;padding-left:3px;}
/*.board-list .line { background:#E4F2FD;}*/
.board-list .line { background:#fff;}
.board-list em{ font-size:10px; font-style:normal}

.board-control{ padding-bottom:10px;}
.board .add{ background:#68CC07; border:1px solid #53A80D; color:#FFFFFF; font-weight:bold; padding:3px 7px; margin-top:1px; margin-bottom:1px;cursor:pointer}
.board .add:hover{ background:#6FD808;color:#333333; text-decoration:none}
.board .edit{ background:#5AB3F9; border:1px solid #1E86B6; color:#FFFFFF; font-weight:bold; padding:3px 7px; margin-top:1px; margin-bottom:1px; cursor:pointer}
.board .edit:hover{ background:#85C8FD;color:#333333;text-decoration:none}

.board-post{ padding-top:10px;}
.board-post th{ vertical-align:text-top; text-align:right; width:100px;}
.board-post .input{ width:300px;}
.board-post textarea{ width:300px; height:100px;}
.board-post .submit{}

.board-topic{ width:700px; margin-left:30px; padding-bottom:10px;}
.board-topic table{ width:100%;}
.board-topic table thead td{  color:#3491c6;font-weight:bold; padding:4px 10px; font-size:16px; text-decoration:underline}
.board-topic table tbody td{ padding:5px 10px;}
.board-topic table tfoot td{padding:3px 10px;}
.board-topic table tfoot td strong{ color:#3491c6; text-decoration:underline}
.board-topic table tfoot td em{ font-size:11px; font-style:normal}

.board-reply{ width:700px; margin-left:30px; border-bottom:1px solid #cccccc}
.board-reply table{ width:100%;}
.board-reply table thead td{ padding-left:10px; padding-right:10px; padding-top:5px;}
.board-reply table thead td strong{ color:#3491c6; text-decoration:underline}
.board-reply table thead td em{ font-size:10px; font-style:normal}
.board-reply table tbody td{ padding:5px 10px;}

#action{ background:#FFFFFF; width:250px; padding:10px; text-align:center;margin:50px auto 50px auto; border:1px solid #000000}

/* travel list */
ul.travel{ margin-top:5px;}
ul.travel li { clear:both;}
ul.travel li div{float:left; padding-bottom:15px;}
ul.travel li .travel-thumb{ width:150px; text-align:center;}
ul.travel li p.title{ font-weight:bold; padding-bottom:3px;}
ul.travel li .travel-desc{ width:770px;}
ul.travel li a{ text-decoration:underline; color:#1e8cc9}
ul.travel li img{ padding:4px; border:1px solid #6fbee7}