﻿./*ritht_block{ margin: 0px 0px 0px 10px; padding: 0px; border: 0px; width: 100%; height: auto; background-color: #FFF; position: relative;}  

.right_block_title{ margin: 15px 0px 0px 0px; padding: 0px; border: 0px; width: 180px; height: 35px; line-height: 35px;background:url(../images/opac002.jpg) no-repeat;  background-position: 0px 0px;text-indent:35px;}
.right_block_title span{ margin: 0px 0px 0px 20px; font-size:16px; font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial'; font-weight: normal ; color: #000;}

.right_block_item{ margin: 0px; padding: 0px; border: 0px; width: 180px; }           
.right_block_tail{ margin: 0px; padding: 0px; border: 0px; width: 180px; height: 5px; background:url(../images/rightmenu/blue/.png) no-repeat;}

.div_SelfSpace_Style{ height: 20px;}

 ul.self_menu{ margin: 0; padding: 0; width: 178px; border: 1px solid #F5EEC0; list-style: none; background-color: #FFECD4;}
 ul.self_menu li{ margin: 0; padding: 5px 0 5px 20px; border-bottom: 1px solid #F5EEC0; font-family: arial; font-size: 13px; font-weight: 700; color: #96C4C4;}
 ul.self_menu li:first-child{ border-top: none;}*/
 /* padding-right is set 100px and white-space is used to make sure it won't break into two lines */
 /*ul.self_menu li a{ color: #000099; text-decoration: none;}*/
 /* IE Hack */ 
 /*ul.self_menu li a { padding-right: 50px !important;}
 
 .even{background-color:#FFECD4;}right_block_title*/

    /* 2019-06-25 Tooltip container */
    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
    }

        /* Tooltip text */
        .tooltip .tooltiptext {
            visibility: hidden;
            width: 120px;
            background-color: #555;
            color: #fff;
            text-align: center;
            padding: 5px 0;
            border-radius: 6px;
            /* Position the tooltip text */
            position: absolute;
            z-index: 1;
            bottom: 125%;
            left: 50%;
            margin-left: -60px;
            /* Fade in tooltip */
            opacity: 0;
            transition: opacity 0.3s;
        }

            /* Tooltip arrow */
            .tooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: #555 transparent transparent transparent;
            }

        /* Show the tooltip text when you mouse over the tooltip container */
        .tooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1;
        } 