﻿
/* 客製化 Start */
.Main.NewsMain
{
   padding-bottom:100px;
}

.PictureViewPictureContainer Img
{
   max-height:400px;
   max-width:100%;
   height:auto;
   width:auto;
}

.Custom.NewsItemContent.OldNewsItem .TitleValueContainer 
{
   background-color:#334466;
}

.NewsItemContent .ToggleField
{
   width:40px!important;
   height:30px!important;
}

.FaqBlock.Custom.ExpandableContent.GeneralBlock .GeneralBlockItemList .GeneralBlockItem.FocusGeneralBlockItem   .ItemDescription
{
 
     border-radius:2px;
   max-height:1200px!important;
}

.NewsItemContent.Custom .NewsItemUrl
{
   top:10px;
}

.Block1200
{
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}


p
{
  background-color:transparent;
}



#ctl00_CopyRight
{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.PictureView > Table
{
   margin-left:auto;
   margin-right:auto;
   margin-top:10px;
}

.FormTitle.ContactMessageFormTitle,
.ContactMessageEditForm
{

}


.PictureView .OverPictureIndex ,
.PictureView .PictureIndex
{
   border-radius:50%;
   overflow:hidden;
}

.MainBlock
{
     width:100%;
     max-width:1200px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.MainGroup.IndexMainGroup
{
   max-width:none;
}

.paging
{
   _display:none!important;
}
#ctl00_Banner_Banner_BannerPaging
{
    top:-10px!important;
}
    .Form
    {
        display: block;
        max-width: 600px;
        border: 1px solid #c0c0c0;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        padding-left: 10px;
        overflow:hidden;
    }
    
    .Form .Parameter 
    {
        float: left;
        padding-bottom: 20px;
        display: table;
    }
    
    .Form .Parameter.LongParameter
    {
        width:100%;
    }
    
    .Form .Parameter.ShortParameter
    {
        width:50%;
    }
    
     
    
    @media screen and (max-width:440px)
    {
        .Form .Parameter.LongParameter
        {
            width:100%;
            float:none;
        }
    
        .Form .Parameter.ShortParameter
        {
            width:100%;
            float:none;
        }
    }
    
    .Form .Parameter .CaptionContainer
    {
        display: table-cell;
        width: 15%;
        min-width: 100px;
        min-width:140px;
    }
    
    .Form .Parameter .FieldContainer
    {
        display: table-cell;
        width: 85%;
    }
    
    .Form .Parameter .FieldContainer .Field
    {
        width: 100%;
    }
    
    .Form .Parameter .CaptionContainer .Caption
    {
        padding-left: 10px;
        width: 100%;
    }
    
     .Form .Parameter .FieldContainer.FiledFieldContainer > TABLE
     {
         width:100%;
     }
     
     .Form .Parameter .FieldContainer.FiledFieldContainer > TABLE TD:first-child
     {
         width:90%;
     }
     
    .Form .Parameter .FieldContainer.FiledFieldContainer INPUT[type='text']
    {
        width:100%!important;
    }

      .Form  .ButtonContainer
     {
         margin-top:30px;
         text-align:center;
         width:100%;
         float:left;
     }
 

.ShipAddressValueContainer
{
   display:none;
}

.MainMenu.TopMenu  > .MenuItem.FileDownloadMenuItem  .Menu
{
   min-width:200px;
}

.ListBlock.ProductListListBlock
{
   min-height:0px;
}

.Content.ListBlockContent.ProductListListBlockContent
{
    _display:none;
}
 

/* 客製化 End */

/* Scroll RightFrame Start */

@media screen and (min-width:870px)
{

  .RightFrame.ScrollRightFrame .MenuContainer
  {
      position:fixed;
      top:0px;
     left:0px;
     width:100%;
     max-width:none;
     z-index:1000;
     _background-color:rgba(255,255,255,0.9);
     border-bottom:1px solid #aaaaaa;
      padding-top:10px;
     overflow:visible;
     transition:height 0.5s;
      height:0px;
      -webkit-transition:height 0.5s;
      overflow:hidden;
     
   }



}
/* Scroll RightFrame End */



/* Body Start*/
.disabled_field
{
   background-color:rgb(230,230,230);
   color:rgb(60,60,60);
   border:1px solid lightgray;
}



/* Body End*/



/*  General Block Start */

DIV , SPAN , IMG , TD , INPUT , A , SPAN
{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    font-family: "微軟正黑體" , Arial, sans-serif;    
}

P
{
    font-family:微軟正黑體,Microsoft JhengHei,Zawgyi-one;
    margin:0px;
    padding:0px;
}
 

.Message
{
    font-family: "微軟正黑體" , Arial, sans-serif;
    font-size:16px;
    text-align:center;  
}

.error_message
{
    color:Red;
    font-size:13px;
}
 
DIV , SPAN
{
      font-family: "微軟正黑體" , Arial, sans-serif;
}

.SearchFormPrefix
{
    display: none; 
}

.SearchFormPostfix
{
    display: none;
}


.ContentPrefix
{
    display: none;
}

.ContentPostfix
{
    display: none;
}

.Content
{
    overflow: hidden;
    width: 100%;
}

.ValuePrefix
{
    display: none;
}


.ValuePostfix
{
    display: none;
}

.MoveTopButton
{
    width:50px;
}

.SearchForm
{
    border: 1px solid lightgray;
    text-align: left;
    width: 100%;
    margin-bottom:10px;
    display:none;
    padding:4px;
}

.Parameter
{
    
}

.Item
{
}

.CaptionContainer
{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    font-family: "微軟正黑體" , Arial, sans-serif;
}


.SearchFormContent
{
    display: table;
}

.SearchForm .Parameter
{
    display: table-cell;
    font-size: 12px;
}


.SearchForm .CategoryParameter
{
    width: 50%;
    padding-left: 20px;
}

.SearchForm .KeywordParameter
{
    width: 180px;
    text-align: right;
}


.SearchForm .ButtonList
{
    display: table-cell;
    text-align: left;
    vertical-align: bottom;
    padding-bottom: 7px;
}

.SearchForm .CaptionContainer
{
    display: table-row;
    text-align: left;
}

.SearchForm .Caption
{
    margin-bottom: 5px;
    font-size: 13px;
    float: left;
}

.SearchForm .CaptionPrefix
{
    padding-left: 20px;
    float: left;
    height: 20px;
    background-image: url(../Image/SearchIcon.gif);
    background-repeat: no-repeat;
}

.SearchForm .FieldContainer
{
    display: table-row;
    text-align: left;
    
}

.SearchForm .FieldPrefix
{
    padding-left: 20px;
    height: 10px;
    float: left;
}


.SearchForm .ButtonContainer
{
    vertical-align: bottom;
    height: 23px;
    margin-top: 16px;
}


.CategoryBlock
{
    width: 100%;
    overflow: hidden;

}

.CategoryBlock.HomePageCategoryBlock
{
   _max-width:1200px;
   _margin-left:auto;
   _margin-right:auto;
}

.ListBlock
{
    text-align: left;
    display: table;
    width: 100%;
    overflow: hidden;
    min-height: 200px;
}

.ValueContainer
{
    font-family: "微軟正黑體" , Arial, sans-serif;    
}



.DetailBlock
{
    text-align: left;
    _display: table;
    width: 100%;
    overflow: hidden;
}

.Button
{
    font-family: 微軟正黑體;
    font-size: 15px;
    letter-spacing: 2px;
    border-radius: 6px;
    border: 1px solid #A0A0A0;
    height:30px;
    background-color:White;
    text-align: center;
    margin:0px;
    cursor: hand;
    cursor:pointer;
    color:gray;
} 

.disabled_button
{
    font-family: 微軟正黑體;
    font-size: 15px;
    letter-spacing: 2px;
    border-radius: 6px;
    border: 1px solid #A0A0A0;
    height:30px;
    background-color:White;
    text-align: center;
    margin:0px;
    background-color:lightgray;
    color:#a0a0a0;
}


.Button:hover
{
     border: 1px solid #909090;
     color:black;
}

.EditForm
{
    width: 100%;
}

.FormTitle
{
    width: 100%;
    display:block;
    color:#564e4a;
    font-size:22px;
    font-weight:bold;
    border-bottom:6px solid #efede9;
    margin-bottom:20px;
}



.FieldContainer
{
    font-family: 微軟正黑體;
}


.StepTitleContainer
{
	padding-bottom:10px;
}

.StepTitle
{
	font-weight:bold;
}


@media screen and (max-width : 660px)
{
    .SearchForm
    {
        display: none;
    }
}


.EditForm
{
    font-family: Arial;
    font-size: 16px;
		margin-left:auto;
		margin-right:auto;
}

.EditFormTitle
{
}

.EditFormContainer
{
}


.CategoryTitleContainer
{
   _display:none;
   padding-bottom:22px;
   font-size:26px;
   font-weight:bold;
}

.CategoryTitleContainer > SPAN
{
    position:relative;
    top:-2px;
}


.MessageWindow
{
    height:110px;
    border:4px solid #A0A0b0;
    background-color:rgb(240,240,240);
    position:absolute;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    opacity:0.95;
    z-index:3000;
}



.ItemFloatingContent
{
   position:absolute;
   top:110%;
   bottom:0px;
   right:0px;
   left:0px; 
   font-size:13px;   
}

.EmptyPictureMask
{
   display:none;
}
/*  General Block End*/



/*  search_container Start  */
@media screen and (max-width :660px)
{
    .search_container
    {
        display: none;
    }
}
/*  search_container End  */


/* PictureMask Start */


.ContentPageIndex
{
    font-family: 微軟正黑體;
    color: white;
    width: 16px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    padding-bottom:2px;
    font-weight:bold;
    background-color: rgb(137,137,137);
    vertical-align:bottom;
    padding-top:3px; 
}
        
.OverContentPageIndex
{
        font-family: 微軟正黑體;
    color: yellow;
    width: 16px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    padding-bottom:2px;
    font-weight:bold;
    background-color: rgb(137,137,137);
    vertical-align:bottom;
    padding-top:3px;
}
        
        
        
.FocusContentPageIndex
{
        font-family: 微軟正黑體;
    _color: yellow;
    color: rgb(137,137,137);
    width: 16px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    padding-bottom:2px;
    font-weight:bold;
    _background-color: rgb(137,137,137);
    background-color:yellow;
    vertical-align:bottom;
    padding-top:3px;
}


/* PictureMask End */



/*  Banner Start */
.BannerContainer
{
    width: 100%;
    display: block;
    min-height:159px;
    background-color:rgb(180,180,180);
}


@media screen and (max-width : 860px)
{
  .BannerContainer
  {
     min-height:80px;
  }
}

@media screen and (max-width : 440px)
{
  .BannerContainer
  {
     min-height:60px;
  }
}
.Banner
{ 
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:100%;
}

@media screen and (max-width:800px)
{
	.Banner
	{ 

	}

}

@media screen and (max-width:440px)
{
	.Banner
	{ 
  	  min-height:0px;
	}

}

.BannerContainer.PageBannerContainer .Banner 
{
    max-width:none;
}

.BannerContainer .Banner .BannerDescription > DIV
{
    max-width:1200px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

.Banner > DIV:nth-child(1)
{
  height:inherit;
  width:inherit; 

}



.Banner Img
{
    _max-height: 280px;
    _max-width: 100%;
    width: 100%;
}

.BannerContentIndex
{ 
    cursor: pointer;
    background-color: rgb(90,86,87);
  
    font-size:0px; 
    text-align: center;
    font-family: Tahoma;
    font-weight: bold;
    text-decoration: none;

    padding-top: 15px;
    padding-left: 15px;
    border-radius:50%;
    overflow:hidden;
    margin-right:4px;
}

.FocusBannerContentIndex
{
    cursor: pointer;
    color:white;
    background-color: #e61f22;
    font-size: 0px; 
    text-align: center;
    font-family: Tahoma;
    font-weight: bold;
    text-decoration: none;

    padding-top: 15px;
    padding-left: 15px;
    border-radius:50%;
    margin-right:4px;
    overflow:hidden;
}
  

.BannerDescription
{
    position:absolute;
    BOTTOM:0px;
    height:60px;
    width:100%;
    text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 4px;    
    font-family: "微軟正黑體", Arial ,sans-serif;
    font-size:18px;
    color:White;    
    max-height:40px;
    text-align:left;
    padding-left:10px;
    padding-top:10px;

    background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.4) 100%);
}

.BannerDescription.EmptyBannerDescription
{
    background-image:none;
}

.BannerDescription:empty
{
    background-image:none;
}


.BannerDescription > DIV:empty
{
    background-image:none;
}


 
 
    .BannerFloatingContentContainer
    {
         width:100%;
         overflow:hidden;
         position:absolute;
         top:0px;
         left:0px;
         right:0px;
         bottom:0px;
         overflow:visible;
    }
    
    .FloatingContent
    {
        position:absolute;
        top:0px;
        bottom:0px;
        left:0px;
        right:0px; 
    }
    
 .FloatingContent IMG
 {
     width:auto;
     height:auto;
 }


@media screen and (min-width : 400px) and (max-width : 800px)
{
    .Banner
    {
        width: 100%;
    }

    .Banner > DIV
    {
        width: 100%;
        height: inherit;
        vertical-align: center;
    }

    .Banner Img
    {
        _max-width: 100%;
    }
}

@media screen and (min-width : 10px) and (max-width : 400px)
{
    .Banner
    {
        width: 100%;
    }

    .Banner > DIV
    {
        width: inherit;
        height: inherit; 
        vertical-align: center;
    }

    .Banner Img
    {
        height: auto;
        _max-width: 100%;
    }

    .BannerContentIndex
    {  
        padding-left: 5px;
        padding-right: 5px;
    }

    .FocusBannerContentIndex
    {
        padding-left: 5px;
        padding-right: 5px;
    }

}

.Banner.GeneralBlock
{   
    height:auto;
    font-size:0px; 
    padding:0px; 
    margin-bottom:0px;
}

.Banner.GeneralBlock .GeneralBlockTitle
{
   display:none;
}


.Banner.GeneralBlock .GeneralBlockItemListContainer
{

    height:auto;
    overflow:hidden; 
    width:100%; 
    font-size:0px;
}



.Banner.GeneralBlock .GeneralBlockPrevAnchor
{
    display:block;
    position:absolute;
    padding-left:28px;
    padding-top:60px;
    top:0px;
    left:0px;
    height:100%;
    vertical-align:middle;
    background-image:url(/Image/Prev.png);
    background-repeat:no-repeat;
    background-position: right  10px center; 
    cursor:hand;
    cursor:pointer; 
    z-index:10;
    background-color:rgba(0,0,0,0.4);
    _width:13%;
}


.Banner.GeneralBlock .GeneralBlockNextAnchor
{
    display:inline-block;
    position:absolute;
    padding-left:30px;
    padding-top:60px;
    right:0px;
    top:0px;
    height:100%;
    background-image:url(/Image/Next.png);
    background-repeat:no-repeat;
    background-position: center; 
    background-position: left 10px center; 
    cursor:hand;
    cursor:pointer;
    background-color:rgba(0,0,0,0.4);
    _width:13%;
    z-index:10;
}

.Banner.GeneralBlock .GeneralBlockItemList 
{
    display:block;
    white-space:nowrap;
    _width:74%;
    font-size:0px;
    _margin-left:13%;
}

.Banner.GeneralBlock  .GeneralBlockItemList  > .GeneralBlockItem 
{
    display:inline-block;
    width:100%;
}

.Banner.GeneralBlock  > .GeneralBlockMoreLink
{
    display:none;  
}
 

.Banner.GeneralBlock   .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath
{
    text-align:center;
    width:100%;
}

.Banner.GeneralBlock  .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath > Img
{
	 vertical-align:middle;
	 width:100%;
}

.Banner.GeneralBlock   .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath:before
{
	content :"";
	display:inline-block
}


.Banner.GeneralBlock  .GeneralBlockItemList  .GeneralBlockItem  .ItemName 
{   
    display:none;
}

 
@media screen and (max-width:3000px)
{
    .Banner.GeneralBlock .GeneralBlockPrevAnchor
    {
        width:20%;
    }

    .Banner.GeneralBlock .GeneralBlockNextAnchor
    {
       width:20%;
    }

    .Banner.GeneralBlock .GeneralBlockItemList 
    {
        width:60%;
        margin-left:20%;
    }
}


@media screen and (max-width:1600px)
{
    .Banner.GeneralBlock .GeneralBlockPrevAnchor
    {
        width:16%;
    }

    .Banner.GeneralBlock .GeneralBlockNextAnchor
    {
       width:16%;
    }

    .Banner.GeneralBlock .GeneralBlockItemList 
    {
        width:68%;
        margin-left:16%;
    }
}


@media screen and (max-width:1200px)
{
    .Banner.GeneralBlock .GeneralBlockPrevAnchor
    {
        width:13%;
    }

    .Banner.GeneralBlock .GeneralBlockNextAnchor
    {
       width:13%;
    }

    .Banner.GeneralBlock .GeneralBlockItemList 
    {
        width:74%;
        margin-left:13%;
    }
}


@media screen and (max-width:1000px)
{
    .Banner.GeneralBlock .GeneralBlockPrevAnchor
    {
        width:10%;
    }

    .Banner.GeneralBlock .GeneralBlockNextAnchor
    {
       width:10%;
    }

    .Banner.GeneralBlock .GeneralBlockItemList 
    {
        width:80%;
        margin-left:10%;
    }
}


@media screen and (max-width:660px)
{
    .Banner.GeneralBlock .GeneralBlockPrevAnchor
    {
        width:8%;
    }

    .Banner.GeneralBlock .GeneralBlockNextAnchor
    {
       width:8%;
    }

    .Banner.GeneralBlock .GeneralBlockItemList 
    {
        width:100%;
        margin-left:0%;
    }
    
    
    .Banner.GeneralBlock .GeneralBlockPrevAnchor
    {
        background-size:16px;
        background-position:    center; 
        padding-left:0px;
    }


    .Banner.GeneralBlock .GeneralBlockNextAnchor
    {
        background-size:16px;
        background-position:  center; 
        padding-left:0px;
    }

}
/*  Banner End */






/*  BottomFrame Start */
.InvisibleTreeMenu
{
    display: none;
}

.LeftFrame
{
    display: none;
    vertical-align: top;
    background-color:#BBBDBF;
}


.RightFrame
{
    width: 100%;
    min-height: 400px;
    display: block;
    overflow: hidden;
    background-image:url(/UploadFile/Lsl591_foot.png);
    background-size:100% auto;
    background-position:bottom center;
    background-repeat:no-repeat;
}

@media screen and (max-width:860px)
{
   .RightFrame
   {
      background-size:auto 600px;
   }
}

@media screen and (max-width:440px)
{
   .RightFrame
   {
      background-size:auto 700px;
   }
}

.RightFrameContent
{
 
}

.RightFrameContentPrefix
{
    display:none;
}

.RightFrameContentPostfix
{
    display:none;
}
.TreeMenuContainer
{
    width: 300px;
}

@media screen and (min-width : 100px) and (max-width :660px)
{
    .LeftFrame
    {
        vertical-align: top;
    }


    .TreeMenuContainer
    {
        display: block;
        width: 260px;
    }
}
/*  BottomFrame End  */

/*ContactUs Start*/

.ContactUsMain
{
	  padding-bottom:40px;
}

@media screen and (max-width:860px)
{
	.ContactUsMain
	{
		padding-left:10px;
	}
	
}
.ContactUsMain .Caption
{
    padding: 1px;
    font-weight: normal;
    font-size: 15px;
    color: black;
}

.ContactUsMain .FieldContainer
{
    padding-right: 10px;
}

.ContactUsMain .Field
{
    width: 95%;
}

.ContactUsMain .ContactMessageField
{
    width: 97%;
}
 
/*ContactUs End*/

 

/*CustomerChangePassword Start*/
.CustomerChangePasswordMain
{
}

.CustomerChangePasswordEditForm
{
}

.CustomerChangePasswordEditForm .CaptionContainer
{
    text-align:right;
}

.CustomerChangePasswordEditForm  .Field 
{
    width:100%;
    max-width:150px;
}

@media screen and (max-width : 370px)
{
    .CustomerChangePasswordMain
    {
    }
}
/* CustomerRewardPoints End */



/*CustomerEdit Start*/
.CustomerEditMain
{
}


.CustomerEditMain .EditFormTitleContainer
{
}

.CustomerEditMain .EditFormTitle
{
}

.CustomerEditForm
{
}

.CustomerEditForm .CaptionContainer
{
    text-align: right;
    width: 50px;
    white-space: nowrap;
}

.CustomerEditForm .DescriptionField
{
    width: 100%;
    height: 100px;
}

.CustomerEditForm  .JobTitleCaptionContainer
{
    display:none;
}

.CustomerEditForm  .JobTitleFieldContainer
{
    display:none;
}

.CustomerEditForm .JobTitleField
{
    width: 100%;
}

.CustomerEditForm .TelField
{
    width: 100%;
}

.CustomerEditForm .FaxField
{
    width: 100%;
}


.CustomerEditForm .EmailField
{
    width: 100%;
    max-width: 100%;
}

.CustomerEditForm .GenderFieldContainer
{
    white-space: nowrap;
}


.CustomerEditForm .BusinessTypeField
{
}

.CustomerEditForm .BusinessOtherField
{
    max-width: 100%;
}

.CustomerEditForm .ZipCodeCaptionContainer
{
    display:none;
}

.CustomerEditForm .ZipCodeFieldContainer
{
    display:none;
}

.CustomerEditForm .CountryCaptionContainer
{
    _display:none;
}


.CustomerEditForm .CountryFieldContainer
{
    _display:none;
}

.CustomerEditForm .CountryField
{
    max-width: 100%;
}

.CustomerEditForm .Field
{
    max-width: 100%;
}

.CustomerEditForm .NameField
{
    width: 100%;
}

.CustomerEditForm .CompanyNameCaptionContainer
{
    display:none;
}

.CustomerEditForm .CompanyNameFieldContainer
{
    display:none;
}

.CustomerEditForm .CompanyNameField
{
    width: 100%;
}

.CustomerEditForm .AddressField
{
    width: 100%;
}

.CustomerEditForm .WebSiteField
{
    width: 100%;
    max-width: 100%;
}

.CustomerEditForm .BusinessTypeCaptionContainer
{
    vertical-align: top;
    display:none;
}

.CustomerEditForm .BusinessTypeFieldContainer
{
    font-size: 12px;
      display:none;
}

.CustomerEditForm  .WebSiteCaptionContainer
{
        display:none;
}

.CustomerEditForm  .WebSiteFieldContainer
{
        display:none;
}

.CustomerEditForm BusinessTypeOtherField
{
    font-size: 12px;
}

.CustomerEditForm .DescriptionCaptionContainer
{
    vertical-align: top;
  
}

.CustomerEditForm .DescriptionFieldContainer
{
 
}


.CustomerEditForm .DescriptionCaptionContainer
{
   display:none;
}

.CustomerEditForm .DescriptionFieldContainer
{
   display:none;
}


@media screen and (max-width : 370px)
{
    .CustomerEditMain
    {
        padding-left: 0px;
        padding-right: 10px;
    }

    .CustomerEditForm .CountryField
    {
        width: 95%;
    }

    .CustomerEditForm .BusinessTypeOtherField
    {
        width: 60%;
    }
}
/*CustomerEdit End*/



/*CustomerLoginEditForm Start*/
.CustomerLoginMain
{
}

.CustomerLoginEditForm
{
    max-width: 300px;
    width: 100%;
}

.CustomerLoginMain .FormTitle
{
}

.CustomerLoginEditForm .CaptionContainer
{
    width: 10%;
    white-space: nowrap;
}

.CustomerLoginEditForm .Caption
{
    border-bottom: none;
}

.CustomerLoginMain .EditFormContainer
{
}

.CustomerLoginMain .EditForm
{
}

.CustomerLoginEditForm .EmailFieldContainer
{
    padding-right: 10px;
}

.CustomerLoginEditForm .EmailField
{
    width: 100%;
}


.ForgetPasswordEditForm .Email2CaptionContainer
{
    vertical-align: top;
}

.ForgetPasswordEditForm .Email2Field
{
    width: 100%;
}

.CustomerLoginMain .SignUpEditForm
{
    width: 100%;
}

.CustomerLoginMain .ForgetPasswordEditForm
{
    width: 100%;
}

.CustomerLoginMain .ForgetPasswordEditForm .RequestPasswordButtonContainer
{
    padding-left: 5px;
}

.SignUpEditForm .SignUpButton
{
    color: white;
    background-color: black;
}

@media screen and (max-width : 370px)
{
    .CustomerLoginEditForm .PasswordFieldContainer
    {
        padding-right: 10px;
    }

    .CustomerLoginEditForm .PasswordField
    {
        width: 100%;
    }

    .CustomerLoginMain .EditFormContainer
    {
        padding-left: 5px;
        padding-right: 5px;
    }

}
/*CustomerLoginEditForm End*/



/* CustomerRewardPoints Start*/
.CustomerRewardPointsMain
{
}

.CustomerRewardPointsMain .CustomerRewardPointsEditForm
{ 
}

.CustomerRewardPointsEditForm .CaptionContainer
{ 
    text-align:right; 
}

.CustomerRewardPointsEditForm .Caption
{ 
    font-weight:bold;
}

.CustomerRewardPointsEditForm .ValueContainer
{
    width:53%;
    padding-left:10px;
}

.CustomerRewardPointsEditForm  .Value 
{
    width:100%;
    max-width:150px;
}

@media screen and (max-width : 370px)
{
    .CustomerRewardPointsMain
    {
    }
}
/* CustomerRewardPoints End */



/*Faq Start*/

.FaqListBlock .Item A:hover
{
    text-decoration: underline;
}

.FaqListBlock .QuestionValueContainer
{
    float: left;
    display: table;
    padding-bottom: 0px;
    height: 32px;
    margin: 0px;
    vertical-align:top;
}

.FaqListBlock .QuestionValuePrefix
{
    display: table-cell;
    width: 33px;
    height: 30px;
    padding: 0px;
    margin: 0px;
    background-image: url(/image/faq_Q.jpg);
    background-repeat: no-repeat;
    vertical-align: top;
}

.FaqListBlock .QuestionValue
{
    display: table-cell;
    padding-top: 4px;
    vertical-align: top;
    color: Black;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    font-size:15px;
    vertical-align:top;
}

.FaqListBlock .PublishTimeValueContainer
{
    float: left;
    height: 30px;
    vertical-align: top;
    padding-top: 4px;
}

.FaqListBlock .PublishTimeValuePrefix:before
{
    display: inline-block;
    padding-left: 10px;
    content: " (";
    width: 10px;
}

.FaqListBlock .PublishTimeValue
{
    color: Red;
    font-style: italic;
}

.FaqListBlock .PublishTimeValuePrefix
{
    display: inline-block;
}


.FaqListBlock .PublishTimeValuePostfix
{
    display: inline-block;
}

.FaqListBlock .PublishTimeValuePostfix:before
{
    display: inline-block;
    content: " ) ";
    width: 10px;
}

.FaqListBlock .AnswerValueContainer
{
    float: none;
    _font-size: 0px;
    display: table;
    overflow: hidden;
    width: 100%;
}

.FaqListBlock .AnswerValuePrefix
{
    display: table-cell;
    float: left;
    vertical-align: top;
    width: 33px;
}

.FaqListBlock .AnswerValue
{
    display: table-cell;
    vertical-align: top;
    text-align: left;
    width: 99%;
}

.FaqListBlock .AnswerValuePostfix
{
    display: none;
}

@media screen and (max-width : 660px)
{
    .FaqListBlock .PublishTimeValueContainer
    {
        display: none;
    }
}


/*Faq End*/





/* FavoriteItemList Start */

.FormTitle.ListBlockFormTitle.FavoriteItemListListBlockFormTitle 
{
}


.FavoriteItemListMain
{
} 

.FavoriteItemListListBlock .ValueContainer
{
    text-align:center;
}

.FavoriteItemListListBlock .ProductIdValue
{
    text-decoration:none;
    color:Black;
}

.FavoriteItemListListBlock .ProductIdValue:hover
{
    text-decoration:underline;
}

.FavoriteItemListListBlock .ProductNameValue
{
    text-decoration:none;
    color:Black;
}

.FavoriteItemListListBlock .ProductNameValue:hover
{
    text-decoration:underline;
}

.FavoriteItemListListBlock .ButtonContainer
{
        text-align:center;
}


.FavoriteItemListListBlock .ContinueBrowseButtonContainer
{
    text-align:right;
    width:100%;
    margin-top:20px;
}

@media screen and (max-width : 660px)
{
    .FavoriteItemListListBlock tr th:nth-child(2)
    {
        display:none;        
    }
    
    .FavoriteItemListListBlock tr td:nth-child(2)
    {
        display:none;        
    }
}



@media screen and (max-width : 440px)
{
    .FavoriteItemListListBlock .FirstSmallPicturePathValue
    {
        width:50px;
    }
}
/* FavoriteItemList End */


/*FileDownload Start*/
.FileDownloadSearchForm
{
	display:block;
}


.FileDownloadSearchFormContent
{
    display: table;
}

.FileDownloadSearchForm .Parameter
{
    white-space: nowrap;
    text-align: right;
}

.FileDownloadSearchForm .FieldContainer
{
    display: block;
}


.FileDownloadSearchForm .FieldPrefix
{
    padding-left: 5px;
}

.FileDownloadSearchForm .ProductGroup
{
    display: table-cell;
    width: 50%;
}

.FileDownloadSearchForm .FileGroup
{
    display: table-cell;
    text-align: right;
    width: 40%;
}


.FileDownloadSearchForm .ButtonList
{
    display: table-cell;
    width: 10%;
    vertical-align: bottom;
}

.FileDownloadSearchForm .ProductCategoryNoParameter
{
    display: block;
    overflow: hidden;
}

.FileDownloadSearchForm .ProductCategoryNoCaptionContainer
{
    float: left;
}

.FileDownloadSearchForm .ProductCategoryNoCaptionPrefix
{
    background-image: none;
}

.FileDownloadSearchForm .ProductCategoryNoFieldContainer
{
    padding-top: 4px;
    float: left;
}


.FileDownloadSearchForm .ProductIdParameter
{
    display: block;
    width: 100%;
}

.FileDownloadSearchForm .ProductIdCaptionContainer
{
    float: left;
}

.FileDownloadSearchForm .ProductIdCaptionPrefix
{
    background-image: none;
}

.FileDownloadSearchForm .ProductIdFieldContainer
{
    padding-top: 2px;
    float: left;
}

.FileDownloadSearchForm .FileCategoryNoParameter
{
    display: block;
    overflow: hidden;
}

.FileDownloadSearchForm .KeywordParameter
{
    display: block;
}

.FileDownloadSearchForm .FileCategoryNoCaptionContainer
{
    float: left;
}

.FileDownloadSearchForm .FileCategoryNoFieldContainer
{
    float: left;
}


.FileDownloadSearchForm .FileCategoryNoCaptionPrefix
{
    background-image: none;
}

.FileDownloadSearchForm .KeywordCaptionContainer
{
    display: none;
}
.FileDownloadSearchForm .KeywordFieldContainer
{
    float: left;
    text-align: right;
    width: 95%;
}

.FileDownloadListBlock .CaptionPrefix
{
    padding-left: 20px;
    float: left;
    height: 15px;
    background-image: url(../Image/SearchIcon.gif);
    background-repeat: no-repeat;
    padding-bottom: 20px;
}

@media screen and (max-width : 660px)
{
    .FileDownloadSearchForm
    {
      	display:none;
    }
    
}
/*FileDownload End*/



/* FlashSaleProductCategory Start */
.FlashSaleProductCategory 
{
    background-color: rgba(0,0,0,0);
    padding:0px;
    padding-top:20px;
}

.FlashSaleProductCategory > .GeneralBlockMoreLink
{
    display:none;
}

.FlashSaleProductCategory > .GeneralBlockTitle
{
   font-size : 16px;
    background-color:rgb(247,246,243);     
    height: 34px;
    width: 100%;
    text-align: left;
    font-family: "微軟正黑體" , Arial, sans-serif;
    vertical-align: middle;
    padding-top: 8px;
    padding-left:10px;
    color:Black;
    border:none;
}

.FlashSaleProductCategory > .GeneralBlockItemList > .GeneralBlockItem
{
    display:block;
    border-radius: 60%;
    width: 60px;
    height:80px;
    overflow: hidden;
    border:1px solid lightgray;
    margin-left:10px;
    margin-bottom:10px;
}

 
.FlashSaleProductCategory > .GeneralBlockItemList > .GeneralBlockItem  Img
{
      display: block;
      position:relative;
      top:-1px;
      width:90px;
}
/* FlashSaleProductCategory End */


/* FloatingWindow Start */

.ShoppingCartButton
{
   display:none;
}

@media screen and (max-width : 400px)
{
    
    .FloatingWindow
    {
        visibility:hidden;
    }    
}
/* FloatingWindow End */





/* GeneralBlock Start */
.GeneralBlock 
{
    background-color:White;
    width:100%;
    margin-bottom:20px;
    padding:10px;
    position:relative;
}

.GeneralBlock:last-child {
      margin-bottom:0px;
} 
 
.GeneralBlock .GeneralBlockTitle
{
    border-bottom: 1px solid #aa0000;
    color: #aa0000;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px;
    padding-bottom: 10px;    
    text-align:left;
}

.GeneralBlock   .GeneralBlockMoreLink
{
    position:absolute;
    top:15px;
    text-decoration:none;
    right:10px;
    background:white;
    border:none;
    height:20px;
    color:#ac8c85;
    font-size:13px;
    cursor:hand;
    cursor:pointer;
} 
 
.GeneralBlock   .GeneralBlockItemList
{
    vertical-align:top;   
}

.GeneralBlock   .GeneralBlockItemList > .GeneralBlockItem
{
    width:48%;
    display:inline-block;
    overflow: hidden;
    text-decoration:none;
}


@media screen and (max-width:440px)
{
	.GeneralBlock   .GeneralBlockItemList > .GeneralBlockItem
	{
		 width:100%;
               float:none;
		 display:block;
   }
}

.GeneralBlock .GeneralBlockItem .ItemPicturePath
{
    
}

.GeneralBlock .GeneralBlockItem .ItemPicturePath > Img
{
    width:100%;
}


.GeneralBlock .GeneralBlockItem .ItemName > SPAN
{ 
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    color:#5c4544;
   display:block;
   font-size:14px;
   background-clip: border-box;
   box-sizing: border-box;
   overflow : hidden;
  white-space : nowrap;
  width : 100%;
  text-align:center;
}

.GeneralBlock .GeneralBlockItem:hover .ItemName > SPAN
{
    color:#5c4544;
    text-decoration:underline;
}

/* GeneralBlock End */


/*  GeneralContentDetail Start*/

.GeneralContentDetailDetailBlock 
{
    position:relative;
}


.GeneralContentDetailDetailBlock .PictureView
{
    display:block;
    width:100%;
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
}


.GeneralContentDetailDetailBlock .GeneralContentAttributeGroup
{
    display:block;
    padding-top:30px;
    padding-left:10px;
    width:39%;
    vertical-align:top;
    margin-left:auto;
    margin-right:auto;
}


.GeneralContentDetailDetailBlock .GeneralContentTitleValueContainer
{
    display:block;
   
    font-weight:bold;
    font-size:18px;
    padding-left:10px;
    padding-bottom:20px;
 
    _border:1px solid red;
    _padding-bottom: 15px;
}

.GeneralContentDetailDetailBlock .AttributeCaption
{
    display:none;
}

.GeneralContentDetailDetailBlock .GeneralContentTitleValue
{
    _border-bottom:1px solid green;
    _font-size: 24px;
    _font-weight: bold;
}

.GeneralContentDetailDetailBlock .ButtonList
{
    width: 100%;
    text-align: right;
}

.GeneralContentDetailDetailBlock .ButtonList .ButtonContainer
{
    display: inline-block;
    padding-left: 4px;
}


.GeneralContentDetailDetailBlock .GeneralContentDataContainer
{
    overflow: hidden;
}

.GeneralContentDetailDetailBlock .BigPictureContainer
{
    float: left;
    width: 60%;
    min-height: 300px;
}
.GeneralContentDetailDetailBlock .BigPictureContainer Img
{
    width: 100%;
}

.GeneralContentDetailDetailBlock .BigPictureNameContainer
{
    display: none;
}

PRE
{
    padding: 0px;
    margin: 0PX;
    font-family: "微軟正黑體" ,Microsoft JhengHei;
}

.GeneralContentDetailDetailBlock .IntroductionContainer
{
    float: left;
    width: 40%;
    padding-left: 10px;
    padding-bottom: 30px;
}

.GeneralContentDetailDetailBlock .IntroductionNameContainer
{
    font-size: 20px;
    font-weight: bold;
}
.GeneralContentDetailDetailBlock .IntroductionValueContainer
{
    font-size: 14px;
}

.GeneralContentDetailDetailBlock .ServiceContainer
{
    float: left;
    width: 40%;
    padding-left: 10px;
    padding-bottom: 30px;
}

.GeneralContentDetailDetailBlock .ServiceNameContainer
{
    font-size: 20px;
    font-weight: bold;
}

.GeneralContentDetailDetailBlock .ServiceValueContainer
{
    font-size: 14px;
}

.GeneralContentDetailDetailBlock .WebPageContainer
{
    float: left;
    font-family: "微軟正黑體" ,Microsoft JhengHei;
    width: 40%;
    padding-left: 10px;
    padding-bottom: 30px;
}

.GeneralContentDetailDetailBlock .WebPageNameContainer
{
    font-size: 20px;
    font-weight: bold;
}

.GeneralContentDetailDetailBlock .WebPageValueContainer
{
    font-size: 14px;
}

.GeneralContentDetailDetailBlock .WebPageValueContainer A
{
    color: #A02929;
    text-decoration: none;
}

.GeneralContentDetailDetailBlock .WebPageValueContainer A:hover
{
    text-decoration: underline;
}

.GeneralContentDetailDetailBlock .TechnologyContainer
{
    float: left;
    width: 40%;
    padding-left: 10px;
    padding-bottom: 30px;
}

.GeneralContentDetailDetailBlock .TechnologyNameContainer
{
    font-size: 20px;
    font-weight: bold;
}

.GeneralContentDetailDetailBlock .TechnologyValueContainer
{
    font-size: 14px;
}

.GeneralContentDetailDetailBlock .GeneralContentBottomGroup
{
    float: none;
    display: block;
    width: 100%;
    overflow: hidden;
}

.GeneralContentDetailDetailBlock .GeneralContentTitleContainer
{
    margin-bottom: 30px;
    font-size: 25px;
    font-weight: bold;
}

.GeneralContentDetailDetailBlock .GeneralContentDescriptionContainer
{
    display: none;
}

.GeneralContentDetailDetailBlock .ItemDescriptionValueContainer
{
    padding-top: 10px; 
    width:39%;
    margin-left:auto;
    margin-right:auto;
}

@media screen and (max-width:660px)
{

   .GeneralContentDetailDetailBlock .ItemDescriptionValueContainer
   {
      width:100%;
      margin-left:initial;
      margin-right:initial;
   }

}

 
.GeneralContentDetailDetailBlock .BigPictureContainer
{
    min-height: 500px;
}

@media screen and (max-width : 660px)
{
    
    .GeneralContentDetailDetailBlock .PictureView
    {
        width:100%;
        display:block;
    }
    
 


    .GeneralContentDetailDetailBlock .GeneralContentAttributeGroup
    {
        display:block;
        width:100%; 
        margin-left:initial;
        margin-right:initial;
    }


    .GeneralContentDetailDetailBlock .GeneralContentTitleValueContainer
    {
        position:static;
        display:block;
        width:100%;
        border-bottom:none;
    }
    
    .GeneralContentDetailDetailBlock 
    {
        padding-LEFT:10PX;
        padding-right:10PX;
    }
    .GeneralContentDetailDetailBlock .BigPictureContainer
    {
        float: none;
        width: 100%;
        min-height: 300px;
    }

    .GeneralContentDetailDetailBlock .IntroductionContainer
    {
        float: none;
        width: 100%;
        padding-left: 0px;
    }

    .GeneralContentDetailDetailBlock .ServiceContainer
    {
        float: none;
        width: 100%;
        padding-left: 0px;
    }

    .GeneralContentDetailDetailBlock .WebPageContainer
    {
        padding-left: 0px;
    }

    .GeneralContentDetailDetailBlock .Parameter
    {
        overflow: hidden;
        width: 100%;
    }


    .GeneralContentDetailDetailBlock .GeneralContentDetailDetailBlock .WebPageContainer
    {
        float: none;
        width: 100%;
        padding-left: 0px;
    }


    .GeneralContentDetailDetailBlock .TechnologyContainer
    {
        float: none;
        width: 100%;
        padding-left: 0px;
    }
}

/*  GeneralContentDetail End*/



/*  GeneralContentList Start */
.GeneralContentListSearchForm
{
}

.GeneralContentListMain .GeneralContentListCategoryBlock
{
    _min-height:230px;
}

.GeneralContentListCategoryBlock .PictureView
{
   display:block;
   float:left;
   width:100%;
   
}

.GeneralContentListCategoryBlock .ShortDescriptionContainer
{
   display:block;
   float:left;
   width:100%;
   padding-left:20px;
}

@media screen and (max-width:660px)
{
   .GeneralContentListCategoryBlock .PictureView
   {
      float:none;
      width:100%;
    }


   .GeneralContentListCategoryBlock .ShortDescriptionContainer
   {
      float:none;
      width:100%;
      padding-left:0px;
    }

}

.GeneralContentListCategoryBlock .DescriptionContainer
{
   display:block;
   float:none;
   clear:both;
   width:100%;

}

.GeneralContentListCategoryBlock .DescriptionContainer:empty
{
   display:none;
}
.GeneralContentListListBlock .Item
{
    display: inline-block;

    width: 32.9%;
    position:relative;
    overflow:hidden;
    margin-bottom:20px;
}

.GeneralContentListListBlock .Item .GeneralContentDescriptionGroup
{
     position:static;
     min-height:60px;
     right:0px;
     bottom:0px;
}

.GeneralContentListListBlock .Item .SmallPicturePathValueContainer
{
    text-align: center;
    display:block;
    width: 100%;
    padding:10px;
    _margin-bottom:40px;
}



.GeneralContentListListBlock .Item .SmallPicturePathValue
{
	width:100%;

}


.GeneralContentListListBlock .Item  .GeneralContentDescriptionGroup
{
    vertical-align: top;
    text-align:right;
    padding-right:10px;
    width:100%;
}


.GeneralContentListListBlock .Item .TitleValue
{
    display: inline-block;
    padding-left: 4px;
}

.GeneralContentListListBlock .Item .HiddenGeneralContentLink
{
    display:none;
}

.GeneralContentListListBlock .Item .TitleValueContainer
{
    
}

.GeneralContentListListBlock .Item:hover .TitleValue
{
    text-decoration:underline;
}

.GeneralContentListListBlock .Item .TitleValue
{
    display: block; 
    font-size: 16px;
    font-weight: bold;
    color: black;
    text-decoration: none;
}


.GeneralContentListListBlock .Item .ShortDescriptionValueContainer
{
    text-align: right;
    display:inline-block;
    vertical-align: top;
    width : 60%; 
    float:right;
 
}


.GeneralContentListListBlock .Item .ShortDescriptionValue
{
    
  -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    color:#5c4544;
   display:inline-block;
   font-size:14px;
   overflow : hidden;
    white-space : nowrap;
    width : 100%;
    text-align:right;
     
}


.GeneralContentListListBlock .Item .ButtonList
{
   position:absolute;
   left:10px;
   bottom:10px;
   padding:2px; 
}

.GeneralContentListListBlock .Item A[href=]
{
   cursor:default;
   pointer:default;
   border:1px solid red;
}



 

  

@media screen and (max-width : 660px)
{
       
    .GeneralContentListListBlock .Item
    {
        display: block;
        width: 100%;        
    }
    
    .GeneralContentListListBlock .Item .ShortDescriptionValueContainer
    {
        width:50%;
    }

}
/*  GeneralContentList End*/



/* HeaderLinkContainer Start */
.HeaderLinkContainer
{
    _display:inline-block;
    display:none;
    vertical-align:middle;
    white-space:nowrap;
    overflow:hidden;
    font-size:10px;
    position:absolute;
    right:40px;
    top:4px;
  
} 

@media screen and (max-width : 660px)
{
   .HeaderLinkContainer
    {
         right:20px;
    } 
}


.LineShareLinkContainer
{
  top:-3px;
  position:relative;
}
/* HeaderLinkContainer End */


/* HeaderRightBottomContainer Start */
.HeaderRightBottomContainer
{
    display:table;
    margin-left:auto;
    margin-top:5px;
}

@media screen and (max-width : 660px)
{
.HeaderRightBottomContainer
{
    margin-top:0px;
}
}
/* HeaderRightBottomContainer End */



/* Index Start */
 
  

.PagePathContainer.IndexPagePathContainer
 {
     margin-bottom:0px;
     border-bottom:none;
     border:1px solid red;
     display:none;
 }
 
 
.MainContainer.IndexMainContainer
{
    padding:0px;
      display:block;
      width:100%;
   max-width:none;
}


 

.IndexLeftSideBarContainer
{
    display:none;
}
 
.IndexNews  .GeneralBlockMoreLink
{
     color:Black;
     padding-right:30px;
}

.IndexNews  .GeneralBlockMoreLink:hover
{
     color:rgb(240,99,84);
}

.IndexNews .GeneralBlockTitle
{
    color:#564e4a;
    font-size:18px;
    border-bottom:6px solid #efede9;
    margin-bottom:0px;
    padding-left:30px;
}

.IndexNews .GeneralBlockItemList > .GeneralBlockItem
{
    width:100%;
    display:block;
    position:relative;
    height:30px;
    padding-bottom:10px;
    border-bottom:1px solid lightgray;
}

.IndexNews .GeneralBlockItemList
{

}

.IndexNews .GeneralBlockItemList > .GeneralBlockItem:hover
{
    background-color:rgb(255,252,240);
}


.IndexNews .GeneralBlockItemList > .GeneralBlockItem > .ItemName 
{
    display:inline-block;
    position:absolute;
    left:30px;
    top:18%;
    width:auto;
}

 .IndexNews .GeneralBlockItemList > .GeneralBlockItem:hover > .ItemName > SPAN
 {
     color:Black;
 }
 
 
 .IndexNews .GeneralBlockItemList > .GeneralBlockItem > .ItemName > SPAN:hover
 {
     text-decoration:none;
 }
 
 
.IndexNews .GeneralBlockItemList > .GeneralBlockItem > .ItemName > SPAN
{
    color:Gray;
    font-size:15px;
    WIDTH:auto;
}

.IndexNews  .GeneralBlockItemList > .GeneralBlockItem > .ItemDescription
{
    display:inline-block;
    position:absolute;
    right:30px;
    top:20%;
    color:Gray;
    font-size:15px;
}

 .IndexNews .GeneralBlockItemList > .GeneralBlockItem:hover > .ItemDescription
 {
     color:Black;
 }
 
.IndexNews .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath
{
    display:none;
}

@media screen and (max-width:440px)
{
    .IndexNews .GeneralBlockTitle
    {
        padding-left:10px;
    }
   
    .IndexNews  .GeneralBlockMoreLink
    {
        color:Black;
        padding-right:0px;
    }
 
	.IndexNews .GeneralBlockItemList > .GeneralBlockItem > .ItemDescription
	{
		display:none;
	}
	
	.IndexNews .GeneralBlockItemList > .GeneralBlockItem > .ItemName  
    {
         left:10px;
       display:inline-block;
       -o-text-overflow:ellipsis;
       text-overflow:ellipsis;
        width:95%;
       white-space: nowrap;
    }
}

 

/* ListContent Start */

.ListContent  .GeneralBlockMoreLink
{
     color:Black;
     padding-right:30px;
}

.ListContent  .GeneralBlockMoreLink:hover
{
     color:rgb(240,99,84);
}

.ListContent .GeneralBlockTitle
{
    color:#564e4a;
    font-size:18px;
    border-bottom:6px solid #efede9;
    margin-bottom:0px;
    padding-left:30px;
}

.ListContent .GeneralBlockSubTitle
{
    display:none;
}

.ListContent .GeneralBlockItemList > .GeneralBlockItem
{
    width:100%;
    display:block;
    position:relative;
    height:30px;
    padding-bottom:10px;
    border-bottom:1px solid lightgray;
}

.ListContent .GeneralBlockItemList
{

}

.ListContent .GeneralBlockItemList > .GeneralBlockItem:hover
{
    background-color:rgb(255,252,240);
     text-decoration:none;
}


.ListContent .GeneralBlockItemList > .GeneralBlockItem  .ItemName 
{
    display:inline-block;
    position:absolute;
    left:30px;
    top:18%;
    width:auto;
    text-decoration:none;
}

 .ListContent .GeneralBlockItemList > .GeneralBlockItem:hover   .ItemName > SPAN
 {
     color:Black;
text-decoration:none;
 }
 
 
 .ListContent .GeneralBlockItemList > .GeneralBlockItem   .ItemName > SPAN:hover
 {
     text-decoration:none;
 }
 
 
.ListContent .GeneralBlockItemList > .GeneralBlockItem   .ItemName > SPAN
{
    color:Gray;
    font-size:15px;
    WIDTH:auto;
}

.ListContent  .GeneralBlockItemList > .GeneralBlockItem   .ItemDescription
{
    display:inline-block;
    position:absolute;
    right:30px;
    top:20%;
    color:Gray;
    font-size:15px;
}

 .ListContent .GeneralBlockItemList > .GeneralBlockItem:hover  .ItemDescription
 {
     color:Black;
 }
 
.ListContent .GeneralBlockItemList > .GeneralBlockItem  .ItemPicturePath
{
    display:none;
}

@media screen and (max-width:440px)
{
    .ListContent .GeneralBlockTitle
    {
        padding-left:10px;
    }
   
    .ListContent  .GeneralBlockMoreLink
    {
        color:Black;
        padding-right:0px;
    }
 
	.ListContent .GeneralBlockItemList > .GeneralBlockItem > .ItemDescription
	{
		display:none;
	}
	
	.ListContent .GeneralBlockItemList > .GeneralBlockItem > .ItemName  
    {
         left:10px;
       display:inline-block;
       -o-text-overflow:ellipsis;
       text-overflow:ellipsis;
        width:95%;
       white-space: nowrap;
    }
}
/* ListContent End */

/* PagingContent Start */
.PagingContent
{
    width:100%;
    height:auto;
    margin-bottom:0px;
    border-top:NONE;
   background-color:transparent;
}

.PagingContent .GeneralBlockTitle
{
    color:#564e4a;
    font-size:18px;
    padding-bottom:0px;
    border-bottom:none;
    padding-left:30px;
     
}

.PagingContent .GeneralBlockSubTitle
{
    display:none;
}


.PagingContent .GeneralBlockItemListContainer
{
    margin-left:30px;
    margin-right:30px;
    height:auto;
    overflow:hidden; 
    font-size:0px;
}



.PagingContent .GeneralBlockPrevAnchor
{
    display:inline-block;
    position:absolute;
    padding-left:28px;
    padding-top:60px;
    top:0px;
    left:0px;
    height:100%;
    vertical-align:middle;
    background-image:url(/UploadFile/BluePrev.png);
    background-repeat:no-repeat;
    background-position: center; 
    background-size: 100% auto; 
    cursor:hand;
    cursor:pointer; 
    z-index:100;
}


.PagingContent .GeneralBlockNextAnchor
{
    display:inline-block;
    position:absolute;
    padding-left:30px;
    padding-top:60px;
    right:0px;
    top:0px;
    height:100%;
    background-image:url(/UploadFile/BlueNext.png);
    background-repeat:no-repeat;
    background-position: center; 
    background-size: 100% auto; 

    cursor:hand;
    cursor:pointer;

    z-index:100;

}


 
.PagingContent .GeneralBlockItemList 
{
    display:block;
    white-space:nowrap;
    width:100%;
        font-size:0px;
}

.PagingContent   .GeneralBlockItemList  > .GeneralBlockItem 
{
    display:inline-block;
    font-size:0px;
    width:25%; 
    position:relative;
}

.PagingContent  > .GeneralBlockMoreLink
{
     color:#564e4a;
     padding-right:20px;   
     _display:none;
}

.PagingContent  .GeneralBlockMoreLink:hover
{
     color:rgb(240,99,84);
}


.PagingContent   .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath
{
    padding-left:10px;
    padding-right:10px;
    line-height:130px;
    text-align:center;
}

.PagingContent  .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath > Img
{
 
	 vertical-align:middle;
	 max-height:145px;
	 max-width:100%;
	 width:auto;
}

.PagingContent   .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath:before
{
		content :"";
		display:inline-block
}

.PagingContent  .GeneralBlockItemList > .GeneralBlockItem  .ItemName
{
    _display:none;
    text-decoration:none;
}

.PagingContent  .GeneralBlockItemList > .GeneralBlockItem .ItemDescription
{
    display:none;
}

@media screen and (max-width:660px)
{
    
    .PagingContent   .GeneralBlockItemList  > .GeneralBlockItem 
    {
        width:50%;
    }


    .PagingContent  .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath > Img
    {
	     max-height:185px;
    }
    
}



@media screen and (max-width:440px)
{
 
    .PagingContent .GeneralBlockItemListContainer
    {
        margin-left:12px;
        margin-right:12px;

    }

    .PagingContent  > .GeneralBlockMoreLink
    {
        padding-right:0px;   
    }
    

    .PagingContent   .GeneralBlockItemList  > .GeneralBlockItem 
    {
        width:100%;
        vertical-align:middle;
    }
    
    .PagingContent .GeneralBlockPrevAnchor
    {
        left:2px;
        padding-left:10px;
        background-size:100%;
    }


    .PagingContent .GeneralBlockNextAnchor
    {
        right:2px;        
        padding-left:10px;
        background-size:100%;
    }
}

/* PagingContent End */
 
 


/* MarqueeContent Start */
.IndexMainGroup.MainGroup .GeneralBlock.MarqueeContent ,
.MarqueeContent
{
    width:100%;
    height:auto;
    white-space:nowrap;
    padding:2px;
    padding-left:10px;
    padding-right:10px;
    background-color:rgba(0,0,0,0);
    font-size:0px;  
    margin-bottom:0px
}

.MarqueeContent > .GeneralBlockTitle
{
    color:#564e4a;
    font-size:14px;
    padding-bottom:0px;
    border-bottom:none;
    padding-left:30px;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;     
    margin-left:0px;
    _display:inline-block;
    display:none;
    _width:10%;
    padding-left:0px;
    vertical-align:top;
}

.MarqueeContent > .GeneralBlockSubTitle
{
    display:none;
}


.MarqueeContent > .GeneralBlockItemListContainer
{
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-right:0px;
    height:auto;
    overflow:hidden; 
    font-size:0px;
    display:inline-block;
    _width:90%;
    width:100%;
    border:1px solid lightgray;
}



.MarqueeContent > .GeneralBlockPrevAnchor
{
    display:inline-block;
    position:absolute;
    padding-left:28px;
    padding-top:60px;
    top:0px;
    left:0px;
    height:100%;
    vertical-align:middle;
    background-image:url(/Image/Prev.png);
    background-repeat:no-repeat;
    background-position: center; 
    cursor:hand;
    cursor:pointer; 
    z-index:100;
}


.MarqueeContent > .GeneralBlockNextAnchor
{
    display:inline-block;
    position:absolute;
    padding-left:30px;
    padding-top:60px;
    right:0px;
    top:0px;
    height:100%;
    background-image:url(/Image/Next.png);
    background-repeat:no-repeat;
    background-position: center; 
    cursor:hand;
    cursor:pointer;

    z-index:100;

}


 
.MarqueeContent > .GeneralBlockItemListContainer > .GeneralBlockItemList 
{
    display:block;
    white-space:nowrap;
    width:100%;
        font-size:0px;
}

.MarqueeContent > .GeneralBlockItemListContainer > .GeneralBlockItemList  > .GeneralBlockItem 
{
    display:inline-block;
    font-size:0px;
    width:25%; 
    position:relative;
}

.MarqueeContent  > .GeneralBlockMoreLink
{
    display:none;
}
 

.MarqueeContent  > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV > .ItemPicturePath
{
    display:none;
}

.MarqueeContent  > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV  .ItemName
{

    color:black;
    text-decoration:none;

}

.MarqueeContent  > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV  .ItemName > SPAN
{

    color:black;
    font-size:15px;
    padding-top:4px;
    padding-bottom:4px;
}

.MarqueeContent > .GeneralBlockItemListContainer > .GeneralBlockItemList  > .GeneralBlockItem > DIV > .ItemDescription
{
    display:none;
} 

@media screen and (max-width:440px)
{
    .MarqueeContent > .GeneralBlockTitle
    {
        display :none;
    }


        .MarqueeContent > .GeneralBlockItemListContainer
        {
            width:100%;
        }
}


/* MarqueeContent End */


/* ListBlock Start */
.GeneralBlock.ListBlock
{
    width:100%;
    height:auto;
    margin-bottom:10px;
}

.GeneralBlock.ListBlock .GeneralBlockTitle
{
    color:#564e4a;
    font-size:18px;
    padding-bottom:0px;
    border-bottom:none;
    padding-left:30px;
     
}

.GeneralBlock.ListBlock .GeneralBlockTitle:empty
{
   display:none;
}

.GeneralBlock.ListBlock .GeneralBlockSubTitle
{
    display:none;
}


.GeneralBlock.ListBlock .GeneralBlockItemListContainer
{
    _margin-left:30px;
    _margin-right:30px;
    height:auto;
    overflow:hidden; 
    font-size:0px;
}



.GeneralBlock.ListBlock .GeneralBlockPrevAnchor
{
     display:none;
}


.GeneralBlock.ListBlock .GeneralBlockNextAnchor
{
     display:none;
}


    
.GeneralBlock.ListBlock .GeneralBlockItemList 
{
    display:block;
    white-space:nowrap;
    width:100%;
    font-size:0px;
    overflow:hidden;
}

.GeneralBlock.ListBlock   .GeneralBlockItemList    .GeneralBlockItem 
{
    position:relative;
    display:block;
    float:left;
    font-size:0px;
    width:50%;  
     
}

.GeneralBlock.ListBlock  > .GeneralBlockMoreLink
{
     color:#564e4a;
     padding-right:20px;   
     _display:none;
}

.GeneralBlock.ListBlock  .GeneralBlockMoreLink:hover
{
     color:rgb(240,99,84);
}


.GeneralBlock.ListBlock   .GeneralBlockItemList   .GeneralBlockItem > .ItemPicturePath
{
    padding-left:10px;
    padding-right:10px;
    line-height:130px;
    text-align:center;
}


.GeneralBlock.ListBlock .GeneralBlockItemList   .GeneralBlockItem > .ItemPicturePath > Img
{
 
	 vertical-align:middle;
	 max-height:145px;
	 max-width:100%;
	 width:auto;
}

.GeneralBlock.ListBlock   .GeneralBlockItemList   .GeneralBlockItem > .ItemPicturePath:before
{
		content :"";
		display:inline-block
}

.GeneralBlock.ListBlock .GeneralBlockItemList   .GeneralBlockItem  .ItemName
{
    text-decoration:none;    
}

.GeneralBlock.ListBlock   .GeneralBlockItemList   .GeneralBlockItem .ItemDescription
{
    display:none;
}


@media screen and (max-width:660px)
{
    
    .GeneralBlock.ListBlock  .GeneralBlockItemList  > .GeneralBlockItem 
    {
        width:50%;
    }


    .GeneralBlock.ListBlock  .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath > Img
    {
 
    }
    
}



@media screen and (max-width:440px)
{
 
    .GeneralBlock.ListBlock .GeneralBlockItemListContainer
    {
        margin-left:12px;
        margin-right:12px;

    }

    .GeneralBlock.ListBlock > .GeneralBlockMoreLink
    {
        padding-right:0px;   
    }
    

    .GeneralBlock.ListBlock  .GeneralBlockItemList  > .GeneralBlockItem 
    {
        width:100%;
        vertical-align:middle;
        float:none;
    }
    
    .GeneralBlock.ListBlock.GeneralBlockPrevAnchor
    {
        left:2px;
        padding-left:10px;
        background-size:100%;
    }


    .GeneralBlock.ListBlock .GeneralBlockNextAnchor
    {
        right:2px;        
        padding-left:10px;
        background-size:100%;
    }
} 
/* ListBlock End */



/* ExpandableContent Start */
.GeneralBlock.ExpandableContent .GeneralBlockItemList
{
    font-size:0px;
}

.GeneralBlock.ExpandableContent .GeneralBlockTitle
{
    border-bottom:none;
    margin-bottom:0px;
    padding-bottom:0px;
    text-align:center;
    font-size:22px;
    color:#202020;
    font-weight:bold;
}

.GeneralBlock.ExpandableContent .GeneralBlockSubTitle
{
    text-align:center;
        color:#202020;
    font-size:14px;
    padding-top:4px;
}

.GeneralBlock.ExpandableContent .GeneralBlockItemList
{
    margin-top:10px;
}

.GeneralBlock.ExpandableContent .GeneralBlockItemList  .GeneralBlockItem
{
    text-align:left;
    margin-bottom:1px;
}

.GeneralBlock.ExpandableContent .GeneralBlockItemList  .GeneralBlockItem.ActiveGeneralBlockItem .ItemDescription
{
    max-height:3000px;
}
 

.GeneralBlock.ExpandableContent .GeneralBlockItemList  .GeneralBlockItem .ItemPicturePath
{
    display:none;
}

.GeneralBlock.ExpandableContent .GeneralBlockItemList  .GeneralBlockItem .ItemName 
{
    display:block;
    background-color:#f0f0f0;
    border:1px solid #b0b0b0;
    padding:10px;
    cursor:hand;
    cursor:pointer;
    text-decoration:none;
}

.GeneralBlock.ExpandableContent .GeneralBlockItemList  .GeneralBlockItem .ItemName SPAN
{
    text-align:left;
        text-decoration:none;
}


.GeneralBlock.ExpandableContent  .GeneralBlockItemList  .GeneralBlockItem .ItemDescription {
    overflow:hidden;
    max-height:0px;
	padding-top:0px;
	padding-bottom:0px;
    border-left:1px solid #a0a0a0;
    border-right:1px solid #a0a0a0;
    font-size:14px;
	transition: all 1s ease;
	padding-left:10px;
	padding-right:10px;
}

.GeneralBlock.ExpandableContent  .GeneralBlockItemList  .GeneralBlockItem.ActiveGeneralBlockItem .ItemDescription
{

    display:block;
    max-height:1100px;
    border-bottom:1px solid #c0c0c0;
    padding-bottom:10PX;
    padding-top:10PX;
}
 

@media screen and (max-width:660px)
{
 
}
 

.GeneralBlock.ExpandableContent  .GeneralBlockItemList  .GeneralBlockItem .ExpandedItemDescription {
	max-height:1900px;
	overflow:hidden;
	transition: height 1s ease;
	padding-top:0px;
	padding-bottom:0px;
}

@media screen and (max-width:660px)
{
     .GeneralBlock.ExpandableContent  .GeneralBlockItemList   .GeneralBlockItem .ExpandedItemDescription {
       max-height:4200px;
    }
}
/* ExpandableContent End */

  

.Top5Container
{
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */    
overflow:hidden;
display:block;
float:left;
height:220px;
margin-left:auto;
margin-right:auto;
width:50%;
text-align:center;   
padding:5px; 
}


.HotContainer
{
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */    
overflow:hidden;
display:block;
float:left;
height:220px;
margin-left:auto;
margin-right:auto;
width:50%;
text-align:center;   
padding:5px; 
}

.BulletinBoard
{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */  
border:1px solid gray;
}

 @media screen and (max-width :800px)
 {   
    .Top5Container
    {
        display:block;
        padding:5px;
        width:50%;
       height:auto;

    }

    .HotContainer
    {
        display:block;
        padding:5px;
        width:50%;
       height:auto;

    }
}
 
 @media screen and (max-width :600px)
 {
     .Top5Container
    {
        display:block;
        padding:4px; 
        width:98%;
        height:auto;
    }
    .HotContainer
    {
        display:block;
        padding:4px;
        width:98%;
        height:auto;
    }
}


.IndexLoginEditForm
{
    padding-top:4px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    background-color:#f2f2f5;
    border-bottom:2px solid #a0a0a0;
    margin-top:10px;
    margin-bottom:10px;
    width:100%;
    display:inline-block;
    border-radius:20px;
}

.IndexLoginEditForm .FormTitle
{
    padding-bottom:0px;
    font-size:18px;
    text-align:center;
    margin-bottom:10px;
    margin-right:10px;
    padding-bottom:6px;
    border-bottom-color:#e0e0e0;
}

.IndexLoginEditForm .Parameter
{
    display:table; 
    width:100%
}

.IndexLoginEditForm .CaptionContainer
{
    display:table-cell;
    padding-right:4px;
    padding-top:10px;
    padding-bottom:2px;
    white-space:nowrap;
}
.IndexLoginEditForm .FieldContainer
{
    display:table-cell;
    padding-bottom:2px;
}

.IndexLoginEditForm .Field
{
    width:95%;
}

.IndexLoginEditForm .ButtonContainer
{
    text-align:center;
    padding-top:10px;
}

.IndexLoginEditForm .Button
{
    min-width:80px;
}

.LoginLinkGroup
{
    text-align:center;
    padding-top:5px;
}

.LoginLinkGroup .Link
{
    text-decoration:none;
    color:Black;
    font-size:14px;
}

.LoginLinkGroup .Link > SPAN:hover
{
    text-decoration:underline;
}


.LoginLinkGroup .Link:nth-child(1)
{
    width:45%;
}

.LoginLinkGroup .Link:nth-child(1):after
{
    content : " |";
    padding-left:10px;
    padding-right:10px;
}

.IndexLoginEditFormEN .Caption
{
    font-size:12px;
    width:50px;
}

.IndexLoginEditFormEN .Link
{
    font-size:12px;
}

@media screen and (max-width:920px)
{
    .IndexLoginEditForm
    {
        display:none;
    }
}
/* Index End */






/*InquiryList Start*/
.InquiryListMain
{
}


.InquiryListMain .InquiryListMessage
{
    font-size:22px;
    font-weight:bold;
    display:block;
    text-align:center;
}


.InquiryListMain .InquiryListListBlockFormTitle
{
}

.InquiryListMain .FirstSmallPicturePathValueContainer
{
    text-align: center;
    
}

.InquiryListMain .FirstSmallPicturePathValue
{
    width: 100%;
    max-width: 100px;
}

.InquiryListMain .ProductIdValueContainer
{
    text-align: center;
}

.InquiryListMain .ProductIdValue
{
    text-decoration: none;
    color: black;
}

.InquiryListMain .ProductNameValueContainer
{
    text-align: center;
}

.InquiryListMain .ProductNameValue
{
    text-decoration: none;
    color: black;
}

.InquiryListMain .ButtonContainer
{
    text-align: center;
}

.InquiryListMain .InquiryDescriptionField
{
    width: 100%;
    height: 80px;
}
 

.InquiryListListBlock
{
 
}

/*InquiryList End*/


/*InquiryLog Start*/
.InquiryLogMain
{
}

.InquiryLogMain .InquiryLogListBlockFormTitle
{
}

.InquiryLogListBlock
{
    
}

.InquiryLogListBlock .InquiryNoValueContainer
{
    text-align: center;
    font-size: 15px;
}

.InquiryLogListBlock .InquiryTimeValueContainer
{
    text-align: center;
    font-size: 15px;
}

.InquiryLogListBlock .ProductPictureValue
{
    max-width: 80px;
    cursor: pointer;
    width: 100%;

}

.InquiryLogListBlock .ProductNameValueContainer
{
    border: none;
    width: 75%;
    padding-left: 0px;
}

.InquiryLogListBlock .ProductNameValue
{
    text-decoration: none;
    color: black;
    font-size: 15px;
}

/*InquiryLog End*/




/*JobOpportunity Start*/

.JobOpportunityCategoryBlock
{
    min-height:200px;
}
/*JobOpportunity End*/



/* LanguageSwitchContainer Start */
.LanguageSwitchContainer
{
	_position:absolute;
	_float:right;
    display:inline-block;
    font-size:10px;
    _right:40px;
    _top:10px;
    padding-right:0px;
    padding-top:0px;
    white-space:nowrap;
    position:absolute;
    right:0px;
    top:10px;
}

@media screen and (max-width:660px)
{
   .LanguageSwitchContainer
   {
        top:0px;
   }
}

.LanguageSwitch
{
    display:inline-block;
    color: rgb(98,152,196);
    white-space:nowrap;
    font-size: 12.5px;
    margin-left:auto;
    text-align:right;
    margin-left:10px;
}

.LanguageSwitch .LanguageItem
{
    display:inline-block;
    padding-right:4px;
}
 
.LanguageSwitch A
{
    color:#999999;
    text-decoration: none;
    display: inline-block;
    cursor:pointer;
    font-size:15px;

}

.LanguageSwitch Img
{
    _cursor: pointer;
    display: none;
}



.LanguageSwitch A:hover
{
    text-decoration: underline;
}

.LanguageSwitchSplitter
{
    display: none;
} 
 
/* LanguageSwitchContainer End */


/* LinkBlock Start */
.LinkBlock 
{
    background-color: rgba(0,0,0,0);
    margin-top:10px;
    _display:none;
    padding:0px;
}

.LinkBlock > .GeneralBlockMoreLink
{
    _display:none;
}
 

.LinkBlock > .GeneralBlockTitle
{
    display:none;
}

.LinkBlock  .GeneralBlockItemList > .GeneralBlockItem
{
    width:100%;
    display:block;
    margin-bottom:23px;
    border-radius:6px;
    border:1px solid #cccccc;
 
    
}   
 
.LinkBlock  .GeneralBlockItemList > .GeneralBlockItem:after
{
    content:" ";
    display:block;
    width:100%;
    background-image:url(/UploadFile/LinkBlockItemShadow.jpg);
    background-repeat:no-repeat;
    background-size:100% 100%;
    padding-top:20px;
    position:absolute;
    margin-top:1px; 
}

.LinkBlock .GeneralBlockItemList > .GeneralBlockItem > DIV
{
    border:6px solid #f0f0f0;
    border-radius:6px;
    padding:6px;
    position:relative;
}
 
 
.LinkBlock .GeneralBlockItemList > .GeneralBlockItem > DIV > .ItemName
{
    display:none;
}


@media screen and (max-width:920px)
{
	.IndexLinkBlock
	{
		overflow:hidden;
	}
	.IndexLinkBlock .GeneralBlockItemList > .GeneralBlockItem
	{
   		float:left;
			width:49%;
	}
	
	.IndexLinkBlock .GeneralBlockItemList > .GeneralBlockItem:nth-child(2n+1)
	{
		padding-right:2px;
	}
}

@media screen and (max-width:920px)
{
	.LinkBlock   .GeneralBlockItemList > .GeneralBlockItem
	{
   		float:left;
			width:49%;
	}
	
	.LinkBlock  .GeneralBlockItemList > .GeneralBlockItem:nth-child(2n+1)
	{
		padding-right:2px;
	}
	
}

@media screen and (max-width:440px)
{
	.LinkBlock .GeneralBlockItemList > .GeneralBlockItem
	{
   		float:none;
			width:100%;
	}
	
	.LinkBlock   .GeneralBlockItemList > .GeneralBlockItem:nth-child(2n+1)
	{
		padding-right:0px;
	}
	
}
/* LinkBlock End */



/* LoginContainer Start */
.LoginContainer
{

    position:relative;
   display:inline-block;
    display:none;
   _padding-right:4px;
   top:-11px;
    
   font-size:13px;

}

@media screen and (max-width:660px)
{
   .LoginContainer
   {
      _top:0px;
   }

}

.LoginContainer .SingInLink  ,
.LoginContainer .LoginLink ,
.LoginContainer .LogoutLink 
{ 
 
 display:inline-block;
     
    font-family:微軟正黑體;
	font-weight:normal;
	vertical-align:middle;
	cursor:hand;
	cursor:pointer;
	margin:0px;
	text-align:center;
	vertical-align:middle;
 
    height:30px;
    font-size:0px;   
 padding:0px;
 font-size:14px;
 border:1px solid rgba(0,0,0,0);
 padding-left:4px;
 padding-right:4px;
 padding-top:4px;
 padding-bottom:4px;
 color:black;
 text-decoration:none;
}

.LoginContainer .SingInLink:hover  ,
.LoginContainer .LoginLink:hover ,
.LoginContainer .LogoutLink:hover
{
       background:linear-gradient(to top,#e7f3fb,#ffffff);
    background: -webkit-linear-gradient(bottom,#e7f3fb,#ffffff);
      background: -o-linear-gradient(bottom,#e7f3fb,#ffffff);
  background: -moz-linear-gradient(bottom,#e7f3fb,#ffffff);
  border:1px solid #cbe2f0;
  
     -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
 
}

.LoginContainer .LoginContainerSplitter
{
    font-size:13px;
    
      
}
 
 

.LoginContainer .LogoutLink 
{ 
    font-size:14px;
    _font-weight:bold;
    cursor:hand;
    text-decoration:none;
    cursor:pointer;
    color:Black;
}
 

@media screen and (max-width : 440px)
{
  .LoginContainer
   {
        padding-right:10px;
    
    }
}
/* LoginContainer End */


/* LogoContainer Start */
.LogoContainer
{

    display:inline-block;
    position:absolute;
    left:10px;
    top:30px;
    z-index:100;
}


.LogoContainer Img
{
    max-height:100%;
}

.LogoContainer:hover .BigLogo
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
  opacity: 0.8;	  
}


 

.SmallLogo
{
    display: none;
    height:40px;
}
  
@media screen and (max-width : 860px)
{
 
   .LogoContainer
   {
      top:10px;
   }

	.BigLogo
	{
	   display:none;
	}
	
	.SmallLogo
	{
	    display:inline-block;
	}
} 



@media screen and (max-width : 660px)
{
    .LogoContainer
    {

    }
    .LogoContainer Img
    {
        max-width:none;
        max-height:60px;
    }
} 
 
 
@media screen and (max-width : 440px)
{
    .LogoContainer
    {

    }
} 
/* LogoContainer End */
 
 



/* LogoGroup Start */
.LogoGroup
{
	background-color:white;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:0px;
	padding-right:10px;
}
/* LogoGroup End */




/*  MainContainer Start  */

.MainContainer.IndexMainContainer
{
   width:100%;
}

.MainContainer
{
    width: 77%;
    vertical-align: top;
    padding: 0px;
    _display:table-cell;
    display:block;
    float:left;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:20px;
 
}

@media screen and (max-width : 860px)
{
    .MainContainer
    {
         width: 100%;
        padding-right: 4px;
        padding-left: 4px;
    }
}
/*  MainContainer End */




/* MainGroup Start */

.MainGroup.IndexMainGroup
{

    padding-top:0px;
     min-height:0px;
     margin-top:0px;
   max-width:none;    
}

.MainGroup
{
    display:block;
    width:100%;
    min-height:430px;
    overflow:hidden;
     margin-top:10px;
     position:relative;
}



.MainGroup.IndexMainGroup > DIV
{
    text-align:left;
    vertical-align:top;
    width:100%;
}
 
 
.MainGroup.IndexMainGroup .GeneralBlock
{
	padding-left:0px;  	
    padding-right:0px;  
}
 
.MainGroup.MainGroup > DIV:first-child
{
    background-color:White;
    text-align:left;
    padding-top:0px;
  
    vertical-align:top;
}

.MainGroup > DIV:first-child
{
    background-color:White;
    text-align:left;
    padding-top:0px;
  
    vertical-align:top;
}


 
    .MainGroup
    {
        width:100%;
        max-width:1200px;
        margin-left:auto;
       margin-right:auto;
    }

@media screen and (max-width:660px)
{
    .MainGroup 
    {
        width:100%;
        margin-left:0%;
    }
}

 /* MainGroup End */

/* QuickLinks Start */

.QuickLinksContainer
{
   display:inline-block;
   _padding-right:4px;
    position:absolute;
    top:10px;
    right:0px;
 }
 

@media screen and (max-width:440px)
{

   .QuickLinksContainer
   {
      display:none;
   }
}

.QuickLinks.TopMenu                    /* 第一層選單 */
{
	display:table; 
	position:relative;
	top:0px;
}

.QuickLinks.TopMenu  > .MenuItem         /* 第一層選單 MenuItem */
{
	display:table-cell;
    white-space:no-wrap;
	color:black;
	font-family:微軟正黑體;
	font-weight:normal;
	vertical-align:middle;
	cursor:hand;
	cursor:pointer;
	margin:0px;
	text-align:center;
	vertical-align:middle;
    _border-right:1px solid #888981;
    height:22px;
    line-height:22px;
    font-size:0px;   
    padding:0px; 
    padding-bottom:2px;
} 

.QuickLinks.TopMenu  > .MenuItem:after
{

}

.QuickLinks.TopMenu  > .MenuItem:last-child:after
{
   content : "";
}

.QuickLinks.TopMenu  > .MenuItem > A   /* 第一層選單 MenuItem 文字 */
{
  display:inline-block;
  text-decoration:none;

  padding-top:4px;
  padding-bottom:2px;

  height:100%;
  margin-right:1px ;
    border:1px solid rgba(0,0,0,0);
}
 

.QuickLinks.TopMenu  > .MenuItem > A > .ItemName
{
    font-size:14px;
    color:black;
    cursor:hand;
    cursor:pointer;
    white-space:nowrap;
    width:100%;
   padding-left:4px;
}

.QuickLinks.TopMenu  > .MenuItem > A > .ItemName:after
{
   
}

.QuickLinks.TopMenu  > .MenuItem > A > .SubTitle
{
    display:block;
    color:black;
}
 

.QuickLinks.TopMenu  > .MenuItem > A:before 
{
	content : " ";
	height:100%;
	vertical-align:middle;
	display:inline-block;	 
	vertical-align:middle;
}
 

.QuickLinks.TopMenu  > .MenuItem:hover > A
{
   text-decoration:underline;
}
 
.QuickLinks.TopMenu  > .MenuItem:hover > A > SPAN  /* 第一層選單文字 MenuItem Hover */
{
}




.QuickLinks.TopMenu  > .MenuItem.PathMenuItem  > A /* 第一層選單文字 PathMenuItem */
{
 
}


.QuickLinks.TopMenu  > .MenuItem  .Menu  /* 第二層以下選單樣式 */
{
	position:absolute;
	display:none;
  background-color:rgba(0,0,0,0.5);        
	padding:0px;
	text-align:left;
	left:0px;
	right:0px;
	top:101%;
	border-right:1px solid lightgray;
	border-bottom:1px solid lightgray;
	border-left:1px solid lightgray;
}



.QuickLinks.TopMenu   > .MenuItem:hover     > .Menu   /* 第二層選單 Hover */
{
	 position:absolute;
	 display:block;
	 z-index:1000; 
}


.QuickLinks.TopMenu  > .MenuItem       .Menu  > .MenuItem  /* 第二層以下選單 MenuItem */
{
	display:block;
 
	position:relative;
}
 

.QuickLinks.TopMenu  > .MenuItem    .Menu  > .MenuItem > A  /* 第二層以下選單 MenuItem 文字 */
{
	 display:block;
	 white-space:nowrap;
	 vertical-align:middle;
	 height:100%;
	 width:100%;
	 margin-right:0px;
	 padding-left:0px;
	 padding-right:0px;
	 text-decoration:none;
	 color:white;
	 vertical-align:middle;
	  
}

.QuickLinks.TopMenu  > .MenuItem    .Menu  > .MenuItem > A > SPAN
{
 	  display:block;
 	  vertical-align:middle;
 	  text-align:center;
     font-size:14px;
     color:white;
     cursor:hand;
     cursor:pointer;
     _width:80%;
     margin-left:auto;
     margin-right:auto;
     position:relative;
  
     border-bottom:1px solid rgba(255,255,255,0.4);
}

.QuickLinks.TopMenu  > .MenuItem    .Menu  > .MenuItem:last-child > A > SPAN
{
       border-bottom:none;
}

.QuickLinks.TopMenu  > .MenuItem  .Menu  > .MenuItem:hover > A   /* 第二層以下選單 MenuItem 文字 Hover */
{
     background-color:rgba(0,0,0,0.3);
  
}

.QuickLinks.TopMenu  > .MenuItem    .Menu  > .MenuItem:hover > A > SPAN
{
     border-bottom:1px solid rgba(255,255,255,0);
}



.QuickLinks.TopMenu > .MenuItem  .Menu  > .BranchMenuItem  /* 第二以下層選單 BranchMenuItem */
{
	font-weight:bold;	
 	
}

.QuickLinks.TopMenu > .MenuItem    .Menu >  .BranchMenuItem > A:after  /* 第二以下層選單 BranchMenuItem 指標 */
{
	content : ' ';
	right:0px;  
	display:table-cell;
	background-image:url(Image/Back.png);
	background-position:right;	
	background-repeat:no-repeat;	
	color:blue;
	text-decoration:none;
	vertical-align:middle;
	padding-left:22px;
}

 


.QuickLinks.TopMenu > .MenuItem   .Menu >  .MenuItem > .Menu  /* 第三層以下 選單顯示位置 */
{
  	left:100%;
		top:0px;
		margin-top:-10px;
}

.QuickLinks.TopMenu > .MenuItem  .Menu > .MenuItem:hover > .Menu
{
	  display:block;
}


@media screen and (max-width:660px)
{

}
/* QuickLinks End */

/* MainMenu Start*/ 

.MainMenu .HomeMainMenuItem
{
   min-width:60px;
}

.MenuContainer
{
   display:block;
   position:relative;
   width:100%;
   left:0px;
   right:0px;
   bottom:0px; 
   text-align:center; 
   background-size:100% 100%;
   padding-top:30px;
   z-index:100;
   background-color:rgba(0,143,204,0.5);

}

 

@media screen and (max-width : 860px)
{
    .MenuContainer
    {
        display: none;
    }
} 


.MenuContainer .MainMenu
{ 
   
}

.MainMenu.TopMenu                    /* 第一層選單 */
{
	display:table; 
		z-index:1000; 
	
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;

    max-width:1180px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    z-index:2000;
    _position:absolute;
    left:0;
    right:0;
}

.MainMenu.TopMenu 
{
}

.MainMenu.TopMenu  > .MenuItem         /* 第一層選單 MenuItem */
{
	display:table-cell;
	color:black;
	_font-family:微軟正黑體;
	font-family:新細明體;
	font-weight:bold;
	vertical-align:middle;
	cursor:hand;
	cursor:pointer;
	margin:0px;
	text-align:center;
	vertical-align:middle;
	position:relative;
   padding-bottom:10px;
    
}


.MainMenu.TopMenu  > .MenuItem:first-child > A  
{
   border-left:1px solid white;
}

.MainMenu.TopMenu  > .MenuItem > A   /* 第一層選單 MenuItem 文字 */
{
  padding-top:auto;
  padding-bottom:auto;
  vertical-align:middle;
  text-decoration:none;
  padding-left:28px;
  padding-right:28px;
   
  width:auto;
  margin-left:auto;
  margin-right:auto;    
  display:inline-block;
   overflow:hidden;
   border-right:1px solid white;
   width:100%;
}

.MainMenu.TopMenu  > .MenuItem:last-child > A
{
 
}   

.MainMenu.TopMenu  > .MenuItem > A > SPAN
{
}

.MainMenu.TopMenu  > .MenuItem > A > SPAN > IMG
{
   border:none;
}

.MainMenu.TopMenu  > .MenuItem:hover > A ,
.MainMenu.TopMenu  > .MenuItem.PathMenuItem > A 
{
}
  
.MainMenu.TopMenu  > .MenuItem > A > .ItemName
{
    font-size:16px;
    font-weight:bold;
     color:#ffffff;

    cursor:hand;
    cursor:pointer;
    white-space:nowrap;
    width:100%;

    display:block;
}

.MainMenu.TopMenu  > .MenuItem:hover > A > .ItemName ,
.MainMenu.TopMenu  > .MenuItem.PathMenuItem > A > .ItemName 
{
    color:#ffffff;
    text-decoration:underline;
}

.MainMenu.TopMenu  > .MenuItem > A > .SubTitle
{
    font-size:13px;
    font-weight:normal;
    display:block;
      color:#344f02;
}


.MainMenu.TopMenu > .MenuCenterItem
{
	position:relative;
    WIDTH:280PX;
    z-index:3000;
     
} 
 
.MainMenu.TopMenu  > .MenuItem > A > SPAN  /* 第一層選單文字 MenuItem Hover */
{
        color:#344f02;
}




.MainMenu.TopMenu  > .MenuItem  .Menu  /* 第二層以下選單樣式 */
{
	position:absolute;
	display:none;
        background-color:rgba(50,50,50,0.8); 
	padding:0px;
	text-align:left;
	min-width:100%;
	top:100%;
       
}



.MainMenu.TopMenu   > .MenuItem:hover     > .Menu   /* 第二層選單 Hover */
{
	 position:absolute;
	 display:block;
	 z-index:1000; 
	 
}


.MainMenu.TopMenu  > .MenuItem       .Menu  > .MenuItem  /* 第二層以下選單 MenuItem */
{
	display:block;
	MIN-height:30px;
	position:relative;
}
 

.MainMenu.TopMenu  > .MenuItem    .Menu  > .MenuItem > A  /* 第二層以下選單 MenuItem 文字 */
{
	 display:block;
	 white-space:nowrap;
	 vertical-align:middle;
	 height:100%;
	 width:100%;
         margin-right:0px;
	 padding-left:32px;
         padding-right:32px;
	 text-decoration:none;
	 color:white;
	 vertical-align:middle;
	 line-height:28px;
}

.MainMenu.TopMenu  > .MenuItem  > .Menu  > .MenuItem > .Menu > .MenuItem  > A 
{
   padding-left:10px;
   padding-right:10px;
}

.MainMenu.TopMenu  > .MenuItem  > .Menu  > .MenuItem > .Menu 
{
   min-width:auto;
}

.MainMenu.TopMenu  > .MenuItem    .Menu  > .MenuItem > A > SPAN 
{
 	  display:block;
 	  vertical-align:middle;
 	  text-align:center;
     font-size:14px;
     color:#ffffff;
     cursor:hand;
     cursor:pointer;
     width:auto;
     margin-left:auto;
     margin-right:auto;
     position:relative;
  
}



.MainMenu.TopMenu  > .MenuItem    .Menu  > .MenuItem > A > SPAN:nth-child(2)
{
     font-size:8px;
     line-height:12px;
}

.MainMenu.TopMenu  > .MenuItem    .Menu  > .MenuItem > A > SPAN:last-child
{
     border-bottom:1px solid rgba(255,255,255,0.4);
}

.MainMenu.TopMenu  > .MenuItem    .Menu  > .MenuItem:last-child > A > SPAN
{
       border-bottom:none;
}

.MainMenu.TopMenu  > .MenuItem  .Menu  > .MenuItem:hover > A , /* 第二層以下選單 MenuItem 文字 Hover */
.MainMenu.TopMenu  > .MenuItem  .Menu  > .MenuItem.PathMenuItem > A 
{
     background-color:#333333;
}

.MainMenu.TopMenu  > .MenuItem    .Menu  > .MenuItem:hover > A > SPAN ,
.MainMenu.TopMenu  > .MenuItem    .Menu  > .MenuItem.PathMenuItem > A > SPAN 

{
     
     color:#ffffff;
}



.MainMenu.TopMenu > .MenuItem  .Menu  > .BranchMenuItem  /* 第二以下層選單 BranchMenuItem */
{
	font-weight:bold;	
 	
}

.MainMenu.TopMenu > .MenuItem    .Menu >  .BranchMenuItem > A:after  /* 第二以下層選單 BranchMenuItem 指標 */
{
	content : ' ';
	right:0px;  
	display:table-cell;
	background-image:url(Image/Back.png);
	background-position:right;	
	background-repeat:no-repeat;	
	color:blue;
	text-decoration:none;
	vertical-align:middle;
	padding-left:22px;
}

 


.MainMenu.TopMenu > .MenuItem   .Menu >  .MenuItem > .Menu  /* 第三層以下 選單顯示位置 */
{
  	left:100%;
	top:2px;
	margin-top:0px;
	display:NONE;
    position:absolute;
   border-top:2px solid transparent;
}

.MainMenu.TopMenu > .MenuItem  .Menu > .MenuItem:hover > .Menu
{
	  display:block;
}

/* MainMenu End*/



/* Maqruee Start */
.Marquee
{
    height:33px;
    width:100%;
    position:absolute;
    _left:0px;
    _right:0px; 
    _bottom:0px;

   font-family:"微軟正黑體",Arial ,Sans-Serif;
    font-size:15px;
    display:none;
}

.MarqueeDescription
{
    vertical-align:middle;
    line-height:33px;
    text-align:left;
    cursor:pointer;
    cursor:hand;
 
}
 
/* Marquee End */

/* MiddleGroup Start */
.MiddleGroup
{
    _max-width:1200px;
    width:100%;
    text-align:left;
    vertical-align:top;
    overflow:hidden;
    z-index:1;
   margin-top:-160px;
}

.MiddleGroup.IndexMiddleGroup
{

}



@media screen and (max-width : 860px)
{

  .MiddleGroup
  {
     margin-top:-80px;
  }
}

@media screen and (max-width : 440px)
{

  .MiddleGroup
  {
     margin-top:0px;
  }
}
/* MiddleGroup End */


.list_form
{
    font-family: Arial;
    border: 1px solid rgb(200,200,200);
    font-family: 微軟正黑體,Microsoft JhengHei;
}

.list_tr
{
    border: none;
    font-size: 15px;
    font-family: 微軟正黑體,Microsoft JhengHei;
    color: Black;
    text-decoration: none;
    height: 30px;
}

.list_form TD
{
    border: 1px solid rgb(200,200,200);
    padding: 2px;
}


.list_caption
{
    background-color: rgb(238,238,238);
    border: none;
    color: rgb(102,102,102);
    padding: 5PX;
    font-size: 14PX;
    font-family: 微軟正黑體,Microsoft JhengHei;
}

.list_form_command
{
    text-align: center;
}

.list_form_item_no
{
    text-align: center;
}



.list_tr .NewsTitle
{
    text-decoration: none;
}

.list_tr SPAN
{
    color: Black;
    text-decoration: none;
    font-size: 15px;
}

.list_header
{
    font-size: 15px;
    text-align: left;
    padding-left: 30px;
    padding-bottom: 10px;
}

textarea
{
    width: 400px;
    height: 70px;
}



.subject
{
    background-color: #D9F7F7;
}


.command_bar
{
    font-family: Arial;
    font-style: italic;
    width: 600px;
}



/* MobileMenu Start */

.MobileMenu.TopMenu                   /* 第一層選單 */
{
	display:block;
}

	
.MobileMenu.TopMenu> .MenuItem         /* 第一層選單 MenuItem */
{
	display:block;
}

.MobileMenu.TopMenu> .MenuItem .SubTitle
{
    display:none;
}

.MobileMenu.TopMenu> .MenuItem > A    /* 第一層選單 MenuItem 文字 */
{
    display:table;
	white-space:nowrap;
	font-family:微軟正黑體;
	font-size: 16px;
	vertical-align:middle;
	text-align:left;
	cursor:hand;
	cursor:pointer;
	vertical-align:middle;
	height:39px;
	width:100%;
	color:White;  
	text-decoration:none;
	padding-left:20px;
	_background-image: url(../Image/TreeMenu_TopTreeItemBack.png);
     border-bottom:1px solid gray;
}


 
.MobileMenu.TopMenu> .MenuItem > A:before  /* 第一層選單 MenuItem Icon */
{
	 
}

.MobileMenu.TopMenu> .MenuItem > A:hover:before   /* 第一層選單 MenuItem Focus Icon */
{
	 
}


.MobileMenu.TopMenu> .FocusMenuItem > A:before   /* 第一層選單 MenuItem Focus Icon */
{
 
}


.MobileMenu.TopMenu> .FocusMenuItem > A:hover:before   /* 第一層選單 MenuItem Hover Focus Icon */
{
	background-image:url(/Image/BackEndHoverFocusIcon.jpg);
}

.MobileMenu.TopMenu> .MenuItem > A > SPAN
{
    display:table-cell;
	vertical-align:middle;  
}

.MobileMenu.TopMenu  .PathMenuItem > A > SPAN  /* 路徑 MenuItem 樣式 */
{
	color:yellow;
}


.MobileMenu.TopMenu  .FocusMenuItem > A > SPAN /* 焦點 MenuItem 文字樣式 */
{
     color:yellow;
	 text-decoration:underline;
}

.MobileMenu.TopMenu> .MenuItem > A:hover > Span   /* 第一層選單 MenuItem Hover */
{
 	 color:yellow;
}


 

.MobileMenu.TopMenu> .MenuItem   .Menu  /* 第二層以下選單樣式 */
{
    position:block;
	padding:0px;
	text-align:left;
}

 
.MobileMenu.TopMenu > .MenuItem:hover     > .Menu   /* 第二層選單 Hover */
{
}


.MobileMenu.TopMenu> .MenuItem     >  .Menu  > .MenuItem  /* 第二層以下選單 MenuItem */
{
	color:black;
	display:block;
	padding-left:0px;
}
 
 

.MobileMenu.TopMenu> .MenuItem    .Menu  > .MenuItem > A  /* 第二層以下選單 MenuItem 文字 */
{
	 display:table;
	 white-space:normal;
	 vertical-align:middle;
	 height:100%;
	 width:100%;
	 height:39px;
	 text-decoration:none;
	 text-align:left;
	 padding-left: 40px;
     color:White;
     cursor:hand;
     cursor:pointer;
     _background-image: url(/Image/TreeMenu_TreeItemBack.png);
    background-color:rgb(89,89,91);
}

.MobileMenu.TopMenu> .MenuItem  >  .Menu > .MenuItem  .Menu > .MenuItem > A  /* 第二層以下選單 MenuItem 文字 */
{
    background-color: rgb(39,39,39);
    background-image: none;
    padding-left: 80px;
}

.MobileMenu.TopMenu> .MenuItem    .Menu  > .MenuItem > A > SPAN
{
		display:table-cell;
		text-align:left;
		vertical-align:middle;
		width:99%;
}

.MobileMenu.TopMenu> .MenuItem    .Menu  > .MenuItem > A:hover > SPAN
{
    color:yellow;
}
 
.MobileMenu.TopMenu> .MenuItem    .Menu  > .FocusMenuItem > A:hover > SPAN /* 第二層以下選單 MenuItem 文字 Hover */
{
	color:yellow;
	text-decoration:underline;
}
 



.MobileMenu.TopMenu> .MenuItem  .Menu  > .BranchMenuItem  /* 第二以下層選單 BranchMenuItem */
{	
}

.MobileMenu.TopMenu> .MenuItem    .Menu >  .MenuItem > A:before  /* 第二以下層選單 Icon */
{
	 
}

.MobileMenu.TopMenu> .MenuItem    .Menu >  .FocusMenuItem > A:before  /* 第二以下層選單 Focus Icon */
{
	 
}

.MobileMenu.TopMenu> .MenuItem    .Menu >  .MenuItem > A:hover:before  /* 第二以下層選單 Hover Icon */
{
	 
 
}


.MobileMenu.TopMenu> .MenuItem    .Menu >  .FocusMenuItem > A:hover:before  /* 第二以下層選單 Focus Icon */
{
	 
 
}
 


.MobileMenu.TopMenu> .MenuItem   .Menu >  .MenuItem > .Menu  /* 第三層以下 選單顯示位置 */
{
  	left:100%;
		top:0px;
}

.MobileMenu.TopMenu> .MenuItem  .Menu > .MenuItem:hover > .Menu
{
	  display:block;
}
 
/* MobileMenu End*/

.NavigationBarContainer
{
   background-color:rgba(1,127,181,0.9);
   padding-top:20px;
}


.NavigationBar 
{
    overflow:hidden;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    font-family: "微軟正黑體" , Arial , Sans-Serif;

    padding-bottom:10px;
  
    
   
    display:table;
    table-layout: fixed;
    max-width:1200px;
    width:100%;
} 

 
.NavigationBlock
{
    text-align:left; 
}

.NavigationBar > .NavigationBlockSplitter
{
    display:table-cell;
    width:0%;
    text-align:left;
}

.NavigationBar > .NavigationBlock
{
     display:table-cell;
     padding-left:0px;
    
}

.NavigationBar > .NavigationBlock:first-child
{
         
}

.NavigationBar .NavigationBlockSplitter
{
    height:100px;
    padding-left:1px;
    display:none;  
    vertical-align:top;
    float:left;
}


.NavigationBar > .NavigationBlock  > .NavigationItem  
{
    overflow:hidden;
    vertical-align:middle;
    text-align:center;
    font-size:0px;
}

.NavigationBar > .NavigationBlock > .NavigationItem > a
{
    font-size:16px;
    font-weight:bold;
    display:block;
    padding-top:5px;
    padding-bottom:5px;
    color:#FFFFFF;
    overflow:hidden;
}

.NavigationBar > .NavigationBlock > .NavigationItem > a
{
   border-right:1px solid white;
}

.NavigationBar > .NavigationBlock:first-child  > .NavigationItem > a
{
   border-left:1px solid white;
}

.NavigationBar > .NavigationBlock > .NavigationBlock  
{
    padding-left:0px;
}

.NavigationBar > .NavigationBlock > .NavigationBlock > .NavigationItem
{
    text-align:center;
}
.NavigationBar > .NavigationBlock > .NavigationBlock > .NavigationItem > a
{
    font-size:15px;
    font-weight:normal;
   color:#FFFFFF;

}

.NavigationBar  a
{
    text-decoration:none;
    color:#ffffff;
}

.NavigationBar a:hover
{
    text-decoration:underline;
}


@media screen and (max-width : 800px)
{
	.NavigationBar 
    {
      padding-left:0%;
     padding-right :0%;
     
    }
 
    
    .NavigationBar .NavigationBlockSplitter
    {
        display:none;
    }
    
    .NavigationBar > .NavigationBlock
    {

         display:block;
         width:50%;
         float:left;
         padding-bottom:10px;
         border-right:none;
    }
    
    

    .NavigationBar > .NavigationBlock:first-child
    {
          border-left:none;
    }
    
    
}


@media screen and (max-width : 300px)
{
    .NavigationBar 
    {
        display:block;
    }
        
    .NavigationBar > .NavigationBlock
    {

         display:block;
         width:100%;
         padding-bottom:10px;
    }
    
     
    .NavigationBlock 
    {
        display:block;

    }
    
    
}




/*News Start*/

.NewsMainContainer .PagingContainer
{
    padding-top:20px;
}


.NewsListBlock .Item
{
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom:10px;
}

.NewsListBlock .Item A:hover
{
    text-decoration: underline;
}

.NewsListBlock .TitleValueContainer
{
    float: left;
    display: table;
    padding-bottom: 0px;
    height: 20px;
    margin: 0px;
}

.NewsListBlock .TitleValuePrefix
{
    display: table-cell;
    width: 20px;
    height: 20px;
    padding: 0px;
    margin: 0px;
    background-image: url(/image/NewsIcon.gif);
    background-position-y: 6px;
    background-repeat: no-repeat;
}

.NewsListBlock .TitleValue
{
    display: table-cell;
    padding-top: 4px;
    vertical-align: top;
    color: Black;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
}

.NewsListBlock .PublishTimeValueContainer
{
    float: left;
    height: 20px;
    vertical-align: top;
    padding-top: 4px;
}

.NewsListBlock .PublishTimeValuePrefix:before
{
    display: inline-block;
    padding-left: 10px;
    content: " (";
    width: 10px;
}

.NewsListBlock .PublishTimeValue
{
    color: Red;
    font-style: italic;
}

.NewsListBlock .PublishTimeValuePrefix
{
    display: inline-block;
}


.NewsListBlock .PublishTimeValuePostfix
{
    display: inline-block;
}

.NewsListBlock .PublishTimeValuePostfix:before
{
    display: inline-block;
    content: " ) ";
    width: 10px;
}

.NewsListBlock .DescriptionValueContainer
{
    float: none;
    overflow: hidden;
    width: 100%;
    display: block;
    padding-left: 20px;
    padding-top:10px;
    padding-bottom:10px;
}

.NewsListBlock .DescriptionValuePrefix
{
    display: none;
}

.NewsListBlock .DescriptionValue
{
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

@media screen and (max-width : 660px)
{
    .NewsListBlock .PublishTimeValueContainer
    {
        display: none;
    }
}
/*News End*/


/* OrderCancel Start */
.OrderCancelMain .OrderCancelDetailBlock
{
    min-height:210px;
}

.OrderCancelMain .OrderCancelDescriptionContainer
{
    font-family:"微軟正黑體" , Arial, sans-serif;
    min-height:180px;
}
/* OrderCancel End */



/* OrderComplete Start */
.OrderCompleteMain .ReceiverEditForm  
{
    width:100%;
}

.OrderCompleteMain .CaptionContainer 
{
    white-space:nowrap;
}

.OrderCompleteMain .ReceiverEditForm .Caption
{
    white-space:nowrap;
    font-size:14px;
    font-weight:bold;
    font-family: "微軟正黑體" , Arial, sans-serif;    
}

.OrderCompleteMain .ReceiverEditForm .Caption:before
{
    content:"‧";
}

.OrderCompleteMain .ReceiverEditForm .ValueContainer
{
    width:90%;
}

.OrderCompleteMain .ReceiverEditForm .Value
{
    font-size:14px;
    font-weight:bold;
    font-family: "微軟正黑體" , Arial, sans-serif;       
}


.OrderCompleteMain .OrderDetailCaptionContainer
{
    padding-top:6px;
}

.OrderCompleteMain .OrderDetailCaption
{
    font-size:14px;
    font-weight:bold;
    font-family: "微軟正黑體" , Arial, sans-serif;    
}

.OrderCompleteMain .OrderDetailCaption:before
{
    content:"‧";
}

.OrderCompleteMain .OrderCompleteListBlock
{
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    border:none;
}

.OrderCompleteMain .OrderCompleteListBlock .ValueContainer
{
    text-align:center;
}

.OrderCompleteMain .OrderCompleteListBlock .AmountValueContainer
{
    _text-align:right;
    text-align:center;
    padding-right:24px;
}

.OrderCompleteMain .UsedRewardPointsParameter
{
    display:inline;
}

.OrderCompleteMain .CouponIdParameter
{
    display:inline;    
}



.OrderCompleteMain .DigitGoodsDownloadLink
{
    font-size:16px;
    font-weight:bold;
    color:darkblue;
    margin-left:10px;
    font-family: "微軟正黑體" , Arial, sans-serif;    
}

.OrderCompleteMain .TotalAmountCaptionContainer
{
    vertical-align:bottom;
}

.OrderCompleteMain .TotalAmountValueContainer
{
    padding-left:5px;
    vertical-align:bottom;
}

.OrderCompleteMain .TotalAmountCaption
{
    position:relative;
    top:4px;
}

.OrderCompleteMain .TotalAmountValue
{
   
    font-weight:bold;
    font-size:25px;
}


@media screen and (max-width : 440px)
{
  .OrderCompleteListBlock .list_form th:nth-child(1)
  {
    display:none;
  }
  
  .OrderCompleteListBlock .list_form tr td:nth-child(1)
  {
    display:none;
  }
}
/* OrderComplete End */




/* OrderConfirm Start */
.OrderConfirmMain
{ 
}


 
.OrderConfirmMain .EditForm
{
    width:100%;
}

.OrderConfirmMain .CaptionContainer
{
    white-space:nowrap; 
    text-align:right;
}

.OrderConfirmMain .ValueContainer
{
    width:70%;
}

.OrderConfirmMain .OrderConfirmEditFormTitle
{
    text-align:left;
    font-weight:bold;
    margin-bottom:20px;
    font-size:24px;
    border-bottom:0px ;
}

.OrderConfirmMain .Step
{
    color:rgb(243,152,0);
    font-weight:bold;
    font-size:20px;
}

.OrderConfirmMain .ReceiverConfirmEditFormTitle
{
    width:100%;
    height:auto;
    text-align:left;
    padding-bottom:0px;
}

.OrderConfirmMain .PaymentConfirmEditFormTitle
{
    width:100%;
    height:auto;
    text-align:left;
}

.OrderConfirmMain .OrderConfirmButtonList
{
    width:100%;
}

.OrderConfirmMain .ShipAddressValue
{
    width:90%;
}

.OrderConfirmMain .EmailValue
{
    width:60%;
}

.OrderConfirmMain .InvoiceTitleValue
{
    width:60%;
}

@media screen and (max-width : 440px)
{
    .OrderConfirmMain .ShipAddressValue
    {
        width:100%;
    }

    .OrderConfirmMain .EmailValue
    {
        width:100%;
    }

    .OrderConfirmMain .InvoiceTitleValue
    {
        width:100%;
    }
  
}


.OrderConfirmMain .MemberGradeDiscountAmountValue
{
    color:blue;
}

.OrderConfirmMain .RewardPointsDiscountAmountValue
{
    color:blue;
}

.OrderConfirmMain .CouponDiscountAmountValue
{
    color:blue;
}

.OrderConfirmMain .TotalAmountValue
{
    color:red;
    font-weight:bold;
    font-size:20px;
}

.SubmitButton
{
    min-width:100px;
}
 
/* OrderConfirm End */



/* OrderDetail Start */
.OrderDetailMain
{
    border: 3px solid rgb(128,128,128);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    display: table;
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    background-image: url(../../Image/ListBack.jpg);
    background-repeat: repeat-x;
    margin-bottom:20px;
}

.OrderDetailMain .OrderDetailEditFormTitle
{
    color:Black;
}

.OrderDetailMain .OrderDetailEditForm
{
    width:100%;
}


.OrderDetailMain .Splitter
{
    overflow:hidden;
    text-align:left;
    padding-top:4px;
    font-weight:bold;
    border-bottom:1px solid gray;
    width:100%;
}

.OrderDetailMain .Parameter
{
    display:table;
    float:left;
    text-align:left;
    width:50%;
}

.OrderDetailMain .Parameter .CaptionContainer
{
    text-align:left;
    white-space:nowrap;
    display:table-cell;
    width:40%;
}

.OrderDetailMain .Parameter .ValueContainer
{
    text-align:left;
     display:table-cell;
    width:auto;
    padding-left:2px;
}
 
.OrderDetailMain .OrderDescriptionParameter
{
    width:100%; 
}


.OrderDetailMain .ReceiverEmailParameter
{
    width:100%; 
}


.OrderDetailMain .Parameter .ReceiverEmailCaptionContainer
{
    width:20%;
}

.OrderDetailMain .ShipReceiverParameter
{
     width:100%; 
}

.OrderDetailMain  .Parameter .ShipReceiverCaptionContainer
{
    width:20%;
}
 
.OrderDetailMain .Parameter .AmountPayableValue
{
    font-weight:bold;
}

.OrderDetailMain .ShipAddressParameter
{
     width:100%; 
}


.OrderDetailMain  .Parameter .ShipAddressCaptionContainer
{
    width:20%;
}


.OrderDetailMain .ReceiverTimeParameter 
{
     width:100%; 
}

.OrderDetailMain  .Parameter .ReceiverTimeCaptionContainer
{
    width:20%;
}


.OrderDetailMain .InvoiceTypeParameter 
{
     width:100%; 
}

.OrderDetailMain  .Parameter .InvoiceTypeCaptionContainer
{
    width:20%;
}

.OrderDetailMain .InvoiceTitleParameter 
{
     width:100%; 
}
.OrderDetailMain  .Parameter .InvoiceTitleCaptionContainer
{
    width:20%;
}
.OrderDetailMain .VatNumberParameter 
{
     width:100%; 
}
.OrderDetailMain  .Parameter .VatNumberCaptionContainer
{
    width:20%;
}

.OrderDetailMain .OrderProductSplitter
{
    border-bottom:0PX;
}

.OrderDetailMain .OrderProductListBlock
{
    border: none;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    min-height:0px;
}

.OrderDetailMain .ButtonList
{
    text-align:right;
}

.OrderDetailMain .list_form TD
{
    text-align:center;
}

.OrderDetailMain .ButtonList
{
    padding-top:10px;
}

@media screen and (max-width : 440px)
{
    .OrderDetailMain
    {
        padding-left:10px;
        padding-right:10px;
    }
    
    .OrderDetailMain .Parameter
    {
        width:100%;
    }
    
    
    .OrderDetailMain .CaptionContainer
    {
        white-space:normal;
    }
    
    
    .OrderDetailMain .Parameter .ReceiverEmailCaptionContainer
    {
        width:40%; 
        float:none;
        vertical-align:top;
        display:table-cell;
    }


    .OrderDetailMain  .Parameter .ShipAddressCaptionContainer
    { 
        float:none;
        vertical-align:top;
        display:table-cell;
    }
    
    .OrderDetailMain .ValueContainer
    { 
        float:none;
        display:table-cell;
    }
     
    .OrderDetailMain  .Parameter .ReceiverTimeCaptionContainer
    {
        width:40%;
    }
 
    .OrderDetailMain  .Parameter .InvoiceTypeCaptionContainer
    {
        width:40%;
    }
 
    .OrderDetailMain  .Parameter .InvoiceTitleCaptionContainer
    {
        width:40%;
    } 
    .OrderDetailMain  .Parameter .VatNumberCaptionContainer
    {
        width:40%;
    }
    
    .OrderDetailMain .list_form th:nth-child(1)
    {
        display:none;
    }
    
    .OrderDetailMain .list_form TR TD:nth-child(1)
    {
        display:none;
    }
}
/* OrderDetail End */





/* OrderList Start */
.OrderListMain
{
}

.OrderListMain .OrderListListBlockFormTitle
{
    height: 40px;
    border: none;
    margin-bottom: 20px;
}

.OrderListMain .OrderListListBlock
{
    border-radius: 0px;
    border: none;
    padding: 0px;
    padding-left: 0px;
    display: block;
    width: auto;
    overflow: hidden;
    margin-top: 10px;
    min-height: 0px;
}

.OrderListMain .OrderListListBlock .ValueContainer
{
    text-align:center;
}

.OrderListMain .OrderListListBlock .OrderNoValue
{
    color:Black;
}

.OrderListMain .OrderListListBlock .AmountPayableValue:before
{
    content: "$";
}

@media screen and (max-width : 440px)
{
    
.OrderListMain
{
    padding-left: 10px;
    padding-right: 10px;
}

.OrderListMain .OrderListListBlock th:nth-child(2)
{
    display:none;
}
.OrderListMain .OrderListListBlock th:nth-child(5)
{
    display:none;
}

.OrderListMain .OrderListListBlock tr td:nth-child(2)
{
    display:none;
}

.OrderListMain .OrderListListBlock tr td:nth-child(5)
{
    display:none;
}

}

/* OrderList End */


/**/
.PageBottomContainer 
{
   background-color:#004c81;
   background-image:url(/UploadFile/HongYouPageBottomBack.png);
   background-position-x:90%;
   background-position-y:30px;
   background-repeat:no-repeat;
   background-size:auto 90%;
}

@media screen and (max-width:660px)
{
.PageBottomContainer 
{
   background-image:none;
}

}
/**/

/*  PageFooterContainer Start  */
.PageFooterContainer
{
    width: 100%;
     margin-left:auto;
    margin-right:auto;
    height: auto;
    vertical-align: bottom;
    text-align: left;
    padding-top:10px;
    padding-right:10px;
   
    color:#FFFFFF;
}

.PageFooterContainer > SPAN
{
   max-width:1200px;
   width:100%;
    display:block;
     margin-left:auto;
    margin-right:auto;
}

@media screen and (max-width:660px)
{
  .PageFooterContainer > SPAN
  {
     padding:10px;
  }
}


.PageFooterContainer A
{
  color:inherit;
}
/*  PageFooterContainer End */
  


/* PageHeader Start */
.PageHeaderContainer
{ 
    padding-top:0px;
   background-color:rgba(0,143,204,0.5);
   z-index:1010;
   position:Relative;
}

.PageHeaderContainer > DIV
{
	width:100%;

	max-width:1200px;
	display:block; 
	position:relative;
	height:100px;
	text-align:right;
	vertical-align:top;
	margin-left:auto;
	margin-right:auto;
}
 

@media screen and (max-width:860px)
{
    .PageHeaderContainer > DIV
    {
       height:80px;
    }
}

@media screen and (max-width:440px)
{
    .PageHeaderContainer > DIV
    {
       height:60px;
    }
}

/* PageHeader End */



/*  PagePathContainer Start */
.PagePathContainer
{
}

.IndexMainGroup .PagePathContainer
{
    padding-bottom:20px;
}

.PathNode
{
  font-size:16px;
  text-decoration:none;
  color:rgb(94,70,69);
  font-family: "微軟正黑體" ,Arial;
}

A.PathNode
{
  font-family: "微軟正黑體" ,Arial;
}

A.PathNode:hover
{
    text-decoration:underline;
}


.PathSplitter:before
{
    content : " > ";
    font-size:12px;
    font-family: 微軟正黑體;
    color:rgb(206,204,204);
}

@media screen and (max-width :660px)
{
    .PagePathContainer
    {
        text-align: left;
        padding-top: 2px;
        padding-left: 10px;
        padding-bottom: 2px;
    }

    .PathNode
    {
        
        font-family: 微軟正黑體;
    }
}
/*  PagePathContainer End */



.paging
{
    text-align: left;
    font-size: 13px;
    margin-left:auto;
    margin-right:auto; 
    padding-left:2px;
    display:inline-block;
}

.page_index_button
{
    border: 1px solid lightgray;
    color:rgb(154,136,170);
    min-width: 30px;
    height:30px;
    display:inline-block;
    text-align: center;
    margin:0px;
    cursor: hand;
    cursor:pointer;
    background-color:White;
    margin-left:-1px;
}

.page_index_button:hover
{
    background-color:rgb(235,235,235);
}

.curr_page_index_button
{
    border: 1px solid lightgray;
    min-width: 30px;
    height:30px;
    display:inline-block;
    text-align: center;
    font-weight: bold;
    background-color:rgb(92,69,69);
    color:white;
    margin-left:-1px;
}

.curr_page_index_button.onlyone_page_index_button
{
	    color:rgb(154,136,170);
    background-color:White;
}

.curr_page_index_button:hover
{
    background-color:rgb(100,79,79);
    color:white;
}


.paging input
{
    font-family: 微軟正黑體,Microsoft JhengHei;
}


.MovePageButton
{ 
    border: 1px solid lightgray;
    width: 45px;
    height:30px;
    background-color:White;
    display:inline-block;
    text-align: center;
    margin:0px;
    color:Gray;
    cursor: hand;
    cursor:pointer;
}

.MovePageButton:hover
{
    background-color:rgb(235,235,235);
}

.MovePageButton[disabled]
{ 
    color:lightgray;
    cursor:default;
}

.MovePageButton[disabled]:hover
{
    background-color:White;
}


.MoveToFirstButton
{
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
   
}

.MoveToPreviousButton
{
    cursor:pointer;
    margin-left:-1px;
}


.MoveToNextButton
{
     margin-left:-1px;

}

.MoveToEndButton
{
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-left:-1px;
} 

.paging .TotalCountParameter
{
    display:none;
}
/*Paging End*/



/* ProductDetail Start */

.ProductDetailDetailBlock
{
}

.ProductDetailDetailBlock .list_form TD
{
   text-align:center;
}

.ProductDetailDetailBlock .PictureViewPictureListContainer
{
 }

.ProductDetailDetailBlock .ProductTopGroup
{
    display:block;
    width:100%;
    height:auto;
    min-height:360px;
    padding:0px;
    vertical-align: top;
    position:relative;
    overflow:visible;
}

/*ProductTopGroup ProductPictureValueContainer Start*/

 
.ProductDetailDetailBlock .ProductTopGroup .ProductPictureValueContainer
{
    _display: table-cell;
    display: inline-block;
    width:60%;
    padding: 0px;
    overflow: hidden;
} 

.ProductDetailDetailBlock .ProductTopGroup .ProductPictureValueContainer Img
{
    max-width:500px;
    max-height:500px;
    width:auto;
}

@media screen and (max-width : 660px)
{
    .ProductDetailDetailBlock .PictureViewPictureListContainer
    {
          min-width:0px;
          min-height:100px;
          width:100%;
    }
    
    .ProductDetailDetailBlock .ProductTopGroup .ProductPictureValueContainer
    {
        display: block;
        text-align: center;
        width: 100%;
        min-width:10px;
    }
    

   .ProductDetailDetailBlock .ProductTopGroup .ProductPictureValueContainer Img
   {
      width:100%;
   }
   
}


/*ProductTopGroup ProductPictureValueContainer End*/

/* Product AttributeGroup Start */
.ProductDetailDetailBlock .ProductAttributeGroup
{
    _display: table-cell;
    _display:inline-block;
    position:absolute;
    display:block;
    top:0px;
    right:0px;
    width: 38%;
    padding-left:10px;
    vertical-align: top;
    text-align:left;
   
}
 

@media screen and (max-width : 660px)
{
  .ProductDetailDetailBlock .ProductAttributeGroup
    {
        position:static;
        display: block;
        text-align: left; 
        width: 100%;
        margin-top: 10px;
        float:none;

    }
}
/* Product AttributeGroup End*/


.ProductDetailDetailBlock .ProductAttributeGroup .CaptionPrefix
{
    display: none;
}

.ProductDetailDetailBlock .ProductAttributeGroup .Caption
{
    font-size: 15px;
    font-weight: bold;
    color: #505050;
    vertical-align: top;
    
}

.ProductDetailDetailBlock .ProductAttributeGroup .CaptionContainer.ProductNameCaptionContainer
{
    display:none;    
}


.ProductDetailDetailBlock .ProductAttributeGroup .ProductNameValue
{
    font-size:20px;
    display:block;
    margin-bottom:10px;
    color: #505050;
}

.ProductDetailDetailBlock .ProductAttributeGroup .Caption.ProductIdCaption:after
{
    content:" :";
    vertical-align:top;
}

.ProductAttributeCaption
{
   display:none;
}



.ProductDetailDetailBlock .ProductAttributeGroup .CaptionPostfix
{
    height: 15px;
    background-repeat: no-repeat;
    width: 10px;
    display: inline-block;
}

 
.ProductDetailDetailBlock .ProductAttributeGroup .ProductAttributeParameter
{
    display: table;
    width:100%;
}

.ProductDetailDetailBlock .ProductAttributeGroup .CaptionContainer
{
    display: table-cell;
    white-space: nowrap; 
}

.ProductDetailDetailBlock .ProductAttributeGroup .CaptionContainer.AttributeCaptionContainer
{
    display:none;
}

.ProductDetailDetailBlock .ProductAttributeGroup .ValueContainer
{
    display: table-cell;
    width:90%;
    font-size: 15px;
    vertical-align: top;
}

.ProductDetailDetailBlock .ProductAttributeGroup .ValueContainer.AttributeValueContainer
{
    padding-top:10px;
}

.ProductDetailDetailBlock .ProductAttributeGroup .ProductNameValue
{
    font-weight: bold;
}

.ProductDetailDetailBlock .ProductAttributeGroup .ProductIdValue
{
    font-weight: bold;
}




/*Product Shopping Start*/
.ProductDetailDetailBlock .ProductShoppingGroup 
{
    display:block;
    width:60%;
    position:relative;
}

.ProductDetailDetailBlock .AddToFavoriteButtonContainer
{
    text-align:right;
    padding-top:4px;
    padding-bottom:5px;
    width:100%;
    position:static;
    right:0px;
    top:3px;
    z-Index:10;
}

.ProductDetailDetailBlock .AddToFavoriteButtonContainer .AddToFavoriteButton
{
     width:86px;
}

@media screen and (max-width : 440px)
{
	.ProductDetailDetailBlock .AddToFavoriteButtonContainer
	{
	     padding-top:10px;
	}
}


.ProductDetailDetailBlock .ProductShoppingGroup .RemainTimeParameter
{
    padding-top:10px; 
    vertical-align:bottom; 
    width:100%;
}
.ProductDetailDetailBlock .ProductShoppingGroup .RemainTimeCaptionPostfix:before
{
    content : " ";
}

.ProductDetailDetailBlock .ProductShoppingGroup .RemainTimeCaptionPrefix
{
    display:inline;
    background-image:url(../../Image/Clock.gif);
    padding-left:30px;
    padding-top:10px;
}

.ProductDetailDetailBlock .ProductShoppingGroup .RemainTimeCaption
{
    display:inline;
}

@media screen and (max-width : 800px)
{
    .ProductDetailDetailBlock .ProductShoppingGroup .RemainTimeCaption
    {
        display:none;
    }
}

.ProductDetailDetailBlock .ProductShoppingGroup .RemainTimeCaptionPostfix
{
    display:none;
}

.ProductDetailDetailBlock .ProductShoppingGroup .RemainTimeValue
{ 
    white-space:nowrap;
    display:inline;
}

@media screen and (max-width : 660px)
{
	.ProductDetailDetailBlock .ProductShoppingGroup 
	{
  	  display:block;
    	width:100%;
	}
}


/* BuyPackage1Parameter Start */

.ProductDetailDetailBlock .ProductShoppingGroup .BuyPackage1Parameter
{ 
    vertical-align:bottom;
    text-align:left; 
    display:inline;
}

.ProductDetailDetailBlock .ProductShoppingGroup .BuyCaption
{
    vertical-align:bottom;
    text-align:left;
    display:inline;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package1Group
{
    position:relative;
    padding-top:0px;
    vertical-align:top;
    border-bottom:1px solid lightgray;
    padding-bottom:10px;

    display:none;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package1Count
{
    vertical-align:bottom;
    display:inline;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package1UnitNameValue
{
    vertical-align:bottom;
    display:inline;
}



.ProductDetailDetailBlock .ProductShoppingGroup .Package1UnitPriceBeginCaption
{
    vertical-align:bottom;
    display:inline;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package1UnitPriceBeginCaption:after
{
   content: "$";
}


.ProductDetailDetailBlock .ProductShoppingGroup .Package1UnitPriceValue
{ 
    color:rgb(240,99,84);
    font-weight:bold;
    font-size:29px;
    position:relative;
    top:2px;
}

/*BuyPackage1Parameter End */


/* Package1OriginalPriceParameter Start */
.ProductDetailDetailBlock .ProductShoppingGroup .Package1OriginalPriceParameter
{
    _display:inline;

    vertical-align:bottom;

    _display:none;
}

 

.ProductDetailDetailBlock .ProductShoppingGroup .Package1OriginalPriceCaption
{
     vertical-align:bottom;
}

@media screen and (max-width : 400px)
{
    .ProductDetailDetailBlock .ProductShoppingGroup .Package1OriginalPriceCaption
    {
        display:none;
    }
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package1OriginalPriceValue
{
    vertical-align:bottom;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package1OriginalPriceValue:before
{
    content : "$";
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package1OriginalPriceValue
{
    text-decoration:line-through;
} 



.ProductDetailDetailBlock .ProductShoppingGroup .Package1SavePriceCaption
{   
   vertical-align:bottom;
}
  

.ProductDetailDetailBlock .ProductShoppingGroup .Package1SavePriceValue
{
    vertical-align:bottom;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package1SavePriceValue:before
{
    content:"$";
}

/*Package1OriginalPriceParameter End */


/* BuyPackage1ButtonContainer Start */
.ProductDetailDetailBlock .ProductShoppingGroup .BuyPackage1ButtonContainer
{
    display:inline-block;
    _display:none;
    position:absolute;
    bottom:10px;
    right:0px;
}

.ProductDetailDetailBlock .ProductShoppingGroup .BuyPackage1ButtonContainer  .Button
{
    height:50px;
}
/* BuyPackage1ButtonContainer End */




/* BuyPackage2Parameter Start */

.ProductDetailDetailBlock .ProductShoppingGroup .BuyPackage2Parameter
{ 
    vertical-align:bottom;
    text-align:left; 
    display:inline;
 
}

.ProductDetailDetailBlock .ProductShoppingGroup .BuyCaption
{
    vertical-align:bottom;
    text-align:left;
    display:inline;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package2Group
{
    position:relative;
    border-bottom:1px solid lightgray;
    padding-bottom:10px;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package2Count
{
    vertical-align:bottom;
    display:inline;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package2UnitNameValue
{
    vertical-align:bottom;
    display:inline;
}



.ProductDetailDetailBlock .ProductShoppingGroup .Package2UnitPriceBeginCaption
{
    vertical-align:bottom;
    display:inline;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package2UnitPriceBeginCaption:after
{
   content: "$";
}


.ProductDetailDetailBlock .ProductShoppingGroup .Package2UnitPriceValue
{ 
    color:rgb(240,99,84);
    font-weight:bold;
    font-size:29px;
    position:relative;
    top:2px;
}

/*BuyPackage2Parameter End */


/* Package2OriginalPriceParameter Start */
.ProductDetailDetailBlock .ProductShoppingGroup .Package2OriginalPriceParameter
{
    display:inline;
    vertical-align:bottom;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package2OriginalPriceCaption
{
     vertical-align:bottom;
}

@media screen and (max-width : 400px)
{
    .ProductDetailDetailBlock .ProductShoppingGroup .Package2OriginalPriceCaption
    {
        display:none;
    }
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package2OriginalPriceValue
{
    vertical-align:bottom;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package2OriginalPriceValue:before
{
    content : "$";
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package2OriginalPriceValue
{
    text-decoration:line-through;
} 



.ProductDetailDetailBlock .ProductShoppingGroup .Package2SavePriceCaption
{   
   vertical-align:bottom;
}
  

.ProductDetailDetailBlock .ProductShoppingGroup .Package2SavePriceValue
{
    vertical-align:bottom;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package2SavePriceValue:before
{
    content:"$";
}

/*Package2OriginalPriceParameter End */


/* BuyPackage2ButtonContainer Start */
.ProductDetailDetailBlock .ProductShoppingGroup .BuyPackage2ButtonContainer
{
    display:inline-block;
    position:absolute;
    bottom:10px;
    right:0px;
}

.ProductDetailDetailBlock .ProductShoppingGroup .BuyPackage2ButtonContainer  .Button
{
    height:50px;
}
/* BuyPackage2ButtonContainer End */






/* BuyPackage3Parameter Start */

.ProductDetailDetailBlock .ProductShoppingGroup .BuyPackage3Parameter
{ 
    vertical-align:bottom;
    text-align:left; 
    display:inline;
}

.ProductDetailDetailBlock .ProductShoppingGroup .BuyCaption
{
    vertical-align:bottom;
    text-align:left;
    display:inline;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package3Group
{
    position:relative;
    border-bottom:1px solid lightgray;
    padding-bottom:10px;
    
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package3Count
{
    vertical-align:bottom;
    display:inline;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package3UnitNameValue
{
    vertical-align:bottom;
    display:inline;
}



.ProductDetailDetailBlock .ProductShoppingGroup .Package3UnitPriceBeginCaption
{
    vertical-align:bottom;
    display:inline;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package3UnitPriceBeginCaption:after
{
   content: "$";
}


.ProductDetailDetailBlock .ProductShoppingGroup .Package3UnitPriceValue
{ 
    color:rgb(240,99,84);
    font-weight:bold;
    font-size:29px;
    position:relative;
    top:2px;
}

/*BuyPackage3Parameter End */


/* Package3OriginalPriceParameter Start */
.ProductDetailDetailBlock .ProductShoppingGroup .Package3OriginalPriceParameter
{
    display:inline;
    vertical-align:bottom;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package3OriginalPriceCaption
{
     vertical-align:bottom;
}

@media screen and (max-width : 400px)
{
    .ProductDetailDetailBlock .ProductShoppingGroup .Package3OriginalPriceCaption
    {
        display:none;
    }
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package3OriginalPriceValue
{
    vertical-align:bottom;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package3OriginalPriceValue:before
{
    content : "$";
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package3OriginalPriceValue
{
    text-decoration:line-through;
} 



.ProductDetailDetailBlock .ProductShoppingGroup .Package3SavePriceCaption
{   
   vertical-align:bottom;
}
  

.ProductDetailDetailBlock .ProductShoppingGroup .Package3SavePriceValue
{
    vertical-align:bottom;
}

.ProductDetailDetailBlock .ProductShoppingGroup .Package3SavePriceValue:before
{
    content:"$";
}

/*Package3OriginalPriceParameter End */


/* BuyPackage3ButtonContainer Start */
.ProductDetailDetailBlock .ProductShoppingGroup .BuyPackage3ButtonContainer
{
    display:inline-block;
    position:absolute;
    bottom:10px;
    right:0px;
}

.ProductDetailDetailBlock .ProductShoppingGroup .BuyPackage3ButtonContainer  .Button
{
    height:50px;
}
/* BuyPackage3ButtonContainer End */



/* Additional Product Start */
.ProductDetailDetailBlock .AdditionalProductListBlockContent
{
    width:100%;
    padding-top:4px;    
    padding-bottom:10px;
}

.ProductDetailDetailBlock .AdditionalProductCaption
{
    padding-left:0px;
    padding:0px;
}

.ProductDetailDetailBlock .AdditionalProductListBlockItem
{
    display:table;
}
.ProductDetailDetailBlock .AdditionalProductListBlockItem .AdditionalProductButtonContainer
{
    display:table-cell;
    vertical-align:middle;
}
.ProductDetailDetailBlock .AdditionalProductListBlockItem .BuyAdditionalProductDescriptionGroup
{
    display:table-cell;
    vertical-align:middle;
    padding-left:3px;
}
/* Additional Product End */

/* ApplicationPicture  Start*/
.ProductDetailDetailBlock .ApplicationPictureValueContainer
{
    width:100%;
}

.ProductDetailDetailBlock .ApplicationPictureValue
{
    width: 100%;
}

/* ApplicationPicture End*/

/* ProductBottomGroup Start*/
.ProductDetailDetailBlock .ProductBottomGroup
{ 
    float:left;
    width:100%;
}

@media screen and (max-width : 660px)
{
    .ProductDetailDetailBlock .ProductBottomGroup
    { 
        display:block;
        float:none;
        width:100%;
    }
}

.ProductDetailDetailBlock .ValueContainer.DescriptionValueContainer
{
   padding-top:20px;
}

/* ProductBottomGroup End*/

/*LikeBoxContainer Start*/
.LikeBoxContainer
{
    width:100%; 
    display:block;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

@media screen and (max-width : 440px)
{  
    .LikeBoxContainer
    {
        display:none;
    }
}
/*LikeBoxContainer End*/

/* Hot Product Start */
.ProductDetailDetailBlock .HotProductCaptionContainer
{
    text-align:left;
}

.ProductDetailDetailBlock .HotProductCaption
{
    width:100%;
    font-weight:bold;
    color:#505050;
    font-size:20px;

}

.ProductDetailDetailBlock .HotProductGroup
{
   width:100%;  
   display:none;
}

.ProductDetailDetailBlock .HotProductListBlockItem
{
    display:inline-block;
    width:23%;
    margin-top:10px;
    padding:4px;
}

.ProductDetailDetailBlock .HotProductListBlockItem .ProductPictureValueContainer
{
    vertical-align:middle;
}
   
.ProductDetailDetailBlock .HotProductListBlockItem .ProductPictureValueContainer:before
{
    content:" ";
    vertical-align:middle;
    height:100%;
}

.ProductDetailDetailBlock .HotProductListBlockItem .PicturePathValue
{
    width:100%;
    vertical-align:middle;
}


.ProductDetailDetailBlock .HotProductListBlockItem .PicturePathValue:HOVER
{
    -moz-box-shadow: 0 0 10px #808080; 
    -webkit-box-shadow: 0 0 10px #808080; 
    box-shadow: 0 0 10px #808080;
}


.ProductDetailDetailBlock .HotProductListBlockItem
{
    height:160px;  
}

.ProductDetailDetailBlock .HotProductListBlockItem .HotProductDescriptionGroup
{
    text-align:center;
}

.ProductDetailDetailBlock .HotProductListBlockItem .ProductNameValue
{
    display:none;
}

.ProductDetailDetailBlock .HotProductListBlockItem .OriginalPriceCaption
{
    display:none;
}

.ProductDetailDetailBlock .HotProductListBlockItem  .OriginalPriceValue
{
    display:none;
}

.ProductDetailDetailBlock .HotProductListBlockItem  .FromPriceEnd:after
{
    content:"/";
}


@media screen and (max-width : 800px)
{
    .ProductDetailDetailBlock .HotProductListBlockItem
    {
        width:50%;
        min-height:300px;
    }
}

@media screen and (max-width : 440px)
{
    .ProductDetailDetailBlock .HotProductListBlockItem .OriginalPriceCaption
    {
        display:inline;
    }
}

.ProductDetailDetailBlock .HotProductListBlockItem .OriginalPriceValue
{
    text-decoration:line-through;
    font-size:14px;
}

.ProductDetailDetailBlock .HotProductListBlockItem .PromotionPriceValue
{
    color:rgb(240, 99, 84);
    font-weight:bold;
    font-size:20px;
}

@media screen and (max-width : 660px)
{
    .ProductDetailDetailBlock .HotProductGroup
       {
        float:none;
        width:100%;
	}
    
    .ProductDetailDetailBlock .HotProductListBlockContent
        {
		display:block;
    }
    
    .ProductDetailDetailBlock .HotProductListBlockItem
    {
        float:left;
        width:50%;
        padding:5px;
        margin-top:0px;
        min-height:300px;
    }
}

@media screen and (max-width : 440px)
{
    .ProductDetailDetailBlock .HotProductListBlockItem
    {
        float:none;
        width:100%;
        margin:0px;
        min-height:0px;
    }
}
/* Hot Product End */

/*Product Shopping End*/
 
.InquiryProductDetailButtonListPrefix
{
    display: table-cell;
}

.ProductDetailDetailBlock .ButtonList
{
    margin-top: 4px;
    display: table;
    width: 100%;
}

.ProductDetailDetailBlock .ButtonList .ButtonListContentPrefix
{
    display: table-cell;
    width: 10%;
}

.ProductDetailDetailBlock .ButtonList .ButtonListContent
{
    display: table-cell;
    text-align: right;
    white-space: nowrap;
}

.ProductDetailDetailBlock .ButtonList .ButtonContainer
{
    display: inline-block;
    text-align: right;
    padding-left: 10px;
}

.ProductDetailDetailBlock .ButtonList .ButtonListContentPostfix
{
    display: none;
}


.ProductDetailDetailBlock .ButtonList .InquiryButton
{
}



.ProductDetailDetailBlock .ButtonList .InquiryListButton
{ 
}

.ProductDetailDetailBlock .ButtonList.InquiryProductDetailButtonList 
{
    display:inline-block;
    float:right;
    width:200px;
    white-space:nowrap;
}

.ProductDetailDetailBlock .ButtonList.InquiryProductDetailButtonList .ButtonListContentPrefix
{
    display:none;
}

.LikeBarContainer
{
    position: relative;
    max-width: 200px;
    _top: -22px;
}

.LikeBarContainer TABLE TD:first-child
{
   width:70px;
}
 
@media screen and (max-width : 440px)
{
    .ProductDetailDetailBlock
    {
    }
    
    .ProductDetailDetailBlock .ButtonList
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ProductDetailDetailBlock .ButtonList .ButtonListContentPrefix
    {
        width:0px;
    }
    
    .ProductDetailDetailBlock .ButtonList .ButtonContainer
    {
        padding-left:4px;
    }
    
    .ProductDetailDetailBlock .ButtonList .ButtonListContent
    {
        width: 100%;
    }

    .ProductDetailDetailBlock .ButtonList.InquiryProductDetailButtonList
    {
    	text-align:right;
    	width:auto;
    	overflow:none;
    }
 
    .LikeBarContainer
    {
        position: static;
    }


    .ProductDetailDetailBlock .DescriptionValueContainer
    {
        margin-top: 10px;
    }
    
    .ProductDetailDetailBlock  .MoveToTopButton
    {
        display:none;
    }
}


        .ProductDetailMain .PictureIndex
        {
            padding:1px;
            border: 1px solid lightgray;
            background-color: white;
            height:60px;
        }
        
        .ProductDetailMain .OverPictureIndex
        {
            padding:1px;
            border: 1px solid #5050f0;
            background-color: white;
        }
        
    
        .ProductDetailMain .ProductDescription
        {
            min-height: 100px;
            vertical-align: top;
            text-align: left;
            padding-top: 5px;
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box; /* Opera/IE 8+ */
        }
        
        /*
        .ProductDetailMain .ProductPictureContainer
        {
            display: table-cell;
            vertical-align: top;
            width: 40%;
        }
        */
        
        .ProductDetailMain .ProductContainer
        {
            display: table-cell;
            vertical-align: top;
            width: 60%;
            padding: 5px;
            box-sizing: border-box; /* Opera/IE 8+ */
        }
        
        .ProductDetailMain .list_container
        {
            padding: 5px;
        }
        
        .ProductDetailMain  .Product
        {
            height: 290px;
        }
        
        @media screen and (max-width : 500px)
        {
        
        
            .ProductDetailMain .ProductContainer
            {
                display: block;
                width: 100%;
            }
        
            .ProductDetailMain .ProductDescription
            {
                min-height: 50px;
            }
        
            .ProductDetailMain .Product
            {
                height: auto;
            }
        }
        
      
/*  ProductDetail End*/



/*  ProductList Start */
.ProductListMain
{
    font-size:0px;
 
    padding-bottom:120px;
}

.ProductListMain .PagingContainer
{
   padding-top:100px;
   clear:both;
}

@media screen and (min-width:440px)
{
    .MainContainer.ProductListMainContainer 
    {
        background-image:url(/UploadFile/ProductListHeader.jpg);
        background-position:top center;
        background-repeat:no-repeat;
        padding-top:80px;
        margin-top:10px;
    }
}

.ProductListListBlock .ProductListListBlockItem
{
    display: inline-block;
    position:relative;
    width: 20%;
    min-height: 100px;
    margin-left:0%;
    float:left;
    border:2px solid white;
    overflow:hidden;
}

.CategoryBlock.ProductListCategoryBlock
{
   font-size:15px;
}

#ctl00_Main_RP1Container
{
   _position:relative;
}

@media screen and (min-width:920px)
{
  .ProductListMain #ctl00_Main_RP1_ctl00_ItemStart
  {
     width:40%;
     margin-top:2px;
     position:absolute;
   
     display:block;
     border-right:2px solid white;
     border-bottom:1px solid white;
  }

  .ProductListMain #ctl00_Main_RP1_ctl00_ItemStart:after
  {
     content:" ";
     display:block; 
     width:100%;
     padding-top:80%;
     background-image:url(/UploadFile/LeadingPicture.jpg);
     background-position:center center;
     background-repeat:no-repeat;
     background-size:100% auto;

      overflow:hidden;
  }

  .ProductListMain #ctl00_Main_RP1_ctl18_ItemEnd
  {
     width:40%;
     display:inline-block;
     float:right;
     margin-top:0px;

     overflow:hidden;
  }


  .ProductListMain #ctl00_Main_RP1_ctl18_ItemEnd:after
  {
    content : " ";
     display:block; 
     width:100%;
     padding-top:80%;
     background-image:url(/UploadFile/EndingPicture.jpg);
     background-position:center center;
     background-repeat:no-repeat;
     overflow:hidden;
     background-size:100% auto;

     background-size:100% auto;
     border-left:2px solid white;
     border-right:2px solid white;
     border-bottom:2px solid white;
  }



  .ProductListMain #ctl00_Main_RP1_ctl31_ItemEnd
  {
     width:40%;
     display:inline-block;
     float:left;
     margin-top:2px;
border-bottom:2px solid white;
     overflow:hidden;
  }
  .ProductListMain #ctl00_Main_RP1_ctl31_ItemEnd:after
  {
    content : " ";
     display:block; 
     width:100%;
     padding-top:79.3%;
     background-image:url(/UploadFile/EndingPicture.jpg);
     background-position:center center;
     background-repeat:no-repeat;
     overflow:hidden;
     background-size:100% auto;
     border-left:2px solid white;
     border-right:2px solid white;
  }




}

@media screen and (min-width:920px)
{
 .ProductListListBlock DIV:nth-of-type(1).ProductListListBlockItem
 {
    margin-left:40%;
 }

  .ProductListListBlock DIV:nth-of-type(4).ProductListListBlockItem
  {
     margin-left:40%;
  }
}

@media screen and (max-width:860px)
{

  .ProductListListBlock .ProductListListBlockItem
  {
      width:50%;    
  }
}

.ProductListListBlock .ProductPictureValueContainer
{    
    float: left;
    text-align: center;
    width: 100%;
    min-width: 100px;
    font-size:0px;
    position:relative;
   padding-top:80%;
   overflow:hidden;
}


 

.ProductListListBlock .Item:Hover .ProductNameValue
{
    text-decoration:underline;
}

 
.ProductListListBlock .Item .ProductPictureValue
{
    max-width:100%;
    height:auto;

    cursor:hand;
    cursor:pointer;
    max-height:340px;
    position:absolute;
    top:0%;
    left:50%;
    transform: translateX(-50%) ;
    -webkit-transform: translateX(-50%) ;
}

.ProductListListBlock .Item .PriceGroup
{
    white-space:nowrap;
}
    
    
.ProductListListBlock .ProductDescriptionGroup
{
    float: left;
    width: 100%;
    vertical-align: top;
    color:#303025;
    display:none;
    padding-left:10px;
    padding-right:10px;
}

@media screen and (max-width:860px)
{
  .ProductListListBlock .ProductDescriptionGroup
  {
    display:block;
  }



   .ProductListListBlock .ButtonList
   {
      display:inline-block!important;
   }

}

 
.ProductListListBlock .Parameter
{
    vertical-align:bottom;
}


.ProductListListBlock .ProductNameValueContainer
{
    display:inline-block;
    position:absolute;
    right:0px;
}


.ProductListListBlock .ProductNameValue
{
    font-size: 16px;
    font-weight: bold;
    color: black;
    text-decoration: none;
}


.ProductListListBlock .ProductNameValue:HOVER
{
    text-decoration:underline;
}


.ProductListListBlock .HiddenProductLink
{
    display:none;
}

.ProductListListBlock .ProductDescriptionGroup .Parameter
{
    display:block;
    margin-top:3px;
    margin-bottom:1px;
}

.ProductListListBlock .ProductDescriptionGroup .Parameter.ProductIdParameter
{
   _visibility:hidden;
   margin-bottom:10px;
}


.ProductListListBlock .ProductDescriptionGroup .CaptionContainer
{
}

.ProductListListBlock .ProductDescriptionGroup .CaptionPrefix
{
    
}

.ProductListListBlock .ProductDescriptionGroup .Caption
{
 
}

.ProductListListBlock .ProductDescriptionGroup .CaptionPostfix
{
    padding-left: 10px;
}

.ProductListListBlock .ProductDescriptionGroup .Parameter .ValueContainer
{
} 
 

.ProductListListBlock .ProductIdCaptionContainer 
{
    white-space:nowrap;
    display:none;
    padding-right:0px;
}

.ProductListListBlock .ProductIdCaption
{
    display:inline;
    overflow:hidden;
    color: #666666;
    font-size: 12px;
}

.ProductListListBlock .ProductIdCaption:after
{
    display:inline;
    content : " : ";
    font-size:12px;
}

.ProductListListBlock .ProductIdCaptionPrefix
{
    display:none;
}

.ProductListListBlock .ProductIdCaptionPostfix
{
    display:none;
}

.ProductListListBlock .ProductIdValueContainer
{
    display:inline;
    _display:none;
    font-size: 12px;
}
 

.ProductListListBlock .ProductIdValueContainer .Value
{
    font-size: 12px;
    color: #666666;
    text-decoration: none;


}

.ProductListListBlock .ProductDescriptionGroup .ShortDescriptionValueContainer
{
    text-align:right;
   color:#5c4544;
   _display:block;   
display:none;
   font-size:14px;
   background-clip: border-box;
   overflow : hidden;
    white-space : nowrap;
    vertical-align: bottom;
    min-height:24px;
    vertical-align:bottom;
    float:right;
   width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);

}
 
.ProductListListBlock .ProductDescriptionGroup .ShortDescriptionValue
{
    margin-top:5px;
    display:inline-block;
    font-size: 13px;

    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    width:100%;
     overflow:hidden;
}
 

.ProductListListBlock .ButtonList
{
    _display:inline-block;
    display:none;
    position:absolute;
    padding-left:0px;
    bottom:10px;
    left:10px;
}
  
.ProductListListBlock .ButtonList .Button
{
    width:80px;
    color:gray;
    font-size:14px;
    height:25px;
}

.ProductListListBlock .ButtonList .Button:hover
{
    color:Black;
}

.ProductListListBlock .ButtonList .ButtonContainer
{

}


.ProductListListBlock .ButtonList .AddToFavoriteButtonContainer
{
  padding-bottom:4px;
}


.ProductListListBlock .ButtonList .BuyButtonContainer
{
   display:none;
}

.ProductListListBlock .ButtonList .MoreButton
{
    _display:none;
}

.ProductListListBlock .ProductDescriptionGroup .FlashSellParameter
{
    text-align:right;
    padding-left:auto;
    overflow:hidden;
}

.ProductListListBlock .FlashSellClock
{
    display:none;
}

.ProductListListBlock .RemainTime
{
   
}


.ProductListListBlock .ProductListListBlockItem .SellCountTotalCountParameter
{
	text-align:right;
}


.ProductListListBlock .PriceParameter
{
    text-align:right;    
    font-weight:bold;
    font-size:12px;
}

.ProductListListBlock .OriginalPriceCaption
{
    padding-top:3px;
    padding-right:4px;
    vertical-align:bottom;
    font-size:12px;
    display:none;
}

.ProductListListBlock .OriginalPriceValue:before 
{
    _content:"$";
}

.ProductListListBlock .OriginalPriceValue
{ 
    padding:0px;
    vertical-align:bottom;
    font-size:16px;
    text-decoration:line-through;

   display:none;
}
 
 
.ProductListListBlock .PromotionPriceBegin
{ 
    padding-left:5px;
}
 
 
.ProductListListBlock .PromotionPriceValue
{ 
    font-size:18px;
    font-weight:bold;
    color:rgb(240, 99, 84)  
} 
 
@media screen and (max-width : 860px)
{
	  
    .ProductListListBlock 
    {
        padding-left:0px;
    }
   
    .ProductListListBlock .Item .ProductPictureValueContainer
    {
        text-align: center;
        width: 100%;
        min-height: 220px;
    }
    
    .ProductListListBlock .Item .ProductPictureValue
    {
  
    }
     
    .ProductListListBlock .Item .PriceGroup
    {
        white-space:normal;
    }
    
    .ProductListListBlock .Item .ProductDescriptionGroup
    {
        width: 100%;
    }

    .ProductListListBlock .ProductDescriptionGroup .ShortDescriptionValue
    {
        font-size: 15px;
    }
    
  	 
		
}
 
@media screen and (max-width : 560px)
{
        .MainContainer.ProductListMainContainer
        {
            padding-left:10px;
            padding-right:10px;
        }
        
		.ProductListListBlock .ProductListListBlockItem
		{
		    display: inline-block;
		    position:relative;
		    width: 100%;
 		}
		
		 .ProductListListBlock .ProductListListBlockItem:nth-child(2n) 
        {
            margin-left:0px;
            margin-right:0px;
        }

        .ProductListListBlock .ProductListListBlockItem:nth-child(2n+1)
        {
            margin-left:0px;
            margin-right:0px;
        }
        
		.ProductListListBlock .Item .ProductPictureValue
		{
  		 width:100%;
  		 max-height:1100px;
  		 min-height: 0px;
		}
 	 					
 		.ProductListListBlock .Item .ProductPictureValueContainer
    {
        min-height: 0px;
    }
		
		.ProductListListBlock .ProductIdValueContainer
		{    
		    padding-left:6px;
			  _visibility:hidden;
		}

}
 
/* ProductList End */



/*ProductSearchContainer Start*/
.ProductSearchContainer
{
    _display:inline-block;
    display:none;
    
    position:absolute;
    right:40px;
    bottom:30px;
    vertical-align:bottom;
    white-space:nowrap;
    padding-bottom:20px;
    text-align:right;
    
}

 .ProductSearchKeywordField
{
    border:1px solid #a0a0a0; 
    height:23px;
    color:rgb(109,109,109);
}

.ProductSearchContainer .ProductSearchButton
{
    border-radius: 6px;
    border: 1px solid lightgray;
    width: 45px;
    height:30px;
    background-color:White;
    display:inline-block;
    text-align: center;
    margin:0px;
    color:Gray;
    cursor: hand;
    cursor:pointer;
    min-width:80px;
    background-image:url(/Image/SearchIcon.jpg);
    background-repeat:no-repeat;
    background-position-y:5px;
    background-position-x:2px;
}

.ProductSearchContainer .ProductSearchButton:hover
{
    color:Black;
}

@media screen and (max-width : 860px)
{
    .ProductSearchContainer
    {
        _display:inline-block;
        display:none;
        position:absolute;
        right:20px;
        bottom:0px;
        padding-bottom:5px;
        vertical-align:bottom;
        white-space:nowrap;
        text-align:right;
    }

}
 

/*ProductSearchContainer End*/


/*SideBarContainer Start*/

.RightSideBarContainer
{
    _display:table-cell;
    display:none;
    min-width:100px;
    vertical-align:top; 
    padding-top:12px;
}
 
.ShoppingCartRightSideBarContainer
{
}

.ShoppingCartMainContainer
{
}
/*SideBarContainer　End*/




/* ShareBar Start */
.ShareBarContainer
{
    overflow: hidden;
    text-align:right;
    padding-top:20px;
    float:right;
    position:fixed;
    left:0px;
    top:30%;
    transition:left 1s;
}


.ShareBarContainer .ShareButtonContainer
{
  display:block;
}


 .ShareButtonContainer
 {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
    padding:1px;
    height:32px;
    position:static;
    left:auto;
    top:auto;
 }
 
 @media screen and  (max-width : 800px)
 {
     .ShareBarContainer
     {
         left:-50px;
     }     
 } 

 @media screen and  (max-width : 660px)
 {
     .ShareBarContainer
     {
         display:block;
         position:static;
         left:auto;
         top:auto;
         float:none;
     }     

    .ShareBarContainer .ShareButtonContainer
    {
       display:inline-block;
       padding:0px;
    }

 } 
/* ShareBar End */



/*ShoppingCart Start*/
.ShoppingCartMain
{ 
}

.ShoppingCartBannerContainer
{
    width: 100%;
    display: block;
}

.ShoppingCartBannerContainer .Banner
{ 
    max-width:1200px;
}

.ShoppingCartMain .ShoppingCartMessage
{
    font-size:22px;
    font-weight:bold;
    display:block;
    text-align:center;
}

.ShoppingCartMain .ShoppingCartDetailBlock
{   
 
}

.ShoppingCartMain .ShoppingCartEditFormTitleContainer
{
    height:48PX; 
}


.ShoppingCartMain .ShoppingCartEditFormTitle
{
}

.ShoppingCartMain .ShoppingProductListFormTitle
{
    width:100%;
    height:auto;
    text-align:left;
    padding-bottom:0px;
     border-bottom:0px;  
}

.ShoppingCartMain .Step
{
    color:rgb(243,152,0);
    font-weight:bold;
    font-size:20px;
}    
}

.ShoppingCartMain .ShoppingCartListBlockFormTitle
{
    border-bottom:none;
}

.ShoppingCartMain .FirstSmallPicturePathValueContainer
{
    text-align: center;
}

.ShoppingCartMain .FirstSmallPicturePathValue
{
    width: 100%;
    max-width: 100px;
}

.ShoppingCartMain .ProductIdValueContainer
{
    text-align: center;
}

.ShoppingCartMain .ProductIdValue
{
    text-decoration: none;
    color: black;
}

.ShoppingCartMain .ProductNameValueContainer
{
    text-align: center;
}


.ShoppingCartMain .ProductNameValueContainer A:hover
{
    text-decoration:underline;
}


.ShoppingCartMain .ProductCountValueContainer
{
    text-align: center;
}

.ShoppingCartMain .AmountValueContainer
{
    text-align:center;
}



.ShoppingCartMain .ProductCountValue
{
    min-width:50px;
}

.ShoppingCartMain .UnitPriceValueContainer
{
    text-align: center;
}

.ShoppingCartMain .ProductNameValue
{
    text-decoration: none;
    color: black;
}

.ShoppingCartMain .ButtonContainer
{
    text-align: center;
}
 
.ShoppingCartMain .ShoppingCartListBlock
{
    border-radius: none;
    border: none;
    padding: 0px;
    padding-left: 0px;
    display: block;
    width: auto;
    overflow: hidden;
    margin-top: 0px;
    min-height: 70px;
}

.ShoppingCartMain .TotalProductAmountValue
{
    font-size:18px;
    text-align:right;
}
.ShoppingCartMain .ShippingPriceValue
{ 
    font-size:18px;
    text-align:right;
}

.ShoppingCartMain .TotalAmountValue
{
    font-size:18px;
    font-weight:bold;
    text-align:right;
    color:Red;
}

.ShoppingCartMain .GiftCardIdParameter
{
    display:inline;
     padding-right:10px;
}


.ShoppingCartMain .GiftCardIdValue
{
    max-width:120px;
    width:100%;
}

.ShoppingCartMain .CouponIdParameter
{
    display:inline;
    padding-right:10px;
}

.ShoppingCartMain .CouponIdValue
{
    max-width:120px;
    width:100%;
}

.ShoppingCartMain .CouponDiscountAmountValue
{
    color:Blue;
    font-weight:bold;
}

.ShoppingCartMain .CouponDiscountAmountCaption
{
    display:none;
}

.ShoppingCartMain  .RewardPointsParameter
{
    display:inline;
    padding-right:10px;    
}

.ShoppingCartMain .RewardPointsValue
{
    max-width:120px;
    width:100%;
}


.ShoppingCartMain .RewardPointsDiscountAmountValue
{
    color:Blue;
    font-weight:bold;
}

.ShoppingCartMain .RewardPointsDiscountAmountCaption
{
    display:none;
}

.ShoppingCartMain .disabled_field
{
    max-width:120px;
    width:100%;
    background-color:lightgray;
    border:1px solid gray;
}

.ShoppingCartMain .MemberGradeDiscountAmountValue
{
    color:Blue;
    font-weight:bold;
}


.ShoppingCartMain .CouponRow
{
    
}


.ShoppingCartMain .RewardPointsRow
{
   
}


.ShoppingCartMain .MemberGradeRow
{
   
}

@media screen and (max-width : 660px)
{

    .ShoppingCartMain .ProductCountValue
    {
        min-width:0px;
    }

    .ShoppingCartMain .list_form th:first-child
    {
        display:none;
    }

    .ShoppingCartMain .list_form th:first-child + th
    {
        display:none;
    }

    .ShoppingCartMain .list_form td:first-child 
    {
        display:none;
    }

    .ShoppingCartMain .list_form td:first-child + td
    {
        display:none;
    }
    
    .ShoppingCartMain .CouponIdParameter
    {
       padding-right:0px;
        display:block;
    }
    
    .ShoppingCartMain .RewardPointsParameter
    {
       padding-right:0px;
        display:block;
    }
}
/*ShoppingCart End*/





/*  SmallMenuContainer Start */
.SmallMenuContainer
{
        text-align: left;
        display: none;
 
        background-color: #ffffff;
        vertical-align: top;
        width: 100%;
        font-size:0px;
        padding:1px;
        padding-top:2px;
        padding-bottom:2px;
 
                -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.47);
   -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.47);
   box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.47);
     margin-top:2px;
 margin-bottom:6PX;
   }


@media screen and (max-width : 860px)
{
    .SmallMenuContainer
    {
        display: block;
    }
}
/*  SmallMenuContainer End */


/* ProductSearchForm Start */
.ProductSearchForm
{
    _display:block;
   display:none;
    width:100%;
}

.ProductSearchForm .Parameter
{
 
   width:100%;
}

.ProductSearchForm .Caption
{
    padding-top:10px;
    display:block;
    font-weight:bold;
}

.ProductSearchForm .FieldContainer
{
   white-space:nowrap;
     border:1px solid gray;
     font-size:0px;
     position:relative;
     padding-left:3px;
}

.ProductSearchForm .Field
{
    border:none;
    height:25px;
}

.ProductSearchForm .ProductSearchButton
{
    border:none;
    background-image:url(/Image/SearchIcon.jpg);
    background-repeat:no-repeat;
    background-position:center;
    width:20px;
    height:24px;
    position:absolute;
    right:3px;
}
 
@media screen and (max-width :860px)
{
   .ProductSearchForm
    {
        display: none;
       
    }

}
/* ProductSearchForm End */





/* SubMenu Start */
.SubMenuItemListContainer
{
   
}
 
.SubMenuContainer
{
    display: block;
    width: 23%;
    float:left;
    vertical-align: top;
    padding-top:0px;
   margin-top:10px;

   margin-bottom:40px;
}

 
.SubLineMenuContainer
{
    display: none;
}

.SubMenuPostfix
{
   
}

.SubMenuTitle
{
    font-size: 24px;
    color:#8b8b8b;
    width: 100%;
    text-align: left;
    font-family: "Book Antiqua" , Arial, sans-serif;
    vertical-align: middle;
    background-color:#e2e2e2;
    padding-bottom:5px;
    padding-top:10px;
    position:relative;
    padding-top:15px;
    padding-bottom:15px;
    text-align:center;
}

.SubMenuSubTitle
{
   position:absolute;
   left:40px;
   top:10px;
    font-size:16PX;
    color:#0c3f98;
    font-weight:bold;
}

@media screen and (max-width :860px)
{
    .SubMenuContainer
    {
        display: none;
        width: 0%;
    }

}


.SubMenuItemList
{

}

.SubMenuItemList.TopMenu                   /* 第一層選單 */
{
	display:TABLE;  
    width:100%;
}

	
.SubMenuItemList.TopMenu > .MenuItem         /* 第一層選單 MenuItem */
{
	display:block;
	color:black;
	font-family:Book Antiqua;
	font-weight:bold;
	vertical-align:middle;
	cursor:hand;
	cursor:pointer;
	margin:0px;
	text-align:left;
	overflow:hidden;
	vertical-align:middle;
}


.SubMenuItemList.TopMenu> .MenuItem > A    /* 第一層選單 MenuItem 文字 */
{
    display:block;

    vertical-align:middle;
    text-decoration:none;
    width:100%;
    padding:20px;
    padding-left:20px;
    color:#666666;
   border-bottom:1px solid #d2ebf2;
    background-color:#f8f8f8;
}

.SubMenuItemList.TopMenu> .MenuItem:last-child > A
{
   border-bottom:none;
}


.SubMenuItemList.TopMenu> .FocusMenuItem > A ,
.SubMenuItemList.TopMenu > .PathMenuItem > A 
{
  background-color:#004c81;	   
  color:white;
}

.SubMenuItemList.TopMenu> .MenuItem:hover > A 
{

  background-color:#008fcc;	
   color:white;
}


.SubMenuItemList.TopMenu> .MenuItem > A > SPAN /* 第一層選單 MenuItem 文字 */
{
}


 

.SubMenuItemList.TopMenu> .MenuItem   .Menu  /* 第二層以下選單樣式 */
{
	padding:0px;
	text-align:left;
border-bottom:1px solid #d2ebf2;
}

 
.SubMenuItemList.TopMenu > .MenuItem:hover   > .Menu   /* 第二層選單 Hover */
{
}


.SubMenuItemList.TopMenu> .MenuItem     >  .Menu  > .MenuItem  /* 第二層以下選單 MenuItem */
{
	display:block;
}
 
.SubMenuItemList.TopMenu> .MenuItem   >  .Menu    .Menu  > .MenuItem  /* 第二層以下選單 MenuItem */
{
	display:block;
}
 
 
.SubMenuItemList.TopMenu > .MenuItem    .Menu  > .MenuItem > A  /* 第二層以下選單 MenuItem 文字 */
{
	 display:table;
	 white-space:normal;
	 vertical-align:middle;
	 width:100%;
	 text-decoration:none;
	 text-align:left;
   padding:10px;	 
} 
.SubMenuItemList.TopMenu> .MenuItem    .Menu  > .MenuItem > A > SPAN
{
		display:table-cell;
		text-align:left;
		width:99%;
		padding-top:4px;
		padding-left:5px;
		font-size:16px;
   font-weight:lighter;
   white-space:normal;
}

.SubMenuItemList.TopMenu> .MenuItem    .Menu  > .MenuItem > A:hover > SPAN
{
    	
}
 
.SubMenuItemList.TopMenu> .MenuItem    .Menu  > .FocusMenuItem > A:hover > SPAN /* 第二層以下選單 MenuItem 文字 Hover */
{
	
}
 



.SubMenuItemList.TopMenu> .MenuItem  .Menu  > .BranchMenuItem  /* 第二以下層選單 BranchMenuItem */
{
	font-weight:bold;	
 	
}

.SubMenuItemList.TopMenu> .MenuItem    .Menu >  .MenuItem > A:before  /* 第二以下層選單 Icon */
{
content : '';
	display:table-cell;
	background-image:url(/Image/BackEndIcon.jpg);
	background-position: center;	
	background-repeat:no-repeat;	
	vertical-align:middle;
	-moz-background-size:10px 10px;
 -webkit-background-size:10px 10px;
 -o-background-size:10px 10px;
    background-size:10px 10px;
    padding-left:15px;
    text-align:left;
    width:10px;
}

.SubMenuItemList.TopMenu> .MenuItem    .Menu >  .FocusMenuItem > A:before  /* 第二以下層選單 Focus Icon */
{
	background-image:url(/Image/BackEndFocusIcon.jpg);
}

.SubMenuItemList.TopMenu> .MenuItem    .Menu >  .MenuItem > A:hover:before  /* 第二以下層選單 Hover Icon */
{
	 
	background-image:url(/Image/BackEndHoverIcon.jpg);
}


.SubMenuItemList.TopMenu> .MenuItem    .Menu >  .FocusMenuItem > A:hover:before  /* 第二以下層選單 Focus Icon */
{
	 
	background-image:url(/Image/BackEndHoverFocusIcon.jpg);
}
 


.SubMenuItemList.TopMenu> .MenuItem   .Menu >  .MenuItem > .Menu  /* 第三層以下 選單顯示位置 */
{
  	left:100%;
		top:0px;
}

.SubMenuItemList.TopMenu> .MenuItem  .Menu > .MenuItem:hover > .Menu
{
	  display:block;
}


/* 選單文字偏移 */
.SubMenuItemList.TopMenu> .MenuItem > A 
{
    padding-left:20px;
   
}

.SubMenuItemList.TopMenu > .MenuItem >  .Menu > .MenuItem > A
{
    padding-left:35px;
}

.SubMenuItemList.TopMenu > .MenuItem >  .Menu > .MenuItem > .Menu > .MenuItem > A
{
    padding-left:55px;
}

/* SubMenu End */



