﻿
/*－－－－網路商城css－－－－*/

body{ margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; }


/*基本文字顏色#4A92BD*/
.BaseFontColor{font-size:12pt;color:#666666;}
.BaseFontColors{font-size:10pt;color:#666666;}
.BaseFontColorbw{font-size:12pt;color:#666666;font-weight:800; }
.BaseFontColor2s{font-size:8pt;color:#666666;}
.BaseFontColor3s{font-size:10pt;color:#333333;}


.NemberColor{font-size:10pt;color:#7B7B7B;font-family:Tahoma;}
.NemberColor2{font-size:12pt;color:#666666;font-family:Tahoma;}
.NemberColor{font-size:10pt;color:#666666;font-family:Tahoma;}
.NemberColor_Redbw{font-size:12pt;color:#CC0000;font-family:Tahoma;font-weight:800; }
.NemberColor_Red2bw{font-size:16pt;color:#ff0000;font-family:Arial;font-weight:800; }

.BaseFontColorRed{font-size:10pt;color:#ff0000;}
.BaseFontColorRed2{font-size:10pt;color:#ff0000; text-decoration:underline; }
.BaseFontColorRedb{font-size:12pt;color:#ff0000;}
.BaseFontColorRedbw{font-size:12pt;color:#CC0000;font-weight:800;}
.BaseFontColorRed3b{font-size:14pt;color:#D8261D;}


.BaseFontColorBack{ font-size:10pt; font-family:Arial; color:#000000;}
.BaseFontColorBacksb{font-size:10pt;color:#000000;font-weight:800; }
.BaseFontColorBackb{ font-size:12pt; font-family:Arial; color:#000000;}
.BaseFontColorBackb2{ font-size:12pt; font-family:Arial; color:#000000;font-weight:800;}


.BaseFontColorCoffee{font-size:10pt;color:#A35920;  }
.BaseFontColorCoffeeb{font-size:12pt;color:#A35920;}
.BaseFontColorCoffeeBB{font-size:10pt;color:#A35920; font-weight:800;  }

.BaseFontColorBlue{font-size:10pt;color:#0059B3;}
.BaseFontColorBlue2b{font-size:12pt;color:#4A6BA8;font-weight:800; }
.BaseFontColorBlue3b{font-size:12pt;color:#0000BB;font-weight:800; }
.BaseFontColorBlue4b{font-size:12pt;color:#0194E3;font-weight:800; }

.BaseFontColorAmethyst{font-size:14pt;color:#29166F;font-weight:800; }


.BaseFontColor2{font-size:12pt;color:#A35920;}
.BaseFontColorWhite{ font-size:10pt;color:#ffffff;}
.BaseFontColorWhiteb{ font-size:12pt;color:#ffffff;}
.BaseFontColorYellow{font-size:12pt; color:#ff6600;}
.BaseFontColorYellow2{font-size:10pt; color:#F2E343;}

.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:12pt ; color:#3F373F; font-weight:900; font-family:新細明體;}


/*表格顏色紫#e6c1c1*/
.table_line{ border-color:#0059B5; background-color:#0059B5;}

.table_line1{background-color:#F0E68C;}

.table_line2{ background-color:#E0EFFF;}
.table_line3{ background-color:#E0EFFF; border-style:solid; border-width:2px; border-color:#0059B5; }

.table_line4{background-color:#E0EFFF; border-style:solid;
	                border-bottom:1px; border-bottom-color:#0059B5;
	                border-left-width:1px; border-left-color:#0059B5;
	                border-right-width:1px; border-right-color:#0059B5;
	                border-top-width:1px; border-top-color:#0059B5;}
	                
.table_line5{ background-color:#0059B5; border-style:solid; border-width:2px; border-color:#0059B5; }
.table_line6{ border-style:solid; border-width:2px; border-color:#0059B5; }

.table_line7{border-style:solid; border-color:#6F1707; border-width:thin }
.table_line71{border-style:solid; border-color:#e7d7c7; border-width:thin }

.table_line8{border-style:solid; border-color:#FEC96E; border-width:1px; }

.table_line9{background-color:#ffffff; border-style:solid;
	                border-bottom:1px; border-bottom-color:#0059B5;
	                border-left-width:1px; border-left-color:#0059B5;
	                border-right-width:1px; border-right-color:#0059B5;
	                border-top-width:1px; border-top-color:#0059B5;}
	               

.table_line10{border-right: #0059B5 1px solid; border-top: #0059B5 1px solid; border-left: #0059B5 1px solid; border-bottom: #0059B5 1px solid;}

.alpha{BACKGROUND-COLOR : TRANSPARENT}      

/*背景色*/

.tb_bgcolor{background-color:#ffffcc; font-size:10pt;color:#666666;}
.bgcolor01{ background-color:#E0EFFF;}
.bgcolor02{ background-color:#F8F8F8;}
.bgcolor03{ background-color:#F0F7FF;}
.bgcolor_prod{ background-color:#ffff99;}
.backgoundfixed{ BACKGROUND-ATTACHMENT : FIXED } 

.Webbg{background-color:#002C6C;}
.Webbg_light{ background-color:#5179B5;}


/*文字 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;}

/*有連結字*/
.line_font{text-decoration:underline;font-size:10pt;color:#666666; }


/*邊框線*/
.ColorCoffee{ border-color:#6F1707; border-width:1px; border-style:solid  }
.frome_line{ border-color:#0059B5;}
.frome_line2{ border-color:#e7d7c7;}
.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 ; }


/*表格單一線*/
.right_line{border-right: gray 1px dotted;}
.top_line{border-top: #0059B5 1px dotted;}
.top_line2{border-top: #C2C2C2 1px solid;}
.top_line3{border-top: #9C9C9C 1px solid;}
.bottom_line{border-bottom: #0059B5 1px solid;}
.bottom_line2{border-bottom:#C2C2C2 1px solid;}

/*標題字*/
h4{ color:#ff0000} /*紅色字警告訊息*/
.h4{ color:#ff0000; font-weight:800} /*紅色字警告訊息*/
.h3{ color:#ff0000; font-weight:800; font-size:medium;} /*紅色字警告訊息*/

/*版面背景顏色*/
.MasterColor{ background-color:#ffffff;}

/*標題字-白色粗體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; }

/*上至下漸變 - 綠色
.FilterProgid{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#e7d7c7',endColorstr='#ffffff'); width:100%} 
*/
.SiteMap{border-right: 1px solid; border-top: 1px solid; border-left: 1px solid; color: #676767; border-bottom: #cfcfcf 1px solid; background-color: #f7eff7;}

.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;}	
 
 
 
 .outframe2
{border-bottom-color:#CCCCCC; border-bottom-style:double; border-bottom-width:3px;
 border-left-color:#CCCCCC; border-left-style:double; border-left-width:3px;
 border-top-color:#CCCCCC; border-top-style:double; border-top-width:3px;
 border-right-color:#CCCCCC; border-right-style:double; border-right-width:3px;}	
 
 
 .outframe3
{ background-color:#E0EFFF;
 border-bottom-color:#0059B5; border-bottom-style:solid; border-bottom-width:1px;
 border-left-color:#0059B5; border-left-style:solid; border-left-width:1px;
 border-top-color:#0059B5; border-top-style:solid; border-top-width:1px;
 border-right-color:#0059B5; border-right-style:solid; border-right-width:1px;}	
 
 
.outframe4
{
 background-color:#CCCCCC;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;}	
 
 

/*表格半透明加滑鼠 */
.Table_Opacity{filter:Alpha(Opacity:30,FinishOpacity=50,Style=2);CURSOR:default}

.a{
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#76C5F0', endColorStr='#ffffff', gradientType='0')
}

/*TOGETHER*/
.together1{color:#5C5C5C;font-size:10pt;}
.together2{color:#5C5C5C;font-size:11pt;}
.together3{color:#B2B2B2;font-size:10pt;}
.together4{color:#0096E2;font-size:10pt;}
.together5{FILTER: glow(color:#0A3D8C,strength=2); COLOR: #ffffff}
.together6{font-size:10pt;color:#ff0000; }
.together7{color:#5C5C5C;font-size:12pt;}
.together8{color:#0096E2;font-size:11pt;}
.together9{background-image: url(../../images/btn.gif); 		background-position: top center; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; border-right: dimgray 2px solid;  border-bottom: dimgray 2px solid; }
.together10{color:#003869;font-size:10pt;}

outframe10
{
 border-bottom-color:#EAEAEA; border-bottom-style:solid; border-bottom-width:1px;
 border-left-color:#EAEAEA; border-left-style:solid; border-left-width:1px;
 border-top-color:#EAEAEA; border-top-style:solid; border-top-width:1px;
 border-right-color:#EAEAEA; border-right-style:solid; border-right-width:1px;}	
 
  .outframe11
{
 background-color:#EAEAEA;
 border-bottom-color:#EAEAEA; border-bottom-style:solid; border-bottom-width:1px;
 border-left-color:#EAEAEA; border-left-style:solid; border-left-width:1px;
 border-top-color:#EAEAEA; border-top-style:solid; border-top-width:1px;}	

 .outframe12
{
	background-color:#EAEAEA;
 border-bottom-color:#EAEAEA; border-bottom-style:solid; border-bottom-width:1px;
 border-left-color:#EAEAEA; border-left-style:solid; border-left-width:1px;}	

 .outframe13
{
 border-bottom-color:#EAEAEA; border-bottom-style:solid; border-bottom-width:1px;
 border-left-color:#EAEAEA; border-left-style:solid; border-left-width:1px;
 border-right-color:#EAEAEA; border-right-style:solid; border-right-width:1px;}	

.outframe15
{
		 background-color:#EAEAEA;
 border-bottom-color:#EAEAEA; border-bottom-style:solid; border-bottom-width:1px;
 border-left-color:#EAEAEA; border-left-style:solid; border-left-width:1px;
 border-top-color:#EAEAEA; border-top-style:solid; border-top-width:1px;
 border-right-color:#EAEAEA; border-right-style:solid; border-right-width:1px;}	
 
 .frome_dotted_nw11{color:#808080;font-size:10pt;  border-style:dotted; border-width:1px; border-color:#0A3D8C ; width:98%    } 
.frome_dotted_nw12{color:#808080;font-size:10pt; border-style:dotted; border-width:1px; border-color:#0A3D8C ;width:98% ; height:200px;   } 
.frome_dotted_nw13{color:#808080;font-size:10pt; border-style:dotted; border-width:1px; border-color:#0A3D8C ;width:100px ;   } 

 