/* 소쿱 메인 ******************************************************************************/ article#magazine {overflow: hidden; background-color: #F1F2F3} /* 매거진 롤링 배너 */ article#magazine .magazine_banner .banner_wrap {overflow: hidden; height: 160px} article#magazine .magazine_banner .banner_wrap ul {overflow: hidden; height: 160px} article#magazine .magazine_banner .banner_wrap ul li {position: relative; float: left; width: 100%; height: 160px} article#magazine .magazine_banner .banner_wrap ul li a {position: relative; display: block; width: 100%; height: 160px; background-repeat: no-repeat; background-position: left center; background-size: 100% auto} article#magazine .magazine_banner .banner_wrap ul li a:after {content: ''; display: block; position: absolute; z-index: 2; bottom: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.3; text-align: center; background: url('//img.1300k.com/mobile/main/2015/bg_cevent3.png') repeat left top; background-size: 4px 4px} article#magazine .magazine_banner .banner_wrap ul li a span.category {position: absolute; top: 0px; left: 0px; z-index: 3; padding: 6px; margin: 0; line-height: 1; font-weight: bold; font-size: 11px; color: white} article#magazine .magazine_banner .banner_wrap ul li a strong.subject {display: block; position: absolute; top: 50%; left: 50%; width: 194px; max-height: 70px; padding: 15px; margin-left: -97px; box-sizing: border-box; text-align: center; color: white; letter-spacing: -1px; font-size: 14px; background: url('//img.1300k.com/mobile/main/2015/bg_mgbanner.png') repeat left top} article#magazine .magazine_banner .indicator {line-height: 1; width: 100%; margin-top: 10px; text-align: center} article#magazine .magazine_banner .indicator button[type="button"] {display: inline-block; width: 10px; height: 10px; background: #ccc; box-shadow: 0px 1px 2px #555 inset; margin: 0 2px; cursor: pointer; text-indent:-20000px; border-radius: 10px} article#magazine .magazine_banner .indicator button[type="button"].on {background: #60C31F} /* 매거진 컨텐츠 공통 */ article#magazine .magazine_content .cont_left {float: left; width: 50%} article#magazine .magazine_content .cont_right {float: right; width: 50%} article#magazine .magazine_content section {position: relative; margin: 20px 10px} article#magazine .magazine_content section h2 {font-size: 14px; line-height: 14px; color: #323B4A; margin-bottom: 15px} article#magazine .magazine_content section a.btn_more {position: absolute; top: 1px; right: 0px; font-family: sans-serif; font-weight: bold; font-size: 10px; line-height: 1; padding-bottom: 2px; color: #929292; border-bottom: 2px solid #929292; text-transform: uppercase} /* 셀렉트 프로젝트 */ article#magazine .magazine_content section.select_project {margin-bottom: 15px} article#magazine .magazine_content section.select_project ul.project_list {display: table; table-layout: fixed; width: 100%; margin-top: -5px} article#magazine .magazine_content section.select_project ul.project_list li {display: table-row} article#magazine .magazine_content section.select_project ul.project_list li a {position: relative; display: table-cell; width: 100%; height: 90px; vertical-align: middle; padding: 5px 0px} article#magazine .magazine_content section.select_project ul.project_list li a .photo {position: absolute; z-index: 1; top: 5px; left: 0px; overflow: hidden; width: 100%; height: 90px; border: 1px solid #D5D5D5; box-sizing: border-box; background: #E6E6E6} article#magazine .magazine_content section.select_project ul.project_list li a .photo img {margin-top: -26px; width: 144px; height: 144px} article#magazine .magazine_content section.select_project ul.project_list li a .photo:after {content: ''; display: block; position: absolute; top: 0px; left: 128px; width: 0px; height: 0px; border-width: 0px 0px 90px 16px; border-style: solid; border-color: #E6E6E6 transparent #E6E6E6 transparent; background: transparent} article#magazine .magazine_content section.select_project ul.project_list li a h3, article#magazine .magazine_content section.select_project ul.project_list li a p {position: relative; z-index: 2; padding: 0px 18px 0px 154px; text-align: center} article#magazine .magazine_content section.select_project ul.project_list li a h3 {font-size: 14px; line-height: 120%; color: #323B4A; text-decoration: underline; padding-bottom: 8px; word-spacing: -1px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden} article#magazine .magazine_content section.select_project ul.project_list li a p {font-size: 11px; line-height: 140%; font-family: Arial, Sans-serif; color: #666666; letter-spacing: -1px; max-height: 47px; overflow: hidden} /* 사용자 메뉴 */ article#magazine .magazine_content section.user_menu {overflow: hidden; margin: 20px 0px; border-top: 1px solid #E2E2E2; border-bottom: 1px solid white} article#magazine .magazine_content section.user_menu h2 {position: absolute; top: -999px; left: -999px} article#magazine .magazine_content section.user_menu ul {overflow: hidden; border-top: 1px solid white; border-bottom: 1px solid #E2E2E2; padding: 8px 10px 20px; margin: 0 -1%} article#magazine .magazine_content section.user_menu ul li {float: left; width: 21%; padding: 0 2%; text-align: center; margin-top: 12px} article#magazine .magazine_content section.user_menu ul li a {display: block; width: 100%; font-size: 11px; letter-spacing: -1px; color: #999999; padding: 39px 0px 9px; border: 1px solid #D4D5D6; box-shadow: 0px 1px 2px 1px #E0E1E2; border-radius: 6px; box-sizing: border-box; background-color: white; background-position: center 9px; background-repeat: no-repeat} article#magazine .magazine_content section.user_menu ul li a.btn_select {background-image: url('//img.1300k.com/mobile/main/2015/bullet_select.png'); background-size: 29px 29px} article#magazine .magazine_content section.user_menu ul li a.btn_complete {background-image: url('//img.1300k.com/mobile/main/2015/bullet_complete.png'); background-size: 29px 29px} article#magazine .magazine_content section.user_menu ul li a.btn_event {background-image: url('//img.1300k.com/mobile/main/2015/bullet_event.png'); background-size: 29px 29px} article#magazine .magazine_content section.user_menu ul li a.btn_player {background-image: url('//img.1300k.com/mobile/main/2015/bullet_player.png'); background-size: 29px 29px} article#magazine .magazine_content section.user_menu ul li a.btn_jukebox {background-image: url('//img.1300k.com/mobile/main/2015/bullet_jukebox.png'); background-size: 29px 29px} article#magazine .magazine_content section.user_menu ul li a.btn_100brand {background-image: url('//img.1300k.com/mobile/main/2015/bullet_100brand.png'); background-size: 29px 29px} article#magazine .magazine_content section.user_menu ul li a.btn_storypick {background-image: url('//img.1300k.com/mobile/main/2015/bullet_storypick.png'); background-size: 29px 29px} article#magazine .magazine_content section.user_menu ul li a.btn_academy {background-image: url('//img.1300k.com/mobile/main/2015/bullet_academy.png'); background-size: 29px 29px} article#magazine .magazine_content section.user_menu ul li a.btn_store {background-image: url('//img.1300k.com/mobile/main/2015/bullet_store.png'); background-size: 29px 29px} article#magazine .magazine_content section.user_menu ul li a.btn_diary {background-image: url('//img.1300k.com/mobile/main/2015/bullet_diary.png'); background-size: 29px 29px} article#magazine .magazine_content section.user_menu ul li a.btn_interview {background-image:url('//img.1300k.com/mobile/main/2015/bullet_interview.png'); background-size:29px 29px} /* 상품완전정복 */ article#magazine .magazine_content section.complete_conquest {margin-bottom: -12px} article#magazine .magazine_content section.complete_conquest ul.product {overflow: hidden} article#magazine .magazine_content section.complete_conquest ul.product li {float: left; width: 50%; margin-bottom: 14px; box-sizing: border-box} article#magazine .magazine_content section.complete_conquest ul.product li:nth-child(odd) {padding-right: 5px} article#magazine .magazine_content section.complete_conquest ul.product li:nth-child(even) {padding-left: 5px} article#magazine .magazine_content section.complete_conquest ul.product li a {display: block; margin: 0px auto} article#magazine .magazine_content section.complete_conquest ul.product li a figure img.photo {display: block; width: 100%; height: auto; border: 1px solid #D5D5D5} article#magazine .magazine_content section.complete_conquest ul.product li a figure figcaption {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px; font-size: 12px; line-height: 14px; color: #666666; letter-spacing: -1px} /* 매거진 이벤트 배너 */ article#magazine .magazine_content section.magazine_event_banner {overflow: hidden; margin: 20px 0px} article#magazine .magazine_content section.magazine_event_banner h2 {position: absolute; top: -999px; left: -9999px; text-indent: -9999px; overflow: hidden} article#magazine .magazine_content section.magazine_event_banner .banner_zone a {display: block; line-height: 1} article#magazine .magazine_content section.magazine_event_banner .banner_zone a img {width: 100%; height: auto} /* 참여 이벤트 */ article#magazine .magazine_content section.enter_event .event_book {position: relative; overflow: hidden; padding-bottom: 27px} article#magazine .magazine_content section.enter_event .event_book:after {content: ''; display: block; width: 86%; height: 13px; position: absolute; z-index: 9; bottom: 68px; left: 7%; background: url('//img.1300k.com/mobile/main/2015/bg_event_book.png') repeat-x left top; background-size: 1px 13px} article#magazine .magazine_content section.enter_event .event_book ul {float: left; width: 100%; position:relative} article#magazine .magazine_content section.enter_event .event_book ul li {float: left; width: 40%; text-align: center} article#magazine .magazine_content section.enter_event .event_book ul li:first-child {padding: 0 1% 0 9%} article#magazine .magazine_content section.enter_event .event_book ul li:last-child {padding: 0 9% 0 1%} article#magazine .magazine_content section.enter_event .event_book ul li a {display: block} article#magazine .magazine_content section.enter_event .event_book ul li a figure img {position: relative; z-index: 10; width: 90%; height: auto} article#magazine .magazine_content section.enter_event .event_book ul li a figure figcaption {margin-top: 14px; font-size: 14px; font-weight: bold; color: #3D3D3D; overflow: hidden; white-space: nowrap; text-overflow: ellipsis} article#magazine .magazine_content section.enter_event .event_book ul li a figure figcaption span.present {font-size: 12px; color: #AEAEAE} article#magazine .magazine_content section.enter_event .indicator {position: absolute; bottom: 0px; left: 0px; width: 100%; line-height: 1; text-align: center} article#magazine .magazine_content section.enter_event .indicator button[type="button"] {display: inline-block; width: 10px; height: 10px; background: #ccc; box-shadow: 0px 1px 2px #555 inset; margin: 0 2px; cursor: pointer; vertical-align: middle; text-indent:-20000px; border-radius: 10px} article#magazine .magazine_content section.enter_event .indicator button[type="button"].on {background: #60C31F} /* 전국매장 */ article#magazine .magazine_content section.whole_store .store_list {overflow: hidden} article#magazine .magazine_content section.whole_store .store_list .store_wrap {overflow: hidden} article#magazine .magazine_content section.whole_store .store_list .store_wrap ul {position: relative; float: left; width: 100%} article#magazine .magazine_content section.whole_store .store_list .store_wrap ul li {float: left; width: 50%; box-sizing: border-box} article#magazine .magazine_content section.whole_store .store_list .store_wrap ul li:nth-child(odd) {padding-right: 5px} article#magazine .magazine_content section.whole_store .store_list .store_wrap ul li:nth-child(even) {padding-left: 5px} article#magazine .magazine_content section.whole_store .store_list .store_wrap ul li a {display: block; border: 1px solid #D5D5D5; margin: 0px auto; line-height: 1} article#magazine .magazine_content section.whole_store .store_list .store_wrap ul li a img {width: 100%; height: auto; vertical-align: middle} article#magazine .magazine_content section.whole_store .indicator {line-height: 1; width: 100%; margin-top: 10px; text-align: center} article#magazine .magazine_content section.whole_store .indicator button[type="button"] {display: inline-block; width: 10px; height: 10px; background: #ccc; box-shadow: 0px 1px 2px #555 inset; margin: 0 2px; cursor: pointer; text-indent:-20000px; border-radius: 10px; vertical-align: middle} article#magazine .magazine_content section.whole_store .indicator button[type="button"].on {background: #60C31F} @media all and (min-width:640px) { article#magazine .magazine_content section.user_menu {border-top-width: 0px; border-bottom-width: 0px; margin-top: 10px} article#magazine .magazine_content section.user_menu ul {border-top-width: 0px; border-bottom-width: 0px; padding: 0px 10px 4px 10px} } /* 식탐연구소 *****************************************************************************/ .food_lab {width: 100%} /* 요리 메뉴 목록 */ .food_lab .fl_food {padding: 20px 4px 8px; background-color: #22293C} .food_lab .fl_food ul.menu_list {overflow: hidden; margin: 0px auto} .food_lab .fl_food ul.menu_list li {float: left; width: 48%; padding: 0px 1% 12px 1%; font-size: 0; line-height: 0} .food_lab .fl_food ul.menu_list li a {display: block; vertical-align: middle; position: relative; width: 100%; font-size: 14px; line-height: 0} .food_lab .fl_food ul.menu_list li a img {width: 100%; height: auto} .food_lab .fl_food ul.menu_list li a span.m_name {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box; padding: 25% 5%; line-height: 1; text-align: center; vertical-align: middle; color: white; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url('//img.1300k.com/mobile/sokoob/contents/foodlab/bg_menulist.png') repeat left top} .food_lab .fl_food .paging {text-align: center; padding: 3px 0px 12px} .food_lab .fl_food .paging a {display: inline-block; margin: 0px 15px; font-size: 14px; color: #B2B2B2; font-weight: bold; font-family: 'Arial', Sans-serif} .food_lab .fl_food .paging a.on {color: #FE5632} .food_lab .fl_food .paging a img {vertical-align: middle; position: relative; top: -1px; width: 9px; height: 14px} @media all and (min-width:640px) { .fl_food {padding: 32px 4px 20px; background-color: #22293C} .fl_food ul.menu_list {max-width: 900px; margin: 0px auto} } /* 스토리박스 *****************************************************************************/ .storybox_wrap {width:100%} .storybox_wrap .story_menu_list h3 {position: absolute; top: -9999px; left: -9999px; text-indent: -9999px; overflow: hidden} .storybox_wrap .story_menu_list ul {overflow:hidden} .storybox_wrap .story_menu_list ul li {background:#282a2d; border-top:2px solid #252729} .storybox_wrap .story_menu_list ul li:first-child {border-top:0} .storybox_wrap .story_menu_list ul li a {position:relative; display:block; width:100%; height:113px; padding:38px 20px 39px; box-sizing:border-box} .storybox_wrap .story_menu_list ul li a img {width:auto; height:36px} .storybox_wrap .story_menu_list ul li a span {position:absolute; top:40px; right:20px} .storybox_wrap .story_menu_list ul li a span img {height:37px} .storybox_wrap .tit_storybox {width:100%; height:134px; padding-top:30px; background:#2c2e31; text-align:center; box-sizing:border-box} .storybox_wrap .tit_storybox p {width:320px; margin:0 auto} .storybox_wrap .story_list {width:100%; background:#2c2e31} .storybox_wrap .story_list ul {overflow:hidden} .storybox_wrap .story_list ul li {margin-top:15px} .storybox_wrap .story_list ul li:first-child {margin-top:0} .storybox_wrap .story_list ul li a {display:block} .storybox_wrap .story_list ul li a figure {position: relative; z-index: 1; height: 185px; margin: 0 auto} .storybox_wrap .story_list ul li a figure .photo {width: 100%; height: 185px; background-repeat: no-repeat; background-position: left center; background-size: 100% auto} .storybox_wrap .story_list ul li a figure figcaption {display: block; position: absolute; z-index: 3; bottom: 0px; left: 0px; width: 90%; height:43px; line-height:43px; padding: 0 5%; font-size: 13px; font-weight: bold; color: white; background: url('//img.1300k.com/mobile/sokoob/contents/storybox/bg_storybox_list.png') repeat left top} .storybox_wrap .story_list ul li a figure:after {content: ''; display: block; position: absolute; z-index: 2; bottom: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.2; text-align: center; background: url('//img.1300k.com/mobile/sokoob/contents/storybox/bg_storybox_photo.png') repeat left top; background-size: 2px 2px} /* Select Project ******************************************************************************/ article#select_project {padding: 0px 0px 40px 0px; background: #292B2E} article#select_project h2 {text-indent: -9999px; overflow: hidden; height: 2px} article#select_project ul {overflow: hidden; padding: 0px 14px} article#select_project ul li {box-sizing: border-box; padding: 14px} article#select_project ul li a {position: relative; display: block; border: 1px solid #BBBBBC; border-radius: 6px; padding: 31px 26px 22px; text-align: center; background: #EEEEEE} article#select_project ul li a span.p_num {position: absolute; z-index: 10; top: 11px; left: 50%; display: block; width: 45px; padding: 12px 0px; margin-left: -22px; line-height: 1; font-size: 22px; color: white; font-weight: bold; background: url('//img.1300k.com/mobile/main/2015/bullet_p_num.png') no-repeat center top} article#select_project ul li a .photo {line-height: 1; margin-bottom: 11px} article#select_project ul li a .photo img {width: 100%; height: auto} article#select_project ul li a h3 {font-size: 25px; font-weight: bold; color: #272C2E; text-shadow: 0px 6px 8px white; line-height: 120%; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap} article#select_project ul li a p {overflow: hidden; height: 34px; font-size: 14px; font-weight: bold; line-height: 130%; color: #42494C; text-shadow: 0px 4px 6px white; margin-bottom: 9px} article#select_project ul li a .info {color: #929CA8; font-size: 12px} article#select_project ul li a .info time {margin-right: 10px} article#select_project ul li a span.comment img {vertical-align: middle; position: relative; top: -2px; width: 16px; height: 16px} article#select_project .btn_more {margin: 14px 28px 0px} article#select_project .btn_more a {display: block; width: 100%; padding: 12px 0px; text-align: center; color: #FF6600; font-weight: bold; border-radius: 4px; background-color: #1B1C1D} article#select_project .btn_more a img {width: 12px; height: 12px} @media all and (min-width:640px) { article#select_project ul li {float: left; width: 50%} } /* 소쿱 상세보기 ******************************************************************************/ /* 일상적인터뷰 탬플릿 */ .sokoob_contents .cts_tpl_1 img {width:100%; vertical-align:top} .sokoob_contents .cts_tpl_1 .title_box {background-color:#b29882} .sokoob_contents .cts_tpl_1 strong.question {display:block; margin:20px 20px 10px; font-size:15px; line-height:22px; color:#b29882; text-align:left; letter-spacing:-0.8px} .sokoob_contents .cts_tpl_1 .answer {margin:0 20px 20px; font-size:14px; color:#8d8d8d; line-height:20px; text-align:left; letter-spacing:-0.8px} .sokoob_contents .cts_tpl_1 .quotation_marks {position:relative; padding:35px 44px; font-size:15px; color:#676767; line-height:22px; letter-spacing:-0.2px; text-align:center} .sokoob_contents .cts_tpl_1 .quotation_marks span {display:block; position:absolute; width:19px; height:15px; background-repeat:no-repeat; background-size:19px 15px} .sokoob_contents .cts_tpl_1 .quotation_marks span.border {bottom:0; left:50%; width:38px; height:3px; margin-left:-19px; background:#e3e3e3} .sokoob_contents .cts_tpl_1 .quotation_marks span.lft_mark {top:35px; left:20px; background-image:url('//img.1300k.com/mobile/sokoob/2016/img_lft_mark.png')} .sokoob_contents .cts_tpl_1 .quotation_marks span.rgt_mark {bottom:35px; right:20px; background-image:url('//img.1300k.com/mobile/sokoob/2016/img_rgt_mark.png')} .sokoob_contents .cts_tpl_1 .event_bnr {background-color:#b29882} .sokoob_contents .cts_tpl_1 .copyright {padding:7px 0; background-color:#626262; font-size:11px; color:#fff; text-align:center} @media all and (min-width:640px) { .sokoob_contents .cts_tpl_1 strong.question {margin:40px 40px 20px; font-size:24px; line-height:33px; color:#b29882} .sokoob_contents .cts_tpl_1 .answer {margin:0 40px 40px; font-size:22px; line-height:30px} .sokoob_contents .cts_tpl_1 .quotation_marks {padding:70px 88px; font-size:24px; line-height:33px} .sokoob_contents .cts_tpl_1 .quotation_marks span {width:38px; height:30px; background-size:38px 30px} .sokoob_contents .cts_tpl_1 .quotation_marks span.border {width:76px; height:6px; margin-left:-38px} .sokoob_contents .cts_tpl_1 .quotation_marks span.lft_mark {top:60px; left:40px} .sokoob_contents .cts_tpl_1 .quotation_marks span.rgt_mark {bottom:60px; right:40px} .sokoob_contents .cts_tpl_1 .copyright {padding:21px 0; font-size:14px} } /* 주크박스 템플릿 */ .sokoob_tpl.kindie .topic {padding:32px 1% 20px; background:#fff} .sokoob_tpl.kindie .topic .title {margin-bottom:12px; font-family:Arial, '돋움', sans-serif; font-size:16px; font-weight:bold; color:#313031; word-break:break-all} .sokoob_tpl.kindie .topic .title span:first-child {font-size:17px; color:#ff9a1d} .sokoob_tpl.kindie .topic .title em {display:inline-block; width:6px; height:1px; margin:0 5px; background:#a9a9a9; vertical-align:bottom; *display:inline; zoom:1} .sokoob_tpl.kindie .topic .desc {font-size:14px; color:#727272; line-height:17px; word-break:break-all} .sokoob_tpl.kindie .item_list {padding:0 1%} .sokoob_tpl.kindie .item_list .item {padding:23px 0; background:#fff; border-top:1px solid #cdcdcd} .sokoob_tpl.kindie .item_list .item:first-child {border-top:0} .sokoob_tpl.kindie .item_list .item .substance .title {font-size:16px; font-weight:bold; color:#313031; word-break:break-all} .sokoob_tpl.kindie .item_list .item .substance .title em {display:inline-block; width:7px; height:1px; margin-right:10px; background:#ff9a1d; vertical-align:bottom; line-height:16px; *display:inline; zoom:1} .sokoob_tpl.kindie .item_list .item .substance .explain {margin-top:14px; font-size:14px; color:#727272; line-height:18px; word-break:break-all} .sokoob_tpl.kindie .item_list .item .substance .figure .btn_buy {display:block; height:45px; margin-top:15px; background:#ff9a1d; border-radius:5px; font-size:14px; color:#fff; font-weight:bold; line-height:45px; text-align:center} .sokoob_tpl.kindie .item_list .item .substance .figure .img_thumb {display:none} .sokoob_tpl.kindie .item_list .item .substance .player {overflow:hidden; position:relative; height:0; margin-top:15px; padding-bottom:56.25%} .sokoob_tpl.kindie .item_list .item .substance .player iframe {position:absolute; top:0; left:0; width:100%; height:100%} /* 콘텐츠 2018 *****************************************************************************/ /* 공용 */ .content_frm {overflow:hidden; width:100%} .content_frm div, .content_frm p, .content_frm span, .content_frm a {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .content_frm .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .content_frm .eng {font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum} .content_frm h2 {overflow:hidden; height:0; margin:0; text-indent:-9999px} .content_frm img {vertical-align:top} /* 셀렉트 TV */ .content_frm .stv_frm {overflow:hidden; padding-top:10px; background-color:#f2f2f2} .content_frm .stv_frm .prefix_box {padding:12px 0; background-color:#fff} .content_frm .stv_frm .prefix_box .prefix_lst {overflow:hidden; max-height:80px; padding:0 15px; text-align:center} .content_frm .stv_frm .prefix_box .prefix_lst li {display:inline-block; height:32px; padding:4px; vertical-align:top} .content_frm .stv_frm .prefix_box .prefix_lst li a {display:inline-block; padding:0 16px; border:1px solid #e5e5e5; border-radius:15px; color:#333; font-size:14px; line-height:30px} .content_frm .stv_frm .prefix_box .prefix_lst li a.on {background:linear-gradient(to right, #6e57d3, #ad78f1); color:#fff; font-weight:700} .content_frm .stv_frm .prefix_box.more .prefix_lst {max-height:100%} .content_frm .stv_frm .prefix_box .btn_prefix {display:inline-block; margin-top:10px; width:100%; height:30px; border-top:1px solid #f2f2f2; background:#fff; text-align:center} .content_frm .stv_frm .prefix_box .btn_prefix span {display:inline-block; padding:14px 17px 0 0; width:40px; background:url('//img.1300k.com/mobile/common/2018/ico_cate_more.png') no-repeat 42px 20px; background-size:10px auto; color:#999; font-size:13px; line-height:16px} .content_frm .stv_frm .prefix_box.more .btn_prefix span {background:url('//img.1300k.com/mobile/common/2018/ico_cate_close.png') no-repeat 42px 20px; background-size:10px auto} .content_frm .stv_frm .cate_box {padding:15px} .content_frm .stv_frm .cate_box .sel_blk {position:relative} .content_frm .stv_frm .cate_box .sel_blk:after {position:absolute; top:15px; right:10px; width:13px; height:7px; background:url('//img.1300k.com/mobile/common/2018/ico_select_arrow.png') no-repeat; background-size:13px auto; content:''} .content_frm .stv_frm .cate_box .sel_blk select {display:block; position:relative; width:100%; height:34px; padding:0 0 0 10px; border:none; border-radius:0; background:#fff; font-size:14px; color:#333; line-height:1; outline:none; -webkit-appearance:none} .content_frm .stv_frm .stv_box {width:100%} .content_frm .stv_frm .stv_box .tv_lst {width:100%} .content_frm .stv_frm .stv_box .tv_lst li {margin-bottom:10px; padding:15px; border-bottom:1px solid #ebebeb; background:#fff} .content_frm .stv_frm .stv_box .tv_lst li.no_item {padding:180px 0; text-align:center} .content_frm .stv_frm .stv_box .tv_lst li .cts_box {width:100%} .content_frm .stv_frm .stv_box .tv_lst li .cts_box a {text-decoration:none} .content_frm .stv_frm .stv_box .tv_lst li .cts_box .tit_blk {display:table; overflow:hidden; width:auto} .content_frm .stv_frm .stv_box .tv_lst li .cts_box .tit_blk .ico {display:block; width:50px; padding-right:15px} .content_frm .stv_frm .stv_box .tv_lst li .cts_box .tit_blk .tit {display:table-cell; width:auto; color:#333; font-size:15px; font-weight:700; line-height:20px; vertical-align:middle} .content_frm .stv_frm .stv_box .tv_lst li .cts_box .cover_blk {position:relative; padding:20px 0; width:auto} .content_frm .stv_frm .stv_box .tv_lst li .cts_box .cover_blk .ico {position:absolute; top:30px; right:12px} .content_frm .stv_frm .stv_box .tv_lst li .cts_box .prod_blk {display:table; overflow:hidden; width:auto} .content_frm .stv_frm .stv_box .tv_lst li .cts_box .prod_blk .thumb {display:block; width:70px; padding-right:15px} .content_frm .stv_frm .stv_box .tv_lst li .cts_box .prod_blk .tit {display:table-cell; width:auto; font-size:14px; line-height:22px; vertical-align:middle} .content_frm .stv_frm .stv_box .tv_lst li .cts_box .prod_blk .tit a {color:#333} .content_frm .stv_frm .stv_box .tv_lst li .cts_box .media_box {display:none; overflow:hidden; padding:20px 0}