/* GLOBAL STYLES -------------------------------------------------- */ /* Padding below the footer and lighter body text */ @import "https://www.yfstake.com/m/_c/2017/main-apac.css?u=20230224v1"; html:lang(zh){ body{ font-family: "Roboto", "Noto Sans SC", sans-serif; h1, h2, h3, h4, h5, h6{ font-family: "Knockout 30 A","Knockout 30 B","Roboto", "Noto Sans SC", sans-serif; } } } /* html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-family:Helvetica,Arial,"source-han-sans-simplified-c", "Microsoft YaHei", "SimHei" ,sans-serif; } p, ol, ul { font-size:13px; line-height:1.8em; font-family:Helvetica,Arial,"source-han-sans-simplified-c", "Microsoft YaHei", "SimHei",sans-serif; margin:0 0 1em 0; } */ #top-home-banner,#top-home-banner a{width:100%;height:40px;text-align:center}#top-home-banner{background-color:#404040;display:flex;justify-content:center;align-items:center;font-size:15px;color:#fff;vertical-align:middle;margin-bottom:0;-webkit-transition:all .2s;transition:all .2s}#top-home-banner a{display:block}#top-home-banner:hover{background-color:#595959}#top-home-banner.soft-red{background-color:#de526f}#top-home-banner.soft-red:hover{background-color:#e67d93}#top-home-banner.blue-green{background-color:#00aad5}#top-home-banner.blue-green:hover{background-color:#00b2df}#top-home-banner.olive-green{background-color:#777b00}#top-home-banner.olive-green:hover{background-color:#a8ae00} .container{ padding-bottom: 25px; } #asia-header-2015 div, #asia-header-2015 span, #asia-header-2015 object, #asia-header-2015 iframe, #asia-header-2015 h1, #asia-header-2015 h2, #asia-header-2015 h3, #asia-header-2015 h4, #asia-header-2015 h5, #asia-header-2015 h6, #asia-header-2015 p, #asia-header-2015 a, #asia-header-2015 img, #asia-header-2015 strong, #asia-header-2015 sub, #asia-header-2015 sup, #asia-header-2015 b, #asia-header-2015 u, #asia-header-2015 i,#asia-header-2015 ol, #asia-header-2015 ul, #asia-header-2015 li, #asia-header-2015 form, #asia-header-2015 label, #asia-header-2015 table, #asia-header-2015 caption, #asia-header-2015 tbody, #asia-header-2015 tfoot, #asia-header-2015 thead, #asia-header-2015 tr, #asia-header-2015 th, #asia-header-2015 td, #asia-header-2015 embed, #asia-header-2015 footer, #asia-header-2015 header, #asia-header-2015 menu, #asia-header-2015 nav, #asia-header-2015 section, #asia-header-2015 audio, #asia-header-2015 video{ margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: 100%; } #asia-header-2015,#asia-footer-2015{ color: #222222; } #asia-header-2015 a,#asia-footer-2015 a{ outline: none; } #asia-header-2015 a img,#asia-footer-2015 a img{border:0;} /* THE TOP NAVBAR 2015 -------------------------------------------------- */ #asia-header-2015{ width: 100%; margin: 0 0 20px 0; box-sizing: border-box; min-width: 945px; } #asia-header-2015 input[type="text"]{ border:1px solid #cfcfcf; background-color:#fff; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); outline: none; -webkit-transition:border linear .2s,box-shadow linear .2s; transition:border linear .2s,box-shadow linear .2s; } #asia-header-2015 input[type="text"]:focus{ border:1px solid rgba(82,168,236,0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) } #asia-header-2015 .col-xs-1, #asia-header-2015 .col-xs-2, #asia-header-2015 .col-xs-3, #asia-header-2015 .col-xs-4, #asia-header-2015 .col-xs-5, #asia-header-2015 .col-xs-6, #asia-header-2015 .col-xs-7, #asia-header-2015 .col-xs-8, #asia-header-2015 .col-xs-9, #asia-header-2015 .col-xs-10, #asia-header-2015 .col-xs-11, #asia-header-2015 .col-xs-12, #asia-header-2015 .col-sm-1, #asia-header-2015 .col-sm-2, #asia-header-2015 .col-sm-3, #asia-header-2015 .col-sm-4, #asia-header-2015 .col-sm-5, #asia-header-2015 .col-sm-6, #asia-header-2015 .col-sm-7, #asia-header-2015 .col-sm-8, #asia-header-2015 .col-sm-9, #asia-header-2015 .col-sm-10, #asia-header-2015 .col-sm-11, #asia-header-2015 .col-sm-12{ float: left; } #asia-header-2015 .col-xs-1, #asia-header-2015 .col-sm-1, #asia-header-2015 .col-md-1, #asia-header-2015 .col-lg-1, #asia-header-2015 .col-xs-2, #asia-header-2015 .col-sm-2, #asia-header-2015 .col-md-2, #asia-header-2015 .col-lg-2, #asia-header-2015 .col-xs-3, #asia-header-2015 .col-sm-3, #asia-header-2015 .col-md-3, #asia-header-2015 .col-lg-3, #asia-header-2015 .col-xs-4, #asia-header-2015 .col-sm-4, #asia-header-2015 .col-md-4, #asia-header-2015 .col-lg-4, #asia-header-2015 .col-xs-5, #asia-header-2015 .col-sm-5, #asia-header-2015 .col-md-5, #asia-header-2015 .col-lg-5, #asia-header-2015 .col-xs-6, #asia-header-2015 .col-sm-6, #asia-header-2015 .col-md-6, #asia-header-2015 .col-lg-6, #asia-header-2015 .col-xs-7, #asia-header-2015 .col-sm-7, #asia-header-2015 .col-md-7, #asia-header-2015 .col-lg-7, #asia-header-2015 .col-xs-8, #asia-header-2015 .col-sm-8, #asia-header-2015 .col-md-8, #asia-header-2015 .col-lg-8, #asia-header-2015 .col-xs-9, #asia-header-2015 .col-sm-9, #asia-header-2015 .col-md-9, #asia-header-2015 .col-lg-9, #asia-header-2015 .col-xs-10, #asia-header-2015 .col-sm-10, #asia-header-2015 .col-md-10, #asia-header-2015 .col-lg-10, #asia-header-2015 .col-xs-11, #asia-header-2015 .col-sm-11, #asia-header-2015 .col-md-11, #asia-header-2015 .col-lg-11, #asia-header-2015 .col-xs-12, #asia-header-2015 .col-sm-12, #asia-header-2015 .col-md-12, #asia-header-2015 .col-lg-12{ position: relative; min-height: 1px; padding: 0 15px; box-sizing: border-box; } #asia-header-2015 .col-xs-10{ width: 83.33333%; } #asia-header-2015 .col-xs-12{ width: 100%; } #asia-header-2015 .col-sm-2{ width: 16.66667%; } #asia-header-2015 .col-sm-3{ width: 25%; } #asia-header-2015 .col-sm-9{ width: 75%; } #asia-header-2015 .col-sm-10{ width: 83.33333%; } #asia-header-2015 .col-sm-12{ width: 100%; } #asia-header-2015 *{ box-sizing: border-box; } #asia-header-2015 .pull-right{ float: right!important; } #asia-header-2015 #top-utility-bar{ position: static; font-size: 12px; border-bottom:solid 1px rgba(198,198,198,1); background-color:rgba(227,227,227,1); } #asia-header-2015 #top-utility-bar a{ color: #555; text-shadow: 0 1px 0 rgba(255,255,255,0.8); } #asia-header-2015 #top-utility-bar div.row{ margin: 0; position: relative; } #asia-header-2015 #top-utility-bar div.row *:first-child{ clear: none; } #asia-header-2015 #top-utility-bar .pull-right{ margin: 0; padding: 0; float: right!important; } #asia-header-2015 #top-utility-bar .pull-right>li{ display: inline-block; position: relative; margin: 0 5px 0 5px; list-style: none!important; padding-top: 4px; cursor: pointer; line-height: 11px; } #asia-header-2015 #top-utility-bar .pull-right a:hover{ text-decoration: underline; } #asia-header-2015 #top-utility-bar .pull-right>li .dropdown{ display: none; position: absolute; z-index: 12; top: 99%; right: 0; border-bottom: solid 7px #0072ce; background: #f9f8f6; border-top:solid 1px rgba(198,198,198,1); margin-right: -20px; } #asia-header-2015 #top-utility-bar .pull-right>li:hover .dropdown{ display: block; } #asia-header-2015 #top-utility-bar .pull-right>li .dropdown ul li{ display: block; height: 20px; white-space: nowrap; } /* NAV 2015 -------------------------------------------------- */ #asia-header-2015 .header-wrap{ top: 0; left:0; width: 100%; background: #fff; box-shadow: 0 0 5px -1px #999; } #asia-header-2015 .header-wrap>.row{ margin: 0; width: 100%; } #asia-header-2015 .global-util>ul{ text-align: right; } #asia-header-2015 .rounded{ width: 80%; padding-right: 35px; padding-left: 15px; border-radius: 14px!important; } #asia-header-2015 .global-search-container{ padding: 0; } #asia-header-2015 .global-search-btn{ position: relative; z-index: 1; cursor: pointer; } .global-search-btn, button.search-btn{ margin: 0; padding-top: 4px; padding-bottom: 4px; vertical-align: top; } #asia-header-2015 a.global-search-btn>img{ width: 15px; height: 15px; vertical-align: middle; } #asia-header-2015 .logo-wrapper{ left: 0; transition:all,0.5s; display: flex; align-items: center; } #asia-header-2015 .logo{ display: block; z-index: 1; padding-left: 15px; position: relative; width:100%; font-size:0; } #asia-header-2015 .logo a{ color: #fff!important; } #asia-header-2015 .logo img{ width: 100%; margin: 0 auto; height: auto; } #asia-header-2015 div.nav{ z-index: 999; -webkit-transition: all,0.5s; transition: all,0.5s; } #asia-header-2015 ul.level1.row{ margin: 0; padding: 0; } #asia-header-2015 .level1>li{ position: relative; width: inherit; margin: 0; padding: 0; list-style: none; font-weight: normal; font-size: 15px; } #asia-header-2015 .level1>li>a{ font-weight: normal; letter-spacing: .075em; text-transform: uppercase; color: #222; display: block; text-decoration: none; } #asia-header-2015 .level1>li:hover>a, #asia-header-2015 .level1>li.nav-open>a{ text-decoration:none; color: #0072ce; } .section{ position: relative; margin-top:0; } #asia-header-2015 .level2 .section ul, #asia-header-2015 .level2 ul{ margin: 0; padding: 0; } #asia-header-2015 .shop>.level2>ul>li>a:before, #asia-header-2015 .shop>.level2>.section>ul>li>a:before, #asia-header-2015 .wheretobuy>.level2>ul>li>a:before, #asia-header-2015 .wheretobuy>.level2>.section>ul>li>a:before, #asia-header-2015 .maps>.level2>ul>li>a:before, #asia-header-2015 .maps>.level2>.section>ul>li>a:before, #asia-header-2015 .support>.level2>ul>li>a:before, #asia-header-2015 .support>.level2>.section>ul>li>a:before{ display: block; float: left; width: 30px; height: 30px; margin-left: -40px; content: ""; } #asia-header-2015 .maps>.level2>ul>li>a:before, #asia-header-2015 .maps>.level2>.section>ul>li>a:before{ display: block; float: left; width: 30px; height: 30px; margin-left: -40px; content: ""; } #asia-header-2015 .shop>.level2>.section>ul>.automotive>a:before, #asia-header-2015 .shop>.level2>.section>ul>.automotive:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 0; } #asia-header-2015 .shop>.level2>.section>ul>.automotive>a:hover:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px 0; } #asia-header-2015 .shop>.level2>.section>ul>.automotive:hover>a:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px 0px } #asia-header-2015 .shop>.level2>.section>ul>.sports>a:before, #asia-header-2015 .shop>.level2>.section>ul>.sports:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -30px; } #asia-header-2015 .shop>.level2>.section>ul>.sports>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -30px; } #asia-header-2015 .shop>.level2>.section>ul>.sports:hover>a:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -30px } #asia-header-2015 .shop>.level2>.section>ul>.marine>a:before, #asia-header-2015 .shop>.level2>.section>ul>.marine:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -60px; } #asia-header-2015 .shop>.level2>.section>ul>.marine>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -60px; } #asia-header-2015 .shop>.level2>.section>ul>.aviation>a:before, #asia-header-2015 .shop>.level2>.section>ul>.aviation:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -90px; } #asia-header-2015 .shop>.level2>.section>ul>.aviation>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -90px; } #asia-header-2015 .shop>.level2>.section>ul>.wearables>a:before, #asia-header-2015 .shop>.level2>.section>ul>.wearables:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -120px; } #asia-header-2015 .shop>.level2>.section>ul>.wearables>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -120px; } #asia-header-2015 .shop>.level2>.section>ul>.cameras>a:before, #asia-header-2015 .shop>.level2>.section>ul>.cameras:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -180px; } #asia-header-2015 .shop>.level2>.section>ul>.cameras>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -180px; } /* 舊架構選單 */ #asia-header-2015 .shop>.level2>.section>ul>.gdr>a:before, #asia-header-2015 .shop>.level2>.section>ul>.gdr:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -210px; } #asia-header-2015 .shop>.level2>.section>ul>.gdr>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -210px; } #asia-header-2015 .shop>.level2>.section>ul>.onthetrail>a:before, #asia-header-2015 .shop>.level2>.section>ul>.onthetrail:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -240px; } #asia-header-2015 .shop>.level2>.section>ul>.onthetrail>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -240px; } #asia-header-2015 .shop>.level2>.section>ul>.cartography>a:before, #asia-header-2015 .shop>.level2>.section>ul>.cartography:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -270px; } #asia-header-2015 .shop>.level2>.section>ul>.cartography>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -270px; } #asia-header-2015 .shop>.level2>.section>ul>.apps>a:before, #asia-header-2015 .shop>.level2>.section>ul>.apps:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -300px; } #asia-header-2015 .shop>.level2>.section>ul>.apps>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -300px; } #asia-header-2015 .shop>.level2>.section>ul>.mobile>a:before, #asia-header-2015 .shop>.level2>.section>ul>.mobile:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -330px; } #asia-header-2015 .shop>.level2>.section>ul>.mobile>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -330px; } #asia-header-2015 .shop>.level2>.section>ul>.oem>a:before, #asia-header-2015 .shop>.level2>.section>ul>.oem:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -360px; } #asia-header-2015 .shop>.level2>.section>ul>.oem>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -360px; } #asia-header-2015 .shop>.level2>.section>ul>.application>a:before, #asia-header-2015 .shop>.level2>.section>ul>.application:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -390px; } #asia-header-2015 .shop>.level2>.section>ul>.application>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -390px; } #asia-header-2015 .shop>.level2>.section>ul>.accessories>a:before, #asia-header-2015 .shop>.level2>.section>ul>.accessories:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -780px; } #asia-header-2015 .shop>.level2>.section>ul>.accessories>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -780px; } #asia-header-2015 .wheretobuy>.level2>.section>ul>.distributor>a:before, #asia-header-2015 .wheretobuy>.level2>.section>ul>.distributor:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -960px; } #asia-header-2015 .wheretobuy>.level2>.section>ul>.distributor>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -960px; } #asia-header-2015 .wheretobuy>.level2>.section>ul>.eleshop>a:before, #asia-header-2015 .wheretobuy>.level2>.section>ul>.eleshop:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -990px; } #asia-header-2015 .wheretobuy>.level2>.section>ul>.eleshop>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -990px; } #asia-header-2015 .wheretobuy>.level2>.section>ul>.webstore>a:before, #asia-header-2015 .wheretobuy>.level2>.section>ul>.webstore:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -1020px; } #asia-header-2015 .wheretobuy>.level2>.section>ul>.webstore>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -1020px; } #asia-header-2015 .maps>.level2>.section>ul>.cartography>a:before, #asia-header-2015 .maps>.level2>.section>ul>.cartography:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -270px; } #asia-header-2015 .maps>.level2>.section>ul>.cartography>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -270px; } #asia-header-2015 .maps>.level2>.section>ul>.numaps>a:before, #asia-header-2015 .maps>.level2>.section>ul>.numaps:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -420px; } #asia-header-2015 .maps>.level2>.section>ul>.numaps>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -420px; } #asia-header-2015 .maps>.level2>.section>ul>.errata>a:before, #asia-header-2015 .maps>.level2>.section>ul>.errata:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -450px; } #asia-header-2015 .maps>.level2>.section>ul>.errata>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -450px; } #asia-header-2015 .maps>.level2>.section>ul>.apps>a:before, #asia-header-2015 .maps>.level2>.section>ul>.apps:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -300px; } #asia-header-2015 .maps>.level2>.section>ul>.apps>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -300px; } #asia-header-2015 .maps>.level2>.section>ul>.richpoi>a:before, #asia-header-2015 .maps>.level2>.section>ul>.richpoi:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -480px; } #asia-header-2015 .maps>.level2>.section>ul>.richpoi>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -480px; } #asia-header-2015 .maps>.level2>.section>ul>.vehicles>a:before, #asia-header-2015 .maps>.level2>.section>ul>.vehicles:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -510px; } #asia-header-2015 .maps>.level2>.section>ul>.vehicles>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -510px; } #asia-header-2015 .maps>.level2>.section>ul>.travelroute>a:before, #asia-header-2015 .maps>.level2>.section>ul>.travelroute:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -540px; } #asia-header-2015 .maps>.level2>.section>ul>.travelroute>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -540px; } #asia-header-2015 .maps>.level2>.section>ul>.connect>a:before, #asia-header-2015 .maps>.level2>.section>ul>.connect:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -810px; } #asia-header-2015 .maps>.level2>.section>ul>.connect>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -810px; } #asia-header-2015 .maps>.level2>.section>ul>.adventures>a:before, #asia-header-2015 .maps>.level2>.section>ul>.adventures:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -840px; } #asia-header-2015 .maps>.level2>.section>ul>.adventures>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -840px; } #asia-header-2015 .support>.level2>.section>ul>.apps>a:before, #asia-header-2015 .support>.level2>.section>ul>.apps:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -300px; } #asia-header-2015 .support>.level2>.section>ul>.apps>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -300px; } #asia-header-2015 .support>.level2>.section>ul>.reg>a:before, #asia-header-2015 .support>.level2>.section>ul>.reg:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -570px; } #asia-header-2015 .support>.level2>.section>ul>.reg>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -570px; } #asia-header-2015 .support>.level2>.section>ul>.application>a:before, #asia-header-2015 .support>.level2>.section>ul>.application:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -390px; } #asia-header-2015 .support>.level2>.section>ul>.application>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -390px; } #asia-header-2015 .support>.level2>.section>ul>.mapsource>a:before, #asia-header-2015 .support>.level2>.section>ul>.mapsource:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -600px; } #asia-header-2015 .support>.level2>.section>ul>.mapsource>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -600px; } #asia-header-2015 .support>.level2>.section>ul>.repair>a:before, #asia-header-2015 .support>.level2>.section>ul>.repair:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -630px; } #asia-header-2015 .support>.level2>.section>ul>.repair>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -630px; } #asia-header-2015 .support>.level2>.section>ul>.faqs>a:before, #asia-header-2015 .support>.level2>.section>ul>.faqs:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -660px; } #asia-header-2015 .support>.level2>.section>ul>.faqs>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -660px; } #asia-header-2015 .support>.level2>.section>ul>.contact-support>a:before, #asia-header-2015 .support>.level2>.section>ul>.contact-support:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -690px; } #asia-header-2015 .support>.level2>.section>ul>.contact-support>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -690px; } #asia-header-2015 .support>.level2>.section>ul>.search-support>a:before, #asia-header-2015 .support>.level2>.section>ul>.search-support:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -720px; } #asia-header-2015 .support>.level2>.section>ul>.search-support>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -720px; } #asia-header-2015 .support>.level2>.section>ul>.warranty>a:before, #asia-header-2015 .support>.level2>.section>ul>.warranty:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -750px; } #asia-header-2015 .support>.level2>.section>ul>.warranty>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -750px; } #asia-header-2015 .support>.level2>.section>ul>.aboutgps>a:before, #asia-header-2015 .support>.level2>.section>ul>.aboutgps:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -870px; } #asia-header-2015 .support>.level2>.section>ul>.aboutgps>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -870px; } #asia-header-2015 .support>.level2>.section>ul>.serviceout>a:before, #asia-header-2015 .support>.level2>.section>ul>.serviceout:hover>a:before { background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat 0 -930px; } #asia-header-2015 .support>.level2>.section>ul>.serviceout>a:hover:before{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -30px -930px; } /* /舊架構選單 */ #asia-header-2015 .level2>.section>ul>li>a:hover, #asia-header-2015 .level2>.section>ul>li:hover>a { color: #fff; background: #0072ce; } #asia-header-2015 .level2>.section>.row>li:last-child:after { display: block; width: 340px; margin: 0 auto; content: ''; border-bottom: solid 1px #eee } #asia-header-2015 .shop>.level2>.section>ul>li.has-menu>a:after { display: inline-block; float: right; width: 30px; height: 30px; margin-right: 0; content: ""; background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -90px -90px } #asia-header-2015 .shop>.level2>.section>ul>li.has-menu>a:hover:after{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -120px -90px } #asia-header-2015 .shop>.level2>.section>ul>li.has-menu:hover>a:after{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -120px -90px } #asia-header-2015 .level2>.section>.row>li:last-child:hover:after { display: block; width: 100%; margin: 0 auto; content: ''; border-bottom: solid 1px #eee } #asia-header-2015 .shop>.level2>.secondary-level>.row>li.wearables a span.subhead, #asia-header-2015 .shop>.level2>.secondary-level>.row>li.cameras a span.subhead{ position: absolute; margin-top: -11px; } #asia-header-2015 .level2>div>ul>li>a>span.subhead:hover, #asia-header-2015 .level2>div>ul>li:hover>a>span.subhead { color: #fff; } #asia-header-2015 .level2>.section>ul>li>.level3-target { display: none; margin-top: -1px; min-height: 495px; border-bottom: solid 7px #0072ce; border-right: solid 1px #ccc; border-top: solid 1px #ccc; } #asia-header-2015 .level2>.section>ul>li:hover>.level3-target { display: block; border-right: solid 1px #ccc; } #asia-header-2015 .level3, #asia-header-2015 ul.row.level3-target{ -webkit-transition: all,0.5s; transition: all,0.5s; } #asia-header-2015 .level3-target li{ padding: 0 15px; } #asia-header-2015 .level3-target li a{ display: block; padding: 1em 0 0 0; font-size: 13px; font-weight: normal; color: #555; } #asia-header-2015 .level3-target li a:hover{ color: #007cc3; } #asia-header-2015 .level3-target li:last-child a{ padding: 10px 0 10px 0; } #asia-header-2015 .shop>.level2>.secondary-level>.row>li.cameras>.level3-target>li a, #asia-header-2015 .shop>.level2>.secondary-level>.row>li.wearables>.level3-target>li a{ padding:1em 0 0 0; } #asia-header-2015 .shop>.level2>.secondary-level>.row>li.cameras>.level3-target>li:last-child a, #asia-header-2015 .shop>.level2>.secondary-level>.row>li.wearables>.level3-target>li:last-child a{ padding:10px 0 10px 0; } #asia-header-2015 .shop>.level2>.secondary-level>.row>li.cameras>.level3-target, #asia-header-2015 .shop>.level2>.secondary-level>.row>li.wearables>.level3-target{ top: -251px; } /*@media(min-width: 768px){ #asia-header-2015 .header-wrap{ height: 60px; }*/ #asia-header-2015 .global-search{ margin: 16px 0 0 0; } #asia-header-2015 ul.row{ margin: 0; padding: 0; position: relative; } #asia-header-2015 input[type=text]{ font-size: 14px; color: #555; } #asia-header-2015 ::-webkit-input-placeholder { color: #555; } #asia-header-2015 :-moz-placeholder { color: #555; } #asia-header-2015 .placeholder { color: #555; } #asia-header-2015 .global-search-btn{ top:2px; left:-30px; } #asia-header-2015 a.global-search-btn>img{ z-index: 1; background: #fff; } #asia-header-2015 .logo-wrapper{ height: 60px; } #asia-header-2015 .logo{max-width:140px;} #asia-header-2015 .level1>li>a{ height: 59px; padding: 24px 14px 0 14px; } #asia-header-2015 .level1>.shop:hover>a:after, #asia-header-2015 .level1>.wheretobuy:hover>a:after, #asia-header-2015 .level1>.maps:hover>a:after, #asia-header-2015 .level1>.support:hover>a:after, #asia-header-2015 .level1>.discover:hover>a:after{ background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -120px -120px; } #asia-header-2015 .level1>.shop>a:after, #asia-header-2015 .level1>.wheretobuy>a:after, #asia-header-2015 .level1>.maps>a:after, #asia-header-2015 .level1>.support>a:after, #asia-header-2015 .level1>.discover>a:after{ display: block; float: right; width: 9px; height: 5px; margin-top:6px; margin-left: 6px; content: ""; background: url(/img/2637270257335e801982bbbda40a278e.png?orig=%2Fm%2F_i%2F2015%2Ficons%2Fnav-sprite.png) no-repeat -120px -120px; } #asia-header-2015 .level1>li:hover>a{ text-decoration: none; color: #0072ce; border-top:solid 1px #0072ce; border-right:solid 1px #fff; border-left:solid 1px #fff; background: #fff; padding: 23px 13px 0 13px; } #asia-header-2015 .level1>li.has-menu:hover{ box-shadow: -3px 3px 4px rgba(0,0,0,0.1); } #asia-header-2015 .level1>li.has-menu:hover:after { display: block; position: absolute; z-index: 10; top: 100%; height: 2px; bottom: -2px; content: ''; background: #fff; width: 99%; margin-left: 1px } #asia-header-2015 .level1>li.has-menu:hover .level2{ display: block; } #asia-header-2015 .level1>li.has-menu:hover>a{ text-decoration: none; color: #0072ce; border-top:solid 1px #0072ce; border-right:solid 1px #ccc; border-left:solid 1px #ccc; background: #fff; } #asia-header-2015 .level2{ display: none; position: absolute; z-index: 10; top: 100%; margin-left: 0; padding: 0; border-bottom: solid 7px #0072ce; background: #fff; box-shadow: -3px 3px 4px rgba(0,0,0,0.1); border-top: solid 1px #ccc; border-right: solid 1px #ccc; border-left: solid 1px #ccc; margin-top: 1px; } #asia-header-2015 .level2>.section>ul>li{ display: inline-block; position: static; clear: both; width: 360px; padding-left: 0; padding-right: 0; } #asia-header-2015 .shop>.level2>div.primary-level.section>ul>li>a, #asia-header-2015 .shop>.level2>div.secondary-level.section>ul>li>a, #asia-header-2015 .wheretobuy>.level2>div.primary-level.section>ul>li>a, #asia-header-2015 .maps>.level2>div.primary-level.section>ul>li>a, #asia-header-2015 .support>.level2>div.primary-level.section>ul>li>a, #asia-header-2015 .discover>.level2>div.primary-level.section>ul>li>a{ padding: 10px 15px 10px 54px; } #asia-header-2015 .discover>.level2>div.primary-level.section>ul>li>a, #asia-header-2015 .wheretobuy>.level2>div.primary-level.section>ul>li>a, #asia-header-2015 .maps>.level2>div.primary-level.section>ul>li>a, #asia-header-2015 .support>.level2>div.primary-level.section>ul>li>a{ padding: 8px 15px 8px 15px; line-height: 1.5em; } #asia-header-2015 .level2>.section>ul>li>a{ font-size: 13px; font-weight: normal; text-decoration: none; color: #555; line-height: 30px; display: block; } #asia-header-2015 .subhead{ display: block; font-size: 12px; color: #999; font-weight: normal; } #asia-header-2015 .shop>.level2>.secondary-level>.row>li.wearables, #asia-header-2015 .shop>.level2>.secondary-level>.row>li.cameras{ padding: 0; } #asia-header-2015 .shop>.level2>.secondary-level>.row>li.wearables a, #asia-header-2015 .shop>.level2>.secondary-level>.row>li.cameras a{ padding: 5px 15px 25px 54px; } #asia-header-2015 .shop>.level2>.section>ul>.wearables>a:before, #asia-header-2015 .shop>.level2>.section>ul>.cameras>a:before{ margin-top: 8px; } #asia-header-2015 .shop>.level2>.iconnone>.row>li a{ padding: 4px 15px 4px 15px; } #asia-header-2015 .shop>.level2>.iconnone>.row>li a:before{ display: none; } #asia-header-2015 .level3, #asia-header-2015 ul.row.level3-target{ display: none; position: absolute; top: 0; left: 360px; width: 100%; margin-left:0; padding: 0; background: #fff; border-left: solid 1px #ccc; } #asia-header-2015 .level3-target li ul li{ display: block; clear: both; height: auto; } /*} @media(min-width: 992px){*/ #asia-header-2015 .header-wrap{ height: 75px; } #asia-header-2015 .global-search{ margin: 24px 0 0 0; } #asia-header-2015 .global-search-btn{ top:4px; left:-29px; } #asia-header-2015 .logo-wrapper{ height: 75px; padding-left: 0; } #asia-header-2015 .level1>li>a{ height: 74px; padding: 28px 19px 0 19px; } #asia-header-2015 .level1>li:hover>a{ padding: 27px 18px 0 18px; } #asia-header-2015 .wheretobuy>.level2>div.primary-level.section>ul>li>a, #asia-header-2015 .maps>.level2>div.primary-level.section>ul>li>a, #asia-header-2015 .support>.level2>div.primary-level.section>ul>li>a{ padding: 8px 15px 8px 15px; font-size: 13px; } /*}*/ @media(max-width: 1199px) and (min-width: 992px){ .hidden-md{ display: none!important; } } /* THE FOOTER 2015 -------------------------------------------------- */ #asia-footer-2015 .col-xs-1, #asia-footer-2015 .col-xs-2, #asia-footer-2015 .col-xs-3, #asia-footer-2015 .col-xs-4, #asia-footer-2015 .col-xs-5, #asia-footer-2015 .col-xs-6, #asia-footer-2015 .col-xs-7, #asia-footer-2015 .col-xs-8, #asia-footer-2015 .col-xs-9, #asia-footer-2015 .col-xs-10, #asia-footer-2015 .col-xs-11, #asia-footer-2015 .col-xs-12, #asia-footer-2015 .col-sm-1, #asia-footer-2015 .col-sm-2, #asia-footer-2015 .col-sm-3, #asia-footer-2015 .col-sm-4, #asia-footer-2015 .col-sm-5, #asia-footer-2015 .col-sm-6, #asia-footer-2015 .col-sm-7, #asia-footer-2015 .col-sm-8, #asia-footer-2015 .col-sm-9, #asia-footer-2015 .col-sm-10, #asia-footer-2015 .col-sm-11, #asia-footer-2015 .col-sm-12{ float: left; } #asia-footer-2015 .col-xs-1, #asia-footer-2015 .col-sm-1, #asia-footer-2015 .col-md-1, #asia-footer-2015 .col-lg-1, #asia-footer-2015 .col-xs-2, #asia-footer-2015 .col-sm-2, #asia-footer-2015 .col-md-2, #asia-footer-2015 .col-lg-2, #asia-footer-2015 .col-xs-3, #asia-footer-2015 .col-sm-3, #asia-footer-2015 .col-md-3, #asia-footer-2015 .col-lg-3, #asia-footer-2015 .col-xs-4, #asia-footer-2015 .col-sm-4, #asia-footer-2015 .col-md-4, #asia-footer-2015 .col-lg-4, #asia-footer-2015 .col-xs-5, #asia-footer-2015 .col-sm-5, #asia-footer-2015 .col-md-5, #asia-footer-2015 .col-lg-5, #asia-footer-2015 .col-xs-6, #asia-footer-2015 .col-sm-6, #asia-footer-2015 .col-md-6, #asia-footer-2015 .col-lg-6, #asia-footer-2015 .col-xs-7, #asia-footer-2015 .col-sm-7, #asia-footer-2015 .col-md-7, #asia-footer-2015 .col-lg-7, #asia-footer-2015 .col-xs-8, #asia-footer-2015 .col-sm-8, #asia-footer-2015 .col-md-8, #asia-footer-2015 .col-lg-8, #asia-footer-2015 .col-xs-9, #asia-footer-2015 .col-sm-9, #asia-footer-2015 .col-md-9, #asia-footer-2015 .col-lg-9, #asia-footer-2015 .col-xs-10, #asia-footer-2015 .col-sm-10, #asia-footer-2015 .col-md-10, #asia-footer-2015 .col-lg-10, #asia-footer-2015 .col-xs-11, #asia-footer-2015 .col-sm-11, #asia-footer-2015 .col-md-11, #asia-footer-2015 .col-lg-11, #asia-footer-2015 .col-xs-12, #asia-footer-2015 .col-sm-12, #asia-footer-2015 .col-md-12, #asia-footer-2015 .col-lg-12{ position: relative; min-height: 1px; padding: 0 15px; box-sizing: border-box; } #asia-footer-2015 .col-xs-10{ width: 83.33333%; } #asia-footer-2015 .col-xs-12{ width: 100%; } #asia-footer-2015 .col-sm-2{ width: 16.66667%; } #asia-footer-2015 .col-sm-3{ width: 25%; } #asia-footer-2015 .col-sm-9{ width: 75%; } #asia-footer-2015 .col-sm-10{ width: 83.33333%; } #asia-footer-2015 .col-sm-12{ width: 100%; } #asia-footer-2015 *{ box-sizing: border-box; } #asia-footer-2015{ background: #efefef; clear: both; margin-top:0; padding: 25px 0; font-size: .85rem; text-align: left; border-top:1px solid #dcdcdc; line-height: 22px; } #asia-footer-2015 .row *:first-child{ clear: left; } #asia-footer-2015 .container{ width: 100%; margin: 0 auto 15px; min-width: 945px; padding-bottom: 0; } #asia-footer-2015 .container > .copyright{ padding-top: 10px; } #asia-footer-2015 .row{ position: relative; margin: 0; } #asia-footer-2015 .col-sm-2{ width: 21%; } #asia-footer-2015 .col-sm-2:first-child{ width: 20%; padding-right: 0; } #asia-footer-2015 .col-sm-2:last-child{ width: 15%; padding-right: 0; } #asia-footer-2015 h5{ font-size: 1rem; line-height: 1em; color: #222; } #asia-footer-2015 ul{ margin: 10px 0 0 0; padding: 0; } #asia-footer-2015 ul li{ display: block; line-height: 1.6em; color: #555; } #asia-footer-2015 a{ color: #555; } #asia-footer-2015 a:hover{ color: #007cc3; text-decoration: underline; } #asia-footer-2015 div.disclaimer-block{margin-top:10px;} #asia-footer-2015 .disclaimer-block, #asia-footer-2015 .disclaimer-block p, #asia-footer-2015 p.disclaimer-block{ color: #555; line-height: 1.9em; margin: 0 auto; text-align: center; letter-spacing: 0.02em; } #asia-footer-2015 .top{margin-top:20px;} #asia-footer-2015 .garmin-social-icon img{ height: 20px; width: 20px; margin: 0 10px; opacity: 0.4; transition: opacity 250ms; } #asia-footer-2015 .garmin-social-icon:hover{text-decoration:none;} #asia-footer-2015 .garmin-social-icon:hover img{ opacity:1; transition:none; } @media(min-width: 768px){ #asia-footer-2015 .container, #asia-footer-2015 .container{ width: 750px; } } @media(min-width: 992px){ #asia-footer-2015 .container, #asia-footer-2015 .container{ width: 970px; } } @media(min-width: 1200px){ #asia-footer-2015 .container, #asia-footer-2015 .container{ width: 1170px; } } /* FOOTER subscribe -------------------------------------------------- */ .subscribe{ width:100%; font-size:15px;} .subscribe form, .subscribe input, .subscribe button{ margin:0; border:none;} .subscribe form{ margin:2em auto .5em; position:relative; width:35%;} .subscribe form input[type=text]{ width:100%; height:2.5em; padding:0 1em; line-height:2em; background-color:#FFFFFF !important; color:#333333; border:1px solid #ccc;} .subscribe form input[type=text]:-webkit-autofill{ -webkit-box-shadow: inset 0 0 0px 9999px #FFFFFF; } .subscribe form input[type=text]:hover, .subscribe form input[type=text]:visited, .subscribe form input[type=text]:focus{background-color:#FFFFFF;} .subscribe form button{ width:10em; height:2.5em; line-height:2em; position:absolute; top:0; right:0; background:#555555; color:#FFFFFF; cursor:pointer; border-radius:0 3px 3px 0;} .subscribe form p.sub-note{ margin:.5em 0 0 0; line-height:1em; letter-spacing:0; color:#b50000; position:absolute;} #sub-box {display:none;width:500px;} #sub-box p, #sub-box li label{font-size:14px;} #sub-box h3{ margin-bottom:14px; font-size:20px;} #sub-box > ul{ margin: 0; padding:0;} #sub-box li{ display:inline-block; margin-right: 1em; line-height:2em;} #sub-box hr{ margin:15px 0;} #sub-box .sub-submit{ text-align:center; margin:3em 0 1em 0;} #sub-box .sub-submit button{ background-color:#007cc3; border:1px solid #006caa; color:#FFF; padding:6px 12px; margin:0 5px; border-radius:3px; cursor:pointer; } #sub-box .sub-submit button:hover{background-color:#005c90;} #sub-box .sub-submit button.sub-submit-close{ background-color:#ffffff; border:1px solid #999999; color:#485056;} #sub-box .sub-submit button.sub-submit-close:hover{background-color:#e6e6e6;} #sub-box .sub-submit p.sub-note{ display:none; margin:-2em 0 0 0; line-height:1em; letter-spacing:0; color:#007cc3; position:absolute; text-align:center; width:100%;} #sub-submit button.disabled {background-color: #c0c0c0; color:#808080; border:0;} #sub-submit button.disabled:hover { background-color: #c0c0c0;} #sub-box ul li label {cursor:pointer;display: inline;} /* product page -------------------------------------------------- */ .pcont h1, .pcont h2, .pcont h3, .pcont h4, .pcont h5, .pcont h6{ font-weight: normal; } .tabs.grouped>.header-group .content-header a, .tabmenu.grouped>.header-group .content-header a{ font-weight: normal; } .accessoriesItem ul li a span.acceName{ font-weight: normal; } #asia-header-2015 #top-utility-bar .g__cart__icon { display: inline-block; width: 20px; height: 20px; vertical-align: middle; }