.hide{display: none !important;}
/* 固定於頂部 */
.fixed-top{position: fixed !important; top: 0 !important; z-index: 1002 !important;}
/* text align 文字對齊 */
.left-align-important{text-align: left !important; }
.right-align-important{text-align: right !important; }
.center-align-important{text-align: center !important; }
.center-text{text-align: center; }
.left-text{text-align: left; }
.right-text{text-align: right; }
/* vertical center 垂直置中 */ 
.vertical-center{vertical-align: middle !important; }
/* margin center 水平置中 */ 
.margin-center{ margin-left: auto !important; margin-right: auto !important; }
/* width percent 寬度百分比 */
.w100p{width:100%;} .w95p{width:95%;} .w90p{width:90%;} .w85p{width:85%;} .w80p{width:80%;} .w75p{width:75%;} .w70p{width:70%;} .w65p{width:65%;} .w60p{width:60%;} .w55p{width:55%;} .w50p{width:50%;} .w45p{width:45%;} .w40p{width:40%;} .w35p{width:35%;} .w30p{width:30%;} .w25p{width:25%;} .w20p{width:20%;} .w15p{width:15%;} .w10p{width:10%;} .w5p{width:5%;}
/* width px 寬度 */
.w100{width:100px;}
/* height percent 高度百分比 */
.h100p{height: 100%;} 
/* height px 高度 */
.h225{height: 225px;}
.h10{height:10px;}
.h700{height:700px;} 
/* padding-left px */
.pd-l-0{padding-left:0px;}
.pd-l-5{padding-left:5px;}
.pd-l-10{padding-left:10px;}
.pd-l-15{padding-left:15px;}
.pd-l-20{padding-left:20px;}
/* padding-right px */
.pd-r-0{padding-right:0px;}
.pd-r-5{padding-right:5px;}
.pd-r-10{padding-right:10px;}
.pd-r-15{padding-right:15px;}
.pd-r-20{padding-right:20px;}
/* padding-top px */
.pd-t-0{padding-top:0px;}
.pd-t-5{padding-top:5px;}
.pd-t-10{padding-top:10px;}
.pd-t-15{padding-top:15px;}
.pd-t-20{padding-top:20px;}
/* padding-bottom px */
.pd-b-0{padding-bottom:0px;}
.pd-b-5{padding-bottom:5px;}
.pd-b-10{padding-bottom:10px;}
.pd-b-15{padding-bottom:15px;}
.pd-b-20{padding-bottom:20px;}
/* padding-top-bottom px */
.pd-tb-0{padding-bottom:0px;padding-top:0px;}
.pd-tb-5{padding:5px 0;}
.pd-tb-10{padding:10px 0;}
.pd-tb-15{padding:15px 0;}
.pd-tb-20{padding:20px 0;}
/* padding-left-right px */
.pd-lr-0{padding-left:0px;padding-right:0px;}
.pd-lr-5{padding:0 5px;}
.pd-lr-10{padding:0 10px;}
.pd-lr-15{padding:0 15px;}
.pd-lr-20{padding:0 20px;}
/* margin-top px */
.ma-t-1{margin-top: 1px;} .ma-t-2{margin-top: 2px;} .ma-t-3{margin-top: 3px;} .ma-t-4{margin-top: 4px;} .ma-t-5{margin-top: 5px;} .ma-t-6{margin-top: 6px;} .ma-t-7{margin-top: 7px;} .ma-t-8{margin-top: 8px;} .ma-t-9{margin-top: 9px;} .ma-t-10{margin-top:10px;} .ma-t-12{margin-top:12px;} .ma-t-15{margin-top:15px;} .ma-t-20{margin-top:20px;}
/* margin-top px important */
.ma-t-1-i{margin-top: 1px !important;} .ma-t-2-i{margin-top: 2px !important;} .ma-t-3-i{margin-top: 3px !important;} .ma-t-4-i{margin-top: 4px !important;} .ma-t-5-i{margin-top: 5px !important;} .ma-t-6-i{margin-top: 6px !important;} .ma-t-7-i{margin-top: 7px !important;} .ma-t-8-i{margin-top: 8px !important;} .ma-t-9-i{margin-top: 9px !important;} .ma-t-10-i{margin-top:10px !important;} .ma-t-12-i{margin-top:12px !important} .ma-t-15-i{margin-top:15px !important} .ma-t-20-i{margin-top:20px !important}
/* margin-bottom px */
.ma-b-1{margin-bottom: 1px;} .ma-b-2{margin-bottom: 2px;} .ma-b-3{margin-bottom: 3px;} .ma-b-4{margin-bottom: 4px;} .ma-b-5{margin-bottom: 5px;} .ma-b-6{margin-bottom: 6px;} .ma-b-7{margin-bottom: 7px;} .ma-b-8{margin-bottom: 8px;} .ma-b-9{margin-bottom: 9px;} .ma-b-10{margin-bottom:10px;} .ma-b-12{margin-bottom:12px;} .ma-b-15{margin-bottom:15px;} .ma-b-20{margin-bottom:20px;}
/* margin-left percent */
.ma-l-5p{margin-left: 5%;} .ma-l-10p{margin-left: 10%;} .ma-l-20p{margin-left: 20%;} .ma-l-25p{margin-left: 25%;} .ma-l-30p{margin-left: 30%;} .ma-l-35p{margin-left: 35%;} .ma-l-40p{margin-left: 40%;} .ma-l-45p{margin-left: 45%;} .ma-l-50p{margin-left: 50%;} .ma-l-15p{margin-left: 15%;}
/* margin-right percent */
.ma-r-5p{margin-right: 5%;} .ma-r-10p{margin-right: 10%;} .ma-r-20p{margin-right: 20%;} .ma-r-25p{margin-right: 25%;} .ma-r-30p{margin-right: 30%;} .ma-r-35p{margin-right: 35%;} .ma-r-40p{margin-right: 40%;} .ma-r-45p{margin-right: 45%;} .ma-r-50p{margin-right: 50%;} .ma-r-15p{margin-right: 15%;}


    
.ma-r-100p{margin-right: 100%;}
/* border-style */
.bo-s-1{border:1px solid;}
.bo-s-2{border:2px solid;}
.bo-s-3{border:3px solid;}
.bo-s-4{border:4px solid;}
.bo-s-5{border:5px solid;}
.bo-s-1e{border:1em solid;}
.bo-s-2e{border:2em solid;}
.bo-s-3e{border:3em solid;}
.bo-s-4e{border:4em solid;}
.bo-s-5e{border:5em solid;}
/* border-color */ 
.bo-c-yellow{border-color: #db8b0b;}
.bo-c-gray{border-color: #b5bbc8;}
.bo-c-red{border-color: #ff4444;}
.bo-c-dark-blue{border-color: #001a35;}
.bo-c-def{border-color: #d2d6de;}    
/* font-size */
.fs-10{font-size: 10px;}
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-22{font-size: 22px;}
.fs-24{font-size: 24px;}
.fs-26{font-size: 26px;}
.fs-28{font-size: 28px;}
.fs-30{font-size: 30px;}
/* font-color */
.fc-gold{color:#FFD700;}
.fc-white{color:#FFF;}
/* bg-color */
.gold{background:#FFD700;}
.red{background-color: #f44336 !important;}
.red-l1{background-color: #ef5350 !important;}
.red-l2{background-color: #e57373 !important;}
.red-l3{background-color: #ef9a9a !important;}
.red-l4{background-color: #ffcdd2 !important;}
.red-l5{background-color: #ffebee !important;}
.red-d1{background-color: #e53935 !important;}
.red-d2{background-color: #d32f2f !important;}
.red-d3{background-color: #c62828 !important;}
.red-d4{background-color: #b71c1c !important;}


.alert {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;}
.alert-success {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.alert-info {color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.alert-warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.alert-danger {color: #a94442; background-color: #f2dede; border-color: #ebccd1; }

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}
.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
.toaster .close{display: none;} 



/* #animation# */

/* #animation-delay# */
.delay-01s {animation-delay: 0.1s; -webkit-animation-delay: 0.1s; }
.delay-02s {animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
.delay-03s {animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
.delay-04s {animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.delay-05s {animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-06s {animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.delay-07s {animation-delay: 0.7s; -webkit-animation-delay: 0.7s; }
.delay-08s {animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
.delay-09s {animation-delay: 0.9s; -webkit-animation-delay: 0.9s; }
.delay-1s {animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-11s {animation-delay: 1.1s; -webkit-animation-delay: 1.1s; }
.delay-12s {animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }
.delay-13s {animation-delay: 1.3s; -webkit-animation-delay: 1.3s; }
.delay-14s {animation-delay: 1.4s; -webkit-animation-delay: 1.4s; }
.delay-15s {animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.delay-16s {animation-delay: 1.6s; -webkit-animation-delay: 1.6s; }
.delay-17s {animation-delay: 1.7s; -webkit-animation-delay: 1.7s; }
.delay-18s {animation-delay: 1.8s; -webkit-animation-delay: 1.8s; }
.delay-19s {animation-delay: 1.9s; -webkit-animation-delay: 1.9s; }
.delay-2s {animation-delay: 2.0s; -webkit-animation-delay: 2.0s; }
.delay-25s {animation-delay: 2.5s; -webkit-animation-delay: 2.5s; }
.delay-3s {animation-delay: 3.0s; -webkit-animation-delay: 3.0s; }
.delay-35s {animation-delay: 3.5s; -webkit-animation-delay: 3.5s; }

/* Power by Aidec SpaceX  http://aidec.tw */