body {
	margin -left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(img/01.jpg);
	font-family:Arial;
	font-size:12px;
	color:#000;
}
table,td {
	font-family:Arial;
	font-size:12px;
	color:#000000;
}
form {
	margin:0px;
}
img {
	border:0px;
}
li {
list-style-type:none;
}
.dropsd {
	height:30px;
	width:100%;
	Position:relative;
	filter:dropshadow(color=#000000,offx=1,offy=1);
}

/* Class ID Define */
#LoginTable {
	background:url('img/03_04.jpg') 0px 0px no-repeat;
}
#loginBox {
	margin-left:65px;
	margin-top:5px;
}
#loginBox input {
	font-family:arial;
	font-size:11px;
	padding:3px 0px 0px 2px;
	border:none;
	background:transparent;
	width:100px;
	height:18px;
	margin-bottom:5px;
}
#loginBox .asubmit {
	border:none;
	background:url('img/d_l_1.jpg') 0px 0px no-repeat;
	width:61px;
	height:18px;
}
#loginBox .getpwd {
	border:none;
	background:url('img/d_l_2.jpg') 0px 0px no-repeat;
	width:75px;
	height:18px;
}
#loginBox .logbt {
	margin-left:-35px;
	margin-top:10px;
}
#cList {
	float:right;

}
#cList ul {
	margin:0px 0px 15px 0px;
	border:1px solid #dfdfdf;
}
#cList li {
	list-style-type:none;
	line-height:130%;
	padding:5px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #5a5a5a;
	text-align:left;
	color:#000000;
}
.dpsd {
	width:100%;
	Position:relative;
	filter:dropshadow(color=#ccddff,offx=1,offy=1);
}
/*Product Style*/

#PhotoListWrapper {
	width:100%;
	table-layout:fixed;
	break-word:break-all;
	padding:10px 10px 10px 15px;
	text-align:left;
	background:url('img/z_b_n_s_4.jpg') top center repeat-y;
}
#PhotoListWrapper .PhotoList {
	float:left;
	width:280px;
	text-align:center;
	padding:5px;
	margin:10px;
	border:1px solid #dfdfdf;
}
#PhotoListWrapper .PhotoListPhoto {
	min-height:180px;
	max-height:345px;
	vertical-align:middle;
}

#PhotoListWrapper .PhotoListTitle {
	border:1px solid #efefef;
	padding:5px;
	text-align:center;
	position:bottom;
}


#ProductListWrapper {
	table-layout:fixed;
	break-word:break-all;
	height:300px;
	padding:20px;
	margin:0px 10px 0px 10px;
	text-align:left;
	background:url('img/z_b_n_s_4.jpg') top center repeat-y;
}
#ProductListWrapper .ProductList {
	float:left;
	width:165px;
	height:160px;
	text-align:center;
	padding:5px;
	margin:11px;
	border:1px solid #dfdfdf;
}

#ProductListWrapper .ProductListPhoto {
	border:1px solid #efefef;
}
#ProductListWrapper .ProductListTitle{
	margin-top:5px;
	padding:5px;
	border:1px solid #efefef;
}
#ProductListBottom {
	background:url('img/z_b_n_s_3.jpg') top center no-repeat;
	height:10px;
	width:624px;
}

#PhotoBG {
	width:560px;
	height:320px;
	padding:5px;
	text-align:center;
	background:url('img/c_p_j_s_2.jpg') center top no-repeat;
}
#PhotoBG img {
	width:300px;
	margin-top:40px;
}
.ProductIndex {
	cursor:hand;
	width:150px !important;
	padding:5px !important;
	border:1px solid #efefef;
	float:left !important;
	margin:10px 8px 0px 0px;
	text-align:center;
}
.ProductIndex span {
	cursor:hand;
	width:140px;
	padding:5px 0px 5px 0px;
	text-align:center;
	background:url('img/line.jpg') bottom center no-repeat;
}
.imgbder{
	width:100%;
	height:100px;
	border:1px solid #efefef;
}
#Lists {
	padding:5px;
	text-align:center;
}
#Lists ul {
	list-style-type: none;
	margin:0px 0px 20px 0px;
}
#Lists li {
	width:400px;
	padding:5px 0px 3px 0px;
	border-bottom:1px dotted #cfcfcf;
	text-align:left;
	list-style-type: none;
}




#ArticleList {
	table-layout:fixed;
	break-word:break-all;
	height:300px;
	padding:20px;
	margin:0px 10px 0px 10px;
	text-align:left;
	background:url('img/z_b_n_s_4.jpg') top center repeat-y;
}
#ArticleList .sArticleList{
	padding:5px;
	font-size:12px;
	
	margin:0px;
}
#ArticleList .sArticleTitle{
	width:60%;
}
#ArticleList .sArticleDate{
	width:20%;
}
#ArticleList .sArticleViewed {
	width:15%;
}
#ArticleList img {
	position:relative;
	vertical-align:middle;
	margin-bottom:5px;
	margin-right:10px;
	border:none;
}
#ArticleList .BottomLine-01{
	Background:url('img/x_w_04.jpg') bottom left;
	height:1px;	
}
#PositionDetail {
	text-align:left;
	Background:#cfcfcf;
	margin:10px 0px 10px 0px;
}
#PositionDetail input{
	border:1px solid #dedede;
}
#PositionDetail th{
	Background:#efefef;
}
#PositionDetail td {
	Background:#ffffff;
}
#OrderDetail {
	text-align:left;
	Background:#cfcfcf;
	margin:10px 0px 10px 0px;
}
#OrderDetail th{
	Background:#efefef;
}
#OrderDetail td {
	Background:#ffffff;
}
#OrderDetail .SepBar{
	background:#5C743D
}
#OrderDetail .title{
	background:#7e965f;
	color:#ffffff;
}
#OrderDetail input{
	border:1px solid #ededed;
}
/* ClassTitle & ClassList */
#ClassTitle {
	width:100%;
	Position:relative;
	filter:dropshadow(color=#000000,offx=1,offy=1);
	font-size:14px;
	color:#ffffff;
	letter-spacing:3px;
	padding-bottom:30px;
	padding-left:50px;
	font-weight:bold;
	margin:0px;
}
#ClassTitleBG {
	background-position:0px 1px;
	background-repeat:no-repeat;
}
#ClassButtonList {
	background-position: 0px 0px;
	background-repeat:no-repeat;
	padding-top:50px;
}
#ClassButtonList .ClassListBG {
	background-position:left top;
	background-repeat:no-repeat;
 }
#ClassButtonList .ClassList {
	height:32px;
	padding:5px 0px 0px 33px;
	text-align:left;

}




#editProfileForm {
	width:60%;
	text-align:left;
}
#editProfileForm  input{
	border-left:1px solid #ababab;
	border-bottom:1px solid #ababab;
	border-right:1px solid #ffffff;
	border-top:1px solid #ffffff;
	padding:2px 0px 0px 0px;
	height:20px;
	width:120px;
	margin-bottom:5px;
}
#UploadBox {
	width:100%;
	height:100px;
	vertical-align:middle;
	text-align:left;
	font-family:arial;
	font-size:11px;
	margin:20px;
}
.FileList {
	padding:5px;
	border-bottom:1px dotted #dfdfdf;
	width:100%;
	text-align:left;
}
.FileListTitle {
	width:100%;
	text-align:left;
	background:#efefef;
}
.ReportTitle_0 {
	width:280px;
	font-weight:bold;
	padding:5px;
}
.ReportTitle {
	width:280px;
	table-layout:fixed;
	word-break:break-all;
}
.Reporter{
	width:100px;
	table-layout:fixed;
	word-break:break-all;
}
.Reporter_0{
	width:100px;
	font-weight:bold;
	padding:5px;
}
.ReportDate {
	width:100px;
	table-layout:fixed;
	word-break:break-all;
}
.ReportDate_0 {
	width:100px;
	font-weight:bold;
	padding:5px;
}
.lableTitle {
	padding:5px;
	font-weight:bold;
	font-family:arial;
	text-align:right;
	width:120px;
}

.pageHtml {
	clear:both;
	Width:100%;
	margin:10px;
	font-weight:bold;
	text-align:left;
}
.ArticleTitle {
	height:41px;
	margin:10px 0px 0px 0px;
	padding:13px 0px 0px 20px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #f90;
}
#ControlWrapper{
	margin-top:20px;
	text-align:center;
	vertical-align:top;
}
.ArticleContent {
	height:360px;
	margin:10px 50px 10px 50px;
	padding:10px;
	font-size:12px;
	line-height:160%;
	text-align:left;
	vertical-align:top;
}
.z1 {	font-size: 12px;
	line-height: 20px;
	color: #000000;
	text-decoration: none;
}
.zi_1 {
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	text-decoration: none;
}

.zi_2 {
	font-size: 12px;
	line-height: 120%;
	color: #444444;
	text-decoration: none;
}
.zi_04 {
	font-size: 12px;
	line-height: 190%;
	color: #000000;
	text-decoration: none;
}
a, a:visited{
	font-size:12px;
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#f90;
	text-decoration:underline;
}
.zi_t {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}


#SiteMap {
	margin:0px 10px 0px 10px;
}
#SiteMap li {
		font-size:13px;
		background:#efefef;
		font-weight:bold;
		padding:5px;
		border:1px solid #dfdfdf;
		margin:7px;
}
#SiteMap dd {
		font-size:12px;
		font-weight:normal;
		background:#ffffff;
		margin:0px;
}
	
#SiteMap a,#SiteMap a:visited {
		text-decoration:none;
		color:#000;
		display:block;
		padding:5px; 
		border:1px solid #ffffff;
}
	
#SiteMap a:hover {
		border:1px solid #dfdfdf;
		background:#efefef;
}

/*------ English Template CSS-----------*/
.input_en {
	font-family:verdana;
	font-size:12px;
	height:20px;
	color:#adadad;
	border:1px solid #dedede;
}
.en_us {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 18px;
}
.en {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	border-bottom:1px dotted #adadad;
	padding:3px;
}
.en_02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.en_d {
	font-size: 10px;
	line-height: 14px;
	color: #666666;
	text-decoration: none;
}

#ArticleList_en {
	table-layout:fixed;
	break-word:break-all;
	height:300px;
	margin:0px;
	text-align:left;
}
#ArticleList_en .sArticleList{
	padding:5px;
	line-height:150%;
	font-size:12px;
}
#ArticleList_en .sArticleTitle{
	width:60%;
}
#ArticleList_en .sArticleDate{
	width:20%;
}
#ArticleList_en .sArticleViewed {
	width:15%;
}
#ArticleList_en img {
	position:relative;
	vertical-align:middle;
	margin-bottom:5px;
	margin-right:10px;
	border:none;
}
#ArticleList_en .BottomLine-01{
	height:1px;	
}
.ArticleTitle_en {
	height:41px;
	padding:13px 0px 0px 20px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}
.aWhite a:link,.aWhite a:visited {
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
}
.aWhite a:hover{
	text-decoration:underline;
}
/*Product Style*/
#ProductListWrapper_en {
	table-layout:fixed;
	break-word:break-all;
	padding:0px;
	margin:0px;
	text-align:left;
}
#ProductListWrapper_en .ProductList {
	float:left;
	width:140px;
	text-align:center;
	margin:5px;
	border:1px solid #dfdfdf;
	height:148px;
}
#ProductListWrapper_en .ProductListPhoto {
	background:url('img/en_21.jpg') top center no-repeat;
	height:98px;
}
#ProductListWrapper_en .ProductListPhoto img{
	margin-top:5px;
}
#ProductListWrapper_en .ProductListTitle {
	border:1px solid #efefef;
}
#ProductListWrapper_en .ProductListTitle a:link,#ProductListWrapper_en .ProductListTitle a:visited{
	padding:5px;
	text-decoration:none;
	display:block;
	height:40px;
}
#ProductListWrapper_en .ProductListTitle a:hover{
	padding:5px;
	display:block;
	background:#efefef;
	color:#000000;
}

/* Photo Border for All Pages Except the Albums Page */

.photo-frame .topx-- {
	background-image: url(img/frame-topx--.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-image: url(img/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-image: url(img/frame-top--x.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-image: url(img/frame-midx--.gif);
	background-repeat: repeat-y;
	background-position: top right;
	width: 4px;
	height: auto;
}
.photo-frame .mid--x {
	background-image: url(img/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}

.photo-frame .botx-- {
	background-image: url(img/frame-botx--.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-image: url(img/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(img/frame-bot--x.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}
#copyright {
	font-family:arial,verdana;
	font-size:9px;
	color:#3a3a3a;
}
#copyright a {
	font-size:9px;
	text-decoration:none;
}
#copyright a:hover {
	font-size:9px;
	text-decoration:underline;
}
/*-------------------------*/
.AnnounceList {
	width:100%;
	table-layout:fixed;
	word-break:break-all;
	font-family:arial black;
	vertical-align:top;
	margin-top:5px;
	margin-bottom:5px;
}