Team:HFUT-China/indexcss

html, body {

   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;

}

.box{ display: box; display: -webkit-box; display: -moz-box; display: -o-box; } .block-box{ box-orient:vertical; -webkit-box-orient:vertical; -moz-box-orient:vertical; -o-box-orient:vertical; } .inline-box{ box-orient:horizontal; -webkit-box-orient:horizontal; -moz-box-orient:horizontal; -o-box-orient:horizontal; } .box-item{ box-flex:0; -webkit-box-flex:0; -moz-box-flex:0; -o-box-flex:0; }

.onepage-pagination a{ color:#E6E6E6; }

div.container {

   width: 100%;
   height: 100%;

}

section.intro {

   width: 100%;
   height: 100%;

}

section.brief{ background-image: url(First_back.png); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; background-color: #000000; }

section.brief div.b-title{ float: right; margin-right: 25%; margin-top: 25%; }

figure.logo-back{ background-image: url(Logo_DNA.png); background-repeat: no-repeat; background-size-height:242px 1009px; background-position: 0 center; width:242px; height: 100%; float: left; margin-left: 20%; }

section.brief div.slogn {

   text-align: center;
   width: 90%;
   margin: 15px auto;
   font-size: 2.2em;
   font-weight: lighter;
   color:#E6E6E6;

}

section.brief div.title{ text-align: center;

   display: block;
   font-weight: lighter;
   font-size: 5em;
   color:#FFFFFF;

}

section.brief figure.title-logo{ background-image: url(Logo_white_small.png); background-repeat: no-repeat; background-size: 100px 100px; width: 100px; height:100px; margin: 0 auto; }

section.desc{

background-color: #F0EBDF; /*background-color: #E6E6E6;*/ color:#000; }

section.desc div.desc{ float: right; width:40%;

margin-top:10%; margin-right: 20%; background-color: rgba(0,0,0,0); }

section.desc div.desc div.desc-title{ font-size: 3em; }

section.desc div.desc p{ margin-top: 5%; font-size:1.2em; }

section.desc div.img-logo{ float:left; width:30%; height:50%; margin-top:10%; margin-left: 10%;

}

section.search {

   background-color: #37384B;

}

div.func-desc{ float:right; margin-right: 10%; margin-top:10%; background-color: rgba(0,0,0,0); width:40%; color: #FFFFFF; }

div.simu-desc{ float:right; margin-right: 10%; margin-top:10%; background-color: rgba(0,0,0,0); width:40%; color: #000; }

div.func-desc div.func-title{ font-size: 3em; }

div.func-desc div.func-subtitle{ font-size: 2em; }

div.func-desc p{ margin-top: 2%; font-size: 1.2em; }

div.simu-desc div.simu-title{ font-size: 3em; }

div.simu-desc div.simu-subtitle{ font-size: 2em; }

div.simu-desc p{ margin-top: 2%; font-size: 1.2em; }


section.recommend {

   background-color: #006475;

}

section.simulation{ background: linear-gradient(180deg, #53eacb, #59cbf7); color:#000; }

div.recommend-anim, div.search-anim, div.simu-anim{ width: 45%; margin-left: 10px; margin-top: 20px; height: 80%; float: left }