.eclistframe { padding-top:130px !important; }
.ecsearchframe { padding-top:30px; }

.bannercon { position:relative; }
.bannercon .list { display:block; width:100%; position:absolute; top:200px; left:0; }
.bannercon .list > a { display:inline-block; text-indent:-999px; background:#888; width:5px; height:5px; margin:0px 7px; border-radius:50%; overflow:hidden; }
.bannercon .list > a.active { background:#eb5700; }

.bannercon .banner > .imgboxcon { height:200px; overflow:hidden; }
.bannercon .banner > .imgboxcon img { height:200px; width:200px; }

.bannercon .banner > .btnprev,
.bannercon .banner > .btnnext { display:block; position:absolute; top:55px; width:40px; height:40px; opacity:0.2; cursor:pointer; background-size:50%; background-repeat:no-repeat; background-position:center; }
.bannercon .banner > .btnprev:hover, .product-con .imgbox > .btnnext:hover { opacity:.5; }
.bannercon .banner > .btnprev { left:-10px; }
.bannercon .banner > .btnnext { right:-10px; }




.controller { display:block; background:#f5f6f7; border-bottom:0px solid #ccc; padding:15px 0 10px 0; text-align:center; }
.controller div { display:inline-block; margin:5px 5px; vertical-align:middle; }
.controller p { display:inline-block; font-size:.7em; margin:0 10px 0 5px; vertical-align:middle; }
.controller div > p { display:block; margin:5px; color:#888; }
.controller .btnround { border-radius:50%; background-color:#f1f2f3; border:1px solid #e2e3e4; width:50px; height:50px; background-size:50% !important; cursor:pointer; }
.controller .btnround { width:40px; height:40px; }
.controller .btnround:hover { background-color:#fff; }
.controller .btnroundactive { box-shadow:inset 0 0 3px #eb5700; border:1px solid rgba(255,0,0,0.7); background-color:white; }
.controller-shorten { padding:5px 0 0 0 !important; }
.controller .btnround2 { border-radius:50%; background-color:#f1f2f3; border:1px solid #e2e3e4; width:50px; height:50px; background-size:42% !important; cursor:pointer; }
.controller .btnround2 { width:40px; height:40px; }
.controller .btnround2:hover { background-color:#fff; }
.controller .btnround2active { box-shadow:inset 0 0 3px #eb5700; border:1px solid rgba(255,0,0,0.7); background-color:white; }

.titlefilter { display:inline-block; font-size:.7em; padding:10px 20px; font-weight:normal; background:#555; width:auto; color:white; border-radius:40px; margin:10px 0; } 
.listbox { display:block; text-align:left; }

.listbox > a { display:inline-block; width:49.9%; margin:0 -1px -1px 0; padding:1px 0 15px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box; text-decoration:none; position:relative; text-align:center; overflow:hidden; height:250px; vertical-align:top; }
.listbox > a:nth-child(even) { border-right:0px solid #ccc; }
.listbox > a > img { display:block; width:130px; margin:1px auto; vertical-align:top; }
.listbox > a > b { display:block; color:#eb5700; /*text-overflow:clip; white-space:nowrap;*/ font-weight:bold; font-size:1em; margin:0 15px; overflow:hidden; text-overflow:ellipsis; vertical-align:top; width:auto; }
.listbox > a > p.price1 { display:block; width:auto; font-size:.8em; color:#999; margin:5px 15px 0 15px; vertical-align:top; }
.listbox > a > p.price2 { display:block; width:auto; font-size:.9em; margin:0 15px 0 15px; vertical-align:top; }
.listbox > a > p.price2 > .icon-dollarsign { display:inline-block !important; font-size:1.1em; padding-left:17px !important; margin-left:3px !important; color:#eb5700 !important; }
.listbox > a > .iconrow { display:none; padding:0; }

.listbox > .rowtype { display:block; width:100%; min-height:130px; overflow:hidden; margin:0; text-align:left; padding:15px 15px 15px 155px; border-right:0; border-bottom:1px solid #ccc; height:auto; }
.listbox > .rowtype > a { text-decoration:none !important; }
.listbox > .rowtype > a:hover { text-decoration:underline !important; }
.listbox > .rowtype > a > img { display:block; width:110px; float:left; margin:auto 0 auto -125px; border:1px solid #ccc; }
.listbox > .rowtype > a > b { margin:0; font-size:1.1em; height:auto; }
.listbox > .rowtype > a > p.price1 { margin:3px 0 0 0; text-decoration:none !important; color:#888; }
.listbox > .rowtype > a > p.price2 { margin:0px 0 14px 0; text-decoration:none !important; color:#333; }
.listbox > .rowtype > a > .iconrow { display:block; }
.listbox > .rowtype > a > .iconrow > p { display:inline-block !important; font-size:.58em !important; line-height:110%; border:1px solid #ccc; width:50px; height:30px; text-align:center; border-radius:4px; padding:3px; margin:0 -1px 3px 0; color:#888; vertical-align:top; box-sizing:border-box; }

p.price2 > .icon-dollarsign { display:inline-block !important; font-size:1.1em; padding-left:17px !important; margin-left:3px !important; margin-right:3px !important; color:#eb5700 !important; }
p.price3 > .icon-dollarsign { display:inline-block !important; font-size:1.1em; padding-left:17px !important; margin-left:3px !important; margin-right:3px !important; color:#eb5700 !important; }


.listbox > nth-child(even) { border-right:0px solid #ccc; }
.listbox > img { display:block; width:130px;  float:left; margin:auto 0 ; }
.listbox > b { display:block; color:#eb5700; /*text-overflow:clip; white-space:nowrap;*/ font-weight:bold; font-size:1em; margin:0 15px; overflow:hidden; text-overflow:ellipsis; vertical-align:top; width:auto; }
.listbox > p.price1 { display:block; width:auto; font-size:.8em; color:#999; margin:5px 15px 0 15px; vertical-align:top; }
.listbox > p.price2 { display:block; width:auto; font-size:.9em; margin:0 15px 0 15px; vertical-align:top; }
/*
.listbox > .chooseother { border: 2px solid #444444; border-radius: 8px; margin:20px;}
.listbox > .chooseother >b { display:block; width:auto; font-size:1.2em; margin:20px 15px 5px 15px; vertical-align:top; text-align:center; }
.listbox > .chooseother >p { display:block; width:auto; font-size:.9em; margin:0 15px 20px 15px; vertical-align:top; text-align:center; }
*/
.listbox > .rowtype .topline { display:block; border-top:1px solid #ccc;}
.listbox > .rowtype > b > a { display:block; width:auto; font-size:inherit; color:#eb5700 !important; font-weight:bold; text-decoration:none; }
.listbox > .rowtype > .btn { display:inline-block; width:120px; padding:5px; margin:0; background:#999 !important; box-shadow:0 1px 1px rgba(0,0,0,.2); }
.listbox > .rowtype > .btn > .icon-checkedwhite { display:none; width:30px; height:20px; padding:0; margin:0 0 0 -15px; vertical-align:middle; }
.listbox > .rowtype > .selected { background:#eb5700 !important; }
.listbox > .rowtype > .selected > .icon-checkedwhite { display:inline-block; }
.listbox > .listboxrecom2 > b { background-color:#ffffff; color:#eb5700; padding:30px 30px; text-align:center; font-weight:100; }
.listbox > .listboxrecom > b { background-color:#eb5700; color:white; padding:15px 70px 15px 30px; text-align:left; }
.listbox > div > p.img-angle { display:block; width:20px; height:20px; position:absolute; top:-1px; left:-2px; background-size:100%; }
.listbox > div > p.img-angle-white { display:block; width:20px; height:20px; position:absolute; top:-1px; left:-2px; background-size:100%; }
.numberlistbox > div > .btngray2 { display:inline-block; margin:2px; float:right; color:white; padding:3px 12px 3px 8px; box-shadow:none; background:#aaa; cursor:pointer; }
.numberlistbox > div > .btngray2 > .icon-checked { display:inline-block; width:15px; height:15px; background-size:15px 30px; margin:4px 6px 0 0; vertical-align:top; }
.numberlistbox > div > .btngray2:hover { background:#777; }





.listbox > .listboxrecom > b { background-color:#eb5700; color:white; padding:15px 70px 15px 30px; text-align:left; }

.listbox > .rowtype { display:block; width:100%; min-height:130px; overflow:hidden; margin:0; text-align:left; padding:15px 10px 15px 145px; border-right:0; border-bottom:1px solid #ccc; height:auto; }
.listbox > .rowtype > a { display:inline; color:#eb5700; }
.listbox > .rowtype > img { display:block; width:130px; float:left; margin:auto 0 auto -135px; }
.listbox > .rowtype > b, .listbox > .rowtype > a > b { display:block; height:auto;  width:auto;color:#eb5700;font-weight:bold; font-size:1em; margin:0; overflow:hidden; text-overflow:ellipsis; vertical-align:top; margin:0; }
.listbox > .rowtype > p.price1 { margin:3px 0 0 0; font-size:.8em; }
.listbox > .rowtype > p.price2 { margin:0px 0 14px 0; }
.listbox > .rowtype > p.price3 { margin:0px 0 0px 0; }
.listbox > .rowtype > p.gift1 { margin:9px 0 !important; font-size:.8em !important; }
.listbox > .rowtype > .iconrow { display:block; }
.listbox > .rowtype > .iconrow > p { display:inline-block !important; font-size:.58em !important; line-height:110%; border:1px solid #ccc; width:60px; height:30px; text-align:center; border-radius:4px; padding:3px 8px; margin:0 3px 3px 0; color:#888; }

.listbox > .rowtype > a.btngray { display:inline-block; margin:20px 10px 0px 5px; float:right; color:white; padding:3px 12px 3px 8px; box-shadow:none; background:#aaa; cursor:pointer; }
.listbox > .rowtype > a.btngray >.icon-checked { display:inline-block; width:15px; height:15px; background-size:15px 30px; margin:4px 6px 0 0; vertical-align:top; }
.listbox > .rowtype > a.btngray:hover { background:#777; }


.listbox > .rowtype > a.btngray2 { display:inline-block; margin:0px 10px 0px 0px; float:left; color:white; padding:3px 12px 3px 8px; box-shadow:none; background:#aaa; cursor:pointer; border-radius:4px;}
.listbox > .rowtype > a.btngray2 >.icon-checked { display:inline-block; width:15px; height:15px; background-size:15px 30px; margin:4px 6px 0 0; vertical-align:top;}
.listbox > .rowtype > a.btngray2:hover { background:#777; }


.listbox > .rowtype2 >.icon-cancel, { display:block; background-color:#888; cursor:pointer; width:30px; height:30px; border-radius:15px; overflow:hidden; box-shadow:0 1px 1px rgba(0,0,0,.2); }

.listbox > .rowtype2 { display:block; width:100%; min-height:130px; overflow:hidden; margin:0; text-align:left; padding:15px 0px 15px 155px; border-right:0; height:auto; background-color:#ffffff; box-shadow:0 1px 2px rgba(0,0,0,.3) }
.listbox > .rowtype2 > img { display:block; width:130px; float:left; margin:auto 0 auto -150px; }
.listbox > .rowtype2 > b { display:block; height:auto;  width:auto;color:#eb5700;font-weight:bold; font-size:1em; margin:0; overflow:hidden; text-overflow:ellipsis; vertical-align:top; margin:0; }
.listbox > .rowtype2 > a.btngray { display:inline-block; margin:20px 10px 0px 5px; float:right; color:white; padding:3px 12px 3px 8px; box-shadow:none; background:#aaa; cursor:pointer; }
.listbox > .rowtype2 > a.btngray >.icon-checked { display:inline-block; width:15px; height:15px; background-size:15px 30px; margin:4px 6px 0 0; vertical-align:top; }
.listbox > .rowtype2 > a.btngray:hover { background:#777; }
.listbox > .rowtype2 > a.btngray2 { display:inline-block; margin:0px 10px 0px 0px; float:left; color:white; padding:3px 12px 3px 8px; box-shadow:none; background:#aaa; cursor:pointer; border-radius:4px;}
.listbox > .rowtype2 > a.btngray2 >.icon-checked { display:inline-block; width:15px; height:15px; background-size:15px 30px; margin:4px 6px 0 0; vertical-align:top;}
.listbox > .rowtype2 > a.btngray2:hover { background:#777; }
.listbox > .rowtype2 > a.btngray3 { display:inline-block; margin:50px 10px 0px 0px; float:left; color:white; padding:3px 12px 3px 8px; box-shadow:none; background:#aaa; cursor:pointer; border-radius:4px;}
.listbox > .rowtype2 > a.btngray3 >.icon-checked { display:inline-block; width:15px; height:15px; background-size:15px 30px; margin:4px 6px 0 0; vertical-align:top;}
.listbox > .rowtype2 > a.btngray3:hover { background:#777; }

.fright2 { position:relative; top:-40px; right:-130px;  }
.addbox-total { margin-top:20px; }


/*.listbox > a.btngray { display:inline-block; margin:2px; float:center; color:white; padding:3px 12px 3px 8px; box-shadow:none; background:#aaa; cursor:pointer; }*/
/*.listbox > a.btngray2 { display:inline-block; margin:2px; float:right; color:white; padding:5px; box-shadow:none; background:#aaa; cursor:pointer; width:50%; height:50%; }*/

.numberlistbox { display:block; text-align:left; padding:10px; background:#e8e9ea; }
.numberlistbox > div { display:block; width:auto; margin:0 0 4px 0; padding:10px; background-color:white; box-sizing:border-box; text-decoration:none; position:relative; text-align:left; overflow:hidden; vertical-align:top; min-height:50px; box-shadow:0 1px 2px rgba(0,0,0,.3); 
 -webkit-transition:all .15s; -moz-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s; 
}
.specialmessage { display:block; border:2px dotted #eb5700; padding:7px 40px; margin:5px 30px 25px 30px; background:#fff; box-shadow-x:inset 0 0 12px rgba(255,0,0,0.4); }
.specialmessage h4 { display:block; padding:0; margin:0; background:none; font-size:1.1em; box-shadow:none; color:#eb5700; }
.specialmessage p { display:block; padding:0; margin:0; font-size:.9em; }
.specialmessage a { display:inline-block; padding:0 3px; text-decoration:underline; }

.listbox2 { display:block; text-align:center;}
.listbox2 > p { display:block; text-align:center; padding:10px; font-size:1em; }
a.contentlink { display:block; text-align:center; font-size:1em; }
a.contentlink :hover {background:#f1f2f3;}
.listbox2 > a { display:inline-block; width:49.9%;  box-sizing:border-box; text-decoration:none; position:relative; text-align:center; overflow:hidden; height:30px; vertical-align:top; float:center; margin:0px auto 25px auto; padding:10px 20px 30px 20px; box-shadow:none; background:#aaa;border-radius:5px; }
/*.listbox > div > .btngray2 { display:inline-block; float:center; margin:15px auto 5px auto; padding:5px 20px 5px 15px; box-shadow:none; background:#aaa; }*/
.listbox2 > a:hover { background-color:#333333; color:#F5F5F5; }



.noteheader2 { display:table; width:auto; margin:25px auto 5px auto; background:#f1f2f3; border:0px solid #ccc; border-radius:30px; color:#555; padding:7px 15px 7px 15px; font-size:.85em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); }


.formbox > .row > .frame > a.btngray3 { display:inline-block; margin:13px 20px 0px 10px; float:right; color:white; padding:10px; box-shadow:none; background:#aaa; cursor:pointer; border-radius:5px; }
.formbox > .row > .frame > a.btngray3 > .icon-checked { display:inline-block; width:15px; height:15px; background-size:15px 30px; margin:4px 6px 0 0; vertical-align:top; }
.formbox > .row > .frame > a.btngray3:hover { background:#777; }
.formbox > .row > .frame > p.scimg { display:inline-block; margin:5px 0px 0px 15px;"  }




.product-con { padding:13px 0 55px 0; height:250px; position:relative; }
.product-con .list { display:block; width:100%; position:absolute; top:300px; left:0; }
.product-con .list > a { display:inline-block; text-indent:-999px; background:#888; width:5px; height:5px; margin:0px 7px; border-radius:50%; overflow:hidden; }
.product-con .list > a.active { background:#eb5700; }

.product-con .imgbox > .imgboxcon { height:200px; overflow:hidden; }
.product-con .imgbox > .imgboxcon img { height:200px; width:200px; }

.product-con .imgbox > .btnprev,
.product-con .imgbox > .btnnext { display:block; position:absolute; top:90px; width:50px; height:50px; opacity:0.2; cursor:pointer; background-size:50%; background-repeat:no-repeat; background-position:center; }
.product-con .imgbox > .btnprev:hover, .product-con .imgbox > .btnnext:hover { opacity:.5; }
.product-con .imgbox > .btnprev { left:0; }
.product-con .imgbox > .btnnext { right:0; }


.product-con > .content-framerow {}
.product-con > b { color:#eb5700; display:block; font-size:1.1em; margin:8px 0; padding:0 40px; }



/*
.bar-extand { height:40px; }
.bar-extand > h4 { margin-top:7px; }
.bar-extand > h4 > p { font-size:.8em; }
*/
.bar-extand { height:50px; }
.twm-anchor-content { padding-top:40px !important; }

.twm-contentend { padding-top:0; }
.twm-contentend2 { padding-top:40px; }
.twm-contentend3 { padding-bottom:105px; padding-top:20px;  }


.icon-applyaq, .icon-applynp, .icon-applyrn { display:inline-block; width:16px; height:16px; margin-right:3px; background-repeat:no-repeat; background-position:0 0; background-size:cover; }