@import url(resetCSS.css);
@charset "utf-8";
/* CSS Document */

/* CSS Document */

body 			
{background:url(main_img/green_01.jpg)no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;}

#container				{width:960px; margin:auto;}


#headBG					{display:block; width:960px; height:150px; background-image:url(main_img/head_base.png); margin-top:10px;}

#int					{float:right; font-family : Microsoft JhengHei; font-size : 18px; color:#6a3a07; display:inline-block; padding:0px 20px; margin-top:60px; margin-right: 14px; color:#FFF738;}
#int ul 				{margin:0; padding:0;}
#int li 				{list-style-type:none; float:left; }
#int li a 				{display:block; float:left; padding-top:12px; margin-left:20px;
						text-decoration:none; border-bottom:solid 3px #EDEC57; color:#FFF;
						transition: border-bottom 0.4s ease-in-out;}
#int ul li a:hover 		{border-bottom-color:#7e6800;}
#headBG 				{overflow:hidden;}
#side_intro				{display: block; width: 960px; height: 600px; background-image: url(main_img/side_intro.png);}
#MainContent			{display: block; float: right;  width: 750px; height: 600px; background-image: url(main_img/MainContent_base.png);}
#footer					{display: block; width: 960px; height: 150px; background-image: url(main_img/footer.png);}

#AboutUs				{display: block; width: 1178px; height: 900px; margin-left: -218px; background-image: url(main_img/AboutUs_W.png);}
#AboutUs ul 			{display: block; margin-left: 330px; padding-top: 18px;}

#Contact				{display: block; width: 1178px; height: 900px; margin-left: -218px; background-image: url(main_img/Contact_W.png);}
#Contact ul 			{display: block; margin-left: 330px; padding-top: 18px;}

#NewsMain				{display: block; width: 960px; height: 906px; background-color: #FFF738;}

.NC						{display: block; width: auto; height: auto; float: left; padding-top: 18px; margin-left: 10px;}
.contentNews			{display: block; width: 680px; height:680px; float: inherit;}

#News				{display: block; width: 960px; height: 906px; background-image: url(main_img/NewsB.png);}


#ContactPP				{display: block; margin-left: 253px; margin-top: -600px; margin-right: 6px;}

#PhotoPage01 			{display: block; width: 960px; height: 300px; background-image: url(main_img/PhotoPage01_head.png);}
#PhotoPage02 			{display: block; width: 960px; height: 300px; background-image: url(main_img/PhotoPage02_head.png);}
#PhotoPage03 			{display: block; width: 960px; height: 300px; background-image: url(main_img/PhotoPage03_head.png);}
#PhotoPage04 			{display: block; width: 960px; height: 300px; background-image: url(main_img/PhotoPage04_head.png);}
#PhotoPage06 			{display: block; width: 960px; height: 300px; background-image: url(main_img/PhotoPage06_head.png);}

#subPage				{display: block; width: 960px; height: 70px; margin-top: 2px; background-color: rgba(231,220,73,1.00);}
#subPageBottom			{display: block; width: 960px; height: 60px; background-color: rgba(231,220,73,1.00);}

#PP_content 			{display: inline-block; width: 960px; height: auto; background-color: rgba(231,220,73,1.00)}
.video_01 				{width: 300px; float: left; margin-left: 20px;}
.videoWrapper 			{position: relative;padding-bottom: 56.25%; /* 16:9 */
											padding-top: 25px;height: 0; margin:20px 0;}
.videoWrapper iframe {position: absolute; top: 0; left: 0;width: 100%; height: 100%;}


.myVideo_01 			{max-width: 300px; height: auto; margin: 20px; float: left; margin-top: 15px;}
.myPhoto_01 			{max-width: 300px; height:auto; margin: 10px; float: left;}