@media screen and (min-width: 1200px) {

	body{
		font-family: Arial,"微軟正黑體" , sans-serif;
		font-size: 10pt;
		background:url('../images/Bg.png');
	}

	img{
		border:0;
	}


	.show{
		display: none;
	}

	.RWDhidden{
		display: block;
	}


	.fade{
		display: none;
	}


	#header{
		position: relative;
		width:100%;
		height:64px;
		background: url('../images/headBg.png');
	}

	#logo{
		position: absolute;
		top:0;
		left:5%;
		width:308px;
	}

	#mainMenu{
		position: absolute;
		width:460px;
		height:30px;
		bottom:20px;
		right:3%;
	}

	#mainMenu li{
		display: block;
		position: relative;
		float: left;
		width:100px;
		height:30px;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#mainMenu li#fb{
		float: left;
		width:20px;
		height:30px;
		padding: 0 5px;
		opacity: 0.75;
	}

	#fbIcon{
		display: block;
	}

	#fbText{
		display: none;
	}

	#mainMenu li#fb:hover{
		opacity: 1;
	}

	#mainMenu li:hover .cn{
		color: #fff;
	}

	#mainMenu li:hover .en{
		color: #fff;
		height: 10px;
	}

	#mainMenu li .cn{
		display:block;
		height:20px;
		line-height: 20px;
		font-size: 10pt;
		color: #ccc;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#mainMenu li .en{
		display:block;
		height: 10px;
		line-height: 10px;
		font-size: 8pt;
		color: #aaa;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#content{
		position: relative;
		min-height: 600px;
		width:100%;
	}

	#footer{
		position: relative;
		width:100%;
		height:147px;
		background: url('../images/footerBg.jpg');
	}


	#footerLogo{
		position: absolute;
		bottom:25px;
		right:5%;
	}

	#footerLogoText{
		height: 25px;
		line-height: 25px;
		font-size: 10pt;
		text-align: right;
		color:#aaa;
	}

	#copyright{
		height: 10px;
		line-height: 10px;
		font-size: 8pt;
		text-align: right;
		color:#888;
	}

	#galleryMenu:hover ul{
		padding-top: 15px;
		height:150px;
	}

	#galleryMenu ul{
		width:80%;
		margin-top: 3px;
		padding-top: 0px;
		height: 0px;
		background:#29302f;
		overflow: hidden;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#galleryMenu ul li{
		float: left;
		width:100%;
		height:35px;
		line-height: 35px;
		background:#29302f;
		color: #aaa;
		z-index: 99999999;
		text-align: center;
	}

	#galleryMenu ul li:hover{
		color: #fff;
	}

	#galleryMenu ul a:last-child li{
		border-bottom:#3f4745 10px solid;
	}

}



@media screen and (max-width: 1200px) and (min-width: 900px) {

	body{
		font-family: Arial,"微軟正黑體" , sans-serif;
		font-size: 10pt;
		background:url('../images/Bg.png');
	}

	img{
		border:0;
	}



	.show{
		display: none;
	}

	.RWDhidden{
		display: block;
	}


	#header{
		position: relative;
		width:100%;
		height:64px;
		background: url('../images/headBg.png');
	}

	#logo{
		position: absolute;
		top:0;
		left:1%;
		width:308px;
	}

	#mainMenu{
		position: absolute;
		width:460px;
		height:30px;
		bottom:20px;
		right:3%;
	}

	#mainMenu li{
		display: block;
		position: relative;
		float: left;
		width:100px;
		height:30px;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#mainMenu li#fb{
		float: left;
		width:20px;
		height:30px;
		padding: 0 5px;
		opacity: 0.75;
	}

	#fbIcon{
		display: block;
	}

	#fbText{
		display: none;
	}

	#mainMenu li:hover .cn{
		color: #fff;
	}

	#mainMenu li:hover .en{
		color: #fff;
		height: 10px;
	}

	#mainMenu li .cn{
		display:block;
		height:20px;
		line-height: 20px;
		font-size: 10pt;
		color: #ccc;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#mainMenu li .en{
		display:block;
		height: 10px;
		line-height: 10px;
		font-size: 8pt;
		color: #aaa;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#content{
		position: relative;
		min-height: 600px;
		width:880px;
		margin:0 auto;
	}

	#footer{
		position: relative;
		width:100%;
		height:147px;
		background: url('../images/footerBg.jpg');
	}


	#footerLogo{
		position: absolute;
		bottom:25px;
		right:5%;
	}

	#footerLogoText{
		height: 25px;
		line-height: 25px;
		font-size: 10pt;
		text-align: right;
		color:#aaa;
	}

	#copyright{
		height: 10px;
		line-height: 10px;
		font-size: 8pt;
		text-align: right;
		color:#888;
	}

	#galleryMenu:hover ul{
		padding-top: 15px;
		height:150px;
	}

	#galleryMenu ul{
		width:80%;
		margin-top: 3px;
		padding-top: 0px;
		height: 0px;
		background:#29302f;
		overflow: hidden;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#galleryMenu ul li{
		float: left;
		width:100%;
		height:35px;
		line-height: 35px;
		background:#29302f;
		color: #aaa;
		z-index: 99999999;
		text-align: center;
	}

	#galleryMenu ul li:hover{
		color: #fff;
	}

	#galleryMenu ul a:last-child li{
		border-bottom:#3f4745 10px solid;
	}

}





@media screen and (max-width: 900px) and (min-width: 480px) {

	body{
		font-family: Arial,"微軟正黑體" , sans-serif;
		font-size: 10pt;
		background:url('../images/Bg.png');
	}

	img{
		border:0;
	}


	.show{
		display: none;
	}

	.RWDhidden{
		display: block;
	}


	#header{
		position: relative;
		width:100%;
		height:64px;
		background: url('../images/headBg.png');
	}

	#logo{
		position: absolute;
		top:0;
		left:1%;
		width:308px;
	}

	#mainMenu{
		position: absolute;
		top:0px;
		width:83px;
		right:1%;
		padding-top: 55px;
		z-index: 99;
		background: url('../images/mainMenuBg.jpg');
	}

	#mainMenu li{
		display: none;
		position: relative;
		width:61px;
		height:30px;
		line-height:30px; 
		padding:10px 15px;
		text-align: center;
		background:#3f4745;
		overflow:hidden;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#mainMenu li#fb{
		float: left;
		width:81px;
		height:30px;
		padding: 0 5px;
		opacity: 0.75;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}

	#fbIcon{
		display: none;
	}

	#fbText{
		display: block;
	}

	#mainMenu li:hover .cn{
		color: #fff;
	}

	#mainMenu li:hover .en{
		display: none;
		color: #fff;
		height: 10px;
	}

	#mainMenu li .cn{
		display:block;
		height:20px;
		line-height: 20px;
		font-size: 10pt;
		color: #ccc;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#mainMenu li .en{
		display: none;
		height: 10px;
		line-height: 10px;
		font-size: 8pt;
		color: #aaa;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#content{
		position: relative;
		min-height: 600px;
		width:460px;
		margin:0 auto;
	}

	#footer{
		position: relative;
		width:100%;
		height:147px;
		background: url('../images/footerBg.jpg');
	}


	#footerLogo{
		position: absolute;
		bottom:25px;
		right:5%;
	}

	#footerLogoText{
		height: 25px;
		line-height: 25px;
		font-size: 10pt;
		text-align: right;
		color:#aaa;
	}

	#copyright{
		height: 10px;
		line-height: 10px;
		font-size: 8pt;
		text-align: right;
		color:#888;
	}

	#galleryMenu{
		height:150px !important;
	}

	#galleryMenu ul{
		width:100%;
		margin-top: 3px;
		background:#29302f;
		overflow: hidden;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#galleryMenu ul li{
		width:100%;
		height:35px;
		line-height: 35px;
		background:#29302f;
		color: #aaa;
		z-index: 99999999;
		text-align: center;
		margin:0 !important;
		padding:0 !important;
	}

	#galleryMenu ul li:hover{
		color: #fff;
	}

	#galleryMenu ul a:last-child li{
		border-bottom:#3f4745 10px solid;
	}

}






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

	body{
		font-family: Arial,"微軟正黑體" , sans-serif;
		font-size: 10pt;
		background:url('../images/Bg.png');
	}

	img{
		border:0;
	}

	.show{
		display: inline-block;
	}

	.RWDhidden{
		display: none;
	}


	#header{
		position: relative;
		width:100%;
		height:64px;
		background: url('../images/headBg.png');
	}

	#logo{
		position: absolute;
		bottom:5px;
		left:1%;
		width:50%;
	}

	#mainMenu{
		position: absolute;
		top:0px;
		width:83px;
		right:1%;
		padding-top: 55px;
		z-index: 99;
		background: url('../images/mainMenuBg.jpg');
	}

	#mainMenu li{
		display: none;
		position: relative;
		width:61px;
		height:30px;
		line-height:30px; 
		padding:10px 15px;
		text-align: center;
		background:#3f4745;
		overflow:hidden;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#mainMenu li#fb{
		float: left;
		width:81px;
		height:30px;
		padding: 0 5px;
		opacity: 0.75;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}

	#fbIcon{
		display: none;
	}

	#fbText{
		display: block;
	}

	#mainMenu li:hover .cn{
		color: #fff;
	}

	#mainMenu li:hover .en{
		display: none;
		color: #fff;
		height: 10px;
	}

	#mainMenu li .cn{
		display:block;
		height:20px;
		line-height: 20px;
		font-size: 10pt;
		color: #ccc;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#mainMenu li .en{
		display: none;
		height: 10px;
		line-height: 10px;
		font-size: 8pt;
		color: #aaa;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#content{
		position: relative;
		min-height: 600px;
		width:250px;
		margin:0 auto;
	}

	#footer{
		position: relative;
		width:100%;
		height:147px;
		background: url('../images/footerBg.jpg');
	}


	#footerLogo{
		position: absolute;
		bottom:25px;
		right:5%;
	}

	#footerLogoText{
		height: 25px;
		line-height: 25px;
		font-size: 10pt;
		text-align: right;
		color:#aaa;
	}

	#copyright{
		height: 10px;
		line-height: 10px;
		font-size: 8pt;
		text-align: right;
		color:#888;
	}

	#galleryMenu{
		height:150px !important;
	}

	#galleryMenu ul{
		width:100%;
		margin-top: 3px;
		background:#29302f;
		overflow: hidden;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#galleryMenu ul li{
		width:100%;
		height:35px;
		line-height: 35px;
		background:#29302f;
		color: #aaa;
		z-index: 99999999;
		text-align: center;
		margin:0 !important;
		padding:0 !important;
	}

	#galleryMenu ul li:hover{
		color: #fff;
	}

	#galleryMenu ul a:last-child li{
		border-bottom:#3f4745 10px solid;
	}

}



/* for IPhone */
@media only screen and (max-device-width: 480px) {

	body{
		font-family: Arial,"微軟正黑體" , sans-serif;
		font-size: 10pt;
		background:url('../images/Bg.png');
	}

	img{
		border:0;
	}

	.show{
		display: inline-block;
	}

	.RWDhidden{
		display: none;
	}


	#header{
		position: relative;
		width:100%;
		height:64px;
		background: url('../images/headBg.png');
	}

	#logo{
		position: absolute;
		bottom:5px;
		left:1%;
		width:50%;
	}

	#mainMenu{
		position: absolute;
		top:0px;
		width:83px;
		right:1%;
		padding-top: 55px;
		z-index: 99;
		background: url('../images/mainMenuBg.jpg');
	}

	#mainMenu li{
		display: none;
		position: relative;
		width:61px;
		height:30px;
		line-height:30px; 
		padding:10px 15px;
		text-align: center;
		background:#3f4745;
		overflow:hidden;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#mainMenu li#fb{
		float: left;
		width:81px;
		height:30px;
		padding: 0 5px;
		opacity: 0.75;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}

	#fbIcon{
		display: none;
	}

	#fbText{
		display: block;
	}

	#mainMenu li:hover .cn{
		color: #fff;
	}

	#mainMenu li:hover .en{
		display: none;
		color: #fff;
		height: 10px;
	}

	#mainMenu li .cn{
		display:block;
		height:20px;
		line-height: 20px;
		font-size: 10pt;
		color: #ccc;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#mainMenu li .en{
		display: none;
		height: 10px;
		line-height: 10px;
		font-size: 8pt;
		color: #aaa;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#content{
		position: relative;
		min-height: 600px;
		width:250px;
		margin:0 auto;
	}

	#footer{
		position: relative;
		width:100%;
		height:147px;
		background: url('../images/footerBg.jpg');
	}


	#footerLogo{
		position: absolute;
		bottom:25px;
		right:5%;
	}

	#footerLogoText{
		height: 25px;
		line-height: 25px;
		font-size: 10pt;
		text-align: right;
		color:#aaa;
	}

	#copyright{
		height: 10px;
		line-height: 10px;
		font-size: 8pt;
		text-align: right;
		color:#888;
	}

	#galleryMenu{
		height:150px !important;
	}

	#galleryMenu ul{
		width:100%;
		margin-top: 3px;
		background:#29302f;
		overflow: hidden;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#galleryMenu ul li{
		width:100%;
		height:35px;
		line-height: 35px;
		background:#29302f;
		color: #aaa;
		z-index: 99999999;
		text-align: center;
		margin:0 !important;
		padding:0 !important;
	}

	#galleryMenu ul li:hover{
		color: #fff;
	}

	#galleryMenu ul a:last-child li{
		border-bottom:#3f4745 10px solid;
	}

}

/* for ipad */
@media screen and (max-device-width:900px) and (min-device-width:480px) {

	body{
		font-family: Arial,"微軟正黑體" , sans-serif;
		font-size: 10pt;
		background:url('../images/Bg.png');
	}

	img{
		border:0;
	}


	.show{
		display: none;
	}

	.RWDhidden{
		display: block;
	}


	#header{
		position: relative;
		width:100%;
		max-width:900px;
		height:64px;
		background: url('../images/headBg.png');
	}

	#logo{
		position: absolute;
		top:0;
		left:1%;
		width:308px;
	}

	#mainMenu{
		position: absolute;
		top:0px;
		width:83px;
		right:1%;
		padding-top: 55px;
		z-index: 99;
		background: url('../images/mainMenuBg.jpg');
	}

	#mainMenu li{
		display: none;
		position: relative;
		width:61px;
		height:30px;
		line-height:30px; 
		padding:10px 15px;
		text-align: center;
		background:#3f4745;
		overflow:hidden;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#mainMenu li#fb{
		float: left;
		width:81px;
		height:30px;
		padding: 0 5px;
		opacity: 0.75;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}

	#fbIcon{
		display: none;
	}

	#fbText{
		display: block;
	}

	#mainMenu li:hover .cn{
		color: #fff;
	}

	#mainMenu li:hover .en{
		display: none;
		color: #fff;
		height: 10px;
	}

	#mainMenu li .cn{
		display:block;
		height:20px;
		line-height: 20px;
		font-size: 10pt;
		color: #ccc;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#mainMenu li .en{
		display: none;
		height: 10px;
		line-height: 10px;
		font-size: 8pt;
		color: #aaa;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#content{
		position: relative;
		min-height: 600px;
		width:460px;
		margin:0 auto;
	}

	#footer{
		position: relative;
		width:100%;
		height:147px;
		background: url('../images/footerBg.jpg');
	}


	#footerLogo{
		position: absolute;
		bottom:25px;
		right:5%;
	}

	#footerLogoText{
		height: 25px;
		line-height: 25px;
		font-size: 10pt;
		text-align: right;
		color:#aaa;
	}

	#copyright{
		height: 10px;
		line-height: 10px;
		font-size: 8pt;
		text-align: right;
		color:#888;
	}

	#galleryMenu{
		height:150px !important;
	}

	#galleryMenu ul{
		width:100%;
		margin-top: 3px;
		background:#29302f;
		overflow: hidden;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		-o-transition:0.3s;
		transition:0.3s;
	}

	#galleryMenu ul li{
		width:100%;
		height:35px;
		line-height: 35px;
		background:#29302f;
		color: #aaa;
		z-index: 99999999;
		text-align: center;
		margin:0 !important;
		padding:0 !important;
	}

	#galleryMenu ul li:hover{
		color: #fff;
	}

	#galleryMenu ul a:last-child li{
		border-bottom:#3f4745 10px solid;
	}

}