/* ================================
    CSS STYLES FOR IBUYSPY PORTAL 
    v1.0, 01/2001
   ================================
*/
/* Solpart Menu */
.MenuContainer {
    border-bottom: blue 0px solid;
    border-left: blue 0px solid;
    border-top: blue 0px solid;
    border-right: blue 0px solid;
}

.MenuBar {
    cursor: pointer;
    cursor: hand;
    height: 16;
    background-color: Transparent;
}

.MenuItem {
    cursor: pointer;
    cursor: hand;
    color: black;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 1px solid;
    border-top: white 1px solid;
    border-right: white 0px solid;
    background-color: Transparent;
}

.MenuIcon {
    cursor: pointer;
    cursor: hand;
    background-color: #EEEEEE;
    border-left: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
    border-top: #EEEEEE 1px solid;
    text-align: center;
    width: 15;
    height: 21;
}

.SubMenu {
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    background-color: #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
    border-bottom: #FFFFFF 0px solid;
    border-left: #FFFFFF 0px solid;
    border-top: #FFFFFF 0px solid;
    border-right: #FFFFFF 0px solid;
}

.MenuBreak {
    border-bottom: #EEEEEE 1px solid;
    border-left: #EEEEEE 0px solid;
    border-top: #EEEEEE 1px solid;
    border-right: #EEEEEE 0px solid;
    background-color: #EEEEEE;
    height: 1px;
}

.MenuItemSel {
    cursor: pointer;
    cursor: hand;
    color: black;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: #C1D2EE;
}

.MenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-top: #FFFFFF 0px solid;
}

.RootMenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: darkred;
}

/* background color for the content part of the pages */
Body {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    font-size: 13px;
    /*		 Firefox 3.6 
		background-image: -moz-linear-gradient(top, #FFFFFF, #dcdcdc); 
		 Safari & Chrome 
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.8, #C6A8C6),color-stop(0, #B086B0)); 
		  IE6 & IE7 
		filter:  progid:DXImageTransform.Microsoft.Gradient(startColorStr=#C6A8C6, endColorStr=#B086B0, gradientType='0');
		 IE8 
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C6A8C6', endColorstr='#B086B0')";
*/
    background-color: white;
    font-family: 微軟正黑體;
}

P {
}

/* PAGE FOOTLINE */
.FootLine {
    color: white;
    font: 15px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.FootLine:link {
    text-decoration: none;
    color: "#000000";
}

A.FootLine:visited {
    text-decoration: none;
    color: "#000000";
}

A.FootLine:active {
    text-decoration: none;
    color: "#000000";
}

A.FootLine:hover {
    text-decoration: none;
    color: "#3366FF";
}

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
    font-size: 13px;
    font-weight: bold;
    color: #cccc99;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: transparent;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    background-color: transparent;
}

/* background/border colors for the selected tab */
.PanelBg {
}

/* background/border colors for the unselected tabs */
.OtherPanelsBg {
    margin-right: 4px;
    font-size: 13px;
}

/* text style for the selected tab */
.SelectedTab {
    color: Red;
    border-bottom: 1px dotted Silver;
    font: 13px;
}

/* hyperlink styles of the selected tab */
A.SelectedTab:link {
    text-decoration: none;
    color: #4169e1;
    font-weight: bold;
}

A.SelectedTab:visited {
    text-decoration: none;
    color: #4169e1;
    font-weight: bold;
}

A.SelectedTab:active {
    text-decoration: none;
    color: #4169e1;
    font-weight: bold;
}

A.SelectedTab:hover {
    text-decoration: none;
    color: #4169e1;
    font-weight: bold;
}

/* text style for the unselected tabs */
.OtherTabs {
    color: gainsboro;
    text-decoration: none;
    border-bottom: 1px dotted Silver;
}


/* hyperlink styles of the unselected tabs */
A.OtherTabs:link {
    text-decoration: none;
    color: #4169e1;
}

A.OtherTabs:visited {
    text-decoration: none;
    color: #4169e1;
}

A.OtherTabs:active {
    text-decoration: none;
    color: #4169e1;
}

A.OtherTabs:hover {
    text-decoration: none;
    color: #4169e1;
    font-weight: bold;
}

/* text style for the selected panel */
.SelectedPanel {
    color: Red;
    font: 13px;
}

/* hyperlink styles of the selected Panel */
A.SelectedPanel:link {
    text-decoration: none;
    color: #696969;
}

A.SelectedPanel:visited {
    text-decoration: none;
    color: #696969;
}

A.SelectedPanel:active {
    text-decoration: none;
    color: #696969;
}

A.SelectedPanel:hover {
    text-decoration: none;
    color: #696969;
}

/* text style for the unselected tabs */
.OtherTabs {
    color: gainsboro;
    text-decoration: none;
    font: smaller;
}

/* background color for the ContentBlock at the Content of the page  */
.ContentBlock {
    /* background-color: #003399; */
}

.rwdcontentl {
    /*background-color: #A82302;*/
    /*background-color: #CCCCCC;*/
}

/* TD style for the left panel */
.LeftPanel {
    border-right: 0px solid #E6E6FA;
}

/* text style for the right panel */
.RightPanel {
    border-left: 0px solid #E6E6FA;
}

/* text style for the upper panel */
.UpperPanel {
    background-color: #A9CE2C;
}

/* text style for the unselected panels */
.OtherPanels {
    color: #A8A8A8;
    text-decoration: none;
}

/* hyperlink styles of the unselected panels */
A.OtherPanels:link, A.OtherPanels:visited, A.OtherPanels:active {
    text-decoration: none;
    color: #C0C0C0;
}

A.OtherPanels:hover {
    text-decoration: none;
    color: #ffffff;
}

/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-size: 15px;
}

/* hyperlink style for the site links */
A.SiteLink:link, A.SiteLink:visited, A.SiteLink:active {
    text-decoration: none;
    color: #007bff;
}

A.SiteLink:hover {
    text-decoration: none;
    color: #000000;
}

/* style for separator between site links */
.Accent {
    color: red;
    font-weight: bold;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message {
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee;
}

/* style of item titles by Announcements and events */
.ItemTitle {
    color: Black;
    font: smaller;
}



/* GENERAL */
/* style for module titles */
.Head_20181217 {
    color: Black;
    /*filter: shadow(color=#000000,strength=1);*/
    height: 13px;
    /*border: 1px groove Maroon;*/
    padding-bottom: 1px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    font-weight: bold;
}

.ModuleHead {
    color: #2F4F4F;
    /*filter: shadow(color=#000000,strength=1);*/
    height: 15px;
    /*border: 1px groove Maroon;*/
    padding-bottom: 1px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    font: bold 15px;
    font-family: "微軟正黑體";
}

/* style of item titles on edit and admin pages */
.SubHead {
    font-weight: bold;
    color: Navy;
    font-size: 13px;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    color: Blue;
    /* filter: shadow(color=#000000,strength=1); */
    height: 13px;
    font: normal bold 13px;
}

/* text style used for most text rendered by modules */
.Normal {
    color: Black;
    font-size: 16px;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
    border: 1px solid Gray;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver;
}

.NormalRed {
    color: red;
    font-size: 14px;
}

.NormalBold {
    font-weight: bold;
    color: Black;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
    border: 1px outset White;
    background-color: #D0D0E8;
    padding: 2px 2px 0px 4px;
    font: 13px;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active {
    border-style: outset;
    text-decoration: none;
    color: Black;
    font-size: 13px;
}

A.CommandButton:hover {
    text-decoration: none;
    color: Yellow;
    background-color: Black;
    font-size: 13px;
}

/* GENERIC */
H1 {
    font-size: 20px;
    font-weight: normal;
    color: #666644;
}

H2 {
    font-size: 20px;
    /*font-weight: normal;*/
    color: #666644;
}

H3 {
    font-size: 13px;
    font-weight: normal;
    color: darkred;
}

H4 {
    font-size: 13px;
    font-weight: normal;
    color: darkred;
}

H5, DT {
    font-size: 11px;
    font-weight: bold;
    color: darkred;
}

H6 {
    font-size: 11px;
    font-weight: bold;
    color: darkred;
}

TFOOT, THEAD {
    font-size: 15px;
    color: darkred;
}

TH {
    vertical-align: baseline;
    font-size: 15px;
    font-weight: bold;
    /*color: darkred;*/
}

A:link {
    text-decoration: none;
    color: #000000;
}

A:visited {
    text-decoration: none;
    color: #000000;
}

A:active {
    text-decoration: none;
    color: #000000;
}

A:hover {
    text-decoration: underline;
    color: #333333;
}

SMALL {
    font-size: 8px;
}

BIG {
    font-size: 14px;
}

BLOCKQUOTE, PRE {
    font-family: 微軟正黑體;
}

/*
UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}
*/
HR {
    color: Blue;
    /*height: 1pt;*/
    border-bottom: 1px dotted #ADD8E6;
}

.BannerBox1 {
    color: #6495ED;
    text-decoration: none;
    border-bottom: 1px solid #4A84EC;
    border-left: 1px solid #E2EBFC;
    border-right: 1px solid #4A84EC;
    border-top: 1px solid #E2EBFC;
    padding: 2 2 2 2;
    background: url(../../images/Box_Blue_Dot.gif) bottom,right;
}

.BannerBox2 {
    color: #6495ED;
    text-decoration: none;
    padding: 20 20 20 20;
    background: no-repeat;
}

.ImageList {
    color: Gray;
    text-decoration: none;
    border-bottom: 1px solid Black;
    border-left: 1px solid Gray;
    border-right: 1px solid Black;
    border-top: 1px solid Gray;
    padding: 6 6 6 6;
}

.ImageContent_List {
    text-decoration: none;
    font-size: 15px;
}

.Box_Announcement {
    color: #6495ED;
    text-decoration: none;
    background: no-repeat;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: White;
    margin-bottom: 2px;
}

.Box_Entry {
    color: #666666;
    text-decoration: none;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    font-size: 13px;
}

.Box_ControlStatus {
    color: #000000;
    text-decoration: none;
    font-size: 13px;
}

.Box_ControlPanel {
    color: Yellow;
    text-decoration: none;
    background: Black;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
}

.Box_PagerStyle {
    /*color: Yellow;*/
    text-decoration: none;
    /*background: #00A3F0;*/
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
}

.Box_ItemStyle {
    text-decoration: none;
    background: #EBEBEB;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    border: 0px;
}

.Box_AlternatingItemStyle {
    text-decoration: none;
    background: White;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
}

.Box_EditItemTemplate {
    text-decoration: none;
    background: #F0FFFF;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    border: 1px inset Silver;
}

.Box_ItemTemplate {
    text-decoration: none;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    border: 0px;
    background: transparent;
}

.Box_SelectedItemStyle {
    text-decoration: none;
    background: #F0F8FF;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
}

.EditCommandColumn {
    text-decoration: none;
    font-size: 15px;
}

.ButtonColumn {
    text-decoration: none;
    font-size: 15px;
}

/*.HeaderStyle {
    text-decoration: none;
    font-size: 13px;
    padding: 4px 4px;
    background-color: #DCDCDC;
}*/

.FieldHead {
    color: #333333;
}

.Message {
    font-size: 13px;
    /*background-color: Gray;*/
    color: green;
    padding: 2px 2px 2px 4px;
}

.ReadOnlyTextBox {
    background-color: transparent;
    padding: 2px 2px 2px 4px;
    color: Black;
    font: normal bold 15px;
    border: 0px;
}

.StoreCategoryList {
    font-size: 13px;
}
/*.CategoryTitle{ color: #66CDAA;  font-size: 15px;  font-weight: bolder;    padding-top: 3px;  height: 20PX;  text-align: center;  padding-bottom: 3px;              }*/
.ImageContent_List {
}

.ImageTitle {
    height: 20px;
    border-bottom: 1px dotted #FFC0CB;
    font-size: 15px;
}

.ProductDetail_Title_Box {
    border-bottom: 1px dotted #E6E6FA;
    color: #1E90FF;
}

.LinkItem {
    font-size: 13px;
    height: 25px;
    padding-left: 10px;
    background-image: url(../../images/Css/LinkItem.gif);
}
.myspmbar {
    width: 360px;
    font-family: "Square721 BT";
    padding-left: 0px;
    /*border: 1px solid #add8e6;*/
    line-height: 24px;
    color: white;
}
    .myspmbar:hover {
        color: yellow;
    }
.myspmsub {
    color: darkgray;
}
    .myspmsub:hover {
        color: yellow;
    }

.productnum {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: red;
    position: relative;
    right: 20px;
    top: -15px;
    text-align: center;
    color: #fff;
    line-height: 20px;
}

.memberinfo {
    display: inline-block;
    width: 73px;
    /*height: 20px;*/
    /*border-radius: 50%;*/
    /*background-color: red;*/
    position: absolute;
    right: 60px;
    top: 65px;
    text-align: center;
    color: gray;
    line-height: 20px;
    font-size: 11px;
}