917 lines
47 KiB
CSS
Executable File
917 lines
47 KiB
CSS
Executable File
@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; padding-top:10px;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.1;
|
|
}
|
|
.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;}
|
|
.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;}
|
|
|
|
|