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

/*@media screen and (min-width: 1600px) and (max-width: 1920px) {}*/


@media only screen and (max-width: 1200px) {
	
	/* == 07. 頁首設定 =======================================*/
	.header{ 
		background:radial-gradient( #cd1f2f , #a72023 );
		background:-moz-radial-gradient( #cd1f2f , #a72023 );
		background:-webkit-radial-gradient( #cd1f2f , #a72023 );
		background:-o-radial-gradient( #cd1f2f , #a72023 );
		background:-ms-radial-gradient( #cd1f2f , #a72023 );
	}
	.header .container{ width:100%; }
	.header-flex{ padding-left:20px; padding-right:20px; }
}


@media only screen and (max-width: 992px) {
	
	/* == 07. 頁首設定 =======================================*/
	.header{ min-height:90px; }
	.header:before , .header:after{ height:5px; }
	
	.logo{ position:relative; z-index:110; }
	
	.header-space{ height:100px; }
	
	.menu-list{ margin:0; }
	.menu-list li{ width:100%; margin:0; padding:5px 0; text-align:left; }
	.menu-list li a{ line-height:1.8; background:rgba(255,255,255,0.05) }
	.menu-list li a .menu-icon{ top:5px; }
	.menu-list li .menu-heading{ line-height:1.8; padding-top:10px; }
	
	
	/* == 08. 小螢幕時選單設定 =======================================*/
	.menu-trigger{ display:inline-block; position:relative; z-index:110; }
	.menu-toggle-content{
		display:none;
		position:fixed;
		z-index:90;
		top:0;
		left:0;
		width:100%;
		height:100%;
		padding:110px 15px 20px 15px;
		background:#a72023;
		overflow-y:auto;
	}
	.menu-toggle-content:before{
		position:fixed;
		z-index:101;
		top:0;
		left:0;
		width:100%;
		height:100px;
		content:"";
		background:#a72023;
	}
	.menu-toggle-content.opened{ display: block; }
	
	body.overflow-hidden { overflow: hidden; }
	
	.menu-flex{ display:flex; flex-wrap:wrap; }
	.menu-list.one , .menu-list.two{ width:100%; }
	.menu-list.one{ order:2; }
	.menu-list.two{ order:1; margin-bottom:20px; }
	
	
}


@media only screen and (max-width: 768px) {
	
	/* == 08. 頁尾設定 =======================================*/
	.footer-flex-left{ width:100%; margin-bottom:30px; }
	.footer-flex-right{ width:100%; }
	.copyright{ text-align:left; }
	.social-list{ text-align:left; }
	.social-list li{ margin-left:0; margin-right:14px; }
	
	/* == 12. 服務說明 =======================================*/
	.service-healine-wrap{ padding:15px 10px; }
	.service-list li{ width:48%; margin-right:4%; }
	.service-list li:nth-child(3n){ margin-right:4%; }
	.service-list li:nth-child(2n){ margin-right:0; }
	
	/* == 15. 其他賺錢資訊 =======================================*/
	.link-list li{ width:100%; margin-right:0; margin-left:0; }
	
	
	
	/* ======================================
		19. 工作機會
	====================================================================================================================================== */
	.overview-tb th.mobile-show{ display:table-cell; }
	.overview-tb td.mobile-show{ display:table-cell; }

	.overview-tb th.mobile-hide{ display:none; }
	.overview-tb td.mobile-hide{ display:none; }
	
	.overview-tb .detail_row.opened{ display:table-row; }


	.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; }	
	
	
}


@media only screen and (max-width: 640px) {
	
	/* == 07. 頁首設定 =======================================*/
	.header-flex{ padding-left:10px; padding-right:10px; }
	
	
	/* == 10. 頁面共同設定 =======================================*/
	.main-bg{ background:#fff url(../images/web-06.png) no-repeat center top; background-size:100% auto; min-height:300px; }
	
	
	/* == 16. FB、LINE分享 =======================================*/
	.social-share-item{ padding-right:20px; }
	.social-share-gobtn{ 
		position:relative;
		top:auto;
		right:auto;
		width:100%;
		height:auto;
		padding:5px 0 3px 0;
		margin:10px 0;
		
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
	}
	.social-share-gobtn .title{ width:100%; }
	
	
	
	/* == 17. 表單設定 =======================================*/
	.form-line .fm-title{ width:100%; margin-bottom:3px; }
	.form-line .fm-wrap{ width:100%; }
	
	
}


@media only screen and (max-width: 480px) {
	
	/* == 07. 頁首設定 =======================================*/
	.header{ min-height:75px; }
	.logo{ max-width:150px; }
	.header-space{ height:80px; }
	.menu-toggle-content{ padding-top:100px }
	.menu-toggle-content:before{ height:85px; }
	
	/* == 12. 服務說明 =======================================*/
	.service-list li{ width:100%; margin-right:0; }
	.service-list li:nth-child(3n){ margin-right:0; }
	
	
	/* == 16. FB、LINE分享 =======================================*/
	.social-share-line{ margin:10px 0; }
	.social-share-cate{ margin-right:0; margin-bottom:10px; }
	.social-share-title , .social-share-state , .social-share-time , .social-share-point{ display:block; margin-right:0; }
	
	/*FB、LINE分享 詳細頁*/
	.social-share-view-link{ padding-left:20px; }
	.social-share-view-link .title{ position:relative; top:auto; left:auto; display:block; margin-bottom:10px; }
	
	
	/* == 15. 其他賺錢資訊 =======================================*/
	.link-left , .link-right{ width:100%; }
	.link-photo{ margin-bottom:10px; }
	
	
	
	/* == 17. 登入頁 =======================================*/
	.form-bar .form-bar-left{ width:100%; margin-bottom:10px; }
	.form-bar .form-bar-right{ width:100%; }
	.form-bar label{ text-align:left; }
	
}


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