View source for Template:USTC-Software/style/Practices


	body {font-family:"Roboto";margin:0}
	p {font-weight:400}
	#hphead {width:100%}

	#TAWP1 {float:left; width:500px;}

	#TAWP2 {float:right; width:500px;}
	
	#TAW {height:400px;}
	#TACT1 {float:left; width:500px;}
	
	
	#TACT {height:300px;}
	#MWHCPIC1 {
	float:left;
	position:relative;
	
	height:180px;
	
	}
	#MWHC1 {float:right; width:500px;}
	#Fig2 {position:relative;
	left:4.4%;}

        #banner1 {
            float: left;
            position: relative;
            left: 10%;
            height: 216px;
            width: 384px;
            border: 1px solid #666;
            overflow: hidden;
        }

       

        #banner1_list img {
            border: 0px;
        }

        #banner1_bg {
            position: absolute;
            bottom: 0;
            background-color: #000;
            height: 30px;
            filter: Alpha(Opacity=30);
            opacity: 0.3;
            z-index: 1000;
            cursor: pointer;
            
        }

        #banner1_info {
            position: absolute;
            bottom: 0;
            left: 5px;
            height: 22px;
            color: #fff;
            z-index: 1001;
            cursor: pointer;
        }

        #banner1_text {
            position: absolute;
            width: 120px;
            z-index: 1002;
            right: 3px;
            bottom: 3px;
        }

        #banner1 ul {
            position: absolute;
            list-style-type: none;
            filter: Alpha(Opacity=80);
            opacity: 0.8;
            border: 1px solid #fff;
            z-index: 1002;
            margin: 0;
            padding: 0;
            bottom: 3px;
            right: 5px;
        }

            #banner1 ul li {
                padding: 0px 8px;
                float: left;
                display: block;
                color: #FFF;
                border: #e5eaff 1px solid;
                background: #6f4f67;
                cursor: pointer;
            }

                #banner1 ul li.on {
                    background: #900;
                }

        #banner1_list a {
            position: absolute;
        }
  


        #banner2 {
            float: left;
            position: relative;
            height: 216px;
            width: 384px;
            border: 1px solid #666;
            overflow: hidden;
        }
	#banner2_list img {
            border: 0px;
        }

        #banner2_bg {
            position: absolute;
            bottom: 0;
            background-color: #000;
            height: 30px;
            filter: Alpha(Opacity=30);
            opacity: 0.3;
            z-index: 1000;
            cursor: pointer;
            
        }

        #banner2_info {
            position: absolute;
            bottom: 0;
            left: 5px;
            height: 22px;
            color: #fff;
            z-index: 1001;
            cursor: pointer;
        }

        #banner2_text {
            position: absolute;
            width: 120px;
            z-index: 1002;
            right: 3px;
            bottom: 3px;
        }

        #banner2 ul {
            position: absolute;
            list-style-type: none;
            filter: Alpha(Opacity=80);
            opacity: 0.8;
            border: 1px solid #fff;
            z-index: 1002;
            margin: 0;
            padding: 0;
            bottom: 3px;
            right: 5px;
        }

            #banner2 ul li {
                padding: 0px 8px;
                float: left;
                display: block;
                color: #FFF;
                border: #e5eaff 1px solid;
                background: #6f4f67;
                cursor: pointer;
            }

                #banner2 ul li.on {
                    background: #900;
                }

        #banner2_list a {
            position: absolute;
        }

        #banner3 {
            float: left;
            position: relative;
            left: 10%;
            height: 216px;
            width: 384px;
            border: 1px solid #666;
            overflow: hidden;
        }

    

        #banner3_list img {
            border: 0px;
        }

        #banner3_bg {
            position: absolute;
            bottom: 0;
            background-color: #000;
            height: 30px;
            filter: Alpha(Opacity=30);
            opacity: 0.3;
            z-index: 1000;
            cursor: pointer;
        }

        #banner3_info {
            position: absolute;
            bottom: 0;
            left: 5px;
            height: 22px;
            color: #fff;
            z-index: 1001;
            cursor: pointer;
        }

        #banner3_text {
            position: absolute;
            width: 120px;
            z-index: 1002;
            right: 3px;
            bottom: 3px;
        }

        #banner3 ul {
            position: absolute;
            list-style-type: none;
            filter: Alpha(Opacity=80);
            opacity: 0.8;
            border: 1px solid #fff;
            z-index: 1002;
            margin: 0;
            padding: 0;
            bottom: 3px;
            right: 5px;
        }

            #banner3 ul li {
                padding: 0px 8px;
                float: left;
                display: block;
                color: #FFF;
                border: #e5eaff 1px solid;
                background: #6f4f67;
                cursor: pointer;
            }

                #banner3 ul li.on {
                    background: #900;
                }

        #banner3_list a {
            position: absolute;
        }