﻿*
{
    padding: 0;
    margin: 0;
}

table
{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

h2
{
    font-size: 17px;
    margin-bottom: 5px;
}

p
{
    line-height: 20px;
}

iframe
{
    border: none;
}

.iframe
{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body
{
    font-family: "Arial","微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif,Calibri;
    color: #000;
    -webkit-text-size-adjust: 100%;
    font-size: 15px;
}

input[type="text"], input[type="password"]
{
    padding: 5px;
    font-size: 1em;
}

    input[type="text"].small, input[type="password"].small
    {
        width: 50px;
        text-align: center;
    }

input[type="checkbox"], input[type="radio"]
{
    vertical-align: middle;
    height: 20px;
    width: 20px;
}

a
{
    text-decoration: none;
    color: #07a7a5;
}

ul, li
{
    list-style: none;
}

ol li
{
    margin-left: 25px;
    list-style: decimal;
}

img
{
    border: none;
    display: inline-block;
}



/*Header*/
.header
{
    border-bottom: 5px solid #06b4b2;
    margin-bottom: 2px;
    background: #e9f3f2; /* Old browsers */
    background: -moz-linear-gradient(top, #e9f3f2 10%, #ffffff 39%, #ffffff 65%, #e4f8f5 92%, #c7e9e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#e9f3f2), color-stop(39%,#ffffff), color-stop(65%,#ffffff), color-stop(92%,#e4f8f5), color-stop(100%,#c7e9e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e9f3f2 10%,#ffffff 39%,#ffffff 65%,#e4f8f5 92%,#c7e9e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e9f3f2 10%,#ffffff 39%,#ffffff 65%,#e4f8f5 92%,#c7e9e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e9f3f2 10%,#ffffff 39%,#ffffff 65%,#e4f8f5 92%,#c7e9e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e9f3f2 10%,#ffffff 39%,#ffffff 65%,#e4f8f5 92%,#c7e9e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f3f2', endColorstr='#c7e9e5',GradientType=0 ); /* IE6-9 */
}

.header-wrapper
{
    padding: 15px 30px 10px 35px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    max-width: 1600px;
}

    .header-wrapper .logo
    {
        float: left;
        margin-top: 7px;
    }

.header .last-login
{
    position: absolute;
    left: 220px;
    bottom: 18px;
    color: #333;
}

    .header .last-login span
    {
        color: #07a7a5;
    }

.header-wrapper .header-right
{
    float: right;
    overflow: hidden;
}

    .header-wrapper .header-right a
    {
        float: left;
        margin-right: 15px;
    }

        .header-wrapper .header-right a.log-in-out
        {
            color: #fff;
            text-align: center;
            display: block;
            position: relative;
            font-size: 20px;
            padding: 15px;
            line-height: 20px;
            border-radius: 10px;
            background: #9addf7; /* Old browsers */
            background: -moz-linear-gradient(top, #9addf7 0%, #34a5d2 49%, #016597 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9addf7), color-stop(49%,#34a5d2), color-stop(100%,#016597)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #9addf7 0%,#34a5d2 49%,#016597 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #9addf7 0%,#34a5d2 49%,#016597 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #9addf7 0%,#34a5d2 49%,#016597 100%); /* IE10+ */
            background: linear-gradient(to bottom, #9addf7 0%,#34a5d2 49%,#016597 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9addf7', endColorstr='#016597',GradientType=0 ); /* IE6-9 */
        }

            .header-wrapper .header-right a.log-in-out:hover
            {
                background: #4dcdcc; /* Old browsers */
                background: -moz-linear-gradient(top, #4dcdcc 0%, #12b2ae 49%, #0d8c82 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4dcdcc), color-stop(49%,#12b2ae), color-stop(100%,#0d8c82)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #4dcdcc 0%,#12b2ae 49%,#0d8c82 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #4dcdcc 0%,#12b2ae 49%,#0d8c82 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #4dcdcc 0%,#12b2ae 49%,#0d8c82 100%); /* IE10+ */
                background: linear-gradient(to bottom, #4dcdcc 0%,#12b2ae 49%,#0d8c82 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dcdcc', endColorstr='#0d8c82',GradientType=0 ); /* IE6-9 */
            }

            .header-wrapper .header-right a.log-in-out span
            {
                position: absolute;
                height: 100%;
                width: 100%;
                background: url(img/btn-shadow.png) no-repeat -27px center;
                top: 0;
                left: 0;
            }

    .header-wrapper .header-right .search
    {
        float: left;
        background: #fff;
        border: 3px solid #69d0cf;
        border-radius: 10px;
        position: relative;
        padding-right: 40px;
    }

        .header-wrapper .header-right .search input[type="text"]
        {
            background: none;
            border: none;
            padding: 10px;
            font-size: 18px;
            line-height: 24px;
            color: #777;
            width: 120px;
        }

        .header-wrapper .header-right .search input[type="submit"]
        {
            background: none;
            border: none;
            height: 100%;
            width: 40px;
            position: absolute;
            right: 0;
            top: 0;
            text-indent: -999px;
            background: url(img/search-bg.png) no-repeat center;
            cursor: pointer;
            display: block;
            overflow: hidden;
            text-transform: capitalize;
        }

/*End Header*/

.account-border
{
    border-top: 5px solid #4d4573;
}



/*Wrapper*/
.wrapper
{
    padding: 0px 20px;
    overflow: hidden;
    margin: 0 auto;
    max-width: 1600px;
}

/*Top Banner*/
.top-banner
{
    overflow: hidden;
    background: #e8b5f2; /* Old browsers */
    background: -moz-linear-gradient(top, #e8b5f2 0%, #d898e4 28%, #ca84d7 62%, #ae6cba 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8b5f2), color-stop(28%,#d898e4), color-stop(62%,#ca84d7), color-stop(100%,#ae6cba)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e8b5f2 0%,#d898e4 28%,#ca84d7 62%,#ae6cba 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e8b5f2 0%,#d898e4 28%,#ca84d7 62%,#ae6cba 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e8b5f2 0%,#d898e4 28%,#ca84d7 62%,#ae6cba 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e8b5f2 0%,#d898e4 28%,#ca84d7 62%,#ae6cba 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8b5f2', endColorstr='#ae6cba',GradientType=0 ); /* IE6-9 */
    position: relative;
    height: 116px;
    margin-bottom: 5px;
}

    .top-banner .left-banner
    {
        position: absolute;
        left: 0;
        top: 0;
        right: 579px;
        text-align: center;
        height: 100%;
        overflow: hidden;
    }

        .top-banner .left-banner .image-con
        {
            padding: 0 0;
            border-radius: 5px;
            text-align: left;
            /*background: url(img/top-pattern.png) no-repeat right center;*/
        }

        .top-banner .left-banner img {
            display: block;
            margin: 0 auto;
            width: 100%;
        }

    .top-banner .right-banner
    {
        position: absolute;
        right: 0;
        top: 0;
	width:37rem;
        /*height: 100%;*/
    }

        .top-banner .right-banner img
        {
            display: block;
            margin: 0 auto;
            width: 100%;
        }


/*Accounts*/
.accounts
{
    border-radius: 0 0 10px 10px;
    padding: 5px;
    overflow: hidden;
    margin-bottom: 5px;
    background: #4d4573;
    position: relative;
}

    .accounts ::-webkit-scrollbar
    {
        width: 15px;
        background: #f7feff;
        border-radius: 10px;
    }

    .accounts ::-webkit-scrollbar-thumb
    {
        background: #b1a5e4; /* Old browsers */
        border-radius: 10px;
    }

    .accounts .accounts-inner-wrapper
    {
        border: 1px solid #7c7464;
        padding: 0 5px;
        box-shadow: 0 0 0 1px #dcd3fc, inset 0 0 0 1px #dcd3fc;
        border-radius: 6px;
        overflow: hidden;
    }

        .accounts .accounts-inner-wrapper .more-con
        {
            float: left;
            padding: 10px 0px;
            text-align: center;
            color: #ffffff;
            text-shadow: 1px 2px #777;
            margin: 5px;
            width: 9%;
        }

            .accounts .accounts-inner-wrapper .more-con h3
            {
                font-size: 20px;
                margin-bottom: 12px;
            }

            .accounts .accounts-inner-wrapper .more-con a
            {
                font-size: 18px;
                padding: 3px 6px;
                display: inline-block;
                border: 2px solid #e3ddfc;
                border-radius: 5px;
                background: url(img/more-bg.png) repeat-x;
                color: #fff;
            }

        .accounts .accounts-inner-wrapper .item-wrapper
        {
            overflow: hidden;
            width: 87%;
            float: left;
        }

            .accounts .accounts-inner-wrapper .item-wrapper .items
            {
                overflow-x: hidden;
                overflow-y: auto;
                cursor: pointer;
                width: 99%;
                height: 138px;
                padding-right: 1%;
            }

                .accounts .accounts-inner-wrapper .item-wrapper .items .item
                {
                    background: #faf9ff;
                    padding: 9px 10px;
                    border-radius: 5px;
                    overflow: hidden;
                    margin: 5px 0;
                    color: #333;
                    min-height: 110px;
                }

                    .accounts .accounts-inner-wrapper .item-wrapper .items .item img
                    {
                        height: 72px;
                        width: 72px;
                    }

                    .accounts .accounts-inner-wrapper .item-wrapper .items .item table
                    {
                        width: auto;
                        margin: 0;
                    }

                    .accounts .accounts-inner-wrapper .item-wrapper .items .item td
                    {
                        min-width: 0;
                        overflow: hidden;
                        height: 100px;
                        vertical-align: middle;
                    }

                .accounts .accounts-inner-wrapper .item-wrapper .items td .a-buttons
                {
                    white-space: nowrap;
                }

                    .accounts .accounts-inner-wrapper .item-wrapper .items td .a-buttons a
                    {
                        display: inline-block;
                        padding: 13px 12px;
                        background: #d2c9b8;
                        box-shadow: 0px 1px 1px 0px #333, inset 0 0 10px 0px #ff7200;
                        border-radius: 5px;
                        margin: 0 5px;
                        color: #fff;
                        text-shadow: 0px 2px #777;
                        background: rgb(255,255,255);
                        background: -moz-linear-gradient(top, rgba(255,255,255,1) 5%, rgba(250,138,6,1) 26%, rgba(251,138,6,1) 100%);
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(255,255,255,1)), color-stop(26%,rgba(250,138,6,1)), color-stop(100%,rgba(251,138,6,1)));
                        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 5%,rgba(250,138,6,1) 26%,rgba(251,138,6,1) 100%);
                        background: -o-linear-gradient(top, rgba(255,255,255,1) 5%,rgba(250,138,6,1) 26%,rgba(251,138,6,1) 100%);
                        background: -ms-linear-gradient(top, rgba(255,255,255,1) 5%,rgba(250,138,6,1) 26%,rgba(251,138,6,1) 100%);
                        background: linear-gradient(to bottom, rgba(255,255,255,1) 5%,rgba(250,138,6,1) 26%,rgba(251,138,6,1) 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fb8a06',GradientType=0 );
                    }

                .accounts .accounts-inner-wrapper .item-wrapper .items .item ul
                {
                    display: inline-block;
                    margin-right: 20px;
                }

                    .accounts .accounts-inner-wrapper .item-wrapper .items .item ul li
                    {
                        padding-left: 23px;
                        background: url(img/green-arrow.png) 0px 4px no-repeat;
                        font-size: 18px;
                        line-height: 25px;
                        text-align: left;
                    }


                .accounts .accounts-inner-wrapper .item-wrapper .items .item p
                {
                    background: #fff;
                    border: 2px solid #e9ba2d;
                    border-radius: 5px;
                    padding: 10px 10px;
                }

            .accounts .accounts-inner-wrapper .item-wrapper .scroll-bar
            {
                width: 27px;
                display: block;
                position: absolute;
                bottom: 10px;
                top: 10px;
                right: 10px;
            }

                .accounts .accounts-inner-wrapper .item-wrapper .scroll-bar span
                {
                    position: absolute;
                    width: 27px;
                    height: 27px;
                    background-image: url(img/scroll-up-down.png);
                    background-repeat: no-repeat;
                    left: 0;
                    cursor: pointer;
                }

                    .accounts .accounts-inner-wrapper .item-wrapper .scroll-bar span.up
                    {
                        top: 0;
                        background-position: top center;
                    }

                    .accounts .accounts-inner-wrapper .item-wrapper .scroll-bar span.down
                    {
                        bottom: 0;
                        background-position: bottom center;
                    }


	.accounts .accounts-inner-wrapper table tr td ul li a{
		text-decoration: underline;
	}

	
/*Navigation*/

.navigation
{
    box-shadow: 0 3px 5px 0 #777;
    border-radius: 10px;
    overflow: hidden;
    zoom: 1;
    background: #97defa; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzk3ZGVmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzFkOWNjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzA3OTFjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTU5N2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #97defa 1%, #1d9ccd 49%, #0791c7 51%, #01597c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#97defa), color-stop(49%,#1d9ccd), color-stop(51%,#0791c7), color-stop(100%,#01597c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #97defa 1%,#1d9ccd 49%,#0791c7 51%,#01597c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #97defa 1%,#1d9ccd 49%,#0791c7 51%,#01597c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #97defa 1%,#1d9ccd 49%,#0791c7 51%,#01597c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #97defa 1%,#1d9ccd 49%,#0791c7 51%,#01597c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97defa', endColorstr='#01597c',GradientType=0 ); /* IE6-8 */
    font-size: 18px;
}

    .navigation > ul
    {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

        .navigation > ul > li
        {
            position: relative;
            border-right: 1px solid #83c8e3;
            border-left: 1px solid #08729b;
            display: table-cell;
            *display: block;
            *float: left;
            *width: 16.4%;
        }

            .navigation > ul > li:hover, .navigation > ul > li.active, .navigation > ul > li.opened
            {
                background: #74eac7; /* Old browsers */
                background: -moz-linear-gradient(top, #74eac7 0%, #0bbd89 50%, #07af7d 50%, #078d66 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74eac7), color-stop(50%,#0bbd89), color-stop(50%,#07af7d), color-stop(100%,#078d66)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#07af7d 50%,#078d66 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#07af7d 50%,#078d66 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#07af7d 50%,#078d66 100%); /* IE10+ */
                background: linear-gradient(to bottom, #74eac7 0%,#0bbd89 50%,#07af7d 50%,#078d66 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74eac7', endColorstr='#078d66',GradientType=0 ); /* IE6-9 */
                zoom: 1;
                -moz-transform: scale(1);
            }

            .navigation > ul > li:first-child
            {
                border-left: none;
            }

            .navigation > ul > li:last-child, .navigation > ul > li.last
            {
                border-right: none;
            }

            .navigation > ul > li > a
            {
                color: #fff;
                text-align: center;
                display: block;
                text-shadow: 1px 1px #666;
                padding: 46px 5px 15px 5px;
                background-repeat: no-repeat;
                background-position: center 10px;
                position: relative;
                z-index: 19;
            }

            .navigation > ul > li.a > a
            {
                background-image: url(img/icons/a.png);
            }

            .navigation > ul > li.b > a
            {
                background-image: url(img/icons/b.png);
            }

            .navigation > ul > li.c > a
            {
                background-image: url(img/icons/c.png);
            }

            .navigation > ul > li.d > a
            {
                background-image: url(img/icons/d.png);
            }

            .navigation > ul > li.e > a
            {
                background-image: url(img/icons/e.png);
            }

            .navigation > ul > li.f > a
            {
                background-image: url(img/icons/f.png);
            }

            .navigation > ul > li > ul
            {
                display: none;
                background: #fff;
            }

                .navigation > ul > li > ul > li > ul
                {
                    display: block;
                    margin-bottom: 10px;
                }

                .navigation > ul > li > ul > li > span
                {
                    display: block;
                    padding: 10px;
                    color: #000;
                }

                .navigation > ul > li > ul > li > ul > li ul
                {
                    display: none;
                }


                .navigation > ul > li > ul > li > ul > li > a
                {
                    display: block;
                    padding: 5px 10px;
                    border-bottom: 1px solid #fff;
                    text-shadow: 1px 1px #666;
                    color: #fff;
                    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlZGJmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzA4YjNkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzAyYTZjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTczOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                    background: -moz-linear-gradient(top, #5edbf6 0%, #08b3d8 48%, #02a6c9 49%, #05738a 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5edbf6), color-stop(48%,#08b3d8), color-stop(49%,#02a6c9), color-stop(100%,#05738a)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top, #5edbf6 0%,#08b3d8 48%,#02a6c9 49%,#05738a 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top, #5edbf6 0%,#08b3d8 48%,#02a6c9 49%,#05738a 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top, #5edbf6 0%,#08b3d8 48%,#02a6c9 49%,#05738a 100%); /* IE10+ */
                    background: linear-gradient(to bottom, #5edbf6 0%,#08b3d8 48%,#02a6c9 49%,#05738a 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5edbf6', endColorstr='#05738a',GradientType=0 ); /* IE6-8 */
                    zoom: 1;
                    -moz-transform: scale(1);
                }

                    .navigation > ul > li > ul > li > ul > li > a:hover, .navigation > ul > li > ul > li > ul > li > a.active, .navigation > ul > li > ul > li > ul > li > a.opened
                    {
                        background: #74eac7; /* Old browsers */
                        background: -moz-linear-gradient(top, #74eac7 0%, #0bbd89 50%, #07af7d 50%, #078d66 100%); /* FF3.6+ */
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74eac7), color-stop(50%,#0bbd89), color-stop(50%,#07af7d), color-stop(100%,#078d66)); /* Chrome,Safari4+ */
                        background: -webkit-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#07af7d 50%,#078d66 100%); /* Chrome10+,Safari5.1+ */
                        background: -o-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#07af7d 50%,#078d66 100%); /* Opera 11.10+ */
                        background: -ms-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#07af7d 50%,#078d66 100%); /* IE10+ */
                        background: linear-gradient(to bottom, #74eac7 0%,#0bbd89 50%,#07af7d 50%,#078d66 100%); /* W3C */
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74eac7', endColorstr='#078d66',GradientType=0 ); /* IE6-9 */
                    }

                .navigation > ul > li > ul > li > ul > li > ul
                {
                    background: #fff;
                    margin: 10px 0;
                }

                    .navigation > ul > li > ul > li > ul > li > ul > li > a
                    {
                        color: #fff;
                        text-shadow: 1px 1px #000;
                        display: block;
                        padding: 5px 10px;
                        padding-left: 27px;
                        background: #3297ff; /* Old browsers */
                        background: -moz-linear-gradient(top, #3297ff 0%, #0865c4 100%); /* FF3.6+ */
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3297ff), color-stop(100%,#0865c4)); /* Chrome,Safari4+ */
                        background: -webkit-linear-gradient(top, #3297ff 0%,#0865c4 100%); /* Chrome10+,Safari5.1+ */
                        background: -o-linear-gradient(top, #3297ff 0%,#0865c4 100%); /* Opera 11.10+ */
                        background: -ms-linear-gradient(top, #3297ff 0%,#0865c4 100%); /* IE10+ */
                        background: linear-gradient(to bottom, #3297ff 0%,#0865c4 100%); /* W3C */
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3297ff', endColorstr='#0865c4',GradientType=0 ); /* IE6-9 */
                        zoom: 1;
                        -moz-transform: scale(1);
                        text-shadow: 1px 1px #666;
                    }

                        .navigation > ul > li > ul > li > ul > li > ul > li > a:hover, .navigation > ul > li > ul > li > ul > li > ul > li > a.active, .navigation > ul > li > ul > li > ul > li > ul > li > a.opened
                        {
                            background: #74eac7; /* Old browsers */
                            background: -moz-linear-gradient(top, #74eac7 0%, #0bbd89 50%, #078d66 100%); /* FF3.6+ */
                            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74eac7), color-stop(50%,#0bbd89), color-stop(100%,#078d66)); /* Chrome,Safari4+ */
                            background: -webkit-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#078d66 100%); /* Chrome10+,Safari5.1+ */
                            background: -o-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#078d66 100%); /* Opera 11.10+ */
                            background: -ms-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#078d66 100%); /* IE10+ */
                            background: linear-gradient(to bottom, #74eac7 0%,#0bbd89 50%,#078d66 100%); /* W3C */
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74eac7', endColorstr='#078d66',GradientType=0 ); /* IE6-9 */
                        }

                    .navigation > ul > li > ul > li > ul > li > ul > li > ul
                    {
                        margin-bottom: 10px;
                        background: #d4f2f7;
                    }

                        .navigation > ul > li > ul > li > ul > li > ul > li > ul > li > a
                        {
                            color: #007dbe;
                            display: block;
                            padding: 5px 10px;
                            padding-left: 45px;
                            text-shadow: 1px 1px #666;
                        }

                            .navigation > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover, .navigation > ul > li > ul > li > ul > li > ul > li > ul > li > a.active, .navigation > ul > li > ul > li > ul > li > ul > li > ul > li > a.opened
                            {
                                color: #038760;
                            }



/*Dropdown*/

.dm
{
    display: block;
    border: 4px solid #02b1b0;
    border-radius: 0 0 10px 10px;
    padding: 15px 10px;
    padding-bottom: 0;
    display: none;
    box-shadow: 0 5px 5px 0 #777;
}

    .dm > ul > li
    {
        margin-bottom: 20px;
    }

        .dm > ul > li > span
        {
            margin: 0px 5px;
            display: inline-block;
            font-size: 17px;
            font-weight: bold;
        }

        .dm > ul > li > ul
        {
            overflow: hidden;
        }

            .dm > ul > li > ul a
            {
                color: #fff;
                font-size: 17px;
                text-shadow: 1px 1px #666;
            }

            .dm > ul > li > ul > li
            {
                float: left;
                margin: 5px;
                min-width: 120px;
                border-radius: 5px;
                overflow: hidden;
            }

                .dm > ul > li > ul > li a
                {
                    padding: 10px;
                    display: block;
                    text-align: center;
                    border-radius: 10px;
                    background: #5edbf6; /* Old browsers */
                    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlZGJmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzA4YjNkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzAyYTZjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTczOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                    background: -moz-linear-gradient(top, #5edbf6 0%, #08b3d8 48%, #02a6c9 49%, #05738a 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5edbf6), color-stop(48%,#08b3d8), color-stop(49%,#02a6c9), color-stop(100%,#05738a)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top, #5edbf6 0%,#08b3d8 48%,#02a6c9 49%,#05738a 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top, #5edbf6 0%,#08b3d8 48%,#02a6c9 49%,#05738a 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top, #5edbf6 0%,#08b3d8 48%,#02a6c9 49%,#05738a 100%); /* IE10+ */
                    background: linear-gradient(to bottom, #5edbf6 0%,#08b3d8 48%,#02a6c9 49%,#05738a 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5edbf6', endColorstr='#05738a',GradientType=0 ); /* IE6-8 */
                    zoom: 1;
                    -moz-transform: scale(1);
                    text-shadow: 1px 1px #666;
                }
                    /*###Adjust 03/06/2014 Start###*/
                    .dm > ul > li > ul > li a:hover, .dm > ul > li > ul > li.active a, .dm > ul > li > ul > li.opened a
                    /*###Adjust 03/06/2014 End###*/
                    {
                        background: #74eac7; /* Old browsers */
                        background: -moz-linear-gradient(top, #74eac7 0%, #0bbd89 50%, #07af7d 50%, #078d66 100%); /* FF3.6+ */
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74eac7), color-stop(50%,#0bbd89), color-stop(50%,#07af7d), color-stop(100%,#078d66)); /* Chrome,Safari4+ */
                        background: -webkit-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#07af7d 50%,#078d66 100%); /* Chrome10+,Safari5.1+ */
                        background: -o-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#07af7d 50%,#078d66 100%); /* Opera 11.10+ */
                        background: -ms-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#07af7d 50%,#078d66 100%); /* IE10+ */
                        background: linear-gradient(to bottom, #74eac7 0%,#0bbd89 50%,#07af7d 50%,#078d66 100%); /* W3C */
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74eac7', endColorstr='#078d66',GradientType=0 ); /* IE6-9 */
                    }

                .dm > ul > li > ul > li > ul
                {
                    display: none;
                }

.dms
{
    background: #d1f3f4;
    padding: 15px 10px;
    margin: 0px 5px;
    border-radius: 5px;
    display: none;
}

    .dms > ul
    {
        overflow: hidden;
    }

        .dms > ul > li
        {
            float: left;
            margin: 5px;
            border-radius: 5px;
            overflow: hidden;
        }

            .dms > ul > li > a
            {
                padding: 10px;
                display: block;
                color: #fff;
                background: #3297ff; /* Old browsers */
                background: -moz-linear-gradient(top, #3297ff 0%, #0865c4 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3297ff), color-stop(100%,#0865c4)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #3297ff 0%,#0865c4 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #3297ff 0%,#0865c4 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #3297ff 0%,#0865c4 100%); /* IE10+ */
                background: linear-gradient(to bottom, #3297ff 0%,#0865c4 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3297ff', endColorstr='#0865c4',GradientType=0 ); /* IE6-9 */
                zoom: 1;
                -moz-transform: scale(1);
                text-shadow: 1px 1px #666;
            }
                /*###Adjust 03/06/2014 Start###*/
                .dms > ul > li > a:hover, .dms > ul > li.active > a, .dms > ul > li.opened > a
                /*###Adjust 03/06/2014 End###*/
                {
                    background: #74eac7; /* Old browsers */
                    background: -moz-linear-gradient(top, #74eac7 0%, #0bbd89 50%, #078d66 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74eac7), color-stop(50%,#0bbd89), color-stop(100%,#078d66)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#078d66 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#078d66 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top, #74eac7 0%,#0bbd89 50%,#078d66 100%); /* IE10+ */
                    background: linear-gradient(to bottom, #74eac7 0%,#0bbd89 50%,#078d66 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74eac7', endColorstr='#078d66',GradientType=0 ); /* IE6-9 */
                }

            .dms > ul > li > ul
            {
                background: #d4c9b7;
                padding: 10px;
                overflow: hidden;
                margin-bottom: 20px;
                display: none;
            }

.dmss
{
    padding: 10px 0;
    padding-bottom: 0;
    margin-top: 10px;
    display: none;
    border-top: 2px solid #fff;
    overflow: hidden;
}

    .dmss > ul
    {
        overflow: hidden;
    }

        .dmss > ul > li
        {
            float: left;
            margin: 5px;
            border-radius: 5px;
            overflow: hidden;
        }

            .dmss > ul > li > a
            {
                padding: 10px;
                background: #1dabf4;
                display: block;
                color: #fff;
                text-shadow: 1px 1px #666;
            }

                .dmss > ul > li > a.active, .dmss > ul > li > a:hover, .dmss > ul > li > a.opened,
                {
                    background: #0bc28c;
                }

            .dmss > ul > li > ul
            {
                background: #d4c9b7;
                padding: 10px;
                overflow: hidden;
                margin-bottom: 20px;
                display: none;
            }



/*left*/

.left
{
    float: left;
    width: 80%;
    margin-top: 10px;
}

.left .content table a {
	text-decoration: underline;
}

.left .content .question a {
	text-decoration: underline;
}

.left .content div[class="amount-box tal"] a {
	text-decoration: underline;
}

.left .content div[class="listing backgrounded"] a {
	text-decoration: underline;
}

.left .content div[class="error-massage-box"] a {
	text-decoration: underline;
}

.left .content div[class="none-member-message"] a {
	text-decoration: underline;
}
.left .content div[class="insurance-borrowing"] a {
	text-decoration: underline;
}

.left .content div[class="listing"] a {
	text-decoration: underline;
}

.left .content div[class="tabs"] a {
	text-decoration: none;
}

.left .content div[class="next-page"] a {
	text-decoration: none;
}
.left .content div[class="sub-tabs"] a {
	text-decoration: none;
}

.fancybox-skin .trafic-info .trafic-con a{
    text-decoration: underline;
}




/*
.left .content a[class] {
	text-decoration: none;
}
.left .content a[class="amount-box tal"] {
	text-decoration: underline;
}*/

.frequently
{
    overflow: hidden;
    margin-bottom: 10px;
}

    .frequently .title
    {
        padding: 8px;
        padding-left: 35px;
        background: url(img/green-arrow.png) 15px 10px no-repeat #f9f9f9;
        display: inline-block;
        border-radius: 10px 10px 0px 0px;
        border: 2px solid #d4d4d4;
        border-bottom: 0;
    }

    .frequently .links
    {
        background: #f9f9f9;
        padding: 10px 5px;
        border-radius: 0 10px 10px 10px;
        border: 2px solid #d4d4d4;
        margin-top: -2px;
    }

        .frequently .links a
        {
            margin: 0px 10px;
            color: #333;
            line-height: 25px;
        }

            .frequently .links a:hover
            {
                color: #07a7a5;
            }

/*Main*/
.main
{
    overflow: hidden;
    margin-bottom: 20px;
}


/*Right*/
.right
{
    float: right;
    width: 18%;
    margin-top: 10px;
}

    .right .banners
    {
        overflow: hidden;
    }

        .right .banners a
        {
            display: block;
            overflow: hidden;
            margin-bottom: 8px;
            position: relative;
        }

            .right .banners a img
            {
                display: block;
                width: 100%;
            }

    .right .right-links
    {
        overflow: hidden;
        background: #f4f4f4;
        padding: 10px 15px 5px 15px;
        margin-bottom: 10px;
        display: block;
    }

        .right .right-links ul li
        {
            padding-left: 20px;
            padding-bottom: 5px;
            background: url(img/arrow-right-side.png) no-repeat left 5px;
            position: relative;
        }

            .right .right-links ul li a
            {
                color: #000;
                line-height: 20px;
                text-decoration: underline;
            }

                .right .right-links ul li a:hover, .right .right-links ul li a.active
                {
                    color: #07a7a5;
                    text-decoration: none;
                }

            .right .right-links ul li .info-box
            {
                position: relative;
                top: 0;
                left: 0;
            }




    .right .tools
    {
        overflow: hidden;
        margin-bottom: 5px;
    }

        .right .tools > div
        {
            position: relative;
            padding-left: 110px;
            height: 63px;
            cursor: pointer;
            margin-bottom: 5px;
            display: block;
            border-radius: 10px;
            background: url(img/tool-btn-bg.png) no-repeat left center #eeeeee; /* Old browsers */
            background: url(img/tool-btn-bg.png) no-repeat left center,-moz-linear-gradient(top, #eeeeee 0%, #dedede 50%, #b5b5b5 100%); /* FF3.6+ */
            background: url(img/tool-btn-bg.png) no-repeat left center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(50%,#dedede), color-stop(100%,#b5b5b5)); /* Chrome,Safari4+ */
            background: url(img/tool-btn-bg.png) no-repeat left center,-webkit-linear-gradient(top, #eeeeee 0%,#dedede 50%,#b5b5b5 100%); /* Chrome10+,Safari5.1+ */
            background: url(img/tool-btn-bg.png) no-repeat left center,-o-linear-gradient(top, #eeeeee 0%,#dedede 50%,#b5b5b5 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #eeeeee 0%,#dedede 50%,#b5b5b5 100%); /* IE10+ */
            background: url(img/tool-btn-bg.png) no-repeat left center,linear-gradient(to bottom, #eeeeee 0%,#dedede 50%,#b5b5b5 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#b5b5b5',GradientType=0 ); /* IE6-9 */
        }

            .right .tools > div p
            {
                padding: 22px 0px;
                font-size: 18px;
            }

                .right .tools > div p.double
                {
                    padding: 13px 0;
                }

                .right .tools > div p > span
                {
                    background: #fa6183;
                    border-radius: 20px;
                    padding: 5px 11px;
                    display: inline-block;
                    color: #fff;
                }

            .right .tools > div > span.icon
            {
                position: absolute;
                top: 10px;
                left: 20px;
                width: 44px;
                height: 44px;
                background-image: url(img/tool-btn.png);
                background-repeat: no-repeat;
            }

        .right .tools > .screenshoot-list p
        {
            padding: 15px 0px;
        }

        .right .tools > .screenshoot > span.icon
        {
            background-position: left top;
        }

        .right .tools > .screenshoot-list > span.icon
        {
            background-position: left -44px;
        }

        .right .tools > .complain > span.icon
        {
            background-position: left -88px;
        }

        .right .tools > .online-support > span.icon
        {
            background-position: left bottom;
        }
.festival {
    display:block;
    position:absolute;
      top: 0px;
  left: 260px;
}
/*Footer*/
.footer
{
    background: #e5e5e5;
    border-top: 4px solid #13bdbb;
}

    .footer p
    {
        text-align: center;
        line-height: 45px;
        border-top: 1px solid #fff;
    }
/**--Dragon boat festival-- **/
            .navigation.dragon-boat > ul > li.a > a
            {
                background-image: url(img/icons/a-dragon-boat.png);
            }

            .navigation.dragon-boat > ul > li.b > a
            {
                background-image: url(img/icons/b-dragon-boat.png);
            }

            .navigation.dragon-boat > ul > li.c > a
            {
                background-image: url(img/icons/c-dragon-boat.png);
            }

            .navigation.dragon-boat > ul > li.d > a
            {
                background-image: url(img/icons/d-dragon-boat.png);
            }

            .navigation.dragon-boat > ul > li.e > a
            {
                background-image: url(img/icons/e-dragon-boat.png);
            }

            .navigation.dragon-boat > ul > li.f > a
            {
                background-image: url(img/icons/f-dragon-boat.png);
            }

            .navigation.dragon-boat
            {
                box-shadow: 0 3px 5px 0 #777;
                border-radius: 10px;
                overflow: hidden;
                zoom: 1;
                background: #ffca6f; /* Old browsers */
                /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2E2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ZmOWMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmOGUwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjljMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDI2ODAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
                background: -moz-linear-gradient(top, #ffca6f 0%, #ff9c00 49%, #ff8e0a 50%, #ff9c00 100%, #d26800 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffca6f), color-stop(49%,#ff9c00), color-stop(50%,#ff8e0a), color-stop(100%,#ff9c00), color-stop(100%,#d26800)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #ffca6f 0%,#ff9c00 49%,#ff8e0a 50%,#ff9c00 100%,#d26800 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #ffca6f 0%,#ff9c00 49%,#ff8e0a 50%,#ff9c00 100%,#d26800 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #ffca6f 0%,#ff9c00 49%,#ff8e0a 50%,#ff9c00 100%,#d26800 100%); /* IE10+ */
                background: linear-gradient(to bottom, #ffca6f 0%,#ff9c00 49%,#ff8e0a 50%,#ff9c00 100%,#d26800 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca6f', endColorstr='#d26800',GradientType=0 ); /* IE6-8 */
                font-size: 18px;
            }
            .navigation.dragon-boat > ul > li:hover, .navigation.dragon-boat > ul > li.active, .navigation.dragon-boat > ul > li.opened
            {
                background: #fea258; /* Old browsers */
                /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYTI1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2Y5NTgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VmNDMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMTM2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top, #fea258 0%, #f95800 49%, #ef4300 50%, #b13600 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fea258), color-stop(49%,#f95800), color-stop(50%,#ef4300), color-stop(100%,#b13600)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #fea258 0%,#f95800 49%,#ef4300 50%,#b13600 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #fea258 0%,#f95800 49%,#ef4300 50%,#b13600 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #fea258 0%,#f95800 49%,#ef4300 50%,#b13600 100%); /* IE10+ */
                background: linear-gradient(to bottom, #fea258 0%,#f95800 49%,#ef4300 50%,#b13600 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fea258', endColorstr='#b13600',GradientType=0 ); /* IE6-8 */
                zoom: 1;
                -moz-transform: scale(1);
            }
            .navigation.dragon-boat > ul > li
            {
               
                border-right: 1px solid #f5bc82;
                border-left: 1px solid #b76915;
            }
