/* 客製化 Start */

.CategoryBlock.HomePageCategoryBlock
{
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
}

.SubMenu.FileDownloadSubMenu
{ 
    display:none;
}

.ProductListSearchForm ,
.ProductDetailSearchForm
{
    display:table;
}

.ProductListSearchFormContent ,
.ProductDetailSearchFormContent 
{
     display:block;
}


.TopMenu.MainMenu > .MenuItem.SiteMapMenuItem > A
{
         height:40PX;
     position  :relative;
     top:-3PX;
    padding-left:3px;
    padding-right:0px;
}

.TopMenu.MainMenu > .MenuItem.PathMenuItem.SiteMapMenuItem > A
{
    background-color:White;
}

.TopMenu.MainMenu > .MenuItem.SiteMapMenuItem:HOVER > A
{
    background-color:White;
}

.TopMenu.MainMenu > .MenuItem.SiteMapMenuItem IMG
{
 
}

.TopMenu.SubMenuItemList > .MenuItem.ShoppingCartMenuItem
{
   display:none;
}

.Introduction 
{
   font-size:14px;
   color:#333333;
}

.Introduction ul li {
    list-style: none;
    background: url(/UploadFile/project_list_icon.png) 0px 6px no-repeat;
    display: block;
    float: left;
    width: 45%;
    padding: 0px 10px 5px 15px;
}
/* 客製化 End */


/* Body Start*/
BODY
{
    _background-color:#f0f0f0;
 background: linear-gradient(to right, #f0f0f0,#e5e5e5, #f5f5f5,#fdfdfd); /* Standard syntax (must be last) */


}

.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 , IFRAME
{
    -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: "微軟正黑體" ,Arial ,Microsoft JhengHei,Zawgyi-one;
    margin:0px;
    padding:0px;
}
 


.Message
{
    font-family:  "微軟正黑體", Arial ,sans-serif;
    font-size:16px;
    text-align:center;  
}
 
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;
}

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

.Field
{
    border:none;
    height:26px;
}

.RequiredFieldIcon
{
    color:Red;
}

.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;

}
 
.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:  "微軟正黑體",Arial ;
    font-size: 15px;
    letter-spacing: 2px;
    COLOR:White;
    border: 1px solid #A0A0A0;
    height:30px;
    background-color:#20313e;
    text-align: center;
    margin:0px;
    cursor: hand;
    cursor:pointer;
    transition:all 0.5s;
} 

.disabled_button
{
 
    
    font-family: "微軟正黑體",Arial  ;
    font-size: 15px;
    letter-spacing: 2px;
    COLOR:White;
    border: 1px solid #A0A0A0;
    height:30px;
    background-color:#20313e;
    text-align: center;
    margin:0px; 
    cursor:text;
    cursor: text;
    color:#8080a0;
}


.Button:hover
{
    color:White;
    background-color:#369;
    transition:all 0.5s;
}

.EditForm
{
    width: 100%;
}

.FormTitle
{
    width: 100%;
    display:block;
 
    font-size:18px;
    padding-left:0px;
    border-bottom:1px solid  gray;
    padding-top:10px;
    padding-bottom:5px;
    font-weight:bold;
    margin-bottom:20px;
    width:100%;
    text-align:left;
}



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


.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
{
    font-size:18px;
    padding-left:0px;
    border-bottom:1px solid  #c0c0c0;
    padding-top:10px;
    padding-bottom:10px;
    font-weight:bold;
    margin-bottom:30px;
    width:100%;
    text-align:left;
}


.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;   
}


.PictureViewPictureContainer Img
{
    width:100%;
}
/*  General Block End*/



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


/* PictureMask Start */


.ContentPageIndex
{
    font-family:  "微軟正黑體",Arial;
    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:  "微軟正黑體",Arial ;
    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: "微軟正黑體",Arial ;
    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;
}


/* PictureMask End */


/*  Banner Start */
.BannerContainer
{
    width: 100%;
    display: block;
    background: linear-gradient(#e0e0e0,white,#e0e0e0);
}

.Banner
{ 
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    _max-width:1000px;
    min-height:250px;
}

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

}

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

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

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

}

.IndexBannerContainer .Banner
{
	  min-height:0px;
}

.IndexBannerContainer .Banner > .BannerFloatingContentContainer
{
	  width:100%;
	  max-width:1000px;
 
	  margin-left:auto;
	  margin-right:auto;
}

.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: 5px;
    padding-left: 50px;
    padding-right: 50px;
}

.FocusBannerContentIndex
{
    cursor: pointer;
    color:white;
    opacity:0.5;
    filter:Alpha(opacity=50);
    background-color: white;
    font-size: 0px; 
    text-align: center;
    font-family: Tahoma;
    font-weight: bold;
    text-decoration: none;
    padding-top: 5px;
    padding-left: 50px;
    padding-right: 50px;
}
  

.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;
    position:relative;
}

.RightFrameContent
{
 
}

.RightFrameContentPrefix
{
    display:none;
}

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

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


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


/*BranchOffice Start*/

.BranchOfficeListBlock .PictureValueContainer
{
    float: left;
    width: 40%;
    min-height: 100px;
    padding: 2px;
    padding-right: 4px;
}

.BranchOfficeListBlock .PictureValue
{
    padding: 2px;
    max-height: 100%;
    max-width: 100%;
    cursor: hand;
    cursor: pointer;
}

.BranchOfficeListBlock .BranchOfficeNameValueContainer
{
    float: left;
    padding-left: 10px;
    width: 60%;
}

.BranchOfficeListBlock .BranchOfficeNameValue
{
    font-size: 18px;
}

.BranchOfficeListBlock .UrlValueContainer
{
    float: left;
    padding-left: 10px;
    width: 60%;
}

.BranchOfficeListBlock .UrlValue
{
    color: Black;
}

.BranchOfficeListBlock .DescriptionValueContainer
{
    float: left;
    padding-left: 10px;
    width: 60%;
}

.BranchOfficeListBlock .UrlButtonValue
{
    display: none;
}


.BranchOfficeListBlock .Item
{
    overflow: hidden;
    min-width: 0px;
}

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

    .BranchOfficeListBlock .PictureValueContainer
    {
        width: 40%;
    }

    .BranchOfficeListBlock .PictureValue
    {
        width: 100%;
    }
    .BranchOfficeListBlock .UrlValue
    {
        display: none;
    }

    .BranchOfficeListBlock .UrlButtonValue
    {
        display: block;
    }

    .BranchOfficeListBlock .UrlButtonValue[href^="http"]
    {
        text-decoration: none;
        border: 1px solid gray;
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        background-color:rgb(240, 99, 84);
        color: White;
    }

    .BranchOfficeListBlock .UrlButtonValue[href=""]
    {
        display: none;
    }

    .BranchOfficeListBlock .BranchOfficeNameValueContainer
    {
    }

    .BranchOfficeListBlock .UrlValueContainer
    {
    }

    .BranchOfficeListBlock .DescriptionValueContainer
    {
    }
}

/*BranchOffice End*/


/*ContactUs Start*/

.ContactUsMain
{
    text-align:left;
 

    background-image:url(/UploadFile/cyc_contact.png);
    background-repeat:no-repeat;
    background-position:bottom right;
}

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

.ContactUsMain .CategoryTitleContainer
{
    margin-bottom:5px;
}

.ContactUsMain .EditForm.ContactMessageEditForm
{
    margin-left:0px;
    margin-right:0px;
    width:60%;
 
}

.ContactUsMain .FormTitle.ContactMessageFormTitle
{
    display:none;
}

.ContactUsMain .Button
{
    width:130px;
}

.ContactUsMain .Caption
{
    padding: 1px;
    font-weight: bold;
    font-size: 15px;
    color: black;
}

.ContactUsMain .Caption
{
    padding-right: 10px;
    white-space:nowrap;
    width:100px;
    
}

.ContactUsMain .Caption:after
{
    content:" *";
    display:inline-block;
    color:Red;
}
 
.ContactUsMain .Field.ContactMessageField
{
    position:relative;
    top:-22px;
    height:80px;
    left:80px;
    width:80%;
    font-size:13px;
    border:none;
}
 
.ContactUsMain .Field.ContactNameField ,
.ContactUsMain .Field.ContactCompanyNameField ,
.ContactUsMain .Field.ContactTelField ,
.ContactUsMain .Field.ContactEmailField 
{
 position:relative;
    top:-22px;
    left:80px;
    width:60%;
    height:28px;
    border:none;
}

.ContactUsMain .error_message
{
    position:absolute;
    margin-top:-22px;
    font-size:13px;
    padding-left:1px;
    margin-left:80px;
}


@media screen and (max-width:860px)
{
	 
	.ContactUsMain 
	{
	    padding-left:10px;
	    padding-right:10px;
	}
	
	.ContactUsMain .EditForm.ContactMessageEditForm
	{
	    width:100%;
	    margin-left:auto;
	    margin-right:auto;
	}
	
	.ContactUsMain .Field.ContactMessageField
    {
        position:static;
        width:100%;
    }
 
    .ContactUsMain .Field.ContactNameField ,
    .ContactUsMain .Field.ContactCompanyNameField ,
    .ContactUsMain .Field.ContactTelField ,
    .ContactUsMain .Field.ContactEmailField 
    {
        position:static;
        width:90%;
    }
    
    .ContactUsMain .error_message
    {
        position:static;
        margin-top:0px;
        font-size:13px;
        padding-left:0px;
        margin-left:0px;
    }
}
/*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 .EditForm.CustomerEditForm
{
    border-left:150px solid white;
    border-right:150px solid white;
    border-bottom:30px solid white;
    background-image:url(/UploadFile/CustomerEditFormBack.jpg);
    background-repeat:no-repeat;
    background-position:center 10px;
     
   -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.47);
   -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.47);
   box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.47);
    background-color:White;
    width:100%;
    max-width:990px;
    margin-left:auto;
    margin-right:auto;
    padding-top:100px;
}


@media screen and (max-width:860px)
{
    .CustomerEditMain .EditForm.CustomerEditForm
    {
       border-top:10px solid white;
       border-left:10px solid white;
       border-right:10px solid white;
       background-image:none;
       padding-top:10px;
    }
}

.CustomerEditMain .EditForm .CaptionContainer ,
.CustomerEditMain .EditForm .FieldContainer 
{
    padding-bottom:10px;
}

.CustomerEditMain .EditForm .Field.BusinessTypeField LABEL
{
    font-size:15px;
    
}

.CustomerEditMain .SubmitButtonContainer
{
    width:100%; 
    height:50px; 
}

 

.CustomerEditMain .EditFormTitleContainer
{
}

.CustomerEditMain .EditFormTitle
{
}

 

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

.CustomerEditForm .Caption.FullNameCaption
{
 
}

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

.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 .Field.BusinessTypeField
{
    border:none;
}

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

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

.CustomerEditForm .Field
{
    max-width: 100%;
    border:1px solid gray;
}

.CustomerEditForm .NameField
{
    width: 100%;
}

.CustomerEditForm .CompanyNameField
{
    width: 100%;
}

.CustomerEditForm .AddressField
{
    width: 100%;
}

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

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

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

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

@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
{
    position:relative;
}

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

.CustomerLoginMain .Field
{
    border:none;
    height:22px;
}

.CustomerLoginMain .Button
{
    width:120px;
}

.CustomerLoginEditForm
{
    _max-width: 300px;
    width: 100%;
    border-bottom:1px solid gray;
}

.CustomerLoginMain .CustomerLoginEditFormTitleContainer
{
    position:absolute;
    top:0%;
    width:48%;
}

.CustomerLoginMain .CustomerLoginEditFormTitleContainer .FormTitle.CustomerLoginEditFormTitle
{
    font-size:18px;
    font-weight:bold;
    margin-bottom:0px;
}


.CustomerLoginMain .CustomerLoginEditFormContainer
{
    position:absolute;
    top:50px;
    width:48%;
}

.CustomerLoginMain .CustomerLoginEditForm .CaptionContainer ,
.CustomerLoginMain .CustomerLoginEditForm .FieldContainer 
{
 
    padding-bottom:10px;
}

.CustomerLoginMain .CustomerLoginEditForm .SubmitButton
{
    margin-bottom:10px; 
}

.CustomerLoginMain .SignUpEditFormTitleContainer
{
    position:absolute;
    top:94px;
    left:50%;
    width:48%;
}

.CustomerLoginMain .SignUpEditFormTitleContainer .FormTitle.SignUpEditFormTitle
{
   font-size:18px;
    font-weight:bold;
    margin-bottom:0px;
    border-bottom:none;
}


.CustomerLoginMain .SignUpEditFormContainer
{
    position:absolute;
    top:138px;
    left:50%;
    width:48%;
}



.CustomerLoginMain .SignUpEditForm 
{
    border-bottom:1px solid gray;
}

 

.CustomerLoginMain .SignUpEditFormContainer .SignUpEditForm SPAN
{
    font-size:15PX;
}

.CustomerLoginMain .SignUpEditFormContainer .SignUpEditForm .SignUpButton
{
    margin-left:30px;
    margin-bottom:10px;
}

.CustomerLoginMain .SignUpEditFormContainer .SignUpEditForm CENTER
{
    text-align:left;
}

#ctl00_Main_SignUpSuccessDescriptionLabel
{
    display:none;
}




.CustomerLoginMain .ForgetPasswordEditFormTitleContainer
{
    position:absolute;
    top:0px;
    left:50%;
    width:48%;
}

.CustomerLoginMain .ForgetPasswordEditFormTitleContainer .FormTitle.ForgetPasswordEditFormTitle
{
    font-size:18px;
    margin-bottom:0px;
}

.CustomerLoginMain .ForgetPasswordEditFormContainer
{
    position:absolute;
    top:50px;
    left:50%;
    width:48%;
}


.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 TABLE
{
    width:100%; 
}

.CustomerLoginMain .ForgetPasswordEditForm   > TBODY > TR:nth-child(1) 
{
    display:none;
}

.CustomerLoginMain .ForgetPasswordEditForm .Email2CaptionContainer SPAN
{
    font-size:15px;
    font-weight:bold;
}

.CustomerLoginMain .ForgetPasswordEditForm .Email2FieldContainer
{
    width:80%;
}

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

@media screen and (max-width : 860px)
{
    
        .CustomerLoginMain .CustomerLoginEditFormTitleContainer
        {
            position:static;
            top:0%;
            width:auto;
        }

 
        .CustomerLoginMain .CustomerLoginEditFormContainer
        {
            position:static;
            top:0%;
            width:auto;
        }
        
        .CustomerLoginMain .ForgetPasswordEditFormTitleContainer
        {
            position:static;
            top:0%;
            width:auto;
        }

 
        .CustomerLoginMain .ForgetPasswordEditFormContainer
        {
            position:static;
            top:0%;
            width:auto;
        }
        
        .CustomerLoginMain .ForgetPasswordEditForm   > TBODY > TR:nth-child(1) 
        {
            font-size:15px;
            display:BLOCK;
        }
        
        .CustomerLoginMain .SignUpEditFormTitleContainer
        {
            position:static;
            top:0%;
            width:auto;
        }

 
        .CustomerLoginMain .SignUpEditFormContainer
        {
            position:static;
            top:0%;
            width:auto;
        }
        
        #ctl00_Main_SignUpSuccessDescriptionLabel
        {
            display:BLOCK;
        }

}

@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;
}

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

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

.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;
    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%;
		 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;
}


.GeneralContentDetailMain .CategoryTitleContainer
{
	display:none;
}

.GeneralContentDetailDetailBlock  .Parameter.GeneralContentAttributeParameter
{
    margin-bottom:10px;
}

.GeneralContentDetailDetailBlock .GeneralContentTopGroup .PictureView
{
    display:inline-block;
    width:60%;
}

.GeneralContentDetailDetailBlock .GeneralContentTopGroup.GeneralContentTopGroupNoAttribute .PictureView
{
	  display:block;
    width:60%;
    margin-left:auto;
    margin-right:auto;
}

.GeneralContentDetailDetailBlock .GeneralContentTopGroup .GeneralContentAttributeGroup
{
    display:inline-block;
    padding-left:10px;
    width:39%;
    vertical-align:top;
}

.GeneralContentDetailDetailBlock .GeneralContentTopGroup.GeneralContentTopGroupNoAttribute .GeneralContentAttributeGroup
{
	  display:none;
}

.GeneralContentDetailDetailBlock .GeneralContentTitleValueContainer
{
    font-size:18px;
    padding-left:0px;
    border-bottom:1px solid  #c0c0c0;
    padding-top:10px;
    padding-bottom:10px;
    font-weight:bold;
    margin-bottom:30px;
    width:100%;
    text-align:left;
 
    _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;
}
 

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

.GeneralContentDetailDetailBlock .IntroductionContainer
{
     
    _width: 40%;
    padding-bottom: 30px;
}

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

.GeneralContentDetailDetailBlock .ServiceContainer
{
   _width: 40%;
}

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

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

.GeneralContentDetailDetailBlock .WebPageContainer
{
    font-family:  "微軟正黑體" ,Arial ,Microsoft JhengHei;
    _width: 40%;
}

.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; 
}

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

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

		.GeneralContentDetailDetailBlock .GeneralContentTopGroup .PictureView ,
		.GeneralContentDetailDetailBlock .GeneralContentTopGroup.GeneralContentTopGroupNoAttribute .PictureView
		{
		    display:block;
        width:100%; 
    }
		
    .GeneralContentDetailDetailBlock .GeneralContentTopGroup .GeneralContentAttributeGroup
    {
        display:block;
        width:100%; 
    }


    .GeneralContentDetailDetailBlock .GeneralContentTopGroup .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
{
    margin-left:10%;
}

.GeneralContentListCategoryBlock .PictureView
{
    margin-right:10%;
}
.GeneralContentListListBlock .Item
{
    display: inline-block;
    width: 33%;
    position:relative;
    overflow:hidden;
    margin-bottom:20px;
}

.GeneralContentListListBlock .Item .GeneralContentDescriptionGroup
{
     position:absolute;

     right:0px;
     bottom:0px;
}

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



.GeneralContentListListBlock .Item .SmallPicturePathValue
{
	width:100%;
	cursor:hand;
	cursor:pointer;
}


.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; 
}




 

  

@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;
    vertical-align:middle;
    white-space:nowrap;
    overflow:hidden;
    font-size:10px;
    
} 

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


@media screen and (max-width : 440px)
{
   .HeaderLinkContainer
    {
       display:block;
       padding-right:10px;
    } 
}


.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;
 }
 
 
.MainGroup .MainContainer.IndexMainContainer
{
   padding:0px;
   display:block;
   width:100%;
   max-width:inherit;
}


 

.IndexLeftSideBarContainer
{
    display:none;
}
  
.HotKeywordBlock .GeneralBlockMoreLink
{
    display:none;
}

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


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


.HotKeywordBlock   .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath
{
    position:absolute;  
    height:60px;
    right:10px;
    vertical-align:middle;
}
 
.HotKeywordBlock  .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath > Img
{
    height:100%;
    width:auto;
}

.HotKeywordBlock  .GeneralBlockItemList > .GeneralBlockItem > .ItemName
{
    position:absolute;
    top:30%;
    text-align:left;    
    display:inline-block;
    white-space:nowrap;
}

.HotKeywordBlock  .GeneralBlockItemList 
{
     counter-reset:ItemIndexNumber;
}

.HotKeywordBlock  .GeneralBlockItemList > .GeneralBlockItem > .ItemName:before 
{
    counter-increment:ItemIndexNumber; 
    content: counter(ItemIndexNumber) ". ";
    display:inline-block;
    color:Black;
}

.HotKeywordBlock  .GeneralBlockItemList > .GeneralBlockItem > .ItemName > SPAN
{
    text-overflow:none;
    overflow:visible;
    display:inline-block;
    padding-left:4PX;
}


/* 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);
}


.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;
 }
 
 
 .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:10px;
    border-top:6px solid #efede9;
}

.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(/Image/Prev.png);
    background-repeat:no-repeat;
    background-position: center; 
    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(/Image/Next.png);
    background-repeat:no-repeat;
    background-position: center; 
    cursor:hand;
    cursor:pointer;

    z-index:100;

}


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

.PagingContent > .GeneralBlockItemListContainer > .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  > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV > .ItemPicturePath
{
    padding-left:10px;
    padding-right:10px;
    line-height:130px;
    text-align:center;
}

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

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

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

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

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


    .PagingContent > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV >  .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  > .GeneralBlockItemListContainer > .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 */
 
 


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

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

.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 > .GeneralBlockItemListContainer > .GeneralBlockItemList 
{
    display:block;
    white-space:nowrap;
    width:100%;

    font-size:0px;
    overflow:hidden;
}


.GeneralBlock.ListBlock  > .GeneralBlockItemListContainer > .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  > .GeneralBlockItemListContainer > .GeneralBlockItemList >  .GeneralBlockItem > DIV > .ItemPicturePath
{
    _padding-left:10px;
    _padding-right:10px;
    _line-height:130px;
    text-align:center;
}


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

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

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

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

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


    .GeneralBlock.ListBlock > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV > .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 > .GeneralBlockItemListContainer > .GeneralBlockItemList  > .GeneralBlockItem 
    {
        width:100%;
        float:none;
     
        vertical-align:middle;
    }
    
    .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:1000px;
    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 */




/* MarqueeContent Start */
.MarqueeContent
{
    width:100%;
    height:auto;
    white-space:nowrap;
    padding:2px;
    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;
}

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

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


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


/* MarqueeContent End */

.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
{
    display:inline-block;
    position:relative;
    top:5px;
    font-size:10px;
    white-space:nowrap;

}

@media screen and (max-width:660px)
{
    .LanguageSwitchContainer
    {
        display:inline-block;
    }
}

.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;
}
 
.LanguageSwitch A
{
    color: rgb(98,152,196);
    text-decoration: none;
    display: none;
}

.LanguageSwitch Img
{
    cursor: pointer;
    _display: none;
}



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

.LanguageSwitchSplitter
{
    display: none;
} 

@media screen and (max-width : 760px)
{
   .LanguageSwitchContainer
    {
        position:absolute;
        right:0px;
        top:40px;
        padding-right:20px;
        white-space:nowrap;
    } 
}
 
/* LanguageSwitchContainer End */


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

.LinkBlock > .GeneralBlockMoreLink
{
    _display:none;
}
 

.LinkBlock > .GeneralBlockTitle
{
    display:none;
}

.LinkBlock  .GeneralBlockItemList > .GeneralBlockItem
{
    width:100%;
    display:block;
    margin-bottom:13px;
}

 
.LinkBlock .GeneralBlockItemList > .GeneralBlockItem  > .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
{
	/*
	  display:inline-block;
    position:relative;
    
    _top:-2px;
    
  
    _display:none;
    
    padding-right:10px;
    vertical-align:middle;
    white-space:nowrap;
    font-size:10px;
    overflow:hidden;
    height:20px;
    border:1px solid red;
    */
    position:relative;
   display:inline-block;
   _padding-right:4px;
 
    
   font-size:13px;

}

.LoginContainer .SingInLink 
{ 
    font-size:13px;
    font-weight:bold;
    cursor:hand;
    text-decoration:none;
    cursor:pointer;
    color:Black;    
     
}
 
.LoginContainer .LoginContainerSplitter
{
    font-size:13px;
    padding-left:4px;
    padding-right:4px;
 

}

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

}
 

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

.LoginContainer A:hover 
{
     color:rgb(153,153,153);
}

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


/* LogoContainer Start */
.LogoContainer
{

    display:inline-block;
    position:absolute;
    top:0px;   
    left:0px;
    bottom:0px;
    padding-bottom:0px;
    text-align:left;
}

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

.SmallLogo
{
    display: none;
}
  
 
@media screen and (max-width : 860px)
{
    .LogoContainer
    { 
	    text-align:left; 
	    width:50%; 
	    top:0px;   
        left:0px;
        padding-left:10px;
    }
    
    .LogoContainer Img
    {
        max-width:100%;
        height:auto;
    }
    
	 
} 



@media screen and (max-width : 660px)
{
     
	.BigLogo
	{
	   display:none;
	}
	
	.SmallLogo
	{
	    display:inline-block;	   
	}
} 
 
 
@media screen and (max-width : 440px)
{
     
	.BigLogo
	{
	   display:none;
	}
	
	.SmallLogo
	{
	  height:100%;
          _padding-top:26px;
	}
} 
/* 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
{
    width: 100%;
    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
{
    _display:table-cell;
    _max-width:760px; 
    _width:80%; 
    background-color:White;
    padding-top:0px;
     min-height:0px;
     margin-top:0px;
    
}

.MainGroup
{
    display:block;
    width:100%;
    min-height:460px;
    overflow:hidden;
    _margin-top:10px;
}



.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:10px;
    vertical-align:top;
}

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

 
 .MainGroup 
 {
    width:100%;
 }
 
 .MainGroup > DIV
 {
      width:100%;
      _max-width:1000px;
      _margin-left:auto;
      _margin-right:auto;
 } 
 
.MainGroup .MainContainer
{
   width:100%;
   max-width:1000px;
   margin-left:auto;
   margin-right:auto;
}
 /* MainGroup End */

/* QuickLinks Start */

.QuickLinksContainer
{
   display:inline-block;
   padding-right:4px;
 }
 

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

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

.QuickLinks.TopMenu  > .MenuItem > A   /* 第一層選單 MenuItem 文字 */
{
  display:block;
  padding-left:8px;
  padding-right:8px;
  text-decoration:none;
}
 

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

.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 > SPAN  /* 第一層選單文字 MenuItem Hover */
{
    text-decoration:underline;
}




.QuickLinks.TopMenu  > .MenuItem.PathMenuItem  /* 第一層選單文字 PathMenuItem */
{
	text-decoration:none;
	    background-color:rgba(0,0,0,0.3);
}


.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:102%;
	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.TopMenu  > .MenuItem.QuickLinksLanguageItem
    {
          display:none;
    }
}
/* QuickLinks End */

/* MainMenu Start*/ 

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

.MenuContainer
{
   display:block;
   _width:100%;
   position:absolute;
   _left:0px;
   top:40px;
   right:0px;
   _bottom:0px; 
   text-align:center; 
   _background-color:rgb(134,124,114);
   margin-bottom:1px; 
   _-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.47);
   _-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.47);
   _box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.47);
}

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

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

.MainMenu.TopMenu                    /* 第一層選單 */
{
	display:block;
	_display:table; 
	_table-layout: fixed;
	height:30px;
	z-index:1000; 
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
}

.MainMenu.TopMenu 
{
    background-size:1px 14px;
    _background-image:url(/Image/MenuItemBorderImage.jpg);
    background-repeat:no-repeat;
    background-position:left center;
}

.MainMenu.TopMenu  > .MenuItem         /* 第一層選單 MenuItem */
{
    display:inline-block;
	_display:table-cell;
    white-space:no-wrap;
	color:black;
	font-family: "微軟正黑體",Arial ;
	font-weight:bold;
	vertical-align:middle;
	cursor:hand;
	cursor:pointer;
	margin:0px;
	text-align:center;
	vertical-align:middle;
	position:relative;
    padding-top:2px;
    padding-bottom:2px;
    font-size:0px; 
    padding-left:6px;
}

 

.MainMenu.TopMenu  > .MenuItem > A   /* 第一層選單 MenuItem 文字 */
{
  width:100%;
  padding-top:auto;
  padding-bottom:auto;
  vertical-align:middle;
  text-decoration:none;
  padding-left:10px;
  padding-right:10px;
  display:block;
  height:30px;
  padding-top:4px;
  overflow:hidden;

}


.MainMenu.TopMenu  > .MenuItem:hover > A
{
    background-color:rgb(247,119,61);

    transition:background-color 0.4s;
   border-radius:4px;
}


.MainMenu.TopMenu  > .MenuItem > A > .ItemName
{
    font-size:15px;
    color:black;
    cursor:hand;
    cursor:pointer;
    white-space:nowrap;
    width:100%;
    font-family:  "微軟正黑體", "Arial", "Microsoft JhengHei","新細明體";

}


.MainMenu.TopMenu  > .MenuItem:hover > A > .ItemName
{
    color:White;
}

 

.MainMenu.TopMenu  > .MenuItem > A > .SubTitle
{
    font-size:8px;
    display:block;
      color:white;
}


.MainMenu.TopMenu > .MenuCenterItem
{
	position:relative;
    WIDTH:280PX;
    z-index:3000;
     
} 
 
 
.MainMenu.TopMenu .HomePageMainMenuItem > A > SPAN:after
{
    content: " | ";
    display:inline-block;
    padding-left:10px;
    color:gray;
    position:relative;
    top:-2px;
}
 

  

.MainMenu.TopMenu  > .MenuItem.PathMenuItem  /* 第一層選單文字 PathMenuItem */
{
      text-decoration:none;

        
}

.MainMenu.TopMenu  > .MenuItem.PathMenuItem > A 
{
   background-color:rgb(247,119,61);  
        border-radius:4px;
}
  
.MainMenu.TopMenu  > .MenuItem.PathMenuItem > A > .ItemName
{
    color:White;
}

.MainMenu.TopMenu  > .MenuItem  .Menu  /* 第二層以下選單樣式 */
{
	position:absolute;
	display:none;
     z-index:3000;
    background-color:rgb(247,119,61);  
	padding:0px;
	text-align:left;
	left:6px;
	right:0px;
	min-width:144px;
	top:100%;
	border-radius:4px;
 
}



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


.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:0px;
	 padding-right:0px;
	 text-decoration:none;
	 color:white;
	 vertical-align:middle;
	 line-height:28px;
}

.MainMenu.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;
  
}



.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 */
{
     background-color:rgba(0,0,0,0.3);
  
}

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



.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:0px;
	margin-top:0px;
	display:NONE;
    position:absolute;
}

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

/* MainMenu End*/



  
/* MarqueeContainer Start */

.IndexMainGroup .MarqueeGroup 
{
    display:table;
    width:100%;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:10px;
}

.IndexMainGroup .MarqueeGroup .MarqueeCaption
{
   line-height:33px;
   vertical-align:middle;
    padding-left:3px;
    white-space:nowrap;
    padding-right:4px;
    font-family:  "微軟正黑體",Arial ,Sans-Serif;
    font-size:15px;
    font-weight:bold;
    display:table-cell;
}


.IndexMainGroup .MarqueeGroup .MarqueeField
{
    display:table-cell;
    width:90%;
}

.MarqueeContainer
{ 
   display:none;
   top:0px;
   height:33px;
   width:100%; 
   overflow:hidden;
}

.IndexMainGroup .MarqueeContainer
{
    display:block;
    position:relative;
}



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

/* Maqruee Start */
.Marquee
{
    height:33px;
    width:100%;
    position:absolute;
    _left:0px;
    _right:0px; 
    _bottom:0px;
    
   font-family: "微軟正黑體",Arial ,Sans-Serif;
    font-size:15px;
}

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

/* MiddleGroup Start */
.MiddleGroup
{
    _max-width:1000px;
    width:100%;
    text-align:left;
    vertical-align:top;
    overflow:hidden;
    _display:table;
}

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


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

.list_tr
{
    border: none;
    font-size: 15px;
    font-family:"微軟正黑體" ,Arial ,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:  "微軟正黑體",Arial ,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: "微軟正黑體",Arial ;
	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:nowrap;
	 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 Start */

.NavigationBarContainer
{
    background-color:rgb(32,49,62);
    position:absolute;
    left:50%;
    bottom:20px;
    width:50%;
    height: 170px;
}


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

    padding-top:15px;
    padding-bottom:0px;
 

    display:table;
    table-layout: fixed;  
} 

@media screen and (max-width:860px)
{
    .NavigationBarContainer
    {
        
        position:static;
        left:0%;
        bottom:10px;
        width:100%;
        height:auto;
    }
    .NavigationBar 
    {
        max-width:1000px;
 
        margin-left:auto;
        margin-right:auto;
    } 
}

 
.NavigationBlock
{
    text-align:left; 
}

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

.NavigationBar > .NavigationBlock
{
     display:table-cell;
     padding-left:0px;
     border-right:1px inset rgb(92,109,132);
    
}

.NavigationBar > .NavigationBlock:first-child
{
    border-left:1px solid rgb(72,89,112);
}

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


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

.NavigationBar > .NavigationBlock > .NavigationItem > a
{
    font-size:18px;
    font-family:  "微軟正黑體",Arial ;
    color:white;
    overflow:hidden;
}

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


.NavigationBar > .NavigationBlock > .NavigationBlock > .NavigationItem
{
    text-align:center;
}

.NavigationBar > .NavigationBlock > .NavigationBlock > .NavigationItem > a
{
    font-size:13px;
    font-family: "微軟正黑體",Arial;
    font-weight:normal;
    color:white;
}

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

.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 : 500px)
{
    .NavigationBar 
    {
        display:block;
    }
        
    .NavigationBar > .NavigationBlock
    {

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

    }
    
    
}


/* NavigationBarContainer End */


/*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;
    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;
}
 
/* 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 */



/*  PageFooterContainer Start  */
.PageFooterContainer
{
    width: 100%;
    margin-left:auto;
    background-color: white;
    color:black;
    height: 200px;
    vertical-align: bottom;
    text-align: left;
    padding-top:25px;
   	padding-bottom:10px;
    background-color:rgb(32,49,62);
    padding-bottom:10px;
    color:White;
    padding-left:10px;
}

.PageFooterContainer >  #ctl00_CopyRight
{
    max-width:500px;
    width:100%;
    max-width:1000px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

@media screen and (max-width:860px)
{
    .PageFooterContainer >  #ctl00_CopyRight
    {
        max-width:1000px;
        text-align:center;
    }
}
/*  PageFooterContainer End */
  


/* PageHeader Start */
.PageHeaderContainer
{ 
    padding-top:10px;
    padding-bottom:5px;
    background-color:White;
    width:100%;
}

.PageHeaderContainer > DIV
{
    
	width:100%;
	display:block; 
	position:relative;
	_height:135px;
	height:90px;
	text-align:right;
	vertical-align:top;
        max-width:1000px;
       margin-left:auto;
         margin-right:auto;
       
}

 
@media screen and (max-width:3000px)
{
    .PageHeaderContainer
    {
 
    }
}


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

    .PageHeaderContainer
    {
        width:100%;
         margin-left:0%;
         margin-right:0%;
 
        _width:74%;
        _margin-left:13%;
    }
    
        .PageHeaderContainer > DIV
        {
            max-width:1000px;
            margin-left:auto;
            margin-right:auto; 
        }
}

/*
@media screen and (max-width:1200px)
{
    .PageHeaderContainer
    {
        width:74%;
        margin-left:13%;
    }
}


@media screen and (max-width:1000px)
{
    .PageHeaderContainer
    {
        width:80%;
        margin-left:10%;
    }
}

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


@media screen and (max-width:660px)
{
    .PageHeaderContainer
    {
        width:100%;
        margin-left:0%;
    }
    
    .PageHeaderContainer > DIV
    {
       height:90px;
    }
}
*/

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

/* PageHeader End */




/*  PagePathContainer Start */
.PagePathContainer
{
    text-align:left;
    width:100%;
    margin-bottom:0px;
    border-bottom:1px solid rgb(239,229,225);
    font-size:10px;
    
    display:none;
}


.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:20px;
    font-family:  "微軟正黑體",Arial;
    color:rgb(206,204,204);
}

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

    .PathNode
    {
        
        font-family: "微軟正黑體",Arial;
    }
}
/*  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:  "微軟正黑體",Arial ,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:50%;
    padding: 0px;
    overflow: hidden;
} 

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


@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;
    }
    
   
}


/*ProductTopGroup ProductPictureValueContainer End*/

/* Product AttributeGroup Start */
.ProductDetailDetailBlock .ProductAttributeGroup
{
    _display: table-cell;
    _display:inline-block;
    position:absolute;
    display:block;
    top:0px;
    right:0px;
    width: 48%;
    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: 20px;
    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:10px;
    width:40%;
    position:absolute;
    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;
}

.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;
}

.ProductListListBlock
{
    font-size:0px;
}

.ProductListListBlock .ProductListListBlockItem
{
    display: inline-block;
    position:relative;
    width: 31%;
    min-height: 160px;
    margin-bottom:20px;
}


.MainContainer.ProductListMainContainer,
.MainContainer.ProductDetailMainContainer
{
    padding-top:0px;
}            

 
.SubMenuContainer.ProductListSubMenuContainer3 ,
.SubMenuContainer.ProductDetailSubMenuContainer3 
{
    height:80px;

}

.SubMenuContainer.ProductListSubMenuContainer3 .SubMenu,
.SubMenuContainer.ProductDetailSubMenuContainer3 .SubMenu
{
    display:none;
}


.MainContainer.ProductListMainContainer ,
.MainContainer.ProductDetailMainContainer 
{
        position:relative;
}

.SearchForm.ProductListSearchForm ,
.SearchForm.ProductDetailSearchForm 
{
    display:table;
    position:absolute;
    left:260px;
    width:95%;
    top:3px;
    border:none;
}

@media screen and (max-width:860px)
{
	.SearchForm.ProductListSearchForm ,
	.SearchForm.ProductDetailSearchForm 
	{
	    display:none;
	}
}

.SearchForm.ProductListSearchForm .Parameter ,
.SearchForm.ProductDetailSearchForm .Parameter
{
    display:table-cell;
    width:40%;
    white-space:nowrap;

}

.SearchForm.ProductListSearchForm .Parameter .CaptionContainer ,
.SearchForm.ProductDetailSearchForm .Parameter .CaptionContainer 
{
     padding-left:10px;
}

.SearchForm.ProductListSearchForm .Parameter .Field.KeywordField ,
.SearchForm.ProductDetailSearchForm .Parameter .Field.KeywordField
{
    border:1px solid gray;
   
}

.SearchForm.ProductListSearchForm .Parameter:nth-child(1) ,
.SearchForm.ProductDetailSearchForm .Parameter:nth-child(1)
{
    width:40%;
}

.SearchForm.ProductListSearchForm .Parameter:nth-child(2) ,
.SearchForm.ProductDetailSearchForm .Parameter:nth-child(2) 
{
    width:35%;
}

.SearchForm.ProductListSearchForm .ButtonList ,
.SearchForm.ProductDetailSearchForm .ButtonList 
{
    display:table-cell;
    text-align:left;
    width:25%;   
}

.SearchForm.ProductListSearchForm .ButtonList .ButtonContainer,
.SearchForm.ProductDetailSearchForm .ButtonList .ButtonContainer
{
    margin-top:0px;
}

.SearchForm.ProductListSearchForm .Button ,
.SearchForm.ProductDetailSearchForm .Button
{
    background-color:white;
    min-width:0px;
    height:30px;
}

 

.SearchForm.ProductListSearchForm .CaptionContainer ,
.SearchForm.ProductDetailSearchForm .CaptionContainer 
{
    display:inline-block;
    width:30%;
    white-space:nowrap;
}

.SearchForm.ProductListSearchForm .FieldContainer ,
.SearchForm.ProductDetailSearchForm .FieldContainer
{
    display:inline-block;
    width:70%;
}

.SearchForm.ProductListSearchForm .Parameter:nth-child(2) .CaptionContainer ,
.SearchForm.ProductDetailSearchForm .Parameter:nth-child(2) .CaptionContainer
{
    width:50%;
}

.SearchForm.ProductListSearchForm .Parameter:nth-child(2) .FieldContainer ,
.SearchForm.ProductDetailSearchForm .Parameter:nth-child(2) .FieldContainer
{
    width:50%;
}

.SearchForm.ProductListSearchForm .CaptionContainer .Caption ,
.SearchForm.ProductDetailSearchForm .CaptionContainer .Caption
{
    font-size:16px;
    float:none;
}

.SearchForm.ProductListSearchForm .FieldContainer Select ,
.SearchForm.ProductDetailSearchForm .FieldContainer Select
{
    font-size:15px;
    height:24px;
    float:none;
}

.ProductListListBlock .ProductListListBlockItem:nth-child(2n)
{
    margin-left:1.8%;
}

.ProductListListBlock .ProductListListBlockItem:nth-child(2n+1)
{
    margin-left:2%;
}
 

.ProductListListBlock .ProductPictureValueContainer
{    
    float: left;
    text-align: center;
    width: 100%;
    min-width: 100px;
    border:1px solid #e0e0e0;
    font-size:0px;
    padding-bottom:2px;
}


.ProductListListBlock .ProductPictureValue
{    
    cursor:hand;
    cursor:pointer;
}

.ProductListListBlock .Item:Hover .ProductNameValue
{
    text-decoration:underline;
}

 
.ProductListListBlock .Item .ProductPictureValue
{
    max-width:100%;
    height:auto;
    max-height:240px;
}

.ProductListListBlock .Item .PriceGroup
{
    white-space:nowrap;
}
    
    
.ProductListListBlock .ProductDescriptionGroup
{
    float: left;
    width: 100%;
    vertical-align: top;
    color:#303025;
}

 
.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;
}

.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;   
   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;
    position:absolute;
    padding-left:0px;
    bottom:0px;
    left:0px;
}
  
.ProductListListBlock .ButtonList .Button
{
    min-width:80px;
    width:80px;
    color:white;
    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
		{
  		  
  		 max-height:300px;
		}
     
    .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:1000px;
  		 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
{
}


.LeftSideBar
{
    display:none;
}
/*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:1000px;
}

.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:white;
 

  -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:4px 4px rgba(20%,20%,40%,0.5);
        vertical-align: top;
        width: 100%;
        font-size:0px;
        padding:4px;
}

.SmallMenuContainer IMG
{
  width:32px;
  height:32px;
}


@media screen and (max-width : 860px)
{
    .SmallMenuContainer 
    {
        display: block;
        -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;
    }
    
}
/*  SmallMenuContainer End */


/* ProductSearchForm Start */
.ProductSearchForm
{
    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*/

.SubMenuGroup
{
    display:table;
    width:100%;

}
 
.SubMenuContainer
{
    _display: table-cell;
        background-color:White;
    display:block;
    width: 100%;
    _float:left;
    vertical-align: top;
    padding-top:18px;
    padding-bottom:18px;
}
 
.SubLineMenuContainer
{
    display: none;
}

.SubMenuPostfix
{
   
}

.SubMenu
{
    display:table;
    width:100%;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
}


.SubMenuTitle
{
    width: 10%;
    text-align: left;
    font-weight:bold;
    font-size: 16px;
    font-family:  "微軟正黑體" , Arial ,sans-serif;
    _display:table-cell;    
    display:none;
    vertical-align:middle;
    padding:0px;
    font-size:0px
}


.SubMenuTitle > DIV
{
   background-color:#269da7;  
   border-radius:4px;
   color:White;
   padding-left:10px;
   padding-right:10px;
   text-align:center;
   font-size:16px;
   padding-top:3px;
   height:30px;
}
 
 
@media screen and (max-width :860px)
{
    .SubMenuContainer
    {
        display: none;
        width: 0%;
    }

}


.SubMenuItemList.TopMenu > .MenuItem.SiteMapMenuItem > A
{
    height:40PX;
    position  :relative;
    top:-3PX;
    padding-left:3px;
    padding-right:0px;
}

.SubMenuItemList.TopMenu > .MenuItem.PathMenuItem.SiteMapMenuItem > A
{
    background-color:White;
}

.SubMenuItemList.TopMenu .HomeMainMenuItem
{
   min-width:60px;
}
 

.SubMenuItemList.TopMenu                    /* 第一層選單 */
{
	_display:table; 
	display:block;
	height:auto;
	_height:30px;
	z-index:1000; 
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
}

.SubMenuItemList.TopMenu 
{
    background-size:1px 14px;
    background-repeat:no-repeat;
    background-position:left center;
}

.SubMenuItemList.TopMenu  > .MenuItem         /* 第一層選單 MenuItem */
{
	_display:table-cell;
	display:inline-block;
    white-space:no-wrap;
	color:black;
	font-family: "微軟正黑體",Arial;
	font-weight:bold;
	vertical-align:middle;
	cursor:hand;
	cursor:pointer;
	margin:0px;
	text-align:center;
	vertical-align:middle;
	position:relative;
    padding-top:2px;
    padding-bottom:2px;
    font-size:0px; 
    padding-left:6px;
}

 

.SubMenuItemList.TopMenu  > .MenuItem > A   /* 第一層選單 MenuItem 文字 */
{
  width:100%;
  padding-top:auto;
  padding-bottom:auto;
  vertical-align:middle;
  text-decoration:none;
  padding-left:10px;
  padding-right:10px;
  display:block;
  height:30px;
  padding-top:3px;
  overflow:hidden;
  
}


.SubMenuItemList.TopMenu  > .MenuItem:hover > A
{
    background-color:#269da7;

    transition:background-color 0.4s;
   border-radius:4px;
}


.SubMenuItemList.TopMenu  > .MenuItem > A > .ItemName
{
    font-size:15px;
    color:black;
    cursor:hand;
    cursor:pointer;
    white-space:nowrap;
    width:100%;
    font-family: "微軟正黑體", "Arial", "Microsoft JhengHei", "新細明體";

}


.SubMenuItemList.TopMenu  > .MenuItem:hover > A > .ItemName
{
    color:White;
}

 

.SubMenuItemList.TopMenu  > .MenuItem > A > .SubTitle
{
    font-size:8px;
    display:block;
      color:white;
}


.SubMenuItemList.TopMenu > .MenuCenterItem
{
	position:relative;
    WIDTH:280PX;
    z-index:3000;
     
} 
 
 
.SubMenuItemList.TopMenu .HomePageMainMenuItem > A > SPAN:after
{
    content: " | ";
    display:inline-block;
    padding-left:10px;
    color:gray;
    position:relative;
    top:-2px;
}

.SubMenuItemList.TopMenu  > .MenuItem.PathMenuItem  /* 第一層選單文字 PathMenuItem */
{
      text-decoration:none;        
}


.SubMenuItemList.TopMenu  > .MenuItem.PathMenuItem > A ,
.SubMenuItemList.TopMenu  > .MenuItem.FocusMenuItem > A 
{
   background-color:#269da7;  
        border-radius:4px;
}
  
.SubMenuItemList.TopMenu  > .MenuItem.PathMenuItem > A > .ItemName ,
.SubMenuItemList.TopMenu  > .MenuItem.FocusMenuItem > A > .ItemName 
{
    color:White;
}

.SubMenuItemList.TopMenu  > .MenuItem  .Menu  /* 第二層以下選單樣式 */
{
	position:absolute;
	display:none;
  background-color:#269da7;  
	padding:0px;
	text-align:left;
	left:6px;
	right:0px;
	min-width:144px;
	top:100%;
	border-radius:4px;
 
}



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


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

.SubMenuItemList.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;
	 line-height:28px;
}

.SubMenuItemList.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;
  
}

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

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

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

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

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



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

.SubMenuItemList.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;
}

 


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

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