@charset "utf-8";
/*取消 Html 原有樣式---------------------------------*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;line-height:100%;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ol,ul{list-style:none;margin:0;padding:0;}
hr{margin:0px;}
img{max-width:100%;height:auto;}
div,p,span{line-height:inherit;}
/*基本------------------------------------------*/
html {overflow:-moz-scrollbars-vertical;overflow-y:scroll;z-index: 999;font-size:14px;}
body{position:relative;width:100%;max-width:100%;box-sizing:border-box;outline:none;font-family: "微軟正黑體", "Microsoft JhengHei",  Arila, "新細明體", "PMingLiU", sans-serif;color:#000;text-size-adjust:none;-webkit-text-size-adjust:none;background:#edf2f6;}
a,a:hover,a:focus{color:#fff;text-decoration:none;}
/*共用-----------------------------------------*/
input[type="date"]:before {content: attr(placeholder) !important;color: #aaa;}
input[type="date"]:focus:before,input[type="date"]:valid:before{content: "" !important;}
input[type="time"]:before {content: attr(placeholder) !important;color: #aaa;}
input[type="time"]:focus:before,input[type="time"]:valid:before{content: "" !important;}
.btn-purple{background:#7c5ac2;color:#fff !important;}
.btn-pink{background:#1a1a1a;color:#fff !important;}
.btn-green{background:rgb(58, 150, 145);color:#fff !important;}
.btn-red{background:#ff0000;color:#fff !important;}
.btn-pink2{background:#3a3a3a;color:#fff !important;}
.row-no-padding{padding-left:0px;padding-right:0px;}
.row-no-margin{margin-left:0px;margin-right:0px;}
.fck{width:100%;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.grid5{margin-top:5px;}
.grid15{margin-top:15px;}
.grid30{margin-top:30px;}
.grid50{margin-top:50px;}
.grid100{margin-top:100px;}
.pad5{padding-top:5px;}
.pad15{padding-top:15px;}
.pad30{padding-top:30px;}
.pad50{padding-top:50px;}
.pad100{padding-top:100px;}
.right5{margin-right:5px;}
.right15{margin-right:15px;}
.right30{margin-right:30px;}
.right50{margin-right:50px;}
.right100{margin-right:100px;}
form{width:100%;}
header{position:fixed;top:0px;width:100%;height:60px;/*border-bottom:1px solid #b2b2b2;*/background:#1a1a1a;z-index:10;color:#fff;line-height:100%;
/*
	box-shadow: 0px 0px 4px 0px #b2b2b2;
	-webkit-box-shadow: 0px 0px 4px 0px #b2b2b2;
	-moz-box-shadow: 0px 0px 4px 0px #b2b2b2;
*/
}
section#wrap{position:relative;float:left;padding-top:80px;padding-bottom:57px;}
.wrapper{padding-top:106px !important;}
section#wrap a{color:#000;}
section{width:100%;}
.pageTitle{position:absolute;width:100%;text-align:center;line-height:60px;font-size:1.5rem;color:#fff;font-weight:bold;}
.goback{position:absolute;height:30px;line-height:30px;display:block;top:15px;left:15px;font-size:1.2rem;text-align:center;z-index:1;color:#fff;}
.goback i{font-size:2rem;color:#fff;vertical-align:sub;margin-right:10px;}
footer{position:fixed;width:100%;bottom:0px;height:50px;text-align:center;border-top:1px solid #e6e6e6;background:#fff;z-index:1000;font-size:1.2rem;}
footer .col{padding:18px 0;color:#1a1a1a;}
footer .col a{color:#1a1a1a;}
footer .col:nth-child(2){border-left:1px solid #c6c6c6;}
footer .active i{color:#1a1a1a;}
footer i{font-size:1.5rem;color:#6a6a6a;vertical-align: middle;}




.table_list{border:1px solid #000;}
.table_list a{display:block;width:100%;height:100%;padding:20px 5px;text-align:center;}
.table_list p{text-align:center;margin-top:10px;}





.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property:transform, opacity;
}
.isotope-item figure{margin:0;}









#loading{position:absolute;width:200px;top:40%;left:50%;margin-left:-100px;margin-top:-80px;border-radius:5px;background:#fff;z-index:99999;padding:20px;display:none;}
#loading p{padding:10px 0;font-size:1rem;}
@keyframes ldio-ghqvaegebyi {
0% { transform: translate(-50%,-50%) rotate(0deg); }
100% { transform: translate(-50%,-50%) rotate(360deg); }
}
.ldio-ghqvaegebyi div {
position: absolute;
width: 40px;
height: 40px;
border: 5px solid #e15b64;
border-top-color: transparent;
border-radius: 50%;
}
.ldio-ghqvaegebyi div {
animation: ldio-ghqvaegebyi 1s linear infinite;
top: 50px;
left: 50px
}
.loadingio-spinner-rolling-2ox500o804k {
width: 100px;
height: 100px;
display: inline-block;
overflow: hidden;
background: #ffffff;
}
.ldio-ghqvaegebyi {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; /* see note above */
}
.ldio-ghqvaegebyi div { box-sizing: content-box; }