/* 01全局样式属性 */
body{background-color:#000000;
    background-image:url("image/space0.1.jpg");
}
*{color:#FFFFFF;margin:0px;} /* 全局标准边距 */
    .all{
        
        
        width:1200px; /* allcontent标准宽度 */
        margin:0 auto;}
    a{text-decoration:none;}
    ul{margin:0;padding:0px;list-style:none;}
    .article{
        border:1px solid #00AA00;
        border-radius:5px 5px 0 0;
        margin-bottom:5px;
    }
    p{text-indent:40px;}
    .tip{
        background-color:#C00;
        border-radius:15px;
        margin:0px 40 0px 40;
        padding:0px 10px 0px 10px;
    }
    header{
        height:20px; /* header标准高度 */
        background-color:#FF6600;
        border-radius:5px 5px 0 0;
    }   
    .tip pre {
        margin-left:-40px;
    }
    TEXTAREA{
        background-color:#000000;
        font-size:16px;
        font-family:Microsoft Sans Serif;
    }
    code{
        font-family:Courier New; /* 代码标准字体 */
        width:600px;
        border:1px solid #AA0000;
        margin:0 20px 0 20px;
    }
    
    xmp{
        background-color:#000044;
        padding:1px;
        margin:0;
        display:inline;
    }
/* 02nav属性 */
nav{
    position:relative;
    height:400px; /* nav标准高度 */

    background-image:url("image/nav-bg.png");}
    .logo{height:80px;}
    nav ul{
        position:absolute;
        bottom:0px;
        height:20px;}
    nav ul li{display:inline;
        font-size:20px;
        margin:0 5px;
        }
    nav ul li img{position:relative;bottom:270px;
                }
    #m1,#m2,#m3,#m4{position:relative;
        }
    .menu{position:absolute;left:72px;bottom:334px;
        font-size:64px;color:#FFFFFF;
        mix-blend-mode:overlay;
        opacity:1;
        }
/* 03main属性*/
.main{margin-top:5px;
	vertical-align:top;
}
/* 04left属性 */
.left{
    display:inline-block;
	float:left;
    font-size:16px;
    /* position:fixed; */
    width:240px; /* left标准宽度 */
}
    .left ul{
        border:1px dotted #808080;
        box-shadow: 0px 0px 10px 0px #FF0000 inset; /* 水平位置、竖直位置、模糊、延伸、颜色、内或外(inset、outset) */
    }
    .left-title{
       padding:10px;box-shadow: 0px 0px 10px 0px #CCCCFF inset; /* 水平位置、竖直位置、模糊、延伸、颜色、内或外(inset、outset) */ 
        }
/*05middle属性*/
.middle{
    display:inline-block;
	float:left;
    width:750px;margin-left:0px;
    } /* middle标准宽度 */
    .video-area{
        position:relative;
        background-image:url("image/ivy0.2.png");
        background-repeat:no-repeat;
        width:800px; height:600px;}
    .video-frame{
        position:absolute; top:150px;left:140px;
        width:480px; height:auto;}
    .video-frame video{
    width:480px; height:auto;}
    
    .image-frame{display:inline-block; vertical-align:top;
        position:absolute; top:100px;left:60px;
        width:640; height:auto;
        pointer-events: none;}
    .image-frame img{width:640px;height:auto;
        }
    .download{position:absolute;left:300px;bottom:40px;}
    .download span{color:#FF0000;
        background-color:#000000;
        box-shadow: 0px 0px 10px 3px #FFA000 inset; /* 水平位置、竖直位置、模糊、延伸、颜色、内或外(inset、outset) */
        }
    .download a{color:#0000FF;margin-left:150px;
        box-shadow: 0px 0px 10px 0px #FFA000 inset; /* 水平位置、竖直位置、模糊、延伸、颜色、内或外(inset、outset) */ }
/*06right属性*/
.right{
    width:200px;
 float:right;
}
.right h4{}
.right ul li{ margin-top:15px;
    border:1px solid #4000FF; 
    border-radius:5px 5px 0px 0px;
    }
.glow{color:#FF4000; box-shadow: 0px 0px 10px 0px #FFFF00 inset; /* 水平位置、竖直位置、模糊、延伸、颜色、内或外(inset、outset) */ }
footer{clear:both;}
footer ul li{display:inline-block;
    width:150px;height:150px;
    font-size:40px;
    text-align:center;

    margin:20px;
    
    background-image:url("image/tile.png");
    }