@charset "UTF-8";
.mainArea .registBox { position: relative; height: 67px; padding-top: 8px; background: url(/pr/crm/v-ele/e1302000000/aa/images/regist_feature.jpg) no-repeat 0 0;}
.mainArea .registBox .btnRegist{ display: block; width: 378px; height: 58px; margin: 0 auto; background: url(/pr/crm/v-ele/e1302000000/aa/images/button_regist.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .note {  margin-top:10px; margin-bottom: 10px; padding:8px 10px; border:2px solid #6ca6dd;}
.mainArea .vmArea{ display: table-cell; vertical-align: middle;}

/* tequanBox */
.mainArea .tequanBox__title{ position: relative; height: 50px; background:#92daf6;}
.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/v-ele/e1302000000/aa/images/button_regist_02.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}

/* pageLinks */
.mainArea .pageLinks{ margin-bottom: 20px;}
.mainArea .pageLinks li{ float: left; width: 316px; margin-right: 1px;}
.mainArea .pageLinks .link--last{ margin-right: 0;}
.mainArea .pageLinks li a{ display: block; height: 47px; padding: 0; background: url(/pr/crm/v-ele/e1302000000/aa/images/page_links.png) no-repeat;  text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .pageLinks .link01 a{ background-position: 0 0;}
.mainArea .pageLinks .link02 a{ background-position: 0 -47px;}
.mainArea .pageLinks .link03 a{ background-position: 0 -94px;}


/* productBox */
.mainArea .productBox{ margin-bottom: 20px;}
.mainArea .productBox__title,.mainArea .brandBox__title{ height: 45px; background:#8cd9f6; color: #333; font:bold 24px/1.8 "Microsoft YaHei", SimHei; letter-spacing: 2px; text-align: center;}
.mainArea .productBox__content{ padding:15px 15px 20px; background-color: #f2f2f2; color: #454545;}

/* productList */
.mainArea .productList li{ position: relative; float: left; background-color: #fff; text-align: center; }
.mainArea .productList--cols5 li{ width: 178px; margin: 0 5px 5px 0; padding: 12px 0 15px; border: 1px solid #ddd;}
.mainArea .productList--cols4 li{ width: 224px; margin: 0 5px 5px 0; padding: 12px 0 15px; border: 1px solid #ddd;}
.mainArea .productList--cols3 li{ width: 301px; margin: 0 5px 5px 0; padding: 12px 0 15px; border: 1px solid #ddd;}
.mainArea .productList--cols2 li{ width: 455px; margin: 0 5px 5px 0; border:1px solid #c7d6d7; background: #fff;}
.mainArea .productList .productItem--last{ margin-right: 0;}
.mainArea .productList--cols5 .pName,
.mainArea .productList--cols4 .pName,
.mainArea .productList--cols3 .pName{ height: 20px; font-size: 14px; line-height: 20px;}
.mainArea .productList--cols5 .pName--rows2,
.mainArea .productList--cols4 .pName--rows2,
.mainArea .productList--cols3 .pName--rows2{
	height: 40px;
}
.mainArea .productList--cols5 .pName--rows3,
.mainArea .productList--cols4 .pName--rows3,
.mainArea .productList--cols3 .pName--rows3{
	height: 60px;
}
.mainArea .productList--cols5 .pImg,
.mainArea .productList--cols4 .pImg,
.mainArea .productList--cols3 .pImg{ margin-top: 7px;}
.mainArea .productList--cols5 .pType,
.mainArea .productList--cols4 .pType,
.mainArea .productList--cols3 .pType{ margin-top: 8px; margin-bottom: 8px; line-height: 16px; font-weight: bold; }
.mainArea .productList--cols5 .pType--rows2,
.mainArea .productList--cols4 .pType--rows2,
.mainArea .productList--cols3 .pType--rows2{
	height: 32px;
}
.mainArea .productList--cols5 .pType--rows3,
.mainArea .productList--cols4 .pType--rows3,
.mainArea .productList--cols3 .pType--rows3{
	height: 48px;
}

.mainArea .productList--cols2 .media{ margin-bottom: 0; padding: 10px; }
.mainArea .productList--cols2 .media__image--left{ margin-right: 10px;}
.mainArea .productList--cols2 .media__main{ }
.mainArea .productList--cols2 .vmArea{ width: 295px; height: 130px;}
.mainArea .productList--cols2 .pName{ margin-bottom: 6px; font-size: 14px; line-height: 20px;}
.mainArea .productList--cols2 .pName--rows2{ height: 40px;}
.mainArea .productList--cols2 .pName--rows3{ height: 60px;}
.mainArea .productList--cols2 .pType{ margin-bottom: 9px; font-weight: bold; line-height: 14px;}
.mainArea .productList--cols2 .pType--rows2{ height: 28px;}
.mainArea .productList--cols2 .pType--rows3{ height: 42px}

/* button */
.mainArea .productBox .buttonWrap{ padding-top: 15px;}
.mainArea .productBox .button--detail{ display: block; margin: 0 auto;  text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .productList .button--detail{ width: 158px; height: 42px; background: url(/pr/crm/v-ele/e1302000000/aa/images/button_detail.png) no-repeat 0 0;}
.mainArea .productBox .button--more{ display: block; width: 280px; height: 57px; margin: 0 auto; background: url(/pr/crm/v-ele/e1302000000/aa/images/button_more.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}

/* brandBox */
.mainArea .brandBox{ margin-bottom: 30px;}
.mainArea .brandBox__content{ padding: 15px; background-color: #f7f7f7; color: #454545;}
.mainArea .brandBox .media{ margin-bottom: 0;}
.mainArea .brandBox .media__image--left{ margin-right: 20px;}
.mainArea .media__image--left a{ display: block;}
.mainArea .brandBox .vmArea{ height: 150px; }
.mainArea .brandBox .media__main p{ font-size: 14px; font-weight: 500; line-height: 20px; text-indent: 2em;}