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


/*以下是頁面基本設定*/


/* 嵌入字型設定 */
@font-face {
    font-family: "arial rounded mt bold";
    src: url(arialroundedmtbold.ttf);
}

body {  /*整體頁面設定*/
	margin: 0;
	padding: 0;
	color:#FFFFFF;
	font-family:arial,serif,sans-serif,cursive,fantasy,monospace,Microsoft JhengHei;
	;
	font-size:0.9em;
	font-weight:200;
	letter-spacing:0.1em;
	background-color: #00070f;
	background-image: url(../images/adimgbg.jpg);
}

a {
    text-decoration:none;
}

a:link {color:#333333;}    /* 設定尚未點閱過的連結樣式 */
a:visited {
	color:#333333;
} /* 設定過去曾經閱過的連結 */
a:hover {color:#FF0000;}   /* 設定滑鼠游標指在連結位置上的樣式 */
a:active {color:#FF0000;}  /* 設定上點擊過的連結樣式 */

*/

h1, h2, h3, p {/*清除內外邊距*/
	margin:0;
	padding:0;
}

* {/*padding自動計算*/
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


input, button, select, textarea, *:focus {/*表單邊框線清除*/
	outline:none;
}

/*以下是手機 電腦 平板自適語法*/

img{
height:auto;
max-width:100%
}

@media screen and (max-width: 1024px) {

.ab-01{
display:none;

}

/** 滑動選單 **/
#r-top,#r-ft,#r-ct {
	position:relative;
	cursor:pointer;
	height:80px;
	width:50px;
	}
#r-top {
	background:url(../pic/roll.png) no-repeat;
	}
#r-ft {
	background:url(../pic/roll.png) no-repeat 0 -160px;
	}
#r-ct {
	background:url(../pic/roll.png) no-repeat 0 -80px;
	}
	
#roll {
    z-index:99;
	display:block;
	width:50px;
	position:fixed;
	right:3%;
	top:40%;
	}

.ab-03{
font-size:1em;
}

.ab-02 img{
width:100%;
margin-right:20px;

}

.store img{
width:100%;
}

.service-contact{
font-size:2em;
}

.textarea02 {
width:100%;height:550px;
font-size:2em;
}

.textarea01{
width:100%;height:100px;
font-size:2em;
}

.formbu{
font-size:1.5em;
float:left;
margin:0px 30px;
}

.key li{
width:50%;
}

.service-map{
width:100%
}
.service-contact{
width:100%
}


.top{
display:none;
}

.main{
float:left;
width:100%;
}

body {  /*整體頁面設定*/
	font-size:1.5em;
}

.box, .custom{
 background:#00070e;
}
.box li , .custom li{
width:100%;
font-size:2em;

}

.m-menu{
z-index:99;
display:block;
background:#ffc238 url(../images/barbg.jpg);
height:70px;
font-size:2em;
}

.m-menu a{
  z-index: 98;
  border:1px solid #000000;
  text-decoration: none;
  top: 1.6em;
  right: 1.6em;
  color: #000000;
  text-transform: uppercase;
  font-size: 0.65em;
  padding: 0.4em 0.7em;
  border-radius: 4px;
}
.m-menu span {
  font-size:1.6em;
  vertical-align: -0.15em;
}


.m-menu-list{
display:none;
z-index:99;
margin:0px;
padding:60px 0px;
background: #000 url(../images/menubgok.jpg) center center fixed no-repeat;
-moz-background-size: cover;
background-size: cover;
}

.m-menu-list li{
text-align:center;
 list-style: none;
 height:40px;

}
.m-menu-list a{
color:#FFFFFF;
border-bottom:1em;
}

.m-menu-list a:hover{
color:#1d1d1d;
background-color:#badaf2;
height:50px;
}


@media screen and (max-width: 700px) {


}