﻿/*－－－－網路商城css－－－－*/

/*基本文字顏色*/
.BaseFontColor{font-size:12pt;color:#666666;}
.BaseFontColors{font-size:10pt;color:#666666;}
.BaseFontColorsw{font-size:10pt;color:#666666; font-weight:bold;}

.BaseFontColorRed{font-size:10pt;color:#ff0000; }
.BaseFontColorRedb{font-size:12pt;color:#ff0000; }

.BaseFontColorBack{ font-size:10pt; font-family:Arial; color:#000000;}
.BaseFontColorBackb{ font-size:12pt; font-family:Arial; color:#000000;}

.BaseFontColorCoffee{font-size:10pt;color:#A35920;  }
.BaseFontColorCoffeeb{font-size:12pt;color:#A35920;}
.BaseFontColorCoffeebb{font-size:12pt;color:#A35920; font-weight:bold;}
.BaseFontColorCoffeeBB{font-size:10pt;color:#A35920; font-weight:800;  }



.BaseFontColorBlue{font-size:10pt;color:#005599;  }

.BaseFontColor2{font-size:12pt;color:#A35920;}
.BaseFontColorWhite{ font-size:10pt;color:#ffffff;}
.BaseFontColorWhiteb{ font-size:12pt;color:#ffffff;}
.BaseFontColorYellow{font-size:12pt; color:#ff6600;}

.BaseFontColorG{ font-size:12pt; color:#545431;}
.BaseFontColorGs{ font-size:10pt; color:#545431;}
.BaseFontColorB{ font-size:10px; color:#996633;}
.BaseFontColorsG{ font-size:12px; color:#003333;}

.BaseFontColorsGS{font-size:10px; color:#BAF093;}

/*基本字型*/
 font{font-size:10pt ; color:#666666}


/*表格顏色紫#e6c1c1.......#F0E68C*/
.table_line{ border-color:#FEC96E; background-color:#FEC96E;}

.table_line1{background-color:#F0E68C;}

.table_line2{ background-color:#ffffcc;}
.table_line3{ background-color:#ffffcc; border-style:solid; border-width:2px; border-color:#FEC96E; }
.table_line31{ background-color:#ffffcc; }
/*
.table_line4{background-color:#ffffcc; border-style:solid;
	                border-bottom:2px; border-bottom-color:#FEC96E;
	                border-left-width:2px; border-left-color:#FEC96E;
	                border-right-width:2px; border-right-color:#FEC96E;
	                border-top-width:2px; border-top-color:#FEC96E;}
*/
	                
.table_line5{ background-color:#FEC96E; border-style:solid; border-width:2px; border-color:#FEC96E; }
.table_line6{ border-style:solid; border-width:2px; border-color:#FEC96E; }

.table_line7{border-style:solid; border-color:#6F1707; border-width:thin }
.table_line8{border-style:solid; border-color:#FEC96E; border-width:1px; }

.table_line9{ border-style:solid;
	                border-bottom:2px; border-bottom-color:#FEC96E;
	                border-left-width:2px; border-left-color:#FEC96E;
	                border-right-width:2px; border-right-color:#FEC96E;
	                border-top-width:1px; border-top-color:#FEC96E;}
	                
/*style="border-right: #ff3300 thin solid; border-top: #ff3300 thin solid; border-left: #ff3300 thin solid; border-bottom: #ff3300 thin solid"*/
.table_line4{background-color:#ffffcc;border-right: #FEC96E thin solid; border-top: #FEC96E thin solid; border-left: #FEC96E thin solid; border-bottom: #FEC96E thin solid}

.alpha{BACKGROUND-COLOR : TRANSPARENT}      

/*背景色*/
.bgcolor{ background-color:#ff9933;}
.tb_bgcolor{background-color:#ffffcc; font-size:10pt;color:#666666;}
.bgcolor_y{ background-color:#FFE478;}
.bar_prod{ background-color:#FF9900;}
.backgoundfixed{ BACKGROUND-ATTACHMENT : FIXED } 

/*版面背景顏色*/
.MasterColor{background-color:#FFF3DE;}

.TextLeft{text-align:left;}

/*文字 indent縮排 lineheight列高;*/  
.text{font-family:細明體;  font-style:normal; font-size:small; line-height:20px; font-weight:500; color:#666666;}		

/*連結文字*/
.link_text{color:#996600; font-size:12px;}

/*邊框線*/
.ColorCoffee{ border-color:#6F1707; border-width:1px; border-style:solid  }
.frome_line{ border-color:#FEC96E;border-width:1px;}
.frome_Start_line{ border-color:#C0C000;}
.frome_Product_line{ border-color:#FEC96E;}
/*BorderStyle="Dotted" BorderWidth="1px" CssClass="frome_line" Width="320px"*/
.frome_dotted{ border-style:dotted; border-width:1px; border-color:#FEC96E ; width:310px;}
.frome_dotted_nw{ border-style:dotted; border-width:1px; border-color:#FEC96E ; }
.lbl_frome_dotted {border-style:dotted; border-width:1px; border-color:#FEC96E ; }
.bar_prod{background-color:#FF9900;}

/*標題字*/
h4{ color:#ff0000} /*紅色字警告訊息*/
.h4{ color:#ff0000; font-weight:800} /*紅色字警告訊息*/
.h3{ color:#ff0000; font-weight:800; font-size:medium;} /*紅色字警告訊息*/


/*標題字-白色粗體14*/
.titleFont_ws{color:#ffffff; font-size:14px; font-weight:bolder;}
.titleFont_w{color:#ffffff; font-size:14px; }
.titleFont_g{color:#545431; font-size:14px; font-weight:bold; }
.titleFont01{color:#474F07; font-size:medium; font-family:細明體,Time new roman;font-style:normal; font-weight:900;}

/*More*/
.More{ color:#693F00; font-size:small; font-family:Monotype Corsiva;}

/*標題字-白色粗體14  置中*/
.titleFont_c{color:#ffffff; font-size:14px; font-weight:500; text-align:center;}

/*標題字-咖啡字偏紅*/
.titleFont_s{color:#b1584e; font-size:12px; }
.titleFont{color:#b1584e; font-size:16px;  }



/*會動的連結：當滑鼠移到連結上時，連結會往上跟左移動1個像素的距離特效
a:hover{position:relative;top:1px;left:1px; } */

a{text-decoration:none} /*去底線*/

/*按鈕--BackColor="PeachPuff" BorderStyle="Ridge" BorderWidth="1px"*/
.Btn{ background-color:#ffdab9; border-style:ridge; border-width:1px; }

/*捲軸__橘子色
body {scrollbar-3Dlight-color:#ffffff;scrollbar-arrow-color:#ffffff;scrollbar-darkshadow-color:#ffffff;scrollbar-face-color:#FC9E00;
      scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#FC9E00;scrollbar-track-color:#ffffff}/*捲軸*/


/*捲軸__黃綠色*/
body {scrollbar-3Dlight-color:#ffffff;scrollbar-arrow-color:#ffffff;scrollbar-darkshadow-color:#ffffff;scrollbar-face-color:#F0E68C;
      scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#F0E68C;scrollbar-track-color:#ffffff}/*捲軸*/



/*上至下漸變(gradientType='0') - 深blue色*/
.FilterProgid1{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#FEA405',endColorstr='#FBD13D'); } 
.FilterProgid2{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#687527',endColorstr='#B5CC43'); } 

/*文字發光*/
.ShadowFont{FILTER:Shadow(Color='#BC9D2D', direction=95) height:2px;  }

/*純外框*/
.outframe
{border-bottom-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px;
 border-left-color:#CCCCCC; border-left-style:solid; border-left-width:1px;
 border-top-color:#CCCCCC; border-top-style:solid; border-top-width:1px;
 border-right-color:#CCCCCC; border-right-style:solid; border-right-width:1px;}	
 
 .outframe1
{border-bottom-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px;
 border-left-color:#CCCCCC; border-left-style:solid; border-left-width:1px;
 border-top-color:#CCCCCC; border-top-style:solid; border-top-width:1px;
 border-right-color:#CCCCCC; border-right-style:solid; border-right-width:1px;}	


 
 .outframe3
{
 border-left-color: #CCCCCC; border-left-style:solid; border-left-width:1px;
 border-top-color: #CCCCCC; border-top-style:solid; border-top-width:1px;
 border-right-color: #CCCCCC; border-right-style:solid; border-right-width:1px;}	

 
 .outframe2
{ background-color:#DEDEDE;  }		


.outframe4
{border-right: graytext 1px dotted; border-top: graytext 1px dotted; border-left: graytext 1px dotted; border-bottom: graytext 1px dotted;}
