@charset "utf-8";
/* CSS Document */
body
{
    margin: 0;
    color: #333;
    /*font-size: 13px;*/
    background-color: #FFFFFF;
}

#Wrapper
{
    width: 100%;
    text-align: center;
}
#container{
	width:990px; /*default*/
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}

#Top
{
    vertical-align: bottom;
}

#News
{
    width: 100%;
    height: auto;
    vertical-align: middle;
    line-height: 25px; /*default*/
    position: absolute;
    left: 0px;
    top: 0px; /*default*/
    font-size: 20px;
    padding-left: 25px;
    float: left;
    clear: none;
}

.News_bg
{
}

.News_Text
{
}


#Header
{
    margin-bottom: 10px;
    width: 990px; /*default*/
    height: 250px; /*default*/
    position: relative;
}

/*Logo區塊*/
#logoDiv
{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 15px;
    left: 15px;
}

#ContentWrapper
{
    width: 100%;
    text-align: left;
}

/*右邊大區塊*/
#NavR
{
    width: 180px; /*default*/
    margin-left: 10px; /*default*/
    float: right;
    text-align: center;
    overflow: hidden;
}

/*每個右邊的Unit都包含在一個class=RightUnit的Div中*/
.RightUnit
{ /*0*/
    width: auto;
    height: auto;
    margin: 0;
    margin-bottom: 5px;
}

/**右單元的標頭區塊**/
.NavTitle
{
    margin-top: -1px;
    text-align: center;
    /*background-color:#666666;*/
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

    .NavTitle h1
    {
        font-size: 13px;
        font-weight: bold;
        color: #FFFFFF;
        margin: 0px;
    }

    .NavTitle a, .NavTitle a:link
    {
        font-size: 13px;
        font-weight: bold;
        color: #FFFFFF;
    }

        .NavTitle a:visited
        {
            font-size: 13px;
            font-weight: bold;
            color: #FFFFFF;
        }

        .NavTitle a:hover
        {
            font-size: 13px;
            font-weight: bold;
            /*color: #FFFFFF;*/
            position: relative;
            top: 1px;
            left: 1px;
        }

/**右單元的內容區塊**/
.NavContent
{
    margin: 0px;
    background-color: #FFFFFF;
    padding: 1em 0.5em;
    text-align: left;
}

    .NavContent h1
    {
        margin: 0;
        font-size: 15px;
        color: #000000;
        font-weight: bold;
        line-height: 20px;
    }

    .NavContent h2
    {
        font-size: 13px;
        margin: 0;
        font-weight: normal;
        display: block;
        line-height: 16px;
        margin: 0.7em 0 0.5em 0;
        text-align: left;
    }

    .NavContent h3
    {
        margin: 0;
        padding-left: 5px;
        font-size: 13px;
        line-height: 16px;
        color: #000000;
        font-weight: normal;
    }

    .NavContent a, .NavContent a:link
    {
        font-size: 13px;
        color: #333333;
        text-shadow: #999999;
        line-height: 16px;
    }

        .NavContent a:visited
        {
            font-size: 13px;
            color: #0000FF;
            line-height: 16px;
        }

        .NavContent a:hover
        {
            line-height: 16px;
            font-size: 13px;
            /*color: #FF0000;*/
            position: relative;
            top: 1px;
            left: 1px;
        }

        .NavContent a img
        {
            line-height: 16px;
            vertical-align: text-bottom;
        }

    .NavContent pre
    {
        margin: 0;
    }

    .NavContent li
    {
    }

/**更多連結區塊設定**/
.RightUnit .More
{
    text-align: right;
}

    .RightUnit .More a, .RightUnit .More a:link
    {
        font-size: 15px;
        color: #0000FF;
        text-decoration: none;
    }

        .RightUnit .More a:visited
        {
            font-size: 15px;
            color: #0000FF;
            text-decoration: none;
        }

        .RightUnit .More a:hover
        {
            font-size: 15px;
            /*color: #FF3300;	*/
            position: relative;
            top: 1px;
            left: 1px;
            text-decoration: none;
        }
/*右邊大區塊結束*/

/*左邊大區塊*/
#Nav
{
    width: 180px; /*default*/
    margin-right: 10px; /*default*/
    float: left;
    text-align: center;
}

    #Nav ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #Nav li
    {
        text-align: center;
        font-size: 13px;
    }

        /*主目錄*/
        #Nav li h3
        {
            font-size: 16px;
            padding: 0;
            height: 1em;
            margin: 0;
            vertical-align: middle;
            text-align: center;
            line-height: 1em;
            width: auto; /*default*/
            height: 30px; /*default*/
            line-height: 30px; /*default，應隨height而動*/
        }

        #Nav li a:link, #Nav li a:visited
        {
            color: #CC99FF;
            text-decoration: none;
            display: block;
            cursor: pointer;
        }

        #Nav li a:hover
        {
            /*color:#000000;*/
            text-decoration: underline;
        }

#MenuUpperImg
{
}

#MenuBody
{
    /*text-align:left;*/
}

.LV1
{
    margin-bottom: 0;
}

ul#Menu
{
    margin-top: 0;
    margin-bottom: 0;
}

    ul#Menu li
    {
    }

ul#SubMenu
{
    margin-top: 0.5em;
    width: 100%;
    display: none;
    text-align: left;
    padding-left: 10px;
}

    ul#SubMenu li
    {
        text-align: left;
        margin-bottom: 5px;
        line-height: 16px;
        padding-left: 16px;
        background-repeat: no-repeat;
        /*background-image:url(/UpLoad/userData/classtest/U_SITE/icon2.gif);*/
    }

        ul#SubMenu li h3
        {
            text-align: left;
        }

/*內文區塊*/
#Content
{
    width: 610px; /*default*/
    float: left;
    overflow: hidden;
    /*text-align:center;*/
}
/*首頁專用中間區塊*/
/*每個中間的Unit都包含在一個class=MidUnit的Div中*/
.PageContent
{
    padding: 10px;
    height: auto;
    width: 100%; /*default*/
    margin: 0;
    /*margin-bottom:10px;*/ /*default*/
    position: relative;
    /*background-color:#FFFFFF;*/
    /*text-align:center;*/
    overflow: auto;
    /*border-color:#F78239;
	border-style:solid;
	border-width:0 1px 1px 1px;*/
}

/*中間單元的標頭區塊*/
.PageTitle
{
    height: 50px; /*default*/
    line-height: 50px; /*default*/
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-bottom: 0px;
    padding: 0px;
}

    .PageTitle h1
    {
        position: relative;
        font-size: 13px;
        font-weight: bold;
        color: #581802;
        margin: 0px;
    }

    /*標頭區塊連結樣式 首頁與內頁通用*/
    .PageTitle a, .PageTitle a:link
    {
        font-size: 13px;
        font-weight: bold;
        color: #581802;
    }

        .PageTitle a:visited
        {
            font-size: 13px;
            font-weight: bold;
            color: #581802;
        }

        .PageTitle a:hover
        {
            font-size: 13px;
            font-weight: bold;
            /*color: #581802;*/
            position: relative;
            top: 1px;
            left: 1px;
        }

/*首頁中間單元的內容區塊
/*特大標題*/
.PageContent h1
{
	margin: 0;
	font-size: 17px;
	line-height: 21px;
	color: #000000;
	font-style: oblique;
	font-weight: bold;
	width: auto;
	text-align: left;
}

/*一般標題*/
.PageContent li h1, .PageContent li h2, .PageContent li h3, .PageContent li h4, .PageContent li h5, .PageContent li h6
{
    text-align: left;
}

.PageContent h2
{
    margin: 0;
    font-size: 15px;
    line-height: 19px;
    color: #000000;
    font-weight: bold;
    width: auto;
    /*margin:0.5em 0 0.3em 0;*/
}

.PageContent li h2
{
    margin: 0;
    font-size: 15px;
    line-height: 19px;
    color: #000000;
    font-weight: bold;
    margin-top: 0.3em;
    width: auto;
}
/*內容簡述或附註*/
.PageContent h3
{
    margin: 0;
    font-size: 15px;
    line-height: 19px;
    color: #000000;
    font-weight: normal;
    width: auto;
    /*margin:0.5em 0 0.3em 0;*/
}

.PageContent li h3
{
    margin: 0;
    font-size: 15px;
    line-height: 19px;
    color: #000000;
    font-weight: normal;
    margin: 0.3em 0 0.5em 0;
    width: auto;
}
/*次內容、字集更小於h3*/
.PageContent h4
{
    margin: 0;
    font-size: 13px;
    line-height: 17px;
    color: #000000;
    font-weight: normal;
}

/*特殊用大字體*/
.PageContent h5
{
    margin: 0;
    font-size: 17px;
    line-height: 23px;
    color: #993300;
    font-style: normal;
    font-weight: bold;
}

/*更小字體*/
.PageContent h6
{
    margin: 0;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    width: auto;
}

.PageContent li h6
{
    margin: 0;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    width: auto;
}

.PageContent a, .PageContent a:link
{
    font-size: 15px;
    color: #0000FF;
    line-height: 19px;
}

    .PageContent a:visited
    {
        font-size: 15px;
        color: #0000FF;
        line-height: 19px;
    }

    .PageContent a:hover
    {
        line-height: 19px;
        font-size: 15px;
        /*color: #FF0000;*/
        position: relative;
        top: 1px;
        left: 1px;
    }

.PageContent h2 a, .PageContent h2 a:link
{
    font-size: 15px;
    color: #0000FF;
    line-height: 19px;
    font-weight: bold;
}

    .PageContent h2 a:visited
    {
        font-size: 15px;
        color: #0000FF;
        line-height: 19px;
        font-weight: bold;
    }

    .PageContent h2 a:hover
    {
        line-height: 19px;
        font-size: 15px;
        /*color: #FF0000;*/
        font-weight: bold;
        position: relative;
        top: 1px;
        left: 1px;
    }

.PageContent h4 a, .PageContent h4 a:link
{
    font-size: 13px;
    color: #0000FF;
    line-height: 16px;
}

    .PageContent h4 a:visited
    {
        font-size: 13px;
        color: #0000FF;
        line-height: 16px;
    }

    .PageContent h4 a:hover
    {
        line-height: 16px;
        font-size: 13px;
        /*color: #FF0000;*/
        position: relative;
        top: 1px;
        left: 1px;
    }

.PageContent a img
{
    line-height: 21px;
    vertical-align: text-bottom;
}

.PageContent pre
{
    margin: 0;
}

/*更多連結區塊設定*/
.PageContent .More
{
    clear: both;
    text-align: right;
    padding-right: 1em;
}

    .PageContent .More a, .PageContent .More a:link
    {
        font-size: 17px;
        color: #0000FF;
    }

        .PageContent .More a:visited
        {
            font-size: 17px;
            color: #0000FF;
        }

        .PageContent .More a:hover
        {
            font-size: 17px;
            /*color: #0000FF;*/
            position: relative;
            top: 1px;
            left: 1px;
        }

/*進入Detail頁的More連結*/
.PageContent .MoreDetail
{
    float: left;
    text-align: left;
    padding-left: 0.5em;
    font-weight: normal;
}

    .PageContent .MoreDetail a, .PageContent .MoreDetail a:link
    {
        font-size: 13px;
        color: #0000FF;
        font-weight: normal;
        text-align: left;
    }

        .PageContent .MoreDetail a:visited
        {
            font-size: 13px;
            color: #0000FF;
            font-weight: normal;
        }

        .PageContent .MoreDetail a:hover
        {
            font-size: 13px;
            /*color: #0000FF;*/
            font-weight: normal;
            position: relative;
            top: 1px;
            left: 1px;
        }

/*頁腳區塊*/
#bottom
{
    clear: both;
    text-align: center;
    vertical-align: top;
    width: auto; /*default*/
    height: auto; /*default*/
    /*height:60px; /*default*/
    margin-top: 10px; /*default*/
    font-size: 13px; /*default*/
    color: #333333; /*default*/
    line-height: 17px; /*default*/
    padding: 5px;
}


/*資料表格通用設定*/
/*表格開頭列*/ /*Jeff Modify*/
#Input_Content
{
    margin-top: 1.5em;
    margin: 1.5em auto 0 auto;
    text-align: center;
}

.InputTable .TitleTr
{
    background-color: #99CC00;
    text-align: center;
}
/*標題列*/
.InputTable .TitleCol
{
    background-color: #FFFFD7;
    text-align: right;
}
/*資料列*/
.InputTable .DataCol
{
    background-color: #FFFFFF;
    text-align: center;
}

.table_BG
{
    background-color: #CC0066;
}

.Y_GREEN
{
    background-color: #FF6699;
    font-size: 15px;
    color: #FFFFFF;
    letter-spacing: 2px;
    text-align: center;
    font-weight: normal;
}

.TEXT
{
    font-size: 15px;
    color: #000000;
}

.out
{
    background-color: #FFFFFF;
}

.over
{
    background-color: #FFFF99;
}

/*區塊相關設定*/
.NoData
{
    font-size: 13px;
    color: #999;
    text-align: center;
    margin: 10px;
}

.CenterDiv
{
    text-align: center;
    width: 100%;
    /*	margin:10px;*/
}
.PageBar
{
    text-align: center;
}

.RightDiv
{
    text-align: right;
    width: 98s%;
    /*	margin:10px;*/
}

.LeftDiv
{
    text-align: left;
    width: 98%;
    /*	margin:10px;*/
}

/*通用*/
a:hover
{
    color: #FF0000;
}

.pic_around120
{
    border: 1px solid #666666;
    padding: 5px;
    width: 120px;
    height: auto;
    text-align: center;
}

.pic_around160
{
    border: 1px solid #666666;
    padding: 5px;
    width: 160px;
    height: auto;
    text-align: center;
}

.pic_around200
{
    border: 1px solid #666666;
    padding: 5px;
    width: 200px;
    height: auto;
    text-align: center;
}

/* 通用清單設定 */
/*修正使用StandardList時造成的背景破圖*/
/*
.SPForStandardList1{
	padding-top:0.1em;
}

.SPForStandardList2{
	padding-top:1.5em;
}*/

/*清單列表通用樣式*/
ul.NavList1
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    ul.NavList1 li
    {
        border-bottom: solid 1px #999999;
        padding-bottom: 3px;
        margin-bottom: 5px;
    }

ul.StandardList1
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-left: 1.8em;
    /*list-style-image:url(image/title01_orange.gif);*/
}

    ul.StandardList1 li
    {
        padding-left: 1.3em;
        background-image: url(image/title01_orange.gif);
        background-repeat: no-repeat;
        background-position: 3px 8px;
        /*margin-top:0.3em;*/
        margin-bottom: 1.1em;
        display: block;
        width: auto;
        vertical-align: bottom;
    }

/*單行三個連結*/
ul.StandardList2
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    /*margin-top:-1.5em;*/
   /* list-style-image: url(image/title01_orange.gif);*/
}

    ul.StandardList2 li
    {
        width: 170px;
        float: left;
        margin: 0px 0.3em 0.3em;
        padding-left: 1.3em;
        background-image: url(image/title01_orange.gif);
        background-repeat: no-repeat;
        background-position: 3px 10px;
    }

.Line1
{
    width: 100%;
	height:1px;
    background-color: #999999;
}


/* 各頁顯示設定 */
/*School_1學校基本資料*/
/*Discuss_1討論區*/
.Table_bg
{
    background-color: #666666;
}

    .Table_bg .TitleBg
    {
        background-color: #CCCCCC;
        font-size: 15px;
        color: #FFFFFF;
        letter-spacing: 2px;
        text-align: left;
        font-weight: normal;
    }

    .Table_bg .DataBg
    {
        background-color: #FFFFFF;
    }

    .Table_bg .TitleText
    {
        font-size: 15px;
        color: #000;
        text-align: right;
    }

    .Table_bg .DataText
    {
        font-size: 15px;
        color: #000000;
    }

/*最新開課日期*/
.TableWidth
{
    width: 98%;
}

.TableBg
{
    /*background-color:#666;*/
}

.TitleBg
{
    background-color: #CCC;
}

.DataBg
{
    background-color: #EEEEEE;
}

.DataBg1
{
    background-color: DDDDDD;
}

.DataBg2
{
    background-color: #EEEEEE;
}

.DataBg3
{
    background-color: #FFFFFF;
}

.TitleText
{
    font-size: 13px;
    color: #CC3300;
}

.DataText
{
    font-size: 13px;
    color: #000000;
}


/*Carlender_1樣式*/
.BG
{
    background-color: #006600;
}

.WEEK1_5
{
    font-size: 15px;
    color: #006500;
    background-color: #99CC00;
    text-align: center;
}

.WEEK6_7
{
    font-size: 15px;
    background-color: #FFCC00;
    color: #CC3300;
    text-align: center;
}

.day
{
    font-size: 13px;
    color: #000000;
}

.year
{
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #009933;
}

/*意見調查用樣式*/
.Message_1
{
}

    .Message_1 .TableBg
    {
        /*background-color:#FFFFCC;*/
    }

    .Message_1 h1
    {
        margin: 0;
        font-size: 17px;
        line-height: 23px;
        color: #000000;
        font-style: oblique;
        font-weight: bold;
    }

    .Message_1 h2
    {
        margin: 0;
        font-size: 15px;
        line-height: 19px;
        font-weight: normal;
        color: #000000;
    }

    .Message_1 h3
    {
        margin: 0;
        font-size: 15px;
        line-height: 19px;
        font-weight: normal;
        color: #CC0000;
    }

/*Photo_1*/

/*Bulletin_4師資陣容樣式*/
.Teacher
{
    width: 100%;
}

    .Teacher .THead
    {
        background-image: url(image/7.gif);
        background-repeat: no-repeat;
        background-position: center;
        height: 28px;
    }

    .Teacher .TFooter
    {
        background-image: url(image/8.gif);
        background-repeat: no-repeat;
        background-position: center;
        height: 28px;
    }

    .Teacher .TBg
    {
        background-image: url(image/9.gif);
        background-repeat: repeat-y;
        background-position: center;
    }

/*GBook_1留言板樣式*/
.GBook_1
{
    text-align: center;
}

    .GBook_1 h3
    {
        font-size: 13px;
        line-height: 1.3em;
        color: #000000;
        text-align: left;
    }

.GBook_1_HeadFrame
{
    background-color: #FF7575;
    width: 561px;
    height: 25px;
    padding: 3px 15px 0 15px;
}

.GBook_1_BodyFrame
{
    background-color: #FFB9B9;
    width: 561px;
    padding: 3px 15px 3px 15px;
}

.GBook_1_FootFrame
{
    background-image: url(image/12.gif);
    background-position: top center;
    background-repeat: no-repeat;
    width: 561px;
    height: 28px;
}
/*留言板留言者姓名*/
.GUserNM
{
    color: #000099;
    text-align: left;
}

.ReplyBg
{
    padding: 5px 20px;
    background-color: #FFECEC;
}

.ReplyText
{
    font-size: 13px;
    color: #000000;
    text-align: left;
}

.GBook1_Text
{
    font-size: 13px;
    color: #000000;
    text-align: left;
}

.GBook_1 .Message
{
}

.GBook_1 .Seprate
{
}

.GBook_1 .Reply
{
    margin: 1em 3em;
    background-color: #FFFFFF;
    padding: 5px 1.5em;
    text-align: left;
}

/* 頁角預設值 */
.Under_text
{
	font-weight:normal;
	font-size:small;
	font-family:"微軟正黑體", Arial;
}
/*訊息視窗*/
#MsgWindow
{
    padding: 10px;
}


/*QA_1*/
.QA_1_Q
{
    width: 100%;
    margin-top: 0.8em;
    text-align: left;
    padding-left: 25px;
    background: url("image/Q.gif") top left no-repeat;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

.QA_1_A
{
    margin-top: 0.7em;
    /*display:none;*/
    text-align: left;
    padding-left: 25px;
    background: url("image/A.gif") top left no-repeat;
    color: #666;
    font-size: 13px;
}

/*Product_01*/
.PTypeNav
{
    width: 140px;
    text-align: left;
    float: left;
}

ul.TypeNav
{
    margin: 0;
    list-style: none;
    text-align: center;
}

ul.SubTypeNav
{
    list-style: none;
    text-align: left;
    border-left: 3px solid #C8C431;
    margin: 0;
    padding-left: 0.3em;
}

li.SubTypeItem
{
    border-bottom: 1px dotted #CCC;
}

.NowSTI
{
    background-color: #FFCC99;
}

.TypeC01
{
    border-top: 2px solid #C8C431;
    border-right: 3px solid #C8C431;
    border-bottom: 1px solid #C8C431;
}

    .TypeC01 a
    {
        display: block;
        font-size: 17px;
    }

        .TypeC01 a:link, .TypeC01 a:visited
        {
            color: #660066;
            text-decoration: none;
        }

        .TypeC01 a:hover
        {
            text-decoration: none;
            top: 0;
            left: 0;
        }

.SubTypeItem a
{
    display: block;
    font-size: 15px;
}

    .SubTypeItem a:link, .SubTypeItem a:visited
    {
        text-decoration: none;
    }

    .SubTypeItem a:hover
    {
        text-decoration: none;
        top: 0;
        left: 0;
    }

#Product_list
{
    float: left;
    margin-top: -8px;
}

div.Product-list1
{
    text-align: left;
    margin-top: 8px;
    width: 200px;
    height: 180px;
    border: 1px solid #CCC;
    float: left;
    margin-left: 8px;
    position: relative;
}

.ProdNO
{
    display: block;
    color: #BBB;
    font-size: 9px;
}

.Product-list1 .imgDiv
{
    width: 200px;
    height: auto;
    text-align: center;
}

.Product-list1 img
{
    display: block;
}

.Product-list1 .NonIMG
{
    position: absolute;
    bottom: 0;
}

#ProductDetail .NonIMG
{
}

.Product-list1 h3
{
    line-height: 18px;
    font-size: 15px;
}

.Product-Desc, .price, .Pordbrand, .ProdSpec
{
    margin-top: 0.2em;
    display: block;
}

.Product-list1 .Product-Desc
{
    color: #666;
    clear: both;
    display: none;
}

.Product-list1 span.price
{
    color: #FF0000;
}

#ProductDetail .ImgContainer
{
    float: left;
    margin-right: 5px;
    position: relative;
}

#ProductDetail img.prodthumb
{
    padding: 2px;
    border: 1px solid #CCC;
}

#ProductDetail div.zoom
{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 16px;
}

.ImgContainer
{
    text-align: center;
}

    .ImgContainer #zoom img
    {
        vertical-align: bottom;
        cursor: pointer;
        margin-right: 5px;
    }

    .ImgContainer #zoom span
    {
        font-size: 13px;
        color: #999999;
        line-height: 16px;
    }

#ProductDetail .NonIMG h3
{
    color: #000099;
    font-size: 17px;
    font-weight: bold;
}

.HtmlContent
{
    margin-top: 1em;
    border-top: 1px solid #333366;
    clear: both;
    text-align: left;
}