@charset "UTF-8";
.mainArea h1 img{ display: block;}
.mainArea .registBox { position: relative; height: 67px; padding-top: 8px; background: url(/pr/crm/vona/skf/aa/images/regist_feature.jpg) no-repeat 0 0;}
.mainArea .registBox .btnRegist{ display: block; margin: 0 auto; width: 378px; height: 58px; background: url(/pr/crm/vona/skf/aa/images/button_regist.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .note{padding:10px;margin-top:15px; margin-bottom: 15px; border:1px solid #d90000; border-radius:2px;}

/* tequanBox */
.mainArea .tequanBox{ margin-top: 30px;}
.mainArea .tequanBox__title{ position: relative; height: 50px; background:url(/pr/crm/vona/skf/aa/images/tequan_title_bg.jpg) repeat-x 0 0;}
.mainArea .tequanBox__title img{ position: absolute; top: -8px; left: 298px;}
.mainArea .tequanBox__content{ height: 466px; padding:20px 20px 30px; background-color: #f4f4f2;}
.mainArea .tequanBox .btnRegist{ display: block; width: 338px; height: 77px; margin: 30px auto 0; background: url(/pr/crm/vona/skf/aa/images/button_regist_02.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}

/* pageAnchors */
.mainArea .pageAnchors{ margin-bottom: 10px;}
.mainArea .pageAnchors li{ float: left; width: 236px; margin-right: 2px;}
.mainArea .pageAnchors .anchor--last{ margin-right: 0;}

.mainArea .pageAnchors li a{ display: block; height: 40px; padding: 0; background: url(/pr/crm/vona/skf/aa/images/page_anchors_bg.png) no-repeat 0 0;}
.mainArea .pageAnchors li a span{ display: block; height: 40px; background: url(/pr/crm/vona/skf/aa/images/page_anchors.png) no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .pageAnchors .anchor01 a span{ background-position: center 10px;}
.mainArea .pageAnchors .anchor02 a span{ background-position: center -30px;}
.mainArea .pageAnchors .anchor03 a span{ background-position: center -70px;}
.mainArea .pageAnchors .anchor04 a span{ background-position: center -110px;}
/* productBox */
.productBox{ margin-bottom: 30px;}
.mainArea .productBox__title{ position: relative; height: 40px; background: url(/pr/crm/vona/skf/aa/images/box_title_bg.jpg) no-repeat 0 0;}
.mainArea .productBox__title span{ display: block; height: 40px; background: url(/pr/crm/vona/skf/aa/images/box_title.png) no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .productBox__title01 span{ background-position: center -112px;}
.mainArea .productBox__title02 span{ background-position: center -72px;}
.mainArea .productBox__title03 span{ background-position: center -32px;}
.mainArea .productBox__title04 span{ background-position: center 8px;}
.mainArea .productBox__title05 span{ background-position: center -152px;}
.mainArea .productBox__content{ padding:20px; background-color: #e5f7ff; color: #454545;}

/* productList */
.mainArea .productList .productItem{ position: relative; float: left;   padding-top:3px; border: 2px solid #4abaf4; background-color: #fff; text-align: center;}
.mainArea .productList li.productItem--last{ margin-right: 0;}
.mainArea .productList--cols4 .productItem{ width: 219px;margin:0 6px 6px 0;}
.mainArea .productList--cols4 .productItem .itemTop{background: #fff; padding-bottom:8px;}
.mainArea .productList--cols4 .productItem .itemBotoom{background: #f8f8f8; padding-bottom:13px; }

.mainArea .productList--cols5 .productItem{ width: 174px;margin:0 5px 6px 0;}
.mainArea .productList--cols5 .productItem .itemTop{background: #fff; padding-bottom:8px;}
.mainArea .productList--cols5 .productItem .itemBotoom{background: #f8f8f8; padding-bottom:15px;}

.mainArea .productList--cols4 .productItem .topLine,.mainArea .productList--cols4 .pBrand{ width: 223px;}
.mainArea .productList--cols5 .productItem .topLine,.mainArea .productList--cols5 .pBrand{ width: 177px;}


.mainArea .pName{ height: 28px; font-size: 14px; line-height: 28px; margin-top:6px;}
.mainArea .pName--row2{ display: table-cell; height: 44px; vertical-align: middle; line-height: 18px;}
.mainArea .pImg{ height: 98px; margin-bottom: 5px;}
.mainArea .pDetail{ height: 50px; margin: 0 13px; line-height: 18px; text-align: left;}

.mainArea .pType{ height: 30px; font-size: 12px; line-height: 30px; font-weight: bold; text-align: center; }

.mainArea .productBox .buttonWrap{ padding-top:15px;}
.mainArea .productBox .productList--cols4 a.button--detail,.mainArea .productBox .proSubBox2 a.button--detail,.mainArea .productBox .proSubBox a.button--detail{ display: block; margin:0 auto; width: 180px; height: 37px; background: url(/pr/crm/vona/skf/aa/images/button_detail4.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .productBox .productList--cols5 a.button--detail{ display: block; margin:0 auto; width: 146px; height: 37px; background: url(/pr/crm/vona/skf/aa/images/button_detail5.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .productBox a.button--more{ display: block; width: 280px; height: 48px; margin: 0 auto; background: url(/pr/crm/vona/skf/aa/images/button_more.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .pageNote{ padding-bottom: 8px; font-size: 14px; line-height: 20px; font-weight: bold;}
.mainArea .proSubBox .productItem{ width:218px;margin:0 5px 6px 0;}
.mainArea .proSub__title{height:30px; color:#006396; font-weight:bold; background: #a0e2ff; border-bottom:#4abaf4 2px solid; margin-bottom:5px;}
.mainArea .proSub__title span{background: url(/pr/crm/vona/skf/aa/images/inner_title_bg.png) no-repeat 0 1px; margin-left:10px; padding-left:12px;line-height: 30px; font-size:20px;}
.mainArea .proSubBox--left,.mainArea .proSubBox--right{float:left;}
.mainArea .proSubBox--left{margin-right:12px; width:676px;}
.mainArea .proSubBox--right{ width:222px;}
.mainArea .proSubBox2 .productItem{ width:296px;margin:0 5px 5px 0;}
.mainArea .proSubBox .productItem .itemTop,.mainArea .proSubBox2 .productItem .itemTop{background: #fff; padding-bottom:8px;}
.mainArea .proSubBox .productItem .itemBotoom,.mainArea .proSubBox2 .productItem .itemBotoom{background: #f8f8f8; padding-bottom:13px; }

.mainArea .brandBox__content{ padding: 30px 20px 20px 25px;border-left: 3px solid #4abaf4;border-right: 3px solid #4abaf4;border-bottom: 3px solid #4abaf4; background-color: #e5f7ff;}
.mainArea .brandBox__content .media__image--left{ margin-right: 15px; }
.mainArea .brandBox__content .media__main p{ font-size: 20px; line-height: 26px; text-indent: 2em; margin-top:50px;}