#visual{width:1200px; margin:52px auto 0; position:relative; overflow:hidden;}
#visual .visual{width:1200px; position:relative; margin:0 auto; height:480px; z-index:55;}
#visual .VS_img{position:relative; z-index:44;}
#visual #pagination{position:absolute; bottom:30px; height:10px; text-align:center; width:100%;z-index:66;}
#visual #pagination li{display:inline-block; margin-left:6px; vertical-align:top;}
#visual #pagination li a{display:block; width:8px; height:8px;  border:2px #fff solid; border-radius:50%; font-size:0; line-height:10px;}
#visual #pagination li.current a{background:#fff; width:23px; border-radius:6px;}
#visual #pagination li .vis-play{border-radius:0; border:0;}
#visual #pagination li .vis-stop{border-radius:0; border:0;}
#visual #pagination li i{font-size:18px; color:#fff; margin-top:-3px;}
#visual .VS_img p{position:absolute; top:0;}


#dictionary{width:1200px; height:140px; margin:0 auto; background:url(../../images/main/dictionary-bg.jpg) no-repeat 0 0; margin-top:3px; position:relative; overflow:hiddrn;}
#dictionary h2{padding:40px 0 0 78px; position:absolute;}
#dictionary h2 img{width:234px;}
#dictionary ul{text-align:right; padding:27px 80px;}
#dictionary li{display:inline-block; margin-left:27px; *float:left;}
#dictionary li a{color:#fff; border:3px #fff solid; border-radius:50%; width:80px; height:80px; display:block; background-image:url(../../images/main/dic-ico-his.png); background-repeat:no-repeat; background-position:50% 12px; background-size:34px; text-align:center;}
#dictionary li.dic-ico02 a{background-image:url(../../images/main/dic-ico-sea.png)}
#dictionary li.dic-ico03 a{background-image:url(../../images/main/dic-ico-cur.png)}
#dictionary li.dic-ico04 a{background-image:url(../../images/main/dic-ico-fes.png)}
#dictionary li a span{display:inline-block; padding-top:46px; font-size:15px;}
#dictionary ul:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}

#notice{width:1200px; margin:0 auto; height:78px; position:relative; overflow:hidden;}
#notice h2{position:absolute;line-height:24px; top:27px; color:#383e40; font-size:16px; font-weight:400; letter-spacing:-0.025em;}
#notice h2 i{font-size:24px; color:#b82f2a; vertical-align:top; margin:0 8px 0 5px; display:inline-block;}
.notice_list{height:150px; position:relative; padding-left:165px; padding-right:330px;}
.notice_list li{height:78px; position:relative;}
.notice_list li a{display:block; overflow:hidden; height:16px; line-height:16px; position:absolute; top:50%; margin-top:-8px;word-break:break-all; width:88%;} 
.notice_list li a p{display:inline-block; max-width:95%; margin-right:3px; overflow:hidden; height:16px;}
.notice_list li .data{position:absolute; right:0; height:78px; line-height:78px; top:0;}
.notice_btn{position:absolute;top:50%; margin-top:-20px;right:0;}
.notice_btn a{display:inline-block; border-width:1px; border-color:#e4e9ee; border-style:solid; font-size:0; height:38px; line-height:38px; width:40px; text-align:center; overflow:hidden; border-left-width:0;}
.notice_btn a i{color:#9da5a9; font-size:18px;line-height:38px; display:inline-block; vertical-align:top;}
.notice_btn a.on{background:#edf2f6}
.notice_btn a.on i{color:#4a79a7;}
.notice_btn .prev{border-left-width:1px; border-radius:3px 0 0 3px;}
.notice_btn .next{border-radius:0 3px 3px 0; border-right-width:1px;}
.notice_btn .more{margin-left:10px; border-left-width:1px; border-radius:3px; font-size:14px; width:90px; color:#9da5a9;}
.notice_btn .more i{margin-right:6px;}
.new{width:16px; height:16px; line-height:16px;display:inline-block; padding-left:4px; vertical-align:top; text-align:center; background:#4a79a7; color:#fff; font-weight:700; border-radius:2px; padding:0; margin:0; font-size:9px;}

#myculture{position:relative; min-width:1200px; padding-bottom:80px;}
#myculture h2{height:270px; background:#dce4e8 url(../../images/main/myculture-bg.jpg) no-repeat 50%; position:relative;}
#myculture h2 img{width:412px; display:block; position:absolute; left:50%; margin-left:-206px; top:50%; margin-top:-34px;}

#myculture .MC-box{width:1200px; margin:0 auto; position:relative; margin-top:-44px;}
#myculture .tab-btn ul{text-align:center; margin-bottom:60px;}
#myculture .tab-btn li{display:inline-block; *display:block; *float:left;}
#myculture .tab-btn li button{display:block; width:160px; height:44px; line-height:44px; text-align:center; font-size:16px; color:#fff; letter-spacing:-0.02em; background-image:url(../../images/main/myculture-tab-bg.png); background-repeat:no-repeat; background-size:160px 352px; font-weight:400;}
#myculture .tab-btn li.TB01 button{background-position:50% 0;}
#myculture .tab-btn li.TB02 button{background-position:50% -44px;}
#myculture .tab-btn li.TB03 button{background-position:50% -88px;}
#myculture .tab-btn li.TB04 button{background-position:50% -132px;}
#myculture .tab-btn li.TB05 button{background-position:50% -176px;}
#myculture .tab-btn li.TB06 button{background-position:50% -220px;}
#myculture .tab-btn li.TB07 button{background-position:50% -308px;}
#myculture .tab-btn li button.current{background-position:50% -264px; color:#3d414e;}


#myculture .tab-list{display:none; clear:both;}
#myculture .tab-list li{width:384px; float:left; margin-left:24px; margin-bottom:24px;}
#myculture .tab-list .TB-img img{width:100%;}
#myculture .tab-list .TB-txt{padding:20px; border:1px #e4e9ee solid; border-top:0; position:relative;}
#myculture .tab-list .TB-txt p{line-height:20px; overflow:hidden;}
#myculture .tab-list .TB-txt .TBT01{font-size:13px; letter-spacing:-0.02em; height:22px;}
#myculture .tab-list .TB-txt .TBT01 span{border-bottom:1px #333 solid;  display:inline-block; padding-bottom:1px;}
#myculture .tab-list .TB-txt .TBT01 span.TBT01-01{border-color:#6379d8; color:#6379d8;}
#myculture .tab-list .TB-txt .TBT01 span.TBT01-02{border-color:#53abd1; color:#53abd1;}
#myculture .tab-list .TB-txt .TBT01 span.TBT01-03{border-color:#4faa60; color:#4faa60;}
#myculture .tab-list .TB-txt .TBT01 span.TBT01-04{border-color:#e0920a; color:#e0920a;}
#myculture .tab-list .TB-txt .TBT01 span.TBT01-05{border-color:#dc5169; color:#dc5169;}
#myculture .tab-list .TB-txt .TBT02{color:#383d3f; font-size:18px; font-weight:400; height:22px; margin:10px 0 15px; padding-right:50px;}
#myculture .tab-list .TB-txt .TBT03{color:#868b8e; font-size:13px; height:60px;}
#myculture .tab-list .TB-txt a:hover .TBT03{text-decoration:underline}
#myculture .tab-list ul:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}
.TB-more{position:absolute; top:20px; right:20px;}
.TB-more a{display:block;}
.TB-more a i{display:block; width:40px; line-height:38px; text-align:center; border:1px #e4e9ee solid; font-size:24px; color:#9da5a9; border-radius:3px;}
.TB-more p{position:absolute; width:80px;  height:22px; padding-top:7px; background:url(../../images/main/more-btn.png); color:#fff; font-size:12px; text-align:center;  left:50%; margin-left:-40px; display:none; margin-top:2px;}
.TB-more a:hover i{color:#6178df; border-color:#b6beee;}
.TB-more a:hover p{display:block;}
.tab-more-btn{border:1px #e4e9ee solid;}
.tab-more-btn button{line-height:38px; display:block; text-align:center; background:#f2f4f5; width:100%;}
.tab-more-btn i{display:inline-block;}


/*--------------------------------------------------------------------------------760px--------------------------------------------------------------------------------*/
@media all and (max-width:760px) {
#visual{width:100%; margin-top:0px;}
#visual .visual{width:100%;}
#visual .visual_img{width:100%;}
.visual-li a{display:block;}
.visual-li a img{height:300px;}
#dictionary{width:100%; height:100%; background-size:cover; margin-top:0;}
#dictionary h2{left:5%; padding-left:0; padding-top:20px; display:none;}
#dictionary h2 img{width:200px;}
#dictionary ul{text-align:center; padding:0; padding-top:20px; padding-bottom:20px;}
#dictionary li{margin-left:10px;}
#dictionary li:first-child{margin-left:0;}
#dictionary li{width:20%;}
#dictionary li a{width:100%; height:75px; border-radius:0;}

#notice{width:100%;}
#notice h2{font-size:0;}
.notice_btn{display:none;}
.notice_list{padding:0 10px 0 40px; font-size:12px;}
.notice_list a{font-size:12px;}
.notice_list li a p{max-width:75%;}

#myculture{min-width:100%; padding-bottom:40px;}
#myculture h2{height:150px; background-size:cover;}
#myculture h2 img{width:290px; margin-left:-145px; margin-top:-24px;}
#myculture .MC-box{width:100%; margin-top:0px;}
#myculture .tab-btn ul{margin:0; margin-bottom:10px; text-align:left; width:100%;}
#myculture .tab-btn li{width:33%; margin-right:-3px;}
#myculture .tab-btn li:nth-child(2),#myculture .tab-btn li:nth-child(5){width:34%;}
#myculture .tab-btn li:nth-child(1){width:100%;}
#myculture .tab-btn li button{width:100%; background-image:none; background-color:#fff; font-size:15px;}
#myculture .tab-btn li.TB01 button{background-color:#3d414e;}
#myculture .tab-btn li.TB02 button{background-color:#6178df;}
#myculture .tab-btn li.TB03 button{background-color:#53abd1;}
#myculture .tab-btn li.TB04 button{background-color:#4faa60;}
#myculture .tab-btn li.TB05 button{background-color:#e0920a;}
#myculture .tab-btn li.TB06 button{background-color:#dc5169;}
#myculture .tab-btn li.TB07 button{background-color:#8e62c0;}
#myculture .tab-btn li button.current{background-color:#fff; color:#3d414e;}
#myculture .tab-list li{width:47%;}
#myculture .tab-list .TB-txt .TBT02{font-size:15px; padding-right:0;}
.TB-more{top:-60px;}
.TB-more a i{background:#fff;}
.tab-more-btn{margin:0 2%;}
}
@media all and (max-width:600px) {
.visual-li a img{height:250px;}
}
@media all and (max-width:480px) {
.visual-li a img{height:200px; position:absolute; left:50%; margin-left:-240px;}
#myculture .tab-list li{width:96%;}
}

@media all and (max-width:400px) {
.visual-li a img{margin-left:-210px;}
}