.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-item-w {
    max-width: 50%;
}
.flex-item-top {
    align-self: flex-start;
}
.flex-item-bottom {
    align-self: flex-end;
}
.flex-center {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.flex-center-left {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: left;
    -webkit-justify-content: left;
}
@font-face {
    font-family: "Roboto-light";
    font-style: normal;
    src: local("Roboto-Light"), local("Roboto-Light"), url(../css/Roboto/Roboto-Light.ttf) format("truetype");
}
@font-face {
    font-family: "Roboto-Bold";
    font-style: normal;
    src: local("Roboto-Bold"), local("Roboto-Bold"), url(../css/Roboto/Roboto-Bold.ttf) format("truetype");
}
.font {
    font-family: "Roboto-light", Helvetica, Arial, "STHeiti", "微軟正黑體", sans-serif;
}
* {
    padding: 0;
    margin: 0;
    outline: 0;
}
a {
    outline: 0;
}
html {
    background: rgba(0,0,0,0);
}
html.login-html {
    background: rgba(0,157,255,.75);
}
body {
    font-family: "Roboto-light", Helvetica, Arial, "STHeiti", "微軟正黑體", sans-serif;
    z-index: 2;
    background: transparent;
    font-size: 1.6rem;
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;
}
body ::selection {
    background: #4573c7;
    color: #fff;
}
body ::-moz-selection {
    background: #4573c7;
    color: #fff;
}
body.has-page-loading .page-loading {
    display: flex;
    align-items: center;
    justify-content: center;
}
body.has-page-loading #right-content,
body.has-page-loading #cframe {
    -webkit-filter: blur(3px);
}
img {
    max-width: 100%;
    height: auto;
    border: 0;
}
ul,
ol {
    margin: 0;
}
a {
    text-decoration: none;
    color: #4573c7;
    display: inline-block;
    outline: none !important;
    text-decoration: none !important;
    hlbr: expression(this.onFocus=this.blur());
}
a.inline {
    display: inline;
    padding: 0 3px;
}
a:hover,
a:focus {
    color: #ea8d50;
    outline: none;
    hlbr: expression(this.onFocus=this.blur());
}
.header {
    height: 65px;
    width: 100%;
    position: relative;
    z-index: 4;
    background: #fff;
    background-size: cover;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}
.header .mobile-menu-toggle {
    display: none;
}
.header .mobile-menu-toggle:before {
    display: inline-block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.header .mobile-menu-toggle a {
    display: inline-block;
    float: right;
    margin-top: 0;
    margin-right: 5px;
}
.header .mobile-menu-toggle a:before {
    font-family: "icomoon";
    font-size: 2.5rem;
}
.header .mobile-menu-toggle a:hover {
    color: #ea8d50;
    text-decoration: none;
}
.header .mobile-menu-toggle a.toggle-open:before {
    content: "\e871";
}
.header .mobile-menu-toggle a.toggle-close:before {
    content: "\e870";
}
.header span.welcome {
    float: right;
    margin: 21px 10px 0 0;
    color: #999;
}
.header span.welcome:before {
    display: inline-block;
    font-family: icomoon;
    content: "\e97c";
    color: #aaa;
    float: left;
    font-size: 3rem;
    margin: -8px 8px 0;
}
.header span.welcome.admin:before {
    color: #4d80de;
}
.header ul.top-nav {
    margin-top: 18px;
    float: right;
}
.header ul.top-nav > li {
    display: inline-block;
    padding: 0 5px;
}
.header ul.top-nav > li > a {
    text-align: center;
    color: #4573c7;
    font-size: 1.3rem;
    height: 25px;
}
.header ul.top-nav > li > a i {
    font-size: 3.1rem;
}
.header ul.top-nav > li > a i:before {
    color: #4573c7;
}
.header ul.top-nav > li > a i.icon-cog {
    font-size: 2.8rem;
}
.header ul.top-nav > li > a:hover,
.header ul.top-nav > li > a:focus {
    text-decoration: none;
    color: #fff;
    opacity: 0.8;
}
.header ul.top-nav > li ul.dropdown-menu.dark-bg {
    background: rgba(0, 0, 0, 0.7);
    left: -25px;
    min-width: 100px;
    top: 30px;
}
.header ul.top-nav > li ul.dropdown-menu.dark-bg li a {
    color: #fff;
}
.header ul.top-nav > li ul.dropdown-menu.dark-bg li a:hover,
.header ul.top-nav > li ul.dropdown-menu.dark-bg li a:focus {
    background: transparent;
    color: #dbe5f8;
}
.header ul.top-nav > li ul.dropdown-menu.dark-bg:before {
    display: inline-block;
    content: "";
    border: 8px solid transparent;
    border-bottom: 8px solid rgba(0, 0, 0, 0.7);
    position: absolute;
    z-index: 2;
    top: -16px;
    left: 50%;
    margin-left: -8px;
}
.header ul.top-nav > li ul.dropdown-menu.dark-bg.fav {
    left: auto;
    right: -25px;
}
.header ul.top-nav > li ul.dropdown-menu.dark-bg.fav:before {
    left: auto;
    right: 30px;
}
.logo {
    display: inline-block;
    width: 130px;
    height: 30px;
    background: url(../img/global/logo.png) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
    margin-top: 17px;
    float: left;
}
.logo.taipei {
    background: url(../img/global/taipei-logo.png) no-repeat;
    margin-top: 7px;
    margin-right: 15px;
    width: 45px;
    height: 45px;
    background-size: cover;
}
.header-tit {
    float: left;
    margin-top: 17px;
    margin-left: 10px;
    font-size: 2.2rem;
    color: #555;
}
.header-tit .vendor-title {
    font-size: 1.8rem;
    line-height: 23px;
    margin: 7px 0 0 7px;
}
footer {
    position: relative;
    display: block;
}
footer .foot-btm {
    padding: 15px 0 15px 0;
    font-size: 1.4rem;
    background: #4573c7;
}
footer .foot-btm .info {
    display: block;
    margin-top: 15px;
    float: left;
}
footer .foot-btm .info p {
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.9);
}
footer .foot-btm ul.f-link {
    margin: 15px 0 5px;
    float: right;
}
footer .foot-btm ul.f-link li {
    display: inline-block;
    position: relative;
}
footer .foot-btm ul.f-link li a {
    display: block;
    font-size: 1.5rem;
    padding: 0 10px;
    color: #fff;
}
footer .foot-btm ul.f-link li a:hover {
    color: #fffca5;
    text-decoration: none;
}
footer .foot-btm ul.f-link li:after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 10px;
    background: #fff;
    position: absolute;
    right: -1px;
    top: 6px;
    opacity: 0.5;
}
footer .foot-btm ul.f-link li:first-child a {
    padding-left: 0;
}
footer .foot-btm ul.f-link li:last-child:after {
    display: none;
}
footer small {
    opacity: 0.4;
}
#topcontrol {
    display: inline-block;
    cursor: pointer;
    background: rgba(77, 128, 222, 0.3);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: fixed;
    bottom: 20px;
    right: 10px;
    visibility: hidden;
    text-align: center;
    line-height: 45px;
    opacity: 0;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    z-index: 2;
}
#topcontrol i {
    color: #fff;
    font-size: 1.8rem;
}
#topcontrol i:before {
    color: #fff;
}
#topcontrol.fade {
    visibility: visible;
    opacity: 1;
}
#topcontrol:hover {
    background: rgba(0, 0, 0, 0.6);
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.checkbox {
    padding-left: 20px;
}
.checkbox label {
    display: inline-block;
    position: relative;
    color: #222;
    padding-left: 5px;
}
.checkbox label:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label:after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 4px;
    padding-top: 2px;
    font-size: 1.3rem;
    color: #555;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: "icomoon";
    content: "\e904";
}
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eee;
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.checkbox.checkbox-inline {
    margin-top: 0;
    padding-right: 10px;
    margin-left: 0;
}
.checkbox input[type="checkbox"]:checked + label::before {
    background-color: #4573c7;
    border-color: #4573c7;
}
.checkbox input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #2e9fd9;
    border-color: #2e9fd9;
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #bababa;
}
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #fbce01;
    border-color: #fbce01;
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #82cd8c;
    border-color: #82cd8c;
}
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.radio {
    padding-left: 20px;
}
.radio label {
    display: block;
    position: relative;
    padding-left: 5px;
    color: #222;
}
.radio label:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #bababa;
    border-radius: 50%;
    background-color: #fff;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.radio label:after {
    outline: 0;
    display: inline-block;
    position: absolute;
    content: " ";
    width: 14px;
    height: 14px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.radio label .form-group {
    position: relative;
    top: -6px;
    left: 5px;
}
.radio label span.has-form-group {
    position: relative;
    top: -3px;
}
.radio input[type="radio"] {
    opacity: 0;
}
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}
.radio.radio-inline {
    margin-top: 0;
    margin-left: 0;
    padding-right: 20px;
}
.radio input[type="radio"] + label::after {
    background-color: #4573c7;
}
.radio input[type="radio"]:checked + label::before {
    border-color: #999;
}
.radio input[type="radio"]:checked + label::after {
    background-color: #4573c7;
}
.radio-danger input[type="radio"] + label::after {
    background-color: #2e9fd9;
}
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #2e9fd9;
}
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #2e9fd9;
}
.radio-info input[type="radio"] + label::after {
    background-color: #bababa;
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: #bababa;
}
.radio-info input[type="radio"]:checked + label::after {
    background-color: #bababa;
}
.radio-warning input[type="radio"] + label::after {
    background-color: #fbce01;
}
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #fbce01;
}
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #fbce01;
}
.radio-success input[type="radio"] + label::after {
    background-color: #82cd8c;
}
.radio-success input[type="radio"]:checked + label::before {
    border-color: #82cd8c;
}
.radio-success input[type="radio"]:checked + label::after {
    background-color: #82cd8c;
}
* {
    border-radius: 0;
}
:focus {
    outline: none;
}
li {
    list-style: none;
}
::-moz-focus-inner {
    border: 0;
}
input:focus {
    outline: 0;
}
a {
    text-decoration: none;
}
.clearfix {
    clear: both;
}
.nowrap {
    white-space: nowrap;
}
.pos-re {
    position: relative;
}
.pos-ab {
    position: absolute;
}
.center {
    margin: 0 auto;
}
.inline-block {
    display: inline-block;
}
.inline-block > li {
    display: inline-block;
    padding-right: 10px;
    float: left;
}
.inline-block > li.title {
    padding-top: 6px;
}
.inline-table {
    display: table;
    width: 100%;
}
.inline-table > li {
    display: table-cell;
    padding-right: 10px;
}
.inline-table > li:last-child {
    padding-right: 0;
}
.form-info {
    color: #999;
    display: inline-block;
}
.lt {
    text-align: left !important;
}
.ct {
    text-align: center !important;
}
.rt {
    text-align: right !important;
}
.text-red {
    color: #fd0000;
}
.text-red.active {
    color: #000;
    background: #fbce01;
}
.color-blue {
    color: #2e9fd9 !important;
}
.color-blue-dark {
    color: #013a87 !important;
}
.color-green {
    color: #4dc086 !important;
}
.color-orange {
    color: #ea8d50 !important;
}
.color-yellow {
    color: #fbce01 !important;
}
.color-gray {
    color: #999 !important;
}
.color-dark {
    color: #222 !important;
}
.color-gray-light {
    color: #999 !important;
}
.color-white {
    color: #fff !important;
}
.color-logo {
    color: #2e9fd9 !important;
}
.color-red {
    color: #fd0000;
}
.color-orange {
    color: #ea8d50;
}
.txt-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.list-cjk li {
    list-style-type: cjk-ideographic;
}
.list-num {
    padding-left: 20px;
}
.list-num li {
    list-style-type: decimal;
    margin-bottom: 10px;
}
.list-dot {
    padding-left: 20px;
}
.list-dot li {
    position: relative;
    margin-bottom: 10px;
}
.list-dot li:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: -10px;
    top: 9px;
    background: #999;
}
.list-dot.l-h-30 li:before {
    top: 13px;
}
.list-warning {
    padding-left: 20px;
}
.list-warning li {
    position: relative;
    margin-bottom: 5px;
}
.list-warning li:before {
    content: "/";
    color: #fff;
    position: absolute;
    display: inline-block;
    padding: 2px 3px;
    left: -17px;
    top: 0;
    background: #fbce01;
}
.list-warning li .color-green-dark {
    font-size: 1.8rem;
    font-weight: bolder;
}
.list-check {
    padding-left: 32px;
}
.list-check li {
    position: relative;
    margin-bottom: 5px;
}
.list-check li:before {
    content: "\e904";
    font-family: "icomoon";
    color: #fbce01;
    font-size: 1.6rem;
    position: absolute;
    left: -23px;
}
.list-news li {
    margin-bottom: 10px;
}
.list-news li a {
    color: #222;
    text-decoration: none !important;
}
.list-news li a span {
    display: inline-block;
}
.list-news li a span.date {
    display: block;
    color: #999;
}
.list-news li a:hover {
    color: #4573c7;
}
.i-check {
    display: inline-block;
    color: #4dc086;
    font-size: 2rem;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.i-check.icon-cross-circle {
    color: #fd0000;
}
.icon-windows {
    color: #2e9fd9;
    font-size: 2rem;
    margin-left: 5px;
    position: relative;
    top: 2px;
}
.icon-mac {
    color: #999;
    font-size: 2rem;
    margin-left: 5px;
    position: relative;
}
.icon-chrome {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/global/chrome.png);
    background-size: 100% 100%;
    margin-left: 5px;
    position: relative;
    top: 2px;
}
.list-abc li {
    list-style-type: lower-alpha;
}
.list-ABC li {
    list-style-type: upper-alpha;
}
.list-non li {
    list-style-type: none;
}
.wid_100per {
    min-width: 100%;
}
.wid_90per {
    min-width: 90%;
}
.wid_80per {
    min-width: 80%;
}
.wid_70per {
    min-width: 70% !important;
}
.wid_65per {
    min-width: 65%;
}
.wid_60per {
    min-width: 60%;
}
.wid_50per {
    min-width: 50% !important;
}
.wid_55per {
    min-width: 55%;
}
.wid_49per {
    min-width: 49%;
}
.wid_48per {
    min-width: 48%;
}
.wid_45per {
    min-width: 45%;
}
.wid_40per {
    min-width: 40%;
}
.wid_35per {
    min-width: 35%;
}
.wid_30per {
    min-width: 30%;
}
.wid_25per {
    min-width: 25%;
}
.wid_20per {
    min-width: 20%;
}
.wid_15per {
    min-width: 15%;
}
.wid_10per {
    min-width: 10%;
}
.wid_100px {
    min-width: 100px !important;
}
.wid_120px {
    min-width: 120px;
}
.wid_150px {
    min-width: 150px;
}
.wid_250px {
    min-width: 250px;
}
.wid_200px {
    min-width: 200px;
}
.wid_300px {
    min-width: 300px;
}
.wid_80px {
    min-width: 80px;
}
.wid_70px {
    min-width: 70px;
}
.wid_65px {
    min-width: 65px;
}
.wid_60px {
    min-width: 60px;
}
.wid_50px {
    min-width: 50px;
}
.wid_40px {
    min-width: 40px;
}
.wid_35px {
    min-width: 35px;
}
.wid_30px {
    min-width: 30px;
}
.wid_25px {
    min-width: 25px;
}
.wid_20px {
    min-width: 20px;
}
.wid_15px {
    min-width: 15px;
}
.wid_10px {
    min-width: 10px;
}
.wid_5px {
    min-width: 5px;
}
.ht_85px {
    height: 85px;
}
.ht_65px {
    height: 65px;
}
.mt-20 {
    margin-top: -20px !important;
}
.mt-10 {
    margin-top: -10px !important;
}
.mt-5 {
    margin-top: -5px !important;
}
.mt0 {
    margin-top: 0 !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt25 {
    margin-top: 25px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mt60 {
    margin-top: 60px !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb35 {
    margin-bottom: 35px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.m0 {
    margin: 0;
}
.mr10 {
    margin-right: 10px;
}
.mr20 {
    margin-right: 20px;
}
.p-0 {
    padding: 0 !important;
}
.p-10 {
    padding: 10px !important;
}
.p-15 {
    padding: 15px !important;
}
.p-20 {
    padding: 20px !important;
}
.bg_gray {
    background: #f1f1f1;
}
.bg_white {
    background: #fff !important;
}
.div-tb {
    display: table;
    width: 100%;
}
.div-tb .td {
    display: table-cell;
    vertical-align: top;
    padding: 0;
    line-height: 25px;
}
.div-tb .td.hd {
    color: #222;
}
.div-tb .td.rt strong {
    font-weight: normal;
}
.div-tb .idx_tr {
    display: table-row;
}
.vtop {
    vertical-align: top !important;
}
.vmid {
    vertical-align: middle !important;
}
.vbtm {
    vertical-align: bottom !important;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .table-row-sm {
        display: table;
    }
    .table-row-sm .col {
        display: table-cell;
    }
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
.row.gap .col-xs-1,
.row.gap .col-sm-1,
.row.gap .col-md-1,
.row.gap .col-lg-1,
.row.gap .col-xs-2,
.row.gap .col-sm-2,
.row.gap .col-md-2,
.row.gap .col-lg-2,
.row.gap .col-xs-3,
.row.gap .col-sm-3,
.row.gap .col-md-3,
.row.gap .col-lg-3,
.row.gap .col-xs-4,
.row.gap .col-sm-4,
.row.gap .col-md-4,
.row.gap .col-lg-4,
.row.gap .col-xs-5,
.row.gap .col-sm-5,
.row.gap .col-md-5,
.row.gap .col-lg-5,
.row.gap .col-xs-6,
.row.gap .col-sm-6,
.row.gap .col-md-6,
.row.gap .col-lg-6,
.row.gap .col-xs-7,
.row.gap .col-sm-7,
.row.gap .col-md-7,
.row.gap .col-lg-7,
.row.gap .col-xs-8,
.row.gap .col-sm-8,
.row.gap .col-md-8,
.row.gap .col-lg-8,
.row.gap .col-xs-9,
.row.gap .col-sm-9,
.row.gap .col-md-9,
.row.gap .col-lg-9,
.row.gap .col-xs-10,
.row.gap .col-sm-10,
.row.gap .col-md-10,
.row.gap .col-lg-10,
.row.gap .col-xs-11,
.row.gap .col-sm-11,
.row.gap .col-md-11,
.row.gap .col-lg-11,
.row.gap .col-xs-12,
.row.gap .col-sm-12,
.row.gap .col-md-12,
.row.gap .col-lg-12 {
    padding-right: 18px;
}
.gap20 {
    padding: 0 5px;
}
.gap20 .col-xs-1,
.gap20 .col-sm-1,
.gap20 .col-md-1,
.gap20 .col-lg-1,
.gap20 .col-xs-2,
.gap20 .col-sm-2,
.gap20 .col-md-2,
.gap20 .col-lg-2,
.gap20 .col-xs-3,
.gap20 .col-sm-3,
.gap20 .col-md-3,
.gap20 .col-lg-3,
.gap20 .col-xs-4,
.gap20 .col-sm-4,
.gap20 .col-md-4,
.gap20 .col-lg-4,
.gap20 .col-xs-5,
.gap20 .col-sm-5,
.gap20 .col-md-5,
.gap20 .col-lg-5,
.gap20 .col-xs-6,
.gap20 .col-sm-6,
.gap20 .col-md-6,
.gap20 .col-lg-6,
.gap20 .col-xs-7,
.gap20 .col-sm-7,
.gap20 .col-md-7,
.gap20 .col-lg-7,
.gap20 .col-xs-8,
.gap20 .col-sm-8,
.gap20 .col-md-8,
.gap20 .col-lg-8,
.gap20 .col-xs-9,
.gap20 .col-sm-9,
.gap20 .col-md-9,
.gap20 .col-lg-9,
.gap20 .col-xs-10,
.gap20 .col-sm-10,
.gap20 .col-md-10,
.gap20 .col-lg-10,
.gap20 .col-xs-11,
.gap20 .col-sm-11,
.gap20 .col-md-11,
.gap20 .col-lg-11,
.gap20 .col-xs-12,
.gap20 .col-sm-12,
.gap20 .col-md-12,
.gap20 .col-lg-12 {
    padding-right: 10px;
    padding-left: 10px;
}
.gap10 {
    padding: 0 10px;
}
.gap10 .col-xs-1,
.gap10 .col-sm-1,
.gap10 .col-md-1,
.gap10 .col-lg-1,
.gap10 .col-xs-2,
.gap10 .col-sm-2,
.gap10 .col-md-2,
.gap10 .col-lg-2,
.gap10 .col-xs-3,
.gap10 .col-sm-3,
.gap10 .col-md-3,
.gap10 .col-lg-3,
.gap10 .col-xs-4,
.gap10 .col-sm-4,
.gap10 .col-md-4,
.gap10 .col-lg-4,
.gap10 .col-xs-5,
.gap10 .col-sm-5,
.gap10 .col-md-5,
.gap10 .col-lg-5,
.gap10 .col-xs-6,
.gap10 .col-sm-6,
.gap10 .col-md-6,
.gap10 .col-lg-6,
.gap10 .col-xs-7,
.gap10 .col-sm-7,
.gap10 .col-md-7,
.gap10 .col-lg-7,
.gap10 .col-xs-8,
.gap10 .col-sm-8,
.gap10 .col-md-8,
.gap10 .col-lg-8,
.gap10 .col-xs-9,
.gap10 .col-sm-9,
.gap10 .col-md-9,
.gap10 .col-lg-9,
.gap10 .col-xs-10,
.gap10 .col-sm-10,
.gap10 .col-md-10,
.gap10 .col-lg-10,
.gap10 .col-xs-11,
.gap10 .col-sm-11,
.gap10 .col-md-11,
.gap10 .col-lg-11,
.gap10 .col-xs-12,
.gap10 .col-sm-12,
.gap10 .col-md-12,
.gap10 .col-lg-12 {
    padding-right: 5px;
    padding-left: 5px;
}
.gap0 {
    padding: 0 15px;
}
.gap0 > .col-xs-1,
.gap0 > .col-sm-1,
.gap0 > .col-md-1,
.gap0 > .col-lg-1,
.gap0 > .col-xs-2,
.gap0 > .col-sm-2,
.gap0 > .col-md-2,
.gap0 > .col-lg-2,
.gap0 > .col-xs-3,
.gap0 > .col-sm-3,
.gap0 > .col-md-3,
.gap0 > .col-lg-3,
.gap0 > .col-xs-4,
.gap0 > .col-sm-4,
.gap0 > .col-md-4,
.gap0 > .col-lg-4,
.gap0 > .col-xs-5,
.gap0 > .col-sm-5,
.gap0 > .col-md-5,
.gap0 > .col-lg-5,
.gap0 > .col-xs-6,
.gap0 > .col-sm-6,
.gap0 > .col-md-6,
.gap0 > .col-lg-6,
.gap0 > .col-xs-7,
.gap0 > .col-sm-7,
.gap0 > .col-md-7,
.gap0 > .col-lg-7,
.gap0 > .col-xs-8,
.gap0 > .col-sm-8,
.gap0 > .col-md-8,
.gap0 > .col-lg-8,
.gap0 > .col-xs-9,
.gap0 > .col-sm-9,
.gap0 > .col-md-9,
.gap0 > .col-lg-9,
.gap0 > .col-xs-10,
.gap0 > .col-sm-10,
.gap0 > .col-md-10,
.gap0 > .col-lg-10,
.gap0 > .col-xs-11,
.gap0 > .col-sm-11,
.gap0 > .col-md-11,
.gap0 > .col-lg-11,
.gap0 > .col-xs-12,
.gap0 > .col-sm-12,
.gap0 > .col-md-12,
.gap0 > .col-lg-12 {
    padding-right: 0;
    padding-left: 0;
}
.progress-bar-success {
    background-color: #4573c7;
}
.progress {
    background-color: #dbe5f8;
}
.progress span {
    text-shadow: 0 0 3px #4573c7;
    font-family: Roboto-Bold;
}
.text-success {
    color: #4dc086;
}
.input-group .form-control + .input-group-btn .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    min-height: 34px;
}
.input-group .form-control.datepicker {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
.input-group .input-group-btn .btn {
    color: #4573c7;
}
.input-group .input-group-btn .btn i:before {
    opacity: 1;
    color: #4573c7;
}
.input-group.date .input-group-addon {
    color: #4573c7;
}
.input-group.in-title .input-group-addon {
    padding-right: 0;
}
.input-group.in-title .form-control {
    border-left: 0;
}
.has-success label {
    color: #4dc086;
}
.has-success .help-block,
.has-success .control-label {
    color: #4dc086;
}
.has-success .form-control,
.has-success .input-group-addon {
    border-color: #4dc086;
    box-shadow: none;
}
.has-warning label {
    color: #ea8d50;
}
.has-warning .help-block,
.has-warning .control-label {
    color: #ea8d50;
}
.has-warning .form-control,
.has-warning .input-group-addon {
    border-color: #ea8d50;
    box-shadow: none;
}
.has-error label {
    color: #fd0000;
}
.has-error .help-block,
.has-error .control-label {
    color: #fd0000;
}
.has-error .form-control,
.has-error .input-group-addon {
    border-color: #fd0000;
    box-shadow: none;
}
.input-group .input-group-addon {
    border-color: #d2d6de;
    background-color: #fff;
}
.btn {
    border-radius: 30px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    outline: none;
}
.btn.btn-file {
    position: relative;
    overflow: hidden;
}
.btn.btn-file > input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 10rem;
    text-align: right;
    opacity: 0;
    filter: alpha(opacity=0);
    outline: none;
    background: #fff;
    cursor: inherit;
    display: block;
}
.btn-default {
    background-color: #fff;
    color: #444;
    border-color: #ddd;
}
.btn-default:hover,
.btn-default:active,
.btn-default.hover {
    background-color: #fff;
    color: #4573c7;
    border-color: #4573c7;
}
.btn-primary {
    color: #fff !important;
    background: #94b2eb;
    background: -moz-linear-gradient(top, #94b2eb 0, #4d80de 100%);
    background: -webkit-linear-gradient(top, #94b2eb 0, #4d80de 100%);
    background: linear-gradient(to bottom, #94b2eb 0, #4d80de 100%);
    border: 0;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(77, 128, 222, 0.46);
    box-shadow: 2px 2px 5px 0 rgba(77, 128, 222, 0.46);
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover,
.btn-primary:focus,
.btn-primary.active {
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    background: #94b2eb;
    background: -moz-linear-gradient(top, #94b2eb 0, #4d80de 100%);
    background: -webkit-linear-gradient(top, #94b2eb 0, #4d80de 100%);
    background: linear-gradient(to bottom, #94b2eb 0, #4d80de 100%);
    -webkit-box-shadow: 4px 4px 10px 0 rgba(77, 128, 222, 0.35);
    box-shadow: 4px 4px 10px 0 rgba(77, 128, 222, 0.35);
}
.btn-primary-line {
    color: #4573c7 !important;
    background-color: #fff;
    border-color: #4573c7;
}
.btn-primary-line:hover,
.btn-primary-line:active,
.btn-primary-line.hover,
.btn-primary-line:focus {
    color: #47c7d9 !important;
    border-color: #47c7d9;
    background-color: #fff;
}
.btn-primary-line.disabled {
    border: 1px solid #67bac0;
}
.btn-num {
    font-family: Roboto-Bold;
    font-size: 1.8rem;
    padding: 2px 10px;
}
.btn-success {
    background-color: #4dc086;
    border-color: #008d4c;
}
.btn-success:hover,
.btn-success:active,
.btn-success.hover {
    background-color: #008d4c;
}
.btn-info {
    background-color: #00c0ef;
    border-color: #00acd6;
}
.btn-info:hover,
.btn-info:active,
.btn-info.hover {
    background-color: #00acd6;
}
.btn-danger {
    background-color: #fd0000;
    border-color: #d73925;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover {
    background-color: #d73925;
}
.btn-warning {
    background-color: #ea8d50;
    border-color: #e08e0b;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.hover {
    background-color: #e08e0b;
}
.btn-outline {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}
.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn[class*="bg-"]:hover {
    -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
}
.btn-group label.btn.btn-default {
    color: #222;
    margin-right: 10px;
}
.btn-group label.btn.btn-default i:before {
    color: #222;
}
.btn-group label.btn.btn-default.active {
    background: #4573c7;
    padding-left: 34px;
    color: #fff;
    border-color: #4573c7;
    position: relative;
}
.btn-group label.btn.btn-default.active:before {
    font-family: icomoon;
    content: "\e904";
    color: #fff;
    display: inline-block;
    line-height: 28px;
    width: 25px;
    height: 25px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px;
}
.btn-group label.btn.btn-default.active i:before {
    color: #fff;
}
.btn-group.bootstrap-select .btn {
    border-radius: 5px !important;
    border-color: #ddd !important;
}
.btn-group.bootstrap-select .btn:hover {
    color: #222;
    border-color: #4573c7;
}
.btn-group.bootstrap-select .btn:focus {
    background: #f2f2f2;
    color: #222;
    border-color: #4573c7;
}
.btn-group.bootstrap-select .btn .caret {
    border-top: 4px solid #4573c7;
    border-bottom: 0;
}
.btn-group.bootstrap-select .btn .icon-star-solid {
    color: #fd0000;
}
.well {
    background: #fff;
}
.input-group-lg .form-control,
.input-group-lg .input-group-addon,
.input-group-lg .input-group-btn .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 1.8rem;
    line-height: 1.3333333;
    border-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.input-group-sm .form-control,
.input-group-sm .input-group-addon,
.input-group-sm .input-group-btn .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 1.2rem;
    line-height: 1.5;
    border-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-dialog-centered {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    min-height: 100vh;
}
.modal-dialog-centered .modal-content {
    width: 100%;
}
@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: 100vh;
    }
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
dt {
    font-weight: bolder;
}
dd {
    color: #777;
}
.list-group-item a {
    color: #222;
    display: block;
}
.list-group-item a:hover {
    color: #4573c7;
}
.list-group-item.active a {
    color: #fff;
}
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}
@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}
.img-responsive {
    width: 100% \9;
}
.panel {
    position: relative;
}
.panel .panel-title {
    font-size: 1.8rem;
}
.panel .panel-img {
    width: 100%;
}
.panel .panel-img-top {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.panel .panel-img-bottom {
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.panel .panel-body {
    padding-bottom: 12px;
}
.panel .panel-body .panel-title {
    margin-bottom: 5px;
}
.panel .panel-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px 20px;
}
.panel .panel-img-overlay .panel-title {
    margin-bottom: 5px;
}
.bg-primary {
    background: #2e9fd9 !important;
    color: #fff !important;
}
.bg-secondary {
    background: #6c757d !important;
    color: #fff !important;
}
.bg-success {
    background: #28a745 !important;
    color: #fff !important;
}
.bg-danger {
    background: #dc3545 !important;
    color: #fff !important;
}
.bg-warning {
    background: #fbce01 !important;
    color: #fff !important;
}
.bg-info {
    background: #17a2b8 !important;
    color: #fff !important;
}
.panel-group .panel + .panel {
    margin-top: -1px !important;
}
.panel-group .panel {
    border-color: rgba(0, 0, 0, 0.12);
    margin-top: 0;
    border-radius: 0;
    overflow: hidden;
}
.panel-group .panel > a {
    height: auto;
    position: relative;
    padding: 0;
    line-height: 1em;
    background: #fff;
    padding: 15px;
    display: block;
    color: #2e9fd9;
    text-decoration: none;
    font-size: 1.6rem;
    border-bottom: 1px solid #ddd;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.panel-group .panel > a i {
    font-size: 3rem;
    float: left;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.panel-group .panel > a:hover i {
    color: #fff;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.panel-group .panel > a:before {
    display: inline-block;
    content: "";
    position: absolute;
    border: 6px solid transparent;
    border-left: 6px solid #2e9fd9;
    left: 0;
    top: 50%;
    margin-top: -6px;
}
.panel-group .panel > a:after {
    font-family: "icomoon";
    content: "\e873";
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -8px;
    margin-right: 20px;
    color: #2e9fd9;
    font-size: 1.3rem;
}
.panel-group .panel > a:after a i {
    color: #999;
}
.panel-group .panel > a.active {
    color: #fff;
    background: #d5c681;
}
.panel-group .panel > a.collapsed {
    background: #fff;
    border-bottom: 1px solid transparent;
    color: #555;
}
.panel-group .panel > a.collapsed:hover {
    color: #ea8d50;
}
.panel-group .panel > a.collapsed:before {
    display: none;
}
.panel-group .panel > a.collapsed:after {
    content: "\e874";
    color: #999;
}
.panel-group .panel > a.one-level {
    background: #fff;
    color: #222;
    line-height: 22px;
    padding: 15px 10px 12px 15px;
}
.panel-group .panel > a.one-level:after {
    display: none;
}
.panel-group .panel > a.one-level.active {
    color: #fff;
    background: #4573c7;
}
.panel-group .panel > a.one-level:hover {
    color: #d5c681;
    background: #f4ece1;
}
.panel-group .panel .panel-body {
    padding: 20px;
    background: rgba(0, 0, 0, 0.015);
}
.panel-group .panel ul.panel-body {
    padding: 10px;
}
.panel-group .panel ul.panel-body li a {
    display: block;
    color: #222;
    padding: 5px 5px 5px 20px;
}
.panel-group .panel ul.panel-body li a:hover {
    text-decoration: none;
}
.panel-group .panel ul.panel-body li.active a {
    color: #d5c681;
}
.panel-group .panel + .panel {
    margin-top: 0;
}
.nav-tabs {
    text-align: center;
    background: #fff;
    border: 0 solid #ddd !important;
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    margin: 20px 0 20px 0;
}
.nav-tabs > li {
    display: inline-block;
    float: none;
    margin-right: -5px;
}
.nav-tabs > li > a {
    color: #999;
    border: 0 !important;
    border-bottom: 0 solid #ddd !important;
    border-radius: 0;
}
.nav-tabs > li > a:hover {
    color: #4573c7;
    background: rgba(0, 0, 0, 0.05);
}
.nav-tabs > li > a .badge {
    background: #47c7d9;
    font-weight: normal;
    position: relative;
    top: -2px;
}
.nav-tabs > li.active > a {
    border: 0 !important;
    color: #fff;
    background: #4573c7;
}
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #fff;
    background: #4573c7;
}
.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}
.affix.nav-stacked {
    width: auto;
}
.tooltip {
    display: block;
}
.tooltip.top .tooltip-arrow {
    border-color: transparent;
    border-top-color: #2e9fd9;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #4573c7;
}
.tooltip.right .tooltip-arrow {
    border-color: transparent;
    border-right-color: #2e9fd9;
}
.tooltip.left .tooltip-arrow {
    border-color: transparent;
    border-left-color: #2e9fd9;
}
.tooltip .tooltip-inner {
    background: #4573c7;
}
table.table thead tr th {
    background: #2e9fd9;
    color: #fff;
    font-weight: normal;
}
table.table td,
table.table th {
    text-align: center;
    vertical-align: middle !important;
}
table.table td.success,
table.table th.success {
    background: #2e9fd9 !important;
    color: #fff;
}
table.table td.lt,
table.table th.lt {
    text-align: left;
}
table.table hr {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    margin: 3px 0;
}
.table > thead > tr > th {
    border-bottom: 2px solid #f4f4f4;
}
.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.5rem;
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
}
.form-control:focus {
    border-color: #4573c7;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px #67bac0, 0 0 8px #67bac0;
    box-shadow: inset 0 1px 1px #67bac0, 0 0 8px #67bac0;
}
.datepicker.form-control {
    padding: 6px 12px !important;
}
.datepicker table thead tr th {
    border-radius: 0;
}
.datepicker table thead tr th.dow {
    background: #dbe5f8;
    color: #4573c7;
    font-weight: normal;
}
.datepicker table thead tr th.prev,
.datepicker table thead tr th.next,
.datepicker table thead tr th.datepicker-switch {
    background: #4573c7;
    color: #fff;
    visibility: visible !important;
}
.datepicker table thead tr th.prev:hover,
.datepicker table thead tr th.next:hover,
.datepicker table thead tr th.datepicker-switch:hover {
    background: #4573c7;
}
.datepicker table thead tr th.prev.disabled,
.datepicker table thead tr th.next.disabled,
.datepicker table thead tr th.datepicker-switch.disabled {
    visibility: visible !important;
}
.datepicker table tbody td {
    border-top: 0 !important;
}
.datepicker table tbody td.day.disabled {
    cursor: not-allowed;
}
.datepicker table tbody td.day.today {
    background: #dbe5f8 !important;
}
.datepicker table tbody td.day.active {
    background: #4573c7 !important;
}
.datepicker table tbody td span.year.active {
    background: #4573c7 !important;
}
.datepicker .datepicker-switch:after {
    content: "▼";
    display: inline-block;
    opacity: 0.5;
    margin-left: 3px;
    font-size: 80%;
}
.table tr > td .progress {
    margin: 0;
}
.selectpicker .check-mark {
    font-family: "icomoon";
}
.selectpicker .check-mark:before {
    content: "\e904";
}
.modal {
    background: rgba(0, 0, 0, 0.3);
}
.modal-content {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    border: 0;
    overflow: hidden;
    width: 100%;
}
.modal-header {
    border-bottom-color: rgba(5, 56, 122, 0.1);
    background: #4573c7;
    background: -moz-linear-gradient(top, #4573c7 0, #4573c7 100%);
    background: -webkit-linear-gradient(top, #4573c7 0, #4573c7 100%);
    background: linear-gradient(to bottom, #4573c7 0, #4573c7 100%);
    color: #fff;
}
.modal-header .close {
    opacity: 0.6;
}
.modal-header .close span {
    color: #fff;
    font-size: 2.2rem;
    font-weight: normal;
}
.modal-header .close:hover {
    opacity: 1;
}
.modal-footer {
    border-top-color: #f4f4f4;
}
.modal-danger .modal-warning .modal-body,
.modal-info .modal-body {
    background: #fff;
}
.modal-danger .modal-header {
    background: #fd0000;
    background: -moz-linear-gradient(top, #fd0000 0, #b52912 100%);
    background: -webkit-linear-gradient(top, #fd0000 0, #b52912 100%);
    background: linear-gradient(to bottom, #fd0000 0, #b52912 100%);
}
.modal-warning .modal-header {
    background: #ea8d50;
    background: -moz-linear-gradient(top, #ea8d50 0, #47c7d9 100%);
    background: -webkit-linear-gradient(top, #ea8d50 0, #47c7d9 100%);
    background: linear-gradient(to bottom, #ea8d50 0, #47c7d9 100%);
}
.modal-info .modal-header {
    background: #2e9fd9;
    background: -moz-linear-gradient(top, #2e9fd9 0, #013a87 100%);
    background: -webkit-linear-gradient(top, #2e9fd9 0, #013a87 100%);
    background: linear-gradient(to bottom, #2e9fd9 0, #013a87 100%);
}
.pop-alert {
    position: fixed;
    z-index: 9;
    top: 50px;
    right: 50px;
}
.alert {
    border-radius: 3px;
}
.alert .close {
    color: #000;
    opacity: 0.2;
}
.alert .close:hover {
    opacity: 0.5;
}
.alert a {
    color: #fff;
    text-decoration: underline;
}
.alert-success {
    border-color: #4dc086;
}
.alert-danger,
.alert-error {
    border-color: #d73925;
}
.alert-warning {
    border-color: #e08e0b;
}
.alert-info {
    border-color: #00acd6;
}
.alert-danger,
.alert-error,
.label-danger {
    background-color: #dd4b39 !important;
}
.alert-warning,
.label-warning {
    background-color: #ea8d50 !important;
}
.alert-info,
.label-info {
    background-color: #00c0ef !important;
}
.label-primary,
.modal-primary {
    background-color: #3c8dbc !important;
}
.alert-success,
.label-success {
    background-color: #4dc086 !important;
}
.bg-orange {
    background-color: #ff851b !important;
}
.bg-purple {
    background-color: #605ca8 !important;
}
.panel.panel-default .panel-heading {
    background: #fff;
    font-size: 1.8rem;
    border-bottom: 0;
    padding-bottom: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.panel.panel-default .panel-footer {
    background: #fff;
    border-top: 0;
    padding-top: 0;
}
span.star {
    color: #fd0000;
}
.message-error {
    color: #fd0000;
    font-size: 1.4rem;
    display: inline-block;
    margin-left: 10px;
    margin-top: 4px;
}
.txtImp {
    color: #fd0000;
}
.demo-sample {
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px dashed #ddd;
}
.demo-sample.in-td {
    margin: 0;
    border: 0;
    padding: 0;
}
.demo-sample .tab-content {
    padding: 10px;
}
.demo-sample .code-box-copy {
    right: 0;
    top: -10px;
    width: 60px;
    height: 60px;
    position: absolute;
}
.demo-sample .code-box-copy .code-box-copy__btn {
    opacity: 1;
    position: absolute;
    z-index: 9;
}
.demo-sample .code-box-copy pre {
    opacity: 0;
    background: transparent;
}
.demo-sample:hover .code-box-copy__btn {
    opacity: 1;
}
.main-title {
    font-size: 2.5rem;
    font-weight: bolder;
    letter-spacing: 1px;
    padding-left: 15px;
    margin-top: 0;
    position: relative;
    display: block;
    margin: 10px 0 20px 0;
    color: #222;
    clear: both;
}
.main-title:before {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 1px;
    left: 0;
    content: "";
    width: 5px;
    height: 23px;
    background: #4573c7;
    border-radius: 5px;
}
.main-title small {
    color: #ea8d50;
}
.main-title .btn-group .btn + .btn {
    margin-left: 10px;
}
.main-title.has-icon {
    font-weight: normal;
    font-size: 2.8rem;
}
.main-title.has-icon:before {
    display: none;
    padding: 0;
}
.main-title.has-icon i {
    font-size: 3.5rem;
    opacity: 0.35;
    position: relative;
    top: 3px;
}
.main-title a.more {
    display: inline-block;
    background: #fff;
    color: #4573c7;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 48px;
    border-radius: 50%;
    margin-top: -6px;
    border: 1px solid transparent;
    float: right;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
}
.main-title a.more:before {
    display: inline-block;
    font-family: icomoon;
    content: "\e977";
    font-size: 2.5rem;
}
.main-title a.more:hover {
    border: 1px solid #4573c7;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    line-height: 46px;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.addmyfav {
    position: absolute;
    display: inline-block;
    border: 1px solid #ddd;
    margin-left: 9px;
    top: -1px;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    line-height: 24px;
    height: 30px;
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #f2f2f2 0, #fff 100%);
    background: -webkit-linear-gradient(top, #f2f2f2 0, #fff 100%);
    background: linear-gradient(to bottom, #f2f2f2 0, #fff 100%);
}
.addmyfav i {
    color: #999;
    font-size: 1.7rem;
}
.addmyfav i:before {
    content: "\e814";
    font-style: normal;
    font-family: "icomoon";
}
.addmyfav span {
    position: absolute;
    line-height: 19px;
    left: 32px;
    top: 0;
    display: none;
    width: 115px;
    color: #444;
    font-size: 1.3rem;
    background: #fff;
    font-weight: normal;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    text-indent: 3px;
    height: 30px;
}
.addmyfav span:before {
    display: inline-block;
    content: "";
    border: 6px solid transparent;
    border-right: 6px solid #ddd;
    position: absolute;
    left: -15px;
    top: 6px;
}
.addmyfav span:after {
    display: inline-block;
    content: "";
    border: 6px solid transparent;
    border-right: 6px solid #fff;
    position: absolute;
    left: -14px;
    top: 6px;
}
.addmyfav:hover,
.addmyfav:focus {
    text-decoration: none;
}
.addmyfav:hover span,
.addmyfav:focus span {
    display: inline-block;
}
.addmyfav.active i {
    color: #fd0000;
}
.addmyfav.active i:before {
    content: "\e940";
    font-family: "icomoon";
}
p.p-title {
    font-size: 1.4rem;
    display: inline-block;
    margin: 2px 0 5px 7px;
    width: 100%;
    color: #444;
}
.table-tit {
    display: block;
    margin: 20px 0 20px 0;
    position: relative;
    color: #222;
    text-align: left;
    line-height: normal !important;
    clear: both;
}
.table-tit.special {
    color: #47c7d9;
}
.table-tit > span {
    position: relative;
    display: inline-block;
    font-size: 2.2rem;
    padding-right: 10px;
}
.table-tit > i {
    font-size: 3rem;
    color: #4573c7;
    margin-right: 0;
    position: relative;
    left: 3px;
    top: 4px;
    z-index: 2;
}
.table-tit > i + span {
    padding-left: 10px;
}
.table-tit > i + span:before {
    display: none;
}
.table-tit > .btn-group {
    margin-left: 10px;
    margin-top: 5px;
    position: absolute;
}
.table-tit > .btn-group.pull-right {
    position: relative;
}
.table-tit .btn {
    font-size: 1.4rem;
    padding: 4px 12px 4px 12px;
}
.table-tit .btn i {
    position: relative;
    top: 1px;
}
.table-tit .btn-success i {
    font-size: 1rem;
}
.table-tit .btn-success i:before {
    color: #4dc086;
}
.table-tit .btn-success:hover i:before {
    color: #fff;
}
.table-tit .inline-block {
    position: absolute;
    margin-top: -5px;
    margin-left: 5px;
}
.table-tit .inline-block .div-tb .td {
    padding: 0 5px;
}
.table-tit .dropdown-menu.download {
    min-width: 80px;
}
.table-tit .dropdown-menu.download li a {
    padding-left: 40px;
    position: relative;
}
.table-tit .dropdown-menu.download li a:before {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    left: 10px;
    position: absolute;
}
.table-tit .dropdown-menu.download li a.txt:before {
    background: url(../img/form/download_txt.png) no-repeat;
    background-size: cover;
}
.table-tit .dropdown-menu.download li a.pdf:before {
    background: url(../img/form/download_pdf.png) no-repeat;
    background-size: cover;
}
.table-tit .dropdown-menu.download li a.xls:before {
    background: url(../img/form/download_xls.png) no-repeat;
    background-size: cover;
}
.table-tit .dropdown-menu.download li a.csv:before {
    background: url(../img/form/download_csv.png) no-repeat;
    background-size: cover;
}
.table-tit .dropdown-menu.download li a.ods:before {
    background: url(../img/form/download_ods.png) no-repeat;
    background-size: cover;
}
.table-tit .dropdown-menu.download li a.odt:before {
    background: url(../img/form/download_odt.png) no-repeat;
    background-size: cover;
}
a.table-tit {
    display: block;
    outline: 0;
    margin-bottom: 10px;
    position: relative;
}
a.table-tit span {
    background: #fff;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 30px;
    font-size: 2.2rem;
    z-index: 1;
    display: inline-block;
    padding: 6px 20px 6px 8px;
}
a.table-tit span:before {
    display: none;
}
a.table-tit span:after {
    display: inline-block;
    z-index: 2;
    padding: 0 5px;
    font-family: "icomoon";
    content: "\e882";
    font-size: 2.1rem;
    color: #4573c7;
    margin-top: 4px;
    float: left;
}
a.table-tit span i {
    font-style: normal;
    font-size: 2.5rem;
    font-family: Roboto-Bold;
    color: #ea8d50;
}
a.table-tit:before {
    display: inline-block;
    content: "";
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 50%;
}
a.table-tit.collapsed span {
    background: #4573c7;
    color: #fff;
}
a.table-tit.collapsed span:after {
    display: inline-block;
    color: #fff;
    font-family: "icomoon";
    content: "\e881";
}
a.table-tit.collapsed span i {
    color: #fbce01;
}
a.table-tit:hover {
    text-decoration: none;
    color: #4573c7;
}
.table-tit-sub-tit {
    font-size: 1.3rem;
    display: block;
    padding-left: 15px;
    border-left: 0 solid #ddd;
    border-right: 0 solid #ddd;
    margin-bottom: 0;
    padding-bottom: 8px;
}
.form-outside {
    display: block;
    margin: 8px 0;
    padding: 5px 0;
    min-height: 24px;
    clear: both;
    color: #999;
}
.form-outside .txt-left {
    float: left;
}
.form-outside .txt-right {
    float: right;
}
ul.file-download {
    float: right;
}
ul.file-download li {
    display: inline-block;
    padding: 0 5px;
    float: left;
}
ul.file-download li a {
    display: inline-block;
    width: 24px;
    height: 24px;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
ul.file-download li a:hover {
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    opacity: 0.7;
}
ul.file-download li.pdf a {
    background: url(../img/form/download_pdf.png) no-repeat;
}
ul.file-download li.txt a {
    background: url(../img/form/download_txt.png) no-repeat;
}
ul.file-download li.xls a {
    background: url(../img/form/download_xls.png) no-repeat;
}
ul.file-download li.csv a {
    background: url(../img/form/download_csv.png) no-repeat;
}
ul.file-download li.ods a {
    background: url(../img/form/download_ods.png) no-repeat;
}
ul.file-download li.odt a {
    background: url(../img/form/download_odt.png) no-repeat;
}
.table {
    margin-bottom: 0;
}
.table + .table-tit {
    margin-top: 20px;
}
.table.tb-single.result {
    border: 1px solid #ddd;
    margin: 0;
}
.table.tb-single.result td {
    word-break: break-all;
    padding: 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.table.tb-single.result td .form-group {
    margin-bottom: 0;
}
.table.tb-single.result .hd {
    background-color: #f2f2f2;
    border-right: 1px solid rgba(0, 54, 128, 0.2);
}
.table.tb-single {
    border: 0;
    margin: 20px 0;
}
.table.tb-single td {
    padding: 3px 10px;
    border: 0;
    text-align: left;
}
.table.tb-single td span.only-txt {
    display: inline-block;
    padding: 10px 0;
}
.table.tb-single td.hd {
    background: transparent;
    border-right: 0;
    text-align: right;
    padding-right: 10px;
    width: 17%;
}
.table.tb-single .form-group {
    margin-top: 0;
}
.table.tb-single .form-group .form-control {
    margin-bottom: 0;
}
.rim {
    background: rgba(255, 255, 255, 0.6);
    padding: 8px;
    background-blend-mode: overlay;
    border: 1px solid #c9d8f5;
    border-radius: 8px;
}
.rim .tb-multi {
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    border: 0;
}
.rim.has-foot .tb-multi {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.rim.dark {
    background: #a6d7dc;
    border: 1px solid #fff;
    padding: 4px;
}
.table.tb-multi {
    border-collapse: collapse;
    border-radius: 5px;
    overflow: hidden;
    border: 0 solid #67bac0;
}
.table.tb-multi .checkbox {
    margin-top: 5px;
    margin-bottom: 0;
}
.table.tb-multi tbody tr:first-child td {
    border-top: 0;
}
.table.tb-multi th {
    white-space: nowrap;
    text-align: center;
    background: #dbe5f8;
    border-bottom: 1px solid #cce3e3;
    color: #26406f;
}
.table.tb-multi th hr {
    border-top: 1px solid #67bac0;
    margin: 3px 0;
    opacity: 0.5;
}
.table.tb-multi th .sort-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    opacity: 0.5;
    cursor: pointer;
    background: #f2f2f2;
}
.table.tb-multi th .sort-icon:before {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: normal;
    font-style: normal;
    content: "\e938";
    font-family: "icomoon";
    color: #222;
}
.table.tb-multi tr.for-edit-form td {
    padding: 9px 4px;
}
.table.tb-multi tr.for-edit-form td:first-child {
    padding-left: 8px;
}
.table.tb-multi tr.for-edit-form td:last-child {
    padding-right: 8px;
}
.table.tb-multi .money {
    text-align: right;
    white-space: nowrap;
}
.table.tb-multi td {
    padding: 9px 15px;
    vertical-align: middle;
    line-height: 1.3em;
    background: #fff;
}
.table.tb-multi.sum {
    border: 1px solid #ccc;
}
.table.tb-multi.sum td.td_money {
    text-align: right;
}
.table.tb-multi.sum tr.sum td {
    border-top: #ea8d50 1px solid !important;
    font-size: 2rem !important;
    color: #ea8d50;
    background: #fff !important;
    border-right: none !important;
    font-family: "Roboto-Bold";
}
.table.tb-multi.sum tr.sum td span {
    display: inline-block;
    margin-right: 20px;
    font-size: 1.6rem;
    color: #222;
}
.form-group {
    margin-bottom: 0;
}
.form-group .bootstrap-select {
    position: relative;
}
.form-group .help-block {
    text-align: left;
    display: none !important;
    font-size: 1.5rem;
}
.form-group.has-error .help-block {
    margin-bottom: -5px;
    display: block !important;
}
.tb-single-rwd {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #cce3e3;
}
.tb-single-rwd:last-child {
    border-bottom: 0;
}
.tb-single-rwd > .td {
    display: table-cell;
    vertical-align: top;
    min-height: 40px;
    padding: 10px;
}
.tb-single-rwd > .td span.only-txt {
    display: inline-block;
    padding-top: 5px;
}
.tb-single-rwd > .td.hd {
    background: #dbe5f8;
    vertical-align: middle;
    color: #26406f;
    padding-right: 15px;
    text-align: right;
    width: 18%;
}
.tb-single-rwd > .td .radio {
    margin-top: 5px;
}
.tb-single-rwd.result > .td {
    padding: 13px;
}
.tb-single-rwd.result .td.hd {
    border-right: 1px solid #cce3e3;
    background-blend-mode: overlay;
}
.tb-single-rwd.result .hd + .td + .hd {
    border-left: 1px solid #cce3e3;
}
.scroll_table {
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    position: relative;
    overflow-y: hidden !important;
}
.scroll_table .tb-multi {
    min-width: 755px;
}
.wizard-steps {
    list-style: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 20px 0;
}
.wizard-steps li {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    width: 1%;
}
.wizard-steps li .step {
    color: #67bac0;
    font-size: 1.5rem;
    background: #fff;
    position: relative;
    z-index: 6;
    display: inline-block;
    width: 37px;
    height: 37px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #67bac0;
}
.wizard-steps li .step:after {
    display: inline-block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -6;
    left: 0;
    border-radius: 50%;
}
.wizard-steps li:before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    font-size: 0;
    overflow: hidden;
    border-top: 2px solid #67bac0;
    position: relative;
    top: 19px;
    z-index: 1;
}
.wizard-steps li:last-child:before {
    max-width: 50%;
    width: 50%;
}
.wizard-steps li:first-child:before {
    max-width: 51%;
    left: 50%;
}
.wizard-steps li .title {
    display: block;
    margin-top: 8px;
    max-width: 100%;
    color: #4573c7;
    font-size: 1.3rem;
    z-index: 2;
    text-align: center;
    word-wrap: break-word;
}
.wizard-steps li.current .step {
    background: #fff;
    color: #4573c7;
    border: 2px solid #4573c7;
}
.wizard-steps li.current .step:after {
    background: #fff;
}
.wizard-steps li.current:before {
    border-top: 2px solid #4573c7;
}
.wizard-steps li.active .step {
    text-indent: -50px;
    color: #fff;
    width: 37px;
    height: 37px;
    line-height: 37px;
    border: 0 solid #4573c7;
    background: #4573c7;
    background-size: 300% 300%;
    overflow: hidden;
}
.wizard-steps li.active .step:before {
    font-family: "icomoon";
    content: "\e904";
    color: #fff;
    position: absolute;
    top: 0;
    left: 44px;
    opacity: 0.8;
}
.wizard-steps li.active:before {
    border-top: 2px solid #4573c7;
}
.btn-area {
    text-align: center;
    padding: 15px;
    border-top: 0;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}
.btn-area .btn {
    min-width: 80px;
    margin: 0 10px;
    font-size: 1.6rem;
    padding: 8px 15px;
}
.btn-area.simple-style {
    border: 0;
}
.btn-area .btn-default {
    border: 1 solid #4573c7;
    border-color: #4573c7;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1);
    color: #4573c7;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.btn-area .btn-default:hover,
.btn-area .btn-default:active,
.btn-area .btn-default.hover,
.btn-area .btn-default:focus,
.btn-area .btn-default.active {
    border: 1 solid #47c7d9;
    border-color: #47c7d9;
    color: #47c7d9;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.paginator {
    padding: 10px;
    background: #edf2fb;
    border-top: 1px solid #dbe5f8;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.paginator i {
    position: relative;
    font-size: 1.3rem;
    z-index: 1;
}
.paginator .btn {
    padding: 4px 10px 2px 10px;
    background: transparent;
}
.paginator .btn.btn-sm:after {
    display: inline-block;
    opacity: 0;
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 8px;
    position: absolute;
    background: #f2f2f2;
    border: 1px solid #ddd;
    z-index: 0;
    left: 2px;
    top: -3px;
}
.paginator .btn.btn-sm:hover {
    color: #2e9fd9;
}
.paginator .btn.btn-sm:hover:after {
    opacity: 1;
}
.paginator .bootstrap-select {
    margin-left: 10px !important;
    margin-right: 10px;
}
.paginator span.p-info {
    color: #013a87;
    display: inline-block;
    padding: 0 3px;
    font-size: 1.6rem;
}
.btn-icon {
    color: #4573c7;
    background: transparent !important;
    padding: 0 10px;
}
.btn-icon i {
    font-size: 2rem;
}
.btn-icon i.icon-heart-o.active:before {
    content: "\e813";
    color: #fd0000;
}
.btn-icon:hover {
    color: #47c7d9;
}
.btn-icon.disabled {
    color: #999 !important;
}
.remark {
    margin-top: 20px;
}
.remark h4 {
    margin-bottom: 10px;
    font-size: 1.6rem;
    padding-left: 25px;
    color: #fd0000;
    position: relative;
}
.remark h4:before {
    content: "\e87c";
    display: inline-block;
    font-family: "icomoon";
    position: absolute;
    left: 0;
}
.remark h4.normal {
    color: #222;
    padding-left: 0;
}
.remark h4.normal:before {
    display: none;
}
.remark-badge {
    cursor: pointer;
    display: inline-block;
    background: rgba(20, 134, 65, 0.2);
    mix-blend-mode: multiply;
    font-size: 1.2rem;
    border-radius: 20px;
    padding: 2px 8px;
    margin: 0 2px;
}
.i-circle {
    display: inline-block;
    font-style: normal;
}
.i-circle:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    border: 1px solid #4dc086;
    margin-right: 4px;
    position: relative;
    top: 2px;
}
.i-cross {
    display: inline-block;
    font-style: normal;
    color: #fd0000;
    margin-right: 2px;
}
.i-cross:before {
    margin-right: 2px;
    position: relative;
    top: 1px;
    content: "\e870";
    font-family: "icomoon";
    display: inline-block;
    color: #fd0000;
    font-size: 1.8rem;
    font-style: normal;
}
.trans_info {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 20px;
    display: table;
    width: 100%;
}
.trans_info .status {
    display: table-cell;
    width: 130px;
    padding: 0 30px 0 0;
    border-right: 1px solid #ddd;
    text-align: center;
}
.trans_info .status i {
    font-size: 6rem;
}
.trans_info .info {
    display: table-cell;
    position: relative;
    padding: 0 10px 0 30px;
    vertical-align: middle;
}
.trans_info .info ul {
    margin-top: 10px;
}
.trans_info .info ul li {
    color: #222;
    margin-top: 5px;
}
.trans_info.success .status i,
.trans_info.success .info {
    color: #4dc086;
}
.trans_info.failure .status i,
.trans_info.failure .info {
    color: #fd0000;
}
.collapse-check-toggle {
    display: inline-block;
    color: #222;
}
.collapse-check-toggle:after {
    display: inline-block;
    margin-left: 5px;
    content: "\e882";
    font-family: "icomoon";
}
.collapse-check-toggle.collapsed:after {
    content: "\e881";
}
.collapse-check-toggle:hover {
    text-decoration: none;
    color: #2e9fd9;
}
.collapse-gap {
    min-height: 60px;
}
.collapse-gap.has-gap {
    overflow: hidden;
    height: 60px;
    display: block;
}
.note {
    margin-top: 20px;
    color: #999;
}
.toggle-hide {
    color: #222;
    cursor: pointer;
    text-decoration: none;
}
.toggle-hide:hover {
    text-decoration: none;
    color: #2e9fd9;
}
.toggle-hide:before {
    display: inline-block;
    font-family: "icomoon";
    content: "\e873";
    float: left;
    color: #999;
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.toggle-hide.active:before {
    content: "\e874";
}
.modal-body .rim {
    border: 0;
    padding: 0;
}
.modal-body .edit-form {
    border: 1px solid #cce3e3;
    -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0);
}
.edit-form {
    position: relative;
    background: rgba(255, 255, 255, 0.6);
    border: 0;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    border-radius: 3px;
    padding: 0;
    margin-bottom: 0;
}
.collapse-toggle {
    width: 100%;
    border-radius: 0 !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
.collapse-toggle .c-close {
    display: inline-block;
}
.collapse-toggle .c-open {
    display: none;
}
.collapse-toggle i:before {
    display: inline-block;
    content: "\e873";
    font-family: "icomoon";
    font-style: normal;
    margin-right: 5px;
}
.collapse-toggle.collapsed .c-close {
    display: none;
}
.collapse-toggle.collapsed .c-open {
    display: inline-block;
}
.collapse-toggle.collapsed i:before {
    content: "\e874";
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file.btn-icon {
    min-height: 35px;
}
.btn-file.btn-icon i {
    position: relative;
    top: 8px;
    font-size: 2.3rem;
}
.btn-file input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 10rem;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: #fff;
    cursor: inherit;
    display: block;
}
.upload-img {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}
.upload-img i {
    position: absolute;
    font-size: 2rem;
    background: #4573c7;
    opacity: 0.5;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    top: 10px;
    left: 11px;
    display: none;
    cursor: pointer;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.upload-img i:hover {
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    opacity: 0.8;
}
.upload-img:hover i {
    display: block;
}
.upload-img img {
    height: 50px;
    width: auto;
}
.btn-add-file,
.btn-add-member {
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    display: inline-block;
    padding-right: 40px;
}
.btn-add-file > .form-control,
.btn-add-member > .form-control {
    display: inline-block;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.btn-add-file .input-group-btn,
.btn-add-member .input-group-btn {
    display: inline-block;
    position: absolute;
    z-index: 2;
    right: 40px;
}
.form-control.edit {
    display: inline-block;
    border-radius: 0;
    border: 0;
    padding-top: 0;
    padding-bottom: 5px;
    height: 28px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-left: 0;
}
.form-control.edit:focus {
    border-bottom: 1px solid #2e9fd9;
    -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
}
ul.news-block li a {
    background: #fff;
    display: block;
    border-radius: 8px;
    padding: 20px;
    color: #222;
    margin-bottom: 20px;
    text-decoration: none !important;
    border: 1px solid #fff;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
}
ul.news-block li a p {
    line-height: 1.6em;
}
ul.news-block li a span {
    color: #999;
}
ul.news-block li a .date {
    font-size: 1.4rem;
}
ul.news-block li a .unit {
    float: right;
}
ul.news-block li a:hover,
ul.news-block li a:focus {
    border: 1px solid #4573c7;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
ul.news-block li a:hover p,
ul.news-block li a:focus p {
    color: #4573c7;
}
ul.news-list {
    display: block;
    background: #fff;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
}
ul.news-list li {
    display: block;
}
ul.news-list li a {
    display: block;
    padding: 15px 20px;
    border-bottom: 1px solid #cce3e3;
}
ul.news-list li a span {
    font-size: 1.4rem;
    color: #999;
    display: inline-block;
    margin-right: 7px;
}
ul.news-list li a span + span {
    margin-right: 0;
    color: #777;
}
ul.news-list li a p {
    margin-bottom: 0;
    margin-top: 3px;
}
ul.news-list li:last-child a {
    border-bottom: 0;
}
.up-file {
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    clear: both;
    margin-top: 7px;
    margin-right: 10px;
    position: relative;
}
.up-file a {
    color: #4573c7;
    text-decoration: none;
}
.up-file a:hover {
    color: #47c7d9;
}
.up-file:before {
    display: inline-block;
    content: "";
    width: 23px;
    height: 23px;
    background: url(../img/global/word.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.up-file.pdf:before {
    background: url(../img/global/pdf.png) no-repeat;
    background-size: cover;
}
.up-file.xls:before {
    background: url(../img/global/xls.png) no-repeat;
    background-size: cover;
}
.up-file i {
    margin-left: 10px;
    position: relative;
    top: 3px;
    cursor: pointer;
    opacity: 0.5;
}
.up-file i:hover {
    opacity: 1;
}
.up-file i:before {
    display: inline-block;
    font-style: normal;
    font-family: icomoon;
    content: "\e870";
    font-size: 1.8rem;
}
.function-block {
    margin: 20px 0;
}
.main-search.input-group {
    -webkit-box-shadow: 3px 3px 6px 0 rgba(0, 64, 70, 0.15);
    box-shadow: 3px 3px 6px 0 rgba(0, 64, 70, 0.15);
    border-radius: 8px;
}
.main-search.input-group .form-control {
    border: 0;
}
.main-search.input-group .input-group-btn .btn {
    border-radius: 8px !important;
    border: 0;
}
.main-search.input-group .input-group-btn .btn i {
    font-size: 2.4rem;
    position: relative;
    top: 3px;
}
.custom-switch {
    position: relative;
    top: 2px;
}
.custom-switch .custom-switch-input {
    display: none;
}
.custom-switch .custom-switch-input,
.custom-switch .custom-switch-input:after,
.custom-switch .custom-switch-input:before,
.custom-switch .custom-switch-input *,
.custom-switch .custom-switch-input *:after,
.custom-switch .custom-switch-input *:before,
.custom-switch .custom-switch-input + .custom-switch-btn {
    box-sizing: border-box;
}
.custom-switch .custom-switch-input:selection,
.custom-switch .custom-switch-input:after:selection,
.custom-switch .custom-switch-input:before:selection,
.custom-switch .custom-switch-input *:selection,
.custom-switch .custom-switch-input *:after:selection,
.custom-switch .custom-switch-input *:before:selection,
.custom-switch .custom-switch-input + .custom-switch-btn:selection {
    background: none;
}
.custom-switch .custom-switch-input + .custom-switch-btn {
    outline: 0;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 68px;
    height: 28px;
    margin: 0;
    padding: 4px;
    background: #eee;
    border-radius: 76px;
    transition: all 300ms ease;
}
.custom-switch .custom-switch-input + .custom-switch-btn:after,
.custom-switch .custom-switch-input + .custom-switch-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
}
.custom-switch .custom-switch-input + .custom-switch-btn:after {
    left: 2px;
    border-radius: 50%;
    background: #fff;
    transition: all 300ms ease;
}
.custom-switch .custom-switch-input + .custom-switch-btn:before {
    display: none;
}
.custom-switch .custom-switch-input:checked + .custom-switch-btn {
    background: #4573c7;
}
.custom-switch .custom-switch-input:checked + .custom-switch-btn:after {
    left: 40px;
}
.custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-checked {
    opacity: 1;
    height: auto;
}
.custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-unchecked {
    display: none;
    opacity: 0;
    height: 0;
}
.custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-checked {
    display: none;
    opacity: 0;
    height: 0;
}
.custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-unchecked {
    opacity: 1;
    height: auto;
}
.custom-switch .custom-switch-form-text {
    display: inline-block;
    height: 28px;
    margin-left: 0.5rem;
    line-height: 28px;
    vertical-align: top;
}
.custom-switch.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn:before {
    display: inline-block;
    content: "關";
    position: absolute;
    color: #aaa;
    font-weight: normal;
    top: 5px;
    right: 9px;
    font-size: 1.4rem;
}
.custom-switch.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn:before {
    display: inline-block;
    content: "開";
    position: absolute;
    color: #fff;
    font-weight: normal;
    top: 5px;
    left: 9px;
    font-size: 1.4rem;
}
a.new:after {
    display: inline-block;
    content: "NEW";
    color: #fff;
    background: #47c7d9;
    border-radius: 5px;
    padding: 0 5px;
    font-size: 1.1rem;
    position: relative;
    top: -1px;
}
@media (max-width: 768px) {
    .tb-single-rwd {
        display: block;
        margin-bottom: 0;
    }
    .tb-single-rwd > .td {
        display: block;
    }
    .tb-single-rwd .td.hd {
        text-align: left;
        width: 100%;
    }
    .tb-single-rwd.result {
        border: 0;
    }
    .tb-single-rwd.result:before {
        display: inline-block;
        content: "";
        height: 100%;
        width: 40%;
        position: absolute;
        border-right: 1px solid #cce3e3;
        background: #dbe5f8;
        top: 0;
        z-index: 0;
        left: 0;
    }
    .tb-single-rwd.result > .td {
        padding: 10px 15px;
        display: inline-block;
        margin-bottom: 0;
        width: 60%;
        z-index: 2;
    }
    .tb-single-rwd.result .hd + .td + .hd {
        border-left: 0;
    }
    .tb-single-rwd.result > .td.hd {
        margin-right: -4px;
        text-align: right;
        width: 40%;
        margin-bottom: 0;
        position: relative;
    }
    .tb-single-rwd.result > .td.hd:after {
        display: block;
        position: absolute;
        content: "";
        width: 260%;
        height: 1px;
        background: #cce3e3;
        top: -1px;
        left: 0;
    }
    .main-title {
        font-size: 2.2rem;
    }
    .main-title.mt40.has-icon {
        margin-top: 20px !important;
    }
    .table-tit > span {
        font-size: 1.9rem;
    }
    .rim {
        padding: 0;
        overflow: hidden;
    }
    .rim .table-responsive {
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .paginator {
        border-radius: 0;
        border: 0;
        border-top: 1px solid #ddd;
        -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0);
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0);
    }
    .table-responsive.has-foot .paginator {
        position: absolute;
        border-right: 1px solid #ddd;
    }
    .modal .paginator {
        width: calc(100% - 31px);
    }
}
@media (max-width: 540px) {
    .trans_info {
        display: block;
        padding: 20px;
    }
    .trans_info .status {
        display: block;
        border: 0;
        padding: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .trans_info .info {
        display: block;
        padding: 0;
    }
}
@media (max-width: 450px) {
    .main-title .btn-group.bootstrap-select {
        margin-top: 13px;
    }
}
@media print {
    #cframe,
    .header,
    #footer {
        display: none;
    }
    a[href]:after {
        content: none !important;
    }
    @page {
        size: 330mm 427mm;
        margin: 14mm;
    }
    .main-container {
        width: 1200px !important;
    }
    #right-content {
        width: 100% !important;
        position: fixed;
        left: 0 !important;
        top: 0 !important;
    }
}
@keyframes fade-in {
    from {
        opacity: 0;
    }
}
@-webkit-keyframes fade-in {
    from {
        opacity: 0;
    }
}
@keyframes fade-out {
    to {
        opacity: 0;
    }
}
@-webkit-keyframes fade-out {
    to {
        opacity: 0;
    }
}
.fade-in {
    -webkit-animation: fade-in 0.2s 0s linear 1 normal both;
    animation: fade-in 0.2s 0s linear 1 normal both;
}
.fade-out {
    -webkit-animation: fade-out 0.2s 0s linear 1 normal both;
    animation: fade-out 0.2s 0s linear 1 normal both;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    text-decoration: none;
}
body.for-index {
    background: url(../img/global/index-bg.png) repeat-x center top;
}
body.for-index footer .foot-btm {
    background: transparent;
}
.index-search-banner {
    min-height: 610px;
}
.index-search-banner .container {
    position: relative;
}
.login-content {
    margin: 120px auto 0 auto;
    padding: 30px 40px 25px 40px;
    position: relative;
    text-align: center;
    width: 440px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.login-content .logo.taipei {
    background: url(../img/global/login-logo.png) no-repeat;
    background-size: 100% 100%;
    width: 314px;
    height: 165px;
    position: absolute;
    top: -39px;
    left: 13%;
}
.login-content .logo.title {
    width: 100%;
    display: block;
    margin: 60px auto 20px auto;
    background: none;
    text-align: center;
}
.login-content .logo.title span {
    color: #222;
    font-size: 2.4rem;
}
.login-content .logo.title:before {
    display: none;
    content: "";
    width: 120px;
    height: 28px;
    background: url(../img/global/logo.png) no-repeat;
    background-size: auto;
    background-size: cover;
    margin-right: 5px;
    position: relative;
    z-index: 2;
    top: 4px;
}
.login-content form {
    width: 100%;
}
.login-content form .form-group {
    clear: both;
    margin-bottom: 25px;
}
.login-content form .form-group.mb20 {
    margin-bottom: 10px !important;
}
.login-content form .form-group .input-group .input-group-addon {
    padding: 0 10px 0 0;
    border: 0;
    background: transparent;
}
.login-content form .form-group .input-group .input-group-addon i {
    font-size: 2.6rem;
    position: relative;
    top: 2px;
}
.login-content form .form-group .input-group .input-group-addon i:before {
    color: rgba(0, 0, 0, 0.25);
}
.login-content form .form-group .input-group .input-group-addon a {
    text-decoration: none;
    color: #2e9fd9;
}
.login-content form .form-group .input-group .input-group-addon a:hover {
    text-decoration: none;
    opacity: 0.7;
}
.login-content form .form-group .input-group .input-group-addon a i {
    color: #fff;
}
.login-content form .form-group .input-group .input-group-addon a i:before {
    color: #fff;
}
.login-content form .form-group .input-group .input-group-addon.for-radio-toggle {
    width: 50%;
    text-align: left;
    padding-left: 7px;
}
.login-content form .form-group .input-group .input-group-addon.for-radio-toggle .radio label::before {
    background: transparent;
}
.login-content form .form-group .input-group .input-group-addon.for-radio-toggle .radio input[type="radio"]:checked + label::after {
    background-color: #ea8d50;
}
.login-content form .form-group .input-group .form-control {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    font-size: 1.8rem;
    padding-left: 5px;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    background: transparent;
    webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}
.login-content form .form-group .input-group .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
    font-size: 1.8rem;
}
.login-content form .form-group .input-group .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
    font-size: 1.8rem;
}
.login-content form .form-group .input-group .form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
    font-size: 1.8rem;
}
.login-content form .form-group .input-group .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
    font-size: 1.8rem;
}
.login-content form .form-group .input-group .form-control:focus {
    webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 #21b4ff;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 #21b4ff;
    border-bottom-color: #21b4ff;
}
.login-content form .form-group .help-block {
    margin-bottom: -20px;
    margin-top: 0;
    margin-left: 35px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    display: none;
}
.login-content form .form-group.has-error .form-control {
    border-bottom-color: #fd0000;
}
.login-content form .form-group.has-error .help-block {
    display: inline-block;
    color: #fd0000;
    background: rgba(253, 0, 0, 0.07);
    padding: 3px 6px;
}
.login-content form .form-group .btn-forget {
    position: absolute;
    right: -10px;
    top: 7px;
    z-index: 3;
    color: #4573c7;
    font-size: 1.6rem;
}
.login-content form .form-group .btn-forget:hover,
.login-content form .form-group .btn-forget:focus {
    color: #47c7d9;
}
.login-content form .btn-g {
    margin-top: 30px;
    margin-bottom: 5px;
}
.login-content form .btn-primary {
    padding: 18px 15px;
}
.login-content form ul.other-link {
    margin-top: 15px;
    margin-bottom: -15px;
}
.login-content form ul.other-link li {
    color: rgba(0, 0, 0, 0.2);
}
.login-content form ul.other-link li a {
    color: #4573c7;
}
.login-content form ul.other-link li a:hover,
.login-content form ul.other-link li a:focus {
    color: #47c7d9;
}
.login-content form .cert-login {
    margin-top: 20px;
}
.login-content .nav-tabs {
    background: transparent;
    display: inline-block;
    margin: 0 0 10px 0;
    width: 250px;
    border: 0 !important;
    background: #f2f2f2;
    border-radius: 30px;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
.login-content .nav-tabs > li {
    padding: 0;
}
.login-content .nav-tabs > li > a {
    color: #555;
    font-size: 1.8rem;
    border: 0 !important;
    border-bottom: 1px solid transparent;
    background: transparent;
    outline: 0;
}
.login-content .nav-tabs > li > a:hover {
    color: #4573c7;
    opacity: 0.8;
    background: transparent;
}
.login-content .nav-tabs > li.active > a {
    border: 0 !important;
    color: #fff;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    background: #4573c7;
    background: -moz-linear-gradient(top, #4573c7 0, #4573c7 100%);
    background: -webkit-linear-gradient(top, #4573c7 0, #4573c7 100%);
    background: linear-gradient(to bottom, #4573c7 0, #4573c7 100%);
    border-radius: 30px;
}
.login-content .nav-tabs > li.active > a:hover,
.login-content .nav-tabs > li.active > a:focus {
    cursor: pointer;
}
.login-content .tab-content {
    padding-bottom: 30px;
    padding-top: 10px;
    position: relative;
}
.login-content .tab-content span.card-icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: auto;
    background: url(../img/global/card.png) no-repeat;
    background-size: 100%;
}
h2.index-title {
    margin-top: 0;
    font-weight: normal;
    display: block;
    margin-bottom: 20px;
    font-size: 3rem;
    color: #fff;
}
h2.index-title > i {
    font-size: 4rem;
    float: left;
    opacity: 0.9;
    margin-right: 8px;
}
h2.index-title a {
    font-size: 3rem;
    text-align: center;
    color: #4573c7;
    float: right;
    text-decoration: none !important;
}
h2.index-title a:hover {
    color: #ea8d50;
}
h2.index-title a.round {
    background: #fff;
    border-radius: 40px;
    margin-top: -10px;
    padding-top: 6px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 63, 68, 0.15);
    box-shadow: 1px 1px 5px 0 rgba(0, 63, 68, 0.15);
}
h2.index-title a.round i {
    font-size: 2.7rem;
}
.error-404 {
    background-size: cover;
    padding-top: 50px;
    width: 100%;
    text-align: center;
    height: calc(100vh - 90px);
}
.error-404 .info {
    display: inline-block;
    background: #fff;
    border-radius: 8px;
    width: 700px;
    margin: 0 auto;
    margin-top: 40px;
    -webkit-box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 0.15);
}
.error-404 .info .td {
    min-height: 500px;
    padding: 40px;
    width: 350px;
    vertical-align: middle;
    border-right: 1px solid #ddd;
}
.error-404 .info .td h2 {
    position: relative;
    line-height: 40px;
    margin-bottom: 40px;
    font-size: 2.2rem;
    z-index: 2;
    color: #222;
    display: block;
    text-align: center;
}
.error-404 .info .td p {
    display: block;
    text-align: center;
    margin-bottom: 0;
    color: #b52912;
}
.error-404 .info .td .error-img {
    display: inline-block;
    width: 100%;
    min-height: 150px;
    top: 0;
    background: url(../img/global/error-403.png) no-repeat center;
    background-size: cover;
}
.error-404 .info .td .error-img.e404 {
    min-height: 142px;
    background: url(../img/global/error-404.png) no-repeat center;
    background-size: cover;
}
.error-404 .info .td .error-img.e500 {
    min-height: 114px;
    background: url(../img/global/error-500.png) no-repeat center;
    background-size: cover;
}
.error-404 .info .td .error-img.ecomming {
    min-height: 200px;
    width: 70%;
    background: url(../img/global/error-comming.png) no-repeat center;
    background-size: cover;
}
.main-container {
    padding: 0 20px;
    margin: 0 auto;
}
.main-container .side-menu-hold {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 20px;
    background: #5e8ce1;
    color: #fff;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    border-radius: 8px;
    border: 1px solid #fff;
    -webkit-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.15);
}
.main-container .side-menu-hold .side-menu-title {
    height: 45px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.main-container .side-menu-hold .side-menu-title > span {
    font-size: 1.6rem;
    display: inline-block;
    padding-left: 15px;
    line-height: 45px;
    position: absolute;
}
.main-container .side-menu-hold .side-memu-toggle {
    width: 55px;
    outline: 0;
    height: 45px;
    text-align: center;
    border-top-right-radius: 8px;
    float: right;
    text-indent: 4px;
}
.main-container .side-menu-hold .side-memu-toggle i {
    font-size: 2rem;
    color: #fff;
    line-height: 43px;
    position: relative;
}
.main-container .side-menu-hold .side-memu-toggle i:before {
    font-style: normal;
    display: inline-block;
    font-family: "icomoon";
    content: "\e871";
}
.main-container .side-menu-hold .side-memu-toggle i:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 5px;
    left: -12px;
    border: 5px solid transparent;
    border-right: 5px solid #fff;
}
.main-container.side-menu-close .side-menu-hold {
    left: -20px;
    width: 55px;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.main-container.side-menu-close .side-menu-hold .side-menu-title .side-memu-toggle {
    border-top-left-radius: 5px;
    text-indent: 0;
}
.main-container.side-menu-close .side-menu-hold .side-menu-title span {
    display: none;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel {
    overflow: visible;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel > a {
    overflow: visible;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel > a span {
    position: absolute;
    top: 2px;
    left: 48px;
    z-index: 10;
    width: 180px;
    padding: 10px 0 0 20px;
    display: none;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel > a i {
    float: none;
    position: relative;
    top: 0;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel > a:after {
    display: none;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel:hover > a {
    overflow: visible;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel:hover > a span {
    display: inline-block !important;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel:hover > a.one-level {
    background: #4573c7;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel:hover > a.one-level span {
    background: #4573c7;
    padding: 15px 40px 15px 0;
    left: 53px;
    top: -4px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    white-space: nowrap;
    width: auto;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel:hover > a.one-level span p.badge {
    right: 10px;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel:hover .panel-collapse > .panel-body {
    display: block !important;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel.special-btn {
    padding: 7px;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel.special-btn > a.one-level {
    min-height: 40px;
    z-index: 3;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel.special-btn > a.one-level i {
    position: absolute;
    top: 9px;
    left: 9px;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel.special-btn:hover > a.one-level {
    background: #fff;
    width: 100px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel.special-btn:hover > a.one-level span {
    background: transparent;
    left: 40px;
    padding: 10px 10px 10px 0;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel-collapse {
    display: block;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel-collapse .panel-body {
    display: none;
    overflow: visible;
    position: absolute;
    padding: 40px 10px 10px 20px;
    top: 0;
    left: 55px;
    z-index: 9;
    width: 200px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.1);
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel-collapse .panel-body li {
    padding-left: 0;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel-collapse .panel-body li:before {
    display: none;
}
.main-container.side-menu-close .side-menu-hold .side-bar .panel-collapse .panel-body li:after {
    display: none;
}
.main-container.side-menu-close #right-content {
    margin-left: -20px;
    width: 96%;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.main-container.side-menu-close .side-memu-toggle i:after {
    border: 5px solid transparent;
}
.main-container.no-side-menu #right-content {
    margin-left: 0;
}
.main-container.no-side-menu .side-menu-hold {
    display: none;
}
.main-container.no-side-menu .breadcrumb-hold {
    padding-left: 0;
}
#cframe,
#cframe-mail {
    position: relative;
    top: 0;
    left: 0;
    width: 17%;
}
#right-content {
    position: relative;
    z-index: 2;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    float: left;
    width: 83%;
}
#right-content .content {
    width: 100%;
    padding: 0 0 0 20px;
}
.title-row {
    margin-bottom: 20px;
}
.title-row .main-title {
    margin-bottom: 0;
    display: inline-block;
}
.title-row .div-tb {
    width: 50%;
    float: right;
}
.breadcrumb-hold {
    min-height: 40px;
    max-height: 77px;
    position: relative;
}
.breadcrumb-hold .breadcrumb {
    background: none;
    text-align: left;
    float: left;
    margin-top: 10px;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 5px;
}
.breadcrumb-hold .breadcrumb li {
    color: rgba(0, 0, 0, 0.5);
    font-size: 1.3rem;
}
.breadcrumb-hold .breadcrumb li a {
    font-size: 1.3rem;
    color: rgba(0, 0, 0, 0.3);
    margin-right: 1px\0;
    display: inline-block;
}
.breadcrumb-hold .breadcrumb li a:hover {
    color: #4573c7;
    text-decoration: none;
}
.breadcrumb-hold .breadcrumb li.active {
    color: #4573c7;
}
.breadcrumb-hold .breadcrumb li + li:before {
    color: #999;
}
.wellcome {
    min-height: 260px;
    background: #fef8f0 url(../img/global/main-bg.jpg) right no-repeat;
    background-size: auto 100%;
    clear: both;
    border-radius: 8px;
    position: relative;
    padding: 40px 30px 50px;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.wellcome h3 {
    display: block;
    width: 100%;
    font-weight: normal;
    margin-top: 0;
}
.wellcome h3 p {
    font-size: 3rem;
    font-weight: normal;
    margin-top: 0;
}
.wellcome h3 p small {
    display: block;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 30px;
}
.wellcome h3 p span {
    display: inline-block;
    font-family: "Roboto-Bold";
    font-style: italic;
    font-size: 3.1rem;
    font-weight: bolder;
}
.wellcome h3 p span .main-color {
    color: #4573c7;
}
.wellcome h3 p span .main-color-2 {
    color: #47c7d9;
}
.wellcome h3 p.date {
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 40px;
}
.wellcome .info {
    margin-top: -20px;
    float: right;
}
.wellcome .info .btn {
    padding: 5px 15px 5px 20px;
    font-size: 1.6rem;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.wellcome .info .btn i {
    color: #4573c7;
    font-size: 1.4rem;
}
.wellcome .info .btn.btn-default {
    border: 0;
}
.wellcome .info .btn:hover,
.wellcome .info .btn:focus {
    background: #fff;
    color: #4573c7;
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.To-do-list-hold {
    margin: -40px 30px 15px 30px;
}
ul.To-do-list li {
    -webkit-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.25);
}
ul.To-do-list li a {
    color: #fff;
    display: block;
    font-size: 2.5rem;
    font-weight: bolder;
    padding: 25px;
    text-decoration: none;
}
ul.To-do-list li:first-child {
    background: #f49f4c;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    z-index: 3;
}
ul.To-do-list li:nth-child(2) {
    background: #ea8d50;
    z-index: 2;
}
ul.To-do-list li:last-child {
    background: #47c7d9;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 1;
}
ul.To-do-list li span {
    position: absolute;
    right: 30px;
    top: 7px;
    font-family: "Roboto-Bold";
    font-size: 2em;
}
ul.To-do-list a:hover,
ul.To-do-list a:focus {
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
ul.To-do-list a:hover:before,
ul.To-do-list a:focus:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
ul.To-do-list a:before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    mix-blend-mode: overlay;
}
ul.To-do-list-gov li a {
    display: block;
    margin-bottom: 20px;
    font-size: 1.8rem;
    padding: 20px;
    background: #fff;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-left: 4px solid #f49f4c;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    color: #222;
}
ul.To-do-list-gov li a i {
    font-size: 2.5rem;
    opacity: 0.5;
    position: relative;
    margin-right: 8px;
    top: 4px;
}
ul.To-do-list-gov li a span {
    display: inline-block;
    font-size: 3.3rem;
    color: #f49f4c;
    font-family: Roboto-Bold;
    float: right;
    margin-right: 5px;
    top: -8px;
    position: relative;
}
ul.To-do-list-gov li a:hover {
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
ul.To-do-list-gov li:nth-child(2) a {
    border-left: 4px solid #ea8d50;
}
ul.To-do-list-gov li:nth-child(2) a span {
    color: #ea8d50;
}
ul.To-do-list-gov li:nth-child(3) a {
    border-left: 4px solid #47c7d9;
}
ul.To-do-list-gov li:nth-child(3) a span {
    color: #47c7d9;
}
ul.To-do-list-gov li:nth-child(4) a {
    border-left: 4px solid #f3be3c;
}
ul.To-do-list-gov li:nth-child(4) a span {
    color: #f3be3c;
}
ul.To-do-list-gov li:nth-child(5) a {
    border-left: 4px solid #eea530;
}
ul.To-do-list-gov li:nth-child(5) a span {
    color: #eea530;
}
ul.To-do-list-gov li:nth-child(6) a {
    border-left: 4px solid #e18e18;
}
ul.To-do-list-gov li:nth-child(6) a span {
    color: #e18e18;
}
ul.To-do-list-gov li:nth-child(7) a {
    border-left: 4px solid #e76835;
}
ul.To-do-list-gov li:nth-child(7) a span {
    color: #e76835;
}
ul.To-do-list-gov li:nth-child(8) a {
    border-left: 4px solid #ea3f2d;
}
ul.To-do-list-gov li:nth-child(8) a span {
    color: #ea3f2d;
}
ul.To-do-list-gov li:nth-child(9) a {
    border-left: 4px solid #dc2121;
}
ul.To-do-list-gov li:nth-child(9) a span {
    color: #dc2121;
}
.result-hold {
    padding: 10px;
    background: #f5f5f5;
    margin-bottom: 20px;
    border: 1px solid #d0d0d0;
}
.result-hold .in {
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.result-hold .table {
    margin-bottom: 0;
}
a.toggle-side-bar {
    background: #4573c7;
    color: #fff;
    padding: 10px 10px 9px 15px;
    font-size: 1.8rem;
    display: block;
    position: relative;
    outline: 0;
}
a.toggle-side-bar:hover,
a.toggle-side-bar:focus {
    text-decoration: none;
}
a.toggle-side-bar:after {
    font-family: icomoon;
    content: "\e882";
    position: relative;
    margin-top: 3px;
    margin-right: 7px;
    margin-left: -3px;
    color: #fff;
    font-size: 1.5rem;
    float: left;
}
a.toggle-side-bar.collapsed {
    background: #fff;
    border-bottom: 1px solid #ddd;
    color: #222;
}
a.toggle-side-bar.collapsed:after {
    content: "\e881";
    color: #bbb;
}
a.toggle-side-bar.one-level {
    border-bottom: 1px solid #ddd;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
a.toggle-side-bar.one-level.active:after {
    background: #4573c7;
    width: 7px;
    height: 7px;
    border: 1px solid transparent;
}
a.toggle-side-bar.one-level.active:hover {
    color: #fff;
}
a.toggle-side-bar.one-level:hover {
    color: #4573c7;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
a.toggle-side-bar.one-level:after {
    display: none;
}
.level-1 {
    margin: 0;
    border: 0;
}
.level-1:last-child {
    margin-bottom: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
.level-1:last-child .toggle-side-bar {
    border-bottom: 0;
}
.side-bar {
    margin-bottom: 0;
}
.side-bar > .panel + .panel {
    margin-top: 0 !important;
}
.side-bar > .panel {
    margin-top: 0;
    border: 0;
    background: transparent;
    border-radius: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
.side-bar > .panel .side-close-cover {
    width: 55px;
    height: 43px;
    display: inline-block;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    cursor: pointer;
}
.side-bar > .panel a {
    color: #fff !important;
    background: transparent;
}
.side-bar > .panel a:hover,
.side-bar > .panel a.active {
    color: #38f9ee !important;
}
.side-bar > .panel a:hover i,
.side-bar > .panel a.active i {
    color: #38f9ee !important;
}
.side-bar > .panel > a {
    outline: 0;
    position: relative;
    line-height: 1em;
    padding: 15px 25px 15px 15px;
    border-bottom: 1px solid transparent;
    background: #4573c7;
    font-size: 1.8rem;
    display: block;
    text-decoration: none;
    overflow: hidden;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.side-bar > .panel > a span {
    display: inline-block;
    margin-top: 4px;
    padding-left: 30px;
    overflow: hidden;
}
.side-bar > .panel > a span p.badge {
    float: right;
    font-weight: normal;
    padding: 5px 7px;
    font-size: 1.4rem;
    background: #4573c7;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -11px;
}
.side-bar > .panel > a i {
    font-size: 2.3rem;
    margin-right: 12px;
    position: absolute;
    top: 16px;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.side-bar > .panel > a:before {
    display: none;
}
.side-bar > .panel > a:after {
    font-family: "icomoon";
    content: "\e932";
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -6px;
    margin-right: 25px;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 1.3rem;
}
.side-bar > .panel > a.active {
    background: #4573c7;
}
.side-bar > .panel > a.collapsed,
.side-bar > .panel > a.one-level {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.side-bar > .panel > a.collapsed:after,
.side-bar > .panel > a.one-level:after {
    content: "\e937";
}
.side-bar > .panel > a.collapsed:hover,
.side-bar > .panel > a.one-level:hover {
    background: #3d66b1;
}
.side-bar > .panel ul.panel-body {
    padding: 10px;
    padding-top: 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    background: #3d66b1;
    overflow: hidden;
}
.side-bar > .panel ul.panel-body > li {
    padding-left: 20px;
    position: relative;
}
.side-bar > .panel ul.panel-body > li > a {
    display: block;
    font-size: 1.6rem;
    padding: 10px 8px 8px 23px;
    outline: 0;
    text-decoration: none !important;
    position: relative;
}
.side-bar > .panel ul.panel-body > li > a span.badge {
    display: inline-block;
    background: rgba(0, 0, 0, 0.2);
    padding: 5px 8px 4px;
    font-weight: normal;
    font-size: 1.3rem;
    width: 30px;
    border-radius: 8px;
    float: right;
}
.side-bar > .panel ul.panel-body > li > a:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 5px;
    top: 16px;
    width: 10px;
    height: 10px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    opacity: 0.55;
}
.side-bar > .panel ul.panel-body > li > a:hover {
    color: #fbce01;
}
.side-bar > .panel ul.panel-body > li a.active {
    font-weight: bolder;
}
.side-bar > .panel ul.panel-body > li a.active:before {
    background: #38f9ee;
    border: 0 solid #fff;
    opacity: 1;
}
.side-bar > .panel ul.panel-body > li a.toggle-collapse:before {
    content: "\e882";
    font-size: 1.8rem;
    left: 0;
    top: 15px;
    font-family: icomoon;
    border: 0 !important;
}
.side-bar > .panel ul.panel-body > li a.toggle-collapse.collapsed {
    background: transparent;
}
.side-bar > .panel ul.panel-body > li a.toggle-collapse.collapsed:before {
    content: "\e881";
    border: 0 !important;
}
.side-bar > .panel ul.panel-body li.panel {
    border: 0;
    background: transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
.side-bar > .panel ul.panel-body li.panel a {
    border: 0;
}
.side-bar > .panel ul.panel-body li.panel a:after {
    display: none;
}
.side-bar > .panel ul.panel-body li.panel ul.panel-sub li a {
    padding-left: 33px;
}
.side-bar .panel.special-btn {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.side-bar .panel.special-btn a {
    display: block;
    background: #fff;
    padding: 7px 20px;
    border: 0;
    border-radius: 40px;
    webkit-box-shadow: 3px 3px 6px 0 rgba(0, 64, 70, 0.2);
    box-shadow: 3px 3px 6px 0 rgba(0, 64, 70, 0.2);
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.side-bar .panel.special-btn a span {
    color: #4573c7;
    position: relative;
    top: 1px;
}
.side-bar .panel.special-btn a i {
    color: #ea8d50;
    float: none;
    top: -1px;
    margin-right: 3px;
}
.side-bar .panel.special-btn a:hover {
    background: #fff;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
.side-bar .panel:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.side-bar .panel:last-child > a.collapsed {
    border-bottom: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.side-bar .panel + .panel {
    margin-top: 0;
}
.side-menu-arrow {
    width: 60px;
    height: 102px;
    opacity: 0.4;
    background: url(../img/global/paint-arrow.png);
    background-size: cover;
    z-index: 9;
    position: relative;
    margin: -30px auto 0 auto;
}
.side-menu-arrow + p {
    position: absolute;
    text-align: center;
    width: 100%;
    color: #fff;
}
.fuc-block {
    margin-bottom: 20px;
}
ul.time-line-style {
    padding: 15px 0 15px 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}
ul.time-line-style li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding: 15px;
    border: 1px solid #ddd;
}
ul.time-line-style li h5.title {
    margin-top: 0;
    font-size: 1.6rem;
    display: inline-block;
    position: relative;
}
ul.time-line-style li h5.title:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    z-index: 2;
    left: -39px;
    top: 0;
}
ul.time-line-style li h5.title:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    z-index: 3;
    left: -34px;
    top: 5px;
}
ul.time-line-style li .date {
    text-align: left;
    color: #999;
    font-size: 1.4rem;
}
ul.time-line-style li .date span.unit {
    display: inline-block;
    float: right;
}
.checkbox-toggle {
    margin-bottom: 20px;
    position: relative;
}
.checkbox-toggle.disabled:before {
    display: inline-block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    content: "";
    background: transparent;
    width: 100%;
    height: 100%;
}
.checkbox-toggle label.btn {
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    font-size: 1.8rem;
    overflow: hidden;
    padding: 20px 50px 20px 30px;
    border-radius: 60px;
    display: block;
    text-align: left;
    background: #fff;
    position: relative;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
}
.checkbox-toggle label.btn:before {
    display: inline-block;
    content: "";
    font-family: icomoon;
    text-align: center;
    line-height: 50px;
    font-size: 2.5rem;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 10px;
    background: #f2f2f2;
}
.checkbox-toggle label.btn.active {
    border: 1px solid #fff;
    color: #fff;
    background: #4573c7;
    background: -moz-linear-gradient(left, #4573c7 0, #67bac0 100%);
    background: -webkit-linear-gradient(left, #4573c7 0, #67bac0 100%);
    background: linear-gradient(to right, #4573c7 0, #67bac0 100%);
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 64, 70, 0.2) inset;
    box-shadow: 0 0 6px 0 rgba(0, 64, 70, 0.2) inset;
}
.checkbox-toggle label.btn.active:before {
    content: "\e904";
    background: #4573c7;
}
.checkbox-toggle label.btn:hover,
.checkbox-toggle label.btn:focus {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
ul.nav-tab-st2 {
    display: block;
}
ul.nav-tab-st2 > li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
}
ul.nav-tab-st2 > li > a {
    display: block;
    border-radius: 30px;
    background: #fff;
    color: #222;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    box-shadow: 1px 1px 6px 0 rgba(0, 64, 70, 0.2);
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
ul.nav-tab-st2 > li > a:hover {
    background: #fff;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
ul.nav-tab-st2 > li > a span.badge {
    background: #47c7d9;
    font-weight: normal;
    font-size: 1.4rem;
    position: relative;
    top: -1px;
    display: inline-block;
}
ul.nav-tab-st2 > li > a i {
    font-size: 2rem;
    position: relative;
    top: 3px;
}
ul.nav-tab-st2 > li.active a {
    background: #4573c7;
    color: #fff;
}
ul.status-dot li {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 10px;
}
ul.status-dot li:last-child {
    margin-right: 0;
}
ul.status-dot li.red {
    background: #fd0000;
}
ul.status-dot li.orange {
    background: #fbce01;
}
ul.status-dot li.green {
    background: #4dc086;
}
.service-title {
    margin-left: 40px;
    margin-bottom: 25px;
    font-size: 3rem;
    margin-top: 25px;
}
.service-intro-hold {
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    margin: 0 40px;
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.service-intro-main {
    background: url(../img/global/service-main-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: 60px;
    padding-bottom: 30px;
    color: #fff;
    -webkit-box-shadow: inset 0 -5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 -5px 10px 0 rgba(0, 0, 0, 0.1);
}
.service-intro-main h2 {
    font-size: 5rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.service-intro-main p {
    font-size: 2.3rem;
    display: block;
    margin-right: 40px;
    line-height: 1.8em;
}
.sevice-row .col-text-content {
    padding: 0 0 0 100px;
}
.sevice-row .col-img-content {
    padding: 0 40px 0 0;
}
.sevice-row .col-img-content img {
    margin: 10px 0;
}
.service-intro-content .row {
    border-bottom: 1px solid #ddd;
}
.service-intro-content .row:last-child {
    border-bottom: 0;
}
.service-intro-content .row .col-text {
    padding: 0 100px 0 65px;
}
.service-intro-content .row .col-text.col-sm-pull-6 {
    padding: 0 60px 0 100px;
}
.service-intro-content .row .col-text.col-sm-pull-6 .btn-primary {
    margin-top: 15px;
}
.service-intro-content .row .col-text h2 {
    color: #4573c7;
    font-size: 3.5rem;
    margin-bottom: 15px;
    margin-top: 0;
}
.service-intro-content .row .col-text p {
    font-size: 2rem;
    line-height: 1.8em;
}
.media {
    padding: 15px;
}
.media .media-left a span {
    background: #f2f2f2;
    display: inline-block;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 60px;
    font-size: 1.8rem;
    color: #999;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 64, 70, 0.2) inset;
    box-shadow: 0 0 6px 0 rgba(0, 64, 70, 0.2) inset;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.media .media-left a img {
    max-width: 64px;
}
.media .media-left.poster a span {
    background: #dbe5f8;
}
.media .media-body .media-heading {
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
    position: relative;
    color: #4573c7;
    font-size: 2.2rem;
}
.media .media-body .media-heading small {
    margin-left: 10px;
    float: right;
    margin-right: 35px;
    color: #999;
}
.media .media-body .media-heading .btn-icon {
    position: absolute;
    right: -10px;
    top: -5px;
}
.media .media-body .media-body-content {
    position: relative;
    padding-bottom: 5px;
    clear: both;
}
.media .media-body .media-body-content .collapse-toggle {
    position: relative;
    top: 2px;
    float: right;
    width: auto;
    margin-bottom: 10px;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.media .media-body .media {
    margin-top: 15px;
    border-radius: 10px;
    background: #f2f2f2;
}
.page-loading {
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    text-align: center;
    display: none;
}
.page-loading p {
    display: inline-block;
    position: relative;
    mix-blend-mode: multiply;
}
.page-loading p:before {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: url(../img/global/loading.svg) no-repeat;
    display: inline-block;
    content: "";
    position: absolute;
    top: -80px;
    right: 50%;
    margin-right: -34px;
}
.dropzone-hold {
    padding: 30px 20px 20px 20px;
    border: 2px dashed #ddd;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 66, 128, 0.15);
    box-shadow: inset 0 0 5px 0 rgba(0, 66, 128, 0.15);
    border-radius: 8px;
    display: table;
    width: 100%;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.dropzone-hold:hover {
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    background: #fff;
}
.dropzone.dropzone-big {
    height: 380px;
    border: 0;
    background: transparent;
    display: table-cell;
    vertical-align: middle;
}
.dropzone.dropzone-big .dz-message {
    display: inline-block;
    font-size: 18px;
    position: relative;
    margin-top: 70px;
}
.dropzone.dropzone-big .dz-message small {
    opacity: 0.8;
    text-align: left;
    display: inline-block;
}
.dropzone.dropzone-big .dz-message:before {
    display: inline-block;
    content: "\e866";
    font-family: "icomoon";
    font-size: 60px;
    color: #2d5f65;
    opacity: 0.3;
    position: absolute;
    top: -90px;
    left: 50%;
    margin-left: -30px;
}
.dropzone-list {
    display: inline-block;
    background: rgba(255, 255, 255, 0.5);
    min-height: 150px;
    width: 150px;
    text-align: center;
    border: 1px dashed rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    float: left;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.dropzone-list:hover {
    border: 1px solid #2e9fd9;
    background: #fff;
    -moz-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.dropzone-list .dz-message {
    display: inline-block;
    font-size: 15px;
    position: relative;
    margin-top: 55px;
}
.dropzone-list .dz-message:before {
    display: inline-block;
    content: "\e937";
    font-family: "icomoon";
    font-size: 40px;
    color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -20px;
}
.dropzone-previews-big {
    padding: 0;
    background: transparent;
    border: 0;
    min-height: 0;
}
.dropzone-previews-big .dz-preview.dz-image-preview {
    background: transparent;
}
.dropzone-previews {
    padding: 0;
    background: transparent;
    border: 0;
    min-height: 0;
    display: inline-block;
    float: left;
}
.dropzone-previews .dz-preview.dz-image-preview {
    background: transparent;
}
.dropzone-previews .dz-preview.dz-image-preview {
    margin: 0;
    margin-left: 15px;
}
.hummingbird-treeview,
.hummingbird-treeview * {
    list-style: none;
    font-size: 18px;
    line-height: 18px;
}
.hummingbird-treeview label,
.hummingbird-treeview * label {
    font-weight: normal;
}
.hummingbird-treeview input[type="checkbox"],
.hummingbird-treeview * input[type="checkbox"] {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    color: #4573c7;
}
.hummingbird-treeview li ul,
.hummingbird-treeview * li ul,
.hummingbird-treeview ul:not(.hummingbird-base),
.hummingbird-treeview * ul:not(.hummingbird-base) {
    display: none;
    padding-left: 40px;
}
.hummingbird-treeview .icon,
.hummingbird-treeview * .icon {
    font-style: normal;
    cursor: pointer;
    color: #4573c7;
}
@media (min-width: 768px) {
    .main-container {
        width: 100%;
    }
    .service-intro-content .row {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (min-width: 992px) {
    .main-container {
        width: 100%;
    }
    .modal-xlg {
        width: 95%;
    }
}
@media (min-width: 1200px) {
    .sevice-row .col-img-content {
        width: 55%;
        left: 45%;
    }
    .sevice-row .col-text-content {
        width: 45%;
        right: 55%;
    }
    .main-container {
        width: 100%;
        max-width: 1360px;
    }
    .container.for-login {
        max-width: 950px;
    }
}
@media (max-width: 1200px) {
    .service-intro-hold {
        margin: 0;
    }
    .service-title {
        margin-left: 0;
    }
    .service-intro-main h2 {
        font-size: 4.5rem;
    }
    .service-intro-main p {
        font-size: 2rem;
    }
    .news-section .col {
        font-size: 1.7rem;
        line-height: 1.5em;
    }
    h2.index-title {
        font-size: 2.5rem;
    }
    h2.index-title > i {
        font-size: 3.5rem;
        margin-top: -3px;
    }
    .service-intro-content .row .col-text {
        padding: 0 90px 0 35px;
    }
    .service-intro-content .row .col-text.col-sm-pull-6 {
        padding: 0 45px 0 90px;
    }
    .service-intro-content .row .col-text h2 {
        font-size: 3rem;
    }
    .service-intro-content .row .col-text p {
        font-size: 1.8rem;
    }
}
@media (max-width: 1040px) {
    .service-intro-main {
        padding-top: 30px;
    }
    .sevice-row .col-text-content {
        padding: 0 0 0 70px;
    }
    .service-intro-main h2 {
        font-size: 4rem;
    }
    .service-intro-main p {
        font-size: 2rem;
    }
    .main-container.side-menu-close #right-content {
        width: 96%;
    }
}
@media (max-width: 992px) {
    .service-intro-main {
        padding-top: 20px;
    }
    .sevice-row .col-text-content {
        padding: 0 0 0 60px;
    }
    .service-intro-main h2 {
        font-size: 3.5rem;
    }
    .service-intro-main p {
        font-size: 1.8rem;
        margin-right: 20px;
    }
    .sevice-row .col-img-content {
        padding: 0 20px 0 0;
    }
    .service-intro-content .row .col-text {
        padding: 0 70px 0 15px;
    }
    .service-intro-content .row .col-text.col-sm-pull-6 {
        padding: 0 25px 0 70px;
    }
    .index-search-banner {
        min-height: auto;
        padding: 0 0 20px;
    }
    .news-section {
        margin-top: 15px;
    }
    .news-section .col {
        display: block;
        padding: 20px;
        width: 100% !important;
        -webkit-box-shadow: inset 0 0 0 0 rgba(0, 63, 68, 0) !important;
        box-shadow: inset 0 0 0 0 rgba(0, 63, 68, 0) !important;
    }
    .news-section .col p {
        margin-bottom: 0;
    }
    .login-content {
        margin-top: 60px;
    }
    .has-rwd .header {
        position: fixed;
        top: 0;
        height: 45px;
        -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    }
    .has-rwd .header .main-container {
        padding: 0 20px 0 20px;
    }
    .has-rwd .header .logo {
        width: 90px;
        height: 25px;
        margin-top: 10px;
    }
    .has-rwd .header .logo.taipei {
        height: 35px;
        width: 36px;
        margin-top: 4px;
        margin-right: 6px;
    }
    .has-rwd .header .header-tit {
        margin-top: 12px;
        margin-left: 5px;
        font-size: 1.8rem;
    }
    .has-rwd .header span.welcome {
        margin: 12px 15px 0 0;
    }
    .has-rwd .header ul.top-nav {
        margin-top: 0;
        margin-right: 33px;
    }
    .has-rwd .header ul.top-nav > li {
        padding: 0;
        float: left;
    }
    .has-rwd .header ul.top-nav > li > a {
        background: transparent;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 0;
        height: 45px;
        width: 45px;
    }
    .has-rwd .header ul.top-nav > li > a i {
        line-height: 43px;
    }
    .has-rwd .header .mobile-menu-toggle {
        display: inline-block;
        z-index: 9999;
        position: absolute;
        right: 0;
        top: 0;
    }
    .has-rwd .header .mobile-menu-toggle a {
        background: #4573c7;
        display: block;
        text-align: center;
        line-height: 45px;
        margin: 0;
        height: 45px;
        width: 45px;
        color: #fff;
    }
    .has-rwd .header .mobile-menu-toggle:before {
        display: none;
    }
    .has-rwd .side-memu-toggle {
        display: none;
    }
    .has-rwd .main-container {
        min-width: 100%;
        max-width: 100%;
        padding-top: 45px;
        border: 0;
    }
    .has-rwd .main-container:before {
        width: 50.2%;
    }
    .has-rwd .main-container.side-menu-close .side-menu-hold {
        left: -250px;
        margin-left: 0;
    }
    .has-rwd .main-container.side-menu-close #right-content {
        width: 100%;
        left: 0;
        -webkit-filter: blur(0);
    }
    .has-rwd .main-container #right-content {
        left: 250px;
        width: 100%;
        margin-left: 0;
    }
    .has-rwd .main-container #right-content.right-content-act {
        opacity: 0.2;
        -webkit-filter: blur(3px);
    }
    .has-rwd .main-container #right-content .content {
        padding: 0;
    }
    .has-rwd .main-container .side-menu-hold {
        position: fixed;
        width: 250px;
        left: 0;
        top: -20px;
        height: 90vh;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        overflow-y: auto;
    }
    .has-rwd .main-container .side-menu-hold .side-memu-toggle,
    .has-rwd .main-container .side-menu-hold .side-menu-title > span {
        display: none;
    }
    .has-rwd .main-container .side-menu-hold .side-menu-title .selectpicker {
        display: block;
        border: 0;
        padding: 11px;
    }
    .has-rwd .main-container .side-menu-hold .side-menu-title .selectpicker span {
        font-size: 1.5rem;
    }
    .has-rwd .main-container .side-menu-hold:before {
        left: 0;
        width: 100%;
    }
    .has-rwd .breadcrumb-hold {
        padding: 0;
    }
    .has-rwd footer {
        max-width: 100%;
        border: 0;
    }
    .has-rwd .breadcrumb-hold .breadcrumb {
        margin-left: 0;
        padding-left: 0;
    }
}
@media (max-width: 768px) {
    .table.tb-multi {
        overflow: visible !important;
    }
    .main-container {
        overflow: hidden;
    }
    .service-intro-content .row .col-text {
        padding: 0 40px 0 0;
    }
    .service-intro-content .row .col-text.col-sm-pull-6 {
        padding: 0 0 0 50px;
    }
    .service-intro-content .row .col-text h2 {
        font-size: 2.5rem;
    }
    .service-intro-content .row .col-text p {
        font-size: 1.6rem;
    }
    .service-title {
        font-size: 2rem;
        margin: 15px 0;
    }
    .wellcome {
        min-height: 180px;
        padding: 30px 20px 30px;
    }
    .wellcome h3 p {
        font-size: 2rem;
    }
    .wellcome h3 p small {
        font-size: 1.4rem;
        margin-bottom: 10px;
    }
    .wellcome h3 p span {
        font-size: 2.5rem;
    }
    .wellcome h3 p.date {
        margin-top: 20px;
        font-size: 1.3rem;
    }
    .wellcome .info {
        margin-top: -28px;
    }
    .To-do-list-hold {
        margin: -31px 15px 15px;
    }
    .To-do-list-hold ul.To-do-list li a {
        font-size: 2rem;
        padding: 15px;
    }
    .To-do-list-hold ul.To-do-list li a span {
        right: 20px;
        top: 7px;
        font-size: 3rem;
    }
    .header span.welcome {
        display: none;
    }
    .index-search-banner {
        padding: 0 0 15px;
    }
    .login-content {
        margin-top: 45px;
    }
    .login-content .nav-tabs {
        display: inline-block;
    }
    .login-content .nav-tabs > li {
        display: inline-block;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }
    .login-content .nav-tabs > li a {
        margin-bottom: 0;
    }
    .index-search-banner .search-hold {
        right: 14px;
    }
    .index-search-banner .search-hold.open {
        width: calc(100% - 29px);
        background: rgba(0, 0, 0, 0.8);
    }
    .news-section .col a.btn {
        margin-top: 10px;
    }
    .xs-ct {
        text-align: center !important;
    }
    .main-container {
        padding: 0 15px;
    }
    .has-rwd .header ul.top-nav {
        padding-top: 5px;
        display: none;
        position: fixed;
        margin-top: 45px;
        margin-right: 0;
        right: 0;
        width: 45px;
        background: #fff;
        border-bottom-left-radius: 5px;
        -webkit-box-shadow: 0 5px 5px 0 rgba(0, 63, 68, 0.15);
        box-shadow: 0 5px 5px 0 rgba(0, 63, 68, 0.15);
    }
    .has-rwd .header ul.top-nav > li > a {
        border-left: 0;
    }
}
@media (max-width: 767px) {
    .table-responsive .table {
        max-width: none;
    }
    .sevice-row .col-img-content {
        padding: 20px 80px 0 80px;
    }
    .service-intro-main {
        padding-bottom: 30px;
    }
    .service-intro-main h2 {
        margin-top: -10px;
        margin-bottom: 10px;
        font-size: 3.2rem;
    }
    .service-intro-main p {
        margin-right: 0;
    }
    .sevice-row .col-text-content {
        padding: 0 60px;
    }
    .service-intro-content .row .col-text {
        padding: 0 40px 10px 40px;
    }
    .service-intro-content .row .col-text.col-sm-pull-6 {
        padding: 0 40px 10px 40px;
    }
    .service-intro-content .row .col-text.col-sm-pull-6 .btn-primary {
        margin-top: 0;
        margin-bottom: 20px;
    }
    #right-content .content,
    #right-content demo-sample {
        position: relative;
    }
}
@media (max-width: 540px) {
    .sevice-row .col-img-content {
        padding: 20px 50px 0 50px;
    }
    .media .media-left a {
        display: none;
    }
}
@media (max-width: 450px) {
    .sevice-row .col-img-content {
        padding: 0 40px;
    }
    .sevice-row .col-text-content {
        padding: 0 40px;
    }
    .service-intro-main {
        padding-bottom: 10px;
    }
    .service-intro-main h2 {
        font-size: 2.8rem;
    }
    .service-intro-main p {
        font-size: 1.6rem;
    }
    body.for-index {
        background: url(../img/global/index-bg-m.jpg) center top repeat-x #f2f2f2;
    }
    .login-content {
        width: 100%;
        padding: 20px;
    }
    .login-content .logo.taipei {
        width: 115px;
        height: 115px;
        top: -53px;
        margin-left: -59px;
    }
    .login-content .logo.title span {
        font-size: 2rem;
    }
    .login-content .tab-content {
        margin-bottom: 15px;
    }
    .wellcome {
        padding: 30px 60px 45px 20px;
        background: url(../img/global/main-bg.jpg) center no-repeat #fef8f0;
        background-size: auto 100%;
    }
    .wellcome .info {
        margin-top: 2px;
        float: none;
    }
    .To-do-list-hold {
        margin: -26px 0 15px;
    }
    .To-do-list-hold ul.To-do-list li a {
        font-size: 1.6rem;
        padding: 10px;
    }
    .To-do-list-hold ul.To-do-list li a span {
        right: 15px;
        top: 7px;
        font-size: 2rem;
    }
}
@media (max-width: 375px) {
    .login-content {
        padding: 20px;
    }
}
@media (max-width: 320px) {
    .index-search-banner {
        padding: 0;
    }
    .index-search-banner .container {
        padding: 0;
    }
    .login-content .logo.title span {
        font-size: 1.8rem;
    }
    .login-content .logo.title:before {
        width: 90px;
        height: 25px;
    }
    .has-rwd .header .header-tit {
        font-size: 1.5rem;
    }
    .has-rwd .header .logo {
        width: 80px;
        height: 22px;
        margin-top: 11px;
    }
}
@-moz-document url-prefix() {
    .main-container.side-menu-close .side-menu-hold .side-bar .panel.special-btn > a.one-level i {
        top: 11px;
    }
}