@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lato:300|Open+Sans+Condensed);
body{
	margin:0;
	padding:0; 
	font-family: 'Open Sans Condensed', 'Lato', sans-serif;
	font-size:12px;
	color:#333;
	-webkit-text-size-adjust:none;
	background:#333;
	line-height:18px;
	letter-spacing:1px;
	overflow:hidden;
}
*{ outline:0; border:0;}
h1, h2, h3, h4, h5,.text3-3 div span{ margin:0 0 10px 0; padding:0; font-family: 'Lato', sans-serif, "微軟正黑體", "黑體";}
h1{ font-size:25px; line-height:125%;}
h2{ font-size:20px; line-height:125%;}
h3{ font-size:16px; line-height:125%;}
ul,ol,li{ margin:0; padding:0;}
li{ margin-left:20px;}
a{ text-decoration:none; color:#3399CC;}
a:hover{ color:#999;}

#warp-body,#warp{width:100%; height:100%;}
#warp{overflow:auto;}

#warp{ position:absolute; z-index:10;}
#warp-bg{overflow:hidden;}
#warp-bg img{ position:fixed;}

#header,#header-bg{ margin-top:10px; padding:5px; height:60px; position:fixed; width:100%;}
#header{z-index:50;}
#header-bg{ background:#fff; z-index:40;}
#header .logo{ position:relative; float:left; margin-right:60px;}
#header #menu a{ padding:0 5px; color:#000;}
#header #menu a:hover{ color:#3399CC;}
#header #menu a.on{ color:#CC0000; font-weight:bold;}
#header #menu ul{ float:left;}
#header #menu li{ list-style:none; line-height:12px; font-size:10px;}
#header #menu li ul, #header #menu li ol{ position:absolute; margin-left:80px; display:none;}
#header #menu li ol{margin-top:-36px;}
#header #menu li ul,#header #menu ul li.level2:first-child ol{margin-top:-12px;}
#header #menu a.highlight{ color:#CC0000;}
.view{position:fixed; z-index:50; bottom:5px; right:5px; color:#fff; width:100%; text-align:right;}

#content{ margin:80px 0 10px 0; display:inline-block; padding-right:10px; width:1050px}
#content h1{ color:#fff;}
#content #sideArea{width:450px;}
#content #sideArea,
#content #sideMenu,
#content #contentArea{ float:left; padding:10px; margin:10px 0 0 10px; box-shadow:0 0 5px #666; background:#efefef;}
#content #contentArea{ display:none;}
#content #sideArea{ margin:10px 0 0 10px;}
#content #sideMenu{ float:left; margin-left:0;}
.toBg{width:275px; padding:0 10px;}.toContent{width:275px; padding:0;}
#content #sideMenu div{ float:left; margin:0 0 5px 5px; padding:0;}
.toBg div{margin:0 0 2px 2px!important;}
#content #sideMenu div img{ border:1px solid #ccc; cursor:pointer;}
#content #sideMenu div:hover img,#content #sideMenu div.on img{border:1px solid #33CCCC;}
#content #sideMenu div span{
	background:#000; 
	border:1px solid #33CCCC;
	color:#fff; 
	position:absolute; 
	z-index:5;  
	padding:2px; 
	display:none;
	border-left:0;
}
.toBg div span{margin:0 0 0 85px;}.toContent div span{margin:0 0 0 128px;}
#content #sideMenu div span a{ display:block;}

.prices td{ background:#ddd;}
.Btn{ float:right; margin:0 0 0 10px; border-radius: 15px; background:#000; color:#fff; padding:5px 10px;}
.Btn:hover{ background:#3399CC;}
#scroll{
	position:absolute; 
	z-index:50;
	width:30px;	height:60px;
	background:url(../images/scroll.png) no-repeat 50% 50%;
	margin:0 0 0 -15px;
	left:50%; top:-300px;
}
/* for mobile*/
#btn-on{
	position:absolute; 
	z-index:50; 
	border-radius:50px; 
	width:100px; height:100px;
	margin-left:-50px;
	bottom:30px; 
	left:50%; 
	overflow:hidden; 
	border:2px solid #ccc;
}
#btn-on div{ width:200px;}
#btn-on div span{background:#3399CC; width:100px; height:100px; float:left; margin:0; border-radius:50px;}
#btn-on div span:first-child{background:#000;}