﻿
/*第一個*/

.tooltip {
    text-decoration: none;
    position: relative;
}

    .tooltip span {
        display: none;
        /*-moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                color: black;
                background: white;*/
    }

        .tooltip span img {
            float: left;
            margin: 0px 8px 8px 0;
        }

    .tooltip:hover span {
        display: block;
        position: absolute;
        <br> top:0;
        <br> left:0;
        z-index: 1000;
        width: auto;
        max-width: 356px;
        min-height: 343px;
        /*border: 1px solid black;*/
        margin-top: -120px;
        margin-left: 138px;
        overflow: hidden;
        padding: 8px;
    }

/*第二個*/

.stooltip {
    text-decoration: none;
    position: relative;
}

    .stooltip span {
        display: none;
        /*-moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                color: black;
                background: white;*/
    }

        .stooltip span img {
            float: left;
            margin: 0px 8px 8px 0;
        }

    .stooltip:hover span {
        display: block;
        position: absolute;
        <br> top:0;
        <br> left:0;
        z-index: 1000;
        width: auto;
        max-width: 356px;
        min-height: 343px;
        /*border: 1px solid black;*/
        margin-top: -220px;
        margin-left: -10px;
        overflow: hidden;
        padding: 8px;
    }

/*第三個*/

.ttooltip {
    text-decoration: none;
    position: relative;
}

    .ttooltip span {
        display: none;
        /*-moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                color: black;
                background: white;*/
    }

        .ttooltip span img {
            float: left;
            margin: 0px 8px 8px 0;
        }

    .ttooltip:hover span {
        display: block;
        position: absolute;
        <br> top:0;
        <br> left:0;
        z-index: 1000;
        width: auto;
        max-width: 356px;
        min-height: 343px;
        /*border: 1px solid black;*/
        margin-top: -217px;
        margin-left: -5px;
        overflow: hidden;
        padding: 8px;
    }

/*第四個*/

.ftooltip {
    text-decoration: none;
    position: relative;
}

    .ftooltip span {
        display: none;
        /*-moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                color: black;
                background: white;*/
    }

        .ftooltip span img {
            float: left;
            margin: 0px 8px 8px 0;
        }

    .ftooltip:hover span {
        display: block;
        position: absolute;
        <br> top:0;
        <br> left:0;
        z-index: 1000;
        width: auto;
        max-width: 356px;
        min-height: 343px;
        /*border: 1px solid black;*/
        margin-top: -125px;
        margin-left: 55px;
        overflow: hidden;
        padding: 8px;
    }

/*第五個*/

.fftooltip {
    text-decoration: none;
    position: relative;
}

    .fftooltip span {
        display: none;
        /*-moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                color: black;
                background: white;*/
    }

        .fftooltip span img {
            float: left;
            margin: 0px 8px 8px 0;
        }

    .fftooltip:hover span {
        display: block;
        position: absolute;
        <br> top:0;
        <br> left:0;
        z-index: 1000;
        width: auto;
        max-width: 356px;
        min-height: 343px;
        /*border: 1px solid black;*/
        margin-top: -200px;
        margin-left: 248px;
        overflow: hidden;
        padding: 8px;
    }

/*第六個*/

.sttooltip {
    text-decoration: none;
    position: relative;
}

    .sttooltip span {
        display: none;
        /*-moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                color: black;
                background: white;*/
    }

        .sttooltip span img {
            float: left;
            margin: 0px 8px 8px 0;
        }

    .sttooltip:hover span {
        display: block;
        position: absolute;
        <br> top:0;
        <br> left:0;
        z-index: 1000;
        width: auto;
        max-width: 356px;
        min-height: 343px;
        /*border: 1px solid black;*/
        margin-top: -480px;
        margin-left: -98px;
        overflow: hidden;
        padding: 8px;
    }

/*第七個*/
.rtooltip {
    text-decoration: none;
    position: relative;
}

    .rtooltip span {
        display: none;
        /*-moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                color: black;
                background: white;*/
    }

        .rtooltip span img {
            float: left;
            margin: 0px 8px 8px 0;
        }

    .rtooltip:hover span {
        display: block;
        position: absolute;
        <br> top:-10;
        <br> left:0;
        z-index: 1000;
        width: auto;
        max-width: 356px;
        min-height: 343px;
        /*border: 1px solid black;*/
        margin-top: -490px;
        margin-left: -120px;
        overflow: hidden;
        padding: 8px;
    }

/*第八個*/
.etooltip {
    text-decoration: none;
    position: relative;
}

    .etooltip span {
        display: none;
        /*-moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                color: black;
                background: white;*/
    }

        .etooltip span img {
            float: left;
            margin: 0px 8px 8px 0;
        }

    .etooltip:hover span {
        display: block;
        position: absolute;
        <br> top:-10;
        <br> left:0;
        z-index: 1000;
        width: auto;
        max-width: 356px;
        min-height: 343px;
        /*border: 1px solid black;*/
        margin-top: -250px;
        margin-left: -70px;
        overflow: hidden;
        padding: 8px;
    }
