html, body
{
    margin: 0;
    height: 100%; /*overflow: hidden;*/
}

body
{
    /*padding-bottom: 25px;*/
    padding-left: 6px;
    padding-right: 16px;
    overflow-x: hidden;
}


/* 頁面 Logo Division */
.Logo
{
    margin-left: 0px; /* 20px */
    margin-top: 0px; /*width: 250px;*/ /*height: 60px;*/
    float: left;
}

/* 頁面 Logo 圖檔大小 */
.imgPageLogo
{
    max-height: 60px;
    min-height: 35px;
    max-width: 200px;
    min-width: 125px;
}

/* 頁面 上面右方顯示按鈕及登入資訊的區塊 */
.ToolBar
{
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 250px;
    height: 60px;
    float: right;
    text-align: right;
}

/* 按鈕 及 登入資訊 Division */
.Buttons, .LoginInfo
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    height: 30px;
    line-height: 30px;
}

.Buttons[disabled], .LoginInfo[disabled]
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    height: 30px;
    line-height: 30px;
    filter: alpha(opacity=30);
    opacity: .30;
}

/* 多國語系下拉選單 */
.ddlCulture
{
    width: 150px;
    vertical-align: super;
}

/* 我的最愛/登入 圖型按鈕 */
.ibtnAddFavorite, .ibtnDelFavorite, .ibtnLogOut
{
    width: 30px;
    height: 30px;
}

.ibtnAddFavorite[disabled], .ibtnDelFavorite[disabled], .ibtnLogOut[disabled]
{
    width: 30px;
    height: 30px;
    filter: alpha(opacity=30);
    opacity: .30;
}

/* 登入小圖檔 */
.imgLoginUser
{
    width: 25px;
    height: 25px;
    vertical-align: bottom;
}

.imgLoginUser[disabled]
{
    width: 25px;
    height: 25px;
    vertical-align: bottom;
    filter: alpha(opacity=30);
    opacity: .30;
}

/* 登入帳號 Label */
.lblLoginInfo
{
}


/* 系統標題 */
.SysTitle
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    font-family: 標楷體, 新細明體, Times New Roman, Arial; /*font-size: 14pt;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    white-space: nowrap;
    padding-left: 0px;
    min-height: 25px;
    padding-top: 2px;
    font-size: x-large;
    text-align: center;
}

/* 程式標題 */
.PrgTitle
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px; /*height: 25px;*/
    font-family: 標楷體, 新細明體, Times New Roman, Arial; /*font-size: 14pt;*/
    font-size: large;
    font-size-adjust: initial;
    text-align: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    white-space: nowrap;
    padding-left: 20px;
    min-height: 25px; /*padding-top: 2px;*/
}

/* 訊息列 */
aside
{
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    height: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* 主版網頁表單 */
.MasterForm
{
    /*margin: 0;*/
    height: 100%; /*overflow: auto;*/ /* hidden */
}

/* 網頁主要內容區塊 */
.page-Content
{
    /*overflow: auto;*/
    width: 100%; /*position: relative;*/ /*top: 145px;*/ /*bottom: 25px;*/ /*padding-left: 5px;*/ /*padding-right: 5px;*/ /* height: 100%; */ /* 2016/01/04 */
}

/* section:網頁程式主要內容 */
section
{
    padding-bottom: auto;
    padding-top: auto;
    margin-top: 0;
}

/* 最下方資訊列，可作為版權宣告使用 */
footer
{
    min-height: 24px; /*position: absolute;*/
    bottom: 0px;
    text-align: center; /*line-height: 24px;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    left: 2px;
    right: 2px;
    clear: both;
}

/* 導覽列 */
nav
{
    z-index: 9999;
    margin-bottom: 0px !important;
}

/* 當第一層選單被觸發時，指定第二層顯示 */
nav ul li:hover > ul
{
    display: block; /*z-index: 9999;*/
}

/* menu bar 寬度不夠時顯示的Button */
.navbar-toggle
{
    padding-bottom: 3px;
    padding-top: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.navbar
{
    min-height: 28px;
    display: table;
    width: 100%;
}

.navbar-nav
{
    margin-bottom: 2px;
    margin-top: 0px;
}

.navbar-nav > li > a
{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}


.navbar-default .navbar-nav > li > a
{
}

.dropdown-menu
{
    padding-top: 0px;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover
{
    text-decoration: none;
}

.nav > li > a
{
    position: relative;
    display: block;
}

.navbar-collapse
{
    padding-left: 0px;
    padding-right: 0px;
}

.dropdown-menu
{
}

.dropdown-menu > li > a
{
    padding: 1px 10px;
}

@media all and (max-width:767px)
{
    .nav > li > a
    {
        padding-left: 15px;
        padding-right: 15px;
    }

    .dropdown-menu
    {
        padding-left: 18px;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a
    {
        padding-bottom: 0px;
        padding-top: 2px;
        padding-left: 18px;
    }

    .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header, .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a
    {
        padding-left: 18px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a
    {
    }


    .navbar-default .navbar-nav > li > a:focus
    {
    }

    .navbar-default .navbar-nav > li > a:hover
    {
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
    {
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
    {
    }



}

@media all and (min-width:768px)
{
    .dropdown-submenu .dropdown-menu
    {
        margin-top: auto;
    }

    .nav > li > a
    {
        padding-left: 7px;
        padding-right: 7px;
    }
}