/*! Theme Name: CatchPlay Corporate Author: MingFu Author URI: http://mingfu.tw Version: 0.9 Text Domain: catchplay *//*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}/*! * jquery-drawer v3.2.2 * Flexible drawer menu using jQuery, iScroll and CSS. * http://git.blivesta.com/drawer * License : MIT * Author : blivesta (http://blivesta.com/) *//*!------------------------------------*\ Base \*!------------------------------------*/.drawer-open{overflow:hidden !important}.drawer-nav{position:fixed;z-index:101;top:0;overflow:hidden;width:16.25rem;height:100%}/*! overlay */.drawer-overlay{position:fixed;z-index:100;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.8)}.drawer-open .drawer-overlay{display:block}/*!------------------------------------*\ Right \*!------------------------------------*/.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:right 0.6s cubic-bezier(0.19, 1, 0.22, 1)}.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}/*!------------------------------------*\ Hamburger \*!------------------------------------*/.drawer-hamburger{position:fixed;z-index:104;top:0;display:block;box-sizing:content-box;width:1.5rem;padding:0;margin:0;-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);border:0;outline:0;background-color:transparent}.admin-bar .drawer-hamburger{top:32px}.drawer-hamburger:hover{cursor:pointer}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:before,.drawer-hamburger-icon:after{width:100%;height:2px;-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);background-color:#fff}.drawer-hamburger-icon:before,.drawer-hamburger-icon:after{position:absolute;top:-10px;left:0;content:' '}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:before,.drawer-open .drawer-hamburger-icon:after{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}/*!------------------------------------*\ accessibility \*!------------------------------------*//*! * Only display content to screen readers * See: http://a11yproject.com/posts/how-to-hide-content */.sr-only{position:absolute;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;border:0}/*! * Use in conjunction with .sr-only to only display content when it's focused. * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 * Credit: HTML5 Boilerplate */.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}/*!------------------------------------*\ Sidebar \*!------------------------------------*/@media (min-width: 750px){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}/*! Left */.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}/*! Right */.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}/*! container */.drawer--sidebar .drawer-container{max-width:48rem}}/*!------------------------------------*\ Navbar \*!------------------------------------*/.drawer-navbar{z-index:102;top:0}/*! .drawer-navbar modifier */.drawer-navbar--fixed{position:fixed}.drawer-navbar-header{position:relative;z-index:102;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}@media (min-width: 750px){.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;padding-top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}body{font-family:'Roboto Condensed', '蘋方', 'Microsoft JhengHei', 'STHeiti', sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:1.6}@media (min-width: 750px){body{font-size:16px}}h1,h2,h3,h4,h5,h6{font-family:'Roboto Condensed', '蘋方', 'Microsoft JhengHei', 'STHeiti', sans-serif;font-weight:700;font-style:normal;text-transform:uppercase;line-height:1;margin-top:0}h1{font-size:12vmin}@media (max-width: 250px){h1{font-size:30px}}h2{font-size:7vmin}@media (max-width: 371.4285714286px){h2{font-size:26px}}h3{font-size:3.0em}a{color:#f26f21;text-decoration:none}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0}img{display:block;max-width:100%;height:auto}header,main,footer{position:relative;overflow:auto}main article>p{font-family:'Roboto Condensed', '蘋方', 'Microsoft JhengHei', 'STHeiti', sans-serif;font-weight:300;font-style:normal;color:#000;text-align:center;max-width:80%;margin:0 auto 2em;font-size:1.375em}.pagetitle,article header .excerpt{text-align:center;color:#000}.pagetitle h2,article header .excerpt h2{margin-bottom:0.3em}#masthead{border-bottom:10px solid #f26f21;margin-bottom:3em}#masthead .excerpt{height:40vh;display:flex;flex-direction:column;justify-content:center;clear:both;text-align:center;margin:0 auto;position:relative}#masthead .excerpt .slider,#masthead .excerpt .slide{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}#masthead .excerpt .slider .slide{z-index:0}#masthead .excerpt .slider .show,#masthead .excerpt .slider .slide:first-of-type{z-index:1}#masthead .excerpt .slide{background-repeat:no-repeat;background-size:cover;background-position:center top;-moz-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s;transition:transform .4s}#masthead .excerpt h1{position:relative;z-index:2;color:#fff;margin:0;text-shadow:5px 5px 10px #000}#masthead .excerpt h1.dark{color:#000;text-shadow:5px 5px 10px #fff}.site-branding{padding:1.5em;float:left;position:relative;z-index:10}.site-branding h1{font-size:1em;line-height:1.5625;margin:0;padding:0}.site-branding a{display:block;text-indent:-9999em;background:url("img/logo_header_h50.svg") no-repeat top left;background-size:contain;width:11.1875em}.drawer-nav{background:#000;padding:3em 0 0 1em}.drawer-nav li{padding:0.3em 0}.drawer-nav a{display:block;color:#fff;text-transform:uppercase;padding:0.2em 0.5em}.drawer-nav .textwidget{color:#fff;padding:0.2em 0.5em}.drawer-nav a:hover,.drawer-nav .current-menu-item a,.drawer-nav a.lang_sel_sel{color:#f26f21}.drawer-nav h4{color:#666;margin:0;padding:0.2em 0.5em}.drawer-nav ul{margin:0 0 1em;padding:0;list-style:none}@media (min-width: 750px){.drawer-nav .sub{display:none}}@media (min-width: 750px){.navigation-top{position:relative;float:right;padding:0;margin:0;list-style:none}.navigation-top ul{margin:0}.navigation-top li{display:inline-block;margin:0}.navigation-top a{color:#000;padding:0 0.75em}.drawer-nav{background:transparent}.drawer-nav .lang_sel_list_horizontal,.drawer-nav .menu-main-menu-container{display:block;margin:1.5em 0;float:right}.drawer-nav .lang_sel_list_horizontal{margin-left:1.5em;margin-right:1em}.drawer-nav li{padding:0}}.lang_sel_list_horizontal{display:none}.sub .lang_sel_list_horizontal{padding:0.2em 0.5em;display:block}.sub .lang_sel_list_horizontal li{display:inline-block;margin-right:1em}.textwidget a{display:block;text-indent:-999em;overflow:hidden;background-size:contain;background-repeat:no-repeat;height:40px;margin-bottom:1em}.textwidget a:hover{background-color:transparent}.textwidget .appstore{background-image:url("img/appstore2.png")}.textwidget .googleplay{background-image:url("img/googleplay2.png")}.drawer-hamburger{background:#f26f21;border-radius:0 !important;padding:1em 1em 1.8em;margin:0.5em 0 0}.drawer-open .drawer-hamburger{background:#000}footer{display:none;background-color:#3a3a3a;background-image:url("img/footer-bg.svg");background-repeat:no-repeat;background-position:left center;color:#fff;position:relative}@media (min-width: 750px){footer{display:block}}footer:after{content:'';display:block;background:url("img/logo_footer_h40.svg") no-repeat center left;background-size:contain;position:absolute;height:1.0625em;width:7.625em;top:46%;left:2em}footer aside{margin-left:18.75em;padding:4em 0 1em}footer aside div{display:inline-block;vertical-align:top;width:13em}footer aside h4{font-size:1em;margin-bottom:0.5em}footer aside div div,footer aside p{font-size:0.75em}footer aside p{color:#6c6c6c;margin:0}footer aside ul{margin:0 0 2em;padding:0;list-style:none}footer aside a{display:inline-block;color:#fff;line-height:2}.page-index .item{background-color:#3a3a3a;background-repeat:no-repeat;background-position:-9999em;color:#fff}.page-index .item .inner{padding:3em 3em 2em;border-bottom:10px solid #f26f21;margin-bottom:3em}.page-index .item h2.highlight{margin-bottom:0.4em}.page-index .item img{width:100%;height:auto}.page-index .item p{font-family:'Roboto Condensed', '蘋方', 'Microsoft JhengHei', 'STHeiti', sans-serif;font-weight:300;font-style:normal;font-size:1.125em}@media (min-width: 750px){.page-index .item{background-color:#fff;background-position:center top;background-size:100%;padding:3em 15% 0;margin-bottom:2em}.page-index .item .inner{background-color:rgba(0,0,0,0.8)}.page-index .item img{display:none}}@media (min-width: 1000px){.page-index .item{background-position:30vw top}.page-index .item:nth-child(2n){background-position:center top}}.shortcode-milestones{position:relative;max-width:90%;margin:0 auto}.shortcode-milestones .item{overflow:hidden;border-bottom:1px solid #cfcfcf;padding-bottom:2em;margin-bottom:3em}.shortcode-milestones .item:last-child{border:none;margin:0}.shortcode-milestones img{display:block;margin:0 0 2em}.shortcode-milestones h3{margin-bottom:0.3em}.shortcode-milestones p{font-family:'Roboto Condensed', '蘋方', 'Microsoft JhengHei', 'STHeiti', sans-serif;font-weight:300;font-style:normal;font-size:1.125em}.shortcode-milestones p strong{font-family:'Roboto Condensed', '蘋方', 'Microsoft JhengHei', 'STHeiti', sans-serif;font-weight:400;font-style:normal}@media (min-width: 750px){.shortcode-milestones img{float:left;max-width:35%;display:block;margin:4.4em 0 0}.shortcode-milestones .inner{float:right;width:60%}}.page-team .site-main{max-width:75%;margin:0 auto;overflow:auto}@media (min-width: 750px){.page-team .site-main{max-width:80%}}.page-team .shortcode-team{position:relative}.page-team .item{cursor:pointer;text-align:center;margin:0 0 2em;overflow:visible}.page-team .item img{width:100%;margin-bottom:1em}.page-team .item h3,.page-team .item h4{margin:0;line-height:1.5}.page-team .item h3{font-family:'Roboto Condensed', '蘋方', 'Microsoft JhengHei', 'STHeiti', sans-serif;font-weight:400;font-style:normal;font-size:1.5em;text-transform:none}.page-team .item h4{font-size:1em}.page-team .item .bio{z-index:1;background:#efefef;display:none;position:absolute;left:0;width:100%;text-align:left;padding:2em;border-top:10px solid #f26f21}.page-team .item .bio h4{margin-bottom:1em}.page-team .item .bio p{font-family:'Roboto Condensed', '蘋方', 'Microsoft JhengHei', 'STHeiti', sans-serif;font-weight:300;font-style:normal;font-size:1.125em}.page-team .item .space{height:0}.page-team .open img{margin-bottom:calc(1em - 10px)}.page-team .open .img:after{content:"";display:block;width:0;height:0;margin:0 auto;border-style:solid;border-width:0 9.5px 10px 9.5px;border-color:transparent transparent #f26e21 transparent}@media (min-width: 550px){.page-team .item{float:left;margin-left:4%;width:48%}.page-team .item:nth-child(2n+1){margin-left:0;clear:both}}@media (min-width: 750px){.page-team .item{width:30.6666666667%}.page-team .item:nth-child(2n+1){margin-left:4%;clear:none}.page-team .item:nth-child(3n+1){margin-left:0;clear:both}}@media (min-width: 1250px){.page-team .item{width:22%}.page-team .item:nth-child(3n+1){margin-left:4%;clear:none}.page-team .item:nth-child(4n+1){margin-left:0;clear:both}}.page-careers article hr{content:'';display:block;background:#f26f21;width:70%;height:10px;margin:2em auto;border:none}@media (min-width: 550px){.page-careers article hr{margin:3em auto}}.page-careers article hr:last-of-type{display:none}.page-locations{max-width:75%;margin:0 auto;overflow:auto}@media (min-width: 750px){.page-locations{max-width:65%}}.page-locations .item{text-align:center;position:relative;overflow:hidden;margin-bottom:2em}.page-locations .item:after{content:"";display:block;padding-bottom:100%}.page-locations .item .zoom{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;background-position:center;background-size:100%;transition:all .1s}.page-locations .item .zoom:hover{background-size:110%}.page-locations .item .zoom:hover .inner{background:rgba(0,0,0,0.8)}.page-locations .item .inner{background:rgba(0,0,0,0.5);padding:1em 0;display:inline-block;width:75%;margin:0 auto}.page-locations .item h2{font-size:1.875em}.page-locations .item h3{font-size:1.5em;font-family:'Roboto Condensed', '蘋方', 'Microsoft JhengHei', 'STHeiti', sans-serif;font-weight:400;font-style:normal;margin:0}@media (min-width: 550px){.page-locations .item{float:left;margin-left:4%;width:48%}.page-locations .item:nth-child(2n+1){margin-left:0}}@media (min-width: 1000px){.page-locations .item{width:30.6666666667%}.page-locations .item:nth-child(2n+1){margin-left:4%}.page-locations .item:nth-child(3n+1){margin-left:0}}.page-lifestyle{max-width:75%;margin:0 auto;overflow:auto}@media (min-width: 750px){.page-lifestyle{max-width:80%}}.page-lifestyle .shortcode-lifestyle .item{position:relative;color:#fff;text-align:center;background-repeat:no-repeat;background-position:center center;background-size:cover;margin-bottom:4%}.page-lifestyle .shortcode-lifestyle .item h3{font-size:2em;margin:0 0 0.3em}.page-lifestyle .shortcode-lifestyle .item p{font-family:'Roboto Condensed', '蘋方', 'Microsoft JhengHei', 'STHeiti', sans-serif;font-weight:300;font-style:normal;font-size:1.125em;line-height:1.3;margin:0}.page-lifestyle .shortcode-lifestyle .inner{position:absolute;height:100%;width:100%;background:rgba(0,0,0,0.5);display:flex;flex-direction:column;justify-content:center}.page-lifestyle .shortcode-lifestyle .inner div{padding:0 1em}.page-lifestyle .shortcode-lifestyle .item:after{content:"";display:block;padding-bottom:100%}@media (min-width: 550px){.page-lifestyle .shortcode-lifestyle .item{float:left;margin-left:4%;width:48%}.page-lifestyle .shortcode-lifestyle .item:nth-child(2n+1){margin-left:0}}@media (min-width: 750px){.page-lifestyle .shortcode-lifestyle .item{width:30.6666666667%}.page-lifestyle .shortcode-lifestyle .item:nth-child(2n+1){margin-left:4%}.page-lifestyle .shortcode-lifestyle .item:nth-child(3n+1){margin-left:0}}@media (min-width: 1250px){.page-lifestyle .shortcode-lifestyle .item{float:left;width:22%;margin-left:4%}.page-lifestyle .shortcode-lifestyle .item:nth-child(3n+1){margin-left:4%}.page-lifestyle .shortcode-lifestyle .item:nth-child(4n+1){margin-left:0}}.page-meet-the-team{max-width:75%;margin:0 auto;overflow:auto}@media (min-width: 750px){.page-meet-the-team{max-width:70%}}.page-meet-the-team .shortcode-team{position:relative}.page-meet-the-team .shortcode-team .item{margin-bottom:4%;text-align:center;transition:all .1s}.page-meet-the-team .shortcode-team .item img{border-radius:999em;margin-bottom:1em}.page-meet-the-team .shortcode-team .item h3,.page-meet-the-team .shortcode-team .item h4,.page-meet-the-team .shortcode-team .item blockquote{margin:0;line-height:1.5}.page-meet-the-team .shortcode-team .item h3{font-family:'Roboto Condensed', '蘋方', 'Microsoft JhengHei', 'STHeiti', sans-serif;font-weight:400;font-style:normal;font-size:1.5em;text-transform:none}.page-meet-the-team .shortcode-team .item h4{font-size:1em;margin-bottom:0.5em}.page-meet-the-team .shortcode-team .item h4,.page-meet-the-team .shortcode-team .item blockquote{color:#666}@media (min-width: 550px){.page-meet-the-team .shortcode-team .item{float:left;margin-left:4%;width:30.6666666667%}.page-meet-the-team .shortcode-team .item:nth-child(3n+1){margin-left:0;clear:both}}@media (min-width: 750px){.page-meet-the-team .shortcode-team .item{width:22%}.page-meet-the-team .shortcode-team .item:nth-child(3n+1){margin-left:4%;clear:none}.page-meet-the-team .shortcode-team .item:nth-child(4n+1){margin-left:0;clear:both}}@media (min-width: 1250px){.page-meet-the-team .shortcode-team .item{width:16.8%}.page-meet-the-team .shortcode-team .item:nth-child(4n+1){margin-left:4%;clear:none}.page-meet-the-team .shortcode-team .item:nth-child(5n+1){margin-left:0;clear:both}} /*# sourceMappingURL=style.css.map */