@charset "utf-8";
html, body{
  overflow-x: n;
}
body{ 
	font-family:微軟正黑體,Microsoft JhengHei,Arial, Helvetica, sans-serif;
	margin: 0 auto; 
    *margin: 0px auto;
    _margin: 0px auto;
}
.model{ 
	position: relative; 
	width:100%;
	height:auto;     	 
	border:0px solid #999;
    text-align: center;
} 

@media (min-width: 320px) {
/*手機直式*/
	
	
	


#bg{
	width:100%;
	height:5150px;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
}
#bg_line01{
	width:100%;
	height:5px;
	position: absolute;
	top:125px;
	background: #fef2e2;
}
#bg_line02{
	width:100%;
	height:5px;
	position: absolute;
	top:3720px;
	background: #fef2e2;
}
#bg_bar01{
	width:100%;
	height:420px;
	position: absolute;
	top:854px;
	background: #f5a200;
}
#bg_bar02{
	width:100%;
	height:510px;
	position: absolute;
	top:1274px;
	background: #595757;
}
#bg_orange{
	width:3840px;
	height:609px;
	position: absolute;
	top:2295px;
	left:50%;
	margin-left:-1920px;
	background: url('../images/orange_bar.png');
}
#bg_footer{
	width:100%;
	height:50px;
	position: absolute;
	top:5100px;
	background: #f5a200;
}



#main{
    position: absolute;
    left:50%;
    margin-left:-180px; 
	height:5150px;
	width:360px;
    border:0px solid #999;
	z-index: 1;
	text-align: left;
}

#main img{border: 0px;}
#main a{
    color:#727171;
    text-decoration:none;
}
#main img:hover{
	 transform: scale(1.02);
}
#main a:hover{
	 color:#66b62e;
}
/*#main a:hover{ 
    -webkit-opacity: 0.8;  
    -moz-opacity: 0.8;  

    -khtml-opacity: 0.8;  
    opacity: .8;  
    filter:alpha(opacity=80);  

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
}*/




#s01{
	width:100%;
	height:1784px;
	background: url('../images/bgm01.png');
	position:absolute;
	top:0px;
}
#menu01,#menu02{	
	width:auto;
	height:30px;
	position:absolute;
	top:160px;
	padding: 10px 0 0 30px; 
}
#menu01{	
	left:80px;
	top:140px;
}
#menu02{	
	left:62px;
	top:180px;
}
#menu01:hover,#menu02:hover{
	background:  url('../images/menu_dot.png');
	background-repeat: no-repeat;
}

	

	
#video{
	width:360px;
	height:203px;
	position:absolute;
	top:230px;
	left:0px;
}
.embed-responsive-item{
	width:360px;
	height:203px;
}
	
#s01_txt{
	width:300px;
	height:200px;
	position:absolute;
	left:30px;
	top:610px;
}
#s01_tittle{
	position:absolute;
	left:10px;
	top:800px;
	letter-spacing: 0px;
	font-size:21px;
}
#s01_txt_o{
	width:300px;
	height:300px;
	position:absolute;
	left:30px;
	top:880px;
}
#s01_txt_gr{
	width:300px;
	height:400px;
	position:absolute;
	left:30px;
	top:1300px;
}













#s02{
	width:100%;
	height:1937px;
	background: url('../images/bgm02.png');
	position:absolute;
	top:1784px;
}
#s02_txt{
	width:300px;
	height:300px;
	position:absolute;
	left:30px;
	top:280px;
}
#s02_tittle{
	width:200px;
	height:100px;
	position:absolute;
	left:100px;
	top:890px;
	line-height: 40px;
}
#s02_txt02{
	width:300px;
	height:450px;
	position:absolute;
	left:30px;
	top:1000px;
}
#s02_txt03{
	width:250px;
	height:35px;
	position:absolute;
	left:30px;
	top:1480px;
	background: #f39800;
	text-align: center;
}












#s03{
	width:100%;
	height:1429px;
	background: url('../images/bgm03.png');
	position:absolute;
	top:3721px;
}
#s03_txt{
	width:300px;
	height:50px;
	position:absolute;
	top:55px;
	left:30px;
	text-align: center;
}
#s03_txt02{
	width:290px;
	height:250px;
	position:absolute;
	top:860px;
	left:40px;
}
#s03_link{
	width:100%;
	height:50px;
	position:absolute;
	top:1295px;
	text-align: center;
	font-size:24px;
}








#footer{
    position: absolute;
    top:5100px;
	height:50px;
	width:360px;
	text-align: center;
}


	
	
	
}