html, body {
    margin: 0;
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "微軟正黑體";
    font-size: 15px;
}


.mainContentPane, .loginControl, input,
.Login, .leftPanel *, .headerMenu, label,
.dxe, .dxe label
 {
    font-family: '微軟正黑體', '微软雅黑', 'Verdana', 'Arial';
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 120%;
}

/*
    .Login input[type="text"], .Login input[type="password"],
    textarea, select {
        border: 0px;
        vertical-align: middle;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        padding: 6px 10px;
        width: 100%;
        color: #000000;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: inset 1px 1px 9px -5px #000000;
        -webkit-box-shadow: inset 1px 2px 9px -5px #000000;
        box-shadow: inset 1px 1px 9px -5px #000000;
        text-shadow: 1px 1px 0px #ffffff;
        line-height: 18px;
        font-size: 15px;
    }
    */

/*
input[readonly="readonly"] {
   
    display: none;
  
}
*/
body {
    margin: 0;
    padding: 0;
    color: #000000;
    letter-spacing: 1px;
    line-height: 1;
    -webkit-text-size-adjust: none;
}

body {
    /*
    background-repeat: no-repeat;
    background-position: 50% 50px;
    background-size: cover;
    
     background-attachment:fixed;*/
}

hr {
    border: 0px;
    border-top: 1px solid #e5e5e5;
}

@media (max-width:900x) {
    body {
        background-size: cover;
        background-position: 100% 100%;
    }
}

.Caption {
    font-size: 16px;
    font-weight: bold;
}

.float {
    display: inline-block;
    vertical-align: middle;
}

.block {
    display: block;
    overflow: hidden;
    width: 100%;
}

.nowrap {
    white-space: nowrap;
}

.LayoutGroup {
    padding: 0px;
    margin: 0px;
}

.welcome { /*
    position: absolute;
   display: block;
    */
    z-index: 100;
    position: absolute;
    top: 5px;
    right: 70px;
    text-align: center;
    letter-spacing: 0px;
}

    .welcome .logout {
        display: block;
        padding: 3px 5px;
        font-size: 13px;
        background-color: #ffffff;
        border: 1px solid #cccccc;
    }

    .welcome span {
        font-size: 11px;
        color: #1279c0;
    }

.dog {
    position: absolute;
    top: 2px;
    right: 15px;
}





@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .dog {
        right: 5px;
    }
}


.dog img {
    height: 50px;
}

.dog a {
}

@media (max-width: 768px) {
    .dog img {
        height: 44px;
    }
}


.arrow_box {
    position: absolute;
    background-image: url(black.png);
    /*
	border: 2px solid #000000;*/
    max-width: 200px;
    /**/
    padding: 10px 5px 10px 10px;
    top: 65px;
    right: 6px;
    color: #ffffff;
    border-radius: 5px;
    box-shadow: 5px 5px 20px -10px #000000;
}

@media (max-width: 768px) {
    .arrow_box {
        top: 55px;
        right: 4px;
    }
}

.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    right: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #444444;
    border-width: 8px;
    margin-left: -8px;
}

.arrow_box:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #444444;
    border-width: 8px;
    margin-left: -8px;
    opacity: 0.85;
}


/********tab*********/

.tab {
    border-collapse: collapse;
    border: 1px solid #c2c2c2;
    width: 100%;
}

    .tab td {
        padding: 5px;
        border: 1px solid #c2c2c2;
    }

.tab_title {
    background-color: #f3f3f3;
}
/* Button */
/*
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
*/

/*******tab2********/
.tab2 {
    margin: 10px;
}

    .tab2 .col-lg-1,
    .tab2 .col-lg-2,
    .tab2 .col-lg-3,
    .tab2 .col-lg-4,
    .tab2 .col-lg-5,
    .tab2 .col-lg-6,
    .tab2 .col-lg-7,
    .tab2 .col-lg-8,
    .tab2 .col-lg-9,
    .tab2 .col-lg-10,
    .tab2 .col-lg-11,
    .tab2 .col-lg-12,
    .tab2 .col-xs-1,
    .tab2 .col-xs-2,
    .tab2 .col-xs-3,
    .tab2 .col-xs-4,
    .tab2 .col-xs-5,
    .tab2 .col-xs-6,
    .tab2 .col-xs-7,
    .tab2 .col-xs-8,
    .tab2 .col-xs-9,
    .tab2 .col-xs-10,
    .tab2 .col-xs-11,
    .tab2 .col-xs-12 {
        padding: 2px 20px 2px 2px;
    }
        /**/
        .tab2 .col-lg-4:nth-child(3n) {
            padding: 2px;
        }
        /*
.col-lg-3 { border:1px solid #000000;
}*/
@media (max-width: 764px) {
    .tab2 .col-lg-4, .tab2 .col-lg-8 {
        padding: 2px;
    }
}

/********tab3*********/
.tab3 .col-lg-4 {
    padding: 2px;
}




/*******tab4********/
.tab4 {
    margin:0px 10px;
    /*
    margin: 10px;
   */
}

    .tab4.col-lg-1,
    .tab4 .col-lg-2,
    .tab4 .col-lg-3,
    .tab4 .col-lg-4,
    .tab4 .col-lg-5,
    .tab4 .col-lg-6,
    .tab4 .col-lg-7,
    .tab4 .col-lg-8,
    .tab4 .col-lg-9,
    .tab4 .col-lg-10,
    .tab4 .col-lg-11,
    .tab4 .col-lg-12 {
        padding: 10px 20px 10px 2px;
    }

    .tab4 .col-lg-3, .tab4 .col-lg-6 {
        min-height: 80px;
      /* border-bottom: 1px solid #000000;*/ 
    }


.body {
    background-color: #f5f5f6;
    padding: 20px;
    border-radius: 5px;
}


.body2 {
    display: block;
    overflow: initial;
}

@media (max-width: 600px) {
    .body {
      padding:10px;    /*background-color:transparent;  */
       
    }

    .body2 {margin-left:-10px; margin-right:-15px;
    }
        .body2 .row {margin:0px; padding:0px;
        }

}




.StepNumber { border-radius:99em; background-color:#ffffff;  display:inline-block;
              line-height:25px;
              width:25px; height:25px; text-align:center; font-family:Arial; font-weight:bold; margin-right:5px; vertical-align:middle;
}


.tab4_name {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
   /* color:#666666;*/
}
/**/
    .tab4_name i {
        font-size: 20px;
        margin-right: 5px;
     /* color: #4986a2;*/  
        font-family: "Font Awesome 5 Free","微軟正黑體";
    }
    /*****************/
    .button {
        background-color: #2a5fc0;
        position: relative;
        display: inline-block;
        border-radius: 3px;
        color: #fff !important;
        text-decoration: none;
        padding: 10px 20px;
        border: 0;
        cursor: pointer;
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), url("images/overlay.png");
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), url("images/overlay.png");
        background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), url("images/overlay.png");
        background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), url("images/overlay.png");
        -moz-transition: background-color 0.35s ease-in-out;
        -webkit-transition: background-color 0.35s ease-in-out;
        -ms-transition: background-color 0.35s ease-in-out;
        transition: background-color 0.35s ease-in-out;
    }
    /**/
    input[type="button"]:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    button:hover,
    .button:hover,
    input[type="button"]:active,
    input[type="submit"]:active,
    input[type="reset"]:active,
    button:active,
    .button:active {
        background-color: #1279c0;
        color: #ffffff;
    }


/*
    input[type="button"]:active,
    input[type="submit"]:active,
    input[type="reset"]:active,
    button:active,
    .button:active {
        background-color: #1279c0;
        color: #ffffff;
    }

*/
.ImageButton {
    border: 1px solid #c0c0c0;
    float: left;
    padding: 4px 7px 5px 7px;
}

    .ImageButton:hover {
        background-color: #0072c6;
    }

.bu {
    padding: 5px 10px;
    border: 1px solid #cccccc;
    text-decoration: none;
    display: inline-block;
    box-shadow: inset 0px -20px 60px -55px #000000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #313131; background-color:#ffffff;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .bu {
      
        box-shadow: inset 0px -20px 60px -65px #000000;
      
    }
}


    .bu:hover {
        position: relative; text-decoration:none;
        top: 1px;
    }


/************* Login **************/
.d_title {
    color: #ffffff;
    text-align: center;
    font-size: 40px;
    z-index: 100;
    position: relative;
    /*color:#014099;*/
    /*
  text-shadow: 1px 1px 5px -2px #000000;*/
    text-shadow: 0 0 0, 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.Login {
    /*
    -moz-box-shadow: 10px 10px 30px -20px #000000, inset 0px -20px 70px -55px #000000, inset 0px 0px 1px 0px #666666;
    -webkit-box-shadow: 10px 10px 30px -20px #000000, inset 0px -20px 70px -55px #000000, inset 0px 0px 1px 0px #666666;
    box-shadow: 10px 10px 30px -20px #000000, inset 0px -20px 70px -55px #000000, inset 0px 0px 1px 0px #666666;
    */
    -moz-box-shadow: 0px 10px 30px -15px #000000, inset 0px -20px 70px -55px #000000;
    -webkit-box-shadow: 0px 10px 30px -15px #000000, inset 0px -20px 70px -55px #000000;
    box-shadow: 0px 10px 30px -15px #000000, inset 0px -20px 70px -55px #000000;
    width: 100%;
    max-width: 400px;
    margin: 30px auto 0 auto;
    /*
    background-image: url(white.png);*/
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*
    border: 3px solid #014099;*/
    padding: 50px 20px;
    position: relative;
    z-index: 10;
}

@media (max-width: 400px) {
    .Login {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
}

.Login td {
    padding: 5px;
}

.Login i {
    color: #2a5fc0;
}

.prokey {
    text-align: center;
    z-index: 1;
    position: relative;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 20px;
}

    .prokey a {
        color: #000000;
    }

.number {
    float: right;
    padding: 0px;
    position: relative;
    height: 60px;
}

.number_refresh {
    position: absolute;
    top: 0px;
    left: 0px;
}


/********msg******/
.msg {
    width: 48%;
    display: inline-block;
    line-height: 150%;
    overflow: hidden;
    vertical-align: top;
}

@media (max-width: 600px) {
    .msg {
        width: 100%;
    }
}

.msg i {
    color: #7ecef4;
    margin-right: 5px;
}

img {
    vertical-align: middle;
}


.loginControl {
    float: right;
    margin: 20px 10px;
    letter-spacing: 0px;
}

    .loginControl a {
        color: black;
        text-decoration: none;
        /*
        border-bottom: dashed 1px black;*/
        display: inline-block;
    }
/*
@media (max-width: 450px) {
    .loginControl {
   
    margin: 40px 10px 0 0;
}
}
*/
/*
.left_out {
    display: none;
}
*/
@media (max-width: 768px) {
    /*
    .welcome {
        display: none;
    }

    .left_out {
        display: block;
        border: 1px solid #cccccc;
        padding: 10px 0;
        text-align: center;
        text-decoration: none;
        width: 90%;
        color: #666666;
        margin: 20px auto;
    }*/
}



.content {
    padding: 5px;
}


/**/

div.leftZone,
div.rightZone {
    width: 50%;
}


.Zone * {
    max-width: 100%;
}

@media (max-width: 900px) {
    div.leftZone,
    div.rightZone {
        width: 100%;
    }
}







/*****left_menu*******/

/*
nav.left_menu {
    box-shadow: 0px 0px 30px -15px #000000;
    background-color: #ffffff;
}
*/
.scroll {
    overflow-y: auto;
    overflow-x: hidden;
   
    height: 100%;
}


.main {
    margin-top: 55px;
    position: relative;
    /* padding: 0px 20px;
    padding-top: 10px;*/
    padding: 10px 20px 20px 20px;
}
   /* 
@media (max-width: 768px) {
    .main {
     padding: 0px;
        margin: 60px 0;
      float:left;
    }
}*/ 
/*******logo*******/
.on {
    padding: 0px;
    background-color: #ffffff;
    width: 100%;
    height: 55px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;/**/
    box-shadow: 0px 0px 40px -17px #000000;
    border-bottom: 1px solid #cccccc;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .on {
      
        box-shadow: 0px 0px 30px -17px #000000;
      
    }

}

/*******footer********/
.footer {
    line-height: 120%;
    /*margin-bottom: 60px;*/
    background-color: #ffffff;
    box-shadow: 0px 0px 40px -17px #000000;
    /*border-top: 1px solid #cccccc;*/
    background-color: #ffffff;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 10000;
    text-align: right;
    padding: 5px;
}
/*
    .footer * {
        font-size: 11px;
    }
   
    .footer table {
        float: right;
        padding: 1px 0;
    }
*/
.qeins {
    border: 1px solid #cccccc;
    padding: 5px 10px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #000000;
    text-decoration: none;
    font-size: 13px;
    color: #525565;
}

    .qeins:hover {
        border: 1px solid #009e96;
    }

    .qeins img {
        height: 24px;
        margin-right: 10px;
        padding-right: 10px;
        vertical-align: middle;
        border-right: 1px solid #c2c2c2;
    }

.language {
    margin: 0px auto;
    display: block;
    overflow: hidden;
    text-align: center;
    width: 300px;
    padding-top: 100px;
}

    .language table {
        margin: 0 auto;
    }

    .language td {
        padding: 5px;
    }

a.logo {
    float: left;
    width: 170px;
    margin: 10px;
}
/**/
.logo img {
    width: 100%;
}

@media (max-width: 380px) {
 /*   a.logo {
        width: 40px;
        height: 39px;
        overflow: hidden;
        display: block;
    }
    .logo img {
        width: 200px;
    }
*/

    a.logo {
        float: left;
        width: 120px;
        margin: 15px 0 0 10px;
    }


}

/******RwdMenu*********/
.on .RwdMenu {
    position: absolute;
    left: 199px;
    /*left:0px;*/
}

.left_menu .RwdMenu {
    width: 100%;
    text-align: center;
   
}
/*
@media (min-width: 769px) {
    .left_menu .RwdMenu {
        display: none;
    }
}
*/

@media (max-width: 500px) {
    .on .RwdMenu {
        position: relative;
        left: 0px;

    }
}

.RwdMenu {
    background-image: none;
    background-color: transparent;
    padding: 18px;
    height: 54px;
    display: inline-block;
    border: 0px;
    float: left;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    cursor: pointer;
}

.icon-bar {
    background-image: none;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

    .icon-bar + .icon-bar {
        margin-top: 4px;
    }

.icon-bar {
    background-color: #cccccc;
}

button:hover .icon-bar {
    background-color: #ffffff;
}


/* Themes */
.Sprite_Theme_DevEx,
.Sprite_Theme_Office2010Black,
.Sprite_Theme_Office2010Blue,
.Sprite_Theme_Office2010Silver,
.Sprite_Theme_Metropolis,
.Sprite_Theme_MetropolisBlue,
.Sprite_Theme_Moderno,
.Sprite_Theme_Aqua,
.Sprite_Theme_Mulberry,
.Sprite_Theme_Glass,
.Sprite_Theme_BlackGlass,
.Sprite_Theme_PlasticBlue,
.Sprite_Theme_RedWine,
.Sprite_Theme_SoftOrange,
.Sprite_Theme_Youthful,
.Sprite_Theme_Office2003Blue,
.Sprite_Theme_Office2003Olive,
.Sprite_Theme_Office2003Silver,
.Sprite_Theme_Default {
    background-image: none;
    background-repeat: no-repeat;
    border: 1px solid white!important;
    width: 14px;
    height: 14px;
}

.Sprite_Theme_DevEx {
    background-color: #CDCCF5;
}

.Sprite_Theme_Office2010Black {
    background-color: #474747;
}

.Sprite_Theme_Office2010Blue {
    background-color: #B5CCE5;
}

.Sprite_Theme_Office2010Silver {
    background-color: #E7EAEF;
}

.Sprite_Theme_Metropolis {
    background-color: #7F7F7F;
}

.Sprite_Theme_MetropolisBlue {
    background-color: #0072C6;
}

.Sprite_Theme_Moderno {
    background-color: #1279c0;
}

.Sprite_Theme_Aqua {
    background-color: #96B9EC;
}

.Sprite_Theme_Mulberry {
    background-color: #BF4E6A;
}

.Sprite_Theme_Glass {
    background-color: #C8DDE8;
}

.Sprite_Theme_BlackGlass {
    background-color: #4D5A63;
}

.Sprite_Theme_PlasticBlue {
    background-color: #5066B3;
}

.Sprite_Theme_RedWine,
.dxpnlControl_RedWine input[type="button"]:hover,
.dxpnlControl_RedWine input[type="submit"]:hover,
.dxpnlControl_RedWine input[type="reset"]:hover,
.dxpnlControl_RedWine button:hover,
.dxpnlControl_RedWine .button:hover,
.dxpnlControl_RedWine input[type="button"]:active,
.dxpnlControl_RedWine input[type="submit"]:active,
.dxpnlControl_RedWine input[type="reset"]:active,
.dxpnlControl_RedWine button:active,
.dxpnlControl_RedWine .button:active {
    background-color: #8A0E3C;
}

.Sprite_Theme_SoftOrange {
    background-color: #F06F30;
}

.Sprite_Theme_Youthful {
    background-color: #9CC524;
}

.Sprite_Theme_Office2003Blue {
    background-color: #B5CEF2;
}

.Sprite_Theme_Office2003Olive {
    background-color: #D4DEB6;
}

.Sprite_Theme_Office2003Silver {
    background-color: #D1D1E0;
}

.Sprite_Theme_Default {
    background-color: #DCDCDC;
}

/*
.icon_bu {
    font-size: 30px;
    text-align: center;
}

    .icon_bu .float {
        float: left;
        margin: 1px;
    }
*/
.icon_bu {
    float: right;
}

.fieldset .icon_bu {
    margin-top: -40px;
}

@media (max-width: 900px) {
    .icon_bu {
        margin-top: 10px;
        float: none;
    }
}

/*******icon menu*********/
/*
.dxbButton_Material.dxbTSys, .dxbButton_MaterialCompact.dxbTSys {
    width: auto;
}

.dxbButton_iOS div.dxb {
    padding: 4px 10px;
}
.icon_bu .float { width:0px;
}
*/

/**/
.icon_bu .fas,
.icon_bu .fa,
.icon_bu .far {
    line-height: 160%;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    padding: 5px 10px;
}
/**************************/
/*
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    src: url(../webfonts/fa-solid-900.eot);
    src: url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg");
}
.fa.dxbButton_Material, 
.far.dxbButton_Material,
.fas.dxbButton_Material,
.fas.dxbButton_Material
{
    font-family: "Font Awesome 5 Free";
}
*/
/**************************/


.icon_bu .dxbButton_iOS div.dxb,
.icon_bu .dxbButton_Material div.dxb,
.icon_bu .dxbButton_Aqua div.dxb,
.icon_bu .dxbButton_BlackGlass div.dxb,
.icon_bu .dxbButton_DevEx div.dxb,
.icon_bu .dxbButton_Glass div.dxb,
.icon_bu .dxbButton_MaterialCompact div.dxb,
.icon_bu .dxbButton_Metropolis div.dxb,
.icon_bu .dxbButton_MetropolisBlue div.dxb,
.icon_bu .dxbButton_Moderno div.dxb,
.icon_bu .dxbButton_Mulberry div.dxb,
.icon_bu .dxbButton_Office2003Blue div.dxb,
.icon_bu .dxbButton_Office2003Olive div.dxb,
.icon_bu .dxbButton_Office2003Silver div.dxb,
.icon_bu .dxbButton_Office2010Black div.dxb,
.icon_bu .dxbButton_Office2010Blue div.dxb,
.icon_bu .dxbButton_Office2010Silver div.dxb,
.icon_bu .dxbButton_PlasticBlue div.dxb,
.icon_bu .dxbButton_SoftOrange div.dxb,
.icon_bu .dxbButton_SoftOrange div.dxb,
.icon_bu .dxbButton_XafTheme div.dxb,
.icon_bu .dxbButton_Youthful div.dxb { /**/
    display: none;
}

/*
@media (max-width: 500px) {
     .icon_bu .float {
    }
    .dxb { padding:0px; margin:0px;
    }
    .icon_bu .dxbButtonSys {
        padding: 0px;  width:0px;
    }
}
*/
/*******************************/
.left_menu i {
    font-size: 18px;
    min-width: 18px;
}

.dxnbLite_Material i, 
.dxpnlControl_Material i {
    color: #009688;
}

.dxnbLite_Aqua i,
.dxpnlControl_Aqua i {
    color: #2c4d79;
    font-size: 13px;
    background-color: #eef5ff;
    border: 1px solid #9cbdd8;
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 24px;
    text-align: center;
}

.dxnbLite_Aqua .dx-vam {
    margin-left: 18px;
}

.dxnbLite_BlackGlass i, .dxpnlControl_BlackGlass i {
    color: #c5d6df;
}

.dxnbLite_DevEx i, .dxpnlControl_DevEx i {
    border-right: 1px solid #a6a9b2;
    padding: 3px;
    width: 30px;
}

.dxnbLite_Glass i, .dxpnlControl_Glass  i{
    color: #4986a2;
}

.dxnbLite_Glass .dx-vam {
    margin-left: 14px;
}

.dxnbLite_MaterialCompact i, .dxpnlControl_MaterialCompact i {
    color: #35b86b;
}

.dxnbLite_Metropolis i, .dxpnlControl_Metropolis i {
    color: #ff8800;
}

.dxnbLite_MetropolisBlue i, .dxpnlControl_MetropolisBlue i {
    color: #0072c6;
}

.dxnbLite_Moderno i, .dxpnlControl_Moderno i {
    color: #045cad;
}

.dxnbLite_Mulberry i, .dxpnlControl_Mulberry i {
    color: #bf4e6a;
}

.dxnbLite_Office2003Blue i, .dxpnlControl_Office2003Blue i {
    border-right: 1px solid #002d96;
    padding: 3px;
    width: 30px;
}

.dxnbLite_Office2003Olive i, .dxpnlControl_Office2003Olive i {
    border-right: 1px solid #758d5e;
    padding: 3px;
    width: 30px;
}

.dxnbLite_Office2003Silver i, .dxpnlControl_Office2003Silver i {
    border-right: 1px solid #7c7c94;
    padding: 3px;
    width: 30px;
}

.dxnbLite_Office2010Black i {
    text-shadow: 0px 0px 0px 3px #484848;
   
}
.dxpnlControl_Office2010Black i {
    color: #484848
}

.dxnbLite_Office2010Blue i {
        color: #ffffff;
        text-shadow: 0px 0px 1px #525565;
    }
.dxpnlControl_Office2010Blue i {
    color: #536080;
}
    .dxnbLite_Office2010Silver i {
        color: #ffffff;
        text-shadow: 0px 0px 2px #525565;
    }

.dxpnlControl_Office2010Silver i {
    color: #616971;
  
}

.dxpnlControl_Office365 i {
    color: #666666;
}



        .dxnbLite_PlasticBlue i {
            color: #edf3f4;
        }

.dxpnlControl_PlasticBlue i {
    color: #5066b3;
}

.dxpnlControl_RedWine i {
    color: #8a0e3c;
}


.dxnbLite_SoftOrange i, .dxpnlControl_SoftOrange i {
    color: #f88336;
}

.dxnbLite_XafTheme i, .dxpnlControl_XafTheme i {
    color: #1279c0;
}

.dxnbLite_Youthful i, .dxpnlControl_Youthful i {
    color: #95a470;
}

.dxnbLite_Youthful li:hover i, .dxpnlControl_Youthful li:hover i {
    color: #f4bd17;
}

.dxpnlControl_iOS i {
    color: #007bf7;
}
/*
.dxnbLite_Material .dx-vam { 
    margin-left:25px;
}*/
/*
.dxnbLite_BlackGlass i {color:#ffffff;
}*/
.testsvg {
    fill: rgb(0,0,255);
    stroke-width: 10;
    stroke: rgb(0,0,0);
}
/*
.options-item {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 20px 1px 0;
}

@media (max-width: 500px) {
    .options-item {
        display: block;
    }
}
*/
/*******language_twcn*******/

a.language_bu {
   
    float: right;
    position: absolute;
    top: 7px;
    right: 160px; /**/
    font-size: 13px;
    letter-spacing: 0px;
    background-color: #2c62ac;
    color: #ffffff;
    padding: 2px 10px;
    display: inline-block;
}
@media (max-width: 500px) {
    a.language_bu { display:none;
    }
}
    /*
a.language_twcn {
    float: right;
    position: absolute;
    top: 7px;
    right: 140px;
    font-size: 14px;
    letter-spacing: 0px;
    background-color: #2c62ac;
    color: #ffffff;
    padding: 2px 10px;
    display: inline-block;
}

@media (max-width: 1024px) {

    a.language_twcn {
        right: 130px;
        top: 2px;
        font-size: 13px;
        width: 40px;
        line-height: 120%;
        text-align: center;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: transparent;
        color: #666666;
        padding: 0px;
        padding: 9px 0;
    }

        a.language_twcn i {
            font-size: 16px;
            display: block;
        }
}

@media (max-width: 500px) {
    a.language_twcn {
        right: 120px;
    }
}

    */
    fieldset {
        /**/
        padding: 10px;
        margin: 10px 0;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        min-width: 320px;
    }
    /*
@media (max-width: 500px) {
    fieldset { float:left; 
    }
}*/
    legend, h3 {
        font-size: 22px;
        font-weight: bold;
    }

    h4, h4 span {
        font-size: 20px;
        font-weight: bold;
    }

    .icon_menu {
        display: block;
        width: 100%;
        overflow: hidden;
    }
    /*
.icon_menu {
    float: right;
    position: relative;
}

h3 {
    padding: 10px 0 1px 0;
}

fieldset .icon_menu {
    margin-top: -40px;
}

@media (max-width: 900px) {
    .icon_menu {
       
    }

    fieldset .icon_menu {
        float: none;
        margin: 0px;
    }
}
    */
    .bbs_title {
        font-size: 18px;
        font-weight: bold;
    }

    .bbs tr:nth-child(odd) {
        background-color: #ffffff;
        border-bottom: 1px solid #cccccc;
    }

    a.forget {
        letter-spacing: 0px;
        color: #666666;
    }


    /**********GridView**********/

    .GridView tr.GridRight,
    .GridView th.GridRight {
        text-align: right;
    }
    /*
.GridViewRow1 {
    background-image: url(../../Images/GridViewRow1.png);
}

.GridViewRow2 {
    background-image: url(../../Images/GridViewRow2.png);
}
*/
    tr.GridView_bg {
        background-image: url(../../Images/GridView_bg.png);
        background-repeat: repeat-x;
        background-position: 100% 100%;
        height: 30px;
        font-size: 13px;
    }

    .GridView {
        background-color: #ffffff;
    }

        .GridView td, .GridView th {
            padding: 2px;
            text-align: center;
            border-collapse: collapse;
            letter-spacing: 1px;
            border: 1px solid #cccccc;
        }


    /*********PanelToggle**********/
    .Login_bg {
        padding: 30px 0 80px 0;
        /*
    margin-top: calc(12%);*/
        position: relative;
        animation: myfirst 20s;
        -moz-animation: myfirst 20s;
        -webkit-animation: myfirst 20s;
        -o-animation: myfirst 20s;
        animation-iteration-count: infinite;
        /*

background: rgb(2,108,196); 
background: -moz-linear-gradient(top, rgba(2,108,196,1) 0%, rgba(170,205,235,1) 75%, rgba(253,253,253,1) 100%); 
background: -webkit-linear-gradient(top, rgba(2,108,196,1) 0%,rgba(170,205,235,1) 75%,rgba(253,253,253,1) 100%); 
background: linear-gradient(to bottom, rgba(2,108,196,1) 0%,rgba(170,205,235,1) 75%,rgba(253,253,253,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026cc4', endColorstr='#fdfdfd',GradientType=0 ); 
*/
    }


        .Login_bg:before {
            background: url(sky1.png) repeat-x;
            background-size: contain;
            width: 100%;
            height: 100%;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            opacity: 1;
            filter: alpha(opacity=100);
            animation: sky1 20s;
            -moz-animation: sky1 20s;
            -webkit-animation: sky1 20s;
            -o-animation: sky1 20s;
            animation-iteration-count: infinite;
            /**/
        }

    @keyframes sky1 {
        30% {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        50% {
            opacity: 0;
            filter: alpha(opacity=0);
            /* 
background: rgb(64,78,130); 
background: -moz-linear-gradient(top, rgba(64,78,130,1) 0%, rgba(137,130,179,1) 29%, rgba(241,209,210,1) 74%, rgba(211,151,149,1) 100%); 
background: -webkit-linear-gradient(top, rgba(64,78,130,1) 0%,rgba(137,130,179,1) 29%,rgba(241,209,210,1) 74%,rgba(211,151,149,1) 100%); 
background: linear-gradient(to bottom, rgba(64,78,130,1) 0%,rgba(137,130,179,1) 29%,rgba(241,209,210,1) 74%,rgba(211,151,149,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404e82', endColorstr='#d39795',GradientType=0 ); 

*/
        }

        80% {
            opacity: 0;
            filter: alpha(opacity=0);
        }

        100% {
        }
    }

    .Login_bg:after {
        background: url(sky2.png) repeat-x;
        background-size: contain;
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0;
        filter: alpha(opacity=0);
        animation: sky2 20s;
        -moz-animation: sky2 20s;
        -webkit-animation: sky2 20s;
        -o-animation: sky2 20s;
        animation-iteration-count: infinite;
    }

    @keyframes sky2 {
        30% {
            opacity: 0;
            filter: alpha(opacity=0);
        }

        50% {
            opacity: 1;
            filter: alpha(opacity=1);
            /* 
background: rgb(64,78,130); 
background: -moz-linear-gradient(top, rgba(64,78,130,1) 0%, rgba(137,130,179,1) 29%, rgba(241,209,210,1) 74%, rgba(211,151,149,1) 100%); 
background: -webkit-linear-gradient(top, rgba(64,78,130,1) 0%,rgba(137,130,179,1) 29%,rgba(241,209,210,1) 74%,rgba(211,151,149,1) 100%); 
background: linear-gradient(to bottom, rgba(64,78,130,1) 0%,rgba(137,130,179,1) 29%,rgba(241,209,210,1) 74%,rgba(211,151,149,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404e82', endColorstr='#d39795',GradientType=0 ); 

*/
        }

        80% {
            opacity: 1;
            filter: alpha(opacity=1);
        }

        100% {
        }
    }


    /*
@-moz-keyframes myfirst 
{
10%   {background: #1cbed5;}
19%   {background: #1cbed5;}
20%  {background: #2e3087;}
29%  {background: #2e3087;}
30%  {background: #69479d;}
39%  {background: #69479d;}
40% {background: #ec248f;}
49% {background: #ec248f;}
50% {background: #ee382d;}
59% {background: #ee382d;}
60% {background: #f16623;}
69% {background: #f16623;}
70% {background: #fdb419;}
79% {background: #fdb419;}
80% {background: #7cc142;}
89% {background: #7cc142;}
90% {background: #aeaeb0;}
99% {background: #aeaeb0;}
100% {background: #1cbed5;}
}

@-webkit-keyframes myfirst 
{
10%   {background: #1cbed5;}
19%   {background: #1cbed5;}
20%  {background: #2e3087;}
29%  {background: #2e3087;}
30%  {background: #69479d;}
39%  {background: #69479d;}
40% {background: #ec248f;}
49% {background: #ec248f;}
50% {background: #ee382d;}
59% {background: #ee382d;}
60% {background: #f16623;}
69% {background: #f16623;}
70% {background: #fdb419;}
79% {background: #fdb419;}
80% {background: #7cc142;}
89% {background: #7cc142;}
90% {background: #aeaeb0;}
99% {background: #aeaeb0;}
100% {background: #1cbed5;}
}

@-o-keyframes myfirst 
{
10%   {background: #1cbed5;}
19%   {background: #1cbed5;}
20%  {background: #2e3087;}
29%  {background: #2e3087;}
30%  {background: #69479d;}
39%  {background: #69479d;}
40% {background: #ec248f;}
49% {background: #ec248f;}
50% {background: #ee382d;}
59% {background: #ee382d;}
60% {background: #f16623;}
69% {background: #f16623;}
70% {background: #fdb419;}
79% {background: #fdb419;}
80% {background: #7cc142;}
89% {background: #7cc142;}
90% {background: #aeaeb0;}
99% {background: #aeaeb0;}
100% {background: #1cbed5;}
}


    */

    /*
@media (max-width: 1024px) {
    .Login_bg { margin-top:120px;
    }
}*/
    /*
@media screen and (min-width: 500px) and (max-width: 850px) {


    .Login_bg { margin-top:0px; padding:50px 0 0px 0; 
               background-color:transparent;
    }
    .d_title { position:absolute; top:90px; text-align:center;
               width:100%;  z-index:0;
    }
}
*/

    @media (max-width: 850px) {
        .Login_bg {
            margin-top: 50px;
            padding: 50px 0 0px 0;
            background-color: transparent;
        }

        .d_title {
            position: absolute;
            top: 85px;
            text-align: center;
            width: 100%;
            z-index: 0;
        }
    }
    /*
@media (max-width: 400px) {
    .Login_bg {  margin-top:50px; 
                
    }
}
 */
    .dxpnlControl_Glass button:hover {
        background-color: #45829f;
    }

    .dxpnlControl_MaterialCompact button:hover {
        background-color: #35b86b;
    }

    .dxpnlControl_Office2010Black button:hover {
        background-color: #474747;
    }

    .dxpnlControl_Office2010Blue button:hover {
        background-color: #B5CCE5;
    }

    .dxpnlControl_Office2010Silver button:hover {
        background-color: #E7EAEF;
    }

    .dxpnlControl_Metropolis button:hover {
        background-color: #ff8800;
    }

    .dxpnlControl_MetropolisBlue button:hover {
        background-color: #0072C6;
    }

    .dxpnlControl_Moderno button:hover {
        background-color: #1279c0;
    }

    .dxpnlControl_Aqua button:hover {
        background-color: #96B9EC;
    }

    .dxpnlControl_Mulberry button:hover {
        background-color: #BF4E6A;
    }

    .dxpnlControl_BlackGlass button:hover {
        background-color: #4D5A63;
    }

    .dxpnlControl_PlasticBlue button:hover {
        background-color: #5066B3;
    }

    .dxpnlControl_DevEx button:hover {
        background-color: #ccced5;
    }

    .dxpnlControl_iOS button:hover {
        background-color: #007bf7;
    }

    .dxpnlControl_Material button:hover {
        background-color: #009688;
    }

    .dxpnlControl_Office2003Olive button:hover {
        background-color: #d8e3b6;
    }

    .dxpnlControl_Youthful button:hover {
        background-color: #8ab216;
    }

    .dxpnlControl_SoftOrange button:hover {
        background-color: #f15e34;
    }

    .dxpnlControl_Office365 button:hover {
        background-color: #f87c1d;
    }

    .dxpnlControl_Office2003Silver button:hover {
        background-color: #b2b0d8;
    }

    .dxpnlControl_Office2003Blue button:hover {
        background-color: #d7e8fd;
    }

    /*
.dxpnlControl_Glass button:hover , .dxpnlControl_Glass .Login_bg{background-color:#45829f;}
.dxpnlControl_MaterialCompact button:hover,.dxpnlControl_MaterialCompact .Login_bg{ background-color:#35b86b;}
.dxpnlControl_Office2010Black button:hover , .dxpnlControl_Office2010Black .Login_bg{background-color: #474747;}
.dxpnlControl_Office2010Blue button:hover , .dxpnlControl_Office2010Blue .Login_bg{ background-color: #B5CCE5;}
.dxpnlControl_Office2010Silver button:hover , .dxpnlControl_Office2010Silver .Login_bg{background-color: #E7EAEF;}
.dxpnlControl_Metropolis button:hover ,.dxpnlControl_Metropolis  .Login_bg{ background-color: #ff8800;}
.dxpnlControl_MetropolisBlue button:hover , .dxpnlControl_MetropolisBlue .Login_bg{background-color: #0072C6;}
.dxpnlControl_Moderno button:hover , .dxpnlControl_Moderno .Login_bg{background-color: #1279c0;}
.dxpnlControl_Aqua button:hover ,.dxpnlControl_Aqua .Login_bg{background-color: #96B9EC;}
.dxpnlControl_Mulberry button:hover , .dxpnlControl_Mulberry .Login_bg{background-color: #BF4E6A;}
.dxpnlControl_BlackGlass button:hover , .dxpnlControl_BlackGlass .Login_bg{ background-color: #4D5A63;}
.dxpnlControl_PlasticBlue button:hover ,.dxpnlControl_PlasticBlue  .Login_bg{background-color: #5066B3;}
.dxpnlControl_DevEx button:hover , .dxpnlControl_DevEx .Login_bg{background-color: #ccced5; }
.dxpnlControl_iOS button:hover , .dxpnlControl_iOS .Login_bg{background-color: #007bf7; }
.dxpnlControl_Material button:hover, .dxpnlControl_Material .Login_bg {background-color: #009688; }
.dxpnlControl_Office2003Olive button:hover, .dxpnlControl_Office2003Olive .Login_bg {background-color: #d8e3b6; }
.dxpnlControl_Youthful button:hover , .dxpnlControl_Youthful .Login_bg{background-color: #8ab216; }
.dxpnlControl_SoftOrange button:hover,.dxpnlControl_SoftOrange   .Login_bg { background-color:#f15e34;}
.dxpnlControl_Office365 button:hover , .dxpnlControl_Office365 button:hover .Login_bg{ background-color:#f87c1d;}
.dxpnlControl_Office2003Silver button:hover , .dxpnlControl_Office2003Silver .Login_bg{ background-color:#b2b0d8;}
.dxpnlControl_Office2003Blue button:hover , .dxpnlControl_Office2003Blue .Login_bg{ background-color:#d7e8fd;}
*/


    /*******ai*****/
    .ai_all {
        width: 100%;
        height: 400px;
        padding-bottom: 50px;
        overflow-y: auto;
    }

    .ai {
        display: block;
        float: left;
        width: 95%;
        margin: 10px 40px 10px 0;
    }

    .ai_list, .ai_list2 {
        max-width: 60%;
        position: relative;
        line-height: 150%;
        letter-spacing: 1px;
    }

    .ai_list {
        float: left;
    }

    .ai_logo img {
        display: block;
        margin-bottom: 5px;
    }

    .ai_logo {
        float: left;
        text-align: center;
        letter-spacing: 2px;
    }

    .ai_con {
        background-color: #ffffff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin-left: 80px;
        padding: 15px 10px 15px 15px;
        position: relative;
        -moz-box-shadow: 0px 5px 15px -10px #6c9bb2;
        -webkit-box-shadow: 0px 5px 15px -10px #6c9bb2;
        box-shadow: 0px 5px 15px -10px #6c9bb2;
    }

        .ai_con::before {
            content: "";
            top: 0px;
            left: -10px;
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 20px 25px 0;
            border-color: transparent #ffffff transparent transparent;
        }

    .ai_time {
        bottom: 0px;
        right: 0px;
        font-size: 13px;
        color: #6c9bb2;
        text-align: right;
        padding-right: 10px;
    }

    .ai_list2 .ai_time {
        padding-right: 0px;
        text-align: left;
    }
    /********ai2***********/

    .ai_list2 {
        float: right;
    }

    .ai_con2 {
        background-color: #6c9bb2;
        color: #ffffff;
        -webkit-border-radius: 10px 10 0px 10px;
        -moz-border-radius: 10px 10px 0px 10px;
        border-radius: 10px 10px 0px 10px;
        /*
        margin-left:80px;
        */
        padding: 15px 10px 15px 15px;
        position: relative;
        -moz-box-shadow: 0px 5px 15px -10px #6c9bb2;
        -webkit-box-shadow: 0px 5px 15px -10px #6c9bb2;
        box-shadow: 0px 5px 15px -10px #6c9bb2;
    }


        .ai_con2::before {
            content: "";
            bottom: 0px;
            right: -10px;
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 25px 0 0 20px;
            border-color: transparent transparent transparent #6c9bb2;
        }

    /****ai_msg********/
    .ai_msg {
        /*
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;*/
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #ffffff;
        display: block;
        position: fixed;
        width: 80%;
        min-height: 45px;
        margin: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        /*
     top: 0;*/
        right: 0;
        bottom: 10px;
        left: 0;
        border: 2px solid #6c9bb2;
        padding: 10px 10px 10px 15px;
    }

    @media (max-width: 500px) {


        .ai_msg {
            width: 99%;
        }

        .ai_list, .ai_list2 {
            max-width: 100%;
        }

        .ai_list2 {
            padding-left: 80px;
        }
    }

    .ai_input {
        width: calc(100% - 100px);
    }

    .ai_bu_all {
        float: right;
        position: absolute;
        right: 2px;
        top: 3px;
    }

    .ai_bu, a.ai_bu, .ai_bu2, a.ai_bu2 {
        float: right;
        /*  position: absolute;
        right: 4px;
        top: 4px;*/
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 0px;
        padding: 8px 20px;
        background-color: #6c9bb2;
        color: #ffffff;
        text-decoration: none;
        margin: 1px;
    }

    .ai_bu2, a.ai_bu2 {
        background-color: #BF4E6A;
        color: #ffffff;
    }



    .bgMark {
        filter: alpha(opacity=12);
        -moz-opacity: 0.12;
        opacity: 0.12;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 95%;
        height: 100%;
        z-index: 0;
    }


 /***ASPxGridView**/
.dxgvTable_DevEx, .dxgvControl_DevEx,
.dxgvTable_Office2010Silver, .dxgvControl_Office2010Silver,
.dxgvTable_Metropolis, .dxgvControl_Metropolis,
.dxgvTable_MetropolisBlue, .dxgvControl_MetropolisBlue,
.dxgvTable_Moderno, .dxgvControl_Moderno,
.dxgvTable_Office2010Black, .dxgvControl_Office2010Black,
.dxgvTable_Office2010Blue, .dxgvControl_Office2010Blue,
.dxgvTable_Office2010Silver, .dxgvControl_Office2010Silver,
.dxgvTable_Aqua, .dxgvControl_Aqua,

.dxgvTable_BlackGlass,.dxgvControl_BlackGlass, 
/*.dxgvDataRow_BlackGlass,
.dxgvSelectedRow_BlackGlass,
.dxgvFocusedRow_BlackGlass,
*/
.dxgvTable_Glass, .dxgvControl_Glass,
.dxgvDataRow_Glass,


.dxgvTable_Mulberry, .dxgvControl_Mulberry ,

.dxgvTable_PlasticBlue, .dxgvControl_PlasticBlue ,
.dxgvDataRow_PlasticBlue,


.dxgvTable_RedWine, .dxgvControl_RedWine ,

.dxgvTable_SoftOrange, .dxgvControl_SoftOrange,
.dxgvDataRow_SoftOrange,

.dxgvTable_Youthful, .dxgvControl_Youthful,
.dxgvTable_Office2003Blue, .dxgvControl_Office2003Blue,
.dxgvTable_Office2003Olive, .dxgvControl_Office2003Olive,
.dxgvTable_Office2003Silver, .dxgvControl_Office2003Silver,
.dxgvTable, .dxgvControl
 {
    background-color: transparent; 
}
.dxgvFocusedRow_Glass{ background-color:#c0e0e7;}
.dxgvFocusedRow_SoftOrange{ background-color:#f16a39;}
.dxgvFocusedRow_PlasticBlue{ background-color:#5066ac;}

.dxgvDataRow_BlackGlass {
    background-color: transparent;
}


.title {
    margin: 30px 0;
    text-align: center;
    font-size: 30px;
    color: #00b1b6;
    line-height: 120%;
    font-weight: bold;
}

    @media (max-width: 500px) {
        .title {
            margin: 30px 0;
            text-align: center;
            font-size: 30px;
            color: #005254;
        }
    }



    .center-block {
        text-align: center;
    }
    /******RwdTab*********/
    .RwdTab {
        max-width: 700px;
        margin: 10px auto;
    }

        .RwdTab .col-md-12 {
            padding: 5px 0;
        }

    .RwdTitle {
        font-weight: bold;
        /*  width: 120px; */
    }

    @media (max-width: 500px) {
        .RwdTitle {
            display: block;
            width: 100%;
        }

        .RwdTab .col-md-12 {
            border-bottom: 1px dotted #cccccc;
            padding: 15px 10px;
        }
        /*
    .address .col-md-3, .address .col-md-6 {
        padding: 14px;
    }*/
    }



    /******RwdTab2*********/
    .RwdTab2 {
    }

        .RwdTab2 .RwdTitle {
            color: #959595;
        }

        .RwdTab2 .col-md-12 {
            padding: 10px;
        }

            .RwdTab2 .col-md-12:nth-child(even) {
                /*  background-color:#f3f3f3;*/
            }

    /******RwdTab3*********/

    .RwdTab3 .col-md-12, .RwdTab3 .col-md-4 {
        /**/ padding: 12px;
    }

    @media (max-width: 500px) {

        .RwdTab3 .col-md-12, .RwdTab3 .col-md-6 {
            padding: 5px;
        }

        .RwdTab3 {
            margin: 10px;
        }
    }

    .RwdTabWidth {
        max-width: 750px;
        margin: 0 auto;
    }


    /*****tab****/
    .tab3 {
        /*  */ 
        width: 100%;
        max-width: 750px;
        border-collapse: collapse;
        margin: 0 auto;
        letter-spacing: 1px;
        text-align: left;
        background-color: #ffffff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 2px solid #cccccc;
    }

        .tab3 td, .tab3 th {
            padding: 10px;
            border: 1px solid #e7e7e7;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .tab3 tr:nth-child(even) {
            background-color: #f5f5f5;
        }

        .tab3 tr td:nth-child(even) {
            text-align: right;
        }

.tab4 tr td:nth-child(2), .tab4 tr td:nth-child(3) {
    text-align: right;
}


    tr.tab3_title td {
        font-weight: bold;
    }


/**********tab5***********/

.tab5 {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
    letter-spacing: 1px;
    text-align:center;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #cccccc;
    display: table; 
}

    .tab5 > .row {
        padding: 0px;
        margin: 0px;
        display: table-row;
    }

.div_tr {
    display: table-row;
}
.div_td {
    display: table-cell;
    border: 1px solid #e7e7e7; padding:10px;
}

.tab5 .div_tr:nth-child(even) {
    background-color: #f5f5f5;
}


.tab5 .col-md-2 {
    display: table-cell;
}
    .tab5 .col-md-2,
    .tab5 .col-md-3,
    .tab5 .col-md-4 {
        height: 50px;
   
        border: 1px solid #e7e7e7;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: table-cell;
        vertical-align: middle;
    }
/**************/

    .bu1, .bu2, a.bu1, a.bu2 {
        padding: 6px 20px;
        text-align: center;
        color: #ffffff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 0px;
        font-size: 16px;
        letter-spacing: 2px;
        display: inline-block;
        /*margin: 40px auto;
 display: block;*/
        overflow: hidden;
        text-decoration: none;
        background-color: #00abb0;
        border: 1px solid #00abb0;
        line-height: 150%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        white-space: nowrap;
        cursor: pointer;
    }

    .bu3 {
        display: block;
        width: 100%;
        margin: 5px auto;
        padding: 6px 0px;
    }

    .bu1 i {
        font-size: 20px;
        vertical-align: middle;
    }


    .bu1:hover, .bu1:active, a.bu1:hover, a.bu1:active {
        color: #ffffff;
        background-color: #f49800;
        border: 1px solid #f49800;
        text-decoration: none;
    }

    a.bu1:visited, .bu1:visited, a.bu2:visited, .bu2:visited {
        text-decoration: none;
    }

    .bu2:hover, .bu2:active,
    a.bu2:hover, a.bu2:active {
        color: #eb6100;
        border: 1px solid #eb6100;
        text-decoration: none;
        background-color: transparent;
    }

    .bu2, .bu2:active, a.bu2, a.bu2:active {
        background-color: #ffffff;
        color: #00abb0;
    }

        .bu2:hover {
            color: #00abb0;
            border: 1px solid #00abb0;
        }

    .bu6, a.bu6, input.bu6 {
        background-color: #f39800;
        -webkit-border-radius: 99px;
        -moz-border-radius: 99px;
        border-radius: 99px;
        padding: 3px 20px;
        vertical-align: middle;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        display: inline-block;
        overflow: hidden;
    }

        .bu6:hover, a.bu6:hover {
            text-decoration: none;
            color: #ffffff;
            background-color: #f49800
        }

    .span6, .span6 label {
        color: #ff293a;
    }

    .center2 {
        margin: 30px auto;
        display: block;
        text-align: center;
        overflow: hidden;
        max-width: 400px;
    }
    /**/
.span {  vertical-align:middle; display:inline-block; 
}

.span2, .span2 span {
    font-size: 20px;
    font-weight: bold; 
}

    .FileUL > div { display:inline-block; vertical-align:middle; 
    }