@charset "utf-8";


/******************** type07 ********************/


/* header */
body.type07 #header{position:relative; width:100%; height:140px; margin:0 auto 0; padding-top:0; background:#f5f5f5}
body.type07 #header .inner{position:relative; width:100%; height:100%}
body.type07 #header .inner:after{content:''; display:block; clear:both}
body.type07 #header h1{float:left; margin-left:6.25%}
body.type07 #header ul.nav{float:left; position:relative; margin-left:3.645%; padding-top:50px}
body.type07 #header ul.nav:after{position:absolute; left:200px; top:12px; width:1px; height:17px; background:#dcdcdc; content:''; display:block; clear:both}
body.type07 #header ul.nav > li{float:left}
body.type07 #header ul.nav > li > a{position:relative; display:block; font-size:18px; font-weight:700; color:#000; line-height:40px; padding:0 14px; z-index:10}
body.type07 #header ul.nav > li > a:hover{text-decoration:none; color:#5841c3}
body.type07 #header ul.nav > li > a:hover span.l{opacity:1}
body.type07 #header ul.nav > li > a span.l{display:block; position:absolute; left:50%; top:37px; width:calc(100% - 30px); height:3px; background:#5841c3; opacity:0; transform:translateX(-50%); -ms-transform:translateX(-50%)}
body.type07 #header ul.nav > li:nth-child(3){margin-right:15px}
body.type07 #header ul.nav > li:nth-child(4){margin-left:15px}
body.type07 #header ul.util{position:absolute; right:5.989%; top:7px; padding-top:50px}
body.type07 #header ul.util:after{content:''; display:block; clear:both}
body.type07 #header ul.util li{position:relative; float:left}
body.type07 #header ul.util li:after{position:absolute; right:0; top:6px; width:1px; height:14px; background:#e5e5e5; content:""}
body.type07 #header ul.util li a{display:block; line-height:25px; padding:0 10px}
body.type07 #header ul.util li a.btn_sitemap{display:block; width:27px; height:25px; background:url(/images/main/type07/ico_sitemap.png) center no-repeat; text-indent:-9999em}
body.type07 #header ul.util li:nth-child(4):after,
body.type07 #header ul.util li:nth-child(5):after{display:none}
body.type07 #header ul.util li:nth-child(5){margin-left:33px}


/* container */
body.type07 #container{position:relative; width:100%; margin:0}

#container .main_tp07{width:100%}
#container .main_tp07 .content{width:100%}
#container .main_tp07 .content:after{content:''; display:block; clear:both}
#container .main_tp07 .content .visual{float:left; width:calc(100% - 760px); height:840px; background:url(/images/main/type07/visual.jpg) center no-repeat; background-size:cover}
#container .main_tp07 .content .visual .txt{display:table; width:100%; height:100%; text-align:center}
#container .main_tp07 .content .visual .txt .inner{display:table-cell; vertical-align:middle}
#container .main_tp07 .content .visual .txt strong{font-size:45px; font-weight:800; color:#fff; line-height:50px}
#container .main_tp07 .content .visual .txt p{font-size:20px; color:#fff; margin-top:25px}
#container .main_tp07 .content .con{float:right; width:760px; height:840px}
#container .main_tp07 .content .con:after{content:''; display:block; clear:both}
#container .main_tp07 .content .con .l_con{float:left; width:380px}
#container .main_tp07 .content .con .r_con{float:right; width:380px}
#container .main_tp07 .content .con .hd_top{position:relative; width:100%; margin-bottom:25px}
#container .main_tp07 .content .con .hd_top:after{content:''; display:block; clear:both}
#container .main_tp07 .content .con .hd_top h2{float:left; font-size:13px; color:#fff; font-weight:800}
#container .main_tp07 .content .con .hd_top a.more{float:right; font-size:11px; color:#fff; opacity:0.6}
#container .main_tp07 .content .con .recomm{height:280px; background:#5841c3; padding:20px 20px 0 30px}
#container .main_tp07 .content .con .recomm ul li{position:relative; width:100%; height:78px; overflow:hidden; margin-top:25px}
#container .main_tp07 .content .con .recomm ul li:after{content:''; display:block; clear:both}
#container .main_tp07 .content .con .recomm ul li:first-child{margin-top:0}
#container .main_tp07 .content .con .recomm ul li .img{float:left; width:104px; margin-right:20px}
#container .main_tp07 .content .con .recomm ul li .img img{width:104px; height:78px}
#container .main_tp07 .content .con .recomm ul li .info{float:left; width:206px; margin-top:-5px}
#container .main_tp07 .content .con .recomm ul li .info p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size:13px;line-height:22px;color:#fff;}
#container .main_tp07 .content .con .recomm ul li .info p.addr{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#container .main_tp07 .content .con .recomm ul li .info p.price{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#container .main_tp07 .content .con .recomm ul li a.view{position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999em}
#container .main_tp07 .content .con .recomm .swiper-button-next{position:absolute; right:0; top:-1px; margin:0; width:24px; height:24px; background:url(/images/main/type07/btn_next.png) no-repeat; outline:0}
#container .main_tp07 .content .con .recomm .swiper-button-prev{position:absolute; left:auto; right:24px; top:-1px; margin:0; width:24px; height:24px; background:url(/images/main/type07/btn_prev.png) no-repeat; outline:0}
#container .main_tp07 .content .con .theme{height:280px; background:#056dcc; padding:20px 30px 0 30px}
#container .main_tp07 .content .con .theme .list{width:100%; margin-top:25px}
#container .main_tp07 .content .con .theme .list:after{content:''; display:block; clear:both}
#container .main_tp07 .content .con .theme .list ul{float:left; width:50%}
#container .main_tp07 .content .con .theme .list ul li{line-height:20px; margin-bottom:5px}
#container .main_tp07 .content .con .theme .list ul li strong{display:inline-block; background:#fff; width:20px; line-height:20px; border-radius:100%; text-align:center; color:#056dcc}
#container .main_tp07 .content .con .theme .list ul li a{display:inline-block; color:#fff}
#container .main_tp07 .content .con .theme .list ul li:nth-child(2){clear:both}
#container .main_tp07 .content .con .data{height:280px; background:#0fa1e1; padding:20px 30px 0 30px}
#container .main_tp07 .content .con .data ul{width:100%}
#container .main_tp07 .content .con .data ul:after{content:''; display:block; clear:both}
#container .main_tp07 .content .con .data ul li{float:left; width:33.333%; text-align:center; margin-bottom:22px}
#container .main_tp07 .content .con .data ul li:nth-child(1){background:url(/images/main/type07/data1.png) center top no-repeat}
#container .main_tp07 .content .con .data ul li:nth-child(2){background:url(/images/main/type07/data2.png) center 5px no-repeat}
#container .main_tp07 .content .con .data ul li:nth-child(3){background:url(/images/main/type07/data3.png) center top no-repeat}
#container .main_tp07 .content .con .data ul li:nth-child(4){background:url(/images/main/type07/data4.png) center top no-repeat}
#container .main_tp07 .content .con .data ul li:nth-child(5){background:url(/images/main/type07/data5.png) center top no-repeat}
#container .main_tp07 .content .con .data ul li:nth-child(6){background:url(/images/main/type07/data6.png) center top no-repeat}
#container .main_tp07 .content .con .data ul li a{display:block; width:100%; height:80px; padding-top:55px; color:#fff}
#container .main_tp07 .content .con .schedule{position:relative; width:100%; height:280px; background:#2f2f2f; padding:20px 30px 0 30px; overflow:hidden}
#container .main_tp07 .content .con .schedule .hd_top{margin-bottom:19px}
#container .main_tp07 .content .con .schedule .cal_w.on{display:block}
#container .main_tp07 .content .con .schedule .cal_w p.year{position:absolute; right:31px; top:122px; font-size:13px; font-weight:800; line-height:22px; color:#fff; text-align:center}
#container .main_tp07 .content .con .schedule .cal_w p.year span{font-size:22px}
#container .main_tp07 .content .con .schedule .cal_w a.prev{position:absolute; right:54px; top:171px; display:block; width:27px; height:27px; background:url(/images/main/type07/ico_schedule_prev.png) center no-repeat; text-indent:-9999em}
#container .main_tp07 .content .con .schedule .cal_w a.next{position:absolute; right:29px; top:171px; display:block; width:27px; height:27px; background:url(/images/main/type07/ico_schedule_next.png) center no-repeat; text-indent:-9999em}
#container .main_tp07 .content .con .schedule .cal_w table{width:245px; margin-left:-6px}
#container .main_tp07 .content .con .schedule .cal_w table thead th{line-height:24px}
#container .main_tp07 .content .con .schedule .cal_w table th,
#container .main_tp07 .content .con .schedule .cal_w table td{font-size:13px; line-height:30px; text-align:center; color:#a3abba}
#container .main_tp07 .content .con .schedule .cal_w table th{color:#a3abba}
#container .main_tp07 .content .con .schedule .cal_w table td a{display:inline-block; width:24px; line-height:24px; color:#fff; border-radius:100%}
#container .main_tp07 .content .con .schedule .cal_w table td a.on{background:#fff; color:#30343d; font-weight:800}
#container .main_tp07 .content .con .schedule .cal_w table td:first-child,
#container .main_tp07 .content .con .schedule .cal_w table td:last-child{color:#a3abba}
#container .main_tp07 .content .con .schedule .cal_w table td:first-child a,
#container .main_tp07 .content .con .schedule .cal_w table td:last-child a{color:#a3abba}
#container .main_tp07 .content .con .schedule .view{position:absolute; left:100%; top:0; width:380px; height:100%; background:url(/images/main/type07/schedule_view_bg.png) no-repeat; transition:left 0.5s ease; z-index:100}
#container .main_tp07 .content .con .schedule .view.on{left:0; top:0; transition:left 0.5s ease}
#container .main_tp07 .content .con .schedule .view a.close{position:absolute; right:0; top:0; display:block; width:30px; height:30px; text-indent:-9999em}
#container .main_tp07 .content .con .schedule .view a.prev{position:absolute; left:60px; top:35px; width:27px; height:27px; background:url(/images/main/ico_schedule_prev2.png) center no-repeat; text-indent:-9999em; z-index:10}
#container .main_tp07 .content .con .schedule .view a.next{position:absolute; right:60px; top:35px; width:27px; height:27px; background:url(/images/main/ico_schedule_next2.png) center no-repeat; text-indent:-9999em; z-index:10}
#container .main_tp07 .content .con .schedule .view .year{position:absolute; left:0; top:35px; width:100%; font-size:18px !important; color:#fff !important; font-weight:400 !important; text-align:center}
#container .main_tp07 .content .con .schedule .view .list{position:absolute; left:30px; top:80px; width:333px; height:176px; overflow-y:auto; overflow-x:hidden}
#container .main_tp07 .content .con .schedule .view .list ul{width:300px}
#container .main_tp07 .content .con .schedule .view .list ul:after{content:''; display:block; clear:both}
#container .main_tp07 .content .con .schedule .view .list ul li{float:left; width:33.333%}
#container .main_tp07 .content .con .schedule .view .list ul li a.f_default{color:#fff !important}
#container .main_tp07 .content .con .notice{position:relative; width:100%; height:280px; padding:20px 30px 0 30px}
#container .main_tp07 .content .con .notice .hd_top h2{color:#000}
#container .main_tp07 .content .con .notice .hd_top .more{color:#000; opacity:0.6}
#container .main_tp07 .content .con .notice .top{width:100%}
#container .main_tp07 .content .con .notice .top:after{content:''; display:block; clear:both}
#container .main_tp07 .content .con .notice .top .img{float:left}
#container .main_tp07 .content .con .notice .top .info{float:left; margin-left:20px}
#container .main_tp07 .content .con .notice .top .info strong{display:block; font-size:15px; font-weight:400; margin-top:-4px}
#container .main_tp07 .content .con .notice .top .info p{line-height:22px; color:#717171; margin-top:3px}
#container .main_tp07 .content .con .notice ul.list{border-top:1px solid #e3e3ec; padding-top:11px; margin-top:15px}
#container .main_tp07 .content .con .notice ul.list li{width:100%; line-height:30px}
#container .main_tp07 .content .con .notice ul.list li a{float:left; display:inline-block; width:245px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#container .main_tp07 .content .con .notice ul.list li p{float:right; width:75px; text-align:right}
#container .main_tp07 .content .con .community{position:relative; width:100%; height:280px; padding:35px 30px 0 30px}
#container .main_tp07 .content .con .community .hd_top{margin-bottom:16px}
#container .main_tp07 .content .con .community .hd_top h2{color:#000}
#container .main_tp07 .content .con .community .hd_top .more{color:#000; opacity:0.6}
#container .main_tp07 .content .con .community ul.list li{width:100%; line-height:30px}
#container .main_tp07 .content .con .community ul.list li p.ctg{position:relative; float:left; width:57px}
#container .main_tp07 .content .con .community ul.list li p.ctg:after{position:absolute; right:0; top:9px; width:1px; height:12px; background:#e7e7ef; content:""}
#container .main_tp07 .content .con .community ul.list li a{float:left; display:inline-block; padding-left:5px; width:188px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#container .main_tp07 .content .con .community ul.list li p.date{float:right; width:75px; text-align:right}
#container .main_tp07 .footer{position:relative; width:100%; padding:23px 0; padding-left:6.25%; background:#f5f5f5}
#container .main_tp07 .footer ul.menu{}
#container .main_tp07 .footer ul.menu:after{content:''; display:block; clear:both}
#container .main_tp07 .footer ul.menu li{position:relative; float:left}
#container .main_tp07 .footer ul.menu li:after{position:absolute; left:0; top:4px; width:1px; height:14px; background:#e5e5e5; content:""}
#container .main_tp07 .footer ul.menu li a{display:block; padding:0 10px}
#container .main_tp07 .footer ul.menu li:first-child:after{display:none}
#container .main_tp07 .footer ul.menu li:first-child a{padding-left:0}
#container .main_tp07 .footer p.copy{font-size:12px; line-height:20px; margin-top:10px}
#container .main_tp07 .footer ul.etc{position:absolute; right:6.25%; top:28px}
#container .main_tp07 .footer ul.etc:after{content:''; display:block; clear:both}
#container .main_tp07 .footer ul.etc li{float:left; margin-left:10px}
#container .main_tp07 .footer ul.etc li a{display:block; width:83px; text-align:center; line-height:83px; background:#dcdcdc; border-radius:100%}



/* footer */
body.type07 #footer{display:none}


@media screen and (max-width:1650px)
{
	#container .main_tp07 .content .visual .txt strong{font-size:2.343vw; line-height:3vw}
}




/* color1 */
.btn_s_blue{background:#5841c3}
.btn_l_blue_r{background:#5841c3}
.f_blue{color:#5841c3 !important}
.pop_head ul.menu li a.link.on{background:#5841c3}
.pop_head ul.menu li a.link_s.on{background:#5841c3}
table.tbl_s tr.eps td.low p{color:#5841c3}
table.tbl_s.cal td.today p.day{color:#5841c3; border-bottom:2px solid #5841c3}
table.tbl_s.cal td.today .ico_today{background:#5841c3}
table.tbl_s.cal td ul.list li a.item{color:#5841c3}
table.tbl_s.cal td ul.list li .view p.sbj{color:#5841c3}
#header .con .bottom ul.nav > li > a:hover{color:#5841c3}
#header .con .bottom ul.nav > li > a span.l{background:#5841c3}
#header .con .bottom ul.nav > li.on > a{color:#5841c3}
#header .con .bottom ul.nav > li ul.sub li.on a{background:#5841c3}
#container .h_top p.total strong{color:#5841c3}
#container .join .type a.btn_join{background-color:#5841c3}
#container .my .payment_type a.type1{background-color:#5841c3}
#auction_view .content .header p.case{color:#5841c3}
#auction_view .content .header .menu ul li a.on{background:#5841c3}
#pop_view2 .header .menu ul li a.on{background:#5841c3}
#map_view .header .top ul.btn li a.blue.on{border:1px solid #5841c3; background:#5841c3}
#map_view .act_item.blue .info{border:1px solid #5841c3}
#map_view .act_item.blue .info p.type{border-left:1px solid #5841c3; border-right:1px solid #5841c3}
#map_view .act_item.blue .info p.price span{color:#5841c3}
#map_view .act_item.blue .view{border:1px solid #5841c3}
#map_view .act_item.blue .view .top p.case{border-left:1px solid #5841c3}



/* color2 */
.btn_s_sky_line{color:#056dcc}
.btn_s_sky_line:hover{color:#056dcc}
.btn_s_sky{background:#056dcc}
.btn_m_sky_r{background:#056dcc}
.btn_m_sky{background:#056dcc}
.btn_s_sky{background:#056dcc}
.f_sky{color:#056dcc !important}
.txt_box{color:#056dcc}
.txt_box_fd{color:#056dcc}
.act_option .tit_box{color:#056dcc}
.tender ul.doc h3{color:#056dcc}
.tender ul.env h3{color:#056dcc}
.ui-datepicker .ui-datepicker-header{background:#056dcc}
.star_rating a.on{color:#056dcc !important}
table.tbl_s.cal td ul.list li .view{border:1px solid #056dcc}
table.tbl_faq tr.on a.tit{color:#056dcc}
table.tbl_faq tr.q.on th{color:#056dcc}
table.tbl_lecture .grp .line:after{background:#056dcc}
table.tbl_lecture .grp .line .start span{background:#056dcc}
table.tbl_lecture .grp .line .start span:after{background:#056dcc}
table.tbl_lecture .grp .line .end span{background:#056dcc}
table.tbl_lecture .grp .line .end span:after{background:#056dcc}
#container .main .quick .map .con li dl dd select{background-color:#056dcc}
#container ul.search_box > li a.use{color:#056dcc}
#container ul.search_box > li a.myfd{color:#056dcc}
#container ul.search_box .tit_box{color:#056dcc}
#container ul.search_box a.btn_more{background:#056dcc}
#container .data .procedure1_dia ul.items li .n{background:#056dcc}
#container .data .procedure2_dia ul.items li .n{background:#056dcc}
#container .data ul.procedure_list li dt .n{background:#056dcc}
#container .data ul.procedure_list li dd .txt_more strong{color:#056dcc}
#container .data ul.procedure2_list li dt .n{background:#056dcc}
#container .data .sch_con .list a.on{color:#056dcc}
#container .data .s_mn ul li a.on{color:#056dcc}
#container .my .payment_type a.type2{background-color:#056dcc}
#container .my ul.pay_tab li a.on{background:#056dcc}
#container .lecture .dscrt ul li .line:after{background:#056dcc}
#container .lecture .dscrt ul li .line .start{background:#056dcc}
#container .lecture .dscrt ul li .line .end{background:#056dcc}
#auction_view .content .header a.interest{background-color:#056dcc}
#auction_view .content .header a.bidding{background-color:#056dcc}
#auction_view .content .header.on a.btn_court{color:#056dcc}
#map_view .header .top ul.btn li a.sky.on{border:1px solid #056dcc; background:#056dcc}
#map_view .act_item.sky .info{border:1px solid #056dcc}
#map_view .act_item.sky .info p.type{border-left:1px solid #056dcc; border-right:1px solid #056dcc}
#map_view .act_item.sky .info p.price span{color:#056dcc}
#map_view .act_item.sky .view{border:1px solid #056dcc}
#map_view .act_item.sky .view .top p.case{border-left:1px solid #056dcc}
#sitemap .info .logo{color:#056dcc}
#sitemap .info .user a.blue{background:#056dcc}
#sitemap .info .help p.tel{color:#056dcc}