﻿.list-nested
{
    padding: 0;
}
    .list-nested ul
    {
        list-style-type: none;
        margin: 5px;
        padding: 0;
    }
        .list-nested ul li
        {
        }
            .list-nested ul li h2
            {
                margin-top: 2em;
                font-size: 120%;
                text-align: center;
                border-top: 1px dashed #000000;
                border-bottom: 1px dashed #000000;
            }
            .list-nested ul li ul
            {
                list-style-image: url("/Content/css/uibutton/images/bullet_green.png");
            }
                .list-nested ul li ul li
                {
                    margin-left: 30px;
                }

.img-desc
{
    border-top:1px solid rgb(219, 219, 219);
    padding:5px;
    background-color:white;
}
    .img-desc.first
    {
        border-top:none;
    }
    .img-desc .image
    {
        float:left;
        margin:0 10px;
    }
        .img-desc .image img
        {
            border:1px solid rgb(219, 219, 219);
        }
        .img-desc .image .empty
        {
            border: 2px dashed rgb(187, 187, 187);
            border-radius: 5px;
            text-align: center;
            width: 120px;
            height: 40px;
            padding: 40px 0;
        }
    .img-desc .desc
    {
    }
        .img-desc .desc h3
        {
            font-size:125%;
            color:rgb(29, 36, 124);
            font-weight:bold;
            margin:5px 0;
        }
        .img-desc .desc a
        {
            text-decoration:none;
            color:rgb(0,102,204);
        }
        .img-desc .desc .em-green
        {
            font-weight:bold;
            color:rgb(0,153,0);
        }
        .img-desc .desc .em-red
        {
            font-weight:bold;
            color:rgb(153,0,0);
        }
    .img-desc .unfloat
    {
        clear:both;
    }

 /*===========ul 選取清單===========*/
.ul-select { list-style-type:none; margin:0; padding:0;}
.ul-select li { margin:5px; padding:0 10px; font-weight:normal; float:left; overflow:hidden; }
.ul-select h2 { margin:0px; color:rgb(0,102,204);}
.ul-select li.ui-state-active h2 { margin:0px; color:white;text-shadow:2px 2px 2px #333;}
.ul-end { clear:both; }
.ul-select li.size1 { width:120px; min-height:50px; }
.ul-select li.size2 { width:200px; min-height:80px; }
.ul-select li.size3 { width:300px; min-height:120px; }
.ul-select li.sizefix1 { width:120px; height:50px; }
.ul-select li.sizefix2 { width:200px; height:80px; }
.ul-select li.sizefix3 { width:300px; height:120px; }

ul.rectangle
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    ul.rectangle li
    {
        margin: 0 5px;
        padding: 5px 10px;
        float: left;
        color: rgb(0, 102, 204);
        font-size: larger;
    }

        ul.rectangle li:hover
        {
            color: rgb(255, 106, 0);
            cursor: pointer;
        }

        ul.rectangle li.focus
        {
            color: white;
            background-color: rgb(150, 199, 28);
        }
/*========== 3層式ul清單 ==========*/
.list-nested-3l
{
    border: 1px solid rgb(187, 187, 187);
    padding: 0;
    position: absolute;
    background-color: white;
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    z-index:10;
}
    /*第一層*/
    .list-nested-3l ul
    {
        list-style:none;
        margin:0;
        padding:5px;
        overflow:hidden; /*加上此設定，ul才會依內容調整高度*/
    }
        .list-nested-3l ul li
        {
            padding:5px;
        }
            .list-nested-3l ul li span
            {
                padding:3px 10px;
                font-weight:900;
                color:rgb(0,102,204);
            }
                .list-nested-3l ul li span.ui-state-active
                {
                    color:white;
                }
                .list-nested-3l ul li span:hover
                {
                    cursor:pointer;
                    border-bottom: 2px solid rgb(0,102,204);
                }
            /*第二層*/
            .list-nested-3l ul li ul
            {
            }
                .list-nested-3l ul li ul li
                {
                    float:left;
                }
                    .list-nested-3l ul li ul li span
                    {
                        font-weight:bold;
                    }
                        .list-nested-3l ul li ul li span.ui-state-active
                        {
                            color:white;
                        }

                    /*第三層*/
                    .list-nested-3l ul li ul li ul
                    {
                    }
                        .list-nested-3l ul li ul li ul li
                        {
                            clear:both;
                        }
                            .list-nested-3l ul li ul li ul li span
                            {
                                font-weight:normal;
                                color:#333;
                            }
                                .list-nested-3l ul li ul li ul li span.ui-state-active
                                {
                                    font-weight: bold;
                                    color: white;
                                }

/*========== 圖片縮圖Grid方式列表 ==========*/
ul.grid
{
    list-style: none;
    margin: 0;
}
    ul.grid li
    {
        margin: 5px;
        padding: 0;
        font-weight: normal;
        float: left;
        width: 180px;
        height: 180px;
        overflow: hidden;
        text-align: center;
    }
        ul.grid li h2
        {
            width: 170px;
            height:18px;
            color: rgb(0,102,204);
            overflow: hidden;
            font-weight: normal;
        }
            ul.grid li h2:hover
            {
                color: rgb(255, 106, 0);
                cursor: pointer;
            }
        ul.grid li div.empty
        {
            border: 2px dashed rgb(187, 187, 187);
            border-radius: 5px;
            text-align: center;
            max-width: 120px;
            height: 40px;
            margin: 0 auto;
            padding: 40px 0;
        }
    
