Template:TUST China/css/style1

html,body,h3{ margin: 0; padding: 0;}

body{

   top: 0px;
   font-size: 1.0vw;
   background-color: #fff;
   line-height: 30px;

} li{ list-style: none; margin: 0; vertical-align: top;} ul{ margin: 0; padding: 0;} a:hover{

} table{

   /*border: #fff;*/
   /*border-style: solid;*/
   /*background-color: #fff;*/
   position: center;
   width: 80%;

} .directory-nav{position: fixed;right: 0px; bottom:100px; padding: 12px 0 20px 32px; display: none;} .directory-nav li{height: auto;line-height: 30px; position: relative;width: 15vw;} .directory-nav li a{} .directory-nav .l1{ } .directory-nav .l2{ text-indent:0.6em;} .directory-nav .l1 a{font-size: 1.0vw; } .directory-nav .l2 a{font-size: 0.8vw;} .directory-nav,.directory-nav a{ color: #666;} .directory-nav .cur a{ color: red;} .l2{

   line-height:8px;

} .directory-nav .line{ position: absolute; left:4px; top: 5px; bottom: 5px; z-index: 1; width: 2px; background: #ddd;} .directory-nav .c-top,.directory-nav .c-bottom{ position: absolute; left: 0; z-index: 2;

   display: block; width: 10px; height: 10px; font-size: 0; line-height: 0;
   background: url() no-repeat 0 -69px;

} .directory-nav .c-dot{

   position: absolute; left:-32px; top: 50%; z-index: 2; margin-top: -5px;
   display: block; width: 10px; height: 10px; font-size: 0; line-height: 0;
   background: url() no-repeat -275px 0;

}

.directory-nav .c-top{ top: 0} .directory-nav .c-bottom{ bottom: 0} .directory-nav .cur-tag{

   position: absolute; left: -1px; top:30px; z-index: 5; margin-top: -6px;
   display: block; width: 19px; height: 13px; font-size: 0; line-height: 0;
   background: url() no-repeat -271px -37px;
   -webkit-transition:top .3s ease 0s;
   transition:top .3s ease 0s;

} .qcontainer {

   perspective: 2000px;
   -webkit-perspective: 2000px;
   -moz-perspective: 2000px;
   float: left;
   width: 30%;
   height: 200px;
   margin-right: 20px;
   margin-bottom: 40px;

}

.film {

   width: 100%;
   height: 100%;
   -webkit-transform-style: preserve-3d;
   -webkit-transition: 1.5s;
   -moz-transform-style: preserve-3d;
   -moz-transition: 1.5s;

}

.qcontainer:hover .film {

   -webkit-transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);

}

.face {

   position: absolute;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;

} .face>p{

   /*!*vertical-align: center;*!*/
   /*!*height: 100%;*!*/
   /*!*width: 100%;*!height:100%;line-height:100%;*/

} .round-none{

} .front{

   background: #CCCCCC;
   width: 100%;
   height: 100%;
   vertical-align: center;

}

.back {

   -webkit-transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);
   background-color: rgba(38,34,98, .8);
   color:#fff;
   width: 100%;
   height: 100%;
   padding-top: 20px;

}

.back_to_top{

   position: fixed;

   bottom:20px;

   right:100px;

   width: 50px;
   cursor:pointer;

} .content-cen{

   position: center;
   width: 80%;
   border-radius: 10px;
   background-color: rgba(66,219,191, 0.1);
   padding-left: 5%;
   padding-right: 5%;
   padding-bottom: 50px;
   padding-top: 50px;
   margin-bottom: 50px;

} .content-cen>span{

   font-size: 1.3vw;
   font-weight: 5px;

} .team-header>img{

   display: block;
   position: relative;
   left: 50%;
   margin: 30px 0px 30px 0px;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%);

} .content-cen>img{

    display: block;
    position: relative;
    left: 50%;
    margin: 30px 0px 30px 0px;
    -webkit-transform: translateX(-60%);
    -moz-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    -o-transform: translateX(-60%);
    transform: translateX(-60%);
}

.content-cen>p{

   text-indent:40px;
   font-size: 1.3vw;

} .backimg{

   position: fixed;
   width: 100%;
   height:100%;
   top: 0px;
   z-index: -1;

} .content-header{

   display: block;
   top: 20px;
   width: 100%;
   color: #fff;

} .membercon{

   display:inline-block;
   margin-left: 50px;
   width: 30%;
   height: 200px;
   border-radius: 10px;
   text-align: center;
   padding-bottom: 10px;
   margin-bottom: 10px;

   background-color: rgba(255,255,255, 1.0);

} .head-content{

   display: block;
   position: center;

   width: 60%;
   margin-left: 20%;
   padding-bottom: 10px;
   color: #fff;

} .head-content>p{

   position: center;
   font-size: 17px !important;
   line-height: 1.5em;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: 140;
   margin: 0;
   text-align: center;

} .round-none{

   color: #fff;
   font-size: 2.0vw;

   border: 7px solid #fff;width: 150px;height: 150px;border-radius: 50%;
   top:20px;
   margin-top: 20px;

} .round-none>p{ text-align: center!important;

   height: 100%;
   width: 100%;
   font-size: 1.6vw!important;
   padding-top: 50px;

} td>li{

   list-style: circle;

}