first commit
This commit is contained in:
pakerpale
1153
public/renew/css/main.css
Executable file
1153
public/renew/css/main.css
Executable file
File diff suppressed because it is too large
Load Diff
1145
public/renew/css/main_backup190213.css
Executable file
1145
public/renew/css/main_backup190213.css
Executable file
File diff suppressed because it is too large
Load Diff
114
public/renew/css/news.css
Executable file
114
public/renew/css/news.css
Executable file
@@ -0,0 +1,114 @@
|
||||
.wrap, .contents .wrap {
|
||||
max-width: 1060px;
|
||||
}
|
||||
|
||||
@media (max-width: 1060px){
|
||||
.wrap, .contents .wrap{
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.area_links, .mostreply, .timenews{display: none;}
|
||||
.search{max-width: 595px; width: 80%;}
|
||||
.list_left{width: 60%}
|
||||
.list_right{width: 30%;}
|
||||
.function{width: 100%;}
|
||||
.news_list .art-img2{width: 23%;}
|
||||
.news_list .art-img2 img{width: 100%;}
|
||||
.news_list .art-info2{width: 70%; float: right; padding-right: 10px;}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 760px){
|
||||
.search{width:80%; top:60px; left:50%; transform: translateX(-50%); margin-top:0;}
|
||||
.header .special{height: 115px;}
|
||||
|
||||
.menu{padding:0 10px;}
|
||||
.window{width: 93%; padding-left: 0;}
|
||||
.list_left{ float: none; clear: both; padding-right: 0; padding: 20px; padding-top: 0; box-sizing: border-box; width: 100%;}
|
||||
.news_list .art-img2{width: 34%; height: 80px; margin-right: 10px; position: relative; overflow: hidden; border-radius: 2px;}
|
||||
.news_list .art-info2{width: 60%; padding-right: 0;}
|
||||
.todayphoto_box .s_left, .todayphoto_box .s_right,.mostreply, .f_social, {display: none;}
|
||||
.list_right{width: 100%;}
|
||||
.list_right .banner2{margin: 0 auto;}
|
||||
.foot_link{top: 16px; left: 20px; width: 100%}
|
||||
.f_social{display: none;}
|
||||
|
||||
.header .special .logo{width: 90px; top: 20px; left: 50%; transform: translateX(-50%);}
|
||||
.header .special .logo img{width: 100%;}
|
||||
.section_navbar{padding-left: 20px; box-sizing: border-box;}
|
||||
.section_navbar .wrap .menu li{}
|
||||
.logo_company{display: block; width: 80px;}
|
||||
.logo_company img{width: 100%; height: auto}
|
||||
.contents{width: 100%; box-sizing: border-box; padding-top: 20px;}
|
||||
.view_header{padding-bottom: 0; padding-top: 5px;}
|
||||
.view_header h2{font-size: 22px; line-height: 140%; padding-top: 15px;}
|
||||
.view_header .time{display: none;}
|
||||
.section{margin: 0; padding: 20px; border-bottom: 10px solid #f2f4f7}
|
||||
.recommend{margin: 0; padding: 20px;}
|
||||
.recommend .recommend_box:last-child{margin-bottom: 0;}
|
||||
.viewall{padding-bottom: 0;}
|
||||
.popular{margin: 0; padding: 20px;}
|
||||
.popular .p_list{width: 49%; padding-right: 2%;}
|
||||
.popular .p_list:last-child{padding-right: 0;}
|
||||
.popular .photo{width: 100% !important; height: 160px !important; border:1px solid rgba(0,0,0,.03); }
|
||||
.life{margin: 0; padding: 20px; width: 100%; box-sizing: border-box;}
|
||||
.life .i-cover >div{width: 100% !important; height: 200px !important }
|
||||
.list_right .banner2{width: 100%;}
|
||||
.life .i-cover2{width: 50%}
|
||||
.life .i-cover2 > div{width: 100% !important; height: 150px !important }
|
||||
.section_box {font-size: 15px;}
|
||||
.recommend_box .art-info{font-size: 15px; font-weight: 400;}
|
||||
.popular .p_list .tit{padding-bottom: 10px;}
|
||||
.reaction{padding: 20px 0}
|
||||
.reaction .like{font-size: 11px;}
|
||||
.reaction .click{font-size: 12px;}
|
||||
.reaction .reaction_box{width: 14% !important; margin: 0 3%;}
|
||||
.reaction .reaction_box a{display: block;}
|
||||
.reaction img{padding-right: 0; width: 100%; float: none;}
|
||||
.reply_write textarea{width: 100% !important; box-sizing: border-box; letter-spacing: -0.08em}
|
||||
.reply_sort span{font-size: 14px; position: relative; padding-right: 10px;}
|
||||
.relatedarticle li a{font-size: 14px; }
|
||||
.relatedarticle li{text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;}
|
||||
.reply .delete{padding-left: 10px;}
|
||||
.copyright{left: 20px}
|
||||
.news_list .art-title{
|
||||
font-size: 16px;
|
||||
line-height: 1.3;
|
||||
font-weight: 400;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 5px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.news_list .art-sum{
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.news_list .art-title .comment{display: none;}
|
||||
|
||||
.news_list_cont{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f7f7f7}
|
||||
.todayphoto_box li{width: 48%; margin-right: 2.5%; margin-bottom: 2.5%; }
|
||||
.todayphoto_box li:nth-child(even){margin-right: 0;}
|
||||
.todayphoto_box li > div{width: 100% !important;}
|
||||
.todayphoto_box .s_right{top: 180px;}
|
||||
.todayphoto_box .s_left{top: 180px;}
|
||||
.todayphoto h4{font-size: 16px;}
|
||||
.section h4,.recommend h4, .popular h4, .life h4{font-size: 16px;}
|
||||
.recommend_box .art-img{ border: 1px solid rgba(0,0,0,.03);}
|
||||
.news_list .art-img2:after{content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 1px solid rgba(0,0,0,.03);}
|
||||
|
||||
.top{display: none;}
|
||||
.recommend{border-bottom: 0 none;}
|
||||
.rankytop{display: none;}
|
||||
|
||||
}
|
||||
650
public/renew/css/popup.css
Executable file
650
public/renew/css/popup.css
Executable file
@@ -0,0 +1,650 @@
|
||||
body{-webkit-text-size-adjust:none;}
|
||||
* {margin:0; padding:0;}
|
||||
/* reset css ---------------------------------- */
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
|
||||
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
|
||||
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
|
||||
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
|
||||
|
||||
/* 제목요소 */
|
||||
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}
|
||||
|
||||
/* 테두리 없애기 */
|
||||
fieldset, img, abbr,acronym {border: 0;}
|
||||
|
||||
/* 목록설정 */
|
||||
ul, ul.li, ol, ol.li { list-style-type: none;}
|
||||
|
||||
/* 이미지설정 */
|
||||
img {border: 0; vertical-align: top;}
|
||||
|
||||
/* 테이블 - 마크업에 'cellspacing="0"' 지정 */
|
||||
table {border-collapse: collapse; border-spacing: 0; border: 0;}
|
||||
th, td {vertical-align: middle;}
|
||||
|
||||
|
||||
/* 텍스트 관련 요소 초기화 */
|
||||
address, caption, em, cite {font-weight: normal; font-style: normal;}
|
||||
ins {text-decoration: none;}
|
||||
del {text-decoration: line-through;}
|
||||
textarea {font-size:12px;}
|
||||
checked{color:#2bbec6;}
|
||||
|
||||
/* 기초설정*/
|
||||
html, body {font-size:14px;font-family:'나눔고딕','Nanum Gothic',"Apple SD Gothic Neo","AppleGothic","돋움", Dotum,"굴림", Gulim, Sans-serif; font-weight: 500; color:#4e4e4e; letter-spacing: -0.5px;}
|
||||
|
||||
html {overflow-y:scroll; min-height:100%;}/*세로스크롤*/
|
||||
|
||||
/* 링크설정 */
|
||||
a,a:active {
|
||||
color: #4e4e4e;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #9e9e9e;
|
||||
}
|
||||
|
||||
table a:visited { color: #888; }
|
||||
|
||||
.clear {clear: both; }
|
||||
|
||||
form { margin: 0; }
|
||||
fieldset { border: 0; margin: 0; padding: 0; }
|
||||
label { cursor: pointer; }
|
||||
|
||||
.block:after,.clearfix:after,.group:after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear:both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
body { background: #f5f6f7; }
|
||||
html { position: relative; }
|
||||
|
||||
/* common */
|
||||
.fr{float:right;}
|
||||
.fl{float:left;}
|
||||
.beachblue{color:#2bbec6;}
|
||||
.beachblue a{color:#2bbec6;}
|
||||
.red{color:#fc5252;}
|
||||
.red a{color:#fc5252;color:#fc5252;}
|
||||
.red a:hover{color:#fc5252;color:#fc5252;opacity: 0.8}
|
||||
.grey{color:#969696;}
|
||||
.blue{color:#227cc1;}
|
||||
.ft14{font-size:14px;}
|
||||
.ft16{font-size:16px;}
|
||||
.ft18{font-size:18px;}
|
||||
.ft20{font-size:20px;}
|
||||
.ft24{font-size:24px;}
|
||||
.ft22{font-size:22px;}
|
||||
.pd10{padding:10px 0;}
|
||||
.pd20{padding:20px 0;}
|
||||
.pd30{padding:30px 0;}
|
||||
.pdb20{padding-bottom: 20px;}
|
||||
.pdl25{padding-left: 25px !important;}
|
||||
|
||||
.bgb{border-bottom:1px solid #bfbfbf;}
|
||||
.bgb2{border-bottom:2px solid #bfbfbf;}
|
||||
.bgb3{border-bottom:1px solid #eaeaea}
|
||||
.bgb3{border-bottom:1px solid #e6e6e6;}
|
||||
.bgb4{border-bottom:2px solid #888888;}
|
||||
.bgt{border-top:1px solid #bfbfbf;}
|
||||
|
||||
.trc{text-align: center;}
|
||||
|
||||
|
||||
/* btns */
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 5px 15px;
|
||||
margin-bottom: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.42857143;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-image: none;
|
||||
border: 1px solid transparent;
|
||||
|
||||
}
|
||||
.btn-success{color:#fff; background-color:#2bbec6; }
|
||||
.btn-default{color: #959595;background-color: #fff;border-color: #ccc;}
|
||||
.btn-default:hover{color:#2bbec6 !important; background-color:#fff;border-color: #2bbec6 !important;}
|
||||
.btn-default a:hover{color:#2bbec6 !important;}
|
||||
.btn_life img{vertical-align: middle;}
|
||||
.btn-default_bb{color: #2bbec6;background-color: #fff;border-color: #2bbec6;}
|
||||
.btn-default_bb:hover{color:#2bbec6; background-color:#fff;border-color: #2bbec6; }
|
||||
#mypage .btn-default_bb{color: #2bbec6;background-color: #fff;border-color: #2bbec6;}
|
||||
.br5{border-radius: 5px;}
|
||||
.br15{border-radius: 15px;}
|
||||
.br20{border-radius: 20px;}
|
||||
|
||||
/* popup*/
|
||||
|
||||
.popup_wrap{line-height: 25px; color:#707070; max-width: 500px; margin:0 auto; padding-bottom: 50px;}
|
||||
.popup_wrap2{ line-height: 25px; color:#707070;max-width: 480px; margin:0 auto;}
|
||||
.popuptop2 .logo{padding: 30px 0 20px 0px;}
|
||||
.popupbox{margin-top: 20px; background: #fff;}
|
||||
.popuptop .btn-close{position: absolute; top:22px;right:20px;}
|
||||
.popuptop .p_title{background: #2bbec6; padding:10px;color:#fff; font-size: 20px; font-weight: normal;}
|
||||
.popuptop3_d .p_title{color:#fff; font-size: 20px; font-weight: normal;}
|
||||
.popupbody{background: #fff; border-radius: 0 0 7px 7px;position:relative; padding:0 40px; overflow:hidden;}
|
||||
.popupbody2{ background: #fff;border-radius: 0 0 7px 7px;position: relative;display: block;}
|
||||
.popupbody img{vertical-align: middle;}
|
||||
.popupbody .body_table{background: #f4f4f4; color:#4f4f4f; width:100%;}
|
||||
.popupbody .body_table .bt_tit{text-align:right; color:#838383;}
|
||||
.popupbody .body_table td{width:50%; font-size:16px; font-size: 16px;}
|
||||
.popupbody .body_table .bt_txt{text-align:left; padding-left:10px;}
|
||||
.btn_popup{clear:both;}
|
||||
.btn_popup span{padding:10px 40px; margin:0 5px;}
|
||||
.popupbody .mobile{margin:10px 0 20px; width:100%; background: #f9f9f9; height:45px; line-height: 45px;}
|
||||
.popupbody .mobile li{float:left; width:33.33%; text-align: center}
|
||||
.popupbody .mobile li a{ color:#606060; font-size:24px;}
|
||||
.popupbody .mobile li:hover{background: #44cbd2 !important; color:#fff; height:45px;}
|
||||
.popupbody .mobile .current{background: #44cbd2 !important; color:#fff; height:45px;}
|
||||
.popup_wrap .delete_confirm {margin:0 10px;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid #ccc;
|
||||
display: inline-block;
|
||||
height:60px;
|
||||
line-height: 60px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
width: 97%;
|
||||
border-radius: 5px;
|
||||
padding-left: 2%;
|
||||
font-size: 14px;
|
||||
}
|
||||
.popup_wrap .txt_psw{ height: 32px;
|
||||
top: 18px;
|
||||
left: 10px;
|
||||
padding: 0 20px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.popup_wrap .info{font-size:13px; color:#a7a7a7; padding: 10px 0 20px;}
|
||||
.popup_wrap .notice2 {overflow:hidden; text-align: left; color:#a7a7a7; line-height: 30px;}
|
||||
.popup_wrap .notice2 dt {
|
||||
color: #333;
|
||||
/*float: left;
|
||||
width: 20%;*/
|
||||
}
|
||||
.popup_wrap .notice2 dd {
|
||||
width: 80%;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.popup_wrap .notice_list{overflow:hidden; padding-bottom:30px;padding-left:30px; line-height: 40px;}
|
||||
.popup_wrap .notice_list dt {
|
||||
color: #333;
|
||||
float: left;
|
||||
width: 80%;
|
||||
text-align:left;
|
||||
}
|
||||
.popup_wrap .notice_list dd {
|
||||
width: 20%;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.popup_wrap .notice_list table{width:100%;}
|
||||
.form_info{ font-size: 12px;
|
||||
color: #868686;
|
||||
padding-left: 16px;
|
||||
|
||||
padding-top: 5px;}
|
||||
.addr_category{width:20%;border-right: 1px solid #e9eaec; position:absolute; left:0; bottom:0; top:0;}
|
||||
.addr_category .recent{width:90%;float:left;padding:10% 0 0 10%;}
|
||||
.addr_toitem {position:absolute; left:60%; bottom:0; top:0; width:40%;}
|
||||
.addr_box{width:100%; border-bottom:1px solid #e9eaec; position:relative; height: 420px;}
|
||||
.addr_name {width:40%;border-right:1px solid #e9eaec; position:absolute; left:20%; bottom:0; top:0;}
|
||||
.addr_name .scr_area{padding:0 20px 20px 20px; border-bottom: 1px solid #e9eaec;}
|
||||
.addr_name .scr_area .memo{ border: 1px solid #ccc;display: inline-block;height: 32px;
|
||||
line-height: 32px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
width: 70%;
|
||||
border-radius: 5px;
|
||||
padding-left: 10px;}
|
||||
.addr_name .scr_area .memo input {
|
||||
border: 0 none;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.addr_name .scr_name{padding:20px 20px 20px 20px;}
|
||||
.addr_toitem .addr_list_cont {
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
bottom: 42px;
|
||||
right: 0;
|
||||
left: 50px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #adadad ;
|
||||
width: 250px;
|
||||
height: 315px; float:right; border-radius: 5px;
|
||||
}
|
||||
.addr_list_cont {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;}
|
||||
.btn_ctrl{width:50px; float: left;
|
||||
text-align: center; margin:0 auto; padding:45% 0 0 0;}
|
||||
.btn_ctrl span{margin-bottom:10px; display: inline-block;}
|
||||
.page_ctrl{ border-top: 1px solid #f1f1f1;
|
||||
text-align: right;
|
||||
padding: 9px 10px 0 0;
|
||||
height: 33px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;}
|
||||
.addr_toitem h3{ padding:20px 0 0 20px;}
|
||||
.popup_policy{padding-top:20px;}
|
||||
.popup_policy h3{font-size:1em; padding-bottom:10px; padding-left:40px;}
|
||||
.popup_policy textarea{margin-bottom:10px; width:90%; border:1px solid #adadad; border-radius: 5px; padding:5%;}
|
||||
.popup_policy2 h2{font-size:1em; padding-bottom:30px;line-height: 1.5em;padding-left:40px;}
|
||||
.popup_policy2 h3{font-size:1.25em; padding-bottom:20px;line-height: 1.5em;padding-left:40px;}
|
||||
.popup_policy2 textarea{margin-bottom:10px; width:100%; border:1px solid #adadad; border-radius: 5px; padding:3%;color: #868686; font-size: 1em;}
|
||||
.popupimg{position:relative;}
|
||||
|
||||
.popupimg .popuptxt{ position: absolute;
|
||||
left: 65px;
|
||||
top: 260px;
|
||||
text-align: left;}
|
||||
.popupinfo{color:#838383; font-size: 13px; margin-bottom: 40px;}
|
||||
.done{color:#000;}
|
||||
.b_bottom{margin:20px 0 30px 0; text-align:center;}
|
||||
.b_bottom a:hover{color:#2bbec6;}
|
||||
.b_login{ text-decoration: underline;padding-left:20px;}
|
||||
|
||||
.b_login a{color:#2bbec6;}
|
||||
/*.m_email{padding: 15px 40px;font-size: 16px; width: 100%; background:#04b9c2; color:#fff;}
|
||||
.m_facebook{padding: 15px 40px;font-size: 16px; width: 100%; background:#4267b2; color:#fff}
|
||||
.m_tweeter{padding: 15px 40px;font-size: 16px; width: 100%; background:#1894ec; color:#fff}
|
||||
.m_kakao{padding: 15px 40px;font-size: 16px; width: 100%; background:#f9e000; color:#fff}
|
||||
.m_naver{padding: 15px 40px;font-size: 16px; width: 100%; background:#42b72a; color:#fff}*/
|
||||
|
||||
.m_email{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#04b9c2; color:#fff;}
|
||||
.m_email:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../img/CM-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
|
||||
.m_facebook{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#4267b2; color:#fff}
|
||||
.m_facebook:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../img/F-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
|
||||
.m_tweeter{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#1894ec; color:#fff}
|
||||
.m_tweeter:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../img/T-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
|
||||
.m_kakao{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#f9e000; color:#fff}
|
||||
.m_kakao:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../img/K-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
|
||||
.m_naver{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#42b72a; color:#fff}
|
||||
.m_naver:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../img/N-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
|
||||
|
||||
.b_login .input_box {
|
||||
background: #fff;
|
||||
/* position: relative; */
|
||||
width: 100%;
|
||||
border: 1px solid #e3e7ee;
|
||||
/* border-right: 0; */ margin:10px 0;
|
||||
}
|
||||
.p_login .chk_id_login{font-size:14px; padding-top: 5px!important}
|
||||
.chk_id_login a:hover{color:#2bbec6;}
|
||||
.p_login .input_box {
|
||||
background: #fff;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
border: 1px solid #e3e7ee;
|
||||
margin-bottom:10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.p_login .int {
|
||||
padding: 1% 5%;
|
||||
width: 90%;
|
||||
height: 35px;
|
||||
border: 0;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
line-height: 26px; border-radius: 5px;
|
||||
}
|
||||
.canceljoin{font-size:1.2em; width:47%; margin-right:5px; background:#b8b8b8;color:#fff; padding:10px 0;}
|
||||
.next{font-size:1.2em; width:47%; margin-left:5px; background:#04b9c2;color:#fff;padding:10px 0;}
|
||||
|
||||
.info_forms label {
|
||||
font-size: 16px;color:#2bbec6;
|
||||
margin: 20px 0 10px 0;
|
||||
display: block;}
|
||||
.info_forms input {
|
||||
border: 1px solid #ccc;
|
||||
display: inline-block;
|
||||
height:40px;
|
||||
line-height: 40px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
border-radius: 5px;
|
||||
padding-left: 2%;
|
||||
font-size: 14px;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.info_forms .slct {
|
||||
background: #fff url(../img/img_select.gif) no-repeat 90% 50%;
|
||||
overflow: hidden;
|
||||
width: 112px;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.info_forms .slct select {
|
||||
-moz-appearance: none;
|
||||
background: transparent none repeat scroll 0 0;
|
||||
border: medium none;
|
||||
color: #757575;
|
||||
font-size: 14px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding-left: 10px;
|
||||
width: 170px;
|
||||
}
|
||||
.info_forms .slct:last-child{margin-right:0 !important;}
|
||||
.info_forms .form-group{display: block;overflow: hidden;}
|
||||
.mybutton_on{background: url(../img/img_confirm_on.gif) no-repeat 96% 50%;}
|
||||
.mybutton_off{background: url(../img/img_confirm_off.gif) no-repeat 96% 50%;}
|
||||
.mybutton_on2{background: url(../img/img_confirm_on.gif) no-repeat 0 32%;}
|
||||
.mybutton_off2{background: url(../img/img_confirm_off.gif) no-repeat 0 32%;}
|
||||
.security{margin:20px 0;}
|
||||
.agree_list {font-size:14px;width:100%; padding-bottom: 20px;}
|
||||
.agree_list div{height:30px; line-height: 30px;}
|
||||
|
||||
|
||||
.viewall{text-decoration: underline;}
|
||||
.popupbody .calander {
|
||||
float:left;
|
||||
padding: 13px;
|
||||
|
||||
background: #fff;
|
||||
|
||||
width: 250px;
|
||||
|
||||
}
|
||||
.popupbody .calander table{margin-top:20px;overflow:hidden;display: inline-block;}
|
||||
.popupbody .calander:last-child{padding-right:0 !important; overflow:hidden;display: block;}
|
||||
.popupbody .calander td{width:34px; text-align: center; line-height: 37px;}
|
||||
.popupbody .calander th{width:34px;text-align: center;line-height: 37px;}
|
||||
.popupbody .calander .month{height: 30px; line-height: 30px; text-align: center; font-size: 18px; color:#000;}
|
||||
.popupbody .calander thead{background: #f7f7f7; color:#949494;}
|
||||
.popupbody .sunday a{color:#f24157 !important;}
|
||||
.popupbody .today{background:url(../img/img_today.gif) no-repeat 50% 50%; }
|
||||
.popupbody .today a{color:#fff !important;}
|
||||
.popupbody .calander a:hover{color:#04b9c2;}
|
||||
.popupbody .calander_box{overflow:hidden; display: block;}
|
||||
.popupbody .calander span{float:left; margin-right:7px;}
|
||||
.popupbody .calander_tit{padding-bottom:10px; color:#000;}
|
||||
.church{color:#767676;}
|
||||
.info_header{width:100%; margin:0 auto; text-align: center;position: relative;}
|
||||
|
||||
.info_header .camera{position: absolute;
|
||||
top: 40px;
|
||||
left: 200px;}
|
||||
.radio_on{background: url(../img/radio_on.gif) no-repeat 0 center; width:16px; display: inline-block;}
|
||||
.radio_on a{padding-left:20px;}
|
||||
.radio_on a:hover{color:#4e4e4e;}
|
||||
.radio_off{background: url(../img/radio_off.gif) no-repeat 0 center; width:16px; display: inline-block;}
|
||||
.radio_off a{padding-left:20px;}
|
||||
.radio_off a:hover{color:#4e4e4e;}
|
||||
.check_on{background: url(../img/check_on.gif) no-repeat 0 center; width:16px; display: inline-block;}
|
||||
.check_on a{padding-left:24px;}
|
||||
.check_on a:hover{color:#4e4e4e;}
|
||||
.check_off{background: url(../img/check_off.gif) no-repeat 0 center; width:16px; display: inline-block;}
|
||||
.check_off a{padding-left:24px;}
|
||||
.check_off:hover{color:#4e4e4e;}
|
||||
|
||||
.agree_off{ background: url(../img/agree_off.gif) no-repeat 0 center;
|
||||
width: 30px; text-indent: -9999999px;
|
||||
display: inline-block;}
|
||||
.agree_on{ background: url(../img/agree_on.gif) no-repeat 0 center;
|
||||
width: 30px; text-indent: -9999999px;
|
||||
display: inline-block;}
|
||||
.pw_info{ background: url(../img/pw_info.gif) no-repeat right 50%;}
|
||||
.pw_table{background:#fafafa; padding:20px 40px; overflow: hidden;}
|
||||
.pw_table dt{width:100%;float: left;color:#888888; padding: 5px 0;
|
||||
}
|
||||
.pw_table dd{color:#606060; padding:5px 0;}
|
||||
|
||||
|
||||
@media screen and (max-width:1340px) {
|
||||
.channel_header, .channel_contents, .channel_contents3, .channel_contents4, .footer{width: 100% !important;}
|
||||
.foot_link { position: absolute; top: 36px; right: 140px; overflow: hidden; }
|
||||
}
|
||||
@media screen and (max-width:1100px) {
|
||||
#news .top, #news .header, #news .contents, #news .footer{width: 1060px !important;padding:0 20px;}
|
||||
|
||||
}
|
||||
|
||||
.popup_policy2 .checks {position:relative; float:left;}
|
||||
.popup_policy2 .checks input[type="checkbox"] {position:absolute; top:0; left:-9999px;}
|
||||
.popup_policy2 .checks label {float:left; background:url('../img/b_agree_off.gif') no-repeat; height:30px;width:30px}
|
||||
.popup_policy2 .checks input[type="checkbox"]:checked + label {background:url('../img/b_agree_on.gif') no-repeat; }
|
||||
|
||||
/*.profile_header .photo{float:left; padding:13px 0 0 75px;}*/
|
||||
/*.profile_header .photo img{border-radius: 75px;}*/
|
||||
|
||||
|
||||
.profile_add_photo { margin:auto; width:77px; height:77px; }
|
||||
.profile_add_photo input[type="file"] { position:absolute; top:0; left:-9999px;}
|
||||
.profile_add_photo label {display:block; width:77px; height:77px; background:url('../img/img_photo.png') no-repeat center; background-size:77px; border-radius: 75px;}
|
||||
|
||||
|
||||
.delivery_info3{
|
||||
position: absolute;
|
||||
background: #f5f6f6;
|
||||
border: 1px solid #ebebeb;
|
||||
max-width: 500px;
|
||||
z-index: 9999;line-height: 26px;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
padding:15px;}
|
||||
.delivery_info3 .d_info_tit{color:#000; font-size:16px; padding-bottom: 5px;}
|
||||
.delivery_info3 .d_info_txt{font-size:13px;}
|
||||
|
||||
|
||||
|
||||
|
||||
.pop_cont_title_d img{padding-top:3px; padding-right:5px;}
|
||||
.popup_wrap2_d {
|
||||
max-width: 800px;
|
||||
line-height: 25px;
|
||||
color: #707070;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.popupbox2_d{position: relative;}
|
||||
.popuptop3_d {
|
||||
background: #44cbd2;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.popuptop3_d .p_title2 {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
padding-left:40px;
|
||||
float: left;
|
||||
}
|
||||
.popuptop3_d .p_title2 a{
|
||||
color: #fff;padding:0 5px; font-size:14px;
|
||||
}
|
||||
.popuptop3_d .p_title2 a:hover{font-weight: bold;}
|
||||
.popuptop3_d .p_title2 .current{font-weight: bold;}
|
||||
|
||||
.popupbody3_d {
|
||||
background: #fff;
|
||||
position: relative;
|
||||
padding: 0 40px 40px 40px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.btn-close {position:absolute; right:25px; top:14px;}
|
||||
.popuptop3_d .btn-tit {color:#fff; float: right; padding-right: 20px;}
|
||||
.popuptop3_d .btn-info {float: right; }
|
||||
.popuptop3_d .btn-info img{vertical-align: middle; margin-right: 8px;}
|
||||
.popuptop3_d .btn-close {position:absolute; right:25px; top:14px;}
|
||||
.pop_box_d {overflow:hidden; background: #f5f6f6; border: 1px solid #ededed; padding:3px 10px; position: absolute; bottom:10px; right:0;}
|
||||
.pop_box_d a{color:#787878; font-size:13px;}
|
||||
.popup_date_d {font-size:13px; color:#999999;}
|
||||
.pop_cont_like_d{background: #04b9c2; color:#fff; padding:0 3px;}
|
||||
.popupbody3_d .pop_tit{margin-bottom:20px;border-bottom: 1px solid #ebeef3; padding:30px 0 10px; color:#000; font-size:15px; position: relative;}
|
||||
.pop_cont_box_d {border-bottom:1px solid #ebeef3; padding:20px 0;overflow: hidden; }
|
||||
.pop_cont_img_d {width:10%; float:left; }
|
||||
.pop_cont_img_d img{border-radius: 50px; margin-top:10px;}
|
||||
.pop_cont_img2_d {float:left; }
|
||||
.pop_cont_img2_d img{ margin-top:10px; padding-bottom:10px;}
|
||||
.pop_cont_txt_box_d {width:80%; float:left; padding-top:10px;}
|
||||
.pop_cont_txt_box_d .t_black a{color:#000; font-size: 15px;}
|
||||
.pop_cont_txt_box_d .t_black a:hover{color:#2bbec6;}
|
||||
.pop_cont_info_d {width:10%; float:right;}
|
||||
.info_popup_d {position:absolute; right:60px;background: #f5f6f6;
|
||||
border: 1px solid #ededed;
|
||||
padding: 3px 10px;}
|
||||
.info_popup_d a{font-size: 13px;}
|
||||
.info_popup2_d{position:absolute; right:20px;background: #fff;
|
||||
border: 1px solid #ededed;
|
||||
padding: 3px 10px;}
|
||||
.info_popup2_d a{font-size: 13px;}
|
||||
.pop_cont_title_d a:hover{color:#2bbec6;}
|
||||
.pop_cont_like_d {background: #04b9c2; color:#fff; padding:0 3px;}
|
||||
.pop_replay_more_d a{font-size:12px; color:#8e8e8e;}
|
||||
|
||||
.r_base_d {
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
.icons_d {
|
||||
float: right !important;
|
||||
}
|
||||
.icons_d span {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.icons_d img {
|
||||
padding-right: 7px;
|
||||
}
|
||||
|
||||
.thumbup_d {
|
||||
color: #e64c3d;
|
||||
}
|
||||
.thumbdown_d {
|
||||
color: #3c92ca;
|
||||
}
|
||||
|
||||
.reply_box2_d { clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 20px; margin-top:20px; display:block;}
|
||||
.reply_box2_d .box_wrap{overflow:hidden;display: block; border-bottom: 1px solid #e0e1e1; padding-bottom:20px; margin-bottom:20px;}
|
||||
.reply_box2_d .box_wrap li{float:left;}
|
||||
.reply_box2_d .box_wrap2{overflow:hidden;display: block; margin-bottom:20px;}
|
||||
.reply_box2_d .box_wrap2 li{float:left;}
|
||||
.reply_box2_d .box_wrap .r_text li{float:left; padding-right:10px;}{ clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 20px; margin-top:20px; display:block;}
|
||||
.reply_box2_d .box_wrap{overflow:hidden;display: block; border-bottom: 1px solid #e0e1e1; padding-bottom:20px; margin-bottom:20px;}
|
||||
.reply_box2_d .box_wrap li{float:left;}
|
||||
.reply_box2_d .box_wrap2{overflow:hidden;display: block; margin-bottom:20px;}
|
||||
.reply_box2_d .box_wrap2 li{float:left;}
|
||||
.reply_box2_d .box_wrap .r_text li{float:left; padding-right:10px;}
|
||||
.img_reply_d {width:20px;}
|
||||
|
||||
.r_info_d { color: #999999; }
|
||||
.r_date_d { font-size: 12px; }
|
||||
.r_info_d span { padding-right: 10px; }
|
||||
.r_info_d a { color: #999; }
|
||||
|
||||
.reply_box2_d .box_wrap .info_popup2_d li {float:none;}
|
||||
|
||||
.reply_box_d {
|
||||
border: 1px solid #c5c5c5;
|
||||
margin-top: 10px;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
}
|
||||
.reply_social_d {padding:20px 20px 0 20px;}
|
||||
.reply_write_d {
|
||||
color: #999999;
|
||||
line-height: 23px;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.reply_write_d textarea{ z-index: auto;
|
||||
position: relative;
|
||||
line-height: 20px;
|
||||
font-size: 13px;
|
||||
padding: 10px;
|
||||
border: none;}
|
||||
|
||||
.reply_regist_d {
|
||||
border-top: 1px solid #e8e9ea;
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
}
|
||||
.reply_no_d{color:#bcbcbc; padding-left:20px;}
|
||||
.reply_btn_d{background: #04b9c2; width:87px; height: 47px; color:#fff; float:right; text-align: center; line-height: 47px;}
|
||||
.reply_btn_d a{color:#fff;}
|
||||
.reply_btn_d a:hover{color:#fff;}
|
||||
.reply_close_d {
|
||||
width: 90px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
border: 1px solid #c7c7c7;
|
||||
text-align: center;
|
||||
margin: 20px auto;
|
||||
}
|
||||
.reply_close_d img {
|
||||
padding-top: 12px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.reply_social_d {padding:20px 20px 0 20px;}
|
||||
.reply_social_d span {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.reply_sort_d {
|
||||
|
||||
|
||||
padding-top:10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.reply_sort_d span {
|
||||
padding-right: 10px;
|
||||
}
|
||||
.reply_sort_d a{font-size: 14px;}
|
||||
.reply_sort_d .current {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footer { position: absolute !important; bottom: 0; left: 0; width: 100%; }
|
||||
|
||||
|
||||
.foot_link { position: absolute; top: 36px; right: 160px; overflow: hidden; }
|
||||
.foot_link li { float: left; font-size: 12px; }
|
||||
.foot_link li:after { content: "|"; color: #ddd; padding: 0 10px; }
|
||||
.foot_link li:first-child { content: ""; padding: 0; }
|
||||
.foot_link li a { color: #333; }
|
||||
|
||||
.pop_todaynone { padding: 10px; color: #fff;; font-size: 12px; background: #333; }
|
||||
.pop_todaynone input { vertical-align: text-top; }
|
||||
|
||||
/**Media Query**/
|
||||
@media (min-width: 720px){
|
||||
.popup_wrap .logo{
|
||||
padding-top: 40px;
|
||||
}
|
||||
}
|
||||
248
public/renew/css/web/channel.css
Executable file
248
public/renew/css/web/channel.css
Executable file
@@ -0,0 +1,248 @@
|
||||
.art-img{width:100%;}
|
||||
.channel_header{position:relative;}
|
||||
.channel_header .wrap_cover {width: 100%;top: 0;position: relative; max-height: none!important;}
|
||||
.channel_header .wrap_channel{width: 100%; margin: 0 auto;display: block;height: 145px;position: absolute;bottom: 165px;}
|
||||
.channel_header .wrap{width:100%; height: 47px; line-height: 47px; position: relative;}
|
||||
.channel_header .cover_inner {display: block;background-color: #000;opacity: 0.4;height: 100%;position: absolute;top: 0;left: 0;width: 100%;}
|
||||
.art-img{width:100%;}
|
||||
.cover_image{background: url(/img/web/img_channel.jpg) no-repeat left top; display: block;background-size: cover;height:310px;background-position: 50% 50%;}
|
||||
.cover_image2{background: url(/img/web/img_channel2.jpg) no-repeat left top; display: block;background-size: cover;height:439px;background-position: 50% 50%;}
|
||||
.cover_cell{position: absolute;top: 120px;margin: 0 auto;color: #fff;width: 100%;text-align: center;}
|
||||
.cover_cell a{color:#fff;}
|
||||
.chtit{font-size:33px; margin-top: 20px;font-family: 나눔명조,Nanum Myeongjo,georgia,돋움; font-weight: normal;}
|
||||
.chtit a{color:#fff;}
|
||||
|
||||
.chtxt{font-size:13px; color:#04b9c2; padding-top: 10px;}
|
||||
.cover_profile{position: absolute; top:265px; margin:0 auto; width:100%; text-align: center;}
|
||||
.cover_profile img{border-radius: 88px}
|
||||
.cover_profile2{position: absolute; top:275px; margin:0 auto; width:100%; text-align: center;}
|
||||
.cover_profile2 img{border-radius: 65px}
|
||||
.cover_star{position:absolute; top:250px; right:50px;}
|
||||
.title_profile {
|
||||
width: 39px;
|
||||
height: 39px;
|
||||
margin-right: 12px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.title_profile img{border-radius: 39px}
|
||||
.titlewrap{ height: 40px;
|
||||
line-height: 40px;
|
||||
/* vertical-align: middle; */
|
||||
margin-top: 16px;}
|
||||
.cover_social{position: absolute; top:380px; margin:0 auto; width:100%; text-align: center;z-index: 9999;}
|
||||
.cover_social a{padding:0 5px;}
|
||||
.channel_boxs .channel_con{margin: 0 0.5%;width: 23.8%;border:1px solid #ececec; border-radius: 5px; background: #fff;-webkit-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
|
||||
-moz-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);float:left; display: block;margin-bottom: 35px;}
|
||||
.channel_boxs .channel_con:last-child{margin-right:0 !important;}
|
||||
.channel_boxs .channel_con img{border-radius: 5px 5px 0 0;}
|
||||
.chtitle{font-size:17px; padding:20px; line-height: 28px;}
|
||||
.chtitle a:hover{color:#2bbec6;}
|
||||
.chtitle2{font-size:22px; padding:20px; line-height: 30px;}
|
||||
.chtitle2 a{color:#383737;}
|
||||
.chtitle2 a:hover{color:#2bbec6;}
|
||||
.chtitle .c_name a{padding-left:15px; font-size:13px; color:#a5a5a5}
|
||||
.channel_boxs{ display: block;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
width: 100%; margin-bottom: 20px; }
|
||||
.channel_contents{background: #fbfcfd;overflow: hidden; width:100%; }
|
||||
.channel_contents .wrap{overflow: hidden;padding-top: 30px;width: 1300px; margin:0 auto;}
|
||||
.channel_contents2{background: #fbfcfd;overflow: hidden; width:100%; padding-top:25px;}
|
||||
.channel_contents2 .wrap{width:730px; margin:0 auto;overflow: hidden;}
|
||||
.channel_contents3{background: #fbfcfd;overflow: hidden; width:100%; }
|
||||
.channel_contents3 .channel_boxs .bk_con img{border-radius: 5px;}
|
||||
.channel_contents3 .wrap{width:750px; margin:0 auto;overflow: hidden;padding-top:30px;}
|
||||
.channel_contents4{background: #fbfcfd;overflow: hidden; width:100%;padding-top:30px;}
|
||||
.channel_contents4 .wrap{width:970px; margin:0 auto;overflow: hidden;}
|
||||
.channel_con a:hover{color:#2bbec6;}
|
||||
.channel_top{width: 100%;
|
||||
clear: both;
|
||||
padding-bottom: 15px;
|
||||
line-height: 50px;
|
||||
margin-bottom: 30px;
|
||||
font-size: 17px;
|
||||
overflow:hidden;
|
||||
display: block;}
|
||||
.channel_top .art_no{padding-left:300px;}
|
||||
.channel_top .art_bt{padding-right:300px;}
|
||||
.channel_bottom{
|
||||
margin-bottom: 30px;
|
||||
background: rgba(0, 0, 0, 0) url(/img/web/bg_row.gif) repeat-x scroll 50% 50%;
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 40px;
|
||||
overflow: hidden;
|
||||
/* padding: 40px 0; */
|
||||
position: relative;}
|
||||
.channel_bottom button{position: absolute;
|
||||
width: 9%;
|
||||
margin-left: 45.5%; height:40px;
|
||||
}
|
||||
.channel_bottom2{
|
||||
margin-bottom: 10px;
|
||||
background: rgba(0, 0, 0, 0) url(/img/web/bg_row.gif) repeat-x scroll 50% 50%;
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 40px;
|
||||
overflow: hidden;
|
||||
padding: 20px 0;
|
||||
position: relative;width:100%; }
|
||||
.channel_bottom2 button{ position: absolute;
|
||||
width: 14%;
|
||||
margin-left: 43%;
|
||||
height: 40px;
|
||||
}
|
||||
.channel_bottom3{
|
||||
margin-bottom: 10px;
|
||||
background: rgba(0, 0, 0, 0) url(/img/web/bg_row.gif) repeat-x scroll 50% 50%;
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 40px;
|
||||
overflow: hidden;
|
||||
|
||||
position: relative;width:100%; }
|
||||
.channel_bottom3 button{ position: absolute;
|
||||
width: 14%;
|
||||
margin-left: 43%;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
#life .channel_boxs .channel_con {
|
||||
margin: 0 1%;
|
||||
width: 31.4%;
|
||||
border: 1px solid #ececec;
|
||||
border-radius: 5px;
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
|
||||
-moz-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
|
||||
box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
|
||||
float: left;
|
||||
display: block;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.cover_top{position: absolute; top:0; left:0; width:100%;}
|
||||
.cover_top .channel_logo{position: absolute; left:30px; top:30px; z-index: 9999;}
|
||||
.channel_logo2{position: absolute; left:30px; top:13px; width:32px; float:left;}
|
||||
.channel_search{position: absolute; right:90px; top:27px; z-index: 9999;}
|
||||
.channel_menu{position: absolute; right:30px; top:30px; z-index: 9997;}
|
||||
.channel_search2{position: absolute; right:90px; top:11px;}
|
||||
.channel_menu2{position: absolute; right:30px; top:13px;}
|
||||
.channel_title{color:#dedede; font-size:17px; position: absolute; top:32px; left:100px; z-index:9999;}
|
||||
.channel_title a{color:#dedede; font-size:17px; }
|
||||
.channel_title2{color:#5a5a5a; font-size:17px; position: absolute; top:0; left:76px;}
|
||||
.channel_tit{font-size:19px; text-align: center; width:100%; margin-bottom: 30px;}
|
||||
.chdate{color:#cacaca; font-size:13px; padding-left:10px; padding-top: 5px;display: inline-block;}
|
||||
.channel_cont .channel_photo{float:left; margin-right: 20px;}
|
||||
.chname{font-size:13px; padding-left:10px; }
|
||||
.channel_cont .like{font-weight: bold;padding-left: 4px;}
|
||||
.chname a{color:#ccc; }
|
||||
.cheditor{padding-top:20px;}
|
||||
.cheditor a{font-size:16px;}
|
||||
.channel_cont{border-bottom:1px solid #ebeef3; overflow:hidden; display: block; padding: 20px 0;width:100%;}
|
||||
.channel_cont:first-child{padding-top:0 !important;}
|
||||
.channel_detail_box{ width:100%; overflow:hidden;display: block; margin:20px 0; line-height: 20px;}
|
||||
.channel_detail{width:50%;}
|
||||
.channel_profile {float:left; margin-right: 20px; padding-left: 1%; }
|
||||
.channel_profile img{border-radius: 50px;}
|
||||
.delivery{padding-right:20px;}
|
||||
.delivery_top{padding-top:15px;}
|
||||
.chinfo{font-size: 16px;}
|
||||
.channel_category{overflow:hidden; display: block; width:100%; margin-bottom: 30px;padding-bottom: 20px;}
|
||||
.channel_category a{font-size:17px; color:#a7a7a7;}
|
||||
.channel_category .current{color:#2bbec6;}
|
||||
.channel_category a:hover{color:#2bbec6;}
|
||||
.channel_category li{padding-right: 30px;float: left;padding-bottom: 10px;}
|
||||
.channel_category li:last-child{padding-right:0 !important;}
|
||||
|
||||
|
||||
|
||||
|
||||
.channel_boxs .bk_con{position: relative; width:173px; float:left; font-size:17px; margin-right:19px;}
|
||||
.channel_boxs .bk_con:last-child{margin-right:0 !important;}
|
||||
.channel_boxs .bk_con .chn_tit{text-align: center; position: absolute; top:70px; color:#fff; width:100%; line-height: 28px; z-index:2;}
|
||||
.channel_boxs .bk_con .chn_tit a{color:#fff;}
|
||||
.channel_boxs .bk_con .chn_bar img{ position: absolute;
|
||||
top: 145px;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
width: 15%;
|
||||
text-align: center;
|
||||
/* left: 15%; */
|
||||
z-index: 2;
|
||||
display: block;
|
||||
margin-left: 42.5%;}
|
||||
.channel_boxs .chn_reply{position: absolute;top:165px; margin:0 auto;width:100%; text-align: center; color:#fff; z-index:2;}
|
||||
.channel_boxs .shadow { border-radius: 5px;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
background-color: #000;
|
||||
opacity: 0.3;
|
||||
}
|
||||
.c_title{font-size:20px; padding-bottom:10px;color:#2bbec6;}
|
||||
.checkno{color:#a5a5a5; font-size:12px; padding-top: 3px;}
|
||||
.srch2{ position: absolute;
|
||||
top: 20px;
|
||||
right: 85px; z-index: 999;
|
||||
background: #fff; border-radius: 40px;}
|
||||
.srch2 span {
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
overflow: hidden;
|
||||
padding: 0 0 0 10px;
|
||||
vertical-align: middle;
|
||||
width: 494px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
.srch2 img {
|
||||
float: right;
|
||||
padding: 6px 20px 0;
|
||||
}
|
||||
.srch2 span input {
|
||||
border: 0 none;
|
||||
float: left;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
width: 420px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.srch3{ position: absolute;
|
||||
top: 8px;
|
||||
right: 85px;
|
||||
z-index: 999;
|
||||
background: #fff;
|
||||
border-radius: 20px;
|
||||
border: 1px solid #2bbec6;
|
||||
height: 30px;}
|
||||
.srch3 span {
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
overflow: hidden;
|
||||
padding: 0 0 0 10px;
|
||||
|
||||
width: 465px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.srch3 img {
|
||||
float: right;
|
||||
padding: 3px 15px 0 0;
|
||||
|
||||
}
|
||||
.srch3 span input {
|
||||
border: 0 none;
|
||||
float: left;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
width: 420px;
|
||||
font-size: 14px;
|
||||
}
|
||||
677
public/renew/css/web/common.css
Executable file
677
public/renew/css/web/common.css
Executable file
@@ -0,0 +1,677 @@
|
||||
@charset "utf-8";
|
||||
|
||||
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
|
||||
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
|
||||
|
||||
|
||||
|
||||
body{-webkit-text-size-adjust:none;}
|
||||
* {margin:0; padding:0;}
|
||||
/* reset css ---------------------------------- */
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
|
||||
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
|
||||
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
|
||||
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
|
||||
|
||||
/* 제목요소 */
|
||||
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}
|
||||
|
||||
/* 테두리 없애기 */
|
||||
fieldset, img, abbr,acronym {border: 0;}
|
||||
|
||||
/* 목록설정 */
|
||||
ul, ul.li, ol, ol.li { list-style-type: none;}
|
||||
|
||||
/* 이미지설정 */
|
||||
img {border: 0; vertical-align: top;}
|
||||
|
||||
/* 테이블 - 마크업에 'cellspacing="0"' 지정 */
|
||||
table {border-collapse: collapse; border-spacing: 0; border: 0;}
|
||||
th, td {vertical-align: middle;}
|
||||
|
||||
|
||||
/* 텍스트 관련 요소 초기화 */
|
||||
address, caption, em, cite {font-weight: normal; font-style: normal;}
|
||||
ins {text-decoration: none;}
|
||||
del {text-decoration: line-through;}
|
||||
textarea {font-size:12px;}
|
||||
checked{color:#2bbec6;}
|
||||
|
||||
/* 기초설정*/
|
||||
html, body {font-size:14px;font-family:'나눔고딕','Nanum Gothic',"Apple SD Gothic Neo","AppleGothic","돋움", Dotum,"굴림", Gulim, Sans-serif; font-weight: 500; color:#4e4e4e; letter-spacing: -0.5px;}
|
||||
|
||||
html {overflow-y:scroll; min-height:100%;}/*세로스크롤*/
|
||||
|
||||
/* 링크설정 */
|
||||
a,a:active {
|
||||
color: #4e4e4e;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #9e9e9e;
|
||||
}
|
||||
|
||||
table a:visited { color: #888; }
|
||||
|
||||
.clear {clear: both; }
|
||||
|
||||
form { margin: 0; }
|
||||
fieldset { border: 0; margin: 0; padding: 0; }
|
||||
label { cursor: pointer; }
|
||||
|
||||
.block:after,.clearfix:after,.group:after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear:both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
body { padding-bottom: 85px; }
|
||||
html { position: relative; }
|
||||
|
||||
/* common */
|
||||
.fr{float:right;}
|
||||
.fl{float:left;}
|
||||
.beachblue{color:#2bbec6;}
|
||||
.beachblue a{color:#2bbec6;}
|
||||
.red{color:#fc5252;}
|
||||
.red a{color:#fc5252;color:#fc5252;}
|
||||
.red a:hover{color:#fc5252;color:#fc5252;opacity: 0.8}
|
||||
.grey{color:#969696;}
|
||||
.blue{color:#227cc1;}
|
||||
.ft14{font-size:14px;}
|
||||
.ft16{font-size:16px;}
|
||||
.ft18{font-size:18px;}
|
||||
.ft20{font-size:20px;}
|
||||
.ft24{font-size:24px;}
|
||||
.ft22{font-size:22px;}
|
||||
.pd10{padding:10px 0;}
|
||||
.pd20{padding:20px 0;}
|
||||
.pd30{padding:30px 0;}
|
||||
.pdb20{padding-bottom: 20px;}
|
||||
.pdl25{padding-left: 25px !important;}
|
||||
|
||||
.bgb{border-bottom:1px solid #bfbfbf;}
|
||||
.bgb2{border-bottom:2px solid #bfbfbf;}
|
||||
.bgb3{border-bottom:1px solid #eaeaea}
|
||||
.bgb3{border-bottom:1px solid #e6e6e6;}
|
||||
.bgb4{border-bottom:2px solid #888888;}
|
||||
.bgt{border-top:1px solid #bfbfbf;}
|
||||
|
||||
.trc{text-align: center;}
|
||||
|
||||
|
||||
/* btns */
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 5px 15px;
|
||||
margin-bottom: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.42857143;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-image: none;
|
||||
border: 1px solid transparent;
|
||||
|
||||
}
|
||||
.btn-success{color:#fff; background-color:#2bbec6; }
|
||||
.btn-default{color: #959595;background-color: #fff;border-color: #ccc;}
|
||||
.btn-default:hover{color:#2bbec6 !important; background-color:#fff;border-color: #2bbec6 !important;}
|
||||
.btn-default a:hover{color:#2bbec6 !important;}
|
||||
.btn-default_bb{color: #2bbec6;background-color: #fff;border-color: #2bbec6;}
|
||||
.btn-default_bb:hover{color:#2bbec6; background-color:#fff;border-color: #2bbec6; }
|
||||
#mypage .btn-default_bb{color: #2bbec6;background-color: #fff;border-color: #2bbec6;}
|
||||
.br5{border-radius: 5px;}
|
||||
.br15{border-radius: 15px;}
|
||||
.br20{border-radius: 20px;}
|
||||
|
||||
.mask {
|
||||
background: rgba(0, 0, 0, 0) url("/img/web/mask_bg.png") repeat scroll 0 0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 9999;}
|
||||
|
||||
|
||||
.mask1 {
|
||||
background: rgba(0, 0, 0, 0) url("/img/web/mask_bg.png") repeat scroll 0 0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 9999;}
|
||||
|
||||
|
||||
/* popup*/
|
||||
|
||||
.popup_wrap{ left: 50%; line-height: 25px; margin-left: -222px; position: fixed; top: 190px;color:#707070;z-index: 99999; background: transparent;}
|
||||
.popup_wrap2{ left: 50%; line-height: 25px; margin-left: -455px; position: fixed; top: 190px;color:#707070;z-index: 99999; background: transparent;}
|
||||
.popuptop{background: #44cbd2; height: 65px; line-height: 65px; border-radius: 7px 7px 0 0; position: relative; }
|
||||
.popuptop2{background: #fff; height: 75px; line-height: 75px; border-radius: 7px 7px 0 0; position: relative; }
|
||||
.popuptop2 .logo {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
left: 40px;font-size:15px;
|
||||
}
|
||||
.popuptop2 .tt{ color:#8c8c8c;position: absolute;
|
||||
right: 40px;
|
||||
top: 5px;}
|
||||
.popuptop .btn-close{position: absolute; top:22px;right:20px;}
|
||||
.popuptop .p_title{color:#fff; font-size: 20px; font-weight: normal;}
|
||||
.popupbody{background: #fff; border-radius: 0 0 7px 7px;position:relative; padding:0 40px; overflow:hidden;}
|
||||
.popupbody2{ background: #fff;border-radius: 0 0 7px 7px;position: relative;display: block;}
|
||||
.popupbody img{vertical-align: middle;}
|
||||
.popupbody .body_table{background: #f4f4f4; color:#4f4f4f; width:100%;}
|
||||
.popupbody .body_table .bt_tit{text-align:right; color:#838383;}
|
||||
.popupbody .body_table td{width:50%; font-size:16px; font-size: 16px;}
|
||||
.popupbody .body_table .bt_txt{text-align:left; padding-left:10px;}
|
||||
.btn_popup{clear:both;}
|
||||
.btn_popup span{padding:10px 40px; margin:0 5px;}
|
||||
.popupbody .mobile{margin:10px 0 20px; width:100%; background: #f9f9f9; height:45px; line-height: 45px;}
|
||||
.popupbody .mobile li{float:left; width:33.33%; text-align: center}
|
||||
.popupbody .mobile li a{ color:#606060; font-size:24px;}
|
||||
.popupbody .mobile li:hover{background: #44cbd2 !important; color:#fff; height:45px;}
|
||||
.popupbody .mobile .current{background: #44cbd2 !important; color:#fff; height:45px;}
|
||||
.popup_wrap .delete_confirm {margin:0 10px;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid #ccc;
|
||||
display: inline-block;
|
||||
height:60px;
|
||||
line-height: 60px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
width: 97%;
|
||||
border-radius: 5px;
|
||||
padding-left: 2%;
|
||||
font-size: 14px;
|
||||
}
|
||||
.popup_wrap .txt_psw{ height: 32px;
|
||||
top: 18px;
|
||||
left: 10px;
|
||||
padding: 0 20px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.popup_wrap .info{font-size:13px; color:#a7a7a7; padding: 10px 0 20px;}
|
||||
.popup_wrap .notice2 {overflow:hidden; text-align: left; color:#a7a7a7; line-height: 30px;}
|
||||
.popup_wrap .notice2 dt {
|
||||
color: #333;
|
||||
float: left;
|
||||
width: 20%;
|
||||
}
|
||||
.popup_wrap .notice2 dd {
|
||||
width: 80%;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.popup_wrap .notice_list{overflow:hidden; padding-bottom:30px;padding-left:30px; line-height: 40px;}
|
||||
.popup_wrap .notice_list dt {
|
||||
color: #333;
|
||||
float: left;
|
||||
width: 80%;
|
||||
text-align:left;
|
||||
}
|
||||
.popup_wrap .notice_list dd {
|
||||
width: 20%;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.popup_wrap .notice_list table{width:100%;}
|
||||
.form_info{ font-size: 12px;
|
||||
color: #868686;
|
||||
padding-left: 16px;
|
||||
|
||||
padding-top: 5px;}
|
||||
.addr_category{width:20%;border-right: 1px solid #e9eaec; position:absolute; left:0; bottom:0; top:0;}
|
||||
.addr_category .recent{width:90%;float:left;padding:10% 0 0 10%;}
|
||||
.addr_toitem {position:absolute; left:60%; bottom:0; top:0; width:40%;}
|
||||
.addr_box{width:100%; border-bottom:1px solid #e9eaec; position:relative; height: 420px;}
|
||||
.addr_name {width:40%;border-right:1px solid #e9eaec; position:absolute; left:20%; bottom:0; top:0;}
|
||||
.addr_name .scr_area{padding:0 20px 20px 20px; border-bottom: 1px solid #e9eaec;}
|
||||
.addr_name .scr_area .memo{ border: 1px solid #ccc;display: inline-block;height: 32px;
|
||||
line-height: 32px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
width: 70%;
|
||||
border-radius: 5px;
|
||||
padding-left: 10px;}
|
||||
.addr_name .scr_area .memo input {
|
||||
border: 0 none;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.addr_name .scr_name{padding:20px 20px 20px 20px;}
|
||||
.addr_toitem .addr_list_cont {
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
bottom: 42px;
|
||||
right: 0;
|
||||
left: 50px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #adadad ;
|
||||
width: 250px;
|
||||
height: 315px; float:right; border-radius: 5px;
|
||||
}
|
||||
.addr_list_cont {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;}
|
||||
.btn_ctrl{width:50px; float: left;
|
||||
text-align: center; margin:0 auto; padding:45% 0 0 0;}
|
||||
.btn_ctrl span{margin-bottom:10px; display: inline-block;}
|
||||
.page_ctrl{ border-top: 1px solid #f1f1f1;
|
||||
text-align: right;
|
||||
padding: 9px 10px 0 0;
|
||||
height: 33px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;}
|
||||
.addr_toitem h3{ padding:20px 0 0 20px;}
|
||||
.popup_policy{padding-top:20px;}
|
||||
.popup_policy h3{font-size:16px; padding-bottom:10px;}
|
||||
.popup_policy textarea{margin-bottom:10px; width:90%; border:1px solid #adadad; border-radius: 5px; padding:5%;}
|
||||
|
||||
.popup_policy2 h3{font-size:16px; padding-bottom:10px;line-height: 30px;}
|
||||
.popup_policy2 textarea{margin-bottom:10px; width:90%; border:1px solid #adadad; border-radius: 5px; padding:5%;color: #868686;}
|
||||
.popupimg{position:relative;}
|
||||
|
||||
.popupimg .popuptxt{ position: absolute;
|
||||
left: 65px;
|
||||
top: 260px;
|
||||
text-align: left;}
|
||||
.popupinfo{color:#838383; font-size: 13px; margin-bottom: 40px;}
|
||||
.done{color:#000;}
|
||||
.b_bottom{margin:20px 0 30px 0; text-align:center;}
|
||||
.b_bottom a:hover{color:#2bbec6;}
|
||||
.b_login{ text-decoration: underline;padding-left:20px;}
|
||||
|
||||
.b_login a{color:#2bbec6;}
|
||||
/*.m_email{padding: 15px 40px;font-size: 16px; width: 100%; background:#04b9c2; color:#fff;}
|
||||
.m_facebook{padding: 15px 40px;font-size: 16px; width: 100%; background:#4267b2; color:#fff}
|
||||
.m_tweeter{padding: 15px 40px;font-size: 16px; width: 100%; background:#1894ec; color:#fff}
|
||||
.m_kakao{padding: 15px 40px;font-size: 16px; width: 100%; background:#f9e000; color:#fff}
|
||||
.m_naver{padding: 15px 40px;font-size: 16px; width: 100%; background:#42b72a; color:#fff}*/
|
||||
|
||||
.m_email{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#04b9c2; color:#fff;}
|
||||
.m_email:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../../img/web/CM-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
|
||||
.m_facebook{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#4267b2; color:#fff}
|
||||
.m_facebook:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../../img/web/F-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
|
||||
.m_tweeter{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#1894ec; color:#fff}
|
||||
.m_tweeter:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../../img/web/T-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
|
||||
.m_kakao{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#f9e000; color:#fff}
|
||||
.m_kakao:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../../img/web/K-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
|
||||
.m_naver{padding: 0 0 0 70px; overflow: hidden; font-size: 16px; line-height: 50px; position: relative; width: 100%; text-align: left; background:#42b72a; color:#fff}
|
||||
.m_naver:before { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 50px; border-right: 1px solid rgba(255,255,255,0.3); content: ""; background-image: url(../../img/web/N-icon.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; }
|
||||
|
||||
.b_login .input_box {
|
||||
background: #fff;
|
||||
/* position: relative; */
|
||||
width: 100%;
|
||||
border: 1px solid #e3e7ee;
|
||||
/* border-right: 0; */ margin:10px 0;
|
||||
}
|
||||
.p_login .chk_id_login{font-size:14px; padding-top: 5px!important}
|
||||
.chk_id_login a:hover{color:#2bbec6;}
|
||||
.p_login .input_box {
|
||||
background: #fff;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
border: 1px solid #e3e7ee;
|
||||
margin-bottom:10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.p_login .int {
|
||||
padding: 1% 5%;
|
||||
width: 90%;
|
||||
height: 35px;
|
||||
border: 0;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
line-height: 26px; border-radius: 5px;
|
||||
}
|
||||
.canceljoin{padding:10px 50px; font-size:16px; width:48%; margin-right:5px; background:#b8b8b8;color:#fff;}
|
||||
.next{padding:10px 50px; font-size:16px; width:48%; margin-left:5px; background:#04b9c2;color:#fff;}
|
||||
|
||||
.info_forms label {
|
||||
font-size: 16px;color:#2bbec6;
|
||||
margin: 20px 0 10px 0;
|
||||
display: block;}
|
||||
.info_forms input {
|
||||
border: 1px solid #ccc;
|
||||
display: inline-block;
|
||||
height:40px;
|
||||
line-height: 40px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
|
||||
border-radius: 5px;
|
||||
padding-left: 2%;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.info_forms .slct {
|
||||
background: #fff url(/img/web/img_select.gif) no-repeat 90% 50%;
|
||||
overflow: hidden;
|
||||
width: 112px;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.info_forms .slct select {
|
||||
-moz-appearance: none;
|
||||
background: transparent none repeat scroll 0 0;
|
||||
border: medium none;
|
||||
color: #757575;
|
||||
font-size: 14px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding-left: 10px;
|
||||
width: 170px;
|
||||
}
|
||||
.info_forms .slct:last-child{margin-right:0 !important;}
|
||||
.info_forms .form-group{display: block;overflow: hidden;}
|
||||
.mybutton_on{background: url(/img/web/img_confirm_on.gif) no-repeat 96% 50%;}
|
||||
.mybutton_off{background: url(/img/web/img_confirm_off.gif) no-repeat 96% 50%;}
|
||||
.mybutton_on2{background: url(/img/web/img_confirm_on.gif) no-repeat 0 32%;}
|
||||
.mybutton_off2{background: url(/img/web/img_confirm_off.gif) no-repeat 0 32%;}
|
||||
.security{margin:20px 0;}
|
||||
.agree_list {font-size:14px;width:100%; padding-bottom: 20px;}
|
||||
.agree_list div{height:30px; line-height: 30px;}
|
||||
|
||||
|
||||
.viewall{text-decoration: underline;}
|
||||
.popupbody .calander {
|
||||
float:left;
|
||||
padding: 13px;
|
||||
|
||||
background: #fff;
|
||||
|
||||
width: 250px;
|
||||
|
||||
}
|
||||
.popupbody .calander table{margin-top:20px;overflow:hidden;display: inline-block;}
|
||||
.popupbody .calander:last-child{padding-right:0 !important; overflow:hidden;display: block;}
|
||||
.popupbody .calander td{width:34px; text-align: center; line-height: 37px;}
|
||||
.popupbody .calander th{width:34px;text-align: center;line-height: 37px;}
|
||||
.popupbody .calander .month{height: 30px; line-height: 30px; text-align: center; font-size: 18px; color:#000;}
|
||||
.popupbody .calander thead{background: #f7f7f7; color:#949494;}
|
||||
.popupbody .sunday a{color:#f24157 !important;}
|
||||
.popupbody .today{background:url(/img/web/img_today.gif) no-repeat 50% 50%; }
|
||||
.popupbody .today a{color:#fff !important;}
|
||||
.popupbody .calander a:hover{color:#04b9c2;}
|
||||
.popupbody .calander_box{overflow:hidden; display: block;}
|
||||
.popupbody .calander span{float:left; margin-right:7px;}
|
||||
.popupbody .calander_tit{padding-bottom:10px; color:#000;}
|
||||
.church{color:#767676;}
|
||||
.info_header{width:100%; margin:0 auto; text-align: center;position: relative;}
|
||||
|
||||
.info_header .camera{position: absolute;
|
||||
top: 40px;
|
||||
left: 200px;}
|
||||
.radio_on{background: url(/img/web/radio_on.gif) no-repeat 0 center; width:16px; display: inline-block;}
|
||||
.radio_on a{padding-left:20px;}
|
||||
.radio_on a:hover{color:#4e4e4e;}
|
||||
.radio_off{background: url(/img/web/radio_off.gif) no-repeat 0 center; width:16px; display: inline-block;}
|
||||
.radio_off a{padding-left:20px;}
|
||||
.radio_off a:hover{color:#4e4e4e;}
|
||||
.check_on{background: url(/img/web/check_on.gif) no-repeat 0 center; width:16px; display: inline-block;}
|
||||
.check_on a{padding-left:24px;}
|
||||
.check_on a:hover{color:#4e4e4e;}
|
||||
.check_off{background: url(/img/web/check_off.gif) no-repeat 0 center; width:16px; display: inline-block;}
|
||||
.check_off a{padding-left:24px;}
|
||||
.check_off:hover{color:#4e4e4e;}
|
||||
|
||||
.agree_off{ background: url(/img/web/agree_off.gif) no-repeat 0 center;
|
||||
width: 30px; text-indent: -9999999px;
|
||||
display: inline-block;}
|
||||
.agree_on{ background: url(/img/web/agree_on.gif) no-repeat 0 center;
|
||||
width: 30px; text-indent: -9999999px;
|
||||
display: inline-block;}
|
||||
.pw_info{ background: url(/img/web/pw_info.gif) no-repeat right 50%;}
|
||||
.pw_table{background:#fafafa; padding:20px 40px;}
|
||||
.pw_table dt{width:140px;float: left;color:#888888; padding: 5px 0;
|
||||
}
|
||||
.pw_table dd{color:#606060; padding:5px 0;}
|
||||
|
||||
|
||||
@media screen and (max-width:1340px) {
|
||||
.channel_header, .channel_contents, .channel_contents3, .channel_contents4, .footer{width: 100% !important;}
|
||||
.foot_link { position: absolute; top: 36px; right: 140px; overflow: hidden; }
|
||||
}
|
||||
@media screen and (max-width:1100px) {
|
||||
#news .top, #news .header, #news .contents, #news .footer{width: 1060px !important;padding:0 20px;}
|
||||
|
||||
}
|
||||
|
||||
.popup_policy2 .checks {position:relative; float:left;}
|
||||
.popup_policy2 .checks input[type="checkbox"] {position:absolute; top:0; left:-9999px;}
|
||||
.popup_policy2 .checks label {float:left; background:url('/img/web/b_agree_off.gif') no-repeat; height:30px;width:30px}
|
||||
.popup_policy2 .checks input[type="checkbox"]:checked + label {background:url('/img/web/b_agree_on.gif') no-repeat; }
|
||||
|
||||
/*.profile_header .photo{float:left; padding:13px 0 0 75px;}*/
|
||||
/*.profile_header .photo img{border-radius: 75px;}*/
|
||||
|
||||
|
||||
.profile_add_photo { margin:auto; width:77px; height:77px; }
|
||||
.profile_add_photo input[type="file"] { position:absolute; top:0; left:-9999px;}
|
||||
.profile_add_photo label {display:block; width:77px; height:77px; background:url('/img/web/img_photo.png') no-repeat center; background-size:77px; border-radius: 75px;}
|
||||
|
||||
|
||||
.delivery_info3{ position: absolute;
|
||||
right: 100px;
|
||||
background: #f5f6f6;
|
||||
border: 1px solid #ebebeb;
|
||||
width: 500px;
|
||||
z-index: 9999;line-height: 26px;
|
||||
top: 50px; padding:15px;}
|
||||
.delivery_info3 .d_info_tit{color:#000; font-size:16px; padding-bottom: 5px;}
|
||||
.delivery_info3 .d_info_txt{font-size:13px;}
|
||||
|
||||
|
||||
|
||||
|
||||
.pop_cont_title_d img{padding-top:3px; padding-right:5px;}
|
||||
.popup_wrap2_d {
|
||||
left: 50%;
|
||||
line-height: 25px;
|
||||
margin-left: -405px;
|
||||
position: absolute;
|
||||
top: 190px;
|
||||
color: #707070;
|
||||
z-index: 99999;
|
||||
background: #transparent;
|
||||
}
|
||||
.popuptop3_d {
|
||||
background: #44cbd2;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
.popuptop3_d .p_title2 {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
padding-left:40px;
|
||||
}
|
||||
.popuptop3_d .p_title2 a{
|
||||
color: #fff;padding:0 5px; font-size:14px;
|
||||
}
|
||||
.popuptop3_d .p_title2 a:hover{font-weight: bold;}
|
||||
.popuptop3_d .p_title2 .current{font-weight: bold;}
|
||||
|
||||
.popupbody3_d {
|
||||
background: #fff;
|
||||
|
||||
position: relative;
|
||||
padding: 0 40px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.popuptop3_d .btn-tit {position:absolute; right:110px; top:1px; color:#fff;}
|
||||
.popuptop3_d .btn-info {position:absolute; right:60px; top:10px;}
|
||||
.popuptop3_d .btn-close {position:absolute; right:25px; top:14px;}
|
||||
.pop_box_d {background: #f5f6f6; border: 1px solid #ededed; padding:3px 10px; position: absolute; bottom:10px; right:0;}
|
||||
.pop_box_d a{color:#787878; font-size:13px;}
|
||||
.popup_date_d {font-size:13px; color:#999999;}
|
||||
.pop_cont_like_d{background: #04b9c2; color:#fff; padding:0 3px;}
|
||||
.popupbody3_d .pop_tit{border-bottom: 1px solid #ebeef3; padding:30px 0 10px; color:#000; font-size:15px; position: relative;}
|
||||
.pop_cont_box_d {border-bottom:1px solid #ebeef3; padding:20px 0;overflow: hidden; }
|
||||
.pop_cont_img_d {width:10%; float:left; }
|
||||
.pop_cont_img_d img{border-radius: 50px; margin-top:10px;}
|
||||
.pop_cont_img2_d {float:left; }
|
||||
.pop_cont_img2_d img{ margin-top:10px; padding-bottom:10px;}
|
||||
.pop_cont_txt_box_d {width:80%; float:left; padding-top:10px;}
|
||||
.pop_cont_txt_box_d .t_black a{color:#000; font-size: 15px;}
|
||||
.pop_cont_txt_box_d .t_black a:hover{color:#2bbec6;}
|
||||
.pop_cont_info_d {width:10%; float:right;}
|
||||
.info_popup_d {position:absolute; right:60px;background: #f5f6f6;
|
||||
border: 1px solid #ededed;
|
||||
padding: 3px 10px;}
|
||||
.info_popup_d a{font-size: 13px;}
|
||||
.info_popup2_d{position:absolute; right:20px;background: #fff;
|
||||
border: 1px solid #ededed;
|
||||
padding: 3px 10px;}
|
||||
.info_popup2_d a{font-size: 13px;}
|
||||
.pop_cont_title_d a:hover{color:#2bbec6;}
|
||||
.pop_cont_like_d {background: #04b9c2; color:#fff; padding:0 3px;}
|
||||
.pop_replay_more_d a{font-size:12px; color:#8e8e8e;}
|
||||
|
||||
.r_base_d {
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
.icons_d {
|
||||
float: right !important;
|
||||
}
|
||||
.icons_d span {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.icons_d img {
|
||||
padding-right: 7px;
|
||||
}
|
||||
|
||||
.thumbup_d {
|
||||
color: #e64c3d;
|
||||
}
|
||||
.thumbdown_d {
|
||||
color: #3c92ca;
|
||||
}
|
||||
|
||||
.reply_box2_d { clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 20px; margin-top:20px; display:block;}
|
||||
.reply_box2_d .box_wrap{overflow:hidden;display: block; border-bottom: 1px solid #e0e1e1; padding-bottom:20px; margin-bottom:20px;}
|
||||
.reply_box2_d .box_wrap li{float:left;}
|
||||
.reply_box2_d .box_wrap2{overflow:hidden;display: block; margin-bottom:20px;}
|
||||
.reply_box2_d .box_wrap2 li{float:left;}
|
||||
.reply_box2_d .box_wrap .r_text li{float:left; padding-right:10px;}{ clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 20px; margin-top:20px; display:block;}
|
||||
.reply_box2_d .box_wrap{overflow:hidden;display: block; border-bottom: 1px solid #e0e1e1; padding-bottom:20px; margin-bottom:20px;}
|
||||
.reply_box2_d .box_wrap li{float:left;}
|
||||
.reply_box2_d .box_wrap2{overflow:hidden;display: block; margin-bottom:20px;}
|
||||
.reply_box2_d .box_wrap2 li{float:left;}
|
||||
.reply_box2_d .box_wrap .r_text li{float:left; padding-right:10px;}
|
||||
.img_reply_d {width:20px;}
|
||||
|
||||
.r_info_d { color: #999999; }
|
||||
.r_date_d { font-size: 12px; }
|
||||
.r_info_d span { padding-right: 10px; }
|
||||
.r_info_d a { color: #999; }
|
||||
|
||||
.reply_box2_d .box_wrap .info_popup2_d li {float:none;}
|
||||
|
||||
.reply_box_d {
|
||||
border: 1px solid #c5c5c5;
|
||||
margin-top: 10px;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
}
|
||||
.reply_social_d {padding:20px 20px 0 20px;}
|
||||
.reply_write_d {
|
||||
color: #999999;
|
||||
line-height: 23px;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.reply_write_d textarea{ z-index: auto;
|
||||
position: relative;
|
||||
line-height: 20px;
|
||||
font-size: 13px;
|
||||
padding: 10px;
|
||||
border: none;}
|
||||
|
||||
.reply_regist_d {
|
||||
border-top: 1px solid #e8e9ea;
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
}
|
||||
.reply_no_d{color:#bcbcbc; padding-left:20px;}
|
||||
.reply_btn_d{background: #04b9c2; width:87px; height: 47px; color:#fff; float:right; text-align: center; line-height: 47px;}
|
||||
.reply_btn_d a{color:#fff;}
|
||||
.reply_btn_d a:hover{color:#fff;}
|
||||
.reply_close_d {
|
||||
width: 90px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
border: 1px solid #c7c7c7;
|
||||
text-align: center;
|
||||
margin: 20px auto;
|
||||
}
|
||||
.reply_close_d img {
|
||||
padding-top: 12px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.reply_social_d {padding:20px 20px 0 20px;}
|
||||
.reply_social_d span {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.reply_sort_d {
|
||||
|
||||
|
||||
padding-top:10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.reply_sort_d span {
|
||||
padding-right: 10px;
|
||||
}
|
||||
.reply_sort_d a{font-size: 14px;}
|
||||
.reply_sort_d .current {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footer { position: absolute !important; bottom: 0; left: 0; width: 100%; }
|
||||
|
||||
|
||||
.foot_link { position: absolute; top: 36px; right: 160px; overflow: hidden; }
|
||||
.foot_link li { float: left; font-size: 12px; }
|
||||
.foot_link li:after { content: "|"; color: #ddd; padding: 0 10px; }
|
||||
.foot_link li:first-child { content: ""; padding: 0; }
|
||||
.foot_link li a { color: #333; }
|
||||
|
||||
.pop_todaynone { padding: 10px; color: #fff;; font-size: 12px; background: #333; }
|
||||
.pop_todaynone input { vertical-align: text-top; }
|
||||
281
public/renew/css/web/life.css
Executable file
281
public/renew/css/web/life.css
Executable file
@@ -0,0 +1,281 @@
|
||||
.life_left{width:760px; margin-right:28px; float:left; overflow:hidden; position: relative;display: block;}
|
||||
.life_right{width:270px; float:left;}
|
||||
.life_click{font-size:13px;color:#a5a5a5; margin: 30px 0 20px;}
|
||||
.life_click span{padding-right:10px;}
|
||||
.life_info a{ font-size: 13px; color:#a5a5a5; padding:10px 0;width:100%; display: block;}
|
||||
.life_title a{font-size:15px; width:100%; display: block;margin-bottom: 10px;}
|
||||
.life_title a:hover{color:#04b9c2;}
|
||||
.life_box{ margin-bottom:20px; clear:both;}
|
||||
.life_box2{ margin-bottom:20px; clear:both;}
|
||||
.life_box3{ margin-bottom:20px; clear:both;}
|
||||
.item_story{clear:both; overflow: hidden; display: block;border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea;}
|
||||
.list_story{width:245px; float:left;border-right: 1px solid #eaeaea; }
|
||||
.list_story li:first-child{padding-top:20px;}
|
||||
.list_story2{width:265px; float:left;border-right: 1px solid #eaeaea; }
|
||||
.list_story2 li:first-child{padding-top:20px;}
|
||||
.list_story3{width:245px; float:left;}
|
||||
.list_story3 li:first-child{padding-top:20px;}
|
||||
.life_box{float:left; width:245px; border-bottom: 1px solid #eaeaea; }
|
||||
.life_box2{float:left; width:225px; border-bottom: 1px solid #eaeaea;padding-left: 20px;}
|
||||
.life_box3{border-bottom: 1px solid #eaeaea;
|
||||
float: left;
|
||||
padding-left: 20px;
|
||||
width: 245px;}
|
||||
.btn_life{clear:both; width:95%;margin: 40px 0; height:40px; line-height:40px; position: relative;}
|
||||
.btn_life img{vertical-align: middle;}
|
||||
.life_date{ font-size: 21px;font-weight: bold; margin-right: 20px;color: #000;}
|
||||
.life_story{font-weight: bold; color:#adadad;font-size: 21px;margin-right: 10px;}
|
||||
.life_click li{float:left; padding-left:10px;}
|
||||
.life_click li a{color:#6f6f6f; font-size:15px;}
|
||||
.life_click li a:hover{color:#2bbec6;}
|
||||
.life_click .current{color:#383737;}
|
||||
.life_story_cont{position:relative;}
|
||||
.life_click2{font-size:13px;color:#a5a5a5; margin-top:20px;}
|
||||
.life_click2 span{padding-right:10px;}
|
||||
.life_click2 li{float:left; padding-left:10px;}
|
||||
.life_click2 li a{color:#6f6f6f; font-size:15px;}
|
||||
.life_click2 li a:hover{color:#2bbec6;}
|
||||
.life_click2 .current{color:#383737;}
|
||||
.life_header{ height: 50px;line-height: 50px;width: 100%;display: block; }
|
||||
.life_header img{padding-top:16px;}
|
||||
.lifestory{background: #f8f8f8; width:270px; border:1px solid #e5e5e5; }
|
||||
.lifestory_list{clear:both; width:100%;}
|
||||
.lifestory_list li {padding:10px;overflow: hidden; display: block; border-bottom:1px solid #e6e6e6;}
|
||||
.lifestory_list li img{border-radius: 71px; width:71px; height: 71px; border:2px solid #f8f8f8;float:left; margin-right:15px;}
|
||||
.lifestory_list li:hover{ background:#04b9c2;color:#fff !important; }
|
||||
.lifestory_list li:hover a{color:#fff;}
|
||||
.lifestory_list .life_cate a{color:#04b9c2;}
|
||||
.lifestory_list li a:hover{ color:#fff;}
|
||||
.lifestory_list li img:hover{border:2px solid #fff;}
|
||||
.lifestory_list .current{ background:#04b9c2; color:#fff;}
|
||||
.lifestory_list .current a{color:#fff;}
|
||||
.life_cate{padding:5px 0;}
|
||||
.life_cate a{ font-size:15px;}
|
||||
.lifestory_title{font-size: 15px; padding:20px 15px 10px 15px;}
|
||||
.life_tab{border: 1px solid #e5e5e5; width:90%; margin:5px auto; overflow:hidden;height: 30px; line-height: 30px;}
|
||||
.life_tab li{float:left; width:50%; text-align: center;background: #fff;}
|
||||
.life_tab li:hover{background:#04b9c2; color:#fff;}
|
||||
.life_tab li:hover a{color:#fff;}
|
||||
.life_tab .current{background:#04b9c2; color:#fff;}
|
||||
.life_tab .current a{ color:#fff;}
|
||||
.life_tab a{color:#b1b1b1; font-size: 15px;}
|
||||
.lifestory .pagenumber a.current { background: #fff;}
|
||||
.life_right .banner{background: #f5f6f6; width:270px; padding:10px 0; margin-top: 20px; text-align: center;}
|
||||
.life_left .life_header .calander{background: #fff none repeat scroll 0 0;
|
||||
border: 1px solid #eaeaeb;
|
||||
left: 222px;
|
||||
padding: 10px;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
width: 220px;
|
||||
z-index: 999;}
|
||||
.life_left .life_header .calander td{width:37px; text-align: center; line-height: 37px;}
|
||||
.life_left .life_header .calander th{width:37px;text-align: center;line-height: 37px;}
|
||||
.calander .month{height: 30px; line-height: 30px; text-align: center; font-size: 18px; color:#000;}
|
||||
.calander thead{background: #f7f7f7; color:#949494;}
|
||||
.sunday a{color:#f24157 !important;}
|
||||
.today{background:url(/img/web/img_today.png) no-repeat 50% 50%; }
|
||||
.today a{color:#fff !important;}
|
||||
.calander a:hover{color:#04b9c2;}
|
||||
.c_on{background-color: #cff1f4;}
|
||||
.life_contents{width:730px;margin:0 auto; padding:0 20px;}
|
||||
.life_contents .view_img {
|
||||
text-align: center;
|
||||
}
|
||||
.life_contents .img_desc {
|
||||
float: left !important;
|
||||
padding-top: 10px;
|
||||
color: #999;}
|
||||
.life_contents .view_article {
|
||||
clear: both;
|
||||
padding-top: 40px;
|
||||
font-size: 17px;
|
||||
line-height: 28px;
|
||||
}
|
||||
.life_contents iframe[src*="youtube"] {
|
||||
margin : 0px auto !important;
|
||||
}
|
||||
.life_tags{width:100%; background: #fbfcfd;}
|
||||
.life_tags .wrap{width:730px;padding:0 20px;}
|
||||
.life_footer{width:100%; background: #fbfcfd; overflow: hidden;
|
||||
display: block;}
|
||||
.life_footer .wrap{width:730px;padding:20px;}
|
||||
.life_cont1{margin-top:20px;}
|
||||
.life_cont1_box li {
|
||||
width: 175px;
|
||||
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
|
||||
line-height: 22px;
|
||||
}
|
||||
.life_cont1_box li:last-child {
|
||||
|
||||
margin-right: 0!important;
|
||||
|
||||
}
|
||||
.life_cont1 h4 {
|
||||
font-weight: bold;
|
||||
padding-bottom: 20px;
|
||||
font-size: 18px; text-align:center;
|
||||
}
|
||||
.life_title {padding-top:10px;
|
||||
font-size: 14px;
|
||||
|
||||
}
|
||||
.life_cont2_box li {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 360px;
|
||||
}
|
||||
.life_cont2_box li:last-child{margin-right: 0 !important;}
|
||||
.life_cont2 h4 {
|
||||
font-weight: bold;
|
||||
padding-bottom: 20px;
|
||||
font-size: 18px; text-align:center;
|
||||
}
|
||||
.life_cont2 .photo_info {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
/* background: #000; */
|
||||
/* opacity: 0.8; */
|
||||
padding: 10px;
|
||||
width: 340px;
|
||||
color: #fff;
|
||||
z-index: 9999;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
}
|
||||
.life_cont2 .photo_info a {
|
||||
color: #fff;
|
||||
}
|
||||
.life_cont3 {text-align: center; overflow:hidden;}
|
||||
.life_cont3 li{float:left; margin-right: 15px;
|
||||
width: 134px;}
|
||||
.life_cont3 li:last-child{margin-right: 0 !important;}
|
||||
.life_cont3 .tr_txt{padding-top:10px;}
|
||||
.life_cont3 h4 {
|
||||
font-weight: bold;
|
||||
padding-bottom: 20px;
|
||||
font-size: 18px; text-align:center;
|
||||
}
|
||||
.life_cont3 img{border-radius: 134px;}
|
||||
.life_banner {width:770px; margin:50px auto; display: block; overflow: hidden; clear:both;}
|
||||
.mbleft{position: relative; width:50%; float:left;}
|
||||
.mbright{position: relative; width:50%; float:left;}
|
||||
.middle_banners{width:100%; margin-top:50px; display: block; overflow: hidden; clear:both;}
|
||||
.middle_banners .card_main_title {
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
color: #c4c4c4;
|
||||
font-size: 14px;
|
||||
z-index: 9999;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.middle_banners .card_main_txt {
|
||||
position: absolute;
|
||||
top: 95px;
|
||||
color: #fff;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
width: 100%;
|
||||
font-size: 22px;
|
||||
text-align: center;
|
||||
font-family: 나눔명조, Nanum Myeongjo, georgia,돋움;
|
||||
}
|
||||
.middle_banners .card_main_txt a{color:#fff;}
|
||||
.middle_banners .chn_bar img {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
margin: 0 auto;
|
||||
|
||||
height: 1px;
|
||||
width: 3%;
|
||||
text-align: center;
|
||||
/* left: 15%; */
|
||||
z-index: 2;
|
||||
display: block;
|
||||
margin-left: 48.5%;
|
||||
}
|
||||
.middle_banners .shadow {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
background-color: #000;
|
||||
opacity: 0.3;
|
||||
}
|
||||
.life_tags{padding:50px 0;margin: 0 auto;
|
||||
width: 100%;
|
||||
text-align: center;}
|
||||
|
||||
.life_tags .cover_profile3 img {
|
||||
border-radius: 65px;
|
||||
}
|
||||
.life_tags .tags {color:#888; padding-top:25px;}
|
||||
.life_tags .tags a{padding:0 5px;}
|
||||
|
||||
|
||||
.life_list h4{
|
||||
padding:30px 0 10px;
|
||||
font-size: 16px; }
|
||||
.life_list .current{color:#04b9c2;}
|
||||
.life_list a:hover{color:#04b9c2;}
|
||||
.life_list li{line-height: 30px; }
|
||||
.life_list li a{color:#999999;}
|
||||
.reply_info{height:30px; line-height: 30px;}
|
||||
.reply_info span{padding: 0 10px;}
|
||||
.reply_info img{ padding-right:2px;}
|
||||
|
||||
.life_menu{position: absolute; top:0; right:0 ;width:260px; border-left:1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #fff; z-index: 999;}
|
||||
.life_menu_top{background: #f6f6f6; width:100%; overflow: hidden;}
|
||||
.life_menu_top .life_cate {width:100%; overflow: hidden; height: 30px;
|
||||
line-height: 30px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;
|
||||
}
|
||||
.life_menu_top .life_cate .life_no{position: absolute; top:15px; text-align: center;left:10px; width:15px; height: 15px; line-height:15px; background: #2bbec6; border-radius: 15px;}
|
||||
.life_menu_top .life_cate .life_no a{color:#fff; font-size:11px;}
|
||||
.life_menu_top .life_cate .life_no a:hover{color:#fff;}
|
||||
.life_menu_top .life_cate a{font-size: 14px;}
|
||||
.life_menu_top .life_cate a:hover{color:#2bbec6;}
|
||||
.life_menu_top .life_cate img{padding-top:3px;}
|
||||
.life_menu_top .life_cate li{float:left; padding:0 5px;position:relative; }
|
||||
.life_list_top{text-align: center;width:220px;margin:0 20px;padding-top: 20px; padding-bottom: 20px;border-bottom: 1px solid #eeeeee;}
|
||||
.life_list_top .current{color:#2bbec6;}
|
||||
.life_list_top li{line-height: 40px;}
|
||||
.life_list_top a:hover{color:#2bbec6;}
|
||||
.life_menu_top .logo{text-align: center; padding-top:30px;}
|
||||
.life_menu_top .profile{ margin:20px auto; text-align: center;}
|
||||
.life_menu_top .profile img{border-radius: 73px;}
|
||||
.life_list_bottom{text-align: center;width:220px;margin:0 20px;padding-top:20px; border-top: 1px solid #eeeeee;}
|
||||
.life_list_bottom .current{color:#2bbec6;}
|
||||
.life_list_bottom a:hover{color:#2bbec6;}
|
||||
.life_list_bottom li{line-height: 40px;}
|
||||
.new{color:#ff0069;}
|
||||
.life_menu_btn{margin:0 auto; width:100%; text-align: center; margin:20px 0;}
|
||||
.life_app {position: relative;margin:20px 0; display: block;width:220px; height: 150px; padding:0 20px;}
|
||||
.life_app ul{padding-top: 20px;}
|
||||
.life_app h4{padding-left: 5px;}
|
||||
.life_app li{width:66px;text-align: center;float:left; padding:0 3px;}
|
||||
.life_app li a{display: block; font-size:13px;
|
||||
}
|
||||
.life_app li a:hover{color:#2bbec6;}
|
||||
.life_app .btn_left{position: absolute; top:60px; left:10px;}
|
||||
.life_app .btn_right{position: absolute;top:60px; right:10px;}
|
||||
.life_app .app_txt{padding-top:10px;}
|
||||
.btn_info{position:absolute; right:10px; font-size:12px; color:#8c8c8c}
|
||||
|
||||
.btn_info a{color:#8c8c8c;}
|
||||
|
||||
.gototop{position:absolute;bottom:30px;left:790px;}
|
||||
|
||||
|
||||
|
||||
918
public/renew/css/web/news.css
Executable file
918
public/renew/css/web/news.css
Executable file
@@ -0,0 +1,918 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* top */
|
||||
#news{color:#4e4e4e;}
|
||||
.top{width:100%; border-bottom: 1px solid #e5e5e5; height:30px; line-height:30px; background:#f3f3f3; color:#888888; font-size:12px;}
|
||||
.wrap{width:1060px; margin:0 auto; position: relative;}
|
||||
.area_links{float:left;}
|
||||
.area_links a{color:#888;}
|
||||
.area_links a:hover{color:#2bbec6;}
|
||||
.area_links .current{color:#2bbec6;}
|
||||
.area_ingo{float:right;}
|
||||
.area_ingo a:hover{color:#2bbec6;}
|
||||
.area_ingo .current{color:#2bbec6;}
|
||||
.beachblue{color:#2bbec6;}
|
||||
.beachblue a{color:#2bbec6;}
|
||||
|
||||
/* header */
|
||||
.header{clear:both; position: relative; border-bottom: 1px solid #8bb7b9; }
|
||||
.header .special{height:85px; line-height: 85px; }
|
||||
.header .special .logo{width: 115px;top: 30px;left: 8px;position: absolute;}
|
||||
.menu li{float:left; margin:0 25px 0 10px;}
|
||||
.menu li:first-child{float:left; margin-left:0 !important;}
|
||||
.menu li a{font-size:16px;}
|
||||
.menu li a:hover{color:#04b9c2;}
|
||||
.menu li .current, .menu li .current:visited {color:#04b9c2;}
|
||||
.section_navbar{height:45px; line-height: 45px;border-top: 1px solid #e5e5e5; }
|
||||
.bar img{padding:0 5px 5px; margin-top:10px; }
|
||||
.social { padding: 0 20px 0 10px;}
|
||||
.social img {margin-top: 5px;padding: 0 1px;}
|
||||
.search{position: absolute;
|
||||
top: 40px;
|
||||
left: 150px;
|
||||
margin-top: -18px;
|
||||
width: 595px;}
|
||||
.open_search{
|
||||
width: 593px;
|
||||
border: 1px solid #d9d9d9;
|
||||
position: absolute;
|
||||
top: 64px;
|
||||
background: #fff;
|
||||
z-index: 9999;
|
||||
left: 150px;
|
||||
}
|
||||
.open_search .roll_box .date{padding:0 10px; font-size: 12px; color:#8d8d8d;}
|
||||
.open_search .roll_box .close{padding-top:8px;}
|
||||
.open_search .roll_box { padding: 10px 0;}
|
||||
.open_search .roll_box a{font-size:16px; color:#4e4e4e;}
|
||||
.open_search .roll_box div{ height: 30px;
|
||||
line-height: 30px;
|
||||
display: block;
|
||||
/* width: 100%; */
|
||||
clear: both;
|
||||
padding: 5px 20px;
|
||||
margin-bottom: 4px;}
|
||||
.open_search .roll_box div:hover{background: #f1f7fa;}
|
||||
.open_search .roll_box .on{color:#00a3ab;}
|
||||
.open_search .roll_box .current{background: #f1f7fa;}
|
||||
.roll_footer{ background: #f1f7fa;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding: 5px 20px;}
|
||||
.roll_footer a{color:#575757; font-size:12px ; }
|
||||
.roll_footer span{padding:0 5px;}
|
||||
.window{ position: absolute;display: inline-block;width: 546px;height: 41px;border: 1px solid #04b9c2;background: #fff;padding-left: 20px;font-size: 15px;color: #686868;}
|
||||
.src_sumit{position: absolute;top: 0;right: 0;overflow: visible;width: 45px;height: 43px; line-height:43px; border: 0;background: #04b9c2;}
|
||||
.roll{float:right; width:240px;font-size: 16px; }
|
||||
.roll .number{padding-right:5px;}
|
||||
.roll .roll_txt a:hover{color:#2bbec6;}
|
||||
.roll img{vertical-align: middle; padding-left:20px; }
|
||||
.open_roll {width:300px; border:1px solid #d9d9d9; position: absolute; top:-1px; right:0;background: #fff;z-index: 9999;}
|
||||
.open_roll .txt{text-align: center; font-size:16px;color:#595959;}
|
||||
.open_roll .ranking li{float:left;text-align: center;}
|
||||
.open_roll .ranking li a{color:#b2b2b2;}
|
||||
.open_roll .ranking {width:100%; height: 30px; line-height:30px; background: #f1f7fa;}
|
||||
.open_roll .ranking img{padding-top:8px;}
|
||||
.open_roll .ranking a:hover{color:#04b9c2;}
|
||||
.open_roll .ranking .current{color:#04b9c2;}
|
||||
.open_roll .roll_box{clear:both;overflow:hidden; padding: 0 15px 15px 15px;}
|
||||
.open_roll .roll_box img{vertical-align: middle;}
|
||||
.open_roll .roll_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 10%;}
|
||||
.open_roll .roll_box .graph{display: inline-block;}
|
||||
.open_roll .roll_box .keyword{width:78%; display: inline-block;}
|
||||
.open_roll .roll_box .keyword a:hover{color:#2bbec6;}
|
||||
.open_roll .roll_box li{line-height: 25px;}
|
||||
|
||||
|
||||
.condition{ position: relative; float: right;width: 260px;font-size: 14px;}
|
||||
.condition li { -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; }
|
||||
/*.condition .tt {color: #191919;padding-left: 20px;}*/
|
||||
.condition .tt { position: absolute; top: 0; left: -20px; color: #191919;padding-left: 20px;}
|
||||
/*.condition .country {color: #20c8d3;padding: 0 10px;}*/
|
||||
.condition .country {color: #20c8d3;padding: 0 10px 0 85px;}
|
||||
.condition img {vertical-align: middle;}
|
||||
.condition .weather {padding: 0 5px;}
|
||||
|
||||
.news_ingo{position:absolute; right:0;}
|
||||
.news_ingo .profile img{border-radius: 20px; margin-top:4px;}
|
||||
padding: 0 20px 0 10px;
|
||||
.social img{margin-top:6px;padding:0 1px;}
|
||||
.arrow{ background: url(/img/web/mypage_arrow_down.png) no-repeat 100% 50%; padding-right:10px; margin-right:10px;}
|
||||
.mypage_opened{position: absolute; top:31px; right: 15px; width:300px; z-index:9999; line-height:20px; color:#8a8c8d; }
|
||||
.mypage_opened_info {background: #f1f7fa;padding: 15px 15px 0;overflow: hidden;}
|
||||
.mypage_opened_info .name{font-size:15px; color:#575757;}
|
||||
.mypage_opened_info .name > a { font-size: 14px; display: inline-block; max-width: 125px; }
|
||||
.mypage_opened_info .logout {float:right; }
|
||||
.mypage_opened_info .logout a:hover{color:#2bbec6;}
|
||||
.mypage_opened_info .logout .btn{ width:50px;border:1px solid #d8f4f5; background: #fff; padding:5px 3px; color:#000;font-size:12px;}
|
||||
.mypage_opened_info .introduction{font-size:12px; display: block; padding-bottom:5px;}
|
||||
.mypage_opened_info .profile{position: relative; width:50px; height: 85px; float:left; margin-right:10px; }
|
||||
.mypage_opened_info .profile2{position: relative; width:50px; height: 60px; float:left; margin-right:10px; }
|
||||
.mypage_opened_info .profile_detail{ float:left;}
|
||||
.mypage_opened_info .profile .profile_l{position: absolute; border-radius: 48px; float:left;}
|
||||
.mypage_opened_info .profile .carmera{position: absolute; right:0; top:30px;}
|
||||
.mypage_opened_info .profile2 .carmera{position: absolute; right:0; top:30px;}
|
||||
|
||||
.mypage_opened_info2 {background: #f1f7fa;overflow: hidden;}
|
||||
.mypage_opened_info2 .name{font-size:15px; color:#575757;}
|
||||
.mypage_opened_info2 .name > a { max-width: 130px; display: inline-block; font-size: 14px; letter-spacing: -1.5px; vertical-align: bottom; }
|
||||
.mypage_opened_info2 .logout {float:right; }
|
||||
.mypage_opened_info2 .logout a:hover{color:#2bbec6;}
|
||||
.mypage_opened_info2 .logout .btn{ width:50px;border:1px solid #d8f4f5; background: #fff; padding:5px 3px; color:#000;font-size:12px;}
|
||||
.mypage_opened_info2 .introduction{font-size:12px; display: block; padding-top:5px;}
|
||||
.mypage_opened_info2 .profile{position: relative; width:50px; height: 85px; float:left; margin-right:10px; }
|
||||
.mypage_opened_info2 .profile2{position: relative; width:50px; height: 60px; float:left; margin-right:10px; }
|
||||
.mypage_opened_info2 .profile_detail{ float:left;}
|
||||
.mypage_opened_info2 .profile .profile_l{position: absolute; border-radius: 48px; float:left;}
|
||||
.mypage_opened_info2 .profile .carmera{position: absolute; right:0; top:30px;}
|
||||
.mypage_opened_info2 .profile2 .carmera{position: absolute; right:0; top:30px;}
|
||||
|
||||
|
||||
.mypage_opened .mypage_menu {color:#575757; width:298px;border-top:1px solid #d7f4f5; border-bottom:1px solid #f1f7fa;border-left:1px solid #f1f7fa;border-right:1px solid #f1f7fa; height: 35px;overflow:hidden; background: #fff; }
|
||||
.mypage_opened .mypage_menu li{float:left; padding:10px 10px; font-size:13px;border-right:1px solid #d7f4f5;height: 35px;}
|
||||
.mypage_opened .mypage_menu li a:hover{color:#2bbec6;}
|
||||
.mypage_opened .mypage_menu li:last-child{border-right:none !important;}
|
||||
.mypage_opened .beauchblue_underline{text-decoration: underline;}
|
||||
.mypage_opened .opened_arrow{position: absolute; top:-9px; left: 123px;
|
||||
z-index: 9999999;}
|
||||
|
||||
.mypage_opened_box .mypage_menu2 {color:#575757; width:270px;border-top:1px solid #d7f4f5; border-bottom:1px solid #f1f7fa;border-left:1px solid #f1f7fa;border-right:1px solid #f1f7fa; height: 35px;overflow:hidden; background: #fff; }
|
||||
.mypage_opened_box .mypage_menu2 li{float:left; padding:10px 7px; font-size:13px;border-right:1px solid #d7f4f5;height: 35px;}
|
||||
.mypage_opened_box .mypage_menu2 li a:hover{color:#2bbec6;}
|
||||
.mypage_opened_box .mypage_menu2 li:last-child{border-right:none !important;}
|
||||
.mypage_opened_box .beauchblue_underline{text-decoration: underline;}
|
||||
.mypage_opened .opened_arrow{position: absolute; top:-9px; left: 123px;
|
||||
z-index: 9999999;}
|
||||
|
||||
.arrow_down{background: url(/img/web/img_down.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important; position: absolute;
|
||||
right: 55px;
|
||||
top: 15px;}
|
||||
.arrow_down:hover{background: url(/img/web/img_down_on.gif) no-repeat 90% 50%; }
|
||||
.arrow_down_on{background: url(/img/web/img_down_on.gif) no-repeat 90% 50%; padding: 6px 25px 6px 12px !important;position: absolute;
|
||||
right: 55px;
|
||||
top: 15px;}
|
||||
.arrow_up{background: url(/img/web/img_up.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;position: absolute;
|
||||
right: 55px;
|
||||
top: 15px;}
|
||||
.arrow_up_on{background: url(/img/web/img_up_on.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;position: absolute;
|
||||
right: 55px;
|
||||
top: 15px;}
|
||||
.arrow_up:hover{background: url(/img/web/img_up_on.gif) no-repeat 90% 50%; }
|
||||
.news_cate{ font-size: 17px;
|
||||
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
color: #000;
|
||||
padding: 0 0 10px 0;
|
||||
margin-bottom: 10px;}
|
||||
.news_cate .categroy img{vertical-align: middle;}
|
||||
.rankynews{}
|
||||
.ranky_tit{font-size:18px; float:left;}
|
||||
.ranky_date{float:right; font-size: 18px;}
|
||||
.rankytop {height: 40px;
|
||||
line-height: 40px; }
|
||||
.rankytop a:hover{color:#2bbec6;}
|
||||
.rankytop .current{color:#2bbec6;}
|
||||
.rankytop .gap{padding-right:10px;}
|
||||
.rankytop .btn-default_bb{color: #2bbec6;background-color: #fff;border-color: #2bbec6; border: 1px solid #2bbec6 ; border-radius:10px; padding:2px 7px; font-size:12px;}
|
||||
.rankylist{clear:both;padding:10px 0; display: block;overflow: hidden; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; margin-bottom:30px; }
|
||||
.rankylist li{float:left; padding:0 15px;}
|
||||
.rankylist li a{font-size:14px;}
|
||||
.rankylist .current{color: #2bbec6;border-bottom: 1px solid #2bbec6;padding-bottom: 9px;}
|
||||
.rankylist a:hover{color: #2bbec6;border-bottom: 1px solid #2bbec6;padding-bottom: 9px;}
|
||||
|
||||
/* left */
|
||||
.contents{width:100%; padding-top: 30px;overflow: hidden;}
|
||||
.contents .wrap{ width: 1060px; margin: 0 auto; position: relative; overflow:hidden; display: block; background: url(/img/web/news_bar.gif) 760px 0 repeat-y;}
|
||||
.top_banner{border-bottom: 1px solid #d1d1d1;padding-bottom: 30px;text-align: center;}
|
||||
.c_left{width:745px; float:left; margin-right:15px;}
|
||||
.c_right{ width:300px; float:left;}
|
||||
.art_box{ position:relative; margin:20px 0; overflow:hidden;}
|
||||
.art_box .art_list{ position:relative;float:left;}
|
||||
.art_box .art_list li{ position:relative; padding: 7px 0;}
|
||||
.art_box .art_list li a{font-size:16px;}
|
||||
.art_box .art_list li a:visited { color: #888; }
|
||||
.art_box .art_list li a:hover{color:#2bbec6;}
|
||||
.art_box .art_img{position:relative;width:365px;margin-right:20px; float:left;}
|
||||
.art_box .art_img .art_t_box{position: absolute; bottom:0; left:0;}
|
||||
.art_box .art_img .art_p_tit{margin-bottom: 10px;}
|
||||
.art_box .art_img .art_p_tit a{color:#fff; font-size:20px; }
|
||||
.art_box .art_img .art_p_txt a{color:#fff; font-size:14px;}
|
||||
.art_box .art_img .art_t_box{padding:0 20px 20px; z-index: 999;}
|
||||
.shadow {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
background-color: #000;
|
||||
opacity: 0.2;
|
||||
}
|
||||
.banner{margin-bottom:20px;}
|
||||
|
||||
.cardnews{clear:both; margin-top:20px;}
|
||||
.card_box{width:100%; clear:both; margin-bottom:20px;overflow:hidden;}
|
||||
.card_box li{width:171px;border:1px solid #ebeef3; float:left; margin-right:17px; height: 210px;}
|
||||
.card_box li:last-child{margin-right:0 !important;}
|
||||
.card_title{font-size:15px; text-align: center; padding:20px 10px 0;}
|
||||
.card_title a:hover{color:#2bbec6;}
|
||||
.card_title a:visited{color:#888;}
|
||||
.card_txt{font-size:12px;text-align: center; padding:10px 10px 10px; line-height: 18px;}
|
||||
.card_tab{position: absolute;left:0; top:0; background: #04b9c2; color: #fff; font-size: 12px; padding:5px 10px;}
|
||||
.card_tab a{color:#fff;}
|
||||
.card_main{position: relative;width:363px !important;}
|
||||
.card_main .card_main_title{position: absolute;top: 70px;color: #fff;font-size:16px;z-index: 9998;text-align: center;margin: 0 auto;width: 100%;}
|
||||
.card_main .card_main_title span{border-bottom:1px solid #fff; padding-bottom:10px;}
|
||||
.card_main .card_main_txt a{color:#fff;}
|
||||
.card_main .card_main_txt{position:absolute; top:110px; color:#fff;left:0;z-index:9998;width: 100%;font-size:24px;text-align: center;font-family:나눔명조, Nanum Myeongjo, georgia,돋움;}
|
||||
|
||||
.cont_box {background: #fff; border:1px solid #dcdcdc; height: 45px; line-height: 45px; margin-top:20px; clear:both; display:block;}
|
||||
.cont_box2{background: #fff; border:1px solid #dcdcdc; margin-top:20px; clear:both; display:block; overflow:hidden;}
|
||||
.cont_box .weather{padding:0 5px;}
|
||||
.cont_box .weather img{vertical-align: middle;}
|
||||
/*.cont_box .tt{color:#191919; padding-left:20px;}*/
|
||||
.cont_box > .tt{ position: absolute; top: 0; left: 0; color:#191919; padding-left:20px;}
|
||||
/* .cont_box .date{color:#8b8b8b; padding-left:105px;} */
|
||||
.cont_box .date{ position: absolute; top: 0; left: 90px; color:#8b8b8b; }
|
||||
.cont_box .country{color:#20c8d3;padding:0 10px 0 160px;}
|
||||
/*.cont_box .related_news{float:right; margin-right:20px;}*/
|
||||
.cont_box .related_news{float:right; margin-right:20px;}
|
||||
/*.cont_box .box_related{background: #e6e6e6; color:#7d7d7d; padding:2px 10px; margin-right:10px;}*/
|
||||
.cont_box .box_related{ position: absolute; top: 10px; left: 405px; line-height: 20px; background: #e6e6e6; color:#7d7d7d; padding:2px 10px; margin-right:10px;}
|
||||
/*.cont_box .box_title{color:#04b9c2; padding-left:20px;}
|
||||
.cont_box2 .box_title{color:#04b9c2; padding-left:20px;}*/
|
||||
.cont_box .box_title{ position: absolute; top: 0; left: -5px; color:#04b9c2; padding-left:20px;}
|
||||
.cont_box2 .box_title{position: absolute; top: 0; left: -5px; color:#04b9c2; padding-left:20px;}
|
||||
.location{padding-left:20px;}
|
||||
.related_news a{padding:0 2px;}
|
||||
/*.related_news .current{color:#04b9c2;}*/
|
||||
.related_news .current{position: absolute; top: 0; left: 0; color:#04b9c2;}
|
||||
.related_news a:hover{color:#04b9c2;}
|
||||
.related_news a:visited{ color: #888; }
|
||||
.company_list{border-bottom:1px solid #ebeef3; overflow: hidden;}
|
||||
.company_list li{float:left; border-right:1px solid #ebeef3; width:92px; height:74px; line-height: 74px; text-align: center;}
|
||||
.company_list li:last-child{border-right:0 !important;}
|
||||
.company_list img {vertical-align: middle;}
|
||||
.company_top {height:41px; line-height: 41px; border-bottom: 1px solid #dcdcdc;}
|
||||
.company_top .cate {padding-left:20px;}
|
||||
.company_top .cate a:hover{color:#2bbec6}
|
||||
.company_top .cate .current{color:#2bbec6}
|
||||
.company_top .c_arrow{float:right; }
|
||||
|
||||
|
||||
.list_left{width: 730px;padding-right: 30px;float: left; }
|
||||
.list_left .column_list{padding-top:20px}
|
||||
.list_left .column_list a:hover{color:#2bbec6;}
|
||||
.list_right{width:299px; float:left;}
|
||||
|
||||
.news_list .art-info{width:520px; float:left;}
|
||||
.news_list .art-info2{float:left; width:550px;}
|
||||
.news_list .art-info3{float:left; width:100%;}
|
||||
.news_list .art-info4{float:left; width:95%;}
|
||||
.news_list .art-img {width: 160px;float: right;margin-left: 20px;}
|
||||
.news_list .art-img2 {width: 160px;float: left;margin-right: 20px;}
|
||||
.news_list .list_no{font-size:18px; color:#2bbec6; width:30px; float:left; font-weight: bold;}
|
||||
.news_list .art-title {font-size: 22px;padding-bottom: 10px; font-weight: bold;}
|
||||
.news_list .art-title .company{ font-size: 14px;padding-left: 20px; vertical-align: top;padding-top: 3px;display: inline-block;}
|
||||
.news_list .art-title a:hover{color:#2bbec6;}
|
||||
.news_list .art-title .comment {font-size:14px; color:#c3c3c3; font-weight: normal;}
|
||||
.news_list .art-title .comment img{vertical-align: middle;}
|
||||
.news_list .art-sum{font-size:14px;line-height: 25px;}
|
||||
.news_list_cont{clear:both; border-bottom: 1px solid #eaeaea;margin-bottom: 30px;overflow: hidden;display: block; padding-bottom:30px;}
|
||||
.news_list_cont .origin{color:#9a9a9b; font-size:15px; padding-left:10px;}
|
||||
.news_list_cont .origin a{color:#9a9a9b; font-weight: normal;}
|
||||
.news_list_cont .column_tit{text-decoration: underline; padding-top: 30px; padding-bottom: 20px;}
|
||||
.news_list_cont .column_tit a{color:#a5a5a5;}
|
||||
.news_list .n_date{font-size:13px; color:#a5a5a5; padding-bottom:5px;}
|
||||
.pagenumber { margin:30px auto; width:100%; overflow:hidden;text-align:center}
|
||||
.pagenumber a{ width:25px; height:25px; margin:0 2px;line-height: 25px;text-align: center; display:inline-block;}
|
||||
.pagenumber a.current{border:1px solid #e0e0e0; color:#2bbec6; }
|
||||
.pagenumber a:hover{ color:#2bbec6;}
|
||||
.pagenumber img{padding-top:7px;}
|
||||
.todayphoto{border-top:1px solid #ebeef3; padding-top:30px;}
|
||||
.todayphoto h4 {font-weight: bold;padding-bottom: 20px;font-size:15px;}
|
||||
.todayphoto_box {width: 100%;clear: both;margin-bottom: 20px;overflow: hidden; position: relative;}
|
||||
.todayphoto_box li {width: 171.50px;border: 1px solid #d2d3d3;float: left;margin-right: 12px; height: 200px;line-height: 22px}
|
||||
.todayphoto_box .s_left{position:absolute; left:0; top:35px;z-index: 9998;}
|
||||
.todayphoto_box .s_right{position:absolute; right:0; top:35px;z-index: 9998;}
|
||||
.todayphoto li:last-child {margin-right: 0 !important;}
|
||||
.mostreply{font-size:16px; margin:40px 0 30px 0; display: block; overflow:hidden;}
|
||||
.mostreply h4{ font-weight: bold;padding-bottom: 10px; font-size:15px;}
|
||||
.mostreply .viewall a{font-size:13px; color:#7e7f82;}
|
||||
.gototop{position:absolute;bottom:30px;left:790px;}
|
||||
.view_header h2{font-size:26px; padding:15px 0 10px 0; letter-spacing: -2px; font-weight: bold; color:#383737; /*-webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;*/}
|
||||
.view_header .time{font-size:13px; color:#888 ;}
|
||||
.view_header .category{padding-left:35px; }
|
||||
.view_header .category a{padding:0 5px;color:#888888;}
|
||||
.view_header .category img{padding-top: 2px;}
|
||||
.function{float:right; margin-top: 20px;}
|
||||
.function a{padding-left:10px; width:20px; height: 20px;}
|
||||
.spirit_weather{color:#fff; border-radius: 10px; background: #20c8d4; width:120px; float:left;}
|
||||
.logo_company{padding-right:7px;}
|
||||
.w_info{height:65px;}
|
||||
.w_info li{float:left; padding: 0 10%;
|
||||
width: 30%;display: inline-block; text-align: center; height: 65px; line-height: 65px;}
|
||||
.w_info li img{vertical-align: middle;}
|
||||
.w_location{background: #12abbd; font-size:10px; text-align:center; height: 25px; line-height: 25px; border-radius: 0 0 10px 10px;}
|
||||
.reply{margin-top:30px;}
|
||||
.view_header{border-bottom: 1px solid #ebeef3; padding-bottom:20px;}
|
||||
.view_main{clear:both;}
|
||||
.view_main .sub_tit{margin-top:70px; text-align: center; font-size: 19px; color:#888; padding-bottom:20px; }
|
||||
.view_main .sub_tit_bar{text-align:center;margin-bottom:20px}
|
||||
.view_main .view_img{text-align: center; }
|
||||
.view_main .view_img .img_desc{float:left !important; padding-top:10px; color:#999;}
|
||||
.view_main .view_article{clear:both; padding-top:40px; font-size:17px; line-height: 28px;}
|
||||
.view_main .view_article img { max-width:750px; }
|
||||
|
||||
.view_main .writer{height:40px; line-height: 40px; font-size:14px; color:#888; padding-top:30px;}
|
||||
.view_main .writer img{vertical-align: middle;}
|
||||
.reaction{padding:30px 0; border-top:1px solid #ebeef3;border-bottom:1px solid #ebeef3; overflow:hidden; margin-top: 30px; font-size:17px;}
|
||||
.reaction .reaction_box{float:left; width:20%;}
|
||||
.reaction img{float:left; padding-right:10px;}
|
||||
.reaction .like{font-size:13px; padding-top:11px;}
|
||||
.reaction .click{text-align: center; padding-top:5px;}
|
||||
.rb{text-align: center;}
|
||||
.relatedarticle{margin-top:30px;}
|
||||
.relatedarticle h4{font-weight: bold;padding-bottom: 10px; font-size:15px;}
|
||||
.relatedarticle li{ background: url(/img/web/img_dot.gif) no-repeat left 50%; line-height: 30px;}
|
||||
.relatedarticle li a{padding-left:10px; font-size:16px;}
|
||||
.relatedarticle li a:hover{color:#2bbec6;}
|
||||
.reply{border-top:1px solid #ebeef3; padding-top:30px;}
|
||||
.reply .delete{padding-left:20px; color:#bcbcbc;}
|
||||
.reply_social span{padding-right: 10px;}
|
||||
.reply .reply_write{color:#999999; line-height: 23px; padding:10px 20px;}
|
||||
.reply_regist{border-top:1px solid #e8e9ea; height:46px; line-height: 46px; }
|
||||
.reply_no{color:#bcbcbc; padding-left:20px;}
|
||||
.reply_btn{background: #04b9c2; width:87px; height: 47px; color:#fff; float:right; text-align: center; line-height: 47px;}
|
||||
.reply_btn a{color:#fff;}
|
||||
.reply_btn a:hover{color:#fff;}
|
||||
.reply_social{padding:20px 20px 0 20px;}
|
||||
.reply_write textarea{ z-index: auto;
|
||||
position: relative;
|
||||
line-height: 20px;
|
||||
font-size: 13px;
|
||||
padding: 10px 0;
|
||||
border: none;}
|
||||
.thumbup2{color:#e64c3d;padding-left: 20px;}
|
||||
.thumbdown2{color:#3c92ca;padding-left: 20px;}
|
||||
.r_info{color:#999999; padding-bottom:10px;}
|
||||
.r_info a{color:#999;}
|
||||
.r_info a:hover{color:#2bbec6;}
|
||||
.r_info span{padding-right:10px;}
|
||||
.r_date{font-size:12px;}
|
||||
.r_text{font-size: 15px;padding-bottom:15px;}
|
||||
.r_text label { border-radius: 3px; padding: 2px 4px; color: #fff; background: #e64c3d; display: inline-block; margin-right: 5px; font-size: 11px; }
|
||||
.r_text div:nth-child(2) { display: inline-block; vertical-align: sub; }
|
||||
.reply_sort{border-bottom: 1px solid #ebeef3; margin-top:20px; padding:10px 0; font-size:16px; }
|
||||
.reply_sort span{padding-right:20px;}
|
||||
.reply_sort a:hover{ color:#000;}
|
||||
.reply_sort .current{ color:#000;}
|
||||
.reply_comment{padding:20px 0;border-bottom: 1px solid #ebeef3; overflow:hidden;}
|
||||
.reply_comment_open{padding:20px 0;border-bottom: 0px; overflow:hidden;}
|
||||
.r_base{overflow:hidden;display:block;}
|
||||
.icons2{float:right !important; }
|
||||
.reply_box2 .icons{float:right !important; padding-top:20px; }
|
||||
.icons2 img{padding-right:7px;}
|
||||
.reply .reply_box{ border: 1px solid #c5c5c5;margin-top: 10px;clear: both;overflow: hidden;background: #fff;}
|
||||
.reply .reply_box2{ clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 20px; margin-top:20px; display:block;}
|
||||
.reply .reply_box2 .box_wrap{overflow:hidden;display: block; border-bottom: 1px solid #e0e1e1; padding-bottom:20px; margin-bottom:20px;}
|
||||
.reply .reply_box2 .box_wrap li{float:left;}
|
||||
.reply .reply_box2 .box_wrap2{overflow:hidden;display: block; margin-bottom:20px;}
|
||||
.reply .reply_box2 .box_wrap2 li{float:left;}
|
||||
.reply .reply_box2 .box_wrap .r_text li{float:left; padding-right:10px;}
|
||||
.reply_close{width:90px; height: 30px; line-height: 30px; border: 1px solid #c7c7c7; text-align: center; margin:20px auto;}
|
||||
.reply_close a:hover{color:#2bbec6;}
|
||||
.reply_close img{ padding-top:12px;padding-left:5px;}
|
||||
.img_reply{width:20px; float:left;}
|
||||
.r_img2{width:20px; padding-top:10px;}
|
||||
|
||||
.community {width:100%;}
|
||||
.community .table2{background: #f1f7fa; width:100%; margin-bottom: 20px}
|
||||
.community .table2 td{width:20%; border: 1px solid #ddd; height:50px; text-align: center;}
|
||||
.community .table2 .current{color:#2bbec6; font-weight: bold;}
|
||||
.community .table2 a:hover{color:#2bbec6; font-weight: bold;}
|
||||
.community .table2 a{color:#9e9e9e;}
|
||||
.community .c_info{font-size:12px; color:#8a8c8d; overflow:hidden; display: block; padding:0 0 20px 0;}
|
||||
.community .c_info img{padding-top:8px;}
|
||||
.community .c_info li{float:left; line-height: 20px;}
|
||||
.community .board_write input {float: left;font-size: 14px;border: 1px solid #ccc;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0;vertical-align: middle;width: 400px;padding-left: 10px;}
|
||||
.community .board_write dl {padding-top: 15px;padding-left: 20px;}
|
||||
.community .board_write dt {float: left;width: 75px;height: 30px;line-height: 30px;padding: 3px 0 7px;color: #888888;}
|
||||
.community .board_write dd {overflow: hidden;height: 30px; line-height: 30px;padding: 3px 0 7px;color: #666;}
|
||||
.community .write{margin-top:20px;}
|
||||
.seeall{text-decoration: underline; color:#2bbec6 ; padding:5px 10px;}
|
||||
.seeall a{color:#2bbec6; }
|
||||
.community .cont_box .related_news{float:left; margin-left:20px; color:#7f7f7f; font-size:15px;}
|
||||
.news_box{border: 1px solid #d4d4d4;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
margin:20px 0;}
|
||||
.news_box ul{float:left; width:12.8%; margin:0 auto; padding: 10px 4.99px;}
|
||||
.news_box ul li{padding:10%;}
|
||||
.news_box .news_s_box{border-right:1px solid #ececec;}
|
||||
.news_box .news_s_box li a{font-size:13px;}
|
||||
.news_box .news_s_box li a:hover{color:#2bbec6;}
|
||||
.news_box .news_s_box:last-child{border-right:0 !important;}
|
||||
.new_box_footer{ /* border-left: 1px solid #ececec; */
|
||||
/* border-right: 1px solid #ececec; */
|
||||
border-top: 1px solid #ececec;
|
||||
clear: both;
|
||||
height: 30px;
|
||||
/* line-height: 30px; */}
|
||||
.new_box_footer .c_left{ border-left: 1px solid #ececec;
|
||||
width: 33px;
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
text-align: center;
|
||||
height: 30px;}
|
||||
.new_box_footer .c_right{border-left: 1px solid #ececec;
|
||||
width: 33px;
|
||||
float: right;
|
||||
text-align: center;
|
||||
/* line-height: 30px; */
|
||||
/* vertical-align: middle; */
|
||||
/* padding-top: 14px; */
|
||||
height: 30px;
|
||||
/* line-height: 30px; */}
|
||||
.new_box_footer .c_slide{width:60px; float:right;}
|
||||
.new_box_footer .c_slide a{padding:0 2px;}
|
||||
.new_box_footer img{padding-top:10px;}
|
||||
|
||||
/* right */
|
||||
.photo_news{margin-bottom:20px; position: relative;}
|
||||
.photo_news .card_main_title {position: absolute;top: 115px;color: #fff;font-size: 16px;z-index: 9998;text-align: center;margin: 0 auto;width: 100%;}
|
||||
.photo_news .card_main_txt {position: absolute;top: 160px;color: #fff;left: 0;z-index: 9998;width: 100%;font-size: 24px;text-align: center;font-family:나눔명조, Nanum Myeongjo, georgia,돋움;}
|
||||
.photo_news .card_main_txt a{color:#fff;}
|
||||
.photo_news .card_main_title span {border-bottom: 1px solid #fff;padding-bottom: 10px;}
|
||||
.dailybread{background:#fff;border:1px solid #a0dde0; text-align: center; padding: 20px 40px 10px; margin-bottom:20px;}
|
||||
.dailybread .message{padding: 15px 0; font-size:18px; font-weight: bold;}
|
||||
.dailybread .date{color:#969696;}
|
||||
.dailybread .box_title{color:#04b9c2; padding-left:10px;}
|
||||
|
||||
.login{position: relative; padding: 18px 15px 12px; width:270px; background: #f1f7fa; margin-bottom:20px;}
|
||||
.login fieldset{border:1px solid #04b9c2;}
|
||||
.login .int {padding: 1% 5%;width: 90%;height: 25px;border: 0;color: #666;font-size: 14px;line-height: 16px;}
|
||||
.login .input_box {background: #fff;position: relative;width: 203px;height: 32px; border-bottom: 1px solid #e3e7ee;border-right: 0;}
|
||||
.login .input_box:last-child{border-bottom: 0 !important;}
|
||||
.login .btn_login {position: absolute;left: 220px;z-index: 1;width: 65px;height: 67px;top: 18px;}
|
||||
.login .btn_login input {width: 100%;height: 100%;border: 0;border-radius: 0;background: #04b9c2;color: #fff;font-weight: normal;font-size: 15px;line-height: 55px\9;cursor: pointer;-webkit-appearance: none;}
|
||||
.chk_id_login{font-size:12px;padding-top: 10px;}
|
||||
|
||||
.list_right .banner2{ background: #f5f6f6;width: 270px;height: 270px;text-align: center;margin: 0 auto;padding-top: 20px; margin-left: 30px;}
|
||||
.section{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; }
|
||||
.section h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
|
||||
.section_box{clear:both;overflow:hidden; padding-bottom:15px;}
|
||||
.section_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 20px;}
|
||||
.section_box a:hover{color:#2bbec6;}
|
||||
.section_box a:visited{color:#888;}
|
||||
.viewall{padding:10px 0 20px 0;}
|
||||
.viewall a:hover{color:#2bbec6;}
|
||||
.lifepopular{ margin: 30px 0 30px 30px;
|
||||
border-bottom: 1px solid #ebeef3;
|
||||
padding-bottom: 20px;}
|
||||
.lifepopular h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
|
||||
.lifepopular_box{clear:both;overflow:hidden; padding-bottom:15px;}
|
||||
.lifepopular_box a:hover{color: #2bbec6;}
|
||||
.lifepopular_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 20px;}
|
||||
.lifepopular_box .no_grey{color:#b9b9b9;text-align: center;margin: 0 auto;display: inline-block;width: 20px;}
|
||||
.story{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; }
|
||||
.story h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
|
||||
.story_box{clear:both;overflow:hidden; padding-bottom:15px; background: url(/img/web/img_dot2.gif) no-repeat left 20%; padding-right:10px;}
|
||||
.story_box a{padding-left:10px;}
|
||||
.story_box a:hover{color: #2bbec6;}
|
||||
.story_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 20px;}
|
||||
|
||||
.recommend {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
|
||||
.recommend h4{font-weight: bold; padding-bottom:20px;font-size:15px;}
|
||||
.recommend_box{ margin-bottom: 20px;overflow: hidden;}
|
||||
.recommend_box .art-info{width:197px; float:left; margin-right:10px;}
|
||||
.recommend_box .art-info .tit {color: #2bbec6;padding-bottom: 10px; display: block;}
|
||||
.recommend_box .art-info a:hover{color: #2bbec6;}
|
||||
.recommend_box .art-info a:visited{color:#888;}
|
||||
.recommend_box .art-img{float:left;}
|
||||
|
||||
.cool {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
|
||||
.cool h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
|
||||
.cool_box{ margin-bottom: 20px;overflow: hidden;}
|
||||
.cool_box .art-info{ float:left;width:129px;}
|
||||
.cool_box .art-info a:hover{color:#2bbec6; }
|
||||
.cool_box .art-info a:visited{color:#888;}
|
||||
.cool_box .art-info .tit {color: #888888; font-size:15px;padding-bottom: 10px;display: block;}
|
||||
.cool_box .art-img{float:left; margin-right:10px; width:130px;}
|
||||
|
||||
.hotlife {margin:20px 0 30px 30px;border-bottom: 1px solid #ebeef3; padding-bottom: 20px; display: block;overflow: hidden;}
|
||||
.hotlife h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
|
||||
.hotlife .i-cover .txt {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
|
||||
z-index: 2;
|
||||
width: 90%;
|
||||
padding: 5%;
|
||||
color: #fff;
|
||||
line-height: 1.2;
|
||||
text-shadow: 1px 1px 0 #000; text-align: center;
|
||||
}
|
||||
.hotlife .i-cover {
|
||||
overflow: hidden;
|
||||
background: #000;
|
||||
position: relative;
|
||||
line-height: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.hotlife .i-cover a {
|
||||
color: #fff;
|
||||
z-index: 999;
|
||||
}
|
||||
.hotlife .bar img {
|
||||
position: absolute;
|
||||
top: 105px;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
width: 8%;
|
||||
text-align: center;
|
||||
/* left: 15%; */
|
||||
z-index: 2;
|
||||
display: block;
|
||||
margin-left: 45%;
|
||||
}
|
||||
|
||||
.top3 {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
|
||||
.top3 h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
|
||||
.top3_box{ margin-bottom: 20px;overflow: hidden;}
|
||||
.top3_box .art-info{ float:left;width:129px; line-height: 26px;}
|
||||
.top3_box .art-info a:hover{color:#2bbec6; }
|
||||
.top3_box .art-info .tit {color: #888888; font-size:15px;padding-bottom: 10px;display: block;}
|
||||
.top3_box .art-img{float:left; margin-right:10px; width:108px;}
|
||||
|
||||
.lifestyle {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
|
||||
.lifestyle h4{font-weight: bold; padding-bottom:20px;font-size:15px; height: 25px;line-height: 25px;}
|
||||
.lifestyle_box{ margin-bottom: 20px;overflow: hidden;}
|
||||
.lifestyle_box .art-info{ float:left;width:129px; line-height: 26px;}
|
||||
.lifestyle_box .art-info a:hover{color:#2bbec6; }
|
||||
.lifestyle_box .art-info .tit {color: #888888; font-size:15px;padding-bottom: 10px;display: block;}
|
||||
.lifestyle_box .art-img{float:left; margin-right:10px; width:108px;}
|
||||
|
||||
.issue{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; display: block;overflow: hidden;}
|
||||
.issue{margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; padding-bottom: 10px; }
|
||||
.issue h4{font-weight: bold; padding-bottom:20px;font-size:15px;}
|
||||
.issue_box{clear:both;overflow:hidden;height:30px;}
|
||||
.issue_box .no{color: #2bbec6;text-align: center; margin: 0 auto;display: inline-block;width: 20px;}
|
||||
.issue_box a:hover{color:#2bbec6;}
|
||||
.popular {margin:30px 0 30px 30px;border-bottom: 1px solid #ebeef3; padding-bottom: 10px;overflow:hidden; }
|
||||
.popular h4{font-weight: bold;padding-bottom: 20px;font-size: 15px;}
|
||||
.popular a:hover{color:#2bbec6;}
|
||||
.popular a.current{color:#2bbec6;}
|
||||
.popular .photo{position: relative;}
|
||||
.popular .p_list{float:left; width:130px; padding-right:9px; position: relative;}
|
||||
.popular .p_list:last-child{ padding-right:0 !important}
|
||||
.popular .p_list .tit{padding-top:10px; display:block; padding: 10px 0 20px;}
|
||||
.popular .p_list .tit a:hover{color:#2bbec6;}
|
||||
.popular .play img{position:absolute; top:50px; left:50px; z-index: 9998;}
|
||||
.life { margin:30px 0 30px 30px;width:268px;padding-bottom: 10px;overflow:hidden; }
|
||||
.life h4{font-weight: bold; padding-bottom:20px;font-size:15px;}
|
||||
.life img{position: relative;}
|
||||
.life .shadow{clear: both;width: 100%;height: 100%;display: block; position: absolute;bottom: 0;left: 0;z-index: 1;background-color: #000; opacity: 0.3}
|
||||
.life .i-cover {overflow: hidden;background: #000;position: relative;line-height: 0;width: 100%;}
|
||||
.life .i-cover .txt{position: absolute;bottom: 5px;left: 0;z-index: 2;width: 100%;padding: 5%;color: #fff;line-height: 1.2;}
|
||||
.life .i-cover a{color:#fff; z-index:999;}
|
||||
.life .i-cover2 {overflow: hidden;background: #000;position: relative;line-height: 0;width:134px; float:left !important;}
|
||||
.life .i-cover2 .txt{position: absolute; bottom: 5px;left: 0;z-index: 2;width: 100%; padding: 5%;color: #fff;line-height: 1.2;text-align: center;}
|
||||
.life .i-cover2 a{color:#fff; z-index:999;}
|
||||
|
||||
.timenews{padding:30px 0 20px; background: #f5f6f6;overflow:hidden; display: block; margin-bottom: 1px;}
|
||||
.t_left{width:730px;float:left;}
|
||||
.t_left .photonews{width:230px; margin-right:50px; float:left;}
|
||||
.t_left h4 {font-weight: bold;padding-bottom: 20px;font-size: 15px;overflow:hidden;display: block; width:100%;}
|
||||
.t_left .listnews{width:450px; float:left;}
|
||||
.t_right{width:300px;float:left;}
|
||||
.listnews p{border-bottom:1px solid #e6e6e6; font-size: 16px; line-height:46px;}
|
||||
.listnews a:hover{color:#2bbec6;}
|
||||
.listnews a:visited{color:#888;}
|
||||
.photonews .txt{padding:10px 0 20px; font-size:16px; line-height:25px;}
|
||||
.photonews .txt a:hover{color:#2bbec6;}
|
||||
.photonews .txt a:visited{color:#888;}
|
||||
.hotissue a{color:#04b9c2;}
|
||||
.banner3{border:1px solid #e5e5e5; width:270px; height: 260px; text-align:center; padding-top:10px; margin: 0 auto;margin-left: 25px;}
|
||||
.t_right{margin-left:30px;}
|
||||
.t_right .issue2{padding-bottom: 10px; margin: 10px 25px 0;}
|
||||
.t_right h4 {font-weight: bold;padding-bottom: 20px;font-size: 15px;}
|
||||
.new{color:#e64c3d;}
|
||||
.updown{ padding-left:10px ;}
|
||||
.updown img{vertical-align: middle; padding-right:5px;}
|
||||
.issue_box .bbox {width: 40px;text-align: left;float: right; font-size:12px;}
|
||||
.issue_box a:hover{color:#2bbec6;}
|
||||
.issue_box a:visited{color:#888;}
|
||||
|
||||
.community .table {width: 100%;}
|
||||
.community table thead { background: #fff none repeat scroll 0 0;border-bottom: 1px solid #eaeaea;border-top: 1px solid #878787;height: 40px;line-height: 40px;width: 100%;}
|
||||
.community table tr {border-bottom: 1px solid #e5e5e5;line-height: 50px; height: 50px;}
|
||||
.community table tr.notice{border-left:0 none; border-right:0 none;}
|
||||
.community_tbl_box10 {text-align: center;width: 10%;}
|
||||
.community_tbl_box60 {width: 60%;}
|
||||
.community_tbl_box20 {text-align: center;width: 20%;}
|
||||
.community table .notice .btn-notice1 {font-size: 13px;padding: 0 3px; margin-right:10px;}
|
||||
.community table a:hover{color:#2bbec6;}
|
||||
.community table .btn-reply img {padding-right: 5px; vertical-align: middle;}
|
||||
.community .mylist{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding:10px 0; margin-top:30px; text-align:center;}
|
||||
.community .mylist span a:hover{color:#2bbec6;}
|
||||
.community .date {color: #4e4e4e;font-size: 13px;text-align: center;}
|
||||
.community .writer{text-align: center; }
|
||||
.community .same{text-align: center; color:#ff5555;font-size:13px;}
|
||||
.community .click{text-align: center; color:#969696;font-size:13px;}
|
||||
.community .comments{color:#2bbec6; padding-left: 10px;}
|
||||
.community .table_btns{ height: 50px;line-height: 50px;overflow: hidden;vertical-align: middle;}
|
||||
.community .table_btns a{margin-left:10px;}
|
||||
.community .table_btns .current{background: #2bbec6;color:#fff;}
|
||||
.community .slct_box {clear: both;margin: 20px 0;overflow: hidden;text-align: center;}
|
||||
.community .table_btns .lists img{padding: 20px 5px 0 !important; margin-left:0 !important;}
|
||||
.community .table_btns .lists a:hover{color:#2bbec6;}
|
||||
.community .srch span {border: 1px solid #ccc;border-radius: 5px;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0 0 0 10px;vertical-align: middle;width: 300px;}
|
||||
.community .srch img {float: right; padding: 6px 5px 0;}
|
||||
.community .srch span input {border: 0 none;float: left;font-size: 14px;height: 32px;line-height: 32px;width: 270px;}
|
||||
.community .slct {background: #fff url("/img/web/img_select.gif") no-repeat scroll 95% 50%; border: 1px solid #ccc;border-radius: 5px;margin-right: 10px;overflow: hidden;width: 150px;float:left;}
|
||||
.community .lists{font-size:13px;}
|
||||
.community .c_banner{margin-bottom:30px;overflow:hidden; display: block;}
|
||||
.slct select {-moz-appearance: none;background: transparent none repeat scroll 0 0;border: medium none;color: #757575;font-size: 14px;height: 32px;line-height: 32px;padding-left: 10px;width: 170px;}
|
||||
|
||||
.bestpray{background: url(/img/web/img_best.jpg) no-repeat left top; margin-bottom:30px; height: 213px; padding:30px 40px;}
|
||||
.bestpray a{color:#fff; line-height: 30px;}
|
||||
.bestpray .txt_l{float:left; padding:30px 20px 0 0; width:300px;}
|
||||
.bestpray .txt_r{float:left; padding:30px 0 0 20px;width:300px;}
|
||||
.bestpray .tit{color:#fff; border: 1px solid #fff; width:80px; text-align: center; padding:10px 20px; font-size:16px;}
|
||||
.bestpray .no_first{color:#a7f5f9; padding-right:5px;}
|
||||
.bestpray .no_second{color:#f5dda3; padding-right:5px;}
|
||||
.panel{border-top:1px solid #888888;}
|
||||
.panel_header {background: #fff none repeat scroll 0 0;height: 50px;line-height: 50px;text-align: center;width: 100%;}
|
||||
.panel_body{background: #fbfbfb; padding:30px 30px; overflow:hidden; line-height: 30px; border-bottom:1px solid #dcdcdc;clear: both;}
|
||||
.panel_body li{float:left;}
|
||||
.panel_title{font-size:18px; }
|
||||
.panel_info{background: #fbfcfd;border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;height: 35px;line-height: 35px;padding: 3px 7px; font-size:13px;}
|
||||
.panel_info img{padding:13px 6px;}
|
||||
.panel_btns{text-align:center; margin-top:30px;}
|
||||
.panel_btns span a{font-weight: bold;}
|
||||
.reply_all {padding: 20px 0;width: 100%;border-bottom: 1px solid #ebeef3;}
|
||||
.reply_all ul{height:35px; line-height: 35px;}
|
||||
.reply_all ul:hover{background: #e9f9fb;}
|
||||
.reply_all .current{background: #e9f9fb;}
|
||||
.reply_all .current a{color:#000; font-size: 16px;}
|
||||
.reply_all li{float:left; height: 30px; }
|
||||
.reply_all .tit{width:67%; padding-left:3%; background: url(/img/web/img_dot2.gif) no-repeat 2% 50%;}
|
||||
.reply_all .tit a:hover{color:#000; font-size: 16px;}
|
||||
.reply_all .writer{width:15%;}
|
||||
.reply_all .date{width:15%;}
|
||||
|
||||
.community_top{margin-top:20px; width:100%; background: #f6f5f0; overflow: hidden; padding:30px 0;}
|
||||
|
||||
.pray {margin-top:20px; width:100%;}
|
||||
|
||||
.pray .lists a{font-size:15px;float:left; padding:0 10px; color: #bab3b3;}
|
||||
.pray .lists a:hover{color:#2bbec6;}
|
||||
.pray .lists .current{color:#2bbec6;}
|
||||
.life_list h4 {padding: 20px 0;font-size: 16px;}
|
||||
.community_contents h4{padding: 20px 0;font-size: 16px;}
|
||||
.column_contents h4{padding: 20px 0;font-size: 16px;}
|
||||
.talk{clear: both;
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;}
|
||||
.t_reply{color:#fb3f3f;}
|
||||
.talk_box li{height: 30px; }
|
||||
.talk_left {width:49%; margin-right:2%; float:left;}
|
||||
.talk_right {width:49%; float:left;}
|
||||
.talk_right .talk_reply{padding-top:10px; color:#888888;}
|
||||
.talk_box{overflow:hidden; display: block; margin-bottom: 10px;}
|
||||
.btn_reply{padding:2px 4px; font-size:12px; margin-right:5px;}
|
||||
.talk_header{margin-bottom: 30px; height: 30px; line-height: 30px;}
|
||||
.talk_header li:hover{color: #2bbec6;background-color: #fff;border-color: #2bbec6;}
|
||||
.talk_header li.current{color: #2bbec6;background-color: #fff;border-color: #2bbec6;}
|
||||
.talk_header .all{font-size: 13px; padding-right:10px;}
|
||||
|
||||
.top_left{width:410px; float:left; margin-right: 20px;}
|
||||
.top_left .tl_img{float:left; margin-right: 20px; width:180px; }
|
||||
.top_left .tl_img img{border-radius: 180px;border:4px solid #fff;}
|
||||
.top_left .top_box{float:left; width:200px; margin-top:15px;}
|
||||
.art_cate{color:#a5a5a5; padding: 8px 0; }
|
||||
.art_cate2{color:#06b9c0; padding: 8px 0; }
|
||||
.top_left .top_box h3{color:#000; font-size:20px; line-height:28px; margin-bottom: 20px; font-weight: bold;}
|
||||
.top_left .top_box h3 a:hover{color: #2bbec6;}
|
||||
.top_left .txt{font-size: 13px;
|
||||
line-height: 23px;color:#676767;}
|
||||
|
||||
.top_right{float:left; position: relative; width:615px;}
|
||||
.top_right .btn_l{position: absolute; top:70px; left:0; width: 13px;}
|
||||
.top_right .btn_r{position: absolute; top:70px; right:0; width: 13px;}
|
||||
.top_right li{ float: left;
|
||||
|
||||
width: 120px;
|
||||
margin: 0 11px;}
|
||||
.top_right li:last-child{margin-right:0 !important;}
|
||||
.top_right .tr_img{text-align: center;}
|
||||
.top_right .tr_img img{border-radius: 120px;border:4px solid #fff;}
|
||||
.tr_txt a{font-size:15px;}
|
||||
.tr_txt a:hover{color: #2bbec6;}
|
||||
.top_right ul{ padding-left: 20px;}
|
||||
.pray_box {float:left; clear:both; width:100%; margin-top: 20px; position:relative;}
|
||||
.pray_box li{position:relative; float:left; margin-right:20px;width:230px; }
|
||||
.pray_box li:last-child{margin-right:0 !important;}
|
||||
.pray_box .photo_info{position:absolute; bottom:0; left:0; background: #000; opacity: 0.8; padding:10px;}
|
||||
.pray_box .photo_info a{color:#fff;}
|
||||
.pray_box .tag{background: #fb3f3f none repeat scroll 0 0;
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
left: 0;
|
||||
padding: 5px 10px;
|
||||
position: absolute;
|
||||
top: 0;}
|
||||
.pray_box .s_left{position:absolute; left:0; top:35px;z-index: 9998;}
|
||||
.pray_box .s_right{position:absolute; right:0; top:35px;z-index: 9998;}
|
||||
.pray .list_box {padding-top:30px; clear:both; width:100%; font-size: 15px; overflow: hidden;display: block;}
|
||||
.pray .list_box div{height:40px;}
|
||||
.pray .list_box .writer a{font-size:13px; color:#a5a5a5;}
|
||||
.pray .list_box a:hover{color:#2bbec6;}
|
||||
|
||||
.beststory{background: url(/img/web/img_4_1.jpg) no-repeat left top; width:730px; height:162px; margin-top: 20px; position: relative;}
|
||||
.beststory .photo_info2{position:absolute; top:0; right:0; background: #000; opacity: 0.6; padding:15px 20px; width:410px;height:132px;}
|
||||
.beststory .photo_info2 a{color:#fff; line-height: 32px;}
|
||||
.beststory .photo_info2 a:hover{color:#2bbec6;}
|
||||
.beststory .tit{color:#fff; border-radius: 70px; text-align: center; vertical-align: middle; border: 1px solid #fff; width:70px; height: 70px; display: block; position: absolute; left:30px; bottom:20px;}
|
||||
.beststory .tit a{color: #fff;
|
||||
display: block;
|
||||
padding-top: 10px; font-size: 13px;
|
||||
}
|
||||
.photo_info2 a:hover{color:#2bbec6;}
|
||||
|
||||
|
||||
.search_header{clear:both; position: relative; border-bottom: 1px solid #e6e6e6; height: 47px; line-height: 47px; font-size:16px;}
|
||||
.search_logo {position:absolute; left:30px; width:32px; top:14px; display: inline-block;}
|
||||
.search_menu{position: absolute; left:80px;}
|
||||
.search_menu span{padding:0 5px;}
|
||||
.search_menu .current{color:#2bbec6;}
|
||||
.search_menu a:hover{color:#2bbec6;}
|
||||
.search_menu img{padding-top:16px;}
|
||||
|
||||
.middle_search{width:730px; margin:0 auto;}
|
||||
.middle_search .search_list{clear:both;display: block; overflow: hidden; margin-top: 20px;}
|
||||
.middle_search .search_list li {
|
||||
float: left;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.middle_search .search_list a:hover {
|
||||
color: #2bbec6;}
|
||||
.middle_search .search_list .current {
|
||||
color: #2bbec6;
|
||||
}
|
||||
.middle_search .search_list li img {
|
||||
padding-top: 2px;
|
||||
}
|
||||
.middle_search .period{clear:both; overflow: hidden;display: block; border-top: 1px solid #eaeaea; border-bottom: 1px solid #2dbfc6; padding:20px 0; margin-top:20px;}
|
||||
.middle_search .period img{padding: 2px 5px;}
|
||||
.time_tit{padding-right:20px; color:#969696;}
|
||||
.middle_search .period .current{color:#2bbec6;}
|
||||
.middle_search .period a:hover{color:#2bbec6;}
|
||||
.middle_search .search_cate {
|
||||
margin: 20px 0;color: #000;
|
||||
font-size: 17px;
|
||||
border-bottom: 1px solid #eaeaea; padding-bottom:10px;
|
||||
}
|
||||
.middle_search .search_num {
|
||||
color: #767676;
|
||||
font-size: 14px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.middle_search .search_img{float:right; margin-top: 40px;}
|
||||
.middle_search .search_tit {
|
||||
font-size: 18px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.middle_search .search_tit a {
|
||||
color: #2954b6;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.middle_search .search_tit a:hover {
|
||||
color: #2bbec6;
|
||||
}
|
||||
.middle_search .search_txt {
|
||||
line-height: 22px;
|
||||
}
|
||||
.middle_search .search_box {
|
||||
float: left;
|
||||
width: 570px;
|
||||
}
|
||||
.middle_search .search_wrap {
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
.middle_search .search_info {
|
||||
color: #767676;
|
||||
font-size: 13px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin-bottom:20px;
|
||||
}
|
||||
.middle_search .search_info a:hover{color:#2bbec6;}
|
||||
.middle_search .search_info span {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.middle_search .search_info img {
|
||||
margin-right: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.middle_search .btn_photos2 {
|
||||
margin: 20px 0 40px 0;
|
||||
padding: 10px 15px;
|
||||
width:700px;
|
||||
}
|
||||
|
||||
.middle_search .btn_photos2 img{padding-top:7px;}
|
||||
.middle_search .m_t_search{clear: both; background: #fff;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
width: 730px;
|
||||
border:1px solid #2bbec6; height: 42px; line-height: 42px; position: relative;
|
||||
}
|
||||
.middle_search .srch_inp{width:680px;}
|
||||
.middle_search .srch_inp input {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
border: 0 none;
|
||||
color: #4e4e4e;
|
||||
font-size: 16px;
|
||||
line-height: 42px;
|
||||
padding-left:20px;
|
||||
width: 90%;
|
||||
}
|
||||
.middle_search .btn_search{position: absolute; right:10px; top:10px; background: url(/img/web/img_search2.gif) no-repeat;width:26px; height: 26px;text-indent: -9999px;}
|
||||
|
||||
.middle_search .btn_clear_input{position: absolute; right:50px; top:8px; background: url(/img/web/btn_close.gif) no-repeat; width:27px; height: 27px; text-indent: -9999px; }
|
||||
.m_t_search button {
|
||||
|
||||
border: 0 none;
|
||||
box-shadow: none;
|
||||
cursor: pointer;
|
||||
outline: 0 none;
|
||||
}
|
||||
.channel_bottom {
|
||||
margin-bottom: 30px;
|
||||
background: rgba(0, 0, 0, 0) url(/img/web/bg_row.gif) repeat-x scroll 50% 50%;
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 40px;
|
||||
overflow: hidden;
|
||||
/* padding: 40px 0; */
|
||||
position: relative;
|
||||
}
|
||||
.channel_bottom button {
|
||||
position: absolute;
|
||||
width: 9%;
|
||||
margin-left: 45.5%;
|
||||
height: 40px;
|
||||
}
|
||||
.src_icon{ position: absolute;
|
||||
right: 55px;
|
||||
top: 16px;}
|
||||
/* footer */
|
||||
.footer{background: #f1f7fa; height: 85px; clear:both;}
|
||||
.footer_search{background: #f1f7fa;clear:both; padding:30px 0;}
|
||||
.copyright{position: absolute;left:0;color:#888888; font-size:11px; top:40px;}
|
||||
.f_social{position: absolute;top:30px;right:0;}
|
||||
.f_social a{padding:0 3px;}
|
||||
.f_social_l{margin:0 auto; text-align:center;}
|
||||
.f_social_l a{padding:0 3px;}
|
||||
|
||||
|
||||
|
||||
/*.news_box{border: 1px solid #d4d4d4;*/
|
||||
/*width: 100%;*/
|
||||
/*background: #fff;*/
|
||||
/*overflow: hidden;*/
|
||||
/*display: block;*/
|
||||
/*margin:20px 0;}*/
|
||||
/*.news_box ul{float:left; width:12.8%; margin:0 auto; padding: 10px 4.99px;}*/
|
||||
/*.news_box ul li{padding:10%;}*/
|
||||
/*.news_box .news_s_box{border-right:1px solid #ececec;}*/
|
||||
/*.news_box .news_s_box li a{font-size:13px;}*/
|
||||
/*.news_box .news_s_box li a:hover{color:#2bbec6;}*/
|
||||
/*.news_box .news_s_box:last-child{border-right:0 !important;}*/
|
||||
|
||||
.columnist_box{border: 1px solid #d4d4d4;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
margin:20px 0;
|
||||
|
||||
}
|
||||
.columnist_box ul{ width: 100%; margin:0 auto;}
|
||||
.columnist_box .news_s_box div { float:left; border-left: 1px solid #ececec; width:12.3%; padding:18px 0px 0px 13.1px;}
|
||||
.columnist_box .news_s_box div a{font-size:13px;}
|
||||
.columnist_box .news_s_box div a:hover{color:#2bbec6;}
|
||||
.columnist_box .last_row {color:#2bbec6;}
|
||||
|
||||
|
||||
274
public/renew/css/web/search.css
Executable file
274
public/renew/css/web/search.css
Executable file
@@ -0,0 +1,274 @@
|
||||
#search {width:100%;border-bottom: 1px solid #eaeaea; padding-bottom: 100px;}
|
||||
#search .search_result{font-size:18px; border-bottom: 1px solid #eaeaea; padding:10px 0 20px 0; overflow: hidden;}
|
||||
#search .search_result .keyword{font-weight:bold;}
|
||||
#search .search_result .search_view a{color: #2954b6;
|
||||
text-decoration: underline;}
|
||||
#search .search_result .related_tit{width:7%; float:left; font-size:14px; padding-top: 3px;}
|
||||
#search .search_result .related_names{width:86%; float:left;}
|
||||
#search .search_result .related_names a{color:#2954b3; font-size:14px; padding-right:15px; padding-bottom: 10px;}
|
||||
#search .search_result .related_btn{width: 7%;
|
||||
text-align: right;
|
||||
padding-top: 17px;}
|
||||
#search .search_cate{font-size:17px; margin-bottom: 30px;color:#000;}
|
||||
#search .search_num{color:#767676; font-size:14px; padding-left:20px;}
|
||||
#search .search_nav{color:#000; padding-left:20px;font-size:14px;}
|
||||
#search .search_nav a{color:#000; font-size:14px;}
|
||||
#search .search_nav .current{color:#2954b6;}
|
||||
#search .search_date{color:#767676; font-size:13px; padding-left:10px;}
|
||||
#search .search_info{color: #767676;
|
||||
font-size: 13px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin: 5px 0;}
|
||||
#search .search_info img{vertical-align: middle; margin-right:5px;}
|
||||
#search .search_info a{color:#767676; }
|
||||
#search .search_info a:hover{color:#2bbec6;}
|
||||
#search .search_info span{margin-right:10px;}
|
||||
#search .search_date .img_direct img{padding-left:10px;clear:both; padding-top: 2px;}
|
||||
#search .search_tit{font-size:18px;margin-bottom: 10px;}
|
||||
#search .search_tit a{color:#2954b6; text-decoration: underline; }
|
||||
#search .search_tit a:hover{color:#2bbec6; }
|
||||
#search .search_txt{line-height: 22px;}
|
||||
#search .search_url{}
|
||||
#search .search_url a{color:#04b9c2; font-size:14px;}
|
||||
#search .search_cate{margin:20px 0; }
|
||||
#search .search_cate span{margin-left:5px; }
|
||||
#search .search_img{float:left; margin-right: 20px; position: relative;}
|
||||
#search .search_img .play{position:absolute; top:30px; left:50px;}
|
||||
#search .search_img .playtime{position:absolute; top:40px; right:0px; background: #000; opacity: 0.7; color:#fff; font-size:12px; padding:2px 5px;}
|
||||
#search .search_wrap{width:100%; overflow:hidden; display: block; margin-bottom: 20px;}
|
||||
|
||||
|
||||
|
||||
.b_roll{clear:both; overflow:hidden; padding:20px 0 0 60px;border-top: 1px solid #eaeaea;}
|
||||
.b_roll img{padding-top:5px; display: inline-block;}
|
||||
.b_roll_txt{display: inline-block;width: 150px;}
|
||||
.b_roll_txt a:hover{color:#2bbec6;}
|
||||
|
||||
.b_search{width: 595px;clear:both; position: relative; display: block; height: 50px; margin:20px 0 20px 60px;}
|
||||
.b_window{ position:absolute; left:0; top:0; display: inline-block;width: 546px;height: 41px;border: 2px solid #04b9c2;background: #fff;padding-left: 20px;font-size: 15px;color: #999;}
|
||||
.b_src_sumit{position:absolute; left:550px; top:0;overflow: visible;width: 45px;height: 45px; line-height:45px; padding-top:10px;border: 0;background: #04b9c2;}
|
||||
#search .search_tab{margin-top:20px;}
|
||||
#search .search_tab a{color:#2bbec6;}
|
||||
#search .search_tab a:hover{background: #f3f3f3;color:#767676;}
|
||||
#search .search_tab .current{background: #f3f3f3;color:#767676;}
|
||||
#search .search_tab2{margin-top:20px;margin-bottom: 10px;}
|
||||
#search .search_tab2 span{margin-top:20px;}
|
||||
#search .search_tab2 span a{color:#767676 !important; background: #f3f3f3 !important}
|
||||
#search .search_tab2 span a:hover{background: #fff !important;color:#04b9c2 !important;}
|
||||
#search .search_tab2 span a.current{background: #fff !important;color:#04b9c2 !important;}
|
||||
#search .search_list{margin-top:20px; width:100%; overflow:hidden; display: block;}
|
||||
#search .search_list a:hover{color:#2bbec6;}
|
||||
#search .search_list .current{color:#2bbec6;}
|
||||
#search .search_list li{float:left; padding:0 5px;}
|
||||
#search .search_list li img{padding-top:2px;}
|
||||
#search .s_reply img{margin-right:5px !important;}
|
||||
#search .s_reply a{color:#2954b6 !important;}
|
||||
#search .search_box{float:left; width:570px;}
|
||||
.search_all{font-size:14px; color:#767676; margin-top:20px; display: block; overflow: hidden;}
|
||||
.search_all a:hover{color:#2bbec6; }
|
||||
.s_search_all{font-size:14px; color:#767676; }
|
||||
.s_search_all a:hover{color:#2bbec6; }
|
||||
.s_seeall {height:23px; line-height: 23px;}
|
||||
.s_seeall a{color:#2954b6;text-decoration: underline;}
|
||||
.s_seeall a:hover{color:#2bbec6; }
|
||||
.s_seeall img{padding:5px 0 0 5px;}
|
||||
.notice{ font-size:12px; color:#868686; border: 1px solid #c3c3c3; padding:2px;}
|
||||
.notice a{color:#868686; }
|
||||
.notice_info{font-size:13px;}
|
||||
.profile img {
|
||||
border-radius: 20px;
|
||||
|
||||
}
|
||||
.search_cate2 {overflow:hidden;}
|
||||
.search_cate2 li{float:left;}
|
||||
|
||||
#search .search_list2{margin-top:21px; overflow:hidden; padding-left:20px;}
|
||||
|
||||
#search .search_list2 a:hover{color:#2bbec6;}
|
||||
#search .search_list2 .current{color:#2bbec6;}
|
||||
#search .search_list2 a{padding:0 5px;}
|
||||
#search .search_list2 img{padding-top:2px;}
|
||||
.bb{border-bottom:1px solid #e1e2e3;}
|
||||
.video_box{width:100%;padding-bottom: 10px;overflow: hidden; display: block;}
|
||||
.video_list {width:137px;display: inline-block;float:left; margin-right:11px; position:relative;}
|
||||
.video_list:last-child{margin-right:0 !important;}
|
||||
.video_list .report{position:absolute;top:10px; left:10px; width:20px; height: 20px;}
|
||||
.video_list .play {
|
||||
left: 50px;
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
width:20px; height: 20px;
|
||||
}
|
||||
.video_list .playtime {
|
||||
background: #000 none repeat scroll 0 0;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
opacity: 0.7;
|
||||
padding: 2px 5px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 40px;
|
||||
}
|
||||
.video_list .playtime2 {
|
||||
background: #000 none repeat scroll 0 0;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
opacity: 0.7;
|
||||
padding: 2px 5px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 76px;
|
||||
}
|
||||
.video_list .tit{padding-top:10px; overflow:hidden;display: block;}
|
||||
.video_list .tit a{font-size:14px; color: #2954b6;line-height: 22px;}
|
||||
.video_list .tit img{padding:2px;}
|
||||
|
||||
|
||||
.popup_share{ background: #fff none repeat scroll 0 0;
|
||||
border: 1px solid #bfbfc0;
|
||||
display: block;
|
||||
left: 50%;
|
||||
margin: 0 auto;
|
||||
margin-left: -126px;
|
||||
padding: 40px 20px 20px 20px;
|
||||
position: absolute;
|
||||
top: 355px;
|
||||
width: 260px;
|
||||
z-index: 9999999;
|
||||
height: 170px;}
|
||||
.popup_share a:hover{color:#2bbec6;}
|
||||
.popup_share img{padding-bottom: 5px;}
|
||||
.popup_share li{float:left;text-align:center; width:65px; display: inline-block;}
|
||||
.popup_share li a{font-size: 12px;}
|
||||
.popup_share .s_share{clear:both;display: block; padding-top:15px;
|
||||
position: relative;
|
||||
|
||||
|
||||
width: 250px;
|
||||
}
|
||||
.popup_share .s_window {
|
||||
background: #f8f8f8 none repeat scroll 0 0;
|
||||
border: 1px solid #d8d8d8;
|
||||
color: #686868;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
height: 28px;
|
||||
padding-left: 10px;
|
||||
position: absolute;
|
||||
width: 174px;
|
||||
}
|
||||
.popup_share .s_close{position:absolute; right:25px; top:10px;}
|
||||
.popup_share .s_src_sumit {
|
||||
background: #fff none repeat scroll 0 0;
|
||||
border: 1px solid #d8d8d8;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
overflow: visible;
|
||||
width: 65px;
|
||||
position: absolute;right:0;font-size: 12px;
|
||||
}
|
||||
.search_images{width:100%;
|
||||
}
|
||||
.search_images .search_result{font-size:18px; border-bottom: 1px solid #eaeaea; padding:10px 0 20px 0;}
|
||||
.contents .s_wrap{ width: 96%; margin: 0 auto; padding:0 2%;}
|
||||
.photos{clear:both;overflow:hidden;display: block; padding-top:10px;}
|
||||
.photos .photo_info{ background: #000 none repeat scroll 0 0;
|
||||
bottom: 0;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
left: 0;
|
||||
opacity: 0.7;
|
||||
padding: 6px 4%;
|
||||
position: absolute;
|
||||
width: 92.1%;
|
||||
}
|
||||
.photos a{margin-right:6px; float:left; position: relative;}
|
||||
.photos a:last-child{margin-right:0 !important;}
|
||||
|
||||
.photos1 {clear:both;overflow:hidden;display: block; padding-top:10px;}
|
||||
.photos1 li {margin-right:6px; margin-bottom:6px;float:left; position: relative;}
|
||||
.photos1 .photo_info{ background: #000 none repeat scroll 0 0;
|
||||
bottom: 0;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
left: 0;
|
||||
opacity: 0.7;
|
||||
padding: 6px 4%;
|
||||
position: absolute;
|
||||
width: 92.1%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.image_viewer{background:#000000; padding:70px 80px; overflow:hidden; position:relative; display: block; clear: both; margin-bottom: 10px; margin-top:20px;}
|
||||
.click_left{position: absolute; left:30px; top:180px;}
|
||||
.click_right{position: absolute; right:30px;top:180px;}
|
||||
.click_close{position:absolute; top:20px; right:20px;}
|
||||
.pointer{height: 7px;
|
||||
left: 340px;
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
width: 11px;}
|
||||
.viewer_photo{width:434px; float:left; margin-right:50px;}
|
||||
.viewer_photo img{vertical-align: middle; text-align: center;}
|
||||
.viewer_box{width:399px; float:left; position:relative;}
|
||||
.viewer_box .report{ position: absolute;
|
||||
border: 1px solid #6a6c6d;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
width: 155px;
|
||||
height: 45px;
|
||||
left: -80px;
|
||||
top: 63px;
|
||||
text-align: center;
|
||||
padding: 20px;}
|
||||
.viewer_box .report div{margin-top: 15px;}
|
||||
.viewer_box .report span{margin: 0 5px;
|
||||
background: #424242;
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
padding: 3px 10px;
|
||||
font-size: 12px;}
|
||||
.viewer_box .report a{color:#fff;}
|
||||
.viewer_box .small_photos a{margin-right:10px; float:left; margin-bottom: 10px;}
|
||||
.viewer_box h2{font-size:18px; font-weight: bold;color:#9a9d9e; line-height: 28px; margin-bottom: 10px;}
|
||||
.viewer_box_wrap{width:1040px; margin:0 auto;}
|
||||
.wrap_photos{position:relative;}
|
||||
.btn_photos{
|
||||
margin: 40px 0 20px;
|
||||
padding: 15px 0;
|
||||
width:100%;}
|
||||
.btn_photos img{vertical-align: middle; padding-left:10px;}
|
||||
|
||||
.btn_photos a:hover{color:#2bbec6;}
|
||||
.not_found02 {
|
||||
padding: 10px 0 21px 30px;
|
||||
zoom: 1;
|
||||
|
||||
|
||||
}
|
||||
.not_found02 p {
|
||||
padding-right: 20px;
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
line-height: 18px;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
}
|
||||
.not_found02 p em {
|
||||
color: #eb0c00;
|
||||
}
|
||||
.not_found02 ul {
|
||||
margin: 14px 0 0 10px;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.not_found02 li {
|
||||
margin-bottom: 5px;
|
||||
padding-left: 7px;
|
||||
background: url(/img/web/spot.gif) no-repeat 0 7px;
|
||||
color: #000;
|
||||
}
|
||||
Reference in New Issue
Block a user