@charset "utf-8";

body {
  width: 100%;
  
  background-color:#900;/*按鈕列底色*/
  background-repeat: repeat-x;
  background-attachment : fixed;
  color:#666;/*整體字體顏色*/
  font-family: Arial, Helvetica, sans-serif;/*整體字型樣式*/
  font-size:15px;
  line-height:24px;
  text-align: justify; /*齊頭齊行指令*/
  text-justify:inter-ideograph;/*齊頭齊行指令*/
  min-width:320px; /* body這邊設定最小寬度的話,畫面縮到某個值就不會再縮了 min-width:565px; */  
}
body img{
	outline-width:0px;  
    vertical-align:top; 	
	/*讓插入的圖片 底下無接縫的寫法 */}
a { text-decoration:none;}
a:hover {
 /* color:#333;
  text-decoration:underline;*/
}


.side_bg{   position: fixed;z-index:10200;
  top:-15px;
  right:-20px;
}

#gotopBtn{
	display:none;

   }

a#gotopBtn img {

  position: fixed;
  z-index:10500;
  bottom: 5%;
  right:0.1vw;
  
}





.sideBtn01{position: fixed;z-index:9999;
  top:0px;
  right:497px;}  
 

.sideBtn02{position: fixed;z-index:9999;
   top:0px;
  right:428px;}

.sideBtn03{position: fixed;z-index:9999;
  top:0px;
  right:341px;}

.sideBtn04{position: fixed;z-index:9999;
  top:0px;
  right:200px;}

.sideBtn05{position: fixed;z-index:9999;
   top:0px;
  right:108px;}

.sideBtn06{position: fixed;z-index:9999;
   top:0px;
  right:5px;}




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

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

/*==========================================

===========================================*/
.side_btn{
	display:none;
	position:fixed;
	top:50px;
    right:10px;
	z-index:10000;
	
	}


.top_menu	{display:none;
width:800px;
height:300px;


	position:fixed;
	left:-9999px;	
	top:100px;	
	z-index:10010;}	
	
/*-----------------------------*/	
	
.MobilesideBtn01{
	display:block;
	 position: fixed;
  bottom:450px;
  right: 1px;
  z-index:9999;
    }
.MobilesideBtn02{display:block;
	 position: fixed;
  bottom:400px;
  right: 1px;
  z-index:9999;}

.MobilesideBtn03{display:block;
	 position: fixed;
  bottom:350px;
  right: 1px;
  z-index:9999;}

.MobilesideBtn04{display:block;
	 position: fixed;
  bottom:300px;
  right: 1px;
  z-index:9999;}

.MobilesideBtn05{display:block;
	 position: fixed;
  bottom:250px;
  right: 1px;
  z-index:9999;}

.MobilesideBtn06{display:block;
	 position: fixed;
  bottom:200px;
  right: 1px;
  z-index:9999;}




/*=====================*/

#main_obj{
	position:relative;
}
	


#top_obj{
	display: block;
	position:absolute;
	top:5%;
	left:0%;	
	font-size:16px;
	z-index:9999;}
	
.top_main_title{
    z-index: 9999;
	display:block;
	position: absolute;
	
	left:-12%;	
	top:60px;	
  	width:100VW; /*------------*/
	height:150px;
	text-align: center;
	
  } 
  
  
  .top_main_title li{

	display:block;
	    width:100%;
	    height:34px;
		letter-spacing:5px;
		
     margin: 0 auto;  /* 置中對齊*/
	 text-align:center; /* 文字置中*/
	font-size:24px;
	background:rgba(78,78,78,0.6);
	color: #FFFFFF;
	padding:8px 0px 0px 0px;
	font-weight:100;
    font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif; 
  } 
  
  /*-----------------------------*/	
	
.top_main_title02{
    z-index: 9999;
	display:none;
	position:fixed;
	
	left:0%;	
	top:0px;
  	width:100%; /*------------*/
	height:150px;
	text-align: center;
	
  } 
  
  
  .top_main_title02 li{

	display:block;
	    width:100%;
	    height:35px;
		letter-spacing:5px;
		
     margin: 0 auto;  /* 置中對齊*/
	 text-align:center; /* 文字置中*/
	font-size:16px;
	background:rgba(78,78,78,0.6);
	color: #FFFFFF;
	padding:14px 0px 0px 0px;
	font-weight:100;
    font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif; 
  } 
 /*-----------------------------*/	 
  
 /*=====================*/ 
  

#link01{
	position:absolute;
	top:0px;
	left:10px;
	font-size:16px;
	z-index:10000;}
	

/*=====================*/
#header{
display: block;
width:100%;
height:200px;
background-image:url(../images/nav_bg.jpg);
background-repeat : no-repeat;
}

#header2{	
display:none;
width:100%;
height:100px;
background-image:url(../images/nav_bg02.jpg);
background-repeat : no-repeat;
}

/*==========================================
  global navigation style
===========================================*/
nav{
	z-index:9999;}
nav ul {margin-top:0px;}
nav ul li {  
  text-align: center;
  float: left;
  width:30px;
  width: 50%;
 }
nav ul li:nth-child(odd) {
  width: 49%;
 /* border-right: 1px dotted #FFF;
*/ }
nav ul li a{
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif;
   display: block;
   width: 100%;
  line-height:16px;
  padding-top:7px;
  padding-bottom:7px;
}

nav ul li a:hover {
	color: #F00;
}





/*==========================================
左側外圍按鈕選單
===========================================*/
.main{ z-index:9999;	}


.btn_switch{
	position:absolute;
	top:15px;
	left:84%; /*注意此寫成% 不是px*/
	z-index:9999;
		}	
.btn_switch button {
	position: relative;
	width: 36px;
	height: 26px;
	/* 此寬高可以控制按鈕大小 */
	overflow: hidden;
	border:none;	
		}			
.btn_switch button img{
	position:absolute;
	top:0;
	left:0;	
		}	
.mainTab {
    position: relative;
	z-index:9999;
}
.mainTab > aside {
	display:block;
}
.mainTab > aside {
    background-color: rgba(169,19,31,0.9);
    width: 170px;
    height:auto;	
	position: absolute;/* 原本為position:fixed; 現在這裡改寫成 position: absolute;*/
    top:-2px;
    left: -135px;   
	 opacity:0;
}
.mainTab  > aside ul {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto; 
}
.mainTab > aside li {color: #FFF;
  width: 100%;  
}
.mainTab > aside li a{
	font-weight:200;
	letter-spacing:2px;
	text-align:center;
	color:#FFFFFF;
	font-size:15px;
	font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif;
   display: block;
   width: 100%;
  line-height:16px;  
  padding-top:16px;
  padding-bottom:16px;	
}
.mainTab > aside li a:hover {
	color:#74B6FB;
}
.mainTab > aside li:nth-child(-n+5) {
      border-bottom:1px solid ;
	  border-bottom-color:#999;	  
  }
.mainTab > aside button {}


	



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

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

.district_manufacture01{position:absolute; width:50%;  margin:5% auto 0 25%; z-index:99;}

.district_manufacture02{position:absolute; width:50%;  margin:70% auto 0 25%; z-index:99;}

.district_manufacture03{position:absolute; width:50%;  margin:135% auto 0 25%; z-index:99;}


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