@charset "utf-8";

@import url("owl.carousel.min.css");

/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , "微軟正黑體";}
input[type="number"]::-webkit-inner-spin-button ,
input[type="date"]::-webkit-inner-spin-button{-webkit-appearance:none;}
button{padding:0; cursor:pointer;}

body{background:url(../images/footer_bg.jpg) bottom no-repeat ; font-family:arila,"微軟正黑體";}
#ascrail2000{z-index:2 !important;}
#ascrail2000-hr{display:none;}
#all.active{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}

/* header */
#header{position:relative; margin:0 auto; padding-right:130px; box-sizing:border-box; background:url(../images/brillant.jpg) }
#header:after{content:""; display:block; clear:both;}
#logo{float:left; width:300px; height:35px; margin-left:15px; background:url(../images/logo.png) no-repeat; background-size:300px auto; text-indent:-9999px; cursor:pointer;    margin: 15px 0 0 20px;}
#header:before{ content:""; width:100%; height:5px; position:absolute; bottom:0;background: #bc3323; /* Old browsers */
background: -moz-linear-gradient(left, #bc3323 0%, #fb593f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #bc3323 0%,#fb593f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #bc3323 0%,#fb593f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc3323', endColorstr='#fb593f',GradientType=1 ); /* IE6-9 */}

#navigation{float:right;}
#navigation > li{position:relative; display:inline-block;}
#navigation > li > a{position:relative; display:block; padding:25px 30px; font-size:18px; color:#010101; letter-spacing:1px; text-align:center; transition:all .3s;}
#navigation > li > a:before{content:""; position:absolute; left:0; bottom:0; display:block; width:0; height:6px; background:#e94e3b; transition:all .3s;}
#navigation > li.sub > a:after{content:""; display:inline-block; width:0; height:0; margin-left:10px; border-style:solid; border-width:5px 3.5px 0 3.5px; border-color:#010101 transparent transparent transparent; vertical-align:middle;}

#navigation > li:hover > a{color:#e94e3b;}
#navigation > li:hover > a:before{width:100%;}
#navigation > li.sub:hover > a:after{border-top-color:#e94e3b;}
#navigation > li:hover .sub-menu > li > a{animation:link 1s .3s; -webkit-animation:link 1s .3s; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}

#navigation .sub-menu{position:absolute; left:0; top:100%; display:none; width:100%; background:#FFF; z-index:2;}
#navigation .sub-menu > li{position:relative;}
#navigation .sub-menu > li > a{display:block; padding:15px 20px 15px 10px; background:#fff; border-bottom:1px solid #CCC; font-size:16px; color:#000000; letter-spacing:.5px; opacity:0; transition:all .3s;}
#navigation .sub-menu > li.sub > a:after{content:""; position:absolute; right:10px; top:50%; display:block; width:0; height:0; margin-top:-3.5px; border-style:solid; border-width:3.5px 0 3.5px 5px; border-color:transparent transparent transparent #666; transition:all .3s;}
#navigation .sub-menu > li:last-child > a{border:none;}

#navigation .sub-menu > li:hover > a{background:#b5b5b6; color:#FFF;}
#navigation .sub-menu > li:hover > a:after{border-left-color:#FFF;}
#navigation .sub-menu > li:hover .third-menu > a{animation:link 1s .3s; -webkit-animation:link 1s .3s; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}

#navigation .third-menu{position:absolute; left:100%; top:0; display:none; width:262px; background:#FFF; z-index:2;}
#navigation .third-menu a{display:block; padding:15px 10px; background:#fff; border-bottom:1px solid #ccc; font-size:16px; color:#000000; letter-spacing:.5px; opacity:0; transition:all .3s; transition:all .3s; line-height: 25px;}
#navigation .third-menu a:last-child{border:none;}
#navigation .third-menu a:hover{background:#b5b5b6; color:#fff;}

@keyframes link{
from{opacity:0;}
to{opacity:1;}	
}

@-webkit-keyframes link{
from{opacity:0;}
to{opacity:1;}	
}

#top-link{position:absolute; right:15px; top:20px; overflow:hidden}
#top-link a{float:left; display:block; width:30px; height:30px; margin:0 5px; background:url(../images/top_link.png) #e94e3b; border-radius:50%; text-indent:-9999px; transition:all .3s;}
#top-link a.line{background-position:left top;}
#top-link a.fb{background-position:center top;}
#top-link a.home{background-position:right top;}
#top-link a:hover{background-color:#333; transform:rotate(360deg); -webkit-transform:rotate(360deg);}

/* mobile */
#mask{position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:9;}

#mobi-btn{position:absolute; right:15px; top:17px; display:none; width:40px; height:40px; background:#e94e3b; border-radius:50%;}
#mobi-btn:before ,
#mobi-btn hr ,
#mobi-btn:after{content:""; position:absolute; left:10px; display:block; width:20px; height:3px; margin:0; background:#FFF; border:none; border-radius:3px;}
#mobi-btn:before{top:11px;}
#mobi-btn hr{top:18px;}
#mobi-btn:after{top:25px;}

#mobile{position:absolute; left:-250px; top:0; width:250px; min-height:100%; background:url(../images/upload/index_about_bg.jpg) no-repeat #000a1c;; z-index:10;     background-position: center bottom; }

#mobile .link{padding:20px 0; text-align:center;}
#mobile .link a{position:relative; display:inline-block; width:40px; height:40px; margin:0 10px; background: #000; border-radius:50%; text-indent:-9999px; transition:all .3s;}
#mobile .link a:before{content:""; position:absolute; left:5px; top:5px; display:block; width:30px; height:30px; background:url(../images/top_link.png);}
#mobile .link a.line:before{background-position:left top;}
#mobile .link a.fb:before{background-position:center top;}
#mobile .link a.home:before{background-position:right top;}

#mobile .navi a{display:block; padding:15px 20px; font-size:16px;}

#mobile .navi > li > a{position:relative; border-bottom:1px solid #423f45; color:#FFF;}
#mobile .navi > li.sub > a{padding-right:30px;}
#mobile .navi > li.sub > a:after{content:""; position:absolute; right:20px; top:50%; display:block; width:0; height:0; margin-top:-5px; border-style:solid; border-width:5px 0 5px 7px; border-color:transparent transparent transparent #666; transition:all .3s;}
#mobile .navi li.sub.active > a:after{transform:rotate(90deg);}

#mobile .navi .sub-menu{display:none; background:#e94e3b;}
#mobile .navi .sub-menu > li > a{position:relative; border-bottom:1px solid #fb705e; color:#FFF;}
#mobile .navi .sub-menu > li.sub > a{padding-right:30px;}
#mobile .navi .sub-menu > li.sub > a:after{content:""; position:absolute; right:20px; top:50%; display:block; width:0; height:0; margin-top:-5px; border-style:solid; border-width:5px 0 5px 7px; border-color:transparent transparent transparent #CCC; transition:all .3s;}

#mobile .navi .third-menu{display:none; background:#FFF;}
#mobile .navi .third-menu a{color:#312e33;}

/* slider */
#slider{position:relative; width:100%; margin:0 auto 40px auto; border-bottom:1px solid #fff; background-position:center center;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
#slider:before{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#slider .item{position:relative; background-position:center center;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
#slider .item .wrap{position:absolute; left:50%; top:60%; width:980px; margin-left:-490px; text-align:center; opacity:0; transition:all 1s .3s;}
#slider .item .wrap h2{margin-bottom:10px; padding:0 10px 0 10px; border-bottom:1px solid rgba(255,255,255,0); font-size:66px; color:#FFF; letter-spacing:2px; text-shadow:2px 2px 5px rgba(0,0,0,.6); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#slider .item .wrap p{margin:0 20px 20px 20px; font-size:30px; color:rgba(255,255,255,1); letter-spacing:2px; text-shadow:1px 1px 5px rgba(0,0,0,.6); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#slider .item .wrap .more{position:relative; display:inline-block; margin:10px 0 0; padding:10px 20px; border-radius:20px; border:1px solid #FFF; font-size:13px; color:#FFF; letter-spacing:1px; transition:all .3s;}
#slider .item .wrap .more:before{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; border:1px solid #FFF; border-radius:20px; visibility:hidden; opacity:1; transition:all .3s;}
#slider .item .wrap .more:after{content:">"; margin-left:5px;}
#slider .item .wrap .more:hover{box-shadow:0 0 10px rgba(255,255,255,1) inset;}
#slider .item .wrap .more:hover:before{visibility:visible; transform:scale(1.5,1.5); opacity:0;}

#slider .owl-item.active .wrap{top:60%; opacity:1;}

#slider .owl-dots{position:absolute; left:0; bottom:30px; width:100%; text-align:center;}
#slider .owl-dots .owl-dot{position:relative; display:inline-block; width:22px; height:22px; border:1px solid #b79f6f; border-radius:50%; margin:0 8px; cursor:pointer;}
#slider .owl-dots .owl-dot:before{content:""; position:absolute; left:4px; top:4px; width:14px; height:14px; background:#b79f6f; border-radius:50%;} 
#slider .owl-dots .owl-dot.active{border-color:transparent;}
#slider .owl-dots .owl-dot.active:before{background:#182441;}

#slider .owl-nav{position:absolute; left:0; bottom:80px; width:100%; text-align:center;}
#slider .owl-nav > div{display:inline-block; width:14px; height:26px; margin:0 25px; background:url(../images/arrow_1.png); text-indent:-9999px;}
#slider .owl-nav > div:hover{background-position-y:bottom;}
#slider .owl-nav .owl-prev{background-position:left top;}
#slider .owl-nav .owl-next{background-position:right top;}

@keyframes slider{
form{opacity:0;}
to{opacity:1;}	
}

@-webkit-keyframes slider{
form{opacity:0;}
to{opacity:1;}	
}

/* link */
#link{position:relative; left:-100%; max-width:1200px; margin:0 auto 20px auto; padding:0 50px; box-sizing:border-box; opacity:0; transition:all .3s;}
#link dl{padding:0 15px;}
#link dl a{position:relative; display:block; padding:20px 0;}
#link dt{ overflow:hidden; -webkit-border-radius:200px; -moz-border-radius:200px; border-radius:200px;}
#link dt img{display:block; width:100%; height:auto; transition:all .3s;}
#link dd{position:relative; padding:15px; letter-spacing:.5px; text-align:center;}
#link dd h2 ,
#link dd span{position:relative; transition:all .3s;}
#link dd h2{font-size:20px; color:#312e33; font-weight:normal; margin: 0 0 5px 0;}
#link dd span{display:block; font-size:15px; color:#e94e3b;}

#link dl a:hover dt img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -webkit-filter:brightness(50%); backface-visibility:hidden;}
#link dl a:hover:before{height:20px;}
#link dl a:hover dd h2{color:#182441;}
#link dl a:hover dd span{color:#06C;}
#link dl a:hover dd:before{height:100%;}

#link .owl-nav > div{position:absolute; top:40%; width:20px; height:33px; background:url(../images/arrow.png); opacity:.5; text-indent:-9999px; transition:all .5s;}
#link .owl-nav .owl-prev{left:15px; background-position:left top;}
#link .owl-nav .owl-next{right:15px; background-position:right top;}
#link .owl-nav > div:hover{opacity:1;}

#link.active{animation:link 1s forwards; -webkit-animation:link 1s forwards;}

@keyframes link{
form{left:-100%; opacity:0;}
to{left:0; opacity:1;}
}

@-webkit-keyframes link{
form{left:-100%; opacity:0;}
to{left:0; opacity:1;}
}

/* about */
#about{position:relative; margin-bottom:100px; padding-right:50%; overflow:hidden;}
#about img{position:relative; top:-1000px; display:block; width:100%; height:auto; opacity:0; background:#000;}
#about .info{position:absolute; right:0; top:100%; width:50%; height:100%; background:url(../images/upload/index_about_bg.jpg); text-align:center;}
#about .info .wrap{position:absolute; left:20%; top:50%; width:80%; opacity:0;}
#about .info .wrap h2{font-size:36px; color:#e94e3b; letter-spacing:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:"新細明體";}
#about .info .wrap h2:after{content:""; display:block; width:65px; height:1px; margin:20px auto; background:#e94e3b;}
#about .info .wrap p{font-size:15px; color:#eee; line-height:30px; letter-spacing:.5px;}
#about .info .wrap .more{position:relative; display:inline-block; margin-top:40px; padding:10px 30px; border:1px solid #FFF; border-radius:20px; font-size:13px; color:#FFF; opacity:.6; transition:all .5s;}
#about .info .wrap .more:before{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; border:1px solid #FFF; border-radius:20px; visibility:hidden; opacity:1; transition:all .3s;}
#about .info .wrap .more:after{content:">"; margin-left:5px;} 
#about .info .wrap .more:hover{box-shadow:0 0 10px rgba(255,255,255,1) inset; opacity:1;}
#about .info .wrap .more:hover:before{visibility:visible; transform:scale(1.5,1.5); opacity:0;}

#about.active img ,
#about.active .info{animation:about 1s forwards;}
#about.active .info .wrap{animation:aboutWrap 1s .6s forwards;}

@keyframes about{
to{top:0; opacity:1}
}

@-webkit-keyframes about{
to{top:0; opacity:1}
}

@keyframes aboutWrap{
form{left:20%; opacity:0}
to{left:10%; opacity:1;}
}

@-webkit-keyframes aboutWrap{
form{left:20%; opacity:0}
to{left:10%; opacity:1;}
}

/* news */
#news{position:relative; top:-100px; max-width:1180px; margin:0 auto 100px auto; text-align:center; opacity:0;}
#news h2{margin-bottom:15px; font-family:"Times New Roman", Times, serif; font-size:40px; color:#312e33; letter-spacing:1px;}
#news h3{display:inline-block; padding:15px 5px; border-top:1px solid #717171; font-size:15px; color:#312e33; letter-spacing:1px; font-weight:normal;}
#news dl{position:relative; top:-100px; margin:15px; border-bottom:1px solid #FFF; letter-spacing:1px; opacity:0; transition:all .5s;}
#news dl:first-child{border-top:none;}
#news dl:hover{ border-bottom:1px solid #e94e3b;}
#news dt{font-size:14px; color:#838283;}
#news dd{padding-bottom:15px; border-bottom:1px solid #ccc;}
#news dd a{display:inline-block; padding:10px 0; font-size:20px; color:#312e33; transition:all .6s;}
#news dl:hover a{color:#e94e3b;}
#news .more{position:relative; display:block; width:37px; height:37px; margin:25px auto; background:url(../images/more2.png); text-indent:-9999px; opacity:0; transition:all 1s;}
#news .more:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);}

#news.active ,
#news.active dl ,
#news.active .more{animation:news 1s forwards; -webkit-animation:news 1s forwards;}
#news.active dl:nth-child(1){animation-delay:.5s; -webkit-animation-delay:.5s;}
#news.active dl:nth-child(2){animation-delay:.7s; -webkit-animation-delay:.7s;}
#news.active dl:nth-child(3){animation-delay:.9s; -webkit-animation-delay:.9s;}
#news.active .more{animation-delay:1.5s; -webkit-animation-delay:1.5s;}

@keyframes news{
form{top:-100px; opacity:0;}
to{top:0; opacity:1;}
}

@-webkit-keyframes news{
form{top:-100px; opacity:0;}
to{top:0; opacity:1;}
}

/* product */
#product{position:relative; top:100px; width:90%; max-width:1180px; margin:0 auto 150px auto; text-align:center; opacity:0; display:none;}
#product h2{margin-bottom:15px; font-family:"Times New Roman", Times, serif; font-size:40px; color:#312e33; letter-spacing:1px;}
#product h3{display:inline-block; padding:15px 5px; border-top:1px solid #717171; font-size:15px; color:#312e33; letter-spacing:1px; font-weight:normal;}
#product .wrap{padding-top:35px; overflow:hidden;}
#product .wrap dl{position:relative; float:left; width:32.33%; opacity:0;}
#product .wrap dl:nth-child(1){left:-100px;}
#product .wrap dl:nth-child(2){top:100px; margin:0 1.5%;}
#product .wrap dl:nth-child(3){left:100px;}
#product .wrap dl a{position:relative; display:block; overflow:hidden;}
#product .wrap dl a:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(49,46,51,.8); transition:all .5s ease-in-out; transform-origin:right bottom; -webkit-transform-origin:right bottom; transform:rotate(180deg); -webkit-transform:rotate(180deg); z-index:2;}
#product .wrap dt{overflow:hidden;}
#product .wrap dt img{display:block; width:100%; height:auto; transition:all .3s;}
#product .wrap dd{position:absolute; left:10%; top:60%; width:80%; text-align:center; letter-spacing:1px; opacity:0; transition:all .5s .3s; z-index:3;}
#product .wrap dd h4{margin-bottom:15px; font-size:22px; color:#FFF;}
#product .wrap dd p{margin-bottom:15px; font-size:15px; color:#CCC; line-height:18px;}
#product .wrap dd:after{content:""; display:block; width:37px; height:38px; margin:0 auto; background:url(../images/more.png) -50px 0 no-repeat; border:1px solid #FFF; border-radius:50%; box-sizing:border-box; transition:all 1s;}

#product .wrap dl a:hover:before{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
#product .wrap dl a:hover dt img{-webkit-filter:blur(2px);}
#product .wrap dl a:hover dd{top:50%; opacity:1;}
#product .wrap dl a:hover dd:after{background-position:-1px 0;}

#product.active ,
#product.active dl{animation:product 1s forwards; -webkit-animation:product 1s forwards;}

@keyframes product{
to{left:0; top:0; opacity:1}
}

@-webkit-keyframes product{
to{left:0; top:0; opacity:1}
}

/* footer */
#footer .contact{padding-bottom:25px; border-bottom:1px solid #999; overflow:hidden; text-align:center;}
#footer .contact li{position:relative; display:inline-block; width:350px; letter-spacing:1px; box-sizing:border-box; opacity:0;}
#footer .contact li.phone{left:-100px;}
#footer .contact li.phone:after{content:""; position:absolute; right:0; top:0; display:block; width:1px; height:90px; background:url(../images/dot_line.png);}
#footer .contact li.time{left:100px;}
#footer .contact li h2{font-size:12px; color:#999;}
#footer .contact li h2:before{content:""; display:inline-block; width:20px; height:20px; margin-right:10px; background:url(../images/footer_icon.png); vertical-align:middle;}
#footer .contact li.phone h2:before{background-position:left top;}
#footer .contact li.time h2:before{background-position:right top;}
#footer .contact li p{font-size:36px; color:#555;}
#footer .contact li span{font-size:15px; color:#666;}
#footer .contact li span:before{content:"[ ";}
#footer .contact li span:after{content:" ]";}

/* footer */
#footer .links{padding:15px 0; font-size:16px; letter-spacing:1px; text-align:center;}
#footer .links a{display:inline-block; margin:5px 0; color:#182441; transition:all .3s;}
#footer .links a:after{content:"|"; display:inline-block; padding:0 30px; color:#CCC; cursor:default}
#footer .links a:last-child:after{display:none;}
#footer .links a:hover{color:#797979;}

#footer .copyright{font-size:13px; color:#787878; line-height:25px; text-align:center;}
#footer .copyright a{color:#c2c2c2; transition:all .3s;}
#footer .copyright a:hover{color:#999;}

#footer.active .contact li{animation:footer 1s forwards; -webkit-animation:footer 1s forwards;}

@keyframes footer{
to{left:0; opacity:1;}
}

@-webkit-keyframes footer{
to{left:0; opacity:1;}
}

/* gotop */
#gotop ,
#gotop:before{display:block; width:63px; height:41px; background:url(../images/gotop.png);}
#gotop{position:relative; top:100px; margin:50px auto; text-indent:-9999px; opacity:0;}
#gotop:before{content:""; position:absolute; left:0; top:0; transition:all .5s;}
#gotop:hover:before{transform:scale(3,3); -webkit-transform:scale(3,3); opacity:0;}

#gotop.active{animation:gotop 1s forwards; -webkit-animation:gotop 1s forwards;}

@keyframes gotop{
to{top:0; opacity:1;}
}

@-webkit-keyframes gotop{
to{top:0; opacity:1;}
}




/* RWD */
@media screen and (max-width:1300px){
#about .info .wrap h2{font-size:28px;}
#about .info .wrap p{line-height:24px;}
#about .info .wrap .more{ margin-top:3%;}
}

@media screen and (max-width:1100px){
/* header */
#navigation > li > a{padding:25px 15px;} 
/* slider */
#slider .item .wrap{left:5%; width:90%; margin-left:0;}
/* about */
#about{padding:0;}
#about .info{width:100%; background:rgba(24,36,65,.9);}
}

@media screen and (max-width:1000px){
/* header */
#navigation{display:none;}
#top-link{display:none;}
#logo{ width:346px; height:40px; background-size:346px auto; margin: 15px 0 15px 10px;}
/* mobile */
#mobi-btn{display:block;}
/* link */
#link{padding:0;}
}

@media screen and (max-width:768px){
/* slider */
#slider .item{height:auto !important; padding-bottom:70%;}
#slider .item .wrap h2{font-size:35px;}
#slider .item .wrap p{font-size:17px;}
/* about */
#about .info .wrap h2{font-size:25px;}
#about .info .wrap p{font-size:15px; line-height:25px;}
#about .info .wrap .more{margin-top:20px;}
/* product */
#product{margin-bottom:70px;}
#product .wrap{padding-top:15px;}
#product .wrap dl{background:#FFF;}
#product .wrap dl{float:none; width:100%; max-width:350px; margin:0 auto 20px auto !important;}
#product .wrap dl a:before{display:none;}
#product .wrap dd{position:static; width:100%; margin:0 auto !important; padding:10px; opacity:1; box-sizing:border-box;}
#product .wrap dd h4{color:#312e33; font-weight:normal;}
#product .wrap dd p{color:#90959e;}
#product .wrap dd:after{display:none;}
/* footer */
#footer .contact{margin-bottom:20px;}
#footer .contact li{width:100%;}
#footer .contact li.phone{margin-bottom:20px;}
#footer .contact li.phone:after{display:none;}
#footer .links{display:none;}
/* gotop */
#gotop{margin:30px auto;}
}

@media screen and (max-width:480px){
#logo{background-size: 250px; background-position: bottom left; width: 250px;}
/* slider */
#slider{margin-bottom:50px; background-attachment:inherit;}
#slider .item .wrap h2{font-size:25px;}
#slider .item .wrap p{font-size:15px;}
#slider .owl-dots{bottom:-40px;}
/* link */
#link dl{ display:block; margin:0 auto; width:70%;}
#link dd{ padding:10px;}
#link dd h2{ font-size:16px;}
#link dd span{ font-size:12px;}
/* about */
#about{margin-bottom:50px;}
#about .info .wrap h2:after{margin:10px auto;}
#about .info .wrap p{ display:none;}
#about .info .wrap .more{ margin-top:3%; padding:5px 20px; border:1px solid #FFF; border-radius:20px; font-size:12px; color:#FFF; opacity:.6; transition:all .5s;}
}