@media screen and (max-width: 1400px) {
		body {
			margin-top: 140px;
		}

		#header-menu-contain {
			width: 90%;
		}

		#primary-menu-ul > li > a {
			width: 100px;
			height: 90px;
			line-height: 90px;
		}

		#second-news a, #second-product a {
			width: 100px;
		}

		#logo > a {
			float: left;
			line-height: 90px;
		}

		#logoImg {
			max-height: 90px;
		}

/*		.news-container {
			width: 30%;
			margin-left: 10%;
			padding-top: 10px;
		}*/

		#footer-banner {
			max-width: 80%;
		}

		/* ÅÜñRŸô */
		.marquee {
			top: 554px;
		}
	}

	/*for ÊÖ™CÑbÖÃ(ÎžÄ»³ß´ç<768px)*/
	@media screen and (max-width:830px) {
		.pc-header-btn {
			display: none !important;
		}

		.mobile-header-btn {
			display: initial !important;
		}

		#second-news, #second-product {
			display: none !important;
		}

		#header-menu-contain {
			width: 100%;
		}

		#logoImg {
			display: none;
		}

		#m_logoImg {
			display: initial;
			max-height: 90px;
			margin-left: 10px;
		}

		#mobile-menu-toggle {
			display: block;
			margin-right: 10px;
		}

		#primary-menu-ul {
			margin-top: 100px;
		}

			#primary-menu-ul > li {
				display: block;
				text-align: right;
				height: 75px;
			}

				#primary-menu-ul > li > a {
					width: 100%;
				}

					#primary-menu-ul > li > a:hover, .active {
						background-image: url('');
						background-color: #794200;
					}

		.show-menu {
			display: initial;
		}

		.hide-menu {
			display: none;
		}

		#page-second-menu {
			display: none;
		}

		#mobile-second-menu {
			display: initial;
		}

		.detail-preview, .detail-next {
			float: initial;
			display: block;
		}

		.product-detail-next {
			float: right;
		}

		#footerMenu li {
			display: block;
			width: initial;
		}

		.index-title {
			font-size: 26px;
			width: 90%;
		}

		.news-container {
			width: 90%;
			padding-top: 10px;
			margin: auto;
		}

		#news-list {
			width: 100%;
		}

			#news-list > li {
				margin: 7px auto 70px auto;
			}
	}
