/*======================================================================== 
	Copyright: 匯豐汽車網路事業
  ========================================================================*/

@media print{
body {
	display:none;
	color: #666666;
	text-decoration: none;
	font-family: Verdana, Tahoma, "Lucida Grande", "Lucida Sans Unicode", sans-serif /*無襯字*/;
	font-size: 63%;
	line-height: 180%;
	margin: 0px;
	width: 100%;
	/*text-align: center;向下相容舊版IE無法判別margin:0 auto的置中語法*/
}
.case,.mobile,.company { display: block;}
#wrapper{
	width: 100%;
	height: auto;
	padding: 1px;
	text-align: left;/*配合body text-align設定，向下相容舊版IE無法判別margin:0 auto的置中語法*/
}
.districtsPic,.breadCrumbs,.otherFunction{ display: none;}
.requirement{
	border: 5px solid #f4f4f4;
	padding: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}

/* tabs */
.tabs_print {
	background-image: url(../images/gradient_grayBar.gif);
	padding: 5px 0 0 0;
	overflow: hidden;
	border-bottom: dashed 1px #CCCCCC;
	display: block;
}
.tabs_print li {
    float:left;
	margin-left: 15px;
	font-size: 1.3em;
	background-color: #FFF;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	padding: 5px 20px;
	text-align:center;
	color:#690052;
}
.areaOverview,.areaSpecs{ padding: 15px;}


/*======================================================================== 
	Header
  ========================================================================*/
#header{
	width: 100%;
	background-image: url(../images/header_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 6px;
	border-bottom: solid 1px #CCCCCC;
}
#header .content{
	width: 1000px;
	height: 95px;
	margin: 0 auto;
	z-index: 5;
	position: relative;
}
#header .logo{
	width: 107px;
	height: 86px;
	display: block;
	margin: 0 0 0 25px;
}
#header .quickLinks{ display: none;}
#header #seachBar{ display: none;}
#menuMain{ display: none;}


/*======================================================================== 
	Product
  ========================================================================*/
/* CPC 版面 */
.productDetail{ overflow: hidden;}
.productDetail .album{ width: 470px; float: left;}
.productDetail .album .bigPic{
	height: 290px;
	width: 400px;
	overflow: hidden;
	margin: 0 auto;
	line-height: 300px;
	text-align: center;
}

.productDetail .detailInfo{
	float: left;
	background-image: url(../images/productDetail_bgData.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 480px;
}
.productDetail .detailInfo .title{
	color: #781963;
	font-size: 1.5em;
	overflow: hidden;
	font-weight: bolder;
	border-bottom: 1px dashed #ccc;
	padding: 20px 0 0 15px;
}
.productDetail .detailInfo .synopsis{ padding: 15px; font-size: 1.3em;}
.productDetail .detailInfo .synopsis ul{ padding: 20px; overflow:hidden;}
.productDetail .detailInfo .synopsis li{
	background-image: url(../images/icon/iconPoint01.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 10px;
}

/* mobile 版面 */
.mobile .productDetail{ margin-bottom: 0;}
.mobile .productDetail .album{ width: 1000px; margin: 10px 0;}
.mobile .productDetail .album .bigPic{
	height: 500px;
	width: 980px;
	overflow: hidden;
	margin: 0 auto 10px auto;
	text-align: center;
}
.mobile .productDetail .detailTitle{
	background-image: url(../images/productDetail_bgTitle.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 1.5em;
	font-weight:bolder;
	color: #781963;
	padding: 15px 0 0 15px;
	border-bottom: 1px dashed #CCC;
	width: 985px;
	overflow: hidden;
}
.mobile .productDetail .detailTitle span{ margin-left: 20px; color: #000; font-size: 13px; font-weight: normal;}


/*======================================================================== 
	news
  ========================================================================*/
/*requirement*/.newsDetail { margin: 20px;}
/*requirement*/.newsDetail li{ 
	width: 174px;
	font-size: 1.2em;
	margin: 10px 0 10px 5px;;
/*以下為居家旅行必備良方*/
/*solve the vertical-align problem of horizontal divs*/
/*float: left;不可使用!*/
vertical-align:top;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
height:auto!important;
height:24px;
min-height:24px;
}
/*requirement*/.newsDetail li img{ float: left;}
/*requirement*/.newsDetail li p{ margin-left: 35px;}
.company .news .newsDetail_title{ border-bottom: 1px dashed #ccc; padding: 10px; margin: 10px; font-size: 1.3em;}
.company .news .newsDetail_title strong{ color: #690052; padding-right: 15px; margin-right: 15px; border-right: 1px solid #333;}

.aboutUs,.careers{ display: none;}


/*======================================================================== 
	Footer
  ========================================================================*/
#otherLink{ display: none;}
#footer .facebookLike{ display: none;}

#footer{ width: 100%; border-top: solid 1px #CCCCCC;}
#footer .copyright{
	color: #999;
	background-image: url(../images/footer_Bg.gif);
}
#footer .content p{	padding-top: 7px; text-align: right;}
#footer .languageArea{ display: none;}

} /*重要*/