@charset "utf-8";

/* ==========================================
	 Small devices Tablets (≥768px)
   <= 992
========================================== */
@media screen and (max-width: 968px) {
	/* XS */
	.xs-clear {
		display: none;
	}
	.xs-block {
		display: none;
	}
	/* SM */
	.sm-clear {
		display: block;
	}
	.sm-block {
		display: block;
	}
	.sm-hidden {
		display: none;
	}

	/* 頁面共用 */
	.pContent {
		padding-top: 0;
	}
	.pContent.bg {
		background: url(../images/pc_bg.gif) #fff 0 180px repeat-x;
	}
	.pTitle {
		padding: 20px 0 10px;
		font-size: 28px;
	}

	/* ==========================================
   Header
========================================== */
	#header {
		position: relative;
		height: 66px;
	}
	#header h1 {
		margin: 0 0 0 10px;
		height: 64px;
	}
	#header h1 a {
		width: 145px;
		height: 64px;
		background-size: 145px 64px;
	}

	/* ==========================================
   主選單
========================================== */
	#navControl {
		display: block;
		float: right;
		width: 64px;
		height: 64px;
		color: #fff;
		font-size: 30px;
		text-align: center;
		line-height: 64px;
		cursor: pointer;
	}
	#navCn {
		display: block;
		float: right;
		width: 68px;
		height: 66px;
		color: #fff;
		font-size: 30px;
		text-align: center;
		line-height: 64px;
		cursor: pointer;
		background: url(../images/btn_cn.gif) no-repeat;
	}
	#navEn {
		display: block;
		float: right;
		width: 68px;
		height: 66px;
		color: #fff;
		font-size: 30px;
		text-align: center;
		line-height: 64px;
		cursor: pointer;
		background: url(../images/btn_en.gif) no-repeat;
	}
	#nav {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		z-index: 101;
	}
	#nav.collapsed {
		display: block;
	}
	#nav li {
		float: none;
		position: relative;
		margin: 0;
		width: 100%;
		height: auto;
		border-bottom: 1px solid #ffffff;
		background: none;
	}
	#nav a {
		padding: 10px 0;
		height: auto;
		font-size: 18px;
	}
	#nav li.current, #nav li.add {
		background: none;
		background-color: transparent;
	}
	#nav>ul {
		background-color: rgba(34, 121, 190, 1);
	}
	/* 第二層 */
	#nav .subNav {
		display: block;
		position: relative;
		top: 0;
		left: 0;
	}
	#nav .itemBox {
		float: none;
		padding: 0;
		width: 100%;
	}
	#nav .itemBox ul {
		padding-bottom: 10px;
	}
	#nav .itemBox li {
		border-bottom: none;
	}
	#nav .itemBox li.first a, #nav .itemBox li a {
		display: block;
		width: 100%;
		font-size: 16px;
	}
	/* 有分類項目 */
	#nav .goods, /* 產品介紹 */ #nav .user { /* 投資專區 */
		left: 0;
		margin-left: 0;
		width: 100%;
	}
	#nav .user .itemBox {
		width: 100%;
	}
	/* 無子項目 */
	#nav .single {
		margin: 0;
	}

	/* ==========================================
   Footer
========================================== */
	/* Menu */
	#footer .menu {
		padding: 0;
	}
	#footer .menu li {
		width: 33.3%;
		text-align: center;
	}
	#footer .menu .title {
		padding: 20px 0 10px 0;
	}
	/* Menu - 第二層 */
	#footer .menu li li {
		padding: 3px 0;
	}
}
@media screen and (max-width: 992px) {

	/* ==========================================
   首頁 - Banner
========================================== */
	#iBan .bx-default-pager {
		display: none;
	}
	#iBan .bx-controls-direction {
		display: block;
	}
	#iBan .bx-controls-direction a {
		width: 30px;
		height: 30px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 15px auto;
		z-index: 10;
	}
	#iBan .bx-controls-direction a.bx-prev {
		background-image: url('../images/aw_left.png');
	}
	#iBan .bx-controls-direction a.bx-next {
		background-image: url('../images/aw_right.png');
	}

	/* ==========================================
   首頁事業藍圖
========================================== */

	.business .focus {
		z-index: 50;
	}
	.business .focus  .business_set {
		background-color: #0181c9;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 90;
		padding-bottom: 30px;
	}
	.business .focus h3 a {
		color: #fff !important;
	}
	.business div.business_set {
		width: 100%;
		height: auto;
		padding: 0px 10px 0px 10px;
		cursor: pointer;
	}
	.business .business_set：hover {
		background-color: #333 !important;
		cursor: pointer;
	}
	.business .business_set：hover h3 {
		color: #fff;
	}
	.business h3 {
		color: #06295a;
		font-weight: bold;
		font-size: 16px;
		line-height: 18px;
		padding: 10px 0 0 10px;
	}
	.business .imgBlock {
		padding: 10px;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.business .image {
		width: 100%;
		height: auto;
	}
	.business ul li {
		color: #BFBFBF;
		list-style: none;
		padding-left: 18px;
		line-height: 25px;
		background: url(../images/listbg.png) 2px 3px no-repeat;
	}
	.business ul li a {
		color: #fff;
		font-size: 14px;
	}
	.business_more {
		color: #fff;
		position: absolute;
		right: 21px;
		bottom: 10px;
	}
	.business_more:hover {
		color: #fff;
	}
	.contentBlock {
		width: 80%;
		margin: 0 auto;
		padding: 0px 0px 10px 0px;
	}
	.contentBlock:hover {
		cursor: pointer !important;
	}
	.knowTi {
		display: none;
	}
}

	/* ==========================================
   首頁事業藍圖各大小畫面
========================================== */
@media all and (min-width: 1250px) {
	.contentBlock {
		width: 1210px;
		margin: 0 auto;
		padding: 0px 0px 10px 0px;
	}

}

@media all and (min-width: 1050px) and (max-width: 1250px) {
	.contentBlock {
		width: 1012px;
		margin: 0 auto;
		padding: 0px 0px 10px 0px;
	}
}

@media all and (min-width: 850px) and (max-width: 1050px) {
	.contentBlock {
		width: 810px;
		margin: 0 auto;
		padding: 0px 0px 10px 0px;
	}
}

@media all and (min-width: 650px) and (max-width: 850px) {
	.contentBlock {
		width: 608px;
		margin: 0 auto;
		padding: 0px 0px 10px 0px;
	}
}

@media all and (min-width: 450px) and (max-width: 650px) {
	.contentBlock {
		width: 405px;
		margin: 0 auto;
		padding: 0px 0px 10px 0px;
	}
}

@media all and (max-width: 450px) {
	.contentBlock {
		width: 80%;
		margin: 0 auto;
		padding: 0px 0px 10px 0px;
	}
	.business .layer_relative {
		margin: 3px;
		width: 100%;
		height: auto;
		float: left;
		background: url(../images/inews_bg.png);
	}
	
}