@import url('reset.css');
/* General Demo Style */
body{
	/*
    background:#f9f9f9 url(../images/white_texture.jpg) repeat top left; */
	
	
	background:#f9f9f9 url(../images/background.jpg) center center fixed no-repeat; ; margin: 0 auto ;    
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size:cover;
	font-family:"微軟正黑體", "新細明體", 'Oswald', Arial, sans-serif;  
	font-size: 13px;
	height:100%;
}

/*---------------------------------------------------------------*/

@media only screen and (min-width: 1280px) and (max-width: 1920px){

#wrapper_top {
min-height:100%;
position:relative;
text-align:center;
height:100%;
}


#content {
	padding-bottom:100px;/* Height of the footer element */
	text-align: center ;
	margin: 0 auto ;
    width: 100%;
    height:100%;
}

.clr{
	clear: both;
}
.main{ 
	position:relative;
	width:1024px;
	height:auto ;
    margin: 0 auto;
	text-align: center ;
	padding: 10px ;
}

.main img{ 

    　float: right ; /*
	  border: solid 5px #000000 ; */
}


h1{
	margin:0px;
	padding:5px 20px 10px 20px;
	font-size:34px;
	color:#333;
    text-shadow:1px 1px 1px #fff;
	text-align:left;
	font-weight:400;
    text-align:center;
}
h1 span{
    display:block;
	font-size: 14px;
    font-family: Georgia, serif;
    font-style: italic;
	color:#b2891b;
	padding-top:10px;border: 
}
/* Header Style ------------------------------------------------------------------------------------------------*/
.header{ 
	font-family:'Arial Narrow', Arial, sans-serif ;
	line-height: 25px;
	font-size: 11px;
	color: #fed20f ;
	background: #004882;
	opacity: 0.9;
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
	border-bottom:solid 2px #fdd806 ;
	position: fixed;
	top: 0;
	width: 100% ;	
}
	
.header span a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #fed20f ;
	display: block;
	float: left;
	text-decoration:none ;
}
.header a:hover {
	color: #fff;
	text-decoration:none ;
}

.header span.right{
	float: right;
}
.header span.right a{
	float: none;
	display: inline;
}

/*------------------------------------------------nav*/
	
.navlist{
  font-size:11px;
  color: #fff ;
  height:11px;
}

.navlist a{
  color: #fed20f ;
  text-decoration:none;
}
.navlist a:visited {
  color:#fed20f;
  text-decoration:none;
} 
	
.navlist:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.navlist>li, .level_2>li{
 display:inline-block; 
 float:right;
 width:180px;
 background:#004882;
 text-align:center;
 position:relative;
 color:#fff ;
	
	
}

.level_2{
 position:absolute;
 top:-1000px;
 left:-40px;
 height:20px;
	
}

.navlist>li:hover .level_2{
 top:20px;
}

.navlist>li:hover, .level_2>li:hover{
 color:#fff;
}
/*---------------------------------------------------*/
	

.more{
	position:relative;
	clear:both;
	font-family:'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding:  5px 0px 10px; 
	text-align: center;
	width:1024px;
    margin: 0 auto;
}
.more_bottom{
	position:relative;
	clear:both;
	font-family:'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding:  5px 0px  ; 
	text-align: center;
	width:1024px;
    margin: 0 auto;
	height: auto ;
	
}
.more_bottom img{
border:0 ;
margin:0 auto ;

}



.more_bottom ul{
	display:block;
	text-align:center;
    height: 80px;
	display: inline-block;
	
}
.more_bottom ul li{
	display: inline-block;
	text-align:center;
    padding: 4px 2px;

	
}
.more_bottom ul li.selected a,
.more_bottom ul li.selected a:hover{
/*
	background:#1e5c8d;  */
	
	text-shadow:none;
}
.more_bottom ul li a{
	color:#555;
    display: inline-block;
    width:152px;
	height:80px ;
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}

.footer {
	font-family:'Arial Narrow', Arial, sans-serif;
	text-align:center;
	color: #fff;
	font-size: 12px;
	background: #004882;
	opacity: 0.9;
	z-index: 9999;
	position: relative;
	position: fixed;
	bottom: 0;
	width:100%;
　  margin-top: -45px;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000; 
	
}

.footer span { 
	vertical-align: bottom ;
	display: inline-block;
	padding: 1px 0px ;  /*
	border: #D41316 solid 3px ;  */
	
}

.footer_bottom {
 
	color: #ffffff ;
	letter-spacing:1px;
	vertical-align: middle;
	padding-right: 5px ;
	margin-bottom:-3px; /*
	border:  #F42529 solid 5px ; */
	
}
.footer_big {
	font-size: 21px;
	font-weight:bold;
	letter-spacing:2px;
	margin-bottom:-4px;	
	}


.footer img{
margin-bottom:0px;
	width: 74px ;
	height: 30px ;
	

}

/*       -------------------------------------------------滿版廣告輪播         */
.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.item>a{
    display: block;
    height: 100%;
}

/*       -------------------------------------------------滿版廣告輪播         */

.coverflow{ max-width:700px ; margin: 0 auto ;}
	
}

/*----------------------------------------------------------------------------*/
@media only screen and (min-width: 521px) and (max-width: 1280px){
	
.header{ 
	font-family:'Arial Narrow', Arial, sans-serif ;
	line-height: 25px;
	font-size: 11px;
	color: #fed20f ;
	background: #004882;
	opacity: 0.9;
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
	border-bottom:solid 2px #fdd806 ;
	position: fixed;
	top: 0;
	width: 100% ;	
}
	
.header span a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #fed20f ;
	display: block;
	float: left;
	text-decoration:none ;
}
.header a:hover {
	color: #fff;
	text-decoration:none ;
}

.header span.right{
	float: right;
}
.header span.right a{
	float: none;
	display: inline;
}

/*------------------------------------------------nav*/
	
.navlist{
  font-size:11px;
  color: #fff ;
  height:11px;
}

.navlist a{
  color: #fed20f ;
  text-decoration:none;
}
	
.navlist a:visited {
  color:#fed20f;
  text-decoration:none;
} 
	
.navlist:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.navlist>li, .level_2>li{
 display:inline-block; 
 float:right;
 width:180px;
 background:#004882;
 text-align:center;
 position:relative;
 color:#fff ;
	
	
}

.level_2{
 position:absolute;
 top:-1000px;
 left:-40px;
 height:20px;
	
}

.navlist>li:hover .level_2{
 top:20px;
}

.navlist>li:hover, .level_2>li:hover{
 color:#fff;
}
/*---------------------------------------------------*/
	
	
/*---中間區塊-----------------------------------------------------------------*/	
	
	
.main{ 
	position:relative;
	width: auto ;
	height:auto ;
    margin: 0 auto;
	text-align: center ;
	padding: 10px ;
	
}

.main img{ 

    　float: right ; /*
	  border: solid 5px #000000 ; */
}

.more{
	position:relative;
	clear:both;
	font-family:'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding:  5px 0px 10px; 
	text-align: center;
	width:1024px;
    margin: 0 auto;
}
	
.more_bottom{
	position:relative;
	clear:both;
	font-family:'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding:  5px 0px  ; 
	text-align: center;
	width: auto ;
    margin: 0 auto;
	height: auto ;
	
}
	
.more_bottom img{
border:0 ;
margin:0 auto ;

}

.more_bottom ul{
	display:block;
	text-align:center;
    height: 80px;
	display: inline-block;
	
}
	
.more_bottom ul li{
	display: inline-block;
	text-align:center;
    padding: 4px 2px;	
}
	
.more_bottom ul li.selected a,
.more_bottom ul li.selected a:hover{
/*
	background:#1e5c8d;  */
	text-shadow:none;
}
	
.more_bottom ul li a{
	color:#555;
    display: inline-block;
    width:152px;
	height:80px ;
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}
/*---------------------------------------------------------------------------*/	
	
  .footer {
	font-family:'Arial Narrow', Arial, sans-serif;
	text-align:center;
	color: #fff;
	background: #004882;
	opacity: 0.9;
	z-index: 9999;
	position: relative;
	position: fixed;
	bottom: 0;
	width:100%;
    margin-top: -45px;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;

	
}

.footer img {
	width: 49px ;
	height: 20px ;
}
.footer p {
    font-size: 8px;
	color: #ffffff ;
	letter-spacing:1px;
	padding-right: 5px ;
	margin-bottom:-3px;
	
}
	
.footer_big {
	font-size: 9px;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:-4px;
	
}
	
}