@charset "utf-8";
/* CSS Document */

.api-box-shadow{
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
			box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
.api-box-shadow-white{
	-webkit-box-shadow:0 1px 4px #f2f2f2;
	   -moz-box-shadow:0 1px 4px #f2f2f2;
			box-shadow:0 1px 4px #f2f2f2;
}
.api-box-shadow-right-bottom{
	-webkit-box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.2);
	        box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.2);
}
.api-box-black{
    background-color: #26262B;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px; 		
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
			box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
.api-box-header-black{
    background: none repeat scroll 0 0 #282828;
    border-bottom: 1px solid #000000;
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.05) inset;
	   -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.05) inset;
		    box-shadow:0 1px 0 rgba(255, 255, 255, 0.05) inset;

    color: #c8c8c8;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 8px;
	padding-top:4px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
/*    text-transform: uppercase; */
	text-align:left;
}
.api-box-header-blue{
	background-color:#3a4f7d; 
	color:#f6f6f6; 
	padding-top:7px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;

	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
			box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
.api-box-white{
	background-color:#f6f6f6;
	-webkit-box-shadow:0px 0px 2px #4c4c4c;
	   -moz-box-shadow:0px 0px 2px #4c4c4c;
		    box-shadow:0px 0px 2px #4c4c4c;
}
.api-box-rock-white{
	background-image:url(/public/api/image/bg/rock_white.jpg); 
	background-repeat:repeat;
}
.api-box-rock{
	border-right:1px solid #262626;	
	border-left:1px solid #262626;	

	background-color:#282828;
    background-image:url(/public/api/image/bg/rock_black.jpg); 
	background-repeat:repeat;	

 
}
.api-box-rock-red{
    background-image:url(/public/api/image/bg/bg_red_rock.jpg); 
	background-repeat:repeat;


}
.api-box-white-222{
background-color:#282828;
		
	-webkit-box-shadow:0 0px 43px #812e00;
	   -moz-box-shadow:0 0px 3px #812e00;
			box-shadow:0 0px 100px #812e00;
			border:1px solid #000; 

			
}
.api-box-white-22{
	background:#f3f3f3;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
			box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.api-box-white-shadow{
	background:#f2f2f2;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
			box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.api-box-movie-scroll{
	background: url(/public/api/image/bg/movie-bg.png); 
	background-repeat:repeat-y; 
	overflow:auto; 
	max-height:460px;
	width:420px; 
}
.aaaa{
	background: -webkit-linear-gradient(top, #f8f8f8, #969696);
	background: linear-gradient(top, #f8f8f8, #969696);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.bbbb{
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.5) 50%, rgba(0,0,0,1));
	-webkit-mask-image: linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.5) 50%, rgba(0,0,0,1));
}		
.api-box-black-opacity{
	background-color:#333333;

	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);

	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
	   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
			box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
			
            -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.7);
               -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 5px 10px rgba(0, 0, 0, 0.7);
			
}
.api-box-gate{
	background-color:#291f1d; box-shadow:1px 1px 10px #000000;  
	-ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(Strength=7,Direction=180,Color=\'#291f1d\')';
}
.api-box-white-23{ 
	background-color:#f6f6f6; 
	box-shadow:0px 0px 5px #000000;
}
.api-box-white-24{ 
	background-color:#ffffff; 
	box-shadow: 0px 0px 2px #888888;
}


        .drop-shadow {
            position:relative;
            float:left;
            width:100%;
            margin:2em 10px 4em;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute;
            z-index:-2;
        }

        .drop-shadow p {
            font-size:16px;
            font-weight:bold;
        }

        /* Lifted corners */

        .lifted {
            -moz-border-radius:4px;
                 border-radius:4px;
        }

        .lifted:before,
        .lifted:after {
            bottom:15px;
            left:10px;
            width:100%;
            height:20%;
            max-width:300px;
            max-height:100px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);
               -moz-transform:rotate(-3deg);
                -ms-transform:rotate(-3deg);
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }

        .lifted:after {
            right:10px;
            left:auto;
            -webkit-transform:rotate(3deg);
               -moz-transform:rotate(3deg);
                -ms-transform:rotate(3deg);
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }