*{margin:0;padding:0;}

html, body{
	COLOR:#645A44;
	scrollbar-base-color: #E7E7DF; 
	scrollbar-arrow-color: #000000;
	scrollbar-DarkShadow-Color: #DEDEDC;	
	PADDING-RIGHT: 0px;
	BACKGROUND-POSITION: left 50%;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	//background:#c8dde6;
	background:#ffffff;
	width:100%;
	//min-width:1300px;
	height: 100%;

}


		* html pre {
		 word-wrap: break-word;       /* Internet Explorer 5.5+ */
		 white-space : normal ;       /* Internet Explorer 5.5+ */
		}
			pre {
			 white-space: pre-wrap;      
			 white-space: -moz-pre-wrap;  
			 white-space: -pre-wrap;      
			 white-space: -o-pre-wrap;    
			}

			TABLE {
				FONT: 12px/1.5 Century Gothic, Arial, Verdana, sans-serif, 新細明體; 
				BORDER-COLLAPSE: collapse;
			}
				.text {
					BORDER-RIGHT: medium none; 
					BORDER-TOP: medium none; 
					BACKGROUND: none transparent scroll repeat 0% 0%; 
					BORDER-LEFT: medium none;
				}
			SELECT {
				//BORDER-RIGHT: #569dff 1px solid; 
				//BORDER-TOP: #569dff 1px solid; 
				FONT: 11px/1.5 Century Gothic, Arial, Verdana, sans-serif, 新細明體; 
				//BORDER-LEFT: #569dff 1px solid; 
				COLOR: #888398; 
				//BORDER-BOTTOM: #569dff 1px solid; 
				border:#aaa 1px solid;
				BACKGROUND-COLOR: #FFFFFF; 
			}
			input {
				border-top:medium none;
			
	border-left:medium none;
			
			}
				.button {
					BORDER-RIGHT: #5589aa 1px solid; 
					BORDER-TOP: #5589aa 1px solid; 
					FONT-SIZE: 9pt; 
					BORDER-LEFT: #5589aa 1px solid; 
					WIDTH: 50px; COLOR: #000000; 
					BORDER-BOTTOM: #5589aa 1px solid; 
					HEIGHT: 18px
					
				}
				
				
			A:link {
				COLOR: #006699; 
				BACKGROUND-COLOR: 
				transparent; 
				TEXT-DECORATION: none
			}
			A:visited {
				COLOR: #006699; 
				BACKGROUND-COLOR: transparent; 
				TEXT-DECORATION: none
			}
			A:hover {
				TEXT-DECORATION: underline;
			}		
			

			


	#wrapper{
		width:100%;
		//background:#00aabb;
		//background:#333;
		height: 100%;
		FONT: 11px/1.5 Century Gothic, Arial, Verdana, sans-serif, 新細明體;
		/*COLOR:#645A44;*/		
		color:#333333;

		
	}
	
	
	
	body > #wrapper {
		
		min-height:100%;
		height: auto !important;
		height:auto;
	}
	
	
	#main{
		//min-width:1000px;
		width: auto !important;
		//width: 1000px;
	}
	


	
		#content{
		/*background-image:url(../images/bg_main.gif);
			background-repeat:repeat-y;
		*/
			
			background-color:#fff;
			//min-width:1000px;
			margin:0 auto;
			//min-height:720px;
			//height: auto !important;
			//height:720px;
		}
		

			.clearfix:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
			}
			
			.clearfix {display: inline-block;}
			
				/* Hides from IE-mac \*/
			* html .clearfix { height: 1%;}
			
			.clearfix {display: block;}
			
				/* End hide from IE-mac */
						
				
		

		

				
				/* text box */
				.form-control{	
						display:block;
						width:100%;
						height:18px;
						padding:3px 6px;
						font-size:12px;
						line-height:1.42857143;
						color:#555;
						background-color:#fff;
						background-image:none;
						border:1px solid #ccc;
						border-radius:4px;
						-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
						box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
						-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
				}
				
				.form-control:focus{
						border-color:#66afe9;
						outline:0;
						-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
						box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
				}
				
				
				.form-control2{	
						width:100%;
						height:18px;
						padding:3px 6px;
						font-size:12px;
						line-height:1.42857143;
						color:#555;
						background-color:#fff;
						background-image:none;
						border:1px solid #ccc;
						border-radius:4px;
						-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
						box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
						-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
				}
				
				.form-control2:focus{
						border-color:#66afe9;
						outline:0;
						-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
						box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
				}				
				
				
				.form-control3{	
						width:100%;
						height:18px;
						padding:3px 6px;
						font-size:12px;
						line-height:1.42857143;
						color:#555;
						background-color:#fff;
						background-image:none;
						//border:1px solid #ccc;
						border-radius:4px;
						//-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
						//box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
						//-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
				}
				
				.form-control3:focus{
						border-color:#66afe9;
						outline:0;
						-webkit-box-shadow:inset 0 0px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
						box-shadow:inset 0 0px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
				}			
				
						
		
	.shell	{width: 1250px; margin: 0 auto;}
	
	.mshell{
		min-width:985px;
		margin: 0 auto; 
		min-height:360px;
		padding-left:20px;
		padding-right:20px;
	
	}
			
			.disib {	display:inline-block;}
			.divpadd1{padding-top:5px;padding-bottom:5px;}
			.divpadd2{padding-top:1px;padding-bottom:1px;}
			.tr1	{height:30px;}
			.tr2	{height:24px;}
			.tr30	{height:30px;}
			.td1	{padding-left:6px;padding-right:4px;}
			.td2	{letter-spacing:8px;text-align:right;padding-right:8px;}
			.td3	{ border-bottom:#cacaca 1px dotted;}
			.td4	{ border-bottom:#cacaca 1px solid;}
			.td5	{	padding:4px;}
			.td6	{	letter-spacing:2px;text-align:right;padding-right:8px;}
			.label1	{background-color:#999;color:#fff;}
			.label2 {background-color:#ff6600;color:#fff;}
			.label3	{background-color:#0c8ec0;color:#fff;}
			.label4 {background-color:#44accb;color:#fff;}
			.label5	{background-color:#8fcddc;//background-color:#d2e7de;}
			.label6	{color:#1a7492;//color:#0066CC;//color:#0883ab;//font-weight:bold;font-size:10pt;}
			.inbox{border:medium none;border-bottom:#aaa 1px solid;text-align:center;readonly:true;}			
			.inspan1 {min-width: 40px; display: inline-block;border-bottom:#aaa 1px solid;padding-left:10px;padding-right:10px;text-align:center;}
			.spanbox	{	
						//width:100%;
						min-width:80px;
						height:18px;
						display:inline-block;
						padding:3px 10px 3px 6px;
						//padding:3px 6px;
						font-size:12px;
						line-height:1.42857143;
						color:#555;
						background-color:#fff;
						background-image:none;
						border:1px solid #ccc;
						border-radius:4px;
						-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
						box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
						-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
				}			
			.txtc	{text-align:center;}
			.txtbox1	{	border:#b5bcc7 1px solid; background-color:#f7fcff; color:#777777;height:20px;padding-left:2px;width:164px;}
			.txtbox3	{	border:#b5bcc7 1px solid; background-color:#e3e3e3; //f2f4f5; color:#777777;padding-left:2px;}
			.inbox1	{	border:#ccc 1px solid;height:20px;color:#555;}
			.inbox2 {border:medium none;text-align:center;readonly:true;}
			.inbox_blue	{	border:#85add4 1px solid;height:20px;color:#555;}
			.inbox_red	{	border:#ff0000 1px solid;}
			.inbox_control	{height:18px;	font-size:12px;line-height:1.42857143;color:#555;border:medium none;}
			.letter-spac2{	letter-spacing:2pt;}
			.letter-spac3{	letter-spacing:3pt;}
			.letter-spac4{	letter-spacing:4pt;}
			.note	{ font-size: 10.5px; padding-top: 2px; display: block; color: #AAA; white-space: nowrap; letter-spacing:2pt; }
			.note1 { font-size: 10.5px; padding-top: 2px; color: #f00; white-space: nowrap; letter-spacing:2pt; }
			.note2	{ color:#e85d4b;font-size:9pt;	}
			.w100	{	width:100px;}
			.w120	{	width:120px;}
			.w130	{	width:130px;}
			.w140	{	width:140px;}
			.w150	{	width:150px;}
			.w160	{	width:160px;}
			.w200	{	width:200px;}
			
			
			.clear { clear: both; display: block; }
			
			.va-t { vertical-align:top;}
			
			
			.b_t	{border-top:1px solid #bfbfbf;}
			.b_r	{border-right:1px solid #bfbfbf;}
			.b_l	{border-left:1px solid #bfbfbf;}
			.b_b	{border-bottom:1px solid #bfbfbf;}
			.b_lt	{border-left:1px solid #bfbfbf; border-top:1px solid #bfbfbf;}
			
			
			.divider { height: 0; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #fff; position: relative; margin: 35px 0 0 0; }
			.divider > span { position: absolute; left: 50%; margin-left: -21px; background: #fff url(../images/div.png) no-repeat 50%; width: 36px; padding: 0 3px; height: 9px; display: block; top: -4px; }	

			.divider_green { height: 0; border-top: 1px solid #5ba622; border-bottom: 1px solid #fff; position: relative; margin: 35px 0 0 0; }
			.divider_green > span { position: absolute; left: 50%; margin-left: -21px; background: #fff url(../images/div_green.png) no-repeat 50%; width: 36px; padding: 0 3px; height: 9px; display: block; top: -4px; }	

			.divider_orange { height: 0; border-top: 1px solid #ffa300; border-bottom: 1px solid #fff; position: relative; margin: 35px 0 0 0; }
			.divider_orange > span { position: absolute; left: 50%; margin-left: -21px; background: #fff url(../images/div_orange.png) no-repeat 50%; width: 36px; padding: 0 3px; height: 9px; display: block; top: -4px; }	

			.divider_red { height: 0; border-top: 1px solid #ca0000; border-bottom: 1px solid #fff; position: relative; margin: 35px 0 0 0; }
			.divider_red > span { position: absolute; left: 50%; margin-left: -21px; background: #fff url(../images/div_red.png) no-repeat 50%; width: 36px; padding: 0 3px; height: 9px; display: block; top: -4px; }	

			.divider_blue { height: 0; border-top: 1px solid #1498c5; border-bottom: 1px solid #fff; position: relative; margin: 35px 0 0 0; }
			.divider_blue > span { position: absolute; left: 50%; margin-left: -21px; background: #fff url(../images/div_blue.png) no-repeat 50%; width: 36px; padding: 0 3px; height: 9px; display: block; top: -4px; }	
			
			
			
			.newsitem {
				background: #F0F0F0 url(../image/bg_newsitem.png) repeat-x;
				border: 1px solid #EEE;
				border-color: #EEE #EEE #DDD #EEE;
				clear: both;
				color: #333;
				line-height: 1.5;
				margin: 6px;
				padding: 10px;
			}			


 				 				
	//------------- DIV table----------
			div.div_table {
			      display:table;
			  }
			.div_tr {
			      display: table-row;
			  }
			.div_td {
			      display: table-cell;
			  } 				 							
			  
	
	
// Media Query ，也就是當寬度 < 768 px 時將載入下面這段 CSS :

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

}

 

// Media Query ，也就是當寬度 < 480 px 時將載入下面這段 CSS :

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

}

 

// Media Query ，也就是當寬度 < 320 px 時將載入下面這段 CSS :

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

}