@charset "utf-8";

.md_icon{background:url(/images/common/c/hak_d/md_icon.png) no-repeat }

.tit_campus{display:block;position:absolute;top:180px;width:100%;z-index:99;}
.tit_campus h1{position:relative;margin-bottom:60px;font-family:'nsr';color:#fff;font-size:34px;text-align:center;line-height:1.2;}
.tit_campus h1:before{content:""; display:block;position: absolute;top: -25px;left:50%;width:50px;height:5px;margin-left:-25px;background-color:#fff;}
.tit_campus h1 em{font-family:'nsr';font-weight:bold;}
.tit_campus h1 span{display:block;margin-top:5px;font-family:'nsr';font-size:18px;line-height:24px;}


#mnotice h2, #msns h2, #mquick h2, #mpopup h2, #minfo h2 {margin-bottom: 15px; color: #362e33; font-size: 19px; line-height: 24px; font-weight: bold;}
#mnotice, #msns, #mquick, #mpopup, #minfo {float: left; position: relative;}
#mnotice, #mquick {width: 30%; margin-right: 4%;}

#msns {width:11%; margin-right: 4%;}
#msns .obj li{display:inline-block; width:40%; margin-right:10px; margin-bottom:10px;}
#msns .obj li a img{width:100%;}

#mnotice{width:22%; margin-right: 4%;}

#minfo {width:25%}
#minfo .minfoWrap .wid_txt {width: 50%; float:left;}

#mvisual{overflow:hidden;position:relative;width:100%;height:600px;}
#mvisual:after {content:"";display:block;visibility:hidden;clear:both;}

#mvisual .item{position:relative;float:left;width:25%;height:600px;}
#mvisual .item .img_mvisual{position:relative;height:100%;width:100%;z-index:10}
#mvisual .item .after,
#mvisual .item .before{position:absolute;bottom:0;left:0;padding:35px;width:100%;min-height:125px;z-index:11;}
#mvisual .item .after{display:none;height:100%;}



#mvisual .item .before a .title{color:#fff}
#mvisual .item .before a .title b,
#mvisual .item .before a .title span{display:block;text-align:center}
#mvisual .item .before a .title b{font-size:20px;}
#mvisual .item .before a .title span{font-size:13px;}


#mvisual .item .after{padding-top:118px;}
#mvisual .item .after h2{margin-bottom:30px;padding-top:80px;background:url(/images/common/c/hak_d/) no-repeat 50% top;color:#fff;/*font-size:20px;*/text-align:center;font-size: 20px;font-weight: bold;}
#mvisual .item .after .info{text-align:center}
#mvisual .item .after .info a{display:inline-block;position:relative;padding:0 12px;color:#fff;line-height:20px;padding-left:10px; background: url(/images/common/c/hak_d/w_blt.gif) no-repeat 0 8px;}
#mvisual .item .after .info a:after{content:"";display:block;position:absolute;top:50%;left:0;margin-top:-2px;width:4px;height:4px;}
#mvisual .item .after .more{display:block;width:42px;height:42px;margin:180px auto 0;background:url(/images/common/c/hak_d/md_icon.png) no-repeat 0 -57px;font-size:0;line-height:0;}

#mvisual .item .after .info a:hover,
#mvisual .item .after .info a:active,
#mvisual .item .after .info a:focus{text-decoration: underline}


#mvisual .item.item1, #mvisual .item.item2, #mvisual .item.item3, #mvisual .item.item4{background-size: cover;background-position: center top;}
#mvisual .item.item1 .after,
#mvisual .item.item2 .after,
#mvisual .item.item3 .after,
#mvisual .item.item4 .after{background-repeat:no-repeat;background-position:center 110px;}

#mvisual .item.item1 .after{background-color:rgba(24,35,65,0.9) }
#mvisual .item.item2 .after{background-color:rgba(25,72,91,0.9)}
#mvisual .item.item3 .after{background-color:rgba(28,20,43,0.9)}
#mvisual .item.item4 .after{background-color:rgba(87,40,0,0.9)  }


#mvisual .item.item1 .before{background:rgba(35,66,156,0.8)}
#mvisual .item.item2 .before{background: rgba(19,129,187,0.8)}
#mvisual .item.item3 .before{background: rgba(91,54,162,0.8)}
#mvisual .item.item4 .before{background: rgba(186,88,24,0.8)}

#mvisual .item.item1 .before, 
#mvisual .item.item2 .before, 
#mvisual .item.item3 .before, 
#mvisual .item.item4 .before
{ opacity: 0.9}


/*
#mvisual .item.item1 .after{background:url(images/bg_mvisual1_ov.png) no-repeat 50% 40%}
#mvisual .item.item2 .after{background:url(images/bg_mvisual2_ov.png) no-repeat 50% 50%}
#mvisual .item.item3 .after{background:url(images/bg_mvisual3_ov.png) no-repeat 50% 50%}
#mvisual .item.item4 .after{background:url(images/bg_mvisual4_ov.png) no-repeat 50% 50%}
*/


#mcontent{margin:42px auto; /* max-width:1200px; */width:100%;}


@media (max-width:1320px){
#mcontent{padding-right:60px;}
}
@media (max-width:1260px){
#mvisual .item .after,
#mvisual .item .before{min-height:144px}
}
@media (max-width:1200px){
#mcontent{padding-right:0;}
#msns .obj li{width:35%;}
}

#mcontent:after{clear:both; content: ''; display: block}
#mcontent h2{margin:0;padding:0;background:none; margin-bottom:15px;}


#mpopup{width:422px;}

#mnotice .obj{}
#mnotice .obj li{display:block;margin-bottom:3px;color:#5f5f5f;font-size:13px;line-height:22px;text-align:right;}
#mnotice .obj li.nodata{font-size:16px;text-align:center;}
#mnotice .obj li.nodata .icon{display:block;margin:25px auto 15px;width:46px;height:46px;background:url(/site/common/img/nodata_icon.png) no-repeat;}
#mnotice .obj li:after {content:"";display:block;visibility:hidden;clear:both;}
#mnotice .obj li a{position:relative;display:inline-block;float:left;overflow:hidden;padding-left:12px;max-width:70%;text-align:left;color:#555;font-size:14px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;}
#mnotice .obj li a:hover,
#mnotice .obj li a:focus{text-decoration:underline}
#mnotice .obj li a:after {content:"";display:block;position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#747474;}
#mnotice .more{display:inline-block;position:absolute;top:0;right:0;}
#mnotice .more a{display:inline-block;}
.more:hover{font-weight:bold; }


#mquick .obj{}
#mquick .obj:after {content:"";display:block;visibility:hidden;clear:both;}
#mquick .obj li{display:inline-block;float:left;}
#mquick .obj li a{display:block;color:#555;text-align:center;}
#mquick .obj li a .md_icon{display:block;margin:10px auto 15px auto;width:60px;height:52px; background: url(/images/common/c/hak_d/md_icon.png) no-repeat; }
#mquick .obj li a .icon1{background-position:0 0;}
#mquick .obj li a .icon2{background-position:-69px 3px; width:41px;}
#mquick .obj li a .icon3{background-position:-120px 3px; width:53px;}
#mquick .obj li a .icon4{background-position:-177px 0; width:49px; } 
/*
#mquick .obj li a .icon5{background-position:-223px 0;}
#mquick .obj li a .icon6{background-position:-276px 0;}
*/
#mquick .obj li a:hover,
#mquick .obj li a:active,
#mquick .obj li a:focus{text-decoration: underline}
#mquick .obj.col3 li{width:33.33%}
#mquick .obj.col4 li{width:25%}
#mquick .obj.col5 li{width:20%}


#minfo{height:160px;}
#minfo .right_img{overflow:hidden;float:right;width:40%;height:100px;/*background:url(/images/common/c/hak_d/news_img.jpg) no-repeat; background-size: cover;*/}
#minfo .right_img img{width:auto; height:100%;}
#minfo .more{display:block;margin-top:28px;}
#minfo .more em{display:inline-block;width:8px;height:8px;margin-left:15px;background:url(/images/common/c/hak_d/md_icon.png) no-repeat -248px -1px;}
#minfo .more a{display:inline-block;padding-right:16px;color:#808080;font-size:12px;}


.more:hover{transition: all 300ms ease-out;/*transform: rotate(90deg);*/}

/*
@media(max-width:1319px){
    #mcontent{width:1000px;}
}
*/
@media(max-width:1200px){
    #mcontainer{margin-right:0;}
    #qbar{display: none;}
}

@media(max-width:999px){
    #mcontent{margin:0;}
    .tit_campus{top:70px;left:50%;width:50%;margin-left:-25%;}
    .tit_campus h1{font-size:28px;}
    #mvisual,
    #mvisual .item{height:450px;}
    #mvisual .item .after h2{padding-top:0;}
    #mvisual .item.item1 .after{background-color:rgba(24,35,65,0.9);}
    #mvisual .item.item2 .after{background-color:rgba(25,72,91,0.9);}
    #mvisual .item.item3 .after{background-color:rgba(28,20,43,0.9) ;}
    #mvisual .item.item4 .after{background-color:rgba(87,40,0,0.9);}
    #mvisual .item .after .more{margin-top:50px;}
    #mcontent{position:relative;width:100%;}
    #mnotice, #mquick{float:none;width:58%;margin-left: 40px;}
    #mquick{margin-top:40px;margin-bottom:35px;}
    #minfo{position:absolute;right:0;top:0;width:33%;height:auto;padding: 40px 30px;background-color:#F6F6F6}

    #mnotice .obj li{margin-bottom:0;}
    #minfo .right_img{float:none;width:100%;height:170px;}
    #minfo .right_img img{width:100%;height:auto;}

    #minfo .minfoWrap .wid_txt{float:none;width:100%;margin-bottom:20px}
    #minfo .more {position:absolute;right:30px;top:40px;margin-top:0;}
    #mnotice h2{height: 50px;line-height: 90px;}
    #mnotice .more{top: 40px;}
    #msns{display:none;}
}




@media(max-width:768px){

    .tit_campus{position:relative;top:0;left:auto;width:70%;min-height:240px;padding:60px 0 10px;margin:0 auto 30px;}
    #mvisual{height:1070px;background:#14255c;}
    #mvisual .item{float:none;}
    #mvisual .item.item1, #mvisual .item.item2, #mvisual .item.item3, #mvisual .item.item4
    {width:100%;height:200px;}
    /*background-position: center -200px;}
    #mvisual .item.item1, #mvisual .item.item2{background-position-y:-300px;}*/

    #mvisual .item .after, #mvisual .item .before{height:200px;padding: 50px 40px 0 40px;width: 30%;}
    #mvisual .item .after{width:100%;}
    #mvisual .item .before a .title b, #mvisual .item .before a .title span,
    #mvisual .item .after h2,#mvisual .item .after .info
    {text-align: left;}
    #mvisual .item .before a .title b{margin-bottom:15px;}
    #mvisual .item .after h2,#mvisual .item .after h2{font-size:18px;}
    #mvisual .item .before a .title span{letter-spacing: -1px;}

    #mvisual .item .after .more{display:none;}
    #mvisual .item .after h2 {margin-bottom: 15px;}
    #mvisual .item.item1, #mvisual .item.item2, #mvisual .item.item3, #mvisual .item.item4{background-size: cover;background-position: center top;}

}


@media(max-width:620px){
    #minfo{padding: 40px 30px 30px;}
}

@media(max-width:560px){
	#mpop{display: none;}
    #mvisual{height:auto;}
    .tit_campus{min-height: 0px;padding: 75px 0 0 0;}
    .tit_campus h1{font-size:20px;}
    #mvisual .item.item1, #mvisual .item.item2, #mvisual .item.item3, #mvisual .item.item4{width:100%;height:150px;}

    #mvisual .item .after, #mvisual .item .before{height:150px;padding: 50px 40px 0 40px;}  
    #mvisual .item .after, #mvisual .item .before{padding:20px}
    #mvisual .item .after h2 {margin: 20px 0;}
    #minfo .more{margin-top:50px;}
    #minfo .minfoWrap .wid_txt{margin-top:110px;}
    #minfo .right_img img{width:130px;}

    #mvisual .item .after, #mvisual .item .before{width: 100%;} 
    #mvisual .item .before a .title b, #mvisual .item .before a .title span,
    #mvisual .item .after h2,#mvisual .item .after .info
    {text-align: center;}   
    #mvisual .item .before a .title b{margin:10px 0;}
    #mvisual .item .before a .title span{width:95%;margin:0 auto;font-size:15px;word-break:keep-all}
    #mcontent{padding: 0px;}
    #mnotice, #mquick,#minfo{width:100%;}
    #mquick{margin-top:30px}
    #minfo{position: relative;margin-top:30px}

    #minfo .minfoWrap .wid_txt{width:55%; float:left;margin-top:0px}
    #minfo .right_img{position:relative;float:right;width:40%;height:100px;text-align: right;}

    #minfo .more{float:none;position:static;display:block;margin-top:28px;}
    #minfo .more em{display:inline-block;width:8px;height:8px;margin-left:15px;background:url(/images/common/c/hak_d/md_icon.png) no-repeat -248px -1px;}
    #minfo .more a{display:inline-block;padding-right:16px;color:#808080;font-size:12px;}

    #mquick .obj li a .md_icon{width:45px;height:42px;margin-bottom:5px;}
    #mquick .obj li a .icon1{background-position: 0 -100px;}
    #mquick .obj li a .icon2{width:35px;background-position: -51px -100px;}
    #mquick .obj li a .icon3{background-position: -85px -100px;}
    #mquick .obj li a .icon4{background-position: -131px -100px;}

    #mnotice .more{top: 32px;right:30px}
    #mnotice, #mquick{padding:0 30px;margin-left:0px;}
    #minfo .minfoWrap .wid_txt{height:140px;}
    
}


#mpop{right:50%;top:auto;bottom:0;margin-right:-171px;}
@media (min-width:1084px){

    #mcontent{padding-right:60px;}
}


@media (min-width:1200px){
    .wrapper{max-width:1200px;margin:0 auto;}
}

@media (min-width:1444px){
    #mcontent{padding-right:120px;}
}