.container{position:relative;width:960px;margin:0 auto;padding:0}.container .column,.container .columns{float:left;display:inline;margin-left:10px;margin-right:10px}.row{margin-bottom:20px}.column.alpha,.columns.alpha{margin-left:0}.column.omega,.columns.omega{margin-right:0}.container .one.column,.container .one.columns{width:40px}.container .two.columns{width:100px}.container .three.columns{width:160px}.container .four.columns{width:220px}.container .five.columns{width:280px}.container .six.columns{width:340px}.container .seven.columns{width:400px}.container .eight.columns{width:460px}.container .nine.columns{width:520px}.container .ten.columns{width:580px}.container .eleven.columns{width:640px}.container .thirteen.columns{width:760px}.container .fourteen.columns{width:820px}.container .fifteen.columns{width:880px}.container .sixteen.columns{width:940px}.container .sixteen.columns{width:680px}.container .one-third.column{width:300px}.container .two-thirds.column{width:620px}.container .offset-by-one{padding-left:60px}.container .offset-by-two{padding-left:120px}.container .offset-by-three{padding-left:180px}.container .offset-by-four{padding-left:240px}.container .offset-by-five{padding-left:300px}.container .offset-by-six{padding-left:360px}.container .offset-by-seven{padding-left:420px}.container .offset-by-eight{padding-left:480px}.container .offset-by-nine{padding-left:540px}.container .offset-by-ten{padding-left:600px}.container .offset-by-eleven{padding-left:660px}.container .offset-by-twelve{padding-left:720px}.container .offset-by-thirteen{padding-left:780px}.container .offset-by-fourteen{padding-left:840px}.container .offset-by-fifteen{padding-left:900px}@media only screen and (min-width:768px) and (max-width:959px){.container{width:768px}.container .column,.container .columns{margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0;margin-right:10px}.column.omega,.columns.omega{margin-right:0;margin-left:10px}.alpha.omega{margin-left:0;margin-right:0}.container .one.column,.container .one.columns{width:28px}.container .two.columns{width:76px}.container .three.columns{width:124px}.container .four.columns{width:172px}.container .five.columns{width:220px}.container .six.columns{width:268px}.container .seven.columns{width:316px}.container .eight.columns{width:364px}.container .nine.columns{width:412px}.container .ten.columns{width:460px}.container .eleven.columns{width:508px}.container .twelve.columns{width:556px}.container .thirteen.columns{width:604px}.container .fourteen.columns{width:652px}.container .fifteen.columns{width:700px}.container .sixteen.columns{width:748px}.container .one-third.column{width:236px}.container .two-thirds.column{width:492px}.container .offset-by-one{padding-left:48px}.container .offset-by-two{padding-left:96px}.container .offset-by-three{padding-left:144px}.container .offset-by-four{padding-left:192px}.container .offset-by-five{padding-left:240px}.container .offset-by-six{padding-left:288px}.container .offset-by-seven{padding-left:336px}.container .offset-by-eight{padding-left:384px}.container .offset-by-nine{padding-left:432px}.container .offset-by-ten{padding-left:480px}.container .offset-by-eleven{padding-left:528px}.container .offset-by-twelve{padding-left:576px}.container .offset-by-thirteen{padding-left:624px}.container .offset-by-fourteen{padding-left:672px}.container .offset-by-fifteen{padding-left:720px}}@media only screen and (max-width:767px){.container{width:300px}.container .columns,.container .column{margin:0}.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:300px}.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen{padding-left:0}}@media only screen and (min-width:480px) and (max-width:767px){.container{width:420px}.container .columns,.container .column{margin:0}.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:420px}}.container:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\20';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.row:after,.clearfix:after{clear:both}.row,.clearfix{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}body{}h1,h2,h3,h4,h5,h6{}.button,button,input[type="submit"],input[type="reset"],input[type="button"]{margin:0 0 14px;padding:7px 13px;border:none;-webkit-border-radius:5px;border-radius:5px;background:#0059ab;color:#fff!important;font-size:13px;line-height:21px;text-shadow:-1px 0 0 rgba(0,0,0,.2);-webkit-transition:background .1s;-moz-transition:background .1s;-o-transition:background .1s;transition:background .1s}.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{border:none;background:#f2504e}.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active{border:none;background:#f2504e}.spacer{height:56px;width:100%;clear:both}.main-header{margin:49px 0 21px;text-align:center}.main-header h1{display:inline-block;margin:0;padding:0 10px 21px;background:url(/Scripts/front/colio/images/heading_stripe.png) repeat-x left bottom}.purchase{padding-top:48px}.purchase em{display:block;font-size:12px;line-height:1.3em;color:#999}.button-purchase{text-decoration:none!important;padding:14px 18px;font-size:13px;line-height:14px;box-shadow:inset 0 -3px 0 0 rgba(0,0,0,.2)}.preview-theme{margin:21px 0;border:5px solid #eee;background:#fff url(/Scripts/front/colio/images/preview.png) no-repeat center;min-height:200px}.preview-theme:hover{border:5px solid #e5e5e5}.preview-theme img{width:100%;height:auto;vertical-align:top}.nav-links{margin-bottom:2px}.nav-links:before{content:'';display:block;width:10px;height:0;border-top:1px solid #ccc;margin-bottom:10px}.nav-links a{font-weight:bold;text-decoration:none;color:#555}.nav-links a:hover{color:#0059ab}.portfolio .filters{float:right;margin:-35px 20px 20px 0}.portfolio .filters a{display:inline-block;margin-left:20px;padding:3px 2px;color:#999;text-decoration:none}.portfolio .filters a:hover{color:#666}.portfolio .filters a.filter-active{color:#666;border-bottom:1px solid #47dfff}.portfolio .list{clear:both}.portfolio .list li{float:left;margin:0 20px 10px 0}.portfolio .list .thumb{position:relative;width:148px;height:148px;margin-bottom:8px;overflow:hidden;border:1px solid #eee;border-radius:8px}.portfolio .list .thumb img{max-width:100%;height:auto;vertical-align:top}.portfolio .list .view{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;background:rgba(255,255,255,.8);border:1px solid #fff;text-align:center;line-height:0;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility 0s linear .3s;-moz-transition:opacity .3s,visibility 0s linear .3s;-o-transition:opacity .3s,visibility 0s linear .3s;transition:opacity .3s,visibility 0s linear .3s;-webkit-transform:translate3d(0,0,0)}.portfolio .list .thumb:hover .view{visibility:visible;opacity:1;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.portfolio .list .view .button{position:relative;top:50%;margin-top:-17px}.portfolio .list h4{text-align:center}.portfolio .list h4 a{text-decoration:none;display:inline-block;padding:4px 8px}.portfolio .colio-active-item h4 a{background:#296097!important;color:#fff!important;display:inline-block;padding:4px 8px;border-radius:3px}.portfolio .list p{text-align:center;font-size:12px;line-height:1.3em}.button.colio-link{background-color:#0059ab;font-family:'Noto Sans TC';font-size:14px;font-weight:300}footer{margin-bottom:21px}footer .copyright{font-family:Arial,sans-serif;font-size:12px;line-height:1em;color:#999}#scrollUp{position:fixed;bottom:5px;right:10px;width:42px;height:42px;background:#eee url(/Scripts/front/colio/images/scrollup.png) no-repeat center;font:0/0 a;text-shadow:none;color:transparent;-webkit-border-radius:3px;border-radius:3px}#scrollUp:hover{background-color:#e5e5e5}@media only screen and (max-width:959px){}@media only screen and (min-width:768px) and (max-width:959px){.colio{margin-right:24px!important}.portfolio .list .thumb{width:228px;height:143px}}@media only screen and (max-width:767px){h1,h2,h3,h4,h5,h6{text-align:center}.preview-theme+p{margin-bottom:42px}.main-header{margin:21px 0 0!important}.purchase{text-align:center;padding-top:21px}.portfolio .filters{float:left;margin-top:0;text-align:center;width:100%}.portfolio .filters a{margin:0 10px}.portfolio .list li{float:none;margin-right:0}.colio{margin-right:0!important}.portfolio .list .thumb{width:420px;height:260px}footer{text-align:center;margin-bottom:14px!important}}@media only screen and (min-width:480px) and (max-width:767px){}@media only screen and (max-width:479px){.portfolio .list .thumb{width:300px;height:187px}}.colio{position:relative;height:0;clear:both;overflow:hidden}.colio-container{padding:40px;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.colio-content{display:none;overflow:hidden}.colio-close,.colio-prev,.colio-next{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.colio-no-prev,.colio-no-next{cursor:default;opacity:.2}.colio-close{position:absolute;top:10px;right:10px}.colio-navigation{position:absolute;top:10px;left:10px}.colio-navigation a{margin-right:5px}.colio-placement-inside,.colio-placement-before{margin-bottom:20px}.colio-placement-after{margin-top:20px;margin-bottom:20px}.colio-theme-white{margin-right:20px}.colio-theme-white .colio-container{background:#eaeaea;border:1px solid #e0e0e0}.colio-theme-white.colio-placement-before{margin-bottom:0}.colio-theme-white.colio-placement-before.colio-expanded{margin-bottom:20px}.colio-theme-white .colio-close span{display:inline-block;width:24px;height:24px;text-indent:-9999px}.colio-theme-white .colio-close{position:absolute;top:16px;right:16px}.colio-theme-white .colio-close span{background:url(/Scripts/front/colio/colio-white/images/controls.png) no-repeat -48px 0}.colio-theme-white .colio-close:hover{opacity:.8}.colio-theme-white .colio-navigation{position:absolute;top:50px;right:40%;left:auto;margin-right:-70px}.colio-theme-white .colio-navigation span{display:inline-block;width:24px;height:24px;text-indent:-9999px}.colio-theme-white .colio-navigation a{float:left;padding:5px;margin-right:5px;background:#d1d1d1;-webkit-transition:background .1s;-moz-transition:background .1s;-o-transition:background .1s;transition:background .1s}.colio-theme-white .colio-navigation a:hover{background:#0059ab}.colio-theme-white .colio-prev span{background:url(/Scripts/front/colio/colio-white/images/controls.png) no-repeat 0 0}.colio-theme-white .colio-next span{background:url(/Scripts/front/colio/colio-white/images/controls.png) no-repeat -24px 0}.colio-theme-white .colio-no-prev,.colio-theme-white .colio-no-next{background:#ccc!important}.colio-theme-white .side{float:left;width:60%;padding-right:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.colio-theme-white .main{float:left;width:40%;padding-right:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.colio-theme-white{color:#666}.colio-theme-white a,.colio-theme-white a:visited{color:#47dfff;font-weight:bold;text-decoration:none}.colio-theme-white a:hover{color:#555}.colio-theme-white .main h3{padding:0;margin:60px 0 0;color:#000;font-family:'Noto Sans TC';font-size:18px;font-weight:400}.colio-theme-white .main h4{padding-bottom:8px;margin-bottom:12px;color:#000;font-size:13px;border-bottom:1px dashed #ccc}.colio-theme-white .visit-link{display:inline-block;text-transform:uppercase;letter-spacing:.05em}.colio-theme-white .visit-link:after{content:"→";position:relative;top:-1px;margin-left:5px}.colio-theme-white .flexslider{position:relative;padding:2px;background:#fff;border:1px solid #cecece}.colio-theme-white .flexslider li{padding:0;margin:0}.colio-theme-white .flex-control-nav{float:left;position:relative;left:50%;margin-top:15px}.colio-theme-white .flex-control-nav li{float:left;position:relative;left:-50%;margin:0 5px;line-height:0}.colio-theme-white .flex-control-nav a{display:block;width:10px;height:10px;background:#d2d2d2;border-radius:5px;-moz-border-radius:5px;text-indent:-9999px;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.colio-theme-white .flex-control-nav .flex-active{background:#b6b6b6}.colio-theme-white .flex-direction-nav .flex-prev,.colio-theme-white .flex-direction-nav .flex-next{position:absolute;height:100%;width:50%;text-indent:-9999px;z-index:10}.colio-theme-white .flex-direction-nav .flex-next{top:0;right:0}.colio-theme-white .flex-direction-nav .flex-prev{top:0;left:0}.colio-theme-white .social{width:100%;margin-bottom:21px;overflow:hidden}.colio-theme-white .social li{float:left;margin:0 7px 0 0}.colio-theme-white .social a{display:inline-block;width:24px;height:24px;text-indent:-9999px;opacity:.8;border-radius:12px;-moz-border-radius:12px;background-size:24px 24px!important}.colio-theme-white .social a:hover{opacity:1;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.colio-theme-white .social .delicious{background:url(/Scripts/front/colio/colio-white/images/social/delicious.png) no-repeat center}.colio-theme-white .social .digg{background:url(/Scripts/front/colio/colio-white/images/social/digg.png) no-repeat center}.colio-theme-white .social .dribble{background:url(/Scripts/front/colio/colio-white/images/social/dribble.png) no-repeat center}.colio-theme-white .social .ember{background:url(/Scripts/front/colio/colio-white/images/social/ember.png) no-repeat center}.colio-theme-white .social .facebook{background:url(/Scripts/front/colio/colio-white/images/social/facebook.png) no-repeat center}.colio-theme-white .social .flickr{background:url(/Scripts/front/colio/colio-white/images/social/flickr.png) no-repeat center}.colio-theme-white .social .forrst{background:url(/Scripts/front/colio/colio-white/images/social/forrst.png) no-repeat center}.colio-theme-white .social .google{background:url(/Scripts/front/colio/colio-white/images/social/google.png) no-repeat center}.colio-theme-white .social .last_fm{background:url(/Scripts/front/colio/colio-white/images/social/last_fm.png) no-repeat center}.colio-theme-white .social .linkedin{background:url(/Scripts/front/colio/colio-white/images/social/linkedin.png) no-repeat center}.colio-theme-white .social .my_space{background:url(/Scripts/front/colio/colio-white/images/social/my_space.png) no-repeat center}.colio-theme-white .social .quora{background:url(/Scripts/front/colio/colio-white/images/social/quora.png) no-repeat center}.colio-theme-white .social .rss{background:url(/Scripts/front/colio/colio-white/images/social/rss.png) no-repeat center}.colio-theme-white .social .sharethis{background:url(/Scripts/front/colio/colio-white/images/social/sharethis.png) no-repeat center}.colio-theme-white .social .skype{background:url(/Scripts/front/colio/colio-white/images/social/skype.png) no-repeat center}.colio-theme-white .social .stumbleupon{background:url(/Scripts/front/colio/colio-white/images/social/stumbleupon.png) no-repeat center}.colio-theme-white .social .tumblr{background:url(/Scripts/front/colio/colio-white/images/social/tumblr.png) no-repeat center}.colio-theme-white .social .twitter{background:url(/Scripts/front/colio/colio-white/images/social/twitter.png) no-repeat center}.colio-theme-white .social .vimeo{background:url(/Scripts/front/colio/colio-white/images/social/vimeo.png) no-repeat center}.colio-theme-white .social .youtube{background:url(/Scripts/front/colio/colio-white/images/social/you_tube.png) no-repeat center}@media only screen and (-webkit-min-device-pixel-ratio:1.5){.colio-theme-white .colio-prev span{background:url(/Scripts/front/colio/colio-white/images/controls@2x.png) no-repeat 0 0;background-size:72px 24px}.colio-theme-white .colio-next span{background:url(/Scripts/front/colio/colio-white/images/controls@2x.png) no-repeat -24px 0;background-size:72px 24px}.colio-theme-white .colio-close span{background:url(/Scripts/front/colio/colio-white/images/controls@2x.png) no-repeat -48px 0;background-size:72px 24px}}@media only screen and (max-width:959px){}@media only screen and (min-width:768px) and (max-width:959px){}@media only screen and (max-width:767px){.colio-theme-white .main,.colio-theme-white .side{clear:both;width:100%;padding:0}.colio-theme-white .side{margin-bottom:40px;margin-top:60px}.colio-theme-white .main{margin-bottom:0}.colio-theme-white .colio-navigation{top:40px;left:40px;right:auto}.colio-theme-white .main h3{margin-top:0}}@media only screen and (min-width:480px) and (max-width:767px){}@media only screen and (max-width:479px){.colio-theme-white .colio-container{padding:30px}.colio-theme-white .colio-navigation{top:40px;left:30px;right:auto}}.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\20";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}