@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
	/*list-style-type:none;*/
	}
#homebg{
	position:fixed;
	width:100%;
	height:100%;
	min-width:1000px;
	background-attachment: scroll;
	background-image: url(../images/index.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size:cover;
	overflow:hidden;
	}
.ib1{
	background-image: url(../images/inbg.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position: 0% 0%;
	}
#inbox{
	position:absolute;	
	width: 100%;/*height: 100%;*/
	/*padding:140px 0 80px 285px;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	}
.cin{
	width:650px;
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #f1efdc;
	margin:5px 0 80px -650px;
/*	margin:5px 0 80px 285px;*/
	}
#clo {
	position:absolute;
	right:20px;
	top: 50px;
	width: 80px;
	height: 70px;
	display: block;
	cursor: pointer;
	z-index: 2;
	background-image: url(../images/clo.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	}
#tit{
	position:relative;
	width:971px;
	height:148px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	top:-150px;
	}
.tt1{background-image: url(../images/tit1.png);}
.tt2{background-image: url(../images/tit2.png);}
.tt3{background-image: url(../images/tit3.png);}
.tt4{background-image: url(../images/tit4.png);}
.tt5{background-image: url(../images/tit5.png);}
.tt6{background-image: url(../images/tit6.png);}
.tt7{background-image: url(../images/tit7.png);}
.tt8{background-image: url(../images/tit8.png);}
.tt9{background-image: url(../images/tit9.png);}
.tt10{background-image: url(../images/tit10.png);}
.pho{
	display:block;
	border-radius:10px;
	overflow:hidden;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;}
.ff1{
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	font-size: 21px;
	line-height: 40px;
	color: #ffcc66;/*f1efdc*/
	font-weight:600;
	}
.ff2{
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #ff9900;
	font-weight:500;
	}
/**/
.mu10_1 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt1.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	margin:0 3px 0 3px;
	}
.mu10_1:hover{background-position: 0px 65px;}
.mu10_2 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt2.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	margin:0 3px 0 3px;
	}
.mu10_2:hover{background-position: 0px 65px;}	
.mu10_3 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt3.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	margin:0 3px 0 3px;
	}
.mu10_3:hover{background-position: 0px 65px;}
.mu10_4 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt4.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	margin:0 3px 0 3px;
	}
.mu10_4:hover{background-position: 0px 65px;}
.mu10_5 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt5.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	margin:0 3px 0 3px;
	}
.mu10_5:hover{background-position: 0px 65px;}
.mu10_6 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt6.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	margin:0 3px 0 3px;
	}
.mu10_6:hover{background-position: 0px 65px;}
.mu10_7 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt7.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	margin:0 3px 0 3px;
	}
.mu10_7:hover{background-position: 0px 65px;}
.mu10_8 {
	width:137px;
	height:65px;
	display: block;
	background-image: url(../images/bbt8.png);
	background-position: 0px 0px;
	cursor:hand;
	display:inline-block;
	margin:0 3px 0 3px;
	}
.mu10_8:hover{background-position: 0px 65px;}

.trans{overflow:hidden;position:relative;display:inline-block;cursor:pointer;}
.trans:hover::before{content:" ";opacity:1;filter:alpha(opacity=100);}
.trans::before{content:" ";opacity:0;filter:alpha(opacity=0);position:absolute;left:0;top:0;right:0;bottom:0;transition: opacity 0.4s ease-in-out;-webkit-transition: opacity 0.4s ease-in-out;}
.p1submu{/* margin: 70px 0 0 15px; */}
.p1submu a{width:98px;height: 41px;display:inline-block;background-image: url("../images/p1submenu.png");margin: 20px 0;}
.p1submu a::before{background-image: url("../images/p1submenu.png");}
a.p1sub1 {background-position: 0 0;width: 136px!important }
a.p1sub1::before,a.p1sub1.on{background-position: 0 -41px; }
a.p1sub2 {background-position: -136px 0; }
a.p1sub2::before,a.p1sub1.on{background-position: -136px -41px; }
a.p1sub3 {background-position: -234px 0; }
a.p1sub3::before,a.p1sub1.on{background-position: -234px -41px; }
a.p1sub4 {background-position: -332px 0; }
a.p1sub4::before,a.p1sub1.on{background-position: -332px -41px; }
a.p1sub5 {background-position: -430px 0; }
a.p1sub5::before,a.p1sub1.on{background-position: -430px -41px; }
a.p1sub6 {background-position: -528px 0; }
a.p1sub6::before,a.p1sub1.on{background-position: -528px -41px; }

#backtotop {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  margin: 30px;
  position: fixed;
  bottom: 50px;
  right: -10px;
  z-index: 1000;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
}
#backtotop:hover {
  cursor: pointer;
  background-color: #333;
}
#backtotop:active {
  background-color: #555;
}
#backtotop.show {
  opacity: .7;
  visibility: visible;
}