@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-family: 'Noto Sans TC';
	font-size: 1em;
	font-weight: 300;
	letter-spacing: 0.1em;
	background-color: #FFFFFF;
	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) {

	/** 滑動選單 **/
	#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.5rem;
	}

	.box{
		/*background-color:#ccffc4;*/
		background: #ffccff;
	}
	.box li {
		width:100%;
		font-size:2em;
		margin-bottom:40px;

	}
	.box li a img {
		width: 100%;
		border:1px #ccc solid;
	}

	.m-menu{
		z-index:99;
		display:block;
		background-color:#db2967;
		/*background-color:#da4641;*/
		height:85px;
		font-size:2em;
	}

	.m-menu a{
	  z-index: 98;
	  border:1px solid white;
	  text-decoration: none;
	  top: 1.6em;
	  right: 1.6em;
	  color: #fff;
	  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:50px 0px;
		background: #000 url(../images/menubg02.jpg) top center fixed no-repeat;
		-moz-background-size: auto;
		background-size: auto;
	}
	.m-menu-list ul {
		width: 100%;
		display: table;
		margin:0;
		padding:0;
		list-style: none;
	}
	.m-menu-list li{
		padding: 5px 5%;
		text-align: left;
		list-style: none;
		/*height:50px;*/
	}
	.m-menu-list a {
		display: block;
		width:80%;
		border-bottom: 1px solid #666;
		color:#0d1ee6;
		/*color: #000;*/
		font-size: 1.5em;
		text-shadow: 1px 2px 3px #333;
	}
	.m-menu-list a span {
		font-size: 1.2em;
	}

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

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


}