@charset "utf-8";



#mcontainer{background-image:url(/images/biz/main/sm_biz_main_bg.png);}

.inner h2{margin-bottom: -2px;}
#con2 .box_info .list li a:hover, #con2 .box_info .list li a.ov, #con2-1 .box_info .list li a:hover,
#con2-1 .box_info .list li a.ov, #con2-2 .box_info .list li a:hover, #con2-2 .box_info .list li a.ov{border: 1px solid transparent; background-color: #30BBFC; color: #fff; transition: none; margin-top: -3px; font-size: 14px;}

#con2 .box_info{top: 17px;}
#con2 .box_info .list li a {padding: 8px 20px; font-size: 14px;}

@media (max-width: 480px){

	#header #logo em a {font-size:15px; letter-spacing:-1px}

}


#connew{overflow:visible;position:relative;background:rgba(0,0,0,0.5);z-index:10}

#connew.inner{padding:0;}

#connew .more{display:block;overflow:hidden;position:absolute;top:220px;right:30px;width:18px;height:18px;background:url(/images/common/c/hak_a/sm_hg_main_ir.png) no-repeat -18px -48px;font-size:0;line-height:0;}



/* popup */

#connew .popup{position:relative;}

#connew .popup .layout{width:100%;}



/* popup Area */

#connew .popup .grap{position:relative;width:100%;height:100%;}

#connew .popup .grap .obj{position:relative;width:100%;height:100%;}

#connew .popup .grap .obj:after{content:"";display:block;clear:both;visibility:hidden;}

#connew .popup .grap .obj .item{display:none;position: absolute;top: 0;left: 0;width:100%;height:274px;float:left;background-color:#eee;background-size: cover; overflow:hidden;}

#connew .popup .grap .obj .item span{display:block;width:200%;height:100%;margin-left:-50%;text-align:center;}

#connew .popup .grap .obj .item span img{height:100%;max-width:none;}



#connew .popup .grap .obj .item a{

background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 54%, rgba(0,0,0,0.76) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 54%,rgba(0,0,0,0.76) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 54%,rgba(0,0,0,0.76) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c2000000',GradientType=0 ); /* IE6-9 */}

#connew .popup .grap .obj .item a:hover{

background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 74%, rgba(0,0,0,0.76) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 74%,rgba(0,0,0,0.76) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 74%,rgba(0,0,0,0.76) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c2000000',GradientType=0 ); /* IE6-9 */

}



#connew .popup .grap .obj .item a{display:block;color:#fff;}

#connew .popup .grap .obj .item b{display:block;padding:220px 0 30px 30px; font-size:15px;text-align:left;}



/* popup Control Style */

#connew .popup .control{position:absolute; top:213px;right:45px;width:100px; height:20px; text-align:center;}

#connew .popup .control a{display:inline-block;width:13px;height:13px;color:#fff;line-height:15px;text-align:center;vertical-align:middle;word-wrap:break-word;word-break:keep-all;font-size:0;line-height:0;text-indent: -999px;}

#connew .popup .control a:hover{transition:none;}

#connew .popup .control .prev,

#connew .popup .control .next{position:absolute;top:90px;}

#connew .popup .control .prev{left:-75px;}

#connew .popup .control .next{right:-75px;}



/* Scroll Paging Style */

#connew .popup .control .paging{display:inline-block;margin-vertical-align:middle;width:100px;height:20px;}

#connew .popup .control .paging button{margin:0 1px;width:13px;height:13px;line-height:10px;background:url(/images/common/c/hak_a/sm_hg_main_ir.png) no-repeat -15px -380px;font-size: 0;line-height: 0;text-indent: -9999px;}

#connew .popup .control .paging button.ov{background-position:-1px -383px;}

#connew .popup .control .paging em{font-weight:bold;text-decoration:underline;}

#con1{overflow: visible;}

#con1:before {
    content: "";
    display: block;
    position: absolute;
    top: 43px;
    left: 105%;
    height: 95%;
    width: 10px;
    background: #30BBFC;
}

#con1:after {
    content: "";
    display: block;
    position: absolute;
    top: 107%;
    left: 45px;
    width: 95%;
    height: 10px;
    background: #30BBFC;
}



#con5 a{position:relative;width:25%;height:auto;padding:80px 0 0;line-height:30px;}

#con5 a:after{content:"";display:block;position:absolute;left:50%;top:10px;width:70px;height:70px;margin-left:-35px;border-radius:50%;background-color:#38c3fc;background-image:url(/images/media-c/main/sm_hg_col5icon.png);}

#con5 a:after{background-position:15px 10px;}

#con5 a + a:after{background-position:-65px 10px;}

#con5 a + a + a:after{background-position:-147px 10px;}

#con5 a + a + a + a:after{background-position:-227px 12px;}

#con5 a.bg_bl {margin:0;background:none;color:#333;}





.tit_campus h1{font-size: 30px; line-height:1.4;}

#con6.inner h2{position:absolute;top:30px;left:30px;z-index:10;color:#fff; text-shadow: 2px 2px 5px #000;}



.slogan_wrap .obj .item div.type3 p{font-size:36px}

@media only screen and (max-width: 1300px){
	#con1:before, #con1:after{display: none;}
}

#mpop2{position:absolute;top:-10px;right:0;width:194px;height:45px;z-index:99}
#mpop2 a{display:block;width:100%;height:100%;background:url(/images/act/main/act_main_ir.png) no-repeat 0px 0px;text-indent:-999px;line-height:0px;font-size:0px;}
#mpop2 a:hover{background:url(/images/act/main/act_main_ir.png) no-repeat -198px 0px;transition:none}

@media (max-width: 1200px){
	#mpop2 {top: 120px; right: 20px;}
}
@media (max-width: 999px){
	#mpop2 {top: 60px; right: 50%; margin-right: -170px;}
}
@media (max-width: 480px){
	#mpop {right: 95%;}
	#mpop2 {right: 95%; margin-right: -180px;}
}