@charset "utf-8";

#contents {padding-top: 77px;}


section.wow {transition-timing-function: ease-in-out;-ms-transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;-webkit-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;transition-duration: .2s;-ms-transition-duration: .2s;-moz-transition-duration: .2s;-webkit-transition-duration: .2s;-o-transition-duration: .2s;}
section.wow:hover{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
section.wow .row {margin-right: -15px;margin-left: -15px;}

/* home - blog masonry */
.blog-header-style {margin: 0 8px; padding: 0; list-style: none; display: flex; justify-content: start;}
.blog-header-style li {width: 22.427%; padding: 0 8px;height: 463px; margin: 0 -4px 0 0;display: inline-block; box-sizing: border-box; overflow: hidden; vertical-align: top; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s;}
.blog-header-style li .blog-banner {display: block; position: relative; height: 100%;}
.blog-header-style li figure figcaption {position: absolute;left: 15px;bottom: 52px;padding: 0;transform: translateY(35px);-webkit-transform: translateY(35px);-moz-transform: translateY(35px);-ms-transform: translateY(35px);-o-transform: translateY(35px);position: absolute;left: 0;bottom: 10px;padding: 15px 20px;transition-duration: 0.3s;transition-timing-function: ease-in-out;white-space: nowrap;}
.blog-header-style li.blog-column-active figure figcaption {transition-delay: 0.5s;-webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-ms-transition-delay: 0.5s;-o-transition-delay: 0.5s;transform: translateY(14px);-webkit-transform: translateY(14px);-moz-transform: translateY(14px);-ms-transform: translateY(14px);-o-transform: translateY(14px);}
.blog-header-style li figure figcaption a {color: #fff;}
.blog-header-style li figure figcaption .btn {opacity: 0; transform: translateY(60px); -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s;}
.blog-header-style li.blog-column-active figure figcaption .btn {opacity: 1; transition-delay: 0.6s; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all;}
.blog-header-style li.blog-column-active figure figcaption .btn:hover {transition-delay: 0; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all;}
.blog-header-style li.blog-column-active {width: 50%; transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s;}
.blog-header-style li .blog-title {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.blog-header-style li span.cate {position: absolute;top: 16px;left: 20px;font-weight: 600;font-size: 14px;}
.blog-header-style li span.cate.white {color: #fff;}
.blog-header-style li figure figcaption a.tit {font-weight: 700;font-size: 16px;display: block;line-height: 1.2;}
.blog-header-style li figure figcaption a.tit:hover {}
.blog-header-style li figure figcaption a.more {background: #fff;color: #000;font-size: 13px;padding: 4px 5px 2px 5px;margin-top: 10px;display: inline-block;font-weight: 600;opacity: 0; transform: translateY(60px); -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s;transition-duration: 0.3s; transition-timing-function: ease-in-out; white-space: nowrap;}
.blog-header-style li.blog-column-active figure figcaption a.more {opacity: 1; transition-delay: 0.6s; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all;}
.blog-header-style li figure figcaption a.tit .txt {font-size: 14px;font-weight: 600;margin-bottom: 10px;display: inline-block;}

.parallax {position: relative !important; background-size: cover !important; overflow: hidden; background-attachment: fixed !important; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.fix-background {background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat; background-size: cover !important; overflow: hidden; position: relative; transition-duration: 0.2s; transition-timing-function: ease-in;}
.cover-background {position: relative !important;background-size: cover !important;overflow: hidden !important;background-position: center !important;background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit}
.background-attachment-inherit {background-attachment: inherit}
.background-position-left {background-position: left center;}
.background-position-left-bottom {background-position: left bottom;}
.background-position-right {background-position: right center;}
.background-position-top {background-position: center top !important;}
.up-down-ani {display:table; position: relative; -webkit-animation-name: up-down-animation; -webkit-animation-duration:.7s; -webkit-animation-timing-function: linear; -webkit-animation-delay:.7s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-name: up-down-animation; -moz-animation-duration:.7s; -moz-animation-timing-function: linear; -moz-animation-delay:.7s; -moz-animation-iteration-count: infinite; -ms-animation-name: up-down-animation; -ms-animation-duration:.7s; -ms-animation-timing-function: linear; -ms-animation-delay:.7s; -ms-animation-iteration-count: infinite; -ms-animation-direction: alternate; -o-animation-direction: alternate; -o-animation-name: up-down-animation; -o-animation-duration:.7s; -o-animation-timing-function: linear; -o-animation-delay:.7s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; animation-direction: alternate; animation-name: up-down-animation; animation-duration:.7s; animation-timing-function: linear; animation-delay:.7s; animation-iteration-count: infinite; animation-direction: alternate; margin:0 auto;}
.background-position-x-50 {background-position-x: 50% !important;}
.btn.btn-white {background: #ffffff;border-color: #ffffff;color: #232323;}

.btn {display:inline-block; border:2px solid transparent; color: inherit; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform: uppercase; width: auto; font-family: 'Montserrat', sans-serif; font-weight: 600; transition-duration: 0.3s; transition-timing-function: ease-in-out; white-space: nowrap;}
.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-info:hover {color: #fff;}

/* opacity */
.opacity-very-light {position: absolute;/* height: 100%; */width: 100%;opacity: 0.6;bottom: 0;left: 0;height: 120px;}
.opacity-light {position: absolute; height: 100%; width: 100%; opacity: 0.3; top:0; left: 0;}
.opacity-extra-medium {position: absolute; height: 100%; width: 100%; opacity: 0.5; top:0; left: 0;}
.opacity-medium {position: absolute; height: 100%; width: 100%; opacity: 0.75; top:0; left: 0;}
.opacity-full {position: absolute; height: 100%; width: 100%; opacity: 0.8; top:0; left: 0;}
.opacity-full-dark {position: absolute; height: 100%; width: 100%; opacity: 0.9; top:0; left: 0;}

.bg-transparent, .background-transparent {background-color: transparent;}
.bg-white, .background-white {background-color:#fff;}
.bg-black, .background-black {background-color:#000;}
.bg-extra-dark-gray {background-color:#1c1c1c;}
.bg-dark-gray {background-color:#757575;}
.bg-extra-medium-gray {background-color:#939393;}
.bg-very-dark-gray {background-color:#121212;}
.bg-medium-gray {background-color:#dbdbdb;}
.bg-extra-light-gray {background-color:#e0e0e0}
.bg-medium-light-gray {background-color:#ededed}
.bg-light-gray {background-color:#f7f7f7}
.bg-very-light-gray {background-color:#fafafa}
.bg-deep-pink {background-color: var(--base-color);}
.bg-transparent-white {background-color: rgba(255,255,255,0.3); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}
.bg-transparent-black {background-color: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );}
.bg-gradient-light-red-light-orange {background-image: linear-gradient(to right top, #ff8e43, #ff7a41, #ff6343, #ff4848, #ff214f)}
.bg-gradient-light-red-light-white{background-image: linear-gradient(50deg, #ff214f 0%, #ffffff 100%);}
.bg-white-opacity {background-color: rgba(255, 255, 255, 0.85);}
.bg-black-opacity {background-color: rgba(0, 0, 0, 0.85);}
.bg-black-opacity-light {background-color: rgba(0, 0, 0, 0.5);}
.bg-deep-pink-opacity {background-color: rgba(255, 33, 79, 0.85);}
.bg-charcoal-gray{background-color: #0e0f10;}
.bg-transparent-white2{background: rgba(255,255,255,.2) !important;}
.bg-transparent-black-very-light {background-color: rgba(0, 0, 0, 0.15) !important;}

section .container h2 {font-size: 35px;font-weight: 800;margin-top: 45px;}
section .container h2:after {content:'';clear: both;display: block;border-bottom: 2px solid #000;margin-top: -10px;position: absolute;width: 83%;right: 0;}
section.cont03 .container h2:after {width: 84%;}
section.cont04 .container h2:after {width: 83%;}
section .container > p {font-size: 20px;font-weight: 500;color: #727171;padding: 3px 0 12px;}
.cont01 .container h2 .tit {color: #fac738;}
.cont02 .container h2 .tit {color: #62b857;}
.cont03 .container h2 .tit {color: #3f7bd4;}
.cont04 .container h2 .tit {color: #603cc9;}
.cont02 .container > .imgwrap > div {margin-bottom: 29px;}
.container .imgwrap:after {content:'';clear: both;display: block;}
.container .imgwrap .left {float: left;position: relative;}
.container .imgwrap .center {float: left;position: relative;margin-left: 30px;}
.container .imgwrap .right {float: right;position: relative;}
.container .imgwrap p {font-size: 20px;line-height: 1.5;color: #fff;position: absolute;left: 20px;top: 166px;letter-spacing: -0.045em;font-weight: 500;}
.container .imgwrap p .tit {/* font-size: 24px; */font-size: 20px;font-weight: 600;display: block;}
.cont01 .container .imgwrap a figure {overflow: hidden;border-radius: 12px;}
.cont01 .container .imgwrap a img {transition: 0.3s;}
.container .imgwrap a img {border-radius: 12px;}
.cont01 .container .imgwrap a:hover img {transform: scale(1.15);}
.cont02 .container .imgwrap a figure {overflow: hidden;border-radius: 12px;}
.cont02 .container .imgwrap a img {max-width: 100%;transition: opacity .3s,transform .3s;}
.cont02 .container .imgwrap a:hover img {transform: rotate(1deg) scale(1.1);opacity: .8;}
section.cont03 .container h2 {margin-top: 16px;}
.container .imgwrap p.black {color: #000;}
.cont03 .container .imgwrap a figure {overflow: hidden;border-radius: 12px;}
.cont03 .container .imgwrap a img {max-width: 100%;transition: opacity .3s,transform .3s;}
.cont03 .container .imgwrap a:hover img {transform: rotate(1deg) scale(1.1);opacity: .8;}
.cont04 .container .boxWrap {display: flex;}
.cont04 .container .boxWrap .left {margin-right: 30px;}
.cont04 .container .boxWrap .left, .cont04 .container .boxWrap .right {display: flex;flex-wrap: wrap;width: calc(100% - 15px);}
.cont04 .container .boxWrap .left a .thum, .cont04 .container .boxWrap .right a .thum {overflow: hidden;}
.cont04 .container .boxWrap .left .full, .cont04 .container .boxWrap .right .full {width: 100%;margin-bottom: 30px;}
.cont04 .container .boxWrap .left a, .cont04 .container .boxWrap .right a {position: relative;display: block;border-radius: 15px;overflow: hidden;}
.cont04 .container .boxWrap .left a .text, .cont04 .container .boxWrap .right a .text {position: absolute;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;transition: background 0.3s;}
.cont04 .container .boxWrap .left a:hover .text, .cont04 .container .boxWrap .right a:hover .text {background-color: rgba(0, 0, 0, 0.7);padding: 10px;}
.cont04 .container .boxWrap .left a .text .category, .cont04 .container .boxWrap .right a .text .category {display: inline-block;font-size: 24px;padding: 8px 20px;background-color: rgba(0, 0, 0, 0.7);color: #fff;border-radius: 50px;text-align: center;margin-bottom: 0;transition: 0.2s;font-weight: 600;}
.cont04 .container .boxWrap .left a .text .title, .cont04 .container .boxWrap .right a .text .title {font-size: 25px;font-weight: 600;line-height: 1.3;text-align: center;color: #fff;opacity: 0;height: 0;padding-bottom: 0;transition: 0.5s;}
.cont04 .container .boxWrap .left .half, .cont04 .container .boxWrap .right .half {display: inline-block;width: calc(50% - 15px);margin-bottom: 30px;margin-right: 30px;}
.cont04 .container .boxWrap .left a .text .plus, .cont04 .container .boxWrap .right a .text .plus {display: inline-block;width: 15px;height: 14px;background-image: url(../image/common/plus.png);background-size: contain;background-position: center;background-repeat: no-repeat;margin: 0 auto;opacity: 0;height: 0;transition: 0.3s;}
.cont04 .container .boxWrap .left .half:last-child, .cont04 .container .boxWrap .right .half:last-child {margin-right: 0;}
.cont04 .container .boxWrap .left a:hover .text .title, .cont04 .container .boxWrap .right a:hover .text .title {padding-bottom: 35px;opacity: 1;height: auto;}
.cont04 .container .boxWrap .left a:hover .text .category, .cont04 .container .boxWrap .right a:hover .text .category {margin-bottom: 20px;background-color: #fff;color: #000;}
.cont04 .container .boxWrap .left a:hover .text .plus, .cont04 .container .boxWrap .right a:hover .text .plus {opacity: 1;height: 13px;transform: rotate(360deg);}
.cont04 .container .boxWrap .left span a, .cont04 .container .boxWrap .right span a {margin-bottom: 30px;}
.cont04 .container .boxWrap .left span a:last-child, .cont04 .container .boxWrap .right span a:last-child {margin-bottom: 0;}

.mo {display: none;}
.cont05 .bnr_area {overflow: hidden;width: 100%;margin-top: 40px}
.cont05 .bnr_area li {overflow: hidden;float: left;position: relative;width: 50%;height: 287px;vertical-align: middle;text-align: center;background-position: center;background-repeat: no-repeat;background-size: 100% 100%}
.cont05 .bnr_area li a {display: block;height: 100%;padding-top: 90px;color: #fff}
.cont05 .bnr_area li a h3 {margin-bottom: 12px;font-size: 26px;font-weight: 600;}
.cont05 .bnr_area li a p {font-size: 20px;font-weight: 500;}
.cont05 .bnr_area li:before {content:"";position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;-webkit-transition: all 3s linear;transition: all 3s linear}
.cont05 .bnr_area li:nth-child(1):before {background: url('../image/main/cont_5_01.jpg') 101% center no-repeat}
.cont05 .bnr_area li:nth-child(2):before {background:url('../image/main/cont_5_02.jpg') 101% center no-repeat}
.cont05 .bnr_area li:hover:before {transform:scale(1.1,1.1)}

@media screen and (max-width: 1024px) {
	#contents {padding-top: 69px;}
	section .container h2:after {width: 78%;}
	section.cont03 .container h2:after {width: 79%;}
	section.cont04 .container h2:after {width: 76%;}
	.container .imgwrap .left {width: 49%;}
	.container .imgwrap .right {width: 49%;}
	.cont02 .container .imgwrap .left {width: 32%;}
	.cont02 .container .imgwrap .center {width: 32%;margin-left: 2%;}
	.cont02 .container .imgwrap .right {width: 32%;margin-left: 2%;}
	.cont03 .container .imgwrap .left {width: 32%;}
	.cont03 .container .imgwrap .center {width: 32%;margin-left: 2%;}
	.cont03 .container .imgwrap .right {width: 32%;margin-left: 2%;}
}

@media screen and (max-width: 768px) {
	section .container h2:after {width: 70%;}
	section.cont03 .container h2:after {width: 72%;}
	section.cont04 .container h2:after {width: 68%;}
	.container .imgwrap p .tit {font-size: 21px;}
	.cont02 .container .imgwrap p .tit {font-size: 15px;}
	.container .imgwrap p {font-size: 16px;line-height: 1.4;left: 15px;top: 90px;}
	.cont04 .container .boxWrap {display: block;}
	.cont04 .container .boxWrap .left {width: 100%;padding-bottom: 0;}
	.cont04 .container .boxWrap .right {width: 100%;}
	.cont04 .container .boxWrap .left .full, .cont04 .container .boxWrap .right .full {width: 100%;margin-bottom: 20px;}
	.cont04 .container .boxWrap .left a .thum, .cont04 .container .boxWrap .right a .thum {height: 100%;}
	.cont04 .container .boxWrap .left a .thum img, .cont04 .container .boxWrap .right a .thum img {width: 100%;height: 100%;}
	.cont04 .container .boxWrap .left .half, .cont04 .container .boxWrap .right .half {display: inline-block;width: calc(50% - 10px);margin-bottom: 10px;margin-right: 20px;}
	.cont04 .container .boxWrap .left span a, .cont04 .container .boxWrap .right span a {margin-bottom: 42px;}
	.blog-header-style {display: block;margin: 0 7px;}
	.blog-header-style li, .blog-header-style li.blog-column-active {width: 100%;}
	.blog-header-style li {margin: 0 0 15px;}
	#contents {padding-top: 68px;}
}

@media screen and (max-width: 640px) {
	#contents {padding-top: 60px;}
	.blog-header-style li {height: 400px;}
	section .container h2:after, section.cont03 .container h2:after, section.cont04 .container h2:after {width: 95%;z-index: -1;margin-top: -4%;left: 10px;}
	section .container {text-align: center;}
	section .container > p {text-align: left;}
	.container .imgwrap p {text-align: left;}
	.blog-header-style li figure figcaption {text-align: left;}
	section .container h2 {font-size: 25px;margin-top: 37px;text-align: center;background: #fff;display: inline-block;padding: 0 12px;}
	.cont05 .bnr_area li:nth-child(1):before {background: url('../image/main/cont_5_01.jpg') 50% 50% no-repeat;background-size: cover;}
	.cont05 .bnr_area li:nth-child(2):before {background:url('../image/main/cont_5_02.jpg') 50% 50% no-repeat;background-size: cover;}
}

@media screen and (max-width: 475px) {
	section.wow {margin-top: 10px;}
	.blog-header-style li {height: 320px;}
	.blog-header-style li:last-child {margin-bottom: 0;}

	section .container > p {font-size: 16px;line-height: 1.3;}
	.container .imgwrap .left, .container .imgwrap .right {width: 100%;float: none;}
	.container .imgwrap .left, .cont02 .container > .imgwrap > div {margin-bottom: 15px;}
	section.cont03 .container h2 {margin-top: 37px;}
	.cont02 .container .imgwrap .left {width: 100%;float: none;}
	.cont02 .container .imgwrap .center {width: 100%;margin-left: 0;float: none;margin-bottom: 15px;}
	.cont02 .container .imgwrap .right {width: 100%;margin-left: 0;float: none;}
	.cont02 .container .imgwrap a img {width: 100%;}


	.cont03 .container .imgwrap .left {width: 100%;float: none;}
	.cont03 .container .imgwrap .center {width: 100%;margin-left: 0;float: none;margin-bottom: 15px;}
	.cont03 .container .imgwrap .right {width: 100%;margin-left: 0;float: none;}
	.cont03 .container .imgwrap a img {width: 100%;}
	.container .imgwrap p {bottom: 15px;top: auto;}
	.cont04 .container .boxWrap .left a .text .category, .cont04 .container .boxWrap .right a .text .category {font-size: 17px;}
	.cont04 .container .boxWrap .left a .text .title, .cont04 .container .boxWrap .right a .text .title {font-size: 16px;}
	.cont04 .container .boxWrap .left span a, .cont04 .container .boxWrap .right span a {margin-bottom: 21px;}
	.cont05 .bnr_area li {width: 100%;float: none;height: 230px;}
	.cont05 .bnr_area li a {padding-top: 68px;}
	.cont05 .bnr_area li a h3 {font-size: 22px;}
	.cont05 .bnr_area li a p {font-size: 18px;}
	.cont05 .bnr_area {margin-top: 25px;}
	.cont02 .container .imgwrap p .tit {font-size: 18px;}

}


@media screen and (max-width: 360px) {
.cont04 .container .boxWrap .left a .text .category, .cont04 .container .boxWrap .right a .text .category {font-size: 14px;}
}