
@media (max-width:1024px) {
	
	/*====== idx[03]-輪播設定 */
	.page-banner .container{ width:100%; }

}

@media (max-width:992px) {


	/*====== globe[01]header-01.上列 */
	.header-top-line .header-flex  .flex-left{ width:calc( 100% - 80px ); }
	.header-top-line .header-flex  .flex-right{ display:block; width:80px; }



	/*====== globe[01]header-09.頁首-fb social link */
	.link-line{ display:none; }


	/*====== globe[01]header-04.語系(in index) */
	.lang-header-area{ display:none; }


	/*====== globe[01]header-02.logo(大螢幕) */
	.photo-logo{ display:none; }
	
	/*====== globe[01]header-02.logo(小螢幕) */
	.text-logo{ display:block; }


	/*====== globe[01]header-03.選單 */
	.menu-list{ display:none; }


	/*====== globe[01]header-05.在下捲時header固定於最上方 */
	.header-fixed-bar .inner-area{ padding:5px 15px;}
	.header-fixed-bar .header-fixed-flex .flex-left{ width:calc( 100% - 80px ); }
	.header-fixed-bar .header-fixed-flex .flex-right{ display:block; width:80px; }
	
	.header-fixed-bar .logo-area{ display:block; }

	/*大螢幕logo*/
	.header-fixed-bar .photo-logo{ display:none; }
	
	/*小螢幕logo*/
	.header-fixed-bar .text-logo{ display:block; }
	.header-fixed-bar .text-logo a{
		color:#466BAA;
		color:var(--primary-color);
	}

	.header-fixed-bar .menu-list{ display:none; }
	
	

	/*====== globe[01]header-06.小螢幕-啟動鈕 */
	.hamburger-trigger.menu{ display:block; }

	/* .hamburger-trigger.company-cate{ display:block; } */


	
	/*====== globe[01]header-07.小螢幕選單之跳出面 */
	.sidebar-toggle-area.opened{ 
		transform:translateX(-360px);
		box-shadow:0 -5px 10px rgba(0,0,0,0.8);
	}
	
	.page-overlay{
		display:none; 
		position:fixed;
		z-index:999;
		top:0;
		left:0; 
		width:100%;
		height:100vh;
		background:rgba(0,0,0,0.8);
		overflow:hidden;
		cursor:pointer;
	}
	.page-overlay.opened{ display:block; }
	
	body.overflow-hidden { overflow:hidden; }


	
	/*====== globe[02]footer-1.主列 */
	.footer-main-line .footer-flex > .flex-left{ width:100%; }
	.footer-main-line .footer-flex > .flex-right{ width:100%; }

	/*====== globe[02]footer-2.logo */
	.footer-logo{ margin-left:auto; margin-right:auto; text-align:center; }
	
	/*====== globe[02]footer-3.選單 */
	.footer-menu-list{ display:none; }


	/*====== globe[02]footer-4.公司資料 */
	.footer-info-list > li{ text-align:center; }
	
	.footer-infometa{ margin:0 8px; }

	.footer-bottom-line{ padding:20px 0 80px 0; }
	.footer-bottom-line .footer-flex > .flex-left ,
	.footer-bottom-line .footer-flex > .flex-right{ width:100%; margin:5px 0; }


	/*====== globe[02]footer-5.公司宣告 & 版權宣告 */
	.web-copyright , .web-designer{ text-align:center; }	
	
	
	/*====== globe[03]banner-01.在內頁設定 */
	.inside-banner-area .container{ width:100%; }
	
	
	/*====== globe[03]banner-slick-03.底下圓圈 */
	.slickfunc-dots .slick-dots li{ margin:5px; }
	.slickfunc-dots .slick-dots li button{ width:20px; height:6px; }
	
	

	/*====== globe[04]side-fixed-01.大螢幕 右側側邊 */
	.side-fixed{ display:none; }
	
	/*====== globe[04]side-fixed-02.小螢幕 下方固定 */
	.mobile-side-fixed{ display:block; }
	


	/*====== globe[05]social-1.社群連結列表(in footer) */
	.social-footer-area .social-list{ justify-content:center; }



	/*====== cmn[01]page-02.左右頁面布局 */
	.sidebar-flex-left{ width:100%; margin-right:0; }
	.sidebar-flex-right{ width:100%; }
	
	
	/*====== cmn[01]page-05.側邊-多層分類 */
	.submenu-area{ display:none; }		

	/*====== cmn[01]page-07.單層分類 */
	.category-bar{ display:none; }



	/*====== cmn[03]07-4.視訊功能 - 視訊項目 */	
	.video-conf-list > li{ border-width:0; margin-bottom:30px; }
	.video-conf-list > li:first-child{ border-top-width:0; }

	.video-conf-card{ padding:30px 0; border:1px solid #dbdbdb; padding:20px; }

	.video-conf-card .one-cols-item{ width:100%; text-align:center; }
	.video-conf-card .two-cols-item{ width:100%; padding:20px 0; }
	.video-conf-card .three-cols-item{ width:100%; text-align:left; }
	
	.video-conf-card .descripbox{ padding-left:0; }
	


	
	/*====== idx[09]-area_mother 母子網廣告 */
	.ad-mother-flex > .flex-one{ width:100%; margin:0 0 15px 0; }
	.ad-mother-flex > .flex-two{ width:46%; margin:0 1%; }
	
	.ad-mother-link-card{ max-width:400px; margin:0 auto; }



	
	/*====== idx[10]-商務夥伴app - 觸發鈕 */
	.app-hover-trigger{ display:none; }
	.app-click-trigger{ display:block; }
	
	
	/*====== idx[10]-商務夥伴app - 有懸浮窗時 設定 */
	.app-qrcode-pagefixed-area{
		display:none;
		position:fixed; z-index:1005; top:0; right:0;
		width:100%; height:100vh;
		background:rgba(0,0,0,0.9);
		
		border-width:0;
		padding:0;
		margin-right:0;
		
		overflow:hidden;
		opacity:1;
		transform:scale(1);
	}
	.app-qrcode-pagefixed-area.is-open{ display:block; }
	
	.app-qrcode-pagefixed-area:before{ display:none; }
	
	.app-download-wrap:hover .app-qrcode-pagefixed-area{ transition:none; }
	
	
	/*跳出窗開啟 頁首隱藏*/
	.header-fixed-bar.is-hide , .mobile-side-fixed.is-hide{ display:none; }
	

	.pagefixed-flex{
		width:100%; height:100vh;
		display:flex; flex-wrap:wrap;
		align-items:center; justify-content:center;
	}
	.pagefixed-centerbox{ width:100%; }
	
	
	
	/*====== idx[10]-商務夥伴app - 有懸浮窗時之大標 */
	.app-qrcode-headline-bar{ margin-bottom:30px; }
	
	.app-qrcode-heading{ color:#fff; font-size:20px; margin-bottom:30px; }
	.app-qrcode-heading .text{ display:block; }
	.app-qrcode-heading .icon{ max-width:90px; margin-bottom:10px; }
	
	.app-qrcode-subheading.mobile{ display:block; font-size:16px; }

	.app-qrcode-wrap{ max-width:300px; margin:0 auto; }
	

	.app-qrcode-card .namebar .text{ color:#fff; }

	.app-qrcode-closebar{
		display:block;
		text-align:center;
		margin-top:30px;
	}
	.qrcode-close-trigger{
		display:inline-block;
		width:60px; height:60px;
		border-radius:50%;
		border:1px solid #fff;
		padding-top:12px;
	}
	
	
	
	/*====== idx[11]-雲端名片 co_name_card */
	.namecard-card .card-flex > .flex-left , 
	.namecard-card .card-flex > .flex-center , 
	.namecard-card .card-flex > .flex-right{ padding:10px; }

	.namecard-card .card-flex > .flex-left{ width:100%; border-bottom-width:1px; }
	.namecard-card .card-flex > .flex-center{ width:50%; border-left-width:0px; border-right-width:1px; }
	.namecard-card .card-flex > .flex-right{ width:50%; border-left-width:0px; }



	/*====== module[02]news(in 首頁) */
	.idx-news-list > li{
		float:none;
		width:100%;
		margin-left:0; margin-right:0;
	}
	.idx-news-list > li:nth-child(1){ float:none; width:100%; }

	.idx-news-list > li:nth-child(1) .news-card.idx .photobox{ display:none; }
	.idx-news-list > li:nth-child(1) .news-card.idx{ margin-bottom:30px; }



	/*====== module[05-2]product_view */
	.product-info-flex > .flex-left{ width:100%; margin-right:0; margin-bottom:30px; }
	.product-info-flex > .flex-right{ width:100%; }

	
	/*====== module[05-2]product_view - 商品輪播(大) */
	.sync-slide .slick-prev , .sync-slide .slick-next{ width:40px; height:40px; background:#fff; }
	.sync-slide .slick-prev , .sync-slide .slick-next{ transform:translateX(0); }
	.sync-slide .slick-prev:hover , .sync-slide .slick-next:hover{ background:#fff; }




	/*====== module[09-2]designer_view - 個人簡介區塊 */
	.designer-card .photobox{ margin-bottom:15px; }
	
	

	/*====== module[19]contact - 表單_1:純標題 == */
	.contact-form-list.name_style .form-bar .form-bar-left{ width:100%; margin-bottom:5px; }
	.contact-form-list.name_style .form-bar .form-bar-right{ width:100%; }
	
	/*====== module[19]contact - 表單_2:標題+iocn == */
	.contact-form-list.name_icon_style .form-bar .form-bar-left{ width:100%; margin-bottom:5px; }
	.contact-form-list.name_icon_style .form-bar .form-bar-right{ width:100%; }
	

}

@media (max-width:768px) {


	/*====== cmn[01]page-08.上下功能列 */
	.main-function-area.two-average .func-flex .flex-left , 
	.main-function-area.two-average .func-flex .flex-right{ width:100%; }

	/*====== cmn[01]page-08.上下功能列 - 詳細頁最頁尾 */
	.main-function-area.view-page-end .func-flex .flex-left{ order:2; }
	.main-function-area.view-page-end .func-flex .flex-right{ order:1; }
	
	
	/*====== idx[05]-關於我們-單則 */
	.idx-about-sigle-card .card-flex > .flex-left{ order:2; width:100%; margin-right:0; }
	.idx-about-sigle-card .card-flex > .flex-right{ order:1; width:100%; margin-bottom:30px; }
	
	
	/*====== idx[06]-關於我們-多則-one */
	.idx-about-multiple-one-card{ margin-bottom:30px; }
	.idx-about-multiple-one-card .card-flex > .flex-left{ order:2; width:100%; margin-right:0; margin-bottom:30px; }
	.idx-about-multiple-one-card .card-flex > .flex-right{ order:1; width:100%; }


	/*====== idx[06]-關於我們-多則-one-slide */
	.idx-about-slide .container{ background:transparent; }
	.idx-about-slide .idx-sec-inner{ padding:0; }

	
	/*====== idx[09]-area_mother 母子網廣告 */
	.ad-mother-flex > .flex-two{ width:100%; }
	.ad-mother-news-card{ border-left-width:0px; max-width:400px; margin:0 auto; }
	
	
	/*====== module[09-2]designer_view - 個人簡介區塊 */
	.person-summary-area{ max-width:400px; padding:15px; margin:45px auto; }
	.person-summary-flex > .flex-left{ width:100%; }
	.person-summary-flex > .flex-center{ width:100%; margin:15px 0; }
	.person-summary-flex > .flex-right{ width:100%; }
	
	
	/*====== module[14]member - 表格列-欄 */
	.team-heading-flex{ display:flex; flex-wrap:wrap; }
	.team-heading-flex .one-cols{ width:25%; }
	.team-heading-flex .two-cols{ display:none; }
	.team-heading-flex .three-cols{ width:50%; }
	.team-heading-flex .four-cols{ width:25%; text-align:right; }
		

	/*====== module[16]job 人才招募 */
	.job-box{ padding:15px; }
	.job-list > li.hald-width{ width:100%; }

	.job-info-item .title{ width:100%; text-align:left; }
	.job-info-item .title:after{ display:none; }
	.job-info-item .content{ width:100%; padding-left:10px; }





	/*====== module[20]timeline - 中間線 */
	.timeline-event-wrap:before{ top:0; left:0; }
	.timeline-event-wrap:after{ left:0; left:0; }
	
	/*====== module[20]timeline - 中間的年份 */
	.timeline-year{ text-align:left; margin-left:-1px; margin-top:60px; }
	.timeline-year:nth-of-type(1){ margin-top:0; }
	
	/*====== module[20]timeline - 項目左右漂浮設定 */
	.timeline-floadt-item{ float:none; width:100%; padding-right:0px; padding-left:30px; margin-top:0; margin-bottom:50px; min-height:auto; text-align:left; }
	.timeline-floadt-item:nth-of-type(2n){ float:none; padding-left:30px; }
	
	.timeline-floadt-item + .timeline-year{ margin-top:0; }
	
	/*====== module[20]timeline - 項目-延伸至中間的線條 */
	.timeline-card:before{ left:-30px; width:30px; }
	.timeline-card:after{ left:-37px; }
	.timeline-floadt-item:nth-of-type(2n) .timeline-card:before{ left:-30px; }
	.timeline-floadt-item:nth-of-type(2n) .timeline-card:after{ left:-37px; }
	
	.timeline-card .photobox{ max-width:360px; margin:0; }
	
	/*====== module[20]timeline - 項目-標題列 */
	.timeline-card .card-top-flex > .flex-left{ width:75px; padding-right:15px; margin-right:15px; border-right:1px dashed #ccc; }
	.timeline-card .card-top-flex > .flex-right{ width:calc( 100% - 90px ); }	
	
	.timeline-floadt-item:nth-of-type(2n-1) .timeline-card .card-top-flex > .flex-left{
		order:1;
		padding-right:15px; margin-right:15px; border-right-width:1px;
		padding-left:0; margin-left:0; border-left:0px;
	}
	.timeline-floadt-item:nth-of-type(2n-1) .timeline-card .card-top-flex > .flex-right{
		order:2;
	}
		

		
}


@media (max-width:640px) {

	/*====== cmn[04]view-04.相片集 */
	.figure-list > li{ width:50%; }
	
	
	/*====== module[17]link 相關連結 */
	.about-figure-list > li{ width:50%; }
	.idx-link-list > li{ width:50%; }
	.link-list > li{ width:50%; }

	
	
	/*====== idx[07]-關於我們-多則-two-figure */
	.about-figure-list{ justify-content:flex-start; }
	.about-figure-list.six-cols-list > li{ width:50%; }



	/*====== idx[08]-recruit 人才招募 */
	.recruit-card .card-flex > .flex-left{ width:100%; }
	.recruit-card .card-flex > .flex-center{
		width:100%;
		border-left-width:0; border-right-width:0;
		border-top:1px solid #ccc; border-bottom:1px solid #ccc;
		padding:15px 0;
		margin:15px 0;
	}
	.recruit-card .card-flex > .flex-right{ width:100%; }
	
	

	/*====== idx[09]-area_mother 母子網廣告 */
	.ad-mother-link-card .card-flex > .flex-left{ width:100%; margin-right:0; }
	.ad-mother-link-card .card-flex > .flex-right{ width:100%; }
	.ad-mother-link-card .card-name{ text-align:center; margin-top:10px; }

	.ad-mother-news-card .card-flex > .flex-left{ width:100%; margin-right:0; }
	.ad-mother-news-card .card-flex > .flex-right{ width:100%; }
	.ad-mother-news-card .card-name{ text-align:center; margin-top:10px; }

	

	/*====== idx[11]-雲端名片 - 欄 */
	.namecard-card .card-flex > .flex-left{ border-bottom-width:0px; }
	.namecard-card .card-flex > .flex-center{ width:100%; border-right-width:0px; border-top-width:1px;  }
	.namecard-card .card-flex > .flex-right{ width:100%; border-top-width:1px; }
	


	/*====== module[03]announcement 活動公告 */
	.activity-card .card-flex > .flex-left{ width:100%; margin-right:0; margin-bottom:15px; }
	.activity-card .card-flex > .flex-right{ width:100%; }



	/*====== module[05]product(in 內頁) */
	.product-card.insidepage .card-flex > .flex-left{ width:100%; margin-right:0; }
	.product-card.insidepage .card-flex > .flex-right{ width:100%; }



	/*====== module[14]member - 詳細說明區塊 */
	.team-profile-flex .flex-left{ width:100%; margin-right:0; margin-bottom:20px; }
	.team-profile-flex .flex-right{ width:100%;}


	
	/*====== module[19]contact - 分店資訊 */
	.branch-flex-left{ width:100%; margin-right:0 } 
	.branch-flex-right{ width:100%; }
	
	
}


@media (max-width:480px) {
}

@media (max-width:360px) {
}






