﻿/*===============================
windows.open的圖的框框 modal.css
================================================================================*/
#sbox-overlay
{
    position: absolute;
    background-color: #000;
    left: 0px;
    top: 0px;
}

#sbox-window
{
    position: absolute;
    background-color: #fff;
    text-align: left;
    overflow: visible;
    padding: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    #sbox-window[aria-hidden=true], #sbox-overlay[aria-hidden=true]
    {
        display: none;
    }

#sbox-btn-close
{
    position: absolute;
    width: 30px;
    height: 30px;
    right: -15px;
    top: -15px;
    background: url(/uploadfile/element/closebox.png) no-repeat center;
    border: none;
}

#sbox-content
{
    clear: both;
    overflow: auto;
    background-color: #fff;
    height: 100%;
    width: 100%;
}

.sbox-content-image img
{
    display: block;
    width: 100%;
    height: 100%;
}
/*===============================
圖和文 k2.css
================================================================================*/
.itemImage a.modal, .itemEditLink a.modal, .catItemEditLink a.modal, .catItemAddLink a.modal
{
    position: inherit;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    margin-left: 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    display: block;
    overflow: hidden;
}

a:active, a:focus
{
    outline: 0;
}

img
{
    border: none;
}

#k2Container
{
    padding: 0 0 24px 0;
}

body.contentpane #k2Container
{
    padding: 16px;
}

.clr
{
    clear: both;
    height: 0;
    line-height: 0;
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    border: none;
}
/*-----------------灰色區塊----------------------*/
div.itemTagsBlock
{
}

    div.itemTagsBlock span
    {
    }

    div.itemTagsBlock ul.itemTags
    {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline;
    }

        div.itemTagsBlock ul.itemTags li
        {
            display: inline;
            list-style: none;
            padding: 0 4px 0 0;
            margin: 0;
            text-align: center;
        }

            div.itemTagsBlock ul.itemTags li a
            {
            }

                div.itemTagsBlock ul.itemTags li a:hover
                {
                }

/*-----------評分本文 css-------------*/
.itemRatingForm
{
    display: block;
    vertical-align: middle;
    line-height: 25px;
    float: left;
}

.itemRatingLog
{
    font-size: 11px;
    margin: 0;
    padding: 0 0 0 4px;
    float: left;
}

div.itemRatingForm .formLogLoading
{
    background: url(loading.gif) no-repeat left center;
    height: 25px;
    padding: 0 0 0 20px;
}

.itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating
{
    background: transparent url(/uploadfile/element/transparent_star.gif) left -1000px repeat-x;
}

.itemRatingList
{
    position: relative;
    float: left;
    width: 125px; /*This list is 5 stars, each star is 25px, therefore it should be 5 x 25px = 125px wide*/
    height: 25px; /* The height of each star is 25px. Since this is a horizontal list, we will set the list height to the height of the star.*/
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    background-position: left top;
}

    .itemRatingList li
    {
        display: inline;
        background: none;
        padding: 0;
    }

    .itemRatingList a, .itemRatingList .itemCurrentRating
    {
        position: absolute;
        top: 0;
        left: 0;
        text-indent: -1000px;
        height: 25px;
        line-height: 25px;
        outline: none;
        overflow: hidden;
        border: none;
        cursor: pointer;
    }

        .itemRatingList a:hover
        {
            background-position: left bottom;
        }

        .itemRatingList a.one-star
        {
            width: 20%;
            z-index: 6;
        }

        .itemRatingList a.two-stars
        {
            width: 40%;
            z-index: 5;
        }

        .itemRatingList a.three-stars
        {
            width: 60%;
            z-index: 4;
        }

        .itemRatingList a.four-stars
        {
            width: 80%;
            z-index: 3;
        }

        .itemRatingList a.five-stars
        {
            width: 100%;
            z-index: 2;
        }

    .itemRatingList .itemCurrentRating
    {
        z-index: 1;
        background-position: 0 center;
        margin: 0;
        padding: 0;
    }

/*--------最外圍的class 整體的位置配置-------*/

div.itemView
{
    padding: 8px 0 24px 0;
    margin: 0 0 30px 0;
}

div.itemHeader
{
}

    div.itemHeader span.itemDateCreated
    {
    }

    div.itemHeader h2.itemTitle
    {
    }

        div.itemHeader h2.itemTitle span
        {
        }

            div.itemHeader h2.itemTitle span sup
            {
                font-size: 12px;
                color: #CF1919;
                text-decoration: none;
            }

    div.itemHeader span.itemAuthor
    {
        display: block;
        padding: 0;
        margin: 0;
    }

        div.itemHeader span.itemAuthor a
        {
        }

            div.itemHeader span.itemAuthor a:hover
            {
            }
/*--------------字型大小選擇及列印區----------------*/
div.itemToolbar
{
}

    div.itemToolbar ul
    {
        text-align: right;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        div.itemToolbar ul li
        {
            display: inline;
            list-style: none;
            padding: 0 4px 0 8px;
            margin: 0;
            border-left: 1px solid #ccc;
            text-align: center;
            background: none;
            font-size: 12px;
        }

        div.itemToolbar ul > li:first-child
        {
            border: none;
        }

        div.itemToolbar ul li a
        {
            font-size: 12px;
            font-weight: normal;
        }

            div.itemToolbar ul li a:hover
            {
            }

            div.itemToolbar ul li a span
            {
            }

            div.itemToolbar ul li a.itemPrintLink
            {
                color: #ff6a00;
            }

                div.itemToolbar ul li a.itemPrintLink span
                {
                }

            div.itemToolbar ul li a.itemEmailLink
            {
                color: #ff6a00;
            }

                div.itemToolbar ul li a.itemEmailLink span
                {
                }

            div.itemToolbar ul li a.itemVideoLink
            {
            }

                div.itemToolbar ul li a.itemVideoLink span
                {
                }

            div.itemToolbar ul li a.itemImageGalleryLink
            {
            }

                div.itemToolbar ul li a.itemImageGalleryLink span
                {
                }

            div.itemToolbar ul li a.itemCommentsLink
            {
            }

                div.itemToolbar ul li a.itemCommentsLink span
                {
                }

            div.itemToolbar ul li a img
            {
                vertical-align: middle;
            }

        div.itemToolbar ul li span.itemTextResizerTitle
        {
        }
        /*字級大小變換icon的樣式*/
        div.itemToolbar ul li a#fontDecrease
        {
            margin: 0 0 0 2px;
            color: #FF8800;
        }

            div.itemToolbar ul li a#fontDecrease img
            {
                width: 13px;
                height: 13px;
            }

        div.itemToolbar ul li a#fontIncrease
        {
            margin: 0 0 0 2px;
            color: #FF8800;
        }

            div.itemToolbar ul li a#fontIncrease img
            {
                width: 13px;
                height: 13px;
            }

            div.itemToolbar ul li a#fontDecrease span, div.itemToolbar ul li a#fontIncrease span
            {
                display: none;
            }
/*-------------評分本文 區塊最外圍的css 控置此區的配置----------------*/
div.itemRatingBlock
{
    float: left;
}

    div.itemRatingBlock span
    {
        display: block;
        float: left;
        font-style: normal;
        padding: 0 4px 0 0;
        margin: 0;
        color: #999;
    }
/*--------------相簿區和社群icon區塊的padding-----------------------*/
div.itemBody
{
    padding: 8px 0;
    margin: 0;
}
/*--------------文章圖片的css-----------------------*/
span.itemImage img
{
    position: relative;
    /*z-index: -1;*/
}

/*----------------文章區-------------------------*/

div.itemIntroText
{
}

    div.itemIntroText img
    {
    }

div.itemFullText
{
}

    div.itemFullText h3
    {
        margin: 0;
        padding: 0px 0 0px 0;
    }

    div.itemFullText p
    {
    }

    div.itemFullText img
    {
    }

.smallerFontSize
{
    font-size: 100%;
    line-height: inherit;
}

.largerFontSize
{
    font-size: 150%;
    line-height: 140%;
}