@charset "utf-8";
/* CSS Document */
body, html {
	width:100%;
	height:100%;
	background:#fff;	
}
body {
	font-family:"微軟正黑體", "新細明體", "ARial Unicode MS";
	color:#fff;	
	-webkit-text-size-adjust:none;
}
#main {
	position:relative;
	width:1280px;
	height:720px;
	margin:0 auto;
	overflow:hidden;
}
img {
	border:none;	
}
header,footer {
	position:absolute;
	z-index:10;	
	left:0px;
	width:100%;	
	background:#000;
	text-align:center;	
	z-index:12;	
}
header {
	top:0px;	
	height:51px;
	color:#fff;	
	font-weight:bold;	
	text-align:right;	
	background:#313131;
}
header a:link, header a:visited, header a:hover, header a:active, #idxMbtn a:link, #idxMbtn a:visited, #idxMbtn a:hover{
	color:#fff;
	text-decoration:none;	
}
header .eng, #idxMbtn .eng {
	color:#a0a0a0;	
	font-size:14px;
	margin-left:5px;
}
header a:hover, #idxMbtn a:hover, #idxMbtn li:hover, .menuItem.active>a:link, .menuItem.active span {
	color:#f00 !important;	
}
header>ul {
	position:relative;	
	margin:0 auto;
	display:inline-table;	
	line-height: 49px;	
}
#homeTxt {
	position: absolute;
  	left: 19px;
  	top: 13px;	
	width:9.61%;
	min-width: 50px;
	z-index:1;
}
.menuItem {
	display:inline-block;	
	cursor:pointer;	
	height:100%;
	font-size:18px;
	font-weight: normal;
	position:relative;
	width:90px;
	text-align: center;
	margin:0 0 0 5px;
}

.menuItem .dropmenu {
	position:absolute;
	left:0px;
	text-align:center;
	top: 100%;
	width: 100%;
	background:#313131;
	font-size:15px;
	display:none;	
}
.dropmenu li {
	line-height:30px;
	border-top:1px solid #a21111;	
}
.dropmenu::before {
	content:'';	
	border-bottom: 5px solid #f00;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	display: inline-block;
	position: absolute;
	z-index: 9;
	top: -5px;
	left: 39px;
}
footer {
	bottom:0px;
	height:34px;	
	font-size:18px;
	line-height:34px;
	padding:5px 25px;		
	width:1230px;
	color:#c9c9c9;
	text-align:left;
	letter-spacing: 1px;	
}
#fsubArea {	
	/*float:right;*/
	margin-left: 10px;	
}
footer .mapBtn {
	margin:0 5px;
	display: inline-block;	
	cursor:pointer;		
	padding: 2px 10px;
  	height: 20px;
  	line-height: 20px;
	border:1px solid #c8161d;
}
footer a:link, footer a:visited, footer a:hover {
	font-size:18px;
	text-decoration:none;	
	color:#c9c9c9;
}
footer .emphasize {
	font-size:18px;	
}
footer .bTel, footer .bAddress {
	/*float:left;	*/
}
.bTel a:link, .bTel a:visited, .bTel a:hover, #fsubArea+span {
	font-size:16px;	
}
.bTel a:hover {
	color:#fff;	
}
.bTel > a:link, .bTel > a:visited, .bTel > a:hover {
	font-size:24px;
	color:#c8161d;	
}
.bTel > a:hover {
	text-decoration:underline;	
} 
#mapArea {
	width:294px;
	height:295px;
	position:absolute;
	top:391px;
	right:18px; 	
	z-index:15;	
	display:none;
}
#mapArea #mapContent {
	position:absolute;
	top:0px;
	left:0px;	
}
#mapArea #closeBtn {
	position:absolute;
	cursor:pointer;	
	top:0px;
	right:0px;
	background:url(../images/btnBg.png) repeat;
	/*width:12.59%;*/
	width:37px;
}
#myLoading {
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:99;
	background:#fff;
	text-align:center;	
}
#myLoading img {
	margin-top:1%;
	width:6.82%;	
}
#skipBtn {	
	position:absolute;
	z-index:13;	
	bottom:67px;
	right:55px;	
	cursor:pointer;
}
.content {
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1;	
}
#idxMbtn {
	display:none;	
	line-height:normal;
	/*text-align:center;*/
	font-size:14px;
	/*background:#C0C0C0;*/
	background: #313131;	
}
/*#idxMbtn a:link, #idxMbtn a:visited, #idxMbtn a:hover {
	color:#313131;
	text-decoration:none;	
}*/
/*#idxMbtn span.eng {
	color:#4c7e48;
	margin-left:15px;	
}*/
#idxMbtn div {
	position:relative;
	width:100px;
	margin:0 auto;	
}
#idxMbtn li {
	border-top:1px dotted #fff;	
}
/*#idxMbtn a:hover {
	color:#fff;	
}*/
.txtArea {
	position:absolute;
	color:#000;
	line-height:26px;
	z-index:10;
	font-size:14px;	
}
.txtArea h4 {
	font-size:24px;
	color:#005e15;
	margin-bottom:20px;	
}
.mView {
	display:none;	
}
#progress {
	color:#313131;
	text-align:center;
	font-size:72px;
	margin-top:10%;	
}
#mBtn {
	display:none;
	position:absolute;
	top:0px;
	width:28px;
	right:15px;
	cursor:pointer;	
}
.mInline {
	display:block;	
}