@charset "utf-8";

/* ==========================================
	 Extra small devices Phones (<768px)
   < 768
========================================== */
@media screen and (max-width: 768px) {
	/* XS */
	.xs-clear {
		display: block;
	}
	.xs-block {
		display: block;
	}
	/* SM */
	.sm-clear {
		display: none;
	}

	/* ==========================================
   主選單
========================================== */
	#nav li {
		padding: 0 15px;
	}

	/* ==========================================
   Footer
========================================== */
	/* Menu */
	#footer .menu li {
		width: 50%;
	}
	/* Info */
	#footer .info {
		padding: 0 0 15px;
	}
	#footer .info ul {
		float: none;
		margin-bottom: 20px;
	}
	#footer .info li {
		float: none;
		padding: 20px 15px;
		width: 100%;
		font-size: 15px;
	}
	#footer .info li.num {
		font-size: 16px;
	}
	#footer .info .fa {
		margin-right: 15px;
	}
	#footer .info strong {
		margin-top: 1px;
	}
	/* Lang Select */
	#footer .selectBox {
		/*display: none;*/
		float: left;
		margin-left: 5px;
	}
	#footer .selectBox .fa-caret-up {
		right: 0;
	}
	/* Links */
	#footer .links {
		padding: 15px 0 5px;
		width: 100%;
	}
	#footer .links li {
		margin: 0 0 15px;
		width: 100%;
	}
	#footer .links li a {
		margin: 0 auto;
	}
	/* Copy */
	#footer .copy {
		font-size: 14px;
	}

	/* ==========================================
   首頁 - News
========================================== */
	#iNews .imgBox {
		display: table-cell;
		width: 95px;
		vertical-align: middle;
	}
	#iNews .img {
		width: 80px;
		height: 80px;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
	}
	#iNews .img img {
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
	}

	/* ==========================================
   首頁 - About
========================================== */
	#iAbout {
		padding: 20px;
		background: none;
		background-color: #545758;
	}
	#iAbout .desc {
		line-height: 24px;
	}
	.pContent.bg {
		background: url(../images/pc_bg.gif) #fff 0 180px repeat-x;
	}
	#company .contactL {
		width: 100%;
	}
	.companyL {
		width: 100%;
	}
	.companyL .txt {
		padding: 0 25px;
	}
	.organImg {
		width: 100%;
		height: 430px;
		background: url(../images/organi_phone.jpg) top center no-repeat;
	}
}

@media screen and (max-width: 640px) {
	
	.pBan {
		position: relative;
		/**width: 100%;
		height: 90px;
		background: url(../images/1-1.jpg) center 0 no-repeat;*/
	}
	.pBan img {
		position: static;
		width: 100%;
		height: auto;
	}
}