.articlecontentsearch{ width:858px; border:1px solid #ccc; padding:10px 20px 0 22px; display:block; margin:10px 0 20px 10px; overflow:hidden; } .tops{ height:45px; position:relative; margin-bottom:16px; font-size:12px; } .tops a.btn_gray img, .tops a.btn_blue img{ display:inline; line-height:19px; vertical-align:middle; } .tops a.btn_blue,.tops a.btn_gray { float:left; text-align:center; display:table-cell; vertical-align:middle; /*width:80px;*/ layout-grid-line:80px; height:19px; text-decoration:none; margin-right:10px; color:#fff; -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7; -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7; box-shadow: inset 0px 1px 0px 0px #86ACC7; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) ); background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F'); background-color: #23486F; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #0C274D; display: inline-block; color: #ffffff; font-family: arial; font-size: 15px; font-weight: bold; padding: 2px 15px; text-decoration: none; /* [disabled]text-shadow:1px 1px 0px #a2d613; */ margin-left: 5px; } .tops a:hover.btn_blue,.tops a:hover.btn_gray { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) ); background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B'); background-color:#36638B; } .tops a.btn_blue:active,.tops a.btn_gray:active { /*position:relative; top:1px;*/ } .tops a.btn_blue:not(:target),.tops a.btn_gray:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_off.svg); } .tops a:hover.btn_blue:not(:target),.tops a:hover.btn_gray:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_on.svg); } .button{ float:right; margin-top:20px; margin-right:2px;} .tops ul{ float:left; margin:0; padding:0;} .tops ul li{ display:inline;} .tops ul li a{ font-size:12px; float:left; color:rgb(45,131,218); text-decoration:none; margin-right:5px; margin-left:5px; } .tops ul li span{ font-size:12px; float:left; color:#333333; text-decoration:none; margin-right:5px; margin-left:5px; } .tops ul li a.nottouchdevice:hover{ text-decoration:underline;} .tops ul li a.gray_text{ color:#999999;} .tops ul li a.active_tops{ color:#2d83da; text-decoration:underline;} .tops ul li b{ font-weight:normal; float:left; font-size:12px;} .tops p{ color:#333333; font-size:12px; position:absolute; right:0; padding:0 2px 0 0; margin:0;} /* section */ .sectionsearchlist{ height: 135px; padding-top: 10px; border-top: 1px dashed #cccccc; margin-top: 10px; display: block; } .cnt_section_list{ margin: 0; height: 120px; position: relative; padding-top: 10px; padding-bottom: 5px; padding-left:10px; } .cnt_section_list:hover{ background-color: #FFFFFF; } .cnt_section_list a.img{ display: block; position: relative; width: 161px; height: 120px; float: left; } .cnt_section_list a.img img{ margin: 7px auto 0; position: relative; } /*.cnt_section_list a.img img.book_icon{ position:absolute; top:0px; left:0px; z-index:10; }*/ .cnt_section_list .text{ float: left; height: 120px; margin: 0 0 0 35px; width:400px; } .cnt_section_list .text a.name{ color: #37648C; font-size: 16px; } .cnt_section_list .text a.name img { float:left; display:inline-block; margin-right:5px; } .cnt_section_list .text a.name:hover{ text-decoration:none; } .cnt_section_list .text ul.date{ margin-top: 0px; } .cnt_section_list .text ul.date li{ color:#333333; font-size:13px; } /*---*/ .cnt_section_list .text .info{ overflow: hidden; margin-top: 10px; } .cnt_section_list .text ul.pic{ float: left; margin-top: 20px; } .cnt_section_list .text ul.pic li{ float: left; margin-left: 17px; display: inline-block; } .cnt_section_list .text ul.pic li img { position: relative; left: -18px; } .cnt_section_list .text ul.pic li a.read { margin-top: 42px; -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7; -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7; box-shadow: inset 0px 1px 0px 0px #86ACC7; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) ); background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F'); background-color: #23486F; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #0C274D; display: inline-block; color: #ffffff; font-family: arial; font-size: 15px; font-weight: bold; padding: 2px 26px; text-decoration: none; margin-left: 5px; } .cnt_section_list .text ul.pic li a.read:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) ); background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B'); background-color:#36638B; }.cnt_section_list .text ul.pic li a.read:active { /*position:relative; top:1px;*/ } .cnt_section_list .text ul.pic li a.read:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_off.svg); } .cnt_section_list .text ul.pic li a.read:hover:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_on.svg); } .cnt_section_list .text ul.pic li a.read_hover { -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7; -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7; box-shadow: inset 0px 1px 0px 0px #86ACC7; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) ); background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F'); background-color: #23486F; border: 1px solid #0C274D; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; color: #ffffff; font-family: arial; font-size: 15px; font-weight: bold; padding: 2px 26px; text-decoration: none; margin-left: 5px; line-height: 20px; margin-left: 5px; }.cnt_section_list .text ul.pic li a.read_hover:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) ); background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B'); background-color:#36638B; }.cnt_section_list .text ul.pic li a.read_hover:active { /*position:relative; top:1px;*/ } .btn_bott { display: block; width: 210px; height: 33px; line-height: 33px; margin: 37px auto 0 auto; font-size: 14px; color: #fff; text-align: center; text-decoration: none; border: 1px solid #0C284E; border-radius: 4px; /*outline:1px solid #0C284E;*/ background: #37648C; /* Old browsers */ background: -moz-linear-gradient(top, #37648C 0%, #22466D 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37648C), color-stop(100%,#22466D)); /* Chrome,Safari4+ */ -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7; -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7; box-shadow: inset 0px 1px 0px 0px #86ACC7; background: -webkit-linear-gradient(top, #37648C 0%,#22466D 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #37648C 0%,#22466D 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #37648C 0%,#22466D 100%); /* IE10+ */ background: linear-gradient(to bottom, #37648C 0%,#22466D 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37648C', endColorstr='#22466D',GradientType=0 ); /* IE6-9 */ } a:hover.btn_bott{ background: #22466D; /* Old browsers */ background: -moz-linear-gradient(top, #22466D 0%, rgb(16,89,163) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22466D), color-stop(100%,#37648C)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #22466D 0%,#37648C 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #22466D 0%,#37648C 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #22466D 0%,#37648C 100%); /* IE10+ */ background: linear-gradient(to bottom, #22466D 0%,#37648C) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22466D', endColorstr='#37648C',GradientType=0 ); /* IE6-9 */ } .sectionsearchlist #bottom { height:53px; padding:5px; position:relative; } .cnt_section_list .img .band_horizontal { position: absolute; top: -4px; left: 1px; } .cnt_section_list .img .band_vertical { position: absolute; left: 40px; top: -4px; } .cnt_section_list .text .info .pic li .read { position: absolute; right: 20px; top: 50px; } #main-searchresult { border:1px solid #ccc; padding:10px 20px 10px 22px; display:block; margin:10px 10 20px 10px; height: 25px; } #main-searchresult span { float: left; margin-right: 15px; } #main-searchresult input { float: left; margin-right: 10px; } #main-searchresult input[type="radio"] { margin-right: 5px; } .tops a.btn_gray, .tops a.btn_blue{ float:left; text-align:center; display:table-cell; vertical-align:middle; width:80px; layout-grid-line:80px; height:19px; text-decoration:none; margin-right:10px; color:#fff; margin-right: 15px; } a:hover { cursor:pointer; } #main-searchresult span:hover { cursor: pointer; } #msgSearchNotExist { display: none; }