@font-face{font-family: 'MavenPro';src: url('https://www.coloringall.com/font/MavenPro.woff2') format('woff2');}
html,body{font-family: 'MavenPro', Helvetica, Arial, sans-serif;margin:0;padding:0;font-weight:500;}
html{min-height:100%;}
body{background:#f9f9f9;min-height:100%;}
body#am{background:#f6f6f6;}
header #logo a img{width:100%;height:100%;}
footer a{display:inline;}
#main{padding:1% 2%;}
h1{text-align:center;margin:1% auto;font-weight:800;}
h2{font-weight:600;}
ul{margin:0;padding:0;}
li{list-style:none;}
ul li{float:left;}
ul#postlist li a{position:relative;font-weight:900;}
ul#postlist .posttitle a{width:auto;height:auto;}
#main a img{box-shadow: 0 0 2px #bbb;}
#main.single a img{box-shadow:none;}
#main .aligncenter img{margin:auto;display:block;float:none;}
.wrap{background:#fff;width:100%;position:absolute;z-index:10;top:0;left:0;border:1px solid #ddd;border-radius:4%;transform: rotate(4deg);}
ul#postlist li a img{z-index:12;position:relative;width:100%;background:#fff;border-radius:4%;}
li,a,.wrap,img{transition:all 0.2s;}
a{color:#0af;text-decoration: none;width:100%;height:100%;display:block;}
p a{display:inline;font-weight:800;}
#breadcrumbs a{display:inline;}
#logo{float:left;}
#search{float:right;width:60%;height:100%;max-width:500px;}
#search form{width:100%;height:100%;padding:0;box-shadow:0 0 10px #e9e7de inset;background:#fdfdfc;border:0;}
#search form input{border:0;height:100%;width:80%;line-height:100%;background:none;}
#search form button{background:url(https://static.coloringall.com/search.svg) no-repeat;float:right;background-size:auto 100%;height:100%;width:12%;border:0;padding:0;}
button:focus,input:focus{outline:none}
a:hover{color:#e08;}
#main a:hover img,#main a:hover .wrap{box-shadow: inset 0 0 3px #0af;background:#fff;}
a:hover .wrap{transform:rotate(-4deg);}
#main img{display:block;float:left;}
#main.single img{background:#f3f2ed;}
figure{margin:0;}
.clear{clear:both;}
#main.image{padding:0.5% 2% 2% 2%;}
.image a{text-align:center;background:#0af;color:#fff;display:block;}
.image a:hover{background:#0a4;}
#main.page img{width:90%;background:none;float:none;margin:0 auto;}
p{text-align:left;line-height:1.5em;}
.navigation{text-align:center;}
.navigation a{text-align:center;background:#0af;color:#fff;display:inline;}
.navigation a:hover{background:#0a4;}
.index-top,.index-center,.index-bottom,.cat-top,.cat-bottom,.post-top,.post-bottom,.image-top,.image-bottom{margin:10px auto;min-height:280px;}
#notice{background-color:#f3f2ed;background-image:url(https://static.coloringall.com/green-tick.svg);background-size:contain;background-repeat:no-repeat;overflow:hidden;}
@media print{
     html,body,body#am,#main.image,#main.image #book,#main.image #book #mainimg,#main.image #book #mainimg img{width:100%!important;padding:0!important;height:100%!important;margin:0!important;box-shadow:none!important;border-radius:0!important;background:#fff!important;max-width:100%!important;max-height:100%!important;min-width:100%!important;min-height:100%!important;}
     header,footer,.image #book #aside,.image #book #aside .printabove,.clear,#breadcrumbs,#notice,.relative,iframe,ins,span,.imageabove,.bottom,.ft-menu,.ft-styless-button,.google-revocation-link-placeholder,.fc-button-background,button.fc-dns-link,.fc-ccpa-root .fc-dns-dialog .fc-dns-link p,.fc-dialog-container,.fc-dns-link,.fc-dialog,.fc-dns-dialog,div.fc-ccpa-root, .fc-ccpa-root div, .fc-ccpa-root h1, .fc-ccpa-root h2, .fc-ccpa-root p, .autors-widget{display:none!important;width:0!important;height:0!important;padding:0!important;margin:0!important;}
}

@media (max-width:600px){
a{font-size:.12rem;}
#search form input{font-size:.14rem;padding:0 0 0 .1rem}
#breadcrumbs{font-size:.12rem;margin:.1rem;}
#breadcrumbs span{font-size:.12rem;}
header{height:.32rem;border-bottom:1px solid #f0f0f0;background: #fff;overflow:hidden;}
header #logo a{width:1.4rem;height:.32rem;}
footer,footer a{color:#ccc;font-size:.11rem;text-align:center;line-height:.36rem;}
.posttitle,figcaption{font-size:.11rem;text-align:center;margin-top:.04rem;}
#main img{border-radius:4%;}
#main.image{border-radius:0;}
#main{padding:.1rem 0 0 0;font-size:.14rem}
#main .aligncenter img{max-width:90%;}
#main.single figure.feed{width:100%;height:auto;margin-left:0;margin-right:0;}
#main.single .wp-block-gallery{width:100%;overflow:hidden;}
#main.single .wp-block-image{margin:2%;width:46%;height:52vw;float:left}
#main.single .wp-block-image a,#main.single .wp-block-image a img{width:100%;height:42vw;border-radius:.08rem;}
ul#postlist li{width:42%;margin:4%;height:44vw;}
.imageabove,.postabove,.catabove{min-height:280px;}
#postlist a,#postlist img,#postlist .wrap{width:100%;height:41vw;}
h1{font-size:.2rem;}
h2{font-size:.18rem;margin:.1rem .2rem;}
p{font-size:.14rem;margin:.1rem .2rem;padding:0;}
.image a{font-size:.16rem;width:.7rem;height:.3rem;line-height:.3rem;border-radius:8%;margin:.1rem auto;}
.image img{width:100%;max-height:80vh;}
#aside{margin-top:.1rem;}
#notice{width:78%;margin:.2rem auto;font-size:.11rem;padding:.03rem .06rem .03rem .6rem;line-height:.12rem;border-radius:.08rem;text-align:justify;}
.navigation{margin:.1rem}
.navigation a{margin:.06rem;padding:.04rem .16rem;font-size:.14rem;line-height:.2rem;border-radius:.03rem;}
}
@media (min-width:600px) and (max-width:960px){
a{font-size:.08rem;}
#search form input{font-size:.1rem;padding:0 0 0 .1rem}
#breadcrumbs{font-size:.07rem;margin:.05rem;}
header{height:.22rem;border-bottom:1px solid #f0f0f0;background:#fff;overflow:hidden;}
header #logo a{width:1rem;height:.22rem;}
footer,footer a{color:#ccc;font-size:.08rem;text-align:center;line-height:.14rem;}
.posttitle,figcaption{font-size:.08rem;text-align:center;margin-top:.03rem;}
#main img{border-radius:4%;}
.image img{width:100%;max-height:80vh;}
#main .aligncenter img{max-width:90%;}
#main.single ul{}
.imageabove{margin:auto auto 10px auto;min-height:200px;}
.postabove{min-height:200px;}
.catabove{margin:auto;min-height:280px;}
#main.single figure.feed{width:100%;margin-left:0;margin-right:0;}
#main.single .wp-block-image{margin:3%;width:44%;height:46vw;float:left;}
#main.single .wp-block-image a,#main.single .wp-block-image a img{width:100%;height:41vw;border-radius:.08rem;}
ul#postlist li{width:29.3%;margin:2%;height:34vw;}
#postlist a,#postlist img,#postlist .wrap{width:100%;height:29vw;}
h1{font-size:.18rem;}
h2{font-size:.16rem;margin:.1rem .2rem;}
p{font-size:.1rem;margin:.1rem .2rem;padding:0;}
.image a{font-size:.14rem;width:.7rem;height:.24rem;line-height:.24rem;border-radius:8%;margin:.1rem auto;}
#notice{width:80%;margin:.1rem auto;font-size:.07rem;padding:.03rem 0 .03rem .54rem;line-height:.12rem;border-radius:.05rem;}
.navigation{font-size:.14rem;margin:.1rem;}
.navigation a{margin:.06rem;padding:.03rem .12rem;font-size:.14rem;line-height:.18rem;border-radius:.05rem;}
}
@media (min-width:960px){
.relative{width:100%;max-width:1200px;margin:10px auto;}
header{height:40px;border-bottom:1px solid #f0f0f0;background:#fff;overflow:hidden;}
header #logo a{width:200px;height:40px;}
#search form input{font-size:18px;padding:0 0 0 10px;}
#breadcrumbs{font-size:14px;margin:10px auto 10px 40px;}
footer,footer a{color:#ccc;font-size:14px;text-align:center;line-height:36px;}
#main.single figure.feed{flex-grow:0;background:none;}
#main.single .wp-block-image{height:280px;background:#fff;border-radius:3%;box-shadow: 0 0 .4rem #aaa;transition: 0.5s ease;}
#main.single .wp-block-image:hover{background:#fff;box-shadow:inset 0 0 .4rem #0af;}
#main.single .wp-block-image a img{box-shadow:none;border-radius:0;background:none;}
#main.single .wp-block-image a,#main.single .wp-block-image a img{height:250px;}
#main.single .wp-block-gallery{display:flex;width:100%;flex-wrap:wrap;}
#main.single .wp-block-gallery::after {content: '';display: block;flex-grow: 99999;}
#main.single .wp-block-image{margin:.5%;flex-grow:1;}
#main.single .wp-block-image a{min-width:220px;}
#main.single .wp-block-image a img{min-width:100%;max-width:400px;}
.posttitle,figcaption{font-size:14px;text-align:center;margin:6px auto;}
figcaption{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:300px;}
h1{font-size:24px;}
h2{font-size:20px;width:92%;min-width:900px;max-width:1130px;margin:10px auto;}
ul#postlist li{margin:1%;}
#notice{width:90%;margin:10px auto;max-width:1200px;font-size:16px;padding:10px 10px 10px 80px;line-height:24px;border-radius:5px;}
.intro p{font-size:18px;}
p{width:92%;min-width:900px;max-width:1130px;margin:15px auto;font-size:1.3em;}
#book{box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 10px 0px;border-radius:30px;width:100%;max-width:1300px;margin:10px auto;overflow:hidden;height:780px;max-height:780px;}
.image #book #aside a{font-size:20px;line-height:40px;border-radius:6%;text-align:center;width:120px;height:40px;margin:auto;display:block;position:absolute;top:700px;left:0;right:0;}
#book #mainimg{width:66%;float:left;max-height:780px;height:780px;}
#book #aside{width:34%;float:right;height:100%;position:relative;background:#f9f9f9;}
.postabove{min-height:200px;}
.printabove,.image-printabove{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:500px;max-height:500px;}
.catabove{max-width:1200px;margin:auto;min-height:280px;}
.imageabove{max-height:1200px;margin:auto auto 10px auto;min-height:200px;}
.index-top,.index-center,.index-bottom,.cat-top,.cat-bottom,.post-top,.post-bottom,.image-top,.image-bottom{max-width:1200px;}
.navigation{text-align:center;margin:10px;}
.navigation a{text-align:center;margin:10px;padding:6px 20px;background:#0af;color:#fff;font-size:18px;line-height:28px;border-radius:5px;display:inline;}
.navigation a:hover{background:#0a4;}
#book h1{text-align:left;margin:15px;font-size:20px;}
#book img{width:100%;height:100%;background:#fff;border-radius:none;}
}
@media (min-width:960px) and (max-width:1199px){
/*#main.single li{height:27vw;}
#main.single li a,#main.single li a img{height:24vw;}*/
ul#postlist li{width:23%;height:25vw;}
#postlist a,#postlist img,#postlist .wrap{height:22vw;}
}
@media (min-width:1200px){
#main.index{max-width:1230px;margin:auto;padding:1% 0;}
ul#postlist li{width:14.6%;}
}
@media (min-width:1200px) and (max-width:1323px){
/*#main.single li{height:17vw;}
#main.single li a,#main.single li a img{height:15vw;}*/
ul#postlist li{height:15.7vw;}
#postlist a,#postlist img,#postlist .wrap{height:14vw;}
}
@media (min-width:1324px) and (max-width:1403px){
/*#main.single li{height:17vw;}
#main.single li a,#main.single li a img{height:15vw;}*/
ul#postlist li{height:14.8vw;}
#postlist a,#postlist img,#postlist .wrap{height:13.1vw;}
}
@media (min-width:1404px) and (max-width:1487px){
/*#main.single li{height:17vw;}
#main.single li a,#main.single li a img{height:15vw;}*/
ul#postlist li{height:14vw;}
#postlist a,#postlist img,#postlist .wrap{height:12.5vw;}
}
@media (min-width:1488px) and (max-width:1567px){
/*#main.single li{height:16vw;}
#main.single li a,#main.single li a img{height:14vw;}*/
ul#postlist li{height:13.2vw;}
#postlist a,#postlist img,#postlist .wrap{height:11.7vw;}
}
@media (min-width:1568px) and (max-width:1759px){
/*#main.single li{height:15vw;}
#main.single li a,#main.single li a img{height:13vw;}*/
ul#postlist li{height:12.6vw;}
#postlist a,#postlist img,#postlist .wrap{height:11.2vw;}
}
@media (min-width:1760px) and (max-width:1999px){
/*#main.single li{height:14vw;}
#main.single li a,#main.single li a img{height:12vw;}*/
ul#postlist li{height:10.5vw;}
#postlist a,#postlist img,#postlist .wrap{height:9.3vw;}	
}
@media (min-width:2000px) and (max-width:2099px){
ul#postlist li{height:10vw;}
#postlist a,#postlist img,#postlist .wrap{height:8.7vw;}    
}
@media (min-width:2100px) and (max-width:2399px){
ul#postlist li{height:9.2vw;}
#postlist a,#postlist img,#postlist .wrap{height:8vw;}    
}
@media (min-width:2400px) and (max-width:2699px){
ul#postlist li{height:8.2vw;}
#postlist a,#postlist img,#postlist .wrap{height:7vw;}    
}
@media (min-width:2700px) and (max-width:2999px){
ul#postlist li{height:7.8vw;}
#postlist a,#postlist img,#postlist .wrap{height:6.5vw;}    
}
@media (min-width:3000px) and (max-width:3199px){
ul#postlist li{height:7.3vw;}
#postlist a,#postlist img,#postlist .wrap{height:6vw;}    
}
@media (min-width:3200px) and (max-width:3699px){
ul#postlist li{height:6.4vw;}
#postlist a,#postlist img,#postlist .wrap{height:5.2vw;}    
}
@media (min-width:3700px) and (max-width:4699px){
ul#postlist li{height:5.8vw;}
#postlist a,#postlist img,#postlist .wrap{height:4.7vw;}    
}
@media (min-width:4700px){
ul#postlist li{height:4.5vw;}
#postlist a,#postlist img,#postlist .wrap{height:3.5vw;}    
}

@media (min-width:900px) and (max-width:959px){html{font-size:245px;}}
@media (min-width:850px) and (max-width:900px){html{font-size:235px;}}
@media (min-width:822px) and (max-width:850px){html{font-size:222.4px;}}
@media (min-width:805px) and (max-width:822px){html{font-size:216px;}}
@media (min-width:784px) and (max-width:805px){html{font-size:213.33px;}}
@media (min-width:740px) and (max-width:784px){html{font-size:204.8px;}}
@media (min-width:715px) and (max-width:740px){html{font-size:192px;}}
@media (min-width:700px) and (max-width:715px){html{font-size:189.87px;}}
@media (min-width:660px) and (max-width:700px){html{font-size:180px;}}
@media (min-width:620px) and (max-width:660px){html{font-size:170px;}}
@media (min-width:580px) and (max-width:620px){html{font-size:160px;}}
@media (min-width:549px) and (max-width:580px){html{font-size:150px;}}
@media (min-width:514px) and (max-width:549px){html{font-size:142.4px;}}
@media (min-width:479px) and (max-width:514px){html{font-size:129.33px;}}
@media (min-width:452px) and (max-width:479px){html{font-size:125.6px;}}
@media (min-width:429px) and (max-width:452px){html{font-size:115.2px;}}
@media (min-width:425px) and (max-width:429px){html{font-size:113.87px;}}
@media (min-width:419px) and (max-width:425px){html{font-size:113.07px;}}
@media (min-width:411px) and (max-width:419px){html{font-size:110.4px;}}
@media (min-width:404px) and (max-width:411px){html{font-size:109.87px;}}
@media (min-width:389px) and (max-width:404px){html{font-size:104.8px;}}
@media (min-width:380px) and (max-width:389px){html{font-size:102.4px;}}
@media (min-width:369px) and (max-width:380px){html{font-size:100px;}}
@media (min-width:356px) and (max-width:369px){html{font-size:96px;}}
@media (min-width:351px) and (max-width:356px){html{font-size:94.13px;}}
@media (min-width:337px) and (max-width:351px){html{font-size:93.6px;}}
@media (max-width:337px){html{font-size:85.33px;}}