@charset "utf-8";

#total-search{position:relative;padding:1px 0 70px;margin-top:60px;}
#search-box{margin-top:0px;}
#search-box .bx{max-width:550px;margin:0 auto;border:2px solid #323232;border-radius:5px;position:relative;}
#search-box #keyword{height:50px;line-height:50px;padding:3px 0 0 15px;font-size:18px;color:#1b1b1b;width:calc(100% - 60px);font-weight:600 !important;}
#search-box #keyword:focus::placeholder{color:transparent}
#search-box .submit{width:45px;height:45px;position:absolute;top:15px;right:0px;overflow:hidden;text-indent:-9999px;background:url(/page/gwcia/images/common/sp_gwcia.png) -333px 0 no-repeat;background-size:1000px 2000px;}
#search-box .submit:active{transform:scale(.9);}
.result h4{text-align:center;line-height:1.3;font-size:22px;color:#454545;font-weight:300;margin-top:50px;padding-bottom:50px;}
.result h4 strong{color:#4B66E5;font-weight:700;}
.result h4 span{color:#4B66E5;font-weight:400;}
.result h4 br {display:none;}

.total{overflow:hidden;padding:0px 0 10px;}
.total li{float:left;width:calc((100% - 46px) / 4);margin:15px 15px 0 0;}
.total li:nth-child(4n){margin-right:0;}
.total li a{display:block;height:50px;line-height:48px;border-radius:25px;text-align:center;color:#1b1b1b;background-color:#F3F3F3;position:relative;transition:all .5s;text-decoration:none !important;overflow:hidden;}
.total li a:after{content:'';display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;;transition:all .5s;}

.total li.active a{color:#fff;font-weight:700;text-decoration:underline;background-color:#4B66E5;border:none;text-decoration:underline !important;}
.total li.active a:after{border:none;}
.total li a:hover{font-weight:600;text-decoration:none;}
.total li a:hover:after{border:none;}
.total li a:focus:after{display:none;}
.total li a:active{transform:scale(.9);}
.total li a:hover:before{margin-bottom:-240px;animation: rotate 1000ms infinite linear;}
.total li.active a:hover{text-decoration:underline;border:0;}
.total li.active a:before{display:none;}

@keyframes rotate {
  from { transform: rotate(0deg); }
  from { transform: rotate(360deg); }
}


@media (max-width:1199px) {
   #search_wrap{padding:1px 0 40px;}
   #search-box{margin-top:69px;}
   #search-box .result_title{margin-top:33px;}
   .result_tab{padding:45px 0 10px;}
}

@media (max-width:760px) {
   #search_wrap{padding:1px 0 20px;}
   #search-box{margin-top:49px;}
   #search-box .result{margin-top:25px;}
   .result_tab{padding:35px 0 10px;}
   #search-box .box{max-width:400px;}
   #search-box .result_title{font-size:20px;}
   
}

@media (max-width:639px) {
    .result_tab li{float:left;width:calc((100% - 16px) / 2);margin:15px 15px 0 0;}
   .result_tab li:nth-child(2n){margin-right:0;}
}



.item{margin-top:36px;position:relative;}
.item h5{line-height:2.2;border-bottom:1px solid #555;color:#555;font-weight:400;font-size:20px;}
.item h5 + p{text-align:center;padding:40px 0 30px;font-size:18px;}
.item h5 em{font-weight:300;}
.item .more{display:block;position:absolute;top:8px;right:0px;width:26px;height:26px;overflow:hidden;text-indent:-9999px;transition:all .3s;}
.item .more:after{content:'';display:block;width:2px;height:26px;background:#4B66E5;position:absolute;top:0px;left:50%;margin-left:-1px;}
.item .more:before{content:'';display:block;width:26px;height:2px;background:#4B66E5;position:absolute;top:50%;left:0px;margin-top:-1px;}
.item .more:hover{transform:rotate(90deg);}
.item .more:active:before, .result .more:active:after{transform:scale(.8)}

.item .article{padding:24px 15px 24px 0;overflow:hidden;border-bottom:1px solid #e6e6e6}
.item .article .thumb{width:152px;height:102px;background:#efefef;float:left;margin-right:28px;position:relative;display:block;overflow:hidden;}
.item .article .thumb img{display:block;max-width:100%;max-height:100%;position:absolute;top:-100%;left:-100%;right:-100%;bottom:-100%;transition:all .3s;margin:auto;}
.item .article .thumb:hover img{transform:scale(1.2);}
.item .article .text{overflow:hidden}
.item .article a{color:#555;font-size:18px;font-weight:400;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;}
.item .article a:hover{color:#4B66E5;}
.item .article p{color:#555;font-weight:300;line-height:1.4;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;max-height:45px;}
.item .article p .highlight{color:#4B66E5}
.item .article span {font-weight:300;color:#555;display:block;line-height:1.2;margin-top:7px;}
.item .article span em {margin-left:20px; color:#777}
.item .article .meta{font-weight:300;color:#555;display:block;line-height:1.2;margin-top:7px;}
.item .article .btn_box{float:right;padding:23px 15px 0 30px;}

/*
.item .article.has_attach .text{width:calc(100% - 230px);float:left}
.item .article{padding:24px 0px 18px 0;overflow:hidden}
.item .article li{float:left;width:calc((100% - 73px) / 4);margin:0 24px 0 0;}
.item .article li:last-child{margin-right:0;}
.item .article li a{display:block;border:1px solid #d9d9d9;}
.item .article li .thumb{overflow:hidden;padding-top:76.7%;position:relative;background:#efefef;}
.item .article li .thumb img{display:block;position:absolute;top:-100%;left:-100%;right:-100%;bottom:-100%;transition:all .3s;margin:auto;max-width:100%;max-height:100%;transition:all .3s;}
.item .article li a:hover .thumb img{transform:scale(1.2);}
.item .article li .text{padding:10px 10px 12px;border-top:1px solid #d9d9d9;}
.item .article li a p{color:#454545;font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;max-height:45px;line-height:1.4}
.item .article li a span{color:#666;font-weight:300;display:block;margin-top:10px;line-height:1.2;}
*/
.item .menu{padding:20px 0 20px 0;}
.item .menu li + li{margin-top:8px;}
.item .menu li a{display:block;font-size:18px;color:#555;font-weight:300;line-height:1.6;}
.item .menu li a:hover{font-weight:400;color:#b00d27;}

@media (max-width:1199px) {
    .item .group .btn_box{padding:23px 0px 0 15px;}
    .item .group.has_attach .text{width:calc(100% - 160px);}
}

@media (max-width:760px) {
    .item{margin-top:25px;}
    .item .group{padding:17px 15px 17px 0;}
    .item .more{right:0px;}
    .item .result_list{padding:18px 0px 5px 0;max-width:500px;margin:0 auto;}

    .item .result_list li{float:left;width:calc((100% - 12px) / 2);margin:0 12px 0 0;}
    .item .result_list li:nth-child(2n){margin-right:0;}
    .item .result_list li:nth-child(n+3){margin-top:12px;}
    
}

@media (max-width:500px) {
    .item .group .thumb{float:none;margin:0 0 15px 0;}
    .item .group .btn_box{float:none;padding:8px 0 0;text-align:right;margin-bottom:-4px;}
    .item .group .btn_box .contsBtn{margin-right:0;height:40px;line-height:38px;}
    .item .group.has_attach .text{float:none;width:100%;}
}