/* site.css —— 全站共用樣式（自 _Layout / _Navbar / _List / _Header / _Footer / Error 之外部化）
   url() 以本檔位置 /Content/ 為基準 */

/* ===== 字型（原 _Layout 內聯 <style>）===== */
@font-face {
    font-family: "Microsoft MHei";
    src: url("fonts/MSMHei.ttf");
}
@font-face {
    font-family: "Microsoft MHei";
    src: url("fonts/MSMHei-Bold.ttf");
    font-weight: bold;
}

/* ===== 全站重設定（原 _Layout 內聯 <style>）===== */
* { margin:0; padding:0; font-family:'Microsoft MHei', 'Microsoft JhengHei'; }
html, body { width:100%; height:100%; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family:'Microsoft MHei', 'Meiryo UI'; font-weight:bold; }
a.custompopup { cursor:pointer; }
#mainpanel h5, #mainpanel h6 { color:#2F4D91; text-shadow: 1px 1px 2px #bbb; }

/* ===== 版面主體（原 _Layout 的 style 屬性）===== */
body { background:#4782B8; background-repeat:repeat-x; background-image:url("../Images/bg.png"); background-position-x:center; }
#body { margin:0 auto; width:1000px; background-color:#ffffff; }
#main { padding:0; }

/* ===== 導覽列（原 _Navbar 內聯 <style> + style 屬性）===== */
.menu#navbar, #navbar-frame { border:none;
    background: #2F4D91; /* Old browsers */
    background: -moz-linear-gradient(top, #2F4D91 0%, #5FB7DF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F4D91), color-stop(100%,#5FB7DF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2F4D91 0%, #5FB7DF 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2F4D91 0%, #5FB7DF 100%); /* Opera11.10+ */
    background: linear-gradient(to bottom, #2F4D91 0%, #5FB7DF 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2F4D91', endColorstr='#5FB7DF',GradientType=0 ); /* IE6-9 */
}
    .menu#navbar ul { border:1px solid #2F4d91; background:#2F4d91; min-width:180px;max-width:150%;*width:180px; }
    .menu#navbar li a:hover, .menu#navbar li.hover>a{ background:#5FB7DF; color:yellow; }
    .menu#navbar li a { padding:10px 20px; color:#fff; text-shadow:none; max-width:100%; font-size:1em; }
    .menu#navbar li.has-menu a { padding-right:20px; }
#navbar-frame { padding-right:1.5em; }

/* ===== 側攔（原 _List 內聯 <style>）===== */
.menu#list {
    border:1px solid #ccc;
    background: #2F4D91; /* Old browsers */
    background: -moz-linear-gradient(top, #2F4D91 0%, #5FB7DF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F4D91), color-stop(100%,#5FB7DF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2F4D91 0%, #5FB7DF 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2F4D91 0%, #5FB7DF 100%); /* Opera11.10+ */
    background: linear-gradient(to bottom, #2F4D91 0%, #5FB7DF 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2F4D91', endColorstr='#5FB7DF',GradientType=0 ); /* IE6-9 */
}
    .menu#list ul { border:1px solid #2F4d91; background:#2F4d91;min-width:180px;max-width:150%;*width:180px; }
    .menu#list li a:hover, .menu#list li.hover>a{ background:#5FB7DF; color:yellow; }
    .menu#list li a { color:#fff; text-shadow:none; font-size:1em; }
    .menu#list li.has-menu a { padding-right:20px; }

/* ===== 頁首（原 _Header 的 style 屬性）===== */
#header img { width:100%; z-index:3; position:relative; }
#header h2 { top:-2.8em; margin-bottom:-1.5em; margin-left:0.75em; z-index:100; position:relative; color:navy; text-shadow:3px 3px 5px #4782b8; }

/* ===== 頁尾（原 _Footer 的 style 屬性）===== */
#footer { background-color:#e0e0e0; }
#footer .footer-info { padding:1em; font-size:small; }
#footer .footer-title { font-size:1.5em; }

/* ===== 圖片彈窗（原 _Layout 內聯 <style> + style 屬性）===== */
#popup_box {
    display:none; /* Hide the DIV */
    position:fixed;
    _position:absolute; /* hack for internet explorer 6 */
    height:80%;
    width:80%;
    background:#ffffff;
    left: 10%;
    top: 10%;
    z-index:999; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
    margin-left: 15px;
    text-align:center;
    padding:15px;
    font-size:1.25em;
    -moz-box-shadow: 0 0 10px #fff;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
    color:#333;
}
#popup_box .popup_box_imagebox { width:100%; height:90%; }
#popup_box .popup_box_image { max-width:100%; max-height:100%; width:auto; height:auto; }
#popup_box .popup_box_caption { height:10%; }
#popupBoxClose {
    font-size:20px;
    line-height:15px;
    right:5px;
    top:5px;
    position:absolute;
    color:#5FB7DF;
    font-weight:500;
    cursor:pointer;
}

/* ===== Error 頁（原 Error.cshtml 的 style 屬性）===== */
#mainpanel .construction-text { color:#C79522; font-size:1.75em; }
#mainpanel .construction-img { max-width:45%; width:auto; }

/* ===== 共用工具類別（取代各頁重複的 style 屬性）===== */
#mainpanel.mainpanel-narrow { width:95%; margin:0 auto; }
#mainpanel hr.alt1, #mainpanel hr.alt2 { margin:0.5em 0 1em 0; }
#mainpanel hr.row-hr { margin:0.5em 0; }
.clear { clear:both; }
.center-block { text-align:center; margin:0.5em 0; }
.justify { text-align:justify; }
.tc { text-align:center; }
.tj { text-align:justify; }
.tr { text-align:right; }