@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon/icomoon.eot'); src: url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.woff') format('woff'), url('../fonts/icomoon/icomoon.ttf') format('truetype'), url('../fonts/icomoon/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } .column {width: 23%;position:absolute;top:0;right: 80px;} .column p { font-weight: 300; font-size: 2em; padding: 0; margin: 0; text-align: right; line-height: 1.5; } .column a { border: 3px solid #b4c7da; padding: 0 15px; display: inline-block; margin: 20px 0; } .column a:hover { border-color: #fff; } .sb-search {position: relative;width:48px;height: 35px;float: right;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden;} .Sel_type {width: 60px;height: 32px;background:#f2f2f2;border:#ccc solid 1px;/* border-right: none; border-left: none; border-top:none; */border-top-left-radius: 2px;border-bottom-left-radius: 2px;} .sb-search-input {position: absolute;top:0px;right: 50px;border:none;outline:none;background:#f2f2f2;width: 60%;height: 32px;margin:0;z-index:10;font-family:inherit;color:#888;border:#ccc solid 1px;text-indent: 5px;} .sb-search-input::-webkit-input-placeholder {color: #888;} .sb-search-input:-moz-placeholder {color: #888;} .sb-search-input::-moz-placeholder {color: #888;} .sb-search-input:-ms-input-placeholder {color: #888;} .sb-icon-search, .sb-search-submit { width: 50px; height: 34px; display:block; position:absolute; right: 0; top: 0; padding: 0; margin: 0; line-height:36px; text-align: center; cursor: pointer; } .sb-search-submit { background: #f2f2f2; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none; outline: none; z-index: -1; } .sb-icon-search { color: #1eb1b3; background: #f2f2f2; z-index: 90; font-size: 22px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; } .sb-icon-search:before { content: "\e000"; } /* Open state */ .sb-search.sb-search-open, .no-js .sb-search { width: 100%; } .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { background: #f2f2f2; color: #1eb1b3; z-index: 11; } .sb-search.sb-search-open .sb-icon-search{background: #19a7a6;color:#fff;border-top-right-radius: 2px;border-bottom-right-radius: 2px;} .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; } .search_news { padding:22px;padding-top:0; overflow:hidden; } .search_news ul { list-style-image: none; list-style-type: none; margin-top: 6px; } .search_news li { border-bottom: 1px dotted #888A89; height: 50px; line-height: 50px; overflow: hidden; } .search_news li a { color: #414141; text-decoration: none; } .search_news li span { color: #414141; float: right; margin-right: 30px; }