﻿body {
    margin: 0;
    padding: 0;
    font-family:"PingFang TC", "微軟正黑體",  "Microsoft JhengHei",  sans-serif;
    /* 保留 sty_photo 的多重背景設定 */
    background: url(../images/01.png) center top no-repeat, 
                linear-gradient(179deg, #e0b678 0%, #f3efdb 15% 50%, #FFFFFF 100%);
}

a img { 
    border: none;
}

/* 保留 sty_photo 的連結樣式設定 */
a:link {
    color: #CC3300;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #FF6600;
    text-decoration: underline;
}

/* 上方橫幅 */
#header {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}
.toplogo-aca {
    float: left;
}
.toplogo-iss {
    float: right;
}
.topimg {
    padding-top: 10px;
}

#menubar {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}

/* 下方內容 */
#loadimg {
    width: 1200px;
    margin: 5px auto 0;
    text-align: center;
}
#wrapper {
    width: 1000px;
    margin: 20px auto 0;
    text-align: center;
}
#wrapper p {
    padding: 0 70px;
    text-align: left;
    color: #094566;
    line-height: 1.5em;
}
ul, ol {
    text-align: left;
    padding-left: 150px;
    color: #666;
    line-height: 1.5em;
    padding-right: 50px;
}
.main_reg ul {
    padding-left: 30px;
}

/* 主內容-最新消息 */
.main_news {
    background: url(../images/title-01.gif) center top no-repeat,            
                url(../images/title-01-bg.gif) repeat;
    margin: 10px 0 20px;
    padding: 50px 0 10px;
}

/* 主內容-活動簡介 */
.main_intro {
    background: url(../images/title-01-2.gif) center top no-repeat,            
                url(../images/title-01-bg.gif) repeat;
    margin: 10px 0 5px;
    padding: 50px 0 10px;
}
.main_intro li, .main_class li {
    border-bottom: 1px dotted #FFF;
    color: #1F4268;
    font-size: 12pt;
    line-height: 2.2em;
    list-style-position: outside;
    list-style-type: square;
}
.main_intro ul, .main_class ul {
    padding-right: 70px;
}
.main_intro table {
    border: 1px solid #FFF;
    font-size: 12pt;
}
.main_intro td {
    border: 1px solid #FFF;
    text-align: center;
    vertical-align: middle;
}

/* 主內容-備註 (來自 sty_photo) */
.main_note {
    background: url(../images/title-01-3.gif) center top no-repeat,            
                url(../images/title-01-bg.gif) repeat;
    margin: 10px 0 5px;
    padding: 50px 0 10px;
}
.main_note li, .main_class li {
    border-bottom: 1px dotted #FFF;
    color: #1F4268;
    font-size: 12pt;
    line-height: 2.2em;
    list-style-position: outside;
    list-style-type: square;
}

/* 主內容-課程簡介綱要 */
.main_class {
    background: url(../images/title-02.gif) center top no-repeat,            
                url(../images/title-02-bg.gif) repeat;
    margin: 10px 0 5px;
    padding: 50px 0 10px;
}
.main_class ol {
    text-align: left;
    padding-left: 20px; /* 依照 sty_photo 設定為 20px */
}
.main_class .text-title {
    font-weight: bold;
    color: #895C39;
    font-size: 12.5pt;
}
.main_class .text-name {
    font-weight: bold;
    color: #333366;
    font-size: 13pt;
}
.main_class a:link {
    color: #333366; /* 依照 sty_photo 設定 */
    font-weight: bold;
    text-decoration: none;
}
.main_class a:hover {
    color: #A0328D;
    font-weight: bold;
    text-decoration: underline;
}
.main_class a:visited {
    color: #333366;
}

/* 主內容-課程表 */
.main_pro {
    background: url(../images/title-03.gif) center top no-repeat,            
                url(../images/title-03-bg.gif) repeat;
    margin: 10px 0 5px;
    padding: 50px 0 10px;
    color: #1F4268;
}
.main_prox {
    background: url(../images/title-06.gif) center top no-repeat,            
                url(../images/title-05-bg.gif) repeat;
    margin: 10px 0 5px;
    padding: 50px 0 10px;
    color: #1F4268;
}
.main_pro .locate {
    color: #0000FF;
    font-size: 11pt;
    line-height: 2em;
}
.main_pro .classname {
    line-height: 2em;
    font-weight: bold;
}
.tbsty-pre table {
    border: 1px solid #FFF;
    font-size: 12pt;
}
.tbsty-pre td {
    border: 1px solid #61753E;
    text-align: center;
    vertical-align: middle;
    padding: 5px; /* 依照 sty_photo 拿掉 background-color，加入 padding */
}
.tbsty-pre-photo table {
    border: 1px solid #FFF;
    font-size: 12pt;
}
.tbsty-pre-photo td {
    border: 1px solid #61753E;
    text-align: center;
    vertical-align: middle;
    background-color: #E7EBD3;
}
.tbsty-pre-photo .PHover:hover {
    background-color: #f5f7ed;
}
.text-chair {
    font-size: 11pt;
    color: rgba(51, 102, 51, 1);
}

/* 主內容-報名 */
.main_reg {
    background: url(../images/title-04.gif) center top no-repeat,            
                url(../images/title-04-bg.gif) repeat;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0;
    padding-top: 60px;
    padding-right: 50px;
    padding-bottom: 10px;
    padding-left: 70px;
}
.main_reg table {
    border: 1px solid #FFF;
    font-size: 11pt;
    color: #FFF;
    background-color: #828281;
    line-height: 2em;
}
.main_reg td {
    vertical-align: middle;
    padding: 3px 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFF;
}

/* 按鈕樣式 (來自 sty_photo) */
.button {
    background-color: #008CBA;
    border: none;
    border-radius: 30px;
    color: white;
    padding: 12px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16pt;
    margin: 5px 10px;
}
.button:hover {
    color: #d51919;
    font-weight: bolder;
    background-color: #3ba9cd;
}

/* 段落資訊 */
.pinfo p {
    font-size: 10pt;
}

/* 表單狀態 */
#status {
    padding: 10px;
    outline: none;
}
.focusField {
    border: solid 2px #73A6FF;
    background: #fffdd1;
    color: #000;
}
.idleField {
    background: #EEE;
    color: #6F6F6F;
    border: solid 2px #DFDFDF;
}

/* --- 從第一份樣式表合併過來的相簿 (album/gallery) 樣式 --- */
.main_album {
    background: url(../images/title-05.gif) center top no-repeat,            
                url(../images/title-05-bg.gif) repeat;
    margin: 10px 0 5px;
    padding: 50px 0 10px;
    color: #1F4268;
}
.main_album .row {
    padding: 20px 60px;
    text-align: center;
    display: flow-root; /* 解決 float:left 走樣問題 */
}
div.gallery {
    margin: 5px;
    border: 3px solid #b5cdd5;
    float: left;
    width: 200px;
    background-color: #839195;
}
div.gallery:hover {
    border: 3px solid #777;
}
div.gallery img {
    width: 100%;
    height: auto;
}
/* ---------------------------------------------------- */

/* 下方宣告 */
#footer {
    width: 100%;
    text-align: center;
    font-size: 10pt;
    background-color: #60719f; /* 依照 sty_photo 設定為藍灰色 */
    color: #FFF;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* 特定強調節點 (來自 sty_photo) */
#wrapper .main_class ul li strong font {
    background-color: #633;
}