/* VARIABLES */
/* BASE */
/*
html,body{font-family:'Roboto',sans-serif;font-size:1em;line-height:1.4;height:100%;margin:0;padding:0}
a{text-decoration:none;color:inherit}
.container{overflow:hidden;*zoom:1;margin:0 20px}
.site-content{padding-top:66px}
.header{position:fixed;left:0;right:0;height:66px;line-height:66px;color:#fff;background-color:#000000}
.header__logo{font-weight:700;padding:0 25px;float:left}
.menu{float:left}
.menu a{padding:0 10px}
.menu a:hover{color:#c5cae9}
@media only screen and (max-width: 768px) {
.site-pusher,.site-container{height:100%}
.site-container{overflow:hidden}
.site-pusher{transition-duration:.3s;-webkit-transform:translateX(0px);transform:translateX(0px)}
.site-content{position:absolute;top:66px;right:0;left:0;bottom:0;padding-top:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.header{position:static;background-color:#ff6600}
.header__icon{position:relative;display:block;float:left;width:50px;height:66px;cursor:pointer}
.header__icon:after{content:'';position:absolute;display:block;width:1rem;height:0;top:16px;left:15px;box-shadow:0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff}
.menu{position:absolute;left:0;top:0;bottom:0;background-color:#3849a2;width:250px;-webkit-transform:translateX(-250px);transform:translateX(-250px)}
.menu a{display:block;height:40px;text-align:center;line-height:40px;border-bottom:1px solid #3f51b5}
.with--sidebar .site-pusher{-webkit-transform:translateX(250px);transform:translateX(250px)}
.with--sidebar .site-cache{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6)}
}
*************************************************/
/*html,body{font:13pt "微軟正黑體";line-height:1.4;  height:700px;max-height: 700px;overflow-x: hidden; height:100% !important;margin:0;padding:0}*/
/*a{text-decoration:none;color:inherit}*/
.mecontainer{/*overflow:hidden;*zoom:1;margin:0 20px*/}
/*
.site-content{padding-top:66px}
.header{position:fixed;left:0;right:0;height:88px;line-height:88px;color:#fff;background-color:#000000}
.header__logo{font-weight:700;padding:0 25px;float:left}
.menu{float:left}
.menu a{padding:0 10px}
.menu a:hover{color:#c5cae9}
*/
.header__logo{font-weight:700;padding:0;float:left;width:70vw;height:88px;margin-left:30px;}
.site-pusher,.site-container{height:100% !important;min-height: 700px; }
.site-container{overflow:hidden}
.site-pusher{transition-duration:.3s;-webkit-transform:translateX(0px);transform:translateX(0px);}
/*.site-pusher{transition-duration:.3s;-webkit-transform:translateX(0px);transform:translateX(0px)}*/
.site-content{height:100% !important;position:absolute;top:88px;right:0px;padding-top:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.header{position:static;height:88px;line-height:88px;color:#fff;background-color:#161616}

.header__icon{position:relative;display:block;float:right;width:30px;height:88px;right:15px;cursor:pointer;background:url(../Nimages/nav.svg) no-repeat center center;background-size:35px;}
.header__icon:after{content:'';position:absolute;display:block;width:30px;height:0;top:25px;right:15px;/*box-shadow:0 9px 0 1px #fff,0 17px 0 1px #fff,0 25px 0 1px #fff*/}

/*.header__icon{position:relative;display:block;float:right;width:30px;height:88px;cursor:pointer;}
.header__icon:after{content:'';position:absolute;display:block;width:30px;height:0;background:#ff6600;top:25px;right:15px;box-shadow:0 9px 0 1px #fff,0 17px 0 1px #fff,0 25px 0 1px #fff}
*/

.menu .nav-list{  display: block !important;/*margin-left:1em;*/}
.menu .nav-list span{padding-left:30px;}
.menu{position:absolute;right:-250px;top:0;bottom:0;background:#707171;width:250px;-webkit-transform:translateX(0);transform:translateX(0)}


.menu a{display:block;height:50px;line-height:50px;padding:0.2em 0;/*text-align:center;*/text-align:left;/*border-bottom:1px solid #606060;*/color:#ffffff;}

.menu ul li{float:left;position:relative;width:100%;}
.menu ul li a,.menu ul li a:visited{display:block;padding:0;color:#fff;text-decoration:none}
.menu ul li a:hover,.menu ul li a:visited:hover{color:#fff}
.menu ul li a:not(:only-child):after,.menu ul li a:visited:not(:only-child):after{padding-left:4px;content:' ▾'}
.menu ul li ul li{width:100%;background:#5e5e5e;}
.menu ul li ul li a{background:#5e5e5e;width:85%;padding-left:15%;}


.nav-dropdown{display:block;/*position:absolute;z-index:1;box-shadow:0 3px 12px rgba(0,0,0,0.15)*/}

.with--sidebar .site-pusher{-webkit-transform:translateX(-250px);transform:translateX(-250px)}
.with--sidebar .site-cache{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6)}

.fb_svg{display:inline-block;width:auto;margin:1em;text-align:center}