@charset "utf-8";

.header{background:#3485b2;width:100%;height:53px;border-bottom:1px solid #08151e;position:fixed;left:0;top:0;z-index:601}
.header h1{width:136px;margin:13px 10px 0 10px}
.header h1 a{display:block;text-indent:-9999px;width:136px;height:29px;background:url('/images/piiple_logo.png') no-repeat}
.header li a, .header li.bookmarklet em{color:#b7e6ff}
.header .user_menu{margin-top:13px}
.header .dropdown-menu a{color:#313030!important}
.header .user_menu > li{float:left;margin-right:15px}
.header .user_menu > li:first-child{padding-top:5px}
.header .user_menu > li.input-append{position:relative}
.header button.paper_admin{margin-left:10px; border-radius:4px!important}
.header .user_menu > li.notice.dropdown > a{font-weight:bold;#position:relative;#top:5px}
.header .user_menu > li.notice.dropdown a i{position:relative;top:-2px;display:inline-block;width:22px;height:22px;background:url('/images/piiple_icon2.png') no-repeat -132px 0}
.header .user_menu > li.notice.dropdown > a span{position:relative;top:-8px;#top:-5px}
.header .user_menu > li.notice .dropdown-menu a{width:200px;display:block;word-wrap:break-word;word-break:break-all;white-space:normal!important}
.header .user_menu > li.profile div > a{font-weight:bold;padding-left:3px;float:left}
.header .user_menu > li.profile div > a:first-child{width:30px;height:30px;margin-right:5px}
.header .user_menu > li.profile div a > img{width:30px;height:30px;border-radius:3px}
.header .user_menu > li.profile div > a + a{margin-top:3px}
.header .caret{border-top:4px solid #b7e6ff;margin:7px 0 0 5px}
.header .profile div a + a{position:relative;top:4px;line-height:1;#line-height:1.2}
.header .profile .caret{cursor:pointer;position:relative;top:13px;#left:5px;margin-top:0}
.header .user_menu > li.profile .dropdown-menu{width:160px}
.header .user_menu .input-append input[type="text"]{font-family:"맑은 고딕", Arial;border-radius:6px;background:#03527e;border:1px solid #044c74;color:#fff;margin-right:5px}
.header .user_menu .input-append input[type="text"]:focus{box-shadow:0 0 3px #fff}
.header .user_menu .input-append input[type="text"] + .bootbtn-warning{border-radius:2px;padding:4px 7px;background:#0c4770;border:1px solid #092d46}
.header .top_menu{margin:15px 20px 0 0}
.header .top_menu > li{float:left}
.header .top_menu > li + li + li{background:none}
.header .top_menu > li .caret{margin:8px 0 0 5px}
.header .top_menu li.my_paper, .header .top_menu li.bookmarklet , .header .top_menu li.signin, .header .top_menu li.signup{background:url('/images/lq_line01.gif') no-repeat right 3px}
.header .top_menu li > a{font-weight:bold;font-size:14px;padding:8px 10px 7px!important}
.header .top_menu li > em{font-weight:bold;font-size:14px;padding:8px 10px 7px!important;cursor:move;position:relative;z-index:-1}
.header .top_menu li.bookmarklet{position:relative;width:91px}
.header .top_menu li.bookmarklet a{width:71px;height:15px;display:block;font-size:0;position:absolute;right:0;top:-3px;cursor:move;z-index:1}
.header .top_menu li.bookmarklet i{position:absolute;right:10px;#top:8px;width:10px;height:10px;display:inline-block;background:url('/images/piiple_icon2.png') no-repeat 0 -88px}
.header .top_menu li.language > a{display:inline-block;padding:0 8px 2px!important;background:#472e21;border-radius:3px}
.header .top_menu li ul li a{font-weight:normal}
.header .top_menu ul{min-width:50px}
.header .dropdown-menu li a{font-size:14px;display:block;border-top:1px solid #d9d9d9;padding:0px 10px 6px}
.header .dropdown-menu li:first-child a{border:none}
.header .my_paper ul{width:230px}
.header .my_paper ul a{color:#404040}
.header .my_paper li{border-top:1px solid #d9d9d9;position:relative}
.header .my_paper li:first-child{border:none}
.header .my_paper li ul li:hover{background:#DCDBCC}
.header .my_paper li a{display:inline-block;padding:8px 10px;border:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:195px;#width:185px}
.header .my_paper li i{cursor:pointer;display:block;width:22px;height:22px;margin-right:10px;position:absolute;right:0;top:5px;background:url('/images/piiple_icon2.png') no-repeat -110px 0}
.header .my_paper li i.on{background-position:-88px 0}
.header .my_paper li.more{text-align: center;}
.header .profile.dropdown > div{float:left;}
#homeMain{padding-top:165px}

/*GNB영역 북마크*/
a.bookmarklet{width:18px;height:21px;display:block;position:absolute;left:23px;top:16px;cursor:move;border:none;line-height:0;font-size:0;text-indent:-9999px}
a.bookmarklet:hover{background-position:-232px -415px}
.bookmarklet_wrap{width:61px;height:54px;display:block;position:absolute;left:162px;top:0;border:none;background-position:-145px -399px}
.bookmarklet_wrap.login{left:221px}
.bookmarklet_wrap:hover{background-position:-209px -399px}
body.single .bookmarklet_notice{z-index:3000}
.bookmarklet_notice{display:none;position:absolute;right:0;top:25px;width:300px;height:107px;padding:12px 15px 15px;background:#372920;z-index:1}
.bookmarklet:hover .bookmarklet_notice{display:block}
.bookmarklet_notice h3{font-size:13px;color:#b38650;border-bottom:1px solid #433225;padding-bottom:1px}
.bookmarklet_notice h3 + p{border-top:1px solid #2c211a;padding-top:7px;margin-bottom:15px}
.bookmarklet_notice p{font-size:12px;color:#ad977e;line-height:15px}
#writeLayer.bookmarklet_pop .success{background:#faf7f6}
#writeLayer.bookmarklet_pop .success p{border-bottom:1px solid #efe8e4;text-align:center;padding:42px 0;font-family:Gulim;font-size:16px;line-height:24px;color:#666;font-weight:bold}
#writeLayer.bookmarklet_pop .success p a{color:#ed9513}
#writeLayer.bookmarklet_pop .success p + p{background:#fff}
#writeLayer.bookmarklet_pop .success p + p a{border:1px solid #b0b0b0;color:#929292;font-family:"맑은 고딕", Arial;font-size:16px;font-weight:bold;padding-left:21px;padding-right:21px}
#writeLayer.bookmarklet_pop .success p + p a:hover{border:1px solid #b0b0b0;color:#c97d06;padding-left:21px;padding-right:21px;box-shadow:none!important}
.bookmarklet_pop.login{width:540px;height:615px;overflow:hidden}
.bookmarklet_pop.login .sign_in.common_box{#width:540px}
.bookmarklet_pop.login .sign_in{width:inherit;margin:0}
.bookmarklet_pop.login .sign_in .inner ul li{#white-space:nowrap}
.bookmarklet_pop.login h3{width:491px;margin-bottom:65px}
.bookmarklet_pop.login.sns h3{padding:32px 0 0 ;width:auto;height:68px;margin-bottom:30px}
.bookmarklet_pop.login .rows b{width:80px;margin:0 20px 0 30px}
.bookmarklet_pop.login .rows .inner{width:410px}
.bookmarklet_pop.login .rows .inner div p{position:absolute;left:0;top:80px;width:auto}
.bookmarklet_pop.login.sns .rows .inner{margin-bottom:55px}
.bookmarklet_pop.login .rows .inner input[type="text"], .bookmarklet_pop.login .rows .inner input[type="password"]{width:354px;margin:0}
.bookmarklet_pop.login .rows + .rows{#margin-top:50px}
.bookmarklet_pop.login .rows + .rows + div{margin:5px 0 10px 130px!important;#margin:30px 0 10px 130px!important}
.bookmarklet_pop.login .rows + .rows .inner{margin-bottom:40px!important;#padding-bottom:40px}
.bookmarklet_pop.login .rows + p, .bookmarklet_pop.login .rows + div + p{padding:30px 0 50px}
.bookmarklet_pop.login.sns .sign_with{visibility:visible}
.bookmarklet_pop.login.sns .sign_with{display:block!important;padding:15px 40px 150px 30px;text-align:center}
.bookmarklet_pop.login .sign_with span{display:block;margin-bottom:10px;width:100%}
.bookmarklet_pop.login.sns .sign_with button{height:29px;padding:6px 0 10px 40px;background:url('/images/piiple_icon.png') no-repeat;border:none;box-shadow:none;white-space:nowrap}
.bookmarklet_pop.login.sns .sign_with button i{display:none}
.bookmarklet_pop.login.sns .sign_with button.btn_facebook{width:176px;background-position:-125px -585px}
.bookmarklet_pop.login.sns .sign_with button.btn_twitter{width:156px;background-position:-125px -615px;margin-left:15px}
.bookmarklet_pop.login p button, .bookmarklet_pop.login p button:hover{#margin:0 20px 0 0!important}
.bookmarklet_pop.login .sign_in .inner{padding:0}
@-moz-document url-prefix() {.bookmarklet_pop.login .sign_with button{width:177px;letter-spacing:-1px}}

/* yardMain */
#yardMain{width:100%!important}

/* 페이퍼 검색 - 유사 페이퍼가 있을 경우 */
.container.similar_paper{padding-top:90px}
.similar_paper h3{text-align:center;position:relative;top:-15px;white-space:nowrap;color:#000}
.similarBtn{display:block;position:absolute;bottom:-20px;}
.similar_paper + .expression{width:463px;margin:30px auto 0}

/* 사용자 메뉴 아이콘 */
.header .dropdown-menu li a i{display:inline-block;position:relative;top:5px;margin-right:8px;width:22px;height:22px;background:url('/images/piiple_icon2.png') no-repeat}
.header .dropdown-menu li a i{background-position:0 0}
.header .dropdown-menu li + li a i{background-position:-22px 0}
.header .dropdown-menu li + li + li a i{background-position:-44px 0}
.header .dropdown-menu li + li + li + li a i{background-position:-66px 0}

/* 알림 레이어 스타일 */
.header .user_menu .notice .dropdown-menu li a{font-size:12px;padding:5px 10px 6px;text-decoration:underline}
.header .user_menu .notice .dropdown-menu li a em{font-size:11px;display:block;text-decoration:underline}
.header .user_menu .notice .dropdown-menu li a span{color:#452A25;font-weight:bold}
.header .user_menu .notice .dropdown-menu li a span.paper{color:#32688A;font-weight:normal;text-decoration:underline}
.header .user_menu .notice .dropdown-menu li.more a{text-decoration:none}

/* header layer ease-out */
.header .dropdown.open:before{position: absolute;bottom: -3px;right: 10px; z-index:1001;display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: '';}
.header .dropdown .dropdown-menu{max-height:0;overflow:hidden;visibility:hidden;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all .5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out
}

.header .dropdown.open .dropdown-menu{visibility:visible;max-height:1000px;padding:5px 0;margin:2px 0 0;border:1px solid rgba(0,0,0,0.2);border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;background-clip:padding-box;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
transition:all 0.5s ease-out
}

/* 로그인 레이어 스타일 */
.header .top_menu .signin .dropdown-menu{width:230px;padding:20px!important;background:#fafafa}
.header .top_menu .signin .dropdown-menu .sns_login{padding-bottom:20px;border-bottom:1px solid #dbd7d6;margin-bottom:10px;}
.header .top_menu .signin .dropdown-menu h3{color:#5d4639;margin-bottom:10px;font-size:14px}
.header .top_menu .signin .dropdown-menu p{position:relative}
.header .top_menu .signin .dropdown-menu h3 + p label.absolute{position:absolute;left:0;top:-5px}
.header .top_menu .signin .dropdown-menu h3 + p + p label.absolute{position:absolute;left:0;top:-5px}
.header .top_menu .signin .dropdown-menu .btn_facebook, .header .top_menu .signin .dropdown-menu .btn_twitter{color:#fff;width:110px;font-size:14px;font-weight:bold;padding:0 0 7px;text-shadow:none;border:none}
.header .top_menu .signin .dropdown-menu .btn_facebook:hover, .header .top_menu .signin .dropdown-menu .btn_twitter:hover{color:#fff}
.header .top_menu .signin .dropdown-menu .btn_facebook{float:left;	background:url('/images/lq_loginFB.gif') repeat-x}
.header .top_menu .signin .dropdown-menu .btn_twitter{float:right;background:url('/images/lq_loginTwt.gif') repeat-x}
.header .top_menu .signin .dropdown-menu .btn_facebook i, .header .top_menu .signin .dropdown-menu .btn_twitter i{position:relative;top:5px;width:22px;height:22px;display:inline-block;margin-right:5px;background:url('/images/piiple_icon2.png') no-repeat}
.header .top_menu .signin .dropdown-menu .btn_facebook i{background-position:-154px 0}
.header .top_menu .signin .dropdown-menu .btn_twitter i{background-position:-176px 0}
.header .top_menu .signin .dropdown-menu input[type="text"], .header .top_menu .signin .dropdown-menu input[type="password"]{width:216px;font-family:"맑은 고딕", Arial;font-size:13px}
.header .top_menu .signin .dropdown-menu input[type="text"]:focus, .header .top_menu .signin .dropdown-menu input[type="password"]:focus{border:1px solid #f0cb5b;outline:0;box-shadow:0 0 3px 1px rgba(240,203,91,.5);}
.header .top_menu .signin .dropdown-menu .bootbtn-block{border-radius:0\0IE8+9;#border:1px solid #888;border:1px solid #888\0IE8;padding:3px 0 10px;#padding:0 0 5px;margin:10px 0 20px;font-family:"맑은 고딕", Arial;background:#9a9a9a;#line-height:30px;}
.header .top_menu .signin .dropdown-menu .bootbtn-block:hover{
	background: #174b70;
	background:-webkit-gradient(linear, left top, left bottom, from(#174b70), to(#3485b1));
	background:-moz-linear-gradient(top,  #174b70,  #3485b1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#174b70', endColorstr='#3485b1');
}
.header .top_menu .signin a.icon-remove{position:absolute;right:10px;top:10px;text-indent:-9999px;font-size:0;line-height:0}
.header .top_menu .signin .find{border-top:1px solid #dbd7d6;#padding-top:5px;white-space:nowrap}
.header .top_menu .signin .find a{color:#4f85a3!important;text-decoration:underline}
.header .top_menu .signin .find a i{position:relative;top:7px;#top:4px;width:22px;height:22px;display:inline-block;background:url('/images/piiple_icon2.png') no-repeat -198px 0}
.header .top_menu .signin .find a + a i{width:22px;height:22px;display:inline-block;background:url('/images/piiple_icon2.png') no-repeat -220px 0}
.header .top_menu .signin .find a + a{margin-left:10px}

/* header layer ease-out */
.header .dropdown.open:before{position: absolute;bottom: -3px;right: 10px; z-index:1001;display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: '';}
.header .profile.dropdown.open:before{right:-2px}
.header .notice.dropdown .dropdown-menu, .header .profile.dropdown .dropdown-menu, .header .help.dropdown .dropdown-menu, .header .language.dropdown .dropdown-menu{max-height:0;overflow:hidden;visibility:hidden;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all .5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out
}

.header .notice.dropdown.open .dropdown-menu, .header .profile.dropdown.open .dropdown-menu, .header .help.dropdown.open .dropdown-menu, .header .language.dropdown.open .dropdown-menu{
visibility:visible;max-height:1000px;padding:5px 0;margin:2px 0 0;border:1px solid rgba(0,0,0,0.2);border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;background-clip:padding-box;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
transition:all 0.5s ease-out
}

.header .notice.dropdown .dropdown-menu{#width:220px}
.header .notice.dropdown li.read{background:#ebebeb;border-top:1px solid #fff}
.header .notice.dropdown li.read a{color:#a2a2a0!important;text-decoration:none}
.header .notice.dropdown li.read a span, .header .notice.dropdown li.read a span.paper, .header .notice.dropdown li.read a em{color:#a2a2a0;text-decoration:none}
.header .notice.dropdown li.read:first-child{border:none}
.header .notice.dropdown li.read:hover{background:#dcdbcc}
.header .help.dropdown .dropdown-menu{#width:140px}

/* 상단 카테고리 아이콘 영역 */
.category_responsive{display:none;width:220px;margin:15px auto;}
.category_area button#interest{width:113px;height:40px;position:relative;top:-17px;box-shadow:none;border-radius:none;border:none;text-indent:-9999px;font-size:0;line-height:0;background:url('/images/piiple_icon.png') no-repeat -387px -709px}
.category_area button#interest:hover, .category_area button#interest.on{background-position:-387px -751px}
.category_area{position:fixed;top:54px;right:0;left:0;width:100%;height:63px;background:#174b70 url('/images/category_bg.gif');z-index:600}
.category_area .category{width:100%;margin:0 auto;position:relative;text-align:center;margin-top:8px}
.category_area .category li{display:inline-block;*display:inline;*zoom:1;margin:0 7px 0 8px}
.category_area .category li a{font-size:0!important;color:#9bc3dc!important;display:block;*display:inline;*zoom:1;font-weight:bold;text-shadow:0 -1px 0 #000;width:42px;height:42px;position:relative;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;}
.category_area .category li a:hover, .category_area .category li a.on{font-size:14px!important}
.category_area .category li a i{position:absolute;left:0;top:0;display:inline-block;width:42px;height:42px;background:url('/images/piiple_icon.png') no-repeat}
.category_area .category li a em{display:none;position:absolute;left:37px;top:0;white-space:nowrap}
.category_area .category li a:hover em, .category_area .category li a.on em{display:inline-block}
.category_area .category li[value="0"] a i{background-position:0 -709px}
.category_area .category li[value="1"] a i{background-position:-42px -709px}
.category_area .category li[value="2"] a i{background-position:-84px -709px}
.category_area .category li[value="3"] a i{background-position:-126px -709px}
.category_area .category li[value="4"] a i{background-position:-168px -709px}
.category_area .category li[value="5"] a i{background-position:-294px -709px}
.category_area .category li[value="6"] a i{background-position:-210px -709px}
.category_area .category li[value="7"] a i{background-position:-252px -709px}
.category_area .category li[value="8"] a i{background-position:-336px -709px}
.category_area .category li[value="0"] a:hover i, .category_area .category li[value="0"] a.on i{background-position:0 -751px}
.category_area .category li[value="1"] a:hover i, .category_area .category li[value="1"] a.on i{background-position:-42px -751px}
.category_area .category li[value="2"] a:hover i, .category_area .category li[value="2"] a.on i{background-position:-84px -751px}
.category_area .category li[value="3"] a:hover i, .category_area .category li[value="3"] a.on i{background-position:-126px -751px}
.category_area .category li[value="4"] a:hover i, .category_area .category li[value="4"] a.on i{background-position:-168px -751px}
.category_area .category li[value="5"] a:hover i, .category_area .category li[value="5"] a.on i{background-position:-294px -751px}
.category_area .category li[value="6"] a:hover i, .category_area .category li[value="6"] a.on i{background-position:-210px -751px}
.category_area .category li[value="7"] a:hover i, .category_area .category li[value="7"] a.on i{background-position:-252px -751px}
.category_area .category li[value="8"] a:hover i, .category_area .category li[value="8"] a.on i{background-position:-336px -751px}
.category_area .category li a em{padding:5px 8px 10px 10px}
.category_area .category li[value="0"]:hover a, .category_area .category li[value="0"] a.on{width:70px}
.category_area .category li[value="1"]:hover a, .category_area .category li[value="1"] a.on{width:70px}
.category_area .category li[value="2"]:hover a, .category_area .category li[value="2"] a.on{width:106px}
.category_area .category li[value="3"]:hover a, .category_area .category li[value="3"] a.on{width:70px}
.category_area .category li[value="4"]:hover a, .category_area .category li[value="4"] a.on{width:106px}
.category_area .category li[value="5"]:hover a, .category_area .category li[value="5"] a.on{width:106px}
.category_area .category li[value="6"]:hover a, .category_area .category li[value="6"] a.on{width:106px}
.category_area .category li[value="7"]:hover a, .category_area .category li[value="7"] a.on{width:136px}
.category_area .category li[value="8"]:hover a, .category_area .category li[value="8"] a.on{width:76px}

.container{margin:0 auto;padding-top:165px;}

/* paper_sorting */
.paper_sorting{width:300px;margin:0 auto;position:relative;top:-37px}
.paper_sorting .caret{margin-left:5px}

/* main paper cover */
.element{cursor:pointer;background:url('/images/lq_empty_cover.jpg') no-repeat}
.category_area + #search.search_all{background:url('/images/piiple_search_all.png') no-repeat}
.category_area + #search.search_01{background:url('/images/piiple_search_seoul.png') no-repeat}
.category_area + #search.search_02{background:url('/images/piiple_search_gyeonggi.png') no-repeat}
.category_area + #search.search_03{background:url('/images/piiple_search_gangwon.png') no-repeat}
.category_area + #search.search_04{background:url('/images/piiple_search_chungcheong.png') no-repeat}
.category_area + #search.search_05{background:url('/images/piiple_search_jeolla.png') no-repeat}
.category_area + #search.search_06{background:url('/images/piiple_search_gyeongbuk.png') no-repeat}
.category_area + #search.search_07{background:url('/images/piiple_search_gyeongnam.png') no-repeat}
.category_area + #search.search_08{background:url('/images/piiple_search_jeju.png') no-repeat}
.category_area + #search a{display:block;position:absolute;font-size:0;line-height:0;text-indent:-9999px}
.element img{width:140px;height:140px;border-radius:5px}
.element a{display:block;width:140px;height:140px}
.element .paper_info{cursor:pointer;width:174px;height:36px;position:absolute;left:0;bottom:0;z-index:2;padding:4px 13px 6px;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out
}

.element .paper_info em{position:static;display:block;font-size:14px;color:#9ddbfd}
.element .paper_info span{position:relative;top:-8px;#top:-16px;font-size:12px;color:#7d7d7d;padding-right:10px;display:inline-block;line-height:15px;background:url('/images/lq_line02.gif') no-repeat right 3px}
.element .paper_info i{position:relative;top:-8px;#top:-16px;font-size:12px;color:#7d7d7d}
.element .paper_info u{width:200px;height:46px;position:absolute;left:0;bottom:0;z-index:-1;background:#000;opacity:0.8;filter:alpha(opacity=80);border-radius:0 0 5px 5px;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out
}

.element .join{opacity:0;filter:alpha(opacity=0);border:none;width:44px;height:44px;position:absolute;right:7px;bottom:4px;background:url('/images/piiple_icon2.png') no-repeat 0 -44px;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out
}

.element .paper_info u{width:200px;height:46px;position:absolute;left:0;bottom:0;z-index:-1;background:#000;opacity:0.8;filter:alpha(opacity=80);border-radius:0 0 5px 5px;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out
}

.element .join{opacity:0;filter:alpha(opacity=0);border:none;width:44px;height:44px;position:absolute;right:7px;bottom:4px;background:url('/images/piiple_icon2.png') no-repeat 0 -44px;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out
}

.element .join.on{background-position:-44px -44px}
.element:hover .paper_info{height:63px;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out
}

.element:hover .paper_info span{top:3px;display:block;background:none}
.element:hover .paper_info i{top:-2px;#line-height:40px;#top:-14px}
.element:hover .paper_info u{height:73px;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out
}

.element:hover .join{opacity:1;filter:alpha(opacity=100);
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out
}

.element:hover .paper_info u{height:73px;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out
}

.element:hover .join{opacity:1;filter:alpha(opacity=100);
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out
}


/* responsive */
@media (min-width: 0) and (max-width:439px){
.container{width:220px}
.container.similar_paper{width:220px;margin:0 auto}
.header .top_menu > li.language,
.header .top_menu > li.help,
.header .top_menu > li.bookmarklet,
.header .top_menu > li.my_paper,
.header .top_menu > li.signup,
.header .top_menu > li.signin,
.header .user_menu .notice,
.header .user_menu .profile,
.header .user_menu .profile > div > a + a,
.category,
.header .user_menu .input-append,
.paper_sorting
{display:none}
.category_responsive{display:block}
.container{position:relative;top:-40px}
}

@media (min-width: 440px) and (max-width:492px){
.container{width:440px}
.container.similar_paper{width:440px;margin:0 auto}
.header .top_menu > li.language,
.header .top_menu > li.help,
.header .top_menu > li.bookmarklet,
.header .top_menu > li.signup,
.header .user_menu .notice,
.header .user_menu .profile,
.header .user_menu .profile > div > a + a,
.category
{display:none}
.header .input-append label.absolute{width:110px!important;display:inline-block!important;overflow:hidden!important} 
.header .user_menu .input-append input[type="text"]{#padding-top:0;#padding-bottom:0;padding-top:0\0IE8;padding-bottom:0\0IE8;#height:20px;height:20px\0IE8;}
.category_responsive{display:block}
.header .top_menu{position:fixed;top:0;right:0}
.header .user_menu .input-append input[type="text"]{width:125px}
}

@media (min-width: 493px) and (max-width:659px){
.container{width:440px}
.container.similar_paper{width:440px;margin:0 auto}
.header .top_menu > li.language,
.header .top_menu > li.help,
.header .top_menu > li.bookmarklet,
.header .user_menu .notice,
.header .user_menu .profile,
.header .user_menu .profile > div > a + a,
.category
{display:none}
.header .input-append label.absolute{width:112px!important;display:inline-block!important;overflow:hidden!important} 
.header .user_menu .input-append input[type="text"]{#padding-top:0;#padding-bottom:0;padding-top:0\0IE8;padding-bottom:0\0IE8;#height:20px;height:20px\0IE8;}
.category_responsive{display:block}
.header .top_menu{position:fixed;top:0;right:0}
.header .user_menu .input-append input[type="text"]{width:125px}
.header .user_menu .input-append input[type="text"]{height:20px}
}

@media (min-width: 660px) and (max-width:879px){
.container{width:660px}
.container.similar_paper{width:660px;margin:0 auto}
.header .top_menu > li.language,
.header .top_menu > li.help,
.header .user_menu .profile > div > a + a
{display:none}
.header .input-append label.absolute{width:135px!important;display:inline-block!important;overflow:hidden!important} 
.header .user_menu .input-append input[type="text"]{#padding-top:0;#padding-bottom:0;padding-top:0\0IE8;padding-bottom:0\0IE8;#height:20px;height:20px\0IE8;}
.header .top_menu{position:fixed;top:0;right:0}
}

@media (min-width: 880px) and (max-width:1023px){
.container{width:880px}
.container.similar_paper{width:880px;margin:0 auto}
.header .top_menu > li.language
{display:none}
.header .input-append label.absolute{display:inline-block!important;overflow:hidden!important} 
.header .top_menu{position:fixed;top:0;right:0}
.header .user_menu .input-append input[type="text"]{width:155px}
.header .top_menu{position:fixed;top:0;right:0}
}

@media (min-width: 1024px) and (max-width:1099px){
.container{width:880px}
.container.similar_paper{width:880px;margin:0 auto}
.header .top_menu{position:fixed;top:0;right:0}
}

@media (min-width: 1100px) and (max-width:1319px){
.container{width:1100px}
.container.similar_paper{width:1100px;margin:0 auto}
.header .top_menu{position:fixed;top:0;right:0}
}

@media (min-width: 1320px) and (max-width:1539px){
.container{width:1320px}
.container.similar_paper{width:1320px;margin:0 auto}
}

@media (min-width: 1540px) and (max-width:1759px){
.container{width:1540px}
.container.similar_paper{width:1540px;margin:0 auto}
}

@media (min-width: 1760px) and (max-width:1979px){
.container{width:1760px}
.container.similar_paper{width:1760px;margin:0 auto}
}

@media (min-width: 1980px) and (max-width:2199px){
.container{width:1980px}
.container.similar_paper{width:1980px;margin:0 auto}
}

@media (min-width: 2200px) and (max-width:2419px){
.container{width:2200px}
.container.similar_paper{width:2200px;margin:0 auto}
}

@media (min-width: 2420px) and (max-width:2639px){
.container{width:2420px}
.container.similar_paper{width:2420px;margin:0 auto}
}