.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-50%) rotate(-10deg)}30%{-webkit-transform:translateX(50%) rotate(10deg)}45%{-webkit-transform:translateX(-30%) rotate(-6deg)}60%{-webkit-transform:translateX(20%) rotate(4deg)}75%{-webkit-transform:translateX(-10%) rotate(-2deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-50%) rotate(-10deg)}30%{-moz-transform:translateX(50%) rotate(10deg)}45%{-moz-transform:translateX(-30%) rotate(-6deg)}60%{-moz-transform:translateX(20%) rotate(4deg)}75%{-moz-transform:translateX(-10%) rotate(-2deg)}100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-50%) rotate(-10deg)}30%{-o-transform:translateX(50%) rotate(10deg)}45%{-o-transform:translateX(-30%) rotate(-6deg)}60%{-o-transform:translateX(20%) rotate(4deg)}75%{-o-transform:translateX(-10%) rotate(-2deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-50%) rotate(-10deg)}30%{transform:translateX(50%) rotate(10deg)}45%{transform:translateX(-30%) rotate(-6deg)}60%{transform:translateX(20%) rotate(4deg)}75%{transform:translateX(-10%) rotate(-2deg)}100%{transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite} body{ font-family:"微軟正黑體","Microsoft JhengHei","Arial"; background:url("bg-grid.png")} .container{ padding-top:20px} .span4,.span8{ margin-top:-20px} .page-header{ float:right; width:320px; position:relative; top:15px} .nav >li>a{ font-weight:normal; margin-left:2px; font-size:11px} #banner{ float:left; margin:20px 0 0 35px} .well{ background-color:rgba(120,120,120,0)} .well,.in{ box-shadow:none; border:none; margin-bottom:0} .out{ overflow:hidden; background:#000; width:600px; padding:5px;} .in{ margin:5px; width:110px; float:left; height:80px; text-align:center; text-shadow:1px 1px 1px black; box-shadow:3px 3px 2px #212121} .capt{ cursor:default; background:#262626; background:-moz-linear-gradient(top, #262626 0%,#424242 50%,#606060 51%,#262626 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#262626),color-stop(50%,#424242),color-stop(51%,#606060),color-stop(100%,#262626)); background:-webkit-linear-gradient(top, #262626 0%,#424242 50%,#606060 51%,#262626 100%); background:-o-linear-gradient(top, #262626 0%,#424242 50%,#606060 51%,#262626 100%); background:-ms-linear-gradient(top, #262626 0%,#424242 50%,#606060 51%,#262626 100%); background:linear-gradient(to bottom, #262626 0%,#424242 50%,#606060 51%,#262626 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626',endColorstr='#262626',GradientType=0 ); color:#fff; font-size:17px; text-shadow:-1px -1px 1px #000; box-shadow:none!important} .in:active{ box-shadow:2px 2px 2px #333; position:relative; left:2px; top:2px} .quest{ background:#595959; background:-moz-linear-gradient(top, #595959 0%,#0f0f0f 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#595959),color-stop(100%,#0f0f0f)); background:-webkit-linear-gradient(top, #595959 0%,#0f0f0f 100%); background:-o-linear-gradient(top, #595959 0%,#0f0f0f 100%); background:-ms-linear-gradient(top, #595959 0%,#0f0f0f 100%); background:linear-gradient(to bottom, #595959 0%,#0f0f0f 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959',endColorstr='#0f0f0f',GradientType=0 ); border:1px solid #222} .green{ background:#52b152; background:-moz-linear-gradient(top, #52b152 10%,#005700 83%,#002400 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#52b152),color-stop(83%,#005700),color-stop(100%,#002400)); background:-webkit-linear-gradient(top, #52b152 10%,#005700 83%,#002400 100%); background:-o-linear-gradient(top, #52b152 10%,#005700 83%,#002400 100%); background:-ms-linear-gradient(top, #52b152 10%,#005700 83%,#002400 100%); background:linear-gradient(to bottom, #52b152 10%,#005700 83%,#002400 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#52b152',endColorstr='#002400',GradientType=0 ); box-shadow:3px 3px 2px #002400} .green:active{ box-shadow:2px 2px 2px #005700} .lime{ box-shadow:2px 2px 2px #005700; background:#008a00; background:-moz-linear-gradient(top, #008a00 10%,#005700 83%,#002400 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#008a00),color-stop(83%,#005700),color-stop(100%,#002400)); background:-webkit-linear-gradient(top, #008a00 10%,#005700 83%,#002400 100%); background:-o-linear-gradient(top, #008a00 10%,#005700 83%,#002400 100%); background:-ms-linear-gradient(top, #008a00 10%,#005700 83%,#002400 100%); background:linear-gradient(to bottom, #008a00 10%,#005700 83%,#002400 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a00',endColorstr='#002400',GradientType=0 ); position:relative; left:2px; top:2px} .lime:active{ box-shadow:3px 3px 2px #002400; position:relative; left:0; top:0} .anwsered{ cursor:default; background:#356aa0; background:-moz-linear-gradient(top, #356aa0 0%,#1a4d93 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#356aa0),color-stop(100%,#1a4d93)); background:-webkit-linear-gradient(top, #356aa0 0%,#1a4d93 100%); background:-o-linear-gradient(top, #356aa0 0%,#1a4d93 100%); background:-ms-linear-gradient(top, #356aa0 0%,#1a4d93 100%); background:linear-gradient(to bottom, #356aa0 0%,#1a4d93 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0',endColorstr='#1a4d93',GradientType=0 ); opacity:0.7; box-shadow:1px 1px 1px #1a4d93} .label-important{ padding:5px 7px} .input-append input{ border:none; background:#000; opacity:0.5; padding:10px; color:#fff} input{ border:none; background:#000; opacity:0.5; padding:10px; color:#fff} .btn{ padding:11px 10px 10px 10px !important; position:relative; text-shadow:none} .btn:hover{ background:#000!important; color:#f00!important} #reg_form,#login_form{ position:absolute; display:none; z-index:65535; padding:0px 4px 0px 4px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#333; opacity:0.7} #reg_form input,#login_form input{ float:right; border:none; border-radius:0; background:#000; color:#fff; margin:3px 5px} #login_form h5,#reg_form h5{ text-align:center} .point{ color:#777; text-shadow:-1px -1px 1px #000; font-size:40px} .point:after{ content:"points"; font-size:16px; color:#545454; padding-left:2px} .content{ background:#333; padding:5px 10px; line-height:140%} .link{ background:#333; padding:5px 10px; line-height:140%; word-wrap:break-word; word-break:break-all} .content .capt, .link .capt,.hint1 .capt,.notice .capt,.hint2 .capt,.hint3 .capt{ display:inline-block; background:#000; padding:3px 5px; position:relative; left:-10px; opacity:0.5; font-size:13px} .content .capt:before,.link .capt:before,.hint1 .capt:before,. .capt:before,.hint2 .capt:before,.hint3 .capt:before{ content:"\00a0"; background:#000; width:2px; display:inline-block; position:relative; left:-7px; top:-5px  } .link a{ color:#52b152; font-size:13px} .link a:hover{ position:relative; top:1px; left:1px; text-decoration:none} .content,.hint1,.notice,.hint2,.hint3{ background:#333; padding:5px 10px; line-height:140%; margin-bottom:20px; word-wrap:break-word; word-break:break-all} #copyright{text-align:center; background:#000; opacity:0.5; padding:5px 0; font-size:11px} #copyright a{ text-decoration:underline} #copyright a:hover{ text-decoration:none; color:#e40000}