@charset "UTF-8";
body, html { padding:0px; margin:0px; font-family:sans-serif; font-weight:normal; font-size:12px; min-width:990px; background:#FFF; color:#666; max-width:1400px; }
hr{ margin-top:10px; margin-bottom:10px; height:1px; border-style:none; color:#ccc; background-color:#ccc; }
.clear { clear:both; }

/* Banner */
.banner-A { position:relative; width:700px; height:75px; margin-bottom:10px; }
.banner-B { position:relative; float:left; width:250px; margin-bottom:10px; }
.banner-B img { margin-bottom:10px; }

.header-wrapper { position:relative; width:100%; height:250px; text-align:left; overflow:hidden; background:url(../image/header_bg.jpg) repeat-x; }
.header-logo { position:absolute; right:10px; top:10px; height:100px; width:400px; z-index:3; }
.header-shadow { position:relative; width:100%; height:5px; background:url(../image/header_shadow_bg.jpg) repeat-x; margin-bottom:10px; }
.header-language { position:absolute; right:10px; bottom:10px; z-index:3; }
.header-language a { text-decoration:none; color:#333; }

/* Footer */
.footer-shadow { position:relative; width:100%; height:5px; background:url(../image/footer_shadow_bg.jpg) repeat-x; }
.footer-wrapper { position:relative; width:100%; background:url(../image/footer_wrapper_bg.jpg) repeat-x; padding-top:10px; text-align:center; color:#FFF; height:90px; }
.footer-wrapper a { text-decoration:none; color:#FFF; font-weight:bold; }
.footer-wrapper a:hover { color:#FF0;  }
.footer-wrapper p { margin-top:0px; margin-bottom:10px; }

.wrapper { position:relative; margin-left:10px; width:970px; margin-bottom:10px; }
.index-wrapper { width:700px; float:right; border-left:1px solid #CCC; padding-left:10px; min-height:1220px; overflow:hidden; }
.content-wrapper { width:700px; float:right; border-left:1px solid #CCC; padding-left:10px; min-height:1220px; }
.content-wrapper h1 { display:block; height:30px; line-height:30px; margin-top:0px; margin-bottom:10px; font-size:18px; color:#F90; border-bottom:2px solid #F90; }
.content-wrapper h2 { height:20px; line-height:20px; margin-top:0px; margin-bottom:10px; font-size:14px; color:#F90; }
.content-wrapper h3 { height:20px; line-height:20px; margin-top:0px; margin-bottom:10px; font-size:12px; color:#666; }
.content-wrapper p { margin-top:0px; margin-bottom:10px; }
.content-wrapper strong { font-weight:bold; color:#F00; }
.content-wrapper ul { margin:0px 0px 10px 0px; padding:0px; }
.content-wrapper ul li { list-style:decimal; padding:0px; margin-left:30px; line-height:20px; }
.content-wrapper a { text-decoration:none; color:#00F; }
.content-wrapper a:hover { text-decoration:underline; }

.content-wrapper table { margin-bottom:10px; }
.content-wrapper table tr td { padding:5px; text-align:left; }

.news-wrapper { width:700px; float:right; border-left:1px solid #CCC; padding-left:10px; min-height:1220px; }
.news-wrapper h1 { display:block; height:30px; line-height:30px; margin-top:0px; margin-bottom:10px; font-size:18px; color:#F90; border-bottom:2px solid #F90; }
.news-wrapper h2 { height:20px; line-height:20px; margin-top:0px; margin-bottom:10px; font-size:14px; color:#333; }
.news-wrapper h3 { height:20px; line-height:20px; margin-top:0px; margin-bottom:10px; font-size:12px; color:#666; }
.news-wrapper p { margin-top:0px; margin-bottom:10px; }
.news-wrapper strong { font-weight:bold; color:#F00; }
.news-wrapper ul { margin:0px 0px 10px 0px; padding:0px; }
.news-wrapper ul li { margin:0px; padding:0px; list-style:none; }
.news-wrapper ul li a { display:block; border-bottom:1px dotted #F90; height:20px; line-height:20px; padding-left:10px; text-decoration:none; color:#333; }
.news-wrapper ul li a:hover { color:#F90; }
.news-wrapper ul li a .description { color:#666; font-style:italic; }

.news-wrapper table { margin-bottom:10px; }
.news-wrapper table tr td { padding:5px; text-align:left; }

.event-wrapper { width:700px; float:right; border-left:1px solid #CCC; padding-left:10px; min-height:1220px; }
.event-wrapper h1 { display:block; height:30px; line-height:30px; margin-top:0px; margin-bottom:10px; font-size:18px; color:#F00; border-bottom:2px solid #F00; }
.event-wrapper h2 { height:20px; line-height:20px; margin-top:0px; margin-bottom:10px; font-size:14px; color:#333; }
.event-wrapper h3 { height:20px; line-height:20px; margin-top:0px; margin-bottom:10px; font-size:12px; color:#666; }
.event-wrapper p { margin-top:0px; margin-bottom:10px; }
.event-wrapper strong { font-weight:bold; color:#F00; }
.event-wrapper ul { margin:0px 0px 10px 0px; padding:0px; }
.event-wrapper ul li { margin:0px; padding:0px; list-style:none; }
.event-wrapper ul li a { display:block; border-bottom:1px dotted #F00; height:20px; line-height:20px; padding-left:10px; text-decoration:none; color:#333; }
.event-wrapper ul li a:hover { color:#F00; }
.event-wrapper ul li a .description { color:#666; font-style:italic; }

.event-wrapper table { margin-bottom:10px; }
.event-wrapper table tr td { padding:5px; text-align:left; }

/* Navigator */
.navigator { float:left; width:250px; margin-bottom:10px; }
.navigator ul { margin:0px; padding:0px; }
.navigator ul li { margin:0px; list-style:none; overflow:hidden; }
.navigator ul li a { display:block; border-bottom:1px dotted #CCC; height:20px; line-height:20px; text-decoration:none; color:#666; padding-left:7px; }
.navigator ul li a:hover { color:#F60; }
.navigator ul h3 { display:block; height:30px; font-size:14px; font-weight:bold; margin:0px; background:url(../image/navigator_h3_bg.jpg) repeat-x; line-height:25px; color:#FFF; padding-left:5px; }
.navigator ul h3 a { text-decoration:none; color:#FFF; }
.navigator ul h3 a:hover { color:#FF0; }

/* Navigator Button */
.nav-button { position:relative; float:left; width:250px; }
.nav-button img { margin-bottom:5px; }

/* Navigator Campus */
.nav-campus { float:left; width:250px; height:50px; margin-bottom:5px; position:relative; }

/* Navigator Affiliation */
.nav-affiliation { float:left; width:250px; margin-bottom:10px; }
.nav-affiliation h2 { display:block; height:35px; line-height:30px; color:#FFF; font-size:14px; font-weight:bold; margin-bottom:5px; margin-top:0px; background:url(../image/nav_affiliation_h2.jpg) repeat-x; padding-left:5px; }
.nav-affiliation table { width:250px; text-align:center; vertical-align:center; }
.nav-affiliation table tr td { padding:10px; }

/* Navigator Contact */
.nav-contact { float:left; width:250px; }
.nav-contact h2 { display:block; height:35px; line-height:30px; color:#FFF; font-size:14px; font-weight:bold; margin-bottom:5px; margin-top:0px; background:url(../image/nav_affiliation_h2.jpg) repeat-x; padding-left:5px; }
.nav-contact h2 a { text-decoration:none; color:#FFF; }
.nav-contact h2 a:hover { color:#FF0; }
.nav-contact p { margin-bottom:10px; margin-top:0px; }
.nav-contact form { margin-left:10px; }
.nav-contact form .submitbutton { width:75px; height:25px; border:none; background:url(../image/button/contactsubmit_th.jpg) no-repeat; color:#FFF; }
.nav-contact form .resetbutton { width:75px; height:25px; border:none; background:url(../image/button/contactreset_th.jpg) no-repeat; color:#FFF; }

/* Welcome Note */
.content-welcomenote { position:relative; width:700px; overflow:hidden; color:#F00; }
.content-welcomenote p { margin-top:0px; margin-bottom:10px; }

/* News List */
.content-newslist { position:relative; width:700px }
.content-newslist h1 { display:block; height:30px; line-height:30px; color:#F90; font-size:18px; font-weight:bold; border-bottom:2px solid #F90; margin-bottom:10px; margin-top:0px; }
.content-newslist h1 a { text-decoration:none; color:#F90; }
.content-newslist h1 a:hover { color:#F00; }
.content-newslist ul { margin:0px 0px 10px 0px; padding:0px; }
.content-newslist ul li { margin:0px; padding:0px; list-style:none; }
.content-newslist ul li a { display:block; border-bottom:1px dotted #F90; height:20px; line-height:20px; padding-left:10px; text-decoration:none; color:#333; }
.content-newslist ul li a:hover { color:#F90; }
.content-newslist ul li a .description { color:#666; font-style:italic; }

.content-newslist-newsdetail { position:relative; width:700px; margin-bottom:10px; }
.content-newslist-newsdetail h2 { display:block; height:20px; line-height:20px; font-size:16px; font-weight:bold; margin-top:0px; margin-bottom:5px; color:#333; border:none; }
.content-newslist-newsdetail h2 a { text-decoration:none; color:#333; }
.content-newslist-newsdetail h2 a:hover { color:#F90; }
.content-newslist-newsdetail h2 .description { font-size:12px; font-weight:normal; color:#666; font-style:italic; }
.content-newslist-newsdetail p { margin-top:0px; margin-bottom:10px; }

/* Event List */
.content-eventlist { position:relative; width:700px }
.content-eventlist h1 { display:block; height:30px; line-height:30px; color:#F00; font-size:18px; font-weight:bold; border-bottom:2px solid #F00; margin-bottom:10px; margin-top:0px; }
.content-eventlist h1 a { text-decoration:none; color:#F00; }
.content-eventlist h1 a:hover { color:#F00; }
.content-eventlist ul { margin:0px 0px 10px 0px; padding:0px; }
.content-eventlist ul li { margin:0px; padding:0px; list-style:none; }
.content-eventlist ul li a { display:block; border-bottom:1px dotted #F00; height:20px; line-height:20px; padding-left:10px; text-decoration:none; color:#333; }
.content-eventlist ul li a:hover { color:#F00; }
.content-eventlist ul li a .description { color:#666; font-style:italic; }

.content-eventlist-eventdetail { position:relative; width:700px; margin-bottom:10px; }
.content-eventlist-eventdetail h2 { display:block; height:20px; line-height:20px; font-size:14px; font-weight:bold; margin-top:0px; margin-bottom:5px; color:#333; border:none; }
.content-eventlist-eventdetail h2 a { text-decoration:none; color:#333; }
.content-eventlist-eventdetail h2 a:hover { color:#F00; }
.content-eventlist-eventdetail h2 .description { font-size:12px; font-weight:normal; color:#666; font-style:italic; }
.content-eventlist-eventdetail p { margin-top:0px; margin-bottom:10px; }

/* Affliliate Link */
.content-afflink { position:relative; width:700px; margin-bottom:10px; }
.content-afflink h1 { display:block; height:30px; line-height:30px; color:#090; font-size:18px; font-weight:bold; border-bottom:2px solid #090; margin-bottom:10px; margin-top:0px; }
.content-afflink ul { margin:0px 0px 10px 0px; padding:0px; }
.content-afflink ul li { margin:0px; padding:0px; list-style:none; }
.content-afflink ul li a { display:block; border-bottom:1px dotted #090; height:20px; line-height:20px; padding-left:10px; text-decoration:none; color:#333; }
.content-afflink ul li a:hover { color:#090; }