﻿.Mask
{
    width:100%;
    height:10000px;
    z-index:1000;
    background-color:rgb(50,50,50); 
    background-color:rgba(50,50,50,0.4);     
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    top:0; 
    left:0; 
    z-index:1000;
    position:absolute;
    text-align:center;
}

.ContentPanel
{
    /* Fallback for web browsers that don't support RGBa */
    
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    border:5px solid white;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.ContentPictureContainer
{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.ContentAnchor
{
    z-index:2002;
    position:absolute;
    text-align:center;
    width:50px;
    height:50px;
}

.ContentDescription
{    
    z-index:2001;
    background-color:#202020; 
    text-align:center;
    vertical-align:middle;
    color:White;
    font-family:微軟正黑體;
    padding:0px;
    height:20px;
}

.ActiveAnchor
{
    z-index:2002;
    position:absolute;
    text-align:center;
    _width:50px;
    _height:50px; 
    opacity:1;
    filter:alpha(opacity=100);    
    position:absolute;
    cursor:hand;
}

.InActiveAnchor
{
    z-index:2002;
    position:absolute;
    text-align:center;
    _width:50px;
    _height:50px;    
    opacity:0.3;
    filter:alpha(opacity=30);
    position:absolute;
    cursor:text;
}


