.arrow_down{background: url(/theme/crossmap/img/img_down.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;} .arrow_down:hover{background: url(/theme/crossmap/img/img_down_on.gif) no-repeat 90% 50%; } .arrow_up{background: url(/theme/crossmap/img/img_up.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;} .arrow_up_on{background: url(/theme/crossmap/img/img_up_on.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;} .arrow_up:hover{background: url(/theme/crossmap/img/img_up_on.gif) no-repeat 90% 50%; } .br10 { border-radius: 10px; } .br15 { border-radius: 15px; } .profile_forms2 .form-group { border-bottom: 1px solid #ccc; position: relative; clear: both; overflow: hidden; padding:20px 0 10px; } .profile_forms2 .form-group2 { border: 1px solid #ccc; position: relative; clear: both; overflow: hidden; border-radius:5px; } .profile_forms2 .form-group3 { border-bottom: 1px solid #ccc; position: relative; clear: both; overflow: hidden; padding-bottom: 10px; } .profile_forms2 .form_tit { font-size: 14px; color: #575757; position: relative; } .profile_forms2 .form_txt { font-size: 14px; color: #575757; padding-bottom:10px;padding-top: 20px; } .profile_forms2 .fixed { font-size: 17px; height: 40px; line-height: 40px; color: #545454; } .profile_forms2 .fixed2 { font-size: 17px; height: 40px; line-height: 40px; color: #545454; } .profile_forms2 .form-group input { border: 0; display: inline-block; height: 40px; line-height: 40px; overflow: hidden; padding: 0; vertical-align: middle; color: #b7b7b7; font-size: 17px; font-weight: normal; } .profile_forms2 .form-group2 input { border:none; 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; } .profile_forms2 label { font-size: 15px; color: #2bbec6; display: block; margin-bottom: 10px; } /* mypage */ #mypage{ width: 100%; display: block; background: #fff;} /* mypage_header */ .mypage_header{ width: 100%; display: block; position: relative; height: 50px; line-height: 50px; border-bottom: 1px solid #e5e5e5; background: #fff;} .mypage_header .mypage_logo{} .mypage_header .mypage_tit{position:absolute; left:70px; font-size:16px;} .mypage_header .mypage_header_ingo{position:absolute; right:0;} .mypage_logo{position: absolute;top:16px; left:20px;} .mypage_header_ingo .profile img{border-radius: 20px; margin-top:14px;} .social{padding:0 30px 0 10px;} .social img{margin-top:15px;padding:0 1px;} .arrow{ background: url(/theme/crossmap/img/mypage_arrow_down.gif) no-repeat 100% 50%; padding-right:10px; margin-right:10px;} .bar img{padding:0 5px 5px; margin-top:20px; } .beauchblue_underline{text-decoration: underline;} .mypage_opened{position: absolute; top:51px; right:30px; width:300px; z-index:9999; line-height:20px; color:#8a8c8d; } .mypage_opened_info {background: #f1f7fa; padding: 20px 15px;height:45px;overflow: hidden;} .mypage_opened_info .name{font-size:15px; color:#575757;} .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-top:10px;} .mypage_opened_info .profile{position: relative; width:50px; height: 85px; 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{position: relative; width:50px; height: 60px; float:left; margin-right:10px; } .mypage_opened_info .profile2 .carmera{position: absolute; right:0; top:30px;} .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_menu li{float:left; padding:10px 9px; font-size:13px;border-right:1px solid #d7f4f5;height: 35px;} .mypage_menu li a:hover{color:#2bbec6;} .mypage_menu li:last-child{border-right:none !important;} /* mypage_left */ .contents{background:#f6f6f6;} .mypage_left{float: none; width: 13% !important; position:absolute;left:0; top:51px;background: #f6f6f6;border-right: 1px solid #ededed; } .mypage_left .sec_menu li { background: url(/img/img_s_menu.png) no-repeat 15% 50%; border-bottom: 1px solid #eeeeee; padding: 12px 20px 12px 50px; } .mypage_left .sec_menu li a{color: #777777;} .mypage_left .sec_menu li .current{color:#2bbec6;} .mypage_left .sec_menu li a:hover{color:#2bbec6;} .mypage_left .left_title{ font-size: 15px; padding: 12px 20px; font-weight: bold;} .mypage_left h3{padding:12px 40px; border-bottom: 1px solid #eeeeee;} .mypage_left h3 a{color:#777777; font-size:15px;} .mypage_left h3 a:hover{color:#2bbec6;} .mypage_left h3 .current{color:#2bbec6;} .mypage_left h3{padding:12px 30px; border-bottom: 1px solid #eeeeee; color:#2e2e2e; font-size:15px;} /* mypage_right */ .mypage_right{ margin-left: 13%; z-index: 840; background: #fff; padding: 0 2%; overflow:hidden; display: block; width: 83%; border-left: 1px solid #ededed; } .mypage_right_top{width:100%; border-bottom: 1px solid #e5e5e5; padding:50px 0 20px;color: #878787;} .mypage_right_top a{color:#fff;} .mypage_title{font-size:20px; padding-right:20px;color:#575757; vertical-align: middle;} .mypage_title a{color:#575757;padding:0 10px;} .mypage_title a:hover{color:#2bbec6;} .mypage_right .table{width:100%;} .mypage_tbl_box5 {text-align: center; width: 5%;} .mypage_tbl_box10 {text-align: center;width: 10%;} .mypage_tbl_box15 {text-align: center;width: 15%;} .mypage_tbl_box40 {width: 40%;} .mypage_tbl_box50 {width: 50%;} .mypage_tbl_box55 {width: 55%;} .mypage_tbl_box60 {width: 60%;} .mypage_tbl_box70 {width: 70%;} .mypage_tbl_box20 {text-align: center;width: 20%;} .mypage_right table thead{background: #fbfbfb none repeat scroll 0 0;border-bottom: 1px solid #eaeaea;border-top: 1px solid #878787;height:40px; line-height: 40px;width: 100%; } .mypage_right .btns{margin-top:50px; } .mypage_right .btns span{float:left; padding-left:10px;} .mypage_right table tr{line-height:40px; border-bottom: 1px solid #e5e5e5;} .mypage_right table .btn-reply img{padding-right:5px; padding-top: 7px;} .mypage_right table .btn-reply a{padding-right:5px; color:#2bbec6;} .mypage_right .date{text-align:center; color:#969696;font-size:13px; } .mypage_right .date2{text-align:center; color:#575757;font-size:13px; } .mypage_right .btn-reply{color:#2bbec6;} .mypage_right table .writer{color:#969696; } .mypage_right .no{text-align:center;color:#969696; font-size:13px; } .mypage_right table .block{text-align:center;} .mypage_right table .block a{color:#969696; font-size:13px; } .mypage_right table .notice{border-bottom: 1px solid #b5b5b5; } .mypage_right table .notice .btn-notice1{font-size:13px; padding:0px 3px !important;} .mypage_right .chain img{vertical-align:middle; padding-left:10px; } .pagenumber { margin:30px auto; width:100%; position: fixed; left:50%; right:50%;} .pagenumber li{ float:left;width:25px; height:25px; margin:0 2px;line-height: 25px;text-align: center;} .pagenumber li.current{border:1px solid #e0e0e0; color:#2bbec6; } .pagenumber .current a{ color:#2bbec6;} .pagenumber li a{color:#999999;} .pagenumber li a:hover{ color:#2bbec6;} .pagenumber img{padding-top:7px;} .pagenumber2 { margin:30px auto; width:100%; overflow:hidden;text-align:center} .pagenumber2 a{ width:25px; height:25px; margin:0 2px;line-height: 25px;text-align: center; display:inline-block;} .pagenumber2 a.current{border:1px solid #e0e0e0; color:#2bbec6; } .pagenumber2 a:hover{ color:#2bbec6;} .pagenumber2 img{padding-top:7px;} /* .cate1 {background:#f1f7fa; border: 1px solid #dcdcdc; width:730px; height: 45px; line-height: 45px; margin-top: 30px;} .cate1 li{padding:0 47px;border-right: 1px solid #dcdcdc; float:left; } .cate1 li:last-child{border-right:0 !important;} .cate1 li a{ font-size:15px;color:#9e9e9e;} .cate1 li a:hover{color:#04b9c2;} */ .cate1 { height: 45px; line-height: 45px; margin-top: 30px;} .cate1 li{ background:#f1f7fa; padding:0 47px; border: 1px solid #dcdcdc; border-left: none; float:left; } .cate1 li:nth-child(1){border-left: 1px solid #dcdcdc;;} .cate1 li a{ font-size:15px;color:#9e9e9e;} .cate1 li a:hover{ color:#04b9c2; } .cate1 .current a{color:#04b9c2;} .policy{line-height: 28px; padding-top:20px; border-top: 1px solid #e5e5e5; margin-top: 30px;} .cate2 {margin: 30px 0; font-size:15px; width:100%;overflow:hidden;} .cate2 li{padding:0 12px 10px;border-right: 1px solid #dcdcdc; float:left; } .cate2 li:last-child{border-right:0 !important;} .cate2 li a{ font-size:15px;color:#9e9e9e;} .cate2 li a:hover{color:#04b9c2;} .cate2 .current a{color:#04b9c2;} .cate3 { height: 45px; line-height: 45px; margin-top: 30px;} .cate3 li{padding:0 47px;border-right: 1px solid #dcdcdc; float:left; background:#f1f7fa; border: 1px solid #dcdcdc; border-left: none; } .cate3 li:first-child { border-left: 1px solid #dcdcdc; } .cate3 li a{ font-size:15px;color:#9e9e9e;} .cate3 li a:hover{color:#04b9c2;} .cate3 .current a{color:#04b9c2;} .mypage_right .alarm{background: url(/img/mypage_alarm.gif) no-repeat; padding-left:30px; margin:30px 0 30px 20px;} .slct_box{margin:20px 0; overflow:hidden;clear:both;border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;} .srch_box{margin:20px 0; clear:both; } /* .srch_box span a{color:#575757 !important;} */ .srch_box a:hover{color:#2bbec6;} .msg_box a:hover{color:#2bbec6;} .unread{vertical-align: middle;padding-left: 10px;} .unread a{color:#8e8e8e; text-decoration: underline;} .memo{padding-right:15px; vertical-align: middle;} .s_list{ margin-left:10px; vertical-align: middle;} .s_list span{ padding:0 2px; font-size: 13px;} .srch_box .s_list span a{color:#8e8e8e !important;} .msg{} .msg .msg_header{border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; height:80px; background: #fafafa;} .msg .msg_header dl{padding-top:15px; padding-left:20px;} .msg .msg_header dt{ float: left;width: 75px;height: 18px;padding: 3px 0 7px;color: #333;} .msg .msg_header dd {overflow: hidden;height: 18px;padding: 3px 0 7px;color: #666;} .msg_name{font-size:17px; font-weight: bold;} .msg_read{padding:40px 20px; line-height:30px;border-bottom: 1px solid #e5e5e5; margin-bottom:20px;} .msg_footer{padding:30px 0; color:#8e8e8e; font-size:12px;} .msg_box{width:555px;padding-bottom:10px;} .panel{border-top:1px solid #888888;} .panel_header{height:70px; line-height: 70px;} .panel_body{background: #fbfbfb; padding:30px 30px; overflow:hidden; line-height: 30px; border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;} .panel_body ul{overflow:hidden;} .panel_body li{float:left;} .panel_title{font-size:18px; padding-left:30px;} .panel_header .panel_no{ padding-right:10px;} .board .current{ color:#2bbec6;} .board .current a{ color:#2bbec6;} .board a:hover{ color:#2bbec6 !important;} .navi{margin-top:30px; margin-right:30px;} .mypage_list{border-top:1px solid #e5e5e5; } .mypage_list .art-img{ width:90px; float:left; margin-right:20px;} .mypage_list_cont{border-bottom:1px solid #e5e5e5; margin-bottom:20px; padding:30px 20px; overflow:hidden;} .mypage_list_cont .btn-input{width:30px; float:left; padding-top:20px; padding-left:20px;} .art-info{width:70%; float:left;} .art-title{font-size:18px; padding-bottom: 10px;} .art-title a{color:#1e1e1e;} .art-title a:hover{color:#2bbec6;} .art-title .company{ font-size: 14px; padding-left: 20px; vertical-align: top; padding-top: 3px; display: inline-block;} .art-link {padding-bottom:15px;} .art-link a{color:#9e9e9e; } .art-sum a{color:#9e9e9e; } .art-menu img{vertical-align: middle;} .art-menu span{ height: 20px;} .bttn a{color:#fff} .bttn a:hover{color:#fff} .bttn2 a{color:#4f4f4f;} .btn-comment{margin-right: 10px; vertical-align: middle;} .btn-comment a{ padding: 1px 8px; font-size: 12px;} .btn-comment a:hover{color:#2bbec6;} .bookmark_add{margin:20px 0;} .bookmark_add .url {border: 1px solid #ccc;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0;vertical-align: middle;width: 450px;border-radius: 5px; padding-left:10px;} .bookmark_add .url a:hover {color:#fff;} .bookmark_add .url input {border: 0 none;float: left; height: 32px;line-height: 32px;width: 270px; font-size:14px;} .bookmark_add button{vertical-align: middle; margin-left:5px;} .bookmark_header{border-top: 1px solid #dbdbdb;height: 60px;background: #fafafa;line-height: 60px;padding-left: 20px;} .comment_header{height: 60px; line-height: 60px;} .bookmark_header a:hover{color:#2bbec6;} .newscompany{ font-size: 13px; vertical-align: middle; padding-left: 10px;} .newscompany a{ color: #8e8e8e;} .mypage_profile{width:500px; margin:0 auto;padding: 50px 0 20px;} .mypage_profile_title{font-size: 20px;text-align: center;color: #575757;clear: both;width: 100%;display: block;} .profile_header{border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; height:100px; background: #fafafa; margin-top:20px;} .profile_header dl{float: left;padding-top: 20px;margin-left: 20px;} .profile_header dt{float: left;width: 75px;height: 18px;padding: 3px 0 7px;color: #333;} .profile_header dd {overflow: hidden;padding: 3px;color: #666; margin-bottom:10px;} .profile_header .txt{color:#a7a7a7; font-size:13px;} .profile_header .photo{float:left; padding:13px 0 0 75px;} .profile_header .photo img{border-radius: 75px;} .profile_header .profile_table{ float: left;padding: 15px 0 0 20px;display: inline-block;} .profile_header .profile_table tr{ border-bottom:0 !important; line-height: 20px; padding-bottom: 10px;} .mypage_board{width:730px;} .mypage_opened .opened_arrow { position: absolute; top: -9px; left: 123px; z-index: 9999999; } .mypage_list .pagenumber{margin: 30px auto; width: 100%; overflow: hidden; text-align: center; position: inherit;} .mypage_list .pagenumber a{ width:25px; height:25px; margin:0 2px;line-height: 25px;text-align: center; display:inline-block;color:#999999;} .mypage_list .pagenumber a.current{border:1px solid #e0e0e0; color:#2bbec6; } .mypage_list .pagenumber a:hover{ color:#2bbec6;} .mypage_list .pagenumber img{padding-top:7px;} /* forms*/ .srch span {border: 1px solid #ccc;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0;vertical-align: middle;width: 300px;border-radius: 5px; padding-left:10px;} .srch span input {border: 0 none;float: left; height: 32px;line-height: 32px;width: 270px; font-size:14px;} .srch img{float:right; padding:6px 5px 0;} .slct{ background: #fff url("/img/img_select.gif") no-repeat 95% 50%; overflow:hidden; width:150px; float:left;margin-right:10px; border:1px solid #ccc; border-radius: 5px;} .slct select {border: none;height: 32px;line-height: 32px;width: 170px;font-size:14px;font-size: 14px;background: transparent none repeat scroll 0 0;-webkit-appearance: none;-moz-appearance: none;padding-left:10px; color:#757575;} .profile_forms input{ border: 1px solid #ccc;border: 1px solid #ccc;display: inline-block;height: 32px;line-height: 32px;overflow: hidden;padding: 0;vertical-align: middle;width: 97%;border-radius: 5px;padding-left: 2%; font-size:14px;} .profile_forms label{font-size:16px; margin:20px 0 10px 0; display:block;} .profile_forms .form-group{clear:both; display: block; overflow:hidden; position: relative;} .profile_forms .form_wrap{border-bottom:1px solid #dbdbdb; padding-bottom:30px;} .profile_forms .form_wrap .profile_title{font-size:16px; color:#2bbec6; margin-top:30px;} .form-box{position:relative;} .txt_fix {position: absolute;font-weight: normal;text-indent: 0;} .txt_domain {height: 32px;top: 0;right: 0;padding: 0 20px;line-height: 32px;font-size:13px;} .msg input {border: 1px solid #ccc;border-radius: 5px;display: inline-block;font-size: 14px;height: 32px;line-height: 32px;overflow: hidden;padding: 0 0 0 2%;vertical-align: middle;} .msg textarea{border-radius: 5px;border: 1px solid #ccc; margin:20px 0;} input::-webkit-input-placeholder { color:#a7a7a7 } input::-moz-placeholder { color:#a7a7a7 } .popup_wrap2 { left: 50%; line-height: 25px; margin-left: -405px; position: absolute; top: 190px; color: #707070; z-index: 99999; } .popuptop3 { background: #44cbd2; height: 50px; line-height: 50px; position: relative; } .popuptop3 .p_title2 { color: #fff; font-size: 16px; padding-left:40px; } .popuptop3 .p_title2 a{ color: #fff;padding:0 5px; font-size:14px; } .popuptop3 .p_title2 a:hover{font-weight: bold;} .popuptop3 .p_title2 .current{font-weight: bold;} .popupbody3 { background: #fff; position: relative; padding: 0 40px; overflow: hidden; } .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;} .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:10%; 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:80%; float:left; padding-top:10px;} .pop_cont_txt_box .t_black a{color:#000; font-size: 15px;} .pop_cont_txt_box .t_black a:hover{color:#2bbec6;} .pop_cont_info{width:10%; float:left;} .info_popup{position:absolute; right:60px;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;} .pop_cont_title a:hover{color:#2bbec6;} .btn_life { clear: both; width: 95%; height: 40px; line-height: 40px; position: relative; margin: 40px 0px; } .btn_life img { vertical-align: middle; } .delivery_info{ position: absolute; right: 100px; background: #f5f6f6; border: 1px solid #ebebeb; width: 500px; z-index: 9999;line-height: 26px; top: 50px; padding:15px;} .delivery_info .d_info_tit{color:#000; font-size:16px; padding-bottom: 5px;} .delivery_info .d_info_txt{font-size:12px;} .delivery_info2{ position: absolute; right: 100px; background: #f5f6f6; border: 1px solid #ebebeb; width: 500px; z-index: 9999;line-height: 26px; top: 50px; padding:15px;} .delivery_info2 .d_info_tit{color:#000; font-size:16px; padding-bottom: 5px;} .delivery_info2 .d_info_txt{font-size:13px;} .r_base { overflow: hidden; display: block; clear: both; } .icons { float: right !important; } .icons span { padding-left: 20px; } .thumbup { color: #e64c3d; } .thumbdown { color: #3c92ca; } .icons img { padding-right: 7px; } .icons2 { float: right !important; } .thumbup2 { color: #e64c3d;padding-left: 20px; } .thumbdown2 { color: #3c92ca;padding-left: 20px; } .icons2 img { padding-right: 7px; } .reply_sort { padding-top:10px; font-size: 16px; } .reply_sort span { padding-right: 10px; } .reply_sort a{font-size: 14px;} .reply_sort .current { color: #000; } .pop_replay_more a{font-size:12px; color:#8e8e8e;} .pop_cont_title img{padding-top:3px; padding-right:5px;} .reply_box2{ clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 20px; margin-top:20px; display:block;} .reply_box2 .box_wrap{overflow:hidden;display: block; border-bottom: 1px solid #e0e1e1; padding-bottom:20px; margin-bottom:20px;} .reply_box2 .box_wrap li{float:left;} .reply_box2 .box_wrap2{overflow:hidden;display: block; margin-bottom:20px;} .reply_box2 .box_wrap2 li{float:left;} .reply_box2 .box_wrap .r_text li{float:left; padding-right:10px;} .reply_box { border: 1px solid #c5c5c5; margin-top: 10px; clear: both; overflow: hidden; background: #fff; } .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;} .facebook { } .reply_write { color: #999999; line-height: 23px; padding: 10px 20px; } .reply_write textarea{ z-index: auto; position: relative; line-height: 20px; font-size: 13px; padding: 10px; border: none;} .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;} .tweet img { } .reply_close { width: 90px; height: 30px; line-height: 30px; border: 1px solid #c7c7c7; text-align: center; margin: 20px auto; } .reply_close img { padding-top: 12px; padding-left: 5px; } .r_info { color: #999999; } .r_date { font-size: 12px; } .r_info span { padding-right: 10px; } .r_info a { color: #999; } .img_reply{width:20px;} .reply_social{padding:20px 20px 0 20px;} .reply_social span { padding-right: 10px; } .footer{background: #f1f7fa; height: 85px; clear:both;} .footer .wrap { width: 100%; margin: 0 auto; position: relative; } .footer_search{background: #f1f7fa;clear:both; padding:30px 0;} .copyright{position: absolute;left:30px;color:#888888; font-size:11px; top:40px;} .f_social{position: absolute;top:30px;right:30px;} .f_social a{padding:0 3px;} .f_social_l{margin:0 auto; text-align:center;} .f_social_l a{padding:0 3px;}