@import url("reset-min.css");
@import url("fonts-min.css");

/* Less
---------------------------------------------------*/
/*色碼設定*/
@Color-base:#8a8a8a;
@Color-aid:#56a1a2;

/* 函式設定 */
.fun-border-radius(@radius)
{
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    border-radius: @radius;
}
.fun-opacity(@opacity)
{
    -moz-opacity:@opacity/100;
    filter:~"alpha(opacity=@opacity,style=0)";
    opacity:@opacity/100;
}
.fun-box-shadow(@x:0px,@y:0px,@blur:0px,@color:#cacaca)
{
    -webkit-box-shadow:@arguments;
    -moz-box-shadow:@arguments;
    box-shadow:@arguments;
}


/* CSS Document 
-----------------------------------------------------------------*/
html,body
{
    background:#f3f4f4;
    /* 字型設定 */
    color: @Color-base;
    font-family:  Tahoma, Verdana, Arial , "微軟正黑體";
    font-size: 13px;
    line-height:1.4em;
    -webkit-text-size-adjust: none; /* 解除瀏覽器最小字型設定 */
}
a
{
    color:@Color-base;
    text-decoration: none;
    cursor:pointer;
    &:hover
    {
        color:@Color-aid;
        text-decoration:underline;
    }
}


/* Structure 結構
-----------------------------------------------------------------*/
.wrapper
{
    margin: 0px auto;
    position:relative;
    padding-bottom:20px;
}

/* Header 表頭
-----------------------------------------------------------------*/
.header
{
    height: 144px;
    
    h1
    {
        height: 100px;
    }
    h1 a
    {
        background: url(../img/logo_favvi.png) no-repeat 0 43px;
        display: block;
        text-indent: -9999px;
        width: 215px;
        overflow: hidden;
        height: 100%;
    }
}

/* Content 內容設定
-----------------------------------------------------------------*/
.content{}

/* ImgUpload 影片上傳 */
.ImgUpload
{
    color:#7b7b7b;
    width:472px;
    margin:10px auto;
    position:relative;
    .inp_upload
    {
    color:#7b7b7b;
        background:url(../img/bg_searchbar.png) no-repeat 0 0;
        width:229px;
        height:31px;
        float:left;
        margin-right:8px;
        &:hover
        {
            background-position:0px -100px;
        }
        .inp_FileUpload
        {
            width:100%;
            height:100%;
            .fun-opacity(0);
        }
        .inp_FileName
        {
        color:#7b7b7b;
            background:none;
            width:178px;
            height:25px;
            padding:3px 10px;
            position:absolute;
            top:0px;
            left:0px;
            border:none;
        }   
    }
    .inp_pass
    {
        background:url(../img/bg_searchbar.png) no-repeat -300px 0;
        border:none;
        width:172px;
        height:31px;
        padding:0px 10px;
    }
    .inp_send
    {
        background:url(../img/bg_searchbar.png) no-repeat -600px 0;
        border:none;
        width:31px;
        height:31px;
        text-indent:-9999px;
        overflow:hidden;
        &:hover
        {
            background-position:-600px -100px;
        }
    }
}

/* ImgNews 最新圖片列表 */
@ImgSize:100px;
.ImgNews
{
    height:335px;
    overflow:hidden;
    position:relative;
    .blk-show{}
    .ImgList
    {
        background:url(../img/ptn_plus.png) repeat 0 0;
        /*width:4000px;*/
        padding:8px 0px 8px 9px;
        overflow:auto;
        position:relative;
        left:-(@ImgSize/2);
        width:100%;
        li
        {
            float:left;
            width:@ImgSize;
            height:@ImgSize;
            margin:0px 9px 9px 0px;
            overflow:hidden;
            .fun-opacity(70);
            &:hover
            {
                .fun-opacity(100);
            }
            img
            {
                max-width:@ImgSize*1.5;
                max-height:@ImgSize*1.5;
            }
        }
    }
}

/* Page 頁面設定
-----------------------------------------------------------------*/

/* page-index -------------------------------------------*/
.page-index
{
    padding:200px 0px 0px 0px;
    h1
    {
        background:url(../img/logo_imgService.png) no-repeat 0 0;
        text-indent:-9999px;
        overflow:hidden;
        margin:0px auto;
        width:338px;
        height:91px;
        a
        {
            display:block;
            height:100%;
        }
    }
    .ImgNews
    {
        margin-top:125px;
    }
}

/* Copyright 版權聲明
-----------------------------------------------------------------*/
.copyright
{
    font-size:10px;
    margin:10px auto;
    text-align:center;
    color:#d0d2d4;
}