@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width:100%;
}


/* 行動版面: 480px 以下。 */v


body{
	overflow:hidden;}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 89.36%;
	padding-left: 0.5%;
	padding-right: 0.5%;
}
.resizeHeight{
	height: auto;
}

.resizeHeight2{
	height: auto;
}

#store {
	clear: both;
	/* [disabled]float: left; */
	width: 100%;
	
	display: block;
	margin: 0px;
}
.copyright {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #202020;
	color: #CCC;
	font-weight: bold;
	font-size: 85%;
	width: 100%;
	float: left;
	margin-top: 4em;
	margin-bottom: 2em;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 10px;
	letter-spacing: 0.1em;
}



.store-block-content {

	padding-right: 1em;
	padding-left: 1em;
	margin-right: 3em;
}


.store-block-content p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 85%;
	margin: 0px;
	padding: 0px;
}


#team {
	clear: both;
	/*float: left;*/
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 2em;
	padding-top: 4em;
}


#team section {
	
	margin-bottom: 25px;
	width: 100%;
}

.team-block-content {
	/*float: left;*/
	display: block;
	width: 100%;

	margin-top: 0px;
	margin-left: 5px;
}

.team-block-content02 {
	/*float: left;*/
	display: block;
	width: 100%;
	margin-top: 0px;

}

#photograph  {
	clear: both;
	/*float: left;*/
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 2em;
	padding-top: 4em;
}

#photograph section {
	/* [disabled]margin-top: 50px; */
	margin-bottom: 50px;
	width: 100%;
	/*float: left;*/
}

.photo-block-content {
	/*float: left;*/
	display: block;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-left: 5px;
}



#intor {
	clear: both;
	/*float: left;*/
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 1.5em;
	padding-bottom: 2em;
}
#intor section {
	/* [disabled]margin-top: 50px; */
	margin-bottom: 50px;
	/*float: left;*/
	width: 100%;
}
.intor-block-content0   {
	/*float: left;*/
	display: block;
	width: 100%;
	margin-top: 0px;
}
.thumb-image {
	width: 100%;
	margin-right: 30px;
}

.intor-block-content   {
	/*float: left;*/
	display: block;
	width: 100%;


}
.intor-block-content02 {
	/*float: left;*/
	display: block;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
}

.thumb-image02   {
	width: 100%;
	margin-bottom: 20px;
}
#about {
	/*float: left;*/
	width: 90%;
	clear: both;
	display: block;
	margin-top: 15%;
	margin-right: 10%;
}
#about h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 300%;
	color: #FFF;
	letter-spacing: 0.1em;
	width: 100%;
	text-align: right;
}
#about .infor {
	float: right;
	padding: 20px;
	background-color: #fff\9;
	background-color: rgba(255,255,255,.6);
	letter-spacing: 0.1em;	
}



#about .infor dd  {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
#about .infor dt  {
	margin: 0px;
	padding: 0px;
}


hgroup{
	clear: both;
	margin-left: 0;
	width: 90%;
	display: block;
	position: relative;
	z-index: 3;
	clip: rect(auto,10%,auto,auto);
	padding-top: 84px;
	background-color:transparent !important;
}


hgroup h2 {
	text-align: right;
	font-size: 200%;

}
hgroup h3 {
	font-family: "微軟正黑體", Arial, "新細明體";
	font-size: 100%;
	text-align: right;
	padding: 10px;
	background-color: white\9;
	background-color: rgba(255,255,255,.6);
	float: right;
	clear: both;
	font-weight: normal;
}

.bg{
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	height: 500px;
	width: 100%;
	background-attachment: fixed;
	/*z-index: 1;*/
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	z-index: 2;
	clear: both;
	float: left;
}

.bg2{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 0px;
	width: 100%;
	/*background-image: url('img/index/bg02.jpg');
	background-image: url('img/index/bg02.jpg');*/
	background-attachment: fixed;
	/* [disabled]top: 1550px; */
	background-repeat: no-repeat;
	background-position:center center;
	clear: both;
	float: left;
	height: 900px;
	z-index:-12;
	position: absolute;
	top: 1906px;
	left:0;
}



.bg3{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 900px;
	width: 100%;
	/*background-image: url('img/index/bg03.jpg');
	background-image: url('img/index/bg03.jpg');*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center center;
	clear: both;
	float: left;
	
	z-index:-12;
	position: absolute;
	top: 3800px;
	left:0;
}

.whitebg{
	position: relative;
	z-index:12;
	
	
	}



nav#dot{
	display:none;
	
}


section h1 {
	font-size: 120%;
}



section h2 {
	
	font-size: 100%;
}

p {
	font-family: Arial, Helvetica, sans-serif;

	color: #333;
	letter-spacing: 0.2em;
	line-height: 180%;
}

.scroll-arrow {
	display: none;

}

/* 表格版面: 769px 到 600px。樣式繼承自: 行動版面。 */

@media only screen and (min-width: 600px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}

.resizeHeight{
	height: auto;

}

.resizeHeight2{
	height: auto;
}

#store {
	clear: both;
	/* [disabled]float: left; */
	width: 100%;
	float: left;
	display: block;
	margin: 0px;
}
.copyright {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #202020;
	color: #CCC;
	font-weight: bold;
	font-size: 85%;
	width: 100%;
	float: left;
	margin-top: 4em;
	margin-bottom: 2em;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 10px;
	letter-spacing: 0.1em;
}



.store-block-content {
	float: left;
	padding-right: 1em;
	padding-left: 1em;
	margin-right: 3em;
}


.store-block-content p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 85%;
	margin: 0px;
	padding: 0px;
}


#team {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 2em;
	padding-top: 4em;
}


#team section {
	float: left;
	margin-bottom: 25px;
	width: 100%;
}

.team-block-content {
	float: left;
	display: block;
	width: 29%;

	margin-top: 0px;
	margin-left: 20px;
}

.team-block-content02 {
	float: left;
	display: block;
	width: 45%;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;

}

#photograph  {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 2em;
	padding-top: 4em;
}

#photograph section {
	/* [disabled]margin-top: 50px; */
	margin-bottom: 50px;
	width: 100%;
	float: left;
}

.photo-block-content {
	float: left;
	display: block;
	width: 29%;

	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
}



#intor {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 1.5em;
	padding-bottom: 2em;
}
#intor section {
	/* [disabled]margin-top: 50px; */
	margin-bottom: 50px;
	float: left;
	width: 100%;
}
.intor-block-content0   {
	float: left;
	display: block;
	width: 60%;
	margin-top: 0px;
	margin-right: 15px;
}
.thumb-image {
	width: 100%;
	margin-right: 30px;
}

.intor-block-content   {
	float: left;
	display: block;
	width: 100%;
	margin-left: 0px;
}
.intor-block-content02 {
	float: left;
	display: block;
	width: 30%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
}

.thumb-image02   {
	width: 100%;
	margin-bottom: 20px;
}
#about {
	float: left;
	width: 90%;
	clear: both;
	display: block;
	margin-top: 15%;
	margin-right: 10%;
}
#about h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 300%;
	color: #FFF;
	letter-spacing: 0.1em;
	width: 100%;
	text-align: right;
}
#about .infor {
	float: right;
	padding: 20px;
	background-color: #fff\9;
	background-color: rgba(255,255,255,.6);
	letter-spacing: 0.1em;	
}



#about .infor dd  {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
#about .infor dt  {
	margin: 0px;
	padding: 0px;
}


hgroup{
	clear: both;
	margin-left: 0;
	width: 90%;
	display: block;
	position: relative;
	z-index: 3;
	clip: rect(auto,10%,auto,auto);
	padding-top: 84px;
}


hgroup h2 {
	text-align: right;
	font-size: 250%;

}
hgroup h3 {
	font-family: "微軟正黑體", Arial, "新細明體";
	font-size: 100%;
	text-align: right;
	padding: 10px;
	background-color: white\9;
	background-color: rgba(255,255,255,.6);
	
	float: right;
	clear: both;
	font-weight: normal;
}



.bg{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	width: 100%;
	/*background-image: url('img/index/bg01.jpg');
	background-image: url('img/index/bg01.jpg');*/
	background-attachment: fixed;
	/*z-index: 1;*/
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	z-index: 2;

	clear: both;
	float: left;
}

.bg2{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 0px;
	width: 100%;
	/*background-image: url('img/index/bg02.jpg');
	background-image: url('img/index/bg02.jpg');*/
	background-attachment: fixed;
	/* [disabled]top: 1550px; */
	background-repeat: no-repeat;
	background-position:center center;
	clear: both;
	float: left;
	height: 900px;
	z-index:-12;
	position: absolute;
	top: 1150px;
	left:0;
}



.bg3{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 0px;
	width: 100%;
	/*background-image: url('img/index/bg03.jpg');
	background-image: url('img/index/bg03.jpg');*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center center;
	clear: both;
	float: left;
	height: 900px;
	z-index:-12;
	position: absolute;
	top: 2216px;
	left:0;
}

.whitebg{
	position: relative;
	z-index:12;
	
	
	}

nav#dot{
	display:none;
	
}


section h1 {
	font-size: 120%;
}



section h2 {
	
	font-size: 100%;
}

p {
	font-family: Arial, Helvetica, sans-serif;

	color: #333;
	letter-spacing: 0.2em;
	line-height: 180%;
}

.scroll-arrow {
	display: none;
	/*position: fixed;*/
	/*z-index: 3;*/
	left: 50%;
	width: 150px;
	z-index: 10;
	height: 30px;
	text-align: center;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	bottom: 2em;
	display: block;
	color: #FFF;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: -75px;
	position: absolute;
}
}

/* 表格版面: 1040px 到 800px。樣式繼承自: 沒按鈕。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}

.resizeHeight{
	height: 700px;
}

.resizeHeight2{
	height: 400px;
}


#store {
	clear: both;
	/* [disabled]float: left; */
	width: 95%;
	padding: 2em;
	display: block;
	margin: 0px;
}
.copyright {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #202020;
	color: #CCC;
	font-weight: bold;
	font-size: 85%;
	width: 100%;
	float: left;
	margin-top: 4em;
	margin-bottom: 2em;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 10px;
	letter-spacing: 0.1em;
}



.store-block-content {
	float: left;
	padding-right: 1em;
	padding-left: 1em;
	margin-right: 3em;
}


.store-block-content p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 85%;
	margin: 0px;
	padding: 0px;
}


#team {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 2em;
	padding-top: 4em;
}


#team section {
	/* [disabled]margin-top: 50px; */
	margin-bottom: 25px;
	float: left;
	width: 100%;
}

.team-block-content {
	float: left;
	display: block;
	width: 28%;
	margin-right: 5px;
	padding: 5px;
	margin-top: 0px;
	margin-left: 5px;
}

.team-block-content02 {
	float: left;
	display: block;
	width: 45%;
	margin-right: 0.5em;
	padding: 5px;
	margin-top: 0px;
	margin-left: 10px;
}

#photograph  {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 2em;
	padding-top: 4em;
}

#photograph section {
	/* [disabled]margin-top: 50px; */
	margin-bottom: 50px;
	width: 100%;
	float: left;
}

.photo-block-content {
	float: left;
	display: block;
	width: 29%;
	margin-right: 5px;
	padding: 5px;
	margin-top: 0px;
	margin-left: 5px;
}



#intor {
	clear: both;
	float: left;
	margin-left: 0;
	/* [disabled]width: 100%; */
	display: block;
	padding-top: 4em;
	padding-bottom: 2em;
}
#intor section {
	/* [disabled]margin-top: 50px; */
	margin-bottom: 50px;
	float: left;
	width: 100%;
}
.intor-block-content0   {
	float: left;
	display: block;
	width: 65%;
	margin-right: 15px;
	padding: 0px;
	margin-top: 0px;
}
.thumb-image {
	width: 100%;
	margin-right: 30px;
}

.intor-block-content   {
	float: left;
	display: block;
	width: 100%;
	/* [disabled]margin-right: 18px; */
	padding: 0px;
	margin-top: 0px;
}
.intor-block-content02 {
	float: left;
	display: block;
	width: 30%;
	margin-right: 20px;
	padding: 0px;
	margin-top: 0px;
}

.thumb-image02   {
	width: 100%;
	margin-bottom: 20px;
}
#about {
	float: left;
	width: 90%;
	clear: both;
	display: block;
	margin-top: 15%;
	margin-right: 10%;
}
#about h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 300%;
	color: #FFF;
	letter-spacing: 0.1em;
	width: 100%;
	text-align: right;
}
#about .infor {
	float: right;
	padding: 20px;
	background-color: #fff\9;
	background-color: rgba(255,255,255,.6);
	letter-spacing: 0.1em;	
}



#about .infor dd  {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
#about .infor dt  {
	margin: 0px;
	padding: 0px;
}


hgroup{
	clear: both;
	margin-left: 0;
	width: 90%;
	display: block;
	position: relative;
	z-index: 3;
	height: 250px;
	clip: rect(auto,10%,auto,auto);
	padding-top: 84px;
}


hgroup h2 {
	text-align: right;
	font-size: 230%;

}
hgroup h3 {
	font-family: "微軟正黑體", Arial, "新細明體";
	font-size: 100%;
	text-align: right;
	padding: 10px;
	background-color: white\9;
	background-color: rgba(255,255,255,.6);
	
	float: right;
	clear: both;
	font-weight: normal;
}

.bg{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 1000px;
	width: 100%;
	/*background-image: url('img/index/bg01.jpg');
	background-image: url('img/index/bg01.jpg');*/
	background-attachment: fixed;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	z-index: 2;

	clear: both;
	float: left;
}

.bg2{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	width: 100%;
	/*background-image: url('img/index/bg02.jpg');
	background-image: url('img/index/bg02.jpg');*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center center;
	clear: both;
	float: left;
	height: 1000px;
	z-index:-12;
	position: absolute;
	top: 1550px;
	left:0;
}



.bg3{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	width: 100%;
	/*background-image: url('img/index/bg03.jpg');
	background-image: url('img/index/bg03.jpg');*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center center;
	clear: both;
	float: left;
	height: 1000px;
	z-index:-12;
	position: absolute;
	top: 2580px;
	left:0;
}

.whitebg{
	position: relative;
	z-index:12;
	
	
	}

nav#dot{
display:none;
	
}


section h1 {
	font-size: 120%;
}



section h2 {
	
	font-size: 100%;
}

p {
	font-family: Arial, Helvetica, sans-serif;

	color: #333;
	letter-spacing: 0.2em;
	line-height: 180%;
}

.scroll-arrow {
	display: none;
	/*position: fixed;*/
	/*z-index: 3;*/
	left: 50%;
	width: 150px;
	z-index: 10;
	height: 30px;
	text-align: center;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	bottom: 2em;
	display: block;
	color: #FFF;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: -75px;
	position: absolute;
}
}



/* 表格版面: 1119px 到 1041px。樣式繼承自: 有按鈕。 */

@media only screen and (min-width: 1041px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
.resizeHeight{
	height: 700px;
}
.resizeHeight2{
	height: 500px;
}



#store {
	clear: both;
	/* [disabled]float: left; */
	width: 95%;
	padding: 2em;
	display: block;
	margin: 0px;
}
.copyright {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #202020;
	color: #CCC;
	font-weight: bold;
	font-size: 85%;
	width: 100%;
	float: left;
	margin-top: 4em;
	margin-bottom: 2em;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 10px;
	letter-spacing: 0.1em;
}



.store-block-content {
	float: left;
	padding-right: 1em;
	padding-left: 1em;
	margin-right: 3em;
}


.store-block-content p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 85%;
	margin: 0px;
	padding: 0px;
}


#team {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 2em;
	padding-top: 4em;
}


#team section {
	/* [disabled]margin-top: 50px; */
	margin-bottom: 25px;
	float: left;
	width: 100%;
}

.team-block-content {
	float: left;
	display: block;
	width: 30%;
	margin-right: 10px;
	padding: 5px;
	margin-top: 0px;
	margin-left: 10px;
}

.team-block-content02 {
	float: left;
	display: block;
	width: 45%;
	margin-right: 1.5em;
	padding: 5px;
	margin-top: 0px;
	margin-left: 10px;
}

#photograph  {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 2em;
	padding-top: 4em;
}

#photograph section {
	/* [disabled]margin-top: 50px; */
	margin-bottom: 50px;
	width: 100%;
	float: left;
}

.photo-block-content {
	float: left;
	display: block;
	width: 30%;
	margin-right: 10px;
	padding: 5px;
	margin-top: 0px;
	margin-left: 10px;
}



#intor {
	clear: both;
	float: left;
	margin-left: 0;
	/* [disabled]width: 100%; */
	display: block;
	padding-top: 4em;
	padding-bottom: 2em;
}
#intor section {
	/* [disabled]margin-top: 50px; */
	margin-bottom: 50px;
	float: left;
	width: 100%;
}
.intor-block-content0   {
	float: left;
	display: block;
	width: 65%;
	margin-right: 15px;
	padding: 0px;
	margin-top: 0px;
}
.thumb-image {
	width: 100%;
	margin-right: 30px;
}

.intor-block-content   {
	float: left;
	display: block;
	width: 96%;
	margin-right: 4%;
	padding: 0px;
	margin-top: 0px;
}
.intor-block-content02 {
	float: left;
	display: block;
	width: 30%;
	margin-right: 30px;
	padding: 0px;
	margin-top: 0px;
}

.thumb-image02   {
	width: 100%;
	margin-bottom: 20px;
}
#about {
	width: 95%;
	right: 5%;
	clear: both;
	display: block;
	margin-top: 15%;
	position: absolute;
}
#about h1 {
	font-family: "微軟正黑體", Arial;
	font-size: 350%;
	color: #FFF;
	letter-spacing: 0.1em;
	width: 100%;
	text-align: right;
}
#about .infor {
	float: right;
	padding: 20px;
	background-color: #fff\9;
	background-color: rgba(255,255,255,.6);
	letter-spacing: 0.1em;	
}



#about .infor dd  {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
#about .infor dt  {
	margin: 0px;
	padding: 0px;
}


hgroup{
	clear: both;
	margin-left: 0;
	width: 90%;
	display: block;
	position: relative;
	z-index: 3;
	height: 300px;
	clip: rect(auto,10%,auto,auto);
	padding-top: 84px;
}


hgroup h2 {
	text-align: right;
	font-size: 350%;

}
hgroup h3 {
	font-family: "微軟正黑體", Arial, "新細明體";
	font-size: 100%;
	text-align: right;
	padding: 10px;
	background-color: white\9;
	background-color: rgba(255,255,255,.6);	
	float: right;
	clear: both;
	font-weight: normal;
}

.bg{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 900px;
	width: 100%;
	/*background-image: url('img/index/bg01.jpg');
	background-image: url('img/index/bg01.jpg');*/
	background-attachment: fixed;
	/*z-index: 1;*/
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	z-index: 2;

	clear: both;
	float: left;
}

.bg2{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	/*background-image: url('img/index/bg02.jpg');
	background-image: url('img/index/bg02.jpg');*/
	background-attachment: fixed;
	/* [disabled]top: 1550px; */
	background-repeat: no-repeat;
	background-position:center center;
	clear: both;
	float: left;
	height: 1000px;
	z-index:-12;
	position: absolute;
	top: 1600px;
	left:0;
}



.bg3{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	width: 100%;
	/*background-image: url('img/index/bg03.jpg');
	background-image: url('img/index/bg03.jpg');*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center center;
	clear: both;
	float: left;
	height: 1000px;
	z-index:-12;
	position: absolute;
	top: 2800px;
	left:0;
}

.whitebg{
	position: relative;
	z-index:12;
	
	
	}

nav#dot{
display:block;
	
}
section h1 {
	font-size: 150%;
}



section h2 {
	
	font-size: 120%;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333;
	letter-spacing: 0.2em;
	line-height: 230%;
}

.scroll-arrow {
	display: none;
	/*position: fixed;*/
	/*z-index: 3;*/
	left: 50%;
	width: 150px;
	z-index: 10;
	height: 30px;
	text-align: center;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	bottom: 2em;
	display: block;
	color: #FFF;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: -75px;
	position: absolute;
}
}



/* 桌面版面: 1200px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 1200px)  {
.gridContainer {
	width: 88.2%;
	max-width: 1024px;
	height:auto;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	/* [disabled]border: 1px dotted #F00; */
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	/* [disabled]float: left; */
}

.resizeHeight{
	height: 900px;
}

/*body:nth-of-type(1) .resizeHeight2{ 

	height: 605px;
}*/

.resizeHeight2{
	

	height: 605px;

}





#store {
	clear: both;
	/* [disabled]float: left; */
	width: 95%;
	padding: 2em;
	display: block;
	margin: 0px;
}
.copyright {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #202020;
	color: #CCC;
	font-weight: bold;
	font-size: 85%;
	width: 100%;
	float: left;
	margin-top: 4em;
	margin-bottom: 2em;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 10px;
	letter-spacing: 0.1em;
}



.store-block-content {
	float: left;
	padding-right: 1em;
	padding-left: 1em;
	margin-right: 3em;
}


.store-block-content p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 85%;
	margin: 0px;
	padding: 0px;
}


#team {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 2em;
	padding-top: 4em;
}


#team section {
	/* [disabled]margin-top: 50px; */
	margin-bottom: 25px;
	float: left;
	width: 100%;
}

.team-block-content {
	float: left;
	display: block;
	width: 30%;
	margin-right: 10px;
	padding: 5px;
	margin-top: 0px;
	margin-left: 10px;
}

.team-block-content02 {
	float: left;
	display: block;
	width: 45%;
	margin-right: 30px;
	padding: 5px;
	margin-top: 0px;
	margin-left: 10px;
}

#photograph  {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 2em;
	padding-top: 4em;
}

#photograph section {
	/* [disabled]margin-top: 50px; */
	margin-bottom: 50px;
	width: 100%;
	float: left;
}

.photo-block-content {
	/*float: left;
	display: block;
	width: 30%;
	margin-right: 10px;
	padding: 5px;
	margin-top: 0px;
	margin-left: 10px;*/
	float: left;
	display: block;
	/*width: 30%;*/
	 width: 30% !important;

	height:100%;
	margin-right: 0.9em;
	padding: 0px;
	margin-top: 0px;
	margin-left: 1.1em;
	margin-bottom: 1em;
}


.slide {
 height: 100%;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}
.thumb-image03   {
	/*width: 100%;
	margin-bottom: 20px;*/
	/*text-align: center;
	width: 461px;
	height: 307px;*/ 
	margin-bottom: 20px;  
	overflow: hidden;
	cursor: pointer;
	 display: block;

}
.thumb-image03 img{
	/*top: 0px;
	left: -77px;
 	width: 461px;
	height: 307px;*/
    position: relative;
}


#intor {
	clear: both;
	float: left;
	margin-left: 0;
	/* [disabled]width: 100%; */
	display: block;
	padding-top: 4em;
	padding-bottom: 2em;
}
#intor section {
	/* [disabled]margin-top: 50px; */
	margin-bottom: 50px;
	float: left;
	width: 100%;
}
.intor-block-content0   {
	float: left;
	display: block;
	width: 55%;
	margin-right: 15px;
	padding: 0px;
	margin-top: 0px;
	clear: both;
}
.thumb-image {
	width: 100%;
	margin-right: 30px;
}

.intor-block-content   {
	/* [disabled]float: left; */
	display: block;
	width: 96%;
	margin-right: 4%;
	padding: 0px;
	margin-top: 0px;
}
.intor-block-content02 {
	float: left;
	display: block;
	width: 30%;
	margin-right: 30px;
	padding: 0px;
	margin-top: 0px;
}

.thumb-image02   {
	width: 100%;
	margin-bottom: 20px;
}
#about {
	float: left;
	width: 90%;
	clear: both;
	display: block;
	margin-top: 15%;
	margin-right: 10%;
}
#about h1 {
	float: left;
	font-family: "微軟正黑體", Arial;
	font-size: 450%;
	color: #FFF;
	letter-spacing: 0.1em;
	width: 90%
	ri;
	text-align: right;
}
#about .infor {
	float: right;
	padding: 20px;
	background-color: #fff\9;
	background-color: rgba(255,255,255,.6);
	letter-spacing: 0.1em;	
}



#about .infor dd  {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
#about .infor dt  {
	margin: 0px;
	padding: 0px;
}


hgroup{
	clear: both;
	margin-left: 0;
	width: 90%;
	display: block;
	position: relative;
	z-index: 3;
	height: 350px;
	clip: rect(auto,10%,auto,auto);
	padding-top: 84px;
	background-color:transparent !important;
}


hgroup h2 {
	text-align: right;
	font-size: 350%;

}
hgroup h3 {
	font-family: "微軟正黑體", Arial, "新細明體";
	font-size: 100%;
	text-align: right;
	padding: 10px;
	background-color: white\9;
	background-color: rgba(255,255,255,.6);
	float: right;
	clear: both;
	font-weight: normal;
}





.bg{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 1000px;
	width: 100%;
	/*background-image: url('img/index/bg01.jpg');
	background-image: url('img/index/bg01.jpg');*/
	background-attachment: fixed;
	/*z-index: 1;*/
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	z-index: 2;
	clear: both;
	float: left;
	
	
}

.bg2{
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	
	width: 100%;
	/*background-image: url('img/index/bg02.jpg');
	background-image: url('img/index/bg02.jpg');*/
	background-attachment: fixed;
	/* [disabled]top: 1550px; */
	background-repeat: no-repeat;
	background-position:center center;
	clear: both;
	float: left;
	height: 1000px;
	z-index:-12;
	position: absolute;
	top: 1700px;
	left:0;
}

.bg3{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	width: 100%;
	/*background-image: url('img/index/bg03.jpg');
	background-image: url('img/index/bg03.jpg');*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center center;
	clear: both;
	float: left;
	height: 1000px;
	z-index:-12;
	position: absolute;
	top: 2800px;
	left:0;
}

.whitebg{
	position: relative;
	z-index:12;
	
	
	}

nav#dot{
display:block;
	
}
section h1 {
	font-size: 150%;
}



section h2 {
	
	font-size: 120%;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333;
	letter-spacing: 0.2em;
	line-height: 230%;
}

.scroll-arrow {
	display: none;
	/*position: fixed;*/
	/*z-index: 3;*/
	left: 50%;
	width: 150px;
	z-index: 10;
	height: 30px;
	text-align: center;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	bottom: 5em;
	display: block;
	color: #FFF;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: -75px;
	position: absolute;
}
}
@charset "utf-8";
/* CSS Document */

        body { margin: 0; padding: 0; 
		-webkit-font-smoothing: subpixel-antialiased !important;}
        section {/* padding: 20px 50px; margin: 0 auto;*/}
		
		.site-wrapper {
			background-color: #fff;
			overflow: hidden;
			height: 99%;
   			-webkit-transition: all .3s ease;
    		-moz-transition: all .3s ease;
    		transition: all .3s ease;
    		position: relative;
    		z-index: 3;
    		padding: 0;
    		margin: 0 auto;
			
		}
		
		.site-inner-wrapper {
    	position: relative;
  		}
		#content-wrapper {
		opacity: 1;
		position: relative;
		
		background-color: #fff;
		display: block;
		-webkit-transition: opacity .2s;
  		-moz-transition: opacity .2s;
 		 -o-transition: opacity .2s;
 		 transition: opacity .2s;
		}
		
		 .content {
			width: 100%;
			background-color: #fff;
			}
		.content.has-main-image {
			box-shadow: 0 0 75px rgba(0, 0, 0, .1);
		}
		.parallax-item {
			position: relative;
			-webkit-transform: translatez(0);
		
		}
		.title-desc-image {
		/*position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #099;	*/	/*-webkit-transform: translatez(0);*/
		}
		.title-desc-wrapper {
  margin: 0;
  padding: 80px 0 80px 80px;
  position: relative;
}
		
		.title-desc-wrapper {
		position: relative;
		box-sizing: border-box;
		z-index: 10;
		}
		.content-fill{
		 height: 0;
 		 padding-bottom: 100%;
		}
	 	.img-holder {
		/**/position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		-webkit-transform: translatez(0);
		/* [disabled]background-color: #099; */		
		/*position: relative;
		box-sizing: border-box;
		z-index: 11;*/

		}
		.title-desc-wrapper.has-main-image {
		/*padding:80px;
		margin-top: 250px;*/
 		margin-top: 0px;/**/
 		min-height: 250px;
		overflow: hidden;
		
		}
		.title-desc-inner {
		margin: 0;
		max-width: 65%;
		z-index: 100;
		/*position: relative;*/
		position: absolute;
  		margin: 0 auto;
 	 	max-width: 800px;
 		padding: 0;
		}
		
		.title-desc-inner h1.page-title {
		color: #171717;
		background-color: white\9;
		background-color: rgba(255,255,255,0.9);
		padding: 15px 13px 15px 20px;
		}
		
		h1.page-title {
		font-family: 'Source Sans Pro', "微軟正黑體", Arial;
		font-weight: 600;
		font-size: 2.8em;
		line-height: 1em;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: 7px;
		font-weight: 400;
		font-style: normal;
		max-width: 100%;
		display: inline-block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		color: #171717;
		}
		
		.page-desc p {
 		margin: 0 0 .75em;
  		font-family: 'Source Sans Pro', "微軟正黑體", Arial;
  		font-size: 18px;
  		line-height: 1.6em;
 		text-transform: none;
 		text-decoration: none;
  		letter-spacing: 1px;
  		font-weight: 100;
  		font-style: normal;
  		-webkit-hyphens: auto;
  		-moz-hyphens: auto;
  		hyphens: auto;
		}
		.page-desc p:last-child {
  		margin: 0;
		}
		.page-desc a,
		.page-desc a:visited {
 		 color: #171717;
  		background-color: transparent;
  		text-decoration: underline;
		}
		
		.page-desc {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		margin: 25px 0 0;
		max-width: 100%;
		color: #171717;
		}
		
		.title-desc-wrapper.over-image.has-main-image .page-desc {
		color: #171717;
		background-color: white\9;
		background-color: rgba(255,255,255,0.8);
		padding: 15px 20px;
		}
	
		
		
		@media only screen and (min-width: 701px) and (max-width: 1024px) {

.title-desc-inner {
    max-width: 100% !important;
    position: relative !important;
  }

}


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

	  .title-desc-inner {
    /*padding: 0px 0px 0px !important;*/
	 padding: 40px 20px 20px !important;
    max-width: 660px !important;
    position: relative !important;
  }
.title-background .title-desc-wrapper.over-image.has-main-image .page-title {
padding: 10px 15px;
}
		
		
  .img-holder {
		position: absolute;
		top: 0px ;
		left: 0;
		right: 0;
		bottom: 0;
		-webkit-transform: translatez(0);

		}

/*.title-desc-wrapper:not(.has-main-image) {
    padding: 0;
  }
.title-desc-wrapper.has-main-image {
    padding: 0;
  }*/

  .title-desc-wrapper {
    padding: 0;
  }
 
   h1.page-title {
    font-size: 20px;
  }
  .page-desc p {
    font-size: 13px;
  }
  .page-desc {
    margin-top: 20px;
  }
  }

@media only screen and (min-width: 701px) and (max-width: 1024px) {
 .title-desc-inner {
    max-width: 100% !important;
    position: relative !important;
  }
   .title-desc-wrapper .title-desc-inner,
  /*.title--description-alignment-center .title-desc-wrapper .title-desc-inner {
    padding: 0 0 5%;
    max-width: 100%;
    margin-bottom: 0;
  }
.title--description-position-over-image .title-desc-wrapper:not(.has-main-image) {
    padding: 5%;
  }*/
  .title-desc-wrapper .title-desc-inner {
    padding: 5% 5% 0;
  }
 /*.title--description-position-over-image .title-desc-wrapper.has-main-image,
.title--description-position-over-image .title-desc-wrapper.has-main-image {
    padding: 5%;
    min-height: 200px;
  }
  .touch  .title-desc-wrapper.has-main-image {
    padding-bottom: 250px !important;
  }*/
}


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

.title-desc-inner {
    padding: 40px 20px 20px !important;
    max-width: 660px !important;
    position: relative !important;
  }
 /* .title--description-position-over-image .title-desc-wrapper:not(.has-main-image) .title-desc-inner {
    padding: 20px !important;
  }
  .title--description-position-over-image .title-desc-wrapper.has-main-image .title-desc-inner {
    padding-top: 20px !important;
  }
  .title--description-position-over-image .title-desc-wrapper.has-main-image .title-desc-inner {
    padding-bottom: 125px !important;
  }
  .title--description-position-over-image .title-desc-wrapper:not(.has-main-image) {
    padding: 0;
  }
  .title--description-position-over-image .title-desc-wrapper.has-main-image {
    padding: 0;
  }*/
   .title-desc-wrapper:not(.over-image) .title-desc-inner {
    padding: 20px 0 40px !important;
    margin-bottom: 0;
  }
  .title-desc-wrapper {
    padding: 0;
  }
  
   .title-desc-wrapper.has-main-image {
   /* margin-top: 120px;*/

    margin-top: 50px;
  }
   .title-desc-wrapper.has-main-image {
    min-height: 200px !important;
  }
   .title-desc-wrapper {
    padding: 0;
  }
  h1.page-title {
    font-size: 20px;
  }
  .page-desc p {
    font-size: 13px;
  }
  .page-desc {
    margin-top: 20px;
  }
}