2133 lines
73 KiB
CSS
Executable File
2133 lines
73 KiB
CSS
Executable File
@charset "utf-8";
|
||
|
||
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
|
||
@import url('http://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;}
|
||
|
||
|
||
|
||
/* 테이블 - 마크업에 '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; letter-spacing: -0.5px;}
|
||
|
||
html {overflow-y:scroll; height:100%; min-height:100%;}/*세로스크롤*/
|
||
|
||
/* 링크설정 */
|
||
a,a:active{
|
||
color: #000;
|
||
text-decoration: none;
|
||
}
|
||
a:visited {
|
||
color: #999;
|
||
text-decoration: none;
|
||
}
|
||
|
||
|
||
a:hover {
|
||
text-decoration: none;
|
||
color: #2bbec6;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
/* common */
|
||
.ft14 {
|
||
font-size: 14px;
|
||
}
|
||
.ft16 {
|
||
font-size: 16px;
|
||
}
|
||
.ft18 {
|
||
font-size: 18px;
|
||
}
|
||
.ft20 {
|
||
font-size: 18px;
|
||
}
|
||
.ft20 {
|
||
font-size: 22px;
|
||
}
|
||
.ft24 {
|
||
font-size: 24px;
|
||
}
|
||
.trc {
|
||
text-align: center;
|
||
}
|
||
.bgb {
|
||
border-bottom: 1px solid #bfbfbf;
|
||
}
|
||
.bgt {
|
||
border-top: 1px solid #bfbfbf;
|
||
}
|
||
.fl{float:left;}
|
||
.fr{float:right;}
|
||
.art_img{width:100%;}
|
||
.title_no{color:#80f1e6;}
|
||
.fl{float:left;}
|
||
.fr{float:right;}
|
||
|
||
.tbl_box10{width:10%;}
|
||
.tbl_box12{width:12%;}
|
||
.tbl_box15{width:15%;}
|
||
.tbl_box20{width:20%;}
|
||
.tbl_box24{width:24%;}
|
||
.tbl_box30{width:30%;}
|
||
.tbl_box40{width:40%;}
|
||
.tbl_box50{width:50%;}
|
||
.tbl_box60{width:60%;}
|
||
.tbl_box70{width:70%;}
|
||
.tbl_box73{width:73%;}
|
||
.tbl_box76{width:76%;}
|
||
.tbl_box80{width:80%;}
|
||
.tbl_box100{width:100%;}
|
||
.br3 {
|
||
border-radius: 3px;
|
||
}
|
||
.br5 {
|
||
border-radius: 5px;
|
||
}
|
||
.br10 {
|
||
border-radius: 10px;
|
||
}
|
||
.br20 {
|
||
border-radius: 20px;
|
||
}
|
||
.btn {
|
||
display: inline-block;
|
||
padding: 5px 15px;
|
||
margin-bottom: 0;
|
||
font-size: 13px;
|
||
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;
|
||
}
|
||
.btn-default_bb{color: #2bbec6 !important;background-color: #fff;border:1px solid #2bbec6 !important;}
|
||
.btn-default_bb:hover{color:#2bbec6 !important; background-color:#fff;border:1px solid #2bbec6 !important; }
|
||
.btn-default{color: #959595;background-color: #fff;border: 1px solid #a7a7a7}
|
||
.btn-default:hover{color:#2bbec6 !important; background-color:#fff;border:1px solid #2bbec6 !important;}
|
||
.btn-default a:hover{color:#2bbec6 !important;}
|
||
.btn-success {color: #fff;background-color: #2bbec6; border: none;}
|
||
.btn-grey{background: #c5c5c5}
|
||
.txc{text-align:center;}
|
||
.txl{text-align:left;}
|
||
.txr{text-align:right;}
|
||
.beachblue{color:#2bbec6;}
|
||
.beachblue a {color: #2bbec6;}
|
||
.bgb3 {border-bottom: 1px solid #e6e6e6;}
|
||
.grey{color:#a1a1a1;}
|
||
.info_red{color:#ff1919; font-size:13px;}
|
||
/* form */
|
||
input {
|
||
border:0;
|
||
display: inline-block;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
vertical-align: middle;
|
||
color:#b7b7b7;
|
||
padding-left: 2%;
|
||
font-size: 17px;
|
||
font-weight:normal;
|
||
}
|
||
input::placeholder {
|
||
color: #b7b7b7;
|
||
}
|
||
label {
|
||
font-size: 15px;
|
||
color: #2bbec6;
|
||
margin-left: 2%;
|
||
display: block;
|
||
margin-bottom:10px;
|
||
}
|
||
textarea {
|
||
margin-bottom: 10px;
|
||
width: 90%;
|
||
border: 1px solid #adadad;
|
||
border-radius: 5px;
|
||
padding: 5%;
|
||
color: #868686;
|
||
font-size:13px;
|
||
}
|
||
select {
|
||
|
||
background: transparent none repeat scroll 0 0;
|
||
border: medium none;
|
||
color: #757575;
|
||
font-size: 14px;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
padding-left: 10px;
|
||
-webkit-appearance: none; /* 화살표 없애기 for chrome*/
|
||
-moz-appearance: none; /* 화살표 없애기 for firefox*/
|
||
appearance: none; /* 화살표 없애기 공통*/
|
||
}
|
||
select::-ms-expand {
|
||
display: none; /* 화살표 없애기 for IE10, 11*/
|
||
}
|
||
|
||
.form-group{border-bottom: 1px solid #ccc; position: relative;clear: both;
|
||
overflow: hidden; padding-top:10px;}
|
||
|
||
/* mypage */
|
||
#mypage{width:100%;}
|
||
#mypage .mypage_top{ height:50px; line-height:45px;position: relative;}
|
||
#mypage .mypage_top .mypage_logo{position:absolute; left:25px; top:10px;}
|
||
#mypage .mypage_top .mypage_logo img{width:60%; height: auto;}
|
||
#mypage .mypage_top .mypage_title{position:absolute; left:75px; top:4px; font-size:17px; color:#4f4f4f;}
|
||
#mypage .mypage_top .mypage_tab{position: absolute; left:150px; top:3px;}
|
||
#mypage .mypage_top .mypage_tab span{float:left; padding:0 5px;}
|
||
#mypage .mypage_top .mypage_tab a{color:#b2b2b2; font-size: 15px;}
|
||
#mypage .mypage_top .mypage_tab .current{color:#2bbec6;}
|
||
#mypage .mypage_top .mypage_tab img{vertical-align: middle;}
|
||
#mypage .mypage_top .mypage_menu{position:absolute; right:0; top:9px;}
|
||
#mypage .mypage_top .mypage_menu img{width:60%; height: auto;}
|
||
#mypage .mypage_top .mypage_search{position:absolute; right:50px; top:12px;}
|
||
#mypage .mypage_top .mypage_write{position:absolute; right:10px; top:11px;}
|
||
#mypage .mypage_header{background: #04b9c2; height:50px; line-height: 50px; text-align: center; position: relative;}
|
||
#mypage .mypage_header .btn_left{position:absolute; left:5%; }
|
||
#mypage .mypage_header .btn_left2{position:absolute; left:5%; }
|
||
#mypage .mypage_header .btn_left a{font-size:12px;background: url(../images/arrow_s_down.gif) no-repeat 90% 50%;}
|
||
#mypage .mypage_header .btn_left2 a{font-size:12px;}
|
||
#mypage .mypage_header .btn_right{position:absolute; right:5%; }
|
||
#mypage .mypage_header .btn_right a{font-size:12px;}
|
||
#mypage .mypage_header .header_tit{position:absolute; left:25%;right:25%; color:#fff; font-size:17px; width:50%;}
|
||
#mypage .mypage_header .header_list_on a{color:#fff; font-size:17px}
|
||
#mypage .mypage_header .header_list_off a{ color:#e5e5e5; font-size:17px;}
|
||
#mypage .mypage_header .btn-default{color:#fff !important; background: #04b9c2; border:1px solid #fff;}
|
||
#mypage .mypage_header .btn-default:hover{color:#fff !important; border:1px solid #fff !important;}
|
||
#mypage .mypage_header .p_title3{color: #fff; padding-left:20px;
|
||
font-size: 17px;}
|
||
#mypage .mypage_header .btn-info {
|
||
position: absolute;
|
||
right: 20px;
|
||
top: 10px;
|
||
}
|
||
#mypage .mypage_submenu {background: #fbfcfd; padding:15px 30px; height: 20px;}
|
||
#mypage .mypage_submenu .submenu_cate img{padding-top: 3px;}
|
||
#mypage .mypage_submenu a{padding:0 10px;font-size: 16px;}
|
||
#mypage .mypage_submenu a:hover{color:#2bbec6;}
|
||
#mypage .mypage_submenu .current{color:#2bbec6;}
|
||
#mypage .mypage_cont table{width:100%; font-size:16px;}
|
||
#mypage .mypage_cont table th{text-align: center;}
|
||
#mypage .mypage_cont table tr{height:50px; border-bottom: 1px solid #d2d2d2;}
|
||
#mypage .mypage_cont table td a{color:#000;}
|
||
#mypage .mypage_cont table td a:hover{color:#2bbec6;}
|
||
#mypage .mypage_cont .time{font-size:14px; color:#999999;}
|
||
#mypage .mypage_cont table thead{background: #f8f8f8}
|
||
#mypage .mypage_cont table tfoot{background: #f8f8f8; border-bottom: 1px solid #d2d2d2;}
|
||
.mypage_footer{margin-top:70px; background: #f1f7fa; padding:30px 0;text-align: center; overflow:hidden; width:100%;}
|
||
.mypage_footer .f_btns a{font-size: 15px;}
|
||
.mypage_footer .f_btns span{padding:0 3px;}
|
||
.mypage_footer .f_policy{width:100%; margin:0 auto; height:20px; line-height: 20px; text-align: center; clear:both;display: block; padding-top:10px; color:#04b9c2;}
|
||
.mypage_footer .f_policy a{color:#2bbec6; font-size:13px;}
|
||
.mypage_footer .f_social{margin:0 auto; text-align: center;clear:both;display: block; padding-top:10px;}
|
||
.mypage_footer .f_social img{ padding:0 5px;}
|
||
.mypage_footer .copyright{color:#757575; font-size: 10px; padding-top:20px;}
|
||
#mypage .memo_id{padding:15px 0 10px 0; font-size:14px; }
|
||
#mypage .memo_id img{ display: inline-block;vertical-align: middle; padding-right:5px;}
|
||
#mypage .allmemo{background: url(../images/arrow2.gif) no-repeat 90% 50%;}
|
||
#mypage .pagenumber { margin:30px auto; text-align: center; }
|
||
#mypage .pagenumber a{ display:inline-block; width:25px; height:25px; margin:0 2px;line-height: 25px;}
|
||
#mypage .pagenumber a.current{border:1px solid #e0e0e0; color:#2bbec6; }
|
||
#mypage .pagenumber .current a{ color:#2bbec6;}
|
||
#mypage .pagenumber a{color:#999999;}
|
||
#mypage .pagenumber a:hover{ color:#2bbec6;}
|
||
#mypage .pagenumber img{vertical-align: middle;}
|
||
#mypage tfoot .btns img{padding-left: 5px;}
|
||
#mypage thead .btns img{padding-left: 5px;}
|
||
#mypage .msg_header{padding:20px;color:#888888; line-height: 28px;}
|
||
#mypage .msg_header a{color:#888 !important;}
|
||
#mypage .msg_header a:hover{color:#2bbec6 !important;}
|
||
#mypage .msg_header dt {float: left;width: 75px;}
|
||
#mypage .msg_header img {vertical-align: middle;}
|
||
#mypage .msg_read{margin:0 20px 20px; border-top: 1px solid #eaeaea; padding-top:20px;line-height: 28px; }
|
||
#mypage .cont_header{height: 30px; background: #f8f8f8; font-size:18px; padding:30px 20px;}
|
||
#mypage .cont_box{border-bottom: 1px solid #ededed; width:100%; padding:30px 20px; overflow: hidden; position: relative;}
|
||
#mypage .cont_img{padding-right:12px;float:left;}
|
||
#mypage .cont_title{float:left; padding-top:4px;}
|
||
#mypage .cont_title a{color:#383737; font-size: 17px;}
|
||
#mypage .cont_title a:hover{color:#2bbec6; }
|
||
#mypage .cont_close{float:left; padding-right:10px; position:absolute; top:15px; right:20px; padding-left:10px;}
|
||
#mypage .cont_close img{padding-top:20px;}
|
||
#mypage .cont_cate{color:#5a5a5a; padding-top:10px; height: 20px; line-height: 20px;}
|
||
#mypage .cont_cate a{font-size: 13px;}
|
||
#mypage .cont_cate img{vertical-align: middle;}
|
||
#mypage .list_open{border-bottom: 1px solid #ededed; background: #f8f8f8; padding:20px; height: 15px;}
|
||
#mypage .list_open a{color:#000; font-size: 16px;}
|
||
#mypage .list_open a:hover{color:#2bbec6;}
|
||
#mypage .list_open div{float:left;}
|
||
#mypage .list_close{border-bottom: 1px solid #ededed; background: #f8f8f8;padding:20px;height: 15px;}
|
||
#mypage .list_close a{color:#000; font-size: 16px;}
|
||
#mypage .list_close a:hover{color:#2bbec6;}
|
||
#mypage .list_close div{float:left;}
|
||
#mypage .list_view{border-bottom: 1px solid #ededed; background: #fff;padding:20px;color:#a4a4a4;}
|
||
#mypage .write_top{ font-size:15px; padding:20px;}
|
||
#mypage .write_cont{background: #f8f8f8; padding:5% 4%; color:#a4a4a4;}
|
||
#mypage .write_cont textarea{border:1px solid #d6d6d6; border-radius: 3px; margin: 10px 0; font-size: 14px; padding:4%; width:92%;}
|
||
#mypage .write_cont2{background: #f1f7fa; padding:2%; color:#a4a4a4; width:96%;}
|
||
#mypage .write_cont2 textarea{border:1px solid #d6d6d6; border-radius: 3px; padding: 10px 4%; margin: 10px 2%; font-size: 14px; width: 88%!important; color:#b5b5b5 !important; }
|
||
#mypage .write_cont2 .slct select {width:80%; padding-left:4% !important;}
|
||
#mypage .write_cont2 input{ background: #fff;border: 1px solid #ccc;width: 88%!important;margin: 0 2%;padding: 0 4%;font-size:16px;}
|
||
#mypage .write_cont2 .slct{ border: 1px solid #ccc;background-color: #fff;border-radius: 0 !important;width: 96%!important;margin: 0 2%;}
|
||
#mypage .write_btns{overflow:hidden;padding-right:20px; padding-left:20px;margin:20px 0; }
|
||
#mypage .write_btns img{padding-right:3px; vertical-align: middle;}
|
||
#mypage .check_on{background: url(../images/check_on.gif) no-repeat left top; padding-left:22px;}
|
||
#mypage .check_off{background: url(../images/check_off.gif) no-repeat left top; padding-left:22px;}
|
||
.mask {
|
||
background: rgba(0, 0, 0, 0) url(../images/mask_bg.png) repeat scroll 0 0;
|
||
height: 100%;
|
||
left: 0;
|
||
position: fixed;
|
||
top: 0;
|
||
width: 100%;
|
||
z-index: 9999;
|
||
}
|
||
.popup_wrap {
|
||
line-height: 25px;
|
||
margin-left: -222px;
|
||
position: absolute;
|
||
top: 190px;
|
||
color: #707070;
|
||
z-index: 99999;width: 80%;
|
||
margin: 0 10%;}
|
||
.popuptop {
|
||
background: #44cbd2;
|
||
height:50px;
|
||
line-height: 50px;
|
||
border-radius: 5px 5px 0 0;
|
||
position: relative;
|
||
}
|
||
.popuptop .p_title {
|
||
color: #fff;
|
||
font-size: 16px;
|
||
font-weight: normal;
|
||
}
|
||
|
||
.popuptop .btn-close {
|
||
position: absolute;
|
||
top: 0px;
|
||
right: 20px;
|
||
}
|
||
.popuptop3 .btn-tit{position:absolute; right:110px; top:1px; color:#fff;}
|
||
.popuptop3 .btn-info{position:absolute; right:60px; top:10px;}
|
||
.popuptop3 .btn-close{position:absolute; right:25px; top:14px;}
|
||
.pop_box{background: #f5f6f6; border: 1px solid #ededed; padding:3px 10px; position: absolute; bottom:10px; right:0;}
|
||
.pop_box a{color:#787878; font-size:13px;}
|
||
.popup_date{font-size:13px; color:#999999; padding-top:5px;}
|
||
.pop_cont_like{background: #04b9c2; color:#fff; padding:0 3px;}
|
||
.popupbody3 .pop_tit{border-bottom: 1px solid #ebeef3; padding:30px 0 10px; color:#000; font-size:15px; position: relative;}
|
||
.pop_cont_box{border-bottom:1px solid #ebeef3; padding:20px 0;overflow: hidden; }
|
||
.pop_cont_img{width:20%; float:left; }
|
||
.pop_cont_img img{border-radius: 50px; margin-top:10px;}
|
||
.pop_cont_img2{float:left; }
|
||
.pop_cont_img2 img{ margin-top:10px; padding-bottom:10px;}
|
||
.pop_cont_txt_box{width:60%; float:left; padding-top:10px;}
|
||
.pop_cont_txt_box p{padding-bottom:5px;}
|
||
.pop_cont_txt_box .t_black a{color:#000; font-size: 15px;}
|
||
.pop_cont_txt_box .t_black a:hover{color:#2bbec6;}
|
||
.pop_cont_title{line-height: 22px;}
|
||
.pop_cont_title a{color:#4e4d4d;}
|
||
.pop_cont_info{width:20%; float: left;
|
||
text-align: center;}
|
||
.info_popup{background: #f5f6f6;
|
||
border: 1px solid #ededed;
|
||
padding: 3px 10px;}
|
||
.info_popup a{font-size: 13px;}
|
||
.info_popup2{position:absolute; right:20px;background: #fff;
|
||
border: 1px solid #ededed;
|
||
padding: 3px 10px;}
|
||
.info_popup2 a{font-size: 13px;}
|
||
.reply_box2 .box_wrap .info_popup2 li {float:none;}
|
||
.reply_header{background: #f8f8f8; height: 100px;}
|
||
.reply_name{color:#000000; font-size:25px; text-align: center; padding-top:20px;}
|
||
.reply_address{color:#b4b4b4; font-size:19px; text-align: center;padding:10px 0}
|
||
|
||
.reply_body{background: #f8f8f8;color:#797979; line-height: 28px;}
|
||
.reply_cate{color: #797979;width: 100%;
|
||
font-size: 18px;
|
||
margin-bottom: 15px;
|
||
background: #fff;
|
||
text-align: center;
|
||
padding: 20px;}
|
||
.reply_cate a{color: #797979;}
|
||
.reply_cate .current{color:#000;}
|
||
.reply_cate a:hover{color:#000;}
|
||
.reply_cate span{padding:0 15px;display: inline-block;}
|
||
.reply_cate .cate_on{background: url(../images/cate_on.gif) no-repeat left 50%; padding-left:30px;}
|
||
.reply_cate .cate_off{background: url(../images/cate_off.gif) no-repeat left 50%; padding-left:30px;}
|
||
|
||
.mypage_cont .my_open{ background: #fff url(../images/slide_on.gif) no-repeat 96% 50%; padding:20px 30px; font-size: 17px; margin-bottom: 15px;}
|
||
.mypage_cont .my_close {
|
||
background: #fff url(../images/slide_off.gif) no-repeat 96% 50%;
|
||
padding: 20px 30px;
|
||
font-size: 17px;
|
||
margin-bottom: 15px;
|
||
}
|
||
.mypage_cont .my_number{color: #797979; position: relative;
|
||
font-size: 18px; background: #fff;padding: 20px 0 20px 30px; margin-bottom: 15px;}
|
||
.mypage_cont .my_reply{background: #fff;clear: both;}
|
||
.mypage_cont .my_reply_box{border-bottom: 1px solid #dadada; padding:20px 30px; position: relative;}
|
||
.mypage_cont .reply_title a{font-size: 18px; color:#000;}
|
||
.mypage_cont .reply_title a:hover{color:#2bbec6;}
|
||
.mypage_cont .reply_txt{font-size: 16px; color:#8c8b8b; padding-top:5px;}
|
||
.mypage_cont .r_viewall{ position: absolute;right: 4%;top: 20px;font-size: 15px;}
|
||
.mypage_cont .reply_tt{font-size: 18px; padding-top: 25px; padding-left:20px;}
|
||
.mypage_cont .reply_total{color:#b4b4b4; font-size: 15px; padding: 10px 0 10px 20px;}
|
||
.mypage_cont .r_base{margin-top:20px;}
|
||
.mypage_cont .r_base li{float:left;}
|
||
.mypage_cont .r_base img{vertical-align: middle;}
|
||
.mypage_cont .icons span {padding-left: 20px;}
|
||
.mypage_cont .icons {float: right !important;}
|
||
.mypage_cont .icons img {padding-right: 7px;}
|
||
.mypage_cont .thumbup {color: #e64c3d;}
|
||
.mypage_cont .thumbdown {color: #3c92ca;}
|
||
.mypage_cont .reply_wrap{ padding-left:50px; background: url(../images/img_reply.gif) no-repeat 28px 23px;}
|
||
.mypage_cont .reply_bottom{ margin: 30px auto;text-align: center; }
|
||
.mypage_cont .reply_bottom a{font-size: 15px;}
|
||
.mypage_cont .reply_bottom img{vertical-align: middle;}
|
||
#mypage .account_header{background: #04b9c2; height:50px; line-height: 50px;position: relative;}
|
||
#mypage .account_header .header_tit {padding-left:20px; font-size: 17px;color:#fff;}
|
||
#mypage .account_header .header_tit img{vertical-align: middle; padding-right: 10px;}
|
||
|
||
.reply_cont{margin:50px 6%; width:88%;}
|
||
.reply_cont .reply_tit{padding-bottom:15px; font-size: 17px; color:#545454;}
|
||
.reply_cont .reply_txt{padding-bottom:20px; font-size: 13px; color:#868686; line-height: 28px;}
|
||
.reply_cont_wrap{border-bottom: 1px solid #dbdbdb; }
|
||
|
||
.reply_cont_wrap .pd30 {
|
||
padding: 30px 0;
|
||
}
|
||
.reply_cont_wrap .ft18 {
|
||
font-size: 18px;
|
||
}
|
||
.reply_cont_wrap .notice_list {
|
||
overflow: hidden;
|
||
padding-bottom: 30px;
|
||
padding-left: 30px;
|
||
line-height: 40px;
|
||
}
|
||
.reply_cont_wrap .notice_list dt {
|
||
color: #333;
|
||
float: left;
|
||
width: 80%;
|
||
text-align: left; font-size:16px;
|
||
}
|
||
.reply_cont_wrap .notice_list dd {
|
||
width: 20%;
|
||
float: left;
|
||
text-align: center;
|
||
}
|
||
.reply_cont_wrap .viewall {
|
||
text-decoration: underline;
|
||
}
|
||
.reply_cont_wrap .trc{text-align: center;}
|
||
|
||
|
||
.account_check_on{text-align: center; margin:20px auto; font-size: 15px; color: #b7b7b7;background: url(../images/btn_check_fill.gif) no-repeat; width:185px;}
|
||
.account_check_off{text-align: center; margin:20px auto; font-size: 15px; color: #b7b7b7;background: url(../images/btn_check_no.gif) no-repeat; width:185px;}
|
||
.account_btn{clear: both;width:88%; margin:0 6%;text-align: center;}
|
||
.account_btn a{color:#fff;}
|
||
.account_btn2{clear: both;width:100%; margin:0 0%;text-align: center;}
|
||
.account_btn2 a{color:#fff;}
|
||
.reply_text{font-size:15px; line-height:28px; color:#868686; text-align: center; margin:50px 0;}
|
||
.account_cont{margin: 6%;width: 88%;}
|
||
.doublecheck{background: url(../images/doublecheck.gif) no-repeat right top; display: inline-block;cursor: pointer !important;}
|
||
.certification{background: url(../images/certification.gif) no-repeat right center; display: inline-block;cursor: pointer !important;}
|
||
|
||
.search_text{font-size: 22px; line-height: 40px; color:#606060; text-align: center; margin:120px 0 50px 0;}
|
||
.agree_list {font-size: 14px;width: 100%;padding-bottom: 20px;color:#b7b7b7;}
|
||
.agree_list div{ overflow: hidden;display: block;height: 35px;line-height: 35px;}
|
||
.agree_list .current{color:#2bbec6;}
|
||
.viewall {text-decoration: underline;}
|
||
.viewall img{vertical-align: middle;}
|
||
.join_header{width:100%; margin:0 auto; text-align: center;position: relative; }
|
||
.join_header .camera{position: absolute;top: 40px;left: 54%;}
|
||
.slct {
|
||
background: #fff url(../images/img_select.gif) no-repeat 90% 50%;
|
||
overflow: hidden;
|
||
width: 100px;
|
||
float: left;
|
||
margin-right: 10px;
|
||
}
|
||
.slct select {
|
||
-moz-appearance: none;
|
||
background: transparent none repeat scroll 0 0;
|
||
border: medium none;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
padding-left: 10px;
|
||
width: 100px;color: #b7b7b7;
|
||
font-size: 16px;
|
||
}
|
||
.form_tit{font-size:13px; color:#b7b7b7; padding-left:2%;}
|
||
.save a{color:#b2fbff;}
|
||
.popup_policy2 h3 {font-size: 16px;padding-bottom: 10px;line-height: 30px;color:#386868;}
|
||
.agree_off{ background: url(../images/agree_off.gif) no-repeat 0 center;width: 30px; text-indent: -9999999px;display: inline-block;}
|
||
.agree_on{ background: url(../images/agree_on.gif) no-repeat 0 center;width: 30px; text-indent: -9999999px;display: inline-block;}
|
||
.main_header{width: 88%;
|
||
margin: 0 auto;
|
||
text-align: center;
|
||
position: relative;
|
||
background: #04b9c2;
|
||
padding: 0 6%;}
|
||
.main_header .header_tit img{vertical-align: middle; }
|
||
.main_header .form-group2{position: absolute;top:150px;text-align: left; width: 88%;}
|
||
.main_header .form-group2 input {
|
||
border-bottom:1px solid #5cd1d8;
|
||
display: inline-block;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
vertical-align: middle;
|
||
color:#5cd1d8 !important;
|
||
padding-left: 2%;
|
||
font-size: 17px;
|
||
font-weight:normal; background: #04b9c2;
|
||
}
|
||
.main_header .form-group2 input::placeholder {color: #98ebf0;}
|
||
.main_header .form-group3{position: absolute;top:200px;text-align: left; width: 88%;}
|
||
.main_header .form-group3 input {
|
||
border-bottom:1px solid #5cd1d8;
|
||
display: inline-block;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
vertical-align: middle;
|
||
color:#5cd1d8 !important;
|
||
padding-left: 2%;
|
||
font-size: 17px;
|
||
font-weight:normal; background: #04b9c2;
|
||
}
|
||
.main_header .form-group3 input::placeholder {color: #98ebf0;}
|
||
.main_cont{position: absolute;
|
||
width: 88%;
|
||
clear: both;
|
||
overflow: hidden;
|
||
display: block;
|
||
margin: 0 6%;}
|
||
.m_email{padding: 15px 40px;font-size: 17px; width: 100%; background:#fff; color:#04b9c2; border: 1px solid #04b9c2;}
|
||
.m_facebook{padding: 15px 40px;font-size: 17px; width: 100%; background:#4267b2; color:#fff; border: 0;}
|
||
.m_tweeter{padding: 15px 40px;font-size: 17px; width: 100%; background:#1894ec; color:#fff; border: 0;}
|
||
.m_kakao{padding: 15px 40px;font-size: 17px; width: 100%; background:#f9e000; color:#fff; border: 0;}
|
||
.m_naver{padding: 15px 40px;font-size: 17px; width: 100%; background:#42b72a; color:#fff; border: 0;}
|
||
.b_bottom {margin: 20px 0 30px 0;text-align: center;}
|
||
.b_bottom a{color:#5d5d5d; font-size: 17px;}
|
||
.b_login {
|
||
text-decoration: underline;
|
||
padding-left: 20px; color:#5d5d5d;
|
||
}
|
||
.b_login a {color: #04b9c2;}
|
||
.chk_id_login {
|
||
font-size: 17px;
|
||
color:#5d5d5d;
|
||
margin:10px 0 ;
|
||
text-align:center;
|
||
}
|
||
.fixed{padding-left: 2%;font-size: 17px; height: 40px;line-height: 40px;color:#545454;}
|
||
.left_popup{position:absolute; left:8%; top:110px; background: #fff; border:1px solid #ccc; border-radius:5px; width:160px; }
|
||
.left_popup a{color:#383737;}
|
||
.left_popup span{border-bottom: 1px solid #ccc; padding:0 2% 0 8%;height:50px; line-height:50px;float:left; width:90%;}
|
||
.left_popup span:last-child{border-bottom:0 !important;}
|
||
.right_popup{position:absolute; right:5%; top:110px; background: #fff; border:1px solid #ccc; border-radius:5px;width:140px; }
|
||
.right_popup a{color:#383737;}
|
||
.right_popup span{border-bottom: 1px solid #ccc;padding:0 2% 0 8%;height:50px; line-height:50px;float:left; width:90%;}
|
||
.right_popup span:last-child{border-bottom:0 !important;}
|
||
.left_popup .agree_off{background: url(../images/agree_off2.gif) no-repeat 90% 50%;text-indent:0 !important;}
|
||
.left_popup .agree_on{background: url(../images/agree_on2.gif) no-repeat 90% 50%;text-indent:0 !important;}
|
||
.right_popup .agree_off{background: url(../images/agree_off2.gif) no-repeat 90% 50%; text-indent:0 !important;}
|
||
.right_popup .agree_on{background: url(../images/agree_on2.gif) no-repeat 90% 50%;text-indent:0 !important;}
|
||
|
||
|
||
|
||
|
||
.mask {
|
||
background: rgba(0, 0, 0, 0) url(../images/mask_bg.png) repeat scroll 0 0;
|
||
height: 100%;
|
||
left: 0;
|
||
position: fixed;
|
||
top: 0;
|
||
width: 100%;
|
||
z-index: 9999;
|
||
}
|
||
.popup_wrap .cate_on {
|
||
background: url(../images/cate_on.gif) no-repeat left 50%;
|
||
padding-left: 30px;
|
||
}
|
||
.popup_wrap .cate_on {
|
||
background: url(../images/cate_on.gif) no-repeat left 50%;
|
||
padding-left: 30px;
|
||
}
|
||
.popup_wrap .notice {
|
||
overflow: hidden;
|
||
text-align: left;
|
||
color: #a7a7a7;
|
||
line-height: 30px;
|
||
padding-bottom: 10px;
|
||
}
|
||
.popup_wrap .notice dt {
|
||
color: #333;
|
||
float: left;
|
||
width: 30%;
|
||
}
|
||
.popup_wrap .notice dd {
|
||
width: 70%;
|
||
float: left;
|
||
text-align: left;
|
||
}
|
||
.popup_wrap .notice_list {
|
||
overflow: hidden;
|
||
padding-bottom: 30px;
|
||
line-height: 40px;
|
||
}
|
||
.popup_wrap .notice_list dt {
|
||
color: #333;
|
||
float: left;
|
||
width: 90%;
|
||
text-align: left;
|
||
}
|
||
.popup_wrap .notice_list dd {
|
||
width: 10%;
|
||
float: left;
|
||
text-align: left;
|
||
}
|
||
.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;
|
||
}
|
||
/* channel */
|
||
.channel_top {
|
||
width: 100%;
|
||
clear: both;
|
||
padding-bottom: 5px;
|
||
line-height: 50px;
|
||
font-size: 17px;
|
||
overflow: hidden;
|
||
display: block;
|
||
}
|
||
|
||
.channel_cont .wrap {
|
||
overflow: hidden;
|
||
padding:0 3%;
|
||
width: 93%;
|
||
margin: 0 auto;
|
||
}
|
||
.channel_boxs {
|
||
display: block;
|
||
clear: both;
|
||
overflow: hidden;
|
||
width: 100%;
|
||
margin-bottom: 20px;
|
||
}
|
||
.channel_detail_box {
|
||
width: 100%;
|
||
overflow: hidden;
|
||
display: block;
|
||
margin-bottom:5px;
|
||
line-height: 20px;
|
||
}
|
||
.channel_detail {
|
||
width: 50%;
|
||
}
|
||
.channel_profile {
|
||
float: left;
|
||
margin-right: 10px;
|
||
padding-left: 1%;
|
||
}
|
||
.channel_profile img {
|
||
border-radius: 50px;
|
||
}
|
||
.chinfo {
|
||
font-size: 16px;
|
||
}
|
||
.channel_boxs .channel_con {
|
||
width: 48%;
|
||
float: left;
|
||
display: block;
|
||
}
|
||
|
||
.channel_boxs .channel_con:last-child{margin-left:4%;}
|
||
.channel_boxs .channel_con img {width:100%;}
|
||
.channel_boxs .channel_con2 {
|
||
width: 47%;
|
||
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;
|
||
margin-bottom: 20px;
|
||
}
|
||
.channel_boxs .channel_con2 .chtitle{ padding:10px 10px;}
|
||
.channel_boxs .channel_con2:last-child{margin-left:4%;}
|
||
.channel_boxs .channel_con2 img {width:100%;}
|
||
.chtitle {
|
||
font-size: 15px;
|
||
padding: 5px 0 15px;
|
||
line-height: 25px;
|
||
}
|
||
.chtitle a{color:#4f4f4f;}
|
||
.editor{padding-left:14px;}
|
||
.editor a{color:#949494;}
|
||
.channel_category {
|
||
overflow: hidden;
|
||
display: block;
|
||
width: 100%;
|
||
margin-bottom: 30px;
|
||
margin-top: 10px;
|
||
}
|
||
.editor2{padding:0 0 15px 14px;}
|
||
.editor2 a{color:#949494;}
|
||
.channel_category {
|
||
overflow: hidden;
|
||
display: block;
|
||
width: 100%;
|
||
margin-bottom: 30px;
|
||
margin-top: 10px;
|
||
}
|
||
.channel_category li {
|
||
padding-right: 30px;
|
||
float: left;
|
||
padding-bottom: 10px;
|
||
}
|
||
.channel_category .current {
|
||
color: #2bbec6;
|
||
}
|
||
.channel_category a {
|
||
font-size: 17px;
|
||
color: #a7a7a7;
|
||
}
|
||
.channel_tit {
|
||
font-size: 19px;
|
||
width: 100%;
|
||
margin-bottom: 30px;
|
||
}
|
||
.channel_boxs .bk_con {
|
||
position: relative;
|
||
width: 48%;
|
||
float: left;
|
||
font-size: 17px;
|
||
}
|
||
.channel_boxs .bk_con:last-child {margin-left:4%;}
|
||
.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: 10% !important;
|
||
height: 1px;
|
||
text-align: center;
|
||
z-index: 2;
|
||
display: block;
|
||
left: 45%; height: 1px;
|
||
}
|
||
.channel_boxs .bk_con img {
|
||
border-radius: 5px;
|
||
width:100%;
|
||
}
|
||
.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: 4px;
|
||
left: 0;
|
||
z-index: 1;
|
||
background-color: #000;
|
||
opacity: 0.3;
|
||
}
|
||
.life_click2 {
|
||
font-size: 15px;
|
||
color: #a5a5a5;
|
||
margin-top: 5px;
|
||
}
|
||
.life_click2 li {
|
||
float: left;
|
||
padding-left: 10px;
|
||
}
|
||
.life_click2 .current {
|
||
color: #383737;
|
||
}
|
||
|
||
.channel_header {
|
||
position: relative;
|
||
}
|
||
.channel_header .wrap_cover {
|
||
width: 100%;
|
||
top: 0;
|
||
|
||
max-height: none!important;
|
||
}
|
||
.cover_image2 {
|
||
background: url(../images/img_channel2.jpg) no-repeat left top;
|
||
display: block;
|
||
background-size: cover;
|
||
height: 210px;
|
||
background-position: 50% 50%;
|
||
}
|
||
.channel_header .cover_inner {
|
||
display: block;
|
||
background-color: #000;
|
||
opacity: 0.4;
|
||
height: 100%;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
}
|
||
.channel_header .wrap_channel {
|
||
width: 100%;
|
||
margin: 0 auto;
|
||
display: block;
|
||
height: 145px;
|
||
position: absolute;
|
||
top: 50px;
|
||
/* bottom: 165px; */
|
||
z-index: 9999;
|
||
}
|
||
.channel_header .wrap_btn {
|
||
right:10px;
|
||
position: absolute;
|
||
bottom: 10px;
|
||
}
|
||
.channel_header .wrap_btn span{padding-left:32px; vertical-align: middle; line-height: 30px;}
|
||
.channel_header .wrap_btn a{color:#fff;}
|
||
.sky_boxs{width:100%; overflow: hidden;display: block; border-bottom: 1px solid #ececec; padding-bottom:10px; margin-bottom: 10px;}
|
||
.sky_boxs:last-child{border-bottom: 0; margin-bottom: 0; padding-bottom: 0}
|
||
.cover_cell {
|
||
position: absolute;
|
||
top:10px;
|
||
margin: 0 auto;
|
||
color: #fff;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.cover_cell img{vertical-align: middle;}
|
||
.cover_cell .chdate {
|
||
color: #cacaca;
|
||
font-size: 12px;
|
||
padding-left: 5px;
|
||
|
||
display: inline-block;
|
||
}
|
||
.cover_cell .cheditor a{color:#fff;}
|
||
.cover_cell .chcate a{color:#fff;}
|
||
.cover_cell .chcate span{background: url(../images/bgbg3.png) repeat-x left bottom; padding-bottom:8px; z-index:99999;}
|
||
.titlewrap {
|
||
height: 40px;
|
||
line-height: 40px;
|
||
/* vertical-align: middle; */
|
||
margin-top: 10px;
|
||
}
|
||
.title_profile {
|
||
width: 39px;
|
||
height: 39px;
|
||
margin-right: 12px;
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
}
|
||
.title_profile img {
|
||
border-radius: 39px;
|
||
}
|
||
.chtit {
|
||
font-size: 20px;
|
||
|
||
font-family: 나눔명조,Nanum Myeongjo,georgia,돋움;
|
||
font-weight: normal;
|
||
}
|
||
.chtxt {
|
||
font-size: 13px;
|
||
color: #b0b0b0;
|
||
}
|
||
.cover_profile {
|
||
position: absolute;
|
||
top: 130px;
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.cover_profile2 {
|
||
position: absolute;
|
||
top: 183px;
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.cover_profile img {
|
||
border-radius: 88px;
|
||
}
|
||
.cover_profile2 img {
|
||
border-radius: 88px;
|
||
}
|
||
.cont_middle .img_profile img{width:100%; max-height: 209px;}
|
||
.chtit a {
|
||
color: #fff;
|
||
}
|
||
.chtitle2 {
|
||
font-size: 16px;
|
||
padding:5px;
|
||
line-height: 26px;
|
||
}
|
||
|
||
.chtitle2 a {
|
||
color: #383737;
|
||
}
|
||
.channel_cont .like {
|
||
font-weight: bold;
|
||
padding-left: 4px;
|
||
}
|
||
.chname {
|
||
font-size: 15px;
|
||
padding-left: 10px;
|
||
}
|
||
.chname a {
|
||
color: #a1a1a1;
|
||
}
|
||
.channel_cont .channel_photo {
|
||
float: left;
|
||
margin-right: 20px;
|
||
}
|
||
.channel_cont .channel_photo img{
|
||
width:100%;
|
||
}
|
||
.channel_cont {
|
||
border-bottom: 1px solid #ebeef3;
|
||
overflow: hidden;
|
||
display: block;
|
||
padding: 20px 0;background: #f8f8f8;
|
||
width: 100%;clear:both;
|
||
}
|
||
.channel_cont h4{width: 100%;
|
||
clear: both;
|
||
padding-bottom: 15px;
|
||
font-size: 17px;}
|
||
.ch_txt{font-size:17px;}
|
||
.ch_txt img{vertical-align: top;}
|
||
.cover_social {
|
||
position: absolute;
|
||
top: 190px;
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.cover_social a {
|
||
padding: 0 5px;
|
||
}
|
||
.grace_top h4{
|
||
clear: both;
|
||
padding-bottom: 15px;
|
||
font-size: 17px;padding: 20px 20px 10px;
|
||
}
|
||
.article_cont {position: relative;}
|
||
.article_cont .wrap {
|
||
overflow: hidden;
|
||
padding: 30px 6%;
|
||
width: 88%;
|
||
margin: 0 auto;
|
||
background: #fbfcfd;
|
||
}
|
||
.life_menu{position: absolute; top:0; right:0 ;width:330px; border-left:1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #fff; z-index: 99999999;}
|
||
.life_menu_top{background: #f6f6f6; width:100%; position: relative;}
|
||
.life_menu_top .life_cate {width:100%; overflow: hidden; height: 36px;
|
||
line-height: 36px;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:20px; height: 20px; line-height:20px; background: #2bbec6; border-radius: 20px;}
|
||
.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{vertical-align: middle;}
|
||
.life_menu_top .life_cate span{float:left; padding:0 1%;position:relative; text-align: center;}
|
||
.life_list_top{text-align: center;width:290px;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{ padding:20px 0 0; text-align: center;}
|
||
.life_menu_top .profile img{border-radius: 73px;}
|
||
.life_menu_top .life_close{position:absolute; right:20px; top:20px}
|
||
.life_menu_top .nickname{padding:10px 0; color:#2bbec6; font-size:17px; text-align: center;}
|
||
.life_menu_top .member{font-size:14px; text-align: center;}
|
||
.life_menu_top .bible{text-align: center;font-style: italic; font-size: 12px; padding:10px 0 0; line-height: 20px; width:60%; margin:0 auto;}
|
||
.life_menu_top .chpter{color:#bebebe; font-size: 11px; padding-top: 5px}
|
||
.life_list_bottom{text-align: center;width:290px;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:320px; 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:40px;}
|
||
.life_app .app_txt{padding-top:10px;}
|
||
.btn_info{position:absolute; right:10px; font-size:12px; color:#8c8c8c}
|
||
|
||
.news_list .art-info{width:520px; float:left;}
|
||
.news_list .art-info2{float:left; width:550px;}
|
||
.news_list .art-img {width: 100%;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 a:hover{color:#2bbec6;}
|
||
.news_list .art-sum{font-size:14px;line-height: 25px;}
|
||
.news_list_cont{clear:both; border-bottom: 1px solid #eaeaea;margin-bottom:15px;overflow: hidden;display: block; padding-bottom:15px;}
|
||
.news_list_cont .origin{color:#9a9a9b; font-size:15px; padding-left:10px;}
|
||
.news_list_cont .origin a{color:#9a9a9b; font-weight: normal;}
|
||
.view_header h2{font-size:27px; padding:15px 0; letter-spacing: -2px;color:#383737;}
|
||
.view_header .time{font-size:12px; color:#888 ;}
|
||
|
||
.logo_company { padding-right: 7px;}
|
||
.logo_company img{vertical-align: top;}
|
||
.view_main{ clear: both;
|
||
overflow: hidden;
|
||
display: block; background: #fbfcfd;}
|
||
.view_img img{width:100%;}
|
||
.sub_tit {
|
||
margin-top: 50px;
|
||
text-align: center;
|
||
font-size: 19px;
|
||
color: #888;
|
||
}
|
||
.sub_tit2 {
|
||
text-align: center;
|
||
font-size: 19px;
|
||
color: #2bbec6;
|
||
}
|
||
.sub_tit_bar {
|
||
text-align: center;
|
||
margin-bottom: 20px;
|
||
}
|
||
.view_img .img_desc {
|
||
float: left !important;
|
||
padding:10px 0 0 6%;
|
||
color: #999;
|
||
}
|
||
.view_article {
|
||
clear: both;
|
||
font-size: 16px;
|
||
line-height: 28px;
|
||
}
|
||
.view_article p{padding:0 20px;}
|
||
.view_header{background: #fbfcfd; padding:20px; overflow:hidden;}
|
||
.writer {
|
||
height: 40px;
|
||
line-height: 40px;
|
||
font-size: 14px;
|
||
color: #888;
|
||
padding: 20px;
|
||
}
|
||
.relatedarticle{margin-top:30px; padding: 0 20px;}
|
||
.relatedarticle h4{font-weight: bold;padding-bottom: 10px; font-size:15px; }
|
||
.relatedarticle li{border-bottom:1px solid #eaeaea; height: 40px;line-height: 40px;}
|
||
.relatedarticle li a{font-size:16px;color:#000000;}
|
||
.relatedarticle li a:hover{color:#2bbec6;}
|
||
.reaction{padding:30px 10px; margin-top:30px; border-top:1px solid #ebeef3;border-bottom:1px solid #ebeef3; overflow:hidden; font-size:17px;}
|
||
.reaction .reaction_box{float:left; width:20%; text-align: center;}
|
||
.reaction .reaction_box img{width:60%;}
|
||
.reaction .like{font-size: 9px; padding-top:11px;}
|
||
.reaction .click{text-align: center; padding-top:5px;}
|
||
.rb {text-align: center;}
|
||
.banner img{width:100%;}
|
||
|
||
.reply .delete{padding-left:20px; color:#bcbcbc;}
|
||
.reply .facebook{float:right;}
|
||
.reply .facebook a{padding:0 10px;}
|
||
.reply .tweet img{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_social a{color:#000; padding-right:10px;}
|
||
.reply .reply_box{ border: 1px solid #c5c5c5;clear: both;overflow: hidden;background: #fff; margin: -10px 20px 0 20px;}
|
||
.reply .reply_box3 {
|
||
border: 1px solid #c5c5c5;
|
||
clear: both;
|
||
overflow: hidden;
|
||
background: #fff;
|
||
margin: -10px 0 0 30px;
|
||
}
|
||
.reply .reply_box2{ clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 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; background:#fff; border: 1px solid #c7c7c7; text-align: center; margin:20px auto;}
|
||
.reply_comment{margin:0 20px;}
|
||
.reply_close a:hover{color:#2bbec6;}
|
||
.reply_close img{ padding-top:12px;padding-left:5px;}
|
||
.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;}
|
||
.reply_sort{border-bottom: 1px solid #ebeef3; margin: 20px 20px 0;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:last-child{border-bottom: 0 !important;}
|
||
.r_base{overflow:hidden;display:block;}
|
||
.icons{float:right !important; }
|
||
.reply_box2 .icons{float:right !important; padding-top:20px; }
|
||
.icons img{padding-right:7px;vertical-align: middle;}
|
||
.icons span{padding-left: 20px;}
|
||
.thumbup{color:#e85d51;}
|
||
.thumbdown{color:#3c92ca;}
|
||
.img_reply{width:20px; float:left;}
|
||
.article_recommend{
|
||
clear: both;
|
||
background: #fbfcfd;
|
||
overflow: hidden;
|
||
display: block;
|
||
padding: 20px;
|
||
}
|
||
.news_list_cont .art-img2 {
|
||
width: 30%;
|
||
float: left;
|
||
margin-right: 5%;
|
||
}
|
||
.news_list_cont:last-child{border-bottom: 0 !important;}
|
||
.art-img2 img{width:100%;}
|
||
.news_list_cont .art-info2 {
|
||
float: left;
|
||
width: 65%;
|
||
}
|
||
.news_list_cont .art-title {
|
||
font-size: 17px;
|
||
padding-bottom: 10px;
|
||
}
|
||
.news_list_cont .art-title a{color:#383737;}
|
||
.news_list_cont .art-title a:hover{color:#2bbec6;}
|
||
.news_list_cont .time {font-size:14px; color:#999999;}
|
||
|
||
.popup_share {width:226px;border: 1px solid #d9d9d9; top:120px; left:20px; background: #fff; position: absolute; padding:10px; height: 235px; border-radius: 5px;}
|
||
.popup_share a:hover{color:#2bbec6;}
|
||
.popup_share img{padding-bottom: 5px;}
|
||
.popup_share li{float:left;text-align:center; width:25%; display: inline-block; padding-bottom:5px;}
|
||
.popup_share li a{font-size: 10px;color:#4e4d4d;}
|
||
.popup_share .s_share{clear:both;display: block; padding-top:10px; position: relative;width: 225px;}
|
||
.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; line-height: 28px;
|
||
padding-left: 10px;
|
||
position: absolute;
|
||
width: 174px;
|
||
}
|
||
.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;
|
||
}
|
||
.popup_share2 {
|
||
width:226px;border: 1px solid #d9d9d9; top:20px; left:50%; background: #fff; position: absolute; padding:10px; height: 235px; border-radius: 5px; margin-left:-113px;}
|
||
.popup_share2 a:hover{color:#2bbec6;}
|
||
.popup_share2 img{padding-bottom: 5px;}
|
||
.popup_share2 li{float:left;text-align:center; width:25%; display: inline-block; padding-bottom:5px;}
|
||
.popup_share2 li a{font-size: 10px;color:#4e4d4d;}
|
||
.popup_share2 .s_share{clear:both;display: block; padding-top:10px; position: relative;width: 225px;}
|
||
.popup_share2 .s_window {
|
||
background: #f8f8f8 none repeat scroll 0 0;
|
||
border: 1px solid #d8d8d8;
|
||
color: #686868;
|
||
display: inline-block;
|
||
font-size: 14px;
|
||
height: 28px; line-height: 28px;
|
||
padding-left: 10px;
|
||
position: absolute;
|
||
width: 174px; left:0;
|
||
}
|
||
.popup_share2 .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;
|
||
}
|
||
|
||
.font{width:90px;border: 1px solid #d9d9d9; top:120px;right:20px;background: #fff; position: absolute; border-radius: 5px;}
|
||
.font a{color:#383737;}
|
||
.font li{border-bottom: 1px solid #f6f6f6; padding:7px 10px ;}
|
||
.font img{vertical-align: top; float:right;}
|
||
.share_top{position: relative; height: 50px;}
|
||
.share_tit{ position: absolute; left:80px; top:10px;}
|
||
.share_x{ position: absolute; right:10px;top:10px;}
|
||
.reply .reply_tit{margin:20px 20px;}
|
||
.reply .reply_title{border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; color:#04b9c2; font-size:16px; margin:0 20px;}
|
||
.life_editor{color:#b0b0b0; position: absolute; top:340px; text-align:center; width:100%;}
|
||
.life_editor2 a{color:#4f4f4f;font-size:16px; position: absolute; top:270px; text-align:center; padding:0 5%; width:90%; margin: 0 auto}
|
||
.life_editor3 a{color:#2bbec6;font-size:16px; position: absolute; top:240px; text-align:center; padding:0 5%; width:90%; margin: 0 auto}
|
||
.mbleft{position: relative; width:100%; float:left;}
|
||
.mbright{position: relative; width:100%; float:left;}
|
||
.middle_banners{width:100%; margin-top:20px; display: block; overflow: hidden; clear:both;}
|
||
.middle_banners .card_main_title {
|
||
position: absolute;
|
||
top: 22px;
|
||
color: #c4c4c4;
|
||
font-size: 12px;
|
||
z-index: 9999;
|
||
text-align: center;
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
}
|
||
.middle_banners .card_main_txt {
|
||
position: absolute;
|
||
top: 44px;
|
||
color: #fff;
|
||
left: 0;
|
||
z-index: 9999;
|
||
width: 100%;
|
||
font-size: 16px;
|
||
text-align: center;
|
||
font-family: 나눔명조, Nanum Myeongjo, georgia,ë‹ì›€;
|
||
}
|
||
.middle_banners .card_main_txt a{color:#fff;}
|
||
.middle_banners .chn_bar img {
|
||
position: absolute;
|
||
top: 15px;
|
||
margin: 0 auto;
|
||
height: 1px;
|
||
width: 3%;
|
||
text-align: center;
|
||
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: 20px 0; margin:0 auto;
|
||
width: 100%;
|
||
text-align: center; position: relative;}
|
||
|
||
.life_tags .cover_profile3 img {border-radius: 65px;}
|
||
.life_tags .tags {color:#888; padding:20px 0;}
|
||
.life_tags .tags a{padding:0 5px;}
|
||
.panel_btns img{vertical-align: middle;}
|
||
.life_footer{ background: #fbfcfd; overflow: hidden;display: block; width:100%;}
|
||
.life_cont1{margin-top:20px;}
|
||
.life_cont1_box {padding:0 20px; overflow: hidden;}
|
||
.life_cont1_box li {
|
||
width: 47%;
|
||
float: left;
|
||
line-height: 22px;
|
||
margin-right: 3%;
|
||
padding-bottom: 10px;
|
||
}
|
||
.life_cont1_box li:nth-child(2n) {
|
||
margin-left: 3%; width:47%; 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;
|
||
clear: both;
|
||
}
|
||
.life_title a{color:#4f4f4f;}
|
||
.life_cont2_box li {
|
||
position: relative;
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
.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;
|
||
padding: 10px;
|
||
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;padding: 0 20px 30px 20px;}
|
||
.life_cont3 li{float:left; margin-right: 6%;
|
||
width: 29%;}
|
||
.life_cont3 li:last-child{margin-right: 0 !important;}
|
||
.life_cont3 .tr_txt{padding-top:10px;clear: both;}
|
||
.life_cont3 .tr_txt a{color:#4f4f4f;}
|
||
.life_cont3 h4 {
|
||
font-weight: bold;
|
||
padding-bottom: 20px;
|
||
font-size: 18px; text-align:center;
|
||
}
|
||
.life_cont3 img{border-radius: 134px; width:100%;}
|
||
|
||
|
||
|
||
.life_cont4{text-align: center; padding: 0 20px 30px 20px; overflow: hidden;}
|
||
.life_cont4 h4 {
|
||
font-weight: bold;
|
||
padding-bottom: 20px;
|
||
font-size: 18px; text-align:center;
|
||
}
|
||
.life_cont4 .a_left{width:5%;float:left; margin-right:2%; padding-top:30px;}
|
||
.life_cont4 .a_right{width:5%;float:left; margin-left:2%; padding-top:30px;}
|
||
.life_cont4 .life_cont4_box{width:86%; float:left;}
|
||
.life_cont4 .life_cont4_box span{width:27%; margin:0 3%; float:left; }
|
||
.life_cont4 .life_cont4_box span img{width:100%;border-radius: 77px;}
|
||
.life_cont1 h4 {
|
||
font-weight: bold;
|
||
padding-bottom: 20px;
|
||
font-size: 18px;
|
||
text-align: center;
|
||
}
|
||
.channel_bottom2 {
|
||
margin-bottom: 10px;
|
||
background: rgba(0, 0, 0, 0) url(../images/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: 30%;
|
||
margin-left: 35%;
|
||
height: 35px;
|
||
}
|
||
.cate_top_list {height: 20px; line-height: 20px;}
|
||
.cate_top_list span{padding-right:10px; color:#737373; font-size:12px;}
|
||
.cate_top_list span img{ padding-right:3px; vertical-align: middle;}
|
||
.community_cate{background: #fbfcfd; padding-top:30px; clear:both;}
|
||
.community_cate_tit{padding:0 20px 10px 20px;}
|
||
.community_cate_box{border-bottom:1px solid #dbdbdb;padding:0 20px 20px; }
|
||
.community_cate_box h4{font-size:16px; padding:10px 0; font-weight: bold; }
|
||
.community_cate_box span{padding-right:10px;}
|
||
.community_cate_box span img{padding-right:5px;}
|
||
.header_tit2{margin:0 auto; text-align: center; width:100%;}
|
||
.header_tit2 a{color:#a6eef2; font-size:16px;}
|
||
.header_tit2 .current{color:#fff;}
|
||
.header_tit2 li{float:left;width:25%;}
|
||
|
||
#news .news_top{background: url(../images/news_top_bg.jpg) repeat-x left top; height:110px; position: relative; }
|
||
#news .news_menu{position:absolute;left:15px; top:22px;}
|
||
#news .news_logo{position:absolute; left: 42%; top:20px;}
|
||
#news .srch{width:96%; clear:both; display: block; top:55px; position: absolute; padding:0 2%;}
|
||
#news .srch span {
|
||
border: 0 ;
|
||
display: inline-block;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
overflow: hidden;
|
||
vertical-align: middle;
|
||
width: 100%;
|
||
border-radius: 5px;
|
||
background: #fff;
|
||
}
|
||
#news .srch span input {
|
||
border: 0 none;
|
||
float: left;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
width: 77%;
|
||
font-size: 14px;
|
||
}
|
||
#news .srch img {
|
||
float: right;
|
||
padding: 10px 10px 0 0;
|
||
}
|
||
#news .news_nav{border-bottom: 1px solid #c4dadb; height: 50px;line-height: 50px; width:94%; padding:0 3%;}
|
||
#news .news_nav .current{background:url(../images/bg_nav.gif) repeat-x bottom left; }
|
||
#news .news_nav .current a{color:#43c3ca;}
|
||
#news .news_nav span:hover{background:url(../images/bg_nav.gif) repeat-x bottom left; }
|
||
#news .news_nav span{float:left; text-align: center; }
|
||
|
||
#news .news_nav a{font-size: 15px; color:#757575;}
|
||
#news .news_cont{clear:both;}
|
||
#news .cont_top{ background:#f8f8f8; position: relative; padding:20px;}
|
||
#news .cont_top img{width:100%}
|
||
#news .cont_top .cont_top_img {width:100%; text-align: center; }
|
||
#news .cont_top .cont_top_img .shadow {
|
||
clear: both;
|
||
width: 96%;
|
||
height: auto;
|
||
display: block;
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
z-index: 1;
|
||
background-color: #000;
|
||
opacity: 0.1;
|
||
}
|
||
#news .cont_top .cont_top_title{position: absolute;
|
||
bottom: 27%;
|
||
color: #fff;
|
||
left: 0;
|
||
z-index: 9999;
|
||
width: 84%;
|
||
font-size: 16px;
|
||
text-align: center;
|
||
padding: 0 8%;
|
||
}
|
||
|
||
#news .cont_top .cont_top_title2{position: absolute;
|
||
bottom: 20%;
|
||
color: #fff;
|
||
left: 0;
|
||
z-index: 9999;
|
||
width: 84%;
|
||
font-size: 16px;
|
||
text-align: center;
|
||
padding: 0 8%;
|
||
}
|
||
#news .cont_top .cont_top_title3{position: absolute;
|
||
bottom: 35%;
|
||
color: #fff;
|
||
left: 0;
|
||
z-index: 9999;
|
||
width: 84%;
|
||
font-size: 13px;
|
||
text-align: center;
|
||
padding: 0 8%;
|
||
}
|
||
#news .cont_top .cont_top_title4{position: absolute;
|
||
bottom: 18%;
|
||
color: #fff;
|
||
left: 0;
|
||
z-index: 9999;
|
||
width: 84%;
|
||
font-size: 16px;
|
||
text-align: center;
|
||
padding: 0 8%;
|
||
|
||
}
|
||
#news .cont_top .cont_top_title a {
|
||
color: #fff;
|
||
}
|
||
#news .cont_top .cont_top_title2 a {
|
||
color: #fff;
|
||
}
|
||
#news .cont_top .cont_top_title4 a {
|
||
color: #fff;
|
||
}
|
||
#news .cont_top_txt{font-size: 12px; color:#afafaf; position: absolute; bottom:15%; text-align: center;left: 0;
|
||
z-index: 9999;width: 100%;}
|
||
#news .cont_top_txt2{font-size: 12px; color:#afafaf; position: absolute; bottom:32%; text-align: center;left: 0;
|
||
z-index: 9999;width: 100%;}
|
||
#news .cont_top_txt2 a{color:#fff; font-size:14px;}
|
||
#news .news_lists{padding:20px;}
|
||
#news .news_lists h4{ width: 100%;
|
||
clear: both;
|
||
padding-bottom: 15px;
|
||
|
||
font-size: 17px;
|
||
}
|
||
#news .news_lists .news_list_cont {
|
||
clear: both;
|
||
border-bottom: 1px solid #eaeaea;
|
||
margin-bottom: 15px;
|
||
overflow: hidden;
|
||
display: block;position:relative;
|
||
|
||
}
|
||
#news .news_lists .art-info {
|
||
font-size: 14px;
|
||
line-height: 25px;
|
||
color:#a1a1a1;
|
||
}
|
||
#news .grace_top {margin-top:5px;}
|
||
#news .grace_top .art-title{font-size: 15px;padding-bottom: 10px;border-bottom: 1px solid #eaeaea;padding: 12px 20px ;}
|
||
|
||
#news .grace_top .art-title a{color:#383737;}
|
||
.open_roll{position:relative;}
|
||
.open_roll .roll_box{clear:both;overflow:hidden; padding:15px;border-bottom: 1px solid #eaeaea; position: relative;}
|
||
.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: 5%;}
|
||
.open_roll .roll_box .graph{display: inline-block; float:right;}
|
||
.open_roll .roll_box .mostpopular{background: #04b9c2; color:#fff; font-size:10px; padding:5px; border-radius: 3px;}
|
||
.open_roll .roll_box .keyword{display: inline-block;}
|
||
.open_roll .roll_box .keyword a{color:#383737;}
|
||
.open_roll .roll_box .keyword a:hover{color:#383737;}
|
||
.open_roll .roll_box span{float:left;}
|
||
.open_roll .roll_box .updown{position: absolute;right:40px; font-size: 12px; top:17px; }
|
||
.open_roll .roll_box .updown img {
|
||
|
||
padding-right: 5px;
|
||
}
|
||
.open_roll .roll_box_wrap .btn{position: absolute;right:0; top:10px;}
|
||
.open_roll_wrap {width:100%; border:1px solid #d9d9d9; position: absolute; top:-1px; left:0;background: #fff;z-index: 9999;}
|
||
.open_roll_wrap .txt{text-align: center; font-size:16px;color:#595959; height: 40px; line-height: 40px;}
|
||
.open_roll_wrap .ranking li{float:left;text-align: center;}
|
||
.open_roll_wrap .ranking li a{color:#b2b2b2;}
|
||
.open_roll_wrap .ranking {width:100%; height: 30px; line-height:30px; background: #f1f7fa;}
|
||
.open_roll_wrap .ranking img{padding-top:8px;}
|
||
.open_roll_wrap .ranking a:hover{color:#04b9c2;}
|
||
.open_roll_wrap .ranking .current{color:#04b9c2;}
|
||
.open_roll_wrap .roll_box_wrap{clear:both;overflow:hidden; padding: 15px;}
|
||
.open_roll_wrap .roll_box_wrap img{vertical-align: middle;}
|
||
.updown img {
|
||
vertical-align: middle;
|
||
padding-right: 5px;
|
||
}
|
||
.open_roll_wrap .roll_box_wrap .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 10%;}
|
||
.open_roll_wrap .roll_box_wrap .graph{display: inline-block;}
|
||
.open_roll_wrap .roll_box_wrap .keyword{width:78%; display: inline-block;}
|
||
.open_roll_wrap .roll_box_wrap .keyword a:hover{color:#2bbec6;}
|
||
.open_roll_wrap .roll_box_wrap li{line-height: 25px;}
|
||
.open_roll_wrap .roll_box_wrap .issue_box {
|
||
clear: both;
|
||
overflow: hidden;
|
||
height: 30px;
|
||
}
|
||
.open_roll_wrap .roll_box_wrap .issue_box a{color:#000;}
|
||
.open_roll_wrap .roll_box_wrap .no {
|
||
color: #2bbec6;
|
||
text-align: center;
|
||
margin: 0 auto;
|
||
display: inline-block;
|
||
width: 10%;}
|
||
.open_roll_wrap .roll_box_wrap .issue_box .bbox {
|
||
width: 40px;
|
||
text-align: left;
|
||
float: right;
|
||
font-size: 12px;
|
||
}
|
||
.chn_bar {width:100%;}
|
||
.chn_bar img {
|
||
position: absolute;
|
||
bottom: 24%;
|
||
|
||
height: 1px;
|
||
width: 4% !important;
|
||
text-align: center;
|
||
z-index: 2;
|
||
display: block;
|
||
text-align: center;
|
||
margin: 0 auto;
|
||
left: 48%;
|
||
}
|
||
.chn_bar2 img {
|
||
position: absolute;
|
||
bottom: 28%;
|
||
|
||
height: 1px;
|
||
width: 4% !important;
|
||
text-align: center;
|
||
z-index: 2;
|
||
display: block;
|
||
text-align: center;
|
||
margin: 0 auto;
|
||
left: 48%;
|
||
}
|
||
.cont_middle{position: relative; height:310px;}
|
||
.news_lists_top{width: 100%;
|
||
clear: both;
|
||
padding-bottom: 5px;
|
||
line-height: 50px;
|
||
font-size: 17px;
|
||
overflow: hidden;
|
||
display: block;}
|
||
#news .news_lists .news_list_cont .box_no{ position: absolute; top:0; left:0; background: #04b9c2;color:#fff; width:25px; height: 25px; line-height: 25px; text-align: center}
|
||
.news_media {background: #3a9dff; height: 70px; clear:both; width:100%;}
|
||
.news_media_list{width: 24%;
|
||
padding-top: 10px;
|
||
display: inline-block; text-align: center; height:60px;}
|
||
.news_media_list:hover{background: url(../images/bg_newslist.gif) repeat-x left top;height:60px; }
|
||
.news_media .current{background: url(../images/bg_newslist.gif) repeat-x left top; height:60px; }
|
||
.news_media_list a{color:#fff; font-size:12px;}
|
||
.news_media_list span{text-align:center;}
|
||
.news_media_list span img{margin:0 auto;}
|
||
.news_media_list p{ font-size: 12px; display: block; padding-top: 5px;}
|
||
.news_media2{background: #eeeeee; height: 40px; line-height: 40px; clear:both; padding:0 2%; text-align: center;}
|
||
.news_media2 img{vertical-align:middle; }
|
||
.news_media2 span { padding:0 3%; }
|
||
.news_media2 span a{color:#000000;}
|
||
.news_media2 span .current{color:#3a9dff;}
|
||
.news_media3 {width:100%; border-bottom: 1px solid #3a9dff; height: 40px; line-height: 40px; margin-bottom:20px;}
|
||
.news_media3 li{border-right:1px solid #3a9dff; width:20% ;float:left; text-align: center; }
|
||
.news_media3 li:last-child{width:18%; border-right:0;}
|
||
.news_media3 li a{color:#3a9dff;}
|
||
.portal{padding: 4%; width: 92%;}
|
||
|
||
|
||
.news_media_list2{width: 24%;
|
||
margin-bottom: 30px;
|
||
display: inline-block; text-align: center;}
|
||
.news_media_list2 span {width:66px; text-align: center;}
|
||
.news_media_list2 span img{padding-bottom:10px; }
|
||
.news_media_list2 span a{color:#000; font-size:15px; display: inline-block;}
|
||
.news_company{width:100%;}
|
||
.news_company_box{border-bottom:1px solid #f7f7f7; padding:10px 20px; position: relative;}
|
||
.news_company_box .companyname{ position:absolute; top:30px; left:85px;}
|
||
.news_company_box .companyname a{font-size: 18px; color:#000;}
|
||
.news_company_box .companyarrow{position:absolute; right:20px; top:27px;}
|
||
.pray_cont_top{background:#f1f7fa;}
|
||
.pray_cont_box{border-bottom:1px solid #dbdbdb; padding:15px 20px; overflow: hidden;
|
||
display: block;}
|
||
.pray_photo{float: right;
|
||
margin-left: 20px;}
|
||
.pray_photo img{ width: 100%;}
|
||
.pray_left{width:70%;float:left;}
|
||
.pray_left2{width:100%;float:left;}
|
||
.pray_right{width:30%;float:left;}
|
||
.pray_left .chtitle2{padding: 0 0 10px 0 !important;}
|
||
.pray_left .chtitle2 img{vertical-align: middle;}
|
||
.pray_left .ch_txt{font-size:13px; color:#676868;}
|
||
|
||
.pray_left .ch_txt img{padding:2px 3px 0 10px;}
|
||
.pray_left2 .chtitle2{padding: 0 0 10px 0 !important;}
|
||
.pray_left2 .chtitle2 img{vertical-align: middle;}
|
||
.pray_left2 .ch_txt{font-size:13px; color:#676868; }
|
||
.pray_left2 .ch_txt img{ padding: 0px 3px 0 10px;vertical-align: middle;}
|
||
.pray_middle{width:100%;}
|
||
.pray_middle .chtitle2{padding: 0 0 10px 0 !important;}
|
||
.pray_middle .chtitle2 img{vertical-align: middle;}
|
||
.pray_middle .ch_txt{font-size:13px; color:#676868; line-height: 20px;}
|
||
.pray_middle .ch_txt img{padding: 0px 3px 0 10px;
|
||
vertical-align: middle;}
|
||
.community_footer {background: #04b9c2; height: 95px; clear:both; width:100%;}
|
||
.community_footer_list {
|
||
width: 24%;
|
||
padding-top: 15px;
|
||
display: inline-block;
|
||
text-align: center;
|
||
}
|
||
.community_footer_list p {
|
||
font-size: 14px;
|
||
display: block;
|
||
padding-top: 10px;
|
||
}
|
||
.community_footer_list a {
|
||
color: #fff;
|
||
font-size: 14px;
|
||
}
|
||
.life_footer .life_cont1_box .art-img {width: 100%;float: right;margin-left: 20px;}
|
||
.icon_home{background:url(../images/img_home_c.png) no-repeat left center;height: 18px;
|
||
line-height: 20px;}
|
||
.star{background:url(../images/star.gif) no-repeat left center;;padding-left:25px; display: inline-block; height:20px; line-height: 24px;}
|
||
.grace_cont {
|
||
border-bottom: 1px solid #ebeef3;
|
||
overflow: hidden;
|
||
display: block;
|
||
padding: 20px 0;
|
||
background: #f8f8f8;
|
||
width: 100%;
|
||
clear: both;
|
||
}
|
||
.grace_cont .wrap {
|
||
overflow: hidden;
|
||
padding: 0 3%;
|
||
width: 93%;
|
||
margin: 0 auto;
|
||
}
|
||
.grace_boxs {
|
||
display: block;
|
||
clear: both;
|
||
overflow: hidden;
|
||
width: 100%;
|
||
|
||
}
|
||
.grace_con {
|
||
width: 48%;
|
||
float: left;
|
||
display: block;
|
||
}
|
||
.grace_con img {
|
||
width: 100%;
|
||
}
|
||
.grace_con:last-child{margin-left:4%;}
|
||
.grace_con .chtitle {
|
||
font-size: 15px;
|
||
padding: 5px 0 0;
|
||
line-height: 25px;
|
||
}
|
||
.banner_grace{ padding:15px 0 10px 0;
|
||
background: #f2f2f2;}
|
||
.banner_grace img{width:100%;}
|
||
.play_box{position:relative;}
|
||
.play{position: absolute; top:45%; left:45%; z-index: 99999;}
|
||
.play_time{ position: absolute;
|
||
bottom: 3px;
|
||
right: 0;
|
||
z-index: 99999;
|
||
background: #000;
|
||
color: #fff;
|
||
padding: 3px 5px; font-size: 12px}
|
||
.weather{background: #20c8d4; padding:20px 10px; color:#fff; height: 20px; line-height: 20px; position: relative;}
|
||
.weather .spirit{font-size:10px; border:1px solid #fff; border-radius: 20px; padding:5px 5px; color:#fff; vertical-align: top;}
|
||
.weather .country{font-size:22px;}
|
||
.weather .country2{position: absolute; top:20px;}
|
||
.weather span{margin-right:10px;}
|
||
.weather img{position: absolute; top:10px; right:10px;}
|
||
.weather .date{font-size: 11px; padding-left:5px;}
|
||
.more{padding:3px 7px; font-size:11px;}
|
||
|
||
.popuptop2 {
|
||
background: #fff;
|
||
height: 75px;
|
||
line-height: 75px;
|
||
border-radius: 7px 7px 0 0;
|
||
position: relative;
|
||
}
|
||
.popuptop2 .logo {
|
||
position: absolute;
|
||
top: 15px;
|
||
left: 40px;
|
||
font-size: 15px;
|
||
}
|
||
.popupimg {
|
||
position: relative;
|
||
}
|
||
.popupimg img{margin:0 auto; text-align: center;}
|
||
.popupimg .popuptxt {
|
||
position: absolute;
|
||
left: 65px;
|
||
top: 275px;
|
||
text-align: left;
|
||
}
|
||
.popupbody {
|
||
background: #fff;
|
||
border-radius: 0 0 7px 7px;
|
||
position: relative;
|
||
padding: 0 40px;
|
||
overflow: hidden;
|
||
color: #888;
|
||
}
|
||
.popupbody3 {
|
||
background: #fff;
|
||
position: relative;
|
||
padding: 0 20px;
|
||
overflow: hidden;
|
||
color: #4e4d4d;
|
||
}
|
||
.popupbody .body_table {
|
||
background: #f4f4f4;
|
||
color: #4f4f4f;
|
||
width: 100%;
|
||
}
|
||
.popupbody .body_table .bt_tit {
|
||
text-align: right;
|
||
color: #838383;
|
||
}
|
||
.popupbody .body_table .bt_txt {
|
||
text-align: left;
|
||
padding-left: 20px;
|
||
}
|
||
.popupbody .body_table td {
|
||
width: 50%;
|
||
font-size: 16px;
|
||
font-size: 16px;
|
||
}
|
||
.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;}
|
||
.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;}
|
||
|
||
.pagenumber { margin:30px auto; text-align: center; }
|
||
.pagenumber a{ display:inline-block; width:25px; height:25px; margin:0 2px;line-height: 25px;}
|
||
.pagenumber a.current{border:1px solid #e0e0e0; color:#2bbec6; }
|
||
.pagenumber .current a{ color:#2bbec6;}
|
||
.pagenumber a{color:#999999;}
|
||
.pagenumber a:hover{ color:#2bbec6;}
|
||
.pagenumber img{vertical-align: middle;}
|
||
.open_search {
|
||
width: 100%;
|
||
border: 1px solid #d9d9d9;
|
||
position: absolute;
|
||
top: 108px;
|
||
background: #fff;
|
||
z-index: 9999;
|
||
left: 0;
|
||
}
|
||
.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 img{vertical-align: top;}
|
||
.open_search .roll_box a{font-size:16px; color:#4e4e4e;}
|
||
.open_search .roll_box div{ height: 30px;
|
||
line-height: 30px;
|
||
display: block;
|
||
border-bottom: 1px solid #dbdbdb;
|
||
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;}
|
||
.search_pointer{color:#20c8d4;}
|
||
.btn_life {
|
||
clear: both;
|
||
width: 95%;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
position: relative;
|
||
margin: 40px 0px;
|
||
}
|
||
|
||
.news_box{border-top:10px solid #f8f8f8;}
|
||
.news_box .news_box_detail {
|
||
color: #767676;
|
||
font-size: 13px;
|
||
height: 20px;
|
||
line-height: 20px;
|
||
padding:10px 0;
|
||
}
|
||
.news_box .news_box_detail2 {
|
||
color: #767676;
|
||
font-size: 13px;
|
||
padding-bottom:10px;
|
||
|
||
}
|
||
.news_box .news_box_detail a:hover{color:#2bbec6;}
|
||
.news_box .news_box_detail span {
|
||
margin-right: 5px;
|
||
}
|
||
.news_box .news_box_detail img {
|
||
margin-right: 5px;
|
||
vertical-align: middle;
|
||
}
|
||
.news_box .news_box_detail2 img {
|
||
margin-right: 5px;
|
||
vertical-align: middle;
|
||
}
|
||
.news_box .news_box_detail2 span {
|
||
margin-right: 5px;
|
||
}
|
||
.news_box_con{padding:20px; border-bottom:1px solid #d5d5d5; overflow:hidden;}
|
||
.news_box_con h2{margin-bottom:10px;}
|
||
.news_box_con h2 a{color: #2954b6;
|
||
text-decoration: underline; font-size:18px;
|
||
|
||
}
|
||
.news_box_con .issue_box {
|
||
clear: both;
|
||
overflow: hidden;
|
||
height: 30px;
|
||
}
|
||
.news_box_con .issue_box .no {
|
||
color: #2bbec6;
|
||
text-align: center;
|
||
margin: 0 auto;
|
||
display: inline-block;
|
||
font-weight: bold;
|
||
width: 10%;
|
||
}
|
||
.news_box_con .issue_box a {
|
||
color: #000;
|
||
}
|
||
.news_box_con .issue_box .bbox {
|
||
width: 40px;
|
||
text-align: left;
|
||
float: right;
|
||
font-size: 12px;
|
||
}
|
||
.news_box_con .c_left{width:48%;float:left; padding-right:2%;}
|
||
.news_box_con .c_right{width:50%;float:left;}
|
||
.news_box_con_left{width:70%; padding-right:5%; float:left; line-height: 24px;}
|
||
.news_box_con_left .n_date{color:#8e8e8e; font-size: 13px; padding-left:10px;}
|
||
.news_box_con_left2{width:100%;float:left;line-height: 24px;}
|
||
.news_box_con_left2 .n_date{color:#8e8e8e; font-size: 13px; padding-top:3px;}
|
||
.news_box_con_right{width:20%; float:right;text-align: right; margin-right: 5%;}
|
||
.news_box_detail{padding-top:20px;clear:both;}
|
||
.news_box_con_left div{line-height: 20px}
|
||
.news_box_con_left2 div{line-height: 20px}
|
||
.news_box_detail .profile img{ border-radius: 20px;}
|
||
.news_box_title{border-bottom: 2px solid #d5d5d5;border-top: 1px solid #d5d5d5; font-size: 15px; padding:15px 20px;}
|
||
.news_box_title .current{color:#04b9c2;}
|
||
.news_box_title a{padding:0 5px;}
|
||
.news_box_title a:hover{color:#04b9c2;}
|
||
.news_box_title .relate{font-size: 13px;}
|
||
.news_box_title .info{font-size: 13px; padding-left: 10px; color:#999999;}
|
||
.news_box_title .info span{padding:0 5px;}
|
||
.news_box_more{background: #fbfbfb; color:#b1b1b1; border-bottom: 1px solid #d5d5d5; text-align: center; padding:10px 0;}
|
||
.news_box_news{text-align: right; padding:10px; border-bottom: 1px solid #d5d5d5; }
|
||
.news_box_news a{color:#2953b5; font-size: 13px;}
|
||
|
||
|
||
.search_result_top{background: #04b9c2; height: 50px;}
|
||
.search_result_top .logo_srch{position: absolute; top:15px; left:20px;}
|
||
.news_box_slide{text-align: center; margin:15px 0;}
|
||
#news .s_srch{ width: 76%;
|
||
clear: both;
|
||
display: block;
|
||
top: 5px;
|
||
position: absolute;
|
||
/* padding: 0 2%; */
|
||
/* left: 21%; */
|
||
padding-right: 5px;
|
||
right: 0;}
|
||
#news .s_srch span {
|
||
border: 0 ;
|
||
display: inline-block;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
overflow: hidden;
|
||
vertical-align: middle;
|
||
width: 100%;
|
||
border-radius: 5px;
|
||
background: #fff;
|
||
}
|
||
#news .s_srch span input {
|
||
border: 0 none;
|
||
float: left;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
width: 72%;
|
||
font-size: 14px;
|
||
}
|
||
#news .s_srch img {
|
||
float: right;
|
||
padding: 10px 10px 0 0;
|
||
}
|
||
.search_result_menu {text-align: center; padding:15px 0;}
|
||
.search_result_menu .current{color:#04b9c2;}
|
||
.search_result_menu a{font-size: 16px; padding:0 5px;}
|
||
.search_result_menu a:hover{color:#04b9c2;}
|
||
.relative {padding:15px 0 15px 20px;overflow:hidden;border-bottom: 1px solid #d5d5d5;}
|
||
.relative a{color:#2954b6; padding:3px 0; display: inline-block;}
|
||
.relative .r_left{width:85%; float:left; padding-right:5px;}
|
||
.relative .r_right{width:10%; float:left; text-align: right}
|
||
.relative .r_right img{vertical-align: bottom;}
|
||
.relative .r_title{padding-right: 10px;}
|
||
.news_box .pagenumber{border-bottom: 1px solid #d5d5d5;
|
||
border-top: 1px solid #d5d5d5; margin:0 !important; padding:15px 0;}
|
||
.news_box .relative{border-top: 1px solid #d5d5d5;}
|
||
|
||
.text_size{width:100%; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height:50px;
|
||
}
|
||
.text_size span{width:25%; border-right: 1px solid #d5d5d5; height:50px; display: inline-block; }
|
||
.text_size a{width:24%; border-right: 1px solid #d5d5d5; height:38px; display: inline-block; text-align: center; padding-top: 12px;}
|
||
.text_size a:last-child{border-right:0 !important;}
|
||
.text_size span img{text-align: center; }
|
||
.s_result {
|
||
font-size: 16px;
|
||
border-bottom: 1px solid #d5d5d5;
|
||
padding: 20px 20px;
|
||
}
|
||
.s_result img{padding-right:5px; vertical-align: bottom;}
|
||
.s_result .search_view{ font-size: 16px; padding-top: 10px; text-decoration: underline;}
|
||
.s_result .search_view a{color:#2954b6;}
|
||
.news_nothing{padding:30px 20px; border-bottom: 1px solid #d5d5d5; }
|
||
.news_nothing .t_nothing{text-align: center; font-size: 18px; padding-bottom: 20px; width:100%; margin:0 auto;}
|
||
.news_nothing ul li{background:url(../images/bg_nothing.gif) no-repeat left center; padding:5px 10px;}
|
||
.relatenews {padding:15px 20px;border-bottom: 1px solid #d5d5d5;}
|
||
.relatenews .current{color:#04b9c2;}
|
||
.relatenews span{padding:0 5px;}
|
||
.relatenews a{color:#000;}
|
||
|
||
#photo .photo_top{background-color: rgba(0, 0, 0, 0.3); height:50px; position: absolute; left:0; top:0; z-index:9999; width:100%;}
|
||
#photo .photo_top img{padding:15px 10px 10px 20px; z-index:999999; display:inline-block;}
|
||
#photo .photo_cont{position: relative; background: #000; width:100%; height:640px}
|
||
#photo .photo_bottom{background-color: rgba(0, 0, 0, 0.3);height: 70px; line-height:70px; text-align:center;position: absolute; left:0; bottom:0;z-index:9999; width:100%;}
|
||
#photo .photo_bottom .btns{ display: inline-block; width:30%; padding-top:8px; }
|
||
#photo .photo_bottom img{z-index:999999;}
|
||
#photo .photo_bottom .b_left{ width:65%;color:#fff; padding-right:5%;float:left; padding-left:5%;text-align: left;}
|
||
#photo .photo_bottom .b_left a{color:#fff;}
|
||
#photo .photo_bottom .b_right{width:20%; float:left; padding-top: 5px;}
|
||
|
||
|
||
#photo .photo_bottom2{background-color: rgba(0, 0, 0, 0.3);height: 70px; line-height:70px; text-align:center;position: absolute; left:0; bottom:100px;z-index:9999; width:100%;}
|
||
|
||
#photo .photo_bottom2 .btns{ display: inline-block; width: 32.7%; padding-top:8px; }
|
||
#photo .photo_bottom2 img{z-index:999999;}
|
||
#photo .photo_bottom2 .b_left{ width:75%;color:#fff; float:left; text-align: left;}
|
||
#photo .photo_bottom2 .b_left a{color:#fff;}
|
||
#photo .photo_bottom2 .b_right{float:left; padding-top: 5px;}
|
||
#photo .b_slide{clear:both;width:100%; position:absolute; left:0; bottom:20px; overflow:hidden; height: 80px;}
|
||
#photo .b_slide span{float:left; margin-right:5px;}
|
||
|
||
#photo .b_slide .current{border:2px solid #fff; }
|
||
|
||
#photo .photo_cont .photo_image{ text-align: center; width:100%; }
|
||
#photo .photo_cont .photo_image img{border:0; vertical-align: middle;}
|
||
#photo .photo_cont .photo_image .al{position: absolute; left:0; top:290px;}
|
||
#photo .photo_cont .photo_image .ar{position: absolute; right:0; top:290px;}
|
||
|
||
.tit{line-height: 20px; font-size: 15px; padding:12px 0 0;}
|
||
.txt{line-height: 20px; font-size: 12px; padding-top:5px;}
|
||
.news_box_con_right .play{ position: absolute;
|
||
top: 35%;
|
||
left: 40%;
|
||
z-index: 99999;}
|
||
.news_box_con_right .play_box{width:93px;}
|
||
.news_box_con_right .play_time{position: absolute; bottom:3px; right:0;}
|
||
.t_btns span a{font-size: 12px;}
|
||
.relatednews{clear:both; border-left: 2px solid #d5d5d5; padding-left:10px; margin:20px 0 10px 0; overflow:hidden;display: block;}
|
||
.relatednews .relatednews_box{padding: 5px 0;}
|
||
.relatednews .relatednews_box .relatednews_tit{padding-right:10px;}
|
||
.relatednews .relatednews_box .relatednews_tit a{color:#2953b5; font-size:14px;}
|
||
.serchview{border-bottom: 1px solid #d5d5d5;
|
||
text-align: center;
|
||
margin: 0 !important;
|
||
padding: 15px 0;background: #fbfbfb; font-size:16px;}
|
||
.serchview span{color:#2954b6;}
|
||
.life_cont4_box .tr_txt {
|
||
padding-top: 10px;
|
||
}
|
||
.tr_txt a {
|
||
font-size: 15px;
|
||
}
|
||
.m_more{padding-right: 20px;
|
||
text-align: center;
|
||
/* padding: 7px 15px; */
|
||
border-bottom: 1px solid #ebeef3;
|
||
/* margin: 20px 0; */
|
||
padding: 20px 0;}
|
||
.popup_wrap2 {
|
||
left: 50%;
|
||
line-height: 25px;
|
||
margin-left: -150px;
|
||
position: absolute;
|
||
top: 190px;
|
||
color: #707070;
|
||
z-index: 99999;
|
||
background: #transparent;
|
||
}
|
||
@media screen and (max-width: 620px){
|
||
#mypage .mypage_footer .f_social img{ width:8%; padding:0 5px;}
|
||
}
|
||
@media screen and (max-width: 400px){
|
||
.font{top:170px;}
|
||
.community_footer_list p {font-size:12px;}
|
||
#news .cont_top .cont_top_title a{font-size:13px;}
|
||
#news .cont_top .cont_top_title4 a{ font-size:13px;}
|
||
#news .cont_top_txt2 a{font-size:12px;}
|
||
}
|
||
@media screen and (max-width: 350px){
|
||
.news_media_list2 span img{width:70%; }
|
||
.life_app{width:310px;}
|
||
.life_app li {width:62px;}
|
||
}
|