@charset "utf-8";
@import "base.css";
/*! HP08 */
.homenewbox{ padding:50px 0 20px; background:url(../bg/bg_square.gif)}

.hp08w1:after{clear:both;display:block;visibility:hidden;height:0;content:" "}
.hp08w1{position:relative;margin:0 auto;width:100%;max-width:1200px}
.hp08w2{position:relative;padding:1.25% 0 0 0;width:100%;height:398px}
.hp08v1{position:absolute;top:0;z-index:1;clear:both;margin:0;padding:20px 0 0 0;width:100%;height:396px}
.hp08v1:first-child .hp08promo{display:block}
.hp08v1.hp08currentfilter{z-index:2}
.hp08v0:after{display:block;margin:1.6em auto 0;width:100%;height:.9em;max-width:1280px;background:url('../bg/u01-u06-f01-min-sprite.png') 0 100% no-repeat;background-size:100% auto;content:" "}
.hp08label{display:none}
.no-js .hp08label{margin:1.75em 0 .5em;color:#555;font-weight:normal;font-size:28px;}
.no-js .hp08v0:after{display:none}
.no-js .hp08v0{margin:0 auto;max-width:974px}
.hp08promo{position:absolute;z-index:1;float:left;overflow:hidden;height:199px;color:#fff;font-size:16px;}
.hp08c1{width:386px}
.hp08c3{width:386px}
.hp08c2{width:386px}
.hp08c1 .hp08img,.hp08c1.hp08basic a,.hp08c3 .hp08img,.hp08c3.hp08basic a{width:100%;height:200px}
.hp08c2 .hp08img,.hp08c2.hp08basic a{width:100%;height:414px}
.hp08prevf{z-index:1;display:block}
.hp08promo-1{top:0;left:0}
.hp08promo-2{bottom:0;left:0}
.hp08promo-3{bottom:0;left:406px;height:auto}
.hp08promo-4{top:0;right:0}
.hp08promo-5{right:0;bottom:0}
/*.hp08c1 .hp08img{background-size:400px auto}*/
/*.hp08c3 .hp08img{background-size:470px auto}*/
/*.hp08c2 .hp08img{background-size:450px auto}*/
.hp08promo .hp08img{background-position:0 0;background-repeat:no-repeat;-webkit-transform:translate3d(0,0,0); background-size:100% 100%;}
.hp08bg-tl.hp08img{background-position:0 0}
.hp08bg-tc.hp08img{background-position:50% 0}
.hp08bg-tr.hp08img{background-position:100% 0}
.hp08bg-mc.hp08img{background-position:50% 50%}
.hp08bg-bc.hp08img{background-position:100% 100%}
.hp08v1.hp08bgtiles{z-index:0;display:block}
.hp08bgtile{background:#eee}
.hp08promo.hp08basic a{display:block;width:100%;background:#1e4f7f;background:-moz-linear-gradient(top,#1e4f7f 0,#153d60 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e4f7f),color-stop(100%,#153d60));background:-webkit-linear-gradient(top,#1e4f7f 0,#153d60 100%);background:-o-linear-gradient(top,#1e4f7f 0,#153d60 100%);background:-ms-linear-gradient(top,#1e4f7f 0,#153d60 100%);background:linear-gradient(to bottom,#1e4f7f 0,#153d60 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e4f7f',endColorstr='#153d60',GradientType=0)}
.hp08promo.hp08basic a:hover{color:#fff;text-decoration:none}
.hp08imgitems .hp08c2 .hp08w4{padding:15px!important;height:370px}
.hp08imgitems .hp08w4{display:table-cell;padding:15px!important;width:100%;height:170px;vertical-align:middle}
.hp08w4 p{margin:0 0 1em;color:#fff;line-height:1.15em}
.hp08ttl{margin:0 0 .44445em;text-transform:uppercase;font-weight:bold}
.hp08promo a{position:relative;top:-150%;display:block;color:#fff;text-decoration:none;-webkit-transform:translate3d(0,0,0)}
.hp08w3{position:absolute;top:0;overflow:hidden;margin-top:2px;width:100%;background:-moz-linear-gradient(top,rgba(0,0,0,0.66) 0,rgba(0,0,0,0.66) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.66)),color-stop(100%,rgba(0,0,0,0.66)));background:-webkit-linear-gradient(top,rgba(0,0,0,0.66) 0,rgba(0,0,0,0.66) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0.66) 0,rgba(0,0,0,0.66) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0.66) 0,rgba(0,0,0,0.66) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.66) 0,rgba(0,0,0,0.66) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8000000',endColorstr='#a8000000',GradientType=0)}
.hp08imgitems .hp08w3{padding-right:0!important}
.hp08teaser{display:table;width:100%;table-layout:fixed; height:64px}
.hp08teaser b{display:table-cell;vertical-align:middle}
.hp08teaser span{display:table-cell;overflow:hidden;padding:.7em .8em .5em .8em;height:2.8em; line-height:2.8em;vertical-align:middle}
.hp08teaser span em{position:relative;display:inline-block;overflow:hidden;margin-right:2.5em;width:100%;font-style:normal;line-height:1.17em}
.hp08arrw{display:table-cell;padding:.7em 0 .7em;width:2.8em;vertical-align:middle;text-align:center;line-height:0}
.hp08arrw:after{display:inline-block;width:16px;height:16px;background:url('../bg/compass-hp-sprite.png') 0 6.25% no-repeat;background-size:100% auto;content:" ";font-size:22px}
.hp08cta{display:table;width:100%;table-layout:fixed}
.hp08cta span{display:table-cell;vertical-align:middle;text-align:center}
.hp08w3 p{margin:0 .8em 1em;color:#fff;font-weight:bold;line-height:28px}
.hp08w3 .cmps-bttns{float:none;margin:0 .8em;width:auto}
.hp08w3 .cmps-bttns div{float:none;display:table;margin:0 auto}
.touch .hp08w3 .hp08arrw:after{background-position:0 12.5%}
.no-touch .hp08imgitems .hp08promo a:hover .hp08w3{margin-top:-5px;-webkit-transition:margin-top 200ms;-moz-transition:margin-top 200ms;-o-transition:margin-top 200ms;transition:margin-top 200ms}
.no-touch .hp08imgitems .hp08promo.hp08c2 a .hp08w3:hover .hp08teaser,.no-touch .hp08imgitems .hp08promo.hp08c2 a:focus .hp08w3 .hp08teaser{margin:-20% 0 20%;opacity:0;-webkit-transition:opacity 850ms,margin 1200ms;-moz-transition:opacity 850ms,margin 1200ms;-o-transition:opacity 850ms,margin 1200ms;transition:opacity 850ms,margin 1200ms}
.no-touch .hp08imgitems .hp08promo a .hp08w3:hover .hp08teaser,.no-touch .hp08imgitems .hp08promo a:focus .hp08w3 .hp08teaser{margin:-20% 0 20%;opacity:0;-webkit-transition:opacity 850ms,margin 1200ms;-moz-transition:opacity 850ms,margin 1200ms;-o-transition:opacity 850ms,margin 1200ms;transition:opacity 850ms,margin 1200ms}
.no-touch .hp08imgitems .hp08promo a .hp08w3:hover .hp08cta,.no-touch .hp08imgitems .hp08promo a:focus .hp08w3 .hp08cta{padding-top:0!important;-webkit-transition:padding-top 550ms;-moz-transition:padding-top 550ms;-o-transition:padding-top 550ms;transition:padding-top 550ms}
.no-touch .hp08imgitems .hp08promo a .hp08w3:hover,.no-touch .hp08imgitems .hp08promo a:focus .hp08w3{top:0!important;margin-top:0;-webkit-transition:top 550ms,margin-top 250ms;-moz-transition:top 550ms,margin-top 250ms;-o-transition:top 550ms,margin-top 250ms;transition:top 550ms,margin-top 250ms}
.no-touch .hp08imgitems .hp08promo.hp08c2 a .hp08w3:hover,.no-touch .hp08imgitems .hp08promo.hp08c2 a:focus .hp08w3{top:0!important;margin-top:0;-webkit-transition:top 750ms,margin-top 250ms;-moz-transition:top 750ms,margin-top 250ms;-o-transition:top 750ms,margin-top 250ms;transition:top 750ms,margin-top 250ms}
.no-touch .hp08imgitems .hp08promo a .hp08w3,.no-touch .hp08imgitems .hp08promo a .hp08w3{-webkit-transition:top 300ms ease;-moz-transition:top 300ms ease;-o-transition:top 300ms ease;transition:top 300ms ease}
.hp08list .hp08promo{position:relative;top:auto;bottom:auto;left:auto;left:auto;float:none;padding:0;width:100%;height:auto;background:#fff;color:#333}
.hp08list .hp08v1{height:auto}
.hp08tablist:after{clear:both;display:block;visibility:hidden;height:0;content:" "}
.hp08tablist{overflow:hidden;margin:0 auto 1em;height:2.5em;max-width:1200px;font-size:16px;}
.hp08tablist ul{float:left}
.hp08tablist li{position:relative;float:left;margin:0 ;padding:0 m;text-transform:uppercase; height:42px; width:118px; margin-right:30px}
.hp08smtxt .hp08tablist li{margin:0 1.6em 0 0;font-size:16px;}
.hp08tablist li:last-child{margin-right:0!important}
.hp08tablist li a{display:block; text-align:center;text-decoration:none; width:118px; height:42px; float:left; margin-top:-5px}
#hp08selector{display:none}
#hp08selector a{display:block;background:#323232;color:#fff;text-transform:uppercase}

.hp08default a{}
.hp08tablist li.hp08default i{background-color:#ddd}
.hp08tablist li i{background-color:#fff}
.hp08tablist li a{color:#323232;-webkit-backface-visibility:hidden; font-size:21px}

.hp08tablist li.hp08selected,.hp08tablist li.hp08selected:hover{background:url(../bg/hometabbg.png) no-repeat}
.hp08tablist li.hp08selected a,.hp08tablist li.hp08selected:hover a{
	color:#fff; 
	}
.hp08tablist li.hp08selected a iiiiiii{position:absolute;bottom:0;left:50%;display:block;margin-left:-.5em;width:1em;height:1em;background:url('../bg/compass-hp-sprite.png') 50% 100% no-repeat;background-color:#4a4a4a;background-size:100% auto;content:" ";-webkit-transition:background-color 1500ms;-moz-transition:background-color 1500ms;-o-transition:background-color 1500ms;transition:background-color 1500ms}
.hp08tglview{position:relative;top:0;float:right;width:4.445em;height:1.8335em;border:#4a4a4a 1px solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#4a4a4a}
.hp08tgl-togg{position:absolute;left:50%;width:50%;height:1.8335em;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;background:#fff;-webkit-transition:left 500ms;-moz-transition:left 500ms;-o-transition:left 500ms;transition:left 500ms}
.hp08tglview a{position:absolute;top:0;right:50%;bottom:0;left:0;z-index:2;display:block}
.hp08tglview a.hp08showlist{position:absolute;top:0;right:0;bottom:0;left:0;display:block}
a.hp08showimgs,.hp08lvw a.hp08showlist{display:none}
.hp08lvw a.hp08showimgs{display:block}
.hp08lvw .hp08tglview .hp08tgl-togg{left:0;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;-webkit-transition:left 500ms;-moz-transition:left 500ms;-o-transition:left 500ms;transition:left 500ms}
.hp08tgl-icn{position:absolute;top:.16em;left:.28em;width:1em;height:1em;background:url('../bg/compass-hp-sprite.png') 0 -969px no-repeat;content:" ";font-size:25px;}
.hp08tgl-icn.list-icn{right:.28em;left:auto;background-position:100% -945px}
.hp08lvw .hp08tgl-icn{background-position:0 -945px}
.hp08lvw .hp08tgl-icn.list-icn{background-position:100% -969px}
.retina .hp08tgl-icn{background-position:0 37.5%;background-size:100% auto}
.retina .hp08tgl-icn.list-icn{background-position:0 56.25%}
.retina .hp08lvw .hp08tgl-icn{background-position:0 43.75%}
.retina .hp08lvw .hp08tgl-icn.list-icn{background-position:0 50%}
.hp08lvw .hp08arrw,.no-js .hp08arrw,.hp08lvw .hp08v1,.no-js .hp08v1,.hp08lvw .hp08bgtiles,.no-js .hp08bgtiles,.hp08lvw .hp08img,.no-js .hp08img{display:none}
.hp08lvw .hp08v1,.no-js .hp08v1,.hp08lvw .hp08cta,.no-js .hp08cta,.hp08lvw .hp08promo,.no-js .hp08promo,.hp08lvw .hp08promo a,.no-js .hp08promo a{position:relative;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;float:none;overflow:visible;width:100%;height:auto!important}
.hp08lvw .hp08v1,.no-js .hp08v1,.hp08lvw .hp08promo,.no-js .hp08promo{float:left;clear:both;padding-top:0;width:100%}
.hp08lvw .hp08w3,.no-js .hp08w3{position:static!important;top:auto!important;float:none;clear:both;display:block;overflow:visible;margin-top:0;width:auto;background:transparent;line-height:1.35em!important;filter:none}
.hp08lvw .hp08w3 div,.no-js .hp08w3 div,.hp08lvw .hp08w3 p,.no-js .hp08w3 p,.hp08lvw .hp08basic div,.no-js .hp08basic div,.hp08lvw .hp08basic p,.no-js .hp08basic p{float:left!important;margin:0;width:auto;color:#323232;font-weight:normal}
.hp08lvw .hp08w3 span,.no-js .hp08w3 span{padding-top:0;padding-bottom:0;height:auto}
.hp08lvw .hp08teaser span,.no-js .hp08teaser span,.hp08lvw .hp08teaser em,.no-js .hp08teaser em{display:inline!important;margin:0;padding:0}
.hp08lvw .hp08w2,.no-js .hp08w2{padding-top:0;height:auto!important}
.hp08lvw .hp08promo a,.no-js .hp08promo a{float:left;clear:both;width:100%;background:#fff!important;cursor:default;filter:none}
.hp08lvw .hp08w4,.no-js .hp08w4{padding:0;width:auto!important;height:auto;line-height:1.35em!important}
.hp08lvw .hp08w4 span,.no-js .hp08w4 span{padding-top:0;padding-bottom:0;height:auto}
.hp08lvw .hp08w4 .hp08ttl,.no-js .hp08w4 .hp08ttl{text-transform:none;font-weight:bold}
.hp08lvw .hp08w4 .hp08ttl,.no-js .hp08w4 .hp08ttl,.hp08lvw .hp08w4 p,.no-js .hp08w4 p{float:none!important;width:100%}
.hp08lvw .hp08currentfilter,.no-js .hp08currentfilter{display:block}
.hp08lvw .hp08promo,.no-js .hp08promo{padding:.868em 0;border-bottom:1px solid #ddd}
.hp08lvw .hp08w3 .hp08teaser,.no-js .hp08w3 .hp08teaser{float:none!important;display:block!important;margin:0!Important;padding:0!Important;height:auto!important;table-layout:none;font-weight:bold;line-height:1.35em!important}
.hp08lvw .hp08w3 .hp08teaser span,.no-js .hp08w3 .hp08teaser span{display:block;overflow:visible;vertical-align:top;line-height:1.35em!important}
.hp08lvw .hp08w3 .hp08teaser span em,.no-js .hp08w3 .hp08teaser span em{display:block;overflow:visible;line-height:1.35em!important}
.hp08lvw .hp08w3 .hp08cta,.no-js .hp08w3 .hp08cta{position:static!important;float:left!important;display:block!important;margin:0!Important;padding:0!Important;width:100%;text-align:left!important;line-height:1.35em!important}
.hp08lvw .hp08w3 .hp08cta p,.no-js .hp08w3 .hp08cta p{line-height:1.35em!important}
.hp08lvw .hp08w3 .cmps-bttns,.no-js .hp08w3 .cmps-bttns,.hp08lvw .hp08w4 .cmps-bttns,.no-js .hp08w4 .cmps-bttns{position:absolute;top:50%;right:0;margin-top:-.5em}
.hp08lvw .hp08w3 .hp08cta span,.no-js .hp08w3 .hp08cta span{display:block;text-align:left}
.hp08lvw .hp08v1,.no-js .hp08v1{height:auto!important;border-top:1px solid #ddd}
.hp08lvw .cmps-bttns div span:after,.no-js .cmps-bttns div span:after{margin-right:0;font-size:12px;}
.hp08lvw .cmps-bttns div span,.no-js .cmps-bttns div span{padding-right:1.1em}
.hp08lvw .hp08w1,.no-js .hp08w1{height:auto!important}
.hp08lvw .hp08promo a .hp08teaser span em:hover,.no-js .hp08promo a .hp08teaser span em:hover,.hp08lvw .hp08promo a .hp08ttl:hover,.no-js .hp08promo a .hp08ttl:hover{text-decoration:underline;cursor:pointer}
.hp08lvw .cmps-bttns div span:hover,.no-js .cmps-bttns div span:hover{background:#fff;color:#1f4f81;text-decoration:underline;cursor:pointer}
.hp08lvw .cmps-bttns div:hover span:after,.no-js .cmps-bttns div:hover a:after,.hp08lvw .cmps-bttns div:hover span:after,.no-js .cmps-bttns div:hover a:after{background-position:0 25%}
.no-js .hp08v1{display:block;border-top:0}


.cmps-bttns{float:left;margin:0;width:100%}
.cmps-bttns div{float:left;margin:0 16px .6em 0;position:relative}
.cmps-bttns div a,.cmps-bttns div span{background:none repeat scroll 0 0 #fff;color:#1f4f82;display:block;font-size:16px;padding:5px 30px}
.cmps-bttns div span:visited,.cmps-bttns div a:visited{color:#1f4f82}
.cmps-bttns div span:after,.cmps-bttns div a:after{background:url("../bg/compass-hp-sprite.png") no-repeat scroll 0 25% / 100% auto rgba(0,0,0,0);content:"";display:block;margin:-0.6em .4em 0 0;padding-top:1.25em;position:absolute;right:0;top:50%;width:1.25em}
.cmps-bttns div span:hover,.cmps-bttns div a:hover{background:none repeat scroll 0 0 #1f4f81;color:#fff;text-decoration:none;transition:background-color 250ms ease 0s,color 250ms ease 0s}
.cmps-bttns div:hover span:after,.cmps-bttns div:hover a:after{background-position:0 31.25%}