@import"reset.css";
@import"pro_pages_style.css";
@import"grid.css";
@import"forms.css";

body
{
    background: #e2e2e2 url(../images/bg-body2.jpg) 50% 0 repeat;
    font: 12px/20px;
    color: #949494;
    position: relative;
    min-width: 980px;
    font-family: Georgia, 'LiHei Pro', '儷黑 Pro', \5FAE\8EDF\6B63\9ED1\9AD4, '微軟正黑體', serif;
}

html, body
{
    height: 100%;
}

p
{
    padding-bottom: 20px;
}

a
{
    color: #000;
    outline: none;
    cursor: pointer;
    text-decoration: none;
}

    a:hover
    {
        text-decoration: underline;
    }
/*  Header styles */
h1, h2, h3, h4, h5, h6
{
    line-height: 1.3em;
    color: #000;
    font-family: 'Arimo', sans-serif;
    font-weight: 400;
}

h1
{
    font-size: 30px;
    font-weight: 700;
}

h2
{
    font-size: 20px;
    font-weight: 700;
    margin-left: 10px;
    letter-spacing: -1px;
    padding-bottom: 12px;
    padding-top: 2px;
    padding-left: 34px;
    font-family: Georgia, 'LiHei Pro', '儷黑 Pro', \5FAE\8EDF\6B63\9ED1\9AD4, '微軟正黑體', serif;
    background-image: url(../images/delicious.png);
    background-repeat: no-repeat;
}

h3
{
    font-size: 20px;
    font-weight: 700;
    margin-left: 10px;
    padding-bottom: 12px;
    padding-left: 30px;
    padding-top: 0px;
    font-family: Georgia, 'LiHei Pro', '儷黑 Pro', \5FAE\8EDF\6B63\9ED1\9AD4, '微軟正黑體', serif;
    background-image: url(../images/table4.png);
    background-repeat: no-repeat;
}

h4
{
    font-size: 20px;
    font-weight: 700;
    margin-left: 5px;
    padding-bottom: 17px;
    padding-left: 30px;
    padding-top: 0px;
    font-family: Georgia, 'LiHei Pro', '儷黑 Pro', \5FAE\8EDF\6B63\9ED1\9AD4, '微軟正黑體', serif;
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
}

h5
{
    font-size: 16px;
}

h6
{
    font-size: 14px;
}
/* Global Structure---------------------------------------- */
.main
{
    margin: 0 auto;
    position: relative;
    width: 940px;
    overflow: hidden;
}

.bg-main
{
    width: 100%;
    background: #fff url(../images/bg-body.jpg) 50% 0 repeat;
}

.bg-main2
{
    width: 100%;
    background: #fff url(../images/bg-body3.jpg) 50% 0 repeat;
}
/*----- txt,links,lines,titles -----*/
.clear
{
    clear: both;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    height: 0;
    width: 100%;
}

.wrapper
{
    overflow: hidden;
    position: relative;
}

.extra-wrap
{
    overflow: hidden;
    display: block;
}

.fleft
{
    float: left;
}

.fright
{
    float: right;
}

.alignright
{
    text-align: right;
}

.aligncenter
{
    text-align: center;
}

.alignmiddle *
{
    vertical-align: middle;
}

.color1
{
    color: #000;
}

.wrapper-large
{
    overflow: hidden;
    position: relative;
    height: 80px;
}
/*********************************header*************************************/
header
{
    position: relative;
    z-index: 99;
    padding: 3px 0 25px 0;
    width: 100%;
    background: url(../images/header-line.jpg) 0 0 repeat-x;
}

    header h1
    {
        padding-bottom: 15px;
    }

        header h1 a
        {
            display: block;
            background: url(../images/logo.png) 0 0 no-repeat;
            width: 410px;
            height: 62px;
            text-indent: -5000px;
        }

.bar
{
    width: 100%;
    background: url(../images/bg-nav.png) 0 0 repeat;
}

nav.main-menu
{
    width: 950px;
    margin: 0 auto;
    background: url(../images/bg-nav.png) 0 0 repeat;
    padding-bottom: 6px;
}
/* menu */
.sf-menu, .sf-menu *
{
    margin: 0 auto;
    padding: 0; /* list-style:none; */ /* list-style-type:circle;*/
    list-style-position: inside; /*list-style-image:url(../skin/circle.skin/progress.png)*/
    text-align: center;
}

    .sf-menu li
    {
        float: left;
        position: relative;
        background: url(../images/menu-line.jpg) 0 0 no-repeat;
        padding-left: 1px;
        text-transform: uppercase;
        font: 15px/15px;
        font-family: Georgia, 'LiHei Pro', '儷黑 Pro', \5FAE\8EDF\6B63\9ED1\9AD4, '微軟正黑體', serif;
        font-weight: 700;
    }

        .sf-menu li:first-child
        {
            background: none;
            padding-left: 0;
        }

        .sf-menu li a
        {
            display: block;
            background: #1f2025;
            width: 134px;
            padding: 17px 0 16px;
            text-align: center;
            color: #eaeaea;
            position: relative;
            overflow: hidden;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .sf-menu li.last a
        {
            width: 134px;
        }

        .sf-menu li a em
        {
            font-style: normal;
            color: #eaeaea;
        }

        .sf-menu li.sfHover a, .sf-menu li.current a, .sf-menu li a:hover
        {
            text-decoration: none;
            background: #e5e4e2;
        }

            .sf-menu li.sfHover a em, .sf-menu li.current a em, .sf-menu li a:hover em
            {
                color: #1f2025;
            }

    .sf-menu ul
    {
        position: absolute;
        top: -999em;
        z-index: 99;
        width: 134px;
        display: none;
        background: none;
        background: #1f2025;
        padding: 3px;
    }

    .sf-menu li li
    {
        padding: 0;
        width: 100%;
        font: 10px/13px Arial, Helvetica, sans-serif;
    }

        .sf-menu li li a, .sf-menu li.sfHover li a, .sf-menu li.current li a
        {
            color: #fff;
            background: #1f2025;
            width: auto;
            padding: 10px;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .sf-menu li li a:hover, .sf-menu li li.sfHover a, .sf-menu li li.current a
            {
                background: #efeeee;
                color: #000;
            }

    .sf-menu ul ul
    {
        position: absolute;
        top: -999em;
        z-index: 99;
        width: 200px;
        display: none;
        background: none;
        background: #1f2025;
        padding: 3px;
    }

    .sf-menu li li li
    {
        padding: 0;
        width: 100%;
    }

        .sf-menu li li li a, .sf-menu li li.sfHover li a, .sf-menu li li.current li a
        {
            color: #fff;
            background: #1f2025;
            width: auto;
            padding: 10px;
        }

            .sf-menu li li li a:hover, .sf-menu li li li.current a
            {
                background: #efeeee;
                color: #000;
            }

    .sf-menu li:hover ul, .sf-menu li.sfHover ul
    {
        left: 0px;
        top: 53px; /* match top ul list item height */
    }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul
{
    top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul
{
    left: 134px; /* match ul width */
    top: 0px;
    text-align: left;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul
{
    top: -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul
{
    left: 10em; /* match ul width */
    top: 00px;
}


/* menu 2*/


.sf-menu2 li a
{
    display: block;
    text-align: left;
    font-size: 15px;
    font-family: Georgia, 'LiHei Pro', '儷黑 Pro', \5FAE\8EDF\6B63\9ED1\9AD4, '微軟正黑體', serif;
}

/* menu 3 */

.sf-menu3
{
    margin: 10px 0 5px 0;
    padding: 0; /* list-style:none; */
    list-style-position: inside;
    list-style-type: decimal-leading-zero;
    color: #494a4b;
}

    .sf-menu3 ul
    {
        padding: 3px;
    }

    .sf-menu3 li
    {
        font: 14px/15px;
        padding-bottom: 5px;
        color: rgba(44,46,47,1.00);
        font-family: Georgia, 'LiHei Pro', '儷黑 Pro', \5FAE\8EDF\6B63\9ED1\9AD4, '微軟正黑體', serif;
    }

        .sf-menu3 li a em
        {
            font-style: normal;
            color: #eaeaea;
        }

/* people*/

.people
{
    display: block;
    float: left;
    width: 200px;
    margin-top: 20px;
}

    .people p
    {
        background-image: url(../images/people.png);
        background-repeat: no-repeat;
        padding-left: 45px;
        padding-top: 10px;
    }

/* home*/


.home
{
    background-image: url(../images/pro_home_A.png);
    background-repeat: no-repeat;
    padding-top: 0px;
    margin-left: 35px;
    margin-right: 15px;
}

.home2
{
    background-image: url(../images/pro_home_B.png);
    background-repeat: no-repeat;
    padding-top: 0px;
    margin-left: 35px;
    margin-right: 15px;
}
/* slider */
.pad-slider
{
    padding: 13px 0 0 0;
}

.main-slider
{
    width: 950px;
    height: 440px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

    .main-slider .pagination
    {
        position: absolute;
        z-index: 99;
        bottom: 26px;
        left: 30px;
    }

        .main-slider .pagination li
        {
            display: block;
            float: left;
            margin-right: 3px;
        }

            .main-slider .pagination li a
            {
                display: block;
                background: url(../images/slider-pagination.png) -17px 0 no-repeat;
                width: 14px;
                height: 14px;
            }

                .main-slider .pagination li.current a, .main-slider .pagination li a:hover
                {
                    background: url(../images/slider-pagination.png) 0 0 no-repeat;
                }

.slider-banner
{
    width: 950px;
    height: 70px;
    background: url(../images/bg-slider-banner.png) 0 0 repeat;
    bottom: 0;
    left: 0;
    z-index: 90 !important;
    position: absolute;
    text-transform: uppercase;
    font: 24px/30px Arial, Helvetica, sans-serif;
    color: #000;
    letter-spacing: -1px;
}

    .slider-banner span
    {
        display: block;
        text-align: right;
        padding: 21px 30px 0 0;
    }
/********************** Content ************************/
section
{
    position: relative;
    z-index: 1;
    padding: 30px 0;
}

    section.padsection
    {
        padding: 0 0 24px 0;
    }

    section.padsection2
    {
        padding: 11px 0 49px 0;
    }

    section.padsection3
    {
        padding: 11px 0 34px 0;
    }

    section.padsection4
    {
        padding: 11px 0 56px 0;
    }

    section.padsection5
    {
        padding: 11px 0 29px 0;
    }

    section.padsection6
    {
        padding: 11px 0 52px 0;
    }

    section.padsection7
    {
        padding: 21px 0 56px 0;
    }

.services
{
    width: 178px;
    height: 210px;
    background: url(../images/bg-body2.jpg) 0 0 repeat;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 5px 9px 5px 5px;
    float: left;
}

    .services.first
    {
        margin: 5px 9px 5px 0px;
    }

    .services.last
    {
        margin: 5px 0px 5px 8px;
    }

    .services a
    {
        display: block;
        padding: 30px 0 0 0;
        height: 100%;
        position: relative;
    }

        .services a span
        {
            display: block;
            font-family: 'Arimo', sans-serif;
            font-weight: 400;
            line-height: 1.3em;
            color: #e4e0dd;
            font-size: 24px;
            padding: 7px 0 0 0;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            text-align: center;
        }

            .services a span strong
            {
                display: block;
                margin-top: -11px;
                font-weight: normal;
            }

        .services a em
        {
            margin-left: 48px;
            display: inline-block;
            position: relative;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .services a img
        {
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .services a img.image-hover
            {
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
            }

        .services a:hover, .services:hover a
        {
            text-decoration: none;
        }

            .services:hover a span
            {
                color: #fff;
            }

            .services:hover a img
            {
                opacity: 0;
            }

                .services:hover a img.image-hover
                {
                    opacity: 1;
                }

.partners
{
    position: relative;
    overflow: hidden;
    margin-top: -1px;
}

    .partners li
    {
        float: left;
        margin: 0 60px 0 0px;
    }

        .partners li a
        {
            display: block;
        }

            .partners li a img
            {
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

            .partners li a:hover img
            {
                -webkit-transform: scale(0.9);
                -moz-transform: scale(0.9);
                -o-transform: scale(0.9);
                transform: scale(0.9);
            }

.list-1
{
    padding: 5px 0 24px;
}

    .list-1.padlist
    {
        padding-bottom: 9px;
    }

    .list-1.padlist2
    {
        padding-bottom: 30px;
    }

    .list-1 li
    {
        background: url(../images/marker.png) 0 10px no-repeat;
        padding: 4px 0 0 15px;
    }

        .list-1 li a
        {
            color: #949494;
        }

.list-2
{
}

    .list-2 li
    {
        background: url(../images/marker2.png) 0 17px no-repeat;
        padding: 13px 0 11px 41px;
        font-size: 13px;
    }

        .list-2 li a
        {
            color: #949494;
        }

            .list-2 li a strong
            {
                display: block;
                color: #000;
            }

            .list-2 li a:hover
            {
                text-decoration: none;
            }

                .list-2 li a:hover strong
                {
                    text-decoration: underline;
                }

.banner1
{
    display: block;
    background: url(../images/4page_img2.jpg) 0 0 no-repeat;
    width: 271px;
    height: 164px;
}

.banner2
{
    display: block;
    background: url(../images/4page_img3.jpg) 0 0 no-repeat;
    width: 271px;
    height: 164px;
}

.banner3
{
    display: block;
    background: url(../images/5page_img4.jpg) 0 0 no-repeat;
    width: 276px;
    height: 194px;
    margin-top: 7px;
}

.pdf-link
{
    display: block;
    background: url(../images/pdf-image.png) 0 0 no-repeat;
    color: #000;
    height: 51px;
    padding: 2px 0 0 65px;
    margin: 13px 0 0 0;
}

    .pdf-link span
    {
        display: block;
        color: #000;
        text-decoration: underline;
    }

    .pdf-link:hover, .pdf-link:hover span
    {
        text-decoration: none;
    }

.products
{
    padding-bottom: 30px;
}

    .products div
    {
        padding-top: 15px;
    }

    .products p
    {
        padding-bottom: 14px;
    }

.map
{
    width: 470px;
    height: 297px;
}

    .map iframe
    {
        width: 470px;
        height: 297px;
    }

.contacts
{
    font-style: normal;
    padding: 16px 0 23px 0;
}

    .contacts span
    {
        display: inline-block;
        width: 107px;
    }

    .contacts a
    {
        text-decoration: underline;
    }

        .contacts a:hover
        {
            text-decoration: none;
        }

    .contacts em
    {
        font-style: normal;
    }

.und
{
    text-decoration: underline;
}

    .und:hover
    {
        text-decoration: none;
    }

.lineH
{
    background: url(../images/lineH.png) 0 0 repeat;
    height: 5px;
    width: 100%;
}
/* buttons */
.button
{
    display: inline-block;
    background: #E6E6E6 0 0 repeat;
    text-transform: uppercase;
    font: 11px/15px Arial, Helvetica, sans-serif;
    color: #000000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 7px 15px 6px;
    border: 0px;
    margin-left: 20px;
    margin-top: 10px;
}

.button-qry
{
    display: inline-block;
    background: #949494 0 0 repeat;
    text-transform: uppercase;
    font: 11px/15px Arial, Helvetica, sans-serif;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 7px 15px 6px;
    border: 0px;
    margin-left: 20px;
    margin-top: 10px;
}

.button-add
{
    display: inline-block;
    background: #105104 0 0 repeat;
    text-transform: uppercase;
    font: 11px/15px Arial, Helvetica, sans-serif;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 7px 15px 6px;
    border: 0px;
    margin-left: 20px;
    margin-top: 10px;
}

.button-upd
{
    display: inline-block;
    background: #ce5510 0 0 repeat;
    text-transform: uppercase;
    font: 11px/15px Arial, Helvetica, sans-serif;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 7px 15px 6px;
    border: 0px;
    margin-left: 20px;
    margin-top: 10px;
}

.button-del
{
    display: inline-block;
    background: #1f2025 0 0 repeat;
    text-transform: uppercase;
    font: 11px/15px Arial, Helvetica, sans-serif;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 7px 15px 6px;
    border: 0px;
    margin-left: 20px;
    margin-top: 10px;
}

.button-save
{
    display: inline-block;
    background: #094f96 0 0 repeat;
    text-transform: uppercase;
    font: 11px/15px Arial, Helvetica, sans-serif;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 7px 15px 6px;
    border: 0px;
    margin-left: 20px;
    margin-top: 10px;
}

.button-cancel
{
    display: inline-block;
    background: #fd1e00 0 0 repeat;
    text-transform: uppercase;
    font: 11px/15px Arial, Helvetica, sans-serif;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 7px 15px 6px;
    border: 0px;
    margin-left: 20px;
    margin-top: 10px;
}

    .button-qry:hover, .button-add:hover, .button-upd:hover, .button-del:hover, .button-save:hover, .button-cancel:hover
    {
        background: #e4e0dd;
        color: #000;
        text-decoration: none;
    }

.button-excel
{
    display: inline-block;
    color: #212121;
    background: #cfd9cf url(../images/excel.png) 0 0 no-repeat;
    text-transform: uppercase;
    font: 11px/15px Arial, Helvetica, sans-serif;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 7px 15px 6px 30px;
    border: 0px;
    margin-left: 20px;
    margin-top: 10px;
}

    .button-excel:hover
    {
        color: #212121;
        background: #efeeee url(../images/excel.png) 0 0 no-repeat;
        text-decoration: none;
    }
/******************** Footer ******************/
footer
{
    padding: 30px 0 30px;
    color: #adadad;
}

    footer p
    {
        padding-bottom: 9px;
        width: 300px;
    }

    footer h4
    {
        padding-top: 17px;
    }

.privacy
{
    color: #fff;
}

    .privacy span
    {
        display: inline-block;
        margin: 0 9px;
    }

    .privacy a
    {
        text-decoration: underline;
        color: #fff;
    }

        .privacy a:hover
        {
            text-decoration: none;
        }

.footer-logo
{
    padding-bottom: 19px;
}

    .footer-logo a
    {
        display: block;
        background: url(../images/logo-footer.png) 0 0 no-repeat;
        width: 94px;
        height: 35px;
        text-indent: -5000px;
    }

.footer-list li a
{
    color: #adadad;
}

.tooltips
{
    position: relative;
    overflow: hidden;
}

    .tooltips li
    {
        float: left;
        padding: 0px 70px 7px 0;
    }

        .tooltips li a
        {
            color: #fff;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .tooltips li a:hover
            {
                text-decoration: none;
                color: #adadad;
            }

            .tooltips li a img
            {
                margin: 3px 9px 0 0;
            }

footer h4
{
    color: #fff;
}
/* padding */
.padline6
{
    padding: 30px 0 56px;
}

.padline
{
    padding: 5px 0 30px;
}

.padline4
{
    padding: 14px 0 24px;
}

.padline5
{
    padding: 46px 0 58px;
}

.padline2
{
    padding: 60px 0 52px;
}

.padline3
{
    padding: 60px 0 54px;
}

.pad
{
    padding: 15px 0 14px 0;
}

.padbot
{
    padding-bottom: 26px;
}

.padbot3
{
    padding-bottom: 24px;
}

.padbot2
{
    padding-bottom: 14px;
}

.imgindent
{
    float: left;
    min-width: 71px;
    margin: 3px 0 0;
}

.imgindent2
{
    float: left;
    margin: 13px 13px 0 0;
}

.imgindent3
{
    float: left;
    margin: 6px 19px 0 0;
}

.imgindent4
{
    float: left;
    margin: 6px 20px 15px 0;
}

.imgindent5
{
    float: left;
    margin: 0 0px 15px 0;
}

.imgindent6
{
    float: left;
    margin: 0 12px 0 0;
}

.padtitle11
{
    padding-bottom: 0px !important;
    padding-top: 27px;
    padding-left: 45px;
    background-image: url(../images/B01.jpg);
    background-repeat: no-repeat;
    font-size: 22px;
    background-color: #052342;
    color: #000;
    height: 50px;
    font-family: Georgia, 'LiHei Pro', '儷黑 Pro', \5FAE\8EDF\6B63\9ED1\9AD4, '微軟正黑體', serif;
}

.padtitle22
{
    padding-bottom: 0px !important;
    padding-top: 27px;
    padding-left: 45px;
    background-image: url(../images/B02.jpg);
    background-repeat: no-repeat;
    font-size: 22px;
    background-color: #052342;
    color: #000;
    height: 50px;
    font-family: Georgia, 'LiHei Pro', '儷黑 Pro', \5FAE\8EDF\6B63\9ED1\9AD4, '微軟正黑體', serif;
}

.padtitle33
{
    padding-bottom: 0px !important;
    padding-top: 27px;
    padding-left: 45px;
    background-image: url(../images/B03.jpg);
    background-repeat: no-repeat;
    font-size: 22px;
    background-color: #052342;
    color: #000;
    height: 50px;
    font-family: Georgia, 'LiHei Pro', '儷黑 Pro', \5FAE\8EDF\6B63\9ED1\9AD4, '微軟正黑體', serif;
}

.padtitle44
{
    padding-bottom: 0px !important;
    padding-top: 27px;
    padding-left: 45px;
    background-image: url(../images/B04.jpg);
    background-repeat: no-repeat;
    font-size: 22px;
    background-color: #052342;
    color: #000;
    height: 50px;
    font-family: Georgia, 'LiHei Pro', '儷黑 Pro', \5FAE\8EDF\6B63\9ED1\9AD4, '微軟正黑體', serif;
}



.padtitle55
{
    padding-bottom: 6px !important;
    padding-top: 2px;
    padding-left: 30px;
    background-image: url(../images/img1.png);
    background-repeat: no-repeat;
    font-size: 20px;
    color: #717274;
    font-family: Georgia, 'LiHei Pro', '儷黑 Pro', \5FAE\8EDF\6B63\9ED1\9AD4, '微軟正黑體', serif;
}

.padtitle2
{
    padding-bottom: 5px !important;
}

.padtitle
{
    padding-bottom: 5px !important;
    background-image: url(../images/marker3.png);
    background-repeat: no-repeat;
    padding-left: 34px;
    padding-top: 0px;
    font-size: 22px;
}

.padtitle4
{
    padding-bottom: 9px !important;
}

.padtitle3
{
    padding-bottom: 13px !important;
}

/************登入************/
div#login_frame
{
    background: url(../images/admin_login_bg.png) 0 0 repeat-x;
    position: fixed;
    top: 50%;
    margin-top: -320px;
    left: 0;
    width: 100%;
    height: 160px;
    _position: absolute; /* position fixed for IE6 */
    _top: expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2);
    _margin-top: 0;
    z-index: 2;
}

    div#login_frame div.login_input
    {
        color: #000;
        padding-top: 40px;
        position: relative;
        margin: 0 auto;
        margin-left: 165px;
        background: url(../images/admin_login_write.png) 0 0 no-repeat;
        width: 400px;
        height: 160px;
    }

div.login_input table.login_table
{
    position: absolute;
    float: left;
    margin-left: 605px;
    width: 450px;
    height: 200px;
    right: -460px;
    top: 15px;
}

    div.login_input table.login_table th
    {
        padding-bottom: 3px;
        font-size: 100%;
        width: 45px;
        height: 15px;
        font-weight: bolder;
    }

    div.login_input table.login_table td
    {
        height: 25px;
        padding-bottom: 3px;
    }

    div.login_input table.login_table input
    {
        background: url(../images/input_bg.gif) 0 0 repeat-X;
        border: none;
        height: 10px;
        font-size: 12px;
        color: #051829;
        padding-left: 5px;
    }

    div.login_input table.login_table th.note
    {
        color: #feffac;
        font-size: 95%;
        width: 100px;
        letter-spacing: -0.05em;
    }

    div.login_input table.login_table td.login_btn
    {
        padding-top: 10px;
        height: 107px;
        width: 106px;
    }

        div.login_input table.login_table td.login_btn a
        {
            display: block;
            text-indent: -200em;
            height: 107px;
            width: 106px;
            background: url(../images/btn_login.png) 0 0 no-repeat;
        }

            div.login_input table.login_table td.login_btn a:hover
            {
                background-position: 0 -107px;
                display: block;
                text-indent: -200em;
                height: 107px;
                width: 106px;
            }

.td1
{
    background-color: #dcf7fc;
}

.label-must
{
    /*  background-color: #C3E3FA;*/
    color: #341DC4;
}

    .label-must:after
    {
        color: red;
        content: ' *';
        display: inline;
    }

.denyMsg
{
    color: blue;
    font-size: 2em;
    padding-top: 30px;
    text-align: center;
    font-weight: bold;
}

/*====個人化快捷區====*/
#main-block02
{
    clear: both;
}

.shortcut-content
{ /*height:289px;*/
    display: block;
    background-color: #FFF;
    border: 1px solid black;
    padding: 5px 0 0 45px;
    width: 95%;
    height: 95px;
    background-position: left;
    margin: 0px 0px 0 0px;
    font-size: 16px;
    font-weight: bold;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #dcdcdc;
    text-decoration: none;
    background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    background: -ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
    background-color: #f9f9f9;
    color: #666666;
    overflow-x:auto;
    overflow-y:auto;
}

.shortcut-c1
{
    float: left;
}

    .shortcut-c1 ul
    {
        margin: 8px 0 0 45px;
    }

.shortcut-c2 ul
{
    margin: 8px 0px 0 0;
}

    .shortcut-c1 ul li, .shortcut-c2 ul li, .tab ul li
    {
        margin:0 0 15px -40px;
        width: 300px;
        line-height: 14px;

    }

        .shortcut-c1 ul li a, .shortcut-c2 ul li a, .tab ul li a
        {
            background: url(../images/shortcut-go.png) left 50% no-repeat;
            display: block;
            color: #222222;
            text-decoration: none;
            padding: 0 0 0 40px;
        }

            .shortcut-c1 ul li a:hover, .shortcut-c2 ul li a:hover, .tab ul li a:hover
            {
                background: url(../images/shortcut-go-h.png) left 50% no-repeat;
                color: #5a843e;
                text-decoration: underline;
            }

.shortcut-c2
{
    float: left;
}



/*====首頁分隔線======*/
.notice
{
}