@charset "utf-8";
/*-----------------------------------------------------------------------------
[TABLE OF CONTENTS]
    +common
        +toolbar
        +memberConBox 
	    +fetnetRec
    +jquery plugin
-----------------------------------------------------------------------------*/
/* content
*----------------------------------------------------------------------------*/
article .tabs {}
article .tabs > ul {
    margin: 0 0 15px 0;
    border-bottom: 2px #e71a0f solid;
}
article .tabs.unit > ul {
    margin: 0 0 15px 0;
    border-bottom: 3px #c7c6c6 solid;
}
article .tabs > ul li {
    position: relative;
    padding: 10px 0;
    display: inline-block;
    line-height: 20px;
    margin: 0 0 -2px 0;
}
article .tabs.unit > ul li {
    margin: 0 0 -3px 0;
}
article .tabs > ul li.arrow  {
    padding: 10px 20px 10px 0;
}
article .tabs > ul li a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 0 20px;
    border-left: 1px #c7c6c6 solid;
}
article .tabs.unit > ul li a {
    font-size: 18px;
}
article .tabs > ul li:nth-child(1) a {
    border-left: 0;
}
article .tabs > ul li.arrow a {
    background: url(../images/icon/icon_subtab.png) no-repeat right center;
	-moz-background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
}
article .tabs > ul li.ui-tabs-active {
    border-bottom: 2px #e71a0f solid;
}
article .tabs.unit > ul li.ui-tabs-active {
    border-bottom: 3px #e71a0f solid;
}
article .tabs.tabsVIPID > ul,
article .tabs.tabsVIPID > ul li.ui-tabs-active {
    border-bottom: 1px #e71a0f solid;
}
article .tabs.tabsVIPID > ul li {
    margin: 0 0 -1px 0;
}
article .tabs > ul li.ui-tabs-active a {
    color: #e71a0f;
}
article .tabs > ul li.arrow a:hover,
article .tabs > ul li.arrow.ui-tabs-active a,
article .tabs > ul li.arrow.ui-tabs-active a:hover {
    background: url(../images/icon/icon_subtabHover.png) no-repeat right center;
	-moz-background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
}
article .tabs > ul li.ui-tabs-active:after {
	bottom: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #e71a0f;
	border-width: 8px;
	border-left-width: 10px;
	border-right-width: 10px;
	margin-left: -10px;
}
article .tabs.unit > ul li.ui-tabs-active:after {
    display: none;
}
article .tabs ol.subtab {
    margin: -15px 0 15px 0;
    padding: 10px;
    border-bottom: 1px #c7c7c7 solid;
    background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article .tabs ol.subtab li {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 10px 0 0;
}
article .tabs ol.subtab li:after {
    position: absolute;
    top: 10px;
    left: 2px;
	content:"";
	width: 3px;
	height: 3px;
	background: #333;
	-webkit-border-radius: 1.5px;
	-moz-border-radius: 1.5px;
	border-radius: 1.5px;
}
article .tabs ol.subtab li a {
    font-size: 15px;
}
article .tabs ol.subtab li.active a {
    color: #e71a0f;
}
article .tabs ol.subtab li.active:after {
	background: #e71a0f;
}
/**
*
* mainBoxHd
*
**/
article.mainBoxHd {
    position: relative;
    height: 360px;
    background: #d5d5d5;
}
article.mainBoxHd.subComplex { height: 275px; overflow: hidden;}
article.mainBoxHd.subComplex .mainBox .itemBox { top: 50px; left: -10px;}
article.mainBoxHd.subComplex .mainBox .itemBox .mainTitle { border-bottom: 0;}
article.mainBoxHd .kvComplex {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1920px;
    height: 360px;
    margin: 0 0 0 -960px;
}
article.mainBoxHd .mainBox {
    position: absolute;
    top: 40px;
    bottom: 40px;
    left: 50%;
    width: 1200px;
    margin: 0 0 0 -600px;
}
article.mainBoxHd .mainBox .itemBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 480px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1;
}
article.mainBoxHd .mainBox .itemBox .mainTitle {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.2em;
    border-bottom: 1px rgba(255,255,255,0.5) solid;
}
article.mainBoxHd .mainBox .itemBox a {
    display: block;
    color: #fff;
    font-size: 15px;
    line-height: 1.2em;
    padding: 4px 0 4px 16px;
}
article.mainBoxHd .mainBox .itemBox a:hover {
    color: #e71a0f;
}
article.mainBoxHd .mainBox .itemBox ul li {
    float: left;
    width: 33.3%;
    padding: 5px 0;
}
article.mainBoxHd .mainBox .itemBox ul li a.hd {
    position: relative;
    font-weight: bold;
}
article.mainBoxHd .mainBox .itemBox ul li a.hd:after {
    position: absolute;
    top: 50%;
    left: 2px;
	content:"";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #c38f5d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
article.mainBoxHd .mainBox .mainBoxBg .mainTitle {
    padding: 0;
    margin: 0 0 10px 0;
    color: #666;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    z-index: 1;
}
article.mainBoxHd .mainBox .mainBoxBg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 170px;
    margin: auto;
    padding: 15px 20px;
	text-align: center;
    background: rgba(255,255,255,0.9);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1;
}
article.mainBoxHd .mainBox .text {
    color: #666;
    font-size: 15px;
    line-height: 1.3em;
}
article.mainBoxHd .mainBox a.button { 
    display: inline-block; 
    width: 100px; 
    height: 35px; 
    line-height: 35px; 
    text-align: center; 
    margin: 20px 0 0 0; 
    padding: 0 0 0 5px; 
    color: #fff; 
    font-size: 18px;
    border: 1px #333 solid;
    background: #666;
}
article.mainBoxHd .mainBox a.button:hover { 
    background: #888;
}
article.mainBoxHd .mainBox a.button img { 
    position: relative; 
    top: -2px; 
    width: 16px; 
    height: 16px;
}
/**
*
* memberBoxHd 
*
**/
article.memberBox,
article.memberConBox {
    margin: 20px auto 0 auto;
    max-width: 1280px;
}
article.memberConBox {
    position: relative;
    z-index: 2;
}
article.memberConBox:first-child {
    margin: 0 auto;
}
article.memberBox:first-child {
    margin: 0 auto;
}
article.memberBox h2.mainHead {
    position: relative;
}
article.memberBox h2.mainHead a.more {
    position: absolute;
    right: 5px;
    top: 0;
    display: block;
    font-size: 15px;
    padding: 0 15px 0 0;
	background: url(../images/icon/icon_more.png) no-repeat right center;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
article.memberBox h2.mainHead a:hover.more {
    color: #e71a0f;    
	background: url(../images/icon/icon_moreHover.png) no-repeat right center;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
article.memberBox:after,
article.memberBox .tabs > ul:after,
article.memberConBox .detailBoxBd:after {
	content:"";
	display: table;
	clear: both;
}
article.memberBox .tabs > ul {
    margin: 0;
    background: #e4e4e4;
}
article.memberBox .tabs > ul li {
    float: left;
    display: block;
    padding: 0;
    width: 33%;
    margin: 0;
    background: #e4e4e4;
}
article.memberBox .tabs > ul li:nth-child(2) {
    width: 34%;
}
article.memberBox .tabs > ul li a img {
    height: 50px;
}
article.memberBox .tabs > ul li a {
    display: block;
    height: 65px;
    padding: 15px 0 0 20px;
    border-left: 1px #c8c8c8 solid;
}
article.memberBox .tabs > ul li:first-child a {
    border-left: 0;
}
article.memberBox .tabs > ul li.ui-tabs-active {
    border-bottom: 0;
    background: #fff;
}
article.memberBox .tabs > ul li.ui-tabs-active .mainTitle {
    color: #e71a0f;
}
article.memberBox .tabs > ul li .icon,
article.memberBox .tabs > ul li .titleBox {
	display: table-cell; 
	vertical-align: middle;
	zoom: 1;
}
article.memberBox .tabs > ul li .icon {
    padding: 0 10px 0 0;
    filter:alpha(opacity=50);
    -moz-opacity:.5;
    opacity:.5;
}
article.memberBox .tabs > ul li a:hover .icon,
article.memberBox .tabs > ul li.ui-tabs-active .icon {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}
article.memberBox .tabs .mainTitle {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 1.4em;
}
article.memberBox .tabs a:hover .mainTitle {
    color: #e71a0f;
}
article.memberBox .tabs .subTitle {
    font-size: 15px;
    color: #666;
}
article.memberBox .tabs .tabsBox {
    padding: 0 0 20px 0;
}
article.memberBox .tabs .tabsBox ol {
    float: left;
    left: 50%;
    margin: 25px 0;
    position: relative;
    text-align: center;
}
article.memberBox .tabs .tabsBox ol li {
    float: left;
    margin: 0 10px;
    position: relative;
    right: 50%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 12px;
    font-size: 15px;
    font-weight: bold;
    color: #8a5f3c;
}
article.memberBox .tabs .tabsBox ol li:after {
    position: absolute;
    top: 50%;
    left: 1px;
	content:"";
	width: 6px;
	height: 6px;
	margin-top: -3px;
	background: #8a5f3c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
article.memberBox .tabs .tabsBox .slickUl {
    margin: 0 20px 30px 20px;
}
article.memberBox .tabs .tabsBox .slick-slider .slick-prev { left: -15px;}
article.memberBox .tabs .tabsBox .slick-slider .slick-next { right: -15px;}
article.memberBox .tabs .tabsBox .slick-slider .slick-prev,
article.memberBox .tabs .tabsBox .slick-slider .slick-next { 
    width: 40px; 
    height: 55px; 
    margin-top: -28px;
	-moz-background-size: 30px auto;
	-webkit-background-size: 30px auto;
	-o-background-size: 30px auto;
	background-size: 30px auto;
}
article.memberBox .tabs .tabsBox .slick-dots { bottom: -20px;}
article.memberBox .tabs .tabsBox .slickUl .slickLiBox {
    width: 368px;
    padding: 0 22px 0 0;
    margin: 0 auto;
}
article.memberBox .tabs .tabsBox .slickUl .slick-active:not(.slick-active-Last) .slickLiBox {
	border-right: 1px #e1e1e1 solid;
}
article.memberBox .tabs .tabsBox .slickUl .slickLi:last-child .slickLiBox {
    border-right: 0;
}
article.memberBox .tabs .tabsBox .title {
    position: relative;
    padding: 0 15px;
    margin: 0 0 8px 0;
    height: 28px;
    line-height: 28px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    background: #ededed;
}
article.memberBox .tabs .tabsBox .title a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
article.memberBox .tabs .tabsBox .title span.more {
    float: right;
    display: block;
    font-size: 15px;
    padding: 0 15px 0 0;
	background: url(../images/icon/icon_more.png) no-repeat right center;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
article.memberBox .tabs .tabsBox .title:hover span.more {
    color: #e71a0f;    
	background: url(../images/icon/icon_moreHover.png) no-repeat right center;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
article.memberBox .tabs .tabsBox .conBox,
article.memberBox .tabs .tabsBox .photo {
    position: relative;
    width: 368px;
}
article.memberBox .tabs .tabsBox .photo .shadow {
    width: 368px;
}
article.memberBox .tabs .tabsBox .conBox {
    padding: 0 0 10px 0;
}
article.memberBox .tabs .tabsBox .photo img {
    max-width: 366px;
    max-height: 209px;
    border: 1px #e0e0e0 solid;
}
article.memberBox .tabs .tabsBox .conBox a {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
article.memberBox .tabs .tabsBox .text {
    margin: 15px 0 0 0;
    color: #333;
    font-size: 16px;
    height: 2.4em;
    line-height: 1.2em;
    font-weight: bold;
    overflow: hidden;
}
article.memberBox .detailBoxBd:after {
	content:"";
	display: table;
	clear: both;
}
article.memberBox .hotTopic .conBox {
    position: relative;
    float: left;    
    width: 362px;
    min-height: 268px;
    margin: 0 28px 0 0;
}
article.memberBox .hotTopic .conBox:last-child {
    width: 500px;
    margin: 0;
}
article.memberBox .hotTopic .conBox .photo {
    position: relative;
    width: 362px;
    height: 212px;
    overflow: hidden;
}
article.memberBox .hotTopic .conBox .photo .shadow {
    z-index: 1;
}
article.memberBox .hotTopic .conBox .photo img {
    position: absolute;
    left: 50%;
    width: 360px;
    max-width: 360px;
    min-height: 210px;
    margin: 0 0 0 -181px;
    border: 1px #e0e0e0 solid;
}
article.memberBox .hotTopic .conBox > a {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    z-index: 1;
}
article.memberBox .hotTopic .conBox .title {
    padding: 8px 15px;
    font-size: 16px;
    line-height: 1.2em;
    height: 56px;
    overflow: hidden;
    color: #fff;
    background: #999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.memberBox .hotTopic .conBox ul li {
    margin: 0 0 20px 0;
}
article.memberBox .hotTopic .conBox ul li.last {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
}
article.memberBox .hotTopic .conBox ul li a {
    position: relative;
    display: block;
    padding: 0 0 0 15px;
    color: #333;
    font-size: 16px;
    line-height: 1.2em;
    height: 20px;
    overflow: hidden;
}
article.memberBox .hotTopic .conBox ul li a:after {
    position: absolute;
    top: 6px;
    left: 2px;
	content:"";
	width: 6px;
	height: 6px;
	background: #bbb;
}
article.memberBox .hotTopic .conBox ul li a:hover,
article.memberMsgBox .otherBox ul li a {
    color: #e71a0f;
}
article.memberBox .hotTopic .conBox ul li a.more {
    float: right;
    display: block;
    font-size: 15px;
    padding: 0 15px 0 0;
	background: url(../images/icon/icon_more.png) no-repeat right center;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
article.memberBox .hotTopic .conBox ul li a.more:after {
    position: relative;
	content:"";
	width: 0;
	height: 0;
	background: none;
}
article.memberBox .hotTopic .conBox ul li a:hover.more {
    color: #e71a0f;    
	background: url(../images/icon/icon_moreHover.png) no-repeat right center;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
/**
*
* otherBoxFt 
*
**/
article.memberMsgBox {
    background: #fff;
	-webkit-box-shadow: 0 0 -5px 1px rgba(150,150,150,0.2);
	-moz-box-shadow: 0 0 -5px 1px rgba(150,150,150,0.2);
	box-shadow: 0 0 -5px 1px rgba(150,150,150,0.2);
}
article.memberMsgBox.redline {
    border-top: 3px solid #e71a0f;
}
article.memberMsgBox .main {
    max-width: 1280px;
    padding: 12px 0;
    margin: 0 auto;
}
article.memberMsgBox .main:after {
	content:"";
	display: table;
	clear: both;
}
article.memberMsgBox .msgBox {
    float: left;
}
article.memberMsgBox .otherBox {
    float: right;
    margin-top: 7px;
}
article.memberMsgBox .otherBox ul,
article.memberMsgBox .otherBox .buttonBox {
    display: table-cell;
    vertical-align: middle;
}
article.memberMsgBox .otherBox ul {
    width: 650px;
}
article.memberConBox article.memberMsgBox .msgBox {
    float: none;
    width: auto;
    padding: 10px 0;
    border-bottom: 1px #e1e1e1 solid;
}
article.memberConBox article.memberMsgBox .stepBox {
    display: none;
}
article.memberConBox article.memberMsgBox .stepBox.step1 {
    display: block;
}
article.memberMsgBox .memberFormox {
    position: relative;
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(248,248,248,0) 60px, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(248,248,248,0) 60px,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(248,248,248,0) 60px,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00ffffff',GradientType=0 );
}
article.memberConBox .detailBoxBd { margin: 20px 0 0 0;}
article.memberConBox .detailBoxBd.first { margin: 0;}
article.memberMsgBox .memberFormox .tabs.tabsVIPID {
    padding: 10px 40px 20px 40px;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul {
    display: table;
    width: 100%
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul li {
    width: 33%;
    text-align: center;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul li.tabSub .icon img,
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul li.tabMem .icon img {
    height: 70px;
    width: auto;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul li .icon {
    margin: 0 0 10px 0;
    filter:alpha(opacity=50);
    -moz-opacity:.5;
    opacity:.5;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul li .mainTitle {
    font-size: 20px;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul li .subTitle {
    font-size: 15px;
    color: #333;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul li .more {
    width: 128px;
    margin: 10px auto;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    color: #666;
    background: #e2e2e2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul li a:hover .mainTitle,
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul li.ui-tabs-active .mainTitle {
    color: #e71a0f;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul li.ui-tabs-active:after {
	border: 0;
	left: 50%;
	bottom: -5px;
	border: solid transparent;
	content: " ";
	height: 14px;
	width: 24px;
	position: absolute;
	pointer-events: none;
	margin-left: -12px;
    background: url(../images/icon/icon_VIPidArrow.gif) no-repeat;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul li a:hover .more,
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul li.ui-tabs-active .more {
    color: #fff;
    background: #a2a2a2;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul li a:hover .icon,
article.memberMsgBox .memberFormox .tabs.tabsVIPID > ul li.ui-tabs-active .icon {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID .tabsBoxCon {
    margin: 40px 0 0 0;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID .tabsBoxCon .icon,
article.memberMsgBox .memberFormox .tabs.tabsVIPID .tabsBoxCon .boxCon {
    display: table-cell;
    vertical-align: top;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID .tabsBoxCon .boxCon {
    width: 920px;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID .tabsBoxCon .icon {
    width: 140px;
    text-align: center;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID .tabsBoxCon .icon img {
    max-height: 60px;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID .tabsBoxCon .mainTitle {
    position: relative;
    margin: 0 0 5px;
    padding: 0 0 0 15px;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4em;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID .tabsBoxCon .mainTitle:after {
    position: absolute;
    top: 3px;
    left: 0;
	content:"";
	width: 3px;
	height: 20px;
	background: #999;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID p,
article.memberMsgBox .memberFormox .tabs.tabsVIPID .tabsBoxCon ol li,
article.memberMsgBox .memberFormox .tabs.tabsVIPID .tabsBoxCon ul li {
    color: #666;
    font-size: 15px;
    line-height: 1.4em;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID .tabsBoxCon ol {
    margin: 10px 0 0 20px;
    list-style-type: decimal;    
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID .tabsBoxCon ul {
    margin-top: 10px;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID .descriptionBox {
    margin: 40px 0 0 0;
    padding: 20px;
    border-top: 1px #e0e0e0 solid;
    border-bottom: 1px #e0e0e0 solid;
    background: #fafafa;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID .descriptionBox .boxCon:first-child {
    margin: 0 0 20px 0;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID .descriptionBox .mainTitle {
    position: relative;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8em;
    margin: 0;
    padding: 0 0 0 15px;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID .descriptionBox .mainTitle:after {
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
	content:"";
	width: 6px;
	height: 6px;
	background: #bbb;
}
article.memberMsgBox .memberFormox .tabs.tabsVIPID .descriptionBox p {
    padding: 0 0 0 15px;
}
article.memberConBox .detailBoxBd .invoicingBox { 
    padding: 40px 90px 60px 90px;
    color: #333;
}
article.memberConBox .detailBoxBd .invoicingBoxHd { 
    position: relative;
    text-align: center;
    min-height: 110px;    
}
article.memberConBox .detailBoxBd .invoicingBoxHd .logo { 
    position: absolute;
    top: 10px;
    left: 0;
    width: 176px;
}
article.memberConBox .detailBoxBd .invoicingBoxHd .logo img { 
    max-width: 176px;
}
article.memberConBox .detailBoxBd .invoicingBoxHd .name { 
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 16px;
    font-weight: bold;
}
article.memberConBox .detailBoxBd .invoicingBoxHd h3 { 
    font-size: 24px;
    line-height: 110px;
    font-weight: bold;
}
article.memberConBox .detailBoxBd .invoicingBoxHd .sign { 
    position: absolute;
    top: 20px;
    right: 0;
    width: 130px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ff0000;
    font-size: 20px;
    font-weight: bold;
    border: 2px #ff0000 solid;
}
article.memberConBox .detailBoxBd table.tabInvoicing { 
    width: 100%;
    margin: 15px 0 0 0;
    border: 2px #666 solid;
    border-collapse: separate; 
    border-spacing: 2px;
}
article.memberConBox .detailBoxBd table.tabInvoicing th,
article.memberConBox .detailBoxBd table.tabInvoicing td { 
    padding: 8px 10px;
    text-align: left;
    line-height: 1.4em;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: middle;
}
article.memberConBox .detailBoxBd table.tabInvoicing th.center,
article.memberConBox .detailBoxBd table.tabInvoicing td.center { 
    text-align: center;
}
article.memberConBox .detailBoxBd table.tabInvoicing th.right,
article.memberConBox .detailBoxBd table.tabInvoicing td.right { 
    text-align: right;
}
article.memberConBox .detailBoxBd table.tabInvoicing th { 
    background: #e1e1e1;
    font-size: 15px;
    color: #666;
}
article.memberConBox .detailBoxBd table.tabInvoicing td { 
    font-size: 16px;
    color: #333;
}
article.memberConBox .detailBoxBd .tableBox { 
    margin: 15px 0 0 0;
}
article.memberConBox .detailBoxBd .tableBox table.tabInvoicing { 
    margin: 0;
    border: 0;
    border-collapse: separate; 
    border-spacing: 0;
}
article.memberConBox .detailBoxBd .tableBox table.tabLine { 
    width: 100%;
    border: 1px #666 solid;
    border-collapse: separate; 
    border-spacing: 2px;
}
article.memberConBox .detailBoxBd .tableBox table.tabLine td { 
    border: 1px #666 solid;
    vertical-align: top;
    padding: 2px 1px;
}
article.memberConBox .detailBoxBd .tableBox table.tabLine table.tabInvoicing th { 
    text-align: center;
    border-left: 1px #fff solid;
    border-right: 1px #fff solid;
}
article.memberConBox .detailBoxBd .tableBox table.tabLine table.tabInvoicing td { 
    padding: 8px 10px;
    border: 0;
}
article.memberConBox .detailBoxBd .tableBox table.tabLine table.tabInvoicing td.line { 
    border-bottom: 1px #ccc solid;
}
article.memberConBox .detailBoxBd .tableBox table.tabInvoicing .remark { 
    padding: 2px 0;
    line-height: 1.4em;
}
article.memberConBox .detailBoxBd .tableBox table.tabInvoicing .remark:after {
	content:"";
	display: table;
	clear: both;
}
article.memberConBox .detailBoxBd .tableBox table.tabInvoicing span { 
    display: block;
    float: right;
    width: 570px;
}
article.memberConBox .detailBoxBd .tableBox table.tabInvoicing span.label { 
    float: left;
    width: 80px;
    font-size: 15px;
    color: #666;
}
article.memberConBox .detailBoxBd .memberFormox {
	padding: 30px 40px;
}
article.memberConBox .detailBoxBd .mainTitle {
    position: relative;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0 0 0.2em;
}
article.memberConBox .detailBoxBd .mainTitle > span {
    color: #666;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.4em;
    margin: 0 0 0 5px;
}
article.memberConBox .detailBoxBd .mainTitle > span b {
    color: #e71a0f;
}
article.memberConBox .detailBoxBd .mainTitle .selectCoupon {
    border: 1px #c5c5c5 solid;
    display: inline-block;
    vertical-align: middle;
    width: 130px;
    margin: 0 0 0 10px;
}
article.memberConBox .detailBoxBd .mainTitle .selectCoupon .selectboxit-container span {
    height: 35px;
    line-height: 35px;
}
article.memberConBox .detailBoxBd .mainTitle .selectCoupon .selectboxit-container * {font-size: 15px;}
article.memberConBox .detailBoxBd .mainTitle .selectCoupon .selectboxit .selectboxit-option-icon-container {margin-left: 10px;}
article.memberConBox .detailBoxBd .mainTitle .selectCoupon .selectboxit-arrow-container {
	background: url(../images/icon/icon_subtabHover.png) no-repeat center;
	-moz-background-size: 12px auto;
	-webkit-background-size: 12px auto;
	-o-background-size: 12px auto;
	background-size: 12px auto;
}
article.memberConBox .detailBoxBd .mainTitle .selectCoupon .selectboxit-arrow-container > i {
    display: none;
}
article.memberConBox .detailBoxBd .memberFormox .presentBox {
    margin: 0 auto;
    width: 920px;
}
article.memberConBox .detailBoxBd .memberFormox .presentBox .slick-slider { margin-bottom: 40px;}
article.memberConBox .detailBoxBd .memberFormox .presentBox .slick-dots { bottom: -35px;}
article.memberConBox .detailBoxBd .memberFormox .presentBox .slick-slide { 
    height: 500px; 
}
article.memberConBox .detailBoxBd .memberFormox .presentBox .slick-slide { 
    height: 500px; 
}
article.memberConBox .detailBoxBd .memberFormox .presentBox .slick-slide:after {
    content: "";
    display: table-cell;
    vertical-align: middle;
    height: 495px;
    width: 0;
}
article.memberConBox .detailBoxBd .memberFormox .presentBox .photo,
article.memberConBox .detailBoxBd .memberFormox .presentBox .conBox {
    display: table-cell;
    vertical-align: middle;
}
article.memberConBox .detailBoxBd .memberFormox .presentBox .photo {
    width: 400px;
}
article.memberConBox .detailBoxBd .memberFormox .presentBox .photo img {
    max-width: 400px;
    max-height: 330px;
}
article.memberConBox .detailBoxBd .memberFormox .presentBox .conBox {
    position: relative;
    width: 480px;
    padding: 0 20px 55px 20px;
}
article.memberConBox .detailBoxBd .memberFormox .presentBox .slick-slider .slick-prev { left: -60px;}
article.memberConBox .detailBoxBd .memberFormox .presentBox .slick-slider .slick-next { right: -60px;}
article.memberConBox .detailBoxBd .memberFormox .presentBox .conBox .name {
    font-size: 15px;
    color: #666;
    line-height: 1.6em;
    height: 22px;
    margin: 0 0 10px 0;
}
article.memberConBox .detailBoxBd .memberFormox .presentBox .conBox .title {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 1.4em;
    border-bottom: 1px #dfdfdf solid;
}
article.memberConBox .detailBoxBd .memberFormox .presentBox .conBox .text {
    max-height: 320px;
    overflow: auto;
    overflow-x: hidden;
}
article.memberConBox .detailBoxBd .memberFormox .presentBox .conBox .text span.stress {
    display: inline-block;
    padding: 10px 15px;
    margin: 10px 0 0 0;
    background: #e1e1e1;
}
article.memberConBox .detailBoxBd .memberFormox .presentBox .conBox.editBox .btnDownBox {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 10px 0 0 -100px;
}
article.memberConBox .detailBoxBd .memberFormox .presentBox .luiliBox {
    text-align: center;
    margin: 40px 0 0 0;
}
article.memberConBox .detailBoxBd .memberFormox .presentBox .luiliBox img {
    max-width: 900px;
}
article.memberConBox .detailBoxBd .memberFormox .activityListBox {
    margin: 0 auto;
}
article.memberConBox .detailBoxBd ul.activityList {
    margin: 0 -27px;
}
article.memberConBox .detailBoxBd ul.activityList:after {
	content:"";
	display: table;
	clear: both;
}
article.memberConBox .detailBoxBd ul.activityList li {
    position: relative;
    float: left;
    width: 368px;
    margin: 15px 25px;
}
article.memberConBox .detailBoxBd ul.activityList li > a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
article.memberConBox .detailBoxBd ul.activityList li .photo {
    position: relative;
	width: 368px;
	height: 210px;
    margin: 0 0 10px 0;
    overflow: hidden;
}
article.memberConBox .detailBoxBd ul.activityList li .photo img {
	max-width: 366px;
	max-height: 208px;
    border: 1px #e0e0e0 solid;
}
article.memberConBox .detailBoxBd ul.activityList li .photo .newComplex {
    position: absolute;
    top: 1px;
    left: 8px;
    height: 28px;
    z-index: 9;
}
article.memberConBox .detailBoxBd ul.activityList li .photo .newComplex img {
    border: 0;
    margin: 0 2px;
    max-width: 42px;
}
article.memberConBox .detailBoxBd ul.activityList li .conBox .title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1.4em;
}
article.memberConBox .detailBoxBd ul.activityList li .conBox .text {
    height: 45px;
    font-size: 15px;
    color: #666;
    line-height: 1.4em;
    overflow: hidden;
}
article.memberConBox .detailBoxBd .memberFormox .tab-pager {
    margin: 15px 0;
    float: none;
    height: 28px;
    text-align: center;
}
article.memberConBox .detailBoxBd .memberFormox .tab-pager ol li.active a, 
article.memberConBox .detailBoxBd .memberFormox .tab-pager ol li a:hover {
    background: #e2e2e2;
    color: #e71a0f;
}
article.memberConBox .detailBoxBd .memberFormox .tab-pager ol li.first a:hover { background: #e2e2e2 url(../images/icon/icon_pagerFirst.png) no-repeat center;}
article.memberConBox .detailBoxBd .memberFormox .tab-pager ol li.prev a:hover  { background: #e2e2e2 url(../images/icon/icon_pagerPrev.png) no-repeat center;}
article.memberConBox .detailBoxBd .memberFormox .tab-pager ol li.next a:hover  { background: #e2e2e2 url(../images/icon/icon_pagerNext.png) no-repeat center;}
article.memberConBox .detailBoxBd .memberFormox .tab-pager ol li.last a:hover  { background: #e2e2e2 url(../images/icon/icon_pagerLast.png) no-repeat center;}
article.memberConBox .detailBoxBd .memberFormox .tab-pager ol li.first a:hover,
article.memberConBox .detailBoxBd .memberFormox .tab-pager ol li.prev a:hover,
article.memberConBox .detailBoxBd .memberFormox .tab-pager ol li.next a:hover,
article.memberConBox .detailBoxBd .memberFormox .tab-pager ol li.last a:hover {
    font-size: 0;
	-moz-background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
}
article.memberConBox .detailBoxBd .activityResult img {
    border: 1px #e0e0e0 solid;
    max-width: 1198px;
}
article.memberConBox .detailBoxBd .activityReview.editBox img {
    border: 1px #e0e0e0 solid;
    max-width: 1170px;
}
article.memberConBox .detailBoxBd .activityReview.editBox table th img, 
article.memberConBox .detailBoxBd .activityReview.editBox table td img,
article.memberConBox .detailBoxBd .activityReview.editBox .btnDownBox a.button img {
    border: 0;
}
article.memberConBox .detailBoxBd .activityReview .banner img {
    width: 100%;
    max-width: 1198px;
}
article.memberConBox .detailBoxBd .activityReview .reviewBox .photo,
article.memberConBox .detailBoxBd .activityReview .reviewBox .conBox {
    display: table-cell;
    vertical-align: top;
}
article.memberConBox .detailBoxBd .activityReview .reviewBox .photo {
    padding: 0 20px 0 0;
}
article.memberConBox .detailBoxBd .activityReview .reviewBox .photo img {
    max-width: 270px;
    max-height: 180px;
}
article.memberConBox .detailBoxBd .activityReview h3 img {
    position: relative;
    top: -2px;
    border: 0;
}
article.memberConBox .detailBoxBd .shareBox {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 1;
}
article.memberConBox .detailBoxBd .shareBox .title {
    padding: 10px 0 5px 0;
    font-size: 15px;
    text-align: center;
    color: #999;
}
article.memberConBox .detailBoxBd .shareBox ul li {
    margin: 5px 0;
    width: 42px;
    height: 42px;
}
article.memberConBox .detailBoxBd .shareBox ul li a {
    position: relative;
    display: block;
    width: 42px;
    height: 42px;
    font-size: 0;
}
article.memberConBox .detailBoxBd .shareBox ul li a.facebook {background: url(../images/icon/share/icon_detail_facebook.jpg) no-repeat;}
article.memberConBox .detailBoxBd .shareBox ul li a.line     {background: url(../images/icon/share/icon_detail_line.jpg) no-repeat;}
article.memberConBox .detailBoxBd .shareBox ul li a.google   {background: url(../images/icon/share/icon_detail_google.jpg) no-repeat;}
article.memberConBox .detailBoxBd .shareBox ul li a:hover.facebook {background: url(../images/icon/share/icon_detail_facebook_hover.jpg) no-repeat;}
article.memberConBox .detailBoxBd .shareBox ul li a:hover.line     {background: url(../images/icon/share/icon_detail_line_hover.jpg) no-repeat;}
article.memberConBox .detailBoxBd .shareBox ul li a:hover.google   {background: url(../images/icon/share/icon_detail_google_hover.jpg) no-repeat;}
/**
*
* vipActLocBox
*
**/
article.memberConBox .detailBoxBd .memberFormox .vipActLocBox {
    margin: -20px 0 0 0;
}
article.memberConBox .detailBoxBd .memberFormox .vipActLocBox .boxComplex {
    cursor: pointer;
    padding: 20px 20px 20px 40px;
    border-top: 1px #e1e1e1 solid;
}
article.memberConBox .detailBoxBd .memberFormox .vipActLocBox .boxComplex:hover {
    background: #f3f3f3;
}
article.memberConBox .detailBoxBd .memberFormox .vipActLocBox .boxComplex:first-child {
    border-top: 0;
}
article.memberConBox .detailBoxBd .memberFormox .vipActLocBox .boxComplex > div {
    display: table-cell;
    vertical-align: middle;
}
article.memberConBox .detailBoxBd .memberFormox .vipActLocBox .boxComplex .radioBox {
    padding: 0 40px 0 0;
}
article.memberConBox .detailBoxBd .memberFormox .vipActLocBox .boxComplex .radioBox .icon-checkradios-circle:before {content: "\e600";}
article.memberConBox .detailBoxBd .memberFormox .vipActLocBox .boxComplex .radioBox .checkradios-radio{-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
article.memberConBox .detailBoxBd .memberFormox .vipActLocBox .boxComplex .radioBox .checkradios-checkbox.icon-checkradios-checkmark , 
article.memberConBox .detailBoxBd .memberFormox .vipActLocBox .boxComplex .radioBox .checkradios-radio.icon-checkradios-circle {color: #e71a0f;border-color: #e71a0f;}
article.memberConBox .detailBoxBd .memberFormox .vipActLocBox .boxComplex .photo {
    width: 250px;
    padding: 0 40px 0 0;
}
article.memberConBox .detailBoxBd .memberFormox .vipActLocBox .boxComplex .photo img {
    width: 100%;
    max-width: 250px;
}
article.memberConBox .detailBoxBd .memberFormox .vipActLocBox .boxComplex .text {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1.8em;
}
/**
*
* surveyBox 
*
**/
article.memberConBox .detailBoxBd .memberFormox .surveyBox {
    display: none;
    padding: 40px;
    background: #f4f4f4;
}
article.memberConBox .detailBoxBd .memberFormox .surveyBox .title {
    color: #333;
    font-size: 16px;
}
article.memberConBox .detailBoxBd .memberFormox .surveyBox .title b {
    color: #e71a0f;
    font-weight: normal;
}
article.memberConBox .detailBoxBd .memberFormox .surveyBox .topicBox {
    position: relative;
    padding: 20px 0 0 90px;
    margin: 20px 0 0 0;
    border-top: 1px #e1e1e1 solid;
}
article.memberConBox .detailBoxBd .memberFormox .surveyBox .topicBox.first {
    padding: 20px 0 0 90px;
    margin: 0 0 0 0;
    border-top: 0;
}
article.memberConBox .detailBoxBd .memberFormox .surveyBox .topicBox .icon {
    position: absolute;
    top: 20px;
    left: 0;
    width: 73px;
    height: 73px;
    line-height: 73px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    background: #acb1c4;
}
article.memberConBox .detailBoxBd .memberFormox .surveyBox .topicBoxHd {
    padding: 10px 0 5px 0;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 1.4em;
}
article.memberConBox .detailBoxBd .memberFormox .surveyBox .topicBoxHd em {
    position: relative;
    top: 2px;
    color: #e71a0f;
    font-style: normal;
    padding: 0 5px 0 0;
}
article.memberConBox .detailBoxBd .memberFormox .surveyBox .topicBoxHd span.error {
    color: #e71a0f;
    padding: 0 0 0 5px;
}
article.memberConBox .detailBoxBd .memberFormox .surveyBox .topicBoxBd {
    padding: 5px 0 10px 0;
    font-size: 15px;
    color: #666;
    line-height: 1.4em;
    vertical-align: middle;
}
article.memberConBox .detailBoxBd .memberFormox .surveyBox .topicBoxBd label {
    cursor: pointer;
}
article.memberConBox .detailBoxBd .memberFormox .surveyBox .topicBoxBd textarea {
    width: 100%;
    height: 105px;
}
/**
*
* fieldset
*
**/
.memberFormox fieldset .selectboxit-container .selectboxit-btn {
    border: 1px #afafaf solid;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e0e0e0',GradientType=0 );
}
.memberFormox fieldset .selectboxit-container span { height: 32px; line-height: 32px;}
.memberFormox fieldset .selectboxit-btn.selectboxit-enabled:active,
.memberFormox fieldset .selectboxit-btn.selectboxit-enabled:focus,
.memberFormox fieldset .selectboxit-btn.selectboxit-enabled:hover,
.invoiceSetupBd.on .memberFormox fieldset.invoiceSetup .selectboxit-btn.selectboxit-enabled:active,
.invoiceSetupBd.on .memberFormox fieldset.invoiceSetup .selectboxit-btn.selectboxit-enabled:focus,
.invoiceSetupBd.on .memberFormox fieldset.invoiceSetup .selectboxit-btn.selectboxit-enabled:hover {
	border: 1px solid #ab5f00 !important;
}
.invoiceSetupBd .memberFormox fieldset.invoiceSetup .selectboxit-btn.selectboxit-enabled:active,
.invoiceSetupBd .memberFormox fieldset.invoiceSetup .selectboxit-btn.selectboxit-enabled:focus,
.invoiceSetupBd .memberFormox fieldset.invoiceSetup .selectboxit-btn.selectboxit-enabled:hover {
	border: 1px solid #afafaf !important;
}
.memberFormox fieldset {
    margin: 0 auto;
}
.memberFormox fieldset.invoiceSetup .creditCardBox,
.memberFormox fieldset.vipPerMan .creditCardBox {
    padding: 10px 20px;
    margin: 10px 0 20px 0;
	border: 1px solid #e1e1e1;
	clear: both;
    display: none;
}
.memberFormox fieldset.vipPerMan .creditCardBox .box {
	border-top: 0;
	padding: 5px 0;
}
.memberFormox fieldset.vipPerMan .creditCardBox .box label {width: 110px;}
.memberFormox fieldset.vipPerMan .creditCardBox .box .con { width: 920px;}
.memberFormox fieldset.vipPerMan .creditCardBox .box.w130 label {width: 130px;}
.memberFormox fieldset.vipPerMan .creditCardBox .box.w130 .con { width: 900px;}
.memberFormox fieldset.vipPerMan .creditCardBox .box.w200 label {width: 200px;}
.memberFormox fieldset.vipPerMan .creditCardBox .box.w200 .con { width: 830px;}
.memberFormox fieldset.invoiceSetup .creditCardBox .text {
    font-size: 15px;
    color: #666;
    line-height: 1.4em;
}
.memberFormox fieldset.invoiceSetup .creditCardBox .box .con {
    float: none;
    font-size: 16px;
    line-height: 34px;
    min-height: 34px;
}
.memberFormox fieldset .box {
    padding: 10px 0;
	border-top: 1px solid #e1e1e1;
}
.memberFormox fieldset .box.first {
    padding: 10px 0;
	border-top: 0;
}
.memberFormox fieldset .box.odd {
    padding: 5px 0;
	border-top: 0;
}
.memberFormox fieldset .box:after {
	content:"";
	display: table;
	clear: both;
}
.memberFormox fieldset .box .text {
    margin: 10px 0 0 0;
    font-size: 13px;
    color: #d42c27;
}
.memberFormox fieldset .box.error .txt {
    margin: 5px 0 0 0;
    font-size: 13px;
    color: #d42c27;
}
.memberFormox fieldset .box .text b {
    font-size: 13px;
    font-weight: normal;
    color: #e71a0f;
}
.memberFormox fieldset .box label {
    float: left;
    font-size: 15px;
	line-height: 34px;
    color: #666;
}
.memberFormox fieldset .box.reminder {
    font-size: 13px;
	height: 19px;
	padding: 15px 0 0 0;
    color: #d62a1e;
}
.memberFormox fieldset .box .con {
    float: right;
    min-height: 34px;
	line-height: 34px;
    font-size: 16px;
    color: #333;
}
.memberFormox fieldset .box p {
    min-height: 34px;
	line-height: 34px;
    font-size: 16px;
    color: #333;
}
.memberFormox fieldset .box p.font15 {
    min-height: auto;
	line-height: 1.6em;
    color: #666;
}
.memberFormox fieldset .box .con .w80  { width: 80px;}
.memberFormox fieldset .box .con .w110 { width: 110px;}
.memberFormox fieldset .box .con .w120 { width: 120px;}
.memberFormox fieldset .box .con .w145 { width: 145px;}
.memberFormox fieldset .box .con .w180 { width: 180px;}
.memberFormox fieldset .box .con .w200 { width: 200px;}
.memberFormox fieldset .box .con .w230 { width: 230px;}
.memberFormox fieldset .box .con .w250 { width: 250px;}
.memberFormox fieldset .box .con .w300 { width: 300px;}
.memberFormox fieldset .box .con .w420 { width: 420px;}
.memberFormox fieldset .box .con .w560 { width: 560px;}
.memberFormox fieldset .box .con .code {
    margin: 0 0 10px 0;
}
.memberFormox fieldset .box .con .code img {
    vertical-align: bottom;
}
.memberFormox fieldset .box .con .code a.renew {
    padding: 0 20px 0 0;
    background: url(../images/icon/icon_refresh.png) no-repeat right center;
	-moz-background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
}
.memberFormox fieldset .box .con .code a:hover.renew {
    background: url(../images/icon/icon_refreshHover.png) no-repeat right center;
	-moz-background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
}
.memberFormox fieldset em {
    position: relative;
    top: 3px;
    padding: 0 3px;
    color: #d62a1e;
}
.memberFormox fieldset input[type=text],
.memberFormox fieldset input[type=email],
.memberFormox fieldset input[type=password],
.memberFormox fieldset input[type=number],
.memberFormox fieldset textarea {
    width: 100%;
	padding: 0;
	margin: 0;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	font-family: Arial, "Heiti TC", 'Microsoft JhengHei', Helvetica, sans-serif;
	text-indent: 10px;
	vertical-align: middle;
	color: #000;
	background: #fff;
	border: 1px solid #adadad;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
fieldset.readonly input[type=text],
fieldset.readonly input[type=email],
fieldset.readonly input[type=password],
fieldset.readonly textarea {
	border: 1px solid #d6d6d6;
}
fieldset.readonly .selectboxit-container .selectboxit-btn {
    cursor: default;
    border: 1px solid #d6d6d6;
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #eeeeee 100%);
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#eeeeee 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#eeeeee',GradientType=0 );
}
fieldset.readonly .selectboxit-btn.selectboxit-enabled:active,
fieldset.readonly .selectboxit-btn.selectboxit-enabled:focus,
fieldset.readonly .selectboxit-btn.selectboxit-enabled:hover {
	border: 1px solid #d6d6d6 !important;
}
.memberFormox fieldset textarea {
	height: 3.6em;
	line-height: 1.2em;
	padding: 6px 10px;
	text-indent: 0;
}
.memberFormox fieldset.send textarea {
	height: 6em;
}
.memberFormox fieldset.send .box.error input[type=text],
.memberFormox fieldset.send .box.error input[type=email],
.memberFormox fieldset.send .box.error input[type=password] {
	border: 1px solid #d42c27;
}
.memberFormox fieldset input[type=text]:focus,
.memberFormox fieldset input[type=email]:focus,
.memberFormox fieldset input[type=password]:focus,
.memberFormox fieldset textarea:focus {
	background: #fcfaf4;
	border: 1px solid #ab5f00;
}
.ePapperBox .schinner .btnBox,
.memberFormox .btnBox {
    clear: both;
    margin: 20px auto;
    text-align: center;
}
.ePapperBox .schinner .btnBox > div,
.memberFormox .btnBox > div {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.memberFormox .btnBox.btnInvoice {
    width: 200px;
}
.ePapperBox .schinner .btnBox input[type=button],
.ePapperBox .schinner .btnBox input[type=submit],
.ePapperBox .schinner .btnBox input[type=reset],
.memberFormox .btnBox input[type=button],
.memberFormox .btnBox input[type=submit],
.memberFormox .btnBox input[type=reset] {
	position: relative;
    margin: 0 5px;
    padding: 0 20px;
    color: #000;
    font-size: 13px;
	line-height: 2em;
	vertical-align: middle;
    border: 1px #afafaf solid;
    cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e0e0e0',GradientType=0 );
}
.memberFormox fieldset.invoiceSetup .box .creditCardBox input[type=button],
.memberFormox fieldset.invoiceSetup .box .creditCardBox input[type=submit],
.memberFormox fieldset.invoiceSetup .box .creditCardBox input[type=reset],
.memberFormox fieldset.vipPerMan .box .con input[type=button],
.memberFormox fieldset.vipPerMan .box .con input[type=submit],
.memberFormox fieldset.vipPerMan .box .con input[type=reset],
.memberFormox fieldset.vipQuickLogin .box .con input[type=button],
.memberFormox fieldset.vipQuickLogin .box .con input[type=submit],
.memberFormox fieldset.vipQuickLogin .box .con input[type=reset],
.memberFormox fieldset.vipPerMan .box input[type=button].delComplex,
.memberFormox fieldset.vipPerMan .box input[type=submit].delComplex,
.memberFormox fieldset.vipPerMan .box input[type=reset].delComplex {
	position: relative;
    margin: 0 5px;
    padding: 0 10px;
    color: #000;
    font-size: 13px;
	line-height: 1.8em;
	vertical-align: middle;
    border: 1px #afafaf solid;
    cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e0e0e0',GradientType=0 );
}
.ePapperBox .schinner .btnBox input[type=button]:hover,
.ePapperBox .schinner .btnBox input[type=submit]:hover,
.ePapperBox .schinner .btnBox input[type=reset]:hover,
.memberFormox .btnBox input[type=button]:hover,
.memberFormox .btnBox input[type=submit]:hover,
.memberFormox .btnBox input[type=reset]:hover,
.memberFormox fieldset.vipPerMan .box .con input[type=button]:hover,
.memberFormox fieldset.vipPerMan .box .con input[type=submit]:hover,
.memberFormox fieldset.vipPerMan .box .con input[type=reset]:hover,
.memberFormox fieldset.vipQuickLogin .box .con input[type=button]:hover,
.memberFormox fieldset.vipQuickLogin .box .con input[type=submit]:hover,
.memberFormox fieldset.vipQuickLogin .box .con input[type=reset]:hover {
    border: 1px #ab5f00 solid;
}
article.memberConBox .detailBoxBd .accordion.even .mainTitle .btnBox input[type=button].disabled,
article.memberConBox .detailBoxBd .accordion.even .mainTitle .btnBox input[type=submit].disabled,
article.memberConBox .detailBoxBd .accordion.even .mainTitle .btnBox input[type=reset].disabled,
.memberFormox fieldset.vipPerMan .box .con input[type=button].disabled,
.memberFormox fieldset.vipPerMan .box .con input[type=submit].disabled,
.memberFormox fieldset.vipPerMan .box .con input[type=reset].disabled {
    color: #999;
    border: 1px #ccc solid;
    cursor: default;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #eaeaea 100%);
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#eaeaea 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#eaeaea',GradientType=0 );
}
.memberFormox fieldset.vipPerMan .box input[type=button].delComplex,
.memberFormox fieldset.vipPerMan .box input[type=submit].delComplex,
.memberFormox fieldset.vipPerMan .box input[type=reset].delComplex {
    cursor: default;
}
/**
*
* fieldset.vipSetup
*
**/
.memberFormox fieldset.invoiceSetup,
.memberFormox fieldset.vipQuickLogin,
.memberFormox fieldset.vipPerMan,
.memberFormox fieldset.vipSetup { width: 1100px;}
.memberFormox fieldset.vipPerMan.left,
.memberFormox .subscriptionOffer {display: inline-block; vertical-align: middle;}
.memberFormox fieldset.vipPerMan.left { width: 620px; margin: 0 40px 0 20px;}
.memberFormox .subscriptionOffer {
    width: 450px;
    padding: 0 20px 0 40px;
    border-left: 1px #e1e1e1 solid;
}
.memberFormox .subscriptionOffer .con {
    padding: 0 100px 20px 0;
}
.memberFormox .subscriptionOffer .con .title {
    font-size: 16px;
    color: #333;
    margin: 0 0 10px 0;
}
.memberFormox .subscriptionOffer .con p {
    font-size: 13px;
    line-height: 18px;
    color: #666;
}
.memberFormox .subscriptionOffer .btn {
    text-align: right;
}
.memberFormox .subscriptionOffer .btn a {
    display: inline-block;
    padding: 0 25px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border: 1px #333 solid;
    background-color: #666;
}
.memberFormox .subscriptionOffer .btn a img {
    width: 18px;
}
.memberFormox fieldset.vipSetup .box label { width: 130px;}
.memberFormox fieldset.vipPerMan .box label { position: relative; width: 130px; padding: 0 0 0 10px;}
.memberFormox fieldset.invoiceSetup .box .titlePoint {
    position: relative;
    font-size: 16px;
    color: #666;
    line-height: 34px;
    padding: 0 0 0 10px;
    float: left;
}
.memberFormox fieldset.invoiceSetup .box .titlePoint label {
    font-size: 15px;
    color: #666;
}
.memberFormox fieldset.invoiceSetup .box .titlePoint:after,
.memberFormox fieldset.vipPerMan .box label:after {
    position: absolute;
    top: 14px;
    left: 0;
    display: block;
	content:"";
	width: 6px;
	height: 6px;
	background: #bbb;
}
.memberFormox fieldset.invoiceSetup .box .titlePoint:after {
    top: 13px;
}
.memberFormox fieldset.vipQuickLogin .box label { width: 200px;}
.memberFormox fieldset.vipQuickLogin .box label img { height: 50px;}
.memberFormox fieldset.vipPerMan .box.odd label { padding: 0;}
.memberFormox fieldset.vipPerMan .box.odd label:after { display: none;}
.memberFormox fieldset.vipPerMan .box .con a { color: #ab5f00;}
.memberFormox fieldset.vipPerMan .box .con a:hover { color: #e71a0f;}
.memberFormox fieldset.vipPerMan .box span { font-size: 14px; color: #666;}
.memberFormox fieldset.vipPerMan .box .con span > a { text-decoration: underline;}
.memberFormox fieldset.vipPerMan .box .con a.button { 
    margin: 0 0 0 10px;
    display: inline-block; 
    width: 100px; 
    height: 30px; 
    line-height: 30px; 
    text-align: center; 
    color: #fff; 
    font-size: 13px;
    border: 1px #333 solid;
    background: #666;
    text-decoration: none;
}
.memberFormox fieldset.vipPerMan .box .con a.button:hover { 
    background: #888;
}
.memberFormox fieldset.vipPerMan .box .strength {
    position: relative;
    height: 20px;
    margin: 5px 0 0 0;
    display: none;
}
.memberFormox fieldset.vipPerMan .box .strength > div {
    position: absolute;
    top: 0;
}
.memberFormox fieldset.vipPerMan .box .strength .txt {
    left: 0;
    padding: 0 5px 0 0;
    font-size: 13px;
    line-height: 20px;
    background: #fff;
    z-index: 1;
}
.memberFormox fieldset.vipPerMan .box .strength .barBox {
    right: 0;
    left: 0;
    height: 8px;
    margin: 6px 0;
}
.memberFormox fieldset.vipPerMan .box .strength.weak .txt      { color: #e80021;}
.memberFormox fieldset.vipPerMan .box .strength.middle .txt    { color: #e19f00;}
.memberFormox fieldset.vipPerMan .box .strength.strong .txt    { color: #6da300;}
.memberFormox fieldset.vipPerMan .box .strength.weak .barBox   { background: #e80021;}
.memberFormox fieldset.vipPerMan .box .strength.middle .barBox { background: #ffc000;}
.memberFormox fieldset.vipPerMan .box .strength.strong .barBox { background: #6da300;}
.memberFormox fieldset.vipQuickLogin .box .con { width: 890px; margin-top: 8px;}
.memberFormox fieldset.vipPerMan .box .con { width: 960px;}
.memberFormox fieldset.vipPerMan.left .box .con { width: 480px;}
.memberFormox fieldset.vipSetup .box .con { width: 970px;}
.memberFormox fieldset.invoiceSetup .box { border-top: 0;}
.memberFormox fieldset.invoiceSetup .box label { color: #333; font-size: 16px; line-height: 34px;}
.memberFormox fieldset.invoiceSetup .box label.max { width: auto; float: none;}
.memberFormox fieldset.invoiceSetup .box span { font-size: 14px; color: #666;}
.memberFormox fieldset.invoiceSetup .box span a { color: #ab5f00; text-decoration: underline;}
.memberFormox fieldset.invoiceSetup .box span a:hover { color: #e71a0f;}
.memberFormox fieldset.invoiceSetup .conIndent { margin-top: 8px;}
.memberFormox fieldset.invoiceSetup .box .con { width: 960px;}
.memberFormox fieldset.invoiceSetup .box .con .text { font-size:15px;}
.memberFormox fieldset.invoiceSetup .box .boxComplex { display: inline-block; font-size: 14px; vertical-align: top; margin: 0 20px 0 0;}
.memberFormox fieldset.invoiceSetup .box .boxComplex .loveCode { display: inline-block;}
.memberFormox fieldset.invoiceSetup .box .boxComplex .loveCode a { color: #ab5f00; text-decoration: underline;}
.memberFormox fieldset.invoiceSetup .box .boxComplex .loveCode a:hover { color: #e71a0f;}
.memberFormox fieldset.invoiceSetup .box .boxComplex .w150,
.memberFormox fieldset.invoiceSetup .box .boxComplex .w200,
.memberFormox fieldset.invoiceSetup .box .boxComplex .w450 { display: inline-block; margin: 0 10px;}
.memberFormox fieldset.invoiceSetup .box .boxComplex .w150 { width: 150px; max-width: 150px;}
.memberFormox fieldset.invoiceSetup .box .boxComplex .w200 { width: 200px; max-width: 200px;}
.memberFormox fieldset.invoiceSetup .box .boxComplex .w450 { width: 450px; max-width: 450px;}
.memberFormox fieldset.invoiceSetup .box .boxComplex .w480 { width: 440px; max-width: 440px; display: inline-block; margin: 0 0 0 10px;}
.memberFormox fieldset.invoiceSetup .box .boxComplex .w480 .selectboxit-text { width: 410px;}
.memberFormox fieldset.invoiceSetup hr {
    margin: 20px 0;
    padding: 0;
    height: 1px;
    background: #e1e1e1;
    border: 0;
}
.memberFormox fieldset .box > .boxComplex .con {
    width: auto;
}
.memberFormox fieldset .box > .boxComplex .con b {
    color: #e71a0f;
}
.memberFormox fieldset.invoiceSetup .creditCardBox.valueAdded .box label { float: left; width: 100px; color: #666; font-size: 15px; line-height: 34px;}
.memberFormox fieldset.invoiceSetup .creditCardBox.valueAdded .box .con { float: right; width: 930px;}
.memberFormox fieldset.invoiceSetup .creditCardBox.valueAdded .box .boxComplex { margin: 0 10px 0 0;}
.memberFormox fieldset.invoiceSetup .creditCardBox.valueAdded .box .boxComplex label { float: none; width: auto;}
.memberFormox fieldset .box > .boxComplex,
.memberFormox fieldset .box .con .boxComplex,
.memberFormox fieldset .box .con .boxComplex > span,
.memberFormox fieldset .box .con .selectBoxComplex {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    word-wrap: break-word;
    -moz-binding: url('js/wordwrap.xml#wordwrap');
}
.memberFormox fieldset.vipPerMan .box .con.rowComplex_5 .boxComplex {
    vertical-align: top;
}
.memberFormox fieldset.vipPerMan .box .con.rowComplex_5 {
    padding-top: 8px;
    line-height: 20px;
}
.memberFormox fieldset .box .con .boxComplex > span.tag {
    display: inline;
    padding: 5px 15px;
    text-align: center;
    color: #666;
    font-size: 13px;
    background: #ededed;
}
.memberFormox fieldset.vipPerMan .box .con.rowComplex_2 .boxComplex,
.memberFormox fieldset.vipPerMan .box .con.rowComplex_3 .boxComplex,
.memberFormox fieldset.vipPerMan .box .con.rowComplex_5 .boxComplex,
.memberFormox fieldset.vipSetup .box .con.rowComplex_1 .boxComplex { margin: 5px 20px 5px 0;}
.memberFormox fieldset.vipSetup .box .con.rowComplex_1 .boxComplex > span,
.memberFormox fieldset.vipSetup .box .con.rowComplex_4 .boxComplex > span { line-height: 34px;}
.memberFormox fieldset.vipPerMan .box .con.rowComplex_1 .selectBoxComplex {
    width: 100px;
    margin: 0 3px 0 0;
    line-height: 34px;
}
.memberFormox fieldset.vipPerMan .box .con.rowComplex_2 .selectBoxComplex,
.memberFormox fieldset.vipSetup .box .con.rowComplex_1 .selectBoxComplex {
    width: 60px;
    margin: 0 3px 0 0;
    line-height: 34px;
}
.memberFormox fieldset.vipPerMan .box .con.rowComplex_2 .selectBoxComplex {
    width: 80px;
}
.memberFormox fieldset.vipPerMan .box .con.rowComplex_2 .selectBoxComplex.wpx156 {
    width: 156px;
}
.memberFormox fieldset.vipPerMan .box .con.rowComplex_2 .selectBoxComplex .selectboxit-container,
.memberFormox fieldset.vipSetup .box .con.rowComplex_1 .selectBoxComplex .selectboxit-container { top: -2px;}
.memberFormox fieldset.vipPerMan .box .con.rowComplex_3 .selectBoxComplex,
.memberFormox fieldset.vipSetup .box .con.rowComplex_3 .selectBoxComplex {
    width: 340px;
    margin: 0 3px 0 0;
    line-height: 34px;
}
.memberFormox fieldset.vipPerMan .box .con.rowComplex_4 .selectBoxComplex {
    width: 120px;
    margin: 0 3px 0 0;
    line-height: 34px;
}
.memberFormox fieldset.vipPerMan .box .con .edit {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}
.memberFormox fieldset.vipPerMan .box .con .edit.on {
    display: block;
}
.memberFormox fieldset.vipSetup .box .con ul.desc { margin: 10px 0;}
.memberFormox fieldset.vipSetup .box .con ul.desc li {
    position: relative;
    padding: 0 0 0 20px;
    line-height: 22px;
    font-size: 13px;
    color: #666;
}
.memberFormox fieldset.vipSetup .box .con ul.desc li:after {
    position: absolute;
    top: 7px;
    left: 3px;
	content:"";
	width: 7px;
	height: 7px;
	background: #999;
	-webkit-border-radius: 3.5px;
	-moz-border-radius: 3.5px;
	border-radius: 3.5px;
}
.memberFormox fieldset.vipPerMan .selectboxit-container * { font-size: 15px;}
.memberFormox fieldset.vipPerMan .selectboxit .selectboxit-option-icon-container {margin-left: 10px;}


.memberFormox fieldset .box .con .errorNotice {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}
.memberFormox fieldset .box .con .errorNotice > a {
     text-decoration: underline;
}
.memberFormox fieldset .box .con .errorNotice b {
    color: #e71a0f;
    font-weight: normal;
}
.memberFormox fieldset .box .con .errorNotice img {
    margin: -1px -2px 0 0;
    display: inline-block;
    vertical-align: middle;
    max-width: 26px;
}

article.memberftBox {
    position: relative;
	max-width: 1280px;
	height: 321px;
    margin: 0 auto;
}
article.memberftBox.subComplex {
	height: 160px;
}
article.memberftBox > div {
    position: absolute;
    height: 160px;
    color: #fff;
    text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.memberftBox > div > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
article.memberftBox > div > span {
    position: absolute;
    top: 70px;
    left: 40px;
    font-size: 24px;
    line-height: 1.2em;
    text-align: left;
    color: #fff;
}
article.memberftBox .promotions > a img,
article.memberftBox > div > span img {
	position: relative;
	top: -3px;
    max-width: 16px;
}
article.memberftBox .rights {
    top: 0;
    left: 0;
    width: 426px;
    background: #625f5a;
}
article.memberftBox .rights span {
    top: 55px;
    width: 120px;
}
article.memberftBox.subComplex .rights {
    top: 0;
    left: 0;
    width: 640px;
    background: #625f5a;
}
article.memberftBox.subComplex .rights span {
    top: 70px;
    width: 200px;
}
article.memberftBox.subComplex .rights .photo img {
    margin: 0 40px 0 0;
}
article.memberftBox .identity {
    top: 0;
    left: 427px;
    right: 427px;
    width: 426px;
    background: #5e6364;
}
article.memberftBox.subComplex .identity {
    top: 0;
    left: auto;
    right: 0;
    width: 639px;
    background: #5e6364;
}
article.memberftBox .editSetup {
    top: 0;
    right: 0;
    width: 426px;
    background: #685f56;
}
article.memberftBox .promotions {
    bottom: 0;
    left: 0;
    width: 100%;
    background: #aca290;
}
article.memberftBox .promotions > a {
    display: block;
    position: absolute;
    top: 70px;
    left: 40px;
    right: auto;
    bottom: auto;
    font-size: 24px;
    line-height: 1.2em;
    text-align: left;
    color: #fff;
    z-index: 1;
}
article.memberftBox .promotions ul {
    position: absolute;
    top: 30px;
    left: 260px;
    right: 280px;
    text-align: left;
}
article.memberftBox .promotions ul li {
    position: relative;
    float: left;
    width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 20px;	
}
article.memberftBox .promotions ul li:after {
    position: absolute;
    top: 11px;
    left: 5px;
	content:"";
	width: 7px;
	height: 7px;
	background: #333;
	-webkit-border-radius: 3.5px;
	-moz-border-radius: 3.5px;
	border-radius: 3.5px;
}
article.memberftBox .promotions ul a {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 1.4em;
}
article.memberftBox .promotions ul a:hover {
    color: #e71a0f;
}
article.memberftBox .promotions .more {
    position: absolute;
    right: 0;
    top: 0;
    width: 290px;
    height: 160px;
}
article.memberftBox .promotions .more a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
article.memberftBox .promotions .more a span {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: block;
    font-size: 15px;
    padding: 0 15px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/icon/icon_more_666.png) no-repeat right -1px;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
article.memberftBox .promotions .more a:hover span {
    color: #e71a0f;    
	background: url(../images/icon/icon_moreHover.png) no-repeat right -1px;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
/**
*
* msgBox 
*
**/
article.memberMsgBox .msgBox {
    width: 440px;
}
article.memberMsgBox .msgBox .iconComplex,
article.memberMsgBox .msgBox .conBox {
    display: table-cell;
    vertical-align: middle;
}
article.memberMsgBox .msgBox .iconComplex {
    width: 80px;
    padding: 0 10px 0 20px;
}
article.memberMsgBox .msgBox .iconComplex img {
    height: 60px;
}
article.memberMsgBox article.memberMsgBox .msgBox .iconComplex img {
    height: 55px;
}
article.memberMsgBox .msgBox .nameComplex {
    position: relative;
    width: 310px;
    margin: 0 0 3px 0;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1.2em;    
    text-align: left;
    word-wrap: break-word; 
    overflow: hidden;
}
article.memberMsgBox .msgBox .nameComplex.max {
    width: 660px;
}
article.memberMsgBox .msgBox .timeComplex {
    font-size: 13px;
    color: #666;
    line-height: 1.2em;
}
/**
*
* msgBox 
*
**/
article.memberMsgBox .msgBoxHd {
    position: relative;
    width: 1280px;
}
article.memberMsgBox .msgBoxHd .mainTitleBox {
    position: absolute;
    top: 60px;
    left: 640px;
    width: 500px;
    padding: 0 0 0 20px;
    border-left: 1px #ffa108 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.memberMsgBox .msgBoxHd .mainTitleBox .title {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2em;
    color: #970535;
    margin: 0 0 10px 0;
}
article.memberMsgBox .msgBoxHd .mainTitleBox .title img {
    position: relative;
    top: -4px;
}
article.memberMsgBox .msgBoxHd .mainTitleBox .text {
    width: 420px;
    font-size: 18px;
    color: #333;
    line-height: 1.4em;
}
article.memberMsgBox .recordBox,
article.memberMsgBox .memberHappyGo {
    width: 1230px;
    margin: 40px auto 20px auto;
}
article.memberMsgBox .invoiceSetupHd,
article.memberMsgBox .invoiceSetupBd,
article.memberMsgBox .ePapperBox {
    width: 1200px;
    margin: 0 auto;
}
article.memberMsgBox .invoiceSetupHd {
    padding: 0 0 20px 0;
}
article.memberMsgBox .ePapperBox .sendData {
    text-align: center;
    font-size: 18px;
    color: #666;
    margin: 60px 0 40px 0;
}
article.memberMsgBox .invoiceSetupBd .mainTitle,
article.memberMsgBox .ePapperBox .mainTitle {
    position: relative;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    margin: 0 0 0.2em;
    padding: 0 20px;
    background: #dfdfdf;
}
article.memberMsgBox .memberFormox .invoiceSetupBd .memberFormox {
    background: none;
}
article.memberMsgBox .ePapperBox .mainTitle.center {
    text-align: center;
}
article.memberMsgBox .ePapperBox .mainTitle b {
    color: #e71a0f;
}
article.memberMsgBox .ePapperBox ul {
    width: 100%;
}
article.memberMsgBox .ePapperBox ul li {
    float: left;
    width: 46%;
    margin: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.memberMsgBox .ePapperBox ul.min li {
    width: 29.3%;
    margin: 2%;
}
article.memberMsgBox .ePapperBox ul li:hover {
    background: #f4f4f4;
}
article.memberMsgBox .ePapperBox ul li .photo {
    position: relative;
    float: left;
    width: 108px;
    height: 144px;
    overflow: hidden;
    border: 1px #e1e1e1 solid;
}
article.memberMsgBox .ePapperBox ul li .photo img {
    max-width: 108px;
}
article.memberMsgBox .ePapperBox ul li.on .photo {
    border: 1px #e71a0f solid;
}
article.memberMsgBox .ePapperBox ul li .photo > span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    color: #666;
    text-align: center;
    background: #dfdfdf;
}
article.memberMsgBox .ePapperBox ul li .photo > a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
}
article.memberMsgBox .ePapperBox ul li .boxComplex {
    float: right;
    width: 420px;
    height: 146px;
    padding: 15px 15px 0 0;
    cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.memberMsgBox .ePapperBox ul li .boxComplex.delCursor {
    cursor: default;
}
article.memberMsgBox .ePapperBox ul li h3 {
    margin: 0 0 10px 0;
}
article.memberMsgBox .ePapperBox ul li .date {
    font-size: 13px;
    color: #e71a0f;
    margin: 0 0 10px 0;
}
article.memberMsgBox .ePapperBox ul li .text {
    font-size: 15px;
    color: #666;
    line-height: 1.4em;
}
article.memberMsgBox .ePapperBox .checkradios-checkbox.icon-checkradios-checkmark, 
article.memberMsgBox .ePapperBox .checkradios-radio.icon-checkradios-checkmark {color: #e71a0f;border-color: #e71a0f;}
article.memberMsgBox .ePapperBox.review ul li:hover { background: none;}
article.memberMsgBox .ePapperBox.review ul li .boxComplex {
	float: initial;
	display: table-cell;
	padding-left: 24px;
	vertical-align: middle;
}
article.memberMsgBox .recordBox.first,
article.memberMsgBox .memberHappyGo.first {
    margin: 0 auto 0 auto;
}
article.memberMsgBox .recordBox {
    width: 1200px;
}
article.memberMsgBox .recordBox .textBox {
    padding: 40px 0;
    text-align: center;
}
article.memberMsgBox .ePapperBox ul,
article.memberMsgBox .recordBox:after,
article.memberMsgBox .memberHappyGo:after {
	content:"";
	display: table;
	clear: both;
}
article.memberMsgBox .recordBox table.posttable label {
    cursor: pointer;
}
article.memberMsgBox .recordBox .leftColumn {
    float: left;
    width: 930px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.memberMsgBox .recordBox .leftColumn .descFail {
    margin: 10px 0 0 0;
}
article.memberMsgBox .recordBox .leftColumn em.descFail,
article.memberMsgBox .recordBox .leftColumn .descFail em {
    color: #d62a1e;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
}
article.memberMsgBox .recordBox .tableCell {
    width: 1200px;
    display: table-cell;
    vertical-align: top;
}
article.memberMsgBox .memberHappyGo .happyGoBox {
    float: left;
    width: 380px;
    height: 495px;
    margin: 0 15px;
    padding: 25px 38px 35px;
    text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border: 1px #ffa108 solid;
    border-top: 6px #ffa108 solid;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxHd {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px #e1e1e1 solid;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxHd .mainTitle {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 1.2em;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxHd .subTitle {
    font-size: 16px;
    color: #666;
    line-height: 1.2em;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxBd {
    margin: 0 0 30px 0;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxBd .mainTitle {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1.4em;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxBd .text,
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxFt .text {
    font-size: 15px;
    color: #666;
    line-height: 1.6em;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxBd .text img {
    position: relative;
    top: -3px;
}
article.memberMsgBox .memberHappyGo .happyGoBox b {
    font-size: 24px;
    font-weight: bold;
    color: #ffa108;
    line-height: 1.2em;
}
article.memberMsgBox .memberHappyGo .happyGoBox strong {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: #ffa108;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxFt {
    width: 300px;
    height: 220px;
    margin: 0 auto;
    background: #f2f2f2;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxFt .boxHdComplex {
	position: relative;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #970535;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxFt .boxHdComplex:after {
	position: absolute;
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	pointer-events: none;
	border-top-color: #970535;
	border-width: 10px;
	border-left-width: 8px;
	border-right-width: 8px;
	margin-left: -8px;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxFt .boxBdComplex {
    width: 80%;
    margin: 0 auto;
    height: 190px;
	display: table; 
	vertical-align: middle;
	text-align: center; 
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxFt .boxBdComplex > span {
    width: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxFt .boxBdComplex > div {
    display: table-cell;
    vertical-align: middle;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxFt .boxBdComplex .boxComplex {
    width: 100%;
    margin: auto;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxFt .boxBdComplex .boxComplex:nth-child(2) {
    padding: 15px 0 0;
    margin: 15px 0 0;
    border-top: 1px #a0a0a0 dashed;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxHd {
    position: relative;
    padding: 15px 15px 20px 15px;
    text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fde2a5;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxHd:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	pointer-events: none;
	border-bottom-color: #fff;
	border-width: 10px;
	border-left-width: 12px;
	border-right-width: 12px;
	margin-left: -12px;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxHd .mainTitle {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxHd .subTitle {
    font-size: 15px;
    color: #666;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxBd:after,
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxBd .boxHdComplex:after {
	content:"";
	display: table;
	clear: both;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxBd {
    position: relative;
    min-width: 932px;
    width: 100%;
    margin: 20px auto;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxBd .boxComplex {
    float: left;
    width: 200px;
    padding: 0 55px;
    width: 33.3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    text-align: center;
    border-left: 1px #e1e1e1 solid;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxBd .boxComplex:first-child {
    border-left: 0;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxBd .boxHdComplex {
    width: 200px;
    margin: 0 auto 10px auto;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxBd .boxHdComplex .icon,
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxBd .boxHdComplex span {
    display: table-cell;
    vertical-align: middle;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxBd .boxHdComplex .icon {
    width: 70px;
    padding: 0 10px 0 0;
    text-align: right;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxBd .boxHdComplex span {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1.4em;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxBd .text {
    font-size: 15px;
    color: #666;
    line-height: 1.6em;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxBd .text img {
    position: relative;
    top: -3px;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxBd b {
    font-size: 24px;
    font-weight: bold;
    color: #ffa108;
    line-height: 1.2em;
}
article.memberMsgBox .recordBox .redamptionBox .redamptionBoxBd strong {
    font-size: 15px;
    font-weight: bold;
    color: #970535;
}
article.memberMsgBox .loginBox {
    width: 510px;
    padding: 30px 0;
    margin: 0 auto;
}
article.memberMsgBox .loginBox .title {
    line-height: 1.4em;
    color: #666;
}
article.memberMsgBox .loginBox .errorMsgBd {
    width: 100%;
    max-width: 680px;
    min-width: 510px;
    padding: 10px 0;
    text-align: center;
    font-size: 15px;
    color: #d42c27;    
    background: #fff4e5;
    margin: 10px auto;
}
article.memberMsgBox .loginBox .errorMsgBd img {
    width: 21px;
    height: 18px;
    vertical-align: bottom;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .box {
    position: relative;
    padding: 10px 0;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .box:after {
	content:"";
	display: table;
	clear: both;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .box label:after {
    position: absolute;
    top: 14px;
    left: 0;
    display: block;
	content:"";
	width: 6px;
	height: 6px;
	background: #bbb;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .box label {
    position: relative;
    padding: 0 0 0 10px;
    float: left;
    width: 100px;
    font-size: 16px;
	line-height: 34px;
    color: #666;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .box .con {
    float: right;
    width: 400px;
    min-height: 34px;
	line-height: 34px;
    font-size: 16px;
    color: #333;
}
article.memberMsgBox .loginBox.orders { width: 570px;}
article.memberMsgBox .loginBox.orders fieldset.vipPerMan .box label { width: 150px;}
article.memberMsgBox .loginBox.orders fieldset.vipPerMan .box .con { width: 410px;}
article.memberMsgBox .loginBox fieldset.vipPerMan input[type=text],
article.memberMsgBox .loginBox fieldset.vipPerMan input[type=email],
article.memberMsgBox .loginBox fieldset.vipPerMan input[type=password],
article.memberMsgBox .loginBox fieldset.vipPerMan textarea {
    width: 100%;
	padding: 0;
	margin: 0;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	font-family: Arial, "Heiti TC", 'Microsoft JhengHei', Helvetica, sans-serif;
	text-indent: 10px;
	vertical-align: middle;
	color: #000;
	background: #fff;
	border: 1px solid #adadad;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.memberMsgBox .loginBox fieldset.vipPerMan input[type=text]:focus,
article.memberMsgBox .loginBox fieldset.vipPerMan input[type=email]:focus,
article.memberMsgBox .loginBox fieldset.vipPerMan input[type=password]:focus,
article.memberMsgBox .loginBox fieldset.vipPerMan textarea:focus {
	background: #fcfaf4;
	border: 1px solid #ab5f00;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .box .con .code {
    margin: 0 0 10px 0;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .box .con .code img {
    vertical-align: bottom;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .box .con .code a.renew {
    font-size: 13px;
    line-height: 1.2em;
    padding: 0 20px 0 0;
    background: url(../images/icon/icon_refresh.png) no-repeat right center;
	-moz-background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .box .con .code a:hover.renew {
    background: url(../images/icon/icon_refreshHover.png) no-repeat right center;
	-moz-background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .btnBox {
    clear: both;
    margin: 20px auto;
    text-align: center;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .btnBox > div {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .btnBox input[type=button],
article.memberMsgBox .loginBox fieldset.vipPerMan .btnBox input[type=submit],
article.memberMsgBox .loginBox fieldset.vipPerMan .btnBox input[type=reset] {
	position: relative;
    margin: 0 5px;
    padding: 0 20px;
    color: #000;
    font-size: 13px;
	line-height: 2em;
	vertical-align: middle;
    border: 1px #afafaf solid;
    cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e0e0e0',GradientType=0 );
}
article.memberMsgBox .loginBox fieldset.vipPerMan .btnBox input[type=button]:hover,
article.memberMsgBox .loginBox fieldset.vipPerMan .btnBox input[type=submit]:hover,
article.memberMsgBox .loginBox fieldset.vipPerMan .btnBox input[type=reset]:hover {
    border: 1px #ab5f00 solid;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .msgDescBox {
    border-top: 1px #e1e1e1 solid;
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .msgDescBox ul li {
    position: relative;
    padding: 0 0 0 10px;
    font-size: 16px;
    line-height: 1.6em;
    color: #666;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .msgDescBox ul li:after {
    position: absolute;
    top: 8px;
    left: 2px;
	content:"";
	width: 5px;
	height: 5px;
	background: #999;
	-webkit-border-radius: 2.5px;
	-moz-border-radius: 2.5px;
	border-radius: 2.5px;
}
article.memberMsgBox .loginBox fieldset.vipPerMan em {
    position: relative;
    top: 3px;
    padding: 0 3px;
    color: #d62a1e;
}
article.memberMsgBox .loginBox fieldset.vipPerMan .msgDescBox ul li a { color: #ab5f00; text-decoration: underline;}
article.memberMsgBox .loginBox fieldset.vipPerMan .msgDescBox ul li a:hover { color: #e71a0f;}
article.memberMsgBox .memberHappyGo.leftColumn .happyGoBox {
    width: 940px;
    height: auto;
}
article.memberMsgBox .memberHappyGo.leftColumn .happyGoBox .conBoxHd {
    text-align: center;
}
article.memberMsgBox .memberHappyGo.leftColumn .happyGoBox .conBoxHd .mainTitle {
    display: inline-block;
    margin: 0 10px 0 0;
}
article.memberMsgBox .memberHappyGo.leftColumn .happyGoBox .conBoxHd .subTitle {
    display: inline-block;
}
article.memberMsgBox .memberHappyGo.leftColumn .happyGoBox .conBoxFt {
    width: 800px;
    height: 160px;
}
article.memberMsgBox .memberHappyGo.leftColumn .happyGoBox .conBoxFt .boxBdComplex {
    width: 100%;
    height: 130px;
}
article.memberMsgBox .memberHappyGo.leftColumn .happyGoBox .conBoxFt .boxBdComplex .boxComplex {
    display: inline-block;
    width: 47%;
}
article.memberMsgBox .memberHappyGo.leftColumn .happyGoBox .conBoxFt .boxBdComplex .boxComplex:nth-child(2) {
    padding: 0 0 0 15px;
    margin: auto;
    border: 0;
    border-left: 1px #a0a0a0 dashed;
}
article.memberMsgBox .memberHappyGo .happyGoBox .conBoxFt .mainTitle {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 1.2em;
}
article.memberMsgBox .memberHappyGo .happyGoBox.fetnet .conBoxFt {
    height: 160px;
    margin: 0 auto 10px auto;
}
article.memberMsgBox .memberHappyGo .happyGoBox.fetnet .conBoxFt .boxBdComplex {
    height: 130px;
}
article.memberMsgBox .memberHappyGo .fetnetBtn {
    float: right;
    width: 240px;
}
article.memberMsgBox .memberHappyGo .fetnetBtn .btnDownBox {
    width: 100%;
    text-align: center;
    margin: 15px 0 0 0;
}
article.memberMsgBox .memberHappyGo .happyGoBox.fetnet .btnDownBox {
    width: 100%;
    text-align: center;
}
article.memberMsgBox .memberHappyGo .fetnetBtn .btnDownBox .box,
article.memberMsgBox .memberHappyGo .happyGoBox.fetnet .btnDownBox .box {
    display: inline-block;
    width: 100%;
}
article.memberMsgBox .memberHappyGo .fetnetBtn .btnDownBox .box {
    margin: 0;
}
article.memberMsgBox .memberHappyGo .fetnetBtn .btnDownBox a.button,
article.memberMsgBox .memberHappyGo .happyGoBox.fetnet .btnDownBox a.button {
    display: block;
    color: #970535;
    font-size: 16px;
    font-weight: bold;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background: #fabe3b;
    border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
article.memberMsgBox .memberHappyGo .fetnetBtn .btnDownBox a.button img,
article.memberMsgBox .memberHappyGo .happyGoBox.fetnet .btnDownBox a.button img {
    display: inline;
    height: 16px;
    position: relative;
    top: -2px;
    width: 16px;
    border: 0;
}
/**
*
* posRecBox 
*
**/
article.memberMsgBox .memberFormox .slickSubActivity .slickLi:after {
	content:"";
	display: table;
	clear: both;
}
article.memberMsgBox .memberFormox .slickSubActivity {
    width: 100%;
}
article.memberMsgBox .memberFormox .slickSubActivity .slick-dots {
    bottom: -10px;
}
article.memberMsgBox .memberFormox .slickSubActivity.slick-slider .slick-prev,
article.memberMsgBox .memberFormox .slickSubActivity.slick-slider .slick-next {
    margin-top: -45px;
}
article.memberMsgBox .memberFormox .slickSubActivity.slick-slider .slick-prev { left: -30px;}
article.memberMsgBox .memberFormox .slickSubActivity.slick-slider .slick-next { right: -30px;}
article.memberMsgBox .memberFormox .slickSubActivity .slickLi {
    position: relative;
    margin: 0 0 20px 0;
}
article.memberMsgBox .memberFormox .slickSubActivity .slickLi {
    margin: 0 0 25px 0;
}
article.memberMsgBox .memberFormox .slickSubActivity .slickLi:last-child {
    margin: 0;
}
article.memberMsgBox .memberFormox .slickSubActivity .slickLi > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
article.memberMsgBox .memberFormox .slickSubActivity .slickLi .photo {
    position: relative;
    float: left;
    width: 922px;
    height: 262px;
    overflow: hidden;
}
article.memberMsgBox .memberFormox .slickSubActivity .slickLi .photo img {
    border: 1px #e2e2e2 solid;
    max-width: 920px;
    max-height: 260px;
}
article.memberMsgBox .memberFormox .slickSubActivity .slickLi .conBox {
    float: right;
    width: 278px;
    height: 262px;
    padding: 30px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #eaeaea;
}
article.memberMsgBox .memberFormox .slickSubActivity .slickLi .conBox .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    max-height: 50px;
    overflow: hidden;
}
article.memberMsgBox .memberFormox .slickSubActivity .slickLi .conBox .text {
    border-top: 1px #fff solid;
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
    color: #666;
    font-size: 15px;
    line-height: 1.4em;
    height: 105px;
    overflow: hidden;
}
article.memberConBox .detailBoxBd .accordion {
    position: relative;
    margin: 0 0 20px 0;
}
article.memberConBox .detailBoxBd .accordion.open {
    margin: 0 0 30px 0;
    border-bottom: 1px solid #c1c1c1;
}
article.memberConBox .detailBoxBd .recordBox .accordion.open {
    border-bottom: 0;
}
article.memberConBox .detailBoxBd .accordion.even {
    margin: 0;
}
article.memberConBox .detailBoxBd .accordion.even .memberFormox {
    padding: 10px 40px 15px 40px;
}
article.memberConBox .detailBoxBd .accordion.even .mainTitle span {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
article.memberMsgBox .invoiceSetupBd .mainTitle .btnBox,
article.memberMsgBox .ePapperBox .mainTitle .btnBox,
article.memberConBox .detailBoxBd .accordion.even .mainTitle .btnBox {
    position: absolute;
    top: 13px;
    right: 20px;    
}
article.memberMsgBox .invoiceSetupBd .mainTitle .btnBox,
article.memberMsgBox .ePapperBox .mainTitle .btnBox {
    top: 0;
    margin: 0;
}
article.memberMsgBox .invoiceSetupBd .mainTitle .btnBox input[type=button],
article.memberMsgBox .invoiceSetupBd .mainTitle .btnBox input[type=submit],
article.memberMsgBox .invoiceSetupBd .mainTitle .btnBox input[type=reset],
article.memberMsgBox .ePapperBox .mainTitle .btnBox input[type=button],
article.memberMsgBox .ePapperBox .mainTitle .btnBox input[type=submit],
article.memberMsgBox .ePapperBox .mainTitle .btnBox input[type=reset],
article.memberConBox .detailBoxBd .accordion.even .mainTitle .btnBox input[type=button],
article.memberConBox .detailBoxBd .accordion.even .mainTitle .btnBox input[type=submit],
article.memberConBox .detailBoxBd .accordion.even .mainTitle .btnBox input[type=reset] {
	position: relative;
    margin: 0 5px;
    padding: 0 10px;
    color: #000;
    font-size: 13px;
	line-height: 1.8em;
	vertical-align: middle;
    border: 1px #afafaf solid;
    cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e0e0e0',GradientType=0 );
}
article.memberMsgBox .invoiceSetupBd .mainTitle .btnBox input[type=button]:hover,
article.memberMsgBox .invoiceSetupBd .mainTitle .btnBox input[type=submit]:hover,
article.memberMsgBox .invoiceSetupBd .mainTitle .btnBox input[type=reset]:hover,
article.memberMsgBox .ePapperBox .mainTitle .btnBox input[type=button]:hover,
article.memberMsgBox .ePapperBox .mainTitle .btnBox input[type=submit]:hover,
article.memberMsgBox .ePapperBox .mainTitle .btnBox input[type=reset]:hover,
article.memberConBox .detailBoxBd .accordion.even .mainTitle .btnBox input[type=button]:hover,
article.memberConBox .detailBoxBd .accordion.even .mainTitle .btnBox input[type=submit]:hover,
article.memberConBox .detailBoxBd .accordion.even .mainTitle .btnBox input[type=reset]:hover {
    border: 1px #ab5f00 solid;
}
article.memberConBox .detailBoxBd .accordion.even .schBoxHd {
    cursor: default;
}
article.memberConBox .detailBoxBd .accordion .mainTitle b {
    color: #e71a0f;
}
article.memberConBox .singleColumn .schmainbox {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px #dedede solid;
}
article.memberConBox .singleColumn .schmainbox:first-child {
    margin: 0;
    padding: 0;
    border-top: 0;
}
article.memberConBox .detailBoxBd .accordion > .mainTitle {
    position: relative;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em;
    z-index: 1;
}
article.memberConBox .detailBoxBd .accordion > .mainTitle.o2orrHd {
    background: #f2f2f2;
    border-bottom: 1px #999 solid;
	-webkit-box-shadow: 0 3px 3px rgba(100,100,100,0.15);
	-moz-box-shadow: 0 3px 3px rgba(100,100,100,0.15);
	box-shadow: 0 3px 3px rgba(100,100,100,0.15);
}
article.memberConBox .detailBoxBd .accordion > .mainTitle.o2orrHd:hover {
    background: #dfdfdf;
}
article.memberConBox .detailBoxBd .accordion > .mainTitle.ordersHd {
    font-size: 20px;
    line-height: 1.4em;
    padding: 15px 0;
    background: #fff;
    border-bottom: 1px #999 solid;
    cursor: default;
}
article.memberConBox .detailBoxBd .mainTitle.ordersHd > span {
    font-size: 20px;
    line-height: 1.4em;
    font-weight: bold;
}
article.memberConBox .singleColumn .mainTitle.ordersHd .date {
    right: 0;
}
article.memberConBox .detailBoxBd .accordion > .mainTitle.ordersHd:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 3px;
	content:"";
	width: 100%;
	background: -moz-linear-gradient(top,  rgba(200,200,200,.5) 0%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(200,200,200,.5) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(200,200,200,.5) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#00ffffff',GradientType=0 );
}
article.memberConBox .singleColumn .accordion.open .schBoxHd.ordersHd {
    margin: 0;
}
article.memberConBox .singleColumn .accordion.open .schBoxHd.o2orrHd {
    margin: 0 0 15px 0;
}
article.memberConBox .singleColumn .schinner .subTitle {
    position: relative;
    margin: 0 0 0.2em;
    padding: 0 0 0 15px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4em;
}
article.memberConBox .singleColumn .schinner .subTitle:after {
    position: absolute;
    top: 3px;
    left: 0;
	content:"";
	width: 3px;
	height: 20px;
	background: #999;
}
article.memberConBox .singleColumn .schinner .subTitle .btnDownBox {
    position: absolute;
    top: -5px;
    right: -5px;
    margin: 0;
}
article.memberConBox .singleColumn .schinner .subTitle .btnDownBox .box {
    width: 120px;
}
article.memberConBox .singleColumn .mainTitle span {
    padding: 0 10px 0 0;
}
article.memberConBox .singleColumn .mainTitle .date {
    position: absolute;
    right: 60px;
    top: 16px;
    font-size: 16px;
    color: #666;
}
article.memberConBox .singleColumn .mainTitle a.trigger {
    position: absolute;
    right: 15px;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0;
    margin: -15px 0 0 0;
	background: url(../images/icon/icon_close.png) no-repeat;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);	
}
article.memberConBox .singleColumn .mainTitle a.trigger:hover {
	background: url(../images/icon/icon_descboxClose.png) no-repeat;
}
article.memberConBox .singleColumn .mainTitle a.trigger.odd {
	background: url(../images/icon/icon_close_notifyBoxHover.png) no-repeat;
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
article.memberConBox .singleColumn .mainTitle a.trigger,
article.memberConBox .singleColumn .mainTitle a.trigger:hover,
article.memberConBox .singleColumn .mainTitle a.trigger.odd,
article.memberConBox .singleColumn .mainTitle a.trigger.odd:hover {
	-moz-background-size: 30px auto;
	-webkit-background-size: 30px auto;
	-o-background-size: 30px auto;
	background-size: 30px auto;
}
article.memberConBox .detailBoxBd .accordion a.open {
    position: absolute;
    left:  50%;
    bottom: -15px;
    display: block;
    width: 26px;
    height: 26px;
    margin-left: -13px;
    font-size: 0;
	background: #9f9f9f url(../images/icon/icon_descboxOpen.png) no-repeat;
	-moz-background-size: 26px auto;
	-webkit-background-size: 26px auto;
	-o-background-size: 26px auto;
	background-size: 26px auto;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	z-index: 1;
}
article.memberConBox .detailBoxBd .accordion a.open {
    display: none;
}
article.memberConBox .detailBoxBd .accordion.open a.open {
    display: block;
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
article.memberConBox .singleColumn .schBoxHd {
    padding: 15px;
    padding: 15px 60px 15px 15px;
    background: #dfdfdf;
    cursor: pointer;
}
article.memberConBox .singleColumn .accordion.open .schBoxHd {
    margin: 0 0 20px 0;
}
article.memberConBox .singleColumn .schmainbox .text {
    margin: 10px 0 0 0;
    color: #666;
    font-size: 15px;
    line-height: 1.4em;
}
article.memberConBox .singleColumn .schinner {
    max-height: 0;
    -webkit-transition: max-height 0.2s; 
    -moz-transition: max-height 0.2s; 
    -o-transition: max-height 0.2s; 
    transition: max-height 0.2s;     
}
article.memberConBox .singleColumn .accordion.open .schinner,
article.memberConBox .singleColumn .accordion.even .schinner {
    max-height:10000px;
    -webkit-transition: max-height 0.3s; 
    -moz-transition: max-height 0.3s; 
    -o-transition: max-height 0.3s; 
    transition: max-height 0.3s;
}
article.memberMsgBox .otherBox ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px 0 0;
}
article.memberMsgBox .otherBox ul li a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
article.memberMsgBox .otherBox ul li a:hover {
    color: #e71a0f;
}
article.memberMsgBox .buttonBox a.button { 
    position: relative;
    display: inline-block; 
    height: 40px; 
    line-height: 40px; 
    text-align: center; 
    padding: 0 15px 0 20px; 
    color: #fff; 
    font-size: 16px;
    border: 1px #333 solid;
    background: #666;
}
article.memberMsgBox .buttonBox a.button:hover { 
    background: #888;
}
article.memberMsgBox .buttonBox a.button.important { border: 1px #e71a0f solid; background: #e71a0f;}
article.memberMsgBox .buttonBox a.button.important:hover { border: 1px #f23c32 solid; background: #f23c32;}
article.memberMsgBox .buttonBox a.button.delComplex,
article.memberMsgBox .buttonBox a.button.delComplex:hover { color: #e1e1e1; border: 1px #999999 solid; background: #999999; cursor: default;}
article.memberMsgBox .buttonBox a.button img { 
    position: relative; 
    top: -2px; 
    width: 16px; 
    height: 16px;
}
article.memberMsgBox .buttonBox a.button .msgBtn { 
    position: absolute;
	top: -10px;
	right: -10px;
    width: 21px;
    height: 21px;
    font-size: 0;
	background: url(../images/icon/icon_msgBtn.png) no-repeat;
	-moz-background-size: 21px auto;
	-webkit-background-size: 21px auto;
	-o-background-size: 21px auto;
	background-size: 21px auto;
}
/**
*
* accordion 
*
**/

article.memberBox .detailBoxBd.first {
    margin: -92px 0 10px 0;
    border-top: 3px #e71a0f solid;
}
article.memberBox .detailBoxBd .accordion {
    position: relative;
    padding: 0 35px;
}
article.memberBox .detailBoxBd.first .accordion {
    padding: 0 35px 20px;
}
article.memberBox .detailBoxBd .accordion.open {
    padding: 0 35px;
    border-bottom: 1px #c1c1c1 solid;
}
article.memberBox .detailBoxBd .accordion a.open {
    position: absolute;
    left:  50%;
    bottom: -15px;
    display: block;
    width: 26px;
    height: 26px;
    font-size: 0;
	background: #9f9f9f url(../images/icon/icon_descboxOpen.png) no-repeat;
	-moz-background-size: 26px auto;
	-webkit-background-size: 26px auto;
	-o-background-size: 26px auto;
	background-size: 26px auto;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	z-index: 1;
}
article.memberBox .detailBoxBd .accordion a.open {
    position: absolute;
    left:  50%;
    bottom: -15px;
    display: block;
    width: 26px;
    height: 26px;
    font-size: 0;
	background: #9f9f9f url(../images/icon/icon_descboxOpen.png) no-repeat;
	-moz-background-size: 26px auto;
	-webkit-background-size: 26px auto;
	-o-background-size: 26px auto;
	background-size: 26px auto;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	z-index: 1;
}
article.memberBox .detailBoxBd .accordion.open a.open {
    display: block;
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
article.memberBox .detailBoxBd .accordion a.open.odd {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
article.memberBox .detailBoxBd {
    margin: 20px 0 0;
}
article.memberBox .detailBoxBd.line {
    border: 1px #e1e1e1 solid;
}
article.memberBox .detailBoxBd .accordion > .mainTitle {
    position: relative;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em;
    padding: 13px 35px;
}
article.memberBox .detailBoxBd .mainTitle a.trigger {
    position: absolute;
    right: 35px;
    top: 10px;
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0;
	background: url(../images/icon/icon_close.png) no-repeat;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);	
}
article.memberBox .detailBoxBd .mainTitle a.trigger:hover {
	background: url(../images/icon/icon_descboxClose.png) no-repeat;
}
article.memberBox .detailBoxBd .mainTitle a.trigger.odd {
	background: url(../images/icon/icon_close_notifyBoxHover.png) no-repeat;
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
article.memberBox .detailBoxBd .mainTitle a.trigger,
article.memberBox .detailBoxBd .mainTitle a.trigger:hover,
article.memberBox .detailBoxBd .mainTitle a.trigger.odd,
article.memberBox .detailBoxBd .mainTitle a.trigger.odd:hover {
	-moz-background-size: 30px auto;
	-webkit-background-size: 30px auto;
	-o-background-size: 30px auto;
	background-size: 30px auto;
}
article.memberBox .detailBoxBd .schBoxHd {
    margin: 0 -35px;
    padding: 15px;
    background: #f4f4f4;
}
article.memberBox .detailBoxBd .schBoxHd a.more {
    float: right;
    display: block;
    font-size: 15px;
    padding: 0 15px 0 0;
	background: url(../images/icon/icon_more.png) no-repeat right center;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
article.memberBox .detailBoxBd .schBoxHd a:hover.more {
    color: #e71a0f;    
	background: url(../images/icon/icon_moreHover.png) no-repeat right center;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
article.memberBox .detailBoxBd .schinner {
    padding: 15px 0;
    max-height: 176px;
    overflow: hidden;
    -webkit-transition: max-height 0.2s; 
    -moz-transition: max-height 0.2s; 
    -o-transition: max-height 0.2s; 
    transition: max-height 0.2s;     
}
article.memberBox .detailBoxBd .schinner:after {
	content:"";
	display: table;
	clear: both;
}
article.memberBox .detailBoxBd .accordion.open .schinner {
    max-height:10000px;
    -webkit-transition: max-height 0.3s; 
    -moz-transition: max-height 0.3s; 
    -o-transition: max-height 0.3s; 
    transition: max-height 0.3s;
}
article.memberBox .detailBoxBd .schinner .leftColumn {
    float: left;
    width: 755px;
    padding: 0 0 30px 0;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember {
    margin: 0 -10px;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember th,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td {
    font-size: 16px;
    border-top: 1px #e1e1e1 solid;
    vertical-align: top;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember th.unLine,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td.unLine,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember:first-child > tr:first-child th,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember:first-child > tr:first-child td,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember table th .bgLoading,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember table td .bgLoading,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember table th .bgLoadingError,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember table td .bgLoadingError {
    border-top: 0;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember th.unPadding,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td.unPadding {
    padding: 12px 0;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember table {
    width: 100%;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember .bgLoading,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember .bgLoadingError {
    border-top: 1px #e1e1e1 solid;
    min-height: 160px;
}
article.memberBox .detailBoxBd .schinner .editBox.rightColumn table.tabMember .bgLoading .bgBox,
article.memberBox .detailBoxBd .schinner .editBox.rightColumn table.tabMember .bgLoadingError .bgBox {
    background: #fff;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember .bgLoading {
    background: url(../images/icon/sch_loading.gif) no-repeat center;
    -webkit-background-size: auto 140px;
    background-size: auto 140px;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember .bgLoadingError {
    background: url(../images/icon/loading_failed.png) no-repeat center;
    -webkit-background-size: auto 116px;
    background-size: auto 116px;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember .bgLoading > table,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember .bgLoadingError > table {
    width: 100%;
    background-color: #fff;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember .bgLoading > table a.button,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember .bgLoadingError > table a.button {
    color: #fff;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember th {
    text-align: left;
    background: none;
    padding: 8px 10px 8px 20px;
    font-weight: normal;
    color: #666;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember th > div {
    position: relative;
    padding: 5px 0 0 5px;
    line-height: 1.6em;
    font-size: 16px;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember th > div.ellipsis {
    overflow: hidden;
    height: 28px;
    word-break: break-all;
    word-wrap: break-word;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td p.ellipsis {
    font-size: 16px;
    color: #333;
    overflow: hidden;
    height: 28px;
    word-break: break-all;
    word-wrap: break-word;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember th > div:after {
    position: absolute;
    top: 14px;
    left: -10px;
    display: block;
	content:"";
	width: 6px;
	height: 6px;
	background: #bbb;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember th.mainTitle {
    padding: 8px 10px 8px 10px;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember th.mainTitle > div {
    padding: 5px 0 0 0;
    color: #333;
    font-weight: bold;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember th.mainTitle > div:after {
    top: 0;
    left: 0;
	width: 0;
	height: 0;
	background: none;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember ul li a { color: #333;}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember ul li a:hover { color: #e71a0f;}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td .notice {
    margin: -10px 0 0 0;
    font-size: 16px;
    background-color: #fff;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td .noticeBox {
    margin: 2px 0 0 0;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td .noticeBox > div,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td .noticeBox ul {
    display: table-cell;
    vertical-align: top;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td .noticeBox > div {
    width: 60px;
    position: relative;
    padding: 0 0 0 15px;
    font-size: 16px;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td .noticeBox > div.max {
    width: 80px;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td .noticeBox > div:after {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
	content:"";
	width: 6px;
	height: 6px;
	background: #bbb;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td .marginLeft10 {
    margin: 0 0 0 -15px;
    line-height: 32px;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember th,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td {
    padding: 12px 10px;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td {
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 32px;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td strong {
    font-size: 16px;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td.indent {
    padding: 8px 10px 8px 25px;
    line-height: 1.8em;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td.indent.unPadding {
    padding: 8px 0 8px 0;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td.indent a {
    color: #333;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td.indent a:hover {
    color: #e71a0f;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td.right a,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td.right a:hover {
    color: #fff;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td span {
    color: #e71a0f;
    font-weight: bold;
    font-size: 16px;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td ul li { color: #333; margin: 2px 0;}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember td ul li:after { top: 8px;}
article.memberBox .detailBoxBd .schinner .editBox .progressbarBox {
    padding: 0 0 20px 6px;
    background: #fff;
}
article.memberBox .detailBoxBd .schinner .editBox .progressbar {
    position: relative;
    width: 100%;
    margin: 0 0 15px 0;
    background: #ecceb4;
}
article.memberBox .detailBoxBd .schinner .editBox .progressbarCompleted {
    position: relative;
    height: 25px;
}
article.memberBox .detailBoxBd .schinner .editBox .progressbarCompleted .text {
    position: absolute;
    top: 0;
    right: 3px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-weight: bold;
}
article.memberBox .detailBoxBd .schinner .editBox .progressbarCompleted .text.min {
    right: -32px;
    color: #b27239;
}
article.memberBox .detailBoxBd .schinner .editBox .progressbarCompleted.color1 { background: #ca8156;}
article.memberBox .detailBoxBd .schinner .editBox .progressbarCompleted.color2 { background: #d38845;}
article.memberBox .detailBoxBd .schinner .editBox .progressbarCompleted.color3 { background: #c70000;}
article.memberBox .detailBoxBd .schinner .editBox .sign {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
article.memberBox .detailBoxBd .schinner .editBox .sign > div {
    display: inline-block;
    vertical-align: top;
    padding: 0 30px 0 0;
    max-width: 200px;
    min-width: 180px;
    text-align: left;
}
article.memberBox .detailBoxBd .schinner .editBox .sign span.icon {
    position: relative;
    top: -2px;    
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin: 0 8px 0 0;
}
article.memberBox .detailBoxBd .schinner .editBox .time {
    color: #333;
    font-size: 15px;
    margin: 0 0 10px 0;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember a.button { 
    display: inline-block; 
    width: 100px; 
    height: 30px; 
    line-height: 30px; 
    text-align: center; 
    color: #fff; 
    font-size: 13px;
    border: 1px #333 solid;
    background: #666;
    text-decoration: none;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember a.button:hover { 
    background: #888;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember a.button.imporFont { 
    color: #ffe27f; 
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember a.button.important { border: 1px #ba0a00 solid; background: #e71a0f;}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember a.button.important:hover { background: #f23c32;}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember a.button.delComplex,
article.memberBox .detailBoxBd .schinner .editBox table.tabMember a.button.delComplex:hover { color: #e1e1e1; border: 1px #777 solid; background: #999999; cursor: default;}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember a.button img { 
    position: relative; 
    top: -1px; 
    width: 12px; 
    height: 12px;
}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember a.button.wpx160 { width: 160px;}
article.memberBox .detailBoxBd .schinner .editBox table.tabMember a.button.wpe100 { width: 100%;}
article.memberBox .detailBoxBd .schinner .rightColumn {
    float: right;
    width: 455px;
    padding: 0 0 30px 0;
}
article.memberBox .detailBoxBd.singleColumn {
    float: left;
    width: 100%;
}
article.memberBox .detailBoxBd.leftColumn {
    float: left;
    width: 1020px;
    min-height: 220px;
}
article.memberBox .detailBoxBd .schinner .boxColumn,
article.memberBox .detailBoxBd.leftColumn .boxColumn {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding: 0 2% 0 0;
}
article.memberBox .detailBoxBd .boxColumn:last-child {
    border-left: 1px #ccc solid;
    padding: 0 0 0 2%;
}
article.memberBox .detailBoxBd .boxColumn > div {
    line-height: 1.8em;
}
article.memberBox .detailBoxBd .boxColumn .titleHd {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    height: 28px;
    overflow: hidden;
}
article.memberBox .detailBoxBd .boxColumn .titleBd {
    position: relative;
    padding: 0 0 0 12px;
    font-size: 15px;
    color: #333;
    height: 26px;
    overflow: hidden;
}
article.memberBox .detailBoxBd .boxColumn .titleBd:after {
    position: absolute;
    top: 10px;
    left: 2px;
	content:"";
	width: 5px;
	height: 5px;
	background: #bbb;
	-webkit-border-radius: 2.5px;
	-moz-border-radius: 2.5px;
	border-radius: 2.5px;
}
article.memberBox .detailBoxBd .boxColumn .text {
    font-size: 15px;
    color: #666;
}
article.memberBox .detailBoxBd .boxColumn .text p.ellipsis {
    height: 26px;
    overflow: hidden;
}
article.memberBox .detailBoxBd .schinner,
article.memberBox .detailBoxBd.leftColumn .schinner {
    display: table;
    width: 100%;
}
article.memberBox .detailBoxBd.first .schinner {
    display: block;
}
article.memberMsgBox .recordBox .rightColumn,
article.memberBox .detailBoxBd.rightColumn,
article.memberMsgBox .memberHappyGo .rightColumn {
    float: right;
    width: 240px;
    min-height: 220px;
}
article.memberMsgBox .recordBox .rightColumn,
article.memberMsgBox .memberHappyGo .rightColumn {
    border: 1px #e1e1e1 solid;
}
article.memberBox .detailBoxBd .schinner .noInfoBox {
    text-align: center;
    font-size: 15px;
    color: #666;
    margin: 30px 0 0 0;
}
article.memberBox .detailBoxBd .schinner .noInfoBox p {
    margin: 0 0 10px 0;
}
article.memberMsgBox .recordBox .rightColumn.topMargin{ margin-top: 53px;}
article.memberMsgBox .recordBox .rightColumn .accordion,
article.memberBox .detailBoxBd.rightColumn .accordion,
article.memberMsgBox .memberHappyGo .rightColumn .accordion {
    padding: 25px 15px 15px 15px;
    position: relative;
    text-align: center;
}
article.memberMsgBox .recordBox .rightColumn .accordion > span,
article.memberBox .detailBoxBd.rightColumn .accordion > span,
article.memberMsgBox .memberHappyGo .rightColumn .accordion > span {
    display: table-cell;
    vertical-align: middle;
    height: 175px;
    width: 1px;
}
article.memberMsgBox .recordBox .rightColumn .accordionBox,
article.memberBox .detailBoxBd.rightColumn .accordionBox,
article.memberMsgBox .memberHappyGo .rightColumn .accordionBox {
    width: 210px;
    display: table-cell;
    vertical-align: middle;
}
article.memberMsgBox .recordBox .rightColumn .titleHd,
article.memberBox .detailBoxBd.rightColumn .titleHd,
article.memberMsgBox .memberHappyGo .rightColumn .titleHd {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 0 0 15px 0;
}
article.memberMsgBox .recordBox .rightColumn .pointComplex,
article.memberBox .detailBoxBd.rightColumn .pointComplex,
article.memberMsgBox .memberHappyGo .rightColumn .pointComplex {
    font-size: 15px;
    color: #999;
    line-height: 40px;
    margin: 0 0 10px 0;
}
article.memberMsgBox .recordBox .rightColumn .pointComplex strong,
article.memberBox .detailBoxBd.rightColumn .pointComplex strong,
article.memberMsgBox .memberHappyGo .rightColumn .pointComplex strong {
    color: #ab5f00;
    font-size: 50px;
    font-weight: normal;
}
article.memberBox .detailBoxBd .accordion .btnDownBox,
article.memberBox .detailBoxBd.rightColumn .btnDownBox,
article.memberMsgBox .memberHappyGo .rightColumn .btnDownBox,
article.memberMsgBox .recordBox .rightColumn .accordionBox .btnDownBox {
    margin: 0 0 10px 0;
}
article.memberBox .detailBoxBd .accordion .btnDownBox a.button,
article.memberMsgBox .recordBox .rightColumn .btnDownBox a.button,
article.memberBox .detailBoxBd.rightColumn .btnDownBox a.button,
article.memberMsgBox .memberHappyGo .rightColumn .btnDownBox a.button {
    display: block;
    color: #fff;
    font-size: 13px;
    width: 105px;
    height: 35px;
    margin: 0 auto;
    line-height: 35px;
    text-align: center;
    background: #666;
    border: 1px #333 solid;
}
article.memberBox .detailBoxBd .accordion .btnDownBox a.button.imporFont { 
    color: #ffe27f; 
}
article.memberMsgBox .recordBox .rightColumn .btnDownBox a.button.important,
article.memberBox .detailBoxBd.rightColumn .btnDownBox a.button.important,
article.memberMsgBox .memberHappyGo .rightColumn .btnDownBox a.button.important { border: 1px #e71a0f solid; background: #e71a0f;}
article.memberMsgBox .recordBox .rightColumn .btnDownBox a.button.important:hover,
article.memberBox .detailBoxBd.rightColumn .btnDownBox a.button.important:hover,
article.memberMsgBox .memberHappyGo .rightColumn .btnDownBox a.button.important:hover { border: 1px #f23c32 solid; background: #f23c32;}
article.memberMsgBox .recordBox .rightColumn .btnDownBox a.button.delComplex,
article.memberMsgBox .recordBox .rightColumn .btnDownBox a.button.delComplex:hover,
article.memberBox .detailBoxBd.rightColumn .btnDownBox a.button.delComplex,
article.memberBox .detailBoxBd.rightColumn .btnDownBox a.button.delComplex:hover,
article.memberMsgBox .memberHappyGo .rightColumn .btnDownBox a.button.delComplex,
article.memberMsgBox .memberHappyGo .rightColumn .btnDownBox a.button.delComplex:hover { color: #e1e1e1; border: 1px #999999 solid; background: #999999; cursor: default;}
article.memberBox .detailBoxBd .accordion .btnDownBox a.button.w180,
article.memberMsgBox .recordBox .rightColumn .btnDownBox a.button.w180,
article.memberBox .detailBoxBd.rightColumn .btnDownBox a.button.w180,
article.memberMsgBox .memberHappyGo .rightColumn .btnDownBox a.button.w180 { width: 180px;}
article.memberBox .detailBoxBd .accordion .btnDownBox a.button:hover,
article.memberMsgBox .recordBox .rightColumn .btnDownBox a.button:hover,
article.memberBox .detailBoxBd.rightColumn .btnDownBox a.button:hover,
article.memberMsgBox .memberHappyGo .rightColumn .btnDownBox a.button:hover { background: #888;}
article.memberMsgBox .recordBox .rightColumn .btnDownBox a.button img,
article.memberBox .detailBoxBd.rightColumn .btnDownBox a.button img,
article.memberMsgBox .memberHappyGo .rightColumn .btnDownBox a.button img {
    height: 16px;
    position: relative;
    top: -2px;
    width: 16px;
    border: 0;
}
article.memberBox .detailBoxBd .accordion .btnDownBox a.button img {
    height: 12px;
    position: relative;
    top: -2px;
    width: 12px;
    border: 0;
}
article.memberMsgBox .recordBox .rightColumn .text,
article.memberBox .detailBoxBd.rightColumn .text,
article.memberMsgBox .memberHappyGo .rightColumn .text {
    width: 140px;
    padding: 0 10px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.3em;
    color: #666;
}
/**
*
* mainBoxHd
*
**/
article.memberConBox .selectBox {
    position: relative;
    padding: 15px 0;
    height: 45px;
    background: #d5d5d5;
}
article.memberConBox .selectBox:after {
	content:"";
	display: table;
	clear: both;
}
article.memberConBox .selectBox .selectClass {
    float: left;
    width: 790px;
}
article.memberConBox .selectBox .btnComplex,
article.memberConBox .selectBox .boxComplex {
    float: left;
}
article.memberConBox .selectBox .schRetail {
    width: 720px;
    margin: 0 auto;
}
article.memberConBox .selectBox .schRetail .subTitle {
    float: left;
    width: 140px;
    height: 42px;
    line-height: 42px;
    margin: 0 20px 0 0;
    color: #555;
    font-size: 20px;
    text-shadow: 0 0 0 rgba(0,0,0,0.0);
}
article.memberConBox .selectBox .schKeywords {
    width: 810px;
    margin: 0 auto;
}
article.memberConBox .selectBox .schKeywords .boxComplex {
    width: 720px;
    height: 45px;
    vertical-align: middle;
    background: #fff;
}
article.memberConBox .selectBox .schKeywords .btnComplex {
    position: relative;
    left: -1px;
    width: 82px;
    height: 45px;
    vertical-align: middle;
    z-index: 1;
}
article.memberConBox .selectBox .schRetail .boxComplex {
    width: 240px;
    height: 45px;
    vertical-align: middle;
    background: #fff;
}
article.memberConBox .selectBox .schRetail .btnComplex {
    position: relative;
    left: -1px;
    width: 80px;
    height: 45px;
    vertical-align: middle;
    z-index: 1;
}
article.memberConBox .selectBox .selectboxit-container span { height: 45px;line-height: 45px;}
article.memberConBox .selectBox .selectboxit .selectboxit-option-icon-container {margin-left: 10px;}
article.memberConBox .selectBox .selectboxit-arrow-container {width: 46px;}
article.memberConBox .selectBox .selectboxit-text { color: #666; font-size: 16px;}
article.memberConBox .selectBox .selectboxit-arrow-container { background: #fff url(../images/page/icon_selectArrow.png) no-repeat right center;}
article.memberConBox .selectBox .selectboxit-default-arrow { display: none;}
article.memberConBox .selectBox input[type=text] {
    width: 100%;
    color: #666;
    font-size: 16px;
	line-height: 45px;
	height: 45px;
	text-indent: 10px;
    border: 0;
    padding: 0;
    margin: 0;
    background: #fff;
    -webkit-appearance: none;
    border-radius: 0;
}
article.memberConBox .selectBox input[type=submit] {
    width: 100%;
    color: #e1e1e1;
    font-size: 16px;
	line-height: 45px;
	height: 45px;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background: #909090;
    -webkit-appearance: none;
    border-radius: 0;
}
article.memberConBox .selectBox input[type=submit]:hover { 
    background: #666;
}
article.memberConBox .moreBottom {
    height: 44px;
    margin: 30px auto 0 auto;
    text-align: center;
}
article.memberConBox .moreBottom .btn {
    display: inline-block;
    vertical-align: middle;
}
article.memberConBox .moreBottom .btn a {
    display: block;
    width: 164px;
    height: 44px;
    line-height: 44px;
    padding: 0 15px 0 10px;
    color: #fff;
    font-size: 15px;
    border: 1px #333 solid;
    background: #666;
}
article.memberConBox .moreBottom .btn.down a {
    background: #666;
    text-decoration: none;
}
article.memberConBox .moreBottom .btn a:hover {
    background: #888;
}
article.memberConBox .moreBottom .btn.down a img {
    border: 0 none;
    height: 16px;
    position: relative;
    top: -2px;
    width: 16px;
}
/**
*
* otherBoxFt 
*
**/
article.memberBox .memberOtherBox .slickUl {
    margin: 0 30px 45px 30px;
}
article.memberBox .memberOtherBox .slick-slider .slick-prev { left: -35px;}
article.memberBox .memberOtherBox .slick-slider .slick-next { right: -35px;}
article.memberBox .memberOtherBox .slick-dots { bottom: -35px;}
article.memberBox .memberOtherBox .slickUl .slickLiBox {
    width: 380px;
    margin: 0 auto;
}
article.memberBox .memberOtherBox .title {
    padding: 0 15px;
    height: 44px;
    line-height: 44px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    background: #fff;
    z-index: 1;
}
article.memberBox .memberOtherBox .title a.more {
    float: right;
    display: block;
    font-size: 15px;
    padding: 0 15px 0 0;
	background: url(../images/icon/icon_more.png) no-repeat right center;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
article.memberBox .memberOtherBox .title a:hover.more {
    color: #e71a0f;    
	background: url(../images/icon/icon_moreHover.png) no-repeat right center;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
article.memberBox .memberOtherBox .conBox,
article.memberBox .memberOtherBox .photo {
    position: relative;
    width: 380px;
}
article.memberBox .memberOtherBox .photo .shadow {
    width: 380px;
}
article.memberBox .memberOtherBox .conBox {
    padding: 0 0 20px 0;
}
article.memberBox .memberOtherBox .photo img {
    max-width: 378px;
    max-height: 216px;
    border: 1px #e0e0e0 solid;
}
article.memberBox .memberOtherBox .conBox a {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
article.memberBox .memberOtherBox .text {
    display: table;
    margin: 15px 0 0 0;
    height: 40px;
    color: #333;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: bold;
}
article.memberBox .memberOtherBox .text span {
    padding: 0 20px;
    display: table-cell;
    vertical-align: top;
}
article.memberMsgBox .memberFormox .descbox,
article.memberConBox .detailBoxBd .descbox {
    position: relative;
    margin: 30px 0 0 0;
    padding: 30px 40px;
    background: #fcfaf4;
    clear: both;
}
article.memberConBox .detailBoxBd .descbox.topNoMargin,
article.memberConBox .detailBoxBd .accordion .descbox {
    margin: 0;
}
article.memberConBox .detailBoxBd .descbox.marginStyle1 {
    margin: 30px -40px -30px -40px;
}
article.memberConBox .detailBoxBd .descbox.marginStyle2 {
    margin: 30px -40px -15px -40px;
}
article.memberMsgBox .memberFormox .descbox.line,
article.memberConBox .detailBoxBd .descbox.line,
article.memberConBox .detailBoxBd .caseBox .descbox {
    border-bottom: 1px #c1c1c1 solid;
}
article.memberMsgBox .memberFormox .descbox .unfold,
article.memberConBox .detailBoxBd .descbox .unfold {
    font-size: 13px;
    max-height: 60px;
    overflow: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
article.memberMsgBox .memberFormox .descbox .unfold ul li,
article.memberMsgBox .memberFormox .descbox .unfold ol li,
article.memberConBox .detailBoxBd .descbox .unfold ul li,
article.memberConBox .detailBoxBd .descbox .unfold ol li {
    font-size: 13px;
}
article.memberMsgBox .memberFormox .descbox .unfold ul li *,
article.memberMsgBox .memberFormox .descbox .unfold ol li *,
article.memberConBox .detailBoxBd .descbox .unfold ul li *,
article.memberConBox .detailBoxBd .descbox .unfold ol li * {
    font-size: 13px;
}
article.memberMsgBox .memberFormox .descbox .unfold.on,
article.memberConBox .detailBoxBd .descbox .unfold.on {
    max-height: 2000px;
    overflow: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
article.memberMsgBox .memberFormox .descbox .mainTitle,
article.memberConBox .detailBoxBd .descbox .mainTitle {
    position: relative;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px #e1e1e1 solid;
}
article.memberMsgBox .memberFormox .descbox a.close,
article.memberConBox .detailBoxBd .descbox a.close {
    position: absolute;
    right: 40px;
    right: 0;
    top: -5px;
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0;
	background: url(../images/icon/icon_close.png) no-repeat;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);	
}
article.memberMsgBox .memberFormox .descbox a.close:hover,
article.memberConBox .detailBoxBd .descbox a.close:hover {
	background: url(../images/icon/icon_descboxClose.png) no-repeat;
}
article.memberMsgBox .memberFormox .descbox a.close.odd,
article.memberConBox .detailBoxBd .descbox a.close.odd {
	background: url(../images/icon/icon_close_notifyBox.png) no-repeat;
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
article.memberMsgBox .memberFormox .descbox a.close.odd:hover,
article.memberConBox .detailBoxBd .descbox a.close.odd:hover {
	background: url(../images/icon/icon_close_notifyBoxHover.png) no-repeat;
}
article.memberMsgBox .memberFormox .descbox a.close,
article.memberMsgBox .memberFormox .descbox a.close:hover,
article.memberMsgBox .memberFormox .descbox a.close.odd,
article.memberMsgBox .memberFormox .descbox a.close.odd:hover,
article.memberConBox .detailBoxBd .descbox a.close,
article.memberConBox .detailBoxBd .descbox a.close:hover,
article.memberConBox .detailBoxBd .descbox a.close.odd,
article.memberConBox .detailBoxBd .descbox a.close.odd:hover {
	-moz-background-size: 30px auto;
	-webkit-background-size: 30px auto;
	-o-background-size: 30px auto;
	background-size: 30px auto;
}
article.memberMsgBox .memberFormox .descbox a.open,
article.memberConBox .detailBoxBd .descbox a.open {
    position: absolute;
    left:  50%;
    bottom: -15px;
    display: block;
    width: 26px;
    height: 26px;
    margin-left: -13px;
    font-size: 0;
	background: #9f9f9f url(../images/icon/icon_descboxOpen.png) no-repeat;
	-moz-background-size: 26px auto;
	-webkit-background-size: 26px auto;
	-o-background-size: 26px auto;
	background-size: 26px auto;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	z-index: 1;
}
article.memberConBox .detailBoxBd .accordion a.open {
    display: none;
}
article.memberConBox .detailBoxBd .accordion.even a.open {
    display: block;
}
article.memberMsgBox .memberFormox .descbox a.open.odd,
article.memberConBox .detailBoxBd .descbox a.open.odd {
    display: block;
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
/**
*
* otherBoxFt 
*
**/
article.otherBoxFt {
    margin: 30px auto 0 auto;
    padding: 0 20px;
    max-width: 1280px;
}
article.otherBoxFt:first-child {
    margin: 0 auto;
}
article.otherBoxFt .slickUl {
    margin: 0 15px 10px 15px;
}
article.otherBoxFt .slickUl:after {
	content:"";
	display: table;
	clear: both;
}
article.otherBoxFt .slickUl .slickLi {
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 16%;
    margin: 0 2px;
}
article.otherBoxFt .slickUl .slickLi a {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}
article.otherBoxFt .slickUl .slickLi .photo {
    position: relative;
    text-align: center;
    overflow: hidden;    
}
article.otherBoxFt.product .slickUl .slickLi .photo {
    padding: 10px 0 10px 0;
}
article.otherBoxFt .slickUl .slickLi .photo img {
    display: inline;
    max-width: 160px;
    max-height: 160px;
}
article.otherBoxFt .slickUl .slickLi .title {
    display: table;
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #999;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.otherBoxFt.product .slickUl .slickLi .title {
    height: 52px;
    line-height: 1.2em;
    padding: 8px 10px;
}
article.otherBoxFt .slickUl .slickLi .title span {
    display: table-cell;
    vertical-align: middle;
}
article.otherBoxFt .slick-slider .slick-prev { left: -40px;}
article.otherBoxFt .slick-slider .slick-next { right: -40px;}