html * { font-weight: 400; font-size: 14px; font-family: "open-sans","Helvetica Neue",Helvetica,Calibri,Arial,"Lucida Grande",sans-serif; }
#topMenuWrap { width:100%; height: 160px; top: 0px; left: 0px; position: fixed; background: #00369A; z-index: 100; }
#topMenu { position: absolute; width:1240px; height: 90px; top: 0px; left: 50%; margin-left: -620px;}
#topMenuLogo { position: absolute; width: 186px; height: 38px; line-height: 40px; left: 20px; bottom: 0px; color: #fff; margin: 0px 0px 0px 20px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALoAAAAgCAMAAACSLZLmAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAQL+A7zBg358QzyCPUK9wEqbDPQAAAvlJREFUeF7V2IuK4zoMBmBJluTr5X//pz2M25mkmdBDdunS/lCoIlN/FFOZ0lum8vPQ+ybged6cLiL6gXRmC01SqNZb/LRvXeZsCozU2NIn0S0Bc6gImiDlmj6HHmJqqMZclKyMFFg/hZ49CaYAQI/l61XLx5z1KHFwCAMMYDQdufyi81ceRoF9V3YvdgvzeZl5y7OGnQydekKvVDlJZSMw8YADlsuRvoqHUSDflQCAE+0WMp2WjC3PGnI6dEo78udyLA0HY9SANlgv0uEvpq+kTPt4Cg1haQwQMAVJqV+lw/8BHeXBXtkYRsSx+PI3lw4eV+nw/6WbiEi56VZsR4/yk7anr0bBPWM19l3uRLFlj4BBQallvUqHP6fvmADR8Vmgk4SfRvYbyGiLK8AFKuvp0A5EntLDZTr8hXQiUxyXOdqyxN6JxmCFhCJil+hDl/0q/fTA+Dmd0m7blY5ENBXwCKk6KcfRIKOlK/TQsex/Tt8SzunkR3po7EQZcXVQiWIoEJd+iU5+s7+Qzkd6diDlCS4AMDpV2EQSpV90e0aniZXX0cORvnYsSGQRQNfUIhFmBMmR7ndAOqVT+it62s38c3oEgERbcll2W+/ktraiQ6jt6GtRzKswLOyBvtlf8wuT0zY99vZi6kQDXQFUcq2QEHb023ttzP0OtN/0XP6CLuEnvtF/GkmXIO7lPXese645QgKQWi2JpIX9JjniMYOO9GW/SL92ETh+VCgQLgAihKpCTQuMosueTqaHy8QZnbK+lK5+OE7h7op5VQEQquiPdKqywTVkOqWT6evomio9pLNXcgDqjbKKAejZ1eW4SZ1DFFGS572lPUxA21+riGQr9wsW7vDs7Prlcs8IgemYOpCIIqIrrGiOgPiUFMQ/4S+kOlBYAVX7qi0qekvhE+hA6wpAjaiv0x5JwrjRa5j5femRqS75pKzFAMwMjoueZch4V3r0KUQJagm5aFWgTNeKFe4S23vSuXsEsmkxAaKaAcoa07zTZ5PxHwvpZVuhEotBAAAAAElFTkSuQmCC'); background-repeat: no-repeat; }
#topMenuTitle { font-weight: 200; font-size: 23px; position: absolute; width: 500px; height: 40px; line-height: 40px; left: 250px; bottom: 0px; color: #fff; }
#logoutButton { cursor: pointer; float: right; background-color: #FEBE10; line-height: 20px; padding: 3px 8px 3px 8px; margin:7px 23px 7px 7px; }
#topMenuLogout { width: 400px; height: 40px; text-align: right; line-height: 40px; float: right; top: 0px; color: #fff; }
#browseMenu { position: absolute; width:1150px; height: 25px; bottom: 0px; left: 50%; margin: 0px 0px 10px -575px; color: #fff; }
#browseHome { font-weight:400; font-size: 15px; float: left; }
#browseAPI { font-weight:400; font-size: 15px; float: left; display: none; }
#browseURL { font-weight:400; font-size: 15px; float: left; display: none; }
.browseDelimit { margin: 0px 15px 0px 15px; vertical-align: top; }
.browseButton { font-weight:400; font-size: 15px; cursor: pointer; max-width: 500px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#mainDiv { position: absolute; width: 1200px; top: 165px; left: 50%; margin-left: -600px; margin: 0px 25px 50px -600px; }
.dashboardModule { display: inline-block; margin: 50px 0px 0px 25px; }
.dashboardModuleTitle { display: inline-block; height: 40px; }
.dashboardModuleContent { position: relative; display: block; width: 100%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.19); overflow: hidden; }
.contentTable {table-layout:fixed; width:100%; padding: 20px; border-spacing: 0px; border-collapse: separate; }
.contentTable thead td {padding-top:30px; white-space:normal; border-bottom: 1px solid #000;}
.contentTable td {padding:5px; white-space:nowrap; padding-left:20px; overflow:hidden; text-overflow:ellipsis; }
.contentTable tbody tr {}
/*
.contentTable tbody tr:hover { background-color: #f5f5f5 }
*/
#moduleDate { display: table; width:1150px; height: 30px; border-bottom: 1px solid #B1B1B1; }
#statTitle { display: table-cell; vertical-align: middle; height: 25px; }
#dateTableDiv { display: table-cell; vertical-align: middle; font-weight: 700; font-size: 11px; float: right; }
#dateStartText { display: inline; padding: 5px; width: 80px; height: 20px; position: relative; line-height: 20px; border: 1px solid #eee; background-color: #ffc; }
#dateEndText { display: inline; padding: 5px; width: 80px; height: 20px; position: relative; line-height: 20px; border: 1px solid #eee; background-color: #ffc; }
#refreshButton { box-sizing: border-box; cursor: pointer; font-weight: 600; text-align:center; line-height: 30px; width: 80px; height: 30px; background-color: #FEBE10; color:#FFF; }
#refreshButton:hover { border: 1px solid #000; }
#module1 { width:1150px; height:300px; }
#module1Content { height:275px; }
#module9 { width:1150px; height:465px; display: none; }
#module9Content { height:440px; background-color: #E8E8E8; }
#targetURL { width: 100%; position: relative; border: 0px solid #E8E8E8; background-color: #E8E8E8; }
#searchURL { padding: 5px; width: 525px; height: 20px; position: relative; line-height: 20px; border: 1px solid #eee; background-color: #ffc; }
#searchButton { box-sizing: border-box; cursor: pointer; font-weight: 600; text-align:center; line-height: 30px; width: 80px; height: 30px; background-color: #FEBE10; color:#FFF; display: inline-block; }
#module8 { width:1150px; height:465px; }
#module8Content { height:440px; background-color: #E8E8E8; }
#module2 { width:560px; height:430px; }
#module2Content { height:400px; }
#module3 { width:560px; height:430px; }
#module3Content { height:400px; }
#module4 { width:560px; height:175px; }
#module4Content { height:150px; }
#module5 { width:560px; height:175px; }
#module5Content { height:150px; }
#module6 { width:560px; height:440px; }
#module6Content { height:410px; }
#module7 { width:560px; height:440px; }
#module7Content { height:410px; }
#m5r1 { position: absolute; top: 15px; left: 10px; width:540px;}
#m5SourceUrl { padding: 5px; width: 525px; height: 20px; position: relative; line-height: 20px; border: 1px solid #eee; background-color: #ffc; }
#m5r2 { position: absolute; top: 60px; left: 10px; width:400px;}
#m5CustomUrl { padding: 5px; width: 380px; height: 20px; position: relative; line-height: 20px; border: 1px solid #eee; background-color: #ffc; }
#m5r3 { position: absolute; top: 105px; left: 10px; width:400px;}
#m5APIKey { padding: 5px; width: 395px; height: 30px; position: relative; line-height: 20px; border: 1px solid #eee; background-color: #ffc; }
#createUrlButton { position: absolute; top: 80px; left: 430px; box-sizing: border-box; cursor: pointer; font-weight: 600; text-align:center; line-height: 30px; width: 80px; height: 30px; background-color: #FEBE10; color:#FFF; }
#createUrlButton:hover { border: 1px solid #000; }
#dialogMask { position: fixed; width: 100%; height: 100%; top:0px; left: 0px; background-color: #000; opacity: 0.6; display: none; }
#dialogMask2 { position: fixed; width: 100%; height: 100%; top:0px; left: 0px; background-color: #000; opacity: 0.6; display: none; }
#addNewURLButton { cursor: pointer; display: inline-block; padding-left: 10px; }
#createURLDetail { overflow: hidden; position: fixed; width: 750px; height: 550px; top: 50%; left: 50%; margin-left: -375px; margin-top: -275px; box-shadow: 5px 5px 5px #333; background-color:#ececec; display: none; font-family: 'Raleway', sans-serif !important; z-index: 102;}
.createURLHeader { font-weight: 400; font-size: 14px; }
#createURLWrap { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-shadow: 0 4px 3px #999; background-color:#ffffff; overflow: hidden;}
#createURLTitleBar { position: absolute; width: 100%; height: 60px; top: 0; left: 0; }
#createURLTitleBarText { position: relative; width: 200px; height: 20px; line-height: 20px; font-weight: 600; padding: 20px 20px; }
#createURLMask { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: none; }
#createURLMaskBg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #fff; opacity: 0.6; }
#createURLMaskMsg { position: absolute; width: 300px; height: 100px; background-color: #000; opacity: 0.8; top: 50%; left: 50%; margin-left:-150px; margin-top:-50px; color: #fff; line-height: 100px; font-weight: 700; text-align: center; font-size: 14px; }
#createURLButtonWrap1 { }
#createURLButtonSave { box-sizing: border-box; cursor: pointer; position: absolute; color: #fff; font-weight: 600; text-align:center; line-height: 40px; width: 130px; height: 40px; bottom: 18px; left: 572px; background-color: #FEBE10; }
#createURLButtonSave:hover { border: 1px solid #000; }
#createURLButtonClose { box-sizing: border-box; cursor: pointer; position: absolute; font-weight: 600; text-align:center; line-height: 40px; width: 130px; height: 40px; bottom: 18px; left: 410px; background-color: #999; }
#createURLButtonClose:hover { border: 1px solid #000; }
#createURLButtonWrap2 { display: none; }
#createURLButtonClose2 { box-sizing: border-box; cursor: pointer; position: absolute; color: #fff; font-weight: 600; text-align:center; line-height: 40px; width: 130px; height: 40px; bottom: 18px; left: 572px; background-color: #FEBE10; }
#createURLButtonClose2:hover { border: 1px solid #000; }
#createURLSourceHeader { position: absolute; top: 50px; left: 40px; width: 650px; height: 14px; }
#createURLSource { position: absolute; top: 75px; left: 40px; width: 650px; height: 25px; line-height: 25px; padding: 5px; border: 1px solid #eee; background-color: #ffc; }
#createURLCustomWrap { position: absolute; top: 140px; left: 40px; width: 180px; height: 40px; }
#createURLCustomHeader { position: absolute; top: 10px; left: 0px; width: 180px; height: 14px; }
#createURLCustom { position: absolute; top: 0px; left: 190px; width: 100px; height: 25px; line-height: 25px; padding: 5px; border: 1px solid #eee; background-color: #ffc; }
#shortURLWrap { position: absolute; top: 140px; left: 40px; width: 480px; height: 40px; display: none; }
#shortURLHeader { position: absolute; top: 10px; left: 0px; width: 110px; height: 14px; }
#shortURL { position: absolute; top: 0px; left: 110px; width: 300px; height: 25px; line-height: 25px; padding: 5px; }
#apiKeyConfig { position: absolute; top: 230px; left: 40px; width: 650px; height: 24px; border-bottom: 1px solid #999; }
#expireDayHeader { position: absolute; top: 280px; left: 40px; width: 200px; height: 14px; }
#expireDay { position: absolute; top: 270px; left: 225px; width: 50px; height: 25px; line-height: 25px; padding: 5px; background-color: #ffc; border: 1px solid #eee; text-align: right; }
#expireDayHeader2 { position: absolute; top: 280px; left: 295px; width: 200px; height: 14px; }
#expireClickHeader { position: absolute; top: 330px; left: 40px; width: 200px; height: 14px; }
#expireClick { position: absolute; top: 320px; left: 225px; width: 50px; height: 25px; line-height: 25px; padding: 5px; background-color: #ffc; border: 1px solid #eee; text-align: right; }
#expireClickHeader2 { position: absolute; top: 330px; left: 295px; width: 200px; height: 14px; }
#trackerHeader { position: absolute; top: 380px; left: 40px; width: 650px; height: 14px; }
#tracker { position: absolute; top: 405px; left: 40px; width: 520px; height: 25px; line-height: 25px; padding: 5px; }
#trackerPost { position: absolute; top: 415px; left: 585px; line-height: 25px; padding: 5px; }
#trackerPostHeader { position: absolute; top: 415px; left: 610px; width: 100px; height: 14px; }
#addNewAPIButton { cursor: pointer; display: inline-block; padding-left: 10px; }
#createAPIDetail { overflow: hidden; position: fixed; width: 750px; height: 600px; top: 50%; left: 50%; margin-left: -375px; margin-top: -300px; box-shadow: 5px 5px 5px #333; background-color:#ececec; display: none; font-family: 'Raleway', sans-serif !important; z-index: 102;}
.createAPIHeader { font-weight: 400; font-size: 14px; }
#createAPIWrap { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-shadow: 0 4px 3px #999; background-color:#ffffff; overflow: hidden;}
#createAPITitleBar { position: absolute; width: 100%; height: 60px; top: 0; left: 0; }
#createAPITitleBarText { position: relative; width: 200px; height: 20px; line-height: 20px; font-weight: 600; padding: 20px 20px; }
#createAPIMask { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: none; }
#createAPIMaskBg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #fff; opacity: 0.6; }
#createAPIMaskMsg { position: absolute; width: 300px; height: 100px; background-color: #000; opacity: 0.8; top: 50%; left: 50%; margin-left:-150px; margin-top:-50px; color: #fff; line-height: 100px; font-weight: 700; text-align: center; font-size: 14px; }
#createAPIButtonSave { box-sizing: border-box; cursor: pointer; position: absolute; color: #fff; font-weight: 600; text-align:center; line-height: 40px; width: 130px; height: 40px; bottom: 18px; left: 572px; background-color: #FEBE10; }
#createAPIButtonSave:hover { border: 1px solid #000; }
#createAPIButtonClose { box-sizing: border-box; cursor: pointer; position: absolute; font-weight: 600; text-align:center; line-height: 40px; width: 130px; height: 40px; bottom: 18px; left: 410px; background-color: #999; }
#createAPIButtonClose:hover { border: 1px solid #000; }
#createAPINameHeader { position: absolute; top: 60px; left: 40px; width: 45px; height: 14px; }
#createAPIName { position: absolute; top: 55px; left: 90px; width: 600px; height: 20px; line-height: 20px; padding: 5px; border: 1px solid #eee; background-color: #ffc; }
#defaultConfig { position: absolute; top: 120px; left: 40px; width: 662px; height: 24px; border-bottom: 1px solid #999; }
#expireDayAPIHeader { position: absolute; top: 170px; left: 40px; width: 210px; height: 14px; }
#expireDayAPI { position: absolute; top: 160px; left: 250px; width: 50px; height: 25px; line-height: 25px; padding: 5px; background-color: #ffc; border: 1px solid #eee; text-align: right; }
#expireDayAPIHeader2 { position: absolute; top: 170px; left: 320px; width: 200px; height: 14px; }
#expireClickAPIHeader { position: absolute; top: 230px; left: 40px; width: 210px; height: 14px; }
#expireClickAPI { position: absolute; top: 220px; left: 250px; width: 50px; height: 25px; line-height: 25px; padding: 5px; background-color: #ffc; border: 1px solid #eee; text-align: right; }
#expireClickAPIHeader2 { position: absolute; top: 230px; left: 320px; width: 200px; height: 14px; }
#allowCustomHeader { position: absolute; top: 280px; left: 40px; width: 310px; height: 14px; }
#allowDomainsHeader { position: absolute; top: 320px; left: 40px; width: 310px; height: 14px; }
#allowDomains { position: absolute; top: 350px; left: 65px; width: 624px; height: 50px; line-height: 25px; padding: 5px; background-color: #ffc; border: 1px solid #eee; text-align: left; }
#trackerAPIHeader { position: absolute; top: 430px; left: 40px; width: 650px; height: 14px; }
#trackerAPI { position: absolute; top: 460px; left: 65px; width: 510px; height: 20px; line-height: 20px; padding: 5px; border: 1px solid #eee; background-color: #ffc; }
#trackerPostAPIHeader { position: absolute; top: 465px; left: 600px; width: 100px; height: 14px; }
#trackerPostAPI { position: absolute; top: 460px; left: 545px; width: 70px; height: 20px; line-height: 20px; padding: 5px; border: 1px solid #eee; background-color: #ffc; }
#createAPIDetail2 { overflow: hidden; position: fixed; width: 750px; height: 600px; top: 50%; left: 50%; margin-left: -375px; margin-top: -300px; box-shadow: 5px 5px 5px #333; background-color:#ececec; display: none; font-family: 'Raleway', sans-serif !important; z-index: 102;}
.createAPIHeader2 { font-weight: 400; font-size: 14px; }
#createAPIWrap2 { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-shadow: 0 4px 3px #999; background-color:#ffffff; overflow: hidden;}
#createAPITitleBar2 { position: absolute; width: 100%; height: 60px; top: 0; left: 0; }
#createAPITitleBarText2 { position: relative; width: 200px; height: 20px; line-height: 20px; font-weight: 600; padding: 20px 20px; }
#createAPIMask2 { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: none; }
#createAPIMaskBg2 { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #fff; opacity: 0.6; }
#createAPIMaskMsg2 { position: absolute; width: 300px; height: 100px; background-color: #000; opacity: 0.8; top: 50%; left: 50%; margin-left:-150px; margin-top:-50px; color: #fff; line-height: 100px; font-weight: 700; text-align: center; font-size: 14px; }
#createAPIButtonClose2 { box-sizing: border-box; cursor: pointer; position: absolute; color: #fff; font-weight: 600; text-align:center; line-height: 40px; width: 130px; height: 40px; bottom: 18px; left: 572px; background-color: #FEBE10; }
#createAPIButtonClose2:hover { border: 1px solid #000; }
#createAPINameHeader2 { position: absolute; top: 60px; left: 40px; width: 90px; height: 14px; text-align: right; }
#createAPIName2 { position: absolute; top: 60px; left: 140px; width: 550px; height: 30px; }
#createAPIRestrictionHeader2 { position: absolute; top: 90px; left: 40px; width: 90px; height: 14px; text-align: right; }
#createAPIRestriction2 { position: absolute; top: 90px; left: 140px; width: 550px; height: 260px; }
#expireDay2 { display: none; width: 550px; height: 30px; }
#expireClick2 { display: none; width: 550px; height: 30px; }
#allowCustom2 { display: none; width: 550px; height: 30px; }
#allowDomain2 { display: none; width: 550px; height: 90px; }
#allowDomain2Val { width: 538px; height: 50px; padding: 5px; border: 1px solid #eee; background-color: #eee; }
#allowTracker2 { display: none; width: 550px; height: 55px; }
#allowTracker2Val { width: 430px; height: 20px; padding: 5px; border: 1px solid #eee; background-color: #eee; }
#createAPIPickupWrap { position: absolute; top: 360px; left: 40px; width: 670px; height: 120px; text-align: left; border-top: 1px solid #999; padding-top: 20px; }
#createAPIPickup { width: 660px; height: 20px; padding: 5px; border: 1px solid #eee; background-color: #eee; margin-top: 20px; }
/*
.vertSpacer { position: relative; padding: 20px; }
.menuLink { cursor: pointer;}
table {padding-left: 20px; }
table tbody td { font-size: 12px; }
table tbody td u { font-size: 12px; }
table thead tr td { font-weight: 600; height:45px; }
.headerSep { position: relative; margin: 10px; padding: 10px; font-weight: 600; font-size: 18px; line-height: 22px; font-family: 'Raleway', sans-serif !important;}
#topMenuLogOut { cursor: pointer; text-align: center; font-weight: 800; font-size: 12px; position: absolute; width: 100px; height: 30px; line-height: 30px; right: 312px; bottom: 0px; color: #FFF; }
#topMenuSpecialOffer { border-radius: 10px 10px 0px 0px; text-align: center; font-weight: 800; font-size: 12px; position: absolute; width: 100px; height: 30px; line-height: 30px; right: 209px; bottom: 0px; color: #000; background-color: #FFF;}
#topMenuSpecialOffer:hover { }
#topMenuTools { border-radius: 10px 10px 0px 0px; text-align: center; font-weight: 800; font-size: 12px; position: absolute; width: 100px; height: 30px; line-height: 30px; right: 106px; bottom: 0px; color: #FFF; background-color: #2172ba;}
#topMenuTools:hover { background-color: #edb72b; }
#topMenuStats { border-radius: 10px 10px 0px 0px; text-align: center; font-weight: 800; font-size: 12px; position: absolute; width: 100px; height: 30px; line-height: 30px; right: 3px; bottom: 0px; color: #FFF; background-color: #2172ba;}
#topMenuStats:hover { background-color: #edb72b; }
#loginPage { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #fff; }
#loginDialog { position: absolute; width: 400px; height: 430px; top: 50%; left: 50%; margin-left: -200px; margin-top: -215px; box-shadow: 5px 5px 5px #aaaaaa; background-color:#f9f9f9; }
#loginLogo { position: absolute; width: 100px; height: 100px; top: 20px; left: 50%; margin-left: -50px; background: url(../assets/logo.png) no-repeat; background-size: contain;}
#loginPrompt { display: table; text-align: center; position: absolute; width: 300px; top: 140px; left: 50%; height: 80px; padding: 3px; margin: 3px 3px 3px -150px; }
#loginPromptText { display: table-cell; vertical-align: middle; }
#ufield { position: absolute; width: 300px; top: 240px; left: 50%; height: 30px; padding: 3px; margin: 3px 3px 3px -150px; }
#pfield { position: absolute; width: 300px; top: 290px; left: 50%; height: 30px; padding: 3px; margin: 3px 3px 3px -150px; }
#afield { position: absolute; width: 300px; top: 340px; left: 50%; height: 40px; padding: 3px; margin: 3px 3px 3px -150px; text-align: center; line-height: 40px; border: 1px solid #aaa; background-color: #aaa; cursor: pointer; }
#loginMask { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: none; background-color: #000; opacity: 0.5; }
#draftSNStab {table-layout:fixed; width:1200px; }
#draftSNStab td {word-wrap:break-word;}
#draftSNStab tbody tr { height: 45px; }
#liveOfferTab {table-layout:fixed; width:1200px; }
#liveOfferTab td {word-wrap:break-word;}
#liveOfferTab tbody tr { height: 45px; }
#futureOfferTab {table-layout:fixed; width:1200px; }
#futureOfferTab td {word-wrap:break-word;}
#futureOfferTab tbody tr { height: 45px; }
#pastOfferTab {table-layout:fixed; width:1200px; }
#pastOfferTab td {word-wrap:break-word;}
#pastOfferTab tbody tr { height: 45px; }
#editingWindow { overflow: hidden; position: absolute; width: 584px; height: 650px; top: 50%; left: 50%; margin-left: -292px; margin-top: -235px; box-shadow: 5px 5px 5px #333; background-color:#ececec; display: none; font-family: 'Raleway', sans-serif !important;}
#edSep { position: absolute; top: 0px; left: 0px; width: 584px; height: 570px; box-shadow: 0 4px 3px #999; background-color:#ffffff; }
#edTitleBar { position: absolute; width: 100%; height: 40px; top: 0; left: 0; background-color: #aaa; }
#edTitleBarText { position: absolute; width: 200px; height: 20px; line-height: 20px; font-weight: 600; left: 20px; top: 10px; }
#edDeleteSNS { text-align: center; position: absolute; width: 140px; height: 26px; line-height: 26px; font-weight: 400; right: 19px; top: 7px; background: #888; cursor: pointer; display: none; }
#edDeleteSNS:hover { background-color: #c00; color: #fff; }
#edttl { top: 250px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_ttl { padding: 5px; top: 265px; left: 20px; width: 280px; height: 25px; position: absolute; line-height: 25px; resize: none; overflow: hidden; background-color: #ffc; border: 1px solid #eee;}
#edmsg { top: 320px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_msg { padding: 5px; top: 335px; left: 20px; width: 280px; height: 60px; position: absolute; line-height: 20px; resize: none; border: 1px solid #eee; background-color: #ffc; }
#edaction { top: 50px; left: 20px; position: absolute; width: 160px; height: 14px; }
#ef_f_action { top: 65px; left: 20px; width: 160px; height: 30px; position: absolute; line-height: 20px; border: 1px solid #999; }
#edGotoExternalDiv { position: absolute; top: 110px; left: 0px; width: 100%; height: 50px; display: block; }
#edexternal { top: 0px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_external { padding: 5px; top: 15px; left: 20px; width: 530px; height: 25px; position: absolute; line-height: 25px; resize: none; overflow: hidden; background-color: #ffc; border: 1px solid #eee;}
#edGotoMerchantDiv { position: absolute; top: 110px; left: 0px; width: 100%; height: 50px; display: none; }
#edmerchants { top: 0px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_merchant { top: 15px; left: 20px; width: 540px; height: 30px; position: absolute; line-height: 20px; border: 1px solid #999; }
#edGotoCategoryDiv { position: absolute; top: 110px; left: 0px; width: 100%; height: 50px; display: none; }
#edcategories { top: 0px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_category { top: 15px; left: 20px; width: 540px; height: 30px; position: absolute; line-height: 20px; border: 1px solid #999; }
#edstart { top: 50px; left: 205px; position: absolute; width: 160px; height: 14px; }
#ef_f_start { padding: 5px; top: 65px; left: 205px; width: 160px; height: 20px; position: absolute; line-height: 20px; border: 1px solid #eee; background-color: #ffc; }
#edend { top: 50px; left: 390px; position: absolute; width: 160px; height: 14px; }
#ef_f_end { padding: 5px; top: 65px; left: 390px; width: 160px; height: 20px; position: absolute; line-height: 20px; border: 1px solid #eee; background-color: #ffc; }
#edimg { top: 180px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_img { padding: 5px; top: 195px; left: 20px; width: 280px; height: 25px; position: absolute; line-height: 25px; border: 1px solid #eee; background-color: #ffc; }
#edpreview { top: 180px; left: 330px; position: absolute; width: 200px; height: 14px; }
#cardscontainer { top: 195px; right: 25px; position: absolute; }
#edpreview_m { top: 465px; left: 20px; position: absolute; width: 200px; height: 14px; }
#cardscontainer_m { position: absolute; left: 20px; width: 480px; top: 485px; margin-top: 0px; min-width: 320px; margin-left: 0px; min-height: auto; z-index: 100; background-color: #fff; padding-top: 0px; box-shadow: -5px 0px 5px 1px rgba(0, 0, 0, 0.3); }
#edSaveSubmitButton { box-sizing: border-box; cursor: pointer; position: absolute; color: #fff; font-weight: 600; text-align:center; line-height: 40px; width: 170px; height: 40px; top: 592px; left: 18px; background-color: #2172ba; }
#edSaveSubmitButton:hover { border: 1px solid #000; }
#edSaveButton { box-sizing: border-box; cursor: pointer; position: absolute; font-weight: 600; text-align:center; line-height: 40px; width: 170px; height: 40px; top: 592px; left: 208px; background-color: #edb72b; }
#edSaveButton:hover { border: 1px solid #000; }
#edCancelButton { box-sizing: border-box; cursor: pointer; position: absolute; font-weight: 600; text-align:center; line-height: 40px; width: 170px; height: 40px; top: 592px; left: 398px; background-color: #999; }
#edCancelButton:hover { border: 1px solid #000; }
#savingMask { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: none; }
#savingMaskBG { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #fff; opacity: 0.6; }
#savingMaskNotif { position: absolute; width: 300px; height: 100px; background-color: #000; opacity: 0.8; top: 50%; left: 50%; margin-left:-150px; margin-top:-50px; color: #fff; line-height: 100px; font-weight: 700; text-align: center; font-size: 18px; }
#editingWindow2 { overflow: hidden; position: absolute; width: 584px; height: 750px; top: 50%; left: 50%; margin-left: -292px; margin-top: -375px; box-shadow: 5px 5px 5px #333; background-color:#ececec; display: none; font-family: 'Raleway', sans-serif !important;}
#edSep2 { position: absolute; top: 0px; left: 0px; width: 584px; height: 670px; box-shadow: 0 4px 3px #999; background-color:#ffffff; overflow: hidden;}
#edTitleBar2 { position: absolute; width: 100%; height: 40px; top: 0; left: 0; background-color: #aaa; }
#edTitleBarText2 { position: absolute; width: 200px; height: 20px; line-height: 20px; font-weight: 600; left: 20px; top: 10px; }
#edDeleteSNS2 { text-align: center; position: absolute; width: 140px; height: 26px; line-height: 26px; font-weight: 400; right: 19px; top: 7px; background: #888; cursor: pointer; display: none; }
#edDeleteSNS2:hover { background-color: #c00; color: #fff; }
#edaction2 { top: 50px; left: 20px; position: absolute; width: 160px; height: 14px; }
#ef_f_action2 { top: 65px; left: 20px; width: 160px; height: 30px; position: absolute; line-height: 20px; border: 1px solid #999; }
#edGotoExternalDiv2 { position: absolute; top: 110px; left: 0px; width: 100%; height: 50px; display: block; }
#edexternal2 { top: 0px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_external2 { padding: 5px; top: 15px; left: 20px; width: 530px; height: 25px; position: absolute; line-height: 25px; resize: none; overflow: hidden; background-color: #ffc; border: 1px solid #eee;}
#edGotoMerchantDiv2 { position: absolute; top: 110px; left: 0px; width: 100%; height: 50px; display: none; }
#edmerchants2 { top: 0px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_merchant2 { top: 15px; left: 20px; width: 540px; height: 30px; position: absolute; line-height: 20px; border: 1px solid #999; }
#edGotoCategoryDiv2 { position: absolute; top: 110px; left: 0px; width: 100%; height: 50px; display: none; }
#edcategories2 { top: 0px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_category2 { top: 15px; left: 20px; width: 540px; height: 30px; position: absolute; line-height: 20px; border: 1px solid #999; }
#edstart2 { top: 50px; left: 205px; position: absolute; width: 160px; height: 14px; }
#ef_f_start2 { padding: 5px; top: 65px; left: 205px; width: 160px; height: 20px; position: absolute; line-height: 20px; border: 1px solid #eee; background-color: #ffc; }
#edend2 { top: 50px; left: 390px; position: absolute; width: 160px; height: 14px; }
#ef_f_end2 { padding: 5px; top: 65px; left: 390px; width: 160px; height: 20px; position: absolute; line-height: 20px; border: 1px solid #eee; background-color: #ffc; }
#edimg2 { top: 180px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_img2 { padding: 5px; top: 195px; left: 20px; width: 252px; height: 25px; position: absolute; line-height: 25px; border: 1px solid #eee; background-color: #ffc; }
#edimg_m2 { top: 180px; left: 297px; position: absolute; width: 200px; height: 14px; }
#ef_f_img_m2 { padding: 5px; top: 195px; left: 297px; width: 252px; height: 25px; position: absolute; line-height: 25px; border: 1px solid #eee; background-color: #ffc; }
#edpreview2 { top: 250px; left: 20px; position: absolute; width: 200px; height: 14px; }
#cardscontainer2 { top: 270px; left: 20px; position: absolute; }
#edpreview_m2 { top: 565px; left: 20px; position: absolute; width: 200px; height: 14px; }
#cardscontainer_m2 { position: absolute; left: 20px; width: 480px; top: 585px; margin-top: 0px; min-width: 320px; margin-left: 0px; min-height: auto; z-index: 100; background-color: #fff; padding-top: 0px; box-shadow: -5px 0px 5px 1px rgba(0, 0, 0, 0.3); }
#edSaveSubmitButton2 { box-sizing: border-box; cursor: pointer; position: absolute; color: #fff; font-weight: 600; text-align:center; line-height: 40px; width: 170px; height: 40px; bottom: 18px; left: 18px; background-color: #2172ba; }
#edSaveSubmitButton2:hover { border: 1px solid #000; }
#edSaveButton2 { box-sizing: border-box; cursor: pointer; position: absolute; font-weight: 600; text-align:center; line-height: 40px; width: 170px; height: 40px; bottom: 18px; left: 208px; background-color: #edb72b; }
#edSaveButton2:hover { border: 1px solid #000; }
#edCancelButton2 { box-sizing: border-box; cursor: pointer; position: absolute; font-weight: 600; text-align:center; line-height: 40px; width: 170px; height: 40px; bottom: 18px; left: 398px; background-color: #999; }
#edCancelButton2:hover { border: 1px solid #000; }
#savingMask2 { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: none; }
#savingMaskBG2 { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #fff; opacity: 0.6; }
#savingMaskNotif2 { position: absolute; width: 300px; height: 100px; background-color: #000; opacity: 0.8; top: 50%; left: 50%; margin-left:-150px; margin-top:-50px; color: #fff; line-height: 100px; font-weight: 700; text-align: center; font-size: 18px; }
#editingWindow10 { overflow: hidden; position: absolute; width: 584px; height: 750px; top: 50%; left: 50%; margin-left: -292px; margin-top: -375px; box-shadow: 5px 5px 5px #333; background-color:#ececec; display: none; font-family: 'Raleway', sans-serif !important;}
#edSep10 { position: absolute; top: 0px; left: 0px; width: 584px; height: 670px; box-shadow: 0 4px 3px #999; background-color:#ffffff; overflow: hidden;}
#edTitleBar10 { position: absolute; width: 100%; height: 40px; top: 0; left: 0; background-color: #aaa; }
#edTitleBarText10 { position: absolute; width: 200px; height: 20px; line-height: 20px; font-weight: 600; left: 20px; top: 10px; }
#edDeleteSNS10 { text-align: center; position: absolute; width: 140px; height: 26px; line-height: 26px; font-weight: 400; right: 19px; top: 7px; background: #888; cursor: pointer; display: none; }
#edDeleteSNS10:hover { background-color: #c00; color: #fff; }
#edaction10 { top: 50px; left: 20px; position: absolute; width: 160px; height: 14px; }
#ef_f_action10 { top: 65px; left: 20px; width: 160px; height: 30px; position: absolute; line-height: 20px; border: 1px solid #999; }
#edGotoExternalDiv10 { position: absolute; top: 110px; left: 0px; width: 100%; height: 50px; display: block; }
#edexternal10 { top: 0px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_external10 { padding: 5px; top: 15px; left: 20px; width: 530px; height: 25px; position: absolute; line-height: 25px; resize: none; overflow: hidden; background-color: #ffc; border: 1px solid #eee;}
#edGotoMerchantDiv10 { position: absolute; top: 110px; left: 0px; width: 100%; height: 50px; display: none; }
#edmerchants10 { top: 0px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_merchant10 { top: 15px; left: 20px; width: 540px; height: 30px; position: absolute; line-height: 20px; border: 1px solid #999; }
#edGotoCategoryDiv10 { position: absolute; top: 110px; left: 0px; width: 100%; height: 50px; display: none; }
#edcategories10 { top: 0px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_category10 { top: 15px; left: 20px; width: 540px; height: 30px; position: absolute; line-height: 20px; border: 1px solid #999; }
#edstart10 { top: 50px; left: 205px; position: absolute; width: 160px; height: 14px; }
#ef_f_start10 { padding: 5px; top: 65px; left: 205px; width: 160px; height: 20px; position: absolute; line-height: 20px; border: 1px solid #eee; background-color: #ffc; }
#edend10 { top: 50px; left: 390px; position: absolute; width: 160px; height: 14px; }
#ef_f_end10 { padding: 5px; top: 65px; left: 390px; width: 160px; height: 20px; position: absolute; line-height: 20px; border: 1px solid #eee; background-color: #ffc; }
#edimg10 { top: 180px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_img10 { padding: 5px; top: 195px; left: 20px; width: 252px; height: 25px; position: absolute; line-height: 25px; border: 1px solid #eee; background-color: #ffc; }
#edimg_m10 { top: 180px; left: 297px; position: absolute; width: 200px; height: 14px; }
#ef_f_img_m10 { padding: 5px; top: 195px; left: 297px; width: 252px; height: 25px; position: absolute; line-height: 25px; border: 1px solid #eee; background-color: #ffc; }
#edpreview10 { top: 250px; left: 20px; position: absolute; width: 200px; height: 14px; }
#cardscontainer10 { top: 270px; left: 20px; position: absolute; width: 260px; height: 230px; border: 1px solid #ddd; }
#edpreview_m10 { top: 250px; left: 297px; position: absolute; width: 200px; height: 14px; }
#cardscontainer_m10 { top: 270px; left: 297px; position: absolute; width: 260px; height: 230px; border: 1px solid #ddd; }
#edSaveSubmitButton10 { box-sizing: border-box; cursor: pointer; position: absolute; color: #fff; font-weight: 600; text-align:center; line-height: 40px; width: 170px; height: 40px; bottom: 18px; left: 18px; background-color: #2172ba; }
#edSaveSubmitButton10:hover { border: 1px solid #000; }
#edSaveButton10 { box-sizing: border-box; cursor: pointer; position: absolute; font-weight: 600; text-align:center; line-height: 40px; width: 170px; height: 40px; bottom: 18px; left: 208px; background-color: #edb72b; }
#edSaveButton10:hover { border: 1px solid #000; }
#edCancelButton10 { box-sizing: border-box; cursor: pointer; position: absolute; font-weight: 600; text-align:center; line-height: 40px; width: 170px; height: 40px; bottom: 18px; left: 398px; background-color: #999; }
#edCancelButton10:hover { border: 1px solid #000; }
#savingMask10 { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: none; }
#savingMaskBG10 { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #fff; opacity: 0.6; }
#savingMaskNotif10 { position: absolute; width: 300px; height: 100px; background-color: #000; opacity: 0.8; top: 50%; left: 50%; margin-left:-150px; margin-top:-50px; color: #fff; line-height: 100px; font-weight: 700; text-align: center; font-size: 18px; }
.edHeader { font-weight: 700; font-size: 11px; color: #555; }
#profanityFilters { display: none; }
.draftNewDiv { display: inline-block; padding-left: 10px; padding-right: 15px; height: 16px; vertical-align: middle; cursor: pointer; }
.refreshIcon { padding-left: 10px; padding-right: 10px; cursor: pointer; }
#dialogMask { position: fixed; width: 100%; height: 100%; top:0px; left: 0px; background-color: #000; opacity: 0.6; display: none; z-index: 101;}
.snsTable {font-family: 'Raleway', sans-serif !important;}
#apiControlDiv { position: relative; height: 50px; }
#disableAPIButton { position:absolute; top: 0px; left: 20px; background-color: #cc0000; box-sizing: border-box; cursor: pointer; font-weight: 600; text-align:center; line-height: 40px; width: 170px; height: 40px; font-family: 'Raleway', sans-serif !important; color: #FFF;}
#disableAPIButton:hover { border: 1px solid #000; }
#enableAPIButton { position:absolute; top: 0px; left: 220px; background-color: #7bc249; box-sizing: border-box; cursor: pointer; font-weight: 600; text-align:center; line-height: 40px; width: 170px; height: 40px; font-family: 'Raleway', sans-serif !important; color: #FFF;}
#enableAPIButton:hover { border: 1px solid #000; }
.editDraftButton { position: inline-block; width: 50px; height: 20px; text-align: center; margin-left: 5px; line-height: 20px; cursor: pointer; background-color: #ccc; }
.editDraftButton:hover { background-color: #edb72b; }
.reviewApprovalButton { position: inline-block; width: 60px; height: 20px; text-align: center; margin-left: 5px; line-height: 20px; cursor: pointer; background-color: #ccc; }
.reviewApprovalButton:hover { background-color: #edb72b; }
.inlineNote { font-weight: 600; font-size: 11px; color: #060;}
.inlineNote2 { font-weight: 600; font-size: 11px; color: #600;}
#edPreviewButton { box-sizing: border-box; cursor: pointer; position: absolute; font-size: 12px; font-weight: 600; text-align:center; line-height: 15px; padding-top: 5px; width: 185px; height: 40px; top: 334px; left: 375px; background-color: #7BC249; color: #fff; }
#edPreviewButton:hover { border: 1px solid #000; }
.giftcarditem {
position: relative;
width: 230px;
height: 250px;
border: 1px solid #ddd;
background-color: #f6f6f6;
float: left;
margin-right: 11px;
margin-bottom: 10px;
cursor: pointer;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
overflow: hidden;
}
.giftcarditem:hover { box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); }
.gcc {
position: absolute;
width: 230px;
height: 220px;
background-size: contain;
border-bottom: 1px solid #ddd;
background-repeat: no-repeat;
}
.gcbi {
position: absolute;
width: 200px;
height: 125px;
top: 16px; left: 15px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #f9f9ff;
display: none;
}
.gcbit {
font-family: OpenSansLight, sans-serif;
font-size: 18px;
color: #666;
}
.gci {
position: absolute;
width: 200px;
height: 125px;
background-size: cover;
background-repeat: no-repeat;
top: 16px; left: 15px;
-moz-border-radius: 12px;
border-radius: 12px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
.gct {
position: absolute;
width: 195px;
height: 50px;
top: 152px; left: 18px;
font-family: OpenSansSemibold, sans-serif;
font-size: 16px;
color: #333;
}
.gcfooterdiv {
position: absolute;
width: 228px;
height: 29px;
top: 221px;
right: 1px;
overflow: hidden;
}
.gcfooter{
position: absolute;
width: 228px;
height: 29px;
top: 0px;
left: 0px;
overflow: hidden;
}
.gcp {
position: absolute;
width: 228px;
height: 29px;
top: 0px; left: 0px;
font-family: OpenSansLight, sans-serif;
font-size: 16px;
line-height: 29px;
background-color: #eee;
color: #2172BA;
text-align: center;
}
.giftcarditem_m {
position: relative;
width: 100%;
height: 70px;
border: 1px solid #ddd;
background-color: #f6f6f6;
float: none;
margin-right: 0px;
margin-bottom: 3px;
cursor: pointer;
box-sizing: border-box;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
overflow: hidden;
}
.giftcarditem_m:hover { box-shadow: none; }
.gcc_m {
position: absolute;
width: 115px;
height: 100%;
background-size: contain;
border-bottom: 1px solid #ddd;
background-repeat: no-repeat;
z-index: 5;
}
.gcbi_m {
position: absolute;
width: 80px;
height: 50px;
top: 8px; left: 15px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #f9f9ff;
display: none;
}
.gcbit_m {
font-family: OpenSansLight, sans-serif;
font-size: 10px;
color: #666;
}
.gci_m {
position: absolute;
width: 80px;
height: 50px;
background-size: cover;
background-repeat: no-repeat;
top: 8px; left: 15px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
.gct_m {
position: absolute;
width: auto;
height: 60px;
top: 5px; left: 110px; right: 65px;
font-family: OpenSansSemibold, sans-serif;
font-size: 14px;
color: #333;
display: flex;
justify-content: center;
flex-direction: column;
text-align: left;
}
.gcfooterdiv_m {
position: absolute;
width: 65px;
height: 100%;
top: 0px;
right: 0px;
left: auto;
overflow: hidden;
}
.gcfooter_m{
position: absolute;
width: 200%;
height: 100%;
top: 0px;
left: 0px;
overflow: hidden;
}
.gcfooterEarn_m {
left: -100% !important;
}
.gcp_m {
position: absolute;
width: 50%;
height: 100%;
top: 0px; left: 0px;
font-family: OpenSansLight, sans-serif;
font-size: 12px;
line-height: 18px;
color: #2172BA;
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
background-color: #eee;
padding-right: 3px;
}
.gcp_m b {
font-family: OpenSansSemibold, sans-serif;
font-size: 16px;
}
#edplat { top: 325px; left: 20px; position: absolute; width: 200px; height: 14px; }
#ef_f_plat { top: 340px; left: 20px; width: 330px; height: 30px; position: absolute; border: 1px solid #999; border-collapse: collapse; }
.giftcarditem2 { position: relative; width: 473px; height: 250px; border: 1px solid #ddd; background-color: #f6f6f6; float: left; margin-right: 11px; margin-bottom: 10px; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; overflow: hidden; }
.giftcarditem2:hover { box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); }
.gcc2 { position: absolute; width: 473px; height: 220px; background-size: contain; border-bottom: 1px solid #ddd; background-repeat: no-repeat; }
.gci2 { position: absolute; width: 473px; height: 220px; background-size: cover; background-repeat: no-repeat; }
.gcfooterdiv2 { position: absolute; width: 473px; height: 29px; top: 221px; right: 1px; overflow: hidden; }
.gcfooter2 { position: absolute; width: 473px; height: 29px; top: 0px; left: 0px; overflow: hidden; }
.gcp2 { position: absolute; width: 473px; height: 29px; top: 0px; left: 0px; font-family: OpenSansLight, sans-serif; font-size: 16px; line-height: 29px; background-color: #eee; color: #2172BA; text-align: center; }
.giftcarditem_m2 { position: relative; width: 100%; height: 70px; border: 1px solid #ddd; background-color: #f6f6f6; float: none; margin-right: 0px; margin-bottom: 3px; cursor: pointer; box-sizing: border-box; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; overflow: hidden; }
.giftcarditem_m2:hover { box-shadow: none; }
.gcc_m2 { position: absolute; width: 415px; height: 100%; background-size: contain; border-bottom: 1px solid #ddd; background-repeat: no-repeat; z-index: 5; }
.gci_m2 { position: absolute; width: 415px; height: 69px; background-size: cover; background-repeat: no-repeat; }
.gcfooterdiv_m2 { position: absolute; width: 65px; height: 100%; top: 0px; right: 0px; left: auto; overflow: hidden; }
.gcfooter_m2 { position: absolute; width: 200%; height: 100%; top: 0px; left: 0px; overflow: hidden; }
.gcp_m2 { position: absolute; width: 50%; height: 100%; top: 0px; left: 0px; font-family: OpenSansLight, sans-serif; font-size: 12px; line-height: 18px; color: #2172BA; display: flex; justify-content: center; flex-direction: column; text-align: center; background-color: #eee; padding-right: 3px; }
.gcp_m2 b { font-family: OpenSansSemibold, sans-serif; font-size: 16px; }
.giftcarditem10 { position: relative; width: 260px; height: 230px; overflow: hidden; background-image: url('../assets/bg_desktop.jpg'); }
.gcc10 { position: absolute; top:30px; left: 13px; width: 233px; height: 55px; }
.gci10 { position: absolute; width: 233px; height: 55px; background-size: contain; background-repeat: no-repeat; }
.giftcarditem_m10 { position: relative; width: 260px; height: 230px; overflow: hidden; background-image: url('../assets/bg_mobile.jpg'); }
.gcc_m10 { position: absolute; top:67px; left: 27px; width: 205px; height: 96px; }
.gci_m10 { position: absolute; width: 205px; height: 96px; background-size: contain; background-repeat: no-repeat; }
*/