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

@media screen, projection{

.mainContent { overflow: hidden; min-height: 350px;}

.stronghold ul.tabs{ border-bottom: solid 3px #e5e5e5;}
.stronghold ul.tabs li{ display: inline-block; border-right: solid 3px #fff;
  margin: 0 -3px -3px 0;
}
.stronghold ul.tabs a{ padding: 10px 11px; padding: 10px 11px\0; }
.stronghold ul.tabs a:hover{ 
  color: #fff;
background: rgb(81,142,193); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(81,142,193) 0%, rgb(40,92,138) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(81,142,193) 0%,rgb(40,92,138) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(81,142,193) 0%,rgb(40,92,138) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518ec1', endColorstr='#285c8a',GradientType=0 ); /* IE6-9 */
}
.stronghold ul.tabs a.current,.stronghold ul.tabs a.current:hover,.stronghold ul.tabs li.current a {
  cursor: default !important;
  color: #fff !important;
background: rgb(81,142,193); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(81,142,193) 0%, rgb(40,92,138) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(81,142,193) 0%,rgb(40,92,138) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(81,142,193) 0%,rgb(40,92,138) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518ec1', endColorstr='#285c8a',GradientType=0 ); /* IE6-9 */
}

.stronghold .panes{ margin-bottom: 30px;}
.stronghold .panes div{ width: 782px; padding: 15px 15px 0 15px; box-sizing: border-box;
  border: solid 1px #e5e5e5; border-top: none;}

.theList h3{ color: #666; font-size: 14px; padding: 5px 5px 10px 5px; margin: 0 0 10px 0;
  border-bottom: solid 1px #aed0f1;}
.theList h3 strong{ color: #3d76a7; font-size: 17px; font-weight: normal;}

.theList a.map{ width: 13px; height: 17px; margin-left: 10px; display: inline-block;
  background-image: url(../../images/icon/map.png);}

.theList p{ font-size: 14px; color: #666; line-height: 180%; margin: 20px 20px 30px 20px;}
.theList p strong{ font-size: 16px; font-weight: normal; color: #333; display: block;}
.theList p span{ display: inline-block; padding-left: 25px;
  background-repeat: no-repeat; background-position: 2px 4px;}
.theList p span.tel{ background-image: url(../../images/icon/tel.gif);}
.theList p span.fax{ background-image: url(../../images/icon/fax.gif); margin-left: 50px;}
.theList p span.email{ background-image: url(../../images/icon/email.gif); margin-left: 50px;}
.theList p a{ text-decoration: underline;}

.iframeFloatLeft {float: left; display: inline-block; margin-bottom: 20px;}
.iframeFloatRight {float: right; display: inline-block; margin-bottom: 20px;}
}