/* Latest Update 2012.11.5 write */ /* author koyuki watanabe */ /* article */ .articlecontentsearch{ display:block; margin-bottom:20px; overflow:hidden; } .tops{ position:relative; font-size:12px; overflow:hidden; } .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; } .tops a.btn_gray img, .tops a.btn_blue img{ display:inline; line-height:19px; vertical-align:middle; } .tops a:hover.btn_black { -pie-background:linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.97, #9d9d9d), color-stop(0.93, #6b6b6b), color-stop(0.54, #1a1a1a), color-stop(0.00, #d7d7d7)); background:-webkit-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%); background:-moz-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%); background:-o-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%); background:-ms-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%); background:linear-gradient(to bottom, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%); text-decoration:underline; behavior:url('/abvw/css/PIE.htc'); } .tops a:hover.btn_blue,.tops a:hover.btn_gray{ border:1px solid #fff; outline:1px solid #727171; background: rgb(45,123,191); /* Old browsers */ background: -moz-linear-gradient(top, rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */ background: linear-gradient(to bottom, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */ margin-right:10px; } .tops a.btn_black { height:24px !important; margin-top:-3px; padding-top:4px; border:1px #333333 solid; -pie-background: linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #626262), color-stop(0.93, #414141), color-stop(0.54, #000), color-stop(0.00, #999)); background: -webkit-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%); background: -moz-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%); background: -o-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%); background: -ms-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%); background: linear-gradient(to bottom, #999 0%, #000 54%, #414141 93%, #626262 97%); -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; color:#fff; behavior:url('/abvw/css/PIE.htc'); } .tops a.btn_blue,.tops a.btn_gray{ border:1px solid #fff; outline:1px solid #2d83da; background-image: linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%); background-image: -o-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%); background-image: -moz-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%); background-image: -webkit-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%); background-image: -ms-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(69,154,239)), color-stop(0.77, rgb(117,185,254))); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bafe', endColorstr='#4599ef'); } .button{ float:right; margin-top:20px; margin-right:2px;} .tops ul{ float:right; margin:15px 0 5px 0; padding:9px 0 9px 12px; width:353px; height:18px; background:url(../images/order_box_bg.png) no-repeat; } .tops ul li{ display:inline; } .tops ul li a{ font-size:12px; float:left; color:#fff; text-decoration:none; margin-right:5px; margin-left:5px; } .tops ul li span{ font-size:12px; float:left; color:#fff; text-decoration:none; margin-right:5px; margin-left:5px; } .tops ul li a:hover{ text-decoration:underline; } .tops ul li a.gray_text{ color:#999999; } .tops ul li a.active_tops{ color:#D3D300; font-weight:bold; text-decoration:underline; } .tops ul li span.sortHead { padding-right:20px; } .tops p{ font-size:14px; padding:22px 2px 0 10px; margin:0; color:#f0f0f0;} /* section */ section{ float:left; padding-top:10px; border-top:1px dashed #cccccc; margin-top:10px; display:block; } .cnt_section{ margin:0; padding:5px; width:920px; height:130px; } .cnt_section:hover{ background-color:rgba(255,255,255,0.24); } .cnt_section a.img{ display:block; width:161px; height:120px; float:left; background:#fff; } .cnt_section a.img canvas{ margin:0 auto; height: 105px; width: 150px;} .cnt_section .text{ float:left; height:120px; margin:0 0 0 35px; } .cnt_section .text a.name{ color:#fff;font-size:18px;} .cnt_section .text a.name:hover{ text-decoration:none;} .cnt_section .text ul.date{ margin-top:0px; float:left; } .cnt_section .text ul.date li{ color:#ccc; font-size:13px; } /*---*/ .cnt_section .text .info{ overflow:hidden; margin-top:10px;} .cnt_section .text ul.pic{ float:left; margin-left:300px; } .cnt_section .text ul.pic li{ height:82px; float:left; margin-left:17px; } .cnt_section .text ul.pic li img { position:relative; top:100%; } .cnt_section .text ul.pic li img.sticker { margin-top:-40px; } .cnt_section .text ul.pic li img.pen { margin-top:-40px; } .cnt_section .text ul.pic li a.read { margin-top:30px; width:90px; height:30px; border:1px #263957 solid; -pie-background: linear-gradient(top, #89c 0%, #1B2440 97%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c)); background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%); background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%); background: -o-linear-gradient(top, #89c 0%, #1B2440 97%); background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%); background: linear-gradient(to bottom, #89c 0%, #1B2440 97%); -webkit-border-radius:8px 8px 8px 8px; -moz-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px; display:inline-block; color:#ffffff; font-size:16px; padding:6px 0 0 0; text-decoration:none; text-align:center; margin-left:5px; behavior:url('/abvw/css/PIE.htc'); } .cnt_section .text ul.pic li a.read:hover { -pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5)); background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%); background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%); text-decoration:underline; cursor: pointer; } .cnt_section .text ul.pic li a.read:active { position:relative; top:1px; } /* .cnt_section .text ul.pic li a.read:not(:target) { filter: none; -ms-filter: none; background-image: url(../css/button_back_off.svg); } .cnt_section .text ul.pic li a.read:hover:not(:target) { filter: none; -ms-filter: none; background-image: url(../css/button_back_on.svg); } */ .cnt_section .text ul.pic li a.read_hover { -moz-box-shadow:inset 0px 1px 0px 0px #b6b3b3; -webkit-box-shadow:inset 0px 1px 0px 0px #b6b3b3; box-shadow:inset 0px 1px 0px 0px #b6b3b3; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777575), color-stop(1, #3f3d3d) ); background:-moz-linear-gradient( center top, #777575 5%, #3f3d3d 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777575', endColorstr='#3f3d3d'); background-color:#777575; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #63636d; display:inline-block; color:#ffffff; font-family:arial; font-size:15px; font-weight:bold; padding:2px 26px; text-decoration:none; text-shadow:1px 1px 0px #686666; margin-left:5px; line-height:20px; }.cnt_section .text ul.pic li a.read_hover:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3d3d), color-stop(1, #777575) ); background:-moz-linear-gradient( center top, #3f3d3d 5%, #777575 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3d3d', endColorstr='#777575'); background-color:#3f3d3d; }.cnt_section .text ul.pic li a.read_hover:active { position:relative; top:1px; } .btn_bott{ display:block; width:278px; height:33px; line-height:33px; margin:37px auto 0 auto; font-size:14px; color:#fff; text-align:center; text-decoration:none; border:1px solid #fff; outline:1px solid #2d83da; background: #78bafe; /* Old browsers */ background: -moz-linear-gradient(top, #78bafe 0%, #4499ef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bafe), color-stop(100%,#4499ef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* IE10+ */ background: linear-gradient(to bottom, #78bafe 0%,#4499ef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bafe', endColorstr='#4499ef',GradientType=0 ); /* IE6-9 */ } a:hover.btn_bott{ background: rgb(45,123,191); /* Old browsers */ background: -moz-linear-gradient(top, rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */ background: linear-gradient(to bottom, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */ } #main-searchresult { border:1px solid #ccc; padding:10px 20px 10px 22px; display:block; margin:10px 10 20px 10px; height: 25px; background-color:#999; color:#fff; } #main-searchresult span { float: left; padding-top:4px; margin-right: 15px; } #main-searchresult input { float: left; margin-right: 10px; } #main-searchresult input[type="radio"] { margin-top:4px; margin-right: 5px; } #main-searchresult input[type="text"] { padding:2px 5px; -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; } #main-search { margin-left:15px; } .tops a.btn_gray, .tops a.btn_blue, .tops a.btn_black{ 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; font-size: 16px; color:#fff; }