/* 客製化 Start */
.MediaReportContent.Custom .MediaReportPictureContainer
{
display:none;
}
.MediaReportContent.Custom
{
margin-top:-60px;
}
.MediaReportCategoryGroup.Custom
{
display:none;
}
.Main.NewsMain
{
padding-bottom:100px;
}
.Block1100
{
max-width:1100px;qs
margin-left:auto;
margin-right:auto;
}
.Block1200
{
max-width:1200px;
margin-left:auto;
margin-right:auto;
}
#ctl00_CopyRight
{
margin-left: auto;
margin-right: auto;
display: block;
}
.PictureView > Table
{
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
.PictureView .OverPictureIndex ,
.PictureView .PictureIndex
{
border-radius:50%;
overflow:hidden;
}
.MainBlock
{
width:100%;
max-width:1200px;
display:block;
margin-left:auto;
margin-right:auto;
}
.ShoppingInfoContainer
{
position:absolute;
right:0px;
bottom:20px;
border:1px solid #a0a0a0;
border-radius:5px;
width:240px;
height:35px;
padding-right:50px;
padding-top:8px;
background-image:url(/UploadFile/ShoppingCartIcon.png);
background-position:95% 40%;
background-repeat:no-repeat;
font-size:14px;
box-shadow: 2px 1px 3px -1px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 1px 3px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 1px 3px -1px rgba(0,0,0,0.75);
}
.ShoppingInfoContainer:hover
{
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16), 0px 0px 0px 1px rgba(0,0,0,0.08);
}
.ShoppingInfoContainer .ShoppingInfo
{
text-decoration:none;
color:inherit;
}
@media screen and (max-width:660px)
{
.ShoppingInfoContainer
{
border:none;
top:40px;
bottom:auto;
}
.ShoppingInfoContainer:hover
{
box-shadow:none;
}
}
.MainGroup.IndexMainGroup
{
max-width:none;
}
.QuickLinks.TopMenu > .MenuItem.LoginMenuItem
{
background-image:url(/UploadFile/IMG_150393436249211.png);
background-position:left center;
background-repeat:no-repeat;
padding-left:25px;
position:relative;
top:0px;
}
.QuickLinks.TopMenu > .MenuItem.PictureMenuItem:hover > A
{
text-decoration:underline;
}
.ListBlock.ProductListListBlock
{
min-height:0px;
}
.Content.ListBlockContent.ProductListListBlockContent
{
_display:none;
}
.ShippingPriceCaptionContainer
{
display:none;
}
.ShippingPriceValueContainer
{
display:none;
}
.CouponDiscountAmountCaptionContainer
{
display:none;
}
.CouponDiscountAmountValueContainer
{
display:none;
}
.RewardPointsRow
{
}
.MemberGradeRow
{
display:none;
}
.InvoiceTypeCaptionContainer
{
display:none;
}
.InvoiceTypeValueContainer
{
display:none;
}
.InvoiceTitleCaptionContainer
{
display:none;
}
.InvoiceTitleValueContainer
{
display:none;
}
.VatNumberCaptionContainer
{
display:none;
}
.VatNumberValueContainer
{
display:none;
}
.OrderConfirmSubMenu .SubMenuItemListContainer .SubMenuItemList .MenuItem:nth-child(5) ,
.ShoppingCartSubMenu .SubMenuItemListContainer .SubMenuItemList .MenuItem:nth-child(5) ,
.OrderCompleteSubMenu .SubMenuItemListContainer .SubMenuItemList .MenuItem:nth-child(5)
{
display:none;
}
.MainContainer.OrderCompleteMainContainer .EarnRewardPointsRow
{
display:none;
}
/* 客製化 End */
/* Scroll RightFrame Start */
@media screen and (min-width:870px)
{
.RightFrame.ScrollRightFrame .MiddleGroup
{
margin-top:31px;
}
.RightFrame.ScrollRightFrame .MenuContainer
{
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:1000;
background-color:rgba(240,240,240,0.9);
border-bottom:1px solid #aaaaaa;
height:0px;
overflow:visible;
transition:height 0.5s;
-webkit-transition:height 0.5s;
overflow:hidden;
}
}
/* Scroll RightFrame End */
/* Body Start*/
.disabled_field
{
background-color:rgb(230,230,230);
color:rgb(60,60,60);
border:1px solid lightgray;
}
/* Body End*/
/* General Block Start */
DIV , SPAN , IMG , TD , INPUT , A , SPAN
{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
font-family: "微軟正黑體" , Arial, sans-serif;
}
P
{
font-family:微軟正黑體,Microsoft JhengHei,Zawgyi-one;
margin:0px;
padding:0px;
}
.Message
{
font-family: "微軟正黑體" , Arial, sans-serif;
font-size:16px;
text-align:center;
}
.error_message
{
color:Red;
font-size:13px;
}
DIV , SPAN
{
font-family: "微軟正黑體" , Arial, sans-serif;
}
.SearchFormPrefix
{
display: none;
}
.SearchFormPostfix
{
display: none;
}
.ContentPrefix
{
display: none;
}
.ContentPostfix
{
display: none;
}
.Content
{
overflow: hidden;
width: 100%;
}
.ValuePrefix
{
display: none;
}
.ValuePostfix
{
display: none;
}
.MoveTopButton
{
width:50px;
}
.SearchForm
{
border: 1px solid lightgray;
text-align: left;
width: 100%;
margin-bottom:10px;
display:none;
padding:4px;
}
.Parameter
{
}
.Item
{
}
.CaptionContainer
{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
font-family: "微軟正黑體" , Arial, sans-serif;
}
.SearchFormContent
{
display: table;
}
.SearchForm .Parameter
{
display: table-cell;
font-size: 12px;
}
.SearchForm .CategoryParameter
{
width: 50%;
padding-left: 20px;
}
.SearchForm .KeywordParameter
{
width: 180px;
text-align: right;
}
.SearchForm .ButtonList
{
display: table-cell;
text-align: left;
vertical-align: bottom;
padding-bottom: 7px;
}
.SearchForm .CaptionContainer
{
display: table-row;
text-align: left;
}
.SearchForm .Caption
{
margin-bottom: 5px;
font-size: 13px;
float: left;
}
.SearchForm .CaptionPrefix
{
padding-left: 20px;
float: left;
height: 20px;
background-image: url(../Image/SearchIcon.gif);
background-repeat: no-repeat;
}
.SearchForm .FieldContainer
{
display: table-row;
text-align: left;
}
.SearchForm .FieldPrefix
{
padding-left: 20px;
height: 10px;
float: left;
}
.SearchForm .ButtonContainer
{
vertical-align: bottom;
height: 23px;
margin-top: 16px;
}
.CategoryBlock
{
width: 100%;
overflow: hidden;
}
.CategoryBlock.HomePageCategoryBlock
{
_max-width:1200px;
_margin-left:auto;
_margin-right:auto;
}
.ListBlock
{
text-align: left;
display: table;
width: 100%;
overflow: hidden;
min-height: 200px;
}
.ValueContainer
{
font-family: "微軟正黑體" , Arial, sans-serif;
}
.DetailBlock
{
text-align: left;
_display: table;
width: 100%;
overflow: hidden;
}
.Button
{
font-family: 微軟正黑體;
font-size: 14px;
border-radius: 6px;
height:30px;
background-color:#f70000;
text-align: center;
margin:0px;
cursor: hand;
cursor:pointer;
color:WHITE;
padding:5px;
text-decoration:none;
border:none;
padding-left:10px;
padding-right:10px;
}
.disabled_button
{
font-family: 微軟正黑體;
font-size: 15px;
letter-spacing: 2px;
border-radius: 6px;
border: 1px solid #A0A0A0;
height:30px;
background-color:White;
text-align: center;
margin:0px;
background-color:lightgray;
color:#a0a0a0;
}
.Button:hover
{
background-color:#fe5252;
}
.EditForm
{
width: 100%;
}
.FormTitle
{
width: 100%;
display:block;
color:#564e4a;
font-size:22px;
font-weight:bold;
border-bottom:6px solid #efede9;
margin-bottom:20px;
}
.FieldContainer
{
font-family: 微軟正黑體;
}
.StepTitleContainer
{
padding-bottom:10px;
}
.StepTitle
{
font-weight:bold;
}
@media screen and (max-width : 660px)
{
.SearchForm
{
display: none;
}
}
.EditForm
{
font-family: Arial;
font-size: 16px;
margin-left:auto;
margin-right:auto;
}
.EditFormTitle
{
}
.EditFormContainer
{
}
.CategoryTitleContainer
{
padding-left:10px;
display:none;
}
@media screen and (max-width:440px)
{
.CategoryTitleContainer
{
display:block;
}
}
.CategoryTitleContainer > SPAN
{
position:relative;
top:-2px;
}
.MessageWindow
{
height:110px;
border:4px solid #A0A0b0;
background-color:rgb(240,240,240);
position:absolute;
filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
opacity:0.95;
z-index:3000;
}
.ItemFloatingContent
{
position:absolute;
top:110%;
bottom:0px;
right:0px;
left:0px;
font-size:13px;
}
.EmptyPictureMask
{
display:none;
}
/* General Block End*/
/* search_container Start */
@media screen and (max-width :660px)
{
.search_container
{
display: none;
}
}
/* search_container End */
/* PictureMask Start */
.ContentPageIndex
{
font-family: 微軟正黑體;
color: white;
width: 16px;
text-align: center;
cursor: pointer;
font-size: 12px;
padding-bottom:2px;
font-weight:bold;
background-color: rgb(137,137,137);
vertical-align:bottom;
padding-top:3px;
}
.OverContentPageIndex
{
font-family: 微軟正黑體;
color: yellow;
width: 16px;
text-align: center;
cursor: pointer;
font-size: 12px;
padding-bottom:2px;
font-weight:bold;
background-color: rgb(137,137,137);
vertical-align:bottom;
padding-top:3px;
}
.FocusContentPageIndex
{
font-family: 微軟正黑體;
color: yellow;
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;
}
.Banner
{
position:relative;
margin-left:auto;
margin-right:auto;
width:100%;
}
@media screen and (max-width:800px)
{
.Banner
{
}
}
@media screen and (max-width:440px)
{
}
.BannerContainer.PageBannerContainer .Banner
{
max-width:none;
}
.BannerContainer .Banner .BannerDescription > DIV
{
max-width:1200px;
width:100%;
margin-left:auto;
margin-right:auto;
}
.Banner > DIV:nth-child(1)
{
height:inherit;
width:inherit;
}
.Banner Img
{
_max-height: 280px;
_max-width: 100%;
width: 100%;
}
.BannerContentIndex
{
cursor: pointer;
background-color: rgb(90,86,87);
font-size:0px;
text-align: center;
font-family: Tahoma;
font-weight: bold;
text-decoration: none;
padding-top: 15px;
padding-left: 15px;
border-radius:50%;
overflow:hidden;
margin-right:4px;
}
.FocusBannerContentIndex
{
cursor: pointer;
color:white;
background-color: #e61f22;
font-size: 0px;
text-align: center;
font-family: Tahoma;
font-weight: bold;
text-decoration: none;
padding-top: 15px;
padding-left: 15px;
border-radius:50%;
margin-right:4px;
overflow:hidden;
}
.BannerDescription
{
position:absolute;
BOTTOM:0px;
height:60px;
width:100%;
text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 4px;
font-family: "微軟正黑體", Arial ,sans-serif;
font-size:18px;
color:White;
max-height:40px;
text-align:left;
padding-left:10px;
padding-top:10px;
background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.4) 100%);
}
.BannerDescription.EmptyBannerDescription
{
background-image:none;
}
.BannerDescription:empty
{
background-image:none;
}
.BannerDescription > DIV:empty
{
background-image:none;
}
.BannerFloatingContentContainer
{
width:100%;
overflow:hidden;
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
overflow:visible;
}
.FloatingContent
{
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
}
.FloatingContent IMG
{
width:auto;
height:auto;
}
@media screen and (min-width : 400px) and (max-width : 800px)
{
.Banner
{
width: 100%;
}
.Banner > DIV
{
width: 100%;
height: inherit;
vertical-align: center;
}
.Banner Img
{
_max-width: 100%;
}
}
@media screen and (min-width : 10px) and (max-width : 400px)
{
.Banner
{
width: 100%;
}
.Banner > DIV
{
width: inherit;
height: inherit;
vertical-align: center;
}
.Banner Img
{
height: auto;
_max-width: 100%;
}
.BannerContentIndex
{
padding-left: 5px;
padding-right: 5px;
}
.FocusBannerContentIndex
{
padding-left: 5px;
padding-right: 5px;
}
}
/* Banner 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;
}
@media screen and (max-width:860px)
{
.RightFrame
{
background-size:auto 600px;
}
}
@media screen and (max-width:440px)
{
.RightFrame
{
background-size:auto 700px;
}
}
.RightFrameContent
{
}
.RightFrameContentPrefix
{
display:none;
}
.RightFrameContentPostfix
{
display:none;
}
.TreeMenuContainer
{
width: 300px;
}
@media screen and (min-width : 100px) and (max-width :660px)
{
.LeftFrame
{
vertical-align: top;
}
.TreeMenuContainer
{
display: block;
width: 260px;
}
}
/* BottomFrame End */
/*ContactUs Start*/
.ContactUsMain
{
padding-bottom:40px;
}
@media screen and (max-width:860px)
{
.ContactUsMain
{
padding-left:10px;
}
}
.ContactUsMain .Caption
{
padding: 1px;
font-weight: normal;
font-size: 15px;
color: black;
}
.ContactUsMain .FieldContainer
{
padding-right: 10px;
}
.ContactUsMain .Field
{
width: 95%;
}
.ContactUsMain .ContactMessageField
{
width: 97%;
}
/*ContactUs End*/
/*CustomerChangePassword Start*/
.CustomerChangePasswordMain
{
}
.CustomerChangePasswordEditForm
{
}
.CustomerChangePasswordEditForm .CaptionContainer
{
text-align:right;
}
.CustomerChangePasswordEditForm .Field
{
width:100%;
max-width:150px;
}
@media screen and (max-width : 370px)
{
.CustomerChangePasswordMain
{
}
}
/* CustomerRewardPoints End */
/*CustomerEdit Start*/
.CustomerEditMain
{
}
.FormTitle.EditFormTitle.CustomerEditFormTitle
{
border-bottom:none;
max-width:556px ;
margin-left:auto;
margin-right:auto;
}
.CustomerEditMain .EditForm.CustomerEditForm
{
max-width:556px ;
width:100%;
padding-top:40px;
background-color:#F7F9F8;
border:1px solid #e0e0e0;
border-bottom:none;
margin-left:auto;
margin-right:auto;
padding-top:20px;
padding-left:40px;
padding-right:40px;
}
.CustomerEditMain .EditForm.CustomerEditForm TR:nth-child(2) ,
.CustomerEditMain .EditForm.CustomerEditForm TR:nth-child(3)
{
display:none;
}
@media screen and (max-width:860px)
{
.CustomerEditMain .EditForm.CustomerEditForm
{
background-image:none;
padding-top:20px;
}
}
@media screen and (max-width:860px)
{
.CustomerEditMain .EditForm.CustomerEditForm
{
padding-left:10px;
padding-right:10px;
}
}
.CustomerEditMain .EditForm .Field
{
border:1px solid #a0a0a0;
border-radius:5px;
height:43px;
padding-left:10px;
}
.CustomerEditMain .EditForm .CaptionContainer
{
display:none;
}
.CustomerEditMain .EditForm .FieldContainer
{
padding-bottom:10px;
}
.CustomerEditMain .EditForm .CellPhoneNumberContainer.CellPhoneNumberFieldContainer
{
width:50%;
}
.CustomerEditMain .EditForm .FieldContainer.TelFieldContainer
{
display:none;
}
.CustomerEditMain .EditForm .FieldContainer.AddressFieldContainer
{
}
.CustomerEditMain .EditForm.Field.FieldContainer
{
width:50%;
}
.CustomerEditMain .EditForm .Field.BusinessTypeField LABEL
{
font-size:15px;
}
.CustomerEditMain .EditForm .FieldContainer.DescriptionFieldContainer
{
display:none;
}
.CustomerEditMain .EditForm .FieldContainer .PasswordField ,
.CustomerEditMain .EditForm .FieldContainer .ConfirmPasswordField
{
width:100%;
}
.CustomerEditMain .EditForm .CaptionContainer.BusinessTypeCaptionContainer ,
.CustomerEditMain .EditForm .FieldContainer.BusinessTypeFieldContainer
{
display:none ;
}
.CustomerEditMain .EditForm .CaptionContainer.WebSiteCaptionContainer ,
.CustomerEditMain .EditForm .FieldContainer.WebSiteFieldContainer
{
display:none ;
}
.CustomerEditMain .EditForm .CaptionContainer.ZipCodeCaptionContainer ,
.CustomerEditMain .EditForm .FieldContainer.ZipCodeFieldContainer
{
display:none ;
}
.CustomerEditMain .EditForm .CaptionContainer.CountryCaptionContainer ,
.CustomerEditMain .EditForm .FieldContainer.CountryFieldContainer
{
display:none ;
}
.CustomerEditMain .SubmitButtonContainer
{
width:100%;
height:50px;
}
.CustomerEditMain .EditFormTitleContainer
{
}
.CustomerEditMain .EditFormTitle
{
}
.CustomerEditForm .CaptionContainer
{
text-align: right;
width: 50px;
white-space: nowrap;
}
.CustomerEditForm .Caption.FullNameCaption
{
}
.CustomerEditMain .EditForm .Field.CellPhoneNumberField
{
width:100%;
position:relative;
top:-3px;
}
.CustomerEditMain .EditForm .Field.TelField
{
width:100%;
}
@media screen and (max-width:660px)
{
.CustomerEditMain .EditForm .Field.TelField
{
}
}
@media screen and (max-width:440px)
{
.CustomerEditMain .EditForm .Field.TelField
{
}
}
.CustomerEditForm .DescriptionField
{
width: 100%;
height: 100px;
}
.CustomerEditForm .JobTitleField
{
width: 100%;
}
.CustomerEditForm .Field.GenderField
{
width:100%;
border:none;
}
.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;
}
@media screen and (max-width : 370px)
{
.CustomerEditMain
{
padding-left: 0px;
padding-right: 10px;
}
.CustomerEditForm .CountryField
{
width: 95%;
}
.CustomerEditForm .BusinessTypeOtherField
{
width: 60%;
}
}
.CustomerEditMain #AUTOASSIGN_3590373
{
max-width:556px ;
width:100%;
padding-top:0px;
background-color:#F7F9F8;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
margin-left:auto;
margin-right:auto;
padding-left:40px;
padding-right:40px;
padding-bottom:20px;
}
@media screen and (max-width:440px)
{
.CustomerEditMain #AUTOASSIGN_3590373
{
padding-left:10px;
padding-right:10px;
}
}
.CustomerEditMain .Button.SubmitButton
{
width:100%!important;
height:43px;
max-width:560px;
margin-top:10px;
}
/*CustomerEdit End*/
/*CustomerLoginEditForm Start*/
.CustomerLoginMain
{
position:relative;
}
.CustomerLoginMain .Caption
{
font-size:15px;
font-weight:bold;
}
.CustomerLoginMain .Field
{
height:32px;
border-radius:4px;
border:1px solid #aaaaaa;
}
.CustomerLoginMain .Button
{
width:120px;
}
.CustomerLoginMain .error_message
{
display:block;
}
.CustomerLoginMain .Button.FacebookLoginButton
{
background-image:url(/UploadFile/FacebookLogin.png);
background-repeat:no-repeat;
font-size:0px;
width:220px;
height:43px;
border:none;
background-color:transparent;
background-position:center center;
}
.CustomerLoginMain .Button.GooglePlusLoginButton
{
background-image:url(/UploadFile/GooglePlusLogin.png);
background-repeat:no-repeat;
font-size:0px;
width:220px;
height:43px;
border:none;
background-color:transparent;
background-position:center center;
}
@media screen and (max-width:860px)
{
.CustomerLoginMain .Button.FacebookLoginButton
{
width:150px;
}
.CustomerLoginMain .Button.GooglePlusLoginButton
{
width:150px;
}
}
.CustomerLoginEditForm
{
max-width:556px ;
width:100%;
padding-top:40px;
background-color:#F7F9F8;
border:1px solid #e0e0e0;
border-bottom:none;
margin-left:auto;
margin-right:auto;
}
.CustomerLoginEditForm TABLE
{
width:100%;
}
.CustomerLoginMain .CustomerLoginEditFormTitleContainer
{
display:none;
}
.CustomerLoginMain .CustomerLoginEditFormTitleContainer .FormTitle.CustomerLoginEditFormTitle
{
font-size:18px;
font-weight:bold;
margin-bottom:0px;
}
.CustomerLoginMain .EditForm.SocialLoginEditForm
{
background-color:#F7F9F8;
padding-bottom:20px;
max-width:556px ;
width:100%;
margin-left:auto;
margin-right:auto;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
}
.CustomerLoginMain .CustomerLoginEditFormContainer
{
}
.CustomerLoginMain .CustomerLoginEditForm .CaptionContainer ,
.CustomerLoginMain .CustomerLoginEditForm .FieldContainer
{
padding-bottom:10px;
}
.CustomerLoginMain .CustomerLoginEditForm input::placeholder-shown
{
background-color:red;
}
.CustomerLoginMain .CustomerLoginEditForm .SubmitButton
{
width:460px;
height:43px;
}
@media screen and (max-width:860px)
{
.CustomerLoginMain .CustomerLoginEditForm .SubmitButton
{
width:300px;
}
}
.CustomerLoginMain .SignUpEditFormTitleContainer
{
max-width:556px;
width:100%;
margin-left:auto;
margin-right:auto;
background-color:#F7F9F8;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
margin-top:-40px;
text-align:center;
position:Relative;
padding-top:40px;
}
.CustomerLoginMain .SignUpEditFormTitleContainer:before
{
content : " ";
font-size:0px;
display:block;
width:430px;
border-top:1px solid #888888;
margin-left:auto;
margin-right:auto;
position:relative;
z-idnex:1;
}
@media screen and (max-width:860px)
{
.CustomerLoginMain .SignUpEditFormTitleContainer:before
{
width:300px;
}
}
.CustomerLoginMain .SignUpEditFormTitleContainer .FormTitle.SignUpEditFormTitle
{
font-size:15px;
font-weight:bold;
margin-bottom:0px;
border-bottom:none;
text-align:center;
background-color:#F7F9F8;
color:#888888;
display:inline-block;
width:auto;
padding-left:10px;
padding-right:10px;
z-index:111;
position:relative;
top:-23px;
}
.CustomerLoginMain .SignUpEditFormContainer
{
max-width:556px;
width:100%;
margin-left:auto;
margin-right:auto;
background-color:#F7F9F8;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
}
.CustomerLoginMain .SignUpEditForm
{
position:relative;
top:-20px;
}
.CustomerLoginMain .SignUpEditFormContainer .SignUpEditForm SPAN
{
font-size:15PX;
}
.CustomerLoginMain .SignUpEditFormContainer .SignUpEditForm .SignUpButton
{
margin-left:0px;
background-color:transparent;
color:rgb(227,130,21);
position:relative;
top:-2px;
width:70px;
font-size:18px;
font-weight:bold;
}
.CustomerLoginMain .SignUpEditFormContainer .SignUpEditForm CENTER
{
}
#ctl00_Main_SignUpSuccessDescriptionLabel
{
display:none;
}
.CustomerLoginMain .ForgetPasswordEditFormTitleContainer
{
max-width:556px;
width:100%;
margin-left:auto;
margin-right:auto;
background-color:#F7F9F8;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
margin-top:-40px;
padding-top:40px;
}
.CustomerLoginMain .ForgetPasswordEditFormTitleContainer:before
{
content : " ";
font-size:0px;
display:block;
width:430px;
border-top:1px solid #888888;
margin-left:auto;
margin-right:auto;
position:relative;
z-idnex:1;
}
@media screen and (max-width:860px)
{
.CustomerLoginMain .ForgetPasswordEditFormTitleContainer:before
{
width:300px;
}
}
.CustomerLoginMain .ForgetPasswordEditFormTitleContainer .FormTitle.ForgetPasswordEditFormTitle
{
font-size:15px;
color:#888888;
text-align:center;
position:relative;
top:-22px;
background-color:#F7F9F8;
width:100px;
margin-left:auto;
margin-right:auto;
border-bottom:none;
}
.CustomerLoginMain .ForgetPasswordEditFormContainer
{
}
.CustomerLoginMain .FormTitle
{
}
.CustomerLoginEditForm .CaptionContainer
{
width: 10%;
white-space: nowrap;
}
.CustomerLoginEditForm .Caption
{
border-bottom: none;
}
.CustomerLoginMain .EditFormContainer
{
}
.CustomerLoginMain .EditForm
{
}
.CustomerLoginEditForm .Field
{
border:1px solid #a0a0a0;
border-radius:5px;
height:43px;
padding-left:10px;
width:460px;
}
@media screen and (max-width:860px)
{
.CustomerLoginEditForm .Field
{
width:100%;
}
}
.CustomerLoginEditForm .Field.EmailField
{
}
.CustomerLoginMain .CustomerLoginEditForm .CaptionContainer:first-child
{
display:none;
}
.CustomerLoginEditForm .FieldContainer
{
text-align:center;
}
.CustomerLoginEditForm .EmailFieldContainer
{
padding-right: 10px;
}
.CustomerLoginEditForm .Field.PasswodField
{
}
.ForgetPasswordEditForm .Email2CaptionContainer
{
vertical-align: top;
display:none;
}
.ForgetPasswordEditForm .Email2Field
{
width: 100%;
padding-left:10px;
}
@media screen and (max-width:860px)
{
.ForgetPasswordEditForm .Email2Field
{
width: 200px;
}
}
.CustomerLoginMain .SignUpEditForm
{
width: 100%;
}
.CustomerLoginMain .EditFormContainer.ForgetPasswordEditFormContainer
{
max-width:556px;
width:100%;
margin-left:auto;
margin-right:auto;
background-color:#F7F9F8;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
margin-top:-40px;
padding-bottom:20px;
border-bottom:1px solid #e0e0e0;
}
.CustomerLoginMain .ForgetPasswordEditForm
{
width: 100%;
max-width:460px;
margin-left:auto;
margin-right:auto;
}
@media screen and (max-width:860px)
{
.CustomerLoginMain .ForgetPasswordEditForm
{
width: 330px;
}
}
.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%;
}
@media screen and (max-width:860px)
{
.CustomerLoginMain .ForgetPasswordEditForm .Email2FieldContainer
{
width:200px;
}
}
.CustomerLoginMain .ForgetPasswordEditForm .RequestPasswordButtonContainer
{
padding-left: 5px;
position:relative;
}
#ctl00_Main_ForgetPasswordDescriptionLabel
{
display:none;
}
.CustomerLoginMain .ForgetPasswordEditForm .RequestPasswordButtonContainer:after
{
content : " 取得密碼 ";
font-size:18px;
position:absolute;
left:10px;
top:5px;
font-size:15px;
color:rgb(227, 130, 21);
}
.CustomerLoginMain .Button.RequestPasswordButton
{
background-color:transparent;
color:transparent;
position:absolute;
top:0px;
left:0px;
z-index:11;
}
.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;
}
}
@media screen and (max-width : 370px)
{
.CustomerLoginEditForm .PasswordFieldContainer
{
padding-right: 10px;
}
.CustomerLoginEditForm .PasswordField
{
width: 100%;
}
.CustomerLoginMain .EditFormContainer
{
padding-left: 0px;
padding-right: 0px;
}
}
/*CustomerLoginEditForm End*/
/* CustomerRewardPoints Start*/
.CustomerRewardPointsMain
{
}
.CustomerRewardPointsMain .CustomerRewardPointsEditForm
{
}
.CustomerRewardPointsEditForm .CaptionContainer
{
text-align:right;
}
.CustomerRewardPointsEditForm .Caption
{
font-weight:bold;
}
.CustomerRewardPointsEditForm .ValueContainer
{
width:53%;
padding-left:10px;
}
.CustomerRewardPointsEditForm .Value
{
width:100%;
max-width:150px;
}
@media screen and (max-width : 370px)
{
.CustomerRewardPointsMain
{
}
}
/* CustomerRewardPoints End */
/*Faq Start*/
.FaqListBlock .Item A:hover
{
text-decoration: underline;
}
.FaqListBlock .QuestionValueContainer
{
float: left;
display: table;
padding-bottom: 0px;
height: 32px;
margin: 0px;
vertical-align:top;
}
.FaqListBlock .QuestionValuePrefix
{
display: table-cell;
width: 33px;
height: 30px;
padding: 0px;
margin: 0px;
background-image: url(/image/faq_Q.jpg);
background-repeat: no-repeat;
vertical-align: top;
}
.FaqListBlock .QuestionValue
{
display: table-cell;
padding-top: 4px;
vertical-align: top;
color: Black;
text-decoration: none;
font-weight: bold;
display: inline-block;
font-size:15px;
vertical-align:top;
}
.FaqListBlock .PublishTimeValueContainer
{
float: left;
height: 30px;
vertical-align: top;
padding-top: 4px;
}
.FaqListBlock .PublishTimeValuePrefix:before
{
display: inline-block;
padding-left: 10px;
content: " (";
width: 10px;
}
.FaqListBlock .PublishTimeValue
{
color: Red;
font-style: italic;
}
.FaqListBlock .PublishTimeValuePrefix
{
display: inline-block;
}
.FaqListBlock .PublishTimeValuePostfix
{
display: inline-block;
}
.FaqListBlock .PublishTimeValuePostfix:before
{
display: inline-block;
content: " ) ";
width: 10px;
}
.FaqListBlock .AnswerValueContainer
{
float: none;
_font-size: 0px;
display: table;
overflow: hidden;
width: 100%;
}
.FaqListBlock .AnswerValuePrefix
{
display: table-cell;
float: left;
vertical-align: top;
width: 33px;
}
.FaqListBlock .AnswerValue
{
display: table-cell;
vertical-align: top;
text-align: left;
width: 99%;
}
.FaqListBlock .AnswerValuePostfix
{
display: none;
}
@media screen and (max-width : 660px)
{
.FaqListBlock .PublishTimeValueContainer
{
display: none;
}
}
/*Faq End*/
/* FavoriteItemList Start */
.FormTitle.ListBlockFormTitle.FavoriteItemListListBlockFormTitle
{
}
.FavoriteItemListMain
{
}
.FavoriteItemListListBlock .ValueContainer
{
text-align:center;
}
.FavoriteItemListListBlock .ProductIdValue
{
text-decoration:none;
color:Black;
}
.FavoriteItemListListBlock .ProductIdValue:hover
{
text-decoration:underline;
}
.FavoriteItemListListBlock .ProductNameValue
{
text-decoration:none;
color:Black;
}
.FavoriteItemListListBlock .ProductNameValue:hover
{
text-decoration:underline;
}
.FavoriteItemListListBlock .ButtonContainer
{
text-align:center;
}
.FavoriteItemListListBlock .ContinueBrowseButtonContainer
{
text-align:right;
width:100%;
margin-top:20px;
}
.FavoriteItemListListBlock .Button.DeleteButton
{
background-color:transparent;
}
@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;
max-width:800px;
margin-left:auto;
margin-right:auto;
}
.FileDownloadSearchFormContent
{
display: table;
}
.FileDownloadSearchForm .Parameter
{
white-space: nowrap;
text-align: right;
}
.FileDownloadSearchForm .FieldContainer
{
display: block;
}
.FileDownloadSearchForm .FieldPrefix
{
padding-left: 5px;
}
.FileDownloadSearchForm .ProductGroup
{
display: table-cell;
width: 60%;
padding-left:100px;
}
@media screen and (max-width:1000px)
{
.FileDownloadSearchForm .ProductGroup
{
padding-left:0px;
}
}
.FileDownloadSearchForm .FileGroup
{
display: table-cell;
text-align: right;
width: 20%;
}
.FileDownloadSearchForm .ButtonList
{
display: table-cell;
width: 20%;
vertical-align: bottom;
}
.FileDownloadSearchForm .ProductCategoryNoParameter
{
display: block;
overflow: hidden;
}
.FileDownloadSearchForm .ProductCategoryNoCaptionContainer
{
float: left;
}
.FileDownloadSearchForm .ProductCategoryNoCaptionPrefix
{
background-image: none;
}
.FileDownloadSearchForm .ProductCategoryNoFieldContainer
{
padding-top: 4px;
float: left;
}
.FileDownloadSearchForm .ProductIdParameter
{
display: block;
width: 100%;
}
.FileDownloadSearchForm .ProductIdCaptionContainer
{
float: left;
}
.FileDownloadSearchForm .ProductIdCaptionPrefix
{
background-image: none;
}
.FileDownloadSearchForm .ProductIdFieldContainer
{
padding-top: 2px;
float: left;
}
.FileDownloadSearchForm .FileCategoryNoParameter
{
display: block;
overflow: hidden;
}
.FileDownloadSearchForm .KeywordParameter
{
display: block;
}
.FileDownloadSearchForm .FileCategoryNoCaptionContainer
{
float: left;
}
.FileDownloadSearchForm .FileCategoryNoFieldContainer
{
float: left;
}
.FileDownloadSearchForm .FileCategoryNoCaptionPrefix
{
background-image: none;
}
.FileDownloadSearchForm .KeywordCaptionContainer
{
display: none;
}
.FileDownloadSearchForm .KeywordFieldContainer
{
float: left;
text-align: right;
width: 95%;
}
.FileDownloadListBlock .CaptionPrefix
{
padding-left: 20px;
float: left;
height: 15px;
background-image: url(../Image/SearchIcon.gif);
background-repeat: no-repeat;
padding-bottom: 20px;
}
@media screen and (max-width : 660px)
{
.FileDownloadSearchForm
{
display:none;
}
}
/*FileDownload End*/
/* FlashSaleProductCategory Start */
.FlashSaleProductCategory
{
background-color: rgba(0,0,0,0);
padding:0px;
padding-top:20px;
}
.FlashSaleProductCategory > .GeneralBlockMoreLink
{
display:none;
}
.FlashSaleProductCategory > .GeneralBlockTitle
{
font-size : 16px;
background-color:rgb(247,246,243);
height: 34px;
width: 100%;
text-align: left;
font-family: "微軟正黑體" , Arial, sans-serif;
vertical-align: middle;
padding-top: 8px;
padding-left:10px;
color:Black;
border:none;
}
.FlashSaleProductCategory > .GeneralBlockItemList > .GeneralBlockItem
{
display:block;
border-radius: 60%;
width: 60px;
height:80px;
overflow: hidden;
border:1px solid lightgray;
margin-left:10px;
margin-bottom:10px;
}
.FlashSaleProductCategory > .GeneralBlockItemList > .GeneralBlockItem Img
{
display: block;
position:relative;
top:-1px;
width:90px;
}
/* FlashSaleProductCategory End */
/* FloatingWindow Start */
.FloatingWindow
{
z-index:1000;
}
.ShoppingCartButton
{
width:50px;
}
@media screen and (max-width : 400px)
{
.FloatingWindow
{
}
}
/* FloatingWindow End */
/* GeneralBlock Start */
.GeneralBlock
{
background-color:White;
width:100%;
margin-bottom:20px;
padding:10px;
position:relative;
}
.GeneralBlock:last-child {
margin-bottom:0px;
}
.GeneralBlock .GeneralBlockTitle
{
border-bottom: 1px solid #aa0000;
color: #aa0000;
font-size: 16px;
line-height: 20px;
margin: 0 0 10px;
padding-bottom: 10px;
text-align:left;
}
.GeneralBlock .GeneralBlockMoreLink
{
position:absolute;
top:15px;
text-decoration:none;
right:10px;
background:white;
border:none;
height:20px;
color:#ac8c85;
font-size:13px;
cursor:hand;
cursor:pointer;
}
.GeneralBlock .GeneralBlockItemList
{
vertical-align:top;
}
.GeneralBlock .GeneralBlockItemList > .GeneralBlockItem
{
width:48%;
display:inline-block;
overflow: hidden;
text-decoration:none;
}
@media screen and (max-width:440px)
{
.GeneralBlock .GeneralBlockItemList > .GeneralBlockItem
{
width:100%;
float:none;
display:block;
}
}
.GeneralBlock .GeneralBlockItem .ItemPicturePath
{
}
.GeneralBlock .GeneralBlockItem .ItemPicturePath > Img
{
width:100%;
}
.GeneralBlock .GeneralBlockItem .ItemName > SPAN
{
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
color:#5c4544;
display:block;
font-size:14px;
background-clip: border-box;
box-sizing: border-box;
overflow : hidden;
white-space : nowrap;
width : 100%;
text-align:center;
}
.GeneralBlock .GeneralBlockItem:hover .ItemName > SPAN
{
color:#5c4544;
text-decoration:underline;
}
/* GeneralBlock End */
/* GeneralContentDetail Start*/
.GeneralContentDetailDetailBlock
{
position:relative;
}
.GeneralContentDetailDetailBlock .Group.GeneralContentTopGroup
{
display:flex;
flex-direction:column;
}
.GeneralContentDetailDetailBlock .PictureView
{
display:block;
margin-left:auto;
margin-right:auto;
order: 1;
}
.GeneralContentDetailDetailBlock .GeneralContentAttributeGroup
{
display:block;
padding-top:0px;
padding-left:0px;
vertical-align:top;
order: 3;
padding-bottom:20px;
}
.GeneralContentDetailDetailBlock .GeneralContentTitleValueContainer
{
display:block;
left:0px;
bottom:10px;
font-weight:bold;
font-size:18px;
padding-top:20px;
padding-left:0px;
padding-bottom:4px;
order: 2;
}
.GeneralContentDetailDetailBlock .AttributeCaption
{
display:none;
}
.GeneralContentDetailDetailBlock .GeneralContentTitleValue
{
_border-bottom:1px solid green;
_font-size: 24px;
_font-weight: bold;
}
.GeneralContentDetailDetailBlock .ButtonList
{
width: 100%;
text-align: right;
}
.GeneralContentDetailDetailBlock .ButtonList .ButtonContainer
{
display: inline-block;
padding-left: 4px;
}
.GeneralContentDetailDetailBlock .GeneralContentDataContainer
{
overflow: hidden;
}
.GeneralContentDetailDetailBlock .BigPictureContainer
{
float: left;
width: 60%;
min-height: 300px;
}
.GeneralContentDetailDetailBlock .BigPictureContainer Img
{
width: 100%;
}
.GeneralContentDetailDetailBlock .BigPictureNameContainer
{
display: none;
}
PRE
{
padding: 0px;
margin: 0PX;
font-family: "微軟正黑體" ,Microsoft JhengHei;
}
.GeneralContentDetailDetailBlock .IntroductionContainer
{
float: left;
width: 40%;
padding-left: 10px;
padding-bottom: 30px;
}
.GeneralContentDetailDetailBlock .IntroductionNameContainer
{
font-size: 20px;
font-weight: bold;
}
.GeneralContentDetailDetailBlock .IntroductionValueContainer
{
font-size: 14px;
}
.GeneralContentDetailDetailBlock .ServiceContainer
{
float: left;
width: 40%;
padding-left: 10px;
padding-bottom: 30px;
}
.GeneralContentDetailDetailBlock .ServiceNameContainer
{
font-size: 20px;
font-weight: bold;
}
.GeneralContentDetailDetailBlock .ServiceValueContainer
{
font-size: 14px;
}
.GeneralContentDetailDetailBlock .WebPageContainer
{
float: left;
font-family: "微軟正黑體" ,Microsoft JhengHei;
width: 40%;
padding-left: 10px;
padding-bottom: 30px;
}
.GeneralContentDetailDetailBlock .WebPageNameContainer
{
font-size: 20px;
font-weight: bold;
}
.GeneralContentDetailDetailBlock .WebPageValueContainer
{
font-size: 14px;
}
.GeneralContentDetailDetailBlock .WebPageValueContainer A
{
color: #A02929;
text-decoration: none;
}
.GeneralContentDetailDetailBlock .WebPageValueContainer A:hover
{
text-decoration: underline;
}
.GeneralContentDetailDetailBlock .TechnologyContainer
{
float: left;
width: 40%;
padding-left: 10px;
padding-bottom: 30px;
}
.GeneralContentDetailDetailBlock .TechnologyNameContainer
{
font-size: 20px;
font-weight: bold;
}
.GeneralContentDetailDetailBlock .TechnologyValueContainer
{
font-size: 14px;
}
.GeneralContentDetailDetailBlock .GeneralContentBottomGroup
{
float: none;
display: block;
width: 100%;
overflow: hidden;
}
.GeneralContentDetailDetailBlock .GeneralContentTitleContainer
{
margin-bottom: 30px;
font-size: 25px;
font-weight: bold;
}
.GeneralContentDetailDetailBlock .GeneralContentDescriptionContainer
{
display: none;
}
.GeneralContentDetailDetailBlock .ItemDescriptionValueContainer
{
padding-top: 10px;
}
.GeneralContentDetailDetailBlock .BigPictureContainer
{
min-height: 500px;
}
@media screen and (max-width : 660px)
{
.GeneralContentDetailDetailBlock .PictureView
{
width:100%;
display:block;
}
.GeneralContentDetailDetailBlock .GeneralContentAttributeGroup
{
display:block;
width:100;
}
.GeneralContentDetailDetailBlock .GeneralContentTitleValueContainer
{
position:static;
display:block;
width:100%;
border-bottom:none;
}
.GeneralContentDetailDetailBlock
{
padding-LEFT:10PX;
padding-right:10PX;
}
.GeneralContentDetailDetailBlock .BigPictureContainer
{
float: none;
width: 100%;
min-height: 300px;
}
.GeneralContentDetailDetailBlock .IntroductionContainer
{
float: none;
width: 100%;
padding-left: 0px;
}
.GeneralContentDetailDetailBlock .ServiceContainer
{
float: none;
width: 100%;
padding-left: 0px;
}
.GeneralContentDetailDetailBlock .WebPageContainer
{
padding-left: 0px;
}
.GeneralContentDetailDetailBlock .Parameter
{
overflow: hidden;
width: 100%;
}
.GeneralContentDetailDetailBlock .GeneralContentDetailDetailBlock .WebPageContainer
{
float: none;
width: 100%;
padding-left: 0px;
}
.GeneralContentDetailDetailBlock .TechnologyContainer
{
float: none;
width: 100%;
padding-left: 0px;
}
}
/* GeneralContentDetail End*/
/* GeneralContentList Start */
.GeneralContentListSearchForm
{
}
.GeneralContentListMain .GeneralContentListCategoryBlock
{
_min-height:230px;
}
.GeneralContentListCategoryBlock .PictureView
{
display:block;
float:left;
width:100%;
}
.GeneralContentListCategoryBlock .ShortDescriptionContainer
{
display:block;
float:left;
width:100%;
padding-left:20px;
}
@media screen and (max-width:660px)
{
.GeneralContentListCategoryBlock .PictureView
{
float:none;
width:100%;
}
.GeneralContentListCategoryBlock .ShortDescriptionContainer
{
float:none;
width:100%;
padding-left:0px;
}
}
.GeneralContentListCategoryBlock .DescriptionContainer
{
display:block;
float:none;
clear:both;
width:100%;
}
.GeneralContentListCategoryBlock .DescriptionContainer:empty
{
display:none;
}
.GeneralContentListListBlock .Item
{
display: inline-block;
width: 32.9%;
position:relative;
overflow:hidden;
margin-bottom:20px;
}
.GeneralContentListListBlock .Item .GeneralContentDescriptionGroup
{
position:static;
min-height:60px;
right:0px;
bottom:0px;
}
.GeneralContentListListBlock .Item .SmallPicturePathValueContainer
{
text-align: center;
display:block;
width: 100%;
padding:10px;
_margin-bottom:40px;
}
.GeneralContentListListBlock .Item .SmallPicturePathValue
{
width:100%;
}
.GeneralContentListListBlock .Item .GeneralContentDescriptionGroup
{
vertical-align: top;
text-align:right;
padding-right:10px;
width:100%;
}
.GeneralContentListListBlock .Item .TitleValue
{
display: inline-block;
padding-left: 4px;
}
.GeneralContentListListBlock .Item .HiddenGeneralContentLink
{
display:none;
}
.GeneralContentListListBlock .Item .TitleValueContainer
{
}
.GeneralContentListListBlock .Item:hover .TitleValue
{
text-decoration:underline;
}
.GeneralContentListListBlock .Item .TitleValue
{
display: block;
font-size: 16px;
font-weight: bold;
color: black;
text-decoration: none;
}
.GeneralContentListListBlock .Item .ShortDescriptionValueContainer
{
text-align: right;
display:inline-block;
vertical-align: top;
width : 60%;
float:right;
}
.GeneralContentListListBlock .Item .ShortDescriptionValue
{
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
color:#5c4544;
display:inline-block;
font-size:14px;
overflow : hidden;
white-space : nowrap;
width : 100%;
text-align:right;
}
.GeneralContentListListBlock .Item .ButtonList
{
position:absolute;
left:10px;
bottom:1px;
padding:2px;
}
.GeneralContentListListBlock .Item A[href=]
{
cursor:default;
pointer:default;
border:1px solid red;
}
@media screen and (max-width : 660px)
{
.GeneralContentListListBlock .Item
{
display: block;
width: 100%;
}
.GeneralContentListListBlock .Item .ShortDescriptionValueContainer
{
width:50%;
}
}
/* GeneralContentList End*/
/* HeaderLinkContainer Start */
.HeaderLinkContainer
{
_display:inline-block;
display:none;
vertical-align:middle;
white-space:nowrap;
overflow:hidden;
font-size:10px;
position:absolute;
right:40px;
top:10px;
}
@media screen and (max-width : 660px)
{
.HeaderLinkContainer
{
right:20px;
}
}
.LineShareLinkContainer
{
top:-3px;
position:relative;
}
/* HeaderLinkContainer End */
/* HeaderRightBottomContainer Start */
.HeaderRightBottomContainer
{
display:table;
margin-left:auto;
margin-top:5px;
}
@media screen and (max-width : 660px)
{
.HeaderRightBottomContainer
{
margin-top:0px;
}
}
/* HeaderRightBottomContainer End */
/* Index Start */
.PagePathContainer.IndexPagePathContainer
{
margin-bottom:0px;
border-bottom:none;
border:1px solid red;
display:none;
}
.MainContainer.IndexMainContainer
{
padding:0px;
display:block;
width:100%;
max-width:none;
}
.IndexLeftSideBarContainer
{
display:none;
}
.IndexNews .GeneralBlockMoreLink
{
color:Black;
padding-right:30px;
}
.IndexNews .GeneralBlockMoreLink:hover
{
color:rgb(240,99,84);
}
.IndexNews .GeneralBlockTitle
{
color:#564e4a;
font-size:18px;
border-bottom:6px solid #efede9;
margin-bottom:0px;
padding-left:30px;
}
.IndexNews .GeneralBlockItemList > .GeneralBlockItem
{
width:100%;
display:block;
position:relative;
height:30px;
padding-bottom:10px;
border-bottom:1px solid lightgray;
}
.IndexNews .GeneralBlockItemList
{
}
.IndexNews .GeneralBlockItemList > .GeneralBlockItem:hover
{
background-color:rgb(255,252,240);
}
.IndexNews .GeneralBlockItemList > .GeneralBlockItem > .ItemName
{
display:inline-block;
position:absolute;
left:30px;
top:18%;
width:auto;
}
.IndexNews .GeneralBlockItemList > .GeneralBlockItem:hover > .ItemName > SPAN
{
color:Black;
}
.IndexNews .GeneralBlockItemList > .GeneralBlockItem > .ItemName > SPAN:hover
{
text-decoration:none;
}
.IndexNews .GeneralBlockItemList > .GeneralBlockItem > .ItemName > SPAN
{
color:Gray;
font-size:15px;
WIDTH:auto;
}
.IndexNews .GeneralBlockItemList > .GeneralBlockItem > .ItemDescription
{
display:inline-block;
position:absolute;
right:30px;
top:20%;
color:Gray;
font-size:15px;
}
.IndexNews .GeneralBlockItemList > .GeneralBlockItem:hover > .ItemDescription
{
color:Black;
}
.IndexNews .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath
{
display:none;
}
@media screen and (max-width:440px)
{
.IndexNews .GeneralBlockTitle
{
padding-left:10px;
}
.IndexNews .GeneralBlockMoreLink
{
color:Black;
padding-right:0px;
}
.IndexNews .GeneralBlockItemList > .GeneralBlockItem > .ItemDescription
{
display:none;
}
.IndexNews .GeneralBlockItemList > .GeneralBlockItem > .ItemName
{
left:10px;
display:inline-block;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
width:95%;
white-space: nowrap;
}
}
/* ListContent Start */
.ListContent .GeneralBlockMoreLink
{
color:Black;
padding-right:30px;
}
.ListContent .GeneralBlockMoreLink:hover
{
color:rgb(240,99,84);
}
.ListContent .GeneralBlockTitle
{
color:#564e4a;
font-size:18px;
border-bottom:6px solid #efede9;
margin-bottom:0px;
padding-left:30px;
}
.ListContent .GeneralBlockSubTitle
{
display:none;
}
.ListContent .GeneralBlockItemList > .GeneralBlockItem
{
width:100%;
display:block;
position:relative;
height:30px;
padding-bottom:10px;
border-bottom:1px solid lightgray;
}
.ListContent .GeneralBlockItemList
{
}
.ListContent .GeneralBlockItemList > .GeneralBlockItem:hover
{
background-color:rgb(255,252,240);
text-decoration:none;
}
.ListContent .GeneralBlockItemList > .GeneralBlockItem .ItemName
{
display:inline-block;
position:absolute;
left:30px;
top:18%;
width:auto;
text-decoration:none;
}
.ListContent .GeneralBlockItemList > .GeneralBlockItem:hover .ItemName > SPAN
{
color:Black;
text-decoration:none;
}
.ListContent .GeneralBlockItemList > .GeneralBlockItem .ItemName > SPAN:hover
{
text-decoration:none;
}
.ListContent .GeneralBlockItemList > .GeneralBlockItem .ItemName > SPAN
{
color:Gray;
font-size:15px;
WIDTH:auto;
}
.ListContent .GeneralBlockItemList > .GeneralBlockItem .ItemDescription
{
display:inline-block;
position:absolute;
right:30px;
top:20%;
color:Gray;
font-size:15px;
}
.ListContent .GeneralBlockItemList > .GeneralBlockItem:hover .ItemDescription
{
color:Black;
}
.ListContent .GeneralBlockItemList > .GeneralBlockItem .ItemPicturePath
{
display:none;
}
@media screen and (max-width:440px)
{
.ListContent .GeneralBlockTitle
{
padding-left:10px;
}
.ListContent .GeneralBlockMoreLink
{
color:Black;
padding-right:0px;
}
.ListContent .GeneralBlockItemList > .GeneralBlockItem > .ItemDescription
{
display:none;
}
.ListContent .GeneralBlockItemList > .GeneralBlockItem > .ItemName
{
left:10px;
display:inline-block;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
width:95%;
white-space: nowrap;
}
}
/* ListContent End */
/* PagingContent Start */
.PagingContent
{
width:100%;
height:auto;
margin-bottom:0px;
border-top:NONE;
background-color:transparent;
}
.PagingContent .GeneralBlockTitle
{
color:#564e4a;
font-size:18px;
padding-bottom:0px;
border-bottom:none;
padding-left:30px;
}
.PagingContent .GeneralBlockSubTitle
{
display:none;
}
.PagingContent .GeneralBlockItemListContainer
{
margin-left:30px;
margin-right:30px;
height:auto;
overflow:hidden;
font-size:0px;
}
.PagingContent .GeneralBlockPrevAnchor
{
display:inline-block;
position:absolute;
padding-left:28px;
padding-top:60px;
top:0px;
left:0px;
height:100%;
vertical-align:middle;
background-image:url(/UploadFile/Icons/PrevTriLightGray.png);
background-repeat:no-repeat;
background-position: center;
background-size:90% auto;
cursor:hand;
cursor:pointer;
z-index:100;
}
.PagingContent .GeneralBlockNextAnchor
{
display:inline-block;
position:absolute;
padding-left:30px;
padding-top:60px;
right:0px;
top:0px;
height:100%;
background-image:url(/UploadFile/Icons/NextTriLightGray.png);
background-repeat:no-repeat;
background-position: center;
background-size:90% auto;
cursor:hand;
cursor:pointer;
z-index:100;
}
.PagingContent .GeneralBlockItemList
{
display:block;
white-space:nowrap;
width:100%;
font-size:0px;
}
.PagingContent .GeneralBlockItemList > .GeneralBlockItem
{
display:inline-block;
font-size:0px;
width:25%;
position:relative;
}
.PagingContent > .GeneralBlockMoreLink
{
color:#564e4a;
padding-right:20px;
_display:none;
}
.PagingContent .GeneralBlockMoreLink:hover
{
color:rgb(240,99,84);
}
.PagingContent .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath
{
padding-left:10px;
padding-right:10px;
line-height:130px;
text-align:center;
}
.PagingContent .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath > Img
{
vertical-align:middle;
max-height:145px;
max-width:100%;
width:auto;
}
.PagingContent .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath:before
{
content :"";
display:inline-block
}
.PagingContent .GeneralBlockItemList > .GeneralBlockItem .ItemName
{
_display:none;
text-decoration:none;
}
.PagingContent .GeneralBlockItemList > .GeneralBlockItem .ItemDescription
{
display:none;
}
@media screen and (max-width:660px)
{
.PagingContent .GeneralBlockItemList > .GeneralBlockItem
{
width:50%;
}
.PagingContent .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath > Img
{
max-height:185px;
}
}
@media screen and (max-width:440px)
{
.PagingContent .GeneralBlockItemListContainer
{
margin-left:12px;
margin-right:12px;
}
.PagingContent > .GeneralBlockMoreLink
{
padding-right:0px;
}
.PagingContent .GeneralBlockItemList > .GeneralBlockItem
{
width:100%;
vertical-align:middle;
}
.PagingContent .GeneralBlockPrevAnchor
{
left:2px;
padding-left:10px;
background-size:100%;
}
.PagingContent .GeneralBlockNextAnchor
{
right:2px;
padding-left:10px;
background-size:100%;
}
}
/* PagingContent End */
/* MarqueeContent Start */
.IndexMainGroup.MainGroup .GeneralBlock.MarqueeContent ,
.MarqueeContent
{
width:100%;
height:auto;
white-space:nowrap;
padding:2px;
padding-left:10px;
padding-right:10px;
background-color:rgba(0,0,0,0);
font-size:0px;
margin-bottom:0px
}
.MarqueeContent > .GeneralBlockTitle
{
color:#564e4a;
font-size:14px;
padding-bottom:0px;
border-bottom:none;
padding-left:30px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
_display:inline-block;
display:none;
_width:10%;
padding-left:0px;
vertical-align:top;
}
.MarqueeContent > .GeneralBlockSubTitle
{
display:none;
}
.MarqueeContent > .GeneralBlockItemListContainer
{
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-right:0px;
height:auto;
overflow:hidden;
font-size:0px;
display:inline-block;
_width:90%;
width:100%;
border:1px solid lightgray;
}
.MarqueeContent > .GeneralBlockPrevAnchor
{
display:inline-block;
position:absolute;
padding-left:28px;
padding-top:60px;
top:0px;
left:0px;
height:100%;
vertical-align:middle;
background-image:url(/Image/Prev.png);
background-repeat:no-repeat;
background-position: center;
cursor:hand;
cursor:pointer;
z-index:100;
}
.MarqueeContent > .GeneralBlockNextAnchor
{
display:inline-block;
position:absolute;
padding-left:30px;
padding-top:60px;
right:0px;
top:0px;
height:100%;
background-image:url(/Image/Next.png);
background-repeat:no-repeat;
background-position: center;
cursor:hand;
cursor:pointer;
z-index:100;
}
.MarqueeContent > .GeneralBlockItemListContainer > .GeneralBlockItemList
{
display:block;
white-space:nowrap;
width:100%;
font-size:0px;
}
.MarqueeContent > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem
{
display:inline-block;
font-size:0px;
width:25%;
position:relative;
}
.MarqueeContent > .GeneralBlockMoreLink
{
display:none;
}
.MarqueeContent > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV > .ItemPicturePath
{
display:none;
}
.MarqueeContent > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV .ItemName
{
color:black;
text-decoration:none;
}
.MarqueeContent > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV .ItemName > SPAN
{
color:black;
font-size:15px;
padding-top:4px;
padding-bottom:4px;
}
.MarqueeContent > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV > .ItemDescription
{
display:none;
}
@media screen and (max-width:440px)
{
.MarqueeContent > .GeneralBlockTitle
{
display :none;
}
.MarqueeContent > .GeneralBlockItemListContainer
{
width:100%;
}
}
/* MarqueeContent End */
/* ListBlock Start */
.GeneralBlock.ListBlock
{
width:100%;
height:auto;
margin-bottom:10px;
}
.GeneralBlock.ListBlock .GeneralBlockTitle
{
color:#564e4a;
font-size:18px;
padding-bottom:0px;
border-bottom:none;
padding-left:30px;
}
.GeneralBlock.ListBlock .GeneralBlockTitle:empty
{
display:none;
}
.GeneralBlock.ListBlock .GeneralBlockSubTitle
{
display:none;
}
.GeneralBlock.ListBlock .GeneralBlockItemListContainer
{
margin-left:0px;
margin-right:0px;
height:auto;
overflow:hidden;
font-size:0px;
}
.GeneralBlock.ListBlock .GeneralBlockPrevAnchor
{
display:none;
}
.GeneralBlock.ListBlock .GeneralBlockNextAnchor
{
display:none;
}
.GeneralBlock.ListBlock .GeneralBlockItemList
{
display:block;
white-space:nowrap;
width:100%;
font-size:0px;
overflow:hidden;
}
.GeneralBlock.ListBlock .GeneralBlockItemList .GeneralBlockItem
{
position:relative;
display:block;
float:left;
font-size:0px;
width:50%;
}
.GeneralBlock.ListBlock > .GeneralBlockMoreLink
{
color:#564e4a;
padding-right:20px;
_display:none;
}
.GeneralBlock.ListBlock .GeneralBlockMoreLink:hover
{
color:rgb(240,99,84);
}
.GeneralBlock.ListBlock .GeneralBlockItemList .GeneralBlockItem > .ItemPicturePath
{
padding-left:10px;
padding-right:10px;
line-height:130px;
text-align:center;
}
.GeneralBlock.ListBlock .GeneralBlockItemList .GeneralBlockItem > .ItemPicturePath > Img
{
vertical-align:middle;
max-height:145px;
max-width:100%;
width:auto;
}
.GeneralBlock.ListBlock .GeneralBlockItemList .GeneralBlockItem > .ItemPicturePath:before
{
content :"";
display:inline-block
}
.GeneralBlock.ListBlock .GeneralBlockItemList .GeneralBlockItem .ItemName
{
text-decoration:none;
}
.GeneralBlock.ListBlock .GeneralBlockItemList .GeneralBlockItem .ItemDescription
{
display:none;
}
@media screen and (max-width:660px)
{
.GeneralBlock.ListBlock .GeneralBlockItemList > .GeneralBlockItem
{
width:50%;
}
.GeneralBlock.ListBlock .GeneralBlockItemList > .GeneralBlockItem > .ItemPicturePath > Img
{
}
}
@media screen and (max-width:440px)
{
.GeneralBlock.ListBlock .GeneralBlockItemListContainer
{
margin-left:12px;
margin-right:12px;
}
.GeneralBlock.ListBlock > .GeneralBlockMoreLink
{
padding-right:0px;
}
.GeneralBlock.ListBlock .GeneralBlockItemList > .GeneralBlockItem
{
width:100%;
vertical-align:middle;
float:none;
}
.GeneralBlock.ListBlock.GeneralBlockPrevAnchor
{
left:2px;
padding-left:10px;
background-size:100%;
}
.GeneralBlock.ListBlock .GeneralBlockNextAnchor
{
right:2px;
padding-left:10px;
background-size:100%;
}
}
/* ListBlock End */
/* ExpandableContent Start */
.GeneralBlock.ExpandableContent .GeneralBlockItemList
{
font-size:0px;
}
.GeneralBlock.ExpandableContent .GeneralBlockTitle
{
border-bottom:none;
margin-bottom:0px;
padding-bottom:0px;
text-align:center;
font-size:22px;
color:#202020;
font-weight:bold;
}
.GeneralBlock.ExpandableContent .GeneralBlockSubTitle
{
text-align:center;
color:#202020;
font-size:14px;
padding-top:4px;
}
.GeneralBlock.ExpandableContent .GeneralBlockItemList
{
margin-top:10px;
}
.GeneralBlock.ExpandableContent .GeneralBlockItemList .GeneralBlockItem
{
text-align:left;
margin-bottom:1px;
}
.GeneralBlock.ExpandableContent .GeneralBlockItemList .GeneralBlockItem.ActiveGeneralBlockItem .ItemDescription
{
max-height:3000px;
}
.GeneralBlock.ExpandableContent .GeneralBlockItemList .GeneralBlockItem .ItemPicturePath
{
display:none;
}
.GeneralBlock.ExpandableContent .GeneralBlockItemList .GeneralBlockItem .ItemName
{
display:block;
background-color:#f0f0f0;
border:1px solid #b0b0b0;
padding:10px;
cursor:hand;
cursor:pointer;
text-decoration:none;
}
.GeneralBlock.ExpandableContent .GeneralBlockItemList .GeneralBlockItem .ItemName SPAN
{
text-align:left;
text-decoration:none;
}
.GeneralBlock.ExpandableContent .GeneralBlockItemList .GeneralBlockItem .ItemDescription {
overflow:hidden;
max-height:0px;
padding-top:0px;
padding-bottom:0px;
border-left:1px solid #a0a0a0;
border-right:1px solid #a0a0a0;
font-size:14px;
transition: all 1s ease;
padding-left:10px;
padding-right:10px;
}
.GeneralBlock.ExpandableContent .GeneralBlockItemList .GeneralBlockItem.ActiveGeneralBlockItem .ItemDescription
{
display:block;
max-height:1200px;
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 */
.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;
}
.InquiryListMain .Button.DeleteButton
{
background-color:transparent;
}
.InquiryListListBlock
{
}
/*InquiryList End*/
/*InquiryLog Start*/
.InquiryLogMain
{
}
.InquiryLogMain .InquiryLogListBlockFormTitle
{
}
.InquiryLogListBlock
{
}
.InquiryLogListBlock .InquiryNoValueContainer
{
text-align: center;
font-size: 15px;
}
.InquiryLogListBlock .InquiryTimeValueContainer
{
text-align: center;
font-size: 15px;
}
.InquiryLogListBlock .ProductPictureValue
{
max-width: 80px;
cursor: pointer;
width: 100%;
}
.InquiryLogListBlock .ProductNameValueContainer
{
border: none;
width: 75%;
padding-left: 0px;
}
.InquiryLogListBlock .ProductNameValue
{
text-decoration: none;
color: black;
font-size: 15px;
}
/*InquiryLog End*/
/*JobOpportunity Start*/
.JobOpportunityCategoryBlock
{
min-height:200px;
}
/*JobOpportunity End*/
/* LanguageSwitchContainer Start */
.LanguageSwitchContainer
{
position:absolute;
_display:inline-block;
display:none;
font-size:10px;
padding-right:10px;
padding-top:0px;
white-space:nowrap;
position:relative;
top:18px;
right:230px;
height:28px;
width:100px;
z-index:1001;
background-image:url(/UploadFile/LanguageSwitchDown.png);
background-position:99% 70%;
background-repeat:no-repeat;
}
@media screen and (max-width:860px)
{
.LanguageSwitchContainer
{
right:10px;
border-left:none;
border-right:none;
}
}
.LanguageSwitch
{
display:inline-block;
color:white;
white-space:nowrap;
font-size: 12.5px;
text-align:left;
margin-left:5px;
height:28px;
position:absolute;
left:0px;
top:-3px;
overflow:hidden;
padding-top:26px;
z-index:14000;
width:90px;
}
.LanguageSwitchContainer .LanguageSwitch:hover
{
overflow:visible;
}
.LanguageSwitch .LanguageItem
{
display:block;
width:80px;
height:30px;
color:white;
padding-left:10px;
padding-top:8px;
opacity:0;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.LanguageSwitchContainer .LanguageSwitch:hover .LanguageItem
{
opacity:1;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.LanguageSwitch .LanguageItem.FocusLanguageItem
{
position:absolute;
top:0px;
opacity:1;
}
.LanguageSwitch A
{
color:white;
text-decoration: none;
display: block;
cursor: pointer;
font-size:16px;
}
.LanguageSwitch Img
{
_cursor: pointer;
display: none;
}
.LanguageSwitch A:hover
{
text-decoration: underline;
}
.LanguageSwitchSplitter
{
display: none;
}
@media screen and (max-widht:660px)
{
}
/* LanguageSwitchContainer End */
/* LinkBlock Start */
.LinkBlock
{
background-color: rgba(0,0,0,0);
margin-top:10px;
_display:none;
padding:0px;
padding-right:10px;
}
.LinkBlock > .GeneralBlockMoreLink
{
_display:none;
}
.LinkBlock > .GeneralBlockTitle
{
display:none;
}
.LinkBlock .GeneralBlockItemList > .GeneralBlockItem
{
width:100%;
display:block;
margin-bottom:23px;
border-radius:6px;
}
.LinkBlock .GeneralBlockItemList > .GeneralBlockItem > DIV
{
padding:2px;
position:relative;
}
.LinkBlock .GeneralBlockItemList > .GeneralBlockItem > DIV > .ItemName
{
display:none;
}
@media screen and (max-width:920px)
{
.IndexLinkBlock
{
overflow:hidden;
}
.IndexLinkBlock .GeneralBlockItemList > .GeneralBlockItem
{
float:left;
width:49%;
}
.IndexLinkBlock .GeneralBlockItemList > .GeneralBlockItem:nth-child(2n+1)
{
padding-right:2px;
}
}
@media screen and (max-width:920px)
{
.LinkBlock .GeneralBlockItemList > .GeneralBlockItem
{
float:left;
width:49%;
}
.LinkBlock .GeneralBlockItemList > .GeneralBlockItem:nth-child(2n+1)
{
padding-right:2px;
}
}
@media screen and (max-width:440px)
{
.LinkBlock .GeneralBlockItemList > .GeneralBlockItem
{
float:none;
width:100%;
}
.LinkBlock .GeneralBlockItemList > .GeneralBlockItem:nth-child(2n+1)
{
padding-right:0px;
}
}
/* LinkBlock End */
/* LoginContainer Start */
.LoginContainer
{
position:relative;
display:inline-block;
display:none;
_padding-right:4px;
top:-11px;
font-size:13px;
}
@media screen and (max-width:660px)
{
.LoginContainer
{
_top:0px;
}
}
.LoginContainer .SingInLink ,
.LoginContainer .LoginLink ,
.LoginContainer .LogoutLink
{
display:inline-block;
font-family:微軟正黑體;
font-weight:normal;
vertical-align:middle;
cursor:hand;
cursor:pointer;
margin:0px;
text-align:center;
vertical-align:middle;
height:30px;
font-size:0px;
padding:0px;
font-size:14px;
border:1px solid rgba(0,0,0,0);
padding-left:4px;
padding-right:4px;
padding-top:4px;
padding-bottom:4px;
color:black;
text-decoration:none;
}
.LoginContainer .SingInLink:hover ,
.LoginContainer .LoginLink:hover ,
.LoginContainer .LogoutLink:hover
{
background:linear-gradient(to top,#e7f3fb,#ffffff);
background: -webkit-linear-gradient(bottom,#e7f3fb,#ffffff);
background: -o-linear-gradient(bottom,#e7f3fb,#ffffff);
background: -moz-linear-gradient(bottom,#e7f3fb,#ffffff);
border:1px solid #cbe2f0;
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
}
.LoginContainer .LoginContainerSplitter
{
font-size:13px;
}
.LoginContainer .LogoutLink
{
font-size:14px;
_font-weight:bold;
cursor:hand;
text-decoration:none;
cursor:pointer;
color:Black;
}
@media screen and (max-width : 440px)
{
.LoginContainer
{
padding-right:10px;
}
}
/* LoginContainer End */
/* LogoContainer Start */
.LogoContainer
{
position:absolute;
left:10px;
top:20px;
display:inline-block;
overflow:hidden;
z-index:10;
height:90PX;
}
.LogoContainer Img
{
max-height:100%;
}
.LogoContainer:hover .BigLogo
{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.SmallLogo
{
display: none;
height:70px;
}
@media screen and (max-width : 660px)
{
.LogoContainer
{
height:50px;
left:4px;
top:10px;
transform:translateX(0%);
-webkit-transform:translateX(0%);
padding:2px;
}
.BigLogo
{
display:none;
}
.SmallLogo
{
display:inline-block;
}
}
@media screen and (max-width : 440px)
{
.LogoContainer
{
}
}
/* LogoContainer End */
/* LogoGroup Start */
.LogoGroup
{
background-color:white;
margin-top:10px;
margin-bottom:10px;
padding-top:0px;
padding-right:10px;
}
/* LogoGroup End */
/* MainContainer Start */
.MainContainer
{
width: 77%;
vertical-align: top;
padding: 0px;
_display:table-cell;
display:block;
float:left;
padding-left:30px;
padding-bottom:20px;
}
@media screen and (max-width : 860px)
{
.MainContainer
{
width: 100%;
padding-right: 4px;
padding-left: 4px;
border-left:none;
}
}
/* MainContainer End */
/* MainGroup Start */
.MainGroup.IndexMainGroup
{
padding-top:0px;
min-height:0px;
margin-top:0px;
}
.MainGroup
{
display:block;
width:100%;
min-height:430px;
overflow:hidden;
position:relative;
}
.MainGroup.PageMainGroup
{
}
.MainGroup.IndexMainGroup > DIV
{
text-align:left;
vertical-align:top;
width:100%;
}
.MainGroup.IndexMainGroup .GeneralBlock
{
padding-left:0px;
padding-right:0px;
}
.MainGroup.PageMainGroup
{
position:relative;
background-image:url(/UploadFile/MainGroupBack.jpg);
background-repeat:repeat-x;
background-position:top center;
}
.MainGroup.PageMainGroup > DIV:first-child
{
text-align:left;
padding-top:0px;
vertical-align:top;
max-width:1200px;
margin-left:auto;
margin-right:auto;
}
.MainGroup > DIV:first-child
{
text-align:left;
padding-top:0px;
vertical-align:top;
}
.MainGroup ,
.MainMenu.TopMenu
{
width:100%;
margin-left:auto;
margin-right:auto;
}
@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;
position:absolute;
right:0px;
top:10px;
}
.QuickLinks.TopMenu /* 第一層選單 */
{
display:block;
position:relative;
}
.QuickLinks.TopMenu > .MenuItem /* 第一層選單 MenuItem */
{
display:inline-block;
white-space:no-wrap;
color:black;
font-family: "微軟正黑體",Arial ;
font-weight:bold;
vertical-align:middle;
cursor:hand;
cursor:pointer;
margin:0px;
text-align:center;
vertical-align:middle;
height:10px;
font-size:0px;
}
.QuickLinks.TopMenu > .MenuItem > A /* 第一層選單 MenuItem 文字 */
{
display:block;
padding-left:4px;
padding-right:4px;
text-decoration:none;
vertical-align:middle;
}
.QuickLinks.TopMenu > .MenuItem > A > .ItemName
{
font-size:14px;
color:#888888;;
cursor:hand;
cursor:pointer;
white-space:nowrap;
width:100%;
line-height:18px;
vertical-align:middle;
}
.QuickLinks.TopMenu > .MenuItem > A > .ItemName IMG
{
vertical-align:middle;
}
.QuickLinks.TopMenu > .MenuItem > A > .ItemName:after
{
}
.QuickLinks.TopMenu > .MenuItem > A > .SubTitle
{
display:block;
color:black;
}
.QuickLinks.TopMenu > .MenuItem > A:before
{
content : " ";
height:100%;
vertical-align:middle;
display:inline-block;
vertical-align:middle;
}
.QuickLinks.TopMenu > .MenuItem:hover > A > SPAN /* 第一層選單文字 MenuItem Hover */
{
text-decoration:underline;
}
.QuickLinks.TopMenu > .MenuItem.MailMenuItem > A
{
position:relative;
top:1px;
}
.QuickLinks.TopMenu > .MenuItem.PathMenuItem /* 第一層選單文字 PathMenuItem */
{
text-decoration:none;
}
.QuickLinks.TopMenu > .MenuItem .Menu /* 第二層以下選單樣式 */
{
position:absolute;
display:none;
background-color:rgba(0,0,0,0.5);
padding:0px;
text-align:left;
top:17PX;
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;
padding:4px;
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;
}
.QuickLinks.TopMenu > .MenuItem.ProductSearchMenuItem > .ProductSearchControl
{
background-image:url(/UploadFile/ProductSearchIcon.png);
background-position:center center;
background-size:21px 18px;
background-repeat:no-repeat;
padding-left:30px;
padding-top:25px;
position:relative;
top:-3px;
}
.QuickLinks.TopMenu > .MenuItem.ProductSearchMenuItem > .ProductSearchControl input
{
display:none;
}
.QuickLinks.TopMenu > .MenuItem.ProductSearchMenuItem > .ProductSearchControl.Expanded
{
background-image:none;
padding-left:0px;
padding-top:5px;
}
.QuickLinks.TopMenu > .MenuItem.ProductSearchMenuItem > .ProductSearchControl.Expanded input
{
display:inline-block;
}
.QuickLinks.TopMenu > .MenuItem.ProductSearchMenuItem > .ProductSearchControl .Button.SearchButton
{
position:absolute;
top:6px;
right:0px;
font-size:0px;
border:none;
background-color:transparent;
background-image:url(/UploadFile/Search.png);
background-position:center center;
background-repeat:no-repeat;
width:30px;
height:20px;
}
.QuickLinks.TopMenu > .MenuItem.ProductSearchMenuItem > .ProductSearchControl .Field.KeywordField
{
border:1px solid #a0a0a0;
}
.QuickLinks.TopMenu > .MenuItem.ProductSearchMenuItem > .ProductSearchControl .Button.SearchButton:hover
{
background-color:transparent;
}
.QuickLinks.TopMenu > .MenuItem.ContactMenuItem > A
{
position:relative;
top:2px;
}
.QuickLinks.TopMenu > .MenuItem.LanguageSwitchMenuItem
{
position:relative;
margin-left:26px;
}
.QuickLinks.TopMenu > .MenuItem.LanguageSwitchMenuItem:before
{
content : "";
display:inline-block;
width:30px;
height:20px;
border-left:1px solid #888888;
position:absolute;
left:-25px;
top:0px;
background-image:url(/UploadFile/Earth.png);
background-repeat:no-repeat;
background-position:center center;
}
.QuickLinks.TopMenu > .MenuItem.LanguageSwitchMenuItem > A > .ItemName:after
{
content :"v";
padding-left:3px;
font-size:12px;
color:#555555;
position:relative;
top:-3px;
}
@media screen and (max-width:440px)
{
.QuickLinksContainer
{
_top:20px;
}
.QuickLinks.TopMenu > .MenuItem:not(.ImageMenuItem)
{
_display:none;
}
}
/* QuickLinks End */
/* MainMenu Start*/
.MenuContainer
{
display:block;
text-align:center;
z-index:100;
width:100%;
position:relative;
background-color:#ededed;
}
@media screen and (max-width : 860px)
{
.MenuContainer
{
display: none;
}
}
.MenuContainer .MainMenu
{
}
.MainMenu.TopMenu /* 第一層選單 */
{
display:table;
z-index:1000;
-webkit-box-shadow: none;
-moz-box-shadow: none;
max-width:1200px;
width:100%;
margin-left:auto;
margin-right:auto;
}
.MainMenu.TopMenu
{
}
.MainMenu.TopMenu > .MenuItem /* 第一層選單 MenuItem */
{
display:table-cell;
color:black;
_font-family:微軟正黑體;
font-family:新細明體;
font-weight:bold;
vertical-align:middle;
cursor:hand;
cursor:pointer;
margin:0px;
text-align:center;
vertical-align:bottom;
position:relative;
min-width:100%;
padding-top:4px;
padding-bottom:4px;
}
.MainMenu.TopMenu > .MenuItem > A /* 第一層選單 MenuItem 文字 */
{
padding-top:auto;
padding-bottom:auto;
vertical-align:middle;
text-decoration:none;
width:100%;
display:inline-block;
height:inherit;
overflow:hidden;
padding-top:5px;
padding-bottom:5px;
transition:all 0.1s;
-webkit-transition:all 0.1s;
}
@media screen and (max-width:1100px)
{
.MainMenu.TopMenu > .MenuItem > A /* 第一層選單 MenuItem 文字 */
{
}
}
.MainMenu.TopMenu > .MenuItem > A > SPAN > IMG
{
border:none;
}
.MainMenu.TopMenu > .MenuItem:hover ,
.MainMenu.TopMenu > .MenuItem.PathMenuItem
{
background-color:#00a0e9;
}
.MainMenu.TopMenu > .MenuItem > A > .ItemName
{
font-size:16px;
font-weight:bold;
color:#666666;
cursor:hand;
cursor:pointer;
white-space:nowrap;
width:100%;
display:block;
letter-spacing:2px;
padding-left:28px;
padding-right:28px;
}
.MainMenu.TopMenu > .MenuItem:hover > A > .ItemName,
.MainMenu.TopMenu > .MenuItem.PathMenuItem > A > .ItemName
{
color:#ffffff;
}
.MainMenu.TopMenu > .MenuItem > A > .SubTitle
{
font-size:13px;
font-weight:normal;
display:block;
color:#344f02;
}
.MainMenu.TopMenu > .MenuItem > A > SPAN /* 第一層選單文字 MenuItem Hover */
{
color:#344f02;
}
.MainMenu.TopMenu > .MenuItem .Menu /* 第二層以下選單樣式 */
{
position:absolute;
display:none;
background-color:#ededed;
padding:0px;
text-align:left;
min-width:100px;
top:99%;
}
.MainMenu.TopMenu > .MenuItem > .Menu
{
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
min-width:100%;
}
.MainMenu.TopMenu > .MenuItem:hover > .Menu /* 第二層選單 Hover */
{
position:absolute;
display:block;
z-index:1000;
}
.MainMenu.TopMenu > .MenuItem .Menu > .MenuItem /* 第二層以下選單 MenuItem */
{
display:block;
MIN-height:30px;
position:relative;
}
.MainMenu.TopMenu > .MenuItem .Menu > .MenuItem > A /* 第二層以下選單 MenuItem 文字 */
{
display:block;
white-space:nowrap;
vertical-align:middle;
height:100%;
width:100%;
margin-right:0px;
padding-left:10px;
padding-right:10px;
text-decoration:none;
color:white;
vertical-align:middle;
line-height:30px;
}
.MainMenu.TopMenu > .MenuItem .Menu > .MenuItem > A > SPAN
{
display:block;
vertical-align:middle;
text-align:center;
font-size:16px;
color:#666666;
cursor:hand;
cursor:pointer;
width:100%;
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
{
}
.MainMenu.TopMenu > .MenuItem .Menu > .MenuItem:last-child > A > SPAN
{
}
.MainMenu.TopMenu > .MenuItem .Menu > .MenuItem:hover > A , /* 第二層以下選單 MenuItem 文字 Hover */
.MainMenu.TopMenu > .MenuItem .Menu > .MenuItem.PathMenuItem > A
{
background-color:#00a0e9;
}
.MainMenu.TopMenu > .MenuItem .Menu > .MenuItem:hover > A > SPAN ,
.MainMenu.TopMenu > .MenuItem .Menu > .MenuItem.PathMenuItem > A > SPAN
{
color:#ffffff;
}
.MainMenu.TopMenu > .MenuItem .Menu > .BranchMenuItem /* 第二以下層選單 BranchMenuItem */
{
font-weight:bold;
}
.MainMenu.TopMenu > .MenuItem .Menu > .BranchMenuItem > A:after /* 第二以下層選單 BranchMenuItem 指標 */
{
content : ' ';
right:0px;
display:table-cell;
background-image:url(Image/Back.png);
background-position:right;
background-repeat:no-repeat;
color:blue;
text-decoration:none;
vertical-align:middle;
padding-left:22px;
}
.MainMenu.TopMenu > .MenuItem .Menu > .MenuItem > .Menu /* 第三層以下 選單顯示位置 */
{
left:100%;
top:0px;
margin-top:0px;
display:NONE;
position:absolute;
}
.MainMenu.TopMenu > .MenuItem .Menu > .MenuItem:hover > .Menu
{
display:block;
}
/* MainMenu End*/
/* Maqruee Start */
.Marquee
{
height:33px;
width:100%;
position:absolute;
_left:0px;
_right:0px;
_bottom:0px;
font-family:"微軟正黑體",Arial ,Sans-Serif;
font-size:15px;
display:none;
}
.MarqueeDescription
{
vertical-align:middle;
line-height:33px;
text-align:left;
cursor:pointer;
cursor:hand;
}
/* Marquee End */
/* MiddleGroup Start */
.MiddleGroup
{
_max-width:1200px;
width:100%;
text-align:left;
vertical-align:top;
overflow:hidden;
_display:table;
}
@media screen and (max-width : 920px)
{
.MiddleGroup
{
display:block;
}
}
@media screen and (max-width : 860px)
{
.MiddleGroup
{
margin-top:0px;
}
}
/* MiddleGroup End */
.list_form
{
font-family: Arial;
border: 1px solid rgb(200,200,200);
font-family: 微軟正黑體,Microsoft JhengHei;
}
.list_tr
{
border: none;
font-size: 15px;
font-family: 微軟正黑體,Microsoft JhengHei;
color: Black;
text-decoration: none;
height: 30px;
}
.list_form TD
{
border: 1px solid rgb(200,200,200);
padding: 2px;
}
.list_caption
{
background-color: rgb(238,238,238);
border: none;
color: rgb(102,102,102);
padding: 5PX;
font-size: 14PX;
font-family: 微軟正黑體,Microsoft JhengHei;
}
.list_form_command
{
text-align: center;
}
.list_form_item_no
{
text-align: center;
}
.list_tr .NewsTitle
{
text-decoration: none;
}
.list_tr SPAN
{
color: Black;
text-decoration: none;
font-size: 15px;
}
.list_header
{
font-size: 15px;
text-align: left;
padding-left: 30px;
padding-bottom: 10px;
}
textarea
{
width: 400px;
height: 70px;
}
.subject
{
background-color: #D9F7F7;
}
.command_bar
{
font-family: Arial;
font-style: italic;
width: 600px;
}
/* MobileMenu Start */
.MobileMenu.TopMenu /* 第一層選單 */
{
display:block;
}
.MobileMenu.TopMenu> .MenuItem /* 第一層選單 MenuItem */
{
display:block;
}
.MobileMenu.TopMenu> .MenuItem.NavigationMenuItem
{
display:none;
}
.MobileMenu.TopMenu> .MenuItem .SubTitle
{
display:none;
}
.MobileMenu.TopMenu> .MenuItem > A /* 第一層選單 MenuItem 文字 */
{
display:table;
white-space:nowrap;
font-family:微軟正黑體;
font-size: 16px;
vertical-align:middle;
text-align:left;
cursor:hand;
cursor:pointer;
vertical-align:middle;
height:39px;
width:100%;
color:White;
text-decoration:none;
padding-left:20px;
_background-image: url(../Image/TreeMenu_TopTreeItemBack.png);
border-bottom:1px solid gray;
}
.MobileMenu.TopMenu> .MenuItem > A:before /* 第一層選單 MenuItem Icon */
{
}
.MobileMenu.TopMenu> .MenuItem > A:hover:before /* 第一層選單 MenuItem Focus Icon */
{
}
.MobileMenu.TopMenu> .FocusMenuItem > A:before /* 第一層選單 MenuItem Focus Icon */
{
}
.MobileMenu.TopMenu> .FocusMenuItem > A:hover:before /* 第一層選單 MenuItem Hover Focus Icon */
{
background-image:url(/Image/BackEndHoverFocusIcon.jpg);
}
.MobileMenu.TopMenu> .MenuItem > A > SPAN
{
display:table-cell;
vertical-align:middle;
}
.MobileMenu.TopMenu .PathMenuItem > A > SPAN /* 路徑 MenuItem 樣式 */
{
color:yellow;
}
.MobileMenu.TopMenu .FocusMenuItem > A > SPAN /* 焦點 MenuItem 文字樣式 */
{
color:yellow;
text-decoration:underline;
}
.MobileMenu.TopMenu> .MenuItem > A:hover > Span /* 第一層選單 MenuItem Hover */
{
color:yellow;
}
.MobileMenu.TopMenu> .MenuItem .Menu /* 第二層以下選單樣式 */
{
position:block;
padding:0px;
text-align:left;
}
.MobileMenu.TopMenu > .MenuItem:hover > .Menu /* 第二層選單 Hover */
{
}
.MobileMenu.TopMenu> .MenuItem > .Menu > .MenuItem /* 第二層以下選單 MenuItem */
{
color:black;
display:block;
padding-left:0px;
}
.MobileMenu.TopMenu> .MenuItem .Menu > .MenuItem > A /* 第二層以下選單 MenuItem 文字 */
{
display:table;
white-space: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;
display:none;
}
.MobileMenu.TopMenu> .MenuItem .Menu > .MenuItem.PathMenuItem > .Menu
{
display:none;
}
.MobileMenu.TopMenu> .MenuItem .Menu > .MenuItem:hover > .Menu
{
display:block;
}
/* MobileMenu End*/
.NavigationBarContainer
{
padding-top:20px;
}
.NavigationBar
{
overflow:hidden;
margin-left:auto;
margin-right:auto;
font-family: "微軟正黑體" , Arial , Sans-Serif;
padding-bottom:10px;
display:table;
table-layout: fixed;
width:100%;
max-width:1200px;
}
.NavigationBlock
{
text-align:left;
}
.NavigationBar > .NavigationBlock
{
display:table-cell;
padding-right:20px;
padding-left:0px;
}
.NavigationBar > .NavigationBlock:last-child
{
padding-right:0px;
}
.NavigationBar > .NavigationBlock > .NavigationItem
{
overflow:hidden;
vertical-align:middle;
text-align:center;
}
.NavigationBar > .NavigationBlock > .NavigationItem > a
{
font-size:16px;
font-weight:bold;
display:block;
color:#ffffff;
overflow:hidden;
text-align:left;
text-decoration:none;
border-radius:10px;
text-align:center;
letter-sapcing:2px;
line-height:30px;
}
.NavigationBar > .NavigationBlock:hover > .NavigationItem > a
{
background-color:#ffffff;
color:#00a0e9;
}
.NavigationBar > .NavigationBlock > .NavigationBlock
{
padding-left:0px;
padding-top:10px;
}
.NavigationBar > .NavigationBlock > .NavigationBlock > .NavigationItem
{
text-align:center;
margin-bottom:4px;
}
.NavigationBar > .NavigationBlock > .NavigationBlock > .NavigationItem > a
{
font-size:15px;
font-weight:normal;
color:#ffffff;
}
.NavigationBar a
{
text-decoration:none;
color:#ffffff;
}
.NavigationBar a:hover
{
text-decoration:underline;
}
@media screen and (max-width : 800px)
{
.NavigationBar
{
padding-left:0%;
padding-right :0%;
}
.NavigationBar .NavigationBlockSplitter
{
display:none;
}
.NavigationBar > .NavigationBlock
{
display:block;
width:50%;
float:left;
padding-bottom:10px;
border-right:none;
}
.NavigationBar > .NavigationBlock:first-child
{
border-left:none;
}
}
@media screen and (max-width : 300px)
{
.NavigationBar
{
display:block;
}
.NavigationBar > .NavigationBlock
{
display:block;
width:100%;
padding-bottom:10px;
}
.NavigationBlock
{
display:block;
}
}
/*News Start*/
.NewsMainContainer .PagingContainer
{
padding-top:20px;
}
.NewsListBlock .Item
{
display: block;
width: 100%;
overflow: hidden;
padding-bottom:10px;
}
.NewsListBlock .Item A:hover
{
text-decoration: underline;
}
.NewsListBlock .TitleValueContainer
{
float: left;
display: table;
padding-bottom: 0px;
height: 20px;
margin: 0px;
}
.NewsListBlock .TitleValuePrefix
{
display: table-cell;
width: 20px;
height: 20px;
padding: 0px;
margin: 0px;
background-image: url(/image/NewsIcon.gif);
background-position-y: 6px;
background-repeat: no-repeat;
}
.NewsListBlock .TitleValue
{
display: table-cell;
padding-top: 4px;
vertical-align: top;
color: Black;
text-decoration: none;
font-weight: bold;
display: inline-block;
}
.NewsListBlock .PublishTimeValueContainer
{
float: left;
height: 20px;
vertical-align: top;
padding-top: 4px;
}
.NewsListBlock .PublishTimeValuePrefix:before
{
display: inline-block;
padding-left: 10px;
content: " (";
width: 10px;
}
.NewsListBlock .PublishTimeValue
{
color: Red;
font-style: italic;
}
.NewsListBlock .PublishTimeValuePrefix
{
display: inline-block;
}
.NewsListBlock .PublishTimeValuePostfix
{
display: inline-block;
}
.NewsListBlock .PublishTimeValuePostfix:before
{
display: inline-block;
content: " ) ";
width: 10px;
}
.NewsListBlock .DescriptionValueContainer
{
float: none;
overflow: hidden;
width: 100%;
display: block;
padding-left: 20px;
padding-top:10px;
padding-bottom:10px;
}
.NewsListBlock .DescriptionValuePrefix
{
display: none;
}
.NewsListBlock .DescriptionValue
{
display: inline-block;
vertical-align: top;
text-align: left;
}
@media screen and (max-width : 660px)
{
.NewsListBlock .PublishTimeValueContainer
{
display: none;
}
}
/*News End*/
/* OrderCancel Start */
.OrderCancelMain .OrderCancelDetailBlock
{
min-height:210px;
}
.OrderCancelMain .OrderCancelDescriptionContainer
{
font-family:"微軟正黑體" , Arial, sans-serif;
min-height:180px;
}
/* OrderCancel End */
/* OrderComplete Start */
.OrderCompleteMain .ReceiverEditForm
{
width:100%;
}
.OrderCompleteMain .CaptionContainer
{
white-space:nowrap;
}
.OrderCompleteMain .ReceiverEditForm .Caption
{
white-space:nowrap;
font-size:14px;
font-weight:bold;
font-family: "微軟正黑體" , Arial, sans-serif;
}
.OrderCompleteMain .ReceiverEditForm .Caption:before
{
content:"‧";
}
.OrderCompleteMain .ReceiverEditForm .ValueContainer
{
width:90%;
}
.OrderCompleteMain .ReceiverEditForm .Value
{
font-size:14px;
font-weight:bold;
font-family: "微軟正黑體" , Arial, sans-serif;
}
.OrderCompleteMain .OrderDetailCaptionContainer
{
padding-top:6px;
}
.OrderCompleteMain .OrderDetailCaption
{
font-size:14px;
font-weight:bold;
font-family: "微軟正黑體" , Arial, sans-serif;
}
.OrderCompleteMain .OrderDetailCaption:before
{
content:"‧";
}
.OrderCompleteMain .OrderCompleteListBlock
{
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
border:none;
}
.OrderCompleteMain .OrderCompleteListBlock .ValueContainer
{
text-align:center;
}
.OrderCompleteMain .OrderCompleteListBlock .AmountValueContainer
{
_text-align:right;
text-align:center;
padding-right:24px;
}
.OrderCompleteMain .UsedRewardPointsParameter
{
display:inline;
}
.OrderCompleteMain .CouponIdParameter
{
display:inline;
}
.OrderCompleteMain .DigitGoodsDownloadLink
{
font-size:16px;
font-weight:bold;
color:darkblue;
margin-left:10px;
font-family: "微軟正黑體" , Arial, sans-serif;
}
.OrderCompleteMain .TotalAmountCaptionContainer
{
vertical-align:bottom;
}
.OrderCompleteMain .TotalAmountValueContainer
{
padding-left:5px;
vertical-align:bottom;
}
.OrderCompleteMain .TotalAmountCaption
{
position:relative;
top:4px;
}
.OrderCompleteMain .TotalAmountValue
{
font-weight:bold;
font-size:25px;
}
@media screen and (max-width : 440px)
{
.OrderCompleteListBlock .list_form th:nth-child(1)
{
display:none;
}
.OrderCompleteListBlock .list_form tr td:nth-child(1)
{
display:none;
}
}
/* OrderComplete End */
/* OrderConfirm Start */
.OrderConfirmMain
{
}
.OrderConfirmMain .EditForm
{
width:100%;
}
.OrderConfirmMain .CaptionContainer
{
white-space:nowrap;
text-align:right;
}
.OrderConfirmMain .ValueContainer
{
width:70%;
}
.OrderConfirmMain .OrderConfirmEditFormTitle
{
text-align:left;
font-weight:bold;
margin-bottom:20px;
font-size:24px;
border-bottom:0px ;
}
.OrderConfirmMain .Step
{
color:rgb(243,152,0);
font-weight:bold;
font-size:20px;
}
.OrderConfirmMain .ReceiverConfirmEditFormTitle
{
width:100%;
height:auto;
text-align:left;
padding-bottom:0px;
}
.OrderConfirmMain .PaymentConfirmEditFormTitle
{
width:100%;
height:auto;
text-align:left;
}
.OrderConfirmMain .OrderConfirmButtonList
{
width:100%;
}
.OrderConfirmMain .ShipAddressValue
{
width:90%;
}
.OrderConfirmMain .EmailValue
{
width:60%;
}
.OrderConfirmMain .InvoiceTitleValue
{
width:60%;
}
@media screen and (max-width : 440px)
{
.OrderConfirmMain .ShipAddressValue
{
width:100%;
}
.OrderConfirmMain .EmailValue
{
width:100%;
}
.OrderConfirmMain .InvoiceTitleValue
{
width:100%;
}
.OrderConfirmMain TextArea.OrderDescriptionValue
{
width:90%;
}
.OrderConfirmMain SELECT.PaymentMethodValue
{
width:95%;
}
}
.OrderConfirmMain .MemberGradeDiscountAmountValue
{
color:blue;
}
.OrderConfirmMain .RewardPointsDiscountAmountValue
{
color:blue;
}
.OrderConfirmMain .CouponDiscountAmountValue
{
color:blue;
}
.OrderConfirmMain .TotalAmountValue
{
color:red;
font-weight:bold;
font-size:20px;
}
.SubmitButton
{
min-width:100px;
}
/* OrderConfirm End */
/* OrderDetail Start */
.OrderDetailMain
{
border: 3px solid rgb(128,128,128);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
padding: 10px;
padding-left: 20px;
padding-right: 20px;
text-align: left;
display: table;
width: 100%;
overflow: hidden;
margin-top: 10px;
background-image: url(../../Image/ListBack.jpg);
background-repeat: repeat-x;
margin-bottom:20px;
}
.OrderDetailMain .OrderDetailEditFormTitle
{
color:Black;
}
.OrderDetailMain .OrderDetailEditForm
{
width:100%;
}
.OrderDetailMain .Splitter
{
overflow:hidden;
text-align:left;
padding-top:4px;
font-weight:bold;
border-bottom:1px solid gray;
width:100%;
}
.OrderDetailMain .Parameter
{
display:table;
float:left;
text-align:left;
width:50%;
}
.OrderDetailMain .Parameter .CaptionContainer
{
text-align:left;
white-space:nowrap;
display:table-cell;
width:40%;
}
.OrderDetailMain .Parameter .ValueContainer
{
text-align:left;
display:table-cell;
width:auto;
padding-left:2px;
}
.OrderDetailMain .OrderDescriptionParameter
{
width:100%;
}
.OrderDetailMain .ReceiverEmailParameter
{
width:100%;
}
.OrderDetailMain .Parameter .ReceiverEmailCaptionContainer
{
width:20%;
}
.OrderDetailMain .ShipReceiverParameter
{
width:100%;
}
.OrderDetailMain .Parameter .ShipReceiverCaptionContainer
{
width:20%;
}
.OrderDetailMain .Parameter .AmountPayableValue
{
font-weight:bold;
}
.OrderDetailMain .ShipAddressParameter
{
width:100%;
}
.OrderDetailMain .Parameter .ShipAddressCaptionContainer
{
width:20%;
}
.OrderDetailMain .ReceiverTimeParameter
{
width:100%;
}
.OrderDetailMain .Parameter .ReceiverTimeCaptionContainer
{
width:20%;
}
.OrderDetailMain .InvoiceTypeParameter
{
width:100%;
}
.OrderDetailMain .Parameter .InvoiceTypeCaptionContainer
{
width:20%;
}
.OrderDetailMain .InvoiceTitleParameter
{
width:100%;
}
.OrderDetailMain .Parameter .InvoiceTitleCaptionContainer
{
width:20%;
}
.OrderDetailMain .VatNumberParameter
{
width:100%;
}
.OrderDetailMain .Parameter .VatNumberCaptionContainer
{
width:20%;
}
.OrderDetailMain .OrderProductSplitter
{
border-bottom:0PX;
}
.OrderDetailMain .OrderProductListBlock
{
border: none;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
min-height:0px;
}
.OrderDetailMain .ButtonList
{
text-align:right;
}
.OrderDetailMain .list_form TD
{
text-align:center;
}
.OrderDetailMain .ButtonList
{
padding-top:10px;
}
@media screen and (max-width : 440px)
{
.OrderDetailMain
{
padding-left:10px;
padding-right:10px;
}
.OrderDetailMain .Parameter
{
width:100%;
}
.OrderDetailMain .CaptionContainer
{
white-space:normal;
}
.OrderDetailMain .Parameter .ReceiverEmailCaptionContainer
{
width:40%;
float:none;
vertical-align:top;
display:table-cell;
}
.OrderDetailMain .Parameter .ShipAddressCaptionContainer
{
float:none;
vertical-align:top;
display:table-cell;
}
.OrderDetailMain .ValueContainer
{
float:none;
display:table-cell;
}
.OrderDetailMain .Parameter .ReceiverTimeCaptionContainer
{
width:40%;
}
.OrderDetailMain .Parameter .InvoiceTypeCaptionContainer
{
width:40%;
}
.OrderDetailMain .Parameter .InvoiceTitleCaptionContainer
{
width:40%;
}
.OrderDetailMain .Parameter .VatNumberCaptionContainer
{
width:40%;
}
.OrderDetailMain .list_form th:nth-child(1)
{
display:none;
}
.OrderDetailMain .list_form TR TD:nth-child(1)
{
display:none;
}
}
/* OrderDetail End */
/* OrderList Start */
.OrderListMain
{
}
.OrderListMain .OrderListListBlockFormTitle
{
height: 40px;
border: none;
margin-bottom: 20px;
}
.OrderListMain .OrderListListBlock
{
border-radius: 0px;
border: none;
padding: 0px;
padding-left: 0px;
display: block;
width: auto;
overflow: hidden;
margin-top: 10px;
min-height: 0px;
}
.OrderListMain .OrderListListBlock .ValueContainer
{
text-align:center;
}
.OrderListMain .OrderListListBlock .OrderNoValue
{
color:Black;
}
.OrderListMain .OrderListListBlock .AmountPayableValue:before
{
content: "$";
}
@media screen and (max-width : 440px)
{
.OrderListMain
{
padding-left: 10px;
padding-right: 10px;
}
.OrderListMain .OrderListListBlock th:nth-child(2)
{
display:none;
}
.OrderListMain .OrderListListBlock th:nth-child(5)
{
display:none;
}
.OrderListMain .OrderListListBlock tr td:nth-child(2)
{
display:none;
}
.OrderListMain .OrderListListBlock tr td:nth-child(5)
{
display:none;
}
}
/* OrderList End */
/**/
.PageBottomContainer
{
background-color:#00a0e9;
color:#ffffff;
}
/**/
/* PageFooterContainer Start */
.PageFooterContainer
{
width: 100%;
margin-left:auto;
margin-right:auto;
height: auto;
vertical-align: bottom;
text-align: center;
padding-top:10px;
}
/* PageFooterContainer End */
/* PageHeader Start */
.PageHeaderContainer
{
}
.PageHeaderContainer > DIV
{
width:100%;
max-width:1200px;
display:block;
position:relative;
height:130px;
text-align:right;
vertical-align:top;
margin-left:auto;
margin-right:auto;
}
@media screen and (max-width:860px)
{
.PageHeaderContainer > DIV
{
height:130px;
}
}
/* PageHeader End */
/* PagePathContainer Start */
.PagePathContainer
{
z-index:10;
background-color:transparent;
height:40px;
padding-top:16px;
margin-bottom:20px;
}
.IndexMainGroup .PagePathContainer
{
padding-bottom:20px;
}
.PathNode
{
font-size:14px;
text-decoration:none;
color:#333333;
}
A.PathNode
{
font-family: "微軟正黑體" ,Arial;
}
A.PathNode:hover
{
text-decoration:underline;
}
.PathSplitter:before
{
content : " > ";
font-size:12px;
font-family: 微軟正黑體;
color:rgb(206,204,204);
}
@media screen and (max-width :660px)
{
.PagePathContainer
{
text-align: left;
padding-top: 2px;
padding-left: 10px;
padding-bottom: 2px;
}
.PathNode
{
font-family: 微軟正黑體;
}
}
/* PagePathContainer End */
.paging
{
text-align: left;
font-size: 13px;
margin-left:auto;
margin-right:auto;
padding-left:2px;
display:inline-block;
}
.page_index_button
{
border: 1px solid lightgray;
color:rgb(154,136,170);
min-width: 30px;
height:30px;
display:inline-block;
text-align: center;
margin:0px;
cursor: hand;
cursor:pointer;
background-color:White;
margin-left:-1px;
}
.page_index_button:not(.curr_page_index_button):hover
{
background-color:rgb(235,235,235);
}
.MovePageButton.curr_page_index_button ,
.curr_page_index_button
{
border: 1px solid lightgray;
min-width: 30px;
height:30px;
display:inline-block;
text-align: center;
font-weight: bold;
background-color:rgb(92,69,69);
color:white;
margin-left:-1px;
}
.curr_page_index_button.onlyone_page_index_button
{
color:rgb(154,136,170);
background-color:White;
}
.curr_page_index_button:hover
{
background-color:rgb(100,79,79);
color:white;
}
.paging input
{
font-family: 微軟正黑體,Microsoft JhengHei;
}
.MovePageButton
{
border: 1px solid lightgray;
width: 45px;
height:30px;
background-color:White;
display:inline-block;
text-align: center;
margin:0px;
color:Gray;
cursor: hand;
cursor:pointer;
}
.MovePageButton:not(.curr_page_index_button):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 */
.Main.ProductDetailMain .PictureViewPictureContainer
{
background-color:#ffffff;
}
.Main.ProductDetailMain .CategoryTitleContainer
{
display:none;
}
.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: inline-block;
width:40%;
padding: 0px;
overflow: hidden;
float:left;
}
.ProductDetailDetailBlock .ProductTopGroup .ProductPictureValueContainer Img
{
max-width:100%;
width:auto;
}
@media screen and (max-width : 660px)
{
.ProductDetailDetailBlock .PictureViewPictureListContainer
{
min-width:0px;
min-height:100px;
width:100%;
}
.ProductDetailDetailBlock .ProductTopGroup .ProductPictureValueContainer
{
display: block;
text-align: center;
width: 100%;
min-width:10px;
}
}
/*ProductTopGroup ProductPictureValueContainer End*/
/* Product AttributeGroup Start */
.ProductDetailDetailBlock .ProductAttributeGroup
{
_display: table-cell;
_display:inline-block;
display:block;
top:0px;
right:0px;
width: 58%;
padding-left:10px;
vertical-align: top;
text-align:left;
float:right;
min-height:200px;
}
@media screen and (max-width : 660px)
{
.ProductDetailDetailBlock .ProductAttributeGroup
{
position:static;
display: block;
text-align: left;
width: 100%;
margin-top: 10px;
float:none;
}
}
/* Product AttributeGroup End*/
.ProductDetailDetailBlock .ProductAttributeGroup .CaptionPrefix
{
display: none;
}
.ProductDetailDetailBlock .ProductAttributeGroup .Caption
{
font-size: 15px;
font-weight: bold;
color: #505050;
vertical-align: top;
}
.ProductDetailDetailBlock .ProductAttributeGroup .CaptionContainer.ProductNameCaptionContainer
{
display:none;
}
.ProductDetailDetailBlock .ProductAttributeGroup .ProductNameValue
{
font-size:20px;
display:block;
margin-bottom:10px;
color: #505050;
}
.ProductDetailDetailBlock .ProductAttributeGroup .Caption.ProductIdCaption:after
{
content:" :";
vertical-align:top;
}
.ProductAttributeCaption
{
display:none;
}
.ProductDetailDetailBlock .ProductAttributeGroup .CaptionPostfix
{
height: 15px;
background-repeat: no-repeat;
width: 10px;
display: inline-block;
}
.ProductDetailDetailBlock .ProductAttributeGroup .ProductAttributeParameter.OnlyForInquire
{
display:none;
}
.ProductDetailDetailBlock .ProductAttributeGroup .ProductAttributeParameter
{
display: table;
width:100%;
margin-bottom:5px;
}
.ProductDetailDetailBlock .ProductAttributeGroup .ProductAttributeParameter.BuyCount
{
display:none;
}
.ProductDetailDetailBlock .ProductAttributeGroup .CaptionContainer
{
display: table-cell;
white-space: nowrap;
min-width:10px;
}
.ProductDetailDetailBlock .ProductAttributeGroup .CaptionContainer .Caption:after
{
content :":";
}
.ProductDetailDetailBlock .ProductAttributeGroup .CaptionContainer.AttributeCaptionContainer
{
display:table-cell;
}
.ProductDetailDetailBlock .ProductAttributeGroup .ValueContainer
{
display: table-cell;
width:90%;
font-size: 15px;
vertical-align: top;
}
.ProductDetailDetailBlock .ProductAttributeGroup .ValueContainer.AttributeValueContainer
{
}
.ProductDetailDetailBlock .ProductAttributeGroup .ProductNameValue
{
font-weight: bold;
}
.ProductDetailDetailBlock .ProductAttributeGroup .ProductIdValue
{
font-weight: bold;
}
.ProductDetailDetailBlock .ProductAttributeGroup
Parameter.ProductAttributeParameter
{
display:table;
}
.ProductDetailDetailBlock .ProductAttributeGroup
.Parameter.ProductAttributeParameter.DeductedPrice .CaptionContainer.AttributeCaptionContainer
{
display:table-cell;
padding-top:10px;
}
.Parameter.ProductAttributeParameter.DeductedPrice .CaptionContainer.AttributeCaptionContainer .Caption.AttributeCaption:After
{
content :":";
}
.ProductDetailDetailBlock .ProductAttributeGroup
.Parameter.ProductAttributeParameter.DeductedPrice .ValueContainer.AttributeValueContainer
{
display:table-cell;
padding-top:10px;
}
.ProductDetailDetailBlock .ProductAttributeGroup
.Parameter.ProductAttributeParameter.DeductedPrice .ValueContainer.AttributeValueContainer .Value
{
font-weight:bold;
}
.ProductDetailDetailBlock .ProductAttributeGroup
.Parameter.ProductAttributeParameter.DeductedPrice .ValueContainer.AttributeValueContainer .Value:after
{
content :" 元";
font-weight:normal;
}
/*Product Shopping Start*/
.ProductDetailDetailBlock .ProductShoppingGroup
{
display:block;
width:58%;
position:relative;
float:right;
padding-left:10px;
}
.ProductDetailDetailBlock .AddToFavoriteButtonContainer
{
text-align:right;
padding-top:4px;
padding-bottom:5px;
width:100%;
position:static;
right:0px;
top:3px;
z-Index:10;
}
.ProductDetailDetailBlock .AddToFavoriteButtonContainer .AddToFavoriteButton
{
width:86px;
}
@media screen and (max-width : 660px)
{
.ProductDetailDetailBlock .ProductShoppingGroup
{
float:none;
}
}
@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 .Package1Group ,
.ProductDetailDetailBlock .ProductShoppingGroup .Package2Group ,
.ProductDetailDetailBlock .ProductShoppingGroup .Package3Group
{
min-height:60px;
}
.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
{
vertical-align:bottom;
}
.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;
}
.ProductDetailDetailBlock .ProductShoppingGroup .Button
{
min-width:86px;
}
/* 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
{
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 .ProductListListBlockItem
{
display: inline-block;
position:relative;
width: 32%;
min-height: 160px;
margin-bottom:20px;
margin-right:0.7%;
}
.ProductListListBlock .ProductPictureValueContainer
{
text-align: center;
width: 100%;
min-width: 100px;
border:1px solid #e0e0e0;
font-size:0px;
position:relative;
padding-top:80%;
overflow:hidden;
}
.ProductListListBlock .Item:Hover .ProductNameValue
{
text-decoration:underline;
}
.ProductListListBlock .Item .ProductPictureValue
{
max-width:100%;
height:auto;
cursor:hand;
cursor:pointer;
max-height:340px;
position:absolute;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%) ;
-webkit-transform:translateY(-50%) translateX(-50%) ;
}
.ProductListListBlock .Item .PriceGroup
{
white-space:nowrap;
}
.ProductListListBlock .ProductDescriptionGroup
{
background-color:rgba(0,0,0,0.8);
position:absolute;
left:0%;
bottom:0%;
width: 100%;
vertical-align: top;
color:#ffffff;
}
.ProductListListBlock .Parameter
{
vertical-align:bottom;
}
.ProductListListBlock .ProductNameValueContainer
{
display:inline-block;
color:white;
position:absolute;
left:5px;
bottom:2px;
}
.ProductListListBlock .ProductNameValue
{
font-size: 16px;
font-weight: bold;
color:white;
text-decoration: none;
}
.ProductListListBlock .ProductNameValue:HOVER
{
text-decoration:underline;
}
.ProductListListBlock .HiddenProductLink
{
display:none;
}
.ProductListListBlock .ProductDescriptionGroup .Parameter
{
display:block;
margin-top:3px;
margin-bottom:1px;
}
.ProductListListBlock .ProductDescriptionGroup .Parameter.ProductIdParameter
{
_visibility:hidden;
}
.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-block;
_display:none;
font-size: 12px;
padding-left:6px;
}
.ProductListListBlock .ProductIdValueContainer .Value
{
font-size: 12px;
color: #ffffff;
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
{
display:none;
}
.ProductListListBlock .ButtonList
{
display:none;
}
.ProductListListBlock .ButtonList .Button
{
width:80px;
color:gray;
font-size:14px;
height:25px;
}
.ProductListListBlock .ButtonList .Button:hover
{
color:Black;
}
.ProductListListBlock .ButtonList .ButtonContainer
{
}
.ProductListListBlock .ButtonList .AddToFavoriteButtonContainer
{
padding-bottom:4px;
}
.ProductListListBlock .ButtonList .BuyButtonContainer
{
display:none;
}
.ProductListListBlock .ButtonList .MoreButton
{
_display:none;
}
.ProductListListBlock .ProductDescriptionGroup .FlashSellParameter
{
text-align:right;
padding-left:auto;
overflow:hidden;
}
.ProductListListBlock .FlashSellClock
{
display:none;
}
.ProductListListBlock .RemainTime
{
}
.ProductListListBlock .ProductListListBlockItem .SellCountTotalCountParameter
{
text-align:right;
}
.ProductListListBlock .PriceParameter
{
text-align:right;
font-weight:bold;
font-size:12px;
}
.ProductListListBlock .OriginalPriceCaption
{
padding-top:3px;
padding-right:4px;
vertical-align:bottom;
font-size:12px;
display:none;
}
.ProductListListBlock .OriginalPriceValue:before
{
_content:"$";
}
.ProductListListBlock .OriginalPriceValue
{
padding:0px;
vertical-align:bottom;
font-size:16px;
text-decoration:line-through;
display:none;
}
.ProductListListBlock .PromotionPriceBegin
{
padding-left:5px;
}
.ProductListListBlock .PromotionPriceValue
{
font-size:18px;
font-weight:bold;
color:rgb(240, 99, 84)
}
@media screen and (max-width : 860px)
{
.ProductListListBlock
{
padding-left:0px;
}
.ProductListListBlock .Item .ProductPictureValueContainer
{
text-align: center;
width: 100%;
min-height: 220px;
}
.ProductListListBlock .Item .ProductPictureValue
{
}
.ProductListListBlock .Item .PriceGroup
{
white-space:normal;
}
.ProductListListBlock .Item .ProductDescriptionGroup
{
width: 100%;
}
.ProductListListBlock .ProductDescriptionGroup .ShortDescriptionValue
{
font-size: 15px;
}
}
@media screen and (max-width : 560px)
{
.MainContainer.ProductListMainContainer
{
padding-left:10px;
padding-right:10px;
}
.ProductListListBlock .ProductListListBlockItem
{
display: inline-block;
position:relative;
width: 100%;
}
.ProductListListBlock .ProductListListBlockItem:nth-child(2n)
{
margin-left:0px;
margin-right:0px;
}
.ProductListListBlock .ProductListListBlockItem:nth-child(2n+1)
{
margin-left:0px;
margin-right:0px;
}
.ProductListListBlock .Item .ProductPictureValue
{
width:100%;
max-height:1200px;
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;
left:0px;
bottom:30px;
vertical-align:bottom;
white-space:nowrap;
text-align:right;
z-index:1;
width:240px;
padding-top:4px;
background-color:transparent;
border:1px solid #a0a0a0;
border-radius:5px;
height:35px;
}
.ProductSearchContainer:hover
{
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16), 0px 0px 0px 1px rgba(0,0,0,0.08);
}
@media screen and (max-width : 660px)
{
.ProductSearchContainer
{
left:auto;
top:auto;
right:10px;
bottom:10px;
width:140px;
}
}
.ProductSearchKeywordField
{
border:none;
color:#333333;
width:80%;
margin-left:3px;
background-color:transparent;
font-size:14px;
outline-style:none;
box-shadow:none;
border-color:transparent;
}
@media screen and (max-width:860px)
{
.ProductSearchKeywordField
{
width:90px;
border:none;
}
}
.ProductSearchContainer .ProductSearchButton
{
border:none;
width: 33px;
height:30px;
background-color:transparent;
display:inline-block;
text-align: center;
margin:0px;
color:Gray;
cursor: hand;
cursor:pointer;
font-size:0px;
background-image:url(/UploadFile/SearchIcon.png);
background-repeat:no-repeat;
background-position:left center;
background-position-x:0px;
position:Relative;
left:-0px;
top:-6px;
}
@media screen and (max-width:860px)
{
.ProductSearchContainer .ProductSearchButton
{
}
}
.ProductSearchContainer .ProductSearchButton:hover
{
color:Black;
}
/*ProductSearchContainer End*/
/*SideBarContainer Start*/
.RightSideBarContainer
{
_display:table-cell;
display:none;
min-width:100px;
vertical-align:top;
padding-top:12px;
}
.ShoppingCartRightSideBarContainer
{
}
.ShoppingCartMainContainer
{
}
/*SideBarContainer End*/
/* ShareBar Start */
.ShareBarContainer
{
overflow: hidden;
text-align:right;
padding-top:20px;
}
.ShareBarContainer .ShareButtonContainer
{
display:inline-block;
}
.ShareButtonContainer
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:0px;
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
{
}
.ShoppingCartMain .Button.DeleteButton
{
background-color:transparent;
}
.ShoppingCartMain .Button.DeleteButton:hover
{
background-color:transparent;
}
.ShoppingCartBannerContainer
{
width: 100%;
display: block;
}
.ShoppingCartBannerContainer .Banner
{
max-width:1200px;
}
.ShoppingCartMain .ShoppingCartMessage
{
font-size:22px;
font-weight:bold;
display:block;
text-align:center;
}
.ShoppingCartMain .ShoppingCartDetailBlock
{
}
.ShoppingCartMain .ShoppingCartEditFormTitleContainer
{
height:48PX;
}
.ShoppingCartMain .ShoppingCartEditFormTitle
{
}
.ShoppingCartMain .ShoppingProductListFormTitle
{
width:100%;
height:auto;
text-align:left;
padding-bottom:0px;
border-bottom:0px;
}
.ShoppingCartMain .Step
{
color:rgb(243,152,0);
font-weight:bold;
font-size:20px;
}
}
.ShoppingCartMain .ShoppingCartListBlockFormTitle
{
border-bottom:none;
}
.ShoppingCartMain .FirstSmallPicturePathValueContainer
{
text-align: center;
}
.ShoppingCartMain .FirstSmallPicturePathValue
{
width: 100%;
max-width: 100px;
}
.ShoppingCartMain .ProductIdValueContainer
{
text-align: center;
}
.ShoppingCartMain .ProductIdValue
{
text-decoration: none;
color: black;
}
.ShoppingCartMain .ProductNameValueContainer
{
text-align: center;
}
.ShoppingCartMain .ProductNameValueContainer A:hover
{
text-decoration:underline;
}
.ShoppingCartMain .ProductCountValueContainer
{
text-align: center;
}
.ShoppingCartMain .AmountValueContainer
{
text-align:center;
}
.ShoppingCartMain .ProductCountValue
{
min-width:50px;
}
.ShoppingCartMain .UnitPriceValueContainer
{
text-align: center;
}
.ShoppingCartMain .ProductNameValue
{
text-decoration: none;
color: black;
}
.ShoppingCartMain .ButtonContainer
{
text-align: center;
}
.ShoppingCartMain .ShoppingCartListBlock
{
border-radius: none;
border: none;
padding: 0px;
padding-left: 0px;
display: block;
width: auto;
overflow: hidden;
margin-top: 0px;
min-height: 70px;
}
.ShoppingCartMain .TotalProductAmountValue
{
font-size:18px;
text-align:right;
}
.ShoppingCartMain .ShippingPriceValue
{
font-size:18px;
text-align:right;
}
.ShoppingCartMain .TotalAmountValue
{
font-size:18px;
font-weight:bold;
text-align:right;
color:Red;
}
.ShoppingCartMain .GiftCardIdParameter
{
display:inline;
padding-right:10px;
}
.ShoppingCartMain .GiftCardIdValue
{
max-width:120px;
width:100%;
}
.ShoppingCartMain .CouponIdParameter
{
display:inline;
padding-right:10px;
}
.ShoppingCartMain .CouponIdValue
{
max-width:120px;
width:100%;
}
.ShoppingCartMain .CouponDiscountAmountValue
{
color:Blue;
font-weight:bold;
}
.ShoppingCartMain .CouponDiscountAmountCaption
{
display:none;
}
.ShoppingCartMain .RewardPointsParameter
{
display:inline;
padding-right:10px;
}
.ShoppingCartMain .RewardPointsValue
{
max-width:120px;
width:100%;
}
.ShoppingCartMain .RewardPointsDiscountAmountValue
{
color:Blue;
font-weight:bold;
}
.ShoppingCartMain .RewardPointsDiscountAmountCaption
{
display:none;
}
.ShoppingCartMain .DeductiblePrice
{
text-align:center;
padding-top:5px;
font-size:13px;
}
.ShoppingCartMain .disabled_field
{
max-width:120px;
width:100%;
background-color:lightgray;
border:1px solid gray;
}
.ShoppingCartMain .MemberGradeDiscountAmountValue
{
color:Blue;
font-weight:bold;
}
.ShoppingCartMain .ValueContainer.SpecificationValueContainer
{
text-align:center;
}
@media screen and (max-width : 660px)
{
.ShoppingCartMain .ProductCountValue
{
min-width:0px;
}
.ShoppingCartMain .list_form th:first-child
{
display:none;
}
.ShoppingCartMain .list_form th:first-child + th
{
display:none;
}
.ShoppingCartMain .list_form td:first-child
{
display:none;
}
.ShoppingCartMain .list_form td:first-child + td
{
display:none;
}
.ShoppingCartMain .CouponIdParameter
{
padding-right:0px;
display:block;
}
.ShoppingCartMain .RewardPointsParameter
{
padding-right:0px;
display:block;
}
}
/*ShoppingCart End*/
/* SmallMenuContainer Start */
.SmallMenuContainer
{
text-align: left;
display: none;
background-color: #ffffff;
vertical-align: top;
width: 100%;
font-size:0px;
padding:1px;
padding-top:2px;
padding-bottom:2px;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.47);
box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.47);
margin-top:2px;
margin-bottom:6PX;
}
.SmallMenuContainer IMG
{
width:40px;
}
@media screen and (max-width : 860px)
{
.SmallMenuContainer
{
display: block;
}
}
@media screen and (max-width:660px)
{
.RightFrame.ScrollRightFrame .SmallMenuContainer A
{
position:fixed;
z-index:10;
}
}
/* SmallMenuContainer End */
/* ProductSearchForm Start */
.ProductSearchForm
{
_display:block;
display:none;
width:100%;
}
.ProductSearchForm .Parameter
{
width:100%;
}
.ProductSearchForm .Caption
{
padding-top:10px;
display:block;
font-weight:bold;
}
.ProductSearchForm .FieldContainer
{
white-space:nowrap;
border:1px solid gray;
font-size:0px;
position:relative;
padding-left:3px;
}
.ProductSearchForm .Field
{
border:none;
height:25px;
}
.ProductSearchForm .ProductSearchButton
{
border:none;
background-image:url(/Image/SearchIcon.jpg);
background-repeat:no-repeat;
background-position:center;
width:20px;
height:24px;
position:absolute;
right:3px;
}
@media screen and (max-width :860px)
{
.ProductSearchForm
{
display: none;
}
}
/* ProductSearchForm End */
/* SubMenu Start */
.SubMenuItemListContainer
{
}
.SubMenuContainer
{
display: block;
width: 23%;
float:left;
vertical-align: top;
padding-top:0px;
margin-top:10px;
margin-bottom:40px;
}
.SubLineMenuContainer
{
display: none;
}
.SubMenuPostfix
{
}
.SubMenuTitle
{
font-size: 24px;
color:#ffffff;
width: 100%;
text-align: left;
font-family: "Book Antiqua" , Arial, sans-serif;
vertical-align: middle;
background-color:#00a0e9;
padding-bottom:5px;
padding-top:10px;
position:relative;
padding-top:15px;
padding-bottom:15px;
text-align:center;
}
.SubMenuSubTitle
{
position:absolute;
left:40px;
top:10px;
font-size:16PX;
color:#0c3f98;
font-weight:bold;
}
@media screen and (max-width :860px)
{
.SubMenuContainer
{
display: none;
width: 0%;
}
}
.SubMenuItemList
{
}
.SubMenuItemList.TopMenu /* 第一層選單 */
{
display:TABLE;
width:100%;
}
.SubMenuItemList.TopMenu > .MenuItem /* 第一層選單 MenuItem */
{
display:block;
color:black;
font-family:Book Antiqua;
font-weight:bold;
vertical-align:middle;
cursor:hand;
cursor:pointer;
margin:0px;
text-align:left;
overflow:hidden;
vertical-align:middle;
}
.SubMenuItemList.TopMenu .MenuItem > A
{
display:table;
text-decoration:none;
padding-left:0px;
}
.SubMenuItemList.TopMenu .MenuItem > A:before
{
}
.SubMenuItemList.TopMenu .MenuItem > A >SPAN
{
display:table-cell;
color:#666666;
text-align:left;
padding-left:0px;
}
.SubMenuItemList.TopMenu .MenuItem > A >SPAN:before
{
content :"> ";
}
.SubMenuItemList.TopMenu .MenuItem > A /* 第一層選單 MenuItem 文字 */
{
vertical-align:middle;
text-decoration:none;
width:100%;
padding-left:0px;
color:#333333;
border-bottom:1px solid #e0e0e0;
}
.SubMenuItemList.TopMenu > .MenuItem > A
{
padding-top:20px;
padding-bottom:20px;
}
.SubMenuItemList.TopMenu > .MenuItem > .Menu > .MenuItem > A
{
padding:10px;
}
.SubMenuItemList.TopMenu> .MenuItem:last-child > A
{
border-bottom:none;
}
.SubMenuItemList.TopMenu .MenuItem > A:hover ,
.SubMenuItemList.TopMenu .FocusMenuItem > A ,
.SubMenuItemList.TopMenu .PathMenuItem > A
{
background-color:#f5f5f5;
}
.SubMenuItemList.TopMenu .MenuItem > A:hover >SPAN,
.SubMenuItemList.TopMenu .FocusMenuItem > A >SPAN ,
.SubMenuItemList.TopMenu .PathMenuItem > A > SPAN
{
color:#00a0e9;
}
.SubMenuItemList.TopMenu> .MenuItem > A > SPAN /* 第一層選單 MenuItem 文字 */
{
}
.SubMenuItemList.TopMenu> .MenuItem .Menu /* 第二層以下選單樣式 */
{
padding:0px;
text-align:left;
display:block;
}
.SubMenuItemList.TopMenu> .MenuItem > .Menu > .MenuItem /* 第二層以下選單 MenuItem */
{
display:block;
}
.SubMenuItemList.TopMenu> .MenuItem > .Menu .Menu > .MenuItem /* 第二層以下選單 MenuItem */
{
display:block;
}
/* 選單文字偏移 */
.SubMenuItemList.TopMenu> .MenuItem > A
{
padding-left:20px;
}
.SubMenuItemList.TopMenu > .MenuItem > .Menu > .MenuItem > A
{
padding-left:35px;
}
.SubMenuItemList.TopMenu > .MenuItem > .Menu > .MenuItem > .Menu > .MenuItem > A
{
padding-left:55px;
}
/* SubMenu End */