html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Helvetica, Arial, "Microsoft JhengHei", "Heiti TC", sans-serif;color:#333333;background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/body-bg-59e859256b39a6ccbb3b81b504fc24c5.svg);background-repeat:repeat-y;background-position:center;background-size:100%}.full{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.main-container{max-width:1200px;width:95vw;margin:260px auto 0}@media screen and (min-width: 768px) and (max-width: 1199px){.main-container{margin-top:305px}}@media screen and (max-width: 767px){.main-container{margin-top:60px}}.main-container .banner{overflow:hidden}.main-container .banner img{width:100%;height:100%}.main-container .intro{padding-top:23px;background-color:#EFEFEF}.main-container .intro .intro-text-wrapper{width:95vw;margin:0 auto;background-color:#EFEFEF}.main-container .intro .intro-text-wrapper .intro-text{margin:50px auto 45px auto;border-radius:3px;display:block;background-color:#F2F4F4;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2)}@media screen and (max-width: 479px){.main-container .intro .intro-text-wrapper .intro-text{margin:20px auto 280px auto}}.main-container .intro .intro-text-wrapper .intro-text p{padding:35px;line-height:2rem;font-size:20px}@media screen and (max-width: 479px){.main-container .intro .intro-text-wrapper .intro-text p{padding:20px 30px;line-height:1.25rem}}.main-container .intro .tri-bg{height:0;width:0;margin-bottom:15px;border-color:rgba(241,241,241,0) #fff #fff #fff;border-style:solid;border-width:50px 50vw 0px 50vw}#flash .notice{border:solid 2px #399c07;background-color:#d7ffaf}#flash .error{border:solid 2px #cc2f00;background-color:#ff9999}#flash .warning{border:solid 2px #ff7700;background-color:#ffc28d}#flash .notice,#flash .error,#flash .warning{margin:10px 0;padding:8px;border-radius:10px}#flash .flash_close{margin:0;padding:0 10px 4px 0;float:right}#flash .flash_close a:visited{color:#600}#flash .flash_close a:link{color:#2F427A}header{width:100%;position:fixed;top:0px;z-index:1}header li{list-style-image:none;list-style-type:none}@media screen and (max-width: 767px){.general-nav{display:none !important}}.top-bar{position:relative;z-index:2;background-color:white;box-shadow:0px 0px 6px 2px rgba(0,0,0,0.1)}.top-bar .top-bar-container{position:relative;height:110px;max-width:1200px;margin:0 auto;font-size:14px}.top-bar .top-bar-container .network-wrapper{position:absolute;right:5px;display:block}.top-bar .top-bar-container .network-wrapper header{display:none}.top-bar .top-bar-container .network-wrapper .network li{float:left;margin-left:5px;margin-top:-2px;padding:10px 5px}.top-bar .top-bar-container li a{text-decoration:none;color:#666}.top-bar .top-bar-container .user-nav{position:absolute;top:30px;right:0;display:block}.top-bar .top-bar-container .user-nav .menu li{float:left;margin-left:5px;margin-top:-2px;padding:10px 10px}.top-bar .top-bar-container .user-nav .menu li:before{display:inline-block;content:"";margin-right:3px;height:8px;width:6px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/arrow01-818da5764db0ac5ae3f59ad2f1f192d1.svg);background-repeat:no-repeat}header .logo-bar{background-color:#fff;box-shadow:0px 0px 6px 2px rgba(0,0,0,0.1);position:relative;z-index:2;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease}header .logo-bar .logo-bar-container{position:relative;max-width:1200px;margin:0 auto}header .logo-bar .logo-bar-container .site-logo-wrapper{float:left;margin:0 auto}header .logo-bar .logo-bar-container .site-logo-wrapper .site-logo{width:420px;height:49px;display:block;margin:22px auto;background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/site-logo-f5ecc2dcdac0489caab394d0d7717e01.png);background-size:420px 49px;transform:translateY(20%)}header .logo-bar .logo-bar-container .site-logo-wrapper .site-logo h1{position:absolute;text-indent:-100%;overflow:hidden}.categories-btn{display:none;float:left;cursor:pointer;margin:15px 20px;height:80px;width:130px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease}.categories-btn:hover{opacity:0.5}.categories-btn span{display:block;font-size:18px;color:#666;padding-top:30px;text-align:center}.categories-btn span:after{display:inline-block;content:"";margin-left:10px;width:12px;height:10px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/arrow-down-cc54cb51bc94aae4d9f3b1b2a9fc7de2.svg);background-repeat:no-repeat}.func-wrapper{float:right;display:block;margin-top:60px}.func-wrapper li{float:left}.func-wrapper a{float:left;width:35px;height:38px;margin:0 10px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease}.func-wrapper a:hover{opacity:0.5}.func-wrapper .facebook-icon{background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/social-media-fb-ce9b5a73401dfadb8df3a26b3851f767.svg);text-indent:-9998px}.func-wrapper .line-icon{background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/social-media-line-5b4ba9510782dc829a992946a46f60a6.svg);text-indent:-9998px}.func-wrapper .youtube-icon{background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/social-media-youtube-0b1a55291c80dd59807346ea7b43af06.svg);text-indent:-9998px}.func-wrapper .search-btn{float:right;display:block;width:35px;height:38px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/search-a0ae4023ef619188f1e1de4535ec6b36.svg)}.pop-box-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:none}.pop-box-overlay .overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:block}.pop-box-overlay .search-pop-box{position:absolute;top:calc(50vh - 200px);left:calc(50vw - 600px);max-width:1200px;width:100%;border-radius:5px;background-color:#fff;margin:0 auto;text-align:center;box-shadow:0px 0px 20px 2px rgba(0,0,0,0.25)}.pop-box-overlay .search-pop-box .close-search{top:0px;right:0px;position:absolute;display:block;width:30px;height:30px;margin:10px;padding:0px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/close-btn-fb9c5375607d8682f83ea35d591f55ba.svg);background-repeat:no-repeat;background-position:center;background-color:#fff;border-width:0;cursor:pointer}.pop-box-overlay .search-pop-box span{display:block;margin-top:70px;text-align:center;font-size:28px}.pop-box-overlay .search-pop-box span:after{content:'';display:block;width:50px;height:3px;background-color:#41C49E;margin:10px auto 25px auto}.pop-box-overlay .search-pop-box .input-container{display:block;margin:8% 0px 15% 0px;padding:0 50px;overflow:auto}.pop-box-overlay .search-pop-box .input-search{float:left;width:100%;font-size:18px;padding:10px;border-width:0;border-bottom:1px solid #808080;box-sizing:border-box;color:#75A098}.pop-box-overlay .search-pop-box .go-search-btn{position:absolute;right:50px;max-width:20%;padding:12px 5%;border-radius:3px;border-width:0;display:block;font-size:20px;letter-spacing:1px;color:#fff;background-color:#75A098}nav.menu-bar{position:relative;z-index:1;display:block;background-color:#F2F4F4;min-height:150px;box-sizing:border-box;overflow:auto;box-shadow:0px 0px 6px 2px rgba(0,0,0,0.1);transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease}nav.menu-bar .menu-bar-wrapper{position:relative;max-width:1200px;min-height:150px;margin:0 auto}nav.menu-bar .categories-list{background-color:#F2F4F4;float:left;width:100%;min-height:150px}nav.menu-bar .categories-list ul{margin-left:20px;margin-top:6px}nav.menu-bar .categories-list ul li{float:left;padding:4px 10px;border-left:3px solid #666;margin:10px 5px;width:22%;display:flex;align-items:center}@media screen and (min-width: 768px) and (max-width: 1199px){nav.menu-bar .categories-list ul li{height:35px;width:18%}}nav.menu-bar .categories-list ul li a{text-decoration:none;color:#333}@media screen and (min-width: 768px) and (max-width: 1199px){nav.menu-bar .categories-list ul li a{padding:0px 10px}}.mobile-nav{display:none}@media screen and (max-width: 767px){.mobile-nav{display:block;z-index:1;position:fixed;width:100%;background-color:#fff;box-shadow:0px 1px 10px rgba(0,0,0,0.5)}.mobile-nav a{text-decoration:none}.mobile-nav .nav-bar{height:60px}.mobile-nav .nav-bar .nav-button{background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/m-nav-d7b6869f6e8837a7741326276514c667.svg);display:block;width:20px;height:20px;margin:20px;float:left}.mobile-nav .nav-bar .site-logo{display:block;width:120px;height:20px;float:left;margin:20px 0px}.mobile-nav .nav-bar .site-logo h1{position:absolute;text-indent:-100%;overflow:hidden}.mobile-nav .nav-bar .search-btn{display:block;width:20px;height:20px;float:right;margin:20px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/m-search-21b7a8a8e69b273a7ebccbc8f4445a43.svg)}}.slide-nav-wrapper{display:none}@media screen and (max-width: 767px){.slide-nav-wrapper{display:block}.slide-nav-wrapper .main-nav{position:fixed;top:0;left:-260px;width:260px;height:100%;background-color:#F2F4F4;overflow-y:scroll;z-index:9999;display:block}.slide-nav-wrapper .blur_back{position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:#fff;opacity:0.2;z-index:9998;display:none}.slide-nav-wrapper .main-nav .nav_list li{border-bottom:solid 1px #999;width:100%;padding:15px 20px;box-sizing:border-box}.slide-nav-wrapper .main-nav .nav_list li a{text-decoration:none;padding:5px 10px;display:block;color:#666;border-left:solid 3px #999}.slide-nav-wrapper .main-nav .social-media{background-color:#41C49E;margin:0 auto;padding:10px}.slide-nav-wrapper .main-nav .social-media ul{display:flex;justify-content:space-around;flex-wrap:wrap}.slide-nav-wrapper .main-nav .social-media ul li a{display:block;width:30px;height:30px;padding:10px}.slide-nav-wrapper .main-nav .social-media .facebook-icon{background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/m-social-fb-82f5c703e32e73df2fe2f8b99a5b6f0d.svg);background-repeat:no-repeat;background-position:center;color:transparent}.slide-nav-wrapper .main-nav .social-media .line-icon{background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/m-social-line-14844f0d773f9e838bddc9323cf94733.svg);background-repeat:no-repeat;background-position:center;color:transparent}.slide-nav-wrapper .main-nav .social-media .youtube-icon{background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/m-social-youtube-46d6c0b9d94d53869aeaa383b390963a.svg);background-repeat:no-repeat;background-position:center;color:transparent}}footer{background-color:#F2F4F4;box-shadow:0px 0px 6px 2px rgba(0,0,0,0.2)}footer .footer-container{max-width:1200px;width:95vw;margin:0 auto;padding:30px 0}@media screen and (min-width: 480px) and (max-width: 767px){footer .footer-container{padding:20px 0 !important}}footer .footer-container .content{display:inline-block;width:100%}footer .footer-container .news-letter{float:left;width:60%;min-width:50%}@media screen and (min-width: 480px) and (max-width: 767px){footer .footer-container .news-letter{width:65%;margin-bottom:20px}}@media screen and (max-width: 479px){footer .footer-container .news-letter{width:100%;margin-bottom:20px}}footer .footer-container .news-letter input[type="text"]{float:left;width:65%;height:33px;border-radius:3px;margin-right:10px;display:block;font-size:14px;border-width:0px;padding-left:10px;background-color:#75A098;letter-spacing:1px;color:#fff}footer .footer-container .news-letter input[type="text"]::-webkit-input-placeholder{color:#fff;opacity:0.7}footer .footer-container .news-letter input[type="text"]:-ms-input-placeholder{color:#fff;opacity:0.7}footer .footer-container .news-letter input[type="text"]::-moz-placeholder{color:#fff;opacity:0.7}footer .footer-container .news-letter input[type="text"]:-moz-placeholder{color:#fff;opacity:0.7}footer .footer-container .news-letter input[type="submit"]{float:right;width:25%;height:35px;border-radius:3px;display:block;border:1px solid #75A098;font-size:16px;background-color:rgba(255,255,255,0);letter-spacing:1px;color:#75A098;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease}footer .footer-container .news-letter input[type="submit"]:hover{background-color:rgba(117,160,152,0.8);color:#f5f5f5}footer .footer-container .func-wrapper{float:right;margin-top:0}@media screen and (max-width: 479px){footer .footer-container .func-wrapper{float:left}}footer .footer-container .func-wrapper ul.social-media{float:right}@media screen and (min-width: 480px) and (max-width: 767px){footer .footer-container .func-wrapper ul.social-media{margin-left:-20px}}footer .footer-container .func-wrapper ul.social-media li{float:left}@media screen and (min-width: 480px) and (max-width: 767px){footer .footer-container .func-wrapper ul.social-media li.attention{display:none !important}}footer .footer-container .func-wrapper ul.social-media li a{float:left;width:35px;height:38px;margin:0px 10px;transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease}footer .footer-container .func-wrapper ul.social-media li a:hover{opacity:0.5}footer .footer-container .func-wrapper li.attention{float:left;padding:10px 20px;color:#3B9E8B}footer .footer-container .func-wrapper .facebook-icon{background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/social-media-fb-ce9b5a73401dfadb8df3a26b3851f767.svg);text-indent:-9998px}footer .footer-container .func-wrapper .line-icon{background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/social-media-line-5b4ba9510782dc829a992946a46f60a6.svg);text-indent:-9998px}footer .footer-container .func-wrapper .youtube-icon{background-image:url(https://s3-ap-northeast-1.amazonaws.com/techbang-review-staging/assets/social-media-youtube-0b1a55291c80dd59807346ea7b43af06.svg);text-indent:-9998px}footer .copyright{border-top:2px solid #41C49E;background-color:#fff}footer .copyright .content{max-width:1200px;padding:12px;margin:0 auto;text-align:center}footer .copyright .content span{font-size:14px;color:#808080}.article-list{width:100%;position:relative;display:block}.article-list h2{font-size:1.75rem;color:#222;letter-spacing:0.25rem;text-align:center}.article-list h2:after{content:'';display:block;width:50px;height:3px;background-color:#41C49E;margin:10px auto 25px}.article-list{margin:0 auto 20px}@media screen and (max-width: 479px){.article-list{margin:0 auto}}@media screen and (max-width: 479px){.article-list h2{font-size:1.4rem;letter-spacing:0.1rem}}.top-article-wrapper{width:100%;margin:50px auto 80px auto;padding-top:50px}@media screen and (max-width: 479px){.top-article-wrapper{margin:30px auto 40px auto;overflow:auto}}.top-article-wrapper h2{font-size:1.75rem;color:#222;letter-spacing:0.25rem;text-align:center}@media screen and (max-width: 479px){.top-article-wrapper h2{font-size:1.4rem;letter-spacing:0.1rem}}.top-article-wrapper h2:after{content:'';display:block;width:50px;height:3px;background-color:#41C49E;margin:10px auto 25px auto}@media screen and (max-width: 479px){.top-article-wrapper h2:after{margin:5px auto 20px auto}}.top-article-wrapper .top-article{display:block;margin:0px auto;display:flex;justify-content:center;align-items:center;margin-bottom:15px}.top-article-wrapper .top-article .order{display:inline-block;color:#FFF;font-size:20px;padding:10px 0px;border-radius:5px;background-color:#333;font-style:italic;width:10%;text-align:center;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2)}@media screen and (max-width: 479px){.top-article-wrapper .top-article .order{padding:8px 7px 5px;font-size:14px;float:left}}.top-article-wrapper .top-article:nth-child(2) .order{background-color:#FBB03B}.top-article-wrapper .top-article:nth-child(3) .order{background-color:#CCC}.top-article-wrapper .top-article:nth-child(4) .order{background-color:#D3896E}.top-article-wrapper .top-article .title{display:inline-block;width:90%;padding:10px 0 10px 30px}@media screen and (max-width: 479px){.top-article-wrapper .top-article .title{padding:15px 10px;text-indent:0;float:left;width:78%}}.top-article-wrapper .top-article .title a{text-decoration:none;color:#333;font-size:20px;overflow:hidden;width:100%;display:block;line-height:1.25}@media screen and (max-width: 479px){.top-article-wrapper .top-article .title a{font-size:14px;height:30px}}.top-article-wrapper .top-article:nth-child(2n) .title{background-color:#F4F7F6}.small-article-wrapper{margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:wrap}.article-list .small-article{border-radius:3px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2);position:relative;background-color:#fff}.article-list .small-article .article-image{position:relative}.article-list .small-article .article-image:before{display:block;content:"";width:100%;padding-top:56.25%}.article-list .small-article .article-image>.content{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.article-list .small-article .article-image a{width:100%}.article-list .small-article .article-image img{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.article-list .small-article .brief{padding:4%;padding-top:0px}.article-list .small-article .brief h3 a{text-decoration:none;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.article-list .small-article .brief .article-tag-wrapper{width:100%;text-align:center}.article-list .small-article .brief .article-tag-wrapper .article-tag{display:inline-flex;position:relative;font-size:14px;color:#fff;letter-spacing:1px;background-color:#666;border-radius:3px;margin:0 auto;top:-13px}.article-list .small-article .brief .article-tag-wrapper .article-tag a{padding:8px 35px 6px;color:#fff;text-decoration:none}.article-list .small-article .brief .article-tag-wrapper .phone_pad{background-color:#EF4D61}.article-list .small-article .brief .article-tag-wrapper .computer_laptop{background-color:#ED8C4A}.article-list .small-article .brief .article-tag-wrapper .wearable{background-color:#F2B50C}.article-list .small-article .brief .article-tag-wrapper .mouse_keyboard{background-color:#8DD845}.article-list .small-article .brief .article-tag-wrapper .headphone{background-color:#6FC172}.article-list .small-article .brief .article-tag-wrapper .camera{background-color:#16BFA3}.article-list .small-article .brief .article-tag-wrapper .component{background-color:#1785BC}.article-list .small-article .brief .article-tag-wrapper .nas_storage{background-color:#0C4CA8}.article-list .small-article .brief .article-tag-wrapper .network{background-color:#0815BC}.article-list .small-article .brief .article-tag-wrapper .monitor{background-color:#4E09BA}.article-list .small-article .brief .article-tag-wrapper .printer{background-color:#A757E5}.article-list .small-article .brief .article-tag-wrapper .tv{background-color:#F281EC}.article-list .small-article .brief .post-metadata{position:absolute;bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.article-list .small-article .brief .post-metadata .author{color:#666;margin-right:12px;font-size:14px}.article-list .small-article .brief .post-metadata .post-date{color:#999;font-size:14px}@media screen and (max-width: 479px){.small-article-wrapper{margin-bottom:0px}}.article-list .small-article{width:32.5%;margin-bottom:20px}@media screen and (max-width: 1199px){.article-list .small-article{width:49%}}@media screen and (max-width: 479px){.article-list .small-article{width:100%}}.article-list .small-article .title{display:block;height:4.8rem;margin:0 auto;margin-bottom:10px;line-height:1.6rem;overflow:hidden;text-overflow:ellipsis}.article-list .small-article .title h3{font-size:18px}.article-list .small-article .title h3 a{-webkit-line-clamp:3}.load-more{margin-bottom:50px;background-color:#F7F7F7;margin:0 auto 50px auto;display:block;width:30%;height:35px;border-radius:15px;text-align:center;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2)}@media screen and (max-width: 479px){.load-more{margin:0px auto 30px auto;width:90%;border-radius:20px}}.load-more a{line-height:2.2rem;letter-spacing:0.25rem;font-size:1.125rem;text-decoration:none;color:#3B9E8B}@media screen and (max-width: 479px){.load-more a{letter-spacing:2px;font-size:1rem}}