/***********************************************
*               【聚星幫】CSS                  *
*                2013/08/15                    *
*           ⓒ Design By Samuel Chin           *
************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 1em;
    vertical-align: baseline;
    background: transparent;
}

ul
{
    list-style: none;
}

ol
{
    list-style: none;
}

blockquote, q
{
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after
    {
        content: '';
        content: none;
    }

:focus
{
    outline: 0;
}

ins
{
    text-decoration: none;
}

del
{
    text-decoration: line-through;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

a
{
    text-decoration: none;
    color: #0066FF;
}

    a:hover
    {
        text-decoration: none;
        color: #F38923;
    }

@font-face
{
    font-family: 'FontAwesome';
    src: url('/Styles/font/fontawesome-webfont.eot');
    src: url('/Styles/font/fontawesome-webfont.eot?#iefix') format ('embedded-opentype'), url('/Styles/font/fontawesome-webfont.woff') format('woff'), url('/Styles/font/fontawesome-webfont.ttf') format('truetype'), url ('/Styles/font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('/Styles/font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/**/
body
{
    background-color: #D9D9D9;
    background-color: #D9D9D9;
    background: url("http://image.gs8.com.tw/image/sys/main_bg.gif") left top repeat;
}

H1
{
    font-family: Microsoft JhengHei;
    font-size: 2em;
    font-weight: bold;
}

H2
{
    font-family: Microsoft JhengHei;
    font-size: 1.5em;
    font-weight: bold;
}

H3
{
    font-family: Microsoft JhengHei;
    font-size: 1.17em;
    font-weight: bold;
}

H4
{
    font-family: Microsoft JhengHei;
    font-size: 1em;
    font-weight: bold;
}

H5
{
    font-family: Microsoft JhengHei;
    font-size: 0.83em;
    font-weight: bold;
}

H6
{
    font-family: Microsoft JhengHei;
    font-size: 0.75em;
    font-weight: bold;
}

big
{
    font-family: Microsoft JhengHei;
    font-size: 1.17em;
    font-weight: bold;
}

small
{
    font-family: Microsoft JhengHei;
    font-size: 0.83em;
    font-weight: bold;
}

#main
{
}

#wrapper
{
}
/*-----------------------主版面設定-----------------------*/
/*天*/
#header
{
    font-family: Microsoft JhengHei;
    font-weight: bold;
    height: 50px;
    background: rgba( 0, 0, 0, 0.8 );
    background: #000 9; /*CSS Hack,只能對ie9以下瀏覽器ie6,ie7,ie8有效，否側ie10,FF,Cherome會失去透明效果*/
    filter: Alpha(opacity= 80 ); /*只對ie7,ie8有效*/
    behavior: url(http://blog.gs8.com.tw/Styles/PIE.htc);
}

.navbar-fixed-top
{
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
}






@media screen and (max-width: 767px)
{
    .main_body
    {
        max-width: 100%;
        margin: 0px auto;
    }

    .bannerShowHied
    {
        display: inherit;
        visibility: visible;
    }
    .width-L-20p
    {
        width: 20%;
    }
    .width-L-19p
    {
        width: 19%;
    }
    .width-L-10p
    {
        width: 10%;
    }
    .iframestyle
    {
        width:100%;
        height:150px;
    }
    .width-L-25p
    {
        width: 25%;
    }

    .width-L-30p
    {
        width: 30%;
    }

    .width-C-40p
    {
        width: 40%;
    }

    .width-R-30p
    {
        width: 30%;
    }

    .width-L-50p
    {
        width: 50%;
    }

    .width-L-70p
    {
        width: 70%;
    }

    .width-L-16p
    {
        width: 16%;
    }

    .width-L-83p
    {
        width: 83%;
    }

    .ImagebannerShowHied
    {
        display: inherit;
        visibility: visible;
    }

    .LinkFloat
    {
        text-align: center;
        margin-bottom: 10px;
    }

    .float20_50
    {
        width: 25%;
    }

    .news_left_box
    {
        width: 75%;
        float: left;
        overflow: hidden;
        display: inline;
    }

    .news_right_box
    {
        width: 25%;
        float: left;
        display: inline;
    }

    .news_right_box_top
    {
    }

        .news_right_box_top .TopicImage
        {
            width: 100%;
        }

        .news_right_box_top .TopicContent
        {
            width: 100%;
        }

        .news_right_box_top .TopicDetail
        {
            display: none;
        }

    .news_right_box_bottom
    {
        margin-bottom: 10px;
        display: inline;
    }

    .news_right_box_bottom_title
    {
        padding: 5px;
        font-family: Microsoft JhengHei;
        font-weight: bold;
        color: #333333;
    }

    .comments
    {
        margin-top: 10px;
    }

    .comments2
    {
        display: none;
    }
}

@media screen and (max-width: 640px)
{
    .main_body
    {
        max-width: 100%;
        margin: 0px auto;
    }

    .bannerShowHied
    {
        display: none;
        visibility: hidden;
    }
    .width-L-20p
    {
        width: 100%;
    }
    .width-L-19p
    {
        width: 100%;
    }
    .width-L-10p
    {
        width: 100%;
    }
    .width-L-25p
    {
        width: 50%;
    }
    .iframestyle
    {
        width:100%;
        height:270px;
    }
    .width-L-30p
    {
        width: 100%;
    }

    .width-C-40p
    {
        width: 100%;
    }

    .width-R-30p
    {
        width: 100%;
    }

    .width-L-50p
    {
        width: 100%;
    }

    .width-L-70p
    {
        width: 100%;
    }

    .width-L-16p
    {
        width: 100%;
    }

    .width-L-83p
    {
        width: 100%;
    }

    .ImagebannerShowHied
    {
        display: none;
        visibility: hidden;
    }

    .LinkFloat
    {
        text-align: center;
        float: left;
        display: inline-block;
        margin-right: 10px;
    }

    .float20_50
    {
        width: 50%;
    }

    .list_float
    {
        width: 100%;
    }

    .RadMenu_Visble
    {
        visibility: hidden;
    }

    .MenuPanel2_Visble
    {
        visibility: visible;
    }

    .news_left_box
    {
        width: 100%;
        overflow: hidden;
    }

    .news_right_box
    {
        width: 100%;
        position: relative;
    }

    .news_right_box_top
    {
        width: 100%;
        position: relative;
    }

        .news_right_box_top .TopicImage
        {
            padding: 10px;
            width: 20%;
            float: left;
        }

        .news_right_box_top .TopicContent
        {
            width: 100%;
        }

        .news_right_box_top .TopicDetail
        {
            display: inherit;
            visibility: visible;
            font-size: 0.83em;
        }

    .news_right_box_bottom
    {
        width: 100%;
    }

    .news_right_box_bottom_title
    {
        display: none;
    }

    .comments2
    {
        margin-top: 10px;
        display: inherit;
    }
}

@media screen and (max-width: 330px)
{
    .main_body
    {
        max-width: 100%;
        margin: 0px auto;
    }

    .bannerShowHied
    {
        display: none;
        visibility: hidden;
    }
    .width-L-20p
    {
        width: 100%;
    }
    .width-L-19p
    {
        width: 100%;
    }
    .width-L-10p
    {
        width: 100%;
    }
    .iframestyle
    {
        width:100%;
        height:270px;
    }
    .width-L-25p
    {
        width: 50%;
    }

    .width-L-30p
    {
        width: 100%;
    }

    .width-C-40p
    {
        width: 100%;
    }

    .width-R-30p
    {
        width: 100%;
    }

    .width-L-50p
    {
        width: 100%;
    }

    .width-L-70p
    {
        width: 100%;
    }

    .width-L-16p
    {
        width: 100%;
    }

    .width-L-83p
    {
        width: 100%;
    }

    .ImagebannerShowHied
    {
        display: none;
        visibility: hidden;
    }

    .LinkFloat
    {
        text-align: center;
        float: left;
        display: inline-block;
        margin-right: 10px;
    }

    .float20_50
    {
        width: 50%;
    }
}

@media screen and (min-width: 768px) and (max-width: 979px)
{
    .main_body
    {
        max-width: 100%;
        margin: 0px auto;
    }

    .bannerShowHied
    {
        display: inherit;
        visibility: visible;
    }
    .width-L-20p
    {
        width: 20%;
    }
    .width-L-19p
    {
        width: 19%;
    }
    .iframestyle
    {
        width:100%;
        height:98px;
    }
    .width-L-10p
    {
        width: 10%;
    }
    .width-L-25p
    {
        width: 25%;
    }

    .width-L-30p
    {
        width: 30%;
    }

    .width-C-40p
    {
        width: 40%;
    }

    .width-L-50p
    {
        width: 50%;
    }

    .width-R-30p
    {
        width: 30%;
    }

    .width-L-70p
    {
        width: 70%;
    }

    .width-L-16p
    {
        width: 16%;
    }

    .width-L-83p
    {
        width: 83%;
    }

    .ImagebannerShowHied
    {
        display: inherit;
        visibility: visible;
    }

    .LinkFloat
    {
        text-align: center;
        margin-bottom: 10px;
    }

    .list_float
    {
        float: left;
        width: 33%;
    }

    .RadMenu_Visble
    {
    }

    .MenuPanel2_Visble
    {
        visibility: hidden;
    }

    .news_left_box
    {
        width: 75%;
        float: left;
        overflow: hidden;
        display: inline;
    }

    .news_right_box
    {
        width: 25%;
        float: left;
        display: inline;
    }

    .news_right_box_top
    {
    }

        .news_right_box_top .TopicImage
        {
            width: 100%;
        }

        .news_right_box_top .TopicContent
        {
            width: 100%;
        }

        .news_right_box_top .TopicDetail
        {
            display: none;
        }

    .news_right_box_bottom_title
    {
        padding: 5px;
        margin-bottom: 5px;
        font-family: Microsoft JhengHei;
        font-weight: bold;
        color: #333333;
    }

    .comments
    {
        margin-top: 10px;
    }

    .comments2
    {
        display: none;
    }
}

@media screen and (min-width: 980px)
{
    .main_body
    {
        max-width: 970px;
        margin: 0px auto;
    }

    .bannerShowHied
    {
        display: inherit;
        visibility: visible;
    }
    .width-L-20p
    {
        width: 20%;
    }
    .width-L-19p
    {
        width: 19%;
    }
    .iframestyle
    {
        width:100%;
        height:98px;
    }
    .width-L-10p
    {
        width: 10%;
    }
    .width-L-25p
    {
        width: 25%;
    }

    .width-L-30p
    {
        width: 30%;
    }

    .width-C-40p
    {
        width: 40%;
    }

    .width-L-50p
    {
        width: 50%;
    }

    .width-R-30p
    {
        width: 30%;
    }

    .width-L-70p
    {
        width: 70%;
    }

    .width-L-16p
    {
        width: 16%;
    }

    .width-L-83p
    {
        width: 83%;
    }

    .ImagebannerShowHied
    {
        display: inherit;
        visibility: visible;
    }

    .LinkFloat
    {
        text-align: center;
        margin-bottom: 10px;
    }

    .list_float
    {
        float: left;
        width: 33%;
    }

    .RadMenu_Visble
    {
    }

    .MenuPanel2_Visble
    {
        visibility: hidden;
    }

    .news_left_box
    {
        width: 75%;
        float: left;
        overflow: hidden;
        display: inline;
    }

    .news_right_box
    {
        width: 25%;
        float: left;
        display: inline;
    }

    .news_right_box_top
    {
    }

        .news_right_box_top .TopicImage
        {
            width: 100%;
        }

        .news_right_box_top .TopicContent
        {
            width: 100%;
        }

        .news_right_box_top .TopicDetail
        {
            display: none;
        }

    .news_right_box_bottom_title
    {
        padding: 5px;
        margin-bottom: 5px;
        font-family: Microsoft JhengHei;
        font-weight: bold;
        color: #333333;
    }

    .comments
    {
        margin-top: 10px;
    }

    .comments2
    {
        display: none;
    }
}

@media screen and (min-width: 1200px)
{
    .main_body
    {
        max-width: 970px;
        margin: 0px auto;
    }

    .bannerShowHied
    {
        display: inherit;
        visibility: visible;
    }
    .width-L-20p
    {
        width: 20%;
    }
    .width-L-19p
    {
        width: 19%;
    }
    .iframestyle
    {
        width:100%;
        height:98px;
    }
    .width-L-10p
    {
        width: 10%;
    }
    .width-L-25p
    {
        width: 25%;
    }

    .width-L-30p
    {
        width: 30%;
    }

    .width-C-40p
    {
        width: 40%;
    }

    .width-L-50p
    {
        width: 50%;
    }

    .width-R-30p
    {
        width: 30%;
    }

    .width-L-70p
    {
        width: 70%;
    }

    .width-L-16p
    {
        width: 16%;
    }

    .width-L-83p
    {
        width: 83%;
    }

    .ImagebannerShowHied
    {
        display: inherit;
        visibility: visible;
    }

    .LinkFloat
    {
        text-align: center;
        margin-bottom: 10px;
    }

    .list_float
    {
        float: left;
        width: 33%;
    }

    .RadMenu_Visble
    {
    }

    .MenuPanel2_Visble
    {
        visibility: hidden;
    }

    .news_left_box
    {
        width: 75%;
        float: left;
        overflow: hidden;
        display: inline;
    }

    .news_right_box
    {
        width: 25%;
        float: left;
        display: inline;
    }

    .news_right_box_top
    {
    }

        .news_right_box_top .TopicImage
        {
            width: 100%;
        }

        .news_right_box_top .TopicContent
        {
            width: 100%;
        }

        .news_right_box_top .TopicDetail
        {
            display: none;
        }

    .news_right_box_bottom_title
    {
        padding: 5px;
        margin-bottom: 5px;
        font-family: Microsoft JhengHei;
        font-weight: bold;
        color: #333333;
    }

    .comments
    {
        margin-top: 10px;
    }

    .comments2
    {
        display: none;
    }
}

.mobile
{
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
    height: 50px;
    background-color: #000000;
}

.sulogo
{
    float: left;
    width: 45px;
    height: 40px;
    left: 0;
    top: 0;
    display: block;
    cursor: pointer;
}

    .sulogo div
    {
        width: 32px;
        height: 32px;
        left: 7px;
        top: 3px;
        margin-left: -1px;
        background: url('http://image.gs8.com.tw/image/logo30X30.png') no-repeat; /* Dribbble(c) example icon */
        -webkit-animation: spin1 3s infinite linear;
        -moz-animation: spin1 3s infinite linear;
        -o-animation: spin1 3s infinite linear;
        -ms-animation: spin1 3s infinite linear;
        animation: spin1 3s infinite linear;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
    }

    .sulogo:hover div
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
    }

.header_nav
{
    margin: 0px auto;
    min-width: 300px;
    max-width: 970px;
}

#container
{
    margin: 0px auto 0px auto;
    max-width: 960px;
}

.footer
{
    padding: 5px;
    border-style: none;
    background-color: #1F2637;
}

#footerInner1
{
    padding: 30px 0 15px;
    border-bottom: 1px solid #171d2c;
}

.footerTit
{
    float: left;
    font-size: 0;
    display: block;
}

#otherNav
{
    float: right;
}

    #otherNav ul
    {
        border-right: 1px solid #171d2c;
        border-left: 1px solid #2d3445;
    }

    #otherNav li
    {
        float: left;
        padding: 0 15px 0 20px;
        font-size: 0.83em;
        line-height: 1.2;
        border-right: 1px solid #2d3445;
        border-left: 1px solid #171d2c;
        display: list-item;
        text-align: -webkit-match-parent;
        background: url(http://image.gs8.com.tw/image/sys/footer_ico_arrow1.png) no-repeat 12px center;
        font-family: Microsoft JhengHei;
        font-weight: bolder;
    }

        #otherNav li a
        {
            color: #FFFFFF;
            padding-right: 15px;
            background: url(http://image.gs8.com.tw/image/sys/common_ico_whiteblank.png) no-repeat right center;
        }

            #otherNav li a:hover
            {
                color: #FF0066;
                text-decoration: underline;
            }

/*地*/
#footerInner2
{
    border-top: 1px solid #2d3445;
    border-bottom: 1px solid #171d2c;
}

    #footerInner2 p
    {
        margin: 15px 0;
        font-size: 0.83em;
        line-height: 1.2;
    }

        #footerInner2 p a
        {
            font-family: Microsoft JhengHei;
            font-weight: bolder;
            color: #FFFFFF;
            padding-left: 15px;
            margin-left: 5px;
            background: url(http://image.gs8.com.tw/image/sys/common_ico_arrow_on.png) no-repeat left center;
        }

            #footerInner2 p a:hover
            {
                color: #FF0066;
                background: url(http://image.gs8.com.tw/image/sys/common_ico_arrow_on.png) no-repeat left center;
            }

.footerInner2
{
    padding: 10px;
    border-top: 1px solid #2d3445;
    border-bottom: 1px solid #171d2c;
    background-color: #1F2637;
}

    .footerInner2 a
    {
        font-family: Microsoft JhengHei;
        font-weight: bolder;
        color: #FFFFFF;
        padding-left: 15px;
        background: url(http://image.gs8.com.tw/image/sys/common_ico_arrow_on.png) no-repeat left center;
    }

        .footerInner2 a:hover
        {
            color: #FF0066;
            padding-left: 15px;
            background: url(http://image.gs8.com.tw/image/sys/common_ico_arrow_on.png) no-repeat left center;
        }

#footerInner3
{
    border-top: 1px solid #2d3445;
}

    #footerInner3 p
    {
        font-size: 0.83em;
        line-height: 1.2;
        padding: 5px;
        position: relative;
    }

.footerLinkTitle
{
    border-top: 1px solid #2d3445;
    border-bottom: 1px solid #171d2c;
}

    .footerLinkTitle a
    {
        color: #FF0066;
        padding-right: 15px;
        background: url(http://image.gs8.com.tw/image/sys/common_ico_whiteblank.png) no-repeat right center;
    }

        .footerLinkTitle a:hover
        {
            color: #FFF;
        }


.footerLinkList a
{
    color: #FFFFFF;
    padding-left: 15px;
    background: url(http://image.gs8.com.tw/image/sys/common_ico_arrow_on.png) no-repeat left center;
}

    .footerLinkList a:hover
    {
        color: #FF0066;
    }

.guild
{
    margin: 0px auto;
    max-width: 960px;
    min-width: 320px;
    border-style: none;
    color: #FFFFFF;
}

#copyright
{
    padding: 5px;
    background-color: #000000;
    text-align: center;
    font-size: 0.7em;
    color: #FFFFFF;
}

#footerMenu
{
    font-family: Microsoft JhengHei;
    font-weight: bold;
    height: 50px;
    background: rgba( 0, 0, 0, 0.9 );
    background: #000 9; /*CSS Hack,只能對ie9以下瀏覽器ie6,ie7,ie8有效，否側ie10,FF,Cherome會失去透明效果*/
    filter: Alpha(opacity= 90 ); /*只對ie7,ie8有效*/
    behavior: url(http://blog.gs8.com.tw/Styles/PIE.htc);
}

.mynavbar-fixed-bottom
{
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
    bottom: 0px;
}

    .mynavbar-fixed-bottom .GoTop
    {
        padding: 10px 20px 10px 10px;
        float: right;
    }

        .mynavbar-fixed-bottom .GoTop a
        {
            position: relative;
            font-family: 'Arial Unicode MS';
            font-weight: bold;
            color: #FFFFFF;
        }

            .mynavbar-fixed-bottom .GoTop a:before
            {
                content: "\f0aa";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal; /*--adjust as necessary--*/
                font-size: 2em;
                padding-right: 5px;
                top: 10px;
                left: 0;
            }

    .mynavbar-fixed-bottom .GoFacebool
    {
        float: right;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    }

        .mynavbar-fixed-bottom .GoFacebool a
        {
            position: relative;
            font-family: 'Arial Unicode MS';
            font-weight: bold;
            color: #FFFFFF;
        }

            .mynavbar-fixed-bottom .GoFacebool a:before
            {
                content: "\f082";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal; /*--adjust as necessary--*/
                font-size: 2em;
                padding-right: 5px;
                top: 10px;
                left: 0;
            }

    .mynavbar-fixed-bottom .QuickLink
    {
        padding: 10px 10px 10px 50px;
        float: left;
    }

dt
{
    display: block;
    position: relative;
}

.mihight
{
    min-height: 800px;
    height: auto !important;
    height: 800px;
}

.mihight600
{
    min-height: 600px;
    height: auto !important;
    height: 600px;
}

.header_link
{
    position: fixed;
    top: 0;
    z-index: 996;
    background-color: #000000;
    font-size: 0.83em;
    color: #FFFFFF;
    display: inline-block;
    font-family: Microsoft JhengHei;
    right: 0px;
    left: 0px;
    width: 100%;
}

.film_title_list
{
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #000000;
    height: 450px;
    overflow: hidden;
}
/*-------------------------------------------------------------------------------------------------------*\
                                                聚星幫首頁 
                                                作者：秦孝誠
                                                日期：2013-10-21
                                 https://plus.google.com/101271992058572427440/posts          
    \*-------------------------------------------------------------------------------------------------------*/
#banner_index
{
    width: 100%;
    height: 330px;
    background: #fefcea; /* Old browsers */
    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top, #fceabb 0%, #f8b500 55%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(55%,#f8b500)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fceabb 0%,#f8b500 55%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fceabb 0%,#f8b500 55%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fceabb 0%,#f8b500 55%); /* IE10+ */
    background: linear-gradient(to bottom, #fceabb 0%,#f8b500 55%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f8b500',GradientType=0 );
    margin-bottom: 5px;
}

.index_BoxOffice
{
    background: #20668D; /* Old browsers */
    background: -moz-linear-gradient(top, #20668D 0%, #009999 55%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20668D), color-stop(55%,#009999)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #20668D 0%,#009999 55%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #20668D 0%,#009999 55%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #20668D 0%,#009999 55%); /* IE10+ */
    background: linear-gradient(to bottom, #20668D 0%,#009999 55%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20668D', endColorstr='#009999',GradientType=0 );
}

.index_BoxOffice_pink
{
    background: rgb(255,93,177); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZiYTZlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZkODlkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjAxN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgb(255,93,177) 0%, rgb(251,166,225) 50%, rgb(253,137,215) 51%, rgb(239,1,124) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,93,177)), color-stop(50%,rgb(251,166,225)), color-stop(51%,rgb(253,137,215)), color-stop(100%,rgb(239,1,124))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(255,93,177) 0%,rgb(251,166,225) 50%,rgb(253,137,215) 51%,rgb(239,1,124) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(255,93,177) 0%,rgb(251,166,225) 50%,rgb(253,137,215) 51%,rgb(239,1,124) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(255,93,177) 0%,rgb(251,166,225) 50%,rgb(253,137,215) 51%,rgb(239,1,124) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(255,93,177) 0%,rgb(251,166,225) 50%,rgb(253,137,215) 51%,rgb(239,1,124) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-8 */
}

.index_title
{
    padding: 10px;
    font-size: 1em;
    font-family: Microsoft JhengHei;
    font-weight: bolder;
    color: #FFFFFF;
    background-color: #1A1A1A;
    text-align: center;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #2A282B;
    border-bottom-color: #2A282B;
    color: #F8B500;
}

.Custom a
{
    color: #FF0066;
    font-weight: bold;
    font-family: Microsoft JhengHei;
}

    .Custom a:hover
    {
        color: #FF9900;
    }

.Download_image
{
    max-width: 210px;
    max-height: 210px;
    height: auto;
    zoom: expression( function(e) {
if(e.width>e.height) {if (e.width>210) { e.height = e.height*(210 /e.width); e.width=210; }}
else {if (e.height>210) { e.width = e.width*(210 /e.height); e.height=210; }}
e.style.zoom = '1';     }(this));
    overflow: hidden;
}

.news_image
{
    max-width: 101px;
    max-height: 150px;
    height: auto;
    zoom: expression( function(e) {
if(e.width>e.height) {if (e.width>101) { e.height = e.height*(101 /e.width); e.width=101; }}
else {if (e.height>101) { e.width = e.width*(101 /e.height); e.height=101; }}
e.style.zoom = '1';     }(this));
    overflow: hidden;
}

.news_image2
{
    max-width: 250px;
    -moz-box-shadow: 0px 0px 5px #999999; /* Firefox */
    -webkit-box-shadow: 0px 0px 5px #999999; /* Safari and Chrome */
    box-shadow: 0px 0px 5px #999999; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    behavior: url(http://blog.gs8.com.tw/Styles/PIE.htc);
}

.news_image3
{
    padding: 5px;
    float: left;
    width: 31%;
    overflow: hidden;
}

.index_box
{
    border-style: none;
    padding: 5px;
    background-color: #FFFFFF;
    border: 1px solid #666666;
    -webkit-border: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px -1px 5px #999999; /* Firefox */
    -webkit-box-shadow: 0px -1px 5px #999999; /* Safari and Chrome */
    box-shadow: 0px -1px 5px #999999; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    behavior: url(http://blog.gs8.com.tw/Styles/PIE.htc);
    position: relative;
}

.index_box_more
{
    margin: 0px auto 0px auto;
    padding: 5px;
    color: #F8B500;
    font-size: 0.83em;
    background-color: #1A1A1A;
    width: 200px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-radius: 0px 0px 10px 10px;
    behavior: url(http://blog.gs8.com.tw/Styles/PIE.htc);
}

    .index_box_more a
    {
        color: #FFFFFF;
        padding-right: 15px;
        background: url(http://image.gs8.com.tw/image/sys/common_ico_whiteblank.png) no-repeat right center;
    }

        .index_box_more a:hover
        {
            color: #FF0066;
            text-decoration: underline;
        }

.starHotNews
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    padding: 10px;
}

    .starHotNews a
    {
        color: #0099FF;
    }

        .starHotNews a:hover
        {
            color: #FF0066;
        }
/*電影主題列表頁*/
#banner_cinema
{
    width: 100%;
    height: 90px;
    background: #fefcea; /* Old browsers */
    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top, #fceabb 0%, #f8b500 55%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(55%,#f8b500)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fceabb 0%,#f8b500 55%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fceabb 0%,#f8b500 55%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fceabb 0%,#f8b500 55%); /* IE10+ */
    background: linear-gradient(to bottom, #fceabb 0%,#f8b500 55%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f8b500',GradientType=0 );
}

.select_box
{
    border-style: none;
    padding: 5px;
    background-color: #1A1A1A;
    box-shadow: 0px -2px 10px #999999; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    behavior: url(http://blog.gs8.com.tw/Styles/PIE.htc);
    position: relative;
}

.list_box_cinema
{
    border-style: none;
    padding: 5px;
    background-color: #1A1A1A;
    border: 1px solid #666666;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-radius: 0px 0px 10px 10px;
    -moz-box-shadow: 0px -1px 5px #999999; /* Firefox */
    -webkit-box-shadow: 0px -1px 5px #999999; /* Safari and Chrome */
    box-shadow: 0px -1px 5px #999999; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    behavior: url(http://blog.gs8.com.tw/Styles/PIE.htc);
    position: relative;
}

.no_dada
{
    background: #fefcea; /* Old browsers */
    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top, #fceabb 0%, #f8b500 55%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(55%,#f8b500)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fceabb 0%,#f8b500 55%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fceabb 0%,#f8b500 55%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fceabb 0%,#f8b500 55%); /* IE10+ */
    background: linear-gradient(to bottom, #fceabb 0%,#f8b500 55%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f8b500',GradientType=0 ); /* IE6-9 */
}

#MovieList
{
    max-width: 800px;
    vertical-align: top;
}

#MovieBanner
{
    vertical-align: top;
    max-width: 160px;
    background: #fefcea; /* Old browsers */
    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top, #fceabb 0%, #f8b500 55%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(55%,#f8b500)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fceabb 0%,#f8b500 55%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fceabb 0%,#f8b500 55%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fceabb 0%,#f8b500 55%); /* IE10+ */
    background: linear-gradient(to bottom, #fceabb 0%,#f8b500 55%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f8b500',GradientType=0 );
}

    #MovieBanner .banner
    {
        width: 160px;
        height: 600px;
    }

#MovieList .image
{
    width: 194px;
    height: 287px;
    overflow: hidden;
    border: 2px outset #666666;
}

#MovieList .title
{
    padding: 5px;
    width: 184px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
}

#MovieList .en_name
{
    padding: 5px;
    font-size: 0.75em;
    width: 184px;
    overflow: hidden;
    color: #FFFFFF;
    height: 17px;
}

#MovieList .date
{
    padding: 5px;
    font-size: 0.75em;
    width: 184px;
    overflow: hidden;
    color: #FFFFFF;
    height: 17px;
}

#MovieList .tag
{
    padding: 5px;
    font-family: Microsoft JhengHei;
    font-size: 0.75em;
    width: 184px;
    overflow: hidden;
}
/*-----------------------------------------新聞細頁-----------------------------------------*/
.nav2
{
    padding: 10px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #FF6600;
    font-size: 0.83em;
    font-family: Microsoft JhengHei;
    font-weight: bold;
}

.title
{
    padding: 5px;
    border-left-style: solid;
    border-left-width: 10px;
    border-left-color: #45AFBD;
}

.s
{
    font-size: 3em;
    font-weight: bold;
    float: left;
    color: #666666;
}

.g
{
    font-size: 1.67em;
    margin-top: -5px;
    float: left;
    color: #666666;
}

.nav_icon
{
    font-size: 1.5em;
    color: #FFFFFF;
    border-style: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    border-radius: 35px 35px 35px 35px;
    behavior: url(http://blog.gs8.com.tw/Styles/PIE.htc);
    position: relative;
    width: 24px;
    height: 24px;
    background-color: #FF6600;
    -webkit-animation: spin1 5s infinite linear;
    -moz-animation: spin1 5s infinite linear;
    -o-animation: spin1 5s infinite linear;
    -ms-animation: spin1 5s infinite linear;
    animation: spin1 5s infinite linear;
    display: block;
    float: left;
    margin-right: 2px;
    margin-left: 2px;
}

.taglink a:before
{
    content: "\f02b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal; /*--adjust as necessary--*/
    padding-right: 5px;
    top: 10px;
    left: 0;
}

.taglink2 a:before
{
    content: "\f02b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal; /*--adjust as necessary--*/
    top: 10px;
    left: 0;
    padding-right: 5px;
    margin-left: 5px;
}


newcard
{
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.newcard .day
{
    font-family: 'Arial Unicode MS';
    font-size: 0.83em;
    color: #999999;
    font-style: italic;
    float: left;
}

.newcard a
{
    padding: 5px;
    font-family: Microsoft JhengHei;
    font-size: 0.83em;
    font-style: italic;
    float: right;
}

    .newcard a:hover
    {
        padding: 5px 20px 5px 5px;
        font-family: Microsoft JhengHei;
        font-size: 0.83em;
        font-style: italic;
        float: right;
        background-color: #0066FF;
        font-weight: bold;
    }

    .newcard a:before
    {
        content: "\f02b";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal; /*--adjust as necessary--*/
        padding-right: 5px;
        top: 10px;
        left: 0;
    }

.newshr
{
    border-bottom-style: double;
    border-bottom-width: 3px;
    border-bottom-color: #FFC000;
}

.newShare
{
    padding: 10px;
    border-bottom-style: double;
    border-bottom-width: 3px;
    border-bottom-color: #FF6600;
    font-size: 0.83em;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    border-top-style: double;
    border-top-width: 3px;
    border-top-color: #FF6600;
}

.date_tag
{
    padding:10px;
    font-size: 1em;
}

    .date_tag a:before
    {
        content: "\f02b";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal; /*--adjust as necessary--*/
        padding-right: 5px;
        top: 10px;
        left: 0;
    }

    .date_tag a
    {
        margin-left: 10px;
    }
/*-----------------------------------------會員管理-----------------------------------------*/
/*收藏列表頁*/
.btn-r-top
{
    position: absolute;
    top: -10px;
    right: -10px;
}

.inst-heading
{
    background: #434343;
    color: #fff;
    font-size: 1.17em;
    line-height: inherit;
    padding: 11px 15px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
}

.inst-box
{
    background: #f4f4f4;
    border: 1px solid #bbb;
    display: block;
    padding: 20px;
}
/*-----------------------------------------供應商管理-----------------------------------------*/
.content_box
{
    display: inline-block;
    -webkit-transition: all .7s ease-out .1s;
    -moz-transition: all .7s ease-out .1s;
    -o-transition: all .7s ease-out .1s;
    transition: all .7s ease-out .1s;
}

    .content_box .block
    {
        border-bottom: 2px dashed #ddd;
        padding-top: 2em;
        position: relative;
    }

.content_box2
{
    display: inline-block;
}

    .content_box2 .block
    {
        border-bottom: 2px dashed #ddd;
        padding-top: 2em;
        position: relative;
    }
/*-----------------------------------------共用元件-----------------------------------------*/
.boxborder_b
{
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(25%,#C9C4A0),color-stop(25%,transparent),color-stop(50%,transparent), color-stop(50%,#C9C4A0),color-stop(75%,#C9C4A0),color-stop(75%,transparent));
    background-size: 5px 5px;
}

.member-tag-link
{
    background-color: #D7D7D7;
}

.Collection:before
{
    content: "\f02e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal; /*--adjust as necessary--*/
    font-size: 1.17em;
    padding-right: 5px;
    top: 10px;
    left: 0;
}

.Collection
{
    border: 2px solid #FFFFFF;
    font-family: Microsoft JhengHei;
    font-size: 0.83em;
    color: #FFFFFF;
    font-style: italic;
    float: right;
    -moz-box-shadow: 0px 0px 2px #999999; /* Firefox */
    -webkit-box-shadow: 0px 0px 2px #999999; /* Safari and Chrome */
    box-shadow: 0px 0px 2px #999999; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    border-radius: 40px 40px 40px 40px;
    behavior: url(http://blog.gs8.com.tw/Styles/PIE.htc);
    background-color: #0066FF;
    width: 70px;
    height: 70px;
    text-align: center;
    vertical-align: middle;
    line-height: 68px;
    font-weight: bold;
}

.ss:before
{
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal; /*--adjust as necessary--*/
    font-size: 1.17em;
    padding-right: 5px;
    top: 10px;
    left: 0;
}

.ss
{
    position: relative;
    font-family: 'Arial Unicode MS';
    font-weight: bold;
    color: #007AB5;
    margin-right: 24px;
    margin-left: 10px;
}

.Favorites_icon:before
{
    content: "\f004";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal; /*--adjust as necessary--*/
    font-size: 1.17em;
    padding-right: 5px;
    top: 10px;
    left: 0;
}

.Favorites_icon
{
    position: relative;
    font-family: 'Arial Unicode MS';
    font-weight: bold;
    color: #007AB5;
    margin-right: 24px;
}

.Vote_icon:before
{
    content: "\f005";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal; /*--adjust as necessary--*/
    font-size: 1.17em;
    padding-right: 5px;
    top: 10px;
    left: 0;
}

.Vote_icon
{
    position: relative;
    font-family: 'Arial Unicode MS';
    font-weight: bold;
    color: #007AB5;
    margin-right: 24px;
}

.iconnext:after
{
    content: "\f101";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal; /*--adjust as necessary--*/
    padding-right: 5px;
    top: 10px;
    left: 0;
}

.box_title
{
    text-align: center;
    font-family: 'Arial Unicode MS';
    font-weight: bold;
}
/*留言版*/
/*留言者頭項*/
.m_image
{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
    behavior: url(http://blog.gs8.com.tw/Styles/PIE.htc);
    position: relative;
    background-color: #333333;
}
/*會員詳細頁css*/
.page-en-title
{
    font-size: 0.67em;
    margin-top: -5px;
    float: left;
    font-family: 'Arial Unicode MS';
    font-weight: bold;
}

.page-tw-title
{
    font-size: 3em;
    font-weight: bold;
    float: left;
    font-family: Microsoft JhengHei;
}

.page-nav-link
{
    font-size: 0.67em;
    float: left;
    font-family: 'Arial Unicode MS';
    font-weight: bold;
    margin-top: 35px;
    margin-left: 10px;
}

    .page-nav-link a
    {
        color: #FF0066;
    }

.AD_image_maxwidth
{
    max-width: 100%;
}