@charset "utf-8";
/* CSS Document */

@import url("reset.css");

@font-face {
	font-family: "Franklin Gothic Medium";
	src: url(ufonts-1.com_franklin-gothic-condensed.ttf);
	font-family: "Eras Medium ITC";
	src: url(ufonts.com_erasitc-medium.ttf);		
	}
body {
	margin:0 auto;
	padding:0;
	font-family: "Eras Medium ITC", Times New Roman;
	}
h1 {
	font-family: "Franklin Gothic Medium";
	font-size: 30px;
	color: #F7941E;
	left: 15px;
	top: -25px;
	position:relative;
	}
h2 {	
	}	
h3 {
	}
h4 {	
	}
hr {
  border: none;
  background-color: #B4CBDF;
  color: #B4CBDF;
  height: 1px;
}
		
#wrap {
	margin:0 auto;
	width:1139px;
	height:750px;
	overflow:hidden;
	padding:0;
	}
#top {
	background-image: url(../img/basic/bg_top.png);
	width: 1139px;
	height: 38px;	
}
#header {
	background-image: url(../img/basic/bg_content.png);
	width: 1139px;
	height: 135px;
}
#logo {
	position: relative;
	width: 177px;
	height: 114px;
	left: 40px;
	top: 5px;
}
#sidebar {
	position: relative;
	float: left;
	width: 800px;
	top: 10px
}

#link {
	position: relative;
	float: left;
	width: 800px;
	left: 5px;
	top: 50px;
}
#link ul li {
	list-style-type: none;
	margin: auto;	
	float: left;
	height: 135px;
	width: 185px;
}
#link ul li a {
	display: block;	
	text-align:center;
	vertical-align: middle;	
	text-decoration: none;
	color: #371C1C;
}
/*
#logon{
	position:relative;
	float:right;
	width:400px;
	left: 380px;
	top: -15px;
}
*/
#menu {
	position:relative;	
	float: right;
	width: 400px;
	right: 20px;
	top: -35px;
	font-family: "Franklin Gothic Demi", Times New Roman;
}
#menu ul li {
	width:100px;
	list-style-type: none;
	margin: auto;	
	float: left;
	text-align:center;
}
#menu ul li a {
	display: block;
	line-height: 30px;
	text-decoration: none;
	font-size: 22px;
	color: #939598;
}
#menu ul li a:link {
	color: #939598;
	text-decoration:none;
}
#menu ul li a:visited {
	color: #939598;
	text-decoration:none;
}
#menu ul li a:hover {
 /* 文字為顏色 */
	color: #F7941E;
 /* 文字沒有裝飾（底線） */
	text-decoration:none;
 /* 背景為橙紅色 */
 /* background-color:#FF6600; */
 /* background-image: url(../img/Icon/menu_bubble_orange.png); */
}
#menu ul li a:active {
	color: #939598;
	text-decoration:none;
}
#main {
	background-image: url(../img/basic/bg_content.png);
	position:relative;
	float: left;
	width:1139px;
	height:450px;
	left: 0px;
	top: -450px;	
	padding: 25px 25px 25px 25px;
	overflow:hidden;
}
#content {
	position:relative;
	width:1139px;
	height:450px;
	left: 0px;
	float: left;
}
#ads1 {
	background-image: url(../img/banner/advertising.png);
	position:relative;
	float: right;
	width:276px;
	height:620px;
	left: -40px;
	top: 46px;
	z-index: 3;
}
#ads2 {
	background-image: url(../img/advertising.png);
	position:relative;
	width:760px;
	height:100px;
	left: -5px;
	bottom: 30px;
	float: left;
}
#footer{
	background-image: url(../img/basic/bg_footer.png);
	position:relative;
	left: 0px;
	bottom: 450px;
	float: left;
	width: 1139px;
	height: 70px;
}
#menu2 {
	position:relative;	
	float: left;
	width:300px;
	left: 20px;
	bottom: 492px;
	font-family: "Franklin Gothic Demi", Times New Roman;
}
#menu2 ul li {
	width:100px;
	list-style-type: none;
	margin: auto;
	float: left;
	text-align:center;
}
#menu2 ul li a {
	display: block;
	line-height: 30px;
	text-decoration: none;
	font-size: 18px;
	color: #371C1C;
}
#menu2 ul li a:link {
	color:#FFF;
	text-decoration:none;
}
#menu2 ul li a:visited {
	color:#FFF;
	text-decoration:none;
}
#menu2 ul li a:hover {
	/* 文字為白色 */
	color: #F7941E;
	/* 文字沒有裝飾（底線） */
 /* text-decoration:none; */
 /* background-image: url(../img/Icon/menu_bubble_orange.png); */	
}
#menu2 ul li a:active {
	color:#FFF;
	text-decoration:none;
}
#previewWebcam a{
	position:relative;
	float: left;
	top: 65px;
	left: 300px;
	width: 60px;
	text-decoration:none;
	color:#f30;	
}
#previewWebcam p{
	clear:both;
	margin:0;
	padding:.5em 0;
}
#previewWebcam pre{
	display:block;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}
#previewWebcam img {
	border:none;
	}
#previewWebcam ul,li{
	margin:0;
	padding:0;
}
#previewWebcam li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
}
#previewUpload a{
	position:relative;
	float: left;
	top: 305px;
	left: -120px;
	width: 60px;
	text-decoration:none;
	color:#f30;	
}
#previewUpload p{
	clear:both;
	margin:0;
	padding:.5em 0;
}
#previewUpload pre{
	display:block;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}
#previewUpload img {
	border:none;
	}
#previewUpload ul,li{
	margin:0;
	padding:0;
}
#previewUpload li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
}
/*  */
#screenshot{
	position:absolute;
	border:0px;
	padding:5px;
	display:none;
	z-index: 10;
	}

/*  */
.yellow {
	color: #FFD008;
	font-weight:bolder;
}
.red {
	color: #ED1C24;
	font-weight:bolder;
}
.black {
	color: #000000;
	font-weight:bolder;
}
.green {
	color: #7FC241;
	font-weight:bolder;
}
.grey {
	color: #939598;
	font-weight:bolder;	
}
.contentLeft {
	position:relative;
	float:left;
	left: 15px;
	top: -25px;
	width:25%;
}
.content750px {
	position:relative;
	float:left;
	width:750px;
	top: -25px;
	left: 15px;
}
.lineHeight{
	line-height: 25px;
}
.hLine1 {
	position:relative;
	float:right;
	height: 1px;
	width: 500px;
	top: -40px;
	right: 20px;
	background-color:#666;
}	
.hLine2 {
	position:relative;
	float:right;
	height: 1px;
	width:740px;
	top: -30px;
	right: 20px;
	background-color:#666;
}
.center {
	text-align: center;
}