/* BASIC css start */
#content { padding: 45px 0 100px; }
#productPlan { padding-top: 15px; }
#content .page-hd { border: none; padding: 20px 0 15px; width: 1170px; }
#content .page-hd h2 { font-size: 24px; font-weight: 500; }
.visual img { width: 100%; }
/* page-body */
#productPlan .page-body .pickWrap { position: relative; width: 100%; height: 100px; }
#productPlan .page-body .pickBox { padding: 20px 0 40px; text-align: center; width: 100%; background: #fff; position: absolute; top: 0; left: 0; }
#productPlan .page-body .pickBox.fixed { position: fixed; z-index: 99; top: 180px; left: 0; height: 100px; box-sizing: border-box; }
#productPlan .page-body .pickBox .pick { width: 510px; margin: 0 auto; position: relative; }
#productPlan .page-body .pickBox .pick::after { content: '¡å'; position: absolute; color: transparent; right: 10px; background: url(/design/mhmall2023/10587/es_php/common/bottom-arrow.png) right center no-repeat; background-size: 13px; background-size: contain; width: 13px; top: 26%; }
#productPlan .page-body .pickBox.on .pick::after { transform: rotate(180deg); content: '¡å'; position: absolute; color: transparent; right: 10px; background: url(/design/mhmall2023/10587/es_php/common/bottom-arrow.png) right center no-repeat; background-size: 13px; background-size: contain; width: 13px; top: 26%; }
#productPlan .page-body .pick select { cursor: pointer; padding: 10px 34px 10px 10px; width: 100%; border: 1px solid #ccc; font-size: 16px; text-align: center; position: relative; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#productPlan .page-body .pickBox .select_box .select { margin: 0 auto; cursor: pointer; padding: 10px 34px 10px 10px; width: 100%; border: 1px solid #ccc; font-size: 16px; text-align: center; position: relative; box-sizing: border-box; }
#productPlan .page-body .pickBox .optionList { display: none; width: 510px; margin: 0 auto; background: #fff; z-index: 10; border: 1px solid #000; box-sizing: border-box; position: relative; }
#productPlan .page-body .pickBox .optionList a { display: block; box-sizing: border-box; padding: 0 10px; width: 100%; height: 35px; line-height: 35px; cursor: pointer; text-decoration: none; background: #fff; color: #000; font-size: 16px; }
#productPlan .page-body .pickBox .optionList a:hover { background: #2fbdbb; }
/*
#productPlan .page-body .pickBox .select_box .select::after { content: '¡å'; position: absolute; color: transparent; right: 10px; background: url(/design/mhmall2023/10587/es_php/common/bottom-arrow.png) right center no-repeat; background-size: 13px; background-size: contain; width: 13px; top: 26%;}
#productPlan .page-body .pickBox.on .select_box .select::after { transform: rotate(180deg); content: '¡å'; position: absolute; color: transparent; right: 10px; background: url(/design/mhmall2023/10587/es_php/common/bottom-arrow.png) right center no-repeat; background-size: 13px; background-size: contain; width: 13px; top: 26%; }
#productPlan .page-body .pickBox .select_box .select { position: relative; box-sizing: border-box; padding: 10px 34px 10px 10px; font-size: 16px; color: #000; cursor: pointer; }
*/

#productPlan .page-body .clst { zoom: 1; overflow: hidden; margin-top: 10px; padding: 10px 7px 7px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
#productPlan .page-body .clst li { float: left; margin-right: 15px; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 45%; }
#productPlan .page-body .clst li a { display: block; white-space: nowrap; }
#productPlan .page-body .p-hd { position: relative; margin-top: 70px; padding: 0 10px 5px; border-bottom: 2px solid #5c5c5c; }
#productPlan .page-body .p-hd.mt-35 { margin-top: 35px; }
#productPlan .page-body .p-hd h3 { color: #5c5c5c; font-size: 14px; font-weight: bold; letter-spacing: -1px; }
#productPlan .page-body .p-hd .top { position: absolute; top: 0; right: 5px; color: #5c5c5c; }
#productPlan .page-body .plst { zoom: 1; overflow: hidden; margin: 25px auto 0; }
#productPlan .page-body .item-wrap { padding-top:50px }

#productPlan .item-wrap .listTop { position:absolute; top:-280px; width:100%; height:1px; z-index:-1 }
#productPlan .item-wrap .group_tit { padding: 20px 0 15px; position:relative; font-size: 24px; color: #333; }


.evtEnd { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; font-size:0; text-align:center; background:rgba(0,0,0,0.5); z-index:50 }
.evtEnd:before { display:inline-block; width:0; height:100%; vertical-align:middle; content:'' }
.evtEnd .txt { display:inline-block; width:100%; font-size:38px; color:#fff; vertical-align:middle; content:'' }
/* BASIC css end */