@charset "utf-8";
/* CSS Document */


body{ font-family:Arial,SimSun; }
.fc-hui{ color:#333;}

#pathway{ margin-bottom:3px; padding:2px 10px 2px; border:1px solid #FFCC9A; background:#FFF4E8; color:#666;}
#pathway span{ color:#000;}
#pathway a{ color:#666;}
#pathway b{ color:#f60;}
/*-------------------海运搜索----------------------*/
.tool{ height:28px; border-bottom:1px solid #C1E0EF; padding-top:2px; white-space:nowrap; background:#E6FBFF;}
#hint{ float:left; height:16px; padding:4px 0 0 15px; width:320px; overflow:hidden; color:#069; font-family:Tahoma,Simsun;}

.search-content{ float:right; color:#09c; width:600px;}
.search-content li{ float:left; padding-right:6px;width:265px; font-weight:bold;}
.search-content .search-name{ float:left; padding-top:4px; width:50px;}
.search-content .search-input{ width:200px; height:17px; padding:1px; color:#666; float:left}
.search-content .search-input input{ width:190px;}
.search-content .search-btn{width:45px;}
.search-content .search-btn span{ display:none;}
.search-content .search-btn a{ display:block; width:39px; height:22px; background:url(images/search.png);}
.search-content .search-btn a:hover{ background-position:0 -22px;}


/*-------------------航线标题----------------------*/
#line-title{ text-align:center; padding:5px 0; position:relative;}
#line-title .title{ font-size:18px; line-height:20px; font-family:"黑体",Tahoma; color:#f60; font-weight:bold; }
#line-title .title img{ background:url(images/08.png); width:36px; height:17px;}
#line-title .count{ color:#069; margin-top:2px;}
#line-title .count span{ font-size:18px; line-height:20px; color:#f60; font-weight:bold; font-family:Simsun}
#service{ position:absolute; width:74px; height:16px; padding-top:58px; top:5px; right:20px; color:#fff;}
.service-on{ background:url(images/service-on.gif);}
.service-on a,.service-on a:hover{ color:#fff;}
.service-on span{ color:#FDFC01;}
.service-off{ background:url(images/service-off.gif);}
.service-off span{ color:#cff;}


/*--------------列表---------------*/
#list{ border:1px solid #ccc; overflow:hidden; margin-bottom:1px;}
#menu{ height:30px; padding-top:5px; position:relative;}
#menu ul li{ float:left; padding-left:5px;}
#menu2{ height:35px; margin-top:10px; background:url(images/list_bottom.png) center;}
#menu2 ul li{ float:left; padding-left:5px;}
#menu2 .ts{ float:right; font-size:14px; color:#006595; padding:5px 20px 0;}



.menu-btn{ display:block; padding-left:10px; background:url(images/btn-bg.png); color:#000;}
.menu-btn_m{ float:right; margin-right:5px; background:url(images/btn-bg2.png);}
.menu-btn:hover{ text-decoration:none;}
.menu-btn span{ display:block; padding:6px 10px 4px 0; background:url(images/btn-bg.png) right;}
.menu-btn_m span{background:url(images/btn-bg2.png) right;}
.icon-01{ width:15px; height:26px; background:url(images/icon-01.png);}
.icon-02{ width:15px; height:26px; background:url(images/icon-02.png);}
#menu .guild{ color:#999; width:580px; text-align:right; padding-top:5px; padding-right:20px;}
#menu .guild span{ background:url(images/icon-02.gif) no-repeat 0 3px; padding-left:20px;}

.menu-btn-on{ display:block; width:106px; padding-left:10px; background:#FFFFED; border:1px solid #D4C59C; border-bottom:none; color:#000; z-index:5; /*position:absolute;*/}
.menu-btn-on:hover{ text-decoration:none;}
.menu-btn-on span{ display:block; padding:6px 10px 4px 0;}
.menu-pop{ position:absolute; top:30px; right:17px; z-index:1}



#data-list tr td{ height:32px; border-bottom:1px solid #EFEFEF; text-align:center;}
#data-list .col-a{ background:#E6FBFE;}
#data-list .col-b{ background:#FFFFD3; color:#000;}
#data-list .col-c{ background:#FFFFD3; color:#319800;}

#data-list .col-d{ color:#000;}
#data-list .col-e{ color:#319800;}
#data-list .col-f{ background:#FFFFD3; color:#319800;}

#data-list .title-a td,#data-list .title-c td{ height:31px; background:url(images/data-list-title1.png); border:1px solid #CDCDCD; border-left:none; font-size:14px; font-weight:bold;}
#data-list .title-c td{ height:28px; font-size:12px; color:#000; line-height:14px;}
#data-list .title-a td .guild{ font-size:12px; font-weight:normal; color:#046497;}
#data-list .title-b td{ border-right:1px solid #CDCDCD; border-bottom:1px solid #CDCDCD;}
#data-list .title-b td .title-b-text{ color:#000;}
#data-list tr td .btn,#data-list tr td .btn-off{ height:27px; padding-top:5px; border-right:1px solid #CDCDCD;}
#data-list tr td .btn a,#data-list tr td .btn-off a{ display:block; margin:0 auto;  width:64px; height:18px; padding-top:2px; color:#fff; background:#FEA233 url(images/data-list-btn.png);}
#data-list tr td .btn-off a{ background:#FEA233 url(images/data-list-btn-off.png); cursor:default;}
#data-list tr td .btn a:hover,#data-list tr td .btn-off a:hover{ text-decoration:none;}
#data-list tr td .zs,#data-list tr td .zs0{ display:block; width:20px; float:left; padding-left:12px;}
#data-list tr td .zs{ background:url(images/xy.png) 0 1px no-repeat; color:#FD9A00;}



#data-list tr td i{ display:block; width:250px; margin-bottom:5px; padding:0 5px;}
#data-list tr td i img{ width:30px; height:15px; margin:5px 3px; vertical-align:middle; background:url(http://style.jctrans.com/pub/profession14.png) no-repeat;}

/*---CCP,海外,CBA,F,综合,报关,庄家,仓储,陆运,国际站--*/
#data-list tr td i .pro-1{ background-position:-61px -75px;}
#data-list tr td i .pro-2{ background-position:-11px -75px;}
#data-list tr td i .pro-3{ background-position:-111px -40px;}
#data-list tr td i .pro-4{ background-position:-111px -75px;}
#data-list tr td i .pro-5{ background-position:-11px -5px;}
#data-list tr td i .pro-6{ background-position:-61px -5px;}
#data-list tr td i .pro-7{ background-position:-111px -5px;}
#data-list tr td i .pro-8{ background-position:-11px -40px;}
#data-list tr td i .pro-9{ background-position:-61px -40px;}

















#clause{ padding:10px 0 10px 80px; border-top:1px solid #3C9ECF; border-bottom:2px solid #3C9ECF; line-height:20px; color:#999;}
#clause span{ color:#666;}
#foot{ text-align:center; padding:10px 0; line-height:30px; }
#foot a{ color:#333;}



/*---------搜索条件-----------*/
.gridsstj{ width:410px; border:1px solid #D4C59C; background:#FFFFED;}
.gridsstj tr td{background:#FFFFED; height:35px;}
.gridsstj th{ width:85px;  font-weight:bold; color:#f60; text-align:center; background:#FFFFED url(images/grid-port-dp-t_bg.gif) no-repeat center center; }

/*---条件时间轴--*/
.gridsstjsjz{ text-align:center; background:#FDCD69; width:270px;}
.gridsstjsjz tr td{ background:#fff;height:20px; white-space:nowrap;  }
.sssjzbtn{}
.gridsstjsjz span{ font-size:10px;}
.gridsstjsjz a{ color:#000;}
.gridsstjsjz a:hover{ text-decoration:none;}
.datesel{ margin:0; padding:0; width:38px; height:22px; border:0; background:url(images/datesel.gif); float:right; margin-right:10px; font-size:100em; cursor:pointer; }
 
 
/*----详细页流程图-----*/
#flow{ width:900px; margin:0 auto; background:#FDCC65; color:#016597;}
#flow .f-c-a{ background:#FBFFE8}
#flow .f-c-a a{  color:#FC6700; text-decoration:underline;}
#flow .f-c-b{ background:#fff}
#flow tr td span{ color:#FC6700;}
#flow .f-c-a .title tr td{ padding:10px 0 10px 20px;}
.flow-bt{ width:67px; height:17px; padding-top:2px; background:#FFFFED url(images/grid-port-dp-t_bg.gif) no-repeat; color:#FC6700; font-weight:bold; text-align:center;}
#flow-pic{ margin:0 auto;}
#flow-pic tr td{ padding:0 10px;}
#flow-pic tr td table tr .flow-link{ padding-bottom:6px; background:url(images/flow-link.png) no-repeat bottom right;}
#flow .f-c-b table tr td{ padding:10px 0 10px 20px;}
#flow-date{ background:#0199CA;}
#flow .f-c-b table tr td #flow-date tr td{ background:#fff; text-align:center; padding:3px 0; }




/*---分页代码----*/
.pagination a{ color:#006595; font-size:14px;}
.pagination .current{ font-weight:bold;}