@charset "utf-8";
body {
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-arrow-color: #8A4B2F; 
scrollbar-staff-color: #8A4B2F; 
scrollbar-darkshadow-color: #D1D1D1; 
scrollbar-face-color: #EFEFEF; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-shadow-color: #D1D1D1 ;
margin: 0 auto;
leftmargin:0 ;
topmargin:0;

}

{ font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #333333}

/*td { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #222222}*/
a:link {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #3333FF; text-decoration: none}
/*a:visited {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #000000; text-decoration: none}*/
a:hover {  text-decoration: none; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #F91212}
a.ft:link {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #FFFFFF; text-decoration: none}
a.ft:visited {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #FFFFFF; text-decoration: none}
a.ft:hover {  text-decoration: none; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #ffcc00}

.p2{font-size:10px;line-height:175%;}
.bt{font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:#FFcc00}
.bg1{background-color:#FFcc00}
.bg2{background-color:#ffff00}
.bgmenu1{background-color:#FFFF00}
.bgmenu2{background-color:#ffcc00}



/*按鈕設定   TOP */
.btn{
	display:inline-block;
	padding:4px 12px 4px 12px; 
	background-color: #FFFFCC;
	line-height:1;
	cursor:pointer;
	border:1px solid #666;
	font-size:12px;
	color:#333;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.btn:hover{ border-color:#D0121B; color:#D0121B; }

.btn1{
	display:inline-block;
	padding:4px 12px 4px 12px; 
	color:#333;
	line-height:1;
	cursor:pointer;
	border:1px solid #666;
	font-size:12px;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.btn1:hover{ border-color:#D0121B; color:#D0121B; }

.btn2{
	display:inline-block;
	padding:6px 40px 7px 40px; 
	color:#333;
	line-height:1;
	cursor:pointer;
	border:1px solid #666;
	font-size:16px;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.btn2:hover{ border-color:#D0121B; color:#D0121B; }

.btn3{
	display:inline-block;
	padding:4px 12px 4px 12px; 
	background-color: #FFFFCC;
	line-height:1;
	cursor:pointer;
	border:1px solid #666;
	font-size:16px;
	color:#333;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.btn3:hover{ border-color:#D0121B; color:#D0121B; }


/*按鈕設定   END */

/*頁面最外框 TOP*/
.backend-frame{ 
	margin:15px auto 30px auto;
	padding:12px;
	border:1px solid #ccc;
		
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-bborder-radius:10px;
	border-radius:10px;

	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}



/*註冊等頁面-導覽路徑*/
.backend-breadcrumb{ font-size:13px; line-height:1.5; text-align:right; margin:10px 0 30px 0; }
.backend-breadcrumb , .backend-breadcrumb a{ color:#999; }
.backend-breadcrumb a:hover{ color:#D0121B; }
.backend-breadcrumb span{ position:relative; display:inline-block; margin-right:0px;}
.backend-breadcrumb span:after{
	content:"/";
	margin-left:2px;
}
.backend-breadcrumb span:last-child:after{display:none;}
.backend-breadcrumb span:last-child{ cursor:default;}



/*註冊等頁面-標題區塊*/
.backend-headline{ 
	font-size:1.4em; 
	font-weight:600; 
	text-align:center; 
	margin:15px 0 15px 0; 
	line-height:1.5; 
}
.backend-frame-title{
	font-size:18px; 
	text-align:center; 
	font-weight:600;
	margin:0 0 20px 0;
}


.backend-content{ /* margin-top:30px; */}
.backend-content.center{ text-align:center; }

.form{ display: flex; flex-wrap:wrap; }
.form-line.half-width , .form-inline-line.half-width{ width:49%; margin-right:2%; }
.form-line.second , .form-inline-line.second{ margin-right:0; }

.form-line.third-width , .form-inline-line.third-width{ width:32%; margin-right:2%; }
.form-line.third , .form-inline-line.third{ margin-right:0; }


.form-line , .form-inline-line{ display: flex; flex-wrap:wrap; width:100%; margin-bottom:15px; }/*每列表單設定*/
.form-line .fm-title , .form-inline-line .fm-title{ width:100px; } /*每列標題寬*/
.form-line .fm-title:after , .form-inline-line .fm-title:after{ content:"：";}
.form-line .fm-wrap , .form-inline-line .fm-wrap{ width:calc(100% - 110px); } /*每列減去(標題寬+5px空格)之欄位寬度*/



/*按鈕列*/
.form-btn-line{ width:100%; text-align:center; margin:40px 0 0 0; }


.form-line .fm-title .control-lab , .form-inline-line .fm-title .control-lab{ font-size:15px; }
.form-line .fm-wrap .control-input , .form-line .fm-wrap .control-textarea , 
.form-inline-line .fm-wrap .control-input , .form-inline-line .fm-wrap .control-textarea{
	width:100%; 
	padding:8px 10px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}

.control-input{
	/*-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;*/
}

.form-line .fm-wrap .control-remind , .form-inline-line .fm-wrap .control-remind{ color:#999; font-size:0.9em; }/*文字欄位說明提醒*/


/*按鈕設定*/
.control-btn{
	display:inline-block;
	padding:5px 30px 6px 30px; 
	color:#333;
	line-height:1;
	cursor:pointer;
	border:1px solid #666;
	font-size:16px;
	
	/*-ms-border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	-o-bborder-radius:1px;
	border-radius:1px;*/
}
.control-btn:hover{ border-color:#D0121B; color:#D0121B; }







.backend-frame1{ 
	margin:15px auto 30px auto;
	padding:30px;
	border:1px solid #000;
		
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-bborder-radius:10px;
	border-radius:10px;

	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}


.backend-frame2{ 
	margin:10px auto 10px auto;
	padding:18px;
	border:1px solid #000;
		
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-bborder-radius:10px;
	border-radius:10px;

	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}





/*外框 限制*/
.frame-width{ max-width:auto; }
.frame-width1{ max-width:400px; }
.frame-width2{ max-width:auto; }

/*頁面最外框 END */


/*表格設定*/
.table1 { border-collapse:collapse; border-color:#C9CCFF; }
.table2 { border-collapse:collapse; border-bottom-color:#900; }
.table {	  border: 1px solid #A3BFE2; border-collapse:collapse; }
.f1{	font-size: 9pt;;  font-family: 細明體;}
.t1 { font-size: 12pt;  line-height: 15pt;  color: White;  background-color: #007BF3;  font-family: 細明體;  text-align: left;  }
.t1_center { font-size: 12pt;  line-height: 15pt;  color: White;  background-color: #007BF3;  font-family: 細明體;  text-align: center;  }
.t2 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #F6FFFF;  font-family: 細明體;text-align: right;    }
.t2_center { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #F6FFFF;  font-family: 細明體;text-align: center;    }
.t21 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #F6FFFF;  font-family: 細明體;   }
.t2_over { font-size: 9pt;  line-height: 15pt;  color: #FF1493;  background-color: #E5F3FF;  font-family: 細明體; cursor:hand}
.t3 { font-size: 9pt; color: #333333;  background-color: #FFFFFF;  font-family: 細明體;   }
.t31 { font-size: 14pt; color: #333333;  background-color: #FFFFFF;  font-family: 細明體;   }
.t4 { font-size: 9pt;  line-height: 15pt;  color: White;  background-color: #0072DF;  font-family: 細明體;  text-align: left;  }
.t5 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #F6FFFF;  font-family: 細明體;text-align: left;    }
.t51 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #FCDDFD;  font-family: 細明體;text-align: left;    }
.t6 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #FCDDFD;  font-family: 細明體;text-align: left;    }
.t7 {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12pt; BORDER-LEFT: #000000 1px solid; COLOR: #666666; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana,細明體; BACKGROUND-COLOR: #E7DFF7;   }
.t7_center {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12pt; BORDER-LEFT: #000000 1px solid; COLOR: #666666; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana,細明體; BACKGROUND-COLOR: #E7DFF7;text-align: center;   }
.t8_center { font-size: 12pt;  line-height: 14pt;  color: #333333;  background-color: #F6FFFF;  font-family: 細明體;text-align: center;    }
.t9_center {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12pt; BORDER-LEFT: #000000 1px solid; COLOR: #666666; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana,細明體; BACKGROUND-COLOR: #F5F5FF;text-align: center;   }

.t1_1 { font-size: 12pt;  line-height: 15pt;  color: White;  background-color: #007BF3;  font-family: 細明體;  text-align: left;  }
.t1_center_1 { font-size: 12pt;  line-height: 15pt;  color: White;  background-color: #007BF3;  font-family: 細明體;  text-align: center;  }
.t2_1 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #EFFFFF;  font-family: 細明體;text-align: right;    }
.t2_center_1 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #EFFFFF;  font-family: 細明體;text-align: center;    }
.t21_1 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #EFFFFF;  font-family: 細明體;   }
.t2_over_1 { font-size: 9pt;  line-height: 15pt;  color: #FF1493;  background-color: #E5F3FF;  font-family: 細明體; cursor:hand}
.t3_1 { font-size: 9pt; color: #333333;  background-color: #FFFFFF;  font-family: 細明體;   }
.t31_1 { font-size: 14pt; color: #333333;  background-color: #FFFFFF;  font-family: 細明體;   }
.t4_1 { font-size: 9pt;  line-height: 15pt;  color: White;  background-color: #0072DF;  font-family: 細明體;  text-align: left;  }
.t5_1 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #EFFFFF;  font-family: 細明體;text-align: left;    }
.t51_1 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #FCDDFD;  font-family: 細明體;text-align: left;    }
.t6_1 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #FCDDFD;  font-family: 細明體;text-align: left;    }
.t7_1 {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12pt; BORDER-LEFT: #000000 1px solid; COLOR: #666666; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana,細明體; BACKGROUND-COLOR: #E7DFF7;   }
.t7_center_1 {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12pt; BORDER-LEFT: #000000 1px solid; COLOR: #666666; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana,細明體; BACKGROUND-COLOR: #E7DFF7;text-align: center;   }

.t7_center_2 {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 10pt; BORDER-LEFT: #000000 1px solid; COLOR: #33F; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana,細明體; BACKGROUND-COLOR: #E7DFF7;text-align: center;   }



.u1 { font-size: 9pt;  line-height: 15pt;  color: #FFF;  background-color: #0072DF;  font-family: 細明體;  text-align: center;  }
.u2 { font-size: 9pt;  line-height: 14pt;  color: #FFF;  background-color: #990000;  font-family: 細明體;text-align: right;    }
.u2_left { font-size: 9pt;  line-height: 14pt;  color: #FFF;  background-color: #990000;  font-family: 細明體;text-align: left;    }
.u2_center { font-size: 9pt;  line-height: 14pt;  color: #000000;  background-color: #990000;  font-family: 細明體;text-align: center;    }
.u21 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #F6FFFF;  font-family: 細明體;   }
.u2_over { font-size: 9pt;  line-height: 15pt;  color: #FF1493;  background-color: #A4D5FF;  font-family: 細明體; cursor:hand}
.u3 { font-size: 9pt; color: #333333;  background-color: #FFFFFF;  font-family: 細明體;   }
.u31 { font-size: 14pt; color: #333333;  background-color: #FFFFFF;  font-family: 細明體;   }
.u4 { font-size: 9pt;  line-height: 15pt;  color: White;  background-color: #0072DF;  font-family: 細明體;  text-align: left;  }
.u5 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #F6FFFF;  font-family: 細明體;text-align: left;    }
.u51 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #FCDDFD;  font-family: 細明體;text-align: left;    }
.u6 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #FCDDFD;  font-family: 細明體;text-align: left;    }
.u61 { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #FCEFFD;  font-family: 細明體;text-align: left;    }
.u6_center { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #FCDDFD;  font-family: 細明體;text-align: center;    }
.u61_center { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #FCEFFD;  font-family: 細明體;text-align: center;    }
.u7 {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12pt; BORDER-LEFT: #000000 1px solid; COLOR: #666666; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana,細明體; BACKGROUND-COLOR: #E7DFF7;   }
.u8_right { font-size: 9pt;  line-height: 15pt;  color: White;  background-color: #630;  font-family: 細明體;  text-align: right;  }
.u9_left { font-size: 12pt;  line-height: 14pt;  color: #333333;  background-color: #FCF1FD;  font-family: 細明體;text-align: left;    }
.u9_center { font-size: 12pt;  line-height: 14pt;  color: #333333;  background-color: #FCF1FD;  font-family: 細明體;text-align: center;    }
.u9_right { font-size: 12pt;  line-height: 14pt;  color: #333333;  background-color: #FCF1FD;  font-family: 細明體;text-align: right;    }
.u10_left { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #E8E300;  font-family: 細明體;text-align: left;    }
.u10_center { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #E8E300;  font-family: 細明體;text-align: center;    }
.u10_right { font-size: 9pt;  line-height: 14pt;  color: #333333;  background-color: #E8E300;  font-family: 細明體;text-align: right;    }

.u11_left { font-size: 12pt;  line-height: 14pt;  color: #FFF;  background-color: #7E0000;  font-family: 細明體;text-align: left;    }
.u11_center { font-size: 12pt;  line-height: 14pt;  color: #FFF;  background-color: #7E0000;  font-family: 細明體;text-align: center;    }
.u11_right { font-size: 12pt;  line-height: 14pt;  color: #FFF;  background-color: #7E0000;  font-family: 細明體;text-align: right;    }


.t_R1 { font-size: 14pt;  line-height: 15pt;  color: White;  background-color: #007BF3;  font-family: 細明體;  text-align: left;  }
.t_R1_center { font-size: 14pt;  line-height: 15pt;  color: White;  background-color: #660000;  font-family: 細明體;  text-align: center;  }
.t_R2 { font-size: 10pt;  line-height: 14pt;  color: #333333;  background-color: #FFFFFF;  font-family: 細明體;text-align: right;    }
.t_R2_center { font-size: 10pt;  line-height: 14pt;  color: #333333;  background-color: #F6FFFF;  font-family: 細明體;text-align: center;    }
.t_R2_over { font-size: 10pt;  line-height: 15pt;  color: #FF1493;  background-color: #E5F3FF;  font-family: 細明體; cursor:hand}
.t_R3 { font-size: 10pt; color: #333333;  background-color: #FFFFFF;  font-family: 細明體;   }
.t_R4 { font-size: 12pt;  line-height: 15pt;  color: White;  background-color: #660000;  font-family: 細明體;  text-align: left;  }
.t_R5 { font-size: 10pt;  line-height: 14pt;  color: #333333;  background-color: #F6FFFF;  font-family: 細明體;text-align: left;    }
.t_R6 { font-size: 12pt;  line-height: 14pt;  color: #333333;  background-color: #FCDDFD;  font-family: 細明體;text-align: left;    }
.t_R7 {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12pt; BORDER-LEFT: #000000 1px solid; COLOR: #666666; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana,細明體; BACKGROUND-COLOR: #E7DFF7;   }




/*列印表格設定*/

/*公司名 */
.p1 { font-size: 16pt;  line-height: 16pt;  color: #000000;  background-color: #FFFFFF;  font-family: 細明體;text-align: left; letter-spacing:-3px;   }
/*送貨單 */
.p2 { font-size: 22pt;  line-height: 22pt;  color: #000000;  background-color: #FFFFFF;  font-family: 細明體;text-align: center; letter-spacing:-3px;    }

/*抬頭 */
.p4 { font-size: 12pt;   line-height: 12pt;  color: #000000;  background-color: #FFFFFF;  font-family: 細明體;text-align: left;  letter-spacing:0px;   }
.p3 { font-size: 12pt;   line-height: 12pt;  color: #000000;  background-color: #FFFFFF;  font-family: 細明體;text-align: right; letter-spacing:-3px;    }


/*公司網址 */
.p5 { font-size: 14pt;  line-height: 12pt;  color: #000000;  background-color: #FFFFFF;  font-family: 細明體;text-align: left; letter-spacing:-2px; }

/*國字日期 */
.p6 { font-size: 16pt;  line-height: 16pt;  color: #000000;  background-color: #FFFFFF;  font-family: 細明體;text-align: center; letter-spacing:-3px; }

/*表單 */
.p7 { font-size: 14pt;  line-height: 14pt;  color: #000000;  background-color: #FFFFFF;  font-family: 細明體;text-align: center;letter-spacing:-3px;  }
.p8 { font-size: 14pt;  line-height: 14pt;  color: #000000;  background-color: #FFFFFF;  font-family: 細明體;text-align: right; letter-spacing:-3px; }
.p9 { font-size: 14pt;  line-height: 14pt;  color: #000000;  background-color: #FFFFFF;  font-family: 細明體;text-align: left; letter-spacing:-3px; }

/*收貨員資訊 */
.p10 { font-size: 10pt;   line-height: 10pt;  color: #000000;  background-color: #FFFFFF;  font-family: 細明體;text-align: left; letter-spacing:-3px;  }
.p11 { font-size: 10pt;   line-height: 10pt;  color: #000000;  background-color: #FFFFFF;  font-family: 細明體;text-align: center; letter-spacing:-3px;   }
.p12 { font-size: 10pt;   line-height: 10pt;  color: #000000;  background-color: #FFFFFF;  font-family: 細明體;text-align: right;  letter-spacing:-3px;  }





.path { font-size: 9pt;font-family: 細明體;}
.ChkAll {filter : DropShadow(color=#999999, offx=1, offy=1, Positive=1);cursor : hand;height : 11pt;}
.opt {  font-family: "細明體"; font-size: 9pt; color: #333333; background-color: #E9F4FB;border: 1px solid #cccccc;}
.opt2 { font-size:8pt; color:#666666; font-family: Verdana; line-height:1.8; border: 1px solid #cccccc; BACKGROUND-COLOR:#F2FDE8;}
.opt2 { font-size:8pt; color:#666666; font-family: Verdana; line-height:1.8; border: 1px solid #cccccc; BACKGROUND-COLOR:#F2FDE8;}
.opt3 { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 10pt; BORDER-LEFT: #000000 1px solid; COLOR: #666666; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana,細明體; BACKGROUND-COLOR: #E7DFF7}
.allows{ font-family: "細明體";  font-size: 10pt;  text-align: center;   }
.allows2{ font-family: "細明體";  font-size: 10pt;  text-align: left;   }



/*   

ul{
  width:110px;
  margin-bottom:0px;
  overflow:hidden;
  border-top:0px solid #ccc; 
  text-align:left;
  margin: 0 auto;

}
li{
  line-height:1.0em;
  border-bottom:0px solid #ccc;
  float:left;
  text-align:left;
  display:inline;
}


ul#menu, ul#menu ul {
        list-style-type:none;
        margin: 0;
        padding: 0;
        width: 15em;
}
ul#menu a {
        display: block;
        text-decoration: none;
}
ul#menu li {
        margin-top: 1px;
}
ul#menu li a {
        background: #333;
        color: #fff;
        padding: 0.5em;
}
ul#menu li a:hover {
        background: #000;
}
ul#menu li ul li a {
        background: #ccc;
        color: #000;
        padding-left: 20px;
}
ul#menu li ul li a:hover, ul#menu li ul .current a {
        background: #aaa;
        border-left: 5px #000 solid;
        padding-left: 5px;
}
#Lmenu {
        padding: 10px;
        min-height: 200px;
        float: left;
        height: 100%;
}

#iframe {
        padding: 10px;
        min-height: 400px;
        float: left;
}
#hotmv {
        padding: 10px;
        min-height: 400px;
        float: left;
}

.mmuser {
        width: 100%;

}
.menu li a:hover {
        background-color: #666;
        color: #FFF;
}
*/

/*外圍wrapper*/
#wrapper{
	width: 100%;
	height: auto;
	position:relative;
	margin: 0 auto;
	}
	
	
/*wrapper_left*/
#wrapper_left{
	width: 100px;
	height: auto;
	position:absolute;
	margin: 0 auto;
	z-index:10;
	}


/*wrapper_right*/
#wrapper_right{
	width: 86%;
	height: auto;
	position:relative;
	margin: 0 170px auto;
	z-index:20;
	}


/*分頁美化開始  2 */
.page2{
	clear: both;
	margin-top:50px;
	text-align:center;
	padding:2px;font-weight:normal;font-size:12px;}/*分頁整體間距;字體粗體;字體大小*/
.page2 a{
	border: 1px solid #334D98;
	padding: 2px 8px 2px 8px;
	margin: 2px;
	background:#FFF	;	
	text-decoration: none;
	color: #334D98;
	border-radius: 5px;
} /*連結後邊框粗細、線條、顏色;內間距;外間距;字底線;字顏色*/

.page2 span{
	padding: 2px 8px 2px 8px;/*內間距*/
	margin: 2px;/*外間距*/
	color: #fff;/*字顏色*/
	border-radius: 5px;
	border: 1px solid #334D98; /*邊框顏色*/
	background-color: #334D98;/*背景色*/
}


.page2 a:hover { color:#FFF; background:#334D98;}



/*分頁美化開始  3 */
.page3{
	clear: both;
	margin-top:15px;
	text-align:center;
	padding:2px;font-weight:normal;font-size:12px;}/*分頁整體間距;字體一般;字體大小*/
.page3 a{
	border: 1px solid #334D98;
	padding: 2px 8px 2px 8px;
	margin: 2px;
	background:#FFF	;	
	text-decoration: none;
	color: #334D98;
	border-radius: 5px;
} /*連結後邊框粗細、線條、顏色;內間距;外間距;字底線;字顏色*/

.page3 span{
	padding: 2px 8px 2px 8px;/*內間距*/
	margin: 2px;/*外間距*/
	color: #fff;/*字顏色*/
	border-radius: 5px;
	border: 1px solid #334D98; /*邊框顏色*/
	background-color: #334D98;/*背景色*/
}


.page3 a:hover { color:#FFF; background:#334D98;}



/*  方塊 hover 效果 TOP   */

.Block_shadow_1 {
        height:35px; width:90px;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px#888;
        box-shadow: 0 0 5px #888;
        background-color:#FFFFBB; 
        padding: 8px;
}
.Block_shadow_1:hover {
       /* 加粗的陰影外框 */
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        background-color:#5599FF;
}

.Block_shadow_2:hover {
        -moz-box-shadow: 0 0 5px #007799;
        -webkit-box-shadow: 0 0 5px#007799;
        box-shadow: 0 0 5px #007799;
        /* 圓角 */
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /* padding 是為了避開圓角的顯示範圍 */
        padding:6px;
        /* 故意做偏移的效果，當然你不一定要偏移那麼大 */
        margin-left:100px;
}
 
.Block_shadow_3 {
        height:100px; width:200px;
        -moz-box-shadow: inset 0 0 5px 5px #C4C4C4;
        -webkit-box-shadow: inset 0 0 5px 5px#C4C4C4;
        box-shadow: inset 0 0 5px 5px #C4C4C4;
        padding: 5px;
       /* 漸層顏色設定 */
        background: -webkit-linear-gradient(top, rgba(254,254,253,1) 0%,rgba(220,227,196,1) 50%,rgba(174,191,118,1) 100%); /* Chrome10-25,Safari5.1-6 */
}
.Block_shadow_3:hover {
    /* 漸層顏色設定 ，另一種寫法，底下有適合各種 Browser 的程式片段*/
    background: -webkit-linear-gradient(green, white);          /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(green, white);                   /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(green, white);             /* For Firefox 3.6 to 15 */
    background: linear-gradient(green, white);                       /* Standard syntax */
    height:112px; width:212px;
}
/*  方塊 hover 效果 END   */




/* ======================================
	16. 賺錢資訊-最新賺錢資訊 m_money.php
====================================================================================================================================== */
/*FB、LINE分享*/
.social-share-btn-blue{ color:blue; border-color:blue; }
.social-share-btn-blue:hover{ color:#fff; border-color:blue; background:blue; }
.social-share-btn-red{ color:red; border-color:red; }
.social-share-btn-red:hover{ color:#fff; border-color:red; background:red; }
.social-share-btn-green{ color:green; border-color:green; }
.social-share-btn-green:hover{ color:#fff; border-color:green; background:green; }



.social-share-wrap{ margin:30px 0; }
.social-share-item{ 
	position:relative;
	margin-bottom:30px;
	border:1px solid #ccc; 
	background:rgba(255,255,255,0.6);
	padding:15px 200px 15px 20px;
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
}

.social-share-line{ margin:5px 0; }

.social-share-point-line{ border-top:1px solid #ccc; margin:10px 0; padding:5px 0; }
.social-share-point-line.has-bt-info{ border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:5px; }

.social-share-active-line{
	border:1px solid #ccc;
	margin:10px 0;
	padding:5px 10px; 
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
}
.social-share-active-line.mark{ border:1px solid red; }

.social-share-cate , .social-share-title , .social-share-state , 
.social-share-time , .social-share-link , .social-share-point{ display:inline-block; margin-right:15px; }

.social-share-cate{ font-size:16px; font-weight:600; background:#A72023; color:#fff; padding:1px 10px 2px 10px; margin-bottom:10px; }
.social-share-cate .cate-icon{ display:inline-block;  vertical-align:middle;  width:22px; margin-right:10px; }
.social-share-cate .cate-icon img{ display:block; max-width:100%; height:auto; }
.social-share-cate .cate-title{ display:inline-block; vertical-align:middle;  }

.social-share-title{ font-size:16px; }
.social-share-state{ color:#333; font-size:14px; }
.social-share-time{ font-size:14px; color:#666; }
.social-share-link{ font-size:14px; color:#666; }

.social-share-point{ font-size:14px; }

.pointmark{ color:red; }

.social-share-explain{ color:#666; font-size:14px; }
.social-share-explain img{ max-width:100%; height:auto; }

.social-share-gobtn{ 
	position:absolute;
	top:10%;
	right:20px;
	
	width:120px;
	height:80%;
	border:1px solid #ccc;
	background:#ffe400;
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
	
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}

.social-share-gobtn .title{
	display:block;
	color:#A72023;
	font-size:18px;
	font-weight:600;
	/*width:50px;*/
	text-align:center;
}
.social-share-item:hover .social-share-gobtn{ background:#A72023; border:1px solid #ffe400; }
.social-share-item:hover .social-share-gobtn .title{ color:#fff; }

.social-share-gobtn.cancel{ background:#fff; border:1px solid #ccc; }
.social-share-gobtn.cancel .title{ color:#ccc; }
.social-share-item:hover .social-share-gobtn.cancel{ background:#fff; border:1px solid #ccc; cursor:no-drop; }
.social-share-item:hover .social-share-gobtn.cancel .title{ color:#ccc; }







/* ======================================
	17. money_go.php
====================================================================================================================================== */
.money-go-area{ margin:30px 0; padding:0 10px; }
.money-go-heading{ text-align:center; margin-bottom:15px;  }
.money-go-heading .title{ display:inline-block; font-size:16px; color:#CC3300; font-weight:600; }

.money-go-social-box{ 
	max-width:300px; 
	border:1px solid red;
	margin:10px auto;
	padding:15px 15px 30px 15px;
	text-align:center;
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
}
.money-go-social-title{ font-size:22px; font-weight:600; color:red; margin:5px 0 30px 0; }


/*收縮內容*/
.social-share-desc-trigger{
	display:block;
	border:1px solid #ccc; 
	text-align:center;
	padding:6px 15px;
	max-width:300px;
	margin:20px auto;
	list-style:none;
	text-decoration:none;
	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-bborder-radius:5px;
	border-radius:5px;
}
.social-share-desc-trigger .title{ color:#999; font-size:14px; }

.social-share-desc-toggle{ display:none; padding:20px 5px; max-width:1000px; margin:20px auto; border-top:1px solid #ccc; }
.social-share-desc-toggle img{ max-width:100%; height:auto; }
.social-share-desc-toggle.opened{ display:block; }


/* 後台編輯器 */
.editor{
	/*word-break:break-all;
	word-wrap:break-word;*/ /*only英文，以單詞作為換行依據*/
	
	overflow-wrap: break-word;
}
.editor a{
    text-decoration:underline;
}
.editor img{
	max-width:100%;
	height:auto;
}
.editor iframe{
	max-width:100%;
}
.editor ul , .editor ol{
	display:block;
	/*list-style-position:inside;*/ 
	margin:1em 0;
	padding-left:1rem;
}
.editor ul { list-style-type:disc; }
.editor ol { list-style-type:decimal; }

.editor ul ul, .editor ol ul,
.editor ol ol, .editor ul ol{
	list-style-position:inside; 
	margin-left:15px; 
}
.editor ul ul, .editor ol ul{
	list-style-type:circle;
}
.editor ol ol, .editor ul ol{
	list-style-type:lower-latin;
}

.editor li { display:list-item; list-style:inherit; }