body{
    margin: 0;
    padding: 0;
    /*background:#efefef;*/
}

* {
	padding:0;
	margin:0;
}
form .row {
	display: block;
	padding: 2px 2px;
}
.row > label {
	/*background-color:#d6e6f7;*/
    background-color: rgba(62, 114, 151, 0.26);
	padding-left:4px;
	width:110px;
	height:28px;
	line-height:28px;
	float:left;
	display: block;
	letter-spacing: -1px;
	font-weight: normal;
}
form .req {
	color: #ca5354;
}
form input:focus, form textarea:focus {
	outline: none;
}
form .row > div:first-child {
	width: 200px;
	height: 24px;
}
.row select {
	height:28px;
    line-height:20px;
}
form .row > div:last-child {
    display:inline-block;
	width: 180px;
	height: 24px;
}

.form-control {
	height:28px;
	color: #555;
    padding-left:4px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control {
	border-radius: 0 !important;
	box-shadow: none;
}
.form_control {
            display: block;
            width: 100%;
            height: 40px;
            padding: 0px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
/*:not(select).form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}*/
.form-control:disabled{
    background-color:#f2f2f2;
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
}

.form-control select {
    width:100px;
}
.has-feedback .form-control {
	padding-right: 42.5px;
}
.form-control:focus {
	border-color: #3c8dbc !important;
	box-shadow: none;
}

.row > div * {
	vertical-align:middle;
}
.css_btn_class {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	padding:4px 8px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #287ace;
	-webkit-box-shadow:inset 1px 1px 0px 0px #cae3fc;
	-moz-box-shadow:inset 1px 1px 0px 0px #cae3fc;
	box-shadow:inset 1px 1px 0px 0px #cae3fc;
}
.form-control:focus{
	background-color:#F0FFE6;
}
.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #4197ee), color-stop(100%, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}
.css_btn_class:active {
	position:relative;
	top:1px;
}
.error {
	color:red;
}

.forwarddate{
    background:#fff url('../Images/calendar.png') no-repeat right;
}

input[type=text] {text-transform:uppercase;
    font-family:微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;
    font-size:10pt;
    width:120px;
}
select{
    width:127px;
}
.form-date {
    display:inline-block;
    position:relative;
}
.form-date > input:first-child {
    width:96px;
    padding-right:24px;
}
.form-date > img:last-child {
    position:absolute;
    right:2px;top:4px;
}
textarea{text-transform:uppercase;
    font-family:微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;
    resize: none;}
.icon-ok {
    display:block;width:16px;height:100%;margin:auto;
    background: url('../Images/checkmark.bmp') no-repeat center center;
}
.icon-no {
    display:block;width:16px;height:100%;margin:auto;
    background: url('../Images/checknomark.png') no-repeat center center;
}
.icon-de {
    display:block;width:16px;height:100%;margin:auto;
    background: url('../Images/m2.bmp') no-repeat center center;
}
.icon-search{
    background: url('../Images/search.png') no-repeat center center;
}
.icon-search_marshall{
    background: url('../Images/search_marshall.png') no-repeat center center;
}
.icon-connect{
    background: url('../Images/connect.png') no-repeat center center;
}
.icon-disconnect{
    background: url('../Images/disconnect.png') no-repeat center center;
}
.icon-excel{
    background: url('../Images/Excel.png') no-repeat center center;
}
.icon-documents{
    background: url('../Images/documents.png') no-repeat center center;
}
.icon-booking{
    background: url('../Images/booking16.png') no-repeat center center;
}
.icon-back{
    background: url('../Images/back.png') no-repeat center center;
}
.icon-remove{
    background: url('../Images/remove16.png') no-repeat center center;
}
.icon-refresh{
    background: url('../Images/copyall.png') no-repeat center center;
}
.icon-upload{
    background: url('../Images/upload.png') no-repeat center center;
}
.icon-add{
    background: url('../Images/Add16.png') no-repeat center center;
}
.icon-copy{
    background: url('../Images/copy.png') no-repeat center center;  
}
  .icon-copyall{
    background: url('../Images/copyall.png') no-repeat center center;
}
.icon-initadd{
    background: url('../Images/page_add.png') no-repeat center center;
}
.icon-edit{
    background: url('../Images/edit.png') no-repeat center center;
}
.icon-batch{
    background: url('../Images/list_edit.png') no-repeat center center;
}
.icon-save{
    background: url('../Images/application_save.png') no-repeat center center;
}
.icon-status{
    background: url('../Images/marshall.png') no-repeat center center;
}
.icon-cog_edit {
    background: url('../Images/icons/cog_edit.png') no-repeat center center;
}

        .settingbtn {
            display: inline-block;
            height: 22px;
            width: 22px;
            vertical-align: middle;
        }
        .settingbtn.settingbtnOne{
            position: absolute;
            top: 5px;
            right: -22px;
        }
        .calenderImg{
            position:absolute;
            top:3px;
            right:5px;
        } 

        .settingbtn img {
            margin: 4px 2px;
        }

            .settingbtn:hover {
                background: #eaf2ff;
                color: #000000;
                border: 1px solid #b7d2ff;
                filter: none;
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

 .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.clear { display: none; position: absolute; width: 16px; height: 16px; margin: 6px 0 0 -20px; background: url(clear.png);}
.date::-ms-clear { display: none; }
.date:valid + .clear { display: inline; }

::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999; 
} 


/*New Style -- Cindy Hu*/
label.navy-label {
    color: #f37b1d;
    /*background: #fff;*/
    background: #fff;
    padding: 3px 10px 3px 0px;
    width: 115px;
    text-align: right;
    font-weight:600;
    font-size:.9em;
}

.navy_label, label.navy_label {
    color: white;
    background: #1c6a9e;
    width: 110px;
    padding: 7.5px 5px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

form .search_table .row {
    display: block;
    padding: 0px;
    /* padding: 2px 2px; */
}
form .search_table .form-control {
    height: 32px;
    color:blue;
    font-size:.3em;
}
/*style_01*/
.row_list > label {
    height: 32px;
    line-height: 32px;
    float: left;
    display: block;
    letter-spacing: -1px;
    color: #f37b1d;
    background: transparent;
    padding: 3px 10px 3px 0px;
    width: 115px;
    text-align: right;
    font-weight:700;
    font-size:1.1em;
    /*padding: 0px 5px;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:110px;
}

.row_list .form-control {
     height: 32px;
    line-height: 32px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
}

form .row_list {
	display: block;
}
form .row_list > div:first-child {
	width: 200px;
	height: 24px;
}
form .row_list > div:last-child {
    display:inline-block;
	/*width: 180px;*/
	height: 24px;
}
.row_list > div * {
	vertical-align:middle;
}

.row_list .b_abel {
    width:150px;
}
.content.star_grade_box span.star_grade .star {
        display: inline-block;
        height: 17px;
        width: 17px;
        background: url(../../../../Images/commstar.png) 0 0 repeat-x;
    }
.content.star_grade_box span.star_grade .star.active {
            background: url(../../../../Images/commstar.png) 0 -17px repeat-x;
        }

    .content span {
        height: 1.9rem;
        width: 50%;
        position: relative;
    }

.content.star_grade_box .row label {
        background: transparent;
        width: 25%;
        display: inline-block;
        padding-left: 0.8rem;
        height: 1.9rem;
        line-height: 1.9rem;
        float: left;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .content.star_grade_box .row textarea {
        border: 1px solid #b7b7b7;
        border-radius: 3px;
        height: 4em;
        width: 90%;
    }

    #selectOrdNo {
        color: red;
    }

 
@-webkit-keyframes mymove /* Safari 与 Chrome */
{
   0%   {margin-right:50px}
    50%  {margin-right:250px}
    100% {margin-right:50px}
}
@-ms-keyframes mymove /* Safari 与 Chrome */
{
   0%   {margin-right:50px}
    50%  {margin-right:250px}
    100% {margin-right:50px}
}
@-o-keyframes mymove /* Safari 与 Chrome */
{
   0%   {margin-right:50px}
    50%  {margin-right:250px}
    100% {margin-right:50px}
}
@-moz-keyframes mymove /* Safari 与 Chrome */
{
   0%   {margin-right:50px}
    50%  {margin-right:250px}
    100% {margin-right:50px}
}
@keyframes mymove {
    0%   {margin-right:50px}
    50%  {margin-right:250px}
    100% {margin-right:50px}
}

.tbl-profit .form-control {
width:150px;
text-align:center;
}
.tbl-profit tr th:first-child, .tbl-profit tr td:first-child {
width: 90px;
text-align: center;
font-weight: bold;
}
.PageGrid *{ margin:0; padding:0; list-style:none;}            
.PageGrid{padding: 15px 20px 5px;text-align: left;color: #ccc;text-align:center;}            
.PageGrid a{text-decoration:none;display: inline-block;color: #428bca;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}            
.PageGrid a:hover{text-decoration: none;border: 1px solid #428bca;text-decoration:none;}            
.PageGrid span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca;	border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}            
.PageGrid span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}
.chooseTitle {
    font-size: 1em;
    font-weight:500;
    margin:0px 7px 0px 2px;
}
.chooseTitle-count {
    font-size: 1em;
    font-weight: 700;
    color: #0000ff;
}
.radio-div {
    margin-top: 5px;
}
input[type=text]{
    font-size:13px;
}
.hiddenSearch{
    display:none;
}
.hiddenSearchOne{
    display:none;
}
.searchBox{
    box-shadow: 0px 0px 10px #bbb;
    background: #fff;
}
.searchYuan{
    height: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.searchArrow{
    width: 60px;
    height: 30px;
    border-radius: 0px 0px 60px 60px;
    background: #ccc;
    display:flex;
    justify-content:center;
    align-items:center;
}
.searchArrow:hover{
    cursor:pointer;
}
.searchArrowOne{
    width: 60px;
    height: 30px;
    border-radius: 0px 0px 60px 60px;
    background: #ccc;
    display:flex;
    justify-content:center;
    align-items:center;
}
.searchArrowOne:hover{
    cursor:pointer;
}
.doubleArrow{
    width: 18px;
    height: 16px;
    -webkit-animation: bounce-down 1s linear infinite;
    animation: bounce-down 1s linear infinite;
}
.doubleArrow1{
    width: 18px;
    height: 16px;
    -webkit-animation: bounce-down1 1s linear infinite;
    animation: bounce-down1 1s linear infinite;
    display:none;
}
@keyframes bounce-down {
    25% {transform: translateY(-3px);}
    50%{transform: translateY(0);}
    75% {transform: translateY(3px);}
    100% {transform: translateY(0);}
}
@keyframes bounce-down1 {
    25% {transform: translateY(-3px);}
    50%, 100% {transform: translateY(0);}
    75% {transform: translateY(3px);}
}


.am-g{
        overflow:hidden;
        margin:0px !important;
    }
    .am-u-lg {
        margin: 0px;
        padding:0px 25px 0px 0px;
        float:left;
    }
    .am-u-lg>label{
        width:100%;
        text-align:left;
        padding:0px;
        margin:0px 0px 1px 0px;
        color: #f37b1d;
        font-weight: 600;
        background:transparent;
    }

    .am-u-lg .form-control {
        width:100%;
        color:blue;
        height: 35px;
    }
    [class*=am-u-]+[class*=am-u-]:last-child {
        float: left;
        padding-right:0px;
    }
    .dataBox{
        display:flex;
        align-items:center;
        position:relative;
    }
    .dataBox .am-u-lg{
        padding:0px;
    }
    .am-g-sub .am-u-lg{
        padding:0px 25px 0px 0px;
    }
    .am-g-sub .am-u-lg:last-child{
        padding:0px;
    }
    .dataRange{
        width:100%;
        display:flex;
        align-items: center;
        position:relative;
    }
    .emptyBox{
       display:flex;
       width: 100px;
    }
    .dateInput{
        width:50%;
        position:relative;
        display:inline-block;
    }
    .dateInput.dateInputLeft{
        position:absolute;
        top:0px;
        left:0px;
        width:50%;
        padding-right: 25px;
    }
    .dateInput.dateInputRight{
        position:absolute;
        top:0px;
        right:0px;
        width:50%;
    }
    
    .dateTo{
        width:25px;
        text-align:center;
    }
    .dateTo.dateToCenter{
        width:25px;
        text-align:center;
        position:absolute;
        top:0px;
        left:50%;
        margin-left:-25px;
        padding-top:7px;

    }
    .inputBox{
        position:relative;
        display: flex;
        align-items:center;
    }
    .radioBox{
        width:100%;
        display:flex;
        align-items:center;
        padding-top:5px;
    }
    .radioBox>input[type=radio]{
        margin:0px;
    }
    .radioBox>label{
        margin: 0px;
        margin-right: 10px;
        padding: 0px;
        width: auto;
        margin-left: 2px;
        font-weight: 500;
    }
    .radioBox>label:last-child{
        margin:0px;
    }
    .searchBox.search{
        padding:10px;
    }
    .labelHeader{
        display:flex;
        align-items:center;
    }
    .labelHeader label{
        width:auto;
    }
    .labelHeader>label{
        color: #f37b1d;
        margin-bottom:0px;
        font-weight: 600;
    }
    .dateMore a{
        color:blue;
        text-decoration:underline;
    }

    button, input:not([type=radio]):not([type=checkbox]), select{
        font-size:.9em;
    }
    .calendarClass{
        width:20px;
        height:auto;
        position:absolute;
        right:4px;
        top:8px;
    }
    .iconfont.icon-calendar2.btn-datepicker.calendarClass{
        top:3px;
        width:20px;
        height:auto;
    }
    
    .iconfont.icon-calendar2.btn-datepicker{
        top:3px;
        width:20px;
        height:auto;
    }

    .formBox label{
        width:100%;
        display: block;
        text-align: left;
    }
    .formBox .form-control{
        width:100%;
        color:blue;
    }
    .dataRange .dateInput:first-child{
        margin-right:5px;
    }
#Dictionary .row > label {
    width: 150px !important
}