.header{background-color:#333;height:48px;border:0}.header .container{margin:8px 16px 0;height:40px}.header .container .tabs{text-align:center}.header .container .tabs::after{content:'';clear:both;display:block}.header .container .tabs .tab_item{width:200px;height:40px;background-color:#666;color:#fff;border-radius:3px 3px 0 0;text-align:center;display:inline-block;text-align:center;font-weight:bolder;transition:all .2s ease;margin:0 auto;padding-top:8px;cursor:pointer}.header .container .tabs .tab_item:hover{background-color:#999}.header .container .tabs input[name=tab_item]{display:none}.header .container .tabs input[name=tab_item]:checked+.tab_item{background-color:#fff;color:#333}.header .container #btn-manual{position:absolute;right:16px;top:8px}.header .container #btn-manual .manual-icon{color:#fff}.header .container #btn-manual .manual-icon:hover{color:#ccc}#contents{background-color:#fff;padding:32px 16px 0;position:absolute;left:0;right:0;top:48px;bottom:48px;overflow:auto}#contents #app-buttons{text-align:center}#contents .tab_content{display:none;text-align:left}#contents .tab_content::after{content:'';display:block;clear:both}#contents .app-container{display:inline-block;vertical-align:middle;width:200px;height:248px;border:1px solid #ccc;border-radius:3px;box-shadow:0 0 8px rgba(0,0,0,.3);margin:8px;cursor:pointer}#contents .app-container:hover{box-shadow:0 0 0 1px #4ac789;border-color:#4ac789}#contents .app-container a{display:block;border-bottom:1px solid #e0e0e0;border-radius:3px 3px 0 0;width:100%;height:50%}#contents .app-container h3{margin:0;padding:8px 16px 0;color:#333}#contents .app-container p{width:196px;padding:0 16px;font-size:12px;color:#333}#contents #likebtn a{background:url(../images/main/parts/likebtn.png) no-repeat center;background-size:cover}#contents #instagram a{background:url(../images/main/parts/instagram.png) no-repeat center;background-size:cover}#contents #twitter a{background:url(../images/main/parts/twitter.png) no-repeat center;background-size:cover}#contents #twitbatch a{background:url(../images/main/parts/twitbatch.png) no-repeat center;background-size:cover}#contents #likebox a{background:url(../images/main/parts/likebox.png) no-repeat center;background-size:cover}#contents #bbs a{background:url(../images/main/parts/bbs.png) no-repeat center;background-size:cover}#contents #video a{background:url(../images/main/parts/video.png) no-repeat center;background-size:cover}#contents #note a{background:url(../images/main/parts/note.png) no-repeat center;background-size:cover}#contents #gmap a{background:url(../images/main/parts/gmap.png) no-repeat center;background-size:cover}#contents #ymap a{background:url(../images/main/parts/ymap.png) no-repeat center;background-size:cover}#contents #search a{background:url(../images/main/parts/search.png) no-repeat center;background-size:cover}#contents #translate a{background:url(../images/main/parts/translate.png) no-repeat center;background-size:cover}#contents #news a{background:url(../images/main/parts/news.png) no-repeat center;background-size:cover}#contents #blog a{background:url(../images/main/parts/blog.png) no-repeat center;background-size:cover}#contents #docs a{background:url(../images/main/parts/docs.png) no-repeat center;background-size:cover}#contents #affiliate a{background:url(../images/main/parts/affiliate.png) no-repeat center;background-size:cover}