@import url(/assets/global.css);
/*
Theme Name: Reeoo
Theme URI: http://reeoo.com/
Version: 5
*/
/*Filter*/
#menu-color-menu li.current-menu-item.menu-item-3865::after,#menu-color-menu li.current-post-parent.menu-item-3865::after {border-color:#111 #fff #fff;}
#menu-color-menu li.current-menu-item.menu-item-3866::after,#menu-color-menu li.current-post-parent.menu-item-3866::after {border-color:#0072de #fff #fff;}
#menu-color-menu li.current-menu-item.menu-item-3867::after,#menu-color-menu li.current-post-parent.menu-item-3867::after {border-color:#7b512a #fff #fff;}
#menu-color-menu li.current-menu-item.menu-item-3869::after,#menu-color-menu li.current-post-parent.menu-item-3869::after {border-color:green #fff #fff;}
#menu-color-menu li.current-menu-item.menu-item-3868::after,#menu-color-menu li.current-post-parent.menu-item-3868::after {border-color:#909090 #fff #fff;}
#menu-color-menu li.current-menu-item.menu-item-3871::after,#menu-color-menu li.current-post-parent.menu-item-3871::after {border-color:orange #fff #fff;}
#menu-color-menu li.current-menu-item.menu-item-3872::after,#menu-color-menu li.current-post-parent.menu-item-3872::after {border-color:purple #fff #fff;}
#menu-color-menu li.current-menu-item.menu-item-3873::after,#menu-color-menu li.current-post-parent.menu-item-3873::after {border-color:#f00 #fff #fff;}
#menu-color-menu li.current-menu-item.menu-item-3874::after,#menu-color-menu li.current-post-parent.menu-item-3874::after {border-color:#999 #fff #fff;}
#menu-color-menu li.current-menu-item.menu-item-3875::after,#menu-color-menu li.current-post-parent.menu-item-3875::after {border-color:#f4f41a #fff #fff;}
#menu-color-menu li.current-menu-item.menu-item-3870::after,#menu-color-menu li.current-post-parent.menu-item-3870::after {border-color:#999 #fff #fff;}
#menu-color-menu li.current-menu-item.menu-item-13232::after,#menu-color-menu li.current-post-parent.menu-item-13232::after {border-color:#fecfdd #fff #fff;}
.menu-item-3865 a {background:#111;}
.menu-item-3866 a {background:#0072de;}
.menu-item-3867 a {background:#7b512a;}
.menu-item-3869 a {background:green;}
.menu-item-3868 a {background:#909090;}
.menu-item-3871 a {background:orange;}
.menu-item-3872 a {background:purple;}
.menu-item-3873 a {background:red;}
.menu-item-3874 a {background:white; border:1px solid #f0f0f0; height:22px; width:22px;}
.menu-item-3875 a {background:#f4f41a;}
.menu-item-3870 a {background-image:linear-gradient(to right,red,orange,yellow,#0be500,#0072de);}
.menu-item-13232 a {background:#fecfdd;}
/*Content*/
.box {width:1240px;}
.box h1 {font-size:36px; color:#333; line-height:1.2em; margin-bottom:10px; text-align:center;}
#main {margin-bottom:30px; position:relative;}
#main:after,#single:after {display:block;clear:both;content:"";visibility:hidden;height:0;}
#list,#showcase_list {display:inline-block; float:left;}
#list li,#showcase_list li {background:#fff; width:300px; height:200px; margin:5px; float:left; overflow:hidden; position:relative;}
#showcase_list li {width:600px; height:400px;}
#list .title,#showcase_list .title {background:#344051; font-size:16px; line-height:60px; position:absolute; left:0; bottom:-70px; height:60px; width:300px; padding:5px 10px; overflow:hidden; -webkit-transition:bottom .3s ease-out; -moz-transition:bottom .3s ease-out; -ms-transition:bottom .3s ease-out; transition:bottom .3s ease-out;}
#showcase_list .title {width:600px;}
#list li:hover .title,#showcase_list li:hover .title {bottom:0;}
#list li .thumb img,#showcase_list .thumb img {-webkit-transition:margin-top .4s ease-out; -moz-transition:margin-top .4s ease-out; -ms-transition:margin-top .4s ease-out; transition:margin-top .4s ease-out;}
#list li:hover .thumb img,#showcase_list li:hover .thumb img {margin-top:-50px;}
#list li:hover,#showcase_list li:hover {box-shadow:0 0 10px rgba(0,0,0,.25);}
#list li a,#showcase_list li a {color:#fff;}
#author_contact {margin-top:15px;}
#author_contact a {border:1px solid #ddd; font-size:14px; padding:10px 13px; margin-left:5px; margin-right:5px; border-radius:50px; position:relative; vertical-align:middle;}
#list_title {margin-top:50px; margin-bottom:50px;}
#list_title .share_tool {margin-top:20px;}
#list_title .share_tool a {font-size:20px; line-height:52px; margin:0 10px; border-radius:100px; box-shadow:0 0 2px rgba(0,0,0,.2); display:inline-block; height:48px; width:48px;}
/*Single*/
#single {width:1200px; margin:40px auto; position:relative;}
#single header {margin:20px 25px 0; position:relative;}
#single header h1 {text-align:left;}
#single h1 a {border:1px solid #ddd; font-size:14px; margin-left:10px; border-radius:50px; padding:4px 5px; position:relative; vertical-align:middle;}
#single h1 a:hover {border:1px solid #aaa;}
#single header time {font-size:13px; color:#888; margin-bottom:10px;}
#single header .meta {margin:10px 100px 20px 0;}
#single header .meta #author {margin-right:10px;}
#single header .meta #author img {width:24px; height:24px; border-radius:24px; vertical-align:middle;}
#single header .meta .tags {margin-top:10px;}
#single header .share_tool {position:absolute; bottom:5px; right:0;}
.share_tool {text-align:center;}
.share_tool a {font-size:20px; line-height:1em; margin-left:20px;}
.share_weibo:hover {color:#e31c34;}
.share_twitter:hover {color:#29a3ef;}
.share_pinterest:hover {color:#e30b2b;}
#post_content .share_tool {margin:80px 0 60px;}
#post_content .share_tool a {font-size:32px; line-height:66px; margin:0 15px; border-radius:100px; box-shadow:0 0 2px rgba(0,0,0,.2); display:inline-block; height:60px; width:60px;}
#post_content .share_tool .share_weibo:hover,#list_title .share_tool .share_weibo:hover {background:#e31c34; color:#fff;}
#post_content .share_tool .share_twitter:hover,#list_title .share_tool .share_twitter:hover {background:#29a3ef; color:#fff;}
#post_content .share_tool .share_pinterest:hover,#list_title .share_tool .share_pinterest:hover {background:#e30b2b; color:#fff;}
#post_content .share_tool div {font-size:18px; text-align:center; color:#bbb; margin-bottom:30px;}
#post_content .share_tool div > span {position:relative;}
#post_content .share_tool div > span::before {content:"";position:absolute; height:1px; width:50px; background:#eee; top:50%; left:-70px;}
#post_content .share_tool div > span::after {content:"";position:absolute; height:1px; width:50px; background:#eee; top:50%; right:-70px;}
#post {float:left; width:800px; margin-bottom:25px;}
/*Sidebar*/
#side_right {float:right; width:400px;}
#side_right h2 {font-size:15px; font-weight:700; color:#333; line-height:1em; margin-bottom:15px;}
#post_content blockquote {background:#fafafa; margin:0; font-size:15px; padding:35px 25px; border:none;}
#post_content img {width:100%; height:auto;}
#post_content p {margin-bottom:0;}
.side_box li {float:left; margin-bottom:20px; margin-left:20px;}
#side_right .side_box h2 {margin-left:20px;}
.side_box ul::after,#random ul::after {content:""; clear:both; display:block;}
#iphone,#ipad,#versions,#random {margin-left:20px; margin-bottom:20px; padding:15px 15px 0;}
#iphone,#ipad {padding:15px;}
#iphone img,#ipad img {width:100%; height:auto;}
#versions li {text-align:center; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ddd;}
#versions li:last-child {border-bottom:none; margin-bottom:0;}
#versions img {width:100%; height:auto;}
#iphone,#ipad,#versions,#post,#random,.side_banner {background:#fff; box-shadow: 0 1px 3px rgba(0,0,0,.1); border-radius:4px; border:none;}
#side_menu {background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.1); border-radius:4px; margin-left:20px; margin-bottom:20px; padding:20px 15px 10px;}
#side_menu dl {padding:5px 5px 0;}
#side_menu dt {font-size:15px; font-weight:700; clear:both; margin-top:15px; margin-bottom:0; color:#333;}
#side_menu dd {margin:5px 10px 0 0; display:inline-block; font-size:13px;}
#side_menu dd a:hover {text-decoration:underline;}
#side_search {border-radius:100px; border:1px solid #ddd; padding:5px 10px;}
#side_search input, #side_search button {border:none; background:none;}
#side_search input {width:80%; padding:3px 0;}
#side_search button {float:right; margin-top:3px;}
#random li {float:left; margin-bottom:15px; width:170px;}
#random li:nth-child(2n+1) {margin-right:10px;}
#random li img {width:100%; height:auto;}
.side_banner {margin-left:20px; margin-bottom:20px;}
.side_banner img {display:block; border-radius:4px; width:100%; height:100%;}
/*Author*/
#author_avatar img {width:96px; height:96px; border-radius:96px;}
/*random*/
.website {border:1px solid #f6f6f6; width:240px; height:264px; margin:5px; background:#fff; float:left;}
.website span {color:#999; font-size:12px; padding:5px 10px; display:block;}
#page {margin:20px auto 50px; max-width:800px; font-size:18px;}
#page h1 {margin-bottom:20px;}
#nopage {text-align:center; padding-top:150px; min-height:320px;}
#nopage h1 {font-size:70px; margin-bottom:50px;}
#tags a {margin-right:10px; white-space:nowrap;}
/*Carbonads*/
#side_sponsor {margin-left:20px; margin-bottom:20px; position:relative;}
#side_sponsor::after {content:""; display:table; clear:both;}
#side_sponsor #carbonads {margin-bottom:0;}
.sponsor #carbonads,.sponsor #aunmme_5 {padding:20px 15px 0;}
#side_sponsor #carbonads a img, #side_sponsor #aunmme_5 a img {float: left; margin: 0 10px 0 0;}
.aunmme_5-poweredby {display: block;}
#alipay {cursor:pointer;}
#alipay img {display:block; margin-top:14px;}
#alipay_qrcode {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:999;}
#alipay_qrcode img {position:absolute; top:50%; left:50%; margin-top:-195px; margin-left:-135px;}
.btn_close {cursor:pointer; width:40px; height:40px; line-height:40px; text-align:center; font-weight:300; font-size:20px; color:#666; background:#fff; border-radius:100px; position:absolute; top:50%; left:50%; margin-top:-215px; margin-left:110px; z-index:1;}
/*Responsive*/
@media screen and (max-width:619px) {
	.box {width:100%;}
	#list li {float:none; margin:10px auto;}
	#list {display:block; float:none;}
}
@media screen and (min-width:620px) and (max-width:929px) {
	.box {width:620px;}
}
@media screen and (min-width:930px) and (max-width:1239px) {
	.box {width:930px;}
}
@media screen and (max-width:1239px) {
	#showcase_list {display:block; float:none;}
	#showcase_list li {float:none; margin:15px auto;}
}
@media screen and (min-width:1550px) and (max-width:1859px) {
	.box {width:1550px;}
}
@media screen and (min-width:1860px) {
	.box {width:1860px;}
}
@media screen and (min-width:1199px) and (max-width:1239px) {
	#single {margin-left:-135px;}
}
@media screen and (min-width:1000px) and (max-width:1199px) {
	#single {width:1000px; margin-left:-35px;}
	#side_right {width:200px;}
	#side_sponsor img {width:100%; height:auto;}
	#side_sponsor #carbonads,#side_sponsor #aunmme_5 {width:160px; height:auto; padding:10px;}
	#side_sponsor .carbon-img img,#side_sponsor .aunmme_5-img img {margin-left:auto; margin-right:auto; margin-bottom:5px;}
	#side_sponsor .carbon-img,#side_sponsor .aunmme_5-img {float:none; margin-right:0;}
	#random li {width:100%;}
}
@media screen and (max-width:999px) {
	#post_content {margin-bottom:20px;}
	#side_right {float:none; width:auto; clear:both;}
	#side_sponsor,#versions,#random,#side_menu,.side_banner {margin-left:0px;}
	.side_box li {margin-left:10px; margin-right:10px;}
	#side_sponsor #carbonads,#side_sponsor #aunmme_5 {float:none; margin-right:0; padding:0; width:100%; height:auto;}
	#side_sponsor #carbonads > span,#side_sponsor #aunmme_5 > span {padding:15px; display:block;}
	#side_sponsor #carbonads > span::after,#side_sponsor #aunmme_5 > span::after {content:""; clear:both; display:block;}
	#random li {margin-right:10px;}
}
@media screen and (min-width:800px) and (max-width:999px) {
	#single {width:800px;}
}
@media screen and (min-width:799px) and (max-width:929px) {
	#single {margin-left:-90px;}
}
@media screen and (min-width:600px) and (max-width:799px) {
	#single,#post {width:600px;}
}
@media screen and (max-width:599px) {
	#single,#post {width:100%; height:auto;}
	#side_sponsor #carbonads,#side_sponsor #aunmme_5 {float:none; margin-left:auto; margin-right:auto; padding:9px; width:auto;}
}
@media screen and (max-width:375px) {
	.side_box li {margin-left:5px; margin-right:0;}
}