html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.social-sprite,#footer #social a#facebook,#footer #social a#vimeo,#footer #social a#youtube{background-image:url('images/social-s248cfbbcda.png');background-repeat:no-repeat}body{background:url(images/bg.png);color:#bbb;font-family:微軟正黑體, verdana;font-size:13px;line-height:1.5em}a{text-decoration:none}@media (min-width: 1024px){#container{width:1000px}#left-column{position:fixed}#main iframe{width:755px;height:424px}.right-column{width:755px;margin-left:240px}#portfolio{width:765px}#portfolio .item{width:245px}#portfolio .item .thumb-area{height:138px}#portfolio .item .thumb img{height:138px}#content .title{font-size:20px}}@media (max-width: 1023px){#container{width:755px}#left-column{position:relative}#left-column ul.nav{display:none}#main iframe{width:755px;height:424px}#portfolio{width:765px}#portfolio .item{width:245px}#portfolio .item .thumb-area{height:138px}#portfolio .item .thumb img{height:138px}#content .title{font-size:20px}}@media (max-width: 755px){#container{width:300px}#left-column{position:relative}#left-column ul.nav{display:block}#left-column ul.year{display:none}#main iframe{width:300px;height:168px}#portfolio{width:310px}#portfolio .item{width:300px}#portfolio .item .thumb-area{height:169px}#portfolio .item .thumb img{height:169px}#content .title{font-size:1em}#content .title-fixed{font-size:1em;width:300px}#google-ad{display:none}#footer{display:none}}#container{margin:0 auto;padding-top:10px}#left-column{color:#555;line-height:2em}#left-column ul.nav li{margin-top:1px}#left-column li.wording{padding-left:20px}#left-column a#logo{background:url(images/logo.png) no-repeat;display:block;padding-left:0;width:230px;height:80px;text-indent:100%;white-space:nowrap;overflow:hidden}#left-column a{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:url(images/menu-btn-bg.png) no-repeat 10px -26px;display:block;padding-left:20px;color:#bbb;-moz-transition:background 0.25s ease,color 0.25s ease;-o-transition:background 0.25s ease,color 0.25s ease;-webkit-transition:background 0.25s ease,color 0.25s ease;transition:background 0.25s ease,color 0.25s ease}#left-column a:hover{background:#252525 url(images/menu-btn-bg.png) no-repeat 10px 0px;color:#8cc63f}#left-column a.active{background:#252525 url(images/menu-btn-bg.png) no-repeat 10px 0px;color:#8cc63f}#main iframe{background:#222}#portfolio:after{content:'';clear:both;display:block}#portfolio .info{padding:5px 10px}#portfolio .desc{height:57px;overflow:hidden}#portfolio .item{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 0 #222;-webkit-box-shadow:0 1px 0 #222;box-shadow:0 1px 0 #222;background:#252525;margin:5px 10px 5px 0;float:left}#portfolio .item .thumb-area{position:relative}#portfolio .item a.play{text-indent:100%;white-space:nowrap;overflow:hidden;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:background 0.25s ease;-o-transition:background 0.25s ease;-webkit-transition:background 0.25s ease;transition:background 0.25s ease;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;background:#252525 url(images/play-bg.png) no-repeat 0px -25px;display:block;width:35px;height:25px;position:absolute;bottom:5px;right:5px}#portfolio .item a.play:hover{background:#252525 url(images/play-bg.png) no-repeat 0px 0px}#portfolio .item a.thumb{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;background:#000;display:block;height:100%}#portfolio .item .thumb img{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;background:#000}#portfolio .item .ago{color:#555;font-size:12px;text-align:right;margin-top:7px}#portfolio .item a.title{color:#8cc63f;font-size:15px;display:block;margin:5px 0;height:19px;overflow:hidden}a#more{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 0 #222;-webkit-box-shadow:0 1px 0 #222;box-shadow:0 1px 0 #222;-moz-transition:color 0.25s ease;-o-transition:color 0.25s ease;-webkit-transition:color 0.25s ease;transition:color 0.25s ease;background:#252525;color:#555;display:block;line-height:2em;margin:10px 0;text-align:center}a#more:hover{color:#8cc63f}#content{position:relative}#content img{width:100%}#content .title{padding:15px 0}#content .title-fixed{background:#333;padding:15px 0;position:fixed;top:0;z-index:999;font-size:20px;width:755px}#content .fb-like{position:absolute;right:0;top:15px}#content .desc{margin:15px 0}#google-ad{margin-top:15px;text-align:center}#footer{color:#555;position:relative;height:100px}#footer #fb-likebox{position:absolute;left:0;top:15px}#footer #copyright{position:absolute;right:0;top:40px}#footer #social{position:absolute;right:45%;top:25px}#footer #social:after{content:'';clear:both;display:block}#footer #social li{float:left}#footer #social a{display:block;width:50px;height:50px;text-indent:100%;white-space:nowrap;overflow:hidden;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;-moz-transition:opacity 0.25s ease;-o-transition:opacity 0.25s ease;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}#footer #social a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}#footer #social a#facebook{background-position:0 0}#footer #social a#vimeo{background-position:0 -50px}#footer #social a#youtube{background-position:0 -100px}a#go-top{text-indent:100%;white-space:nowrap;overflow:hidden;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 0 #222;-webkit-box-shadow:0 1px 0 #222;box-shadow:0 1px 0 #222;-moz-transition:background 0.25s ease;-o-transition:background 0.25s ease;-webkit-transition:background 0.25s ease;transition:background 0.25s ease;background:#222 url(images/go-top-bg.png) no-repeat 0px 0px;display:none;width:35px;height:35px;position:fixed;right:15px;bottom:25px;z-index:999}a#go-top:hover{background:#252525 url(images/go-top-bg.png) no-repeat 0px -35px}.separator-line{border-bottom:1px solid #252525;-moz-box-shadow:0 1px 0 #444;-webkit-box-shadow:0 1px 0 #444;box-shadow:0 1px 0 #444;padding-bottom:15px}