.learn-more .blog_title{color:#025;font-size:2rem;text-align:center;margin:30px;}
.learn-more h1{text-align:center;display:block;margin-bottom:20px;}
.learn-more h2{background:#025;color:#FFF;font-size:1.8rem;padding:10px;margin:15px 0;width:100%;border-radius:0;}
.learn-more h3{color:#025}
.learn-more .cat p+p{margin-top:10px}
.wmenu li{display:inline-block;position:relative;}
.wmenu li a{padding:20px;border:1px solid #025;font-size:2rem;width:95%;margin:5px auto;color:#025;display:block;}
.wmenu li:after{display:block;content:"";position:absolute;top:0;bottom:0;right:5%;width:6px;height:6px;margin:auto;border-top:solid 3px #025;border-right:solid 3px #025;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.wmenu li a:hover{background:#EEE}
.btnbox a {color:#FFF;display:block;font-size:3rem;padding:15px;margin:20px auto;width:80%;border-radius:5px;font-weight:bold;text-align:center;}
.btnbox a.b1{background:#E01}
.btnbox a.b2{background:#025}
.picbox{width:26%;display:inline-block;height:150px;position:relative;vertical-align:middle;}
.picbox img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;height:auto;width:auto;display:block;max-height:100%;max-width:100%;}
.bloglist a{display:block;position:relative;}
.bloglist li:hover{background:#EEE}
.bloglist .info{position: absolute;width:70%;top:0;right:0;color:#025}
.bloglist h3{width:70%;position:absolute;top:20px;right:0;margin:auto 0;display:table;display:block}
.bloglist .blogbody{width:70%;position:absolute;top:70px;right:0;color:#025;}
.bloglist li{padding:20px 0}
.bloglist li+li{border-top:1px solid #DDD;}
.loadmore{text-align:center;margin:30px 0}
.loadmore a{background:#DDD;padding:15px;width:70%;display:inline-block;border:1px solid #AAA;position:relative;color:#025}
.loadmore a:hover{background:#EEE}
.loadmore a:after{display:block;content:"";position:absolute;top:0;bottom:0;right:5%;width:6px;height:6px;margin:auto;border-top:solid 2px #025;border-right:solid 2px #025;-webkit-transform:rotate(45deg);transform:rotate(45deg);}





@media screen and (min-width: 769px){
	.learn-more h1{font-size:3rem;}
	.learn-more .cat{font-size:1.8rem;padding:4px;margin:15px 0}
	.wmenu li{width:50%}
	.loadmore a{font-size:2rem}
}

@media screen and (max-width: 768px){
	.learn-more h1{font-size:2rem;}
	.learn-more .cat{font-size:1.4rem;padding:10px;}
	.wmenu li{width:100%}
	.wmenu li a{font-size:1.6rem}
	.btnbox a{font-size:2rem}
	.picbox{height:81px;}
	.bloglist .blogbody{position:static;width:95%;margin:auto;margin-top:10px}
	.loadmore a{font-size:1.6rem}
}
