/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

body, figure, form, li, ul {
    margin: 0;
}

.attachfile_list span, .dropdown_title {
    text-overflow: ellipsis;
    overflow: hidden;
}

dl, h3, menu, ol, p, pre {
    margin: 1em 0;
}

li, ul {
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

.wrapper, body {
    height: 100%;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: #e6e6e6;
}

button, html, input, select, textarea {
    font-family: sans-serif;
}

a:focus {
    outline: dotted thin;
}

a:active, a:hover {
    outline: 0;
}

.commonsec-2 .radio-inline .radio label::after, .commonsec-2 .radio-inline input, .item-btn .itemin_btn, .item-btn a, .nav-profileBar .profilebar-hamburger a, .tableexpand-caret a {
    outline-style: none;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

h2 {
    font-size: 1.5em;
    margin: .83em 0;
}

h3 {
    font-size: 1.17em;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: .83em;
    margin: 1.67em 0;
}

h6 {
    font-size: .75em;
    margin: 2.33em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp {
    font-family: monospace,serif;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

    q:after, q:before {
        content: '';
        content: none;
    }

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

dd {
    margin: 0 0 0 40px;
}

menu, ol {
    padding: 0 0 0 40px;
}

li, nav ol, nav ul {
    list-style: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

button, input {
    line-height: normal;
}

    button, html input[type=button], input[type=reset], input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer;
    }

        button[disabled], input[disabled] {
            cursor: default;
        }

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box;
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
    font-family: rsu_b;
    src: url(fonts/rsu_bold-webfont.eot);
    src: url(fonts/rsu_bold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/rsu_bold-webfont.woff2) format("woff2"),url(fonts/rsu_bold-webfont.woff) format("woff"),url(fonts/rsu_bold-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: rsu_l;
    src: url(fonts/rsu_light-webfont.eot);
    src: url(fonts/rsu_light-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/rsu_light-webfont.woff2) format("woff2"),url(fonts/rsu_light-webfont.woff) format("woff"),url(fonts/rsu_light-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: rsu_r;
    src: url(fonts/rsu_regular-webfont.eot);
    src: url(fonts/rsu_regular-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/rsu_regular-webfont.woff2) format("woff2"),url(fonts/rsu_regular-webfont.woff) format("woff"),url(fonts/rsu_regular-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: ptt_ess;
    src: url(fonts/ptt_ess.eot?vdcr39);
    src: url(fonts/ptt_ess.eot?vdcr39#iefix) format("embedded-opentype"),url(fonts/ptt_ess.ttf?vdcr39) format("truetype"),url(fonts/ptt_ess.woff?vdcr39) format("woff"),url(fonts/ptt_ess.svg?vdcr39#ptt_ess) format("svg");
    font-weight: 400;
    font-style: normal;
}

[class*=" icon-"], [class^=icon-] {
    font-family: ptt_ess !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 28px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nav-profileBar, .navProfile {
    font-family: rsu_r;
}

.icon-accountant_personal:before {
    content: "\e932";
}

.icon-doc_dots:before {
    content: "\e933";
}

.icon-dots:before {
    content: "\e934";
}

.icon-paper_clip:before {
    content: "\e931";
}

.icon-plus_large:before {
    content: "\e92a";
}

.icon-return_large:before {
    content: "\e92b";
}

.icon-x_large:before {
    content: "\e92c";
}

.icon-arrow_in_large:before {
    content: "\e92d";
}

.icon-pencil_line_large:before {
    content: "\e92e";
}

.icon-plane_down_large:before {
    content: "\e92f";
}

.icon-plane_up_large:before {
    content: "\e930";
}

.icon-printer:before {
    content: "\e928";
}

.icon-bulb:before {
    content: "\e929";
}

.icon-arrow_tail_left:before {
    content: "\e924";
}

.icon-arrow_tail_right:before {
    content: "\e925";
}

.icon-arrow_tail_up:before {
    content: "\e926";
}

.icon-arrow_tail_down:before {
    content: "\e927";
}

.icon-calendar_sunglass:before {
    content: "\e923";
}

.icon-doc_arrow_return:before {
    content: "\e913";
}

.icon-doc_arrow_right:before {
    content: "\e914";
}

.icon-doc_check:before {
    content: "\e915";
}

.icon-doc_pencilp_line:before {
    content: "\e916";
}

.icon-doc_plane_down:before {
    content: "\e917";
}

.icon-doc_plane_up:before {
    content: "\e918";
}

.icon-doc_plus:before {
    content: "\e919";
}

.icon-doc_x:before {
    content: "\e91a";
}

.icon-man_level:before {
    content: "\e91b";
}

.icon-pin:before {
    content: "\e91c";
}

.icon-trash_can:before {
    content: "\e91d";
}

.icon-calendar:before {
    content: "\e91e";
}

.icon-check_large:before {
    content: "\e91f";
}

.icon-check_small:before {
    content: "\e920";
}

.icon-clock:before {
    content: "\e921";
}

.icon-doc:before {
    content: "\e922";
}

.icon-hamburger:before {
    content: "\e912";
}

.icon-arrow_line_right:before {
    content: "\e900";
}

.icon-arrow_line_up:before {
    content: "\e901";
}

.icon-arrow_solid_down:before {
    content: "\e902";
}

.icon-arrow_solid_left:before {
    content: "\e903";
}

.icon-arrow_solid_right:before {
    content: "\e904";
}

.icon-arrow_solid_up:before {
    content: "\e905";
}

.icon-bag_baht:before {
    content: "\e906";
}

.icon-bill_baht:before {
    content: "\e907";
}

.icon-doc_man:before {
    content: "\e908";
}

.icon-doc_time:before {
    content: "\e909";
}

.icon-home:before {
    content: "\e90a";
}

.icon-magnify_glass:before {
    content: "\e90b";
}

.icon-man_tie:before {
    content: "\e90c";
}

.icon-pencil_line:before {
    content: "\e90d";
}

.icon-arrow_line_down:before {
    content: "\e90e";
}

.icon-arrow_line_left:before {
    content: "\e90f";
}

.icon-arrow_line_long_left:before {
    content: "\e910";
}

.icon-arrow_line_long_right:before {
    content: "\e911";
}

body {
    background: 0 0;
    width: 100%;
    position: absolute;
}

a:focus, a:hover {
    cursor: pointer;
    text-decoration: none !important;
}

.calendar_item-tableBlock .calendar_item-table .navCircle:after, .calendar_item-tableBlock .calendar_item-table .navCircle:before, .calendar_item-tableBlock .calendar_item-table .navCircle_list:after, .calendar_item-tableBlock .calendar_item-table .navCircle_list:before, .clearfix:after, .clearfix:before {
    content: " ";
    display: table;
}

.calendar_item-tableBlock .calendar_item-table .navCircle:after, .calendar_item-tableBlock .calendar_item-table .navCircle_list:after, .clearfix:after {
    clear: both;
}

.-desk-only {
    display: block !important;
}

.-res-only {
    display: none !important;
}

@media screen and (max-width:992px) {
    .-desk-only {
        display: none !important;
    }

    .-res-only {
        display: block !important;
    }
}

.-desk_md-only {
    display: block !important;
}

.-xs_sm-only {
    display: none !important;
}

@media screen and (max-width:767px) {
    .-desk_md-only {
        display: none !important;
    }

    .-xs_sm-only {
        display: block !important;
    }
}

.-col_centered {
    float: none;
    margin: 0 auto;
}

.-center-xy, .loginPage .loginBlock, .navProfile .ProfileBlock {
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.-widthfull {
    width: 100% !important;
}

.-img_circle {
    border-radius: 50%;
}

.-visible {
    display: block !important;
}

.-mrg_btn {
    margin-bottom: 15px !important;
}

.-mrg_btn2 {
    margin-bottom: 14% !important;
}

.-mrg_top0 {
    margin-top: 0 !important;
}

.-mrg_top10 {
    margin-top: 10px !important;
}

.-mrg_top-5 {
    margin-top: -5px !important;
}

.-bg-blue {
    background-color: #289efe !important;
}

.-bg-lightblue {
    background-color: rgba(40,158,255,.1) !important;
}

.-bg-lightred {
    background-color: rgba(255,68,63,.1) !important;
}

.-bg-lightgray {
    background-color: #f7f7f7 !important;
}

.-txt-toptitle {
    font-size: 20px;
}

.-txt-blue {
    color: #289efe !important;
}

.-txt-lightblue {
    color: #0ff !important;
}

.-txt-gray {
    color: #787878 !important;
}

.-txt-lightgray {
    color: #CBCBCB !important;
}

.-txt-org {
    color: #FBB03B !important;
}

.-txt-green {
    color: #0FCAA4 !important;
}

.-txt-red {
    color: #FF443F !important;
}

.-date-black, .-date-blue, .-txt-white {
    color: #fff !important;
}

.-settxt-center {
    text-align: center !important;
}

.-settxt-left {
    text-align: left !important;
}

.-settxt-right {
    text-align: right !important;
}

.-set-left {
    float: left !important;
}

.-set-right {
    float: right !important;
}

.-set-inline {
    display: inline !important;
}

.-set-inlineblock {
    display: inline-block !important;
}

.-fixed {
    position: fixed;
}

@media screen and (max-width:768px) {
    .-xs-block {
        padding-top: 5px;
        display: block !important;
    }

    .mainNav .navBlock .navProfile .col-xs-11, .mainNav .navBlock .nav_b2 .col-xs-11 {
        width: 100%;
    }
}

.-setz20 {
    z-index: 20;
}

.-pad0 {
    padding: 0;
}

.-pad5 {
    padding: 5px;
}

.-pad10 {
    padding: 10px;
}

.-pad20 {
    padding: 20px;
}

.-padr20p {
    padding-right: 20%;
}

.-padleft0 {
    padding-left: 0;
}

.-padleft25 {
    padding-left: 25px;
}

.-padlr0 {
    padding-left: 0;
    padding-right: 0;
}

.-padbtm0 {
    padding-bottom: 0 !important;
}

.-martop-5 {
    margin-top: -5px;
}

.-marbtm-0 {
    margin-bottom: 0 !important;
}

.-task-highlight {
    background: rgba(40,158,255,.1) !important;
}

.-tab-org {
    background-color: #FBB03B !important;
}

.-tab-green {
    background-color: #0FCAA4 !important;
}

.-tab-red {
    background-color: #FF443F !important;
}

.-tab-grey {
    background-color: #B2B2B2 !important;
}

.-scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.-spacetop {
    padding-top: 2.6rem !important;
}

.-spacebtm {
    padding-bottom: 2.6rem !important;
}

.-fakeboxbtm {
    height: 2.5rem;
}

.eventnone {
    pointer-events: none !important;
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.-caret-right, .body_content .workcalendar_block .dropdown span.caret {
    float: right;
    margin-top: 8px;
}

.-date-blue {
    background-color: #289efe !important;
    border-color: #289efe !important;
}

.-date-black {
    background-color: #000 !important;
    border-color: #000 !important;
}

.forscroll-x {
    overflow-x: auto;
}

.for_border-bottom {
    width: 100%;
    border-bottom: 1px solid #CBCBCB;
}

.no_border-bottom {
    border-bottom: none !important;
}

.-border-radius4 {
    border-radius: 4px;
}

nav {
    position: relative;
    z-index: 7;
}

a, a:hover {
    color: inherit;
}

.mainNav {
    padding: 0 0 0 2%;
    position: fixed;
}

    .mainNav .navBlock {
        padding: 0;
        height: inherit;
    }

        .mainNav .navBlock .col-md-11, .mainNav .navBlock .col-xs-11 {
            padding-right: 0;
        }

        .mainNav .navBlock .navProfile, .mainNav .navBlock .nav_b2 {
            position: absolute;
            top: 0;
            height: inherit;
            z-index: -1;
            -webkit-transition: ease all .2s;
            transition: ease all .2s;
        }

@media screen and (max-width:992px) {
    .mainNav {
        padding: 0;
    }

        .mainNav .navBlock .col-md-11, .mainNav .navBlock .col-xs-11 {
            padding-left: 0;
        }

        .mainNav .navBlock .navProfile, .mainNav .navBlock .nav_b2 {
            max-width: 440px;
            left: -100%;
        }

    .nav-panel {
        padding-left: 0;
    }
}

.navActive {
    left: 0 !important;
}

.nav-panel {
    height: inherit;
}

    .nav-panel .nav-panel_list {
        background-color: #fff;
        padding: 55px 0 60px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

.navProfile {
    font-size: 18px;
    top: -3000% !important;
    -webkit-transition: ease all .3s !important;
    transition: ease all .3s !important;
}

@media screen and (max-width:992px) {
    .nav-panel .nav-panel_list {
        padding: 65px 0 50px;
    }

    .navProfile {
        -webkit-transition: ease all .2s !important;
        transition: ease all .2s !important;
        left: inherit !important;
        top: -3000% !important;
        max-width: 100% !important;
    }
}

.navProfile .nav-panel_list {
    padding: 0;
    overflow: hidden;
}

.navProfile .ProfileBlock {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding-left: 30px;
}

@media screen and (max-width:992px) {
    .navProfile .nav-panel_list {
        overflow-y: scroll;
    }

    .navProfile .ProfileBlock {
        padding: 10rem 0;
    }

    .navProfile .col-xs-11 {
        width: 100% !important;
    }
}

@media screen and (max-width:768px) {
    .navProfile .ProfileBlock {
        position: relative;
        top: inherit;
        left: inherit;
        -webkit-transform: inherit;
        transform: inherit;
        padding: 29% 0;
    }
}

.navProfile .nav-control .profile-control {
    max-width: 100%;
}

.navProfile .nav-control {
    display: block;
}

@media screen and (max-width:992px) {
    .navProfile .nav-control {
        display: none;
    }
}

.navProfileActive {
    top: 0 !important;
}

.ProfileBlock p {
    margin: 5px;
}

.ProfileBlock .profile-img {
    box-shadow: 0 0 7px 2px rgba(0,0,0,.2);
    max-width: 170px;
    max-height: 170px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
}

    .ProfileBlock .profile-img img {
        vertical-align: middle;
        display: inline;
        margin: 0 auto;
        height: 100%;
        width: 100%;
        -webkit-transform: translate(0,-5%);
        transform: translate(0,-5%);
    }

.nav-profileBar .dropdown, .nav-profileBar li {
    display: inline-block;
}

.ProfileBlock .profile-name {
    margin-top: 2.5rem;
    font-size: 22px;
}

@media screen and (max-width:992px) {
    .ProfileBlock .profile-name {
        font-size: 24px;
    }
}

@media screen and (max-width:550px) {
    .ProfileBlock .profile-name {
        margin-top: 2rem;
    }
}

.ProfileBlock .profile-id {
    margin: 1rem;
    font-size: 18;
    color: #fff;
    background-color: #289efe;
    padding: 2px 30px;
    display: inline-block;
    border-radius: 3px;
    height: 35px; padding-top: 6px;
}

@media screen and (max-width:992px) {
    .ProfileBlock .profile-id {
        font-size: 20px;
        height: 35px; 
    }
}

.ProfileBlock .profile-agency, .ProfileBlock .profile-rank {
    color: #787878;
    font-size: 15px;
}

    .ProfileBlock .profile-agency span, .ProfileBlock .profile-rank span {
        color: #000;
        padding-left: 5px;
    }

.nav-profileBar {
    font-size: 18px;
    z-index: 20;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
}

    .nav-profileBar ul {
        text-align: center;
    }

    .nav-profileBar img {
        max-width: 100px;
    }

@media screen and (max-width:1199px) {
    .nav-profileBar img {
        max-width: 60px;
    }
}

.nav-profileBar .profilebar-hamburger {
    position: relative;
    margin: 1rem auto 0;
    float: left;
    padding-left: 15px;
    z-index: 1;
}

@media screen and (max-width:992px) {
    .ProfileBlock .profile-agency, .ProfileBlock .profile-rank {
        font-size: 18px;
    }

    .nav-profileBar {
        font-size: 20px;
        height: 3rem;
        position: relative;
    }

        .nav-profileBar .profilebar-hamburger {
            margin: .65rem auto 0;
        }

            .nav-profileBar .profilebar-hamburger span {
                font-size: 22px;
            }
}

.nav-profileBar .profilebar-img {
    float: left;
    padding-left: 15px;
    -webkit-transition: ease margin .2s;
    transition: ease margin .2s;
}

.nav-profileBar .profilebar-id {
    position: absolute;
    left: 0;
    right: 0;
    margin: 10px auto 0;

}

    .hamburger, .nav-profileBar .profilebar-id a {
        position: relative;
    }

@media screen and (max-width:992px) {
    .nav-profileBar .profilebar-id {
        margin: 3px auto 0;
        width: 100%;
    }
}

.nav-profileBar .profilebar-logo {
    margin-top: .5rem;
    float: right;
    text-align: right;
    padding-right: 15px;
}

@media screen and (max-width:992px) {
    .nav-profileBar .profilebar-logo {
        margin-top: 3px;
    }
}

.nav-profileBar .dropdown-menu li {
    display: block;
    text-align: left;
}

.hamburger {
    width: 25px;
    height: 30px;
    margin: 0 auto;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease;
    transition: .25s ease;
    cursor: pointer;
}

    .hamburger.eat .vegetable:nth-child(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: -1.5px;
    }

    .hamburger.eat .vegetable:nth-child(2) {
        width: 0;
        opacity: 0;
    }

    .hamburger.eat .vegetable:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 16.5px;
    }

.vegetable {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #289efe;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .15s ease;
    transition: .15s ease;
}

.ico_lightaction:focus, .ico_lightaction:hover, .tag_lightaction:focus, .tag_lightaction:hover {
    opacity: .7;
}

.vegetable:nth-child(1), .vegetable:nth-child(2) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
}

.bar_search, .task_inner {
    -webkit-transition: ease all .2s;
    transition: ease all .2s;
}

.vegetable:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.vegetable:nth-child(2) {
    top: 7px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.vegetable:nth-child(3) {
    top: 14px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.profilebar_img {
    max-width: 65px;
    max-height: 65px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    -webkit-transform: translate(0,-5%);
    transform: translate(0,-5%);
}

@media screen and (max-width:1199px) {
    .profilebar_img {
        max-width: 48px;
        max-height: 48px;
        -webkit-transform: translate(0,9%);
        transform: translate(0,9%);
    }
}

@media screen and (max-width:992px) {
    .profilebar_img {
        max-width: 80px;
        max-height: 80px;
        -webkit-transform: translate(0,-13%);
        transform: translate(0,-13%);
    }
}

.profilebar_img img, .profilebar_img-small, .profilebar_img-small img {
    -webkit-transform: translate(0,-5%);
    transform: translate(0,-5%);
    vertical-align: middle;
}

.profilebar_img img {
   /* display: inline;
    margin: 0 auto;
    height: 100%;
    width: 100%; */
    display: inline;
    margin-top: 3px;
    height: 50px;
    width: 50px;
}

.profilebar_img-small {
    display: none;
    max-width: 25px;
    max-height: 25px;
    position: relative;
    overflow: hidden;
    border-radius: 50%; 
}

    .profilebar_img-small img {
        -webkit-transition: ease all .2s;
        transition: ease all .2s;
        display: inline;
        margin: 0 auto;
        height: 100%;
        width: 100%;
    }

.taskBlock {
    font-family: rsu_r;
    width: 100%;
    height: auto;
    color: #787878;
}

    .taskBlock .task-titletop {
        font-family: rsu_r;
        padding-right: 2%;
        width: 68%;
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
    }

@media screen and (max-width:1199px) {
    .taskBlock .task-titletop {
        font-size: 16px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width:992px) {
    .profilebar_img-small {
        display: inline-block;
    }

    .taskBlock .task-titletop {
        font-size: 20px;
        margin-bottom: 5px;
    }
}

.taskBlock .task-wait {
    font-size: 17px;
    display: inline-block;
    width: 13%;
    margin-right: 3%;
    color: red;
    vertical-align: middle;
    padding-left: 2%;
}

.taskBlock .task-icon {
    font-family: ptt_ess;
    display: inline-block;
    width: 10%;
    margin-right: 2%;
    text-align: center;
    vertical-align: middle;
}

.nav-control .profile-control, .span_name {
    font-family: rsu_r;
}
.span_name_left {
    font-family: rsu_r;
}
.taskBlock .task-icon [class*=" icon-"], .taskBlock .task-icon [class^=icon-] {
    font-size: 24px;
}

@media screen and (max-width:1199px) {
    .taskBlock .task-icon [class*=" icon-"], .taskBlock .task-icon [class^=icon-] {
        font-size: 22px;
    }
}

@media screen and (max-width:992px) {
    .taskBlock .task-icon {
        margin-right: 3%;
    }

        .taskBlock .task-icon [class*=" icon-"], .taskBlock .task-icon [class^=icon-] {
            font-size: 28px;
        }
}

.taskBlock .task-title {
    padding-right: 2%;
    width: 68%;
    display: inline-block;
    margin-bottom: 14px;
    font-size: 16px;
    vertical-align: text-top;
    line-height: 13px;
}

@media screen and (max-width:992px) {
    .taskBlock .task-title {
        font-size: 18px;
    }
}

.taskBlock:last-child {
    padding-bottom: 10px;
}

.navCircle, .navCircle_list {
    max-width: 50px;
}

.navCircle_list {
    margin: 0 auto;
    max-width: 41px;
    display: block;
}

    .navCircle .inCircle, .navCircle_list .inCircle {
        font-family: rsu_r;
        font-size: 17px;
        display: block;
        float: none;
        padding: 45%;
        width: auto;
        height: auto;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        background: #fff;
        text-align: center;
        position: relative;
        border: 2px solid #787878;
        -webkit-tap-highlight-color: transparent;
    }

        .navCircle .inCircle span, .navCircle_list .inCircle span {
            position: absolute;
            width: 100%;
            left: 0;
            top: 23%;
            line-height: 1em;
            height: 1em;
            overflow: hidden;
        }

@media screen and (max-width:1199px) {
    .navCircle .inCircle span, .navCircle_list .inCircle span {
        top: 15%;
    }
}

@media screen and (max-width:992px) {
    .navCircle .inCircle, .navCircle_list .inCircle {
        font-size: 19px;
    }

        .navCircle .inCircle span, .navCircle_list .inCircle span {
            top: 30%;
        }
}

@media screen and (max-width:768px) {
    .navCircle .inCircle span, .navCircle_list .inCircle span {
        top: 32%;
    }
}

@media screen and (max-width:550px) {
    .navCircle .inCircle span, .navCircle_list .inCircle span {
        top: 30%;
    }
}

.navCircle_list:after, .navCircle_list:before {
    content: "\00a0";
    width: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 10px;
    background-color: #787878;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.task_titlehead {
    padding: .4rem 0;
}

@media screen and (max-width:1199px) {
    .task_titlehead {
        padding: .2rem 0;
    }
}

@media screen and (max-width:992px) {
    .navCircle_list:after, .navCircle_list:before {
        height: 12px;
    }

    .task_titlehead {
        padding: .4rem 0;
    }
}

.task_titlehead .inCircle {
    color: #fff;
    background: #787878;
}

.task_inner ul:hover, .task_titlehead:hover {
    background-color: rgba(234,246,255,.5);
    cursor: pointer;
}

.task_titlehead .task-titletop {
    margin-bottom: 7px;
    margin-top: 7px;
}

.task_titlehead a, .task_titlehead a:hover {
    color: inherit;
}

.task_inner {
    margin-bottom: 5px;
}

    .task_inner ul:not(:first-child) {
        margin-top: -3px;
    }

.taskactive {
    color: #289efe;
}

    .taskactive .task_titlehead .inCircle {
        color: #fff;
        background: #289EFF;
        border: 2px solid #289efe;
    }

    .taskactive .navCircle_list .inCircle {
        border: 2px solid #289efe;
    }

    .taskactive .navCircle_list:after, .taskactive .navCircle_list:before {
        background-color: #289efe;
    }

.nav-control {
    position: absolute;
    bottom: 0;
    z-index: 3;
}

    .nav-control .control-sub {
        padding: 12px;
        background-color: #ccc;
        color: #fff;
        white-space: nowrap;
    }

        .nav-control .control-sub:active, .nav-control .control-sub:hover {
            background-color: #656565;
        }

    .nav-control .profile-control {
        font-size: 18px;
    }

        .nav-control .profile-control .fordropshadow {
            box-shadow: 0 -2px 2px 0 #bfbfbf;
        }

@media screen and (max-width:992px) {
    .nav-control .profile-control {
        max-width: 450px;
        font-size: 20px;
    }
}

.profile-control {
    text-align: center;
}

.-sm_navCicle {
    width: 5px !important;
    height: 5px !important;
    margin: 0 auto;
    padding: 25% !important;
}

.dropdown-menu > li > a {
    padding: 6px 20px 3px;
}

.row {
    width: 100%;
    margin-left: 0;
}

.form-control {
    height: 38px;
    box-shadow: inset 0 0 5px 2px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0,0,0,.075);
}

.span_name {
    font-size: 17px;
    color: #787878;
    display: inline-block !important;
}
.span_name_left {
    font-size: 17px;
    color: #787878;
    display: inline-block !important;
}
.sod_select .sod_option.selected:before, .sod_select:before {
    display: none;
}

.sod_select {
    width: inherit;
    font-size: 16px;
    padding: 6px 60px 4px 12px;
    border: 1px solid #f7f7f7;
    border-radius: 2px;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
    vertical-align: middle;
    background: 0 0;
    color: #fff;
}

    .sod_select:active, .sod_select:hover {
        border: 1px solid #CBCBCB;
    }

    .sod_select:after {
        font-family: ptt_ess !important;
        content: "\e902";
    }

.bar-content .bar_title .bar_left, .bar_search .search_block .btn, .bar_search input, .contentBodyin .bar_title .dropdown > .btn-default, .itemlist .item-title, .loginPage .loginBlock .loginBlockin, .loginPage button#dropdownMenu1 {
    font-family: rsu_r;
}

.sod_select .sod_list_wrapper {
    box-shadow: 0 0 7px 1px rgba(0,0,0,.2);
    border: none !important;
    border-radius: 2px;
    width: 100%;
}

.sod_select .sod_option.active {
    border-radius: 2px;
}

.sod_select .sod_option {
    padding: 6px 10px;
}

.sod_select.open {
    color: #E5E5E5;
}

.sod_select.focus {
    border-color: #CBCBCB;
}

.img_loginlogo {
    width: 100%;
    height: auto;
}

.loginPage .loginBlock {
    width: 100%;
    position: fixed;
}

    .loginPage .loginBlock .loginBlockin {
        font-size: 18px;
        max-width: 400px;
        margin: 0 auto;
    }

@media screen and (max-width:768px) {
    .loginPage .loginBlock .loginBlockin {
        margin: 20% auto;
    }

    .loginPage .loginBlock {
        position: relative;
        top: inherit;
        left: inherit;
        -webkit-transform: inherit;
        transform: inherit;
    }
    .contentHead .bar_title {
        padding-top: 0rem;
        height: 3.5rem;
    }

}
@media screen and (min-width:767px) and (max-width:992px){
    .contentHead .bar_title {
        padding-top: 0rem;
        height: 3.5rem;
    }
}

.loginPage .btn_submit {
    width: 100%;
    padding: 0;
}

    .loginPage .btn_submit [class*=" icon-"], .loginPage .btn_submit [class^=icon-] {
        font-size: 55px;
    }

.loginPage .dropdown_login {
    width: 100%;
    text-align: left;
}

.loginPage .dropdown-menu li:active, .loginPage .dropdown-menu li:hover {
    background-color: #f7f7f7;
}

.loginPage .caret {
    float: right;
    border-top: none;
    margin-top: -6px;
}

    .loginPage .caret:before {
        content: "\e90e";
        font-size: 16px;
        margin: 0 -8px;
    }

.loginPage button#dropdownMenu1 {
    font-size: 18px;
}

.loginPage ul.dropdown-menu a {
    font-size: 18px;
    padding-left: 5px;
    color: #444;
}

.bar-content, .bar-content .bar_title input[type=checkbox]#checkbox0:checked + label::after {
    color: #fff;
}

.mainBlock {
    padding: 0 3.1% 0 3%;
    height: 100%;
}

    .mainBlock .contentHead {
        z-index: 6;
        position: relative;
    }

@media screen and (max-width:992px) {
    .mainBlock {
        padding: 0;
    }

        .mainBlock .contentHead {
            z-index: 6;
        }
}

.mainBlock .contentBlock {
    background-color: #e6e6e6;
    height: 100%;
    padding: 0;
}

@media screen and (max-width:768px) {
    .mainBlock .contentBlock {
        background-color: #E5E5E5;
    }
}

.mainBlock .contentBody .contentBodyin {
    padding-top: 1.5rem;
    margin-top: -30px;
}

.mainBlock .contentPagination {
    position: fixed;
    bottom: 0;
    height: 2.7rem;
    background-color: #fff;
    box-shadow: 0 -2px 5px 0 rgba(0,0,0,.2);
}

.bar-content .bar_title {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
    background-color: #289efe;
    min-height: 3.5rem;
    overflow: hidden;
    z-index: 4;
}

@media screen and (max-width:550px) {
    .bar-content .bar_title {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }
}

.bar-content .bar_title.-warp .bar_left {
    width: 100%;
}

    .bar-content .bar_title.-warp .bar_left .bar_left-title {
        margin-top: 4px;
        margin-bottom: 5px;
    }

.bar-content .bar_title .col-md-12 {
    padding-right: 0;
}

.bar-content .bar_title .bar_left {
    font-size: 24px;
    margin: .8rem auto 0;
    float: left;
}

.bar-content .bar_title .bar_right {
    padding: 1rem 1.3rem;
    float: right;
}

    .bar-content .bar_title .bar_right:hover {
        cursor: pointer;
    }

    .bar-content .bar_title .bar_right .dropdown-menu {
        left: inherit;
        right: 0;
        text-align: left;
    }

.bar-content .bar_title input[type=checkbox]#checkbox0 + label::before {
    background-color: transparent !important;
    border-color: #fff;
}

.contentHead .bar_title {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
}
.extanding-scale {
    margin-top:10px;        
}
@media screen and (max-width:992px) {
    .contentHead .bar_title {
    }
    .extanding-scale {
            margin-top: 2px ;
    }

}

.contentHead .bar_right {
    padding: 1rem 1.3rem;
    border-left: 1px solid rgba(76,215,222,.58);
    float: right;
}

    .contentHead .bar_right:hover {
        cursor: pointer;
        background-color: #1C90ED;
    }

.bar_search {
    margin-top: -3.5rem;
    background-color: #1C90ED;
    height: 3.5rem;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
}

    .bar_search .search_block .btn-default, .bar_search .search_block .form-control {
        background-color: #1283DE;
        border: 1px solid #279DFF;
        color: #fff;
    }

.MainDocPage .contentHead .bar_title, .profile_position {
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
}

.bar_search .search_block {
    margin: .7rem auto 0;
}

    .bar_search .search_block .btn {
        font-size: 18px;
        padding: 5.5px 20px;
    }

.bar_search input {
    font-size: 18px;
}

.bar_searchactive {
    margin-top: 0;
}

.contentBodyin {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

    .contentBodyin .bar_title {
        overflow: visible;
    }

        .contentBodyin .bar_title .bar_left {
            margin: .5rem auto 0;
            font-size: 18px;
        }

        .contentBodyin .bar_title .bar_right.barright_icon {
            margin: 0 auto;
            padding: 1.2rem 1rem;
            border-left: 1px solid rgba(76,215,222,.58);
            float: right;
        }

            .contentBodyin .bar_title .bar_right.barright_icon:active, .contentBodyin .bar_title .bar_right.barright_icon:hover {
                cursor: pointer;
                background-color: #1C90ED;
            }

            .contentBodyin .bar_title .bar_right.barright_icon span {
                font-size: 20px;
            }

        .contentBodyin .bar_title .bar_right.barright_dropdown {
            padding: .2rem 15px .7rem;
            margin: .6rem auto 0;
            background-color: transparent;
            font-family: rsu_r;
        }

            .contentBodyin .bar_title .bar_right.barright_dropdown .dropdown {
                display: inline-block;
            }

@media screen and (max-width:550px) {
    .contentBodyin .bar_title .bar_right.barright_dropdown {
        width: 100%;
        padding: 0 .7rem .2rem 0;
        margin: 0 auto 1rem;
    }

        .contentBodyin .bar_title .bar_right.barright_dropdown .dropdown {
            width: 80%;
        }

            .contentBodyin .bar_title .bar_right.barright_dropdown .dropdown button {
                width: 100%;
            }
}

.contentBodyin .bar_title .bar_right.barright_dropdown .dropdown .btn {
    text-align: left;
}

.contentBodyin .bar_title .bar_right.barright_dropdown .dropdown .caret {
    margin-top: 10px;
    float: right;
}

.contentBodyin .bar_title .bar_right.barright_dropdown:hover {
    cursor: inherit;
}

.contentBodyin .bar_title .dropdown > .btn-default {
    font-size: 16px;
    background-color: transparent;
    color: #fff;
}

.contentBodyin .bar_title .btn .caret {
    margin-left: 60px;
}

.body_content {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 30px;
}

@media screen and (max-width:550px) {
    .contentBodyin .bar_title .btn .caret {
        margin-left: 25px;
    }

    .body_content {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
}

.body_content .announcelist_block, .body_content .itemlist_block, .body_content .workcalendar_block {
    position: relative;
    padding: 2.5% 0 0;
    min-height: 6rem;
    border: 1px solid #E5E5E5;
}

    .body_content .announcelist_block .checkbox, .body_content .itemlist_block .checkbox, .body_content .workcalendar_block .checkbox {
        margin-top: 0;
        display: inline-block;
        vertical-align: top;
    }

    .body_content .announcelist_block .itemlist, .body_content .itemlist_block .itemlist, .body_content .workcalendar_block .itemlist {
        display: inline-block;
    }

.MainDocPage .itemlist {
    width: 95%;
}

@media screen and (max-width:768px) {
    .contentBody {
        background-color: #E5E5E5;
    }

    .body_content {
        background-color: #fff;
    }

    .MainDocPage .itemlist {
        width: 86%;
    }
}

.MainDocPage .body_content .announcelist_block, .MainDocPage .body_content .itemlist_block, .MainDocPage .body_content .workcalendar_block {
    border-top-style: none;
}

    .MainDocPage .body_content .announcelist_block:last-child, .MainDocPage .body_content .itemlist_block:last-child, .MainDocPage .body_content .workcalendar_block:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.itemlist {
    display: inline-block;
    width: 100%;
}

    .itemlist .item-title {
        font-size: 16px;
        margin-bottom: 2px;
    }

    .itemlist .item-name {
        font-family: rsu_r;
        font-size: 18px;
    }

    .item-editstatus, .itemlist .itemin_sortnum, .profile_position .profile_position-detail {
        font-family: rsu_r;
    }

    .itemlist .item-desc {
        padding-bottom: 30px;
    }

    .itemlist .itemin_sortnum {
        border: 1px solid #000;
        padding: 0 7px;
        border-radius: 3px;
    }

    .itemlist .itemin_nametask {
        margin: 0 0 0 6px;
        display: inline-block;
        color: #289efe;
        font-size: 20px;
    }

    .itemlist .itemin_name {
        font-size: 16px;
    }

    .itemlist .itemin_desc {
        color: #7F7F7F;
    }

.item-editstatus {
    font-size: 15px;
    position: absolute;
    top: 0;
    padding-top: 2.5%;
    right: 3.5%;
}

@media screen and (max-width:768px) {
    .item-editstatus {
        right: 4%;
    }
}

@media screen and (max-width:550px) {
    .body_content .announcelist_block, .body_content .itemlist_block, .body_content .workcalendar_block {
        min-height: 11rem;
    }

    .itemlist .itemin_name {
        font-size: 15px;
    }

    .item-editstatus {
        top: inherit;
        right: inherit;
        left: 0;
        bottom: 0;
        padding-left: 2rem;
    }
}

.item-status {
    position: absolute;
    bottom: 0;
    right: 3.5%;
}

@media screen and (max-width:768px) {
    .item-status {
        right: 4%;
    }
}

@media screen and (max-width:550px) {
    .item-status {
        font-size: 12px;
        right: 5%;
    }
}

.item-status .itemin_step, .item-status .itemin_tabstatus {
    font-family: rsu_r;
    font-size: 16px;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    padding: 4px 0;
    color: #fff;
}

.item-status .itemin_tabstatus {
    background-color: #B2B2B2;
    width: 7rem;
}

@media screen and (max-width:550px) {
    .item-status .itemin_tabstatus {
        width: 6.5rem;
    }
}

.item-status .itemin_step {
    background-color: #323232;
    width: 4.5rem;
}

.ico_edit {
    padding: 0 5px;
    font-size: 11px;
}

.contentPagein {
    text-align: center;
    margin: .5rem auto 0;
    color: #B2B2B2;
}

    .contentPagein .page-prev {
        display: inline-block;
        vertical-align: middle;
        float: left;
    }

    .contentPagein .page-pagenum {
        vertical-align: sub;
        display: inline-block;
    }

    .contentPagein .page-next {
        display: inline-block;
        vertical-align: middle;
        float: right;
    }

    .contentPagein li {
        display: inline-block;
        padding: 0 10px;
        font-size: 16px;
    }

    .contentPagein .pageactive {
        color: #289efe;
    }

    .contentPagein a {
        color: #B2B2B2;
    }

        .contentPagein a:hover {
            color: #289efe;
        }

.btn_bluego {
    display: inline-block;
    background-color: #1C90ED;
    padding: 7px 20px;
    border: 1px solid #CBCBCB;
    border-radius: 4px;
    text-align: center;
}

    .btn_bluego:active, .btn_bluego:hover {
        background-color: #1283DE;
        cursor: pointer;
    }

@media screen and (max-width:550px) {
    .item-status .itemin_step {
        width: 3rem;
    }

    .MainDocPage .btn_bluego {
        padding: 7px 10px;
        width: 18%;
    }
}

.profile_position {
    position: relative;
    background: url(../images/bg_profile_position.jpg);
    background-size: cover;
    min-height: 3.7rem;
    z-index: 5;
    padding: 10px 15px 5px;
}

    .profile_position .profilebar_img {
        display: inline-block;
        vertical-align: middle;
        max-width: 48px;
        max-height: 48px;
        position: relative;
        overflow: hidden;
        border-radius: 50%;
        -webkit-transform: translate(0,-4%);
        transform: translate(0,-4%);
    }

        .profile_position .profilebar_img img {
            display: inline;
            margin: 0 auto;
            height: 100%;
            width: 100%;
            vertical-align: middle;
        }

.dropdown_center .dropdown, .dropdown_center .item-btn, .item-btn .itemin_btn, .leaveitem .leaveitem-count, .leaveitem .leaveitem-day {
    display: inline-block;
}

.profile_position .profile_position-detail {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    vertical-align: middle;
    line-height: 18px;
    word-wrap: break-word;
    width: 83%;
    overflow: hidden;
    padding-left: 5px;
}

@media screen and (max-width:768px) {
    .profile_position .profile_position-detail {
        width: 80%;
    }
}

.profile_position .profile_position-detail p {
    margin: 0;
}

.body_content .announcelist_block {
    padding: 0;
    border-top-style: solid;
    height: auto;
    margin-bottom: 15px;
    border-radius: 4px;
}

@media screen and (max-width:550px) {
    .body_content .announcelist_block {
        border-radius: 4px;
    }

    .Common02Page .body_content .announcelist_block, .Common02Page .body_content .itemlist_block, .Common02Page .body_content .workcalendar_block, .LeaveModulePage .body_content .announcelist_block, .LeaveModulePage .body_content .itemlist_block, .LeaveModulePage .body_content .workcalendar_block, .TimeSheetPage .body_content .announcelist_block, .TimeSheetPage .body_content .itemlist_block, .TimeSheetPage .body_content .workcalendar_block, .TravelPage .body_content .announcelist_block, .TravelPage .body_content .itemlist_block, .TravelPage .body_content .workcalendar_block {
        min-height: inherit;
    }
}

.announcelist_block .itemin_name {
    font-family: rsu_r;
    font-size: 22px;
    margin: 1em 0 .5rem;
    line-height: 20px;
}

.announcelist_block .item-desc {
    padding-bottom: 20px;
}

    .announcelist_block .item-desc p {
        margin: 0 0 1.5rem;
    }

.announcelist_block .item-publish_date {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #B2B2B2;
}

.commontable_blackBlock, .leaveitem, .leavetableBlock, .timetableBlock {
    position: relative;
}

.announcelist_block .item-publish_date span {
    color: #fff;
    padding: 2px 15px;
    font-family: rsu_r;
    font-size: 16px;
}

.item-showimg img {
    width: 100%;
    height: auto;
}

.Common02Page .body_content, .LeaveModulePage .body_content, .TimeSheetPage .body_content, .TravelPage .body_content {
    border: 1px solid #E5E5E5;
}

    .Common02Page .body_content .announcelist_block, .Common02Page .body_content .itemlist_block, .Common02Page .body_content .workcalendar_block, .LeaveModulePage .body_content .announcelist_block, .LeaveModulePage .body_content .itemlist_block, .LeaveModulePage .body_content .workcalendar_block, .TimeSheetPage .body_content .announcelist_block, .TimeSheetPage .body_content .itemlist_block, .TimeSheetPage .body_content .workcalendar_block, .TravelPage .body_content .announcelist_block, .TravelPage .body_content .itemlist_block, .TravelPage .body_content .workcalendar_block {
        padding: 15px 0;
        height: inherit;
        border: none;
    }

.Common02Page .bar_title, .LeaveModulePage .bar_title, .TimeSheetPage .bar_title, .TravelPage .bar_title {
    overflow-y: visible;
}

.Common02Page .btn, .LeaveModulePage .btn, .TimeSheetPage .btn, .TravelPage .btn {
    border-radius: 2px;
}

    .Common02Page .btn .caret, .LeaveModulePage .btn .caret, .TimeSheetPage .btn .caret, .TravelPage .btn .caret {
        margin-left: 20px;
    }

.view_info_btn .body_content .announcelist_block, .view_info_btn .body_content .itemlist_block, .view_info_btn .body_content .workcalendar_block {
    border-radius: 4px !important;
    padding: 14px 0 10px !important;
}

.Common02Page .contentBodyin .bar_title .bar_left, .LeaveModulePage .contentBodyin .bar_title .bar_left {
    margin: .4rem auto 0;
}

.Common02Page .body_content .commontable_blackBlock .announcelist_block, .Common02Page .body_content .commontable_blackBlock .itemlist_block, .Common02Page .body_content .commontable_blackBlock .workcalendar_block, .Common02Page .body_content .leavetableBlock .announcelist_block, .Common02Page .body_content .leavetableBlock .itemlist_block, .Common02Page .body_content .leavetableBlock .workcalendar_block, .LeaveModulePage .body_content .commontable_blackBlock .announcelist_block, .LeaveModulePage .body_content .commontable_blackBlock .itemlist_block, .LeaveModulePage .body_content .commontable_blackBlock .workcalendar_block, .LeaveModulePage .body_content .leavetableBlock .announcelist_block, .LeaveModulePage .body_content .leavetableBlock .itemlist_block, .LeaveModulePage .body_content .leavetableBlock .workcalendar_block, .TimeSheetPage .body_content .timetableBlock .announcelist_block, .TimeSheetPage .body_content .timetableBlock .itemlist_block, .TimeSheetPage .body_content .timetableBlock .workcalendar_block, .TravelPage .body_content .traveltableBlock .announcelist_block, .TravelPage .body_content .traveltableBlock .itemlist_block, .TravelPage .body_content .traveltableBlock .workcalendar_block {
    padding: 0 0 10px;
}

.Common02Page .mainBlock .contentBody .contentBodyin, .LeaveModulePage .mainBlock .contentBody .contentBodyin, .TravelPage .mainBlock .contentBody .contentBodyin {
    padding-top: 0;
}

.view_info_btn {
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

    .view_info_btn .body_content {
        border-radius: 4px;
    }

.item-btn {
    white-space: nowrap;
}

    .item-btn .itemin_btn {
        font-family: rsu_r;
        font-size: 18px;
        background-color: #289efe;
        padding: 1.5%;
        color: #fff;
        border-radius: 2px;
    }

        .item-btn .itemin_btn.btn-accept, .item-btn .itemin_btn.btn-decline, .item-btn .itemin_btn.btn-inaction {
            text-align: center;
            padding: 1rem 0;
            background-color: #0FCAA4;
            margin-right: 5px;
            margin-bottom: 5px;
            width: 85px;
        }

@media screen and (max-width:768px) {
    .item-btn .itemin_btn.btn-accept, .item-btn .itemin_btn.btn-decline, .item-btn .itemin_btn.btn-inaction {
        width: 74px;
        margin-right: 2px;
        padding: .65rem 0;
    }

        .item-btn .itemin_btn.btn-accept [class*=icon-], .item-btn .itemin_btn.btn-accept [class^=icon-], .item-btn .itemin_btn.btn-decline [class*=icon-], .item-btn .itemin_btn.btn-decline [class^=icon-], .item-btn .itemin_btn.btn-inaction [class*=icon-], .item-btn .itemin_btn.btn-inaction [class^=icon-] {
            font-size: 26px;
        }
}

.item-btn .itemin_btn.btn-accept:active, .item-btn .itemin_btn.btn-accept:hover, .item-btn .itemin_btn.btn-decline:active, .item-btn .itemin_btn.btn-decline:hover, .item-btn .itemin_btn.btn-inaction:active, .item-btn .itemin_btn.btn-inaction:hover {
    background-color: #09B895;
}

@media screen and (max-width:550px) {
    .item-btn .itemin_btn.btn-accept, .item-btn .itemin_btn.btn-decline, .item-btn .itemin_btn.btn-inaction {
        width: 57px;
        height: 57px;
        padding: .4rem 0;
        margin-right: 0;
        margin-bottom: 4px;
    }

        .item-btn .itemin_btn.btn-accept [class*=icon-], .item-btn .itemin_btn.btn-accept [class^=icon-], .item-btn .itemin_btn.btn-decline [class*=icon-], .item-btn .itemin_btn.btn-decline [class^=icon-], .item-btn .itemin_btn.btn-inaction [class*=icon-], .item-btn .itemin_btn.btn-inaction [class^=icon-] {
            font-size: 22px;
        }
}

.item-btn .itemin_btn.btn-accept p, .item-btn .itemin_btn.btn-decline p, .item-btn .itemin_btn.btn-inaction p {
    line-height: 10px;
    margin: .8em 0 0;
}

@media screen and (max-width:550px) {
    .item-btn .itemin_btn.btn-accept p, .item-btn .itemin_btn.btn-decline p, .item-btn .itemin_btn.btn-inaction p {
        line-height: 2px;
        font-size: 15px;
    }
}

.item-btn .itemin_btn.btn-inaction {
    background-color: #FBB03B;
}

    .item-btn .itemin_btn.btn-inaction:active, .item-btn .itemin_btn.btn-inaction:hover {
        background-color: #EBA12D !important;
    }

.item-btn .itemin_btn.btn-decline {
    background-color: #FF443F;
}

    .item-btn .itemin_btn.btn-decline:active, .item-btn .itemin_btn.btn-decline:hover {
        background-color: #EC403B !important;
    }

.item-btn .itemin_btn span {
    vertical-align: middle;
}

.item-btn .itemin_btn:active, .item-btn .itemin_btn:hover {
    background-color: #1C90ED;
}

.bar_left-title {
    margin-top: 13px;
    margin-bottom: 10px;
    padding-right: 5px;
    font-size: 20px;
    line-height: 20px;
    word-wrap: break-word;
}

.dropdown.dropdownleft .caret, .leavetableBlock_create .dropdown .caret, .travelExBlock .dropdown .caret {
    margin-top: 10px;
    float: right;
}

.dropdown_center {
    text-align: center;
}

    .dropdown_center .dropdown-menu {
        left: 50%;
        right: auto;
        text-align: left;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }

    .dropdown_center .item-btn .itemin_btn {
        font-size: 17px;
        padding: 4.5px 7%;
    }

    .dropdown_center .item-btn span {
        font-size: 16px;
        padding-right: 7px;
    }

.leavetable {
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}

    .leavetable .leaveitem.titletable {
        background-color: #f7f7f7;
        z-index: 1;
    }

.col-md-12.leavetable {
    padding: 0;
}

.leaveitem {
    font-size: 15px;
    padding: 10px 15px;
    border-bottom: 1px solid #E5E5E5;
}

    .leaveitem .leaveitem-day {
        width: 54%;
        padding-right: 15px;
    }

        .leaveitem .leaveitem-day span {
            color: #CBCBCB;
            font-size: 20px;
            vertical-align: text-bottom;
            padding-right: 5px;
        }

@media screen and (max-width:550px) {
    .leavetable {
        border-radius: 4px;
    }

    .leaveitem .leaveitem-day {
        width: 100%;
        text-align: left;
    }
}

.leaveitem .leaveitem-count {
    width: 18%;
    padding-right: 15px;
    text-align: center;
}

@media screen and (max-width:550px) {
    .leaveitem .leaveitem-count {
        display: block;
        width: 100%;
        text-align: left;
    }
}

.leaveitem .leaveitem-count .leaveword_before {
    display: none !important;
}

@media screen and (max-width:550px) {
    .leaveitem .leaveitem-count .leaveword_before {
        display: inline-block !important;
        margin-right: 30%;
    }
}

.leaveitem .leaveitem-status {
    width: 24%;
    display: inline-block;
}

@media screen and (max-width:550px) {
    .leaveitem .leaveitem-status {
        display: block;
        width: 100%;
        text-align: left;
    }
}

.leaveitem .leaveitem-status .leaveword_before {
    display: none !important;
}

.leaveitem .leaveitem-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: .6rem;
}

    .leaveitem .leaveitem-icon span {
        font-size: 24px;
    }

    .leaveitem .leaveitem-icon.icon_wait {
        color: #289efe;
        background-color: rgba(40,158,255,.1);
    }

    .leaveitem .leaveitem-icon.icon_del {
        color: #FF443F;
        background-color: rgba(255,68,63,.1);
    }

.leaveitem:last-child {
    border-bottom: none;
}

.leaveitem.titletable .leaveitem-day {
    width: 34%;
    color: #289efe;
    white-space: nowrap;
}

.leaveitem.titletable .leaveitem-count {
    width: 23%;
    white-space: nowrap;
}

.body_content .headtable.announcelist_block, .body_content .headtable.workcalendar_block, .body_content .itemlist_block.headtable {
    min-height: 2rem;
}

.body_content .headtable_select.announcelist_block, .body_content .headtable_select.workcalendar_block, .body_content .itemlist_block.headtable_select {
    padding: 2.3rem 0 2rem;
}

@media screen and (max-width:550px) {
    .leaveitem .leaveitem-status .leaveword_before {
        display: inline-block !important;
        margin-right: 3%;
    }

    .leaveitem.titletable .leaveitem-day {
        display: block;
    }

    .body_content .headtable.announcelist_block, .body_content .headtable.workcalendar_block, .body_content .itemlist_block.headtable {
        display: none;
    }

    .body_content .headtable_select.announcelist_block, .body_content .headtable_select.workcalendar_block, .body_content .itemlist_block.headtable_select {
        min-height: 6rem;
        padding: 2rem 0;
    }

    .leavetable.headtable {
        display: none;
    }

    .detail_item-fyi.fyinote .itemfyi-des {
        margin-right: 0;
    }
}

.leavetable.headtable .leaveitem {
    font-family: rsu_r;
    font-size: 17px;
    padding: 3px 15px 0;
    color: #787878;
}

.dropdown.dropdownleft .btn {
    text-align: left;
    font-family: rsu_r;
    font-size: 18px;
}

.dropdown.dropdownleft li {
    font-family: rsu_r;
    font-size: 16px;
}

.dropdown.dropdown_fulllarge {
    margin-bottom: 15px;
}

    .dropdown.dropdown_fulllarge .btn {
        min-height: 3.5rem;
        font-size: 20px;
    }

    .dropdown.dropdown_fulllarge li a {
        line-height: 2.428571;
        font-size: 18px;
    }

.dropdown .btn.dropdown-accept, .dropdown .btn.dropdown-decline, .dropdown .btn.dropdown-edit {
    background-color: #FBB03B;
    color: #fff;
    border-color: transparent;
}

    .dropdown .btn.dropdown-accept:focus, .dropdown .btn.dropdown-accept:hover, .dropdown .btn.dropdown-decline:focus, .dropdown .btn.dropdown-decline:hover, .dropdown .btn.dropdown-edit:focus, .dropdown .btn.dropdown-edit:hover {
        background-color: #EBA12D;
        color: #fff;
        border-color: transparent;
    }

    .dropdown .btn.dropdown-accept .caret, .dropdown .btn.dropdown-decline .caret, .dropdown .btn.dropdown-edit .caret {
        color: #fff;
    }

.dropdown .btn.dropdown-decline {
    background-color: #FF443F;
}

    .dropdown .btn.dropdown-decline:focus, .dropdown .btn.dropdown-decline:hover {
        background-color: #EC403B;
    }

.dropdown .btn.dropdown-accept {
    background-color: #0FCAA4;
}

    .dropdown .btn.dropdown-accept:focus, .dropdown .btn.dropdown-accept:hover {
        background-color: #09B895;
    }

.leavetableBlock_create input, .travelExBlock input {
    font-family: rsu_r;
    font-size: 18px;
}

.leavetableBlock_create label, .travelExBlock label {
    font-family: rsu_r;
    font-size: 17px;
    font-weight: 400;
}

.leavetableBlock_create .dropdown .btn, .travelExBlock .dropdown .btn {
    text-align: left;
    font-family: rsu_r;
    font-size: 18px;
}

.leavetableBlock_create .dropdown li, .travelExBlock .dropdown li {
    font-family: rsu_r;
    font-size: 16px;
}

.leavetableBlock_create .detaildate_leave .form-control, .travelExBlock .detaildate_leave .form-control {
    height: 39px;
}

@media screen and (max-width:992px) {
    .leavetableBlock_create .detaildate_leave, .travelExBlock .detaildate_leave {
        margin-bottom: 10px;
    }
}

.leavetableBlock_create .cause_leave textarea, .travelExBlock .cause_leave textarea {
    min-height: 8rem;
    resize: vertical;
}

.leavetableBlock_create .attachfile_leave .item-btn, .travelExBlock .attachfile_leave .item-btn {
    padding: 10px 0 30px;
}

    .leavetableBlock_create .attachfile_leave .item-btn .itemin_btn, .travelExBlock .attachfile_leave .item-btn .itemin_btn {
        padding: .5% 2.5%;
    }

.daterangepicker .calendar td, .daterangepicker .calendar th {
    font-family: rsu_r !important;
    font-size: 18px;
    line-height: 19px;
}

.daterangepicker .calendar td {
    font-size: 16px;
}

.datepick i {
    position: absolute;
    bottom: 12px;
    right: 24px;
    top: auto;
    cursor: pointer;
    color: #CBCBCB;
    font-size: 18px;
}

.title_txtsmall {
    opacity: .7;
    font-size: 16px;
}

.leavedetail_item, .timedetail_item {
    position: relative;
    padding-bottom: 10px;
}

    .leavedetail_item.grayscale .bar-content .bar_title, .timedetail_item.grayscale .bar-content .bar_title {
        background-color: #f7f7f7;
        border: 1px solid #E5E5E5;
        border-bottom: none;
    }

    .leavedetail_item.grayscale .bar_left-title, .timedetail_item.grayscale .bar_left-title {
        color: #787878;
    }

    .leavedetail_item.grayscale .body_content, .timedetail_item.grayscale .body_content {
        border-color: #E5E5E5;
        border-top: none;
    }

    .leavedetail_item.fyi_inexpand, .timedetail_item.fyi_inexpand {
        padding-bottom: 0;
    }

        .leavedetail_item.fyi_inexpand .detail_item-fyi, .timedetail_item.fyi_inexpand .detail_item-fyi {
            border-bottom: 1px solid #CBCBCB;
        }

    .leavedetail_item.fyinote:last-child .detail_item-fyi, .timedetail_item.fyinote:last-child .detail_item-fyi {
        border-bottom: none;
    }

span.spanicon {
    font-size: inherit;
    vertical-align: middle;
}

.detail_item-name {
    width: 6rem;
}

.detail_item-des i {
    font-size: 18px;
    color: #CBCBCB;
}

.detail_item-fyi {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

    .detail_item-fyi p {
        margin: 0;
    }

    .detail_item-fyi.fyinote {
        min-height: 4.5rem;
    }

        .detail_item-fyi.fyinote p {
            display: block;
        }

.itemfyi-des, .itemtable-itemres .itemtxt-left [class*=" icon-"], .itemtable-itemres .itemtxt-left [class^=icon-], .itemtable-itemres .itemtxt-right [class*=" icon-"], .itemtable-itemres .itemtxt-right [class^=icon-] {
    display: inline-block;
}

.detail_item-fyi.fyinote i {
    color: #FBB03B;
}

.detail_item-fyi.fyinote.grayscale {
    background-color: #f7f7f7 !important;
}

    .detail_item-fyi.fyinote.grayscale i {
        color: #CBCBCB !important;
    }

.detail_item-fyi.fyinote .col-xs-1 span {
    font-size: 22px;
}

.detail_item-fyi.fyinote .col-md-11 {
    padding-left: 0;
    margin-left: -3%;
}

@media screen and (max-width:768px) {
    .datepick i {
        bottom: 10px;
    }

    .detail_item-fyi.fyinote .col-md-11 {
        margin-left: -1%;
    }
}

@media screen and (max-width:550px) {
    .detail_item-fyi.fyinote .col-xs-9 {
        padding-left: 15px;
        padding-right: 0;
    }
}

.itemfyi-des {
    margin-right: 10px;
}

    .itemfyi-des i {
        margin-right: 1px;
    }

.itemfyi-icon {
    position: absolute;
    right: 0;
    top: 0;
}

    .itemfyi-icon.icodown {
        background-color: #FBB03B;
        padding: 8px 10px;
        color: #fff;
    }

        .itemfyi-icon.icodown span {
            font-size: 18px;
            vertical-align: middle;
        }

        .itemfyi-icon.icodown:active, .itemfyi-icon.icodown:hover {
            background-color: #EBA12D;
        }

.bar_title.bar_title-small {
    min-height: 2.5rem !important;
}

    .bar_title.bar_title-small .bar_left-title {
        margin-top: 4px;
    }

.body_content.detail_savetime {
    margin-bottom: 20px;
}

    .body_content.detail_savetime .announcelist_block, .body_content.detail_savetime .itemlist_block, .body_content.detail_savetime .workcalendar_block {
        min-height: inherit;
        height: auto;
    }

    .body_content.detail_savetime label {
        font-family: rsu_r;
        font-size: 17px;
        font-weight: 400;
        color: #787878;
        margin-bottom: 0;
    }

    .body_content.detail_savetime p {
        margin: 0;
        font-size: 18px;
    }

@media screen and (max-width:1199px) {
    .body_content.detail_savetime p {
        font-size: 16px;
    }
}

@media screen and (max-width:992px) {
    .body_content.detail_savetime p {
        font-size: 18px;
    }
}

.body_content.detail_savetime i {
    font-size: 18px;
    color: #CBCBCB;
}

.body_content.detail_savetime .item-btn {
    padding: 1%;
}

.body_content.detail_savetime .itemin_btn {
    float: right;
    font-size: 20px;
    padding: .6rem 1rem .5rem;
}

@media screen and (max-width:1199px) {
    .body_content.detail_savetime .itemin_btn {
        font-size: 18px;
    }
}

@media screen and (max-width:550px) {
    .body_content.detail_savetime p {
        margin: 0 0 10px;
    }

    .body_content.detail_savetime .item-btn {
        text-align: center;
    }

    .body_content.detail_savetime .itemin_btn {
        font-size: 20px;
        float: none;
    }
}

.body_content.detail_savetime .itemin_btn i {
    font-size: 20px;
    color: #fff;
}

.col-sm-12.detail_item-tableBlock {
    padding: 0;
}

.detail_item-tableBlock {
    margin-bottom: 20px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    overflow-x: auto;
}

    .detail_item-tableBlock .detail_item-table tbody tr:first-child td, .detail_item-tableBlock .detail_item-table tbody tr:first-child th, .detail_item-tableBlock .detail_item-table tfoot tr:first-child td, .detail_item-tableBlock .detail_item-table tfoot tr:first-child th {
        border-top: none;
    }

@media screen and (max-width:550px) {
    .detail_item-tableBlock {
        border-radius: 4px;
    }
}

.detail_item-tableBlock .itemtable-highlight {
    background-color: rgba(40,158,255,.1);
}

.detail_item-tableBlock .detail_item-table {
    border: none;
}

    .detail_item-tableBlock .detail_item-table.table {
        margin-bottom: 0;
    }

    .detail_item-tableBlock .detail_item-table td, .detail_item-tableBlock .detail_item-table th {
        border-right: none;
        width: 2%;
        text-align: center;
        vertical-align: middle;
    }

    .detail_item-tableBlock .detail_item-table tfoot td, .detail_item-tableBlock .detail_item-table tfoot th, .detail_item-tableBlock .detail_item-table thead td, .detail_item-tableBlock .detail_item-table thead th {
        border-bottom: none;
        border-right: none;
        font-family: rsu_r;
        font-size: 18px;
        text-align: center;
        color: #289efe;
    }

    .detail_item-tableBlock .detail_item-table tfoot th, .detail_item-tableBlock .detail_item-table thead th {
        padding: 1px 11px;
    }

        .detail_item-tableBlock .detail_item-table tfoot td:last-child, .detail_item-tableBlock .detail_item-table tfoot td:nth-child(n+10):nth-child(-n+11), .detail_item-tableBlock .detail_item-table tfoot td:nth-child(n+2):nth-child(-n+4), .detail_item-tableBlock .detail_item-table tfoot th:last-child, .detail_item-tableBlock .detail_item-table tfoot th:nth-child(n+10):nth-child(-n+11), .detail_item-tableBlock .detail_item-table tfoot th:nth-child(n+2):nth-child(-n+4), .detail_item-tableBlock .detail_item-table thead td:last-child, .detail_item-tableBlock .detail_item-table thead td:nth-child(n+10):nth-child(-n+11), .detail_item-tableBlock .detail_item-table thead td:nth-child(n+2):nth-child(-n+4), .detail_item-tableBlock .detail_item-table thead th:last-child, .detail_item-tableBlock .detail_item-table thead th:nth-child(n+10):nth-child(-n+11), .detail_item-tableBlock .detail_item-table thead th:nth-child(n+2):nth-child(-n+4) {
            color: #FBB03B;
            background-color: transparent !important;
        }

    .detail_item-tableBlock .detail_item-table tbody tr:last-child td, .detail_item-tableBlock .detail_item-table tbody tr:last-child th {
        border-bottom: none;
    }

    .detail_item-tableBlock .detail_item-table tr td:first-child, .detail_item-tableBlock .detail_item-table tr th:first-child {
        text-align: left;
        border-left: none;
        border-right: 1px solid #656565;
        width: 20%;
    }

    .detail_item-tableBlock .detail_item-table tr td:last-child, .detail_item-tableBlock .detail_item-table tr th:last-child {
        border-left: 1px solid #656565;
        width: 5%;
        background-color: rgba(40,158,255,.1);
        color: #289efe;
    }

    .detail_item-tableBlock .detail_item-table tr td:nth-child(n+10):nth-child(-n+11), .detail_item-tableBlock .detail_item-table tr td:nth-child(n+2):nth-child(-n+4), .detail_item-tableBlock .detail_item-table tr th:nth-child(n+10):nth-child(-n+11), .detail_item-tableBlock .detail_item-table tr th:nth-child(n+2):nth-child(-n+4) {
        color: #FBB03B;
        background-color: rgba(255,68,63,.1);
    }

.timedetail_item .itemtable-title .itemtxt-left, .timedetail_item .itemtable-title .itemtxt-right {
    font-family: rsu_r;
    font-weight: 600;
    color: #289efe;
    line-height: 17px;
}

.timedetail_item .itemtable-title .itemtxt-right {
    font-weight: 400;
    color: #289efe;
}

.timedetail_item .detail_item-fyi .col-xs-1 {
    width: 40px;
}

@media screen and (max-width:768px) {
    .itemtable-title {
        font-family: rsu_r;
        height: 3rem;
    }

        .itemtable-title .itemtxt-left, .itemtable-title .itemtxt-right {
            font-size: 18px;
        }

        .itemtable-title .itemtxt-right {
            color: #289efe;
        }

            .itemtable-title .itemtxt-right span {
                font-size: 18px;
            }

    .itemtable-itemres {
        border-bottom: 1px solid #CBCBCB;
        padding-right: 0;
    }

        .itemtable-itemres:last-child {
            border-bottom: none;
        }

        .itemtable-itemres .itemtxt-left, .itemtable-itemres .itemtxt-right {
            width: 68%;
        }

            .itemtable-itemres .itemtxt-left [class*=" icon-"], .itemtable-itemres .itemtxt-left [class^=icon-], .itemtable-itemres .itemtxt-right [class*=" icon-"], .itemtable-itemres .itemtxt-right [class^=icon-] {
                font-size: 12px;
                padding: 5px;
            }

            .itemtable-itemres .itemtxt-left p, .itemtable-itemres .itemtxt-right p {
                display: inline-block;
                width: 83%;
                margin: 0;
            }

        .itemtable-itemres .itemtxt-right {
            width: 30%;
            vertical-align: bottom;
            padding-right: 15px;
            color: #289efe;
        }

            .itemtable-itemres .itemtxt-right span {
                font-size: 15px;
            }

        .itemtable-itemres .itemres-detail_top {
            padding-bottom: 10px;
            margin-top: -15px;
        }

            .itemtable-itemres .itemres-detail_top .dummy {
                display: inline-block;
                vertical-align: top;
            }

        .itemtable-itemres .itemres-detail_intable {
            display: none;
            padding: 6px 0;
            background-color: #f7f7f7;
        }
}

.itemtable-itemres .itemres-detail_top a:active, .itemtable-itemres .itemres-detail_top a:focus, .itemtable-itemres .itemres-detail_top a:hover {
    color: #000;
    outline-style: none;
}

.itemtable-itemres .itemres-detail_intable .itemtxt-left, .itemtable-itemres .itemres-detail_intable .itemtxt-right {
    padding-left: 5px;
}

@media screen and (max-width:768px) {
    .itemtable-itemres .itemres-detail_intable .itemtxt-left, .itemtable-itemres .itemres-detail_intable .itemtxt-right {
        width: 75%;
    }

        .itemtable-itemres .itemres-detail_intable .itemtxt-left span, .itemtable-itemres .itemres-detail_intable .itemtxt-right span {
            vertical-align: sub;
            color: #CBCBCB;
            font-size: 16px;
        }

    .itemtable-itemres .itemres-detail_intable .itemtxt-right {
        color: #000;
        width: 22%;
        padding-right: 0;
    }

    .TimeSheetPage .itemres-detail_intable .col-sm-12 {
        padding-left: 0;
    }
}

.itemtxt_block {
    height: inherit;
}

    .itemtxt_block:before {
        content: '\200B';
        margin-left: -.25em;
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.itemtxt-left, .itemtxt-right {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    word-wrap: break-word;
}

.bar_bottom-status, .bar_expandlist .bar_expand-status {
    height: 41px;
    background-color: #0FCAA4;
    overflow: hidden !important;
}

    .bar_bottom-status .bar_left-icon, .bar_bottom-status .bar_right-icon, .bar_expandlist .bar_expand-status .bar_left-icon, .bar_expandlist .bar_expand-status .bar_right-icon {
        padding: 10px;
        color: #fff;
        border-right: 1px solid #fff;
        border-left: none;
        float: left;
    }
    

        .bar_bottom-status .bar_left-icon span, .bar_bottom-status .bar_right-icon span, .bar_expandlist .bar_expand-status .bar_left-icon span, .bar_expandlist .bar_expand-status .bar_right-icon span {
            font-size: 16px;
        }

        .bar_bottom-status .bar_left-icon:active, .bar_bottom-status .bar_left-icon:hover, .bar_bottom-status .bar_right-icon:active, .bar_bottom-status .bar_right-icon:hover, .bar_expandlist .bar_expand-status .bar_left-icon:active, .bar_expandlist .bar_expand-status .bar_left-icon:hover, .bar_expandlist .bar_expand-status .bar_right-icon:active, .bar_expandlist .bar_expand-status .bar_right-icon:hover {
            cursor: pointer;
            background-color: #09B895;
        }

    .bar_bottom-status .bar_right-icon, .bar_expandlist .bar_expand-status .bar_right-icon {
        border-left: 1px solid #fff;
        float: right;
        border-right: none;
    }

    .bar_bottom-status .bar_statusword, .bar_expandlist .bar_expand-status .bar_statusword {
        display: inline-block;
        margin: .36rem 1rem;
        color: #fff;
        font-family: rsu_r;
        font-size: 20px;
        max-width: 67%;
        overflow: hidden;
        white-space: nowrap;
        word-wrap: break-word;
        text-overflow: ellipsis;
    }

.bar_bottom-expandlist, .bar_bottom-expandlist .bar_right-icon, .calendar_item-tableBlock .calendar_item-table .circle_dot {
    display: none;
}

.bar_bottom-status .bar_statusword span, .bar_expandlist .bar_expand-status .bar_statusword span {
    font-size: 24px;
    vertical-align: middle;
    padding-right: 10px;
}

.bar_bottom-status .bar_statusword a, .bar_expandlist .bar_expand-status .bar_statusword a {
    pointer-events: none;
}

    .bar_bottom-status .bar_statusword a:active, .bar_bottom-status .bar_statusword a:visit, .bar_expandlist .bar_expand-status .bar_statusword a:active, .bar_expandlist .bar_expand-status .bar_statusword a:visit {
        color: #787878;
    }

.bar_bottom-expandDetail {
    background-color: rgba(15,202,164,.1);
    padding: 10px 0;
}

    .bar_bottom-expandDetail .col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }

.bar_bottom-expandlist .bar_bottomlist:first-child .bar_bottom-status, .bar_bottom-expandlist .bar_bottomlist:first-child .bar_expandlist .bar_expand-status, .bar_bottom-expandlist .bar_expandlist:first-child .bar_bottom-status, .bar_bottom-expandlist .bar_expandlist:first-child .bar_expand-status, .bar_expandlist .bar_bottom-expandlist .bar_bottomlist:first-child .bar_expand-status {
    border-top: none;
    background-color: #f7f7f7;
    border-bottom: 1px solid #E5E5E5;
}

.bar_bottom-expandlist .bar_bottomlist .bar_bottom-status, .bar_bottom-expandlist .bar_expandlist .bar_bottom-status, .bar_bottom-expandlist .bar_expandlist .bar_expand-status, .bar_expandlist .bar_bottom-expandlist .bar_bottomlist .bar_expand-status {
    background-color: #f7f7f7;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

.bar_bottom-expandlist .bar_statusword {
    color: #CBCBCB;
}

.bar_bottom-expandlist .bar_bottom-status .bar_right-icon, .bar_bottom-expandlist .bar_expandlist .bar_expand-status .bar_right-icon, .bar_bottom-expandlist .bar_left-icon, .bar_bottom-expandlist .bar_right-icon, .bar_bottom-status .bar_bottom-expandlist .bar_right-icon, .bar_expandlist .bar_expand-status .bar_bottom-expandlist .bar_right-icon {
    color: #CBCBCB;
    border-color: #CBCBCB;
}

    .bar_bottom-expandlist .bar_bottom-status .bar_right-icon:active, .bar_bottom-expandlist .bar_bottom-status .bar_right-icon:hover, .bar_bottom-expandlist .bar_expandlist .bar_expand-status .bar_right-icon:active, .bar_bottom-expandlist .bar_expandlist .bar_expand-status .bar_right-icon:hover, .bar_bottom-expandlist .bar_left-icon:active, .bar_bottom-expandlist .bar_left-icon:hover, .bar_bottom-expandlist .bar_right-icon:active, .bar_bottom-expandlist .bar_right-icon:hover, .bar_bottom-status .bar_bottom-expandlist .bar_right-icon:active, .bar_bottom-status .bar_bottom-expandlist .bar_right-icon:hover, .bar_expandlist .bar_expand-status .bar_bottom-expandlist .bar_right-icon:active, .bar_expandlist .bar_expand-status .bar_bottom-expandlist .bar_right-icon:hover {
        background-color: #CBCBCB;
        color: #fff;
    }

.bar_bottom-expandlist .bar_bottom-expandDetail, .body_content .workcalendar_block .dropdown li:hover {
    background-color: #f7f7f7;
}

.body_content .workcalendar_block {
    height: auto;
    margin-bottom: 15px;
    border-radius: 4px;
    padding: 6% 0 0;
}

@media screen and (max-width:550px) {
    .body_content .workcalendar_block {
        border-radius: 4px;
    }
}

.body_content .workcalendar_block .dropdown {
    margin-bottom: 20px;
}

    .body_content .workcalendar_block .dropdown li {
        font-family: rsu_r;
        font-size: 17px;
        padding: 3px 6px;
    }

    .body_content .workcalendar_block .dropdown .btn-default {
        font-family: rsu_r;
        font-size: 19px;
    }

.blue_dropdown .btn-default {
    color: #fff !important;
    background-color: #289efe !important;
    border-color: #289efe !important;
}

.blue_dropdown .open > .dropdown-toggle.btn-default:focus, .blue_dropdown .open > .dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #1C90ED !important;
    border-color: #1C90ED !important;
}

.workcalendar_item {
    position: relative;
}

.col-sm-12.calendar_item-tableBlock {
    padding: 0;
}

.circle_dot {
    margin: 3px auto;
    border-radius: 50%;
    background-color: #000;
    width: 6px;
    height: 6px;
}

.calendar_item-tableBlock {
    margin-bottom: 20px;
}

    .calendar_item-tableBlock .calendar_item-table {
        font-family: rsu_r;
        font-size: 18px;
        border-right: none;
        border-left: none;
    }

        .calendar_item-tableBlock .calendar_item-table th {
            width: 14%;
            font-family: rsu_r;
            font-weight: 400;
        }

        .calendar_item-tableBlock .calendar_item-table td {
            border: none;
            font-family: rsu_r;
            font-size: 18px;
            text-align: center;
            padding: 6px 8px 0;
        }

@media screen and (max-width:550px) {
    .calendar_item-tableBlock .calendar_item-table td {
        padding: 6px 2px 0;
    }
}

.calendar_item-tableBlock .calendar_item-table td:first-child, .calendar_item-tableBlock .calendar_item-table td:last-child, .calendar_item-tableBlock .calendar_item-table th:first-child, .calendar_item-tableBlock .calendar_item-table th:last-child {
    color: #CBCBCB;
}

    .calendar_item-tableBlock .calendar_item-table td:first-child .circle_dot, .calendar_item-tableBlock .calendar_item-table td:last-child .circle_dot, .calendar_item-tableBlock .calendar_item-table th:first-child .circle_dot, .calendar_item-tableBlock .calendar_item-table th:last-child .circle_dot {
        background-color: #CBCBCB;
    }

.calendar_item-tableBlock .calendar_item-table thead td, .calendar_item-tableBlock .calendar_item-table thead th {
    border-right: none;
    border-left: none;
    text-align: center;
}

.calendar_item-tableBlock .calendar_item-table thead th {
    border-bottom-width: 1px;
}

.calendar_item-tableBlock .calendar_item-table tbody {
    font-weight: 600;
}

    .calendar_item-tableBlock .calendar_item-table tbody tr:first-child td {
        padding-top: 20px;
    }

    .calendar_item-tableBlock .calendar_item-table tbody tr:last-child td {
        padding-bottom: 10px;
    }

.calendar_item-tableBlock .calendar_item-table .navCircle, .calendar_item-tableBlock .calendar_item-table .navCircle_list {
    margin: 0 auto;
}

    .calendar_item-tableBlock .calendar_item-table .navCircle .inCircle span {
        top: 32%;
    }

@media screen and (max-width:768px) {
    .calendar_item-tableBlock .calendar_item-table .navCircle {
        padding: 1px;
    }

    .calendar_item-tableBlock .calendar_item-table .navCircle, .calendar_item-tableBlock .calendar_item-table .navCircle_list {
        max-width: 37px;
    }

        .calendar_item-tableBlock .calendar_item-table .navCircle .inCircle span {
            top: 22%;
        }
}

.calendar_item-tableBlock .calendar_item-table .inCircle {
    font-size: 19px;
    border-color: #fff;
}

    .calendar_item-tableBlock .calendar_item-table .inCircle:hover {
        background-color: #E5E5E5;
    }

.calendar_item-tableBlock .calendar_item-table .day_weekend .inCircle {
    border-color: #289efe;
    color: #289efe;
}

.calendar_item-tableBlock .calendar_item-table .day_weekend .circle_dot {
    background-color: #289efe;
}

.calendar_item-tableBlock .calendar_item-table .day_moredetail .circle_dot {
    display: block;
}

.workcalendar_item.forexpand {
    display: none;
}

    .workcalendar_item.forexpand .calendar_expand-title {
        border-bottom: 1px solid #E5E5E5;
        padding-left: 0;
    }

@media screen and (max-width:992px) {
    .workcalendar_item.forexpand .calendar_expand-title {
        padding-left: 15px;
    }
}

.workcalendar_item.forexpand .calendar_expand-title span {
    background-color: #289efe;
    padding: 4px 13px;
    color: #fff;
    border-radius: 4px;
    margin-right: 8px;
}

.workcalendar_item.forexpand .calendar_expand-title p {
    margin: .1em 0;
}

    .workcalendar_item.forexpand .calendar_expand-title p:first-child {
        margin: 1em 0;
        font-family: rsu_r;
        font-size: 20px;
    }

.workcalendar_item.forexpand .calendar_expand-des {
    padding-left: 0;
    font-family: rsu_r;
    font-size: 18px;
}

@media screen and (max-width:992px) {
    .workcalendar_item.forexpand .calendar_expand-des {
        padding-left: 15px;
    }
}

.workcalendar_item.forexpand .calendar_expand-des p:first-child {
    margin: .5em 0;
}

.view_info_btn .col-sm-4 {
    margin-bottom: 5px;
}

.view_info_btn .itemin_btn {
    vertical-align: top;
}

    .view_info_btn .itemin_btn.longbtn {
        width: 100%;
        height: 3.3rem;
        padding: .8rem;
        margin-bottom: 5px;
    }

        .view_info_btn .itemin_btn.longbtn span {
            vertical-align: text-bottom;
        }

    .view_info_btn .itemin_btn p.itemin_btn_txt {
        display: inline-block;
        width: 80%;
        vertical-align: middle;
        margin: 0 0 0 8px;
        line-height: 17px;
    }

.body_content .traveltableBlock .announcelist_block, .body_content .traveltableBlock .workcalendar_block, .traveltableBlock .body_content .announcelist_block, .traveltableBlock .body_content .workcalendar_block, .traveltableBlock .itemlist_block {
    position: relative;
    padding-bottom: 4px !important;
    min-height: inherit;
}

    .body_content .traveltableBlock .announcelist_block:last-child, .body_content .traveltableBlock .workcalendar_block:last-child, .traveltableBlock .body_content .announcelist_block:last-child, .traveltableBlock .body_content .workcalendar_block:last-child, .traveltableBlock .itemlist_block:last-child {
        padding-bottom: 0 !important;
    }

.TravelPage .detail_item-table {
    position: relative;
}

.TravelPage .body_content {
    border-radius: 4px;
}

    .TravelPage .body_content .bar_title {
        display: inline-block;
        overflow-x: visible;
        background-color: #fff;
        box-shadow: 0 2px 5px rgba(0,0,0,.2);
    }

.TravelPage .detail_item-tableexpand {
    margin-left: 4rem;
    background-color: #f9f9f9;
}

.TravelPage01 table {
    width: 1100px;
    width: 100%;
    border: none;
    margin-bottom: 0;
    table-layout: fixed;
}

    /*.TravelPage01 table td {
        height: 3.5rem;
        vertical-align: middle !important;
    }

        .TravelPage01 table td:first-child {
            width: 4rem;
            vertical-align: top !important;
        }

        .TravelPage01 table td:nth-child(2) {
            width: 15rem;
            vertical-align: bottom !important;
        }

        .TravelPage01 table td:nth-child(3) {
            padding: 8px 2px;
        }

        .TravelPage01 table td:nth-child(n+3):nth-child(-n+11) {
            text-align: center;
            width: 3.5rem;
        }

        .TravelPage01 table td:nth-child(11) {
            width: 4rem;
        }

        .TravelPage01 table td:last-child {
            width: 3.8rem !important;
        }*/

    .TravelPage01 table thead td {
        color: #289efe;
        border: none;
        font-family: rsu_r;
        font-size: 16px;
        line-height: 15px;
    }

        .TravelPage01 table thead td:nth-child(6) .intable-tabcaption, .TravelPage01 table thead td:nth-child(7) .intable-tabcaption , .TravelPage01 table thead td:nth-child(8) .intable-tabcaption{
            background-color: transparent;
            border-top: 1px solid #E5E5E5;
        }

.item_icon_print, .tagitem_travel {
    font-family: rsu_r;
}

.TravelPage01 table thead td:nth-child(2) {
    width: 15rem;
}

.TravelPage01 table thead td:nth-child(6) {
    position: relative;
    text-align: center;
    padding-top: 10px;
    width: 7rem !important;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    vertical-align: top !important;
}

    .TravelPage01 table thead td:nth-child(6) .intable-tabcaption span {
        width: 49%;
        color: #7F7F7F;
        border-right: 1px solid #E5E5E5;
    }

        .TravelPage01 table thead td:nth-child(6) .intable-tabcaption span:last-child {
            border-right: none;
        }

.TravelPage01 table thead td:nth-child(7) {
    position: relative;
    text-align: center;
    padding-top: 10px;
    width: 14rem !important;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    vertical-align: top !important;
}

    .TravelPage01 table thead td:nth-child(7) .intable-tabcaption span {
        width: 20%;
        color: #7F7F7F;
        border-right: 1px solid #E5E5E5;
    }

        .TravelPage01 table thead td:nth-child(7) .intable-tabcaption span:last-child {
            border-right: none;
        }

.TravelPage01 table thead td:nth-child(8) {
    position: relative;
    text-align: center;
    padding-top: 10px;
    width: 14rem !important;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    vertical-align: top !important;
}

    .TravelPage01 table thead td:nth-child(8) .intable-tabcaption span {
        width: 20%;
        color: #7F7F7F;
        border-right: 1px solid #E5E5E5;
    }

        .TravelPage01 table thead td:nth-child(8) .intable-tabcaption span:last-child {
            border-right: none;
        }

/*.TravelPage01 table tbody tr:first-child td {
    border-top: none;
    line-height: 20px;
    padding-top: 15px;
}*/

.TravelPage01 table tbody td, .tagitem_travel {
    line-height: 15px;
}

    .TravelPage01 table tbody td:last-child {
        text-align: center;
        width: 3.75rem !important;
        border-right: none;
    }

.TravelPage01 .detail_item-tableexpand table tbody td:last-child, .TravelPage01 .detail_item-tableexpand table thead td:last-child {
    text-align: left;
}

.TravelPage01 table tbody td:nth-child(1) {
    padding-left: 0;
    border-bottom: none;
}

/*.TravelPage01 table tbody td:nth-child(3) {
    color: #FBB03B;
}*/

.TravelPage01 table tbody td:nth-child(n+1):nth-child(-n+2) {
    border-left: none;
    border-right: none;
}

.TravelPage01 .detail_item-tableexpand {
    border-top: 1px solid #E5E5E5;
}

    .TravelPage01 .detail_item-tableexpand table td {
        width: 20% !important;
    }

    .TravelPage01 .detail_item-tableexpand table tbody td:nth-child(3), .TravelPage01 .detail_item-tableexpand table thead td:nth-child(3) {
        width: 20% !important;
        text-align: left;
    }

.item-res_list.spanword, .tagitem_travel {
    text-align: center;
}

.TravelPage01 .-fakeboxbtm {
    height: 0;
    margin-top: -5px;
}

.tagitem_travel {
    display: inline-block;
    padding: 6px .6rem 2px;
    width: 2.7rem;
    font-size: 18px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #7F7F7F;
    color: #fff;
}

.item_icon_print {
    padding: 10px 5px 13px;
    color: #289efe;
    font-size: 16px;
}

    .item_icon_print span {
        padding-right: 5px;
    }

.detail_item-tableexpand {
    display: none;
    position: relative;
    padding: 10px;
}

    .detail_item-tableexpand .tableexpand-label .col-sm-4, .detail_item-tableexpand .tableexpand-label .col-sm-8 {
        padding-left: 0;
    }

    .detail_item-tableexpand .tableexpand-label label {
        font-family: rsu_r;
        font-size: 16px;
        color: #7F7F7F;
        display: block;
        margin-bottom: 0;
        font-weight: 400;
    }

    .detail_item-tableexpand table {
        width: 70%;
        table-layout: inherit;
    }

        .detail_item-tableexpand table td {
            padding-left: 0 !important;
            width: inherit !important;
            height: 0;
            padding-bottom: 0 !important;
        }

    .detail_item-tableexpand thead td {
        color: #7F7F7F !important;
        border-bottom: 1px solid #E5E5E5 !important;
    }

    .detail_item-tableexpand tbody td {
        color: #000 !important;
        border-top: none !important;
    }

.for_border-bottom.tableexpand {
    margin-top: -1px;
}

.tableexpand-caret {
    position: absolute;
    bottom: 10px;
    left: 12px;
}

    .tableexpand-caret span {
        color: #289efe;
        font-size: 14px;
    }

        .tableexpand-caret span:active, .tableexpand-caret span:hover {
            color: #1C90ED;
        }

.intable-tabcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #7F7F7F;
    height: 1.5rem;
    display: table;
    width: 100%;
}

    .intable-tabcaption span {
        vertical-align: middle;
        width: 6.7rem;
        display: table-cell;
        font-size: 13px;
        line-height: 9px;
        padding-top: 2px;
        color: #fff;
    }

.item-res_list label, .item-res_list.list-travel_thead p, .item-res_list.spanword span {
    color: #289efe;
    font-family: rsu_r;
}

.common02_content-res .common02-res_Block, .common02_content-res .travel-res_Block, .travel_content-res .travel-res_Block {
    position: relative;
    padding: 15px 0 0;
    border-bottom: 1px solid #CBCBCB;
}

    .common02_content-res .common02-res_Block .tableexpand-caret, .common02_content-res .travel-res_Block .tableexpand-caret, .travel_content-res .travel-res_Block .tableexpand-caret {
        bottom: 20px;
    }

    .common02_content-res .common02-res_Block .item-res_list:nth-child(3), .common02_content-res .travel-res_Block .item-res_list:nth-child(3), .travel_content-res .travel-res_Block .item-res_list:nth-child(3) {
        border-bottom: none;
    }

    .common02_content-res .open.common02-res_Block .item-res_list:nth-child(3), .common02_content-res .travel-res_Block.open .item-res_list:nth-child(3), .item-res_list, .travel_content-res .travel-res_Block.open .item-res_list:nth-child(3) {
        border-bottom: 1px solid #E5E5E5;
    }

    .common02_content-res .common02-res_Block:first-child, .common02_content-res .travel-res_Block:first-child, .travel_content-res .travel-res_Block:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .common02_content-res .common02-res_Block:last-child, .common02_content-res .travel-res_Block:last-child, .travel_content-res .travel-res_Block:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.common02_content-res .col-xs-10, .common02_content-res .col-xs-2, .travel_content-res .col-xs-10, .travel_content-res .col-xs-2 {
    padding-left: 0;
}

.common02_content-res .col-xs-10, .travel_content-res .col-xs-10 {
    padding-right: 0;
}

.common02_content-res .tagitem_travel, .travel_content-res .tagitem_travel {
    padding: 0 1rem;
    width: 2.4rem;
}

@media screen and (max-width:768px) {
    .TravelPage .detail_item-tableexpand {
        margin-left: 0;
    }

    .common02_content-res .common02-res_Block, .common02_content-res .travel-res_Block, .travel_content-res .travel-res_Block {
        background-color: #fff;
    }

    .common02_content-res .tagitem_travel, .travel_content-res .tagitem_travel {
        padding: .45rem 1rem .3rem;
    }
}

.item-res_list {
    padding: 5px 0;
}

    .item-res_list:first-child {
        padding-top: 0;
    }

    .item-res_list label {
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 0;
    }

    .item-res_list p {
        margin: -5px 0 0;
    }

    .item-res_list.spanword span {
        font-size: 16px;
        text-align: center;
    }

    .item-res_list.list-travel_thead {
        overflow-y: hidden;
        width: 97%;
        padding: 8px 0;
    }

        .item-res_list.list-travel_thead p {
            display: inline-block;
            font-size: 18px;
        }

        .item-res_list.list-travel_thead span[class*=" icon-"], .item-res_list.list-travel_thead span[class^=icon-] {
            display: inline-block;
            float: right;
            font-size: 25px;
            padding-right: 15px;
        }

        .item-res_list.list-travel_thead .list-travel_subthead {
            padding-left: 15px;
            width: 100%;
        }

            .item-res_list.list-travel_thead .list-travel_subthead p {
                color: #7F7F7F;
                font-size: 16px;
            }

            .item-res_list.list-travel_thead .list-travel_subthead li {
                padding: 5px 0;
            }

.detail_item-resexpand {
    display: none;
}

    .detail_item-resexpand .bar_title {
        min-height: 2.5rem;
    }

.item-res_layertwo {
    margin-top: -1px;
}

    .item-res_layertwo .bar-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .item-res_layertwo .bar_title {
        height: 2.5rem;
        overflow: hidden;
        background-color: #B2B2B2 !important;
        box-shadow: none !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    .item-res_layertwo .bar_left-title {
        margin-top: 0;
    }

    .item-res_layertwo .bar_right.barright_icon {
        padding: .6rem 1rem !important;
        border-left: 1px solid #E5E5E5 !important;
    }

        .item-res_layertwo .bar_right.barright_icon:active, .item-res_layertwo .bar_right.barright_icon:hover {
            background-color: #656565 !important;
        }

    .item-res_layertwo .list_travelsubexpand {
        display: none;
        margin: -4px 0 1px;
        padding-top: 10px;
        background-color: #f9f9f9;
    }

        .item-res_layertwo .list_travelsubexpand .item-res_list label {
            display: block;
        }

        .item-res_layertwo .list_travelsubexpand .item-res_list p {
            font-family: rsu_r;
            color: #7F7F7F;
            margin: 0;
            font-size: 15px;
        }

        .item-res_layertwo .list_travelsubexpand .item-res_list span {
            font-family: inherit;
        }

        .item-res_layertwo .list_travelsubexpand .item-res_list .col-xs-3 {
            padding-left: 15px;
        }

        .item-res_layertwo .list_travelsubexpand .item-res_list .col-xs-8 {
            padding-left: 0;
        }

        .item-res_layertwo .list_travelsubexpand .item-res_list.list-travelsub_detail label {
            font-size: 15px;
            color: #787878;
            padding-top: 7px;
            line-height: 10px;
        }

        .item-res_layertwo .list_travelsubexpand .item-res_list:last-child {
            border-bottom: none !important;
        }

.Common02Page input {
    font-family: rsu_r;
    font-size: 18px;
}

.Common02Page label {
    font-family: rsu_r;
    font-size: 18px;
    font-weight: 400;
    color: #289efe;
    margin: 0;
}

.Common02Page .itemlist {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.Common02Page .ps_red, .Common02Page label {
    padding-left: 5px;
}

.commonsec-1 input::-webkit-input-placeholder {
    color: #E5E5E5;
}

.commonsec-1 .body_content {
    margin-bottom: 0;
    border-radius: 4px;
}

    .body_content .commonsec-1 .announcelist_block, .body_content .commonsec-1 .workcalendar_block, .commonsec-1 .body_content .announcelist_block, .commonsec-1 .body_content .workcalendar_block, .commonsec-1 .itemlist_block {
        padding: 0 !important;
    }

.commonsec-1 .col-sm-8 {
    padding: 15px 25px;
}

.commonsec-1 .col-sm-4 {
    padding-top: 15px;
}

.commonsec-1 .datepick i {
    bottom: 11px;
    right: 10px;
}

.commonsec-1 .input-group-addon {
    cursor: pointer;
    font-family: rsu_r;
    font-size: 18px;
}

    .commonsec-1 .input-group-addon span[class*=" icon-"], .commonsec-1 .input-group-addon span[class^=icon-] {
        font-size: 18px;
        color: #289efe;
    }

.commonsec-1 .commonsec1_right {
    background-color: rgba(251,176,59,.35);
    background-image: url(../images/line_sec.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 40px;
}

    .commonsec-1 .commonsec1_right input {
        text-align: right;
    }

    .commonsec-1 .commonsec1_right .input-group-addon {
        cursor: inherit;
    }

    .commonsec-1 .commonsec1_right .itemlist:last-child input {
        background-color: #FBB03B;
        color: #fff;
    }

.ico_inputordie {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: red;
    vertical-align: super;
}

.ps_red {
    color: red;
    font-family: rsu_r;
    font-size: 15px;
}

.commonsec-2 .body_content {
    border-radius: 4px;
    margin-bottom: 0;
}

.commonsec-2 .radio.radio-inline {
    margin: 0 10px 0 0;
}

.commonsec-2 .itemlist {
    margin-bottom: 10px;
}

    .commonsec-2 .itemlist:last-child {
        margin-bottom: 0;
    }

.commonsec-2 .radio-inline label {
    color: #000;
}

.commonsec-2 .radio-inline .radio label::after {
    background-color: #289efe !important;
}

.commonsec-2 .commonsec2_elm2 .body_content {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.commontable_blackBlock {
    margin-top: -2px;
    background-color: #e4effa;
}

    .commontable_blackBlock .col-sm-6 {
        padding-bottom: 10px;
    }

    .commontable_blackBlock label {
        color: #fff;
    }

    .commontable_blackBlock input, .commontable_blackBlock textarea {
        color: #fff;
        border-color: #CBCBCB;
        background-color: #A9A9A9;
    }

        .commontable_blackBlock input::-webkit-input-placeholder, .commontable_blackBlock textarea::-webkit-input-placeholder {
            color: #CBCBCB;
        }

        .commontable_blackBlock input:focus, .commontable_blackBlock textarea:focus {
            border-color: #E5E5E5;
            box-shadow: none;
        }

    .commontable_blackBlock .dropdown .btn {
        text-align: left;
        font-family: rsu_r;
        font-size: 18px;
    }

    .commontable_blackBlock .dropdown button {
        color: #fff;
        background: 0 0;
        border-radius: 4px;
        height: 36px;
    }

        .commontable_blackBlock .dropdown button:hover {
            border-color: #E5E5E5;
        }

    .commontable_blackBlock .dropdown li {
        font-family: rsu_r;
        font-size: 16px;
    }

    .commontable_blackBlock .dropdown .caret {
        color: #fff;
        margin-top: 10px;
        float: right;
    }

    .commontable_blackBlock .halfinput {
        padding-right: 20%;
    }

@media screen and (max-width:768px) {
    .commonsec-2 .itemlist {
        margin-bottom: 0;
    }

    .commonsec-2 .radio-inline {
        display: block;
    }

    .commontable_blackBlock .halfinput {
        padding-right: 30%;
    }

    .commonsec-3 {
        border: 1px solid #E5E5E5;
        border-radius: 4px;
    }

        .commonsec-3 .body_content {
            border: none;
            box-shadow: none;
        }
}

.commonsec-4 .sec4_2 .dropdown button, .label-status {
    border-radius: 4px;
}

.body_content .commonsec-3 .view_info_btn .announcelist_block, .body_content .commonsec-3 .view_info_btn .workcalendar_block, .commonsec-3 .view_info_btn .body_content .announcelist_block, .commonsec-3 .view_info_btn .body_content .workcalendar_block, .commonsec-3 .view_info_btn .itemlist_block {
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    min-height: inherit;
}

.body_content .commonsec-3 .view_info_btn.viewbtn_sec3_1 .announcelist_block, .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_1 .workcalendar_block, .commonsec-3 .view_info_btn.viewbtn_sec3_1 .body_content .announcelist_block, .commonsec-3 .view_info_btn.viewbtn_sec3_1 .body_content .workcalendar_block, .commonsec-3 .view_info_btn.viewbtn_sec3_1 .itemlist_block {
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
}

@media screen and (max-width:768px) {
    .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_1 .announcelist_block, .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_1 .workcalendar_block, .commonsec-3 .view_info_btn.viewbtn_sec3_1 .body_content .announcelist_block, .commonsec-3 .view_info_btn.viewbtn_sec3_1 .body_content .workcalendar_block, .commonsec-3 .view_info_btn.viewbtn_sec3_1 .itemlist_block {
        box-shadow: none !important;
    }
}

.body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .announcelist_block, .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .workcalendar_block, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .announcelist_block, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .workcalendar_block, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .itemlist_block {
    box-shadow: 0 -2px 5px 0 rgba(0,0,0,.2);
}

    .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .announcelist_block .dropdown .btn, .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .workcalendar_block .dropdown .btn, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .announcelist_block .dropdown .btn, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .workcalendar_block .dropdown .btn, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .itemlist_block .dropdown .btn {
        text-align: left;
        font-family: rsu_r;
        font-size: 18px;
    }

    .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .announcelist_block .dropdown li, .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .workcalendar_block .dropdown li, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .announcelist_block .dropdown li, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .workcalendar_block .dropdown li, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .itemlist_block .dropdown li {
        font-family: rsu_r;
        font-size: 16px;
    }

    .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .announcelist_block .dropdown .caret, .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .workcalendar_block .dropdown .caret, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .announcelist_block .dropdown .caret, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .workcalendar_block .dropdown .caret, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .itemlist_block .dropdown .caret {
        margin-top: 10px;
        float: right;
    }

    .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .announcelist_block input, .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .workcalendar_block input, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .announcelist_block input, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .workcalendar_block input, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .itemlist_block input {
        text-align: right;
    }

    .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .announcelist_block .input-group, .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .workcalendar_block .input-group, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .announcelist_block .input-group, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .workcalendar_block .input-group, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .itemlist_block .input-group {
        font-family: rsu_r;
    }

        .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .announcelist_block .input-group span.input-group-addon, .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .workcalendar_block .input-group span.input-group-addon, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .announcelist_block .input-group span.input-group-addon, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .workcalendar_block .input-group span.input-group-addon, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .itemlist_block .input-group span.input-group-addon {
            font-size: 18px;
        }

        .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .announcelist_block .input-group button, .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .workcalendar_block .input-group button, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .announcelist_block .input-group button, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .workcalendar_block .input-group button, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .itemlist_block .input-group button {
            font-family: rsu_r;
            font-size: 18px;
            color: #289efe;
            height: 38px;
        }

        .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .announcelist_block .input-group .caret, .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .workcalendar_block .input-group .caret, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .announcelist_block .input-group .caret, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .workcalendar_block .input-group .caret, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .itemlist_block .input-group .caret {
            color: #289efe;
        }

        .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .announcelist_block .input-group a, .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .workcalendar_block .input-group a, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .announcelist_block .input-group a, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .workcalendar_block .input-group a, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .itemlist_block .input-group a {
            font-size: 16px;
        }

@media screen and (max-width:768px) {
    .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .announcelist_block, .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .workcalendar_block, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .announcelist_block, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .workcalendar_block, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .itemlist_block {
        box-shadow: none !important;
    }

        .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .announcelist_block .itemlist, .body_content .commonsec-3 .view_info_btn.viewbtn_sec3_3 .workcalendar_block .itemlist, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .announcelist_block .itemlist, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .body_content .workcalendar_block .itemlist, .commonsec-3 .view_info_btn.viewbtn_sec3_3 .itemlist_block .itemlist {
            padding: 15px 0;
            background-color: #f7f7f7;
        }

    .common02_content-res label {
        padding-left: 0;
    }
}

.common02_content-res .common02-res_Block .item-res_list:nth-child(2) {
    border-bottom: none;
}

.common02_content-res .common02-res_Block.open .item-res_list:nth-child(2) {
    border-bottom: 1px solid #E5E5E5;
}

.common02_content-res .detail_item-resexpand {
    padding-top: 5px;
}

    .common02_content-res .detail_item-resexpand .item-res_list:last-child {
        border-bottom: none;
    }

.common02_item-table {
    width: 100%;
    background-color: rgba(40,158,255,.1);
    padding-top: 15px;
    margin-top: -20px;
    table-layout: fixed;
}

    .common02_item-table thead tr:first-child td {
        padding-top: 35px;
    }

    .common02_item-table thead tr td {
        word-break: break-word;
        font-family: rsu_r;
        font-size: 16px;
        color: #289efe;
        padding-left: 0;
    }

        .common02_item-table thead tr td:first-child {
            width: 5rem;
        }

        .common02_item-table thead tr td:nth-child(2), .common02_item-table thead tr td:nth-child(3), .common02_item-table thead tr td:nth-child(4), .common02_item-table thead tr td:nth-child(5) {
            width: 11rem;
        }

        .common02_item-table thead tr td:nth-child(6), .common02_item-table thead tr td:nth-child(7), .common02_item-table thead tr td:nth-child(8) {
            width: 8rem;
        }

        .common02_item-table thead tr td:nth-child(7) {
            width: 6rem;
        }
        .common02_item-table thead tr td:nth-child(8) {
            width: 6rem;
        }

    .common02_item-table tbody {
        color: #7F7F7F;
    }

        .common02_item-table tbody td {
            padding: 8px 8px 8px 0 !important;
        }

    .common02_item-table .tagitem_travel {
        padding: 0 .45rem;
    }

.commonsec-4 input::-webkit-input-placeholder {
    color: #E5E5E5;
}

.commonsec-4 .checkbox label::after, .commonsec-4 .checkbox label::before {
    border-color: #289efe;
    color: #289efe;
}

.commonsec-4 .sec4_2 {
    background-color: #f7f7f7;
    padding: 15px 15px 0;
}

    .commonsec-4 .sec4_2 .itemlist {
        margin: 0 0 15px;
    }

        .commonsec-4 .sec4_2 .itemlist label {
            line-height: 15px;
        }

        .commonsec-4 .sec4_2 .itemlist:nth-child(2), .commonsec-4 .sec4_2 .itemlist:nth-child(3) {
            margin: 0 0 8px;
        }

            .commonsec-4 .sec4_2 .itemlist:nth-child(3) label, .commonsec-4 .sec4_2 .itemlist:nth-child(4) label {
                padding-left: 8px;
            }

    .commonsec-4 .sec4_2 .dropdown .btn {
        text-align: left;
        font-family: rsu_r;
        font-size: 18px;
    }

    .commonsec-4 .sec4_2 .dropdown li {
        font-family: rsu_r;
        font-size: 16px;
    }

    .commonsec-4 .sec4_2 .input-group span.input-group-addon, .commonsec-5 p {
        font-size: 18px;
    }

    .commonsec-4 .sec4_2 .dropdown .caret {
        margin-top: 10px;
        float: right;
    }

    .commonsec-4 .sec4_2 .input-group {
        font-family: rsu_r;
    }

        .commonsec-4 .sec4_2 .input-group input {
            text-align: right;
        }

.commonsec-5 p {
    font-family: rsu_r;
    margin: 0;
}

.common_nobill_elm2 .itemlist, .commonsec-5 .itemlist {
    margin-bottom: 10px;
}

.commonsec-5 .input-group-addon {
    cursor: pointer;
}

    .commonsec-5 .input-group-addon [class*=" icon-"], .commonsec-5 .input-group-addon [class^=icon-] {
        font-size: 24px;
    }

.commonsec-5 input::-webkit-input-placeholder {
    color: #E5E5E5;
}

.attachfile_list {
    padding: 5px 0;
}

    .attachfile_list:last-child {
        padding: 5px 0 0;
    }

    .attachfile_list [class*=" icon-"], .attachfile_list [class^=icon-] {
        color: #7F7F7F;
        font-size: 20px;
        vertical-align: inherit;
        width: 20px;
    }

    .attachfile_list span {
        font-family: rsu_r;
        font-size: 16px;
        color: #7F7F7F;
        vertical-align: bottom;
        width: 80%;
        display: inline-block;
        white-space: nowrap;
    }

@media screen and (max-width:768px) {
    .attachfile_list span {
        width: 72%;
    }
}

.attachfile_list .inattachfile-action {
    display: inline-block;
    float: right;
}

    .attachfile_list .inattachfile-action span {
        width: 100%;
        background-color: rgba(40,158,255,.1);
        font-size: 15px;
        color: #289efe;
        text-align: right;
        padding: 0 5px;
        border-radius: 4px;
    }

.commonbtn, .commonsec-6 {
    padding-top: 5px;
}

    .commonbtn button, .commonsec-6 button {
        border-color: none;
        width: 170px;
        background-color: #B2B2B2;
    }

        .commonbtn button:hover, .commonsec-6 button:hover {
            background-color: #787878;
        }

@media screen and (max-width:768px) {
    .commonbtn button, .commonsec-6 button {
        width: 145px;
        width: 46%;
    }

    .common_nobill_elm2 .itemlist {
        margin-bottom: 3px;
    }
}

.commonbtn .btn, .commonsec-6 .btn {
    padding: 12px;
}

.label-status {
    width: 100%;
    text-align: center;
    padding: 2px 0;
    font-family: rsu_r;
    font-size: 16px;
}

.CommonNobillPage .body_content {
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}

    .CommonNobillPage .body_content .announcelist_block, .CommonNobillPage .body_content .itemlist_block, .CommonNobillPage .body_content .workcalendar_block {
        border: none;
    }

.CommonNobillPage input::-webkit-input-placeholder, .CommonNobillPage textarea::-webkit-input-placeholder {
    color: #E5E5E5;
}

.common_nobill_elm2 .bar_left-title {
    color: #289efe;
}

.common_nobill_elm2 .span_name {
    text-align: right;
    white-space: nowrap;
    float: right;
    padding-top: .5rem;
    font-size: 18px;
}

.ess-required-filed {
    color: red;
    font-size: 14px;
}
.span_name_left {
    text-align: left;
    white-space: nowrap;
    float: left;
    padding-top: .5rem;
    font-size: 18px;
}

.common_nobill_elm2 .dropdown {
    display: inline;
}

@media screen and (max-width:768px) {
    .common_nobill_elm2 .span_name {
        float: left;
    }
    .span_name_left {
        float: left;
    }
    .common_nobill_elm2 .dropdown {
        display: block;
    }
}

.common_nobill_elm2 .label-status {
    background-color: rgba(251,176,59,.1);
    color: #FBB03B;
    margin-top: 5px;
}

.common_nobill_elm2 .input-group-addon {
    cursor: pointer;
    font-family: rsu_r;
    font-size: 18px;
}

    .common_nobill_elm2 .input-group-addon span[class^=icon-] {
        font-size: 18px;
        color: #289efe;
    }

.common_nobill_elm2 .ico_inputordie {
    float: right;
    margin-top: 7px;
    margin-right: -9px;
}

.common_nobill_elm2 .checkbox {
    font-family: rsu_r;
    font-size: 17px;
    display: block !important;
    margin-bottom: 0;
}

.dropdown_title, .input-group_inlblock {
    display: inline-block;
}

.common_nobill_elm2 .nobill_item-checkbox {
    padding-bottom: 15px;
}

@media screen and (max-width:768px) {
    .common_nobill_elm2 .ico_inputordie {
        float: none;
    }

    .common_nobill_elm2 .nobill_item-checkbox {
        display: inline-block;
        width: 100%;
    }
}

.common_nobill_elm2 .nobill_item-radioinline {
    margin-top: 15px;
    font-family: rsu_r;
    font-size: 17px;
}

.common_nobill_elm2 textarea {
    min-height: 90px;
    max-width: 100%;
}

.dropdown li a {
    white-space: normal;
}

.dropdown_title {
    width: 85%;
    white-space: nowrap;
}

.TravelExManPage .body_content {
    border-radius: 0 0 4px 4px;
}

    .TravelExManPage .body_content input::-webkit-input-placeholder {
        color: #E5E5E5;
    }

    .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec01 {
        table-layout: fixed;
        border: none;
        margin-bottom: 0;
    }

        .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec01 td, .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec01 tr {
            padding: 0 8px;
            height: inherit !important;
        }

        .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec01 td {
            width: 14%;
        }

            .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec01 td:nth-child(3) {
                width: 40%;
            }

@media screen and (max-width:992px) {
    .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec01 td:nth-child(3) {
        width: 30%;
    }
}

.TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec01 td:last-child {
    width: 16.5%;
    text-align: right;
}

.TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec01 thead td, .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec01 thead tr {
    font-family: rsu_r;
    font-size: 16px;
    border: none;
    color: #7F7F7F;
}

.TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec01 tbody td, .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec01 tbody tr {
    background-color: #f7f7f7;
    border: none;
    padding: 7px;
}

.TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec01 tbody tr {
    border-bottom: 3px solid #fff;
}

.TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec01 tbody td:last-child {
    padding: 0 0 0 8px;
}

.TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 {
    table-layout: fixed;
    border: none;
    margin-bottom: 0;
}

    .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 td, .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 tr {
        padding: 0 8px;
        height: inherit !important;
        text-align: center;
        vertical-align: bottom;
        line-height: 14px;
    }

        .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 td:nth-child(1) {
            width: 10%;
            text-align: left;
        }

        .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 td:nth-child(2) {
            width: 20%;
            text-align: left;
        }

.TravelExManPage .body_content .traveltableBlock.travelEx_sec03 .exman_sec03.-right, ul.itemlist_table-res.-detailright .exman-res_detailtable {
    text-align: right;
}

.TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 thead td, .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 thead tr {
    font-family: rsu_r;
    font-size: 16px;
    border: none;
    color: #7F7F7F;
    padding-bottom: 5px;
}

.TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 tbody td, .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 tbody tr, .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 tfoot td, .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 tfoot tr {
    background-color: #f7f7f7;
    border: none;
    padding: 7px;
}

.TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 tbody tr, .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 tfoot tr {
    border-bottom: 3px solid #fff;
}

.TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 tfoot td, .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 tfoot tr {
    font-family: rsu_r;
    font-size: 18px;
    color: #289efe;
    background-color: rgb(23, 47, 75);
    border: none;
    padding: 13px 7px;
}

.TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 tfoot tr {
    border-bottom: 3px solid #fff;
}

.TravelExManPage .body_content .traveltableBlock.travelEx_sec03 .exman_sec03 {
    font-family: rsu_r;
    font-size: 18px;
    color: #7F7F7F;
}

@media screen and (max-width:768px) {
    .TravelExManPage .body_content .traveltableBlock.travelEx_sec03 .exman_sec03 {
        font-size: 16px;
    }
}

.TravelExManPage .body_content .traveltableBlock.travelEx_sec03 .exman_sec03.-right span {
    color: #000;
    font-size: 22px;
}

.TravelExManPage .body_content .traveltableBlock .attachfile .item-btn {
    padding: 10px 0 0;
}

.TravelExManPage .body_content .announcelist_block, .TravelExManPage .body_content .itemlist_block, .TravelExManPage .body_content .workcalendar_block {
    padding: 15px 0;
}

.travel_elm2 .itemlist {
    margin-bottom: 10px;
}

.travel_elm2 .bar_title {
    background-color: #289efe !important;
}

.travel_elm2 .body_content {
    border-radius: 4px;
    margin-bottom: 30px;
}
.travel_elm2 .body_content .body_content.panel-collapse {
     margin-bottom: 0px;
}

.travel_elm2 .datepick i {
    color: #289efe;
}

@media screen and (max-width:768px) {
    .TravelExManPage .body_content .traveltableBlock.travelEx_sec03 .exman_sec03.-right span {
        font-size: 20px;
    }

    .travelExBlock input {
        margin-bottom: 7px;
    }

    .travelExBlock label {
        margin-bottom: 0;
    }
}

.bar_expandlist .bar_expand-status {
    background-color: #289efe;
}

    .bar_expandlist .bar_expand-status .bar_right-icon:hover {
        background-color: #1C90ED;
    }

.bar_expandlist .bar_expand-expandDetail {
    display: none;
}

.ico_lightaction {
    display: inline-block;
    padding: 5px;
    /*min-width: 40px;*/
    text-align: center;
    /*padding-top:10px !important;*/
}

    .ico_lightaction.action-edit {
        background-color: rgb(251, 176, 59);
    }

        .ico_lightaction.action-edit [class*=" icon-"], .ico_lightaction.action-edit [class^=icon-] {
            color: #FBB03B;
            font-size: 14px;
        }

    .ico_lightaction.action-del {
        background-color: rgb(255, 68, 63);
    }

        .ico_lightaction.action-del [class*=" icon-"], .ico_lightaction.action-del [class^=icon-] {
            font-size: 14px;
            color: #FF443F;
        }

    .ico_lightaction:not(:last-child) {
        margin-right: -4px;
        border-right: 1px #fff solid;
    }

.tag_lightaction {
    display: inline-block;
    font-family: rsu_r;
    font-size: 18px;
    vertical-align: top;
    padding: 6px 12px;
}

    .tag_lightaction [class*=" icon-"], .tag_lightaction [class^=icon-] {
        font-size: 18px;
        margin-right: 5px;
        vertical-align: sub;
    }

    .tag_lightaction.action-add {
        color: #0FCAA4;
        background-color: rgba(15,202,164,.1);
    }

ul.itemlist_table-res {
    position: relative;
    padding: 10px 15px;
    background-color: #f7f7f7;
    margin-bottom: 3px;
    border-radius: 4px;
}

    ul.itemlist_table-res.-warp {
        padding: 0 10px;
    }

        ul.itemlist_table-res.-warp .exman-res_detailtable, ul.itemlist_table-res.-warp .exman-res_titletable {
            width: 100%;
        }

        ul.itemlist_table-res.-warp li {
            padding-bottom: 6px;
        }

    ul.itemlist_table-res.-resultblue {
        padding: 0 10px 10px;
        background-color: transparent;
    }

        ul.itemlist_table-res.-resultblue .exman-res_detailtable {
            text-align: right;
            color: #289efe;
        }

        ul.itemlist_table-res.-resultblue li:first-child .exman-res_titletable {
            color: #289efe;
            font-size: 18px;
        }

    ul.itemlist_table-res p {
        margin: inherit;
    }

.travelEx_tablesec01 ul.itemlist_table-res {
    padding: 20px 15px;
}

.exman-res_titletable {
    white-space: nowrap;
    font-family: rsu_r;
    font-size: 16px;
    color: #B2B2B2;
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

.exman-res_detailtable {
    display: inline-block;
    width: 65%;
    word-wrap: break-word;
}

.exman-res_icoaction {
    position: absolute;
    top: 0;
    right: 0;
}

.travelExMan_content-res.travelEx_tablesec02 .bar_expandlist {
    margin-bottom: 3px;
}

    .travelExMan_content-res.travelEx_tablesec02 .bar_expandlist:last-child {
        padding-bottom: 15px;
    }

.travelExMan_content-res.travelEx_tablesec02 .bar_expand-status {
    background-color: #f7f7f7;
}

.bar_bottom-status .travelExMan_content-res.travelEx_tablesec02 .bar_right-icon, .bar_expandlist .bar_expand-status .travelExMan_content-res.travelEx_tablesec02 .bar_right-icon, .travelExMan_content-res.travelEx_tablesec02 .bar_bottom-status .bar_right-icon, .travelExMan_content-res.travelEx_tablesec02 .bar_expandlist .bar_expand-status .bar_right-icon{
    background-color: #E5E5E5;
    color: #787878;
}
.travelExMan_content-res.travelEx_tablesec02 .bar_left-icon {
    background-color: #133a49;
    color: white;
}

    .bar_bottom-status .travelExMan_content-res.travelEx_tablesec02 .bar_right-icon:hover, .bar_expandlist .bar_expand-status .travelExMan_content-res.travelEx_tablesec02 .bar_right-icon:hover, .travelExMan_content-res.travelEx_tablesec02 .bar_bottom-status .bar_right-icon:hover, .travelExMan_content-res.travelEx_tablesec02 .bar_expandlist .bar_expand-status .bar_right-icon:hover, .travelExMan_content-res.travelEx_tablesec02 .bar_left-icon:hover {
        background-color: #CBCBCB;
    }

.travelExMan_content-res.travelEx_tablesec02 .bar_statusword {
    color: #000;
    font-family: inherit;
    font-size: 16px;
}

.travelExBlock label.normal-font, label.label-under-input {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.travelExMan_content-res.travelEx_tablesec02 .expandDetail_01 {
    background-color: #f7f7f7;
    padding: 15px 15px 0;
    border-radius: 4px;
}

.travelExMan_content-res.travelEx_tablesec02 .expandDetail_02 {
    background-color: rgba(40,158,254,.1);
    padding: 15px 15px 0;
    border-radius: 4px;
}

.travelExMan_content-res.travelEx_tablesec02 hr {
    border-top: 1px solid #E5E5E5;
    margin-top: 10px;
    margin-bottom: 10px;
}

.attachfile .item-btn {
    padding: 10px 0 20px;
}

    .attachfile .item-btn .itemin_btn {
        padding: .5% 2.5%;
    }

.msie .TravelPage01 table {
    display: block;
}

    /*.msie .TravelPage01 table td:nth-child(2), .msie .TravelPage01 table thead td:nth-child(2) {
        width: 21rem;
    }*/

    .msie .TravelPage01 table td:nth-child(n+3):nth-child(-n+11) {
        width: 7%;
        min-width: 7%;
    }

    .msie .TravelPage01 table thead td:nth-child(6) {
        width: 13.9% !important;
    }

    .msie .TravelPage01 table thead td:nth-child(7) {
        width: 28% !important;
    }
    .msie .TravelPage01 table thead td:nth-child(8) {
        width: 28% !important;
    }
    .msie .TravelPage01 table td:last-child {
        width: 6.9% !important;
        min-width: 6.9% !important;
    }

.common_nobill_elm2 .dropdown .btn {
    width: 100%;
    height: 41px;
    line-height: 33px;
}

.bar_expandlist {
    position: relative;
}

ul.itemlist_table-res.-detailright .exman-res_detailtable.text-aligh-left {
    display: block;
    width: 100%;
    text-align: left;
}

ul.itemlist_table-res.-detailright .exman-res_detailtable.only-text-aligh-left {
    text-align: left;
}

label.label-under-input {
    padding-top: 5px;
    color: #000;
}

.travelExBlock label.black-color {
    color: #000;
}

.travelExBlock label.red-color-small {
    color: red;
    font-size: 13px;
}

.common_nobill_elm2 .input-group-addon:active {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.travelExBlock .plus-button {
    background-color: rgba(15,202,164,.1);
    font-family: rsu_r;
    font-size: 17px;
    font-weight: 400;
    color: #0FCAA4;
}

    .travelExBlock .plus-button .icon-plus_large {
        font-size: 17px;
    }

.travelExBlock .list-expend {
    background-color: #f7f7f7;
    font-family: rsu_r;
    font-size: 17px;
    font-weight: 400;
    color: #289efe;
    padding: 10px;
    margin-top: 10px;
}

    .travelExBlock .list-expend .input-group-addon {
        background-color: #FFF;
    }

.list-expend .itemlist > div > label {
    margin-top: 10px;
    color: #B2B2B2;
}

.travelExBlock .sum-expend {
    background-color: rgba(40,158,255,.1);
    font-family: rsu_r;
    font-size: 17px;
    font-weight: 400;
    color: #289efe;
    padding: 10px 10px 4px;
    margin-top: 10px;
}

    .travelExBlock .sum-expend.white-bg {
        background-color: #fff;
        font-family: rsu_r;
        font-size: 17px;
        font-weight: 400;
        color: #289efe;
        padding: 0;
        margin-top: 10px;
    }

    .travelExBlock .sum-expend .head-label {
        color: #289efe;
        padding-left: 10px;
        margin-bottom: 0;
    }

    .travelExBlock .sum-expend .sum-label {
        color: #289efe;
        margin-left: 50px;
        margin-bottom: 0;
        font-size: 22px;
    }

.etc-payment-page label.head {
    font-family: rsu_r;
    font-size: 20px;
    font-weight: 500;
    color: #289efe;
    line-height: 16px;
    margin-bottom: 7px;
}

.etc-payment-page .body_content {
    border-radius: 4px;
}

    .etc-payment-page .body_content .announcelist_block, .etc-payment-page .body_content .itemlist_block, .etc-payment-page .body_content .workcalendar_block {
        padding: 2% 0 .5%;
    }

.etc-payment-page .item-btn .itemin_btn {
    padding: 10px;
    width: 100%;
    margin-bottom: 5px;
}

    .etc-payment-page .item-btn .itemin_btn i {
        font-size: 20px;
    }

.etc-payment-page .ico_datestart {
    font-size: 20px;
    color: #B1ABAB;
}

.etc-payment-page .calendar {
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
}

.etc-payment-page .search-visible-xs, .travel_Ex_Man_41324 .refund .col-xs-4 .sum-label-head-desc {
    display: none;
}

.etc-payment-page .item-name .text-head {
    font-family: rsu_r;
    font-size: 18px;
    color: #7F7F7F;
}

.etc-payment-page .item-desc {
    padding-bottom: 5px;
}

    .etc-payment-page .item-desc .text-desc {
        font-size: .9rem;
        font-weight: 500;
    }

        .etc-payment-page .item-desc .text-desc.status {
            color: #FBB03B;
        }

        .etc-payment-page .item-desc .text-desc.sum {
            color: #289efe;
        }

.etc-payment-page .item-check-doc {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #289efe;
    background-color: rgba(40,158,255,.1);
    font-size: 24px;
    padding: .4rem .6rem;
    border-radius: 0;
}

    .etc-payment-page .item-check-doc .icon-doc {
        font-size: 24px;
    }

.etc-payment-page .body_content .itemlist > .col-sm-12, .etc-payment-page .body_content .itemlist_block.no-padding, .etc-payment-page .body_content .no-padding.announcelist_block, .etc-payment-page .body_content .no-padding.workcalendar_block, .travel_Ex_Man_41322 .body_content .traveltableBlock table.travelEx_tablesec02 tbody td.no-padding, .travel_Ex_Man_41322 .ico_lightaction span, .travel_Ex_Man_41324 .ico_lightaction span {
    padding: 0;
}

.etc-payment-page .bar_searchactive {
    height: auto;
}

    .etc-payment-page .bar_searchactive .dropdown-toggle span.caret {
        position: absolute;
        right: 10px;
    }

.etc-payment-page .bar_search .search_block {
    margin: .6em auto 0;
}

    .etc-payment-page .bar_search .search_block label {
        color: #03eeff;
        font-family: rsu_r;
        font-size: 18px;
        font-weight: 500;
    }

.travel_Ex_Man_41324 .allowance .checkbox label, .travel_Ex_Man_41324 .allowance .date-div, .travel_Ex_Man_41324 .allowance .sum label, .travel_Ex_Man_41324 .refun-footer .footer-desc .normal-font, .travel_Ex_Man_41324 .refun-footer2 .footer-desc .normal-font, .travel_Ex_Man_41324 .refun-header .refun-desc .normal-font, .travel_Ex_Man_41324 .refund .date-div, .travel_Ex_Man_41324 .refund .text label, .travel_Ex_Man_41324 .travelExBlock .sum-expend .sum-label {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.etc-payment-page .bar_search .search_block .ico_dateend, .etc-payment-page .bar_search .search_block .ico_datestart {
    font-size: 20px;
    color: #04efff;
}

.etc-payment-page .bar_search .search_block .input-group-addon, .etc-payment-page .bar_search .search_block .input-group-addon .icon-magnify_glass {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
}

.etc-payment-page .bar_search .search_block input::-webkit-input-placeholder {
    color: #279fff;
}

.etc-payment-page .bar_search .search_block input:-moz-placeholder {
    color: #279fff;
    opacity: 1;
}

.etc-payment-page .bar_search .search_block input::-moz-placeholder {
    color: #279fff;
    opacity: 1;
}

.etc-payment-page .bar_search .search_block input:-ms-input-placeholder {
    color: #279fff;
}

.etc-payment-page .bar_search .search_block .input-group-addon {
    background-color: #1283DE;
    border: 1px solid #279DFF;
    color: #04efff;
    padding: 6px 12px;
    cursor: pointer;
}

.etc-payment-page .bar_search .search_block .btn-default.btn-white {
    color: #31a4ff;
    background-color: #fff;
    width: 100%;
    padding-top: 8px;
    margin-top: 4px;
    border-radius: 4px;
}

.TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02 td, .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02.not-fix-width td:nth-child(1), .TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02.not-fix-width td:nth-child(2) {
    width: auto;
    white-space: nowrap;
}

.TravelExManPage .body_content .traveltableBlock table.travelEx_tablesec02.not-fix-width {
    table-layout: auto;
}

.travel_Ex_Man_41322 .body_content .traveltableBlock table.travelEx_tablesec02 tbody td .action-del {
    float: right;
}

.travel_Ex_Man_41322 .travelExMan_content-res.-xs_sm-only .plus-button {
    margin-top: 10px;
}

.travel_Ex_Man_41324 .traveltableBlock td span {
    color: #CBCBCB;
    font-size: 20px;
    vertical-align: text-bottom;
    padding-right: 5px;
}

.travel_Ex_Man_41324 .travelExMan_content-res span {
    color: #CBCBCB;
    font-size: 17px;
    vertical-align: text-bottom;
    padding-right: 0;
}

.travelEx_tablesec02 .checkbox .black-color {
    line-height: 20px;
}

.travel_Ex_Man_41324 .allowance span {
    color: #CBCBCB;
    font-size: 17px;
}

.travel_Ex_Man_41324 .allowance .bar_right-icon span {
    color: #fff;
    font-size: 18px;
}

.travel_Ex_Man_41324 .travelExMan_content-res.travelEx_tablesec02 .expandDetail_01, .travel_Ex_Man_41324 .travelExMan_content-res.travelEx_tablesec02 .expandDetail_02 {
    padding: 0;
    border-radius: 0;
}

.travel_Ex_Man_41324 ul.itemlist_table-res {
    padding: 10px 0 10px 5px;
}

.travel_Ex_Man_41324 .exman-res_titletable {
    width: 20%;
}

.travel_Ex_Man_41324 .exman-res_detailtable {
    width: 75%;
}

.travel_Ex_Man_41324 .allowance .date-div {
    color: #f1b020;
    font-size: 17px;
}

.travel_Ex_Man_41324 .refund .date-div {
    color: #000;
    font-size: 17px;
}

.travel_Ex_Man_41324 .allowance .checkbox label {
    font-size: 17px;
}

.travelExBlock .sum-expend.no-top-margin, .travel_Ex_Man_41324 .allowance .checkbox {
    margin-top: 0;
}

.travel_Ex_Man_41324 .allowance .sum label {
    color: #289efe;
    font-size: 17px;
}

.travel_Ex_Man_41324 .allowance-footer .footer-head {
    color: #B2B2B2;
    font-size: 17px;
}

.travel_Ex_Man_41324 .allowance-footer {
    margin-top: 7px;
}

    .travel_Ex_Man_41324 .allowance-footer .footer-desc {
        color: #B2B2B2;
        font-size: 17px;
        text-align: right;
        width: 100%;
    }

        .travel_Ex_Man_41324 .allowance-footer .footer-desc .normal-font {
            color: #000;
            font-size: 17px;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        }

.travel_Ex_Man_41324 .allowance .itemlist {
    margin-bottom: -6px;
}

.travelExBlock input.no-bot-margin {
    margin-bottom: 0;
}

.travel_Ex_Man_41324 .travelExBlock .sum-expend .sum-label {
    margin-left: 0;
    font-size: 17px;
}

.travel_Ex_Man_41324 .travelExBlock .sum-expend .sum-label-head {
    margin-left: 0;
    color: #289efe;
    margin-bottom: 0;
    font-size: 22px;
}

.travel_Ex_Man_41324 .travelExBlock .sum-expend .sum-label-head-17px {
    margin-left: 0;
    color: #289efe;
    margin-bottom: 0;
    font-size: 17px;
}

.travel_Ex_Man_41324 .allowance .col-xs-3 .sum-label-head-desc, .travel_Ex_Man_41324 .allowance .col-xs-4 .sum-label-head-desc, .travel_Ex_Man_41324 .allowance .col-xs-5 .sum-label-head-desc {
    color: #B2B2B2;
    display: none;
}

.vat-bill .forscroll-x table {
    width: 1200px;
}

.travel_Ex_Man_41324 .refund .date-div span {
    color: #CBCBCB;
    font-size: 17px;
}

.travel_Ex_Man_41324 .refund .ico_lightaction {
    float: right;
    margin-right: 0;
}

.travel_Ex_Man_41324 .refund .item-check-doc {
    color: #289efe;
    background-color: rgba(40,158,255,.1);
    font-size: 14px;
    border-radius: 0;
    padding: 6px 7px;
}

    .travel_Ex_Man_41324 .refund .item-check-doc span {
        color: #289efe;
        font-size: 18px;
    }

.travel_Ex_Man_41324 .refund .text label {
    font-size: 17px;
}

.travel_Ex_Man_41324 .refund .list-expend {
    background-color: #fff;
}

.travel_Ex_Man_41324 .refund .itemlist {
    background-color: #f7f7f7;
    margin-bottom: -5px;
}

    .travel_Ex_Man_41324 .refund .itemlist.white-bg {
        background-color: #fff;
    }

    .travel_Ex_Man_41324 .refund .itemlist.tran-bg {
        background-color: transparent;
    }

.some-margin-top-5px {
    margin-top: 5px;
}

.travel_Ex_Man_41324 .refun-header .refun-head {
    color: #B2B2B2;
    font-size: 17px;
}

.travel_Ex_Man_41324 .refun-header .refun-desc {
    color: #B2B2B2;
    font-size: 17px;
    text-align: right;
    width: 100%;
}

    .travel_Ex_Man_41324 .refun-header .refun-desc .normal-font {
        color: #000;
        font-size: 17px;
    }

.travel_Ex_Man_41324 .refun-footer .footer-head {
    color: #f1b020;
    font-size: 17px;
}

.travel_Ex_Man_41324 .refun-footer .footer-desc {
    color: #f1b020;
    font-size: 17px;
    text-align: right;
    width: 100%;
}

    .travel_Ex_Man_41324 .refun-footer .footer-desc .normal-font, .travel_Ex_Man_41324 .refun-footer2 .footer-head {
        color: #f1b020;
        font-size: 17px;
    }

.travel_Ex_Man_41324 .refun-footer2 .footer-desc {
    color: #f1b020;
    font-size: 17px;
    text-align: right;
    width: 100%;
}

    .travel_Ex_Man_41324 .refun-footer2 .footer-desc .normal-font {
        color: #f1b020;
        font-size: 17px;
    }

.travel_Ex_Man_41324 .refund .list-expend .itemlist .button-group {
    padding-right: 0;
}

.desktop-text-right {
    text-align: right;
}

.TravelPage .btn.no-radius, .travel_Ex_Man_41322 ul.itemlist_table-res, .travel_Ex_Man_41324 ul.itemlist_table-res {
    border-radius: 0;
    margin-left: 1px;
}

.travel_Ex_Man_41322 .ico_lightaction, .travel_Ex_Man_41324 .ico_lightaction {
    padding: 6px 9px;
}

.bar_bottom-status .travel_Ex_Man_41322 .travelExMan_content-res .bar_right-icon, .bar_bottom-status .travel_Ex_Man_41324 .travelExMan_content-res .bar_right-icon, .bar_expandlist .bar_expand-status .travel_Ex_Man_41322 .travelExMan_content-res .bar_right-icon, .bar_expandlist .bar_expand-status .travel_Ex_Man_41324 .travelExMan_content-res .bar_right-icon, .travel_Ex_Man_41322 .travelExMan_content-res .bar_bottom-status .bar_right-icon, .travel_Ex_Man_41322 .travelExMan_content-res .bar_expandlist .bar_expand-status .bar_right-icon, .travel_Ex_Man_41322 .travelExMan_content-res .bar_left-icon, .travel_Ex_Man_41324 .travelExMan_content-res .bar_bottom-status .bar_right-icon, .travel_Ex_Man_41324 .travelExMan_content-res .bar_expandlist .bar_expand-status .bar_right-icon, .travel_Ex_Man_41324 .travelExMan_content-res .bar_left-icon {
    padding: 8px 10px;
}

.travel_Ex_Man_41322 .bar_expandlist .bar_expand-status, .travel_Ex_Man_41324 .bar_expandlist .bar_expand-status {
    height: 2.4rem;
}

.travel_Ex_Man_41322 .body_content, .travel_Ex_Man_41324 .body_content {
    border-radius: 4px;
}

.travel_Ex_Man_41322 .bar_expand-status, .travel_Ex_Man_41324 .bar_expand-status {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.travel_Ex_Man_41322 .travelExMan_content-res .dummy span, .travel_Ex_Man_41324 .travelExMan_content-res .dummy span {
    color: #CBCBCB;
    font-size: 20px;
    vertical-align: text-bottom;
    padding: 0;
}

.travelExBlock .plus-button span {
    color: #0FCAA4;
}

@media screen and (max-width:768px) {
    .etc-payment-page .bar_search .search_block .btn-default.btn-white {
        text-align: center;
        width: 50%;
        margin-top: 9px;
    }

    .travel_Ex_Man_41322 .travelExBlock .dropdown, .travel_Ex_Man_41322 .travelExBlock textarea, .travel_Ex_Man_41324 .travelExBlock .dropdown, .travel_Ex_Man_41324 .travelExBlock textarea {
        margin-bottom: 7px;
    }

    .travel_elm2 .itemlist {
        margin-bottom: 15px;
    }
}

.etc-payment-page .bar_search .search_block .btn-default.btn-light-blue {
    color: #fff;
    background-color: #1d90ed;
    width: 100%;
    border: 2px solid #279DFF;
}

.etc-payment-page .bar_search .search_block .btn-default.high-lvl-search {
    color: #05f0ff;
    background-color: transparent;
    width: 100%;
    border: 0 solid #279DFF;
}

@media screen and (min-width:771px) {
    .desktop-margin-10px {
        margin-top: 10px;
    }

    .common_nobill_elm2 label.label-float-right {
        float: right;
        padding-top: 6px;
    }

    .common_nobill_elm2 .ico_inputordie.change-pos-v1 {
        float: right;
        margin-top: 3px;
        margin-right: -7px;
    }

    .travelExBlock .del-expend-button {
        float: right;
        color: #FF443F;
        background-color: rgba(255,68,63,.1);
        margin: auto 0;
        border-radius: 0;
    }

        .travelExBlock .del-expend-button .icon-x_large {
            font-size: 15px;
        }

    .list-expend .itemlist > div > label {
        display: none;
    }

    .list-expend .itemlist:first-child > div > label {
        display: block;
    }

    .etc-payment-page .itemlist .item-name .date {
        font-size: 20px;
        height: 20px;
        display: block;
    }
}

@media screen and (max-width:769px) {
    .common_nobill_elm2 label.label-float-right {
        float: right;
        padding-top: 6px;
    }

    .common_nobill_elm2 .ico_inputordie.change-pos-v1 {
        float: right;
        margin-top: 3px;
        margin-right: -7px;
    }

    .travelExBlock .del-expend-button {
        float: right;
        color: #FF443F;
        background-color: rgba(255,68,63,.1);
        margin: auto 0;
        border-radius: 0;
    }

    .list-expend .itemlist > div > label {
        display: none;
    }

    .list-expend .itemlist:first-child > div > label {
        display: block;
    }

    .etc-payment-page .itemlist .item-name .date {
        font-size: 20px;
        height: 20px;
        display: block;
    }

    .etc-payment-page .item-name .text-head {
        font-size: 14px;
    }

    .etc-payment-page .col-md-4 .item-btn {
        margin-bottom: 5px;
    }

    .travelExBlock .del-expend-button .icon-x_large {
        font-size: 15px;
    }
}

.etc-payment-page .calendar-block {
    background-color: #f7f7f7;
    padding: 8px 0 6px;
}

    .etc-payment-page .calendar-block > div.calendar {
        display: inline-block;
        width: auto;
        margin-left: 20px;
    }

    .etc-payment-page .calendar-block > div.itemlist {
        display: inline-block;
        width: auto;
        margin-left: 5px;
        padding: 0;
    }

.etc-payment-page .body_content.mobile-padding > .announcelist_block, .etc-payment-page .body_content.mobile-padding > .itemlist_block, .etc-payment-page .body_content.mobile-padding > .workcalendar_block {
    padding-top: 0;
    margin-top: 0;
}

.etc-payment-page .inner-block-padding {
    padding: 10px 0 0;
}

.etc-payment-page .itemlist .item-name .date {
    font-size: 17px;
    height: 20px;
    display: inline;
}

.etc-payment-page .calendar-block span.itemin_nameid {
    color: #289efe;
    padding-left: 15px;
    font-family: rsu_r;
    font-size: 17px;
}

.etc-payment-page .-padl30 {
    padding-left: 30px;
}

.etc-payment-page .body_content .itemlist_block.view_info_btn, .etc-payment-page .body_content .view_info_btn.announcelist_block, .etc-payment-page .body_content .view_info_btn.workcalendar_block {
    padding: 14px 0 15px;
    border-radius: 4px;
}

@media screen and (max-width:738px) {
    .etc-payment-page .calendar-block span.itemin_nameid {
        display: block;
        padding-left: 20px;
        font-size: 18px;
    }

    .common_nobill_elm2 .hide-xs, .list-expend .itemlist:first-child > div.col-md-1 > label {
        display: none;
    }

    .etc-payment-page .-padl30 {
        padding-left: 0;
        padding-right: 0;
    }

    .itemlist {
        position: relative;
    }

    .common_nobill_elm2 label.label-float-right {
        float: left;
    }

    .common_nobill_elm2 .ico_inputordie.change-pos-v1 {
        float: right;
        margin-top: 3px;
        margin-right: -7px;
    }

    .common_nobill_elm2 .checkbox.some-padding-top {
        padding-top: 10px;
    }

    .travelExBlock .list-expend {
        background-color: #fff;
        font-family: rsu_r;
        font-size: 17px;
        font-weight: 400;
        color: #289efe;
        padding: 0;
        margin-top: 10px;
    }

    .travelExBlock .del-expend-button {
        float: right;
        color: #FF443F;
        background-color: rgba(255,68,63,.1);
        border-radius: 0;
    }

    .list-expend .itemlist > div > label {
        display: block;
    }

    .list-expend .itemlist > .col-md-1 > label {
        display: none;
    }

    .list-expend .itemlist > .col-md-1 > .btn {
        padding: 6px 9px;
    }

    .travelExBlock .del-expend-button .icon-x_large {
        font-size: 15px;
    }

    .list-expend .itemlist {
        background-color: #f7f7f7;
        padding-top: 5px;
    }

        .list-expend .itemlist > .col-md-1 {
            position: absolute;
            right: 0;
            top: 0;
            padding: 0;
        }

    .etc-payment-page .itemlist .item-name .date {
        font-size: 19px;
        height: 20px;
        display: inline;
    }

    .etc-payment-page .item-name .visible-xs {
        font-size: 20px;
        height: 20px;
        display: inline !important;
    }

    .etc-payment-page .item-name .text-head {
        font-size: 17px;
    }

    .travel_Ex_Man_41324 .bar_expandlist .bar_expand-status .bar_statusword span {
        font-size: 19px;
    }

    .etc-payment-page .col-md-4 .item-btn {
        margin-bottom: 5px;
    }

    .body_content .etc-payment-page .announcelist_block, .body_content .etc-payment-page .workcalendar_block, .etc-payment-page .body_content .announcelist_block, .etc-payment-page .body_content .workcalendar_block, .etc-payment-page .itemlist_block {
        margin-top: 20px;
    }

        .body_content .etc-payment-page .announcelist_block .itemlist, .body_content .etc-payment-page .workcalendar_block .itemlist, .etc-payment-page .body_content .announcelist_block .itemlist, .etc-payment-page .body_content .workcalendar_block .itemlist, .etc-payment-page .itemlist_block .itemlist {
            padding: 0 3%;
        }

            .body_content .etc-payment-page .announcelist_block .itemlist.sum, .body_content .etc-payment-page .workcalendar_block .itemlist.sum, .etc-payment-page .body_content .announcelist_block .itemlist.sum, .etc-payment-page .body_content .workcalendar_block .itemlist.sum, .etc-payment-page .itemlist_block .itemlist.sum {
                background-color: rgba(40,158,255,.1);
            }

    .etc-payment-page .item-desc.col-xs-6 .text-desc {
        font-size: 15px;
        float: right;
        vertical-align: middle;
    }

    .etc-payment-page .item-desc .text-desc.status {
        font-size: 15px;
        vertical-align: middle;
    }

    .etc-payment-page .body_content .announcelist_block, .etc-payment-page .body_content .itemlist_block, .etc-payment-page .body_content .workcalendar_block {
        min-height: inherit;
        padding: 0;
        border-radius: 4px;
    }

        .etc-payment-page .body_content .itemlist_block.mobile-padding-top, .etc-payment-page .body_content .mobile-padding-top.announcelist_block, .etc-payment-page .body_content .mobile-padding-top.workcalendar_block {
            padding: 15px 0 0;
        }

    .etc-payment-page .body_content.mobile-padding {
        padding: 5%;
    }

    .etc-payment-page .itemlist > .col-xs-3, .etc-payment-page .itemlist > .col-xs-6, .etc-payment-page .itemlist > .col-xs-9 {
        padding: 10px 0 0;
    }

    .etc-payment-page .search-visible-xs {
        display: block;
    }

    .etc-payment-page .search-hide-xs {
        display: none;
    }

    .etc-payment-page .bar_search .search_block label {
        padding-top: 15px;
    }

    .dropdown.some-padding-bottom {
        padding-bottom: 6px;
    }

    .itemlist.some-padding-bottom {
        padding-bottom: 12px;
    }

    .itemlist.some-padding-top-bottom {
        padding-bottom: 12px;
        padding-top: 12px;
    }

    .itemlist.some-padding-bottom.margin-bot-3px {
        margin-bottom: 3px;
    }

    .mobile-text-center {
        text-align: center;
    }

    .travel_Ex_Man_41324 .allowance .head-date {
        display: none !important;
    }

    .travel_Ex_Man_41324 .allowance .date-div {
        color: #f1b020;
        font-size: 14px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    }

    .travel_Ex_Man_41324 .allowance .col-xs-12, .travel_Ex_Man_41324 .allowance .col-xs-3, .travel_Ex_Man_41324 .allowance .col-xs-4, .travel_Ex_Man_41324 .allowance .col-xs-5, .travel_Ex_Man_41324 .allowance .col-xs-6, .travel_Ex_Man_41324 .allowance .col-xs-8 {
        font-size: 16px;
        padding: 0 0 0 5px;
    }

    .travel_Ex_Man_41324 .allowance .sum-expend .col-xs-4 {
        font-size: 16px;
        padding: 0;
    }

    .travel_Ex_Man_41324 .travelExBlock .sum-expend .sum-label-head {
        margin-left: 0;
        color: #289efe;
        margin-bottom: 0;
        font-size: 18px;
    }

    .travel_Ex_Man_41324 .travelExBlock .sum-expend .sum-label-head-14px {
        margin-left: 0;
        color: #289efe;
        margin-bottom: 0;
        font-size: 17px;
    }

    .travel_Ex_Man_41324 .travelExBlock .sum-expend .sum-label {
        margin-left: 0;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 17px;
    }

    .travel_Ex_Man_41324 .allowance .col-xs-3 .sum-label-head-desc, .travel_Ex_Man_41324 .allowance .col-xs-4 .sum-label-head-desc, .travel_Ex_Man_41324 .allowance .col-xs-5 .sum-label-head-desc {
        color: #B2B2B2;
        display: block;
    }

    .travel_Ex_Man_41324 .refund .list-expend .itemlist .button-group label, .travel_Ex_Man_41324 .refund .list-expend .itemlist:first-child {
        display: none;
    }

    .travel_Ex_Man_41324 .allowance .col-xs-3 .some-padding-top, .travel_Ex_Man_41324 .allowance .col-xs-4 .some-padding-top, .travel_Ex_Man_41324 .allowance .col-xs-5 .some-padding-top {
        padding-top: 0;
    }

    .travel_Ex_Man_41324 .allowance .col-xs-4 .sum {
        font-size: 14px;
        padding-top: 2px;
    }

    .travel_Ex_Man_41324 .allowance .allowance-footer .col-xs-6 {
        padding-right: 0;
    }

    .travel_Ex_Man_41324 .allowance .allowance-footer .some-padding-bottom {
        padding-bottom: 0;
    }

    .sum-expend .col-xs-6, .travel_Ex_Man_41324 .allowance .sum-expend .col-xs-12, .travel_Ex_Man_41324 .refun-footer .col-xs-4, .travel_Ex_Man_41324 .refun-footer .col-xs-8, .travel_Ex_Man_41324 .refund .itemlist.no-padding, .travel_Ex_Man_41324 .refund .mobile-no-padding {
        padding: 0;
    }

    .etc-payment-page .item-desc .text-desc, .travel_Ex_Man_41324 .allowance .allowance-footer .footer-desc, .travel_Ex_Man_41324 .allowance .allowance-footer .footer-head, .travel_Ex_Man_41324 .allowance .col-xs-3 label, .travel_Ex_Man_41324 .allowance .col-xs-4 label, .travel_Ex_Man_41324 .allowance .col-xs-5 label, .travel_Ex_Man_41324 .allowance-footer .footer-desc .normal-font, .travel_Ex_Man_41324 .refun-footer .footer-desc, .travel_Ex_Man_41324 .refund .date-div, .travel_Ex_Man_41324 .refund .refun-header .refun-desc, .travel_Ex_Man_41324 .refund .refun-header .refun-desc .normal-font, .travel_Ex_Man_41324 .refund .refun-header .refun-head, .travel_Ex_Man_41324 .refund .text label, .travel_Ex_Man_41324 .refund label {
        font-size: 15px;
    }

    .travel_Ex_Man_41324 .refund .list-expend .itemlist .button-group {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
    }

    .mobile-text-right {
        text-align: right;
    }

    .mobile-padding-top {
        padding-top: 15px;
    }

    .travel_Ex_Man_41322 .bar_expand-status, .travel_Ex_Man_41324 .bar_expand-status {
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
    }

    .travel_Ex_Man_41322 .body_content.radius, .travel_Ex_Man_41324 .body_content.radius {
        border-radius: 2px;
    }

    .travel_Ex_Man_41322 .ico_lightaction.max-block, .travel_Ex_Man_41324 .ico_lightaction.max-block {
        padding: 8px 10px;
    }

        .travel_Ex_Man_41322 .ico_lightaction.max-block span, .travel_Ex_Man_41324 .ico_lightaction.max-block span {
            font-size: 18px;
        }

    .travel_Ex_Man_41322 .body_content, .travel_Ex_Man_41324 .body_content {
        border-radius: 4px;
        margin-bottom: 10px;
    }

    .travel_Ex_Man_41324 .allowance span.icon-clock, .travel_Ex_Man_41324 .travelExMan_content-res span.icon-clock {
        color: #CBCBCB;
        font-size: 15px;
    }

    .no-padding-right, .travelExBlock .list-expend.no-margin-top {
        margin-top: 0;
    }

    .mobile-margin-top-10px {
        margin-top: 10px;
    }

    .travel_Ex_Man_41324 .refund .itemlist {
        padding-bottom: 10px;
    }
}

.no-padding {
    padding: 0;
}

.no-padding-right, .travelExBlock .list-expend.no-padding-right {
    padding-right: 0;
}




.alert {
    /*position: fixed !important;*/
    z-index: 5 !important;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none !important;
}