body{
	font-family:Arial, Helvetica, sans-serif, Microsoft JhengHei,微軟正黑體, Aparajita;
	background-color:#FFF;
	}

.background{
	width:100%;
	overflow:hidden;
	
	position:absolute;
	}
#top-bar{
	position:fixed;
	top:0px;
	}

/*-----head-----*/
nav {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 30px;
	}
.nav ul{
	margin: 0;
	padding: 0;
	}
.nav li{
	position: relative;
	color:#FFF;
	list-style:none;
	background:#73aec0;
	padding:2%;
	}
.nav li a {
	display:block;        
	padding:3%;
	color:#FFF;
	text-decoration:none;
	}

.nav li:hover {
	background:#5094a9;
	}
.nav li ul {
	/*background-color:rgba(231, 124, 64, 1);*/
	display: none;
	position: absolute;
	top: 100%;
	}
.nav li:hover ul {
	display: block;
	right: 0;
	left: 0;
	top: 100%;
	}
a.toggle { 
	display: none;
	}
.arrow-bottom {
	position: absolute;
	top: 25px;
	right: 13px;
	margin-left: 5px;
	border-top: 4px solid #FFF;
	border-right: 4px solid transparent;    
	border-left: 4px solid transparent;        
	width: 1px;
	height: 1px;
	}
.nav{
	display:none;
	}
a.toggle{
	display:inline-block;
	background-color:#73aec0;
	margin-top:3%;
	margin-right:3%;
	padding:2%;
	font-size:1em;
	color:#FFF;
	text-align:center;
	cursor:pointer;
	}
.nav li{
	float: none;
	}
.nav li a{
	padding: 10px 15px;
	}
.nav li:hover ul {
	position: relative;
	display: block;
	background: transparent;
	}
.nav li:hover ul li{
	background: transparent;
	}
.nav li:hover ul li a{
	padding-left: 30px;
	}
.arrow-bottom {
	top: 20px;
	}     



header{
	width:100%;
	overflow:hidden;
	padding:3% 0;
	box-shadow:0px 1px 5px #ccc;
/*	position:relative;*/
	background-color:#FFF;
	z-index:99999;
	}
header .head_box{
	width:95%;
	margin:0 auto;
	position:relative;
	}
header .head_desk{
	display:none;
	}
header .head_moblie{
	width:100%;
	overflow:hidden;
	}
header .head_moblie a{
	float:left;
	}
header .head_moblie a.menu{
	display:block;
	width:10%;
	height:auto;
	margin-right:3%;
	padding-top:4%;
	}
header .head_moblie a.logo{
	display:block;
	width:45%;
	height:auto;
	text-align:right;
	}

/*-----links-----*/
.links{
	width:32%;
	overflow:hidden;
	
	position:absolute;
	top:0;
	right:0;
	}
.links a{
	float:left;
	margin:12% 3% 0;
	}
.links a.fb{
	display:block;
	width:26px;
	height:26px;
	background-image:url(../images/links_icon.png);
	background-position:left top;
	}
.links a.fb:hover{
	background-position:left bottom;
	}
.links a.g{
	display:block;
	width:26px;
	height:26px;
	background-image:url(../images/links_icon.png);
	background-position:right top;
	}
.links a.g:hover{
	background-position:right bottom;
	}
.links a.language{
	display:block;
	width:24px;
	height:24px;
	border-radius:13px;
	border:1px #6e6e6e solid;
	
	font-size:0.8em;
	font-weight:bold;
	color:#6e6e6e;
	text-decoration:none;
	text-align:center;
	line-height:24px;
	}
.links a.language:hover{
	color:#6ba0af;
	border:1px #6ba0af solid;
	}


/*-----article-----*/
article{
	width:100%;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:25%;
	}

/*-----footer-----*/
footer{
	width:100%;
	padding:5% 0 5%;
	background-image:url(../images/footer_bg.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	background-size:auto 100%;
	
	position:absolute;
	bottom:0;
	font-family:Times New Roman;
	font-size:0.8em;
	color:#FFF;
	text-align:center;
	}
.hide{
	display:none;
	}
footer .footer-box img{
	display:none;
	}
/*footer .footer-box{
	width:100%;
	padding:5% 0 5%;
	background-image:url(../images/footer_bg.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	background-size:auto 100%;
	
	position:absolute;
	bottom:0;
	font-family:Times New Roman;
	font-size:0.8em;
	color:#FFF;
	text-align:center;
	}*/

/*------gotop------*/
#goTop{
	display:none;
	}