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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}.group,.clear{clear:both;}.group:after{content:".";display:block;height:0;clear:both;visibility:hidden;}em{font-style:normal;}body{font-family:Helvetica,Arial,"LiHei Pro","新細明體",sans-serif;font-size:62.5%;background:#FCF9F4;min-width:760px;max-width:1000px;margin:0 auto;position:relative;}.wrapper{padding:50px;}a,a:link,a:visited{color:#a30;}a:hover{color:#600;}a:active{}#logo{}#logo h1{margin:20px 0 60px;}#logo h1 a{display:block;width:260px;height:99px;margin:0 auto;text-indent:-99999em;background:url(images/logo.png);}#logo .description{display:none;}.logo{font-family:"ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2","Times New Roman",Times,serif;font-weight:normal;color:black;padding:0 1px;font-size:1.05em;line-height:.9;}.btns{}.btns a,.btns a:link,.btns a:visited{color:white;}.btns a:hover{color:white;}.btn{color:white;font-family:Verdana,sans-serif;font-weight:bold;text-decoration:none;font-size:13px;line-height:1;float:left;padding:7px 20px 8px;background:#9c3 url(images/btn.png) repeat-x top;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;-moz-box-shadow:0 1px 3px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);text-shadow:0 -1px 1px rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.25);}.btn:hover{background-color:#690;/* 	-webkit-animation-name: btn; */ /* 	-webkit-animation-duration: 1s; */ /* 	-webkit-animation-iteration-count: infinite; */}.btn:active{background:#690 url(images/btn.png) repeat-x 0 -82px;-moz-box-shadow:0 -1px 2px rgba(0,0,0,.3);-webkit-box-shadow:0 -1px 2px rgba(0,0,0,.3);text-shadow:0 3px 3px rgba(0,0,0,.3);}#menu{overflow:hidden;padding-bottom:20px;}#menu li{width:24.9%;float:left;}#menu li a{padding:3px 5% 10px;display:block;color:#372f2a;text-decoration:none;border-left:10px solid #b0aeab;}#menu li a:hover{background:white;}#menu h2{font-family:"ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia,"Times New Roman",Times,serif;font-weight:normal;font-size:2.4em;line-height:1.5;}#menu p{color:#4d4d4d;font-family:Helvetica,Arial,"LiHei Pro","新細明體",sans-serif;font-weight:normal;font-size:1.2em;line-height:1.3;}#menu li a:hover h2{color:#a30;}#menu li a:hover h2:after{content:"»";color:#b0aeab;padding-left:3px;}#menu li a:hover p{color:#372f2a;}.page #menu li a{color:#6E6C68;border-left:1px solid #b0aeab;}.page #menu p{color:#b0aeab;}.page #menu li.now a{color:white;background:#9c3;border-left:10px solid #2e3e0f;cursor:default;}.page #menu li.now a:hover h2{color:white;}.page #menu li.now a h2:after{content:"»";color:#7aa329;padding-left:3px;}.page #menu li.now a p{color:#2e3e0f;}#content,#home{background:white;padding:20px;box-shadow:0 0 5px rgba(3,2,0,.1);-webkit-box-shadow:0 0 5px rgba(3,2,0,.1);-moz-box-shadow:0 0 5px rgba(3,2,0,.1);position:relative;}#content{background:white url(images/html.jpg) no-repeat bottom center;}.contact #content{background:white;}h2{font-size:1.6em;line-height:2;}p{font-size:1.5em;line-height:1.5;}#home h2{color:#a30;text-align:center;font-family:"ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif;font-weight:bold;font-size:2.8em;line-height:1;padding-bottom:.5em;}#home p{font-family:Helvetica,Arial,"LiHei Pro","新細明體",sans-serif;text-align:center;}#content h2{color:#9c3;text-align:left;font-family:"ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif;font-weight:bold;font-size:3.2em;line-height:1;padding-bottom:.25em;margin-bottom:.25em;border-bottom:3px double #f1eee9;}#content h2 a{color:#9c3;text-decoration:none;}#content h2 a:hover{color:#a30;text-decoration:underline;}#content .intro{padding-bottom:5em;}#content .section{padding-bottom:5em;position:relative;}#content h3{color:#444;text-align:left;font-family:"ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,"LiHei Pro","新細明體",sans-serif;font-weight:normal;font-size:2.8em;line-height:1;padding-bottom:.25em;margin-bottom:.25em;border-bottom:1px solid #f1eee9;margin-left:25%;}#content h3 a{color:#444;text-decoration:none;padding:0 3px;position:relative;left:-3px;}#content h3 a:hover{background:#444;color:white;}#content .date{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;display:block;width:21%;text-align:right;line-height:1;color:white;letter-spacing:-1px;font-size:2.8em;margin-bottom:-1em;background:#ddd;padding-right:3px;}#content p{color:#333;margin:1em 0;}#content p strong{color:#3b442b;font-weight:normal;background:#e7ffb9;padding:2px 0;}#content .intro p{padding-right:25%;}#content .section p,#content .section .btns{padding:0 25%;}#content .intro p a{color:#77aa17;text-decoration:none;margin:0 2px;padding:2px 0 1px;border-bottom:1px solid #77aa17;}#content .intro p a:hover{color:white;background:#9c3;margin:0;padding:2px 2px 2px;border:0;}#content .intro p em{font-style:italic;white-space:nowrap;}#content .end-contact{overflow:hidden;padding:20px 0 20px 25%;background:#eeeeef;font-size:15px;line-height:32px;color:#555;}#content .end-contact .btn{margin-right:10px;}#content .intro .btns{position:absolute;top:20px;right:20px;}#content .logos{margin-top:3em;padding-left:25%;}#content .logos li{float:left;clear:both;}#content .logos a{display:block;border:2px dashed white;}#content .logos a:hover{border-color:#E5DED2;}#content .logos img{display:block;}#content .service{color:#999;margin-top:2em;padding-left:25%;}#content .service li{font-size:2.8em;list-style:disc;list-style-position:outside;}#content .service li a{text-decoration:none;}#content .service li .zh{font-family:Helvetica,Arial,"LiHei Pro","新細明體",sans-serif;font-size:15px;color:#666;}#content .service li .name{font-family:"ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif;font-weight:bold;line-height:1.5;text-decoration:none;margin-right:10px;color:#a00;}#content h2 .slash{color:#ccc;}#content h2 .service-title{color:#555;}#content .note{width:23%;position:absolute;top:5.2em;right:0;}#content .note p{font-size:11px;color:#999;padding:0;margin:0;margin-bottom:1em;}#content .icon{float:left;position:relative;clear:both;}.browser{margin-right:10px;margin-bottom:1em;}.htmlcss{margin-right:10px;margin-bottom:2em;}.ui{margin-top:-7px;margin-right:10px;margin-bottom:2em;}.flex{margin-top:-29px;margin-left:-8%;margin-bottom:4em;}#footer{}#footer p{color:#b0aeab;font-family:Helvetica,Arial,"LiHei Pro","新細明體",sans-serif;font-size:1.2em;text-align:center;padding:20px;}#contact{width:50%;margin:0 auto;padding-bottom:50px;}#contact .set{margin:30px 0;}#contact h3{font-family:Helvetica,Arial,"LiHei Pro","新細明體",sans-serif;font-size:1.6em;color:#666;margin:0;padding:0 0 5px;}#content #contact .checkbox-group{margin-top:1.5em;}#content #contact .checkbox-group p{margin:5px 0;}#contact .text-input{border:1px solid rgb(187,187,187);padding:7px;font-size:24px;width:90%;}#contact textarea{border:1px solid rgb(187,187,187);padding:3px;font-size:15px;width:90%;}#contact #budget{font-size:15px;}.share{text-align:right;position:absolute;width:100%;top:7px;left:0;font-size:12px;color:#a9a7a4;font-family:Helvetica,Arial,'LiHei Pro','新細明體',sans-serif;}.share .inner{padding:7px 50px 5px 0;}.share a:hover{text-decoration:underline;}