/*======================================================================== 
	Copyright: 匯豐汽車網路事業
	Author: Shanny
  ========================================================================*/

@media screen, projection{
/*======================================================================== 
	首頁 index
  ========================================================================*/

header{ position: absolute; top: 0;}

.search input[type="text"]{ border-bottom: solid 1px #ccc; color: #000;}

.service{ min-width: 1000px;}
.partner{ min-width: 1000px;}
.mail{ min-width: 1000px; background-color: #dee5ed;}
.areaW1000{ width: 1000px; margin: 0 auto; padding: 50px 0;text-align: center; border-bottom: solid 1px #e5e5e5;}
.areaW1000 h2{
	color: #000;
	font-family: '微軟正黑體', Verdana;
	font-size: 30px;
	letter-spacing: 0.2em;
}
.areaW1000 h3{ margin: 0 95px 20px 95px;
  font-family: '微軟正黑體', Verdana; font-size: 16px; line-height: 180%;}
.service .areaW1000{ padding-bottom: 0;}
.service .areaW1000 h3{ margin-bottom: 0;}
footer{ margin-top: 0;}


/* 全版廣告輪播 */
.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.carousel-inner .item > a{
  height: 100%;
}
.item > a.goLink{ width: 100%; z-index: 3; position: absolute; top: 0; left: 0;}
.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1; 
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control { z-index: 2;}
.carousel-caption{ bottom: 15%; font-family: '微軟正黑體', Verdana; z-index: 2;}
.carousel-caption > div{ margin: 0 auto; display: inline-block; padding: 20px 25px; overflow: hidden; position: relative;
	background: rgba( 255, 255, 255, 0.7);}
/*.carousel-caption > div::before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    filter: blur(1px);
    margin: -30px;
		z-index: -1;
}*/
.carousel-caption h3{ font-size: 45px; margin-top: 10px; font-weight: bolder;}
.carousel-caption h4{ font-size: 22px; font-weight: bolder;}
#mycarousel a.nextDiv{ width: 40px; height: 40px; display: block; z-index: 999; cursor: pointer;
	position: absolute; bottom: 7.5%; left: 50%; margin-left: -20px; border-radius: 50%;
	background: rgba( 0, 0, 0, 0.25); background-image: url(../../images/icon/arrowOpen.png);
	background-repeat: no-repeat; background-position: center center;
}
#mycarousel a.nextDiv:hover{ background: rgba( 0, 0, 0, 0.75); background-repeat: no-repeat; background-position: center center;}
#mycarousel li{ margin: 0 3px;}

/* 合作夥伴 */
.partner .areaW1000 > div{ margin-bottom: 25px;}
.partner a.brand{ width: 130px; height: 130px; margin: 0 4px; display: inline-block;
  box-sizing: border-box; border-radius: 50%;
  background-repeat: no-repeat; background-position: center center;
  -webkit-box-shadow: 0 3px 5px 2px rgba(0,0,0,0.1);
  box-shadow: 0 3px 5px 2px rgba(0,0,0,0.1);
}

/* 最新消息 & 影音精選 */
.news .areaW1000{ text-align: center;}
.theList{ width: 31%; min-height: 230px; display: inline-block; margin: 10px; position: relative;
	background-size: cover;
	transition: transform 0.3s ease, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s;
}
.theList:hover{ transform:translateY(-0.75em);
	-webkit-transform: translateY(-0.75em);
	-moz-transform: translateY(-0.75em);
}
.news .theList p{ position: absolute; bottom: 0; left: 0; margin: 0; padding: 15px 10px 10px 13px; width: 100%;
	text-align: left; font-size: 15px; font-family: "微軟正黑體", Verdana; line-height: 130%; color: #FFF;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.9) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}
.news .theList p strong{ display: inline-block; padding: 0 5px; margin-bottom: 5px; background: #FFF;
	font-size: 12px; font-family: Verdana, "新細明體-ExtB"; color: #333; font-weight: normal;}
.news .theList:hover p strong{ background: #427ebe; color: #fff;}
/*.news .theList p span{ display: block; font-size: 12px;}*/

.video .theList{ text-decoration: none; color: #000;}
.video .theList p{ font-size: 16px; font-family: "微軟正黑體", Verdana;}
.video .theList img{ width: 100%; height: auto; margin-bottom: 10px;}


/* 相關連結 */
.relatedLinks .areaW1000{ height: 420px;
	background-image: url(../../images/relatedLinks.gif);
	background-repeat: no-repeat; background-position: left bottom;
	background-size: auto 90%;
}
.relatedLinks .areaW1000 > a{ width: 400px; margin-right: 40px; height: 95%; display: block; float: left;}
.relatedLinks ul{ width: 560px; margin: 45px 0 0 0; padding: 0; overflow: hidden;}
.relatedLinks li{ width: 45%; float: left; margin: 20px 5% 0 0; padding: 0; text-align: left;}
.relatedLinks li img{ max-height: 100%; max-width: 100%; vertical-align: middle;}

/* 聯絡我們 */
.openForm{ width: 50px; height: 50px; margin: 3px 0; display: inline-block;
  text-align: center; cursor: pointer;
  background-color: #bebdbd; border-radius: 50%;
  background-repeat: no-repeat; background-position: center center;
  background-image: url(../../images/icon/arrowOpen.png);
-webkit-transition:all 200ms ease-out;
-mozilla-transition:all 200ms ease-out;
-ms-transition:all 200ms ease-out;
-o-transition:all 200ms ease-out;
transition:all 200ms ease-out;
}
.openForm:hover{ background-color: #fb9f1e;}


/* 表單設定 */
.container{ margin-top: 25px;}
.areaW1000 .form-group .col-sm-1{ padding: 3px 0 0 0;}
.areaW1000 .form-group label.control-label{
  text-align: right; font-size: 15px; font-family: '微軟正黑體', Verdana;}


} /*重要不可刪除!*/