@charset "utf-8";
/* CSS Document */
/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* ---reset.css--- */

html, body{	
	font-family:Helvetica, sans-serif;
	-webkit-text-size-adjust:none;
	background-color:#ffe8ca;		
}

*{-webkit-box-sizing:border-box;
  box-sizing:border-box;
  line-height:1;
 }

li{ list-style:none;}
:focus { outline: 0; }
h1{ text-indent:-9999px; position:absolute;}


.container{ width:100%; margin:0 auto; position:relative;}

.layout{ width:100%; height:1080px; margin:0 auto; position:relative; background:url(../images/bg.jpg) top center no-repeat;}
.layout_content{ width:1200px; height:1080px; margin:0 auto;  position:relative;}	
.index01{ position:absolute; top:0px; left:0px; z-index:0;}
.btn01{ position:absolute; top:900px; left:186px; z-index:20;}					
	
/* 手機版物件 */


.layout_m{ display:none;}	
.item_m{ display:none;}





/* ===手機版型區==========================*/
@media screen and ( max-width: 991px ) {
*{box-sizing:border-box;} 
html,body{-webkit-text-size-adjust:none;}



.layout_m{ width:100%; height:auto; margin:0 auto; display:block;}	
.item_m{ width:100%; height:auto; margin:0 auto; display:block; line-height:0;}



/* 電腦版物件 */
.container{width:100%; margin:0 auto; position:relative;}

.layout{display:none;}

.layout_content{display:none;}

.index01{display:none;}
.btn01{display:none;}
		

}