@charset "UTF-8";
.mainArea h1{position: relative;}
.mainArea h1 img{ display: block;}
.mainArea h1 .btnRegist{ display: block; position: absolute; bottom: 18px; left: 306px; width: 338px; height: 77px; background: url(/pr/crm/vona/kbs1/20150630/images/button_regist.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .tequanArea02{ margin-top: 35px;}
.mainArea .tequanArea02__title{ position: relative; height: 50px; background: url(/pr/crm/vona/kbs1/20150630/images/box_title_bg02.jpg) no-repeat 0 0;}
.mainArea .tequanArea02__title img{ position: absolute; top: -8px; left: 305px;}
.mainArea .tequanArea02__content{ padding: 18px 20px 28px; background-color: #f3f3f4;}
.mainArea .btnRegist2{ display: block; margin: 30px auto 0; width: 338px; height: 77px; background: url(/pr/crm/vona/kbs1/20150630/images/button_regist02.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .noteArea{ margin: 5px 20px -5px 0; font-size: 12px; text-align: right;}
/* productBox */
.mainArea .productBox__title{ height: 50px; background: url(/pr/crm/vona/kbs1/20150630/images/box_title_bg02.jpg) no-repeat 0 0; text-align: center;}
.mainArea .productBox__title--special{ height: 50px; background: url(/pr/crm/vona/kbs1/20150630/images/box_title_bg.jpg) no-repeat 0 0; text-align: center;}
.mainArea .productBox__title img{ padding-top: 12px;}
.mainArea .productBox__content{	padding: 15px 0 20px 20px; background-color: #f4f4f2; color: #454545;}
/* productList */
.mainArea .pType{ height: 25px; margin: 0 20px; font-size: 16px; line-height: 25px; font-weight: bold; color: #fff; background-color: #d1bd25;}
.mainArea .btnBuy{ display: block; width: 210px; height: 55px; background: url(/pr/crm/vona/kbs1/20150630/images/button_buy.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .pName{ height: 22px; font-size: 18px; font-weight: bold; line-height: 22px; color: #454545;}
.mainArea .pName--row2{ display: table-cell; width: 298px; height: 44px; vertical-align: middle; text-align: center;}
.mainArea .productList li{ position: relative; float: left; background-color: #fff; border: 1px solid #bcc0c3; text-align: center;}
.mainArea .pDetailList li{ padding: 8px 0 0 14px; background: url(/pr/crm/vona/kbs1/20150630/images/list_ico.png) no-repeat 0 13px;  border: none; line-height: 18px; text-align: left;}
.mainArea .pDetailList li a,.mainArea .aType a{ display: inline-block; height: 17px; line-height: 17px; font-size: 17px; color: #004884; border-bottom: 1px solid #004884; }
.mainArea .pDetailList li a:hover,.mainArea .aType a{ text-decoration: none;}
.mainArea .btnmoreArea{ padding: 20px 20px 30px 0;}
.mainArea .btnMore{ display: block; margin: 0 auto; width: 238px; height: 48px; background: url(/pr/crm/vona/kbs1/20150630/images/btn_moreproduct.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}

.mainArea .brandBox{ margin: 30px 0; background-color: #f4f4f2; border: 3px solid #e0e0e0; }
.mainArea .brandBox__content{ padding: 30px 20px 20px 25px;}
.mainArea .brandBox__content .media__image--left{ margin-right: 20px; }
.mainArea .brandBox__content .media__main p{ font-size: 22px; line-height: 30px; text-indent: 40px; }

.mainArea .productList--cols2 .media{ width: 432px; height: 175px; padding: 10px 0 10px 10px; margin: 5px 20px 0 0;}
.mainArea .productList--cols2 .media__image--left{ margin-right: 24px; width: 175px; height: 175px; background-color: #f0f4f8;}
.mainArea .productList--cols2 .media__main{ position: relative; width: 233px; height: 168px; padding: 0;}
.mainArea .productList--cols2 .pType{ width: 210px; margin: 5px 0 15px; color: #454545; font-weight: normal; background: none;}
.mainArea .productList--cols2 .pName{ height: 48px; width: 210px; padding-top: 18px; font-size: 22px; line-height: 24px;}

.mainArea .productList--cols3 .productItem{ width: 298px; margin:5px 5px 0 0; padding: 18px 0;}
.mainArea .productList--cols3 .pType{ margin: 0 14px;}
.mainArea .productList--cols3 .pDetailList{ height: 57px; margin-left: 0; padding-left: 6px;}
.mainArea .productList--cols3 .pDetailList--row3{ height: 86px;}
.mainArea .productList--cols3 .pDetailList li{ width: 120px; margin-left: 8px;}

.mainArea .productList--cols4 li.productItem{ width: 221px; margin: 5px 6px 0 0; padding: 18px 0;}
.mainArea .productList--cols4--special li.productItem{ padding: 0;}
.mainArea .productList--cols4--special li a{ display: block; padding-bottom: 18px;}
.mainArea .productList--cols4 li a:hover{ text-decoration:none;}
.mainArea .productList--cols4 .pDetailList{ height: 114px; margin-left: 20px;}
.mainArea .productList--cols4 .pDetailList li{ width: 167px; float: inherit;}