/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/** @import "iconfont.css";.clearFix::after{content:'';clear:both;display:block;visibility:hidden;width:0;height:0}.clearFix{zoom:1}.animateload{-webkit-animation:loadanimation 1.5s;animation:loadanimation 1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes loadanimation{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@keyframes loadanimation{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@-webkit-keyframes nextbutanimation{from{top:20%;opacity:1}to{top:60%;opacity:0}}@keyframes nextbutanimation{from{top:20%;opacity:1}to{top:60%;opacity:0}}@-webkit-keyframes typing{from{width:0}}@keyframes typing{from{width:0}}@-webkit-keyframes blink-caret{50%{border-color:transparent}}@keyframes blink-caret{50%{border-color:transparent}}#wrap{position:relative;background-image:url("../../src/img/bg.jpg");background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;background-size:100% 100%}#wrap .page{min-height:100vh;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:white}#wrap .page .page-title{color:#ff4a57;text-align:center;font-weight:bold;margin:20px 0}#wrap .page1{text-align:center}@media screen and (max-height:600px){#wrap .page1 .next-bt{display:none}}#wrap .page1 .next-bt{position:absolute;width:30px;height:60px;border-radius:30px;border:1px solid #dadada;bottom:80px;vertical-align:bottom;background-color:transparent;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;color:#dadada}#wrap .page1 .next-bt span{position:absolute;top:120%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:111px;text-align:center}#wrap .page1 .next-bt:hover{color:darkorange}#wrap .page1 .next-bt:after{position:absolute;content:'';width:5px;border-radius:10px;height:10px;background-color:#fff;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:nextbutanimation infinite 1s ease-in-out;animation:nextbutanimation infinite 1s ease-in-out}#wrap .page1 .page1-box .box-page{border-radius:10px;padding:30px 0;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;text-align:center}#wrap .page1 .page1-box .box-page h1{font-size:60px;line-height:80px;font-weight:800;font-family:cursive,'Lato',sans-serif}#wrap .page1 .page1-box .box-page .box-info{font-family:微軟正黑體;font-size:35px}#wrap .page1 .page1-box .box-page .box-font{color:#dadada}#wrap .page1 .page1-box .box-page .box-font .box-change{vertical-align:bottom;display:inline-block;border-right:.1em solid;width:16ch;white-space:nowrap;overflow:hidden;-webkit-animation:typing 2s steps(16,end),blink-caret .5s step-end infinite alternate;animation:typing 2s steps(16,end),blink-caret .5s step-end infinite alternate}#wrap .page1 .page1-box .box-page:hover{color:white;-webkit-box-shadow:0 0 50px 0 black;box-shadow:0 0 50px 0 black;background-color:rgba(255,255,255,0.2)}#wrap .page2 .page2-box .row{text-align:center}#wrap .page2 .page2-box .row .box-image::after{content:'';position:absolute;height:400px;width:70%;max-width:70%;max-width:400px;top:10%;left:30%;z-index:-1;background-color:rgba(255,255,255,0.3);border-top-left-radius:69% 70%;border-top-right-radius:37% 68%;border-bottom-right-radius:50% 32%;border-bottom-left-radius:50% 30%}#wrap .page2 .page2-box .row .box-image{position:relative;display:block;margin:0 auto 30px}#wrap .page2 .page2-box .row .box-image img{max-width:70%;width:auto;margin:0 auto;height:400px;-o-object-fit:cover;object-fit:cover;border-top-left-radius:69% 70%;border-top-right-radius:37% 68%;border-bottom-right-radius:50% 32%;border-bottom-left-radius:50% 30%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#wrap .page2 .page2-box .row img:hover{-webkit-box-shadow:0 0 10px 1px #5ba2d1;box-shadow:0 0 10px 1px #5ba2d1}#wrap .page2 .page2-box .row .box-info{text-align:left}#wrap .page2 .page2-box .row .box-info h1{text-align:center;font-weight:bold;color:#ff4a57;margin:30px 0}#wrap .page2 .page2-box .row .box-info h2{font-size:17px;font-weight:bold}#wrap .page2 .page2-box .row .box-info p{text-indent:2em;color:#dadada}#wrap .page3 .page3-box .row{text-align:center}#wrap .page3 .page3-box .row .box-item:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#wrap .page3 .page3-box .row .box-item{-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;margin:10px 0}#wrap .page3 .page3-box .row .box-item .box-xz{margin:0 auto;background-image:url("../../src/img/triangle.png");background-size:100% 100%;width:200px;height:200px;line-height:200px}#wrap .page3 .page3-box .row .box-item .box-xz .iconfont{font-size:50px}#wrap .page3 .page3-box .row .box-item .box-info{color:#dadada;font-family:'Poppins',sans-serif}#wrap .page3 .page3-box .row .box-item .box-info h5{color:#ff4a57;font-family:"Quicksand",sans-serif;font-weight:bold}#wrap .page3 .page3-box .row .box-item .box-info p{line-height:30px;font-family:"Yu Gothic"}#wrap .page4 .page3-box .row .iconfont{color:white;font-size:20px}#wrap .page4 .page3-box .row .box-right{font-family:"Quicksand",sans-serif}#wrap .page4 .page3-box .row .box-right .proresslist .proress{margin:20px 0}#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-title{font-weight:bold;padding:10px 10px 10px 0}#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;height:15px;background-color:#e9ecef;overflow:hidden;border-radius:2px}#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar .bar-propress{width:0;height:100%;background-color:#ff4a57;-webkit-transition:all 3s;-o-transition:all 3s;transition:all 3s;position:relative}
#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar .bar-propress span{font-size:12px;font-weight:bold;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-icon{background-size:100% 100%;width:50px;height:50px;line-height:50px;background-color:#ff4a57;text-align:center}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info{margin-left:20px;font-family:Quicksand}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info span{font-weight:bold}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info h5{color:rgba(255,199,45,0.76)}#wrap .page4 .page3-box .row .box-left{padding:20px 0}#wrap .page4 .page3-box .row .box-left .left-body li:hover .desc{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#wrap .page4 .page3-box .row .box-left .left-body ul{position:relative;overflow:hidden;list-style:none;padding:1em 0 0 2em;margin:0}#wrap .page4 .page3-box .row .box-left .left-body ul .title{z-index:1;width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;margin-left:-0.5rem;margin-top:7%}#wrap .page4 .page3-box .row .box-left .left-body ul .date{width:23%;font-size:.75em;padding-top:.40rem;padding-right:2rem}#wrap .page4 .page3-box .row .box-left .left-body ul .desc{-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;width:65%}#wrap .page4 .page3-box .row .box-left .left-body ul .desc h3{font-size:1.1em;font-weight:400;margin:0 0 10px 0}#wrap .page4 .page3-box .row .box-left .left-body ul .desc h4{margin:0;font-size:.8em;line-height:1.8em;font-weight:400;color:#808080}#wrap .page4 .page3-box .row .box-left .left-body ul::before{content:'';height:100%;width:5px;background-color:#d9d9d9;position:absolute;top:0;z-index:-1}#wrap .page4 .page3-box .row .box-left .left-body div{vertical-align:top;margin:1em 0;display:inline-block}#wrap .page5 .page3-box .row .box-item:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:1}#wrap .page5 .page3-box .row .box-item:hover .item-zhez{visibility:visible}#wrap .page5 .page3-box .row .box-item{position:relative;overflow:hidden;margin-bottom:20px;border-radius:10px;display:inline-block}#wrap .page5 .page3-box .row .box-item img{width:100%;min-height:220px;max-height:220px}#wrap .page5 .page3-box .row .box-item .item-zhez{position:absolute;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:white;padding:20px;right:0;bottom:0;left:0;top:0;background-color:rgba(0,0,0,0.3);visibility:hidden}#wrap .page5 .page3-box .row .box-item .item-zhez h4{-webkit-box-flex:1;-ms-flex:1;flex:1}#wrap .page5 .page3-box .row .box-item .item-zhez P{-webkit-box-flex:3;-ms-flex:3;flex:3}#wrap .page6 .page3-box .row .box-page{padding:100px;background:-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) left top,-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) left top,-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) right top,-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) right top,-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) left bottom,-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) left bottom,-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) right bottom,-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) right bottom;background:-o-linear-gradient(#00ffd4,#00ffd4) left top,-o-linear-gradient(#00ffd4,#00ffd4) left top,-o-linear-gradient(#00ffd4,#00ffd4) right top,-o-linear-gradient(#00ffd4,#00ffd4) right top,-o-linear-gradient(#00ffd4,#00ffd4) left bottom,-o-linear-gradient(#00ffd4,#00ffd4) left bottom,-o-linear-gradient(#00ffd4,#00ffd4) right bottom,-o-linear-gradient(#00ffd4,#00ffd4) right bottom;background:linear-gradient(#00ffd4,#00ffd4) left top,linear-gradient(#00ffd4,#00ffd4) left top,linear-gradient(#00ffd4,#00ffd4) right top,linear-gradient(#00ffd4,#00ffd4) right top,linear-gradient(#00ffd4,#00ffd4) left bottom,linear-gradient(#00ffd4,#00ffd4) left bottom,linear-gradient(#00ffd4,#00ffd4) right bottom,linear-gradient(#00ffd4,#00ffd4) right bottom;background-repeat:no-repeat;background-size:5px 60px,60px 5px;text-align:center}#wrap .page6 .page3-box .row .box-page .page-tag{font-size:20px}#wrap .page6 .page3-box .row .box-page h2{display:inline-block;padding-bottom:5px;border-bottom:2px solid orangered}#wrap .page6 .page3-box .row .box-page h2 span{color:orangered}#wrap .page6 .page3-box .row .box-page ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex}#wrap .page6 .page3-box .row .box-page ul li{-webkit-box-flex:1;-ms-flex:1;flex:1}#wrap .page6 .page3-box .row .box-page p{line-height:30px}#wrap .page6 .page3-box .row .box-page .page-list{margin-top:30px}#wrap .page6 .page3-box .row .box-page .page-list .iconfont{font-size:30px;color:white}#wrap #navbar{position:fixed;right:50px;top:25%;overflow:hidden}#wrap #navbar .navbar-line{position:absolute;left:50%;top:0;width:2px;height:85%;background:url("../img/dot.png");z-index:-1}#wrap #navbar .navbar-list .navbtn{display:block;margin:0 auto 50px;width:7px;height:7px;line-height:7px;text-align:center;border-radius:50%;background-color:deepskyblue;border:4px solid #e8e8e8;-webkit-box-sizing:content-box;box-sizing:content-box}#wrap #navbar .navbar-list .navbtn:hover{border:4px solid white}#wrap #navbar #audio{position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden}#wrap #navbar #audio .audio-controls{width:100%;height:100%;background-color:red;-webkit-animation:AudioRotate;animation:AudioRotate;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#wrap #navbar #audio .audio-controls img{width:100%;height:100%}#wrap #navbar #audio span{width:100%;height:100%;line-height:60px;position:absolute;top:0;left:0;text-align:center;font-size:25px;color:black;background:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}#wrap #navbar #audio:hover span{background:rgba(0,0,0,0.3)}#wrap #navbar-banner{display:none}@media screen and (max-width:800px){#wrap #navbar-banner{display:block;position:fixed;top:0;left:0;width:100%;background-color:rgba(255,255,255,0.3)}
  #wrap #navbar-banner .iconfont{height:60px;line-height:60px;font-size:30px;color:white;float:right}#wrap #navbar-banner ul{display:none;list-style:none}#wrap #navbar-banner ul li{padding:5px 0}#wrap #navbar-banner ul li a{text-decoration:none;color:white}#wrap #navbar-banner ul li:hover{background-color:rgba(255,255,255,0.4)}#wrap #navbar{display:none}}@-webkit-keyframes AudioRotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes AudioRotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes ldanimation{0%,100%{height:40px;background:lightgreen}50%{height:70px;margin:-15px 0;background:lightblue}}@keyframes ldanimation{0%,100%{height:40px;background:lightgreen}50%{height:70px;margin:-15px 0;background:lightblue}}#loadding{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1;background-color:#212121;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#loadding span{display:inline-block;width:8px;height:35px;border-radius:4px;background-color:lightblue;-webkit-animation:ldanimation .5s linear infinite;animation:ldanimation .5s linear infinite;margin:0 10px}#loadding span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}#loadding span:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}#loadding span:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s} **/


@import "iconfont.css";.clearFix::after{content:'';clear:both;display:block;visibility:hidden;width:0;height:0}.clearFix{zoom:1}.animateload{-webkit-animation:loadanimation 1.5s;animation:loadanimation 1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes loadanimation{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@keyframes loadanimation{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@-webkit-keyframes nextbutanimation{from{top:20%;opacity:1}to{top:60%;opacity:0}}@keyframes nextbutanimation{from{top:20%;opacity:1}to{top:60%;opacity:0}}@-webkit-keyframes typing{from{width:0}}@keyframes typing{from{width:0}}@-webkit-keyframes blink-caret{50%{border-color:transparent}}@keyframes blink-caret{50%{border-color:transparent}}#wrap{position:relative;}#wrap:after{content:'';position:fixed;z-index:-1;left:0;right:0;top:0;bottom:0;background-image:url("../../src/img/bg.jpg");background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;background-size:100% 100%;}#wrap .page{min-height:100vh;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:white}#wrap .page .page-title{color:#ff4a57;text-align:center;font-weight:bold;margin:20px 0}#wrap .page1{text-align:center}@media screen and (max-height:600px){#wrap .page1 .next-bt{display:none}}#wrap .page1 .next-bt{position:absolute;width:30px;height:60px;border-radius:30px;border:1px solid #dadada;bottom:80px;vertical-align:bottom;background-color:transparent;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;color:#dadada}#wrap .page1 .next-bt span{position:absolute;top:120%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:111px;text-align:center}#wrap .page1 .next-bt:hover{color:darkorange}#wrap .page1 .next-bt:after{position:absolute;content:'';width:5px;border-radius:10px;height:10px;background-color:#fff;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:nextbutanimation infinite 1s ease-in-out;animation:nextbutanimation infinite 1s ease-in-out}#wrap .page1 .page1-box .box-page{border-radius:10px;padding:30px 0;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;text-align:center}#wrap .page1 .page1-box .box-page h1{font-size:60px;line-height:80px;font-weight:800;font-family:cursive,'Lato',sans-serif}#wrap .page1 .page1-box .box-page .box-info{font-family:微軟正黑體;font-size:35px}#wrap .page1 .page1-box .box-page .box-font{color:#dadada}#wrap .page1 .page1-box .box-page .box-font .box-change{vertical-align:bottom;display:inline-block;border-right:.1em solid;width:16ch;white-space:nowrap;overflow:hidden;-webkit-animation:typing 2s steps(16,end),blink-caret .5s step-end infinite alternate;animation:typing 2s steps(16,end),blink-caret .5s step-end infinite alternate}#wrap .page1 .page1-box .box-page:hover{color:white;-webkit-box-shadow:0 0 50px 0 black;box-shadow:0 0 50px 0 black;background-color:rgba(255,255,255,0.2)}#wrap .page2 .page2-box .row{text-align:center}#wrap .page2 .page2-box .row .box-image::after{content:'';position:absolute;height:400px;width:70%;max-width:70%;max-width:400px;top:10%;left:30%;z-index:-1;background-color:rgba(255,255,255,0.3);border-top-left-radius:69% 70%;border-top-right-radius:37% 68%;border-bottom-right-radius:50% 32%;border-bottom-left-radius:50% 30%}#wrap .page2 .page2-box .row .box-image{position:relative;display:block;margin:0 auto 30px}#wrap .page2 .page2-box .row .box-image img{max-width:70%;width:auto;margin:0 auto;height:400px;-o-object-fit:cover;object-fit:cover;border-top-left-radius:69% 70%;border-top-right-radius:37% 68%;border-bottom-right-radius:50% 32%;border-bottom-left-radius:50% 30%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#wrap .page2 .page2-box .row img:hover{-webkit-box-shadow:0 0 10px 1px #5ba2d1;box-shadow:0 0 10px 1px #5ba2d1}#wrap .page2 .page2-box .row .box-info{text-align:left}#wrap .page2 .page2-box .row .box-info h1{text-align:center;font-weight:bold;color:#ff4a57;margin:30px 0}#wrap .page2 .page2-box .row .box-info h2{font-size:17px;font-weight:bold}#wrap .page2 .page2-box .row .box-info p{text-indent:2em;color:#dadada}#wrap .page3 .page3-box .row{text-align:center}#wrap .page3 .page3-box .row .box-item:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#wrap .page3 .page3-box .row .box-item{-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;margin:10px 0}#wrap .page3 .page3-box .row .box-item .box-xz{margin:0 auto;background-image:url("../../src/img/triangle.png");background-size:100% 100%;width:200px;height:200px;line-height:200px}#wrap .page3 .page3-box .row .box-item .box-xz .iconfont{font-size:50px}#wrap .page3 .page3-box .row .box-item .box-info{color:#dadada;font-family:'Poppins',sans-serif}#wrap .page3 .page3-box .row .box-item .box-info h5{color:#ff4a57;font-family:"Quicksand",sans-serif;font-weight:bold}#wrap .page3 .page3-box .row .box-item .box-info p{line-height:30px;font-family:"Yu Gothic"}#wrap .page4 .page3-box .row .iconfont{color:white;font-size:20px}#wrap .page4 .page3-box .row .box-right{font-family:"Quicksand",sans-serif}#wrap .page4 .page3-box .row .box-right .proresslist .proress{margin:20px 0}#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-title{font-weight:bold;padding:10px 10px 10px 0}#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;height:15px;background-color:#e9ecef;overflow:hidden;border-radius:2px}#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar .bar-propress{width:0;height:100%;background-color:#ff4a57;-webkit-transition:all 3s;-o-transition:all 3s;transition:all 3s;position:relative}#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar .bar-propress span{font-size:12px;font-weight:bold;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-icon{background-size:100% 100%;width:50px;height:50px;line-height:50px;background-color:#ff4a57;text-align:center}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info{margin-left:20px;font-family:Quicksand}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info span{font-weight:bold}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info h5{color:rgba(255,199,45,0.76)}#wrap .page4 .page3-box .row .box-left{padding:20px 0}#wrap .page4 .page3-box .row .box-left .left-body li:hover .desc{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#wrap .page4 .page3-box .row .box-left .left-body ul{position:relative;overflow:hidden;list-style:none;padding:1em 0 0 2em;margin:0}#wrap .page4 .page3-box .row .box-left .left-body ul .title{z-index:1;width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;margin-left:-0.5rem;margin-top:7%}#wrap .page4 .page3-box .row .box-left .left-body ul .date{width:23%;font-size:.75em;padding-top:.40rem;padding-right:2rem}#wrap .page4 .page3-box .row .box-left .left-body ul .desc{-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;width:65%}#wrap .page4 .page3-box .row .box-left .left-body ul .desc h3{font-size:1.1em;font-weight:400;margin:0 0 10px 0}#wrap .page4 .page3-box .row .box-left .left-body ul .desc h4{margin:0;font-size:.8em;line-height:1.8em;font-weight:400;color:#808080}#wrap .page4 .page3-box .row .box-left .left-body ul::before{content:'';height:100%;width:5px;background-color:#d9d9d9;position:absolute;top:0;z-index:-1}#wrap .page4 .page3-box .row .box-left .left-body div{vertical-align:top;margin:1em 0;display:inline-block}#wrap .page5 .page3-box .row .box-item:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:1}#wrap .page5 .page3-box .row .box-item:hover .item-zhez{visibility:visible}#wrap .page5 .page3-box .row .box-item{position:relative;overflow:hidden;margin-bottom:20px;border-radius:10px;display:inline-block}#wrap .page5 .page3-box .row .box-item img{width:100%;min-height:220px;max-height:220px}#wrap .page5 .page3-box .row .box-item .item-zhez{position:absolute;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:white;padding:20px;right:0;bottom:0;left:0;top:0;background-color:rgba(0,0,0,0.3);visibility:hidden}#wrap .page5 .page3-box .row .box-item .item-zhez h4{-webkit-box-flex:1;-ms-flex:1;flex:1}#wrap .page5 .page3-box .row .box-item .item-zhez P{-webkit-box-flex:3;-ms-flex:3;flex:3}#wrap .page6 .page3-box .row .box-page{padding:100px;background:-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) left top,-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) left top,-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) right top,-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) right top,-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) left bottom,-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) left bottom,-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) right bottom,-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) right bottom;background:-o-linear-gradient(#00ffd4,#00ffd4) left top,-o-linear-gradient(#00ffd4,#00ffd4) left top,-o-linear-gradient(#00ffd4,#00ffd4) right top,-o-linear-gradient(#00ffd4,#00ffd4) right top,-o-linear-gradient(#00ffd4,#00ffd4) left bottom,-o-linear-gradient(#00ffd4,#00ffd4) left bottom,-o-linear-gradient(#00ffd4,#00ffd4) right bottom,-o-linear-gradient(#00ffd4,#00ffd4) right bottom;background:linear-gradient(#00ffd4,#00ffd4) left top,linear-gradient(#00ffd4,#00ffd4) left top,linear-gradient(#00ffd4,#00ffd4) right top,linear-gradient(#00ffd4,#00ffd4) right top,linear-gradient(#00ffd4,#00ffd4) left bottom,linear-gradient(#00ffd4,#00ffd4) left bottom,linear-gradient(#00ffd4,#00ffd4) right bottom,linear-gradient(#00ffd4,#00ffd4) right bottom;background-repeat:no-repeat;background-size:5px 60px,60px 5px;text-align:center}#wrap .page6 .page3-box .row .box-page .page-tag{font-size:20px}#wrap .page6 .page3-box .row .box-page h2{display:inline-block;padding-bottom:5px;border-bottom:2px solid orangered}#wrap .page6 .page3-box .row .box-page h2 span{color:orangered}#wrap .page6 .page3-box .row .box-page ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex}#wrap .page6 .page3-box .row .box-page ul li{-webkit-box-flex:1;-ms-flex:1;flex:1}#wrap .page6 .page3-box .row .box-page p{line-height:30px}#wrap .page6 .page3-box .row .box-page .page-list{margin-top:30px}#wrap .page6 .page3-box .row .box-page .page-list .iconfont{font-size:30px;color:white}#wrap #navbar{position:fixed;right:50px;top:25%;overflow:hidden}#wrap #navbar .navbar-line{position:absolute;left:50%;top:0;width:2px;height:85%;background:url("../img/dot.png");z-index:-1}#wrap #navbar .navbar-list .navbtn{display:block;margin:0 auto 50px;width:7px;height:7px;line-height:7px;text-align:center;border-radius:50%;background-color:deepskyblue;border:4px solid #e8e8e8;-webkit-box-sizing:content-box;box-sizing:content-box}#wrap #navbar .navbar-list .navbtn:hover{border:4px solid white}#wrap #navbar #audio{position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden}#wrap #navbar #audio .audio-controls{width:100%;height:100%;background-color:red;-webkit-animation:AudioRotate;animation:AudioRotate;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#wrap #navbar #audio .audio-controls img{width:100%;height:100%}#wrap #navbar #audio span{width:100%;height:100%;line-height:60px;position:absolute;top:0;left:0;text-align:center;font-size:25px;color:black;background:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}#wrap #navbar #audio:hover span{background:rgba(0,0,0,0.3)}#wrap #navbar-banner{display:none}@media screen and (max-width:800px){#wrap #navbar-banner{display:block;position:fixed;top:0;left:0;width:100%;background-color:rgba(255,255,255,0.3)}#wrap #navbar-banner .iconfont{height:60px;line-height:60px;font-size:30px;color:white;float:right}#wrap #navbar-banner ul{display:none;list-style:none}#wrap #navbar-banner ul li{padding:5px 0}#wrap #navbar-banner ul li a{text-decoration:none;color:white}#wrap #navbar-banner ul li:hover{background-color:rgba(255,255,255,0.4)}#wrap #navbar{display:none}}@-webkit-keyframes AudioRotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes AudioRotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes ldanimation{0%,100%{height:40px;background:lightgreen}50%{height:70px;margin:-15px 0;background:lightblue}}@keyframes ldanimation{0%,100%{height:40px;background:lightgreen}50%{height:70px;margin:-15px 0;background:lightblue}}#loadding{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1;background-color:#212121;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#loadding span{display:inline-block;width:8px;height:35px;border-radius:4px;background-color:lightblue;-webkit-animation:ldanimation .5s linear infinite;animation:ldanimation .5s linear infinite;margin:0 10px}#loadding span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}#loadding span:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}#loadding span:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}