@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);h1{font-size:36px;font-weight:700}h2{font-size:20px;font-weight:700}h3{font-size:20px;font-weight:700}h4{font-size:16px;font-weight:700}h5{font-size:14px;font-weight:400}h6{font-size:12px;font-weight:400}p{font-size:14px;line-height:28px}p .bold{font-weight:700}p .italic{font-style:italic}a{text-decoration:none}body{position:relative;z-index:0}article#main_content ul#news{-webkit-perspective:800px;perspective:800px}article#main_content ul#news:after{content:"";display:block;clear:both}article#main_content ul#news li{cursor:pointer;position:relative;z-index:0;width:100%;background-color:#FFF;border-bottom:#EFEFEF 1px solid;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:center top;transform-origin:center top}article#main_content ul#news li:before{content:"";display:block;position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background-color:#FFF;-webkit-transition:.3s;transition:.3s}@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){article#main_content ul#news li:before{display:none}}article#main_content ul#news li:after{content:"";display:block;clear:both}article#main_content ul#news li:hover{z-index:10!important}article#main_content ul#news li:hover:before{-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2);width:calc(100% + 20px);height:calc(100% + 20px);left:-10px;top:-10px}article#main_content ul#news li .pic{position:relative;z-index:5;float:left;display:block;width:160px}@media only screen and (max-width:767px){article#main_content ul#news li .pic{width:170px}}@media only screen and (max-width:320px){article#main_content ul#news li .pic{width:100px}}article#main_content ul#news li .pic img{display:block;width:100%;height:auto}article#main_content ul#news li .words{position:relative;z-index:5;float:left;display:block;width:calc(100% - 400px);padding-left:50px;padding-right:40px;padding-top:35px}@media only screen and (min-width:768px) and (max-width:991px){article#main_content ul#news li .words{width:calc(100% - 300px);padding-left:30px;padding-right:10px}}@media only screen and (max-width:767px){article#main_content ul#news li .words{width:calc(100% - 200px);padding-left:15px;padding-right:15px;padding-top:10px}}@media only screen and (max-width:320px){article#main_content ul#news li .words{width:calc(100% - 120px);padding-left:10px;padding-right:10px;padding-top:10px}}article#main_content ul#news li .words h3{color:#8509C6;width:100%;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis}@media only screen and (max-width:767px){article#main_content ul#news li .words h3{font-size:14px;line-height:1.3;white-space:inherit;overflow:inherit}}@media only screen and (max-width:320px){article#main_content ul#news li .words h3{font-size:13px}}article#main_content ul#news li .words p{position:relative;color:#666;font-size:16px;text-align:justify;width:calc(100% - 50px);padding-right:50px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis}article#main_content ul#news li .words p:after{content:"more";display:block;position:absolute;right:0;top:0}@media only screen and (max-width:767px){article#main_content ul#news li .words p{display:none}}article#main_content ul#news li .date{position:relative;z-index:5;float:left;display:block;width:150px;padding-top:30px;text-align:center}@media only screen and (min-width:768px) and (max-width:991px){article#main_content ul#news li .date{width:100px;padding-top:32px}}@media only screen and (max-width:767px){article#main_content ul#news li .date{float:none;width:initial;padding-top:0;position:absolute;left:185px;bottom:10px;text-align:left}}@media only screen and (max-width:320px){article#main_content ul#news li .date{left:inherit;right:15px;text-align:right}}article#main_content ul#news li .date h5{color:#666;font-size:36px;font-family:Roboto,sans-serif;letter-spacing:-3px;margin-bottom:5px}@media only screen and (min-width:768px) and (max-width:991px){article#main_content ul#news li .date h5{font-size:26px}}@media only screen and (max-width:767px){article#main_content ul#news li .date h5{display:inline-block;color:#999;font-size:12px;font-weight:400;letter-spacing:0;margin-bottom:0;margin-right:-4px}}article#main_content ul#news li .date h6{color:#999;text-indent:10px;font-family:Roboto,sans-serif;letter-spacing:10px}@media only screen and (min-width:768px) and (max-width:991px){article#main_content ul#news li .date h6{text-indent:6px;letter-spacing:6px}}@media only screen and (max-width:767px){article#main_content ul#news li .date h6{display:none;text-indent:0;letter-spacing:0}}#popup{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%}#popup .contentBox{display:none;position:absolute;z-index:20;left:50%;top:50%;width:90%;max-width:905px;height:380px;background-color:#FFF;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media only screen and (min-width:768px) and (max-width:991px){#popup .contentBox{height:300px}}@media only screen and (max-width:767px){#popup .contentBox{width:100%;height:100%}}#popup .contentBox:after{content:"";display:block;clear:both}#popup .contentBox .closeBtn{display:block;padding-left:10px;padding-right:10px;position:absolute;right:0;top:-30px;color:#FFF;font-size:16px;line-height:30px;letter-spacing:1px;cursor:pointer;-webkit-transition:.3s;transition:.3s}#popup .contentBox .closeBtn:hover{letter-spacing:5px}@media only screen and (max-width:767px){#popup .contentBox .closeBtn{z-index:20;top:0;background-color:#FFF;color:#999;font-size:14px}}#popup .contentBox .slideBox{float:left;position:relative;width:450px;height:100%;overflow:hidden}@media only screen and (min-width:768px) and (max-width:991px){#popup .contentBox .slideBox{width:340px}}@media only screen and (max-width:767px){#popup .contentBox .slideBox{float:none;width:100%;height:initial}}#popup .contentBox .slideBox img{display:block;width:100%;height:auto}#popup .contentBox .slideBox .slick-dots{bottom:25px}@media only screen and (max-width:767px){#popup .contentBox .slideBox .slick-dots{bottom:15px}}#popup .contentBox .slideBox .slick-dots li{width:15px;height:15px}#popup .contentBox .slideBox .slick-dots li:hover button:before{opacity:1}#popup .contentBox .slideBox .slick-dots li.slick-active button:before{background-color:#8509C6;opacity:1}#popup .contentBox .slideBox .slick-dots li button:before{content:"";width:15px;height:15px;background-color:#CCC;-webkit-border-radius:100%;border-radius:100%;opacity:.75;-webkit-transition:.3s;transition:.3s}#popup .contentBox .scroll-wrapper{float:left;width:calc(100% - 500px);height:calc(100% - 60px);margin-left:30px;margin-top:30px}@media only screen and (min-width:768px) and (max-width:991px){#popup .contentBox .scroll-wrapper{width:calc(100% - 390px)}}@media only screen and (max-width:767px){#popup .contentBox .scroll-wrapper{float:none;width:calc(100% - 40px);margin-left:20px}}#popup .contentBox .scroll-wrapper .words{padding-right:20px}#popup .contentBox .scroll-wrapper .words h3{color:#8509C6;line-height:28px;margin-bottom:5px}#popup .contentBox .scroll-wrapper .words h5{color:#999;margin-bottom:25px}#popup .contentBox .scroll-wrapper .words p{color:#666;text-align:justify}#popup .overlay{display:none;position:absolute;z-index:10;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);cursor:pointer}