.mfp-bg{top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:url(/st_ec/img/fancy/fancybox_overlay.png) center center repeat;}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:42px; height:42px; line-height:44px; position:absolute; right:0; top:0; text-decoration:none; text-align:center; opacity:.75; filter:alpha(opacity=75);padding:0 0 18px 10px; color:#fff; font-style:normal; font-size:28px; font-family:Arial,Baskerville,monospace;}
.mfp-close:hover,.mfp-close:focus{opacity:1; filter:alpha(opacity=100)}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#fff;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:#FFF; right:-6px; text-align:right; padding-right:6px; width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}
}
@media all and (max-width: 900px) {
.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
.mfp-container{padding-left:6px;padding-right:6px}
}
.mfp-ie7 .mfp-img{padding:0}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}
.mfp-ie7 .mfp-container{padding:0}
.mfp-ie7 .mfp-content{padding-top:44px}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

.m-popup{position:relative; font-size:15px; background:#fff; margin:0 auto; padding:10px; width:auto; max-width:80%; border-radius:2px; box-shadow: 0 2px 15px 8px rgba(64,64,64,.7);}
.m-title{background:#0880DE url(/st_ec/img/ui/ui-bg_highlight-soft_75_0880de_1x100.png) repeat-x 50% 50%; /*border:1px solid #207fb6;*/ color:#fff; margin:-7px -7px 9px; padding:8px 9px 9px; border-radius:1px;}
.m-content{min-height:190px; padding:5px;}
.m-content p{padding:.5em; line-height: 1.5;}
.m-content .validate-box{width:65%; margin: 0 auto;}
.m-content .validate-box p input{
padding: 10px;
border: 1px solid #bdbdbd;
background: #fff url("/st_ec/img/input-bg.jpg") repeat-x 0 -2px;
border-radius: 2px;
width:6em;
}
@media only screen and (max-width: 541px) {
.m-content .validate-box{width:100%;}
.m-content .validate-box p input{width:4em;}
}
.m-content .validate-box p input + a:link, .m-content .validate-box p input + a:visited{margin:0 0 0 8px;}
.m-content .validate-box p .err-msg{margin:5px 0 0; display:inline-block; clear:left;}
.m-buttons{border-top:1px solid #ddd; position:absolute; left:3px; right:3px; bottom:3px; padding:10px; text-align:right;}

.m-buttons > input[type="button"]{
font-family:"微軟正黑體","新細明體",Arial,sans-serif; font-size:15px; color:#333; text-align:center; width:auto; height:40px; padding:8px 2.2em;
border-radius:2px; border:0; border:1px solid #cecece; background:rgb(252,252,252);
background:-webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(222,222,222,1) 70%);
background:linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(222,222,222,1) 70%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#dedede',GradientType=0);
}
.m-buttons > input[type="button"]:hover{cursor:pointer; position:relative; top:1px;}
@media all and (orientation:landscape){ .m-popup{max-width:50%; min-height:auto;} }


/* ====== Zoom effect ====== */
.mfp-zoom-in{}
.mfp-zoom-in .mfp-with-anim{opacity:0; transition:all 0.2s ease-in-out; transform:scale(.8);}
.mfp-zoom-in.mfp-bg{opacity:1; transition:all .3s ease-out;}
.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1; transform:scale(1);}
.mfp-zoom-in.mfp-removing .mfp-with-anim{transform:scale(.8); opacity:0;}
.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0;}

/* ====== Zoom-out effect ====== */
.mfp-zoom-out{}
.mfp-zoom-out .mfp-with-anim{opacity:0; transition:all .3s ease-in-out; transform:scale(1.1);}
.mfp-zoom-out.mfp-bg{opacity:1; transition:all .3s ease-out;}
.mfp-zoom-out.mfp-ready .mfp-with-anim{opacity:1; transform:scale(1);}
.mfp-zoom-out.mfp-removing .mfp-with-anim{transform: scale(1.1); opacity: 0;}
.mfp-zoom-out.mfp-removing.mfp-bg{opacity:0;}