/* 客製化 Start */

TABLE > colgroup ~ tbody TD
{
   border:1px solid #000000;
   font-size:13px;
}

.CenterBlock
{
   max-width:1100px;
   margin-left:auto;
   margin-right:auto;
   width:100%;
}

.PageLinkContainer
{
   margin-top:20px;
   max-width:1100px;
   margin-left:auto;
   margin-right:auto;
}


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

  .PageLinkContainer
  {
      display:none;
  }

}

.SubMenuPrefix
{
    margin-top:10px;
    text-align:center;
}


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

  .SubMenuPrefix
  {
      display:none;
  }

}
.GeneralContentDetailDetailBlock .ItemDescriptionValueContainer TABLE TD ,
.NewsListBlock .DescriptionValue TABLE TD
{
   border:1px solid #a0a0a0;
}
.CategoryBlock
{
   line-height:25px;
}



.GeneralContentListMain .DescriptionContainer TABLE
{
   border-collapse: collapse;
}

.GeneralContentListMain .DescriptionContainer TABLE TD
{
     border:1px solid #999999;
}


 .DescriptionContainer .EditForm.OnLineSignUpEditForm  TD
{
     border:none;
}

.LineAddToFriendItem 
{
   width:70px;
   position:relative;
}

.LineAddToFriendItem IMG
{
  HEIGHT:28PX;
  position:Absolute;
  right:10px;
  top:-3px;
}


.QuickLinks.TopMenu  > .MenuItem.LineAddToFriendItem  A:after
{
   content : "";
}

.TopMenu.MainMenu > .MenuItem .Menu > .MenuItem.HiddenMenuItem
{
   display:none;
}

#IFrame1ContainerChild
{
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
   margin-top:10px;
   height:90%;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}

.BannerContainer
{
   position:relative;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.47);
   -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.47);
   box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.47);  
   margin-bottom:10px;
}

.BannerContainer .SubBannerContainer 
{
   position:absolute;
   bottom:0px;
   right:20px;
}

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

  .BannerContainer .SubBannerContainer 
  {
     right:0px;
  }

}

 
.PictureViewPictureContainer
{
    text-align: center;
}

.HomePageCategoryBlock
{
}


.PictureViewPictureContainer Img
{
    text-align: center;
    max-width:100%;
    height:auto;
    max-height:600px;
    width:auto;
}

.ContentStyle14.ListBlock#GeneralBlock_2278_1 .GeneralBlockItemList > .GeneralBlockItem
{
      display:block;
      height:320px;
   
}

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

.MarqueeContent
{
  max-width:1050px;
  margin-left:auto;
  margin-right:auto;
}

.FileDownloadSearchFormContent .Button
{
   background-color:rgba(0,0,0,0);
   width:20px;
   height:20px;
   margin-top:3px;
}

.FileDownloadSearchFormContent .Button:hover
{
   background-color:rgba(0,0,0,0);
}


.GeneralContentDetailMainContainer.GeneralContentDetailMainContainer156 .GeneralContentDetailDetailBlock .GeneralContentTopGroupNoAttribute.GeneralContentTopGroup .PictureView
{
  display:none;
}
/* 客製化 End */


/* Body Start*/
BODY
{
}

.disabled_field
{

}


/* 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:1px solid #666666;
    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: block;
    width: 100%;
    overflow: hidden;
    min-height: 200px;

}

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



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

.Button ,
.GeneralBlockMoreLink
{
    font-family:  "微軟正黑體",Arial ;
    font-size: 15px!important;
    letter-spacing: 2px;
     color:#ffffff!important;
    background-color:#E10012!important;

    border: 1px solid #E10012!important;
    border-radius:35px;
    text-align: center;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    height:auto!important;
    margin:0px;
    cursor: hand;
    cursor:pointer;
    transition:all 0.5s;
} 

.Button:hover ,
.GeneralBlockMoreLink:hover
{
    background-color:#FFFFFF;
    transition:all 0.5s;
}

.disabled_button
{
 
    font-family: "微軟正黑體",Arial;
    font-size: 15px !important;
    letter-spacing: 2px;
    color: #333333!important;
    background-color: #E10012 !important;
    border: 1px solid #E10012 !important;
    border-radius: 35px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    height: auto !important;
    margin: 0px;
    cursor: default;
    
}




.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:20px;
    border-bottom:2px solid #e0e0e0;
    padding:10px;
        padding-left:0px;
    font-weight:bold;
    margin-bottom:30px;
    _background-image:url(/Image/TitleIcon.jpg);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:3px 18px;
    width:100%;
    text-align:left;
}

.CategoryTitleContainer:before
{
    content : " ";
    display:inline-block;
    height:10px;
    font-size:1px;
    padding-top:10px;
    padding-right:4px;
    background-color:#E10012;
    margin-right:10px;
}

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


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



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


.PictureViewPictureContainer Img
{
    _width:100%;
}

.error_message
{
  font-size:13px;
  color:red;
}
/*  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:1050px;
}

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

}

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

.BannerContainer .Banner .BannerDescription > DIV
{
    max-width:1050px;
    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:1050px;
 
	  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: 260px;
    }
}
/*  BottomFrame End  */


/*BranchOffice Start*/

.BranchOfficeListBlock .PictureValueContainer
{
    float: left;
    width: 20%;
    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: 80%;
}

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

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

.BranchOfficeListBlock .UrlValue
{
    color: Black;
}

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

.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;
    font-size: 0px;
    display: table;
    overflow: hidden;
    width: 100%;
}

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

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

.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;
    display:none;
    width: 50%;
}

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


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


.SearchForm.FileDownloadSearchForm .ButtonList .ButtonContainer
{
   margin-top:0px;
}

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

.SearchForm .CaptionContainer.SearchByCategoryCaptionContainer
{
   display:none;
}

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

.FileDownloadSearchForm .KeywordParameter
{
     display: inline-block;
}

.FileDownloadSearchForm .Caption
{
   font-size:15px;
   padding-top:2px;
}

.FileDownloadSearchForm SELECT
{
   height:25px;
}

.FileDownloadSearchForm .KeywordParameter .Field.KeywordField
{
   border:1px solid #a0a0a0;
}

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

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

@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  > .GeneralBlockItemListContainer > .GeneralBlockItemList
{
    vertical-align:top;   
}

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


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

.GeneralBlock > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV > .ItemPicturePath
{
    
}

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


.GeneralBlock > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV > .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 > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem:hover > DIV > .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:80%;
    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:30px;

    width: 100%;
    min-width: 100px;
    border:1px solid #e0e0e0;
    font-size:0px;
    padding-bottom:2px;
    height:252px;
   
    position:relative;

}


.GeneralContentListListBlock .Item .SmallPicturePathValueContainer > A
{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    transform:translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform:translateY(-50%) translateX(-50%);
}

.GeneralContentListListBlock .Item .SmallPicturePathValue
{
   cursor:hand;
   cursor:pointer;

    max-width:100%;
    height:auto;
    max-height:240px;
}


.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
{
  
    font-size: 16px;
    font-weight: bold;
    color: black;
    text-decoration: none;


overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-align: right;
 
    display: inline-block;
    text-overflow: ellipsis;
    position: relative;
    top: 0px;
}


.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; 
   display:none;
}




 

  

@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;
    display:none;
} 

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

 

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

.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 */
 
 




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

.MarqueeContent > .GeneralBlockTitle
{
    color:#564e4a;
    font-size:16px;
padding-top:2px;
    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;
   border-right:1px solid darkgray;
}

.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:84%;
    border:none;
}



.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:#ce2136;
    font-size:15px;
    padding-top:4px;
     text-align:left;
     padding-left:10px;
position:relative;
top:-2px;
}

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

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


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


/* MarqueeContent 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:1050px;
    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 */




.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*/


/*GuestBook Start*/
.Main.GuestBookMain .CategoryTitleContainer
 {
     margin-bottom:20px;
 }
 
 .Main.GuestBookMain .GuestBookButtonList
 {
     text-align:right;
     position:relative;
     top:-10px;
 }
    
.SubMenu.GuestBookSubMenu
{
    display:none;
}

.Main.GuestBookMain .ReplyCaption
{
    border-bottom:1px solid #f5f5f5;
    margin-right:10px;
    padding-bottom:4px;
    margin-bottom:4px;
}

.Main.GuestBookMain .ReplyCaption:after
{
    content:":";
    padding-left:3px;
}
    
.Main.GuestBookMain  .GuestBookListBlockItem
  {
      border:2px solid #f0f0f0;
      padding-bottom:10px;
      margin-bottom:10px;
  }
  
.Main.GuestBookMain .GuestBookListBlockItemTopGroup
 {
     display:flex;
     flex-direction:row;
     background-color:#e0e0e0;
     padding:4px;
     padding-left:10px;
     padding-right:10px;
}
 
  .Main.GuestBookMain .UserNameValueContainer 
  {
      flex-grow:1;
      text-align:left;
  }
  
  .Main.GuestBookMain SPAN.UserNameValue
  {
      color:#333333;
      font-size:16px;
      font-weight:bold;
  }
  
 .Main.GuestBookMain .PublishTimeValueContainer
  {
      flex-grow:1;
      text-align:RIGHT;
  }

.Main.GuestBookMain  .ContentTitleValueContainer
  {
      font-weight:bold;
  }
  
  .Main.GuestBookMain .ContentTitleValueContainer ,
  .Main.GuestBookMain .DescriptionValueContainer
  {
      margin-top:10px;
      margin-left:10px;
      margin-right:10px;
      border:1px solid #c0c0c0;
      border-left:4px solid #c0c0c0;
      border-right:4px solid #c0c0c0;
     padding-left:10px;
     padding-top:4px;
     padding-bottom:4px;
 }
 
  .Main.GuestBookMain .DescriptionValueContainer:empty
  {
      display:none;
  }
 
 .Main.GuestBookMain .ReplyValue
 {
     margin-top:10px;
     margin-left:10px; 
     margin-right:10px;
     border:1px solid #c0c0c0;
     border-left:4px solid #c0c0c0;
     border-right:4px solid #c0c0c0;
     background-color:#c0c0c0;
     padding-left:10px;
     padding-top:4px;
       padding-bottom:4px;
       display:block;
   }
   
  .Main.GuestBookMain .ReplyValue:empty
   {
       display:none;
   }
/*GuestBook End*/

/*JobOpportunity Start*/

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



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

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

.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;
   display:none;
    
   font-size:13px;

}

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

}

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

}
 

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

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

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


.BigLogo
{
   position:relative;
   left:0px;
  top:14px;
}

.SmallLogo
{
    display: none;
}

@media screen and (max-width : 1100px)
{
    .BigLogo
   {
      position:relative;
      left:0px;
   }
}

@media screen and (max-width : 860px)
{
    .LogoContainer
    { 
	    text-align:left; 
	    width:50%; 
	    top:0px;   
        left:0px;
        padding-left:10px;
    }
 

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



@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: 80%;
	    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%; 
	    padding-top:0px;
	     min-height:0px;
	     margin-top:0px;
            max-width:none;
	    
	}
	
	.MainGroup
	{
	    display:block;
	    width:100%;
	    min-height:430px;
	    overflow:hidden;
	     margin-top:10px;
	     position:relative;
	}
	
	
	
	.MainGroup.IndexMainGroup > DIV
	{
	    text-align:left;
	    vertical-align:top;
	    width:100%;
	}
	 
	 
	.MainGroup.IndexMainGroup .GeneralBlock
	{
		padding-left:0px;  	
	    padding-right:0px;  
	}
	 
	.MainGroup.MainGroup > DIV:first-child
	{
	    background-color:White;
	    text-align:left;
	    padding-top:0px;
	  
	    vertical-align:top;
	}
	
	.MainGroup > DIV:first-child
	{
	    background-color:White;
	    text-align:left;
	    padding-top:0px;
	  
	    vertical-align:top;
	}
	
	
	@media screen and (max-width:10000px)
	{
	    .MainGroup ,
	    .MainMenu.TopMenu
	    {
	        width:100%;
	        max-width:1050px;
	        margin-left:auto;
	       margin-right:auto;
	    }

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


	} 
	@media screen and (max-width:660px)
	{
	    .MainGroup ,
	     .MainMenu.TopMenu
	    {
	        width:100%;
	        margin-left:0%;
	    }
	}
	
	 /* MainGroup End */

/* QuickLinks Start */

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

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

.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:after
{
   content : "|";
   color:black;
   font-size:12px;
   display:inline;
   position:relative;
   top:-1px;
   left:10px;
}

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

}
 

.QuickLinks.TopMenu  > .MenuItem > A > .ItemName
{
    font-size:14px;
    color:black;
    cursor:hand;
    cursor:pointer;
    white-space:nowrap;
    font-weight:normal;
   font-family: 微軟正黑體,sans-serif;

    width:100%;
}

.QuickLinks.TopMenu  > .MenuItem > A > .ItemName:after
{
   
}
.QuickLinks.TopMenu  > .MenuItem > A > .SubTitle
{
    display:block;
    color:white;
}
 

.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:underline;
    _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:100%;
	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;
    }

    .QuickLinksContainer
    {
       display:none;
    }
}
/* QuickLinks End */

/* MainMenu Start*/ 

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

.MenuContainer
{
   display:block;
    background-color:#ffffff;
   border-top:8px solid #D7D8D8;
   width:100%;
   padding-bottom:10px;
   top:40px;
   right:0px;
   _bottom:0px; 
   text-align:center; 
}

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

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

.MainMenu.TopMenu                    /* 第一層選單 */
{
	display:flex;
         
         justify-content:space-between;
       align-items:center;
         flow-direction:row;
	_display:table; 

	_table-layout: fixed;
	_height:40px;
	width:100%;
	max-width:1050px;
	margin-left:auto;
	margin-right:auto;
	z-index:1000; 
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
}

.MainMenu.TopMenu  > .MenuItem         /* 第一層選單 MenuItem */
{
    display:inline-block;
    _display:table-cell;
    flex-grow:1; 
   height:40px;
    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;
    _line-height:30px;
    vertical-align:Center;
    padding-top:10px;
    padding-bottom:0px;
    font-size:0px; 
    position:relative;
 
}


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


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

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

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


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

}
 

.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 
{
    color:#E10012;
    _border-radius:4px;
}
  
.MainMenu.TopMenu  > .MenuItem.PathMenuItem > A > .ItemName
{
    color:#E10012;
}

.MainMenu.TopMenu  > .MenuItem  .Menu  /* 第二層以下選單樣式 */
{
	position:absolute;
	display:none;
     z-index:3000;
    background-color:#036db7;
	padding:0px;
	text-align:left;
	left:1px;
	_right:0px;
        min-width:100%;
	_min-width:100px;
	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%;
     padding-left:10px;
     padding-right:10px;

     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:1050px;
    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
   }

    .MarqueeCaptionContainer
    {
       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:1050px;
    width:100%;
    text-align:left;
    vertical-align:top;
    overflow:hidden;
    _display:table;
}


.MiddleGroup.PageMiddleGroup
{
   background-color:white;
}

@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:#036eb6;
display:none;
}


.NavigationBar 
{
    overflow:hidden;
    width:100%;
    max-width:1100px;
    margin-left:auto;
    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:1050px;
 
        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 solid #333333;
     padding:0px;
    
}

.NavigationBar > .NavigationBlock:first-child
{
    border-left:1px solid #333333;
}

.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:1px;
}

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

.NavigationBar > .NavigationBlock > .NavigationItem:hover > a
{

}

.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:#666666;
}

.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: 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%;
 
    background-color:#d7d8d8;
    font-size:15px ;


    color:#595959;
 }

.PageFooterContainer >  #ctl00_CopyRight
{
 
} 
/*  PageFooterContainer End */
  


/* PageHeader Start */
.PageHeaderContainer
{ 
    padding-bottom:5px;
    background-color:#ffffff;
}

.PageHeaderContainer > DIV
{
    
	width:100%;
        max-width:1050px;
	display:block; 
	position:relative;
        padding-top:10px;
        padding-bottom:6px;
	_height:135px;
	height:110px;
	text-align:right;
	vertical-align:top;
}

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


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

    .PageHeaderContainer
    {
        width:100%;
         margin-left:0%;
         margin-right:0%;
 
        _width:74%;
        _margin-left:13%;
    }
    
        .PageHeaderContainer > DIV
        {
            max-width:1050px;
            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:inherit;
       min-height:40px;
    }
}

/* PageHeader End */




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


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

.PathNode
{
  font-size:14px;
  text-decoration:none;
  color:#3E3A39;
  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:60%;
    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: 38%;
    padding-left:10px;
    vertical-align: top;
    text-align:left;
   
}
 

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

    }
}
/* Product AttributeGroup End*/


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

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

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


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

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

.ProductAttributeCaption
{
   display:none;
}



.ProductDetailDetailBlock .ProductAttributeGroup .CaptionPostfix
{
    height: 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;
}            
 

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

.SearchForm.ProductListSearchForm ,
.SearchForm.ProductDetailSearchForm 
{
    display:table;
    position:absolute;
    top:-60px;
    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%;
}

.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:1050px;
  		 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
{
  border:6px solid #f0f0f0;
  padding:10px;
  padding-bottom:0px;
  margin-top:10px;
  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:1050px;
}

.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;
    display:block;
    width: 20%;
    float:left;
    vertical-align: top;
    padding-top:0px;
    padding-bottom:200px; 
}
 
.SubLineMenuContainer
{
    display: none;
}

.SubMenuPostfix
{
   
}

.SubMenu
{
    margin-top:10px;
    border:6px solid #f0f0f0;
    padding:12px;
}

 
.SubMenuTitle
{
    font-size: 20px;
    color:#E10012;
    width: 100%;
    text-align: left;
    font-weight:bold;
    font-family: "微軟正黑體" , Arial, sans-serif;
    vertical-align: middle;
    padding-top: 8px;
 
    padding-bottom:13px;
    border-bottom:1px solid #062e74;
}

 
 

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

}


.SubMenuItemList
{
   padding-top:8px;
}

.SubMenuItemList.TopMenu                   /* 第一層選單 */
{
	display:TABLE;  
    width:100%;
}

	
.SubMenuItemList.TopMenu > .MenuItem         /* 第一層選單 MenuItem */
{
	display:block;
	white-space:nowrap;
	color:black;
	font-family:微軟正黑體;
	font-weight:bold;
	vertical-align:middle;
	cursor:hand;
	cursor:pointer;
	margin:0px;
	text-align:left;
	overflow:hidden;
	vertical-align:middle;
}


.SubMenuItemList.TopMenu> .MenuItem > A    /* 第一層選單 MenuItem 文字 */
{
    display:table;
	vertical-align:middle;
	text-decoration:none;
	width:100%;
}


.SubMenuItemList.TopMenu> .MenuItem > A > SPAN /* 第一層選單 MenuItem 文字 */
{
	display:table-cell;
    vertical-align:middle;
    font-size:14px;
    font-variant:normal;
    font-weight:lighter;
    color:#717071;
    font-variant:normal;
    font-family: "微軟正黑體" , Arial, sans-serif;
    white-space:nowrap;
    padding-bottom:6px;   
}

.SubMenuItemList.TopMenu > .BranchMenuItem > A > SPAN /* 第一層選單 MenuItem 文字 */
{
    _border-bottom:1px solid rgb(183,183,183);
}

 
.SubMenuItemList .MenuItem > A 
{
    height:28px;
    padding-top:3PX;
}
 

 
.SubMenuItemList.TopMenu> .MenuItem > A:before  /* 第一層選單 MenuItem Icon */
{
	content : '';
	display:table-cell;
	background-image:url(/Image/TreeItemIcon.jpg);
	background-position:left;	
	background-repeat:no-repeat;	
	vertical-align:middle;
	-moz-background-size:13px 13px;
    -webkit-background-size:13px 13px;
    -o-background-size:13px 13px;
    background-size:13px 13px;
    padding-left:15px;
    text-align:left;
    width:10px;
}

.SubMenuItemList.TopMenu> .MenuItem > A:hover:before   /* 第一層選單 MenuItem Hover Icon */
{
	_background-image:url(/Image/TreeItemHoverIcon.jpg);
}


.SubMenuItemList.TopMenu> .FocusMenuItem > A:before   /* 第一層選單 MenuItem Focus Icon */
{
	background-image:url(/Image/FocusIcon.png);
}


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



.SubMenuItemList.TopMenu  .FocusMenuItem > A > SPAN , /* 焦點 MenuItem 文字樣式 */
.SubMenuItemList.TopMenu  .PathMenuItem > A > SPAN ,
.SubMenuItemList.TopMenu  .MenuItem:hover > A > Span
{
    color:rgb(230,28,64);
}
 

 

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

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


.SubMenuItemList.TopMenu> .MenuItem     >  .Menu  > .MenuItem  /* 第二層以下選單 MenuItem */
{
	color:black;
	display:block;
}
 
.SubMenuItemList.TopMenu> .MenuItem   >  .Menu    .Menu  > .MenuItem  /* 第二層以下選單 MenuItem */
{
	color:black;
	display:block;
}
 
 
.SubMenuItemList.TopMenu > .MenuItem    .Menu  > .MenuItem > A  /* 第二層以下選單 MenuItem 文字 */
{
	 display:table;
	 white-space:nowrap;
	 vertical-align:middle;
	 width:100%;
	 text-decoration:none;
	 text-align:left;
	 
}

.SubMenuItemList.TopMenu > .MenuItem    .Menu  > .BranchMenuItem > A > SPAN /* 第二層以下選單 BranchMenuItem 文字 */
{
    _border-bottom:1px solid rgb(183,183,183);
}

.SubMenuItemList.TopMenu> .MenuItem    .Menu  > .MenuItem > A > SPAN
{
		display:table-cell;
		text-align:left;
		width:99%;
		padding-left:5px;
		color:RGB(136,136,136);
		font-size:14px;
		font-weight:lighter;
}

.SubMenuItemList.TopMenu> .MenuItem    .Menu  > .MenuItem.FocusMenuItem > A > SPAN ,
.SubMenuItemList.TopMenu> .MenuItem    .Menu  > .MenuItem.PathMenuItem > A > SPAN 
.SubMenuItemList.TopMenu> .MenuItem    .Menu  > .MenuItem:hover > A > SPAN 
{
   color:rgb(230,28,64);
}

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



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

.SubMenuItemList.TopMenu> .MenuItem    .Menu >  .MenuItem > A:after  /* 第二以下層選單 Icon */
{
content : '';
	display:table-cell;
	_background-image:url(/Image/BackEndIcon.jpg);
	background-position: center;	
	background-repeat:no-repeat;	
	vertical-align:middle;
	-moz-background-size:13px 13px;
    -webkit-background-size:13px 13px;
    -o-background-size:13px 13px;
    background-size:13px 13px;
    padding-left:15px;
    text-align:left;
    width:10px;
}

.SubMenuItemList.TopMenu> .MenuItem    .Menu >  .FocusMenuItem > A:after  /* 第二以下層選單 Focus Icon */
{
	background-image:url(/Image/FocusIcon.png);
}

.SubMenuItemList.TopMenu> .MenuItem    .Menu >  .MenuItem > A:hover:after  /* 第二以下層選單 Hover Icon */
{
	 
	_background-image:url(/Image/BackEndHoverIcon.jpg);
}


.SubMenuItemList.TopMenu> .MenuItem    .Menu >  .FocusMenuItem > A:hover:after  /* 第二以下層選單 Focus Icon */
{
	 
	_background-image:url(/Image/BackEndHoverFocusIcon.jpg);
}
 


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

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


/* 選單文字偏移 */
.SubMenuItemList.TopMenu> .MenuItem > A 
{
    padding-left:5px;
}

.SubMenuItemList.TopMenu > .MenuItem >  .Menu > .MenuItem > A
{
    padding-left:25px;
}

.SubMenuItemList.TopMenu > .MenuItem >  .Menu > .MenuItem > .Menu > .MenuItem > A
{
    padding-left:55px;
}

/*SubMenu End*/