@media screen
{
    
    /* Border Style - Start */
    .borderAll
    {
	    border:solid 1px #f3cba5;
    }
    .borderLeft
    {	
	    border-left:solid 1px #f3cba5;
    }

    .borderTop
    {	
	    border-top:solid 1px #f3cba5;
    }

    .borderRight
    {	
	    border-right:solid 1px #f3cba5;
    }

    .borderBottom
    {	
	    border-bottom:solid 1px #f3cba5;
    }
    /* Border Style - End */

    /* 首頁左邊 */
    .leftBox
    {
	    border:solid 1px #f3cba5;	
	    width:240px;
	    margin:0 auto;
	    margin-bottom:10px;	    	
    }

    .leftBox .HeaderHolder
    {
        font-weight:bolder;
        background-image:url('images/bg_left_1.jpg');    
        background-position:2px 1px;
        background-repeat:repeat-x;
        margin:2px 2px 2px 2px;	   
        padding-top:6px;
        height:29px;
    }

    .leftBox .BodyHolder
    {
	    height:100%;
	    min-height:50px;	
    }

    .info, .trade, .product, .community
    {
	    background-repeat:no-repeat;
	    background-position:5px 2px;
	    padding-left:25px;
    }

    .info
    {
        background-image:url('images/icon_01.jpg');
    }
    .trade
    {
        background-image:url('images/icon_02.gif');
    }
    .product
    {
        background-image:url('images/icon_03.gif');
    }
    .community
    {
        background-image:url('images/icon_group.gif');
        
    }

    ul.bodyBlock
    {
	    width:100%;
	    list-style:none;
    }

    ul.bodyBlock li
    {
	    float:left;	
	    width:100px;
	    height:100%;
	    padding:5px 0px 5px 10px;
    }

    ul.bodyBlock li a 
    {	
        text-decoration: none;
        color:black;
    }

    .emphsis
    {
        color:#ff6633 !important;
        font-weight:bolder;
    }
    /* 首頁左邊 - End */        


    /* Body Block Style - Start */
    .HomepageContainer
    {
        padding-top:10px;
	    width:100%;
    }

    .MainContainer
    {
	    text-align:center;
	    width:100%;
    }

    .MainContainer .LeftContainer
    {	    
        margin:0 auto;
	    text-align:left;
	    width:230px;		
	    z-index:10;
    }

    .MainContainer .RightContainer
    {
	    position:relative;
	    text-align:left;
	    width:700px;
	    z-index:1;	
	    margin-bottom:10px;
	    float:right;
    }
    
    .RightContainer
    {
	    position:relative;
	    text-align:left;
	    width:850px;
	    z-index:1;	
	    margin-bottom:10px;
	    float:right;
    }

    .RightContainer .HeaderBlock .Arrow
    {
	    background:transparent url('images/arrow_o.gif') no-repeat left center;
	    margin-top:15px;
	    padding-left:20px;
    }
    
    .RightContainer .HeaderBlock 
    {
	    background:transparent url('images/bg_head_1.jpg') repeat-x 2px 2px;	
	    height:48px;
	    width:100%;
    }

    .RightContainer .BodyBlock 
    {
	    width:100%;	
    }
    
    /*比較窄的中央區塊 for 2A*/
    .CenterContainer
    {
	    position:relative;
	    text-align:left;
	    width:600px;
	    z-index:1;	
	    margin-bottom:10px;
	    float:left;
    }

    .CenterContainer .HeaderBlock .Arrow
    {
	    background:transparent url('images/arrow_o.gif') no-repeat left center;
	    margin-top:15px;
	    padding-left:20px;
    }
    
    .CenterContainer .HeaderBlock 
    {
	    background:transparent url('images/bg_head_1.jpg') repeat-x 2px 2px;	
	    height:48px;
	    width:100%;
    }

    .CenterContainer .BodyBlock 
    {
	    width:100%;	
    }
    /*比較寬的中央區塊 for 2B*/
    .CenterContainerB
    {
	    position:relative;
	    text-align:left;
	    width:670px;
	    z-index:1;	
	    margin-bottom:10px;
	    float:left;
    }

    .CenterContainerB .HeaderBlock .Arrow
    {
	    background:transparent url('images/arrow_o.gif') no-repeat left center;
	    margin-top:15px;
	    padding-left:20px;
    }
    
    .CenterContainerB .HeaderBlock 
    {
	    background:transparent url('images/bg_head_1.jpg') repeat-x 2px 2px;	
	    height:48px;
	    width:100%;
    }

    .CenterContainerB .BodyBlock 
    {
	    width:100%;	
    }
    /* Body Block Style - End */

    /* Future Style - Start */
    .futureHolder
    {
	    margin:0 auto;
	    width:90%;	
    }
    
    .futureHolder p
    {
        padding:5px;
        text-align:center;
    }

    .futureHolder,
    .futureHolder a
    {
	    font-size:14px;
    }
    
    .HasLink
    {
        color:Blue;
        text-decoration:underline;
    }

    .futureHolder table 
    {
	    width:95%;
    }

    .futureUnitHolder
    {
	    /*margin:0 auto;*/
	    width:70%;
	    text-align:center;
	    font-size:12px;
    }
    .futureUnitHolder table
    {
	    width:90%;	
    }
    
    .futureHolder ul 
    {
        font-size:13px;
        line-height:1.5em;
    }

    .futureImage
    {
        width:95%;
        height:29px;
    }

    .ModifyDate
    {
        float:right;
        font-size:13px;
        display:block;
    }


    /* Future Style - End */    
    
    /* Calendar Style - Start */
    .CalendarHolder
    {
	    overflow:hidden;
	    width:100%;	
    }

    .BidCalendar
    {	
	    width:140%;
	    margin-left:-20%;
	    margin-right:-20%;
    }

    .can_header
    {
	    background-image: url('images/left_bg3.jpg');
	    background-color:#f4f4f4;	
	    font-weight:normal;
    }

    .CalendarTitle
    {
	    color:Black;
	    background-color:#E0E0E0;
	    font-weight:bold;
    }

    .WorkDay
    {
	    text-align: left;
	    vertical-align: top;
	    background-image:url('images/left_bg.jpg');
	    width:20%;
        filter:alpha(opacity=50);
        opacity: 0.5; 
    }

    .WorkDay:hover
    {
        filter:alpha(opacity=100);
        opacity: 1;
    }

    .WeekEnd
    {
	    text-align: left;
	    vertical-align: top;
	    color:#000000;
	    background-color: #F4F4F4;
	    width:1%;
    }

    .NotThisMonth
    {
	    text-align: left;
	    vertical-align: top;
	    color:#000000;
	    background-color: #F4F4F4;
    }

    .Today
    {
	    text-align: left;
	    vertical-align: top;
	    background-image:url('images/left_bg2.jpg');
    }

    /* Calendar Style - End */
    
    /* BidAvgList - Start */
    .BidAvgHolder
    {
        width: 80%;
        margin:0 auto;
        text-align:center;
    }
    .BidAvgHolder h1
    {
	    color:#cc6600;
	    font-size:16px;	
    }
    .BidAvgHolder table,
    .BidAvgHolder table td
    {
	    font-size:14px;
	    color:#cc6600;
	    border:solid 1px #f3cba5;
	    background-color:#fff1e4;
	    font-weight:normal;
	    line-height:2em;
    }
    .BidAvgHolder div.RemarkRow
    {
	    font-size:14px;
	    color:#666666;
	    font-weight:normal;
	    text-align :left;
    }
    .BidAvgHolder tbody td
    {
	    color:#666666;
    }
    .BidAvgHolder table
    {
        width:80%;
    }
    .SelectMonth
    {
        width:80%;
        margin:10px 0px 2px 0px;
    }
    .PrevMonth,.NextMonth
    {
        width:20%;
        margin-top:6px;
        color:Blue;
    }
    .PrevMonth
    {
        float:left;
    }
    .MonthTitle
    {
        float:left;
        width:58%;
    }
    .NextMonth
    {
        float:right;
    }
    .BackToList
    {
        display:block;
        border:outset 4px;
        background-color:#cccccc;
        margin:10px;  
        padding:5px;
        width:100px;
    }

    /* BidAvgList - End */    

    /* Market Price Chart Style - Start  */
    .PriceChartHolder
    {
        margin:0 auto;
        text-align:center;
        width:80%;
        font-size:13px;
    }

    .PriceChartHolder h1
    {
        font-size:15px;
        border-bottom:solid 1px #f3cba5;
        padding:15px;
    }

    .PriceChartHolder .Row
    {
        border-bottom:solid 1px #f3cba5;
        padding:6px;
    }

    .PriceChartHolder .LeftColumn
    {
        float:left;
        width:15%;       
        height:100%; 
        line-height:2em;
    }

    .PriceChartHolder .RightColumn
    {
        width:80%;
        text-align:left;
    }

    .PriceChartHolder .RemarkRow
    {
        text-align:left;
        padding:15px;
    }

    /* Market Price Chart Style - End  */    
    

    /* Harbor Unload Status Style - Start */
    .textMove
    {
        padding-left:15px;
        padding-right:15px;
        font-size:15px;
    }

    
    .harborUnLoadHolder
    {
	    margin:0 auto;
	    font-size:13px;
	    width:630px;
    }

    .harborUnLoadHolder .harborUnLoadTitle
    {
	    /*background:transparent url('images/dock_icon2.gif') no-repeat center left ;*/
	    background:transparent url('images/dock_icon2.gif') no-repeat 0px 10px ;
	    width:80%;
	    height:46px;
	    padding:1.4em 0 0 50px;
	    margin-left:20px;
	    font-size:16px;	
	    color:#cc6600;
	    font-weight:bold;
    }

    .harborUnLoadHolder caption
    {
	    text-align:left;
	    letter-spacing:0.5em;
    }

    .harborUnLoadHolder table
    {	
	    width:95%;
	    margin:20px auto;
    }

    .harborUnLoadHolder th,
    .harborUnLoadHolder td
    {
	    border:solid 1px #f3cba5;
	    padding:5px;
    }

    .harborUnLoadHolder th
    {
	    background-color:#fff1e4;
	    font-weight:normal;
	    color:#cc6600;
	    text-align:center;
	    letter-spacing:0.2em;
    }

    .harborUnLoadHolder .tFooter
    {
	    text-align:right;
	    border:none;
    }

    .numStyle
    {
	    text-align:right;
    }

    /* Harbor Unload Status Style - End */


    /* Harbor Store Status Style - Start */
    .StockStatusHolder
    {
	    margin:0 auto;
	    font-size:13px;
	    width:630px;
    }

    .StockStatusHolder .StockStatusTitle
    {
	    /*background:transparent url('images/dock_icon1.gif') no-repeat center left;*/
	    background:transparent url('images/dock_icon1.gif') no-repeat 0px 10px;
	    width:80%;
	    height:46px;
	    padding:1.4em 0 0 50px;
	    margin-left:20px;
	    font-size:16px;	
	    color:#cc6600;
	    font-weight:bold;
    }


    .StockStatusHolder table
    {
	    width:95%;
	    margin:10px auto;	
    }

    .StockStatusHolder td,
    .StockStatusHolder th,
    .StockStatusHolder table
    {
	    border:solid 1px #f3cba5;
	    padding:5px;
    }

    .StockStatusHolder td
    {
        padding-left:0px;
        padding-right:0px;
        text-align:center;
    }

    .StockStatusHolder th ,
    .StoreStatusHeaderStyle
    {
	    background-color:#fff1e4;
	    font-weight:normal;
	    color:#cc6600;
	    text-align:center;
	    letter-spacing:0.2em;
    }
    /* Harbor Store Status Style - End */

    /* Ship Schedule Style - Start  */
    .ShipArriveHolder
    {
	    margin:0 auto;
	    font-size:13px;
	    width:650px;
    }

    .ShipArriveHolder .ShipArriveTitle
    {
	    background:transparent url('images/dock_icon3.gif') no-repeat 0px 10px;
	    width:80%;
	    height:46px;
	    padding:1.4em 0 0 50px;
	    margin-left:20px;
	    font-size:16px;	
	    color:#cc6600;
	    font-weight:bold;
    }


    .ShipArriveTableHolder table
    {
	    width:95%;
	    margin:20px auto;
    }

    .ShipArriveTableHolder td,
    .ShipArriveTableHolder th,
    .ShipArriveTableHolder table
    {	
	    border:solid 1px #f3cba5;
	    padding:5px;
    }

    .ShipArriveTableHolder .tHeader
    {
	    background-color:#fff1e4;
	    color:#cc6600;	
	    letter-spacing:0.2em;	
    }

    .ShipArriveTableHolder .fccShip
    {
	    color:Red;
    }

    .remark
    {
	    margin:0 auto;
	    width:95%;
	    color:#666666;
	    font-size:13px;
    }
    .remark ul li
    {
	    margin-left:20px;	
	    list-style-type:disc;
    }

    /* Ship Schedule Style - End  */

    /* Ship Tender Style - Start */
    .ShipPriceHolder
    {
        margin:0 auto;
        padding:10px;
    }

    .ShipPriceHolder,
    .ShipPriceHolder a
    {
        font-size:13px;
    }

    .ShipPriceHolder table
    {
        width:100%;        
    }

    .ShipPriceHolder thead td
    {
        text-align:center;    
    }

    .ShipPriceHolder td
    {
        width:10%;
        padding:3px;
        border:solid 1px;
    }


    /* Ship Tender Style - End */    

    /* Haley 2008/06/18 行情表 Begin */
    .Marketing_TitleBar
    {
	    background-image: url(images/bg_right_07.jpg);
    }

    .MarketMenu ul
    {
	    list-style-position:inside;		
    }

    .MarketMenu ul li 
    {    
        list-style-image:url(/images/market/doc_05.gif);        
        margin:3px;
        padding:3px;
    }

    .MarketMenu ul li a 
    {    
        position:relative;    
        margin:3px;
    }
    .marketDataHolder
    {
	    text-align:center;
	    margin:10px 25px;
    }
    .marketDataHolder h1
    {
	    color:#cc6600;
	    font-size:16px;	
    }
    .marketDataHolder p
    {
	    font-size:13px;
	    color:#666666;
	    text-align:left;
    }
    .marketDataHolder table,
    .marketDataHolder table th,
    .marketDataHolder table td
    {
	    font-size:13px;
	    color:#cc6600;
	    border:solid 1px #f3cba5;
	    background-color:#fff1e4;
	    font-weight:normal;
    }

    .marketDataHolder table td
    {
	    color:#666666;
    }

    .bodytext6,
    .importantRed
    {
        color:Red !important;
    }

    .marketDataHolder .priceLink
    {
        font-size:13px;
        color:Blue;
        text-decoration:underline;
    }
    /* Haley 2008/06/18 行情表 End */
    
    /* Content Format Style - Start */
    .ContentFormat 
    {
	    font-size:15px;
	    margin:5px 30px;
	    line-height:2em;
    }
    .ContentFormat H1
    {
	    font-size:1em;
	    margin:20px 0;
    }
    .ContentFormat H2
    {
	    font-size:0.9em;
	    margin:10px 10px;
    }
    .ContentFormat p
    {
	    font-size:13px;
	    line-height:1.5em;
	    margin:10px 15px;
    }
    /* Content Format Style - End */

    /* LeftContainer Channel Style - Start */
    div.LeftContainer div.ChannelContent
    {
	    text-align:left;
    }

    div.LeftContainer div.ChannelContent ul
    {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    margin-bottom: 8px; 
    }

    div.LeftContainer div.ChannelContent ul li
    {
	    padding-bottom: 2px; 
    }

    div.LeftContainer div.ChannelContent ul li a
    {
	    color: #666666 !important;
	    background: url('images/arrowbullet.gif') no-repeat center left;
	    display: block;
	    padding: 2px 0;
	    padding-left: 19px; 
	    text-decoration: none;
	    font-weight: bold;
	    border-bottom: 1px solid #f3cba5;
	    font-size: 100%;
    }

    div.LeftContainer div.ChannelContent ul li a:visited
    {
	    color: #A70303;
    }

    div.LeftContainer div.ChannelContent ul li a:hover
    { 
	    color: #A70303;
	    background-color: #F3F3F3;
    }
    /* LeftContainer Channel Style - Start */
    
    /* Channel Style - Start */
    .ChannelHeading
    {
	    display: none;
    }
    

    .ChannelContainer
    {
	    width: 100%;
	    /*margin-left:10px;*/
    }
    .ChannelHeading
    {
	    display: none;
    }
    .ChannelContent
    {
	    text-align:center;
    }
    .ChannelContent UL
    {
	    list-style: none;
	    list-style-image: none;
	    padding: 0px;
	    margin: 0px;
    }

    .ChannelContent UL LI
    {
	    list-style: none;
	    list-style-image: none;
	    margin: 0px;
	    margin-top:10px;
	    margin-bottom:10px;
    }

    .ChannelFooter
    {
    }


    
    /* Channel Style - End*/
    
    
    /* Member Area Style - Start */
    .HeaderList
    {
	    padding:10px 0 0 0;
	    background:transparent url('images/bg_left_2.jpg') repeat-x;
	    margin:0 1px -8px 1px;
	    height:36px;
	    font-weight:bolder;
    }
    /* Member Area Style - End */
    
    /* TW Market News Style - start */
    #twMarketNewsTitle
    {
	    background:transparent url('images/marketNewsTitle.gif') no-repeat;
	    width:120px;
	    height:30px;
    }

    #twMarketNewListHolder 
    {
	    border:solid 1px #f3cba5;
	    background-color:#fff1e4;
    }

    #twMarketNewListHolder ul
    {
	    list-style-image:url('images/arrow.gif');
	    list-style-position:inside;
    }

    #twMarketNewListHolder ul li
    {
	    display:block;
	    padding:5px 0;
	    width:90%;
	    border-bottom:solid 1px #f3cba5;
	    border-bottom-width:90%;	
    }

    #twMarketNewListHolder ul li.last
    {
	    border:none;
    }

    #twMarketNewListHolder a
    {
	    font-size:13px;
	    margin-left:10px;
    }
    /* TW Market News Style - end */    
    
    /* Collection Style - Start */
    .CollectionInfoHolder
    {
        margin:0 auto;
        width:60%;
    }
    
    .CollectionInfoHolder div
    {
        padding:5px;
    }
    
    .CollectionInfoHolder .LeftColumn,
    .CollectionInfoHolder .RightColumn
    {        
        padding:5px;
    }
    
    .CollectionInfoHolder .LeftColumn
    {
        width:30%;
        float:left;        
    }
    .CollectionInfoHolder .RightColumn
    {
        border:solid 1px #f3cba5;
        
    }
    
    .IdealPrice
    {
        color:Red;
        font-size:x-large;
        font-weight:bold;
    }
    /* Collection Style - End */    
    
    /* Homepage Bid Style - Start */
    .bid_time
    {
        background-image: url(images/title_web_b4.jpg);
    }
    .bid_bg
    {
        background-image: url(images/title_web_b2.jpg);
    }
    
    .bid_dbg
    {
        width: 455px;
        height: 21px;
        background-image: url(images/title_web_b3.jpg);
    }    
    /* Homepage Bid Style - End */

    /* UserInfo Style - Start */
     .UserInfoHolder
     {
	    margin: 20px 30px;
	    width: 90%;
	 }
     
     .UserInfoHolder h1
     {
	    font-size:16px;
	    font-weight: bold;
        Background-color:#fff3e7;
	    margin:5px 0;
	    clear:both;
     }
     
     .UserInfoHolder .Column1
     {
	     width:30%;
	     text-align:right;
	     float:left;
	     padding:5px;
     }
     .UserInfoHolder .Column2
     {
	    width:60%;
	    text-align:left;
	    float:left;
	    padding:5px;	
     }
     .companyInfo{
        Margin:20px 30px;
    }

    .UserInfoHolder .ButtonHolder
    {
	    width:80%;
	    text-align:center;
    }
    /* UserInfo Style - End */
    
    /* Calendar Style - Start */
    .CalendarHolder
    {
	    overflow:hidden;
	    width:100%;	
    }

    .BidCalendar
    {	
	    width:140%;
	    margin-left:-20%;
	    margin-right:-20%;
    }

    .can_header
    {
	    background-image: url('images/left_bg3.jpg');
	    background-color:#f4f4f4;	
	    font-weight:normal;
    }

    .CalendarTitle
    {
	    color:Black;
	    background-color:#E0E0E0;
	    font-weight:bold;
    }

    .WorkDay
    {
	    text-align: left;
	    vertical-align: top;
	    background-image:url('images/left_bg.jpg');
	    width:20%;

    }

    .WorkDay:hover
    {

    }


    .WeekEnd
    {
	    text-align: left;
	    vertical-align: top;
	    color:#000000;
	    background-color: #F4F4F4;
	    width:1%;
    }

    .NotThisMonth
    {
	    text-align: left;
	    vertical-align: top;
	    color:#000000;
	    background-color: #F4F4F4;
    }

    .Today
    {
	    text-align: left;
	    vertical-align: top;
	    background-image:url('images/left_bg2.jpg');
    }

    /* Calendar Style - End */    

    /* Calendar Order Style - Start */
    .OrderHolder 
    {
	    padding:10px;
	    border-bottom:dotted 1px #f3cba5;
	    font-size:13px;
	    background:#fee9d4 url('images/bg_head_1.jpg') repeat-x;
    }

    .OrderHolder a
    {
	    font-size:13px;
    }

    .OrderInfoHolder
    {
        text-align:center;
        width:90%;
        font-size:14px;
        line-height:1.2em;
        background-color:#fff1e4;
        border:solid 1px #f3cba5;
        margin:15px auto;
    }

    .OrderInfoHolder h1,
    .OrderInfoHolder h2
    {
	    border-bottom:solid 1px #f3cba5;
	    background-color:#fff1e4;
	    color:#cc6600;	
        padding:10px;        
    }

    .OrderInfoHolder h1
    {
	    font-size:1.4em;
    }

    .OrderInfoHolder h2
    {
        font-size:1.1em;
    }
     
    .OrderInfoHolder .column1
    {
        float:left;
        width:50%;
    } 

    .OrderInfoHolder p
    {    
        padding:5px;    
    }

    .OrderInfoHolder .BidInfo .column2
    {
        color:red;        
    }

    .OrderInfoHolder .RuleInfo
    {
        padding:10px;
        text-align:left;
    }
    /* Calendar Order Style - End */    
    /* Event Rotator - Start */

    .EventTitle
    {
	    color:#ff6600;
	    font-size:medium;
    }

    .EventLink
    {
	    font-size:medium;
    }

    div.ADContainer
    {
	    margin:5px 0px 5px 0px;
	    width:100%;
	    height:25px;
	    background-image:url('images/bg_left_1.jpg');
    }

    /* Event Rotator - End */
    
    /* Bidding Style - Start */
    .OnlineBidding
    {
        padding:0 10px;
    }
    
    .BaseAuctionData
    {
        width:95%;
    }
    
    .BaseAuctionData table
    {
    	width:95%;
        border-collapse:collapse;
    }
    
    .BaseAuctionData table td       
    {
        border:solid 1px #f3cba5;
        padding:1px 3px;            
    }
    
    .BaseAuctionData thead
    {
        font-size:1.5em;
        text-align:center;
        font-weight:bolder;  
        background-color:#ffebc6;      
    }
            
    .ProductInfoHolder
    {
        width:45%;
        float:left;             
    }
        
    .BidInfoHolder 
    {
        width:48%;
        float:right;        
    }
        
    .PriceListHolder h1,
    .BidRuleHolder h1,
    #BidOrderInfoHolder h1
    {
        padding:2px 5px;
        width:100%;
        font-size:16px;
        font-weight:bold;
        text-align:center;
        background-color:#ffebc6;
    }
    #divBiddingSituation table
    {
    	width:100%;
    }
    #divBiddingSituation td
    {
        padding:2px 10px;
        border:solid 1px silver;
    }
    
    #divBiddingSituation tr.firstRow
    {
        color:Blue;
    }
    
    .BidNoInfoHolder, .BidPanel
    {
        text-align:center;
    }
    .BidNoInfoHolder
    {
    	background-color:#ffebc6;
    }
    .BidPanel div
    {
    	text-align:center;    	
    }
    .BidPanel div table
    {
    	margin:0 auto;
    }
    
    /* Bidding Style - End */
    
    /* 碼頭卸貨設定 - Start */
    .WeightUnit
    {
        text-align:right;
    }
    
    .HarborUnLoadStatus
    {
        border-collapse:collapse;
    }
    
    /* 碼頭卸貨設定 - End */
    
    .RegisterArea{
        Margin-left:120px;
    }
    
    .CheckBoxList table tr{
        line-height:1.5em;
    }

}