﻿@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: 40px;
	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: #a88f53;/*f1efdc*/
	font-weight:600;
	}
.ff2{
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #75a5c0;
	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;}