@charset "utf-8";

/* ======================================
	Media Queries
====================================================================================================================================== */

@media screen and (min-width: 992px) and (max-width: 1599px) {}

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

	/* ==11. 首頁=======================================*/
	.link-box{ min-height:300px; padding-right:52%; }
	.link-content{ width:52%; }
	
	.link-more-line{ background:transparent; padding-top:5px; padding-bottom:5px; }
	.link-heading{ margin-bottom:5px; }
	.link-more-btn a{ color:#466BAA; border-color:#466BAA; padding:3px 20px;  }
	.link-more-line:before{ display:none; }
	.link-spec{ margin-bottom:5px; }
	
	.link-box.right{ padding-left:52%;}

}


@media only screen and (max-width: 1024px) {
	
	/* ==07. 輪播banner設定=======================================*/
	.page-banner .container{ width:100%; }
	
}


@media only screen and (max-width: 992px) {
	
	/* ==06. 頁首header設定=======================================*/
	.menu-list{ display:none; }
	.language-wrap{ display:none; }
	
	.header-top-flex{ padding-top:30px; padding-bottom:15px; }
	.header-top-left{ width:calc(100% - 70px); margin-right:20px; }
	.header-top-right{ width:50px; }
	
	
	#header-bar-fixed.setfixed{ 
		position:relative;
		-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		-o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	}
	#header-bar-fixed.setfixed .header-top-flex{}
	#header-bar-fixed.setfixed .desktop-logo{ display:block; }
	#header-bar-fixed.setfixed .mobile-logo{ display:none; }

	
	
	/* ==07. 小螢幕時選單設定=======================================*/
	.nav-trigger{ display:block; }
	
	/*mobile 選單開啟*/
	.mobile-menu-wrap.is-open {
		opacity:1;
		visibility: visible;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
		-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
		transition: transform 0.5s 0s, visibility 0s 0s;
	}

	.page-overlay.opened{ display:block; }
	
	body.overflow-hidden { overflow: hidden; }
	
	
	
	
	/* ==10. 全頁面共同設定=======================================*/
	.page-side{ width:100%; margin-right:0; }
	.page-maincontent{ width:100%; }
	.category-list{ display:none;}
	
	.side-nav{ display:none; }
	
	.search-box{ margin-bottom:30px; }
	
	
	
	/* ==11. 首頁=======================================*/
	.link-box{ min-height:300px; }
	
	.idx-contact-form-wrap , .idx-map{ width:100%; margin:20px 0; }
	.idx-map iframe{ height:250px; }
	
	
	/* ==14. 商品介紹=======================================*/
	.product-box{ padding-left:0; padding-right:0; }
	
	
	/* ==16. 最新消息=======================================*/
	/* .post-item{ padding-left:0; padding-right:0; } */
	

}


@media only screen and (max-width: 768px) {
	
	/* ==08. 頁尾footer設定=======================================*/
	.footer-top , .web-copyright{ text-align:center; }
	.footer-menu-list{ display:none; }
	
	
	/* ==11. 首頁=======================================*/
	.sgs-area .photo , .sgs-area .content{ width:100%; text-align:center; }
	.sgs-area .photo{ margin-bottom:10px; max-width:150px; }
	.sgs-area .content .title span{ padding:0 15px; margin:0; font-size:1.6em; }
	
	.idx-material{ height:350px; }
	.idx-material-box{ width:100%; height:350px; text-align:center; padding:120px 10px; }
	.idx-material-box:before{ display:none; }
	.idx-material-btn .title{ font-size:1.4em; }
	
	.link-box{ min-height:auto; padding-right:0; margin-bottom:30px; }
	.link-content{ position:relative; width:100%; }
	.link-heading , .link-spec-title , .link-spec , .link-more-line{ padding-left:0; padding-right:0; }
	.link-heading .title{ font-size:1.5em; }
	.link-spec-title{ font-size:1.1em; }
	.link-more-line{ text-align:center; }
	
	.link-box.right{ padding-left:0;}
	
	/*.idx-fb{ padding-left:20px; padding-right:20px; }
	.idx-fb .content .title{ font-size:1.5em;}*/
	
	.idx-news-box{ width:100%; margin-left:0; margin-right:0; }
	.idx-news-box .item-thumb-frame{ display:none; }
	.idx-news-box:nth-child(2){ margin-bottom:10px;}
	.news-spec{ height:54px; overflow:hidden; }
	

	.idx-albums-list li{ width:32%; margin-right:2%; }
	.idx-albums-list li:nth-child(3n){ margin-right:0;}
	
	.idx-works-list li{ width:32%; margin-right:2%; }
	.idx-works-list li:nth-child(5n){ margin-right:2%; }
	.idx-works-list li:nth-child(3n){ margin-right:0; }
	
	
	
	/*.idx-faq{ height:350px; } 
	.idx-faq .photo{ display:inline-block; max-width:150px; }
	.idx-faq-title{ font-size:1.2em; padding:0 20px; }*/
	
	.contact-btn-line{ position:relative; width:100%; text-align:center; margin-top:30px; }
	
	
	.footer-logo{ margin-left:auto; margin-right:auto; }
	
	
	
	/* ==14. 商品介紹=======================================*/
	.product-view-left{ width:100%; margin-right:0%; margin-bottom:15px; }
	.product-view-right{ width:100%; } 
	
	
	/* ==15. 作品欣賞=======================================*/
	.works-list li{ width:48%; margin-right:4%; }
	.works-list li:nth-child(2n){ margin-right:0;}
	.works-list li:nth-child(2n+1){ clear:both; float:left; }
	
	.works-box a{ padding:0; }
	.works-title{ padding:0 5px; }
	
	
	/* ==21. 相關連結=======================================*/
	.link-list li{ width:32%; margin-right:2%; }
	.link-list li:nth-child(5n){ margin-right:2%; }
	.link-list li:nth-child(3n){ margin-right:0; }
	
}


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

	/* ==10. 全頁面共同設定=======================================*/
	.page-headline{ margin:15px 0 30px 0; }
	.page-headline .title , .page-headline .subtitle{ margin:3px 0; }
	.page-headline .title{ font-size:20px; }
	.page-headline .subtitle{ font-size:14px;}

	.content-headline span{ font-size:14px; }
	
	.view-heading{ font-size:18px; }
	

	/* ==11. 首頁=======================================*/
	
	
	.contact-form-line:nth-child(2) , .contact-form-line:nth-child(3) ,
	.contact-form-line:nth-child(4) , .contact-form-line:nth-child(5){ width:100%; margin-right:0; }
	
	.idx-albums-list li{ width:48%; margin-right:4%; }
	.idx-albums-list li:nth-child(2n){ margin-right:0;}
	
	.idx-works-list li{ width:48%; margin-right:4%; }
	.idx-works-list li:nth-child(5n){ margin-right:4%; }
	.idx-works-list li:nth-child(3n){ margin-right:4%; }
	.idx-works-list li:nth-child(2n){ margin-right:0; }
	
	
	
	/* ==14. 活動公告=======================================*/
	.announecment-left{ width:200px; margin-right:30px; margin-bottom:10px; }
	.announecment-right{ width:100%; }
	
	
	/* ==21. 相關連結=======================================*/
	.link-list li{ width:49%; margin-right:2%; }
	.link-list li:nth-child(3n){ margin-right:2%; }
	.link-list li:nth-child(2n){ margin-right:0; }
	
}


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

	/* ==05. 回頂端按紐=======================================*/
	.scrolltop{ bottom: 15px; }
	
	
	/* ==06. 頁首header設定=======================================*/
	.space-line{ height:35px;}
	
	.logo{ max-width:230px; }
	
	
	/* ==08. 頁尾footer設定=======================================*/
	.web-copyright{ padding-bottom:60px; }	
	
	
	/* ==11. 首頁=======================================*/
	/*.idx-fb{ padding-left:10px; padding-right:10px; }
	.idx-fb .photo{ max-width:250px; }
	.idx-fb .content .title{ font-size:1.1em; margin-bottom:10px; }
	.idx-fb .content .spec{ font-size:0.95em;  }*/
	
	
	/* ==14. 商品介紹=======================================*/
	.product-box a .item-thumb-frame{ width:100%; margin-right:0%; margin-bottom:10px;  }
	.product-content{ width:100%;}
	
	
}


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