@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}body.hold{overflow:hidden}#community-search button.search{width:25px;height:25px;padding:3px;border-radius:19.9px;background-color:#fff;border:none}@media (min-width:768px){#community-search button.search{width:40px;height:40px;padding:5px 5px 5px;border-radius:19.9px;background-color:#fff;border:none}}#community-search button.search img{height:19px;width:19px}@media (min-width:768px){#community-search button.search img{width:30px;height:30px}}div#search-input-bar{position:absolute;display:flex;align-items:center;width:100%;height:100%;z-index:100;top:0;background:#e8e8e8}@media (max-width:767px){div#search-input-bar .container{padding-right:0}}#search-input-bar .inputBar .input{background:#fff}@media (min-width:768px){#search-input-bar .input{height:44px}#search-input-bar .input .searchSubmit{width:41.55px;height:40px;margin:1px}}div#search-panel{position:fixed;width:100%;height:100%;left:0;background:#fff}@media (min-width:768px){div#search-panel{position:absolute;width:100%;height:auto;z-index:100;background:#fff;box-shadow:0 9px 11px 0 rgba(0,0,0,.25)}div#search-panel .bg{position:fixed;width:100%;height:100%;left:0;z-index:-1;background:rgba(0,0,0,.6)}}div#search-panel .body{overflow-y:auto;height:calc(100% - 48px);padding:15px}@media (min-width:768px){div#search-panel .body{z-index:0;position:relative;padding:22px 27px 22px 12px;width:100%;background:#fff}}div#search-panel .body section header{display:flex;justify-content:space-between}div#search-panel .body section nav ul li{display:inline-block}div#search-panel .body section.TopArticles>div{padding:10px 0}@media (min-width:768px){div#search-panel .body section.TopArticles>div{padding:0;display:flex}}div#search-panel .body section.TopArticles ul{padding-bottom:0;width:100%}@media (min-width:768px){div#search-panel .body section.TopArticles ul{column-count:2;padding:10px 0}}div#search-panel .body section.TopArticles>div ul li{border-bottom:solid 1px #f2f2f2;margin-bottom:12px;padding-bottom:12px}@media (min-width:768px){div#search-panel .body section.TopArticles>div ul li{border-bottom:0;margin-bottom:0;padding-bottom:10px}}div#search-panel .body section.TopArticles ul li:last-child{padding-bottom:10px}@media (min-width:768px){div#search-panel .body section.TopArticles ul li:last-child{padding-bottom:0}}div#search-panel .body section.TopArticles>div ul li .title{font-size:14px;padding-left:10px;padding-right:0}@media (min-width:768px){div#search-panel .body section.TopArticles>div ul li .title{font-size:initial;padding:0 16px}}.autocomplete-items div{color:#ccc;padding:10px 0;cursor:pointer;background-color:#fff;border-bottom:1px solid #d4d4d4}.autocomplete-items div strong{color:#000}.autocomplete-items div:hover{background-color:#e9e9e9}#searchResultBox .container{position:relative}#search-input-bar,#searchResultBox,div.search-panel{animation:fadeIn 80ms}#search-input-bar section,#searchResultBox section,div.search-panel section{display:none}#search-input-bar section header,#searchResultBox section header,div.search-panel section header{align-items:center}#search-input-bar section header h3,#searchResultBox section header h3,div.search-panel section header h3{font-size:18px;color:#333}#search-input-bar section nav ul,#searchResultBox section nav ul,div.search-panel section nav ul{padding:4px 0 18px 0}#search-input-bar section nav ul li,#searchResultBox section nav ul li,div.search-panel section nav ul li{border-radius:30px;background:#f5f5f5;padding:5px 10px;margin:5px 0;margin-right:5px;display:inline-block;border:1px solid #f5f5f5}#search-input-bar section nav ul li a,#searchResultBox section nav ul li a,div.search-panel section nav ul li a{font-size:15px;color:#333}#search-input-bar section.show,#searchResultBox section.show,div.search-panel section.show{display:flex}#search-input-bar section .no_record,#searchResultBox section .no_record,div.search-panel section .no_record{padding-bottom:10px}#search-input-bar section.ToptSearches nav ul li,#searchResultBox section.ToptSearches nav ul li,div.search-panel section.ToptSearches nav ul li{background:#fff;border:.5px solid #e3e3e3}#search-input-bar section.TopArticles>div a,#searchResultBox section.TopArticles>div a,div.search-panel section.TopArticles>div a{font-size:16px;color:#4c4c4c;font-weight:300;display:flex;flex-direction:column}#search-input-bar section.TopArticles>div li,#searchResultBox section.TopArticles>div li,div.search-panel section.TopArticles>div li{display:flex;padding-bottom:10px}#search-input-bar section.TopArticles>div li .img,#searchResultBox section.TopArticles>div li .img,div.search-panel section.TopArticles>div li .img{width:80px}@media (max-width:767px){#search-input-bar section.TopArticles>div li .img,#searchResultBox section.TopArticles>div li .img,div.search-panel section.TopArticles>div li .img{width:56px}}#search-input-bar section.TopArticles>div li .img .wrapper,#searchResultBox section.TopArticles>div li .img .wrapper,div.search-panel section.TopArticles>div li .img .wrapper{position:relative;border-radius:8px;overflow:hidden}#search-input-bar section.TopArticles>div li .img .wrapper::before,#searchResultBox section.TopArticles>div li .img .wrapper::before,div.search-panel section.TopArticles>div li .img .wrapper::before{content:"";display:block;position:relative;width:100%;padding-top:100%}#search-input-bar section.TopArticles>div li .img .wrapper img,#searchResultBox section.TopArticles>div li .img .wrapper img,div.search-panel section.TopArticles>div li .img .wrapper img{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;object-fit:cover}#search-input-bar section.TopArticles>div li .title,#searchResultBox section.TopArticles>div li .title,div.search-panel section.TopArticles>div li .title{padding:0 16px;line-height:34px;width:calc(100% - 80px)}@media (max-width:767px){#search-input-bar section.TopArticles>div li .title,#searchResultBox section.TopArticles>div li .title,div.search-panel section.TopArticles>div li .title{width:calc(100% - 56px)}}#search-input-bar section.TopArticles>div li .title h4,#searchResultBox section.TopArticles>div li .title h4,div.search-panel section.TopArticles>div li .title h4{display:flex;flex-direction:column;min-height:50px}#search-input-bar section.TopArticles>div li .title h4 b,#searchResultBox section.TopArticles>div li .title h4 b,div.search-panel section.TopArticles>div li .title h4 b{display:block;font-weight:500;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#search-input-bar section.TopArticles>div li .title h4 span,#searchResultBox section.TopArticles>div li .title h4 span,div.search-panel section.TopArticles>div li .title h4 span{line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#search-input-bar section.TopArticles>div li .title h4+div,#searchResultBox section.TopArticles>div li .title h4+div,div.search-panel section.TopArticles>div li .title h4+div{display:flex;justify-content:flex-start;align-items:center;height:18px}#search-input-bar section.TopArticles>div li .title h4+div a,#searchResultBox section.TopArticles>div li .title h4+div a,div.search-panel section.TopArticles>div li .title h4+div a{display:flex;font-size:14px;padding-right:5px}#search-input-bar section.TopArticles>div li .title h4+div time,#searchResultBox section.TopArticles>div li .title h4+div time,div.search-panel section.TopArticles>div li .title h4+div time{color:#a2a2a2;font-size:14px;flex-shrink:0}#search-input-bar section.TopArticles>div li .title h4+div a.username,#searchResultBox section.TopArticles>div li .title h4+div a.username,div.search-panel section.TopArticles>div li .title h4+div a.username{color:#3087d9;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#search-input-bar section.TopArticles>div li .title h4+div a.theme,#searchResultBox section.TopArticles>div li .title h4+div a.theme,div.search-panel section.TopArticles>div li .title h4+div a.theme{color:#00c891;flex-shrink:0}#search-input-bar section.TopArticles>div li .title h4+div a.theme i:before,#searchResultBox section.TopArticles>div li .title h4+div a.theme i:before,div.search-panel section.TopArticles>div li .title h4+div a.theme i:before{content:"";display:block;background:url(/res/images/icn-community-grayscale.svg) no-repeat;background-size:100% auto;background-position:center center;width:16px;height:100%}#search-input-bar .inputBar,#searchResultBox .inputBar,div.search-panel .inputBar{display:flex;justify-content:flex-end;padding:6px}#search-input-bar .inputBar.open .input form,#searchResultBox .inputBar.open .input form,div.search-panel .inputBar.open .input form{width:100%}#search-input-bar .inputBar .input,#searchResultBox .inputBar .input,div.search-panel .inputBar .input{width:0;display:flex;border-radius:30px;-webkit-transition:all 50ms ease-in;-moz-transition:all 50ms ease-in;-o-transition:all 50ms ease-in;transition:all 50ms ease-in;justify-content:flex-end}#search-input-bar .inputBar.open .input,#searchResultBox .inputBar.open .input,div.search-panel .inputBar.open .input{width:calc(100% - 42px);padding:1px;padding-left:14px}#search-input-bar .inputBar .input::before,#searchResultBox .inputBar .input::before,div.search-panel .inputBar .input::before{content:"";position:relative;display:block;background:url(/res/images/search.png) no-repeat;background-size:21px 21px;background-position:center;height:26px}#search-input-bar .inputBar .input input,#searchResultBox .inputBar .input input,div.search-panel .inputBar .input input{border:none;background:0 0}#search-input-bar .inputBar .input .searchSubmit,#searchResultBox .inputBar .input .searchSubmit,div.search-panel .inputBar .input .searchSubmit{border-radius:60%;overflow:hidden;padding:0;border:0;background:#00c991}@media (max-width:767px){#search-input-bar .inputBar .input .searchSubmit,#searchResultBox .inputBar .input .searchSubmit,div.search-panel .inputBar .input .searchSubmit{width:27px;height:26px}}#search-input-bar .inputBar .input .searchSubmit::before,#searchResultBox .inputBar .input .searchSubmit::before,div.search-panel .inputBar .input .searchSubmit::before{content:"";position:relative;display:block;background:url(/res/images/icn-search-white.svg) no-repeat;background-position:center;background-size:100% 100%;height:27px}@media (max-width:767px){#search-input-bar .inputBar .input .searchSubmit::before,#searchResultBox .inputBar .input .searchSubmit::before,div.search-panel .inputBar .input .searchSubmit::before{background-size:21px 21px;height:21px}}#search-input-bar .inputBar .input form,#searchResultBox .inputBar .input form,div.search-panel .inputBar .input form{overflow:hidden;display:flex;width:0;justify-content:flex-end;transition:all .15s ease-in;align-items:center}#search-input-bar .inputBar .input .reset,#searchResultBox .inputBar .input .reset,div.search-panel .inputBar .input .reset{margin-right:5px;width:24px;height:26px;position:relative;outline:0;background:0 0;border:0}#search-input-bar .inputBar .input .reset:before,#searchResultBox .inputBar .input .reset:before,div.search-panel .inputBar .input .reset:before{content:"";position:absolute;height:2px;width:17px;background:#a2a2a2;top:49%;left:15%;transform:rotate(45deg)}#search-input-bar .inputBar .input .reset:after,#searchResultBox .inputBar .input .reset:after,div.search-panel .inputBar .input .reset:after{content:"";position:absolute;height:2px;width:17px;background:#a2a2a2;transition:all .15s ease-in;top:49%;left:15%;transform:translate(-50%,-50%);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#search-input-bar .inputBar .input .searchbox,#searchResultBox .inputBar .input .searchbox,div.search-panel .inputBar .input .searchbox{transition:all .15s ease-in;color:#999;width:calc(100% - 28px);outline:0;height:26px}#search-input-bar .inputBar .input+div,#searchResultBox .inputBar .input+div,div.search-panel .inputBar .input+div{display:flex;max-width:50px;justify-content:flex-end;font-size:14px}#search-input-bar .inputBar #reccomenderLayer,#searchResultBox .inputBar #reccomenderLayer,div.search-panel .inputBar #reccomenderLayer{max-width:100%}#search-input-bar .cancel,#searchResultBox .cancel,div.search-panel .cancel{padding:0 5px;background:0 0;border:none;outline:0;outline:0}#search-input-bar .clearSearchHistory,#searchResultBox .clearSearchHistory,div.search-panel .clearSearchHistory{display:block;width:20px;height:20px;background:url(/res/images/community/remove.png) no-repeat;background-size:100% auto;border:none;outline:0;padding:12px}#searchResultBox{width:100%}#searchResultBox .container{background:0 0;margin-top:5px;padding-bottom:0}#searchResultBox .container.sticky{position:fixed;top:27px;left:-2px;margin-left:10px;margin-right:10px;width:calc(100% - 17px)}#searchResultBox .container.sticky:before{content:"";left:0;top:20px;position:absolute;display:block;width:100%;height:50px;background:#fff;background:linear-gradient(180deg,#fff 80%,rgba(255,255,255,0) 100%);z-index:-1}#searchResultBox .container.sticky .input{position:relative;z-index:1}#searchResultBox .inputBar{flex-direction:column;width:100%;justify-content:center;border-radius:36px;border:solid 1px #00c991;background-color:#fff;display:flex;justify-content:flex-end;padding:3px}#searchResultBox .inputBar::before{content:"";width:100%;height:100%;display:block;position:relative;background:#fff}#searchResultBox .inputBar #reccomenderLayer{position:relative}#searchResultBox .inputBar .input{width:100%!important;height:30px}#searchResultBox .inputBar .input .searchSubmit{width:32px;height:29px}#reccomenderLayer,section.recommender{display:none}#reccomenderLayer .body,section.recommender .body{padding:0!important}#reccomenderLayer{position:absolute;display:flex;width:100%}#reccomenderLayer .recommender{display:flex;background:#fff;width:100%}#reccomenderLayer .recommender .body{position:absolute;width:100%;z-index:9;margin:0;background:#fff;width:calc(100% - 20px);margin:0 10px;box-shadow:0 9px 7px 0 rgba(0,0,0,.25);border-radius:0 0 16px 16px;overflow:hidden}#reccomenderLayer #autocomplete-list{display:flex;flex-direction:column;width:100%}#reccomenderLayer #autocomplete-list div{width:100%;padding:10px;margin:10px 0}#reccomenderLayer .autocomplete-items div{display:flex}#reccomenderLayer .autocomplete-items div:before{display:block;position:relative;content:"";width:20px;height:20px;background:url(/res/images/icn-search.svg) no-repeat;background-size:100% 100%;margin-right:10px}#reccomenderLayer .autocomplete-items div:last-child{border:none}#confirmBox{animation:fadeIn 80ms}#confirmBox .bg:before{content:"";background:#000;position:fixed;width:100%;height:100%;top:0;left:0;z-index:100;opacity:.5}#confirmBox .body{background-color:#eee;border-radius:5px;border:1px solid #aaa;position:fixed;width:300px;left:50%;margin-left:-150px;padding:6px 8px 8px;box-sizing:border-box;text-align:center;top:30%;z-index:100}#confirmBox .body .button{background-color:#ccc;display:inline-block;border-radius:3px;border:1px solid #aaa;padding:2px;text-align:center;width:80px;cursor:pointer}#confirmBox .body .button:hover{background-color:#ddd}#confirmBox .body .message{text-align:left;margin-bottom:8px}.section-title.search{display:flex;width:100%;flex-direction:column;padding:0;align-items:flex-start}#search-posts .search-title-wrapper{padding-bottom:0}#search-title{font-size:18px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#333;padding-bottom:0;margin:0 -5px}#search-title.stickyPadding{padding-top:60px}#search-title .alsolike{color:#00c991;padding:10px 0 5px 0;border-bottom:solid 1px #00c991}#search-posts.article-wrapper .section-title div:last-child{margin-bottom:0}