/*CSS Hack*/
/* Other solution - CSS_browser_selector */
 #test   
 {
        background-color:blue;      /*firefox*/
background-color:blue !important; /*Non-IE6*/
        background-color:red\9;      /*all ie*/
        background-color:yellow\0;    /*ie8*/
        +background-color:pink;        /*ie7*/
        _background-color:orange;       /*ie6*/
    :root #test { background-color:purple\9; }  /*ie9*/
    @media all and (min-width:0px){ #test {background-color:black\0;} }  /*opera*/
    @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }  /*chrome and safari*/
}

.className {
font-size:12px; /*這一行所有瀏覽器都看得懂，所以是給Firefox套用的*/
font-size:14px\9; /*這一行則是所有的ie都看得懂*/
[;font-size:16px;] /*這一行專門給Chrome跟Safari用，不過IE6跟7也看得懂喔*/
+font-size:18px; /*這一行給ie7*/
_font-size:20px; /*這一行給ie6*/
font-size:14px\0;   /*這一行只有ie8看得懂*/
}

html, body {padding:0; margin:0; overflow-x:hidden;}
a{
 outline: none; /* for Firefox */
 _hlbr:expression(this.onFocus=this.blur())\9; /* for IE */
}
a {color:maroon; text-decoration:none;}
a:hover {color:red; text-decoration:none;}

*{padding:0; margin:0;}
body {font:normal 13px/2em "微軟正黑體", Tahoma, Verdana, Arial;}


.wrap {width:100%; margin:0 auto; border:0px dotted pink;}
.header {width:100%; max-width:960px; height:210px; background:url(../images/Banner.jpg) center top no-repeat; margin:0 auto;}
select.otherNobel {float:right; color:#333; position:relative; top:-30px !important; _top:-45px; right:-1px; z-index:999; padding:1px; font:normal 14px "微軟正黑體", Tahoma, Verdana, Arial; border:1px solid #AAA;}

/*Drop-down menu*/
.nav2 {float:left; width:100%; height:30px; line-height:1em; margin-left:10px !important; _margin-left:5px; color:#333; vertical-align:middle; position:relative; bottom:-172px; bottom:-170px\9; border:0px solid green;}
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:1000 !important /*Non-IE6*/; z-index:1000 /*IE6*/;}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; background:transparent url(../images/Icon_Arzo_Arrow.png) no-repeat 0 0 !important; background:transparent url(../images/Icon_Arzo_Arrow.gif) no-repeat 0 0; padding:9px 12px 9px 44px; font-weight:bold; font-size:15px; text-shadow: 0px 0px 4px #FFF;}
.nav2 ul li.right {float:right; position:relative; top:12px; right:15px !important; _right:20px; line-height:30px;}
.nav2 ul li font.location {font-weight:bold; font-size:15px; color:white; text-shadow: 0px 0px 4px #000;}

.page_container {width:960px; height:auto; margin:0 auto; border:0px solid pink;}

.left-content {display:inline; /*Fix IE floating margin bug*/; float:left; margin:0; padding-top:25px; font:normal 16px/1.5em "微軟正黑體", Tahoma, Verdana, Arial; color:#333; background:#FFF;}
.left-content div.guest_info {width:350px; padding:10px 20px; border:1px solid #CCC; background:white; box-shadow:2px 2px 8px -2px #666; border-radius:10px; text-align:center; word-wrap:break-word;}
div.guest_info p.nobel {font-size:18px; text-align:left; color:#A07119;}
div.guest_info p.nobel img {vertical-align:middle; margin-bottom:2px;}
div.guest_info p.guest {text-align:center;}
div.guest_info p.guest img {width:250px;}
div.guest_info p.name {font:bold 23px/1.5em Verdana; text-align:center; margin-bottom:15px;}
div.guest_info p.title {margin-bottom:6px; color:navy; border-bottom:1px dotted #666; text-align:left;}
div.guest_info p.about {font-size:14px; text-indent:2em; text-align:justify;}

.right-content {display:inline; /*Fix IE floating margin bug*/; float:right; margin:0; padding-top:25px; font:normal 14px/1.5em "微軟正黑體", Tahoma, Verdana, Arial; color:#333; background:#FFF; border:0px solid black;}
.right-content table.agenda {width:536px; position:relative; right:0px; clear:both; table-layout:fixed; border-collapse:separate /*表格間距合併設定*/; empty-cells:show; text-align:center; vertical-align:middle;}
@media screen and (-webkit-min-device-pixel-ratio:0){ .right-content table.agenda {right:6px;} }  /*chrome and safari*/
table.agenda caption {padding:6px 0; font-size:17px; color:Maroon;}
table.agenda th {padding:8px 0; background:#A3CFAB; text-align:center; vertical-align:middle; color:#FFF; font-weight:bold; border:1px solid #AAA;}
table.agenda td {padding:8px 0; color:rgb(50,50,50); border-bottom:1px solid #AAA;}
table.agenda td.time {color:firebrick;}
table.agenda td.place {color:steelblue;}
table.agenda font.en, .nav2 ul li font.en {font-size:11px;}


.excerpt-left {float:left; margin:0; padding-top:25px; font:normal 15px/1.8em "微軟正黑體", Tahoma, Verdana, Arial; color:#333; background:#FFF;}
.excerpt-left div.excerpt-EN {width:420px; padding:20px; border:1px solid #CCC; background:white; box-shadow:2px 2px 8px -2px #666; border-radius:10px; text-align:center; word-wrap:break-word;}
.excerpt-right {float:right; margin:0; padding-top:25px; font:normal 15px/1.8em "微軟正黑體", Tahoma, Verdana, Arial; color:#333; background:#FFF;}
.excerpt-right div.excerpt-CHT {width:420px; padding:20px; border:1px solid #CCC; background:white; box-shadow:2px 2px 8px -2px #666; border-radius:10px; text-align:center; word-wrap:break-word;}

p.subject {color:firebrick; font-weight:bold;}
p.name {color:black; font-size:17px;}
p.school {color:gray; border-bottom:1px dotted #666; margin-bottom:6px}
p.intro {text-align:justify;}

.footer {clear:both; width:100%; padding-top:10px; text-align:center;}
.footer p.sponsor {color:#999;}
.footer p.sponsor img {vertical-align:middle; border:none;}
.footer p.sponsor a {border:none; margin:0px 10px;}
.footer p.sponsor a:visited {border:none;}

footer {height:75px; width:960px; margin:1.5em auto 0 auto; padding:0; display:block; clear:both; text-align:right; vertical-align:middle; padding:0; font:normal 13px/1.5em "微軟正黑體", Tahoma, Verdana, Arial; color:#555; border:0px solid red; z-index:999;}
footer a {text-decoration:none; color:#555;}
footer a:hover {text-decoration:none; color:white;}
footer img {border:none; vertical-align:middle; margin-left:1em;}