html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html, body{height:100%;}
body{font-family:'El Messiri', 'Noto Sans TC', sans-serif;background-color:#e0e0e057;}
a{text-decoration:none;cursor:pointer;}
.cd-img-replace{display:inline-block;overflow:hidden;text-indent:100%;white-space:nowrap;}
.overflow-hidden{overflow:hidden;}
.cd-main-content{-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;transition-duration:0.4s;}
.cd-main-content.lateral-menu-is-open{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px);}
.lateral-menu-is-open.cd-main-content{width:100%;}
.navbar-fixed-top{position:fixed;right:0;left:0;z-index:4;}
.mask{position:fixed;background:rgba(0, 0, 0, 0.7);height:100%;width:100%;}
@media only screen and (max-width:767px){.cd-top-mobile-nav{display:block;}
}
@media only screen and (min-width:768px){.cd-top-mobile-nav{display:none;}
}
@media only screen and (min-width:768px){.cd-main-content{}
}
header{position:absolute;top:0;left:0;height:60px;width:100%;background:#fcfbfb;z-index:3;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;transition-duration:0.4s;}
header.lateral-menu-is-open{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px);}
header.is-fixed{position:fixed;}
#cd-logo{display:block;float:left;margin:12px 0 0 20px;}
#cd-logo img{display:block;}
@media only screen and (min-width:768px){#cd-logo{margin:22px 0 0 30px;}
}
#cd-top-nav{position:absolute;top:0;right:120px;height:100%;display:none;}
#cd-top-nav ul{height:100%;padding-top:18px;}
#cd-top-nav li{display:inline-block;margin-right:1em;}
#cd-top-nav a{display:inline-block;padding:.5em;color:#FFF;text-transform:uppercase;font-weight:600;}
#cd-top-nav a.current{background-color:#242e30;}
.no-touch #cd-top-nav a:hover{color:rgba(255, 255, 255, 0.7);}
@media only screen and (min-width:768px){#cd-top-nav{display:block;}
}
#cd-menu-trigger{position:absolute;right:0;top:0;height:100%;width:60px;background-color:#6dd0cd;}
#cd-menu-trigger .cd-menu-text{height:100%;text-transform:uppercase;color:#FFF;font-weight:600;display:none;}
#cd-menu-trigger .cd-menu-icon{display:inline-block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:18px;height:2px;background-color:#FFF;}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after{content:'';width:100%;height:100%;position:absolute;background-color:inherit;left:0;}
#cd-menu-trigger .cd-menu-icon::before{bottom:5px;}
#cd-menu-trigger .cd-menu-icon::after{top:5px;}
#cd-menu-trigger.is-clicked .cd-menu-icon{background-color:rgba(255, 255, 255, 0);}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after{background-color:white;}
#cd-menu-trigger.is-clicked .cd-menu-icon::before{bottom:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#cd-menu-trigger.is-clicked .cd-menu-icon::after{top:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
@media only screen and (min-width:768px){#cd-menu-trigger{width:65px;padding-left:1.25em;}
#cd-menu-trigger .cd-menu-text{display:inline-block;line-height:70px;}
#cd-menu-trigger .cd-menu-icon{left:auto;right:1.25em;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
}
.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7;}
#cd-lateral-nav{border-left:1px solid #808080;position:fixed;height:100%;right:0;top:0;visibility:hidden;z-index:5;width:260px;background-color:#eee;overflow-y:auto;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .4s 0s, visibility 0s .2s;-moz-transition:-moz-transform .4s 0s, visibility 0s .2s;transition:transform .4s 0s, visibility 0s .2s;-webkit-transform:translateX(80px);-moz-transform:translateX(80px);-ms-transform:translateX(80px);-o-transform:translateX(80px);transform:translateX(80px);}
#cd-lateral-nav .cd-navigation{}
#cd-lateral-nav .sub-menu{background:#ddd;display:none;}
#cd-lateral-nav .sub-menu li{background:#eee;}
#cd-lateral-nav a{display:block;line-height:3.35em;font-size:16px;padding:0 16px 0 32px;color:#6dd0cd;}
#cd-lateral-nav .sub-menu li a{color:#333;font-size:14px;}
#cd-lateral-nav a.current{background-color:#3a4a4d;color:#FFF;}
.no-touch #cd-lateral-nav a:hover{color:#FFF;}
@media only screen and (min-width:768px){#cd-lateral-nav .cd-navigation{margin:20px 0;}
}
.cd-navigation li{background-color:#FFFFFF;border-bottom:1px dashed #6dd0cd;}
.cd-navigation .sub-menu li{background-color:#FFFFFF;border-bottom:1px dashed #FFFFFF;}
#cd-lateral-nav.lateral-menu-is-open{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);visibility:visible;-webkit-transition:-webkit-transform .4s 0s, visibility 0s 0s;-moz-transition:-moz-transform .4s 0s, visibility 0s 0s;transition:transform .4s 0s, visibility 0s 0s;-webkit-overflow-scrolling:touch;}
#cd-lateral-nav .item-has-children > a{position:relative;text-transform:uppercase;}
#cd-lateral-nav .item-has-children > a::after{content:'';display:block;height:11px;width:8px;position:absolute;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:1em;background-size:8px 11px;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;transition-duration:0.2s;}
#cd-lateral-nav .item-has-children > a.submenu-open::after{-webkit-transform:translateY(-50%) rotate(90deg);-moz-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);-o-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);}
#cd-lateral-nav .socials{padding:0 32px;}
#cd-lateral-nav .socials:after{content:"";display:table;clear:both;}
#cd-lateral-nav .socials a{height:32px;width:32px;float:left;padding:0;background-image:url("../img/cd-socials.svg");background-repeat:no-repeat;background-size:128px 64px;background-color:#FFF;margin-right:.5em;border-radius:0.25em;}
#cd-lateral-nav .socials a.cd-twitter{background-position:0 0;}
#cd-lateral-nav .socials a.cd-github{background-position:-32px 0;}
#cd-lateral-nav .socials a.cd-facebook{background-position:-64px 0;}
#cd-lateral-nav .socials a.cd-google{background-position:-96px 0;}
.no-touch #cd-lateral-nav .socials a:hover{background-color:#4e6361;}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter{background-position:0 -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-github{background-position:-32px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook{background-position:-64px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-google{background-position:-96px -32px;}