@charset "utf-8";
/* CSS Document */

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

/*平板直式*/
@media (min-width: 768px) {
	
	
	


#bg{
	width:100%;
	height:3900px;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
}
#bg_line01{
	width:100%;
	height:5px;
	position: absolute;
	top:92px;
	background: #fef2e2;
}
#bg_line02{
	width:100%;
	height:5px;
	position: absolute;
	top:2921px;
	background: #fef2e2;
}
#bg_bar01{
	width:100%;
	height:295px;
	position: absolute;
	top:925px;
	background: #f5a200;
}
#bg_bar02{
	width:100%;
	height:400px;
	position: absolute;
	top:1220px;
	background: #595757;
}
#bg_orange{
	width:3840px;
	height:609px;
	position: absolute;
	top:1907px;
	left:50%;
	margin-left:-1920px;
	background: url('../images/orange_bar.png');
}
#bg_footer{
	width:100%;
	height:30px;
	position: absolute;
	top:3870px;
	background: #f5a200;
}



#main{
    position: absolute;
    left:50%;
    margin-left:-384px; 
	height:3900px;
	width:768px;
    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:1620px;
	background: url('../images/bgt01.png');
	position:absolute;
	top:0px;
}
#menu01,#menu02{
	width:170px;
	height:23px;
	position:absolute;
	top:32px;
	padding: 12px 0 0 30px; 
}
#menu01{	
	left:360px;
	width:250px;
}
#menu02{	
	left:550px;
	width:250px;
}
#menu01:hover,#menu02:hover{
	background:  url('../images/menu_dot.png');
	background-repeat: no-repeat;
}

#video{
	width:768px;
	height:432px;
	position:absolute;
	top:97px;
	left:0px;
}
.embed-responsive-item{
	width:768px;
	height:432px;
}
#s01_txt{
	width:610px;
	height:200px;
	position:absolute;
	left:100px;
	top:735px;
}
#s01_tittle{
	position:absolute;
	left:237px;
	top:875px;
	font-size:30px;
}
#s01_txt_o{
	width:470px;
	height:300px;
	position:absolute;
	left:237px;
	top:940px;
}
#s01_txt_gr{
	width:470px;
	height:400px;
	position:absolute;
	left:237px;
	top:1230px;
}

	












#s02{
	width:100%;
	height:1305px;
	background: url('../images/bgt02.png');
	position:absolute;
	top:1620px;
}
#s02_txt{
	width:300px;
	height:300px;
	position:absolute;
	left:420px;
	top:52px;
}
#s02_tittle{
	width:30px;
	height:100px;
	position:absolute;
	left:313px;
	top:843px;
	line-height: 45px;
}
#s02_txt02{
	width:345px;
	height:450px;
	position:absolute;
	left:373px;
	top:843px;
}
#s02_txt03{
	width:202px;
	height:23px;
	position:absolute;
	left:373px;
	top:1250px;
	background: #f39800;
	text-align: center;
}











#s03{
	width:100%;
	height:975px;
	background: url('../images/bgt03.png');
	position:absolute;
	top:2925px;
}
#s03_txt{
	width:100%;
	height:50px;
	position:absolute;
	top:45px;
	text-align: center;
}
#s03_txt02{
	width:435px;
	height:250px;
	position:absolute;
	left:275px;
	top:520px;
}
#s03_link{
	width:100%;
	height:50px;
	position:absolute;
	top:845px;
	text-align: center;
	font-size:30px;
}








#footer{
    position: absolute;
    top:3870px;
	height:30px;
	width:768px;
	text-align: center;
}

	
	
	
	
	
	
	
}