@charset "utf-8";

#main_content {padding: 49px 0 72px;background:#f5f5f5;}
#main_content .inner {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
#main_content .wrap {overflow: hidden;width: 32.14%;background: #fff;border: 1px solid #ddd;border-radius: 5px;box-shadow: 0 0 10px 0 rgba(51,51,51,.1);}
#main_content .tit {position: relative;padding: 35px 6.66%;height: 151px;background: #3682a1 url(/images/assembly/main/bg_sec1.png)no-repeat bottom right;box-sizing: border-box;}
#main_content .tit::after {content:''; position: absolute; top: 39px; right: 59px; width: 71px; height:82px; background: url(/images/assembly/main/ico_sec1.png)no-repeat;}
#main_content .tit h4 {position: relative;display: inline-block;font-size: 30px;font-weight: 500;color: #fff;  font-family: 'score_500';}
#main_content .tit h4::after {content:'';position: absolute;top: 10px;right: -71px;width: 56px;height: 1px;background: rgba(255,255,255,0.3)}
#main_content .tit p {margin: 20px 0 0; font-size: 15px; color: rgba(255,255,255,.7); letter-spacing: -0.06em; line-height: 1.3;}

#main_content .moive .tit {background-color:#3647a1; background-image: url(/images/assembly/main/bg_sec2.png);}
#main_content .moive .tit::after {width: 59px;height: 75px;background-image: url(/images/assembly/main/ico_sec2.png);}
#main_content .live .tit {background-color:#15192b; background-image: url(/images/assembly/main/bg_sec3.png);}
#main_content .live .tit::after {top: 36px;width: 85px;height: 84px;background-image: url(/images/assembly/main/ico_sec3.png);}

.wrap .con {padding: 27px 8.8%;height: 600px;box-sizing: border-box;}
.wrap .title {position: relative; display: flex; justify-content: space-between; align-items: center; margin: 0 0 18px;}
.wrap .title strong {font-size: 23px; font-weight: 600; color: #3682a1; font-family: 'score_600';}
.wrap .title .more { display: block; width: 33px; height: 32px; font-size: 0; background: #3682a1 url(/images/assembly/main/ico_more.png)no-repeat center center;}
.wrap .title .more::before {content:'';position: absolute;top: 15px;right: 8%;width: 59%;height: 1px;background: #3682a1;}
.wrap .top ul li {padding: 0 0 4px 16px;}
.wrap .top ul li::before {top: 10px;left:0rem;width: 7px;height: 3px;background: #3682a1;}
.wrap .top ul li:hover::before {background: #e96f6f;}
.wrap .top ul li a {z-index: 1;position: relative;display: flex;justify-content: space-between;font-size: 15px;text-decoration: none;}
.wrap .top ul li:hover a::before {z-index: -1; content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 11px; background: #fdf0f0;}
.wrap .top ul li p {overflow: hidden;width: calc(100% - 80px);text-overflow: ellipsis;white-space: nowrap;}
.wrap .top ul li .date {font-size: 14px; color: #888;}

.wrap .bottom {margin: 33px 0 0; padding: 27px 0 0; border-top: 1px solid #e5e5e5;}
.wrap .bottom .title strong {color: #6b2b2b;}
.wrap .bottom fieldset {display: flex; flex-wrap: wrap; justify-content: space-between;}
.wrap .bottom form select,
.wrap .bottom form input {padding: 0 14px;height: 37px;font-weight: 400;font-size: 14px;border: 1px solid #bfbfbf;box-sizing: border-box;}
.wrap .bottom form select {margin: 0 0 12px;width: 49%;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(/images/assembly/main/ico_arrow.png)no-repeat top 50% right 14px;}
.wrap .bottom form input {width: calc(100% - 93px);}
.wrap .bottom form button {display: flex;justify-content: center;align-items: center;width: 80px;height: 37px;font-size: 14px;font-weight: 400;color: #fff;background: #6b2b2b;  font-family: 'score_400';}
.wrap .bottom form button::after {content:''; display: inline-block; margin: 0 0 0 8px; width: 14px; height: 14px; background: url(/images/assembly/main/ico_search.png)no-repeat;}

.moive .title strong {color: #3647a1;}
.moive .title .more,
.moive .title .more::before {background-color: #3647a1;}
.moive .top ul li {padding: 8px 0 8px 23px;border-bottom: 1px solid #e5e5e5;}
.moive .top ul li::before {top: 13px;width: 13px;height: 13px;background: url(/images/assembly/main/ico_movie.png)no-repeat 0 -14px;}
.moive .top ul li:hover::before {background: url(/images/assembly/main/ico_movie.png)no-repeat 0 0;}

.live .con strong {font-size: 19px;}
.live .con strong::after {content:''; display: inline-block; margin: 0 0 -3px 10px; width: 23px; height: 23px; background: url(/images/assembly/main/ico_video.png)no-repeat;}
.live .con .today {position: relative;margin: 10px 0;width: 64.05%;box-sizing: border-box;}
.live .con .today::after {content:'';position: absolute;top: -8px;right: -109px;width: 90px;height: 98px;background: url(/images/assembly/main/ico_character.png)no-repeat;}
.live .con .today em {display: flex; justify-content: center; align-items: center; width: 100%; height: 44px; font-size: 24px; font-weight: 500;  font-family: 'score_500'; color: #fff; background: url(/images/assembly/main/bg_live_on.jpg)no-repeat; background-size: cover; border-radius: 5px 5px 0 0;}
.live .con .today p {display: flex; justify-content: center; align-items: center; height: 44px; font-size: 20px; font-weight: 500; border: 1px solid #ddd; border-radius: 0 0 5px 5px; font-family: 'score_500';}
.live .con .today p span {font-size: 15px;}
.live .list {overflow-y: auto; padding: 18px; height: 127px; font-size: 14px; font-weight: 400; border: 1px solid #ddd; box-sizing: border-box;  font-family: 'score_500';}
.live table {margin: 15px 0 0;font-size: 14px !important;text-align: center;}
.live table thead th{font-weight: 500;  font-family: 'score_500';}
.live table tr th:first-child,
.live table tr td:first-child{color: #a70000;}
.live table tr th:last-child,
.live table tr td:last-child{color: #090385;}
.live table tbody {border-top:2px solid #15192b; border-bottom: 2px solid #15192b;}
.live table tr {height: 32px;}
.live table td {font-weight: 400;border: 1px solid #e5e5e5;  font-family: 'score_400';}
.live table td:first-child {border-left: 0;}
.live table td:last-child {border-right: 0;}
.live table .on {background: #fdf6ae;}

@media all and (max-width: 1420px){
    #main_content .tit::after {right: 30px;}
    .wrap .title .more::before {width: 50%;}
}
@media all and (max-width: 1024px){
    #main_content .tit {padding: 27px; height: auto;}
    #main_content .tit h4 {font-size: 26px;}
    #main_content .wrap {margin: 35px 0 0; width: 100%;}
    #main_content .wrap:first-child {margin: 0;}
    .wrap .con {padding: 27px;height: auto;}
    .wrap .title .more::before {right: 0;}
}
@media all and (max-width: 768px){
    .wrap .title strong {font-size: 21px;}
}
@media all and (max-width: 568px){
    #main_content {padding: 35px 0;}
    #main_content .tit h4 {font-size: 22px;}
    #main_content .tit p {font-size: 14px;}
    .wrap .title strong {font-size: 19px;}
    .live .con .today em {font-size: 20px;}
    .live .con .today p {font-size: 18px;}
}
@media all and (max-width: 360px){
    #main_content .tit::after {display: none;}
}