@font-face{font-family:'SourceSansProLight';src:url(fonts/SourceSansPro-Light.ttf);font-weight:400;font-style:normal}
@font-face{font-family:'SourceSansProExtraLight';src:url(fonts/SourceSansPro-ExtraLight.ttf);font-weight:400;font-style:normal}
@font-face{font-family:'SourceSansProRegular';src:url(fonts/SourceSansPro-Regular.ttf);font-weight:400;font-style:normal}
@font-face{font-family:'SourceSansProSemiBold';src:url(fonts/SourceSansPro-SemiBold.ttf);font-weight:400;font-style:normal}
@font-face{font-family:'SourceSansProBold';src:url(fonts/SourceSansPro-Bold.ttf);font-weight:400;font-style:normal}
@font-face{font-family:'SourceSansProBlack';src:url(fonts/SourceSansPro-Black.ttf);font-weight:400;font-style:normal}
@font-face{font-family:'SourceSansProLightItalic';src:url(fonts/SourceSansPro-LightItalic.ttf);font-weight:400;font-style:italic}
@font-face{font-family:'SourceSansProExtraLightItalic';src:url(fonts/SourceSansPro-ExtraLightItalic.ttf);font-weight:400;font-style:italic}
@font-face{font-family:'SourceSansProRegularItalic';src:url(fonts/SourceSansPro-RegularItalic.ttf);font-weight:400;font-style:italic}
@font-face{font-family:'SourceSansProSemiBolditalic';src:url(fonts/SourceSansPro-SemiBoldItalic.ttf);font-weight:400;font-style:italic}
@font-face{font-family:'SourceSansProBoldItalic';src:url(fonts/SourceSansPro-BoldItalic.ttf);font-weight:400;font-style:italic}
@font-face{font-family:'SourceSansProBlackItalic';src:url(fonts/SourceSansPro-BlackItalic.ttf);font-weight:400;font-style:italic}
@font-face{font-family:'icomoon';src:url(fonts/icomoon.eot?qr1xd9);src:url(fonts/icomoon.eot?qr1xd9#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?qr1xd9) format("truetype"),url(fonts/icomoon.woff?qr1xd9) format("woff"),url(fonts/icomoon.svg?qr1xd9#icomoon) format("svg");font-weight:400;font-style:normal}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0;-webkit-text-size-adjust:none}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}
a img{border:0}
figure{position:relative}
figure img{width:100%}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{margin:0;background:#fff;font-size:18px;color:#302625;font-family:'SourceSansProRegular',sans-serif!important}
img{vertical-align:middle;max-width:100%}
a{text-decoration:none}
a:hover,a:focus{text-decoration:none;outline:none}
.wrapper{width:100%;margin:0 auto}
html{font-family:"SourceSansProRegular","Helvetica Neue",Helvetica,Arial,sans-serif;color:#484c55}
header{width:1160px;margin:0 auto;height:100%}
header .header-part1{border-bottom:1px solid #d3d4d6}
header .left-icon{margin:15px auto 19px;display:inline-block;width:29.491%;height:20px}
header .left-icon img{margin-right:20px}
header .right-menu{display:inline-block;width:70%;height:20px;font-size:32px;color:#dd3636}
header .right-menu ul{text-align:right}
header .right-menu ul li{display:inline-block;list-style:none;margin:0 20px 0 0}
header .right-menu ul li div{display:inline-block;position:relative;top:-1px}
header .right-menu ul li span{padding-right:0;padding-top:3px}
header .right-menu ul li span img{margin-top:0}
header .right-menu ul li:last-child{margin-right:0}
header .right-menu ul li a{color:#dd3636;font-size:16px;text-decoration:none}
header .right-menu ul li a:hover{color:#273447}
header .header-part2 img{margin:18px 0 19px}
header .mobile-part{display:none;margin:0 auto}
@media (min-device-width: 940px) and (max-device-width: 1150px) {
header{width:98%}
header .mobile-part{display:none}
header .header-part1{display:block;width:100%}
header .header-part2{width:100%;display:block}
}
@media (min-device-width: 320px) and (max-device-width: 480px) {
header{width:100%}
header .header-part1{display:none}
header .header-part2{display:none}
header .mobile-part{display:block;margin:0 auto;width:100%;height:50px}
header .mobile-part div{display:table-cell;margin:0 auto}
header .mobile-part div img{padding:16px 18px;margin:0 auto}
header .mobile-part div span{margin:0 auto}
header .mobile-part div:first-child{height:50px;border-right:1px solid #dfdfdf}
header .mobile-part div:last-child img{padding-left:30px;width:250px}
}
@media (min-device-width: 480px) and (max-device-width: 939px) {
header{width:100%}
header .header-part1{display:none}
header .header-part2{display:none}
header .mobile-part{display:block;margin:0 auto;width:100%;height:50px}
header .mobile-part div{display:table-cell;margin:0 auto}
header .mobile-part div img{padding:15px;margin:0 auto}
header .mobile-part div span{margin:0 auto}
header .mobile-part div:first-child{border-right:1px solid #dfdfdf}
}
@media (min-device-width: 1025px) and (max-device-width: 1160px) {
header .mobile-part{display:none}
header .header-part1{display:block}
header .header-part1 .left-icon{width:19.4%;margin-left:15px}
header .header-part1 .right-menu{width:76%;margin-left:15px}
header .header-part2{display:block;width:100%}
header .header-part2 img{margin-left:15px}
}
@media (min-device-width: 941px) and (max-device-width: 1024px) {
header .mobile-part{display:none}
header .header-part1{display:block}
header .header-part1 .left-icon{width:15.4%;margin-left:15px}
header .header-part1 .right-menu{width:80%;margin-left:15px}
header .header-part2{display:block;width:100%}
header .header-part2 img{margin-left:15px}
}
#banner{background:url(../img/banner.jpg) center 100% no-repeat;background-size:cover;height:455px}
#banner .searchbox{width:730px;margin:0 auto;padding:100px 0 90px}
#banner .searchbox input[type="text"]#txtSearch{font-size:16px;line-height:normal;color:#273447;background:#fff;height:58px;width:642px;border-radius:0;border:none;padding:0 19px}
#banner .searchbox input[type="text"]#txtSearch:focus{border:none;border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px #273447,0 0 8px #dd3636;box-shadow:inset 0 1px 1px #273447,0 0 8px #dd3636}
#banner .searchbox input[type="submit"]{height:58px;width:82px;background-color:#dd3636;display:inline-block;position:absolute;border:none;padding:0;margin:0}
@media (min-device-width: 320px) and (max-device-width: 480px) {
#banner .searchbox{width:300px;padding:25px 5px 13px}
#banner .searchbox input[type="text"]#txtSearch{width:225px;height:50px}
#banner .searchbox input[type="submit"]{width:65px;height:50px}
}
@media (min-device-width: 480px) and (max-device-width: 640px) {
#banner .searchbox{width:460px;padding:21px 5px 10px}
#banner .searchbox input[type="text"]#txtSearch{width:375px;height:50px}
#banner .searchbox input[type="submit"]{width:65px;height:50px}
}
@media (min-device-width: 641px) and (max-device-width: 940px) {
#banner .searchbox{width:620px;padding:30px 5px 20px}
#banner .searchbox input[type="text"]#txtSearch{width:535px;height:50px}
#banner .searchbox input[type="submit"]{width:65px;height:50px}
}
#banner .category_section{padding:0 0 82px;margin:0 auto;width:1160px}
@media (min-device-width: 320px) and (max-device-width: 480px) {
#banner .category_section{padding:0 10px;width:320px}
}
@media (min-device-width: 480px) and (max-device-width: 640px) {
#banner .category_section{padding:0 15px;width:480px}
}
@media (min-device-width: 641px) and (max-device-width: 768px) {
#banner .category_section{padding:0 15px;width:640px}
}
@media (min-device-width: 769px) and (max-device-width: 940px) {
#banner .category_section{padding:0 15px;width:765px}
}
@media (min-device-width: 940px) and (max-device-width: 1159px) {
#banner .category_section{padding:0 15px;width:940px}
}
#banner .category_section ul{list-style:none;margin:0;padding:0}
#banner .category_section ul li{font-family:"SourceSansProBold";display:inline-block;padding:0 2px 8px 0;width:190px}
#banner .category_section ul li a{color:#fff;font-size:16px}
#banner .category_section ul li a:hover{color:#dd3636}
#banner .category_section ul li div{display:inline-block;position:relative;top:-5px}
#banner .category_section ul li:nth-child(6n){padding-right:0}
@media (min-device-width: 320px) and (max-device-width: 480px) {
#banner .category_section ul li{font-family:"SourceSansProRegular";font-size:12px;width:145px;background-position-x:0;background-position-y:top;background-size:20%;margin:5px 0 10px;padding:0}
#banner .category_section ul li a{font-size:14px}
#banner .category_section ul li div{display:inline-block;position:relative;top:-6px}
#banner .category_section ul li:last-child{width:148px}
}
@media (min-device-width: 480px) and (max-device-width: 768px) {
#banner .category_section ul li{font-family:"SourceSansProRegular";font-size:12px;width:146px;background-position-x:0;background-position-y:top;background-size:20%;margin:5px 0 10px;padding:0}
#banner .category_section ul li a{font-size:14px}
}
@media (min-device-width: 769px) and (max-device-width: 1024px) {
#banner .category_section ul li{font-family:"SourceSansProRegular";font-size:12px;width:170px;background-position-x:0;background-position-y:top;margin:5px 0 10px;padding:0;background-size:20%}
#banner .category_section ul li a{font-size:15px}
}
@media (min-device-width: 320px) and (max-device-width: 1024px) {
#banner{height:auto;padding-bottom:27px;background:url(../img/banner.jpg) top right no-repeat;background-size:cover;z-index:0}
}
#coverall{display:none;background-color:rgba(0,0,0,0.4);height:500px;width:100%;z-index:1;opacity:.5;position:absolute}
#middle{width:100%;margin:0;padding:0 0 1px}
#middle .show_top5{width:100%;background-color:#ebecf0;margin:0 auto;padding:0 0 72px}
#middle .show_top5 #show_top5{width:1160px;margin:0 auto}
#middle .show_top5 #show_top5 h1{padding:65px 0 33px;text-align:center;font-family:"SourceSansProLight";font-size:30px}
#middle .show_top5 #show_top5 h1 a{color:#273447}
@media (min-device-width: 320px) and (max-device-width: 768px) {
#middle .show_top5 #show_top5 h1{padding:30px 0 32px;font-size:30px}
}
@media (min-device-width: 769px) and (max-device-width: 1024px) {
#middle .show_top5 #show_top5 h1{padding:40px 0;font-size:30px}
}
#middle .show_top5 #show_top5 .top5_box{display:table-cell;margin:0;width:383.66667px}
#middle .show_top5 #show_top5 .top5_box .img{margin:0;height:233px;overflow:hidden}
#middle .show_top5 #show_top5 .top5_box h2{font-family:"SourceSansProBold";font-size:18px;padding:13px 10px;text-align:left}
#middle .show_top5 #show_top5 .top5_box h2 a{color:#273447}
#middle .show_top5 #show_top5 .top5_box p{text-align:justify;font-family:"SourceSansProRegular";font-size:16px;line-height:23px;color:#273447;margin-top:-5px;padding:0 10px 5px}
#middle .show_top5 #show_top5 .top5_box p .more{color:#dd3636;font-family:"SourceSansProSemiBold"}
#middle .show_top5 #show_top5 .top5_box .child1{padding:13px 10px 0 0}
#middle .show_top5 #show_top5 .top5_box .child3{padding:13px 0 0 10px}
@media (min-device-width: 320px) and (max-device-width: 768px) {
#middle .show_top5 #show_top5{width:100%}
#middle .show_top5 #show_top5 .top5_box{display:block;width:100%;margin-bottom:34px}
#middle .show_top5 #show_top5 .top5_box h2{padding:15px 20px 0}
#middle .show_top5 #show_top5 .top5_box p{padding:15px 20px 0}
#middle .show_top5 #show_top5 .top5_box .child1{padding:15px 20px 0}
#middle .show_top5 #show_top5 .top5_box .child3{padding:15px 20px 0}
#middle .show_top5 #show_top5 .top5_box:last-child{margin-bottom:0}
}
@media (min-device-width: 769px) and (max-device-width: 939px) {
#middle .show_top5 #show_top5{width:98%}
#middle .show_top5 #show_top5 .top5_box{display:table-cell;margin:0;width:100/3%;margin-bottom:40px}
}
@media (min-device-width: 940px) and (max-device-width: 1159px) {
#middle .show_top5 #show_top5{width:940px}
#middle .show_top5 #show_top5 .top5_box{display:table-cell;margin:0;width:940/3;margin-bottom:40px}
}
@media (min-device-width: 320px) and (max-device-width: 480px) {
#middle .show_top5{padding-bottom:35px}
}
#middle #show_brands{width:1160px;margin:0 auto 61px}
#middle #show_brands h1{padding:69px 0 4px;text-align:center;font-family:"SourceSansProLight";font-size:30px}
#middle #show_brands h1 a{color:#273447}
@media (min-device-width: 320px) and (max-device-width: 768px) {
#middle #show_brands h1{padding:30px 0 5px;font-size:30px}
}
#middle #show_brands .brand_box{display:inline-block;margin:10px 0;width:287px}
#middle #show_brands .brand_box .img{margin:19px auto 15px;height:150px;overflow:hidden}
#middle #show_brands .brand_box h2{font-family:"SourceSansProBold";font-size:18px;margin:0 10px 3px;text-align:center}
#middle #show_brands .brand_box h2 a{color:#273447}
#middle #show_brands .brand_box p{text-align:center;font-family:"SourceSansProRegular";font-size:15px;color:#273447;margin:3px 10px;line-height:20px}
#middle #show_brands .brand_box p .more{color:#dd3636;font-family:"SourceSansProSemiBold"}
@media (min-device-width: 320px) and (max-device-width: 480px) {
#middle #show_brands{width:100%;margin:0 auto 28px}
#middle #show_brands .brand_box{width:100%;margin:10px 0 0}
#middle #show_brands .brand_box h2{margin:0 20px 5px}
#middle #show_brands .brand_box p{margin:1px 20px 10px}
}
@media (min-device-width: 480px) and (max-device-width: 640px) {
#middle #show_brands{width:100%}
#middle #show_brands .brand_box{display:inline-block;margin:10px;width:45%}
}
@media (min-device-width: 641px) and (max-device-width: 940px) {
#middle #show_brands{width:100%}
#middle #show_brands .brand_box{display:inline-block;margin:10px;width:28.33333%}
}
@media (min-device-width: 940px) and (max-device-width: 1160px) {
#middle #show_brands{width:940px}
#middle #show_brands .brand_box{display:inline-block;margin:10px;width:289.33333px}
}
.clr{clear:all}
#footer{width:100%;background:#273447;padding:32px 0 35px;margin:2px 0 0}
#footer .footer{width:1160px;margin:0 auto;background:none!important}
#footer .footer .footer-left ul{list-style:none;margin-bottom:13px}
#footer .footer .footer-left ul li{list-style:none;display:inline-block;padding:5px 20px 5px 0}
#footer .footer .footer-left ul li a{color:#dd3636;font-family:"SourceSansProBold";font-size:16px}
#footer .footer .footer-left ul li a:hover{color:#fff}
#footer .footer .footer-left ul li:last-child{float:right;clear:all}
#footer .footer .footer-left ul li:last-child img{margin-left:20px}
@media (min-device-width: 320px) and (max-device-width: 480px) {
#footer .footer .footer-left ul li:last-child{display:none}
}
#footer .footer .footer-left p{color:#9f9f9f;font-size:14px;line-height:25px;margin:0}
#footer .footer .footer-left p a{color:#9f9f9f;text-decoration:underline}
@media (min-device-width: 320px) and (max-device-width: 480px) {
#footer .footer .footer-left p{padding-bottom:17px}
}
#footer .footer .footer-left p.copyright{color:#fff;font-size:15px;margin-top:25px}
#footer .footer .footer-left .mobilefb{display:none}
@media (min-device-width: 320px) and (max-device-width: 480px) {
#footer .footer .footer-left .mobilefb{display:block;margin:15px 0 0}
#footer .footer .footer-left .mobilefb img{margin-right:20px}
#footer .footer .footer-left p.copyright{color:#fff;font-size:15px;margin-top:12px}
}
@media (min-device-width: 320px) and (max-device-width: 480px) {
#footer .footer{width:100%;padding:0 20px 4px}
}
@media (min-device-width: 481px) and (max-device-width: 1160px) {
#footer .footer{width:100%;padding:10px 20px}
}
@media (min-device-width: 320px) and (max-device-width: 480px) {
#footer{padding:32px 0 13px;margin-top:36px}
}
.iconbackground,.icon-search,.icon-merchand,.icon-brand,.icon-tips,.icon-conseil{background-position:3px 6px;background-repeat:no-repeat}
.icon-animalerie::before{content:'\e903'}
.icon-photo::before{content:'\e913'}
.icon-puericulture::before{content:'\e911'}
.icon-moto::before{content:'\e910'}
.icon-telephone::before{content:'\e915'}
.icon-beaute::before{content:'\e905'}
.icon-automobile::before{content:'\e904'}
.icon-bijoux::before{content:'\e906';font-size:30px!important}
@media (min-device-width: 320px) and (max-device-width: 480px) {
.icon-bijoux::before{font-size:24px!important}
}
.icon-sports::before{content:'\e912';font-size:30px!important}
@media (min-device-width: 320px) and (max-device-width: 480px) {
.icon-sports::before{font-size:24px!important}
}
.icon-informatique::before{content:'\e90a'}
.icon-jeux::before{content:'\e90d'}
.icon-bricolage::before{content:'\e907'}
.icon-electro::before{content:'\e909'}
.icon-menu::before{content:'\e900';color:#dd3636;font-family:'icomoon'!important;font-size:24px!important;position:relative;margin:14px;top:5px}
.icon-search::before{content:"\e901";color:#fff;font-family:'icomoon'!important;font-size:24px!important}
.icon-con::before{content:"\e908";font-family:'icomoon'!important;font-size:24px!important;margin-top:2px;color:#b4b9c2;position:relative;top:4px}
.icon-square::before{content:"\e902";font-family:'icomoon'!important;font-size:17px!important;color:#b4b9c2;padding:2px}
.icon-star::before{content:"\e914";font-family:'icomoon'!important;font-size:17px!important;color:#b4b9c2;padding:2px}
.icon-jardin::before{content:"\e90c"}
.icon-meaubel::before{content:"\e916"}
@media (min-device-width: 320px) and (max-device-width: 480px) {
.icon-meaubel::before{font-size:24px!important}
}
.iconbackground1,.icon-animalerie::before,.icon-photo::before,.icon-puericulture::before,.icon-moto::before,.icon-telephone::before,.icon-beaute::before,.icon-automobile::before,.icon-bijoux::before,.icon-sports::before,.icon-informatique::before,.icon-jeux::before,.icon-bricolage::before,.icon-electro::before,.icon-jardin::before,.icon-mode::before,.icon-instrument::before,.icon-maison::before,.icon-meaubel::before{color:#99a4b9;font-family:'icomoon'!important;font-size:32px;padding:4px 5px}
@media (min-device-width: 320px) and (max-device-width: 1160px) {
.iconbackground1,.icon-animalerie::before,.icon-photo::before,.icon-puericulture::before,.icon-moto::before,.icon-telephone::before,.icon-beaute::before,.icon-automobile::before,.icon-bijoux::before,.icon-sports::before,.icon-informatique::before,.icon-jeux::before,.icon-bricolage::before,.icon-electro::before,.icon-jardin::before,.icon-mode::before,.icon-instrument::before,.icon-maison::before{font-size:24px}
}
.icon-mode::before{content:"\e90f"}
.icon-instrument::before{content:"\e90b"}
.icon-maison::before{content:"\e90e"}
.icon-meaubel::before{content:"\e916"}
.icon-search{background-image:url(../img/search.png);background-position:center;background-repeat:no-repeat}
.icon-merchand{background-image:url(../img/rstar.png);background-position:15px}
.icon-brand{background-image:url(../img/rstar.png);background-position:15px}
.icon-tips{background-image:url(../img/rsq.png);background-position:15px}
.icon-conseil{background-image:url(../img/rbf.png);background-position:15px}
.hrline{height:24px;margin-bottom:11px;border-bottom:1px solid #d3d4d6;display:block;width:100%}
@media (min-device-width: 320px) and (max-device-width: 1024px) {
.hrline{display:none}
}
.mobile-nav{overflow-x:hidden;position:absolute;height:100%;width:0;transition:.5s;z-index:2;background-color:#273447}
.mobile-nav ul li{height:20px;width:270px;background-color:#273447;border-bottom:1px solid #3a485e;padding:14px 0 35px 55px}
.mobile-nav ul li a{color:#fff;font-size:16px}
.mobile-nav ul li a:hover{color:#dd3636}
.mobile-close{position:absolute;margin-left:-50px;transition:.5s;top:0;z-index:2}
.ac_results{padding:0;border:1px solid #273447;background-color:#fff;overflow:hidden}
.ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0}
.ac_results iframe{display:none;display//:block;position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px}
.ac_results li{margin:0;padding:4px 18px;cursor:pointer;display:block;border-bottom:1px solid #efefef;width:100%;font:menu;font-size:14px;overflow:hidden}
.ac_over{background-color:#efefef;color:#dd3636}