/*@media (max-width:1920px) {

}*/

@media (max-width:1440px) {
	.idx-pro-gp .pro-item .photo{height: 15vw;}
	.pro-gp .pro-item .photo{ height:10vw;}
}

/*@media (max-width:1280px) {
}*/

@media (max-width:1024px) {
	.container{width:92%;}
	.logo{ padding-top:5px; width:25%; padding-top:15px;}
	.nav{ width:75%;}
	.menu li:hover:before{height:120%;}
}

@media (max-width:1000px) {
	.header{ text-align:right;}
	.logo{ width:75%; max-width:450px; padding-top:15px;}
	
	/*---------------------*/
	
	.site-language{ position:absolute; z-index:10; top:50%; right:55px; margin-top:-13px; }
	
	/*---------------------*/
	
	.nav{ display:none;}
	
	/*menu*/
	.menu-trigger , .menu-close{ 
		display:inline-block;
		width:40px;
		height:40px;
		text-align:center;
	}

	.menu-trigger{ 
		position:absolute; 
		z-index:10; 
		top:50%; 
		right:0;
		margin-top:-18px;
		/*margin:15px 0 10px 15px;*/
		border:1px solid #5e993c;
		border-radius:3px;
		padding-top:5px;
		width:36px;
		height:36px;
	}
	.menu-trigger i{
		font-size:1.6em;
		color:#5e993c;
	}
	
	.menu-close{ position:absolute; top:10px; right:10px; z-index: 15;}
	
	.menu-wrap{
		display:block;
		position: fixed;
		z-index: 100;
		top: -100%;
		/*top:0;*/
		left: 0;
		height: 100%;
		width: 100%;
		
		text-align:left;
		background:#5e993c;
		color:#FFF;
		overflow-x: hidden;
		overflow-y: auto;
		
		transition:All 0.5s ease;
	}
	.menu-close{ 
		position:absolute; 
		top:10px; 
		right:10px; 
		z-index: 15;
		width:40px;
		height:40px;
	}
	.menu-close.btn-close:before , .menu-close.btn-close:after{ background:#ffffff;}
	ul.mb-menu a {
		position:relative;
		padding: 10px 50px 10px 20px; 
		display: block;
		color:#ffffff;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
	}
	.menu-wrap .title{
		margin:10px 0;
		color:#ffffff;
		border-bottom:2px solid #ffffff;
		font-weight:600;
		font-size:1.2em;
		padding:10px 20px;
	}
	ul.mb-menu ul li {font-size: .98em;}
	ul.mb-menu li {border-bottom: 1px solid rgba(255,255,255, 0.4);}
	ul.mb-menu li:last-child {border-bottom: none;}
	ul.mb-menu ul li:first-child {border-top: 1px solid rgba(255,255,255, 0.4);}
	
	/*有下一層選項的項目設定*/
	ul.mb-menu li.mtree-node > a:after {
		position:absolute;
		z-index:150;
		top:50%;
		right:20px;
		width:20px;
		height:20px;
		margin-top:-10px;
		text-align:center;
		content: '›';
		font-size:1.5em;
		line-height:20px;
		color:#ffffff;
	}
	ul.mb-menu li.mtree-node > a { text-transform: upperCase;}
	ul.mb-menu li li > a {padding-left: 2.2em;}

	ul.mb-menu > li.mtree-open > a { background: #FFC000; color:#FFF; }/*已經打開項目時的設定*/


	.menu-wrap.is-open{top: 0;}
	/*================================================================================*/
	
	.idx-banner:before{display:none;}
	
	 #owl-banner .owl-controls { opacity:0;}
	
	/*================================================================================*/
	
	.idx-group{padding-right:0;}
	.idx-news{
		position:relative; 
		margin-bottom:60px; 
		width:auto;
		height:auto;
		min-height:170px;
		padding-bottom:50px;
		background:#ffffcc;
		background:linear-gradient(top, #ffffcc , #ffffff );
		background:-moz-linear-gradient(top, #ffffcc , #ffffff );
		background:-webkit-linear-gradient(top, #ffffcc , #ffffff );
		background:-o-linear-gradient(top, #ffffcc , #ffffff );
		background:-ms-linear-gradient(top, #ffffcc , #ffffff );
		
		border-radius:10px;
		
		webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
		-o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
		box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
	}
	.idx-news .title{
		position:absolute;
		top:-6px;
		left:6px;
		width:240px;
		height:40px;
		background:url(../images/idx-about-title.png) no-repeat center;
		line-height:38px;
	}
	#abgne_marquee {
		position:absolute;
		top:50px;
		left:20px;
		width: 90%;
		height: 60px;
	}
	#abgne_marquee ul li a{font-size:1em; color:#333; line-height:27px; height:60px;}
	#abgne_marquee ul li a:hover{color:#333;}
	
	.idx-news .more-btn{ display:block; position:absolute; right:20px; bottom:10px; }
	
	
	.idx-about{	min-height:auto; padding-bottom:50px;}
	
	.idx-about .intro{ height:auto; overflow:auto;}

	.idx-about .more-btn{position:absolute; right:20px; bottom:10px; }
	
	/*================================================================================*/
	
	.page-left{ display:none;}
	.page-right{width:100%;}
	
	/*================================================================================*/
	
	.breadcrumbs{text-align:left;}
	
	/*================================================================================*/

	.pro-gp .pro-item .photo{ height:13vw;}
	
	/*================================================================================*/
	
	.datepost .photo{height: 150px;}

	/*================================================================================*/
	
	
}


@media (max-width:960px) {
	
	.footer-menu { display:none;}
	.footer-info{margin-top:100px;}
	
	/*---------------------*/
		
	.top-scrolling-btn{
		display:block;
		position:absolute;
		top:0px;
		left:50%;
		width:50px;
		height:50px;
		margin-top:-65px;
		margin-left:-25px;
		border-radius:50%;
		text-align:center;
		background:transparent;
		border:1px solid #ffffff;
		font-size:1.2em;
	}
	.top-scrolling-btn a{ 
		display:block; 
		width:100%; 
		height:100%;
		border-radius:50%; 
		color:#ffffff; 
		font-weight:600;
		padding-top:5px;
	}
	
	.top-scrolling-btn i{
		font-size:2.2em;
	}

	.top-scrolling-btn .icon-txt{ display:none;}

	
	/*================================================================================*/
	
	.about-area{padding-bottom:80px;}
	.about-dec img{ max-width:300px;}
	
	.pro-item:hover .title {
		-moz-transform:translateY(0px));
		-webkit-transform:translateY(0px);
		-o-transform:translateY(0px);
		-ms-transform:translateY(0px);
		transform:translateY(0px);
	}
	
	
	
}

@media (max-width:768px) {
	
	.cols02 > .col{width:100%;}
	.cols03 > .col{width:49%;}

	.cols02 > .col{ margin-right:0%;}
	
	.cols03 > .col:nth-child(3n){ margin-right:2%;}
	.cols03 > .col:nth-child(3n+1){ clear:none; float:left;}
	.cols03 > .col:nth-child(2n){ margin-right:0%;}
	.cols03 > .col:nth-child(2n+1){ clear:both; float:left;}
	
	/*================================================================================*/
	
	.desktop-page-banner{ display:none;}
	.mobile-page-banner{ display:block;}
	
	/*================================================================================*/
	
	.footer-icon{ display:none;}
	.footer-info{text-align:center;padding-left:0px;}
	.footer-designer{ text-align:center;}
	
	/*================================================================================*/
	
	.datepost{padding:0 5%;}
	.datepost-list li:nth-child(3n) .datepost:before{ display:inline-block;}
	.datepost-list li:nth-child(2n) .datepost:before{ display:none;}
	
	/*================================================================================*/
	
	.map iframe{ height:300px;}
	
	/*================================================================================*/
	
	.pro-detail{
		position:relative;
		/*min-height:500px;*/
		padding-left:0px;
	}
	
	.pro-detail .photo{
		position:relative;
		margin-left:auto;
		margin-right:auto;
	}
	
	.pro-detail .title{ padding-top:0px;}
	.pro-detail .intro{ padding-bottom:60px;}
	.pro-desc{ padding-left:0px;}
	
	.pro-photo li{ width:31%; height:17vw;}
	
	/*================================================================================*/
	
	.info-list{ margin-top:15px; margin-left:0px; }

	
}

@media (max-width:640px) {
	
	.cols04 > .col{width:49%;}
	.cols04 > .col:nth-child(2n){ margin-right:0%;}
	.cols04 > .col:nth-child(2n+1){clear:both; float:left;}
	
	/*================================================================================*/
	
	.back-line{text-align:center;}
	
	/*================================================================================*/

	.pro-item .photo{
		border-width:0px; 
		margin-bottom:0px;
		-webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0) inset;
		-moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0) inset;
		-o-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0) inset;
		box-shadow: -1px -1px 1px rgba(0, 0, 0, 0) inset;
	}
	
	.pro-item{
		background:#FFF;
		border-width:0px;
		webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0);
		-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0);
		-o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0);
		box-shadow: 1px 2px 3px rgba(0, 0, 0, 0);
	}
	.pro-item:before , .pro-item:after{ display:none;}
	.pro-item .title a , .pro-item:hover .title a{ color:#333;}
	
	
	.idx-pro-gp .col{ padding:0%;}
	.idx-pro-gp .pro-item .photo{ height: 35vw; }
	
	.pro-gp .col{ padding:0%;}
	.pro-gp .pro-item .photo{ height:35vw;}
	
	/*================================================================================*/
	
	.about-area{padding-bottom:0px;}
	.about-dec{position:relative;}

	/*================================================================================*/
	
	.video iframe{ height:auto; min-height:300px;}
	
	/*================================================================================*/
	
	.category a{ width:70%; padding-left:5px; padding-right:5px; }
	.category a:nth-child(2n):before{ display:none;}
}

@media (max-width:480px) {	

	.download{ text-align:center;}

	/*================================================================================*/
	
	.datepost-list .col{width:100%; margin-right:0%;}
	.datepost{padding:0;}
	
	.datepost:before{
		position:absolute;
		z-index:0;
		bottom:-30px;
		right:5%;
		width:95%;
		height:1px;
	}
	.datepost .photo{height: 170px;}
	
	/*================================================================================*/
	
	.thumbnail-list .col{width:100%; margin-right:0%; padding:20px;}

	/*================================================================================*/

	.info-list{margin-bottom:0px;}
	.info-list:before{display:none;}
	
	/*================================================================================*/
	
	.link-box{ padding-left:95px; padding-right:10px; padding-bottom:60px; min-height:auto;}
	.link-box .photo{ width:80px; height:80px; }
	.link-box .title , .link-box .intro{ padding:0 10px;}

	.link-box , .link-box:hover{
		background:#ffffff;
		border-color:transparent;
		border-bottom-color:#336600;
		-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0);
		-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0);
		-o-box-shadow: 1px 1px 1px rgba(0,0,0,0);
		box-shadow: 1px 1px 1px rgba(0,0,0,0);
	}
	.link-box .morebtn , .link-box:hover .morebtn{background:url(../images/link-btn02.png) no-repeat center;}
	.link-box .morebtn a:before , .link-box:hover .morebtn a:before{color:#ffffff;}
	/*.link-box .intro , .link-box:hover .intro{color:#666666; font-size:0.9em;}*/
	.link-box .intro{ display:none; }
	.link-box .title a , .link-box:hover .title a{ color:#336600;}
	.link-box .title:hover a{color:#336600;}
	
	/*================================================================================*/

	.news-photo .col{ width:100%; margin-eft:0; margin-right:0;}
	.news-photo .col:nth-child(2n+1){ clear:both; float:left;}
	
	/*================================================================================*/

	.pro-detail .photo{
		position:relative;
		width:100%;
		height:92vw;
		background:#ffffff;
	}
	
	.pro-detail .title{ text-align:center;}
	
	.pro-detail .photo img{
		max-width: 90%;
		max-height: 90%;
	
		position: absolute;
		top: 50%;
		left: 50%;
	}
	
	.pro-photo li{ width:48%; height:30vw;}
	
	
	
}

@media (max-width:360px) {
	.logo{ width:70%;}
}