/* always display scrollbars */ body { height: 100%; font-size: 62.5%; line-height: 1; font-family: Arial, Tahoma, Verdana, sans-serif; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } strong { font-weight: bold } input { outline: none } table { border-collapse: collapse; border-spacing: 0; } img { border: 0; max-width: 100%; } a { text-decoration: none } a:hover { text-decoration: underline } .clear { clear: both } .clear:before, .container:after { content: ""; display: table; } .clear:after { clear: both } /* IE 6/7 */ .clear { zoom: 1 } body { background: #dfdfdf url(bg_noise.jpg) repeat; font-family: Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; overflow: hidden; } @font-face { font-family: 'TeXGyreScholaRegular'; src: url('texgyreschola-regular-webfont.eot'); src: url('texgyreschola-regular-webfont.eot?#iefix') format('embedded-opentype'), url('texgyreschola-regular-webfont.woff') format('woff'), url('texgyreschola-regular-webfont.ttf') format('truetype'), url('texgyreschola-regular-webfont.svg#TeXGyreScholaRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TeXGyreScholaBold'; src: url('texgyreschola-bold-webfont.eot'); src: url('texgyreschola-bold-webfont.eot?#iefix') format('embedded-opentype'), url('texgyreschola-bold-webfont.woff') format('woff'), url('texgyreschola-bold-webfont.ttf') format('truetype'), url('texgyreschola-bold-webfont.svg#TeXGyreScholaBold') format('svg'); font-weight: normal; font-style: normal; } @-webkit-keyframes main { 0% { -webkit-transform: scale3d(0.1, 0.1, 1); opacity: 0; } 45% { -webkit-transform: scale3d(1.07, 1.07, 1); opacity: 1; } 70% { -webkit-transform: scale3d(0.95, 0.95, 1) } 100% { -webkit-transform: scale3d(1, 1, 1) } } @-moz-keyframes main { 0% { -moz-transform: scale(0.1, 0.1); opacity: 0; } 45% { -moz-transform: scale(1.07, 1.07); opacity: 1; } 70% { -moz-transform: scale(0.95, 0.95) } 100% { -moz-transform: scale(1, 1) } } @-webkit-keyframes logo { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes footer { 0% { top: -30px } 100% { top: 0 } } .clear { clear: both } .clear:before, .container:after { content: ""; display: table; } .clear:after { clear: both } .clear { zoom: 1 } .left { float: left } #wrapper { height: 100%; background-image: linear-gradient(bottom, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .20) 100%); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .20) 100%); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .20) 100%); background-image: -webkit-radial-gradient(rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .20) 100%); background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .20) 100%); } .logo { position: absolute; background: url(logo.png); width: 200px; height: 80px; top: 1%; left: 1%; z-index: 1; animation: logo 1.5s 1; -webkit-animation: logo 1.5s 1; -moz-animation: logo 1.5s 1; -o-animation: logo 1.5s 1; -ms-animation: logo 1.5s 1; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .logo:hover { opacity: .75 !important } #main { position: relative; max-width: 600px; margin: 0 auto; padding-top: 8%; animation: main .8s 1; animation-fill-mode: forwards; -webkit-animation: main .8s 1; -webkit-animation-fill-mode: forwards; -moz-animation: main .8s 1; -moz-animation-fill-mode: forwards; -o-animation: main .8s 1; -o-animation-fill-mode: forwards; -ms-animation: main .8s 1; -ms-animation-fill-mode: forwards; } #main #header h1 { position: relative; display: block; font: 72px 'TeXGyreScholaBold', Arial, sans-serif; color: #0061a5; text-shadow: 2px 2px #f7f7f7; text-align: center; margin-bottom: 10px; } #main #header h1 span.sub { position: relative; font-size: 21px; top: -20px; padding: 0 10px; font-style: italic; } #main #header h1 span.icon { position: relative; display: inline-block; top: -6px; margin: 0 10px 5px 0; background: #0061a5; width: 50px; height: 50px; -moz-box-shadow: 1px 2px white; -webkit-box-shadow: 1px 2px white; box-shadow: 1px 2px white; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #dfdfdf; font-size: 46px; line-height: 48px; font-weight: bold; text-align: center; text-shadow: 0 0; } #main #content { position: relative; max-width: 600px; background: white; -moz-box-shadow: 0 0 0 3px #ededed inset, 0 0 0 1px #a2a2a2, 0 0 20px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 0 3px #ededed inset, 0 0 0 1px #a2a2a2, 0 0 20px rgba(0, 0, 0, .15); box-shadow: 0 0 0 3px #ededed inset, 0 0 0 1px #a2a2a2, 0 0 20px rgba(0, 0, 0, .15); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 5; } #main #content h2 { background: url(404_s-divider.jpg) no-repeat; background-position: bottom; padding: 12px 0 22px 0; font: 20px 'TeXGyreScholaRegular', Arial, sans-serif; color: #8e8e8e; text-align: center; } #main #content p { position: relative; padding: 20px; font-size: 13px; line-height: 25px; color: #b5b5b5; } #main #content .utilities { padding: 20px; text-align: center; } #main #content .utilities form .input-container { position: relative; width: 290px; } #main #content .utilities form .input-container input[type=text] { width: 280px; height: 34px; padding: 0 8px; background: white; border: solid 1px #cdcdcd; outline: none; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .05) inset; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .05) inset; box-shadow: 0 3px 3px rgba(0, 0, 0, .05) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; color: #696969; -webkit-font-smoothing: antialiased; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } #main #content .utilities .input-container input[type=text]:focus { border: solid 1px #9f9f9f } #main #content .utilities form .input-container button#search { position: absolute; display: block; top: 9px; right: 0; background: white url(404_search.png) no-repeat; width: 18px; height: 18px; border: none; cursor: pointer; opacity: .3; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } #main #content .utilities form .input-container button#search:hover { opacity: .6 } #main #content .utilities .button { display: inline-block; height: 34px; margin: 0px 20px; padding: 0 18px; background: #006db0; background-image: linear-gradient(bottom, #0062a6 0%, #0079bb 100%); background-image: -o-linear-gradient(bottom, #0062a6 0%, #0079bb 100%); background-image: -moz-linear-gradient(bottom, #0062a6 0%, #0079bb 100%); background-image: -webkit-linear-gradient(bottom, #0062a6 0%, #0079bb 100%); background-image: -ms-linear-gradient(bottom, #0062a6 0%, #0079bb 100%); -moz-box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00acd8 inset; -webkit-box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00acd8 inset; box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00acd8 inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; line-height: 34px; color: white; font-weight: bold; text-shadow: 0 -1px #00385a; text-decoration: none; } #main #content .utilities .button:hover { background: #0081c6; background-image: linear-gradient(bottom, #006fbb 0%, #008dce 100%); background-image: -o-linear-gradient(bottom, #006fbb 0%, #008dce 100%); background-image: -moz-linear-gradient(bottom, #006fbb 0%, #008dce 100%); background-image: -webkit-linear-gradient(bottom, #006fbb 0%, #008dce 100%); background-image: -ms-linear-gradient(bottom, #006fbb 0%, #008dce 100%); -moz-box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00c1e4 inset; -webkit-box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00c1e4 inset; box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00c1e4 inset; } #main #content .utilities .button:active { background: #0081c6; background-image: linear-gradient(bottom, #008dce 0%, #006fbb 100%); background-image: -o-linear-gradient(bottom, #008dce 0%, #006fbb 100%); background-image: -moz-linear-gradient(bottom, #008dce 0%, #006fbb 100%); background-image: -webkit-linear-gradient(bottom, #008dce 0%, #006fbb 100%); background-image: -ms-linear-gradient(bottom, #008dce 0%, #006fbb 100%); -moz-box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00c1e4 inset; -webkit-box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00c1e4 inset; box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00c1e4 inset; } #main #content .utilities .button-container .button:focus { color: black } #main #footer { position: relative; top: -30px; padding: 5px 0; text-align: center; z-index: 1; animation: footer .4s .8s 1; animation-fill-mode: forwards; -webkit-animation: footer .4s .8s 1; -webkit-animation-fill-mode: forwards; -moz-animation: footer .4s .8s 1; -moz-animation-fill-mode: forwards; -o-animation: footer .4s .8s 1; -o-animation-fill-mode: forwards; -ms-animation: footer .4s .8s 1; -ms-animation-fill-mode: forwards; } #main #footer ul { font: 13px 'TeXGyreScholaRegular', Arial, sans-serif; text-shadow: 0 1px white; } #main #footer ul li { display: inline; margin: 0 12px; } #main #footer ul li a { font: 13px 'TeXGyreScholaRegular', Arial, sans-serif; color: #696969; text-shadow: 0 1px white; text-decoration: none; } #main #footer ul li a:hover { color: #0061a5; text-decoration: underline; } @media (max-width: 768px) { #wrapper { padding: 0 15px; } #main #header h1 { font-size: 50px; } #main #header h1 span.icon { width: 40px; height: 40px; line-height: 40px; font-size: 30px; } #main #header h1 span.sub { top: -10px; } }
  • 列表
  • 新晉聲優張傑配音過的男神,你最想要那個?網友:小朋友才做選擇
  • 一位66歲的破產香港明星與老朋友見麵。女兒表現異常,但沒有認出來。
  • 您打開的這個的頁麵不存在!

    當您看到這個頁麵,表示您的訪問出錯,這個錯誤是您打開的頁麵不存在,請確認您輸入的地址是正確的,如果是在本站點擊後出現這個頁麵,請聯係站長進行處理,祥雲平台感謝您的支持!